@wavemaker/app-ng-runtime 11.13.0-rc.6255 → 11.14.0-rc.232

package/components/dialogs/default/bundles/index.umd.js

@@ -2,7 +2,7 @@
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('ngx-bootstrap/modal'), require('@wm/core'), require('@wm/components/base'), require('@angular/common'), require('@angular/router')) :
     typeof define === 'function' && define.amd ? define(['exports', '@angular/core', 'ngx-bootstrap/modal', '@wm/core', '@wm/components/base', '@angular/common', '@angular/router'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.dialogs = {}), global.ng.core, global.modal, global.wm.core, global.wm.components.base, global.ng.common, global.ng.router));
-})(this, (function (exports, i0, i1, core, i2, i1$1, router) { 'use strict';
+})(this, (function (exports, i0, i1, i1$1, base, i2, router) { 'use strict';
 
     function _interopNamespaceDefault(e) {
         var n = Object.create(null);
@@ -23,15 +23,15 @@
 
     var i0__namespace = /*#__PURE__*/_interopNamespaceDefault(i0);
     var i1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1);
-    var i2__namespace = /*#__PURE__*/_interopNamespaceDefault(i2);
     var i1$1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1$1);
+    var i2__namespace = /*#__PURE__*/_interopNamespaceDefault(i2);
 
     const DEFAULT_CLS$1 = 'app-dialog-body modal-body';
     class DialogBodyDirective {
         constructor(elRef, dialogRef, bsModal, renderer) {
             this.dialogRef = dialogRef;
             this.renderer = renderer;
-            core.addClass(elRef.nativeElement, DEFAULT_CLS$1);
+            i1$1.addClass(elRef.nativeElement, DEFAULT_CLS$1);
             const subscription = bsModal.onShown.subscribe(() => {
                 const dialogRoot = $(elRef.nativeElement).closest('.app-dialog')[0];
                 const dialogContent = $(elRef.nativeElement).closest('.modal-content')[0];
@@ -52,7 +52,7 @@
                 const sheetPosition = this.dialogRef.sheetPosition;
                 if (isSheet) {
                     $(dialogRoot).addClass('modal-sheet');
-                    $(dialogRoot).addClass(core.getSheetPositionClass(sheetPosition));
+                    $(dialogRoot).addClass(i1$1.getSheetPositionClass(sheetPosition));
                 }
                 const animation = this.dialogRef.animation;
                 if (animation) {
@@ -63,43 +63,41 @@
                 const height = this.dialogRef.height;
                 if (height) {
                     setTimeout(e => {
-                        core.setCSS($(elRef.nativeElement)[0], 'height', height);
+                        i1$1.setCSS($(elRef.nativeElement)[0], 'height', height);
                     });
                 }
                 if (dialogRoot) {
                     if (width) {
-                        core.setCSS(dialogRoot, 'width', width);
+                        i1$1.setCSS(dialogRoot, 'width', width);
                     }
-                    core.setAttr(dialogRoot, 'tabindex', this.dialogRef.tabindex);
-                    core.setAttr(dialogRoot, 'name', this.dialogRef.name);
+                    i1$1.setAttr(dialogRoot, 'tabindex', this.dialogRef.tabindex);
+                    i1$1.setAttr(dialogRoot, 'name', this.dialogRef.name);
                 }
                 subscription.unsubscribe();
             });
         }
-        static { this.ɵfac = function DialogBodyDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DialogBodyDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef), i0__namespace.ɵɵdirectiveInject(i2.DialogRef), i0__namespace.ɵɵdirectiveInject(i1__namespace.BsModalService), i0__namespace.ɵɵdirectiveInject(i0__namespace.Renderer2)); }; }
-        static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: DialogBodyDirective, selectors: [["div", "wmDialogBody", ""]], hostVars: 2, hostBindings: function DialogBodyDirective_HostBindings(rf, ctx) { if (rf & 2) {
-                i0__namespace.ɵɵstyleProp("height", ctx.height);
-            } }, standalone: true }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: DialogBodyDirective, deps: [{ token: i0__namespace.ElementRef }, { token: base.DialogRef }, { token: i1__namespace.BsModalService }, { token: i0__namespace.Renderer2 }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DialogBodyDirective, isStandalone: true, selector: "div[wmDialogBody]", host: { properties: { "style.height": "this.height" } }, ngImport: i0__namespace }); }
     }
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(DialogBodyDirective, [{
-            type: i0.Directive,
-            args: [{
-                    standalone: true,
-                    selector: 'div[wmDialogBody]',
-                }]
-        }], () => [{ type: i0__namespace.ElementRef }, { type: undefined, decorators: [{
-                    type: i0.Inject,
-                    args: [i2.DialogRef]
-                }] }, { type: i1__namespace.BsModalService }, { type: i0__namespace.Renderer2 }], { height: [{
-                type: i0.HostBinding,
-                args: ['style.height']
-            }] }); })();
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: DialogBodyDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        standalone: true,
+                        selector: 'div[wmDialogBody]',
+                    }]
+            }], ctorParameters: () => [{ type: i0__namespace.ElementRef }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: [base.DialogRef]
+                    }] }, { type: i1__namespace.BsModalService }, { type: i0__namespace.Renderer2 }], propDecorators: { height: [{
+                    type: i0.HostBinding,
+                    args: ['style.height']
+                }] } });
 
     const registerProps = () => {
-        i2.register('wm-dialogfooter', new Map([
-            ['class', i2.PROP_STRING],
-            ['name', i2.PROP_STRING],
-            ['show', { value: true, ...i2.PROP_BOOLEAN }]
+        base.register('wm-dialogfooter', new Map([
+            ['class', base.PROP_STRING],
+            ['name', base.PROP_STRING],
+            ['show', { value: true, ...base.PROP_BOOLEAN }]
         ]));
     };
 
@@ -107,35 +105,35 @@
         widgetType: 'wm-dialogfooter',
         hostClass: 'app-dialog-footer modal-footer'
     };
-    class DialogFooterDirective extends i2.BaseComponent {
+    class DialogFooterDirective extends base.BaseComponent {
         static { this.initializeProps = registerProps(); }
         constructor(inj, explicitContext) {
             super(inj, WIDGET_INFO, explicitContext);
         }
-        static { this.ɵfac = function DialogFooterDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DialogFooterDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-        static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: DialogFooterDirective, selectors: [["div", "wmDialogFooter", ""]], standalone: true, features: [i0__namespace.ɵɵProvidersFeature([
-                    i2.provideAsWidgetRef(DialogFooterDirective)
-                ]), i0__namespace.ɵɵInheritDefinitionFeature] }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: DialogFooterDirective, deps: [{ token: i0__namespace.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DialogFooterDirective, isStandalone: true, selector: "div[wmDialogFooter]", providers: [
+                base.provideAsWidgetRef(DialogFooterDirective)
+            ], usesInheritance: true, ngImport: i0__namespace }); }
     }
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(DialogFooterDirective, [{
-            type: i0.Directive,
-            args: [{
-                    standalone: true,
-                    selector: 'div[wmDialogFooter]',
-                    providers: [
-                        i2.provideAsWidgetRef(DialogFooterDirective)
-                    ]
-                }]
-        }], () => [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
-                    type: i0.Inject,
-                    args: ['EXPLICIT_CONTEXT']
-                }, {
-                    type: i0.Optional
-                }] }], null); })();
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: DialogFooterDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        standalone: true,
+                        selector: 'div[wmDialogFooter]',
+                        providers: [
+                            base.provideAsWidgetRef(DialogFooterDirective)
+                        ]
+                    }]
+            }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: ['EXPLICIT_CONTEXT']
+                    }, {
+                        type: i0.Optional
+                    }] }] });
     const invokeOpenedCallback = (ref) => {
         if (ref) {
             setTimeout(() => {
-                const root = core.findRootContainer(ref.$element);
+                const root = i1$1.findRootContainer(ref.$element);
                 // if page styles have to be applied to dialog then dialog has to be child of page element.
                 if (root) {
                     $('body > modal-container > div').wrap('<' + root + '/>');
@@ -167,13 +165,13 @@
             }
         }
     };
-    class BaseDialog extends i2.BaseComponent {
+    class BaseDialog extends base.BaseComponent {
         constructor(inj, config, modalOptions, explicitContext) {
             super(inj, config, explicitContext);
             this.modalOptions = modalOptions;
-            this.titleId = 'wmdialog-' + core.generateGUId();
+            this.titleId = 'wmdialog-' + i1$1.generateGUId();
             this.dialogOriginFocusStack = [];
-            this.dialogService = inj.get(core.AbstractDialogService);
+            this.dialogService = inj.get(i1$1.AbstractDialogService);
             this.bsModal = inj.get(i1.BsModalService);
             const router$1 = inj.get(router.Router);
             const subscriptions = [
@@ -239,7 +237,7 @@
             this.dialogOriginFocusStack.push(document.activeElement);
             this.dialogRef = this.bsModal.show(this.getTemplateRef(), this.modalOptions);
             // Fix for [WMS-23948]: Focus moving out of active Dialog widget
-            if (this.dialogService.getOpenedDialogs().length === 1 && (core.isMobile())) {
+            if (this.dialogService.getOpenedDialogs().length === 1 && (i1$1.isMobile())) {
                 const parentSelector = $('body > app-root')[0];
                 parentSelector.setAttribute('aria-hidden', 'true');
             }
@@ -293,214 +291,72 @@
             this.deRegister(this.viewParent);
             super.ngOnDestroy();
         }
-        static { this.ɵfac = function BaseDialog_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BaseDialog)(i0__namespace.ɵɵinject(i0__namespace.Injector), i0__namespace.ɵɵinject(i2.WidgetConfig), i0__namespace.ɵɵinject(i1__namespace.ModalOptions), i0__namespace.ɵɵinject('EXPLICIT_CONTEXT', 8)); }; }
-        static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: BaseDialog, factory: BaseDialog.ɵfac }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: BaseDialog, deps: [{ token: i0__namespace.Injector }, { token: base.WidgetConfig }, { token: i1__namespace.ModalOptions }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+        static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: BaseDialog }); }
     }
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(BaseDialog, [{
-            type: i0.Injectable
-        }], () => [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
-                    type: i0.Inject,
-                    args: [i2.WidgetConfig]
-                }] }, { type: i1__namespace.ModalOptions }, { type: undefined, decorators: [{
-                    type: i0.Inject,
-                    args: ['EXPLICIT_CONTEXT']
-                }, {
-                    type: i0.Optional
-                }] }], null); })();
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: BaseDialog, decorators: [{
+                type: i0.Injectable
+            }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: [base.WidgetConfig]
+                    }] }, { type: i1__namespace.ModalOptions }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: ['EXPLICIT_CONTEXT']
+                    }, {
+                        type: i0.Optional
+                    }] }] });
 
