@fundamental-ngx/core 0.49.2 → 0.49.3-rc.2

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

@@ -1,7 +1,8 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ContentChild, EventEmitter, Input, Output, ViewChild } from '@angular/core';
 import { AvatarComponent } from '@fundamental-ngx/core/avatar';
 import { ButtonComponent } from '@fundamental-ngx/core/button';
 import { MenuComponent, MenuModule } from '@fundamental-ngx/core/menu';
+import { ShellbarUserMenuButtonDirective } from './shellbar-user-menu-button.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "@fundamental-ngx/core/menu";
 /**
@@ -27,6 +28,10 @@ export class ShellbarUserMenuComponent {
         /** Event emitted on item click */
         this.itemClicked = new EventEmitter();
     }
+    /** Reference to Menu Component */
+    get menu() {
+        return this._contentPassedMenu || this._menu;
+    }
     /**
      * @hidden
      */
@@ -37,11 +42,11 @@ export class ShellbarUserMenuComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ShellbarUserMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: ShellbarUserMenuComponent, isStandalone: true, 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: "@if (user) {\n    <div class=\"fd-shellbar__action fd-shellbar__action--show-always\">\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                @if (!user.image) {\n                    <fd-avatar size=\"xs\" [colorAccent]=\"user.colorAccent\" [circle]=\"true\" label=\"{{ user.fullName }}\">\n                    </fd-avatar>\n                } @else {\n                    <fd-avatar\n                        [colorAccent]=\"user.colorAccent\"\n                        [circle]=\"true\"\n                        size=\"xs\"\n                        image=\"{{ user.image }}\"\n                    ></fd-avatar>\n                }\n            </button>\n            @if (userMenu) {\n                <fd-menu\n                    #menu\n                    [triggers]=\"triggers\"\n                    [placement]=\"placement\"\n                    [fillControlMode]=\"fillControlMode\"\n                    [closeOnEscapeKey]=\"closeOnEscapeKey\"\n                    [noArrow]=\"noArrow\"\n                    [closeOnOutsideClick]=\"closeOnOutsideClick\"\n                >\n                    @for (item of userMenu; track item) {\n                        <li fd-menu-item (click)=\"itemClick(item, $event)\">\n                            <div fd-menu-interactive>\n                                <span fd-menu-title>{{ item.text }}</span>\n                            </div>\n                        </li>\n                    }\n                </fd-menu>\n            }\n        </div>\n    </div>\n}\n", dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "ngmodule", type: MenuModule }, { kind: "component", type: i1.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i1.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu", "hasSeparator"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "component", type: i1.MenuInteractiveComponent, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i1.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "directive", type: i1.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: ShellbarUserMenuComponent, isStandalone: true, 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" }, queries: [{ propertyName: "_contentPassedMenu", first: true, predicate: MenuComponent, descendants: true }, { propertyName: "_shellbarUserMenuButton", first: true, predicate: ShellbarUserMenuButtonDirective, descendants: true }], viewQueries: [{ propertyName: "_menu", first: true, predicate: MenuComponent, descendants: true }], ngImport: i0, template: "@if (user || _shellbarUserMenuButton) {\n    <div class=\"fd-shellbar__action fd-shellbar__action--show-always\">\n        <div class=\"fd-user-menu\">\n            @if (!_shellbarUserMenuButton) {\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    fdShellbarUserMenuButton\n                    [disabled]=\"disabled\"\n                    [fdMenuTrigger]=\"menu\"\n                >\n                    @if (!user.image) {\n                        <fd-avatar size=\"xs\" [colorAccent]=\"user.colorAccent\" [circle]=\"true\" [label]=\"user.fullName\">\n                        </fd-avatar>\n                    } @else {\n                        <fd-avatar\n                            [colorAccent]=\"user.colorAccent\"\n                            [circle]=\"true\"\n                            size=\"xs\"\n                            image=\"{{ user.image }}\"\n                        ></fd-avatar>\n                    }\n                </button>\n            } @else {\n                <ng-content select=\"[fdShellbarUserMenuButton]\"></ng-content>\n            }\n            @if (userMenu) {\n                <fd-menu\n                    [triggers]=\"triggers\"\n                    [placement]=\"placement\"\n                    [fillControlMode]=\"fillControlMode\"\n                    [closeOnEscapeKey]=\"closeOnEscapeKey\"\n                    [noArrow]=\"noArrow\"\n                    [closeOnOutsideClick]=\"closeOnOutsideClick\"\n                >\n                    @for (item of userMenu; track item) {\n                        <li fd-menu-item (click)=\"itemClick(item, $event)\">\n                            <div fd-menu-interactive>\n                                <span fd-menu-title>{{ item.text }}</span>\n                            </div>\n                        </li>\n                    }\n                </fd-menu>\n            }\n        </div>\n    </div>\n}\n", dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "ngmodule", type: MenuModule }, { kind: "component", type: i1.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i1.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu", "hasSeparator"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "component", type: i1.MenuInteractiveComponent, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i1.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "directive", type: i1.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "directive", type: ShellbarUserMenuButtonDirective, selector: "[fd-button][fdShellbarUserMenuButton]", inputs: ["fdType"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ShellbarUserMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fd-shellbar-user-menu', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ButtonComponent, MenuModule, AvatarComponent], template: "@if (user) {\n    <div class=\"fd-shellbar__action fd-shellbar__action--show-always\">\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                @if (!user.image) {\n                    <fd-avatar size=\"xs\" [colorAccent]=\"user.colorAccent\" [circle]=\"true\" label=\"{{ user.fullName }}\">\n                    </fd-avatar>\n                } @else {\n                    <fd-avatar\n                        [colorAccent]=\"user.colorAccent\"\n                        [circle]=\"true\"\n                        size=\"xs\"\n                        image=\"{{ user.image }}\"\n                    ></fd-avatar>\n                }\n            </button>\n            @if (userMenu) {\n                <fd-menu\n                    #menu\n                    [triggers]=\"triggers\"\n                    [placement]=\"placement\"\n                    [fillControlMode]=\"fillControlMode\"\n                    [closeOnEscapeKey]=\"closeOnEscapeKey\"\n                    [noArrow]=\"noArrow\"\n                    [closeOnOutsideClick]=\"closeOnOutsideClick\"\n                >\n                    @for (item of userMenu; track item) {\n                        <li fd-menu-item (click)=\"itemClick(item, $event)\">\n                            <div fd-menu-interactive>\n                                <span fd-menu-title>{{ item.text }}</span>\n                            </div>\n                        </li>\n                    }\n                </fd-menu>\n            }\n        </div>\n    </div>\n}\n" }]
+            args: [{ selector: 'fd-shellbar-user-menu', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ButtonComponent, MenuModule, AvatarComponent, ShellbarUserMenuButtonDirective], template: "@if (user || _shellbarUserMenuButton) {\n    <div class=\"fd-shellbar__action fd-shellbar__action--show-always\">\n        <div class=\"fd-user-menu\">\n            @if (!_shellbarUserMenuButton) {\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    fdShellbarUserMenuButton\n                    [disabled]=\"disabled\"\n                    [fdMenuTrigger]=\"menu\"\n                >\n                    @if (!user.image) {\n                        <fd-avatar size=\"xs\" [colorAccent]=\"user.colorAccent\" [circle]=\"true\" [label]=\"user.fullName\">\n                        </fd-avatar>\n                    } @else {\n                        <fd-avatar\n                            [colorAccent]=\"user.colorAccent\"\n                            [circle]=\"true\"\n                            size=\"xs\"\n                            image=\"{{ user.image }}\"\n                        ></fd-avatar>\n                    }\n                </button>\n            } @else {\n                <ng-content select=\"[fdShellbarUserMenuButton]\"></ng-content>\n            }\n            @if (userMenu) {\n                <fd-menu\n                    [triggers]=\"triggers\"\n                    [placement]=\"placement\"\n                    [fillControlMode]=\"fillControlMode\"\n                    [closeOnEscapeKey]=\"closeOnEscapeKey\"\n                    [noArrow]=\"noArrow\"\n                    [closeOnOutsideClick]=\"closeOnOutsideClick\"\n                >\n                    @for (item of userMenu; track item) {\n                        <li fd-menu-item (click)=\"itemClick(item, $event)\">\n                            <div fd-menu-interactive>\n                                <span fd-menu-title>{{ item.text }}</span>\n                            </div>\n                        </li>\n                    }\n                </fd-menu>\n            }\n        </div>\n    </div>\n}\n" }]
         }], propDecorators: { user: [{
                 type: Input
             }], userMenu: [{
@@ -62,8 +67,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                 type: Input
             }], itemClicked: [{
                 type: Output
-            }], menu: [{
+            }], _menu: [{
                 type: ViewChild,
                 args: [MenuComponent]
+            }], _contentPassedMenu: [{
+                type: ContentChild,
+                args: [MenuComponent]
+            }], _shellbarUserMenuButton: [{
+                type: ContentChild,
+                args: [ShellbarUserMenuButtonDirective]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hlbGxiYXItdXNlci1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29yZS9zaGVsbGJhci91c2VyLW1lbnUvc2hlbGxiYXItdXNlci1tZW51LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29yZS9zaGVsbGJhci91c2VyLW1lbnUvc2hlbGxiYXItdXNlci1tZW51LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTNHLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDL0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxVQUFVLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7O0FBS3ZFOzs7S0FHSztBQVFMLE1BQU0sT0FBTyx5QkFBeUI7SUFQdEM7UUF5Qkk7bUdBQzJGO1FBRTNGLGNBQVMsR0FBYyxZQUFZLENBQUM7UUFFcEM7Z0dBQ3dGO1FBRXhGLGFBQVEsR0FBYSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBRS9CLHVFQUF1RTtRQUV2RSxxQkFBZ0IsR0FBRyxJQUFJLENBQUM7UUFFeEIsb0ZBQW9GO1FBRXBGLHdCQUFtQixHQUFHLElBQUksQ0FBQztRQUUzQix1Q0FBdUM7UUFFdkMsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVqQiwrQ0FBK0M7UUFFL0MsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUVoQixrQ0FBa0M7UUFFbEMsZ0JBQVcsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQWU5RDtJQVRHOztPQUVHO0lBQ0gsU0FBUyxDQUFDLElBQXNCLEVBQUUsS0FBaUI7UUFDL0MsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUN4QixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDZixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ3hCO0lBQ0wsQ0FBQzs4R0E1RFEseUJBQXlCO2tHQUF6Qix5QkFBeUIsOFpBaUR2QixhQUFhLGdEQ3JFNUIsZ3ZEQTRDQSw0Q0QxQmMsZUFBZSx1SEFBRSxVQUFVLG92QkFBRSxlQUFlOzsyRkFFN0MseUJBQXlCO2tCQVByQyxTQUFTOytCQUNJLHVCQUF1QixtQkFFaEIsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQyxlQUFlLEVBQUUsVUFBVSxFQUFFLGVBQWUsQ0FBQzs4QkFLdkQsSUFBSTtzQkFESCxLQUFLO2dCQUtOLFFBQVE7c0JBRFAsS0FBSztnQkFVTixlQUFlO3NCQURkLEtBQUs7Z0JBTU4sU0FBUztzQkFEUixLQUFLO2dCQU1OLFFBQVE7c0JBRFAsS0FBSztnQkFLTixnQkFBZ0I7c0JBRGYsS0FBSztnQkFLTixtQkFBbUI7c0JBRGxCLEtBQUs7Z0JBS04sUUFBUTtzQkFEUCxLQUFLO2dCQUtOLE9BQU87c0JBRE4sS0FBSztnQkFLTixXQUFXO3NCQURWLE1BQU07Z0JBS1AsSUFBSTtzQkFESCxTQUFTO3VCQUFDLGFBQWEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTnVsbGFibGUgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2Nkay91dGlscyc7XG5pbXBvcnQgeyBBdmF0YXJDb21wb25lbnQgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2NvcmUvYXZhdGFyJztcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZS9idXR0b24nO1xuaW1wb3J0IHsgTWVudUNvbXBvbmVudCwgTWVudU1vZHVsZSB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZS9tZW51JztcbmltcG9ydCB7IFBsYWNlbWVudCwgUG9wb3ZlckZpbGxNb2RlIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL3NoYXJlZCc7XG5pbXBvcnQgeyBTaGVsbGJhclVzZXIgfSBmcm9tICcuLi9tb2RlbC9zaGVsbGJhci11c2VyJztcbmltcG9ydCB7IFNoZWxsYmFyVXNlck1lbnUgfSBmcm9tICcuLi9tb2RlbC9zaGVsbGJhci11c2VyLW1lbnUnO1xuXG4vKipcbiAqIFRoaXMgQ29tcG9uZW50IGV4dGVuZHMgcG9wb3ZlciBjb21wb25lbnQgYW5kIHBhc3NlcyBhbGwgdGhlIG9wdGlvbnMgYW5kIGV2ZW50cyBmcm9tIG91dHNpZGUgdG8gcG9wb3ZlciBjb21wb25lbnRcbiAqIGFuZCBWaWNlIFZlcnNhXG4gKiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdmZC1zaGVsbGJhci11c2VyLW1lbnUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zaGVsbGJhci11c2VyLW1lbnUuY29tcG9uZW50Lmh0bWwnLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW0J1dHRvbkNvbXBvbmVudCwgTWVudU1vZHVsZSwgQXZhdGFyQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBTaGVsbGJhclVzZXJNZW51Q29tcG9uZW50IHtcbiAgICAvKiogVGhlIHVzZXIgZGF0YS4gKi9cbiAgICBASW5wdXQoKVxuICAgIHVzZXI6IFNoZWxsYmFyVXNlcjtcblxuICAgIC8qKiBUaGUgdXNlciBtZW51IGRhdGEuICovXG4gICAgQElucHV0KClcbiAgICB1c2VyTWVudTogU2hlbGxiYXJVc2VyTWVudVtdO1xuXG4gICAgLyoqXG4gICAgICogUHJlc2V0IG9wdGlvbnMgZm9yIHRoZSBwb3BvdmVyIGJvZHkgd2lkdGguXG4gICAgICogKiBgYXQtbGVhc3RgIHdpbGwgYXBwbHkgYSBtaW5pbXVtIHdpZHRoIHRvIHRoZSBib2R5IGVxdWl2YWxlbnQgdG8gdGhlIHdpZHRoIG9mIHRoZSBjb250cm9sLlxuICAgICAqICogYGVxdWFsYCB3aWxsIGFwcGx5IGEgd2lkdGggdG8gdGhlIGJvZHkgZXF1aXZhbGVudCB0byB0aGUgd2lkdGggb2YgdGhlIGNvbnRyb2wuXG4gICAgICogKiBMZWF2ZSBibGFuayBmb3Igbm8gZWZmZWN0LlxuICAgICAqL1xuICAgIEBJbnB1dCgpXG4gICAgZmlsbENvbnRyb2xNb2RlOiBOdWxsYWJsZTxQb3BvdmVyRmlsbE1vZGU+O1xuXG4gICAgLyoqIFRoZSBwbGFjZW1lbnQgb2YgdGhlIHBvcG92ZXIuIEl0IGNhbiBiZSBvbmUgb2Y6IHRvcCwgdG9wLXN0YXJ0LCB0b3AtZW5kLCBib3R0b20sXG4gICAgICogIGJvdHRvbS1zdGFydCwgYm90dG9tLWVuZCwgcmlnaHQsIHJpZ2h0LXN0YXJ0LCByaWdodC1lbmQsIGxlZnQsIGxlZnQtc3RhcnQsIGxlZnQtZW5kLiAqL1xuICAgIEBJbnB1dCgpXG4gICAgcGxhY2VtZW50OiBQbGFjZW1lbnQgPSAnYm90dG9tLWVuZCc7XG5cbiAgICAvKiogVGhlIHRyaWdnZXIgZXZlbnRzIHRoYXQgd2lsbCBvcGVuL2Nsb3NlIHRoZSBwb3BvdmVyLlxuICAgICAqICBBY2NlcHRzIGFueSBbSFRNTCBET00gRXZlbnRzXShodHRwczovL3d3dy53M3NjaG9vbHMuY29tL2pzcmVmL2RvbV9vYmpfZXZlbnQuYXNwKS4gKi9cbiAgICBASW5wdXQoKVxuICAgIHRyaWdnZXJzOiBzdHJpbmdbXSA9IFsnY2xpY2snXTtcblxuICAgIC8qKiBXaGV0aGVyIHRoZSBwb3BvdmVyIHNob3VsZCBjbG9zZSB3aGVuIHRoZSBlc2NhcGUga2V5IGlzIHByZXNzZWQuICovXG4gICAgQElucHV0KClcbiAgICBjbG9zZU9uRXNjYXBlS2V5ID0gdHJ1ZTtcblxuICAgIC8qKiBXaGV0aGVyIHRoZSBwb3BvdmVyIHNob3VsZCBjbG9zZSB3aGVuIGEgY2xpY2sgaXMgbWFkZSBvdXRzaWRlIGl0cyBib3VuZGFyaWVzLiAqL1xuICAgIEBJbnB1dCgpXG4gICAgY2xvc2VPbk91dHNpZGVDbGljayA9IHRydWU7XG5cbiAgICAvKiogV2hldGhlciB0aGUgcG9wb3ZlciBpcyBkaXNhYmxlZC4gKi9cbiAgICBASW5wdXQoKVxuICAgIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgICAvKiogV2hldGhlciBvciBub3QgdG8gc2hvdyB0aGUgcG9wb3ZlciBhcnJvdyAqL1xuICAgIEBJbnB1dCgpXG4gICAgbm9BcnJvdyA9IGZhbHNlO1xuXG4gICAgLyoqIEV2ZW50IGVtaXR0ZWQgb24gaXRlbSBjbGljayAqL1xuICAgIEBPdXRwdXQoKVxuICAgIGl0ZW1DbGlja2VkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgICAvKiogUmVmZXJlbmNlIHRvIE1lbnUgQ29tcG9uZW50ICovXG4gICAgQFZpZXdDaGlsZChNZW51Q29tcG9uZW50KVxuICAgIG1lbnU6IE1lbnVDb21wb25lbnQ7XG5cbiAgICAvKipcbiAgICAgKiBAaGlkZGVuXG4gICAgICovXG4gICAgaXRlbUNsaWNrKGl0ZW06IFNoZWxsYmFyVXNlck1lbnUsIGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgICAgIHRoaXMuaXRlbUNsaWNrZWQuZW1pdCgpO1xuICAgICAgICBpZiAoaXRlbS5jYWxsYmFjaykge1xuICAgICAgICAgICAgaXRlbS5jYWxsYmFjayhldmVudCk7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCJAaWYgKHVzZXIpIHtcbiAgICA8ZGl2IGNsYXNzPVwiZmQtc2hlbGxiYXJfX2FjdGlvbiBmZC1zaGVsbGJhcl9fYWN0aW9uLS1zaG93LWFsd2F5c1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmQtdXNlci1tZW51XCI+XG4gICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgZmQtYnV0dG9uXG4gICAgICAgICAgICAgICAgZmRUeXBlPVwidHJhbnNwYXJlbnRcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZmQtc2hlbGxiYXJfX2J1dHRvbiBmZC1zaGVsbGJhcl9fYnV0dG9uLS11c2VyLW1lbnVcIlxuICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAgICAgICAgICAgW2ZkTWVudVRyaWdnZXJdPVwibWVudVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgQGlmICghdXNlci5pbWFnZSkge1xuICAgICAgICAgICAgICAgICAgICA8ZmQtYXZhdGFyIHNpemU9XCJ4c1wiIFtjb2xvckFjY2VudF09XCJ1c2VyLmNvbG9yQWNjZW50XCIgW2NpcmNsZV09XCJ0cnVlXCIgbGFiZWw9XCJ7eyB1c2VyLmZ1bGxOYW1lIH19XCI+XG4gICAgICAgICAgICAgICAgICAgIDwvZmQtYXZhdGFyPlxuICAgICAgICAgICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgICAgICAgICAgICA8ZmQtYXZhdGFyXG4gICAgICAgICAgICAgICAgICAgICAgICBbY29sb3JBY2NlbnRdPVwidXNlci5jb2xvckFjY2VudFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbY2lyY2xlXT1cInRydWVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGltYWdlPVwie3sgdXNlci5pbWFnZSB9fVwiXG4gICAgICAgICAgICAgICAgICAgID48L2ZkLWF2YXRhcj5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIEBpZiAodXNlck1lbnUpIHtcbiAgICAgICAgICAgICAgICA8ZmQtbWVudVxuICAgICAgICAgICAgICAgICAgICAjbWVudVxuICAgICAgICAgICAgICAgICAgICBbdHJpZ2dlcnNdPVwidHJpZ2dlcnNcIlxuICAgICAgICAgICAgICAgICAgICBbcGxhY2VtZW50XT1cInBsYWNlbWVudFwiXG4gICAgICAgICAgICAgICAgICAgIFtmaWxsQ29udHJvbE1vZGVdPVwiZmlsbENvbnRyb2xNb2RlXCJcbiAgICAgICAgICAgICAgICAgICAgW2Nsb3NlT25Fc2NhcGVLZXldPVwiY2xvc2VPbkVzY2FwZUtleVwiXG4gICAgICAgICAgICAgICAgICAgIFtub0Fycm93XT1cIm5vQXJyb3dcIlxuICAgICAgICAgICAgICAgICAgICBbY2xvc2VPbk91dHNpZGVDbGlja109XCJjbG9zZU9uT3V0c2lkZUNsaWNrXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIEBmb3IgKGl0ZW0gb2YgdXNlck1lbnU7IHRyYWNrIGl0ZW0pIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIDxsaSBmZC1tZW51LWl0ZW0gKGNsaWNrKT1cIml0ZW1DbGljayhpdGVtLCAkZXZlbnQpXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBmZC1tZW51LWludGVyYWN0aXZlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBmZC1tZW51LXRpdGxlPnt7IGl0ZW0udGV4dCB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICA8L2ZkLW1lbnU+XG4gICAgICAgICAgICB9XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hlbGxiYXItdXNlci1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29yZS9zaGVsbGJhci91c2VyLW1lbnUvc2hlbGxiYXItdXNlci1tZW51LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29yZS9zaGVsbGJhci91c2VyLW1lbnUvc2hlbGxiYXItdXNlci1tZW51LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEVBQ1osTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsYUFBYSxFQUFFLFVBQVUsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBSXZFLE9BQU8sRUFBRSwrQkFBK0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOzs7QUFFeEY7OztLQUdLO0FBUUwsTUFBTSxPQUFPLHlCQUF5QjtJQVB0QztRQXlCSTttR0FDMkY7UUFFM0YsY0FBUyxHQUFjLFlBQVksQ0FBQztRQUVwQztnR0FDd0Y7UUFFeEYsYUFBUSxHQUFhLENBQUMsT0FBTyxDQUFDLENBQUM7UUFFL0IsdUVBQXVFO1FBRXZFLHFCQUFnQixHQUFHLElBQUksQ0FBQztRQUV4QixvRkFBb0Y7UUFFcEYsd0JBQW1CLEdBQUcsSUFBSSxDQUFDO1FBRTNCLHVDQUF1QztRQUV2QyxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRWpCLCtDQUErQztRQUUvQyxZQUFPLEdBQUcsS0FBSyxDQUFDO1FBRWhCLGtDQUFrQztRQUVsQyxnQkFBVyxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO0tBNEI5RDtJQWRHLGtDQUFrQztJQUNsQyxJQUFJLElBQUk7UUFDSixPQUFPLElBQUksQ0FBQyxrQkFBa0IsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ2pELENBQUM7SUFFRDs7T0FFRztJQUNILFNBQVMsQ0FBQyxJQUFzQixFQUFFLEtBQWlCO1FBQy9DLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDeEIsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2YsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUN4QjtJQUNMLENBQUM7OEdBekVRLHlCQUF5QjtrR0FBekIseUJBQXlCLHdhQXFEcEIsYUFBYSwwRkFJYiwrQkFBK0IsdUZBUmxDLGFBQWEsZ0RDOUU1Qix5N0RBK0NBLDRDRHBCYyxlQUFlLHVIQUFFLFVBQVUsb3ZCQUFFLGVBQWUsMldBQUUsK0JBQStCOzsyRkFFOUUseUJBQXlCO2tCQVByQyxTQUFTOytCQUNJLHVCQUF1QixtQkFFaEIsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQyxlQUFlLEVBQUUsVUFBVSxFQUFFLGVBQWUsRUFBRSwrQkFBK0IsQ0FBQzs4QkFLeEYsSUFBSTtzQkFESCxLQUFLO2dCQUtOLFFBQVE7c0JBRFAsS0FBSztnQkFVTixlQUFlO3NCQURkLEtBQUs7Z0JBTU4sU0FBUztzQkFEUixLQUFLO2dCQU1OLFFBQVE7c0JBRFAsS0FBSztnQkFLTixnQkFBZ0I7c0JBRGYsS0FBSztnQkFLTixtQkFBbUI7c0JBRGxCLEtBQUs7Z0JBS04sUUFBUTtzQkFEUCxLQUFLO2dCQUtOLE9BQU87c0JBRE4sS0FBSztnQkFLTixXQUFXO3NCQURWLE1BQU07Z0JBS1AsS0FBSztzQkFESixTQUFTO3VCQUFDLGFBQWE7Z0JBS3hCLGtCQUFrQjtzQkFEakIsWUFBWTt1QkFBQyxhQUFhO2dCQUszQix1QkFBdUI7c0JBRHRCLFlBQVk7dUJBQUMsK0JBQStCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgQ29udGVudENoaWxkLFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbnB1dCxcbiAgICBPdXRwdXQsXG4gICAgVmlld0NoaWxkXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTnVsbGFibGUgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2Nkay91dGlscyc7XG5pbXBvcnQgeyBBdmF0YXJDb21wb25lbnQgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2NvcmUvYXZhdGFyJztcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZS9idXR0b24nO1xuaW1wb3J0IHsgTWVudUNvbXBvbmVudCwgTWVudU1vZHVsZSB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZS9tZW51JztcbmltcG9ydCB7IFBsYWNlbWVudCwgUG9wb3ZlckZpbGxNb2RlIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL3NoYXJlZCc7XG5pbXBvcnQgeyBTaGVsbGJhclVzZXIgfSBmcm9tICcuLi9tb2RlbC9zaGVsbGJhci11c2VyJztcbmltcG9ydCB7IFNoZWxsYmFyVXNlck1lbnUgfSBmcm9tICcuLi9tb2RlbC9zaGVsbGJhci11c2VyLW1lbnUnO1xuaW1wb3J0IHsgU2hlbGxiYXJVc2VyTWVudUJ1dHRvbkRpcmVjdGl2ZSB9IGZyb20gJy4vc2hlbGxiYXItdXNlci1tZW51LWJ1dHRvbi5kaXJlY3RpdmUnO1xuXG4vKipcbiAqIFRoaXMgQ29tcG9uZW50IGV4dGVuZHMgcG9wb3ZlciBjb21wb25lbnQgYW5kIHBhc3NlcyBhbGwgdGhlIG9wdGlvbnMgYW5kIGV2ZW50cyBmcm9tIG91dHNpZGUgdG8gcG9wb3ZlciBjb21wb25lbnRcbiAqIGFuZCBWaWNlIFZlcnNhXG4gKiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdmZC1zaGVsbGJhci11c2VyLW1lbnUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zaGVsbGJhci11c2VyLW1lbnUuY29tcG9uZW50Lmh0bWwnLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW0J1dHRvbkNvbXBvbmVudCwgTWVudU1vZHVsZSwgQXZhdGFyQ29tcG9uZW50LCBTaGVsbGJhclVzZXJNZW51QnV0dG9uRGlyZWN0aXZlXVxufSlcbmV4cG9ydCBjbGFzcyBTaGVsbGJhclVzZXJNZW51Q29tcG9uZW50IHtcbiAgICAvKiogVGhlIHVzZXIgZGF0YS4gKi9cbiAgICBASW5wdXQoKVxuICAgIHVzZXI6IFNoZWxsYmFyVXNlcjtcblxuICAgIC8qKiBUaGUgdXNlciBtZW51IGRhdGEuICovXG4gICAgQElucHV0KClcbiAgICB1c2VyTWVudTogU2hlbGxiYXJVc2VyTWVudVtdO1xuXG4gICAgLyoqXG4gICAgICogUHJlc2V0IG9wdGlvbnMgZm9yIHRoZSBwb3BvdmVyIGJvZHkgd2lkdGguXG4gICAgICogKiBgYXQtbGVhc3RgIHdpbGwgYXBwbHkgYSBtaW5pbXVtIHdpZHRoIHRvIHRoZSBib2R5IGVxdWl2YWxlbnQgdG8gdGhlIHdpZHRoIG9mIHRoZSBjb250cm9sLlxuICAgICAqICogYGVxdWFsYCB3aWxsIGFwcGx5IGEgd2lkdGggdG8gdGhlIGJvZHkgZXF1aXZhbGVudCB0byB0aGUgd2lkdGggb2YgdGhlIGNvbnRyb2wuXG4gICAgICogKiBMZWF2ZSBibGFuayBmb3Igbm8gZWZmZWN0LlxuICAgICAqL1xuICAgIEBJbnB1dCgpXG4gICAgZmlsbENvbnRyb2xNb2RlOiBOdWxsYWJsZTxQb3BvdmVyRmlsbE1vZGU+O1xuXG4gICAgLyoqIFRoZSBwbGFjZW1lbnQgb2YgdGhlIHBvcG92ZXIuIEl0IGNhbiBiZSBvbmUgb2Y6IHRvcCwgdG9wLXN0YXJ0LCB0b3AtZW5kLCBib3R0b20sXG4gICAgICogIGJvdHRvbS1zdGFydCwgYm90dG9tLWVuZCwgcmlnaHQsIHJpZ2h0LXN0YXJ0LCByaWdodC1lbmQsIGxlZnQsIGxlZnQtc3RhcnQsIGxlZnQtZW5kLiAqL1xuICAgIEBJbnB1dCgpXG4gICAgcGxhY2VtZW50OiBQbGFjZW1lbnQgPSAnYm90dG9tLWVuZCc7XG5cbiAgICAvKiogVGhlIHRyaWdnZXIgZXZlbnRzIHRoYXQgd2lsbCBvcGVuL2Nsb3NlIHRoZSBwb3BvdmVyLlxuICAgICAqICBBY2NlcHRzIGFueSBbSFRNTCBET00gRXZlbnRzXShodHRwczovL3d3dy53M3NjaG9vbHMuY29tL2pzcmVmL2RvbV9vYmpfZXZlbnQuYXNwKS4gKi9cbiAgICBASW5wdXQoKVxuICAgIHRyaWdnZXJzOiBzdHJpbmdbXSA9IFsnY2xpY2snXTtcblxuICAgIC8qKiBXaGV0aGVyIHRoZSBwb3BvdmVyIHNob3VsZCBjbG9zZSB3aGVuIHRoZSBlc2NhcGUga2V5IGlzIHByZXNzZWQuICovXG4gICAgQElucHV0KClcbiAgICBjbG9zZU9uRXNjYXBlS2V5ID0gdHJ1ZTtcblxuICAgIC8qKiBXaGV0aGVyIHRoZSBwb3BvdmVyIHNob3VsZCBjbG9zZSB3aGVuIGEgY2xpY2sgaXMgbWFkZSBvdXRzaWRlIGl0cyBib3VuZGFyaWVzLiAqL1xuICAgIEBJbnB1dCgpXG4gICAgY2xvc2VPbk91dHNpZGVDbGljayA9IHRydWU7XG5cbiAgICAvKiogV2hldGhlciB0aGUgcG9wb3ZlciBpcyBkaXNhYmxlZC4gKi9cbiAgICBASW5wdXQoKVxuICAgIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgICAvKiogV2hldGhlciBvciBub3QgdG8gc2hvdyB0aGUgcG9wb3ZlciBhcnJvdyAqL1xuICAgIEBJbnB1dCgpXG4gICAgbm9BcnJvdyA9IGZhbHNlO1xuXG4gICAgLyoqIEV2ZW50IGVtaXR0ZWQgb24gaXRlbSBjbGljayAqL1xuICAgIEBPdXRwdXQoKVxuICAgIGl0ZW1DbGlja2VkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIEBWaWV3Q2hpbGQoTWVudUNvbXBvbmVudClcbiAgICBfbWVudTogTWVudUNvbXBvbmVudDtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgQENvbnRlbnRDaGlsZChNZW51Q29tcG9uZW50KVxuICAgIF9jb250ZW50UGFzc2VkTWVudTogTWVudUNvbXBvbmVudDtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgQENvbnRlbnRDaGlsZChTaGVsbGJhclVzZXJNZW51QnV0dG9uRGlyZWN0aXZlKVxuICAgIF9zaGVsbGJhclVzZXJNZW51QnV0dG9uOiBTaGVsbGJhclVzZXJNZW51QnV0dG9uRGlyZWN0aXZlO1xuXG4gICAgLyoqIFJlZmVyZW5jZSB0byBNZW51IENvbXBvbmVudCAqL1xuICAgIGdldCBtZW51KCk6IE1lbnVDb21wb25lbnQge1xuICAgICAgICByZXR1cm4gdGhpcy5fY29udGVudFBhc3NlZE1lbnUgfHwgdGhpcy5fbWVudTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBAaGlkZGVuXG4gICAgICovXG4gICAgaXRlbUNsaWNrKGl0ZW06IFNoZWxsYmFyVXNlck1lbnUsIGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgICAgIHRoaXMuaXRlbUNsaWNrZWQuZW1pdCgpO1xuICAgICAgICBpZiAoaXRlbS5jYWxsYmFjaykge1xuICAgICAgICAgICAgaXRlbS5jYWxsYmFjayhldmVudCk7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCJAaWYgKHVzZXIgfHwgX3NoZWxsYmFyVXNlck1lbnVCdXR0b24pIHtcbiAgICA8ZGl2IGNsYXNzPVwiZmQtc2hlbGxiYXJfX2FjdGlvbiBmZC1zaGVsbGJhcl9fYWN0aW9uLS1zaG93LWFsd2F5c1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmQtdXNlci1tZW51XCI+XG4gICAgICAgICAgICBAaWYgKCFfc2hlbGxiYXJVc2VyTWVudUJ1dHRvbikge1xuICAgICAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICAgICAgZmQtYnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGZkVHlwZT1cInRyYW5zcGFyZW50XCJcbiAgICAgICAgICAgICAgICAgICAgZmRTaGVsbGJhclVzZXJNZW51QnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAgICAgICAgICAgICAgIFtmZE1lbnVUcmlnZ2VyXT1cIm1lbnVcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgQGlmICghdXNlci5pbWFnZSkge1xuICAgICAgICAgICAgICAgICAgICAgICAgPGZkLWF2YXRhciBzaXplPVwieHNcIiBbY29sb3JBY2NlbnRdPVwidXNlci5jb2xvckFjY2VudFwiIFtjaXJjbGVdPVwidHJ1ZVwiIFtsYWJlbF09XCJ1c2VyLmZ1bGxOYW1lXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2ZkLWF2YXRhcj5cbiAgICAgICAgICAgICAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZmQtYXZhdGFyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2NvbG9yQWNjZW50XT1cInVzZXIuY29sb3JBY2NlbnRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtjaXJjbGVdPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbWFnZT1cInt7IHVzZXIuaW1hZ2UgfX1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgPjwvZmQtYXZhdGFyPlxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZmRTaGVsbGJhclVzZXJNZW51QnV0dG9uXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIEBpZiAodXNlck1lbnUpIHtcbiAgICAgICAgICAgICAgICA8ZmQtbWVudVxuICAgICAgICAgICAgICAgICAgICBbdHJpZ2dlcnNdPVwidHJpZ2dlcnNcIlxuICAgICAgICAgICAgICAgICAgICBbcGxhY2VtZW50XT1cInBsYWNlbWVudFwiXG4gICAgICAgICAgICAgICAgICAgIFtmaWxsQ29udHJvbE1vZGVdPVwiZmlsbENvbnRyb2xNb2RlXCJcbiAgICAgICAgICAgICAgICAgICAgW2Nsb3NlT25Fc2NhcGVLZXldPVwiY2xvc2VPbkVzY2FwZUtleVwiXG4gICAgICAgICAgICAgICAgICAgIFtub0Fycm93XT1cIm5vQXJyb3dcIlxuICAgICAgICAgICAgICAgICAgICBbY2xvc2VPbk91dHNpZGVDbGlja109XCJjbG9zZU9uT3V0c2lkZUNsaWNrXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIEBmb3IgKGl0ZW0gb2YgdXNlck1lbnU7IHRyYWNrIGl0ZW0pIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIDxsaSBmZC1tZW51LWl0ZW0gKGNsaWNrKT1cIml0ZW1DbGljayhpdGVtLCAkZXZlbnQpXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBmZC1tZW51LWludGVyYWN0aXZlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBmZC1tZW51LXRpdGxlPnt7IGl0ZW0udGV4dCB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICA8L2ZkLW1lbnU+XG4gICAgICAgICAgICB9XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxufVxuIl19

package/fesm2022/fundamental-ngx-core-button.mjs

@@ -7,6 +7,7 @@ import * as i1 from '@fundamental-ngx/core/content-density';
 import { contentDensityObserverProviders } from '@fundamental-ngx/core/content-density';
 import { Subscription } from 'rxjs';
 
+const defaultButtonType = 'standard';
 class BaseButton {
     constructor() {
         /**
@@ -22,7 +23,7 @@ class BaseButton {
          * Leave empty for default (Standard button).'
          * Default value is set to 'standard'
          */
-        this.fdType = 'standard';
+        this.fdType = defaultButtonType;
         /** Whether to apply menu mode to the button.
          * Default value is set to false
          */
@@ -276,5 +277,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BaseButton, ButtonBadgeDirective, ButtonComponent, ButtonModule, FD_BUTTON_COMPONENT, badgeEnabledButtonTypes };
+export { BaseButton, ButtonBadgeDirective, ButtonComponent, ButtonModule, FD_BUTTON_COMPONENT, badgeEnabledButtonTypes, defaultButtonType };
 //# sourceMappingURL=fundamental-ngx-core-button.mjs.map

package/fesm2022/fundamental-ngx-core-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-core-button.mjs","sources":["../../../../libs/core/button/base-button.ts","../../../../libs/core/button/tokens.ts","../../../../libs/core/button/button-badge.directive.ts","../../../../libs/core/button/button.component.ts","../../../../libs/core/button/button.component.html","../../../../libs/core/button/button.module.ts","../../../../libs/core/button/fundamental-ngx-core-button.ts"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport { ChangeDetectorRef, Directive, ElementRef, HostBinding, Input, booleanAttribute, inject } from '@angular/core';\n\nimport { HasElementRef, Nullable } from '@fundamental-ngx/cdk/utils';\nimport { FD_DEFAULT_ICON_FONT_FAMILY, IconFont } from '@fundamental-ngx/core/icon';\n\nexport type GlyphPosition = 'before' | 'after';\n\nexport type ButtonType =\n    | ''\n    | 'standard'\n    | 'positive'\n    | 'negative'\n    | 'attention'\n    | 'half'\n    | 'ghost'\n    | 'transparent'\n    | 'emphasized'\n    | 'menu';\n\n@Directive()\nexport class BaseButton implements HasElementRef {\n    /** Whether button is in toggled state. */\n    @HostBinding('class.fd-button--toggled')\n    @HostBinding('attr.aria-pressed')\n    @Input({ transform: booleanAttribute })\n    toggled: BooleanInput;\n\n    /**\n     * Native type of button element\n     */\n    @Input()\n    type: Nullable<string> = 'button';\n\n    /** Position of glyph related to text */\n    @Input()\n    glyphPosition: GlyphPosition = 'before';\n\n    /** The icon to include in the button. See the icon page for the list of icons.\n     * Setter is used to control when css class have to be rebuilded.\n     * Default value is set to ''.\n     */\n    @Input()\n    glyph: Nullable<string>;\n\n    /** Glyph font family */\n    @Input()\n    glyphFont: IconFont = FD_DEFAULT_ICON_FONT_FAMILY;\n\n    /** The type of the button. Types include:\n     * 'standard' | 'positive' | 'negative' | 'attention' | 'half' | 'ghost' | 'transparent' | 'emphasized' | 'menu'.\n     * Leave empty for default (Standard button).'\n     * Default value is set to 'standard'\n     */\n    @Input()\n    fdType: ButtonType = 'standard';\n\n    /**\n     * Text rendered inside button component\n     */\n    @Input()\n    label: string;\n\n    /** Whether to apply menu mode to the button.\n     * Default value is set to false\n     */\n    @Input()\n    fdMenu = false;\n\n    /** adding native aria-label to the component */\n    @Input()\n    ariaLabel: Nullable<string>;\n\n    /** adding native aria-description to the componenet */\n    @Input()\n    ariaDescription: Nullable<string>;\n\n    /**\n     * Native disabled attribute of button element\n     */\n    @Input({ transform: booleanAttribute })\n    disabled = false;\n\n    /**\n     * Native aria-disabled attribute of button element\n     */\n    @Input({ alias: 'aria-disabled', transform: booleanAttribute })\n    ariaDisabled = false;\n\n    /** @hidden */\n    readonly elementRef = inject(ElementRef);\n\n    /** @hidden */\n    protected readonly _cdr = inject(ChangeDetectorRef);\n\n    /** @hidden */\n    detectChanges(): void {\n        this._cdr.detectChanges();\n    }\n\n    /** @hidden */\n    markForCheck(): void {\n        this._cdr.markForCheck();\n    }\n}\n","import { InjectionToken } from '@angular/core';\nimport { BaseButton } from './base-button';\n\nexport const FD_BUTTON_COMPONENT = new InjectionToken<BaseButton>('FdButtonComponent');\n","import { Directive, ElementRef, inject, Input, isDevMode, OnChanges } from '@angular/core';\nimport { HasElementRef } from '@fundamental-ngx/cdk/utils';\nimport { BaseButton, ButtonType } from './base-button';\nimport { FD_BUTTON_COMPONENT } from './tokens';\n\nexport const badgeEnabledButtonTypes: ButtonType[] = ['emphasized', 'standard', 'ghost', 'transparent'];\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: 'fd-button-badge',\n    host: {\n        class: 'fd-button__badge'\n    },\n    standalone: true\n})\nexport class ButtonBadgeDirective implements OnChanges, HasElementRef {\n    /**\n     * Content, which should be shown inside the Badge.\n     * It should not be longer than 4 characters.\n     */\n    @Input()\n    content: string | number;\n\n    /** @hidden */\n    _buttonComponent = inject<BaseButton>(FD_BUTTON_COMPONENT, { host: true });\n\n    /** @hidden */\n    elementRef: ElementRef<HTMLElement> = inject(ElementRef);\n\n    /** @hidden */\n    ngOnChanges(): void {\n        this.elementRef.nativeElement.innerHTML = `${this.content}` || '';\n        if (isDevMode()) {\n            if (this.content && this.content.toString().length > 4) {\n                console.warn('Badge content should not be longer than 4 characters');\n            }\n            if (badgeEnabledButtonTypes.indexOf(this._buttonComponent.fdType) === -1) {\n                console.warn(\n                    `Currently the ${JSON.stringify(\n                        badgeEnabledButtonTypes\n                    )} type of buttons are required for Badge enablement`\n                );\n            }\n        }\n    }\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    HostListener,\n    Input,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    ViewEncapsulation\n} from '@angular/core';\nimport { CssClassBuilder, HasElementRef, applyCssClass } from '@fundamental-ngx/cdk/utils';\nimport { ContentDensityObserver, contentDensityObserverProviders } from '@fundamental-ngx/core/content-density';\nimport { Subscription } from 'rxjs';\nimport { BaseButton } from './base-button';\n\nimport { IconComponent } from '@fundamental-ngx/core/icon';\nimport { FD_BUTTON_COMPONENT } from './tokens';\n\n/**\n * Button directive, used to enhance standard HTML buttons.\n *\n * ``` selector: button[fd-button], a[fd-button] ```\n *\n * ```html\n * <button fd-button label=\"Button Text\"></button>\n * <a fd-button label=\"Button Text\"></a>\n * ```\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'button[fd-button], a[fd-button]',\n    exportAs: 'fd-button',\n    templateUrl: './button.component.html',\n    styleUrl: './button.component.scss',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[attr.type]': 'type',\n        '[attr.disabled]': 'disabled || null',\n        '[attr.aria-label]': 'buttonArialabel',\n        '[attr.aria-description]': 'buttonAriaDescription'\n    },\n    providers: [\n        contentDensityObserverProviders(),\n        {\n            provide: FD_BUTTON_COMPONENT,\n            useExisting: ButtonComponent\n        }\n    ],\n    standalone: true,\n    imports: [IconComponent]\n})\nexport class ButtonComponent\n    extends BaseButton\n    implements OnChanges, CssClassBuilder, OnInit, OnDestroy, HasElementRef\n{\n    /** The property allows user to pass additional css classes. */\n    @Input()\n    class = '';\n\n    /** @hidden */\n    specialButtonType: Array<string> = ['emphasized', 'positive', 'negative', 'attention'];\n\n    /**\n     * Calculate aria-label attribute\n     * @hidden\n     */\n    get buttonArialabel(): string | null {\n        if (this.ariaLabel) {\n            return this.ariaLabel;\n        }\n\n        if (this.specialButtonType.includes(this.fdType)) {\n            if (this.label != null) {\n                return this.label;\n            }\n\n            if (this.glyph != null) {\n                return this.glyph.split('-').join(' ');\n            }\n        }\n\n        return null;\n    }\n\n    /**\n     * Calculate aria-description attribute\n     * @hidden\n     */\n    get buttonAriaDescription(): string | null {\n        if (this.ariaDescription) {\n            return this.ariaDescription;\n        }\n\n        if (this.specialButtonType.includes(this.fdType)) {\n            return this.fdType;\n        }\n\n        return null;\n    }\n\n    /** @hidden */\n    private _subscriptions = new Subscription();\n\n    /** @hidden */\n    constructor(\n        public readonly elementRef: ElementRef,\n        _contentDensityObserver: ContentDensityObserver\n    ) {\n        super();\n        _contentDensityObserver.subscribe();\n    }\n\n    /** Forces the focus outline around the button, which is not default behavior in Safari. */\n    @HostListener('click', ['$event'])\n    clicked(event: MouseEvent): void {\n        const target = event?.target as HTMLElement;\n        // Target can be empty during unit tests execution.\n        if (target && document.activeElement !== target) {\n            target.focus();\n        }\n    }\n\n    /** @hidden\n     * CssClassBuilder interface implementation\n     * function must return single string\n     * function is responsible for order which css classes are applied\n     */\n    @applyCssClass\n    buildComponentCssClass(): string[] {\n        return [\n            'fd-button',\n            this.fdType ? `fd-button--${this.fdType}` : '',\n            this.fdMenu ? 'fd-button--menu' : '',\n            this.disabled || this.ariaDisabled ? 'is-disabled' : '',\n            this.toggled ? `fd-button--toggled` : '',\n            this.class\n        ];\n    }\n\n    /** Function runs when component is initialized\n     * function should build component css class\n     * function should build css style\n     */\n    ngOnChanges(): void {\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._subscriptions.unsubscribe();\n    }\n}\n","@if (glyph && glyphPosition === 'before') {\n    <fd-icon [glyph]=\"glyph\" [font]=\"glyphFont\"></fd-icon>\n}\n@if (label) {\n    <span class=\"fd-button__text\">\n        {{ label }}\n    </span>\n}\n<ng-content></ng-content>\n<ng-content select=\"fd-button-badge\"></ng-content>\n@if (glyph && glyphPosition === 'after') {\n    <fd-icon [glyph]=\"glyph\" [font]=\"glyphFont\"></fd-icon>\n}\n@if (fdMenu) {\n    <fd-icon glyph=\"slim-arrow-down\"></fd-icon>\n}\n","import { NgModule } from '@angular/core';\n\nimport { ButtonComponent } from './button.component';\n\n/**\n * @deprecated\n * Use `ButtonComponent` import instead\n */\n@NgModule({\n    imports: [ButtonComponent],\n    exports: [ButtonComponent]\n})\nexport class ButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"fundamental-ngx-core-button.mjs","sources":["../../../../libs/core/button/base-button.ts","../../../../libs/core/button/tokens.ts","../../../../libs/core/button/button-badge.directive.ts","../../../../libs/core/button/button.component.ts","../../../../libs/core/button/button.component.html","../../../../libs/core/button/button.module.ts","../../../../libs/core/button/fundamental-ngx-core-button.ts"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport { ChangeDetectorRef, Directive, ElementRef, HostBinding, Input, booleanAttribute, inject } from '@angular/core';\n\nimport { HasElementRef, Nullable } from '@fundamental-ngx/cdk/utils';\nimport { FD_DEFAULT_ICON_FONT_FAMILY, IconFont } from '@fundamental-ngx/core/icon';\n\nexport type GlyphPosition = 'before' | 'after';\n\nexport type ButtonType =\n    | ''\n    | 'standard'\n    | 'positive'\n    | 'negative'\n    | 'attention'\n    | 'half'\n    | 'ghost'\n    | 'transparent'\n    | 'emphasized'\n    | 'menu';\n\nexport const defaultButtonType = 'standard' as ButtonType;\n\n@Directive()\nexport class BaseButton implements HasElementRef {\n    /** Whether button is in toggled state. */\n    @HostBinding('class.fd-button--toggled')\n    @HostBinding('attr.aria-pressed')\n    @Input({ transform: booleanAttribute })\n    toggled: BooleanInput;\n\n    /**\n     * Native type of button element\n     */\n    @Input()\n    type: Nullable<string> = 'button';\n\n    /** Position of glyph related to text */\n    @Input()\n    glyphPosition: GlyphPosition = 'before';\n\n    /** The icon to include in the button. See the icon page for the list of icons.\n     * Setter is used to control when css class have to be rebuilded.\n     * Default value is set to ''.\n     */\n    @Input()\n    glyph: Nullable<string>;\n\n    /** Glyph font family */\n    @Input()\n    glyphFont: IconFont = FD_DEFAULT_ICON_FONT_FAMILY;\n\n    /** The type of the button. Types include:\n     * 'standard' | 'positive' | 'negative' | 'attention' | 'half' | 'ghost' | 'transparent' | 'emphasized' | 'menu'.\n     * Leave empty for default (Standard button).'\n     * Default value is set to 'standard'\n     */\n    @Input()\n    fdType: ButtonType = defaultButtonType;\n\n    /**\n     * Text rendered inside button component\n     */\n    @Input()\n    label: string;\n\n    /** Whether to apply menu mode to the button.\n     * Default value is set to false\n     */\n    @Input()\n    fdMenu = false;\n\n    /** adding native aria-label to the component */\n    @Input()\n    ariaLabel: Nullable<string>;\n\n    /** adding native aria-description to the componenet */\n    @Input()\n    ariaDescription: Nullable<string>;\n\n    /**\n     * Native disabled attribute of button element\n     */\n    @Input({ transform: booleanAttribute })\n    disabled = false;\n\n    /**\n     * Native aria-disabled attribute of button element\n     */\n    @Input({ alias: 'aria-disabled', transform: booleanAttribute })\n    ariaDisabled = false;\n\n    /** @hidden */\n    readonly elementRef = inject(ElementRef);\n\n    /** @hidden */\n    protected readonly _cdr = inject(ChangeDetectorRef);\n\n    /** @hidden */\n    detectChanges(): void {\n        this._cdr.detectChanges();\n    }\n\n    /** @hidden */\n    markForCheck(): void {\n        this._cdr.markForCheck();\n    }\n}\n","import { InjectionToken } from '@angular/core';\nimport { BaseButton } from './base-button';\n\nexport const FD_BUTTON_COMPONENT = new InjectionToken<BaseButton>('FdButtonComponent');\n","import { Directive, ElementRef, inject, Input, isDevMode, OnChanges } from '@angular/core';\nimport { HasElementRef } from '@fundamental-ngx/cdk/utils';\nimport { BaseButton, ButtonType } from './base-button';\nimport { FD_BUTTON_COMPONENT } from './tokens';\n\nexport const badgeEnabledButtonTypes: ButtonType[] = ['emphasized', 'standard', 'ghost', 'transparent'];\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: 'fd-button-badge',\n    host: {\n        class: 'fd-button__badge'\n    },\n    standalone: true\n})\nexport class ButtonBadgeDirective implements OnChanges, HasElementRef {\n    /**\n     * Content, which should be shown inside the Badge.\n     * It should not be longer than 4 characters.\n     */\n    @Input()\n    content: string | number;\n\n    /** @hidden */\n    _buttonComponent = inject<BaseButton>(FD_BUTTON_COMPONENT, { host: true });\n\n    /** @hidden */\n    elementRef: ElementRef<HTMLElement> = inject(ElementRef);\n\n    /** @hidden */\n    ngOnChanges(): void {\n        this.elementRef.nativeElement.innerHTML = `${this.content}` || '';\n        if (isDevMode()) {\n            if (this.content && this.content.toString().length > 4) {\n                console.warn('Badge content should not be longer than 4 characters');\n            }\n            if (badgeEnabledButtonTypes.indexOf(this._buttonComponent.fdType) === -1) {\n                console.warn(\n                    `Currently the ${JSON.stringify(\n                        badgeEnabledButtonTypes\n                    )} type of buttons are required for Badge enablement`\n                );\n            }\n        }\n    }\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    HostListener,\n    Input,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    ViewEncapsulation\n} from '@angular/core';\nimport { CssClassBuilder, HasElementRef, applyCssClass } from '@fundamental-ngx/cdk/utils';\nimport { ContentDensityObserver, contentDensityObserverProviders } from '@fundamental-ngx/core/content-density';\nimport { Subscription } from 'rxjs';\nimport { BaseButton } from './base-button';\n\nimport { IconComponent } from '@fundamental-ngx/core/icon';\nimport { FD_BUTTON_COMPONENT } from './tokens';\n\n/**\n * Button directive, used to enhance standard HTML buttons.\n *\n * ``` selector: button[fd-button], a[fd-button] ```\n *\n * ```html\n * <button fd-button label=\"Button Text\"></button>\n * <a fd-button label=\"Button Text\"></a>\n * ```\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'button[fd-button], a[fd-button]',\n    exportAs: 'fd-button',\n    templateUrl: './button.component.html',\n    styleUrl: './button.component.scss',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[attr.type]': 'type',\n        '[attr.disabled]': 'disabled || null',\n        '[attr.aria-label]': 'buttonArialabel',\n        '[attr.aria-description]': 'buttonAriaDescription'\n    },\n    providers: [\n        contentDensityObserverProviders(),\n        {\n            provide: FD_BUTTON_COMPONENT,\n            useExisting: ButtonComponent\n        }\n    ],\n    standalone: true,\n    imports: [IconComponent]\n})\nexport class ButtonComponent\n    extends BaseButton\n    implements OnChanges, CssClassBuilder, OnInit, OnDestroy, HasElementRef\n{\n    /** The property allows user to pass additional css classes. */\n    @Input()\n    class = '';\n\n    /** @hidden */\n    specialButtonType: Array<string> = ['emphasized', 'positive', 'negative', 'attention'];\n\n    /**\n     * Calculate aria-label attribute\n     * @hidden\n     */\n    get buttonArialabel(): string | null {\n        if (this.ariaLabel) {\n            return this.ariaLabel;\n        }\n\n        if (this.specialButtonType.includes(this.fdType)) {\n            if (this.label != null) {\n                return this.label;\n            }\n\n            if (this.glyph != null) {\n                return this.glyph.split('-').join(' ');\n            }\n        }\n\n        return null;\n    }\n\n    /**\n     * Calculate aria-description attribute\n     * @hidden\n     */\n    get buttonAriaDescription(): string | null {\n        if (this.ariaDescription) {\n            return this.ariaDescription;\n        }\n\n        if (this.specialButtonType.includes(this.fdType)) {\n            return this.fdType;\n        }\n\n        return null;\n    }\n\n    /** @hidden */\n    private _subscriptions = new Subscription();\n\n    /** @hidden */\n    constructor(\n        public readonly elementRef: ElementRef,\n        _contentDensityObserver: ContentDensityObserver\n    ) {\n        super();\n        _contentDensityObserver.subscribe();\n    }\n\n    /** Forces the focus outline around the button, which is not default behavior in Safari. */\n    @HostListener('click', ['$event'])\n    clicked(event: MouseEvent): void {\n        const target = event?.target as HTMLElement;\n        // Target can be empty during unit tests execution.\n        if (target && document.activeElement !== target) {\n            target.focus();\n        }\n    }\n\n    /** @hidden\n     * CssClassBuilder interface implementation\n     * function must return single string\n     * function is responsible for order which css classes are applied\n     */\n    @applyCssClass\n    buildComponentCssClass(): string[] {\n        return [\n            'fd-button',\n            this.fdType ? `fd-button--${this.fdType}` : '',\n            this.fdMenu ? 'fd-button--menu' : '',\n            this.disabled || this.ariaDisabled ? 'is-disabled' : '',\n            this.toggled ? `fd-button--toggled` : '',\n            this.class\n        ];\n    }\n\n    /** Function runs when component is initialized\n     * function should build component css class\n     * function should build css style\n     */\n    ngOnChanges(): void {\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._subscriptions.unsubscribe();\n    }\n}\n","@if (glyph && glyphPosition === 'before') {\n    <fd-icon [glyph]=\"glyph\" [font]=\"glyphFont\"></fd-icon>\n}\n@if (label) {\n    <span class=\"fd-button__text\">\n        {{ label }}\n    </span>\n}\n<ng-content></ng-content>\n<ng-content select=\"fd-button-badge\"></ng-content>\n@if (glyph && glyphPosition === 'after') {\n    <fd-icon [glyph]=\"glyph\" [font]=\"glyphFont\"></fd-icon>\n}\n@if (fdMenu) {\n    <fd-icon glyph=\"slim-arrow-down\"></fd-icon>\n}\n","import { NgModule } from '@angular/core';\n\nimport { ButtonComponent } from './button.component';\n\n/**\n * @deprecated\n * Use `ButtonComponent` import instead\n */\n@NgModule({\n    imports: [ButtonComponent],\n    exports: [ButtonComponent]\n})\nexport class ButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/fundamental-ngx-core-shellbar.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
-import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input, ViewChild, InjectionToken, EventEmitter, Output, ChangeDetectorRef, inject, ContentChildren, ContentChild, HostBinding, Directive, DestroyRef, ElementRef, NgModule } from '@angular/core';
-import { ButtonComponent, FD_BUTTON_COMPONENT } from '@fundamental-ngx/core/button';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input, ViewChild, InjectionToken, EventEmitter, Output, inject, isDevMode, Directive, ContentChild, ChangeDetectorRef, ContentChildren, HostBinding, DestroyRef, ElementRef, NgModule } from '@angular/core';
+import { ButtonComponent, FD_BUTTON_COMPONENT, defaultButtonType } from '@fundamental-ngx/core/button';
 import { ContentDensityDirective, ContentDensityMode, contentDensityObserverProviders, ContentDensityModule } from '@fundamental-ngx/core/content-density';
 import { IconComponent, FD_DEFAULT_ICON_FONT_FAMILY } from '@fundamental-ngx/core/icon';
 import * as i1 from '@fundamental-ngx/core/menu';
@@ -159,11 +159,11 @@ class ShellbarActionsMobileComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ShellbarActionsMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: ShellbarActionsMobileComponent, isStandalone: true, selector: "fd-shellbar-actions-mobile", inputs: { shellbarActions: "shellbarActions", searchExists: "searchExists" }, outputs: { showSearch: "showSearch" }, ngImport: i0, template: "<div class=\"fd-shellbar-collapse\">\n    <fd-action-sheet placement=\"bottom-end\" #actionSheet>\n        <fd-action-sheet-control>\n            <button\n                fd-button\n                fdType=\"transparent\"\n                glyph=\"overflow\"\n                class=\"fd-shellbar__button\"\n                [attr.aria-label]=\"'coreShellbar.collapsedItemMenuLabel' | fdTranslate\"\n            >\n                @if (totalNotifications) {\n                    <span class=\"fd-button__badge\">\n                        {{ totalNotifications }}\n                    </span>\n                }\n            </button>\n        </fd-action-sheet-control>\n        <fd-action-sheet-body>\n            @if (searchExists) {\n                <li\n                    fd-action-sheet-item\n                    tabindex=\"-1\"\n                    glyph=\"search\"\n                    [label]=\"'coreShellbar.search' | fdTranslate\"\n                    (click)=\"showSearch.emit(); actionSheet.close()\"\n                ></li>\n            }\n            @for (action of shellbarActions; track action) {\n                <li\n                    fd-action-sheet-item\n                    tabindex=\"-1\"\n                    [glyph]=\"action.glyph\"\n                    [label]=\"action.label\"\n                    (click)=\"actionClicked(action, $event)\"\n                >\n                    @if (action.notificationCount) {\n                        <span class=\"fd-button__badge\">{{ action.notificationCount }}</span>\n                    }\n                </li>\n            }\n        </fd-action-sheet-body>\n    </fd-action-sheet>\n</div>\n", dependencies: [{ kind: "ngmodule", type: ActionSheetModule }, { kind: "component", type: i1$1.ActionSheetComponent, selector: "fd-action-sheet", inputs: ["mobile", "placement", "noArrow", "isOpen", "keyboardSupport", "triggers"], outputs: ["focusEscapeList", "isOpenChange"] }, { kind: "component", type: i1$1.ActionSheetControlComponent, selector: "fd-action-sheet-control", outputs: ["clicked"] }, { kind: "component", type: i1$1.ActionSheetItemComponent, selector: "[fd-action-sheet-item]", inputs: ["label", "glyph", "glyphFont", "negative", "isCloseButton", "disabled"], outputs: ["keyDown"] }, { kind: "component", type: i1$1.ActionSheetBodyComponent, selector: "fd-action-sheet-body", inputs: ["actionSheetBodyId", "mobile", "ariaLabel", "ariaLabelledby"] }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: ShellbarActionsMobileComponent, isStandalone: true, selector: "fd-shellbar-actions-mobile", inputs: { shellbarActions: "shellbarActions", searchExists: "searchExists" }, outputs: { showSearch: "showSearch" }, ngImport: i0, template: "@if (shellbarActions.length > 0 || searchExists) {\n    <div class=\"fd-shellbar-collapse\">\n        <fd-action-sheet placement=\"bottom-end\" #actionSheet>\n            <fd-action-sheet-control>\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    glyph=\"overflow\"\n                    class=\"fd-shellbar__button\"\n                    [attr.aria-label]=\"'coreShellbar.collapsedItemMenuLabel' | fdTranslate\"\n                >\n                    @if (totalNotifications) {\n                        <span class=\"fd-button__badge\">\n                            {{ totalNotifications }}\n                        </span>\n                    }\n                </button>\n            </fd-action-sheet-control>\n            <fd-action-sheet-body>\n                @if (searchExists) {\n                    <li\n                        fd-action-sheet-item\n                        tabindex=\"-1\"\n                        glyph=\"search\"\n                        [label]=\"'coreShellbar.search' | fdTranslate\"\n                        (click)=\"showSearch.emit(); actionSheet.close()\"\n                    ></li>\n                }\n                @for (action of shellbarActions; track action) {\n                    <li\n                        fd-action-sheet-item\n                        tabindex=\"-1\"\n                        [glyph]=\"action.glyph\"\n                        [label]=\"action.label\"\n                        (click)=\"actionClicked(action, $event)\"\n                    >\n                        @if (action.notificationCount) {\n                            <span class=\"fd-button__badge\">{{ action.notificationCount }}</span>\n                        }\n                    </li>\n                }\n            </fd-action-sheet-body>\n        </fd-action-sheet>\n    </div>\n}\n", dependencies: [{ kind: "ngmodule", type: ActionSheetModule }, { kind: "component", type: i1$1.ActionSheetComponent, selector: "fd-action-sheet", inputs: ["mobile", "placement", "noArrow", "isOpen", "keyboardSupport", "triggers"], outputs: ["focusEscapeList", "isOpenChange"] }, { kind: "component", type: i1$1.ActionSheetControlComponent, selector: "fd-action-sheet-control", outputs: ["clicked"] }, { kind: "component", type: i1$1.ActionSheetItemComponent, selector: "[fd-action-sheet-item]", inputs: ["label", "glyph", "glyphFont", "negative", "isCloseButton", "disabled"], outputs: ["keyDown"] }, { kind: "component", type: i1$1.ActionSheetBodyComponent, selector: "fd-action-sheet-body", inputs: ["actionSheetBodyId", "mobile", "ariaLabel", "ariaLabelledby"] }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ShellbarActionsMobileComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fd-shellbar-actions-mobile', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ActionSheetModule, ButtonComponent, FdTranslatePipe], template: "<div class=\"fd-shellbar-collapse\">\n    <fd-action-sheet placement=\"bottom-end\" #actionSheet>\n        <fd-action-sheet-control>\n            <button\n                fd-button\n                fdType=\"transparent\"\n                glyph=\"overflow\"\n                class=\"fd-shellbar__button\"\n                [attr.aria-label]=\"'coreShellbar.collapsedItemMenuLabel' | fdTranslate\"\n            >\n                @if (totalNotifications) {\n                    <span class=\"fd-button__badge\">\n                        {{ totalNotifications }}\n                    </span>\n                }\n            </button>\n        </fd-action-sheet-control>\n        <fd-action-sheet-body>\n            @if (searchExists) {\n                <li\n                    fd-action-sheet-item\n                    tabindex=\"-1\"\n                    glyph=\"search\"\n                    [label]=\"'coreShellbar.search' | fdTranslate\"\n                    (click)=\"showSearch.emit(); actionSheet.close()\"\n                ></li>\n            }\n            @for (action of shellbarActions; track action) {\n                <li\n                    fd-action-sheet-item\n                    tabindex=\"-1\"\n                    [glyph]=\"action.glyph\"\n                    [label]=\"action.label\"\n                    (click)=\"actionClicked(action, $event)\"\n                >\n                    @if (action.notificationCount) {\n                        <span class=\"fd-button__badge\">{{ action.notificationCount }}</span>\n                    }\n                </li>\n            }\n        </fd-action-sheet-body>\n    </fd-action-sheet>\n</div>\n" }]
+            args: [{ selector: 'fd-shellbar-actions-mobile', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ActionSheetModule, ButtonComponent, FdTranslatePipe], template: "@if (shellbarActions.length > 0 || searchExists) {\n    <div class=\"fd-shellbar-collapse\">\n        <fd-action-sheet placement=\"bottom-end\" #actionSheet>\n            <fd-action-sheet-control>\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    glyph=\"overflow\"\n                    class=\"fd-shellbar__button\"\n                    [attr.aria-label]=\"'coreShellbar.collapsedItemMenuLabel' | fdTranslate\"\n                >\n                    @if (totalNotifications) {\n                        <span class=\"fd-button__badge\">\n                            {{ totalNotifications }}\n                        </span>\n                    }\n                </button>\n            </fd-action-sheet-control>\n            <fd-action-sheet-body>\n                @if (searchExists) {\n                    <li\n                        fd-action-sheet-item\n                        tabindex=\"-1\"\n                        glyph=\"search\"\n                        [label]=\"'coreShellbar.search' | fdTranslate\"\n                        (click)=\"showSearch.emit(); actionSheet.close()\"\n                    ></li>\n                }\n                @for (action of shellbarActions; track action) {\n                    <li\n                        fd-action-sheet-item\n                        tabindex=\"-1\"\n                        [glyph]=\"action.glyph\"\n                        [label]=\"action.label\"\n                        (click)=\"actionClicked(action, $event)\"\n                    >\n                        @if (action.notificationCount) {\n                            <span class=\"fd-button__badge\">{{ action.notificationCount }}</span>\n                        }\n                    </li>\n                }\n            </fd-action-sheet-body>\n        </fd-action-sheet>\n    </div>\n}\n" }]
         }], propDecorators: { shellbarActions: [{
                 type: Input
             }], searchExists: [{
@@ -172,6 +172,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                 type: Output
             }] } });
 
