@fundamental-ngx/cx 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.
Files changed (6) hide show
  1. package/esm2022/side-navigation/side-navigation.component.mjs +2 -2
  2. package/fesm2022/fundamental-ngx-cx-side-navigation.mjs +2 -2
  3. package/fesm2022/fundamental-ngx-cx-side-navigation.mjs.map +1 -1
  4. package/fundamental-ngx-cx-v0.47.2.tgz +0 -0
  5. package/package.json +6 -6
  6. package/fundamental-ngx-cx-v0.47.2-rc.0.tgz +0 -0
package/esm2022/side-navigation/side-navigation.component.mjs CHANGED
@@ -145,11 +145,11 @@ export class SideNavigationComponent {
145
145
  return lists;
146
146
  }
147
147
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SideNavigationComponent, deps: [{ token: i1.NestedListKeyboardService }, { token: i1.NestedListStateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
148
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: SideNavigationComponent, selector: "fdx-side-nav", inputs: { condensed: "condensed", sideNavigationConfiguration: "sideNavigationConfiguration", dynamicWidth: "dynamicWidth", collapseWidth: "collapseWidth", narrow: "narrow", mobile: "mobile", showScrollButtons: "showScrollButtons", selectable: "selectable" }, host: { listeners: { "window:resize": "onResize()" }, properties: { "class.fdx-side-nav--condensed": "this.condensed" } }, providers: [MenuKeyboardService, NestedListKeyboardService, NestedListStateService], queries: [{ propertyName: "sideNavUtility", first: true, predicate: SideNavigationUtilityDirective, descendants: true }, { propertyName: "sideNavMain", first: true, predicate: SideNavigationMainComponent, descendants: true }], viewQueries: [{ propertyName: "_scrollDownButton", first: true, predicate: ["scrollDownButton"], descendants: true, read: ElementRef }, { propertyName: "preparedNestedList", predicate: PreparedNestedListComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<nav\n class=\"fdx-side-nav\"\n [class.fdx-side-nav--dynamic-width]=\"dynamicWidth\"\n [class.fdx-side-nav--narrow]=\"narrow\"\n [class.fdx-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\"\n [class.fdx-side-nav--mobile]=\"mobile\"\n fd-scrollbar\n [attr.aria-label]=\"'coreNavigation.mainNavigation' | fdTranslate\"\n>\n <ng-container *ngIf=\"!sideNavigationConfiguration\">\n <ng-container *ngTemplateOutlet=\"scrollUp\"></ng-container>\n <ng-content select=\"[fdx-side-nav-main]\"></ng-content>\n <ng-container *ngTemplateOutlet=\"scrollDown\"></ng-container>\n <ng-content select=\"[fdx-side-nav-utility]\"></ng-content>\n </ng-container>\n <ng-container *ngIf=\"sideNavigationConfiguration\">\n <ng-container *ngTemplateOutlet=\"scrollUp\"></ng-container>\n <div fdx-side-nav-main *ngIf=\"sideNavigationConfiguration.mainNavigation\">\n <fdx-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.mainNavigation\"\n >\n </fdx-prepared-nested-list>\n </div>\n <ng-container *ngTemplateOutlet=\"scrollDown\"></ng-container>\n <div fdx-side-nav-utility *ngIf=\"sideNavigationConfiguration.utilityNavigation\">\n <fdx-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.utilityNavigation\"\n >\n </fdx-prepared-nested-list>\n </div>\n </ng-container>\n</nav>\n\n<ng-template #scrollUp>\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--top\" *ngIf=\"_showScrollUpButton\">\n <button\n fd-button\n fdType=\"standard\"\n glyph=\"navigation-up-arrow\"\n fdx-side-nav-button\n (click)=\"_scrollItems('up')\"\n ></button>\n </div>\n</ng-template>\n\n<ng-template #scrollDown>\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--bottom\" *ngIf=\"_showScrollDownButton\">\n <button\n #scrollDownButton\n fd-button\n fdType=\"standard\"\n glyph=\"navigation-down-arrow\"\n fdx-side-nav-button\n (click)=\"_scrollItems('down')\"\n ></button>\n </div>\n</ng-template>\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 */.fdx-nested-list{--fdNestedList_Item_Height:2.75rem;--fdNestedList_Item_Spacing:.25rem;--fdNestedList_Item_Spacing_Compact:.125rem;--fdNestedList_Item_Margin:.5rem 0;--fdNestedList_Item_Header_Margin_Top:.25rem;--fdNestedList_Focus_Offset:.125rem;--fdNestedList_Focus_Offset_Width:var(--sapContent_FocusWidth);--fdNestedList_Button_Margin_Left:.5rem;-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);list-style:none;margin:0;padding:0;width:100%}.fdx-nested-list:after,.fdx-nested-list:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list.level-1>.fdx-nested-list__item{margin-left:.5rem;margin-right:.5rem}.fdx-nested-list.level-1>.fdx-nested-list__item:first-child{margin-top:var(--fdNestedList_Item_Spacing)}.fdx-nested-list.level-1>.fdx-nested-list__item:last-child{margin-bottom:var(--fdNestedList_Item_Spacing)}.fdx-nested-list.level-1 .fdx-nested-list__title{padding-left:0;padding-right:1rem}.fdx-nested-list.level-1 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list.level-1 .fdx-nested-list__title{padding-left:1rem;padding-right:0}.fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title{padding-left:3rem;padding-right:1rem}.fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title{padding-left:1rem;padding-right:3rem}.fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title{padding-left:5rem;padding-right:1rem}.fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title{padding-left:1rem;padding-right:5rem}.fdx-nested-list[aria-hidden=true]{display:none}.fdx-nested-list__item{-webkit-box-sizing:border-box;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;margin:var(--fdNestedList_Item_Margin);padding:0}.fdx-nested-list__item:after,.fdx-nested-list__item:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__item--header{margin-top:var(--fdNestedList_Item_Header_Margin_Top)}.fdx-nested-list__item--header h1.fdx-nested-list__link,.fdx-nested-list__item--header h2.fdx-nested-list__link,.fdx-nested-list__item--header h3.fdx-nested-list__link,.fdx-nested-list__item--header h4.fdx-nested-list__link,.fdx-nested-list__item--header h5.fdx-nested-list__link,.fdx-nested-list__item--header h6.fdx-nested-list__link{cursor:auto}.fdx-nested-list__item--header h1.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h1.fdx-nested-list__link:hover,.fdx-nested-list__item--header h2.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h2.fdx-nested-list__link:hover,.fdx-nested-list__item--header h3.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h3.fdx-nested-list__link:hover,.fdx-nested-list__item--header h4.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h4.fdx-nested-list__link:hover,.fdx-nested-list__item--header h5.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h5.fdx-nested-list__link:hover,.fdx-nested-list__item--header h6.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h6.fdx-nested-list__link:hover{background:var(--sapList_Background);color:var(--sapList_TextColor)}.fdx-nested-list__item--header h1.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h2.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h3.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h4.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h5.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h6.fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__item--header .fdx-nested-list__link{cursor:pointer}.fdx-nested-list__item--header .fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__link{-webkit-box-sizing:border-box;align-items:center;background:var(--sapList_Background);border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);cursor:pointer;display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdNestedList_Item_Height);line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative;text-decoration:none;width:100%}.fdx-nested-list__link:after,.fdx-nested-list__link:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__link.is-hover,.fdx-nested-list__link:hover{background:var(--sapList_Hover_Background);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-focus,.fdx-nested-list__link:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__link.is-selected,.fdx-nested-list__link[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected.is-hover,.fdx-nested-list__link.is-selected:hover,.fdx-nested-list__link[aria-selected=true].is-hover,.fdx-nested-list__link[aria-selected=true]:hover{background:var(--sapList_Hover_SelectionBackground);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{background:var(--sapList_SelectionBorderColor);content:\"\";height:100%;left:0;position:absolute;top:0;width:.1875rem}.fdx-nested-list__link.is-selected[dir=rtl] .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true][dir=rtl] .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{left:auto;right:0}.fdx-nested-list__link.is-active,.fdx-nested-list__link.is-active.is-selected,.fdx-nested-list__link.is-active[aria-selected=true],.fdx-nested-list__link:active,.fdx-nested-list__link:active.is-selected,.fdx-nested-list__link:active[aria-selected=true]{background:var(--sapList_Active_Background);color:var(--sapList_Active_TextColor)}.fdx-nested-list__link.is-active .fdx-nested-list__arrow,.fdx-nested-list__link.is-active .fdx-nested-list__icon,.fdx-nested-list__link.is-active .fdx-nested-list__title,.fdx-nested-list__link:active .fdx-nested-list__arrow,.fdx-nested-list__link:active .fdx-nested-list__icon,.fdx-nested-list__link:active .fdx-nested-list__title{color:var(--sapList_Active_TextColor)}.fdx-nested-list__link-container{-webkit-box-sizing:border-box;align-items:center;border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;position:relative;text-decoration:none;width:100%}.fdx-nested-list__link-container:after,.fdx-nested-list__link-container:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__link-container.is-focus,.fdx-nested-list__link-container:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__icon [class*=sap-icon],.fdx-nested-list__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;color:currentColor;display:flex;font-size:inherit;font-size:var(--sapFontSize);height:100%;justify-content:center;line-height:1;max-height:100%;max-width:3rem;min-height:100%;min-width:3rem;width:3rem}.fdx-nested-list__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:currentColor;display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdNestedList_Item_Height);line-height:var(--sapContent_LineHeight);line-height:var(--fdNestedList_Item_Height);margin:0;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.fdx-nested-list__title:after,.fdx-nested-list__title:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list__title{text-align:right}.fdx-nested-list__arrow[class*=sap-icon]{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1rem;justify-content:center;line-height:var(--sapContent_LineHeight);line-height:1;margin:0 1rem 0 0;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;padding:0;width:1rem}.fdx-nested-list__arrow[class*=sap-icon]:after,.fdx-nested-list__arrow[class*=sap-icon]:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__arrow[class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__arrow[class*=sap-icon]{-webkit-transform:scaleX(-1);margin-left:1rem;margin-right:0;transform:scaleX(-1)}.fdx-nested-list__button{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:transparent;border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;margin-left:var(--fdNestedList_Button_Margin_Left);max-width:2.75rem;min-width:2.75rem;padding:0;width:2.75rem}.fdx-nested-list__button:after,.fdx-nested-list__button:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__button.is-focus,.fdx-nested-list__button:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__button[dir=rtl],[dir=rtl] .fdx-nested-list__button{margin-left:0;margin-right:var(--fdNestedList_Button_Margin_Left)}.fdx-nested-list__button [class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;height:1rem;justify-content:center;line-height:1;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fdx-nested-list__button [class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__button [class*=sap-icon]{transform:scaleX(-1)}.fdx-nested-list--text-only .fdx-nested-list__title:first-child{padding-left:1rem}.fdx-nested-list--text-only .fdx-nested-list__title:first-child[dir=rtl],[dir=rtl] .fdx-nested-list--text-only .fdx-nested-list__title:first-child{padding-left:0;padding-right:1rem}.fdx-nested-list[class*=-compact],.fdx-nested-list[class*=-condensed],[class*=-compact] .fdx-nested-list:not([class*=-cozy]),[class*=-condensed] .fdx-nested-list:not([class*=-cozy]){--fdNestedList_Item_Margin:.25rem 0;--fdNestedList_Item_Spacing:.125rem;--fdNestedList_Item_Header_Margin_Top:.125rem;--fdNestedList_Focus_Offset:.0625rem;--fdNestedList_Focus_Offset_Width:.0625rem;--fdNestedList_Item_Height:1.5rem;--fdNestedList_Button_Margin_Left:.25rem}.fdx-side-nav{--fdSideNav_Padding:.25rem 0;--fdSideNav_First_Item_Margin_Top:.25rem;--fdSideNav_Utility_Margin_Bottom:1rem;-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--sapContent_Shadow0);background-color:var(--sapGroup_ContentBackground);border:0;border-radius:0 1rem 1rem 0;box-shadow:var(--sapContent_Shadow0);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;padding:var(--fdSideNav_Padding);width:15rem}.fdx-side-nav:after,.fdx-side-nav:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav[dir=rtl],[dir=rtl] .fdx-side-nav{border-radius:1rem 0 0 1rem}.fdx-side-nav__main-navigation{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow-x:hidden;overflow-y:scroll;padding:0}.fdx-side-nav__main-navigation:after,.fdx-side-nav__main-navigation:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav__main-navigation .fdx-nested-list.level-1>.fdx-nested-list__item:first-child .fdx-nested-list__link{margin-top:var(--fdSideNav_First_Item_Margin_Top)}.fdx-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:0;padding:0}.fdx-side-nav__utility:after,.fdx-side-nav__utility:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav__utility:before{border-top:.0625rem solid var(--sapList_HeaderBorderColor);content:\" \";display:block;margin:.25rem .5rem var(--fdSideNav_Utility_Margin_Bottom) .5rem}.fdx-side-nav__popover-body{border-radius:1rem!important;max-width:16rem!important;min-width:16rem!important;padding:.25rem 0!important;width:16rem!important}.fdx-side-nav__popover-body .fdx-nested-list.level-2>.fdx-nested-list__item{margin-left:.5rem;margin-right:.5rem}.fdx-side-nav__popover-body .fdx-nested-list.level-2>.fdx-nested-list__item .fdx-nested-list__title{padding-left:1rem;padding-right:1rem}.fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title{padding-left:3rem;padding-right:1rem}.fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title{padding-left:1rem;padding-right:3rem}.fdx-side-nav__popover-body--dynamic-width{max-width:-moz-fit-content!important;max-width:fit-content!important;min-width:16rem!important;width:-moz-fit-content!important;width:fit-content!important}.fdx-side-nav__button{margin:.25rem 0!important}.fdx-side-nav__input-group{margin:.75rem .5rem!important;max-width:calc(100% - 1rem);min-width:calc(100% - 1rem);width:calc(100% - 1rem)}.fdx-side-nav[class*=-compact],.fdx-side-nav[class*=-condensed],[class*=-compact] .fdx-side-nav:not([class*=-cozy]),[class*=-condensed] .fdx-side-nav:not([class*=-cozy]){--fdSideNav_Padding:.125rem 0;--fdSideNav_First_Item_Margin_Top:.125rem;--fdSideNav_Utility_Margin_Bottom:.75rem}.fdx-side-nav--mobile{border-radius:0;width:100%}.fdx-side-nav--narrow{width:4rem}.fdx-side-nav--narrow .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow .fdx-nested-list__title{display:none}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link{position:relative}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before{align-items:center;content:\"\\e066\";display:flex;font-family:SAP-icons;font-size:var(--sapFontSmallSize);padding-right:.25rem;position:absolute;right:0}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link[dir=rtl]:before,[dir=rtl] .fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before{-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:rotate(180deg);align-items:center;display:flex;left:0;right:auto;transform:rotate(180deg)}.fdx-side-nav--dynamic-width{max-width:100%;min-width:15rem;width:-moz-fit-content;width:fit-content}.fdx-side-nav--dynamic-width.fdx--narrow{width:4rem}.fdx-side-nav__button-container{background:var(--sapGroup_ContentBackground);position:sticky;width:100%;height:48px;z-index:1}.fdx-side-nav__button-container--bottom{bottom:0;border-bottom-right-radius:1rem}.fdx-side-nav__button-container--top{top:0;border-top-right-radius:1rem}.fdx-side-nav__button-container .fdx-side-nav .fdx-side-nav__button:last-of-type{margin-top:0!important}.fdx-nested-list__item{display:block}.fdx-nested-list__item .fdx-nested-list__link{cursor:pointer}.fdx-nested-list__item .fdx-nested-list__content .fdx-nested-list__button.fd-button{background:none}.fdx-side-nav .fd-button{margin-left:.875rem!important}.fdx-side-nav .fdx-side-nav__button{min-height:2.25rem;overflow:hidden;position:sticky}.fdx-side-nav--compact .fdx-side-nav__button{min-height:1.5rem}.fdx-side-nav__popover-body .fd-scrollbar{padding:.25rem 0!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.PreparedNestedListComponent, selector: "fdx-prepared-nested-list", inputs: ["first", "condensed", "list"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i4.ScrollbarDirective, selector: "[fdScrollbar], [fd-scrollbar]", inputs: ["noHorizontalScroll", "noVerticalScroll", "alwaysVisible"] }, { kind: "component", type: i5.SideNavigationMainComponent, selector: "fdx-side-nav-main, div[fdx-side-nav-main]" }, { kind: "directive", type: i6.SideNavigationUtilityDirective, selector: "[cxSideNavigationUtility], [fdx-side-nav-utility]" }, { kind: "directive", type: i7.SideNavigationButtonDirective, selector: "[cxSideNavButton], [fdx-side-nav-button]" }, { kind: "pipe", type: i8.FdTranslatePipe, name: "fdTranslate" }], encapsulation: i0.ViewEncapsulation.None }); }
148
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: SideNavigationComponent, selector: "fdx-side-nav", inputs: { condensed: "condensed", sideNavigationConfiguration: "sideNavigationConfiguration", dynamicWidth: "dynamicWidth", collapseWidth: "collapseWidth", narrow: "narrow", mobile: "mobile", showScrollButtons: "showScrollButtons", selectable: "selectable" }, host: { listeners: { "window:resize": "onResize()" }, properties: { "class.fdx-side-nav--condensed": "this.condensed" } }, providers: [MenuKeyboardService, NestedListKeyboardService, NestedListStateService], queries: [{ propertyName: "sideNavUtility", first: true, predicate: SideNavigationUtilityDirective, descendants: true }, { propertyName: "sideNavMain", first: true, predicate: SideNavigationMainComponent, descendants: true }], viewQueries: [{ propertyName: "_scrollDownButton", first: true, predicate: ["scrollDownButton"], descendants: true, read: ElementRef }, { propertyName: "preparedNestedList", predicate: PreparedNestedListComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<nav\n class=\"fdx-side-nav\"\n [class.fdx-side-nav--dynamic-width]=\"dynamicWidth\"\n [class.fdx-side-nav--narrow]=\"narrow\"\n [class.fdx-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\"\n [class.fdx-side-nav--mobile]=\"mobile\"\n fd-scrollbar\n [attr.aria-label]=\"'coreNavigation.mainNavigation' | fdTranslate\"\n>\n <ng-container *ngIf=\"!sideNavigationConfiguration\">\n <ng-container *ngTemplateOutlet=\"scrollUp\"></ng-container>\n <ng-content select=\"[fdx-side-nav-main]\"></ng-content>\n <ng-container *ngTemplateOutlet=\"scrollDown\"></ng-container>\n <ng-content select=\"[fdx-side-nav-utility]\"></ng-content>\n </ng-container>\n <ng-container *ngIf=\"sideNavigationConfiguration\">\n <ng-container *ngTemplateOutlet=\"scrollUp\"></ng-container>\n <div fdx-side-nav-main *ngIf=\"sideNavigationConfiguration.mainNavigation\">\n <fdx-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.mainNavigation\"\n >\n </fdx-prepared-nested-list>\n </div>\n <ng-container *ngTemplateOutlet=\"scrollDown\"></ng-container>\n <div fdx-side-nav-utility *ngIf=\"sideNavigationConfiguration.utilityNavigation\">\n <fdx-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.utilityNavigation\"\n >\n </fdx-prepared-nested-list>\n </div>\n </ng-container>\n</nav>\n\n<ng-template #scrollUp>\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--top\" *ngIf=\"_showScrollUpButton\">\n <button\n fd-button\n fdType=\"standard\"\n glyph=\"navigation-up-arrow\"\n fdx-side-nav-button\n (click)=\"_scrollItems('up')\"\n ></button>\n </div>\n</ng-template>\n\n<ng-template #scrollDown>\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--bottom\" *ngIf=\"_showScrollDownButton\">\n <button\n #scrollDownButton\n fd-button\n fdType=\"standard\"\n glyph=\"navigation-down-arrow\"\n fdx-side-nav-button\n (click)=\"_scrollItems('down')\"\n ></button>\n </div>\n</ng-template>\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 */.fdx-nested-list{--fdNestedList_Item_Height:2.75rem;--fdNestedList_Item_Spacing:.25rem;--fdNestedList_Item_Spacing_Compact:.125rem;--fdNestedList_Item_Margin:.5rem 0;--fdNestedList_Item_Header_Margin_Top:.25rem;--fdNestedList_Focus_Offset:.125rem;--fdNestedList_Focus_Offset_Width:var(--sapContent_FocusWidth);--fdNestedList_Button_Margin_Left:.5rem;-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);list-style:none;margin:0;padding:0;width:100%}.fdx-nested-list:after,.fdx-nested-list:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list.level-1>.fdx-nested-list__item{margin-left:.5rem;margin-right:.5rem}.fdx-nested-list.level-1>.fdx-nested-list__item:first-child{margin-top:var(--fdNestedList_Item_Spacing)}.fdx-nested-list.level-1>.fdx-nested-list__item:last-child{margin-bottom:var(--fdNestedList_Item_Spacing)}.fdx-nested-list.level-1 .fdx-nested-list__title{padding-left:0;padding-right:1rem}.fdx-nested-list.level-1 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list.level-1 .fdx-nested-list__title{padding-left:1rem;padding-right:0}.fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title{padding-left:3rem;padding-right:1rem}.fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title{padding-left:1rem;padding-right:3rem}.fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title{padding-left:5rem;padding-right:1rem}.fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title{padding-left:1rem;padding-right:5rem}.fdx-nested-list[aria-hidden=true]{display:none}.fdx-nested-list__item{-webkit-box-sizing:border-box;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;margin:var(--fdNestedList_Item_Margin);padding:0}.fdx-nested-list__item:after,.fdx-nested-list__item:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__item--header{margin-top:var(--fdNestedList_Item_Header_Margin_Top)}.fdx-nested-list__item--header h1.fdx-nested-list__link,.fdx-nested-list__item--header h2.fdx-nested-list__link,.fdx-nested-list__item--header h3.fdx-nested-list__link,.fdx-nested-list__item--header h4.fdx-nested-list__link,.fdx-nested-list__item--header h5.fdx-nested-list__link,.fdx-nested-list__item--header h6.fdx-nested-list__link{cursor:auto}.fdx-nested-list__item--header h1.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h1.fdx-nested-list__link:hover,.fdx-nested-list__item--header h2.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h2.fdx-nested-list__link:hover,.fdx-nested-list__item--header h3.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h3.fdx-nested-list__link:hover,.fdx-nested-list__item--header h4.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h4.fdx-nested-list__link:hover,.fdx-nested-list__item--header h5.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h5.fdx-nested-list__link:hover,.fdx-nested-list__item--header h6.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h6.fdx-nested-list__link:hover{background:var(--sapList_Background);color:var(--sapList_TextColor)}.fdx-nested-list__item--header h1.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h2.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h3.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h4.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h5.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h6.fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__item--header .fdx-nested-list__link{cursor:pointer}.fdx-nested-list__item--header .fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__link{-webkit-box-sizing:border-box;align-items:center;background:var(--sapList_Background);border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);cursor:pointer;display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdNestedList_Item_Height);line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative;text-decoration:none;width:100%}.fdx-nested-list__link:after,.fdx-nested-list__link:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__link.is-hover,.fdx-nested-list__link:hover{background:var(--sapList_Hover_Background);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-focus,.fdx-nested-list__link:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__link.is-selected,.fdx-nested-list__link[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected.is-hover,.fdx-nested-list__link.is-selected:hover,.fdx-nested-list__link[aria-selected=true].is-hover,.fdx-nested-list__link[aria-selected=true]:hover{background:var(--sapList_Hover_SelectionBackground);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{background:var(--sapList_SelectionBorderColor);content:\"\";height:100%;left:0;position:absolute;top:0;width:.1875rem}.fdx-nested-list__link.is-selected[dir=rtl] .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true][dir=rtl] .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{left:auto;right:0}.fdx-nested-list__link.is-active,.fdx-nested-list__link.is-active.is-selected,.fdx-nested-list__link.is-active[aria-selected=true],.fdx-nested-list__link:active,.fdx-nested-list__link:active.is-selected,.fdx-nested-list__link:active[aria-selected=true]{background:var(--sapList_Active_Background);color:var(--sapList_Active_TextColor)}.fdx-nested-list__link.is-active .fdx-nested-list__arrow,.fdx-nested-list__link.is-active .fdx-nested-list__icon,.fdx-nested-list__link.is-active .fdx-nested-list__title,.fdx-nested-list__link:active .fdx-nested-list__arrow,.fdx-nested-list__link:active .fdx-nested-list__icon,.fdx-nested-list__link:active .fdx-nested-list__title{color:var(--sapList_Active_TextColor)}.fdx-nested-list__link-container{-webkit-box-sizing:border-box;align-items:center;border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;position:relative;text-decoration:none;width:100%}.fdx-nested-list__link-container:after,.fdx-nested-list__link-container:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__link-container.is-focus,.fdx-nested-list__link-container:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__icon [class*=sap-icon],.fdx-nested-list__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;color:currentColor;display:flex;font-size:inherit;font-size:var(--sapFontSize);height:100%;justify-content:center;line-height:1;max-height:100%;max-width:3rem;min-height:100%;min-width:3rem;width:3rem}.fdx-nested-list__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:currentColor;display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdNestedList_Item_Height);line-height:var(--sapContent_LineHeight);line-height:var(--fdNestedList_Item_Height);margin:0;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.fdx-nested-list__title:after,.fdx-nested-list__title:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list__title{text-align:right}.fdx-nested-list__arrow[class*=sap-icon]{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1rem;justify-content:center;line-height:var(--sapContent_LineHeight);line-height:1;margin:0 1rem 0 0;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;padding:0;width:1rem}.fdx-nested-list__arrow[class*=sap-icon]:after,.fdx-nested-list__arrow[class*=sap-icon]:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__arrow[class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__arrow[class*=sap-icon]{-webkit-transform:scaleX(-1);margin-left:1rem;margin-right:0;transform:scaleX(-1)}.fdx-nested-list__button{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:transparent;border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;margin-left:var(--fdNestedList_Button_Margin_Left);max-width:2.75rem;min-width:2.75rem;padding:0;width:2.75rem}.fdx-nested-list__button:after,.fdx-nested-list__button:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__button.is-focus,.fdx-nested-list__button:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__button[dir=rtl],[dir=rtl] .fdx-nested-list__button{margin-left:0;margin-right:var(--fdNestedList_Button_Margin_Left)}.fdx-nested-list__button [class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;height:1rem;justify-content:center;line-height:1;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fdx-nested-list__button [class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__button [class*=sap-icon]{transform:scaleX(-1)}.fdx-nested-list--text-only .fdx-nested-list__title:first-child{padding-left:1rem}.fdx-nested-list--text-only .fdx-nested-list__title:first-child[dir=rtl],[dir=rtl] .fdx-nested-list--text-only .fdx-nested-list__title:first-child{padding-left:0;padding-right:1rem}.fdx-nested-list[class*=-compact],.fdx-nested-list[class*=-condensed],[class*=-compact] .fdx-nested-list:not([class*=-cozy]),[class*=-condensed] .fdx-nested-list:not([class*=-cozy]){--fdNestedList_Item_Margin:.25rem 0;--fdNestedList_Item_Spacing:.125rem;--fdNestedList_Item_Header_Margin_Top:.125rem;--fdNestedList_Focus_Offset:.0625rem;--fdNestedList_Focus_Offset_Width:.0625rem;--fdNestedList_Item_Height:1.5rem;--fdNestedList_Button_Margin_Left:.25rem}.fdx-side-nav{--fdSideNav_Padding:.25rem 0;--fdSideNav_First_Item_Margin_Top:.25rem;--fdSideNav_Utility_Margin_Bottom:1rem;-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--sapContent_Shadow0);background-color:var(--sapGroup_ContentBackground);border:0;border-radius:0 1rem 1rem 0;box-shadow:var(--sapContent_Shadow0);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;padding:var(--fdSideNav_Padding);width:15rem}.fdx-side-nav:after,.fdx-side-nav:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav[dir=rtl],[dir=rtl] .fdx-side-nav{border-radius:1rem 0 0 1rem}.fdx-side-nav__main-navigation{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow-x:hidden;overflow-y:scroll;padding:0}.fdx-side-nav__main-navigation:after,.fdx-side-nav__main-navigation:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav__main-navigation .fdx-nested-list.level-1>.fdx-nested-list__item:first-child .fdx-nested-list__link{margin-top:var(--fdSideNav_First_Item_Margin_Top)}.fdx-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:0;padding:0}.fdx-side-nav__utility:after,.fdx-side-nav__utility:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav__utility:before{border-top:.0625rem solid var(--sapList_HeaderBorderColor);content:\" \";display:block;margin:.25rem .5rem var(--fdSideNav_Utility_Margin_Bottom) .5rem}.fdx-side-nav__popover-body{border-radius:1rem!important;max-width:16rem!important;min-width:16rem!important;padding:.25rem 0!important;width:16rem!important}.fdx-side-nav__popover-body .fdx-nested-list.level-2>.fdx-nested-list__item{margin-left:.5rem;margin-right:.5rem}.fdx-side-nav__popover-body .fdx-nested-list.level-2>.fdx-nested-list__item .fdx-nested-list__title{padding-left:1rem;padding-right:1rem}.fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title{padding-left:3rem;padding-right:1rem}.fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title{padding-left:1rem;padding-right:3rem}.fdx-side-nav__popover-body--dynamic-width{max-width:-moz-fit-content!important;max-width:fit-content!important;min-width:16rem!important;width:-moz-fit-content!important;width:fit-content!important}.fdx-side-nav__button{margin:.25rem 0!important}.fdx-side-nav__input-group{margin:.75rem .5rem!important;max-width:calc(100% - 1rem);min-width:calc(100% - 1rem);width:calc(100% - 1rem)}.fdx-side-nav[class*=-compact],.fdx-side-nav[class*=-condensed],[class*=-compact] .fdx-side-nav:not([class*=-cozy]),[class*=-condensed] .fdx-side-nav:not([class*=-cozy]){--fdSideNav_Padding:.125rem 0;--fdSideNav_First_Item_Margin_Top:.125rem;--fdSideNav_Utility_Margin_Bottom:.75rem}.fdx-side-nav--mobile{border-radius:0;width:100%}.fdx-side-nav--narrow{width:4rem}.fdx-side-nav--narrow .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow .fdx-nested-list__title{display:none}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link{position:relative}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before{align-items:center;content:\"\\e066\";display:flex;font-family:SAP-icons;font-size:var(--sapFontSmallSize);padding-right:.25rem;position:absolute;right:0}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link[dir=rtl]:before,[dir=rtl] .fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before{-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:rotate(180deg);align-items:center;display:flex;left:0;right:auto;transform:rotate(180deg)}.fdx-side-nav--dynamic-width{max-width:100%;min-width:15rem;width:-moz-fit-content;width:fit-content}.fdx-side-nav--dynamic-width.fdx--narrow{width:4rem}.fdx-side-nav__button-container{background:var(--sapGroup_ContentBackground);position:sticky;width:100%;height:48px;z-index:1}.fdx-side-nav__button-container--bottom{bottom:0;border-bottom-right-radius:1rem}.fdx-side-nav__button-container--top{top:0;border-top-right-radius:1rem}.fdx-side-nav__button-container .fdx-side-nav .fdx-side-nav__button:last-of-type{margin-top:0!important}.fdx-nested-list__item{display:block}.fdx-nested-list__item .fdx-nested-list__link{cursor:pointer}.fdx-nested-list__item .fdx-nested-list__content .fdx-nested-list__button.fd-button{background:none}.fdx-side-nav .fd-button{margin-left:.875rem!important}.fdx-side-nav .fdx-side-nav__button{min-height:2.25rem;overflow:hidden;position:sticky}.fdx-side-nav--compact .fdx-side-nav__button{min-height:1.5rem}.fdx-side-nav__popover-body .fd-scrollbar{padding:.25rem 0!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.PreparedNestedListComponent, selector: "fdx-prepared-nested-list", inputs: ["first", "condensed", "list"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i4.ScrollbarDirective, selector: "[fdScrollbar], [fd-scrollbar]", inputs: ["noHorizontalScroll", "noVerticalScroll", "alwaysVisible"] }, { kind: "component", type: i5.SideNavigationMainComponent, selector: "fdx-side-nav-main, div[fdx-side-nav-main]" }, { kind: "directive", type: i6.SideNavigationUtilityDirective, selector: "[cxSideNavigationUtility], [fdx-side-nav-utility]" }, { kind: "directive", type: i7.SideNavigationButtonDirective, selector: "[cxSideNavButton], [fdx-side-nav-button]" }, { kind: "pipe", type: i8.FdTranslatePipe, name: "fdTranslate" }], encapsulation: i0.ViewEncapsulation.None }); }
149
149
  }
150
150
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SideNavigationComponent, decorators: [{
151
151
  type: Component,
152
- args: [{ selector: 'fdx-side-nav', encapsulation: ViewEncapsulation.None, providers: [MenuKeyboardService, NestedListKeyboardService, NestedListStateService], template: "<nav\n class=\"fdx-side-nav\"\n [class.fdx-side-nav--dynamic-width]=\"dynamicWidth\"\n [class.fdx-side-nav--narrow]=\"narrow\"\n [class.fdx-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\"\n [class.fdx-side-nav--mobile]=\"mobile\"\n fd-scrollbar\n [attr.aria-label]=\"'coreNavigation.mainNavigation' | fdTranslate\"\n>\n <ng-container *ngIf=\"!sideNavigationConfiguration\">\n <ng-container *ngTemplateOutlet=\"scrollUp\"></ng-container>\n <ng-content select=\"[fdx-side-nav-main]\"></ng-content>\n <ng-container *ngTemplateOutlet=\"scrollDown\"></ng-container>\n <ng-content select=\"[fdx-side-nav-utility]\"></ng-content>\n </ng-container>\n <ng-container *ngIf=\"sideNavigationConfiguration\">\n <ng-container *ngTemplateOutlet=\"scrollUp\"></ng-container>\n <div fdx-side-nav-main *ngIf=\"sideNavigationConfiguration.mainNavigation\">\n <fdx-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.mainNavigation\"\n >\n </fdx-prepared-nested-list>\n </div>\n <ng-container *ngTemplateOutlet=\"scrollDown\"></ng-container>\n <div fdx-side-nav-utility *ngIf=\"sideNavigationConfiguration.utilityNavigation\">\n <fdx-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.utilityNavigation\"\n >\n </fdx-prepared-nested-list>\n </div>\n </ng-container>\n</nav>\n\n<ng-template #scrollUp>\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--top\" *ngIf=\"_showScrollUpButton\">\n <button\n fd-button\n fdType=\"standard\"\n glyph=\"navigation-up-arrow\"\n fdx-side-nav-button\n (click)=\"_scrollItems('up')\"\n ></button>\n </div>\n</ng-template>\n\n<ng-template #scrollDown>\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--bottom\" *ngIf=\"_showScrollDownButton\">\n <button\n #scrollDownButton\n fd-button\n fdType=\"standard\"\n glyph=\"navigation-down-arrow\"\n fdx-side-nav-button\n (click)=\"_scrollItems('down')\"\n ></button>\n </div>\n</ng-template>\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 */.fdx-nested-list{--fdNestedList_Item_Height:2.75rem;--fdNestedList_Item_Spacing:.25rem;--fdNestedList_Item_Spacing_Compact:.125rem;--fdNestedList_Item_Margin:.5rem 0;--fdNestedList_Item_Header_Margin_Top:.25rem;--fdNestedList_Focus_Offset:.125rem;--fdNestedList_Focus_Offset_Width:var(--sapContent_FocusWidth);--fdNestedList_Button_Margin_Left:.5rem;-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);list-style:none;margin:0;padding:0;width:100%}.fdx-nested-list:after,.fdx-nested-list:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list.level-1>.fdx-nested-list__item{margin-left:.5rem;margin-right:.5rem}.fdx-nested-list.level-1>.fdx-nested-list__item:first-child{margin-top:var(--fdNestedList_Item_Spacing)}.fdx-nested-list.level-1>.fdx-nested-list__item:last-child{margin-bottom:var(--fdNestedList_Item_Spacing)}.fdx-nested-list.level-1 .fdx-nested-list__title{padding-left:0;padding-right:1rem}.fdx-nested-list.level-1 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list.level-1 .fdx-nested-list__title{padding-left:1rem;padding-right:0}.fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title{padding-left:3rem;padding-right:1rem}.fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title{padding-left:1rem;padding-right:3rem}.fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title{padding-left:5rem;padding-right:1rem}.fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title{padding-left:1rem;padding-right:5rem}.fdx-nested-list[aria-hidden=true]{display:none}.fdx-nested-list__item{-webkit-box-sizing:border-box;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;margin:var(--fdNestedList_Item_Margin);padding:0}.fdx-nested-list__item:after,.fdx-nested-list__item:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__item--header{margin-top:var(--fdNestedList_Item_Header_Margin_Top)}.fdx-nested-list__item--header h1.fdx-nested-list__link,.fdx-nested-list__item--header h2.fdx-nested-list__link,.fdx-nested-list__item--header h3.fdx-nested-list__link,.fdx-nested-list__item--header h4.fdx-nested-list__link,.fdx-nested-list__item--header h5.fdx-nested-list__link,.fdx-nested-list__item--header h6.fdx-nested-list__link{cursor:auto}.fdx-nested-list__item--header h1.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h1.fdx-nested-list__link:hover,.fdx-nested-list__item--header h2.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h2.fdx-nested-list__link:hover,.fdx-nested-list__item--header h3.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h3.fdx-nested-list__link:hover,.fdx-nested-list__item--header h4.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h4.fdx-nested-list__link:hover,.fdx-nested-list__item--header h5.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h5.fdx-nested-list__link:hover,.fdx-nested-list__item--header h6.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h6.fdx-nested-list__link:hover{background:var(--sapList_Background);color:var(--sapList_TextColor)}.fdx-nested-list__item--header h1.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h2.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h3.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h4.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h5.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h6.fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__item--header .fdx-nested-list__link{cursor:pointer}.fdx-nested-list__item--header .fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__link{-webkit-box-sizing:border-box;align-items:center;background:var(--sapList_Background);border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);cursor:pointer;display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdNestedList_Item_Height);line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative;text-decoration:none;width:100%}.fdx-nested-list__link:after,.fdx-nested-list__link:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__link.is-hover,.fdx-nested-list__link:hover{background:var(--sapList_Hover_Background);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-focus,.fdx-nested-list__link:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__link.is-selected,.fdx-nested-list__link[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected.is-hover,.fdx-nested-list__link.is-selected:hover,.fdx-nested-list__link[aria-selected=true].is-hover,.fdx-nested-list__link[aria-selected=true]:hover{background:var(--sapList_Hover_SelectionBackground);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{background:var(--sapList_SelectionBorderColor);content:\"\";height:100%;left:0;position:absolute;top:0;width:.1875rem}.fdx-nested-list__link.is-selected[dir=rtl] .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true][dir=rtl] .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{left:auto;right:0}.fdx-nested-list__link.is-active,.fdx-nested-list__link.is-active.is-selected,.fdx-nested-list__link.is-active[aria-selected=true],.fdx-nested-list__link:active,.fdx-nested-list__link:active.is-selected,.fdx-nested-list__link:active[aria-selected=true]{background:var(--sapList_Active_Background);color:var(--sapList_Active_TextColor)}.fdx-nested-list__link.is-active .fdx-nested-list__arrow,.fdx-nested-list__link.is-active .fdx-nested-list__icon,.fdx-nested-list__link.is-active .fdx-nested-list__title,.fdx-nested-list__link:active .fdx-nested-list__arrow,.fdx-nested-list__link:active .fdx-nested-list__icon,.fdx-nested-list__link:active .fdx-nested-list__title{color:var(--sapList_Active_TextColor)}.fdx-nested-list__link-container{-webkit-box-sizing:border-box;align-items:center;border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;position:relative;text-decoration:none;width:100%}.fdx-nested-list__link-container:after,.fdx-nested-list__link-container:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__link-container.is-focus,.fdx-nested-list__link-container:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__icon [class*=sap-icon],.fdx-nested-list__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;color:currentColor;display:flex;font-size:inherit;font-size:var(--sapFontSize);height:100%;justify-content:center;line-height:1;max-height:100%;max-width:3rem;min-height:100%;min-width:3rem;width:3rem}.fdx-nested-list__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:currentColor;display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdNestedList_Item_Height);line-height:var(--sapContent_LineHeight);line-height:var(--fdNestedList_Item_Height);margin:0;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.fdx-nested-list__title:after,.fdx-nested-list__title:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list__title{text-align:right}.fdx-nested-list__arrow[class*=sap-icon]{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1rem;justify-content:center;line-height:var(--sapContent_LineHeight);line-height:1;margin:0 1rem 0 0;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;padding:0;width:1rem}.fdx-nested-list__arrow[class*=sap-icon]:after,.fdx-nested-list__arrow[class*=sap-icon]:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__arrow[class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__arrow[class*=sap-icon]{-webkit-transform:scaleX(-1);margin-left:1rem;margin-right:0;transform:scaleX(-1)}.fdx-nested-list__button{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:transparent;border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;margin-left:var(--fdNestedList_Button_Margin_Left);max-width:2.75rem;min-width:2.75rem;padding:0;width:2.75rem}.fdx-nested-list__button:after,.fdx-nested-list__button:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__button.is-focus,.fdx-nested-list__button:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__button[dir=rtl],[dir=rtl] .fdx-nested-list__button{margin-left:0;margin-right:var(--fdNestedList_Button_Margin_Left)}.fdx-nested-list__button [class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;height:1rem;justify-content:center;line-height:1;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fdx-nested-list__button [class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__button [class*=sap-icon]{transform:scaleX(-1)}.fdx-nested-list--text-only .fdx-nested-list__title:first-child{padding-left:1rem}.fdx-nested-list--text-only .fdx-nested-list__title:first-child[dir=rtl],[dir=rtl] .fdx-nested-list--text-only .fdx-nested-list__title:first-child{padding-left:0;padding-right:1rem}.fdx-nested-list[class*=-compact],.fdx-nested-list[class*=-condensed],[class*=-compact] .fdx-nested-list:not([class*=-cozy]),[class*=-condensed] .fdx-nested-list:not([class*=-cozy]){--fdNestedList_Item_Margin:.25rem 0;--fdNestedList_Item_Spacing:.125rem;--fdNestedList_Item_Header_Margin_Top:.125rem;--fdNestedList_Focus_Offset:.0625rem;--fdNestedList_Focus_Offset_Width:.0625rem;--fdNestedList_Item_Height:1.5rem;--fdNestedList_Button_Margin_Left:.25rem}.fdx-side-nav{--fdSideNav_Padding:.25rem 0;--fdSideNav_First_Item_Margin_Top:.25rem;--fdSideNav_Utility_Margin_Bottom:1rem;-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--sapContent_Shadow0);background-color:var(--sapGroup_ContentBackground);border:0;border-radius:0 1rem 1rem 0;box-shadow:var(--sapContent_Shadow0);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;padding:var(--fdSideNav_Padding);width:15rem}.fdx-side-nav:after,.fdx-side-nav:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav[dir=rtl],[dir=rtl] .fdx-side-nav{border-radius:1rem 0 0 1rem}.fdx-side-nav__main-navigation{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow-x:hidden;overflow-y:scroll;padding:0}.fdx-side-nav__main-navigation:after,.fdx-side-nav__main-navigation:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav__main-navigation .fdx-nested-list.level-1>.fdx-nested-list__item:first-child .fdx-nested-list__link{margin-top:var(--fdSideNav_First_Item_Margin_Top)}.fdx-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:0;padding:0}.fdx-side-nav__utility:after,.fdx-side-nav__utility:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav__utility:before{border-top:.0625rem solid var(--sapList_HeaderBorderColor);content:\" \";display:block;margin:.25rem .5rem var(--fdSideNav_Utility_Margin_Bottom) .5rem}.fdx-side-nav__popover-body{border-radius:1rem!important;max-width:16rem!important;min-width:16rem!important;padding:.25rem 0!important;width:16rem!important}.fdx-side-nav__popover-body .fdx-nested-list.level-2>.fdx-nested-list__item{margin-left:.5rem;margin-right:.5rem}.fdx-side-nav__popover-body .fdx-nested-list.level-2>.fdx-nested-list__item .fdx-nested-list__title{padding-left:1rem;padding-right:1rem}.fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title{padding-left:3rem;padding-right:1rem}.fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title{padding-left:1rem;padding-right:3rem}.fdx-side-nav__popover-body--dynamic-width{max-width:-moz-fit-content!important;max-width:fit-content!important;min-width:16rem!important;width:-moz-fit-content!important;width:fit-content!important}.fdx-side-nav__button{margin:.25rem 0!important}.fdx-side-nav__input-group{margin:.75rem .5rem!important;max-width:calc(100% - 1rem);min-width:calc(100% - 1rem);width:calc(100% - 1rem)}.fdx-side-nav[class*=-compact],.fdx-side-nav[class*=-condensed],[class*=-compact] .fdx-side-nav:not([class*=-cozy]),[class*=-condensed] .fdx-side-nav:not([class*=-cozy]){--fdSideNav_Padding:.125rem 0;--fdSideNav_First_Item_Margin_Top:.125rem;--fdSideNav_Utility_Margin_Bottom:.75rem}.fdx-side-nav--mobile{border-radius:0;width:100%}.fdx-side-nav--narrow{width:4rem}.fdx-side-nav--narrow .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow .fdx-nested-list__title{display:none}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link{position:relative}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before{align-items:center;content:\"\\e066\";display:flex;font-family:SAP-icons;font-size:var(--sapFontSmallSize);padding-right:.25rem;position:absolute;right:0}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link[dir=rtl]:before,[dir=rtl] .fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before{-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:rotate(180deg);align-items:center;display:flex;left:0;right:auto;transform:rotate(180deg)}.fdx-side-nav--dynamic-width{max-width:100%;min-width:15rem;width:-moz-fit-content;width:fit-content}.fdx-side-nav--dynamic-width.fdx--narrow{width:4rem}.fdx-side-nav__button-container{background:var(--sapGroup_ContentBackground);position:sticky;width:100%;height:48px;z-index:1}.fdx-side-nav__button-container--bottom{bottom:0;border-bottom-right-radius:1rem}.fdx-side-nav__button-container--top{top:0;border-top-right-radius:1rem}.fdx-side-nav__button-container .fdx-side-nav .fdx-side-nav__button:last-of-type{margin-top:0!important}.fdx-nested-list__item{display:block}.fdx-nested-list__item .fdx-nested-list__link{cursor:pointer}.fdx-nested-list__item .fdx-nested-list__content .fdx-nested-list__button.fd-button{background:none}.fdx-side-nav .fd-button{margin-left:.875rem!important}.fdx-side-nav .fdx-side-nav__button{min-height:2.25rem;overflow:hidden;position:sticky}.fdx-side-nav--compact .fdx-side-nav__button{min-height:1.5rem}.fdx-side-nav__popover-body .fd-scrollbar{padding:.25rem 0!important}\n"] }]
152
+ args: [{ selector: 'fdx-side-nav', encapsulation: ViewEncapsulation.None, providers: [MenuKeyboardService, NestedListKeyboardService, NestedListStateService], template: "<nav\n class=\"fdx-side-nav\"\n [class.fdx-side-nav--dynamic-width]=\"dynamicWidth\"\n [class.fdx-side-nav--narrow]=\"narrow\"\n [class.fdx-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\"\n [class.fdx-side-nav--mobile]=\"mobile\"\n fd-scrollbar\n [attr.aria-label]=\"'coreNavigation.mainNavigation' | fdTranslate\"\n>\n <ng-container *ngIf=\"!sideNavigationConfiguration\">\n <ng-container *ngTemplateOutlet=\"scrollUp\"></ng-container>\n <ng-content select=\"[fdx-side-nav-main]\"></ng-content>\n <ng-container *ngTemplateOutlet=\"scrollDown\"></ng-container>\n <ng-content select=\"[fdx-side-nav-utility]\"></ng-content>\n </ng-container>\n <ng-container *ngIf=\"sideNavigationConfiguration\">\n <ng-container *ngTemplateOutlet=\"scrollUp\"></ng-container>\n <div fdx-side-nav-main *ngIf=\"sideNavigationConfiguration.mainNavigation\">\n <fdx-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.mainNavigation\"\n >\n </fdx-prepared-nested-list>\n </div>\n <ng-container *ngTemplateOutlet=\"scrollDown\"></ng-container>\n <div fdx-side-nav-utility *ngIf=\"sideNavigationConfiguration.utilityNavigation\">\n <fdx-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.utilityNavigation\"\n >\n </fdx-prepared-nested-list>\n </div>\n </ng-container>\n</nav>\n\n<ng-template #scrollUp>\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--top\" *ngIf=\"_showScrollUpButton\">\n <button\n fd-button\n fdType=\"standard\"\n glyph=\"navigation-up-arrow\"\n fdx-side-nav-button\n (click)=\"_scrollItems('up')\"\n ></button>\n </div>\n</ng-template>\n\n<ng-template #scrollDown>\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--bottom\" *ngIf=\"_showScrollDownButton\">\n <button\n #scrollDownButton\n fd-button\n fdType=\"standard\"\n glyph=\"navigation-down-arrow\"\n fdx-side-nav-button\n (click)=\"_scrollItems('down')\"\n ></button>\n </div>\n</ng-template>\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 */.fdx-nested-list{--fdNestedList_Item_Height:2.75rem;--fdNestedList_Item_Spacing:.25rem;--fdNestedList_Item_Spacing_Compact:.125rem;--fdNestedList_Item_Margin:.5rem 0;--fdNestedList_Item_Header_Margin_Top:.25rem;--fdNestedList_Focus_Offset:.125rem;--fdNestedList_Focus_Offset_Width:var(--sapContent_FocusWidth);--fdNestedList_Button_Margin_Left:.5rem;-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);list-style:none;margin:0;padding:0;width:100%}.fdx-nested-list:after,.fdx-nested-list:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list.level-1>.fdx-nested-list__item{margin-left:.5rem;margin-right:.5rem}.fdx-nested-list.level-1>.fdx-nested-list__item:first-child{margin-top:var(--fdNestedList_Item_Spacing)}.fdx-nested-list.level-1>.fdx-nested-list__item:last-child{margin-bottom:var(--fdNestedList_Item_Spacing)}.fdx-nested-list.level-1 .fdx-nested-list__title{padding-left:0;padding-right:1rem}.fdx-nested-list.level-1 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list.level-1 .fdx-nested-list__title{padding-left:1rem;padding-right:0}.fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title{padding-left:3rem;padding-right:1rem}.fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title{padding-left:1rem;padding-right:3rem}.fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title{padding-left:5rem;padding-right:1rem}.fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title{padding-left:1rem;padding-right:5rem}.fdx-nested-list[aria-hidden=true]{display:none}.fdx-nested-list__item{-webkit-box-sizing:border-box;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;margin:var(--fdNestedList_Item_Margin);padding:0}.fdx-nested-list__item:after,.fdx-nested-list__item:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__item--header{margin-top:var(--fdNestedList_Item_Header_Margin_Top)}.fdx-nested-list__item--header h1.fdx-nested-list__link,.fdx-nested-list__item--header h2.fdx-nested-list__link,.fdx-nested-list__item--header h3.fdx-nested-list__link,.fdx-nested-list__item--header h4.fdx-nested-list__link,.fdx-nested-list__item--header h5.fdx-nested-list__link,.fdx-nested-list__item--header h6.fdx-nested-list__link{cursor:auto}.fdx-nested-list__item--header h1.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h1.fdx-nested-list__link:hover,.fdx-nested-list__item--header h2.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h2.fdx-nested-list__link:hover,.fdx-nested-list__item--header h3.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h3.fdx-nested-list__link:hover,.fdx-nested-list__item--header h4.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h4.fdx-nested-list__link:hover,.fdx-nested-list__item--header h5.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h5.fdx-nested-list__link:hover,.fdx-nested-list__item--header h6.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h6.fdx-nested-list__link:hover{background:var(--sapList_Background);color:var(--sapList_TextColor)}.fdx-nested-list__item--header h1.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h2.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h3.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h4.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h5.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h6.fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__item--header .fdx-nested-list__link{cursor:pointer}.fdx-nested-list__item--header .fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__link{-webkit-box-sizing:border-box;align-items:center;background:var(--sapList_Background);border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);cursor:pointer;display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdNestedList_Item_Height);line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative;text-decoration:none;width:100%}.fdx-nested-list__link:after,.fdx-nested-list__link:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__link.is-hover,.fdx-nested-list__link:hover{background:var(--sapList_Hover_Background);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-focus,.fdx-nested-list__link:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__link.is-selected,.fdx-nested-list__link[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected.is-hover,.fdx-nested-list__link.is-selected:hover,.fdx-nested-list__link[aria-selected=true].is-hover,.fdx-nested-list__link[aria-selected=true]:hover{background:var(--sapList_Hover_SelectionBackground);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{background:var(--sapList_SelectionBorderColor);content:\"\";height:100%;left:0;position:absolute;top:0;width:.1875rem}.fdx-nested-list__link.is-selected[dir=rtl] .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true][dir=rtl] .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{left:auto;right:0}.fdx-nested-list__link.is-active,.fdx-nested-list__link.is-active.is-selected,.fdx-nested-list__link.is-active[aria-selected=true],.fdx-nested-list__link:active,.fdx-nested-list__link:active.is-selected,.fdx-nested-list__link:active[aria-selected=true]{background:var(--sapList_Active_Background);color:var(--sapList_Active_TextColor)}.fdx-nested-list__link.is-active .fdx-nested-list__arrow,.fdx-nested-list__link.is-active .fdx-nested-list__icon,.fdx-nested-list__link.is-active .fdx-nested-list__title,.fdx-nested-list__link:active .fdx-nested-list__arrow,.fdx-nested-list__link:active .fdx-nested-list__icon,.fdx-nested-list__link:active .fdx-nested-list__title{color:var(--sapList_Active_TextColor)}.fdx-nested-list__link-container{-webkit-box-sizing:border-box;align-items:center;border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;position:relative;text-decoration:none;width:100%}.fdx-nested-list__link-container:after,.fdx-nested-list__link-container:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__link-container.is-focus,.fdx-nested-list__link-container:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__icon [class*=sap-icon],.fdx-nested-list__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;color:currentColor;display:flex;font-size:inherit;font-size:var(--sapFontSize);height:100%;justify-content:center;line-height:1;max-height:100%;max-width:3rem;min-height:100%;min-width:3rem;width:3rem}.fdx-nested-list__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:currentColor;display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdNestedList_Item_Height);line-height:var(--sapContent_LineHeight);line-height:var(--fdNestedList_Item_Height);margin:0;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.fdx-nested-list__title:after,.fdx-nested-list__title:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list__title{text-align:right}.fdx-nested-list__arrow[class*=sap-icon]{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1rem;justify-content:center;line-height:var(--sapContent_LineHeight);line-height:1;margin:0 1rem 0 0;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;padding:0;width:1rem}.fdx-nested-list__arrow[class*=sap-icon]:after,.fdx-nested-list__arrow[class*=sap-icon]:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__arrow[class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__arrow[class*=sap-icon]{-webkit-transform:scaleX(-1);margin-left:1rem;margin-right:0;transform:scaleX(-1)}.fdx-nested-list__button{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:transparent;border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;margin-left:var(--fdNestedList_Button_Margin_Left);max-width:2.75rem;min-width:2.75rem;padding:0;width:2.75rem}.fdx-nested-list__button:after,.fdx-nested-list__button:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__button.is-focus,.fdx-nested-list__button:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__button[dir=rtl],[dir=rtl] .fdx-nested-list__button{margin-left:0;margin-right:var(--fdNestedList_Button_Margin_Left)}.fdx-nested-list__button [class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;height:1rem;justify-content:center;line-height:1;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fdx-nested-list__button [class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__button [class*=sap-icon]{transform:scaleX(-1)}.fdx-nested-list--text-only .fdx-nested-list__title:first-child{padding-left:1rem}.fdx-nested-list--text-only .fdx-nested-list__title:first-child[dir=rtl],[dir=rtl] .fdx-nested-list--text-only .fdx-nested-list__title:first-child{padding-left:0;padding-right:1rem}.fdx-nested-list[class*=-compact],.fdx-nested-list[class*=-condensed],[class*=-compact] .fdx-nested-list:not([class*=-cozy]),[class*=-condensed] .fdx-nested-list:not([class*=-cozy]){--fdNestedList_Item_Margin:.25rem 0;--fdNestedList_Item_Spacing:.125rem;--fdNestedList_Item_Header_Margin_Top:.125rem;--fdNestedList_Focus_Offset:.0625rem;--fdNestedList_Focus_Offset_Width:.0625rem;--fdNestedList_Item_Height:1.5rem;--fdNestedList_Button_Margin_Left:.25rem}.fdx-side-nav{--fdSideNav_Padding:.25rem 0;--fdSideNav_First_Item_Margin_Top:.25rem;--fdSideNav_Utility_Margin_Bottom:1rem;-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--sapContent_Shadow0);background-color:var(--sapGroup_ContentBackground);border:0;border-radius:0 1rem 1rem 0;box-shadow:var(--sapContent_Shadow0);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;padding:var(--fdSideNav_Padding);width:15rem}.fdx-side-nav:after,.fdx-side-nav:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav[dir=rtl],[dir=rtl] .fdx-side-nav{border-radius:1rem 0 0 1rem}.fdx-side-nav__main-navigation{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow-x:hidden;overflow-y:scroll;padding:0}.fdx-side-nav__main-navigation:after,.fdx-side-nav__main-navigation:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav__main-navigation .fdx-nested-list.level-1>.fdx-nested-list__item:first-child .fdx-nested-list__link{margin-top:var(--fdSideNav_First_Item_Margin_Top)}.fdx-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:0;padding:0}.fdx-side-nav__utility:after,.fdx-side-nav__utility:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav__utility:before{border-top:.0625rem solid var(--sapList_HeaderBorderColor);content:\" \";display:block;margin:.25rem .5rem var(--fdSideNav_Utility_Margin_Bottom) .5rem}.fdx-side-nav__popover-body{border-radius:1rem!important;max-width:16rem!important;min-width:16rem!important;padding:.25rem 0!important;width:16rem!important}.fdx-side-nav__popover-body .fdx-nested-list.level-2>.fdx-nested-list__item{margin-left:.5rem;margin-right:.5rem}.fdx-side-nav__popover-body .fdx-nested-list.level-2>.fdx-nested-list__item .fdx-nested-list__title{padding-left:1rem;padding-right:1rem}.fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title{padding-left:3rem;padding-right:1rem}.fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title{padding-left:1rem;padding-right:3rem}.fdx-side-nav__popover-body--dynamic-width{max-width:-moz-fit-content!important;max-width:fit-content!important;min-width:16rem!important;width:-moz-fit-content!important;width:fit-content!important}.fdx-side-nav__button{margin:.25rem 0!important}.fdx-side-nav__input-group{margin:.75rem .5rem!important;max-width:calc(100% - 1rem);min-width:calc(100% - 1rem);width:calc(100% - 1rem)}.fdx-side-nav[class*=-compact],.fdx-side-nav[class*=-condensed],[class*=-compact] .fdx-side-nav:not([class*=-cozy]),[class*=-condensed] .fdx-side-nav:not([class*=-cozy]){--fdSideNav_Padding:.125rem 0;--fdSideNav_First_Item_Margin_Top:.125rem;--fdSideNav_Utility_Margin_Bottom:.75rem}.fdx-side-nav--mobile{border-radius:0;width:100%}.fdx-side-nav--narrow{width:4rem}.fdx-side-nav--narrow .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow .fdx-nested-list__title{display:none}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link{position:relative}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before{align-items:center;content:\"\\e066\";display:flex;font-family:SAP-icons;font-size:var(--sapFontSmallSize);padding-right:.25rem;position:absolute;right:0}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link[dir=rtl]:before,[dir=rtl] .fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before{-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:rotate(180deg);align-items:center;display:flex;left:0;right:auto;transform:rotate(180deg)}.fdx-side-nav--dynamic-width{max-width:100%;min-width:15rem;width:-moz-fit-content;width:fit-content}.fdx-side-nav--dynamic-width.fdx--narrow{width:4rem}.fdx-side-nav__button-container{background:var(--sapGroup_ContentBackground);position:sticky;width:100%;height:48px;z-index:1}.fdx-side-nav__button-container--bottom{bottom:0;border-bottom-right-radius:1rem}.fdx-side-nav__button-container--top{top:0;border-top-right-radius:1rem}.fdx-side-nav__button-container .fdx-side-nav .fdx-side-nav__button:last-of-type{margin-top:0!important}.fdx-nested-list__item{display:block}.fdx-nested-list__item .fdx-nested-list__link{cursor:pointer}.fdx-nested-list__item .fdx-nested-list__content .fdx-nested-list__button.fd-button{background:none}.fdx-side-nav .fd-button{margin-left:.875rem!important}.fdx-side-nav .fdx-side-nav__button{min-height:2.25rem;overflow:hidden;position:sticky}.fdx-side-nav--compact .fdx-side-nav__button{min-height:1.5rem}.fdx-side-nav__popover-body .fd-scrollbar{padding:.25rem 0!important}\n"] }]
153
153
  }], ctorParameters: function () { return [{ type: i1.NestedListKeyboardService }, { type: i1.NestedListStateService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { condensed: [{
154
154
  type: Input
155
155
  }, {
package/fesm2022/fundamental-ngx-cx-side-navigation.mjs CHANGED
@@ -227,11 +227,11 @@ class SideNavigationComponent {
227
227
  return lists;
228
228
  }
229
229
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SideNavigationComponent, deps: [{ token: i1.NestedListKeyboardService }, { token: i1.NestedListStateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
230
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: SideNavigationComponent, selector: "fdx-side-nav", inputs: { condensed: "condensed", sideNavigationConfiguration: "sideNavigationConfiguration", dynamicWidth: "dynamicWidth", collapseWidth: "collapseWidth", narrow: "narrow", mobile: "mobile", showScrollButtons: "showScrollButtons", selectable: "selectable" }, host: { listeners: { "window:resize": "onResize()" }, properties: { "class.fdx-side-nav--condensed": "this.condensed" } }, providers: [MenuKeyboardService, NestedListKeyboardService, NestedListStateService], queries: [{ propertyName: "sideNavUtility", first: true, predicate: SideNavigationUtilityDirective, descendants: true }, { propertyName: "sideNavMain", first: true, predicate: SideNavigationMainComponent, descendants: true }], viewQueries: [{ propertyName: "_scrollDownButton", first: true, predicate: ["scrollDownButton"], descendants: true, read: ElementRef }, { propertyName: "preparedNestedList", predicate: PreparedNestedListComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<nav\n class=\"fdx-side-nav\"\n [class.fdx-side-nav--dynamic-width]=\"dynamicWidth\"\n [class.fdx-side-nav--narrow]=\"narrow\"\n [class.fdx-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\"\n [class.fdx-side-nav--mobile]=\"mobile\"\n fd-scrollbar\n [attr.aria-label]=\"'coreNavigation.mainNavigation' | fdTranslate\"\n>\n <ng-container *ngIf=\"!sideNavigationConfiguration\">\n <ng-container *ngTemplateOutlet=\"scrollUp\"></ng-container>\n <ng-content select=\"[fdx-side-nav-main]\"></ng-content>\n <ng-container *ngTemplateOutlet=\"scrollDown\"></ng-container>\n <ng-content select=\"[fdx-side-nav-utility]\"></ng-content>\n </ng-container>\n <ng-container *ngIf=\"sideNavigationConfiguration\">\n <ng-container *ngTemplateOutlet=\"scrollUp\"></ng-container>\n <div fdx-side-nav-main *ngIf=\"sideNavigationConfiguration.mainNavigation\">\n <fdx-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.mainNavigation\"\n >\n </fdx-prepared-nested-list>\n </div>\n <ng-container *ngTemplateOutlet=\"scrollDown\"></ng-container>\n <div fdx-side-nav-utility *ngIf=\"sideNavigationConfiguration.utilityNavigation\">\n <fdx-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.utilityNavigation\"\n >\n </fdx-prepared-nested-list>\n </div>\n </ng-container>\n</nav>\n\n<ng-template #scrollUp>\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--top\" *ngIf=\"_showScrollUpButton\">\n <button\n fd-button\n fdType=\"standard\"\n glyph=\"navigation-up-arrow\"\n fdx-side-nav-button\n (click)=\"_scrollItems('up')\"\n ></button>\n </div>\n</ng-template>\n\n<ng-template #scrollDown>\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--bottom\" *ngIf=\"_showScrollDownButton\">\n <button\n #scrollDownButton\n fd-button\n fdType=\"standard\"\n glyph=\"navigation-down-arrow\"\n fdx-side-nav-button\n (click)=\"_scrollItems('down')\"\n ></button>\n </div>\n</ng-template>\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 */.fdx-nested-list{--fdNestedList_Item_Height:2.75rem;--fdNestedList_Item_Spacing:.25rem;--fdNestedList_Item_Spacing_Compact:.125rem;--fdNestedList_Item_Margin:.5rem 0;--fdNestedList_Item_Header_Margin_Top:.25rem;--fdNestedList_Focus_Offset:.125rem;--fdNestedList_Focus_Offset_Width:var(--sapContent_FocusWidth);--fdNestedList_Button_Margin_Left:.5rem;-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);list-style:none;margin:0;padding:0;width:100%}.fdx-nested-list:after,.fdx-nested-list:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list.level-1>.fdx-nested-list__item{margin-left:.5rem;margin-right:.5rem}.fdx-nested-list.level-1>.fdx-nested-list__item:first-child{margin-top:var(--fdNestedList_Item_Spacing)}.fdx-nested-list.level-1>.fdx-nested-list__item:last-child{margin-bottom:var(--fdNestedList_Item_Spacing)}.fdx-nested-list.level-1 .fdx-nested-list__title{padding-left:0;padding-right:1rem}.fdx-nested-list.level-1 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list.level-1 .fdx-nested-list__title{padding-left:1rem;padding-right:0}.fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title{padding-left:3rem;padding-right:1rem}.fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title{padding-left:1rem;padding-right:3rem}.fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title{padding-left:5rem;padding-right:1rem}.fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title{padding-left:1rem;padding-right:5rem}.fdx-nested-list[aria-hidden=true]{display:none}.fdx-nested-list__item{-webkit-box-sizing:border-box;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;margin:var(--fdNestedList_Item_Margin);padding:0}.fdx-nested-list__item:after,.fdx-nested-list__item:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__item--header{margin-top:var(--fdNestedList_Item_Header_Margin_Top)}.fdx-nested-list__item--header h1.fdx-nested-list__link,.fdx-nested-list__item--header h2.fdx-nested-list__link,.fdx-nested-list__item--header h3.fdx-nested-list__link,.fdx-nested-list__item--header h4.fdx-nested-list__link,.fdx-nested-list__item--header h5.fdx-nested-list__link,.fdx-nested-list__item--header h6.fdx-nested-list__link{cursor:auto}.fdx-nested-list__item--header h1.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h1.fdx-nested-list__link:hover,.fdx-nested-list__item--header h2.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h2.fdx-nested-list__link:hover,.fdx-nested-list__item--header h3.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h3.fdx-nested-list__link:hover,.fdx-nested-list__item--header h4.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h4.fdx-nested-list__link:hover,.fdx-nested-list__item--header h5.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h5.fdx-nested-list__link:hover,.fdx-nested-list__item--header h6.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h6.fdx-nested-list__link:hover{background:var(--sapList_Background);color:var(--sapList_TextColor)}.fdx-nested-list__item--header h1.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h2.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h3.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h4.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h5.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h6.fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__item--header .fdx-nested-list__link{cursor:pointer}.fdx-nested-list__item--header .fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__link{-webkit-box-sizing:border-box;align-items:center;background:var(--sapList_Background);border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);cursor:pointer;display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdNestedList_Item_Height);line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative;text-decoration:none;width:100%}.fdx-nested-list__link:after,.fdx-nested-list__link:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__link.is-hover,.fdx-nested-list__link:hover{background:var(--sapList_Hover_Background);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-focus,.fdx-nested-list__link:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__link.is-selected,.fdx-nested-list__link[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected.is-hover,.fdx-nested-list__link.is-selected:hover,.fdx-nested-list__link[aria-selected=true].is-hover,.fdx-nested-list__link[aria-selected=true]:hover{background:var(--sapList_Hover_SelectionBackground);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{background:var(--sapList_SelectionBorderColor);content:\"\";height:100%;left:0;position:absolute;top:0;width:.1875rem}.fdx-nested-list__link.is-selected[dir=rtl] .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true][dir=rtl] .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{left:auto;right:0}.fdx-nested-list__link.is-active,.fdx-nested-list__link.is-active.is-selected,.fdx-nested-list__link.is-active[aria-selected=true],.fdx-nested-list__link:active,.fdx-nested-list__link:active.is-selected,.fdx-nested-list__link:active[aria-selected=true]{background:var(--sapList_Active_Background);color:var(--sapList_Active_TextColor)}.fdx-nested-list__link.is-active .fdx-nested-list__arrow,.fdx-nested-list__link.is-active .fdx-nested-list__icon,.fdx-nested-list__link.is-active .fdx-nested-list__title,.fdx-nested-list__link:active .fdx-nested-list__arrow,.fdx-nested-list__link:active .fdx-nested-list__icon,.fdx-nested-list__link:active .fdx-nested-list__title{color:var(--sapList_Active_TextColor)}.fdx-nested-list__link-container{-webkit-box-sizing:border-box;align-items:center;border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;position:relative;text-decoration:none;width:100%}.fdx-nested-list__link-container:after,.fdx-nested-list__link-container:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__link-container.is-focus,.fdx-nested-list__link-container:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__icon [class*=sap-icon],.fdx-nested-list__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;color:currentColor;display:flex;font-size:inherit;font-size:var(--sapFontSize);height:100%;justify-content:center;line-height:1;max-height:100%;max-width:3rem;min-height:100%;min-width:3rem;width:3rem}.fdx-nested-list__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:currentColor;display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdNestedList_Item_Height);line-height:var(--sapContent_LineHeight);line-height:var(--fdNestedList_Item_Height);margin:0;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.fdx-nested-list__title:after,.fdx-nested-list__title:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list__title{text-align:right}.fdx-nested-list__arrow[class*=sap-icon]{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1rem;justify-content:center;line-height:var(--sapContent_LineHeight);line-height:1;margin:0 1rem 0 0;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;padding:0;width:1rem}.fdx-nested-list__arrow[class*=sap-icon]:after,.fdx-nested-list__arrow[class*=sap-icon]:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__arrow[class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__arrow[class*=sap-icon]{-webkit-transform:scaleX(-1);margin-left:1rem;margin-right:0;transform:scaleX(-1)}.fdx-nested-list__button{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:transparent;border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;margin-left:var(--fdNestedList_Button_Margin_Left);max-width:2.75rem;min-width:2.75rem;padding:0;width:2.75rem}.fdx-nested-list__button:after,.fdx-nested-list__button:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__button.is-focus,.fdx-nested-list__button:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__button[dir=rtl],[dir=rtl] .fdx-nested-list__button{margin-left:0;margin-right:var(--fdNestedList_Button_Margin_Left)}.fdx-nested-list__button [class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;height:1rem;justify-content:center;line-height:1;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fdx-nested-list__button [class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__button [class*=sap-icon]{transform:scaleX(-1)}.fdx-nested-list--text-only .fdx-nested-list__title:first-child{padding-left:1rem}.fdx-nested-list--text-only .fdx-nested-list__title:first-child[dir=rtl],[dir=rtl] .fdx-nested-list--text-only .fdx-nested-list__title:first-child{padding-left:0;padding-right:1rem}.fdx-nested-list[class*=-compact],.fdx-nested-list[class*=-condensed],[class*=-compact] .fdx-nested-list:not([class*=-cozy]),[class*=-condensed] .fdx-nested-list:not([class*=-cozy]){--fdNestedList_Item_Margin:.25rem 0;--fdNestedList_Item_Spacing:.125rem;--fdNestedList_Item_Header_Margin_Top:.125rem;--fdNestedList_Focus_Offset:.0625rem;--fdNestedList_Focus_Offset_Width:.0625rem;--fdNestedList_Item_Height:1.5rem;--fdNestedList_Button_Margin_Left:.25rem}.fdx-side-nav{--fdSideNav_Padding:.25rem 0;--fdSideNav_First_Item_Margin_Top:.25rem;--fdSideNav_Utility_Margin_Bottom:1rem;-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--sapContent_Shadow0);background-color:var(--sapGroup_ContentBackground);border:0;border-radius:0 1rem 1rem 0;box-shadow:var(--sapContent_Shadow0);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;padding:var(--fdSideNav_Padding);width:15rem}.fdx-side-nav:after,.fdx-side-nav:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav[dir=rtl],[dir=rtl] .fdx-side-nav{border-radius:1rem 0 0 1rem}.fdx-side-nav__main-navigation{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow-x:hidden;overflow-y:scroll;padding:0}.fdx-side-nav__main-navigation:after,.fdx-side-nav__main-navigation:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav__main-navigation .fdx-nested-list.level-1>.fdx-nested-list__item:first-child .fdx-nested-list__link{margin-top:var(--fdSideNav_First_Item_Margin_Top)}.fdx-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:0;padding:0}.fdx-side-nav__utility:after,.fdx-side-nav__utility:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav__utility:before{border-top:.0625rem solid var(--sapList_HeaderBorderColor);content:\" \";display:block;margin:.25rem .5rem var(--fdSideNav_Utility_Margin_Bottom) .5rem}.fdx-side-nav__popover-body{border-radius:1rem!important;max-width:16rem!important;min-width:16rem!important;padding:.25rem 0!important;width:16rem!important}.fdx-side-nav__popover-body .fdx-nested-list.level-2>.fdx-nested-list__item{margin-left:.5rem;margin-right:.5rem}.fdx-side-nav__popover-body .fdx-nested-list.level-2>.fdx-nested-list__item .fdx-nested-list__title{padding-left:1rem;padding-right:1rem}.fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title{padding-left:3rem;padding-right:1rem}.fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title{padding-left:1rem;padding-right:3rem}.fdx-side-nav__popover-body--dynamic-width{max-width:-moz-fit-content!important;max-width:fit-content!important;min-width:16rem!important;width:-moz-fit-content!important;width:fit-content!important}.fdx-side-nav__button{margin:.25rem 0!important}.fdx-side-nav__input-group{margin:.75rem .5rem!important;max-width:calc(100% - 1rem);min-width:calc(100% - 1rem);width:calc(100% - 1rem)}.fdx-side-nav[class*=-compact],.fdx-side-nav[class*=-condensed],[class*=-compact] .fdx-side-nav:not([class*=-cozy]),[class*=-condensed] .fdx-side-nav:not([class*=-cozy]){--fdSideNav_Padding:.125rem 0;--fdSideNav_First_Item_Margin_Top:.125rem;--fdSideNav_Utility_Margin_Bottom:.75rem}.fdx-side-nav--mobile{border-radius:0;width:100%}.fdx-side-nav--narrow{width:4rem}.fdx-side-nav--narrow .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow .fdx-nested-list__title{display:none}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link{position:relative}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before{align-items:center;content:\"\\e066\";display:flex;font-family:SAP-icons;font-size:var(--sapFontSmallSize);padding-right:.25rem;position:absolute;right:0}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link[dir=rtl]:before,[dir=rtl] .fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before{-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:rotate(180deg);align-items:center;display:flex;left:0;right:auto;transform:rotate(180deg)}.fdx-side-nav--dynamic-width{max-width:100%;min-width:15rem;width:-moz-fit-content;width:fit-content}.fdx-side-nav--dynamic-width.fdx--narrow{width:4rem}.fdx-side-nav__button-container{background:var(--sapGroup_ContentBackground);position:sticky;width:100%;height:48px;z-index:1}.fdx-side-nav__button-container--bottom{bottom:0;border-bottom-right-radius:1rem}.fdx-side-nav__button-container--top{top:0;border-top-right-radius:1rem}.fdx-side-nav__button-container .fdx-side-nav .fdx-side-nav__button:last-of-type{margin-top:0!important}.fdx-nested-list__item{display:block}.fdx-nested-list__item .fdx-nested-list__link{cursor:pointer}.fdx-nested-list__item .fdx-nested-list__content .fdx-nested-list__button.fd-button{background:none}.fdx-side-nav .fd-button{margin-left:.875rem!important}.fdx-side-nav .fdx-side-nav__button{min-height:2.25rem;overflow:hidden;position:sticky}.fdx-side-nav--compact .fdx-side-nav__button{min-height:1.5rem}.fdx-side-nav__popover-body .fd-scrollbar{padding:.25rem 0!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.PreparedNestedListComponent, selector: "fdx-prepared-nested-list", inputs: ["first", "condensed", "list"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i4.ScrollbarDirective, selector: "[fdScrollbar], [fd-scrollbar]", inputs: ["noHorizontalScroll", "noVerticalScroll", "alwaysVisible"] }, { kind: "component", type: SideNavigationMainComponent, selector: "fdx-side-nav-main, div[fdx-side-nav-main]" }, { kind: "directive", type: SideNavigationUtilityDirective, selector: "[cxSideNavigationUtility], [fdx-side-nav-utility]" }, { kind: "directive", type: SideNavigationButtonDirective, selector: "[cxSideNavButton], [fdx-side-nav-button]" }, { kind: "pipe", type: i8.FdTranslatePipe, name: "fdTranslate" }], encapsulation: i0.ViewEncapsulation.None }); }
230
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: SideNavigationComponent, selector: "fdx-side-nav", inputs: { condensed: "condensed", sideNavigationConfiguration: "sideNavigationConfiguration", dynamicWidth: "dynamicWidth", collapseWidth: "collapseWidth", narrow: "narrow", mobile: "mobile", showScrollButtons: "showScrollButtons", selectable: "selectable" }, host: { listeners: { "window:resize": "onResize()" }, properties: { "class.fdx-side-nav--condensed": "this.condensed" } }, providers: [MenuKeyboardService, NestedListKeyboardService, NestedListStateService], queries: [{ propertyName: "sideNavUtility", first: true, predicate: SideNavigationUtilityDirective, descendants: true }, { propertyName: "sideNavMain", first: true, predicate: SideNavigationMainComponent, descendants: true }], viewQueries: [{ propertyName: "_scrollDownButton", first: true, predicate: ["scrollDownButton"], descendants: true, read: ElementRef }, { propertyName: "preparedNestedList", predicate: PreparedNestedListComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<nav\n class=\"fdx-side-nav\"\n [class.fdx-side-nav--dynamic-width]=\"dynamicWidth\"\n [class.fdx-side-nav--narrow]=\"narrow\"\n [class.fdx-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\"\n [class.fdx-side-nav--mobile]=\"mobile\"\n fd-scrollbar\n [attr.aria-label]=\"'coreNavigation.mainNavigation' | fdTranslate\"\n>\n <ng-container *ngIf=\"!sideNavigationConfiguration\">\n <ng-container *ngTemplateOutlet=\"scrollUp\"></ng-container>\n <ng-content select=\"[fdx-side-nav-main]\"></ng-content>\n <ng-container *ngTemplateOutlet=\"scrollDown\"></ng-container>\n <ng-content select=\"[fdx-side-nav-utility]\"></ng-content>\n </ng-container>\n <ng-container *ngIf=\"sideNavigationConfiguration\">\n <ng-container *ngTemplateOutlet=\"scrollUp\"></ng-container>\n <div fdx-side-nav-main *ngIf=\"sideNavigationConfiguration.mainNavigation\">\n <fdx-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.mainNavigation\"\n >\n </fdx-prepared-nested-list>\n </div>\n <ng-container *ngTemplateOutlet=\"scrollDown\"></ng-container>\n <div fdx-side-nav-utility *ngIf=\"sideNavigationConfiguration.utilityNavigation\">\n <fdx-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.utilityNavigation\"\n >\n </fdx-prepared-nested-list>\n </div>\n </ng-container>\n</nav>\n\n<ng-template #scrollUp>\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--top\" *ngIf=\"_showScrollUpButton\">\n <button\n fd-button\n fdType=\"standard\"\n glyph=\"navigation-up-arrow\"\n fdx-side-nav-button\n (click)=\"_scrollItems('up')\"\n ></button>\n </div>\n</ng-template>\n\n<ng-template #scrollDown>\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--bottom\" *ngIf=\"_showScrollDownButton\">\n <button\n #scrollDownButton\n fd-button\n fdType=\"standard\"\n glyph=\"navigation-down-arrow\"\n fdx-side-nav-button\n (click)=\"_scrollItems('down')\"\n ></button>\n </div>\n</ng-template>\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 */.fdx-nested-list{--fdNestedList_Item_Height:2.75rem;--fdNestedList_Item_Spacing:.25rem;--fdNestedList_Item_Spacing_Compact:.125rem;--fdNestedList_Item_Margin:.5rem 0;--fdNestedList_Item_Header_Margin_Top:.25rem;--fdNestedList_Focus_Offset:.125rem;--fdNestedList_Focus_Offset_Width:var(--sapContent_FocusWidth);--fdNestedList_Button_Margin_Left:.5rem;-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);list-style:none;margin:0;padding:0;width:100%}.fdx-nested-list:after,.fdx-nested-list:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list.level-1>.fdx-nested-list__item{margin-left:.5rem;margin-right:.5rem}.fdx-nested-list.level-1>.fdx-nested-list__item:first-child{margin-top:var(--fdNestedList_Item_Spacing)}.fdx-nested-list.level-1>.fdx-nested-list__item:last-child{margin-bottom:var(--fdNestedList_Item_Spacing)}.fdx-nested-list.level-1 .fdx-nested-list__title{padding-left:0;padding-right:1rem}.fdx-nested-list.level-1 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list.level-1 .fdx-nested-list__title{padding-left:1rem;padding-right:0}.fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title{padding-left:3rem;padding-right:1rem}.fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title{padding-left:1rem;padding-right:3rem}.fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title{padding-left:5rem;padding-right:1rem}.fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title{padding-left:1rem;padding-right:5rem}.fdx-nested-list[aria-hidden=true]{display:none}.fdx-nested-list__item{-webkit-box-sizing:border-box;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;margin:var(--fdNestedList_Item_Margin);padding:0}.fdx-nested-list__item:after,.fdx-nested-list__item:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__item--header{margin-top:var(--fdNestedList_Item_Header_Margin_Top)}.fdx-nested-list__item--header h1.fdx-nested-list__link,.fdx-nested-list__item--header h2.fdx-nested-list__link,.fdx-nested-list__item--header h3.fdx-nested-list__link,.fdx-nested-list__item--header h4.fdx-nested-list__link,.fdx-nested-list__item--header h5.fdx-nested-list__link,.fdx-nested-list__item--header h6.fdx-nested-list__link{cursor:auto}.fdx-nested-list__item--header h1.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h1.fdx-nested-list__link:hover,.fdx-nested-list__item--header h2.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h2.fdx-nested-list__link:hover,.fdx-nested-list__item--header h3.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h3.fdx-nested-list__link:hover,.fdx-nested-list__item--header h4.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h4.fdx-nested-list__link:hover,.fdx-nested-list__item--header h5.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h5.fdx-nested-list__link:hover,.fdx-nested-list__item--header h6.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h6.fdx-nested-list__link:hover{background:var(--sapList_Background);color:var(--sapList_TextColor)}.fdx-nested-list__item--header h1.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h2.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h3.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h4.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h5.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h6.fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__item--header .fdx-nested-list__link{cursor:pointer}.fdx-nested-list__item--header .fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__link{-webkit-box-sizing:border-box;align-items:center;background:var(--sapList_Background);border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);cursor:pointer;display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdNestedList_Item_Height);line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative;text-decoration:none;width:100%}.fdx-nested-list__link:after,.fdx-nested-list__link:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__link.is-hover,.fdx-nested-list__link:hover{background:var(--sapList_Hover_Background);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-focus,.fdx-nested-list__link:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__link.is-selected,.fdx-nested-list__link[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected.is-hover,.fdx-nested-list__link.is-selected:hover,.fdx-nested-list__link[aria-selected=true].is-hover,.fdx-nested-list__link[aria-selected=true]:hover{background:var(--sapList_Hover_SelectionBackground);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{background:var(--sapList_SelectionBorderColor);content:\"\";height:100%;left:0;position:absolute;top:0;width:.1875rem}.fdx-nested-list__link.is-selected[dir=rtl] .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true][dir=rtl] .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{left:auto;right:0}.fdx-nested-list__link.is-active,.fdx-nested-list__link.is-active.is-selected,.fdx-nested-list__link.is-active[aria-selected=true],.fdx-nested-list__link:active,.fdx-nested-list__link:active.is-selected,.fdx-nested-list__link:active[aria-selected=true]{background:var(--sapList_Active_Background);color:var(--sapList_Active_TextColor)}.fdx-nested-list__link.is-active .fdx-nested-list__arrow,.fdx-nested-list__link.is-active .fdx-nested-list__icon,.fdx-nested-list__link.is-active .fdx-nested-list__title,.fdx-nested-list__link:active .fdx-nested-list__arrow,.fdx-nested-list__link:active .fdx-nested-list__icon,.fdx-nested-list__link:active .fdx-nested-list__title{color:var(--sapList_Active_TextColor)}.fdx-nested-list__link-container{-webkit-box-sizing:border-box;align-items:center;border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;position:relative;text-decoration:none;width:100%}.fdx-nested-list__link-container:after,.fdx-nested-list__link-container:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__link-container.is-focus,.fdx-nested-list__link-container:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__icon [class*=sap-icon],.fdx-nested-list__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;color:currentColor;display:flex;font-size:inherit;font-size:var(--sapFontSize);height:100%;justify-content:center;line-height:1;max-height:100%;max-width:3rem;min-height:100%;min-width:3rem;width:3rem}.fdx-nested-list__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:currentColor;display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdNestedList_Item_Height);line-height:var(--sapContent_LineHeight);line-height:var(--fdNestedList_Item_Height);margin:0;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.fdx-nested-list__title:after,.fdx-nested-list__title:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list__title{text-align:right}.fdx-nested-list__arrow[class*=sap-icon]{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1rem;justify-content:center;line-height:var(--sapContent_LineHeight);line-height:1;margin:0 1rem 0 0;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;padding:0;width:1rem}.fdx-nested-list__arrow[class*=sap-icon]:after,.fdx-nested-list__arrow[class*=sap-icon]:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__arrow[class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__arrow[class*=sap-icon]{-webkit-transform:scaleX(-1);margin-left:1rem;margin-right:0;transform:scaleX(-1)}.fdx-nested-list__button{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:transparent;border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;margin-left:var(--fdNestedList_Button_Margin_Left);max-width:2.75rem;min-width:2.75rem;padding:0;width:2.75rem}.fdx-nested-list__button:after,.fdx-nested-list__button:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__button.is-focus,.fdx-nested-list__button:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__button[dir=rtl],[dir=rtl] .fdx-nested-list__button{margin-left:0;margin-right:var(--fdNestedList_Button_Margin_Left)}.fdx-nested-list__button [class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;height:1rem;justify-content:center;line-height:1;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fdx-nested-list__button [class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__button [class*=sap-icon]{transform:scaleX(-1)}.fdx-nested-list--text-only .fdx-nested-list__title:first-child{padding-left:1rem}.fdx-nested-list--text-only .fdx-nested-list__title:first-child[dir=rtl],[dir=rtl] .fdx-nested-list--text-only .fdx-nested-list__title:first-child{padding-left:0;padding-right:1rem}.fdx-nested-list[class*=-compact],.fdx-nested-list[class*=-condensed],[class*=-compact] .fdx-nested-list:not([class*=-cozy]),[class*=-condensed] .fdx-nested-list:not([class*=-cozy]){--fdNestedList_Item_Margin:.25rem 0;--fdNestedList_Item_Spacing:.125rem;--fdNestedList_Item_Header_Margin_Top:.125rem;--fdNestedList_Focus_Offset:.0625rem;--fdNestedList_Focus_Offset_Width:.0625rem;--fdNestedList_Item_Height:1.5rem;--fdNestedList_Button_Margin_Left:.25rem}.fdx-side-nav{--fdSideNav_Padding:.25rem 0;--fdSideNav_First_Item_Margin_Top:.25rem;--fdSideNav_Utility_Margin_Bottom:1rem;-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--sapContent_Shadow0);background-color:var(--sapGroup_ContentBackground);border:0;border-radius:0 1rem 1rem 0;box-shadow:var(--sapContent_Shadow0);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;padding:var(--fdSideNav_Padding);width:15rem}.fdx-side-nav:after,.fdx-side-nav:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav[dir=rtl],[dir=rtl] .fdx-side-nav{border-radius:1rem 0 0 1rem}.fdx-side-nav__main-navigation{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow-x:hidden;overflow-y:scroll;padding:0}.fdx-side-nav__main-navigation:after,.fdx-side-nav__main-navigation:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav__main-navigation .fdx-nested-list.level-1>.fdx-nested-list__item:first-child .fdx-nested-list__link{margin-top:var(--fdSideNav_First_Item_Margin_Top)}.fdx-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:0;padding:0}.fdx-side-nav__utility:after,.fdx-side-nav__utility:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav__utility:before{border-top:.0625rem solid var(--sapList_HeaderBorderColor);content:\" \";display:block;margin:.25rem .5rem var(--fdSideNav_Utility_Margin_Bottom) .5rem}.fdx-side-nav__popover-body{border-radius:1rem!important;max-width:16rem!important;min-width:16rem!important;padding:.25rem 0!important;width:16rem!important}.fdx-side-nav__popover-body .fdx-nested-list.level-2>.fdx-nested-list__item{margin-left:.5rem;margin-right:.5rem}.fdx-side-nav__popover-body .fdx-nested-list.level-2>.fdx-nested-list__item .fdx-nested-list__title{padding-left:1rem;padding-right:1rem}.fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title{padding-left:3rem;padding-right:1rem}.fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title{padding-left:1rem;padding-right:3rem}.fdx-side-nav__popover-body--dynamic-width{max-width:-moz-fit-content!important;max-width:fit-content!important;min-width:16rem!important;width:-moz-fit-content!important;width:fit-content!important}.fdx-side-nav__button{margin:.25rem 0!important}.fdx-side-nav__input-group{margin:.75rem .5rem!important;max-width:calc(100% - 1rem);min-width:calc(100% - 1rem);width:calc(100% - 1rem)}.fdx-side-nav[class*=-compact],.fdx-side-nav[class*=-condensed],[class*=-compact] .fdx-side-nav:not([class*=-cozy]),[class*=-condensed] .fdx-side-nav:not([class*=-cozy]){--fdSideNav_Padding:.125rem 0;--fdSideNav_First_Item_Margin_Top:.125rem;--fdSideNav_Utility_Margin_Bottom:.75rem}.fdx-side-nav--mobile{border-radius:0;width:100%}.fdx-side-nav--narrow{width:4rem}.fdx-side-nav--narrow .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow .fdx-nested-list__title{display:none}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link{position:relative}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before{align-items:center;content:\"\\e066\";display:flex;font-family:SAP-icons;font-size:var(--sapFontSmallSize);padding-right:.25rem;position:absolute;right:0}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link[dir=rtl]:before,[dir=rtl] .fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before{-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:rotate(180deg);align-items:center;display:flex;left:0;right:auto;transform:rotate(180deg)}.fdx-side-nav--dynamic-width{max-width:100%;min-width:15rem;width:-moz-fit-content;width:fit-content}.fdx-side-nav--dynamic-width.fdx--narrow{width:4rem}.fdx-side-nav__button-container{background:var(--sapGroup_ContentBackground);position:sticky;width:100%;height:48px;z-index:1}.fdx-side-nav__button-container--bottom{bottom:0;border-bottom-right-radius:1rem}.fdx-side-nav__button-container--top{top:0;border-top-right-radius:1rem}.fdx-side-nav__button-container .fdx-side-nav .fdx-side-nav__button:last-of-type{margin-top:0!important}.fdx-nested-list__item{display:block}.fdx-nested-list__item .fdx-nested-list__link{cursor:pointer}.fdx-nested-list__item .fdx-nested-list__content .fdx-nested-list__button.fd-button{background:none}.fdx-side-nav .fd-button{margin-left:.875rem!important}.fdx-side-nav .fdx-side-nav__button{min-height:2.25rem;overflow:hidden;position:sticky}.fdx-side-nav--compact .fdx-side-nav__button{min-height:1.5rem}.fdx-side-nav__popover-body .fd-scrollbar{padding:.25rem 0!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.PreparedNestedListComponent, selector: "fdx-prepared-nested-list", inputs: ["first", "condensed", "list"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i4.ScrollbarDirective, selector: "[fdScrollbar], [fd-scrollbar]", inputs: ["noHorizontalScroll", "noVerticalScroll", "alwaysVisible"] }, { kind: "component", type: SideNavigationMainComponent, selector: "fdx-side-nav-main, div[fdx-side-nav-main]" }, { kind: "directive", type: SideNavigationUtilityDirective, selector: "[cxSideNavigationUtility], [fdx-side-nav-utility]" }, { kind: "directive", type: SideNavigationButtonDirective, selector: "[cxSideNavButton], [fdx-side-nav-button]" }, { kind: "pipe", type: i8.FdTranslatePipe, name: "fdTranslate" }], encapsulation: i0.ViewEncapsulation.None }); }
231
231
  }
232
232
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SideNavigationComponent, decorators: [{
233
233
  type: Component,
234
- args: [{ selector: 'fdx-side-nav', encapsulation: ViewEncapsulation.None, providers: [MenuKeyboardService, NestedListKeyboardService, NestedListStateService], template: "<nav\n class=\"fdx-side-nav\"\n [class.fdx-side-nav--dynamic-width]=\"dynamicWidth\"\n [class.fdx-side-nav--narrow]=\"narrow\"\n [class.fdx-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\"\n [class.fdx-side-nav--mobile]=\"mobile\"\n fd-scrollbar\n [attr.aria-label]=\"'coreNavigation.mainNavigation' | fdTranslate\"\n>\n <ng-container *ngIf=\"!sideNavigationConfiguration\">\n <ng-container *ngTemplateOutlet=\"scrollUp\"></ng-container>\n <ng-content select=\"[fdx-side-nav-main]\"></ng-content>\n <ng-container *ngTemplateOutlet=\"scrollDown\"></ng-container>\n <ng-content select=\"[fdx-side-nav-utility]\"></ng-content>\n </ng-container>\n <ng-container *ngIf=\"sideNavigationConfiguration\">\n <ng-container *ngTemplateOutlet=\"scrollUp\"></ng-container>\n <div fdx-side-nav-main *ngIf=\"sideNavigationConfiguration.mainNavigation\">\n <fdx-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.mainNavigation\"\n >\n </fdx-prepared-nested-list>\n </div>\n <ng-container *ngTemplateOutlet=\"scrollDown\"></ng-container>\n <div fdx-side-nav-utility *ngIf=\"sideNavigationConfiguration.utilityNavigation\">\n <fdx-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.utilityNavigation\"\n >\n </fdx-prepared-nested-list>\n </div>\n </ng-container>\n</nav>\n\n<ng-template #scrollUp>\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--top\" *ngIf=\"_showScrollUpButton\">\n <button\n fd-button\n fdType=\"standard\"\n glyph=\"navigation-up-arrow\"\n fdx-side-nav-button\n (click)=\"_scrollItems('up')\"\n ></button>\n </div>\n</ng-template>\n\n<ng-template #scrollDown>\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--bottom\" *ngIf=\"_showScrollDownButton\">\n <button\n #scrollDownButton\n fd-button\n fdType=\"standard\"\n glyph=\"navigation-down-arrow\"\n fdx-side-nav-button\n (click)=\"_scrollItems('down')\"\n ></button>\n </div>\n</ng-template>\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 */.fdx-nested-list{--fdNestedList_Item_Height:2.75rem;--fdNestedList_Item_Spacing:.25rem;--fdNestedList_Item_Spacing_Compact:.125rem;--fdNestedList_Item_Margin:.5rem 0;--fdNestedList_Item_Header_Margin_Top:.25rem;--fdNestedList_Focus_Offset:.125rem;--fdNestedList_Focus_Offset_Width:var(--sapContent_FocusWidth);--fdNestedList_Button_Margin_Left:.5rem;-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);list-style:none;margin:0;padding:0;width:100%}.fdx-nested-list:after,.fdx-nested-list:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list.level-1>.fdx-nested-list__item{margin-left:.5rem;margin-right:.5rem}.fdx-nested-list.level-1>.fdx-nested-list__item:first-child{margin-top:var(--fdNestedList_Item_Spacing)}.fdx-nested-list.level-1>.fdx-nested-list__item:last-child{margin-bottom:var(--fdNestedList_Item_Spacing)}.fdx-nested-list.level-1 .fdx-nested-list__title{padding-left:0;padding-right:1rem}.fdx-nested-list.level-1 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list.level-1 .fdx-nested-list__title{padding-left:1rem;padding-right:0}.fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title{padding-left:3rem;padding-right:1rem}.fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title{padding-left:1rem;padding-right:3rem}.fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title{padding-left:5rem;padding-right:1rem}.fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title{padding-left:1rem;padding-right:5rem}.fdx-nested-list[aria-hidden=true]{display:none}.fdx-nested-list__item{-webkit-box-sizing:border-box;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;margin:var(--fdNestedList_Item_Margin);padding:0}.fdx-nested-list__item:after,.fdx-nested-list__item:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__item--header{margin-top:var(--fdNestedList_Item_Header_Margin_Top)}.fdx-nested-list__item--header h1.fdx-nested-list__link,.fdx-nested-list__item--header h2.fdx-nested-list__link,.fdx-nested-list__item--header h3.fdx-nested-list__link,.fdx-nested-list__item--header h4.fdx-nested-list__link,.fdx-nested-list__item--header h5.fdx-nested-list__link,.fdx-nested-list__item--header h6.fdx-nested-list__link{cursor:auto}.fdx-nested-list__item--header h1.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h1.fdx-nested-list__link:hover,.fdx-nested-list__item--header h2.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h2.fdx-nested-list__link:hover,.fdx-nested-list__item--header h3.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h3.fdx-nested-list__link:hover,.fdx-nested-list__item--header h4.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h4.fdx-nested-list__link:hover,.fdx-nested-list__item--header h5.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h5.fdx-nested-list__link:hover,.fdx-nested-list__item--header h6.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h6.fdx-nested-list__link:hover{background:var(--sapList_Background);color:var(--sapList_TextColor)}.fdx-nested-list__item--header h1.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h2.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h3.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h4.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h5.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h6.fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__item--header .fdx-nested-list__link{cursor:pointer}.fdx-nested-list__item--header .fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__link{-webkit-box-sizing:border-box;align-items:center;background:var(--sapList_Background);border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);cursor:pointer;display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdNestedList_Item_Height);line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative;text-decoration:none;width:100%}.fdx-nested-list__link:after,.fdx-nested-list__link:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__link.is-hover,.fdx-nested-list__link:hover{background:var(--sapList_Hover_Background);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-focus,.fdx-nested-list__link:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__link.is-selected,.fdx-nested-list__link[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected.is-hover,.fdx-nested-list__link.is-selected:hover,.fdx-nested-list__link[aria-selected=true].is-hover,.fdx-nested-list__link[aria-selected=true]:hover{background:var(--sapList_Hover_SelectionBackground);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{background:var(--sapList_SelectionBorderColor);content:\"\";height:100%;left:0;position:absolute;top:0;width:.1875rem}.fdx-nested-list__link.is-selected[dir=rtl] .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true][dir=rtl] .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{left:auto;right:0}.fdx-nested-list__link.is-active,.fdx-nested-list__link.is-active.is-selected,.fdx-nested-list__link.is-active[aria-selected=true],.fdx-nested-list__link:active,.fdx-nested-list__link:active.is-selected,.fdx-nested-list__link:active[aria-selected=true]{background:var(--sapList_Active_Background);color:var(--sapList_Active_TextColor)}.fdx-nested-list__link.is-active .fdx-nested-list__arrow,.fdx-nested-list__link.is-active .fdx-nested-list__icon,.fdx-nested-list__link.is-active .fdx-nested-list__title,.fdx-nested-list__link:active .fdx-nested-list__arrow,.fdx-nested-list__link:active .fdx-nested-list__icon,.fdx-nested-list__link:active .fdx-nested-list__title{color:var(--sapList_Active_TextColor)}.fdx-nested-list__link-container{-webkit-box-sizing:border-box;align-items:center;border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;position:relative;text-decoration:none;width:100%}.fdx-nested-list__link-container:after,.fdx-nested-list__link-container:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__link-container.is-focus,.fdx-nested-list__link-container:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__icon [class*=sap-icon],.fdx-nested-list__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;color:currentColor;display:flex;font-size:inherit;font-size:var(--sapFontSize);height:100%;justify-content:center;line-height:1;max-height:100%;max-width:3rem;min-height:100%;min-width:3rem;width:3rem}.fdx-nested-list__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:currentColor;display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdNestedList_Item_Height);line-height:var(--sapContent_LineHeight);line-height:var(--fdNestedList_Item_Height);margin:0;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.fdx-nested-list__title:after,.fdx-nested-list__title:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list__title{text-align:right}.fdx-nested-list__arrow[class*=sap-icon]{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1rem;justify-content:center;line-height:var(--sapContent_LineHeight);line-height:1;margin:0 1rem 0 0;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;padding:0;width:1rem}.fdx-nested-list__arrow[class*=sap-icon]:after,.fdx-nested-list__arrow[class*=sap-icon]:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__arrow[class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__arrow[class*=sap-icon]{-webkit-transform:scaleX(-1);margin-left:1rem;margin-right:0;transform:scaleX(-1)}.fdx-nested-list__button{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:transparent;border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;margin-left:var(--fdNestedList_Button_Margin_Left);max-width:2.75rem;min-width:2.75rem;padding:0;width:2.75rem}.fdx-nested-list__button:after,.fdx-nested-list__button:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__button.is-focus,.fdx-nested-list__button:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__button[dir=rtl],[dir=rtl] .fdx-nested-list__button{margin-left:0;margin-right:var(--fdNestedList_Button_Margin_Left)}.fdx-nested-list__button [class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;height:1rem;justify-content:center;line-height:1;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fdx-nested-list__button [class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__button [class*=sap-icon]{transform:scaleX(-1)}.fdx-nested-list--text-only .fdx-nested-list__title:first-child{padding-left:1rem}.fdx-nested-list--text-only .fdx-nested-list__title:first-child[dir=rtl],[dir=rtl] .fdx-nested-list--text-only .fdx-nested-list__title:first-child{padding-left:0;padding-right:1rem}.fdx-nested-list[class*=-compact],.fdx-nested-list[class*=-condensed],[class*=-compact] .fdx-nested-list:not([class*=-cozy]),[class*=-condensed] .fdx-nested-list:not([class*=-cozy]){--fdNestedList_Item_Margin:.25rem 0;--fdNestedList_Item_Spacing:.125rem;--fdNestedList_Item_Header_Margin_Top:.125rem;--fdNestedList_Focus_Offset:.0625rem;--fdNestedList_Focus_Offset_Width:.0625rem;--fdNestedList_Item_Height:1.5rem;--fdNestedList_Button_Margin_Left:.25rem}.fdx-side-nav{--fdSideNav_Padding:.25rem 0;--fdSideNav_First_Item_Margin_Top:.25rem;--fdSideNav_Utility_Margin_Bottom:1rem;-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--sapContent_Shadow0);background-color:var(--sapGroup_ContentBackground);border:0;border-radius:0 1rem 1rem 0;box-shadow:var(--sapContent_Shadow0);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;padding:var(--fdSideNav_Padding);width:15rem}.fdx-side-nav:after,.fdx-side-nav:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav[dir=rtl],[dir=rtl] .fdx-side-nav{border-radius:1rem 0 0 1rem}.fdx-side-nav__main-navigation{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow-x:hidden;overflow-y:scroll;padding:0}.fdx-side-nav__main-navigation:after,.fdx-side-nav__main-navigation:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav__main-navigation .fdx-nested-list.level-1>.fdx-nested-list__item:first-child .fdx-nested-list__link{margin-top:var(--fdSideNav_First_Item_Margin_Top)}.fdx-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:0;padding:0}.fdx-side-nav__utility:after,.fdx-side-nav__utility:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav__utility:before{border-top:.0625rem solid var(--sapList_HeaderBorderColor);content:\" \";display:block;margin:.25rem .5rem var(--fdSideNav_Utility_Margin_Bottom) .5rem}.fdx-side-nav__popover-body{border-radius:1rem!important;max-width:16rem!important;min-width:16rem!important;padding:.25rem 0!important;width:16rem!important}.fdx-side-nav__popover-body .fdx-nested-list.level-2>.fdx-nested-list__item{margin-left:.5rem;margin-right:.5rem}.fdx-side-nav__popover-body .fdx-nested-list.level-2>.fdx-nested-list__item .fdx-nested-list__title{padding-left:1rem;padding-right:1rem}.fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title{padding-left:3rem;padding-right:1rem}.fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title{padding-left:1rem;padding-right:3rem}.fdx-side-nav__popover-body--dynamic-width{max-width:-moz-fit-content!important;max-width:fit-content!important;min-width:16rem!important;width:-moz-fit-content!important;width:fit-content!important}.fdx-side-nav__button{margin:.25rem 0!important}.fdx-side-nav__input-group{margin:.75rem .5rem!important;max-width:calc(100% - 1rem);min-width:calc(100% - 1rem);width:calc(100% - 1rem)}.fdx-side-nav[class*=-compact],.fdx-side-nav[class*=-condensed],[class*=-compact] .fdx-side-nav:not([class*=-cozy]),[class*=-condensed] .fdx-side-nav:not([class*=-cozy]){--fdSideNav_Padding:.125rem 0;--fdSideNav_First_Item_Margin_Top:.125rem;--fdSideNav_Utility_Margin_Bottom:.75rem}.fdx-side-nav--mobile{border-radius:0;width:100%}.fdx-side-nav--narrow{width:4rem}.fdx-side-nav--narrow .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow .fdx-nested-list__title{display:none}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link{position:relative}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before{align-items:center;content:\"\\e066\";display:flex;font-family:SAP-icons;font-size:var(--sapFontSmallSize);padding-right:.25rem;position:absolute;right:0}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link[dir=rtl]:before,[dir=rtl] .fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before{-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:rotate(180deg);align-items:center;display:flex;left:0;right:auto;transform:rotate(180deg)}.fdx-side-nav--dynamic-width{max-width:100%;min-width:15rem;width:-moz-fit-content;width:fit-content}.fdx-side-nav--dynamic-width.fdx--narrow{width:4rem}.fdx-side-nav__button-container{background:var(--sapGroup_ContentBackground);position:sticky;width:100%;height:48px;z-index:1}.fdx-side-nav__button-container--bottom{bottom:0;border-bottom-right-radius:1rem}.fdx-side-nav__button-container--top{top:0;border-top-right-radius:1rem}.fdx-side-nav__button-container .fdx-side-nav .fdx-side-nav__button:last-of-type{margin-top:0!important}.fdx-nested-list__item{display:block}.fdx-nested-list__item .fdx-nested-list__link{cursor:pointer}.fdx-nested-list__item .fdx-nested-list__content .fdx-nested-list__button.fd-button{background:none}.fdx-side-nav .fd-button{margin-left:.875rem!important}.fdx-side-nav .fdx-side-nav__button{min-height:2.25rem;overflow:hidden;position:sticky}.fdx-side-nav--compact .fdx-side-nav__button{min-height:1.5rem}.fdx-side-nav__popover-body .fd-scrollbar{padding:.25rem 0!important}\n"] }]
234
+ args: [{ selector: 'fdx-side-nav', encapsulation: ViewEncapsulation.None, providers: [MenuKeyboardService, NestedListKeyboardService, NestedListStateService], template: "<nav\n class=\"fdx-side-nav\"\n [class.fdx-side-nav--dynamic-width]=\"dynamicWidth\"\n [class.fdx-side-nav--narrow]=\"narrow\"\n [class.fdx-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\"\n [class.fdx-side-nav--mobile]=\"mobile\"\n fd-scrollbar\n [attr.aria-label]=\"'coreNavigation.mainNavigation' | fdTranslate\"\n>\n <ng-container *ngIf=\"!sideNavigationConfiguration\">\n <ng-container *ngTemplateOutlet=\"scrollUp\"></ng-container>\n <ng-content select=\"[fdx-side-nav-main]\"></ng-content>\n <ng-container *ngTemplateOutlet=\"scrollDown\"></ng-container>\n <ng-content select=\"[fdx-side-nav-utility]\"></ng-content>\n </ng-container>\n <ng-container *ngIf=\"sideNavigationConfiguration\">\n <ng-container *ngTemplateOutlet=\"scrollUp\"></ng-container>\n <div fdx-side-nav-main *ngIf=\"sideNavigationConfiguration.mainNavigation\">\n <fdx-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.mainNavigation\"\n >\n </fdx-prepared-nested-list>\n </div>\n <ng-container *ngTemplateOutlet=\"scrollDown\"></ng-container>\n <div fdx-side-nav-utility *ngIf=\"sideNavigationConfiguration.utilityNavigation\">\n <fdx-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.utilityNavigation\"\n >\n </fdx-prepared-nested-list>\n </div>\n </ng-container>\n</nav>\n\n<ng-template #scrollUp>\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--top\" *ngIf=\"_showScrollUpButton\">\n <button\n fd-button\n fdType=\"standard\"\n glyph=\"navigation-up-arrow\"\n fdx-side-nav-button\n (click)=\"_scrollItems('up')\"\n ></button>\n </div>\n</ng-template>\n\n<ng-template #scrollDown>\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--bottom\" *ngIf=\"_showScrollDownButton\">\n <button\n #scrollDownButton\n fd-button\n fdType=\"standard\"\n glyph=\"navigation-down-arrow\"\n fdx-side-nav-button\n (click)=\"_scrollItems('down')\"\n ></button>\n </div>\n</ng-template>\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 */.fdx-nested-list{--fdNestedList_Item_Height:2.75rem;--fdNestedList_Item_Spacing:.25rem;--fdNestedList_Item_Spacing_Compact:.125rem;--fdNestedList_Item_Margin:.5rem 0;--fdNestedList_Item_Header_Margin_Top:.25rem;--fdNestedList_Focus_Offset:.125rem;--fdNestedList_Focus_Offset_Width:var(--sapContent_FocusWidth);--fdNestedList_Button_Margin_Left:.5rem;-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);list-style:none;margin:0;padding:0;width:100%}.fdx-nested-list:after,.fdx-nested-list:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list.level-1>.fdx-nested-list__item{margin-left:.5rem;margin-right:.5rem}.fdx-nested-list.level-1>.fdx-nested-list__item:first-child{margin-top:var(--fdNestedList_Item_Spacing)}.fdx-nested-list.level-1>.fdx-nested-list__item:last-child{margin-bottom:var(--fdNestedList_Item_Spacing)}.fdx-nested-list.level-1 .fdx-nested-list__title{padding-left:0;padding-right:1rem}.fdx-nested-list.level-1 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list.level-1 .fdx-nested-list__title{padding-left:1rem;padding-right:0}.fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title{padding-left:3rem;padding-right:1rem}.fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title{padding-left:1rem;padding-right:3rem}.fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title{padding-left:5rem;padding-right:1rem}.fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title{padding-left:1rem;padding-right:5rem}.fdx-nested-list[aria-hidden=true]{display:none}.fdx-nested-list__item{-webkit-box-sizing:border-box;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;margin:var(--fdNestedList_Item_Margin);padding:0}.fdx-nested-list__item:after,.fdx-nested-list__item:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__item--header{margin-top:var(--fdNestedList_Item_Header_Margin_Top)}.fdx-nested-list__item--header h1.fdx-nested-list__link,.fdx-nested-list__item--header h2.fdx-nested-list__link,.fdx-nested-list__item--header h3.fdx-nested-list__link,.fdx-nested-list__item--header h4.fdx-nested-list__link,.fdx-nested-list__item--header h5.fdx-nested-list__link,.fdx-nested-list__item--header h6.fdx-nested-list__link{cursor:auto}.fdx-nested-list__item--header h1.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h1.fdx-nested-list__link:hover,.fdx-nested-list__item--header h2.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h2.fdx-nested-list__link:hover,.fdx-nested-list__item--header h3.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h3.fdx-nested-list__link:hover,.fdx-nested-list__item--header h4.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h4.fdx-nested-list__link:hover,.fdx-nested-list__item--header h5.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h5.fdx-nested-list__link:hover,.fdx-nested-list__item--header h6.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h6.fdx-nested-list__link:hover{background:var(--sapList_Background);color:var(--sapList_TextColor)}.fdx-nested-list__item--header h1.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h2.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h3.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h4.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h5.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h6.fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__item--header .fdx-nested-list__link{cursor:pointer}.fdx-nested-list__item--header .fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__link{-webkit-box-sizing:border-box;align-items:center;background:var(--sapList_Background);border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);cursor:pointer;display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdNestedList_Item_Height);line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative;text-decoration:none;width:100%}.fdx-nested-list__link:after,.fdx-nested-list__link:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__link.is-hover,.fdx-nested-list__link:hover{background:var(--sapList_Hover_Background);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-focus,.fdx-nested-list__link:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__link.is-selected,.fdx-nested-list__link[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected.is-hover,.fdx-nested-list__link.is-selected:hover,.fdx-nested-list__link[aria-selected=true].is-hover,.fdx-nested-list__link[aria-selected=true]:hover{background:var(--sapList_Hover_SelectionBackground);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{background:var(--sapList_SelectionBorderColor);content:\"\";height:100%;left:0;position:absolute;top:0;width:.1875rem}.fdx-nested-list__link.is-selected[dir=rtl] .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true][dir=rtl] .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{left:auto;right:0}.fdx-nested-list__link.is-active,.fdx-nested-list__link.is-active.is-selected,.fdx-nested-list__link.is-active[aria-selected=true],.fdx-nested-list__link:active,.fdx-nested-list__link:active.is-selected,.fdx-nested-list__link:active[aria-selected=true]{background:var(--sapList_Active_Background);color:var(--sapList_Active_TextColor)}.fdx-nested-list__link.is-active .fdx-nested-list__arrow,.fdx-nested-list__link.is-active .fdx-nested-list__icon,.fdx-nested-list__link.is-active .fdx-nested-list__title,.fdx-nested-list__link:active .fdx-nested-list__arrow,.fdx-nested-list__link:active .fdx-nested-list__icon,.fdx-nested-list__link:active .fdx-nested-list__title{color:var(--sapList_Active_TextColor)}.fdx-nested-list__link-container{-webkit-box-sizing:border-box;align-items:center;border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;position:relative;text-decoration:none;width:100%}.fdx-nested-list__link-container:after,.fdx-nested-list__link-container:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__link-container.is-focus,.fdx-nested-list__link-container:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__icon [class*=sap-icon],.fdx-nested-list__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;color:currentColor;display:flex;font-size:inherit;font-size:var(--sapFontSize);height:100%;justify-content:center;line-height:1;max-height:100%;max-width:3rem;min-height:100%;min-width:3rem;width:3rem}.fdx-nested-list__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:currentColor;display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdNestedList_Item_Height);line-height:var(--sapContent_LineHeight);line-height:var(--fdNestedList_Item_Height);margin:0;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.fdx-nested-list__title:after,.fdx-nested-list__title:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list__title{text-align:right}.fdx-nested-list__arrow[class*=sap-icon]{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1rem;justify-content:center;line-height:var(--sapContent_LineHeight);line-height:1;margin:0 1rem 0 0;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;padding:0;width:1rem}.fdx-nested-list__arrow[class*=sap-icon]:after,.fdx-nested-list__arrow[class*=sap-icon]:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__arrow[class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__arrow[class*=sap-icon]{-webkit-transform:scaleX(-1);margin-left:1rem;margin-right:0;transform:scaleX(-1)}.fdx-nested-list__button{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:transparent;border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;margin-left:var(--fdNestedList_Button_Margin_Left);max-width:2.75rem;min-width:2.75rem;padding:0;width:2.75rem}.fdx-nested-list__button:after,.fdx-nested-list__button:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__button.is-focus,.fdx-nested-list__button:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__button[dir=rtl],[dir=rtl] .fdx-nested-list__button{margin-left:0;margin-right:var(--fdNestedList_Button_Margin_Left)}.fdx-nested-list__button [class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;height:1rem;justify-content:center;line-height:1;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fdx-nested-list__button [class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__button [class*=sap-icon]{transform:scaleX(-1)}.fdx-nested-list--text-only .fdx-nested-list__title:first-child{padding-left:1rem}.fdx-nested-list--text-only .fdx-nested-list__title:first-child[dir=rtl],[dir=rtl] .fdx-nested-list--text-only .fdx-nested-list__title:first-child{padding-left:0;padding-right:1rem}.fdx-nested-list[class*=-compact],.fdx-nested-list[class*=-condensed],[class*=-compact] .fdx-nested-list:not([class*=-cozy]),[class*=-condensed] .fdx-nested-list:not([class*=-cozy]){--fdNestedList_Item_Margin:.25rem 0;--fdNestedList_Item_Spacing:.125rem;--fdNestedList_Item_Header_Margin_Top:.125rem;--fdNestedList_Focus_Offset:.0625rem;--fdNestedList_Focus_Offset_Width:.0625rem;--fdNestedList_Item_Height:1.5rem;--fdNestedList_Button_Margin_Left:.25rem}.fdx-side-nav{--fdSideNav_Padding:.25rem 0;--fdSideNav_First_Item_Margin_Top:.25rem;--fdSideNav_Utility_Margin_Bottom:1rem;-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--sapContent_Shadow0);background-color:var(--sapGroup_ContentBackground);border:0;border-radius:0 1rem 1rem 0;box-shadow:var(--sapContent_Shadow0);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;padding:var(--fdSideNav_Padding);width:15rem}.fdx-side-nav:after,.fdx-side-nav:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav[dir=rtl],[dir=rtl] .fdx-side-nav{border-radius:1rem 0 0 1rem}.fdx-side-nav__main-navigation{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow-x:hidden;overflow-y:scroll;padding:0}.fdx-side-nav__main-navigation:after,.fdx-side-nav__main-navigation:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav__main-navigation .fdx-nested-list.level-1>.fdx-nested-list__item:first-child .fdx-nested-list__link{margin-top:var(--fdSideNav_First_Item_Margin_Top)}.fdx-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:0;padding:0}.fdx-side-nav__utility:after,.fdx-side-nav__utility:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav__utility:before{border-top:.0625rem solid var(--sapList_HeaderBorderColor);content:\" \";display:block;margin:.25rem .5rem var(--fdSideNav_Utility_Margin_Bottom) .5rem}.fdx-side-nav__popover-body{border-radius:1rem!important;max-width:16rem!important;min-width:16rem!important;padding:.25rem 0!important;width:16rem!important}.fdx-side-nav__popover-body .fdx-nested-list.level-2>.fdx-nested-list__item{margin-left:.5rem;margin-right:.5rem}.fdx-side-nav__popover-body .fdx-nested-list.level-2>.fdx-nested-list__item .fdx-nested-list__title{padding-left:1rem;padding-right:1rem}.fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title{padding-left:3rem;padding-right:1rem}.fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title{padding-left:1rem;padding-right:3rem}.fdx-side-nav__popover-body--dynamic-width{max-width:-moz-fit-content!important;max-width:fit-content!important;min-width:16rem!important;width:-moz-fit-content!important;width:fit-content!important}.fdx-side-nav__button{margin:.25rem 0!important}.fdx-side-nav__input-group{margin:.75rem .5rem!important;max-width:calc(100% - 1rem);min-width:calc(100% - 1rem);width:calc(100% - 1rem)}.fdx-side-nav[class*=-compact],.fdx-side-nav[class*=-condensed],[class*=-compact] .fdx-side-nav:not([class*=-cozy]),[class*=-condensed] .fdx-side-nav:not([class*=-cozy]){--fdSideNav_Padding:.125rem 0;--fdSideNav_First_Item_Margin_Top:.125rem;--fdSideNav_Utility_Margin_Bottom:.75rem}.fdx-side-nav--mobile{border-radius:0;width:100%}.fdx-side-nav--narrow{width:4rem}.fdx-side-nav--narrow .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow .fdx-nested-list__title{display:none}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link{position:relative}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before{align-items:center;content:\"\\e066\";display:flex;font-family:SAP-icons;font-size:var(--sapFontSmallSize);padding-right:.25rem;position:absolute;right:0}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link[dir=rtl]:before,[dir=rtl] .fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before{-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:rotate(180deg);align-items:center;display:flex;left:0;right:auto;transform:rotate(180deg)}.fdx-side-nav--dynamic-width{max-width:100%;min-width:15rem;width:-moz-fit-content;width:fit-content}.fdx-side-nav--dynamic-width.fdx--narrow{width:4rem}.fdx-side-nav__button-container{background:var(--sapGroup_ContentBackground);position:sticky;width:100%;height:48px;z-index:1}.fdx-side-nav__button-container--bottom{bottom:0;border-bottom-right-radius:1rem}.fdx-side-nav__button-container--top{top:0;border-top-right-radius:1rem}.fdx-side-nav__button-container .fdx-side-nav .fdx-side-nav__button:last-of-type{margin-top:0!important}.fdx-nested-list__item{display:block}.fdx-nested-list__item .fdx-nested-list__link{cursor:pointer}.fdx-nested-list__item .fdx-nested-list__content .fdx-nested-list__button.fd-button{background:none}.fdx-side-nav .fd-button{margin-left:.875rem!important}.fdx-side-nav .fdx-side-nav__button{min-height:2.25rem;overflow:hidden;position:sticky}.fdx-side-nav--compact .fdx-side-nav__button{min-height:1.5rem}.fdx-side-nav__popover-body .fd-scrollbar{padding:.25rem 0!important}\n"] }]
235
235
  }], ctorParameters: function () { return [{ type: i1.NestedListKeyboardService }, { type: i1.NestedListStateService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { condensed: [{
236
236
  type: Input
237
237
  }, {
package/fesm2022/fundamental-ngx-cx-side-navigation.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"fundamental-ngx-cx-side-navigation.mjs","sources":["../../../../libs/cx/src/lib/side-navigation/side-navigation-button.directive.ts","../../../../libs/cx/src/lib/side-navigation/side-navigation-main.component.ts","../../../../libs/cx/src/lib/side-navigation/side-navigation-utility.directive.ts","../../../../libs/cx/src/lib/side-navigation/side-navigation.component.ts","../../../../libs/cx/src/lib/side-navigation/side-navigation.component.html","../../../../libs/cx/src/lib/side-navigation/side-navigation.module.ts","../../../../libs/cx/src/lib/side-navigation/fundamental-ngx-cx-side-navigation.ts"],"sourcesContent":["import { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n selector: '[cxSideNavButton], [fdx-side-nav-button]'\n})\nexport class SideNavigationButtonDirective {\n /** @hidden */\n @HostBinding('class.fdx-side-nav__button')\n fdSideNavButtonClass = true;\n}\n","import {\n AfterContentInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChild,\n ContentChildren,\n ElementRef,\n HostBinding,\n QueryList,\n ViewEncapsulation\n} from '@angular/core';\nimport { NestedListComponent } from '@fundamental-ngx/cx/nested-list';\nimport { InputGroupComponent } from '@fundamental-ngx/core/input-group';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'fdx-side-nav-main, div[fdx-side-nav-main]',\n template: `<ng-content></ng-content>`,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SideNavigationMainComponent implements AfterContentInit {\n /** @hidden */\n @ContentChild(NestedListComponent)\n list: NestedListComponent;\n\n /** @hidden */\n @ContentChildren(InputGroupComponent, { descendants: true })\n _inputGroups: QueryList<InputGroupComponent>;\n\n /** @hidden */\n @HostBinding('class.fdx-side-nav__main-navigation')\n classSideNavMainNavigation = true;\n\n /** @hidden */\n constructor(private _elementRef: ElementRef, private _cdRef: ChangeDetectorRef) {}\n\n /** @hidden */\n get elementRef(): ElementRef<HTMLElement> {\n return this._elementRef;\n }\n\n /** @hidden */\n ngAfterContentInit(): void {\n this._inputGroups.forEach((input) => {\n input.elementRef.nativeElement.classList.add('fdx-side-nav__input-group');\n });\n }\n}\n","import { ContentChild, Directive, HostBinding } from '@angular/core';\nimport { NestedListComponent } from '@fundamental-ngx/cx/nested-list';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[cxSideNavigationUtility], [fdx-side-nav-utility]'\n})\nexport class SideNavigationUtilityDirective {\n /** @hidden */\n @ContentChild(NestedListComponent)\n list: NestedListComponent;\n\n /** @hidden */\n @HostBinding('class.fdx-side-nav__utility')\n classSideNavUtility = true;\n}\n","import {\n AfterContentInit,\n AfterViewInit,\n ChangeDetectorRef,\n Component,\n ContentChild,\n ElementRef,\n HostBinding,\n HostListener,\n Input,\n OnChanges,\n OnInit,\n QueryList,\n SimpleChanges,\n ViewChild,\n ViewChildren,\n ViewEncapsulation\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { Nullable } from '@fundamental-ngx/cdk/utils';\nimport { MenuKeyboardService } from '@fundamental-ngx/core/menu';\nimport { SideNavigationInterface } from '@fundamental-ngx/core/side-navigation';\nimport { warnOnce } from '@fundamental-ngx/core/utils';\nimport {\n NestedListComponent,\n NestedListKeyboardService,\n NestedListStateService,\n PreparedNestedListComponent\n} from '@fundamental-ngx/cx/nested-list';\nimport { SideNavigationMainComponent } from './side-navigation-main.component';\nimport { SideNavigationModel } from './side-navigation-model';\nimport { SideNavigationUtilityDirective } from './side-navigation-utility.directive';\n\n/**\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 // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'fdx-side-nav',\n templateUrl: './side-navigation.component.html',\n styleUrls: ['side-navigation.component.scss'],\n encapsulation: ViewEncapsulation.None,\n providers: [MenuKeyboardService, NestedListKeyboardService, NestedListStateService]\n})\nexport class SideNavigationComponent\n implements AfterContentInit, AfterViewInit, OnInit, OnChanges, SideNavigationInterface\n{\n /** @deprecated Not applicable to the CX side nav. */\n @Input()\n @HostBinding('class.fdx-side-nav--condensed')\n set condensed(value: boolean) {\n warnOnce('The \"condensed\" input is not applicable to the CX side nav.');\n this._condensed = value;\n }\n\n get condensed(): boolean {\n return this._condensed;\n }\n\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 /** Prevents the side navigation from truncating or wrapping, extending the width to its longest label. */\n @Input()\n dynamicWidth = 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 /**\n * Whether this side nav should display as narrow. Note this can only be used with side nav items that have icons.\n */\n @Input()\n narrow = false;\n\n /** Whether this side nav should display in mobile (fullscreen) mode. */\n @Input()\n mobile = false;\n\n /** Whether to show the scroll buttons in narrow mode. When set to false, default scrollbar behavior will be used. */\n @Input()\n showScrollButtons = true;\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(SideNavigationMainComponent, { descendants: true })\n sideNavMain: SideNavigationMainComponent;\n\n /** @hidden */\n @ViewChildren(PreparedNestedListComponent)\n preparedNestedList: QueryList<PreparedNestedListComponent>;\n\n /** @hidden */\n @ViewChild('scrollDownButton', { read: ElementRef })\n _scrollDownButton: ElementRef;\n\n /** @hidden */\n _showScrollUpButton = false;\n\n /** @hidden */\n _showScrollDownButton = false;\n\n /** @hidden */\n additionalShellbarCssClass = 'fd-shellbar--cx-side-nav';\n\n /** @hidden */\n private _condensed = false;\n\n /** @hidden */\n constructor(\n private keyboardService: NestedListKeyboardService,\n private nestedListState: NestedListStateService,\n private _cdRef: ChangeDetectorRef\n ) {\n this.keyboardService.refresh$.pipe(takeUntilDestroyed()).subscribe(() => {\n /** Refresh list of elements, that are being supported by keyboard */\n this.keyboardService.refreshItems(this.getLists());\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 this._setupScrollButtons();\n }\n\n /** @hidden */\n ngOnChanges(changes: SimpleChanges): void {\n if (changes.narrow) {\n this._setupScrollButtons();\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 /** @hidden */\n _setupScrollButtons(): void {\n setTimeout(() => {\n if (\n this.sideNavMain.elementRef.nativeElement.scrollHeight >\n this.sideNavMain.elementRef.nativeElement.clientHeight &&\n this.sideNavMain &&\n this.narrow &&\n this.showScrollButtons\n ) {\n this.sideNavMain.elementRef.nativeElement.style.overflowY = 'hidden';\n this._showScrollUpButton = true;\n this._showScrollDownButton = true;\n this.sideNavMain.list.nestedItems.forEach((item) => {\n item._narrow = true;\n });\n } else {\n this.sideNavMain.elementRef.nativeElement.style.overflowY = 'scroll';\n this._showScrollUpButton = false;\n this._showScrollDownButton = false;\n this.sideNavMain.list.nestedItems.forEach((item) => {\n item._narrow = false;\n });\n }\n this._cdRef.detectChanges();\n });\n }\n\n /** @hidden */\n _scrollItems(direction: 'up' | 'down'): void {\n this.sideNavMain.elementRef.nativeElement.scrollBy({\n top: direction === 'up' ? -52 : 52,\n left: 0,\n behavior: 'smooth'\n });\n }\n\n /**\n * @hidden\n * Method that returns 1 deep level of lists.\n */\n private getLists(): NestedListComponent[] {\n const lists: NestedListComponent[] = [];\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.nestedListComponent));\n }\n\n return lists;\n }\n}\n","<nav\n class=\"fdx-side-nav\"\n [class.fdx-side-nav--dynamic-width]=\"dynamicWidth\"\n [class.fdx-side-nav--narrow]=\"narrow\"\n [class.fdx-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\"\n [class.fdx-side-nav--mobile]=\"mobile\"\n fd-scrollbar\n [attr.aria-label]=\"'coreNavigation.mainNavigation' | fdTranslate\"\n>\n <ng-container *ngIf=\"!sideNavigationConfiguration\">\n <ng-container *ngTemplateOutlet=\"scrollUp\"></ng-container>\n <ng-content select=\"[fdx-side-nav-main]\"></ng-content>\n <ng-container *ngTemplateOutlet=\"scrollDown\"></ng-container>\n <ng-content select=\"[fdx-side-nav-utility]\"></ng-content>\n </ng-container>\n <ng-container *ngIf=\"sideNavigationConfiguration\">\n <ng-container *ngTemplateOutlet=\"scrollUp\"></ng-container>\n <div fdx-side-nav-main *ngIf=\"sideNavigationConfiguration.mainNavigation\">\n <fdx-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.mainNavigation\"\n >\n </fdx-prepared-nested-list>\n </div>\n <ng-container *ngTemplateOutlet=\"scrollDown\"></ng-container>\n <div fdx-side-nav-utility *ngIf=\"sideNavigationConfiguration.utilityNavigation\">\n <fdx-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.utilityNavigation\"\n >\n </fdx-prepared-nested-list>\n </div>\n </ng-container>\n</nav>\n\n<ng-template #scrollUp>\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--top\" *ngIf=\"_showScrollUpButton\">\n <button\n fd-button\n fdType=\"standard\"\n glyph=\"navigation-up-arrow\"\n fdx-side-nav-button\n (click)=\"_scrollItems('up')\"\n ></button>\n </div>\n</ng-template>\n\n<ng-template #scrollDown>\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--bottom\" *ngIf=\"_showScrollDownButton\">\n <button\n #scrollDownButton\n fd-button\n fdType=\"standard\"\n glyph=\"navigation-down-arrow\"\n fdx-side-nav-button\n (click)=\"_scrollItems('down')\"\n ></button>\n </div>\n</ng-template>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { ButtonComponent } from '@fundamental-ngx/core/button';\nimport { ScrollbarModule } from '@fundamental-ngx/core/scrollbar';\nimport { CxNestedListModule } from '@fundamental-ngx/cx/nested-list';\nimport { I18nModule } from '@fundamental-ngx/i18n';\nimport { SideNavigationButtonDirective } from './side-navigation-button.directive';\nimport { SideNavigationMainComponent } from './side-navigation-main.component';\nimport { SideNavigationUtilityDirective } from './side-navigation-utility.directive';\nimport { SideNavigationComponent } from './side-navigation.component';\n\n@NgModule({\n imports: [CommonModule, CxNestedListModule, ButtonComponent, ScrollbarModule, I18nModule],\n exports: [\n SideNavigationComponent,\n SideNavigationMainComponent,\n SideNavigationUtilityDirective,\n SideNavigationButtonDirective,\n CxNestedListModule\n ],\n declarations: [\n SideNavigationComponent,\n SideNavigationMainComponent,\n SideNavigationUtilityDirective,\n SideNavigationButtonDirective\n ]\n})\nexport class CxSideNavigationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i5.SideNavigationMainComponent","i6.SideNavigationUtilityDirective","i7.SideNavigationButtonDirective"],"mappings":"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"}
1
+ {"version":3,"file":"fundamental-ngx-cx-side-navigation.mjs","sources":["../../../../libs/cx/src/lib/side-navigation/side-navigation-button.directive.ts","../../../../libs/cx/src/lib/side-navigation/side-navigation-main.component.ts","../../../../libs/cx/src/lib/side-navigation/side-navigation-utility.directive.ts","../../../../libs/cx/src/lib/side-navigation/side-navigation.component.ts","../../../../libs/cx/src/lib/side-navigation/side-navigation.component.html","../../../../libs/cx/src/lib/side-navigation/side-navigation.module.ts","../../../../libs/cx/src/lib/side-navigation/fundamental-ngx-cx-side-navigation.ts"],"sourcesContent":["import { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n selector: '[cxSideNavButton], [fdx-side-nav-button]'\n})\nexport class SideNavigationButtonDirective {\n /** @hidden */\n @HostBinding('class.fdx-side-nav__button')\n fdSideNavButtonClass = true;\n}\n","import {\n AfterContentInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChild,\n ContentChildren,\n ElementRef,\n HostBinding,\n QueryList,\n ViewEncapsulation\n} from '@angular/core';\nimport { NestedListComponent } from '@fundamental-ngx/cx/nested-list';\nimport { InputGroupComponent } from '@fundamental-ngx/core/input-group';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'fdx-side-nav-main, div[fdx-side-nav-main]',\n template: `<ng-content></ng-content>`,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SideNavigationMainComponent implements AfterContentInit {\n /** @hidden */\n @ContentChild(NestedListComponent)\n list: NestedListComponent;\n\n /** @hidden */\n @ContentChildren(InputGroupComponent, { descendants: true })\n _inputGroups: QueryList<InputGroupComponent>;\n\n /** @hidden */\n @HostBinding('class.fdx-side-nav__main-navigation')\n classSideNavMainNavigation = true;\n\n /** @hidden */\n constructor(private _elementRef: ElementRef, private _cdRef: ChangeDetectorRef) {}\n\n /** @hidden */\n get elementRef(): ElementRef<HTMLElement> {\n return this._elementRef;\n }\n\n /** @hidden */\n ngAfterContentInit(): void {\n this._inputGroups.forEach((input) => {\n input.elementRef.nativeElement.classList.add('fdx-side-nav__input-group');\n });\n }\n}\n","import { ContentChild, Directive, HostBinding } from '@angular/core';\nimport { NestedListComponent } from '@fundamental-ngx/cx/nested-list';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[cxSideNavigationUtility], [fdx-side-nav-utility]'\n})\nexport class SideNavigationUtilityDirective {\n /** @hidden */\n @ContentChild(NestedListComponent)\n list: NestedListComponent;\n\n /** @hidden */\n @HostBinding('class.fdx-side-nav__utility')\n classSideNavUtility = true;\n}\n","import {\n AfterContentInit,\n AfterViewInit,\n ChangeDetectorRef,\n Component,\n ContentChild,\n ElementRef,\n HostBinding,\n HostListener,\n Input,\n OnChanges,\n OnInit,\n QueryList,\n SimpleChanges,\n ViewChild,\n ViewChildren,\n ViewEncapsulation\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { Nullable } from '@fundamental-ngx/cdk/utils';\nimport { MenuKeyboardService } from '@fundamental-ngx/core/menu';\nimport { SideNavigationInterface } from '@fundamental-ngx/core/side-navigation';\nimport { warnOnce } from '@fundamental-ngx/core/utils';\nimport {\n NestedListComponent,\n NestedListKeyboardService,\n NestedListStateService,\n PreparedNestedListComponent\n} from '@fundamental-ngx/cx/nested-list';\nimport { SideNavigationMainComponent } from './side-navigation-main.component';\nimport { SideNavigationModel } from './side-navigation-model';\nimport { SideNavigationUtilityDirective } from './side-navigation-utility.directive';\n\n/**\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 // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'fdx-side-nav',\n templateUrl: './side-navigation.component.html',\n styleUrls: ['side-navigation.component.scss'],\n encapsulation: ViewEncapsulation.None,\n providers: [MenuKeyboardService, NestedListKeyboardService, NestedListStateService]\n})\nexport class SideNavigationComponent\n implements AfterContentInit, AfterViewInit, OnInit, OnChanges, SideNavigationInterface\n{\n /** @deprecated Not applicable to the CX side nav. */\n @Input()\n @HostBinding('class.fdx-side-nav--condensed')\n set condensed(value: boolean) {\n warnOnce('The \"condensed\" input is not applicable to the CX side nav.');\n this._condensed = value;\n }\n\n get condensed(): boolean {\n return this._condensed;\n }\n\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 /** Prevents the side navigation from truncating or wrapping, extending the width to its longest label. */\n @Input()\n dynamicWidth = 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 /**\n * Whether this side nav should display as narrow. Note this can only be used with side nav items that have icons.\n */\n @Input()\n narrow = false;\n\n /** Whether this side nav should display in mobile (fullscreen) mode. */\n @Input()\n mobile = false;\n\n /** Whether to show the scroll buttons in narrow mode. When set to false, default scrollbar behavior will be used. */\n @Input()\n showScrollButtons = true;\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(SideNavigationMainComponent, { descendants: true })\n sideNavMain: SideNavigationMainComponent;\n\n /** @hidden */\n @ViewChildren(PreparedNestedListComponent)\n preparedNestedList: QueryList<PreparedNestedListComponent>;\n\n /** @hidden */\n @ViewChild('scrollDownButton', { read: ElementRef })\n _scrollDownButton: ElementRef;\n\n /** @hidden */\n _showScrollUpButton = false;\n\n /** @hidden */\n _showScrollDownButton = false;\n\n /** @hidden */\n additionalShellbarCssClass = 'fd-shellbar--cx-side-nav';\n\n /** @hidden */\n private _condensed = false;\n\n /** @hidden */\n constructor(\n private keyboardService: NestedListKeyboardService,\n private nestedListState: NestedListStateService,\n private _cdRef: ChangeDetectorRef\n ) {\n this.keyboardService.refresh$.pipe(takeUntilDestroyed()).subscribe(() => {\n /** Refresh list of elements, that are being supported by keyboard */\n this.keyboardService.refreshItems(this.getLists());\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 this._setupScrollButtons();\n }\n\n /** @hidden */\n ngOnChanges(changes: SimpleChanges): void {\n if (changes.narrow) {\n this._setupScrollButtons();\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 /** @hidden */\n _setupScrollButtons(): void {\n setTimeout(() => {\n if (\n this.sideNavMain.elementRef.nativeElement.scrollHeight >\n this.sideNavMain.elementRef.nativeElement.clientHeight &&\n this.sideNavMain &&\n this.narrow &&\n this.showScrollButtons\n ) {\n this.sideNavMain.elementRef.nativeElement.style.overflowY = 'hidden';\n this._showScrollUpButton = true;\n this._showScrollDownButton = true;\n this.sideNavMain.list.nestedItems.forEach((item) => {\n item._narrow = true;\n });\n } else {\n this.sideNavMain.elementRef.nativeElement.style.overflowY = 'scroll';\n this._showScrollUpButton = false;\n this._showScrollDownButton = false;\n this.sideNavMain.list.nestedItems.forEach((item) => {\n item._narrow = false;\n });\n }\n this._cdRef.detectChanges();\n });\n }\n\n /** @hidden */\n _scrollItems(direction: 'up' | 'down'): void {\n this.sideNavMain.elementRef.nativeElement.scrollBy({\n top: direction === 'up' ? -52 : 52,\n left: 0,\n behavior: 'smooth'\n });\n }\n\n /**\n * @hidden\n * Method that returns 1 deep level of lists.\n */\n private getLists(): NestedListComponent[] {\n const lists: NestedListComponent[] = [];\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.nestedListComponent));\n }\n\n return lists;\n }\n}\n","<nav\n class=\"fdx-side-nav\"\n [class.fdx-side-nav--dynamic-width]=\"dynamicWidth\"\n [class.fdx-side-nav--narrow]=\"narrow\"\n [class.fdx-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\"\n [class.fdx-side-nav--mobile]=\"mobile\"\n fd-scrollbar\n [attr.aria-label]=\"'coreNavigation.mainNavigation' | fdTranslate\"\n>\n <ng-container *ngIf=\"!sideNavigationConfiguration\">\n <ng-container *ngTemplateOutlet=\"scrollUp\"></ng-container>\n <ng-content select=\"[fdx-side-nav-main]\"></ng-content>\n <ng-container *ngTemplateOutlet=\"scrollDown\"></ng-container>\n <ng-content select=\"[fdx-side-nav-utility]\"></ng-content>\n </ng-container>\n <ng-container *ngIf=\"sideNavigationConfiguration\">\n <ng-container *ngTemplateOutlet=\"scrollUp\"></ng-container>\n <div fdx-side-nav-main *ngIf=\"sideNavigationConfiguration.mainNavigation\">\n <fdx-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.mainNavigation\"\n >\n </fdx-prepared-nested-list>\n </div>\n <ng-container *ngTemplateOutlet=\"scrollDown\"></ng-container>\n <div fdx-side-nav-utility *ngIf=\"sideNavigationConfiguration.utilityNavigation\">\n <fdx-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.utilityNavigation\"\n >\n </fdx-prepared-nested-list>\n </div>\n </ng-container>\n</nav>\n\n<ng-template #scrollUp>\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--top\" *ngIf=\"_showScrollUpButton\">\n <button\n fd-button\n fdType=\"standard\"\n glyph=\"navigation-up-arrow\"\n fdx-side-nav-button\n (click)=\"_scrollItems('up')\"\n ></button>\n </div>\n</ng-template>\n\n<ng-template #scrollDown>\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--bottom\" *ngIf=\"_showScrollDownButton\">\n <button\n #scrollDownButton\n fd-button\n fdType=\"standard\"\n glyph=\"navigation-down-arrow\"\n fdx-side-nav-button\n (click)=\"_scrollItems('down')\"\n ></button>\n </div>\n</ng-template>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { ButtonComponent } from '@fundamental-ngx/core/button';\nimport { ScrollbarModule } from '@fundamental-ngx/core/scrollbar';\nimport { CxNestedListModule } from '@fundamental-ngx/cx/nested-list';\nimport { I18nModule } from '@fundamental-ngx/i18n';\nimport { SideNavigationButtonDirective } from './side-navigation-button.directive';\nimport { SideNavigationMainComponent } from './side-navigation-main.component';\nimport { SideNavigationUtilityDirective } from './side-navigation-utility.directive';\nimport { SideNavigationComponent } from './side-navigation.component';\n\n@NgModule({\n imports: [CommonModule, CxNestedListModule, ButtonComponent, ScrollbarModule, I18nModule],\n exports: [\n SideNavigationComponent,\n SideNavigationMainComponent,\n SideNavigationUtilityDirective,\n SideNavigationButtonDirective,\n CxNestedListModule\n ],\n declarations: [\n SideNavigationComponent,\n SideNavigationMainComponent,\n SideNavigationUtilityDirective,\n SideNavigationButtonDirective\n ]\n})\nexport class CxSideNavigationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i5.SideNavigationMainComponent","i6.SideNavigationUtilityDirective","i7.SideNavigationButtonDirective"],"mappings":"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"}
package/fundamental-ngx-cx-v0.47.2.tgz ADDED
Binary file
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/cx",
3
- "version": "0.47.2-rc.0",
3
+ "version": "0.47.2",
4
4
  "schematics": "./schematics/collection.json",
5
5
  "description": "Fundamental Library for Angular - cx",
6
6
  "license": "Apache-2.0",
@@ -20,17 +20,17 @@
20
20
  "@angular/forms": "^16.2.0",
21
21
  "@angular/platform-browser": "^16.2.0",
22
22
  "@angular/router": "^16.2.0",
23
- "@fundamental-ngx/core": "0.47.2-rc.0",
24
- "@fundamental-ngx/i18n": "0.47.2-rc.0",
23
+ "@fundamental-ngx/core": "0.47.2",
24
+ "@fundamental-ngx/i18n": "0.47.2",
25
25
  "rxjs": "^7.8.0"
26
26
  },
27
27
  "dependencies": {
28
- "@fundamental-styles/cx": "0.32.0-rc.7",
29
- "@sap-theming/theming-base-content": "^11.7.0",
28
+ "@fundamental-styles/cx": "0.32.0",
29
+ "@sap-theming/theming-base-content": "^11.9.0",
30
30
  "compare-versions": "^6.0.0",
31
31
  "fast-deep-equal": "3.1.3",
32
32
  "focus-trap": "^7.1.0",
33
- "fundamental-styles": "0.32.0-rc.7",
33
+ "fundamental-styles": "0.32.0",
34
34
  "lodash-es": "^4.17.0",
35
35
  "tslib": "^2.0.0"
36
36
  },
package/fundamental-ngx-cx-v0.47.2-rc.0.tgz DELETED
Binary file