@fundamental-ngx/core 0.62.2-rc.8 → 0.62.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/fundamental-ngx-core-action-bar.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-action-sheet.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-avatar-group.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-avatar.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-bar.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-breadcrumb.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-busy-indicator.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-button.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-calendar.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-card.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-carousel.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-checkbox.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-combobox.mjs +2 -8
- package/fesm2022/fundamental-ngx-core-combobox.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-dialog.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-dynamic-page.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-dynamic-side-content.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-facets.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-feed-input.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-feed-list-item.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-file-uploader.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-fixed-card-layout.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-flexible-column-layout.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-form.mjs +16 -16
- package/fesm2022/fundamental-ngx-core-form.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-generic-tag.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-grid-list.mjs +22 -6
- package/fesm2022/fundamental-ngx-core-grid-list.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-icon.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-info-label.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-input-group.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-layout-grid.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-layout-panel.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-link.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-list.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-message-box.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-message-page.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-message-strip.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-message-toast.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-micro-process-flow.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-multi-combobox.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-notification.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-object-attribute.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-object-identifier.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-object-marker.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-object-status.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-pagination.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-panel.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-popover.mjs +8 -5
- package/fesm2022/fundamental-ngx-core-popover.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-product-switch.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-progress-indicator.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-quick-view.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-radio.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-rating-indicator.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-resizable-card-layout.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-segmented-button.mjs +3 -3
- package/fesm2022/fundamental-ngx-core-segmented-button.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-select.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-settings.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-shellbar.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-side-navigation.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-skeleton.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-slider.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-split-button.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-status-indicator.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-step-input.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-switch.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-switch.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-table.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-tabs.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-text.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-tile.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-time.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-title.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-token.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-toolbar.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-tree.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-upload-collection.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-vertical-navigation.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-wizard.mjs +2 -2
- package/package.json +4 -4
- package/types/fundamental-ngx-core-grid-list.d.ts +10 -1
- package/types/fundamental-ngx-core-popover.d.ts +1 -1
|
@@ -128,11 +128,11 @@ class SideNavigationComponent {
|
|
|
128
128
|
return lists;
|
|
129
129
|
}
|
|
130
130
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SideNavigationComponent, deps: [{ token: i1.NestedListKeyboardService }, { token: i1.NestedListStateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
131
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: SideNavigationComponent, isStandalone: true, selector: "fd-side-nav", inputs: { sideNavigationConfiguration: "sideNavigationConfiguration", condensed: "condensed", collapseWidth: "collapseWidth", selectable: "selectable" }, host: { listeners: { "window:resize": "onResize()" }, properties: { "class.fd-side-nav--condensed": "this.condensed" } }, providers: [MenuKeyboardService, NestedListKeyboardService, NestedListStateService], queries: [{ propertyName: "sideNavUtility", first: true, predicate: SideNavigationUtilityDirective, descendants: true }, { propertyName: "sideNavMain", first: true, predicate: SideNavigationMainDirective, descendants: true }], viewQueries: [{ propertyName: "preparedNestedList", predicate: PreparedNestedListComponent, descendants: true }], ngImport: i0, template: "<nav class=\"fd-side-nav\" [class.fd-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\">\n @if (!sideNavigationConfiguration) {\n <ng-content></ng-content>\n } @else {\n @if (sideNavigationConfiguration.mainNavigation) {\n <div fd-side-nav-main>\n <fd-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.mainNavigation\"\n >\n </fd-prepared-nested-list>\n </div>\n }\n @if (sideNavigationConfiguration.utilityNavigation) {\n <div fd-side-nav-utility>\n <fd-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.utilityNavigation\"\n >\n </fd-prepared-nested-list>\n </div>\n }\n }\n</nav>\n", styles: [".fd-nested-list{--fdNestedList_Link_Height:2.75rem;--fdNestedList_Title_Font_Size:var(--sapFontLargeSize);--fdNestedList_Icon_Font_Size:var(--sapFontHeader4Size);--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:0;border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;list-style:none;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:100%}.fd-nested-list:after,.fd-nested-list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-nested-list [class*=level]{border-bottom:none}.fd-nested-list [class*=level] .fd-nested-list__content,.fd-nested-list [class*=level] .fd-nested-list__link{border-top:none}.fd-nested-list .fd-nested-list__content,.fd-nested-list .fd-nested-list__link{border-bottom:none;padding-inline:var(--fdNestedList_Item_Padding_Left) var(--fdNestedList_Item_Padding_Right)}.fd-nested-list .fd-nested-list__content.is-selected,.fd-nested-list .fd-nested-list__content[aria-selected=true],.fd-nested-list .fd-nested-list__link.is-selected,.fd-nested-list .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list .fd-nested-list__content.has-child,.fd-nested-list .fd-nested-list__link.has-child{padding-inline:0}.fd-nested-list .fd-nested-list__content.has-child>.fd-nested-list__title{padding-inline:var(--fdNestedList_Item_Padding_Left) var(--fdNestedList_Item_Padding_Right)}.fd-nested-list .level-2{--fdNestedList_Item_Padding_Left:2.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-3{--fdNestedList_Item_Padding_Left:3.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-4{--fdNestedList_Item_Padding_Left:4.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-5{--fdNestedList_Item_Padding_Left:5.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-6{--fdNestedList_Item_Padding_Left:6.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-7{--fdNestedList_Item_Padding_Left:7.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-8{--fdNestedList_Item_Padding_Left:8.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-9{--fdNestedList_Item_Padding_Left:9.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-10{--fdNestedList_Item_Padding_Left:10.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list[aria-hidden=true]{display:none}.fd-nested-list--popover{border-bottom:none}.fd-nested-list--popover .fd-nested-list__group-header{border-bottom:none;border-top-left-radius:var(--fdNested_List_Border_Corner_Radius);border-top-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list--popover .fd-nested-list__item:first-child,.fd-nested-list--popover .fd-nested-list__item:first-child .fd-nested-list__content,.fd-nested-list--popover .fd-nested-list__item:first-child .fd-nested-list__link{border-top-left-radius:var(--fdNested_List_Border_Corner_Radius);border-top-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list--popover .fd-nested-list__item:last-child,.fd-nested-list--popover .fd-nested-list__item:last-child .fd-nested-list__content,.fd-nested-list--popover .fd-nested-list__item:last-child .fd-nested-list__link{border-bottom-left-radius:var(--fdNested_List_Border_Corner_Radius);border-bottom-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list__item{background:var(--sapList_Background);border:0;-webkit-box-sizing:border-box;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-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-shadow:var(--fdVerticalNav_Text_Shadow)}.fd-nested-list__item:after,.fd-nested-list__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-nested-list__item:first-child .fd-nested-list__content,.fd-nested-list__item:first-child .fd-nested-list__link{border-top:none}.fd-nested-list__content,.fd-nested-list__link{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdNestedList_Link_Height);line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-decoration:none;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}.fd-nested-list__content:after,.fd-nested-list__content:before,.fd-nested-list__link:after,.fd-nested-list__link:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-nested-list__content.is-hover,.fd-nested-list__content.is-hover .fd-nested-list__button,.fd-nested-list__content:hover,.fd-nested-list__content:hover .fd-nested-list__button,.fd-nested-list__link.is-hover,.fd-nested-list__link.is-hover .fd-nested-list__button,.fd-nested-list__link:hover,.fd-nested-list__link:hover .fd-nested-list__button{background:var(--sapList_Hover_Background)}.fd-nested-list__content.is-focus,.fd-nested-list__content:focus,.fd-nested-list__link.is-focus,.fd-nested-list__link:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:-.1875rem}.fd-nested-list__content.is-selected,.fd-nested-list__content[aria-selected=true],.fd-nested-list__link.is-selected,.fd-nested-list__link[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);border-bottom:var(--sapList_BorderWidth) solid;border-bottom-color:var(--sapList_SelectionBorderColor)}.fd-nested-list__content.is-selected .fd-nested-list__button,.fd-nested-list__content[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link.is-selected .fd-nested-list__button,.fd-nested-list__link[aria-selected=true] .fd-nested-list__button{background:var(--sapList_SelectionBackgroundColor)}.fd-nested-list__content.is-selected.is-hover,.fd-nested-list__content.is-selected.is-hover .fd-nested-list__button,.fd-nested-list__content.is-selected:hover,.fd-nested-list__content.is-selected:hover .fd-nested-list__button,.fd-nested-list__content[aria-selected=true].is-hover,.fd-nested-list__content[aria-selected=true].is-hover .fd-nested-list__button,.fd-nested-list__content[aria-selected=true]:hover,.fd-nested-list__content[aria-selected=true]:hover .fd-nested-list__button,.fd-nested-list__link.is-selected.is-hover,.fd-nested-list__link.is-selected.is-hover .fd-nested-list__button,.fd-nested-list__link.is-selected:hover,.fd-nested-list__link.is-selected:hover .fd-nested-list__button,.fd-nested-list__link[aria-selected=true].is-hover,.fd-nested-list__link[aria-selected=true].is-hover .fd-nested-list__button,.fd-nested-list__link[aria-selected=true]:hover,.fd-nested-list__link[aria-selected=true]:hover .fd-nested-list__button{background:var(--sapList_Hover_SelectionBackground)}.fd-nested-list__content.is-active,.fd-nested-list__content.is-active .fd-nested-list__button,.fd-nested-list__content.is-active.is-selected,.fd-nested-list__content.is-active.is-selected .fd-nested-list__button,.fd-nested-list__content.is-active[aria-selected=true],.fd-nested-list__content.is-active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__content:active,.fd-nested-list__content:active .fd-nested-list__button,.fd-nested-list__content:active.is-selected,.fd-nested-list__content:active.is-selected .fd-nested-list__button,.fd-nested-list__content:active[aria-selected=true],.fd-nested-list__content:active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link.is-active,.fd-nested-list__link.is-active .fd-nested-list__button,.fd-nested-list__link.is-active.is-selected,.fd-nested-list__link.is-active.is-selected .fd-nested-list__button,.fd-nested-list__link.is-active[aria-selected=true],.fd-nested-list__link.is-active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link:active,.fd-nested-list__link:active .fd-nested-list__button,.fd-nested-list__link:active.is-selected,.fd-nested-list__link:active.is-selected .fd-nested-list__button,.fd-nested-list__link:active[aria-selected=true],.fd-nested-list__link:active[aria-selected=true] .fd-nested-list__button{background:var(--sapList_Active_Background)}.fd-nested-list__content.is-active .fd-nested-list__button,.fd-nested-list__content.is-active .fd-nested-list__icon,.fd-nested-list__content.is-active .fd-nested-list__title,.fd-nested-list__content:active .fd-nested-list__button,.fd-nested-list__content:active .fd-nested-list__icon,.fd-nested-list__content:active .fd-nested-list__title,.fd-nested-list__link.is-active .fd-nested-list__button,.fd-nested-list__link.is-active .fd-nested-list__icon,.fd-nested-list__link.is-active .fd-nested-list__title,.fd-nested-list__link:active .fd-nested-list__button,.fd-nested-list__link:active .fd-nested-list__icon,.fd-nested-list__link:active .fd-nested-list__title{color:var(--sapList_Active_TextColor)}.fd-nested-list__content.has-child,.fd-nested-list__link.has-child{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-block:0;padding-inline:0}.fd-nested-list__content.has-child>.fd-nested-list__item,.fd-nested-list__content.has-child>.fd-nested-list__link,.fd-nested-list__link.has-child>.fd-nested-list__item,.fd-nested-list__link.has-child>.fd-nested-list__link{border:none}.fd-nested-list__content.has-child>.fd-nested-list__link,.fd-nested-list__link.has-child>.fd-nested-list__link{background:transparent;border:none;height:100%}.fd-nested-list__content.has-child>.fd-nested-list__link.is-focus,.fd-nested-list__content.has-child>.fd-nested-list__link:focus,.fd-nested-list__link.has-child>.fd-nested-list__link.is-focus,.fd-nested-list__link.has-child>.fd-nested-list__link:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:-.1875rem}.fd-nested-list__content.has-child>.fd-nested-list__link>.fd-nested-list__title,.fd-nested-list__link.has-child>.fd-nested-list__link>.fd-nested-list__title{-webkit-padding-end:0;padding-inline-end:0}.fd-nested-list__link{cursor:pointer}.fd-nested-list__button.fd-button{background:none;border:none;color:var(--sapContent_IconColor);height:100%;max-height:100%;min-height:100%;min-width:2.5rem;outline:none;text-decoration:none}.fd-nested-list__button.fd-button [class*=sap-icon],.fd-nested-list__button.fd-button[class*=sap-icon]{font-size:var(--sapFontLargeSize)}.fd-nested-list__icon [class*=sap-icon],.fd-nested-list__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;color:var(--sapList_TextColor);font-size:var(--fdNestedList_Icon_Font_Size);justify-content:center;min-width:2.75rem}.fd-nested-list__icon [class*=sap-icon],.fd-nested-list__icon[class*=sap-icon],.fd-nested-list__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.fd-nested-list__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdNestedList_Title_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;width:100%;-webkit-padding-end:1rem;padding-inline-end:1rem;text-align:start}.fd-nested-list__title:after,.fd-nested-list__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-nested-list__title:first-child{-webkit-padding-start:2.75rem;padding-inline-start:2.75rem}.fd-nested-list__group-header{background:var(--sapList_GroupHeaderBackground);border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_GroupHeaderTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-weight:400;forced-color-adjust:none;height:2.75rem;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;font-size:var(--sapFontSize);font-weight:700;line-height:2rem;overflow:hidden;padding-inline:1rem;text-overflow:ellipsis;white-space:nowrap}.fd-nested-list__group-header:after,.fd-nested-list__group-header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-nested-list--no-border .fd-nested-list__group-header,.fd-nested-list--no-border .fd-nested-list__item,.fd-nested-list--no-border .fd-nested-list__link{border-top:none}.fd-nested-list--text-only{--fdNestedList_Item_Padding_Left:1rem}.fd-nested-list--text-only .fd-nested-list__content.has-child,.fd-nested-list--text-only .fd-nested-list__link.has-child{padding-block:0;padding-inline:0}.fd-nested-list--text-only .fd-nested-list__title:first-child{-webkit-padding-start:0;padding-inline-start:0}.fd-nested-list--text-only .level-2{--fdNestedList_Item_Padding_Left:2rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-2{--fdNestedList_Item_Padding_Left:2.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-3{--fdNestedList_Item_Padding_Left:3rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-3{--fdNestedList_Item_Padding_Left:3.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-4{--fdNestedList_Item_Padding_Left:4rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-4{--fdNestedList_Item_Padding_Left:4.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-5{--fdNestedList_Item_Padding_Left:5rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-5{--fdNestedList_Item_Padding_Left:5.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-6{--fdNestedList_Item_Padding_Left:6rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-6{--fdNestedList_Item_Padding_Left:6.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-7{--fdNestedList_Item_Padding_Left:7rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-7{--fdNestedList_Item_Padding_Left:7.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-8{--fdNestedList_Item_Padding_Left:8rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-8{--fdNestedList_Item_Padding_Left:8.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-9{--fdNestedList_Item_Padding_Left:9rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-9{--fdNestedList_Item_Padding_Left:9.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-10{--fdNestedList_Item_Padding_Left:10rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-10{--fdNestedList_Item_Padding_Left:10.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list[class*=-compact],[class*=-compact] .fd-nested-list:not([class*=-cozy]){--fdNestedList_Link_Height:2rem;--fdNestedList_Title_Font_Size:var(--sapFontSize);--fdNestedList_Icon_Font_Size:var(--sapFontLargeSize)}.fd-side-nav{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;background:var(--sapList_Background);-ms-flex-direction:column;flex-direction:column;height:100%;max-height:100%;width:var(--fdSideNav_Width,100%)}.fd-side-nav:after,.fd-side-nav:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-side-nav__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-inline:.5rem}.fd-side-nav__container:after,.fd-side-nav__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-side-nav__container--top{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;overflow-y:var(--fdSideNav_Overflow,scroll);position:relative;-webkit-padding-before:.5rem;padding-block-start:.5rem}.fd-side-nav__container--bottom{-webkit-padding-after:.5rem;padding-block-end:.5rem}.fd-side-nav__separator{background:var(--sapToolbar_SeparatorColor);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.0625rem;line-height:normal;margin-block:0;margin-block:.25rem;margin-inline:0;margin-inline:.5rem;min-height:.0625rem;padding-block:0;padding-inline:0}.fd-side-nav__separator:after,.fd-side-nav__separator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-side-nav__group-header{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-side-nav__group-header:after,.fd-side-nav__group-header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-side-nav[class*=-collapsed],[class*=-collapsed]{--fdSideNav_Width:4rem;--fdSideNav_Overflow:visible}.fd-nested-list__item{display:block}.fd-nested-list__item .fd-nested-list__link{cursor:pointer}.fd-nested-list__item .fd-nested-list__content .fd-nested-list__button.fd-button{background:none}\n/*! Bundled license information:\n\nfundamental-styles/dist/side-nav.css:\n (*!\n * Fundamental Library Styles v0.41.5\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"], dependencies: [{ kind: "directive", type: SideNavigationMainDirective, selector: "[fdSideNavigationMain], [fd-side-nav-main]" }, { kind: "component", type: PreparedNestedListComponent, selector: "fd-prepared-nested-list", inputs: ["first", "condensed", "list"] }, { kind: "directive", type: SideNavigationUtilityDirective, selector: "[fdSideNavigationUtility], [fd-side-nav-utility]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
131
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: SideNavigationComponent, isStandalone: true, selector: "fd-side-nav", inputs: { sideNavigationConfiguration: "sideNavigationConfiguration", condensed: "condensed", collapseWidth: "collapseWidth", selectable: "selectable" }, host: { listeners: { "window:resize": "onResize()" }, properties: { "class.fd-side-nav--condensed": "this.condensed" } }, providers: [MenuKeyboardService, NestedListKeyboardService, NestedListStateService], queries: [{ propertyName: "sideNavUtility", first: true, predicate: SideNavigationUtilityDirective, descendants: true }, { propertyName: "sideNavMain", first: true, predicate: SideNavigationMainDirective, descendants: true }], viewQueries: [{ propertyName: "preparedNestedList", predicate: PreparedNestedListComponent, descendants: true }], ngImport: i0, template: "<nav class=\"fd-side-nav\" [class.fd-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\">\n @if (!sideNavigationConfiguration) {\n <ng-content></ng-content>\n } @else {\n @if (sideNavigationConfiguration.mainNavigation) {\n <div fd-side-nav-main>\n <fd-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.mainNavigation\"\n >\n </fd-prepared-nested-list>\n </div>\n }\n @if (sideNavigationConfiguration.utilityNavigation) {\n <div fd-side-nav-utility>\n <fd-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.utilityNavigation\"\n >\n </fd-prepared-nested-list>\n </div>\n }\n }\n</nav>\n", styles: [".fd-nested-list{--fdNestedList_Link_Height:2.75rem;--fdNestedList_Title_Font_Size:var(--sapFontLargeSize);--fdNestedList_Icon_Font_Size:var(--sapFontHeader4Size);--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:0;border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;list-style:none;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:100%}.fd-nested-list:after,.fd-nested-list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-nested-list [class*=level]{border-bottom:none}.fd-nested-list [class*=level] .fd-nested-list__content,.fd-nested-list [class*=level] .fd-nested-list__link{border-top:none}.fd-nested-list .fd-nested-list__content,.fd-nested-list .fd-nested-list__link{border-bottom:none;padding-inline:var(--fdNestedList_Item_Padding_Left) var(--fdNestedList_Item_Padding_Right)}.fd-nested-list .fd-nested-list__content.is-selected,.fd-nested-list .fd-nested-list__content[aria-selected=true],.fd-nested-list .fd-nested-list__link.is-selected,.fd-nested-list .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list .fd-nested-list__content.has-child,.fd-nested-list .fd-nested-list__link.has-child{padding-inline:0}.fd-nested-list .fd-nested-list__content.has-child>.fd-nested-list__title{padding-inline:var(--fdNestedList_Item_Padding_Left) var(--fdNestedList_Item_Padding_Right)}.fd-nested-list .level-2{--fdNestedList_Item_Padding_Left:2.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-3{--fdNestedList_Item_Padding_Left:3.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-4{--fdNestedList_Item_Padding_Left:4.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-5{--fdNestedList_Item_Padding_Left:5.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-6{--fdNestedList_Item_Padding_Left:6.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-7{--fdNestedList_Item_Padding_Left:7.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-8{--fdNestedList_Item_Padding_Left:8.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-9{--fdNestedList_Item_Padding_Left:9.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-10{--fdNestedList_Item_Padding_Left:10.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list[aria-hidden=true]{display:none}.fd-nested-list--popover{border-bottom:none}.fd-nested-list--popover .fd-nested-list__group-header{border-bottom:none;border-top-left-radius:var(--fdNested_List_Border_Corner_Radius);border-top-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list--popover .fd-nested-list__item:first-child,.fd-nested-list--popover .fd-nested-list__item:first-child .fd-nested-list__content,.fd-nested-list--popover .fd-nested-list__item:first-child .fd-nested-list__link{border-top-left-radius:var(--fdNested_List_Border_Corner_Radius);border-top-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list--popover .fd-nested-list__item:last-child,.fd-nested-list--popover .fd-nested-list__item:last-child .fd-nested-list__content,.fd-nested-list--popover .fd-nested-list__item:last-child .fd-nested-list__link{border-bottom-left-radius:var(--fdNested_List_Border_Corner_Radius);border-bottom-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list__item{background:var(--sapList_Background);border:0;-webkit-box-sizing:border-box;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-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-shadow:var(--fdVerticalNav_Text_Shadow)}.fd-nested-list__item:after,.fd-nested-list__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-nested-list__item:first-child .fd-nested-list__content,.fd-nested-list__item:first-child .fd-nested-list__link{border-top:none}.fd-nested-list__content,.fd-nested-list__link{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdNestedList_Link_Height);line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-decoration:none;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}.fd-nested-list__content:after,.fd-nested-list__content:before,.fd-nested-list__link:after,.fd-nested-list__link:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-nested-list__content.is-hover,.fd-nested-list__content.is-hover .fd-nested-list__button,.fd-nested-list__content:hover,.fd-nested-list__content:hover .fd-nested-list__button,.fd-nested-list__link.is-hover,.fd-nested-list__link.is-hover .fd-nested-list__button,.fd-nested-list__link:hover,.fd-nested-list__link:hover .fd-nested-list__button{background:var(--sapList_Hover_Background)}.fd-nested-list__content.is-focus,.fd-nested-list__content:focus,.fd-nested-list__link.is-focus,.fd-nested-list__link:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:-.1875rem}.fd-nested-list__content.is-selected,.fd-nested-list__content[aria-selected=true],.fd-nested-list__link.is-selected,.fd-nested-list__link[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);border-bottom:var(--sapList_BorderWidth) solid;border-bottom-color:var(--sapList_SelectionBorderColor)}.fd-nested-list__content.is-selected .fd-nested-list__button,.fd-nested-list__content[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link.is-selected .fd-nested-list__button,.fd-nested-list__link[aria-selected=true] .fd-nested-list__button{background:var(--sapList_SelectionBackgroundColor)}.fd-nested-list__content.is-selected.is-hover,.fd-nested-list__content.is-selected.is-hover .fd-nested-list__button,.fd-nested-list__content.is-selected:hover,.fd-nested-list__content.is-selected:hover .fd-nested-list__button,.fd-nested-list__content[aria-selected=true].is-hover,.fd-nested-list__content[aria-selected=true].is-hover .fd-nested-list__button,.fd-nested-list__content[aria-selected=true]:hover,.fd-nested-list__content[aria-selected=true]:hover .fd-nested-list__button,.fd-nested-list__link.is-selected.is-hover,.fd-nested-list__link.is-selected.is-hover .fd-nested-list__button,.fd-nested-list__link.is-selected:hover,.fd-nested-list__link.is-selected:hover .fd-nested-list__button,.fd-nested-list__link[aria-selected=true].is-hover,.fd-nested-list__link[aria-selected=true].is-hover .fd-nested-list__button,.fd-nested-list__link[aria-selected=true]:hover,.fd-nested-list__link[aria-selected=true]:hover .fd-nested-list__button{background:var(--sapList_Hover_SelectionBackground)}.fd-nested-list__content.is-active,.fd-nested-list__content.is-active .fd-nested-list__button,.fd-nested-list__content.is-active.is-selected,.fd-nested-list__content.is-active.is-selected .fd-nested-list__button,.fd-nested-list__content.is-active[aria-selected=true],.fd-nested-list__content.is-active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__content:active,.fd-nested-list__content:active .fd-nested-list__button,.fd-nested-list__content:active.is-selected,.fd-nested-list__content:active.is-selected .fd-nested-list__button,.fd-nested-list__content:active[aria-selected=true],.fd-nested-list__content:active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link.is-active,.fd-nested-list__link.is-active .fd-nested-list__button,.fd-nested-list__link.is-active.is-selected,.fd-nested-list__link.is-active.is-selected .fd-nested-list__button,.fd-nested-list__link.is-active[aria-selected=true],.fd-nested-list__link.is-active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link:active,.fd-nested-list__link:active .fd-nested-list__button,.fd-nested-list__link:active.is-selected,.fd-nested-list__link:active.is-selected .fd-nested-list__button,.fd-nested-list__link:active[aria-selected=true],.fd-nested-list__link:active[aria-selected=true] .fd-nested-list__button{background:var(--sapList_Active_Background)}.fd-nested-list__content.is-active .fd-nested-list__button,.fd-nested-list__content.is-active .fd-nested-list__icon,.fd-nested-list__content.is-active .fd-nested-list__title,.fd-nested-list__content:active .fd-nested-list__button,.fd-nested-list__content:active .fd-nested-list__icon,.fd-nested-list__content:active .fd-nested-list__title,.fd-nested-list__link.is-active .fd-nested-list__button,.fd-nested-list__link.is-active .fd-nested-list__icon,.fd-nested-list__link.is-active .fd-nested-list__title,.fd-nested-list__link:active .fd-nested-list__button,.fd-nested-list__link:active .fd-nested-list__icon,.fd-nested-list__link:active .fd-nested-list__title{color:var(--sapList_Active_TextColor)}.fd-nested-list__content.has-child,.fd-nested-list__link.has-child{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-block:0;padding-inline:0}.fd-nested-list__content.has-child>.fd-nested-list__item,.fd-nested-list__content.has-child>.fd-nested-list__link,.fd-nested-list__link.has-child>.fd-nested-list__item,.fd-nested-list__link.has-child>.fd-nested-list__link{border:none}.fd-nested-list__content.has-child>.fd-nested-list__link,.fd-nested-list__link.has-child>.fd-nested-list__link{background:transparent;border:none;height:100%}.fd-nested-list__content.has-child>.fd-nested-list__link.is-focus,.fd-nested-list__content.has-child>.fd-nested-list__link:focus,.fd-nested-list__link.has-child>.fd-nested-list__link.is-focus,.fd-nested-list__link.has-child>.fd-nested-list__link:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:-.1875rem}.fd-nested-list__content.has-child>.fd-nested-list__link>.fd-nested-list__title,.fd-nested-list__link.has-child>.fd-nested-list__link>.fd-nested-list__title{-webkit-padding-end:0;padding-inline-end:0}.fd-nested-list__link{cursor:pointer}.fd-nested-list__button.fd-button{background:none;border:none;color:var(--sapContent_IconColor);height:100%;max-height:100%;min-height:100%;min-width:2.5rem;outline:none;text-decoration:none}.fd-nested-list__button.fd-button [class*=sap-icon],.fd-nested-list__button.fd-button[class*=sap-icon]{font-size:var(--sapFontLargeSize)}.fd-nested-list__icon [class*=sap-icon],.fd-nested-list__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;color:var(--sapList_TextColor);font-size:var(--fdNestedList_Icon_Font_Size);justify-content:center;min-width:2.75rem}.fd-nested-list__icon [class*=sap-icon],.fd-nested-list__icon[class*=sap-icon],.fd-nested-list__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.fd-nested-list__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdNestedList_Title_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;width:100%;-webkit-padding-end:1rem;padding-inline-end:1rem;text-align:start}.fd-nested-list__title:after,.fd-nested-list__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-nested-list__title:first-child{-webkit-padding-start:2.75rem;padding-inline-start:2.75rem}.fd-nested-list__group-header{background:var(--sapList_GroupHeaderBackground);border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_GroupHeaderTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-weight:400;forced-color-adjust:none;height:2.75rem;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;font-size:var(--sapFontSize);font-weight:700;line-height:2rem;overflow:hidden;padding-inline:1rem;text-overflow:ellipsis;white-space:nowrap}.fd-nested-list__group-header:after,.fd-nested-list__group-header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-nested-list--no-border .fd-nested-list__group-header,.fd-nested-list--no-border .fd-nested-list__item,.fd-nested-list--no-border .fd-nested-list__link{border-top:none}.fd-nested-list--text-only{--fdNestedList_Item_Padding_Left:1rem}.fd-nested-list--text-only .fd-nested-list__content.has-child,.fd-nested-list--text-only .fd-nested-list__link.has-child{padding-block:0;padding-inline:0}.fd-nested-list--text-only .fd-nested-list__title:first-child{-webkit-padding-start:0;padding-inline-start:0}.fd-nested-list--text-only .level-2{--fdNestedList_Item_Padding_Left:2rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-2{--fdNestedList_Item_Padding_Left:2.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-3{--fdNestedList_Item_Padding_Left:3rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-3{--fdNestedList_Item_Padding_Left:3.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-4{--fdNestedList_Item_Padding_Left:4rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-4{--fdNestedList_Item_Padding_Left:4.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-5{--fdNestedList_Item_Padding_Left:5rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-5{--fdNestedList_Item_Padding_Left:5.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-6{--fdNestedList_Item_Padding_Left:6rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-6{--fdNestedList_Item_Padding_Left:6.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-7{--fdNestedList_Item_Padding_Left:7rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-7{--fdNestedList_Item_Padding_Left:7.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-8{--fdNestedList_Item_Padding_Left:8rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-8{--fdNestedList_Item_Padding_Left:8.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-9{--fdNestedList_Item_Padding_Left:9rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-9{--fdNestedList_Item_Padding_Left:9.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-10{--fdNestedList_Item_Padding_Left:10rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-10{--fdNestedList_Item_Padding_Left:10.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list[class*=-compact],[class*=-compact] .fd-nested-list:not([class*=-cozy]){--fdNestedList_Link_Height:2rem;--fdNestedList_Title_Font_Size:var(--sapFontSize);--fdNestedList_Icon_Font_Size:var(--sapFontLargeSize)}.fd-side-nav{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;background:var(--sapList_Background);-ms-flex-direction:column;flex-direction:column;height:100%;max-height:100%;width:var(--fdSideNav_Width,100%)}.fd-side-nav:after,.fd-side-nav:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-side-nav__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-inline:.5rem}.fd-side-nav__container:after,.fd-side-nav__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-side-nav__container--top{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;overflow-y:var(--fdSideNav_Overflow,scroll);position:relative;-webkit-padding-before:.5rem;padding-block-start:.5rem}.fd-side-nav__container--bottom{-webkit-padding-after:.5rem;padding-block-end:.5rem}.fd-side-nav__separator{background:var(--sapToolbar_SeparatorColor);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.0625rem;line-height:normal;margin-block:0;margin-block:.25rem;margin-inline:0;margin-inline:.5rem;min-height:.0625rem;padding-block:0;padding-inline:0}.fd-side-nav__separator:after,.fd-side-nav__separator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-side-nav__group-header{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-side-nav__group-header:after,.fd-side-nav__group-header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-side-nav[class*=-collapsed],[class*=-collapsed]{--fdSideNav_Width:4rem;--fdSideNav_Overflow:visible}.fd-nested-list__item{display:block}.fd-nested-list__item .fd-nested-list__link{cursor:pointer}.fd-nested-list__item .fd-nested-list__content .fd-nested-list__button.fd-button{background:none}\n/*! Bundled license information:\n\nfundamental-styles/dist/side-nav.css:\n (*!\n * Fundamental Library Styles v0.41.6\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"], dependencies: [{ kind: "directive", type: SideNavigationMainDirective, selector: "[fdSideNavigationMain], [fd-side-nav-main]" }, { kind: "component", type: PreparedNestedListComponent, selector: "fd-prepared-nested-list", inputs: ["first", "condensed", "list"] }, { kind: "directive", type: SideNavigationUtilityDirective, selector: "[fdSideNavigationUtility], [fd-side-nav-utility]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
132
132
|
}
|
|
133
133
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SideNavigationComponent, decorators: [{
|
|
134
134
|
type: Component,
|
|
135
|
-
args: [{ selector: 'fd-side-nav', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [MenuKeyboardService, NestedListKeyboardService, NestedListStateService], imports: [SideNavigationMainDirective, PreparedNestedListComponent, SideNavigationUtilityDirective], template: "<nav class=\"fd-side-nav\" [class.fd-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\">\n @if (!sideNavigationConfiguration) {\n <ng-content></ng-content>\n } @else {\n @if (sideNavigationConfiguration.mainNavigation) {\n <div fd-side-nav-main>\n <fd-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.mainNavigation\"\n >\n </fd-prepared-nested-list>\n </div>\n }\n @if (sideNavigationConfiguration.utilityNavigation) {\n <div fd-side-nav-utility>\n <fd-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.utilityNavigation\"\n >\n </fd-prepared-nested-list>\n </div>\n }\n }\n</nav>\n", styles: [".fd-nested-list{--fdNestedList_Link_Height:2.75rem;--fdNestedList_Title_Font_Size:var(--sapFontLargeSize);--fdNestedList_Icon_Font_Size:var(--sapFontHeader4Size);--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:0;border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;list-style:none;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:100%}.fd-nested-list:after,.fd-nested-list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-nested-list [class*=level]{border-bottom:none}.fd-nested-list [class*=level] .fd-nested-list__content,.fd-nested-list [class*=level] .fd-nested-list__link{border-top:none}.fd-nested-list .fd-nested-list__content,.fd-nested-list .fd-nested-list__link{border-bottom:none;padding-inline:var(--fdNestedList_Item_Padding_Left) var(--fdNestedList_Item_Padding_Right)}.fd-nested-list .fd-nested-list__content.is-selected,.fd-nested-list .fd-nested-list__content[aria-selected=true],.fd-nested-list .fd-nested-list__link.is-selected,.fd-nested-list .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list .fd-nested-list__content.has-child,.fd-nested-list .fd-nested-list__link.has-child{padding-inline:0}.fd-nested-list .fd-nested-list__content.has-child>.fd-nested-list__title{padding-inline:var(--fdNestedList_Item_Padding_Left) var(--fdNestedList_Item_Padding_Right)}.fd-nested-list .level-2{--fdNestedList_Item_Padding_Left:2.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-3{--fdNestedList_Item_Padding_Left:3.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-4{--fdNestedList_Item_Padding_Left:4.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-5{--fdNestedList_Item_Padding_Left:5.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-6{--fdNestedList_Item_Padding_Left:6.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-7{--fdNestedList_Item_Padding_Left:7.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-8{--fdNestedList_Item_Padding_Left:8.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-9{--fdNestedList_Item_Padding_Left:9.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-10{--fdNestedList_Item_Padding_Left:10.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list[aria-hidden=true]{display:none}.fd-nested-list--popover{border-bottom:none}.fd-nested-list--popover .fd-nested-list__group-header{border-bottom:none;border-top-left-radius:var(--fdNested_List_Border_Corner_Radius);border-top-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list--popover .fd-nested-list__item:first-child,.fd-nested-list--popover .fd-nested-list__item:first-child .fd-nested-list__content,.fd-nested-list--popover .fd-nested-list__item:first-child .fd-nested-list__link{border-top-left-radius:var(--fdNested_List_Border_Corner_Radius);border-top-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list--popover .fd-nested-list__item:last-child,.fd-nested-list--popover .fd-nested-list__item:last-child .fd-nested-list__content,.fd-nested-list--popover .fd-nested-list__item:last-child .fd-nested-list__link{border-bottom-left-radius:var(--fdNested_List_Border_Corner_Radius);border-bottom-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list__item{background:var(--sapList_Background);border:0;-webkit-box-sizing:border-box;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-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-shadow:var(--fdVerticalNav_Text_Shadow)}.fd-nested-list__item:after,.fd-nested-list__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-nested-list__item:first-child .fd-nested-list__content,.fd-nested-list__item:first-child .fd-nested-list__link{border-top:none}.fd-nested-list__content,.fd-nested-list__link{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdNestedList_Link_Height);line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-decoration:none;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}.fd-nested-list__content:after,.fd-nested-list__content:before,.fd-nested-list__link:after,.fd-nested-list__link:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-nested-list__content.is-hover,.fd-nested-list__content.is-hover .fd-nested-list__button,.fd-nested-list__content:hover,.fd-nested-list__content:hover .fd-nested-list__button,.fd-nested-list__link.is-hover,.fd-nested-list__link.is-hover .fd-nested-list__button,.fd-nested-list__link:hover,.fd-nested-list__link:hover .fd-nested-list__button{background:var(--sapList_Hover_Background)}.fd-nested-list__content.is-focus,.fd-nested-list__content:focus,.fd-nested-list__link.is-focus,.fd-nested-list__link:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:-.1875rem}.fd-nested-list__content.is-selected,.fd-nested-list__content[aria-selected=true],.fd-nested-list__link.is-selected,.fd-nested-list__link[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);border-bottom:var(--sapList_BorderWidth) solid;border-bottom-color:var(--sapList_SelectionBorderColor)}.fd-nested-list__content.is-selected .fd-nested-list__button,.fd-nested-list__content[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link.is-selected .fd-nested-list__button,.fd-nested-list__link[aria-selected=true] .fd-nested-list__button{background:var(--sapList_SelectionBackgroundColor)}.fd-nested-list__content.is-selected.is-hover,.fd-nested-list__content.is-selected.is-hover .fd-nested-list__button,.fd-nested-list__content.is-selected:hover,.fd-nested-list__content.is-selected:hover .fd-nested-list__button,.fd-nested-list__content[aria-selected=true].is-hover,.fd-nested-list__content[aria-selected=true].is-hover .fd-nested-list__button,.fd-nested-list__content[aria-selected=true]:hover,.fd-nested-list__content[aria-selected=true]:hover .fd-nested-list__button,.fd-nested-list__link.is-selected.is-hover,.fd-nested-list__link.is-selected.is-hover .fd-nested-list__button,.fd-nested-list__link.is-selected:hover,.fd-nested-list__link.is-selected:hover .fd-nested-list__button,.fd-nested-list__link[aria-selected=true].is-hover,.fd-nested-list__link[aria-selected=true].is-hover .fd-nested-list__button,.fd-nested-list__link[aria-selected=true]:hover,.fd-nested-list__link[aria-selected=true]:hover .fd-nested-list__button{background:var(--sapList_Hover_SelectionBackground)}.fd-nested-list__content.is-active,.fd-nested-list__content.is-active .fd-nested-list__button,.fd-nested-list__content.is-active.is-selected,.fd-nested-list__content.is-active.is-selected .fd-nested-list__button,.fd-nested-list__content.is-active[aria-selected=true],.fd-nested-list__content.is-active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__content:active,.fd-nested-list__content:active .fd-nested-list__button,.fd-nested-list__content:active.is-selected,.fd-nested-list__content:active.is-selected .fd-nested-list__button,.fd-nested-list__content:active[aria-selected=true],.fd-nested-list__content:active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link.is-active,.fd-nested-list__link.is-active .fd-nested-list__button,.fd-nested-list__link.is-active.is-selected,.fd-nested-list__link.is-active.is-selected .fd-nested-list__button,.fd-nested-list__link.is-active[aria-selected=true],.fd-nested-list__link.is-active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link:active,.fd-nested-list__link:active .fd-nested-list__button,.fd-nested-list__link:active.is-selected,.fd-nested-list__link:active.is-selected .fd-nested-list__button,.fd-nested-list__link:active[aria-selected=true],.fd-nested-list__link:active[aria-selected=true] .fd-nested-list__button{background:var(--sapList_Active_Background)}.fd-nested-list__content.is-active .fd-nested-list__button,.fd-nested-list__content.is-active .fd-nested-list__icon,.fd-nested-list__content.is-active .fd-nested-list__title,.fd-nested-list__content:active .fd-nested-list__button,.fd-nested-list__content:active .fd-nested-list__icon,.fd-nested-list__content:active .fd-nested-list__title,.fd-nested-list__link.is-active .fd-nested-list__button,.fd-nested-list__link.is-active .fd-nested-list__icon,.fd-nested-list__link.is-active .fd-nested-list__title,.fd-nested-list__link:active .fd-nested-list__button,.fd-nested-list__link:active .fd-nested-list__icon,.fd-nested-list__link:active .fd-nested-list__title{color:var(--sapList_Active_TextColor)}.fd-nested-list__content.has-child,.fd-nested-list__link.has-child{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-block:0;padding-inline:0}.fd-nested-list__content.has-child>.fd-nested-list__item,.fd-nested-list__content.has-child>.fd-nested-list__link,.fd-nested-list__link.has-child>.fd-nested-list__item,.fd-nested-list__link.has-child>.fd-nested-list__link{border:none}.fd-nested-list__content.has-child>.fd-nested-list__link,.fd-nested-list__link.has-child>.fd-nested-list__link{background:transparent;border:none;height:100%}.fd-nested-list__content.has-child>.fd-nested-list__link.is-focus,.fd-nested-list__content.has-child>.fd-nested-list__link:focus,.fd-nested-list__link.has-child>.fd-nested-list__link.is-focus,.fd-nested-list__link.has-child>.fd-nested-list__link:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:-.1875rem}.fd-nested-list__content.has-child>.fd-nested-list__link>.fd-nested-list__title,.fd-nested-list__link.has-child>.fd-nested-list__link>.fd-nested-list__title{-webkit-padding-end:0;padding-inline-end:0}.fd-nested-list__link{cursor:pointer}.fd-nested-list__button.fd-button{background:none;border:none;color:var(--sapContent_IconColor);height:100%;max-height:100%;min-height:100%;min-width:2.5rem;outline:none;text-decoration:none}.fd-nested-list__button.fd-button [class*=sap-icon],.fd-nested-list__button.fd-button[class*=sap-icon]{font-size:var(--sapFontLargeSize)}.fd-nested-list__icon [class*=sap-icon],.fd-nested-list__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;color:var(--sapList_TextColor);font-size:var(--fdNestedList_Icon_Font_Size);justify-content:center;min-width:2.75rem}.fd-nested-list__icon [class*=sap-icon],.fd-nested-list__icon[class*=sap-icon],.fd-nested-list__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.fd-nested-list__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdNestedList_Title_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;width:100%;-webkit-padding-end:1rem;padding-inline-end:1rem;text-align:start}.fd-nested-list__title:after,.fd-nested-list__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-nested-list__title:first-child{-webkit-padding-start:2.75rem;padding-inline-start:2.75rem}.fd-nested-list__group-header{background:var(--sapList_GroupHeaderBackground);border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_GroupHeaderTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-weight:400;forced-color-adjust:none;height:2.75rem;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;font-size:var(--sapFontSize);font-weight:700;line-height:2rem;overflow:hidden;padding-inline:1rem;text-overflow:ellipsis;white-space:nowrap}.fd-nested-list__group-header:after,.fd-nested-list__group-header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-nested-list--no-border .fd-nested-list__group-header,.fd-nested-list--no-border .fd-nested-list__item,.fd-nested-list--no-border .fd-nested-list__link{border-top:none}.fd-nested-list--text-only{--fdNestedList_Item_Padding_Left:1rem}.fd-nested-list--text-only .fd-nested-list__content.has-child,.fd-nested-list--text-only .fd-nested-list__link.has-child{padding-block:0;padding-inline:0}.fd-nested-list--text-only .fd-nested-list__title:first-child{-webkit-padding-start:0;padding-inline-start:0}.fd-nested-list--text-only .level-2{--fdNestedList_Item_Padding_Left:2rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-2{--fdNestedList_Item_Padding_Left:2.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-3{--fdNestedList_Item_Padding_Left:3rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-3{--fdNestedList_Item_Padding_Left:3.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-4{--fdNestedList_Item_Padding_Left:4rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-4{--fdNestedList_Item_Padding_Left:4.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-5{--fdNestedList_Item_Padding_Left:5rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-5{--fdNestedList_Item_Padding_Left:5.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-6{--fdNestedList_Item_Padding_Left:6rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-6{--fdNestedList_Item_Padding_Left:6.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-7{--fdNestedList_Item_Padding_Left:7rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-7{--fdNestedList_Item_Padding_Left:7.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-8{--fdNestedList_Item_Padding_Left:8rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-8{--fdNestedList_Item_Padding_Left:8.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-9{--fdNestedList_Item_Padding_Left:9rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-9{--fdNestedList_Item_Padding_Left:9.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-10{--fdNestedList_Item_Padding_Left:10rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-10{--fdNestedList_Item_Padding_Left:10.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list[class*=-compact],[class*=-compact] .fd-nested-list:not([class*=-cozy]){--fdNestedList_Link_Height:2rem;--fdNestedList_Title_Font_Size:var(--sapFontSize);--fdNestedList_Icon_Font_Size:var(--sapFontLargeSize)}.fd-side-nav{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;background:var(--sapList_Background);-ms-flex-direction:column;flex-direction:column;height:100%;max-height:100%;width:var(--fdSideNav_Width,100%)}.fd-side-nav:after,.fd-side-nav:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-side-nav__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-inline:.5rem}.fd-side-nav__container:after,.fd-side-nav__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-side-nav__container--top{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;overflow-y:var(--fdSideNav_Overflow,scroll);position:relative;-webkit-padding-before:.5rem;padding-block-start:.5rem}.fd-side-nav__container--bottom{-webkit-padding-after:.5rem;padding-block-end:.5rem}.fd-side-nav__separator{background:var(--sapToolbar_SeparatorColor);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.0625rem;line-height:normal;margin-block:0;margin-block:.25rem;margin-inline:0;margin-inline:.5rem;min-height:.0625rem;padding-block:0;padding-inline:0}.fd-side-nav__separator:after,.fd-side-nav__separator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-side-nav__group-header{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-side-nav__group-header:after,.fd-side-nav__group-header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-side-nav[class*=-collapsed],[class*=-collapsed]{--fdSideNav_Width:4rem;--fdSideNav_Overflow:visible}.fd-nested-list__item{display:block}.fd-nested-list__item .fd-nested-list__link{cursor:pointer}.fd-nested-list__item .fd-nested-list__content .fd-nested-list__button.fd-button{background:none}\n/*! Bundled license information:\n\nfundamental-styles/dist/side-nav.css:\n (*!\n * Fundamental Library Styles v0.41.5\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"] }]
|
|
135
|
+
args: [{ selector: 'fd-side-nav', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [MenuKeyboardService, NestedListKeyboardService, NestedListStateService], imports: [SideNavigationMainDirective, PreparedNestedListComponent, SideNavigationUtilityDirective], template: "<nav class=\"fd-side-nav\" [class.fd-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\">\n @if (!sideNavigationConfiguration) {\n <ng-content></ng-content>\n } @else {\n @if (sideNavigationConfiguration.mainNavigation) {\n <div fd-side-nav-main>\n <fd-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.mainNavigation\"\n >\n </fd-prepared-nested-list>\n </div>\n }\n @if (sideNavigationConfiguration.utilityNavigation) {\n <div fd-side-nav-utility>\n <fd-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.utilityNavigation\"\n >\n </fd-prepared-nested-list>\n </div>\n }\n }\n</nav>\n", styles: [".fd-nested-list{--fdNestedList_Link_Height:2.75rem;--fdNestedList_Title_Font_Size:var(--sapFontLargeSize);--fdNestedList_Icon_Font_Size:var(--sapFontHeader4Size);--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:0;border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;list-style:none;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:100%}.fd-nested-list:after,.fd-nested-list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-nested-list [class*=level]{border-bottom:none}.fd-nested-list [class*=level] .fd-nested-list__content,.fd-nested-list [class*=level] .fd-nested-list__link{border-top:none}.fd-nested-list .fd-nested-list__content,.fd-nested-list .fd-nested-list__link{border-bottom:none;padding-inline:var(--fdNestedList_Item_Padding_Left) var(--fdNestedList_Item_Padding_Right)}.fd-nested-list .fd-nested-list__content.is-selected,.fd-nested-list .fd-nested-list__content[aria-selected=true],.fd-nested-list .fd-nested-list__link.is-selected,.fd-nested-list .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list .fd-nested-list__content.has-child,.fd-nested-list .fd-nested-list__link.has-child{padding-inline:0}.fd-nested-list .fd-nested-list__content.has-child>.fd-nested-list__title{padding-inline:var(--fdNestedList_Item_Padding_Left) var(--fdNestedList_Item_Padding_Right)}.fd-nested-list .level-2{--fdNestedList_Item_Padding_Left:2.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-3{--fdNestedList_Item_Padding_Left:3.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-4{--fdNestedList_Item_Padding_Left:4.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-5{--fdNestedList_Item_Padding_Left:5.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-6{--fdNestedList_Item_Padding_Left:6.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-7{--fdNestedList_Item_Padding_Left:7.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-8{--fdNestedList_Item_Padding_Left:8.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-9{--fdNestedList_Item_Padding_Left:9.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-10{--fdNestedList_Item_Padding_Left:10.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list[aria-hidden=true]{display:none}.fd-nested-list--popover{border-bottom:none}.fd-nested-list--popover .fd-nested-list__group-header{border-bottom:none;border-top-left-radius:var(--fdNested_List_Border_Corner_Radius);border-top-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list--popover .fd-nested-list__item:first-child,.fd-nested-list--popover .fd-nested-list__item:first-child .fd-nested-list__content,.fd-nested-list--popover .fd-nested-list__item:first-child .fd-nested-list__link{border-top-left-radius:var(--fdNested_List_Border_Corner_Radius);border-top-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list--popover .fd-nested-list__item:last-child,.fd-nested-list--popover .fd-nested-list__item:last-child .fd-nested-list__content,.fd-nested-list--popover .fd-nested-list__item:last-child .fd-nested-list__link{border-bottom-left-radius:var(--fdNested_List_Border_Corner_Radius);border-bottom-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list__item{background:var(--sapList_Background);border:0;-webkit-box-sizing:border-box;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-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-shadow:var(--fdVerticalNav_Text_Shadow)}.fd-nested-list__item:after,.fd-nested-list__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-nested-list__item:first-child .fd-nested-list__content,.fd-nested-list__item:first-child .fd-nested-list__link{border-top:none}.fd-nested-list__content,.fd-nested-list__link{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdNestedList_Link_Height);line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-decoration:none;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}.fd-nested-list__content:after,.fd-nested-list__content:before,.fd-nested-list__link:after,.fd-nested-list__link:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-nested-list__content.is-hover,.fd-nested-list__content.is-hover .fd-nested-list__button,.fd-nested-list__content:hover,.fd-nested-list__content:hover .fd-nested-list__button,.fd-nested-list__link.is-hover,.fd-nested-list__link.is-hover .fd-nested-list__button,.fd-nested-list__link:hover,.fd-nested-list__link:hover .fd-nested-list__button{background:var(--sapList_Hover_Background)}.fd-nested-list__content.is-focus,.fd-nested-list__content:focus,.fd-nested-list__link.is-focus,.fd-nested-list__link:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:-.1875rem}.fd-nested-list__content.is-selected,.fd-nested-list__content[aria-selected=true],.fd-nested-list__link.is-selected,.fd-nested-list__link[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);border-bottom:var(--sapList_BorderWidth) solid;border-bottom-color:var(--sapList_SelectionBorderColor)}.fd-nested-list__content.is-selected .fd-nested-list__button,.fd-nested-list__content[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link.is-selected .fd-nested-list__button,.fd-nested-list__link[aria-selected=true] .fd-nested-list__button{background:var(--sapList_SelectionBackgroundColor)}.fd-nested-list__content.is-selected.is-hover,.fd-nested-list__content.is-selected.is-hover .fd-nested-list__button,.fd-nested-list__content.is-selected:hover,.fd-nested-list__content.is-selected:hover .fd-nested-list__button,.fd-nested-list__content[aria-selected=true].is-hover,.fd-nested-list__content[aria-selected=true].is-hover .fd-nested-list__button,.fd-nested-list__content[aria-selected=true]:hover,.fd-nested-list__content[aria-selected=true]:hover .fd-nested-list__button,.fd-nested-list__link.is-selected.is-hover,.fd-nested-list__link.is-selected.is-hover .fd-nested-list__button,.fd-nested-list__link.is-selected:hover,.fd-nested-list__link.is-selected:hover .fd-nested-list__button,.fd-nested-list__link[aria-selected=true].is-hover,.fd-nested-list__link[aria-selected=true].is-hover .fd-nested-list__button,.fd-nested-list__link[aria-selected=true]:hover,.fd-nested-list__link[aria-selected=true]:hover .fd-nested-list__button{background:var(--sapList_Hover_SelectionBackground)}.fd-nested-list__content.is-active,.fd-nested-list__content.is-active .fd-nested-list__button,.fd-nested-list__content.is-active.is-selected,.fd-nested-list__content.is-active.is-selected .fd-nested-list__button,.fd-nested-list__content.is-active[aria-selected=true],.fd-nested-list__content.is-active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__content:active,.fd-nested-list__content:active .fd-nested-list__button,.fd-nested-list__content:active.is-selected,.fd-nested-list__content:active.is-selected .fd-nested-list__button,.fd-nested-list__content:active[aria-selected=true],.fd-nested-list__content:active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link.is-active,.fd-nested-list__link.is-active .fd-nested-list__button,.fd-nested-list__link.is-active.is-selected,.fd-nested-list__link.is-active.is-selected .fd-nested-list__button,.fd-nested-list__link.is-active[aria-selected=true],.fd-nested-list__link.is-active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link:active,.fd-nested-list__link:active .fd-nested-list__button,.fd-nested-list__link:active.is-selected,.fd-nested-list__link:active.is-selected .fd-nested-list__button,.fd-nested-list__link:active[aria-selected=true],.fd-nested-list__link:active[aria-selected=true] .fd-nested-list__button{background:var(--sapList_Active_Background)}.fd-nested-list__content.is-active .fd-nested-list__button,.fd-nested-list__content.is-active .fd-nested-list__icon,.fd-nested-list__content.is-active .fd-nested-list__title,.fd-nested-list__content:active .fd-nested-list__button,.fd-nested-list__content:active .fd-nested-list__icon,.fd-nested-list__content:active .fd-nested-list__title,.fd-nested-list__link.is-active .fd-nested-list__button,.fd-nested-list__link.is-active .fd-nested-list__icon,.fd-nested-list__link.is-active .fd-nested-list__title,.fd-nested-list__link:active .fd-nested-list__button,.fd-nested-list__link:active .fd-nested-list__icon,.fd-nested-list__link:active .fd-nested-list__title{color:var(--sapList_Active_TextColor)}.fd-nested-list__content.has-child,.fd-nested-list__link.has-child{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-block:0;padding-inline:0}.fd-nested-list__content.has-child>.fd-nested-list__item,.fd-nested-list__content.has-child>.fd-nested-list__link,.fd-nested-list__link.has-child>.fd-nested-list__item,.fd-nested-list__link.has-child>.fd-nested-list__link{border:none}.fd-nested-list__content.has-child>.fd-nested-list__link,.fd-nested-list__link.has-child>.fd-nested-list__link{background:transparent;border:none;height:100%}.fd-nested-list__content.has-child>.fd-nested-list__link.is-focus,.fd-nested-list__content.has-child>.fd-nested-list__link:focus,.fd-nested-list__link.has-child>.fd-nested-list__link.is-focus,.fd-nested-list__link.has-child>.fd-nested-list__link:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:-.1875rem}.fd-nested-list__content.has-child>.fd-nested-list__link>.fd-nested-list__title,.fd-nested-list__link.has-child>.fd-nested-list__link>.fd-nested-list__title{-webkit-padding-end:0;padding-inline-end:0}.fd-nested-list__link{cursor:pointer}.fd-nested-list__button.fd-button{background:none;border:none;color:var(--sapContent_IconColor);height:100%;max-height:100%;min-height:100%;min-width:2.5rem;outline:none;text-decoration:none}.fd-nested-list__button.fd-button [class*=sap-icon],.fd-nested-list__button.fd-button[class*=sap-icon]{font-size:var(--sapFontLargeSize)}.fd-nested-list__icon [class*=sap-icon],.fd-nested-list__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;color:var(--sapList_TextColor);font-size:var(--fdNestedList_Icon_Font_Size);justify-content:center;min-width:2.75rem}.fd-nested-list__icon [class*=sap-icon],.fd-nested-list__icon[class*=sap-icon],.fd-nested-list__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.fd-nested-list__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdNestedList_Title_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;width:100%;-webkit-padding-end:1rem;padding-inline-end:1rem;text-align:start}.fd-nested-list__title:after,.fd-nested-list__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-nested-list__title:first-child{-webkit-padding-start:2.75rem;padding-inline-start:2.75rem}.fd-nested-list__group-header{background:var(--sapList_GroupHeaderBackground);border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_GroupHeaderTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-weight:400;forced-color-adjust:none;height:2.75rem;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;font-size:var(--sapFontSize);font-weight:700;line-height:2rem;overflow:hidden;padding-inline:1rem;text-overflow:ellipsis;white-space:nowrap}.fd-nested-list__group-header:after,.fd-nested-list__group-header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-nested-list--no-border .fd-nested-list__group-header,.fd-nested-list--no-border .fd-nested-list__item,.fd-nested-list--no-border .fd-nested-list__link{border-top:none}.fd-nested-list--text-only{--fdNestedList_Item_Padding_Left:1rem}.fd-nested-list--text-only .fd-nested-list__content.has-child,.fd-nested-list--text-only .fd-nested-list__link.has-child{padding-block:0;padding-inline:0}.fd-nested-list--text-only .fd-nested-list__title:first-child{-webkit-padding-start:0;padding-inline-start:0}.fd-nested-list--text-only .level-2{--fdNestedList_Item_Padding_Left:2rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-2{--fdNestedList_Item_Padding_Left:2.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-3{--fdNestedList_Item_Padding_Left:3rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-3{--fdNestedList_Item_Padding_Left:3.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-4{--fdNestedList_Item_Padding_Left:4rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-4{--fdNestedList_Item_Padding_Left:4.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-5{--fdNestedList_Item_Padding_Left:5rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-5{--fdNestedList_Item_Padding_Left:5.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-6{--fdNestedList_Item_Padding_Left:6rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-6{--fdNestedList_Item_Padding_Left:6.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-7{--fdNestedList_Item_Padding_Left:7rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-7{--fdNestedList_Item_Padding_Left:7.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-8{--fdNestedList_Item_Padding_Left:8rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-8{--fdNestedList_Item_Padding_Left:8.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-9{--fdNestedList_Item_Padding_Left:9rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-9{--fdNestedList_Item_Padding_Left:9.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-10{--fdNestedList_Item_Padding_Left:10rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-10{--fdNestedList_Item_Padding_Left:10.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list[class*=-compact],[class*=-compact] .fd-nested-list:not([class*=-cozy]){--fdNestedList_Link_Height:2rem;--fdNestedList_Title_Font_Size:var(--sapFontSize);--fdNestedList_Icon_Font_Size:var(--sapFontLargeSize)}.fd-side-nav{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;background:var(--sapList_Background);-ms-flex-direction:column;flex-direction:column;height:100%;max-height:100%;width:var(--fdSideNav_Width,100%)}.fd-side-nav:after,.fd-side-nav:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-side-nav__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-inline:.5rem}.fd-side-nav__container:after,.fd-side-nav__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-side-nav__container--top{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;overflow-y:var(--fdSideNav_Overflow,scroll);position:relative;-webkit-padding-before:.5rem;padding-block-start:.5rem}.fd-side-nav__container--bottom{-webkit-padding-after:.5rem;padding-block-end:.5rem}.fd-side-nav__separator{background:var(--sapToolbar_SeparatorColor);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.0625rem;line-height:normal;margin-block:0;margin-block:.25rem;margin-inline:0;margin-inline:.5rem;min-height:.0625rem;padding-block:0;padding-inline:0}.fd-side-nav__separator:after,.fd-side-nav__separator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-side-nav__group-header{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-side-nav__group-header:after,.fd-side-nav__group-header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-side-nav[class*=-collapsed],[class*=-collapsed]{--fdSideNav_Width:4rem;--fdSideNav_Overflow:visible}.fd-nested-list__item{display:block}.fd-nested-list__item .fd-nested-list__link{cursor:pointer}.fd-nested-list__item .fd-nested-list__content .fd-nested-list__button.fd-button{background:none}\n/*! Bundled license information:\n\nfundamental-styles/dist/side-nav.css:\n (*!\n * Fundamental Library Styles v0.41.6\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"] }]
|
|
136
136
|
}], ctorParameters: () => [{ type: i1.NestedListKeyboardService }, { type: i1.NestedListStateService }], propDecorators: { sideNavigationConfiguration: [{
|
|
137
137
|
type: Input
|
|
138
138
|
}], condensed: [{
|
|
@@ -123,7 +123,7 @@ class SkeletonComponent {
|
|
|
123
123
|
}, ...(ngDevMode ? [{ debugName: "textLineWidths" }] : []));
|
|
124
124
|
}
|
|
125
125
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
126
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: SkeletonComponent, isStandalone: true, selector: "fd-skeleton", inputs: { animated: { classPropertyName: "animated", publicName: "animated", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, textLines: { classPropertyName: "textLines", publicName: "textLines", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.fd-skeleton--animated": "animated()", "style.width": "computedWidth()", "style.height": "computedHeight()" }, classAttribute: "fd-skeleton" }, ngImport: i0, template: "<svg width=\"100%\" height=\"100%\" class=\"fd-skeleton__canvas\">\n <defs>\n <linearGradient id=\"skeletonGradient\">\n <stop offset=\"0\" stop-color=\"var(--sapContent_Placeholderloading_Background)\"></stop>\n <stop class=\"fd-skeleton__middle\">\n <animate attributeName=\"offset\" values=\"0; 0; 0.5; 1; 1\" dur=\"2s\" repeatCount=\"indefinite\" />\n </stop>\n <stop offset=\"1\" stop-color=\"var(--sapContent_Placeholderloading_Background)\"></stop>\n </linearGradient>\n <mask [id]=\"svgMaskId\">\n @if (type() === 'rectangle') {\n <rect x=\"0\" y=\"0\" width=\"100%\" rx=\"4\" height=\"100%\"></rect>\n }\n @if (type() === 'circle') {\n <circle cx=\"50%\" cy=\"50%\" r=\"50%\"></circle>\n }\n @if (type() === 'text') {\n @for (width of textLineWidths(); track $index; let i = $index) {\n <rect x=\"0\" [attr.y]=\"i * LINE_SPACING\" rx=\"4\" height=\"8\" [attr.width]=\"width\"></rect>\n }\n }\n <ng-content></ng-content>\n </mask>\n </defs>\n <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" [attr.mask]=\"'url(#' + svgMaskId + ')'\"></rect>\n</svg>\n", styles: [".fd-col,.fd-container,.fd-row{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-col:after,.fd-col:before,.fd-container:after,.fd-container:before,.fd-row:after,.fd-row:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;padding-block:0;padding-inline:.25rem;position:relative}.fd-container .fd-row{margin-inline:-.25rem;min-width:calc(100% + .5rem)}.fd-container>.fd-row>.fd-col{padding-block:.25rem}.fd-container.fd-container--no-gap .fd-row,.fd-container.fd-container--no-horizontal-gap .fd-row{margin-inline:0}.fd-container.fd-container--no-gap .fd-row .fd-col,.fd-container.fd-container--no-horizontal-gap .fd-row .fd-col{padding-inline:0}.fd-container.fd-container--no-gap>.fd-row>.fd-col,.fd-container.fd-container--no-vertical-gap>.fd-row>.fd-col{padding-block:0}.fd-container[dir=rtl],[dir=rtl] .fd-container{direction:rtl}.fd-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;min-width:100%;position:relative}.fd-col{max-width:100%;min-width:100%;padding-inline:.25rem}.fd-col--0{max-width:0;min-width:0%}.fd-col--offset-0{-webkit-margin-start:0;margin-inline-start:0}.fd-col--offset-after-0{-webkit-margin-end:0;margin-inline-end:0}.fd-col--1{max-width:8.3333333333%;min-width:8.3333333333%}.fd-col--offset-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.fd-col--offset-after-1{-webkit-margin-end:8.3333333333%;margin-inline-end:8.3333333333%}.fd-col--2{max-width:16.6666666667%;min-width:16.6666666667%}.fd-col--offset-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.fd-col--offset-after-2{-webkit-margin-end:16.6666666667%;margin-inline-end:16.6666666667%}.fd-col--3{max-width:25%;min-width:25%}.fd-col--offset-3{-webkit-margin-start:25%;margin-inline-start:25%}.fd-col--offset-after-3{-webkit-margin-end:25%;margin-inline-end:25%}.fd-col--4{max-width:33.3333333333%;min-width:33.3333333333%}.fd-col--offset-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.fd-col--offset-after-4{-webkit-margin-end:33.3333333333%;margin-inline-end:33.3333333333%}.fd-col--5{max-width:41.6666666667%;min-width:41.6666666667%}.fd-col--offset-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.fd-col--offset-after-5{-webkit-margin-end:41.6666666667%;margin-inline-end:41.6666666667%}.fd-col--6{max-width:50%;min-width:50%}.fd-col--offset-6{-webkit-margin-start:50%;margin-inline-start:50%}.fd-col--offset-after-6{-webkit-margin-end:50%;margin-inline-end:50%}.fd-col--7{max-width:58.3333333333%;min-width:58.3333333333%}.fd-col--offset-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.fd-col--offset-after-7{-webkit-margin-end:58.3333333333%;margin-inline-end:58.3333333333%}.fd-col--8{max-width:66.6666666667%;min-width:66.6666666667%}.fd-col--offset-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.fd-col--offset-after-8{-webkit-margin-end:66.6666666667%;margin-inline-end:66.6666666667%}.fd-col--9{max-width:75%;min-width:75%}.fd-col--offset-9{-webkit-margin-start:75%;margin-inline-start:75%}.fd-col--offset-after-9{-webkit-margin-end:75%;margin-inline-end:75%}.fd-col--10{max-width:83.3333333333%;min-width:83.3333333333%}.fd-col--offset-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.fd-col--offset-after-10{-webkit-margin-end:83.3333333333%;margin-inline-end:83.3333333333%}.fd-col--11{max-width:91.6666666667%;min-width:91.6666666667%}.fd-col--offset-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.fd-col--offset-after-11{-webkit-margin-end:91.6666666667%;margin-inline-end:91.6666666667%}.fd-col--12{max-width:100%;min-width:100%}.fd-col--offset-12{-webkit-margin-start:100%;margin-inline-start:100%}.fd-col--offset-after-12{-webkit-margin-end:100%;margin-inline-end:100%}.fd-col--full{max-width:none;min-width:8.3333333333%;-webkit-box-flex:1;-ms-flex:1;flex:1}.fd-col--wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}@media(width>=600px){.fd-container{padding-block:0;padding-inline:.5rem}.fd-container .fd-row{margin-inline:-.5rem;min-width:calc(100% + 1rem)}.fd-container>.fd-row>.fd-col{padding-block:.5rem}.fd-col{padding-inline:.5rem}.fd-col-md--0{max-width:0;min-width:0%}.fd-col-md--offset-0{-webkit-margin-start:0;margin-inline-start:0}.fd-col-md--offset-after-0{-webkit-margin-end:0;margin-inline-end:0}.fd-col-md--1{max-width:8.3333333333%;min-width:8.3333333333%}.fd-col-md--offset-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.fd-col-md--offset-after-1{-webkit-margin-end:8.3333333333%;margin-inline-end:8.3333333333%}.fd-col-md--2{max-width:16.6666666667%;min-width:16.6666666667%}.fd-col-md--offset-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.fd-col-md--offset-after-2{-webkit-margin-end:16.6666666667%;margin-inline-end:16.6666666667%}.fd-col-md--3{max-width:25%;min-width:25%}.fd-col-md--offset-3{-webkit-margin-start:25%;margin-inline-start:25%}.fd-col-md--offset-after-3{-webkit-margin-end:25%;margin-inline-end:25%}.fd-col-md--4{max-width:33.3333333333%;min-width:33.3333333333%}.fd-col-md--offset-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.fd-col-md--offset-after-4{-webkit-margin-end:33.3333333333%;margin-inline-end:33.3333333333%}.fd-col-md--5{max-width:41.6666666667%;min-width:41.6666666667%}.fd-col-md--offset-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.fd-col-md--offset-after-5{-webkit-margin-end:41.6666666667%;margin-inline-end:41.6666666667%}.fd-col-md--6{max-width:50%;min-width:50%}.fd-col-md--offset-6{-webkit-margin-start:50%;margin-inline-start:50%}.fd-col-md--offset-after-6{-webkit-margin-end:50%;margin-inline-end:50%}.fd-col-md--7{max-width:58.3333333333%;min-width:58.3333333333%}.fd-col-md--offset-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.fd-col-md--offset-after-7{-webkit-margin-end:58.3333333333%;margin-inline-end:58.3333333333%}.fd-col-md--8{max-width:66.6666666667%;min-width:66.6666666667%}.fd-col-md--offset-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.fd-col-md--offset-after-8{-webkit-margin-end:66.6666666667%;margin-inline-end:66.6666666667%}.fd-col-md--9{max-width:75%;min-width:75%}.fd-col-md--offset-9{-webkit-margin-start:75%;margin-inline-start:75%}.fd-col-md--offset-after-9{-webkit-margin-end:75%;margin-inline-end:75%}.fd-col-md--10{max-width:83.3333333333%;min-width:83.3333333333%}.fd-col-md--offset-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.fd-col-md--offset-after-10{-webkit-margin-end:83.3333333333%;margin-inline-end:83.3333333333%}.fd-col-md--11{max-width:91.6666666667%;min-width:91.6666666667%}.fd-col-md--offset-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.fd-col-md--offset-after-11{-webkit-margin-end:91.6666666667%;margin-inline-end:91.6666666667%}.fd-col-md--12{max-width:100%;min-width:100%}.fd-col-md--offset-12{-webkit-margin-start:100%;margin-inline-start:100%}.fd-col-md--offset-after-12{-webkit-margin-end:100%;margin-inline-end:100%}}@media(width>=1024px){.fd-col-lg--0{max-width:0;min-width:0%}.fd-col-lg--offset-0{-webkit-margin-start:0;margin-inline-start:0}.fd-col-lg--offset-after-0{-webkit-margin-end:0;margin-inline-end:0}.fd-col-lg--1{max-width:8.3333333333%;min-width:8.3333333333%}.fd-col-lg--offset-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.fd-col-lg--offset-after-1{-webkit-margin-end:8.3333333333%;margin-inline-end:8.3333333333%}.fd-col-lg--2{max-width:16.6666666667%;min-width:16.6666666667%}.fd-col-lg--offset-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.fd-col-lg--offset-after-2{-webkit-margin-end:16.6666666667%;margin-inline-end:16.6666666667%}.fd-col-lg--3{max-width:25%;min-width:25%}.fd-col-lg--offset-3{-webkit-margin-start:25%;margin-inline-start:25%}.fd-col-lg--offset-after-3{-webkit-margin-end:25%;margin-inline-end:25%}.fd-col-lg--4{max-width:33.3333333333%;min-width:33.3333333333%}.fd-col-lg--offset-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.fd-col-lg--offset-after-4{-webkit-margin-end:33.3333333333%;margin-inline-end:33.3333333333%}.fd-col-lg--5{max-width:41.6666666667%;min-width:41.6666666667%}.fd-col-lg--offset-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.fd-col-lg--offset-after-5{-webkit-margin-end:41.6666666667%;margin-inline-end:41.6666666667%}.fd-col-lg--6{max-width:50%;min-width:50%}.fd-col-lg--offset-6{-webkit-margin-start:50%;margin-inline-start:50%}.fd-col-lg--offset-after-6{-webkit-margin-end:50%;margin-inline-end:50%}.fd-col-lg--7{max-width:58.3333333333%;min-width:58.3333333333%}.fd-col-lg--offset-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.fd-col-lg--offset-after-7{-webkit-margin-end:58.3333333333%;margin-inline-end:58.3333333333%}.fd-col-lg--8{max-width:66.6666666667%;min-width:66.6666666667%}.fd-col-lg--offset-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.fd-col-lg--offset-after-8{-webkit-margin-end:66.6666666667%;margin-inline-end:66.6666666667%}.fd-col-lg--9{max-width:75%;min-width:75%}.fd-col-lg--offset-9{-webkit-margin-start:75%;margin-inline-start:75%}.fd-col-lg--offset-after-9{-webkit-margin-end:75%;margin-inline-end:75%}.fd-col-lg--10{max-width:83.3333333333%;min-width:83.3333333333%}.fd-col-lg--offset-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.fd-col-lg--offset-after-10{-webkit-margin-end:83.3333333333%;margin-inline-end:83.3333333333%}.fd-col-lg--11{max-width:91.6666666667%;min-width:91.6666666667%}.fd-col-lg--offset-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.fd-col-lg--offset-after-11{-webkit-margin-end:91.6666666667%;margin-inline-end:91.6666666667%}.fd-col-lg--12{max-width:100%;min-width:100%}.fd-col-lg--offset-12{-webkit-margin-start:100%;margin-inline-start:100%}.fd-col-lg--offset-after-12{-webkit-margin-end:100%;margin-inline-end:100%}}@media(width>=1440px){.fd-col-xl--0{max-width:0;min-width:0%}.fd-col-xl--offset-0{-webkit-margin-start:0;margin-inline-start:0}.fd-col-xl--offset-after-0{-webkit-margin-end:0;margin-inline-end:0}.fd-col-xl--1{max-width:8.3333333333%;min-width:8.3333333333%}.fd-col-xl--offset-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.fd-col-xl--offset-after-1{-webkit-margin-end:8.3333333333%;margin-inline-end:8.3333333333%}.fd-col-xl--2{max-width:16.6666666667%;min-width:16.6666666667%}.fd-col-xl--offset-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.fd-col-xl--offset-after-2{-webkit-margin-end:16.6666666667%;margin-inline-end:16.6666666667%}.fd-col-xl--3{max-width:25%;min-width:25%}.fd-col-xl--offset-3{-webkit-margin-start:25%;margin-inline-start:25%}.fd-col-xl--offset-after-3{-webkit-margin-end:25%;margin-inline-end:25%}.fd-col-xl--4{max-width:33.3333333333%;min-width:33.3333333333%}.fd-col-xl--offset-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.fd-col-xl--offset-after-4{-webkit-margin-end:33.3333333333%;margin-inline-end:33.3333333333%}.fd-col-xl--5{max-width:41.6666666667%;min-width:41.6666666667%}.fd-col-xl--offset-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.fd-col-xl--offset-after-5{-webkit-margin-end:41.6666666667%;margin-inline-end:41.6666666667%}.fd-col-xl--6{max-width:50%;min-width:50%}.fd-col-xl--offset-6{-webkit-margin-start:50%;margin-inline-start:50%}.fd-col-xl--offset-after-6{-webkit-margin-end:50%;margin-inline-end:50%}.fd-col-xl--7{max-width:58.3333333333%;min-width:58.3333333333%}.fd-col-xl--offset-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.fd-col-xl--offset-after-7{-webkit-margin-end:58.3333333333%;margin-inline-end:58.3333333333%}.fd-col-xl--8{max-width:66.6666666667%;min-width:66.6666666667%}.fd-col-xl--offset-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.fd-col-xl--offset-after-8{-webkit-margin-end:66.6666666667%;margin-inline-end:66.6666666667%}.fd-col-xl--9{max-width:75%;min-width:75%}.fd-col-xl--offset-9{-webkit-margin-start:75%;margin-inline-start:75%}.fd-col-xl--offset-after-9{-webkit-margin-end:75%;margin-inline-end:75%}.fd-col-xl--10{max-width:83.3333333333%;min-width:83.3333333333%}.fd-col-xl--offset-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.fd-col-xl--offset-after-10{-webkit-margin-end:83.3333333333%;margin-inline-end:83.3333333333%}.fd-col-xl--11{max-width:91.6666666667%;min-width:91.6666666667%}.fd-col-xl--offset-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.fd-col-xl--offset-after-11{-webkit-margin-end:91.6666666667%;margin-inline-end:91.6666666667%}.fd-col-xl--12{max-width:100%;min-width:100%}.fd-col-xl--offset-12{-webkit-margin-start:100%;margin-inline-start:100%}.fd-col-xl--offset-after-12{-webkit-margin-end:100%;margin-inline-end:100%}}.fd-skeleton{display:inline-block;cursor:wait}.fd-skeleton__canvas{display:block;fill:var(--sapContent_Placeholderloading_Background)}.fd-skeleton__middle{stop-color:var(--fdSkeletonGradientMiddleColor);animation:fd-skeleton-shimmer 2s linear infinite}.fd-skeleton--animated .fd-skeleton__canvas{--fdSkeletonGradientMiddleColor: #999;fill:url(#skeletonGradient)}@keyframes fd-skeleton-shimmer{0%{stop-color:var(--sapContent_Placeholderloading_Background)}35%{stop-color:var(--fdSkeletonGradientMiddleColor)}65%{stop-color:var(--fdSkeletonGradientMiddleColor)}to{stop-color:var(--sapContent_Placeholderloading_Background)}}\n/*! Bundled license information:\n\nfundamental-styles/dist/layout-grid.css:\n (*!\n * Fundamental Library Styles v0.41.5\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
126
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: SkeletonComponent, isStandalone: true, selector: "fd-skeleton", inputs: { animated: { classPropertyName: "animated", publicName: "animated", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, textLines: { classPropertyName: "textLines", publicName: "textLines", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.fd-skeleton--animated": "animated()", "style.width": "computedWidth()", "style.height": "computedHeight()" }, classAttribute: "fd-skeleton" }, ngImport: i0, template: "<svg width=\"100%\" height=\"100%\" class=\"fd-skeleton__canvas\">\n <defs>\n <linearGradient id=\"skeletonGradient\">\n <stop offset=\"0\" stop-color=\"var(--sapContent_Placeholderloading_Background)\"></stop>\n <stop class=\"fd-skeleton__middle\">\n <animate attributeName=\"offset\" values=\"0; 0; 0.5; 1; 1\" dur=\"2s\" repeatCount=\"indefinite\" />\n </stop>\n <stop offset=\"1\" stop-color=\"var(--sapContent_Placeholderloading_Background)\"></stop>\n </linearGradient>\n <mask [id]=\"svgMaskId\">\n @if (type() === 'rectangle') {\n <rect x=\"0\" y=\"0\" width=\"100%\" rx=\"4\" height=\"100%\"></rect>\n }\n @if (type() === 'circle') {\n <circle cx=\"50%\" cy=\"50%\" r=\"50%\"></circle>\n }\n @if (type() === 'text') {\n @for (width of textLineWidths(); track $index; let i = $index) {\n <rect x=\"0\" [attr.y]=\"i * LINE_SPACING\" rx=\"4\" height=\"8\" [attr.width]=\"width\"></rect>\n }\n }\n <ng-content></ng-content>\n </mask>\n </defs>\n <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" [attr.mask]=\"'url(#' + svgMaskId + ')'\"></rect>\n</svg>\n", styles: [".fd-col,.fd-container,.fd-row{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-col:after,.fd-col:before,.fd-container:after,.fd-container:before,.fd-row:after,.fd-row:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;padding-block:0;padding-inline:.25rem;position:relative}.fd-container .fd-row{margin-inline:-.25rem;min-width:calc(100% + .5rem)}.fd-container>.fd-row>.fd-col{padding-block:.25rem}.fd-container.fd-container--no-gap .fd-row,.fd-container.fd-container--no-horizontal-gap .fd-row{margin-inline:0}.fd-container.fd-container--no-gap .fd-row .fd-col,.fd-container.fd-container--no-horizontal-gap .fd-row .fd-col{padding-inline:0}.fd-container.fd-container--no-gap>.fd-row>.fd-col,.fd-container.fd-container--no-vertical-gap>.fd-row>.fd-col{padding-block:0}.fd-container[dir=rtl],[dir=rtl] .fd-container{direction:rtl}.fd-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;min-width:100%;position:relative}.fd-col{max-width:100%;min-width:100%;padding-inline:.25rem}.fd-col--0{max-width:0;min-width:0%}.fd-col--offset-0{-webkit-margin-start:0;margin-inline-start:0}.fd-col--offset-after-0{-webkit-margin-end:0;margin-inline-end:0}.fd-col--1{max-width:8.3333333333%;min-width:8.3333333333%}.fd-col--offset-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.fd-col--offset-after-1{-webkit-margin-end:8.3333333333%;margin-inline-end:8.3333333333%}.fd-col--2{max-width:16.6666666667%;min-width:16.6666666667%}.fd-col--offset-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.fd-col--offset-after-2{-webkit-margin-end:16.6666666667%;margin-inline-end:16.6666666667%}.fd-col--3{max-width:25%;min-width:25%}.fd-col--offset-3{-webkit-margin-start:25%;margin-inline-start:25%}.fd-col--offset-after-3{-webkit-margin-end:25%;margin-inline-end:25%}.fd-col--4{max-width:33.3333333333%;min-width:33.3333333333%}.fd-col--offset-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.fd-col--offset-after-4{-webkit-margin-end:33.3333333333%;margin-inline-end:33.3333333333%}.fd-col--5{max-width:41.6666666667%;min-width:41.6666666667%}.fd-col--offset-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.fd-col--offset-after-5{-webkit-margin-end:41.6666666667%;margin-inline-end:41.6666666667%}.fd-col--6{max-width:50%;min-width:50%}.fd-col--offset-6{-webkit-margin-start:50%;margin-inline-start:50%}.fd-col--offset-after-6{-webkit-margin-end:50%;margin-inline-end:50%}.fd-col--7{max-width:58.3333333333%;min-width:58.3333333333%}.fd-col--offset-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.fd-col--offset-after-7{-webkit-margin-end:58.3333333333%;margin-inline-end:58.3333333333%}.fd-col--8{max-width:66.6666666667%;min-width:66.6666666667%}.fd-col--offset-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.fd-col--offset-after-8{-webkit-margin-end:66.6666666667%;margin-inline-end:66.6666666667%}.fd-col--9{max-width:75%;min-width:75%}.fd-col--offset-9{-webkit-margin-start:75%;margin-inline-start:75%}.fd-col--offset-after-9{-webkit-margin-end:75%;margin-inline-end:75%}.fd-col--10{max-width:83.3333333333%;min-width:83.3333333333%}.fd-col--offset-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.fd-col--offset-after-10{-webkit-margin-end:83.3333333333%;margin-inline-end:83.3333333333%}.fd-col--11{max-width:91.6666666667%;min-width:91.6666666667%}.fd-col--offset-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.fd-col--offset-after-11{-webkit-margin-end:91.6666666667%;margin-inline-end:91.6666666667%}.fd-col--12{max-width:100%;min-width:100%}.fd-col--offset-12{-webkit-margin-start:100%;margin-inline-start:100%}.fd-col--offset-after-12{-webkit-margin-end:100%;margin-inline-end:100%}.fd-col--full{max-width:none;min-width:8.3333333333%;-webkit-box-flex:1;-ms-flex:1;flex:1}.fd-col--wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}@media(width>=600px){.fd-container{padding-block:0;padding-inline:.5rem}.fd-container .fd-row{margin-inline:-.5rem;min-width:calc(100% + 1rem)}.fd-container>.fd-row>.fd-col{padding-block:.5rem}.fd-col{padding-inline:.5rem}.fd-col-md--0{max-width:0;min-width:0%}.fd-col-md--offset-0{-webkit-margin-start:0;margin-inline-start:0}.fd-col-md--offset-after-0{-webkit-margin-end:0;margin-inline-end:0}.fd-col-md--1{max-width:8.3333333333%;min-width:8.3333333333%}.fd-col-md--offset-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.fd-col-md--offset-after-1{-webkit-margin-end:8.3333333333%;margin-inline-end:8.3333333333%}.fd-col-md--2{max-width:16.6666666667%;min-width:16.6666666667%}.fd-col-md--offset-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.fd-col-md--offset-after-2{-webkit-margin-end:16.6666666667%;margin-inline-end:16.6666666667%}.fd-col-md--3{max-width:25%;min-width:25%}.fd-col-md--offset-3{-webkit-margin-start:25%;margin-inline-start:25%}.fd-col-md--offset-after-3{-webkit-margin-end:25%;margin-inline-end:25%}.fd-col-md--4{max-width:33.3333333333%;min-width:33.3333333333%}.fd-col-md--offset-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.fd-col-md--offset-after-4{-webkit-margin-end:33.3333333333%;margin-inline-end:33.3333333333%}.fd-col-md--5{max-width:41.6666666667%;min-width:41.6666666667%}.fd-col-md--offset-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.fd-col-md--offset-after-5{-webkit-margin-end:41.6666666667%;margin-inline-end:41.6666666667%}.fd-col-md--6{max-width:50%;min-width:50%}.fd-col-md--offset-6{-webkit-margin-start:50%;margin-inline-start:50%}.fd-col-md--offset-after-6{-webkit-margin-end:50%;margin-inline-end:50%}.fd-col-md--7{max-width:58.3333333333%;min-width:58.3333333333%}.fd-col-md--offset-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.fd-col-md--offset-after-7{-webkit-margin-end:58.3333333333%;margin-inline-end:58.3333333333%}.fd-col-md--8{max-width:66.6666666667%;min-width:66.6666666667%}.fd-col-md--offset-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.fd-col-md--offset-after-8{-webkit-margin-end:66.6666666667%;margin-inline-end:66.6666666667%}.fd-col-md--9{max-width:75%;min-width:75%}.fd-col-md--offset-9{-webkit-margin-start:75%;margin-inline-start:75%}.fd-col-md--offset-after-9{-webkit-margin-end:75%;margin-inline-end:75%}.fd-col-md--10{max-width:83.3333333333%;min-width:83.3333333333%}.fd-col-md--offset-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.fd-col-md--offset-after-10{-webkit-margin-end:83.3333333333%;margin-inline-end:83.3333333333%}.fd-col-md--11{max-width:91.6666666667%;min-width:91.6666666667%}.fd-col-md--offset-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.fd-col-md--offset-after-11{-webkit-margin-end:91.6666666667%;margin-inline-end:91.6666666667%}.fd-col-md--12{max-width:100%;min-width:100%}.fd-col-md--offset-12{-webkit-margin-start:100%;margin-inline-start:100%}.fd-col-md--offset-after-12{-webkit-margin-end:100%;margin-inline-end:100%}}@media(width>=1024px){.fd-col-lg--0{max-width:0;min-width:0%}.fd-col-lg--offset-0{-webkit-margin-start:0;margin-inline-start:0}.fd-col-lg--offset-after-0{-webkit-margin-end:0;margin-inline-end:0}.fd-col-lg--1{max-width:8.3333333333%;min-width:8.3333333333%}.fd-col-lg--offset-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.fd-col-lg--offset-after-1{-webkit-margin-end:8.3333333333%;margin-inline-end:8.3333333333%}.fd-col-lg--2{max-width:16.6666666667%;min-width:16.6666666667%}.fd-col-lg--offset-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.fd-col-lg--offset-after-2{-webkit-margin-end:16.6666666667%;margin-inline-end:16.6666666667%}.fd-col-lg--3{max-width:25%;min-width:25%}.fd-col-lg--offset-3{-webkit-margin-start:25%;margin-inline-start:25%}.fd-col-lg--offset-after-3{-webkit-margin-end:25%;margin-inline-end:25%}.fd-col-lg--4{max-width:33.3333333333%;min-width:33.3333333333%}.fd-col-lg--offset-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.fd-col-lg--offset-after-4{-webkit-margin-end:33.3333333333%;margin-inline-end:33.3333333333%}.fd-col-lg--5{max-width:41.6666666667%;min-width:41.6666666667%}.fd-col-lg--offset-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.fd-col-lg--offset-after-5{-webkit-margin-end:41.6666666667%;margin-inline-end:41.6666666667%}.fd-col-lg--6{max-width:50%;min-width:50%}.fd-col-lg--offset-6{-webkit-margin-start:50%;margin-inline-start:50%}.fd-col-lg--offset-after-6{-webkit-margin-end:50%;margin-inline-end:50%}.fd-col-lg--7{max-width:58.3333333333%;min-width:58.3333333333%}.fd-col-lg--offset-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.fd-col-lg--offset-after-7{-webkit-margin-end:58.3333333333%;margin-inline-end:58.3333333333%}.fd-col-lg--8{max-width:66.6666666667%;min-width:66.6666666667%}.fd-col-lg--offset-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.fd-col-lg--offset-after-8{-webkit-margin-end:66.6666666667%;margin-inline-end:66.6666666667%}.fd-col-lg--9{max-width:75%;min-width:75%}.fd-col-lg--offset-9{-webkit-margin-start:75%;margin-inline-start:75%}.fd-col-lg--offset-after-9{-webkit-margin-end:75%;margin-inline-end:75%}.fd-col-lg--10{max-width:83.3333333333%;min-width:83.3333333333%}.fd-col-lg--offset-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.fd-col-lg--offset-after-10{-webkit-margin-end:83.3333333333%;margin-inline-end:83.3333333333%}.fd-col-lg--11{max-width:91.6666666667%;min-width:91.6666666667%}.fd-col-lg--offset-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.fd-col-lg--offset-after-11{-webkit-margin-end:91.6666666667%;margin-inline-end:91.6666666667%}.fd-col-lg--12{max-width:100%;min-width:100%}.fd-col-lg--offset-12{-webkit-margin-start:100%;margin-inline-start:100%}.fd-col-lg--offset-after-12{-webkit-margin-end:100%;margin-inline-end:100%}}@media(width>=1440px){.fd-col-xl--0{max-width:0;min-width:0%}.fd-col-xl--offset-0{-webkit-margin-start:0;margin-inline-start:0}.fd-col-xl--offset-after-0{-webkit-margin-end:0;margin-inline-end:0}.fd-col-xl--1{max-width:8.3333333333%;min-width:8.3333333333%}.fd-col-xl--offset-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.fd-col-xl--offset-after-1{-webkit-margin-end:8.3333333333%;margin-inline-end:8.3333333333%}.fd-col-xl--2{max-width:16.6666666667%;min-width:16.6666666667%}.fd-col-xl--offset-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.fd-col-xl--offset-after-2{-webkit-margin-end:16.6666666667%;margin-inline-end:16.6666666667%}.fd-col-xl--3{max-width:25%;min-width:25%}.fd-col-xl--offset-3{-webkit-margin-start:25%;margin-inline-start:25%}.fd-col-xl--offset-after-3{-webkit-margin-end:25%;margin-inline-end:25%}.fd-col-xl--4{max-width:33.3333333333%;min-width:33.3333333333%}.fd-col-xl--offset-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.fd-col-xl--offset-after-4{-webkit-margin-end:33.3333333333%;margin-inline-end:33.3333333333%}.fd-col-xl--5{max-width:41.6666666667%;min-width:41.6666666667%}.fd-col-xl--offset-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.fd-col-xl--offset-after-5{-webkit-margin-end:41.6666666667%;margin-inline-end:41.6666666667%}.fd-col-xl--6{max-width:50%;min-width:50%}.fd-col-xl--offset-6{-webkit-margin-start:50%;margin-inline-start:50%}.fd-col-xl--offset-after-6{-webkit-margin-end:50%;margin-inline-end:50%}.fd-col-xl--7{max-width:58.3333333333%;min-width:58.3333333333%}.fd-col-xl--offset-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.fd-col-xl--offset-after-7{-webkit-margin-end:58.3333333333%;margin-inline-end:58.3333333333%}.fd-col-xl--8{max-width:66.6666666667%;min-width:66.6666666667%}.fd-col-xl--offset-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.fd-col-xl--offset-after-8{-webkit-margin-end:66.6666666667%;margin-inline-end:66.6666666667%}.fd-col-xl--9{max-width:75%;min-width:75%}.fd-col-xl--offset-9{-webkit-margin-start:75%;margin-inline-start:75%}.fd-col-xl--offset-after-9{-webkit-margin-end:75%;margin-inline-end:75%}.fd-col-xl--10{max-width:83.3333333333%;min-width:83.3333333333%}.fd-col-xl--offset-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.fd-col-xl--offset-after-10{-webkit-margin-end:83.3333333333%;margin-inline-end:83.3333333333%}.fd-col-xl--11{max-width:91.6666666667%;min-width:91.6666666667%}.fd-col-xl--offset-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.fd-col-xl--offset-after-11{-webkit-margin-end:91.6666666667%;margin-inline-end:91.6666666667%}.fd-col-xl--12{max-width:100%;min-width:100%}.fd-col-xl--offset-12{-webkit-margin-start:100%;margin-inline-start:100%}.fd-col-xl--offset-after-12{-webkit-margin-end:100%;margin-inline-end:100%}}.fd-skeleton{display:inline-block;cursor:wait}.fd-skeleton__canvas{display:block;fill:var(--sapContent_Placeholderloading_Background)}.fd-skeleton__middle{stop-color:var(--fdSkeletonGradientMiddleColor);animation:fd-skeleton-shimmer 2s linear infinite}.fd-skeleton--animated .fd-skeleton__canvas{--fdSkeletonGradientMiddleColor: #999;fill:url(#skeletonGradient)}@keyframes fd-skeleton-shimmer{0%{stop-color:var(--sapContent_Placeholderloading_Background)}35%{stop-color:var(--fdSkeletonGradientMiddleColor)}65%{stop-color:var(--fdSkeletonGradientMiddleColor)}to{stop-color:var(--sapContent_Placeholderloading_Background)}}\n/*! Bundled license information:\n\nfundamental-styles/dist/layout-grid.css:\n (*!\n * Fundamental Library Styles v0.41.6\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
127
127
|
}
|
|
128
128
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SkeletonComponent, decorators: [{
|
|
129
129
|
type: Component,
|
|
@@ -132,7 +132,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
132
132
|
'[class.fd-skeleton--animated]': 'animated()',
|
|
133
133
|
'[style.width]': 'computedWidth()',
|
|
134
134
|
'[style.height]': 'computedHeight()'
|
|
135
|
-
}, imports: [], template: "<svg width=\"100%\" height=\"100%\" class=\"fd-skeleton__canvas\">\n <defs>\n <linearGradient id=\"skeletonGradient\">\n <stop offset=\"0\" stop-color=\"var(--sapContent_Placeholderloading_Background)\"></stop>\n <stop class=\"fd-skeleton__middle\">\n <animate attributeName=\"offset\" values=\"0; 0; 0.5; 1; 1\" dur=\"2s\" repeatCount=\"indefinite\" />\n </stop>\n <stop offset=\"1\" stop-color=\"var(--sapContent_Placeholderloading_Background)\"></stop>\n </linearGradient>\n <mask [id]=\"svgMaskId\">\n @if (type() === 'rectangle') {\n <rect x=\"0\" y=\"0\" width=\"100%\" rx=\"4\" height=\"100%\"></rect>\n }\n @if (type() === 'circle') {\n <circle cx=\"50%\" cy=\"50%\" r=\"50%\"></circle>\n }\n @if (type() === 'text') {\n @for (width of textLineWidths(); track $index; let i = $index) {\n <rect x=\"0\" [attr.y]=\"i * LINE_SPACING\" rx=\"4\" height=\"8\" [attr.width]=\"width\"></rect>\n }\n }\n <ng-content></ng-content>\n </mask>\n </defs>\n <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" [attr.mask]=\"'url(#' + svgMaskId + ')'\"></rect>\n</svg>\n", styles: [".fd-col,.fd-container,.fd-row{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-col:after,.fd-col:before,.fd-container:after,.fd-container:before,.fd-row:after,.fd-row:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;padding-block:0;padding-inline:.25rem;position:relative}.fd-container .fd-row{margin-inline:-.25rem;min-width:calc(100% + .5rem)}.fd-container>.fd-row>.fd-col{padding-block:.25rem}.fd-container.fd-container--no-gap .fd-row,.fd-container.fd-container--no-horizontal-gap .fd-row{margin-inline:0}.fd-container.fd-container--no-gap .fd-row .fd-col,.fd-container.fd-container--no-horizontal-gap .fd-row .fd-col{padding-inline:0}.fd-container.fd-container--no-gap>.fd-row>.fd-col,.fd-container.fd-container--no-vertical-gap>.fd-row>.fd-col{padding-block:0}.fd-container[dir=rtl],[dir=rtl] .fd-container{direction:rtl}.fd-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;min-width:100%;position:relative}.fd-col{max-width:100%;min-width:100%;padding-inline:.25rem}.fd-col--0{max-width:0;min-width:0%}.fd-col--offset-0{-webkit-margin-start:0;margin-inline-start:0}.fd-col--offset-after-0{-webkit-margin-end:0;margin-inline-end:0}.fd-col--1{max-width:8.3333333333%;min-width:8.3333333333%}.fd-col--offset-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.fd-col--offset-after-1{-webkit-margin-end:8.3333333333%;margin-inline-end:8.3333333333%}.fd-col--2{max-width:16.6666666667%;min-width:16.6666666667%}.fd-col--offset-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.fd-col--offset-after-2{-webkit-margin-end:16.6666666667%;margin-inline-end:16.6666666667%}.fd-col--3{max-width:25%;min-width:25%}.fd-col--offset-3{-webkit-margin-start:25%;margin-inline-start:25%}.fd-col--offset-after-3{-webkit-margin-end:25%;margin-inline-end:25%}.fd-col--4{max-width:33.3333333333%;min-width:33.3333333333%}.fd-col--offset-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.fd-col--offset-after-4{-webkit-margin-end:33.3333333333%;margin-inline-end:33.3333333333%}.fd-col--5{max-width:41.6666666667%;min-width:41.6666666667%}.fd-col--offset-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.fd-col--offset-after-5{-webkit-margin-end:41.6666666667%;margin-inline-end:41.6666666667%}.fd-col--6{max-width:50%;min-width:50%}.fd-col--offset-6{-webkit-margin-start:50%;margin-inline-start:50%}.fd-col--offset-after-6{-webkit-margin-end:50%;margin-inline-end:50%}.fd-col--7{max-width:58.3333333333%;min-width:58.3333333333%}.fd-col--offset-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.fd-col--offset-after-7{-webkit-margin-end:58.3333333333%;margin-inline-end:58.3333333333%}.fd-col--8{max-width:66.6666666667%;min-width:66.6666666667%}.fd-col--offset-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.fd-col--offset-after-8{-webkit-margin-end:66.6666666667%;margin-inline-end:66.6666666667%}.fd-col--9{max-width:75%;min-width:75%}.fd-col--offset-9{-webkit-margin-start:75%;margin-inline-start:75%}.fd-col--offset-after-9{-webkit-margin-end:75%;margin-inline-end:75%}.fd-col--10{max-width:83.3333333333%;min-width:83.3333333333%}.fd-col--offset-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.fd-col--offset-after-10{-webkit-margin-end:83.3333333333%;margin-inline-end:83.3333333333%}.fd-col--11{max-width:91.6666666667%;min-width:91.6666666667%}.fd-col--offset-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.fd-col--offset-after-11{-webkit-margin-end:91.6666666667%;margin-inline-end:91.6666666667%}.fd-col--12{max-width:100%;min-width:100%}.fd-col--offset-12{-webkit-margin-start:100%;margin-inline-start:100%}.fd-col--offset-after-12{-webkit-margin-end:100%;margin-inline-end:100%}.fd-col--full{max-width:none;min-width:8.3333333333%;-webkit-box-flex:1;-ms-flex:1;flex:1}.fd-col--wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}@media(width>=600px){.fd-container{padding-block:0;padding-inline:.5rem}.fd-container .fd-row{margin-inline:-.5rem;min-width:calc(100% + 1rem)}.fd-container>.fd-row>.fd-col{padding-block:.5rem}.fd-col{padding-inline:.5rem}.fd-col-md--0{max-width:0;min-width:0%}.fd-col-md--offset-0{-webkit-margin-start:0;margin-inline-start:0}.fd-col-md--offset-after-0{-webkit-margin-end:0;margin-inline-end:0}.fd-col-md--1{max-width:8.3333333333%;min-width:8.3333333333%}.fd-col-md--offset-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.fd-col-md--offset-after-1{-webkit-margin-end:8.3333333333%;margin-inline-end:8.3333333333%}.fd-col-md--2{max-width:16.6666666667%;min-width:16.6666666667%}.fd-col-md--offset-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.fd-col-md--offset-after-2{-webkit-margin-end:16.6666666667%;margin-inline-end:16.6666666667%}.fd-col-md--3{max-width:25%;min-width:25%}.fd-col-md--offset-3{-webkit-margin-start:25%;margin-inline-start:25%}.fd-col-md--offset-after-3{-webkit-margin-end:25%;margin-inline-end:25%}.fd-col-md--4{max-width:33.3333333333%;min-width:33.3333333333%}.fd-col-md--offset-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.fd-col-md--offset-after-4{-webkit-margin-end:33.3333333333%;margin-inline-end:33.3333333333%}.fd-col-md--5{max-width:41.6666666667%;min-width:41.6666666667%}.fd-col-md--offset-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.fd-col-md--offset-after-5{-webkit-margin-end:41.6666666667%;margin-inline-end:41.6666666667%}.fd-col-md--6{max-width:50%;min-width:50%}.fd-col-md--offset-6{-webkit-margin-start:50%;margin-inline-start:50%}.fd-col-md--offset-after-6{-webkit-margin-end:50%;margin-inline-end:50%}.fd-col-md--7{max-width:58.3333333333%;min-width:58.3333333333%}.fd-col-md--offset-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.fd-col-md--offset-after-7{-webkit-margin-end:58.3333333333%;margin-inline-end:58.3333333333%}.fd-col-md--8{max-width:66.6666666667%;min-width:66.6666666667%}.fd-col-md--offset-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.fd-col-md--offset-after-8{-webkit-margin-end:66.6666666667%;margin-inline-end:66.6666666667%}.fd-col-md--9{max-width:75%;min-width:75%}.fd-col-md--offset-9{-webkit-margin-start:75%;margin-inline-start:75%}.fd-col-md--offset-after-9{-webkit-margin-end:75%;margin-inline-end:75%}.fd-col-md--10{max-width:83.3333333333%;min-width:83.3333333333%}.fd-col-md--offset-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.fd-col-md--offset-after-10{-webkit-margin-end:83.3333333333%;margin-inline-end:83.3333333333%}.fd-col-md--11{max-width:91.6666666667%;min-width:91.6666666667%}.fd-col-md--offset-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.fd-col-md--offset-after-11{-webkit-margin-end:91.6666666667%;margin-inline-end:91.6666666667%}.fd-col-md--12{max-width:100%;min-width:100%}.fd-col-md--offset-12{-webkit-margin-start:100%;margin-inline-start:100%}.fd-col-md--offset-after-12{-webkit-margin-end:100%;margin-inline-end:100%}}@media(width>=1024px){.fd-col-lg--0{max-width:0;min-width:0%}.fd-col-lg--offset-0{-webkit-margin-start:0;margin-inline-start:0}.fd-col-lg--offset-after-0{-webkit-margin-end:0;margin-inline-end:0}.fd-col-lg--1{max-width:8.3333333333%;min-width:8.3333333333%}.fd-col-lg--offset-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.fd-col-lg--offset-after-1{-webkit-margin-end:8.3333333333%;margin-inline-end:8.3333333333%}.fd-col-lg--2{max-width:16.6666666667%;min-width:16.6666666667%}.fd-col-lg--offset-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.fd-col-lg--offset-after-2{-webkit-margin-end:16.6666666667%;margin-inline-end:16.6666666667%}.fd-col-lg--3{max-width:25%;min-width:25%}.fd-col-lg--offset-3{-webkit-margin-start:25%;margin-inline-start:25%}.fd-col-lg--offset-after-3{-webkit-margin-end:25%;margin-inline-end:25%}.fd-col-lg--4{max-width:33.3333333333%;min-width:33.3333333333%}.fd-col-lg--offset-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.fd-col-lg--offset-after-4{-webkit-margin-end:33.3333333333%;margin-inline-end:33.3333333333%}.fd-col-lg--5{max-width:41.6666666667%;min-width:41.6666666667%}.fd-col-lg--offset-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.fd-col-lg--offset-after-5{-webkit-margin-end:41.6666666667%;margin-inline-end:41.6666666667%}.fd-col-lg--6{max-width:50%;min-width:50%}.fd-col-lg--offset-6{-webkit-margin-start:50%;margin-inline-start:50%}.fd-col-lg--offset-after-6{-webkit-margin-end:50%;margin-inline-end:50%}.fd-col-lg--7{max-width:58.3333333333%;min-width:58.3333333333%}.fd-col-lg--offset-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.fd-col-lg--offset-after-7{-webkit-margin-end:58.3333333333%;margin-inline-end:58.3333333333%}.fd-col-lg--8{max-width:66.6666666667%;min-width:66.6666666667%}.fd-col-lg--offset-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.fd-col-lg--offset-after-8{-webkit-margin-end:66.6666666667%;margin-inline-end:66.6666666667%}.fd-col-lg--9{max-width:75%;min-width:75%}.fd-col-lg--offset-9{-webkit-margin-start:75%;margin-inline-start:75%}.fd-col-lg--offset-after-9{-webkit-margin-end:75%;margin-inline-end:75%}.fd-col-lg--10{max-width:83.3333333333%;min-width:83.3333333333%}.fd-col-lg--offset-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.fd-col-lg--offset-after-10{-webkit-margin-end:83.3333333333%;margin-inline-end:83.3333333333%}.fd-col-lg--11{max-width:91.6666666667%;min-width:91.6666666667%}.fd-col-lg--offset-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.fd-col-lg--offset-after-11{-webkit-margin-end:91.6666666667%;margin-inline-end:91.6666666667%}.fd-col-lg--12{max-width:100%;min-width:100%}.fd-col-lg--offset-12{-webkit-margin-start:100%;margin-inline-start:100%}.fd-col-lg--offset-after-12{-webkit-margin-end:100%;margin-inline-end:100%}}@media(width>=1440px){.fd-col-xl--0{max-width:0;min-width:0%}.fd-col-xl--offset-0{-webkit-margin-start:0;margin-inline-start:0}.fd-col-xl--offset-after-0{-webkit-margin-end:0;margin-inline-end:0}.fd-col-xl--1{max-width:8.3333333333%;min-width:8.3333333333%}.fd-col-xl--offset-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.fd-col-xl--offset-after-1{-webkit-margin-end:8.3333333333%;margin-inline-end:8.3333333333%}.fd-col-xl--2{max-width:16.6666666667%;min-width:16.6666666667%}.fd-col-xl--offset-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.fd-col-xl--offset-after-2{-webkit-margin-end:16.6666666667%;margin-inline-end:16.6666666667%}.fd-col-xl--3{max-width:25%;min-width:25%}.fd-col-xl--offset-3{-webkit-margin-start:25%;margin-inline-start:25%}.fd-col-xl--offset-after-3{-webkit-margin-end:25%;margin-inline-end:25%}.fd-col-xl--4{max-width:33.3333333333%;min-width:33.3333333333%}.fd-col-xl--offset-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.fd-col-xl--offset-after-4{-webkit-margin-end:33.3333333333%;margin-inline-end:33.3333333333%}.fd-col-xl--5{max-width:41.6666666667%;min-width:41.6666666667%}.fd-col-xl--offset-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.fd-col-xl--offset-after-5{-webkit-margin-end:41.6666666667%;margin-inline-end:41.6666666667%}.fd-col-xl--6{max-width:50%;min-width:50%}.fd-col-xl--offset-6{-webkit-margin-start:50%;margin-inline-start:50%}.fd-col-xl--offset-after-6{-webkit-margin-end:50%;margin-inline-end:50%}.fd-col-xl--7{max-width:58.3333333333%;min-width:58.3333333333%}.fd-col-xl--offset-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.fd-col-xl--offset-after-7{-webkit-margin-end:58.3333333333%;margin-inline-end:58.3333333333%}.fd-col-xl--8{max-width:66.6666666667%;min-width:66.6666666667%}.fd-col-xl--offset-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.fd-col-xl--offset-after-8{-webkit-margin-end:66.6666666667%;margin-inline-end:66.6666666667%}.fd-col-xl--9{max-width:75%;min-width:75%}.fd-col-xl--offset-9{-webkit-margin-start:75%;margin-inline-start:75%}.fd-col-xl--offset-after-9{-webkit-margin-end:75%;margin-inline-end:75%}.fd-col-xl--10{max-width:83.3333333333%;min-width:83.3333333333%}.fd-col-xl--offset-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.fd-col-xl--offset-after-10{-webkit-margin-end:83.3333333333%;margin-inline-end:83.3333333333%}.fd-col-xl--11{max-width:91.6666666667%;min-width:91.6666666667%}.fd-col-xl--offset-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.fd-col-xl--offset-after-11{-webkit-margin-end:91.6666666667%;margin-inline-end:91.6666666667%}.fd-col-xl--12{max-width:100%;min-width:100%}.fd-col-xl--offset-12{-webkit-margin-start:100%;margin-inline-start:100%}.fd-col-xl--offset-after-12{-webkit-margin-end:100%;margin-inline-end:100%}}.fd-skeleton{display:inline-block;cursor:wait}.fd-skeleton__canvas{display:block;fill:var(--sapContent_Placeholderloading_Background)}.fd-skeleton__middle{stop-color:var(--fdSkeletonGradientMiddleColor);animation:fd-skeleton-shimmer 2s linear infinite}.fd-skeleton--animated .fd-skeleton__canvas{--fdSkeletonGradientMiddleColor: #999;fill:url(#skeletonGradient)}@keyframes fd-skeleton-shimmer{0%{stop-color:var(--sapContent_Placeholderloading_Background)}35%{stop-color:var(--fdSkeletonGradientMiddleColor)}65%{stop-color:var(--fdSkeletonGradientMiddleColor)}to{stop-color:var(--sapContent_Placeholderloading_Background)}}\n/*! Bundled license information:\n\nfundamental-styles/dist/layout-grid.css:\n (*!\n * Fundamental Library Styles v0.41.5\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"] }]
|
|
135
|
+
}, imports: [], template: "<svg width=\"100%\" height=\"100%\" class=\"fd-skeleton__canvas\">\n <defs>\n <linearGradient id=\"skeletonGradient\">\n <stop offset=\"0\" stop-color=\"var(--sapContent_Placeholderloading_Background)\"></stop>\n <stop class=\"fd-skeleton__middle\">\n <animate attributeName=\"offset\" values=\"0; 0; 0.5; 1; 1\" dur=\"2s\" repeatCount=\"indefinite\" />\n </stop>\n <stop offset=\"1\" stop-color=\"var(--sapContent_Placeholderloading_Background)\"></stop>\n </linearGradient>\n <mask [id]=\"svgMaskId\">\n @if (type() === 'rectangle') {\n <rect x=\"0\" y=\"0\" width=\"100%\" rx=\"4\" height=\"100%\"></rect>\n }\n @if (type() === 'circle') {\n <circle cx=\"50%\" cy=\"50%\" r=\"50%\"></circle>\n }\n @if (type() === 'text') {\n @for (width of textLineWidths(); track $index; let i = $index) {\n <rect x=\"0\" [attr.y]=\"i * LINE_SPACING\" rx=\"4\" height=\"8\" [attr.width]=\"width\"></rect>\n }\n }\n <ng-content></ng-content>\n </mask>\n </defs>\n <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" [attr.mask]=\"'url(#' + svgMaskId + ')'\"></rect>\n</svg>\n", styles: [".fd-col,.fd-container,.fd-row{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-col:after,.fd-col:before,.fd-container:after,.fd-container:before,.fd-row:after,.fd-row:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;padding-block:0;padding-inline:.25rem;position:relative}.fd-container .fd-row{margin-inline:-.25rem;min-width:calc(100% + .5rem)}.fd-container>.fd-row>.fd-col{padding-block:.25rem}.fd-container.fd-container--no-gap .fd-row,.fd-container.fd-container--no-horizontal-gap .fd-row{margin-inline:0}.fd-container.fd-container--no-gap .fd-row .fd-col,.fd-container.fd-container--no-horizontal-gap .fd-row .fd-col{padding-inline:0}.fd-container.fd-container--no-gap>.fd-row>.fd-col,.fd-container.fd-container--no-vertical-gap>.fd-row>.fd-col{padding-block:0}.fd-container[dir=rtl],[dir=rtl] .fd-container{direction:rtl}.fd-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;min-width:100%;position:relative}.fd-col{max-width:100%;min-width:100%;padding-inline:.25rem}.fd-col--0{max-width:0;min-width:0%}.fd-col--offset-0{-webkit-margin-start:0;margin-inline-start:0}.fd-col--offset-after-0{-webkit-margin-end:0;margin-inline-end:0}.fd-col--1{max-width:8.3333333333%;min-width:8.3333333333%}.fd-col--offset-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.fd-col--offset-after-1{-webkit-margin-end:8.3333333333%;margin-inline-end:8.3333333333%}.fd-col--2{max-width:16.6666666667%;min-width:16.6666666667%}.fd-col--offset-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.fd-col--offset-after-2{-webkit-margin-end:16.6666666667%;margin-inline-end:16.6666666667%}.fd-col--3{max-width:25%;min-width:25%}.fd-col--offset-3{-webkit-margin-start:25%;margin-inline-start:25%}.fd-col--offset-after-3{-webkit-margin-end:25%;margin-inline-end:25%}.fd-col--4{max-width:33.3333333333%;min-width:33.3333333333%}.fd-col--offset-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.fd-col--offset-after-4{-webkit-margin-end:33.3333333333%;margin-inline-end:33.3333333333%}.fd-col--5{max-width:41.6666666667%;min-width:41.6666666667%}.fd-col--offset-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.fd-col--offset-after-5{-webkit-margin-end:41.6666666667%;margin-inline-end:41.6666666667%}.fd-col--6{max-width:50%;min-width:50%}.fd-col--offset-6{-webkit-margin-start:50%;margin-inline-start:50%}.fd-col--offset-after-6{-webkit-margin-end:50%;margin-inline-end:50%}.fd-col--7{max-width:58.3333333333%;min-width:58.3333333333%}.fd-col--offset-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.fd-col--offset-after-7{-webkit-margin-end:58.3333333333%;margin-inline-end:58.3333333333%}.fd-col--8{max-width:66.6666666667%;min-width:66.6666666667%}.fd-col--offset-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.fd-col--offset-after-8{-webkit-margin-end:66.6666666667%;margin-inline-end:66.6666666667%}.fd-col--9{max-width:75%;min-width:75%}.fd-col--offset-9{-webkit-margin-start:75%;margin-inline-start:75%}.fd-col--offset-after-9{-webkit-margin-end:75%;margin-inline-end:75%}.fd-col--10{max-width:83.3333333333%;min-width:83.3333333333%}.fd-col--offset-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.fd-col--offset-after-10{-webkit-margin-end:83.3333333333%;margin-inline-end:83.3333333333%}.fd-col--11{max-width:91.6666666667%;min-width:91.6666666667%}.fd-col--offset-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.fd-col--offset-after-11{-webkit-margin-end:91.6666666667%;margin-inline-end:91.6666666667%}.fd-col--12{max-width:100%;min-width:100%}.fd-col--offset-12{-webkit-margin-start:100%;margin-inline-start:100%}.fd-col--offset-after-12{-webkit-margin-end:100%;margin-inline-end:100%}.fd-col--full{max-width:none;min-width:8.3333333333%;-webkit-box-flex:1;-ms-flex:1;flex:1}.fd-col--wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}@media(width>=600px){.fd-container{padding-block:0;padding-inline:.5rem}.fd-container .fd-row{margin-inline:-.5rem;min-width:calc(100% + 1rem)}.fd-container>.fd-row>.fd-col{padding-block:.5rem}.fd-col{padding-inline:.5rem}.fd-col-md--0{max-width:0;min-width:0%}.fd-col-md--offset-0{-webkit-margin-start:0;margin-inline-start:0}.fd-col-md--offset-after-0{-webkit-margin-end:0;margin-inline-end:0}.fd-col-md--1{max-width:8.3333333333%;min-width:8.3333333333%}.fd-col-md--offset-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.fd-col-md--offset-after-1{-webkit-margin-end:8.3333333333%;margin-inline-end:8.3333333333%}.fd-col-md--2{max-width:16.6666666667%;min-width:16.6666666667%}.fd-col-md--offset-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.fd-col-md--offset-after-2{-webkit-margin-end:16.6666666667%;margin-inline-end:16.6666666667%}.fd-col-md--3{max-width:25%;min-width:25%}.fd-col-md--offset-3{-webkit-margin-start:25%;margin-inline-start:25%}.fd-col-md--offset-after-3{-webkit-margin-end:25%;margin-inline-end:25%}.fd-col-md--4{max-width:33.3333333333%;min-width:33.3333333333%}.fd-col-md--offset-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.fd-col-md--offset-after-4{-webkit-margin-end:33.3333333333%;margin-inline-end:33.3333333333%}.fd-col-md--5{max-width:41.6666666667%;min-width:41.6666666667%}.fd-col-md--offset-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.fd-col-md--offset-after-5{-webkit-margin-end:41.6666666667%;margin-inline-end:41.6666666667%}.fd-col-md--6{max-width:50%;min-width:50%}.fd-col-md--offset-6{-webkit-margin-start:50%;margin-inline-start:50%}.fd-col-md--offset-after-6{-webkit-margin-end:50%;margin-inline-end:50%}.fd-col-md--7{max-width:58.3333333333%;min-width:58.3333333333%}.fd-col-md--offset-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.fd-col-md--offset-after-7{-webkit-margin-end:58.3333333333%;margin-inline-end:58.3333333333%}.fd-col-md--8{max-width:66.6666666667%;min-width:66.6666666667%}.fd-col-md--offset-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.fd-col-md--offset-after-8{-webkit-margin-end:66.6666666667%;margin-inline-end:66.6666666667%}.fd-col-md--9{max-width:75%;min-width:75%}.fd-col-md--offset-9{-webkit-margin-start:75%;margin-inline-start:75%}.fd-col-md--offset-after-9{-webkit-margin-end:75%;margin-inline-end:75%}.fd-col-md--10{max-width:83.3333333333%;min-width:83.3333333333%}.fd-col-md--offset-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.fd-col-md--offset-after-10{-webkit-margin-end:83.3333333333%;margin-inline-end:83.3333333333%}.fd-col-md--11{max-width:91.6666666667%;min-width:91.6666666667%}.fd-col-md--offset-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.fd-col-md--offset-after-11{-webkit-margin-end:91.6666666667%;margin-inline-end:91.6666666667%}.fd-col-md--12{max-width:100%;min-width:100%}.fd-col-md--offset-12{-webkit-margin-start:100%;margin-inline-start:100%}.fd-col-md--offset-after-12{-webkit-margin-end:100%;margin-inline-end:100%}}@media(width>=1024px){.fd-col-lg--0{max-width:0;min-width:0%}.fd-col-lg--offset-0{-webkit-margin-start:0;margin-inline-start:0}.fd-col-lg--offset-after-0{-webkit-margin-end:0;margin-inline-end:0}.fd-col-lg--1{max-width:8.3333333333%;min-width:8.3333333333%}.fd-col-lg--offset-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.fd-col-lg--offset-after-1{-webkit-margin-end:8.3333333333%;margin-inline-end:8.3333333333%}.fd-col-lg--2{max-width:16.6666666667%;min-width:16.6666666667%}.fd-col-lg--offset-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.fd-col-lg--offset-after-2{-webkit-margin-end:16.6666666667%;margin-inline-end:16.6666666667%}.fd-col-lg--3{max-width:25%;min-width:25%}.fd-col-lg--offset-3{-webkit-margin-start:25%;margin-inline-start:25%}.fd-col-lg--offset-after-3{-webkit-margin-end:25%;margin-inline-end:25%}.fd-col-lg--4{max-width:33.3333333333%;min-width:33.3333333333%}.fd-col-lg--offset-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.fd-col-lg--offset-after-4{-webkit-margin-end:33.3333333333%;margin-inline-end:33.3333333333%}.fd-col-lg--5{max-width:41.6666666667%;min-width:41.6666666667%}.fd-col-lg--offset-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.fd-col-lg--offset-after-5{-webkit-margin-end:41.6666666667%;margin-inline-end:41.6666666667%}.fd-col-lg--6{max-width:50%;min-width:50%}.fd-col-lg--offset-6{-webkit-margin-start:50%;margin-inline-start:50%}.fd-col-lg--offset-after-6{-webkit-margin-end:50%;margin-inline-end:50%}.fd-col-lg--7{max-width:58.3333333333%;min-width:58.3333333333%}.fd-col-lg--offset-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.fd-col-lg--offset-after-7{-webkit-margin-end:58.3333333333%;margin-inline-end:58.3333333333%}.fd-col-lg--8{max-width:66.6666666667%;min-width:66.6666666667%}.fd-col-lg--offset-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.fd-col-lg--offset-after-8{-webkit-margin-end:66.6666666667%;margin-inline-end:66.6666666667%}.fd-col-lg--9{max-width:75%;min-width:75%}.fd-col-lg--offset-9{-webkit-margin-start:75%;margin-inline-start:75%}.fd-col-lg--offset-after-9{-webkit-margin-end:75%;margin-inline-end:75%}.fd-col-lg--10{max-width:83.3333333333%;min-width:83.3333333333%}.fd-col-lg--offset-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.fd-col-lg--offset-after-10{-webkit-margin-end:83.3333333333%;margin-inline-end:83.3333333333%}.fd-col-lg--11{max-width:91.6666666667%;min-width:91.6666666667%}.fd-col-lg--offset-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.fd-col-lg--offset-after-11{-webkit-margin-end:91.6666666667%;margin-inline-end:91.6666666667%}.fd-col-lg--12{max-width:100%;min-width:100%}.fd-col-lg--offset-12{-webkit-margin-start:100%;margin-inline-start:100%}.fd-col-lg--offset-after-12{-webkit-margin-end:100%;margin-inline-end:100%}}@media(width>=1440px){.fd-col-xl--0{max-width:0;min-width:0%}.fd-col-xl--offset-0{-webkit-margin-start:0;margin-inline-start:0}.fd-col-xl--offset-after-0{-webkit-margin-end:0;margin-inline-end:0}.fd-col-xl--1{max-width:8.3333333333%;min-width:8.3333333333%}.fd-col-xl--offset-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.fd-col-xl--offset-after-1{-webkit-margin-end:8.3333333333%;margin-inline-end:8.3333333333%}.fd-col-xl--2{max-width:16.6666666667%;min-width:16.6666666667%}.fd-col-xl--offset-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.fd-col-xl--offset-after-2{-webkit-margin-end:16.6666666667%;margin-inline-end:16.6666666667%}.fd-col-xl--3{max-width:25%;min-width:25%}.fd-col-xl--offset-3{-webkit-margin-start:25%;margin-inline-start:25%}.fd-col-xl--offset-after-3{-webkit-margin-end:25%;margin-inline-end:25%}.fd-col-xl--4{max-width:33.3333333333%;min-width:33.3333333333%}.fd-col-xl--offset-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.fd-col-xl--offset-after-4{-webkit-margin-end:33.3333333333%;margin-inline-end:33.3333333333%}.fd-col-xl--5{max-width:41.6666666667%;min-width:41.6666666667%}.fd-col-xl--offset-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.fd-col-xl--offset-after-5{-webkit-margin-end:41.6666666667%;margin-inline-end:41.6666666667%}.fd-col-xl--6{max-width:50%;min-width:50%}.fd-col-xl--offset-6{-webkit-margin-start:50%;margin-inline-start:50%}.fd-col-xl--offset-after-6{-webkit-margin-end:50%;margin-inline-end:50%}.fd-col-xl--7{max-width:58.3333333333%;min-width:58.3333333333%}.fd-col-xl--offset-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.fd-col-xl--offset-after-7{-webkit-margin-end:58.3333333333%;margin-inline-end:58.3333333333%}.fd-col-xl--8{max-width:66.6666666667%;min-width:66.6666666667%}.fd-col-xl--offset-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.fd-col-xl--offset-after-8{-webkit-margin-end:66.6666666667%;margin-inline-end:66.6666666667%}.fd-col-xl--9{max-width:75%;min-width:75%}.fd-col-xl--offset-9{-webkit-margin-start:75%;margin-inline-start:75%}.fd-col-xl--offset-after-9{-webkit-margin-end:75%;margin-inline-end:75%}.fd-col-xl--10{max-width:83.3333333333%;min-width:83.3333333333%}.fd-col-xl--offset-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.fd-col-xl--offset-after-10{-webkit-margin-end:83.3333333333%;margin-inline-end:83.3333333333%}.fd-col-xl--11{max-width:91.6666666667%;min-width:91.6666666667%}.fd-col-xl--offset-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.fd-col-xl--offset-after-11{-webkit-margin-end:91.6666666667%;margin-inline-end:91.6666666667%}.fd-col-xl--12{max-width:100%;min-width:100%}.fd-col-xl--offset-12{-webkit-margin-start:100%;margin-inline-start:100%}.fd-col-xl--offset-after-12{-webkit-margin-end:100%;margin-inline-end:100%}}.fd-skeleton{display:inline-block;cursor:wait}.fd-skeleton__canvas{display:block;fill:var(--sapContent_Placeholderloading_Background)}.fd-skeleton__middle{stop-color:var(--fdSkeletonGradientMiddleColor);animation:fd-skeleton-shimmer 2s linear infinite}.fd-skeleton--animated .fd-skeleton__canvas{--fdSkeletonGradientMiddleColor: #999;fill:url(#skeletonGradient)}@keyframes fd-skeleton-shimmer{0%{stop-color:var(--sapContent_Placeholderloading_Background)}35%{stop-color:var(--fdSkeletonGradientMiddleColor)}65%{stop-color:var(--fdSkeletonGradientMiddleColor)}to{stop-color:var(--sapContent_Placeholderloading_Background)}}\n/*! Bundled license information:\n\nfundamental-styles/dist/layout-grid.css:\n (*!\n * Fundamental Library Styles v0.41.6\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"] }]
|
|
136
136
|
}], propDecorators: { animated: [{ type: i0.Input, args: [{ isSignal: true, alias: "animated", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], textLines: [{ type: i0.Input, args: [{ isSignal: true, alias: "textLines", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }] } });
|
|
137
137
|
|
|
138
138
|
/**
|