| {"__symbolic":"module","version":4,"metadata":{"CovalentUserProfileModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TdUserProfileComponent"},{"__symbolic":"reference","name":"TdUserProfileMenuComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/material/list","name":"MatListModule","line":19,"character":4},{"__symbolic":"reference","module":"@covalent/core/menu","name":"CovalentMenuModule","line":22,"character":4}],"providers":[],"exports":[{"__symbolic":"reference","name":"TdUserProfileComponent"},{"__symbolic":"reference","name":"TdUserProfileMenuComponent"}]}]}],"members":{}},"TdUserProfileComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"td-user-profile","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":5,"character":19},"member":"OnPush"},"template":"<button mat-icon-button [matMenuTriggerFor]=\"accountMenu\">\n <mat-icon>person</mat-icon>\n</button>\n\n<mat-menu #accountMenu=\"matMenu\" [overlapTrigger]=\"false\">\n <td-user-profile-menu [name]=\"name\" [email]=\"email\">\n <ng-content select=\"[td-user-info-list]\" td-user-info-list></ng-content>\n <ng-content select=\"[td-user-action-list]\" td-user-action-list></ng-content>\n </td-user-profile-menu>\n</mat-menu>\n"}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"email":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}]}},"TdUserProfileMenuComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"td-user-profile-menu","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":19},"member":"OnPush"},"template":"<td-menu class=\"user-profile-menu\">\n <!--header-->\n <mat-list td-menu-header>\n <mat-list-item *ngIf=\"name || email\" (click)=\"_blockEvent($event)\">\n <mat-icon matListAvatar>person</mat-icon>\n <span matLine *ngIf=\"name\" class=\"mat-body-1\">{{ name }}</span>\n <span matLine *ngIf=\"email\">{{ email }}</span>\n </mat-list-item>\n <ng-content select=\"[td-user-info-list]\"></ng-content>\n </mat-list>\n <!--content-->\n <mat-action-list>\n <ng-content select=\"[td-user-action-list]\"></ng-content>\n </mat-action-list>\n</td-menu>\n","styles":[".user-profile-menu [td-menu-header]{padding-bottom:0;text-align:left}::ng-deep [mat-list-item] .mat-list-item-content .mat-icon[matListAvatar],::ng-deep mat-list-item:not(:first-child) .mat-list-item-content .mat-icon[matListAvatar]{background:none}.mat-action-list{padding-top:0}:host ::ng-deep .mat-action-list .mat-divider,:host ::ng-deep .mat-divider{margin:8px 0}:host ::ng-deep mat-divider:last-child{display:none}:host ::ng-deep mat-list .mat-list-item.mat-2-line .mat-list-item-content{height:inherit}:host ::ng-deep mat-list .mat-list-item .mat-list-item-content{padding:8px}td-menu{margin-bottom:0}"]}]}],"members":{"email":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"_blockEvent":[{"__symbolic":"method"}]}}},"origins":{"CovalentUserProfileModule":"./user-profile.module","TdUserProfileComponent":"./user-profile.component","TdUserProfileMenuComponent":"./user-profile-menu/user-profile-menu.component"},"importAs":"@covalent/core/user-profile"} |