npm - @fundamental-ngx/btp - Versions diffs - 0.65.0-rc.9 → 0.65.1-rc.0 - Mend

@fundamental-ngx/btp 0.65.0-rc.9 → 0.65.1-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/fesm2022/fundamental-ngx-btp-button.mjs +9 -9
package/fesm2022/fundamental-ngx-btp-navigation-menu.mjs +16 -16
package/fesm2022/fundamental-ngx-btp-navigation.mjs +50 -43
package/fesm2022/fundamental-ngx-btp-navigation.mjs.map +1 -1
package/fesm2022/fundamental-ngx-btp-search-field.mjs +4 -4
package/fesm2022/fundamental-ngx-btp-search-field.mjs.map +1 -1
package/fesm2022/fundamental-ngx-btp-splitter.mjs +22 -22
package/fesm2022/fundamental-ngx-btp-tool-header.mjs +33 -33
package/fesm2022/fundamental-ngx-btp-tool-layout.mjs +19 -19
package/fesm2022/fundamental-ngx-btp.mjs +4 -4
package/package.json +3 -3
package/types/fundamental-ngx-btp-navigation.d.ts +2 -2

package/fesm2022/fundamental-ngx-btp-button.mjs CHANGED Viewed

@@ -15,10 +15,10 @@ class ButtonTypeGuard {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ButtonTypeGuard, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: ButtonTypeGuard, isStandalone: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ButtonTypeGuard, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: ButtonTypeGuard, isStandalone: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ButtonTypeGuard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ButtonTypeGuard, decorators: [{
             type: Directive
         }], ctorParameters: () => [] });
