@wavemaker-ai/app-ng-runtime 1.0.0-rc.309

package/components/dialogs/confirm-dialog/index.d.ts

@@ -0,0 +1,29 @@
+import * as i0 from '@angular/core';
+import { OnInit, OnDestroy, TemplateRef, Injector } from '@angular/core';
+import { BaseDialog } from '@wm/components/dialogs';
+
+declare class ConfirmDialogComponent extends BaseDialog implements OnInit, OnDestroy {
+    static initializeProps: void;
+    dialogTemplate: TemplateRef<any>;
+    constructor(inj: Injector, dialogClass: string, modal: string | boolean, closable: string | boolean, explicitContext: any);
+    onEscape($event: KeyboardEvent): void;
+    protected getTemplateRef(): TemplateRef<any>;
+    /**
+     * Click event handler for the ok button
+     * invokes on-ok event callback
+     * @param {Event} $event
+     */
+    onOk($event: Event): void;
+    /**
+     * Click event handler for the cancel button
+     * invokes on-cancel event callback
+     * @param {Event} $event
+     */
+    onCancel($event: Event): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmDialogComponent, [null, { attribute: "class"; }, { attribute: "modal"; }, { attribute: "closable"; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmDialogComponent, "div[wmConfirmDialog]", never, {}, {}, never, never, true, never>;
+}
+
+export { ConfirmDialogComponent };

package/components/dialogs/confirm-dialog/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@wm/components/dialogs/confirm-dialog",
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.0.0"
+  },
+  "module": "fesm2022/index.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/index.mjs"
+    }
+  }
+}

package/components/dialogs/default/.npmignore

@@ -0,0 +1,2 @@
+# Nested package.json's are only needed for development.
+**/package.json

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

