@fundamental-ngx/core 0.45.1 → 0.46.0-rc.0

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

@@ -1,31 +1,73 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, ViewChild, InjectionToken, ViewEncapsulation, inject, ChangeDetectorRef, ContentChildren, ContentChild, HostBinding, DestroyRef, ElementRef, Directive, NgModule } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i2$1 from '@fundamental-ngx/core/action-sheet';
-import { ActionSheetModule } from '@fundamental-ngx/core/action-sheet';
-import * as i2$3 from '@angular/cdk/portal';
-import { CdkPortalOutlet, DomPortal, PortalModule } from '@angular/cdk/portal';
-import { resizeObservable, DragAndDropModule } from '@fundamental-ngx/cdk/utils';
-import * as i3 from '@fundamental-ngx/core/button';
-import { FD_BUTTON_COMPONENT, ButtonModule } from '@fundamental-ngx/core/button';
+import { InjectionToken, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, EventEmitter, Output, ViewChild, inject, ChangeDetectorRef, ContentChildren, ContentChild, HostBinding, DestroyRef, ElementRef, Directive, NgModule } from '@angular/core';
+import * as i1$2 from '@angular/cdk/portal';
+import { CdkPortalOutlet, PortalModule, DomPortal } from '@angular/cdk/portal';
+import { resizeObservable } from '@fundamental-ngx/cdk/utils';
+import * as i1 from '@fundamental-ngx/core/button';
+import { ButtonModule, FD_BUTTON_COMPONENT } from '@fundamental-ngx/core/button';
 import { FD_COMBOBOX_COMPONENT } from '@fundamental-ngx/core/combobox';
-import * as i2$2 from '@fundamental-ngx/core/content-density';
-import { contentDensityObserverProviders, ContentDensityMode, ContentDensityModule } from '@fundamental-ngx/core/content-density';
+import * as i2 from '@fundamental-ngx/core/content-density';
+import { ContentDensityDirective, contentDensityObserverProviders, ContentDensityMode, ContentDensityModule } from '@fundamental-ngx/core/content-density';
 import equal from 'fast-deep-equal';
 import { BehaviorSubject, debounceTime, distinctUntilChanged } from 'rxjs';
-import { FD_PRODUCT_SWITCH_COMPONENT, ProductSwitchModule } from '@fundamental-ngx/core/product-switch';
-import * as i2 from '@fundamental-ngx/core/menu';
+import { FD_PRODUCT_SWITCH_COMPONENT } from '@fundamental-ngx/core/product-switch';
+import { NgIf, NgFor } from '@angular/common';
+import * as i2$1 from '@fundamental-ngx/core/menu';
 import { MenuComponent, MenuModule } from '@fundamental-ngx/core/menu';
-import * as i4 from '@fundamental-ngx/core/avatar';
+import * as i3 from '@fundamental-ngx/core/avatar';
 import { AvatarModule } from '@fundamental-ngx/core/avatar';
-import * as i4$1 from '@fundamental-ngx/i18n';
-import { I18nModule } from '@fundamental-ngx/i18n';
+import { FdTranslatePipe } from '@fundamental-ngx/i18n';
+import * as i1$1 from '@fundamental-ngx/core/action-sheet';
+import { ActionSheetModule } from '@fundamental-ngx/core/action-sheet';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import * as i5 from '@fundamental-ngx/core/icon';
+import * as i4 from '@fundamental-ngx/core/icon';
 import { IconModule } from '@fundamental-ngx/core/icon';
