@fundamental-ngx/core 0.65.0 → 0.65.1-rc.0

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

@@ -53,10 +53,10 @@ class DynamicPageHeaderSubtitleDirective {
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageHeaderSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: DynamicPageHeaderSubtitleDirective, isStandalone: true, selector: "[fdDynamicPageHeaderSubtitle]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageHeaderSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: DynamicPageHeaderSubtitleDirective, isStandalone: true, selector: "[fdDynamicPageHeaderSubtitle]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageHeaderSubtitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageHeaderSubtitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdDynamicPageHeaderSubtitle]',
@@ -73,10 +73,10 @@ class DynamicPageHeaderTitleDirective {
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageHeaderTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: DynamicPageHeaderTitleDirective, isStandalone: true, selector: "[fdDynamicPageHeaderTitle]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageHeaderTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: DynamicPageHeaderTitleDirective, isStandalone: true, selector: "[fdDynamicPageHeaderTitle]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageHeaderTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageHeaderTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdDynamicPageHeaderTitle]',
@@ -125,10 +125,10 @@ class DynamicPageContentComponent {
     _addClassNameToHostElement(className) {
         addClassNameToElement(this._renderer, this.elementRef.nativeElement, className);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageContentComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: DynamicPageContentComponent, isStandalone: true, selector: "fd-dynamic-page-content", inputs: { tabLabel: "tabLabel", id: "id" }, ngImport: i0, template: "<ng-content></ng-content>\n@if (_showSpacer) {\n    <div class=\"footer-spacer\"></div>\n}\n", styles: ["fd-dynamic-page .fd-dynamic-page .fd-dynamic-page__content{display:block;height:100%}fd-dynamic-page .fd-dynamic-page .fd-dynamic-page__content:has(.fdp-table){padding-top:0}fd-dynamic-page .fd-dynamic-page .fd-dynamic-page__content .fdp-table{margin-top:16px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageContentComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: DynamicPageContentComponent, isStandalone: true, selector: "fd-dynamic-page-content", inputs: { tabLabel: "tabLabel", id: "id" }, ngImport: i0, template: "<ng-content></ng-content>\n@if (_showSpacer) {\n    <div class=\"footer-spacer\"></div>\n}\n", styles: ["fd-dynamic-page .fd-dynamic-page .fd-dynamic-page__content{display:block;height:100%}fd-dynamic-page .fd-dynamic-page .fd-dynamic-page__content:has(.fdp-table){padding-top:0}fd-dynamic-page .fd-dynamic-page .fd-dynamic-page__content .fdp-table{margin-top:16px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-dynamic-page-content', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [], template: "<ng-content></ng-content>\n@if (_showSpacer) {\n    <div class=\"footer-spacer\"></div>\n}\n", styles: ["fd-dynamic-page .fd-dynamic-page .fd-dynamic-page__content{display:block;height:100%}fd-dynamic-page .fd-dynamic-page .fd-dynamic-page__content:has(.fdp-table){padding-top:0}fd-dynamic-page .fd-dynamic-page .fd-dynamic-page__content .fdp-table{margin-top:16px}\n"] }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { tabLabel: [{
@@ -138,10 +138,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
             }] } });
 
 class DynamicPageFooterComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: DynamicPageFooterComponent, isStandalone: true, selector: "fd-dynamic-page-footer", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: DynamicPageFooterComponent, isStandalone: true, selector: "fd-dynamic-page-footer", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageFooterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-dynamic-page-footer',
@@ -167,10 +167,10 @@ class DynamicPageBaseActions {
             toolbarEl.classList.add(_class);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageBaseActions, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: DynamicPageBaseActions, isStandalone: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageBaseActions, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: DynamicPageBaseActions, isStandalone: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageBaseActions, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageBaseActions, decorators: [{
             type: Directive
         }] });
 
@@ -214,10 +214,10 @@ class DynamicPageService {
     toggleCollapsed() {
         this.collapsed.update((collapsed) => !collapsed);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageService, decorators: [{
             type: Injectable
         }] });
 
@@ -256,10 +256,10 @@ class DynamicPageGlobalActionsComponent extends DynamicPageBaseActions {
             toolbar.updateCollapsibleItems();
         }, { injector: this._injector });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageGlobalActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.5", type: DynamicPageGlobalActionsComponent, isStandalone: true, selector: "fd-dynamic-page-global-actions", host: { attributes: { "role": "toolbar" } }, queries: [{ propertyName: "_toolbarComponent", first: true, predicate: ToolbarComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageGlobalActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.2.1", type: DynamicPageGlobalActionsComponent, isStandalone: true, selector: "fd-dynamic-page-global-actions", host: { attributes: { "role": "toolbar" } }, queries: [{ propertyName: "_toolbarComponent", first: true, predicate: ToolbarComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageGlobalActionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageGlobalActionsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-dynamic-page-global-actions',
@@ -281,10 +281,10 @@ class DynamicPageLayoutActionsComponent extends DynamicPageBaseActions {
             this.addClassToToolbar(DYNAMIC_PAGE_CLASS_NAME.dynamicPageToolbar);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageLayoutActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: DynamicPageLayoutActionsComponent, isStandalone: true, selector: "fd-dynamic-page-layout-actions", host: { attributes: { "role": "toolbar" }, properties: { "style.margin-inline-start": "\"auto\"" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageLayoutActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: DynamicPageLayoutActionsComponent, isStandalone: true, selector: "fd-dynamic-page-layout-actions", host: { attributes: { "role": "toolbar" }, properties: { "style.margin-inline-start": "\"auto\"" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageLayoutActionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageLayoutActionsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-dynamic-page-layout-actions',
@@ -313,8 +313,8 @@ class DynamicPageTitleContentComponent {
         /** @hidden */
         this._dynamicPageService = inject(DynamicPageService, { optional: true });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageTitleContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: DynamicPageTitleContentComponent, isStandalone: true, selector: "fd-dynamic-page-title-content", inputs: { titleContentWrap: { classPropertyName: "titleContentWrap", publicName: "titleContentWrap", isSignal: true, isRequired: false, transformFunction: null } }, providers: [contentDensityObserverProviders()], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageTitleContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: DynamicPageTitleContentComponent, isStandalone: true, selector: "fd-dynamic-page-title-content", inputs: { titleContentWrap: { classPropertyName: "titleContentWrap", publicName: "titleContentWrap", isSignal: true, isRequired: false, transformFunction: null } }, providers: [contentDensityObserverProviders()], ngImport: i0, template: `
         @if (_isSmall()) {
             <fd-toolbar
                 fdType="transparent"
@@ -341,7 +341,7 @@ class DynamicPageTitleContentComponent {
         </ng-template>
     `, isInline: true, dependencies: [{ kind: "component", type: ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "headingLevel", "ariaLabel", "ariaLabelledBy", "ariaDescribedBy", "ariaOrientation", "id"] }, { kind: "directive", type: ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageTitleContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageTitleContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-dynamic-page-title-content',
@@ -381,15 +381,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 const FD_DYNAMIC_PAGE_BREADCRUMB_COMPONENT = new InjectionToken('DynamicPageBreadcrumbComponent');
 
 class DynamicPageBreadcrumbComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: DynamicPageBreadcrumbComponent, isStandalone: true, selector: "fd-dynamic-page-breadcrumb", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: DynamicPageBreadcrumbComponent, isStandalone: true, selector: "fd-dynamic-page-breadcrumb", providers: [
             {
                 provide: FD_DYNAMIC_PAGE_BREADCRUMB_COMPONENT,
                 useExisting: DynamicPageBreadcrumbComponent
             }
         ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageBreadcrumbComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageBreadcrumbComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-dynamic-page-breadcrumb',
@@ -547,15 +547,15 @@ class DynamicPageHeaderComponent {
     stopPropagation(event) {
         event.stopPropagation();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: DynamicPageHeaderComponent, isStandalone: true, selector: "fd-dynamic-page-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, titleWrap: { classPropertyName: "titleWrap", publicName: "titleWrap", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, subtitleWrap: { classPropertyName: "subtitleWrap", publicName: "subtitleWrap", isSignal: true, isRequired: false, transformFunction: null }, headingLevel: { classPropertyName: "headingLevel", publicName: "headingLevel", isSignal: true, isRequired: false, transformFunction: null }, subtitleHeadingLevel: { classPropertyName: "subtitleHeadingLevel", publicName: "subtitleHeadingLevel", isSignal: true, isRequired: false, transformFunction: null }, titleId: { classPropertyName: "titleId", publicName: "titleId", isSignal: true, isRequired: false, transformFunction: null }, messageStripTemplate: { classPropertyName: "messageStripTemplate", publicName: "messageStripTemplate", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: DynamicPageHeaderComponent, isStandalone: true, selector: "fd-dynamic-page-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, titleWrap: { classPropertyName: "titleWrap", publicName: "titleWrap", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, subtitleWrap: { classPropertyName: "subtitleWrap", publicName: "subtitleWrap", isSignal: true, isRequired: false, transformFunction: null }, headingLevel: { classPropertyName: "headingLevel", publicName: "headingLevel", isSignal: true, isRequired: false, transformFunction: null }, subtitleHeadingLevel: { classPropertyName: "subtitleHeadingLevel", publicName: "subtitleHeadingLevel", isSignal: true, isRequired: false, transformFunction: null }, titleId: { classPropertyName: "titleId", publicName: "titleId", isSignal: true, isRequired: false, transformFunction: null }, messageStripTemplate: { classPropertyName: "messageStripTemplate", publicName: "messageStripTemplate", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: DYNAMIC_PAGE_HEADER_TOKEN,
                 useExisting: DynamicPageHeaderComponent
             }
         ], queries: [{ propertyName: "_subtitleTemplate", first: true, predicate: DynamicPageHeaderSubtitleDirective, descendants: true, isSignal: true }, { propertyName: "_titleTemplate", first: true, predicate: DynamicPageHeaderTitleDirective, descendants: true, isSignal: true }, { propertyName: "messageStrip", first: true, predicate: MessageStripComponent, descendants: true, isSignal: true }, { propertyName: "_dynamicPageBreadcrumbComponent", first: true, predicate: FD_DYNAMIC_PAGE_BREADCRUMB_COMPONENT, descendants: true, read: DynamicPageBreadcrumbComponent, isSignal: true }, { propertyName: "_breadcrumbComponent", first: true, predicate: FD_BREADCRUMB_COMPONENT, descendants: true, read: BreadcrumbComponent, isSignal: true }, { propertyName: "_globalActions", first: true, predicate: DynamicPageGlobalActionsComponent, descendants: true, isSignal: true }, { propertyName: "_layoutActions", first: true, predicate: DynamicPageLayoutActionsComponent, descendants: true, isSignal: true }, { propertyName: "_contentToolbar", first: true, predicate: DynamicPageTitleContentComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"fd-dynamic-page__main-container\">\n    <div class=\"fd-dynamic-page__breadcrumb-title-container\">\n        @if (_dynamicPageBreadcrumbComponent() || _actionsSquashed()) {\n            <div class=\"fd-dynamic-page__breadcrumb-container\">\n                @if (_dynamicPageBreadcrumbComponent()) {\n                    <nav\n                        [attr.aria-label]=\"('coreDynamicPage.breadcrumbsLabel' | fdTranslate)()\"\n                        class=\"fd-dynamic-page__breadcrumb-wrapper\"\n                        (click)=\"stopPropagation($event)\"\n                    >\n                        <ng-content select=\"fd-dynamic-page-breadcrumb\"></ng-content>\n                    </nav>\n                }\n\n                @if (_actionsSquashed()) {\n                    <ng-template [ngTemplateOutlet]=\"dynamicPageLayoutActionsRef\"></ng-template>\n                }\n            </div>\n        }\n        <div class=\"fd-dynamic-page__title-container\">\n            @if (_dynamicPageService.collapsed()) {\n                <ng-content select=\"fd-facet\"></ng-content>\n            }\n            <div class=\"fd-dynamic-page__title-subtitle-container\">\n                <div class=\"fd-dynamic-page__title-container\">\n                    <span\n                        role=\"heading\"\n                        class=\"fd-dynamic-page__title\"\n                        [attr.aria-level]=\"_headingLevel()\"\n                        [id]=\"titleId()\"\n                        [class.fd-dynamic-page__title--wrap]=\"titleWrap()\"\n                        fdkIgnoreClickOnSelection\n                    >\n                        <ng-template [ngTemplateOutlet]=\"_titleTemplate() ? titleRef : defaultTitle\"></ng-template>\n                    </span>\n                    <ng-content select=\"fd-dynamic-page-title-content\"></ng-content>\n                    <div class=\"fd-dynamic-page__toolbar-container\" (click)=\"stopPropagation($event)\">\n                        <ng-template [ngTemplateOutlet]=\"dynamicPageGlobalActionsRef\"></ng-template>\n                        @if (!_actionsSquashed()) {\n                            <ng-template [ngTemplateOutlet]=\"dynamicPageLayoutActionsRef\"></ng-template>\n                        }\n                    </div>\n                </div>\n                @if (_dynamicPageService.collapsed() && (subtitle() || _subtitleTemplate())) {\n                    <span\n                        [attr.role]=\"subtitleHeadingLevel() ? 'heading' : null\"\n                        [attr.aria-level]=\"subtitleHeadingLevel()\"\n                        class=\"fd-dynamic-page__subtitle\"\n                        [class.fd-dynamic-page__subtitle--wrap]=\"subtitleWrap()\"\n                        fdkIgnoreClickOnSelection\n                    >\n                        <ng-template\n                            [ngTemplateOutlet]=\"_subtitleTemplate() ? subtitleRef : defaultSubtitle\"\n                        ></ng-template>\n                    </span>\n                }\n            </div>\n        </div>\n    </div>\n</div>\n@if (!_dynamicPageService.collapsed() && (subtitle() || _subtitleTemplate())) {\n    <span\n        class=\"fd-dynamic-page__subtitle\"\n        [attr.role]=\"subtitleHeadingLevel() ? 'heading' : null\"\n        [attr.aria-level]=\"subtitleHeadingLevel()\"\n        [class.fd-dynamic-page__subtitle--wrap]=\"subtitleWrap()\"\n        fdkIgnoreClickOnSelection\n    >\n        <ng-template [ngTemplateOutlet]=\"_subtitleTemplate() ? subtitleRef : defaultSubtitle\"></ng-template>\n    </span>\n}\n\n@if (messageStrip() || messageStripTemplate()) {\n    <div class=\"fd-dynamic-page__message-strip-container\">\n        @if (messageStripTemplate()) {\n            <ng-template [ngTemplateOutlet]=\"messageStripTemplate()!\"></ng-template>\n        } @else {\n            <ng-content select=\"fd-message-strip\"></ng-content>\n        }\n    </div>\n}\n\n<ng-template #dynamicPageGlobalActionsRef>\n    <ng-content select=\"fd-dynamic-page-global-actions\"></ng-content>\n</ng-template>\n<ng-template #dynamicPageLayoutActionsRef>\n    <ng-content select=\"fd-dynamic-page-layout-actions\"></ng-content>\n</ng-template>\n<ng-template #titleRef>\n    <ng-template\n        [ngTemplateOutlet]=\"_titleTemplate()!.templateRef\"\n        [ngTemplateOutletContext]=\"{ $implicit: _dynamicPageService.collapsed() }\"\n    ></ng-template>\n</ng-template>\n<ng-template #subtitleRef>\n    <ng-template\n        [ngTemplateOutlet]=\"_subtitleTemplate()!.templateRef\"\n        [ngTemplateOutletContext]=\"{ $implicit: _dynamicPageService.collapsed() }\"\n    ></ng-template>\n</ng-template>\n<ng-template #defaultSubtitle>\n    {{ subtitle() }}\n</ng-template>\n<ng-template #defaultTitle>\n    {{ title() }}\n</ng-template>\n", styles: [".fd-dynamic-page__breadcrumb-wrapper{width:100%;max-width:60%}.fd-dynamic-page__message-strip-container{margin-block:1rem .5rem}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: IgnoreClickOnSelectionDirective, selector: "[fdkIgnoreClickOnSelection]" }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-dynamic-page-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
                         {
@@ -590,10 +590,10 @@ class DynamicPageConfig {
          */
         this.unpinLabel = 'Unpin Header';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageConfig }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageConfig }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageConfig, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageConfig, decorators: [{
             type: Injectable
         }] });
 
@@ -702,8 +702,8 @@ class DynamicPageSubheaderComponent {
         this._pinned = !this._pinned;
         this._dynamicPageService.pinned.set(this._pinned);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageSubheaderComponent, deps: [{ token: DynamicPageService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: DynamicPageSubheaderComponent, isStandalone: true, selector: "fd-dynamic-page-subheader", inputs: { collapsible: "collapsible", pinnable: "pinnable", collapsed: "collapsed", expandLabel: "expandLabel", collapseLabel: "collapseLabel", id: "id", headerAriaLabel: "headerAriaLabel", pinAriaLabel: "pinAriaLabel", unpinAriaLabel: "unpinAriaLabel" }, outputs: { collapsedChange: "collapsedChange" }, host: { properties: { "attr.id": "this.id" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageSubheaderComponent, deps: [{ token: DynamicPageService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: DynamicPageSubheaderComponent, isStandalone: true, selector: "fd-dynamic-page-subheader", inputs: { collapsible: "collapsible", pinnable: "pinnable", collapsed: "collapsed", expandLabel: "expandLabel", collapseLabel: "collapseLabel", id: "id", headerAriaLabel: "headerAriaLabel", pinAriaLabel: "pinAriaLabel", unpinAriaLabel: "unpinAriaLabel" }, outputs: { collapsedChange: "collapsedChange" }, host: { properties: { "attr.id": "this.id" } }, providers: [
             {
                 provide: FD_LANGUAGE_SIGNAL,
                 useFactory: patchHeaderI18nTexts,
@@ -711,7 +711,7 @@ class DynamicPageSubheaderComponent {
             }
         ], viewQueries: [{ propertyName: "pinCollapseContainer", first: true, predicate: ["pincollapseContainer"], descendants: true }], ngImport: i0, template: "<div class=\"fd-dynamic-page__collapsible-header-container\">\n    <section\n        role=\"region\"\n        class=\"fd-dynamic-page__collapsible-header\"\n        [attr.aria-label]=\"headerAriaLabel\"\n        [attr.aria-hidden]=\"_dynamicPageService.collapsed()\"\n        [attr.id]=\"collapsibleHeaderId\"\n        #headerContent\n    >\n        <ng-content></ng-content>\n    </section>\n    @if (collapsible) {\n        <div class=\"fd-dynamic-page__collapsible-header-visibility-container\" #pincollapseContainer>\n            <div class=\"fd-dynamic-page__collapsible-header-visibility-container--left-gradient\"></div>\n            <div role=\"toolbar\" class=\"fd-dynamic-page__collapsible-header-visibility-container--button-group\">\n                <button\n                    fd-button\n                    class=\"fd-dynamic-page__collapse-button\"\n                    [ariaLabel]=\"_toggleButtonAriaLabel\"\n                    [attr.title]=\"_toggleButtonAriaLabel\"\n                    [attr.aria-expanded]=\"!_dynamicPageService.collapsed()\"\n                    [attr.aria-controls]=\"id\"\n                    (click)=\"toggleCollapse()\"\n                >\n                    <fd-icon [glyph]=\"_dynamicPageService.collapsed() ? 'slim-arrow-down' : 'slim-arrow-up'\"></fd-icon>\n                </button>\n                @if (pinnable && !_dynamicPageService.collapsed()) {\n                    <button\n                        fd-button\n                        class=\"fd-dynamic-page__pin-button\"\n                        [ariaLabel]=\"_pinButtonAriaLabel\"\n                        [attr.title]=\"_pinButtonAriaLabel\"\n                        [toggled]=\"_pinned\"\n                        (click)=\"togglePinned()\"\n                    >\n                        <fd-icon glyph=\"pushpin-off\"></fd-icon>\n                    </button>\n                }\n            </div>\n            <div class=\"fd-dynamic-page__collapsible-header-visibility-container--right-gradient\"></div>\n        </div>\n    }\n</div>\n", dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["id"], exportAs: ["fd-button"] }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "size", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageSubheaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageSubheaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-dynamic-page-subheader', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [ButtonComponent, IconComponent], providers: [
                         {
@@ -753,10 +753,10 @@ class DynamicPageWrapperDirective {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageWrapperDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: DynamicPageWrapperDirective, isStandalone: true, selector: "[fdDynamicPageWrapper], [fd-dynamic-page-wrapper]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageWrapperDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: DynamicPageWrapperDirective, isStandalone: true, selector: "[fdDynamicPageWrapper], [fd-dynamic-page-wrapper]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageWrapperDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageWrapperDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdDynamicPageWrapper], [fd-dynamic-page-wrapper]',
@@ -1003,8 +1003,8 @@ class DynamicPageComponent {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DynamicPageService }, { token: FD_FLEXIBLE_COLUMN_LAYOUT_COMPONENT, optional: true }, { token: DynamicPageWrapperDirective, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: DynamicPageComponent, isStandalone: true, selector: "fd-dynamic-page", inputs: { disableSnapOnScroll: "disableSnapOnScroll", ariaLabel: "ariaLabel", ariaRoledescription: "ariaRoledescription", background: "background", autoResponsive: "autoResponsive", size: "size", offset: "offset", expandContent: "expandContent", positionRelative: "positionRelative" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DynamicPageService }, { token: FD_FLEXIBLE_COLUMN_LAYOUT_COMPONENT, optional: true }, { token: DynamicPageWrapperDirective, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: DynamicPageComponent, isStandalone: true, selector: "fd-dynamic-page", inputs: { disableSnapOnScroll: "disableSnapOnScroll", ariaLabel: "ariaLabel", ariaRoledescription: "ariaRoledescription", background: "background", autoResponsive: "autoResponsive", size: "size", offset: "offset", expandContent: "expandContent", positionRelative: "positionRelative" }, providers: [
             DynamicPageService,
             {
                 provide: FD_DYNAMIC_PAGE,
@@ -1012,7 +1012,7 @@ class DynamicPageComponent {
             }
         ], queries: [{ propertyName: "_pageSubheaderComponent", first: true, predicate: DynamicPageSubheaderComponent, descendants: true }, { propertyName: "_headerComponent", first: true, predicate: DynamicPageHeaderComponent, descendants: true }, { propertyName: "_footerComponent", first: true, predicate: DynamicPageFooterComponent, descendants: true }, { propertyName: "_tabComponent", first: true, predicate: FD_TABLIST, descendants: true }, { propertyName: "_contentComponent", predicate: DynamicPageContentComponent, descendants: true }], viewQueries: [{ propertyName: "_headerButton", first: true, predicate: ["headerButton"], descendants: true, isSignal: true }, { propertyName: "_dynamicPageElement", first: true, predicate: ["dynamicPageElement"], descendants: true }, { propertyName: "_scrollbar", first: true, predicate: ScrollbarDirective, descendants: true }], ngImport: i0, template: "<article\n    #dynamicPageElement\n    class=\"fd-dynamic-page\"\n    [class.fd-dynamic-page--sm]=\"size === 'small'\"\n    [class.fd-dynamic-page--md]=\"size === 'medium'\"\n    [class.fd-dynamic-page--lg]=\"size === 'large'\"\n    [class.fd-dynamic-page--xl]=\"size === 'extra-large'\"\n    [class.fd-dynamic-page--transparent-bg]=\"background === 'transparent'\"\n    [class.fd-dynamic-page--list-bg]=\"background === 'list'\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-roledescription]=\"ariaRoledescription\"\n    [style.position]=\"positionRelative ? 'relative' : null\"\n>\n    <header class=\"fd-dynamic-page__header\" [class.fd-dynamic-page__header--not-collapsible]=\"!_headerCollapsible\">\n        <div (click)=\"toggleCollapse()\">\n            @if (_headerCollapsible) {\n                <span\n                    #headerButton\n                    role=\"button\"\n                    [attr.aria-expanded]=\"_isExpanded()\"\n                    [attr.aria-labelledby]=\"_headerComponent.titleId()\"\n                    [attr.aria-label]=\"('coreDynamicPage.toggleHeader' | fdTranslate)()\"\n                    tabindex=\"0\"\n                    (keydown.enter)=\"toggleCollapse()\"\n                    class=\"fd-dynamic-page__header-button\"\n                >\n                </span>\n            }\n            <ng-content select=\"fd-dynamic-page-header\"></ng-content>\n        </div>\n        <ng-content select=\"fd-dynamic-page-subheader\"></ng-content>\n    </header>\n    <ng-content select=\"fd-tab-list\"></ng-content>\n    <ng-content select=\"fd-wizard\"></ng-content>\n    <ng-content select=\"fdp-icon-tab-bar\"></ng-content>\n    @if (!_tabComponent) {\n        <div fd-scrollbar>\n            <ng-content select=\"fd-dynamic-page-content\"></ng-content>\n        </div>\n    } @else {\n        <div>\n            <ng-content select=\"fd-dynamic-page-content\"></ng-content>\n        </div>\n    }\n    <footer>\n        <ng-content select=\"fd-dynamic-page-footer\"></ng-content>\n    </footer>\n</article>\n", styles: [".fd-dynamic-page{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.fd-dynamic-page:after,.fd-dynamic-page:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__header-button,.fd-dynamic-page__sr-only{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;white-space:nowrap;width:1px}.fd-dynamic-page__header-button.is-focus,.fd-dynamic-page__header-button:focus{z-index:5}.fd-dynamic-page__header-button.is-focus+.fd-dynamic-page__title-area,.fd-dynamic-page__header-button:focus+.fd-dynamic-page__title-area{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:-.25rem}.fd-dynamic-page__header-fixed{left:0;position:fixed;right:0;top:0;z-index:3}.fd-dynamic-page__header{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-dynamic-page__header:after,.fd-dynamic-page__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-area{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-height:3rem;word-wrap:break-word;background-color:var(--sapObjectHeader_Background);z-index:1}.fd-dynamic-page__title-area:after,.fd-dynamic-page__title-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-area.is-hover,.fd-dynamic-page__title-area:hover{background:var(--sapObjectHeader_Hover_Background);border-bottom:var(--fdDynamicPage_Hover_Border_Bottom);cursor:pointer}.fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page__title-area--collapsed .fd-dynamic-page__title{font-size:var(--fdDynamicPage_Title_Collapsed_Font_Size)}.fd-dynamic-page__title-area[aria-hidden=true]{display:none}.fd-dynamic-page__main-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-dynamic-page__main-container:after,.fd-dynamic-page__main-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-padding-before:.3125rem;padding-block-start:.3125rem}.fd-dynamic-page__title-container:after,.fd-dynamic-page__title-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__breadcrumb{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:.5rem .25rem;padding-inline:0}.fd-dynamic-page__breadcrumb:after,.fd-dynamic-page__breadcrumb:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__breadcrumb-title-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.fd-dynamic-page__breadcrumb-title-container:after,.fd-dynamic-page__breadcrumb-title-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__breadcrumb-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-dynamic-page__breadcrumb-container:after,.fd-dynamic-page__breadcrumb-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdDynamicPage_Title_Color);font-family:var(--sapFontFamily);font-family:var(--fdDynamicPage_Title_Font_Family);font-size:var(--sapFontSize);font-size:var(--fdDynamicPage_Title_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-dynamic-page__title:after,.fd-dynamic-page__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title .fd-link{color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader3Size);max-width:100%;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.fd-dynamic-page__title--small{font-size:var(--fdDynamicPage_Title_Collapsed_Font_Size)}.fd-dynamic-page__title--wrap{overflow:visible;text-overflow:clip;white-space:normal}.fd-dynamic-page__subtitle{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdDynamicPage_Subtitle_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;margin-top:.25rem;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-dynamic-page__subtitle:after,.fd-dynamic-page__subtitle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__subtitle--wrap{overflow:visible;text-overflow:clip;white-space:normal}.fd-dynamic-page__title-content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;-webkit-padding-start:1rem;padding-inline-start:1rem;vertical-align:baseline}.fd-dynamic-page__title-content:after,.fd-dynamic-page__title-content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-content--wrap{overflow:visible;text-overflow:clip;white-space:normal}.fd-dynamic-page__title-subtitle-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-dynamic-page__title-subtitle-container:after,.fd-dynamic-page__title-subtitle-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__toolbar-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-margin-start:auto;margin-inline-start:auto}.fd-dynamic-page__toolbar-container:after,.fd-dynamic-page__toolbar-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page .fd-dynamic-page__toolbar{background:transparent;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;padding-inline:1rem .25rem}.fd-dynamic-page .fd-dynamic-page__toolbar--actions,.fd-dynamic-page .fd-dynamic-page__toolbar--content{padding-block:0;padding-inline:0}.fd-dynamic-page__summarized-title-area{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;word-wrap:break-word;background:var(--sapObjectHeader_Background);-webkit-box-shadow:var(--sapContent_HeaderShadow);box-shadow:var(--sapContent_HeaderShadow);height:2rem;z-index:1}.fd-dynamic-page__summarized-title-area:after,.fd-dynamic-page__summarized-title-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__summarized-title-area.is-focus,.fd-dynamic-page__summarized-title-area:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:-.25rem}.fd-dynamic-page__summarized-title-area--no-shadow{-webkit-box-shadow:none;box-shadow:none}.fd-dynamic-page__summarized-title-area[aria-hidden=true]{display:none}.fd-dynamic-page__summarized-title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader5Size);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:2rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-dynamic-page__summarized-title:after,.fd-dynamic-page__summarized-title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-dynamic-page__collapsible-header-container:after,.fd-dynamic-page__collapsible-header-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header{background-color:var(--sapObjectHeader_Background);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:1rem;padding-inline:0}.fd-dynamic-page__collapsible-header:after,.fd-dynamic-page__collapsible-header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header[aria-hidden=true]{display:none}.fd-dynamic-page .fd-dynamic-page__tabs{margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-dynamic-page .fd-dynamic-page__tabs--overflow{overflow:hidden}.fd-dynamic-page .fd-dynamic-page__tabs--add-shadow,.fd-dynamic-page__collapsible-header-visibility-container{-webkit-box-shadow:var(--sapContent_HeaderShadow);box-shadow:var(--sapContent_HeaderShadow)}.fd-dynamic-page__collapsible-header-visibility-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--sapObjectHeader_Background);min-height:.0625rem;z-index:2}.fd-dynamic-page__collapsible-header-visibility-container:after,.fd-dynamic-page__collapsible-header-visibility-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header-visibility-container--left-gradient{background-image:var(--fdDynamicPage_Button_Left_Gradient);height:.0625rem;width:4rem}.fd-dynamic-page__collapsible-header-visibility-container--left-gradient[dir=rtl],[dir=rtl] .fd-dynamic-page__collapsible-header-visibility-container--left-gradient{background-image:var(--fdDynamicPage_Button_Right_Gradient)}.fd-dynamic-page__collapsible-header-visibility-container--right-gradient{background-image:var(--fdDynamicPage_Button_Right_Gradient);height:.0625rem;width:4rem}.fd-dynamic-page__collapsible-header-visibility-container--right-gradient[dir=rtl],[dir=rtl] .fd-dynamic-page__collapsible-header-visibility-container--right-gradient{background-image:var(--fdDynamicPage_Button_Left_Gradient)}.fd-dynamic-page__collapsible-header-visibility-container--button-group{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdDynamicPage_Button_Group_Background);height:.0625rem;width:4.25rem;z-index:1}.fd-dynamic-page__collapsible-header-visibility-container--button-group:after,.fd-dynamic-page__collapsible-header-visibility-container--button-group:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header-visibility-container[aria-hidden=true]{display:none}.fd-dynamic-page__collapsible-header-visibility-container--no-shadow{-webkit-box-shadow:none;box-shadow:none}.fd-dynamic-page__collapse-button,.fd-dynamic-page__expand-button,.fd-dynamic-page__pin-button{--fdButtonBackgroundColor:var(--sapObjectHeader_Background);height:1.5rem;margin-block:0;margin-inline:.25rem;min-width:1.5rem;padding-block:0;padding-inline:0;width:1.5rem}.fd-dynamic-page__collapse-button:before,.fd-dynamic-page__expand-button:before,.fd-dynamic-page__pin-button:before{bottom:-.25rem;height:2rem;top:-.25rem;width:100%}.fd-dynamic-page__collapse-button[aria-hidden=true],.fd-dynamic-page__expand-button[aria-hidden=true],.fd-dynamic-page__pin-button[aria-hidden=true]{display:none}.fd-dynamic-page__content{background-color:var(--sapBackgroundColor);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow-y:auto;padding-block:0;padding-inline:0}.fd-dynamic-page__content:after,.fd-dynamic-page__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-page__footer{bottom:0;left:0;margin-block:0 .5rem;margin-inline:.5rem;position:fixed;right:0}.fd-dynamic-page--sm .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:1rem}.fd-dynamic-page--sm .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--sm .fd-dynamic-page__collapsible-header,.fd-dynamic-page--sm .fd-dynamic-page__content{padding-block:1rem;padding-inline:1rem}.fd-dynamic-page--sm .fd-dynamic-page__tabs{padding-block:0;padding-inline:1rem}.fd-dynamic-page--sm .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}.fd-dynamic-page--sm .fd-dynamic-page__breadcrumb{padding-block:0;padding-inline:0}.fd-dynamic-page--sm .fd-dynamic-page__title-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-dynamic-page--sm .fd-dynamic-page__toolbar{-webkit-padding-start:1rem;padding-inline-start:1rem;-webkit-margin-start:auto;margin-inline-start:auto}.fd-dynamic-page--sm .fd-dynamic-page__toolbar--content{-webkit-margin-start:0;margin-inline-start:0}.fd-dynamic-page--lg .fd-dynamic-page__title-area,.fd-dynamic-page--md .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:2rem}.fd-dynamic-page--lg .fd-dynamic-page__title-area--collapsed,.fd-dynamic-page--md .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--lg .fd-dynamic-page__collapsible-header,.fd-dynamic-page--lg .fd-dynamic-page__content,.fd-dynamic-page--md .fd-dynamic-page__collapsible-header,.fd-dynamic-page--md .fd-dynamic-page__content{padding-block:1rem;padding-inline:2rem}.fd-dynamic-page--lg .fd-dynamic-page__tabs,.fd-dynamic-page--md .fd-dynamic-page__tabs{padding-block:0;padding-inline:2rem}.fd-dynamic-page--lg .fd-dynamic-page__summarized-title-area,.fd-dynamic-page--md .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}.fd-dynamic-page--xl .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:3rem}.fd-dynamic-page--xl .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--xl .fd-dynamic-page__collapsible-header,.fd-dynamic-page--xl .fd-dynamic-page__content{padding-block:1rem;padding-inline:3rem}.fd-dynamic-page--xl .fd-dynamic-page__tabs{padding-block:0;padding-inline:3rem}.fd-dynamic-page--xl .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}.fd-dynamic-page--md .fd-dynamic-page__toolbar{padding-block:0;padding-inline:0}@media(width<=599px){.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__collapsible-header,.fd-dynamic-page--responsive-paddings .fd-dynamic-page__content{padding-block:1rem;padding-inline:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__tabs{padding-block:0;padding-inline:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}}@media(width>=600px)and (width<=1023px){.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:2rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__collapsible-header,.fd-dynamic-page--responsive-paddings .fd-dynamic-page__content{padding-block:1rem;padding-inline:2rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__tabs{padding-block:0;padding-inline:2rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}}@media(width>=1024px)and (width<=1439px){.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:2rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__collapsible-header,.fd-dynamic-page--responsive-paddings .fd-dynamic-page__content{padding-block:1rem;padding-inline:2rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__tabs{padding-block:0;padding-inline:2rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}}@media(width>=1440px){.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area{padding-block:.5rem;padding-inline:3rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__title-area--collapsed{-webkit-padding-after:1rem;padding-block-end:1rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__collapsible-header,.fd-dynamic-page--responsive-paddings .fd-dynamic-page__content{padding-block:1rem;padding-inline:3rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__tabs{padding-block:0;padding-inline:3rem}.fd-dynamic-page--responsive-paddings .fd-dynamic-page__summarized-title-area{padding-block:1rem;padding-inline:1rem}}.fd-dynamic-page--list-bg .fd-dynamic-page__content{background-color:var(--fdDynamicPage_Content_List_Background)}.fd-dynamic-page--transparent-bg .fd-dynamic-page__content{background-color:var(--fdDynamicPage_Content_Transparent_Background)}.fd-dynamic-page--transparent-bg .fd-dynamic-page__title-area{background:var(--fdDynamicPage_Title_Header_Transparent_Background)}.fd-dynamic-page--transparent-bg .fd-dynamic-page__collapsible-header{background-color:var(--fdDynamicPage_Title_Header_Transparent_Background)}.footer-spacer{height:3rem}.content-sticker{position:static}.fd-dynamic-page__header--not-collapsible .fd-dynamic-page__title-area.is-hover,.fd-dynamic-page__header--not-collapsible .fd-dynamic-page__title-area:hover{background-color:var(--sapObjectHeader_Background, #fff);cursor:default}.fd-dynamic-page__collapsible-header-visibility-container--button-group{z-index:6}.fd-tabs .fd-dynamic-page__content{display:block;height:auto!important}.fd-dynamic-page{height:100%}.fd-dynamic-page .fd-bar--floating-footer{z-index:6}.fd-dynamic-page .fd-tabs-custom{overflow:auto;background-color:#f7f7f7;background-color:var(--sapBackgroundColor, #f7f7f7);flex:1}.fd-dynamic-page .fd-dynamic-page__content,.fd-dynamic-page .fd-dynamic-page__title-subtitle-container{flex:1}.fd-dynamic-page--transparent-bg .fd-tabs-custom{background-color:transparent;background-color:var(--fdDynamicPage_Content_Transparent_Background, transparent)}.fd-dynamic-page--list-bg .fd-tabs-custom{background-color:#fff;background-color:var(--fdDynamicPage_Content_List_Background, var(--sapGroup_ContentBackground, #fff))}.fd-dynamic-page--xl .fd-bar--floating-footer{margin:1rem 3rem}.fd-dynamic-page--lg .fd-bar--floating-footer,.fd-dynamic-page--md .fd-bar--floating-footer{margin:1rem 2rem}.fd-dynamic-page--sm .fd-bar--floating-footer{margin:1rem .5rem}.fd-dynamic-page--sm .fd-dynamic-page__title-container{align-items:center}.fd-dynamic-page--sm .fd-dynamic-page__title-container .fd-facet.fd-facet--image{margin-inline-end:1rem}.fd-dynamic-page__collapsible-header:empty{padding:0!important}.fd-dynamic-page__collapsible-header:has(.fd-has-display-none):not(:has(.fd-message-strip.fd-has-display-none)){padding-block:0;padding-inline:0}.fd-dynamic-page .fd-dynamic-page__title-container .fd-facet.fd-facet--image{margin-inline-end:1rem}.fd-dynamic-page__header.fd-dynamic-page__header--not-collapsible{position:relative;box-shadow:var(--sapContent_HeaderShadow)}.fd-dynamic-page__header{z-index:15}.fd-dynamic-page__header.fd-dynamic-page__header--not-collapsible:has(+fdp-icon-tab-bar){box-shadow:none}\n/*! Bundled license information:\n\nfundamental-styles/dist/dynamic-page.css:\n  (*!\n   * Fundamental Library Styles v0.41.9\n   * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"], dependencies: [{ kind: "directive", type: ScrollbarDirective, selector: "[fdScrollbar], [fd-scrollbar]", inputs: ["noHorizontalScroll", "noVerticalScroll", "alwaysVisible"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-dynamic-page', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
                         DynamicPageService,
@@ -1088,8 +1088,8 @@ const components = [
  * Use direct imports of components and directives.
  */
 class DynamicPageModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageModule, imports: [DynamicPageComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageModule, imports: [DynamicPageComponent,
             DynamicPageHeaderComponent,
             DynamicPageGlobalActionsComponent,
             DynamicPageLayoutActionsComponent,
@@ -1112,10 +1112,10 @@ class DynamicPageModule {
             DynamicPageHeaderSubtitleDirective,
             DynamicPageHeaderTitleDirective,
             DynamicPageBreadcrumbComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageModule, imports: [DynamicPageSubheaderComponent,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageModule, imports: [DynamicPageSubheaderComponent,
             DynamicPageTitleContentComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicPageModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...components],

package/fesm2022/fundamental-ngx-core-dynamic-side-content.mjs

@@ -34,15 +34,15 @@ class DynamicSideContentMainComponent {
     _addClassName(className) {
         return this._render.addClass(this._elementRef.nativeElement, className);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicSideContentMainComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: DynamicSideContentMainComponent, isStandalone: true, selector: "fd-dynamic-side-content-main", inputs: { id: "id" }, host: { properties: { "attr.id": "this.id" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicSideContentMainComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: DynamicSideContentMainComponent, isStandalone: true, selector: "fd-dynamic-side-content-main", inputs: { id: "id" }, host: { properties: { "attr.id": "this.id" } }, providers: [
             {
                 provide: DYNAMIC_SIDE_CONTENT_CHILD_TOKEN,
                 useExisting: forwardRef(() => DynamicSideContentMainComponent)
             }
         ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicSideContentMainComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicSideContentMainComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-dynamic-side-content-main',
@@ -80,15 +80,15 @@ class DynamicSideContentSideComponent {
     _addClassName(className) {
         return this._render.addClass(this._elementRef.nativeElement, className);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicSideContentSideComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: DynamicSideContentSideComponent, isStandalone: true, selector: "fd-dynamic-side-content-side", inputs: { id: "id" }, host: { properties: { "attr.id": "this.id" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicSideContentSideComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: DynamicSideContentSideComponent, isStandalone: true, selector: "fd-dynamic-side-content-side", inputs: { id: "id" }, host: { properties: { "attr.id": "this.id" } }, providers: [
             {
                 provide: DYNAMIC_SIDE_CONTENT_CHILD_TOKEN,
                 useExisting: forwardRef(() => DynamicSideContentSideComponent)
             }
         ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicSideContentSideComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicSideContentSideComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-dynamic-side-content-side',
@@ -206,8 +206,8 @@ class DynamicSideContentComponent {
             this._isSideBefore = false;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicSideContentComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: DynamicSideContentComponent, isStandalone: true, selector: "fd-dynamic-side-content", inputs: { position: "position", size: "size", id: "id" }, host: { properties: { "attr.id": "this.id" } }, queries: [{ propertyName: "_children", predicate: DYNAMIC_SIDE_CONTENT_CHILD_TOKEN }], usesOnChanges: true, ngImport: i0, template: "@if (_isSideBefore) {\n    <ng-template [ngTemplateOutlet]=\"sideTemplate\"></ng-template>\n}\n<!-- Main Content -->\n<ng-content select=\"fd-dynamic-side-content-main\"></ng-content>\n@if (!_isSideBefore) {\n    <ng-template [ngTemplateOutlet]=\"sideTemplate\"></ng-template>\n}\n<ng-template #sideTemplate>\n    <!-- Side Content -->\n    <ng-content select=\"fd-dynamic-side-content-side\"></ng-content>\n</ng-template>\n", styles: [".fd-dynamic-side{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;width:100%}.fd-dynamic-side:after,.fd-dynamic-side:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-side .fd-dynamic-side__main{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;width:75%}.fd-dynamic-side .fd-dynamic-side__main:after,.fd-dynamic-side .fd-dynamic-side__main:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-side .fd-dynamic-side__side{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 1 0px;flex:1 1 0}.fd-dynamic-side .fd-dynamic-side__side:after,.fd-dynamic-side .fd-dynamic-side__side:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-side--sm .fd-dynamic-side__main{width:100%}.fd-dynamic-side--sm .fd-dynamic-side__side{display:none}.fd-dynamic-side--md .fd-dynamic-side__main{width:66.666%}.fd-dynamic-side--md .fd-dynamic-side__side{display:block}.fd-dynamic-side--xl .fd-dynamic-side__main{width:75%}.fd-dynamic-side--equal-split{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.fd-dynamic-side--equal-split .fd-dynamic-side__main,.fd-dynamic-side--equal-split .fd-dynamic-side__side{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;width:50%}.fd-dynamic-side--below{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.fd-dynamic-side--below .fd-dynamic-side__main{width:100%}.fd-dynamic-side--below .fd-dynamic-side__side{display:block;width:100%;-webkit-box-flex:0;-ms-flex:none;flex:none}\n/*! Bundled license information:\n\nfundamental-styles/dist/dynamic-side-content.css:\n  (*!\n   * Fundamental Library Styles v0.41.9\n   * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicSideContentComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: DynamicSideContentComponent, isStandalone: true, selector: "fd-dynamic-side-content", inputs: { position: "position", size: "size", id: "id" }, host: { properties: { "attr.id": "this.id" } }, queries: [{ propertyName: "_children", predicate: DYNAMIC_SIDE_CONTENT_CHILD_TOKEN }], usesOnChanges: true, ngImport: i0, template: "@if (_isSideBefore) {\n    <ng-template [ngTemplateOutlet]=\"sideTemplate\"></ng-template>\n}\n<!-- Main Content -->\n<ng-content select=\"fd-dynamic-side-content-main\"></ng-content>\n@if (!_isSideBefore) {\n    <ng-template [ngTemplateOutlet]=\"sideTemplate\"></ng-template>\n}\n<ng-template #sideTemplate>\n    <!-- Side Content -->\n    <ng-content select=\"fd-dynamic-side-content-side\"></ng-content>\n</ng-template>\n", styles: [".fd-dynamic-side{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;width:100%}.fd-dynamic-side:after,.fd-dynamic-side:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-side .fd-dynamic-side__main{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;width:75%}.fd-dynamic-side .fd-dynamic-side__main:after,.fd-dynamic-side .fd-dynamic-side__main:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-side .fd-dynamic-side__side{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 1 0px;flex:1 1 0}.fd-dynamic-side .fd-dynamic-side__side:after,.fd-dynamic-side .fd-dynamic-side__side:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-side--sm .fd-dynamic-side__main{width:100%}.fd-dynamic-side--sm .fd-dynamic-side__side{display:none}.fd-dynamic-side--md .fd-dynamic-side__main{width:66.666%}.fd-dynamic-side--md .fd-dynamic-side__side{display:block}.fd-dynamic-side--xl .fd-dynamic-side__main{width:75%}.fd-dynamic-side--equal-split{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.fd-dynamic-side--equal-split .fd-dynamic-side__main,.fd-dynamic-side--equal-split .fd-dynamic-side__side{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;width:50%}.fd-dynamic-side--below{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.fd-dynamic-side--below .fd-dynamic-side__main{width:100%}.fd-dynamic-side--below .fd-dynamic-side__side{display:block;width:100%;-webkit-box-flex:0;-ms-flex:none;flex:none}\n/*! Bundled license information:\n\nfundamental-styles/dist/dynamic-side-content.css:\n  (*!\n   * Fundamental Library Styles v0.41.9\n   * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     applyCssClass,
@@ -215,7 +215,7 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", Array)
 ], DynamicSideContentComponent.prototype, "buildComponentCssClass", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicSideContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicSideContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-dynamic-side-content', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], template: "@if (_isSideBefore) {\n    <ng-template [ngTemplateOutlet]=\"sideTemplate\"></ng-template>\n}\n<!-- Main Content -->\n<ng-content select=\"fd-dynamic-side-content-main\"></ng-content>\n@if (!_isSideBefore) {\n    <ng-template [ngTemplateOutlet]=\"sideTemplate\"></ng-template>\n}\n<ng-template #sideTemplate>\n    <!-- Side Content -->\n    <ng-content select=\"fd-dynamic-side-content-side\"></ng-content>\n</ng-template>\n", styles: [".fd-dynamic-side{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;width:100%}.fd-dynamic-side:after,.fd-dynamic-side:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-side .fd-dynamic-side__main{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;width:75%}.fd-dynamic-side .fd-dynamic-side__main:after,.fd-dynamic-side .fd-dynamic-side__main:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-side .fd-dynamic-side__side{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 1 0px;flex:1 1 0}.fd-dynamic-side .fd-dynamic-side__side:after,.fd-dynamic-side .fd-dynamic-side__side:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dynamic-side--sm .fd-dynamic-side__main{width:100%}.fd-dynamic-side--sm .fd-dynamic-side__side{display:none}.fd-dynamic-side--md .fd-dynamic-side__main{width:66.666%}.fd-dynamic-side--md .fd-dynamic-side__side{display:block}.fd-dynamic-side--xl .fd-dynamic-side__main{width:75%}.fd-dynamic-side--equal-split{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.fd-dynamic-side--equal-split .fd-dynamic-side__main,.fd-dynamic-side--equal-split .fd-dynamic-side__side{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;width:50%}.fd-dynamic-side--below{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.fd-dynamic-side--below .fd-dynamic-side__main{width:100%}.fd-dynamic-side--below .fd-dynamic-side__side{display:block;width:100%;-webkit-box-flex:0;-ms-flex:none;flex:none}\n/*! Bundled license information:\n\nfundamental-styles/dist/dynamic-side-content.css:\n  (*!\n   * Fundamental Library Styles v0.41.9\n   * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { position: [{
@@ -237,11 +237,11 @@ const components = [DynamicSideContentComponent, DynamicSideContentSideComponent
  * @deprecated
  */
 class DynamicSideContentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicSideContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: DynamicSideContentModule, imports: [DynamicSideContentComponent, DynamicSideContentSideComponent, DynamicSideContentMainComponent], exports: [DynamicSideContentComponent, DynamicSideContentSideComponent, DynamicSideContentMainComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicSideContentModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicSideContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.1", ngImport: i0, type: DynamicSideContentModule, imports: [DynamicSideContentComponent, DynamicSideContentSideComponent, DynamicSideContentMainComponent], exports: [DynamicSideContentComponent, DynamicSideContentSideComponent, DynamicSideContentMainComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicSideContentModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicSideContentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DynamicSideContentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...components],