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

package/fesm2022/fundamental-ngx-btp-navigation.mjs

@@ -23,8 +23,7 @@ class FdbNavigationContentContainer {
         /**
          * List containing all child navigation list items.
          */
-        this.allListItems$ = signal([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "allListItems$" }] : /* istanbul ignore next */ []));
+        this.allListItems$ = signal([], ...(ngDevMode ? [{ debugName: "allListItems$" }] : []));
         /** @hidden */
         this._destroyRef = inject(DestroyRef);
         /**
@@ -64,39 +63,31 @@ const LIST_ITEM_CLASS = 'fd-navigation__list-item';
 class FdbNavigationListItem {
     constructor() {
         /** @hidden */
-        this.listItems$ = signal([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "listItems$" }] : /* istanbul ignore next */ []));
+        this.listItems$ = signal([], ...(ngDevMode ? [{ debugName: "listItems$" }] : []));
         /** Whether item has child items. */
-        this.hasChildren$ = computed(() => this.listItems$().length > 0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "hasChildren$" }] : /* istanbul ignore next */ []));
+        this.hasChildren$ = computed(() => this.listItems$().length > 0, ...(ngDevMode ? [{ debugName: "hasChildren$" }] : []));
         /** Whether popover is open. Applicable for snapped navigation state. */
-        this.popoverOpen$ = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "popoverOpen$" }] : /* istanbul ignore next */ []));
+        this.popoverOpen$ = signal(false, ...(ngDevMode ? [{ debugName: "popoverOpen$" }] : []));
         /**
          * Link reference.
          */
-        this.link$ = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "link$" }] : /* istanbul ignore next */ []));
+        this.link$ = signal(null, ...(ngDevMode ? [{ debugName: "link$" }] : []));
         /**
          * Item content renderer.
          */
-        this.renderer$ = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "renderer$" }] : /* istanbul ignore next */ []));
+        this.renderer$ = signal(null, ...(ngDevMode ? [{ debugName: "renderer$" }] : []));
         /**
          * Whether the item should be hidden under "More" button.
          */
-        this.hidden$ = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "hidden$" }] : /* istanbul ignore next */ []));
+        this.hidden$ = signal(false, ...(ngDevMode ? [{ debugName: "hidden$" }] : []));
         /**
          * Whether the item is in overflow menu. Applicable only when the navigation is in snapped mode.
          */
-        this.isOverflow$ = computed(() => this.navigation.isSnapped$() && this.hidden$(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "isOverflow$" }] : /* istanbul ignore next */ []));
+        this.isOverflow$ = computed(() => this.navigation.isSnapped$() && this.hidden$(), ...(ngDevMode ? [{ debugName: "isOverflow$" }] : []));
         /**
          * Item Hierarchy level in navigation tree.
          */
-        this.level$ = computed(() => (this.parentListItem?.level$() || 0) + 1, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "level$" }] : /* istanbul ignore next */ []));
+        this.level$ = computed(() => (this.parentListItem?.level$() || 0) + 1, ...(ngDevMode ? [{ debugName: "level$" }] : []));
         /**
          * Normalized level. Calculated based on location of the item, whether it is inside group or not.
          * Can be different than `level$`.
@@ -106,30 +97,24 @@ class FdbNavigationListItem {
                 return this.inGroup$() ? this.level$() : this.level$() + 1;
             }
             return this.parentListItem.normalizedLevel$() + 1;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "normalizedLevel$" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "normalizedLevel$" }] : []));
         /**
          * Whether the List item should be marked as selected.
          * Based on a `snapped` state will determine whether to highlight the link if it, or it's child links are active.
          */
         this.isActiveAttr$ = computed(() => this.selected$() ||
             this.link$()?.isActive$() ||
-            (this.navigation.isSnapped$() && this.listItems$().some((item) => item?.isActiveAttr$())), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "isActiveAttr$" }] : /* istanbul ignore next */ []));
+            (this.navigation.isSnapped$() && this.listItems$().some((item) => item?.isActiveAttr$())), ...(ngDevMode ? [{ debugName: "isActiveAttr$" }] : []));
         /**
          * Whether the item is inside group.
          */
-        this.inGroup$ = computed(() => (this.parentListItem ? this.parentListItem.inGroup$() : this.isGroup$()), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "inGroup$" }] : /* istanbul ignore next */ []));
+        this.inGroup$ = computed(() => (this.parentListItem ? this.parentListItem.inGroup$() : this.isGroup$()), ...(ngDevMode ? [{ debugName: "inGroup$" }] : []));
         /** @hidden */
-        this.expanded$ = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "expanded$" }] : /* istanbul ignore next */ []));
+        this.expanded$ = signal(false, ...(ngDevMode ? [{ debugName: "expanded$" }] : []));
         /** @hidden */
-        this.isGroup$ = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "isGroup$" }] : /* istanbul ignore next */ []));
+        this.isGroup$ = signal(false, ...(ngDevMode ? [{ debugName: "isGroup$" }] : []));
         /** @hidden */
-        this.disabled$ = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "disabled$" }] : /* istanbul ignore next */ []));
+        this.disabled$ = signal(false, ...(ngDevMode ? [{ debugName: "disabled$" }] : []));
         /** Navigation container reference. */
         this.navigation = inject(FdbNavigation);
     }
@@ -142,8 +127,7 @@ class NavigationService {
         /** Currently active list item. */
         this.currentItem$ = new Subject();
         /** Currently selected item (for click-based selection mode). */
-        this.selectedItem$ = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "selectedItem$" }] : /* istanbul ignore next */ []));
+        this.selectedItem$ = signal(null, ...(ngDevMode ? [{ debugName: "selectedItem$" }] : []));
         /** Subject to notify when an overflow item is selected and should be promoted. */
         this.overflowItemSelected$ = new Subject();
         /** Subject to notify when selection changes to clear manual selections */
@@ -176,10 +160,10 @@ class NavigationService {
     getSelectedItem() {
         return this.selectedItem$();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NavigationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NavigationService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NavigationService, decorators: [{
             type: Injectable
         }] });
 
@@ -247,8 +231,7 @@ class NavigationListComponent {
                 return 'menubar';
             }
             return this.role || 'tree';
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "computedRole" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "computedRole" }] : []));
         /** Computed aria-label for group lists based on parent item's text content. */
         this.computedAriaLabel = computed(() => {
             try {
@@ -272,11 +255,9 @@ class NavigationListComponent {
                 // Fallback to default ariaLabel if DOM is not ready or there's any error
                 return this.ariaLabel;
             }
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "computedAriaLabel" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "computedAriaLabel" }] : []));
         /** List items. */
-        this.listItems$ = signal([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "listItems$" }] : /* istanbul ignore next */ []));
+        this.listItems$ = signal([], ...(ngDevMode ? [{ debugName: "listItems$" }] : []));
         /** @hidden */
         this._listItemsArray = [];
         /** @hidden */
