@fundamental-ngx/btp 0.63.2-rc.6 → 0.63.2

package/fesm2022/fundamental-ngx-btp-tool-header.mjs

@@ -18,10 +18,10 @@ import { toSignal, toObservable, takeUntilDestroyed } from '@angular/core/rxjs-i
 import { map, startWith, distinctUntilChanged } from 'rxjs';
 
 class ToolHeaderActionClass {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToolHeaderActionClass, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "22.0.5", type: ToolHeaderActionClass, isStandalone: true, inputs: { forceVisibility: ["forceVisibility", "forceVisibility", booleanAttribute] }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolHeaderActionClass, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.1.0", type: ToolHeaderActionClass, isStandalone: true, inputs: { forceVisibility: ["forceVisibility", "forceVisibility", booleanAttribute] }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToolHeaderActionClass, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolHeaderActionClass, decorators: [{
             type: Directive
         }], propDecorators: { forceVisibility: [{
                 type: Input,
@@ -34,8 +34,8 @@ class ToolHeaderActionSeparatorComponent extends ToolHeaderActionClass {
         /** @hidden */
         this.isSeparator = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToolHeaderActionSeparatorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: ToolHeaderActionSeparatorComponent, isStandalone: true, selector: "fdb-tool-header-action-separator", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolHeaderActionSeparatorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: ToolHeaderActionSeparatorComponent, isStandalone: true, selector: "fdb-tool-header-action-separator", providers: [
             {
                 provide: ToolHeaderActionClass,
                 useExisting: ToolHeaderActionSeparatorComponent
@@ -46,7 +46,7 @@ class ToolHeaderActionSeparatorComponent extends ToolHeaderActionClass {
         </ng-template>
     `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToolHeaderActionSeparatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolHeaderActionSeparatorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fdb-tool-header-action-separator',
@@ -71,40 +71,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 class ToolHeaderProductSwitchComponent {
     constructor() {
         /** Placement of a popover. */
-        this.placement = input('bottom-end', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "placement" }] : /* istanbul ignore next */ []));
+        this.placement = input('bottom-end', ...(ngDevMode ? [{ debugName: "placement" }] : []));
         /** Whether the product switch is disabled. */
-        this.disabled = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
         /** Whether the popover should close when the escape key is pressed. */
-        this.closeOnEscapeKey = input(true, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "closeOnEscapeKey" }] : /* istanbul ignore next */ []));
+        this.closeOnEscapeKey = input(true, ...(ngDevMode ? [{ debugName: "closeOnEscapeKey" }] : []));
         /** Whether the popover should close when a click is made outside its boundaries. */
-        this.closeOnOutsideClick = input(true, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "closeOnOutsideClick" }] : /* istanbul ignore next */ []));
+        this.closeOnOutsideClick = input(true, ...(ngDevMode ? [{ debugName: "closeOnOutsideClick" }] : []));
         /** Whether the popover should have an arrow. */
-        this.noArrow = input(true, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "noArrow" }] : /* istanbul ignore next */ []));
+        this.noArrow = input(true, ...(ngDevMode ? [{ debugName: "noArrow" }] : []));
         /** Whether to wrap content with fd-scrollbar directive. */
-        this.disableScrollbar = input(true, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "disableScrollbar" }] : /* istanbul ignore next */ []));
+        this.disableScrollbar = input(true, ...(ngDevMode ? [{ debugName: "disableScrollbar" }] : []));
         /** The trigger events that will open/close the popover. */
-        this.triggers = input(['click'], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "triggers" }] : /* istanbul ignore next */ []));
+        this.triggers = input(['click'], ...(ngDevMode ? [{ debugName: "triggers" }] : []));
         /** Whether the popover should be focusTrapped. */
-        this.focusTrapped = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "focusTrapped" }] : /* istanbul ignore next */ []));
+        this.focusTrapped = input(false, ...(ngDevMode ? [{ debugName: "focusTrapped" }] : []));
         /** Whether the popover should automatically move focus into the trapped region. */
-        this.focusAutoCapture = input(true, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "focusAutoCapture" }] : /* istanbul ignore next */ []));
+        this.focusAutoCapture = input(true, ...(ngDevMode ? [{ debugName: "focusAutoCapture" }] : []));
         /** Two-way binding for isOpen state */
-        this.isOpen = model(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+        this.isOpen = model(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
         /** Event emitted right before the popover is being opened. */
         this.beforeOpen = output();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToolHeaderProductSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: ToolHeaderProductSwitchComponent, isStandalone: true, selector: "fdb-tool-header-product-switch", inputs: { placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscapeKey: { classPropertyName: "closeOnEscapeKey", publicName: "closeOnEscapeKey", isSignal: true, isRequired: false, transformFunction: null }, closeOnOutsideClick: { classPropertyName: "closeOnOutsideClick", publicName: "closeOnOutsideClick", isSignal: true, isRequired: false, transformFunction: null }, noArrow: { classPropertyName: "noArrow", publicName: "noArrow", isSignal: true, isRequired: false, transformFunction: null }, disableScrollbar: { classPropertyName: "disableScrollbar", publicName: "disableScrollbar", isSignal: true, isRequired: false, transformFunction: null }, triggers: { classPropertyName: "triggers", publicName: "triggers", isSignal: true, isRequired: false, transformFunction: null }, focusTrapped: { classPropertyName: "focusTrapped", publicName: "focusTrapped", isSignal: true, isRequired: false, transformFunction: null }, focusAutoCapture: { classPropertyName: "focusAutoCapture", publicName: "focusAutoCapture", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isOpen: "isOpenChange", beforeOpen: "beforeOpen" }, host: { properties: { "class.fd-popover-custom--disabled": "disabled()" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolHeaderProductSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: ToolHeaderProductSwitchComponent, isStandalone: true, selector: "fdb-tool-header-product-switch", inputs: { placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscapeKey: { classPropertyName: "closeOnEscapeKey", publicName: "closeOnEscapeKey", isSignal: true, isRequired: false, transformFunction: null }, closeOnOutsideClick: { classPropertyName: "closeOnOutsideClick", publicName: "closeOnOutsideClick", isSignal: true, isRequired: false, transformFunction: null }, noArrow: { classPropertyName: "noArrow", publicName: "noArrow", isSignal: true, isRequired: false, transformFunction: null }, disableScrollbar: { classPropertyName: "disableScrollbar", publicName: "disableScrollbar", isSignal: true, isRequired: false, transformFunction: null }, triggers: { classPropertyName: "triggers", publicName: "triggers", isSignal: true, isRequired: false, transformFunction: null }, focusTrapped: { classPropertyName: "focusTrapped", publicName: "focusTrapped", isSignal: true, isRequired: false, transformFunction: null }, focusAutoCapture: { classPropertyName: "focusAutoCapture", publicName: "focusAutoCapture", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isOpen: "isOpenChange", beforeOpen: "beforeOpen" }, host: { properties: { "class.fd-popover-custom--disabled": "disabled()" } }, providers: [
             {
                 provide: FD_PRODUCT_SWITCH_COMPONENT,
                 useExisting: ToolHeaderProductSwitchComponent
@@ -134,7 +124,7 @@ class ToolHeaderProductSwitchComponent {
         </fd-product-switch>
     `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["id"], exportAs: ["fd-button"] }, { kind: "component", type: ProductSwitchComponent, selector: "fd-product-switch", inputs: ["placement", "disabled", "closeOnEscapeKey", "closeOnOutsideClick", "noArrow", "disableScrollbar", "triggers", "focusTrapped", "focusAutoCapture", "isOpen"], outputs: ["isOpenChange", "beforeOpen"] }, { kind: "directive", type: ProductSwitchButtonDirective, selector: "[fdProductSwitchButton]" }, { kind: "directive", type: ToolHeaderButtonDirective, selector: "[fd-button][fdbToolHeaderButton]", inputs: ["fdType"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToolHeaderProductSwitchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolHeaderProductSwitchComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fdb-tool-header-product-switch',
@@ -183,10 +173,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         }], propDecorators: { placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], closeOnEscapeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnEscapeKey", required: false }] }], closeOnOutsideClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnOutsideClick", required: false }] }], noArrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "noArrow", required: false }] }], disableScrollbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableScrollbar", required: false }] }], triggers: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggers", required: false }] }], focusTrapped: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusTrapped", required: false }] }], focusAutoCapture: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAutoCapture", required: false }] }], isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }, { type: i0.Output, args: ["isOpenChange"] }], beforeOpen: [{ type: i0.Output, args: ["beforeOpen"] }] } });
 
 class ToolHeaderActionButtonDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToolHeaderActionButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: ToolHeaderActionButtonDirective, isStandalone: true, selector: "[fd-button][fdbToolHeaderActionButton]", host: { properties: { "class.fd-tool-header__action-button": "true" } }, hostDirectives: [{ directive: i1.ToolHeaderButtonDirective, inputs: ["fdType", "fdType"] }, { directive: i2.IndirectFocusableItemDirective }, { directive: i2.FocusableItemDirective }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolHeaderActionButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: ToolHeaderActionButtonDirective, isStandalone: true, selector: "[fd-button][fdbToolHeaderActionButton]", host: { properties: { "class.fd-tool-header__action-button": "true" } }, hostDirectives: [{ directive: i1.ToolHeaderButtonDirective, inputs: ["fdType", "fdType"] }, { directive: i2.IndirectFocusableItemDirective }, { directive: i2.FocusableItemDirective }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToolHeaderActionButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolHeaderActionButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fd-button][fdbToolHeaderActionButton]',
@@ -203,10 +193,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         }] });
 
 class ToolHeaderElementDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToolHeaderElementDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: ToolHeaderElementDirective, isStandalone: true, selector: "[fdbToolHeaderElement]", host: { classAttribute: "fd-tool-header__element" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolHeaderElementDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: ToolHeaderElementDirective, isStandalone: true, selector: "[fdbToolHeaderElement]", host: { classAttribute: "fd-tool-header__element" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToolHeaderElementDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolHeaderElementDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdbToolHeaderElement]',
@@ -226,10 +216,10 @@ class ToolHeaderGroupDirective {
         /** @hidden */
         this.elementRef = inject(ElementRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToolHeaderGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "22.0.5", type: ToolHeaderGroupDirective, isStandalone: true, selector: "[fdbToolHeaderGroup]", inputs: { center: ["center", "center", booleanAttribute], actions: ["actions", "actions", booleanAttribute] }, host: { properties: { "class.fd-tool-header__group--center": "center", "class.fd-tool-header__group--actions": "actions" }, classAttribute: "fd-tool-header__group" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolHeaderGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.1.0", type: ToolHeaderGroupDirective, isStandalone: true, selector: "[fdbToolHeaderGroup]", inputs: { center: ["center", "center", booleanAttribute], actions: ["actions", "actions", booleanAttribute] }, host: { properties: { "class.fd-tool-header__group--center": "center", "class.fd-tool-header__group--actions": "actions" }, classAttribute: "fd-tool-header__group" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToolHeaderGroupDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolHeaderGroupDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdbToolHeaderGroup]',
@@ -249,10 +239,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
             }] } });
 
 class ToolHeaderLogoDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToolHeaderLogoDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: ToolHeaderLogoDirective, isStandalone: true, selector: "[fdbToolHeaderLogo]", host: { properties: { "attr.role": "\"button\"", "attr.tabindex": "0" }, classAttribute: "fd-tool-header__logo" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolHeaderLogoDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: ToolHeaderLogoDirective, isStandalone: true, selector: "[fdbToolHeaderLogo]", host: { properties: { "attr.role": "\"button\"", "attr.tabindex": "0" }, classAttribute: "fd-tool-header__logo" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToolHeaderLogoDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolHeaderLogoDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdbToolHeaderLogo]',
@@ -266,10 +256,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         }] });
 
 class ToolHeaderUserDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToolHeaderUserDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: ToolHeaderUserDirective, isStandalone: true, selector: "[fdbToolHeaderUser]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolHeaderUserDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: ToolHeaderUserDirective, isStandalone: true, selector: "[fdbToolHeaderUser]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToolHeaderUserDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolHeaderUserDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdbToolHeaderUser]',
