@fundamental-ngx/cx 0.50.0-rc.99 → 0.50.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -156,11 +156,11 @@ export class SideNavigationComponent {
|
|
|
156
156
|
}, !this.narrow ? 200 : 0);
|
|
157
157
|
}
|
|
158
158
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: SideNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
159
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: SideNavigationComponent, selector: "fdx-side-nav", inputs: { condensed: "condensed", inShellbar: "inShellbar", 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--shellbar]=\"inShellbar\"\n [class.fdx-side-nav--narrow]=\"narrow\"\n [class.fdx-side-nav--narrow-animated-items]=\"_narrowAnimatedItems$()\"\n [class.fdx-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\"\n [class.fdx-side-nav--mobile]=\"mobile\"\n [attr.aria-label]=\"'coreNavigation.mainNavigation' | fdTranslate\"\n>\n @if (!sideNavigationConfiguration) {\n <ng-template [ngTemplateOutlet]=\"scrollUp\"></ng-template>\n <ng-content select=\"[fdx-side-nav-main]\"></ng-content>\n <ng-template [ngTemplateOutlet]=\"scrollDown\"></ng-template>\n <ng-content select=\"[fdx-side-nav-utility]\"></ng-content>\n } @else {\n <ng-template [ngTemplateOutlet]=\"scrollUp\"></ng-template>\n @if (sideNavigationConfiguration.mainNavigation) {\n <div fdx-side-nav-main>\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 }\n <ng-template [ngTemplateOutlet]=\"scrollDown\"></ng-template>\n @if (sideNavigationConfiguration.utilityNavigation) {\n <div fdx-side-nav-utility>\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 }\n }\n</nav>\n<ng-template #scrollUp>\n @if (_showScrollUpButton) {\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--top\">\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 }\n</ng-template>\n<ng-template #scrollDown>\n @if (_showScrollDownButton) {\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--bottom\">\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 }\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.36.1\n * Copyright (c) 2024 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.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:normal;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:normal;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__item--group{border-bottom:.0625rem solid var(--sapList_GroupHeaderBorderColor);padding-left:1rem}.fdx-nested-list__item--group[dir=rtl],[dir=rtl] .fdx-nested-list__item--group{padding-left:0;padding-right:1rem}.fdx-nested-list__item--group .fdx-nested-list__title{color:var(--sapList_GroupHeaderTextColor);font-size:.875rem;font-weight:700;padding-left:1rem;padding-right:1rem}.fdx-nested-list__link{-webkit-box-sizing:border-box;align-items:stretch;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;line-height:normal;margin:0;min-height:var(--fdNestedList_Item_Height);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:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.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;line-height:normal;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:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.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(--sapContent_IconHeight);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;-webkit-transition:opacity .1s ease-out,visibility .1s ease-out;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;line-height:normal;margin:0;padding:.75rem 0;text-align:left;transition:opacity .1s ease-out,visibility .1s ease-out;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__title[class*=-compact],[class*=-compact] .fdx-nested-list__title:not([class*=-cozy],[class*=-condensed]){padding-bottom:0;padding-top:0}.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:normal;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:var(--fdNestedList_Item_Height);justify-content:center;line-height:normal;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:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.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-transition:width .2s ease-out;-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:normal;margin:0;padding:0;padding:var(--fdSideNav_Padding);transition:width .2s ease-out;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:normal;margin:0;overflow:hidden 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:normal;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-animated-items .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow-animated-items .fdx-nested-list__title{height:var(--fdNestedList_Item_Height);opacity:0;overflow:hidden;visibility:hidden}.fdx-side-nav--narrow{width:4rem}.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__title{display:none;height:var(--fdNestedList_Item_Height)}.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{-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:translateY(-50%);align-items:center;content:\"\\e066\";display:flex;font-family:SAP-icons;font-size:var(--sapFontSmallSize);padding-right:.25rem;position:absolute;right:0;top:50%;transform:translateY(-50%)}.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--shellbar{border-top-right-radius:0}.fdx-side-nav--shellbar[dir=rtl],[dir=rtl] .fdx-side-nav--shellbar{border-top-left-radius:0}.fdx-side-nav--single-line .fdx-nested-list__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fdx-side-nav__button-container{background:var(--sapGroup_ContentBackground);position:static;width:100%;height:48px;z-index:1}.fdx-side-nav__button-container--bottom{border-bottom-right-radius:1rem}.fdx-side-nav__button-container--top{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--narrow .fdx-nested-list__item--group{display:none!important}.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: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.PreparedNestedListComponent, selector: "fdx-prepared-nested-list", inputs: ["first", "condensed", "list"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4.SideNavigationMainComponent, selector: "fdx-side-nav-main, div[fdx-side-nav-main]" }, { kind: "directive", type: i5.SideNavigationUtilityDirective, selector: "[cxSideNavigationUtility], [fdx-side-nav-utility]" }, { kind: "directive", type: i6.SideNavigationButtonDirective, selector: "[cxSideNavButton], [fdx-side-nav-button]" }, { kind: "pipe", type: i7.FdTranslatePipe, name: "fdTranslate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
159
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: SideNavigationComponent, selector: "fdx-side-nav", inputs: { condensed: "condensed", inShellbar: "inShellbar", 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--shellbar]=\"inShellbar\"\n [class.fdx-side-nav--narrow]=\"narrow\"\n [class.fdx-side-nav--narrow-animated-items]=\"_narrowAnimatedItems$()\"\n [class.fdx-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\"\n [class.fdx-side-nav--mobile]=\"mobile\"\n [attr.aria-label]=\"'coreNavigation.mainNavigation' | fdTranslate\"\n>\n @if (!sideNavigationConfiguration) {\n <ng-template [ngTemplateOutlet]=\"scrollUp\"></ng-template>\n <ng-content select=\"[fdx-side-nav-main]\"></ng-content>\n <ng-template [ngTemplateOutlet]=\"scrollDown\"></ng-template>\n <ng-content select=\"[fdx-side-nav-utility]\"></ng-content>\n } @else {\n <ng-template [ngTemplateOutlet]=\"scrollUp\"></ng-template>\n @if (sideNavigationConfiguration.mainNavigation) {\n <div fdx-side-nav-main>\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 }\n <ng-template [ngTemplateOutlet]=\"scrollDown\"></ng-template>\n @if (sideNavigationConfiguration.utilityNavigation) {\n <div fdx-side-nav-utility>\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 }\n }\n</nav>\n<ng-template #scrollUp>\n @if (_showScrollUpButton) {\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--top\">\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 }\n</ng-template>\n<ng-template #scrollDown>\n @if (_showScrollDownButton) {\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--bottom\">\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 }\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.37.0\n * Copyright (c) 2024 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.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:normal;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:normal;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__item--group{border-bottom:.0625rem solid var(--sapList_GroupHeaderBorderColor);padding-left:1rem}.fdx-nested-list__item--group[dir=rtl],[dir=rtl] .fdx-nested-list__item--group{padding-left:0;padding-right:1rem}.fdx-nested-list__item--group .fdx-nested-list__title{color:var(--sapList_GroupHeaderTextColor);font-size:.875rem;font-weight:700;padding-left:1rem;padding-right:1rem}.fdx-nested-list__link{-webkit-box-sizing:border-box;align-items:stretch;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;line-height:normal;margin:0;min-height:var(--fdNestedList_Item_Height);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:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.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;line-height:normal;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:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.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(--sapContent_IconHeight);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;-webkit-transition:opacity .1s ease-out,visibility .1s ease-out;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;line-height:normal;margin:0;padding:.75rem 0;text-align:left;transition:opacity .1s ease-out,visibility .1s ease-out;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__title[class*=-compact],[class*=-compact] .fdx-nested-list__title:not([class*=-cozy],[class*=-condensed]){padding-bottom:0;padding-top:0}.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:normal;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:var(--fdNestedList_Item_Height);justify-content:center;line-height:normal;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:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.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-transition:width .2s ease-out;-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:normal;margin:0;padding:0;padding:var(--fdSideNav_Padding);transition:width .2s ease-out;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:normal;margin:0;overflow:hidden 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:normal;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-animated-items .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow-animated-items .fdx-nested-list__title{height:var(--fdNestedList_Item_Height);opacity:0;overflow:hidden;visibility:hidden}.fdx-side-nav--narrow{width:4rem}.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__title{display:none;height:var(--fdNestedList_Item_Height)}.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{-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:translateY(-50%);align-items:center;content:\"\\e066\";display:flex;font-family:SAP-icons;font-size:var(--sapFontSmallSize);padding-right:.25rem;position:absolute;right:0;top:50%;transform:translateY(-50%)}.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--shellbar{border-top-right-radius:0}.fdx-side-nav--shellbar[dir=rtl],[dir=rtl] .fdx-side-nav--shellbar{border-top-left-radius:0}.fdx-side-nav--single-line .fdx-nested-list__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fdx-side-nav__button-container{background:var(--sapGroup_ContentBackground);position:static;width:100%;height:48px;z-index:1}.fdx-side-nav__button-container--bottom{border-bottom-right-radius:1rem}.fdx-side-nav__button-container--top{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--narrow .fdx-nested-list__item--group{display:none!important}.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: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.PreparedNestedListComponent, selector: "fdx-prepared-nested-list", inputs: ["first", "condensed", "list"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4.SideNavigationMainComponent, selector: "fdx-side-nav-main, div[fdx-side-nav-main]" }, { kind: "directive", type: i5.SideNavigationUtilityDirective, selector: "[cxSideNavigationUtility], [fdx-side-nav-utility]" }, { kind: "directive", type: i6.SideNavigationButtonDirective, selector: "[cxSideNavButton], [fdx-side-nav-button]" }, { kind: "pipe", type: i7.FdTranslatePipe, name: "fdTranslate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
160
160
|
}
|
|
161
161
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: SideNavigationComponent, decorators: [{
|
|
162
162
|
type: Component,
|
|
163
|
-
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--shellbar]=\"inShellbar\"\n [class.fdx-side-nav--narrow]=\"narrow\"\n [class.fdx-side-nav--narrow-animated-items]=\"_narrowAnimatedItems$()\"\n [class.fdx-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\"\n [class.fdx-side-nav--mobile]=\"mobile\"\n [attr.aria-label]=\"'coreNavigation.mainNavigation' | fdTranslate\"\n>\n @if (!sideNavigationConfiguration) {\n <ng-template [ngTemplateOutlet]=\"scrollUp\"></ng-template>\n <ng-content select=\"[fdx-side-nav-main]\"></ng-content>\n <ng-template [ngTemplateOutlet]=\"scrollDown\"></ng-template>\n <ng-content select=\"[fdx-side-nav-utility]\"></ng-content>\n } @else {\n <ng-template [ngTemplateOutlet]=\"scrollUp\"></ng-template>\n @if (sideNavigationConfiguration.mainNavigation) {\n <div fdx-side-nav-main>\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 }\n <ng-template [ngTemplateOutlet]=\"scrollDown\"></ng-template>\n @if (sideNavigationConfiguration.utilityNavigation) {\n <div fdx-side-nav-utility>\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 }\n }\n</nav>\n<ng-template #scrollUp>\n @if (_showScrollUpButton) {\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--top\">\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 }\n</ng-template>\n<ng-template #scrollDown>\n @if (_showScrollDownButton) {\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--bottom\">\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 }\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.36.1\n * Copyright (c) 2024 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.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:normal;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:normal;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__item--group{border-bottom:.0625rem solid var(--sapList_GroupHeaderBorderColor);padding-left:1rem}.fdx-nested-list__item--group[dir=rtl],[dir=rtl] .fdx-nested-list__item--group{padding-left:0;padding-right:1rem}.fdx-nested-list__item--group .fdx-nested-list__title{color:var(--sapList_GroupHeaderTextColor);font-size:.875rem;font-weight:700;padding-left:1rem;padding-right:1rem}.fdx-nested-list__link{-webkit-box-sizing:border-box;align-items:stretch;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;line-height:normal;margin:0;min-height:var(--fdNestedList_Item_Height);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:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.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;line-height:normal;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:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.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(--sapContent_IconHeight);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;-webkit-transition:opacity .1s ease-out,visibility .1s ease-out;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;line-height:normal;margin:0;padding:.75rem 0;text-align:left;transition:opacity .1s ease-out,visibility .1s ease-out;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__title[class*=-compact],[class*=-compact] .fdx-nested-list__title:not([class*=-cozy],[class*=-condensed]){padding-bottom:0;padding-top:0}.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:normal;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:var(--fdNestedList_Item_Height);justify-content:center;line-height:normal;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:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.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-transition:width .2s ease-out;-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:normal;margin:0;padding:0;padding:var(--fdSideNav_Padding);transition:width .2s ease-out;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:normal;margin:0;overflow:hidden 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:normal;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-animated-items .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow-animated-items .fdx-nested-list__title{height:var(--fdNestedList_Item_Height);opacity:0;overflow:hidden;visibility:hidden}.fdx-side-nav--narrow{width:4rem}.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__title{display:none;height:var(--fdNestedList_Item_Height)}.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{-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:translateY(-50%);align-items:center;content:\"\\e066\";display:flex;font-family:SAP-icons;font-size:var(--sapFontSmallSize);padding-right:.25rem;position:absolute;right:0;top:50%;transform:translateY(-50%)}.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--shellbar{border-top-right-radius:0}.fdx-side-nav--shellbar[dir=rtl],[dir=rtl] .fdx-side-nav--shellbar{border-top-left-radius:0}.fdx-side-nav--single-line .fdx-nested-list__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fdx-side-nav__button-container{background:var(--sapGroup_ContentBackground);position:static;width:100%;height:48px;z-index:1}.fdx-side-nav__button-container--bottom{border-bottom-right-radius:1rem}.fdx-side-nav__button-container--top{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--narrow .fdx-nested-list__item--group{display:none!important}.fdx-side-nav--compact .fdx-side-nav__button{min-height:1.5rem}.fdx-side-nav__popover-body .fd-scrollbar{padding:.25rem 0!important}\n"] }]
|
|
163
|
+
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--shellbar]=\"inShellbar\"\n [class.fdx-side-nav--narrow]=\"narrow\"\n [class.fdx-side-nav--narrow-animated-items]=\"_narrowAnimatedItems$()\"\n [class.fdx-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\"\n [class.fdx-side-nav--mobile]=\"mobile\"\n [attr.aria-label]=\"'coreNavigation.mainNavigation' | fdTranslate\"\n>\n @if (!sideNavigationConfiguration) {\n <ng-template [ngTemplateOutlet]=\"scrollUp\"></ng-template>\n <ng-content select=\"[fdx-side-nav-main]\"></ng-content>\n <ng-template [ngTemplateOutlet]=\"scrollDown\"></ng-template>\n <ng-content select=\"[fdx-side-nav-utility]\"></ng-content>\n } @else {\n <ng-template [ngTemplateOutlet]=\"scrollUp\"></ng-template>\n @if (sideNavigationConfiguration.mainNavigation) {\n <div fdx-side-nav-main>\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 }\n <ng-template [ngTemplateOutlet]=\"scrollDown\"></ng-template>\n @if (sideNavigationConfiguration.utilityNavigation) {\n <div fdx-side-nav-utility>\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 }\n }\n</nav>\n<ng-template #scrollUp>\n @if (_showScrollUpButton) {\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--top\">\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 }\n</ng-template>\n<ng-template #scrollDown>\n @if (_showScrollDownButton) {\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--bottom\">\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 }\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.37.0\n * Copyright (c) 2024 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.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:normal;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:normal;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__item--group{border-bottom:.0625rem solid var(--sapList_GroupHeaderBorderColor);padding-left:1rem}.fdx-nested-list__item--group[dir=rtl],[dir=rtl] .fdx-nested-list__item--group{padding-left:0;padding-right:1rem}.fdx-nested-list__item--group .fdx-nested-list__title{color:var(--sapList_GroupHeaderTextColor);font-size:.875rem;font-weight:700;padding-left:1rem;padding-right:1rem}.fdx-nested-list__link{-webkit-box-sizing:border-box;align-items:stretch;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;line-height:normal;margin:0;min-height:var(--fdNestedList_Item_Height);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:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.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;line-height:normal;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:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.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(--sapContent_IconHeight);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;-webkit-transition:opacity .1s ease-out,visibility .1s ease-out;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;line-height:normal;margin:0;padding:.75rem 0;text-align:left;transition:opacity .1s ease-out,visibility .1s ease-out;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__title[class*=-compact],[class*=-compact] .fdx-nested-list__title:not([class*=-cozy],[class*=-condensed]){padding-bottom:0;padding-top:0}.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:normal;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:var(--fdNestedList_Item_Height);justify-content:center;line-height:normal;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:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.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-transition:width .2s ease-out;-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:normal;margin:0;padding:0;padding:var(--fdSideNav_Padding);transition:width .2s ease-out;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:normal;margin:0;overflow:hidden 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:normal;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-animated-items .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow-animated-items .fdx-nested-list__title{height:var(--fdNestedList_Item_Height);opacity:0;overflow:hidden;visibility:hidden}.fdx-side-nav--narrow{width:4rem}.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__title{display:none;height:var(--fdNestedList_Item_Height)}.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{-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:translateY(-50%);align-items:center;content:\"\\e066\";display:flex;font-family:SAP-icons;font-size:var(--sapFontSmallSize);padding-right:.25rem;position:absolute;right:0;top:50%;transform:translateY(-50%)}.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--shellbar{border-top-right-radius:0}.fdx-side-nav--shellbar[dir=rtl],[dir=rtl] .fdx-side-nav--shellbar{border-top-left-radius:0}.fdx-side-nav--single-line .fdx-nested-list__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fdx-side-nav__button-container{background:var(--sapGroup_ContentBackground);position:static;width:100%;height:48px;z-index:1}.fdx-side-nav__button-container--bottom{border-bottom-right-radius:1rem}.fdx-side-nav__button-container--top{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--narrow .fdx-nested-list__item--group{display:none!important}.fdx-side-nav--compact .fdx-side-nav__button{min-height:1.5rem}.fdx-side-nav__popover-body .fd-scrollbar{padding:.25rem 0!important}\n"] }]
|
|
164
164
|
}], ctorParameters: () => [], propDecorators: { condensed: [{
|
|
165
165
|
type: Input
|
|
166
166
|
}, {
|
|
@@ -240,11 +240,11 @@ class SideNavigationComponent {
|
|
|
240
240
|
}, !this.narrow ? 200 : 0);
|
|
241
241
|
}
|
|
242
242
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: SideNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
243
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: SideNavigationComponent, selector: "fdx-side-nav", inputs: { condensed: "condensed", inShellbar: "inShellbar", 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--shellbar]=\"inShellbar\"\n [class.fdx-side-nav--narrow]=\"narrow\"\n [class.fdx-side-nav--narrow-animated-items]=\"_narrowAnimatedItems$()\"\n [class.fdx-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\"\n [class.fdx-side-nav--mobile]=\"mobile\"\n [attr.aria-label]=\"'coreNavigation.mainNavigation' | fdTranslate\"\n>\n @if (!sideNavigationConfiguration) {\n <ng-template [ngTemplateOutlet]=\"scrollUp\"></ng-template>\n <ng-content select=\"[fdx-side-nav-main]\"></ng-content>\n <ng-template [ngTemplateOutlet]=\"scrollDown\"></ng-template>\n <ng-content select=\"[fdx-side-nav-utility]\"></ng-content>\n } @else {\n <ng-template [ngTemplateOutlet]=\"scrollUp\"></ng-template>\n @if (sideNavigationConfiguration.mainNavigation) {\n <div fdx-side-nav-main>\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 }\n <ng-template [ngTemplateOutlet]=\"scrollDown\"></ng-template>\n @if (sideNavigationConfiguration.utilityNavigation) {\n <div fdx-side-nav-utility>\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 }\n }\n</nav>\n<ng-template #scrollUp>\n @if (_showScrollUpButton) {\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--top\">\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 }\n</ng-template>\n<ng-template #scrollDown>\n @if (_showScrollDownButton) {\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--bottom\">\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 }\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.36.1\n * Copyright (c) 2024 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.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:normal;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:normal;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__item--group{border-bottom:.0625rem solid var(--sapList_GroupHeaderBorderColor);padding-left:1rem}.fdx-nested-list__item--group[dir=rtl],[dir=rtl] .fdx-nested-list__item--group{padding-left:0;padding-right:1rem}.fdx-nested-list__item--group .fdx-nested-list__title{color:var(--sapList_GroupHeaderTextColor);font-size:.875rem;font-weight:700;padding-left:1rem;padding-right:1rem}.fdx-nested-list__link{-webkit-box-sizing:border-box;align-items:stretch;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;line-height:normal;margin:0;min-height:var(--fdNestedList_Item_Height);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:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.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;line-height:normal;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:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.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(--sapContent_IconHeight);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;-webkit-transition:opacity .1s ease-out,visibility .1s ease-out;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;line-height:normal;margin:0;padding:.75rem 0;text-align:left;transition:opacity .1s ease-out,visibility .1s ease-out;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__title[class*=-compact],[class*=-compact] .fdx-nested-list__title:not([class*=-cozy],[class*=-condensed]){padding-bottom:0;padding-top:0}.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:normal;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:var(--fdNestedList_Item_Height);justify-content:center;line-height:normal;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:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.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-transition:width .2s ease-out;-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:normal;margin:0;padding:0;padding:var(--fdSideNav_Padding);transition:width .2s ease-out;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:normal;margin:0;overflow:hidden 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:normal;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-animated-items .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow-animated-items .fdx-nested-list__title{height:var(--fdNestedList_Item_Height);opacity:0;overflow:hidden;visibility:hidden}.fdx-side-nav--narrow{width:4rem}.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__title{display:none;height:var(--fdNestedList_Item_Height)}.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{-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:translateY(-50%);align-items:center;content:\"\\e066\";display:flex;font-family:SAP-icons;font-size:var(--sapFontSmallSize);padding-right:.25rem;position:absolute;right:0;top:50%;transform:translateY(-50%)}.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--shellbar{border-top-right-radius:0}.fdx-side-nav--shellbar[dir=rtl],[dir=rtl] .fdx-side-nav--shellbar{border-top-left-radius:0}.fdx-side-nav--single-line .fdx-nested-list__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fdx-side-nav__button-container{background:var(--sapGroup_ContentBackground);position:static;width:100%;height:48px;z-index:1}.fdx-side-nav__button-container--bottom{border-bottom-right-radius:1rem}.fdx-side-nav__button-container--top{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--narrow .fdx-nested-list__item--group{display:none!important}.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: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.PreparedNestedListComponent, selector: "fdx-prepared-nested-list", inputs: ["first", "condensed", "list"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { 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: i7.FdTranslatePipe, name: "fdTranslate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
243
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: SideNavigationComponent, selector: "fdx-side-nav", inputs: { condensed: "condensed", inShellbar: "inShellbar", 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--shellbar]=\"inShellbar\"\n [class.fdx-side-nav--narrow]=\"narrow\"\n [class.fdx-side-nav--narrow-animated-items]=\"_narrowAnimatedItems$()\"\n [class.fdx-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\"\n [class.fdx-side-nav--mobile]=\"mobile\"\n [attr.aria-label]=\"'coreNavigation.mainNavigation' | fdTranslate\"\n>\n @if (!sideNavigationConfiguration) {\n <ng-template [ngTemplateOutlet]=\"scrollUp\"></ng-template>\n <ng-content select=\"[fdx-side-nav-main]\"></ng-content>\n <ng-template [ngTemplateOutlet]=\"scrollDown\"></ng-template>\n <ng-content select=\"[fdx-side-nav-utility]\"></ng-content>\n } @else {\n <ng-template [ngTemplateOutlet]=\"scrollUp\"></ng-template>\n @if (sideNavigationConfiguration.mainNavigation) {\n <div fdx-side-nav-main>\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 }\n <ng-template [ngTemplateOutlet]=\"scrollDown\"></ng-template>\n @if (sideNavigationConfiguration.utilityNavigation) {\n <div fdx-side-nav-utility>\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 }\n }\n</nav>\n<ng-template #scrollUp>\n @if (_showScrollUpButton) {\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--top\">\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 }\n</ng-template>\n<ng-template #scrollDown>\n @if (_showScrollDownButton) {\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--bottom\">\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 }\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.37.0\n * Copyright (c) 2024 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.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:normal;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:normal;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__item--group{border-bottom:.0625rem solid var(--sapList_GroupHeaderBorderColor);padding-left:1rem}.fdx-nested-list__item--group[dir=rtl],[dir=rtl] .fdx-nested-list__item--group{padding-left:0;padding-right:1rem}.fdx-nested-list__item--group .fdx-nested-list__title{color:var(--sapList_GroupHeaderTextColor);font-size:.875rem;font-weight:700;padding-left:1rem;padding-right:1rem}.fdx-nested-list__link{-webkit-box-sizing:border-box;align-items:stretch;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;line-height:normal;margin:0;min-height:var(--fdNestedList_Item_Height);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:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.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;line-height:normal;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:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.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(--sapContent_IconHeight);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;-webkit-transition:opacity .1s ease-out,visibility .1s ease-out;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;line-height:normal;margin:0;padding:.75rem 0;text-align:left;transition:opacity .1s ease-out,visibility .1s ease-out;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__title[class*=-compact],[class*=-compact] .fdx-nested-list__title:not([class*=-cozy],[class*=-condensed]){padding-bottom:0;padding-top:0}.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:normal;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:var(--fdNestedList_Item_Height);justify-content:center;line-height:normal;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:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.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-transition:width .2s ease-out;-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:normal;margin:0;padding:0;padding:var(--fdSideNav_Padding);transition:width .2s ease-out;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:normal;margin:0;overflow:hidden 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:normal;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-animated-items .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow-animated-items .fdx-nested-list__title{height:var(--fdNestedList_Item_Height);opacity:0;overflow:hidden;visibility:hidden}.fdx-side-nav--narrow{width:4rem}.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__title{display:none;height:var(--fdNestedList_Item_Height)}.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{-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:translateY(-50%);align-items:center;content:\"\\e066\";display:flex;font-family:SAP-icons;font-size:var(--sapFontSmallSize);padding-right:.25rem;position:absolute;right:0;top:50%;transform:translateY(-50%)}.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--shellbar{border-top-right-radius:0}.fdx-side-nav--shellbar[dir=rtl],[dir=rtl] .fdx-side-nav--shellbar{border-top-left-radius:0}.fdx-side-nav--single-line .fdx-nested-list__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fdx-side-nav__button-container{background:var(--sapGroup_ContentBackground);position:static;width:100%;height:48px;z-index:1}.fdx-side-nav__button-container--bottom{border-bottom-right-radius:1rem}.fdx-side-nav__button-container--top{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--narrow .fdx-nested-list__item--group{display:none!important}.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: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.PreparedNestedListComponent, selector: "fdx-prepared-nested-list", inputs: ["first", "condensed", "list"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { 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: i7.FdTranslatePipe, name: "fdTranslate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
244
244
|
}
|
|
245
245
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: SideNavigationComponent, decorators: [{
|
|
246
246
|
type: Component,
|
|
247
|
-
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--shellbar]=\"inShellbar\"\n [class.fdx-side-nav--narrow]=\"narrow\"\n [class.fdx-side-nav--narrow-animated-items]=\"_narrowAnimatedItems$()\"\n [class.fdx-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\"\n [class.fdx-side-nav--mobile]=\"mobile\"\n [attr.aria-label]=\"'coreNavigation.mainNavigation' | fdTranslate\"\n>\n @if (!sideNavigationConfiguration) {\n <ng-template [ngTemplateOutlet]=\"scrollUp\"></ng-template>\n <ng-content select=\"[fdx-side-nav-main]\"></ng-content>\n <ng-template [ngTemplateOutlet]=\"scrollDown\"></ng-template>\n <ng-content select=\"[fdx-side-nav-utility]\"></ng-content>\n } @else {\n <ng-template [ngTemplateOutlet]=\"scrollUp\"></ng-template>\n @if (sideNavigationConfiguration.mainNavigation) {\n <div fdx-side-nav-main>\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 }\n <ng-template [ngTemplateOutlet]=\"scrollDown\"></ng-template>\n @if (sideNavigationConfiguration.utilityNavigation) {\n <div fdx-side-nav-utility>\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 }\n }\n</nav>\n<ng-template #scrollUp>\n @if (_showScrollUpButton) {\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--top\">\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 }\n</ng-template>\n<ng-template #scrollDown>\n @if (_showScrollDownButton) {\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--bottom\">\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 }\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.36.1\n * Copyright (c) 2024 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.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:normal;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:normal;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__item--group{border-bottom:.0625rem solid var(--sapList_GroupHeaderBorderColor);padding-left:1rem}.fdx-nested-list__item--group[dir=rtl],[dir=rtl] .fdx-nested-list__item--group{padding-left:0;padding-right:1rem}.fdx-nested-list__item--group .fdx-nested-list__title{color:var(--sapList_GroupHeaderTextColor);font-size:.875rem;font-weight:700;padding-left:1rem;padding-right:1rem}.fdx-nested-list__link{-webkit-box-sizing:border-box;align-items:stretch;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;line-height:normal;margin:0;min-height:var(--fdNestedList_Item_Height);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:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.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;line-height:normal;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:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.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(--sapContent_IconHeight);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;-webkit-transition:opacity .1s ease-out,visibility .1s ease-out;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;line-height:normal;margin:0;padding:.75rem 0;text-align:left;transition:opacity .1s ease-out,visibility .1s ease-out;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__title[class*=-compact],[class*=-compact] .fdx-nested-list__title:not([class*=-cozy],[class*=-condensed]){padding-bottom:0;padding-top:0}.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:normal;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:var(--fdNestedList_Item_Height);justify-content:center;line-height:normal;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:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.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-transition:width .2s ease-out;-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:normal;margin:0;padding:0;padding:var(--fdSideNav_Padding);transition:width .2s ease-out;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:normal;margin:0;overflow:hidden 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:normal;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-animated-items .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow-animated-items .fdx-nested-list__title{height:var(--fdNestedList_Item_Height);opacity:0;overflow:hidden;visibility:hidden}.fdx-side-nav--narrow{width:4rem}.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__title{display:none;height:var(--fdNestedList_Item_Height)}.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{-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:translateY(-50%);align-items:center;content:\"\\e066\";display:flex;font-family:SAP-icons;font-size:var(--sapFontSmallSize);padding-right:.25rem;position:absolute;right:0;top:50%;transform:translateY(-50%)}.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--shellbar{border-top-right-radius:0}.fdx-side-nav--shellbar[dir=rtl],[dir=rtl] .fdx-side-nav--shellbar{border-top-left-radius:0}.fdx-side-nav--single-line .fdx-nested-list__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fdx-side-nav__button-container{background:var(--sapGroup_ContentBackground);position:static;width:100%;height:48px;z-index:1}.fdx-side-nav__button-container--bottom{border-bottom-right-radius:1rem}.fdx-side-nav__button-container--top{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--narrow .fdx-nested-list__item--group{display:none!important}.fdx-side-nav--compact .fdx-side-nav__button{min-height:1.5rem}.fdx-side-nav__popover-body .fd-scrollbar{padding:.25rem 0!important}\n"] }]
|
|
247
|
+
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--shellbar]=\"inShellbar\"\n [class.fdx-side-nav--narrow]=\"narrow\"\n [class.fdx-side-nav--narrow-animated-items]=\"_narrowAnimatedItems$()\"\n [class.fdx-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\"\n [class.fdx-side-nav--mobile]=\"mobile\"\n [attr.aria-label]=\"'coreNavigation.mainNavigation' | fdTranslate\"\n>\n @if (!sideNavigationConfiguration) {\n <ng-template [ngTemplateOutlet]=\"scrollUp\"></ng-template>\n <ng-content select=\"[fdx-side-nav-main]\"></ng-content>\n <ng-template [ngTemplateOutlet]=\"scrollDown\"></ng-template>\n <ng-content select=\"[fdx-side-nav-utility]\"></ng-content>\n } @else {\n <ng-template [ngTemplateOutlet]=\"scrollUp\"></ng-template>\n @if (sideNavigationConfiguration.mainNavigation) {\n <div fdx-side-nav-main>\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 }\n <ng-template [ngTemplateOutlet]=\"scrollDown\"></ng-template>\n @if (sideNavigationConfiguration.utilityNavigation) {\n <div fdx-side-nav-utility>\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 }\n }\n</nav>\n<ng-template #scrollUp>\n @if (_showScrollUpButton) {\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--top\">\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 }\n</ng-template>\n<ng-template #scrollDown>\n @if (_showScrollDownButton) {\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--bottom\">\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 }\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.37.0\n * Copyright (c) 2024 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.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:normal;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:normal;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__item--group{border-bottom:.0625rem solid var(--sapList_GroupHeaderBorderColor);padding-left:1rem}.fdx-nested-list__item--group[dir=rtl],[dir=rtl] .fdx-nested-list__item--group{padding-left:0;padding-right:1rem}.fdx-nested-list__item--group .fdx-nested-list__title{color:var(--sapList_GroupHeaderTextColor);font-size:.875rem;font-weight:700;padding-left:1rem;padding-right:1rem}.fdx-nested-list__link{-webkit-box-sizing:border-box;align-items:stretch;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;line-height:normal;margin:0;min-height:var(--fdNestedList_Item_Height);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:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.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;line-height:normal;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:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.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(--sapContent_IconHeight);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;-webkit-transition:opacity .1s ease-out,visibility .1s ease-out;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;line-height:normal;margin:0;padding:.75rem 0;text-align:left;transition:opacity .1s ease-out,visibility .1s ease-out;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__title[class*=-compact],[class*=-compact] .fdx-nested-list__title:not([class*=-cozy],[class*=-condensed]){padding-bottom:0;padding-top:0}.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:normal;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:var(--fdNestedList_Item_Height);justify-content:center;line-height:normal;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:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.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-transition:width .2s ease-out;-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:normal;margin:0;padding:0;padding:var(--fdSideNav_Padding);transition:width .2s ease-out;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:normal;margin:0;overflow:hidden 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:normal;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-animated-items .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow-animated-items .fdx-nested-list__title{height:var(--fdNestedList_Item_Height);opacity:0;overflow:hidden;visibility:hidden}.fdx-side-nav--narrow{width:4rem}.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__title{display:none;height:var(--fdNestedList_Item_Height)}.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{-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:translateY(-50%);align-items:center;content:\"\\e066\";display:flex;font-family:SAP-icons;font-size:var(--sapFontSmallSize);padding-right:.25rem;position:absolute;right:0;top:50%;transform:translateY(-50%)}.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--shellbar{border-top-right-radius:0}.fdx-side-nav--shellbar[dir=rtl],[dir=rtl] .fdx-side-nav--shellbar{border-top-left-radius:0}.fdx-side-nav--single-line .fdx-nested-list__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fdx-side-nav__button-container{background:var(--sapGroup_ContentBackground);position:static;width:100%;height:48px;z-index:1}.fdx-side-nav__button-container--bottom{border-bottom-right-radius:1rem}.fdx-side-nav__button-container--top{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--narrow .fdx-nested-list__item--group{display:none!important}.fdx-side-nav--compact .fdx-side-nav__button{min-height:1.5rem}.fdx-side-nav__popover-body .fd-scrollbar{padding:.25rem 0!important}\n"] }]
|
|
248
248
|
}], ctorParameters: () => [], propDecorators: { condensed: [{
|
|
249
249
|
type: Input
|
|
250
250
|
}, {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fundamental-ngx/cx",
|
|
3
|
-
"version": "0.50.0
|
|
3
|
+
"version": "0.50.0",
|
|
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": "^17.0.0",
|
|
21
21
|
"@angular/platform-browser": "^17.0.0",
|
|
22
22
|
"@angular/router": "^17.0.0",
|
|
23
|
-
"@fundamental-ngx/core": "0.50.0
|
|
24
|
-
"@fundamental-ngx/i18n": "0.50.0
|
|
23
|
+
"@fundamental-ngx/core": "0.50.0",
|
|
24
|
+
"@fundamental-ngx/i18n": "0.50.0",
|
|
25
25
|
"rxjs": "^7.8.0"
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@fundamental-styles/cx": "0.
|
|
28
|
+
"@fundamental-styles/cx": "0.37.0",
|
|
29
29
|
"@sap-theming/theming-base-content": "^11.15.0",
|
|
30
30
|
"compare-versions": "^6.1.0",
|
|
31
31
|
"fast-deep-equal": "3.1.3",
|
|
32
32
|
"focus-trap": "^7.1.0",
|
|
33
|
-
"fundamental-styles": "0.
|
|
33
|
+
"fundamental-styles": "0.37.0",
|
|
34
34
|
"lodash-es": "^4.17.0",
|
|
35
35
|
"tslib": "^2.0.0"
|
|
36
36
|
},
|