@@ -314,8 +295,7 @@ class NavigationListComponent {
             setTimeout(() => {
                 this._updateAriaLabel();
             }, 0);
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_ariaLabelEffect" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "_ariaLabelEffect" }] : []));
         this._listItem?.registerChildList(this);
     }
     /**
@@ -414,10 +394,10 @@ class NavigationListComponent {
             .withVerticalOrientation()
             .skipPredicate((item) => item.skipNavigation);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: NavigationListComponent, isStandalone: true, selector: "ul[fdb-navigation-list]", inputs: { _listItems: ["listItems", "_listItems"], role: "role", ariaLabel: "ariaLabel", ariaRoleDescription: "ariaRoleDescription", parentItems: ["parentItems", "parentItems", booleanAttribute], childItems: ["childItems", "childItems", booleanAttribute], noGrow: ["noGrow", "noGrow", booleanAttribute], withKeyboardNavigation: ["withKeyboardNavigation", "withKeyboardNavigation", booleanAttribute], moreButtonRef: "moreButtonRef" }, outputs: { focusBefore: "focusBefore", focusAfter: "focusAfter" }, host: { attributes: { "tabindex": "-1" }, listeners: { "keydown": "_keydownHandler($event)" }, properties: { "attr.role": "this._role", "attr.aria-roledescription": "this.ariaRoleDescription", "class.fd-navigation__list--parent-items": "this.parentItems", "class.fd-navigation__list--child-items": "this.childItems", "class.fd-navigation__list--no-grow": "this.noGrow" }, classAttribute: "fd-navigation__list" }, usesOnChanges: true, ngImport: i0, template: "@for (item of listItems$(); track item) {\n    @if (item) {\n        <li [class]=\"item.class$()\" role=\"none\">\n            <ng-template [ngTemplateOutlet]=\"item.renderer$()\"></ng-template>\n        </li>\n        <!-- Add separator after home list item. -->\n        @if (item.home) {\n            <li class=\"fd-navigation__list-item fd-navigation__list-item--separator\" role=\"separator\"></li>\n        }\n    }\n}\n<!-- Keep this for \"More\" button -->\n<ng-content></ng-content>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NavigationListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: NavigationListComponent, isStandalone: true, selector: "ul[fdb-navigation-list]", inputs: { _listItems: ["listItems", "_listItems"], role: "role", ariaLabel: "ariaLabel", ariaRoleDescription: "ariaRoleDescription", parentItems: ["parentItems", "parentItems", booleanAttribute], childItems: ["childItems", "childItems", booleanAttribute], noGrow: ["noGrow", "noGrow", booleanAttribute], withKeyboardNavigation: ["withKeyboardNavigation", "withKeyboardNavigation", booleanAttribute], moreButtonRef: "moreButtonRef" }, outputs: { focusBefore: "focusBefore", focusAfter: "focusAfter" }, host: { attributes: { "tabindex": "-1" }, listeners: { "keydown": "_keydownHandler($event)" }, properties: { "attr.role": "this._role", "attr.aria-roledescription": "this.ariaRoleDescription", "class.fd-navigation__list--parent-items": "this.parentItems", "class.fd-navigation__list--child-items": "this.childItems", "class.fd-navigation__list--no-grow": "this.noGrow" }, classAttribute: "fd-navigation__list" }, usesOnChanges: true, ngImport: i0, template: "@for (item of listItems$(); track item) {\n    @if (item) {\n        <li [class]=\"item.class$()\" role=\"none\">\n            <ng-template [ngTemplateOutlet]=\"item.renderer$()\"></ng-template>\n        </li>\n        <!-- Add separator after home list item. -->\n        @if (item.home) {\n            <li class=\"fd-navigation__list-item fd-navigation__list-item--separator\" role=\"separator\"></li>\n        }\n    }\n}\n<!-- Keep this for \"More\" button -->\n<ng-content></ng-content>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NavigationListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ul[fdb-navigation-list]', imports: [NgTemplateOutlet], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'fd-navigation__list',
@@ -486,8 +466,7 @@ class NavigationContentEndComponent extends FdbNavigationContentContainer {
          */
         this.ariaRoleDescription = null;
         /** @hidden */
-        this.listItems$ = signal([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "listItems$" }] : /* istanbul ignore next */ []));
+        this.listItems$ = signal([], ...(ngDevMode ? [{ debugName: "listItems$" }] : []));
         /** Whether the container is placed on the start position, or the end position of the navigation. */
         this.placement = 'end';
     }
