@fundamental-ngx/core 0.58.2-rc.0 → 0.58.2

package/fesm2022/fundamental-ngx-core-dialog.mjs

@@ -65,10 +65,10 @@ class DialogConfigBase {
  */
 const DIALOG_DEFAULT_CONFIG = new InjectionToken('Default DialogConfig');
 class DialogConfig extends DialogConfigBase {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogConfig, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogConfig }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogConfig, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogConfig }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogConfig, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogConfig, decorators: [{
             type: Injectable
         }] });
 
@@ -161,10 +161,10 @@ class DialogRef extends DialogRefBase {
     toggleFullScreen() {
         this._fullScreen.next(!this._fullScreen.value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogRef, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogRef }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogRef, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogRef }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogRef, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogRef, decorators: [{
             type: Injectable
         }] });
 
@@ -187,17 +187,17 @@ class DialogBodyComponent {
          * property to remove the horizontal and vertical paddings from the body
          * default is set to false
          */
-        this.disablePaddings = input(false, { ...(ngDevMode ? { debugName: "disablePaddings" } : {}), transform: booleanAttribute });
+        this.disablePaddings = input(false, ...(ngDevMode ? [{ debugName: "disablePaddings", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogBodyComponent, deps: [{ token: i0.ElementRef }, { token: DialogConfig, optional: true }, { token: DialogRef, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: DialogBodyComponent, isStandalone: true, selector: "fd-dialog-body", inputs: { disablePaddings: { classPropertyName: "disablePaddings", publicName: "disablePaddings", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.fd-dialog__body": "true", "class.fd-settings__dialog-body": "dialogConfig.settings", "class.fd-dialog__body--no-vertical-padding": "!dialogConfig.verticalPadding", "class.fd-dialog__body--no-horizontal-padding": "!dialogConfig.horizontalPadding", "style.min-height": "dialogConfig.bodyMinHeight", "style.padding": "dialogConfig.disablePaddings || disablePaddings() || dialogConfig.settings ? 0 : \"1rem\"" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogBodyComponent, deps: [{ token: i0.ElementRef }, { token: DialogConfig, optional: true }, { token: DialogRef, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: DialogBodyComponent, isStandalone: true, selector: "fd-dialog-body", inputs: { disablePaddings: { classPropertyName: "disablePaddings", publicName: "disablePaddings", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.fd-dialog__body": "true", "class.fd-settings__dialog-body": "dialogConfig.settings", "class.fd-dialog__body--no-vertical-padding": "!dialogConfig.verticalPadding", "class.fd-dialog__body--no-horizontal-padding": "!dialogConfig.horizontalPadding", "style.min-height": "dialogConfig.bodyMinHeight", "style.padding": "dialogConfig.disablePaddings || disablePaddings() || dialogConfig.settings ? 0 : \"1rem\"" } }, providers: [
             {
                 provide: FD_DIALOG_BODY_COMPONENT,
                 useExisting: DialogBodyComponent
             }
         ], hostDirectives: [{ directive: i3.ScrollbarDirective }], ngImport: i0, template: "<section>\n    <ng-content></ng-content>\n\n    @if (dialogRef.onLoading | async) {\n        <div class=\"fd-dialog__loader fd-busy-indicator-dialog\">\n            @if (dialogRef.loadingContent) {\n                <fdk-dynamic-portal class=\"fd-text\" [auto]=\"dialogRef.loadingContent\"></fdk-dynamic-portal>\n            }\n            <fd-busy-indicator [loading]=\"true\" size=\"l\" [label]=\"dialogRef.loadingLabel\"></fd-busy-indicator>\n        </div>\n    }\n</section>\n", dependencies: [{ kind: "component", type: DynamicPortalComponent, selector: "fdk-dynamic-portal", inputs: ["domElement", "component", "template", "auto"], outputs: ["attached"] }, { kind: "component", type: BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "ariaValueText", "title", "label", "ariaLive"] }, { kind: "ngmodule", type: PortalModule }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogBodyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogBodyComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-dialog-body', host: {
                         '[class.fd-dialog__body]': 'true',
@@ -216,7 +216,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
                     type: Optional
                 }] }, { type: DialogRef, decorators: [{
                     type: Optional
-                }] }], propDecorators: { disablePaddings: [{ type: i0.Input, args: [{ isSignal: true, alias: "disablePaddings", required: false }] }] } });
+                }] }] });
 
 /**
  * Directive that applies fundamental dialog styling to a dialog close button.
@@ -234,10 +234,10 @@ class DialogCloseButtonComponent {
         /** add aria label dynamically to add to the button */
         this.ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogCloseButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: DialogCloseButtonComponent, isStandalone: true, selector: "[fd-dialog-close-button]", inputs: { mobile: { classPropertyName: "mobile", publicName: "mobile", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-label": "\"close\"", "class.fd-button": "true", "class.is-compact": "!mobile()", "class.fd-button--transparent": "true", "attr.title": "title()" } }, ngImport: i0, template: `<fd-icon glyph="decline"></fd-icon><ng-content></ng-content>`, isInline: true, dependencies: [{ kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogCloseButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.4", type: DialogCloseButtonComponent, isStandalone: true, selector: "[fd-dialog-close-button]", inputs: { mobile: { classPropertyName: "mobile", publicName: "mobile", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-label": "\"close\"", "class.fd-button": "true", "class.is-compact": "!mobile()", "class.fd-button--transparent": "true", "attr.title": "title()" } }, ngImport: i0, template: `<fd-icon glyph="decline"></fd-icon><ng-content></ng-content>`, isInline: true, dependencies: [{ kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogCloseButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogCloseButtonComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
@@ -254,7 +254,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
                     template: `<fd-icon glyph="decline"></fd-icon><ng-content></ng-content>`,
                     imports: [IconComponent]
                 }]