+class ShellbarUserMenuButtonDirective {
+    constructor() {
+        /** The type of the button. In case of the ShellbarUserMenuButtonDirective, the type is always 'transparent'. */
+        this.fdType = 'transparent';
+        /** @hidden */
+        this._hostButton = inject(FD_BUTTON_COMPONENT, { host: true });
+    }
+    /** @hidden */
+    ngOnInit() {
+        if (this._hostButton.fdType !== 'transparent' && this._hostButton.fdType !== defaultButtonType && isDevMode()) {
+            console.warn('ShellbarUserMenuButtonDirective should be used with transparent button type. Overriding button type to transparent.');
+        }
+        this._hostButton.fdType = 'transparent';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ShellbarUserMenuButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.0", type: ShellbarUserMenuButtonDirective, isStandalone: true, selector: "[fd-button][fdShellbarUserMenuButton]", inputs: { fdType: "fdType" }, host: { properties: { "class.fd-shellbar__button": "true", "class.fd-shellbar__button--user-menu": "true" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ShellbarUserMenuButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fd-button][fdShellbarUserMenuButton]',
+                    host: {
+                        '[class.fd-shellbar__button]': 'true',
+                        '[class.fd-shellbar__button--user-menu]': 'true'
+                    },
+                    standalone: true
+                }]
+        }], propDecorators: { fdType: [{
+                type: Input
+            }] } });
+
 /**
  * This Component extends popover component and passes all the options and events from outside to popover component
  * and Vice Versa
@@ -195,6 +226,10 @@ class ShellbarUserMenuComponent {
         /** Event emitted on item click */
         this.itemClicked = new EventEmitter();
     }