@@ -500,8 +479,8 @@ class NavigationContentEndComponent extends FdbNavigationContentContainer {
             this.listItems$.set(this._listItems.toArray());
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationContentEndComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: NavigationContentEndComponent, isStandalone: true, selector: "fdb-navigation-content-end", inputs: { contentProjected: "contentProjected", ariaLabel: "ariaLabel", ariaRoleDescription: "ariaRoleDescription" }, host: { classAttribute: "fd-navigation__container fd-navigation__container--bottom" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NavigationContentEndComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: NavigationContentEndComponent, isStandalone: true, selector: "fdb-navigation-content-end", inputs: { contentProjected: "contentProjected", ariaLabel: "ariaLabel", ariaRoleDescription: "ariaRoleDescription" }, host: { classAttribute: "fd-navigation__container fd-navigation__container--bottom" }, providers: [
             {
                 provide: FdbNavigationContentContainer,
                 useExisting: NavigationContentEndComponent
@@ -513,7 +492,7 @@ class NavigationContentEndComponent extends FdbNavigationContentContainer {
         [ariaRoleDescription]="ariaRoleDescription"
     ></ul>`, isInline: true, dependencies: [{ kind: "component", type: NavigationListComponent, selector: "ul[fdb-navigation-list]", inputs: ["listItems", "role", "ariaLabel", "ariaRoleDescription", "parentItems", "childItems", "noGrow", "withKeyboardNavigation", "moreButtonRef"], outputs: ["focusBefore", "focusAfter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationContentEndComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NavigationContentEndComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fdb-navigation-content-end',
@@ -564,8 +543,7 @@ class NavigationListItemDirective {
          * Set of child directives.
          * Used to build hierarchy tree.
          */
-        this.childDirectives = signal(new Set(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "childDirectives" }] : /* istanbul ignore next */ []));
+        this.childDirectives = signal(new Set(), ...(ngDevMode ? [{ debugName: "childDirectives" }] : []));
         /** @hidden */
         this._contentContainer = inject(FdbNavigationContentContainer, {
             optional: true
@@ -599,15 +577,15 @@ class NavigationListItemDirective {
         this._item = null;
         this.childDirectives().clear();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationListItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: NavigationListItemDirective, isStandalone: true, selector: "[fdbNavigationListItem]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NavigationListItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: NavigationListItemDirective, isStandalone: true, selector: "[fdbNavigationListItem]", providers: [
             {
                 provide: FdbNavigationListItem,
                 useExisting: NavigationListItemDirective
             }
         ], exportAs: ["fdbListItem"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationListItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NavigationListItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdbNavigationListItem]',
@@ -630,10 +608,10 @@ class NavigationListItemRefDirective {
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationListItemRefDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: NavigationListItemRefDirective, isStandalone: true, selector: "[fdbNavigationListItemRef]", inputs: { fdbNavigationListItemRefAs: "fdbNavigationListItemRefAs" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NavigationListItemRefDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: NavigationListItemRefDirective, isStandalone: true, selector: "[fdbNavigationListItemRef]", inputs: { fdbNavigationListItemRefAs: "fdbNavigationListItemRefAs" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationListItemRefDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NavigationListItemRefDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdbNavigationListItemRef]',
@@ -651,10 +629,10 @@ class NavigationLinkRefDirective {
         /** Link template ref. */
         this.templateRef = inject(TemplateRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationLinkRefDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: NavigationLinkRefDirective, isStandalone: true, selector: "[fdbNavigationLinkRef]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NavigationLinkRefDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: NavigationLinkRefDirective, isStandalone: true, selector: "[fdbNavigationLinkRef]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationLinkRefDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NavigationLinkRefDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdbNavigationLinkRef]',
@@ -716,8 +694,7 @@ class NavigationLinkComponent extends FdbNavigationItemLink {
                     this._updateTabIndex();
                 }, 0);
             }
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_tabIndexEffect" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "_tabIndexEffect" }] : []));
         this._listItemComponent?.registerLink(this);
         this.isActive$ = toSignal(this._routerLinkActive?.isActiveChange.pipe(startWith(this._routerLinkActive.isActive)) || of(false));
     }
@@ -864,15 +841,15 @@ class NavigationLinkComponent extends FdbNavigationItemLink {
         // All other items (leaf items and items with both links and children) can be selected
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: NavigationLinkComponent, isStandalone: true, selector: "a[fdb-navigation-link], button[fdb-navigation-link]", inputs: { class: "class", glyph: "glyph", glyphFont: "glyphFont", external: "external", quickCreate: ["quickCreate", "quickCreate", booleanAttribute] }, host: { listeners: { "click": "_clickHandler($event)", "keydown": "_keyDownHandler($event)" }, properties: { "attr.role": "quickCreate ? \"button\" : \"link\"" }, classAttribute: "fd-navigation__link" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NavigationLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: NavigationLinkComponent, isStandalone: true, selector: "a[fdb-navigation-link], button[fdb-navigation-link]", inputs: { class: "class", glyph: "glyph", glyphFont: "glyphFont", external: "external", quickCreate: ["quickCreate", "quickCreate", booleanAttribute] }, host: { listeners: { "click": "_clickHandler($event)", "keydown": "_keyDownHandler($event)" }, properties: { "attr.role": "quickCreate ? \"button\" : \"link\"" }, classAttribute: "fd-navigation__link" }, providers: [
             {
                 provide: FdbNavigationItemLink,
                 useExisting: NavigationLinkComponent
             }
         ], usesInheritance: true, hostDirectives: [{ directive: i1.RouterLinkActive }], ngImport: i0, template: "@if (glyph) {\n    <fd-icon\n        [glyph]=\"glyph\"\n        [font]=\"glyphFont\"\n        class=\"fd-navigation__icon\"\n        [attr.role]=\"'presentation'\"\n        [ariaHidden]=\"true\"\n    ></fd-icon>\n}\n<span class=\"fd-navigation__text\">\n    <ng-content></ng-content>\n</span>\n@if (external) {\n    <span\n        class=\"fd-navigation__external-link-indicator\"\n        role=\"presentation\"\n        aria-hidden=\"true\"\n        aria-label=\"external link indicator\"\n    ></span>\n}\n<span\n    class=\"fd-navigation__selection-indicator\"\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    aria-label=\"selection indicator\"\n>\n</span>\n@if (_listItemComponent?.hasChildren$() && !inPopover && !routerLink) {\n    <span\n        class=\"fd-navigation__has-children-indicator\"\n        role=\"presentation\"\n        aria-hidden=\"true\"\n        aria-label=\"has children indicator, expanded\"\n    >\n    </span>\n}\n", dependencies: [{ kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "size", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationLinkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NavigationLinkComponent, decorators: [{
             type: Component,
             args: [{ selector: 'a[fdb-navigation-link], button[fdb-navigation-link]', imports: [IconComponent], hostDirectives: [RouterLinkActive], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
                         {
@@ -910,10 +887,10 @@ class NavigationListItemMarkerDirective {
         this.elementRef = inject(ElementRef);
         inject(NavigationListItemComponent).marker = this;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationListItemMarkerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: NavigationListItemMarkerDirective, isStandalone: true, selector: "[fdbNavigationListItemMarker]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NavigationListItemMarkerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: NavigationListItemMarkerDirective, isStandalone: true, selector: "[fdbNavigationListItemMarker]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationListItemMarkerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NavigationListItemMarkerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdbNavigationListItemMarker]',
@@ -1008,8 +985,7 @@ class NavigationListItemComponent extends FdbNavigationListItem {
     constructor() {
         super();
         /** ID for the navigation list item. Default one is assigned if not provided. */
-        this.id = input(`fdb-nav-list-item-${++navListItemUniqueId}`, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+        this.id = input(`fdb-nav-list-item-${++navListItemUniqueId}`, ...(ngDevMode ? [{ debugName: "id" }] : []));
         /** Type of the list item. Whether its a standard item or a "show more" button container. */
         this.type = 'item';
         /** List item placement container. */
@@ -1031,14 +1007,11 @@ class NavigationListItemComponent extends FdbNavigationListItem {
                 return this.normalizedLevel$() < 3;
             }
             return this.parentListItem.isVisible$() && this.parentListItem.expanded$();
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "isVisible$" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "isVisible$" }] : []));
         /** Whether the item is disabled. Cached to avoid repeated signal calls. */
-        this._isDisabledCached$ = computed(() => this.disabled$(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_isDisabledCached$" }] : /* istanbul ignore next */ []));
+        this._isDisabledCached$ = computed(() => this.disabled$(), ...(ngDevMode ? [{ debugName: "_isDisabledCached$" }] : []));
         /** aria-expanded attribute value. */
-        this.expandedAttr$ = computed(() => this.navigation.isSnapped$() ? this.popoverOpen$() && !this.isOverflow$() : this.expanded$(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "expandedAttr$" }] : /* istanbul ignore next */ []));
+        this.expandedAttr$ = computed(() => this.navigation.isSnapped$() ? this.popoverOpen$() && !this.isOverflow$() : this.expanded$(), ...(ngDevMode ? [{ debugName: "expandedAttr$" }] : []));
         /** Role attribute value based on navigation state. */
         this.roleAttr$ = computed(() => {
             if (this.navigation.isSnapped$()) {
@@ -1053,43 +1026,37 @@ class NavigationListItemComponent extends FdbNavigationListItem {
                 return 'menuitemradio';
             }
             return 'treeitem';
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "roleAttr$" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "roleAttr$" }] : []));
         /** aria-checked attribute value for menuitemradio role. */
         this.ariaCheckedAttr$ = computed(() => {
             if (this.navigation.isSnapped$() && this.roleAttr$() === 'menuitemradio') {
                 return this.isActiveAttr$();
             }
             return undefined;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "ariaCheckedAttr$" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "ariaCheckedAttr$" }] : []));
         /** aria-selected attribute value - kept in both expanded and snapped modes. */
-        this.ariaSelectedAttr$ = computed(() => this.isActiveAttr$(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "ariaSelectedAttr$" }] : /* istanbul ignore next */ []));
+        this.ariaSelectedAttr$ = computed(() => this.isActiveAttr$(), ...(ngDevMode ? [{ debugName: "ariaSelectedAttr$" }] : []));
         /** aria-level attribute value - only for treeitem role. */
         this.ariaLevelAttr$ = computed(() => {
             if (!this.navigation.isSnapped$()) {
                 return this.level$();
             }
             return undefined;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "ariaLevelAttr$" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "ariaLevelAttr$" }] : []));
         /** aria-owns attribute value for items with children. */
         this.ariaOwnsAttr$ = computed(() => {
             if (this.hasChildren$()) {
                 return `${this.id()}-list`;
             }
             return undefined;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "ariaOwnsAttr$" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "ariaOwnsAttr$" }] : []));
         /** ID attribute for child lists. */
         this.childListIdAttr$ = computed(() => {
             if (this.hasChildren$()) {
                 return `${this.id()}-list`;
             }
             return undefined;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "childListIdAttr$" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "childListIdAttr$" }] : []));
         /** aria-label attribute value for snapped mode menuitemradio. */
         this.ariaLabelAttr$ = computed(() => {
             if (this.navigation.isSnapped$() && this.roleAttr$() === 'menuitemradio') {
@@ -1103,11 +1070,9 @@ class NavigationListItemComponent extends FdbNavigationListItem {
                 }
             }
             return undefined;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "ariaLabelAttr$" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "ariaLabelAttr$" }] : []));
         /** Expander aria-label attribute value. */
-        this.expanderAriaLabelAttr$ = computed(() => this._expanderAriaLabel$(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "expanderAriaLabelAttr$" }] : /* istanbul ignore next */ []));
+        this.expanderAriaLabelAttr$ = computed(() => this._expanderAriaLabel$(), ...(ngDevMode ? [{ debugName: "expanderAriaLabelAttr$" }] : []));
         /** aria-haspopup attribute value for snapped mode items with children. */
         this.ariaHasPopupAttr$ = computed(() => {
             if (this.navigation.isSnapped$() && this.hasChildren$()) {
@@ -1119,40 +1084,35 @@ class NavigationListItemComponent extends FdbNavigationListItem {
                 return 'dialog';
             }
             return undefined;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "ariaHasPopupAttr$" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "ariaHasPopupAttr$" }] : []));
         /** aria-current attribute value for snapped mode items with children. */
         this.ariaCurrentAttr$ = computed(() => {
             if (this.navigation.isSnapped$() && this.hasChildren$()) {
                 return 'page';
             }
             return undefined;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "ariaCurrentAttr$" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "ariaCurrentAttr$" }] : []));
         /** Wrapper role attribute for snapped mode popovers. */
         this.wrapperRoleAttr$ = computed(() => {
             if (this.navigation.isSnapped$() && this.hasChildren$() && !this.isOverflow$()) {
                 return 'tree';
             }
             return undefined;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "wrapperRoleAttr$" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "wrapperRoleAttr$" }] : []));
         /** Wrapper aria-roledescription for snapped mode popovers. */
         this.wrapperAriaRoleDescriptionAttr$ = computed(() => {
             if (this.navigation.isSnapped$() && this.hasChildren$() && !this.isOverflow$()) {
                 return this._snappedPopoverRoleDescription$();
             }
             return undefined;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "wrapperAriaRoleDescriptionAttr$" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "wrapperAriaRoleDescriptionAttr$" }] : []));
         /** Title item role for snapped mode - should be treeitem in popovers. */
         this.titleItemRoleAttr$ = computed(() => {
             if (this.navigation.isSnapped$() && !this.isOverflow$()) {
                 return 'treeitem';
             }
             return this.roleAttr$();
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "titleItemRoleAttr$" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "titleItemRoleAttr$" }] : []));
         /** Title item aria-selected for snapped mode - should not be selected if children are selected. */
         this.titleItemAriaSelectedAttr$ = computed(() => {
             if (this.navigation.isSnapped$() && !this.isOverflow$()) {
@@ -1165,8 +1125,7 @@ class NavigationListItemComponent extends FdbNavigationListItem {
                 return this.ariaSelectedAttr$();
             }
             return this.ariaSelectedAttr$();
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "titleItemAriaSelectedAttr$" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "titleItemAriaSelectedAttr$" }] : []));
         this.titleItemFocusable$ = computed(() => {
             if (this.navigation.isSnapped$() && !this.isOverflow$()) {
                 // Check if the parent item has the with-expander class (two-click area)
@@ -1177,8 +1136,7 @@ class NavigationListItemComponent extends FdbNavigationListItem {
                 return false; // Default to not focusable for one-click areas
             }
             return true;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "titleItemFocusable$" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "titleItemFocusable$" }] : []));
         /** CSS Class signal. */
         this.class$ = computed(() => [
             LIST_ITEM_CLASS,
@@ -1188,8 +1146,7 @@ class NavigationListItemComponent extends FdbNavigationListItem {
             this._home$() ? `${LIST_ITEM_CLASS}--home` : ''
         ]
             .filter((k) => !!k)
-            .join(' '), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "class$" }] : /* istanbul ignore next */ []));
+            .join(' '), ...(ngDevMode ? [{ debugName: "class$" }] : []));
         /** Combined selected state - considers both manual selection and service selection. */
         this.selected$ = computed(() => {
             // In router mode, only consider manual selection
@@ -1204,14 +1161,11 @@ class NavigationListItemComponent extends FdbNavigationListItem {
                 return serviceSelected || manuallySelected;
             }
             return false;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "selected$" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "selected$" }] : []));
         /** @hidden */
-        this.quickCreate$ = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "quickCreate$" }] : /* istanbul ignore next */ []));
+        this.quickCreate$ = signal(false, ...(ngDevMode ? [{ debugName: "quickCreate$" }] : []));
         /** @hidden */
-        this._moreButtonRef$ = computed(() => this._parentNavigationList?.moreButtonRef || null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_moreButtonRef$" }] : /* istanbul ignore next */ []));
+        this._moreButtonRef$ = computed(() => this._parentNavigationList?.moreButtonRef || null, ...(ngDevMode ? [{ debugName: "_moreButtonRef$" }] : []));
         /** Optional parent list component. */
         this.parentListItemComponent = inject(FdbNavigationListItemCmp, {
             optional: true,
@@ -1221,26 +1175,19 @@ class NavigationListItemComponent extends FdbNavigationListItem {
          * @hidden
          * Popover position. Changes based on rtl value.
          */
-        this.popoverPlacement = computed(() => (this._isRtl() ? 'left-start' : 'right-start'), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "popoverPlacement" }] : /* istanbul ignore next */ []));
+        this.popoverPlacement = computed(() => (this._isRtl() ? 'left-start' : 'right-start'), ...(ngDevMode ? [{ debugName: "popoverPlacement" }] : []));
         /** @hidden Max-height for the overflow submenu, computed dynamically based on viewport position. */
-        this.overflowSubmenuMaxHeight = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "overflowSubmenuMaxHeight" }] : /* istanbul ignore next */ []));
+        this.overflowSubmenuMaxHeight = signal(null, ...(ngDevMode ? [{ debugName: "overflowSubmenuMaxHeight" }] : []));
         /** @hidden */
-        this._home$ = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_home$" }] : /* istanbul ignore next */ []));
+        this._home$ = signal(false, ...(ngDevMode ? [{ debugName: "_home$" }] : []));
         /** Manual selection state signal (for router-based selection mode). */
-        this._manuallySelected$ = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_manuallySelected$" }] : /* istanbul ignore next */ []));
+        this._manuallySelected$ = signal(false, ...(ngDevMode ? [{ debugName: "_manuallySelected$" }] : []));
         /** @hidden */
-        this._class$ = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_class$" }] : /* istanbul ignore next */ []));
+        this._class$ = signal(null, ...(ngDevMode ? [{ debugName: "_class$" }] : []));
         /** @hidden */
-        this._separator$ = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_separator$" }] : /* istanbul ignore next */ []));
+        this._separator$ = signal(false, ...(ngDevMode ? [{ debugName: "_separator$" }] : []));
         /** @hidden */
-        this._spacer$ = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_spacer$" }] : /* istanbul ignore next */ []));
+        this._spacer$ = signal(false, ...(ngDevMode ? [{ debugName: "_spacer$" }] : []));
         /** @hidden */
         this._links = [];
         /** @hidden */
@@ -1252,15 +1199,12 @@ class NavigationListItemComponent extends FdbNavigationListItem {
         /** @hidden */
         this._translationResolver = inject(TranslationResolver);
         /** Translation signal for snapped popover role description. */
-        this._snappedPopoverRoleDescription$ = computed(() => this._translationResolver.resolve(this._langSignal(), 'btpNavigation.snappedPopoverRoleDescription'), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_snappedPopoverRoleDescription$" }] : /* istanbul ignore next */ []));
+        this._snappedPopoverRoleDescription$ = computed(() => this._translationResolver.resolve(this._langSignal(), 'btpNavigation.snappedPopoverRoleDescription'), ...(ngDevMode ? [{ debugName: "_snappedPopoverRoleDescription$" }] : []));
         /** Translation signal for expander aria-label. */
-        this._expanderAriaLabel$ = computed(() => this._translationResolver.resolve(this._langSignal(), 'btpNavigation.expanderAriaLabel'), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_expanderAriaLabel$" }] : /* istanbul ignore next */ []));
+        this._expanderAriaLabel$ = computed(() => this._translationResolver.resolve(this._langSignal(), 'btpNavigation.expanderAriaLabel'), ...(ngDevMode ? [{ debugName: "_expanderAriaLabel$" }] : []));
         this._rtlService = inject(RtlService$1, { optional: true });
         /** @hidden */
-        this._isRtl = computed(() => this._rtlService?.rtl() ?? false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_isRtl" }] : /* istanbul ignore next */ []));
+        this._isRtl = computed(() => this._rtlService?.rtl() ?? false, ...(ngDevMode ? [{ debugName: "_isRtl" }] : []));
         /**
          * @hidden
          * Directive that used during data-driven rendering.
@@ -1279,11 +1223,9 @@ class NavigationListItemComponent extends FdbNavigationListItem {
         /** @hidden */
         this._destroyRef = inject(DestroyRef);
         /** @hidden */
-        this._itemContainer = viewChild('itemContainer', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_itemContainer" }] : /* istanbul ignore next */ []));
+        this._itemContainer = viewChild('itemContainer', ...(ngDevMode ? [{ debugName: "_itemContainer" }] : []));
         /** @hidden */
-        this._overflowSubmenuContainer = viewChild('overflowSubmenuContainer', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_overflowSubmenuContainer" }] : /* istanbul ignore next */ []));
+        this._overflowSubmenuContainer = viewChild('overflowSubmenuContainer', ...(ngDevMode ? [{ debugName: "_overflowSubmenuContainer" }] : []));
         effect(() => {
             if (this.popoverOpen$()) {
                 const listItems = this.listItems$().filter(Boolean);
@@ -1662,8 +1604,8 @@ class NavigationListItemComponent extends FdbNavigationListItem {
             this.link?.elementRef.nativeElement.focus();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: NavigationListItemComponent, isStandalone: true, selector: "fdb-navigation-list-item", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: false, isRequired: false, transformFunction: null }, home: { classPropertyName: "home", publicName: "home", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, quickCreate: { classPropertyName: "quickCreate", publicName: "quickCreate", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, separator: { classPropertyName: "separator", publicName: "separator", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, spacer: { classPropertyName: "spacer", publicName: "spacer", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, group: { classPropertyName: "group", publicName: "group", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NavigationListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: NavigationListItemComponent, isStandalone: true, selector: "fdb-navigation-list-item", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: false, isRequired: false, transformFunction: null }, home: { classPropertyName: "home", publicName: "home", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, quickCreate: { classPropertyName: "quickCreate", publicName: "quickCreate", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, separator: { classPropertyName: "separator", publicName: "separator", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, spacer: { classPropertyName: "spacer", publicName: "spacer", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, group: { classPropertyName: "group", publicName: "group", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             NavigationService,
             {
                 provide: FdbNavigationListItem,
@@ -1675,7 +1617,7 @@ class NavigationListItemComponent extends FdbNavigationListItem {
             }
         ], queries: [{ propertyName: "link", first: true, predicate: FdbNavigationItemLink, descendants: true }, { propertyName: "linkRef", first: true, predicate: NavigationLinkRefDirective, descendants: true }, { propertyName: "listItems", predicate: FdbNavigationListItem }], viewQueries: [{ propertyName: "_itemContainer", first: true, predicate: ["itemContainer"], descendants: true, isSignal: true }, { propertyName: "_overflowSubmenuContainer", first: true, predicate: ["overflowSubmenuContainer"], descendants: true, isSignal: true }, { propertyName: "renderer", first: true, predicate: ["renderer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<!-- General renderer. -->\n<ng-template #renderer>\n    @if (!separator) {\n        <div\n            class=\"fd-navigation__item\"\n            [class.fd-navigation__item--group]=\"isGroup$()\"\n            [class.fd-navigation__item--create]=\"quickCreate$()\"\n            [class.fd-navigation__item--child]=\"normalizedLevel$() > 2\"\n            [class.fd-navigation__item--overflow]=\"isOverflow$()\"\n            [class.fd-navigation__item--with-expander]=\"!!link$()?.routerLink && hasChildren$()\"\n            [class.fd-navigation__item--disabled]=\"disabled$()\"\n            [attr.id]=\"id()\"\n            [attr.role]=\"roleAttr$()\"\n            [attr.aria-level]=\"ariaLevelAttr$()\"\n            [attr.aria-label]=\"ariaLabelAttr$()\"\n            [attr.aria-selected]=\"ariaSelectedAttr$()\"\n            [attr.aria-checked]=\"ariaCheckedAttr$()\"\n            [attr.aria-expanded]=\"expandedAttr$()\"\n            [attr.aria-disabled]=\"disabled$()\"\n            [attr.aria-owns]=\"ariaOwnsAttr$()\"\n            [attr.aria-haspopup]=\"ariaHasPopupAttr$()\"\n            [attr.aria-current]=\"ariaCurrentAttr$()\"\n            [attr.normalized-level]=\"normalizedLevel$()\"\n            (focusin)=\"_focusInHandler()\"\n            (click)=\"handleItemClick()\"\n            (keydown)=\"handleItemKeydown($event)\"\n            (mouseenter)=\"onOverflowItemMouseEnter()\"\n            fdbNavigationListItemMarker\n            #itemContainer\n        >\n            @if (!navigation.isSnapped$() || !hasChildren$()) {\n                <ng-template\n                    [ngTemplateOutlet]=\"linkRenderer\"\n                    [ngTemplateOutletContext]=\"{ $implicit: true }\"\n                ></ng-template>\n            } @else {\n                <ng-template\n                    [ngTemplateOutlet]=\"snappedNavigationItemRenderer\"\n                    [ngTemplateOutletContext]=\"{ $implicit: itemContainer }\"\n                ></ng-template>\n            }\n        </div>\n        @if (isOverflow$() && hasChildren$()) {\n            <ng-template [ngTemplateOutlet]=\"overflowItemListRenderer\"></ng-template>\n        }\n        @if (!navigation.isSnapped$()) {\n            <ng-template [ngTemplateOutlet]=\"listRenderer\"></ng-template>\n        }\n    }\n</ng-template>\n<!-- Snapped navigation list item renderer. Implicit context points to the popover trigger element. -->\n<ng-template #snappedNavigationItemRenderer let-itemContainer>\n    <ng-template [ngTemplateOutlet]=\"linkRenderer\" [ngTemplateOutletContext]=\"{ $implicit: false }\"></ng-template>\n    @if (!isOverflow$()) {\n        <fd-popover\n            #popover\n            [noArrow]=\"true\"\n            additionalBodyClass=\"fd-navigation__list-container\"\n            [isOpen]=\"popoverOpen$()\"\n            (isOpenChange)=\"_onPopoverOpen($event, popover)\"\n            [trigger]=\"itemContainer\"\n            [focusAutoCapture]=\"true\"\n            [restoreFocusOnClose]=\"false\"\n            [focusTrapped]=\"true\"\n            [placement]=\"popoverPlacement()\"\n            [disableScrollbar]=\"true\"\n        >\n            <fd-popover-body [ngClass]=\"navigation.classList$()\">\n                <ng-template\n                    [ngTemplateOutlet]=\"wrapperRenderer\"\n                    [ngTemplateOutletContext]=\"{ $implicit: true }\"\n                ></ng-template>\n            </fd-popover-body>\n        </fd-popover>\n    }\n</ng-template>\n<!-- Generic link renderer. -->\n<ng-template #linkRenderer let-showToggleButton>\n    <ng-template [ngTemplateOutlet]=\"linkRef?.templateRef || null\"></ng-template>\n    @if (!!link$()?.routerLink && hasChildren$()) {\n        <span\n            class=\"fd-navigation__has-children-indicator\"\n            role=\"button\"\n            [attr.aria-label]=\"expanderAriaLabelAttr$()\"\n            (click)=\"toggleExpanded()\"\n        ></span>\n    }\n</ng-template>\n<!-- Generic list renderer. Used when navigation is not snapped. -->\n<ng-template #listRenderer>\n    @if (isGroup$() && normalizedLevel$() === 1) {\n        <ul\n            fdb-navigation-list\n            [listItems]=\"listItems$()\"\n            parentItems\n            [moreButtonRef]=\"_moreButtonRef$()\"\n            [attr.id]=\"id() + '-list'\"\n        ></ul>\n    } @else if (hasChildren$()) {\n        <div class=\"fd-navigation__list-container\">\n            <ng-template\n                [ngTemplateOutlet]=\"wrapperRenderer\"\n                [ngTemplateOutletContext]=\"{ $implicit: false }\"\n            ></ng-template>\n        </div>\n    }\n</ng-template>\n<!-- Template used for rendering sublist of items for the list item that is currently in overflow menu. -->\n<ng-template #overflowItemListRenderer>\n    <div\n        #overflowSubmenuContainer\n        class=\"fd-navigation__list-container fd-navigation__list-container--submenu fd-menu__sublist\"\n        [style.max-height]=\"overflowSubmenuMaxHeight()\"\n    >\n        <ng-template [ngTemplateOutlet]=\"wrapperRenderer\" [ngTemplateOutletContext]=\"{ $implicit: true }\"></ng-template>\n    </div>\n</ng-template>\n<!-- Generic list renderer. Implicit context defines whether the inner list should handle keyboard navigation by its own. -->\n<ng-template #wrapperRenderer let-keyboardNavigation>\n    <div\n        class=\"fd-navigation__list-wrapper\"\n        [attr.role]=\"wrapperRoleAttr$()\"\n        [attr.aria-roledescription]=\"wrapperAriaRoleDescriptionAttr$()\"\n    >\n        @if (navigation.isSnapped$() && !isOverflow$()) {\n            <!-- If opener link itself is active, project aria-checked attribute to link repeater too for snapped mode. -->\n            <div\n                class=\"fd-navigation__item fd-navigation__item--title fd-navigation__item--child\"\n                [attr.role]=\"titleItemRoleAttr$()\"\n                [attr.aria-selected]=\"titleItemAriaSelectedAttr$()\"\n                [attr.tabindex]=\"titleItemFocusable$() ? 0 : -1\"\n            >\n                <ng-template\n                    [ngTemplateOutlet]=\"linkRenderer\"\n                    [ngTemplateOutletContext]=\"{ $implicit: false }\"\n                ></ng-template>\n            </div>\n        }\n        <ul\n            fdb-navigation-list\n            [listItems]=\"listItems$() || []\"\n            [childItems]=\"true\"\n            [role]=\"isOverflow$() ? 'menu' : 'group'\"\n            (keydown)=\"(false)\"\n            (focusBefore)=\"_focusBeforeList()\"\n            [withKeyboardNavigation]=\"keyboardNavigation\"\n            [moreButtonRef]=\"_moreButtonRef$()\"\n            [attr.id]=\"childListIdAttr$()\"\n        ></ul>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NavigationListComponent, selector: "ul[fdb-navigation-list]", inputs: ["listItems", "role", "ariaLabel", "ariaRoleDescription", "parentItems", "childItems", "noGrow", "withKeyboardNavigation", "moreButtonRef"], outputs: ["focusBefore", "focusAfter"] }, { kind: "component", type: PopoverComponent, selector: "fd-popover", inputs: ["config", "title", "trigger", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll", "placement", "maxWidth", "fillControlMode", "closeOnOutsideClick", "closeOnEscapeKey", "disabled", "triggers", "focusTrapped", "focusAutoCapture", "restoreFocusOnClose", "noArrow", "disableScrollbar", "appendTo", "placementContainer", "scrollStrategy", "cdkPositions", "applyOverlay", "additionalBodyClass", "additionalTriggerClass", "closeOnNavigation", "fixedPosition", "resizable", "bodyAriaLabel", "bodyRole", "bodyAriaLabelledBy", "isOpen"], outputs: ["triggerChange", "isOpenChange", "beforeOpen"] }, { kind: "component", type: PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"], outputs: ["onClose"] }, { kind: "directive", type: NavigationListItemMarkerDirective, selector: "[fdbNavigationListItemMarker]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationListItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NavigationListItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdb-navigation-list-item', imports: [
                         NgTemplateOutlet,
@@ -1741,14 +1683,11 @@ class NavigationMoreButtonComponent {
         /** @hidden */
         this.listItems = [];
         /** Whether the show more is visible. */
-        this.isVisible$ = signal(true, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "isVisible$" }] : /* istanbul ignore next */ []));
+        this.isVisible$ = signal(true, ...(ngDevMode ? [{ debugName: "isVisible$" }] : []));
         /** Whether popover is open. Applicable for snapped navigation state. */
-        this.popoverOpen$ = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "popoverOpen$" }] : /* istanbul ignore next */ []));
+        this.popoverOpen$ = signal(false, ...(ngDevMode ? [{ debugName: "popoverOpen$" }] : []));
         /** ID for the more button. */
-        this.id = signal('fdb-navigation-more-button', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+        this.id = signal('fdb-navigation-more-button', ...(ngDevMode ? [{ debugName: "id" }] : []));
         /** @hidden */
         this.type = 'showMore';
         /** @hidden */
@@ -1756,33 +1695,26 @@ class NavigationMoreButtonComponent {
         /**
          * Whether the item is in overflow menu.
          */
-        this.isOverflow$ = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "isOverflow$" }] : /* istanbul ignore next */ []));
+        this.isOverflow$ = signal(false, ...(ngDevMode ? [{ debugName: "isOverflow$" }] : []));
         /** Whether item has child items. */
-        this.hasChildren$ = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "hasChildren$" }] : /* istanbul ignore next */ []));
+        this.hasChildren$ = signal(false, ...(ngDevMode ? [{ debugName: "hasChildren$" }] : []));
         /** @hidden */
         this._navigation = inject(FdbNavigation);
         /**
          * Link reference.
          */
-        this.link$ = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "link$" }] : /* istanbul ignore next */ []));
+        this.link$ = signal(null, ...(ngDevMode ? [{ debugName: "link$" }] : []));
         /** More button aria-label attribute value. */
-        this.moreButtonAriaLabelAttr$ = computed(() => this._moreButtonAriaLabel$(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "moreButtonAriaLabelAttr$" }] : /* istanbul ignore next */ []));
+        this.moreButtonAriaLabelAttr$ = computed(() => this._moreButtonAriaLabel$(), ...(ngDevMode ? [{ debugName: "moreButtonAriaLabelAttr$" }] : []));
         /** Overflow menu aria-label attribute value. */
-        this.overflowMenuAriaLabelAttr$ = computed(() => this._overflowMenuAriaLabel$() || '', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "overflowMenuAriaLabelAttr$" }] : /* istanbul ignore next */ []));
+        this.overflowMenuAriaLabelAttr$ = computed(() => this._overflowMenuAriaLabel$() || '', ...(ngDevMode ? [{ debugName: "overflowMenuAriaLabelAttr$" }] : []));
         /**
          * @hidden
          * Popover position. Changes based on rtl value.
          */
-        this.popoverPlacement = computed(() => (this._isRtl() ? 'left-start' : 'right-start'), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "popoverPlacement" }] : /* istanbul ignore next */ []));
+        this.popoverPlacement = computed(() => (this._isRtl() ? 'left-start' : 'right-start'), ...(ngDevMode ? [{ debugName: "popoverPlacement" }] : []));
         /** @hidden */
-        this._triggerElement = viewChild('trigger', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_triggerElement" }] : /* istanbul ignore next */ []));
+        this._triggerElement = viewChild('trigger', ...(ngDevMode ? [{ debugName: "_triggerElement" }] : []));
         /** @hidden */
         this._popoverClicked = false;
         /** @hidden */
@@ -1790,18 +1722,15 @@ class NavigationMoreButtonComponent {
         /** @hidden */
         this._rtlService = inject(RtlService, { optional: true });
         /** @hidden */
-        this._isRtl = computed(() => this._rtlService?.rtl() ?? false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_isRtl" }] : /* istanbul ignore next */ []));
+        this._isRtl = computed(() => this._rtlService?.rtl() ?? false, ...(ngDevMode ? [{ debugName: "_isRtl" }] : []));
         /** @hidden */
         this._langSignal = inject(FD_LANGUAGE_SIGNAL);
         /** @hidden */
         this._translationResolver = inject(TranslationResolver);
         /** Translation signal for more button aria-label. */
-        this._moreButtonAriaLabel$ = computed(() => this._translationResolver.resolve(this._langSignal(), 'btpNavigation.moreButtonAriaLabel'), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_moreButtonAriaLabel$" }] : /* istanbul ignore next */ []));
+        this._moreButtonAriaLabel$ = computed(() => this._translationResolver.resolve(this._langSignal(), 'btpNavigation.moreButtonAriaLabel'), ...(ngDevMode ? [{ debugName: "_moreButtonAriaLabel$" }] : []));
         /** Translation signal for overflow menu aria-label. */
-        this._overflowMenuAriaLabel$ = computed(() => this._translationResolver.resolve(this._langSignal(), 'btpNavigation.overflowMenuAriaLabel'), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_overflowMenuAriaLabel$" }] : /* istanbul ignore next */ []));
+        this._overflowMenuAriaLabel$ = computed(() => this._translationResolver.resolve(this._langSignal(), 'btpNavigation.overflowMenuAriaLabel'), ...(ngDevMode ? [{ debugName: "_overflowMenuAriaLabel$" }] : []));
         this._navigation.closeAllPopups.pipe(takeUntilDestroyed(inject(DestroyRef))).subscribe(() => {
             this.popoverOpen$.set(false);
         });
@@ -1909,15 +1838,15 @@ class NavigationMoreButtonComponent {
     canItemBeSelected() {
         return false; // More button cannot be selected
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationMoreButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.5", type: NavigationMoreButtonComponent, isStandalone: true, selector: "li[fdb-navigation-more-button]", inputs: { listItems: "listItems" }, host: { classAttribute: "fd-navigation__list-item" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NavigationMoreButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.0", type: NavigationMoreButtonComponent, isStandalone: true, selector: "li[fdb-navigation-more-button]", inputs: { listItems: "listItems" }, host: { classAttribute: "fd-navigation__list-item" }, providers: [
             {
                 provide: FdbNavigationListItem,
                 useExisting: NavigationMoreButtonComponent
             }
         ], viewQueries: [{ propertyName: "_triggerElement", first: true, predicate: ["trigger"], descendants: true, isSignal: true }, { propertyName: "_link", first: true, predicate: FdbNavigationItemLink, descendants: true }, { propertyName: "_popover", first: true, predicate: PopoverComponent, descendants: true }, { propertyName: "_navigationList", first: true, predicate: NavigationListComponent, descendants: true }], ngImport: i0, template: "<div\n    role=\"menuitem\"\n    class=\"fd-navigation__item\"\n    [attr.aria-expanded]=\"popoverOpen$()\"\n    [attr.aria-haspopup]=\"'menu'\"\n    [attr.aria-label]=\"moreButtonAriaLabelAttr$()\"\n    aria-level=\"1\"\n    (click)=\"togglePopover(true)\"\n    (keydown)=\"_keydownPopoverToggle($event)\"\n    #trigger\n>\n    <a fdb-navigation-link glyph=\"overflow\">More Items</a>\n    <fd-popover\n        #popover\n        [triggers]=\"[]\"\n        [isOpen]=\"popoverOpen$()\"\n        (isOpenChange)=\"_onPopoverOpenChange($event)\"\n        [focusTrapped]=\"true\"\n        additionalBodyClass=\"fd-navigation__list-container fd-navigation__list-container--menu\"\n        [placement]=\"popoverPlacement()\"\n    >\n        <fd-popover-body [ngClass]=\"_navigation.classList$()\" role=\"menu\">\n            <ul\n                fdb-navigation-list\n                withKeyboardNavigation\n                [parentItems]=\"true\"\n                [ariaLabel]=\"overflowMenuAriaLabelAttr$()\"\n                class=\"fd-menu__list\"\n                [listItems]=\"listItems\"\n                [moreButtonRef]=\"this\"\n            ></ul>\n        </fd-popover-body>\n    </fd-popover>\n</div>\n", dependencies: [{ kind: "component", type: NavigationLinkComponent, selector: "a[fdb-navigation-link], button[fdb-navigation-link]", inputs: ["class", "glyph", "glyphFont", "external", "quickCreate"] }, { kind: "component", type: NavigationListComponent, selector: "ul[fdb-navigation-list]", inputs: ["listItems", "role", "ariaLabel", "ariaRoleDescription", "parentItems", "childItems", "noGrow", "withKeyboardNavigation", "moreButtonRef"], outputs: ["focusBefore", "focusAfter"] }, { kind: "component", type: PopoverComponent, selector: "fd-popover", inputs: ["config", "title", "trigger", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll", "placement", "maxWidth", "fillControlMode", "closeOnOutsideClick", "closeOnEscapeKey", "disabled", "triggers", "focusTrapped", "focusAutoCapture", "restoreFocusOnClose", "noArrow", "disableScrollbar", "appendTo", "placementContainer", "scrollStrategy", "cdkPositions", "applyOverlay", "additionalBodyClass", "additionalTriggerClass", "closeOnNavigation", "fixedPosition", "resizable", "bodyAriaLabel", "bodyRole", "bodyAriaLabelledBy", "isOpen"], outputs: ["triggerChange", "isOpenChange", "beforeOpen"] }, { kind: "component", type: PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"], outputs: ["onClose"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationMoreButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NavigationMoreButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'li[fdb-navigation-more-button]', imports: [NavigationLinkComponent, NavigationListComponent, PopoverComponent, PopoverBodyComponent, NgClass], providers: [
                         {
@@ -1967,17 +1896,13 @@ class NavigationContentStartComponent extends FdbNavigationContentContainer {
                 const level = item.level$();
                 return isSnapped ? normalizedLevel === 2 : level === 1;
             });
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "listItems$" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "listItems$" }] : []));
         /** @hidden */
-        this._showMoreButton$ = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_showMoreButton$" }] : /* istanbul ignore next */ []));
+        this._showMoreButton$ = signal(false, ...(ngDevMode ? [{ debugName: "_showMoreButton$" }] : []));
         /** @hidden */
-        this.visibleItems$ = signal(this.listItems$(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "visibleItems$" }] : /* istanbul ignore next */ []));
+        this.visibleItems$ = signal(this.listItems$(), ...(ngDevMode ? [{ debugName: "visibleItems$" }] : []));
         /** @hidden */
-        this.hiddenItems$ = signal([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "hiddenItems$" }] : /* istanbul ignore next */ []));
+        this.hiddenItems$ = signal([], ...(ngDevMode ? [{ debugName: "hiddenItems$" }] : []));
         /** @hidden */
         this._calculationInProgress = false;
         /** @hidden */
@@ -2125,15 +2050,15 @@ class NavigationContentStartComponent extends FdbNavigationContentContainer {
             }
         }, 50);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationContentStartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: NavigationContentStartComponent, isStandalone: true, selector: "fdb-navigation-content-start", inputs: { contentProjected: "contentProjected", ariaLabel: "ariaLabel", ariaRoleDescription: "ariaRoleDescription" }, host: { properties: { "style.flex-grow": "1" }, classAttribute: "fd-navigation__container fd-navigation__container--top" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NavigationContentStartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: NavigationContentStartComponent, isStandalone: true, selector: "fdb-navigation-content-start", inputs: { contentProjected: "contentProjected", ariaLabel: "ariaLabel", ariaRoleDescription: "ariaRoleDescription" }, host: { properties: { "style.flex-grow": "1" }, classAttribute: "fd-navigation__container fd-navigation__container--top" }, providers: [
             {
                 provide: FdbNavigationContentContainer,
                 useExisting: NavigationContentStartComponent
             }
         ], queries: [{ propertyName: "_listItems", predicate: FdbNavigationListItem, descendants: true }], viewQueries: [{ propertyName: "_moreContainer", first: true, predicate: ["moreContainer"], descendants: true, read: ElementRef }, { propertyName: "_showMoreButton", first: true, predicate: NavigationMoreButtonComponent, descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i1$1.ScrollbarDirective }], ngImport: i0, template: "<ul\n    fdb-navigation-list\n    [listItems]=\"visibleItems$()\"\n    [ariaLabel]=\"ariaLabel\"\n    [ariaRoleDescription]=\"ariaRoleDescription\"\n></ul>\n@if (_showMoreButton$()) {\n    <ul noGrow fdb-navigation-list role=\"menubar\" #moreContainer>\n        <li fdb-navigation-more-button [listItems]=\"hiddenItems$()\"></li>\n    </ul>\n}\n", dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "component", type: NavigationListComponent, selector: "ul[fdb-navigation-list]", inputs: ["listItems", "role", "ariaLabel", "ariaRoleDescription", "parentItems", "childItems", "noGrow", "withKeyboardNavigation", "moreButtonRef"], outputs: ["focusBefore", "focusAfter"] }, { kind: "component", type: NavigationMoreButtonComponent, selector: "li[fdb-navigation-more-button]", inputs: ["listItems"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationContentStartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NavigationContentStartComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdb-navigation-content-start', imports: [PortalModule, NavigationListComponent, NavigationMoreButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'fd-navigation__container fd-navigation__container--top',
@@ -2207,36 +2132,30 @@ class NavigationComponent extends FdbNavigation {
         /**
          * State signal.
          */
-        this.state$ = signal('expanded', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "state$" }] : /* istanbul ignore next */ []));
+        this.state$ = signal('expanded', ...(ngDevMode ? [{ debugName: "state$" }] : []));
         /**
          * Whether the navigation is in snapped mode.
          */
-        this.isSnapped$ = computed(() => this.state$() === 'snapped', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "isSnapped$" }] : /* istanbul ignore next */ []));
+        this.isSnapped$ = computed(() => this.state$() === 'snapped', ...(ngDevMode ? [{ debugName: "isSnapped$" }] : []));
         /**
          * Whether to show "More" button. Applicable for `snapped` state only.
          */
-        this.showMoreButton$ = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "showMoreButton$" }] : /* istanbul ignore next */ []));
+        this.showMoreButton$ = signal(null, ...(ngDevMode ? [{ debugName: "showMoreButton$" }] : []));
         /**
          * Signal for navigation classList.
          * Used by popover-based submenus.
          */
-        this.classList$ = signal([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "classList$" }] : /* istanbul ignore next */ []));
+        this.classList$ = signal([], ...(ngDevMode ? [{ debugName: "classList$" }] : []));
         /** @hidden */
         this.elementRef = inject(ElementRef);
         /** Navigation service for managing selection state. */
         this.service = inject(NavigationService);
         /** @hidden */
-        this._navigationItemRenderer = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_navigationItemRenderer" }] : /* istanbul ignore next */ []));
+        this._navigationItemRenderer = signal(null, ...(ngDevMode ? [{ debugName: "_navigationItemRenderer" }] : []));
         /** Stream notifies to close all popups in child list items. */
         this.closeAllPopups = new Subject();
         /** @hidden */
-        this._viewInitiated$ = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_viewInitiated$" }] : /* istanbul ignore next */ []));
+        this._viewInitiated$ = signal(false, ...(ngDevMode ? [{ debugName: "_viewInitiated$" }] : []));
         // When show more button is shown, reset items list with added "More button".
         effect(() => {
             if (this._viewInitiated$()) {
@@ -2399,8 +2318,8 @@ class NavigationComponent extends FdbNavigation {
             this._navigationItems.reset(items);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.0.5", type: NavigationComponent, isStandalone: true, selector: "fdb-navigation", inputs: { class: "class", ariaLabel: "ariaLabel", ariaRoleDescription: "ariaRoleDescription", mode: "mode", isOverlay: ["isOverlay", "isOverlay", booleanAttribute], state: "state", type: "type", selectionMode: "selectionMode" }, host: { attributes: { "role": "navigation" }, listeners: { "keydown": "_keyDownHandler($event)" }, properties: { "attr.aria-label": "this.ariaLabel", "attr.aria-roledescription": "this.ariaRoleDescription" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.1.0", type: NavigationComponent, isStandalone: true, selector: "fdb-navigation", inputs: { class: "class", ariaLabel: "ariaLabel", ariaRoleDescription: "ariaRoleDescription", mode: "mode", isOverlay: ["isOverlay", "isOverlay", booleanAttribute], state: "state", type: "type", selectionMode: "selectionMode" }, host: { attributes: { "role": "navigation" }, listeners: { "keydown": "_keyDownHandler($event)" }, properties: { "attr.aria-label": "this.ariaLabel", "attr.aria-roledescription": "this.ariaRoleDescription" } }, providers: [
             NavigationService,
             {
                 provide: FdbNavigation,
@@ -2414,7 +2333,7 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", Array)
 ], NavigationComponent.prototype, "buildComponentCssClass", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NavigationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdb-navigation', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         NavigationService,
@@ -2500,15 +2419,15 @@ class NavigationDataSourceParser {
 }
 
 class NavigationListDataSourceDirective extends DataSourceDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationListDataSourceDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: NavigationListDataSourceDirective, isStandalone: true, selector: "fdb-navigation[dataSource]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NavigationListDataSourceDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: NavigationListDataSourceDirective, isStandalone: true, selector: "fdb-navigation[dataSource]", providers: [
             {
                 provide: FD_DATA_SOURCE_TRANSFORMER,
                 useClass: NavigationDataSourceParser
             }
         ], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationListDataSourceDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NavigationListDataSourceDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector