@fundamental-ngx/core 0.34.2 → 0.34.3-rc.10

package/esm2020/popover/public_api.mjs

@@ -12,4 +12,5 @@ export * from './popover.interface';
 export * from './popover-service/popover.service';
 export * from './base/base-popover.class';
 export * from './popover-child-content.interface';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvY29yZS9zcmMvbGliL3BvcG92ZXIvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyxzRUFBc0UsQ0FBQztBQUNyRixjQUFjLHNFQUFzRSxDQUFDO0FBQ3JGLGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsbUNBQW1DLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3BvcG92ZXIubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vcG9wb3Zlci1ib2R5L3BvcG92ZXItYm9keS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9wb3BvdmVyLWJvZHkvcG9wb3Zlci1ib2R5LWRpcmVjdGl2ZXMvcG9wb3Zlci1ib2R5LWhlYWRlci5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9wb3BvdmVyLWJvZHkvcG9wb3Zlci1ib2R5LWRpcmVjdGl2ZXMvcG9wb3Zlci1ib2R5LWZvb3Rlci5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9wb3BvdmVyLWNvbnRyb2wvcG9wb3Zlci1jb250cm9sLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3BvcG92ZXItY29udHJvbC9wb3BvdmVyLWNvbnRyb2wuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vcG9wb3Zlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9wb3BvdmVyLXRyaWdnZXIuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vcG9wb3Zlci1tb2JpbGUvcG9wb3Zlci1tb2JpbGUubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vcG9wb3Zlci1tb2JpbGUvcG9wb3Zlci1tb2JpbGUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vcG9wb3Zlci5pbnRlcmZhY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9wb3BvdmVyLXNlcnZpY2UvcG9wb3Zlci5zZXJ2aWNlJztcbmV4cG9ydCAqIGZyb20gJy4vYmFzZS9iYXNlLXBvcG92ZXIuY2xhc3MnO1xuZXhwb3J0ICogZnJvbSAnLi9wb3BvdmVyLWNoaWxkLWNvbnRlbnQuaW50ZXJmYWNlJztcbiJdfQ==
+export * from './popover-container/popover-container.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvY29yZS9zcmMvbGliL3BvcG92ZXIvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyxzRUFBc0UsQ0FBQztBQUNyRixjQUFjLHNFQUFzRSxDQUFDO0FBQ3JGLGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyxpREFBaUQsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vcG9wb3Zlci5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9wb3BvdmVyLWJvZHkvcG9wb3Zlci1ib2R5LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3BvcG92ZXItYm9keS9wb3BvdmVyLWJvZHktZGlyZWN0aXZlcy9wb3BvdmVyLWJvZHktaGVhZGVyLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL3BvcG92ZXItYm9keS9wb3BvdmVyLWJvZHktZGlyZWN0aXZlcy9wb3BvdmVyLWJvZHktZm9vdGVyLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL3BvcG92ZXItY29udHJvbC9wb3BvdmVyLWNvbnRyb2wuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vcG9wb3Zlci1jb250cm9sL3BvcG92ZXItY29udHJvbC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9wb3BvdmVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3BvcG92ZXItdHJpZ2dlci5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9wb3BvdmVyLW1vYmlsZS9wb3BvdmVyLW1vYmlsZS5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9wb3BvdmVyLW1vYmlsZS9wb3BvdmVyLW1vYmlsZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9wb3BvdmVyLmludGVyZmFjZSc7XG5leHBvcnQgKiBmcm9tICcuL3BvcG92ZXItc2VydmljZS9wb3BvdmVyLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9iYXNlL2Jhc2UtcG9wb3Zlci5jbGFzcyc7XG5leHBvcnQgKiBmcm9tICcuL3BvcG92ZXItY2hpbGQtY29udGVudC5pbnRlcmZhY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9wb3BvdmVyLWNvbnRhaW5lci9wb3BvdmVyLWNvbnRhaW5lci5kaXJlY3RpdmUnO1xuIl19

package/esm2020/quick-view/quick-view-group-item-label/quick-view-group-item-label.component.mjs