@@ -0,0 +1,380 @@
+(function (global, factory) {
+    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.ngxBootstrap.modal, global.wm.core, global.wm.components.base, global.ng.common, global.ng.router));
+})(this, (function (exports, i0, i1, i1$1, base, i2, router) { 'use strict';
+
+    function _interopNamespaceDefault(e) {
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n.default = e;
+        return Object.freeze(n);
+    }
+
+    var i0__namespace = /*#__PURE__*/_interopNamespaceDefault(i0);
+    var i1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1);
+    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;
+            i1$1.addClass(elRef.nativeElement, DEFAULT_CLS$1);
+            this.bsModalShownSubscription = bsModal.onShown.subscribe(() => {
+                const dialogRoot = $(elRef.nativeElement).closest('.app-dialog')[0];
+                const dialogContent = $(elRef.nativeElement).closest('.modal-content')[0];
+                let dialogRootContainer = $('body.wm-app')[0];
+                // To identify the microfrontend, if body tag doesn't have wm-app class then app loading as micro-frontend
+                if (!dialogRootContainer) {
+                    const dialogBackrop = $('body > .modal-backdrop')[0];
+                    const parentContainer = $('body > modal-container')[0];
+                    dialogRootContainer = $('.wm-app')[0];
+                    if (dialogRootContainer && parentContainer) {
+                        if (dialogBackrop) {
+                            this.renderer.appendChild(dialogRootContainer, dialogBackrop);
+                        }
+                        this.renderer.appendChild(dialogRootContainer, parentContainer);
+                    }
+                }
+                const isSheet = this.dialogRef.sheet;
+                const sheetPosition = this.dialogRef.sheetPosition;
+                if (isSheet) {
+                    $(dialogRoot).addClass('modal-sheet');
+                    $(dialogRoot).addClass(i1$1.getSheetPositionClass(sheetPosition));
+                }
+                const animation = this.dialogRef.animation;
+                if (animation) {
+                    $(dialogContent).addClass('animated');
+                    $(dialogContent).addClass(animation);
+                }
+                const width = this.dialogRef.width;
+                const height = this.dialogRef.height;
+                if (height) {
+                    setTimeout(e => {
+                        i1$1.setCSS($(elRef.nativeElement)[0], 'height', height);
+                    });
+                }
+                if (dialogRoot) {
+                    if (width) {
+                        i1$1.setCSS(dialogRoot, 'width', width);
+                    }
+                    i1$1.setAttr(dialogRoot, 'tabindex', this.dialogRef.tabindex);
+                    i1$1.setAttr(dialogRoot, 'name', this.dialogRef.name);
+                }
+                // Clean up subscription after first use
+                if (this.bsModalShownSubscription) {
+                    this.bsModalShownSubscription.unsubscribe();
+                    this.bsModalShownSubscription = null;
+                }
+            });
+        }
+        ngOnDestroy() {
+            // MEMORY LEAK FIX: Unsubscribe from bsModal.onShown if not already unsubscribed
+            if (this.bsModalShownSubscription) {
+                this.bsModalShownSubscription.unsubscribe();
+                this.bsModalShownSubscription = null;
+            }
+            // MEMORY LEAK FIX: Clear dialogRef reference
+            this.dialogRef = null;
+        }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", 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: "20.3.19", type: DialogBodyDirective, isStandalone: true, selector: "div[wmDialogBody]", host: { properties: { "style.height": "this.height" } }, ngImport: i0__namespace }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", 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 = () => {
+        base.register('wm-dialogfooter', new Map([
+            ['class', base.PROP_STRING],
+            ['name', base.PROP_STRING],
+            ['show', { value: true, ...base.PROP_BOOLEAN }]
+        ]));
+    };
+
+    const WIDGET_INFO = {
+        widgetType: 'wm-dialogfooter',
+        hostClass: 'app-dialog-footer modal-footer'
+    };
+    class DialogFooterDirective extends base.BaseComponent {
+        static { this.initializeProps = registerProps(); }
+        constructor(inj, explicitContext) {
+            super(inj, WIDGET_INFO, explicitContext);
+        }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", 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: "20.3.19", type: DialogFooterDirective, isStandalone: true, selector: "div[wmDialogFooter]", providers: [
+                base.provideAsWidgetRef(DialogFooterDirective)
+            ], usesInheritance: true, ngImport: i0__namespace }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", 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 = 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 + '/>');
+                }
+                ref.invokeEventCallback('opened', { $event: { type: 'opened' } });
+                // Focusing the first focusable element when the dialog is opened
+                const container = $('[aria-labelledby= ' + ref.titleId + ']')[0];
+                const keyboardFocusableElements = [container.querySelectorAll('a, button, input, textarea, select, details, iframe, embed, object, summary dialog, audio[controls], video[controls], [contenteditable], [tabindex]:not([tabindex="-1"])')].filter(el => {
+                    return (!el[0].hasAttribute('disabled') && !el[0].hasAttribute('hidden'));
+                })[0];
+                $(keyboardFocusableElements[0]).focus();
+                const openedDialogs = ref.dialogService.getOpenedDialogs();
+                if (openedDialogs.length > 1) {
+                    const zIndex = Number($("[aria-labelledby= " + openedDialogs[openedDialogs.length - 2].titleId + "]").css('z-index'));
+                    $('[aria-labelledby= ' + ref.dialogService.getLastOpenedDialog().titleId + ']').css('z-index', zIndex + 2);
+                    $('bs-modal-backdrop').css('z-index', zIndex + 1);
+                }
+            });
+        }
+    };
+    const invokeClosedCallback = (ref) => {
+        if (ref) {
+            ref.invokeEventCallback('close');
+            ref.dialogRef = undefined;
+            const openedDialogs = ref.dialogService.getOpenedDialogs();
+            if (openedDialogs.length >= 1) {
+                const zIndex = Number($("[aria-labelledby= " + openedDialogs[openedDialogs.length - 1].titleId + "]").css('z-index'));
+                $('bs-modal-backdrop').css('z-index', zIndex - 1);
+            }
+        }
+    };
+    class BaseDialog extends base.BaseComponent {
+        constructor(inj, config, modalOptions, explicitContext) {
+            super(inj, config, explicitContext);
+            this.modalOptions = modalOptions;
+            this.titleId = 'wmdialog-' + i1$1.generateGUId();
+            this.dialogOriginFocusStack = [];
+            this.dialogService = inj.get(i1$1.AbstractDialogService);
+            this.bsModal = inj.get(i1.BsModalService);
+            const router$1 = inj.get(router.Router);
+            const subscriptions = [
+                this.bsModal.onShown.subscribe(({ id }) => {
+                    const ref = this.dialogService.getLastOpenedDialog();
+                    if (ref === this && !this.dialogId) {
+                        // Always get the reference of last pushed dialog in the array for calling onOpen callback
+                        invokeOpenedCallback(ref);
+                        this.dialogId = id;
+                    }
+                }),
+                this.bsModal.onShow.subscribe(() => { }),
+                this.bsModal.onHidden.subscribe((closeReason) => {
+                    let ref = this.dialogService.getDialogRefFromClosedDialogs();
+                    if (this.dialogId && closeReason?.id === this.dialogId) {
+                        ref = this;
+                    }
+                    else if (closeReason === 'esc' || closeReason === 'backdrop-click') {
+                        ref = this.dialogService.getLastOpenedDialog();
+                    }
+                    if (ref === this) {
+                        this.dialogId = null;
+                        // remove the dialog reference from opened dialogs and closed dialogs
+                        this.dialogService.removeFromOpenedDialogs(ref);
+                        this.dialogService.removeFromClosedDialogs(ref);
+                        invokeClosedCallback(ref);
+                        if (ref.closeCallBackFn) {
+                            ref.closeCallBackFn();
+                        }
+                    }
+                }),
+                this.bsModal.onHide.subscribe(() => { }),
+                router$1.events.subscribe(e => {
+                    if (e instanceof router.NavigationEnd) {
+                        this.close();
+                    }
+                })
+            ];
+            this.registerDestroyListener(() => {
+                this.dialogService.removeFromOpenedDialogs(this);
+                this.dialogService.removeFromClosedDialogs(this);
+                subscriptions.forEach(s => s.unsubscribe());
+            });
+        }
+        /**
+         * Opens the dialog
+         * Subscribe to the onShown event emitter of bsModal and trigger on-opened event callback
+         */
+        open(initState) {
+            // remove the popovers in the page to avoid the overlap with dialog
+            // closePopover(this.$element); Commenting this line because it is causing regression(if we have dialog inside popover as partail content, then the dialog close is not working because on closing the popover the partial get destroyed.)
+            // do not open the dialog again if it is already opened
+            const duplicateDialogCheck = (openedDialog) => {
+                return openedDialog === this;
+            };
+            if (this.dialogService.getOpenedDialogs().some(duplicateDialogCheck)) {
+                return;
+            }
+            this.dialogService.addToOpenedDialogs(this);
+            // extend the context with the initState
+            Object.assign(this.context, initState);
+            this.modalOptions.ariaLabelledBy = this.titleId;
+            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 && (i1$1.isMobile())) {
+                const parentSelector = $('body > app-root')[0];
+                parentSelector.setAttribute('aria-hidden', 'true');
+            }
+            $('.cdk-focus-trap-anchor').removeAttr('aria-hidden');
+        }
+        /**
+         * closes the dialog
+         * invokes the on-close event callback
+         */
+        close() {
+            // remove the popovers in the page to avoid the overlap with dialog
+            // closePopover(this.$element); Commenting this line because it is causing regression(if we have dialog inside popover as partail content, then the dialog close is not working because on closing the popover the partial get destroyed.)
+            if (this.dialogRef) {
+                const lastDialogOrigin = this.dialogOriginFocusStack.pop();
+                this.dialogService.addToClosedDialogs(this);
+                this.dialogRef.hide();
+                // Return focus to the originating element upon dialog closure
+                lastDialogOrigin?.focus();
+            }
+        }
+        /**
+         * Register the dialog with the dialog service for programmatic access
+         */
+        register(scope) {
+            // add scope along with name in the dialogRefsCollection Map while registering dialog
+            // So that 2 dialogs having same name on different pages won't be overridden.
+            this.dialogService.register(this.name, this, scope);
+        }
+        /**
+         * De Register the dialog with the dialog service after dialog destruction
+         */
+        deRegister(scope) {
+            this.dialogService.deRegister(this.name, scope);
+        }
+        onPropertyChange(key, nv, ov) {
+            // ignore the class attribute.
+            // Prevent the framework from setting the class on the host element.
+            if (key === 'class' || key === 'name' || key === 'tabindex') {
+                return;
+            }
+            else if (key === 'animation') {
+                this.modalOptions.class = this.modalOptions.class.replace(' animated ' + ov, '');
+                if (nv) {
+                    this.modalOptions.class = this.modalOptions.class + ' animated ' + nv;
+                }
+            }
+            super.onPropertyChange(key, nv, ov);
+        }
+        ngOnDestroy() {
+            this.close();
+            this.deRegister(this.viewParent);
+            super.ngOnDestroy();
+        }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", 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: "20.3.19", ngImport: i0__namespace, type: BaseDialog }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", 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 DEFAULT_CLS = 'app-dialog-header modal-header';
+    const DEFAULT_ICON_DIMENSIONS = '21px';
+    class DialogHeaderComponent {
+        get isClosable() {
+            return i1$1.toBoolean(this.closable);
+        }
+        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';
+            i1$1.addClass(elRef.nativeElement, DEFAULT_CLS);
+            this.isPrism = this.app.isPrism;
+        }
+        closeDialog() {
+            this.dialogRef.close();
+        }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", 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: "20.3.19", 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" }] }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", 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;
+    exports.DialogFooterDirective = DialogFooterDirective;
+    exports.DialogHeaderComponent = DialogHeaderComponent;
+
+}));