{"__symbolic":"module","version":4,"metadata":{"MatAvatarsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":18,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"MatAvatarDialog"},{"__symbolic":"reference","name":"MatAvatarSelectComponent"},{"__symbolic":"reference","name":"MatAvatarListComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"MatAvatarDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":28,"character":4},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":29,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":30,"character":4},{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabsModule","line":31,"character":4}],"exports":[{"__symbolic":"reference","name":"MatAvatarDialog"},{"__symbolic":"reference","name":"MatAvatarSelectComponent"},{"__symbolic":"reference","name":"MatAvatarListComponent"},{"__symbolic":"reference","name":"MatAvatarDirective"}],"providers":[{"__symbolic":"reference","name":"MatAvatarsService"},{"__symbolic":"reference","name":"MatAvatarEncoderService"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["config"],"defaults":[null],"value":{"ngModule":{"__symbolic":"reference","name":"MatAvatarsModule"},"providers":[{"provide":{"__symbolic":"reference","name":"MATAVATARS_CONFIG_TOKEN"},"useValue":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"config"},"right":{"__symbolic":"reference","name":"DEFAULT_MATAVATARS_CONFIG"}}}]}}}},"MatAvatarsService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":12,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":20,"character":5},"arguments":[{"__symbolic":"reference","name":"MATAVATARS_CONFIG_TOKEN"}]}]],"parameters":[{"__symbolic":"reference","name":"MatAvatarsConfig"}]}],"getAvatars":[{"__symbolic":"method"}],"createAvatar":[{"__symbolic":"method"}],"createAvatars":[{"__symbolic":"method"}],"validatePreviewConfig":[{"__symbolic":"method"}],"setAvatarsPosition":[{"__symbolic":"method"}],"calculateLayout":[{"__symbolic":"method"}],"calculateNumAvatars":[{"__symbolic":"method"}],"checkAvatars":[{"__symbolic":"method"}],"getAvatarFactory":[{"__symbolic":"method"}],"selectDirective":[{"__symbolic":"method"}],"clearSelection":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"AVATAR_CIRCLE_CLASS":"avatar-circle","MatAvatarDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[matAvatar]","host":{"[class]":"hostClass","$quoted$":["[class]"]}}]}],"members":{"matAvatar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"avatarType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"avatarSrc":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"avatarCircle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"avatarSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"avatarSizeEm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"avatarBorder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":33,"character":30,"context":{"typeName":"HTMLElement"},"module":"./lib/mat-avatar.directive"}]},{"__symbolic":"reference","name":"MatAvatarsService"},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":33,"character":98}]}],"ngOnChanges":[{"__symbolic":"method"}],"toogleClass":[{"__symbolic":"method"}]}},"MatAvatarEncoderService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":10,"character":5},"arguments":[{"__symbolic":"reference","name":"MATAVATARS_CONFIG_TOKEN"}]}]],"parameters":[{"__symbolic":"reference","name":"MatAvatarsConfig"}]}],"encode":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"MatAvatarDialog":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"avt-mat-avatar-dialog","host":{"class":"fx-col fx1"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":11,"character":19},"member":"OnPush"},"template":"<!-- \n<h2 class=\"fx0\" mat-dialog-title>Choisir un avatar</h2>\n<mat-dialog-content class=\"fx1 fx-col\">\n  <div avtMatAvatarSelect class=\"fx1\" (avatarChange)=\"avatarChange($event)\"></div>\n</mat-dialog-content>\n<mat-dialog-actions class=\"fx0\">\n  <button mat-raised-button color=\"accent\" [disabled]=\"!selected\" [mat-dialog-close]=\"selected\">OK</button>\n  <button mat-raised-button color=\"primary\" mat-dialog-close>Annuler</button>\n</mat-dialog-actions> \n-->\n<div class=\"fx1 fx-col\">\n  <div avtMatAvatarSelect class=\"fx1\" (avatarChange)=\"avatarChange($event)\"></div>\n  <div class=\"fx0 button-bar\">\n    <button mat-raised-button color=\"accent\" [disabled]=\"!selected\" [mat-dialog-close]=\"selected\">OK</button>\n    <button mat-raised-button color=\"primary\" mat-dialog-close>Annuler</button>\n  </div> \n</div>","styles":[":host{overflow:hidden;box-sizing:border-box}:host .mat-dialog-content{box-sizing:border-box;overflow:hidden}:host .mat-dialog-actions{box-sizing:border-box}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":17,"character":5}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":16,"character":17},{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"MatAvatarDialog"},{"__symbolic":"reference","name":"Avatar"}]}]}],"avatarChange":[{"__symbolic":"method"}]}},"MatAvatarSelectComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"div[avtMatAvatarSelect]","host":{"class":"fx-col"},"template":"<nav class=\"avatar-nav fx0\" mat-tab-nav-bar [backgroundColor]=\"\">\n    <a class=\"avatar-tab-link\" mat-tab-link *ngFor=\"let a of collection\" (click)=\"setSelected(a)\"\n        [active]=\"selected == a\">\n        <!-- <span class=\"emoji\">{{a.emoji}}</span> -->\n        <img [matAvatar]=\"a.emoji\" [avatarSize]=\"48\" [avatarType]=\"a.type\"/>\n    </a>\n    <a class=\"mat-icon mat-primary avatar-tab-link refresh-btn\" \n        mat-tab-link #btn (click)=\"avtList.refresh()\">\n        <svg class=\"mat-elevation-z2\" style=\"border-radius: 50%;\" [refreshList]=\"btn\" version=\"1.1\"\n            xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 768 768\">\n            <path fill=\"currentColor\"\n                d=\"M614.761 384q0-95.549-67.606-163.155t-163.155-67.606v-115.38l-153.239 153.239 153.239 155.042v-115.38q63.098 0 108.169 45.070t45.070 108.169-45.070 108.169-108.169 45.071-108.169-45.071-45.070-108.169h-77.522q0 95.549 67.606 163.155t163.155 67.606 163.155-67.606 67.606-163.155zM384 0q158.648 0 271.324 112.676t112.676 271.324-112.676 271.324-271.324 112.676-271.324-112.676-112.676-271.324 112.676-271.324 271.324-112.676z\">\n            </path>\n        </svg>\n    </a>\n</nav>\n<div #avtList avtMatAvatarList class=\"fx1\" [avatarType]=\"selected.type\" (avatarChange)=\"avatarChange.next($event)\">\n</div>","styles":[".avatar-nav.avatar-nav .mat-tab-link.avatar-tab-link{order:0;flex:0 1 auto;align-self:auto;opacity:1!important;display:inline-block;min-height:0!important;padding:4px 0!important;margin:4px;min-width:0!important;box-sizing:content-box}.avatar-nav.avatar-nav .mat-tab-link.avatar-tab-link.refresh-btn{display:flex}"]}]}],"members":{"avatarChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatAvatarsService"}]}],"setSelected":[{"__symbolic":"method"}]}},"MatAvatarListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"div[avtMatAvatarList]","host":{"class":"mat-avatar-list","$quoted$":["class"]},"template":"<img *ngFor=\"let a of avatars | async\" (click)=\"setSelected(a)\"\n    matAvatar [avatarCircle]=\"true\" [avatarBorder]=\"true\"  [avatarSrc]=\"a.src\" [avatarSize]=\"avatarSize\"\n    avatarImg>","styles":[":host{position:relative;overflow:hidden;box-sizing:border-box}"]}]}],"members":{"avatarChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"avatarType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"images":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":25,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵa"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":32,"character":30,"context":{"typeName":"HTMLDivElement"},"module":"./lib/mat-avatar-list/mat-avatar-list.component"}]},{"__symbolic":"reference","name":"MatAvatarsService"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"updatePosition":[{"__symbolic":"method"}],"validateSize":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}],"setAvatarType":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"setSelected":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"AvatarType":{"__symbolic":"interface"},"isAvatarType":{"__symbolic":"error","message":"Lambda not supported","line":9,"character":28,"module":"./lib/shared/mat-avatar-config"},"MatAvatarsConfig":{"__symbolic":"interface"},"DEFAULT_MATAVATARS_CONFIG":{"emojiSize":32,"pngSize":200,"previewSize":100,"previewHgap":8,"previewVgap":8,"avatarTypes":["avataaars","female","male","bottts","gridy","jdenticon"]},"MATAVATARS_CONFIG_TOKEN":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":37,"character":43},"arguments":["mat-avatars-config"]},"Avatar":{"__symbolic":"interface"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[avatarImg]"}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"clickHandler":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":43,"character":3},"arguments":["click"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":49,"character":30,"context":{"typeName":"HTMLImageElement"},"module":"./lib/shared/avatar-img.directive"}]},{"__symbolic":"reference","name":"MatAvatarsService"}]}],"setPosition":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[refreshList]"}]}],"members":{"refreshList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":19,"character":38,"context":{"typeName":"HTMLElement"},"module":"./lib/shared/refresh-list.directive"}]}]}],"ngOnDestroy":[{"__symbolic":"method"}],"handleTarget":[{"__symbolic":"method"}]}}},"origins":{"MatAvatarsModule":"./lib/mat-avatars.module","MatAvatarsService":"./lib/mat-avatars.service","AVATAR_CIRCLE_CLASS":"./lib/mat-avatar.directive","MatAvatarDirective":"./lib/mat-avatar.directive","MatAvatarEncoderService":"./lib/mat-avatar-encoder.service","MatAvatarDialog":"./lib/mat-avatar-dialog/mat-avatar-dialog","MatAvatarSelectComponent":"./lib/mat-avatar-select/mat-avatar-select.component","MatAvatarListComponent":"./lib/mat-avatar-list/mat-avatar-list.component","AvatarType":"./lib/shared/mat-avatar-config","isAvatarType":"./lib/shared/mat-avatar-config","MatAvatarsConfig":"./lib/shared/mat-avatar-config","DEFAULT_MATAVATARS_CONFIG":"./lib/shared/mat-avatar-config","MATAVATARS_CONFIG_TOKEN":"./lib/shared/mat-avatar-config","Avatar":"./lib/shared/mat-avatars","ɵa":"./lib/shared/avatar-img.directive","ɵb":"./lib/shared/refresh-list.directive"},"importAs":"mat-avatars"}