-    const _c0 = ["wmDialogHeader", ""];
-    const _c1 = (a0, a1, a2) => ({ width: a0, height: a1, margin: a2 });
-    function DialogHeaderComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-        const _r1 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "button", 3);
-        i0__namespace.ɵɵlistener("click", function DialogHeaderComponent_Conditional_0_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r1); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.closeDialog()); });
-        i0__namespace.ɵɵelement(1, "span", 4);
-        i0__namespace.ɵɵelementEnd();
-    } if (rf & 2) {
-        const ctx_r1 = i0__namespace.ɵɵnextContext();
-        i0__namespace.ɵɵattribute("aria-label", "Close " + (ctx_r1.title ? ctx_r1.title : "") + " dialog")("title", ctx_r1.title ? "Close " + ctx_r1.title + " dialog" : ctx_r1.dialogRef.appLocale.LABEL_CLOSE);
-    } }
-    function DialogHeaderComponent_Case_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementContainer(0);
-    } }
-    function DialogHeaderComponent_Case_1_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "h1", 2);
-        i0__namespace.ɵɵtemplate(1, DialogHeaderComponent_Case_1_ng_container_1_Template, 1, 0, "ng-container", 5);
-        i0__namespace.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0__namespace.ɵɵnextContext();
-        const headerTemplate_r3 = i0__namespace.ɵɵreference(9);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("ngTemplateOutlet", headerTemplate_r3);
-    } }
-    function DialogHeaderComponent_Case_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementContainer(0);
-    } }
-    function DialogHeaderComponent_Case_2_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "h2", 2);
-        i0__namespace.ɵɵtemplate(1, DialogHeaderComponent_Case_2_ng_container_1_Template, 1, 0, "ng-container", 5);
-        i0__namespace.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0__namespace.ɵɵnextContext();
-        const headerTemplate_r3 = i0__namespace.ɵɵreference(9);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("ngTemplateOutlet", headerTemplate_r3);
-    } }
-    function DialogHeaderComponent_Case_3_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementContainer(0);
-    } }
-    function DialogHeaderComponent_Case_3_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "h3", 2);
-        i0__namespace.ɵɵtemplate(1, DialogHeaderComponent_Case_3_ng_container_1_Template, 1, 0, "ng-container", 5);
-        i0__namespace.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0__namespace.ɵɵnextContext();
-        const headerTemplate_r3 = i0__namespace.ɵɵreference(9);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("ngTemplateOutlet", headerTemplate_r3);
-    } }
-    function DialogHeaderComponent_Case_4_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementContainer(0);
-    } }
-    function DialogHeaderComponent_Case_4_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "h4", 2);
-        i0__namespace.ɵɵtemplate(1, DialogHeaderComponent_Case_4_ng_container_1_Template, 1, 0, "ng-container", 5);
-        i0__namespace.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0__namespace.ɵɵnextContext();
-        const headerTemplate_r3 = i0__namespace.ɵɵreference(9);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("ngTemplateOutlet", headerTemplate_r3);
-    } }
-    function DialogHeaderComponent_Case_5_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementContainer(0);
-    } }
-    function DialogHeaderComponent_Case_5_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "h5", 2);
-        i0__namespace.ɵɵtemplate(1, DialogHeaderComponent_Case_5_ng_container_1_Template, 1, 0, "ng-container", 5);
-        i0__namespace.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0__namespace.ɵɵnextContext();
-        const headerTemplate_r3 = i0__namespace.ɵɵreference(9);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("ngTemplateOutlet", headerTemplate_r3);
-    } }
-    function DialogHeaderComponent_Case_6_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementContainer(0);
-    } }
-    function DialogHeaderComponent_Case_6_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "h6", 2);
-        i0__namespace.ɵɵtemplate(1, DialogHeaderComponent_Case_6_ng_container_1_Template, 1, 0, "ng-container", 5);
-        i0__namespace.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0__namespace.ɵɵnextContext();
-        const headerTemplate_r3 = i0__namespace.ɵɵreference(9);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("ngTemplateOutlet", headerTemplate_r3);
-    } }
-    function DialogHeaderComponent_Case_7_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementContainer(0);
-    } }
-    function DialogHeaderComponent_Case_7_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "h4", 2);
-        i0__namespace.ɵɵtemplate(1, DialogHeaderComponent_Case_7_ng_container_1_Template, 1, 0, "ng-container", 5);
-        i0__namespace.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0__namespace.ɵɵnextContext();
-        const headerTemplate_r3 = i0__namespace.ɵɵreference(9);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("ngTemplateOutlet", headerTemplate_r3);
-    } }
-    function DialogHeaderComponent_ng_template_8_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelement(0, "i", 6);
-    } if (rf & 2) {
-        const ctx_r1 = i0__namespace.ɵɵnextContext(2);
-        i0__namespace.ɵɵproperty("ngClass", ctx_r1.iconclass)("ngStyle", i0__namespace.ɵɵpureFunction3(2, _c1, ctx_r1.iconwidth, ctx_r1.iconheight, ctx_r1.iconmargin));
-    } }
-    function DialogHeaderComponent_ng_template_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelement(0, "img", 7);
-        i0__namespace.ɵɵpipe(1, "image");
-    } if (rf & 2) {
-        const ctx_r1 = i0__namespace.ɵɵnextContext(2);
-        i0__namespace.ɵɵproperty("src", i0__namespace.ɵɵpipeBind1(1, 2, ctx_r1.iconurl), i0__namespace.ɵɵsanitizeUrl)("ngStyle", i0__namespace.ɵɵpureFunction3(4, _c1, ctx_r1.iconwidth, ctx_r1.iconheight, ctx_r1.iconmargin));
-    } }
-    function DialogHeaderComponent_ng_template_8_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelement(0, "span", 9);
-    } if (rf & 2) {
-        const ctx_r1 = i0__namespace.ɵɵnextContext(2);
-        i0__namespace.ɵɵproperty("title", ctx_r1.subheading)("textContent", ctx_r1.subheading);
-    } }
-    function DialogHeaderComponent_ng_template_8_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵtemplate(0, DialogHeaderComponent_ng_template_8_Conditional_0_Template, 1, 6, "i", 6)(1, DialogHeaderComponent_ng_template_8_Conditional_1_Template, 2, 8, "img", 7);
-        i0__namespace.ɵɵelement(2, "span", 8);
-        i0__namespace.ɵɵtemplate(3, DialogHeaderComponent_ng_template_8_Conditional_3_Template, 1, 2, "span", 9);
-    } if (rf & 2) {
-        const ctx_r1 = i0__namespace.ɵɵnextContext();
-        i0__namespace.ɵɵconditional(ctx_r1.iconclass && !ctx_r1.iconurl ? 0 : -1);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵconditional(ctx_r1.iconurl ? 1 : -1);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("textContent", ctx_r1.heading)("id", ctx_r1.titleid);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵconditional(ctx_r1.subheading ? 3 : -1);
-    } }
     const DEFAULT_CLS = 'app-dialog-header modal-header';
     const DEFAULT_ICON_DIMENSIONS = '21px';
     class DialogHeaderComponent {
         get isClosable() {
-            return core.toBoolean(this.closable);
+            return i1$1.toBoolean(this.closable);
         }
-        constructor(elRef, dialogRef) {
+        constructor(elRef, dialogRef, app) {
             this.dialogRef = dialogRef;
+            this.app = app;
             this.iconwidth = DEFAULT_ICON_DIMENSIONS;
             this.iconheight = DEFAULT_ICON_DIMENSIONS;
             this.closable = true;
             this.headinglevel = 'h4';
-            core.addClass(elRef.nativeElement, DEFAULT_CLS);
+            i1$1.addClass(elRef.nativeElement, DEFAULT_CLS);
+            this.isPrism = this.app.isPrism;
         }
         closeDialog() {
             this.dialogRef.close();
         }
-        static { this.ɵfac = function DialogHeaderComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DialogHeaderComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef), i0__namespace.ɵɵdirectiveInject(i2.DialogRef)); }; }
-        static { this.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: DialogHeaderComponent, selectors: [["div", "wmDialogHeader", ""]], inputs: { iconwidth: "iconwidth", iconheight: "iconheight", iconmargin: "iconmargin", iconclass: "iconclass", iconurl: "iconurl", closable: "closable", heading: "heading", headinglevel: "headinglevel", subheading: "subheading", titleid: "titleid", title: "title" }, standalone: true, features: [i0__namespace.ɵɵStandaloneFeature], attrs: _c0, decls: 10, vars: 2, consts: [["headerTemplate", ""], [1, "app-dialog-close", "close"], [1, "app-dialog-title", "modal-title"], [1, "app-dialog-close", "close", 3, "click"], ["aria-hidden", "true", 1, "app-icon", "wi", "wi-clear"], [4, "ngTemplateOutlet"], [3, "ngClass", "ngStyle"], ["data-identifier", "img", 3, "src", "ngStyle"], [1, "dialog-heading", 3, "textContent", "id"], [1, "dialog-sub-heading", 3, "title", "textContent"]], template: function DialogHeaderComponent_Template(rf, ctx) { if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, DialogHeaderComponent_Conditional_0_Template, 2, 2, "button", 1)(1, DialogHeaderComponent_Case_1_Template, 2, 1, "h1", 2)(2, DialogHeaderComponent_Case_2_Template, 2, 1, "h2", 2)(3, DialogHeaderComponent_Case_3_Template, 2, 1, "h3", 2)(4, DialogHeaderComponent_Case_4_Template, 2, 1, "h4", 2)(5, DialogHeaderComponent_Case_5_Template, 2, 1, "h5", 2)(6, DialogHeaderComponent_Case_6_Template, 2, 1, "h6", 2)(7, DialogHeaderComponent_Case_7_Template, 2, 1, "h4", 2)(8, DialogHeaderComponent_ng_template_8_Template, 4, 5, "ng-template", null, 0, i0__namespace.ɵɵtemplateRefExtractor);
-            } if (rf & 2) {
-                let tmp_2_0;
-                i0__namespace.ɵɵconditional(ctx.isClosable ? 0 : -1);
-                i0__namespace.ɵɵadvance();
-                i0__namespace.ɵɵconditional((tmp_2_0 = ctx.headinglevel) === "h1" ? 1 : tmp_2_0 === "h2" ? 2 : tmp_2_0 === "h3" ? 3 : tmp_2_0 === "h4" ? 4 : tmp_2_0 === "h5" ? 5 : tmp_2_0 === "h6" ? 6 : 7);
-            } }, dependencies: [i1$1.CommonModule, i1$1__namespace.NgClass, i1$1__namespace.NgTemplateOutlet, i1$1__namespace.NgStyle, i2.WmComponentsModule, i2__namespace.TextContentDirective, i2__namespace.ImagePipe], encapsulation: 2 }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: DialogHeaderComponent, deps: [{ token: i0__namespace.ElementRef }, { token: base.DialogRef }, { token: i1$1__namespace.App }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DialogHeaderComponent, isStandalone: true, selector: "div[wmDialogHeader]", inputs: { iconwidth: "iconwidth", iconheight: "iconheight", iconmargin: "iconmargin", iconclass: "iconclass", iconurl: "iconurl", closable: "closable", heading: "heading", headinglevel: "headinglevel", subheading: "subheading", titleid: "titleid", title: "title" }, ngImport: i0__namespace, template: "@if (isClosable) {\n  <button (click)=\"closeDialog();\"\n    [attr.aria-label]=\"'Close ' + (title ? title : '') + ' dialog'\" class=\"app-dialog-close close\" [ngClass]=\"{'btn-text': isPrism}\" [attr.title]=\"title ? 'Close ' + title + ' dialog' : dialogRef.appLocale.LABEL_CLOSE\" >\n    <span class=\"app-icon wi wi-clear\" aria-hidden=\"true\"></span>\n  </button>\n}\n\n@switch (headinglevel) {\n  @case ('h1') {\n    <h1 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h1>\n  }\n  @case ('h2') {\n    <h2 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h2>\n  }\n  @case ('h3') {\n    <h3 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h3>\n  }\n  @case ('h4') {\n    <h4 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h4>\n  }\n  @case ('h5') {\n    <h5 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h5>\n  }\n  @case ('h6') {\n    <h6 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h6>\n  }\n  @default {\n    <h4 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h4>\n  }\n}\n\n<ng-template #headerTemplate>\n  @if (iconclass && !iconurl) {\n    <i [ngClass]=\"iconclass\" [ngStyle]=\"{width: iconwidth, height: iconheight, margin: iconmargin}\"></i>\n  }\n  @if (iconurl) {\n    <img data-identifier=\"img\" [src]=\"iconurl | image\" [ngStyle]=\"{width: iconwidth, height: iconheight, margin: iconmargin}\"/>\n  }\n  <span class=\"dialog-heading\" [textContent]=\"heading\" [id]=\"titleid\"></span>\n  @if (subheading) {\n    <span class=\"dialog-sub-heading\" [title]=\"subheading\" [textContent]=\"subheading\"></span>\n  }\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: i2.CommonModule }, { kind: "directive", type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: base.TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }, { kind: "pipe", type: base.ImagePipe, name: "image" }] }); }
     }
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(DialogHeaderComponent, [{
-            type: i0.Component,
-            args: [{ standalone: true, imports: [i1$1.CommonModule, i2.WmComponentsModule], selector: 'div[wmDialogHeader]', template: "@if (isClosable) {\n  <button (click)=\"closeDialog();\"\n    [attr.aria-label]=\"'Close ' + (title ? title : '') + ' dialog'\" class=\"app-dialog-close close\" [attr.title]=\"title ? 'Close ' + title + ' dialog' : dialogRef.appLocale.LABEL_CLOSE\" >\n    <span class=\"app-icon wi wi-clear\" aria-hidden=\"true\"></span>\n  </button>\n}\n\n@switch (headinglevel) {\n  @case ('h1') {\n    <h1 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h1>\n  }\n  @case ('h2') {\n    <h2 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h2>\n  }\n  @case ('h3') {\n    <h3 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h3>\n  }\n  @case ('h4') {\n    <h4 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h4>\n  }\n  @case ('h5') {\n    <h5 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h5>\n  }\n  @case ('h6') {\n    <h6 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h6>\n  }\n  @default {\n    <h4 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h4>\n  }\n}\n\n<ng-template #headerTemplate>\n  @if (iconclass && !iconurl) {\n    <i [ngClass]=\"iconclass\" [ngStyle]=\"{width: iconwidth, height: iconheight, margin: iconmargin}\"></i>\n  }\n  @if (iconurl) {\n    <img data-identifier=\"img\" [src]=\"iconurl | image\" [ngStyle]=\"{width: iconwidth, height: iconheight, margin: iconmargin}\"/>\n  }\n  <span class=\"dialog-heading\" [textContent]=\"heading\" [id]=\"titleid\"></span>\n  @if (subheading) {\n    <span class=\"dialog-sub-heading\" [title]=\"subheading\" [textContent]=\"subheading\"></span>\n  }\n</ng-template>\n" }]
-        }], () => [{ type: i0__namespace.ElementRef }, { type: BaseDialog, decorators: [{
-                    type: i0.Inject,
-                    args: [i2.DialogRef]
-                }] }], { iconwidth: [{
-                type: i0.Input
-            }], iconheight: [{
-                type: i0.Input
-            }], iconmargin: [{
-                type: i0.Input
-            }], iconclass: [{
-                type: i0.Input
-            }], iconurl: [{
-                type: i0.Input
-            }], closable: [{
-                type: i0.Input
-            }], heading: [{
-                type: i0.Input
-            }], headinglevel: [{
-                type: i0.Input
-            }], subheading: [{
-                type: i0.Input
-            }], titleid: [{
-                type: i0.Input
-            }], title: [{
-                type: i0.Input
-            }] }); })();
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(DialogHeaderComponent, { className: "DialogHeaderComponent", filePath: "dialog-header/dialog-header.component.ts", lineNumber: 19 }); })();
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: DialogHeaderComponent, decorators: [{
+                type: i0.Component,
+                args: [{ standalone: true, imports: [i2.CommonModule, base.TextContentDirective, base.ImagePipe], selector: 'div[wmDialogHeader]', template: "@if (isClosable) {\n  <button (click)=\"closeDialog();\"\n    [attr.aria-label]=\"'Close ' + (title ? title : '') + ' dialog'\" class=\"app-dialog-close close\" [ngClass]=\"{'btn-text': isPrism}\" [attr.title]=\"title ? 'Close ' + title + ' dialog' : dialogRef.appLocale.LABEL_CLOSE\" >\n    <span class=\"app-icon wi wi-clear\" aria-hidden=\"true\"></span>\n  </button>\n}\n\n@switch (headinglevel) {\n  @case ('h1') {\n    <h1 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h1>\n  }\n  @case ('h2') {\n    <h2 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h2>\n  }\n  @case ('h3') {\n    <h3 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h3>\n  }\n  @case ('h4') {\n    <h4 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h4>\n  }\n  @case ('h5') {\n    <h5 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h5>\n  }\n  @case ('h6') {\n    <h6 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h6>\n  }\n  @default {\n    <h4 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h4>\n  }\n}\n\n<ng-template #headerTemplate>\n  @if (iconclass && !iconurl) {\n    <i [ngClass]=\"iconclass\" [ngStyle]=\"{width: iconwidth, height: iconheight, margin: iconmargin}\"></i>\n  }\n  @if (iconurl) {\n    <img data-identifier=\"img\" [src]=\"iconurl | image\" [ngStyle]=\"{width: iconwidth, height: iconheight, margin: iconmargin}\"/>\n  }\n  <span class=\"dialog-heading\" [textContent]=\"heading\" [id]=\"titleid\"></span>\n  @if (subheading) {\n    <span class=\"dialog-sub-heading\" [title]=\"subheading\" [textContent]=\"subheading\"></span>\n  }\n</ng-template>\n" }]
+            }], ctorParameters: () => [{ type: i0__namespace.ElementRef }, { type: BaseDialog, decorators: [{
+                        type: i0.Inject,
+                        args: [base.DialogRef]
+                    }] }, { type: i1$1__namespace.App }], propDecorators: { iconwidth: [{
+                    type: i0.Input
+                }], iconheight: [{
+                    type: i0.Input
+                }], iconmargin: [{
+                    type: i0.Input
+                }], iconclass: [{
+                    type: i0.Input
+                }], iconurl: [{
+                    type: i0.Input
+                }], closable: [{
+                    type: i0.Input
+                }], heading: [{
+                    type: i0.Input
+                }], headinglevel: [{
+                    type: i0.Input
+                }], subheading: [{
+                    type: i0.Input
+                }], titleid: [{
+                    type: i0.Input
+                }], title: [{
+                    type: i0.Input
+                }] } });
 
     exports.BaseDialog = BaseDialog;
     exports.DialogBodyDirective = DialogBodyDirective;