@@ -31,10 +31,10 @@ class NestedButtonDirective extends ButtonTypeGuard {
         this.fdType = computed(() => (this.square() ? 'nested-square' : 'nested'), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "fdType" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NestedButtonDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: NestedButtonDirective, isStandalone: true, selector: "[fd-button][fdbNestedButton]", inputs: { square: { classPropertyName: "square", publicName: "square", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NestedButtonDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.2.1", type: NestedButtonDirective, isStandalone: true, selector: "[fd-button][fdbNestedButton]", inputs: { square: { classPropertyName: "square", publicName: "square", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NestedButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NestedButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fd-button][fdbNestedButton]'
@@ -48,10 +48,10 @@ class ToolHeaderButtonDirective extends ButtonTypeGuard {
         this.fdType = input('tool-header', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "fdType" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToolHeaderButtonDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: ToolHeaderButtonDirective, isStandalone: true, selector: "[fd-button][fdbToolHeaderButton]", inputs: { fdType: { classPropertyName: "fdType", publicName: "fdType", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ToolHeaderButtonDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.2.1", type: ToolHeaderButtonDirective, isStandalone: true, selector: "[fd-button][fdbToolHeaderButton]", inputs: { fdType: { classPropertyName: "fdType", publicName: "fdType", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToolHeaderButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ToolHeaderButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fd-button][fdbToolHeaderButton]'

package/fesm2022/fundamental-ngx-btp-navigation-menu.mjs CHANGED Viewed

@@ -39,8 +39,8 @@ class NavigationMenuItemComponent {
     getLabel() {
         return this.label;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: NavigationMenuItemComponent, isStandalone: true, selector: "fdb-navigation-menu-item, li[fdb-navigation-menu-item]", inputs: { glyph: "glyph", glyphFont: "glyphFont", label: "label" }, host: { properties: { "attr.tabindex": "this.tabindex" }, classAttribute: "fd-navigation-menu__item" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NavigationMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: NavigationMenuItemComponent, isStandalone: true, selector: "fdb-navigation-menu-item, li[fdb-navigation-menu-item]", inputs: { glyph: "glyph", glyphFont: "glyphFont", label: "label" }, host: { properties: { "attr.tabindex": "this.tabindex" }, classAttribute: "fd-navigation-menu__item" }, providers: [
             {
                 provide: FDK_FOCUSABLE_ITEM_DIRECTIVE,
                 useExisting: NavigationMenuItemComponent
@@ -63,7 +63,7 @@ class NavigationMenuItemComponent {
         <ng-content></ng-content>
     `, isInline: true, dependencies: [{ kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "size", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationMenuItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NavigationMenuItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fdb-navigation-menu-item, li[fdb-navigation-menu-item]',
@@ -114,10 +114,10 @@ class NavigationMenuPopoverControlDirective {
         this.templateRef = templateRef;
         this.viewContainerRef = viewContainerRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationMenuPopoverControlDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: NavigationMenuPopoverControlDirective, isStandalone: true, selector: "[fdbNavigationMenuPopoverControl]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NavigationMenuPopoverControlDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: NavigationMenuPopoverControlDirective, isStandalone: true, selector: "[fdbNavigationMenuPopoverControl]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationMenuPopoverControlDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NavigationMenuPopoverControlDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdbNavigationMenuPopoverControl]',
@@ -126,8 +126,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         }], ctorParameters: () => [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }] });
 class NavigationMenuPopoverComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationMenuPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: NavigationMenuPopoverComponent, isStandalone: true, selector: "fdb-navigation-menu-popover", queries: [{ propertyName: "_control", first: true, predicate: NavigationMenuPopoverControlDirective, descendants: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NavigationMenuPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: NavigationMenuPopoverComponent, isStandalone: true, selector: "fdb-navigation-menu-popover", queries: [{ propertyName: "_control", first: true, predicate: NavigationMenuPopoverControlDirective, descendants: true }], ngImport: i0, template: `
         <fd-popover additionalBodyClass="fdb-navigation-popover-body" [noArrow]="false" [focusAutoCapture]="true">
             <fd-popover-control>
                 <ng-template [ngTemplateOutlet]="_control.templateRef"></ng-template>
@@ -138,7 +138,7 @@ class NavigationMenuPopoverComponent {
         </fd-popover>
     `, isInline: true, styles: [".fdb-navigation-popover-body{--fdPopover_Offset: -.3875rem;background:var(--sapGroup_ContentBackground);border:none;border-radius:.5rem;box-shadow:var(--sapMenu_Shadow2)}.fdb-navigation-popover-body .fd-navigation-menu{padding:0;margin:.5rem}.fdb-navigation-popover-body .fd-button.fd-tool-header__action-button{max-width:initial;width:100%;justify-content:flex-start}\n"], dependencies: [{ 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: PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight", "ariaModal"], outputs: ["onClose"] }, { 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: NavigationMenuPopoverComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NavigationMenuPopoverComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdb-navigation-menu-popover', template: `
         <fd-popover additionalBodyClass="fdb-navigation-popover-body" [noArrow]="false" [focusAutoCapture]="true">
@@ -156,10 +156,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
             }] } });
 class NavigationMenuComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: NavigationMenuComponent, isStandalone: true, selector: "fdb-navigation-menu, ul[fdb-navigation-menu]", host: { attributes: { "wrap": "true" }, classAttribute: "fd-navigation-menu" }, hostDirectives: [{ directive: i1.FocusableListDirective }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: ["@charset \"UTF-8\";.fd-navigation-menu{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;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;--fdNavigationMenu_Item_Background:var(--fdNavigationMenu_Item_Border_Color_Normal);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Normal);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Bottom_Color_Normal);--fdNavigationMenu_Item_Min_Height:2.5rem;--fdNavigationMenu_Item_Padding_Right:.5rem;--fdNavigationMenu_Item_Spacing:.4375rem;--fdNavigationMenu_Item_Selection_Indicator_Size:.5rem;--fdNavigationMenu_Item_Child_Indicator_Size:.75rem;--fdNavigationMenu_Item_Text_Color:inherit;--fdNavigationMenu_Item_Font_Weight:bold;--fdNavigationMenu_Item_Font_Size:var(--sapFontSize);--fdNavigationMenu_Item_Has_Child_Indicator_Icon:\"\\e1ed\";--fdNavigationMenu_Item_Has_Link_Indicator_Icon:\"\\e04c\";--fdNavigationMenu_Selection_Indicator_Offset_Right:var(--fdNavigationMenu_Item_Spacing);background:var(--sapGroup_ContentBackground);border-radius:.5rem;list-style-type:none;padding-block:.5rem;padding-inline:.5rem}.fd-navigation-menu:after,.fd-navigation-menu:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation-menu__item{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-block:.5rem;padding-inline:0;padding-inline:.5rem var(--fdNavigationMenu_Item_Padding_Right);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdNavigationMenu_Item_Background);border-bottom:.0625rem solid var(--fdNavigationMenu_Item_Border_Color);border:.0625rem solid var(--fdNavigationMenu_Item_Border_Color);border-bottom-color:var(--fdNavigationMenu_Item_Border_Bottom_Color);border-radius:var(--fdNavigationMenu_Item_Border_Radius);color:var(--sapList_TextColor);cursor:pointer;gap:var(--fdNavigationMenu_Item_Spacing);min-height:var(--fdNavigationMenu_Item_Min_Height);position:relative;-webkit-transition:var(--fdNavigationMenu_Item_Transition);transition:var(--fdNavigationMenu_Item_Transition);width:100%}.fd-navigation-menu__item:after,.fd-navigation-menu__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation-menu__item.is-hover,.fd-navigation-menu__item:hover{--fdNavigationMenu_Item_Background:var(--sapMenu_Hover_Background);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Hover);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Color_Hover)}.fd-navigation-menu__item.is-active,.fd-navigation-menu__item:active{--fdNavigationMenu_Item_Background:var(--sapMenu_Active_Background);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Active);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Color_Active)}.fd-navigation-menu__item.is-active.is-focus,.fd-navigation-menu__item.is-active:focus,.fd-navigation-menu__item:active.is-focus,.fd-navigation-menu__item:active:focus{z-index:5;--fdNavigationMenu_Item_Background:var(--sapMenu_Active_Background);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Active);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Color_Active);outline:none}.fd-navigation-menu__item.is-selected,.fd-navigation-menu__item[aria-selected=true]{--fdNavigationMenu_Item_Background:var(--sapMenu_Selected_Background);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Selected);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Color_Selected);--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Selection_Indicator_Size))}.fd-navigation-menu__item.is-selected:after,.fd-navigation-menu__item[aria-selected=true]:after{background:var(--sapList_SelectionBorderColor);border-radius:100%;content:\"\";height:var(--fdNavigationMenu_Item_Selection_Indicator_Size);max-height:var(--fdNavigationMenu_Item_Selection_Indicator_Size);max-width:var(--fdNavigationMenu_Item_Selection_Indicator_Size);min-height:var(--fdNavigationMenu_Item_Selection_Indicator_Size);min-width:var(--fdNavigationMenu_Item_Selection_Indicator_Size);position:absolute;right:var(--fdNavigationMenu_Selection_Indicator_Offset_Right);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--fdNavigationMenu_Item_Selection_Indicator_Size)}[dir=rtl] .fd-navigation-menu__item.is-selected:after,[dir=rtl] .fd-navigation-menu__item[aria-selected=true]:after{left:var(--fdNavigationMenu_Selection_Indicator_Offset_Right);right:auto}.fd-navigation-menu__item.is-focus,.fd-navigation-menu__item:focus{z-index:5;--fdNavigationMenu_Item_Background:var(--sapMenu_Background);--fdNavigationMenu_Item_Border_Color:transparent;--fdNavigationMenu_Item_Border_Bottom_Color:transparent;outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor)}.fd-navigation-menu__item.is-disabled,.fd-navigation-menu__item:disabled,.fd-navigation-menu__item[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-navigation-menu__item[class*=-compact],[class*=-compact] .fd-navigation-menu__item:not([class*=-cozy]){--fdNavigationMenu_Item_Min_Height:2rem}.fd-navigation-menu__item--has-children{--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))}.fd-navigation-menu__item--has-children:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;content:var(--fdNavigationMenu_Item_Has_Child_Indicator_Icon);font-family:SAP-icons;font-size:.75rem;height:.75rem;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;position:absolute;right:var(--fdNavigationMenu_Item_Spacing);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:.75rem}[dir=rtl] .fd-navigation-menu__item--has-children:before{left:var(--fdNavigationMenu_Item_Spacing);right:auto}.fd-navigation-menu__item--has-children.is-expanded,.fd-navigation-menu__item--has-children[aria-expanded=true]{--fdNavigationMenu_Item_Has_Child_Indicator_Icon:\"\\e1ef\"}.fd-navigation-menu__item--has-children[dir=rtl],[dir=rtl] .fd-navigation-menu__item--has-children{--fdNavigationMenu_Item_Has_Child_Indicator_Icon:\"\\e1ee\"}.fd-navigation-menu__item--has-children.is-selected,.fd-navigation-menu__item--has-children[aria-selected=true]{--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*3 + var(--fdNavigationMenu_Item_Selection_Indicator_Size) + var(--fdNavigationMenu_Item_Child_Indicator_Size));--fdNavigationMenu_Selection_Indicator_Offset_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))}.fd-navigation-menu__item--has-link-indicator{--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))}.fd-navigation-menu__item--has-link-indicator:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapContent_LabelColor);content:var(--fdNavigationMenu_Item_Has_Link_Indicator_Icon);font-family:SAP-icons;font-size:.75rem;height:.75rem;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;position:absolute;right:var(--fdNavigationMenu_Item_Spacing);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:.75rem}[dir=rtl] .fd-navigation-menu__item--has-link-indicator:before{left:var(--fdNavigationMenu_Item_Spacing);right:auto}.fd-navigation-menu__item--has-link-indicator[dir=rtl],[dir=rtl] .fd-navigation-menu__item--has-link-indicator{--fdNavigationMenu_Item_Has_Link_Indicator_Icon:\"\\e04d\"}.fd-navigation-menu__item--has-link-indicator.is-selected,.fd-navigation-menu__item--has-link-indicator[aria-selected=true]{--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*3 + var(--fdNavigationMenu_Item_Selection_Indicator_Size) + var(--fdNavigationMenu_Item_Child_Indicator_Size));--fdNavigationMenu_Selection_Indicator_Offset_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))}.fd-navigation-menu__item--child{--fdNavigationMenu_Item_Spacing:.5rem;--fdNavigationMenu_Item_Font_Weight:normal}.fd-navigation-menu__item--group{--fdNavigationMenu_Item_Spacing:.4375rem;--fdNavigationMenu_Item_Text_Color:var(--sapContent_LabelColor);--fdNavigationMenu_Item_Font_Weight:semibold;--fdNavigationMenu_Item_Font_Size:var(--sapFontSmallSize)}.fd-navigation-menu__icon{height:1rem;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fd-navigation-menu__icon [class*=sap-icon],.fd-navigation-menu__icon[class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-size:1rem}.fd-navigation-menu__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdNavigationMenu_Item_Text_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdNavigationMenu_Item_Font_Size);font-weight:400;font-weight:var(--fdNavigationMenu_Item_Font_Weight);forced-color-adjust:none;line-height:normal;line-height:1;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;vertical-align:baseline;white-space:nowrap}.fd-navigation-menu__text:after,.fd-navigation-menu__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}\n/*! Bundled license information:\n\nfundamental-styles/dist/navigation-menu.css:\n  (*!\n   * Fundamental Library Styles v0.41.9\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"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NavigationMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: NavigationMenuComponent, isStandalone: true, selector: "fdb-navigation-menu, ul[fdb-navigation-menu]", host: { attributes: { "wrap": "true" }, classAttribute: "fd-navigation-menu" }, hostDirectives: [{ directive: i1.FocusableListDirective }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: ["@charset \"UTF-8\";.fd-navigation-menu{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;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;--fdNavigationMenu_Item_Background:var(--fdNavigationMenu_Item_Border_Color_Normal);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Normal);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Bottom_Color_Normal);--fdNavigationMenu_Item_Min_Height:2.5rem;--fdNavigationMenu_Item_Padding_Right:.5rem;--fdNavigationMenu_Item_Spacing:.4375rem;--fdNavigationMenu_Item_Selection_Indicator_Size:.5rem;--fdNavigationMenu_Item_Child_Indicator_Size:.75rem;--fdNavigationMenu_Item_Text_Color:inherit;--fdNavigationMenu_Item_Font_Weight:bold;--fdNavigationMenu_Item_Font_Size:var(--sapFontSize);--fdNavigationMenu_Item_Has_Child_Indicator_Icon:\"\\e1ed\";--fdNavigationMenu_Item_Has_Link_Indicator_Icon:\"\\e04c\";--fdNavigationMenu_Selection_Indicator_Offset_Right:var(--fdNavigationMenu_Item_Spacing);background:var(--sapGroup_ContentBackground);border-radius:.5rem;list-style-type:none;padding-block:.5rem;padding-inline:.5rem}.fd-navigation-menu:after,.fd-navigation-menu:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation-menu__item{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-block:.5rem;padding-inline:0;padding-inline:.5rem var(--fdNavigationMenu_Item_Padding_Right);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdNavigationMenu_Item_Background);border-bottom:.0625rem solid var(--fdNavigationMenu_Item_Border_Color);border:.0625rem solid var(--fdNavigationMenu_Item_Border_Color);border-bottom-color:var(--fdNavigationMenu_Item_Border_Bottom_Color);border-radius:var(--fdNavigationMenu_Item_Border_Radius);color:var(--sapList_TextColor);cursor:pointer;gap:var(--fdNavigationMenu_Item_Spacing);min-height:var(--fdNavigationMenu_Item_Min_Height);position:relative;-webkit-transition:var(--fdNavigationMenu_Item_Transition);transition:var(--fdNavigationMenu_Item_Transition);width:100%}.fd-navigation-menu__item:after,.fd-navigation-menu__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation-menu__item.is-hover,.fd-navigation-menu__item:hover{--fdNavigationMenu_Item_Background:var(--sapMenu_Hover_Background);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Hover);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Color_Hover)}.fd-navigation-menu__item.is-active,.fd-navigation-menu__item:active{--fdNavigationMenu_Item_Background:var(--sapMenu_Active_Background);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Active);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Color_Active)}.fd-navigation-menu__item.is-active.is-focus,.fd-navigation-menu__item.is-active:focus,.fd-navigation-menu__item:active.is-focus,.fd-navigation-menu__item:active:focus{z-index:5;--fdNavigationMenu_Item_Background:var(--sapMenu_Active_Background);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Active);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Color_Active);outline:none}.fd-navigation-menu__item.is-selected,.fd-navigation-menu__item[aria-selected=true]{--fdNavigationMenu_Item_Background:var(--sapMenu_Selected_Background);--fdNavigationMenu_Item_Border_Color:var(--fdNavigationMenu_Item_Border_Color_Selected);--fdNavigationMenu_Item_Border_Bottom_Color:var(--fdNavigationMenu_Item_Border_Color_Selected);--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Selection_Indicator_Size))}.fd-navigation-menu__item.is-selected:after,.fd-navigation-menu__item[aria-selected=true]:after{background:var(--sapList_SelectionBorderColor);border-radius:100%;content:\"\";height:var(--fdNavigationMenu_Item_Selection_Indicator_Size);max-height:var(--fdNavigationMenu_Item_Selection_Indicator_Size);max-width:var(--fdNavigationMenu_Item_Selection_Indicator_Size);min-height:var(--fdNavigationMenu_Item_Selection_Indicator_Size);min-width:var(--fdNavigationMenu_Item_Selection_Indicator_Size);position:absolute;right:var(--fdNavigationMenu_Selection_Indicator_Offset_Right);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--fdNavigationMenu_Item_Selection_Indicator_Size)}[dir=rtl] .fd-navigation-menu__item.is-selected:after,[dir=rtl] .fd-navigation-menu__item[aria-selected=true]:after{left:var(--fdNavigationMenu_Selection_Indicator_Offset_Right);right:auto}.fd-navigation-menu__item.is-focus,.fd-navigation-menu__item:focus{z-index:5;--fdNavigationMenu_Item_Background:var(--sapMenu_Background);--fdNavigationMenu_Item_Border_Color:transparent;--fdNavigationMenu_Item_Border_Bottom_Color:transparent;outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor)}.fd-navigation-menu__item.is-disabled,.fd-navigation-menu__item:disabled,.fd-navigation-menu__item[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-navigation-menu__item[class*=-compact],[class*=-compact] .fd-navigation-menu__item:not([class*=-cozy]){--fdNavigationMenu_Item_Min_Height:2rem}.fd-navigation-menu__item--has-children{--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))}.fd-navigation-menu__item--has-children:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;content:var(--fdNavigationMenu_Item_Has_Child_Indicator_Icon);font-family:SAP-icons;font-size:.75rem;height:.75rem;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;position:absolute;right:var(--fdNavigationMenu_Item_Spacing);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:.75rem}[dir=rtl] .fd-navigation-menu__item--has-children:before{left:var(--fdNavigationMenu_Item_Spacing);right:auto}.fd-navigation-menu__item--has-children.is-expanded,.fd-navigation-menu__item--has-children[aria-expanded=true]{--fdNavigationMenu_Item_Has_Child_Indicator_Icon:\"\\e1ef\"}.fd-navigation-menu__item--has-children[dir=rtl],[dir=rtl] .fd-navigation-menu__item--has-children{--fdNavigationMenu_Item_Has_Child_Indicator_Icon:\"\\e1ee\"}.fd-navigation-menu__item--has-children.is-selected,.fd-navigation-menu__item--has-children[aria-selected=true]{--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*3 + var(--fdNavigationMenu_Item_Selection_Indicator_Size) + var(--fdNavigationMenu_Item_Child_Indicator_Size));--fdNavigationMenu_Selection_Indicator_Offset_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))}.fd-navigation-menu__item--has-link-indicator{--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))}.fd-navigation-menu__item--has-link-indicator:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapContent_LabelColor);content:var(--fdNavigationMenu_Item_Has_Link_Indicator_Icon);font-family:SAP-icons;font-size:.75rem;height:.75rem;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;position:absolute;right:var(--fdNavigationMenu_Item_Spacing);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:.75rem}[dir=rtl] .fd-navigation-menu__item--has-link-indicator:before{left:var(--fdNavigationMenu_Item_Spacing);right:auto}.fd-navigation-menu__item--has-link-indicator[dir=rtl],[dir=rtl] .fd-navigation-menu__item--has-link-indicator{--fdNavigationMenu_Item_Has_Link_Indicator_Icon:\"\\e04d\"}.fd-navigation-menu__item--has-link-indicator.is-selected,.fd-navigation-menu__item--has-link-indicator[aria-selected=true]{--fdNavigationMenu_Item_Padding_Right:calc(var(--fdNavigationMenu_Item_Spacing)*3 + var(--fdNavigationMenu_Item_Selection_Indicator_Size) + var(--fdNavigationMenu_Item_Child_Indicator_Size));--fdNavigationMenu_Selection_Indicator_Offset_Right:calc(var(--fdNavigationMenu_Item_Spacing)*2 + var(--fdNavigationMenu_Item_Child_Indicator_Size))}.fd-navigation-menu__item--child{--fdNavigationMenu_Item_Spacing:.5rem;--fdNavigationMenu_Item_Font_Weight:normal}.fd-navigation-menu__item--group{--fdNavigationMenu_Item_Spacing:.4375rem;--fdNavigationMenu_Item_Text_Color:var(--sapContent_LabelColor);--fdNavigationMenu_Item_Font_Weight:semibold;--fdNavigationMenu_Item_Font_Size:var(--sapFontSmallSize)}.fd-navigation-menu__icon{height:1rem;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fd-navigation-menu__icon [class*=sap-icon],.fd-navigation-menu__icon[class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-size:1rem}.fd-navigation-menu__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdNavigationMenu_Item_Text_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdNavigationMenu_Item_Font_Size);font-weight:400;font-weight:var(--fdNavigationMenu_Item_Font_Weight);forced-color-adjust:none;line-height:normal;line-height:1;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;vertical-align:baseline;white-space:nowrap}.fd-navigation-menu__text:after,.fd-navigation-menu__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}\n/*! Bundled license information:\n\nfundamental-styles/dist/navigation-menu.css:\n  (*!\n   * Fundamental Library Styles v0.41.9\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"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NavigationMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdb-navigation-menu, ul[fdb-navigation-menu]', template: `<ng-content></ng-content>`, standalone: true, encapsulation: ViewEncapsulation.None, host: {
                         class: 'fd-navigation-menu',
@@ -172,11 +172,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * Use direct imports of components and directives.
  */
 class NavigationMenuModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: NavigationMenuModule, imports: [NavigationMenuComponent, NavigationMenuItemComponent], exports: [NavigationMenuComponent, NavigationMenuItemComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationMenuModule, imports: [NavigationMenuItemComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NavigationMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.1", ngImport: i0, type: NavigationMenuModule, imports: [NavigationMenuComponent, NavigationMenuItemComponent], exports: [NavigationMenuComponent, NavigationMenuItemComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NavigationMenuModule, imports: [NavigationMenuItemComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NavigationMenuModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NavigationMenuModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [NavigationMenuComponent, NavigationMenuItemComponent],

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

@@ -174,10 +174,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: "22.2.1", ngImport: i0, type: NavigationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.2.1", 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: "22.2.1", ngImport: i0, type: NavigationService, decorators: [{
             type: Injectable
         }] });
@@ -412,10 +412,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: "22.2.1", ngImport: i0, type: NavigationListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", 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: "22.2.1", 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',
@@ -498,8 +498,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: "22.2.1", ngImport: i0, type: NavigationContentEndComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", 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
@@ -511,7 +511,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: "22.2.1", ngImport: i0, type: NavigationContentEndComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fdb-navigation-content-end',
@@ -597,15 +597,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: "22.2.1", ngImport: i0, type: NavigationListItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", 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: "22.2.1", ngImport: i0, type: NavigationListItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdbNavigationListItem]',
@@ -628,10 +628,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: "22.2.1", ngImport: i0, type: NavigationListItemRefDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", 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: "22.2.1", ngImport: i0, type: NavigationListItemRefDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdbNavigationListItemRef]',
@@ -649,10 +649,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: "22.2.1", ngImport: i0, type: NavigationLinkRefDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", 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: "22.2.1", ngImport: i0, type: NavigationLinkRefDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdbNavigationLinkRef]',
@@ -862,15 +862,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: "22.2.1", ngImport: i0, type: NavigationLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", 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: "22.2.1", 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: [
                         {
@@ -908,10 +908,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: "22.2.1", ngImport: i0, type: NavigationListItemMarkerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", 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: "22.2.1", ngImport: i0, type: NavigationListItemMarkerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdbNavigationListItemMarker]',
@@ -1074,8 +1074,15 @@ class NavigationListItemComponent extends FdbNavigationListItem {
             return undefined;
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "ariaCheckedAttr$" }] : /* istanbul ignore next */ []));
-        /** aria-selected attribute value - kept in both expanded and snapped modes. */
-        this.ariaSelectedAttr$ = computed(() => this.isActiveAttr$(), /* @ts-ignore */
+        /** aria-selected attribute value - only valid for treeitem role per WAI-ARIA 1.2. */
+        this.ariaSelectedAttr$ = computed(() => {
+            // aria-selected is only valid on: gridcell, option, row, tab, treeitem, columnheader, rowheader
+            // For navigation items, only emit when role is treeitem
+            if (this.roleAttr$() === 'treeitem') {
+                return this.isActiveAttr$();
+            }
+            return undefined;
+        }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "ariaSelectedAttr$" }] : /* istanbul ignore next */ []));
         /** aria-level attribute value - only for treeitem role. */
         this.ariaLevelAttr$ = computed(() => {
@@ -1690,8 +1697,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 }, sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null }, search: { classPropertyName: "search", publicName: "search", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NavigationListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", 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 }, sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null }, search: { classPropertyName: "search", publicName: "search", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             NavigationService,
             {
                 provide: FdbNavigationListItem,
@@ -1701,9 +1708,9 @@ class NavigationListItemComponent extends FdbNavigationListItem {
                 provide: FdbNavigationListItemCmp,
                 useExisting: NavigationListItemComponent
             }
-        ], 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 (search() && !navigation.isSnapped$()) {\n        <div\n            class=\"fd-navigation__item\"\n            [attr.id]=\"id()\"\n            [attr.aria-level]=\"ariaLevelAttr$()\"\n            [attr.normalized-level]=\"normalizedLevel$()\"\n            (focusin)=\"_focusInHandler()\"\n        >\n            <ng-content></ng-content>\n        </div>\n    }\n    @if (!separator && !search()) {\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            (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", "ariaModal"], 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 }); }
+        ], 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 (search() && !navigation.isSnapped$()) {\n        <div\n            class=\"fd-navigation__item\"\n            [attr.id]=\"id()\"\n            [attr.aria-level]=\"ariaLevelAttr$()\"\n            [attr.normalized-level]=\"normalizedLevel$()\"\n            (focusin)=\"_focusInHandler()\"\n        >\n            <ng-content></ng-content>\n        </div>\n    }\n    @if (!separator && !search()) {\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            [class.is-selected]=\"isActiveAttr$()\"\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            (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", "ariaModal"], 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: "22.2.1", ngImport: i0, type: NavigationListItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdb-navigation-list-item', imports: [
                         NgTemplateOutlet,
@@ -1722,7 +1729,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                             provide: FdbNavigationListItemCmp,
                             useExisting: NavigationListItemComponent
                         }
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- General renderer. -->\n<ng-template #renderer>\n    @if (search() && !navigation.isSnapped$()) {\n        <div\n            class=\"fd-navigation__item\"\n            [attr.id]=\"id()\"\n            [attr.aria-level]=\"ariaLevelAttr$()\"\n            [attr.normalized-level]=\"normalizedLevel$()\"\n            (focusin)=\"_focusInHandler()\"\n        >\n            <ng-content></ng-content>\n        </div>\n    }\n    @if (!separator && !search()) {\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            (focusBefore)=\"_focusBeforeList()\"\n            [withKeyboardNavigation]=\"keyboardNavigation\"\n            [moreButtonRef]=\"_moreButtonRef$()\"\n            [attr.id]=\"childListIdAttr$()\"\n        ></ul>\n    </div>\n</ng-template>\n" }]
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- General renderer. -->\n<ng-template #renderer>\n    @if (search() && !navigation.isSnapped$()) {\n        <div\n            class=\"fd-navigation__item\"\n            [attr.id]=\"id()\"\n            [attr.aria-level]=\"ariaLevelAttr$()\"\n            [attr.normalized-level]=\"normalizedLevel$()\"\n            (focusin)=\"_focusInHandler()\"\n        >\n            <ng-content></ng-content>\n        </div>\n    }\n    @if (!separator && !search()) {\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            [class.is-selected]=\"isActiveAttr$()\"\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            (focusBefore)=\"_focusBeforeList()\"\n            [withKeyboardNavigation]=\"keyboardNavigation\"\n            [moreButtonRef]=\"_moreButtonRef$()\"\n            [attr.id]=\"childListIdAttr$()\"\n        ></ul>\n    </div>\n</ng-template>\n" }]
         }], ctorParameters: () => [], propDecorators: { class: [{
                 type: Input
             }], home: [{
@@ -1937,15 +1944,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: "22.2.1", ngImport: i0, type: NavigationMoreButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.2.1", 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", "ariaModal"], 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: "22.2.1", ngImport: i0, type: NavigationMoreButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'li[fdb-navigation-more-button]', imports: [NavigationLinkComponent, NavigationListComponent, PopoverComponent, PopoverBodyComponent, NgClass], providers: [
                         {
@@ -2170,15 +2177,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: { classPropertyName: "contentProjected", publicName: "contentProjected", isSignal: false, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: false, isRequired: false, transformFunction: null }, ariaRoleDescription: { classPropertyName: "ariaRoleDescription", publicName: "ariaRoleDescription", isSignal: false, isRequired: false, transformFunction: null }, sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "tabindex": "-1", "class.fd-navigation__container--sticky": "sticky()", "style.flex-grow": "sticky() ? 0 : 1", "style.overflow": "overflow()" }, classAttribute: "fd-navigation__container fd-navigation__container--top" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NavigationContentStartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: NavigationContentStartComponent, isStandalone: true, selector: "fdb-navigation-content-start", inputs: { contentProjected: { classPropertyName: "contentProjected", publicName: "contentProjected", isSignal: false, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: false, isRequired: false, transformFunction: null }, ariaRoleDescription: { classPropertyName: "ariaRoleDescription", publicName: "ariaRoleDescription", isSignal: false, isRequired: false, transformFunction: null }, sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "tabindex": "-1", "class.fd-navigation__container--sticky": "sticky()", "style.flex-grow": "sticky() ? 0 : 1", "style.overflow": "overflow()" }, 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, 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: "22.2.1", 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',
@@ -2452,8 +2459,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: "22.2.1", ngImport: i0, type: NavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.2.1", 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,
@@ -2467,7 +2474,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: "22.2.1", ngImport: i0, type: NavigationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdb-navigation', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         NavigationService,
@@ -2553,15 +2560,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: "22.2.1", ngImport: i0, type: NavigationListDataSourceDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", 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: "22.2.1", ngImport: i0, type: NavigationListDataSourceDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector