{"__symbolic":"module","version":4,"exports":[{"from":"./lib/user-menu/interfaces"}],"metadata":{"UserMenuModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"UserMenuComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":2},{"__symbolic":"reference","module":"@acpaas-ui/ngx-components/flyout","name":"FlyoutModule","line":11,"character":2}],"exports":[{"__symbolic":"reference","name":"UserMenuComponent"}]}]}],"members":{}},"UserMenuComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"aui-user-menu","template":"<div class=\"m-user-menu-container\">\n\t<!-- Container showing the login button -->\n\t<ng-container *ngIf=\"!user\">\n\t\t<button class=\"a-button a-button-login has-icon-left\" [attr.aria-label]=\"translations.login\"\n\t\t\t(click)=\"login$.next()\">\n\t\t\t<span class=\"fa fa-user\"></span>\n\t\t\t{{ translations.login }}\n\t\t</button>\n\t</ng-container>\n\n\t<!-- Container with user avatar, actions and logout functionality -->\n\t<ng-container *ngIf=\"user\">\n\t\t<div auiFlyout class=\"m-user-menu-flyout\" [attr.size]=\"flyoutSize\" [attr.data-align]=\"direction\">\n\t\t\t<button class=\"a-button primary a-button-avatar\" auiFlyoutAction>\n\t\t\t\t<span class=\"a-avatar u-margin-right-xs\">\n\t\t\t\t\t<img *ngIf=\"user?.avatarUrl\" [src]=\"user?.avatarUrl\" [attr.alt]=\"translations.userAvatar\" />\n\t\t\t\t\t<span *ngIf=\"!(user?.avatarUrl)\" class=\"a-avatar__icon\">\n\t\t\t\t\t\t<span class=\"fa fa-user\"><span\n\t\t\t\t\t\t\t\tclass=\"u-screen-reader-only\">{{ translations.userAvatar }}</span></span>\n\t\t\t\t\t</span>\n\t\t\t\t\t<span class=\"a-badge a-badge--warning\"\n\t\t\t\t\t\t*ngIf=\"notificationsCount > 0\">{{ !notificationsCount ? 0 : notificationsCount }}</span>\n\t\t\t\t</span>\n\t\t\t\t{{ user?.firstName }} {{ user?.lastName }}\n\t\t\t</button>\n\t\t\t<div auiFlyoutZone>\n\t\t\t\t<!-- By using Content Projection, whatever the user iserts in the html tag of this component will get rendered in the flyout element -->\n\t\t\t\t<ng-content></ng-content>\n\t\t\t\t<button *ngIf=\"showLogoutButton\"\n\t\t\t\t\tclass='a-button-logout a-button a-button--danger a-button--block has-icon-left'\n\t\t\t\t\t(click)=\"logout$.next()\" auiFlyoutClose [attr.aria-label]=\"translations.logout\">\n\t\t\t\t\t<span class=\"fa fa-power-off\"></span>\n\t\t\t\t\t{{ translations.logout }}\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</div>\n\t</ng-container>\n</div>\n","styles":[":host{display:inline-block}.a-button-avatar{-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;padding-bottom:0;padding-left:0;padding-top:0}.a-button-avatar .a-avatar{align-content:center;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-pack:center;justify-content:center;overflow:visible;position:relative}.a-button-avatar .a-avatar .a-badge{bottom:-.5625rem;position:absolute;z-index:5}"]}]}],"members":{"user":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":2}}]}],"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":2}}]}],"flyoutSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":2}}]}],"notificationsCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":2}}]}],"showLogoutButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":2}}]}],"translations":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":2}}]}],"logout$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":2}}]}],"login$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":2}}]}]}}},"origins":{"UserMenuModule":"./lib/user-menu/user-menu.module","UserMenuComponent":"./lib/user-menu/components/user-menu/user-menu.component"},"importAs":"@acpaas-ui/ngx-components/user-menu"}