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

package/esm2020/select/select.module.mjs

@@ -13,8 +13,8 @@ import { DeprecatedSelectCompactDirective } from './deprecated-select-compact.di
 import * as i0 from "@angular/core";
 export class SelectModule {
 }
-SelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: SelectModule, declarations: [SelectComponent, OptionComponent, DeprecatedSelectCompactDirective], imports: [BusyIndicatorModule,
+SelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SelectModule, declarations: [SelectComponent, OptionComponent, DeprecatedSelectCompactDirective], imports: [BusyIndicatorModule,
         CommonModule,
         PopoverModule,
         ButtonModule,
@@ -22,7 +22,7 @@ SelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
         ListModule,
         ContentDensityModule,
         I18nModule], exports: [SelectComponent, OptionComponent, DeprecatedSelectCompactDirective, ContentDensityModule] });
-SelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SelectModule, imports: [BusyIndicatorModule,
+SelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SelectModule, imports: [BusyIndicatorModule,
         CommonModule,
         PopoverModule,
         ButtonModule,
@@ -30,7 +30,7 @@ SelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
         ListModule,
         ContentDensityModule,
         I18nModule, ContentDensityModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SelectModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SelectModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SelectComponent, OptionComponent, DeprecatedSelectCompactDirective],

package/esm2020/shared/services/value-state-message.service.mjs

@@ -22,9 +22,9 @@ export class ValueStateAriaMessageService {
         this.error = 'Value State Error';
     }
 }
-ValueStateAriaMessageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ValueStateAriaMessageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ValueStateAriaMessageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ValueStateAriaMessageService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ValueStateAriaMessageService, decorators: [{
+ValueStateAriaMessageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ValueStateAriaMessageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ValueStateAriaMessageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ValueStateAriaMessageService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ValueStateAriaMessageService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2020/shellbar/deprecated-shellbar-compact.directive.mjs

@@ -7,14 +7,14 @@ export class DeprecatedShellbarCompactDirective extends DeprecatedCompactDirecti
         super('fd-shellbar-user-menu');
     }
 }
-DeprecatedShellbarCompactDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: DeprecatedShellbarCompactDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DeprecatedShellbarCompactDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: DeprecatedShellbarCompactDirective, selector: "fd-shellbar-user-menu[compact]", providers: [
+DeprecatedShellbarCompactDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DeprecatedShellbarCompactDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DeprecatedShellbarCompactDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DeprecatedShellbarCompactDirective, selector: "fd-shellbar-user-menu[compact]", providers: [
         {
             provide: CONTENT_DENSITY_DIRECTIVE,
             useExisting: forwardRef(() => DeprecatedShellbarCompactDirective)
         }
     ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: DeprecatedShellbarCompactDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DeprecatedShellbarCompactDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

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

@@ -42,9 +42,9 @@ export class ProductMenuComponent {
         }
     }
 }
-ProductMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ProductMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ProductMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ProductMenuComponent, selector: "fd-product-menu", inputs: { closeOnEscapeKey: "closeOnEscapeKey", closeOnOutsideClick: "closeOnOutsideClick", triggers: "triggers", placement: "placement", disabled: "disabled", fillControlMode: "fillControlMode", control: "control", items: "items", closePopoverOnSelect: "closePopoverOnSelect" }, viewQueries: [{ propertyName: "menu", first: true, predicate: MenuComponent, descendants: true }], ngImport: i0, template: "<ng-template [ngIf]=\"items && items.length > 0\" [ngIfElse]=\"subHeader\">\n    <button\n        fd-button\n        fdType=\"transparent\"\n        class=\"fd-shellbar__button fd-shellbar__button--menu\"\n        glyph=\"megamenu\"\n        glyphPosition=\"after\"\n        fdCozy\n        [disabled]=\"disabled\"\n        [fdMenuTrigger]=\"menu\"\n    >\n        <span class=\"fd-shellbar__title\">{{ control }}</span>\n    </button>\n\n    <fd-menu\n        #menu\n        [placement]=\"placement\"\n        [triggers]=\"triggers\"\n        [fillControlMode]=\"fillControlMode\"\n        [closeOnEscapeKey]=\"closeOnEscapeKey\"\n        [closeOnOutsideClick]=\"closeOnOutsideClick\"\n    >\n        <li *ngFor=\"let item of items\" (click)=\"itemClicked(item, $event)\" fd-menu-item>\n            <a\n                [attr.href]=\"item.link ? item.link : null\"\n                [attr.target]=\"item.newTab ? '_blank' : null\"\n                fd-menu-interactive\n            >\n                <span fd-menu-title>{{ item.name }}</span>\n                <fd-icon *ngIf=\"item.glyph\" fd-menu-addon position=\"after\" [glyph]=\"item.glyph\"></fd-icon>\n            </a>\n        </li>\n    </fd-menu>\n</ng-template>\n\n<ng-template #subHeader>\n    <span class=\"fd-shellbar__title fd-product-menu__title\">\n        {{ control }}\n    </span>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "tabbableScrollbar", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i2.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "directive", type: i2.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i2.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "directive", type: i2.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "directive", type: i3.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ProductMenuComponent, decorators: [{
+ProductMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProductMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ProductMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ProductMenuComponent, selector: "fd-product-menu", inputs: { closeOnEscapeKey: "closeOnEscapeKey", closeOnOutsideClick: "closeOnOutsideClick", triggers: "triggers", placement: "placement", disabled: "disabled", fillControlMode: "fillControlMode", control: "control", items: "items", closePopoverOnSelect: "closePopoverOnSelect" }, viewQueries: [{ propertyName: "menu", first: true, predicate: MenuComponent, descendants: true }], ngImport: i0, template: "<ng-template [ngIf]=\"items && items.length > 0\" [ngIfElse]=\"subHeader\">\n    <button\n        fd-button\n        fdType=\"transparent\"\n        class=\"fd-shellbar__button fd-shellbar__button--menu\"\n        glyph=\"megamenu\"\n        glyphPosition=\"after\"\n        fdCozy\n        [disabled]=\"disabled\"\n        [fdMenuTrigger]=\"menu\"\n    >\n        <span class=\"fd-shellbar__title\">{{ control }}</span>\n    </button>\n\n    <fd-menu\n        #menu\n        [placement]=\"placement\"\n        [triggers]=\"triggers\"\n        [fillControlMode]=\"fillControlMode\"\n        [closeOnEscapeKey]=\"closeOnEscapeKey\"\n        [closeOnOutsideClick]=\"closeOnOutsideClick\"\n    >\n        <li *ngFor=\"let item of items\" (click)=\"itemClicked(item, $event)\" fd-menu-item>\n            <a\n                [attr.href]=\"item.link ? item.link : null\"\n                [attr.target]=\"item.newTab ? '_blank' : null\"\n                fd-menu-interactive\n            >\n                <span fd-menu-title>{{ item.name }}</span>\n                <fd-icon *ngIf=\"item.glyph\" fd-menu-addon position=\"after\" [glyph]=\"item.glyph\"></fd-icon>\n            </a>\n        </li>\n    </fd-menu>\n</ng-template>\n\n<ng-template #subHeader>\n    <span class=\"fd-shellbar__title fd-product-menu__title\">\n        {{ control }}\n    </span>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "tabbableScrollbar", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i2.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "directive", type: i2.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i2.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "directive", type: i2.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "directive", type: i3.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProductMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-product-menu', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template [ngIf]=\"items && items.length > 0\" [ngIfElse]=\"subHeader\">\n    <button\n        fd-button\n        fdType=\"transparent\"\n        class=\"fd-shellbar__button fd-shellbar__button--menu\"\n        glyph=\"megamenu\"\n        glyphPosition=\"after\"\n        fdCozy\n        [disabled]=\"disabled\"\n        [fdMenuTrigger]=\"menu\"\n    >\n        <span class=\"fd-shellbar__title\">{{ control }}</span>\n    </button>\n\n    <fd-menu\n        #menu\n        [placement]=\"placement\"\n        [triggers]=\"triggers\"\n        [fillControlMode]=\"fillControlMode\"\n        [closeOnEscapeKey]=\"closeOnEscapeKey\"\n        [closeOnOutsideClick]=\"closeOnOutsideClick\"\n    >\n        <li *ngFor=\"let item of items\" (click)=\"itemClicked(item, $event)\" fd-menu-item>\n            <a\n                [attr.href]=\"item.link ? item.link : null\"\n                [attr.target]=\"item.newTab ? '_blank' : null\"\n                fd-menu-interactive\n            >\n                <span fd-menu-title>{{ item.name }}</span>\n                <fd-icon *ngIf=\"item.glyph\" fd-menu-addon position=\"after\" [glyph]=\"item.glyph\"></fd-icon>\n            </a>\n        </li>\n    </fd-menu>\n</ng-template>\n\n<ng-template #subHeader>\n    <span class=\"fd-shellbar__title fd-product-menu__title\">\n        {{ control }}\n    </span>\n</ng-template>\n" }]
         }], propDecorators: { closeOnEscapeKey: [{

package/esm2020/shellbar/shellbar-action/shellbar-action.component.mjs

@@ -18,14 +18,14 @@ import * as i3 from "@fundamental-ngx/core/button";
  */
 export class ShellbarActionComponent {
 }
-ShellbarActionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ShellbarActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ShellbarActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ShellbarActionComponent, selector: "fd-shellbar-action", inputs: { glyph: "glyph", callback: "callback", label: "label", notificationLabel: "notificationLabel", notificationCount: "notificationCount" }, providers: [
+ShellbarActionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ShellbarActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ShellbarActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ShellbarActionComponent, selector: "fd-shellbar-action", inputs: { glyph: "glyph", callback: "callback", label: "label", notificationLabel: "notificationLabel", notificationCount: "notificationCount" }, providers: [
         {
             provide: FD_SHELLBAR_ACTION_COMPONENT,
             useExisting: ShellbarActionComponent
         }
     ], ngImport: i0, template: "<div class=\"fd-shellbar__action fd-shellbar__action--desktop\">\n    <button\n        fd-button\n        fdType=\"transparent\"\n        class=\"fd-shellbar__button\"\n        fdCozy\n        [glyph]=\"glyph\"\n        (click)=\"callback ? callback($event) : ''\"\n    >\n        <span *ngIf=\"notificationCount\" class=\"fd-button__badge\" [attr.aria-label]=\"notificationLabel\">\n            {{ notificationCount }}\n        </span>\n    </button>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ShellbarActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ShellbarActionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-shellbar-action', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/esm2020/shellbar/shellbar-actions/shellbar-actions.component.mjs

@@ -124,9 +124,9 @@ export class ShellbarActionsComponent {
         }
     }
 }
-ShellbarActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ShellbarActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ShellbarActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ShellbarActionsComponent, selector: "fd-shellbar-actions", inputs: { user: "user", userMenu: "userMenu", closePopoverOnSelect: "closePopoverOnSelect", collapsedItemMenuLabel: "collapsedItemMenuLabel" }, 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: "<div *ngIf=\"comboboxComponent\" 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\n<div class=\"fd-shellbar__action fd-shellbar__action--mobile\">\n    <fd-shellbar-actions-mobile\n        [shellbarActions]=\"shellbarActions\"\n        [collapsedItemMenuLabel]=\"collapsedItemMenuLabel\"\n        [searchExists]=\"!!_searchPortal\"\n        (showSearch)=\"_toggleSearch()\"\n    ></fd-shellbar-actions-mobile>\n</div>\n\n<div class=\"fd-shellbar__action fd-shellbar__action--desktop\">\n    <ng-content></ng-content>\n</div>\n\n<fd-shellbar-action\n    *ngIf=\"_addSearchIcon && !showSearch\"\n    glyph=\"search\"\n    [callback]=\"_toggleSearch\"\n></fd-shellbar-action>\n\n<ng-content select=\"fd-shellbar-action\"></ng-content>\n\n<ng-container *ngIf=\"userItem\">\n    <ng-container *ngIf=\"!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    </ng-container>\n\n    <ng-container *ngIf=\"userComponent\">\n        <ng-content select=\"fd-shellbar-user-menu\"></ng-content>\n    </ng-container>\n</ng-container>\n\n<div *ngIf=\"productSwitchComponent\" class=\"fd-shellbar__action\">\n    <ng-content select=\"fd-product-switch\"></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i3.ShellbarActionsMobileComponent, selector: "fd-shellbar-actions-mobile", inputs: ["shellbarActions", "collapsedItemMenuLabel", "searchExists"], outputs: ["showSearch"] }, { kind: "component", type: i4.ShellbarActionComponent, selector: "fd-shellbar-action", inputs: ["glyph", "callback", "label", "notificationLabel", "notificationCount"] }, { kind: "component", type: i5.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: "15.2.8", ngImport: i0, type: ShellbarActionsComponent, decorators: [{
+ShellbarActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ShellbarActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ShellbarActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ShellbarActionsComponent, selector: "fd-shellbar-actions", inputs: { user: "user", userMenu: "userMenu", closePopoverOnSelect: "closePopoverOnSelect", collapsedItemMenuLabel: "collapsedItemMenuLabel" }, 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: "<div *ngIf=\"comboboxComponent\" 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\n<div class=\"fd-shellbar__action fd-shellbar__action--mobile\">\n    <fd-shellbar-actions-mobile\n        [shellbarActions]=\"shellbarActions\"\n        [collapsedItemMenuLabel]=\"collapsedItemMenuLabel\"\n        [searchExists]=\"!!_searchPortal\"\n        (showSearch)=\"_toggleSearch()\"\n    ></fd-shellbar-actions-mobile>\n</div>\n\n<div class=\"fd-shellbar__action fd-shellbar__action--desktop\">\n    <ng-content></ng-content>\n</div>\n\n<fd-shellbar-action\n    *ngIf=\"_addSearchIcon && !showSearch\"\n    glyph=\"search\"\n    [callback]=\"_toggleSearch\"\n></fd-shellbar-action>\n\n<ng-content select=\"fd-shellbar-action\"></ng-content>\n\n<ng-container *ngIf=\"userItem\">\n    <ng-container *ngIf=\"!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    </ng-container>\n\n    <ng-container *ngIf=\"userComponent\">\n        <ng-content select=\"fd-shellbar-user-menu\"></ng-content>\n    </ng-container>\n</ng-container>\n\n<div *ngIf=\"productSwitchComponent\" class=\"fd-shellbar__action\">\n    <ng-content select=\"fd-product-switch\"></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i3.ShellbarActionsMobileComponent, selector: "fd-shellbar-actions-mobile", inputs: ["shellbarActions", "collapsedItemMenuLabel", "searchExists"], outputs: ["showSearch"] }, { kind: "component", type: i4.ShellbarActionComponent, selector: "fd-shellbar-action", inputs: ["glyph", "callback", "label", "notificationLabel", "notificationCount"] }, { kind: "component", type: i5.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: "15.2.9", ngImport: i0, type: ShellbarActionsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-shellbar-actions', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class.fd-shellbar__group]': 'true',

package/esm2020/shellbar/shellbar-actions-mobile/shellbar-actions-mobile.component.mjs

@@ -29,9 +29,9 @@ export class ShellbarActionsMobileComponent {
         });
     }
 }
-ShellbarActionsMobileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ShellbarActionsMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ShellbarActionsMobileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ShellbarActionsMobileComponent, selector: "fd-shellbar-actions-mobile", inputs: { shellbarActions: "shellbarActions", collapsedItemMenuLabel: "collapsedItemMenuLabel", 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]=\"collapsedItemMenuLabel || ('coreShellbar.collapsedItemMenuLabel' | fdTranslate)\"\n            >\n                <span *ngIf=\"totalNotifications\" class=\"fd-button__badge\">\n                    {{ totalNotifications }}\n                </span>\n            </button>\n        </fd-action-sheet-control>\n\n        <fd-action-sheet-body>\n            <li\n                fd-action-sheet-item\n                *ngIf=\"searchExists\"\n                tabindex=\"-1\"\n                [glyph]=\"'search'\"\n                [label]=\"'coreShellbar.search' | fdTranslate\"\n                (click)=\"showSearch.emit(); actionSheet.close()\"\n            ></li>\n            <li\n                fd-action-sheet-item\n                *ngFor=\"let action of shellbarActions\"\n                tabindex=\"-1\"\n                [glyph]=\"action.glyph\"\n                [label]=\"action.label\"\n                (click)=\"actionClicked(action, $event)\"\n            >\n                <span *ngIf=\"action.notificationCount\" class=\"fd-button__badge\">{{ action.notificationCount }}</span>\n            </li>\n        </fd-action-sheet-body>\n    </fd-action-sheet>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ActionSheetComponent, selector: "fd-action-sheet", inputs: ["mobile", "placement", "noArrow", "isOpen", "keyboardSupport", "triggers"], outputs: ["focusEscapeList", "isOpenChange"] }, { kind: "component", type: i2.ActionSheetControlComponent, selector: "fd-action-sheet-control", outputs: ["clicked"] }, { kind: "component", type: i2.ActionSheetItemComponent, selector: "[fd-action-sheet-item]", inputs: ["label", "glyph", "negative", "isCloseButton", "disabled"], outputs: ["keyDown"] }, { kind: "component", type: i2.ActionSheetBodyComponent, selector: "fd-action-sheet-body", inputs: ["actionSheetBodyId", "mobile", "ariaLabel", "ariaLabelledby"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: i4.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ShellbarActionsMobileComponent, decorators: [{
+ShellbarActionsMobileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ShellbarActionsMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ShellbarActionsMobileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ShellbarActionsMobileComponent, selector: "fd-shellbar-actions-mobile", inputs: { shellbarActions: "shellbarActions", collapsedItemMenuLabel: "collapsedItemMenuLabel", 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]=\"collapsedItemMenuLabel || ('coreShellbar.collapsedItemMenuLabel' | fdTranslate)\"\n            >\n                <span *ngIf=\"totalNotifications\" class=\"fd-button__badge\">\n                    {{ totalNotifications }}\n                </span>\n            </button>\n        </fd-action-sheet-control>\n\n        <fd-action-sheet-body>\n            <li\n                fd-action-sheet-item\n                *ngIf=\"searchExists\"\n                tabindex=\"-1\"\n                [glyph]=\"'search'\"\n                [label]=\"'coreShellbar.search' | fdTranslate\"\n                (click)=\"showSearch.emit(); actionSheet.close()\"\n            ></li>\n            <li\n                fd-action-sheet-item\n                *ngFor=\"let action of shellbarActions\"\n                tabindex=\"-1\"\n                [glyph]=\"action.glyph\"\n                [label]=\"action.label\"\n                (click)=\"actionClicked(action, $event)\"\n            >\n                <span *ngIf=\"action.notificationCount\" class=\"fd-button__badge\">{{ action.notificationCount }}</span>\n            </li>\n        </fd-action-sheet-body>\n    </fd-action-sheet>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ActionSheetComponent, selector: "fd-action-sheet", inputs: ["mobile", "placement", "noArrow", "isOpen", "keyboardSupport", "triggers"], outputs: ["focusEscapeList", "isOpenChange"] }, { kind: "component", type: i2.ActionSheetControlComponent, selector: "fd-action-sheet-control", outputs: ["clicked"] }, { kind: "component", type: i2.ActionSheetItemComponent, selector: "[fd-action-sheet-item]", inputs: ["label", "glyph", "negative", "isCloseButton", "disabled"], outputs: ["keyDown"] }, { kind: "component", type: i2.ActionSheetBodyComponent, selector: "fd-action-sheet-body", inputs: ["actionSheetBodyId", "mobile", "ariaLabel", "ariaLabelledby"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: i4.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ShellbarActionsMobileComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-shellbar-actions-mobile', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, 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]=\"collapsedItemMenuLabel || ('coreShellbar.collapsedItemMenuLabel' | fdTranslate)\"\n            >\n                <span *ngIf=\"totalNotifications\" class=\"fd-button__badge\">\n                    {{ totalNotifications }}\n                </span>\n            </button>\n        </fd-action-sheet-control>\n\n        <fd-action-sheet-body>\n            <li\n                fd-action-sheet-item\n                *ngIf=\"searchExists\"\n                tabindex=\"-1\"\n                [glyph]=\"'search'\"\n                [label]=\"'coreShellbar.search' | fdTranslate\"\n                (click)=\"showSearch.emit(); actionSheet.close()\"\n            ></li>\n            <li\n                fd-action-sheet-item\n                *ngFor=\"let action of shellbarActions\"\n                tabindex=\"-1\"\n                [glyph]=\"action.glyph\"\n                [label]=\"action.label\"\n                (click)=\"actionClicked(action, $event)\"\n            >\n                <span *ngIf=\"action.notificationCount\" class=\"fd-button__badge\">{{ action.notificationCount }}</span>\n            </li>\n        </fd-action-sheet-body>\n    </fd-action-sheet>\n</div>\n" }]
         }], propDecorators: { shellbarActions: [{

package/esm2020/shellbar/shellbar-logo/shellbar-logo.component.mjs

@@ -11,9 +11,9 @@ import * as i0 from "@angular/core";
  */
 export class ShellbarLogoComponent {
 }
-ShellbarLogoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ShellbarLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ShellbarLogoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ShellbarLogoComponent, selector: "fd-shellbar-logo", ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ShellbarLogoComponent, decorators: [{
+ShellbarLogoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ShellbarLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ShellbarLogoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ShellbarLogoComponent, selector: "fd-shellbar-logo", ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ShellbarLogoComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-shellbar-logo', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
         }] });

package/esm2020/shellbar/shellbar-sidenav.directive.mjs

@@ -2,9 +2,9 @@ import { Directive } from '@angular/core';
 import * as i0 from "@angular/core";
 export class ShellbarSidenavDirective {
 }
-ShellbarSidenavDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ShellbarSidenavDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ShellbarSidenavDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: ShellbarSidenavDirective, selector: "[fdShellbarSidenav], [fd-shellbar-side-nav]", host: { classAttribute: "fd-shellbar__button" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ShellbarSidenavDirective, decorators: [{
+ShellbarSidenavDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ShellbarSidenavDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ShellbarSidenavDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: ShellbarSidenavDirective, selector: "[fdShellbarSidenav], [fd-shellbar-side-nav]", host: { classAttribute: "fd-shellbar__button" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ShellbarSidenavDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdShellbarSidenav], [fd-shellbar-side-nav]',

package/esm2020/shellbar/shellbar-subtitle/shellbar-subtitle.component.mjs

@@ -11,9 +11,9 @@ import * as i0 from "@angular/core";
  */
 export class ShellbarSubtitleComponent {
 }
-ShellbarSubtitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ShellbarSubtitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ShellbarSubtitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ShellbarSubtitleComponent, selector: "fd-shellbar-subtitle", ngImport: i0, template: "<div class=\"fd-shellbar__subtitle\">\n    <ng-content></ng-content>\n</div>\n", styles: ["fd-shellbar-subtitle{display:flex}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ShellbarSubtitleComponent, decorators: [{
+ShellbarSubtitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ShellbarSubtitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ShellbarSubtitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ShellbarSubtitleComponent, selector: "fd-shellbar-subtitle", ngImport: i0, template: "<div class=\"fd-shellbar__subtitle\">\n    <ng-content></ng-content>\n</div>\n", styles: ["fd-shellbar-subtitle{display:flex}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ShellbarSubtitleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-shellbar-subtitle', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fd-shellbar__subtitle\">\n    <ng-content></ng-content>\n</div>\n", styles: ["fd-shellbar-subtitle{display:flex}\n"] }]
         }] });

