{"__symbolic":"module","version":4,"metadata":{"UserProfile":{"__symbolic":"interface"},"UxgUserProfilePanelActionsDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[uxg-user-profile-panel-actions], [uxgUserProfilePanelActions]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"UxgUserProfilePanelContentDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[uxg-user-profile-panel-content], [uxgUserProfilePanelContent]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"UxgUserProfilePanelDetailsDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[uxg-user-profile-panel-details], [uxgUserProfilePanelDetails]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"HeaderType":{"__symbolic":"interface"},"UxgUserProfileMenuComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"uxg-user-profile-menu","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":22,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":23,"character":19},"member":"OnPush"},"host":{"class":"uxg-user-profile-menu"},"template":"<uxg-avatar\n  [dense]=\"dense === '' ? true : false\"\n  [color]=\"color\"\n  [name]=\"user.username\"\n  [defaultGravatar]=\"defaultGravatar\"\n  [gravatarEmail]=\"user.gravatarEmail\"\n  [matMenuTriggerFor]=\"menuUserProfile\"\n  [avatarImage]=\"user.photo ? avatarImage : null\"\n>\n</uxg-avatar>\n<mat-menu #menuUserProfile class=\"uxg-user-profile\">\n  <uxg-user-profile-panel\n    [user]=\"user\"\n    [defaultGravatar]=\"defaultGravatar\"\n    [color]=\"color\"\n    [headerType]=\"headerType\"\n    [contentTemplate]=\"uxgUserProfilePanelContent\"\n    [actionsTemplate]=\"uxgUserProfilePanelActions\"\n    [detailsTemplate]=\"uxgUserProfilePanelDetails\"\n  >\n  </uxg-user-profile-panel>\n</mat-menu>\n\n<ng-template #avatarImage>\n  <img [src]=\"user.photo\" />\n</ng-template>\n","styles":[".uxg-user-profile-menu .uxg-avatar{cursor:pointer}"]}]}],"members":{"user":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"defaultGravatar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"headerType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"avatarImage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":34,"character":3},"arguments":["avatarImage",{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":34,"character":36},"static":true}]}]}],"userMenuTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":37,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuTrigger","line":37,"character":13},{"static":true}]}]}],"uxgUserProfilePanelContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":40,"character":3},"arguments":[{"__symbolic":"reference","name":"UxgUserProfilePanelContentDirective"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":40,"character":61},"static":true}]}]}],"uxgUserProfilePanelActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":43,"character":3},"arguments":[{"__symbolic":"reference","name":"UxgUserProfilePanelActionsDirective"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":43,"character":61},"static":true}]}]}],"uxgUserProfilePanelDetails":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":46,"character":3},"arguments":[{"__symbolic":"reference","name":"UxgUserProfilePanelDetailsDirective"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":46,"character":61},"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":49,"character":15},"arguments":["dense"]}]],"parameters":[{"__symbolic":"reference","name":"any"}]}]}},"UxgUserProfilePanelComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"uxg-user-profile-panel","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":21,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":22,"character":19},"member":"OnPush"},"host":{"class":"uxg-user-profile-panel","[class.has-content]":"hasContent","$quoted$":["[class.has-content]"]},"template":"<div class=\"uxg-menu-header\">\n  <div\n    [ngClass]=\"{\n      'uxg-avatar-hero-block': headerType === 'hero',\n      'uxg-avatar-title-block': headerType === 'title'\n    }\"\n  >\n    <uxg-avatar\n      [attr.large]=\"headerType === 'title' ? null : true\"\n      [name]=\"user.username\"\n      [defaultGravatar]=\"defaultGravatar\"\n      [color]=\"color\"\n      [gravatarEmail]=\"user.gravatarEmail\"\n      [avatarImage]=\"user.photo ? avatarImage : null\"\n    >\n    </uxg-avatar>\n    <h6 class=\"uxg-h6\">{{ user.username }}</h6>\n    <div class=\"uxg-caption\">{{ user.email }}</div>\n\n    <ng-container *ngIf=\"hasDetails\">\n      <div>\n        <ng-container *ngTemplateOutlet=\"uxgUserProfilePanelDetails || detailsTemplate\"></ng-container>\n      </div>\n    </ng-container>\n  </div>\n</div>\n\n<ng-container *ngIf=\"hasContent\">\n  <mat-divider></mat-divider>\n  <div>\n    <ng-container *ngTemplateOutlet=\"uxgUserProfilePanelContent || contentTemplate\"></ng-container>\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"hasFooter\">\n  <mat-divider></mat-divider>\n  <div [ngClass]=\"{ 'uxg-menu-footer': hasFooter }\">\n    <ng-container *ngTemplateOutlet=\"uxgUserProfilePanelActions || actionsTemplate\"></ng-container>\n  </div>\n</ng-container>\n\n<ng-template #avatarImage>\n  <img [src]=\"user.photo\" />\n</ng-template>\n"}]}],"members":{"user":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"defaultGravatar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"headerType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"contentTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"actionsTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"detailsTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"avatarImage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":38,"character":3},"arguments":["avatarImage",{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":38,"character":36},"static":true}]}]}],"uxgUserProfilePanelContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":41,"character":3},"arguments":[{"__symbolic":"reference","name":"UxgUserProfilePanelContentDirective"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":41,"character":61},"static":true}]}]}],"uxgUserProfilePanelActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":44,"character":3},"arguments":[{"__symbolic":"reference","name":"UxgUserProfilePanelActionsDirective"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":44,"character":61},"static":true}]}]}],"uxgUserProfilePanelDetails":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":47,"character":3},"arguments":[{"__symbolic":"reference","name":"UxgUserProfilePanelDetailsDirective"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":47,"character":61},"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngAfterContentInit":[{"__symbolic":"method"}]}},"UxgUserProfileMenuModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":12},{"__symbolic":"reference","module":"@ffdc/uxg-angular-components/avatar","name":"AvatarModule","line":13,"character":26},{"__symbolic":"reference","module":"@angular/material/divider","name":"MatDividerModule","line":13,"character":40},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":13,"character":58}],"exports":[{"__symbolic":"reference","name":"UxgUserProfileMenuComponent"},{"__symbolic":"reference","name":"UxgUserProfilePanelComponent"},{"__symbolic":"reference","name":"UxgUserProfilePanelActionsDirective"},{"__symbolic":"reference","name":"UxgUserProfilePanelContentDirective"},{"__symbolic":"reference","name":"UxgUserProfilePanelDetailsDirective"}],"declarations":[{"__symbolic":"reference","name":"UxgUserProfilePanelComponent"},{"__symbolic":"reference","name":"UxgUserProfileMenuComponent"},{"__symbolic":"reference","name":"UxgUserProfilePanelActionsDirective"},{"__symbolic":"reference","name":"UxgUserProfilePanelContentDirective"},{"__symbolic":"reference","name":"UxgUserProfilePanelDetailsDirective"}]}]}],"members":{}}},"origins":{"UserProfile":"./src/user-profile","UxgUserProfilePanelActionsDirective":"./src/user-profile-panel-actions.directive","UxgUserProfilePanelContentDirective":"./src/user-profile-panel-content.directive","UxgUserProfilePanelDetailsDirective":"./src/user-profile-panel-details.directive","HeaderType":"./src/user-profile-menu.component","UxgUserProfileMenuComponent":"./src/user-profile-menu.component","UxgUserProfilePanelComponent":"./src/user-profile-panel.component","UxgUserProfileMenuModule":"./src/user-profile-menu.module"},"importAs":"@ffdc/uxg-angular-components/user-profile-menu"}