@@ -281,11 +271,9 @@ class ToolHeaderComponentClass {
     /** @hidden */
     constructor() {
         /** Mode signal */
-        this._mode$ = signal('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_mode$" }] : /* istanbul ignore next */ []));
+        this._mode$ = signal('', ...(ngDevMode ? [{ debugName: "_mode$" }] : []));
         /** @hidden */
-        this._orientation$ = signal('landscape', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_orientation$" }] : /* istanbul ignore next */ []));
+        this._orientation$ = signal('landscape', ...(ngDevMode ? [{ debugName: "_orientation$" }] : []));
         /** @hidden */
         this.fdbToolHeaderState = computed(() => {
             if (this._mode$() === 'phone') {
@@ -338,20 +326,16 @@ class ToolHeaderComponentClass {
                 voiceInputVisible: false,
                 separatorsBetweenActionsVisible: true
             };
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "fdbToolHeaderState" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "fdbToolHeaderState" }] : []));
         /** Search field signal */
-        this._searchField$ = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_searchField$" }] : /* istanbul ignore next */ []));
+        this._searchField$ = signal(null, ...(ngDevMode ? [{ debugName: "_searchField$" }] : []));
         /** @hidden */
-        this._searchFieldExpanded$ = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_searchFieldExpanded$" }] : /* istanbul ignore next */ []));
+        this._searchFieldExpanded$ = signal(false, ...(ngDevMode ? [{ debugName: "_searchFieldExpanded$" }] : []));
         /**
          * RTL signal
          * @hidden
          */
-        this.rtl = computed(() => this._rtlService?.rtl() ?? false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "rtl" }] : /* istanbul ignore next */ []));
+        this.rtl = computed(() => this._rtlService?.rtl() ?? false, ...(ngDevMode ? [{ debugName: "rtl" }] : []));
         /** @hidden */
         this._rtlService = inject(RtlService, { optional: true });
         this.mode$ = this._mode$.asReadonly();