-import { PopoverModule } from '@fundamental-ngx/core/popover';
-import { DragDropModule } from '@angular/cdk/drag-drop';
+
+const FD_SHELLBAR_SEARCH_CONFIG = new InjectionToken('FdShellbarSearchConfig');
+const FD_SHELLBAR_SEARCH_COMPONENT = new InjectionToken('FdShellbarSearchComponent');
+const FD_SHELLBAR_ACTION_COMPONENT = new InjectionToken('FdShellbarActionComponent');
+const FD_SHELLBAR_COMPONENT = new InjectionToken('FdShellbarComponent');
+
+/**
+ * The component that represents a shellbar action.
+ * ```html
+ *  <fd-shellbar-action *ngFor="let action of actions"
+ *                      [glyph]="action.glyph"
+ *                      [callback]="action.callback"
+ *                      [label]="action.label"
+ *                      [notificationCount]="action.notificationCount"
+ *                      [notificationLabel]="action.notificationLabel">
+ *  </fd-shellbar-action>
+ * ```
+ */
+class ShellbarActionComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ShellbarActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ShellbarActionComponent, isStandalone: true, 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: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { 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: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ShellbarActionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fd-shellbar-action', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: FD_SHELLBAR_ACTION_COMPONENT,
+                            useExisting: ShellbarActionComponent
+                        }
+                    ], standalone: true, imports: [ButtonModule, ContentDensityDirective, NgIf], 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" }]
+        }], propDecorators: { glyph: [{
+                type: Input
+            }], callback: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], notificationLabel: [{
+                type: Input
+            }], notificationCount: [{
+                type: Input
+            }] } });
 
 /**
  * This Component extends popover component and passes all the options and events from outside to popover component
@@ -60,11 +102,11 @@ class ShellbarUserMenuComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ShellbarUserMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", 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", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.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: "<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: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "ngmodule", type: MenuModule }, { kind: "component", type: i2$1.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "tabbableScrollbar", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i2$1.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "directive", type: i2$1.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i2$1.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "directive", type: i2$1.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "ngmodule", type: AvatarModule }, { kind: "component", type: i3.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", 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" }]
+            args: [{ selector: 'fd-shellbar-user-menu', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, ButtonModule, MenuModule, AvatarModule, NgFor], 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: [{
                 type: Input
             }], userMenu: [{
@@ -90,11 +132,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
                 args: [MenuComponent]
             }] } });
 
-const FD_SHELLBAR_SEARCH_CONFIG = new InjectionToken('FdShellbarSearchConfig');
-const FD_SHELLBAR_SEARCH_COMPONENT = new InjectionToken('FdShellbarSearchComponent');
-const FD_SHELLBAR_ACTION_COMPONENT = new InjectionToken('FdShellbarActionComponent');
-const FD_SHELLBAR_COMPONENT = new InjectionToken('FdShellbarComponent');
-
 class ShellbarActionsMobileComponent {
     constructor() {
         /**
@@ -120,11 +157,11 @@ class ShellbarActionsMobileComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ShellbarActionsMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ShellbarActionsMobileComponent, 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                <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$1.ActionSheetComponent, selector: "fd-action-sheet", inputs: ["mobile", "placement", "noArrow", "isOpen", "keyboardSupport", "triggers"], outputs: ["focusEscapeList", "isOpenChange"] }, { kind: "component", type: i2$1.ActionSheetControlComponent, selector: "fd-action-sheet-control", outputs: ["clicked"] }, { kind: "component", type: i2$1.ActionSheetItemComponent, selector: "[fd-action-sheet-item]", inputs: ["label", "glyph", "negative", "isCloseButton", "disabled"], outputs: ["keyDown"] }, { kind: "component", type: i2$1.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$1.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.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                <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: "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", "negative", "isCloseButton", "disabled"], outputs: ["keyDown"] }, { kind: "component", type: i1$1.ActionSheetBodyComponent, selector: "fd-action-sheet-body", inputs: ["actionSheetBodyId", "mobile", "ariaLabel", "ariaLabelledby"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", 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]=\"'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" }]
+            args: [{ selector: 'fd-shellbar-actions-mobile', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ActionSheetModule, ButtonModule, NgIf, NgFor, 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                <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: [{
                 type: Input
             }], searchExists: [{
@@ -133,47 +170,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
                 type: Output
             }] } });
 
-/**
- * The component that represents a shellbar action.
- * ```html
- *  <fd-shellbar-action *ngFor="let action of actions"
- *                      [glyph]="action.glyph"
- *                      [callback]="action.callback"
- *                      [label]="action.label"
- *                      [notificationCount]="action.notificationCount"
- *                      [notificationLabel]="action.notificationLabel">
- *  </fd-shellbar-action>
- * ```
- */
-class ShellbarActionComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ShellbarActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", 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$2.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: "16.1.0", ngImport: i0, type: ShellbarActionComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'fd-shellbar-action', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
-                        {
-                            provide: FD_SHELLBAR_ACTION_COMPONENT,
-                            useExisting: ShellbarActionComponent
-                        }
-                    ], 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" }]
-        }], propDecorators: { glyph: [{
-                type: Input
-            }], callback: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], notificationLabel: [{
-                type: Input
-            }], notificationCount: [{
-                type: Input
-            }] } });
-
 /**
  * The component that represents shellbar actions.
  * It is a container wrapper for all product actions and links (required element).
@@ -288,14 +284,14 @@ class ShellbarActionsComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ShellbarActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ShellbarActionsComponent, 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: "<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        [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$3.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", "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: "14.0.0", version: "16.1.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: "<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        [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: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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", "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: "16.1.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'
-                    }, 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        [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" }]
+                    }, standalone: true, imports: [NgIf, PortalModule, ShellbarActionsMobileComponent, ShellbarActionComponent, ShellbarUserMenuComponent], 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        [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" }]
         }], propDecorators: { user: [{
                 type: Input
             }], userMenu: [{
@@ -414,7 +410,8 @@ class ShellbarComponent {
             addonClass: 'fd-shellbar__search-field-addon',
             categoryButtonClass: 'fd-shellbar__search-category',
             categoryDropdownButtonClass: 'fd-shellbar__search-dropdown',
-            removeGroupButtonClass: true
+            removeGroupButtonClass: true,
+            helperClass: 'fd-shellbar__search-field-helper'
         };
         this._searchSubmitSubscription?.unsubscribe();
         this._searchSubmitSubscription = component.searchSubmit
@@ -559,7 +556,7 @@ class ShellbarComponent {
         this._actions._attachSearch(this._searchPortal, this._searchComponent, this._currentSize);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ShellbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ShellbarComponent, selector: "fd-shellbar", inputs: { size: "size", breakpoints: "breakpoints", sideNav: "sideNav", groupFlex: "groupFlex" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ShellbarComponent, isStandalone: true, selector: "fd-shellbar", inputs: { size: "size", breakpoints: "breakpoints", sideNav: "sideNav", groupFlex: "groupFlex" }, providers: [
             contentDensityObserverProviders({
                 supportedContentDensity: [ContentDensityMode.COZY],
                 restrictChildContentDensity: true
@@ -568,7 +565,7 @@ class ShellbarComponent {
                 provide: FD_SHELLBAR_COMPONENT,
                 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$3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "pipe", type: i4$1.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], 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.30.2-rc.6\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--shrink{flex-grow:0}.fd-shellbar__group--basis-auto{flex-basis:auto}.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:none;--fdInputGroup_Background_Color:var(--fdShellbar_Input_Background);--fdInputGroup_Hover_Background:none;--fdInput_Group_Button_Box_Shadow:none;--fdInput_Box_Shadow_Hover:none;-webkit-box-shadow:none;border:var(--fdShellbar_Search_Border);border-radius:var(--fdShellbar_Input_Border_Radius);box-shadow:none;cursor:text;position:relative}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-helper{display:var(--fdShellbar_Helper_Display)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-helper:after,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-helper:before{-webkit-box-shadow:var(--sapField_Shadow);border-radius:var(--fdShellbar_Input_Border_Radius);box-shadow:var(--sapField_Shadow);content:\"\";inset:0;pointer-events:none;position:absolute;z-index:20}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-helper:after{-webkit-box-shadow:var(--fdShellbar_Helper_Bottom_Shadow);border-radius:0;box-shadow:var(--fdShellbar_Helper_Bottom_Shadow)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input{padding-left:var(--fdShellbar_Search_Input_X_Padding);padding-right:var(--fdShellbar_Search_Input_X_Padding);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-hover~.fd-shellbar__search-field-helper:after,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:hover~.fd-shellbar__search-field-helper:after{box-shadow:inset 0 -.0625rem 0 var(--sapField_Hover_BorderColor)}.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{--fdButton_Outline_Offset:0;--fdButton_Focus_Border_Radius:var(--fdShellbar_Input_Border_Radius);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:after{box-shadow:none}.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{--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-helper:before,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:hover .fd-shellbar__search-field-helper:before{box-shadow:var(--sapField_Hover_Shadow)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-hover .fd-shellbar__search-field-helper:after,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:hover .fd-shellbar__search-field-helper:after{box-shadow:var(--fdShellbar_Hover_Helper_Bottom_Shadow)}.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)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-hover .fd-shellbar__search-field-category .fd-shellbar__search-category.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-hover .fd-shellbar__search-field-category .fd-shellbar__search-category:hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:hover .fd-shellbar__search-field-category .fd-shellbar__search-category.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:hover .fd-shellbar__search-field-category .fd-shellbar__search-category:hover{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.is-hover:before,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-hover .fd-shellbar__search-field-category .fd-shellbar__search-category:hover:before,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:hover .fd-shellbar__search-field-category .fd-shellbar__search-category.is-hover:before,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:hover .fd-shellbar__search-field-category .fd-shellbar__search-category:hover: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 .fd-shellbar__search-field-helper:before,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus .fd-shellbar__search-field-helper:before{outline:var(--fdShellbar_Search_Active_Outline);outline-offset:-.125rem}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus .fd-shellbar__search-field-helper:after,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus .fd-shellbar__search-field-helper:before,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus .fd-shellbar__search-field-helper:after,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus .fd-shellbar__search-field-helper:before{box-shadow:none}.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-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{--fdButtonBackgroundColor:var(--sapButton_Lite_Background);--fdButtonBorderColor:var(--sapButton_Lite_BorderColor);--fdButtonColor:var(--fdShellbar_Button_Color);outline-color:var(--fdShellbar_Button_Outline_Color)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button .fd-shellbar__title{color:inherit}.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{--fdButtonBorderColor:var(--fdShellbar_Button_Hover_Border_Color);--fdButtonBackgroundColor:var(--fdShellbar_Input_Hover_Background)}.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]{--fdButtonBackgroundColor:$fd-shellbar-background}.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-active,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:active{--fdButtonBorderColor:var(--fdShellbar_Button_Active_Border_Color);--fdButtonBackgroundColor:var(--fdShellbar_Button_Active_Background);--fdButtonColor:var(--fdShellbar_Button_Active_Color)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-active:after,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:active:after{display:none}.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 [class*=sap-icon],.fd-shellbar--s .fd-shellbar__button--menu[class*=sap-icon],.fd-shellbar--sm .fd-shellbar__button--menu [class*=sap-icon],.fd-shellbar--sm .fd-shellbar__button--menu[class*=sap-icon]{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 [class*=sap-icon],.fd-shellbar--responsive-paddings .fd-shellbar__button--menu[class*=sap-icon]{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}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1$2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ShellbarComponent, decorators: [{
             type: Component,
@@ -581,7 +578,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
                             provide: FD_SHELLBAR_COMPONENT,
                             useExisting: ShellbarComponent
                         }
-                    ], 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"] }]
+                    ], standalone: true, imports: [NgIf, PortalModule, FdTranslatePipe], 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.30.2-rc.6\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--shrink{flex-grow:0}.fd-shellbar__group--basis-auto{flex-basis:auto}.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:none;--fdInputGroup_Background_Color:var(--fdShellbar_Input_Background);--fdInputGroup_Hover_Background:none;--fdInput_Group_Button_Box_Shadow:none;--fdInput_Box_Shadow_Hover:none;-webkit-box-shadow:none;border:var(--fdShellbar_Search_Border);border-radius:var(--fdShellbar_Input_Border_Radius);box-shadow:none;cursor:text;position:relative}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-helper{display:var(--fdShellbar_Helper_Display)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-helper:after,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-helper:before{-webkit-box-shadow:var(--sapField_Shadow);border-radius:var(--fdShellbar_Input_Border_Radius);box-shadow:var(--sapField_Shadow);content:\"\";inset:0;pointer-events:none;position:absolute;z-index:20}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-helper:after{-webkit-box-shadow:var(--fdShellbar_Helper_Bottom_Shadow);border-radius:0;box-shadow:var(--fdShellbar_Helper_Bottom_Shadow)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input{padding-left:var(--fdShellbar_Search_Input_X_Padding);padding-right:var(--fdShellbar_Search_Input_X_Padding);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-hover~.fd-shellbar__search-field-helper:after,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field-input:hover~.fd-shellbar__search-field-helper:after{box-shadow:inset 0 -.0625rem 0 var(--sapField_Hover_BorderColor)}.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{--fdButton_Outline_Offset:0;--fdButton_Focus_Border_Radius:var(--fdShellbar_Input_Border_Radius);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:after{box-shadow:none}.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{--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-helper:before,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:hover .fd-shellbar__search-field-helper:before{box-shadow:var(--sapField_Hover_Shadow)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-hover .fd-shellbar__search-field-helper:after,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:hover .fd-shellbar__search-field-helper:after{box-shadow:var(--fdShellbar_Hover_Helper_Bottom_Shadow)}.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)}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-hover .fd-shellbar__search-field-category .fd-shellbar__search-category.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-hover .fd-shellbar__search-field-category .fd-shellbar__search-category:hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:hover .fd-shellbar__search-field-category .fd-shellbar__search-category.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:hover .fd-shellbar__search-field-category .fd-shellbar__search-category:hover{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.is-hover:before,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-hover .fd-shellbar__search-field-category .fd-shellbar__search-category:hover:before,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:hover .fd-shellbar__search-field-category .fd-shellbar__search-category.is-hover:before,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:hover .fd-shellbar__search-field-category .fd-shellbar__search-category:hover: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 .fd-shellbar__search-field-helper:before,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus .fd-shellbar__search-field-helper:before{outline:var(--fdShellbar_Search_Active_Outline);outline-offset:-.125rem}.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus .fd-shellbar__search-field-helper:after,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field.is-focus .fd-shellbar__search-field-helper:before,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus .fd-shellbar__search-field-helper:after,.fd-shellbar .fd-shellbar__group .fd-shellbar__search-field:focus .fd-shellbar__search-field-helper:before{box-shadow:none}.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-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{--fdButtonBackgroundColor:var(--sapButton_Lite_Background);--fdButtonBorderColor:var(--sapButton_Lite_BorderColor);--fdButtonColor:var(--fdShellbar_Button_Color);outline-color:var(--fdShellbar_Button_Outline_Color)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button .fd-shellbar__title{color:inherit}.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{--fdButtonBorderColor:var(--fdShellbar_Button_Hover_Border_Color);--fdButtonBackgroundColor:var(--fdShellbar_Input_Hover_Background)}.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]{--fdButtonBackgroundColor:$fd-shellbar-background}.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-active,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:active{--fdButtonBorderColor:var(--fdShellbar_Button_Active_Border_Color);--fdButtonBackgroundColor:var(--fdShellbar_Button_Active_Background);--fdButtonColor:var(--fdShellbar_Button_Active_Color)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-active:after,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:active:after{display:none}.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 [class*=sap-icon],.fd-shellbar--s .fd-shellbar__button--menu[class*=sap-icon],.fd-shellbar--sm .fd-shellbar__button--menu [class*=sap-icon],.fd-shellbar--sm .fd-shellbar__button--menu[class*=sap-icon]{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 [class*=sap-icon],.fd-shellbar--responsive-paddings .fd-shellbar__button--menu[class*=sap-icon]{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}\n"] }]
         }], propDecorators: { size: [{
                 type: Input
             }], breakpoints: [{
@@ -646,11 +643,11 @@ class ProductMenuComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ProductMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", 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: i2$2.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"] }, { kind: "component", type: i5.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ProductMenuComponent, isStandalone: true, 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=\"slim-arrow-down\"\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: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { 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: "ngmodule", type: MenuModule }, { kind: "component", type: i2$1.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "tabbableScrollbar", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i2$1.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "directive", type: i2$1.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i2$1.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "directive", type: i2$1.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i4.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", 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" }]
+            args: [{ selector: 'fd-product-menu', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, ButtonModule, ContentDensityDirective, MenuModule, NgFor, IconModule], 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=\"slim-arrow-down\"\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: [{
                 type: Input
             }], closeOnOutsideClick: [{
@@ -685,11 +682,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
  */
 class ShellbarSubtitleComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ShellbarSubtitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ShellbarSubtitleComponent, isStandalone: true, 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: "16.1.0", 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"] }]
