@fundamental-ngx/btp 0.55.3 → 0.55.4-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { NgTemplateOutlet, NgClass } from '@angular/common';
|
|
2
1
|
import * as i0 from '@angular/core';
|
|
3
2
|
import { signal, inject, DestroyRef, computed, Injectable, EventEmitter, booleanAttribute, HostListener, Output, Input, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Component, ContentChildren, Injector, Directive, TemplateRef, ElementRef, NgZone, effect, ViewChild, ContentChild, ChangeDetectorRef } from '@angular/core';
|
|
4
3
|
import { takeUntilDestroyed, toSignal, toObservable } from '@angular/core/rxjs-interop';
|
|
5
4
|
import { Subject, startWith, observeOn, asyncScheduler, filter, of, take, debounceTime, merge, switchMap, isObservable, map } from 'rxjs';
|
|
6
5
|
import { FocusKeyManager } from '@angular/cdk/a11y';
|
|
7
6
|
import { DOWN_ARROW, UP_ARROW, LEFT_ARROW, RIGHT_ARROW } from '@angular/cdk/keycodes';
|
|
7
|
+
import { NgTemplateOutlet, NgClass } from '@angular/common';
|
|
8
8
|
import { RtlService, KeyUtil, resizeObservable } from '@fundamental-ngx/cdk';
|
|
9
9
|
import { NestedButtonDirective } from '@fundamental-ngx/btp/button';
|
|
10
10
|
import { RtlService as RtlService$1, KeyUtil as KeyUtil$1, applyCssClass } from '@fundamental-ngx/cdk/utils';
|
|
11
11
|
import { ButtonComponent } from '@fundamental-ngx/core/button';
|
|
12
12
|
import { FD_DEFAULT_ICON_FONT_FAMILY, IconComponent } from '@fundamental-ngx/core/icon';
|
|
13
|
-
import { PopoverComponent, PopoverBodyComponent
|
|
13
|
+
import { PopoverComponent, PopoverBodyComponent } from '@fundamental-ngx/core/popover';
|
|
14
14
|
import * as i1 from '@angular/router';
|
|
15
15
|
import { RouterLink, RouterLinkActive } from '@angular/router';
|
|
16
16
|
import { PortalModule } from '@angular/cdk/portal';
|
|
@@ -330,7 +330,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
|
|
|
330
330
|
args: [{
|
|
331
331
|
selector: 'fdb-navigation-content-end',
|
|
332
332
|
template: `<ul fdb-navigation-list [listItems]="allListItems$()"></ul>`,
|
|
333
|
-
imports: [NavigationListComponent
|
|
333
|
+
imports: [NavigationListComponent],
|
|
334
334
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
335
335
|
encapsulation: ViewEncapsulation.None,
|
|
336
336
|
host: {
|
|
@@ -543,7 +543,7 @@ class NavigationLinkComponent extends FdbNavigationItemLink {
|
|
|
543
543
|
}
|
|
544
544
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: NavigationLinkComponent, decorators: [{
|
|
545
545
|
type: Component,
|
|
546
|
-
args: [{ selector: 'a[fdb-navigation-link]', imports: [IconComponent
|
|
546
|
+
args: [{ selector: 'a[fdb-navigation-link]', imports: [IconComponent], hostDirectives: [RouterLinkActive], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
|
|
547
547
|
{
|
|
548
548
|
provide: FdbNavigationItemLink,
|
|
549
549
|
useExisting: NavigationLinkComponent
|
|
@@ -986,7 +986,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
|
|
|
986
986
|
NgTemplateOutlet,
|
|
987
987
|
NavigationListComponent,
|
|
988
988
|
PopoverComponent,
|
|
989
|
-
PopoverControlComponent,
|
|
990
989
|
PopoverBodyComponent,
|
|
991
990
|
NavigationListItemMarkerDirective,
|
|
992
991
|
IconComponent,
|
|
@@ -1143,15 +1142,7 @@ class NavigationMoreButtonComponent {
|
|
|
1143
1142
|
}
|
|
1144
1143
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: NavigationMoreButtonComponent, decorators: [{
|
|
1145
1144
|
type: Component,
|
|
1146
|
-
args: [{ selector: 'li[fdb-navigation-more-button]', imports: [
|
|
1147
|
-
NavigationLinkComponent,
|
|
1148
|
-
NavigationListComponent,
|
|
1149
|
-
PopoverComponent,
|
|
1150
|
-
PopoverControlComponent,
|
|
1151
|
-
PopoverBodyComponent,
|
|
1152
|
-
NgTemplateOutlet,
|
|
1153
|
-
NgClass
|
|
1154
|
-
], providers: [
|
|
1145
|
+
args: [{ selector: 'li[fdb-navigation-more-button]', imports: [NavigationLinkComponent, NavigationListComponent, PopoverComponent, PopoverBodyComponent, NgClass], providers: [
|
|
1155
1146
|
{
|
|
1156
1147
|
provide: FdbNavigationListItem,
|
|
1157
1148
|
useExisting: NavigationMoreButtonComponent
|
|
@@ -1281,7 +1272,7 @@ class NavigationContentStartComponent extends FdbNavigationContentContainer {
|
|
|
1281
1272
|
}
|
|
1282
1273
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: NavigationContentStartComponent, decorators: [{
|
|
1283
1274
|
type: Component,
|
|
1284
|
-
args: [{ selector: 'fdb-navigation-content-start', imports: [PortalModule,
|
|
1275
|
+
args: [{ selector: 'fdb-navigation-content-start', imports: [PortalModule, NavigationListComponent, NavigationMoreButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
1285
1276
|
class: 'fd-navigation__container fd-navigation__container--top',
|
|
1286
1277
|
'[style.flex-grow]': '1'
|
|
1287
1278
|
}, providers: [
|
|
@@ -1562,8 +1553,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
|
|
|
1562
1553
|
NgTemplateOutlet,
|
|
1563
1554
|
NavigationListItemDirective,
|
|
1564
1555
|
NavigationContentStartComponent,
|
|
1565
|
-
NavigationContentEndComponent
|
|
1566
|
-
NavigationListItemComponent
|
|
1556
|
+
NavigationContentEndComponent
|
|
1567
1557
|
], template: "<ng-content></ng-content>\n@if (_navigationItemRenderer()) {\n @if (dataSourceItems()?.start; as startItems) {\n <fdb-navigation-content-start [contentProjected]=\"false\">\n @for (item of startItems; track item) {\n <ng-container fdbNavigationListItem [item]=\"item\" #listItemDirective=\"fdbListItem\">\n <ng-template\n [ngTemplateOutlet]=\"itemRenderer\"\n [ngTemplateOutletContext]=\"{ $implicit: item, injector: listItemDirective.injector }\"\n [ngTemplateOutletInjector]=\"listItemDirective.injector\"\n ></ng-template>\n </ng-container>\n }\n </fdb-navigation-content-start>\n }\n @if (dataSourceItems()?.end; as endItems) {\n <fdb-navigation-content-end [contentProjected]=\"false\">\n @for (item of endItems; track item) {\n <ng-container fdbNavigationListItem [item]=\"item\" #listItemDirective=\"fdbListItem\">\n <ng-template\n [ngTemplateOutlet]=\"itemRenderer\"\n [ngTemplateOutletContext]=\"{ $implicit: item, injector: listItemDirective.injector }\"\n [ngTemplateOutletInjector]=\"listItemDirective.injector\"\n ></ng-template>\n </ng-container>\n }\n </fdb-navigation-content-end>\n }\n}\n\n<ng-template #itemRenderer let-item let-injector=\"injector\">\n <ng-template\n [ngTemplateOutlet]=\"_navigationItemRenderer()?.templateRef || null\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\n [ngTemplateOutletInjector]=\"injector\"\n ></ng-template>\n @if (item.children && item.children.length > 0) {\n @for (child of item.children; track child) {\n <ng-container fdbNavigationListItem [item]=\"child\" #listItemDirective=\"fdbListItem\">\n <ng-template\n [ngTemplateOutlet]=\"itemRenderer\"\n [ngTemplateOutletContext]=\"{ $implicit: child, injector: listItemDirective.injector }\"\n [ngTemplateOutletInjector]=\"listItemDirective.injector\"\n ></ng-template>\n </ng-container>\n }\n }\n</ng-template>\n", styles: ["@charset \"UTF-8\";.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_Shift_Left:.5rem;--fdNavigation_Link_Padding_Left:var(--fdNavigation_Link_Shift_Left);--fdNavigation_Link_Padding_Right:var(--fdNavigation_Link_Shift_Left);--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;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-navigation:after,.fd-navigation:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.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:-webkit-box;display:-ms-flexbox;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{z-index:5;--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.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{z-index:5;--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-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--vertical .fd-navigation__item--with-expander .fd-navigation__link{--fdNavigation_Link_Padding_Right:.5rem}.fd-navigation--snapped.fd-navigation--vertical .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:-webkit-fit-content;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:-webkit-fit-content;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{background:var(--sapGroup_ContentBackground);border:none;border-radius:.75rem;-webkit-box-shadow:var(--sapMenu_Shadow2);box-shadow:var(--sapMenu_Shadow2);padding-block:.05rem;padding-inline:.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{-webkit-box-shadow:var(--sapMenu_Shadow1);box-shadow:var(--sapMenu_Shadow1);left:calc(100% + .1875rem);padding-block:.5rem;padding-inline:.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-block:0;padding-inline:0}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list{--fdNavigation_Item_Spacing:0;-webkit-box-shadow:none;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{-webkit-box-shadow:var(--sapMenu_Shadow1);box-shadow:var(--sapMenu_Shadow1);left:calc(100% + .1875rem);margin-block:0;margin-inline:0;padding-block:.5rem;padding-inline:.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-block:.7rem;padding-inline:.7rem}.fd-navigation--snapped .fd-navigation__item--title{display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;-webkit-margin-after:.75rem;margin-block-end:.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--tablet{--fdNavigation_Link_Icon_Size:1.125rem;--fdNavigation_Link_Min_Height:2.5rem;--fdNavigation_Link_Shift_Left:.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--vertical .fd-navigation__item--with-expander .fd-navigation__link,.fd-navigation--tablet.fd-navigation--vertical .fd-navigation__item--with-expander .fd-navigation__link{--fdNavigation_Link_Padding_Right:2.375rem}.fd-navigation--phone.fd-navigation--vertical .fd-navigation__item--with-expander .fd-navigation__expander,.fd-navigation--tablet.fd-navigation--vertical .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--vertical .fd-navigation__item--with-expander .fd-navigation__link,.fd-navigation--tablet.fd-navigation--snapped.fd-navigation--vertical .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-inline:var(--fdNavigation_Padding_X);position:relative;-webkit-padding-after:.25rem;padding-block-end:.25rem}.fd-navigation__container--bottom{padding-inline:var(--fdNavigation_Padding_X)}.fd-navigation__container--bottom:before{background:var(--sapToolbar_SeparatorColor);content:\"\";display:inline-block;height:.0625rem;margin-block:.5625rem;width:100%}.fd-navigation__list-container{border:0;-webkit-box-sizing:border-box;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:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-navigation__list-container:after,.fd-navigation__list-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__list-wrapper{width:100%}.fd-navigation__list{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--fdNavigation_Item_Spacing);height:100%;list-style-type:none;position:relative}.fd-navigation__list:after,.fd-navigation__list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__list--parent-items{display:var(--fdNavigation_List_Parent_Items_Display)}.fd-navigation__list-item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--fdNavigation_Item_Spacing)}.fd-navigation__list-item:after,.fd-navigation__list-item:before{-webkit-box-sizing:inherit;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{position:sticky;top:0;z-index:10;-webkit-padding-before:.25rem;background:var(--sapList_Background);padding-block-start:.25rem}.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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:.5rem;padding-inline:0;padding-inline:var(--fdNavigation_Link_Padding_Left) var(--fdNavigation_Link_Padding_Right);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdNavigation_Link_Background);border-radius:var(--fdNavigation_Link_Border_Radius);color:var(--sapList_TextColor);cursor:pointer;gap:var(--fdNavigation_Link_Spacing);min-height:var(--fdNavigation_Link_Min_Height);position:relative;text-align:start;text-decoration:none;-webkit-transition:var(--fdNavigation_Link_Transition);transition:var(--fdNavigation_Link_Transition);width:100%}.fd-navigation__link:after,.fd-navigation__link:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__link:before{border-bottom:.0625rem solid var(--fdNavigation_Link_Border_Color);border:.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{z-index:5;--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)}.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__item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:var(--fdNavigation_Link_Border_Radius);height:100%;position:relative}.fd-navigation__item:after,.fd-navigation__item:before{-webkit-box-sizing:inherit;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{z-index:5;--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-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--child .fd-navigation__link{--fdNavigation_Link_Spacing:.5rem;--fdNavigation_Link_Font_Weight:normal;--fdNavigation_Link_Padding_Left:calc(var(--fdNavigation_Link_Icon_Size) + var(--fdNavigation_Link_Spacing) + var(--fdNavigation_Link_Shift_Left))}.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{font-size:1.25rem;font-weight:700;line-height:1.5rem;--fdNavigation_Item_Title_Display:block}.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:var(--fdNavigation_Link_Shift_Left)}.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]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-size:var(--fdNavigation_Link_Icon_Size)}.fd-navigation__text{border:0;-webkit-box-sizing:border-box;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:normal;line-height:1rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;vertical-align:baseline;white-space:nowrap;width:100%}.fd-navigation__text:after,.fd-navigation__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__selection-indicator{background:var(--sapList_SelectionBorderColor);border:0;border-radius:100%;-webkit-box-sizing:border-box;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:normal;margin-block:0;margin-inline: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-block:0;padding-inline:0;width:var(--fdNavigation_Link_Selection_Indicator_Size)}.fd-navigation__selection-indicator:after,.fd-navigation__selection-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__has-children-indicator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:var(--fdNavigation_Link_Has_Child_Indicator_Display);height:.75rem;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;opacity:var(--fdNavigation_Link_Child_Indicator_Opacity);-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;width:.75rem}.fd-navigation__has-children-indicator:after,.fd-navigation__has-children-indicator:before{-webkit-box-sizing:inherit;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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapContent_LabelColor);height:.75rem;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;width:.75rem}.fd-navigation__external-link-indicator:after,.fd-navigation__external-link-indicator:before{-webkit-box-sizing:inherit;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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapContent_LabelColor);height:.75rem;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;width:.75rem}.fd-navigation__back-indicator:after,.fd-navigation__back-indicator:before{-webkit-box-sizing:inherit;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--vertical{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(--sapNavigation_Background);border-radius:var(--fdNavigation_Border_Radius);-webkit-box-shadow:var(--fdNavigation_Box_Shadow);box-shadow:var(--fdNavigation_Box_Shadow);height:var(--fdNavigation_Height);justify-content:space-between;min-width:16rem;padding-block:var(--fdNavigation_Padding_Top) var(--fdNavigation_Padding_Bottom)}.fd-navigation.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.fd-navigation--vertical.fd-navigation--popup .fd-navigation__container--bottom,.fd-navigation.fd-navigation--vertical.fd-navigation--popup .fd-navigation__container--top{--fdNavigation_Padding_X:.5rem}.fd-navigation.fd-navigation--vertical.fd-navigation--snapped{max-width:3.5rem;min-width:3.5rem;width:3.5rem;--fdNavigation_Border_Radius:.5rem .5rem 0 0}.fd-navigation.fd-navigation--vertical .fd-navigation__item--with-expander{position:relative}.fd-navigation.fd-navigation--vertical .fd-navigation__item--with-expander .fd-navigation__expander{position:absolute;right:var(--fdNavigation_Expander_Position_Right);z-index:20}.fd-navigation.fd-navigation--vertical .fd-navigation__item--with-expander .fd-navigation__expander[dir=rtl],[dir=rtl] .fd-navigation.fd-navigation--vertical .fd-navigation__item--with-expander .fd-navigation__expander{left:var(--fdNavigation_Expander_Position_Right);right:auto}.fd-navigation.fd-navigation--vertical:not(.fd-navigation--snapped) .fd-navigation__item--with-expander .fd-navigation__link{--fdNavigation_Link_Padding_Right:2.1975rem}.fd-navigation.fd-navigation--horizontal{background:var(--sapNavigation_Background);height:var(--fdNavigation_Horizontal_Height);padding-block:.75rem;padding-inline:1.5rem;width:100%}.fd-navigation.fd-navigation--horizontal .fd-navigation__link{--fdNavigation_Link_Spacing:.5rem}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected,.fd-navigation.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.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.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link:focus,.fd-navigation.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.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link:focus{z-index:5;--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background)}.fd-navigation.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.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link:hover,.fd-navigation.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.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.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.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.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.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.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link:before,.fd-navigation.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.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.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link.is-hover:before,.fd-navigation.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.fd-navigation--horizontal .fd-navigation__list:not(.fd-navigation__list--parent-items):not(.fd-navigation__list--child-items){--fdNavigation_Item_Spacing:.75rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.fd-navigation.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.fd-navigation--horizontal .fd-navigation__list--child-items{--fdNavigation_Item_Spacing:0}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-item--spacer{height:.75rem;width:100%}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-item--home{-webkit-padding-before:0;background:transparent;padding-block-start:0;position:relative}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-item--home:before{content:none}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu){--fdPopover_Offset: calc(100% + .3875rem) ;background:var(--sapGroup_ContentBackground);border:none;border-radius:.75rem;-webkit-box-shadow:var(--sapMenu_Shadow2);box-shadow:var(--sapMenu_Shadow2);padding-block:.05rem;padding-inline:.05rem}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu{-webkit-box-shadow:var(--sapMenu_Shadow1);box-shadow:var(--sapMenu_Shadow1);padding-block:.5rem;padding-inline:.5rem;position:absolute;right:-.5rem;top:calc(100% + .3875rem)}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu[dir=rtl],[dir=rtl] .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu{left:-.5rem;right:auto}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list-wrapper{padding-block:0;padding-inline:0}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list{--fdNavigation_Item_Spacing:.25rem;-webkit-box-shadow:none;box-shadow:none}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__item.is-expanded .fd-navigation__has-children-indicator,.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).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.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__item.is-expanded .fd-navigation__has-children-indicator,[dir=rtl] .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).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.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__item.fd-navigation__item--overflow .fd-navigation__has-children-indicator{display:none}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover,.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).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.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).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.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).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.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--submenu{-webkit-box-shadow:var(--sapMenu_Shadow1);box-shadow:var(--sapMenu_Shadow1);left:calc(-100% - .1875rem);margin-block:0;margin-inline:0;padding-block:.5rem;padding-inline:.5rem;top:calc(var(--fdNavigation_Link_Min_Height) - .5rem)}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--submenu[dir=rtl],[dir=rtl] .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--submenu{left:auto;right:calc(-100% - .1875rem)}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-wrapper{padding-block:.7rem;padding-inline:.7rem}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--with-expander):not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--with-expander):not(.fd-navigation__item--overflow)[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.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--with-expander):not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link.is-focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--with-expander):not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link:focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--with-expander):not(.fd-navigation__item--overflow)[aria-expanded=true] .fd-navigation__link.is-focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--with-expander):not(.fd-navigation__item--overflow)[aria-expanded=true] .fd-navigation__link:focus{z-index:5;--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.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--with-expander):not(.fd-navigation__item--overflow).is-expanded.is-selected .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--with-expander):not(.fd-navigation__item--overflow).is-expanded[aria-selected=true] .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--with-expander):not(.fd-navigation__item--overflow)[aria-expanded=true].is-selected .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--with-expander):not(.fd-navigation__item--overflow)[aria-expanded=true][aria-selected=true] .fd-navigation__link{--fdNavigation_Link_Selection_Indicator_Display:none;--fdNavigation_Link_Background:var(--fdNavigation_Item_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.fd-navigation--horizontal .fd-navigation__item--child:not(.fd-navigation__item--submenu-child) .fd-navigation__link{--fdNavigation_Link_Padding_Left:var(--fdNavigation_Link_Shift_Left)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander{border:none;margin-block:0;margin-inline:.0625rem;outline-offset:-.0625rem;-webkit-transition:var(--fdNavigation_Link_Transition);transition:var(--fdNavigation_Link_Transition);--fdButton_Nested_Border_Radius:var(--fdNavigation_Link_Border_Radius)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:after{border-bottom:.0625rem solid var(--fdNavigation_Expander_Border_Color);border:.0625rem solid var(--fdNavigation_Expander_Border_Color);border-bottom-color:var(--fdNavigation_Expander_Border_Bottom_Color);content:\"\";inset:0;position:absolute}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander.is-hover,.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:hover{--fdButton_Nested_Background:var(--sapNavigation_Hover_Background);--fdNavigation_Expander_Border_Color:var(--fdNavigation_Link_Border_Color_Hover);--fdNavigation_Expander_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Hover)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander.is-active,.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:active{--fdButton_Nested_Background:var(--sapNavigation_Active_Background);--fdNavigation_Expander_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Expander_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander.is-active.is-focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander.is-active:focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:active.is-focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:active:focus{z-index:5;--fdNavigation_Expander_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Expander_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:active:focus{--fdButton_Nested_Border_Radius:var(--fdNavigation_Link_Border_Radius)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander.is-expanded .fd-navigation__expander,.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander[aria-expanded=true] .fd-navigation__expander{--fdButton_Nested_Background:var(--fdNavigation_Item_Selected_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Expander_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Expander_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Selected)}.fd-navigation[class*=-compact],[class*=-compact] .fd-navigation:not([class*=-cozy]){--fdNavigation_Link_Min_Height:2rem}.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:.125rem}.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}.fd-navigation__item .fd-popover-custom{max-width:none}\n/*! Bundled license information:\n\nfundamental-styles/dist/navigation.css:\n (*!\n * Fundamental Library Styles v0.38.0\n * Copyright (c) 2024 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"] }]
|
|
1568
1558
|
}], ctorParameters: () => [], propDecorators: { class: [{
|
|
1569
1559
|
type: Input
|