{"__symbolic":"module","version":4,"metadata":{"AvatarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":12}],"declarations":[{"__symbolic":"reference","name":"AvatarComponent"},{"__symbolic":"reference","name":"AvatarListComponent"},{"__symbolic":"reference","name":"UxgImageAvatar"},{"__symbolic":"reference","name":"InitialsPipe"}],"exports":[{"__symbolic":"reference","name":"AvatarComponent"},{"__symbolic":"reference","name":"AvatarListComponent"},{"__symbolic":"reference","name":"UxgImageAvatar"},{"__symbolic":"reference","name":"InitialsPipe"}]}]}],"members":{}},"AvatarColor":{"__symbolic":"interface"},"DefaultGravatar":{"__symbolic":"interface"},"UxgImageAvatar":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":18,"character":1},"arguments":[{"selector":"uxg-image-avatar, [uxg-image-avatar], [uxgImageAvatar]"}]}],"members":{}},"AvatarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"uxg-avatar","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":27,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":28,"character":19},"member":"OnPush"},"template":"<div\n  class=\"uxg-avatar\"\n  [class.uxg-primary-color]=\"color === 'primary'\"\n  [class.uxg-accent-color]=\"color === 'accent'\"\n  [ngClass]=\"color === 'initials' ? 'uxg-avatar-color-' + paletteColor : ''\"\n  [class.uxg-gravatar]=\"gravatarEmail || defaultGravatar\"\n>\n  <ng-container *ngTemplateOutlet=\"avatarContent\"></ng-container>\n</div>\n\n<ng-template #implicitContent>\n  <img *ngIf=\"gravatarEmail || defaultGravatar; else nameAvatar\" [src]=\"gravatarUrl\" />\n  <ng-template #nameAvatar>\n    <ng-container *ngIf=\"name\">\n      {{ name | initials: dense }}\n    </ng-container>\n  </ng-template>\n</ng-template>\n","styles":[".uxg-avatar-color-1{background:rgba(var(--color-primary),1)}.uxg-avatar-color-2{background:#4538cb}.uxg-avatar-color-3{background:#2123c0}.uxg-avatar-color-4{background:#141483}.uxg-avatar-color-5{background:rgba(var(--color-primary-darker),1)}.uxg-avatar-color-6{background:rgba(var(--color-secondary),1)}.uxg-avatar-color-7{background:#ac258d}.uxg-avatar-color-8{background:#9d1880}.uxg-avatar-color-9{background:#910d75}.uxg-avatar-color-10{background:rgba(var(--color-secondary-darker),1)}.uxg-avatar-color-11{background:rgba(var(--color-warn),1)}.uxg-avatar-color-12{background:rgba(var(--color-warn-darker),1)}.uxg-avatar-color-13{background:#56c271}.uxg-avatar-color-14{background:#3c874e}.uxg-avatar-color-15{background:#ff8a3d}.uxg-avatar-color-16{background:#b2602a}.uxg-avatar-color-17{background:#f0b323}.uxg-avatar-color-18{background:#a87d18}.uxg-avatar-color-19{background:#5bc1d7}.uxg-avatar-color-20{background:#3f8696}.uxg-avatar-color-21{background:#d2d755}.uxg-avatar-color-22{background:#92963b}"]}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"gravatarEmail":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"defaultGravatar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"dense":[{"__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":"Input","line":45,"character":3}}]}],"_explicitContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":46,"character":3},"arguments":[{"__symbolic":"reference","name":"UxgImageAvatar"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":46,"character":40},"static":true}]}]}],"_implicitContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":47,"character":3},"arguments":["implicitContent",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"getCode":[{"__symbolic":"method"}],"generateGravatar":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"AvatarListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"uxg-avatar-list","template":"<ul class=\"uxg-avatar-list\" [attr.dense]=\"dense === '' || null\" [attr.large]=\"large === '' || null\">\n  <ng-content select=\"uxg-avatar\"></ng-content>\n  <li class=\"uxg-avatar-number\">+{{ extra }}</li>\n</ul>\n"}]}],"members":{"totalLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"avatars":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":18,"character":3},"arguments":[{"__symbolic":"reference","name":"AvatarComponent"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":18,"character":44}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":23,"character":5},"arguments":["dense"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":24,"character":5},"arguments":["large"]}],null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":25,"character":22}]}],"ngAfterContentInit":[{"__symbolic":"method"}]}},"InitialsPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"initials"}]}],"members":{"transform":[{"__symbolic":"method"}]}}},"origins":{"AvatarModule":"./src/avatar.module","AvatarColor":"./src/avatar.component","DefaultGravatar":"./src/avatar.component","UxgImageAvatar":"./src/avatar.component","AvatarComponent":"./src/avatar.component","AvatarListComponent":"./src/avatar-list.component","InitialsPipe":"./src/initials.pipe"},"importAs":"@ffdc/uxg-angular-components/avatar"}