@fundamental-ngx/core 0.63.2-rc.5 → 0.63.2-rc.7

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

@@ -52,10 +52,10 @@ class DynamicPageHeaderSubtitleDirective {
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicPageHeaderSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: DynamicPageHeaderSubtitleDirective, isStandalone: true, selector: "[fdDynamicPageHeaderSubtitle]", ngImport: i0 }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicPageHeaderSubtitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageHeaderSubtitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdDynamicPageHeaderSubtitle]',
@@ -72,10 +72,10 @@ class DynamicPageHeaderTitleDirective {
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicPageHeaderTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: DynamicPageHeaderTitleDirective, isStandalone: true, selector: "[fdDynamicPageHeaderTitle]", ngImport: i0 }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicPageHeaderTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageHeaderTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdDynamicPageHeaderTitle]',
@@ -124,10 +124,10 @@ class DynamicPageContentComponent {
     _addClassNameToHostElement(className) {
         addClassNameToElement(this._renderer, this.elementRef.nativeElement, className);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", 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: "21.1.0", 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.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicPageContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", 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: [{
@@ -137,10 +137,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
             }] } });
 
 class DynamicPageFooterComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicPageFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", 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.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicPageFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageFooterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-dynamic-page-footer',
@@ -166,26 +166,30 @@ class DynamicPageBaseActions {
             toolbarEl.classList.add(_class);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicPageBaseActions, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: DynamicPageBaseActions, isStandalone: true, ngImport: i0 }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicPageBaseActions, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageBaseActions, decorators: [{
             type: Directive
         }] });
 
 class DynamicPageService {
     constructor() {
         /** @hidden */
-        this.collapsed = signal(false, ...(ngDevMode ? [{ debugName: "collapsed" }] : []));
+        this.collapsed = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "collapsed" }] : /* istanbul ignore next */ []));
         /** @hidden */
-        this.pinned = signal(false, ...(ngDevMode ? [{ debugName: "pinned" }] : []));
+        this.pinned = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "pinned" }] : /* istanbul ignore next */ []));
         /** @hidden */
-        this.pixelsSizeChanged = signal(0, ...(ngDevMode ? [{ debugName: "pixelsSizeChanged" }] : []));
+        this.pixelsSizeChanged = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "pixelsSizeChanged" }] : /* istanbul ignore next */ []));
         /**
          * Manual size override. When set, takes precedence over auto-computed size.
          * Used when autoResponsive is false and size is set manually via input.
          */
-        this.manualSizeOverride = signal(null, ...(ngDevMode ? [{ debugName: "manualSizeOverride" }] : []));
+        this.manualSizeOverride = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "manualSizeOverride" }] : /* istanbul ignore next */ []));
         /**
          * Computed responsive size based on pixel width or manual override.
          * Returns 'small', 'medium', 'large', or 'extra-large'.
@@ -202,16 +206,17 @@ class DynamicPageService {
                 return 'large';
             }
             return dynamicPageWidthToSize(width);
-        }, ...(ngDevMode ? [{ debugName: "responsiveSize" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "responsiveSize" }] : /* istanbul ignore next */ []));
     }
     /** @hidden */
     toggleCollapsed() {
         this.collapsed.update((collapsed) => !collapsed);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicPageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicPageService }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicPageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageService, decorators: [{
             type: Injectable
         }] });
 
@@ -219,9 +224,11 @@ class DynamicPageGlobalActionsComponent extends DynamicPageBaseActions {
     constructor() {
         super();
         /** @hidden */
-        this._toolbarComponent = contentChild(ToolbarComponent, ...(ngDevMode ? [{ debugName: "_toolbarComponent" }] : []));
+        this._toolbarComponent = contentChild(ToolbarComponent, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_toolbarComponent" }] : /* istanbul ignore next */ []));
         /** Whether the toolbar should show overflow (size is small). */
-        this.shouldOverflow = computed(() => this._dynamicPageService?.responsiveSize() === 'small', ...(ngDevMode ? [{ debugName: "shouldOverflow" }] : []));
+        this.shouldOverflow = computed(() => this._dynamicPageService?.responsiveSize() === 'small', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "shouldOverflow" }] : /* istanbul ignore next */ []));
         /** @hidden */
         this._injector = inject(Injector);
         /** @hidden */
@@ -248,10 +255,10 @@ class DynamicPageGlobalActionsComponent extends DynamicPageBaseActions {
             toolbar.updateCollapsibleItems();
         }, { injector: this._injector });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicPageGlobalActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.0", 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.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicPageGlobalActionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageGlobalActionsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-dynamic-page-global-actions',
