myrta-ui 13.0.6 → 13.0.7

package/esm2020/lib/components/modal/modal.component.mjs

@@ -69,7 +69,7 @@ export class ModalComponent {
     }
 }
 ModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: ModalComponent, selector: "mrx-modal", inputs: { title: "title", message: "message", okText: "okText", closeText: "closeText", size: "size", color: "color", customClasses: "customClasses", expandable: "expandable", isClose: "isClose", isBack: "isBack", backText: "backText", enableFooter: "enableFooter", alignButtons: "alignButtons", isLoading: "isLoading", iconPosition: "iconPosition" }, outputs: { ok: "ok", close: "close", back: "back" }, queries: [{ propertyName: "footerContent", first: true, predicate: ["footerContent"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-modal-content\" [class]=\"getClasses\" [@animateExpand]=\"isEmbed ? 'open' : 'closed'\">\r\n  <div class=\"mrx-modal-header\">\r\n    <div \r\n      class=\"mrx-modal-title\" \r\n      [innerHTML]=\"title\" \r\n      [class]=\"getTitleClass\"\r\n    ></div>\r\n\r\n    <div class=\"mrx-modal-controls\" *ngIf=\"expandable || isClose\">\r\n      <span\r\n        *ngIf=\"expandable\"\r\n        class=\"mrx-icon icon-font-24\"\r\n        [class]=\"isEmbed ? 'icon-arrow-collapse' : 'icon-arrow-expand'\"\r\n        (click)=\"onExpanding()\"\r\n      ></span>\r\n      <span class=\"mrx-icon icon-close icon-font-24\" *ngIf=\"isClose\" (click)=\"onClose()\"></span>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"mrx-modal-body\">\r\n    <div *ngIf=\"isBack\" class=\"mrx-modal__back d-flex align-items-center mb-3 mt-2\" (click)=\"onBack()\">\r\n      <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n      <span>{{ backText }}</span>\r\n    </div>\r\n\r\n    <div class=\"mrx-modal-body__message\" [innerHTML]=\"message\"></div>\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n\r\n  <div class=\"mrx-modal-footer\" [class]=\"alignButtonsClass\" *ngIf=\"enableFooter\">\r\n    <ng-container *ngIf=\"!footerContent; else footerContentTemplate\">\r\n      <mrx-button\r\n          [customClasses]=\"'mr-3'\"\r\n          [type]=\"'secondary'\"\r\n          [color]=\"getButtonColor\"\r\n          [size]=\"'medium'\"\r\n          (click)=\"onClose()\"\r\n      >{{closeText}}</mrx-button>\r\n\r\n      <mrx-button\r\n          [type]=\"'primary'\"\r\n          [size]=\"'medium'\"\r\n          [color]=\"getButtonColor\"\r\n          [iconPosition]=\"iconPosition\"\r\n          [isLoading]=\"isLoading\"\r\n          (click)=\"onOk()\"\r\n      >{{okText}}</mrx-button>\r\n    </ng-container>\r\n\r\n    <ng-template #footerContentTemplate>\r\n      <ng-container *ngTemplateOutlet=\"footerContent\"></ng-container>\r\n    </ng-template>\r\n  </div>\r\n</div>\r\n", styles: ["::ng-deep .mrx-modal{background-color:var(--neutral-bg-modal);height:100%;inset:0;overflow-x:hidden;overflow-y:auto;padding:0 16px;position:fixed;text-align:center;z-index:10000}::ng-deep .mrx-modal[style*=\"display: block\"]{display:flex!important;justify-content:center}::ng-deep .mrx-modal[style*=\"display: block\"]>*{display:flex;align-items:center;justify-content:center}::ng-deep .mrx-modal mrx-modal{margin:auto 0;width:100vw}::ng-deep .mrx-modal-open{overflow:hidden}.mrx-modal-content{margin:24px auto;background-color:#fff;border-radius:4px;position:relative;transition:opacity .5s ease-out;width:calc(100vw - 32px);will-change:opacity;display:flex;flex-direction:column;text-align:left}::ng-deep .mrx-modal.fade-anim{transition:opacity .4s ease-in-out;will-change:opacity;opacity:0}::ng-deep .mrx-modal.fade-anim.in{opacity:1}.mrx-modal-body{padding:var(--spacing-6, 24px) var(--spacing-4, 16px) var(--spacing-4, 16px);flex-grow:1}.mrx-modal-body .mrx-modal__back{font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-modal-body__message{color:var(--neutral-text-primary);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-modal-content.type-default .mrx-modal-header{background:var(--brand-bg-primary-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-default .mrx-modal-header .icon-close,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content.type-info .mrx-modal-header{background:var(--neutral-bg-island-default);color:var(--neutral-text-primary)}.mrx-modal-content.type-info .mrx-modal-header .icon-close,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-default)}.mrx-modal-content.type-attention .mrx-modal-header{background:var(--system-bg-controls-attention-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-attention .mrx-modal-header .icon-close,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content.type-negative .mrx-modal-header{background:var(--system-bg-controls-negative-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-negative .mrx-modal-header .icon-close,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content .mrx-modal__back{cursor:pointer;color:var(--brand-text-controls-default)}.mrx-modal-content .mrx-modal__back .mrx-icon{color:var(--brand-text-controls-default)}.mrx-modal-content .mrx-modal__back:hover,.mrx-modal-content .mrx-modal__back:hover .mrx-icon{color:var(--brand-text-controls-hover)}.mrx-modal-footer{align-items:center;display:flex;padding:0 24px 24px}.mrx-modal-header{display:flex;align-items:flex-start;gap:var(--spacing-2);padding:16px;position:relative;border-top-left-radius:4px;border-top-right-radius:4px}.mrx-modal-header .mrx-modal-title{font-family:var(--headlines-lvl-4-font-family);font-weight:var(--headlines-lvl-4-font-weight);line-height:var(--headlines-lvl-4-line-height);font-size:var(--headlines-lvl-4-font-size);text-align:center;width:100%;text-transform:uppercase}.mrx-modal-header .mrx-modal-title-clear{padding:0}.mrx-modal-header .mrx-modal-title-one-icon{padding-left:24px}.mrx-modal-header .mrx-modal-title-two-icon{padding-left:56px}.mrx-modal-header .mrx-modal-controls{display:flex;align-items:center;gap:var(--spacing-2);z-index:1}.mrx-modal-header .icon-arrow-expand,.mrx-modal-header .icon-arrow-collapse,.mrx-modal-header .icon-close{cursor:pointer}.mrx-modal-header .icon-arrow-expand:hover,.mrx-modal-header .icon-arrow-collapse:hover,.mrx-modal-header .icon-close:hover{transform:scale(1.1)}.mrx-modal-content.mrx-modal-sm{max-width:440px}.mrx-modal-content.mrx-modal-md{max-width:670px}.mrx-modal-content.mrx-modal-lg{max-width:904px}.mrx-modal-content.mrx-modal-extra-lg{max-width:1024px}\n"], components: [{ type: i1.ButtonComponent, selector: "mrx-button", inputs: ["size", "type", "color", "iconPosition", "active", "disabled", "isLoading", "iconOnly", "customClasses", "label", "icon", "iconClass", "buttonType", "href", "target", "routerLink", "queryParams"], outputs: ["mrxClick"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], animations: [
+ModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: ModalComponent, selector: "mrx-modal", inputs: { title: "title", message: "message", okText: "okText", closeText: "closeText", size: "size", color: "color", customClasses: "customClasses", expandable: "expandable", isClose: "isClose", isBack: "isBack", backText: "backText", enableFooter: "enableFooter", alignButtons: "alignButtons", isLoading: "isLoading", iconPosition: "iconPosition" }, outputs: { ok: "ok", close: "close", back: "back" }, queries: [{ propertyName: "footerContent", first: true, predicate: ["footerContent"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-modal-content\" [class]=\"getClasses\" [@animateExpand]=\"isEmbed ? 'open' : 'closed'\">\r\n  <div class=\"mrx-modal-header\">\r\n    <div \r\n      class=\"mrx-modal-title\" \r\n      [innerHTML]=\"title\" \r\n      [class]=\"getTitleClass\"\r\n    ></div>\r\n\r\n    <div class=\"mrx-modal-controls\" *ngIf=\"expandable || isClose\">\r\n      <span\r\n        *ngIf=\"expandable\"\r\n        class=\"mrx-icon icon-font-24\"\r\n        [class]=\"isEmbed ? 'icon-arrow-collapse' : 'icon-arrow-expand'\"\r\n        (click)=\"onExpanding()\"\r\n      ></span>\r\n      <span class=\"mrx-icon icon-close icon-font-24\" *ngIf=\"isClose\" (click)=\"onClose()\"></span>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"mrx-modal-body\">\r\n    <div *ngIf=\"isBack\" class=\"mrx-modal__back d-flex align-items-center mb-3 mt-2\" (click)=\"onBack()\">\r\n      <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n      <span>{{ backText }}</span>\r\n    </div>\r\n\r\n    <div class=\"mrx-modal-body__message\" [innerHTML]=\"message\"></div>\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n\r\n  <div class=\"mrx-modal-footer\" [class]=\"alignButtonsClass\" *ngIf=\"enableFooter\">\r\n    <ng-container *ngIf=\"!footerContent; else footerContentTemplate\">\r\n      <mrx-button\r\n          [customClasses]=\"'mr-3'\"\r\n          [type]=\"'secondary'\"\r\n          [color]=\"getButtonColor\"\r\n          [size]=\"'medium'\"\r\n          (click)=\"onClose()\"\r\n      >{{closeText}}</mrx-button>\r\n\r\n      <mrx-button\r\n          [type]=\"'primary'\"\r\n          [size]=\"'medium'\"\r\n          [color]=\"getButtonColor\"\r\n          [iconPosition]=\"iconPosition\"\r\n          [isLoading]=\"isLoading\"\r\n          (click)=\"onOk()\"\r\n      >{{okText}}</mrx-button>\r\n    </ng-container>\r\n\r\n    <ng-template #footerContentTemplate>\r\n      <ng-container *ngTemplateOutlet=\"footerContent\"></ng-container>\r\n    </ng-template>\r\n  </div>\r\n</div>\r\n", styles: ["::ng-deep .mrx-modal{background-color:var(--neutral-bg-modal);height:100%;inset:0;overflow-x:hidden;overflow-y:auto;padding:0 16px;position:fixed;text-align:center;z-index:10000}::ng-deep .mrx-modal[style*=\"display: block\"]{display:flex!important;justify-content:center}::ng-deep .mrx-modal[style*=\"display: block\"]>*{display:flex;align-items:center;justify-content:center}::ng-deep .mrx-modal mrx-modal{margin:auto 0;width:100vw}::ng-deep .mrx-modal-open{overflow:hidden}.mrx-modal-content{margin:24px auto;background-color:#fff;border-radius:4px;position:relative;transition:opacity .5s ease-out;width:calc(100vw - 32px);will-change:opacity;display:flex;flex-direction:column;text-align:left}::ng-deep .mrx-modal.fade-anim{transition:opacity .4s ease-in-out;will-change:opacity;opacity:0}::ng-deep .mrx-modal.fade-anim.in{opacity:1}.mrx-modal-body{padding:var(--spacing-6, 24px) var(--spacing-4, 16px) var(--spacing-4, 16px);flex-grow:1}.mrx-modal-body .mrx-modal__back{font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-modal-body__message{color:var(--neutral-text-primary);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-modal-content.type-default .mrx-modal-header{background:var(--brand-bg-primary-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-default .mrx-modal-header .icon-close,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content.type-info .mrx-modal-header{background:var(--neutral-bg-island-default);color:var(--neutral-text-primary)}.mrx-modal-content.type-info .mrx-modal-header .icon-close,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-default)}.mrx-modal-content.type-attention .mrx-modal-header{background:var(--system-bg-controls-attention-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-attention .mrx-modal-header .icon-close,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content.type-negative .mrx-modal-header{background:var(--system-bg-controls-negative-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-negative .mrx-modal-header .icon-close,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content .mrx-modal__back{cursor:pointer;color:var(--brand-text-controls-default)}.mrx-modal-content .mrx-modal__back .mrx-icon{color:var(--brand-text-controls-default)}.mrx-modal-content .mrx-modal__back:hover,.mrx-modal-content .mrx-modal__back:hover .mrx-icon{color:var(--brand-text-controls-hover)}.mrx-modal-footer{align-items:center;display:flex;gap:var(--spacing-3, 12px);padding:var(--spacing-4, 16px) var(--spacing-6, 24px) var(--spacing-6, 24px) var(--spacing-6, 24px);border-top:1px solid var(--neutral-bg-divider)}.mrx-modal-header{display:flex;align-items:flex-start;gap:var(--spacing-2);padding:16px;position:relative;border-top-left-radius:4px;border-top-right-radius:4px}.mrx-modal-header .mrx-modal-title{font-family:var(--headlines-lvl-4-font-family);font-weight:var(--headlines-lvl-4-font-weight);line-height:var(--headlines-lvl-4-line-height);font-size:var(--headlines-lvl-4-font-size);text-align:center;width:100%;text-transform:uppercase}.mrx-modal-header .mrx-modal-title-clear{padding:0}.mrx-modal-header .mrx-modal-title-one-icon{padding-left:24px}.mrx-modal-header .mrx-modal-title-two-icon{padding-left:56px}.mrx-modal-header .mrx-modal-controls{display:flex;align-items:center;gap:var(--spacing-2);z-index:1}.mrx-modal-header .icon-arrow-expand,.mrx-modal-header .icon-arrow-collapse,.mrx-modal-header .icon-close{cursor:pointer}.mrx-modal-header .icon-arrow-expand:hover,.mrx-modal-header .icon-arrow-collapse:hover,.mrx-modal-header .icon-close:hover{transform:scale(1.1)}.mrx-modal-content.mrx-modal-sm{max-width:440px}.mrx-modal-content.mrx-modal-md{max-width:670px}.mrx-modal-content.mrx-modal-lg{max-width:904px}.mrx-modal-content.mrx-modal-extra-lg{max-width:1024px}\n"], components: [{ type: i1.ButtonComponent, selector: "mrx-button", inputs: ["size", "type", "color", "iconPosition", "active", "disabled", "isLoading", "iconOnly", "customClasses", "label", "icon", "iconClass", "buttonType", "href", "target", "routerLink", "queryParams"], outputs: ["mrxClick"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], animations: [
         trigger('animateExpand', [
             state('open', style({
                 height: '100%',
@@ -102,7 +102,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                             transition('open => closed', [animate('0.5s ease')]),
                             transition('closed => open', [animate('0.5s ease')]),
                         ]),
-                    ], template: "<div class=\"mrx-modal-content\" [class]=\"getClasses\" [@animateExpand]=\"isEmbed ? 'open' : 'closed'\">\r\n  <div class=\"mrx-modal-header\">\r\n    <div \r\n      class=\"mrx-modal-title\" \r\n      [innerHTML]=\"title\" \r\n      [class]=\"getTitleClass\"\r\n    ></div>\r\n\r\n    <div class=\"mrx-modal-controls\" *ngIf=\"expandable || isClose\">\r\n      <span\r\n        *ngIf=\"expandable\"\r\n        class=\"mrx-icon icon-font-24\"\r\n        [class]=\"isEmbed ? 'icon-arrow-collapse' : 'icon-arrow-expand'\"\r\n        (click)=\"onExpanding()\"\r\n      ></span>\r\n      <span class=\"mrx-icon icon-close icon-font-24\" *ngIf=\"isClose\" (click)=\"onClose()\"></span>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"mrx-modal-body\">\r\n    <div *ngIf=\"isBack\" class=\"mrx-modal__back d-flex align-items-center mb-3 mt-2\" (click)=\"onBack()\">\r\n      <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n      <span>{{ backText }}</span>\r\n    </div>\r\n\r\n    <div class=\"mrx-modal-body__message\" [innerHTML]=\"message\"></div>\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n\r\n  <div class=\"mrx-modal-footer\" [class]=\"alignButtonsClass\" *ngIf=\"enableFooter\">\r\n    <ng-container *ngIf=\"!footerContent; else footerContentTemplate\">\r\n      <mrx-button\r\n          [customClasses]=\"'mr-3'\"\r\n          [type]=\"'secondary'\"\r\n          [color]=\"getButtonColor\"\r\n          [size]=\"'medium'\"\r\n          (click)=\"onClose()\"\r\n      >{{closeText}}</mrx-button>\r\n\r\n      <mrx-button\r\n          [type]=\"'primary'\"\r\n          [size]=\"'medium'\"\r\n          [color]=\"getButtonColor\"\r\n          [iconPosition]=\"iconPosition\"\r\n          [isLoading]=\"isLoading\"\r\n          (click)=\"onOk()\"\r\n      >{{okText}}</mrx-button>\r\n    </ng-container>\r\n\r\n    <ng-template #footerContentTemplate>\r\n      <ng-container *ngTemplateOutlet=\"footerContent\"></ng-container>\r\n    </ng-template>\r\n  </div>\r\n</div>\r\n", styles: ["::ng-deep .mrx-modal{background-color:var(--neutral-bg-modal);height:100%;inset:0;overflow-x:hidden;overflow-y:auto;padding:0 16px;position:fixed;text-align:center;z-index:10000}::ng-deep .mrx-modal[style*=\"display: block\"]{display:flex!important;justify-content:center}::ng-deep .mrx-modal[style*=\"display: block\"]>*{display:flex;align-items:center;justify-content:center}::ng-deep .mrx-modal mrx-modal{margin:auto 0;width:100vw}::ng-deep .mrx-modal-open{overflow:hidden}.mrx-modal-content{margin:24px auto;background-color:#fff;border-radius:4px;position:relative;transition:opacity .5s ease-out;width:calc(100vw - 32px);will-change:opacity;display:flex;flex-direction:column;text-align:left}::ng-deep .mrx-modal.fade-anim{transition:opacity .4s ease-in-out;will-change:opacity;opacity:0}::ng-deep .mrx-modal.fade-anim.in{opacity:1}.mrx-modal-body{padding:var(--spacing-6, 24px) var(--spacing-4, 16px) var(--spacing-4, 16px);flex-grow:1}.mrx-modal-body .mrx-modal__back{font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-modal-body__message{color:var(--neutral-text-primary);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-modal-content.type-default .mrx-modal-header{background:var(--brand-bg-primary-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-default .mrx-modal-header .icon-close,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content.type-info .mrx-modal-header{background:var(--neutral-bg-island-default);color:var(--neutral-text-primary)}.mrx-modal-content.type-info .mrx-modal-header .icon-close,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-default)}.mrx-modal-content.type-attention .mrx-modal-header{background:var(--system-bg-controls-attention-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-attention .mrx-modal-header .icon-close,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content.type-negative .mrx-modal-header{background:var(--system-bg-controls-negative-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-negative .mrx-modal-header .icon-close,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content .mrx-modal__back{cursor:pointer;color:var(--brand-text-controls-default)}.mrx-modal-content .mrx-modal__back .mrx-icon{color:var(--brand-text-controls-default)}.mrx-modal-content .mrx-modal__back:hover,.mrx-modal-content .mrx-modal__back:hover .mrx-icon{color:var(--brand-text-controls-hover)}.mrx-modal-footer{align-items:center;display:flex;padding:0 24px 24px}.mrx-modal-header{display:flex;align-items:flex-start;gap:var(--spacing-2);padding:16px;position:relative;border-top-left-radius:4px;border-top-right-radius:4px}.mrx-modal-header .mrx-modal-title{font-family:var(--headlines-lvl-4-font-family);font-weight:var(--headlines-lvl-4-font-weight);line-height:var(--headlines-lvl-4-line-height);font-size:var(--headlines-lvl-4-font-size);text-align:center;width:100%;text-transform:uppercase}.mrx-modal-header .mrx-modal-title-clear{padding:0}.mrx-modal-header .mrx-modal-title-one-icon{padding-left:24px}.mrx-modal-header .mrx-modal-title-two-icon{padding-left:56px}.mrx-modal-header .mrx-modal-controls{display:flex;align-items:center;gap:var(--spacing-2);z-index:1}.mrx-modal-header .icon-arrow-expand,.mrx-modal-header .icon-arrow-collapse,.mrx-modal-header .icon-close{cursor:pointer}.mrx-modal-header .icon-arrow-expand:hover,.mrx-modal-header .icon-arrow-collapse:hover,.mrx-modal-header .icon-close:hover{transform:scale(1.1)}.mrx-modal-content.mrx-modal-sm{max-width:440px}.mrx-modal-content.mrx-modal-md{max-width:670px}.mrx-modal-content.mrx-modal-lg{max-width:904px}.mrx-modal-content.mrx-modal-extra-lg{max-width:1024px}\n"] }]
+                    ], template: "<div class=\"mrx-modal-content\" [class]=\"getClasses\" [@animateExpand]=\"isEmbed ? 'open' : 'closed'\">\r\n  <div class=\"mrx-modal-header\">\r\n    <div \r\n      class=\"mrx-modal-title\" \r\n      [innerHTML]=\"title\" \r\n      [class]=\"getTitleClass\"\r\n    ></div>\r\n\r\n    <div class=\"mrx-modal-controls\" *ngIf=\"expandable || isClose\">\r\n      <span\r\n        *ngIf=\"expandable\"\r\n        class=\"mrx-icon icon-font-24\"\r\n        [class]=\"isEmbed ? 'icon-arrow-collapse' : 'icon-arrow-expand'\"\r\n        (click)=\"onExpanding()\"\r\n      ></span>\r\n      <span class=\"mrx-icon icon-close icon-font-24\" *ngIf=\"isClose\" (click)=\"onClose()\"></span>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"mrx-modal-body\">\r\n    <div *ngIf=\"isBack\" class=\"mrx-modal__back d-flex align-items-center mb-3 mt-2\" (click)=\"onBack()\">\r\n      <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n      <span>{{ backText }}</span>\r\n    </div>\r\n\r\n    <div class=\"mrx-modal-body__message\" [innerHTML]=\"message\"></div>\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n\r\n  <div class=\"mrx-modal-footer\" [class]=\"alignButtonsClass\" *ngIf=\"enableFooter\">\r\n    <ng-container *ngIf=\"!footerContent; else footerContentTemplate\">\r\n      <mrx-button\r\n          [customClasses]=\"'mr-3'\"\r\n          [type]=\"'secondary'\"\r\n          [color]=\"getButtonColor\"\r\n          [size]=\"'medium'\"\r\n          (click)=\"onClose()\"\r\n      >{{closeText}}</mrx-button>\r\n\r\n      <mrx-button\r\n          [type]=\"'primary'\"\r\n          [size]=\"'medium'\"\r\n          [color]=\"getButtonColor\"\r\n          [iconPosition]=\"iconPosition\"\r\n          [isLoading]=\"isLoading\"\r\n          (click)=\"onOk()\"\r\n      >{{okText}}</mrx-button>\r\n    </ng-container>\r\n\r\n    <ng-template #footerContentTemplate>\r\n      <ng-container *ngTemplateOutlet=\"footerContent\"></ng-container>\r\n    </ng-template>\r\n  </div>\r\n</div>\r\n", styles: ["::ng-deep .mrx-modal{background-color:var(--neutral-bg-modal);height:100%;inset:0;overflow-x:hidden;overflow-y:auto;padding:0 16px;position:fixed;text-align:center;z-index:10000}::ng-deep .mrx-modal[style*=\"display: block\"]{display:flex!important;justify-content:center}::ng-deep .mrx-modal[style*=\"display: block\"]>*{display:flex;align-items:center;justify-content:center}::ng-deep .mrx-modal mrx-modal{margin:auto 0;width:100vw}::ng-deep .mrx-modal-open{overflow:hidden}.mrx-modal-content{margin:24px auto;background-color:#fff;border-radius:4px;position:relative;transition:opacity .5s ease-out;width:calc(100vw - 32px);will-change:opacity;display:flex;flex-direction:column;text-align:left}::ng-deep .mrx-modal.fade-anim{transition:opacity .4s ease-in-out;will-change:opacity;opacity:0}::ng-deep .mrx-modal.fade-anim.in{opacity:1}.mrx-modal-body{padding:var(--spacing-6, 24px) var(--spacing-4, 16px) var(--spacing-4, 16px);flex-grow:1}.mrx-modal-body .mrx-modal__back{font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-modal-body__message{color:var(--neutral-text-primary);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-modal-content.type-default .mrx-modal-header{background:var(--brand-bg-primary-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-default .mrx-modal-header .icon-close,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content.type-info .mrx-modal-header{background:var(--neutral-bg-island-default);color:var(--neutral-text-primary)}.mrx-modal-content.type-info .mrx-modal-header .icon-close,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-default)}.mrx-modal-content.type-attention .mrx-modal-header{background:var(--system-bg-controls-attention-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-attention .mrx-modal-header .icon-close,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content.type-negative .mrx-modal-header{background:var(--system-bg-controls-negative-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-negative .mrx-modal-header .icon-close,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content .mrx-modal__back{cursor:pointer;color:var(--brand-text-controls-default)}.mrx-modal-content .mrx-modal__back .mrx-icon{color:var(--brand-text-controls-default)}.mrx-modal-content .mrx-modal__back:hover,.mrx-modal-content .mrx-modal__back:hover .mrx-icon{color:var(--brand-text-controls-hover)}.mrx-modal-footer{align-items:center;display:flex;gap:var(--spacing-3, 12px);padding:var(--spacing-4, 16px) var(--spacing-6, 24px) var(--spacing-6, 24px) var(--spacing-6, 24px);border-top:1px solid var(--neutral-bg-divider)}.mrx-modal-header{display:flex;align-items:flex-start;gap:var(--spacing-2);padding:16px;position:relative;border-top-left-radius:4px;border-top-right-radius:4px}.mrx-modal-header .mrx-modal-title{font-family:var(--headlines-lvl-4-font-family);font-weight:var(--headlines-lvl-4-font-weight);line-height:var(--headlines-lvl-4-line-height);font-size:var(--headlines-lvl-4-font-size);text-align:center;width:100%;text-transform:uppercase}.mrx-modal-header .mrx-modal-title-clear{padding:0}.mrx-modal-header .mrx-modal-title-one-icon{padding-left:24px}.mrx-modal-header .mrx-modal-title-two-icon{padding-left:56px}.mrx-modal-header .mrx-modal-controls{display:flex;align-items:center;gap:var(--spacing-2);z-index:1}.mrx-modal-header .icon-arrow-expand,.mrx-modal-header .icon-arrow-collapse,.mrx-modal-header .icon-close{cursor:pointer}.mrx-modal-header .icon-arrow-expand:hover,.mrx-modal-header .icon-arrow-collapse:hover,.mrx-modal-header .icon-close:hover{transform:scale(1.1)}.mrx-modal-content.mrx-modal-sm{max-width:440px}.mrx-modal-content.mrx-modal-md{max-width:670px}.mrx-modal-content.mrx-modal-lg{max-width:904px}.mrx-modal-content.mrx-modal-extra-lg{max-width:1024px}\n"] }]
         }], propDecorators: { title: [{
                 type: Input
             }], message: [{
@@ -143,4 +143,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
             }], back: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL21vZGFsL21vZGFsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9tb2RhbC9tb2RhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBRVAsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLHFCQUFxQixFQUVyQixjQUFjLEVBRWQsY0FBYyxFQUVmLE1BQU0sY0FBYyxDQUFDO0FBQ3RCLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7Ozs7QUF5QmpGLE1BQU0sT0FBTyxjQUFjO0lBdEIzQjtRQXVCUyxZQUFPLEdBQUcsS0FBSyxDQUFBO1FBRWIsVUFBSyxHQUFtQixFQUFFLENBQUE7UUFDMUIsWUFBTyxHQUFtQixFQUFFLENBQUE7UUFDNUIsV0FBTSxHQUFHLFVBQVUsQ0FBQTtRQUVuQixjQUFTLEdBQUcsYUFBYSxDQUFBO1FBQ3pCLFNBQUksR0FBb0IsT0FBTyxDQUFBO1FBQy9CLFVBQUssR0FBb0IsU0FBUyxDQUFBO1FBQ2xDLGtCQUFhLEdBQUcsRUFBRSxDQUFBO1FBQ2xCLGVBQVUsR0FBRyxLQUFLLENBQUE7UUFDbEIsWUFBTyxHQUFHLElBQUksQ0FBQTtRQUNkLFdBQU0sR0FBRyxLQUFLLENBQUE7UUFDZCxhQUFRLEdBQUcsT0FBTyxDQUFBO1FBQ2xCLGlCQUFZLEdBQUcsSUFBSSxDQUFBO1FBQ25CLGlCQUFZLEdBQTJCLFFBQVEsQ0FBQTtR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QUFFLE1BQU07Z0NBQ2IsUUFBUSxFQUFFLE1BQU07Z0NBQ2hCLFNBQVMsRUFBRSxPQUFPO2dDQUNsQixRQUFRLEVBQUUsT0FBTztnQ0FDakIsU0FBUyxFQUFFLEdBQUc7Z0NBQ2QsWUFBWSxFQUFFLEdBQUc7NkJBQ2xCLENBQUMsQ0FBQzs0QkFDSCxLQUFLLENBQUMsUUFBUSxFQUFFLEtBQUssQ0FBQyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7NEJBQ25ELFVBQVUsQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDLE9BQU8sQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDOzRCQUNwRCxVQUFVLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQzt5QkFDckQsQ0FBQztxQkFDSDs4QkFLUSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFFRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUV5QixhQUFhO3NCQUEzQyxZQUFZO3VCQUFDLGVBQWU7Z0JBRW5CLEVBQUU7c0JBQVgsTUFBTTtnQkFDRyxLQUFLO3NCQUFkLE1BQU07Z0JBQ0csSUFBSTtzQkFBYixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDb21wb25lbnQsXHJcbiAgQ29udGVudENoaWxkLFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbnB1dCxcclxuICBPdXRwdXQsXHJcbiAgVGVtcGxhdGVSZWZcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtcclxuICBNb2RhbEFsaWduQnV0dG9uc0VudW0sXHJcbiAgTW9kYWxBbGlnbkJ1dHRvbnNUeXBlcyxcclxuICBNb2RhbENvbG9yRW51bSxcclxuICBNb2RhbENvbG9yVHlwZXMsXHJcbiAgTW9kYWxTaXplc0VudW0sXHJcbiAgTW9kYWxTaXplc1R5cGVzXHJcbn0gZnJvbSAnLi9tb2RhbC5lbXVuJztcclxuaW1wb3J0IHsgYW5pbWF0ZSwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XHJcbmltcG9ydCB7IEJ1dHRvbkNvbG9yc1R5cGVzLCBCdXR0b25JY29uUG9zaXRpb25UeXBlcyB9IGZyb20gJy4uL2J1dHRvbi9idXR0b24uZW51bSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21yeC1tb2RhbCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL21vZGFsLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9tb2RhbC5jb21wb25lbnQubGVzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIGFuaW1hdGlvbnM6IFtcclxuICAgIHRyaWdnZXIoJ2FuaW1hdGVFeHBhbmQnLCBbXHJcbiAgICAgIHN0YXRlKCdvcGVuJywgc3R5bGUoe1xyXG4gICAgICAgIGhlaWdodDogJzEwMCUnLFxyXG4gICAgICAgIHdpZHRoOiAnMTAwJScsXHJcbiAgICAgICAgbWF4V2lkdGg6ICdub25lJyxcclxuICAgICAgICBtaW5IZWlnaHQ6ICcxMDB2aCcsXHJcbiAgICAgICAgbWluV2lkdGg6ICcxMDB2dycsXHJcbiAgICAgICAgbWFyZ2luVG9wOiAnMCcsXHJcbiAgICAgICAgbWFyZ2luQm90dG9tOiAnMCdcclxuICAgICAgfSkpLFxyXG4gICAgICBzdGF0ZSgnY2xvc2VkJywgc3R5bGUoeyBoZWlnaHQ6ICcqJywgd2lkdGg6ICcqJyB9KSksXHJcbiAgICAgIHRyYW5zaXRpb24oJ29wZW4gPT4gY2xvc2VkJywgW2FuaW1hdGUoJzAuNXMgZWFzZScpXSksXHJcbiAgICAgIHRyYW5zaXRpb24oJ2Nsb3NlZCA9PiBvcGVuJywgW2FuaW1hdGUoJzAuNXMgZWFzZScpXSksXHJcbiAgICBdKSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTW9kYWxDb21wb25lbnQge1xyXG4gIHB1YmxpYyBpc0VtYmVkID0gZmFsc2VcclxuXHJcbiAgQElucHV0KCkgdGl0bGU/OiBzdHJpbmcgfCBudWxsID0gJydcclxuICBASW5wdXQoKSBtZXNzYWdlPzogc3RyaW5nIHwgbnVsbCA9ICcnXHJcbiAgQElucHV0KCkgb2tUZXh0ID0gJ9Ce0YLQvNC10L3QuNGC0YwnXHJcblxyXG4gIEBJbnB1dCgpIGNsb3NlVGV4dCA9ICfQn9C+0LTRgtCy0LXRgNC00LjRgtGMJ1xyXG4gIEBJbnB1dCgpIHNpemU6IE1vZGFsU2l6ZXNUeXBlcyA9ICdzbWFsbCdcclxuICBASW5wdXQoKSBjb2xvcjogTW9kYWxDb2xvclR5cGVzID0gJ2RlZmF1bHQnXHJcbiAgQElucHV0KCkgY3VzdG9tQ2xhc3NlcyA9ICcnXHJcbiAgQElucHV0KCkgZXhwYW5kYWJsZSA9IGZhbHNlXHJcbiAgQElucHV0KCkgaXNDbG9zZSA9IHRydWVcclxuICBASW5wdXQoKSBpc0JhY2sgPSBmYWxzZVxyXG4gIEBJbnB1dCgpIGJhY2tUZXh0ID0gJ9Cd0LDQt9Cw0LQnXHJcbiAgQElucHV0KCkgZW5hYmxlRm9vdGVyID0gdHJ1ZVxyXG4gIEBJbnB1dCgpIGFsaWduQnV0dG9uczogTW9kYWxBbGlnbkJ1dHRvbnNUeXBlcyA9ICdjZW50ZXInXHJcbiAgQElucHV0KCkgaXNMb2FkaW5nID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaWNvblBvc2l0aW9uOiBCdXR0b25JY29uUG9zaXRpb25UeXBlcyA9ICdsZWZ0JztcclxuXHJcbiAgQENvbnRlbnRDaGlsZCgnZm9vdGVyQ29udGVudCcpIGZvb3RlckNvbnRlbnQhOiBUZW1wbGF0ZVJlZjxIVE1MRWxlbWVudD47XHJcblxyXG4gIEBPdXRwdXQoKSBvazogRXZlbnRFbWl0dGVyPG51bGw+ID0gbmV3IEV2ZW50RW1pdHRlcjxudWxsPigpO1xyXG4gIEBPdXRwdXQoKSBjbG9zZTogRXZlbnRFbWl0dGVyPG51bGw+ID0gbmV3IEV2ZW50RW1pdHRlcjxudWxsPigpO1xyXG4gIEBPdXRwdXQoKSBiYWNrOiBFdmVudEVtaXR0ZXI8bnVsbD4gPSBuZXcgRXZlbnRFbWl0dGVyPG51bGw+KCk7XHJcblxyXG4gIHB1YmxpYyBnZXQgZ2V0VGl0bGVDbGFzcygpOiBzdHJpbmcge1xyXG4gICAgc3dpdGNoKHRydWUpIHtcclxuICAgICAgY2FzZSB0aGlzLmlzQ2xvc2UgJiYgdGhpcy5leHBhbmRhYmxlOlxyXG4gICAgICAgIHJldHVybiAnbXJ4LW1vZGFsLXRpdGxlLXR3by1pY29uJ1xyXG4gICAgICBjYXNlIHRoaXMuaXNDbG9zZSB8fCB0aGlzLmV4cGFuZGFibGU6XHJcbiAgICAgICAgcmV0dXJuICdtcngtbW9kYWwtdGl0bGUtb25lLWljb24nXHJcbiAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgcmV0dXJuICdtcngtbW9kYWwtdGl0bGUtY2xlYXInXHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0IGdldENvbG9yQ2xhc3MoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5jb2xvciA/IE1vZGFsQ29sb3JFbnVtW3RoaXMuY29sb3JdIDogJydcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXQgZ2V0Q2xhc3NlcygpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGAkeyBNb2RhbFNpemVzRW51bVt0aGlzLnNpemVdIH0gJHsgdGhpcy5nZXRDb2xvckNsYXNzIH0gJHsgdGhpcy5jdXN0b21DbGFzc2VzIH1gO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldCBnZXRCdXR0b25Db2xvcigpOiBCdXR0b25Db2xvcnNUeXBlcyB7XHJcbiAgICBzd2l0Y2ggKHRoaXMuY29sb3IpIHtcclxuICAgICAgY2FzZSAnbmVnYXRpdmUnOlxyXG4gICAgICAgIHJldHVybiAnbmVnYXRpdmUnXHJcbiAgICAgIGNhc2UgJ2F0dGVudGlvbic6XHJcbiAgICAgICAgcmV0dXJuICdhdHRlbnRpb24nXHJcbiAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgcmV0dXJuICdkZWZhdWx0J1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldCBhbGlnbkJ1dHRvbnNDbGFzcygpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIE1vZGFsQWxpZ25CdXR0b25zRW51bVt0aGlzLmFsaWduQnV0dG9uc11cclxuICB9XHJcblxyXG4gIHB1YmxpYyBvbk9rKCk6IHZvaWQge1xyXG4gICAgdGhpcy5vay5lbWl0KClcclxuICB9XHJcblxyXG4gIHB1YmxpYyBvbkNsb3NlKCk6IHZvaWQge1xyXG4gICAgdGhpcy5jbG9zZS5lbWl0KClcclxuICB9XHJcblxyXG4gIHB1YmxpYyBvbkJhY2soKSB7XHJcbiAgICB0aGlzLmJhY2suZW1pdCgpXHJcbiAgfVxyXG5cclxuICBwdWJsaWMgb25FeHBhbmRpbmcoKTogdm9pZCB7XHJcbiAgICB0aGlzLmlzRW1iZWQgPSAhdGhpcy5pc0VtYmVkXHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJtcngtbW9kYWwtY29udGVudFwiIFtjbGFzc109XCJnZXRDbGFzc2VzXCIgW0BhbmltYXRlRXhwYW5kXT1cImlzRW1iZWQgPyAnb3BlbicgOiAnY2xvc2VkJ1wiPlxyXG4gIDxkaXYgY2xhc3M9XCJtcngtbW9kYWwtaGVhZGVyXCI+XHJcbiAgICA8ZGl2IFxyXG4gICAgICBjbGFzcz1cIm1yeC1tb2RhbC10aXRsZVwiIFxyXG4gICAgICBbaW5uZXJIVE1MXT1cInRpdGxlXCIgXHJcbiAgICAgIFtjbGFzc109XCJnZXRUaXRsZUNsYXNzXCJcclxuICAgID48L2Rpdj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwibXJ4LW1vZGFsLWNvbnRyb2xzXCIgKm5nSWY9XCJleHBhbmRhYmxlIHx8IGlzQ2xvc2VcIj5cclxuICAgICAgPHNwYW5cclxuICAgICAgICAqbmdJZj1cImV4cGFuZGFibGVcIlxyXG4gICAgICAgIGNsYXNzPVwibXJ4LWljb24gaWNvbi1mb250LTI0XCJcclxuICAgICAgICBbY2xhc3NdPVwiaXNFbWJlZCA/ICdpY29uLWFycm93LWNvbGxhcHNlJyA6ICdpY29uLWFycm93LWV4cGFuZCdcIlxyXG4gICAgICAgIChjbGljayk9XCJvbkV4cGFuZGluZygpXCJcclxuICAgICAgPjwvc3Bhbj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLWNsb3NlIGljb24tZm9udC0yNFwiICpuZ0lmPVwiaXNDbG9zZVwiIChjbGljayk9XCJvbkNsb3NlKClcIj48L3NwYW4+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuXHJcbiAgPGRpdiBjbGFzcz1cIm1yeC1tb2RhbC1ib2R5XCI+XHJcbiAgICA8ZGl2ICpuZ0lmPVwiaXNCYWNrXCIgY2xhc3M9XCJtcngtbW9kYWxfX2JhY2sgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBtYi0zIG10LTJcIiAoY2xpY2spPVwib25CYWNrKClcIj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLWFycm93LWxlZnQgaWNvbi1mb250LTE2IG1yLTFcIj48L3NwYW4+XHJcbiAgICAgIDxzcGFuPnt7IGJhY2tUZXh0IH19PC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cIm1yeC1tb2RhbC1ib2R5X19tZXNzYWdlXCIgW2lubmVySFRNTF09XCJtZXNzYWdlXCI+PC9kaXY+XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgPC9kaXY+XHJcblxyXG5cclxuICA8ZGl2IGNsYXNzPVwibXJ4LW1vZGFsLWZvb3RlclwiIFtjbGFzc109XCJhbGlnbkJ1dHRvbnNDbGFzc1wiICpuZ0lmPVwiZW5hYmxlRm9vdGVyXCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWZvb3RlckNvbnRlbnQ7IGVsc2UgZm9vdGVyQ29udGVudFRlbXBsYXRlXCI+XHJcbiAgICAgIDxtcngtYnV0dG9uXHJcbiAgICAgICAgICBbY3VzdG9tQ2xhc3Nlc109XCInbXItMydcIlxyXG4gICAgICAgICAgW3R5cGVdPVwiJ3NlY29uZGFyeSdcIlxyXG4gICAgICAgICAgW2NvbG9yXT1cImdldEJ1dHRvbkNvbG9yXCJcclxuICAgICAgICAgIFtzaXplXT1cIidtZWRpdW0nXCJcclxuICAgICAgICAgIChjbGljayk9XCJvbkNsb3NlKClcIlxyXG4gICAgICA+e3tjbG9zZVRleHR9fTwvbXJ4LWJ1dHRvbj5cclxuXHJcbiAgICAgIDxtcngtYnV0dG9uXHJcbiAgICAgICAgICBbdHlwZV09XCIncHJpbWFyeSdcIlxyXG4gICAgICAgICAgW3NpemVdPVwiJ21lZGl1bSdcIlxyXG4gICAgICAgICAgW2NvbG9yXT1cImdldEJ1dHRvbkNvbG9yXCJcclxuICAgICAgICAgIFtpY29uUG9zaXRpb25dPVwiaWNvblBvc2l0aW9uXCJcclxuICAgICAgICAgIFtpc0xvYWRpbmddPVwiaXNMb2FkaW5nXCJcclxuICAgICAgICAgIChjbGljayk9XCJvbk9rKClcIlxyXG4gICAgICA+e3tva1RleHR9fTwvbXJ4LWJ1dHRvbj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgIDxuZy10ZW1wbGF0ZSAjZm9vdGVyQ29udGVudFRlbXBsYXRlPlxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZm9vdGVyQ29udGVudFwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgPC9uZy10ZW1wbGF0ZT5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL21vZGFsL21vZGFsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9tb2RhbC9tb2RhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBRVAsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLHFCQUFxQixFQUVyQixjQUFjLEVBRWQsY0FBYyxFQUVmLE1BQU0sY0FBYyxDQUFDO0FBQ3RCLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7Ozs7QUF5QmpGLE1BQU0sT0FBTyxjQUFjO0lBdEIzQjtRQXVCUyxZQUFPLEdBQUcsS0FBSyxDQUFBO1FBRWIsVUFBSyxHQUFtQixFQUFFLENBQUE7UUFDMUIsWUFBTyxHQUFtQixFQUFFLENBQUE7UUFDNUIsV0FBTSxHQUFHLFVBQVUsQ0FBQTtRQUVuQixjQUFTLEdBQUcsYUFBYSxDQUFBO1FBQ3pCLFNBQUksR0FBb0IsT0FBTyxDQUFBO1FBQy9CLFVBQUssR0FBb0IsU0FBUyxDQUFBO1FBQ2xDLGtCQUFhLEdBQUcsRUFBRSxDQUFBO1FBQ2xCLGVBQVUsR0FBRyxLQUFLLENBQUE7UUFDbEIsWUFBTyxHQUFHLElBQUksQ0FBQTtRQUNkLFdBQU0sR0FBRyxLQUFLLENBQUE7UUFDZCxhQUFRLEdBQUcsT0FBTyxDQUFBO1FBQ2xCLGlCQUFZLEdBQUcsSUFBSSxDQUFBO1FBQ25CLGlCQUFZLEdBQTJCLFFBQVEsQ0FBQTtR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QUFFLE1BQU07Z0NBQ2IsUUFBUSxFQUFFLE1BQU07Z0NBQ2hCLFNBQVMsRUFBRSxPQUFPO2dDQUNsQixRQUFRLEVBQUUsT0FBTztnQ0FDakIsU0FBUyxFQUFFLEdBQUc7Z0NBQ2QsWUFBWSxFQUFFLEdBQUc7NkJBQ2xCLENBQUMsQ0FBQzs0QkFDSCxLQUFLLENBQUMsUUFBUSxFQUFFLEtBQUssQ0FBQyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7NEJBQ25ELFVBQVUsQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDLE9BQU8sQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDOzRCQUNwRCxVQUFVLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQzt5QkFDckQsQ0FBQztxQkFDSDs4QkFLUSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFFRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUV5QixhQUFhO3NCQUEzQyxZQUFZO3VCQUFDLGVBQWU7Z0JBRW5CLEVBQUU7c0JBQVgsTUFBTTtnQkFDRyxLQUFLO3NCQUFkLE1BQU07Z0JBQ0csSUFBSTtzQkFBYixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDb21wb25lbnQsXHJcbiAgQ29udGVudENoaWxkLFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbnB1dCxcclxuICBPdXRwdXQsXHJcbiAgVGVtcGxhdGVSZWZcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtcclxuICBNb2RhbEFsaWduQnV0dG9uc0VudW0sXHJcbiAgTW9kYWxBbGlnbkJ1dHRvbnNUeXBlcyxcclxuICBNb2RhbENvbG9yRW51bSxcclxuICBNb2RhbENvbG9yVHlwZXMsXHJcbiAgTW9kYWxTaXplc0VudW0sXHJcbiAgTW9kYWxTaXplc1R5cGVzXHJcbn0gZnJvbSAnLi9tb2RhbC5lbXVuJztcclxuaW1wb3J0IHsgYW5pbWF0ZSwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XHJcbmltcG9ydCB7IEJ1dHRvbkNvbG9yc1R5cGVzLCBCdXR0b25JY29uUG9zaXRpb25UeXBlcyB9IGZyb20gJy4uL2J1dHRvbi9idXR0b24uZW51bSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21yeC1tb2RhbCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL21vZGFsLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9tb2RhbC5jb21wb25lbnQubGVzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIGFuaW1hdGlvbnM6IFtcclxuICAgIHRyaWdnZXIoJ2FuaW1hdGVFeHBhbmQnLCBbXHJcbiAgICAgIHN0YXRlKCdvcGVuJywgc3R5bGUoe1xyXG4gICAgICAgIGhlaWdodDogJzEwMCUnLFxyXG4gICAgICAgIHdpZHRoOiAnMTAwJScsXHJcbiAgICAgICAgbWF4V2lkdGg6ICdub25lJyxcclxuICAgICAgICBtaW5IZWlnaHQ6ICcxMDB2aCcsXHJcbiAgICAgICAgbWluV2lkdGg6ICcxMDB2dycsXHJcbiAgICAgICAgbWFyZ2luVG9wOiAnMCcsXHJcbiAgICAgICAgbWFyZ2luQm90dG9tOiAnMCdcclxuICAgICAgfSkpLFxyXG4gICAgICBzdGF0ZSgnY2xvc2VkJywgc3R5bGUoeyBoZWlnaHQ6ICcqJywgd2lkdGg6ICcqJyB9KSksXHJcbiAgICAgIHRyYW5zaXRpb24oJ29wZW4gPT4gY2xvc2VkJywgW2FuaW1hdGUoJzAuNXMgZWFzZScpXSksXHJcbiAgICAgIHRyYW5zaXRpb24oJ2Nsb3NlZCA9PiBvcGVuJywgW2FuaW1hdGUoJzAuNXMgZWFzZScpXSksXHJcbiAgICBdKSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTW9kYWxDb21wb25lbnQge1xyXG4gIHB1YmxpYyBpc0VtYmVkID0gZmFsc2VcclxuXHJcbiAgQElucHV0KCkgdGl0bGU/OiBzdHJpbmcgfCBudWxsID0gJydcclxuICBASW5wdXQoKSBtZXNzYWdlPzogc3RyaW5nIHwgbnVsbCA9ICcnXHJcbiAgQElucHV0KCkgb2tUZXh0ID0gJ9Ce0YLQvNC10L3QuNGC0YwnXHJcblxyXG4gIEBJbnB1dCgpIGNsb3NlVGV4dCA9ICfQn9C+0LTRgtCy0LXRgNC00LjRgtGMJ1xyXG4gIEBJbnB1dCgpIHNpemU6IE1vZGFsU2l6ZXNUeXBlcyA9ICdzbWFsbCdcclxuICBASW5wdXQoKSBjb2xvcjogTW9kYWxDb2xvclR5cGVzID0gJ2RlZmF1bHQnXHJcbiAgQElucHV0KCkgY3VzdG9tQ2xhc3NlcyA9ICcnXHJcbiAgQElucHV0KCkgZXhwYW5kYWJsZSA9IGZhbHNlXHJcbiAgQElucHV0KCkgaXNDbG9zZSA9IHRydWVcclxuICBASW5wdXQoKSBpc0JhY2sgPSBmYWxzZVxyXG4gIEBJbnB1dCgpIGJhY2tUZXh0ID0gJ9Cd0LDQt9Cw0LQnXHJcbiAgQElucHV0KCkgZW5hYmxlRm9vdGVyID0gdHJ1ZVxyXG4gIEBJbnB1dCgpIGFsaWduQnV0dG9uczogTW9kYWxBbGlnbkJ1dHRvbnNUeXBlcyA9ICdjZW50ZXInXHJcbiAgQElucHV0KCkgaXNMb2FkaW5nID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaWNvblBvc2l0aW9uOiBCdXR0b25JY29uUG9zaXRpb25UeXBlcyA9ICdsZWZ0JztcclxuXHJcbiAgQENvbnRlbnRDaGlsZCgnZm9vdGVyQ29udGVudCcpIGZvb3RlckNvbnRlbnQhOiBUZW1wbGF0ZVJlZjxIVE1MRWxlbWVudD47XHJcblxyXG4gIEBPdXRwdXQoKSBvazogRXZlbnRFbWl0dGVyPG51bGw+ID0gbmV3IEV2ZW50RW1pdHRlcjxudWxsPigpO1xyXG4gIEBPdXRwdXQoKSBjbG9zZTogRXZlbnRFbWl0dGVyPG51bGw+ID0gbmV3IEV2ZW50RW1pdHRlcjxudWxsPigpO1xyXG4gIEBPdXRwdXQoKSBiYWNrOiBFdmVudEVtaXR0ZXI8bnVsbD4gPSBuZXcgRXZlbnRFbWl0dGVyPG51bGw+KCk7XHJcblxyXG4gIHB1YmxpYyBnZXQgZ2V0VGl0bGVDbGFzcygpOiBzdHJpbmcge1xyXG4gICAgc3dpdGNoKHRydWUpIHtcclxuICAgICAgY2FzZSB0aGlzLmlzQ2xvc2UgJiYgdGhpcy5leHBhbmRhYmxlOlxyXG4gICAgICAgIHJldHVybiAnbXJ4LW1vZGFsLXRpdGxlLXR3by1pY29uJ1xyXG4gICAgICBjYXNlIHRoaXMuaXNDbG9zZSB8fCB0aGlzLmV4cGFuZGFibGU6XHJcbiAgICAgICAgcmV0dXJuICdtcngtbW9kYWwtdGl0bGUtb25lLWljb24nXHJcbiAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgcmV0dXJuICdtcngtbW9kYWwtdGl0bGUtY2xlYXInXHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0IGdldENvbG9yQ2xhc3MoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5jb2xvciA/IE1vZGFsQ29sb3JFbnVtW3RoaXMuY29sb3JdIDogJydcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXQgZ2V0Q2xhc3NlcygpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGAkeyBNb2RhbFNpemVzRW51bVt0aGlzLnNpemVdIH0gJHsgdGhpcy5nZXRDb2xvckNsYXNzIH0gJHsgdGhpcy5jdXN0b21DbGFzc2VzIH1gO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldCBnZXRCdXR0b25Db2xvcigpOiBCdXR0b25Db2xvcnNUeXBlcyB7XHJcbiAgICBzd2l0Y2ggKHRoaXMuY29sb3IpIHtcclxuICAgICAgY2FzZSAnbmVnYXRpdmUnOlxyXG4gICAgICAgIHJldHVybiAnbmVnYXRpdmUnXHJcbiAgICAgIGNhc2UgJ2F0dGVudGlvbic6XHJcbiAgICAgICAgcmV0dXJuICdhdHRlbnRpb24nXHJcbiAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgcmV0dXJuICdkZWZhdWx0J1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldCBhbGlnbkJ1dHRvbnNDbGFzcygpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIE1vZGFsQWxpZ25CdXR0b25zRW51bVt0aGlzLmFsaWduQnV0dG9uc11cclxuICB9XHJcblxyXG4gIHB1YmxpYyBvbk9rKCk6IHZvaWQge1xyXG4gICAgdGhpcy5vay5lbWl0KClcclxuICB9XHJcblxyXG4gIHB1YmxpYyBvbkNsb3NlKCk6IHZvaWQge1xyXG4gICAgdGhpcy5jbG9zZS5lbWl0KClcclxuICB9XHJcblxyXG4gIHB1YmxpYyBvbkJhY2soKSB7XHJcbiAgICB0aGlzLmJhY2suZW1pdCgpXHJcbiAgfVxyXG5cclxuICBwdWJsaWMgb25FeHBhbmRpbmcoKTogdm9pZCB7XHJcbiAgICB0aGlzLmlzRW1iZWQgPSAhdGhpcy5pc0VtYmVkXHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJtcngtbW9kYWwtY29udGVudFwiIFtjbGFzc109XCJnZXRDbGFzc2VzXCIgW0BhbmltYXRlRXhwYW5kXT1cImlzRW1iZWQgPyAnb3BlbicgOiAnY2xvc2VkJ1wiPlxyXG4gIDxkaXYgY2xhc3M9XCJtcngtbW9kYWwtaGVhZGVyXCI+XHJcbiAgICA8ZGl2IFxyXG4gICAgICBjbGFzcz1cIm1yeC1tb2RhbC10aXRsZVwiIFxyXG4gICAgICBbaW5uZXJIVE1MXT1cInRpdGxlXCIgXHJcbiAgICAgIFtjbGFzc109XCJnZXRUaXRsZUNsYXNzXCJcclxuICAgID48L2Rpdj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwibXJ4LW1vZGFsLWNvbnRyb2xzXCIgKm5nSWY9XCJleHBhbmRhYmxlIHx8IGlzQ2xvc2VcIj5cclxuICAgICAgPHNwYW5cclxuICAgICAgICAqbmdJZj1cImV4cGFuZGFibGVcIlxyXG4gICAgICAgIGNsYXNzPVwibXJ4LWljb24gaWNvbi1mb250LTI0XCJcclxuICAgICAgICBbY2xhc3NdPVwiaXNFbWJlZCA/ICdpY29uLWFycm93LWNvbGxhcHNlJyA6ICdpY29uLWFycm93LWV4cGFuZCdcIlxyXG4gICAgICAgIChjbGljayk9XCJvbkV4cGFuZGluZygpXCJcclxuICAgICAgPjwvc3Bhbj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLWNsb3NlIGljb24tZm9udC0yNFwiICpuZ0lmPVwiaXNDbG9zZVwiIChjbGljayk9XCJvbkNsb3NlKClcIj48L3NwYW4+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuXHJcbiAgPGRpdiBjbGFzcz1cIm1yeC1tb2RhbC1ib2R5XCI+XHJcbiAgICA8ZGl2ICpuZ0lmPVwiaXNCYWNrXCIgY2xhc3M9XCJtcngtbW9kYWxfX2JhY2sgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBtYi0zIG10LTJcIiAoY2xpY2spPVwib25CYWNrKClcIj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLWFycm93LWxlZnQgaWNvbi1mb250LTE2IG1yLTFcIj48L3NwYW4+XHJcbiAgICAgIDxzcGFuPnt7IGJhY2tUZXh0IH19PC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cIm1yeC1tb2RhbC1ib2R5X19tZXNzYWdlXCIgW2lubmVySFRNTF09XCJtZXNzYWdlXCI+PC9kaXY+XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgPC9kaXY+XHJcblxyXG5cclxuICA8ZGl2IGNsYXNzPVwibXJ4LW1vZGFsLWZvb3RlclwiIFtjbGFzc109XCJhbGlnbkJ1dHRvbnNDbGFzc1wiICpuZ0lmPVwiZW5hYmxlRm9vdGVyXCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWZvb3RlckNvbnRlbnQ7IGVsc2UgZm9vdGVyQ29udGVudFRlbXBsYXRlXCI+XHJcbiAgICAgIDxtcngtYnV0dG9uXHJcbiAgICAgICAgICBbY3VzdG9tQ2xhc3Nlc109XCInbXItMydcIlxyXG4gICAgICAgICAgW3R5cGVdPVwiJ3NlY29uZGFyeSdcIlxyXG4gICAgICAgICAgW2NvbG9yXT1cImdldEJ1dHRvbkNvbG9yXCJcclxuICAgICAgICAgIFtzaXplXT1cIidtZWRpdW0nXCJcclxuICAgICAgICAgIChjbGljayk9XCJvbkNsb3NlKClcIlxyXG4gICAgICA+e3tjbG9zZVRleHR9fTwvbXJ4LWJ1dHRvbj5cclxuXHJcbiAgICAgIDxtcngtYnV0dG9uXHJcbiAgICAgICAgICBbdHlwZV09XCIncHJpbWFyeSdcIlxyXG4gICAgICAgICAgW3NpemVdPVwiJ21lZGl1bSdcIlxyXG4gICAgICAgICAgW2NvbG9yXT1cImdldEJ1dHRvbkNvbG9yXCJcclxuICAgICAgICAgIFtpY29uUG9zaXRpb25dPVwiaWNvblBvc2l0aW9uXCJcclxuICAgICAgICAgIFtpc0xvYWRpbmddPVwiaXNMb2FkaW5nXCJcclxuICAgICAgICAgIChjbGljayk9XCJvbk9rKClcIlxyXG4gICAgICA+e3tva1RleHR9fTwvbXJ4LWJ1dHRvbj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgIDxuZy10ZW1wbGF0ZSAjZm9vdGVyQ29udGVudFRlbXBsYXRlPlxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZm9vdGVyQ29udGVudFwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgPC9uZy10ZW1wbGF0ZT5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/fesm2015/myrta-ui.mjs

@@ -2435,7 +2435,7 @@ class ModalComponent {
     }
 }
 ModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: ModalComponent, selector: "mrx-modal", inputs: { title: "title", message: "message", okText: "okText", closeText: "closeText", size: "size", color: "color", customClasses: "customClasses", expandable: "expandable", isClose: "isClose", isBack: "isBack", backText: "backText", enableFooter: "enableFooter", alignButtons: "alignButtons", isLoading: "isLoading", iconPosition: "iconPosition" }, outputs: { ok: "ok", close: "close", back: "back" }, queries: [{ propertyName: "footerContent", first: true, predicate: ["footerContent"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-modal-content\" [class]=\"getClasses\" [@animateExpand]=\"isEmbed ? 'open' : 'closed'\">\r\n  <div class=\"mrx-modal-header\">\r\n    <div \r\n      class=\"mrx-modal-title\" \r\n      [innerHTML]=\"title\" \r\n      [class]=\"getTitleClass\"\r\n    ></div>\r\n\r\n    <div class=\"mrx-modal-controls\" *ngIf=\"expandable || isClose\">\r\n      <span\r\n        *ngIf=\"expandable\"\r\n        class=\"mrx-icon icon-font-24\"\r\n        [class]=\"isEmbed ? 'icon-arrow-collapse' : 'icon-arrow-expand'\"\r\n        (click)=\"onExpanding()\"\r\n      ></span>\r\n      <span class=\"mrx-icon icon-close icon-font-24\" *ngIf=\"isClose\" (click)=\"onClose()\"></span>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"mrx-modal-body\">\r\n    <div *ngIf=\"isBack\" class=\"mrx-modal__back d-flex align-items-center mb-3 mt-2\" (click)=\"onBack()\">\r\n      <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n      <span>{{ backText }}</span>\r\n    </div>\r\n\r\n    <div class=\"mrx-modal-body__message\" [innerHTML]=\"message\"></div>\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n\r\n  <div class=\"mrx-modal-footer\" [class]=\"alignButtonsClass\" *ngIf=\"enableFooter\">\r\n    <ng-container *ngIf=\"!footerContent; else footerContentTemplate\">\r\n      <mrx-button\r\n          [customClasses]=\"'mr-3'\"\r\n          [type]=\"'secondary'\"\r\n          [color]=\"getButtonColor\"\r\n          [size]=\"'medium'\"\r\n          (click)=\"onClose()\"\r\n      >{{closeText}}</mrx-button>\r\n\r\n      <mrx-button\r\n          [type]=\"'primary'\"\r\n          [size]=\"'medium'\"\r\n          [color]=\"getButtonColor\"\r\n          [iconPosition]=\"iconPosition\"\r\n          [isLoading]=\"isLoading\"\r\n          (click)=\"onOk()\"\r\n      >{{okText}}</mrx-button>\r\n    </ng-container>\r\n\r\n    <ng-template #footerContentTemplate>\r\n      <ng-container *ngTemplateOutlet=\"footerContent\"></ng-container>\r\n    </ng-template>\r\n  </div>\r\n</div>\r\n", styles: ["::ng-deep .mrx-modal{background-color:var(--neutral-bg-modal);height:100%;inset:0;overflow-x:hidden;overflow-y:auto;padding:0 16px;position:fixed;text-align:center;z-index:10000}::ng-deep .mrx-modal[style*=\"display: block\"]{display:flex!important;justify-content:center}::ng-deep .mrx-modal[style*=\"display: block\"]>*{display:flex;align-items:center;justify-content:center}::ng-deep .mrx-modal mrx-modal{margin:auto 0;width:100vw}::ng-deep .mrx-modal-open{overflow:hidden}.mrx-modal-content{margin:24px auto;background-color:#fff;border-radius:4px;position:relative;transition:opacity .5s ease-out;width:calc(100vw - 32px);will-change:opacity;display:flex;flex-direction:column;text-align:left}::ng-deep .mrx-modal.fade-anim{transition:opacity .4s ease-in-out;will-change:opacity;opacity:0}::ng-deep .mrx-modal.fade-anim.in{opacity:1}.mrx-modal-body{padding:var(--spacing-6, 24px) var(--spacing-4, 16px) var(--spacing-4, 16px);flex-grow:1}.mrx-modal-body .mrx-modal__back{font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-modal-body__message{color:var(--neutral-text-primary);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-modal-content.type-default .mrx-modal-header{background:var(--brand-bg-primary-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-default .mrx-modal-header .icon-close,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content.type-info .mrx-modal-header{background:var(--neutral-bg-island-default);color:var(--neutral-text-primary)}.mrx-modal-content.type-info .mrx-modal-header .icon-close,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-default)}.mrx-modal-content.type-attention .mrx-modal-header{background:var(--system-bg-controls-attention-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-attention .mrx-modal-header .icon-close,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content.type-negative .mrx-modal-header{background:var(--system-bg-controls-negative-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-negative .mrx-modal-header .icon-close,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content .mrx-modal__back{cursor:pointer;color:var(--brand-text-controls-default)}.mrx-modal-content .mrx-modal__back .mrx-icon{color:var(--brand-text-controls-default)}.mrx-modal-content .mrx-modal__back:hover,.mrx-modal-content .mrx-modal__back:hover .mrx-icon{color:var(--brand-text-controls-hover)}.mrx-modal-footer{align-items:center;display:flex;padding:0 24px 24px}.mrx-modal-header{display:flex;align-items:flex-start;gap:var(--spacing-2);padding:16px;position:relative;border-top-left-radius:4px;border-top-right-radius:4px}.mrx-modal-header .mrx-modal-title{font-family:var(--headlines-lvl-4-font-family);font-weight:var(--headlines-lvl-4-font-weight);line-height:var(--headlines-lvl-4-line-height);font-size:var(--headlines-lvl-4-font-size);text-align:center;width:100%;text-transform:uppercase}.mrx-modal-header .mrx-modal-title-clear{padding:0}.mrx-modal-header .mrx-modal-title-one-icon{padding-left:24px}.mrx-modal-header .mrx-modal-title-two-icon{padding-left:56px}.mrx-modal-header .mrx-modal-controls{display:flex;align-items:center;gap:var(--spacing-2);z-index:1}.mrx-modal-header .icon-arrow-expand,.mrx-modal-header .icon-arrow-collapse,.mrx-modal-header .icon-close{cursor:pointer}.mrx-modal-header .icon-arrow-expand:hover,.mrx-modal-header .icon-arrow-collapse:hover,.mrx-modal-header .icon-close:hover{transform:scale(1.1)}.mrx-modal-content.mrx-modal-sm{max-width:440px}.mrx-modal-content.mrx-modal-md{max-width:670px}.mrx-modal-content.mrx-modal-lg{max-width:904px}.mrx-modal-content.mrx-modal-extra-lg{max-width:1024px}\n"], components: [{ type: ButtonComponent, selector: "mrx-button", inputs: ["size", "type", "color", "iconPosition", "active", "disabled", "isLoading", "iconOnly", "customClasses", "label", "icon", "iconClass", "buttonType", "href", "target", "routerLink", "queryParams"], outputs: ["mrxClick"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], animations: [
+ModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: ModalComponent, selector: "mrx-modal", inputs: { title: "title", message: "message", okText: "okText", closeText: "closeText", size: "size", color: "color", customClasses: "customClasses", expandable: "expandable", isClose: "isClose", isBack: "isBack", backText: "backText", enableFooter: "enableFooter", alignButtons: "alignButtons", isLoading: "isLoading", iconPosition: "iconPosition" }, outputs: { ok: "ok", close: "close", back: "back" }, queries: [{ propertyName: "footerContent", first: true, predicate: ["footerContent"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-modal-content\" [class]=\"getClasses\" [@animateExpand]=\"isEmbed ? 'open' : 'closed'\">\r\n  <div class=\"mrx-modal-header\">\r\n    <div \r\n      class=\"mrx-modal-title\" \r\n      [innerHTML]=\"title\" \r\n      [class]=\"getTitleClass\"\r\n    ></div>\r\n\r\n    <div class=\"mrx-modal-controls\" *ngIf=\"expandable || isClose\">\r\n      <span\r\n        *ngIf=\"expandable\"\r\n        class=\"mrx-icon icon-font-24\"\r\n        [class]=\"isEmbed ? 'icon-arrow-collapse' : 'icon-arrow-expand'\"\r\n        (click)=\"onExpanding()\"\r\n      ></span>\r\n      <span class=\"mrx-icon icon-close icon-font-24\" *ngIf=\"isClose\" (click)=\"onClose()\"></span>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"mrx-modal-body\">\r\n    <div *ngIf=\"isBack\" class=\"mrx-modal__back d-flex align-items-center mb-3 mt-2\" (click)=\"onBack()\">\r\n      <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n      <span>{{ backText }}</span>\r\n    </div>\r\n\r\n    <div class=\"mrx-modal-body__message\" [innerHTML]=\"message\"></div>\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n\r\n  <div class=\"mrx-modal-footer\" [class]=\"alignButtonsClass\" *ngIf=\"enableFooter\">\r\n    <ng-container *ngIf=\"!footerContent; else footerContentTemplate\">\r\n      <mrx-button\r\n          [customClasses]=\"'mr-3'\"\r\n          [type]=\"'secondary'\"\r\n          [color]=\"getButtonColor\"\r\n          [size]=\"'medium'\"\r\n          (click)=\"onClose()\"\r\n      >{{closeText}}</mrx-button>\r\n\r\n      <mrx-button\r\n          [type]=\"'primary'\"\r\n          [size]=\"'medium'\"\r\n          [color]=\"getButtonColor\"\r\n          [iconPosition]=\"iconPosition\"\r\n          [isLoading]=\"isLoading\"\r\n          (click)=\"onOk()\"\r\n      >{{okText}}</mrx-button>\r\n    </ng-container>\r\n\r\n    <ng-template #footerContentTemplate>\r\n      <ng-container *ngTemplateOutlet=\"footerContent\"></ng-container>\r\n    </ng-template>\r\n  </div>\r\n</div>\r\n", styles: ["::ng-deep .mrx-modal{background-color:var(--neutral-bg-modal);height:100%;inset:0;overflow-x:hidden;overflow-y:auto;padding:0 16px;position:fixed;text-align:center;z-index:10000}::ng-deep .mrx-modal[style*=\"display: block\"]{display:flex!important;justify-content:center}::ng-deep .mrx-modal[style*=\"display: block\"]>*{display:flex;align-items:center;justify-content:center}::ng-deep .mrx-modal mrx-modal{margin:auto 0;width:100vw}::ng-deep .mrx-modal-open{overflow:hidden}.mrx-modal-content{margin:24px auto;background-color:#fff;border-radius:4px;position:relative;transition:opacity .5s ease-out;width:calc(100vw - 32px);will-change:opacity;display:flex;flex-direction:column;text-align:left}::ng-deep .mrx-modal.fade-anim{transition:opacity .4s ease-in-out;will-change:opacity;opacity:0}::ng-deep .mrx-modal.fade-anim.in{opacity:1}.mrx-modal-body{padding:var(--spacing-6, 24px) var(--spacing-4, 16px) var(--spacing-4, 16px);flex-grow:1}.mrx-modal-body .mrx-modal__back{font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-modal-body__message{color:var(--neutral-text-primary);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-modal-content.type-default .mrx-modal-header{background:var(--brand-bg-primary-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-default .mrx-modal-header .icon-close,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content.type-info .mrx-modal-header{background:var(--neutral-bg-island-default);color:var(--neutral-text-primary)}.mrx-modal-content.type-info .mrx-modal-header .icon-close,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-default)}.mrx-modal-content.type-attention .mrx-modal-header{background:var(--system-bg-controls-attention-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-attention .mrx-modal-header .icon-close,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content.type-negative .mrx-modal-header{background:var(--system-bg-controls-negative-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-negative .mrx-modal-header .icon-close,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content .mrx-modal__back{cursor:pointer;color:var(--brand-text-controls-default)}.mrx-modal-content .mrx-modal__back .mrx-icon{color:var(--brand-text-controls-default)}.mrx-modal-content .mrx-modal__back:hover,.mrx-modal-content .mrx-modal__back:hover .mrx-icon{color:var(--brand-text-controls-hover)}.mrx-modal-footer{align-items:center;display:flex;gap:var(--spacing-3, 12px);padding:var(--spacing-4, 16px) var(--spacing-6, 24px) var(--spacing-6, 24px) var(--spacing-6, 24px);border-top:1px solid var(--neutral-bg-divider)}.mrx-modal-header{display:flex;align-items:flex-start;gap:var(--spacing-2);padding:16px;position:relative;border-top-left-radius:4px;border-top-right-radius:4px}.mrx-modal-header .mrx-modal-title{font-family:var(--headlines-lvl-4-font-family);font-weight:var(--headlines-lvl-4-font-weight);line-height:var(--headlines-lvl-4-line-height);font-size:var(--headlines-lvl-4-font-size);text-align:center;width:100%;text-transform:uppercase}.mrx-modal-header .mrx-modal-title-clear{padding:0}.mrx-modal-header .mrx-modal-title-one-icon{padding-left:24px}.mrx-modal-header .mrx-modal-title-two-icon{padding-left:56px}.mrx-modal-header .mrx-modal-controls{display:flex;align-items:center;gap:var(--spacing-2);z-index:1}.mrx-modal-header .icon-arrow-expand,.mrx-modal-header .icon-arrow-collapse,.mrx-modal-header .icon-close{cursor:pointer}.mrx-modal-header .icon-arrow-expand:hover,.mrx-modal-header .icon-arrow-collapse:hover,.mrx-modal-header .icon-close:hover{transform:scale(1.1)}.mrx-modal-content.mrx-modal-sm{max-width:440px}.mrx-modal-content.mrx-modal-md{max-width:670px}.mrx-modal-content.mrx-modal-lg{max-width:904px}.mrx-modal-content.mrx-modal-extra-lg{max-width:1024px}\n"], components: [{ type: ButtonComponent, selector: "mrx-button", inputs: ["size", "type", "color", "iconPosition", "active", "disabled", "isLoading", "iconOnly", "customClasses", "label", "icon", "iconClass", "buttonType", "href", "target", "routerLink", "queryParams"], outputs: ["mrxClick"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], animations: [
         trigger('animateExpand', [
             state('open', style({
                 height: '100%',
@@ -2468,7 +2468,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                             transition('open => closed', [animate('0.5s ease')]),
                             transition('closed => open', [animate('0.5s ease')]),
                         ]),
-                    ], template: "<div class=\"mrx-modal-content\" [class]=\"getClasses\" [@animateExpand]=\"isEmbed ? 'open' : 'closed'\">\r\n  <div class=\"mrx-modal-header\">\r\n    <div \r\n      class=\"mrx-modal-title\" \r\n      [innerHTML]=\"title\" \r\n      [class]=\"getTitleClass\"\r\n    ></div>\r\n\r\n    <div class=\"mrx-modal-controls\" *ngIf=\"expandable || isClose\">\r\n      <span\r\n        *ngIf=\"expandable\"\r\n        class=\"mrx-icon icon-font-24\"\r\n        [class]=\"isEmbed ? 'icon-arrow-collapse' : 'icon-arrow-expand'\"\r\n        (click)=\"onExpanding()\"\r\n      ></span>\r\n      <span class=\"mrx-icon icon-close icon-font-24\" *ngIf=\"isClose\" (click)=\"onClose()\"></span>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"mrx-modal-body\">\r\n    <div *ngIf=\"isBack\" class=\"mrx-modal__back d-flex align-items-center mb-3 mt-2\" (click)=\"onBack()\">\r\n      <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n      <span>{{ backText }}</span>\r\n    </div>\r\n\r\n    <div class=\"mrx-modal-body__message\" [innerHTML]=\"message\"></div>\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n\r\n  <div class=\"mrx-modal-footer\" [class]=\"alignButtonsClass\" *ngIf=\"enableFooter\">\r\n    <ng-container *ngIf=\"!footerContent; else footerContentTemplate\">\r\n      <mrx-button\r\n          [customClasses]=\"'mr-3'\"\r\n          [type]=\"'secondary'\"\r\n          [color]=\"getButtonColor\"\r\n          [size]=\"'medium'\"\r\n          (click)=\"onClose()\"\r\n      >{{closeText}}</mrx-button>\r\n\r\n      <mrx-button\r\n          [type]=\"'primary'\"\r\n          [size]=\"'medium'\"\r\n          [color]=\"getButtonColor\"\r\n          [iconPosition]=\"iconPosition\"\r\n          [isLoading]=\"isLoading\"\r\n          (click)=\"onOk()\"\r\n      >{{okText}}</mrx-button>\r\n    </ng-container>\r\n\r\n    <ng-template #footerContentTemplate>\r\n      <ng-container *ngTemplateOutlet=\"footerContent\"></ng-container>\r\n    </ng-template>\r\n  </div>\r\n</div>\r\n", styles: ["::ng-deep .mrx-modal{background-color:var(--neutral-bg-modal);height:100%;inset:0;overflow-x:hidden;overflow-y:auto;padding:0 16px;position:fixed;text-align:center;z-index:10000}::ng-deep .mrx-modal[style*=\"display: block\"]{display:flex!important;justify-content:center}::ng-deep .mrx-modal[style*=\"display: block\"]>*{display:flex;align-items:center;justify-content:center}::ng-deep .mrx-modal mrx-modal{margin:auto 0;width:100vw}::ng-deep .mrx-modal-open{overflow:hidden}.mrx-modal-content{margin:24px auto;background-color:#fff;border-radius:4px;position:relative;transition:opacity .5s ease-out;width:calc(100vw - 32px);will-change:opacity;display:flex;flex-direction:column;text-align:left}::ng-deep .mrx-modal.fade-anim{transition:opacity .4s ease-in-out;will-change:opacity;opacity:0}::ng-deep .mrx-modal.fade-anim.in{opacity:1}.mrx-modal-body{padding:var(--spacing-6, 24px) var(--spacing-4, 16px) var(--spacing-4, 16px);flex-grow:1}.mrx-modal-body .mrx-modal__back{font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-modal-body__message{color:var(--neutral-text-primary);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-modal-content.type-default .mrx-modal-header{background:var(--brand-bg-primary-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-default .mrx-modal-header .icon-close,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content.type-info .mrx-modal-header{background:var(--neutral-bg-island-default);color:var(--neutral-text-primary)}.mrx-modal-content.type-info .mrx-modal-header .icon-close,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-default)}.mrx-modal-content.type-attention .mrx-modal-header{background:var(--system-bg-controls-attention-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-attention .mrx-modal-header .icon-close,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content.type-negative .mrx-modal-header{background:var(--system-bg-controls-negative-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-negative .mrx-modal-header .icon-close,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content .mrx-modal__back{cursor:pointer;color:var(--brand-text-controls-default)}.mrx-modal-content .mrx-modal__back .mrx-icon{color:var(--brand-text-controls-default)}.mrx-modal-content .mrx-modal__back:hover,.mrx-modal-content .mrx-modal__back:hover .mrx-icon{color:var(--brand-text-controls-hover)}.mrx-modal-footer{align-items:center;display:flex;padding:0 24px 24px}.mrx-modal-header{display:flex;align-items:flex-start;gap:var(--spacing-2);padding:16px;position:relative;border-top-left-radius:4px;border-top-right-radius:4px}.mrx-modal-header .mrx-modal-title{font-family:var(--headlines-lvl-4-font-family);font-weight:var(--headlines-lvl-4-font-weight);line-height:var(--headlines-lvl-4-line-height);font-size:var(--headlines-lvl-4-font-size);text-align:center;width:100%;text-transform:uppercase}.mrx-modal-header .mrx-modal-title-clear{padding:0}.mrx-modal-header .mrx-modal-title-one-icon{padding-left:24px}.mrx-modal-header .mrx-modal-title-two-icon{padding-left:56px}.mrx-modal-header .mrx-modal-controls{display:flex;align-items:center;gap:var(--spacing-2);z-index:1}.mrx-modal-header .icon-arrow-expand,.mrx-modal-header .icon-arrow-collapse,.mrx-modal-header .icon-close{cursor:pointer}.mrx-modal-header .icon-arrow-expand:hover,.mrx-modal-header .icon-arrow-collapse:hover,.mrx-modal-header .icon-close:hover{transform:scale(1.1)}.mrx-modal-content.mrx-modal-sm{max-width:440px}.mrx-modal-content.mrx-modal-md{max-width:670px}.mrx-modal-content.mrx-modal-lg{max-width:904px}.mrx-modal-content.mrx-modal-extra-lg{max-width:1024px}\n"] }]
+                    ], template: "<div class=\"mrx-modal-content\" [class]=\"getClasses\" [@animateExpand]=\"isEmbed ? 'open' : 'closed'\">\r\n  <div class=\"mrx-modal-header\">\r\n    <div \r\n      class=\"mrx-modal-title\" \r\n      [innerHTML]=\"title\" \r\n      [class]=\"getTitleClass\"\r\n    ></div>\r\n\r\n    <div class=\"mrx-modal-controls\" *ngIf=\"expandable || isClose\">\r\n      <span\r\n        *ngIf=\"expandable\"\r\n        class=\"mrx-icon icon-font-24\"\r\n        [class]=\"isEmbed ? 'icon-arrow-collapse' : 'icon-arrow-expand'\"\r\n        (click)=\"onExpanding()\"\r\n      ></span>\r\n      <span class=\"mrx-icon icon-close icon-font-24\" *ngIf=\"isClose\" (click)=\"onClose()\"></span>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"mrx-modal-body\">\r\n    <div *ngIf=\"isBack\" class=\"mrx-modal__back d-flex align-items-center mb-3 mt-2\" (click)=\"onBack()\">\r\n      <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n      <span>{{ backText }}</span>\r\n    </div>\r\n\r\n    <div class=\"mrx-modal-body__message\" [innerHTML]=\"message\"></div>\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n\r\n  <div class=\"mrx-modal-footer\" [class]=\"alignButtonsClass\" *ngIf=\"enableFooter\">\r\n    <ng-container *ngIf=\"!footerContent; else footerContentTemplate\">\r\n      <mrx-button\r\n          [customClasses]=\"'mr-3'\"\r\n          [type]=\"'secondary'\"\r\n          [color]=\"getButtonColor\"\r\n          [size]=\"'medium'\"\r\n          (click)=\"onClose()\"\r\n      >{{closeText}}</mrx-button>\r\n\r\n      <mrx-button\r\n          [type]=\"'primary'\"\r\n          [size]=\"'medium'\"\r\n          [color]=\"getButtonColor\"\r\n          [iconPosition]=\"iconPosition\"\r\n          [isLoading]=\"isLoading\"\r\n          (click)=\"onOk()\"\r\n      >{{okText}}</mrx-button>\r\n    </ng-container>\r\n\r\n    <ng-template #footerContentTemplate>\r\n      <ng-container *ngTemplateOutlet=\"footerContent\"></ng-container>\r\n    </ng-template>\r\n  </div>\r\n</div>\r\n", styles: ["::ng-deep .mrx-modal{background-color:var(--neutral-bg-modal);height:100%;inset:0;overflow-x:hidden;overflow-y:auto;padding:0 16px;position:fixed;text-align:center;z-index:10000}::ng-deep .mrx-modal[style*=\"display: block\"]{display:flex!important;justify-content:center}::ng-deep .mrx-modal[style*=\"display: block\"]>*{display:flex;align-items:center;justify-content:center}::ng-deep .mrx-modal mrx-modal{margin:auto 0;width:100vw}::ng-deep .mrx-modal-open{overflow:hidden}.mrx-modal-content{margin:24px auto;background-color:#fff;border-radius:4px;position:relative;transition:opacity .5s ease-out;width:calc(100vw - 32px);will-change:opacity;display:flex;flex-direction:column;text-align:left}::ng-deep .mrx-modal.fade-anim{transition:opacity .4s ease-in-out;will-change:opacity;opacity:0}::ng-deep .mrx-modal.fade-anim.in{opacity:1}.mrx-modal-body{padding:var(--spacing-6, 24px) var(--spacing-4, 16px) var(--spacing-4, 16px);flex-grow:1}.mrx-modal-body .mrx-modal__back{font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-modal-body__message{color:var(--neutral-text-primary);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-modal-content.type-default .mrx-modal-header{background:var(--brand-bg-primary-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-default .mrx-modal-header .icon-close,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content.type-info .mrx-modal-header{background:var(--neutral-bg-island-default);color:var(--neutral-text-primary)}.mrx-modal-content.type-info .mrx-modal-header .icon-close,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-default)}.mrx-modal-content.type-attention .mrx-modal-header{background:var(--system-bg-controls-attention-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-attention .mrx-modal-header .icon-close,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content.type-negative .mrx-modal-header{background:var(--system-bg-controls-negative-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-negative .mrx-modal-header .icon-close,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content .mrx-modal__back{cursor:pointer;color:var(--brand-text-controls-default)}.mrx-modal-content .mrx-modal__back .mrx-icon{color:var(--brand-text-controls-default)}.mrx-modal-content .mrx-modal__back:hover,.mrx-modal-content .mrx-modal__back:hover .mrx-icon{color:var(--brand-text-controls-hover)}.mrx-modal-footer{align-items:center;display:flex;gap:var(--spacing-3, 12px);padding:var(--spacing-4, 16px) var(--spacing-6, 24px) var(--spacing-6, 24px) var(--spacing-6, 24px);border-top:1px solid var(--neutral-bg-divider)}.mrx-modal-header{display:flex;align-items:flex-start;gap:var(--spacing-2);padding:16px;position:relative;border-top-left-radius:4px;border-top-right-radius:4px}.mrx-modal-header .mrx-modal-title{font-family:var(--headlines-lvl-4-font-family);font-weight:var(--headlines-lvl-4-font-weight);line-height:var(--headlines-lvl-4-line-height);font-size:var(--headlines-lvl-4-font-size);text-align:center;width:100%;text-transform:uppercase}.mrx-modal-header .mrx-modal-title-clear{padding:0}.mrx-modal-header .mrx-modal-title-one-icon{padding-left:24px}.mrx-modal-header .mrx-modal-title-two-icon{padding-left:56px}.mrx-modal-header .mrx-modal-controls{display:flex;align-items:center;gap:var(--spacing-2);z-index:1}.mrx-modal-header .icon-arrow-expand,.mrx-modal-header .icon-arrow-collapse,.mrx-modal-header .icon-close{cursor:pointer}.mrx-modal-header .icon-arrow-expand:hover,.mrx-modal-header .icon-arrow-collapse:hover,.mrx-modal-header .icon-close:hover{transform:scale(1.1)}.mrx-modal-content.mrx-modal-sm{max-width:440px}.mrx-modal-content.mrx-modal-md{max-width:670px}.mrx-modal-content.mrx-modal-lg{max-width:904px}.mrx-modal-content.mrx-modal-extra-lg{max-width:1024px}\n"] }]
         }], propDecorators: { title: [{
                 type: Input
             }], message: [{