package/components/dialogs/default/dialog-header/dialog-header.component.d.ts

@@ -1,8 +1,10 @@
 import { ElementRef } from '@angular/core';
+import { App } from '@wm/core';
 import { BaseDialog } from '../base-dialog';
 import * as i0 from "@angular/core";
 export declare class DialogHeaderComponent {
     dialogRef: BaseDialog;
+    app: App;
     iconwidth: string;
     iconheight: string;
     iconmargin: string;
@@ -14,8 +16,9 @@ export declare class DialogHeaderComponent {
     subheading: string;
     titleid: string;
     title: string;
+    isPrism: boolean;
     get isClosable(): boolean;
-    constructor(elRef: ElementRef, dialogRef: BaseDialog);
+    constructor(elRef: ElementRef, dialogRef: BaseDialog, app: App);
     closeDialog(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogHeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DialogHeaderComponent, "div[wmDialogHeader]", never, { "iconwidth": { "alias": "iconwidth"; "required": false; }; "iconheight": { "alias": "iconheight"; "required": false; }; "iconmargin": { "alias": "iconmargin"; "required": false; }; "iconclass": { "alias": "iconclass"; "required": false; }; "iconurl": { "alias": "iconurl"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "headinglevel": { "alias": "headinglevel"; "required": false; }; "subheading": { "alias": "subheading"; "required": false; }; "titleid": { "alias": "titleid"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, {}, never, never, true, never>;