package/esm2020/shellbar/shellbar-title/shellbar-title.component.mjs

@@ -11,9 +11,9 @@ import * as i0 from "@angular/core";
  */
 export class ShellbarTitleComponent {
 }
-ShellbarTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ShellbarTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ShellbarTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ShellbarTitleComponent, selector: "fd-shellbar-title", ngImport: i0, template: "<span class=\"fd-shellbar__title\">\n    <ng-content></ng-content>\n</span>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ShellbarTitleComponent, decorators: [{
+ShellbarTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ShellbarTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ShellbarTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ShellbarTitleComponent, selector: "fd-shellbar-title", ngImport: i0, template: "<span class=\"fd-shellbar__title\">\n    <ng-content></ng-content>\n</span>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ShellbarTitleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-shellbar-title', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"fd-shellbar__title\">\n    <ng-content></ng-content>\n</span>\n" }]
         }] });

package/esm2020/shellbar/shellbar.component.mjs

@@ -239,8 +239,8 @@ export class ShellbarComponent {
         this._actions._attachSearch(this._searchPortal, this._searchComponent, this._currentSize);
     }
 }
-ShellbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ShellbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ShellbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ShellbarComponent, selector: "fd-shellbar", inputs: { size: "size", breakpoints: "breakpoints", sideNav: "sideNav", groupFlex: "groupFlex" }, providers: [
+ShellbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ShellbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ShellbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ShellbarComponent, selector: "fd-shellbar", inputs: { size: "size", breakpoints: "breakpoints", sideNav: "sideNav", groupFlex: "groupFlex" }, providers: [
         DestroyedService,
         contentDensityObserverProviders({
             supportedContentDensity: [ContentDensityMode.COZY],
@@ -251,7 +251,7 @@ ShellbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
             useExisting: ShellbarComponent
         }
     ], queries: [{ propertyName: "comboboxComponent", first: true, predicate: FD_COMBOBOX_COMPONENT, descendants: true }, { propertyName: "_actions", first: true, predicate: ShellbarActionsComponent, descendants: true }, { propertyName: "searchComponent", first: true, predicate: FD_SHELLBAR_SEARCH_COMPONENT, descendants: true }, { propertyName: "buttons", predicate: FD_BUTTON_COMPONENT, read: ElementRef }], viewQueries: [{ propertyName: "_searchPortalOutlet", first: true, predicate: ["searchPortalOutlet"], descendants: true, read: CdkPortalOutlet }, { propertyName: "_shellbar", first: true, predicate: ["shellbar"], descendants: true }], ngImport: i0, template: "<div\n    class=\"fd-shellbar\"\n    [class]=\"'fd-shellbar--' + _currentSize + _getSideNavClass()\"\n    [class.fd-shellbar--side-nav]=\"sideNav === true\"\n    #shellbar\n>\n    <div\n        class=\"fd-shellbar__group fd-shellbar__group--product\"\n        [class.fd-shellbar__group--shrink]=\"groupFlex?.product?.shrink\"\n        [class.fd-shellbar__group--basis-auto]=\"groupFlex?.product?.flexBasisAuto\"\n        *ngIf=\"!_hideAllComponents\"\n    >\n        <ng-content select=\"[fd-shellbar-side-nav]\"></ng-content>\n\n        <ng-content select=\"fd-shellbar-logo\"></ng-content>\n\n        <ng-content select=\"fd-shellbar-title\" *ngIf=\"!_hideTitleComponents\"></ng-content>\n\n        <div class=\"fd-shellbar__product\" *ngIf=\"!_hideTitleComponents\">\n            <ng-content select=\"fd-product-menu\"></ng-content>\n        </div>\n\n        <ng-content select=\"fd-shellbar-subtitle\" *ngIf=\"!_hideTitleComponents\"></ng-content>\n    </div>\n    <div hidden>\n        <ng-content></ng-content>\n    </div>\n    <div\n        class=\"fd-shellbar__group fd-shellbar__group--center fd-shellbar__group--mobile-flex\"\n        [class.fd-shellbar__group--shrink]=\"groupFlex?.search?.shrink\"\n        [class.fd-shellbar__group--basis-auto]=\"groupFlex?.search?.flexBasisAuto\"\n        *ngIf=\"searchComponent\"\n    >\n        <div class=\"fd-shellbar__action fd-shellbar__action--grow\">\n            <ng-container cdkPortalOutlet #searchPortalOutlet></ng-container>\n        </div>\n        <div\n            *ngIf=\"_currentSize === 'xl' || _hideAllComponents\"\n            class=\"fd-shellbar__action fd-shellbar__action--mobile fd-shellbar__action--shrink\"\n        >\n            <button class=\"fd-button fd-button--transparent\" (click)=\"_closeMobileSearch()\">\n                {{ 'coreShellbar.cancel' | fdTranslate }}\n            </button>\n        </div>\n    </div>\n\n    <ng-content select=\"fd-shellbar-actions\" *ngIf=\"!_hideAllComponents\"></ng-content>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-shellbar{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--fdShellbar_Shadow);align-items:center;background-color:var(--sapShellColor);border:0;box-shadow:var(--fdShellbar_Shadow);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapShell_TextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdShellbar_Height);justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0 1rem;position:relative}.fd-shellbar:after,.fd-shellbar:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__group{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex:1 1 0px;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex:1 1 0;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.5rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-shellbar__group:after,.fd-shellbar__group:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__group--product{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-box-ordinal-group:2;-ms-flex-order:1;justify-content:flex-start;order:1}.fd-shellbar__group--center,.fd-shellbar__group--copilot{-webkit-box-ordinal-group:3;-ms-flex-order:2;-webkit-box-pack:center;-ms-flex-pack:center;display:none;justify-content:center;margin:0 .5rem;order:2}.fd-shellbar__group--center .fd-shellbar__action,.fd-shellbar__group--copilot .fd-shellbar__action{width:100%}@media (min-width: 1440px){.fd-shellbar__group--center,.fd-shellbar__group--copilot{display:inline-block}}.fd-shellbar__group--actions{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-box-ordinal-group:4;-ms-flex-order:3;justify-content:flex-end;order:3}.fd-shellbar__subtitle,.fd-shellbar__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapShell_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-shellbar__subtitle:after,.fd-shellbar__subtitle:before,.fd-shellbar__title:after,.fd-shellbar__title:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__logo,.fd-shellbar__product,.fd-shellbar__subtitle{display:inline-block;vertical-align:middle}.fd-shellbar__logo,.fd-shellbar__title{position:relative}.fd-shellbar__logo.is-focus,.fd-shellbar__logo:focus,.fd-shellbar__title.is-focus,.fd-shellbar__title:focus{outline:none;pointer-events:all}.fd-shellbar__logo.is-focus:before,.fd-shellbar__logo:focus:before,.fd-shellbar__title.is-focus:before,.fd-shellbar__title:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdShellbar_Button_Outline_Color);border-radius:calc(var(--sapButton_BorderCornerRadius) - .125rem);content:\"\";display:block;inset:-.25rem;pointer-events:none;position:absolute}.fd-shellbar__title{font-weight:700;vertical-align:middle}.fd-shellbar__subtitle{font-size:var(--sapFontSmallSize)}.fd-shellbar__logo{-webkit-box-sizing:border-box;background-repeat:no-repeat;background-size:contain;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-height:2rem;padding:0}.fd-shellbar__logo:after,.fd-shellbar__logo:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__logo>*{display:block;line-height:0;max-height:2.5rem;width:auto}.fd-shellbar__logo--image-replaced{background-image:url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQxMi4zOCAyMDQiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjIwNi4xOSIgeDI9IjIwNi4xOSIgeTI9IjIwNCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzAwYjhmMSIvPjxzdG9wIG9mZnNldD0iLjAyIiBzdG9wLWNvbG9yPSIjMDFiNmYwIi8+PHN0b3Agb2Zmc2V0PSIuMzEiIHN0b3AtY29sb3I9IiMwZDkwZDkiLz48c3RvcCBvZmZzZXQ9Ii41OCIgc3RvcC1jb2xvcj0iIzE3NzVjOCIvPjxzdG9wIG9mZnNldD0iLjgyIiBzdG9wLWNvbG9yPSIjMWM2NWJmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMWU1ZmJiIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZD0iTTAgMjA0aDIwOC40MUw0MTIuMzggMEgwdjIwNCIgc3R5bGU9ImZpbGw6dXJsKCNhKTtmaWxsLXJ1bGU6ZXZlbm9kZCIvPjxwYXRoIGQ9Ik0yNDQuNzMgMzguMzZoLTQwLjZ2OTYuNTJsLTM1LjQ2LTk2LjU1aC0zNS4xNmwtMzAuMjcgODAuNzJDMTAwIDk4LjcgNzkgOTEuNjcgNjIuNCA4Ni40IDUxLjQ2IDgyLjg5IDM5Ljg1IDc3LjcyIDQwIDcyYy4wOS00LjY4IDYuMjMtOSAxOC4zOC04LjM4IDguMTcuNDMgMTUuMzcgMS4wOSAyOS43MSA4bDE0LjEtMjQuNTVDODkuMDYgNDAuNDIgNzEgMzYuMjEgNTYuMTcgMzYuMTloLS4wOWMtMTcuMjggMC0zMS42OCA1LjYtNDAuNiAxNC44M0EzNC4yMyAzNC4yMyAwIDAgMCA1Ljc3IDc0LjdDNS41NCA4Ny4xNSAxMC4xMSA5NiAxOS43MSAxMDNjOC4xIDUuOTQgMTguNDYgOS43OSAyNy42IDEyLjYyIDExLjI3IDMuNDkgMjAuNDcgNi41MyAyMC4zNiAxM0E5LjU3IDkuNTcgMCAwIDEgNjUgMTM1Yy0yLjgxIDIuOS03LjEzIDQtMTMuMDkgNC4xLTExLjQ5LjI0LTIwLTEuNTYtMzMuNjEtOS41OUw1Ljc3IDE1NC40MmE5My43NyA5My43NyAwIDAgMCA0NiAxMi4yMmgyLjExYzE0LjI0LS4yNSAyNS43NC00LjMxIDM0LjkyLTExLjcxLjUzLS40MSAxLS44NCAxLjQ5LTEuMjhsLTQuMTIgMTAuODVIMTIzbDYuMTktMTguODJhNjcuNDYgNjcuNDYgMCAwIDAgMjEuNjggMy40MyA2OC4zMyA2OC4zMyAwIDAgMCAyMS4xNi0zLjI1bDYgMTguNjRoNjAuMTR2LTM5aDEzLjExYzMxLjcxIDAgNTAuNDYtMTYuMTUgNTAuNDYtNDMuMiAwLTMwLjExLTE4LjIyLTQzLjk0LTU3LjAxLTQzLjk0ek0xNTAuOTEgMTIxYTM2LjkzIDM2LjkzIDAgMCAxLTEzLTIuMjhsMTIuODctNDAuNTloLjIybDEyLjY1IDQwLjcxYTM4LjUgMzguNSAwIDAgMS0xMi43NCAyLjE2em05Ni4yLTIzLjMzaC04Ljk0VjY0LjkxaDguOTRjMTEuOTMgMCAyMS40NCA0IDIxLjQ0IDE2LjE0IDAgMTIuNi05LjUxIDE2LjU3LTIxLjQ0IDE2LjU3IiBzdHlsZT0iZmlsbDojZmZmO2ZpbGwtcnVsZTpldmVub2RkIi8+PC9zdmc+);height:1.5rem;width:3rem}.fd-shellbar .fd-shellbar__group{--fdShellbar_Button_Active_Background:var(--sapShell_Active_Background);--fdShellbar_Button_Active_Color:var(--sapShell_Active_TextColor)}.fd-shellbar .fd-shellbar__group .fd-shellbar__action{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__action:after,.fd-shellbar .fd-shellbar__group .fd-shellbar__action:before{box-sizing:inherit;font-size:inherit}.fd-shellbar .fd-shellbar__group .fd-shellbar__action>*{vertical-align:middle}.fd-shellbar .fd-shellbar__group .fd-shellbar__action--grow{flex:1}.fd-shellbar .fd-shellbar__group .fd-shellbar__action--shrink{flex:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field{--fdSelect_Text_Content_Color:var(--fdShellbar_Select_Content_Color);--fdInputGroup_Input_Border:var(--fdShellbar_Input_Border);--fdInputGroup_Input_Color:var(--fdShellbar_Input_Color);--fdInputGroup_Input_Placeholder_Color:var(--fdShellbar_Input_Placeholder_Color);--fdInputGroup_Input_Placeholder_Style:var(--fdShellbar_Input_Placeholder_Style);--fdInputGroup_Background:transparent;--fdInputGroup_Background_Color:var(--fdShellbar_Input_Background);--fdInputGroup_Hover_Background:transparent;--fdInput_Group_Button_Box_Shadow:none;--fdInput_Box_Shadow_Hover:none;border:var(--fdShellbar_Search_Border);border-radius:var(--fdShellbar_Input_Border_Radius);cursor:text;position:relative}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input{position:relative}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:hover{--fdInputGroup_Hover_Input_Background:var(--fdShellbar_Input_Hover_Background);--fdInputGroup_Addon_Background:var(--fdShellbar_Search_Container_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input.is-hover~.fd-shellbar__search-field-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:hover~.fd-shellbar__search-field-addon{--fdInputGroup_Addon_Background:var(--fdShellbar_Search_Container_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input.is-focus,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:focus{--fdInputGroup_Input_Color:var(--fdShellbar_Input_Focus_Color);--fdInputGroup_Input_Background:var(--fdShellbar_Input_Focus_Background);z-index:5}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:placeholder-shown~.fd-shellbar__search-cancel{display:none}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:not(:placeholder-shown)~.fd-shellbar__search-submit>*{--fdButtonBackgroundColor:var(--fdShellbar_Search_Active_Button_Background);--fdButtonColor:var(--fdShellbar_Search_Active_Button_Color);--fdShellbar_Button_Active_Background:var(--fdButtonBackgroundColor);--fdShellbar_Button_Active_Color:var(--fdShellbar_Search_Active_Button_Color);border-left:var(--fdShellbar_Button_Left_Border)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:not(:placeholder-shown)~.fd-shellbar__search-submit>[dir=rtl],[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:not(:placeholder-shown)~.fd-shellbar__search-submit>*{border-left-style:none;border-right:var(--fdShellbar_Button_Left_Border)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:not(:placeholder-shown)~.fd-shellbar__search-submit>:hover{--fdButtonBackgroundColor:var(--fdShellbar_Search_Active_Button_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input--select{font-style:normal}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input--select{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:0;-ms-flex:0 1;align-items:center;display:flex;flex:0 1;height:100%}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button{border-radius:var(--fdShellbar_Input_Border_Radius);border-width:var(--fdShellbar_Input_Addon_Border_Width);height:var(--fdShellbar_Input_Addon_Dimension);min-width:var(--fdShellbar_Input_Addon_Dimension)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button:hover{--fdButtonBackgroundColor:var(--fdShellbar_Search_Button_Hover_Background);border-left:var(--fdShellbar_Button_Left_Border)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button.is-hover[dir=rtl],.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button:hover[dir=rtl],[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button.is-hover,[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button:hover{border-left-style:none;border-right:var(--fdShellbar_Button_Left_Border)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button.is-active,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-addon .fd-shellbar__button:active{border-color:var(--fdShellbar_Button_Active_Border_Color)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category{flex-shrink:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category:hover{--fdInputGroup_Addon_Background:var(--fdShellbar_Input_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category.is-hover~.fd-shellbar__search-field-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category.is-hover~.fd-shellbar__search-field-input,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category:hover~.fd-shellbar__search-field-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category:hover~.fd-shellbar__search-field-input{--fdInputGroup_Addon_Background:var(--fdShellbar_Input_Background);--fdInputGroup_Input_Background:var(--fdShellbar_Input_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category.is-hover .fd-shellbar__search-category,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category:hover .fd-shellbar__search-category{box-shadow:var(--sapContent_Interaction_Shadow)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category.is-hover .fd-shellbar__search-dropdown,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category:hover .fd-shellbar__search-dropdown{background-color:var(--fdShellbar_Search_Category_Button_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category>*{margin-bottom:0;margin-right:var(--fdShellbar_Search_Category_Offset_Right);margin-top:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category>[dir=rtl],[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category>*{margin-left:var(--fdShellbar_Search_Category_Offset_Right);margin-right:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown{--fdInput_Group_Button_Background:transparent;--fdInput_Group_Button_Text_Color:var(--sapShell_InteractiveTextColor);background-color:var(--fdShellbar_Input_Background);outline:none;position:static}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown.is-focus,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown:focus{z-index:5}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown.is-focus:after,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown:focus:after{display:none}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category{--fdSelect_Background:transparent;--fdSelect_Hover_Background:transparent;--fdSelect_Focus_Background:transparent;--fdSelect_Background_Color:var(--fdShellbar_Input_Background);--fdSelect_Hover_Background_Color:var(--fdShellbar_Input_Background);border:var(--fdShellbar_Search_Category_Border);border-radius:0;border-width:var(--fdShellbar_Search_Category_Border_width);height:var(--fdShellbar_Input_Addon_Dimension);margin:0;margin-left:var(--fdShellbar_Search_Category_Offset_Left);min-height:var(--fdShellbar_Input_Addon_Dimension);position:relative}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category[dir=rtl],[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category{margin-left:0;margin-right:var(--fdShellbar_Search_Category_Offset_Left)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category:before{background:var(--sapShell_InteractiveBorderColor);bottom:0;content:\"\";display:var(--fdShellbar_Search_Separator_Display);position:absolute;right:0;top:0;width:.0625rem}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category[dir=rtl]:before,[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category:before{left:0;right:auto}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category.is-focus,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category:focus{--fdSelect_Text_Content_Color:var(--sapButton_Active_TextColor);--fdShellbar_Input_Background:var(--fdShellbar_Search_Category_Button_Hover_Background);--fdSelect_Focus_Background:var(--fdShellbar_Search_Container_Hover_Background);border-radius:var(--fdShellbar_Input_Border_Radius);outline-color:var(--sapButton_Lite_Active_BorderColor);outline-offset:-.0625rem;outline-width:.0625rem;z-index:5}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category.is-focus .fd-shellbar__search-dropdown,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category:focus .fd-shellbar__search-dropdown{--fdInput_Group_Button_Text_Color:var(--sapButton_Active_TextColor)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category.is-focus:before,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category:focus:before{display:none}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:hover{--sapField_Hover_BorderColor:var(--fdShellbar_Input_Hover_Border_Color);--fdInput_Box_Shadow_Hover:var(--sapContent_Interaction_Shadow);--fdInputGroup_Hover_Background_Color:var(--fdShellbar_Search_Container_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-hover .fd-shellbar__search-field-category .fd-shellbar__search-category,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:hover .fd-shellbar__search-field-category .fd-shellbar__search-category{--fdSelect_Background_Color:var(--fdShellbar_Search_Container_Hover_Background);--fdSelect_Hover_Background_Color:var(--fdShellbar_Search_Container_Hover_Background);border-radius:var(--fdShellbar_Input_Border_Radius)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-hover .fd-shellbar__search-field-category .fd-shellbar__search-category:before,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:hover .fd-shellbar__search-field-category .fd-shellbar__search-category:before{display:none}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-hover .fd-shellbar__search-field-category:not(:hover) .fd-shellbar__search-dropdown,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:hover .fd-shellbar__search-field-category:not(:hover) .fd-shellbar__search-dropdown{background-color:var(--fdShellbar_Search_Container_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus{-webkit-box-shadow:var(--fdShellbar_Active_Shadow);background-color:var(--fdShellbar_Active_Background);box-shadow:var(--fdShellbar_Active_Shadow);outline:none;z-index:5}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus:before,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus:before{content:\"\";inset:0;outline:var(--fdShellbar_Search_Active_Outline);outline-offset:-.125rem;pointer-events:none;position:absolute;z-index:20}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus .fd-shellbar__search-field-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus .fd-shellbar__search-field-addon{--fdInputGroup_Addon_Background:var(--fdShellbar_Search_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus .fd-shellbar__search-category,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus .fd-shellbar__search-category{background-color:var(--fdShellbar_Search_Hover_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus .fd-shellbar__search-category:before,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus .fd-shellbar__search-category:before{display:none}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus .fd-shellbar__search-field-category .fd-shellbar__search-dropdown,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus .fd-shellbar__search-field-category .fd-shellbar__search-dropdown{background-color:var(--fdShellbar_Search_Hover_Category_Button_Background)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button{--fdButtonColor:var(--sapShell_InteractiveTextColor);outline-color:var(--fdShellbar_Button_Outline_Color)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button:not(.fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu){padding:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover{--fdButtonBackgroundColor:var(--fdShellbar_Input_Hover_Background);border-color:var(--fdShellbar_Button_Hover_Border_Color)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover.is-disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover:disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover[aria-disabled=true],.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover.is-disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover:disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover[aria-disabled=true]{background:transparent}.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-active,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:active{background:var(--fdShellbar_Button_Active_Background);border-color:var(--fdShellbar_Button_Active_Border_Color);color:var(--fdShellbar_Button_Active_Color)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu .fd-shellbar__title{margin:0}.fd-shellbar--s,.fd-shellbar--sm{--fdSelect_Text_Content_Display:none;--fdSelect_Min_Width:1rem}.fd-shellbar--s .fd-shellbar__subtitle,.fd-shellbar--s .fd-shellbar__title,.fd-shellbar--sm .fd-shellbar__subtitle,.fd-shellbar--sm .fd-shellbar__title{display:none}.fd-shellbar--s .fd-shellbar__group--mobile-flex,.fd-shellbar--sm .fd-shellbar__group--mobile-flex{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center}.fd-shellbar--s .fd-shellbar__action--mobile,.fd-shellbar--sm .fd-shellbar__action--mobile{display:inline-block}.fd-shellbar--s .fd-shellbar__action--desktop,.fd-shellbar--sm .fd-shellbar__action--desktop{display:none}.fd-shellbar--s .fd-shellbar__action-combobox--mobile,.fd-shellbar--sm .fd-shellbar__action-combobox--mobile{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--sapShellColor);display:flex;height:100%;justify-content:center;left:0;margin:0;padding:0 .3rem;position:absolute;width:100%;z-index:7}.fd-shellbar--s .fd-shellbar__button--menu .sap-icon--megamenu,.fd-shellbar--sm .fd-shellbar__button--menu .sap-icon--megamenu{margin:0!important}.fd-shellbar--l,.fd-shellbar--lg,.fd-shellbar--m,.fd-shellbar--md{padding:0 2rem}.fd-shellbar--l .fd-shellbar__subtitle,.fd-shellbar--l .fd-shellbar__title,.fd-shellbar--lg .fd-shellbar__subtitle,.fd-shellbar--lg .fd-shellbar__title,.fd-shellbar--m .fd-shellbar__subtitle,.fd-shellbar--m .fd-shellbar__title,.fd-shellbar--md .fd-shellbar__subtitle,.fd-shellbar--md .fd-shellbar__title,.fd-shellbar--xl .fd-shellbar__subtitle,.fd-shellbar--xl .fd-shellbar__title{display:inline-block}.fd-shellbar--l .fd-shellbar__action--mobile,.fd-shellbar--lg .fd-shellbar__action--mobile,.fd-shellbar--m .fd-shellbar__action--mobile,.fd-shellbar--md .fd-shellbar__action--mobile,.fd-shellbar--xl .fd-shellbar__action--mobile{display:none}.fd-shellbar--l .fd-shellbar__action--desktop,.fd-shellbar--lg .fd-shellbar__action--desktop,.fd-shellbar--m .fd-shellbar__action--desktop,.fd-shellbar--md .fd-shellbar__action--desktop,.fd-shellbar--xl .fd-shellbar__action--desktop{display:inline-block}.fd-shellbar--xl{padding:0 3rem}.fd-shellbar--side-nav.fd-shellbar--l,.fd-shellbar--side-nav.fd-shellbar--lg,.fd-shellbar--side-nav.fd-shellbar--m,.fd-shellbar--side-nav.fd-shellbar--md,.fd-shellbar--side-nav.fd-shellbar--s,.fd-shellbar--side-nav.fd-shellbar--sm,.fd-shellbar--side-nav.fd-shellbar--xl{padding:0}.fd-shellbar--side-nav.fd-shellbar--l[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--lg[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--m[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--md[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--s[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--sm[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--xl[dir=rtl],[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--l,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--lg,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--m,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--md,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--s,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--sm,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--xl{padding-left:.5rem;padding-right:0}@media (max-width: 599px){.fd-shellbar--responsive-paddings{padding-left:1rem;padding-right:1rem}}@media (min-width: 600px) and (max-width: 1023px){.fd-shellbar--responsive-paddings{padding-left:2rem;padding-right:2rem}}@media (min-width: 1024px) and (max-width: 1439px){.fd-shellbar--responsive-paddings{padding-left:2rem;padding-right:2rem}}@media (min-width: 1440px){.fd-shellbar--responsive-paddings{padding-left:3rem;padding-right:3rem}}@media (max-width: 599px){.fd-shellbar--responsive-paddings{--fdSelect_Text_Content_Display:none;--fdSelect_Min_Width:1rem}.fd-shellbar--responsive-paddings .fd-shellbar__subtitle,.fd-shellbar--responsive-paddings .fd-shellbar__title{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__group--mobile-flex{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center}.fd-shellbar--responsive-paddings .fd-shellbar__action--mobile{display:inline-block}.fd-shellbar--responsive-paddings .fd-shellbar__action--desktop{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__action-combobox--mobile{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--sapShellColor);display:flex;height:100%;justify-content:center;left:0;margin:0;padding:0 .3rem;position:absolute;width:100%;z-index:7}.fd-shellbar--responsive-paddings .fd-shellbar__button--menu .sap-icon--megamenu{margin:0!important}}@media (min-width: 600px) and (max-width: 1023px){.fd-shellbar--responsive-paddings .fd-shellbar__subtitle,.fd-shellbar--responsive-paddings .fd-shellbar__title{display:inline-block}.fd-shellbar--responsive-paddings .fd-shellbar__action--mobile{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__action--desktop{display:inline-block}}@media (min-width: 1024px) and (max-width: 1439px){.fd-shellbar--responsive-paddings .fd-shellbar__subtitle,.fd-shellbar--responsive-paddings .fd-shellbar__title{display:inline-block}.fd-shellbar--responsive-paddings .fd-shellbar__action--mobile{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__action--desktop{display:inline-block}}@media (min-width: 1440px){.fd-shellbar--responsive-paddings .fd-shellbar__subtitle,.fd-shellbar--responsive-paddings .fd-shellbar__title{display:inline-block}.fd-shellbar--responsive-paddings .fd-shellbar__action--mobile{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__action--desktop{display:inline-block}}.fd-shellbar--cx-side-nav{box-shadow:var(--sapContent_Shadow0);padding-left:.5rem;z-index:1}[dir=rtl] .fd-shellbar--cx-side-nav,.fd-shellbar--cx-side-nav[dir=rtl]{padding-left:2rem;padding-right:.5rem}fd-shellbar-actions .fd-shellbar__search-field{min-width:15rem}.fd-shellbar__action.fd-shellbar__action--desktop:empty{display:none}.fd-shellbar__group--shrink{flex-grow:0}.fd-shellbar__group--basis-auto{flex-basis:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "pipe", type: i3.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ShellbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ShellbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-shellbar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         DestroyedService,

package/esm2020/shellbar/shellbar.module.mjs

@@ -26,8 +26,8 @@ import { PortalModule } from '@angular/cdk/portal';
 import * as i0 from "@angular/core";
 export class ShellbarModule {
 }
-ShellbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ShellbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ShellbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: ShellbarModule, declarations: [ShellbarComponent,
+ShellbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ShellbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ShellbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: ShellbarModule, declarations: [ShellbarComponent,
         ProductMenuComponent,
         ShellbarSubtitleComponent,
         ShellbarActionsComponent,
@@ -62,7 +62,7 @@ ShellbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
         ShellbarSidenavDirective,
         DeprecatedShellbarCompactDirective,
         ContentDensityModule] });
-ShellbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ShellbarModule, imports: [CommonModule,
+ShellbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ShellbarModule, imports: [CommonModule,
         PopoverModule,
         MenuModule,
         ActionSheetModule,
@@ -76,7 +76,7 @@ ShellbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version:
         ContentDensityModule,
         PortalModule,
         I18nModule, ContentDensityModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ShellbarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ShellbarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

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

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

package/esm2020/side-navigation/side-navigation-main.directive.mjs

@@ -7,9 +7,9 @@ export class SideNavigationMainDirective {
         this.classSideNavMainNavigation = true;
     }
 }
-SideNavigationMainDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SideNavigationMainDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-SideNavigationMainDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: SideNavigationMainDirective, selector: "[fdSideNavigationMain], [fd-side-nav-main]", host: { properties: { "class.fd-side-nav__main-navigation": "this.classSideNavMainNavigation" } }, queries: [{ propertyName: "list", first: true, predicate: NestedListDirective, descendants: true }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SideNavigationMainDirective, decorators: [{
+SideNavigationMainDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SideNavigationMainDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+SideNavigationMainDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: SideNavigationMainDirective, selector: "[fdSideNavigationMain], [fd-side-nav-main]", host: { properties: { "class.fd-side-nav__main-navigation": "this.classSideNavMainNavigation" } }, queries: [{ propertyName: "list", first: true, predicate: NestedListDirective, descendants: true }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SideNavigationMainDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdSideNavigationMain], [fd-side-nav-main]'

package/esm2020/side-navigation/side-navigation-utility.directive.mjs

@@ -7,9 +7,9 @@ export class SideNavigationUtilityDirective {
         this.classSideNavUtility = true;
     }
 }
-SideNavigationUtilityDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SideNavigationUtilityDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-SideNavigationUtilityDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: SideNavigationUtilityDirective, selector: "[fdSideNavigationUtility], [fd-side-nav-utility]", host: { properties: { "class.fd-side-nav__utility": "this.classSideNavUtility" } }, queries: [{ propertyName: "list", first: true, predicate: NestedListDirective, descendants: true }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SideNavigationUtilityDirective, decorators: [{
+SideNavigationUtilityDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SideNavigationUtilityDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+SideNavigationUtilityDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: SideNavigationUtilityDirective, selector: "[fdSideNavigationUtility], [fd-side-nav-utility]", host: { properties: { "class.fd-side-nav__utility": "this.classSideNavUtility" } }, queries: [{ propertyName: "list", first: true, predicate: NestedListDirective, descendants: true }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SideNavigationUtilityDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdSideNavigationUtility], [fd-side-nav-utility]'