@fundamental-ngx/core 0.37.0-rc.2 → 0.37.0-rc.21

package/esm2020/shellbar/user-menu/shellbar-user-menu.component.mjs

@@ -39,7 +39,7 @@ export class ShellbarUserMenuComponent {
     }
 }
 ShellbarUserMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ShellbarUserMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ShellbarUserMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: ShellbarUserMenuComponent, selector: "fd-shellbar-user-menu", inputs: { user: "user", userMenu: "userMenu", fillControlMode: "fillControlMode", placement: "placement", triggers: "triggers", closeOnEscapeKey: "closeOnEscapeKey", closeOnOutsideClick: "closeOnOutsideClick", disabled: "disabled", noArrow: "noArrow" }, outputs: { itemClicked: "itemClicked" }, viewQueries: [{ propertyName: "menu", first: true, predicate: MenuComponent, descendants: true }], ngImport: i0, template: "<div class=\"fd-shellbar__action fd-shellbar__action--show-always\" *ngIf=\"user\">\n    <div class=\"fd-user-menu\">\n        <button\n            fd-button\n            fdType=\"transparent\"\n            class=\"fd-shellbar__button fd-shellbar__button--user-menu\"\n            [disabled]=\"disabled\"\n            [fdMenuTrigger]=\"menu\"\n        >\n            <fd-avatar\n                size=\"xs\"\n                *ngIf=\"!user.image\"\n                [colorAccent]=\"user.colorAccent\"\n                [circle]=\"true\"\n                label=\"{{ user.fullName }}\"\n            >\n            </fd-avatar>\n\n            <fd-avatar\n                [colorAccent]=\"user.colorAccent\"\n                [circle]=\"true\"\n                size=\"xs\"\n                *ngIf=\"user.image\"\n                image=\"{{ user.image }}\"\n            ></fd-avatar>\n        </button>\n\n        <fd-menu\n            #menu\n            [triggers]=\"triggers\"\n            [placement]=\"placement\"\n            [fillControlMode]=\"fillControlMode\"\n            [closeOnEscapeKey]=\"closeOnEscapeKey\"\n            [noArrow]=\"false\"\n            [closeOnOutsideClick]=\"closeOnOutsideClick\"\n        >\n            <li fd-menu-item *ngFor=\"let item of userMenu\" (click)=\"itemClick(item, $event)\">\n                <div fd-menu-interactive>\n                    <span fd-menu-title>{{ item.text }}</span>\n                </div>\n            </li>\n        </fd-menu>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i2.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "directive", type: i2.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i2.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "directive", type: i2.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ShellbarUserMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: ShellbarUserMenuComponent, selector: "fd-shellbar-user-menu", inputs: { user: "user", userMenu: "userMenu", fillControlMode: "fillControlMode", placement: "placement", triggers: "triggers", closeOnEscapeKey: "closeOnEscapeKey", closeOnOutsideClick: "closeOnOutsideClick", disabled: "disabled", noArrow: "noArrow" }, outputs: { itemClicked: "itemClicked" }, viewQueries: [{ propertyName: "menu", first: true, predicate: MenuComponent, descendants: true }], ngImport: i0, template: "<div class=\"fd-shellbar__action fd-shellbar__action--show-always\" *ngIf=\"user\">\n    <div class=\"fd-user-menu\">\n        <button\n            fd-button\n            fdType=\"transparent\"\n            class=\"fd-shellbar__button fd-shellbar__button--user-menu\"\n            [disabled]=\"disabled\"\n            [fdMenuTrigger]=\"menu\"\n        >\n            <fd-avatar\n                size=\"xs\"\n                *ngIf=\"!user.image\"\n                [colorAccent]=\"user.colorAccent\"\n                [circle]=\"true\"\n                label=\"{{ user.fullName }}\"\n            >\n            </fd-avatar>\n\n            <fd-avatar\n                [colorAccent]=\"user.colorAccent\"\n                [circle]=\"true\"\n                size=\"xs\"\n                *ngIf=\"user.image\"\n                image=\"{{ user.image }}\"\n            ></fd-avatar>\n        </button>\n\n        <fd-menu\n            #menu\n            [triggers]=\"triggers\"\n            [placement]=\"placement\"\n            [fillControlMode]=\"fillControlMode\"\n            [closeOnEscapeKey]=\"closeOnEscapeKey\"\n            [noArrow]=\"false\"\n            [closeOnOutsideClick]=\"closeOnOutsideClick\"\n        >\n            <li fd-menu-item *ngFor=\"let item of userMenu\" (click)=\"itemClick(item, $event)\">\n                <div fd-menu-interactive>\n                    <span fd-menu-title>{{ item.text }}</span>\n                </div>\n            </li>\n        </fd-menu>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "tabbableScrollbar", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i2.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "directive", type: i2.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i2.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "directive", type: i2.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ShellbarUserMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-shellbar-user-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fd-shellbar__action fd-shellbar__action--show-always\" *ngIf=\"user\">\n    <div class=\"fd-user-menu\">\n        <button\n            fd-button\n            fdType=\"transparent\"\n            class=\"fd-shellbar__button fd-shellbar__button--user-menu\"\n            [disabled]=\"disabled\"\n            [fdMenuTrigger]=\"menu\"\n        >\n            <fd-avatar\n                size=\"xs\"\n                *ngIf=\"!user.image\"\n                [colorAccent]=\"user.colorAccent\"\n                [circle]=\"true\"\n                label=\"{{ user.fullName }}\"\n            >\n            </fd-avatar>\n\n            <fd-avatar\n                [colorAccent]=\"user.colorAccent\"\n                [circle]=\"true\"\n                size=\"xs\"\n                *ngIf=\"user.image\"\n                image=\"{{ user.image }}\"\n            ></fd-avatar>\n        </button>\n\n        <fd-menu\n            #menu\n            [triggers]=\"triggers\"\n            [placement]=\"placement\"\n            [fillControlMode]=\"fillControlMode\"\n            [closeOnEscapeKey]=\"closeOnEscapeKey\"\n            [noArrow]=\"false\"\n            [closeOnOutsideClick]=\"closeOnOutsideClick\"\n        >\n            <li fd-menu-item *ngFor=\"let item of userMenu\" (click)=\"itemClick(item, $event)\">\n                <div fd-menu-interactive>\n                    <span fd-menu-title>{{ item.text }}</span>\n                </div>\n            </li>\n        </fd-menu>\n    </div>\n</div>\n" }]