+    /** Reference to Menu Component */
+    get menu() {
+        return this._contentPassedMenu || this._menu;
+    }
     /**
      * @hidden
      */
@@ -205,11 +240,11 @@ class ShellbarUserMenuComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ShellbarUserMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: ShellbarUserMenuComponent, isStandalone: true, 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: "@if (user) {\n    <div class=\"fd-shellbar__action fd-shellbar__action--show-always\">\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                @if (!user.image) {\n                    <fd-avatar size=\"xs\" [colorAccent]=\"user.colorAccent\" [circle]=\"true\" label=\"{{ user.fullName }}\">\n                    </fd-avatar>\n                } @else {\n                    <fd-avatar\n                        [colorAccent]=\"user.colorAccent\"\n                        [circle]=\"true\"\n                        size=\"xs\"\n                        image=\"{{ user.image }}\"\n                    ></fd-avatar>\n                }\n            </button>\n            @if (userMenu) {\n                <fd-menu\n                    #menu\n                    [triggers]=\"triggers\"\n                    [placement]=\"placement\"\n                    [fillControlMode]=\"fillControlMode\"\n                    [closeOnEscapeKey]=\"closeOnEscapeKey\"\n                    [noArrow]=\"noArrow\"\n                    [closeOnOutsideClick]=\"closeOnOutsideClick\"\n                >\n                    @for (item of userMenu; track item) {\n                        <li fd-menu-item (click)=\"itemClick(item, $event)\">\n                            <div fd-menu-interactive>\n                                <span fd-menu-title>{{ item.text }}</span>\n                            </div>\n                        </li>\n                    }\n                </fd-menu>\n            }\n        </div>\n    </div>\n}\n", dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "ngmodule", type: MenuModule }, { kind: "component", type: i1.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i1.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu", "hasSeparator"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "component", type: i1.MenuInteractiveComponent, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i1.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "directive", type: i1.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: ShellbarUserMenuComponent, isStandalone: true, 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" }, queries: [{ propertyName: "_contentPassedMenu", first: true, predicate: MenuComponent, descendants: true }, { propertyName: "_shellbarUserMenuButton", first: true, predicate: ShellbarUserMenuButtonDirective, descendants: true }], viewQueries: [{ propertyName: "_menu", first: true, predicate: MenuComponent, descendants: true }], ngImport: i0, template: "@if (user || _shellbarUserMenuButton) {\n    <div class=\"fd-shellbar__action fd-shellbar__action--show-always\">\n        <div class=\"fd-user-menu\">\n            @if (!_shellbarUserMenuButton) {\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    fdShellbarUserMenuButton\n                    [disabled]=\"disabled\"\n                    [fdMenuTrigger]=\"menu\"\n                >\n                    @if (!user.image) {\n                        <fd-avatar size=\"xs\" [colorAccent]=\"user.colorAccent\" [circle]=\"true\" [label]=\"user.fullName\">\n                        </fd-avatar>\n                    } @else {\n                        <fd-avatar\n                            [colorAccent]=\"user.colorAccent\"\n                            [circle]=\"true\"\n                            size=\"xs\"\n                            image=\"{{ user.image }}\"\n                        ></fd-avatar>\n                    }\n                </button>\n            } @else {\n                <ng-content select=\"[fdShellbarUserMenuButton]\"></ng-content>\n            }\n            @if (userMenu) {\n                <fd-menu\n                    [triggers]=\"triggers\"\n                    [placement]=\"placement\"\n                    [fillControlMode]=\"fillControlMode\"\n                    [closeOnEscapeKey]=\"closeOnEscapeKey\"\n                    [noArrow]=\"noArrow\"\n                    [closeOnOutsideClick]=\"closeOnOutsideClick\"\n                >\n                    @for (item of userMenu; track item) {\n                        <li fd-menu-item (click)=\"itemClick(item, $event)\">\n                            <div fd-menu-interactive>\n                                <span fd-menu-title>{{ item.text }}</span>\n                            </div>\n                        </li>\n                    }\n                </fd-menu>\n            }\n        </div>\n    </div>\n}\n", dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "ngmodule", type: MenuModule }, { kind: "component", type: i1.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i1.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu", "hasSeparator"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "component", type: i1.MenuInteractiveComponent, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i1.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "directive", type: i1.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "directive", type: ShellbarUserMenuButtonDirective, selector: "[fd-button][fdShellbarUserMenuButton]", inputs: ["fdType"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ShellbarUserMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fd-shellbar-user-menu', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ButtonComponent, MenuModule, AvatarComponent], template: "@if (user) {\n    <div class=\"fd-shellbar__action fd-shellbar__action--show-always\">\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                @if (!user.image) {\n                    <fd-avatar size=\"xs\" [colorAccent]=\"user.colorAccent\" [circle]=\"true\" label=\"{{ user.fullName }}\">\n                    </fd-avatar>\n                } @else {\n                    <fd-avatar\n                        [colorAccent]=\"user.colorAccent\"\n                        [circle]=\"true\"\n                        size=\"xs\"\n                        image=\"{{ user.image }}\"\n                    ></fd-avatar>\n                }\n            </button>\n            @if (userMenu) {\n                <fd-menu\n                    #menu\n                    [triggers]=\"triggers\"\n                    [placement]=\"placement\"\n                    [fillControlMode]=\"fillControlMode\"\n                    [closeOnEscapeKey]=\"closeOnEscapeKey\"\n                    [noArrow]=\"noArrow\"\n                    [closeOnOutsideClick]=\"closeOnOutsideClick\"\n                >\n                    @for (item of userMenu; track item) {\n                        <li fd-menu-item (click)=\"itemClick(item, $event)\">\n                            <div fd-menu-interactive>\n                                <span fd-menu-title>{{ item.text }}</span>\n                            </div>\n                        </li>\n                    }\n                </fd-menu>\n            }\n        </div>\n    </div>\n}\n" }]
+            args: [{ selector: 'fd-shellbar-user-menu', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ButtonComponent, MenuModule, AvatarComponent, ShellbarUserMenuButtonDirective], template: "@if (user || _shellbarUserMenuButton) {\n    <div class=\"fd-shellbar__action fd-shellbar__action--show-always\">\n        <div class=\"fd-user-menu\">\n            @if (!_shellbarUserMenuButton) {\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    fdShellbarUserMenuButton\n                    [disabled]=\"disabled\"\n                    [fdMenuTrigger]=\"menu\"\n                >\n                    @if (!user.image) {\n                        <fd-avatar size=\"xs\" [colorAccent]=\"user.colorAccent\" [circle]=\"true\" [label]=\"user.fullName\">\n                        </fd-avatar>\n                    } @else {\n                        <fd-avatar\n                            [colorAccent]=\"user.colorAccent\"\n                            [circle]=\"true\"\n                            size=\"xs\"\n                            image=\"{{ user.image }}\"\n                        ></fd-avatar>\n                    }\n                </button>\n            } @else {\n                <ng-content select=\"[fdShellbarUserMenuButton]\"></ng-content>\n            }\n            @if (userMenu) {\n                <fd-menu\n                    [triggers]=\"triggers\"\n                    [placement]=\"placement\"\n                    [fillControlMode]=\"fillControlMode\"\n                    [closeOnEscapeKey]=\"closeOnEscapeKey\"\n                    [noArrow]=\"noArrow\"\n                    [closeOnOutsideClick]=\"closeOnOutsideClick\"\n                >\n                    @for (item of userMenu; track item) {\n                        <li fd-menu-item (click)=\"itemClick(item, $event)\">\n                            <div fd-menu-interactive>\n                                <span fd-menu-title>{{ item.text }}</span>\n                            </div>\n                        </li>\n                    }\n                </fd-menu>\n            }\n        </div>\n    </div>\n}\n" }]
         }], propDecorators: { user: [{
                 type: Input
             }], userMenu: [{
@@ -230,9 +265,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                 type: Input
             }], itemClicked: [{
                 type: Output
-            }], menu: [{
+            }], _menu: [{
                 type: ViewChild,
                 args: [MenuComponent]
+            }], _contentPassedMenu: [{
+                type: ContentChild,
+                args: [MenuComponent]
+            }], _shellbarUserMenuButton: [{
+                type: ContentChild,
+                args: [ShellbarUserMenuButtonDirective]
             }] } });
 
 /**
@@ -349,14 +390,14 @@ class ShellbarActionsComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ShellbarActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: ShellbarActionsComponent, isStandalone: true, selector: "fd-shellbar-actions", inputs: { user: "user", userMenu: "userMenu", closePopoverOnSelect: "closePopoverOnSelect" }, outputs: { searchOpen: "searchOpen" }, host: { properties: { "class.fd-shellbar__group": "true", "class.fd-shellbar__group--actions": "true", "class.fd-shellbar__group--shrink": "this._groupShrink", "class.fd-shellbar__group--basis-auto": "this._groupBasisAuto" } }, queries: [{ propertyName: "userComponent", first: true, predicate: ShellbarUserMenuComponent, descendants: true }, { propertyName: "comboboxComponent", first: true, predicate: FD_COMBOBOX_COMPONENT, descendants: true }, { propertyName: "productSwitchComponent", first: true, predicate: FD_PRODUCT_SWITCH_COMPONENT, descendants: true }, { propertyName: "shellbarActions", predicate: FD_SHELLBAR_ACTION_COMPONENT }], viewQueries: [{ propertyName: "userComponentView", first: true, predicate: ShellbarUserMenuComponent, descendants: true }, { propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true }], ngImport: i0, template: "@if (comboboxComponent) {\n    <div class=\"fd-shellbar__action fd-shellbar__action--desktop\">\n        <ng-content select=\"fd-combobox\"></ng-content>\n    </div>\n}\n<!-- If portal outlet placed outside div, it will be added to the end of the root container. So this div actually keeps outlet in desired place. -->\n<div class=\"fd-shellbar__action\" cdkPortalOutlet></div>\n<div class=\"fd-shellbar__action fd-shellbar__action--mobile\">\n    <fd-shellbar-actions-mobile\n        [shellbarActions]=\"shellbarActions\"\n        [searchExists]=\"!!_searchPortal\"\n        (showSearch)=\"_toggleSearch()\"\n    ></fd-shellbar-actions-mobile>\n</div>\n<div class=\"fd-shellbar__action fd-shellbar__action--desktop\">\n    <ng-content></ng-content>\n</div>\n@if (_addSearchIcon && !showSearch) {\n    <fd-shellbar-action glyph=\"search\" [callback]=\"_toggleSearch\"></fd-shellbar-action>\n}\n<ng-content select=\"fd-shellbar-action\"></ng-content>\n@if (userItem) {\n    @if (!userComponent) {\n        <fd-shellbar-user-menu\n            placement=\"bottom-end\"\n            [user]=\"user\"\n            [userMenu]=\"userMenu\"\n            (itemClicked)=\"_triggerItems()\"\n        ></fd-shellbar-user-menu>\n    }\n    @if (userComponent) {\n        <ng-content select=\"fd-shellbar-user-menu\"></ng-content>\n    }\n}\n@if (productSwitchComponent) {\n    <div class=\"fd-shellbar__action\">\n        <ng-content select=\"fd-product-switch\"></ng-content>\n    </div>\n}\n", dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1$2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: ShellbarActionsMobileComponent, selector: "fd-shellbar-actions-mobile", inputs: ["shellbarActions", "searchExists"], outputs: ["showSearch"] }, { kind: "component", type: ShellbarActionComponent, selector: "fd-shellbar-action", inputs: ["glyph", "glyphFont", "callback", "label", "notificationLabel", "notificationCount"] }, { kind: "component", type: ShellbarUserMenuComponent, selector: "fd-shellbar-user-menu", inputs: ["user", "userMenu", "fillControlMode", "placement", "triggers", "closeOnEscapeKey", "closeOnOutsideClick", "disabled", "noArrow"], outputs: ["itemClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: ShellbarActionsComponent, isStandalone: true, selector: "fd-shellbar-actions", inputs: { user: "user", userMenu: "userMenu", closePopoverOnSelect: "closePopoverOnSelect" }, outputs: { searchOpen: "searchOpen" }, host: { properties: { "class.fd-shellbar__group": "true", "class.fd-shellbar__group--actions": "true", "class.fd-shellbar__group--shrink": "this._groupShrink", "class.fd-shellbar__group--basis-auto": "this._groupBasisAuto" } }, queries: [{ propertyName: "userComponent", first: true, predicate: ShellbarUserMenuComponent, descendants: true }, { propertyName: "comboboxComponent", first: true, predicate: FD_COMBOBOX_COMPONENT, descendants: true }, { propertyName: "productSwitchComponent", first: true, predicate: FD_PRODUCT_SWITCH_COMPONENT, descendants: true }, { propertyName: "shellbarActions", predicate: FD_SHELLBAR_ACTION_COMPONENT }], viewQueries: [{ propertyName: "userComponentView", first: true, predicate: ShellbarUserMenuComponent, descendants: true }, { propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true }], ngImport: i0, template: "@if (comboboxComponent) {\n    <div class=\"fd-shellbar__action fd-shellbar__action--desktop\">\n        <ng-content select=\"fd-combobox\"></ng-content>\n    </div>\n}\n<!-- If portal outlet placed outside div, it will be added to the end of the root container. So this div actually keeps outlet in desired place. -->\n<div class=\"fd-shellbar__action\" cdkPortalOutlet></div>\n<div class=\"fd-shellbar__action fd-shellbar__action--mobile\">\n    <fd-shellbar-actions-mobile\n        [shellbarActions]=\"shellbarActions\"\n        [searchExists]=\"!!_searchPortal\"\n        (showSearch)=\"_toggleSearch()\"\n    ></fd-shellbar-actions-mobile>\n</div>\n<div class=\"fd-shellbar__action fd-shellbar__action--desktop\">\n    <ng-content></ng-content>\n</div>\n@if (_addSearchIcon && !showSearch) {\n    <fd-shellbar-action glyph=\"search\" [callback]=\"_toggleSearch\"></fd-shellbar-action>\n}\n<ng-content select=\"fd-shellbar-action\"></ng-content>\n@if (userComponent || userItem) {\n    @if (!userComponent) {\n        <fd-shellbar-user-menu\n            placement=\"bottom-end\"\n            [user]=\"user\"\n            [userMenu]=\"userMenu\"\n            (itemClicked)=\"_triggerItems()\"\n        ></fd-shellbar-user-menu>\n    } @else {\n        <ng-content select=\"fd-shellbar-user-menu\"></ng-content>\n    }\n}\n@if (productSwitchComponent) {\n    <div class=\"fd-shellbar__action\">\n        <ng-content select=\"fd-product-switch\"></ng-content>\n    </div>\n}\n", dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1$2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: ShellbarActionsMobileComponent, selector: "fd-shellbar-actions-mobile", inputs: ["shellbarActions", "searchExists"], outputs: ["showSearch"] }, { kind: "component", type: ShellbarActionComponent, selector: "fd-shellbar-action", inputs: ["glyph", "glyphFont", "callback", "label", "notificationLabel", "notificationCount"] }, { kind: "component", type: ShellbarUserMenuComponent, selector: "fd-shellbar-user-menu", inputs: ["user", "userMenu", "fillControlMode", "placement", "triggers", "closeOnEscapeKey", "closeOnOutsideClick", "disabled", "noArrow"], outputs: ["itemClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ShellbarActionsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-shellbar-actions', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class.fd-shellbar__group]': 'true',
                         '[class.fd-shellbar__group--actions]': 'true'
-                    }, standalone: true, imports: [PortalModule, ShellbarActionsMobileComponent, ShellbarActionComponent, ShellbarUserMenuComponent], template: "@if (comboboxComponent) {\n    <div class=\"fd-shellbar__action fd-shellbar__action--desktop\">\n        <ng-content select=\"fd-combobox\"></ng-content>\n    </div>\n}\n<!-- If portal outlet placed outside div, it will be added to the end of the root container. So this div actually keeps outlet in desired place. -->\n<div class=\"fd-shellbar__action\" cdkPortalOutlet></div>\n<div class=\"fd-shellbar__action fd-shellbar__action--mobile\">\n    <fd-shellbar-actions-mobile\n        [shellbarActions]=\"shellbarActions\"\n        [searchExists]=\"!!_searchPortal\"\n        (showSearch)=\"_toggleSearch()\"\n    ></fd-shellbar-actions-mobile>\n</div>\n<div class=\"fd-shellbar__action fd-shellbar__action--desktop\">\n    <ng-content></ng-content>\n</div>\n@if (_addSearchIcon && !showSearch) {\n    <fd-shellbar-action glyph=\"search\" [callback]=\"_toggleSearch\"></fd-shellbar-action>\n}\n<ng-content select=\"fd-shellbar-action\"></ng-content>\n@if (userItem) {\n    @if (!userComponent) {\n        <fd-shellbar-user-menu\n            placement=\"bottom-end\"\n            [user]=\"user\"\n            [userMenu]=\"userMenu\"\n            (itemClicked)=\"_triggerItems()\"\n        ></fd-shellbar-user-menu>\n    }\n    @if (userComponent) {\n        <ng-content select=\"fd-shellbar-user-menu\"></ng-content>\n    }\n}\n@if (productSwitchComponent) {\n    <div class=\"fd-shellbar__action\">\n        <ng-content select=\"fd-product-switch\"></ng-content>\n    </div>\n}\n" }]
+                    }, standalone: true, imports: [PortalModule, ShellbarActionsMobileComponent, ShellbarActionComponent, ShellbarUserMenuComponent], template: "@if (comboboxComponent) {\n    <div class=\"fd-shellbar__action fd-shellbar__action--desktop\">\n        <ng-content select=\"fd-combobox\"></ng-content>\n    </div>\n}\n<!-- If portal outlet placed outside div, it will be added to the end of the root container. So this div actually keeps outlet in desired place. -->\n<div class=\"fd-shellbar__action\" cdkPortalOutlet></div>\n<div class=\"fd-shellbar__action fd-shellbar__action--mobile\">\n    <fd-shellbar-actions-mobile\n        [shellbarActions]=\"shellbarActions\"\n        [searchExists]=\"!!_searchPortal\"\n        (showSearch)=\"_toggleSearch()\"\n    ></fd-shellbar-actions-mobile>\n</div>\n<div class=\"fd-shellbar__action fd-shellbar__action--desktop\">\n    <ng-content></ng-content>\n</div>\n@if (_addSearchIcon && !showSearch) {\n    <fd-shellbar-action glyph=\"search\" [callback]=\"_toggleSearch\"></fd-shellbar-action>\n}\n<ng-content select=\"fd-shellbar-action\"></ng-content>\n@if (userComponent || userItem) {\n    @if (!userComponent) {\n        <fd-shellbar-user-menu\n            placement=\"bottom-end\"\n            [user]=\"user\"\n            [userMenu]=\"userMenu\"\n            (itemClicked)=\"_triggerItems()\"\n        ></fd-shellbar-user-menu>\n    } @else {\n        <ng-content select=\"fd-shellbar-user-menu\"></ng-content>\n    }\n}\n@if (productSwitchComponent) {\n    <div class=\"fd-shellbar__action\">\n        <ng-content select=\"fd-product-switch\"></ng-content>\n    </div>\n}\n" }]
         }], propDecorators: { user: [{
                 type: Input
             }], userMenu: [{
@@ -561,7 +602,7 @@ class ShellbarComponent {
             .subscribe((state) => {
             if (!state.text) {
                 this._showMobileSearch = false;
-                this._actions._setSearchVisibility(false);
+                this._actions?._setSearchVisibility(false);
                 this._cd.detectChanges();
             }
         });
@@ -617,7 +658,7 @@ class ShellbarComponent {
     /** @hidden */
     _closeMobileSearch() {
         this._showMobileSearch = false;
-        this._actions._setSearchVisibility(false);
+        this._actions?._setSearchVisibility(false);
         this._cd.detectChanges();
     }
     /** @hidden */
