@fundamental-ngx/core 0.33.3 → 0.33.4-rc.11

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Component, ViewEncapsulation, Optional, Input, ViewChild, ContentChildren, ChangeDetectionStrategy, TemplateRef, Type, ViewContainerRef, Injector, Inject, Directive, NgModule } from '@angular/core';
+import { InjectionToken, Injectable, Component, ViewEncapsulation, Optional, Input, ViewChild, ChangeDetectionStrategy, ContentChild, TemplateRef, Type, ViewContainerRef, Injector, Inject, Directive, NgModule } from '@angular/core';
 import * as i4$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { __decorate, __metadata } from 'tslib';
@@ -17,7 +17,8 @@ import { IconModule } from '@fundamental-ngx/core/icon';
 /* eslint-disable @typescript-eslint/no-inferrable-types */
 const MESSAGE_BOX_DEFAULT_CONFIG = new InjectionToken('Default MessageBoxConfig');
 /** @hidden */
-const MESSAGE_BOX_CONFIGURABLE_ELEMENT = new InjectionToken('Configurable Message Box element');
+class MessageBoxHost {
+}
 class MessageBoxConfig extends DialogConfigBase {
     constructor() {
         super(...arguments);
@@ -82,13 +83,6 @@ class MessageBoxComponent extends DialogBase {
     set embeddedMessageBoxConfig(value) {
         this._messageBoxConfig = value;
     }
-    /** @hidden If message box sub-components didn't receive MessageBoxConfig from Injector, MessageBoxConfig is passed
-     * from parent. This is necessary when message box has been passed as TemplateRef and created as EmbeddedView.
-     * In such case parent injector of MessageBoxComponent is the component that DECLARED the TemplateRef.
-     **/
-    set messageBox(elements) {
-        elements.forEach((element) => (element.messageBoxConfig = this._messageBoxConfig));
-    }
     /** @hidden */
     get _config() {
         return this._messageBoxConfig;
@@ -147,7 +141,7 @@ class MessageBoxComponent extends DialogBase {
     }
 }
 MessageBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MessageBoxComponent, deps: [{ token: MessageBoxConfig, optional: true }, { token: MessageBoxRef, optional: true }, { token: i3.Router, optional: true }, { token: i4.RtlService, optional: true }, { token: i4.FocusTrapService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-MessageBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: MessageBoxComponent, selector: "fd-message-box", inputs: { class: "class", embeddedMessageBoxRef: ["messageBoxRef", "embeddedMessageBoxRef"], embeddedMessageBoxConfig: ["messageBoxConfig", "embeddedMessageBoxConfig"] }, host: { attributes: { "tabindex": "-1", "role": "dialog" } }, queries: [{ propertyName: "messageBox", predicate: MESSAGE_BOX_CONFIGURABLE_ELEMENT }], 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    [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    [@dialog-fade]\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: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-message-box{position:fixed;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%}.fd-message-box:before{content:\"\";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;background-color:var(--sapBlockLayer_Background, #000);opacity:.6;opacity:var(--fdDialog_Background_Opacity, .6)}.fd-message-box__content{display:flex;flex-direction:column;outline:0;overflow:hidden;position:absolute;min-width:20rem;min-height:7.5rem;max-width:calc(100vw - 10%);max-height:calc(100vh - 6%);box-shadow:0 0 0 .0625rem #0000006b,0 1.25rem 5rem #0000004d;box-shadow:var(--sapContent_Shadow3, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 1.25rem 5rem 0 rgba(0, 0, 0, .3));border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-message-box__body{overflow:auto;flex-grow:1;background-color:#fff;background-color:var(--sapGroup_ContentBackground, #fff)}.fd-message-box__footer.fd-bar,.fd-message-box__header.fd-bar{padding-left:1rem;padding-right:1rem;flex-shrink:0}.fd-message-box__content--mobile{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0}.fd-message-box__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1rem}.fd-message-box{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:none}.fd-message-box:after,.fd-message-box:before{box-sizing:inherit;font-size:inherit}.fd-message-box__content{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;overflow:hidden}.fd-message-box__content:after,.fd-message-box__content:before{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-bar,.fd-message-box__content--s .fd-message-box__header.fd-bar{padding-left:1rem;padding-right:1rem}.fd-message-box__content--m .fd-message-box__body,.fd-message-box__content--m .fd-message-box__footer.fd-bar,.fd-message-box__content--m .fd-message-box__header.fd-bar,.fd-message-box__content--l .fd-message-box__body,.fd-message-box__content--l .fd-message-box__footer.fd-bar,.fd-message-box__content--l .fd-message-box__header.fd-bar{padding-left:2rem;padding-right:2rem}.fd-message-box__content--xl .fd-message-box__body,.fd-message-box__content--xl .fd-message-box__footer.fd-bar,.fd-message-box__content--xl .fd-message-box__header.fd-bar{padding-left:3rem;padding-right:3rem}.fd-message-box__footer .fd-message-box__decisive-button.fd-button{min-width:4rem}.fd-message-box__body{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;padding:1rem}.fd-message-box__body:after,.fd-message-box__body:before{box-sizing:inherit;font-size:inherit}.fd-message-box__title{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0}.fd-message-box__title:after,.fd-message-box__title:before{box-sizing:inherit;font-size:inherit}.fd-message-box__more{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;margin-top:1rem}.fd-message-box__more:after,.fd-message-box__more:before{box-sizing:inherit;font-size:inherit}.fd-message-box--active{display:flex}.fd-message-box--confirmation .fd-message-box__header.fd-bar{box-shadow:0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9;box-shadow:var(--sapContent_HeaderShadow, 0 0 .25rem 0 rgba(0, 0, 0, .15), inset 0 -.0625rem 0 0 #d9d9d9)}.fd-message-box--confirmation .fd-message-box__header.fd-bar [class*=sap-icon]{font-size:1rem;margin-right:.5rem;color:#6a6d70;color:var(--sapNeutralElementColor, #6a6d70)}.fd-message-box--confirmation .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--confirmation .fd-message-box__header.fd-bar [class*=sap-icon]{margin-right:0;margin-left:.5rem}.fd-message-box--error .fd-message-box__header.fd-bar{box-shadow:inset 0 -.0625rem #b00,0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9;box-shadow:var(--fdMessage_Box_Error_Box_Shadow, inset 0 -.0625rem var(--sapErrorBorderColor, #b00), var(--sapContent_HeaderShadow, 0 0 .25rem 0 rgba(0, 0, 0, .15), inset 0 -.0625rem 0 0 #d9d9d9))}.fd-message-box--error .fd-message-box__header.fd-bar [class*=sap-icon]{font-size:1rem;margin-right:.5rem;color:#b00;color:var(--sapNegativeElementColor, #b00)}.fd-message-box--error .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--error .fd-message-box__header.fd-bar [class*=sap-icon]{margin-right:0;margin-left:.5rem}.fd-message-box--success .fd-message-box__header.fd-bar{box-shadow:inset 0 -.0625rem #107e3e,0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9;box-shadow:var(--fdMessage_Box_Success_Box_Shadow, inset 0 -.0625rem var(--sapSuccessBorderColor, #107e3e), var(--sapContent_HeaderShadow, 0 0 .25rem 0 rgba(0, 0, 0, .15), inset 0 -.0625rem 0 0 #d9d9d9))}.fd-message-box--success .fd-message-box__header.fd-bar [class*=sap-icon]{font-size:1rem;margin-right:.5rem;color:#107e3e;color:var(--sapPositiveElementColor, #107e3e)}.fd-message-box--success .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--success .fd-message-box__header.fd-bar [class*=sap-icon]{margin-right:0;margin-left:.5rem}.fd-message-box--warning .fd-message-box__header.fd-bar{box-shadow:inset 0 -.0625rem #df6e0c,0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9;box-shadow:var(--fdMessage_Box_Warning_Box_Shadow, inset 0 -.0625rem var(--sapWarningBorderColor, #df6e0c), var(--sapContent_HeaderShadow, 0 0 .25rem 0 rgba(0, 0, 0, .15), inset 0 -.0625rem 0 0 #d9d9d9))}.fd-message-box--warning .fd-message-box__header.fd-bar [class*=sap-icon]{font-size:1rem;margin-right:.5rem;color:#df6e0c;color:var(--sapCriticalElementColor, #df6e0c)}.fd-message-box--warning .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--warning .fd-message-box__header.fd-bar [class*=sap-icon]{margin-right:0;margin-left:.5rem}.fd-message-box--information .fd-message-box__header.fd-bar{box-shadow:inset 0 -.0625rem #0a6ed1,0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9;box-shadow:var(--fdMessage_Box_Information_Box_Shadow, inset 0 -.0625rem var(--sapInformationBorderColor, #0a6ed1), var(--sapContent_HeaderShadow, 0 0 .25rem 0 rgba(0, 0, 0, .15), inset 0 -.0625rem 0 0 #d9d9d9))}.fd-message-box--information .fd-message-box__header.fd-bar [class*=sap-icon]{font-size:1rem;margin-right:.5rem;color:#0a6ed1;color:var(--sapInformativeElementColor, #0a6ed1)}.fd-message-box--information .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--information .fd-message-box__header.fd-bar [class*=sap-icon]{margin-right:0;margin-left:.5rem}.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}\n"], animations: [dialogFadeNgIf], encapsulation: i0.ViewEncapsulation.None });
+MessageBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: MessageBoxComponent, selector: "fd-message-box", inputs: { class: "class", embeddedMessageBoxRef: ["messageBoxRef", "embeddedMessageBoxRef"], embeddedMessageBoxConfig: ["messageBoxConfig", "embeddedMessageBoxConfig"] }, host: { attributes: { "tabindex": "-1", "role": "dialog" } }, 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=\"dialog\"\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    [@dialog-fade]\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: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-message-box{position:fixed;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%}.fd-message-box:before{content:\"\";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;background-color:var(--sapBlockLayer_Background, #000);opacity:.6;opacity:var(--fdDialog_Background_Opacity, .6)}.fd-message-box__content{display:flex;flex-direction:column;outline:0;overflow:hidden;position:absolute;min-width:20rem;min-height:7.5rem;max-width:calc(100vw - 10%);max-height:calc(100vh - 6%);box-shadow:0 0 0 .0625rem #0000006b,0 1.25rem 5rem #0000004d;box-shadow:var(--sapContent_Shadow3, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 1.25rem 5rem 0 rgba(0, 0, 0, .3));border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-message-box__body{overflow:auto;flex-grow:1;background-color:#fff;background-color:var(--sapGroup_ContentBackground, #fff)}.fd-message-box__footer.fd-bar,.fd-message-box__header.fd-bar{padding-left:1rem;padding-right:1rem;flex-shrink:0}.fd-message-box__content--mobile{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0}.fd-message-box__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1rem}.fd-message-box{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:none}.fd-message-box:after,.fd-message-box:before{box-sizing:inherit;font-size:inherit}.fd-message-box__content{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;overflow:hidden}.fd-message-box__content:after,.fd-message-box__content:before{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-bar,.fd-message-box__content--s .fd-message-box__header.fd-bar{padding-left:1rem;padding-right:1rem}.fd-message-box__content--m .fd-message-box__body,.fd-message-box__content--m .fd-message-box__footer.fd-bar,.fd-message-box__content--m .fd-message-box__header.fd-bar,.fd-message-box__content--l .fd-message-box__body,.fd-message-box__content--l .fd-message-box__footer.fd-bar,.fd-message-box__content--l .fd-message-box__header.fd-bar{padding-left:2rem;padding-right:2rem}.fd-message-box__content--xl .fd-message-box__body,.fd-message-box__content--xl .fd-message-box__footer.fd-bar,.fd-message-box__content--xl .fd-message-box__header.fd-bar{padding-left:3rem;padding-right:3rem}.fd-message-box__footer .fd-message-box__decisive-button.fd-button{min-width:4rem}.fd-message-box__body{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;padding:1rem}.fd-message-box__body:after,.fd-message-box__body:before{box-sizing:inherit;font-size:inherit}.fd-message-box__title{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0}.fd-message-box__title:after,.fd-message-box__title:before{box-sizing:inherit;font-size:inherit}.fd-message-box__more{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;margin-top:1rem}.fd-message-box__more:after,.fd-message-box__more:before{box-sizing:inherit;font-size:inherit}.fd-message-box--active{display:flex}.fd-message-box--confirmation .fd-message-box__header.fd-bar{box-shadow:0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9;box-shadow:var(--sapContent_HeaderShadow, 0 0 .25rem 0 rgba(0, 0, 0, .15), inset 0 -.0625rem 0 0 #d9d9d9)}.fd-message-box--confirmation .fd-message-box__header.fd-bar [class*=sap-icon]{font-size:1rem;margin-right:.5rem;color:#6a6d70;color:var(--sapNeutralElementColor, #6a6d70)}.fd-message-box--confirmation .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--confirmation .fd-message-box__header.fd-bar [class*=sap-icon]{margin-right:0;margin-left:.5rem}.fd-message-box--error .fd-message-box__header.fd-bar{box-shadow:inset 0 -.0625rem #b00,0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9;box-shadow:var(--fdMessage_Box_Error_Box_Shadow, inset 0 -.0625rem var(--sapErrorBorderColor, #b00), var(--sapContent_HeaderShadow, 0 0 .25rem 0 rgba(0, 0, 0, .15), inset 0 -.0625rem 0 0 #d9d9d9))}.fd-message-box--error .fd-message-box__header.fd-bar [class*=sap-icon]{font-size:1rem;margin-right:.5rem;color:#b00;color:var(--sapNegativeElementColor, #b00)}.fd-message-box--error .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--error .fd-message-box__header.fd-bar [class*=sap-icon]{margin-right:0;margin-left:.5rem}.fd-message-box--success .fd-message-box__header.fd-bar{box-shadow:inset 0 -.0625rem #107e3e,0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9;box-shadow:var(--fdMessage_Box_Success_Box_Shadow, inset 0 -.0625rem var(--sapSuccessBorderColor, #107e3e), var(--sapContent_HeaderShadow, 0 0 .25rem 0 rgba(0, 0, 0, .15), inset 0 -.0625rem 0 0 #d9d9d9))}.fd-message-box--success .fd-message-box__header.fd-bar [class*=sap-icon]{font-size:1rem;margin-right:.5rem;color:#107e3e;color:var(--sapPositiveElementColor, #107e3e)}.fd-message-box--success .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--success .fd-message-box__header.fd-bar [class*=sap-icon]{margin-right:0;margin-left:.5rem}.fd-message-box--warning .fd-message-box__header.fd-bar{box-shadow:inset 0 -.0625rem #df6e0c,0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9;box-shadow:var(--fdMessage_Box_Warning_Box_Shadow, inset 0 -.0625rem var(--sapWarningBorderColor, #df6e0c), var(--sapContent_HeaderShadow, 0 0 .25rem 0 rgba(0, 0, 0, .15), inset 0 -.0625rem 0 0 #d9d9d9))}.fd-message-box--warning .fd-message-box__header.fd-bar [class*=sap-icon]{font-size:1rem;margin-right:.5rem;color:#df6e0c;color:var(--sapCriticalElementColor, #df6e0c)}.fd-message-box--warning .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--warning .fd-message-box__header.fd-bar [class*=sap-icon]{margin-right:0;margin-left:.5rem}.fd-message-box--information .fd-message-box__header.fd-bar{box-shadow:inset 0 -.0625rem #0a6ed1,0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9;box-shadow:var(--fdMessage_Box_Information_Box_Shadow, inset 0 -.0625rem var(--sapInformationBorderColor, #0a6ed1), var(--sapContent_HeaderShadow, 0 0 .25rem 0 rgba(0, 0, 0, .15), inset 0 -.0625rem 0 0 #d9d9d9))}.fd-message-box--information .fd-message-box__header.fd-bar [class*=sap-icon]{font-size:1rem;margin-right:.5rem;color:#0a6ed1;color:var(--sapInformativeElementColor, #0a6ed1)}.fd-message-box--information .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--information .fd-message-box__header.fd-bar [class*=sap-icon]{margin-right:0;margin-left:.5rem}.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}\n"], animations: [dialogFadeNgIf], encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     applyCssClass,
     __metadata("design:type", Function),
@@ -159,7 +153,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
             args: [{ selector: 'fd-message-box', host: {
                         tabindex: '-1',
                         role: 'dialog'
-                    }, encapsulation: ViewEncapsulation.None, animations: [dialogFadeNgIf], template: "<div\n    #dialogWindow\n    role=\"dialog\"\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    [@dialog-fade]\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: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-message-box{position:fixed;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%}.fd-message-box:before{content:\"\";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;background-color:var(--sapBlockLayer_Background, #000);opacity:.6;opacity:var(--fdDialog_Background_Opacity, .6)}.fd-message-box__content{display:flex;flex-direction:column;outline:0;overflow:hidden;position:absolute;min-width:20rem;min-height:7.5rem;max-width:calc(100vw - 10%);max-height:calc(100vh - 6%);box-shadow:0 0 0 .0625rem #0000006b,0 1.25rem 5rem #0000004d;box-shadow:var(--sapContent_Shadow3, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 1.25rem 5rem 0 rgba(0, 0, 0, .3));border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-message-box__body{overflow:auto;flex-grow:1;background-color:#fff;background-color:var(--sapGroup_ContentBackground, #fff)}.fd-message-box__footer.fd-bar,.fd-message-box__header.fd-bar{padding-left:1rem;padding-right:1rem;flex-shrink:0}.fd-message-box__content--mobile{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0}.fd-message-box__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1rem}.fd-message-box{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:none}.fd-message-box:after,.fd-message-box:before{box-sizing:inherit;font-size:inherit}.fd-message-box__content{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;overflow:hidden}.fd-message-box__content:after,.fd-message-box__content:before{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-bar,.fd-message-box__content--s .fd-message-box__header.fd-bar{padding-left:1rem;padding-right:1rem}.fd-message-box__content--m .fd-message-box__body,.fd-message-box__content--m .fd-message-box__footer.fd-bar,.fd-message-box__content--m .fd-message-box__header.fd-bar,.fd-message-box__content--l .fd-message-box__body,.fd-message-box__content--l .fd-message-box__footer.fd-bar,.fd-message-box__content--l .fd-message-box__header.fd-bar{padding-left:2rem;padding-right:2rem}.fd-message-box__content--xl .fd-message-box__body,.fd-message-box__content--xl .fd-message-box__footer.fd-bar,.fd-message-box__content--xl .fd-message-box__header.fd-bar{padding-left:3rem;padding-right:3rem}.fd-message-box__footer .fd-message-box__decisive-button.fd-button{min-width:4rem}.fd-message-box__body{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;padding:1rem}.fd-message-box__body:after,.fd-message-box__body:before{box-sizing:inherit;font-size:inherit}.fd-message-box__title{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0}.fd-message-box__title:after,.fd-message-box__title:before{box-sizing:inherit;font-size:inherit}.fd-message-box__more{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;margin-top:1rem}.fd-message-box__more:after,.fd-message-box__more:before{box-sizing:inherit;font-size:inherit}.fd-message-box--active{display:flex}.fd-message-box--confirmation .fd-message-box__header.fd-bar{box-shadow:0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9;box-shadow:var(--sapContent_HeaderShadow, 0 0 .25rem 0 rgba(0, 0, 0, .15), inset 0 -.0625rem 0 0 #d9d9d9)}.fd-message-box--confirmation .fd-message-box__header.fd-bar [class*=sap-icon]{font-size:1rem;margin-right:.5rem;color:#6a6d70;color:var(--sapNeutralElementColor, #6a6d70)}.fd-message-box--confirmation .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--confirmation .fd-message-box__header.fd-bar [class*=sap-icon]{margin-right:0;margin-left:.5rem}.fd-message-box--error .fd-message-box__header.fd-bar{box-shadow:inset 0 -.0625rem #b00,0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9;box-shadow:var(--fdMessage_Box_Error_Box_Shadow, inset 0 -.0625rem var(--sapErrorBorderColor, #b00), var(--sapContent_HeaderShadow, 0 0 .25rem 0 rgba(0, 0, 0, .15), inset 0 -.0625rem 0 0 #d9d9d9))}.fd-message-box--error .fd-message-box__header.fd-bar [class*=sap-icon]{font-size:1rem;margin-right:.5rem;color:#b00;color:var(--sapNegativeElementColor, #b00)}.fd-message-box--error .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--error .fd-message-box__header.fd-bar [class*=sap-icon]{margin-right:0;margin-left:.5rem}.fd-message-box--success .fd-message-box__header.fd-bar{box-shadow:inset 0 -.0625rem #107e3e,0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9;box-shadow:var(--fdMessage_Box_Success_Box_Shadow, inset 0 -.0625rem var(--sapSuccessBorderColor, #107e3e), var(--sapContent_HeaderShadow, 0 0 .25rem 0 rgba(0, 0, 0, .15), inset 0 -.0625rem 0 0 #d9d9d9))}.fd-message-box--success .fd-message-box__header.fd-bar [class*=sap-icon]{font-size:1rem;margin-right:.5rem;color:#107e3e;color:var(--sapPositiveElementColor, #107e3e)}.fd-message-box--success .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--success .fd-message-box__header.fd-bar [class*=sap-icon]{margin-right:0;margin-left:.5rem}.fd-message-box--warning .fd-message-box__header.fd-bar{box-shadow:inset 0 -.0625rem #df6e0c,0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9;box-shadow:var(--fdMessage_Box_Warning_Box_Shadow, inset 0 -.0625rem var(--sapWarningBorderColor, #df6e0c), var(--sapContent_HeaderShadow, 0 0 .25rem 0 rgba(0, 0, 0, .15), inset 0 -.0625rem 0 0 #d9d9d9))}.fd-message-box--warning .fd-message-box__header.fd-bar [class*=sap-icon]{font-size:1rem;margin-right:.5rem;color:#df6e0c;color:var(--sapCriticalElementColor, #df6e0c)}.fd-message-box--warning .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--warning .fd-message-box__header.fd-bar [class*=sap-icon]{margin-right:0;margin-left:.5rem}.fd-message-box--information .fd-message-box__header.fd-bar{box-shadow:inset 0 -.0625rem #0a6ed1,0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9;box-shadow:var(--fdMessage_Box_Information_Box_Shadow, inset 0 -.0625rem var(--sapInformationBorderColor, #0a6ed1), var(--sapContent_HeaderShadow, 0 0 .25rem 0 rgba(0, 0, 0, .15), inset 0 -.0625rem 0 0 #d9d9d9))}.fd-message-box--information .fd-message-box__header.fd-bar [class*=sap-icon]{font-size:1rem;margin-right:.5rem;color:#0a6ed1;color:var(--sapInformativeElementColor, #0a6ed1)}.fd-message-box--information .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--information .fd-message-box__header.fd-bar [class*=sap-icon]{margin-right:0;margin-left:.5rem}.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}\n"] }]
+                    }, encapsulation: ViewEncapsulation.None, providers: [{ provide: MessageBoxHost, useExisting: MessageBoxComponent }], animations: [dialogFadeNgIf], template: "<div\n    #dialogWindow\n    role=\"dialog\"\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    [@dialog-fade]\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: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-message-box{position:fixed;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%}.fd-message-box:before{content:\"\";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;background-color:var(--sapBlockLayer_Background, #000);opacity:.6;opacity:var(--fdDialog_Background_Opacity, .6)}.fd-message-box__content{display:flex;flex-direction:column;outline:0;overflow:hidden;position:absolute;min-width:20rem;min-height:7.5rem;max-width:calc(100vw - 10%);max-height:calc(100vh - 6%);box-shadow:0 0 0 .0625rem #0000006b,0 1.25rem 5rem #0000004d;box-shadow:var(--sapContent_Shadow3, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 1.25rem 5rem 0 rgba(0, 0, 0, .3));border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-message-box__body{overflow:auto;flex-grow:1;background-color:#fff;background-color:var(--sapGroup_ContentBackground, #fff)}.fd-message-box__footer.fd-bar,.fd-message-box__header.fd-bar{padding-left:1rem;padding-right:1rem;flex-shrink:0}.fd-message-box__content--mobile{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0}.fd-message-box__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1rem}.fd-message-box{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:none}.fd-message-box:after,.fd-message-box:before{box-sizing:inherit;font-size:inherit}.fd-message-box__content{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;overflow:hidden}.fd-message-box__content:after,.fd-message-box__content:before{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-bar,.fd-message-box__content--s .fd-message-box__header.fd-bar{padding-left:1rem;padding-right:1rem}.fd-message-box__content--m .fd-message-box__body,.fd-message-box__content--m .fd-message-box__footer.fd-bar,.fd-message-box__content--m .fd-message-box__header.fd-bar,.fd-message-box__content--l .fd-message-box__body,.fd-message-box__content--l .fd-message-box__footer.fd-bar,.fd-message-box__content--l .fd-message-box__header.fd-bar{padding-left:2rem;padding-right:2rem}.fd-message-box__content--xl .fd-message-box__body,.fd-message-box__content--xl .fd-message-box__footer.fd-bar,.fd-message-box__content--xl .fd-message-box__header.fd-bar{padding-left:3rem;padding-right:3rem}.fd-message-box__footer .fd-message-box__decisive-button.fd-button{min-width:4rem}.fd-message-box__body{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;padding:1rem}.fd-message-box__body:after,.fd-message-box__body:before{box-sizing:inherit;font-size:inherit}.fd-message-box__title{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0}.fd-message-box__title:after,.fd-message-box__title:before{box-sizing:inherit;font-size:inherit}.fd-message-box__more{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;margin-top:1rem}.fd-message-box__more:after,.fd-message-box__more:before{box-sizing:inherit;font-size:inherit}.fd-message-box--active{display:flex}.fd-message-box--confirmation .fd-message-box__header.fd-bar{box-shadow:0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9;box-shadow:var(--sapContent_HeaderShadow, 0 0 .25rem 0 rgba(0, 0, 0, .15), inset 0 -.0625rem 0 0 #d9d9d9)}.fd-message-box--confirmation .fd-message-box__header.fd-bar [class*=sap-icon]{font-size:1rem;margin-right:.5rem;color:#6a6d70;color:var(--sapNeutralElementColor, #6a6d70)}.fd-message-box--confirmation .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--confirmation .fd-message-box__header.fd-bar [class*=sap-icon]{margin-right:0;margin-left:.5rem}.fd-message-box--error .fd-message-box__header.fd-bar{box-shadow:inset 0 -.0625rem #b00,0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9;box-shadow:var(--fdMessage_Box_Error_Box_Shadow, inset 0 -.0625rem var(--sapErrorBorderColor, #b00), var(--sapContent_HeaderShadow, 0 0 .25rem 0 rgba(0, 0, 0, .15), inset 0 -.0625rem 0 0 #d9d9d9))}.fd-message-box--error .fd-message-box__header.fd-bar [class*=sap-icon]{font-size:1rem;margin-right:.5rem;color:#b00;color:var(--sapNegativeElementColor, #b00)}.fd-message-box--error .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--error .fd-message-box__header.fd-bar [class*=sap-icon]{margin-right:0;margin-left:.5rem}.fd-message-box--success .fd-message-box__header.fd-bar{box-shadow:inset 0 -.0625rem #107e3e,0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9;box-shadow:var(--fdMessage_Box_Success_Box_Shadow, inset 0 -.0625rem var(--sapSuccessBorderColor, #107e3e), var(--sapContent_HeaderShadow, 0 0 .25rem 0 rgba(0, 0, 0, .15), inset 0 -.0625rem 0 0 #d9d9d9))}.fd-message-box--success .fd-message-box__header.fd-bar [class*=sap-icon]{font-size:1rem;margin-right:.5rem;color:#107e3e;color:var(--sapPositiveElementColor, #107e3e)}.fd-message-box--success .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--success .fd-message-box__header.fd-bar [class*=sap-icon]{margin-right:0;margin-left:.5rem}.fd-message-box--warning .fd-message-box__header.fd-bar{box-shadow:inset 0 -.0625rem #df6e0c,0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9;box-shadow:var(--fdMessage_Box_Warning_Box_Shadow, inset 0 -.0625rem var(--sapWarningBorderColor, #df6e0c), var(--sapContent_HeaderShadow, 0 0 .25rem 0 rgba(0, 0, 0, .15), inset 0 -.0625rem 0 0 #d9d9d9))}.fd-message-box--warning .fd-message-box__header.fd-bar [class*=sap-icon]{font-size:1rem;margin-right:.5rem;color:#df6e0c;color:var(--sapCriticalElementColor, #df6e0c)}.fd-message-box--warning .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--warning .fd-message-box__header.fd-bar [class*=sap-icon]{margin-right:0;margin-left:.5rem}.fd-message-box--information .fd-message-box__header.fd-bar{box-shadow:inset 0 -.0625rem #0a6ed1,0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9;box-shadow:var(--fdMessage_Box_Information_Box_Shadow, inset 0 -.0625rem var(--sapInformationBorderColor, #0a6ed1), var(--sapContent_HeaderShadow, 0 0 .25rem 0 rgba(0, 0, 0, .15), inset 0 -.0625rem 0 0 #d9d9d9))}.fd-message-box--information .fd-message-box__header.fd-bar [class*=sap-icon]{font-size:1rem;margin-right:.5rem;color:#0a6ed1;color:var(--sapInformativeElementColor, #0a6ed1)}.fd-message-box--information .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--information .fd-message-box__header.fd-bar [class*=sap-icon]{margin-right:0;margin-left:.5rem}.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}\n"] }]
         }], ctorParameters: function () {
         return [{ type: MessageBoxConfig, decorators: [{
                         type: Optional
@@ -181,9 +175,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
             }], dialogWindow: [{
                 type: ViewChild,
                 args: ['dialogWindow']
-            }], messageBox: [{
-                type: ContentChildren,
-                args: [MESSAGE_BOX_CONFIGURABLE_ELEMENT]
             }], buildComponentCssClass: [] } });
 
 /**
@@ -195,9 +186,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
  */
 class MessageBoxSemanticIconComponent {
     /** @hidden */
-    constructor(messageBoxConfig) {
-        this.messageBoxConfig = messageBoxConfig;
-        this.messageBoxConfig = this.messageBoxConfig || {};
+    constructor(messageBox) {
+        this.messageBox = messageBox;
+    }
+    /** @hidden */
+    get messageBoxConfig() {
+        var _a;
+        return ((_a = this.messageBox) === null || _a === void 0 ? void 0 : _a._messageBoxConfig) || {};
     }
     /** @hidden */
     get _showSemanticIcon() {
@@ -225,22 +220,17 @@ class MessageBoxSemanticIconComponent {
         }
     }
 }
-MessageBoxSemanticIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MessageBoxSemanticIconComponent, deps: [{ token: MessageBoxConfig, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-MessageBoxSemanticIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: MessageBoxSemanticIconComponent, selector: "fd-message-box-semantic-icon", inputs: { glyph: "glyph" }, providers: [
-        { provide: MESSAGE_BOX_CONFIGURABLE_ELEMENT, useExisting: MessageBoxSemanticIconComponent, multi: true }
-    ], ngImport: i0, template: `<i [class]="'sap-icon--' + _getIcon" role="presentation"></i>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+MessageBoxSemanticIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MessageBoxSemanticIconComponent, deps: [{ token: MessageBoxHost, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+MessageBoxSemanticIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: MessageBoxSemanticIconComponent, selector: "fd-message-box-semantic-icon", inputs: { glyph: "glyph" }, ngImport: i0, template: `<i [class]="'sap-icon--' + _getIcon" role="presentation"></i>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MessageBoxSemanticIconComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-message-box-semantic-icon',
                     template: `<i [class]="'sap-icon--' + _getIcon" role="presentation"></i>`,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    providers: [
-                        { provide: MESSAGE_BOX_CONFIGURABLE_ELEMENT, useExisting: MessageBoxSemanticIconComponent, multi: true }
-                    ]
+                    changeDetection: ChangeDetectionStrategy.OnPush
                 }]
         }], ctorParameters: function () {
-        return [{ type: MessageBoxConfig, decorators: [{
+        return [{ type: MessageBoxHost, decorators: [{
                         type: Optional
                     }] }];
     }, propDecorators: { glyph: [{
@@ -265,31 +255,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
  */
 class MessageBoxHeaderComponent extends DialogHeaderBase {
     /** @hidden */
-    constructor(messageBoxConfig, changeDetectorRef) {
-        super(changeDetectorRef);
-        this.messageBoxConfig = messageBoxConfig;
-        this.messageBoxConfig = this.messageBoxConfig || {};
+    constructor(_cdr, messageBox) {
+        super(_cdr);
+        this._cdr = _cdr;
+        this.messageBox = messageBox;
+    }
+    /** @hidden */
+    get messageBoxConfig() {
+        var _a;
+        return ((_a = this.messageBox) === null || _a === void 0 ? void 0 : _a._messageBoxConfig) || {};
     }
     /** @hidden */
     get _showSemanticIcon() {
-        return ((this.messageBoxConfig.type && this.messageBoxConfig.showSemanticIcon) ||
-            !!this.messageBoxConfig.customSemanticIcon);
+        return (!this._projectedSemanticIcon &&
+            ((this.messageBoxConfig.type && this.messageBoxConfig.showSemanticIcon) ||
+                !!this.messageBoxConfig.customSemanticIcon));
     }
     /** @hidden */
-    ngAfterContentInit() {
-        super.ngAfterContentInit();
+    ngAfterViewInit() {
+        // need to re-check bindings after initialisation in order to reflect the proper state of "_showSemanticIcon" getter
+        // running this in next microtask to avoid "ExpressionChangedAfterItHasBeenCheckedError"
+        Promise.resolve().then(() => this._cdr.markForCheck());
     }
 }
-MessageBoxHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MessageBoxHeaderComponent, deps: [{ token: MessageBoxConfig, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-MessageBoxHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: MessageBoxHeaderComponent, selector: "fd-message-box-header", providers: [{ provide: MESSAGE_BOX_CONFIGURABLE_ELEMENT, useExisting: MessageBoxHeaderComponent, multi: true }], usesInheritance: true, ngImport: i0, template: "<div\n    fd-bar\n    class=\"fd-message-box__header\"\n    [cozy]=\"messageBoxConfig.mobile\"\n    [barDesign]=\"subHeaderTemplate ? 'header-with-subheader' : 'header'\"\n>\n    <ng-container *ngTemplateOutlet=\"headerTemplate ? headerTemplate : defaultTemplate\"></ng-container>\n\n    <ng-template #defaultTemplate>\n        <div fd-bar-left>\n            <fd-bar-element>\n                <fd-message-box-semantic-icon *ngIf=\"_showSemanticIcon\"></fd-message-box-semantic-icon>\n                <ng-content select=\"[fd-title]\"></ng-content>\n            </fd-bar-element>\n        </div>\n    </ng-template>\n</div>\n\n<div\n    fd-bar\n    *ngIf=\"subHeaderTemplate\"\n    class=\"fd-message-box__subheader\"\n    barDesign=\"subheader\"\n    [cozy]=\"messageBoxConfig.mobile\"\n>\n    <ng-container *ngTemplateOutlet=\"subHeaderTemplate\"></ng-container>\n</div>\n", components: [{ type: i2.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size", "cozy"] }, { type: MessageBoxSemanticIconComponent, selector: "fd-message-box-semantic-icon", inputs: ["glyph"] }], directives: [{ type: i4$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.BarLeftDirective, selector: "[fd-bar-left]" }, { type: i2.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+MessageBoxHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MessageBoxHeaderComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: MessageBoxHost, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+MessageBoxHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: MessageBoxHeaderComponent, 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: "<div\n    fd-bar\n    class=\"fd-message-box__header\"\n    [cozy]=\"messageBoxConfig.mobile\"\n    [barDesign]=\"subHeaderTemplate ? 'header-with-subheader' : 'header'\"\n>\n    <ng-container *ngTemplateOutlet=\"headerTemplate ? headerTemplate : defaultTemplate\"></ng-container>\n\n    <ng-template #defaultTemplate>\n        <div fd-bar-left>\n            <fd-bar-element #defaultTemplateHeaderBar>\n                <fd-message-box-semantic-icon\n                    class=\"fd-message-box__internal-semantic-icon\"\n                    *ngIf=\"_showSemanticIcon\"\n                ></fd-message-box-semantic-icon>\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\n<div\n    fd-bar\n    *ngIf=\"subHeaderTemplate\"\n    class=\"fd-message-box__subheader\"\n    barDesign=\"subheader\"\n    [cozy]=\"messageBoxConfig.mobile\"\n>\n    <ng-container *ngTemplateOutlet=\"subHeaderTemplate\"></ng-container>\n</div>\n", components: [{ type: i2.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size", "cozy"] }, { type: MessageBoxSemanticIconComponent, selector: "fd-message-box-semantic-icon", inputs: ["glyph"] }], directives: [{ type: i4$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.BarLeftDirective, selector: "[fd-bar-left]" }, { type: i2.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MessageBoxHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fd-message-box-header', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: MESSAGE_BOX_CONFIGURABLE_ELEMENT, useExisting: MessageBoxHeaderComponent, multi: true }], template: "<div\n    fd-bar\n    class=\"fd-message-box__header\"\n    [cozy]=\"messageBoxConfig.mobile\"\n    [barDesign]=\"subHeaderTemplate ? 'header-with-subheader' : 'header'\"\n>\n    <ng-container *ngTemplateOutlet=\"headerTemplate ? headerTemplate : defaultTemplate\"></ng-container>\n\n    <ng-template #defaultTemplate>\n        <div fd-bar-left>\n            <fd-bar-element>\n                <fd-message-box-semantic-icon *ngIf=\"_showSemanticIcon\"></fd-message-box-semantic-icon>\n                <ng-content select=\"[fd-title]\"></ng-content>\n            </fd-bar-element>\n        </div>\n    </ng-template>\n</div>\n\n<div\n    fd-bar\n    *ngIf=\"subHeaderTemplate\"\n    class=\"fd-message-box__subheader\"\n    barDesign=\"subheader\"\n    [cozy]=\"messageBoxConfig.mobile\"\n>\n    <ng-container *ngTemplateOutlet=\"subHeaderTemplate\"></ng-container>\n</div>\n" }]
+            args: [{ selector: 'fd-message-box-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    fd-bar\n    class=\"fd-message-box__header\"\n    [cozy]=\"messageBoxConfig.mobile\"\n    [barDesign]=\"subHeaderTemplate ? 'header-with-subheader' : 'header'\"\n>\n    <ng-container *ngTemplateOutlet=\"headerTemplate ? headerTemplate : defaultTemplate\"></ng-container>\n\n    <ng-template #defaultTemplate>\n        <div fd-bar-left>\n            <fd-bar-element #defaultTemplateHeaderBar>\n                <fd-message-box-semantic-icon\n                    class=\"fd-message-box__internal-semantic-icon\"\n                    *ngIf=\"_showSemanticIcon\"\n                ></fd-message-box-semantic-icon>\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\n<div\n    fd-bar\n    *ngIf=\"subHeaderTemplate\"\n    class=\"fd-message-box__subheader\"\n    barDesign=\"subheader\"\n    [cozy]=\"messageBoxConfig.mobile\"\n>\n    <ng-container *ngTemplateOutlet=\"subHeaderTemplate\"></ng-container>\n</div>\n" }]
         }], ctorParameters: function () {
-        return [{ type: MessageBoxConfig, decorators: [{
+        return [{ type: i0.ChangeDetectorRef }, { type: MessageBoxHost, decorators: [{
                         type: Optional
-                    }] }, { type: i0.ChangeDetectorRef }];
-    } });
+                    }] }];
+    }, propDecorators: { defaultTemplateHeaderBar: [{
+                type: ViewChild,
+                args: ['defaultTemplateHeaderBar']
+            }], _projectedSemanticIcon: [{
+                type: ContentChild,
+                args: [MessageBoxSemanticIconComponent]
+            }] } });
 
 /**
  * Building block of the message box used to create message box body.
@@ -300,13 +304,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
  */
 class MessageBoxBodyComponent {
     /** @hidden */
-    constructor(messageBoxConfig) {
-        this.messageBoxConfig = messageBoxConfig;
-        this.messageBoxConfig = this.messageBoxConfig || {};
+    constructor(messageBox) {
+        this.messageBox = messageBox;
+    }
+    /** @hidden */
+    get messageBoxConfig() {
+        var _a;
+        return ((_a = this.messageBox) === null || _a === void 0 ? void 0 : _a._messageBoxConfig) || {};
     }
 }
-MessageBoxBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MessageBoxBodyComponent, deps: [{ token: MessageBoxConfig, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-MessageBoxBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: MessageBoxBodyComponent, selector: "fd-message-box-body", host: { properties: { "class.fd-message-box__body": "true", "class.fd-message-box__body--no-vertical-padding": "!messageBoxConfig.verticalPadding" } }, providers: [{ provide: MESSAGE_BOX_CONFIGURABLE_ELEMENT, useExisting: MessageBoxBodyComponent, multi: true }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+MessageBoxBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MessageBoxBodyComponent, deps: [{ token: MessageBoxHost, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+MessageBoxBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: MessageBoxBodyComponent, 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: '<ng-content></ng-content>', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MessageBoxBodyComponent, decorators: [{
             type: Component,
             args: [{
@@ -315,11 +323,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                     host: {
                         '[class.fd-message-box__body]': 'true',
                         '[class.fd-message-box__body--no-vertical-padding]': '!messageBoxConfig.verticalPadding'
-                    },
-                    providers: [{ provide: MESSAGE_BOX_CONFIGURABLE_ELEMENT, useExisting: MessageBoxBodyComponent, multi: true }]
+                    }
                 }]
         }], ctorParameters: function () {
-        return [{ type: MessageBoxConfig, decorators: [{
+        return [{ type: MessageBoxHost, decorators: [{
                         type: Optional
                     }] }];
     } });
@@ -339,10 +346,14 @@ const MessageBoxButtonClass = 'fd-message-box__decisive-button';
  * */
 class MessageBoxFooterComponent extends DialogFooterBase {
     /** @hidden */
-    constructor(messageBoxConfig) {
+    constructor(messageBox) {
         super();
-        this.messageBoxConfig = messageBoxConfig;
-        this.messageBoxConfig = this.messageBoxConfig || {};
+        this.messageBox = messageBox;
+    }
+    /** @hidden */
+    get messageBoxConfig() {
+        var _a;
+        return ((_a = this.messageBox) === null || _a === void 0 ? void 0 : _a._messageBoxConfig) || {};
     }
     /** @hidden */
     ngAfterContentInit() {
@@ -353,13 +364,13 @@ class MessageBoxFooterComponent extends DialogFooterBase {
         this._listenForButtonChanges(MessageBoxButtonClass);
     }
 }
-MessageBoxFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MessageBoxFooterComponent, deps: [{ token: MessageBoxConfig, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-MessageBoxFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: MessageBoxFooterComponent, selector: "fd-message-box-footer", providers: [{ provide: MESSAGE_BOX_CONFIGURABLE_ELEMENT, useExisting: MessageBoxFooterComponent, multi: true }], usesInheritance: true, ngImport: i0, template: "<footer fd-bar class=\"fd-message-box__footer\" barDesign=\"footer\" [cozy]=\"messageBoxConfig.mobile\">\n    <ng-container *ngTemplateOutlet=\"footerTemplate ? footerTemplate : defaultTemplate\"></ng-container>\n    <ng-template #defaultTemplate>\n        <div fd-bar-right>\n            <ng-content></ng-content>\n        </div>\n    </ng-template>\n</footer>\n", components: [{ type: i2.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size", "cozy"] }], directives: [{ type: i4$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.BarRightDirective, selector: "[fd-bar-right]" }] });
+MessageBoxFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MessageBoxFooterComponent, deps: [{ token: MessageBoxHost, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+MessageBoxFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: MessageBoxFooterComponent, selector: "fd-message-box-footer", usesInheritance: true, ngImport: i0, template: "<footer fd-bar class=\"fd-message-box__footer\" barDesign=\"footer\" [cozy]=\"messageBoxConfig.mobile\">\n    <ng-container *ngTemplateOutlet=\"footerTemplate ? footerTemplate : defaultTemplate\"></ng-container>\n    <ng-template #defaultTemplate>\n        <div fd-bar-right>\n            <ng-content></ng-content>\n        </div>\n    </ng-template>\n</footer>\n", components: [{ type: i2.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size", "cozy"] }], directives: [{ type: i4$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.BarRightDirective, selector: "[fd-bar-right]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MessageBoxFooterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fd-message-box-footer', providers: [{ provide: MESSAGE_BOX_CONFIGURABLE_ELEMENT, useExisting: MessageBoxFooterComponent, multi: true }], template: "<footer fd-bar class=\"fd-message-box__footer\" barDesign=\"footer\" [cozy]=\"messageBoxConfig.mobile\">\n    <ng-container *ngTemplateOutlet=\"footerTemplate ? footerTemplate : defaultTemplate\"></ng-container>\n    <ng-template #defaultTemplate>\n        <div fd-bar-right>\n            <ng-content></ng-content>\n        </div>\n    </ng-template>\n</footer>\n" }]
+            args: [{ selector: 'fd-message-box-footer', template: "<footer fd-bar class=\"fd-message-box__footer\" barDesign=\"footer\" [cozy]=\"messageBoxConfig.mobile\">\n    <ng-container *ngTemplateOutlet=\"footerTemplate ? footerTemplate : defaultTemplate\"></ng-container>\n    <ng-template #defaultTemplate>\n        <div fd-bar-right>\n            <ng-content></ng-content>\n        </div>\n    </ng-template>\n</footer>\n" }]
         }], ctorParameters: function () {
-        return [{ type: MessageBoxConfig, decorators: [{
+        return [{ type: MessageBoxHost, decorators: [{
                         type: Optional
                     }] }];
     } });
@@ -619,5 +630,5 @@ class MessageBoxContent extends DialogContentBase {
  * Generated bundle index. Do not edit.
  */
 
-export { MESSAGE_BOX_CONFIGURABLE_ELEMENT, MESSAGE_BOX_DEFAULT_CONFIG, MessageBoxBodyComponent, MessageBoxButtonClass, MessageBoxComponent, MessageBoxConfig, MessageBoxContainerComponent, MessageBoxContent, MessageBoxDecisiveButton, MessageBoxDefaultComponent, MessageBoxFooterButtonComponent, MessageBoxFooterComponent, MessageBoxHeaderComponent, MessageBoxModule, MessageBoxRef, MessageBoxSemanticIconComponent, MessageBoxService };
+export { MESSAGE_BOX_DEFAULT_CONFIG, MessageBoxBodyComponent, MessageBoxButtonClass, MessageBoxComponent, MessageBoxConfig, MessageBoxContainerComponent, MessageBoxContent, MessageBoxDecisiveButton, MessageBoxDefaultComponent, MessageBoxFooterButtonComponent, MessageBoxFooterComponent, MessageBoxHeaderComponent, MessageBoxHost, MessageBoxModule, MessageBoxRef, MessageBoxSemanticIconComponent, MessageBoxService };
 //# sourceMappingURL=fundamental-ngx-core-message-box.mjs.map

package/fesm2015/fundamental-ngx-core-message-box.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-core-message-box.mjs","sources":["../../../../libs/core/src/lib/message-box/utils/message-box-config.class.ts","../../../../libs/core/src/lib/message-box/utils/const.ts","../../../../libs/core/src/lib/message-box/utils/message-box-ref.class.ts","../../../../libs/core/src/lib/message-box/message-box.component.ts","../../../../libs/core/src/lib/message-box/message-box.component.html","../../../../libs/core/src/lib/message-box/message-box-semantic-icon/message-box-semantic-icon.component.ts","../../../../libs/core/src/lib/message-box/message-box-header/message-box-header.component.ts","../../../../libs/core/src/lib/message-box/message-box-header/message-box-header.component.html","../../../../libs/core/src/lib/message-box/message-box-body/message-box-body.component.ts","../../../../libs/core/src/lib/message-box/message-box-footer/message-box-footer.component.ts","../../../../libs/core/src/lib/message-box/message-box-footer/message-box-footer.component.html","../../../../libs/core/src/lib/message-box/message-box-default/message-box-default.component.ts","../../../../libs/core/src/lib/message-box/message-box-default/message-box-default.component.html","../../../../libs/core/src/lib/message-box/message-box-container/message-box-container.component.ts","../../../../libs/core/src/lib/message-box/services/message-box.service.ts","../../../../libs/core/src/lib/message-box/directives/message-box-decisive-button.directive.ts","../../../../libs/core/src/lib/message-box/message-box-footer-button/message-box-footer-button.component.ts","../../../../libs/core/src/lib/message-box/message-box.module.ts","../../../../libs/core/src/lib/message-box/utils/message-box-content.class.ts","../../../../libs/core/src/lib/message-box/fundamental-ngx-core-message-box.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-inferrable-types */\n\nimport { Injectable, InjectionToken, Injector } from '@angular/core';\nimport { DialogConfigBase } from '@fundamental-ngx/core/dialog';\n\nexport const MESSAGE_BOX_DEFAULT_CONFIG = new InjectionToken<MessageBoxConfig>('Default MessageBoxConfig');\n/** @hidden */\nexport const MESSAGE_BOX_CONFIGURABLE_ELEMENT = new InjectionToken<MessageBoxConfigurableElement>(\n    'Configurable Message Box element'\n);\n\nexport type MessageBoxType = 'error' | 'success' | 'warning' | 'information' | 'confirmation';\n\n/** @hidden */\nexport interface MessageBoxConfigurableElement {\n    messageBoxConfig: MessageBoxConfig;\n}\n\n@Injectable()\nexport class MessageBoxConfig<T = any> extends DialogConfigBase<T> {\n    type?: MessageBoxType;\n    showSemanticIcon?: boolean = false;\n    customSemanticIcon?: string;\n    injector?: Injector;\n}\n","export const CSS_CLASS_NAME = {\n    messageBox: 'fd-message-box',\n    messageBoxActive: 'fd-message-box--active',\n\n    messageBoxTypeError: 'fd-message-box--error',\n    messageBoxTypeWarning: 'fd-message-box--warning',\n    messageBoxTypeSuccess: 'fd-message-box--success',\n    messageBoxTypeInformation: 'fd-message-box--information',\n    messageBoxTypeConfirmation: 'fd-message-box--confirmation'\n};\n","import { DialogRefBase } from '@fundamental-ngx/core/dialog';\nimport { Injectable } from '@angular/core';\n\n@Injectable()\nexport class MessageBoxRef<T = any> extends DialogRefBase<T> {}\n","import {\n    AfterViewInit,\n    ChangeDetectorRef,\n    Component,\n    ContentChildren,\n    ElementRef,\n    Input,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    Optional,\n    QueryList,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { Router } from '@angular/router';\n\nimport { applyCssClass, CssClassBuilder, FocusTrapService, RtlService } from '@fundamental-ngx/core/utils';\nimport { DialogBase, dialogFadeNgIf } from '@fundamental-ngx/core/dialog';\n\nimport {\n    MESSAGE_BOX_CONFIGURABLE_ELEMENT,\n    MessageBoxConfig,\n    MessageBoxConfigurableElement\n} from './utils/message-box-config.class';\nimport { MessageBoxRef } from './utils/message-box-ref.class';\nimport { CSS_CLASS_NAME } from './utils/const';\n\n/**\n * Message box component.\n *\n * ```html\n * <fd-message-box>\n *      <fd-message-box-header></fd-message-box-header>\n *      <fd-message-box-body></fd-message-box-body>\n *      <fd-message-box-footer></fd-message-box-footer>\n * </fd-message-box>\n * ```\n */\n@Component({\n    selector: 'fd-message-box',\n    templateUrl: './message-box.component.html',\n    styleUrls: ['./message-box.component.scss'],\n    host: {\n        tabindex: '-1',\n        role: 'dialog'\n    },\n    encapsulation: ViewEncapsulation.None,\n    animations: [dialogFadeNgIf]\n})\nexport class MessageBoxComponent\n    extends DialogBase\n    implements OnInit, OnChanges, AfterViewInit, OnDestroy, CssClassBuilder\n{\n    /** Custom classes */\n    @Input()\n    set class(userClass: string) {\n        this._class = userClass;\n    }\n\n    /** MessageBoxRef - should be used for Template based Dialog implementation  */\n    // eslint-disable-next-line @angular-eslint/no-input-rename\n    @Input('messageBoxRef')\n    set embeddedMessageBoxRef(value: MessageBoxRef) {\n        this._messageBoxRef = value;\n    }\n\n    /** MessageBoxConfig - should be used for Template based Dialog implementation  */\n    // eslint-disable-next-line @angular-eslint/no-input-rename\n    @Input('messageBoxConfig')\n    set embeddedMessageBoxConfig(value: MessageBoxConfig) {\n        this._messageBoxConfig = value;\n    }\n\n    /** @hidden */\n    @ViewChild('dialogWindow')\n    dialogWindow: ElementRef;\n\n    /** @hidden If message box sub-components didn't receive MessageBoxConfig from Injector, MessageBoxConfig is passed\n     * from parent. This is necessary when message box has been passed as TemplateRef and created as EmbeddedView.\n     * In such case parent injector of MessageBoxComponent is the component that DECLARED the TemplateRef.\n     **/\n    @ContentChildren(MESSAGE_BOX_CONFIGURABLE_ELEMENT)\n    set messageBox(elements: QueryList<MessageBoxConfigurableElement>) {\n        elements.forEach((element) => (element.messageBoxConfig = this._messageBoxConfig));\n    }\n\n    /** @hidden */\n    private _class = '';\n\n    /** @hidden */\n    constructor(\n        @Optional() public _messageBoxConfig: MessageBoxConfig,\n        @Optional() private _messageBoxRef: MessageBoxRef,\n        @Optional() router: Router,\n        @Optional() rtlService: RtlService,\n        focusTrapService: FocusTrapService,\n        changeDetectorRef: ChangeDetectorRef,\n        elementRef: ElementRef\n    ) {\n        super(router, elementRef, changeDetectorRef, rtlService, focusTrapService);\n    }\n\n    /** @hidden */\n    get _config(): MessageBoxConfig {\n        return this._messageBoxConfig;\n    }\n\n    /** @hidden */\n    get _ref(): MessageBoxRef {\n        return this._messageBoxRef;\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        super.ngOnInit();\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden */\n    ngOnChanges(): void {\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        super.ngAfterViewInit();\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n\n    /** @hidden */\n    @applyCssClass\n    buildComponentCssClass(): string[] {\n        return [\n            CSS_CLASS_NAME.messageBoxActive,\n            this._messageBoxTypeClass,\n            this._messageBoxConfig.hasBackdrop ? CSS_CLASS_NAME.messageBox : '',\n            this._messageBoxConfig.backdropClass ? this._messageBoxConfig.backdropClass : '',\n            this._class\n        ];\n    }\n\n    /** @hidden */\n    elementRef(): ElementRef {\n        return this._elementRef;\n    }\n\n    /** @hidden */\n    private get _messageBoxTypeClass(): string {\n        switch (this._config.type) {\n            case 'error':\n                return CSS_CLASS_NAME.messageBoxTypeError;\n            case 'success':\n                return CSS_CLASS_NAME.messageBoxTypeSuccess;\n            case 'warning':\n                return CSS_CLASS_NAME.messageBoxTypeWarning;\n            case 'information':\n                return CSS_CLASS_NAME.messageBoxTypeInformation;\n            case 'confirmation':\n                return CSS_CLASS_NAME.messageBoxTypeConfirmation;\n            default:\n                return '';\n        }\n    }\n}\n","<div\n    #dialogWindow\n    role=\"dialog\"\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    [@dialog-fade]\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","import { ChangeDetectionStrategy, Component, Input, Optional } from '@angular/core';\nimport {\n    MESSAGE_BOX_CONFIGURABLE_ELEMENT,\n    MessageBoxConfig,\n    MessageBoxConfigurableElement\n} from '../utils/message-box-config.class';\n\n/**\n * Message box element representing the semantic icon in the message box header.\n *\n * ```html\n * <fd-message-box-semantic-icon></fd-message-box-semantic-icon>\n * ```\n */\n@Component({\n    selector: 'fd-message-box-semantic-icon',\n    template: `<i [class]=\"'sap-icon--' + _getIcon\" role=\"presentation\"></i>`,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        { provide: MESSAGE_BOX_CONFIGURABLE_ELEMENT, useExisting: MessageBoxSemanticIconComponent, multi: true }\n    ]\n})\nexport class MessageBoxSemanticIconComponent implements MessageBoxConfigurableElement {\n    /** Custom semantic icon */\n    @Input()\n    glyph: string;\n\n    /** @hidden */\n    constructor(@Optional() public messageBoxConfig: MessageBoxConfig) {\n        this.messageBoxConfig = this.messageBoxConfig || {};\n    }\n\n    /** @hidden */\n    get _showSemanticIcon(): boolean {\n        return this.messageBoxConfig.showSemanticIcon;\n    }\n\n    /** @hidden */\n    get _getIcon(): string {\n        return this.glyph || this.messageBoxConfig.customSemanticIcon || this._semanticIcon;\n    }\n\n    /** @hidden */\n    get _semanticIcon(): string {\n        switch (this.messageBoxConfig.type) {\n            case 'error':\n                return 'message-error';\n            case 'success':\n                return 'message-success';\n            case 'warning':\n                return 'message-warning';\n            case 'information':\n                return 'message-information';\n            case 'confirmation':\n                return 'question-mark';\n            default:\n                return '';\n        }\n    }\n}\n","import { AfterContentInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, Optional } from '@angular/core';\nimport { DialogHeaderBase } from '@fundamental-ngx/core/dialog';\nimport {\n    MESSAGE_BOX_CONFIGURABLE_ELEMENT,\n    MessageBoxConfig,\n    MessageBoxConfigurableElement\n} from '../utils/message-box-config.class';\n\n/**\n * Building block of the message box used to create message box header.\n *\n * ```html\n * <fd-message-box-header>\n *     <fd-message-box-semantic-icon></fd-message-box-semantic-icon>\n *     <h1 fd-title><!-- Content --></h1>\n * </fd-message-box-header>\n *\n * Complex header:\n * <fd-message-box-header>\n *     <ng-template fdTemplate=\"header\"><!--Content--></ng-template>\n *     <ng-template fdTemplate=\"subheader\"><!--Content--></ng-template>\n * </fd-message-box-header>\n * ```\n */\n@Component({\n    selector: 'fd-message-box-header',\n    templateUrl: './message-box-header.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [{ provide: MESSAGE_BOX_CONFIGURABLE_ELEMENT, useExisting: MessageBoxHeaderComponent, multi: true }]\n})\nexport class MessageBoxHeaderComponent\n    extends DialogHeaderBase\n    implements AfterContentInit, MessageBoxConfigurableElement\n{\n    /** @hidden */\n    constructor(@Optional() public messageBoxConfig: MessageBoxConfig, changeDetectorRef: ChangeDetectorRef) {\n        super(changeDetectorRef);\n        this.messageBoxConfig = this.messageBoxConfig || {};\n    }\n\n    /** @hidden */\n    get _showSemanticIcon(): boolean {\n        return (\n            (this.messageBoxConfig.type && this.messageBoxConfig.showSemanticIcon) ||\n            !!this.messageBoxConfig.customSemanticIcon\n        );\n    }\n\n    /** @hidden */\n    ngAfterContentInit(): void {\n        super.ngAfterContentInit();\n    }\n}\n","<div\n    fd-bar\n    class=\"fd-message-box__header\"\n    [cozy]=\"messageBoxConfig.mobile\"\n    [barDesign]=\"subHeaderTemplate ? 'header-with-subheader' : 'header'\"\n>\n    <ng-container *ngTemplateOutlet=\"headerTemplate ? headerTemplate : defaultTemplate\"></ng-container>\n\n    <ng-template #defaultTemplate>\n        <div fd-bar-left>\n            <fd-bar-element>\n                <fd-message-box-semantic-icon *ngIf=\"_showSemanticIcon\"></fd-message-box-semantic-icon>\n                <ng-content select=\"[fd-title]\"></ng-content>\n            </fd-bar-element>\n        </div>\n    </ng-template>\n</div>\n\n<div\n    fd-bar\n    *ngIf=\"subHeaderTemplate\"\n    class=\"fd-message-box__subheader\"\n    barDesign=\"subheader\"\n    [cozy]=\"messageBoxConfig.mobile\"\n>\n    <ng-container *ngTemplateOutlet=\"subHeaderTemplate\"></ng-container>\n</div>\n","import { Component, Optional } from '@angular/core';\nimport {\n    MESSAGE_BOX_CONFIGURABLE_ELEMENT,\n    MessageBoxConfig,\n    MessageBoxConfigurableElement\n} from '../utils/message-box-config.class';\n\n/**\n * Building block of the message box used to create message box body.\n *\n * ```html\n * <fd-message-box-body></fd-message-box-body>\n * ```\n */\n@Component({\n    selector: 'fd-message-box-body',\n    template: '<ng-content></ng-content>',\n    host: {\n        '[class.fd-message-box__body]': 'true',\n        '[class.fd-message-box__body--no-vertical-padding]': '!messageBoxConfig.verticalPadding'\n    },\n    providers: [{ provide: MESSAGE_BOX_CONFIGURABLE_ELEMENT, useExisting: MessageBoxBodyComponent, multi: true }]\n})\nexport class MessageBoxBodyComponent implements MessageBoxConfigurableElement {\n    /** @hidden */\n    constructor(@Optional() public messageBoxConfig: MessageBoxConfig) {\n        this.messageBoxConfig = this.messageBoxConfig || {};\n    }\n}\n","import { AfterContentInit, AfterViewInit, Component, Optional } from '@angular/core';\nimport {\n    MESSAGE_BOX_CONFIGURABLE_ELEMENT,\n    MessageBoxConfig,\n    MessageBoxConfigurableElement\n} from '../utils/message-box-config.class';\nimport { DialogFooterBase } from '@fundamental-ngx/core/dialog';\n\nexport const MessageBoxButtonClass = 'fd-message-box__decisive-button';\n\n/**\n * Building block of the message box used to create message box header.\n *\n * ```html\n * <fd-message-box-footer><!--Content--></fd-message-box-footer>\n *\n * Complex footer:\n * <fd-message-box-footer>\n *     <ng-template fdTemplate=\"footer\"><!--Content--></ng-template>\n * </fd-message-box-footer>\n * ```\n * */\n@Component({\n    selector: 'fd-message-box-footer',\n    templateUrl: './message-box-footer.component.html',\n    providers: [{ provide: MESSAGE_BOX_CONFIGURABLE_ELEMENT, useExisting: MessageBoxFooterComponent, multi: true }]\n})\nexport class MessageBoxFooterComponent\n    extends DialogFooterBase\n    implements AfterContentInit, AfterViewInit, MessageBoxConfigurableElement\n{\n    /** @hidden */\n    constructor(@Optional() public messageBoxConfig: MessageBoxConfig) {\n        super();\n        this.messageBoxConfig = this.messageBoxConfig || {};\n    }\n\n    /** @hidden */\n    ngAfterContentInit(): void {\n        super.ngAfterContentInit();\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this._listenForButtonChanges(MessageBoxButtonClass);\n    }\n}\n","<footer fd-bar class=\"fd-message-box__footer\" barDesign=\"footer\" [cozy]=\"messageBoxConfig.mobile\">\n    <ng-container *ngTemplateOutlet=\"footerTemplate ? footerTemplate : defaultTemplate\"></ng-container>\n    <ng-template #defaultTemplate>\n        <div fd-bar-right>\n            <ng-content></ng-content>\n        </div>\n    </ng-template>\n</footer>\n","import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    OnInit,\n    TemplateRef,\n    ViewChild\n} from '@angular/core';\nimport { MessageBoxContent } from '../utils/message-box-content.class';\nimport { MessageBoxConfig } from '../utils/message-box-config.class';\n\n/** Message box component used to create the message box in object based approach */\n@Component({\n    selector: 'fd-message-box-default',\n    templateUrl: './message-box-default.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MessageBoxDefaultComponent implements OnInit, AfterViewInit {\n    /** @hidden */\n    @ViewChild('textContent')\n    _textContentTemplate: TemplateRef<any>;\n\n    /** @hidden */\n    _contentTemplate: TemplateRef<any>;\n\n    /** @hidden */\n    _messageBoxContent: MessageBoxContent;\n\n    /** @hidden */\n    _footerVisible: boolean;\n\n    /** @hidden */\n    constructor(public _messageBoxConfig: MessageBoxConfig, private _changeDetectorRef: ChangeDetectorRef) {}\n\n    ngOnInit(): void {\n        this._footerVisible = !!(this._messageBoxContent.cancelButton || this._messageBoxContent.approveButton);\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this._setContentTemplate();\n    }\n\n    /** @hidden */\n    _onCloseButton(): void {\n        this._messageBoxContent.closeButtonCallback();\n    }\n\n    /** @hidden */\n    _onApproveButton(): void {\n        this._messageBoxContent.approveButtonCallback();\n    }\n\n    /** @hidden */\n    _onCancelButton(): void {\n        this._messageBoxContent.cancelButtonCallback();\n    }\n\n    /** @hidden */\n    private _setContentTemplate(): void {\n        this._contentTemplate =\n            this._messageBoxContent.content instanceof TemplateRef\n                ? this._messageBoxContent.content\n                : this._textContentTemplate;\n\n        this._changeDetectorRef.detectChanges();\n    }\n}\n","<fd-message-box>\n    <fd-message-box-header>\n        <h1 fd-title>{{ _messageBoxContent.title }}</h1>\n    </fd-message-box-header>\n    <fd-message-box-body>\n        <ng-container *ngTemplateOutlet=\"_contentTemplate\"></ng-container>\n    </fd-message-box-body>\n    <fd-message-box-footer *ngIf=\"_footerVisible\">\n        <fd-button-bar\n            *ngIf=\"_messageBoxContent.approveButton\"\n            fd-initial-focus\n            fdType=\"emphasized\"\n            [label]=\"_messageBoxContent.approveButton\"\n            [compact]=\"!_messageBoxConfig.mobile\"\n            (click)=\"_onApproveButton()\"\n        >\n        </fd-button-bar>\n        <fd-button-bar\n            *ngIf=\"_messageBoxContent.cancelButton\"\n            [label]=\"_messageBoxContent.cancelButton\"\n            [compact]=\"!_messageBoxConfig.mobile\"\n            (click)=\"_onCancelButton()\"\n        >\n        </fd-button-bar>\n    </fd-message-box-footer>\n</fd-message-box>\n\n<ng-template #textContent>\n    {{ _messageBoxContent.content }}\n</ng-template>\n","import {\n    AfterViewInit,\n    ChangeDetectorRef,\n    Component,\n    ComponentFactoryResolver,\n    ElementRef,\n    Input,\n    TemplateRef,\n    Type,\n    ViewChild,\n    ViewContainerRef\n} from '@angular/core';\nimport { applyCssClass } from '@fundamental-ngx/core/utils';\nimport { CssClassBuilder } from '@fundamental-ngx/core/utils';\nimport { DynamicComponentContainer } from '@fundamental-ngx/core/utils';\nimport { MessageBoxConfig } from '../utils/message-box-config.class';\nimport { MessageBoxRef } from '../utils/message-box-ref.class';\nimport { MessageBoxContent } from '../utils/message-box-content.class';\nimport { MessageBoxDefaultComponent } from '../message-box-default/message-box-default.component';\nimport { MessageBoxContentType } from '../services/message-box.service';\n\n/** Message box container where the message box content is embedded. */\n@Component({\n    selector: 'fd-message-box-container',\n    template: '<ng-container #contentContainer></ng-container>'\n})\nexport class MessageBoxContainerComponent\n    extends DynamicComponentContainer<MessageBoxContentType>\n    implements AfterViewInit, CssClassBuilder\n{\n    /** Custom classes */\n    @Input()\n    set class(userClass: string) {\n        this._class = userClass;\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden */\n    @ViewChild('contentContainer', { read: ViewContainerRef })\n    containerRef: ViewContainerRef;\n\n    /** @hidden */\n    private _class = '';\n\n    /** @hidden */\n    constructor(\n        public messageBoxConfig: MessageBoxConfig,\n        private _messageBoxRef: MessageBoxRef,\n        elementRef: ElementRef,\n        componentFactoryResolver: ComponentFactoryResolver,\n        private _changeDetectorRef: ChangeDetectorRef\n    ) {\n        super(elementRef, componentFactoryResolver);\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this._loadContent();\n    }\n\n    /** @hidden */\n    @applyCssClass\n    buildComponentCssClass(): string[] {\n        return [this.messageBoxConfig.containerClass ? this.messageBoxConfig.containerClass : '', this._class];\n    }\n\n    /** @hidden */\n    elementRef(): ElementRef {\n        return this._elementRef;\n    }\n\n    /** @hidden Load received content */\n    protected _loadContent(): void {\n        if (this.childContent instanceof Type) {\n            this._createFromComponent(this.childContent);\n        } else if (this.childContent instanceof TemplateRef) {\n            this._createFromTemplate(this.childContent, this._templateContext());\n        } else {\n            this._createFromDefaultMessageBox(this.childContent);\n        }\n        this._changeDetectorRef.detectChanges();\n    }\n\n    /** @hidden Returns context for embedded template*/\n    private _templateContext(): { $implicit: MessageBoxRef; messageBoxConfig: MessageBoxConfig } {\n        return { $implicit: this._messageBoxRef, messageBoxConfig: this.messageBoxConfig };\n    }\n\n    /** @hidden Load Dialog component from passed object */\n    private _createFromDefaultMessageBox(content: MessageBoxContent): void {\n        this.containerRef.clear();\n        const componentFactory = this._componentFactoryResolver.resolveComponentFactory(MessageBoxDefaultComponent);\n        this._componentRef = this.containerRef.createComponent<MessageBoxDefaultComponent>(componentFactory);\n        this._componentRef.instance._messageBoxContent = content;\n    }\n}\n","import { Inject, Injectable, Injector, Optional, TemplateRef, Type } from '@angular/core';\n\nimport { DynamicComponentService, RtlService } from '@fundamental-ngx/core/utils';\nimport { DialogBaseService } from '@fundamental-ngx/core/dialog';\n\nimport { MESSAGE_BOX_DEFAULT_CONFIG, MessageBoxConfig } from '../utils/message-box-config.class';\nimport { MessageBoxRef } from '../utils/message-box-ref.class';\nimport { MessageBoxContainerComponent } from '../message-box-container/message-box-container.component';\nimport { MessageBoxContent } from '../utils/message-box-content.class';\n\nexport type MessageBoxContentType = Type<any> | TemplateRef<any> | MessageBoxContent;\n\n/** Service used to create a message box. */\n@Injectable()\nexport class MessageBoxService extends DialogBaseService<MessageBoxContainerComponent> {\n    /** @hidden */\n    constructor(\n        dynamicComponentService: DynamicComponentService,\n        @Optional() @Inject(MESSAGE_BOX_DEFAULT_CONFIG) private _defaultConfig: MessageBoxConfig,\n        @Optional() private _rtlService: RtlService\n    ) {\n        super(dynamicComponentService);\n    }\n\n    /**\n     * Opens a message box component with provided content.\n     * @param content Content of the message box component.\n     * @param config Configuration of the message box component.\n     */\n    public open<T = any>(content: MessageBoxContentType, config?: MessageBoxConfig<T>): MessageBoxRef<T> {\n        const messageBoxRef = new MessageBoxRef();\n\n        config = this._applyDefaultConfig(config, this._defaultConfig || new MessageBoxConfig());\n        messageBoxRef.data = config.data;\n\n        const injector = Injector.create({\n            providers: [\n                { provide: MessageBoxConfig, useValue: config },\n                { provide: MessageBoxRef, useValue: messageBoxRef },\n                { provide: RtlService, useValue: this._rtlService }\n            ],\n            parent: config.injector\n        });\n\n        const component = this._dynamicComponentService.createDynamicComponent<MessageBoxContainerComponent>(\n            content,\n            MessageBoxContainerComponent,\n            config,\n            { injector }\n        );\n\n        this._dialogs.push(component);\n\n        const defaultBehaviourOnClose = (): void => {\n            this._destroyDialog(component);\n            refSub.unsubscribe();\n        };\n\n        const refSub = messageBoxRef.afterClosed.subscribe(defaultBehaviourOnClose, defaultBehaviourOnClose);\n\n        return messageBoxRef;\n    }\n}\n","import { Directive } from '@angular/core';\n\n/**\n * @deprecated\n * Consider using `fd-button-bar`\n */\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-message-box-decisive-button]',\n    host: {\n        '[class.fd-message-box__decisive-button]': 'true'\n    }\n})\n// eslint-disable-next-line @angular-eslint/directive-class-suffix\nexport class MessageBoxDecisiveButton {}\n","import { Component } from '@angular/core';\nimport { BarElementDirective } from '@fundamental-ngx/core/bar';\n\n/**\n * @deprecated\n * Consider using `fd-button-bar`\n */\n@Component({\n    selector: 'fd-message-box-footer-button',\n    template: '<ng-content></ng-content>'\n})\nexport class MessageBoxFooterButtonComponent extends BarElementDirective {}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MessageBoxComponent } from './message-box.component';\nimport { MessageBoxContainerComponent } from './message-box-container/message-box-container.component';\nimport { DynamicComponentService } from '@fundamental-ngx/core/utils';\nimport { MessageBoxService } from './services/message-box.service';\nimport { MessageBoxBodyComponent } from './message-box-body/message-box-body.component';\nimport { MessageBoxFooterComponent } from './message-box-footer/message-box-footer.component';\nimport { MessageBoxHeaderComponent } from './message-box-header/message-box-header.component';\nimport { MessageBoxDecisiveButton } from './directives/message-box-decisive-button.directive';\nimport { BarModule } from '@fundamental-ngx/core/bar';\nimport { ButtonModule } from '@fundamental-ngx/core/button';\nimport { IconModule } from '@fundamental-ngx/core/icon';\nimport { TitleModule } from '@fundamental-ngx/core/title';\nimport { MessageBoxDefaultComponent } from './message-box-default/message-box-default.component';\nimport { TemplateModule } from '@fundamental-ngx/core/utils';\nimport { InitialFocusModule } from '@fundamental-ngx/core/utils';\nimport { MessageBoxFooterButtonComponent } from './message-box-footer-button/message-box-footer-button.component';\nimport { MessageBoxSemanticIconComponent } from './message-box-semantic-icon/message-box-semantic-icon.component';\n\nconst declarations = [\n    MessageBoxFooterButtonComponent,\n    MessageBoxSemanticIconComponent,\n    MessageBoxContainerComponent,\n    MessageBoxDefaultComponent,\n    MessageBoxFooterComponent,\n    MessageBoxHeaderComponent,\n    MessageBoxDecisiveButton,\n    MessageBoxBodyComponent,\n    MessageBoxComponent\n];\n\n@NgModule({\n    declarations: [declarations],\n    imports: [CommonModule, IconModule, InitialFocusModule, TemplateModule, BarModule, TitleModule, ButtonModule],\n    exports: [declarations, TemplateModule, InitialFocusModule, TitleModule],\n    providers: [MessageBoxService, DynamicComponentService],\n    entryComponents: [MessageBoxContainerComponent, MessageBoxDefaultComponent]\n})\nexport class MessageBoxModule {}\n","import { DialogContentBase } from '@fundamental-ngx/core/dialog';\nimport { TemplateRef } from '@angular/core';\n\nexport class MessageBoxContent extends DialogContentBase {\n    content?: TemplateRef<any> | string;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"fundamental-ngx-core-message-box.mjs","sources":["../../../../libs/core/src/lib/message-box/utils/message-box-config.class.ts","../../../../libs/core/src/lib/message-box/utils/const.ts","../../../../libs/core/src/lib/message-box/utils/message-box-ref.class.ts","../../../../libs/core/src/lib/message-box/message-box.component.ts","../../../../libs/core/src/lib/message-box/message-box.component.html","../../../../libs/core/src/lib/message-box/message-box-semantic-icon/message-box-semantic-icon.component.ts","../../../../libs/core/src/lib/message-box/message-box-header/message-box-header.component.ts","../../../../libs/core/src/lib/message-box/message-box-header/message-box-header.component.html","../../../../libs/core/src/lib/message-box/message-box-body/message-box-body.component.ts","../../../../libs/core/src/lib/message-box/message-box-footer/message-box-footer.component.ts","../../../../libs/core/src/lib/message-box/message-box-footer/message-box-footer.component.html","../../../../libs/core/src/lib/message-box/message-box-default/message-box-default.component.ts","../../../../libs/core/src/lib/message-box/message-box-default/message-box-default.component.html","../../../../libs/core/src/lib/message-box/message-box-container/message-box-container.component.ts","../../../../libs/core/src/lib/message-box/services/message-box.service.ts","../../../../libs/core/src/lib/message-box/directives/message-box-decisive-button.directive.ts","../../../../libs/core/src/lib/message-box/message-box-footer-button/message-box-footer-button.component.ts","../../../../libs/core/src/lib/message-box/message-box.module.ts","../../../../libs/core/src/lib/message-box/utils/message-box-content.class.ts","../../../../libs/core/src/lib/message-box/fundamental-ngx-core-message-box.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-inferrable-types */\n\nimport { Injectable, InjectionToken, Injector } from '@angular/core';\nimport { DialogConfigBase } from '@fundamental-ngx/core/dialog';\n\nexport const MESSAGE_BOX_DEFAULT_CONFIG = new InjectionToken<MessageBoxConfig>('Default MessageBoxConfig');\n\nexport type MessageBoxType = 'error' | 'success' | 'warning' | 'information' | 'confirmation';\n\n/** @hidden */\nexport abstract class MessageBoxHost {\n    _messageBoxConfig: MessageBoxConfig | undefined;\n}\n\n@Injectable()\nexport class MessageBoxConfig<T = any> extends DialogConfigBase<T> {\n    type?: MessageBoxType;\n    showSemanticIcon?: boolean = false;\n    customSemanticIcon?: string;\n    injector?: Injector;\n}\n","export const CSS_CLASS_NAME = {\n    messageBox: 'fd-message-box',\n    messageBoxActive: 'fd-message-box--active',\n\n    messageBoxTypeError: 'fd-message-box--error',\n    messageBoxTypeWarning: 'fd-message-box--warning',\n    messageBoxTypeSuccess: 'fd-message-box--success',\n    messageBoxTypeInformation: 'fd-message-box--information',\n    messageBoxTypeConfirmation: 'fd-message-box--confirmation'\n};\n","import { DialogRefBase } from '@fundamental-ngx/core/dialog';\nimport { Injectable } from '@angular/core';\n\n@Injectable()\nexport class MessageBoxRef<T = any> extends DialogRefBase<T> {}\n","import {\n    AfterViewInit,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    Input,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    Optional,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { Router } from '@angular/router';\n\nimport { applyCssClass, CssClassBuilder, FocusTrapService, RtlService } from '@fundamental-ngx/core/utils';\nimport { DialogBase, dialogFadeNgIf } from '@fundamental-ngx/core/dialog';\n\nimport { MessageBoxHost, MessageBoxConfig } from './utils/message-box-config.class';\nimport { MessageBoxRef } from './utils/message-box-ref.class';\nimport { CSS_CLASS_NAME } from './utils/const';\n\n/**\n * Message box component.\n *\n * ```html\n * <fd-message-box>\n *      <fd-message-box-header></fd-message-box-header>\n *      <fd-message-box-body></fd-message-box-body>\n *      <fd-message-box-footer></fd-message-box-footer>\n * </fd-message-box>\n * ```\n */\n@Component({\n    selector: 'fd-message-box',\n    templateUrl: './message-box.component.html',\n    styleUrls: ['./message-box.component.scss'],\n    host: {\n        tabindex: '-1',\n        role: 'dialog'\n    },\n    encapsulation: ViewEncapsulation.None,\n    providers: [{ provide: MessageBoxHost, useExisting: MessageBoxComponent }],\n    animations: [dialogFadeNgIf]\n})\nexport class MessageBoxComponent\n    extends DialogBase\n    implements OnInit, OnChanges, AfterViewInit, OnDestroy, CssClassBuilder, MessageBoxHost\n{\n    /** Custom classes */\n    @Input()\n    set class(userClass: string) {\n        this._class = userClass;\n    }\n\n    /** MessageBoxRef - should be used for Template based Dialog implementation  */\n    // eslint-disable-next-line @angular-eslint/no-input-rename\n    @Input('messageBoxRef')\n    set embeddedMessageBoxRef(value: MessageBoxRef) {\n        this._messageBoxRef = value;\n    }\n\n    /** MessageBoxConfig - should be used for Template based Dialog implementation  */\n    // eslint-disable-next-line @angular-eslint/no-input-rename\n    @Input('messageBoxConfig')\n    set embeddedMessageBoxConfig(value: MessageBoxConfig) {\n        this._messageBoxConfig = value;\n    }\n\n    /** @hidden */\n    @ViewChild('dialogWindow')\n    dialogWindow: ElementRef;\n\n    /** @hidden */\n    private _class = '';\n\n    /** @hidden */\n    constructor(\n        @Optional() public _messageBoxConfig: MessageBoxConfig,\n        @Optional() private _messageBoxRef: MessageBoxRef,\n        @Optional() router: Router,\n        @Optional() rtlService: RtlService,\n        focusTrapService: FocusTrapService,\n        changeDetectorRef: ChangeDetectorRef,\n        elementRef: ElementRef\n    ) {\n        super(router, elementRef, changeDetectorRef, rtlService, focusTrapService);\n    }\n\n    /** @hidden */\n    get _config(): MessageBoxConfig {\n        return this._messageBoxConfig;\n    }\n\n    /** @hidden */\n    get _ref(): MessageBoxRef {\n        return this._messageBoxRef;\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        super.ngOnInit();\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden */\n    ngOnChanges(): void {\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        super.ngAfterViewInit();\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n\n    /** @hidden */\n    @applyCssClass\n    buildComponentCssClass(): string[] {\n        return [\n            CSS_CLASS_NAME.messageBoxActive,\n            this._messageBoxTypeClass,\n            this._messageBoxConfig.hasBackdrop ? CSS_CLASS_NAME.messageBox : '',\n            this._messageBoxConfig.backdropClass ? this._messageBoxConfig.backdropClass : '',\n            this._class\n        ];\n    }\n\n    /** @hidden */\n    elementRef(): ElementRef {\n        return this._elementRef;\n    }\n\n    /** @hidden */\n    private get _messageBoxTypeClass(): string {\n        switch (this._config.type) {\n            case 'error':\n                return CSS_CLASS_NAME.messageBoxTypeError;\n            case 'success':\n                return CSS_CLASS_NAME.messageBoxTypeSuccess;\n            case 'warning':\n                return CSS_CLASS_NAME.messageBoxTypeWarning;\n            case 'information':\n                return CSS_CLASS_NAME.messageBoxTypeInformation;\n            case 'confirmation':\n                return CSS_CLASS_NAME.messageBoxTypeConfirmation;\n            default:\n                return '';\n        }\n    }\n}\n","<div\n    #dialogWindow\n    role=\"dialog\"\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    [@dialog-fade]\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","import { ChangeDetectionStrategy, Component, Input, Optional } from '@angular/core';\nimport { MessageBoxConfig, MessageBoxHost } from '../utils/message-box-config.class';\n\n/**\n * Message box element representing the semantic icon in the message box header.\n *\n * ```html\n * <fd-message-box-semantic-icon></fd-message-box-semantic-icon>\n * ```\n */\n@Component({\n    selector: 'fd-message-box-semantic-icon',\n    template: `<i [class]=\"'sap-icon--' + _getIcon\" role=\"presentation\"></i>`,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MessageBoxSemanticIconComponent {\n    /** Custom semantic icon */\n    @Input()\n    glyph: string;\n\n    /** @hidden */\n    get messageBoxConfig(): MessageBoxConfig {\n        return this.messageBox?._messageBoxConfig || {};\n    }\n\n    /** @hidden */\n    constructor(@Optional() private messageBox?: MessageBoxHost) {}\n\n    /** @hidden */\n    get _showSemanticIcon(): boolean {\n        return this.messageBoxConfig.showSemanticIcon;\n    }\n\n    /** @hidden */\n    get _getIcon(): string {\n        return this.glyph || this.messageBoxConfig.customSemanticIcon || this._semanticIcon;\n    }\n\n    /** @hidden */\n    get _semanticIcon(): string {\n        switch (this.messageBoxConfig.type) {\n            case 'error':\n                return 'message-error';\n            case 'success':\n                return 'message-success';\n            case 'warning':\n                return 'message-warning';\n            case 'information':\n                return 'message-information';\n            case 'confirmation':\n                return 'question-mark';\n            default:\n                return '';\n        }\n    }\n}\n","import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    ElementRef,\n    Optional,\n    ViewChild\n} from '@angular/core';\nimport { DialogHeaderBase } from '@fundamental-ngx/core/dialog';\nimport { MessageBoxSemanticIconComponent } from '../message-box-semantic-icon/message-box-semantic-icon.component';\nimport { MessageBoxConfig, MessageBoxHost } from '../utils/message-box-config.class';\n\n/**\n * Building block of the message box used to create message box header.\n *\n * ```html\n * <fd-message-box-header>\n *     <fd-message-box-semantic-icon></fd-message-box-semantic-icon>\n *     <h1 fd-title><!-- Content --></h1>\n * </fd-message-box-header>\n *\n * Complex header:\n * <fd-message-box-header>\n *     <ng-template fdTemplate=\"header\"><!--Content--></ng-template>\n *     <ng-template fdTemplate=\"subheader\"><!--Content--></ng-template>\n * </fd-message-box-header>\n * ```\n */\n@Component({\n    selector: 'fd-message-box-header',\n    templateUrl: './message-box-header.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MessageBoxHeaderComponent extends DialogHeaderBase implements AfterViewInit {\n    /** @hidden */\n    @ViewChild('defaultTemplateHeaderBar')\n    defaultTemplateHeaderBar?: ElementRef<Element>;\n\n    /** @hidden */\n    @ContentChild(MessageBoxSemanticIconComponent)\n    _projectedSemanticIcon: MessageBoxSemanticIconComponent;\n\n    /** @hidden */\n    get messageBoxConfig(): MessageBoxConfig {\n        return this.messageBox?._messageBoxConfig || {};\n    }\n\n    /** @hidden */\n    constructor(private _cdr: ChangeDetectorRef, @Optional() private messageBox?: MessageBoxHost) {\n        super(_cdr);\n    }\n\n    /** @hidden */\n    get _showSemanticIcon(): boolean {\n        return (\n            !this._projectedSemanticIcon &&\n            ((this.messageBoxConfig.type && this.messageBoxConfig.showSemanticIcon) ||\n                !!this.messageBoxConfig.customSemanticIcon)\n        );\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        // need to re-check bindings after initialisation in order to reflect the proper state of \"_showSemanticIcon\" getter\n        // running this in next microtask to avoid \"ExpressionChangedAfterItHasBeenCheckedError\"\n        Promise.resolve().then(() => this._cdr.markForCheck());\n    }\n}\n","<div\n    fd-bar\n    class=\"fd-message-box__header\"\n    [cozy]=\"messageBoxConfig.mobile\"\n    [barDesign]=\"subHeaderTemplate ? 'header-with-subheader' : 'header'\"\n>\n    <ng-container *ngTemplateOutlet=\"headerTemplate ? headerTemplate : defaultTemplate\"></ng-container>\n\n    <ng-template #defaultTemplate>\n        <div fd-bar-left>\n            <fd-bar-element #defaultTemplateHeaderBar>\n                <fd-message-box-semantic-icon\n                    class=\"fd-message-box__internal-semantic-icon\"\n                    *ngIf=\"_showSemanticIcon\"\n                ></fd-message-box-semantic-icon>\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\n<div\n    fd-bar\n    *ngIf=\"subHeaderTemplate\"\n    class=\"fd-message-box__subheader\"\n    barDesign=\"subheader\"\n    [cozy]=\"messageBoxConfig.mobile\"\n>\n    <ng-container *ngTemplateOutlet=\"subHeaderTemplate\"></ng-container>\n</div>\n","import { Component, Optional } from '@angular/core';\nimport { MessageBoxHost, MessageBoxConfig } from '../utils/message-box-config.class';\n\n/**\n * Building block of the message box used to create message box body.\n *\n * ```html\n * <fd-message-box-body></fd-message-box-body>\n * ```\n */\n@Component({\n    selector: 'fd-message-box-body',\n    template: '<ng-content></ng-content>',\n    host: {\n        '[class.fd-message-box__body]': 'true',\n        '[class.fd-message-box__body--no-vertical-padding]': '!messageBoxConfig.verticalPadding'\n    }\n})\nexport class MessageBoxBodyComponent {\n    /** @hidden */\n    get messageBoxConfig(): MessageBoxConfig {\n        return this.messageBox?._messageBoxConfig || {};\n    }\n    /** @hidden */\n    constructor(@Optional() private messageBox?: MessageBoxHost) {}\n}\n","import { AfterContentInit, AfterViewInit, Component, Optional } from '@angular/core';\nimport { MessageBoxConfig, MessageBoxHost } from '../utils/message-box-config.class';\nimport { DialogFooterBase } from '@fundamental-ngx/core/dialog';\n\nexport const MessageBoxButtonClass = 'fd-message-box__decisive-button';\n\n/**\n * Building block of the message box used to create message box header.\n *\n * ```html\n * <fd-message-box-footer><!--Content--></fd-message-box-footer>\n *\n * Complex footer:\n * <fd-message-box-footer>\n *     <ng-template fdTemplate=\"footer\"><!--Content--></ng-template>\n * </fd-message-box-footer>\n * ```\n * */\n@Component({\n    selector: 'fd-message-box-footer',\n    templateUrl: './message-box-footer.component.html'\n})\nexport class MessageBoxFooterComponent extends DialogFooterBase implements AfterContentInit, AfterViewInit {\n    /** @hidden */\n    get messageBoxConfig(): MessageBoxConfig {\n        return this.messageBox?._messageBoxConfig || {};\n    }\n\n    /** @hidden */\n    constructor(@Optional() private messageBox?: MessageBoxHost) {\n        super();\n    }\n\n    /** @hidden */\n    ngAfterContentInit(): void {\n        super.ngAfterContentInit();\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this._listenForButtonChanges(MessageBoxButtonClass);\n    }\n}\n","<footer fd-bar class=\"fd-message-box__footer\" barDesign=\"footer\" [cozy]=\"messageBoxConfig.mobile\">\n    <ng-container *ngTemplateOutlet=\"footerTemplate ? footerTemplate : defaultTemplate\"></ng-container>\n    <ng-template #defaultTemplate>\n        <div fd-bar-right>\n            <ng-content></ng-content>\n        </div>\n    </ng-template>\n</footer>\n","import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    OnInit,\n    TemplateRef,\n    ViewChild\n} from '@angular/core';\nimport { MessageBoxContent } from '../utils/message-box-content.class';\nimport { MessageBoxConfig } from '../utils/message-box-config.class';\n\n/** Message box component used to create the message box in object based approach */\n@Component({\n    selector: 'fd-message-box-default',\n    templateUrl: './message-box-default.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MessageBoxDefaultComponent implements OnInit, AfterViewInit {\n    /** @hidden */\n    @ViewChild('textContent')\n    _textContentTemplate: TemplateRef<any>;\n\n    /** @hidden */\n    _contentTemplate: TemplateRef<any>;\n\n    /** @hidden */\n    _messageBoxContent: MessageBoxContent;\n\n    /** @hidden */\n    _footerVisible: boolean;\n\n    /** @hidden */\n    constructor(public _messageBoxConfig: MessageBoxConfig, private _changeDetectorRef: ChangeDetectorRef) {}\n\n    ngOnInit(): void {\n        this._footerVisible = !!(this._messageBoxContent.cancelButton || this._messageBoxContent.approveButton);\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this._setContentTemplate();\n    }\n\n    /** @hidden */\n    _onCloseButton(): void {\n        this._messageBoxContent.closeButtonCallback();\n    }\n\n    /** @hidden */\n    _onApproveButton(): void {\n        this._messageBoxContent.approveButtonCallback();\n    }\n\n    /** @hidden */\n    _onCancelButton(): void {\n        this._messageBoxContent.cancelButtonCallback();\n    }\n\n    /** @hidden */\n    private _setContentTemplate(): void {\n        this._contentTemplate =\n            this._messageBoxContent.content instanceof TemplateRef\n                ? this._messageBoxContent.content\n                : this._textContentTemplate;\n\n        this._changeDetectorRef.detectChanges();\n    }\n}\n","<fd-message-box>\n    <fd-message-box-header>\n        <h1 fd-title>{{ _messageBoxContent.title }}</h1>\n    </fd-message-box-header>\n    <fd-message-box-body>\n        <ng-container *ngTemplateOutlet=\"_contentTemplate\"></ng-container>\n    </fd-message-box-body>\n    <fd-message-box-footer *ngIf=\"_footerVisible\">\n        <fd-button-bar\n            *ngIf=\"_messageBoxContent.approveButton\"\n            fd-initial-focus\n            fdType=\"emphasized\"\n            [label]=\"_messageBoxContent.approveButton\"\n            [compact]=\"!_messageBoxConfig.mobile\"\n            (click)=\"_onApproveButton()\"\n        >\n        </fd-button-bar>\n        <fd-button-bar\n            *ngIf=\"_messageBoxContent.cancelButton\"\n            [label]=\"_messageBoxContent.cancelButton\"\n            [compact]=\"!_messageBoxConfig.mobile\"\n            (click)=\"_onCancelButton()\"\n        >\n        </fd-button-bar>\n    </fd-message-box-footer>\n</fd-message-box>\n\n<ng-template #textContent>\n    {{ _messageBoxContent.content }}\n</ng-template>\n","import {\n    AfterViewInit,\n    ChangeDetectorRef,\n    Component,\n    ComponentFactoryResolver,\n    ElementRef,\n    Input,\n    TemplateRef,\n    Type,\n    ViewChild,\n    ViewContainerRef\n} from '@angular/core';\nimport { applyCssClass } from '@fundamental-ngx/core/utils';\nimport { CssClassBuilder } from '@fundamental-ngx/core/utils';\nimport { DynamicComponentContainer } from '@fundamental-ngx/core/utils';\nimport { MessageBoxConfig } from '../utils/message-box-config.class';\nimport { MessageBoxRef } from '../utils/message-box-ref.class';\nimport { MessageBoxContent } from '../utils/message-box-content.class';\nimport { MessageBoxDefaultComponent } from '../message-box-default/message-box-default.component';\nimport { MessageBoxContentType } from '../services/message-box.service';\n\n/** Message box container where the message box content is embedded. */\n@Component({\n    selector: 'fd-message-box-container',\n    template: '<ng-container #contentContainer></ng-container>'\n})\nexport class MessageBoxContainerComponent\n    extends DynamicComponentContainer<MessageBoxContentType>\n    implements AfterViewInit, CssClassBuilder\n{\n    /** Custom classes */\n    @Input()\n    set class(userClass: string) {\n        this._class = userClass;\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden */\n    @ViewChild('contentContainer', { read: ViewContainerRef })\n    containerRef: ViewContainerRef;\n\n    /** @hidden */\n    private _class = '';\n\n    /** @hidden */\n    constructor(\n        public messageBoxConfig: MessageBoxConfig,\n        private _messageBoxRef: MessageBoxRef,\n        elementRef: ElementRef,\n        componentFactoryResolver: ComponentFactoryResolver,\n        private _changeDetectorRef: ChangeDetectorRef\n    ) {\n        super(elementRef, componentFactoryResolver);\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this._loadContent();\n    }\n\n    /** @hidden */\n    @applyCssClass\n    buildComponentCssClass(): string[] {\n        return [this.messageBoxConfig.containerClass ? this.messageBoxConfig.containerClass : '', this._class];\n    }\n\n    /** @hidden */\n    elementRef(): ElementRef {\n        return this._elementRef;\n    }\n\n    /** @hidden Load received content */\n    protected _loadContent(): void {\n        if (this.childContent instanceof Type) {\n            this._createFromComponent(this.childContent);\n        } else if (this.childContent instanceof TemplateRef) {\n            this._createFromTemplate(this.childContent, this._templateContext());\n        } else {\n            this._createFromDefaultMessageBox(this.childContent);\n        }\n        this._changeDetectorRef.detectChanges();\n    }\n\n    /** @hidden Returns context for embedded template*/\n    private _templateContext(): { $implicit: MessageBoxRef; messageBoxConfig: MessageBoxConfig } {\n        return { $implicit: this._messageBoxRef, messageBoxConfig: this.messageBoxConfig };\n    }\n\n    /** @hidden Load Dialog component from passed object */\n    private _createFromDefaultMessageBox(content: MessageBoxContent): void {\n        this.containerRef.clear();\n        const componentFactory = this._componentFactoryResolver.resolveComponentFactory(MessageBoxDefaultComponent);\n        this._componentRef = this.containerRef.createComponent<MessageBoxDefaultComponent>(componentFactory);\n        this._componentRef.instance._messageBoxContent = content;\n    }\n}\n","import { Inject, Injectable, Injector, Optional, TemplateRef, Type } from '@angular/core';\n\nimport { DynamicComponentService, RtlService } from '@fundamental-ngx/core/utils';\nimport { DialogBaseService } from '@fundamental-ngx/core/dialog';\n\nimport { MESSAGE_BOX_DEFAULT_CONFIG, MessageBoxConfig } from '../utils/message-box-config.class';\nimport { MessageBoxRef } from '../utils/message-box-ref.class';\nimport { MessageBoxContainerComponent } from '../message-box-container/message-box-container.component';\nimport { MessageBoxContent } from '../utils/message-box-content.class';\n\nexport type MessageBoxContentType = Type<any> | TemplateRef<any> | MessageBoxContent;\n\n/** Service used to create a message box. */\n@Injectable()\nexport class MessageBoxService extends DialogBaseService<MessageBoxContainerComponent> {\n    /** @hidden */\n    constructor(\n        dynamicComponentService: DynamicComponentService,\n        @Optional() @Inject(MESSAGE_BOX_DEFAULT_CONFIG) private _defaultConfig: MessageBoxConfig,\n        @Optional() private _rtlService: RtlService\n    ) {\n        super(dynamicComponentService);\n    }\n\n    /**\n     * Opens a message box component with provided content.\n     * @param content Content of the message box component.\n     * @param config Configuration of the message box component.\n     */\n    public open<T = any>(content: MessageBoxContentType, config?: MessageBoxConfig<T>): MessageBoxRef<T> {\n        const messageBoxRef = new MessageBoxRef();\n\n        config = this._applyDefaultConfig(config, this._defaultConfig || new MessageBoxConfig());\n        messageBoxRef.data = config.data;\n\n        const injector = Injector.create({\n            providers: [\n                { provide: MessageBoxConfig, useValue: config },\n                { provide: MessageBoxRef, useValue: messageBoxRef },\n                { provide: RtlService, useValue: this._rtlService }\n            ],\n            parent: config.injector\n        });\n\n        const component = this._dynamicComponentService.createDynamicComponent<MessageBoxContainerComponent>(\n            content,\n            MessageBoxContainerComponent,\n            config,\n            { injector }\n        );\n\n        this._dialogs.push(component);\n\n        const defaultBehaviourOnClose = (): void => {\n            this._destroyDialog(component);\n            refSub.unsubscribe();\n        };\n\n        const refSub = messageBoxRef.afterClosed.subscribe(defaultBehaviourOnClose, defaultBehaviourOnClose);\n\n        return messageBoxRef;\n    }\n}\n","import { Directive } from '@angular/core';\n\n/**\n * @deprecated\n * Consider using `fd-button-bar`\n */\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-message-box-decisive-button]',\n    host: {\n        '[class.fd-message-box__decisive-button]': 'true'\n    }\n})\n// eslint-disable-next-line @angular-eslint/directive-class-suffix\nexport class MessageBoxDecisiveButton {}\n","import { Component } from '@angular/core';\nimport { BarElementDirective } from '@fundamental-ngx/core/bar';\n\n/**\n * @deprecated\n * Consider using `fd-button-bar`\n */\n@Component({\n    selector: 'fd-message-box-footer-button',\n    template: '<ng-content></ng-content>'\n})\nexport class MessageBoxFooterButtonComponent extends BarElementDirective {}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MessageBoxComponent } from './message-box.component';\nimport { MessageBoxContainerComponent } from './message-box-container/message-box-container.component';\nimport { DynamicComponentService } from '@fundamental-ngx/core/utils';\nimport { MessageBoxService } from './services/message-box.service';\nimport { MessageBoxBodyComponent } from './message-box-body/message-box-body.component';\nimport { MessageBoxFooterComponent } from './message-box-footer/message-box-footer.component';\nimport { MessageBoxHeaderComponent } from './message-box-header/message-box-header.component';\nimport { MessageBoxDecisiveButton } from './directives/message-box-decisive-button.directive';\nimport { BarModule } from '@fundamental-ngx/core/bar';\nimport { ButtonModule } from '@fundamental-ngx/core/button';\nimport { IconModule } from '@fundamental-ngx/core/icon';\nimport { TitleModule } from '@fundamental-ngx/core/title';\nimport { MessageBoxDefaultComponent } from './message-box-default/message-box-default.component';\nimport { TemplateModule } from '@fundamental-ngx/core/utils';\nimport { InitialFocusModule } from '@fundamental-ngx/core/utils';\nimport { MessageBoxFooterButtonComponent } from './message-box-footer-button/message-box-footer-button.component';\nimport { MessageBoxSemanticIconComponent } from './message-box-semantic-icon/message-box-semantic-icon.component';\n\nconst declarations = [\n    MessageBoxFooterButtonComponent,\n    MessageBoxSemanticIconComponent,\n    MessageBoxContainerComponent,\n    MessageBoxDefaultComponent,\n    MessageBoxFooterComponent,\n    MessageBoxHeaderComponent,\n    MessageBoxDecisiveButton,\n    MessageBoxBodyComponent,\n    MessageBoxComponent\n];\n\n@NgModule({\n    declarations: [declarations],\n    imports: [CommonModule, IconModule, InitialFocusModule, TemplateModule, BarModule, TitleModule, ButtonModule],\n    exports: [declarations, TemplateModule, InitialFocusModule, TitleModule],\n    providers: [MessageBoxService, DynamicComponentService],\n    entryComponents: [MessageBoxContainerComponent, MessageBoxDefaultComponent]\n})\nexport class MessageBoxModule {}\n","import { DialogContentBase } from '@fundamental-ngx/core/dialog';\nimport { TemplateRef } from '@angular/core';\n\nexport class MessageBoxContent extends DialogContentBase {\n    content?: TemplateRef<any> | string;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}