@fundamental-ngx/btp 0.46.0-rc.100

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

@@ -0,0 +1,1409 @@
+import * as i0 from '@angular/core';
+import { Directive, computed, signal, inject, DestroyRef, effect, ElementRef, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, ViewChild, HostBinding, HostListener, Injector, ChangeDetectorRef, TemplateRef, ContentChild, ContentChildren, Injectable, forwardRef } from '@angular/core';
+import { __decorate, __metadata } from 'tslib';
+import { FocusKeyManager } from '@angular/cdk/a11y';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { DOWN_ARROW, UP_ARROW, LEFT_ARROW, RIGHT_ARROW } from '@angular/cdk/keycodes';
+import { NgIf, NgTemplateOutlet, AsyncPipe, NgForOf } from '@angular/common';
+import { toSignal, takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
+import { RtlService, applyCssClass, TabbableElementService, KeyUtil, resizeObservable } from '@fundamental-ngx/cdk/utils';
+import { of, filter, startWith, switchMap, merge, debounceTime, Subject, tap, observeOn, asyncScheduler, distinctUntilChanged } from 'rxjs';
+import * as i1 from '@angular/router';
+import { RouterLink, RouterLinkActive } from '@angular/router';
+import { IconComponent } from '@fundamental-ngx/core/icon';
+import { BasePopoverClass, PopoverService, PopoverComponent, PopoverControlComponent } from '@fundamental-ngx/core/popover';
+import * as i1$1 from '@angular/cdk/portal';
+import { DomPortal, PortalModule } from '@angular/cdk/portal';
+import { ButtonComponent } from '@fundamental-ngx/core/button';
+import * as i1$2 from '@fundamental-ngx/core/scrollbar';
+import { ScrollbarDirective } from '@fundamental-ngx/core/scrollbar';
+
+class NavigationHomeDirective {
+    /** @hidden */
+    constructor(templateRef, _viewContainerRef) {
+        this.templateRef = templateRef;
+        this._viewContainerRef = _viewContainerRef;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationHomeDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", type: NavigationHomeDirective, isStandalone: true, selector: "[fdbNavigationHome]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationHomeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fdbNavigationHome]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }]; } });
+
+class FdbNavigationComponent {
+    constructor() {
+        /** @hidden */
+        this.isSnapped = computed(() => this.state() === 'snapped' && !this.isPhone());
+        /** @hidden */
+        this.isPopup = computed(() => this.state() === 'popup' || this.isPhone());
+        /** @hidden */
+        this.isExpanded = computed(() => this.state() === 'expanded' && !this.isPhone());
+        /** @hidden */
+        this.isHorizontal = computed(() => this.type() === 'horizontal');
+        /** @hidden */
+        this.isVertical = computed(() => this.type() === 'vertical');
+        /** @hidden */
+        this.isDesktop = computed(() => this.mode() === '');
+        /** @hidden */
+        this.isTablet = computed(() => this.mode() === 'tablet');
+        /** @hidden */
+        this.isPhone = computed(() => this.mode() === 'phone');
+    }
+}
+
+class NavigationContentComponent {
+}
+
+class FdbNavigationListComponent {
+}
+
+class FdbNavigationListItemComponent extends BasePopoverClass {
+    /** @hidden */
+    constructor() {
+        super();
+        /** @hidden */
+        this._hidden = signal(false);
+        /** @hidden */
+        this.hiddenItems = signal([]);
+        /** @hidden */
+        this.navigationComponent = inject(FdbNavigationComponent);
+        /** @hidden */
+        this.hasPortalChildren = signal(false);
+        /** @hidden */
+        this.childFocused = signal(false);
+        /** @hidden */
+        this.parentNavigationListComponent = inject(FdbNavigationListComponent);
+        /** @hidden */
+        this._rtl = inject(RtlService, { optional: true });
+        /** @hidden */
+        this._isRtl = toSignal(this._rtl?.rtl || of(false), { requireSync: true });
+        /** @hidden */
+        this._popoverService = inject(PopoverService);
+        /** @hidden */
+        this._destroyRef = inject(DestroyRef);
+        /** @hidden */
+        this._listenToSnappedExpandedState = true;
+        this._rtl?.rtl.pipe(takeUntilDestroyed()).subscribe((isRtl) => {
+            this.placement = isRtl ? 'left-start' : 'right-start';
+            this._popoverService.refreshConfiguration(this);
+        });
+        effect(() => {
+            this.isOpen = this.expanded();
+        });
+        effect(() => {
+            const hasChildren = this.childNavigationListComponent() || this.hasPortalChildren();
+            const isSnapped = this.navigationComponent.isSnapped();
+            const shouldDisable = !isSnapped || !hasChildren || this._hidden();
+            this._listenToSnappedExpandedState = true;
+            this._popoverService.setIgnoreTriggers(shouldDisable);
+            this._popoverService.disabled = shouldDisable;
+        });
+        effect(() => {
+            if (!this._listenToSnappedExpandedState && !this._hidden()) {
+                return;
+            }
+            if (this.navigationComponent.isSnapped() && this.expanded() && this.normalizedLevel() > 1) {
+                this.expanded.set(false);
+                this.isOpen = false;
+                this._popoverService.refreshConfiguration(this);
+                this._listenToSnappedExpandedState = false;
+            }
+        }, {
+            allowSignalWrites: true
+        });
+        effect(() => {
+            const activeRouterLink = this.routerLinkActive();
+            activeRouterLink?.isActiveChange.pipe(takeUntilDestroyed(this._destroyRef)).subscribe((isActive) => {
+                this.parentListItemComponent?.setSnappedActiveState(isActive);
+            });
+        });
+        this.isOpenChange
+            .pipe(filter(() => this.navigationComponent.isSnapped()), takeUntilDestroyed(this._destroyRef))
+            .subscribe((isOpen) => {
+            this.isOpen = isOpen;
+            this.expanded.set(isOpen);
+            if (!this.isOpen) {
+                // this.focus();
+            }
+        });
+    }
+    /** @hidden */
+    ngOnDestroy() {
+        this._popoverService.close();
+        this._popoverService.onDestroy();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: FdbNavigationListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", type: FdbNavigationListItemComponent, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: FdbNavigationListItemComponent, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return []; } });
+
+class NavigationLinkComponent {
+    /** @hidden */
+    constructor() {
+        /** Whether the link is for the external resource. */
+        this.external = false;
+        /** @hidden */
+        this._tabindex = 0;
+        /** @hidden */
+        this.elementRef = inject(ElementRef);
+        /** @hidden */
+        this._routerLink = inject(RouterLink, {
+            optional: true,
+            self: true
+        });
+        /** @hidden */
+        this._routerLinkActive = inject(RouterLinkActive, { optional: true });
+        /**
+         * If user applies RouterLink, we need to check if the link is active
+         * @hidden
+         **/
+        this.isActive = toSignal(inject(RouterLinkActive).isActiveChange);
+        /** @hidden */
+        this.navigationListItemComponent = inject(FdbNavigationListItemComponent);
+        /** @hidden */
+        this._navigationComponent = inject(FdbNavigationComponent);
+        this.navigationListItemComponent.linkComponent = this;
+        this.navigationListItemComponent.routerLink.set(this._routerLink);
+        this.navigationListItemComponent.routerLinkActive.set(this._routerLinkActive);
+    }
+    /** @hidden */
+    buildComponentCssClass() {
+        return [this.class || '', 'fd-navigation__link'];
+    }
+    /** @hidden */
+    _onClick() {
+        if (this.navigationListItemComponent.childNavigationListComponent()) {
+            this.navigationListItemComponent.toggle();
+        }
+    }
+    /** @hidden */
+    _focusHandler() {
+        this._navigationComponent.setActiveItem(this.navigationListItemComponent);
+    }
+    /** @hidden */
+    ngOnChanges() {
+        this.buildComponentCssClass();
+    }
+    /** @hidden */
+    ngOnInit() {
+        this.buildComponentCssClass();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: NavigationLinkComponent, isStandalone: true, selector: "a[fdb-navigation-link]", inputs: { class: "class", glyph: "glyph", label: "label", external: "external" }, host: { attributes: { "role": "link" }, listeners: { "click": "_onClick()", "focus": "_focusHandler()" }, properties: { "attr.tabindex": "this._tabindex" } }, viewQueries: [{ propertyName: "textRenderer", first: true, predicate: ["textRenderer"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i1.RouterLinkActive }], ngImport: i0, template: `
+        <ng-container *ngIf="glyph">
+            <fd-icon
+                [glyph]="glyph"
+                class="fd-navigation__icon"
+                [attr.role]="'presentation'"
+                [ariaHidden]="true"
+            ></fd-icon>
+        </ng-container>
+        <ng-template #textRenderer>
+            <span class="fd-navigation__text">{{ label }}</span>
+            <span
+                class="fd-navigation__external-link-indicator"
+                role="presentation"
+                aria-hidden="true"
+                aria-label="external link indicator"
+                *ngIf="external"
+            ></span>
+        </ng-template>
+        <ng-container *ngTemplateOutlet="textRenderer" />
+        <span
+            class="fd-navigation__selection-indicator"
+            role="presentation"
+            aria-hidden="true"
+            aria-label="selection indicator"
+        >
+        </span>
+        <span
+            *ngIf="
+                navigationListItemComponent?.childNavigationListComponent() &&
+                navigationListItemComponent?.normalizedLevel() !== 3 &&
+                !_routerLink
+            "
+            class="fd-navigation__has-children-indicator"
+            role="presentation"
+            aria-hidden="true"
+            aria-label="has children indicator, expanded"
+        >
+        </span>
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel", "ariaHidden"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+__decorate([
+    applyCssClass,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", Array)
+], NavigationLinkComponent.prototype, "buildComponentCssClass", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationLinkComponent, decorators: [{
+            type: Component,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: 'a[fdb-navigation-link]',
+                    template: `
+        <ng-container *ngIf="glyph">
+            <fd-icon
+                [glyph]="glyph"
+                class="fd-navigation__icon"
+                [attr.role]="'presentation'"
+                [ariaHidden]="true"
+            ></fd-icon>
+        </ng-container>
+        <ng-template #textRenderer>
+            <span class="fd-navigation__text">{{ label }}</span>
+            <span
+                class="fd-navigation__external-link-indicator"
+                role="presentation"
+                aria-hidden="true"
+                aria-label="external link indicator"
+                *ngIf="external"
+            ></span>
+        </ng-template>
+        <ng-container *ngTemplateOutlet="textRenderer" />
+        <span
+            class="fd-navigation__selection-indicator"
+            role="presentation"
+            aria-hidden="true"
+            aria-label="selection indicator"
+        >
+        </span>
+        <span
+            *ngIf="
+                navigationListItemComponent?.childNavigationListComponent() &&
+                navigationListItemComponent?.normalizedLevel() !== 3 &&
+                !_routerLink
+            "
+            class="fd-navigation__has-children-indicator"
+            role="presentation"
+            aria-hidden="true"
+            aria-label="has children indicator, expanded"
+        >
+        </span>
+    `,
+                    imports: [NgIf, IconComponent, AsyncPipe, NgTemplateOutlet],
+                    hostDirectives: [RouterLinkActive],
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        role: 'link'
+                    }
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { class: [{
+                type: Input
+            }], glyph: [{
+                type: Input
+            }], label: [{
+                type: Input,
+                args: [{ required: true }]
+            }], external: [{
+                type: Input
+            }], textRenderer: [{
+                type: ViewChild,
+                args: ['textRenderer']
+            }], _tabindex: [{
+                type: HostBinding,
+                args: ['attr.tabindex']
+            }], buildComponentCssClass: [], _onClick: [{
+                type: HostListener,
+                args: ['click']
+            }], _focusHandler: [{
+                type: HostListener,
+                args: ['focus']
+            }] } });
+
+class NavigationListItemComponent extends FdbNavigationListItemComponent {
+    /** @hidden */
+    set group(group) {
+        this.isGroup.set(group);
+    }
+    /** @hidden */
+    set _expanded(expanded) {
+        this.expanded.set(expanded);
+    }
+    /** @hidden */
+    set _navigationListComponent(navigationListComponent) {
+        this.childNavigationListComponent.set(navigationListComponent);
+    }
+    /** @hidden */
+    set _routerLinkActive(routerLinkActive) {
+        this.routerLinkActive.set(routerLinkActive);
+    }
+    /** @hidden */
+    set _routerLink(routerLink) {
+        this.routerLink.set(routerLink);
+    }
+    /** @hidden */
+    set _childrenTemplate(templateRef) {
+        this.childrenTemplate.set(templateRef);
+    }
+    /**
+     * Used in attribute only. For actual calculation of level of nesting use `normalizedLevel`.
+     */
+    get level() {
+        return this.parentNavigationListComponent.level;
+    }
+    /** @hidden */
+    constructor() {
+        super();
+        /** @hidden */
+        this.alwaysFocusable = false;
+        /** @hidden */
+        this.injector = inject(Injector);
+        /** @hidden */
+        this.elementRef = inject(ElementRef);
+        /** @hidden */
+        this.parentListItemComponent = inject(FdbNavigationListItemComponent, { optional: true, skipSelf: true });
+        /** @hidden */
+        this.noArrow = false;
+        /** @hidden */
+        this.additionalBodyClass = 'fd-navigation__list-container';
+        /** @hidden */
+        this.routerLink = signal(null);
+        /** @hidden */
+        this.routerLinkActive = signal(null);
+        /** @hidden */
+        this.isRouterLinkActive = computed(() => {
+            const routerLinkActive = this.routerLinkActive();
+            if (routerLinkActive) {
+                return toSignal(routerLinkActive.isActiveChange, {
+                    initialValue: routerLinkActive.isActive,
+                    injector: this.injector
+                })();
+            }
+            return false;
+        });
+        /** @hidden */
+        this.childNavigationListComponent = signal(null);
+        /** @hidden */
+        this.expanded = signal(false);
+        /** @hidden */
+        this.fullPathExpanded = computed(() => (this.parentListItemComponent ? this.parentListItemComponent.expanded() : true) && this.expanded());
+        /** @hidden */
+        this.isGroup = signal(false);
+        /** @hidden */
+        this.childrenTemplate = signal(null);
+        /** @hidden */
+        this.childrenActive = signal(false);
+        /** @hidden */
+        this.inPortal = computed(() => this.parentInPortal() || this._selfInPortal());
+        /** @hidden */
+        this.parentInPortal = computed(() => this.parentListItemComponent?.inPortal() || false);
+        /**
+         * Used for calculation of the level of inclusion. Can be different than the actual level due to ability to mix grouped lists with ungrouped.
+         * For ungrouped lists will add +1 for the first list in the hierarchy to mimic group existence.
+         */
+        this.normalizedLevel = computed(() => {
+            if (this.parentNavigationListComponent.isInGroup() || this.isGroup()) {
+                return this.level();
+            }
+            return this.level() + 1;
+        });
+        /** @hidden */
+        this._isInPopover = computed(() => this.navigationComponent.isSnapped() && (this.normalizedLevel() > 2 || this._hidden()));
+        /** @hidden */
+        // eslint-disable-next-line max-len
+        this.expandedAttr = computed(() => (this.expanded() ||
+            (this.normalizedLevel() === 1 &&
+                !!this.childNavigationListComponent() &&
+                this.navigationComponent.isSnapped())) &&
+            !this._hidden());
+        /**
+         * Icon which should be used for the toggle button.
+         **/
+        this.toggleIcon = computed(() => {
+            if (this.expandedAttr()) {
+                return 'slim-arrow-down';
+            }
+            return this._isRtl() ? 'slim-arrow-left' : 'slim-arrow-right';
+        });
+        /** @hidden */
+        this._selfInPortal = signal(false);
+        /** @hidden */
+        this._cdr = inject(ChangeDetectorRef);
+        /** @hidden */
+        this._tabbableService = inject(TabbableElementService);
+        /** @hidden */
+        this._navigationComponent = inject(FdbNavigationComponent);
+        effect(() => {
+            this.additionalBodyComponentClasses = [
+                'fd-navigation',
+                'fd-navigation--snapped',
+                `fd-navigation--${this.navigationComponent.mode()}`
+            ]
+                .filter((klass) => !!klass)
+                .join(' ');
+            this._popoverService.updateContent(null, this.childrenTemplate());
+        });
+    }
+    /** @hidden */
+    buildComponentCssClass() {
+        return [this.class || '', 'fd-navigation__list-item'];
+    }
+    /** @hidden */
+    _keydownHandler(event) {
+        if (this._isInPopover() && KeyUtil.isKeyCode(event, [DOWN_ARROW, UP_ARROW])) {
+            event.stopImmediatePropagation();
+            if (this._hidden() || this.parentListItemComponent?._hidden()) {
+                const hiddenItems = this.navigationComponent.getMoreButton()?.hiddenItems() || [];
+                const firstLevelHiddenElementCondition = hiddenItems &&
+                    ((KeyUtil.isKeyCode(event, UP_ARROW) &&
+                        this.elementRef.nativeElement === hiddenItems[0]?.elementRef.nativeElement) ||
+                        (KeyUtil.isKeyCode(event, DOWN_ARROW) &&
+                            this.elementRef.nativeElement ===
+                                hiddenItems[hiddenItems.length - 1]?.elementRef.nativeElement));
+                const secondLevelHiddenElementCondition = this.normalizedLevel() > 2 &&
+                    ((KeyUtil.isKeyCode(event, UP_ARROW) &&
+                        this.parentNavigationListComponent.listItems.first === this) ||
+                        (KeyUtil.isKeyCode(event, DOWN_ARROW) &&
+                            this.parentNavigationListComponent.listItems.last === this));
+                if (firstLevelHiddenElementCondition || secondLevelHiddenElementCondition) {
+                    return;
+                }
+                this.navigationComponent.keyDownHandler(event);
+                return;
+            }
+            if (KeyUtil.isKeyCode(event, UP_ARROW) && this.parentNavigationListComponent.listItems.first === this) {
+                this.parentListItemComponent?.focusOnClonedLink();
+            }
+            if ((KeyUtil.isKeyCode(event, UP_ARROW) && this.parentNavigationListComponent.listItems.first === this) ||
+                (KeyUtil.isKeyCode(event, DOWN_ARROW) && this.parentNavigationListComponent.listItems.last === this)) {
+                return;
+            }
+            this.navigationComponent.keyDownHandler(event);
+            return;
+        }
+        if (!KeyUtil.isKeyCode(event, [LEFT_ARROW, RIGHT_ARROW])) {
+            return;
+        }
+        event.stopImmediatePropagation();
+        const shouldExpand = !this._isCollapseAction(event);
+        if (!this.navigationComponent.isSnapped()) {
+            this._expandedStateKeyboardHandler(shouldExpand);
+        }
+        else {
+            this._snappedStateKeyboardHandler(shouldExpand);
+        }
+    }
+    /** @hidden */
+    clonedMainLinkKeydown(event) {
+        if (this._isCollapseAction(event)) {
+            this._popoverService.close();
+            this.focus();
+            return;
+        }
+        if (KeyUtil.isKeyCode(event, DOWN_ARROW)) {
+            this._childNavigationListItems.first?.focus();
+        }
+    }
+    /** @hidden */
+    calculateExpanded() {
+        this._cdr.detectChanges();
+    }
+    /** @hidden */
+    focus() {
+        if (this.linkComponent) {
+            this.linkComponent.elementRef.nativeElement.focus();
+        }
+        else {
+            this._tabbableService.getTabbableElement(this.elementRef.nativeElement, false, true)?.focus();
+        }
+    }
+    /** @hidden */
+    ngAfterViewInit() {
+        this._popoverService.updateTriggerElement(this._navigationItem);
+    }
+    /** @hidden */
+    ngOnChanges() {
+        this.buildComponentCssClass();
+        this._popoverService.refreshConfiguration(this);
+    }
+    /** @hidden */
+    ngOnInit() {
+        this.buildComponentCssClass();
+    }
+    /** @hidden */
+    collapse() {
+        this.expanded.set(false);
+        this._popoverService.close();
+    }
+    /** @hidden */
+    expand() {
+        this.expanded.set(true);
+    }
+    /** @hidden */
+    toggle() {
+        if (this._hidden()) {
+            return;
+        }
+        this.expanded.set(!this.expanded());
+    }
+    /** @hidden */
+    setSnappedActiveState(isActive) {
+        this.childrenActive.set(isActive);
+    }
+    /** @hidden */
+    hide() {
+        this._hidden.set(true);
+        this.buildComponentCssClass();
+    }
+    /** @hidden */
+    show() {
+        this._hidden.set(false);
+        this.elementRef.nativeElement.style.display = 'flex';
+        this.buildComponentCssClass();
+    }
+    /** @hidden */
+    checkSelfHidden() {
+        const shouldHide = this._childNavigationListItems
+            ?.filter((item) => item.normalizedLevel() === this.normalizedLevel() + 1)
+            .every((item) => item._hidden());
+        this._hidden.set(shouldHide);
+        this.isOpen = shouldHide;
+        this.elementRef.nativeElement.style.display = shouldHide ? 'none' : 'flex';
+        this.buildComponentCssClass();
+    }
+    /** @hidden */
+    focusOnClonedLink() {
+        if (this._clonedMainLink) {
+            this._clonedMainLink.nativeElement.focus();
+            return;
+        }
+        const hiddenItems = this.hiddenItems();
+        if (hiddenItems.length > 0) {
+            this._tabbableService.getTabbableElement(hiddenItems[0]?.elementRef.nativeElement)?.focus();
+        }
+    }
+    /** @hidden */
+    createPortal() {
+        this.domPortal = this.domPortal || new DomPortal(this.elementRef.nativeElement);
+        this._selfInPortal.set(true);
+        return this.domPortal;
+    }
+    /** @hidden */
+    destroyPortal() {
+        if (this.domPortal?.isAttached) {
+            this.domPortal.detach();
+            this.domPortal = null;
+        }
+        this._selfInPortal.set(false);
+    }
+    /** @hidden */
+    _isCollapseAction(event) {
+        const expandKey = this._rtl?.rtl.value ? RIGHT_ARROW : LEFT_ARROW;
+        return KeyUtil.isKeyCode(event, expandKey);
+    }
+    /** @hidden */
+    _expandedStateKeyboardHandler(shouldExpand) {
+        if (shouldExpand && this.expanded()) {
+            this.navigationComponent.setNextItemActive();
+            return;
+        }
+        if (!shouldExpand && !this.expanded() && this.parentListItemComponent) {
+            this.navigationComponent.setActiveItem(this.parentListItemComponent);
+            return;
+        }
+        if (!shouldExpand && this.childNavigationListComponent()) {
+            if (!this.expanded()) {
+                this.navigationComponent.setPreviousItemActive();
+            }
+            else {
+                this.expanded.set(false);
+            }
+        }
+        this.expanded.set(shouldExpand);
+    }
+    /** @hidden */
+    _snappedStateKeyboardHandler(shouldExpand) {
+        if (shouldExpand && this._hidden()) {
+            this.expanded.set(shouldExpand);
+            this._childNavigationListItems.first?.focus();
+            this.childFocused.set(true);
+            return;
+        }
+        if (shouldExpand) {
+            if (this.expanded()) {
+                this._childNavigationListItems.first?.focus();
+                return;
+            }
+            this.expanded.set(shouldExpand);
+            this._popoverService.open();
+            setTimeout(() => {
+                this.focusOnClonedLink();
+            });
+        }
+        else {
+            this.expanded.set(shouldExpand);
+            this._popoverService.close();
+            if (!this.inPortal()) {
+                this.focus();
+            }
+            if (this.inPortal() && this.normalizedLevel() === 2) {
+                this._navigationComponent.focusMoreButton();
+            }
+            else {
+                this.parentListItemComponent?.focus();
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: NavigationListItemComponent, isStandalone: true, selector: "li[fdb-navigation-list-item]", inputs: { class: "class", group: "group", _expanded: ["expanded", "_expanded"], linkTemplate: "linkTemplate", alwaysFocusable: "alwaysFocusable" }, host: { listeners: { "keydown": "_keydownHandler($event)" } }, providers: [
+            PopoverService,
+            {
+                provide: FdbNavigationListItemComponent,
+                useExisting: NavigationListItemComponent
+            }
+        ], queries: [{ propertyName: "_navigationListComponent", first: true, predicate: FdbNavigationListComponent, descendants: true }, { propertyName: "_routerLinkActive", first: true, predicate: RouterLinkActive, descendants: true }, { propertyName: "_routerLink", first: true, predicate: RouterLink, descendants: true }, { propertyName: "linkComponent", first: true, predicate: NavigationLinkComponent, descendants: true }, { propertyName: "_childNavigationListItems", predicate: FdbNavigationListItemComponent, descendants: true }], viewQueries: [{ propertyName: "_childrenTemplate", first: true, predicate: ["childrenTemplate"], descendants: true, read: TemplateRef }, { propertyName: "_navigationItem", first: true, predicate: ["navigationItem"], descendants: true }, { propertyName: "_clonedMainLink", first: true, predicate: ["clonedMainLink"], descendants: true, read: ElementRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\n    class=\"fd-navigation__item\"\n    [class.fd-navigation__item--group]=\"isGroup()\"\n    [class.fd-navigation__item--overflow]=\"_hidden()\"\n    [class.fd-navigation__item--child]=\"normalizedLevel() > 2\"\n    [class.fd-navigation__item--with-expander]=\"\n        childNavigationListComponent() && normalizedLevel() < 3 && linkComponent?._routerLink\n    \"\n    aria-current=\"page\"\n    [attr.aria-selected]=\"isRouterLinkActive() || (childrenActive() && navigationComponent.isSnapped()) ? true : null\"\n    [attr.aria-expanded]=\"expandedAttr()\"\n    [attr.aria-level]=\"level()\"\n    #navigationItem\n    role=\"menuitem\"\n>\n    <ng-container *ngIf=\"linkTemplate\">\n        <ng-template [ngTemplateOutlet]=\"linkTemplate\" [ngTemplateOutletInjector]=\"injector\"></ng-template>\n    </ng-container>\n    <ng-content select=\"[fdb-navigation-link]\"></ng-content>\n    <button\n        (click)=\"toggle()\"\n        *ngIf=\"childNavigationListComponent() && normalizedLevel() < 3 && linkComponent?._routerLink\"\n        fd-button\n        class=\"fd-button--nested fd-navigation__expander\"\n    >\n        <fd-icon [glyph]=\"toggleIcon()\"></fd-icon>\n    </button>\n</div>\n<ng-container\n    *ngIf=\"\n        (childNavigationListComponent() && !navigationComponent.isSnapped()) ||\n        (navigationComponent.isSnapped() && normalizedLevel() < 2) ||\n        _hidden()\n    \"\n>\n    <ng-template [ngTemplateOutlet]=\"childrenTemplate\" [ngTemplateOutletInjector]=\"injector\"></ng-template>\n</ng-container>\n\n<ng-template #childrenTemplate>\n    <ng-template #childNavigationLists>\n        <ng-content select=\"ul[fdb-navigation-list]\"></ng-content>\n    </ng-template>\n\n    <ng-container *ngIf=\"isGroup(); else withWrapper\">\n        <ng-template [ngTemplateOutlet]=\"childNavigationLists\" [ngTemplateOutletInjector]=\"injector\"></ng-template>\n    </ng-container>\n    <ng-template #withWrapper>\n        <ng-template #popoverTemplate>\n            <!-- fd-navigation__list-container -->\n            <div\n                *ngIf=\"childNavigationListComponent()\"\n                [class.fd-navigation__list-container]=\"!navigationComponent.isSnapped()\"\n                aria-hidden=\"true\"\n            >\n                <div class=\"fd-navigation__list-wrapper popover-wrapper\" aria-hidden=\"true\">\n                    <div\n                        *ngIf=\"linkComponent && navigationComponent.isSnapped()\"\n                        class=\"fd-navigation__item fd-navigation__item--title fd-navigation__item--child\"\n                        aria-level=\"1\"\n                        role=\"treeitem\"\n                        aria-expanded=\"true\"\n                        [attr.aria-selected]=\"isRouterLinkActive()\"\n                    >\n                        <a\n                            class=\"fd-navigation__link\"\n                            [routerLink]=\"$any(routerLink())?.commands\"\n                            role=\"button\"\n                            tabindex=\"0\"\n                            (keydown)=\"clonedMainLinkKeydown($event)\"\n                            #clonedMainLink\n                        >\n                            <span\n                                class=\"fd-navigation__icon sap-icon--basket\"\n                                role=\"presentation\"\n                                aria-hidden=\"true\"\n                            ></span>\n                            <ng-container *ngTemplateOutlet=\"linkComponent.textRenderer!\"></ng-container>\n                            <span class=\"fd-navigation__selection-indicator\"></span>\n                        </a>\n                    </div>\n                    <ng-template\n                        [ngTemplateOutlet]=\"childNavigationLists\"\n                        [ngTemplateOutletInjector]=\"injector\"\n                    ></ng-template>\n                </div>\n            </div>\n        </ng-template>\n        <ng-template [ngIf]=\"_hidden()\" [ngIfElse]=\"popoverTemplate\">\n            <div\n                *ngIf=\"childNavigationListComponent()\"\n                class=\"fd-navigation__list-container fd-navigation__list-container--submenu fd-menu__sublist\"\n            >\n                <div class=\"fd-navigation__list-wrapper\">\n                    <ng-template\n                        [ngTemplateOutlet]=\"childNavigationLists\"\n                        [ngTemplateOutletInjector]=\"injector\"\n                    ></ng-template>\n                </div>\n            </div>\n        </ng-template>\n    </ng-template>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel", "ariaHidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+__decorate([
+    applyCssClass,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", Array)
+], NavigationListItemComponent.prototype, "buildComponentCssClass", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationListItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'li[fdb-navigation-list-item]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        PopoverService,
+                        {
+                            provide: FdbNavigationListItemComponent,
+                            useExisting: NavigationListItemComponent
+                        }
+                    ], imports: [
+                        AsyncPipe,
+                        NgIf,
+                        NgTemplateOutlet,
+                        PopoverComponent,
+                        PopoverControlComponent,
+                        RouterLink,
+                        ButtonComponent,
+                        IconComponent
+                    ], standalone: true, template: "<div\n    class=\"fd-navigation__item\"\n    [class.fd-navigation__item--group]=\"isGroup()\"\n    [class.fd-navigation__item--overflow]=\"_hidden()\"\n    [class.fd-navigation__item--child]=\"normalizedLevel() > 2\"\n    [class.fd-navigation__item--with-expander]=\"\n        childNavigationListComponent() && normalizedLevel() < 3 && linkComponent?._routerLink\n    \"\n    aria-current=\"page\"\n    [attr.aria-selected]=\"isRouterLinkActive() || (childrenActive() && navigationComponent.isSnapped()) ? true : null\"\n    [attr.aria-expanded]=\"expandedAttr()\"\n    [attr.aria-level]=\"level()\"\n    #navigationItem\n    role=\"menuitem\"\n>\n    <ng-container *ngIf=\"linkTemplate\">\n        <ng-template [ngTemplateOutlet]=\"linkTemplate\" [ngTemplateOutletInjector]=\"injector\"></ng-template>\n    </ng-container>\n    <ng-content select=\"[fdb-navigation-link]\"></ng-content>\n    <button\n        (click)=\"toggle()\"\n        *ngIf=\"childNavigationListComponent() && normalizedLevel() < 3 && linkComponent?._routerLink\"\n        fd-button\n        class=\"fd-button--nested fd-navigation__expander\"\n    >\n        <fd-icon [glyph]=\"toggleIcon()\"></fd-icon>\n    </button>\n</div>\n<ng-container\n    *ngIf=\"\n        (childNavigationListComponent() && !navigationComponent.isSnapped()) ||\n        (navigationComponent.isSnapped() && normalizedLevel() < 2) ||\n        _hidden()\n    \"\n>\n    <ng-template [ngTemplateOutlet]=\"childrenTemplate\" [ngTemplateOutletInjector]=\"injector\"></ng-template>\n</ng-container>\n\n<ng-template #childrenTemplate>\n    <ng-template #childNavigationLists>\n        <ng-content select=\"ul[fdb-navigation-list]\"></ng-content>\n    </ng-template>\n\n    <ng-container *ngIf=\"isGroup(); else withWrapper\">\n        <ng-template [ngTemplateOutlet]=\"childNavigationLists\" [ngTemplateOutletInjector]=\"injector\"></ng-template>\n    </ng-container>\n    <ng-template #withWrapper>\n        <ng-template #popoverTemplate>\n            <!-- fd-navigation__list-container -->\n            <div\n                *ngIf=\"childNavigationListComponent()\"\n                [class.fd-navigation__list-container]=\"!navigationComponent.isSnapped()\"\n                aria-hidden=\"true\"\n            >\n                <div class=\"fd-navigation__list-wrapper popover-wrapper\" aria-hidden=\"true\">\n                    <div\n                        *ngIf=\"linkComponent && navigationComponent.isSnapped()\"\n                        class=\"fd-navigation__item fd-navigation__item--title fd-navigation__item--child\"\n                        aria-level=\"1\"\n                        role=\"treeitem\"\n                        aria-expanded=\"true\"\n                        [attr.aria-selected]=\"isRouterLinkActive()\"\n                    >\n                        <a\n                            class=\"fd-navigation__link\"\n                            [routerLink]=\"$any(routerLink())?.commands\"\n                            role=\"button\"\n                            tabindex=\"0\"\n                            (keydown)=\"clonedMainLinkKeydown($event)\"\n                            #clonedMainLink\n                        >\n                            <span\n                                class=\"fd-navigation__icon sap-icon--basket\"\n                                role=\"presentation\"\n                                aria-hidden=\"true\"\n                            ></span>\n                            <ng-container *ngTemplateOutlet=\"linkComponent.textRenderer!\"></ng-container>\n                            <span class=\"fd-navigation__selection-indicator\"></span>\n                        </a>\n                    </div>\n                    <ng-template\n                        [ngTemplateOutlet]=\"childNavigationLists\"\n                        [ngTemplateOutletInjector]=\"injector\"\n                    ></ng-template>\n                </div>\n            </div>\n        </ng-template>\n        <ng-template [ngIf]=\"_hidden()\" [ngIfElse]=\"popoverTemplate\">\n            <div\n                *ngIf=\"childNavigationListComponent()\"\n                class=\"fd-navigation__list-container fd-navigation__list-container--submenu fd-menu__sublist\"\n            >\n                <div class=\"fd-navigation__list-wrapper\">\n                    <ng-template\n                        [ngTemplateOutlet]=\"childNavigationLists\"\n                        [ngTemplateOutletInjector]=\"injector\"\n                    ></ng-template>\n                </div>\n            </div>\n        </ng-template>\n    </ng-template>\n</ng-template>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { class: [{
+                type: Input
+            }], group: [{
+                type: Input
+            }], _expanded: [{
+                type: Input,
+                args: ['expanded']
+            }], linkTemplate: [{
+                type: Input
+            }], alwaysFocusable: [{
+                type: Input
+            }], _navigationListComponent: [{
+                type: ContentChild,
+                args: [FdbNavigationListComponent]
+            }], _routerLinkActive: [{
+                type: ContentChild,
+                args: [RouterLinkActive]
+            }], _routerLink: [{
+                type: ContentChild,
+                args: [RouterLink]
+            }], _childrenTemplate: [{
+                type: ViewChild,
+                args: ['childrenTemplate', { read: TemplateRef }]
+            }], _navigationItem: [{
+                type: ViewChild,
+                args: ['navigationItem']
+            }], linkComponent: [{
+                type: ContentChild,
+                args: [NavigationLinkComponent]
+            }], _childNavigationListItems: [{
+                type: ContentChildren,
+                args: [FdbNavigationListItemComponent, { descendants: true }]
+            }], _clonedMainLink: [{
+                type: ViewChild,
+                args: ['clonedMainLink', { static: false, read: ElementRef }]
+            }], buildComponentCssClass: [], _keydownHandler: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
+
+class NavigationListComponent {
+    constructor() {
+        /** @hidden */
+        this.showHome = true;
+        /** @hidden */
+        this.navigationContentComponent = inject(NavigationContentComponent);
+        /** @hidden */
+        this.parentListItemComponent = inject(FdbNavigationListItemComponent, { optional: true });
+        /** @hidden */
+        this.parentListComponent = inject(FdbNavigationListComponent, { optional: true, skipSelf: true });
+        /** @hidden */
+        this.linkTemplate = computed(() => {
+            const homeLinkTemplate = this._navigationComponent.homeLinkTemplate();
+            return !this.parentListComponent && homeLinkTemplate;
+        });
+        /** @hidden */
+        this.elementRef = inject(ElementRef);
+        /** @hidden */
+        this.isParentGroupChild = computed(() => this.parentListItemComponent?.isGroup() ?? false);
+        /** @hidden */
+        this.isInGroup = computed(() => this.isParentGroupChild() || !!this.parentListComponent?.isParentGroupChild());
+        /** @hidden */
+        this.level = computed(() => (this.parentListComponent ? this.parentListComponent.level() + 1 : 1));
+        /** @hidden */
+        this.normalizedLevel = computed(() => (this.isInGroup() ? this.level() : this.level() + (this.level() === 2 ? 1 : 0)));
+        /** @hidden */
+        this.focused = false;
+        /** @hidden */
+        this._navigationComponent = inject(FdbNavigationComponent);
+    }
+    /** @hidden */
+    buildComponentCssClass() {
+        return [
+            this.class || '',
+            'fd-navigation__list',
+            this.isParentGroupChild() ? 'fd-navigation__list--parent-items' : '',
+            this.parentListComponent?.isParentGroupChild() ? 'fd-navigation__list--child-items' : ''
+        ];
+    }
+    /** @hidden */
+    _focusIn() {
+        this.focused = true;
+    }
+    /** @hidden */
+    _focusOut() {
+        this.focused = false;
+    }
+    /** @hidden */
+    ngOnChanges() {
+        this.buildComponentCssClass();
+    }
+    /** @hidden */
+    ngOnInit() {
+        this.buildComponentCssClass();
+    }
+    /** @hidden */
+    getHomeElementSize() {
+        const sizePlaceholder = { width: 0, height: 0 };
+        const homeListItemSize = this._homeListItemElement?.nativeElement.getBoundingClientRect() || sizePlaceholder;
+        const homeListSeparatorSize = this._homeListSeparator?.nativeElement.getBoundingClientRect() || sizePlaceholder;
+        return {
+            width: homeListItemSize.width + homeListSeparatorSize.width,
+            height: homeListItemSize.height + homeListSeparatorSize.height
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: NavigationListComponent, isStandalone: true, selector: "ul[fdb-navigation-list]", inputs: { class: "class", showHome: "showHome" }, host: { attributes: { "role": "menubar" }, listeners: { "focusin": "_focusIn()", "focusout": "_focusOut()" }, properties: { "attr.aria-hidden": "true" } }, providers: [
+            {
+                provide: FdbNavigationListComponent,
+                useExisting: NavigationListComponent
+            }
+        ], queries: [{ propertyName: "listItems", predicate: FdbNavigationListItemComponent }], viewQueries: [{ propertyName: "homeListItem", first: true, predicate: ["homeListItem"], descendants: true, read: FdbNavigationListItemComponent }, { propertyName: "_homeListItemElement", first: true, predicate: ["homeListItem"], descendants: true, read: ElementRef }, { propertyName: "_homeListSeparator", first: true, predicate: ["homeListSeparator"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"showHome && navigationContentComponent.showHome\">\n    <ng-container *ngIf=\"linkTemplate() as tmp\">\n        <li\n            fdb-navigation-list-item\n            [linkTemplate]=\"tmp\"\n            [alwaysFocusable]=\"true\"\n            #homeListItem\n            [class.fd-navigation-list-item--home-without-separator]=\"!_navigationComponent.homeSeparator()\"\n            class=\"fd-navigation__list-item--home\"\n        ></li>\n        <li\n            *ngIf=\"_navigationComponent.homeSeparator()\"\n            #homeListSeparator\n            class=\"fd-navigation__list-item fd-navigation__list-item--separator\"\n        ></li>\n    </ng-container>\n</ng-container>\n<ng-content></ng-content>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NavigationListItemComponent, selector: "li[fdb-navigation-list-item]", inputs: ["class", "group", "expanded", "linkTemplate", "alwaysFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+__decorate([
+    applyCssClass,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", Array)
+], NavigationListComponent.prototype, "buildComponentCssClass", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ul[fdb-navigation-list]', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        role: 'menubar',
+                        '[attr.aria-hidden]': 'true'
+                    }, providers: [
+                        {
+                            provide: FdbNavigationListComponent,
+                            useExisting: NavigationListComponent
+                        }
+                    ], imports: [NgIf, NavigationListItemComponent], template: "<ng-container *ngIf=\"showHome && navigationContentComponent.showHome\">\n    <ng-container *ngIf=\"linkTemplate() as tmp\">\n        <li\n            fdb-navigation-list-item\n            [linkTemplate]=\"tmp\"\n            [alwaysFocusable]=\"true\"\n            #homeListItem\n            [class.fd-navigation-list-item--home-without-separator]=\"!_navigationComponent.homeSeparator()\"\n            class=\"fd-navigation__list-item--home\"\n        ></li>\n        <li\n            *ngIf=\"_navigationComponent.homeSeparator()\"\n            #homeListSeparator\n            class=\"fd-navigation__list-item fd-navigation__list-item--separator\"\n        ></li>\n    </ng-container>\n</ng-container>\n<ng-content></ng-content>\n" }]
+        }], propDecorators: { class: [{
+                type: Input
+            }], showHome: [{
+                type: Input
+            }], listItems: [{
+                type: ContentChildren,
+                args: [FdbNavigationListItemComponent]
+            }], homeListItem: [{
+                type: ViewChild,
+                args: ['homeListItem', { static: false, read: FdbNavigationListItemComponent }]
+            }], _homeListItemElement: [{
+                type: ViewChild,
+                args: ['homeListItem', { static: false, read: ElementRef }]
+            }], _homeListSeparator: [{
+                type: ViewChild,
+                args: ['homeListSeparator', { static: false, read: ElementRef }]
+            }], buildComponentCssClass: [], _focusIn: [{
+                type: HostListener,
+                args: ['focusin']
+            }], _focusOut: [{
+                type: HostListener,
+                args: ['focusout']
+            }] } });
+
+class NavigationService {
+    constructor() {
+        /** @hidden */
+        this.hiddenItems = signal(new Map());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationService, decorators: [{
+            type: Injectable
+        }] });
+
+class NavigationComponent extends FdbNavigationComponent {
+    constructor() {
+        super(...arguments);
+        /** @hidden */
+        this.class = '';
+        /** @hidden */
+        this.elementRef = inject(ElementRef);
+        /**
+         * Whether to show a separator between home item and the rest of the navigation items.
+         * Default is true.
+         */
+        this.homeSeparator = signal(true);
+        /** @hidden */
+        this.mode = signal('');
+        /** @hidden */
+        this.state = signal('expanded');
+        /** @hidden */
+        this.type = signal('vertical');
+        /** @hidden */
+        this.homeDirective = signal(null);
+        /** @hidden */
+        this.defaultLinkTemplate = signal(null);
+        /** @hidden */
+        this.homeLinkTemplate = computed(() => {
+            const homeDirective = this.homeDirective();
+            return homeDirective ? homeDirective.templateRef : this.defaultLinkTemplate();
+        });
+        /** @hidden */
+        this._isSnapped$ = toObservable(this.isSnapped);
+        /** @hidden */
+        this._destroyRef = inject(DestroyRef);
+    }
+    /** @hidden */
+    set _state(state) {
+        this.state.set(state);
+    }
+    /** @hidden */
+    set _horizontal(horizontal) {
+        this.type.set(horizontal ? 'horizontal' : 'vertical');
+    }
+    /** @hidden */
+    set _mode(mode) {
+        this.mode.set(mode);
+    }
+    /** @hidden */
+    set _type(type) {
+        this.type.set(type);
+    }
+    /** @hidden */
+    set _homeSeparator(value) {
+        // It will always be a boolean, because of the transform
+        this.homeSeparator.set(value);
+    }
+    /** @hidden */
+    set _homeDirective(homeDirective) {
+        this.homeDirective.set(homeDirective);
+    }
+    /** @hidden */
+    set _defaultLinkTemplate(templateRef) {
+        this.defaultLinkTemplate.set(templateRef);
+    }
+    /** @hidden */
+    buildComponentCssClass() {
+        return [
+            this.class,
+            'fd-navigation',
+            this.type() === 'horizontal' ? 'fd-navigation--horizontal' : 'fd-navigation--vertical',
+            this.mode() ? `fd-navigation--${this.mode()}` : '',
+            // Mobile mode should not support snapped state.
+            this.isSnapped() || this.state() !== 'snapped' ? `fd-navigation--${this.state()}` : ''
+        ];
+    }
+    /** @hidden */
+    keyDownHandler(event) {
+        if (KeyUtil.isKeyCode(event, [DOWN_ARROW, UP_ARROW])) {
+            this._keyboardEventsManager?.onKeydown(event);
+        }
+    }
+    /** @hidden */
+    ngOnChanges() {
+        this.buildComponentCssClass();
+    }
+    /** @hidden */
+    ngOnInit() {
+        this.buildComponentCssClass();
+    }
+    /** @hidden */
+    ngAfterViewInit() {
+        this._navigationContents.changes
+            .pipe(startWith(null), switchMap(() => merge(this._isSnapped$, ...this._navigationContents.map((content) => content.refresh$)).pipe(startWith(null), debounceTime(5))), takeUntilDestroyed(this._destroyRef))
+            .subscribe(() => {
+            const listItems = this._navigationContents.reduce((items, content) => {
+                items.push(...content.getNavigatableItems());
+                return items;
+            }, []);
+            // Reset keyboard manager.
+            this._keyboardEventsManager?.destroy();
+            const homeListItem = this._navigationLists.find((list) => !!list.homeListItem)?.homeListItem;
+            if (homeListItem) {
+                listItems.unshift(homeListItem);
+            }
+            this._keyboardEventsManager = new FocusKeyManager(listItems)
+                .withVerticalOrientation(true)
+                .skipPredicate((item) => {
+                if (!item.elementRef.nativeElement.isConnected) {
+                    return true;
+                }
+                if (item.alwaysFocusable) {
+                    return false;
+                }
+                const moreOpened = this._navigationContents.some((c) => c.showMoreOpened());
+                if (item.level() === 1) {
+                    if (!this.isSnapped()) {
+                        return false;
+                    }
+                    if (item.normalizedLevel() === 1) {
+                        return true;
+                    }
+                    return item._hidden() && !moreOpened;
+                }
+                if (this.isSnapped()) {
+                    if (item.inPortal() &&
+                        (item.parentListItemComponent?.isOpen || item.parentNavigationListComponent.focused) &&
+                        moreOpened) {
+                        return false;
+                    }
+                    if (item._hidden()) {
+                        return true;
+                    }
+                    return item.parentListItemComponent?.expandedAttr() !== true;
+                }
+                const navigatable = item.parentListItemComponent?.fullPathExpanded() === false;
+                return navigatable;
+            });
+        });
+    }
+    /** @hidden */
+    setNextItemActive() {
+        this._keyboardEventsManager?.setNextItemActive();
+    }
+    /** @hidden */
+    setPreviousItemActive() {
+        this._keyboardEventsManager?.setPreviousItemActive();
+    }
+    /** @hidden */
+    setActiveItem(item) {
+        this._keyboardEventsManager?.setActiveItem(item);
+    }
+    /** @hidden */
+    focusMoreButton() {
+        const showMoreButton = this._navigationContents.find((c) => !!c.showMoreOverflowItem)?.showMoreOverflowItem;
+        showMoreButton?.focus();
+        showMoreButton?.collapse();
+    }
+    /** @hidden */
+    getMoreButton() {
+        return this._navigationContents.find((c) => !!c.showMoreOverflowItem)?.showMoreOverflowItem;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "16.2.7", type: NavigationComponent, isStandalone: true, selector: "fdb-navigation", inputs: { class: "class", _state: ["state", "_state"], _horizontal: ["horizontal", "_horizontal"], _mode: ["mode", "_mode"], _type: ["type", "_type"], _homeSeparator: ["homeSeparator", "_homeSeparator", coerceBooleanProperty] }, host: { attributes: { "role": "navigation" }, listeners: { "keydown": "keyDownHandler($event)" } }, providers: [
+            NavigationService,
+            {
+                provide: FdbNavigationComponent,
+                useExisting: forwardRef(() => NavigationComponent)
+            }
+        ], queries: [{ propertyName: "_homeDirective", first: true, predicate: NavigationHomeDirective, descendants: true }, { propertyName: "_navigationItems", predicate: FdbNavigationListItemComponent, descendants: true }, { propertyName: "_navigationLists", predicate: FdbNavigationListComponent, descendants: true }, { propertyName: "_navigationContents", predicate: NavigationContentComponent, descendants: true }], viewQueries: [{ propertyName: "_defaultLinkTemplate", first: true, predicate: ["defaultLinkTemplate"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
+        <ng-content></ng-content>
+        <ng-template #defaultLinkTemplate>
+            <a fdb-navigation-link glyph="home" label="Home"></a>
+        </ng-template>
+    `, isInline: true, styles: ["@charset \"UTF-8\";/*!\n * Fundamental Library Styles v0.30.2\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-navigation{--fdNavigation_Height:100%;--fdNavigation_Padding_X:.75rem;--fdNavigation_Padding_Top:1.25rem;--fdNavigation_Item_Spacing:.25rem;--fdNavigation_Padding_Bottom:.5rem;--fdNavigation_Horizontal_Height:3.5rem;--fdNavigation_Expander_Position_Right:.5rem;--fdNavigation_Border_Radius:.5rem .5rem 0 0;--fdNavigation_Box_Shadow:var(--sapNavigation_Shadow1);--fdNavigation_Link_Icon_Size:1rem;--fdNavigation_Link_Min_Height:2rem;--fdNavigation_Link_Font_Weight:bold;--fdNavigation_Link_Spacing:.4375rem;--fdNavigation_Link_Text_Color:inherit;--fdNavigation_Link_Padding_Left:.5rem;--fdNavigation_Link_Padding_Right:.5rem;--fdNavigation_Link_Child_Indicator_Opacity:1;--fdNavigation_Link_Font_Size:var(--sapFontSize);--fdNavigation_Link_Selection_Indicator_Size:.5rem;--fdNavigation_Link_Has_Child_Indicator_Display:flex;--fdNavigation_Link_Selection_Indicator_Display:none;--fdNavigation_Link_Back_Indicator_Icon:\"\\e1ee\";--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\";--fdNavigation_Link_External_Link_Indicator_Icon:\"\\e04c\";--fdNavigation_Link_Background:var(--sapNavigation_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Normal);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Bottom_Color_Normal);--fdNavigation_Item_Group_Display:flex;--fdNavigation_Item_Title_Display:none;--fdNavigation_Item_Text_Display:inline-block;--fdNavigation_Item_Selected_Background:0 100%/100% .125rem no-repeat linear-gradient(0deg,var(--sapShell_Navigation_SelectedColor),var(--sapShell_Navigation_SelectedColor)),var(--sapNavigation_Selected_Background);--fdNavigation_List_Container_Display:none;--fdNavigation_List_Parent_Items_Display:none;-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-navigation:after,.fd-navigation:before{box-sizing:inherit;font-size:inherit}.fd-navigation--vertical{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--fdNavigation_Box_Shadow);background:var(--sapNavigation_Background);border-radius:var(--fdNavigation_Border_Radius);box-shadow:var(--fdNavigation_Box_Shadow);display:flex;flex-direction:column;height:var(--fdNavigation_Height);justify-content:space-between;min-width:16rem;padding-bottom:var(--fdNavigation_Padding_Bottom);padding-top:var(--fdNavigation_Padding_Top)}.fd-navigation--vertical.fd-navigation--popup{--fdNavigation_Height:auto;--fdNavigation_Padding_Top:.25rem;--fdNavigation_Border_Radius:.5rem;--fdNavigation_Box_Shadow:var(--sapNavigation_Shadow2)}.fd-navigation--vertical.fd-navigation--popup .fd-navigation__container--bottom,.fd-navigation--vertical.fd-navigation--popup .fd-navigation__container--top{--fdNavigation_Padding_X:.5rem}.fd-navigation--vertical.fd-navigation--snapped{--fdNavigation_Border_Radius:.5rem .5rem 0 0;max-width:3.5rem;min-width:3.5rem;width:3.5rem}.fd-navigation--horizontal{background:var(--sapNavigation_Background);height:var(--fdNavigation_Horizontal_Height);padding:.75rem 1.5rem;width:100%}.fd-navigation--horizontal .fd-navigation__link{--fdNavigation_Link_Spacing:.5rem}.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected,.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true]{--fdNavigation_Link_Selection_Indicator_Display:none;--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background)}.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link.is-focus,.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link:focus,.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link.is-focus,.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link:focus{--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background);z-index:5}.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link.is-hover,.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link:hover,.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link.is-hover,.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link:hover{--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background)}.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected.is-expanded .fd-navigation__link,.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected[aria-expanded=true] .fd-navigation__link,.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true].is-expanded .fd-navigation__link,.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true][aria-expanded=true] .fd-navigation__link{--fdNavigation_Link_Selection_Indicator_Display:none;--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background)}.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link:before,.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-expanded=true] .fd-navigation__link:before{--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color)}.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link:before{--fdNavigation_Link_Border_Bottom_Color:transparent}.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link.is-hover:before,.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link:hover:before{--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color)}.fd-navigation--horizontal .fd-navigation__list:not(.fd-navigation__list--parent-items):not(.fd-navigation__list--child-items){--fdNavigation_Item_Spacing:.75rem;flex-direction:row}.fd-navigation--horizontal .fd-navigation__list:not(.fd-navigation__list--parent-items):not(.fd-navigation__list--child-items) .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e287\"}.fd-navigation--horizontal .fd-navigation__list--child-items{--fdNavigation_Item_Spacing:0}.fd-navigation--horizontal .fd-navigation__list-item--spacer{height:.75rem;width:100%}.fd-navigation--horizontal .fd-navigation__list-item--home{background:transparent;padding-top:0;position:relative}.fd-navigation--horizontal .fd-navigation__list-item--home:before{content:none}.fd-navigation--horizontal .fd-navigation__list-container{--fdPopover_Offset:calc(100% + .3875rem);-webkit-box-shadow:var(--sapMenu_Shadow2);background:var(--sapGroup_ContentBackground);border:none;border-radius:.75rem;box-shadow:var(--sapMenu_Shadow2);padding:.05rem}.fd-navigation--horizontal .fd-navigation__list-container.fd-navigation__list-container--menu{box-shadow:var(--sapMenu_Shadow1);padding:.5rem;position:absolute;right:-.5rem;top:calc(100% + .3875rem)}.fd-navigation--horizontal .fd-navigation__list-container.fd-navigation__list-container--menu[dir=rtl],[dir=rtl] .fd-navigation--horizontal .fd-navigation__list-container.fd-navigation__list-container--menu{left:-.5rem;right:auto}.fd-navigation--horizontal .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list-wrapper{padding:0}.fd-navigation--horizontal .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list{--fdNavigation_Item_Spacing:0;box-shadow:none}.fd-navigation--horizontal .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__item.is-expanded .fd-navigation__has-children-indicator,.fd-navigation--horizontal .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\"}[dir=rtl] .fd-navigation--horizontal .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__item.is-expanded .fd-navigation__has-children-indicator,[dir=rtl] .fd-navigation--horizontal .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ee\"}.fd-navigation--horizontal .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover,.fd-navigation--horizontal .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:hover{width:100%}.fd-navigation--horizontal .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation--horizontal .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:hover .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation--horizontal .fd-navigation__list-container.fd-navigation__list-container--submenu{box-shadow:var(--sapMenu_Shadow1);left:calc(-100% - .1875rem);margin:0;padding:.5rem;top:calc(var(--fdNavigation_Link_Min_Height) - .5rem)}.fd-navigation--horizontal .fd-navigation__list-container.fd-navigation__list-container--submenu[dir=rtl],[dir=rtl] .fd-navigation--horizontal .fd-navigation__list-container.fd-navigation__list-container--submenu{left:auto;right:calc(-100% - .1875rem)}.fd-navigation--horizontal .fd-navigation__list-wrapper{padding:.7rem}.fd-navigation--horizontal .fd-navigation__item.is-expanded .fd-navigation__link,.fd-navigation--horizontal .fd-navigation__item[aria-expanded=true] .fd-navigation__link{--fdNavigation_Link_Child_Indicator_Opacity:1;--fdNavigation_Link_Background:var(--sapMenu_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation--horizontal .fd-navigation__item.is-expanded .fd-navigation__link.is-focus,.fd-navigation--horizontal .fd-navigation__item.is-expanded .fd-navigation__link:focus,.fd-navigation--horizontal .fd-navigation__item[aria-expanded=true] .fd-navigation__link.is-focus,.fd-navigation--horizontal .fd-navigation__item[aria-expanded=true] .fd-navigation__link:focus{--fdNavigation_Link_Child_Indicator_Opacity:1;--fdNavigation_Link_Background:var(--sapMenu_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active);z-index:5}.fd-navigation--horizontal .fd-navigation__item.is-expanded.is-selected .fd-navigation__link,.fd-navigation--horizontal .fd-navigation__item.is-expanded[aria-selected=true] .fd-navigation__link,.fd-navigation--horizontal .fd-navigation__item[aria-expanded=true].is-selected .fd-navigation__link,.fd-navigation--horizontal .fd-navigation__item[aria-expanded=true][aria-selected=true] .fd-navigation__link{--fdNavigation_Link_Selection_Indicator_Display:inline-block;--fdNavigation_Link_Background:var(--sapNavigation_Selected_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Selected)}.fd-navigation--horizontal .fd-navigation__item--child .fd-navigation__link{--fdNavigation_Link_Padding_Left:.5rem}.fd-navigation--snapped .fd-navigation__container--bottom,.fd-navigation--snapped .fd-navigation__container--top{overflow:visible}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title) .fd-navigation__link{--fdNavigation_Link_Spacing:.5rem}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded+.fd-navigation__list-container,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true]+.fd-navigation__list-container{display:flex}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true] .fd-navigation__link{--fdNavigation_Link_Child_Indicator_Opacity:1;--fdNavigation_Link_Background:var(--sapMenu_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded .fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded .fd-navigation__link:focus,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true] .fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true] .fd-navigation__link:focus{--fdNavigation_Link_Child_Indicator_Opacity:1;--fdNavigation_Link_Background:var(--sapMenu_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active);z-index:5}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded.is-selected .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded[aria-selected=true] .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true].is-selected .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true][aria-selected=true] .fd-navigation__link{--fdNavigation_Link_Background:var(--sapNavigation_Selected_Background)}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true]{--fdNavigation_Link_Selection_Indicator_Display:none;--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background)}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link:focus,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link:focus{--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background);z-index:5}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link:hover,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link:hover{--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background)}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected.is-expanded .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected[aria-expanded=true] .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true].is-expanded .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true][aria-expanded=true] .fd-navigation__link{--fdNavigation_Link_Selection_Indicator_Display:none;--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background)}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link:before,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-expanded=true] .fd-navigation__link:before{--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color)}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link:before{--fdNavigation_Link_Border_Bottom_Color:transparent}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link.is-hover:before,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link:hover:before{--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color)}.fd-navigation--snapped .fd-navigation__item--with-expander .fd-navigation__link{--fdNavigation_Link_Padding_Right:.5rem}.fd-navigation--snapped .fd-navigation__item--with-expander .fd-navigation__expander{display:none}.fd-navigation--snapped .fd-navigation__item--group{--fdNavigation_Item_Group_Display:none}.fd-navigation--snapped .fd-navigation__item--child .fd-navigation__link{--fdNavigation_Link_Padding_Left:.5rem}.fd-navigation--snapped .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Display:none}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:hover{width:-moz-fit-content;width:fit-content}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:hover .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:focus{width:-moz-fit-content;width:fit-content;z-index:5}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:focus .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link:hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link:hover{width:auto}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link:hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link:hover .fd-navigation__text{--fdNavigation_Item_Text_Display:none}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link:focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link:focus{width:auto;z-index:5}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link.is-focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link:focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link.is-focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link:focus .fd-navigation__text{--fdNavigation_Item_Text_Display:none}.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:hover{width:100%}.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:hover .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:focus{width:100%;z-index:5}.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:focus .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link:hover,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link:hover{width:100%}.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link:hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link:hover .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link:focus,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link:focus{width:100%;z-index:5}.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link.is-focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link:focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link.is-focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link:focus .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-container{-webkit-box-shadow:var(--sapMenu_Shadow2);background:var(--sapGroup_ContentBackground);border:none;border-radius:.75rem;box-shadow:var(--sapMenu_Shadow2);padding:.05rem}.fd-navigation--snapped .fd-navigation__list-container .fd-navigation__list--parent-items{--fdNavigation_List_Parent_Items_Display:flex}.fd-navigation--snapped .fd-navigation__list-container .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Display:flex}.fd-navigation--snapped .fd-navigation__list-container .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-container .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:hover{width:auto}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu{box-shadow:var(--sapMenu_Shadow1);left:calc(100% + .1875rem);padding:.5rem;position:absolute;top:0}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu[dir=rtl],[dir=rtl] .fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu{left:auto;right:calc(100% + .1875rem)}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list-wrapper{padding:0}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list{--fdNavigation_Item_Spacing:0;box-shadow:none}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__item.is-expanded .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\"}[dir=rtl] .fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__item .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ee\"}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:hover{width:100%}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:hover .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--submenu{box-shadow:var(--sapMenu_Shadow1);left:calc(100% + .1875rem);margin:0;padding:.5rem;top:calc(var(--fdNavigation_Link_Min_Height) - .5rem)}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--submenu[dir=rtl],[dir=rtl] .fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--submenu{left:auto;right:calc(100% + .1875rem)}.fd-navigation--snapped .fd-navigation__list-wrapper{padding:.7rem}.fd-navigation--snapped .fd-navigation__item--title{display:flex;height:auto;margin-bottom:.75rem}.fd-navigation--snapped .fd-navigation__item--title .fd-navigation__text{--fdNavigation_Item_Title_Display:block;font-size:1.25rem;font-weight:700;line-height:1.5rem}.fd-navigation--snapped .fd-navigation__list--child-items{--fdNavigation_Item_Spacing:0;height:auto}.fd-navigation--phone .fd-navigation__link,.fd-navigation--tablet .fd-navigation__link{--fdNavigation_Link_Min_Height:2.5rem;--fdNavigation_Link_Padding_Left:.6875rem;--fdNavigation_Link_Padding_Right:.6875rem}.fd-navigation--phone .fd-navigation__container--bottom,.fd-navigation--phone .fd-navigation__container--top,.fd-navigation--tablet .fd-navigation__container--bottom,.fd-navigation--tablet .fd-navigation__container--top{--fdNavigation_Padding_X:.5rem}.fd-navigation--phone .fd-navigation__icon,.fd-navigation--tablet .fd-navigation__icon{--fdNavigation_Link_Icon_Size:1.125rem}.fd-navigation--phone .fd-navigation__item--with-expander .fd-navigation__link,.fd-navigation--tablet .fd-navigation__item--with-expander .fd-navigation__link{--fdNavigation_Link_Padding_Right:2.375rem}.fd-navigation--phone .fd-navigation__item--with-expander .fd-navigation__expander,.fd-navigation--tablet .fd-navigation__item--with-expander .fd-navigation__expander{--fdNavigation_Expander_Position_Right:.6875rem}.fd-navigation--phone .fd-navigation__list,.fd-navigation--phone .fd-navigation__list-item,.fd-navigation--tablet .fd-navigation__list,.fd-navigation--tablet .fd-navigation__list-item{--fdNavigation_Item_Spacing:.125rem}.fd-navigation--phone.fd-navigation--snapped .fd-navigation__item--with-expander .fd-navigation__link,.fd-navigation--tablet.fd-navigation--snapped .fd-navigation__item--with-expander .fd-navigation__link{--fdNavigation_Link_Padding_Right:.6875rem}.fd-navigation--phone.fd-navigation--horizontal,.fd-navigation--tablet.fd-navigation--horizontal{--fdNavigation_Horizontal_Height:4rem}.fd-navigation--phone.fd-navigation--horizontal .fd-navigation__list--child-items,.fd-navigation--tablet.fd-navigation--horizontal .fd-navigation__list--child-items{--fdNavigation_Item_Spacing:0}.fd-navigation__container{position:relative}.fd-navigation__container--top{height:100%;overflow:scroll;padding-bottom:.25rem;position:relative}.fd-navigation__container--bottom,.fd-navigation__container--top{padding-left:var(--fdNavigation_Padding_X);padding-right:var(--fdNavigation_Padding_X)}.fd-navigation__container--bottom:before{background:var(--sapToolbar_SeparatorColor);content:\"\";display:inline-block;height:.0625rem;margin-bottom:.5625rem;margin-top:.5625rem;width:100%}.fd-navigation__list-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:var(--fdNavigation_List_Container_Display);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-navigation__list-container:after,.fd-navigation__list-container:before{box-sizing:inherit;font-size:inherit}.fd-navigation__list-wrapper{width:100%}.fd-navigation__list{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:var(--fdNavigation_Item_Spacing);height:100%;line-height:var(--sapContent_LineHeight);list-style-type:none;margin:0;padding:0;position:relative}.fd-navigation__list:after,.fd-navigation__list:before{box-sizing:inherit;font-size:inherit}.fd-navigation__list--parent-items{display:var(--fdNavigation_List_Parent_Items_Display)}.fd-navigation__list-item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:var(--fdNavigation_Item_Spacing);line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-navigation__list-item:after,.fd-navigation__list-item:before{box-sizing:inherit;font-size:inherit}.fd-navigation__list-item--spacer{background:transparent;height:100%;min-height:.25rem}.fd-navigation__list-item--separator{background:transparent;height:.75rem;max-height:.75rem;min-height:.75rem}.fd-navigation__list-item--home{background:var(--sapList_Background);padding-top:.25rem;position:sticky;top:0;z-index:10}.fd-navigation__list-item--home:before{background:var(--sapList_Background);content:\"\";height:calc(100% + .5rem);left:-.25rem;position:absolute;top:-.25rem;width:calc(100% + .5rem)}[dir=rtl] .fd-navigation__list-item--home:before{left:auto;right:-.25rem}.fd-navigation__list-item--overflow{position:relative}.fd-navigation__link{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:var(--fdNavigation_Link_Transition);align-items:center;background:var(--fdNavigation_Link_Background);border:0;border-radius:var(--fdNavigation_Link_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:var(--fdNavigation_Link_Spacing);line-height:var(--sapContent_LineHeight);margin:0;min-height:var(--fdNavigation_Link_Min_Height);padding:.5rem 0;padding-left:var(--fdNavigation_Link_Padding_Left);padding-right:var(--fdNavigation_Link_Padding_Right);position:relative;text-align:start;text-decoration:none;transition:var(--fdNavigation_Link_Transition);width:100%}.fd-navigation__link:after,.fd-navigation__link:before{box-sizing:inherit;font-size:inherit}.fd-navigation__link[dir=rtl],[dir=rtl] .fd-navigation__link{padding-left:var(--fdNavigation_Link_Padding_Right);padding-right:var(--fdNavigation_Link_Padding_Left)}.fd-navigation__link:before{border:.0625rem solid var(--fdNavigation_Link_Border_Color);border-bottom:.0625rem solid var(--fdNavigation_Link_Border_Color);border-bottom-color:var(--fdNavigation_Link_Border_Bottom_Color);content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}[dir=rtl] .fd-navigation__link:before{left:auto;right:0}.fd-navigation__link.is-hover,.fd-navigation__link:hover{--fdNavigation_Link_Child_Indicator_Opacity:1;--fdNavigation_Link_Background:var(--sapNavigation_Hover_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Hover);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Hover)}.fd-navigation__link.is-active,.fd-navigation__link.is-active.is-focus,.fd-navigation__link.is-active:focus,.fd-navigation__link:active,.fd-navigation__link:active.is-focus,.fd-navigation__link:active:focus{--fdNavigation_Link_Child_Indicator_Opacity:1;--fdNavigation_Link_Background:var(--sapNavigation_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation__link.is-active.is-focus,.fd-navigation__link.is-active:focus,.fd-navigation__link:active.is-focus,.fd-navigation__link:active:focus{outline:none;z-index:5}.fd-navigation__link.is-focus,.fd-navigation__link:focus{--fdNavigation_Link_Border_Color:transparent;--fdNavigation_Link_Child_Indicator_Opacity:1;--fdNavigation_Link_Border_Bottom_Color:transparent;--fdNavigation_Link_Background:var(--sapNavigation_Background);outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor);z-index:5}.fd-navigation__link:focus-visible{outline-offset:0}.fd-navigation__link.is-disabled,.fd-navigation__link:disabled,.fd-navigation__link[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-navigation__link[class*=-compact],[class*=-compact] .fd-navigation__link:not([class*=-cozy]){--fdNavigation_Link_Min_Height:2rem}.fd-navigation__item{-webkit-box-sizing:border-box;align-items:center;border:0;border-radius:var(--fdNavigation_Link_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative}.fd-navigation__item:after,.fd-navigation__item:before{box-sizing:inherit;font-size:inherit}.fd-navigation__item.is-expanded .fd-navigation__has-children-indicator,.fd-navigation__item.is-expanded .fd-navigation__has-children-indicator[dir=rtl],.fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator,.fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator[dir=rtl],[dir=rtl] .fd-navigation__item.is-expanded .fd-navigation__has-children-indicator,[dir=rtl] .fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ef\"}.fd-navigation__item.is-expanded+.fd-navigation__list-container,.fd-navigation__item[aria-expanded=true]+.fd-navigation__list-container{--fdNavigation_List_Container_Display:flex}.fd-navigation__item.is-expanded+.fd-navigation__list--parent-items,.fd-navigation__item[aria-expanded=true]+.fd-navigation__list--parent-items{--fdNavigation_List_Parent_Items_Display:flex}.fd-navigation__item.is-selected,.fd-navigation__item[aria-selected=true]{--fdNavigation_Link_Selection_Indicator_Display:inline-block;--fdNavigation_Link_Background:var(--sapNavigation_Selected_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Selected)}.fd-navigation__item.is-selected .fd-navigation__link.is-focus,.fd-navigation__item.is-selected .fd-navigation__link:focus,.fd-navigation__item[aria-selected=true] .fd-navigation__link.is-focus,.fd-navigation__item[aria-selected=true] .fd-navigation__link:focus{--fdNavigation_Link_Background:var(--sapNavigation_Selected_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Selected);z-index:5}.fd-navigation__item.is-selected .fd-navigation__link.is-hover,.fd-navigation__item.is-selected .fd-navigation__link:hover,.fd-navigation__item[aria-selected=true] .fd-navigation__link.is-hover,.fd-navigation__item[aria-selected=true] .fd-navigation__link:hover{--fdNavigation_Link_Background:var(--sapNavigation_Selected_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Selected)}.fd-navigation__item--with-expander{position:relative}.fd-navigation__item--with-expander .fd-navigation__link{--fdNavigation_Link_Padding_Right:2.1975rem}.fd-navigation__item--with-expander .fd-navigation__expander{position:absolute;right:var(--fdNavigation_Expander_Position_Right);z-index:20}.fd-navigation__item--with-expander .fd-navigation__expander[dir=rtl],[dir=rtl] .fd-navigation__item--with-expander .fd-navigation__expander{left:var(--fdNavigation_Expander_Position_Right);right:auto}.fd-navigation__item--child .fd-navigation__link{--fdNavigation_Link_Spacing:.5rem;--fdNavigation_Link_Font_Weight:normal;--fdNavigation_Link_Padding_Left:2rem}.fd-navigation__item--group{--fdNavigation_Link_Child_Indicator_Opacity:0;display:var(--fdNavigation_Item_Group_Display)}.fd-navigation__item--group .fd-navigation__link{--fdNavigation_Link_Spacing:.4375rem;--fdNavigation_Link_Text_Color:var(--sapContent_LabelColor);--fdNavigation_Link_Font_Weight:600;--fdNavigation_Link_Font_Size:var(--sapFontSmallSize)}.fd-navigation__item--title{display:var(--fdNavigation_Item_Title_Display);height:auto}.fd-navigation__item--title .fd-navigation__text{--fdNavigation_Item_Title_Display:block;font-size:1.25rem;font-weight:700;line-height:1.5rem}.fd-navigation__item--title .fd-navigation__icon[class*=sap-icon]{display:none}.fd-navigation__item--menu.is-expanded,.fd-navigation__item--menu[aria-expanded=true]{--fdNavigation_Link_Child_Indicator_Opacity:1;--fdNavigation_Link_Background:var(--sapNavigation_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation__item--menu.is-expanded .fd-navigation__has-children-indicator,.fd-navigation__item--menu[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\"}.fd-navigation__item--menu.is-expanded .fd-navigation__has-children-indicator[dir=rtl],.fd-navigation__item--menu[aria-expanded=true] .fd-navigation__has-children-indicator[dir=rtl],[dir=rtl] .fd-navigation__item--menu.is-expanded .fd-navigation__has-children-indicator,[dir=rtl] .fd-navigation__item--menu[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ee\"}.fd-navigation__item--menu.fd-navigation__item--child .fd-navigation__link{--fdNavigation_Link_Padding_Left:.5rem}.fd-navigation__icon{height:var(--fdNavigation_Link_Icon_Size);max-height:var(--fdNavigation_Link_Icon_Size);max-width:var(--fdNavigation_Link_Icon_Size);min-height:var(--fdNavigation_Link_Icon_Size);min-width:var(--fdNavigation_Link_Icon_Size);width:var(--fdNavigation_Link_Icon_Size)}.fd-navigation__icon [class*=sap-icon],.fd-navigation__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:inherit;display:flex;font-size:var(--fdNavigation_Link_Icon_Size);justify-content:center}.fd-navigation__text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdNavigation_Link_Text_Color);display:var(--fdNavigation_Item_Text_Display);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdNavigation_Link_Font_Size);font-weight:400;font-weight:var(--fdNavigation_Link_Font_Weight);forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1rem;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;vertical-align:baseline;white-space:nowrap;width:100%}.fd-navigation__text:after,.fd-navigation__text:before{box-sizing:inherit;font-size:inherit}.fd-navigation__selection-indicator{-webkit-box-sizing:border-box;background:var(--sapList_SelectionBorderColor);border:0;border-radius:100%;box-sizing:border-box;color:var(--sapTextColor);display:var(--fdNavigation_Link_Selection_Indicator_Display);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdNavigation_Link_Selection_Indicator_Size);line-height:var(--sapContent_LineHeight);margin:0;max-height:var(--fdNavigation_Link_Selection_Indicator_Size);max-width:var(--fdNavigation_Link_Selection_Indicator_Size);min-height:var(--fdNavigation_Link_Selection_Indicator_Size);min-width:var(--fdNavigation_Link_Selection_Indicator_Size);padding:0;width:var(--fdNavigation_Link_Selection_Indicator_Size)}.fd-navigation__selection-indicator:after,.fd-navigation__selection-indicator:before{box-sizing:inherit;font-size:inherit}.fd-navigation__has-children-indicator{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:opacity .3s ease-in-out;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;display:var(--fdNavigation_Link_Has_Child_Indicator_Display);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.75rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;opacity:var(--fdNavigation_Link_Child_Indicator_Opacity);padding:0;transition:opacity .3s ease-in-out;width:.75rem}.fd-navigation__has-children-indicator:after,.fd-navigation__has-children-indicator:before{box-sizing:inherit;font-size:inherit}.fd-navigation__has-children-indicator:before{content:var(--fdNavigation_Link_Has_Child_Indicator_Icon);font-family:SAP-icons;font-size:.75rem}[dir=rtl] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ee\"}.fd-navigation__external-link-indicator{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.75rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;padding:0;width:.75rem}.fd-navigation__external-link-indicator:after,.fd-navigation__external-link-indicator:before{box-sizing:inherit;font-size:inherit}.fd-navigation__external-link-indicator:before{content:var(--fdNavigation_Link_External_Link_Indicator_Icon);font-family:SAP-icons;font-size:.75rem}.fd-navigation__external-link-indicator[dir=rtl],[dir=rtl] .fd-navigation__external-link-indicator{--fdNavigation_Link_External_Link_Indicator_Icon:\"\\e04d\"}.fd-navigation__back-indicator{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.75rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;padding:0;width:.75rem}.fd-navigation__back-indicator:after,.fd-navigation__back-indicator:before{box-sizing:inherit;font-size:inherit}.fd-navigation__back-indicator:before{content:var(--fdNavigation_Link_Back_Indicator_Icon);font-family:SAP-icons;font-size:.75rem}.fd-navigation__back-indicator[dir=rtl],[dir=rtl] .fd-navigation__back-indicator{--fdNavigation_Link_Back_Indicator_Icon:\"\\e1ed\"}.fd-navigation .fd-navigation__container--top{padding-left:var(--fdNavigation_Padding_X);padding-right:var(--fdNavigation_Padding_X);padding-bottom:.25rem}.fd-navigation__list{min-height:100%;height:auto}.fd-navigation--snapped .fd-navigation__list-item--home{position:relative}.fd-navigation--snapped .fd-navigation__container--top{overflow:visible!important;display:flex;flex-direction:column}.fd-navigation--snapped .fd-navigation__container--top .fd-navigation__list{flex-grow:1;height:auto;min-height:0}.fd-navigation--snapped .fd-navigation__container--top .fd-navigation__list--no-grow{flex-grow:0}.fd-navigation--snapped .fd-navigation__container--hidden-overflow{overflow:hidden!important}.fd-navigation--expanded .fd-navigation__list-item--home,.fd-navigation--popup .fd-navigation__list-item--home{z-index:21}.fd-navigation__list-container--custom-menu{box-shadow:var(--sapMenu_Shadow1)}.fd-navigation__list-item--spacer--hidden{display:none!important}.fd-navigation .fd-navigation-list-item--home-without-separator{margin-bottom:.09rem}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu{position:relative;transition:none}.fd-navigation__list-item:not(.fd-navigation__list-item--home){position:relative}.fd-navigation__list-container--menu>.fd-scrollbar{overflow:visible!important}.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item:before{content:\"\";position:absolute;top:0;bottom:0;left:-1rem;right:-1rem}.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item>.fd-navigation__list-container{display:none;top:-.5rem}.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item:hover>.fd-navigation__list-container,.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item:focus>.fd-navigation__list-container,.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item:focus-within>.fd-navigation__list-container{display:block}.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item .fd-navigation__list-container--submenu:before{content:\"\";position:absolute;top:-2rem;bottom:0;right:0;left:0}.fd-popover__body.fd-navigation__list-container{display:block}\n"], dependencies: [{ kind: "component", type: NavigationLinkComponent, selector: "a[fdb-navigation-link]", inputs: ["class", "glyph", "label", "external"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+__decorate([
+    applyCssClass,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", Array)
+], NavigationComponent.prototype, "buildComponentCssClass", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fdb-navigation', template: `
+        <ng-content></ng-content>
+        <ng-template #defaultLinkTemplate>
+            <a fdb-navigation-link glyph="home" label="Home"></a>
+        </ng-template>
+    `, standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        role: 'navigation'
+                    }, providers: [
+                        NavigationService,
+                        {
+                            provide: FdbNavigationComponent,
+                            useExisting: forwardRef(() => NavigationComponent)
+                        }
+                    ], imports: [NgIf, NgTemplateOutlet, NavigationListComponent, NavigationListItemComponent, NavigationLinkComponent], styles: ["@charset \"UTF-8\";/*!\n * Fundamental Library Styles v0.30.2\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-navigation{--fdNavigation_Height:100%;--fdNavigation_Padding_X:.75rem;--fdNavigation_Padding_Top:1.25rem;--fdNavigation_Item_Spacing:.25rem;--fdNavigation_Padding_Bottom:.5rem;--fdNavigation_Horizontal_Height:3.5rem;--fdNavigation_Expander_Position_Right:.5rem;--fdNavigation_Border_Radius:.5rem .5rem 0 0;--fdNavigation_Box_Shadow:var(--sapNavigation_Shadow1);--fdNavigation_Link_Icon_Size:1rem;--fdNavigation_Link_Min_Height:2rem;--fdNavigation_Link_Font_Weight:bold;--fdNavigation_Link_Spacing:.4375rem;--fdNavigation_Link_Text_Color:inherit;--fdNavigation_Link_Padding_Left:.5rem;--fdNavigation_Link_Padding_Right:.5rem;--fdNavigation_Link_Child_Indicator_Opacity:1;--fdNavigation_Link_Font_Size:var(--sapFontSize);--fdNavigation_Link_Selection_Indicator_Size:.5rem;--fdNavigation_Link_Has_Child_Indicator_Display:flex;--fdNavigation_Link_Selection_Indicator_Display:none;--fdNavigation_Link_Back_Indicator_Icon:\"\\e1ee\";--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\";--fdNavigation_Link_External_Link_Indicator_Icon:\"\\e04c\";--fdNavigation_Link_Background:var(--sapNavigation_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Normal);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Bottom_Color_Normal);--fdNavigation_Item_Group_Display:flex;--fdNavigation_Item_Title_Display:none;--fdNavigation_Item_Text_Display:inline-block;--fdNavigation_Item_Selected_Background:0 100%/100% .125rem no-repeat linear-gradient(0deg,var(--sapShell_Navigation_SelectedColor),var(--sapShell_Navigation_SelectedColor)),var(--sapNavigation_Selected_Background);--fdNavigation_List_Container_Display:none;--fdNavigation_List_Parent_Items_Display:none;-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-navigation:after,.fd-navigation:before{box-sizing:inherit;font-size:inherit}.fd-navigation--vertical{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--fdNavigation_Box_Shadow);background:var(--sapNavigation_Background);border-radius:var(--fdNavigation_Border_Radius);box-shadow:var(--fdNavigation_Box_Shadow);display:flex;flex-direction:column;height:var(--fdNavigation_Height);justify-content:space-between;min-width:16rem;padding-bottom:var(--fdNavigation_Padding_Bottom);padding-top:var(--fdNavigation_Padding_Top)}.fd-navigation--vertical.fd-navigation--popup{--fdNavigation_Height:auto;--fdNavigation_Padding_Top:.25rem;--fdNavigation_Border_Radius:.5rem;--fdNavigation_Box_Shadow:var(--sapNavigation_Shadow2)}.fd-navigation--vertical.fd-navigation--popup .fd-navigation__container--bottom,.fd-navigation--vertical.fd-navigation--popup .fd-navigation__container--top{--fdNavigation_Padding_X:.5rem}.fd-navigation--vertical.fd-navigation--snapped{--fdNavigation_Border_Radius:.5rem .5rem 0 0;max-width:3.5rem;min-width:3.5rem;width:3.5rem}.fd-navigation--horizontal{background:var(--sapNavigation_Background);height:var(--fdNavigation_Horizontal_Height);padding:.75rem 1.5rem;width:100%}.fd-navigation--horizontal .fd-navigation__link{--fdNavigation_Link_Spacing:.5rem}.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected,.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true]{--fdNavigation_Link_Selection_Indicator_Display:none;--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background)}.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link.is-focus,.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link:focus,.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link.is-focus,.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link:focus{--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background);z-index:5}.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link.is-hover,.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link:hover,.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link.is-hover,.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link:hover{--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background)}.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected.is-expanded .fd-navigation__link,.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected[aria-expanded=true] .fd-navigation__link,.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true].is-expanded .fd-navigation__link,.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true][aria-expanded=true] .fd-navigation__link{--fdNavigation_Link_Selection_Indicator_Display:none;--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background)}.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link:before,.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-expanded=true] .fd-navigation__link:before{--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color)}.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link:before{--fdNavigation_Link_Border_Bottom_Color:transparent}.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link.is-hover:before,.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link:hover:before{--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color)}.fd-navigation--horizontal .fd-navigation__list:not(.fd-navigation__list--parent-items):not(.fd-navigation__list--child-items){--fdNavigation_Item_Spacing:.75rem;flex-direction:row}.fd-navigation--horizontal .fd-navigation__list:not(.fd-navigation__list--parent-items):not(.fd-navigation__list--child-items) .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e287\"}.fd-navigation--horizontal .fd-navigation__list--child-items{--fdNavigation_Item_Spacing:0}.fd-navigation--horizontal .fd-navigation__list-item--spacer{height:.75rem;width:100%}.fd-navigation--horizontal .fd-navigation__list-item--home{background:transparent;padding-top:0;position:relative}.fd-navigation--horizontal .fd-navigation__list-item--home:before{content:none}.fd-navigation--horizontal .fd-navigation__list-container{--fdPopover_Offset:calc(100% + .3875rem);-webkit-box-shadow:var(--sapMenu_Shadow2);background:var(--sapGroup_ContentBackground);border:none;border-radius:.75rem;box-shadow:var(--sapMenu_Shadow2);padding:.05rem}.fd-navigation--horizontal .fd-navigation__list-container.fd-navigation__list-container--menu{box-shadow:var(--sapMenu_Shadow1);padding:.5rem;position:absolute;right:-.5rem;top:calc(100% + .3875rem)}.fd-navigation--horizontal .fd-navigation__list-container.fd-navigation__list-container--menu[dir=rtl],[dir=rtl] .fd-navigation--horizontal .fd-navigation__list-container.fd-navigation__list-container--menu{left:-.5rem;right:auto}.fd-navigation--horizontal .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list-wrapper{padding:0}.fd-navigation--horizontal .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list{--fdNavigation_Item_Spacing:0;box-shadow:none}.fd-navigation--horizontal .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__item.is-expanded .fd-navigation__has-children-indicator,.fd-navigation--horizontal .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\"}[dir=rtl] .fd-navigation--horizontal .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__item.is-expanded .fd-navigation__has-children-indicator,[dir=rtl] .fd-navigation--horizontal .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ee\"}.fd-navigation--horizontal .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover,.fd-navigation--horizontal .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:hover{width:100%}.fd-navigation--horizontal .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation--horizontal .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:hover .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation--horizontal .fd-navigation__list-container.fd-navigation__list-container--submenu{box-shadow:var(--sapMenu_Shadow1);left:calc(-100% - .1875rem);margin:0;padding:.5rem;top:calc(var(--fdNavigation_Link_Min_Height) - .5rem)}.fd-navigation--horizontal .fd-navigation__list-container.fd-navigation__list-container--submenu[dir=rtl],[dir=rtl] .fd-navigation--horizontal .fd-navigation__list-container.fd-navigation__list-container--submenu{left:auto;right:calc(-100% - .1875rem)}.fd-navigation--horizontal .fd-navigation__list-wrapper{padding:.7rem}.fd-navigation--horizontal .fd-navigation__item.is-expanded .fd-navigation__link,.fd-navigation--horizontal .fd-navigation__item[aria-expanded=true] .fd-navigation__link{--fdNavigation_Link_Child_Indicator_Opacity:1;--fdNavigation_Link_Background:var(--sapMenu_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation--horizontal .fd-navigation__item.is-expanded .fd-navigation__link.is-focus,.fd-navigation--horizontal .fd-navigation__item.is-expanded .fd-navigation__link:focus,.fd-navigation--horizontal .fd-navigation__item[aria-expanded=true] .fd-navigation__link.is-focus,.fd-navigation--horizontal .fd-navigation__item[aria-expanded=true] .fd-navigation__link:focus{--fdNavigation_Link_Child_Indicator_Opacity:1;--fdNavigation_Link_Background:var(--sapMenu_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active);z-index:5}.fd-navigation--horizontal .fd-navigation__item.is-expanded.is-selected .fd-navigation__link,.fd-navigation--horizontal .fd-navigation__item.is-expanded[aria-selected=true] .fd-navigation__link,.fd-navigation--horizontal .fd-navigation__item[aria-expanded=true].is-selected .fd-navigation__link,.fd-navigation--horizontal .fd-navigation__item[aria-expanded=true][aria-selected=true] .fd-navigation__link{--fdNavigation_Link_Selection_Indicator_Display:inline-block;--fdNavigation_Link_Background:var(--sapNavigation_Selected_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Selected)}.fd-navigation--horizontal .fd-navigation__item--child .fd-navigation__link{--fdNavigation_Link_Padding_Left:.5rem}.fd-navigation--snapped .fd-navigation__container--bottom,.fd-navigation--snapped .fd-navigation__container--top{overflow:visible}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title) .fd-navigation__link{--fdNavigation_Link_Spacing:.5rem}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded+.fd-navigation__list-container,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true]+.fd-navigation__list-container{display:flex}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true] .fd-navigation__link{--fdNavigation_Link_Child_Indicator_Opacity:1;--fdNavigation_Link_Background:var(--sapMenu_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded .fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded .fd-navigation__link:focus,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true] .fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true] .fd-navigation__link:focus{--fdNavigation_Link_Child_Indicator_Opacity:1;--fdNavigation_Link_Background:var(--sapMenu_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active);z-index:5}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded.is-selected .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded[aria-selected=true] .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true].is-selected .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true][aria-selected=true] .fd-navigation__link{--fdNavigation_Link_Background:var(--sapNavigation_Selected_Background)}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true]{--fdNavigation_Link_Selection_Indicator_Display:none;--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background)}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link:focus,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link:focus{--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background);z-index:5}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link:hover,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link:hover{--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background)}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected.is-expanded .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected[aria-expanded=true] .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true].is-expanded .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true][aria-expanded=true] .fd-navigation__link{--fdNavigation_Link_Selection_Indicator_Display:none;--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background)}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link:before,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-expanded=true] .fd-navigation__link:before{--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color)}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link:before{--fdNavigation_Link_Border_Bottom_Color:transparent}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link.is-hover:before,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link:hover:before{--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color)}.fd-navigation--snapped .fd-navigation__item--with-expander .fd-navigation__link{--fdNavigation_Link_Padding_Right:.5rem}.fd-navigation--snapped .fd-navigation__item--with-expander .fd-navigation__expander{display:none}.fd-navigation--snapped .fd-navigation__item--group{--fdNavigation_Item_Group_Display:none}.fd-navigation--snapped .fd-navigation__item--child .fd-navigation__link{--fdNavigation_Link_Padding_Left:.5rem}.fd-navigation--snapped .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Display:none}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:hover{width:-moz-fit-content;width:fit-content}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:hover .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:focus{width:-moz-fit-content;width:fit-content;z-index:5}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:focus .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link:hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link:hover{width:auto}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link:hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link:hover .fd-navigation__text{--fdNavigation_Item_Text_Display:none}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link:focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link:focus{width:auto;z-index:5}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link.is-focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link:focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link.is-focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link:focus .fd-navigation__text{--fdNavigation_Item_Text_Display:none}.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:hover{width:100%}.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:hover .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:focus{width:100%;z-index:5}.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:focus .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link:hover,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link:hover{width:100%}.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link:hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link:hover .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link:focus,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link:focus{width:100%;z-index:5}.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link.is-focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link:focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link.is-focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link:focus .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-container{-webkit-box-shadow:var(--sapMenu_Shadow2);background:var(--sapGroup_ContentBackground);border:none;border-radius:.75rem;box-shadow:var(--sapMenu_Shadow2);padding:.05rem}.fd-navigation--snapped .fd-navigation__list-container .fd-navigation__list--parent-items{--fdNavigation_List_Parent_Items_Display:flex}.fd-navigation--snapped .fd-navigation__list-container .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Display:flex}.fd-navigation--snapped .fd-navigation__list-container .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-container .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:hover{width:auto}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu{box-shadow:var(--sapMenu_Shadow1);left:calc(100% + .1875rem);padding:.5rem;position:absolute;top:0}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu[dir=rtl],[dir=rtl] .fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu{left:auto;right:calc(100% + .1875rem)}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list-wrapper{padding:0}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list{--fdNavigation_Item_Spacing:0;box-shadow:none}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__item.is-expanded .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\"}[dir=rtl] .fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__item .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ee\"}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:hover{width:100%}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:hover .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--submenu{box-shadow:var(--sapMenu_Shadow1);left:calc(100% + .1875rem);margin:0;padding:.5rem;top:calc(var(--fdNavigation_Link_Min_Height) - .5rem)}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--submenu[dir=rtl],[dir=rtl] .fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--submenu{left:auto;right:calc(100% + .1875rem)}.fd-navigation--snapped .fd-navigation__list-wrapper{padding:.7rem}.fd-navigation--snapped .fd-navigation__item--title{display:flex;height:auto;margin-bottom:.75rem}.fd-navigation--snapped .fd-navigation__item--title .fd-navigation__text{--fdNavigation_Item_Title_Display:block;font-size:1.25rem;font-weight:700;line-height:1.5rem}.fd-navigation--snapped .fd-navigation__list--child-items{--fdNavigation_Item_Spacing:0;height:auto}.fd-navigation--phone .fd-navigation__link,.fd-navigation--tablet .fd-navigation__link{--fdNavigation_Link_Min_Height:2.5rem;--fdNavigation_Link_Padding_Left:.6875rem;--fdNavigation_Link_Padding_Right:.6875rem}.fd-navigation--phone .fd-navigation__container--bottom,.fd-navigation--phone .fd-navigation__container--top,.fd-navigation--tablet .fd-navigation__container--bottom,.fd-navigation--tablet .fd-navigation__container--top{--fdNavigation_Padding_X:.5rem}.fd-navigation--phone .fd-navigation__icon,.fd-navigation--tablet .fd-navigation__icon{--fdNavigation_Link_Icon_Size:1.125rem}.fd-navigation--phone .fd-navigation__item--with-expander .fd-navigation__link,.fd-navigation--tablet .fd-navigation__item--with-expander .fd-navigation__link{--fdNavigation_Link_Padding_Right:2.375rem}.fd-navigation--phone .fd-navigation__item--with-expander .fd-navigation__expander,.fd-navigation--tablet .fd-navigation__item--with-expander .fd-navigation__expander{--fdNavigation_Expander_Position_Right:.6875rem}.fd-navigation--phone .fd-navigation__list,.fd-navigation--phone .fd-navigation__list-item,.fd-navigation--tablet .fd-navigation__list,.fd-navigation--tablet .fd-navigation__list-item{--fdNavigation_Item_Spacing:.125rem}.fd-navigation--phone.fd-navigation--snapped .fd-navigation__item--with-expander .fd-navigation__link,.fd-navigation--tablet.fd-navigation--snapped .fd-navigation__item--with-expander .fd-navigation__link{--fdNavigation_Link_Padding_Right:.6875rem}.fd-navigation--phone.fd-navigation--horizontal,.fd-navigation--tablet.fd-navigation--horizontal{--fdNavigation_Horizontal_Height:4rem}.fd-navigation--phone.fd-navigation--horizontal .fd-navigation__list--child-items,.fd-navigation--tablet.fd-navigation--horizontal .fd-navigation__list--child-items{--fdNavigation_Item_Spacing:0}.fd-navigation__container{position:relative}.fd-navigation__container--top{height:100%;overflow:scroll;padding-bottom:.25rem;position:relative}.fd-navigation__container--bottom,.fd-navigation__container--top{padding-left:var(--fdNavigation_Padding_X);padding-right:var(--fdNavigation_Padding_X)}.fd-navigation__container--bottom:before{background:var(--sapToolbar_SeparatorColor);content:\"\";display:inline-block;height:.0625rem;margin-bottom:.5625rem;margin-top:.5625rem;width:100%}.fd-navigation__list-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:var(--fdNavigation_List_Container_Display);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-navigation__list-container:after,.fd-navigation__list-container:before{box-sizing:inherit;font-size:inherit}.fd-navigation__list-wrapper{width:100%}.fd-navigation__list{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:var(--fdNavigation_Item_Spacing);height:100%;line-height:var(--sapContent_LineHeight);list-style-type:none;margin:0;padding:0;position:relative}.fd-navigation__list:after,.fd-navigation__list:before{box-sizing:inherit;font-size:inherit}.fd-navigation__list--parent-items{display:var(--fdNavigation_List_Parent_Items_Display)}.fd-navigation__list-item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:var(--fdNavigation_Item_Spacing);line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-navigation__list-item:after,.fd-navigation__list-item:before{box-sizing:inherit;font-size:inherit}.fd-navigation__list-item--spacer{background:transparent;height:100%;min-height:.25rem}.fd-navigation__list-item--separator{background:transparent;height:.75rem;max-height:.75rem;min-height:.75rem}.fd-navigation__list-item--home{background:var(--sapList_Background);padding-top:.25rem;position:sticky;top:0;z-index:10}.fd-navigation__list-item--home:before{background:var(--sapList_Background);content:\"\";height:calc(100% + .5rem);left:-.25rem;position:absolute;top:-.25rem;width:calc(100% + .5rem)}[dir=rtl] .fd-navigation__list-item--home:before{left:auto;right:-.25rem}.fd-navigation__list-item--overflow{position:relative}.fd-navigation__link{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:var(--fdNavigation_Link_Transition);align-items:center;background:var(--fdNavigation_Link_Background);border:0;border-radius:var(--fdNavigation_Link_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:var(--fdNavigation_Link_Spacing);line-height:var(--sapContent_LineHeight);margin:0;min-height:var(--fdNavigation_Link_Min_Height);padding:.5rem 0;padding-left:var(--fdNavigation_Link_Padding_Left);padding-right:var(--fdNavigation_Link_Padding_Right);position:relative;text-align:start;text-decoration:none;transition:var(--fdNavigation_Link_Transition);width:100%}.fd-navigation__link:after,.fd-navigation__link:before{box-sizing:inherit;font-size:inherit}.fd-navigation__link[dir=rtl],[dir=rtl] .fd-navigation__link{padding-left:var(--fdNavigation_Link_Padding_Right);padding-right:var(--fdNavigation_Link_Padding_Left)}.fd-navigation__link:before{border:.0625rem solid var(--fdNavigation_Link_Border_Color);border-bottom:.0625rem solid var(--fdNavigation_Link_Border_Color);border-bottom-color:var(--fdNavigation_Link_Border_Bottom_Color);content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}[dir=rtl] .fd-navigation__link:before{left:auto;right:0}.fd-navigation__link.is-hover,.fd-navigation__link:hover{--fdNavigation_Link_Child_Indicator_Opacity:1;--fdNavigation_Link_Background:var(--sapNavigation_Hover_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Hover);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Hover)}.fd-navigation__link.is-active,.fd-navigation__link.is-active.is-focus,.fd-navigation__link.is-active:focus,.fd-navigation__link:active,.fd-navigation__link:active.is-focus,.fd-navigation__link:active:focus{--fdNavigation_Link_Child_Indicator_Opacity:1;--fdNavigation_Link_Background:var(--sapNavigation_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation__link.is-active.is-focus,.fd-navigation__link.is-active:focus,.fd-navigation__link:active.is-focus,.fd-navigation__link:active:focus{outline:none;z-index:5}.fd-navigation__link.is-focus,.fd-navigation__link:focus{--fdNavigation_Link_Border_Color:transparent;--fdNavigation_Link_Child_Indicator_Opacity:1;--fdNavigation_Link_Border_Bottom_Color:transparent;--fdNavigation_Link_Background:var(--sapNavigation_Background);outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor);z-index:5}.fd-navigation__link:focus-visible{outline-offset:0}.fd-navigation__link.is-disabled,.fd-navigation__link:disabled,.fd-navigation__link[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-navigation__link[class*=-compact],[class*=-compact] .fd-navigation__link:not([class*=-cozy]){--fdNavigation_Link_Min_Height:2rem}.fd-navigation__item{-webkit-box-sizing:border-box;align-items:center;border:0;border-radius:var(--fdNavigation_Link_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative}.fd-navigation__item:after,.fd-navigation__item:before{box-sizing:inherit;font-size:inherit}.fd-navigation__item.is-expanded .fd-navigation__has-children-indicator,.fd-navigation__item.is-expanded .fd-navigation__has-children-indicator[dir=rtl],.fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator,.fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator[dir=rtl],[dir=rtl] .fd-navigation__item.is-expanded .fd-navigation__has-children-indicator,[dir=rtl] .fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ef\"}.fd-navigation__item.is-expanded+.fd-navigation__list-container,.fd-navigation__item[aria-expanded=true]+.fd-navigation__list-container{--fdNavigation_List_Container_Display:flex}.fd-navigation__item.is-expanded+.fd-navigation__list--parent-items,.fd-navigation__item[aria-expanded=true]+.fd-navigation__list--parent-items{--fdNavigation_List_Parent_Items_Display:flex}.fd-navigation__item.is-selected,.fd-navigation__item[aria-selected=true]{--fdNavigation_Link_Selection_Indicator_Display:inline-block;--fdNavigation_Link_Background:var(--sapNavigation_Selected_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Selected)}.fd-navigation__item.is-selected .fd-navigation__link.is-focus,.fd-navigation__item.is-selected .fd-navigation__link:focus,.fd-navigation__item[aria-selected=true] .fd-navigation__link.is-focus,.fd-navigation__item[aria-selected=true] .fd-navigation__link:focus{--fdNavigation_Link_Background:var(--sapNavigation_Selected_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Selected);z-index:5}.fd-navigation__item.is-selected .fd-navigation__link.is-hover,.fd-navigation__item.is-selected .fd-navigation__link:hover,.fd-navigation__item[aria-selected=true] .fd-navigation__link.is-hover,.fd-navigation__item[aria-selected=true] .fd-navigation__link:hover{--fdNavigation_Link_Background:var(--sapNavigation_Selected_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Selected)}.fd-navigation__item--with-expander{position:relative}.fd-navigation__item--with-expander .fd-navigation__link{--fdNavigation_Link_Padding_Right:2.1975rem}.fd-navigation__item--with-expander .fd-navigation__expander{position:absolute;right:var(--fdNavigation_Expander_Position_Right);z-index:20}.fd-navigation__item--with-expander .fd-navigation__expander[dir=rtl],[dir=rtl] .fd-navigation__item--with-expander .fd-navigation__expander{left:var(--fdNavigation_Expander_Position_Right);right:auto}.fd-navigation__item--child .fd-navigation__link{--fdNavigation_Link_Spacing:.5rem;--fdNavigation_Link_Font_Weight:normal;--fdNavigation_Link_Padding_Left:2rem}.fd-navigation__item--group{--fdNavigation_Link_Child_Indicator_Opacity:0;display:var(--fdNavigation_Item_Group_Display)}.fd-navigation__item--group .fd-navigation__link{--fdNavigation_Link_Spacing:.4375rem;--fdNavigation_Link_Text_Color:var(--sapContent_LabelColor);--fdNavigation_Link_Font_Weight:600;--fdNavigation_Link_Font_Size:var(--sapFontSmallSize)}.fd-navigation__item--title{display:var(--fdNavigation_Item_Title_Display);height:auto}.fd-navigation__item--title .fd-navigation__text{--fdNavigation_Item_Title_Display:block;font-size:1.25rem;font-weight:700;line-height:1.5rem}.fd-navigation__item--title .fd-navigation__icon[class*=sap-icon]{display:none}.fd-navigation__item--menu.is-expanded,.fd-navigation__item--menu[aria-expanded=true]{--fdNavigation_Link_Child_Indicator_Opacity:1;--fdNavigation_Link_Background:var(--sapNavigation_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation__item--menu.is-expanded .fd-navigation__has-children-indicator,.fd-navigation__item--menu[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\"}.fd-navigation__item--menu.is-expanded .fd-navigation__has-children-indicator[dir=rtl],.fd-navigation__item--menu[aria-expanded=true] .fd-navigation__has-children-indicator[dir=rtl],[dir=rtl] .fd-navigation__item--menu.is-expanded .fd-navigation__has-children-indicator,[dir=rtl] .fd-navigation__item--menu[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ee\"}.fd-navigation__item--menu.fd-navigation__item--child .fd-navigation__link{--fdNavigation_Link_Padding_Left:.5rem}.fd-navigation__icon{height:var(--fdNavigation_Link_Icon_Size);max-height:var(--fdNavigation_Link_Icon_Size);max-width:var(--fdNavigation_Link_Icon_Size);min-height:var(--fdNavigation_Link_Icon_Size);min-width:var(--fdNavigation_Link_Icon_Size);width:var(--fdNavigation_Link_Icon_Size)}.fd-navigation__icon [class*=sap-icon],.fd-navigation__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:inherit;display:flex;font-size:var(--fdNavigation_Link_Icon_Size);justify-content:center}.fd-navigation__text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdNavigation_Link_Text_Color);display:var(--fdNavigation_Item_Text_Display);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdNavigation_Link_Font_Size);font-weight:400;font-weight:var(--fdNavigation_Link_Font_Weight);forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1rem;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;vertical-align:baseline;white-space:nowrap;width:100%}.fd-navigation__text:after,.fd-navigation__text:before{box-sizing:inherit;font-size:inherit}.fd-navigation__selection-indicator{-webkit-box-sizing:border-box;background:var(--sapList_SelectionBorderColor);border:0;border-radius:100%;box-sizing:border-box;color:var(--sapTextColor);display:var(--fdNavigation_Link_Selection_Indicator_Display);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdNavigation_Link_Selection_Indicator_Size);line-height:var(--sapContent_LineHeight);margin:0;max-height:var(--fdNavigation_Link_Selection_Indicator_Size);max-width:var(--fdNavigation_Link_Selection_Indicator_Size);min-height:var(--fdNavigation_Link_Selection_Indicator_Size);min-width:var(--fdNavigation_Link_Selection_Indicator_Size);padding:0;width:var(--fdNavigation_Link_Selection_Indicator_Size)}.fd-navigation__selection-indicator:after,.fd-navigation__selection-indicator:before{box-sizing:inherit;font-size:inherit}.fd-navigation__has-children-indicator{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:opacity .3s ease-in-out;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;display:var(--fdNavigation_Link_Has_Child_Indicator_Display);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.75rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;opacity:var(--fdNavigation_Link_Child_Indicator_Opacity);padding:0;transition:opacity .3s ease-in-out;width:.75rem}.fd-navigation__has-children-indicator:after,.fd-navigation__has-children-indicator:before{box-sizing:inherit;font-size:inherit}.fd-navigation__has-children-indicator:before{content:var(--fdNavigation_Link_Has_Child_Indicator_Icon);font-family:SAP-icons;font-size:.75rem}[dir=rtl] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ee\"}.fd-navigation__external-link-indicator{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.75rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;padding:0;width:.75rem}.fd-navigation__external-link-indicator:after,.fd-navigation__external-link-indicator:before{box-sizing:inherit;font-size:inherit}.fd-navigation__external-link-indicator:before{content:var(--fdNavigation_Link_External_Link_Indicator_Icon);font-family:SAP-icons;font-size:.75rem}.fd-navigation__external-link-indicator[dir=rtl],[dir=rtl] .fd-navigation__external-link-indicator{--fdNavigation_Link_External_Link_Indicator_Icon:\"\\e04d\"}.fd-navigation__back-indicator{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.75rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;padding:0;width:.75rem}.fd-navigation__back-indicator:after,.fd-navigation__back-indicator:before{box-sizing:inherit;font-size:inherit}.fd-navigation__back-indicator:before{content:var(--fdNavigation_Link_Back_Indicator_Icon);font-family:SAP-icons;font-size:.75rem}.fd-navigation__back-indicator[dir=rtl],[dir=rtl] .fd-navigation__back-indicator{--fdNavigation_Link_Back_Indicator_Icon:\"\\e1ed\"}.fd-navigation .fd-navigation__container--top{padding-left:var(--fdNavigation_Padding_X);padding-right:var(--fdNavigation_Padding_X);padding-bottom:.25rem}.fd-navigation__list{min-height:100%;height:auto}.fd-navigation--snapped .fd-navigation__list-item--home{position:relative}.fd-navigation--snapped .fd-navigation__container--top{overflow:visible!important;display:flex;flex-direction:column}.fd-navigation--snapped .fd-navigation__container--top .fd-navigation__list{flex-grow:1;height:auto;min-height:0}.fd-navigation--snapped .fd-navigation__container--top .fd-navigation__list--no-grow{flex-grow:0}.fd-navigation--snapped .fd-navigation__container--hidden-overflow{overflow:hidden!important}.fd-navigation--expanded .fd-navigation__list-item--home,.fd-navigation--popup .fd-navigation__list-item--home{z-index:21}.fd-navigation__list-container--custom-menu{box-shadow:var(--sapMenu_Shadow1)}.fd-navigation__list-item--spacer--hidden{display:none!important}.fd-navigation .fd-navigation-list-item--home-without-separator{margin-bottom:.09rem}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu{position:relative;transition:none}.fd-navigation__list-item:not(.fd-navigation__list-item--home){position:relative}.fd-navigation__list-container--menu>.fd-scrollbar{overflow:visible!important}.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item:before{content:\"\";position:absolute;top:0;bottom:0;left:-1rem;right:-1rem}.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item>.fd-navigation__list-container{display:none;top:-.5rem}.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item:hover>.fd-navigation__list-container,.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item:focus>.fd-navigation__list-container,.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item:focus-within>.fd-navigation__list-container{display:block}.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item .fd-navigation__list-container--submenu:before{content:\"\";position:absolute;top:-2rem;bottom:0;right:0;left:0}.fd-popover__body.fd-navigation__list-container{display:block}\n"] }]
+        }], propDecorators: { class: [{
+                type: Input
+            }], _state: [{
+                type: Input,
+                args: ['state']
+            }], _horizontal: [{
+                type: Input,
+                args: ['horizontal']
+            }], _mode: [{
+                type: Input,
+                args: ['mode']
+            }], _type: [{
+                type: Input,
+                args: ['type']
+            }], _homeSeparator: [{
+                type: Input,
+                args: [{ alias: 'homeSeparator', transform: coerceBooleanProperty }]
+            }], _homeDirective: [{
+                type: ContentChild,
+                args: [NavigationHomeDirective]
+            }], _defaultLinkTemplate: [{
+                type: ViewChild,
+                args: ['defaultLinkTemplate']
+            }], _navigationItems: [{
+                type: ContentChildren,
+                args: [FdbNavigationListItemComponent, { descendants: true }]
+            }], _navigationLists: [{
+                type: ContentChildren,
+                args: [FdbNavigationListComponent, { descendants: true }]
+            }], _navigationContents: [{
+                type: ContentChildren,
+                args: [NavigationContentComponent, { descendants: true }]
+            }], buildComponentCssClass: [], keyDownHandler: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
+
+class NavigationItemSpacerDirective {
+    constructor() {
+        /** @hidden */
+        this._navigationComponent = inject(NavigationComponent);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationItemSpacerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", type: NavigationItemSpacerDirective, isStandalone: true, selector: "li[fdb-navigation-list-spacer]", host: { properties: { "class.fd-navigation__list-item--spacer--hidden": "_navigationComponent.isSnapped()" }, classAttribute: "fd-navigation__list-item fd-navigation__list-item--spacer" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationItemSpacerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'li[fdb-navigation-list-spacer]',
+                    standalone: true,
+                    host: {
+                        class: 'fd-navigation__list-item fd-navigation__list-item--spacer',
+                        '[class.fd-navigation__list-item--spacer--hidden]': '_navigationComponent.isSnapped()'
+                    }
+                }]
+        }] });
+
+class NavigationContentEndComponent extends NavigationContentComponent {
+    constructor() {
+        super(...arguments);
+        /** @hidden */
+        this.showHome = false;
+        /** @hidden */
+        this.refresh$ = new Subject();
+        /** @hidden */
+        this._destroyRef = inject(DestroyRef);
+    }
+    /** @hidden */
+    ngAfterViewInit() {
+        this._listItems.changes.pipe(startWith(null), takeUntilDestroyed(this._destroyRef)).subscribe(() => {
+            this.refresh$.next();
+        });
+    }
+    /** @hidden */
+    getNavigatableItems() {
+        return this._listItems.toArray();
+    }
+    /** @hidden */
+    showMoreOpened() {
+        return false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationContentEndComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: NavigationContentEndComponent, isStandalone: true, selector: "fdb-navigation-content-end", host: { classAttribute: "fd-navigation__container fd-navigation__container--bottom" }, providers: [
+            {
+                provide: NavigationContentComponent,
+                useExisting: NavigationContentEndComponent
+            }
+        ], queries: [{ propertyName: "_listItems", predicate: FdbNavigationListItemComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationContentEndComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'fdb-navigation-content-end',
+                    template: ` <ng-content></ng-content> `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [
+                        {
+                            provide: NavigationContentComponent,
+                            useExisting: NavigationContentEndComponent
+                        }
+                    ],
+                    // eslint-disable-next-line @angular-eslint/no-host-metadata-property
+                    host: {
+                        class: 'fd-navigation__container fd-navigation__container--bottom'
+                    }
+                }]
+        }], propDecorators: { _listItems: [{
+                type: ContentChildren,
+                args: [FdbNavigationListItemComponent, { descendants: true }]
+            }] } });
+
+class NavigationListOverflowItemComponent extends NavigationListItemComponent {
+    /** @hidden */
+    // eslint-disable-next-line @angular-eslint/no-input-rename
+    set _hiddenItems(items) {
+        this.hiddenItems().forEach((item) => item.destroyPortal());
+        items.forEach((item) => item.createPortal());
+        this.hiddenItems.set(items);
+    }
+    /** @hidden */
+    constructor() {
+        super();
+        /** @hidden */
+        this.additionalBodyClass = 'fd-navigation__list-container fd-navigation__list-container--menu';
+        effect(() => {
+            const items = this.hiddenItems();
+            this.hasPortalChildren.set(items.length > 0);
+            if (items.length === 0) {
+                return;
+            }
+        }, {
+            allowSignalWrites: true
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationListOverflowItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: NavigationListOverflowItemComponent, isStandalone: true, selector: "li[fdb-navigation-list-overflow-item]", inputs: { _hiddenItems: ["hiddenItems", "_hiddenItems"] }, providers: [
+            PopoverService,
+            {
+                provide: FdbNavigationListItemComponent,
+                useExisting: NavigationListOverflowItemComponent
+            }
+        ], viewQueries: [{ propertyName: "_portal", first: true, predicate: ["childrenTemplate"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"fd-navigation__item\"\n    [class.fd-navigation__item--group]=\"isGroup()\"\n    [class.fd-navigation__item--child]=\"parentNavigationListComponent.parentListComponent?.isParentGroupChild()\"\n    aria-current=\"page\"\n    [attr.aria-selected]=\"childrenActive() && navigationComponent.isSnapped() ? true : null\"\n    [attr.aria-expanded]=\"expandedAttr()\"\n    [attr.aria-level]=\"1\"\n    #navigationItem\n    role=\"menuitem\"\n>\n    <ng-content select=\"[fdb-navigation-link]\"></ng-content>\n</div>\n<!-- Detach elements from their hosts immediately to fix issue with flickering elements. -->\n<ul hidden>\n    <ng-template *ngFor=\"let item of hiddenItems()\" [cdkPortalOutlet]=\"item.domPortal\"></ng-template>\n</ul>\n<ng-template #childrenTemplate>\n    <div class=\"fd-navigation__list-container--menu\">\n        <ul class=\"fd-navigation__list fd-navigation__list--parent-items fd-menu__list\">\n            <ng-template *ngFor=\"let item of hiddenItems()\" [cdkPortalOutlet]=\"item.domPortal\"></ng-template>\n        </ul>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1$1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationListOverflowItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'li[fdb-navigation-list-overflow-item]', standalone: true, imports: [PortalModule, AsyncPipe, NgForOf], providers: [
+                        PopoverService,
+                        {
+                            provide: FdbNavigationListItemComponent,
+                            useExisting: NavigationListOverflowItemComponent
+                        }
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    class=\"fd-navigation__item\"\n    [class.fd-navigation__item--group]=\"isGroup()\"\n    [class.fd-navigation__item--child]=\"parentNavigationListComponent.parentListComponent?.isParentGroupChild()\"\n    aria-current=\"page\"\n    [attr.aria-selected]=\"childrenActive() && navigationComponent.isSnapped() ? true : null\"\n    [attr.aria-expanded]=\"expandedAttr()\"\n    [attr.aria-level]=\"1\"\n    #navigationItem\n    role=\"menuitem\"\n>\n    <ng-content select=\"[fdb-navigation-link]\"></ng-content>\n</div>\n<!-- Detach elements from their hosts immediately to fix issue with flickering elements. -->\n<ul hidden>\n    <ng-template *ngFor=\"let item of hiddenItems()\" [cdkPortalOutlet]=\"item.domPortal\"></ng-template>\n</ul>\n<ng-template #childrenTemplate>\n    <div class=\"fd-navigation__list-container--menu\">\n        <ul class=\"fd-navigation__list fd-navigation__list--parent-items fd-menu__list\">\n            <ng-template *ngFor=\"let item of hiddenItems()\" [cdkPortalOutlet]=\"item.domPortal\"></ng-template>\n        </ul>\n    </div>\n</ng-template>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { _hiddenItems: [{
+                type: Input,
+                args: ['hiddenItems']
+            }], _portal: [{
+                type: ViewChild,
+                args: ['childrenTemplate', { read: TemplateRef }]
+            }] } });
+
+/* eslint-disable no-unused-vars */
+const FD_NAVIGATION_OVERFLOW_ITEM_CLASS = 'fd-navigation__container--hidden-overflow';
+class NavigationContentStartComponent extends NavigationContentComponent {
+    /** @hidden */
+    set _showMoreOverflowItemCmp(value) {
+        this.showMoreOverflowItem = value;
+        this.refresh$.next();
+    }
+    /** @hidden */
+    constructor() {
+        super();
+        /** @hidden */
+        this.linkTemplate = inject(FdbNavigationComponent).homeLinkTemplate;
+        /** @hidden */
+        this.showHome = true;
+        /** @hidden */
+        this.showOverflowButton = signal(false);
+        /** @hidden */
+        this._hiddenItems = [];
+        /** @hidden */
+        this.refresh$ = new Subject();
+        /** @hidden */
+        this._calculationInProgress = false;
+        /** @hidden */
+        this._canTrackItems = signal(false);
+        /** @hidden */
+        this._navigationComponent = inject(FdbNavigationComponent);
+        /** @hidden */
+        this._elementRef = inject((ElementRef));
+        /** @hidden */
+        this._cdr = inject(ChangeDetectorRef);
+        /** @hidden */
+        this._scrollbar = inject(ScrollbarDirective);
+        /** @hidden */
+        this._destroyRef = inject(DestroyRef);
+        this._scrollbar.overrideTabindex = false;
+        effect(() => {
+            if (!this._canTrackItems()) {
+                return;
+            }
+            // We need to also listen to snapped state.
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            const snapped = this._navigationComponent.isSnapped();
+            this._elementRef.nativeElement.scrollTop = 0;
+            setTimeout(() => {
+                this._calculateVisibleItems();
+            });
+        }, {
+            allowSignalWrites: true
+        });
+    }
+    /** @hidden */
+    ngAfterViewInit() {
+        this._canTrackItems.set(true);
+        this._navigationItems.changes
+            .pipe(startWith(null))
+            .pipe(tap(() => {
+            this.refresh$.next();
+        }), filter(() => this._navigationItems?.length > 0), observeOn(asyncScheduler), takeUntilDestroyed(this._destroyRef))
+            .subscribe(() => {
+            this._calculateVisibleItems();
+        });
+        resizeObservable(this._elementRef.nativeElement)
+            .pipe(debounceTime(30), distinctUntilChanged((prev, current) => prev[0].contentRect.height === current[0].contentRect.height), filter(() => !this._calculationInProgress), takeUntilDestroyed(this._destroyRef))
+            .subscribe(() => {
+            this._calculateVisibleItems();
+        });
+    }
+    /** @hidden */
+    getNavigatableItems() {
+        const items = this._navigationItems.toArray();
+        if (this.showMoreOverflowItem) {
+            items.push(this.showMoreOverflowItem);
+        }
+        return items;
+    }
+    /** @hidden */
+    showMoreOpened() {
+        return !!this.showMoreOverflowItem?.isOpen;
+    }
+    /** @hidden */
+    _calculateVisibleItems() {
+        if (this._calculationInProgress) {
+            return;
+        }
+        this._calculationInProgress = true;
+        this._hiddenItems = [];
+        this._cdr.detectChanges();
+        if (!this._navigationComponent.isSnapped()) {
+            this._navigationItems.forEach((item) => {
+                item.show();
+            });
+            this.showOverflowButton.set(false);
+            setTimeout(() => {
+                this._calculationInProgress = false;
+            });
+            return;
+        }
+        this._elementRef.nativeElement.classList.add(FD_NAVIGATION_OVERFLOW_ITEM_CLASS);
+        this.showOverflowButton.set(true);
+        this._cdr.detectChanges();
+        let canDisplayItems = true;
+        const containerHeight = this._elementRef.nativeElement.getBoundingClientRect().height;
+        const showMoreHeight = (this.showMoreOverflowItem?.elementRef.nativeElement.getBoundingClientRect().height || 0) * 2;
+        const homeElementSize = this._navigationLists.toArray().reduce((height, list) => {
+            height += list.getHomeElementSize().height;
+            return height;
+        }, 0);
+        let totalAvailableHeight = containerHeight - showMoreHeight - homeElementSize;
+        const hiddenElements = [];
+        const navigationItemGroups = this._navigationItems.reduce((acc, item) => {
+            const itemLevel = item.normalizedLevel();
+            if (itemLevel > 2) {
+                return acc;
+            }
+            acc[itemLevel === 1 ? 'root' : 'children'].push(item);
+            return acc;
+        }, { root: [], children: [] });
+        this._navigationItems.forEach((item) => {
+            item.show();
+        });
+        navigationItemGroups.children.forEach((item) => {
+            item.calculateExpanded();
+            if (!canDisplayItems) {
+                item.hide();
+                hiddenElements.push(item);
+                return;
+            }
+            // item.show();
+            totalAvailableHeight -= item.elementRef.nativeElement.getBoundingClientRect().height;
+            if (totalAvailableHeight <= 0) {
+                canDisplayItems = false;
+                item.hide();
+                hiddenElements.push(item);
+                return;
+            }
+        });
+        navigationItemGroups.root.forEach((item) => {
+            item.checkSelfHidden();
+        });
+        this._elementRef.nativeElement.classList.remove(FD_NAVIGATION_OVERFLOW_ITEM_CLASS);
+        this._handleOverflowItems(hiddenElements);
+        setTimeout(() => {
+            this._calculationInProgress = false;
+        }, 5);
+    }
+    /** @hidden */
+    _handleOverflowItems(items) {
+        this.showOverflowButton.set(items.length > 0);
+        this._hiddenItems = items;
+        this._cdr.detectChanges();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationContentStartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: NavigationContentStartComponent, isStandalone: true, selector: "fdb-navigation-content-start", host: { properties: { "style.flex-grow": "1" }, classAttribute: "fd-navigation__container fd-navigation__container--top" }, providers: [
+            {
+                provide: NavigationContentComponent,
+                useExisting: NavigationContentStartComponent
+            }
+        ], queries: [{ propertyName: "_navigationItems", predicate: FdbNavigationListItemComponent, descendants: true }, { propertyName: "_navigationLists", predicate: FdbNavigationListComponent }], viewQueries: [{ propertyName: "_showMoreOverflow", first: true, predicate: ["showMoreOverflowMenu"], descendants: true, read: ElementRef }, { propertyName: "_showMoreOverflowItemCmp", first: true, predicate: ["showMoreOverflowItem"], descendants: true, read: FdbNavigationListItemComponent }], usesInheritance: true, hostDirectives: [{ directive: i1$2.ScrollbarDirective }], ngImport: i0, template: "<ng-content select=\"ul[fdb-navigation-list]\"></ng-content>\n\n<ng-container *ngIf=\"showOverflowButton()\">\n    <ul fdb-navigation-list class=\"fd-navigation__list--no-grow\" [showHome]=\"false\" #showMoreOverflowMenu>\n        <li\n            fdb-navigation-list-overflow-item\n            [alwaysFocusable]=\"true\"\n            #showMoreOverflowItem\n            [hiddenItems]=\"_hiddenItems\"\n        >\n            <a fdb-navigation-link glyph=\"overflow\" label=\"More Items\"></a>\n        </li>\n    </ul>\n</ng-container>\n", dependencies: [{ kind: "component", type: NavigationListComponent, selector: "ul[fdb-navigation-list]", inputs: ["class", "showHome"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NavigationLinkComponent, selector: "a[fdb-navigation-link]", inputs: ["class", "glyph", "label", "external"] }, { kind: "component", type: NavigationListOverflowItemComponent, selector: "li[fdb-navigation-list-overflow-item]", inputs: ["hiddenItems"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NavigationContentStartComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fdb-navigation-content-start', standalone: true, imports: [
+                        NavigationListComponent,
+                        NavigationListItemComponent,
+                        NgIf,
+                        NavigationLinkComponent,
+                        NavigationListOverflowItemComponent
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        {
+                            provide: NavigationContentComponent,
+                            useExisting: NavigationContentStartComponent
+                        }
+                    ], host: {
+                        class: 'fd-navigation__container fd-navigation__container--top',
+                        '[style.flex-grow]': '1'
+                    }, hostDirectives: [ScrollbarDirective], template: "<ng-content select=\"ul[fdb-navigation-list]\"></ng-content>\n\n<ng-container *ngIf=\"showOverflowButton()\">\n    <ul fdb-navigation-list class=\"fd-navigation__list--no-grow\" [showHome]=\"false\" #showMoreOverflowMenu>\n        <li\n            fdb-navigation-list-overflow-item\n            [alwaysFocusable]=\"true\"\n            #showMoreOverflowItem\n            [hiddenItems]=\"_hiddenItems\"\n        >\n            <a fdb-navigation-link glyph=\"overflow\" label=\"More Items\"></a>\n        </li>\n    </ul>\n</ng-container>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { _navigationItems: [{
+                type: ContentChildren,
+                args: [FdbNavigationListItemComponent, { descendants: true }]
+            }], _navigationLists: [{
+                type: ContentChildren,
+                args: [FdbNavigationListComponent]
+            }], _showMoreOverflow: [{
+                type: ViewChild,
+                args: ['showMoreOverflowMenu', { static: false, read: ElementRef }]
+            }], _showMoreOverflowItemCmp: [{
+                type: ViewChild,
+                args: ['showMoreOverflowItem', { static: false, read: FdbNavigationListItemComponent }]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NavigationComponent, NavigationContentEndComponent, NavigationContentStartComponent, NavigationHomeDirective, NavigationItemSpacerDirective, NavigationLinkComponent, NavigationListComponent, NavigationListItemComponent, NavigationListOverflowItemComponent };
+//# sourceMappingURL=fundamental-ngx-btp-navigation.mjs.map