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

package/fesm2022/fundamental-ngx-core-message-box.mjs

@@ -25,10 +25,10 @@ class MessageBoxConfig extends DialogConfigBase {
         /** Whether to show the semantic icon */
         this.showSemanticIcon = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageBoxConfig, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageBoxConfig }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageBoxConfig, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageBoxConfig }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageBoxConfig, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageBoxConfig, decorators: [{
             type: Injectable
         }] });
 
@@ -48,12 +48,12 @@ class MessageBoxBodyComponent {
     constructor(messageBox) {
         this.messageBox = messageBox;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageBoxBodyComponent, deps: [{ token: MessageBoxHost, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: MessageBoxBodyComponent, isStandalone: true, selector: "fd-message-box-body", host: { properties: { "class.fd-message-box__body": "true", "class.fd-message-box__body--no-vertical-padding": "!messageBoxConfig.verticalPadding" } }, ngImport: i0, template: `<section>
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageBoxBodyComponent, deps: [{ token: MessageBoxHost, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: MessageBoxBodyComponent, isStandalone: true, selector: "fd-message-box-body", host: { properties: { "class.fd-message-box__body": "true", "class.fd-message-box__body--no-vertical-padding": "!messageBoxConfig.verticalPadding" } }, ngImport: i0, template: `<section>
         <ng-content></ng-content>
     </section>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageBoxBodyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageBoxBodyComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-message-box-body',
@@ -96,10 +96,10 @@ class MessageBoxFooterComponent extends DialogFooterBase {
     ngAfterViewInit() {
         this._listenForButtonChanges(MessageBoxButtonClass);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageBoxFooterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: MessageBoxFooterComponent, isStandalone: true, selector: "fd-message-box-footer", usesInheritance: true, ngImport: i0, template: "<footer fd-bar class=\"fd-message-box__footer\" barDesign=\"footer\" [fdCozy]=\"messageBoxConfig.mobile\">\n    <ng-template [ngTemplateOutlet]=\"footerTemplate() ? footerTemplate() : defaultTemplate\"></ng-template>\n    <ng-template #defaultTemplate>\n        <div fd-bar-right>\n            <ng-content></ng-content>\n        </div>\n    </ng-template>\n</footer>\n", dependencies: [{ kind: "component", type: BarComponent, selector: "[fd-bar]", inputs: ["barDesign", "inPage", "inHomePage", "clear", "size", "initialSuggestionTitle", "initialSuggestionSubline", "role"] }, { 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"] }, { kind: "directive", type: BarRightDirective, selector: "[fd-bar-right]", inputs: ["stackContentsVertically"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageBoxFooterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: MessageBoxFooterComponent, isStandalone: true, selector: "fd-message-box-footer", usesInheritance: true, ngImport: i0, template: "<footer fd-bar class=\"fd-message-box__footer\" barDesign=\"footer\" [fdCozy]=\"messageBoxConfig.mobile\">\n    <ng-template [ngTemplateOutlet]=\"footerTemplate() ? footerTemplate() : defaultTemplate\"></ng-template>\n    <ng-template #defaultTemplate>\n        <div fd-bar-right>\n            <ng-content></ng-content>\n        </div>\n    </ng-template>\n</footer>\n", dependencies: [{ kind: "component", type: BarComponent, selector: "[fd-bar]", inputs: ["barDesign", "inPage", "inHomePage", "clear", "size", "initialSuggestionTitle", "initialSuggestionSubline", "role"] }, { 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"] }, { kind: "directive", type: BarRightDirective, selector: "[fd-bar-right]", inputs: ["stackContentsVertically"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageBoxFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageBoxFooterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-message-box-footer', changeDetection: ChangeDetectionStrategy.OnPush, imports: [BarComponent, ContentDensityDirective, NgTemplateOutlet, BarRightDirective], template: "<footer fd-bar class=\"fd-message-box__footer\" barDesign=\"footer\" [fdCozy]=\"messageBoxConfig.mobile\">\n    <ng-template [ngTemplateOutlet]=\"footerTemplate() ? footerTemplate() : defaultTemplate\"></ng-template>\n    <ng-template #defaultTemplate>\n        <div fd-bar-right>\n            <ng-content></ng-content>\n        </div>\n    </ng-template>\n</footer>\n" }]
         }] });
@@ -147,10 +147,10 @@ class MessageBoxSemanticIconComponent {
                 return '';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageBoxSemanticIconComponent, deps: [{ token: MessageBoxHost, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: MessageBoxSemanticIconComponent, isStandalone: true, selector: "fd-message-box-semantic-icon", inputs: { glyph: "glyph", glyphFont: "glyphFont" }, host: { attributes: { "role": "presentation" }, properties: { "attr.aria-hidden": "true" } }, ngImport: i0, template: `<fd-icon [glyph]="_getIcon" [font]="glyphFont" role="presentation"></fd-icon>`, isInline: true, dependencies: [{ kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "size", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageBoxSemanticIconComponent, deps: [{ token: MessageBoxHost, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: MessageBoxSemanticIconComponent, isStandalone: true, selector: "fd-message-box-semantic-icon", inputs: { glyph: "glyph", glyphFont: "glyphFont" }, host: { attributes: { "role": "presentation" }, properties: { "attr.aria-hidden": "true" } }, ngImport: i0, template: `<fd-icon [glyph]="_getIcon" [font]="glyphFont" role="presentation"></fd-icon>`, isInline: true, dependencies: [{ kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "size", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageBoxSemanticIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageBoxSemanticIconComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-message-box-semantic-icon',
@@ -210,10 +210,10 @@ class MessageBoxHeaderComponent extends DialogHeaderBase {
         // running this in next microtask to avoid "ExpressionChangedAfterItHasBeenCheckedError"
         Promise.resolve().then(() => this._cdr.markForCheck());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageBoxHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: MessageBoxHeaderComponent, isStandalone: true, selector: "fd-message-box-header", queries: [{ propertyName: "_projectedSemanticIcon", first: true, predicate: MessageBoxSemanticIconComponent, descendants: true }], viewQueries: [{ propertyName: "defaultTemplateHeaderBar", first: true, predicate: ["defaultTemplateHeaderBar"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<header>\n    <div\n        fd-bar\n        role=\"group\"\n        class=\"fd-message-box__header\"\n        [fdCozy]=\"messageBoxConfig.mobile\"\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 #defaultTemplateHeaderBar>\n                    @if (_showSemanticIcon) {\n                        <fd-message-box-semantic-icon\n                            class=\"fd-message-box__internal-semantic-icon\"\n                        ></fd-message-box-semantic-icon>\n                    }\n                    <ng-content select=\"fd-message-box-semantic-icon\"></ng-content>\n                    <ng-content select=\"[fd-title]\"></ng-content>\n                </fd-bar-element>\n            </div>\n        </ng-template>\n    </div>\n    @if (subHeaderTemplate()) {\n        <div fd-bar class=\"fd-message-box__subheader\" barDesign=\"subheader\" [fdCozy]=\"messageBoxConfig.mobile\">\n            <ng-template [ngTemplateOutlet]=\"subHeaderTemplate()\"></ng-template>\n        </div>\n    }\n</header>\n", dependencies: [{ kind: "component", type: BarComponent, selector: "[fd-bar]", inputs: ["barDesign", "inPage", "inHomePage", "clear", "size", "initialSuggestionTitle", "initialSuggestionSubline", "role"] }, { 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"] }, { kind: "directive", type: BarLeftDirective, selector: "[fd-bar-left]", inputs: ["stackContentsVertically"] }, { kind: "directive", type: BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: MessageBoxSemanticIconComponent, selector: "fd-message-box-semantic-icon", inputs: ["glyph", "glyphFont"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageBoxHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: MessageBoxHeaderComponent, isStandalone: true, selector: "fd-message-box-header", queries: [{ propertyName: "_projectedSemanticIcon", first: true, predicate: MessageBoxSemanticIconComponent, descendants: true }], viewQueries: [{ propertyName: "defaultTemplateHeaderBar", first: true, predicate: ["defaultTemplateHeaderBar"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<header>\n    <div\n        fd-bar\n        role=\"group\"\n        class=\"fd-message-box__header\"\n        [fdCozy]=\"messageBoxConfig.mobile\"\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 #defaultTemplateHeaderBar>\n                    @if (_showSemanticIcon) {\n                        <fd-message-box-semantic-icon\n                            class=\"fd-message-box__internal-semantic-icon\"\n                        ></fd-message-box-semantic-icon>\n                    }\n                    <ng-content select=\"fd-message-box-semantic-icon\"></ng-content>\n                    <ng-content select=\"[fd-title]\"></ng-content>\n                </fd-bar-element>\n            </div>\n        </ng-template>\n    </div>\n    @if (subHeaderTemplate()) {\n        <div fd-bar class=\"fd-message-box__subheader\" barDesign=\"subheader\" [fdCozy]=\"messageBoxConfig.mobile\">\n            <ng-template [ngTemplateOutlet]=\"subHeaderTemplate()\"></ng-template>\n        </div>\n    }\n</header>\n", dependencies: [{ kind: "component", type: BarComponent, selector: "[fd-bar]", inputs: ["barDesign", "inPage", "inHomePage", "clear", "size", "initialSuggestionTitle", "initialSuggestionSubline", "role"] }, { 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"] }, { kind: "directive", type: BarLeftDirective, selector: "[fd-bar-left]", inputs: ["stackContentsVertically"] }, { kind: "directive", type: BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: MessageBoxSemanticIconComponent, selector: "fd-message-box-semantic-icon", inputs: ["glyph", "glyphFont"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageBoxHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageBoxHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-message-box-header', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         BarComponent,
@@ -242,10 +242,10 @@ const CSS_CLASS_NAME = {
 };
 
 class MessageBoxRef extends DialogRefBase {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageBoxRef, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageBoxRef }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageBoxRef, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageBoxRef }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageBoxRef, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageBoxRef, decorators: [{
             type: Injectable
         }] });
 
@@ -330,8 +330,8 @@ class MessageBoxComponent extends DialogBase {
                 return '';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageBoxComponent, deps: [{ token: MessageBoxConfig, optional: true }, { token: MessageBoxRef, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: MessageBoxComponent, isStandalone: true, selector: "fd-message-box", inputs: { class: "class", embeddedMessageBoxRef: ["messageBoxRef", "embeddedMessageBoxRef"], embeddedMessageBoxConfig: ["messageBoxConfig", "embeddedMessageBoxConfig"] }, host: { attributes: { "tabindex": "-1" } }, providers: [{ provide: MessageBoxHost, useExisting: MessageBoxComponent }], viewQueries: [{ propertyName: "dialogWindow", first: true, predicate: ["dialogWindow"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\n    #dialogWindow\n    role=\"alertdialog\"\n    tabindex=\"-1\"\n    aria-modal=\"true\"\n    [class]=\"_messageBoxConfig.dialogPanelClass\"\n    [class.fd-message-box__content]=\"true\"\n    [class.fd-message-box__content--s]=\"dialogPaddingSize() === 'sm'\"\n    [class.fd-message-box__content--m]=\"dialogPaddingSize() === 'md'\"\n    [class.fd-message-box__content--l]=\"dialogPaddingSize() === 'lg'\"\n    [class.fd-message-box__content--xl]=\"dialogPaddingSize() === 'xl'\"\n    [class.fd-message-box__content--mobile]=\"_messageBoxConfig.mobile\"\n    [class.fd-message-box__content--no-mobile-stretch]=\"_messageBoxConfig.mobileOuterSpacing\"\n    [attr.id]=\"_messageBoxConfig.id\"\n    [attr.aria-label]=\"_messageBoxConfig.ariaLabel\"\n    [attr.aria-labelledby]=\"_messageBoxConfig.ariaLabelledBy\"\n    [attr.aria-describedby]=\"_messageBoxConfig.ariaDescribedBy\"\n>\n    <ng-content select=\"fd-message-box-header\"></ng-content>\n    <ng-content select=\"fd-message-box-body\"></ng-content>\n    <ng-content select=\"fd-message-box-footer\"></ng-content>\n</div>\n", styles: [".fd-message-box{position:fixed;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;height:100%;justify-content:center;left:0;top:0;width:100%}.fd-message-box:before{background-color:var(--sapBlockLayer_Background);content:\"\";height:100%;left:0;opacity:var(--sapBlockLayer_Opacity);position:absolute;top:0;width:100%}.fd-message-box__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-message-box__body{overflow:auto;-webkit-box-flex:1;-ms-flex-positive:1;background-color:var(--sapGroup_ContentBackground);flex-grow:1}.fd-message-box__content--mobile{border-radius:0;height:100vh;max-height:100vh;max-width:100vw;width:100vw}.fd-message-box__title{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-message-box{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-message-box:after,.fd-message-box:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-box__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0}.fd-message-box__content:after,.fd-message-box__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-box__content--s .fd-message-box__body,.fd-message-box__content--s .fd-message-box__footer,.fd-message-box__content--s .fd-message-box__header{--fdBar_Padding_X:1rem;--fdMessageBox_Body_Inline_Padding:1rem}.fd-message-box__content--l .fd-message-box__body,.fd-message-box__content--l .fd-message-box__footer,.fd-message-box__content--l .fd-message-box__header,.fd-message-box__content--m .fd-message-box__body,.fd-message-box__content--m .fd-message-box__footer,.fd-message-box__content--m .fd-message-box__header{--fdBar_Padding_X:2rem;--fdMessageBox_Body_Inline_Padding:2rem}.fd-message-box__content--xl .fd-message-box__body,.fd-message-box__content--xl .fd-message-box__footer,.fd-message-box__content--xl .fd-message-box__header{--fdBar_Padding_X:3rem;--fdMessageBox_Body_Inline_Padding:3rem}.fd-message-box__footer .fd-message-box__decisive-button{--fdButton_Min_Width:4rem}.fd-message-box__body{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:1rem;padding-inline:0;padding-inline:var(--fdMessageBox_Body_Inline_Padding,1rem)}.fd-message-box__body:after,.fd-message-box__body:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-box__title{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-message-box__title:after,.fd-message-box__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-box__more{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-margin-before:1rem;margin-block-start:1rem}.fd-message-box__more:after,.fd-message-box__more:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-box--active{display:-webkit-box;display:-ms-flexbox;display:flex}.fd-message-box--confirmation .fd-message-box__header{--fdBar_Shadow:var(--sapContent_HeaderShadow)}.fd-message-box--confirmation .fd-message-box__header :not(button)>[class*=sap-icon]{--fdIcon_Font_Size:1rem;--fdIcon_Color:var(--sapNeutralElementColor);-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-message-box--error .fd-message-box__header{--fdBar_Shadow:var(--sapContent_Error_HeaderShadow)}.fd-message-box--error .fd-message-box__header :not(button)>[class*=sap-icon]{--fdIcon_Font_Size:1rem;--fdIcon_Color:var(--sapNegativeElementColor);-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-message-box--success .fd-message-box__header{--fdBar_Shadow:var(--sapContent_Success_HeaderShadow)}.fd-message-box--success .fd-message-box__header :not(button)>[class*=sap-icon]{--fdIcon_Font_Size:1rem;--fdIcon_Color:var(--sapPositiveElementColor);-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-message-box--warning .fd-message-box__header{--fdBar_Shadow:var(--sapContent_Warning_HeaderShadow)}.fd-message-box--warning .fd-message-box__header :not(button)>[class*=sap-icon]{--fdIcon_Font_Size:1rem;--fdIcon_Color:var(--sapCriticalElementColor);-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-message-box--information .fd-message-box__header{--fdBar_Shadow:var(--sapContent_Information_HeaderShadow)}.fd-message-box--information .fd-message-box__header :not(button)>[class*=sap-icon]{--fdIcon_Font_Size:1rem;--fdIcon_Color:var(--sapInformativeElementColor);-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-message-box[class*=-compact] .fd-message-box__decisive-button,.fd-message-box[class*=-condensed] .fd-message-box__decisive-button,[class*=-compact] .fd-message-box:not([class*=-cozy]) .fd-message-box__decisive-button,[class*=-condensed] .fd-message-box:not([class*=-cozy]) .fd-message-box__decisive-button{--fdButton_Min_Width:4rem}.fd-message-box{z-index:1000}.fd-message-box__header [class*=sap-icon]{margin-right:.5rem}.fd-message-box__header[dir=rtl] [class*=sap-icon],[dir=rtl] .fd-message-box__header [class*=sap-icon]{margin-right:0;margin-left:.5rem}.fd-message-box .fd-message-box__header .fd-title[class*=fd-title--h]{--fdTitle_Font_Size: var(--sapFontHeader5Size)}\n/*! Bundled license information:\n\nfundamental-styles/dist/message-box.css:\n  (*!\n   * Fundamental Library Styles v0.41.9\n   * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageBoxComponent, deps: [{ token: MessageBoxConfig, optional: true }, { token: MessageBoxRef, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: MessageBoxComponent, isStandalone: true, selector: "fd-message-box", inputs: { class: "class", embeddedMessageBoxRef: ["messageBoxRef", "embeddedMessageBoxRef"], embeddedMessageBoxConfig: ["messageBoxConfig", "embeddedMessageBoxConfig"] }, host: { attributes: { "tabindex": "-1" } }, providers: [{ provide: MessageBoxHost, useExisting: MessageBoxComponent }], viewQueries: [{ propertyName: "dialogWindow", first: true, predicate: ["dialogWindow"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\n    #dialogWindow\n    role=\"alertdialog\"\n    tabindex=\"-1\"\n    aria-modal=\"true\"\n    [class]=\"_messageBoxConfig.dialogPanelClass\"\n    [class.fd-message-box__content]=\"true\"\n    [class.fd-message-box__content--s]=\"dialogPaddingSize() === 'sm'\"\n    [class.fd-message-box__content--m]=\"dialogPaddingSize() === 'md'\"\n    [class.fd-message-box__content--l]=\"dialogPaddingSize() === 'lg'\"\n    [class.fd-message-box__content--xl]=\"dialogPaddingSize() === 'xl'\"\n    [class.fd-message-box__content--mobile]=\"_messageBoxConfig.mobile\"\n    [class.fd-message-box__content--no-mobile-stretch]=\"_messageBoxConfig.mobileOuterSpacing\"\n    [attr.id]=\"_messageBoxConfig.id\"\n    [attr.aria-label]=\"_messageBoxConfig.ariaLabel\"\n    [attr.aria-labelledby]=\"_messageBoxConfig.ariaLabelledBy\"\n    [attr.aria-describedby]=\"_messageBoxConfig.ariaDescribedBy\"\n>\n    <ng-content select=\"fd-message-box-header\"></ng-content>\n    <ng-content select=\"fd-message-box-body\"></ng-content>\n    <ng-content select=\"fd-message-box-footer\"></ng-content>\n</div>\n", styles: [".fd-message-box{position:fixed;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;height:100%;justify-content:center;left:0;top:0;width:100%}.fd-message-box:before{background-color:var(--sapBlockLayer_Background);content:\"\";height:100%;left:0;opacity:var(--sapBlockLayer_Opacity);position:absolute;top:0;width:100%}.fd-message-box__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-message-box__body{overflow:auto;-webkit-box-flex:1;-ms-flex-positive:1;background-color:var(--sapGroup_ContentBackground);flex-grow:1}.fd-message-box__content--mobile{border-radius:0;height:100vh;max-height:100vh;max-width:100vw;width:100vw}.fd-message-box__title{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-message-box{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-message-box:after,.fd-message-box:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-box__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0}.fd-message-box__content:after,.fd-message-box__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-box__content--s .fd-message-box__body,.fd-message-box__content--s .fd-message-box__footer,.fd-message-box__content--s .fd-message-box__header{--fdBar_Padding_X:1rem;--fdMessageBox_Body_Inline_Padding:1rem}.fd-message-box__content--l .fd-message-box__body,.fd-message-box__content--l .fd-message-box__footer,.fd-message-box__content--l .fd-message-box__header,.fd-message-box__content--m .fd-message-box__body,.fd-message-box__content--m .fd-message-box__footer,.fd-message-box__content--m .fd-message-box__header{--fdBar_Padding_X:2rem;--fdMessageBox_Body_Inline_Padding:2rem}.fd-message-box__content--xl .fd-message-box__body,.fd-message-box__content--xl .fd-message-box__footer,.fd-message-box__content--xl .fd-message-box__header{--fdBar_Padding_X:3rem;--fdMessageBox_Body_Inline_Padding:3rem}.fd-message-box__footer .fd-message-box__decisive-button{--fdButton_Min_Width:4rem}.fd-message-box__body{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:1rem;padding-inline:0;padding-inline:var(--fdMessageBox_Body_Inline_Padding,1rem)}.fd-message-box__body:after,.fd-message-box__body:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-box__title{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-message-box__title:after,.fd-message-box__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-box__more{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-margin-before:1rem;margin-block-start:1rem}.fd-message-box__more:after,.fd-message-box__more:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-box--active{display:-webkit-box;display:-ms-flexbox;display:flex}.fd-message-box--confirmation .fd-message-box__header{--fdBar_Shadow:var(--sapContent_HeaderShadow)}.fd-message-box--confirmation .fd-message-box__header :not(button)>[class*=sap-icon]{--fdIcon_Font_Size:1rem;--fdIcon_Color:var(--sapNeutralElementColor);-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-message-box--error .fd-message-box__header{--fdBar_Shadow:var(--sapContent_Error_HeaderShadow)}.fd-message-box--error .fd-message-box__header :not(button)>[class*=sap-icon]{--fdIcon_Font_Size:1rem;--fdIcon_Color:var(--sapNegativeElementColor);-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-message-box--success .fd-message-box__header{--fdBar_Shadow:var(--sapContent_Success_HeaderShadow)}.fd-message-box--success .fd-message-box__header :not(button)>[class*=sap-icon]{--fdIcon_Font_Size:1rem;--fdIcon_Color:var(--sapPositiveElementColor);-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-message-box--warning .fd-message-box__header{--fdBar_Shadow:var(--sapContent_Warning_HeaderShadow)}.fd-message-box--warning .fd-message-box__header :not(button)>[class*=sap-icon]{--fdIcon_Font_Size:1rem;--fdIcon_Color:var(--sapCriticalElementColor);-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-message-box--information .fd-message-box__header{--fdBar_Shadow:var(--sapContent_Information_HeaderShadow)}.fd-message-box--information .fd-message-box__header :not(button)>[class*=sap-icon]{--fdIcon_Font_Size:1rem;--fdIcon_Color:var(--sapInformativeElementColor);-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-message-box[class*=-compact] .fd-message-box__decisive-button,.fd-message-box[class*=-condensed] .fd-message-box__decisive-button,[class*=-compact] .fd-message-box:not([class*=-cozy]) .fd-message-box__decisive-button,[class*=-condensed] .fd-message-box:not([class*=-cozy]) .fd-message-box__decisive-button{--fdButton_Min_Width:4rem}.fd-message-box{z-index:1000}.fd-message-box__header [class*=sap-icon]{margin-right:.5rem}.fd-message-box__header[dir=rtl] [class*=sap-icon],[dir=rtl] .fd-message-box__header [class*=sap-icon]{margin-right:0;margin-left:.5rem}.fd-message-box .fd-message-box__header .fd-title[class*=fd-title--h]{--fdTitle_Font_Size: var(--sapFontHeader5Size)}\n/*! Bundled license information:\n\nfundamental-styles/dist/message-box.css:\n  (*!\n   * Fundamental Library Styles v0.41.9\n   * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     applyCssClass,
@@ -339,7 +339,7 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", Array)
 ], MessageBoxComponent.prototype, "buildComponentCssClass", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-message-box', host: {
                         tabindex: '-1'
@@ -416,10 +416,10 @@ class MessageBoxDefaultComponent {
                 : this._textContentTemplate;
         this._changeDetectorRef.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageBoxDefaultComponent, deps: [{ token: MessageBoxConfig }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: MessageBoxDefaultComponent, isStandalone: true, selector: "fd-message-box-default", viewQueries: [{ propertyName: "_textContentTemplate", first: true, predicate: ["textContent"], descendants: true }], ngImport: i0, template: "@if (_messageBoxContent) {\n    <fd-message-box>\n        <fd-message-box-header>\n            <div\n                fd-title\n                role=\"heading\"\n                [ariaLevel]=\"_messageBoxContent.titleHeadingLevel || 2\"\n                [id]=\"_messageBoxContent.titleId || messageBoxTitleId\"\n            >\n                {{ _messageBoxContent.title }}\n            </div>\n        </fd-message-box-header>\n        <fd-message-box-body [id]=\"_messageBoxContent.contentId || messageBoxContentId\">\n            <ng-template [ngTemplateOutlet]=\"_contentTemplate\"></ng-template>\n        </fd-message-box-body>\n        @if (_footerVisible) {\n            <fd-message-box-footer>\n                @if (_messageBoxContent.approveButton) {\n                    <fd-button-bar\n                        fdkInitialFocus\n                        [enabled]=\"_messageBoxConfig.focusTrapped !== false\"\n                        fdType=\"emphasized\"\n                        [label]=\"_messageBoxContent.approveButton\"\n                        [ariaLabel]=\"_messageBoxContent.approveButtonAriaLabel\"\n                        [id]=\"_messageBoxContent.approveButtonId || ''\"\n                        [fdCompact]=\"!_messageBoxConfig.mobile\"\n                        (click)=\"_onApproveButton()\"\n                    >\n                    </fd-button-bar>\n                }\n                @if (_messageBoxContent.cancelButton) {\n                    <fd-button-bar\n                        [label]=\"_messageBoxContent.cancelButton\"\n                        [ariaLabel]=\"_messageBoxContent.closeButtonAriaLabel\"\n                        [id]=\"_messageBoxContent.cancelButtonId || ''\"\n                        [fdCompact]=\"!_messageBoxConfig.mobile\"\n                        (click)=\"_onCancelButton()\"\n                    >\n                    </fd-button-bar>\n                }\n            </fd-message-box-footer>\n        }\n    </fd-message-box>\n}\n<ng-template #textContent>\n    {{ _messageBoxContent?.content }}\n</ng-template>\n", dependencies: [{ kind: "component", type: MessageBoxComponent, selector: "fd-message-box", inputs: ["class", "messageBoxRef", "messageBoxConfig"] }, { kind: "component", type: MessageBoxHeaderComponent, selector: "fd-message-box-header" }, { kind: "component", type: TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["twoLineClamp", "headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: MessageBoxBodyComponent, selector: "fd-message-box-body" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MessageBoxFooterComponent, selector: "fd-message-box-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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageBoxDefaultComponent, deps: [{ token: MessageBoxConfig }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: MessageBoxDefaultComponent, isStandalone: true, selector: "fd-message-box-default", viewQueries: [{ propertyName: "_textContentTemplate", first: true, predicate: ["textContent"], descendants: true }], ngImport: i0, template: "@if (_messageBoxContent) {\n    <fd-message-box>\n        <fd-message-box-header>\n            <div\n                fd-title\n                role=\"heading\"\n                [ariaLevel]=\"_messageBoxContent.titleHeadingLevel || 2\"\n                [id]=\"_messageBoxContent.titleId || messageBoxTitleId\"\n            >\n                {{ _messageBoxContent.title }}\n            </div>\n        </fd-message-box-header>\n        <fd-message-box-body [id]=\"_messageBoxContent.contentId || messageBoxContentId\">\n            <ng-template [ngTemplateOutlet]=\"_contentTemplate\"></ng-template>\n        </fd-message-box-body>\n        @if (_footerVisible) {\n            <fd-message-box-footer>\n                @if (_messageBoxContent.approveButton) {\n                    <fd-button-bar\n                        fdkInitialFocus\n                        [enabled]=\"_messageBoxConfig.focusTrapped !== false\"\n                        fdType=\"emphasized\"\n                        [label]=\"_messageBoxContent.approveButton\"\n                        [ariaLabel]=\"_messageBoxContent.approveButtonAriaLabel\"\n                        [id]=\"_messageBoxContent.approveButtonId || ''\"\n                        [fdCompact]=\"!_messageBoxConfig.mobile\"\n                        (click)=\"_onApproveButton()\"\n                    >\n                    </fd-button-bar>\n                }\n                @if (_messageBoxContent.cancelButton) {\n                    <fd-button-bar\n                        [label]=\"_messageBoxContent.cancelButton\"\n                        [ariaLabel]=\"_messageBoxContent.closeButtonAriaLabel\"\n                        [id]=\"_messageBoxContent.cancelButtonId || ''\"\n                        [fdCompact]=\"!_messageBoxConfig.mobile\"\n                        (click)=\"_onCancelButton()\"\n                    >\n                    </fd-button-bar>\n                }\n            </fd-message-box-footer>\n        }\n    </fd-message-box>\n}\n<ng-template #textContent>\n    {{ _messageBoxContent?.content }}\n</ng-template>\n", dependencies: [{ kind: "component", type: MessageBoxComponent, selector: "fd-message-box", inputs: ["class", "messageBoxRef", "messageBoxConfig"] }, { kind: "component", type: MessageBoxHeaderComponent, selector: "fd-message-box-header" }, { kind: "component", type: TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["twoLineClamp", "headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: MessageBoxBodyComponent, selector: "fd-message-box-body" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MessageBoxFooterComponent, selector: "fd-message-box-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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageBoxDefaultComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageBoxDefaultComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-message-box-default', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         MessageBoxComponent,
@@ -566,8 +566,8 @@ class MessageBoxContainerComponent extends DynamicComponentContainer {
             error: () => this._exit()
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageBoxContainerComponent, deps: [{ token: MessageBoxConfig }, { token: MessageBoxRef }, { 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: "22.0.5", type: MessageBoxContainerComponent, isStandalone: true, selector: "fd-message-box-container", inputs: { class: "class" }, host: { styleAttribute: "opacity: 0; position: relative; z-index: 999" }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true }], usesInheritance: true, ngImport: i0, template: '<ng-template (attached)="_attached($event)" cdkPortalOutlet></ng-template>', isInline: true, dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageBoxContainerComponent, deps: [{ token: MessageBoxConfig }, { token: MessageBoxRef }, { 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: "22.2.1", type: MessageBoxContainerComponent, isStandalone: true, selector: "fd-message-box-container", inputs: { class: "class" }, host: { styleAttribute: "opacity: 0; position: relative; z-index: 999" }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true }], usesInheritance: true, ngImport: i0, template: '<ng-template (attached)="_attached($event)" cdkPortalOutlet></ng-template>', isInline: true, dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     applyCssClass,
@@ -575,7 +575,7 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", Array)
 ], MessageBoxContainerComponent.prototype, "buildComponentCssClass", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageBoxContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageBoxContainerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-message-box-container',
@@ -602,10 +602,10 @@ class MessageBoxTemplateDirective {
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageBoxTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: MessageBoxTemplateDirective, isStandalone: true, selector: "[fdMessageBoxTemplate]", inputs: { fdMessageBoxTemplateConfig: "fdMessageBoxTemplateConfig" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageBoxTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: MessageBoxTemplateDirective, isStandalone: true, selector: "[fdMessageBoxTemplate]", inputs: { fdMessageBoxTemplateConfig: "fdMessageBoxTemplateConfig" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageBoxTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageBoxTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdMessageBoxTemplate]',
@@ -654,10 +654,10 @@ class MessageBoxService extends DialogBaseService {
         });
         return messageBoxRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageBoxService, deps: [{ token: MESSAGE_BOX_DEFAULT_CONFIG, optional: true }, { token: i1.RtlService, optional: true }, { token: i2.Overlay }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageBoxService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageBoxService, deps: [{ token: MESSAGE_BOX_DEFAULT_CONFIG, optional: true }, { token: i1.RtlService, optional: true }, { token: i2.Overlay }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageBoxService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageBoxService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageBoxService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: MessageBoxConfig, decorators: [{
                     type: Optional
@@ -683,8 +683,8 @@ const declarations = [
  * Use direct imports of components and directives.
  */
 class MessageBoxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: MessageBoxModule, imports: [TemplateDirective, InitialFocusModule, TitleComponent, MessageBoxSemanticIconComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.1", ngImport: i0, type: MessageBoxModule, imports: [TemplateDirective, InitialFocusModule, TitleComponent, MessageBoxSemanticIconComponent,
             MessageBoxContainerComponent,
             MessageBoxDefaultComponent,
             MessageBoxFooterComponent,
@@ -699,13 +699,13 @@ class MessageBoxModule {
             MessageBoxBodyComponent,
             MessageBoxComponent,
             MessageBoxTemplateDirective, TemplateDirective, InitialFocusModule, TitleComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageBoxModule, providers: [MessageBoxService, DynamicComponentService], imports: [InitialFocusModule, TitleComponent, MessageBoxSemanticIconComponent,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageBoxModule, providers: [MessageBoxService, DynamicComponentService], imports: [InitialFocusModule, TitleComponent, MessageBoxSemanticIconComponent,
             MessageBoxContainerComponent,
             MessageBoxDefaultComponent,
             MessageBoxFooterComponent,
             MessageBoxHeaderComponent, InitialFocusModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageBoxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageBoxModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [TemplateDirective, InitialFocusModule, TitleComponent, declarations],

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

@@ -9,10 +9,10 @@ class MessagePageActionsComponent {
         /** @hidden */
         this.fdMessagePageActionsClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessagePageActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: MessagePageActionsComponent, isStandalone: true, selector: "fd-message-page-actions", host: { properties: { "class.fd-message-page__actions": "this.fdMessagePageActionsClass" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessagePageActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: MessagePageActionsComponent, isStandalone: true, selector: "fd-message-page-actions", host: { properties: { "class.fd-message-page__actions": "this.fdMessagePageActionsClass" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessagePageActionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessagePageActionsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-message-page-actions',
@@ -31,10 +31,10 @@ class MessagePageMoreComponent {
         /** @hidden */
         this.fdMessagePageMoreClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessagePageMoreComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: MessagePageMoreComponent, isStandalone: true, selector: "fd-message-page-more", host: { properties: { "class.fd-message-page__more": "this.fdMessagePageMoreClass" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessagePageMoreComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: MessagePageMoreComponent, isStandalone: true, selector: "fd-message-page-more", host: { properties: { "class.fd-message-page__more": "this.fdMessagePageMoreClass" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessagePageMoreComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessagePageMoreComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-message-page-more',
@@ -53,10 +53,10 @@ class MessagePageSubtitleComponent {
         /** @hidden */
         this.fdMessagePageTitleClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessagePageSubtitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: MessagePageSubtitleComponent, isStandalone: true, selector: "fd-message-page-subtitle", host: { properties: { "class.fd-message-page__subtitle": "this.fdMessagePageTitleClass" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessagePageSubtitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: MessagePageSubtitleComponent, isStandalone: true, selector: "fd-message-page-subtitle", host: { properties: { "class.fd-message-page__subtitle": "this.fdMessagePageTitleClass" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessagePageSubtitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessagePageSubtitleComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-message-page-subtitle',
@@ -75,10 +75,10 @@ class MessagePageTitleComponent {
         /** @hidden */
         this.fdMessagePageTitleClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessagePageTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: MessagePageTitleComponent, isStandalone: true, selector: "fd-message-page-title", host: { properties: { "class.fd-message-page__title": "this.fdMessagePageTitleClass" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessagePageTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: MessagePageTitleComponent, isStandalone: true, selector: "fd-message-page-title", host: { properties: { "class.fd-message-page__title": "this.fdMessagePageTitleClass" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessagePageTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessagePageTitleComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-message-page-title',
@@ -167,8 +167,8 @@ class MessagePageComponent {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessagePageComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: MessagePageComponent, isStandalone: true, selector: "fd-message-page", inputs: { class: "class", type: "type", hasIcon: "hasIcon", glyphFont: "glyphFont", glyph: "glyph" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"fd-message-page__container\">\n    @if (hasIcon) {\n        <div class=\"fd-message-page__icon-container\">\n            <fd-icon role=\"presentation\" class=\"fd-message-page__icon\" [glyph]=\"glyph\" [font]=\"glyphFont\"></fd-icon>\n        </div>\n    }\n    <div role=\"status\" aria-live=\"polite\" class=\"fd-message-page__content\">\n        <ng-content select=\"fd-message-page-title\"></ng-content>\n        <ng-content select=\"fd-message-page-subtitle\"></ng-content>\n        <ng-content select=\"fd-message-page-actions\"></ng-content>\n        <ng-content select=\"fd-message-page-more\"></ng-content>\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".fd-message-page{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--sapBackgroundColor);height:100%;width:100%}.fd-message-page:after,.fd-message-page:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-page__actions,.fd-message-page__container,.fd-message-page__content,.fd-message-page__more,.fd-message-page__subtitle,.fd-message-page__title{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;max-width:30rem;padding-block:0;padding-inline:0}.fd-message-page__actions:after,.fd-message-page__actions:before,.fd-message-page__container:after,.fd-message-page__container:before,.fd-message-page__content:after,.fd-message-page__content:before,.fd-message-page__more:after,.fd-message-page__more:before,.fd-message-page__subtitle:after,.fd-message-page__subtitle:before,.fd-message-page__title:after,.fd-message-page__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-page__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdMessage_Page_Container_Background);border-radius:var(--fdMessage_Page_Container_Corner_Radius);padding-block:1rem;padding-inline:1rem}.fd-message-page__illustration-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;max-height:15rem;max-width:20rem;padding-block:0;padding-inline:0}.fd-message-page__illustration-container:after,.fd-message-page__illustration-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-page__icon-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:8rem;width:100%}.fd-message-page__icon-container:after,.fd-message-page__icon-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-page__icon [class*=sap-icon],.fd-message-page__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapContent_NonInteractiveIconColor);font-size:inherit;font-size:6rem;line-height:1;max-width:30rem;opacity:.5}.fd-message-page__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-padding-after:2rem;padding-block-end:2rem}.fd-message-page__title{margin-top:var(--fdMessage_Page_Title_Margin_Top);-webkit-margin-after:var(--fdMessage_Page_Title_Margin_Bottom);color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader2Size);margin-block-end:var(--fdMessage_Page_Title_Margin_Bottom);text-align:center}.fd-message-page__subtitle{-webkit-margin-after:2rem;color:var(--sapContent_LabelColor);font-size:var(--sapFontHeader5Size);margin-block-end:2rem}.fd-message-page__subtitle--center{text-align:center}.fd-message-page__actions{-ms-flex-wrap:wrap;flex-wrap:wrap}.fd-message-page__actions,.fd-message-page__more{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:2rem}.fd-message-page__more{margin-top:.5rem}\n/*! Bundled license information:\n\nfundamental-styles/dist/message-page.css:\n  (*!\n   * Fundamental Library Styles v0.41.9\n   * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "size", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessagePageComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: MessagePageComponent, isStandalone: true, selector: "fd-message-page", inputs: { class: "class", type: "type", hasIcon: "hasIcon", glyphFont: "glyphFont", glyph: "glyph" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"fd-message-page__container\">\n    @if (hasIcon) {\n        <div class=\"fd-message-page__icon-container\">\n            <fd-icon role=\"presentation\" class=\"fd-message-page__icon\" [glyph]=\"glyph\" [font]=\"glyphFont\"></fd-icon>\n        </div>\n    }\n    <div role=\"status\" aria-live=\"polite\" class=\"fd-message-page__content\">\n        <ng-content select=\"fd-message-page-title\"></ng-content>\n        <ng-content select=\"fd-message-page-subtitle\"></ng-content>\n        <ng-content select=\"fd-message-page-actions\"></ng-content>\n        <ng-content select=\"fd-message-page-more\"></ng-content>\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".fd-message-page{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--sapBackgroundColor);height:100%;width:100%}.fd-message-page:after,.fd-message-page:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-page__actions,.fd-message-page__container,.fd-message-page__content,.fd-message-page__more,.fd-message-page__subtitle,.fd-message-page__title{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;max-width:30rem;padding-block:0;padding-inline:0}.fd-message-page__actions:after,.fd-message-page__actions:before,.fd-message-page__container:after,.fd-message-page__container:before,.fd-message-page__content:after,.fd-message-page__content:before,.fd-message-page__more:after,.fd-message-page__more:before,.fd-message-page__subtitle:after,.fd-message-page__subtitle:before,.fd-message-page__title:after,.fd-message-page__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-page__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdMessage_Page_Container_Background);border-radius:var(--fdMessage_Page_Container_Corner_Radius);padding-block:1rem;padding-inline:1rem}.fd-message-page__illustration-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;max-height:15rem;max-width:20rem;padding-block:0;padding-inline:0}.fd-message-page__illustration-container:after,.fd-message-page__illustration-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-page__icon-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:8rem;width:100%}.fd-message-page__icon-container:after,.fd-message-page__icon-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-page__icon [class*=sap-icon],.fd-message-page__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapContent_NonInteractiveIconColor);font-size:inherit;font-size:6rem;line-height:1;max-width:30rem;opacity:.5}.fd-message-page__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-padding-after:2rem;padding-block-end:2rem}.fd-message-page__title{margin-top:var(--fdMessage_Page_Title_Margin_Top);-webkit-margin-after:var(--fdMessage_Page_Title_Margin_Bottom);color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader2Size);margin-block-end:var(--fdMessage_Page_Title_Margin_Bottom);text-align:center}.fd-message-page__subtitle{-webkit-margin-after:2rem;color:var(--sapContent_LabelColor);font-size:var(--sapFontHeader5Size);margin-block-end:2rem}.fd-message-page__subtitle--center{text-align:center}.fd-message-page__actions{-ms-flex-wrap:wrap;flex-wrap:wrap}.fd-message-page__actions,.fd-message-page__more{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:2rem}.fd-message-page__more{margin-top:.5rem}\n/*! Bundled license information:\n\nfundamental-styles/dist/message-page.css:\n  (*!\n   * Fundamental Library Styles v0.41.9\n   * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "size", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     applyCssClass,
@@ -176,7 +176,7 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", Array)
 ], MessagePageComponent.prototype, "buildComponentCssClass", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessagePageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessagePageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-message-page', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [IconComponent], template: "<div class=\"fd-message-page__container\">\n    @if (hasIcon) {\n        <div class=\"fd-message-page__icon-container\">\n            <fd-icon role=\"presentation\" class=\"fd-message-page__icon\" [glyph]=\"glyph\" [font]=\"glyphFont\"></fd-icon>\n        </div>\n    }\n    <div role=\"status\" aria-live=\"polite\" class=\"fd-message-page__content\">\n        <ng-content select=\"fd-message-page-title\"></ng-content>\n        <ng-content select=\"fd-message-page-subtitle\"></ng-content>\n        <ng-content select=\"fd-message-page-actions\"></ng-content>\n        <ng-content select=\"fd-message-page-more\"></ng-content>\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".fd-message-page{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--sapBackgroundColor);height:100%;width:100%}.fd-message-page:after,.fd-message-page:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-page__actions,.fd-message-page__container,.fd-message-page__content,.fd-message-page__more,.fd-message-page__subtitle,.fd-message-page__title{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;max-width:30rem;padding-block:0;padding-inline:0}.fd-message-page__actions:after,.fd-message-page__actions:before,.fd-message-page__container:after,.fd-message-page__container:before,.fd-message-page__content:after,.fd-message-page__content:before,.fd-message-page__more:after,.fd-message-page__more:before,.fd-message-page__subtitle:after,.fd-message-page__subtitle:before,.fd-message-page__title:after,.fd-message-page__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-page__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdMessage_Page_Container_Background);border-radius:var(--fdMessage_Page_Container_Corner_Radius);padding-block:1rem;padding-inline:1rem}.fd-message-page__illustration-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;max-height:15rem;max-width:20rem;padding-block:0;padding-inline:0}.fd-message-page__illustration-container:after,.fd-message-page__illustration-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-page__icon-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:8rem;width:100%}.fd-message-page__icon-container:after,.fd-message-page__icon-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-page__icon [class*=sap-icon],.fd-message-page__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapContent_NonInteractiveIconColor);font-size:inherit;font-size:6rem;line-height:1;max-width:30rem;opacity:.5}.fd-message-page__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-padding-after:2rem;padding-block-end:2rem}.fd-message-page__title{margin-top:var(--fdMessage_Page_Title_Margin_Top);-webkit-margin-after:var(--fdMessage_Page_Title_Margin_Bottom);color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader2Size);margin-block-end:var(--fdMessage_Page_Title_Margin_Bottom);text-align:center}.fd-message-page__subtitle{-webkit-margin-after:2rem;color:var(--sapContent_LabelColor);font-size:var(--sapFontHeader5Size);margin-block-end:2rem}.fd-message-page__subtitle--center{text-align:center}.fd-message-page__actions{-ms-flex-wrap:wrap;flex-wrap:wrap}.fd-message-page__actions,.fd-message-page__more{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:2rem}.fd-message-page__more{margin-top:.5rem}\n/*! Bundled license information:\n\nfundamental-styles/dist/message-page.css:\n  (*!\n   * Fundamental Library Styles v0.41.9\n   * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { class: [{
@@ -203,8 +203,8 @@ const components = [
  * Use direct imports of components and directives.
  */
 class MessagePageModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessagePageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: MessagePageModule, imports: [MessagePageComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessagePageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.1", ngImport: i0, type: MessagePageModule, imports: [MessagePageComponent,
             MessagePageActionsComponent,
             MessagePageMoreComponent,
             MessagePageTitleComponent,
@@ -213,9 +213,9 @@ class MessagePageModule {
             MessagePageMoreComponent,
             MessagePageTitleComponent,
             MessagePageSubtitleComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessagePageModule, imports: [MessagePageComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessagePageModule, imports: [MessagePageComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessagePageModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessagePageModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...components],