@@ -273,10 +280,10 @@ class DynamicPageLayoutActionsComponent extends DynamicPageBaseActions {
             this.addClassToToolbar(DYNAMIC_PAGE_CLASS_NAME.dynamicPageToolbar);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicPageLayoutActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", 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.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicPageLayoutActionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageLayoutActionsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-dynamic-page-layout-actions',
@@ -296,16 +303,17 @@ class DynamicPageTitleContentComponent {
          * Whether the title content text should wrap to multiple lines instead of truncating with ellipsis.
          * @default false
          */
-        this.titleContentWrap = input(false, { ...(ngDevMode ? { debugName: "titleContentWrap" } : {}), transform: booleanAttribute });
+        this.titleContentWrap = input(false, { ...(ngDevMode ? { debugName: "titleContentWrap" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /** @hidden */
         this._contentDensityObserver = inject(ContentDensityObserver);
         /** Whether the current size is small. */
-        this._isSmall = computed(() => this._dynamicPageService?.responsiveSize() === 'small', ...(ngDevMode ? [{ debugName: "_isSmall" }] : []));
+        this._isSmall = computed(() => this._dynamicPageService?.responsiveSize() === 'small', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_isSmall" }] : /* istanbul ignore next */ []));
         /** @hidden */
         this._dynamicPageService = inject(DynamicPageService, { optional: true });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicPageTitleContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", 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.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: `
         @if (_isSmall()) {
             <fd-toolbar
                 fdType="transparent"
@@ -332,7 +340,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: "21.1.0", ngImport: i0, type: DynamicPageTitleContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageTitleContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-dynamic-page-title-content',
@@ -372,15 +380,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
 const FD_DYNAMIC_PAGE_BREADCRUMB_COMPONENT = new InjectionToken('DynamicPageBreadcrumbComponent');
 
 class DynamicPageBreadcrumbComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicPageBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: DynamicPageBreadcrumbComponent, isStandalone: true, selector: "fd-dynamic-page-breadcrumb", providers: [
+    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: [
             {
                 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: "21.1.0", ngImport: i0, type: DynamicPageBreadcrumbComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageBreadcrumbComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-dynamic-page-breadcrumb',
@@ -406,75 +414,87 @@ class DynamicPageHeaderComponent {
          * The title text displayed in the dynamic page header.
          * @default ''
          */
-        this.title = input('', ...(ngDevMode ? [{ debugName: "title" }] : []));
+        this.title = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
         /**
          * Whether the title text should wrap to multiple lines instead of truncating with ellipsis.
          * @default false
          */
-        this.titleWrap = input(false, { ...(ngDevMode ? { debugName: "titleWrap" } : {}), transform: booleanAttribute });
+        this.titleWrap = input(false, { ...(ngDevMode ? { debugName: "titleWrap" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
          * The subtitle text displayed below the title in the dynamic page header.
          * @default ''
          */
-        this.subtitle = input('', ...(ngDevMode ? [{ debugName: "subtitle" }] : []));
+        this.subtitle = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "subtitle" }] : /* istanbul ignore next */ []));
         /**
          * Whether the subtitle text should wrap to multiple lines instead of truncating with ellipsis.
          * @default false
          */
-        this.subtitleWrap = input(false, { ...(ngDevMode ? { debugName: "subtitleWrap" } : {}), transform: booleanAttribute });
+        this.subtitleWrap = input(false, { ...(ngDevMode ? { debugName: "subtitleWrap" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
          * The heading level (h1-h6) for the dynamic page title.
          * Determines the semantic hierarchy for accessibility and SEO.
          * @default 2
          */
-        this.headingLevel = input(2, ...(ngDevMode ? [{ debugName: "headingLevel" }] : []));
+        this.headingLevel = input(2, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "headingLevel" }] : /* istanbul ignore next */ []));
         /**
          * The heading level (h1-h6) for the dynamic page subtitle.
          * When provided, the subtitle will be rendered as a semantic heading with role="heading".
          * When not provided (undefined/null), the subtitle is rendered as plain text without a heading role.
          * @default undefined
          */
-        this.subtitleHeadingLevel = input(undefined, ...(ngDevMode ? [{ debugName: "subtitleHeadingLevel" }] : []));
+        this.subtitleHeadingLevel = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "subtitleHeadingLevel" }] : /* istanbul ignore next */ []));
         /**
          * The unique ID for the dynamic page title element.
          * Used for ARIA relationships and programmatic reference.
          * @default 'fd-dynamic-page-title-id-{auto-increment}'
          */
-        this.titleId = input(`fd-dynamic-page-title-id-${++dynamicPageTitleId}`, ...(ngDevMode ? [{ debugName: "titleId" }] : []));
+        this.titleId = input(`fd-dynamic-page-title-id-${++dynamicPageTitleId}`, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "titleId" }] : /* istanbul ignore next */ []));
         /**
          * @hidden
          * Content child query for custom subtitle template.
          * When provided via fdDynamicPageHeaderSubtitle directive, overrides the subtitle text input.
          */
-        this._subtitleTemplate = contentChild(DynamicPageHeaderSubtitleDirective, ...(ngDevMode ? [{ debugName: "_subtitleTemplate" }] : []));
+        this._subtitleTemplate = contentChild(DynamicPageHeaderSubtitleDirective, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_subtitleTemplate" }] : /* istanbul ignore next */ []));
         /**
          * @hidden
          * Content child query for custom title template.
          * When provided via fdDynamicPageHeaderTitle directive, overrides the title text input.
          */
-        this._titleTemplate = contentChild(DynamicPageHeaderTitleDirective, ...(ngDevMode ? [{ debugName: "_titleTemplate" }] : []));
+        this._titleTemplate = contentChild(DynamicPageHeaderTitleDirective, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_titleTemplate" }] : /* istanbul ignore next */ []));
         /** @hidden */
-        this._dynamicPageBreadcrumbComponent = contentChild(FD_DYNAMIC_PAGE_BREADCRUMB_COMPONENT, { ...(ngDevMode ? { debugName: "_dynamicPageBreadcrumbComponent" } : {}), read: DynamicPageBreadcrumbComponent });
+        this._dynamicPageBreadcrumbComponent = contentChild(FD_DYNAMIC_PAGE_BREADCRUMB_COMPONENT, { ...(ngDevMode ? { debugName: "_dynamicPageBreadcrumbComponent" } : /* istanbul ignore next */ {}), read: DynamicPageBreadcrumbComponent });
         /** @hidden */
-        this._breadcrumbComponent = contentChild(FD_BREADCRUMB_COMPONENT, { ...(ngDevMode ? { debugName: "_breadcrumbComponent" } : {}), read: BreadcrumbComponent });
+        this._breadcrumbComponent = contentChild(FD_BREADCRUMB_COMPONENT, { ...(ngDevMode ? { debugName: "_breadcrumbComponent" } : /* istanbul ignore next */ {}), read: BreadcrumbComponent });
         /** @hidden */
-        this._globalActions = contentChild(DynamicPageGlobalActionsComponent, ...(ngDevMode ? [{ debugName: "_globalActions" }] : []));
+        this._globalActions = contentChild(DynamicPageGlobalActionsComponent, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_globalActions" }] : /* istanbul ignore next */ []));
         /** @hidden */
-        this._layoutActions = contentChild(DynamicPageLayoutActionsComponent, ...(ngDevMode ? [{ debugName: "_layoutActions" }] : []));
+        this._layoutActions = contentChild(DynamicPageLayoutActionsComponent, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_layoutActions" }] : /* istanbul ignore next */ []));
         /** @hidden */
-        this._contentToolbar = contentChild(DynamicPageTitleContentComponent, ...(ngDevMode ? [{ debugName: "_contentToolbar" }] : []));
+        this._contentToolbar = contentChild(DynamicPageTitleContentComponent, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_contentToolbar" }] : /* istanbul ignore next */ []));
         /**
          * @hidden
          * Computed signal indicating whether actions should be displayed in collapsed/squashed mode.
          * True when viewport width is below the ActionSquashBreakpointPx threshold (1280px).
          */
-        this._actionsSquashed = computed(() => this._dynamicPageService.pixelsSizeChanged() < ActionSquashBreakpointPx, ...(ngDevMode ? [{ debugName: "_actionsSquashed" }] : []));
+        this._actionsSquashed = computed(() => this._dynamicPageService.pixelsSizeChanged() < ActionSquashBreakpointPx, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_actionsSquashed" }] : /* istanbul ignore next */ []));
         /**
          * @hidden
          * Computed numeric heading level extracted from the headingLevel input.
          * Strips non-digit characters and returns integer value.
          */
-        this._headingLevel = computed(() => this.headingLevel() ? Number.parseInt(`${this.headingLevel()}`.replace(/\D/g, ''), 10) : 2, ...(ngDevMode ? [{ debugName: "_headingLevel" }] : []));
+        this._headingLevel = computed(() => this.headingLevel() ? Number.parseInt(`${this.headingLevel()}`.replace(/\D/g, ''), 10) : 2, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_headingLevel" }] : /* istanbul ignore next */ []));
         /** @hidden */
         this._dynamicPageService = inject(DynamicPageService);
         /** @hidden */
@@ -511,15 +531,15 @@ class DynamicPageHeaderComponent {
     stopPropagation(event) {
         event.stopPropagation();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicPageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", 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 } }, providers: [
+    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 } }, 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: "_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<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%}\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: "21.1.0", ngImport: i0, type: DynamicPageHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-dynamic-page-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
                         {
@@ -554,10 +574,10 @@ class DynamicPageConfig {
          */
         this.unpinLabel = 'Unpin Header';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicPageConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicPageConfig }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicPageConfig, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageConfig, decorators: [{
             type: Injectable
         }] });
 
@@ -665,8 +685,8 @@ class DynamicPageSubheaderComponent {
         this._pinned = !this._pinned;
         this._dynamicPageService.pinned.set(this._pinned);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicPageSubheaderComponent, deps: [{ token: DynamicPageService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", 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.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: [
             {
                 provide: FD_LANGUAGE_SIGNAL,
                 useFactory: patchHeaderI18nTexts,
@@ -674,7 +694,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: "21.1.0", ngImport: i0, type: DynamicPageSubheaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageSubheaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-dynamic-page-subheader', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [ButtonComponent, IconComponent], providers: [
                         {
@@ -716,10 +736,10 @@ class DynamicPageWrapperDirective {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicPageWrapperDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: DynamicPageWrapperDirective, isStandalone: true, selector: "[fdDynamicPageWrapper], [fd-dynamic-page-wrapper]", ngImport: i0 }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicPageWrapperDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageWrapperDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdDynamicPageWrapper], [fd-dynamic-page-wrapper]',
@@ -788,15 +808,18 @@ class DynamicPageComponent {
          */
         this.positionRelative = false;
         /** Whether the dynamic page is collapsed */
-        this.collapsed = computed(() => this._dynamicPageService.collapsed(), ...(ngDevMode ? [{ debugName: "collapsed" }] : []));
+        this.collapsed = computed(() => this._dynamicPageService.collapsed(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "collapsed" }] : /* istanbul ignore next */ []));
         /** @hidden */
         this._size = 'extra-large';
         /** @hidden */
         this._headerCollapsible = true;
         /** @hidden */
-        this._isExpanded = computed(() => !this._dynamicPageService.collapsed(), ...(ngDevMode ? [{ debugName: "_isExpanded" }] : []));
+        this._isExpanded = computed(() => !this._dynamicPageService.collapsed(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_isExpanded" }] : /* istanbul ignore next */ []));
         /** @hidden */
-        this._headerButton = viewChild('headerButton', ...(ngDevMode ? [{ debugName: "_headerButton" }] : []));
+        this._headerButton = viewChild('headerButton', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_headerButton" }] : /* istanbul ignore next */ []));
         /** @hidden **/
         this._destroyRef = inject(DestroyRef);
         // React to collapsed state changes
@@ -947,8 +970,8 @@ class DynamicPageComponent {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", 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: "21.1.0", 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.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: [
             DynamicPageService,
             {
                 provide: FD_DYNAMIC_PAGE,
@@ -956,7 +979,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.8\n   * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"], dependencies: [{ kind: "directive", type: ScrollbarDirective, selector: "[fdScrollbar], [fd-scrollbar]", inputs: ["noHorizontalScroll", "noVerticalScroll", "alwaysVisible"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-dynamic-page', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
                         DynamicPageService,
@@ -1032,8 +1055,8 @@ const components = [
  * Use direct imports of components and directives.
  */
 class DynamicPageModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.0", ngImport: i0, type: DynamicPageModule, imports: [DynamicPageComponent,
+    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,
             DynamicPageHeaderComponent,
             DynamicPageGlobalActionsComponent,
             DynamicPageLayoutActionsComponent,
@@ -1056,10 +1079,10 @@ class DynamicPageModule {
             DynamicPageHeaderSubtitleDirective,
             DynamicPageHeaderTitleDirective,
             DynamicPageBreadcrumbComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicPageModule, imports: [DynamicPageSubheaderComponent,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageModule, imports: [DynamicPageSubheaderComponent,
             DynamicPageTitleContentComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicPageModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicPageModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...components],