-        }], propDecorators: { mobile: [{ type: i0.Input, args: [{ isSignal: true, alias: "mobile", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
+        }] });
 
 class DialogFooterBase {
     constructor() {
@@ -286,10 +286,10 @@ class DialogFooterBase {
         this.customFooterTemplate = customFooterTemplate ? customFooterTemplate.templateRef : undefined;
         this._cdr.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogFooterBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: DialogFooterBase, isStandalone: true, queries: [{ propertyName: "customTemplates", predicate: TemplateDirective }, { propertyName: "buttons", predicate: FD_BUTTON_BAR_COMPONENT }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogFooterBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.4", type: DialogFooterBase, isStandalone: true, queries: [{ propertyName: "customTemplates", predicate: TemplateDirective }, { propertyName: "buttons", predicate: FD_BUTTON_BAR_COMPONENT }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogFooterBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogFooterBase, decorators: [{
             type: Directive
         }], propDecorators: { customTemplates: [{
                 type: ContentChildren,
@@ -326,10 +326,10 @@ class DialogFooterComponent extends DialogFooterBase {
     ngAfterViewInit() {
         this._listenForButtonChanges(DialogButtonClass);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogFooterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: DialogFooterComponent, isStandalone: true, selector: "fd-dialog-footer", usesInheritance: true, ngImport: i0, template: "<footer>\n    @if (customFooterTemplate) {\n        <ng-template [ngTemplateOutlet]=\"customFooterTemplate\"></ng-template>\n    } @else {\n        <div fd-bar class=\"fd-dialog__footer\" barDesign=\"footer\" [fdContentDensity]=\"dialogConfig.contentDensity ?? ''\">\n            <ng-template [ngTemplateOutlet]=\"footerTemplate ? footerTemplate : defaultTemplate\"></ng-template>\n\n            <ng-template #defaultTemplate>\n                <div fd-bar-right>\n                    <ng-content></ng-content>\n                </div>\n            </ng-template>\n        </div>\n    }\n</footer>\n", dependencies: [{ kind: "component", type: BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "clear", "size", "role"] }, { kind: "directive", type: BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogFooterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: DialogFooterComponent, isStandalone: true, selector: "fd-dialog-footer", usesInheritance: true, ngImport: i0, template: "<footer>\n    @if (customFooterTemplate) {\n        <ng-template [ngTemplateOutlet]=\"customFooterTemplate\"></ng-template>\n    } @else {\n        <div fd-bar class=\"fd-dialog__footer\" barDesign=\"footer\" [fdContentDensity]=\"dialogConfig.contentDensity ?? ''\">\n            <ng-template [ngTemplateOutlet]=\"footerTemplate ? footerTemplate : defaultTemplate\"></ng-template>\n\n            <ng-template #defaultTemplate>\n                <div fd-bar-right>\n                    <ng-content></ng-content>\n                </div>\n            </ng-template>\n        </div>\n    }\n</footer>\n", dependencies: [{ kind: "component", type: BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "clear", "size", "role"] }, { kind: "directive", type: BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogFooterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-dialog-footer', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [BarComponent, BarRightDirective, ContentDensityDirective, NgTemplateOutlet], template: "<footer>\n    @if (customFooterTemplate) {\n        <ng-template [ngTemplateOutlet]=\"customFooterTemplate\"></ng-template>\n    } @else {\n        <div fd-bar class=\"fd-dialog__footer\" barDesign=\"footer\" [fdContentDensity]=\"dialogConfig.contentDensity ?? ''\">\n            <ng-template [ngTemplateOutlet]=\"footerTemplate ? footerTemplate : defaultTemplate\"></ng-template>\n\n            <ng-template #defaultTemplate>\n                <div fd-bar-right>\n                    <ng-content></ng-content>\n                </div>\n            </ng-template>\n        </div>\n    }\n</footer>\n" }]
         }] });
@@ -357,15 +357,15 @@ class DialogHeaderBase {
         });
         this._changeDetectorRef.markForCheck();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogHeaderBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: DialogHeaderBase, isStandalone: true, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogHeaderBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.4", type: DialogHeaderBase, isStandalone: true, providers: [
             {
                 provide: DEFAULT_TITLE_SIZE,
                 useValue: 5
             }
         ], queries: [{ propertyName: "customTemplates", predicate: TemplateDirective }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogHeaderBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogHeaderBase, decorators: [{
             type: Directive,
             args: [{
                     providers: [
@@ -396,15 +396,15 @@ class DialogHeaderComponent extends DialogHeaderBase {
         /** @hidden */
         this.dialogConfig = inject(DialogConfig, { optional: true }) || {};
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: DialogHeaderComponent, isStandalone: true, selector: "fd-dialog-header", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: DialogHeaderComponent, isStandalone: true, selector: "fd-dialog-header", providers: [
             {
                 provide: DEFAULT_TITLE_SIZE,
                 useValue: 5
             }
         ], usesInheritance: true, ngImport: i0, template: "<header>\n    <div\n        fd-bar\n        role=\"group\"\n        class=\"fd-dialog__header\"\n        [fdContentDensity]=\"dialogConfig.contentDensity ?? ''\"\n        [barDesign]=\"subHeaderTemplate ? 'header-with-subheader' : 'header'\"\n    >\n        <ng-template [ngTemplateOutlet]=\"headerTemplate ? headerTemplate : defaultTemplate\"></ng-template>\n        <ng-template #defaultTemplate>\n            <div fd-bar-left>\n                <fd-bar-element [fullWidth]=\"true\">\n                    <ng-content select=\"[fd-title]\"></ng-content>\n                </fd-bar-element>\n            </div>\n            <div fd-bar-right>\n                <fd-bar-element>\n                    @if (!dialogConfig.mobile) {\n                        <ng-content select=\"[fd-dialog-full-screen-toggler-button]\"></ng-content>\n                    }\n                    <ng-content select=\"[fd-dialog-close-button]\"></ng-content>\n                </fd-bar-element>\n            </div>\n        </ng-template>\n    </div>\n    @if (subHeaderTemplate) {\n        <div\n            fd-bar\n            class=\"fd-dialog__subheader\"\n            barDesign=\"subheader\"\n            [fdContentDensity]=\"dialogConfig.contentDensity ?? ''\"\n        >\n            <ng-template [ngTemplateOutlet]=\"subHeaderTemplate\"></ng-template>\n        </div>\n    }\n</header>\n", dependencies: [{ kind: "component", type: BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "clear", "size", "role"] }, { kind: "directive", type: BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "directive", type: ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-dialog-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
                         {
@@ -452,10 +452,10 @@ class DialogBaseService {
     _destroyDialog(dialog) {
         this._dialogs = this._dialogs.filter((d) => d !== dialog);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogBaseService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogBaseService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogBaseService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogBaseService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogBaseService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogBaseService, decorators: [{
             type: Injectable
         }] });
 
@@ -483,10 +483,10 @@ class DialogFullScreenTogglerButtonComponent {
             this._fullscreen$.set(isFullScreen);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogFullScreenTogglerButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: DialogFullScreenTogglerButtonComponent, isStandalone: true, selector: "[fd-dialog-full-screen-toggler-button]", inputs: { mobile: { classPropertyName: "mobile", publicName: "mobile", isSignal: true, isRequired: false, transformFunction: null }, dialogRef: { classPropertyName: "dialogRef", publicName: "dialogRef", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.fd-button": "true", "class.is-compact": "!mobile()", "class.fd-button--transparent": "true", "attr.title": "title()" } }, ngImport: i0, template: `<fd-icon [glyph]="_fullscreen$() ? 'exitfullscreen' : 'full-screen'"></fd-icon>`, isInline: true, dependencies: [{ kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogFullScreenTogglerButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.4", type: DialogFullScreenTogglerButtonComponent, isStandalone: true, selector: "[fd-dialog-full-screen-toggler-button]", inputs: { mobile: { classPropertyName: "mobile", publicName: "mobile", isSignal: true, isRequired: false, transformFunction: null }, dialogRef: { classPropertyName: "dialogRef", publicName: "dialogRef", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.fd-button": "true", "class.is-compact": "!mobile()", "class.fd-button--transparent": "true", "attr.title": "title()" } }, ngImport: i0, template: `<fd-icon [glyph]="_fullscreen$() ? 'exitfullscreen' : 'full-screen'"></fd-icon>`, isInline: true, dependencies: [{ kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogFullScreenTogglerButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogFullScreenTogglerButtonComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
@@ -502,7 +502,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
                         '[attr.title]': 'title()'
                     }
                 }]
-        }], propDecorators: { mobile: [{ type: i0.Input, args: [{ isSignal: true, alias: "mobile", required: false }] }], dialogRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "dialogRef", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }] } });
+        }] });
 
 /** @hidden Returns dialog size based on width
  * @param width - dialog window width
@@ -654,10 +654,10 @@ class DialogBase {
             ? this._zone.onMicrotaskEmpty.pipe(observeOn(asyncScheduler), take(1))
             : of(null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: DialogBase, isStandalone: true, host: { listeners: { "keydown": "closeDialogEsc($event)", "mousedown": "closeDialog($event.target)" }, properties: { "attr.dir": "this._dir" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.4", type: DialogBase, isStandalone: true, host: { listeners: { "keydown": "closeDialogEsc($event)", "mousedown": "closeDialog($event.target)" }, properties: { "attr.dir": "this._dir" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogBase, decorators: [{
             type: Directive
         }], propDecorators: { _dir: [{
                 type: HostBinding,
@@ -684,10 +684,10 @@ class DialogTitleDirective {
             this.dialogConfig.ariaLabelledBy = this.id();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogTitleDirective, deps: [{ token: DialogConfig, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: DialogTitleDirective, isStandalone: true, selector: "[fd-dialog-title]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogTitleDirective, deps: [{ token: DialogConfig, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.4", type: DialogTitleDirective, isStandalone: true, selector: "[fd-dialog-title]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -699,7 +699,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
                 }]
         }], ctorParameters: () => [{ type: DialogConfig, decorators: [{
                     type: Optional
-                }] }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+                }] }] });
 
 /**
  * Dialog component.
@@ -841,8 +841,8 @@ class DialogComponent extends DialogBase {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogComponent, deps: [{ token: DialogConfig, optional: true }, { token: DialogRef, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: DialogComponent, isStandalone: true, selector: "fd-dialog", inputs: { class: "class", embeddedDialogRef: ["dialogRef", "embeddedDialogRef"], embeddedDialogConfig: ["dialogConfig", "embeddedDialogConfig"] }, host: { attributes: { "tabindex": "-1" } }, providers: [contentDensityObserverProviders({ alwaysAddModifiers: true })], queries: [{ propertyName: "dialogHeaderConfig", first: true, predicate: DialogHeaderComponent, descendants: true }, { propertyName: "dialogBodyConfig", first: true, predicate: DialogBodyComponent, descendants: true }, { propertyName: "dialogFooterConfig", first: true, predicate: DialogFooterComponent, descendants: true }, { propertyName: "dialogTitle", first: true, predicate: DialogTitleDirective, descendants: true }], viewQueries: [{ propertyName: "dialogWindow", first: true, predicate: ["dialogWindow"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\n    #dialogWindow\n    role=\"dialog\"\n    tabindex=\"-1\"\n    aria-modal=\"true\"\n    fdkResize\n    cdkTrapFocus\n    cdkDrag\n    cdkDragBoundary=\".fd-dialog\"\n    fd-scrollbar\n    [fdkResizeBoundary]=\"elementRef.nativeElement\"\n    class=\"fd-dialog__content\"\n    [class]=\"dialogConfig.dialogPanelClass\"\n    [class.cdk-drag]=\"dialogConfig.draggable\"\n    [class.fd-dialog__content--s]=\"dialogPaddingSize === 'sm'\"\n    [class.fd-dialog__content--m]=\"dialogPaddingSize === 'md'\"\n    [class.fd-dialog__content--l]=\"dialogPaddingSize === 'lg'\"\n    [class.fd-dialog__content--xl]=\"dialogPaddingSize === 'xl'\"\n    [class.fd-dialog__content--mobile]=\"dialogConfig.mobile || _fullScreen\"\n    [class.fd-dialog__content--no-mobile-stretch]=\"dialogConfig.mobileOuterSpacing\"\n    [class.fd-dialog__content--draggable-grab]=\"dialogConfig.draggable && !isDragged\"\n    [class.fd-dialog__content--draggable-grabbing]=\"dialogConfig.draggable && isDragged\"\n    [class.fd-dialog__content-full-screen]=\"_fullScreen\"\n    [class.fd-settings__dialog-content]=\"dialogConfig.settings\"\n    [cdkDragDisabled]=\"!dialogConfig.draggable\"\n    [fdkResizeDisabled]=\"!dialogConfig.resizable\"\n    [attr.id]=\"dialogConfig.id\"\n    [attr.aria-label]=\"dialogConfig.ariaLabel\"\n    [attr.aria-labelledby]=\"dialogConfig.ariaLabelledBy\"\n    [attr.aria-describedby]=\"dialogConfig.ariaDescribedBy\"\n    (cdkDragStarted)=\"isDragged = true\"\n    (cdkDragEnded)=\"isDragged = false\"\n    (onResizeEnd)=\"adjustResponsivePadding()\"\n>\n    @if (dialogConfig.resizable && !_fullScreen && !dialogConfig.mobile) {\n        <span fdkResizeHandle class=\"fd-dialog__resize-handle\" role=\"presentation\" aria-hidden=\"true\"></span>\n    }\n    <div cdkDragHandle [cdkDragHandleDisabled]=\"!dialogConfig.draggable\">\n        <ng-content select=\"fd-dialog-header\"></ng-content>\n    </div>\n    <ng-content select=\"fd-dialog-body\"></ng-content>\n    <ng-content select=\"fd-dialog-footer\"></ng-content>\n</div>\n", styles: ["@charset \"UTF-8\";.fd-dialog{position:fixed;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fd-dialog,.fd-dialog:before{height:100%;left:0;top:0;width:100%}.fd-dialog:before{background-color:var(--sapBlockLayer_Background);content:\"\";opacity:var(--sapBlockLayer_Opacity);position:absolute}.fd-dialog__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;border-radius:var(--sapElement_BorderCornerRadius);-webkit-box-shadow:var(--sapContent_Shadow3);box-shadow:var(--sapContent_Shadow3);-ms-flex-direction:column;flex-direction:column;max-height:calc(100vh - 6%);max-width:calc(100vw - 10%);min-height:7.5rem;min-width:20rem;outline:none;position:absolute}.fd-dialog__body{overflow:auto;-webkit-box-flex:1;-ms-flex-positive:1;background-color:var(--sapGroup_ContentBackground);flex-grow:1}.fd-dialog__footer.fd-bar,.fd-dialog__header.fd-bar,.fd-dialog__subheader.fd-bar{padding-inline:1rem 1rem;-ms-flex-negative:0;flex-shrink:0}.fd-dialog__content--mobile{border-radius:0;height:100vh;max-height:100vh;max-width:100vw;width:100vw}.fd-dialog{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:none;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-dialog:after,.fd-dialog:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dialog--active{display:-webkit-box;display:-ms-flexbox;display:flex}.fd-dialog__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-dialog__content:after,.fd-dialog__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dialog__content--def .fd-dialog__body,.fd-dialog__content--def .fd-dialog__footer.fd-bar,.fd-dialog__content--def .fd-dialog__header.fd-bar,.fd-dialog__content--def .fd-dialog__subheader.fd-bar,.fd-dialog__content--s .fd-dialog__body,.fd-dialog__content--s .fd-dialog__footer.fd-bar,.fd-dialog__content--s .fd-dialog__header.fd-bar,.fd-dialog__content--s .fd-dialog__subheader.fd-bar{padding-inline:1rem 1rem}.fd-dialog__content--l .fd-dialog__body,.fd-dialog__content--l .fd-dialog__footer.fd-bar,.fd-dialog__content--l .fd-dialog__header.fd-bar,.fd-dialog__content--l .fd-dialog__subheader.fd-bar,.fd-dialog__content--m .fd-dialog__body,.fd-dialog__content--m .fd-dialog__footer.fd-bar,.fd-dialog__content--m .fd-dialog__header.fd-bar,.fd-dialog__content--m .fd-dialog__subheader.fd-bar{padding-inline:2rem 2rem}.fd-dialog__content--xl .fd-dialog__body,.fd-dialog__content--xl .fd-dialog__footer.fd-bar,.fd-dialog__content--xl .fd-dialog__header.fd-bar,.fd-dialog__content--xl .fd-dialog__subheader.fd-bar{padding-inline:3rem 3rem}.fd-dialog__content--mobile .fd-dialog__body,.fd-dialog__content--mobile .fd-dialog__footer,.fd-dialog__content--mobile .fd-dialog__header,.fd-dialog__content--mobile .fd-menu__item:first-child,.fd-dialog__content--mobile .fd-menu__item:first-child .fd-menu__link:after,.fd-dialog__content--mobile .fd-menu__item:last-child,.fd-dialog__content--mobile .fd-menu__item:last-child .fd-menu__link:after{border-radius:0}.fd-dialog__content--no-mobile-stretch{border-radius:var(--sapElement_BorderCornerRadius);max-height:calc(100vh - 6%);max-width:calc(100vw - 10%)}.fd-dialog__content--draggable-grab.is-hover .fd-dialog__header,.fd-dialog__content--draggable-grab:hover .fd-dialog__header{cursor:move;cursor:-webkit-grab;cursor:grab}.fd-dialog__content--draggable-grabbing.is-hover .fd-dialog__header,.fd-dialog__content--draggable-grabbing:hover .fd-dialog__header{cursor:move;cursor:-webkit-grabbing;cursor:grabbing}.fd-dialog__header.fd-bar{border-top-left-radius:var(--sapElement_BorderCornerRadius);border-top-right-radius:var(--sapElement_BorderCornerRadius)}.fd-dialog__footer.fd-bar{border-bottom-left-radius:var(--sapElement_BorderCornerRadius);border-bottom-right-radius:var(--sapElement_BorderCornerRadius)}.fd-dialog__footer.fd-bar .fd-dialog__decisive-button,.fd-dialog__header.fd-bar .fd-dialog__decisive-button{min-width:4rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fd-dialog__body{border:0;border-radius:var(--sapElement_BorderCornerRadius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:1rem 1rem;padding-inline:0;position:relative}.fd-dialog__body:after,.fd-dialog__body:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dialog__body--no-vertical-padding{padding-block:0}.fd-dialog__body--no-horizontal-padding{padding-inline:0}.fd-dialog__body:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.fd-dialog__body:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}.fd-dialog__loader{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;margin-top:1.5rem;padding-block:0;padding-inline:0;text-align:center;-webkit-margin-after:.5rem;margin-block-end:.5rem}.fd-dialog__loader:after,.fd-dialog__loader:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dialog__resize-handle{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1.5rem;line-height:normal;margin-block:0;margin-inline:0;min-width:1.5rem;padding-block:0;padding-inline:0;right:-.5rem;width:1.5rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;bottom:-.5rem;cursor:se-resize;font-size:1rem;justify-content:flex-start;line-height:1rem;overflow:hidden;position:absolute;z-index:2}.fd-dialog__resize-handle:after,.fd-dialog__resize-handle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dialog__resize-handle[dir=rtl],[dir=rtl] .fd-dialog__resize-handle{cursor:sw-resize;left:-.5rem;right:auto;-webkit-transform:scaleX(-1);transform:scaleX(-1);-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fd-dialog__resize-handle:after{color:var(--sapButton_Lite_TextColor);content:\"\\e24f\";font-family:SAP-icons;height:1rem;min-width:1rem;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none;width:1rem}.fd-dialog--no-backdrop:not(.fd-dialog--targeted){left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1000}.fd-settings .fd-settings__dialog-content{height:var(--fdSettings_Dialog_Content_Height,42.5rem);max-height:var(--fdSettings_Dialog_Content_Max_Height,42.5rem);max-width:var(--fdSettings_Dialog_Content_Max_Width,60rem);min-height:var(--fdSettings_Dialog_Content_Min_Height,42.5rem);min-width:var(--fdSettings_Dialog_Content_Min_Width,60rem)}.fd-settings .fd-settings__dialog-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-block:0;padding-inline:0}.fd-settings .fd-settings__list:is(:first-child){overflow-y:auto}.fd-settings .fd-settings__list a:after{content:var(--fdSettings_List_Nav_Indicator_Content,none)}.fd-settings .fd-settings__list--footer{border-top:.0625rem solid var(--sapList_BorderColor)}.fd-settings .fd-settings__tab-bar{height:100%;overflow-y:hidden}.fd-settings .fd-settings__header{-webkit-margin-before:var(--fdSettings_Header_Margin_Top,1rem);margin-block-start:var(--fdSettings_Header_Margin_Top,1rem)}.fd-settings__list-area{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;max-width:var(--fdSettings_List_Area_Width,20rem);min-width:var(--fdSettings_List_Area_Width,20rem);width:var(--fdSettings_List_Area_Width,20rem);-webkit-border-end:var(--fdSettings_List_Area_Border,.0625rem solid var(--sapList_BorderColor));border-inline-end:var(--fdSettings_List_Area_Border,.0625rem solid var(--sapList_BorderColor))}.fd-settings__list-area:after,.fd-settings__list-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__list-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;height:100%;justify-content:space-between;overflow:hidden;position:relative}.fd-settings__list-container:after,.fd-settings__list-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__detail-area{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.fd-settings__detail-area:after,.fd-settings__detail-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__detail-area:has(.fd-settings__tab-bar) .fd-settings__header{--fdBar_Shadow:none}.fd-settings__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;overflow-y:auto;padding-block:0;padding-block:1rem;padding-inline:0;padding-inline:1rem;width:100%}.fd-settings__content:after,.fd-settings__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__content--no-padding{padding-block:0;padding-inline:0}.fd-settings__content--no-background{background:transparent}.fd-settings__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%}.fd-settings__container:after,.fd-settings__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings:has(.fd-settings__container--sm){--fdSettings_List_Area_Width:100%;--fdSettings_Header_Margin_Top:0;--fdSettings_List_Nav_Indicator_Content:\"\\e1ed\";--fdSettings_Dialog_Content_Min_Width:100%;--fdSettings_Dialog_Content_Min_Height:100%;--fdSettings_Dialog_Content_Max_Width:100%;--fdSettings_Dialog_Content_Max_Height:100%;--fdSettings_List_Area_Border:none}.fd-settings:has(.fd-settings__container--sm) .fd-settings__dialog-content{border-radius:0;-webkit-box-shadow:none;box-shadow:none}.fd-settings:has(.fd-settings__container--sm) .fd-settings__dialog-body{border-radius:0}.fd-settings:has(.fd-settings__container--md){--fdSettings_List_Area_Width:100%;--fdSettings_Header_Margin_Top:0;--fdSettings_List_Nav_Indicator_Content:\"\\e1ed\";--fdSettings_Dialog_Content_Min_Width:80%;--fdSettings_Dialog_Content_Min_Height:88%;--fdSettings_Dialog_Content_Max_Width:40rem;--fdSettings_Dialog_Content_Max_Height:42.5rem;--fdSettings_List_Area_Border:none}.fd-settings:has(.fd-settings__container--lg),.fd-settings:has(.fd-settings__container--xl){--fdSettings_List_Area_Width:20rem;--fdSettings_Header_Margin_Top:1rem;--fdSettings_List_Nav_Indicator_Content:none;--fdSettings_Dialog_Content_Min_Width:60rem;--fdSettings_Dialog_Content_Min_Height:42.5rem;--fdSettings_Dialog_Content_Max_Width:60rem;--fdSettings_Dialog_Content_Max_Height:42.5rem}.fd-dialog{z-index:999}.fd-dialog__resize-handle{z-index:1001}.fd-dialog__content-full-screen{position:relative!important;inset:0!important;width:100%!important;height:100%!important;min-width:100%!important;max-width:100%!important;min-height:100%!important;max-height:100%!important;transform:none!important}.fd-dialog__content.fd-dialog__content--mobile{height:100%;max-height:100%;max-width:100%;width:100%;position:fixed!important}.fd-dialog__content.fd-dialog__content--mobile .fd-dialog__header.fd-bar{border-top-left-radius:0;border-top-right-radius:0}.fd-dialog__content.fd-dialog__content--mobile .fd-dialog__footer.fd-bar{border-bottom-left-radius:0;border-bottom-right-radius:0}.fd-dialog__footer{overflow:hidden}.fd-dialog__content:has(.fd-dialog__resize-handle){overflow:visible!important}.fd-dialog__body.fd-settings__dialog-body section{width:100%}.fd-dialog__body:has(.fd-navigation.fd-navigation--popup){padding:0!important}.fd-dialog__body:has(.fd-navigation.fd-navigation--popup) section{height:100%;overflow:hidden}\n/*! Bundled license information:\n\nfundamental-styles/dist/settings.css:\n  (*!\n   * Fundamental Library Styles v0.40.1\n   * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"], dependencies: [{ kind: "directive", type: ResizeDirective, selector: "[fdkResize]", inputs: ["fdkResizeBoundary", "fdkResizeDisabled", "fdkResizeClass", "fdkResizeHandleLocation", "fdkResizeResizeHandleRef"], outputs: ["onResizeStart", "onResizeEnd"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i3$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: ScrollbarDirective, selector: "[fdScrollbar], [fd-scrollbar]", inputs: ["noHorizontalScroll", "noVerticalScroll", "alwaysVisible"] }, { kind: "directive", type: ResizeHandleDirective, selector: "[fdkResizeHandle]" }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogComponent, deps: [{ token: DialogConfig, optional: true }, { token: DialogRef, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: DialogComponent, isStandalone: true, selector: "fd-dialog", inputs: { class: "class", embeddedDialogRef: ["dialogRef", "embeddedDialogRef"], embeddedDialogConfig: ["dialogConfig", "embeddedDialogConfig"] }, host: { attributes: { "tabindex": "-1" } }, providers: [contentDensityObserverProviders({ alwaysAddModifiers: true })], queries: [{ propertyName: "dialogHeaderConfig", first: true, predicate: DialogHeaderComponent, descendants: true }, { propertyName: "dialogBodyConfig", first: true, predicate: DialogBodyComponent, descendants: true }, { propertyName: "dialogFooterConfig", first: true, predicate: DialogFooterComponent, descendants: true }, { propertyName: "dialogTitle", first: true, predicate: DialogTitleDirective, descendants: true }], viewQueries: [{ propertyName: "dialogWindow", first: true, predicate: ["dialogWindow"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\n    #dialogWindow\n    role=\"dialog\"\n    tabindex=\"-1\"\n    aria-modal=\"true\"\n    fdkResize\n    cdkTrapFocus\n    cdkDrag\n    cdkDragBoundary=\".fd-dialog\"\n    fd-scrollbar\n    [fdkResizeBoundary]=\"elementRef.nativeElement\"\n    class=\"fd-dialog__content\"\n    [class]=\"dialogConfig.dialogPanelClass\"\n    [class.cdk-drag]=\"dialogConfig.draggable\"\n    [class.fd-dialog__content--s]=\"dialogPaddingSize === 'sm'\"\n    [class.fd-dialog__content--m]=\"dialogPaddingSize === 'md'\"\n    [class.fd-dialog__content--l]=\"dialogPaddingSize === 'lg'\"\n    [class.fd-dialog__content--xl]=\"dialogPaddingSize === 'xl'\"\n    [class.fd-dialog__content--mobile]=\"dialogConfig.mobile || _fullScreen\"\n    [class.fd-dialog__content--no-mobile-stretch]=\"dialogConfig.mobileOuterSpacing\"\n    [class.fd-dialog__content--draggable-grab]=\"dialogConfig.draggable && !isDragged\"\n    [class.fd-dialog__content--draggable-grabbing]=\"dialogConfig.draggable && isDragged\"\n    [class.fd-dialog__content-full-screen]=\"_fullScreen\"\n    [class.fd-settings__dialog-content]=\"dialogConfig.settings\"\n    [cdkDragDisabled]=\"!dialogConfig.draggable\"\n    [fdkResizeDisabled]=\"!dialogConfig.resizable\"\n    [attr.id]=\"dialogConfig.id\"\n    [attr.aria-label]=\"dialogConfig.ariaLabel\"\n    [attr.aria-labelledby]=\"dialogConfig.ariaLabelledBy\"\n    [attr.aria-describedby]=\"dialogConfig.ariaDescribedBy\"\n    (cdkDragStarted)=\"isDragged = true\"\n    (cdkDragEnded)=\"isDragged = false\"\n    (onResizeEnd)=\"adjustResponsivePadding()\"\n>\n    @if (dialogConfig.resizable && !_fullScreen && !dialogConfig.mobile) {\n        <span fdkResizeHandle class=\"fd-dialog__resize-handle\" role=\"presentation\" aria-hidden=\"true\"></span>\n    }\n    <div cdkDragHandle [cdkDragHandleDisabled]=\"!dialogConfig.draggable\">\n        <ng-content select=\"fd-dialog-header\"></ng-content>\n    </div>\n    <ng-content select=\"fd-dialog-body\"></ng-content>\n    <ng-content select=\"fd-dialog-footer\"></ng-content>\n</div>\n", styles: ["@charset \"UTF-8\";.fd-dialog{position:fixed;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fd-dialog,.fd-dialog:before{height:100%;left:0;top:0;width:100%}.fd-dialog:before{background-color:var(--sapBlockLayer_Background);content:\"\";opacity:var(--sapBlockLayer_Opacity);position:absolute}.fd-dialog__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;border-radius:var(--sapElement_BorderCornerRadius);-webkit-box-shadow:var(--sapContent_Shadow3);box-shadow:var(--sapContent_Shadow3);-ms-flex-direction:column;flex-direction:column;max-height:calc(100vh - 6%);max-width:calc(100vw - 10%);min-height:7.5rem;min-width:20rem;outline:none;position:absolute}.fd-dialog__body{overflow:auto;-webkit-box-flex:1;-ms-flex-positive:1;background-color:var(--sapGroup_ContentBackground);flex-grow:1}.fd-dialog__footer.fd-bar,.fd-dialog__header.fd-bar,.fd-dialog__subheader.fd-bar{padding-inline:1rem 1rem;-ms-flex-negative:0;flex-shrink:0}.fd-dialog__content--mobile{border-radius:0;height:100vh;max-height:100vh;max-width:100vw;width:100vw}.fd-dialog{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:none;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-dialog:after,.fd-dialog:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dialog--active{display:-webkit-box;display:-ms-flexbox;display:flex}.fd-dialog__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-dialog__content:after,.fd-dialog__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dialog__content--def .fd-dialog__body,.fd-dialog__content--def .fd-dialog__footer.fd-bar,.fd-dialog__content--def .fd-dialog__header.fd-bar,.fd-dialog__content--def .fd-dialog__subheader.fd-bar,.fd-dialog__content--s .fd-dialog__body,.fd-dialog__content--s .fd-dialog__footer.fd-bar,.fd-dialog__content--s .fd-dialog__header.fd-bar,.fd-dialog__content--s .fd-dialog__subheader.fd-bar{padding-inline:1rem 1rem}.fd-dialog__content--l .fd-dialog__body,.fd-dialog__content--l .fd-dialog__footer.fd-bar,.fd-dialog__content--l .fd-dialog__header.fd-bar,.fd-dialog__content--l .fd-dialog__subheader.fd-bar,.fd-dialog__content--m .fd-dialog__body,.fd-dialog__content--m .fd-dialog__footer.fd-bar,.fd-dialog__content--m .fd-dialog__header.fd-bar,.fd-dialog__content--m .fd-dialog__subheader.fd-bar{padding-inline:2rem 2rem}.fd-dialog__content--xl .fd-dialog__body,.fd-dialog__content--xl .fd-dialog__footer.fd-bar,.fd-dialog__content--xl .fd-dialog__header.fd-bar,.fd-dialog__content--xl .fd-dialog__subheader.fd-bar{padding-inline:3rem 3rem}.fd-dialog__content--mobile .fd-dialog__body,.fd-dialog__content--mobile .fd-dialog__footer,.fd-dialog__content--mobile .fd-dialog__header,.fd-dialog__content--mobile .fd-menu__item:first-child,.fd-dialog__content--mobile .fd-menu__item:first-child .fd-menu__link:after,.fd-dialog__content--mobile .fd-menu__item:last-child,.fd-dialog__content--mobile .fd-menu__item:last-child .fd-menu__link:after{border-radius:0}.fd-dialog__content--no-mobile-stretch{border-radius:var(--sapElement_BorderCornerRadius);max-height:calc(100vh - 6%);max-width:calc(100vw - 10%)}.fd-dialog__content--draggable-grab.is-hover .fd-dialog__header,.fd-dialog__content--draggable-grab:hover .fd-dialog__header{cursor:move;cursor:-webkit-grab;cursor:grab}.fd-dialog__content--draggable-grabbing.is-hover .fd-dialog__header,.fd-dialog__content--draggable-grabbing:hover .fd-dialog__header{cursor:move;cursor:-webkit-grabbing;cursor:grabbing}.fd-dialog__header.fd-bar{border-top-left-radius:var(--sapElement_BorderCornerRadius);border-top-right-radius:var(--sapElement_BorderCornerRadius)}.fd-dialog__footer.fd-bar{border-bottom-left-radius:var(--sapElement_BorderCornerRadius);border-bottom-right-radius:var(--sapElement_BorderCornerRadius)}.fd-dialog__footer.fd-bar .fd-dialog__decisive-button,.fd-dialog__header.fd-bar .fd-dialog__decisive-button{min-width:4rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fd-dialog__body{border:0;border-radius:var(--sapElement_BorderCornerRadius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:1rem 1rem;padding-inline:0;position:relative}.fd-dialog__body:after,.fd-dialog__body:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dialog__body--no-vertical-padding{padding-block:0}.fd-dialog__body--no-horizontal-padding{padding-inline:0}.fd-dialog__body:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.fd-dialog__body:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}.fd-dialog__loader{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;margin-top:1.5rem;padding-block:0;padding-inline:0;text-align:center;-webkit-margin-after:.5rem;margin-block-end:.5rem}.fd-dialog__loader:after,.fd-dialog__loader:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dialog__resize-handle{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1.5rem;line-height:normal;margin-block:0;margin-inline:0;min-width:1.5rem;padding-block:0;padding-inline:0;right:-.5rem;width:1.5rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;bottom:-.5rem;cursor:se-resize;font-size:1rem;justify-content:flex-start;line-height:1rem;overflow:hidden;position:absolute;z-index:2}.fd-dialog__resize-handle:after,.fd-dialog__resize-handle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-dialog__resize-handle[dir=rtl],[dir=rtl] .fd-dialog__resize-handle{cursor:sw-resize;left:-.5rem;right:auto;-webkit-transform:scaleX(-1);transform:scaleX(-1);-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fd-dialog__resize-handle:after{color:var(--sapButton_Lite_TextColor);content:\"\\e24f\";font-family:SAP-icons;height:1rem;min-width:1rem;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none;width:1rem}.fd-dialog--no-backdrop:not(.fd-dialog--targeted){left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1000}.fd-settings .fd-settings__dialog-content{height:var(--fdSettings_Dialog_Content_Height,42.5rem);max-height:var(--fdSettings_Dialog_Content_Max_Height,42.5rem);max-width:var(--fdSettings_Dialog_Content_Max_Width,60rem);min-height:var(--fdSettings_Dialog_Content_Min_Height,42.5rem);min-width:var(--fdSettings_Dialog_Content_Min_Width,60rem)}.fd-settings .fd-settings__dialog-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-block:0;padding-inline:0}.fd-settings .fd-settings__list:is(:first-child){overflow-y:auto}.fd-settings .fd-settings__list a:after{content:var(--fdSettings_List_Nav_Indicator_Content,none)}.fd-settings .fd-settings__list--footer{border-top:.0625rem solid var(--sapList_BorderColor)}.fd-settings .fd-settings__tab-bar{height:100%;overflow-y:hidden}.fd-settings .fd-settings__header{-webkit-margin-before:var(--fdSettings_Header_Margin_Top,1rem);margin-block-start:var(--fdSettings_Header_Margin_Top,1rem)}.fd-settings__list-area{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;max-width:var(--fdSettings_List_Area_Width,20rem);min-width:var(--fdSettings_List_Area_Width,20rem);width:var(--fdSettings_List_Area_Width,20rem);-webkit-border-end:var(--fdSettings_List_Area_Border,.0625rem solid var(--sapList_BorderColor));border-inline-end:var(--fdSettings_List_Area_Border,.0625rem solid var(--sapList_BorderColor))}.fd-settings__list-area:after,.fd-settings__list-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__list-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;height:100%;justify-content:space-between;overflow:hidden;position:relative}.fd-settings__list-container:after,.fd-settings__list-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__detail-area{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.fd-settings__detail-area:after,.fd-settings__detail-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__detail-area:has(.fd-settings__tab-bar) .fd-settings__header{--fdBar_Shadow:none}.fd-settings__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;overflow-y:auto;padding-block:0;padding-block:1rem;padding-inline:0;padding-inline:1rem;width:100%}.fd-settings__content:after,.fd-settings__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__content--no-padding{padding-block:0;padding-inline:0}.fd-settings__content--no-background{background:transparent}.fd-settings__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%}.fd-settings__container:after,.fd-settings__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings:has(.fd-settings__container--sm){--fdSettings_List_Area_Width:100%;--fdSettings_Header_Margin_Top:0;--fdSettings_List_Nav_Indicator_Content:\"\\e1ed\";--fdSettings_Dialog_Content_Min_Width:100%;--fdSettings_Dialog_Content_Min_Height:100%;--fdSettings_Dialog_Content_Max_Width:100%;--fdSettings_Dialog_Content_Max_Height:100%;--fdSettings_List_Area_Border:none}.fd-settings:has(.fd-settings__container--sm) .fd-settings__dialog-content{border-radius:0;-webkit-box-shadow:none;box-shadow:none}.fd-settings:has(.fd-settings__container--sm) .fd-settings__dialog-body{border-radius:0}.fd-settings:has(.fd-settings__container--md){--fdSettings_List_Area_Width:100%;--fdSettings_Header_Margin_Top:0;--fdSettings_List_Nav_Indicator_Content:\"\\e1ed\";--fdSettings_Dialog_Content_Min_Width:80%;--fdSettings_Dialog_Content_Min_Height:88%;--fdSettings_Dialog_Content_Max_Width:40rem;--fdSettings_Dialog_Content_Max_Height:42.5rem;--fdSettings_List_Area_Border:none}.fd-settings:has(.fd-settings__container--lg),.fd-settings:has(.fd-settings__container--xl){--fdSettings_List_Area_Width:20rem;--fdSettings_Header_Margin_Top:1rem;--fdSettings_List_Nav_Indicator_Content:none;--fdSettings_Dialog_Content_Min_Width:60rem;--fdSettings_Dialog_Content_Min_Height:42.5rem;--fdSettings_Dialog_Content_Max_Width:60rem;--fdSettings_Dialog_Content_Max_Height:42.5rem}.fd-dialog{z-index:999}.fd-dialog__resize-handle{z-index:1001}.fd-dialog__content-full-screen{position:relative!important;inset:0!important;width:100%!important;height:100%!important;min-width:100%!important;max-width:100%!important;min-height:100%!important;max-height:100%!important;transform:none!important}.fd-dialog__content.fd-dialog__content--mobile{height:100%;max-height:100%;max-width:100%;width:100%;position:fixed!important}.fd-dialog__content.fd-dialog__content--mobile .fd-dialog__header.fd-bar{border-top-left-radius:0;border-top-right-radius:0}.fd-dialog__content.fd-dialog__content--mobile .fd-dialog__footer.fd-bar{border-bottom-left-radius:0;border-bottom-right-radius:0}.fd-dialog__footer{overflow:hidden}.fd-dialog__content:has(.fd-dialog__resize-handle){overflow:visible!important}.fd-dialog__body.fd-settings__dialog-body section{width:100%}.fd-dialog__body:has(.fd-navigation.fd-navigation--popup){padding:0!important}.fd-dialog__body:has(.fd-navigation.fd-navigation--popup) section{height:100%;overflow:hidden}\n/*! Bundled license information:\n\nfundamental-styles/dist/settings.css:\n  (*!\n   * Fundamental Library Styles v0.40.1\n   * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"], dependencies: [{ kind: "directive", type: ResizeDirective, selector: "[fdkResize]", inputs: ["fdkResizeBoundary", "fdkResizeDisabled", "fdkResizeClass", "fdkResizeHandleLocation", "fdkResizeResizeHandleRef"], outputs: ["onResizeStart", "onResizeEnd"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i3$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: ScrollbarDirective, selector: "[fdScrollbar], [fd-scrollbar]", inputs: ["noHorizontalScroll", "noVerticalScroll", "alwaysVisible"] }, { kind: "directive", type: ResizeHandleDirective, selector: "[fdkResizeHandle]" }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     applyCssClass,
@@ -850,7 +850,7 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", Array)
 ], DialogComponent.prototype, "buildComponentCssClass", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-dialog', host: {
                         tabindex: '-1'
@@ -942,10 +942,10 @@ class DialogDefaultComponent {
     _fullScreenButtonClicked() {
         this._defaultDialogContent?.fullScreenButtonCallback?.();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogDefaultComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: DialogConfig }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: DialogDefaultComponent, isStandalone: true, selector: "fd-dialog-default", ngImport: i0, template: "<fd-dialog>\n    <fd-dialog-header>\n        <div\n            role=\"heading\"\n            [attr.aria-level]=\"_defaultDialogContent?.titleHeadingLevel || 1\"\n            fd-title\n            [id]=\"_defaultDialogContent?.titleId || dialogTitleId\"\n        >\n            {{ _defaultDialogContent?.title }}\n        </div>\n        @if (_defaultDialogContent?.allowFullScreen) {\n            <button\n                fd-dialog-full-screen-toggler-button\n                #fullScreenTogglerButton\n                [title]=\"\n                    (fullScreenTogglerButton._fullscreen$()\n                        ? _defaultDialogContent?.fullScreenMinifyButtonText\n                        : _defaultDialogContent?.fullScreenExpandButtonText) || ''\n                \"\n                (click)=\"_fullScreenButtonClicked()\"\n            ></button>\n        }\n        @if (_defaultDialogContent?.closeButtonCallback) {\n            <button\n                fd-dialog-close-button\n                [title]=\"_defaultDialogContent?.closeButtonTitle || ''\"\n                [ariaLabel]=\"_defaultDialogContent?.closeButtonAriaLabel || ''\"\n                (click)=\"_closeButtonClicked()\"\n            ></button>\n        }\n        @if (_defaultDialogContent?.subHeader) {\n            <ng-template fdkTemplate=\"subheader\">\n                <ng-template [ngTemplateOutlet]=\"_defaultDialogContent!.subHeader!\"></ng-template>\n            </ng-template>\n        }\n    </fd-dialog-header>\n    @if (_defaultDialogContent?.content) {\n        <fd-dialog-body [id]=\"_defaultDialogContent?.contentId || dialogContentId\">\n            <ng-template [ngTemplateOutlet]=\"_defaultDialogContent?.content!\"></ng-template>\n        </fd-dialog-body>\n    }\n    @if (_showFooter()) {\n        <fd-dialog-footer>\n            @if (_defaultDialogContent?.approveButton) {\n                <fd-button-bar\n                    fdType=\"emphasized\"\n                    fdkInitialFocus\n                    [label]=\"_defaultDialogContent?.approveButton || ''\"\n                    [fdCozy]=\"_defaultDialogConfiguration.mobile\"\n                    (click)=\"_approveButtonClicked()\"\n                    [ariaLabel]=\"_defaultDialogContent?.approveButtonAriaLabel\"\n                    [id]=\"_defaultDialogContent?.approveButtonId\"\n                >\n                </fd-button-bar>\n            }\n            @if (_defaultDialogContent?.cancelButton) {\n                <fd-button-bar\n                    [label]=\"_defaultDialogContent?.cancelButton || ''\"\n                    [fdCozy]=\"_defaultDialogConfiguration.mobile\"\n                    (click)=\"_cancelButtonClicked()\"\n                    [ariaLabel]=\"_defaultDialogContent?.closeButtonAriaLabel\"\n                    [id]=\"_defaultDialogContent?.cancelButtonId\"\n                >\n                </fd-button-bar>\n            }\n        </fd-dialog-footer>\n    }\n</fd-dialog>\n", dependencies: [{ kind: "component", type: DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: DialogFullScreenTogglerButtonComponent, selector: "[fd-dialog-full-screen-toggler-button]", inputs: ["mobile", "dialogRef", "title"] }, { kind: "component", type: DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title", "ariaLabel"] }, { kind: "directive", type: TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DialogBodyComponent, selector: "fd-dialog-body", inputs: ["disablePaddings"] }, { kind: "component", type: DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "directive", type: InitialFocusDirective, selector: "[fdkInitialFocus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }, { kind: "directive", type: ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogDefaultComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: DialogConfig }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: DialogDefaultComponent, isStandalone: true, selector: "fd-dialog-default", ngImport: i0, template: "<fd-dialog>\n    <fd-dialog-header>\n        <div\n            role=\"heading\"\n            [attr.aria-level]=\"_defaultDialogContent?.titleHeadingLevel || 1\"\n            fd-title\n            [id]=\"_defaultDialogContent?.titleId || dialogTitleId\"\n        >\n            {{ _defaultDialogContent?.title }}\n        </div>\n        @if (_defaultDialogContent?.allowFullScreen) {\n            <button\n                fd-dialog-full-screen-toggler-button\n                #fullScreenTogglerButton\n                [title]=\"\n                    (fullScreenTogglerButton._fullscreen$()\n                        ? _defaultDialogContent?.fullScreenMinifyButtonText\n                        : _defaultDialogContent?.fullScreenExpandButtonText) || ''\n                \"\n                (click)=\"_fullScreenButtonClicked()\"\n            ></button>\n        }\n        @if (_defaultDialogContent?.closeButtonCallback) {\n            <button\n                fd-dialog-close-button\n                [title]=\"_defaultDialogContent?.closeButtonTitle || ''\"\n                [ariaLabel]=\"_defaultDialogContent?.closeButtonAriaLabel || ''\"\n                (click)=\"_closeButtonClicked()\"\n            ></button>\n        }\n        @if (_defaultDialogContent?.subHeader) {\n            <ng-template fdkTemplate=\"subheader\">\n                <ng-template [ngTemplateOutlet]=\"_defaultDialogContent!.subHeader!\"></ng-template>\n            </ng-template>\n        }\n    </fd-dialog-header>\n    @if (_defaultDialogContent?.content) {\n        <fd-dialog-body [id]=\"_defaultDialogContent?.contentId || dialogContentId\">\n            <ng-template [ngTemplateOutlet]=\"_defaultDialogContent?.content!\"></ng-template>\n        </fd-dialog-body>\n    }\n    @if (_showFooter()) {\n        <fd-dialog-footer>\n            @if (_defaultDialogContent?.approveButton) {\n                <fd-button-bar\n                    fdType=\"emphasized\"\n                    fdkInitialFocus\n                    [label]=\"_defaultDialogContent?.approveButton || ''\"\n                    [fdCozy]=\"_defaultDialogConfiguration.mobile\"\n                    (click)=\"_approveButtonClicked()\"\n                    [ariaLabel]=\"_defaultDialogContent?.approveButtonAriaLabel\"\n                    [id]=\"_defaultDialogContent?.approveButtonId\"\n                >\n                </fd-button-bar>\n            }\n            @if (_defaultDialogContent?.cancelButton) {\n                <fd-button-bar\n                    [label]=\"_defaultDialogContent?.cancelButton || ''\"\n                    [fdCozy]=\"_defaultDialogConfiguration.mobile\"\n                    (click)=\"_cancelButtonClicked()\"\n                    [ariaLabel]=\"_defaultDialogContent?.closeButtonAriaLabel\"\n                    [id]=\"_defaultDialogContent?.cancelButtonId\"\n                >\n                </fd-button-bar>\n            }\n        </fd-dialog-footer>\n    }\n</fd-dialog>\n", dependencies: [{ kind: "component", type: DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: DialogFullScreenTogglerButtonComponent, selector: "[fd-dialog-full-screen-toggler-button]", inputs: ["mobile", "dialogRef", "title"] }, { kind: "component", type: DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title", "ariaLabel"] }, { kind: "directive", type: TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DialogBodyComponent, selector: "fd-dialog-body", inputs: ["disablePaddings"] }, { kind: "component", type: DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "directive", type: InitialFocusDirective, selector: "[fdkInitialFocus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }, { kind: "directive", type: ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogDefaultComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogDefaultComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-dialog-default', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         DialogComponent,
@@ -1075,8 +1075,8 @@ class DialogContainerComponent extends DynamicComponentContainer {
             error: () => callback()
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogContainerComponent, deps: [{ token: DialogConfig }, { token: DialogRef }, { token: i0.DestroyRef }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: DialogContainerComponent, isStandalone: true, selector: "fd-dialog-container", inputs: { class: "class" }, host: { listeners: { "@state.done": "onAnimationEnd($event)" }, properties: { "@state": "this._animationState" } }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true }], usesInheritance: true, ngImport: i0, template: '<ng-template (attached)="_attached($event)" cdkPortalOutlet></ng-template>', isInline: true, styles: [":host:not(:first-of-type) ::ng-deep .fd-dialog:before{opacity:0}\n"], dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i3$2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [dialogFade], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogContainerComponent, deps: [{ token: DialogConfig }, { token: DialogRef }, { token: i0.DestroyRef }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: DialogContainerComponent, isStandalone: true, selector: "fd-dialog-container", inputs: { class: "class" }, host: { listeners: { "@state.done": "onAnimationEnd($event)" }, properties: { "@state": "this._animationState" } }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true }], usesInheritance: true, ngImport: i0, template: '<ng-template (attached)="_attached($event)" cdkPortalOutlet></ng-template>', isInline: true, styles: [":host:not(:first-of-type) ::ng-deep .fd-dialog:before{opacity:0}\n"], dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i3$2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [dialogFade], encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     applyCssClass,
@@ -1084,7 +1084,7 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", Array)
 ], DialogContainerComponent.prototype, "buildComponentCssClass", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-dialog-container', template: '<ng-template (attached)="_attached($event)" cdkPortalOutlet></ng-template>', animations: [dialogFade], encapsulation: ViewEncapsulation.None, standalone: true, imports: [PortalModule], styles: [":host:not(:first-of-type) ::ng-deep .fd-dialog:before{opacity:0}\n"] }]
         }], ctorParameters: () => [{ type: DialogConfig }, { type: DialogRef }, { type: i0.DestroyRef }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.Injector }], propDecorators: { class: [{
@@ -1162,10 +1162,10 @@ class DialogService extends DialogBaseService {
         });
         return dialogRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogService, deps: [{ token: DIALOG_DEFAULT_CONFIG, optional: true }, { token: i1.RtlService, optional: true }, { token: i0.Injector }, { token: i2.Overlay }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogService, deps: [{ token: DIALOG_DEFAULT_CONFIG, optional: true }, { token: i1.RtlService, optional: true }, { token: i0.Injector }, { token: i2.Overlay }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -1190,16 +1190,16 @@ class DialogTemplateDirective {
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: DialogTemplateDirective, isStandalone: true, selector: "[fdDialogTemplate]", inputs: { fdDialogTemplateConfig: { classPropertyName: "fdDialogTemplateConfig", publicName: "fdDialogTemplateConfig", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.4", type: DialogTemplateDirective, isStandalone: true, selector: "[fdDialogTemplate]", inputs: { fdDialogTemplateConfig: { classPropertyName: "fdDialogTemplateConfig", publicName: "fdDialogTemplateConfig", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdDialogTemplate]',
                     standalone: true
                 }]
-        }], propDecorators: { fdDialogTemplateConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "fdDialogTemplateConfig", required: false }] }] } });
+        }] });
 
 /**
  * Provides necessary services for dialog functionality to properly work.
@@ -1235,8 +1235,8 @@ const declarations = [
  * in order to provide dialog service, use `provideDialogService()`
  */
 class DialogModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.0", ngImport: i0, type: DialogModule, imports: [DialogComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: DialogModule, imports: [DialogComponent,
             DialogBodyComponent,
             DialogFooterComponent,
             DialogHeaderComponent,
@@ -1273,7 +1273,7 @@ class DialogModule {
             BarElementDirective,
             ButtonBarComponent,
             TitleComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogModule, providers: [provideDialogService()], imports: [DialogComponent,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogModule, providers: [provideDialogService()], imports: [DialogComponent,
             DialogBodyComponent,
             DialogFooterComponent,
             DialogHeaderComponent,
@@ -1289,7 +1289,7 @@ class DialogModule {
             // Keeping these two items for backwards compatibility.
             TemplateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -1348,10 +1348,10 @@ class DialogOverlayContainer extends OverlayContainer {
         containerElement.classList.add('fd-dialog-overlay-container');
         return containerElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogOverlayContainer, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogOverlayContainer }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogOverlayContainer, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogOverlayContainer }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DialogOverlayContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DialogOverlayContainer, decorators: [{
             type: Injectable
         }] });