@@ -400,8 +384,7 @@ class ToolHeaderComponent extends ToolHeaderComponentClass {
          */
         this.logoClick = new EventEmitter();
         /** @hidden */
-        this._hiddenActions$ = signal([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_hiddenActions$" }] : /* istanbul ignore next */ []));
+        this._hiddenActions$ = signal([], ...(ngDevMode ? [{ debugName: "_hiddenActions$" }] : []));
         /** @hidden */
         this._injector = inject(Injector);
         /** @hidden */
@@ -502,8 +485,8 @@ class ToolHeaderComponent extends ToolHeaderComponentClass {
         }
         return injector;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToolHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: ToolHeaderComponent, isStandalone: true, selector: "fdb-tool-header", inputs: { productName: "productName", secondTitle: "secondTitle", _mode: ["mode", "_mode"], _orientation: ["orientation", "_orientation"], showMenuButton: ["showMenuButton", "showMenuButton", booleanAttribute], showVoiceInputAction: ["showVoiceInputAction", "showVoiceInputAction", booleanAttribute] }, outputs: { menuClick: "menuClick", menuExpand: "menuExpand", menuCollapse: "menuCollapse", microphoneClick: "microphoneClick", logoClick: "logoClick" }, host: { listeners: { "document:click": "_onClick($event)", "document:keydown.control.k": "_onKeyDown()", "document:keydown.meta.k": "_onKeyDown()" }, properties: { "class.fd-tool-header--menu": "showMenuButton" }, classAttribute: "fd-tool-header" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: ToolHeaderComponent, isStandalone: true, selector: "fdb-tool-header", inputs: { productName: "productName", secondTitle: "secondTitle", _mode: ["mode", "_mode"], _orientation: ["orientation", "_orientation"], showMenuButton: ["showMenuButton", "showMenuButton", booleanAttribute], showVoiceInputAction: ["showVoiceInputAction", "showVoiceInputAction", booleanAttribute] }, outputs: { menuClick: "menuClick", menuExpand: "menuExpand", menuCollapse: "menuCollapse", microphoneClick: "microphoneClick", logoClick: "logoClick" }, host: { listeners: { "document:click": "_onClick($event)", "document:keydown.control.k": "_onKeyDown()", "document:keydown.meta.k": "_onKeyDown()" }, properties: { "class.fd-tool-header--menu": "showMenuButton" }, classAttribute: "fd-tool-header" }, providers: [
             contentDensityObserverProviders(),
             {
                 provide: ToolHeaderComponentClass,
@@ -511,7 +494,7 @@ class ToolHeaderComponent extends ToolHeaderComponentClass {
             }
         ], queries: [{ propertyName: "_toolHeaderLogoDirective", first: true, predicate: ToolHeaderLogoDirective, descendants: true }, { propertyName: "_searchField", first: true, predicate: SearchFieldComponent, descendants: true }, { propertyName: "_toolHeaderUser", first: true, predicate: ToolHeaderUserDirective, descendants: true }, { propertyName: "_toolHeaderProductSwitch", first: true, predicate: FD_PRODUCT_SWITCH_COMPONENT, descendants: true }, { propertyName: "_contentActions", predicate: ToolHeaderActionClass }], usesInheritance: true, ngImport: i0, template: "<div fdbToolHeaderGroup [class.fd-tool-header--menu]=\"showMenuButton\">\n    @if (fdbToolHeaderState().backButtonVisible) {\n        <div fdbToolHeaderElement>\n            <button\n                fd-button\n                fdbToolHeaderButton\n                glyph=\"slim-arrow-left\"\n                (click)=\"_searchFieldExpanded$.set(false)\"\n            ></button>\n        </div>\n    }\n    @if (fdbToolHeaderState().menuButtonVisible && showMenuButton) {\n        <div fdbToolHeaderElement>\n            <button\n                fd-button\n                fdbToolHeaderButton\n                [title]=\"('btpToolHeader.menuButtonAriaLabel' | fdTranslate)()\"\n                [ariaLabel]=\"('btpToolHeader.menuButtonAriaLabel' | fdTranslate)()\"\n                glyph=\"menu2\"\n                (keydown.arrowLeft)=\"_handleMenuLeftArrowKey()\"\n                (keydown.arrowRight)=\"_handleMenuRightArrowKey()\"\n                (click)=\"menuClick.emit()\"\n            ></button>\n        </div>\n    }\n    @if (fdbToolHeaderState().logoVisible) {\n        <div fdbToolHeaderElement>\n            @if (_toolHeaderLogoDirective) {\n                <ng-content select=\"[fdbToolHeaderLogo]\"></ng-content>\n            } @else {\n                <img\n                    fdbToolHeaderLogo\n                    (click)=\"logoClick.emit()\"\n                    src=\"https://unpkg.com/fundamental-styles/dist/images/sap-logo.png\"\n                    srcset=\"\n                        https://unpkg.com/fundamental-styles/dist/images/sap-logo&#64;2x.png 1x,\n                        https://unpkg.com/fundamental-styles/dist/images/sap-logo&#64;3x.png 2x,\n                        https://unpkg.com/fundamental-styles/dist/images/sap-logo&#64;4x.png 3x\n                    \"\n                    alt=\"SAP logo\"\n                    aria-label=\"SAP logo\"\n                    title=\"SAP logo\"\n                />\n            }\n        </div>\n    }\n    @if (fdbToolHeaderState().productNameVisible) {\n        <div fdbToolHeaderElement>\n            <h1 class=\"fd-tool-header__product-name\">\n                {{ productName }}\n            </h1>\n        </div>\n    }\n    @if (fdbToolHeaderState().secondTitleVisible && secondTitle) {\n        <div fdbToolHeaderElement>\n            <div class=\"fd-tool-header__second-title\">\n                {{ secondTitle }}\n            </div>\n        </div>\n    }\n</div>\n@if (fdbToolHeaderState().searchFieldVisible) {\n    <div fdbToolHeaderGroup center>\n        <ng-content select=\"fdb-search-field\"></ng-content>\n    </div>\n}\n<fd-overflow-layout\n    fdbToolHeaderGroup\n    actions\n    [style.justify-content]=\"'end'\"\n    (hiddenItemsChange)=\"_handleHiddenItemsChange($event)\"\n    [renderShowMoreButton]=\"false\"\n>\n    @if (fdbToolHeaderState().searchFieldToggleActionVisible) {\n        <ng-template fdOverflowItemRef>\n            <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n                <button\n                    fd-button\n                    fdbToolHeaderActionButton\n                    glyph=\"search\"\n                    (click)=\"$event.stopPropagation(); expandSearchField()\"\n                ></button>\n            </div>\n        </ng-template>\n    }\n    @if (fdbToolHeaderState().providedActionsVisible) {\n        @for (action of _contentActions; track action) {\n            @if (action.isSeparator ? fdbToolHeaderState().separatorsBetweenActionsVisible : true) {\n                <ng-template [fdOverflowItemRef]=\"action\" let-hidden let-injector=\"injector\">\n                    @if (hidden === false) {\n                        <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"!!action.forceVisibility\">\n                            <ng-template [ngTemplateOutlet]=\"actionTemplate\"></ng-template>\n                        </div>\n                    } @else {\n                        <ng-template\n                            [ngTemplateOutlet]=\"action.templateRef\"\n                            [ngTemplateOutletContext]=\"{ hidden: hidden }\"\n                            [ngTemplateOutletInjector]=\"injector\"\n                        >\n                        </ng-template>\n                    }\n                    <ng-template #actionTemplate>\n                        <ng-template\n                            [ngTemplateOutlet]=\"action.templateRef\"\n                            [ngTemplateOutletContext]=\"{ hidden: hidden }\"\n                            [ngTemplateOutletInjector]=\"injector\"\n                        >\n                        </ng-template>\n                    </ng-template>\n                </ng-template>\n            }\n        }\n    }\n    <!-- Custom overflow button used as overflow item START -->\n    @if (_hiddenActions$(); as hiddenActions) {\n        @if (hiddenActions.length > 0) {\n            <ng-template fdOverflowItemRef>\n                <fdb-navigation-menu-popover fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n                    <button\n                        *fdbNavigationMenuPopoverControl\n                        fd-button\n                        fdbToolHeaderActionButton\n                        glyph=\"overflow\"\n                    ></button>\n                    <fdb-navigation-menu\n                        class=\"fd-tool-header__navigation-menu\"\n                        fdkIndirectFocusableList\n                        #indirectFocusableList=\"fdkIndirectFocusableList\"\n                    >\n                        @for (item of hiddenActions; track item.globalIndex) {\n                            <ng-template\n                                [ngTemplateOutlet]=\"item.templateRef\"\n                                [ngTemplateOutletContext]=\"{\n                                    $implicit: true,\n                                    index: item.index,\n                                    globalIndex: item.globalIndex,\n                                    first: item.first,\n                                    last: item.last,\n                                    injector: _indirectFocusableItemInjector(indirectFocusableList.injector, item)\n                                }\"\n                            >\n                            </ng-template>\n                        }\n                    </fdb-navigation-menu>\n                </fdb-navigation-menu-popover>\n            </ng-template>\n        }\n    }\n    <!-- Custom overflow button used as overflow item END -->\n    @if (fdbToolHeaderState().userAvatarVisible && _toolHeaderUser) {\n        @if (fdbToolHeaderState().separatorsBetweenActionsVisible) {\n            <ng-template fdOverflowItemRef>\n                <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n                    <div class=\"fd-tool-header__separator\"></div>\n                </div>\n            </ng-template>\n        }\n        <ng-template fdOverflowItemRef>\n            <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n                <ng-content select=\"[fdbToolHeaderUser]\"></ng-content>\n            </div>\n        </ng-template>\n    }\n    @if (fdbToolHeaderState().productSwitchVisible && _toolHeaderProductSwitch) {\n        @if (fdbToolHeaderState().separatorsBetweenActionsVisible) {\n            <ng-template fdOverflowItemRef>\n                <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n                    <div class=\"fd-tool-header__separator\"></div>\n                </div>\n            </ng-template>\n        }\n        <ng-template fdOverflowItemRef>\n            <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n                <ng-content select=\"fdb-tool-header-product-switch, fd-product-switch\"></ng-content>\n            </div>\n        </ng-template>\n    }\n    @if (fdbToolHeaderState().voiceInputVisible) {\n        <ng-template fdOverflowItemRef>\n            <div fdbToolHeaderElement fdOverflowLayoutItem [forceVisibility]=\"true\">\n                <button\n                    fd-button\n                    fdbToolHeaderActionButton\n                    glyph=\"microphone\"\n                    [ariaLabel]=\"'Search with voice'\"\n                    (click)=\"microphoneClick.emit()\"\n                ></button>\n            </div>\n        </ng-template>\n    }\n</fd-overflow-layout>\n", styles: [".fd-tool-header{--fdToolHeader_Min_Height:var(--sapToolHeader_Min_Height_Cozy);--fdToolHeader_Padding_Left:1.5rem;--fdToolHeader_Padding_Right:1.25rem;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;background:var(--sapShellColor);border:.0625rem solid var(--fdToolHeader_Border_Color);border-radius:var(--sapToolHeader_Border_Radius);-webkit-box-shadow:var(--sapToolHeader_Shadow1);box-shadow:var(--sapToolHeader_Shadow1);-ms-flex-direction:row;flex-direction:row;gap:.75rem;height:auto;min-height:var(--fdToolHeader_Min_Height);padding-block:var(--sapToolHeader_Paddings_Y);padding-inline:var(--fdToolHeader_Padding_Left) var(--fdToolHeader_Padding_Right);width:100%}.fd-tool-header:after,.fd-tool-header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header__group{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.375rem;-webkit-box-flex:1;-ms-flex:1;flex:1}.fd-tool-header__group:after,.fd-tool-header__group:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header__group--center,.fd-tool-header__group--menu{-webkit-box-flex:0;-ms-flex:0;flex:0}.fd-tool-header__group--actions{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fd-tool-header__group--hidden{display:none}.fd-tool-header__element{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-tool-header__element:after,.fd-tool-header__element:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header__element--hidden{display:none}.fd-tool-header__logo{background-repeat:no-repeat;background-size:contain;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1.625rem;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:auto}.fd-tool-header__logo:after,.fd-tool-header__logo:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header__logo.is-focus,.fd-tool-header__logo:focus{border-radius:.25rem;outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor);outline-offset:.125rem;z-index:5}.fd-tool-header__separator{background:transparent;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.75rem;line-height:normal;margin-block:0;margin-inline:0;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;padding-block:0;padding-inline:0;width:.75rem}.fd-tool-header__separator:after,.fd-tool-header__separator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header__product-name{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapToolHeader_Product_Name_Color);font-family:var(--sapFontFamily);font-family:var(--sapFontBlackFamily);font-size:var(--sapFontSize);font-size:var(--sapToolHeader_Product_Name_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1.625rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;vertical-align:baseline}.fd-tool-header__product-name:after,.fd-tool-header__product-name:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header__second-title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapToolHeader_Second_Title_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapToolHeader_Second_Title_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:var(--sapContent_LineHeight);margin-block:0;margin-inline:0;margin-top:var(--sapToolHeader_Second_Title_Offset);padding-block:0;padding-inline:0;vertical-align:baseline}.fd-tool-header__second-title:after,.fd-tool-header__second-title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tool-header--menu{--fdToolHeader_Padding_Left:.75rem}.fd-tool-header[class*=-compact],[class*=-compact] .fd-tool-header:not([class*=-cozy]){--fdToolHeader_Min_Height:var(--sapToolHeader_Min_Height_Compact)}.fd-overflow-layout__items>.fd-overflow-layout__item:not(.fd-overflow-layout__item--last)>.fd-tool-header__element>*{margin-right:.375rem}.fd-tool-header__group--center+.fd-tool-header__group--actions{max-width:calc((100% - 16rem)/2)}.fd-tool-header__element.is-separator+.fd-tool-header__element.is-separator{display:none}.fd-tool-header__navigation-menu{display:flex;flex-direction:column;overflow:visible}.fd-tool-header .fd-button .fd-button__text{display:none}\n/*! Bundled license information:\n\nfundamental-styles/dist/tool-header.css:\n  (*!\n   * Fundamental Library Styles v0.41.8\n   * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"], dependencies: [{ kind: "directive", type: ToolHeaderGroupDirective, selector: "[fdbToolHeaderGroup]", inputs: ["center", "actions"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: ToolHeaderElementDirective, selector: "[fdbToolHeaderElement]" }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["id"], exportAs: ["fd-button"] }, { kind: "directive", type: ToolHeaderButtonDirective, selector: "[fd-button][fdbToolHeaderButton]", inputs: ["fdType"] }, { kind: "directive", type: ToolHeaderLogoDirective, selector: "[fdbToolHeaderLogo]" }, { kind: "component", type: NavigationMenuComponent, selector: "fdb-navigation-menu, ul[fdb-navigation-menu]" }, { kind: "directive", type: IndirectFocusableListDirective, selector: "[fdkIndirectFocusableList]", exportAs: ["fdkIndirectFocusableList"] }, { kind: "component", type: NavigationMenuPopoverComponent, selector: "fdb-navigation-menu-popover" }, { kind: "directive", type: NavigationMenuPopoverControlDirective, selector: "[fdbNavigationMenuPopoverControl]" }, { kind: "component", type: OverflowLayoutComponent, selector: "fd-overflow-layout", inputs: ["maxVisibleItems", "navigationTrigger", "showMorePosition", "renderShowMoreButton", "reverseHiddenItems", "enableKeyboardNavigation", "ariaRole", "moreItemsButtonText"], outputs: ["visibleItemsCount", "hiddenItemsCount", "hiddenItemsChange"] }, { kind: "directive", type: OverflowLayoutItemDirective, selector: "[fdOverflowLayoutItem]", inputs: ["forceVisibility"], outputs: ["hiddenChange"] }, { kind: "directive", type: OverflowItemRefDirective, selector: "[fdOverflowItemRef]", inputs: ["fdOverflowItemRef"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: ToolHeaderActionButtonDirective, selector: "[fd-button][fdbToolHeaderActionButton]" }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToolHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdb-tool-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'fd-tool-header',
@@ -599,15 +582,15 @@ class ToolHeaderActionDirective extends ToolHeaderActionClass {
     static ngTemplateContextGuard(dir, ctx) {
         return !(dir.isSeparator || dir.forceVisibility);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToolHeaderActionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: ToolHeaderActionDirective, isStandalone: true, selector: "[fdbToolHeaderAction]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolHeaderActionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: ToolHeaderActionDirective, isStandalone: true, selector: "[fdbToolHeaderAction]", providers: [
             {
                 provide: ToolHeaderActionClass,
                 useExisting: ToolHeaderActionDirective
             }
         ], queries: [{ propertyName: "button", first: true, predicate: ButtonComponent, descendants: true }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToolHeaderActionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolHeaderActionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdbToolHeaderAction]',
@@ -681,8 +664,7 @@ class ToolHeaderAutoModeDirective {
         /**
          * Current configuration of the directive.
          */
-        this._config = signal(DEFAULT_CONFIG, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_config" }] : /* istanbul ignore next */ []));
+        this._config = signal(DEFAULT_CONFIG, ...(ngDevMode ? [{ debugName: "_config" }] : []));
         /**
          * Reference to the ContentDensityDirective provided via hostDirectives.
          * Used to programmatically set the content density based on the detected mode.
@@ -707,8 +689,7 @@ class ToolHeaderAutoModeDirective {
          * - 'tablet': tablet mode, triggers COZY density
          * - 'phone': phone mode, triggers COZY density
          */
-        this._currentMode = computed(() => this._getMode(this._elementWidth(), this._config()), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_currentMode" }] : /* istanbul ignore next */ []));
+        this._currentMode = computed(() => this._getMode(this._elementWidth(), this._config()), ...(ngDevMode ? [{ debugName: "_currentMode" }] : []));
         /**
          * @hidden
          */
@@ -748,10 +729,10 @@ class ToolHeaderAutoModeDirective {
             width >= config.tabletLandscape[0] && width <= config.tabletLandscape[1] ? 'landscape' : 'portrait'
         ];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToolHeaderAutoModeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: ToolHeaderAutoModeDirective, isStandalone: true, selector: "fdb-tool-header[fdbToolHeaderAutoMode]", inputs: { config: "config" }, outputs: { modeChange: "modeChange", orientationChange: "orientationChange", contentDensityChange: "contentDensityChange" }, exportAs: ["fdbToolHeaderAutoMode"], hostDirectives: [{ directive: i1$1.ContentDensityDirective }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolHeaderAutoModeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: ToolHeaderAutoModeDirective, isStandalone: true, selector: "fdb-tool-header[fdbToolHeaderAutoMode]", inputs: { config: "config" }, outputs: { modeChange: "modeChange", orientationChange: "orientationChange", contentDensityChange: "contentDensityChange" }, exportAs: ["fdbToolHeaderAutoMode"], hostDirectives: [{ directive: i1$1.ContentDensityDirective }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToolHeaderAutoModeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolHeaderAutoModeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'fdb-tool-header[fdbToolHeaderAutoMode]',