@@ -689,7 +730,7 @@ class ShellbarComponent {
         if (this._searchPortalOutlet?.hasAttached()) {
             return;
         }
-        this._actions._detachSearch();
+        this._actions?._detachSearch();
         this._searchPortalOutlet?.attach(this._searchPortal);
         if (shouldFocus) {
             this._searchComponent?.focus();
@@ -698,11 +739,11 @@ class ShellbarComponent {
     /** @hidden */
     _detachSearch() {
         if (!this._searchPortalOutlet?.hasAttached()) {
-            this._actions._attachSearch(this._searchPortal, this._searchComponent, this._currentSize);
+            this._actions?._attachSearch(this._searchPortal, this._searchComponent, this._currentSize);
             return;
         }
         this._searchPortalOutlet.detach();
-        this._actions._attachSearch(this._searchPortal, this._searchComponent, this._currentSize);
+        this._actions?._attachSearch(this._searchPortal, this._searchComponent, this._currentSize);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ShellbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: ShellbarComponent, isStandalone: true, selector: "fd-shellbar", inputs: { size: "size", breakpoints: "breakpoints", sideNav: "sideNav", groupFlex: "groupFlex" }, providers: [
@@ -820,5 +861,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { FD_SHELLBAR_ACTION_COMPONENT, FD_SHELLBAR_COMPONENT, FD_SHELLBAR_SEARCH_COMPONENT, FD_SHELLBAR_SEARCH_CONFIG, ProductMenuComponent, ShellbarActionComponent, ShellbarActionsComponent, ShellbarActionsMobileComponent, ShellbarComponent, ShellbarLogoComponent, ShellbarModule, ShellbarSidenavDirective, ShellbarSubtitleComponent, ShellbarTitleComponent, ShellbarUserMenuComponent };
+export { FD_SHELLBAR_ACTION_COMPONENT, FD_SHELLBAR_COMPONENT, FD_SHELLBAR_SEARCH_COMPONENT, FD_SHELLBAR_SEARCH_CONFIG, ProductMenuComponent, ShellbarActionComponent, ShellbarActionsComponent, ShellbarActionsMobileComponent, ShellbarComponent, ShellbarLogoComponent, ShellbarModule, ShellbarSidenavDirective, ShellbarSubtitleComponent, ShellbarTitleComponent, ShellbarUserMenuButtonDirective, ShellbarUserMenuComponent };
 //# sourceMappingURL=fundamental-ngx-core-shellbar.mjs.map