@fundamental-ngx/platform 0.56.2-rc.0 → 0.56.2-rc.2

package/fesm2022/fundamental-ngx-platform-dynamic-page.mjs

@@ -771,7 +771,7 @@ class DynamicPageComponent extends BaseComponent {
                 provide: FDP_DYNAMIC_PAGE,
                 useExisting: DynamicPageComponent
             }
-        ], queries: [{ propertyName: "titleComponent", first: true, predicate: DynamicPageTitleComponent, descendants: true }, { propertyName: "headerComponent", first: true, predicate: DynamicPageHeaderComponent, descendants: true }, { propertyName: "footerComponent", first: true, predicate: DynamicPageFooterComponent, descendants: true }, { propertyName: "contentComponent", first: true, predicate: DynamicPageContentComponent, descendants: true }, { propertyName: "contentComponents", predicate: DynamicPageContentComponent, descendants: true }], viewQueries: [{ propertyName: "_dynamicPageComponent", first: true, predicate: FD_DYNAMIC_PAGE, descendants: true }, { propertyName: "_tabListComponent", first: true, predicate: FD_TABLIST, descendants: true }, { propertyName: "dynamicPageTabs", predicate: IconTabBarTabComponent, descendants: true }, { propertyName: "_contentHostComponents", predicate: DynamicPageContentHostComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-dynamic-page\n    [disableSnapOnScroll]=\"disableSnapOnScroll\"\n    [autoResponsive]=\"autoResponsive\"\n    [background]=\"background\"\n    [size]=\"size\"\n    [expandContent]=\"expandContent\"\n    [offset]=\"offset\"\n    [ariaLabel]=\"ariaLabel\"\n>\n    @if (titleComponent) {\n        <fd-dynamic-page-header\n            [title]=\"titleComponent.title\"\n            [titleWrap]=\"titleComponent.titleWrap\"\n            [subtitle]=\"titleComponent.subtitle\"\n            [subtitleWrap]=\"titleComponent.subtitleWrap\"\n            [headingLevel]=\"headingLevel()\"\n        >\n            @if (titleComponent.breadcrumbComponent) {\n                <fd-dynamic-page-breadcrumb>\n                    <ng-template\n                        [ngTemplateOutlet]=\"titleComponent.breadcrumbComponent.contentTemplateRef\"\n                    ></ng-template>\n                </fd-dynamic-page-breadcrumb>\n            }\n            @if (titleComponent._subtitleDirective) {\n                <ng-container\n                    *fdDynamicPageHeaderSubtitle=\"let hidden\"\n                    [ngTemplateOutlet]=\"titleComponent._subtitleDirective.templateRef\"\n                    [ngTemplateOutletContext]=\"{ $implicit: hidden }\"\n                >\n                </ng-container>\n            }\n            @if (titleComponent._titleDirective) {\n                <ng-container\n                    *fdDynamicPageHeaderTitle=\"let hidden\"\n                    [ngTemplateOutlet]=\"titleComponent._titleDirective.templateRef\"\n                    [ngTemplateOutletContext]=\"{ $implicit: hidden }\"\n                >\n                </ng-container>\n            }\n            @if (titleComponent.keyInfoComponent) {\n                <fd-dynamic-page-title-content>\n                    <ng-template [ngTemplateOutlet]=\"titleComponent.keyInfoComponent.contentTemplateRef\"></ng-template>\n                </fd-dynamic-page-title-content>\n            }\n            @if (titleComponent.imageComponent) {\n                <fd-facet type=\"image\">\n                    <ng-template [ngTemplateOutlet]=\"titleComponent.imageComponent.contentTemplateRef\"></ng-template>\n                </fd-facet>\n            }\n            @if (titleComponent.globalActionsComponent) {\n                <fd-dynamic-page-global-actions>\n                    <ng-template\n                        [ngTemplateOutlet]=\"titleComponent.globalActionsComponent.contentTemplateRef\"\n                    ></ng-template>\n                </fd-dynamic-page-global-actions>\n            }\n            @if (titleComponent.layoutActionsComponent) {\n                <fd-dynamic-page-layout-actions>\n                    <ng-template\n                        [ngTemplateOutlet]=\"titleComponent.layoutActionsComponent.contentTemplateRef\"\n                    ></ng-template>\n                </fd-dynamic-page-layout-actions>\n            }\n        </fd-dynamic-page-header>\n    }\n    @if (headerComponent) {\n        <fd-dynamic-page-subheader\n            [collapsed]=\"headerComponent.collapsed\"\n            [collapsible]=\"headerComponent.collapsible\"\n            [pinnable]=\"headerComponent.pinnable\"\n            [expandLabel]=\"headerComponent.expandLabel\"\n            [collapseLabel]=\"headerComponent.collapseLabel\"\n            [id]=\"headerComponent.id\"\n            [headerAriaLabel]=\"headerComponent.headerAriaLabel\"\n            [pinAriaLabel]=\"headerComponent.pinAriaLabel\"\n            [unpinAriaLabel]=\"headerComponent.unpinAriaLabel\"\n            (collapsedChange)=\"headerComponent._onCollapseChange($event)\"\n        >\n            <ng-template [ngTemplateOutlet]=\"headerComponent.contentTemplateRef\"></ng-template>\n        </fd-dynamic-page-subheader>\n    }\n    @if (_isTabbed) {\n        <fdp-icon-tab-bar\n            class=\"fd-tabs-custom\"\n            [stackContent]=\"stackContent\"\n            maxContentHeight=\"auto\"\n            (iconTabSelected)=\"_onSelectedTabChange($event)\"\n            [tabHeadingLevel]=\"_headingLevel() + 1\"\n        >\n            @for (tab of _tabs; track tab) {\n                <fdp-icon-tab-bar-tab [label]=\"tab.tabLabel\" [id]=\"tab.id\">\n                    <fd-dynamic-page-content>\n                        <ng-template\n                            [ngTemplateOutlet]=\"tab.contentTemplateRef\"\n                        ></ng-template> </fd-dynamic-page-content\n                ></fdp-icon-tab-bar-tab>\n            }\n        </fdp-icon-tab-bar>\n    }\n    @if (!_isTabbed && contentComponent) {\n        <fd-dynamic-page-content>\n            <ng-template [ngTemplateOutlet]=\"contentComponent.contentTemplateRef\"></ng-template>\n        </fd-dynamic-page-content>\n    }\n    @if (footerComponent) {\n        <fd-dynamic-page-footer>\n            <ng-template [ngTemplateOutlet]=\"footerComponent.contentTemplateRef\"></ng-template>\n        </fd-dynamic-page-footer>\n    }\n</fd-dynamic-page>\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}.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--wrap{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{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;padding-inline:1rem 0;text-overflow:ellipsis;vertical-align:baseline;white-space:nowrap}.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-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{margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-padding-start:1rem;background:transparent;padding-inline-start:1rem}.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(--fdDynamicPage_Button_Pin_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}.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)}.fd-dynamic-page{display:flex;flex-direction:column;height:100%;width:100%}.fd-dynamic-page .fd-dynamic-page__header{z-index:2}.fd-dynamic-page .fd-dynamic-page__content,.fd-dynamic-page .fd-dynamic-page__tabs--overflow{display:block;flex:1}.fd-dynamic-page .fd-dynamic-page__tabs--overflow{display:flex}.fd-dynamic-page .fd-dynamic-page__tabs--overflow .fd-tabs-custom{height:100%;display:flex;flex-direction:column}.fd-dynamic-page .fd-dynamic-page__tabs--overflow .fd-tabs__content{flex:1;display:flex}.fd-dynamic-page .fd-dynamic-page__tabs--overflow .fd-tabs__panel.is-expanded{display:flex}.fd-dynamic-page .footer-spacer{height:3rem}.fd-dynamic-page .content-sticker{position:static}.fd-dynamic-page .fd-dynamic-page__header--not-collapsible .fd-dynamic-page__title-area.is-hover,.fd-dynamic-page .fd-dynamic-page__header--not-collapsible .fd-dynamic-page__title-area:hover{background-color:var(--sapObjectHeader_Background, #fff);cursor:default}\n/*! Bundled license information:\n\nfundamental-styles/dist/dynamic-page.css:\n  (*!\n   * Fundamental Library Styles v0.39.3\n   * Copyright (c) 2025 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: "component", type: DynamicPageComponent$1, selector: "fd-dynamic-page", inputs: ["disableSnapOnScroll", "ariaLabel", "ariaRoledescription", "background", "autoResponsive", "size", "offset", "expandContent", "positionRelative"] }, { kind: "component", type: DynamicPageHeaderComponent$1, selector: "fd-dynamic-page-header", inputs: ["title", "titleWrap", "subtitle", "subtitleWrap", "headingLevel", "titleId"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: DynamicPageHeaderSubtitleDirective$1, selector: "[fdDynamicPageHeaderSubtitle]" }, { kind: "directive", type: DynamicPageHeaderTitleDirective$1, selector: "[fdDynamicPageHeaderTitle]" }, { kind: "component", type: DynamicPageTitleContentComponent, selector: "fd-dynamic-page-title-content" }, { kind: "component", type: FacetComponent, selector: "fd-facet", inputs: ["type", "facetTitle", "subtitle", "headingLevel", "id", "alignEnd"] }, { kind: "component", type: DynamicPageGlobalActionsComponent$1, selector: "fd-dynamic-page-global-actions" }, { kind: "component", type: DynamicPageLayoutActionsComponent$1, selector: "fd-dynamic-page-layout-actions" }, { kind: "component", type: DynamicPageSubheaderComponent, selector: "fd-dynamic-page-subheader", inputs: ["collapsible", "pinnable", "collapsed", "expandLabel", "collapseLabel", "id", "headerAriaLabel", "pinAriaLabel", "unpinAriaLabel"], outputs: ["collapsedChange"] }, { kind: "component", type: IconTabBarComponent, selector: "fdp-icon-tab-bar", inputs: ["stackContent", "tabHeadingLevel", "iconTabType", "tabsConfig", "densityMode", "iconTabFont", "enableTabReordering", "showTotalTab", "multiClick", "layoutMode", "iconTabBackground", "iconTabSize", "colorAssociations", "settings", "maxContentHeight"], outputs: ["tabsConfigChange", "densityModeChange", "iconTabSelected", "iconTabReordered", "closeTab"] }, { kind: "component", type: IconTabBarTabComponent, selector: "fdp-icon-tab-bar-tab", inputs: ["label", "color", "icon", "iconFont", "counter", "active", "badge", "closable", "id"] }, { kind: "component", type: DynamicPageFooterComponent$1, selector: "fd-dynamic-page-footer" }, { kind: "component", type: DynamicPageContentComponent$1, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: DynamicPageBreadcrumbComponent$1, selector: "fd-dynamic-page-breadcrumb" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "titleComponent", first: true, predicate: DynamicPageTitleComponent, descendants: true }, { propertyName: "headerComponent", first: true, predicate: DynamicPageHeaderComponent, descendants: true }, { propertyName: "footerComponent", first: true, predicate: DynamicPageFooterComponent, descendants: true }, { propertyName: "contentComponent", first: true, predicate: DynamicPageContentComponent, descendants: true }, { propertyName: "contentComponents", predicate: DynamicPageContentComponent, descendants: true }], viewQueries: [{ propertyName: "_dynamicPageComponent", first: true, predicate: FD_DYNAMIC_PAGE, descendants: true }, { propertyName: "_tabListComponent", first: true, predicate: FD_TABLIST, descendants: true }, { propertyName: "dynamicPageTabs", predicate: IconTabBarTabComponent, descendants: true }, { propertyName: "_contentHostComponents", predicate: DynamicPageContentHostComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-dynamic-page\n    [disableSnapOnScroll]=\"disableSnapOnScroll\"\n    [autoResponsive]=\"autoResponsive\"\n    [background]=\"background\"\n    [size]=\"size\"\n    [expandContent]=\"expandContent\"\n    [offset]=\"offset\"\n    [ariaLabel]=\"ariaLabel\"\n>\n    @if (titleComponent) {\n        <fd-dynamic-page-header\n            [title]=\"titleComponent.title\"\n            [titleWrap]=\"titleComponent.titleWrap\"\n            [subtitle]=\"titleComponent.subtitle\"\n            [subtitleWrap]=\"titleComponent.subtitleWrap\"\n            [headingLevel]=\"headingLevel()\"\n        >\n            @if (titleComponent.breadcrumbComponent) {\n                <fd-dynamic-page-breadcrumb>\n                    <ng-template\n                        [ngTemplateOutlet]=\"titleComponent.breadcrumbComponent.contentTemplateRef\"\n                    ></ng-template>\n                </fd-dynamic-page-breadcrumb>\n            }\n            @if (titleComponent._subtitleDirective) {\n                <ng-container\n                    *fdDynamicPageHeaderSubtitle=\"let hidden\"\n                    [ngTemplateOutlet]=\"titleComponent._subtitleDirective.templateRef\"\n                    [ngTemplateOutletContext]=\"{ $implicit: hidden }\"\n                >\n                </ng-container>\n            }\n            @if (titleComponent._titleDirective) {\n                <ng-container\n                    *fdDynamicPageHeaderTitle=\"let hidden\"\n                    [ngTemplateOutlet]=\"titleComponent._titleDirective.templateRef\"\n                    [ngTemplateOutletContext]=\"{ $implicit: hidden }\"\n                >\n                </ng-container>\n            }\n            @if (titleComponent.keyInfoComponent) {\n                <fd-dynamic-page-title-content>\n                    <ng-template [ngTemplateOutlet]=\"titleComponent.keyInfoComponent.contentTemplateRef\"></ng-template>\n                </fd-dynamic-page-title-content>\n            }\n            @if (titleComponent.imageComponent) {\n                <fd-facet type=\"image\">\n                    <ng-template [ngTemplateOutlet]=\"titleComponent.imageComponent.contentTemplateRef\"></ng-template>\n                </fd-facet>\n            }\n            @if (titleComponent.globalActionsComponent) {\n                <fd-dynamic-page-global-actions>\n                    <ng-template\n                        [ngTemplateOutlet]=\"titleComponent.globalActionsComponent.contentTemplateRef\"\n                    ></ng-template>\n                </fd-dynamic-page-global-actions>\n            }\n            @if (titleComponent.layoutActionsComponent) {\n                <fd-dynamic-page-layout-actions>\n                    <ng-template\n                        [ngTemplateOutlet]=\"titleComponent.layoutActionsComponent.contentTemplateRef\"\n                    ></ng-template>\n                </fd-dynamic-page-layout-actions>\n            }\n        </fd-dynamic-page-header>\n    }\n    @if (headerComponent) {\n        <fd-dynamic-page-subheader\n            [collapsed]=\"headerComponent.collapsed\"\n            [collapsible]=\"headerComponent.collapsible\"\n            [pinnable]=\"headerComponent.pinnable\"\n            [expandLabel]=\"headerComponent.expandLabel\"\n            [collapseLabel]=\"headerComponent.collapseLabel\"\n            [id]=\"headerComponent.id\"\n            [headerAriaLabel]=\"headerComponent.headerAriaLabel\"\n            [pinAriaLabel]=\"headerComponent.pinAriaLabel\"\n            [unpinAriaLabel]=\"headerComponent.unpinAriaLabel\"\n            (collapsedChange)=\"headerComponent._onCollapseChange($event)\"\n        >\n            <ng-template [ngTemplateOutlet]=\"headerComponent.contentTemplateRef\"></ng-template>\n        </fd-dynamic-page-subheader>\n    }\n    @if (_isTabbed) {\n        <fdp-icon-tab-bar\n            class=\"fd-tabs-custom\"\n            [stackContent]=\"stackContent\"\n            maxContentHeight=\"auto\"\n            (iconTabSelected)=\"_onSelectedTabChange($event)\"\n            [tabHeadingLevel]=\"_headingLevel() + 1\"\n        >\n            @for (tab of _tabs; track tab) {\n                <fdp-icon-tab-bar-tab [label]=\"tab.tabLabel\" [id]=\"tab.id\">\n                    <fd-dynamic-page-content>\n                        <ng-template\n                            [ngTemplateOutlet]=\"tab.contentTemplateRef\"\n                        ></ng-template> </fd-dynamic-page-content\n                ></fdp-icon-tab-bar-tab>\n            }\n        </fdp-icon-tab-bar>\n    }\n    @if (!_isTabbed && contentComponent) {\n        <fd-dynamic-page-content>\n            <ng-template [ngTemplateOutlet]=\"contentComponent.contentTemplateRef\"></ng-template>\n        </fd-dynamic-page-content>\n    }\n    @if (footerComponent) {\n        <fd-dynamic-page-footer>\n            <ng-template [ngTemplateOutlet]=\"footerComponent.contentTemplateRef\"></ng-template>\n        </fd-dynamic-page-footer>\n    }\n</fd-dynamic-page>\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}.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--wrap{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{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;padding-inline:1rem 0;text-overflow:ellipsis;vertical-align:baseline;white-space:nowrap}.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-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{margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-padding-start:1rem;background:transparent;padding-inline-start:1rem}.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(--fdDynamicPage_Button_Pin_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}.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)}.fd-dynamic-page{display:flex;flex-direction:column;height:100%;width:100%}.fd-dynamic-page .fd-dynamic-page__header{z-index:2}.fd-dynamic-page .fd-dynamic-page__content,.fd-dynamic-page .fd-dynamic-page__tabs--overflow{display:block;flex:1}.fd-dynamic-page .fd-dynamic-page__tabs--overflow{display:flex}.fd-dynamic-page .fd-dynamic-page__tabs--overflow .fd-tabs-custom{height:100%;display:flex;flex-direction:column}.fd-dynamic-page .fd-dynamic-page__tabs--overflow .fd-tabs__content{flex:1;display:flex}.fd-dynamic-page .fd-dynamic-page__tabs--overflow .fd-tabs__panel.is-expanded{display:flex}.fd-dynamic-page .footer-spacer{height:3rem}.fd-dynamic-page .content-sticker{position:static}.fd-dynamic-page .fd-dynamic-page__header--not-collapsible .fd-dynamic-page__title-area.is-hover,.fd-dynamic-page .fd-dynamic-page__header--not-collapsible .fd-dynamic-page__title-area:hover{background-color:var(--sapObjectHeader_Background, #fff);cursor:default}\n/*! Bundled license information:\n\nfundamental-styles/dist/dynamic-page.css:\n  (*!\n   * Fundamental Library Styles v0.40.1\n   * Copyright (c) 2025 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: "component", type: DynamicPageComponent$1, selector: "fd-dynamic-page", inputs: ["disableSnapOnScroll", "ariaLabel", "ariaRoledescription", "background", "autoResponsive", "size", "offset", "expandContent", "positionRelative"] }, { kind: "component", type: DynamicPageHeaderComponent$1, selector: "fd-dynamic-page-header", inputs: ["title", "titleWrap", "subtitle", "subtitleWrap", "headingLevel", "titleId"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: DynamicPageHeaderSubtitleDirective$1, selector: "[fdDynamicPageHeaderSubtitle]" }, { kind: "directive", type: DynamicPageHeaderTitleDirective$1, selector: "[fdDynamicPageHeaderTitle]" }, { kind: "component", type: DynamicPageTitleContentComponent, selector: "fd-dynamic-page-title-content" }, { kind: "component", type: FacetComponent, selector: "fd-facet", inputs: ["type", "facetTitle", "subtitle", "headingLevel", "id", "alignEnd"] }, { kind: "component", type: DynamicPageGlobalActionsComponent$1, selector: "fd-dynamic-page-global-actions" }, { kind: "component", type: DynamicPageLayoutActionsComponent$1, selector: "fd-dynamic-page-layout-actions" }, { kind: "component", type: DynamicPageSubheaderComponent, selector: "fd-dynamic-page-subheader", inputs: ["collapsible", "pinnable", "collapsed", "expandLabel", "collapseLabel", "id", "headerAriaLabel", "pinAriaLabel", "unpinAriaLabel"], outputs: ["collapsedChange"] }, { kind: "component", type: IconTabBarComponent, selector: "fdp-icon-tab-bar", inputs: ["stackContent", "tabHeadingLevel", "iconTabType", "tabsConfig", "densityMode", "iconTabFont", "enableTabReordering", "showTotalTab", "multiClick", "layoutMode", "iconTabBackground", "iconTabSize", "colorAssociations", "settings", "maxContentHeight"], outputs: ["tabsConfigChange", "densityModeChange", "iconTabSelected", "iconTabReordered", "closeTab"] }, { kind: "component", type: IconTabBarTabComponent, selector: "fdp-icon-tab-bar-tab", inputs: ["label", "color", "icon", "iconFont", "counter", "active", "badge", "closable", "id"] }, { kind: "component", type: DynamicPageFooterComponent$1, selector: "fd-dynamic-page-footer" }, { kind: "component", type: DynamicPageContentComponent$1, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: DynamicPageBreadcrumbComponent$1, selector: "fd-dynamic-page-breadcrumb" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: DynamicPageComponent, decorators: [{
             type: Component,
@@ -801,7 +801,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
                         DynamicPageFooterComponent$1,
                         DynamicPageContentComponent$1,
                         DynamicPageBreadcrumbComponent$1
-                    ], template: "<fd-dynamic-page\n    [disableSnapOnScroll]=\"disableSnapOnScroll\"\n    [autoResponsive]=\"autoResponsive\"\n    [background]=\"background\"\n    [size]=\"size\"\n    [expandContent]=\"expandContent\"\n    [offset]=\"offset\"\n    [ariaLabel]=\"ariaLabel\"\n>\n    @if (titleComponent) {\n        <fd-dynamic-page-header\n            [title]=\"titleComponent.title\"\n            [titleWrap]=\"titleComponent.titleWrap\"\n            [subtitle]=\"titleComponent.subtitle\"\n            [subtitleWrap]=\"titleComponent.subtitleWrap\"\n            [headingLevel]=\"headingLevel()\"\n        >\n            @if (titleComponent.breadcrumbComponent) {\n                <fd-dynamic-page-breadcrumb>\n                    <ng-template\n                        [ngTemplateOutlet]=\"titleComponent.breadcrumbComponent.contentTemplateRef\"\n                    ></ng-template>\n                </fd-dynamic-page-breadcrumb>\n            }\n            @if (titleComponent._subtitleDirective) {\n                <ng-container\n                    *fdDynamicPageHeaderSubtitle=\"let hidden\"\n                    [ngTemplateOutlet]=\"titleComponent._subtitleDirective.templateRef\"\n                    [ngTemplateOutletContext]=\"{ $implicit: hidden }\"\n                >\n                </ng-container>\n            }\n            @if (titleComponent._titleDirective) {\n                <ng-container\n                    *fdDynamicPageHeaderTitle=\"let hidden\"\n                    [ngTemplateOutlet]=\"titleComponent._titleDirective.templateRef\"\n                    [ngTemplateOutletContext]=\"{ $implicit: hidden }\"\n                >\n                </ng-container>\n            }\n            @if (titleComponent.keyInfoComponent) {\n                <fd-dynamic-page-title-content>\n                    <ng-template [ngTemplateOutlet]=\"titleComponent.keyInfoComponent.contentTemplateRef\"></ng-template>\n                </fd-dynamic-page-title-content>\n            }\n            @if (titleComponent.imageComponent) {\n                <fd-facet type=\"image\">\n                    <ng-template [ngTemplateOutlet]=\"titleComponent.imageComponent.contentTemplateRef\"></ng-template>\n                </fd-facet>\n            }\n            @if (titleComponent.globalActionsComponent) {\n                <fd-dynamic-page-global-actions>\n                    <ng-template\n                        [ngTemplateOutlet]=\"titleComponent.globalActionsComponent.contentTemplateRef\"\n                    ></ng-template>\n                </fd-dynamic-page-global-actions>\n            }\n            @if (titleComponent.layoutActionsComponent) {\n                <fd-dynamic-page-layout-actions>\n                    <ng-template\n                        [ngTemplateOutlet]=\"titleComponent.layoutActionsComponent.contentTemplateRef\"\n                    ></ng-template>\n                </fd-dynamic-page-layout-actions>\n            }\n        </fd-dynamic-page-header>\n    }\n    @if (headerComponent) {\n        <fd-dynamic-page-subheader\n            [collapsed]=\"headerComponent.collapsed\"\n            [collapsible]=\"headerComponent.collapsible\"\n            [pinnable]=\"headerComponent.pinnable\"\n            [expandLabel]=\"headerComponent.expandLabel\"\n            [collapseLabel]=\"headerComponent.collapseLabel\"\n            [id]=\"headerComponent.id\"\n            [headerAriaLabel]=\"headerComponent.headerAriaLabel\"\n            [pinAriaLabel]=\"headerComponent.pinAriaLabel\"\n            [unpinAriaLabel]=\"headerComponent.unpinAriaLabel\"\n            (collapsedChange)=\"headerComponent._onCollapseChange($event)\"\n        >\n            <ng-template [ngTemplateOutlet]=\"headerComponent.contentTemplateRef\"></ng-template>\n        </fd-dynamic-page-subheader>\n    }\n    @if (_isTabbed) {\n        <fdp-icon-tab-bar\n            class=\"fd-tabs-custom\"\n            [stackContent]=\"stackContent\"\n            maxContentHeight=\"auto\"\n            (iconTabSelected)=\"_onSelectedTabChange($event)\"\n            [tabHeadingLevel]=\"_headingLevel() + 1\"\n        >\n            @for (tab of _tabs; track tab) {\n                <fdp-icon-tab-bar-tab [label]=\"tab.tabLabel\" [id]=\"tab.id\">\n                    <fd-dynamic-page-content>\n                        <ng-template\n                            [ngTemplateOutlet]=\"tab.contentTemplateRef\"\n                        ></ng-template> </fd-dynamic-page-content\n                ></fdp-icon-tab-bar-tab>\n            }\n        </fdp-icon-tab-bar>\n    }\n    @if (!_isTabbed && contentComponent) {\n        <fd-dynamic-page-content>\n            <ng-template [ngTemplateOutlet]=\"contentComponent.contentTemplateRef\"></ng-template>\n        </fd-dynamic-page-content>\n    }\n    @if (footerComponent) {\n        <fd-dynamic-page-footer>\n            <ng-template [ngTemplateOutlet]=\"footerComponent.contentTemplateRef\"></ng-template>\n        </fd-dynamic-page-footer>\n    }\n</fd-dynamic-page>\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}.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--wrap{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{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;padding-inline:1rem 0;text-overflow:ellipsis;vertical-align:baseline;white-space:nowrap}.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-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{margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-padding-start:1rem;background:transparent;padding-inline-start:1rem}.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(--fdDynamicPage_Button_Pin_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}.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)}.fd-dynamic-page{display:flex;flex-direction:column;height:100%;width:100%}.fd-dynamic-page .fd-dynamic-page__header{z-index:2}.fd-dynamic-page .fd-dynamic-page__content,.fd-dynamic-page .fd-dynamic-page__tabs--overflow{display:block;flex:1}.fd-dynamic-page .fd-dynamic-page__tabs--overflow{display:flex}.fd-dynamic-page .fd-dynamic-page__tabs--overflow .fd-tabs-custom{height:100%;display:flex;flex-direction:column}.fd-dynamic-page .fd-dynamic-page__tabs--overflow .fd-tabs__content{flex:1;display:flex}.fd-dynamic-page .fd-dynamic-page__tabs--overflow .fd-tabs__panel.is-expanded{display:flex}.fd-dynamic-page .footer-spacer{height:3rem}.fd-dynamic-page .content-sticker{position:static}.fd-dynamic-page .fd-dynamic-page__header--not-collapsible .fd-dynamic-page__title-area.is-hover,.fd-dynamic-page .fd-dynamic-page__header--not-collapsible .fd-dynamic-page__title-area:hover{background-color:var(--sapObjectHeader_Background, #fff);cursor:default}\n/*! Bundled license information:\n\nfundamental-styles/dist/dynamic-page.css:\n  (*!\n   * Fundamental Library Styles v0.39.3\n   * Copyright (c) 2025 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"] }]
+                    ], template: "<fd-dynamic-page\n    [disableSnapOnScroll]=\"disableSnapOnScroll\"\n    [autoResponsive]=\"autoResponsive\"\n    [background]=\"background\"\n    [size]=\"size\"\n    [expandContent]=\"expandContent\"\n    [offset]=\"offset\"\n    [ariaLabel]=\"ariaLabel\"\n>\n    @if (titleComponent) {\n        <fd-dynamic-page-header\n            [title]=\"titleComponent.title\"\n            [titleWrap]=\"titleComponent.titleWrap\"\n            [subtitle]=\"titleComponent.subtitle\"\n            [subtitleWrap]=\"titleComponent.subtitleWrap\"\n            [headingLevel]=\"headingLevel()\"\n        >\n            @if (titleComponent.breadcrumbComponent) {\n                <fd-dynamic-page-breadcrumb>\n                    <ng-template\n                        [ngTemplateOutlet]=\"titleComponent.breadcrumbComponent.contentTemplateRef\"\n                    ></ng-template>\n                </fd-dynamic-page-breadcrumb>\n            }\n            @if (titleComponent._subtitleDirective) {\n                <ng-container\n                    *fdDynamicPageHeaderSubtitle=\"let hidden\"\n                    [ngTemplateOutlet]=\"titleComponent._subtitleDirective.templateRef\"\n                    [ngTemplateOutletContext]=\"{ $implicit: hidden }\"\n                >\n                </ng-container>\n            }\n            @if (titleComponent._titleDirective) {\n                <ng-container\n                    *fdDynamicPageHeaderTitle=\"let hidden\"\n                    [ngTemplateOutlet]=\"titleComponent._titleDirective.templateRef\"\n                    [ngTemplateOutletContext]=\"{ $implicit: hidden }\"\n                >\n                </ng-container>\n            }\n            @if (titleComponent.keyInfoComponent) {\n                <fd-dynamic-page-title-content>\n                    <ng-template [ngTemplateOutlet]=\"titleComponent.keyInfoComponent.contentTemplateRef\"></ng-template>\n                </fd-dynamic-page-title-content>\n            }\n            @if (titleComponent.imageComponent) {\n                <fd-facet type=\"image\">\n                    <ng-template [ngTemplateOutlet]=\"titleComponent.imageComponent.contentTemplateRef\"></ng-template>\n                </fd-facet>\n            }\n            @if (titleComponent.globalActionsComponent) {\n                <fd-dynamic-page-global-actions>\n                    <ng-template\n                        [ngTemplateOutlet]=\"titleComponent.globalActionsComponent.contentTemplateRef\"\n                    ></ng-template>\n                </fd-dynamic-page-global-actions>\n            }\n            @if (titleComponent.layoutActionsComponent) {\n                <fd-dynamic-page-layout-actions>\n                    <ng-template\n                        [ngTemplateOutlet]=\"titleComponent.layoutActionsComponent.contentTemplateRef\"\n                    ></ng-template>\n                </fd-dynamic-page-layout-actions>\n            }\n        </fd-dynamic-page-header>\n    }\n    @if (headerComponent) {\n        <fd-dynamic-page-subheader\n            [collapsed]=\"headerComponent.collapsed\"\n            [collapsible]=\"headerComponent.collapsible\"\n            [pinnable]=\"headerComponent.pinnable\"\n            [expandLabel]=\"headerComponent.expandLabel\"\n            [collapseLabel]=\"headerComponent.collapseLabel\"\n            [id]=\"headerComponent.id\"\n            [headerAriaLabel]=\"headerComponent.headerAriaLabel\"\n            [pinAriaLabel]=\"headerComponent.pinAriaLabel\"\n            [unpinAriaLabel]=\"headerComponent.unpinAriaLabel\"\n            (collapsedChange)=\"headerComponent._onCollapseChange($event)\"\n        >\n            <ng-template [ngTemplateOutlet]=\"headerComponent.contentTemplateRef\"></ng-template>\n        </fd-dynamic-page-subheader>\n    }\n    @if (_isTabbed) {\n        <fdp-icon-tab-bar\n            class=\"fd-tabs-custom\"\n            [stackContent]=\"stackContent\"\n            maxContentHeight=\"auto\"\n            (iconTabSelected)=\"_onSelectedTabChange($event)\"\n            [tabHeadingLevel]=\"_headingLevel() + 1\"\n        >\n            @for (tab of _tabs; track tab) {\n                <fdp-icon-tab-bar-tab [label]=\"tab.tabLabel\" [id]=\"tab.id\">\n                    <fd-dynamic-page-content>\n                        <ng-template\n                            [ngTemplateOutlet]=\"tab.contentTemplateRef\"\n                        ></ng-template> </fd-dynamic-page-content\n                ></fdp-icon-tab-bar-tab>\n            }\n        </fdp-icon-tab-bar>\n    }\n    @if (!_isTabbed && contentComponent) {\n        <fd-dynamic-page-content>\n            <ng-template [ngTemplateOutlet]=\"contentComponent.contentTemplateRef\"></ng-template>\n        </fd-dynamic-page-content>\n    }\n    @if (footerComponent) {\n        <fd-dynamic-page-footer>\n            <ng-template [ngTemplateOutlet]=\"footerComponent.contentTemplateRef\"></ng-template>\n        </fd-dynamic-page-footer>\n    }\n</fd-dynamic-page>\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}.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--wrap{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{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;padding-inline:1rem 0;text-overflow:ellipsis;vertical-align:baseline;white-space:nowrap}.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-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{margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-padding-start:1rem;background:transparent;padding-inline-start:1rem}.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(--fdDynamicPage_Button_Pin_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}.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)}.fd-dynamic-page{display:flex;flex-direction:column;height:100%;width:100%}.fd-dynamic-page .fd-dynamic-page__header{z-index:2}.fd-dynamic-page .fd-dynamic-page__content,.fd-dynamic-page .fd-dynamic-page__tabs--overflow{display:block;flex:1}.fd-dynamic-page .fd-dynamic-page__tabs--overflow{display:flex}.fd-dynamic-page .fd-dynamic-page__tabs--overflow .fd-tabs-custom{height:100%;display:flex;flex-direction:column}.fd-dynamic-page .fd-dynamic-page__tabs--overflow .fd-tabs__content{flex:1;display:flex}.fd-dynamic-page .fd-dynamic-page__tabs--overflow .fd-tabs__panel.is-expanded{display:flex}.fd-dynamic-page .footer-spacer{height:3rem}.fd-dynamic-page .content-sticker{position:static}.fd-dynamic-page .fd-dynamic-page__header--not-collapsible .fd-dynamic-page__title-area.is-hover,.fd-dynamic-page .fd-dynamic-page__header--not-collapsible .fd-dynamic-page__title-area:hover{background-color:var(--sapObjectHeader_Background, #fff);cursor:default}\n/*! Bundled license information:\n\nfundamental-styles/dist/dynamic-page.css:\n  (*!\n   * Fundamental Library Styles v0.40.1\n   * Copyright (c) 2025 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"] }]
         }], propDecorators: { disableSnapOnScroll: [{
                 type: Input
             }], role: [{

package/fesm2022/fundamental-ngx-platform-feed-input.mjs

@@ -69,11 +69,11 @@ class FeedInputComponent {
             parseInt(computed.getPropertyValue('border-bottom-width'), 10));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: FeedInputComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.3", type: FeedInputComponent, isStandalone: true, selector: "fdp-feed-input", inputs: { avatarSrc: "avatarSrc", placeholder: "placeholder", avatarShow: "avatarShow", disabled: "disabled", maxHeight: "maxHeight" }, outputs: { submit: "submit" }, viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textAreaElement"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"fd-feed-input\" [class.is-disabled]=\"disabled\">\n    @if (avatarShow) {\n        <fd-avatar\n            class=\"fd-feed-input__thumb\"\n            size=\"s\"\n            role=\"img\"\n            [attr.aria-label]=\"'platformFeedInput.userTitle' | fdTranslate\"\n            [title]=\"'platformFeedInput.userTitle' | fdTranslate\"\n            [image]=\"avatarSrc\"\n            [class.fd-avatar--placeholder]=\"!avatarSrc\"\n            [class.sap-icon]=\"!avatarSrc\"\n            [glyph]=\"!avatarSrc ? 'person-placeholder' : null\"\n        >\n        </fd-avatar>\n    }\n    <textarea\n        #textAreaElement\n        fd-form-control\n        class=\"fd-textarea fd-feed-input__textarea\"\n        [disabled]=\"disabled\"\n        [placeholder]=\"placeholder\"\n        [(ngModel)]=\"value\"\n        (ngModelChange)=\"onChange()\"\n    ></textarea>\n    <button\n        fd-button\n        class=\"fd-feed-input__submit-button\"\n        glyph=\"feeder-arrow\"\n        title=\"Send\"\n        ariaLabel=\"Send\"\n        [disabled]=\"!value || disabled\"\n        (click)=\"onSubmit()\"\n    ></button>\n</div>\n", styles: [".fd-feed-input{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;background-color:var(--sapField_Background);-ms-flex-direction:row;flex-direction:row;padding-block:1rem;padding-inline:1rem .5rem}.fd-feed-input:after,.fd-feed-input:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-input.is-disabled,.fd-feed-input:disabled,.fd-feed-input[aria-disabled=true]{cursor:not-allowed;opacity:1;pointer-events:auto}.fd-feed-input.is-disabled textarea::-webkit-input-placeholder,.fd-feed-input:disabled textarea::-webkit-input-placeholder,.fd-feed-input[aria-disabled=true] textarea::-webkit-input-placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input.is-disabled textarea::-moz-placeholder,.fd-feed-input:disabled textarea::-moz-placeholder,.fd-feed-input[aria-disabled=true] textarea::-moz-placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input.is-disabled textarea:-ms-input-placeholder,.fd-feed-input:disabled textarea:-ms-input-placeholder,.fd-feed-input[aria-disabled=true] textarea:-ms-input-placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input.is-disabled textarea::-ms-input-placeholder,.fd-feed-input:disabled textarea::-ms-input-placeholder,.fd-feed-input[aria-disabled=true] textarea::-ms-input-placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input.is-disabled textarea::placeholder,.fd-feed-input:disabled textarea::placeholder,.fd-feed-input[aria-disabled=true] textarea::placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input .fd-feed-input__thumb{display:none;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;margin-inline:0 .5rem}.fd-feed-input .fd-feed-input__textarea{margin-block:0;margin-inline:0;max-height:20rem;min-height:3rem;padding-block:.3125rem;padding-inline:.5rem}.fd-feed-input .fd-feed-input__submit-button{margin-block:auto .375rem;margin-inline:.5rem 0}.fd-feed-input .fd-feed-input__submit-button[dir=rtl],[dir=rtl] .fd-feed-input .fd-feed-input__submit-button{-webkit-transform:rotate(180deg);transform:rotate(180deg)}@media (width >= 25rem){.fd-feed-input{margin-top:1rem;-webkit-margin-after:1rem;margin-block-end:1rem}.fd-feed-input .fd-feed-input__thumb{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}}\n/*! Bundled license information:\n\nfundamental-styles/dist/feed-input.css:\n  (*!\n   * Fundamental Library Styles v0.39.3\n   * Copyright (c) 2025 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: "component", type: AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "colorIndication", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.3", type: FeedInputComponent, isStandalone: true, selector: "fdp-feed-input", inputs: { avatarSrc: "avatarSrc", placeholder: "placeholder", avatarShow: "avatarShow", disabled: "disabled", maxHeight: "maxHeight" }, outputs: { submit: "submit" }, viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textAreaElement"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"fd-feed-input\" [class.is-disabled]=\"disabled\">\n    @if (avatarShow) {\n        <fd-avatar\n            class=\"fd-feed-input__thumb\"\n            size=\"s\"\n            role=\"img\"\n            [attr.aria-label]=\"'platformFeedInput.userTitle' | fdTranslate\"\n            [title]=\"'platformFeedInput.userTitle' | fdTranslate\"\n            [image]=\"avatarSrc\"\n            [class.fd-avatar--placeholder]=\"!avatarSrc\"\n            [class.sap-icon]=\"!avatarSrc\"\n            [glyph]=\"!avatarSrc ? 'person-placeholder' : null\"\n        >\n        </fd-avatar>\n    }\n    <textarea\n        #textAreaElement\n        fd-form-control\n        class=\"fd-textarea fd-feed-input__textarea\"\n        [disabled]=\"disabled\"\n        [placeholder]=\"placeholder\"\n        [(ngModel)]=\"value\"\n        (ngModelChange)=\"onChange()\"\n    ></textarea>\n    <button\n        fd-button\n        class=\"fd-feed-input__submit-button\"\n        glyph=\"feeder-arrow\"\n        title=\"Send\"\n        ariaLabel=\"Send\"\n        [disabled]=\"!value || disabled\"\n        (click)=\"onSubmit()\"\n    ></button>\n</div>\n", styles: [".fd-feed-input{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);container-name:feed-input;container-type:inline-size;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-feed-input:after,.fd-feed-input:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-input.is-disabled,.fd-feed-input:disabled,.fd-feed-input[aria-disabled=true]{cursor:not-allowed;opacity:1;pointer-events:auto}.fd-feed-input.is-disabled textarea::-webkit-input-placeholder,.fd-feed-input:disabled textarea::-webkit-input-placeholder,.fd-feed-input[aria-disabled=true] textarea::-webkit-input-placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input.is-disabled textarea::-moz-placeholder,.fd-feed-input:disabled textarea::-moz-placeholder,.fd-feed-input[aria-disabled=true] textarea::-moz-placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input.is-disabled textarea:-ms-input-placeholder,.fd-feed-input:disabled textarea:-ms-input-placeholder,.fd-feed-input[aria-disabled=true] textarea:-ms-input-placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input.is-disabled textarea::-ms-input-placeholder,.fd-feed-input:disabled textarea::-ms-input-placeholder,.fd-feed-input[aria-disabled=true] textarea::-ms-input-placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input.is-disabled textarea::placeholder,.fd-feed-input:disabled textarea::placeholder,.fd-feed-input[aria-disabled=true] textarea::placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input .fd-feed-input__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;background-color:var(--sapGroup_ContentBackground);-ms-flex-direction:row;flex-direction:row;gap:.5rem;margin-block:1rem;padding-block:1rem;padding-inline:1rem .5rem}.fd-feed-input .fd-feed-input__container:after,.fd-feed-input .fd-feed-input__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-input .fd-feed-input__textarea{margin-block:0;margin-inline:0;max-height:20rem;min-height:3rem;padding-block:.375rem;padding-inline:.5rem}.fd-feed-input .fd-feed-input__submit-button{margin-block:.375rem;-ms-flex-item-align:end;align-self:flex-end}.fd-feed-input .fd-feed-input__submit-button[dir=rtl],[dir=rtl] .fd-feed-input .fd-feed-input__submit-button{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fd-feed-input .fd-feed-input__submit-button[class*=-compact],.fd-feed-input .fd-feed-input__submit-button[class*=-condensed],[class*=-compact] .fd-feed-input .fd-feed-input__submit-button:not([class*=-cozy]),[class*=-condensed] .fd-feed-input .fd-feed-input__submit-button:not([class*=-cozy]){--fdButton_Compact_Height:var(--sapElement_Height);--fdButton_Clickable_Height:2.75rem;--fdButton_Padding_X:.625rem;--fdButton_Min_Width:2.25rem;--fdButton_Badge_Margin_Inline_Start:0;--fdButton_Badge_Size_Attention:.75rem}@container feed-input (max-width: 20rem){.fd-feed-input .fd-feed-input__container{margin-block:0}.fd-feed-input .fd-feed-input__thumb{display:none}}\n/*! Bundled license information:\n\nfundamental-styles/dist/feed-input.css:\n  (*!\n   * Fundamental Library Styles v0.40.1\n   * Copyright (c) 2025 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: "component", type: AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "colorIndication", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: FeedInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fdp-feed-input', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AvatarComponent, FormsModule, FormControlComponent, ButtonComponent, FdTranslatePipe], template: "<div class=\"fd-feed-input\" [class.is-disabled]=\"disabled\">\n    @if (avatarShow) {\n        <fd-avatar\n            class=\"fd-feed-input__thumb\"\n            size=\"s\"\n            role=\"img\"\n            [attr.aria-label]=\"'platformFeedInput.userTitle' | fdTranslate\"\n            [title]=\"'platformFeedInput.userTitle' | fdTranslate\"\n            [image]=\"avatarSrc\"\n            [class.fd-avatar--placeholder]=\"!avatarSrc\"\n            [class.sap-icon]=\"!avatarSrc\"\n            [glyph]=\"!avatarSrc ? 'person-placeholder' : null\"\n        >\n        </fd-avatar>\n    }\n    <textarea\n        #textAreaElement\n        fd-form-control\n        class=\"fd-textarea fd-feed-input__textarea\"\n        [disabled]=\"disabled\"\n        [placeholder]=\"placeholder\"\n        [(ngModel)]=\"value\"\n        (ngModelChange)=\"onChange()\"\n    ></textarea>\n    <button\n        fd-button\n        class=\"fd-feed-input__submit-button\"\n        glyph=\"feeder-arrow\"\n        title=\"Send\"\n        ariaLabel=\"Send\"\n        [disabled]=\"!value || disabled\"\n        (click)=\"onSubmit()\"\n    ></button>\n</div>\n", styles: [".fd-feed-input{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;background-color:var(--sapField_Background);-ms-flex-direction:row;flex-direction:row;padding-block:1rem;padding-inline:1rem .5rem}.fd-feed-input:after,.fd-feed-input:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-input.is-disabled,.fd-feed-input:disabled,.fd-feed-input[aria-disabled=true]{cursor:not-allowed;opacity:1;pointer-events:auto}.fd-feed-input.is-disabled textarea::-webkit-input-placeholder,.fd-feed-input:disabled textarea::-webkit-input-placeholder,.fd-feed-input[aria-disabled=true] textarea::-webkit-input-placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input.is-disabled textarea::-moz-placeholder,.fd-feed-input:disabled textarea::-moz-placeholder,.fd-feed-input[aria-disabled=true] textarea::-moz-placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input.is-disabled textarea:-ms-input-placeholder,.fd-feed-input:disabled textarea:-ms-input-placeholder,.fd-feed-input[aria-disabled=true] textarea:-ms-input-placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input.is-disabled textarea::-ms-input-placeholder,.fd-feed-input:disabled textarea::-ms-input-placeholder,.fd-feed-input[aria-disabled=true] textarea::-ms-input-placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input.is-disabled textarea::placeholder,.fd-feed-input:disabled textarea::placeholder,.fd-feed-input[aria-disabled=true] textarea::placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input .fd-feed-input__thumb{display:none;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;margin-inline:0 .5rem}.fd-feed-input .fd-feed-input__textarea{margin-block:0;margin-inline:0;max-height:20rem;min-height:3rem;padding-block:.3125rem;padding-inline:.5rem}.fd-feed-input .fd-feed-input__submit-button{margin-block:auto .375rem;margin-inline:.5rem 0}.fd-feed-input .fd-feed-input__submit-button[dir=rtl],[dir=rtl] .fd-feed-input .fd-feed-input__submit-button{-webkit-transform:rotate(180deg);transform:rotate(180deg)}@media (width >= 25rem){.fd-feed-input{margin-top:1rem;-webkit-margin-after:1rem;margin-block-end:1rem}.fd-feed-input .fd-feed-input__thumb{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}}\n/*! Bundled license information:\n\nfundamental-styles/dist/feed-input.css:\n  (*!\n   * Fundamental Library Styles v0.39.3\n   * Copyright (c) 2025 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"] }]
+            args: [{ selector: 'fdp-feed-input', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AvatarComponent, FormsModule, FormControlComponent, ButtonComponent, FdTranslatePipe], template: "<div class=\"fd-feed-input\" [class.is-disabled]=\"disabled\">\n    @if (avatarShow) {\n        <fd-avatar\n            class=\"fd-feed-input__thumb\"\n            size=\"s\"\n            role=\"img\"\n            [attr.aria-label]=\"'platformFeedInput.userTitle' | fdTranslate\"\n            [title]=\"'platformFeedInput.userTitle' | fdTranslate\"\n            [image]=\"avatarSrc\"\n            [class.fd-avatar--placeholder]=\"!avatarSrc\"\n            [class.sap-icon]=\"!avatarSrc\"\n            [glyph]=\"!avatarSrc ? 'person-placeholder' : null\"\n        >\n        </fd-avatar>\n    }\n    <textarea\n        #textAreaElement\n        fd-form-control\n        class=\"fd-textarea fd-feed-input__textarea\"\n        [disabled]=\"disabled\"\n        [placeholder]=\"placeholder\"\n        [(ngModel)]=\"value\"\n        (ngModelChange)=\"onChange()\"\n    ></textarea>\n    <button\n        fd-button\n        class=\"fd-feed-input__submit-button\"\n        glyph=\"feeder-arrow\"\n        title=\"Send\"\n        ariaLabel=\"Send\"\n        [disabled]=\"!value || disabled\"\n        (click)=\"onSubmit()\"\n    ></button>\n</div>\n", styles: [".fd-feed-input{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);container-name:feed-input;container-type:inline-size;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-feed-input:after,.fd-feed-input:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-input.is-disabled,.fd-feed-input:disabled,.fd-feed-input[aria-disabled=true]{cursor:not-allowed;opacity:1;pointer-events:auto}.fd-feed-input.is-disabled textarea::-webkit-input-placeholder,.fd-feed-input:disabled textarea::-webkit-input-placeholder,.fd-feed-input[aria-disabled=true] textarea::-webkit-input-placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input.is-disabled textarea::-moz-placeholder,.fd-feed-input:disabled textarea::-moz-placeholder,.fd-feed-input[aria-disabled=true] textarea::-moz-placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input.is-disabled textarea:-ms-input-placeholder,.fd-feed-input:disabled textarea:-ms-input-placeholder,.fd-feed-input[aria-disabled=true] textarea:-ms-input-placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input.is-disabled textarea::-ms-input-placeholder,.fd-feed-input:disabled textarea::-ms-input-placeholder,.fd-feed-input[aria-disabled=true] textarea::-ms-input-placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input.is-disabled textarea::placeholder,.fd-feed-input:disabled textarea::placeholder,.fd-feed-input[aria-disabled=true] textarea::placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input .fd-feed-input__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;background-color:var(--sapGroup_ContentBackground);-ms-flex-direction:row;flex-direction:row;gap:.5rem;margin-block:1rem;padding-block:1rem;padding-inline:1rem .5rem}.fd-feed-input .fd-feed-input__container:after,.fd-feed-input .fd-feed-input__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-input .fd-feed-input__textarea{margin-block:0;margin-inline:0;max-height:20rem;min-height:3rem;padding-block:.375rem;padding-inline:.5rem}.fd-feed-input .fd-feed-input__submit-button{margin-block:.375rem;-ms-flex-item-align:end;align-self:flex-end}.fd-feed-input .fd-feed-input__submit-button[dir=rtl],[dir=rtl] .fd-feed-input .fd-feed-input__submit-button{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fd-feed-input .fd-feed-input__submit-button[class*=-compact],.fd-feed-input .fd-feed-input__submit-button[class*=-condensed],[class*=-compact] .fd-feed-input .fd-feed-input__submit-button:not([class*=-cozy]),[class*=-condensed] .fd-feed-input .fd-feed-input__submit-button:not([class*=-cozy]){--fdButton_Compact_Height:var(--sapElement_Height);--fdButton_Clickable_Height:2.75rem;--fdButton_Padding_X:.625rem;--fdButton_Min_Width:2.25rem;--fdButton_Badge_Margin_Inline_Start:0;--fdButton_Badge_Size_Attention:.75rem}@container feed-input (max-width: 20rem){.fd-feed-input .fd-feed-input__container{margin-block:0}.fd-feed-input .fd-feed-input__thumb{display:none}}\n/*! Bundled license information:\n\nfundamental-styles/dist/feed-input.css:\n  (*!\n   * Fundamental Library Styles v0.40.1\n   * Copyright (c) 2025 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"] }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { avatarSrc: [{
                 type: Input
             }], placeholder: [{

package/fesm2022/fundamental-ngx-platform-feed-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-platform-feed-input.mjs","sources":["../../../../libs/platform/feed-input/feed-input.component.ts","../../../../libs/platform/feed-input/feed-input.component.html","../../../../libs/platform/feed-input/feed-input.module.ts","../../../../libs/platform/feed-input/fundamental-ngx-platform-feed-input.ts"],"sourcesContent":["import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    EventEmitter,\n    Input,\n    Output,\n    Renderer2,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { warnOnce } from '@fundamental-ngx/cdk/utils';\nimport { AvatarComponent } from '@fundamental-ngx/core/avatar';\nimport { ButtonComponent } from '@fundamental-ngx/core/button';\nimport { FormControlComponent } from '@fundamental-ngx/core/form';\nimport { FdTranslatePipe } from '@fundamental-ngx/i18n';\n\n/**\n * @deprecated\n * Use the `fd-feed-input[modelDriven]` component from `@fundamental-ngx/core/feed-input` instead.\n * The `fd-feed-input` component is a drop-in replacement for the `fdp-feed-input` component.\n */\n@Component({\n    selector: 'fdp-feed-input',\n    templateUrl: './feed-input.component.html',\n    styleUrl: './feed-input.component.scss',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [AvatarComponent, FormsModule, FormControlComponent, ButtonComponent, FdTranslatePipe]\n})\nexport class FeedInputComponent implements AfterViewInit {\n    /** The user image source, If is not set, then the user image will display placeholder image.  */\n    @Input()\n    avatarSrc: string;\n\n    /** Set placeholder textarea text */\n    @Input()\n    placeholder: string;\n\n    /** Set feed input without user image */\n    @Input()\n    avatarShow = true;\n\n    /** Set disabled state */\n    @Input()\n    disabled = false;\n\n    /** The max number of rows to allow textarea grow */\n    @Input()\n    maxHeight: number;\n\n    /** @hidden Event emitted when user click on send button */\n    @Output()\n    // eslint-disable-next-line @angular-eslint/no-output-native\n    submit = new EventEmitter<string>();\n\n    /** @hidden */\n    @ViewChild('textAreaElement', { read: ElementRef })\n    textarea: ElementRef;\n\n    /** @hidden Textarea entered value */\n    value: string | null;\n\n    /** @hidden */\n    constructor(private _renderer: Renderer2) {\n        warnOnce(\n            'FeedInputComponent is deprecated and will be removed in future release. ' +\n                'Use the `fd-feed-input` component from `@fundamental-ngx/core/feed-input` instead.'\n        );\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        const lineHeight = this._getTextareaLineHeight();\n\n        if (this.maxHeight) {\n            this.textarea.nativeElement.style.maxHeight = lineHeight * this.maxHeight + 'px';\n        }\n    }\n\n    /** @hidden */\n    onChange(): void {\n        this.resize();\n    }\n\n    /** @hidden Handle submit feed input value*/\n    onSubmit(): void {\n        if (this.value) {\n            this.submit.emit(this.value);\n        }\n    }\n\n    /** @hidden Make grow textarea */\n    resize(): void {\n        this._renderer.setStyle(this.textarea.nativeElement, 'height', 'inherit');\n\n        const totalHeight = this._getTextareaTotalHeight();\n        this._renderer.setStyle(this.textarea.nativeElement, 'height', `${totalHeight}px`);\n    }\n\n    /** @hidden get line height of textarea */\n    private _getTextareaLineHeight(): number {\n        if (this.textarea && this.textarea.nativeElement) {\n            const lineHeight = window.getComputedStyle(this.textarea.nativeElement).getPropertyValue('line-height');\n            if (lineHeight === 'normal') {\n                return (\n                    parseInt(window.getComputedStyle(this.textarea.nativeElement).getPropertyValue('font-size'), 10) *\n                    1.1\n                );\n            }\n\n            return parseInt(lineHeight, 10);\n        }\n        return 1;\n    }\n\n    /** @hidden Get the total height including borders and scroll height */\n    private _getTextareaTotalHeight(): number {\n        const computed = window.getComputedStyle(this.textarea.nativeElement);\n\n        return (\n            parseInt(computed.getPropertyValue('border-top-width'), 10) +\n            this.textarea.nativeElement.scrollHeight +\n            parseInt(computed.getPropertyValue('border-bottom-width'), 10)\n        );\n    }\n}\n","<div class=\"fd-feed-input\" [class.is-disabled]=\"disabled\">\n    @if (avatarShow) {\n        <fd-avatar\n            class=\"fd-feed-input__thumb\"\n            size=\"s\"\n            role=\"img\"\n            [attr.aria-label]=\"'platformFeedInput.userTitle' | fdTranslate\"\n            [title]=\"'platformFeedInput.userTitle' | fdTranslate\"\n            [image]=\"avatarSrc\"\n            [class.fd-avatar--placeholder]=\"!avatarSrc\"\n            [class.sap-icon]=\"!avatarSrc\"\n            [glyph]=\"!avatarSrc ? 'person-placeholder' : null\"\n        >\n        </fd-avatar>\n    }\n    <textarea\n        #textAreaElement\n        fd-form-control\n        class=\"fd-textarea fd-feed-input__textarea\"\n        [disabled]=\"disabled\"\n        [placeholder]=\"placeholder\"\n        [(ngModel)]=\"value\"\n        (ngModelChange)=\"onChange()\"\n    ></textarea>\n    <button\n        fd-button\n        class=\"fd-feed-input__submit-button\"\n        glyph=\"feeder-arrow\"\n        title=\"Send\"\n        ariaLabel=\"Send\"\n        [disabled]=\"!value || disabled\"\n        (click)=\"onSubmit()\"\n    ></button>\n</div>\n","import { NgModule } from '@angular/core';\n\nimport { FeedInputComponent } from './feed-input.component';\n\n@NgModule({\n    imports: [FeedInputComponent],\n    exports: [FeedInputComponent]\n})\nexport class PlatformFeedInputModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"fundamental-ngx-platform-feed-input.mjs","sources":["../../../../libs/platform/feed-input/feed-input.component.ts","../../../../libs/platform/feed-input/feed-input.component.html","../../../../libs/platform/feed-input/feed-input.module.ts","../../../../libs/platform/feed-input/fundamental-ngx-platform-feed-input.ts"],"sourcesContent":["import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    EventEmitter,\n    Input,\n    Output,\n    Renderer2,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { warnOnce } from '@fundamental-ngx/cdk/utils';\nimport { AvatarComponent } from '@fundamental-ngx/core/avatar';\nimport { ButtonComponent } from '@fundamental-ngx/core/button';\nimport { FormControlComponent } from '@fundamental-ngx/core/form';\nimport { FdTranslatePipe } from '@fundamental-ngx/i18n';\n\n/**\n * @deprecated\n * Use the `fd-feed-input[modelDriven]` component from `@fundamental-ngx/core/feed-input` instead.\n * The `fd-feed-input` component is a drop-in replacement for the `fdp-feed-input` component.\n */\n@Component({\n    selector: 'fdp-feed-input',\n    templateUrl: './feed-input.component.html',\n    styleUrl: './feed-input.component.scss',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [AvatarComponent, FormsModule, FormControlComponent, ButtonComponent, FdTranslatePipe]\n})\nexport class FeedInputComponent implements AfterViewInit {\n    /** The user image source, If is not set, then the user image will display placeholder image.  */\n    @Input()\n    avatarSrc: string;\n\n    /** Set placeholder textarea text */\n    @Input()\n    placeholder: string;\n\n    /** Set feed input without user image */\n    @Input()\n    avatarShow = true;\n\n    /** Set disabled state */\n    @Input()\n    disabled = false;\n\n    /** The max number of rows to allow textarea grow */\n    @Input()\n    maxHeight: number;\n\n    /** @hidden Event emitted when user click on send button */\n    @Output()\n    // eslint-disable-next-line @angular-eslint/no-output-native\n    submit = new EventEmitter<string>();\n\n    /** @hidden */\n    @ViewChild('textAreaElement', { read: ElementRef })\n    textarea: ElementRef;\n\n    /** @hidden Textarea entered value */\n    value: string | null;\n\n    /** @hidden */\n    constructor(private _renderer: Renderer2) {\n        warnOnce(\n            'FeedInputComponent is deprecated and will be removed in future release. ' +\n                'Use the `fd-feed-input` component from `@fundamental-ngx/core/feed-input` instead.'\n        );\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        const lineHeight = this._getTextareaLineHeight();\n\n        if (this.maxHeight) {\n            this.textarea.nativeElement.style.maxHeight = lineHeight * this.maxHeight + 'px';\n        }\n    }\n\n    /** @hidden */\n    onChange(): void {\n        this.resize();\n    }\n\n    /** @hidden Handle submit feed input value*/\n    onSubmit(): void {\n        if (this.value) {\n            this.submit.emit(this.value);\n        }\n    }\n\n    /** @hidden Make grow textarea */\n    resize(): void {\n        this._renderer.setStyle(this.textarea.nativeElement, 'height', 'inherit');\n\n        const totalHeight = this._getTextareaTotalHeight();\n        this._renderer.setStyle(this.textarea.nativeElement, 'height', `${totalHeight}px`);\n    }\n\n    /** @hidden get line height of textarea */\n    private _getTextareaLineHeight(): number {\n        if (this.textarea && this.textarea.nativeElement) {\n            const lineHeight = window.getComputedStyle(this.textarea.nativeElement).getPropertyValue('line-height');\n            if (lineHeight === 'normal') {\n                return (\n                    parseInt(window.getComputedStyle(this.textarea.nativeElement).getPropertyValue('font-size'), 10) *\n                    1.1\n                );\n            }\n\n            return parseInt(lineHeight, 10);\n        }\n        return 1;\n    }\n\n    /** @hidden Get the total height including borders and scroll height */\n    private _getTextareaTotalHeight(): number {\n        const computed = window.getComputedStyle(this.textarea.nativeElement);\n\n        return (\n            parseInt(computed.getPropertyValue('border-top-width'), 10) +\n            this.textarea.nativeElement.scrollHeight +\n            parseInt(computed.getPropertyValue('border-bottom-width'), 10)\n        );\n    }\n}\n","<div class=\"fd-feed-input\" [class.is-disabled]=\"disabled\">\n    @if (avatarShow) {\n        <fd-avatar\n            class=\"fd-feed-input__thumb\"\n            size=\"s\"\n            role=\"img\"\n            [attr.aria-label]=\"'platformFeedInput.userTitle' | fdTranslate\"\n            [title]=\"'platformFeedInput.userTitle' | fdTranslate\"\n            [image]=\"avatarSrc\"\n            [class.fd-avatar--placeholder]=\"!avatarSrc\"\n            [class.sap-icon]=\"!avatarSrc\"\n            [glyph]=\"!avatarSrc ? 'person-placeholder' : null\"\n        >\n        </fd-avatar>\n    }\n    <textarea\n        #textAreaElement\n        fd-form-control\n        class=\"fd-textarea fd-feed-input__textarea\"\n        [disabled]=\"disabled\"\n        [placeholder]=\"placeholder\"\n        [(ngModel)]=\"value\"\n        (ngModelChange)=\"onChange()\"\n    ></textarea>\n    <button\n        fd-button\n        class=\"fd-feed-input__submit-button\"\n        glyph=\"feeder-arrow\"\n        title=\"Send\"\n        ariaLabel=\"Send\"\n        [disabled]=\"!value || disabled\"\n        (click)=\"onSubmit()\"\n    ></button>\n</div>\n","import { NgModule } from '@angular/core';\n\nimport { FeedInputComponent } from './feed-input.component';\n\n@NgModule({\n    imports: [FeedInputComponent],\n    exports: [FeedInputComponent]\n})\nexport class PlatformFeedInputModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}