@fundamental-ngx/core 0.47.2-rc.0 → 0.47.2
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.
- package/esm2022/action-bar/action-bar.component.mjs +2 -2
- package/esm2022/action-sheet/action-sheet.component.mjs +3 -3
- package/esm2022/avatar/avatar.component.mjs +3 -3
- package/esm2022/avatar-group/avatar-group.component.mjs +3 -3
- package/esm2022/bar/bar.component.mjs +2 -2
- package/esm2022/breadcrumb/breadcrumb.component.mjs +3 -3
- package/esm2022/busy-indicator/busy-indicator.component.mjs +3 -3
- package/esm2022/button/button.component.mjs +3 -3
- package/esm2022/calendar/calendar.component.mjs +3 -3
- package/esm2022/card/card.component.mjs +3 -3
- package/esm2022/carousel/carousel.component.mjs +3 -3
- package/esm2022/checkbox/checkbox/checkbox.component.mjs +3 -3
- package/esm2022/dialog/dialog.component.mjs +3 -3
- package/esm2022/dynamic-page/dynamic-page.component.mjs +3 -3
- package/esm2022/dynamic-side-content/dynamic-side-content.component.mjs +3 -3
- package/esm2022/facets/facet/facet.component.mjs +3 -3
- package/esm2022/feed-input/feed-input.component.mjs +2 -2
- package/esm2022/feed-list-item/components/list/feed-list.component.mjs +2 -2
- package/esm2022/file-uploader/file-uploader.component.mjs +3 -3
- package/esm2022/fixed-card-layout/fixed-card-layout.component.mjs +3 -3
- package/esm2022/flexible-column-layout/flexible-column-layout.component.mjs +3 -3
- package/esm2022/form/fieldset/fieldset.component.mjs +2 -2
- package/esm2022/form/form-control/form-control.component.mjs +3 -3
- package/esm2022/form/form-group/form-group.component.mjs +2 -2
- package/esm2022/form/form-header/form-header.component.mjs +2 -2
- package/esm2022/form/form-item/form-item.component.mjs +2 -2
- package/esm2022/form/form-label/form-label.component.mjs +3 -3
- package/esm2022/form/form-message/form-message.component.mjs +2 -2
- package/esm2022/generic-tag/generic-tag.component.mjs +3 -3
- package/esm2022/grid-list/components/grid-list/grid-list.component.mjs +2 -2
- package/esm2022/icon/icon.component.mjs +2 -2
- package/esm2022/illustrated-message/illustrated-message.component.mjs +3 -3
- package/esm2022/info-label/info-label.component.mjs +3 -3
- package/esm2022/input-group/input-group.component.mjs +3 -3
- package/esm2022/layout-grid/layout-grid.component.mjs +3 -3
- package/esm2022/layout-panel/layout-panel.component.mjs +2 -2
- package/esm2022/link/link.component.mjs +3 -3
- package/esm2022/list/list-item/list-item.component.mjs +1 -4
- package/esm2022/list/list-navigation-item/list-navigation-item.component.mjs +3 -3
- package/esm2022/list/list.component.mjs +2 -2
- package/esm2022/menu/menu.component.mjs +2 -2
- package/esm2022/message-box/message-box.component.mjs +2 -2
- package/esm2022/message-page/message-page.component.mjs +3 -3
- package/esm2022/message-strip/message-strip.component.mjs +3 -3
- package/esm2022/message-toast/message-toast.component.mjs +3 -3
- package/esm2022/micro-process-flow/components/micro-process-flow/micro-process-flow.component.mjs +3 -3
- package/esm2022/multi-combobox/multi-combobox.component.mjs +3 -3
- package/esm2022/notification/notification/notification.component.mjs +2 -2
- package/esm2022/object-attribute/object-attribute.component.mjs +3 -3
- package/esm2022/object-identifier/object-identifier.component.mjs +3 -3
- package/esm2022/object-marker/object-marker.component.mjs +3 -3
- package/esm2022/object-number/object-number.component.mjs +3 -3
- package/esm2022/object-status/object-status.component.mjs +3 -3
- package/esm2022/pagination/pagination.component.mjs +3 -3
- package/esm2022/panel/panel.component.mjs +3 -3
- package/esm2022/popover/popover-body/popover-body.component.mjs +3 -3
- package/esm2022/product-switch/product-switch-body/product-switch-body.component.mjs +3 -3
- package/esm2022/progress-indicator/progress-indicator.component.mjs +3 -3
- package/esm2022/quick-view/quick-view/quick-view.component.mjs +2 -2
- package/esm2022/radio/radio-button/radio-button.component.mjs +3 -3
- package/esm2022/rating-indicator/components/rating-indicator.component.mjs +3 -3
- package/esm2022/resizable-card-layout/resizable-card-layout/resizable-card-item/resizable-card-item.component.mjs +3 -3
- package/esm2022/resizable-card-layout/resizable-card-layout/resizable-card-layout.component.mjs +2 -2
- package/esm2022/segmented-button/segmented-button.component.mjs +2 -2
- package/esm2022/select/select.component.mjs +3 -3
- package/esm2022/shellbar/shellbar.component.mjs +3 -3
- package/esm2022/side-navigation/side-navigation.component.mjs +3 -3
- package/esm2022/skeleton/components/skeleton.component.mjs +3 -3
- package/esm2022/slider/slider.component.mjs +3 -3
- package/esm2022/split-button/split-button.component.mjs +3 -3
- package/esm2022/splitter/splitter.component.mjs +2 -2
- package/esm2022/status-indicator/status-indicator.component.mjs +3 -3
- package/esm2022/step-input/step-input.component.mjs +3 -3
- package/esm2022/switch/switch.component.mjs +3 -3
- package/esm2022/table/table-wrapper.component.mjs +2 -2
- package/esm2022/table/table.component.mjs +2 -2
- package/esm2022/tabs/tab-list.component.mjs +3 -3
- package/esm2022/tabs/tab-nav/tab-nav.component.mjs +2 -2
- package/esm2022/text/text.component.mjs +3 -3
- package/esm2022/tile/tile.component.mjs +3 -3
- package/esm2022/time/time.component.mjs +3 -3
- package/esm2022/title/title.component.mjs +2 -2
- package/esm2022/token/token.component.mjs +3 -3
- package/esm2022/token/tokenizer.component.mjs +3 -3
- package/esm2022/toolbar/toolbar.component.mjs +3 -3
- package/esm2022/tree/tree.component.mjs +3 -3
- package/esm2022/upload-collection/upload-collection.component.mjs +3 -3
- package/esm2022/vertical-navigation/vertical-navigation-main-navigation.component.mjs +3 -3
- package/esm2022/vertical-navigation/vertical-navigation.component.mjs +3 -3
- package/esm2022/wizard/wizard.component.mjs +3 -3
- package/fesm2022/fundamental-ngx-core-action-bar.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-action-bar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-action-sheet.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-action-sheet.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-avatar-group.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-avatar-group.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-avatar.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-avatar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-bar.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-bar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-breadcrumb.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-breadcrumb.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-busy-indicator.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-busy-indicator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-button.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-button.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-calendar.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-calendar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-card.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-card.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-carousel.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-carousel.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-checkbox.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-checkbox.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-dialog.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-dialog.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-dynamic-page.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-dynamic-page.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-dynamic-side-content.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-dynamic-side-content.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-facets.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-facets.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-feed-input.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-feed-input.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-feed-list-item.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-feed-list-item.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-file-uploader.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-file-uploader.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-fixed-card-layout.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-fixed-card-layout.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-flexible-column-layout.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-flexible-column-layout.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-form.mjs +14 -14
- package/fesm2022/fundamental-ngx-core-form.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-generic-tag.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-generic-tag.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-grid-list.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-grid-list.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-icon.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-icon.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-illustrated-message.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-illustrated-message.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-info-label.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-info-label.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-input-group.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-input-group.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-layout-grid.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-layout-grid.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-layout-panel.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-layout-panel.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-link.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-link.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-list.mjs +4 -7
- package/fesm2022/fundamental-ngx-core-list.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-menu.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-menu.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-message-box.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-message-box.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-message-page.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-message-page.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-message-strip.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-message-strip.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-message-toast.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-message-toast.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-micro-process-flow.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-micro-process-flow.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-multi-combobox.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-notification.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-notification.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-object-attribute.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-object-attribute.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-object-identifier.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-object-identifier.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-object-marker.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-object-marker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-object-number.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-object-number.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-object-status.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-object-status.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-pagination.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-pagination.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-panel.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-panel.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-popover.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-popover.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-product-switch.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-product-switch.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-progress-indicator.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-progress-indicator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-quick-view.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-quick-view.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-radio.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-radio.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-rating-indicator.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-rating-indicator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-resizable-card-layout.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-resizable-card-layout.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-segmented-button.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-segmented-button.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-select.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-select.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-shellbar.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-shellbar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-side-navigation.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-side-navigation.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-skeleton.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-skeleton.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-slider.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-slider.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-split-button.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-split-button.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-splitter.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-splitter.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-status-indicator.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-status-indicator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-step-input.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-step-input.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-switch.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-switch.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-table.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-table.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-tabs.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-tabs.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-text.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-text.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-tile.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-tile.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-time.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-time.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-title.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-title.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-token.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-token.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-toolbar.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-toolbar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-tree.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-tree.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-upload-collection.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-upload-collection.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-vertical-navigation.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-vertical-navigation.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-wizard.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-wizard.mjs.map +1 -1
- package/fundamental-ngx-core-v0.47.2.tgz +0 -0
- package/package.json +5 -5
- package/schematics/add-dependencies/index.js +8 -8
- package/fundamental-ngx-core-v0.47.2-rc.0.tgz +0 -0
|
@@ -122,11 +122,11 @@ class SideNavigationComponent {
|
|
|
122
122
|
return lists;
|
|
123
123
|
}
|
|
124
124
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SideNavigationComponent, deps: [{ token: i1.NestedListKeyboardService }, { token: i1.NestedListStateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
125
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: SideNavigationComponent, isStandalone: true, selector: "fd-side-nav", inputs: { sideNavigationConfiguration: "sideNavigationConfiguration", condensed: "condensed", collapseWidth: "collapseWidth", selectable: "selectable" }, host: { listeners: { "window:resize": "onResize()" }, properties: { "class.fd-side-nav--condensed": "this.condensed" } }, providers: [MenuKeyboardService, NestedListKeyboardService, NestedListStateService], queries: [{ propertyName: "sideNavUtility", first: true, predicate: SideNavigationUtilityDirective, descendants: true }, { propertyName: "sideNavMain", first: true, predicate: SideNavigationMainDirective, descendants: true }], viewQueries: [{ propertyName: "preparedNestedList", predicate: PreparedNestedListComponent, descendants: true }], ngImport: i0, template: "<nav class=\"fd-side-nav\" [class.fd-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\">\n <ng-container *ngIf=\"!sideNavigationConfiguration\">\n <ng-content></ng-content>\n </ng-container>\n <ng-container *ngIf=\"sideNavigationConfiguration\">\n <div fd-side-nav-main *ngIf=\"sideNavigationConfiguration.mainNavigation\">\n <fd-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.mainNavigation\"\n >\n </fd-prepared-nested-list>\n </div>\n <div fd-side-nav-utility *ngIf=\"sideNavigationConfiguration.utilityNavigation\">\n <fd-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.utilityNavigation\"\n >\n </fd-prepared-nested-list>\n </div>\n </ng-container>\n</nav>\n", styles: ["/*!\n * Fundamental Library Styles v0.32.0-rc.7\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-nested-list{--fdNestedList_Link_Height:2.75rem;--fdNestedList_Title_Font_Size:var(--sapFontLargeSize);--fdNestedList_Icon_Font_Size:var(--sapFontHeader4Size);--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:0;-webkit-box-sizing:border-box;border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);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);list-style:none;margin:0;padding:0;width:100%}.fd-nested-list:after,.fd-nested-list:before{box-sizing:inherit;font-size:inherit}.fd-nested-list [class*=level]{border-bottom:none}.fd-nested-list [class*=level] .fd-nested-list__content,.fd-nested-list [class*=level] .fd-nested-list__link{border-top:none}.fd-nested-list .fd-nested-list__content,.fd-nested-list .fd-nested-list__link{border-bottom:none;padding-left:var(--fdNestedList_Item_Padding_Left);padding-right:var(--fdNestedList_Item_Padding_Right)}.fd-nested-list .fd-nested-list__content.is-selected,.fd-nested-list .fd-nested-list__content[aria-selected=true],.fd-nested-list .fd-nested-list__link.is-selected,.fd-nested-list .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list .fd-nested-list__content.has-child,.fd-nested-list .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:var(--fdNestedList_Item_Padding_Left);padding-right:var(--fdNestedList_Item_Padding_Right)}.fd-nested-list .level-2{--fdNestedList_Item_Padding_Left:2.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-3{--fdNestedList_Item_Padding_Left:3.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-4{--fdNestedList_Item_Padding_Left:4.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-5{--fdNestedList_Item_Padding_Left:5.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-6{--fdNestedList_Item_Padding_Left:6.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-7{--fdNestedList_Item_Padding_Left:7.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-8{--fdNestedList_Item_Padding_Left:8.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-9{--fdNestedList_Item_Padding_Left:9.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-10{--fdNestedList_Item_Padding_Left:10.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list[dir=rtl] .level-2,[dir=rtl] .fd-nested-list .level-2{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:2.75rem}.fd-nested-list[dir=rtl] .level-3,[dir=rtl] .fd-nested-list .level-3{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:3.75rem}.fd-nested-list[dir=rtl] .level-4,[dir=rtl] .fd-nested-list .level-4{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:4.75rem}.fd-nested-list[dir=rtl] .level-5,[dir=rtl] .fd-nested-list .level-5{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:5.75rem}.fd-nested-list[dir=rtl] .level-6,[dir=rtl] .fd-nested-list .level-6{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:6.75rem}.fd-nested-list[dir=rtl] .level-7,[dir=rtl] .fd-nested-list .level-7{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:7.75rem}.fd-nested-list[dir=rtl] .level-8,[dir=rtl] .fd-nested-list .level-8{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:8.75rem}.fd-nested-list[dir=rtl] .level-9,[dir=rtl] .fd-nested-list .level-9{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:9.75rem}.fd-nested-list[dir=rtl] .level-10,[dir=rtl] .fd-nested-list .level-10{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:10.75rem}.fd-nested-list[aria-hidden=true]{display:none}.fd-nested-list--popover{border-bottom:none}.fd-nested-list--popover .fd-nested-list__group-header{border-bottom:none;border-top-left-radius:var(--fdNested_List_Border_Corner_Radius);border-top-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list--popover .fd-nested-list__item:first-child,.fd-nested-list--popover .fd-nested-list__item:first-child .fd-nested-list__content,.fd-nested-list--popover .fd-nested-list__item:first-child .fd-nested-list__link{border-top-left-radius:var(--fdNested_List_Border_Corner_Radius);border-top-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list--popover .fd-nested-list__item:last-child,.fd-nested-list--popover .fd-nested-list__item:last-child .fd-nested-list__content,.fd-nested-list--popover .fd-nested-list__item:last-child .fd-nested-list__link{border-bottom-left-radius:var(--fdNested_List_Border_Corner_Radius);border-bottom-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list__item{-webkit-box-sizing:border-box;background:var(--sapList_Background);border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;text-shadow:var(--fdVerticalNav_Text_Shadow)}.fd-nested-list__item:after,.fd-nested-list__item:before{box-sizing:inherit;font-size:inherit}.fd-nested-list__item:first-child .fd-nested-list__content,.fd-nested-list__item:first-child .fd-nested-list__link{border-top:none}.fd-nested-list__content,.fd-nested-list__link{-webkit-box-sizing:border-box;align-items:center;border:0;border-top:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);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:var(--fdNestedList_Link_Height);line-height:var(--sapContent_LineHeight);margin:0;padding:0;text-decoration:none;width:100%}.fd-nested-list__content:after,.fd-nested-list__content:before,.fd-nested-list__link:after,.fd-nested-list__link:before{box-sizing:inherit;font-size:inherit}.fd-nested-list__content.is-hover,.fd-nested-list__content.is-hover .fd-nested-list__button,.fd-nested-list__content:hover,.fd-nested-list__content:hover .fd-nested-list__button,.fd-nested-list__link.is-hover,.fd-nested-list__link.is-hover .fd-nested-list__button,.fd-nested-list__link:hover,.fd-nested-list__link:hover .fd-nested-list__button{background:var(--sapList_Hover_Background)}.fd-nested-list__content.is-focus,.fd-nested-list__content:focus,.fd-nested-list__link.is-focus,.fd-nested-list__link:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.1875rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-nested-list__content.is-selected,.fd-nested-list__content[aria-selected=true],.fd-nested-list__link.is-selected,.fd-nested-list__link[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);border-bottom:var(--sapList_BorderWidth) solid;border-bottom-color:var(--sapList_SelectionBorderColor)}.fd-nested-list__content.is-selected .fd-nested-list__button,.fd-nested-list__content[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link.is-selected .fd-nested-list__button,.fd-nested-list__link[aria-selected=true] .fd-nested-list__button{background:var(--sapList_SelectionBackgroundColor)}.fd-nested-list__content.is-selected.is-hover,.fd-nested-list__content.is-selected.is-hover .fd-nested-list__button,.fd-nested-list__content.is-selected:hover,.fd-nested-list__content.is-selected:hover .fd-nested-list__button,.fd-nested-list__content[aria-selected=true].is-hover,.fd-nested-list__content[aria-selected=true].is-hover .fd-nested-list__button,.fd-nested-list__content[aria-selected=true]:hover,.fd-nested-list__content[aria-selected=true]:hover .fd-nested-list__button,.fd-nested-list__link.is-selected.is-hover,.fd-nested-list__link.is-selected.is-hover .fd-nested-list__button,.fd-nested-list__link.is-selected:hover,.fd-nested-list__link.is-selected:hover .fd-nested-list__button,.fd-nested-list__link[aria-selected=true].is-hover,.fd-nested-list__link[aria-selected=true].is-hover .fd-nested-list__button,.fd-nested-list__link[aria-selected=true]:hover,.fd-nested-list__link[aria-selected=true]:hover .fd-nested-list__button{background:var(--sapList_Hover_SelectionBackground)}.fd-nested-list__content.is-active,.fd-nested-list__content.is-active .fd-nested-list__button,.fd-nested-list__content.is-active.is-selected,.fd-nested-list__content.is-active.is-selected .fd-nested-list__button,.fd-nested-list__content.is-active[aria-selected=true],.fd-nested-list__content.is-active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__content:active,.fd-nested-list__content:active .fd-nested-list__button,.fd-nested-list__content:active.is-selected,.fd-nested-list__content:active.is-selected .fd-nested-list__button,.fd-nested-list__content:active[aria-selected=true],.fd-nested-list__content:active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link.is-active,.fd-nested-list__link.is-active .fd-nested-list__button,.fd-nested-list__link.is-active.is-selected,.fd-nested-list__link.is-active.is-selected .fd-nested-list__button,.fd-nested-list__link.is-active[aria-selected=true],.fd-nested-list__link.is-active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link:active,.fd-nested-list__link:active .fd-nested-list__button,.fd-nested-list__link:active.is-selected,.fd-nested-list__link:active.is-selected .fd-nested-list__button,.fd-nested-list__link:active[aria-selected=true],.fd-nested-list__link:active[aria-selected=true] .fd-nested-list__button{background:var(--sapList_Active_Background)}.fd-nested-list__content.is-active .fd-nested-list__button,.fd-nested-list__content.is-active .fd-nested-list__icon,.fd-nested-list__content.is-active .fd-nested-list__title,.fd-nested-list__content:active .fd-nested-list__button,.fd-nested-list__content:active .fd-nested-list__icon,.fd-nested-list__content:active .fd-nested-list__title,.fd-nested-list__link.is-active .fd-nested-list__button,.fd-nested-list__link.is-active .fd-nested-list__icon,.fd-nested-list__link.is-active .fd-nested-list__title,.fd-nested-list__link:active .fd-nested-list__button,.fd-nested-list__link:active .fd-nested-list__icon,.fd-nested-list__link:active .fd-nested-list__title{color:var(--sapList_Active_TextColor)}.fd-nested-list__content.has-child,.fd-nested-list__link.has-child{justify-content:space-between;padding:0}.fd-nested-list__content.has-child>.fd-nested-list__item,.fd-nested-list__content.has-child>.fd-nested-list__link,.fd-nested-list__link.has-child>.fd-nested-list__item,.fd-nested-list__link.has-child>.fd-nested-list__link{border:none}.fd-nested-list__content.has-child>.fd-nested-list__link,.fd-nested-list__link.has-child>.fd-nested-list__link{background:transparent;border:none;height:100%}.fd-nested-list__content.has-child>.fd-nested-list__link.is-focus,.fd-nested-list__content.has-child>.fd-nested-list__link:focus,.fd-nested-list__link.has-child>.fd-nested-list__link.is-focus,.fd-nested-list__link.has-child>.fd-nested-list__link:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.1875rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-nested-list__content.has-child>.fd-nested-list__link>.fd-nested-list__title,.fd-nested-list__link.has-child>.fd-nested-list__link>.fd-nested-list__title{padding-right:0}.fd-nested-list__content.has-child>.fd-nested-list__link>.fd-nested-list__title[dir=rtl],.fd-nested-list__link.has-child>.fd-nested-list__link>.fd-nested-list__title[dir=rtl],[dir=rtl] .fd-nested-list__content.has-child>.fd-nested-list__link>.fd-nested-list__title,[dir=rtl] .fd-nested-list__link.has-child>.fd-nested-list__link>.fd-nested-list__title{padding-left:0}.fd-nested-list__link{cursor:pointer}.fd-nested-list__button.fd-button{background:none;border:none;color:var(--sapContent_IconColor);height:100%;max-height:100%;min-height:100%;min-width:2.5rem;outline:none;text-decoration:none}.fd-nested-list__button.fd-button [class*=sap-icon],.fd-nested-list__button.fd-button[class*=sap-icon]{font-size:var(--sapFontLargeSize)}.fd-nested-list__icon [class*=sap-icon],.fd-nested-list__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;background:inherit;border-radius:inherit;color:inherit;color:var(--sapList_TextColor);font-size:inherit;font-size:var(--fdNestedList_Icon_Font_Size);justify-content:center;line-height:1;min-width:2.75rem}.fd-nested-list__icon [class*=sap-icon],.fd-nested-list__icon[class*=sap-icon],.fd-nested-list__title{align-items:center;display:flex;height:100%}.fd-nested-list__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdNestedList_Title_Font_Size);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0 1rem 0 0;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-nested-list__title:after,.fd-nested-list__title:before{box-sizing:inherit;font-size:inherit}.fd-nested-list__title:first-child{padding-left:2.75rem}.fd-nested-list__title[dir=rtl],[dir=rtl] .fd-nested-list__title{padding-left:1rem;padding-right:0;text-align:right}.fd-nested-list__title[dir=rtl]:first-child,[dir=rtl] .fd-nested-list__title:first-child{padding-left:0;padding-right:2.75rem}.fd-nested-list__group-header{-webkit-box-sizing:border-box;align-items:flex-end;background:var(--sapList_GroupHeaderBackground);border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_GroupHeaderTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:700;forced-color-adjust:none;height:2.75rem;line-height:var(--sapContent_LineHeight);line-height:2rem;margin:0;overflow:hidden;padding:0 1rem;text-overflow:ellipsis;white-space:nowrap}.fd-nested-list__group-header:after,.fd-nested-list__group-header:before{box-sizing:inherit;font-size:inherit}.fd-nested-list--no-border .fd-nested-list__group-header,.fd-nested-list--no-border .fd-nested-list__item,.fd-nested-list--no-border .fd-nested-list__link{border-top:none}.fd-nested-list--text-only{--fdNestedList_Item_Padding_Left:1rem}.fd-nested-list--text-only .fd-nested-list__content.has-child,.fd-nested-list--text-only .fd-nested-list__link.has-child{padding:0}.fd-nested-list--text-only .fd-nested-list__title:first-child{padding-left:0}.fd-nested-list--text-only .level-2{--fdNestedList_Item_Padding_Left:2rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-2{--fdNestedList_Item_Padding_Left:2.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-3{--fdNestedList_Item_Padding_Left:3rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-3{--fdNestedList_Item_Padding_Left:3.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-4{--fdNestedList_Item_Padding_Left:4rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-4{--fdNestedList_Item_Padding_Left:4.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-5{--fdNestedList_Item_Padding_Left:5rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-5{--fdNestedList_Item_Padding_Left:5.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-6{--fdNestedList_Item_Padding_Left:6rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-6{--fdNestedList_Item_Padding_Left:6.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-7{--fdNestedList_Item_Padding_Left:7rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-7{--fdNestedList_Item_Padding_Left:7.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-8{--fdNestedList_Item_Padding_Left:8rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-8{--fdNestedList_Item_Padding_Left:8.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-9{--fdNestedList_Item_Padding_Left:9rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-9{--fdNestedList_Item_Padding_Left:9.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-10{--fdNestedList_Item_Padding_Left:10rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-10{--fdNestedList_Item_Padding_Left:10.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only[dir=rtl],[dir=rtl] .fd-nested-list--text-only{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:1rem}.fd-nested-list--text-only[dir=rtl] .fd-nested-list__content.has-child,.fd-nested-list--text-only[dir=rtl] .fd-nested-list__content:not(.has-child) .fd-nested-list__title:first-child,.fd-nested-list--text-only[dir=rtl] .fd-nested-list__link.has-child,.fd-nested-list--text-only[dir=rtl] .fd-nested-list__link:not(.has-child) .fd-nested-list__title:first-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__content:not(.has-child) .fd-nested-list__title:first-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__link:not(.has-child) .fd-nested-list__title:first-child{padding-right:0}.fd-nested-list--text-only[dir=rtl] .level-2,[dir=rtl] .fd-nested-list--text-only .level-2{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:2rem}.fd-nested-list--text-only[dir=rtl].level-2,[dir=rtl] .fd-nested-list--text-only.level-2{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:2.75rem}.fd-nested-list--text-only[dir=rtl] .level-3,[dir=rtl] .fd-nested-list--text-only .level-3{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:3rem}.fd-nested-list--text-only[dir=rtl].level-3,[dir=rtl] .fd-nested-list--text-only.level-3{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:3.75rem}.fd-nested-list--text-only[dir=rtl] .level-4,[dir=rtl] .fd-nested-list--text-only .level-4{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:4rem}.fd-nested-list--text-only[dir=rtl].level-4,[dir=rtl] .fd-nested-list--text-only.level-4{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:4.75rem}.fd-nested-list--text-only[dir=rtl] .level-5,[dir=rtl] .fd-nested-list--text-only .level-5{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:5rem}.fd-nested-list--text-only[dir=rtl].level-5,[dir=rtl] .fd-nested-list--text-only.level-5{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:5.75rem}.fd-nested-list--text-only[dir=rtl] .level-6,[dir=rtl] .fd-nested-list--text-only .level-6{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:6rem}.fd-nested-list--text-only[dir=rtl].level-6,[dir=rtl] .fd-nested-list--text-only.level-6{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:6.75rem}.fd-nested-list--text-only[dir=rtl] .level-7,[dir=rtl] .fd-nested-list--text-only .level-7{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:7rem}.fd-nested-list--text-only[dir=rtl].level-7,[dir=rtl] .fd-nested-list--text-only.level-7{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:7.75rem}.fd-nested-list--text-only[dir=rtl] .level-8,[dir=rtl] .fd-nested-list--text-only .level-8{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:8rem}.fd-nested-list--text-only[dir=rtl].level-8,[dir=rtl] .fd-nested-list--text-only.level-8{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:8.75rem}.fd-nested-list--text-only[dir=rtl] .level-9,[dir=rtl] .fd-nested-list--text-only .level-9{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:9rem}.fd-nested-list--text-only[dir=rtl].level-9,[dir=rtl] .fd-nested-list--text-only.level-9{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:9.75rem}.fd-nested-list--text-only[dir=rtl] .level-10,[dir=rtl] .fd-nested-list--text-only .level-10{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:10rem}.fd-nested-list--text-only[dir=rtl].level-10,[dir=rtl] .fd-nested-list--text-only.level-10{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:10.75rem}.fd-nested-list[class*=-compact],[class*=-compact] .fd-nested-list:not([class*=-cozy]){--fdNestedList_Link_Height:2rem;--fdNestedList_Title_Font_Size:var(--sapFontSize);--fdNestedList_Icon_Font_Size:var(--sapFontLargeSize)}.fd-side-nav{-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--sapList_Background);border:0;border-right:var(--sapList_BorderWidth) solid;border-right-color:var(--sapGroup_ContentBorderColor);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;height:100%;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0;text-shadow:var(--fdSideNav_Text_Shadow);width:15rem}.fd-side-nav:after,.fd-side-nav:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__skip-link{-webkit-box-sizing:border-box;clip:rect(0 0 0 0);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1px;line-height:var(--sapContent_LineHeight);margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fd-side-nav__skip-link:after,.fd-side-nav__skip-link:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__skip-link:focus{-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:all .125s ease-in;-webkit-text-decoration:var(--fdLink_Text_Decoration, none);align-items:center;color:var(--sapLinkColor);cursor:pointer;display:var(--fdLink_Display, inline-block);height:auto;line-height:inherit;position:static;text-decoration:var(--fdLink_Text_Decoration, none);text-shadow:var(--sapContent_TextShadow);transition:all .125s ease-in;width:auto}.fd-side-nav__skip-link:focus__content{-webkit-text-decoration:var(--fdLink_Text_Content_Decoration, none);text-decoration:var(--fdLink_Text_Content_Decoration, none)}.fd-side-nav__skip-link:focus.is-hover,.fd-side-nav__skip-link:focus:hover{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Hover,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Hover,none)}.fd-side-nav__skip-link:focus.is-focus,.fd-side-nav__skip-link:focus:focus{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Focus,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Focus,none)}.fd-side-nav__skip-link:focus.is-active,.fd-side-nav__skip-link:focus:active{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Active,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Active,none)}.fd-side-nav__skip-link:focus.is-disabled,.fd-side-nav__skip-link:focus:disabled,.fd-side-nav__skip-link:focus[aria-disabled=true]{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Disabled,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Disabled,none)}.fd-side-nav__skip-link:focus--subtle{--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Subtle,none);--fdLink_Text_Content_Decoration_Hover:var(--fdLink_Text_Content_Decoration_Subtle_Hover,none);--fdLink_Text_Content_Decoration_Active:var(--fdLink_Text_Content_Decoration_Subtle_Active,none);--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Subtle,none);--fdLink_Text_Decoration_Hover:var(--fdLink_Text_Decoration_Subtle_Hover,none);--fdLink_Text_Decoration_Active:var(--fdLink_Text_Decoration_Subtle_Active,none)}.fd-side-nav__skip-link:focus--undecorated{--fdLink_Text_Decoration:none;--fdLink_Text_Decoration_Subtle:none;--fdLink_Text_Decoration_Subtle_Hover:none;--fdLink_Text_Decoration_Subtle_Active:none;--fdLink_Text_Decoration_Hover:none;--fdLink_Text_Decoration_Focus:none;--fdLink_Text_Decoration_Active:none;--fdLink_Text_Decoration_Visited:none;--fdLink_Text_Decoration_Disabled:none;--fdLink_Text_Content_Decoration:none;--fdLink_Text_Content_Decoration_Subtle:none;--fdLink_Text_Content_Decoration_Subtle_Hover:none;--fdLink_Text_Content_Decoration_Subtle_Active:none;--fdLink_Text_Content_Decoration_Hover:none;--fdLink_Text_Content_Decoration_Focus:none;--fdLink_Text_Content_Decoration_Active:none;--fdLink_Text_Content_Decoration_Visited:none;--fdLink_Text_Content_Decoration_Disabled:none}.fd-side-nav__skip-link:focus--emphasized{font-family:var(--sapFontBoldFamily)}.fd-side-nav__skip-link:focus:visited{color:var(--sapLink_Visited_Color)}.fd-side-nav__skip-link:focus.is-hover,.fd-side-nav__skip-link:focus:hover{color:var(--sapLink_Hover_Color)}.fd-side-nav__skip-link:focus.is-focus,.fd-side-nav__skip-link:focus:focus{-webkit-box-shadow:none;background-color:var(--fdLink_Focus_Background);border-radius:var(--fdLink_Focus_Border_Radius);box-shadow:none;color:var(--fdLink_Text_Focus_Color);outline-color:var(--fdLink_Hover_Outline_Color);outline-offset:var(--fdLink_Hover_Outline_Offset);outline-style:var(--fdLink_Hover_Outline_Style);outline-width:var(--fdLink_Hover_Outline_Width);text-shadow:var(--fdLink_Focus_Text_Shadow);z-index:5}.fd-side-nav__skip-link:focus.is-active,.fd-side-nav__skip-link:focus:active{color:var(--sapLink_Active_Color)}.fd-side-nav__skip-link:focus.is-active.is-focus,.fd-side-nav__skip-link:focus.is-active:focus,.fd-side-nav__skip-link:focus:active.is-focus,.fd-side-nav__skip-link:focus:active:focus{background-color:transparent;z-index:5}.fd-side-nav__skip-link:focus--inverted{color:var(--sapLink_InvertedColor);text-shadow:none}.fd-side-nav__skip-link:focus--inverted.is-hover,.fd-side-nav__skip-link:focus--inverted:hover{color:var(--sapLink_InvertedColor)}.fd-side-nav__skip-link:focus--inverted.is-focus,.fd-side-nav__skip-link:focus--inverted:focus{outline-color:var(--sapContent_ContrastFocusColor);z-index:5}.fd-side-nav__skip-link:focus--subtle{color:var(--sapLink_SubtleColor)}.fd-side-nav__skip-link:focus.is-disabled,.fd-side-nav__skip-link:focus:disabled,.fd-side-nav__skip-link:focus[aria-disabled=true]{color:var(--sapLinkColor);opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-side-nav__skip-link:focus>img{vertical-align:bottom}.fd-side-nav__group-header{-webkit-box-sizing:border-box;align-items:flex-end;background:var(--sapList_GroupHeaderBackground);border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_GroupHeaderTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:700;forced-color-adjust:none;height:2.75rem;line-height:var(--sapContent_LineHeight);line-height:2rem;margin:0;overflow:hidden;padding:0 1rem;text-overflow:ellipsis;white-space:nowrap}.fd-side-nav__group-header:after,.fd-side-nav__group-header:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__main-navigation{-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-side-nav__main-navigation:after,.fd-side-nav__main-navigation:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__utility{-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:3rem 0 0;padding:0}.fd-side-nav__utility:after,.fd-side-nav__utility:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__utility:before{border-top:.125rem solid;border-top-color:var(--sapList_GroupHeaderBorderColor);content:\" \";display:block;margin:.25rem .5rem}.fd-side-nav--condensed{width:2.75rem}.fd-side-nav--condensed .fd-nested-list__button,.fd-side-nav--condensed .fd-nested-list__group-header,.fd-side-nav--condensed .fd-nested-list__title{display:none}.fd-side-nav--condensed .fd-nested-list__content,.fd-side-nav--condensed .fd-nested-list__link{border-bottom:none;text-shadow:var(--fdSideNav_Text_Shadow)}.fd-side-nav--condensed .fd-nested-list__content.is-selected,.fd-side-nav--condensed .fd-nested-list__content[aria-selected=true],.fd-side-nav--condensed .fd-nested-list__link.is-selected,.fd-side-nav--condensed .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid;border-bottom-color:var(--sapList_SelectionBorderColor)}.fd-side-nav--condensed .fd-nested-list__content.has-child,.fd-side-nav--condensed .fd-nested-list__link.has-child{position:relative}.fd-side-nav--condensed .fd-nested-list__content.has-child:after,.fd-side-nav--condensed .fd-nested-list__link.has-child:after{border-color:transparent var(--sapContent_IconColor) transparent transparent;border-style:solid;border-width:.375rem .375rem 0 0;bottom:0;content:\"\";margin-bottom:.0625rem;margin-right:.125rem;min-height:0;min-width:0;position:absolute;right:0}.fd-side-nav .fd-nested-list__icon,.fd-side-nav .fd-nested-list__link.has-child:after{color:var(--sapContent_IconColor)}.fd-side-nav .fd-nested-list__link.has-child:active:after{color:var(--sapList_Active_TextColor)}.fd-side-nav[dir=rtl],[dir=rtl] .fd-side-nav{border-left:var(--sapList_BorderWidth) solid;border-left-color:var(--sapGroup_ContentBorderColor);border-right:none}.fd-side-nav[dir=rtl].fd-side-nav--condensed,[dir=rtl] .fd-side-nav.fd-side-nav--condensed{width:2.75rem}.fd-side-nav[dir=rtl].fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__content.has-child:after,.fd-side-nav[dir=rtl].fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__link.has-child:after,[dir=rtl] .fd-side-nav.fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__content.has-child:after,[dir=rtl] .fd-side-nav.fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__link.has-child:after{-webkit-transform:rotate(90deg);left:0;margin-left:.125rem;margin-right:0;right:auto;transform:rotate(90deg)}.fd-side-nav[dir=rtl].fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__content,.fd-side-nav[dir=rtl].fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__link,[dir=rtl] .fd-side-nav.fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__content,[dir=rtl] .fd-side-nav.fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__link{padding-left:1rem;padding-right:1rem}.fd-nested-list__item{display:block}.fd-nested-list__item .fd-nested-list__link{cursor:pointer}.fd-nested-list__item .fd-nested-list__content .fd-nested-list__button.fd-button{background:none}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: SideNavigationMainDirective, selector: "[fdSideNavigationMain], [fd-side-nav-main]" }, { kind: "component", type: PreparedNestedListComponent, selector: "fd-prepared-nested-list", inputs: ["first", "condensed", "list"] }, { kind: "directive", type: SideNavigationUtilityDirective, selector: "[fdSideNavigationUtility], [fd-side-nav-utility]" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
125
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: SideNavigationComponent, isStandalone: true, selector: "fd-side-nav", inputs: { sideNavigationConfiguration: "sideNavigationConfiguration", condensed: "condensed", collapseWidth: "collapseWidth", selectable: "selectable" }, host: { listeners: { "window:resize": "onResize()" }, properties: { "class.fd-side-nav--condensed": "this.condensed" } }, providers: [MenuKeyboardService, NestedListKeyboardService, NestedListStateService], queries: [{ propertyName: "sideNavUtility", first: true, predicate: SideNavigationUtilityDirective, descendants: true }, { propertyName: "sideNavMain", first: true, predicate: SideNavigationMainDirective, descendants: true }], viewQueries: [{ propertyName: "preparedNestedList", predicate: PreparedNestedListComponent, descendants: true }], ngImport: i0, template: "<nav class=\"fd-side-nav\" [class.fd-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\">\n <ng-container *ngIf=\"!sideNavigationConfiguration\">\n <ng-content></ng-content>\n </ng-container>\n <ng-container *ngIf=\"sideNavigationConfiguration\">\n <div fd-side-nav-main *ngIf=\"sideNavigationConfiguration.mainNavigation\">\n <fd-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.mainNavigation\"\n >\n </fd-prepared-nested-list>\n </div>\n <div fd-side-nav-utility *ngIf=\"sideNavigationConfiguration.utilityNavigation\">\n <fd-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.utilityNavigation\"\n >\n </fd-prepared-nested-list>\n </div>\n </ng-container>\n</nav>\n", styles: ["/*!\n * Fundamental Library Styles v0.32.0\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-nested-list{--fdNestedList_Link_Height:2.75rem;--fdNestedList_Title_Font_Size:var(--sapFontLargeSize);--fdNestedList_Icon_Font_Size:var(--sapFontHeader4Size);--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:0;-webkit-box-sizing:border-box;border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);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);list-style:none;margin:0;padding:0;width:100%}.fd-nested-list:after,.fd-nested-list:before{box-sizing:inherit;font-size:inherit}.fd-nested-list [class*=level]{border-bottom:none}.fd-nested-list [class*=level] .fd-nested-list__content,.fd-nested-list [class*=level] .fd-nested-list__link{border-top:none}.fd-nested-list .fd-nested-list__content,.fd-nested-list .fd-nested-list__link{border-bottom:none;padding-left:var(--fdNestedList_Item_Padding_Left);padding-right:var(--fdNestedList_Item_Padding_Right)}.fd-nested-list .fd-nested-list__content.is-selected,.fd-nested-list .fd-nested-list__content[aria-selected=true],.fd-nested-list .fd-nested-list__link.is-selected,.fd-nested-list .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list .fd-nested-list__content.has-child,.fd-nested-list .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:var(--fdNestedList_Item_Padding_Left);padding-right:var(--fdNestedList_Item_Padding_Right)}.fd-nested-list .level-2{--fdNestedList_Item_Padding_Left:2.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-3{--fdNestedList_Item_Padding_Left:3.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-4{--fdNestedList_Item_Padding_Left:4.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-5{--fdNestedList_Item_Padding_Left:5.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-6{--fdNestedList_Item_Padding_Left:6.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-7{--fdNestedList_Item_Padding_Left:7.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-8{--fdNestedList_Item_Padding_Left:8.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-9{--fdNestedList_Item_Padding_Left:9.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-10{--fdNestedList_Item_Padding_Left:10.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list[dir=rtl] .level-2,[dir=rtl] .fd-nested-list .level-2{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:2.75rem}.fd-nested-list[dir=rtl] .level-3,[dir=rtl] .fd-nested-list .level-3{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:3.75rem}.fd-nested-list[dir=rtl] .level-4,[dir=rtl] .fd-nested-list .level-4{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:4.75rem}.fd-nested-list[dir=rtl] .level-5,[dir=rtl] .fd-nested-list .level-5{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:5.75rem}.fd-nested-list[dir=rtl] .level-6,[dir=rtl] .fd-nested-list .level-6{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:6.75rem}.fd-nested-list[dir=rtl] .level-7,[dir=rtl] .fd-nested-list .level-7{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:7.75rem}.fd-nested-list[dir=rtl] .level-8,[dir=rtl] .fd-nested-list .level-8{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:8.75rem}.fd-nested-list[dir=rtl] .level-9,[dir=rtl] .fd-nested-list .level-9{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:9.75rem}.fd-nested-list[dir=rtl] .level-10,[dir=rtl] .fd-nested-list .level-10{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:10.75rem}.fd-nested-list[aria-hidden=true]{display:none}.fd-nested-list--popover{border-bottom:none}.fd-nested-list--popover .fd-nested-list__group-header{border-bottom:none;border-top-left-radius:var(--fdNested_List_Border_Corner_Radius);border-top-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list--popover .fd-nested-list__item:first-child,.fd-nested-list--popover .fd-nested-list__item:first-child .fd-nested-list__content,.fd-nested-list--popover .fd-nested-list__item:first-child .fd-nested-list__link{border-top-left-radius:var(--fdNested_List_Border_Corner_Radius);border-top-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list--popover .fd-nested-list__item:last-child,.fd-nested-list--popover .fd-nested-list__item:last-child .fd-nested-list__content,.fd-nested-list--popover .fd-nested-list__item:last-child .fd-nested-list__link{border-bottom-left-radius:var(--fdNested_List_Border_Corner_Radius);border-bottom-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list__item{-webkit-box-sizing:border-box;background:var(--sapList_Background);border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;text-shadow:var(--fdVerticalNav_Text_Shadow)}.fd-nested-list__item:after,.fd-nested-list__item:before{box-sizing:inherit;font-size:inherit}.fd-nested-list__item:first-child .fd-nested-list__content,.fd-nested-list__item:first-child .fd-nested-list__link{border-top:none}.fd-nested-list__content,.fd-nested-list__link{-webkit-box-sizing:border-box;align-items:center;border:0;border-top:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);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:var(--fdNestedList_Link_Height);line-height:var(--sapContent_LineHeight);margin:0;padding:0;text-decoration:none;width:100%}.fd-nested-list__content:after,.fd-nested-list__content:before,.fd-nested-list__link:after,.fd-nested-list__link:before{box-sizing:inherit;font-size:inherit}.fd-nested-list__content.is-hover,.fd-nested-list__content.is-hover .fd-nested-list__button,.fd-nested-list__content:hover,.fd-nested-list__content:hover .fd-nested-list__button,.fd-nested-list__link.is-hover,.fd-nested-list__link.is-hover .fd-nested-list__button,.fd-nested-list__link:hover,.fd-nested-list__link:hover .fd-nested-list__button{background:var(--sapList_Hover_Background)}.fd-nested-list__content.is-focus,.fd-nested-list__content:focus,.fd-nested-list__link.is-focus,.fd-nested-list__link:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.1875rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-nested-list__content.is-selected,.fd-nested-list__content[aria-selected=true],.fd-nested-list__link.is-selected,.fd-nested-list__link[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);border-bottom:var(--sapList_BorderWidth) solid;border-bottom-color:var(--sapList_SelectionBorderColor)}.fd-nested-list__content.is-selected .fd-nested-list__button,.fd-nested-list__content[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link.is-selected .fd-nested-list__button,.fd-nested-list__link[aria-selected=true] .fd-nested-list__button{background:var(--sapList_SelectionBackgroundColor)}.fd-nested-list__content.is-selected.is-hover,.fd-nested-list__content.is-selected.is-hover .fd-nested-list__button,.fd-nested-list__content.is-selected:hover,.fd-nested-list__content.is-selected:hover .fd-nested-list__button,.fd-nested-list__content[aria-selected=true].is-hover,.fd-nested-list__content[aria-selected=true].is-hover .fd-nested-list__button,.fd-nested-list__content[aria-selected=true]:hover,.fd-nested-list__content[aria-selected=true]:hover .fd-nested-list__button,.fd-nested-list__link.is-selected.is-hover,.fd-nested-list__link.is-selected.is-hover .fd-nested-list__button,.fd-nested-list__link.is-selected:hover,.fd-nested-list__link.is-selected:hover .fd-nested-list__button,.fd-nested-list__link[aria-selected=true].is-hover,.fd-nested-list__link[aria-selected=true].is-hover .fd-nested-list__button,.fd-nested-list__link[aria-selected=true]:hover,.fd-nested-list__link[aria-selected=true]:hover .fd-nested-list__button{background:var(--sapList_Hover_SelectionBackground)}.fd-nested-list__content.is-active,.fd-nested-list__content.is-active .fd-nested-list__button,.fd-nested-list__content.is-active.is-selected,.fd-nested-list__content.is-active.is-selected .fd-nested-list__button,.fd-nested-list__content.is-active[aria-selected=true],.fd-nested-list__content.is-active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__content:active,.fd-nested-list__content:active .fd-nested-list__button,.fd-nested-list__content:active.is-selected,.fd-nested-list__content:active.is-selected .fd-nested-list__button,.fd-nested-list__content:active[aria-selected=true],.fd-nested-list__content:active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link.is-active,.fd-nested-list__link.is-active .fd-nested-list__button,.fd-nested-list__link.is-active.is-selected,.fd-nested-list__link.is-active.is-selected .fd-nested-list__button,.fd-nested-list__link.is-active[aria-selected=true],.fd-nested-list__link.is-active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link:active,.fd-nested-list__link:active .fd-nested-list__button,.fd-nested-list__link:active.is-selected,.fd-nested-list__link:active.is-selected .fd-nested-list__button,.fd-nested-list__link:active[aria-selected=true],.fd-nested-list__link:active[aria-selected=true] .fd-nested-list__button{background:var(--sapList_Active_Background)}.fd-nested-list__content.is-active .fd-nested-list__button,.fd-nested-list__content.is-active .fd-nested-list__icon,.fd-nested-list__content.is-active .fd-nested-list__title,.fd-nested-list__content:active .fd-nested-list__button,.fd-nested-list__content:active .fd-nested-list__icon,.fd-nested-list__content:active .fd-nested-list__title,.fd-nested-list__link.is-active .fd-nested-list__button,.fd-nested-list__link.is-active .fd-nested-list__icon,.fd-nested-list__link.is-active .fd-nested-list__title,.fd-nested-list__link:active .fd-nested-list__button,.fd-nested-list__link:active .fd-nested-list__icon,.fd-nested-list__link:active .fd-nested-list__title{color:var(--sapList_Active_TextColor)}.fd-nested-list__content.has-child,.fd-nested-list__link.has-child{justify-content:space-between;padding:0}.fd-nested-list__content.has-child>.fd-nested-list__item,.fd-nested-list__content.has-child>.fd-nested-list__link,.fd-nested-list__link.has-child>.fd-nested-list__item,.fd-nested-list__link.has-child>.fd-nested-list__link{border:none}.fd-nested-list__content.has-child>.fd-nested-list__link,.fd-nested-list__link.has-child>.fd-nested-list__link{background:transparent;border:none;height:100%}.fd-nested-list__content.has-child>.fd-nested-list__link.is-focus,.fd-nested-list__content.has-child>.fd-nested-list__link:focus,.fd-nested-list__link.has-child>.fd-nested-list__link.is-focus,.fd-nested-list__link.has-child>.fd-nested-list__link:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.1875rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-nested-list__content.has-child>.fd-nested-list__link>.fd-nested-list__title,.fd-nested-list__link.has-child>.fd-nested-list__link>.fd-nested-list__title{padding-right:0}.fd-nested-list__content.has-child>.fd-nested-list__link>.fd-nested-list__title[dir=rtl],.fd-nested-list__link.has-child>.fd-nested-list__link>.fd-nested-list__title[dir=rtl],[dir=rtl] .fd-nested-list__content.has-child>.fd-nested-list__link>.fd-nested-list__title,[dir=rtl] .fd-nested-list__link.has-child>.fd-nested-list__link>.fd-nested-list__title{padding-left:0}.fd-nested-list__link{cursor:pointer}.fd-nested-list__button.fd-button{background:none;border:none;color:var(--sapContent_IconColor);height:100%;max-height:100%;min-height:100%;min-width:2.5rem;outline:none;text-decoration:none}.fd-nested-list__button.fd-button [class*=sap-icon],.fd-nested-list__button.fd-button[class*=sap-icon]{font-size:var(--sapFontLargeSize)}.fd-nested-list__icon [class*=sap-icon],.fd-nested-list__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;background:inherit;border-radius:inherit;color:inherit;color:var(--sapList_TextColor);font-size:inherit;font-size:var(--fdNestedList_Icon_Font_Size);justify-content:center;line-height:1;min-width:2.75rem}.fd-nested-list__icon [class*=sap-icon],.fd-nested-list__icon[class*=sap-icon],.fd-nested-list__title{align-items:center;display:flex;height:100%}.fd-nested-list__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdNestedList_Title_Font_Size);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0 1rem 0 0;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-nested-list__title:after,.fd-nested-list__title:before{box-sizing:inherit;font-size:inherit}.fd-nested-list__title:first-child{padding-left:2.75rem}.fd-nested-list__title[dir=rtl],[dir=rtl] .fd-nested-list__title{padding-left:1rem;padding-right:0;text-align:right}.fd-nested-list__title[dir=rtl]:first-child,[dir=rtl] .fd-nested-list__title:first-child{padding-left:0;padding-right:2.75rem}.fd-nested-list__group-header{-webkit-box-sizing:border-box;align-items:flex-end;background:var(--sapList_GroupHeaderBackground);border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_GroupHeaderTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:700;forced-color-adjust:none;height:2.75rem;line-height:var(--sapContent_LineHeight);line-height:2rem;margin:0;overflow:hidden;padding:0 1rem;text-overflow:ellipsis;white-space:nowrap}.fd-nested-list__group-header:after,.fd-nested-list__group-header:before{box-sizing:inherit;font-size:inherit}.fd-nested-list--no-border .fd-nested-list__group-header,.fd-nested-list--no-border .fd-nested-list__item,.fd-nested-list--no-border .fd-nested-list__link{border-top:none}.fd-nested-list--text-only{--fdNestedList_Item_Padding_Left:1rem}.fd-nested-list--text-only .fd-nested-list__content.has-child,.fd-nested-list--text-only .fd-nested-list__link.has-child{padding:0}.fd-nested-list--text-only .fd-nested-list__title:first-child{padding-left:0}.fd-nested-list--text-only .level-2{--fdNestedList_Item_Padding_Left:2rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-2{--fdNestedList_Item_Padding_Left:2.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-3{--fdNestedList_Item_Padding_Left:3rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-3{--fdNestedList_Item_Padding_Left:3.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-4{--fdNestedList_Item_Padding_Left:4rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-4{--fdNestedList_Item_Padding_Left:4.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-5{--fdNestedList_Item_Padding_Left:5rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-5{--fdNestedList_Item_Padding_Left:5.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-6{--fdNestedList_Item_Padding_Left:6rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-6{--fdNestedList_Item_Padding_Left:6.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-7{--fdNestedList_Item_Padding_Left:7rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-7{--fdNestedList_Item_Padding_Left:7.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-8{--fdNestedList_Item_Padding_Left:8rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-8{--fdNestedList_Item_Padding_Left:8.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-9{--fdNestedList_Item_Padding_Left:9rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-9{--fdNestedList_Item_Padding_Left:9.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-10{--fdNestedList_Item_Padding_Left:10rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-10{--fdNestedList_Item_Padding_Left:10.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only[dir=rtl],[dir=rtl] .fd-nested-list--text-only{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:1rem}.fd-nested-list--text-only[dir=rtl] .fd-nested-list__content.has-child,.fd-nested-list--text-only[dir=rtl] .fd-nested-list__content:not(.has-child) .fd-nested-list__title:first-child,.fd-nested-list--text-only[dir=rtl] .fd-nested-list__link.has-child,.fd-nested-list--text-only[dir=rtl] .fd-nested-list__link:not(.has-child) .fd-nested-list__title:first-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__content:not(.has-child) .fd-nested-list__title:first-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__link:not(.has-child) .fd-nested-list__title:first-child{padding-right:0}.fd-nested-list--text-only[dir=rtl] .level-2,[dir=rtl] .fd-nested-list--text-only .level-2{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:2rem}.fd-nested-list--text-only[dir=rtl].level-2,[dir=rtl] .fd-nested-list--text-only.level-2{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:2.75rem}.fd-nested-list--text-only[dir=rtl] .level-3,[dir=rtl] .fd-nested-list--text-only .level-3{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:3rem}.fd-nested-list--text-only[dir=rtl].level-3,[dir=rtl] .fd-nested-list--text-only.level-3{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:3.75rem}.fd-nested-list--text-only[dir=rtl] .level-4,[dir=rtl] .fd-nested-list--text-only .level-4{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:4rem}.fd-nested-list--text-only[dir=rtl].level-4,[dir=rtl] .fd-nested-list--text-only.level-4{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:4.75rem}.fd-nested-list--text-only[dir=rtl] .level-5,[dir=rtl] .fd-nested-list--text-only .level-5{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:5rem}.fd-nested-list--text-only[dir=rtl].level-5,[dir=rtl] .fd-nested-list--text-only.level-5{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:5.75rem}.fd-nested-list--text-only[dir=rtl] .level-6,[dir=rtl] .fd-nested-list--text-only .level-6{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:6rem}.fd-nested-list--text-only[dir=rtl].level-6,[dir=rtl] .fd-nested-list--text-only.level-6{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:6.75rem}.fd-nested-list--text-only[dir=rtl] .level-7,[dir=rtl] .fd-nested-list--text-only .level-7{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:7rem}.fd-nested-list--text-only[dir=rtl].level-7,[dir=rtl] .fd-nested-list--text-only.level-7{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:7.75rem}.fd-nested-list--text-only[dir=rtl] .level-8,[dir=rtl] .fd-nested-list--text-only .level-8{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:8rem}.fd-nested-list--text-only[dir=rtl].level-8,[dir=rtl] .fd-nested-list--text-only.level-8{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:8.75rem}.fd-nested-list--text-only[dir=rtl] .level-9,[dir=rtl] .fd-nested-list--text-only .level-9{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:9rem}.fd-nested-list--text-only[dir=rtl].level-9,[dir=rtl] .fd-nested-list--text-only.level-9{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:9.75rem}.fd-nested-list--text-only[dir=rtl] .level-10,[dir=rtl] .fd-nested-list--text-only .level-10{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:10rem}.fd-nested-list--text-only[dir=rtl].level-10,[dir=rtl] .fd-nested-list--text-only.level-10{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:10.75rem}.fd-nested-list[class*=-compact],[class*=-compact] .fd-nested-list:not([class*=-cozy]){--fdNestedList_Link_Height:2rem;--fdNestedList_Title_Font_Size:var(--sapFontSize);--fdNestedList_Icon_Font_Size:var(--sapFontLargeSize)}.fd-side-nav{-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--sapList_Background);border:0;border-right:var(--sapList_BorderWidth) solid;border-right-color:var(--sapGroup_ContentBorderColor);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;height:100%;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0;text-shadow:var(--fdSideNav_Text_Shadow);width:15rem}.fd-side-nav:after,.fd-side-nav:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__skip-link{-webkit-box-sizing:border-box;clip:rect(0 0 0 0);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1px;line-height:var(--sapContent_LineHeight);margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fd-side-nav__skip-link:after,.fd-side-nav__skip-link:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__skip-link:focus{-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:all .125s ease-in;-webkit-text-decoration:var(--fdLink_Text_Decoration, none);align-items:center;color:var(--sapLinkColor);cursor:pointer;display:var(--fdLink_Display, inline-block);height:auto;line-height:inherit;position:static;text-decoration:var(--fdLink_Text_Decoration, none);text-shadow:var(--sapContent_TextShadow);transition:all .125s ease-in;width:auto}.fd-side-nav__skip-link:focus__content{-webkit-text-decoration:var(--fdLink_Text_Content_Decoration, none);text-decoration:var(--fdLink_Text_Content_Decoration, none)}.fd-side-nav__skip-link:focus.is-hover,.fd-side-nav__skip-link:focus:hover{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Hover,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Hover,none)}.fd-side-nav__skip-link:focus.is-focus,.fd-side-nav__skip-link:focus:focus{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Focus,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Focus,none)}.fd-side-nav__skip-link:focus.is-active,.fd-side-nav__skip-link:focus:active{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Active,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Active,none)}.fd-side-nav__skip-link:focus.is-disabled,.fd-side-nav__skip-link:focus:disabled,.fd-side-nav__skip-link:focus[aria-disabled=true]{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Disabled,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Disabled,none)}.fd-side-nav__skip-link:focus--subtle{--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Subtle,none);--fdLink_Text_Content_Decoration_Hover:var(--fdLink_Text_Content_Decoration_Subtle_Hover,none);--fdLink_Text_Content_Decoration_Active:var(--fdLink_Text_Content_Decoration_Subtle_Active,none);--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Subtle,none);--fdLink_Text_Decoration_Hover:var(--fdLink_Text_Decoration_Subtle_Hover,none);--fdLink_Text_Decoration_Active:var(--fdLink_Text_Decoration_Subtle_Active,none)}.fd-side-nav__skip-link:focus--undecorated{--fdLink_Text_Decoration:none;--fdLink_Text_Decoration_Subtle:none;--fdLink_Text_Decoration_Subtle_Hover:none;--fdLink_Text_Decoration_Subtle_Active:none;--fdLink_Text_Decoration_Hover:none;--fdLink_Text_Decoration_Focus:none;--fdLink_Text_Decoration_Active:none;--fdLink_Text_Decoration_Visited:none;--fdLink_Text_Decoration_Disabled:none;--fdLink_Text_Content_Decoration:none;--fdLink_Text_Content_Decoration_Subtle:none;--fdLink_Text_Content_Decoration_Subtle_Hover:none;--fdLink_Text_Content_Decoration_Subtle_Active:none;--fdLink_Text_Content_Decoration_Hover:none;--fdLink_Text_Content_Decoration_Focus:none;--fdLink_Text_Content_Decoration_Active:none;--fdLink_Text_Content_Decoration_Visited:none;--fdLink_Text_Content_Decoration_Disabled:none}.fd-side-nav__skip-link:focus--emphasized{font-family:var(--sapFontBoldFamily)}.fd-side-nav__skip-link:focus:visited{color:var(--sapLink_Visited_Color)}.fd-side-nav__skip-link:focus.is-hover,.fd-side-nav__skip-link:focus:hover{color:var(--sapLink_Hover_Color)}.fd-side-nav__skip-link:focus.is-focus,.fd-side-nav__skip-link:focus:focus{-webkit-box-shadow:none;background-color:var(--fdLink_Focus_Background);border-radius:var(--fdLink_Focus_Border_Radius);box-shadow:none;color:var(--fdLink_Text_Focus_Color);outline-color:var(--fdLink_Hover_Outline_Color);outline-offset:var(--fdLink_Hover_Outline_Offset);outline-style:var(--fdLink_Hover_Outline_Style);outline-width:var(--fdLink_Hover_Outline_Width);text-shadow:var(--fdLink_Focus_Text_Shadow);z-index:5}.fd-side-nav__skip-link:focus.is-active,.fd-side-nav__skip-link:focus:active{color:var(--sapLink_Active_Color)}.fd-side-nav__skip-link:focus.is-active.is-focus,.fd-side-nav__skip-link:focus.is-active:focus,.fd-side-nav__skip-link:focus:active.is-focus,.fd-side-nav__skip-link:focus:active:focus{background-color:transparent;z-index:5}.fd-side-nav__skip-link:focus--inverted{color:var(--sapLink_InvertedColor);text-shadow:none}.fd-side-nav__skip-link:focus--inverted.is-hover,.fd-side-nav__skip-link:focus--inverted:hover{color:var(--sapLink_InvertedColor)}.fd-side-nav__skip-link:focus--inverted.is-focus,.fd-side-nav__skip-link:focus--inverted:focus{outline-color:var(--sapContent_ContrastFocusColor);z-index:5}.fd-side-nav__skip-link:focus--subtle{color:var(--sapLink_SubtleColor)}.fd-side-nav__skip-link:focus.is-disabled,.fd-side-nav__skip-link:focus:disabled,.fd-side-nav__skip-link:focus[aria-disabled=true]{color:var(--sapLinkColor);opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-side-nav__skip-link:focus>img{vertical-align:bottom}.fd-side-nav__group-header{-webkit-box-sizing:border-box;align-items:flex-end;background:var(--sapList_GroupHeaderBackground);border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_GroupHeaderTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:700;forced-color-adjust:none;height:2.75rem;line-height:var(--sapContent_LineHeight);line-height:2rem;margin:0;overflow:hidden;padding:0 1rem;text-overflow:ellipsis;white-space:nowrap}.fd-side-nav__group-header:after,.fd-side-nav__group-header:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__main-navigation{-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-side-nav__main-navigation:after,.fd-side-nav__main-navigation:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__utility{-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:3rem 0 0;padding:0}.fd-side-nav__utility:after,.fd-side-nav__utility:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__utility:before{border-top:.125rem solid;border-top-color:var(--sapList_GroupHeaderBorderColor);content:\" \";display:block;margin:.25rem .5rem}.fd-side-nav--condensed{width:2.75rem}.fd-side-nav--condensed .fd-nested-list__button,.fd-side-nav--condensed .fd-nested-list__group-header,.fd-side-nav--condensed .fd-nested-list__title{display:none}.fd-side-nav--condensed .fd-nested-list__content,.fd-side-nav--condensed .fd-nested-list__link{border-bottom:none;text-shadow:var(--fdSideNav_Text_Shadow)}.fd-side-nav--condensed .fd-nested-list__content.is-selected,.fd-side-nav--condensed .fd-nested-list__content[aria-selected=true],.fd-side-nav--condensed .fd-nested-list__link.is-selected,.fd-side-nav--condensed .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid;border-bottom-color:var(--sapList_SelectionBorderColor)}.fd-side-nav--condensed .fd-nested-list__content.has-child,.fd-side-nav--condensed .fd-nested-list__link.has-child{position:relative}.fd-side-nav--condensed .fd-nested-list__content.has-child:after,.fd-side-nav--condensed .fd-nested-list__link.has-child:after{border-color:transparent var(--sapContent_IconColor) transparent transparent;border-style:solid;border-width:.375rem .375rem 0 0;bottom:0;content:\"\";margin-bottom:.0625rem;margin-right:.125rem;min-height:0;min-width:0;position:absolute;right:0}.fd-side-nav .fd-nested-list__icon,.fd-side-nav .fd-nested-list__link.has-child:after{color:var(--sapContent_IconColor)}.fd-side-nav .fd-nested-list__link.has-child:active:after{color:var(--sapList_Active_TextColor)}.fd-side-nav[dir=rtl],[dir=rtl] .fd-side-nav{border-left:var(--sapList_BorderWidth) solid;border-left-color:var(--sapGroup_ContentBorderColor);border-right:none}.fd-side-nav[dir=rtl].fd-side-nav--condensed,[dir=rtl] .fd-side-nav.fd-side-nav--condensed{width:2.75rem}.fd-side-nav[dir=rtl].fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__content.has-child:after,.fd-side-nav[dir=rtl].fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__link.has-child:after,[dir=rtl] .fd-side-nav.fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__content.has-child:after,[dir=rtl] .fd-side-nav.fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__link.has-child:after{-webkit-transform:rotate(90deg);left:0;margin-left:.125rem;margin-right:0;right:auto;transform:rotate(90deg)}.fd-side-nav[dir=rtl].fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__content,.fd-side-nav[dir=rtl].fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__link,[dir=rtl] .fd-side-nav.fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__content,[dir=rtl] .fd-side-nav.fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__link{padding-left:1rem;padding-right:1rem}.fd-nested-list__item{display:block}.fd-nested-list__item .fd-nested-list__link{cursor:pointer}.fd-nested-list__item .fd-nested-list__content .fd-nested-list__button.fd-button{background:none}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: SideNavigationMainDirective, selector: "[fdSideNavigationMain], [fd-side-nav-main]" }, { kind: "component", type: PreparedNestedListComponent, selector: "fd-prepared-nested-list", inputs: ["first", "condensed", "list"] }, { kind: "directive", type: SideNavigationUtilityDirective, selector: "[fdSideNavigationUtility], [fd-side-nav-utility]" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
126
126
|
}
|
|
127
127
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SideNavigationComponent, decorators: [{
|
|
128
128
|
type: Component,
|
|
129
|
-
args: [{ selector: 'fd-side-nav', encapsulation: ViewEncapsulation.None, providers: [MenuKeyboardService, NestedListKeyboardService, NestedListStateService], standalone: true, imports: [NgIf, SideNavigationMainDirective, PreparedNestedListComponent, SideNavigationUtilityDirective], template: "<nav class=\"fd-side-nav\" [class.fd-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\">\n <ng-container *ngIf=\"!sideNavigationConfiguration\">\n <ng-content></ng-content>\n </ng-container>\n <ng-container *ngIf=\"sideNavigationConfiguration\">\n <div fd-side-nav-main *ngIf=\"sideNavigationConfiguration.mainNavigation\">\n <fd-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.mainNavigation\"\n >\n </fd-prepared-nested-list>\n </div>\n <div fd-side-nav-utility *ngIf=\"sideNavigationConfiguration.utilityNavigation\">\n <fd-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.utilityNavigation\"\n >\n </fd-prepared-nested-list>\n </div>\n </ng-container>\n</nav>\n", styles: ["/*!\n * Fundamental Library Styles v0.32.0-rc.7\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-nested-list{--fdNestedList_Link_Height:2.75rem;--fdNestedList_Title_Font_Size:var(--sapFontLargeSize);--fdNestedList_Icon_Font_Size:var(--sapFontHeader4Size);--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:0;-webkit-box-sizing:border-box;border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);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);list-style:none;margin:0;padding:0;width:100%}.fd-nested-list:after,.fd-nested-list:before{box-sizing:inherit;font-size:inherit}.fd-nested-list [class*=level]{border-bottom:none}.fd-nested-list [class*=level] .fd-nested-list__content,.fd-nested-list [class*=level] .fd-nested-list__link{border-top:none}.fd-nested-list .fd-nested-list__content,.fd-nested-list .fd-nested-list__link{border-bottom:none;padding-left:var(--fdNestedList_Item_Padding_Left);padding-right:var(--fdNestedList_Item_Padding_Right)}.fd-nested-list .fd-nested-list__content.is-selected,.fd-nested-list .fd-nested-list__content[aria-selected=true],.fd-nested-list .fd-nested-list__link.is-selected,.fd-nested-list .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list .fd-nested-list__content.has-child,.fd-nested-list .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:var(--fdNestedList_Item_Padding_Left);padding-right:var(--fdNestedList_Item_Padding_Right)}.fd-nested-list .level-2{--fdNestedList_Item_Padding_Left:2.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-3{--fdNestedList_Item_Padding_Left:3.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-4{--fdNestedList_Item_Padding_Left:4.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-5{--fdNestedList_Item_Padding_Left:5.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-6{--fdNestedList_Item_Padding_Left:6.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-7{--fdNestedList_Item_Padding_Left:7.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-8{--fdNestedList_Item_Padding_Left:8.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-9{--fdNestedList_Item_Padding_Left:9.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-10{--fdNestedList_Item_Padding_Left:10.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list[dir=rtl] .level-2,[dir=rtl] .fd-nested-list .level-2{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:2.75rem}.fd-nested-list[dir=rtl] .level-3,[dir=rtl] .fd-nested-list .level-3{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:3.75rem}.fd-nested-list[dir=rtl] .level-4,[dir=rtl] .fd-nested-list .level-4{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:4.75rem}.fd-nested-list[dir=rtl] .level-5,[dir=rtl] .fd-nested-list .level-5{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:5.75rem}.fd-nested-list[dir=rtl] .level-6,[dir=rtl] .fd-nested-list .level-6{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:6.75rem}.fd-nested-list[dir=rtl] .level-7,[dir=rtl] .fd-nested-list .level-7{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:7.75rem}.fd-nested-list[dir=rtl] .level-8,[dir=rtl] .fd-nested-list .level-8{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:8.75rem}.fd-nested-list[dir=rtl] .level-9,[dir=rtl] .fd-nested-list .level-9{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:9.75rem}.fd-nested-list[dir=rtl] .level-10,[dir=rtl] .fd-nested-list .level-10{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:10.75rem}.fd-nested-list[aria-hidden=true]{display:none}.fd-nested-list--popover{border-bottom:none}.fd-nested-list--popover .fd-nested-list__group-header{border-bottom:none;border-top-left-radius:var(--fdNested_List_Border_Corner_Radius);border-top-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list--popover .fd-nested-list__item:first-child,.fd-nested-list--popover .fd-nested-list__item:first-child .fd-nested-list__content,.fd-nested-list--popover .fd-nested-list__item:first-child .fd-nested-list__link{border-top-left-radius:var(--fdNested_List_Border_Corner_Radius);border-top-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list--popover .fd-nested-list__item:last-child,.fd-nested-list--popover .fd-nested-list__item:last-child .fd-nested-list__content,.fd-nested-list--popover .fd-nested-list__item:last-child .fd-nested-list__link{border-bottom-left-radius:var(--fdNested_List_Border_Corner_Radius);border-bottom-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list__item{-webkit-box-sizing:border-box;background:var(--sapList_Background);border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;text-shadow:var(--fdVerticalNav_Text_Shadow)}.fd-nested-list__item:after,.fd-nested-list__item:before{box-sizing:inherit;font-size:inherit}.fd-nested-list__item:first-child .fd-nested-list__content,.fd-nested-list__item:first-child .fd-nested-list__link{border-top:none}.fd-nested-list__content,.fd-nested-list__link{-webkit-box-sizing:border-box;align-items:center;border:0;border-top:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);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:var(--fdNestedList_Link_Height);line-height:var(--sapContent_LineHeight);margin:0;padding:0;text-decoration:none;width:100%}.fd-nested-list__content:after,.fd-nested-list__content:before,.fd-nested-list__link:after,.fd-nested-list__link:before{box-sizing:inherit;font-size:inherit}.fd-nested-list__content.is-hover,.fd-nested-list__content.is-hover .fd-nested-list__button,.fd-nested-list__content:hover,.fd-nested-list__content:hover .fd-nested-list__button,.fd-nested-list__link.is-hover,.fd-nested-list__link.is-hover .fd-nested-list__button,.fd-nested-list__link:hover,.fd-nested-list__link:hover .fd-nested-list__button{background:var(--sapList_Hover_Background)}.fd-nested-list__content.is-focus,.fd-nested-list__content:focus,.fd-nested-list__link.is-focus,.fd-nested-list__link:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.1875rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-nested-list__content.is-selected,.fd-nested-list__content[aria-selected=true],.fd-nested-list__link.is-selected,.fd-nested-list__link[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);border-bottom:var(--sapList_BorderWidth) solid;border-bottom-color:var(--sapList_SelectionBorderColor)}.fd-nested-list__content.is-selected .fd-nested-list__button,.fd-nested-list__content[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link.is-selected .fd-nested-list__button,.fd-nested-list__link[aria-selected=true] .fd-nested-list__button{background:var(--sapList_SelectionBackgroundColor)}.fd-nested-list__content.is-selected.is-hover,.fd-nested-list__content.is-selected.is-hover .fd-nested-list__button,.fd-nested-list__content.is-selected:hover,.fd-nested-list__content.is-selected:hover .fd-nested-list__button,.fd-nested-list__content[aria-selected=true].is-hover,.fd-nested-list__content[aria-selected=true].is-hover .fd-nested-list__button,.fd-nested-list__content[aria-selected=true]:hover,.fd-nested-list__content[aria-selected=true]:hover .fd-nested-list__button,.fd-nested-list__link.is-selected.is-hover,.fd-nested-list__link.is-selected.is-hover .fd-nested-list__button,.fd-nested-list__link.is-selected:hover,.fd-nested-list__link.is-selected:hover .fd-nested-list__button,.fd-nested-list__link[aria-selected=true].is-hover,.fd-nested-list__link[aria-selected=true].is-hover .fd-nested-list__button,.fd-nested-list__link[aria-selected=true]:hover,.fd-nested-list__link[aria-selected=true]:hover .fd-nested-list__button{background:var(--sapList_Hover_SelectionBackground)}.fd-nested-list__content.is-active,.fd-nested-list__content.is-active .fd-nested-list__button,.fd-nested-list__content.is-active.is-selected,.fd-nested-list__content.is-active.is-selected .fd-nested-list__button,.fd-nested-list__content.is-active[aria-selected=true],.fd-nested-list__content.is-active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__content:active,.fd-nested-list__content:active .fd-nested-list__button,.fd-nested-list__content:active.is-selected,.fd-nested-list__content:active.is-selected .fd-nested-list__button,.fd-nested-list__content:active[aria-selected=true],.fd-nested-list__content:active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link.is-active,.fd-nested-list__link.is-active .fd-nested-list__button,.fd-nested-list__link.is-active.is-selected,.fd-nested-list__link.is-active.is-selected .fd-nested-list__button,.fd-nested-list__link.is-active[aria-selected=true],.fd-nested-list__link.is-active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link:active,.fd-nested-list__link:active .fd-nested-list__button,.fd-nested-list__link:active.is-selected,.fd-nested-list__link:active.is-selected .fd-nested-list__button,.fd-nested-list__link:active[aria-selected=true],.fd-nested-list__link:active[aria-selected=true] .fd-nested-list__button{background:var(--sapList_Active_Background)}.fd-nested-list__content.is-active .fd-nested-list__button,.fd-nested-list__content.is-active .fd-nested-list__icon,.fd-nested-list__content.is-active .fd-nested-list__title,.fd-nested-list__content:active .fd-nested-list__button,.fd-nested-list__content:active .fd-nested-list__icon,.fd-nested-list__content:active .fd-nested-list__title,.fd-nested-list__link.is-active .fd-nested-list__button,.fd-nested-list__link.is-active .fd-nested-list__icon,.fd-nested-list__link.is-active .fd-nested-list__title,.fd-nested-list__link:active .fd-nested-list__button,.fd-nested-list__link:active .fd-nested-list__icon,.fd-nested-list__link:active .fd-nested-list__title{color:var(--sapList_Active_TextColor)}.fd-nested-list__content.has-child,.fd-nested-list__link.has-child{justify-content:space-between;padding:0}.fd-nested-list__content.has-child>.fd-nested-list__item,.fd-nested-list__content.has-child>.fd-nested-list__link,.fd-nested-list__link.has-child>.fd-nested-list__item,.fd-nested-list__link.has-child>.fd-nested-list__link{border:none}.fd-nested-list__content.has-child>.fd-nested-list__link,.fd-nested-list__link.has-child>.fd-nested-list__link{background:transparent;border:none;height:100%}.fd-nested-list__content.has-child>.fd-nested-list__link.is-focus,.fd-nested-list__content.has-child>.fd-nested-list__link:focus,.fd-nested-list__link.has-child>.fd-nested-list__link.is-focus,.fd-nested-list__link.has-child>.fd-nested-list__link:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.1875rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-nested-list__content.has-child>.fd-nested-list__link>.fd-nested-list__title,.fd-nested-list__link.has-child>.fd-nested-list__link>.fd-nested-list__title{padding-right:0}.fd-nested-list__content.has-child>.fd-nested-list__link>.fd-nested-list__title[dir=rtl],.fd-nested-list__link.has-child>.fd-nested-list__link>.fd-nested-list__title[dir=rtl],[dir=rtl] .fd-nested-list__content.has-child>.fd-nested-list__link>.fd-nested-list__title,[dir=rtl] .fd-nested-list__link.has-child>.fd-nested-list__link>.fd-nested-list__title{padding-left:0}.fd-nested-list__link{cursor:pointer}.fd-nested-list__button.fd-button{background:none;border:none;color:var(--sapContent_IconColor);height:100%;max-height:100%;min-height:100%;min-width:2.5rem;outline:none;text-decoration:none}.fd-nested-list__button.fd-button [class*=sap-icon],.fd-nested-list__button.fd-button[class*=sap-icon]{font-size:var(--sapFontLargeSize)}.fd-nested-list__icon [class*=sap-icon],.fd-nested-list__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;background:inherit;border-radius:inherit;color:inherit;color:var(--sapList_TextColor);font-size:inherit;font-size:var(--fdNestedList_Icon_Font_Size);justify-content:center;line-height:1;min-width:2.75rem}.fd-nested-list__icon [class*=sap-icon],.fd-nested-list__icon[class*=sap-icon],.fd-nested-list__title{align-items:center;display:flex;height:100%}.fd-nested-list__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdNestedList_Title_Font_Size);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0 1rem 0 0;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-nested-list__title:after,.fd-nested-list__title:before{box-sizing:inherit;font-size:inherit}.fd-nested-list__title:first-child{padding-left:2.75rem}.fd-nested-list__title[dir=rtl],[dir=rtl] .fd-nested-list__title{padding-left:1rem;padding-right:0;text-align:right}.fd-nested-list__title[dir=rtl]:first-child,[dir=rtl] .fd-nested-list__title:first-child{padding-left:0;padding-right:2.75rem}.fd-nested-list__group-header{-webkit-box-sizing:border-box;align-items:flex-end;background:var(--sapList_GroupHeaderBackground);border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_GroupHeaderTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:700;forced-color-adjust:none;height:2.75rem;line-height:var(--sapContent_LineHeight);line-height:2rem;margin:0;overflow:hidden;padding:0 1rem;text-overflow:ellipsis;white-space:nowrap}.fd-nested-list__group-header:after,.fd-nested-list__group-header:before{box-sizing:inherit;font-size:inherit}.fd-nested-list--no-border .fd-nested-list__group-header,.fd-nested-list--no-border .fd-nested-list__item,.fd-nested-list--no-border .fd-nested-list__link{border-top:none}.fd-nested-list--text-only{--fdNestedList_Item_Padding_Left:1rem}.fd-nested-list--text-only .fd-nested-list__content.has-child,.fd-nested-list--text-only .fd-nested-list__link.has-child{padding:0}.fd-nested-list--text-only .fd-nested-list__title:first-child{padding-left:0}.fd-nested-list--text-only .level-2{--fdNestedList_Item_Padding_Left:2rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-2{--fdNestedList_Item_Padding_Left:2.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-3{--fdNestedList_Item_Padding_Left:3rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-3{--fdNestedList_Item_Padding_Left:3.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-4{--fdNestedList_Item_Padding_Left:4rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-4{--fdNestedList_Item_Padding_Left:4.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-5{--fdNestedList_Item_Padding_Left:5rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-5{--fdNestedList_Item_Padding_Left:5.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-6{--fdNestedList_Item_Padding_Left:6rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-6{--fdNestedList_Item_Padding_Left:6.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-7{--fdNestedList_Item_Padding_Left:7rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-7{--fdNestedList_Item_Padding_Left:7.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-8{--fdNestedList_Item_Padding_Left:8rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-8{--fdNestedList_Item_Padding_Left:8.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-9{--fdNestedList_Item_Padding_Left:9rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-9{--fdNestedList_Item_Padding_Left:9.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-10{--fdNestedList_Item_Padding_Left:10rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-10{--fdNestedList_Item_Padding_Left:10.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only[dir=rtl],[dir=rtl] .fd-nested-list--text-only{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:1rem}.fd-nested-list--text-only[dir=rtl] .fd-nested-list__content.has-child,.fd-nested-list--text-only[dir=rtl] .fd-nested-list__content:not(.has-child) .fd-nested-list__title:first-child,.fd-nested-list--text-only[dir=rtl] .fd-nested-list__link.has-child,.fd-nested-list--text-only[dir=rtl] .fd-nested-list__link:not(.has-child) .fd-nested-list__title:first-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__content:not(.has-child) .fd-nested-list__title:first-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__link:not(.has-child) .fd-nested-list__title:first-child{padding-right:0}.fd-nested-list--text-only[dir=rtl] .level-2,[dir=rtl] .fd-nested-list--text-only .level-2{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:2rem}.fd-nested-list--text-only[dir=rtl].level-2,[dir=rtl] .fd-nested-list--text-only.level-2{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:2.75rem}.fd-nested-list--text-only[dir=rtl] .level-3,[dir=rtl] .fd-nested-list--text-only .level-3{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:3rem}.fd-nested-list--text-only[dir=rtl].level-3,[dir=rtl] .fd-nested-list--text-only.level-3{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:3.75rem}.fd-nested-list--text-only[dir=rtl] .level-4,[dir=rtl] .fd-nested-list--text-only .level-4{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:4rem}.fd-nested-list--text-only[dir=rtl].level-4,[dir=rtl] .fd-nested-list--text-only.level-4{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:4.75rem}.fd-nested-list--text-only[dir=rtl] .level-5,[dir=rtl] .fd-nested-list--text-only .level-5{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:5rem}.fd-nested-list--text-only[dir=rtl].level-5,[dir=rtl] .fd-nested-list--text-only.level-5{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:5.75rem}.fd-nested-list--text-only[dir=rtl] .level-6,[dir=rtl] .fd-nested-list--text-only .level-6{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:6rem}.fd-nested-list--text-only[dir=rtl].level-6,[dir=rtl] .fd-nested-list--text-only.level-6{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:6.75rem}.fd-nested-list--text-only[dir=rtl] .level-7,[dir=rtl] .fd-nested-list--text-only .level-7{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:7rem}.fd-nested-list--text-only[dir=rtl].level-7,[dir=rtl] .fd-nested-list--text-only.level-7{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:7.75rem}.fd-nested-list--text-only[dir=rtl] .level-8,[dir=rtl] .fd-nested-list--text-only .level-8{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:8rem}.fd-nested-list--text-only[dir=rtl].level-8,[dir=rtl] .fd-nested-list--text-only.level-8{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:8.75rem}.fd-nested-list--text-only[dir=rtl] .level-9,[dir=rtl] .fd-nested-list--text-only .level-9{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:9rem}.fd-nested-list--text-only[dir=rtl].level-9,[dir=rtl] .fd-nested-list--text-only.level-9{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:9.75rem}.fd-nested-list--text-only[dir=rtl] .level-10,[dir=rtl] .fd-nested-list--text-only .level-10{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:10rem}.fd-nested-list--text-only[dir=rtl].level-10,[dir=rtl] .fd-nested-list--text-only.level-10{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:10.75rem}.fd-nested-list[class*=-compact],[class*=-compact] .fd-nested-list:not([class*=-cozy]){--fdNestedList_Link_Height:2rem;--fdNestedList_Title_Font_Size:var(--sapFontSize);--fdNestedList_Icon_Font_Size:var(--sapFontLargeSize)}.fd-side-nav{-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--sapList_Background);border:0;border-right:var(--sapList_BorderWidth) solid;border-right-color:var(--sapGroup_ContentBorderColor);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;height:100%;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0;text-shadow:var(--fdSideNav_Text_Shadow);width:15rem}.fd-side-nav:after,.fd-side-nav:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__skip-link{-webkit-box-sizing:border-box;clip:rect(0 0 0 0);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1px;line-height:var(--sapContent_LineHeight);margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fd-side-nav__skip-link:after,.fd-side-nav__skip-link:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__skip-link:focus{-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:all .125s ease-in;-webkit-text-decoration:var(--fdLink_Text_Decoration, none);align-items:center;color:var(--sapLinkColor);cursor:pointer;display:var(--fdLink_Display, inline-block);height:auto;line-height:inherit;position:static;text-decoration:var(--fdLink_Text_Decoration, none);text-shadow:var(--sapContent_TextShadow);transition:all .125s ease-in;width:auto}.fd-side-nav__skip-link:focus__content{-webkit-text-decoration:var(--fdLink_Text_Content_Decoration, none);text-decoration:var(--fdLink_Text_Content_Decoration, none)}.fd-side-nav__skip-link:focus.is-hover,.fd-side-nav__skip-link:focus:hover{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Hover,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Hover,none)}.fd-side-nav__skip-link:focus.is-focus,.fd-side-nav__skip-link:focus:focus{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Focus,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Focus,none)}.fd-side-nav__skip-link:focus.is-active,.fd-side-nav__skip-link:focus:active{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Active,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Active,none)}.fd-side-nav__skip-link:focus.is-disabled,.fd-side-nav__skip-link:focus:disabled,.fd-side-nav__skip-link:focus[aria-disabled=true]{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Disabled,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Disabled,none)}.fd-side-nav__skip-link:focus--subtle{--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Subtle,none);--fdLink_Text_Content_Decoration_Hover:var(--fdLink_Text_Content_Decoration_Subtle_Hover,none);--fdLink_Text_Content_Decoration_Active:var(--fdLink_Text_Content_Decoration_Subtle_Active,none);--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Subtle,none);--fdLink_Text_Decoration_Hover:var(--fdLink_Text_Decoration_Subtle_Hover,none);--fdLink_Text_Decoration_Active:var(--fdLink_Text_Decoration_Subtle_Active,none)}.fd-side-nav__skip-link:focus--undecorated{--fdLink_Text_Decoration:none;--fdLink_Text_Decoration_Subtle:none;--fdLink_Text_Decoration_Subtle_Hover:none;--fdLink_Text_Decoration_Subtle_Active:none;--fdLink_Text_Decoration_Hover:none;--fdLink_Text_Decoration_Focus:none;--fdLink_Text_Decoration_Active:none;--fdLink_Text_Decoration_Visited:none;--fdLink_Text_Decoration_Disabled:none;--fdLink_Text_Content_Decoration:none;--fdLink_Text_Content_Decoration_Subtle:none;--fdLink_Text_Content_Decoration_Subtle_Hover:none;--fdLink_Text_Content_Decoration_Subtle_Active:none;--fdLink_Text_Content_Decoration_Hover:none;--fdLink_Text_Content_Decoration_Focus:none;--fdLink_Text_Content_Decoration_Active:none;--fdLink_Text_Content_Decoration_Visited:none;--fdLink_Text_Content_Decoration_Disabled:none}.fd-side-nav__skip-link:focus--emphasized{font-family:var(--sapFontBoldFamily)}.fd-side-nav__skip-link:focus:visited{color:var(--sapLink_Visited_Color)}.fd-side-nav__skip-link:focus.is-hover,.fd-side-nav__skip-link:focus:hover{color:var(--sapLink_Hover_Color)}.fd-side-nav__skip-link:focus.is-focus,.fd-side-nav__skip-link:focus:focus{-webkit-box-shadow:none;background-color:var(--fdLink_Focus_Background);border-radius:var(--fdLink_Focus_Border_Radius);box-shadow:none;color:var(--fdLink_Text_Focus_Color);outline-color:var(--fdLink_Hover_Outline_Color);outline-offset:var(--fdLink_Hover_Outline_Offset);outline-style:var(--fdLink_Hover_Outline_Style);outline-width:var(--fdLink_Hover_Outline_Width);text-shadow:var(--fdLink_Focus_Text_Shadow);z-index:5}.fd-side-nav__skip-link:focus.is-active,.fd-side-nav__skip-link:focus:active{color:var(--sapLink_Active_Color)}.fd-side-nav__skip-link:focus.is-active.is-focus,.fd-side-nav__skip-link:focus.is-active:focus,.fd-side-nav__skip-link:focus:active.is-focus,.fd-side-nav__skip-link:focus:active:focus{background-color:transparent;z-index:5}.fd-side-nav__skip-link:focus--inverted{color:var(--sapLink_InvertedColor);text-shadow:none}.fd-side-nav__skip-link:focus--inverted.is-hover,.fd-side-nav__skip-link:focus--inverted:hover{color:var(--sapLink_InvertedColor)}.fd-side-nav__skip-link:focus--inverted.is-focus,.fd-side-nav__skip-link:focus--inverted:focus{outline-color:var(--sapContent_ContrastFocusColor);z-index:5}.fd-side-nav__skip-link:focus--subtle{color:var(--sapLink_SubtleColor)}.fd-side-nav__skip-link:focus.is-disabled,.fd-side-nav__skip-link:focus:disabled,.fd-side-nav__skip-link:focus[aria-disabled=true]{color:var(--sapLinkColor);opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-side-nav__skip-link:focus>img{vertical-align:bottom}.fd-side-nav__group-header{-webkit-box-sizing:border-box;align-items:flex-end;background:var(--sapList_GroupHeaderBackground);border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_GroupHeaderTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:700;forced-color-adjust:none;height:2.75rem;line-height:var(--sapContent_LineHeight);line-height:2rem;margin:0;overflow:hidden;padding:0 1rem;text-overflow:ellipsis;white-space:nowrap}.fd-side-nav__group-header:after,.fd-side-nav__group-header:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__main-navigation{-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-side-nav__main-navigation:after,.fd-side-nav__main-navigation:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__utility{-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:3rem 0 0;padding:0}.fd-side-nav__utility:after,.fd-side-nav__utility:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__utility:before{border-top:.125rem solid;border-top-color:var(--sapList_GroupHeaderBorderColor);content:\" \";display:block;margin:.25rem .5rem}.fd-side-nav--condensed{width:2.75rem}.fd-side-nav--condensed .fd-nested-list__button,.fd-side-nav--condensed .fd-nested-list__group-header,.fd-side-nav--condensed .fd-nested-list__title{display:none}.fd-side-nav--condensed .fd-nested-list__content,.fd-side-nav--condensed .fd-nested-list__link{border-bottom:none;text-shadow:var(--fdSideNav_Text_Shadow)}.fd-side-nav--condensed .fd-nested-list__content.is-selected,.fd-side-nav--condensed .fd-nested-list__content[aria-selected=true],.fd-side-nav--condensed .fd-nested-list__link.is-selected,.fd-side-nav--condensed .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid;border-bottom-color:var(--sapList_SelectionBorderColor)}.fd-side-nav--condensed .fd-nested-list__content.has-child,.fd-side-nav--condensed .fd-nested-list__link.has-child{position:relative}.fd-side-nav--condensed .fd-nested-list__content.has-child:after,.fd-side-nav--condensed .fd-nested-list__link.has-child:after{border-color:transparent var(--sapContent_IconColor) transparent transparent;border-style:solid;border-width:.375rem .375rem 0 0;bottom:0;content:\"\";margin-bottom:.0625rem;margin-right:.125rem;min-height:0;min-width:0;position:absolute;right:0}.fd-side-nav .fd-nested-list__icon,.fd-side-nav .fd-nested-list__link.has-child:after{color:var(--sapContent_IconColor)}.fd-side-nav .fd-nested-list__link.has-child:active:after{color:var(--sapList_Active_TextColor)}.fd-side-nav[dir=rtl],[dir=rtl] .fd-side-nav{border-left:var(--sapList_BorderWidth) solid;border-left-color:var(--sapGroup_ContentBorderColor);border-right:none}.fd-side-nav[dir=rtl].fd-side-nav--condensed,[dir=rtl] .fd-side-nav.fd-side-nav--condensed{width:2.75rem}.fd-side-nav[dir=rtl].fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__content.has-child:after,.fd-side-nav[dir=rtl].fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__link.has-child:after,[dir=rtl] .fd-side-nav.fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__content.has-child:after,[dir=rtl] .fd-side-nav.fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__link.has-child:after{-webkit-transform:rotate(90deg);left:0;margin-left:.125rem;margin-right:0;right:auto;transform:rotate(90deg)}.fd-side-nav[dir=rtl].fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__content,.fd-side-nav[dir=rtl].fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__link,[dir=rtl] .fd-side-nav.fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__content,[dir=rtl] .fd-side-nav.fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__link{padding-left:1rem;padding-right:1rem}.fd-nested-list__item{display:block}.fd-nested-list__item .fd-nested-list__link{cursor:pointer}.fd-nested-list__item .fd-nested-list__content .fd-nested-list__button.fd-button{background:none}\n"] }]
|
|
129
|
+
args: [{ selector: 'fd-side-nav', encapsulation: ViewEncapsulation.None, providers: [MenuKeyboardService, NestedListKeyboardService, NestedListStateService], standalone: true, imports: [NgIf, SideNavigationMainDirective, PreparedNestedListComponent, SideNavigationUtilityDirective], template: "<nav class=\"fd-side-nav\" [class.fd-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\">\n <ng-container *ngIf=\"!sideNavigationConfiguration\">\n <ng-content></ng-content>\n </ng-container>\n <ng-container *ngIf=\"sideNavigationConfiguration\">\n <div fd-side-nav-main *ngIf=\"sideNavigationConfiguration.mainNavigation\">\n <fd-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.mainNavigation\"\n >\n </fd-prepared-nested-list>\n </div>\n <div fd-side-nav-utility *ngIf=\"sideNavigationConfiguration.utilityNavigation\">\n <fd-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.utilityNavigation\"\n >\n </fd-prepared-nested-list>\n </div>\n </ng-container>\n</nav>\n", styles: ["/*!\n * Fundamental Library Styles v0.32.0\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-nested-list{--fdNestedList_Link_Height:2.75rem;--fdNestedList_Title_Font_Size:var(--sapFontLargeSize);--fdNestedList_Icon_Font_Size:var(--sapFontHeader4Size);--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:0;-webkit-box-sizing:border-box;border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);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);list-style:none;margin:0;padding:0;width:100%}.fd-nested-list:after,.fd-nested-list:before{box-sizing:inherit;font-size:inherit}.fd-nested-list [class*=level]{border-bottom:none}.fd-nested-list [class*=level] .fd-nested-list__content,.fd-nested-list [class*=level] .fd-nested-list__link{border-top:none}.fd-nested-list .fd-nested-list__content,.fd-nested-list .fd-nested-list__link{border-bottom:none;padding-left:var(--fdNestedList_Item_Padding_Left);padding-right:var(--fdNestedList_Item_Padding_Right)}.fd-nested-list .fd-nested-list__content.is-selected,.fd-nested-list .fd-nested-list__content[aria-selected=true],.fd-nested-list .fd-nested-list__link.is-selected,.fd-nested-list .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list .fd-nested-list__content.has-child,.fd-nested-list .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:var(--fdNestedList_Item_Padding_Left);padding-right:var(--fdNestedList_Item_Padding_Right)}.fd-nested-list .level-2{--fdNestedList_Item_Padding_Left:2.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-3{--fdNestedList_Item_Padding_Left:3.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-4{--fdNestedList_Item_Padding_Left:4.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-5{--fdNestedList_Item_Padding_Left:5.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-6{--fdNestedList_Item_Padding_Left:6.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-7{--fdNestedList_Item_Padding_Left:7.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-8{--fdNestedList_Item_Padding_Left:8.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-9{--fdNestedList_Item_Padding_Left:9.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-10{--fdNestedList_Item_Padding_Left:10.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list[dir=rtl] .level-2,[dir=rtl] .fd-nested-list .level-2{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:2.75rem}.fd-nested-list[dir=rtl] .level-3,[dir=rtl] .fd-nested-list .level-3{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:3.75rem}.fd-nested-list[dir=rtl] .level-4,[dir=rtl] .fd-nested-list .level-4{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:4.75rem}.fd-nested-list[dir=rtl] .level-5,[dir=rtl] .fd-nested-list .level-5{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:5.75rem}.fd-nested-list[dir=rtl] .level-6,[dir=rtl] .fd-nested-list .level-6{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:6.75rem}.fd-nested-list[dir=rtl] .level-7,[dir=rtl] .fd-nested-list .level-7{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:7.75rem}.fd-nested-list[dir=rtl] .level-8,[dir=rtl] .fd-nested-list .level-8{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:8.75rem}.fd-nested-list[dir=rtl] .level-9,[dir=rtl] .fd-nested-list .level-9{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:9.75rem}.fd-nested-list[dir=rtl] .level-10,[dir=rtl] .fd-nested-list .level-10{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:10.75rem}.fd-nested-list[aria-hidden=true]{display:none}.fd-nested-list--popover{border-bottom:none}.fd-nested-list--popover .fd-nested-list__group-header{border-bottom:none;border-top-left-radius:var(--fdNested_List_Border_Corner_Radius);border-top-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list--popover .fd-nested-list__item:first-child,.fd-nested-list--popover .fd-nested-list__item:first-child .fd-nested-list__content,.fd-nested-list--popover .fd-nested-list__item:first-child .fd-nested-list__link{border-top-left-radius:var(--fdNested_List_Border_Corner_Radius);border-top-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list--popover .fd-nested-list__item:last-child,.fd-nested-list--popover .fd-nested-list__item:last-child .fd-nested-list__content,.fd-nested-list--popover .fd-nested-list__item:last-child .fd-nested-list__link{border-bottom-left-radius:var(--fdNested_List_Border_Corner_Radius);border-bottom-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list__item{-webkit-box-sizing:border-box;background:var(--sapList_Background);border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;text-shadow:var(--fdVerticalNav_Text_Shadow)}.fd-nested-list__item:after,.fd-nested-list__item:before{box-sizing:inherit;font-size:inherit}.fd-nested-list__item:first-child .fd-nested-list__content,.fd-nested-list__item:first-child .fd-nested-list__link{border-top:none}.fd-nested-list__content,.fd-nested-list__link{-webkit-box-sizing:border-box;align-items:center;border:0;border-top:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);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:var(--fdNestedList_Link_Height);line-height:var(--sapContent_LineHeight);margin:0;padding:0;text-decoration:none;width:100%}.fd-nested-list__content:after,.fd-nested-list__content:before,.fd-nested-list__link:after,.fd-nested-list__link:before{box-sizing:inherit;font-size:inherit}.fd-nested-list__content.is-hover,.fd-nested-list__content.is-hover .fd-nested-list__button,.fd-nested-list__content:hover,.fd-nested-list__content:hover .fd-nested-list__button,.fd-nested-list__link.is-hover,.fd-nested-list__link.is-hover .fd-nested-list__button,.fd-nested-list__link:hover,.fd-nested-list__link:hover .fd-nested-list__button{background:var(--sapList_Hover_Background)}.fd-nested-list__content.is-focus,.fd-nested-list__content:focus,.fd-nested-list__link.is-focus,.fd-nested-list__link:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.1875rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-nested-list__content.is-selected,.fd-nested-list__content[aria-selected=true],.fd-nested-list__link.is-selected,.fd-nested-list__link[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);border-bottom:var(--sapList_BorderWidth) solid;border-bottom-color:var(--sapList_SelectionBorderColor)}.fd-nested-list__content.is-selected .fd-nested-list__button,.fd-nested-list__content[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link.is-selected .fd-nested-list__button,.fd-nested-list__link[aria-selected=true] .fd-nested-list__button{background:var(--sapList_SelectionBackgroundColor)}.fd-nested-list__content.is-selected.is-hover,.fd-nested-list__content.is-selected.is-hover .fd-nested-list__button,.fd-nested-list__content.is-selected:hover,.fd-nested-list__content.is-selected:hover .fd-nested-list__button,.fd-nested-list__content[aria-selected=true].is-hover,.fd-nested-list__content[aria-selected=true].is-hover .fd-nested-list__button,.fd-nested-list__content[aria-selected=true]:hover,.fd-nested-list__content[aria-selected=true]:hover .fd-nested-list__button,.fd-nested-list__link.is-selected.is-hover,.fd-nested-list__link.is-selected.is-hover .fd-nested-list__button,.fd-nested-list__link.is-selected:hover,.fd-nested-list__link.is-selected:hover .fd-nested-list__button,.fd-nested-list__link[aria-selected=true].is-hover,.fd-nested-list__link[aria-selected=true].is-hover .fd-nested-list__button,.fd-nested-list__link[aria-selected=true]:hover,.fd-nested-list__link[aria-selected=true]:hover .fd-nested-list__button{background:var(--sapList_Hover_SelectionBackground)}.fd-nested-list__content.is-active,.fd-nested-list__content.is-active .fd-nested-list__button,.fd-nested-list__content.is-active.is-selected,.fd-nested-list__content.is-active.is-selected .fd-nested-list__button,.fd-nested-list__content.is-active[aria-selected=true],.fd-nested-list__content.is-active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__content:active,.fd-nested-list__content:active .fd-nested-list__button,.fd-nested-list__content:active.is-selected,.fd-nested-list__content:active.is-selected .fd-nested-list__button,.fd-nested-list__content:active[aria-selected=true],.fd-nested-list__content:active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link.is-active,.fd-nested-list__link.is-active .fd-nested-list__button,.fd-nested-list__link.is-active.is-selected,.fd-nested-list__link.is-active.is-selected .fd-nested-list__button,.fd-nested-list__link.is-active[aria-selected=true],.fd-nested-list__link.is-active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link:active,.fd-nested-list__link:active .fd-nested-list__button,.fd-nested-list__link:active.is-selected,.fd-nested-list__link:active.is-selected .fd-nested-list__button,.fd-nested-list__link:active[aria-selected=true],.fd-nested-list__link:active[aria-selected=true] .fd-nested-list__button{background:var(--sapList_Active_Background)}.fd-nested-list__content.is-active .fd-nested-list__button,.fd-nested-list__content.is-active .fd-nested-list__icon,.fd-nested-list__content.is-active .fd-nested-list__title,.fd-nested-list__content:active .fd-nested-list__button,.fd-nested-list__content:active .fd-nested-list__icon,.fd-nested-list__content:active .fd-nested-list__title,.fd-nested-list__link.is-active .fd-nested-list__button,.fd-nested-list__link.is-active .fd-nested-list__icon,.fd-nested-list__link.is-active .fd-nested-list__title,.fd-nested-list__link:active .fd-nested-list__button,.fd-nested-list__link:active .fd-nested-list__icon,.fd-nested-list__link:active .fd-nested-list__title{color:var(--sapList_Active_TextColor)}.fd-nested-list__content.has-child,.fd-nested-list__link.has-child{justify-content:space-between;padding:0}.fd-nested-list__content.has-child>.fd-nested-list__item,.fd-nested-list__content.has-child>.fd-nested-list__link,.fd-nested-list__link.has-child>.fd-nested-list__item,.fd-nested-list__link.has-child>.fd-nested-list__link{border:none}.fd-nested-list__content.has-child>.fd-nested-list__link,.fd-nested-list__link.has-child>.fd-nested-list__link{background:transparent;border:none;height:100%}.fd-nested-list__content.has-child>.fd-nested-list__link.is-focus,.fd-nested-list__content.has-child>.fd-nested-list__link:focus,.fd-nested-list__link.has-child>.fd-nested-list__link.is-focus,.fd-nested-list__link.has-child>.fd-nested-list__link:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.1875rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-nested-list__content.has-child>.fd-nested-list__link>.fd-nested-list__title,.fd-nested-list__link.has-child>.fd-nested-list__link>.fd-nested-list__title{padding-right:0}.fd-nested-list__content.has-child>.fd-nested-list__link>.fd-nested-list__title[dir=rtl],.fd-nested-list__link.has-child>.fd-nested-list__link>.fd-nested-list__title[dir=rtl],[dir=rtl] .fd-nested-list__content.has-child>.fd-nested-list__link>.fd-nested-list__title,[dir=rtl] .fd-nested-list__link.has-child>.fd-nested-list__link>.fd-nested-list__title{padding-left:0}.fd-nested-list__link{cursor:pointer}.fd-nested-list__button.fd-button{background:none;border:none;color:var(--sapContent_IconColor);height:100%;max-height:100%;min-height:100%;min-width:2.5rem;outline:none;text-decoration:none}.fd-nested-list__button.fd-button [class*=sap-icon],.fd-nested-list__button.fd-button[class*=sap-icon]{font-size:var(--sapFontLargeSize)}.fd-nested-list__icon [class*=sap-icon],.fd-nested-list__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;background:inherit;border-radius:inherit;color:inherit;color:var(--sapList_TextColor);font-size:inherit;font-size:var(--fdNestedList_Icon_Font_Size);justify-content:center;line-height:1;min-width:2.75rem}.fd-nested-list__icon [class*=sap-icon],.fd-nested-list__icon[class*=sap-icon],.fd-nested-list__title{align-items:center;display:flex;height:100%}.fd-nested-list__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdNestedList_Title_Font_Size);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0 1rem 0 0;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-nested-list__title:after,.fd-nested-list__title:before{box-sizing:inherit;font-size:inherit}.fd-nested-list__title:first-child{padding-left:2.75rem}.fd-nested-list__title[dir=rtl],[dir=rtl] .fd-nested-list__title{padding-left:1rem;padding-right:0;text-align:right}.fd-nested-list__title[dir=rtl]:first-child,[dir=rtl] .fd-nested-list__title:first-child{padding-left:0;padding-right:2.75rem}.fd-nested-list__group-header{-webkit-box-sizing:border-box;align-items:flex-end;background:var(--sapList_GroupHeaderBackground);border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_GroupHeaderTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:700;forced-color-adjust:none;height:2.75rem;line-height:var(--sapContent_LineHeight);line-height:2rem;margin:0;overflow:hidden;padding:0 1rem;text-overflow:ellipsis;white-space:nowrap}.fd-nested-list__group-header:after,.fd-nested-list__group-header:before{box-sizing:inherit;font-size:inherit}.fd-nested-list--no-border .fd-nested-list__group-header,.fd-nested-list--no-border .fd-nested-list__item,.fd-nested-list--no-border .fd-nested-list__link{border-top:none}.fd-nested-list--text-only{--fdNestedList_Item_Padding_Left:1rem}.fd-nested-list--text-only .fd-nested-list__content.has-child,.fd-nested-list--text-only .fd-nested-list__link.has-child{padding:0}.fd-nested-list--text-only .fd-nested-list__title:first-child{padding-left:0}.fd-nested-list--text-only .level-2{--fdNestedList_Item_Padding_Left:2rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-2{--fdNestedList_Item_Padding_Left:2.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-3{--fdNestedList_Item_Padding_Left:3rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-3{--fdNestedList_Item_Padding_Left:3.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-4{--fdNestedList_Item_Padding_Left:4rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-4{--fdNestedList_Item_Padding_Left:4.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-5{--fdNestedList_Item_Padding_Left:5rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-5{--fdNestedList_Item_Padding_Left:5.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-6{--fdNestedList_Item_Padding_Left:6rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-6{--fdNestedList_Item_Padding_Left:6.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-7{--fdNestedList_Item_Padding_Left:7rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-7{--fdNestedList_Item_Padding_Left:7.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-8{--fdNestedList_Item_Padding_Left:8rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-8{--fdNestedList_Item_Padding_Left:8.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-9{--fdNestedList_Item_Padding_Left:9rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-9{--fdNestedList_Item_Padding_Left:9.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-10{--fdNestedList_Item_Padding_Left:10rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-10{--fdNestedList_Item_Padding_Left:10.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only[dir=rtl],[dir=rtl] .fd-nested-list--text-only{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:1rem}.fd-nested-list--text-only[dir=rtl] .fd-nested-list__content.has-child,.fd-nested-list--text-only[dir=rtl] .fd-nested-list__content:not(.has-child) .fd-nested-list__title:first-child,.fd-nested-list--text-only[dir=rtl] .fd-nested-list__link.has-child,.fd-nested-list--text-only[dir=rtl] .fd-nested-list__link:not(.has-child) .fd-nested-list__title:first-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__content:not(.has-child) .fd-nested-list__title:first-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__link:not(.has-child) .fd-nested-list__title:first-child{padding-right:0}.fd-nested-list--text-only[dir=rtl] .level-2,[dir=rtl] .fd-nested-list--text-only .level-2{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:2rem}.fd-nested-list--text-only[dir=rtl].level-2,[dir=rtl] .fd-nested-list--text-only.level-2{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:2.75rem}.fd-nested-list--text-only[dir=rtl] .level-3,[dir=rtl] .fd-nested-list--text-only .level-3{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:3rem}.fd-nested-list--text-only[dir=rtl].level-3,[dir=rtl] .fd-nested-list--text-only.level-3{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:3.75rem}.fd-nested-list--text-only[dir=rtl] .level-4,[dir=rtl] .fd-nested-list--text-only .level-4{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:4rem}.fd-nested-list--text-only[dir=rtl].level-4,[dir=rtl] .fd-nested-list--text-only.level-4{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:4.75rem}.fd-nested-list--text-only[dir=rtl] .level-5,[dir=rtl] .fd-nested-list--text-only .level-5{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:5rem}.fd-nested-list--text-only[dir=rtl].level-5,[dir=rtl] .fd-nested-list--text-only.level-5{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:5.75rem}.fd-nested-list--text-only[dir=rtl] .level-6,[dir=rtl] .fd-nested-list--text-only .level-6{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:6rem}.fd-nested-list--text-only[dir=rtl].level-6,[dir=rtl] .fd-nested-list--text-only.level-6{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:6.75rem}.fd-nested-list--text-only[dir=rtl] .level-7,[dir=rtl] .fd-nested-list--text-only .level-7{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:7rem}.fd-nested-list--text-only[dir=rtl].level-7,[dir=rtl] .fd-nested-list--text-only.level-7{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:7.75rem}.fd-nested-list--text-only[dir=rtl] .level-8,[dir=rtl] .fd-nested-list--text-only .level-8{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:8rem}.fd-nested-list--text-only[dir=rtl].level-8,[dir=rtl] .fd-nested-list--text-only.level-8{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:8.75rem}.fd-nested-list--text-only[dir=rtl] .level-9,[dir=rtl] .fd-nested-list--text-only .level-9{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:9rem}.fd-nested-list--text-only[dir=rtl].level-9,[dir=rtl] .fd-nested-list--text-only.level-9{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:9.75rem}.fd-nested-list--text-only[dir=rtl] .level-10,[dir=rtl] .fd-nested-list--text-only .level-10{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:10rem}.fd-nested-list--text-only[dir=rtl].level-10,[dir=rtl] .fd-nested-list--text-only.level-10{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:10.75rem}.fd-nested-list[class*=-compact],[class*=-compact] .fd-nested-list:not([class*=-cozy]){--fdNestedList_Link_Height:2rem;--fdNestedList_Title_Font_Size:var(--sapFontSize);--fdNestedList_Icon_Font_Size:var(--sapFontLargeSize)}.fd-side-nav{-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--sapList_Background);border:0;border-right:var(--sapList_BorderWidth) solid;border-right-color:var(--sapGroup_ContentBorderColor);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;height:100%;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0;text-shadow:var(--fdSideNav_Text_Shadow);width:15rem}.fd-side-nav:after,.fd-side-nav:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__skip-link{-webkit-box-sizing:border-box;clip:rect(0 0 0 0);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1px;line-height:var(--sapContent_LineHeight);margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fd-side-nav__skip-link:after,.fd-side-nav__skip-link:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__skip-link:focus{-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:all .125s ease-in;-webkit-text-decoration:var(--fdLink_Text_Decoration, none);align-items:center;color:var(--sapLinkColor);cursor:pointer;display:var(--fdLink_Display, inline-block);height:auto;line-height:inherit;position:static;text-decoration:var(--fdLink_Text_Decoration, none);text-shadow:var(--sapContent_TextShadow);transition:all .125s ease-in;width:auto}.fd-side-nav__skip-link:focus__content{-webkit-text-decoration:var(--fdLink_Text_Content_Decoration, none);text-decoration:var(--fdLink_Text_Content_Decoration, none)}.fd-side-nav__skip-link:focus.is-hover,.fd-side-nav__skip-link:focus:hover{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Hover,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Hover,none)}.fd-side-nav__skip-link:focus.is-focus,.fd-side-nav__skip-link:focus:focus{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Focus,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Focus,none)}.fd-side-nav__skip-link:focus.is-active,.fd-side-nav__skip-link:focus:active{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Active,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Active,none)}.fd-side-nav__skip-link:focus.is-disabled,.fd-side-nav__skip-link:focus:disabled,.fd-side-nav__skip-link:focus[aria-disabled=true]{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Disabled,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Disabled,none)}.fd-side-nav__skip-link:focus--subtle{--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Subtle,none);--fdLink_Text_Content_Decoration_Hover:var(--fdLink_Text_Content_Decoration_Subtle_Hover,none);--fdLink_Text_Content_Decoration_Active:var(--fdLink_Text_Content_Decoration_Subtle_Active,none);--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Subtle,none);--fdLink_Text_Decoration_Hover:var(--fdLink_Text_Decoration_Subtle_Hover,none);--fdLink_Text_Decoration_Active:var(--fdLink_Text_Decoration_Subtle_Active,none)}.fd-side-nav__skip-link:focus--undecorated{--fdLink_Text_Decoration:none;--fdLink_Text_Decoration_Subtle:none;--fdLink_Text_Decoration_Subtle_Hover:none;--fdLink_Text_Decoration_Subtle_Active:none;--fdLink_Text_Decoration_Hover:none;--fdLink_Text_Decoration_Focus:none;--fdLink_Text_Decoration_Active:none;--fdLink_Text_Decoration_Visited:none;--fdLink_Text_Decoration_Disabled:none;--fdLink_Text_Content_Decoration:none;--fdLink_Text_Content_Decoration_Subtle:none;--fdLink_Text_Content_Decoration_Subtle_Hover:none;--fdLink_Text_Content_Decoration_Subtle_Active:none;--fdLink_Text_Content_Decoration_Hover:none;--fdLink_Text_Content_Decoration_Focus:none;--fdLink_Text_Content_Decoration_Active:none;--fdLink_Text_Content_Decoration_Visited:none;--fdLink_Text_Content_Decoration_Disabled:none}.fd-side-nav__skip-link:focus--emphasized{font-family:var(--sapFontBoldFamily)}.fd-side-nav__skip-link:focus:visited{color:var(--sapLink_Visited_Color)}.fd-side-nav__skip-link:focus.is-hover,.fd-side-nav__skip-link:focus:hover{color:var(--sapLink_Hover_Color)}.fd-side-nav__skip-link:focus.is-focus,.fd-side-nav__skip-link:focus:focus{-webkit-box-shadow:none;background-color:var(--fdLink_Focus_Background);border-radius:var(--fdLink_Focus_Border_Radius);box-shadow:none;color:var(--fdLink_Text_Focus_Color);outline-color:var(--fdLink_Hover_Outline_Color);outline-offset:var(--fdLink_Hover_Outline_Offset);outline-style:var(--fdLink_Hover_Outline_Style);outline-width:var(--fdLink_Hover_Outline_Width);text-shadow:var(--fdLink_Focus_Text_Shadow);z-index:5}.fd-side-nav__skip-link:focus.is-active,.fd-side-nav__skip-link:focus:active{color:var(--sapLink_Active_Color)}.fd-side-nav__skip-link:focus.is-active.is-focus,.fd-side-nav__skip-link:focus.is-active:focus,.fd-side-nav__skip-link:focus:active.is-focus,.fd-side-nav__skip-link:focus:active:focus{background-color:transparent;z-index:5}.fd-side-nav__skip-link:focus--inverted{color:var(--sapLink_InvertedColor);text-shadow:none}.fd-side-nav__skip-link:focus--inverted.is-hover,.fd-side-nav__skip-link:focus--inverted:hover{color:var(--sapLink_InvertedColor)}.fd-side-nav__skip-link:focus--inverted.is-focus,.fd-side-nav__skip-link:focus--inverted:focus{outline-color:var(--sapContent_ContrastFocusColor);z-index:5}.fd-side-nav__skip-link:focus--subtle{color:var(--sapLink_SubtleColor)}.fd-side-nav__skip-link:focus.is-disabled,.fd-side-nav__skip-link:focus:disabled,.fd-side-nav__skip-link:focus[aria-disabled=true]{color:var(--sapLinkColor);opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-side-nav__skip-link:focus>img{vertical-align:bottom}.fd-side-nav__group-header{-webkit-box-sizing:border-box;align-items:flex-end;background:var(--sapList_GroupHeaderBackground);border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_GroupHeaderTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:700;forced-color-adjust:none;height:2.75rem;line-height:var(--sapContent_LineHeight);line-height:2rem;margin:0;overflow:hidden;padding:0 1rem;text-overflow:ellipsis;white-space:nowrap}.fd-side-nav__group-header:after,.fd-side-nav__group-header:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__main-navigation{-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-side-nav__main-navigation:after,.fd-side-nav__main-navigation:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__utility{-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:3rem 0 0;padding:0}.fd-side-nav__utility:after,.fd-side-nav__utility:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__utility:before{border-top:.125rem solid;border-top-color:var(--sapList_GroupHeaderBorderColor);content:\" \";display:block;margin:.25rem .5rem}.fd-side-nav--condensed{width:2.75rem}.fd-side-nav--condensed .fd-nested-list__button,.fd-side-nav--condensed .fd-nested-list__group-header,.fd-side-nav--condensed .fd-nested-list__title{display:none}.fd-side-nav--condensed .fd-nested-list__content,.fd-side-nav--condensed .fd-nested-list__link{border-bottom:none;text-shadow:var(--fdSideNav_Text_Shadow)}.fd-side-nav--condensed .fd-nested-list__content.is-selected,.fd-side-nav--condensed .fd-nested-list__content[aria-selected=true],.fd-side-nav--condensed .fd-nested-list__link.is-selected,.fd-side-nav--condensed .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid;border-bottom-color:var(--sapList_SelectionBorderColor)}.fd-side-nav--condensed .fd-nested-list__content.has-child,.fd-side-nav--condensed .fd-nested-list__link.has-child{position:relative}.fd-side-nav--condensed .fd-nested-list__content.has-child:after,.fd-side-nav--condensed .fd-nested-list__link.has-child:after{border-color:transparent var(--sapContent_IconColor) transparent transparent;border-style:solid;border-width:.375rem .375rem 0 0;bottom:0;content:\"\";margin-bottom:.0625rem;margin-right:.125rem;min-height:0;min-width:0;position:absolute;right:0}.fd-side-nav .fd-nested-list__icon,.fd-side-nav .fd-nested-list__link.has-child:after{color:var(--sapContent_IconColor)}.fd-side-nav .fd-nested-list__link.has-child:active:after{color:var(--sapList_Active_TextColor)}.fd-side-nav[dir=rtl],[dir=rtl] .fd-side-nav{border-left:var(--sapList_BorderWidth) solid;border-left-color:var(--sapGroup_ContentBorderColor);border-right:none}.fd-side-nav[dir=rtl].fd-side-nav--condensed,[dir=rtl] .fd-side-nav.fd-side-nav--condensed{width:2.75rem}.fd-side-nav[dir=rtl].fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__content.has-child:after,.fd-side-nav[dir=rtl].fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__link.has-child:after,[dir=rtl] .fd-side-nav.fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__content.has-child:after,[dir=rtl] .fd-side-nav.fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__link.has-child:after{-webkit-transform:rotate(90deg);left:0;margin-left:.125rem;margin-right:0;right:auto;transform:rotate(90deg)}.fd-side-nav[dir=rtl].fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__content,.fd-side-nav[dir=rtl].fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__link,[dir=rtl] .fd-side-nav.fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__content,[dir=rtl] .fd-side-nav.fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__link{padding-left:1rem;padding-right:1rem}.fd-nested-list__item{display:block}.fd-nested-list__item .fd-nested-list__link{cursor:pointer}.fd-nested-list__item .fd-nested-list__content .fd-nested-list__button.fd-button{background:none}\n"] }]
|
|
130
130
|
}], ctorParameters: function () { return [{ type: i1.NestedListKeyboardService }, { type: i1.NestedListStateService }]; }, propDecorators: { sideNavigationConfiguration: [{
|
|
131
131
|
type: Input
|
|
132
132
|
}], condensed: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-core-side-navigation.mjs","sources":["../../../../libs/core/src/lib/side-navigation/side-navigation-main.directive.ts","../../../../libs/core/src/lib/side-navigation/side-navigation-utility.directive.ts","../../../../libs/core/src/lib/side-navigation/side-navigation.component.ts","../../../../libs/core/src/lib/side-navigation/side-navigation.component.html","../../../../libs/core/src/lib/side-navigation/side-navigation.module.ts","../../../../libs/core/src/lib/side-navigation/fundamental-ngx-core-side-navigation.ts"],"sourcesContent":["import { ContentChild, Directive, HostBinding } from '@angular/core';\nimport { NestedListDirective } from '@fundamental-ngx/core/nested-list';\n\n@Directive({\n selector: '[fdSideNavigationMain], [fd-side-nav-main]',\n standalone: true\n})\nexport class SideNavigationMainDirective {\n /** @hidden */\n @ContentChild(NestedListDirective)\n list: NestedListDirective;\n\n /** @hidden */\n @HostBinding('class.fd-side-nav__main-navigation')\n classSideNavMainNavigation = true;\n}\n","import { ContentChild, Directive, HostBinding } from '@angular/core';\nimport { NestedListDirective } from '@fundamental-ngx/core/nested-list';\n\n@Directive({\n selector: '[fdSideNavigationUtility], [fd-side-nav-utility]',\n standalone: true\n})\nexport class SideNavigationUtilityDirective {\n /** @hidden */\n @ContentChild(NestedListDirective)\n list: NestedListDirective;\n\n /** @hidden */\n @HostBinding('class.fd-side-nav__utility')\n classSideNavUtility = true;\n}\n","import { NgIf } from '@angular/common';\nimport {\n AfterContentInit,\n AfterViewInit,\n Component,\n ContentChild,\n HostBinding,\n HostListener,\n Input,\n OnInit,\n QueryList,\n ViewChildren,\n ViewEncapsulation\n} from '@angular/core';\nimport { Nullable } from '@fundamental-ngx/cdk/utils';\nimport { MenuKeyboardService } from '@fundamental-ngx/core/menu';\nimport {\n NestedListDirective,\n NestedListKeyboardService,\n NestedListStateService,\n PreparedNestedListComponent\n} from '@fundamental-ngx/core/nested-list';\nimport { SideNavigationMainDirective } from './side-navigation-main.directive';\nimport { SideNavigationModel } from './side-navigation-model';\nimport { SideNavigationUtilityDirective } from './side-navigation-utility.directive';\nimport { SideNavigationInterface } from './side-navigation.interface';\n\n/**\n * @deprecated use the vertical navigation component instead.\n * The side-navigation is a wrapping component representing\n * a left navigation that can always display or expand/collapse using the menu icon within the global navigation.\n */\n@Component({\n templateUrl: './side-navigation.component.html',\n selector: 'fd-side-nav',\n styleUrls: ['side-navigation.component.scss'],\n encapsulation: ViewEncapsulation.None,\n providers: [MenuKeyboardService, NestedListKeyboardService, NestedListStateService],\n standalone: true,\n imports: [NgIf, SideNavigationMainDirective, PreparedNestedListComponent, SideNavigationUtilityDirective]\n})\nexport class SideNavigationComponent implements AfterContentInit, AfterViewInit, OnInit, SideNavigationInterface {\n /**\n * Side navigation configuration, to pass whole model object, instead of creating HTML from scratch\n */\n @Input()\n sideNavigationConfiguration: Nullable<SideNavigationModel>;\n\n /** Whether condensed mode is included */\n @Input()\n @HostBinding('class.fd-side-nav--condensed')\n condensed = false;\n\n /**\n * The screen width, in pixels, at which to automatically collapse the side navigation on window resize.\n */\n @Input()\n collapseWidth: number;\n\n /** Whether clicking on elements should change selected state of items */\n @Input()\n set selectable(selectable: boolean) {\n this.nestedListState.selectable = selectable;\n }\n\n /** @hidden */\n @ContentChild(SideNavigationUtilityDirective)\n sideNavUtility: SideNavigationUtilityDirective;\n\n /** @hidden */\n @ContentChild(SideNavigationMainDirective)\n sideNavMain: SideNavigationMainDirective;\n\n /** @hidden */\n @ViewChildren(PreparedNestedListComponent)\n preparedNestedList: QueryList<PreparedNestedListComponent>;\n\n /** @hidden */\n additionalShellbarCssClass = 'fd-shellbar--side-nav';\n\n /** @hidden */\n constructor(private keyboardService: NestedListKeyboardService, private nestedListState: NestedListStateService) {\n this.keyboardService.refresh$.subscribe(() => {\n /** Refresh list of elements, that are being supported by keyboard */\n this.keyboardService.refreshItems(this.getLists());\n });\n console.warn(`\n SideNavigationComponent is deprecated since version 0.40.0 and will be removed in future release.\n Use the vertical navigation component instead.\n For more information check the documentation.\n `);\n }\n\n /** @hidden */\n ngOnInit(): void {\n /** Set up condensed state */\n this.nestedListState.condensed =\n this.condensed || !!(this.sideNavigationConfiguration && this.sideNavigationConfiguration.condensed);\n\n if (this.collapseWidth) {\n this.onResize();\n }\n }\n\n /** @hidden */\n ngAfterContentInit(): void {\n if (!this.sideNavigationConfiguration) {\n this.keyboardService.refreshItems(this.getLists());\n }\n }\n\n /** @hidden */\n ngAfterViewInit(): void {\n if (this.sideNavigationConfiguration) {\n this.keyboardService.refreshItems(this.getLists());\n }\n }\n\n /** @hidden */\n @HostListener('window:resize')\n onResize(): void {\n if (this.collapseWidth) {\n this.condensed = window.innerWidth <= this.collapseWidth;\n }\n }\n\n /**\n * @hidden\n * Method that returns 1 deep level of lists.\n */\n private getLists(): NestedListDirective[] {\n const lists: NestedListDirective[] = [];\n\n if (this.sideNavMain) {\n lists.push(this.sideNavMain.list);\n }\n if (this.sideNavUtility) {\n lists.push(this.sideNavUtility.list);\n }\n if (this.preparedNestedList) {\n lists.push(...this.preparedNestedList.map((preparedNested) => preparedNested.nestedListDirective));\n }\n\n return lists;\n }\n}\n","<nav class=\"fd-side-nav\" [class.fd-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\">\n <ng-container *ngIf=\"!sideNavigationConfiguration\">\n <ng-content></ng-content>\n </ng-container>\n <ng-container *ngIf=\"sideNavigationConfiguration\">\n <div fd-side-nav-main *ngIf=\"sideNavigationConfiguration.mainNavigation\">\n <fd-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.mainNavigation\"\n >\n </fd-prepared-nested-list>\n </div>\n <div fd-side-nav-utility *ngIf=\"sideNavigationConfiguration.utilityNavigation\">\n <fd-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.utilityNavigation\"\n >\n </fd-prepared-nested-list>\n </div>\n </ng-container>\n</nav>\n","import { NgModule } from '@angular/core';\n\nimport { SideNavigationMainDirective } from './side-navigation-main.directive';\nimport { SideNavigationUtilityDirective } from './side-navigation-utility.directive';\nimport { SideNavigationComponent } from './side-navigation.component';\n\nimport { MenuKeyboardService } from '@fundamental-ngx/core/menu';\nimport { NestedListKeyboardService, NestedListStateService } from '@fundamental-ngx/core/nested-list';\n\n/**\n * @deprecated\n */\n@NgModule({\n imports: [SideNavigationComponent, SideNavigationMainDirective, SideNavigationUtilityDirective],\n exports: [SideNavigationComponent, SideNavigationMainDirective, SideNavigationUtilityDirective],\n providers: [MenuKeyboardService, NestedListKeyboardService, NestedListStateService]\n})\nexport class SideNavigationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"fundamental-ngx-core-side-navigation.mjs","sources":["../../../../libs/core/src/lib/side-navigation/side-navigation-main.directive.ts","../../../../libs/core/src/lib/side-navigation/side-navigation-utility.directive.ts","../../../../libs/core/src/lib/side-navigation/side-navigation.component.ts","../../../../libs/core/src/lib/side-navigation/side-navigation.component.html","../../../../libs/core/src/lib/side-navigation/side-navigation.module.ts","../../../../libs/core/src/lib/side-navigation/fundamental-ngx-core-side-navigation.ts"],"sourcesContent":["import { ContentChild, Directive, HostBinding } from '@angular/core';\nimport { NestedListDirective } from '@fundamental-ngx/core/nested-list';\n\n@Directive({\n selector: '[fdSideNavigationMain], [fd-side-nav-main]',\n standalone: true\n})\nexport class SideNavigationMainDirective {\n /** @hidden */\n @ContentChild(NestedListDirective)\n list: NestedListDirective;\n\n /** @hidden */\n @HostBinding('class.fd-side-nav__main-navigation')\n classSideNavMainNavigation = true;\n}\n","import { ContentChild, Directive, HostBinding } from '@angular/core';\nimport { NestedListDirective } from '@fundamental-ngx/core/nested-list';\n\n@Directive({\n selector: '[fdSideNavigationUtility], [fd-side-nav-utility]',\n standalone: true\n})\nexport class SideNavigationUtilityDirective {\n /** @hidden */\n @ContentChild(NestedListDirective)\n list: NestedListDirective;\n\n /** @hidden */\n @HostBinding('class.fd-side-nav__utility')\n classSideNavUtility = true;\n}\n","import { NgIf } from '@angular/common';\nimport {\n AfterContentInit,\n AfterViewInit,\n Component,\n ContentChild,\n HostBinding,\n HostListener,\n Input,\n OnInit,\n QueryList,\n ViewChildren,\n ViewEncapsulation\n} from '@angular/core';\nimport { Nullable } from '@fundamental-ngx/cdk/utils';\nimport { MenuKeyboardService } from '@fundamental-ngx/core/menu';\nimport {\n NestedListDirective,\n NestedListKeyboardService,\n NestedListStateService,\n PreparedNestedListComponent\n} from '@fundamental-ngx/core/nested-list';\nimport { SideNavigationMainDirective } from './side-navigation-main.directive';\nimport { SideNavigationModel } from './side-navigation-model';\nimport { SideNavigationUtilityDirective } from './side-navigation-utility.directive';\nimport { SideNavigationInterface } from './side-navigation.interface';\n\n/**\n * @deprecated use the vertical navigation component instead.\n * The side-navigation is a wrapping component representing\n * a left navigation that can always display or expand/collapse using the menu icon within the global navigation.\n */\n@Component({\n templateUrl: './side-navigation.component.html',\n selector: 'fd-side-nav',\n styleUrls: ['side-navigation.component.scss'],\n encapsulation: ViewEncapsulation.None,\n providers: [MenuKeyboardService, NestedListKeyboardService, NestedListStateService],\n standalone: true,\n imports: [NgIf, SideNavigationMainDirective, PreparedNestedListComponent, SideNavigationUtilityDirective]\n})\nexport class SideNavigationComponent implements AfterContentInit, AfterViewInit, OnInit, SideNavigationInterface {\n /**\n * Side navigation configuration, to pass whole model object, instead of creating HTML from scratch\n */\n @Input()\n sideNavigationConfiguration: Nullable<SideNavigationModel>;\n\n /** Whether condensed mode is included */\n @Input()\n @HostBinding('class.fd-side-nav--condensed')\n condensed = false;\n\n /**\n * The screen width, in pixels, at which to automatically collapse the side navigation on window resize.\n */\n @Input()\n collapseWidth: number;\n\n /** Whether clicking on elements should change selected state of items */\n @Input()\n set selectable(selectable: boolean) {\n this.nestedListState.selectable = selectable;\n }\n\n /** @hidden */\n @ContentChild(SideNavigationUtilityDirective)\n sideNavUtility: SideNavigationUtilityDirective;\n\n /** @hidden */\n @ContentChild(SideNavigationMainDirective)\n sideNavMain: SideNavigationMainDirective;\n\n /** @hidden */\n @ViewChildren(PreparedNestedListComponent)\n preparedNestedList: QueryList<PreparedNestedListComponent>;\n\n /** @hidden */\n additionalShellbarCssClass = 'fd-shellbar--side-nav';\n\n /** @hidden */\n constructor(private keyboardService: NestedListKeyboardService, private nestedListState: NestedListStateService) {\n this.keyboardService.refresh$.subscribe(() => {\n /** Refresh list of elements, that are being supported by keyboard */\n this.keyboardService.refreshItems(this.getLists());\n });\n console.warn(`\n SideNavigationComponent is deprecated since version 0.40.0 and will be removed in future release.\n Use the vertical navigation component instead.\n For more information check the documentation.\n `);\n }\n\n /** @hidden */\n ngOnInit(): void {\n /** Set up condensed state */\n this.nestedListState.condensed =\n this.condensed || !!(this.sideNavigationConfiguration && this.sideNavigationConfiguration.condensed);\n\n if (this.collapseWidth) {\n this.onResize();\n }\n }\n\n /** @hidden */\n ngAfterContentInit(): void {\n if (!this.sideNavigationConfiguration) {\n this.keyboardService.refreshItems(this.getLists());\n }\n }\n\n /** @hidden */\n ngAfterViewInit(): void {\n if (this.sideNavigationConfiguration) {\n this.keyboardService.refreshItems(this.getLists());\n }\n }\n\n /** @hidden */\n @HostListener('window:resize')\n onResize(): void {\n if (this.collapseWidth) {\n this.condensed = window.innerWidth <= this.collapseWidth;\n }\n }\n\n /**\n * @hidden\n * Method that returns 1 deep level of lists.\n */\n private getLists(): NestedListDirective[] {\n const lists: NestedListDirective[] = [];\n\n if (this.sideNavMain) {\n lists.push(this.sideNavMain.list);\n }\n if (this.sideNavUtility) {\n lists.push(this.sideNavUtility.list);\n }\n if (this.preparedNestedList) {\n lists.push(...this.preparedNestedList.map((preparedNested) => preparedNested.nestedListDirective));\n }\n\n return lists;\n }\n}\n","<nav class=\"fd-side-nav\" [class.fd-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\">\n <ng-container *ngIf=\"!sideNavigationConfiguration\">\n <ng-content></ng-content>\n </ng-container>\n <ng-container *ngIf=\"sideNavigationConfiguration\">\n <div fd-side-nav-main *ngIf=\"sideNavigationConfiguration.mainNavigation\">\n <fd-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.mainNavigation\"\n >\n </fd-prepared-nested-list>\n </div>\n <div fd-side-nav-utility *ngIf=\"sideNavigationConfiguration.utilityNavigation\">\n <fd-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.utilityNavigation\"\n >\n </fd-prepared-nested-list>\n </div>\n </ng-container>\n</nav>\n","import { NgModule } from '@angular/core';\n\nimport { SideNavigationMainDirective } from './side-navigation-main.directive';\nimport { SideNavigationUtilityDirective } from './side-navigation-utility.directive';\nimport { SideNavigationComponent } from './side-navigation.component';\n\nimport { MenuKeyboardService } from '@fundamental-ngx/core/menu';\nimport { NestedListKeyboardService, NestedListStateService } from '@fundamental-ngx/core/nested-list';\n\n/**\n * @deprecated\n */\n@NgModule({\n imports: [SideNavigationComponent, SideNavigationMainDirective, SideNavigationUtilityDirective],\n exports: [SideNavigationComponent, SideNavigationMainDirective, SideNavigationUtilityDirective],\n providers: [MenuKeyboardService, NestedListKeyboardService, NestedListStateService]\n})\nexport class SideNavigationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAOa,2BAA2B,CAAA;AAJxC,IAAA,WAAA,GAAA;;QAWI,IAA0B,CAAA,0BAAA,GAAG,IAAI,CAAC;AACrC,KAAA;8GARY,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,2OAEtB,mBAAmB,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAFxB,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAJvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,4CAA4C;AACtD,oBAAA,UAAU,EAAE,IAAI;AACnB,iBAAA,CAAA;8BAIG,IAAI,EAAA,CAAA;sBADH,YAAY;uBAAC,mBAAmB,CAAA;gBAKjC,0BAA0B,EAAA,CAAA;sBADzB,WAAW;uBAAC,oCAAoC,CAAA;;;MCNxC,8BAA8B,CAAA;AAJ3C,IAAA,WAAA,GAAA;;QAWI,IAAmB,CAAA,mBAAA,GAAG,IAAI,CAAC;AAC9B,KAAA;8GARY,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA9B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,8BAA8B,kOAEzB,mBAAmB,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAFxB,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAJ1C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,kDAAkD;AAC5D,oBAAA,UAAU,EAAE,IAAI;AACnB,iBAAA,CAAA;8BAIG,IAAI,EAAA,CAAA;sBADH,YAAY;uBAAC,mBAAmB,CAAA;gBAKjC,mBAAmB,EAAA,CAAA;sBADlB,WAAW;uBAAC,4BAA4B,CAAA;;;ACc7C;;;;AAIG;MAUU,uBAAuB,CAAA;;IAmBhC,IACI,UAAU,CAAC,UAAmB,EAAA;AAC9B,QAAA,IAAI,CAAC,eAAe,CAAC,UAAU,GAAG,UAAU,CAAC;KAChD;;IAkBD,WAAoB,CAAA,eAA0C,EAAU,eAAuC,EAAA;QAA3F,IAAe,CAAA,eAAA,GAAf,eAAe,CAA2B;QAAU,IAAe,CAAA,eAAA,GAAf,eAAe,CAAwB;;QA9B/G,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;;QA2BlB,IAA0B,CAAA,0BAAA,GAAG,uBAAuB,CAAC;QAIjD,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,SAAS,CAAC,MAAK;;YAEzC,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;AACvD,SAAC,CAAC,CAAC;QACH,OAAO,CAAC,IAAI,CAAC,CAAA;;;;AAIZ,QAAA,CAAA,CAAC,CAAC;KACN;;IAGD,QAAQ,GAAA;;QAEJ,IAAI,CAAC,eAAe,CAAC,SAAS;AAC1B,YAAA,IAAI,CAAC,SAAS,IAAI,CAAC,EAAE,IAAI,CAAC,2BAA2B,IAAI,IAAI,CAAC,2BAA2B,CAAC,SAAS,CAAC,CAAC;QAEzG,IAAI,IAAI,CAAC,aAAa,EAAE;YACpB,IAAI,CAAC,QAAQ,EAAE,CAAC;AACnB,SAAA;KACJ;;IAGD,kBAAkB,GAAA;AACd,QAAA,IAAI,CAAC,IAAI,CAAC,2BAA2B,EAAE;YACnC,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;AACtD,SAAA;KACJ;;IAGD,eAAe,GAAA;QACX,IAAI,IAAI,CAAC,2BAA2B,EAAE;YAClC,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;AACtD,SAAA;KACJ;;IAID,QAAQ,GAAA;QACJ,IAAI,IAAI,CAAC,aAAa,EAAE;YACpB,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,UAAU,IAAI,IAAI,CAAC,aAAa,CAAC;AAC5D,SAAA;KACJ;AAED;;;AAGG;IACK,QAAQ,GAAA;QACZ,MAAM,KAAK,GAA0B,EAAE,CAAC;QAExC,IAAI,IAAI,CAAC,WAAW,EAAE;YAClB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AACrC,SAAA;QACD,IAAI,IAAI,CAAC,cAAc,EAAE;YACrB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;AACxC,SAAA;QACD,IAAI,IAAI,CAAC,kBAAkB,EAAE;YACzB,KAAK,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,cAAc,KAAK,cAAc,CAAC,mBAAmB,CAAC,CAAC,CAAC;AACtG,SAAA;AAED,QAAA,OAAO,KAAK,CAAC;KAChB;8GAvGQ,uBAAuB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,2BAAA,EAAA,6BAAA,EAAA,SAAA,EAAA,WAAA,EAAA,aAAA,EAAA,eAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,eAAA,EAAA,YAAA,EAAA,EAAA,UAAA,EAAA,EAAA,8BAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,SAAA,EAJrB,CAAC,mBAAmB,EAAE,yBAAyB,EAAE,sBAAsB,CAAC,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EA6BrE,8BAA8B,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,aAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAI9B,2BAA2B,EAI3B,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,oBAAA,EAAA,SAAA,EAAA,2BAA2B,EC1E7C,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,2kCAuBA,EDgBc,MAAA,EAAA,CAAA,6n9BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAI,6FAAE,2BAA2B,EAAA,QAAA,EAAA,4CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,2BAA2B,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,WAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,8BAA8B,EAAA,QAAA,EAAA,kDAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAE/F,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBATnC,SAAS;+BAEI,aAAa,EAAA,aAAA,EAER,iBAAiB,CAAC,IAAI,aAC1B,CAAC,mBAAmB,EAAE,yBAAyB,EAAE,sBAAsB,CAAC,EACvE,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,IAAI,EAAE,2BAA2B,EAAE,2BAA2B,EAAE,8BAA8B,CAAC,EAAA,QAAA,EAAA,2kCAAA,EAAA,MAAA,EAAA,CAAA,6n9BAAA,CAAA,EAAA,CAAA;qJAOzG,2BAA2B,EAAA,CAAA;sBAD1B,KAAK;gBAMN,SAAS,EAAA,CAAA;sBAFR,KAAK;;sBACL,WAAW;uBAAC,8BAA8B,CAAA;gBAO3C,aAAa,EAAA,CAAA;sBADZ,KAAK;gBAKF,UAAU,EAAA,CAAA;sBADb,KAAK;gBAON,cAAc,EAAA,CAAA;sBADb,YAAY;uBAAC,8BAA8B,CAAA;gBAK5C,WAAW,EAAA,CAAA;sBADV,YAAY;uBAAC,2BAA2B,CAAA;gBAKzC,kBAAkB,EAAA,CAAA;sBADjB,YAAY;uBAAC,2BAA2B,CAAA;gBA8CzC,QAAQ,EAAA,CAAA;sBADP,YAAY;uBAAC,eAAe,CAAA;;;AE9GjC;;AAEG;MAMU,oBAAoB,CAAA;8GAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAApB,oBAAoB,EAAA,OAAA,EAAA,CAJnB,uBAAuB,EAAE,2BAA2B,EAAE,8BAA8B,CAAA,EAAA,OAAA,EAAA,CACpF,uBAAuB,EAAE,2BAA2B,EAAE,8BAA8B,CAAA,EAAA,CAAA,CAAA,EAAA;+GAGrF,oBAAoB,EAAA,SAAA,EAFlB,CAAC,mBAAmB,EAAE,yBAAyB,EAAE,sBAAsB,CAAC,EAAA,OAAA,EAAA,CAFzE,uBAAuB,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIxB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,uBAAuB,EAAE,2BAA2B,EAAE,8BAA8B,CAAC;AAC/F,oBAAA,OAAO,EAAE,CAAC,uBAAuB,EAAE,2BAA2B,EAAE,8BAA8B,CAAC;AAC/F,oBAAA,SAAS,EAAE,CAAC,mBAAmB,EAAE,yBAAyB,EAAE,sBAAsB,CAAC;AACtF,iBAAA,CAAA;;;AChBD;;AAEG;;;;"}
|