@@ -21,7 +21,7 @@ export class QuickViewGroupItemLabelComponent {
     }
 }
 QuickViewGroupItemLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: QuickViewGroupItemLabelComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-QuickViewGroupItemLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: QuickViewGroupItemLabelComponent, selector: "fd-quick-view-group-item-label", ngImport: i0, template: "<label fd-form-label>\n    <ng-content></ng-content>\n</label>\n", components: [{ type: i1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+QuickViewGroupItemLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: QuickViewGroupItemLabelComponent, selector: "fd-quick-view-group-item-label", ngImport: i0, template: "<label fd-form-label>\n    <ng-content></ng-content>\n</label>\n", components: [{ type: i1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: QuickViewGroupItemLabelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-quick-view-group-item-label', changeDetection: ChangeDetectionStrategy.OnPush, template: "<label fd-form-label>\n    <ng-content></ng-content>\n</label>\n" }]

package/facets/esm2020/facet/facet.component.mjs

@@ -154,7 +154,7 @@ export class FacetComponent {
     }
 }
 FacetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: FacetComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-FacetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: FacetComponent, selector: "fd-facet", inputs: { type: "type", facetTitle: "facetTitle", subtitle: "subtitle", id: "id", alignEnd: "alignEnd" }, host: { properties: { "class.fd-facet": "true", "attr.role": "this.role", "attr.aria-labelledby": "this.ariaLabelledby" } }, ngImport: i0, template: "<ng-container *ngIf=\"type === 'image'\">\n    <ng-container *ngTemplateOutlet=\"customContentTemplate\"></ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"type !== 'image'\">\n    <h1 *ngIf=\"facetTitle\" fd-title headerSize=\"5\" class=\"fd-margin-bottom--sm\" [id]=\"titleId\">{{ facetTitle }}</h1>\n    <ng-container *ngIf=\"type === 'form'\">\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'key-value' || 'custom'\">\n        <ng-container *ngTemplateOutlet=\"customContentTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'rating-indicator'\">\n        <span fd-form-label>{{ subtitle }}</span>\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </ng-container>\n</ng-container>\n\n<ng-template #contentTemplate>\n    <ng-content select=\"fd-facet-content\"></ng-content>\n</ng-template>\n\n<ng-template #customContentTemplate>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".fd-facet{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0}.fd-facet:after,.fd-facet:before{box-sizing:inherit;font-size:inherit}.fd-facet-group{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start}.fd-facet-group:after,.fd-facet-group:before{box-sizing:inherit;font-size:inherit}.fd-facet--image{display:flex;flex-direction:row}.fd-facet--image-header-title{align-self:flex-end}.fd-facet--form{display:flex;flex-direction:column}.fd-facet--key-value .fd-facet__object-status .fd-facet__object-status-text{font-family:var(--sapFontFamily)}.fd-facet--rating-indicator{display:inline-flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.fd-facet--rating-indicator .fd-facet__container{flex-direction:column}.fd-facet--rating-indicator .fd-facet__rating-container{align-self:flex-start}.fd-facet--rating-indicator .fd-facet__rating-dynamic-text{align-self:flex-end}.fd-facet__container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row}.fd-facet__container:after,.fd-facet__container:before{box-sizing:inherit;font-size:inherit}.fd-facet__form-value{line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);box-sizing:border-box;padding:0;margin:0;border:0;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;color:var(--sapGroup_TitleTextColor)}.fd-facet__form-value:after,.fd-facet__form-value:before{box-sizing:inherit;font-size:inherit}.fd-padding{padding:1rem!important}.fd-padding-begin-end--tiny{padding-left:.5rem!important;padding-right:.5rem!important}.fd-padding-begin-end--sm{padding-left:1rem!important;padding-right:1rem!important}.fd-padding-begin-end--md{padding-left:2rem!important;padding-right:2rem!important}.fd-padding-begin-end--lg{padding-left:3rem!important;padding-right:3rem!important}.fd-padding--none{padding:0!important}.fd-padding-responsive--sm{padding:0 1rem!important}.fd-padding-responsive--lg,.fd-padding-responsive--md{padding:0 2rem!important}.fd-padding-responsive--xl{padding:0 3rem!important}/*!\n * Fundamental Library Styles v0.24.0-rc.8\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-margin--tiny{margin:.5rem!important}.fd-margin--sm{margin:1rem!important}.fd-margin--md{margin:2rem!important}.fd-margin--lg{margin:3rem!important}.fd-margin--none{margin:0!important}.fd-margin-top--tiny{margin-top:.5rem!important}.fd-margin-top--sm{margin-top:1rem!important}.fd-margin-top--md{margin-top:2rem!important}.fd-margin-top--lg{margin-top:3rem!important}.fd-margin-top--none{margin-top:0!important}.fd-margin-end--tiny{margin-right:.5rem!important}.fd-margin-end--tiny[dir=rtl],[dir=rtl] .fd-margin-end--tiny{margin-left:.5rem!important;margin-right:0!important}.fd-margin-end--sm{margin-right:1rem!important}.fd-margin-end--sm[dir=rtl],[dir=rtl] .fd-margin-end--sm{margin-left:1rem!important;margin-right:0!important}.fd-margin-end--md{margin-right:2rem!important}.fd-margin-end--md[dir=rtl],[dir=rtl] .fd-margin-end--md{margin-left:2rem!important;margin-right:0!important}.fd-margin-end--lg{margin-right:3rem!important}.fd-margin-end--lg[dir=rtl],[dir=rtl] .fd-margin-end--lg{margin-left:3rem!important;margin-right:0!important}.fd-margin-end--none{margin-right:0}.fd-margin-end--none[dir=rtl],[dir=rtl] .fd-margin-end--none{margin-left:0!important}.fd-margin-bottom--tiny{margin-bottom:.5rem!important}.fd-margin-bottom--sm{margin-bottom:1rem!important}.fd-margin-bottom--md{margin-bottom:2rem!important}.fd-margin-bottom--lg{margin-bottom:3rem!important}.fd-margin-bottom--none{margin-bottom:0!important}.fd-margin-begin--tiny{margin-left:.5rem!important}.fd-margin-begin--tiny[dir=rtl],[dir=rtl] .fd-margin-begin--tiny{margin-right:.5rem!important;margin-left:0!important}.fd-margin-begin--sm{margin-left:1rem!important}.fd-margin-begin--sm[dir=rtl],[dir=rtl] .fd-margin-begin--sm{margin-right:1rem!important;margin-left:0!important}.fd-margin-begin--md{margin-left:2rem!important}.fd-margin-begin--md[dir=rtl],[dir=rtl] .fd-margin-begin--md{margin-right:2rem!important;margin-left:0!important}.fd-margin-begin--lg{margin-left:3rem!important}.fd-margin-begin--lg[dir=rtl],[dir=rtl] .fd-margin-begin--lg{margin-right:3rem!important;margin-left:0!important}.fd-margin-begin--none{margin-left:0}.fd-margin-begin--none[dir=rtl],[dir=rtl] .fd-margin-begin--none{margin-right:0!important}.fd-margin-top-bottom--tiny{margin-top:.5rem!important;margin-bottom:.5rem!important}.fd-margin-top-bottom--sm{margin-top:1rem!important;margin-bottom:1rem!important}.fd-margin-top-bottom--md{margin-top:2rem!important;margin-bottom:2rem!important}.fd-margin-top-bottom--lg{margin-top:3rem!important;margin-bottom:3rem!important}.fd-margin-begin-end--tiny{margin-left:.5rem!important;margin-right:.5rem!important}.fd-margin-begin-end--sm{margin-left:1rem!important;margin-right:1rem!important}.fd-margin-begin-end--md{margin-left:2rem!important;margin-right:2rem!important}.fd-margin-begin-end--lg{margin-left:3rem!important;margin-right:3rem!important}.fd-margin-responsive--sm{margin:0 0 1rem!important}.fd-margin-responsive--md{margin:1rem!important}.fd-margin-responsive--lg{margin:1rem 2rem!important}.fd-margin-responsive--xl{margin:1rem 3rem!important}.fd-margin-negative-begin-end--tiny{margin:0 -.5rem!important}.fd-margin-negative-begin-end--sm{margin:0 -1rem!important}.fd-margin-negative-begin-end--md{margin:0 -2rem!important}.fd-margin-negative-begin-end--lg{margin:0 -3rem!important}\n"], components: [{ type: i1.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { type: i2.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+FacetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: FacetComponent, selector: "fd-facet", inputs: { type: "type", facetTitle: "facetTitle", subtitle: "subtitle", id: "id", alignEnd: "alignEnd" }, host: { properties: { "class.fd-facet": "true", "attr.role": "this.role", "attr.aria-labelledby": "this.ariaLabelledby" } }, ngImport: i0, template: "<ng-container *ngIf=\"type === 'image'\">\n    <ng-container *ngTemplateOutlet=\"customContentTemplate\"></ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"type !== 'image'\">\n    <h1 *ngIf=\"facetTitle\" fd-title headerSize=\"5\" class=\"fd-margin-bottom--sm\" [id]=\"titleId\">{{ facetTitle }}</h1>\n    <ng-container *ngIf=\"type === 'form'\">\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'key-value' || 'custom'\">\n        <ng-container *ngTemplateOutlet=\"customContentTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'rating-indicator'\">\n        <span fd-form-label>{{ subtitle }}</span>\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </ng-container>\n</ng-container>\n\n<ng-template #contentTemplate>\n    <ng-content select=\"fd-facet-content\"></ng-content>\n</ng-template>\n\n<ng-template #customContentTemplate>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".fd-facet{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0}.fd-facet:after,.fd-facet:before{box-sizing:inherit;font-size:inherit}.fd-facet-group{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start}.fd-facet-group:after,.fd-facet-group:before{box-sizing:inherit;font-size:inherit}.fd-facet--image{display:flex;flex-direction:row}.fd-facet--image-header-title{align-self:flex-end}.fd-facet--form{display:flex;flex-direction:column}.fd-facet--key-value .fd-facet__object-status .fd-facet__object-status-text{font-family:var(--sapFontFamily)}.fd-facet--rating-indicator{display:inline-flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.fd-facet--rating-indicator .fd-facet__container{flex-direction:column}.fd-facet--rating-indicator .fd-facet__rating-container{align-self:flex-start}.fd-facet--rating-indicator .fd-facet__rating-dynamic-text{align-self:flex-end}.fd-facet__container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row}.fd-facet__container:after,.fd-facet__container:before{box-sizing:inherit;font-size:inherit}.fd-facet__form-value{line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);box-sizing:border-box;padding:0;margin:0;border:0;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;color:var(--sapGroup_TitleTextColor)}.fd-facet__form-value:after,.fd-facet__form-value:before{box-sizing:inherit;font-size:inherit}.fd-padding{padding:1rem!important}.fd-padding-begin-end--tiny{padding-left:.5rem!important;padding-right:.5rem!important}.fd-padding-begin-end--sm{padding-left:1rem!important;padding-right:1rem!important}.fd-padding-begin-end--md{padding-left:2rem!important;padding-right:2rem!important}.fd-padding-begin-end--lg{padding-left:3rem!important;padding-right:3rem!important}.fd-padding--none{padding:0!important}.fd-padding-responsive--sm{padding:0 1rem!important}.fd-padding-responsive--lg,.fd-padding-responsive--md{padding:0 2rem!important}.fd-padding-responsive--xl{padding:0 3rem!important}/*!\n * Fundamental Library Styles v0.24.0-rc.8\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-margin--tiny{margin:.5rem!important}.fd-margin--sm{margin:1rem!important}.fd-margin--md{margin:2rem!important}.fd-margin--lg{margin:3rem!important}.fd-margin--none{margin:0!important}.fd-margin-top--tiny{margin-top:.5rem!important}.fd-margin-top--sm{margin-top:1rem!important}.fd-margin-top--md{margin-top:2rem!important}.fd-margin-top--lg{margin-top:3rem!important}.fd-margin-top--none{margin-top:0!important}.fd-margin-end--tiny{margin-right:.5rem!important}.fd-margin-end--tiny[dir=rtl],[dir=rtl] .fd-margin-end--tiny{margin-left:.5rem!important;margin-right:0!important}.fd-margin-end--sm{margin-right:1rem!important}.fd-margin-end--sm[dir=rtl],[dir=rtl] .fd-margin-end--sm{margin-left:1rem!important;margin-right:0!important}.fd-margin-end--md{margin-right:2rem!important}.fd-margin-end--md[dir=rtl],[dir=rtl] .fd-margin-end--md{margin-left:2rem!important;margin-right:0!important}.fd-margin-end--lg{margin-right:3rem!important}.fd-margin-end--lg[dir=rtl],[dir=rtl] .fd-margin-end--lg{margin-left:3rem!important;margin-right:0!important}.fd-margin-end--none{margin-right:0}.fd-margin-end--none[dir=rtl],[dir=rtl] .fd-margin-end--none{margin-left:0!important}.fd-margin-bottom--tiny{margin-bottom:.5rem!important}.fd-margin-bottom--sm{margin-bottom:1rem!important}.fd-margin-bottom--md{margin-bottom:2rem!important}.fd-margin-bottom--lg{margin-bottom:3rem!important}.fd-margin-bottom--none{margin-bottom:0!important}.fd-margin-begin--tiny{margin-left:.5rem!important}.fd-margin-begin--tiny[dir=rtl],[dir=rtl] .fd-margin-begin--tiny{margin-right:.5rem!important;margin-left:0!important}.fd-margin-begin--sm{margin-left:1rem!important}.fd-margin-begin--sm[dir=rtl],[dir=rtl] .fd-margin-begin--sm{margin-right:1rem!important;margin-left:0!important}.fd-margin-begin--md{margin-left:2rem!important}.fd-margin-begin--md[dir=rtl],[dir=rtl] .fd-margin-begin--md{margin-right:2rem!important;margin-left:0!important}.fd-margin-begin--lg{margin-left:3rem!important}.fd-margin-begin--lg[dir=rtl],[dir=rtl] .fd-margin-begin--lg{margin-right:3rem!important;margin-left:0!important}.fd-margin-begin--none{margin-left:0}.fd-margin-begin--none[dir=rtl],[dir=rtl] .fd-margin-begin--none{margin-right:0!important}.fd-margin-top-bottom--tiny{margin-top:.5rem!important;margin-bottom:.5rem!important}.fd-margin-top-bottom--sm{margin-top:1rem!important;margin-bottom:1rem!important}.fd-margin-top-bottom--md{margin-top:2rem!important;margin-bottom:2rem!important}.fd-margin-top-bottom--lg{margin-top:3rem!important;margin-bottom:3rem!important}.fd-margin-begin-end--tiny{margin-left:.5rem!important;margin-right:.5rem!important}.fd-margin-begin-end--sm{margin-left:1rem!important;margin-right:1rem!important}.fd-margin-begin-end--md{margin-left:2rem!important;margin-right:2rem!important}.fd-margin-begin-end--lg{margin-left:3rem!important;margin-right:3rem!important}.fd-margin-responsive--sm{margin:0 0 1rem!important}.fd-margin-responsive--md{margin:1rem!important}.fd-margin-responsive--lg{margin:1rem 2rem!important}.fd-margin-responsive--xl{margin:1rem 3rem!important}.fd-margin-negative-begin-end--tiny{margin:0 -.5rem!important}.fd-margin-negative-begin-end--sm{margin:0 -1rem!important}.fd-margin-negative-begin-end--md{margin:0 -2rem!important}.fd-margin-negative-begin-end--lg{margin:0 -3rem!important}\n"], components: [{ type: i1.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { type: i2.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: FacetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-facet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {

package/facets/fesm2015/fundamental-ngx-core-facets.mjs

@@ -217,7 +217,7 @@ class FacetComponent {
     }
 }
 FacetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: FacetComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-FacetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: FacetComponent, selector: "fd-facet", inputs: { type: "type", facetTitle: "facetTitle", subtitle: "subtitle", id: "id", alignEnd: "alignEnd" }, host: { properties: { "class.fd-facet": "true", "attr.role": "this.role", "attr.aria-labelledby": "this.ariaLabelledby" } }, ngImport: i0, template: "<ng-container *ngIf=\"type === 'image'\">\n    <ng-container *ngTemplateOutlet=\"customContentTemplate\"></ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"type !== 'image'\">\n    <h1 *ngIf=\"facetTitle\" fd-title headerSize=\"5\" class=\"fd-margin-bottom--sm\" [id]=\"titleId\">{{ facetTitle }}</h1>\n    <ng-container *ngIf=\"type === 'form'\">\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'key-value' || 'custom'\">\n        <ng-container *ngTemplateOutlet=\"customContentTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'rating-indicator'\">\n        <span fd-form-label>{{ subtitle }}</span>\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </ng-container>\n</ng-container>\n\n<ng-template #contentTemplate>\n    <ng-content select=\"fd-facet-content\"></ng-content>\n</ng-template>\n\n<ng-template #customContentTemplate>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".fd-facet{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0}.fd-facet:after,.fd-facet:before{box-sizing:inherit;font-size:inherit}.fd-facet-group{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start}.fd-facet-group:after,.fd-facet-group:before{box-sizing:inherit;font-size:inherit}.fd-facet--image{display:flex;flex-direction:row}.fd-facet--image-header-title{align-self:flex-end}.fd-facet--form{display:flex;flex-direction:column}.fd-facet--key-value .fd-facet__object-status .fd-facet__object-status-text{font-family:var(--sapFontFamily)}.fd-facet--rating-indicator{display:inline-flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.fd-facet--rating-indicator .fd-facet__container{flex-direction:column}.fd-facet--rating-indicator .fd-facet__rating-container{align-self:flex-start}.fd-facet--rating-indicator .fd-facet__rating-dynamic-text{align-self:flex-end}.fd-facet__container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row}.fd-facet__container:after,.fd-facet__container:before{box-sizing:inherit;font-size:inherit}.fd-facet__form-value{line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);box-sizing:border-box;padding:0;margin:0;border:0;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;color:var(--sapGroup_TitleTextColor)}.fd-facet__form-value:after,.fd-facet__form-value:before{box-sizing:inherit;font-size:inherit}.fd-padding{padding:1rem!important}.fd-padding-begin-end--tiny{padding-left:.5rem!important;padding-right:.5rem!important}.fd-padding-begin-end--sm{padding-left:1rem!important;padding-right:1rem!important}.fd-padding-begin-end--md{padding-left:2rem!important;padding-right:2rem!important}.fd-padding-begin-end--lg{padding-left:3rem!important;padding-right:3rem!important}.fd-padding--none{padding:0!important}.fd-padding-responsive--sm{padding:0 1rem!important}.fd-padding-responsive--lg,.fd-padding-responsive--md{padding:0 2rem!important}.fd-padding-responsive--xl{padding:0 3rem!important}/*!\n * Fundamental Library Styles v0.24.0-rc.8\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-margin--tiny{margin:.5rem!important}.fd-margin--sm{margin:1rem!important}.fd-margin--md{margin:2rem!important}.fd-margin--lg{margin:3rem!important}.fd-margin--none{margin:0!important}.fd-margin-top--tiny{margin-top:.5rem!important}.fd-margin-top--sm{margin-top:1rem!important}.fd-margin-top--md{margin-top:2rem!important}.fd-margin-top--lg{margin-top:3rem!important}.fd-margin-top--none{margin-top:0!important}.fd-margin-end--tiny{margin-right:.5rem!important}.fd-margin-end--tiny[dir=rtl],[dir=rtl] .fd-margin-end--tiny{margin-left:.5rem!important;margin-right:0!important}.fd-margin-end--sm{margin-right:1rem!important}.fd-margin-end--sm[dir=rtl],[dir=rtl] .fd-margin-end--sm{margin-left:1rem!important;margin-right:0!important}.fd-margin-end--md{margin-right:2rem!important}.fd-margin-end--md[dir=rtl],[dir=rtl] .fd-margin-end--md{margin-left:2rem!important;margin-right:0!important}.fd-margin-end--lg{margin-right:3rem!important}.fd-margin-end--lg[dir=rtl],[dir=rtl] .fd-margin-end--lg{margin-left:3rem!important;margin-right:0!important}.fd-margin-end--none{margin-right:0}.fd-margin-end--none[dir=rtl],[dir=rtl] .fd-margin-end--none{margin-left:0!important}.fd-margin-bottom--tiny{margin-bottom:.5rem!important}.fd-margin-bottom--sm{margin-bottom:1rem!important}.fd-margin-bottom--md{margin-bottom:2rem!important}.fd-margin-bottom--lg{margin-bottom:3rem!important}.fd-margin-bottom--none{margin-bottom:0!important}.fd-margin-begin--tiny{margin-left:.5rem!important}.fd-margin-begin--tiny[dir=rtl],[dir=rtl] .fd-margin-begin--tiny{margin-right:.5rem!important;margin-left:0!important}.fd-margin-begin--sm{margin-left:1rem!important}.fd-margin-begin--sm[dir=rtl],[dir=rtl] .fd-margin-begin--sm{margin-right:1rem!important;margin-left:0!important}.fd-margin-begin--md{margin-left:2rem!important}.fd-margin-begin--md[dir=rtl],[dir=rtl] .fd-margin-begin--md{margin-right:2rem!important;margin-left:0!important}.fd-margin-begin--lg{margin-left:3rem!important}.fd-margin-begin--lg[dir=rtl],[dir=rtl] .fd-margin-begin--lg{margin-right:3rem!important;margin-left:0!important}.fd-margin-begin--none{margin-left:0}.fd-margin-begin--none[dir=rtl],[dir=rtl] .fd-margin-begin--none{margin-right:0!important}.fd-margin-top-bottom--tiny{margin-top:.5rem!important;margin-bottom:.5rem!important}.fd-margin-top-bottom--sm{margin-top:1rem!important;margin-bottom:1rem!important}.fd-margin-top-bottom--md{margin-top:2rem!important;margin-bottom:2rem!important}.fd-margin-top-bottom--lg{margin-top:3rem!important;margin-bottom:3rem!important}.fd-margin-begin-end--tiny{margin-left:.5rem!important;margin-right:.5rem!important}.fd-margin-begin-end--sm{margin-left:1rem!important;margin-right:1rem!important}.fd-margin-begin-end--md{margin-left:2rem!important;margin-right:2rem!important}.fd-margin-begin-end--lg{margin-left:3rem!important;margin-right:3rem!important}.fd-margin-responsive--sm{margin:0 0 1rem!important}.fd-margin-responsive--md{margin:1rem!important}.fd-margin-responsive--lg{margin:1rem 2rem!important}.fd-margin-responsive--xl{margin:1rem 3rem!important}.fd-margin-negative-begin-end--tiny{margin:0 -.5rem!important}.fd-margin-negative-begin-end--sm{margin:0 -1rem!important}.fd-margin-negative-begin-end--md{margin:0 -2rem!important}.fd-margin-negative-begin-end--lg{margin:0 -3rem!important}\n"], components: [{ type: i1.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { type: i2.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+FacetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: FacetComponent, selector: "fd-facet", inputs: { type: "type", facetTitle: "facetTitle", subtitle: "subtitle", id: "id", alignEnd: "alignEnd" }, host: { properties: { "class.fd-facet": "true", "attr.role": "this.role", "attr.aria-labelledby": "this.ariaLabelledby" } }, ngImport: i0, template: "<ng-container *ngIf=\"type === 'image'\">\n    <ng-container *ngTemplateOutlet=\"customContentTemplate\"></ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"type !== 'image'\">\n    <h1 *ngIf=\"facetTitle\" fd-title headerSize=\"5\" class=\"fd-margin-bottom--sm\" [id]=\"titleId\">{{ facetTitle }}</h1>\n    <ng-container *ngIf=\"type === 'form'\">\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'key-value' || 'custom'\">\n        <ng-container *ngTemplateOutlet=\"customContentTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'rating-indicator'\">\n        <span fd-form-label>{{ subtitle }}</span>\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </ng-container>\n</ng-container>\n\n<ng-template #contentTemplate>\n    <ng-content select=\"fd-facet-content\"></ng-content>\n</ng-template>\n\n<ng-template #customContentTemplate>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".fd-facet{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0}.fd-facet:after,.fd-facet:before{box-sizing:inherit;font-size:inherit}.fd-facet-group{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start}.fd-facet-group:after,.fd-facet-group:before{box-sizing:inherit;font-size:inherit}.fd-facet--image{display:flex;flex-direction:row}.fd-facet--image-header-title{align-self:flex-end}.fd-facet--form{display:flex;flex-direction:column}.fd-facet--key-value .fd-facet__object-status .fd-facet__object-status-text{font-family:var(--sapFontFamily)}.fd-facet--rating-indicator{display:inline-flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.fd-facet--rating-indicator .fd-facet__container{flex-direction:column}.fd-facet--rating-indicator .fd-facet__rating-container{align-self:flex-start}.fd-facet--rating-indicator .fd-facet__rating-dynamic-text{align-self:flex-end}.fd-facet__container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row}.fd-facet__container:after,.fd-facet__container:before{box-sizing:inherit;font-size:inherit}.fd-facet__form-value{line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);box-sizing:border-box;padding:0;margin:0;border:0;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;color:var(--sapGroup_TitleTextColor)}.fd-facet__form-value:after,.fd-facet__form-value:before{box-sizing:inherit;font-size:inherit}.fd-padding{padding:1rem!important}.fd-padding-begin-end--tiny{padding-left:.5rem!important;padding-right:.5rem!important}.fd-padding-begin-end--sm{padding-left:1rem!important;padding-right:1rem!important}.fd-padding-begin-end--md{padding-left:2rem!important;padding-right:2rem!important}.fd-padding-begin-end--lg{padding-left:3rem!important;padding-right:3rem!important}.fd-padding--none{padding:0!important}.fd-padding-responsive--sm{padding:0 1rem!important}.fd-padding-responsive--lg,.fd-padding-responsive--md{padding:0 2rem!important}.fd-padding-responsive--xl{padding:0 3rem!important}/*!\n * Fundamental Library Styles v0.24.0-rc.8\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-margin--tiny{margin:.5rem!important}.fd-margin--sm{margin:1rem!important}.fd-margin--md{margin:2rem!important}.fd-margin--lg{margin:3rem!important}.fd-margin--none{margin:0!important}.fd-margin-top--tiny{margin-top:.5rem!important}.fd-margin-top--sm{margin-top:1rem!important}.fd-margin-top--md{margin-top:2rem!important}.fd-margin-top--lg{margin-top:3rem!important}.fd-margin-top--none{margin-top:0!important}.fd-margin-end--tiny{margin-right:.5rem!important}.fd-margin-end--tiny[dir=rtl],[dir=rtl] .fd-margin-end--tiny{margin-left:.5rem!important;margin-right:0!important}.fd-margin-end--sm{margin-right:1rem!important}.fd-margin-end--sm[dir=rtl],[dir=rtl] .fd-margin-end--sm{margin-left:1rem!important;margin-right:0!important}.fd-margin-end--md{margin-right:2rem!important}.fd-margin-end--md[dir=rtl],[dir=rtl] .fd-margin-end--md{margin-left:2rem!important;margin-right:0!important}.fd-margin-end--lg{margin-right:3rem!important}.fd-margin-end--lg[dir=rtl],[dir=rtl] .fd-margin-end--lg{margin-left:3rem!important;margin-right:0!important}.fd-margin-end--none{margin-right:0}.fd-margin-end--none[dir=rtl],[dir=rtl] .fd-margin-end--none{margin-left:0!important}.fd-margin-bottom--tiny{margin-bottom:.5rem!important}.fd-margin-bottom--sm{margin-bottom:1rem!important}.fd-margin-bottom--md{margin-bottom:2rem!important}.fd-margin-bottom--lg{margin-bottom:3rem!important}.fd-margin-bottom--none{margin-bottom:0!important}.fd-margin-begin--tiny{margin-left:.5rem!important}.fd-margin-begin--tiny[dir=rtl],[dir=rtl] .fd-margin-begin--tiny{margin-right:.5rem!important;margin-left:0!important}.fd-margin-begin--sm{margin-left:1rem!important}.fd-margin-begin--sm[dir=rtl],[dir=rtl] .fd-margin-begin--sm{margin-right:1rem!important;margin-left:0!important}.fd-margin-begin--md{margin-left:2rem!important}.fd-margin-begin--md[dir=rtl],[dir=rtl] .fd-margin-begin--md{margin-right:2rem!important;margin-left:0!important}.fd-margin-begin--lg{margin-left:3rem!important}.fd-margin-begin--lg[dir=rtl],[dir=rtl] .fd-margin-begin--lg{margin-right:3rem!important;margin-left:0!important}.fd-margin-begin--none{margin-left:0}.fd-margin-begin--none[dir=rtl],[dir=rtl] .fd-margin-begin--none{margin-right:0!important}.fd-margin-top-bottom--tiny{margin-top:.5rem!important;margin-bottom:.5rem!important}.fd-margin-top-bottom--sm{margin-top:1rem!important;margin-bottom:1rem!important}.fd-margin-top-bottom--md{margin-top:2rem!important;margin-bottom:2rem!important}.fd-margin-top-bottom--lg{margin-top:3rem!important;margin-bottom:3rem!important}.fd-margin-begin-end--tiny{margin-left:.5rem!important;margin-right:.5rem!important}.fd-margin-begin-end--sm{margin-left:1rem!important;margin-right:1rem!important}.fd-margin-begin-end--md{margin-left:2rem!important;margin-right:2rem!important}.fd-margin-begin-end--lg{margin-left:3rem!important;margin-right:3rem!important}.fd-margin-responsive--sm{margin:0 0 1rem!important}.fd-margin-responsive--md{margin:1rem!important}.fd-margin-responsive--lg{margin:1rem 2rem!important}.fd-margin-responsive--xl{margin:1rem 3rem!important}.fd-margin-negative-begin-end--tiny{margin:0 -.5rem!important}.fd-margin-negative-begin-end--sm{margin:0 -1rem!important}.fd-margin-negative-begin-end--md{margin:0 -2rem!important}.fd-margin-negative-begin-end--lg{margin:0 -3rem!important}\n"], components: [{ type: i1.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { type: i2.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: FacetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-facet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {

package/facets/fesm2020/fundamental-ngx-core-facets.mjs

@@ -217,7 +217,7 @@ class FacetComponent {
     }
 }
 FacetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: FacetComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-FacetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: FacetComponent, selector: "fd-facet", inputs: { type: "type", facetTitle: "facetTitle", subtitle: "subtitle", id: "id", alignEnd: "alignEnd" }, host: { properties: { "class.fd-facet": "true", "attr.role": "this.role", "attr.aria-labelledby": "this.ariaLabelledby" } }, ngImport: i0, template: "<ng-container *ngIf=\"type === 'image'\">\n    <ng-container *ngTemplateOutlet=\"customContentTemplate\"></ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"type !== 'image'\">\n    <h1 *ngIf=\"facetTitle\" fd-title headerSize=\"5\" class=\"fd-margin-bottom--sm\" [id]=\"titleId\">{{ facetTitle }}</h1>\n    <ng-container *ngIf=\"type === 'form'\">\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'key-value' || 'custom'\">\n        <ng-container *ngTemplateOutlet=\"customContentTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'rating-indicator'\">\n        <span fd-form-label>{{ subtitle }}</span>\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </ng-container>\n</ng-container>\n\n<ng-template #contentTemplate>\n    <ng-content select=\"fd-facet-content\"></ng-content>\n</ng-template>\n\n<ng-template #customContentTemplate>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".fd-facet{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0}.fd-facet:after,.fd-facet:before{box-sizing:inherit;font-size:inherit}.fd-facet-group{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start}.fd-facet-group:after,.fd-facet-group:before{box-sizing:inherit;font-size:inherit}.fd-facet--image{display:flex;flex-direction:row}.fd-facet--image-header-title{align-self:flex-end}.fd-facet--form{display:flex;flex-direction:column}.fd-facet--key-value .fd-facet__object-status .fd-facet__object-status-text{font-family:var(--sapFontFamily)}.fd-facet--rating-indicator{display:inline-flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.fd-facet--rating-indicator .fd-facet__container{flex-direction:column}.fd-facet--rating-indicator .fd-facet__rating-container{align-self:flex-start}.fd-facet--rating-indicator .fd-facet__rating-dynamic-text{align-self:flex-end}.fd-facet__container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row}.fd-facet__container:after,.fd-facet__container:before{box-sizing:inherit;font-size:inherit}.fd-facet__form-value{line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);box-sizing:border-box;padding:0;margin:0;border:0;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;color:var(--sapGroup_TitleTextColor)}.fd-facet__form-value:after,.fd-facet__form-value:before{box-sizing:inherit;font-size:inherit}.fd-padding{padding:1rem!important}.fd-padding-begin-end--tiny{padding-left:.5rem!important;padding-right:.5rem!important}.fd-padding-begin-end--sm{padding-left:1rem!important;padding-right:1rem!important}.fd-padding-begin-end--md{padding-left:2rem!important;padding-right:2rem!important}.fd-padding-begin-end--lg{padding-left:3rem!important;padding-right:3rem!important}.fd-padding--none{padding:0!important}.fd-padding-responsive--sm{padding:0 1rem!important}.fd-padding-responsive--lg,.fd-padding-responsive--md{padding:0 2rem!important}.fd-padding-responsive--xl{padding:0 3rem!important}/*!\n * Fundamental Library Styles v0.24.0-rc.8\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-margin--tiny{margin:.5rem!important}.fd-margin--sm{margin:1rem!important}.fd-margin--md{margin:2rem!important}.fd-margin--lg{margin:3rem!important}.fd-margin--none{margin:0!important}.fd-margin-top--tiny{margin-top:.5rem!important}.fd-margin-top--sm{margin-top:1rem!important}.fd-margin-top--md{margin-top:2rem!important}.fd-margin-top--lg{margin-top:3rem!important}.fd-margin-top--none{margin-top:0!important}.fd-margin-end--tiny{margin-right:.5rem!important}.fd-margin-end--tiny[dir=rtl],[dir=rtl] .fd-margin-end--tiny{margin-left:.5rem!important;margin-right:0!important}.fd-margin-end--sm{margin-right:1rem!important}.fd-margin-end--sm[dir=rtl],[dir=rtl] .fd-margin-end--sm{margin-left:1rem!important;margin-right:0!important}.fd-margin-end--md{margin-right:2rem!important}.fd-margin-end--md[dir=rtl],[dir=rtl] .fd-margin-end--md{margin-left:2rem!important;margin-right:0!important}.fd-margin-end--lg{margin-right:3rem!important}.fd-margin-end--lg[dir=rtl],[dir=rtl] .fd-margin-end--lg{margin-left:3rem!important;margin-right:0!important}.fd-margin-end--none{margin-right:0}.fd-margin-end--none[dir=rtl],[dir=rtl] .fd-margin-end--none{margin-left:0!important}.fd-margin-bottom--tiny{margin-bottom:.5rem!important}.fd-margin-bottom--sm{margin-bottom:1rem!important}.fd-margin-bottom--md{margin-bottom:2rem!important}.fd-margin-bottom--lg{margin-bottom:3rem!important}.fd-margin-bottom--none{margin-bottom:0!important}.fd-margin-begin--tiny{margin-left:.5rem!important}.fd-margin-begin--tiny[dir=rtl],[dir=rtl] .fd-margin-begin--tiny{margin-right:.5rem!important;margin-left:0!important}.fd-margin-begin--sm{margin-left:1rem!important}.fd-margin-begin--sm[dir=rtl],[dir=rtl] .fd-margin-begin--sm{margin-right:1rem!important;margin-left:0!important}.fd-margin-begin--md{margin-left:2rem!important}.fd-margin-begin--md[dir=rtl],[dir=rtl] .fd-margin-begin--md{margin-right:2rem!important;margin-left:0!important}.fd-margin-begin--lg{margin-left:3rem!important}.fd-margin-begin--lg[dir=rtl],[dir=rtl] .fd-margin-begin--lg{margin-right:3rem!important;margin-left:0!important}.fd-margin-begin--none{margin-left:0}.fd-margin-begin--none[dir=rtl],[dir=rtl] .fd-margin-begin--none{margin-right:0!important}.fd-margin-top-bottom--tiny{margin-top:.5rem!important;margin-bottom:.5rem!important}.fd-margin-top-bottom--sm{margin-top:1rem!important;margin-bottom:1rem!important}.fd-margin-top-bottom--md{margin-top:2rem!important;margin-bottom:2rem!important}.fd-margin-top-bottom--lg{margin-top:3rem!important;margin-bottom:3rem!important}.fd-margin-begin-end--tiny{margin-left:.5rem!important;margin-right:.5rem!important}.fd-margin-begin-end--sm{margin-left:1rem!important;margin-right:1rem!important}.fd-margin-begin-end--md{margin-left:2rem!important;margin-right:2rem!important}.fd-margin-begin-end--lg{margin-left:3rem!important;margin-right:3rem!important}.fd-margin-responsive--sm{margin:0 0 1rem!important}.fd-margin-responsive--md{margin:1rem!important}.fd-margin-responsive--lg{margin:1rem 2rem!important}.fd-margin-responsive--xl{margin:1rem 3rem!important}.fd-margin-negative-begin-end--tiny{margin:0 -.5rem!important}.fd-margin-negative-begin-end--sm{margin:0 -1rem!important}.fd-margin-negative-begin-end--md{margin:0 -2rem!important}.fd-margin-negative-begin-end--lg{margin:0 -3rem!important}\n"], components: [{ type: i1.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { type: i2.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+FacetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: FacetComponent, selector: "fd-facet", inputs: { type: "type", facetTitle: "facetTitle", subtitle: "subtitle", id: "id", alignEnd: "alignEnd" }, host: { properties: { "class.fd-facet": "true", "attr.role": "this.role", "attr.aria-labelledby": "this.ariaLabelledby" } }, ngImport: i0, template: "<ng-container *ngIf=\"type === 'image'\">\n    <ng-container *ngTemplateOutlet=\"customContentTemplate\"></ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"type !== 'image'\">\n    <h1 *ngIf=\"facetTitle\" fd-title headerSize=\"5\" class=\"fd-margin-bottom--sm\" [id]=\"titleId\">{{ facetTitle }}</h1>\n    <ng-container *ngIf=\"type === 'form'\">\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'key-value' || 'custom'\">\n        <ng-container *ngTemplateOutlet=\"customContentTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'rating-indicator'\">\n        <span fd-form-label>{{ subtitle }}</span>\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </ng-container>\n</ng-container>\n\n<ng-template #contentTemplate>\n    <ng-content select=\"fd-facet-content\"></ng-content>\n</ng-template>\n\n<ng-template #customContentTemplate>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".fd-facet{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0}.fd-facet:after,.fd-facet:before{box-sizing:inherit;font-size:inherit}.fd-facet-group{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start}.fd-facet-group:after,.fd-facet-group:before{box-sizing:inherit;font-size:inherit}.fd-facet--image{display:flex;flex-direction:row}.fd-facet--image-header-title{align-self:flex-end}.fd-facet--form{display:flex;flex-direction:column}.fd-facet--key-value .fd-facet__object-status .fd-facet__object-status-text{font-family:var(--sapFontFamily)}.fd-facet--rating-indicator{display:inline-flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.fd-facet--rating-indicator .fd-facet__container{flex-direction:column}.fd-facet--rating-indicator .fd-facet__rating-container{align-self:flex-start}.fd-facet--rating-indicator .fd-facet__rating-dynamic-text{align-self:flex-end}.fd-facet__container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row}.fd-facet__container:after,.fd-facet__container:before{box-sizing:inherit;font-size:inherit}.fd-facet__form-value{line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);box-sizing:border-box;padding:0;margin:0;border:0;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;color:var(--sapGroup_TitleTextColor)}.fd-facet__form-value:after,.fd-facet__form-value:before{box-sizing:inherit;font-size:inherit}.fd-padding{padding:1rem!important}.fd-padding-begin-end--tiny{padding-left:.5rem!important;padding-right:.5rem!important}.fd-padding-begin-end--sm{padding-left:1rem!important;padding-right:1rem!important}.fd-padding-begin-end--md{padding-left:2rem!important;padding-right:2rem!important}.fd-padding-begin-end--lg{padding-left:3rem!important;padding-right:3rem!important}.fd-padding--none{padding:0!important}.fd-padding-responsive--sm{padding:0 1rem!important}.fd-padding-responsive--lg,.fd-padding-responsive--md{padding:0 2rem!important}.fd-padding-responsive--xl{padding:0 3rem!important}/*!\n * Fundamental Library Styles v0.24.0-rc.8\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-margin--tiny{margin:.5rem!important}.fd-margin--sm{margin:1rem!important}.fd-margin--md{margin:2rem!important}.fd-margin--lg{margin:3rem!important}.fd-margin--none{margin:0!important}.fd-margin-top--tiny{margin-top:.5rem!important}.fd-margin-top--sm{margin-top:1rem!important}.fd-margin-top--md{margin-top:2rem!important}.fd-margin-top--lg{margin-top:3rem!important}.fd-margin-top--none{margin-top:0!important}.fd-margin-end--tiny{margin-right:.5rem!important}.fd-margin-end--tiny[dir=rtl],[dir=rtl] .fd-margin-end--tiny{margin-left:.5rem!important;margin-right:0!important}.fd-margin-end--sm{margin-right:1rem!important}.fd-margin-end--sm[dir=rtl],[dir=rtl] .fd-margin-end--sm{margin-left:1rem!important;margin-right:0!important}.fd-margin-end--md{margin-right:2rem!important}.fd-margin-end--md[dir=rtl],[dir=rtl] .fd-margin-end--md{margin-left:2rem!important;margin-right:0!important}.fd-margin-end--lg{margin-right:3rem!important}.fd-margin-end--lg[dir=rtl],[dir=rtl] .fd-margin-end--lg{margin-left:3rem!important;margin-right:0!important}.fd-margin-end--none{margin-right:0}.fd-margin-end--none[dir=rtl],[dir=rtl] .fd-margin-end--none{margin-left:0!important}.fd-margin-bottom--tiny{margin-bottom:.5rem!important}.fd-margin-bottom--sm{margin-bottom:1rem!important}.fd-margin-bottom--md{margin-bottom:2rem!important}.fd-margin-bottom--lg{margin-bottom:3rem!important}.fd-margin-bottom--none{margin-bottom:0!important}.fd-margin-begin--tiny{margin-left:.5rem!important}.fd-margin-begin--tiny[dir=rtl],[dir=rtl] .fd-margin-begin--tiny{margin-right:.5rem!important;margin-left:0!important}.fd-margin-begin--sm{margin-left:1rem!important}.fd-margin-begin--sm[dir=rtl],[dir=rtl] .fd-margin-begin--sm{margin-right:1rem!important;margin-left:0!important}.fd-margin-begin--md{margin-left:2rem!important}.fd-margin-begin--md[dir=rtl],[dir=rtl] .fd-margin-begin--md{margin-right:2rem!important;margin-left:0!important}.fd-margin-begin--lg{margin-left:3rem!important}.fd-margin-begin--lg[dir=rtl],[dir=rtl] .fd-margin-begin--lg{margin-right:3rem!important;margin-left:0!important}.fd-margin-begin--none{margin-left:0}.fd-margin-begin--none[dir=rtl],[dir=rtl] .fd-margin-begin--none{margin-right:0!important}.fd-margin-top-bottom--tiny{margin-top:.5rem!important;margin-bottom:.5rem!important}.fd-margin-top-bottom--sm{margin-top:1rem!important;margin-bottom:1rem!important}.fd-margin-top-bottom--md{margin-top:2rem!important;margin-bottom:2rem!important}.fd-margin-top-bottom--lg{margin-top:3rem!important;margin-bottom:3rem!important}.fd-margin-begin-end--tiny{margin-left:.5rem!important;margin-right:.5rem!important}.fd-margin-begin-end--sm{margin-left:1rem!important;margin-right:1rem!important}.fd-margin-begin-end--md{margin-left:2rem!important;margin-right:2rem!important}.fd-margin-begin-end--lg{margin-left:3rem!important;margin-right:3rem!important}.fd-margin-responsive--sm{margin:0 0 1rem!important}.fd-margin-responsive--md{margin:1rem!important}.fd-margin-responsive--lg{margin:1rem 2rem!important}.fd-margin-responsive--xl{margin:1rem 3rem!important}.fd-margin-negative-begin-end--tiny{margin:0 -.5rem!important}.fd-margin-negative-begin-end--sm{margin:0 -1rem!important}.fd-margin-negative-begin-end--md{margin:0 -2rem!important}.fd-margin-negative-begin-end--lg{margin:0 -3rem!important}\n"], components: [{ type: i1.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { type: i2.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: FacetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-facet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {

package/facets/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/facets",
-  "version": "0.34.2",
+  "version": "0.34.3-rc.10",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/feed-input/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/feed-input",
-  "version": "0.34.2",
+  "version": "0.34.3-rc.10",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/feed-list-item/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/feed-list-item",
-  "version": "0.34.2",
+  "version": "0.34.3-rc.10",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

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

@@ -1,13 +1,13 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Injectable, EventEmitter, HostBinding, Output, ViewChild, Directive, ContentChild, Optional, NgModule } from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, Inject, Optional, Input, Injectable, EventEmitter, HostBinding, Output, ViewChild, Directive, ContentChild, InjectionToken, NgModule } from '@angular/core';
 import * as i3$1 from '@fundamental-ngx/core/utils';
 import { resizeObservable, IgnoreClickOnSelectionModule } from '@fundamental-ngx/core/utils';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
 import { distinctUntilChanged, takeUntil, delay, debounceTime, map } from 'rxjs/operators';
 import { BehaviorSubject, Subject, fromEvent } from 'rxjs';
 import * as i3 from '@fundamental-ngx/core/button';
 import { ButtonModule } from '@fundamental-ngx/core/button';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
 import { BreadcrumbComponent } from '@fundamental-ngx/core/breadcrumb';
 import * as i1 from '@fundamental-ngx/core/toolbar';
 import { ToolbarComponent, ToolbarModule } from '@fundamental-ngx/core/toolbar';
@@ -62,9 +62,10 @@ function dynamicPageWidthToSize(width) {
 
 class DynamicPageContentComponent {
     /** @hidden */
-    constructor(_elementRef, _renderer) {
-        this._elementRef = _elementRef;
+    constructor(_renderer, _dynamicPageComponent, _elementRef) {
         this._renderer = _renderer;
+        this._dynamicPageComponent = _dynamicPageComponent;
+        this._elementRef = _elementRef;
     }
     /** @hidden */
     ngOnInit() {
@@ -79,12 +80,19 @@ class DynamicPageContentComponent {
         addClassNameToElement(this._renderer, this._elementRef.nativeElement, className);
     }
 }
-DynamicPageContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DynamicPageContentComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-DynamicPageContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: { tabLabel: "tabLabel", id: "id" }, ngImport: i0, template: "<ng-content></ng-content>\n<div class=\"footer-spacer\"></div>\n", styles: [".fd-dynamic-page__content{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+DynamicPageContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DynamicPageContentComponent, deps: [{ token: i0.Renderer2 }, { token: FD_DYNAMIC_PAGE_COMPONENT, optional: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+DynamicPageContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: { tabLabel: "tabLabel", id: "id" }, ngImport: i0, template: "<ng-content></ng-content>\n\n<div *ngIf=\"_dynamicPageComponent?._footerComponent\" class=\"footer-spacer\"></div>\n", styles: [".fd-dynamic-page__content{display:block}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DynamicPageContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fd-dynamic-page-content', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n<div class=\"footer-spacer\"></div>\n", styles: [".fd-dynamic-page__content{display:block}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { tabLabel: [{
+            args: [{ selector: 'fd-dynamic-page-content', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n\n<div *ngIf=\"_dynamicPageComponent?._footerComponent\" class=\"footer-spacer\"></div>\n", styles: [".fd-dynamic-page__content{display:block}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i0.Renderer2 }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [FD_DYNAMIC_PAGE_COMPONENT]
+                    }, {
+                        type: Optional
+                    }] }, { type: i0.ElementRef }];
+    }, propDecorators: { tabLabel: [{
                 type: Input
             }], id: [{
                 type: Input
@@ -510,6 +518,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                 args: [DynamicPageTitleContentComponent]
             }] } });
 
+class DynamicPageFooterComponent {
+}
+DynamicPageFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DynamicPageFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DynamicPageFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DynamicPageFooterComponent, 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: "13.2.4", ngImport: i0, type: DynamicPageFooterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'fd-dynamic-page-footer',
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }] });
+
 class DynamicPageWrapperDirective {
     constructor(elementRef) {
         this.elementRef = elementRef;
@@ -524,6 +546,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
 
+const FD_DYNAMIC_PAGE_COMPONENT = new InjectionToken('FD_DYNAMIC_PAGE_COMPONENT');
 class DynamicPageComponent {
     /** @hidden */
     constructor(_cd, _elementRef, _renderer, _dynamicPageService, _columnLayout, _dynamicPageWrapper) {
@@ -723,10 +746,22 @@ class DynamicPageComponent {
     }
 }
 DynamicPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DynamicPageComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DynamicPageService }, { token: i2$1.FlexibleColumnLayoutComponent, optional: true }, { token: DynamicPageWrapperDirective, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-DynamicPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DynamicPageComponent, selector: "fd-dynamic-page", inputs: { role: "role", ariaLabel: "ariaLabel", background: "background", autoResponsive: "autoResponsive", size: "size", offset: "offset", expandContent: "expandContent" }, host: { properties: { "attr.role": "this.role" } }, providers: [DynamicPageService], queries: [{ propertyName: "_pageSubheaderComponent", first: true, predicate: DynamicPageSubheaderComponent, descendants: true }, { propertyName: "_headerComponent", first: true, predicate: DynamicPageHeaderComponent, descendants: true }, { propertyName: "_contentComponent", first: true, predicate: DynamicPageContentComponent, descendants: true }, { propertyName: "_tabComponent", first: true, predicate: TabListComponent, descendants: true }], viewQueries: [{ propertyName: "_dynamicPageElement", first: true, predicate: ["dynamicPageElement"], descendants: true }], ngImport: i0, template: "<section\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>\n    <header class=\"fd-dynamic-page__header\" [class.fd-dynamic-page__header--not-collapsible]=\"!_headerCollapsible\">\n        <div>\n            <div (click)=\"toggleCollapse()\" (keydown.enter)=\"toggleCollapse()\">\n                <ng-content select=\"fd-dynamic-page-header\"></ng-content>\n            </div>\n            <ng-content select=\"fd-dynamic-page-subheader\"></ng-content>\n        </div>\n    </header>\n\n    <ng-content select=\"fd-tab-list\"></ng-content>\n    <ng-content select=\"fd-dynamic-page-content\"></ng-content>\n    <footer>\n        <ng-content select=\"fd-dynamic-page-footer\"></ng-content>\n    </footer>\n</section>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.0-rc.8\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-dynamic-page{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:column}.fd-dynamic-page:after,.fd-dynamic-page:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__header-fixed{position:fixed;left:0;right:0;top:0;z-index:3}.fd-dynamic-page__header{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:column;justify-content:space-between}.fd-dynamic-page__header:after,.fd-dynamic-page__header:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-area{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:column;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{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-area.is-focus,.fd-dynamic-page__title-area:focus{outline-offset:.0625rem;outline-width:var(--sapContent_FocusWidth);outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle);z-index:1}.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{padding-bottom:1rem}.fd-dynamic-page__title-area[aria-hidden=true]{display:none}.fd-dynamic-page__main-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;justify-content:space-between}.fd-dynamic-page__main-container:after,.fd-dynamic-page__main-container:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;align-items:center}.fd-dynamic-page__title-container:after,.fd-dynamic-page__title-container:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__breadcrumb{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;padding:.5rem 0 .25rem}.fd-dynamic-page__breadcrumb:after,.fd-dynamic-page__breadcrumb:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__breadcrumb-title-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;flex:1;min-width:0}.fd-dynamic-page__breadcrumb-title-container:after,.fd-dynamic-page__breadcrumb-title-container:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__breadcrumb-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;justify-content:space-between}.fd-dynamic-page__breadcrumb-container:after,.fd-dynamic-page__breadcrumb-container:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader3Size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-dynamic-page__title:after,.fd-dynamic-page__title:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title .fd-link{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0;color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader3Size);max-width:100%;vertical-align:bottom}.fd-dynamic-page__subtitle{line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);margin-top:.25rem}.fd-dynamic-page__subtitle:after,.fd-dynamic-page__subtitle:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-content{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 0 0 1rem;vertical-align:baseline}.fd-dynamic-page__title-content:after,.fd-dynamic-page__title-content:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-content[dir=rtl],[dir=rtl] .fd-dynamic-page__title-content{padding:0 1rem 0 0}.fd-dynamic-page__title-subtitle-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:column;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-dynamic-page__title-subtitle-container:after,.fd-dynamic-page__title-subtitle-container:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__toolbar-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;border:0;display:flex;align-items:center;margin:0 0 0 auto}.fd-dynamic-page__toolbar-container:after,.fd-dynamic-page__toolbar-container:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__toolbar-container[dir=rtl],[dir=rtl] .fd-dynamic-page__toolbar-container{margin-right:auto;margin-left:0}.fd-dynamic-page .fd-dynamic-page__toolbar{padding:0;margin:0;padding-left:1rem}.fd-dynamic-page .fd-dynamic-page__toolbar[dir=rtl],[dir=rtl] .fd-dynamic-page .fd-dynamic-page__toolbar{padding-left:0;padding-right:1rem}.fd-dynamic-page .fd-dynamic-page__toolbar--actions,.fd-dynamic-page .fd-dynamic-page__toolbar--content,.fd-dynamic-page .fd-dynamic-page__toolbar--actions[dir=rtl],.fd-dynamic-page .fd-dynamic-page__toolbar--content[dir=rtl],[dir=rtl] .fd-dynamic-page .fd-dynamic-page__toolbar--actions,[dir=rtl] .fd-dynamic-page .fd-dynamic-page__toolbar--content{padding:0}.fd-dynamic-page__summarized-title-area{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;justify-content:space-between;word-wrap:break-word;background:var(--sapObjectHeader_Background);box-shadow:var(--sapContent_HeaderShadow);height:2rem;z-index:1}.fd-dynamic-page__summarized-title-area:after,.fd-dynamic-page__summarized-title-area:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__summarized-title-area.is-focus,.fd-dynamic-page__summarized-title-area:focus{outline-offset:.0625rem;outline-width:var(--sapContent_FocusWidth);outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle)}.fd-dynamic-page__summarized-title-area--no-shadow{box-shadow:none}.fd-dynamic-page__summarized-title-area[aria-hidden=true]{display:none}.fd-dynamic-page__summarized-title{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader5Size);padding:0;line-height:2rem}.fd-dynamic-page__summarized-title:after,.fd-dynamic-page__summarized-title:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0}.fd-dynamic-page__collapsible-header-container:after,.fd-dynamic-page__collapsible-header-container:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;background-color:var(--sapObjectHeader_Background);padding:1rem 0}.fd-dynamic-page__collapsible-header:after,.fd-dynamic-page__collapsible-header:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header[aria-hidden=true]{display:none}.fd-dynamic-page .fd-dynamic-page__tabs{padding:0;margin:0}.fd-dynamic-page .fd-dynamic-page__tabs--overflow{overflow:hidden}.fd-dynamic-page .fd-dynamic-page__tabs--add-shadow{box-shadow:var(--sapContent_HeaderShadow)}.fd-dynamic-page__collapsible-header-visibility-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:center;align-items:center;box-shadow:var(--sapContent_HeaderShadow);background-color:var(--sapObjectHeader_Background);z-index:2;min-height:.0625rem}.fd-dynamic-page__collapsible-header-visibility-container:after,.fd-dynamic-page__collapsible-header-visibility-container:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header-visibility-container--left-gradient{background-image:var(--fdDynamicPage_Button_Left_Gradient);width:4rem;height:.0625rem}.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);width:4rem;height:.0625rem}.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{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:center;align-items:center;background:var(--fdDynamicPage_Button_Group_Background);width:4.25rem;height:.0625rem;z-index:1}.fd-dynamic-page__collapsible-header-visibility-container--button-group:after,.fd-dynamic-page__collapsible-header-visibility-container--button-group:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__collapse-button.fd-button,.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__expand-button.fd-button,.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__pin-button.fd-button{display:flex;align-items:center;justify-content:center;margin:0 .25rem;padding:0;width:1.5rem;height:1.5rem;min-width:1.5rem}.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__collapse-button.fd-button:before,.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__expand-button.fd-button:before,.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__pin-button.fd-button:before{height:2rem;width:100%;top:-.25rem;bottom:-.25rem}.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__collapse-button.fd-button[dir=rtl]>[class*=sap-icon]:last-child,.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__expand-button.fd-button[dir=rtl]>[class*=sap-icon]:last-child,.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__pin-button.fd-button[dir=rtl]>[class*=sap-icon]:last-child,[dir=rtl] .fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__collapse-button.fd-button>[class*=sap-icon]:last-child,[dir=rtl] .fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__expand-button.fd-button>[class*=sap-icon]:last-child,[dir=rtl] .fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__pin-button.fd-button>[class*=sap-icon]:last-child{margin-right:0;margin-left:0}.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__collapse-button.fd-button[aria-hidden=true],.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__expand-button.fd-button[aria-hidden=true],.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__pin-button.fd-button[aria-hidden=true],.fd-dynamic-page__collapsible-header-visibility-container[aria-hidden=true]{display:none}.fd-dynamic-page__collapsible-header-visibility-container--no-shadow{box-shadow:none}.fd-dynamic-page__content{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;background-color:var(--sapBackgroundColor);overflow-y:auto}.fd-dynamic-page__content:after,.fd-dynamic-page__content:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__footer{position:fixed;left:0;right:0;bottom:0;margin:0 .5rem .5rem}.fd-dynamic-page--sm .fd-dynamic-page__title-area{padding:.5rem}.fd-dynamic-page--sm .fd-dynamic-page__title-area--collapsed{padding-bottom:1rem}.fd-dynamic-page--sm .fd-dynamic-page__collapsible-header,.fd-dynamic-page--sm .fd-dynamic-page__content{padding:1rem .5rem}.fd-dynamic-page--sm .fd-dynamic-page__tabs{padding:0 .5rem}.fd-dynamic-page--sm .fd-dynamic-page__summarized-title-area{padding:1rem}.fd-dynamic-page--sm .fd-dynamic-page__breadcrumb{padding:0}.fd-dynamic-page--sm .fd-dynamic-page__toolbar{padding-left:1rem;margin-left:auto}.fd-dynamic-page--sm .fd-dynamic-page__toolbar[dir=rtl],[dir=rtl] .fd-dynamic-page--sm .fd-dynamic-page__toolbar{margin-left:0;margin-right:auto;padding-left:0;padding-right:1rem}.fd-dynamic-page--sm .fd-dynamic-page__toolbar--content{margin-left:0}.fd-dynamic-page--sm .fd-dynamic-page__toolbar--content[dir=rtl],[dir=rtl] .fd-dynamic-page--sm .fd-dynamic-page__toolbar--content{margin-right:0}.fd-dynamic-page--lg .fd-dynamic-page__title-area,.fd-dynamic-page--md .fd-dynamic-page__title-area{padding:.5rem 2rem}.fd-dynamic-page--lg .fd-dynamic-page__title-area--collapsed,.fd-dynamic-page--md .fd-dynamic-page__title-area--collapsed{padding-bottom: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:1rem 2rem}.fd-dynamic-page--lg .fd-dynamic-page__tabs,.fd-dynamic-page--md .fd-dynamic-page__tabs{padding:0 2rem}.fd-dynamic-page--lg .fd-dynamic-page__summarized-title-area,.fd-dynamic-page--md .fd-dynamic-page__summarized-title-area{padding:1rem}.fd-dynamic-page--xl .fd-dynamic-page__title-area{padding:.5rem 3rem}.fd-dynamic-page--xl .fd-dynamic-page__title-area--collapsed{padding-bottom:1rem}.fd-dynamic-page--xl .fd-dynamic-page__collapsible-header,.fd-dynamic-page--xl .fd-dynamic-page__content{padding:1rem 3rem}.fd-dynamic-page--xl .fd-dynamic-page__tabs{padding:0 3rem}.fd-dynamic-page--xl .fd-dynamic-page__summarized-title-area{padding:1rem}.fd-dynamic-page--md .fd-dynamic-page__toolbar{padding:0}.fd-dynamic-page--list-bg .fd-dynamic-page__content{background-color:var(--fdDynamicPage_Content_List_Background)}.fd-dynamic-page--transparent-bg .fd-dynamic-page__content{background-color:var(--fdDynamicPage_Content_Transparent_Background)}.fd-dynamic-page--transparent-bg .fd-dynamic-page__title-area{background:var(--fdDynamicPage_Title_Header_Transparent_Background)}.fd-dynamic-page--transparent-bg .fd-dynamic-page__collapsible-header{background-color:var(--fdDynamicPage_Title_Header_Transparent_Background)}.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-tabs .fd-dynamic-page__content{display:block;height:auto!important}.fd-dynamic-page{height:100%}.fd-dynamic-page .fd-bar--floating-footer{z-index:2}.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}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+DynamicPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DynamicPageComponent, selector: "fd-dynamic-page", inputs: { role: "role", ariaLabel: "ariaLabel", background: "background", autoResponsive: "autoResponsive", size: "size", offset: "offset", expandContent: "expandContent" }, host: { properties: { "attr.role": "this.role" } }, providers: [
+        DynamicPageService,
+        {
+            provide: FD_DYNAMIC_PAGE_COMPONENT,
+            useExisting: DynamicPageComponent
+        }
+    ], queries: [{ propertyName: "_pageSubheaderComponent", first: true, predicate: DynamicPageSubheaderComponent, descendants: true }, { propertyName: "_headerComponent", first: true, predicate: DynamicPageHeaderComponent, descendants: true }, { propertyName: "_contentComponent", first: true, predicate: DynamicPageContentComponent, descendants: true }, { propertyName: "_footerComponent", first: true, predicate: DynamicPageFooterComponent, descendants: true }, { propertyName: "_tabComponent", first: true, predicate: TabListComponent, descendants: true }], viewQueries: [{ propertyName: "_dynamicPageElement", first: true, predicate: ["dynamicPageElement"], descendants: true }], ngImport: i0, template: "<section\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>\n    <header class=\"fd-dynamic-page__header\" [class.fd-dynamic-page__header--not-collapsible]=\"!_headerCollapsible\">\n        <div>\n            <div (click)=\"toggleCollapse()\" (keydown.enter)=\"toggleCollapse()\">\n                <ng-content select=\"fd-dynamic-page-header\"></ng-content>\n            </div>\n            <ng-content select=\"fd-dynamic-page-subheader\"></ng-content>\n        </div>\n    </header>\n\n    <ng-content select=\"fd-tab-list\"></ng-content>\n\n    <ng-content select=\"fd-dynamic-page-content\"></ng-content>\n\n    <footer>\n        <ng-content select=\"fd-dynamic-page-footer\"></ng-content>\n    </footer>\n</section>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.0-rc.8\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-dynamic-page{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:column}.fd-dynamic-page:after,.fd-dynamic-page:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__header-fixed{position:fixed;left:0;right:0;top:0;z-index:3}.fd-dynamic-page__header{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:column;justify-content:space-between}.fd-dynamic-page__header:after,.fd-dynamic-page__header:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-area{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:column;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{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-area.is-focus,.fd-dynamic-page__title-area:focus{outline-offset:.0625rem;outline-width:var(--sapContent_FocusWidth);outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle);z-index:1}.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{padding-bottom:1rem}.fd-dynamic-page__title-area[aria-hidden=true]{display:none}.fd-dynamic-page__main-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;justify-content:space-between}.fd-dynamic-page__main-container:after,.fd-dynamic-page__main-container:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;align-items:center}.fd-dynamic-page__title-container:after,.fd-dynamic-page__title-container:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__breadcrumb{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;padding:.5rem 0 .25rem}.fd-dynamic-page__breadcrumb:after,.fd-dynamic-page__breadcrumb:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__breadcrumb-title-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;flex:1;min-width:0}.fd-dynamic-page__breadcrumb-title-container:after,.fd-dynamic-page__breadcrumb-title-container:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__breadcrumb-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;justify-content:space-between}.fd-dynamic-page__breadcrumb-container:after,.fd-dynamic-page__breadcrumb-container:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader3Size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-dynamic-page__title:after,.fd-dynamic-page__title:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title .fd-link{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0;color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader3Size);max-width:100%;vertical-align:bottom}.fd-dynamic-page__subtitle{line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);margin-top:.25rem}.fd-dynamic-page__subtitle:after,.fd-dynamic-page__subtitle:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-content{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 0 0 1rem;vertical-align:baseline}.fd-dynamic-page__title-content:after,.fd-dynamic-page__title-content:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-content[dir=rtl],[dir=rtl] .fd-dynamic-page__title-content{padding:0 1rem 0 0}.fd-dynamic-page__title-subtitle-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:column;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-dynamic-page__title-subtitle-container:after,.fd-dynamic-page__title-subtitle-container:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__toolbar-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;border:0;display:flex;align-items:center;margin:0 0 0 auto}.fd-dynamic-page__toolbar-container:after,.fd-dynamic-page__toolbar-container:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__toolbar-container[dir=rtl],[dir=rtl] .fd-dynamic-page__toolbar-container{margin-right:auto;margin-left:0}.fd-dynamic-page .fd-dynamic-page__toolbar{padding:0;margin:0;padding-left:1rem}.fd-dynamic-page .fd-dynamic-page__toolbar[dir=rtl],[dir=rtl] .fd-dynamic-page .fd-dynamic-page__toolbar{padding-left:0;padding-right:1rem}.fd-dynamic-page .fd-dynamic-page__toolbar--actions,.fd-dynamic-page .fd-dynamic-page__toolbar--content,.fd-dynamic-page .fd-dynamic-page__toolbar--actions[dir=rtl],.fd-dynamic-page .fd-dynamic-page__toolbar--content[dir=rtl],[dir=rtl] .fd-dynamic-page .fd-dynamic-page__toolbar--actions,[dir=rtl] .fd-dynamic-page .fd-dynamic-page__toolbar--content{padding:0}.fd-dynamic-page__summarized-title-area{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;justify-content:space-between;word-wrap:break-word;background:var(--sapObjectHeader_Background);box-shadow:var(--sapContent_HeaderShadow);height:2rem;z-index:1}.fd-dynamic-page__summarized-title-area:after,.fd-dynamic-page__summarized-title-area:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__summarized-title-area.is-focus,.fd-dynamic-page__summarized-title-area:focus{outline-offset:.0625rem;outline-width:var(--sapContent_FocusWidth);outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle)}.fd-dynamic-page__summarized-title-area--no-shadow{box-shadow:none}.fd-dynamic-page__summarized-title-area[aria-hidden=true]{display:none}.fd-dynamic-page__summarized-title{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader5Size);padding:0;line-height:2rem}.fd-dynamic-page__summarized-title:after,.fd-dynamic-page__summarized-title:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0}.fd-dynamic-page__collapsible-header-container:after,.fd-dynamic-page__collapsible-header-container:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;background-color:var(--sapObjectHeader_Background);padding:1rem 0}.fd-dynamic-page__collapsible-header:after,.fd-dynamic-page__collapsible-header:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header[aria-hidden=true]{display:none}.fd-dynamic-page .fd-dynamic-page__tabs{padding:0;margin:0}.fd-dynamic-page .fd-dynamic-page__tabs--overflow{overflow:hidden}.fd-dynamic-page .fd-dynamic-page__tabs--add-shadow{box-shadow:var(--sapContent_HeaderShadow)}.fd-dynamic-page__collapsible-header-visibility-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:center;align-items:center;box-shadow:var(--sapContent_HeaderShadow);background-color:var(--sapObjectHeader_Background);z-index:2;min-height:.0625rem}.fd-dynamic-page__collapsible-header-visibility-container:after,.fd-dynamic-page__collapsible-header-visibility-container:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header-visibility-container--left-gradient{background-image:var(--fdDynamicPage_Button_Left_Gradient);width:4rem;height:.0625rem}.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);width:4rem;height:.0625rem}.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{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:center;align-items:center;background:var(--fdDynamicPage_Button_Group_Background);width:4.25rem;height:.0625rem;z-index:1}.fd-dynamic-page__collapsible-header-visibility-container--button-group:after,.fd-dynamic-page__collapsible-header-visibility-container--button-group:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__collapse-button.fd-button,.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__expand-button.fd-button,.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__pin-button.fd-button{display:flex;align-items:center;justify-content:center;margin:0 .25rem;padding:0;width:1.5rem;height:1.5rem;min-width:1.5rem}.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__collapse-button.fd-button:before,.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__expand-button.fd-button:before,.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__pin-button.fd-button:before{height:2rem;width:100%;top:-.25rem;bottom:-.25rem}.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__collapse-button.fd-button[dir=rtl]>[class*=sap-icon]:last-child,.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__expand-button.fd-button[dir=rtl]>[class*=sap-icon]:last-child,.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__pin-button.fd-button[dir=rtl]>[class*=sap-icon]:last-child,[dir=rtl] .fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__collapse-button.fd-button>[class*=sap-icon]:last-child,[dir=rtl] .fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__expand-button.fd-button>[class*=sap-icon]:last-child,[dir=rtl] .fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__pin-button.fd-button>[class*=sap-icon]:last-child{margin-right:0;margin-left:0}.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__collapse-button.fd-button[aria-hidden=true],.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__expand-button.fd-button[aria-hidden=true],.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__pin-button.fd-button[aria-hidden=true],.fd-dynamic-page__collapsible-header-visibility-container[aria-hidden=true]{display:none}.fd-dynamic-page__collapsible-header-visibility-container--no-shadow{box-shadow:none}.fd-dynamic-page__content{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;background-color:var(--sapBackgroundColor);overflow-y:auto}.fd-dynamic-page__content:after,.fd-dynamic-page__content:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__footer{position:fixed;left:0;right:0;bottom:0;margin:0 .5rem .5rem}.fd-dynamic-page--sm .fd-dynamic-page__title-area{padding:.5rem}.fd-dynamic-page--sm .fd-dynamic-page__title-area--collapsed{padding-bottom:1rem}.fd-dynamic-page--sm .fd-dynamic-page__collapsible-header,.fd-dynamic-page--sm .fd-dynamic-page__content{padding:1rem .5rem}.fd-dynamic-page--sm .fd-dynamic-page__tabs{padding:0 .5rem}.fd-dynamic-page--sm .fd-dynamic-page__summarized-title-area{padding:1rem}.fd-dynamic-page--sm .fd-dynamic-page__breadcrumb{padding:0}.fd-dynamic-page--sm .fd-dynamic-page__toolbar{padding-left:1rem;margin-left:auto}.fd-dynamic-page--sm .fd-dynamic-page__toolbar[dir=rtl],[dir=rtl] .fd-dynamic-page--sm .fd-dynamic-page__toolbar{margin-left:0;margin-right:auto;padding-left:0;padding-right:1rem}.fd-dynamic-page--sm .fd-dynamic-page__toolbar--content{margin-left:0}.fd-dynamic-page--sm .fd-dynamic-page__toolbar--content[dir=rtl],[dir=rtl] .fd-dynamic-page--sm .fd-dynamic-page__toolbar--content{margin-right:0}.fd-dynamic-page--lg .fd-dynamic-page__title-area,.fd-dynamic-page--md .fd-dynamic-page__title-area{padding:.5rem 2rem}.fd-dynamic-page--lg .fd-dynamic-page__title-area--collapsed,.fd-dynamic-page--md .fd-dynamic-page__title-area--collapsed{padding-bottom: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:1rem 2rem}.fd-dynamic-page--lg .fd-dynamic-page__tabs,.fd-dynamic-page--md .fd-dynamic-page__tabs{padding:0 2rem}.fd-dynamic-page--lg .fd-dynamic-page__summarized-title-area,.fd-dynamic-page--md .fd-dynamic-page__summarized-title-area{padding:1rem}.fd-dynamic-page--xl .fd-dynamic-page__title-area{padding:.5rem 3rem}.fd-dynamic-page--xl .fd-dynamic-page__title-area--collapsed{padding-bottom:1rem}.fd-dynamic-page--xl .fd-dynamic-page__collapsible-header,.fd-dynamic-page--xl .fd-dynamic-page__content{padding:1rem 3rem}.fd-dynamic-page--xl .fd-dynamic-page__tabs{padding:0 3rem}.fd-dynamic-page--xl .fd-dynamic-page__summarized-title-area{padding:1rem}.fd-dynamic-page--md .fd-dynamic-page__toolbar{padding:0}.fd-dynamic-page--list-bg .fd-dynamic-page__content{background-color:var(--fdDynamicPage_Content_List_Background)}.fd-dynamic-page--transparent-bg .fd-dynamic-page__content{background-color:var(--fdDynamicPage_Content_Transparent_Background)}.fd-dynamic-page--transparent-bg .fd-dynamic-page__title-area{background:var(--fdDynamicPage_Title_Header_Transparent_Background)}.fd-dynamic-page--transparent-bg .fd-dynamic-page__collapsible-header{background-color:var(--fdDynamicPage_Title_Header_Transparent_Background)}.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-tabs .fd-dynamic-page__content{display:block;height:auto!important}.fd-dynamic-page{height:100%}.fd-dynamic-page .fd-bar--floating-footer{z-index:2}.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}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DynamicPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fd-dynamic-page', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [DynamicPageService], template: "<section\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>\n    <header class=\"fd-dynamic-page__header\" [class.fd-dynamic-page__header--not-collapsible]=\"!_headerCollapsible\">\n        <div>\n            <div (click)=\"toggleCollapse()\" (keydown.enter)=\"toggleCollapse()\">\n                <ng-content select=\"fd-dynamic-page-header\"></ng-content>\n            </div>\n            <ng-content select=\"fd-dynamic-page-subheader\"></ng-content>\n        </div>\n    </header>\n\n    <ng-content select=\"fd-tab-list\"></ng-content>\n    <ng-content select=\"fd-dynamic-page-content\"></ng-content>\n    <footer>\n        <ng-content select=\"fd-dynamic-page-footer\"></ng-content>\n    </footer>\n</section>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.0-rc.8\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-dynamic-page{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:column}.fd-dynamic-page:after,.fd-dynamic-page:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__header-fixed{position:fixed;left:0;right:0;top:0;z-index:3}.fd-dynamic-page__header{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:column;justify-content:space-between}.fd-dynamic-page__header:after,.fd-dynamic-page__header:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-area{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:column;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{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-area.is-focus,.fd-dynamic-page__title-area:focus{outline-offset:.0625rem;outline-width:var(--sapContent_FocusWidth);outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle);z-index:1}.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{padding-bottom:1rem}.fd-dynamic-page__title-area[aria-hidden=true]{display:none}.fd-dynamic-page__main-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;justify-content:space-between}.fd-dynamic-page__main-container:after,.fd-dynamic-page__main-container:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;align-items:center}.fd-dynamic-page__title-container:after,.fd-dynamic-page__title-container:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__breadcrumb{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;padding:.5rem 0 .25rem}.fd-dynamic-page__breadcrumb:after,.fd-dynamic-page__breadcrumb:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__breadcrumb-title-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;flex:1;min-width:0}.fd-dynamic-page__breadcrumb-title-container:after,.fd-dynamic-page__breadcrumb-title-container:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__breadcrumb-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;justify-content:space-between}.fd-dynamic-page__breadcrumb-container:after,.fd-dynamic-page__breadcrumb-container:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader3Size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-dynamic-page__title:after,.fd-dynamic-page__title:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title .fd-link{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0;color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader3Size);max-width:100%;vertical-align:bottom}.fd-dynamic-page__subtitle{line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);margin-top:.25rem}.fd-dynamic-page__subtitle:after,.fd-dynamic-page__subtitle:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-content{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 0 0 1rem;vertical-align:baseline}.fd-dynamic-page__title-content:after,.fd-dynamic-page__title-content:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-content[dir=rtl],[dir=rtl] .fd-dynamic-page__title-content{padding:0 1rem 0 0}.fd-dynamic-page__title-subtitle-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:column;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-dynamic-page__title-subtitle-container:after,.fd-dynamic-page__title-subtitle-container:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__toolbar-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;border:0;display:flex;align-items:center;margin:0 0 0 auto}.fd-dynamic-page__toolbar-container:after,.fd-dynamic-page__toolbar-container:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__toolbar-container[dir=rtl],[dir=rtl] .fd-dynamic-page__toolbar-container{margin-right:auto;margin-left:0}.fd-dynamic-page .fd-dynamic-page__toolbar{padding:0;margin:0;padding-left:1rem}.fd-dynamic-page .fd-dynamic-page__toolbar[dir=rtl],[dir=rtl] .fd-dynamic-page .fd-dynamic-page__toolbar{padding-left:0;padding-right:1rem}.fd-dynamic-page .fd-dynamic-page__toolbar--actions,.fd-dynamic-page .fd-dynamic-page__toolbar--content,.fd-dynamic-page .fd-dynamic-page__toolbar--actions[dir=rtl],.fd-dynamic-page .fd-dynamic-page__toolbar--content[dir=rtl],[dir=rtl] .fd-dynamic-page .fd-dynamic-page__toolbar--actions,[dir=rtl] .fd-dynamic-page .fd-dynamic-page__toolbar--content{padding:0}.fd-dynamic-page__summarized-title-area{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;justify-content:space-between;word-wrap:break-word;background:var(--sapObjectHeader_Background);box-shadow:var(--sapContent_HeaderShadow);height:2rem;z-index:1}.fd-dynamic-page__summarized-title-area:after,.fd-dynamic-page__summarized-title-area:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__summarized-title-area.is-focus,.fd-dynamic-page__summarized-title-area:focus{outline-offset:.0625rem;outline-width:var(--sapContent_FocusWidth);outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle)}.fd-dynamic-page__summarized-title-area--no-shadow{box-shadow:none}.fd-dynamic-page__summarized-title-area[aria-hidden=true]{display:none}.fd-dynamic-page__summarized-title{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader5Size);padding:0;line-height:2rem}.fd-dynamic-page__summarized-title:after,.fd-dynamic-page__summarized-title:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0}.fd-dynamic-page__collapsible-header-container:after,.fd-dynamic-page__collapsible-header-container:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;background-color:var(--sapObjectHeader_Background);padding:1rem 0}.fd-dynamic-page__collapsible-header:after,.fd-dynamic-page__collapsible-header:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header[aria-hidden=true]{display:none}.fd-dynamic-page .fd-dynamic-page__tabs{padding:0;margin:0}.fd-dynamic-page .fd-dynamic-page__tabs--overflow{overflow:hidden}.fd-dynamic-page .fd-dynamic-page__tabs--add-shadow{box-shadow:var(--sapContent_HeaderShadow)}.fd-dynamic-page__collapsible-header-visibility-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:center;align-items:center;box-shadow:var(--sapContent_HeaderShadow);background-color:var(--sapObjectHeader_Background);z-index:2;min-height:.0625rem}.fd-dynamic-page__collapsible-header-visibility-container:after,.fd-dynamic-page__collapsible-header-visibility-container:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header-visibility-container--left-gradient{background-image:var(--fdDynamicPage_Button_Left_Gradient);width:4rem;height:.0625rem}.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);width:4rem;height:.0625rem}.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{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:center;align-items:center;background:var(--fdDynamicPage_Button_Group_Background);width:4.25rem;height:.0625rem;z-index:1}.fd-dynamic-page__collapsible-header-visibility-container--button-group:after,.fd-dynamic-page__collapsible-header-visibility-container--button-group:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__collapse-button.fd-button,.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__expand-button.fd-button,.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__pin-button.fd-button{display:flex;align-items:center;justify-content:center;margin:0 .25rem;padding:0;width:1.5rem;height:1.5rem;min-width:1.5rem}.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__collapse-button.fd-button:before,.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__expand-button.fd-button:before,.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__pin-button.fd-button:before{height:2rem;width:100%;top:-.25rem;bottom:-.25rem}.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__collapse-button.fd-button[dir=rtl]>[class*=sap-icon]:last-child,.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__expand-button.fd-button[dir=rtl]>[class*=sap-icon]:last-child,.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__pin-button.fd-button[dir=rtl]>[class*=sap-icon]:last-child,[dir=rtl] .fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__collapse-button.fd-button>[class*=sap-icon]:last-child,[dir=rtl] .fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__expand-button.fd-button>[class*=sap-icon]:last-child,[dir=rtl] .fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__pin-button.fd-button>[class*=sap-icon]:last-child{margin-right:0;margin-left:0}.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__collapse-button.fd-button[aria-hidden=true],.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__expand-button.fd-button[aria-hidden=true],.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__pin-button.fd-button[aria-hidden=true],.fd-dynamic-page__collapsible-header-visibility-container[aria-hidden=true]{display:none}.fd-dynamic-page__collapsible-header-visibility-container--no-shadow{box-shadow:none}.fd-dynamic-page__content{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;background-color:var(--sapBackgroundColor);overflow-y:auto}.fd-dynamic-page__content:after,.fd-dynamic-page__content:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__footer{position:fixed;left:0;right:0;bottom:0;margin:0 .5rem .5rem}.fd-dynamic-page--sm .fd-dynamic-page__title-area{padding:.5rem}.fd-dynamic-page--sm .fd-dynamic-page__title-area--collapsed{padding-bottom:1rem}.fd-dynamic-page--sm .fd-dynamic-page__collapsible-header,.fd-dynamic-page--sm .fd-dynamic-page__content{padding:1rem .5rem}.fd-dynamic-page--sm .fd-dynamic-page__tabs{padding:0 .5rem}.fd-dynamic-page--sm .fd-dynamic-page__summarized-title-area{padding:1rem}.fd-dynamic-page--sm .fd-dynamic-page__breadcrumb{padding:0}.fd-dynamic-page--sm .fd-dynamic-page__toolbar{padding-left:1rem;margin-left:auto}.fd-dynamic-page--sm .fd-dynamic-page__toolbar[dir=rtl],[dir=rtl] .fd-dynamic-page--sm .fd-dynamic-page__toolbar{margin-left:0;margin-right:auto;padding-left:0;padding-right:1rem}.fd-dynamic-page--sm .fd-dynamic-page__toolbar--content{margin-left:0}.fd-dynamic-page--sm .fd-dynamic-page__toolbar--content[dir=rtl],[dir=rtl] .fd-dynamic-page--sm .fd-dynamic-page__toolbar--content{margin-right:0}.fd-dynamic-page--lg .fd-dynamic-page__title-area,.fd-dynamic-page--md .fd-dynamic-page__title-area{padding:.5rem 2rem}.fd-dynamic-page--lg .fd-dynamic-page__title-area--collapsed,.fd-dynamic-page--md .fd-dynamic-page__title-area--collapsed{padding-bottom: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:1rem 2rem}.fd-dynamic-page--lg .fd-dynamic-page__tabs,.fd-dynamic-page--md .fd-dynamic-page__tabs{padding:0 2rem}.fd-dynamic-page--lg .fd-dynamic-page__summarized-title-area,.fd-dynamic-page--md .fd-dynamic-page__summarized-title-area{padding:1rem}.fd-dynamic-page--xl .fd-dynamic-page__title-area{padding:.5rem 3rem}.fd-dynamic-page--xl .fd-dynamic-page__title-area--collapsed{padding-bottom:1rem}.fd-dynamic-page--xl .fd-dynamic-page__collapsible-header,.fd-dynamic-page--xl .fd-dynamic-page__content{padding:1rem 3rem}.fd-dynamic-page--xl .fd-dynamic-page__tabs{padding:0 3rem}.fd-dynamic-page--xl .fd-dynamic-page__summarized-title-area{padding:1rem}.fd-dynamic-page--md .fd-dynamic-page__toolbar{padding:0}.fd-dynamic-page--list-bg .fd-dynamic-page__content{background-color:var(--fdDynamicPage_Content_List_Background)}.fd-dynamic-page--transparent-bg .fd-dynamic-page__content{background-color:var(--fdDynamicPage_Content_Transparent_Background)}.fd-dynamic-page--transparent-bg .fd-dynamic-page__title-area{background:var(--fdDynamicPage_Title_Header_Transparent_Background)}.fd-dynamic-page--transparent-bg .fd-dynamic-page__collapsible-header{background-color:var(--fdDynamicPage_Title_Header_Transparent_Background)}.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-tabs .fd-dynamic-page__content{display:block;height:auto!important}.fd-dynamic-page{height:100%}.fd-dynamic-page .fd-bar--floating-footer{z-index:2}.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}\n"] }]
+            args: [{ selector: 'fd-dynamic-page', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        DynamicPageService,
+                        {
+                            provide: FD_DYNAMIC_PAGE_COMPONENT,
+                            useExisting: DynamicPageComponent
+                        }
+                    ], template: "<section\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>\n    <header class=\"fd-dynamic-page__header\" [class.fd-dynamic-page__header--not-collapsible]=\"!_headerCollapsible\">\n        <div>\n            <div (click)=\"toggleCollapse()\" (keydown.enter)=\"toggleCollapse()\">\n                <ng-content select=\"fd-dynamic-page-header\"></ng-content>\n            </div>\n            <ng-content select=\"fd-dynamic-page-subheader\"></ng-content>\n        </div>\n    </header>\n\n    <ng-content select=\"fd-tab-list\"></ng-content>\n\n    <ng-content select=\"fd-dynamic-page-content\"></ng-content>\n\n    <footer>\n        <ng-content select=\"fd-dynamic-page-footer\"></ng-content>\n    </footer>\n</section>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.0-rc.8\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-dynamic-page{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:column}.fd-dynamic-page:after,.fd-dynamic-page:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__header-fixed{position:fixed;left:0;right:0;top:0;z-index:3}.fd-dynamic-page__header{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:column;justify-content:space-between}.fd-dynamic-page__header:after,.fd-dynamic-page__header:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-area{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:column;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{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-area.is-focus,.fd-dynamic-page__title-area:focus{outline-offset:.0625rem;outline-width:var(--sapContent_FocusWidth);outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle);z-index:1}.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{padding-bottom:1rem}.fd-dynamic-page__title-area[aria-hidden=true]{display:none}.fd-dynamic-page__main-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;justify-content:space-between}.fd-dynamic-page__main-container:after,.fd-dynamic-page__main-container:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;align-items:center}.fd-dynamic-page__title-container:after,.fd-dynamic-page__title-container:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__breadcrumb{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;padding:.5rem 0 .25rem}.fd-dynamic-page__breadcrumb:after,.fd-dynamic-page__breadcrumb:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__breadcrumb-title-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;flex:1;min-width:0}.fd-dynamic-page__breadcrumb-title-container:after,.fd-dynamic-page__breadcrumb-title-container:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__breadcrumb-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;justify-content:space-between}.fd-dynamic-page__breadcrumb-container:after,.fd-dynamic-page__breadcrumb-container:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader3Size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-dynamic-page__title:after,.fd-dynamic-page__title:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title .fd-link{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0;color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader3Size);max-width:100%;vertical-align:bottom}.fd-dynamic-page__subtitle{line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);margin-top:.25rem}.fd-dynamic-page__subtitle:after,.fd-dynamic-page__subtitle:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-content{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 0 0 1rem;vertical-align:baseline}.fd-dynamic-page__title-content:after,.fd-dynamic-page__title-content:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__title-content[dir=rtl],[dir=rtl] .fd-dynamic-page__title-content{padding:0 1rem 0 0}.fd-dynamic-page__title-subtitle-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:column;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-dynamic-page__title-subtitle-container:after,.fd-dynamic-page__title-subtitle-container:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__toolbar-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;border:0;display:flex;align-items:center;margin:0 0 0 auto}.fd-dynamic-page__toolbar-container:after,.fd-dynamic-page__toolbar-container:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__toolbar-container[dir=rtl],[dir=rtl] .fd-dynamic-page__toolbar-container{margin-right:auto;margin-left:0}.fd-dynamic-page .fd-dynamic-page__toolbar{padding:0;margin:0;padding-left:1rem}.fd-dynamic-page .fd-dynamic-page__toolbar[dir=rtl],[dir=rtl] .fd-dynamic-page .fd-dynamic-page__toolbar{padding-left:0;padding-right:1rem}.fd-dynamic-page .fd-dynamic-page__toolbar--actions,.fd-dynamic-page .fd-dynamic-page__toolbar--content,.fd-dynamic-page .fd-dynamic-page__toolbar--actions[dir=rtl],.fd-dynamic-page .fd-dynamic-page__toolbar--content[dir=rtl],[dir=rtl] .fd-dynamic-page .fd-dynamic-page__toolbar--actions,[dir=rtl] .fd-dynamic-page .fd-dynamic-page__toolbar--content{padding:0}.fd-dynamic-page__summarized-title-area{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;justify-content:space-between;word-wrap:break-word;background:var(--sapObjectHeader_Background);box-shadow:var(--sapContent_HeaderShadow);height:2rem;z-index:1}.fd-dynamic-page__summarized-title-area:after,.fd-dynamic-page__summarized-title-area:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__summarized-title-area.is-focus,.fd-dynamic-page__summarized-title-area:focus{outline-offset:.0625rem;outline-width:var(--sapContent_FocusWidth);outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle)}.fd-dynamic-page__summarized-title-area--no-shadow{box-shadow:none}.fd-dynamic-page__summarized-title-area[aria-hidden=true]{display:none}.fd-dynamic-page__summarized-title{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader5Size);padding:0;line-height:2rem}.fd-dynamic-page__summarized-title:after,.fd-dynamic-page__summarized-title:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0}.fd-dynamic-page__collapsible-header-container:after,.fd-dynamic-page__collapsible-header-container:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;background-color:var(--sapObjectHeader_Background);padding:1rem 0}.fd-dynamic-page__collapsible-header:after,.fd-dynamic-page__collapsible-header:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header[aria-hidden=true]{display:none}.fd-dynamic-page .fd-dynamic-page__tabs{padding:0;margin:0}.fd-dynamic-page .fd-dynamic-page__tabs--overflow{overflow:hidden}.fd-dynamic-page .fd-dynamic-page__tabs--add-shadow{box-shadow:var(--sapContent_HeaderShadow)}.fd-dynamic-page__collapsible-header-visibility-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:center;align-items:center;box-shadow:var(--sapContent_HeaderShadow);background-color:var(--sapObjectHeader_Background);z-index:2;min-height:.0625rem}.fd-dynamic-page__collapsible-header-visibility-container:after,.fd-dynamic-page__collapsible-header-visibility-container:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header-visibility-container--left-gradient{background-image:var(--fdDynamicPage_Button_Left_Gradient);width:4rem;height:.0625rem}.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);width:4rem;height:.0625rem}.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{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:center;align-items:center;background:var(--fdDynamicPage_Button_Group_Background);width:4.25rem;height:.0625rem;z-index:1}.fd-dynamic-page__collapsible-header-visibility-container--button-group:after,.fd-dynamic-page__collapsible-header-visibility-container--button-group:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__collapse-button.fd-button,.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__expand-button.fd-button,.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__pin-button.fd-button{display:flex;align-items:center;justify-content:center;margin:0 .25rem;padding:0;width:1.5rem;height:1.5rem;min-width:1.5rem}.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__collapse-button.fd-button:before,.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__expand-button.fd-button:before,.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__pin-button.fd-button:before{height:2rem;width:100%;top:-.25rem;bottom:-.25rem}.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__collapse-button.fd-button[dir=rtl]>[class*=sap-icon]:last-child,.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__expand-button.fd-button[dir=rtl]>[class*=sap-icon]:last-child,.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__pin-button.fd-button[dir=rtl]>[class*=sap-icon]:last-child,[dir=rtl] .fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__collapse-button.fd-button>[class*=sap-icon]:last-child,[dir=rtl] .fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__expand-button.fd-button>[class*=sap-icon]:last-child,[dir=rtl] .fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__pin-button.fd-button>[class*=sap-icon]:last-child{margin-right:0;margin-left:0}.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__collapse-button.fd-button[aria-hidden=true],.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__expand-button.fd-button[aria-hidden=true],.fd-dynamic-page__collapsible-header-visibility-container--button-group .fd-dynamic-page__pin-button.fd-button[aria-hidden=true],.fd-dynamic-page__collapsible-header-visibility-container[aria-hidden=true]{display:none}.fd-dynamic-page__collapsible-header-visibility-container--no-shadow{box-shadow:none}.fd-dynamic-page__content{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;background-color:var(--sapBackgroundColor);overflow-y:auto}.fd-dynamic-page__content:after,.fd-dynamic-page__content:before{box-sizing:inherit;font-size:inherit}.fd-dynamic-page__footer{position:fixed;left:0;right:0;bottom:0;margin:0 .5rem .5rem}.fd-dynamic-page--sm .fd-dynamic-page__title-area{padding:.5rem}.fd-dynamic-page--sm .fd-dynamic-page__title-area--collapsed{padding-bottom:1rem}.fd-dynamic-page--sm .fd-dynamic-page__collapsible-header,.fd-dynamic-page--sm .fd-dynamic-page__content{padding:1rem .5rem}.fd-dynamic-page--sm .fd-dynamic-page__tabs{padding:0 .5rem}.fd-dynamic-page--sm .fd-dynamic-page__summarized-title-area{padding:1rem}.fd-dynamic-page--sm .fd-dynamic-page__breadcrumb{padding:0}.fd-dynamic-page--sm .fd-dynamic-page__toolbar{padding-left:1rem;margin-left:auto}.fd-dynamic-page--sm .fd-dynamic-page__toolbar[dir=rtl],[dir=rtl] .fd-dynamic-page--sm .fd-dynamic-page__toolbar{margin-left:0;margin-right:auto;padding-left:0;padding-right:1rem}.fd-dynamic-page--sm .fd-dynamic-page__toolbar--content{margin-left:0}.fd-dynamic-page--sm .fd-dynamic-page__toolbar--content[dir=rtl],[dir=rtl] .fd-dynamic-page--sm .fd-dynamic-page__toolbar--content{margin-right:0}.fd-dynamic-page--lg .fd-dynamic-page__title-area,.fd-dynamic-page--md .fd-dynamic-page__title-area{padding:.5rem 2rem}.fd-dynamic-page--lg .fd-dynamic-page__title-area--collapsed,.fd-dynamic-page--md .fd-dynamic-page__title-area--collapsed{padding-bottom: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:1rem 2rem}.fd-dynamic-page--lg .fd-dynamic-page__tabs,.fd-dynamic-page--md .fd-dynamic-page__tabs{padding:0 2rem}.fd-dynamic-page--lg .fd-dynamic-page__summarized-title-area,.fd-dynamic-page--md .fd-dynamic-page__summarized-title-area{padding:1rem}.fd-dynamic-page--xl .fd-dynamic-page__title-area{padding:.5rem 3rem}.fd-dynamic-page--xl .fd-dynamic-page__title-area--collapsed{padding-bottom:1rem}.fd-dynamic-page--xl .fd-dynamic-page__collapsible-header,.fd-dynamic-page--xl .fd-dynamic-page__content{padding:1rem 3rem}.fd-dynamic-page--xl .fd-dynamic-page__tabs{padding:0 3rem}.fd-dynamic-page--xl .fd-dynamic-page__summarized-title-area{padding:1rem}.fd-dynamic-page--md .fd-dynamic-page__toolbar{padding:0}.fd-dynamic-page--list-bg .fd-dynamic-page__content{background-color:var(--fdDynamicPage_Content_List_Background)}.fd-dynamic-page--transparent-bg .fd-dynamic-page__content{background-color:var(--fdDynamicPage_Content_Transparent_Background)}.fd-dynamic-page--transparent-bg .fd-dynamic-page__title-area{background:var(--fdDynamicPage_Title_Header_Transparent_Background)}.fd-dynamic-page--transparent-bg .fd-dynamic-page__collapsible-header{background-color:var(--fdDynamicPage_Title_Header_Transparent_Background)}.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-tabs .fd-dynamic-page__content{display:block;height:auto!important}.fd-dynamic-page{height:100%}.fd-dynamic-page .fd-bar--floating-footer{z-index:2}.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}\n"] }]
         }], ctorParameters: function () {
         return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: DynamicPageService }, { type: i2$1.FlexibleColumnLayoutComponent, decorators: [{
                         type: Optional
@@ -759,6 +794,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
             }], _contentComponent: [{
                 type: ContentChild,
                 args: [DynamicPageContentComponent]
+            }], _footerComponent: [{
+                type: ContentChild,
+                args: [DynamicPageFooterComponent]
             }], _tabComponent: [{
                 type: ContentChild,
                 args: [TabListComponent]
@@ -792,20 +830,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }]; } });
 
