@fundamental-ngx/core 0.65.0-rc.2 → 0.65.0-rc.21
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-action-sheet.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-avatar-group.mjs +3 -3
- package/fesm2022/fundamental-ngx-core-avatar-group.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-avatar.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-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-button.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-calendar.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-calendar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-card.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-carousel.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-checkbox.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-checkbox.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-combobox.mjs +48 -6
- package/fesm2022/fundamental-ngx-core-combobox.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-date-picker.mjs +1 -4
- package/fesm2022/fundamental-ngx-core-date-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-datetime-picker.mjs +21 -0
- package/fesm2022/fundamental-ngx-core-datetime-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-dialog.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-dialog.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-dynamic-page.mjs +25 -8
- package/fesm2022/fundamental-ngx-core-dynamic-page.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-dynamic-side-content.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-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-feed-list-item.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-file-uploader.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-file-uploader.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-fixed-card-layout.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-flexible-column-layout.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-flexible-column-layout.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-form.mjs +14 -14
- package/fesm2022/fundamental-ngx-core-form.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-generic-tag.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-generic-tag.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-grid-list.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-grid-list.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-icon.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-icon.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-info-label.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-input-group.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-input-group.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-layout-grid.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-layout-panel.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-link.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-link.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-list.mjs +12 -8
- package/fesm2022/fundamental-ngx-core-list.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-menu.mjs +63 -2
- package/fesm2022/fundamental-ngx-core-menu.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-message-box.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-message-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-micro-process-flow.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-multi-combobox.mjs +19 -3
- package/fesm2022/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-multi-input.mjs +1 -1
- package/fesm2022/fundamental-ngx-core-multi-input.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-notification.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-notification.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-object-attribute.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-object-attribute.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-object-identifier.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-object-marker.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-object-marker.mjs.map +1 -1
- 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 +5 -6
- package/fesm2022/fundamental-ngx-core-popover.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-product-switch.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-product-switch.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-progress-indicator.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-progress-indicator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-quick-view.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-quick-view.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-radio.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-radio.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-rating-indicator.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-rating-indicator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-resizable-card-layout.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-resizable-card-layout.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-segmented-button.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-select.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-select.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-settings.mjs +115 -15
- package/fesm2022/fundamental-ngx-core-settings.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-shellbar.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-shellbar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-side-navigation.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-side-navigation.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-skeleton.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-slider.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-slider.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-split-button.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-status-indicator.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-step-input.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-step-input.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-switch.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-switch.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-table.mjs +374 -500
- package/fesm2022/fundamental-ngx-core-table.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-tabs.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-tabs.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-text.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-text.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-tile.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-time.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-time.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-title.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-token.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-token.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-toolbar.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-tree.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-tree.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-upload-collection.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-upload-collection.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-user-menu.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-user-menu.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-vertical-navigation.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-vertical-navigation.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-wizard.mjs +2 -2
- package/package.json +4 -4
- package/schematics/package.json +1 -1
- package/types/fundamental-ngx-core-combobox.d.ts +4 -0
- package/types/fundamental-ngx-core-datetime-picker.d.ts +3 -1
- package/types/fundamental-ngx-core-list.d.ts +4 -1
- package/types/fundamental-ngx-core-menu.d.ts +8 -1
- package/types/fundamental-ngx-core-settings.d.ts +57 -5
- package/types/fundamental-ngx-core-table.d.ts +133 -164
|
@@ -690,6 +690,7 @@ class DynamicPageSubheaderComponent {
|
|
|
690
690
|
*/
|
|
691
691
|
toggleCollapse() {
|
|
692
692
|
this._pinned = false;
|
|
693
|
+
this._dynamicPageService.pinned.set(this._pinned);
|
|
693
694
|
this.collapsed = !this.collapsed;
|
|
694
695
|
this.collapsedChange.emit(this.collapsed);
|
|
695
696
|
}
|
|
@@ -873,7 +874,16 @@ class DynamicPageComponent {
|
|
|
873
874
|
}
|
|
874
875
|
/** @hidden */
|
|
875
876
|
_getScrollElement() {
|
|
876
|
-
|
|
877
|
+
// When using tabs, use the tab's scrollable element
|
|
878
|
+
if (this._tabComponent?.scrollableElement?.nativeElement) {
|
|
879
|
+
return this._tabComponent.scrollableElement.nativeElement;
|
|
880
|
+
}
|
|
881
|
+
// When using icon-tab-bar or regular tabs, the content component itself is scrollable
|
|
882
|
+
if (this._contentComponent?.first?.elementRef?.nativeElement) {
|
|
883
|
+
return this._contentComponent.first.elementRef.nativeElement;
|
|
884
|
+
}
|
|
885
|
+
// Fallback to scrollbar directive
|
|
886
|
+
return this._scrollbar?.elementRef?.nativeElement || null;
|
|
877
887
|
}
|
|
878
888
|
/** @hidden */
|
|
879
889
|
_propagatePropertiesToChildren() {
|
|
@@ -913,16 +923,23 @@ class DynamicPageComponent {
|
|
|
913
923
|
}
|
|
914
924
|
/** @hidden */
|
|
915
925
|
_addScrollListeners() {
|
|
916
|
-
|
|
917
|
-
|
|
926
|
+
// Listen to scroll on all content components
|
|
927
|
+
this._contentComponent?.forEach((content) => {
|
|
928
|
+
const element = content.elementRef.nativeElement;
|
|
918
929
|
fromEvent(element, 'scroll')
|
|
919
930
|
.pipe(debounceTime(10), takeUntilDestroyed(this._destroyRef))
|
|
920
931
|
.subscribe(() => {
|
|
921
|
-
const
|
|
922
|
-
|
|
932
|
+
const isPinned = this._dynamicPageService.pinned();
|
|
933
|
+
// When pinned, keep the header expanded regardless of scroll position
|
|
934
|
+
if (isPinned) {
|
|
935
|
+
this._dynamicPageService.collapsed.set(false);
|
|
936
|
+
return;
|
|
937
|
+
}
|
|
938
|
+
// When not pinned, collapse when scrolled down (scrollTop > 0)
|
|
939
|
+
const collapse = element.scrollTop > 0;
|
|
923
940
|
this._dynamicPageService.collapsed.set(collapse);
|
|
924
941
|
});
|
|
925
|
-
}
|
|
942
|
+
});
|
|
926
943
|
}
|
|
927
944
|
/** @hidden Listen for window resize and adjust tab and content positions accordingly */
|
|
928
945
|
_listenOnResize() {
|
|
@@ -993,7 +1010,7 @@ class DynamicPageComponent {
|
|
|
993
1010
|
provide: FD_DYNAMIC_PAGE,
|
|
994
1011
|
useExisting: DynamicPageComponent
|
|
995
1012
|
}
|
|
996
|
-
], queries: [{ propertyName: "_pageSubheaderComponent", first: true, predicate: DynamicPageSubheaderComponent, descendants: true }, { propertyName: "_headerComponent", first: true, predicate: DynamicPageHeaderComponent, descendants: true }, { propertyName: "_footerComponent", first: true, predicate: DynamicPageFooterComponent, descendants: true }, { propertyName: "_tabComponent", first: true, predicate: FD_TABLIST, descendants: true }, { propertyName: "_contentComponent", predicate: DynamicPageContentComponent, descendants: true }], viewQueries: [{ propertyName: "_headerButton", first: true, predicate: ["headerButton"], descendants: true, isSignal: true }, { propertyName: "_dynamicPageElement", first: true, predicate: ["dynamicPageElement"], descendants: true }, { propertyName: "_scrollbar", first: true, predicate: ScrollbarDirective, descendants: true }], ngImport: i0, template: "<article\n #dynamicPageElement\n class=\"fd-dynamic-page\"\n [class.fd-dynamic-page--sm]=\"size === 'small'\"\n [class.fd-dynamic-page--md]=\"size === 'medium'\"\n [class.fd-dynamic-page--lg]=\"size === 'large'\"\n [class.fd-dynamic-page--xl]=\"size === 'extra-large'\"\n [class.fd-dynamic-page--transparent-bg]=\"background === 'transparent'\"\n [class.fd-dynamic-page--list-bg]=\"background === 'list'\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-roledescription]=\"ariaRoledescription\"\n [style.position]=\"positionRelative ? 'relative' : null\"\n>\n <header class=\"fd-dynamic-page__header\" [class.fd-dynamic-page__header--not-collapsible]=\"!_headerCollapsible\">\n <div (click)=\"toggleCollapse()\">\n @if (_headerCollapsible) {\n <span\n #headerButton\n role=\"button\"\n [attr.aria-expanded]=\"_isExpanded()\"\n [attr.aria-labelledby]=\"_headerComponent.titleId()\"\n [attr.aria-label]=\"('coreDynamicPage.toggleHeader' | fdTranslate)()\"\n tabindex=\"0\"\n (keydown.enter)=\"toggleCollapse()\"\n class=\"fd-dynamic-page__header-button\"\n >\n </span>\n }\n <ng-content select=\"fd-dynamic-page-header\"></ng-content>\n </div>\n <ng-content select=\"fd-dynamic-page-subheader\"></ng-content>\n </header>\n <ng-content select=\"fd-tab-list\"></ng-content>\n <ng-content select=\"fd-wizard\"></ng-content>\n <ng-content select=\"fdp-icon-tab-bar\"></ng-content>\n @if (!_tabComponent) {\n <div fd-scrollbar>\n <ng-content select=\"fd-dynamic-page-content\"></ng-content>\n </div>\n } @else {\n <div>\n <ng-content select=\"fd-dynamic-page-content\"></ng-content>\n </div>\n }\n <footer>\n <ng-content select=\"fd-dynamic-page-footer\"></ng-content>\n </footer>\n</article>\n", styles: [".fd-dynamic-page{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}.fd-dynamic-page:after,.fd-dynamic-page:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__header-button,.fd-dynamic-page__sr-only{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;white-space:nowrap;width:1px}.fd-dynamic-page__header-button.is-focus,.fd-dynamic-page__header-button:focus{z-index:5}.fd-dynamic-page__header-button.is-focus+.fd-dynamic-page__title-area,.fd-dynamic-page__header-button:focus+.fd-dynamic-page__title-area{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:-.25rem}.fd-dynamic-page__header-fixed{left:0;position:fixed;right:0;top:0;z-index:3}.fd-dynamic-page__header{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;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-dynamic-page__header:after,.fd-dynamic-page__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-area{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;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-height:3rem;word-wrap:break-word;background-color:var(--sapObjectHeader_Background);z-index:1}.fd-dynamic-page__title-area:after,.fd-dynamic-page__title-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-area.is-hover,.fd-dynamic-page__title-area:hover{background:var(--sapObjectHeader_Hover_Background);border-bottom:var(--fdDynamicPage_Hover_Border_Bottom);cursor:pointer}.fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page__title-area--collapsed .fd-dynamic-page__title{font-size:var(--fdDynamicPage_Title_Collapsed_Font_Size)}.fd-dynamic-page__title-area[aria-hidden=true]{display:none}.fd-dynamic-page__main-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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-dynamic-page__main-container:after,.fd-dynamic-page__main-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-padding-before:.3125rem;padding-block-start:.3125rem}.fd-dynamic-page__title-container:after,.fd-dynamic-page__title-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__breadcrumb{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-block:.5rem .25rem;padding-inline:0}.fd-dynamic-page__breadcrumb:after,.fd-dynamic-page__breadcrumb:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__breadcrumb-title-container{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;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.fd-dynamic-page__breadcrumb-title-container:after,.fd-dynamic-page__breadcrumb-title-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__breadcrumb-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-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-dynamic-page__breadcrumb-container:after,.fd-dynamic-page__breadcrumb-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdDynamicPage_Title_Color);font-family:var(--sapFontFamily);font-family:var(--fdDynamicPage_Title_Font_Family);font-size:var(--sapFontSize);font-size:var(--fdDynamicPage_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}.fd-dynamic-page__title:after,.fd-dynamic-page__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title .fd-link{color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader3Size);max-width:100%;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.fd-dynamic-page__title--small{font-size:var(--fdDynamicPage_Title_Collapsed_Font_Size)}.fd-dynamic-page__title--wrap{overflow:visible;text-overflow:clip;white-space:normal}.fd-dynamic-page__subtitle{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdDynamicPage_Subtitle_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;margin-top:.25rem;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-dynamic-page__subtitle:after,.fd-dynamic-page__subtitle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__subtitle--wrap{overflow:visible;text-overflow:clip;white-space:normal}.fd-dynamic-page__title-content{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;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;-webkit-padding-start:1rem;padding-inline-start:1rem;vertical-align:baseline}.fd-dynamic-page__title-content:after,.fd-dynamic-page__title-content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-content--wrap{overflow:visible;text-overflow:clip;white-space:normal}.fd-dynamic-page__title-subtitle-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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-dynamic-page__title-subtitle-container:after,.fd-dynamic-page__title-subtitle-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__toolbar-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-align:center;-ms-flex-align:center;align-items:center;-webkit-margin-start:auto;margin-inline-start:auto}.fd-dynamic-page__toolbar-container:after,.fd-dynamic-page__toolbar-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page .fd-dynamic-page__toolbar{background:transparent;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;padding-inline:1rem .25rem}.fd-dynamic-page .fd-dynamic-page__toolbar--actions,.fd-dynamic-page .fd-dynamic-page__toolbar--content{padding-block:0;padding-inline:0}.fd-dynamic-page__summarized-title-area{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;word-wrap:break-word;background:var(--sapObjectHeader_Background);-webkit-box-shadow:var(--sapContent_HeaderShadow);box-shadow:var(--sapContent_HeaderShadow);height:2rem;z-index:1}.fd-dynamic-page__summarized-title-area:after,.fd-dynamic-page__summarized-title-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__summarized-title-area.is-focus,.fd-dynamic-page__summarized-title-area:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:-.25rem}.fd-dynamic-page__summarized-title-area--no-shadow{-webkit-box-shadow:none;box-shadow:none}.fd-dynamic-page__summarized-title-area[aria-hidden=true]{display:none}.fd-dynamic-page__summarized-title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader5Size);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:2rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-dynamic-page__summarized-title:after,.fd-dynamic-page__summarized-title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header-container{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-dynamic-page__collapsible-header-container:after,.fd-dynamic-page__collapsible-header-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header{background-color:var(--sapObjectHeader_Background);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-block:1rem;padding-inline:0}.fd-dynamic-page__collapsible-header:after,.fd-dynamic-page__collapsible-header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header[aria-hidden=true]{display:none}.fd-dynamic-page .fd-dynamic-page__tabs{margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-dynamic-page .fd-dynamic-page__tabs--overflow{overflow:hidden}.fd-dynamic-page .fd-dynamic-page__tabs--add-shadow,.fd-dynamic-page__collapsible-header-visibility-container{-webkit-box-shadow:var(--sapContent_HeaderShadow);box-shadow:var(--sapContent_HeaderShadow)}.fd-dynamic-page__collapsible-header-visibility-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-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--sapObjectHeader_Background);min-height:.0625rem;z-index:2}.fd-dynamic-page__collapsible-header-visibility-container:after,.fd-dynamic-page__collapsible-header-visibility-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header-visibility-container--left-gradient{background-image:var(--fdDynamicPage_Button_Left_Gradient);height:.0625rem;width:4rem}.fd-dynamic-page__collapsible-header-visibility-container--left-gradient[dir=rtl],[dir=rtl] .fd-dynamic-page__collapsible-header-visibility-container--left-gradient{background-image:var(--fdDynamicPage_Button_Right_Gradient)}.fd-dynamic-page__collapsible-header-visibility-container--right-gradient{background-image:var(--fdDynamicPage_Button_Right_Gradient);height:.0625rem;width:4rem}.fd-dynamic-page__collapsible-header-visibility-container--right-gradient[dir=rtl],[dir=rtl] .fd-dynamic-page__collapsible-header-visibility-container--right-gradient{background-image:var(--fdDynamicPage_Button_Left_Gradient)}.fd-dynamic-page__collapsible-header-visibility-container--button-group{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdDynamicPage_Button_Group_Background);height:.0625rem;width:4.25rem;z-index:1}.fd-dynamic-page__collapsible-header-visibility-container--button-group:after,.fd-dynamic-page__collapsible-header-visibility-container--button-group:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header-visibility-container[aria-hidden=true]{display:none}.fd-dynamic-page__collapsible-header-visibility-container--no-shadow{-webkit-box-shadow:none;box-shadow:none}.fd-dynamic-page__collapse-button,.fd-dynamic-page__expand-button,.fd-dynamic-page__pin-button{--fdButtonBackgroundColor:var(--sapObjectHeader_Background);height:1.5rem;margin-block:0;margin-inline:.25rem;min-width:1.5rem;padding-block:0;padding-inline:0;width:1.5rem}.fd-dynamic-page__collapse-button:before,.fd-dynamic-page__expand-button:before,.fd-dynamic-page__pin-button:before{bottom:-.25rem;height:2rem;top:-.25rem;width:100%}.fd-dynamic-page__collapse-button[aria-hidden=true],.fd-dynamic-page__expand-button[aria-hidden=true],.fd-dynamic-page__pin-button[aria-hidden=true]{display:none}.fd-dynamic-page__content{background-color:var(--sapBackgroundColor);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;overflow-y:auto;padding-block:0;padding-inline:0}.fd-dynamic-page__content:after,.fd-dynamic-page__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__footer{bottom:0;left:0;margin-block:0 .5rem;margin-inline:.5rem;position:fixed;right:0}.fd-dynamic-page--sm .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:1rem}.fd-dynamic-page--sm .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--sm .fd-dynamic-page__collapsible-header,.fd-dynamic-page--sm .fd-dynamic-page__content{padding-block:1rem;padding-inline:1rem}.fd-dynamic-page--sm .fd-dynamic-page__tabs{padding-block:0;padding-inline:1rem}.fd-dynamic-page--sm .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}.fd-dynamic-page--sm .fd-dynamic-page__breadcrumb{padding-block:0;padding-inline:0}.fd-dynamic-page--sm .fd-dynamic-page__title-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-dynamic-page--sm .fd-dynamic-page__toolbar{-webkit-padding-start:1rem;padding-inline-start:1rem;-webkit-margin-start:auto;margin-inline-start:auto}.fd-dynamic-page--sm .fd-dynamic-page__toolbar--content{-webkit-margin-start:0;margin-inline-start:0}.fd-dynamic-page--lg .fd-dynamic-page__title-area,.fd-dynamic-page--md .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:2rem}.fd-dynamic-page--lg .fd-dynamic-page__title-area--collapsed,.fd-dynamic-page--md .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--lg .fd-dynamic-page__collapsible-header,.fd-dynamic-page--lg .fd-dynamic-page__content,.fd-dynamic-page--md .fd-dynamic-page__collapsible-header,.fd-dynamic-page--md .fd-dynamic-page__content{padding-block:1rem;padding-inline:2rem}.fd-dynamic-page--lg .fd-dynamic-page__tabs,.fd-dynamic-page--md .fd-dynamic-page__tabs{padding-block:0;padding-inline:2rem}.fd-dynamic-page--lg .fd-dynamic-page__summarized-title-area,.fd-dynamic-page--md .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}.fd-dynamic-page--xl .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:3rem}.fd-dynamic-page--xl .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--xl .fd-dynamic-page__collapsible-header,.fd-dynamic-page--xl .fd-dynamic-page__content{padding-block:1rem;padding-inline:3rem}.fd-dynamic-page--xl .fd-dynamic-page__tabs{padding-block:0;padding-inline:3rem}.fd-dynamic-page--xl .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}.fd-dynamic-page--md .fd-dynamic-page__toolbar{padding-block:0;padding-inline:0}@media(width<=599px){.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__collapsible-header,.fd-dynamic-page--responsive-paddings .fd-dynamic-page__content{padding-block:1rem;padding-inline:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__tabs{padding-block:0;padding-inline:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}}@media(width>=600px)and (width<=1023px){.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:2rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__collapsible-header,.fd-dynamic-page--responsive-paddings .fd-dynamic-page__content{padding-block:1rem;padding-inline:2rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__tabs{padding-block:0;padding-inline:2rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}}@media(width>=1024px)and (width<=1439px){.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:2rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__collapsible-header,.fd-dynamic-page--responsive-paddings .fd-dynamic-page__content{padding-block:1rem;padding-inline:2rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__tabs{padding-block:0;padding-inline:2rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}}@media(width>=1440px){.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:3rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__collapsible-header,.fd-dynamic-page--responsive-paddings .fd-dynamic-page__content{padding-block:1rem;padding-inline:3rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__tabs{padding-block:0;padding-inline:3rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}}.fd-dynamic-page--list-bg .fd-dynamic-page__content{background-color:var(--fdDynamicPage_Content_List_Background)}.fd-dynamic-page--transparent-bg .fd-dynamic-page__content{background-color:var(--fdDynamicPage_Content_Transparent_Background)}.fd-dynamic-page--transparent-bg .fd-dynamic-page__title-area{background:var(--fdDynamicPage_Title_Header_Transparent_Background)}.fd-dynamic-page--transparent-bg .fd-dynamic-page__collapsible-header{background-color:var(--fdDynamicPage_Title_Header_Transparent_Background)}.footer-spacer{height:3rem}.content-sticker{position:static}.fd-dynamic-page__header--not-collapsible .fd-dynamic-page__title-area.is-hover,.fd-dynamic-page__header--not-collapsible .fd-dynamic-page__title-area:hover{background-color:var(--sapObjectHeader_Background, #fff);cursor:default}.fd-dynamic-page__collapsible-header-visibility-container--button-group{z-index:6}.fd-tabs .fd-dynamic-page__content{display:block;height:auto!important}.fd-dynamic-page{height:100%}.fd-dynamic-page .fd-bar--floating-footer{z-index:6}.fd-dynamic-page .fd-tabs-custom{overflow:auto;background-color:#f7f7f7;background-color:var(--sapBackgroundColor, #f7f7f7);flex:1}.fd-dynamic-page .fd-dynamic-page__content,.fd-dynamic-page .fd-dynamic-page__title-subtitle-container{flex:1}.fd-dynamic-page--transparent-bg .fd-tabs-custom{background-color:transparent;background-color:var(--fdDynamicPage_Content_Transparent_Background, transparent)}.fd-dynamic-page--list-bg .fd-tabs-custom{background-color:#fff;background-color:var(--fdDynamicPage_Content_List_Background, var(--sapGroup_ContentBackground, #fff))}.fd-dynamic-page--xl .fd-bar--floating-footer{margin:1rem 3rem}.fd-dynamic-page--lg .fd-bar--floating-footer,.fd-dynamic-page--md .fd-bar--floating-footer{margin:1rem 2rem}.fd-dynamic-page--sm .fd-bar--floating-footer{margin:1rem .5rem}.fd-dynamic-page--sm .fd-dynamic-page__title-container{align-items:center}.fd-dynamic-page--sm .fd-dynamic-page__title-container .fd-facet.fd-facet--image{margin-inline-end:1rem}.fd-dynamic-page__collapsible-header:empty{padding:0!important}.fd-dynamic-page__collapsible-header:has(.fd-has-display-none):not(:has(.fd-message-strip.fd-has-display-none)){padding-block:0;padding-inline:0}.fd-dynamic-page .fd-dynamic-page__title-container .fd-facet.fd-facet--image{margin-inline-end:1rem}.fd-dynamic-page__header.fd-dynamic-page__header--not-collapsible{position:relative;box-shadow:var(--sapContent_HeaderShadow)}.fd-dynamic-page__header{z-index:15}.fd-dynamic-page__header.fd-dynamic-page__header--not-collapsible:has(+fdp-icon-tab-bar){box-shadow:none}\n/*! Bundled license information:\n\nfundamental-styles/dist/dynamic-page.css:\n (*!\n * Fundamental Library Styles v0.41.8\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: ScrollbarDirective, selector: "[fdScrollbar], [fd-scrollbar]", inputs: ["noHorizontalScroll", "noVerticalScroll", "alwaysVisible"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1013
|
+
], queries: [{ propertyName: "_pageSubheaderComponent", first: true, predicate: DynamicPageSubheaderComponent, descendants: true }, { propertyName: "_headerComponent", first: true, predicate: DynamicPageHeaderComponent, descendants: true }, { propertyName: "_footerComponent", first: true, predicate: DynamicPageFooterComponent, descendants: true }, { propertyName: "_tabComponent", first: true, predicate: FD_TABLIST, descendants: true }, { propertyName: "_contentComponent", predicate: DynamicPageContentComponent, descendants: true }], viewQueries: [{ propertyName: "_headerButton", first: true, predicate: ["headerButton"], descendants: true, isSignal: true }, { propertyName: "_dynamicPageElement", first: true, predicate: ["dynamicPageElement"], descendants: true }, { propertyName: "_scrollbar", first: true, predicate: ScrollbarDirective, descendants: true }], ngImport: i0, template: "<article\n #dynamicPageElement\n class=\"fd-dynamic-page\"\n [class.fd-dynamic-page--sm]=\"size === 'small'\"\n [class.fd-dynamic-page--md]=\"size === 'medium'\"\n [class.fd-dynamic-page--lg]=\"size === 'large'\"\n [class.fd-dynamic-page--xl]=\"size === 'extra-large'\"\n [class.fd-dynamic-page--transparent-bg]=\"background === 'transparent'\"\n [class.fd-dynamic-page--list-bg]=\"background === 'list'\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-roledescription]=\"ariaRoledescription\"\n [style.position]=\"positionRelative ? 'relative' : null\"\n>\n <header class=\"fd-dynamic-page__header\" [class.fd-dynamic-page__header--not-collapsible]=\"!_headerCollapsible\">\n <div (click)=\"toggleCollapse()\">\n @if (_headerCollapsible) {\n <span\n #headerButton\n role=\"button\"\n [attr.aria-expanded]=\"_isExpanded()\"\n [attr.aria-labelledby]=\"_headerComponent.titleId()\"\n [attr.aria-label]=\"('coreDynamicPage.toggleHeader' | fdTranslate)()\"\n tabindex=\"0\"\n (keydown.enter)=\"toggleCollapse()\"\n class=\"fd-dynamic-page__header-button\"\n >\n </span>\n }\n <ng-content select=\"fd-dynamic-page-header\"></ng-content>\n </div>\n <ng-content select=\"fd-dynamic-page-subheader\"></ng-content>\n </header>\n <ng-content select=\"fd-tab-list\"></ng-content>\n <ng-content select=\"fd-wizard\"></ng-content>\n <ng-content select=\"fdp-icon-tab-bar\"></ng-content>\n @if (!_tabComponent) {\n <div fd-scrollbar>\n <ng-content select=\"fd-dynamic-page-content\"></ng-content>\n </div>\n } @else {\n <div>\n <ng-content select=\"fd-dynamic-page-content\"></ng-content>\n </div>\n }\n <footer>\n <ng-content select=\"fd-dynamic-page-footer\"></ng-content>\n </footer>\n</article>\n", styles: [".fd-dynamic-page{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}.fd-dynamic-page:after,.fd-dynamic-page:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__header-button,.fd-dynamic-page__sr-only{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;white-space:nowrap;width:1px}.fd-dynamic-page__header-button.is-focus,.fd-dynamic-page__header-button:focus{z-index:5}.fd-dynamic-page__header-button.is-focus+.fd-dynamic-page__title-area,.fd-dynamic-page__header-button:focus+.fd-dynamic-page__title-area{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:-.25rem}.fd-dynamic-page__header-fixed{left:0;position:fixed;right:0;top:0;z-index:3}.fd-dynamic-page__header{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;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-dynamic-page__header:after,.fd-dynamic-page__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-area{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;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-height:3rem;word-wrap:break-word;background-color:var(--sapObjectHeader_Background);z-index:1}.fd-dynamic-page__title-area:after,.fd-dynamic-page__title-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-area.is-hover,.fd-dynamic-page__title-area:hover{background:var(--sapObjectHeader_Hover_Background);border-bottom:var(--fdDynamicPage_Hover_Border_Bottom);cursor:pointer}.fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page__title-area--collapsed .fd-dynamic-page__title{font-size:var(--fdDynamicPage_Title_Collapsed_Font_Size)}.fd-dynamic-page__title-area[aria-hidden=true]{display:none}.fd-dynamic-page__main-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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-dynamic-page__main-container:after,.fd-dynamic-page__main-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-padding-before:.3125rem;padding-block-start:.3125rem}.fd-dynamic-page__title-container:after,.fd-dynamic-page__title-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__breadcrumb{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-block:.5rem .25rem;padding-inline:0}.fd-dynamic-page__breadcrumb:after,.fd-dynamic-page__breadcrumb:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__breadcrumb-title-container{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;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.fd-dynamic-page__breadcrumb-title-container:after,.fd-dynamic-page__breadcrumb-title-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__breadcrumb-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-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-dynamic-page__breadcrumb-container:after,.fd-dynamic-page__breadcrumb-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdDynamicPage_Title_Color);font-family:var(--sapFontFamily);font-family:var(--fdDynamicPage_Title_Font_Family);font-size:var(--sapFontSize);font-size:var(--fdDynamicPage_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}.fd-dynamic-page__title:after,.fd-dynamic-page__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title .fd-link{color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader3Size);max-width:100%;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.fd-dynamic-page__title--small{font-size:var(--fdDynamicPage_Title_Collapsed_Font_Size)}.fd-dynamic-page__title--wrap{overflow:visible;text-overflow:clip;white-space:normal}.fd-dynamic-page__subtitle{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdDynamicPage_Subtitle_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;margin-top:.25rem;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-dynamic-page__subtitle:after,.fd-dynamic-page__subtitle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__subtitle--wrap{overflow:visible;text-overflow:clip;white-space:normal}.fd-dynamic-page__title-content{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;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;-webkit-padding-start:1rem;padding-inline-start:1rem;vertical-align:baseline}.fd-dynamic-page__title-content:after,.fd-dynamic-page__title-content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-content--wrap{overflow:visible;text-overflow:clip;white-space:normal}.fd-dynamic-page__title-subtitle-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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-dynamic-page__title-subtitle-container:after,.fd-dynamic-page__title-subtitle-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__toolbar-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-align:center;-ms-flex-align:center;align-items:center;-webkit-margin-start:auto;margin-inline-start:auto}.fd-dynamic-page__toolbar-container:after,.fd-dynamic-page__toolbar-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page .fd-dynamic-page__toolbar{background:transparent;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;padding-inline:1rem .25rem}.fd-dynamic-page .fd-dynamic-page__toolbar--actions,.fd-dynamic-page .fd-dynamic-page__toolbar--content{padding-block:0;padding-inline:0}.fd-dynamic-page__summarized-title-area{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;word-wrap:break-word;background:var(--sapObjectHeader_Background);-webkit-box-shadow:var(--sapContent_HeaderShadow);box-shadow:var(--sapContent_HeaderShadow);height:2rem;z-index:1}.fd-dynamic-page__summarized-title-area:after,.fd-dynamic-page__summarized-title-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__summarized-title-area.is-focus,.fd-dynamic-page__summarized-title-area:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:-.25rem}.fd-dynamic-page__summarized-title-area--no-shadow{-webkit-box-shadow:none;box-shadow:none}.fd-dynamic-page__summarized-title-area[aria-hidden=true]{display:none}.fd-dynamic-page__summarized-title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader5Size);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:2rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-dynamic-page__summarized-title:after,.fd-dynamic-page__summarized-title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header-container{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-dynamic-page__collapsible-header-container:after,.fd-dynamic-page__collapsible-header-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header{background-color:var(--sapObjectHeader_Background);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-block:1rem;padding-inline:0}.fd-dynamic-page__collapsible-header:after,.fd-dynamic-page__collapsible-header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header[aria-hidden=true]{display:none}.fd-dynamic-page .fd-dynamic-page__tabs{margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-dynamic-page .fd-dynamic-page__tabs--overflow{overflow:hidden}.fd-dynamic-page .fd-dynamic-page__tabs--add-shadow,.fd-dynamic-page__collapsible-header-visibility-container{-webkit-box-shadow:var(--sapContent_HeaderShadow);box-shadow:var(--sapContent_HeaderShadow)}.fd-dynamic-page__collapsible-header-visibility-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-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--sapObjectHeader_Background);min-height:.0625rem;z-index:2}.fd-dynamic-page__collapsible-header-visibility-container:after,.fd-dynamic-page__collapsible-header-visibility-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header-visibility-container--left-gradient{background-image:var(--fdDynamicPage_Button_Left_Gradient);height:.0625rem;width:4rem}.fd-dynamic-page__collapsible-header-visibility-container--left-gradient[dir=rtl],[dir=rtl] .fd-dynamic-page__collapsible-header-visibility-container--left-gradient{background-image:var(--fdDynamicPage_Button_Right_Gradient)}.fd-dynamic-page__collapsible-header-visibility-container--right-gradient{background-image:var(--fdDynamicPage_Button_Right_Gradient);height:.0625rem;width:4rem}.fd-dynamic-page__collapsible-header-visibility-container--right-gradient[dir=rtl],[dir=rtl] .fd-dynamic-page__collapsible-header-visibility-container--right-gradient{background-image:var(--fdDynamicPage_Button_Left_Gradient)}.fd-dynamic-page__collapsible-header-visibility-container--button-group{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdDynamicPage_Button_Group_Background);height:.0625rem;width:4.25rem;z-index:1}.fd-dynamic-page__collapsible-header-visibility-container--button-group:after,.fd-dynamic-page__collapsible-header-visibility-container--button-group:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header-visibility-container[aria-hidden=true]{display:none}.fd-dynamic-page__collapsible-header-visibility-container--no-shadow{-webkit-box-shadow:none;box-shadow:none}.fd-dynamic-page__collapse-button,.fd-dynamic-page__expand-button,.fd-dynamic-page__pin-button{--fdButtonBackgroundColor:var(--sapObjectHeader_Background);height:1.5rem;margin-block:0;margin-inline:.25rem;min-width:1.5rem;padding-block:0;padding-inline:0;width:1.5rem}.fd-dynamic-page__collapse-button:before,.fd-dynamic-page__expand-button:before,.fd-dynamic-page__pin-button:before{bottom:-.25rem;height:2rem;top:-.25rem;width:100%}.fd-dynamic-page__collapse-button[aria-hidden=true],.fd-dynamic-page__expand-button[aria-hidden=true],.fd-dynamic-page__pin-button[aria-hidden=true]{display:none}.fd-dynamic-page__content{background-color:var(--sapBackgroundColor);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;overflow-y:auto;padding-block:0;padding-inline:0}.fd-dynamic-page__content:after,.fd-dynamic-page__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__footer{bottom:0;left:0;margin-block:0 .5rem;margin-inline:.5rem;position:fixed;right:0}.fd-dynamic-page--sm .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:1rem}.fd-dynamic-page--sm .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--sm .fd-dynamic-page__collapsible-header,.fd-dynamic-page--sm .fd-dynamic-page__content{padding-block:1rem;padding-inline:1rem}.fd-dynamic-page--sm .fd-dynamic-page__tabs{padding-block:0;padding-inline:1rem}.fd-dynamic-page--sm .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}.fd-dynamic-page--sm .fd-dynamic-page__breadcrumb{padding-block:0;padding-inline:0}.fd-dynamic-page--sm .fd-dynamic-page__title-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-dynamic-page--sm .fd-dynamic-page__toolbar{-webkit-padding-start:1rem;padding-inline-start:1rem;-webkit-margin-start:auto;margin-inline-start:auto}.fd-dynamic-page--sm .fd-dynamic-page__toolbar--content{-webkit-margin-start:0;margin-inline-start:0}.fd-dynamic-page--lg .fd-dynamic-page__title-area,.fd-dynamic-page--md .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:2rem}.fd-dynamic-page--lg .fd-dynamic-page__title-area--collapsed,.fd-dynamic-page--md .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--lg .fd-dynamic-page__collapsible-header,.fd-dynamic-page--lg .fd-dynamic-page__content,.fd-dynamic-page--md .fd-dynamic-page__collapsible-header,.fd-dynamic-page--md .fd-dynamic-page__content{padding-block:1rem;padding-inline:2rem}.fd-dynamic-page--lg .fd-dynamic-page__tabs,.fd-dynamic-page--md .fd-dynamic-page__tabs{padding-block:0;padding-inline:2rem}.fd-dynamic-page--lg .fd-dynamic-page__summarized-title-area,.fd-dynamic-page--md .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}.fd-dynamic-page--xl .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:3rem}.fd-dynamic-page--xl .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--xl .fd-dynamic-page__collapsible-header,.fd-dynamic-page--xl .fd-dynamic-page__content{padding-block:1rem;padding-inline:3rem}.fd-dynamic-page--xl .fd-dynamic-page__tabs{padding-block:0;padding-inline:3rem}.fd-dynamic-page--xl .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}.fd-dynamic-page--md .fd-dynamic-page__toolbar{padding-block:0;padding-inline:0}@media(width<=599px){.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__collapsible-header,.fd-dynamic-page--responsive-paddings .fd-dynamic-page__content{padding-block:1rem;padding-inline:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__tabs{padding-block:0;padding-inline:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}}@media(width>=600px)and (width<=1023px){.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:2rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__collapsible-header,.fd-dynamic-page--responsive-paddings .fd-dynamic-page__content{padding-block:1rem;padding-inline:2rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__tabs{padding-block:0;padding-inline:2rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}}@media(width>=1024px)and (width<=1439px){.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:2rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__collapsible-header,.fd-dynamic-page--responsive-paddings .fd-dynamic-page__content{padding-block:1rem;padding-inline:2rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__tabs{padding-block:0;padding-inline:2rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}}@media(width>=1440px){.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:3rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__collapsible-header,.fd-dynamic-page--responsive-paddings .fd-dynamic-page__content{padding-block:1rem;padding-inline:3rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__tabs{padding-block:0;padding-inline:3rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}}.fd-dynamic-page--list-bg .fd-dynamic-page__content{background-color:var(--fdDynamicPage_Content_List_Background)}.fd-dynamic-page--transparent-bg .fd-dynamic-page__content{background-color:var(--fdDynamicPage_Content_Transparent_Background)}.fd-dynamic-page--transparent-bg .fd-dynamic-page__title-area{background:var(--fdDynamicPage_Title_Header_Transparent_Background)}.fd-dynamic-page--transparent-bg .fd-dynamic-page__collapsible-header{background-color:var(--fdDynamicPage_Title_Header_Transparent_Background)}.footer-spacer{height:3rem}.content-sticker{position:static}.fd-dynamic-page__header--not-collapsible .fd-dynamic-page__title-area.is-hover,.fd-dynamic-page__header--not-collapsible .fd-dynamic-page__title-area:hover{background-color:var(--sapObjectHeader_Background, #fff);cursor:default}.fd-dynamic-page__collapsible-header-visibility-container--button-group{z-index:6}.fd-tabs .fd-dynamic-page__content{display:block;height:auto!important}.fd-dynamic-page{height:100%}.fd-dynamic-page .fd-bar--floating-footer{z-index:6}.fd-dynamic-page .fd-tabs-custom{overflow:auto;background-color:#f7f7f7;background-color:var(--sapBackgroundColor, #f7f7f7);flex:1}.fd-dynamic-page .fd-dynamic-page__content,.fd-dynamic-page .fd-dynamic-page__title-subtitle-container{flex:1}.fd-dynamic-page--transparent-bg .fd-tabs-custom{background-color:transparent;background-color:var(--fdDynamicPage_Content_Transparent_Background, transparent)}.fd-dynamic-page--list-bg .fd-tabs-custom{background-color:#fff;background-color:var(--fdDynamicPage_Content_List_Background, var(--sapGroup_ContentBackground, #fff))}.fd-dynamic-page--xl .fd-bar--floating-footer{margin:1rem 3rem}.fd-dynamic-page--lg .fd-bar--floating-footer,.fd-dynamic-page--md .fd-bar--floating-footer{margin:1rem 2rem}.fd-dynamic-page--sm .fd-bar--floating-footer{margin:1rem .5rem}.fd-dynamic-page--sm .fd-dynamic-page__title-container{align-items:center}.fd-dynamic-page--sm .fd-dynamic-page__title-container .fd-facet.fd-facet--image{margin-inline-end:1rem}.fd-dynamic-page__collapsible-header:empty{padding:0!important}.fd-dynamic-page__collapsible-header:has(.fd-has-display-none):not(:has(.fd-message-strip.fd-has-display-none)){padding-block:0;padding-inline:0}.fd-dynamic-page .fd-dynamic-page__title-container .fd-facet.fd-facet--image{margin-inline-end:1rem}.fd-dynamic-page__header.fd-dynamic-page__header--not-collapsible{position:relative;box-shadow:var(--sapContent_HeaderShadow)}.fd-dynamic-page__header{z-index:15}.fd-dynamic-page__header.fd-dynamic-page__header--not-collapsible:has(+fdp-icon-tab-bar){box-shadow:none}\n/*! Bundled license information:\n\nfundamental-styles/dist/dynamic-page.css:\n (*!\n * Fundamental Library Styles v0.41.9\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: ScrollbarDirective, selector: "[fdScrollbar], [fd-scrollbar]", inputs: ["noHorizontalScroll", "noVerticalScroll", "alwaysVisible"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
997
1014
|
}
|
|
998
1015
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageComponent, decorators: [{
|
|
999
1016
|
type: Component,
|
|
@@ -1003,7 +1020,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
1003
1020
|
provide: FD_DYNAMIC_PAGE,
|
|
1004
1021
|
useExisting: DynamicPageComponent
|
|
1005
1022
|
}
|
|
1006
|
-
], imports: [CdkScrollable, ScrollbarDirective, FdTranslatePipe], template: "<article\n #dynamicPageElement\n class=\"fd-dynamic-page\"\n [class.fd-dynamic-page--sm]=\"size === 'small'\"\n [class.fd-dynamic-page--md]=\"size === 'medium'\"\n [class.fd-dynamic-page--lg]=\"size === 'large'\"\n [class.fd-dynamic-page--xl]=\"size === 'extra-large'\"\n [class.fd-dynamic-page--transparent-bg]=\"background === 'transparent'\"\n [class.fd-dynamic-page--list-bg]=\"background === 'list'\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-roledescription]=\"ariaRoledescription\"\n [style.position]=\"positionRelative ? 'relative' : null\"\n>\n <header class=\"fd-dynamic-page__header\" [class.fd-dynamic-page__header--not-collapsible]=\"!_headerCollapsible\">\n <div (click)=\"toggleCollapse()\">\n @if (_headerCollapsible) {\n <span\n #headerButton\n role=\"button\"\n [attr.aria-expanded]=\"_isExpanded()\"\n [attr.aria-labelledby]=\"_headerComponent.titleId()\"\n [attr.aria-label]=\"('coreDynamicPage.toggleHeader' | fdTranslate)()\"\n tabindex=\"0\"\n (keydown.enter)=\"toggleCollapse()\"\n class=\"fd-dynamic-page__header-button\"\n >\n </span>\n }\n <ng-content select=\"fd-dynamic-page-header\"></ng-content>\n </div>\n <ng-content select=\"fd-dynamic-page-subheader\"></ng-content>\n </header>\n <ng-content select=\"fd-tab-list\"></ng-content>\n <ng-content select=\"fd-wizard\"></ng-content>\n <ng-content select=\"fdp-icon-tab-bar\"></ng-content>\n @if (!_tabComponent) {\n <div fd-scrollbar>\n <ng-content select=\"fd-dynamic-page-content\"></ng-content>\n </div>\n } @else {\n <div>\n <ng-content select=\"fd-dynamic-page-content\"></ng-content>\n </div>\n }\n <footer>\n <ng-content select=\"fd-dynamic-page-footer\"></ng-content>\n </footer>\n</article>\n", styles: [".fd-dynamic-page{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}.fd-dynamic-page:after,.fd-dynamic-page:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__header-button,.fd-dynamic-page__sr-only{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;white-space:nowrap;width:1px}.fd-dynamic-page__header-button.is-focus,.fd-dynamic-page__header-button:focus{z-index:5}.fd-dynamic-page__header-button.is-focus+.fd-dynamic-page__title-area,.fd-dynamic-page__header-button:focus+.fd-dynamic-page__title-area{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:-.25rem}.fd-dynamic-page__header-fixed{left:0;position:fixed;right:0;top:0;z-index:3}.fd-dynamic-page__header{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;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-dynamic-page__header:after,.fd-dynamic-page__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-area{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;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-height:3rem;word-wrap:break-word;background-color:var(--sapObjectHeader_Background);z-index:1}.fd-dynamic-page__title-area:after,.fd-dynamic-page__title-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-area.is-hover,.fd-dynamic-page__title-area:hover{background:var(--sapObjectHeader_Hover_Background);border-bottom:var(--fdDynamicPage_Hover_Border_Bottom);cursor:pointer}.fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page__title-area--collapsed .fd-dynamic-page__title{font-size:var(--fdDynamicPage_Title_Collapsed_Font_Size)}.fd-dynamic-page__title-area[aria-hidden=true]{display:none}.fd-dynamic-page__main-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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-dynamic-page__main-container:after,.fd-dynamic-page__main-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-padding-before:.3125rem;padding-block-start:.3125rem}.fd-dynamic-page__title-container:after,.fd-dynamic-page__title-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__breadcrumb{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-block:.5rem .25rem;padding-inline:0}.fd-dynamic-page__breadcrumb:after,.fd-dynamic-page__breadcrumb:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__breadcrumb-title-container{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;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.fd-dynamic-page__breadcrumb-title-container:after,.fd-dynamic-page__breadcrumb-title-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__breadcrumb-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-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-dynamic-page__breadcrumb-container:after,.fd-dynamic-page__breadcrumb-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdDynamicPage_Title_Color);font-family:var(--sapFontFamily);font-family:var(--fdDynamicPage_Title_Font_Family);font-size:var(--sapFontSize);font-size:var(--fdDynamicPage_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}.fd-dynamic-page__title:after,.fd-dynamic-page__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title .fd-link{color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader3Size);max-width:100%;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.fd-dynamic-page__title--small{font-size:var(--fdDynamicPage_Title_Collapsed_Font_Size)}.fd-dynamic-page__title--wrap{overflow:visible;text-overflow:clip;white-space:normal}.fd-dynamic-page__subtitle{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdDynamicPage_Subtitle_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;margin-top:.25rem;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-dynamic-page__subtitle:after,.fd-dynamic-page__subtitle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__subtitle--wrap{overflow:visible;text-overflow:clip;white-space:normal}.fd-dynamic-page__title-content{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;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;-webkit-padding-start:1rem;padding-inline-start:1rem;vertical-align:baseline}.fd-dynamic-page__title-content:after,.fd-dynamic-page__title-content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-content--wrap{overflow:visible;text-overflow:clip;white-space:normal}.fd-dynamic-page__title-subtitle-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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-dynamic-page__title-subtitle-container:after,.fd-dynamic-page__title-subtitle-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__toolbar-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-align:center;-ms-flex-align:center;align-items:center;-webkit-margin-start:auto;margin-inline-start:auto}.fd-dynamic-page__toolbar-container:after,.fd-dynamic-page__toolbar-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page .fd-dynamic-page__toolbar{background:transparent;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;padding-inline:1rem .25rem}.fd-dynamic-page .fd-dynamic-page__toolbar--actions,.fd-dynamic-page .fd-dynamic-page__toolbar--content{padding-block:0;padding-inline:0}.fd-dynamic-page__summarized-title-area{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;word-wrap:break-word;background:var(--sapObjectHeader_Background);-webkit-box-shadow:var(--sapContent_HeaderShadow);box-shadow:var(--sapContent_HeaderShadow);height:2rem;z-index:1}.fd-dynamic-page__summarized-title-area:after,.fd-dynamic-page__summarized-title-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__summarized-title-area.is-focus,.fd-dynamic-page__summarized-title-area:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:-.25rem}.fd-dynamic-page__summarized-title-area--no-shadow{-webkit-box-shadow:none;box-shadow:none}.fd-dynamic-page__summarized-title-area[aria-hidden=true]{display:none}.fd-dynamic-page__summarized-title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader5Size);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:2rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-dynamic-page__summarized-title:after,.fd-dynamic-page__summarized-title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header-container{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-dynamic-page__collapsible-header-container:after,.fd-dynamic-page__collapsible-header-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header{background-color:var(--sapObjectHeader_Background);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-block:1rem;padding-inline:0}.fd-dynamic-page__collapsible-header:after,.fd-dynamic-page__collapsible-header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header[aria-hidden=true]{display:none}.fd-dynamic-page .fd-dynamic-page__tabs{margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-dynamic-page .fd-dynamic-page__tabs--overflow{overflow:hidden}.fd-dynamic-page .fd-dynamic-page__tabs--add-shadow,.fd-dynamic-page__collapsible-header-visibility-container{-webkit-box-shadow:var(--sapContent_HeaderShadow);box-shadow:var(--sapContent_HeaderShadow)}.fd-dynamic-page__collapsible-header-visibility-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-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--sapObjectHeader_Background);min-height:.0625rem;z-index:2}.fd-dynamic-page__collapsible-header-visibility-container:after,.fd-dynamic-page__collapsible-header-visibility-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header-visibility-container--left-gradient{background-image:var(--fdDynamicPage_Button_Left_Gradient);height:.0625rem;width:4rem}.fd-dynamic-page__collapsible-header-visibility-container--left-gradient[dir=rtl],[dir=rtl] .fd-dynamic-page__collapsible-header-visibility-container--left-gradient{background-image:var(--fdDynamicPage_Button_Right_Gradient)}.fd-dynamic-page__collapsible-header-visibility-container--right-gradient{background-image:var(--fdDynamicPage_Button_Right_Gradient);height:.0625rem;width:4rem}.fd-dynamic-page__collapsible-header-visibility-container--right-gradient[dir=rtl],[dir=rtl] .fd-dynamic-page__collapsible-header-visibility-container--right-gradient{background-image:var(--fdDynamicPage_Button_Left_Gradient)}.fd-dynamic-page__collapsible-header-visibility-container--button-group{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdDynamicPage_Button_Group_Background);height:.0625rem;width:4.25rem;z-index:1}.fd-dynamic-page__collapsible-header-visibility-container--button-group:after,.fd-dynamic-page__collapsible-header-visibility-container--button-group:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header-visibility-container[aria-hidden=true]{display:none}.fd-dynamic-page__collapsible-header-visibility-container--no-shadow{-webkit-box-shadow:none;box-shadow:none}.fd-dynamic-page__collapse-button,.fd-dynamic-page__expand-button,.fd-dynamic-page__pin-button{--fdButtonBackgroundColor:var(--sapObjectHeader_Background);height:1.5rem;margin-block:0;margin-inline:.25rem;min-width:1.5rem;padding-block:0;padding-inline:0;width:1.5rem}.fd-dynamic-page__collapse-button:before,.fd-dynamic-page__expand-button:before,.fd-dynamic-page__pin-button:before{bottom:-.25rem;height:2rem;top:-.25rem;width:100%}.fd-dynamic-page__collapse-button[aria-hidden=true],.fd-dynamic-page__expand-button[aria-hidden=true],.fd-dynamic-page__pin-button[aria-hidden=true]{display:none}.fd-dynamic-page__content{background-color:var(--sapBackgroundColor);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;overflow-y:auto;padding-block:0;padding-inline:0}.fd-dynamic-page__content:after,.fd-dynamic-page__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__footer{bottom:0;left:0;margin-block:0 .5rem;margin-inline:.5rem;position:fixed;right:0}.fd-dynamic-page--sm .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:1rem}.fd-dynamic-page--sm .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--sm .fd-dynamic-page__collapsible-header,.fd-dynamic-page--sm .fd-dynamic-page__content{padding-block:1rem;padding-inline:1rem}.fd-dynamic-page--sm .fd-dynamic-page__tabs{padding-block:0;padding-inline:1rem}.fd-dynamic-page--sm .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}.fd-dynamic-page--sm .fd-dynamic-page__breadcrumb{padding-block:0;padding-inline:0}.fd-dynamic-page--sm .fd-dynamic-page__title-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-dynamic-page--sm .fd-dynamic-page__toolbar{-webkit-padding-start:1rem;padding-inline-start:1rem;-webkit-margin-start:auto;margin-inline-start:auto}.fd-dynamic-page--sm .fd-dynamic-page__toolbar--content{-webkit-margin-start:0;margin-inline-start:0}.fd-dynamic-page--lg .fd-dynamic-page__title-area,.fd-dynamic-page--md .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:2rem}.fd-dynamic-page--lg .fd-dynamic-page__title-area--collapsed,.fd-dynamic-page--md .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--lg .fd-dynamic-page__collapsible-header,.fd-dynamic-page--lg .fd-dynamic-page__content,.fd-dynamic-page--md .fd-dynamic-page__collapsible-header,.fd-dynamic-page--md .fd-dynamic-page__content{padding-block:1rem;padding-inline:2rem}.fd-dynamic-page--lg .fd-dynamic-page__tabs,.fd-dynamic-page--md .fd-dynamic-page__tabs{padding-block:0;padding-inline:2rem}.fd-dynamic-page--lg .fd-dynamic-page__summarized-title-area,.fd-dynamic-page--md .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}.fd-dynamic-page--xl .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:3rem}.fd-dynamic-page--xl .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--xl .fd-dynamic-page__collapsible-header,.fd-dynamic-page--xl .fd-dynamic-page__content{padding-block:1rem;padding-inline:3rem}.fd-dynamic-page--xl .fd-dynamic-page__tabs{padding-block:0;padding-inline:3rem}.fd-dynamic-page--xl .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}.fd-dynamic-page--md .fd-dynamic-page__toolbar{padding-block:0;padding-inline:0}@media(width<=599px){.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__collapsible-header,.fd-dynamic-page--responsive-paddings .fd-dynamic-page__content{padding-block:1rem;padding-inline:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__tabs{padding-block:0;padding-inline:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}}@media(width>=600px)and (width<=1023px){.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:2rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__collapsible-header,.fd-dynamic-page--responsive-paddings .fd-dynamic-page__content{padding-block:1rem;padding-inline:2rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__tabs{padding-block:0;padding-inline:2rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}}@media(width>=1024px)and (width<=1439px){.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:2rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__collapsible-header,.fd-dynamic-page--responsive-paddings .fd-dynamic-page__content{padding-block:1rem;padding-inline:2rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__tabs{padding-block:0;padding-inline:2rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}}@media(width>=1440px){.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:3rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__collapsible-header,.fd-dynamic-page--responsive-paddings .fd-dynamic-page__content{padding-block:1rem;padding-inline:3rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__tabs{padding-block:0;padding-inline:3rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}}.fd-dynamic-page--list-bg .fd-dynamic-page__content{background-color:var(--fdDynamicPage_Content_List_Background)}.fd-dynamic-page--transparent-bg .fd-dynamic-page__content{background-color:var(--fdDynamicPage_Content_Transparent_Background)}.fd-dynamic-page--transparent-bg .fd-dynamic-page__title-area{background:var(--fdDynamicPage_Title_Header_Transparent_Background)}.fd-dynamic-page--transparent-bg .fd-dynamic-page__collapsible-header{background-color:var(--fdDynamicPage_Title_Header_Transparent_Background)}.footer-spacer{height:3rem}.content-sticker{position:static}.fd-dynamic-page__header--not-collapsible .fd-dynamic-page__title-area.is-hover,.fd-dynamic-page__header--not-collapsible .fd-dynamic-page__title-area:hover{background-color:var(--sapObjectHeader_Background, #fff);cursor:default}.fd-dynamic-page__collapsible-header-visibility-container--button-group{z-index:6}.fd-tabs .fd-dynamic-page__content{display:block;height:auto!important}.fd-dynamic-page{height:100%}.fd-dynamic-page .fd-bar--floating-footer{z-index:6}.fd-dynamic-page .fd-tabs-custom{overflow:auto;background-color:#f7f7f7;background-color:var(--sapBackgroundColor, #f7f7f7);flex:1}.fd-dynamic-page .fd-dynamic-page__content,.fd-dynamic-page .fd-dynamic-page__title-subtitle-container{flex:1}.fd-dynamic-page--transparent-bg .fd-tabs-custom{background-color:transparent;background-color:var(--fdDynamicPage_Content_Transparent_Background, transparent)}.fd-dynamic-page--list-bg .fd-tabs-custom{background-color:#fff;background-color:var(--fdDynamicPage_Content_List_Background, var(--sapGroup_ContentBackground, #fff))}.fd-dynamic-page--xl .fd-bar--floating-footer{margin:1rem 3rem}.fd-dynamic-page--lg .fd-bar--floating-footer,.fd-dynamic-page--md .fd-bar--floating-footer{margin:1rem 2rem}.fd-dynamic-page--sm .fd-bar--floating-footer{margin:1rem .5rem}.fd-dynamic-page--sm .fd-dynamic-page__title-container{align-items:center}.fd-dynamic-page--sm .fd-dynamic-page__title-container .fd-facet.fd-facet--image{margin-inline-end:1rem}.fd-dynamic-page__collapsible-header:empty{padding:0!important}.fd-dynamic-page__collapsible-header:has(.fd-has-display-none):not(:has(.fd-message-strip.fd-has-display-none)){padding-block:0;padding-inline:0}.fd-dynamic-page .fd-dynamic-page__title-container .fd-facet.fd-facet--image{margin-inline-end:1rem}.fd-dynamic-page__header.fd-dynamic-page__header--not-collapsible{position:relative;box-shadow:var(--sapContent_HeaderShadow)}.fd-dynamic-page__header{z-index:15}.fd-dynamic-page__header.fd-dynamic-page__header--not-collapsible:has(+fdp-icon-tab-bar){box-shadow:none}\n/*! Bundled license information:\n\nfundamental-styles/dist/dynamic-page.css:\n (*!\n * Fundamental Library Styles v0.41.8\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"] }]
|
|
1023
|
+
], imports: [CdkScrollable, ScrollbarDirective, FdTranslatePipe], template: "<article\n #dynamicPageElement\n class=\"fd-dynamic-page\"\n [class.fd-dynamic-page--sm]=\"size === 'small'\"\n [class.fd-dynamic-page--md]=\"size === 'medium'\"\n [class.fd-dynamic-page--lg]=\"size === 'large'\"\n [class.fd-dynamic-page--xl]=\"size === 'extra-large'\"\n [class.fd-dynamic-page--transparent-bg]=\"background === 'transparent'\"\n [class.fd-dynamic-page--list-bg]=\"background === 'list'\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-roledescription]=\"ariaRoledescription\"\n [style.position]=\"positionRelative ? 'relative' : null\"\n>\n <header class=\"fd-dynamic-page__header\" [class.fd-dynamic-page__header--not-collapsible]=\"!_headerCollapsible\">\n <div (click)=\"toggleCollapse()\">\n @if (_headerCollapsible) {\n <span\n #headerButton\n role=\"button\"\n [attr.aria-expanded]=\"_isExpanded()\"\n [attr.aria-labelledby]=\"_headerComponent.titleId()\"\n [attr.aria-label]=\"('coreDynamicPage.toggleHeader' | fdTranslate)()\"\n tabindex=\"0\"\n (keydown.enter)=\"toggleCollapse()\"\n class=\"fd-dynamic-page__header-button\"\n >\n </span>\n }\n <ng-content select=\"fd-dynamic-page-header\"></ng-content>\n </div>\n <ng-content select=\"fd-dynamic-page-subheader\"></ng-content>\n </header>\n <ng-content select=\"fd-tab-list\"></ng-content>\n <ng-content select=\"fd-wizard\"></ng-content>\n <ng-content select=\"fdp-icon-tab-bar\"></ng-content>\n @if (!_tabComponent) {\n <div fd-scrollbar>\n <ng-content select=\"fd-dynamic-page-content\"></ng-content>\n </div>\n } @else {\n <div>\n <ng-content select=\"fd-dynamic-page-content\"></ng-content>\n </div>\n }\n <footer>\n <ng-content select=\"fd-dynamic-page-footer\"></ng-content>\n </footer>\n</article>\n", styles: [".fd-dynamic-page{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}.fd-dynamic-page:after,.fd-dynamic-page:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__header-button,.fd-dynamic-page__sr-only{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;white-space:nowrap;width:1px}.fd-dynamic-page__header-button.is-focus,.fd-dynamic-page__header-button:focus{z-index:5}.fd-dynamic-page__header-button.is-focus+.fd-dynamic-page__title-area,.fd-dynamic-page__header-button:focus+.fd-dynamic-page__title-area{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:-.25rem}.fd-dynamic-page__header-fixed{left:0;position:fixed;right:0;top:0;z-index:3}.fd-dynamic-page__header{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;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-dynamic-page__header:after,.fd-dynamic-page__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-area{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;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-height:3rem;word-wrap:break-word;background-color:var(--sapObjectHeader_Background);z-index:1}.fd-dynamic-page__title-area:after,.fd-dynamic-page__title-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-area.is-hover,.fd-dynamic-page__title-area:hover{background:var(--sapObjectHeader_Hover_Background);border-bottom:var(--fdDynamicPage_Hover_Border_Bottom);cursor:pointer}.fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page__title-area--collapsed .fd-dynamic-page__title{font-size:var(--fdDynamicPage_Title_Collapsed_Font_Size)}.fd-dynamic-page__title-area[aria-hidden=true]{display:none}.fd-dynamic-page__main-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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-dynamic-page__main-container:after,.fd-dynamic-page__main-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-padding-before:.3125rem;padding-block-start:.3125rem}.fd-dynamic-page__title-container:after,.fd-dynamic-page__title-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__breadcrumb{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-block:.5rem .25rem;padding-inline:0}.fd-dynamic-page__breadcrumb:after,.fd-dynamic-page__breadcrumb:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__breadcrumb-title-container{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;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.fd-dynamic-page__breadcrumb-title-container:after,.fd-dynamic-page__breadcrumb-title-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__breadcrumb-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-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-dynamic-page__breadcrumb-container:after,.fd-dynamic-page__breadcrumb-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdDynamicPage_Title_Color);font-family:var(--sapFontFamily);font-family:var(--fdDynamicPage_Title_Font_Family);font-size:var(--sapFontSize);font-size:var(--fdDynamicPage_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}.fd-dynamic-page__title:after,.fd-dynamic-page__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title .fd-link{color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader3Size);max-width:100%;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.fd-dynamic-page__title--small{font-size:var(--fdDynamicPage_Title_Collapsed_Font_Size)}.fd-dynamic-page__title--wrap{overflow:visible;text-overflow:clip;white-space:normal}.fd-dynamic-page__subtitle{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdDynamicPage_Subtitle_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;margin-top:.25rem;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-dynamic-page__subtitle:after,.fd-dynamic-page__subtitle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__subtitle--wrap{overflow:visible;text-overflow:clip;white-space:normal}.fd-dynamic-page__title-content{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;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;-webkit-padding-start:1rem;padding-inline-start:1rem;vertical-align:baseline}.fd-dynamic-page__title-content:after,.fd-dynamic-page__title-content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-content--wrap{overflow:visible;text-overflow:clip;white-space:normal}.fd-dynamic-page__title-subtitle-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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-dynamic-page__title-subtitle-container:after,.fd-dynamic-page__title-subtitle-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__toolbar-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-align:center;-ms-flex-align:center;align-items:center;-webkit-margin-start:auto;margin-inline-start:auto}.fd-dynamic-page__toolbar-container:after,.fd-dynamic-page__toolbar-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page .fd-dynamic-page__toolbar{background:transparent;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;padding-inline:1rem .25rem}.fd-dynamic-page .fd-dynamic-page__toolbar--actions,.fd-dynamic-page .fd-dynamic-page__toolbar--content{padding-block:0;padding-inline:0}.fd-dynamic-page__summarized-title-area{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;word-wrap:break-word;background:var(--sapObjectHeader_Background);-webkit-box-shadow:var(--sapContent_HeaderShadow);box-shadow:var(--sapContent_HeaderShadow);height:2rem;z-index:1}.fd-dynamic-page__summarized-title-area:after,.fd-dynamic-page__summarized-title-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__summarized-title-area.is-focus,.fd-dynamic-page__summarized-title-area:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:-.25rem}.fd-dynamic-page__summarized-title-area--no-shadow{-webkit-box-shadow:none;box-shadow:none}.fd-dynamic-page__summarized-title-area[aria-hidden=true]{display:none}.fd-dynamic-page__summarized-title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader5Size);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:2rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-dynamic-page__summarized-title:after,.fd-dynamic-page__summarized-title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header-container{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-dynamic-page__collapsible-header-container:after,.fd-dynamic-page__collapsible-header-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header{background-color:var(--sapObjectHeader_Background);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-block:1rem;padding-inline:0}.fd-dynamic-page__collapsible-header:after,.fd-dynamic-page__collapsible-header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header[aria-hidden=true]{display:none}.fd-dynamic-page .fd-dynamic-page__tabs{margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-dynamic-page .fd-dynamic-page__tabs--overflow{overflow:hidden}.fd-dynamic-page .fd-dynamic-page__tabs--add-shadow,.fd-dynamic-page__collapsible-header-visibility-container{-webkit-box-shadow:var(--sapContent_HeaderShadow);box-shadow:var(--sapContent_HeaderShadow)}.fd-dynamic-page__collapsible-header-visibility-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-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--sapObjectHeader_Background);min-height:.0625rem;z-index:2}.fd-dynamic-page__collapsible-header-visibility-container:after,.fd-dynamic-page__collapsible-header-visibility-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header-visibility-container--left-gradient{background-image:var(--fdDynamicPage_Button_Left_Gradient);height:.0625rem;width:4rem}.fd-dynamic-page__collapsible-header-visibility-container--left-gradient[dir=rtl],[dir=rtl] .fd-dynamic-page__collapsible-header-visibility-container--left-gradient{background-image:var(--fdDynamicPage_Button_Right_Gradient)}.fd-dynamic-page__collapsible-header-visibility-container--right-gradient{background-image:var(--fdDynamicPage_Button_Right_Gradient);height:.0625rem;width:4rem}.fd-dynamic-page__collapsible-header-visibility-container--right-gradient[dir=rtl],[dir=rtl] .fd-dynamic-page__collapsible-header-visibility-container--right-gradient{background-image:var(--fdDynamicPage_Button_Left_Gradient)}.fd-dynamic-page__collapsible-header-visibility-container--button-group{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdDynamicPage_Button_Group_Background);height:.0625rem;width:4.25rem;z-index:1}.fd-dynamic-page__collapsible-header-visibility-container--button-group:after,.fd-dynamic-page__collapsible-header-visibility-container--button-group:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header-visibility-container[aria-hidden=true]{display:none}.fd-dynamic-page__collapsible-header-visibility-container--no-shadow{-webkit-box-shadow:none;box-shadow:none}.fd-dynamic-page__collapse-button,.fd-dynamic-page__expand-button,.fd-dynamic-page__pin-button{--fdButtonBackgroundColor:var(--sapObjectHeader_Background);height:1.5rem;margin-block:0;margin-inline:.25rem;min-width:1.5rem;padding-block:0;padding-inline:0;width:1.5rem}.fd-dynamic-page__collapse-button:before,.fd-dynamic-page__expand-button:before,.fd-dynamic-page__pin-button:before{bottom:-.25rem;height:2rem;top:-.25rem;width:100%}.fd-dynamic-page__collapse-button[aria-hidden=true],.fd-dynamic-page__expand-button[aria-hidden=true],.fd-dynamic-page__pin-button[aria-hidden=true]{display:none}.fd-dynamic-page__content{background-color:var(--sapBackgroundColor);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;overflow-y:auto;padding-block:0;padding-inline:0}.fd-dynamic-page__content:after,.fd-dynamic-page__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__footer{bottom:0;left:0;margin-block:0 .5rem;margin-inline:.5rem;position:fixed;right:0}.fd-dynamic-page--sm .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:1rem}.fd-dynamic-page--sm .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--sm .fd-dynamic-page__collapsible-header,.fd-dynamic-page--sm .fd-dynamic-page__content{padding-block:1rem;padding-inline:1rem}.fd-dynamic-page--sm .fd-dynamic-page__tabs{padding-block:0;padding-inline:1rem}.fd-dynamic-page--sm .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}.fd-dynamic-page--sm .fd-dynamic-page__breadcrumb{padding-block:0;padding-inline:0}.fd-dynamic-page--sm .fd-dynamic-page__title-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-dynamic-page--sm .fd-dynamic-page__toolbar{-webkit-padding-start:1rem;padding-inline-start:1rem;-webkit-margin-start:auto;margin-inline-start:auto}.fd-dynamic-page--sm .fd-dynamic-page__toolbar--content{-webkit-margin-start:0;margin-inline-start:0}.fd-dynamic-page--lg .fd-dynamic-page__title-area,.fd-dynamic-page--md .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:2rem}.fd-dynamic-page--lg .fd-dynamic-page__title-area--collapsed,.fd-dynamic-page--md .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--lg .fd-dynamic-page__collapsible-header,.fd-dynamic-page--lg .fd-dynamic-page__content,.fd-dynamic-page--md .fd-dynamic-page__collapsible-header,.fd-dynamic-page--md .fd-dynamic-page__content{padding-block:1rem;padding-inline:2rem}.fd-dynamic-page--lg .fd-dynamic-page__tabs,.fd-dynamic-page--md .fd-dynamic-page__tabs{padding-block:0;padding-inline:2rem}.fd-dynamic-page--lg .fd-dynamic-page__summarized-title-area,.fd-dynamic-page--md .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}.fd-dynamic-page--xl .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:3rem}.fd-dynamic-page--xl .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--xl .fd-dynamic-page__collapsible-header,.fd-dynamic-page--xl .fd-dynamic-page__content{padding-block:1rem;padding-inline:3rem}.fd-dynamic-page--xl .fd-dynamic-page__tabs{padding-block:0;padding-inline:3rem}.fd-dynamic-page--xl .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}.fd-dynamic-page--md .fd-dynamic-page__toolbar{padding-block:0;padding-inline:0}@media(width<=599px){.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__collapsible-header,.fd-dynamic-page--responsive-paddings .fd-dynamic-page__content{padding-block:1rem;padding-inline:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__tabs{padding-block:0;padding-inline:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}}@media(width>=600px)and (width<=1023px){.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:2rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__collapsible-header,.fd-dynamic-page--responsive-paddings .fd-dynamic-page__content{padding-block:1rem;padding-inline:2rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__tabs{padding-block:0;padding-inline:2rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}}@media(width>=1024px)and (width<=1439px){.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:2rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__collapsible-header,.fd-dynamic-page--responsive-paddings .fd-dynamic-page__content{padding-block:1rem;padding-inline:2rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__tabs{padding-block:0;padding-inline:2rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}}@media(width>=1440px){.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:3rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__collapsible-header,.fd-dynamic-page--responsive-paddings .fd-dynamic-page__content{padding-block:1rem;padding-inline:3rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__tabs{padding-block:0;padding-inline:3rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}}.fd-dynamic-page--list-bg .fd-dynamic-page__content{background-color:var(--fdDynamicPage_Content_List_Background)}.fd-dynamic-page--transparent-bg .fd-dynamic-page__content{background-color:var(--fdDynamicPage_Content_Transparent_Background)}.fd-dynamic-page--transparent-bg .fd-dynamic-page__title-area{background:var(--fdDynamicPage_Title_Header_Transparent_Background)}.fd-dynamic-page--transparent-bg .fd-dynamic-page__collapsible-header{background-color:var(--fdDynamicPage_Title_Header_Transparent_Background)}.footer-spacer{height:3rem}.content-sticker{position:static}.fd-dynamic-page__header--not-collapsible .fd-dynamic-page__title-area.is-hover,.fd-dynamic-page__header--not-collapsible .fd-dynamic-page__title-area:hover{background-color:var(--sapObjectHeader_Background, #fff);cursor:default}.fd-dynamic-page__collapsible-header-visibility-container--button-group{z-index:6}.fd-tabs .fd-dynamic-page__content{display:block;height:auto!important}.fd-dynamic-page{height:100%}.fd-dynamic-page .fd-bar--floating-footer{z-index:6}.fd-dynamic-page .fd-tabs-custom{overflow:auto;background-color:#f7f7f7;background-color:var(--sapBackgroundColor, #f7f7f7);flex:1}.fd-dynamic-page .fd-dynamic-page__content,.fd-dynamic-page .fd-dynamic-page__title-subtitle-container{flex:1}.fd-dynamic-page--transparent-bg .fd-tabs-custom{background-color:transparent;background-color:var(--fdDynamicPage_Content_Transparent_Background, transparent)}.fd-dynamic-page--list-bg .fd-tabs-custom{background-color:#fff;background-color:var(--fdDynamicPage_Content_List_Background, var(--sapGroup_ContentBackground, #fff))}.fd-dynamic-page--xl .fd-bar--floating-footer{margin:1rem 3rem}.fd-dynamic-page--lg .fd-bar--floating-footer,.fd-dynamic-page--md .fd-bar--floating-footer{margin:1rem 2rem}.fd-dynamic-page--sm .fd-bar--floating-footer{margin:1rem .5rem}.fd-dynamic-page--sm .fd-dynamic-page__title-container{align-items:center}.fd-dynamic-page--sm .fd-dynamic-page__title-container .fd-facet.fd-facet--image{margin-inline-end:1rem}.fd-dynamic-page__collapsible-header:empty{padding:0!important}.fd-dynamic-page__collapsible-header:has(.fd-has-display-none):not(:has(.fd-message-strip.fd-has-display-none)){padding-block:0;padding-inline:0}.fd-dynamic-page .fd-dynamic-page__title-container .fd-facet.fd-facet--image{margin-inline-end:1rem}.fd-dynamic-page__header.fd-dynamic-page__header--not-collapsible{position:relative;box-shadow:var(--sapContent_HeaderShadow)}.fd-dynamic-page__header{z-index:15}.fd-dynamic-page__header.fd-dynamic-page__header--not-collapsible:has(+fdp-icon-tab-bar){box-shadow:none}\n/*! Bundled license information:\n\nfundamental-styles/dist/dynamic-page.css:\n (*!\n * Fundamental Library Styles v0.41.9\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"] }]
|
|
1007
1024
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: DynamicPageService }, { type: i3.FlexibleColumnLayoutComponent, decorators: [{
|
|
1008
1025
|
type: Optional
|
|
1009
1026
|
}, {
|