+            args: [{ selector: 'fd-shellbar-subtitle', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div class=\"fd-shellbar__subtitle\">\n    <ng-content></ng-content>\n</div>\n", styles: ["fd-shellbar-subtitle{display:flex}\n"] }]
         }] });
 
 /**
@@ -703,11 +700,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
  */
 class ShellbarLogoComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ShellbarLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ShellbarLogoComponent, selector: "fd-shellbar-logo", ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ShellbarLogoComponent, isStandalone: true, 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: "16.1.0", ngImport: i0, type: ShellbarLogoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fd-shellbar-logo', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
+            args: [{ selector: 'fd-shellbar-logo', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n" }]
         }] });
 
 /**
@@ -721,16 +718,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
  */
 class ShellbarTitleComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ShellbarTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ShellbarTitleComponent, isStandalone: true, 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: "16.1.0", 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" }]
+            args: [{ selector: 'fd-shellbar-title', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<span class=\"fd-shellbar__title\">\n    <ng-content></ng-content>\n</span>\n" }]
         }] });
 
 class ShellbarSidenavDirective {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ShellbarSidenavDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.0", type: ShellbarSidenavDirective, selector: "[fdShellbarSidenav], [fd-shellbar-side-nav]", host: { classAttribute: "fd-shellbar__button" }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.0", type: ShellbarSidenavDirective, isStandalone: true, selector: "[fdShellbarSidenav], [fd-shellbar-side-nav]", host: { classAttribute: "fd-shellbar__button" }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ShellbarSidenavDirective, decorators: [{
             type: Directive,
@@ -738,13 +735,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
                     selector: '[fdShellbarSidenav], [fd-shellbar-side-nav]',
                     host: {
                         class: 'fd-shellbar__button'
-                    }
+                    },
+                    standalone: true
                 }]
         }] });
 
 class ShellbarModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ShellbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.0", ngImport: i0, type: ShellbarModule, declarations: [ShellbarComponent,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.0", ngImport: i0, type: ShellbarModule, imports: [ShellbarComponent,
             ProductMenuComponent,
             ShellbarSubtitleComponent,
             ShellbarActionsComponent,
@@ -753,20 +751,7 @@ class ShellbarModule {
             ShellbarLogoComponent,
             ShellbarTitleComponent,
             ShellbarUserMenuComponent,
-            ShellbarSidenavDirective], imports: [CommonModule,
-            PopoverModule,
-            MenuModule,
-            ActionSheetModule,
-            ButtonModule,
-            DragAndDropModule,
-            DragDropModule,
-            ProductSwitchModule,
-            IconModule,
-            I18nModule,
-            AvatarModule,
-            ContentDensityModule,
-            PortalModule,
-            I18nModule], exports: [ShellbarComponent,
+            ShellbarSidenavDirective], exports: [ShellbarComponent,
             ProductMenuComponent,
             ShellbarSubtitleComponent,
             ShellbarActionsComponent,
@@ -777,25 +762,17 @@ class ShellbarModule {
             ShellbarUserMenuComponent,
             ShellbarSidenavDirective,
             ContentDensityModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ShellbarModule, imports: [CommonModule,
-            PopoverModule,
-            MenuModule,
-            ActionSheetModule,
-            ButtonModule,
-            DragAndDropModule,
-            DragDropModule,
-            ProductSwitchModule,
-            IconModule,
-            I18nModule,
-            AvatarModule,
-            ContentDensityModule,
-            PortalModule,
-            I18nModule, ContentDensityModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ShellbarModule, imports: [ShellbarComponent,
+            ProductMenuComponent,
+            ShellbarActionsComponent,
+            ShellbarActionsMobileComponent,
+            ShellbarActionComponent,
+            ShellbarUserMenuComponent, ContentDensityModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ShellbarModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [
+                    imports: [
                         ShellbarComponent,
                         ProductMenuComponent,
                         ShellbarSubtitleComponent,
@@ -807,22 +784,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
                         ShellbarUserMenuComponent,
                         ShellbarSidenavDirective
                     ],
-                    imports: [
-                        CommonModule,
-                        PopoverModule,
-                        MenuModule,
-                        ActionSheetModule,
-                        ButtonModule,
-                        DragAndDropModule,
-                        DragDropModule,
-                        ProductSwitchModule,
-                        IconModule,
-                        I18nModule,
-                        AvatarModule,
-                        ContentDensityModule,
-                        PortalModule,
-                        I18nModule
-                    ],
                     exports: [
                         ShellbarComponent,
                         ProductMenuComponent,