-class DynamicPageFooterComponent {
-}
-DynamicPageFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DynamicPageFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DynamicPageFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DynamicPageFooterComponent, 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: "13.2.4", ngImport: i0, type: DynamicPageFooterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'fd-dynamic-page-footer',
-                    template: '<ng-content></ng-content>',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None
-                }]
-        }] });
-
 class DynamicPageModule {
 }
 DynamicPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DynamicPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -860,5 +884,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ActionSquashBreakpointPx, DYNAMIC_PAGE_CLASS_NAME, DynamicPageBaseActions, DynamicPageComponent, DynamicPageConfig, DynamicPageContentComponent, DynamicPageFooterComponent, DynamicPageGlobalActionsComponent, DynamicPageHeaderComponent, DynamicPageLayoutActionsComponent, DynamicPageModule, DynamicPageService, DynamicPageSubheaderComponent, DynamicPageTitleContentComponent, DynamicPageWrapperDirective, addClassNameToElement, dynamicPageWidthToSize };
+export { ActionSquashBreakpointPx, DYNAMIC_PAGE_CLASS_NAME, DynamicPageBaseActions, DynamicPageComponent, DynamicPageConfig, DynamicPageContentComponent, DynamicPageFooterComponent, DynamicPageGlobalActionsComponent, DynamicPageHeaderComponent, DynamicPageLayoutActionsComponent, DynamicPageModule, DynamicPageService, DynamicPageSubheaderComponent, DynamicPageTitleContentComponent, DynamicPageWrapperDirective, FD_DYNAMIC_PAGE_COMPONENT, addClassNameToElement, dynamicPageWidthToSize };
 //# sourceMappingURL=fundamental-ngx-core-dynamic-page.mjs.map