@wavemaker/app-ng-runtime 11.13.0-rc.222 → 11.14.0-rc.226

package/components/containers/wizard/bundles/index.umd.js

@@ -2,7 +2,7 @@
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@wm/components/base'), require('@angular/core'), require('@wm/core'), require('@angular/forms'), require('lodash-es')) :
     typeof define === 'function' && define.amd ? define(['exports', '@angular/common', '@wm/components/base', '@angular/core', '@wm/core', '@angular/forms', 'lodash-es'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.containers = global.wm.components.containers || {}, global.wm.components.containers.wizard = {}), global.ng.common, global.wm.components.base, global.ng.core, global.wm.core, global.ng.forms, global._));
-})(this, (function (exports, i2, i3, i0, i1$1, i1, lodashEs) { 'use strict';
+})(this, (function (exports, i2, base, i0, i1$1, i1, lodashEs) { 'use strict';
 
     function _interopNamespaceDefault(e) {
         var n = Object.create(null);
@@ -22,56 +22,53 @@
     }
 
     var i2__namespace = /*#__PURE__*/_interopNamespaceDefault(i2);
-    var i3__namespace = /*#__PURE__*/_interopNamespaceDefault(i3);
     var i0__namespace = /*#__PURE__*/_interopNamespaceDefault(i0);
     var i1$1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1$1);
     var i1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1);
 
     const registerProps$2 = () => {
-        i3.register('wm-wizard', new Map([
-            ['actionsalignment', { value: 'right', ...i3.PROP_STRING }],
-            ['cancelable', { value: true, ...i3.PROP_BOOLEAN }],
-            ['cancelbtnlabel', { value: 'Cancel', ...i3.PROP_STRING }],
-            ['class', { value: 'classic', ...i3.PROP_STRING }],
-            ['dataset', i3.PROP_ANY],
-            ['defaultstep', { value: 'none', ...i3.PROP_STRING }],
-            ['defaultstepindex', { value: 0, ...i3.PROP_NUMBER }],
-            ['donebtnlabel', { value: 'Done', ...i3.PROP_STRING }],
-            ['enablenext', { value: false, ...i3.PROP_BOOLEAN }],
-            ['name', i3.PROP_STRING],
-            ['nextbtnlabel', { value: 'Next', ...i3.PROP_STRING }],
-            ['nodatamessage', { value: 'No Data Found', ...i3.PROP_STRING }],
-            ['previousbtnlabel', { value: 'Previous', ...i3.PROP_STRING }],
-            ['show', { value: true, ...i3.PROP_BOOLEAN }],
-            ['stepstyle', { value: 'auto', ...i3.PROP_STRING }],
-            ['type', i3.PROP_STRING]
+        base.register('wm-wizard', new Map([
+            ['actionsalignment', { value: 'right', ...base.PROP_STRING }],
+            ['cancelable', { value: true, ...base.PROP_BOOLEAN }],
+            ['cancelbtnlabel', { value: 'Cancel', ...base.PROP_STRING }],
+            ['class', { value: 'classic', ...base.PROP_STRING }],
+            ['dataset', base.PROP_ANY],
+            ['defaultstep', { value: 'none', ...base.PROP_STRING }],
+            ['defaultstepindex', { value: 0, ...base.PROP_NUMBER }],
+            ['donebtnlabel', { value: 'Done', ...base.PROP_STRING }],
+            ['enablenext', { value: false, ...base.PROP_BOOLEAN }],
+            ['name', base.PROP_STRING],
+            ['nextbtnlabel', { value: 'Next', ...base.PROP_STRING }],
+            ['nodatamessage', { value: 'No Data Found', ...base.PROP_STRING }],
+            ['previousbtnlabel', { value: 'Previous', ...base.PROP_STRING }],
+            ['show', { value: true, ...base.PROP_BOOLEAN }],
+            ['stepstyle', { value: 'auto', ...base.PROP_STRING }],
+            ['type', base.PROP_STRING]
         ]));
     };
 
     const registerProps$1 = () => {
-        i3.register('wm-wizardstep', new Map([
-            ['class', i3.PROP_STRING],
-            ['content', i3.PROP_STRING],
-            ['doneiconclass', { value: 'wi wi-done', ...i3.PROP_STRING }],
-            ['dynamicStepIndex', i3.PROP_NUMBER], // internal property
-            ['enableskip', { value: false, ...i3.PROP_BOOLEAN }],
-            ['iconclass', { value: 'wi wi-person', ...i3.PROP_STRING }],
-            ['isdynamic', i3.PROP_STRING], // internal property
-            ['name', i3.PROP_STRING],
-            ['show', { value: true, ...i3.PROP_BOOLEAN }],
-            ['subtitle', i3.PROP_STRING],
-            ['title', { value: 'Step Title', ...i3.PROP_STRING }]
+        base.register('wm-wizardstep', new Map([
+            ['class', base.PROP_STRING],
+            ['content', base.PROP_STRING],
+            ['doneiconclass', { value: 'wi wi-done', ...base.PROP_STRING }],
+            ['dynamicStepIndex', base.PROP_NUMBER], // internal property
+            ['enableskip', { value: false, ...base.PROP_BOOLEAN }],
+            ['iconclass', { value: 'wi wi-person', ...base.PROP_STRING }],
+            ['isdynamic', base.PROP_STRING], // internal property
+            ['name', base.PROP_STRING],
+            ['show', { value: true, ...base.PROP_BOOLEAN }],
+            ['subtitle', base.PROP_STRING],
+            ['title', { value: 'Step Title', ...base.PROP_STRING }]
         ]));
     };
 
-    const _c0$1 = ["wmWizardStep", ""];
-    const _c1$1 = ["*"];
     const DEFAULT_CLS$1 = 'app-wizard-step-content';
     const WIDGET_CONFIG$1 = {
         widgetType: 'wm-wizardstep',
         hostClass: DEFAULT_CLS$1,
     };
-    class WizardStepComponent extends i3.StylableComponent {
+    class WizardStepComponent extends base.StylableComponent {
         static { this.initializeProps = registerProps$1(); }
         get isCurrent() {
             return this.active;
@@ -188,200 +185,45 @@
                 this.wizardComponent.registerDynamicStep(this);
             }
         }
-        static { this.ɵfac = function WizardStepComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WizardStepComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1__namespace.NgForm, 2), i0__namespace.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-        static { this.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: WizardStepComponent, selectors: [["form", "wmWizardStep", ""]], contentQueries: function WizardStepComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-                i0__namespace.ɵɵcontentQuery(dirIndex, i3.RedrawableDirective, 5);
-            } if (rf & 2) {
-                let _t;
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.reDrawableComponents = _t);
-            } }, hostVars: 2, hostBindings: function WizardStepComponent_HostBindings(rf, ctx) { if (rf & 2) {
-                i0__namespace.ɵɵclassProp("current", ctx.isCurrent);
-            } }, exportAs: ["wmWizardStep"], standalone: true, features: [i0__namespace.ɵɵProvidersFeature([
-                    i3.provideAsWidgetRef(WizardStepComponent),
-                    i1.NgForm
-                ]), i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵStandaloneFeature], attrs: _c0$1, ngContentSelectors: _c1$1, decls: 1, vars: 0, template: function WizardStepComponent_Template(rf, ctx) { if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef();
-                i0__namespace.ɵɵprojection(0, 0, ["partial-container-target", ""]);
-            } }, encapsulation: 2 }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: WizardStepComponent, deps: [{ token: i0__namespace.Injector }, { token: i1__namespace.NgForm, self: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: WizardStepComponent, isStandalone: true, selector: "form[wmWizardStep]", host: { properties: { "class.current": "this.isCurrent" } }, providers: [
+                base.provideAsWidgetRef(WizardStepComponent),
+                i1.NgForm
+            ], queries: [{ propertyName: "reDrawableComponents", predicate: base.RedrawableDirective, descendants: true }], exportAs: ["wmWizardStep"], usesInheritance: true, ngImport: i0__namespace, template: `<ng-content partial-container-target></ng-content>`, isInline: true }); }
     }
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WizardStepComponent, [{
-            type: i0.Component,
-            args: [{
-                    standalone: true,
-                    selector: 'form[wmWizardStep]',
-                    template: `<ng-content partial-container-target></ng-content>`,
-                    providers: [
-                        i3.provideAsWidgetRef(WizardStepComponent),
-                        i1.NgForm
-                    ],
-                    exportAs: 'wmWizardStep'
-                }]
-        }], () => [{ type: i0__namespace.Injector }, { type: i1__namespace.NgForm, decorators: [{
-                    type: i0.Self
-                }] }, { type: undefined, decorators: [{
-                    type: i0.Inject,
-                    args: ['EXPLICIT_CONTEXT']
-                }, {
-                    type: i0.Optional
-                }] }], { reDrawableComponents: [{
-                type: i0.ContentChildren,
-                args: [i3.RedrawableDirective, { descendants: true }]
-            }], isCurrent: [{
-                type: i0.HostBinding,
-                args: ['class.current']
-            }] }); })();
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(WizardStepComponent, { className: "WizardStepComponent", filePath: "wizard-step/wizard-step.component.ts", lineNumber: 47 }); })();
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: WizardStepComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        standalone: true,
+                        selector: 'form[wmWizardStep]',
+                        template: `<ng-content partial-container-target></ng-content>`,
+                        providers: [
+                            base.provideAsWidgetRef(WizardStepComponent),
+                            i1.NgForm
+                        ],
+                        exportAs: 'wmWizardStep'
+                    }]
+            }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: i1__namespace.NgForm, decorators: [{
+                        type: i0.Self
+                    }] }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: ['EXPLICIT_CONTEXT']
+                    }, {
+                        type: i0.Optional
+                    }] }], propDecorators: { reDrawableComponents: [{
+                    type: i0.ContentChildren,
+                    args: [base.RedrawableDirective, { descendants: true }]
+                }], isCurrent: [{
+                    type: i0.HostBinding,
+                    args: ['class.current']
+                }] } });
 
-    const _c0 = ["wizardAction"];
-    const _c1 = ["wmWizard", ""];
-    const _c2 = ["*", [["div", "wmRepeatTemplate", ""]]];
-    const _c3 = ["*", "div[wmRepeatTemplate]"];
-    const _c4 = (a0, a1, a2) => ({ active: a0, current: a1, disabled: a2 });
-    const _c5 = a0 => ({ "title-center-align": a0 });
-    function WizardComponent_For_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelement(0, "span", 5);
-    } }
-    function WizardComponent_For_3_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "span", 7);
-        i0__namespace.ɵɵtext(1);
-        i0__namespace.ɵɵelementEnd();
-    } if (rf & 2) {
-        const ɵ$index_5_r4 = i0__namespace.ɵɵnextContext().$index;
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵtextInterpolate(ɵ$index_5_r4 + 1);
-    } }
-    function WizardComponent_For_3_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelement(0, "i", 8);
-    } }
-    function WizardComponent_For_3_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelement(0, "i", 9);
-    } }
-    function WizardComponent_For_3_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelement(0, "i");
-    } if (rf & 2) {
-        const step_r2 = i0__namespace.ɵɵnextContext().$implicit;
-        i0__namespace.ɵɵclassMapInterpolate1("app-icon ", step_r2.iconclass, "");
-    } }
-    function WizardComponent_For_3_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelement(0, "i");
-    } if (rf & 2) {
-        const step_r2 = i0__namespace.ɵɵnextContext().$implicit;
-        i0__namespace.ɵɵclassMapInterpolate1("app-icon ", step_r2.doneiconclass, "");
-    } }
-    function WizardComponent_For_3_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "span");
-        i0__namespace.ɵɵtext(1);
-        i0__namespace.ɵɵelementEnd();
-    } if (rf & 2) {
-        const ɵ$index_5_r4 = i0__namespace.ɵɵnextContext().$index;
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵtextInterpolate("0" + (ɵ$index_5_r4 + 1));
-    } }
-    function WizardComponent_For_3_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-        const _r5 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "span", 13);
-        i0__namespace.ɵɵelement(1, "span", 12);
-        i0__namespace.ɵɵelementStart(2, "a", 14);
-        i0__namespace.ɵɵlistener("click", function WizardComponent_For_3_Conditional_12_Template_a_click_2_listener() { i0__namespace.ɵɵrestoreView(_r5); const ctx_r2 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r2.readMoreSubtitle()); });
-        i0__namespace.ɵɵtext(3, "more");
-        i0__namespace.ɵɵelementEnd()();
-    } if (rf & 2) {
-        const step_r2 = i0__namespace.ɵɵnextContext().$implicit;
-        i0__namespace.ɵɵattribute("title", step_r2.subtitle);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("textContent", step_r2.subtitle);
-    } }
-    function WizardComponent_For_3_Template(rf, ctx) { if (rf & 1) {
-        const _r1 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "li", 3);
-        i0__namespace.ɵɵlistener("click", function WizardComponent_For_3_Template_li_click_0_listener($event) { const step_r2 = i0__namespace.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r2.onWizardHeaderClick($event, step_r2)); });
-        i0__namespace.ɵɵelementStart(1, "a", 4);
-        i0__namespace.ɵɵlistener("keydown", function WizardComponent_For_3_Template_a_keydown_1_listener($event) { i0__namespace.ɵɵrestoreView(_r1); const ctx_r2 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r2.onkeydown($event)); });
-        i0__namespace.ɵɵtemplate(2, WizardComponent_For_3_Conditional_2_Template, 1, 0, "span", 5);
-        i0__namespace.ɵɵelementStart(3, "span", 6);
-        i0__namespace.ɵɵtemplate(4, WizardComponent_For_3_Conditional_4_Template, 2, 1, "span", 7)(5, WizardComponent_For_3_Conditional_5_Template, 1, 0, "i", 8)(6, WizardComponent_For_3_Conditional_6_Template, 1, 0, "i", 9)(7, WizardComponent_For_3_Conditional_7_Template, 1, 3, "i", 10)(8, WizardComponent_For_3_Conditional_8_Template, 1, 3, "i", 10);
-        i0__namespace.ɵɵelementEnd();
-        i0__namespace.ɵɵelementStart(9, "span", 11);
-        i0__namespace.ɵɵtemplate(10, WizardComponent_For_3_Conditional_10_Template, 2, 1, "span");
-        i0__namespace.ɵɵelement(11, "span", 12);
-        i0__namespace.ɵɵelementEnd();
-        i0__namespace.ɵɵtemplate(12, WizardComponent_For_3_Conditional_12_Template, 4, 2, "span", 13);
-        i0__namespace.ɵɵelementEnd()();
-    } if (rf & 2) {
-        const step_r2 = ctx.$implicit;
-        const ɵ$index_5_r4 = ctx.$index;
-        const ctx_r2 = i0__namespace.ɵɵnextContext();
-        i0__namespace.ɵɵproperty("hidden", !step_r2.show)("ngClass", i0__namespace.ɵɵpureFunction3(18, _c4, step_r2.done, step_r2.active, step_r2.disabled));
-        i0__namespace.ɵɵattribute("data-stepid", step_r2.widgetId);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(22, _c5, ctx_r2.class && ctx_r2.class.includes("classic") && !step_r2.subtitle))("tabindex", step_r2.active ? "0" : "-1");
-        i0__namespace.ɵɵattribute("aria-current", step_r2.active ? "step" : null)("aria-disabled", step_r2.disabled)("aria-label", step_r2.subtitle ? "step " + (ɵ$index_5_r4 + 1) + " " + step_r2.title + " " + step_r2.subtitle : "step " + (ɵ$index_5_r4 + 1) + " " + step_r2.title)("title", step_r2.title);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵconditional(ctx_r2.class && ctx_r2.class.includes("classic") ? 2 : -1);
-        i0__namespace.ɵɵadvance(2);
-        i0__namespace.ɵɵconditional(ctx_r2.class && ctx_r2.class.includes("number") && !step_r2.isDone ? 4 : -1);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵconditional(ctx_r2.class && (ctx_r2.class.includes("dottedstepper") || ctx_r2.class.includes("text-inline") && !ctx_r2.class.includes("iconstepper")) && !step_r2.isDone ? 5 : -1);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵconditional(ctx_r2.class && (ctx_r2.class.includes("dottedstepper") || ctx_r2.class.includes("number")) && step_r2.isDone ? 6 : -1);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵconditional(ctx_r2.class && ctx_r2.class.includes("iconstepper") && (step_r2.iconclass && !step_r2.isDone || step_r2.iconclass && step_r2.isDone && step_r2.doneiconclass === "") ? 7 : -1);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵconditional(step_r2.doneiconclass && step_r2.isDone && (ctx_r2.class && ctx_r2.class.includes("iconstepper")) ? 8 : -1);
-        i0__namespace.ɵɵadvance(2);
-        i0__namespace.ɵɵconditional(ctx_r2.class && ctx_r2.class.includes("text-inline") ? 10 : -1);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("textContent", step_r2.title);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵconditional(step_r2.subtitle ? 12 : -1);
-    } }
-    function WizardComponent_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelement(0, "p", 15);
-    } }
-    function WizardComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "div", 2);
-        i0__namespace.ɵɵtemplate(1, WizardComponent_Conditional_4_Conditional_1_Template, 1, 0, "p", 15);
-        i0__namespace.ɵɵprojection(2, 0, ["ngProjectAs", "form[wmWizardStep]", 5, ["form", "wmWizardStep", ""]]);
-        i0__namespace.ɵɵelementEnd();
-    } if (rf & 2) {
-        const ctx_r2 = i0__namespace.ɵɵnextContext();
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵconditional(ctx_r2.message.caption ? 1 : -1);
-    } }
-    function WizardComponent_Conditional_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "div");
-        i0__namespace.ɵɵtext(1);
-        i0__namespace.ɵɵelementEnd();
-    } if (rf & 2) {
-        const ctx_r2 = i0__namespace.ɵɵnextContext(2);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵtextInterpolate(ctx_r2.nodatamessage);
-    } }
-    function WizardComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "div", 2);
-        i0__namespace.ɵɵtemplate(1, WizardComponent_Conditional_5_Conditional_1_Template, 2, 1, "div");
-        i0__namespace.ɵɵprojection(2, 1);
-        i0__namespace.ɵɵelementEnd();
-    } if (rf & 2) {
-        const ctx_r2 = i0__namespace.ɵɵnextContext();
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵconditional(!(ctx_r2.fieldDefs == null ? null : ctx_r2.fieldDefs.length) ? 1 : -1);
-    } }
-    function WizardComponent_Conditional_6_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementContainer(0);
-    } }
-    function WizardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵtemplate(0, WizardComponent_Conditional_6_ng_container_0_Template, 1, 0, "ng-container", 16);
-    } if (rf & 2) {
-        const ctx_r2 = i0__namespace.ɵɵnextContext();
-        i0__namespace.ɵɵproperty("ngTemplateOutlet", ctx_r2.wizardAction);
-    } }
     const DEFAULT_CLS = 'app-wizard panel clearfix';
     const WIDGET_CONFIG = {
         widgetType: 'wm-wizard',
         hostClass: DEFAULT_CLS
     };
-    class WizardComponent extends i3.StylableComponent {
+    class WizardComponent extends base.StylableComponent {
         static { this.initializeProps = registerProps$2(); }
         get hasPrevStep() {
             return !this._isFirstStep(this.currentStep);
@@ -436,7 +278,7 @@
             super(inj, WIDGET_CONFIG, explicitContext, new Promise(res => resolveFn = res));
             this._isFirstLoad = true;
             this.isPromise = (obj) => obj instanceof Promise || (obj !== null && typeof obj === 'object' && typeof obj.then === 'function' && typeof obj.catch === 'function');
-            i3.styler(this.nativeElement, this, i3.APPLY_STYLES_TYPE.SHELL);
+            base.styler(this.nativeElement, this, base.APPLY_STYLES_TYPE.SHELL);
             this.promiseResolverFn = resolveFn;
             // initialize the message object with default values
             this.message = {
@@ -829,7 +671,7 @@
             return this.steps.last === stepRef;
         }
         onDataChange(newVal) {
-            this.fieldDefs = i3.createArrayFrom(newVal);
+            this.fieldDefs = base.createArrayFrom(newVal);
         }
         updateStepFocus() {
             setTimeout(() => {
@@ -917,7 +759,7 @@
         }
         ngAfterViewInit() {
             super.ngAfterViewInit();
-            i3.styler(this.nativeElement.querySelector('.panel-body'), this, i3.APPLY_STYLES_TYPE.INNER_SHELL);
+            base.styler(this.nativeElement.querySelector('.panel-body'), this, base.APPLY_STYLES_TYPE.INNER_SHELL);
             setTimeout(() => {
                 if ($(window).width() < 768) {
                     $(".app-wizard").removeClass("vertical");
@@ -991,66 +833,41 @@
             const index = this.steps.toArray().findIndex(step => this.nativeElement.querySelector(`li[data-stepid="${step.widgetId}"]`)?.classList.contains("current"));
             return index >= 0 ? index : this.getActiveStepIndex();
         }
-        static { this.ɵfac = function WizardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WizardComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1$1__namespace.DynamicComponentRefProvider), i0__namespace.ɵɵdirectiveInject(i3.Context, 2), i0__namespace.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-        static { this.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: WizardComponent, selectors: [["div", "wmWizard", ""]], contentQueries: function WizardComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-                i0__namespace.ɵɵcontentQuery(dirIndex, _c0, 4, i0.TemplateRef);
-                i0__namespace.ɵɵcontentQuery(dirIndex, WizardStepComponent, 4);
-            } if (rf & 2) {
-                let _t;
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.wizardAction = _t.first);
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.steps = _t);
-            } }, exportAs: ["wmWizard"], standalone: true, features: [i0__namespace.ɵɵProvidersFeature([
-                    i3.provideAsWidgetRef(WizardComponent),
-                    { provide: i3.Context, useFactory: () => { return {}; }, multi: true }
-                ]), i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵStandaloneFeature], attrs: _c1, ngContentSelectors: _c3, decls: 7, vars: 6, consts: [[1, "app-wizard-heading"], [1, "app-wizard-step", 3, "hidden", "ngClass"], [1, "app-wizard-body", "panel-body"], [1, "app-wizard-step", 3, "click", "hidden", "ngClass"], ["href", "javascript:void(0)", 3, "keydown", "ngClass", "tabindex"], [1, "arrow"], [1, "wizard-step-number"], [1, "count"], [1, "dottedstepper"], [1, "app-icon", "wi", "wi-done"], [3, "class"], [1, "title-wrapper"], [1, "step-title", 3, "textContent"], [1, "subtitle-wrapper"], [1, "read_more", 2, "display", "none", 3, "click"], ["wmMessage", "", "caption.bind", "message.caption", "type.bind", "message.type"], [4, "ngTemplateOutlet"]], template: function WizardComponent_Template(rf, ctx) { if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef(_c2);
-                i0__namespace.ɵɵelementStart(0, "div", 0)(1, "ul");
-                i0__namespace.ɵɵrepeaterCreate(2, WizardComponent_For_3_Template, 13, 24, "li", 1, i0__namespace.ɵɵrepeaterTrackByIdentity);
-                i0__namespace.ɵɵelementEnd()();
-                i0__namespace.ɵɵtemplate(4, WizardComponent_Conditional_4_Template, 3, 1, "div", 2)(5, WizardComponent_Conditional_5_Template, 3, 1, "div", 2)(6, WizardComponent_Conditional_6_Template, 1, 1, "ng-container");
-            } if (rf & 2) {
-                i0__namespace.ɵɵadvance();
-                i0__namespace.ɵɵclassMapInterpolate1("app-wizard-steps nav nav-pills ", ctx.stepClass, "");
-                i0__namespace.ɵɵadvance();
-                i0__namespace.ɵɵrepeater(ctx.steps);
-                i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵconditional(ctx.type !== "dynamic" ? 4 : -1);
-                i0__namespace.ɵɵadvance();
-                i0__namespace.ɵɵconditional(ctx.type === "dynamic" ? 5 : -1);
-                i0__namespace.ɵɵadvance();
-                i0__namespace.ɵɵconditional(ctx.fieldDefs && ctx.fieldDefs.length || ctx.type !== "dynamic" ? 6 : -1);
-            } }, dependencies: [i2.CommonModule, i2__namespace.NgClass, i2__namespace.NgTemplateOutlet, i3.WmComponentsModule, i3__namespace.MessageComponent, i3__namespace.TextContentDirective], encapsulation: 2 }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: WizardComponent, deps: [{ token: i0__namespace.Injector }, { token: i1$1__namespace.DynamicComponentRefProvider }, { token: base.Context, self: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: WizardComponent, isStandalone: true, selector: "div[wmWizard]", providers: [
+                base.provideAsWidgetRef(WizardComponent),
+                { provide: base.Context, useFactory: () => { return {}; }, multi: true }
+            ], queries: [{ propertyName: "wizardAction", first: true, predicate: ["wizardAction"], read: i0.TemplateRef }, { propertyName: "steps", predicate: WizardStepComponent }], exportAs: ["wmWizard"], usesInheritance: true, ngImport: i0__namespace, template: "<div class=\"app-wizard-heading\">\n  <ul class=\"app-wizard-steps nav nav-pills {{stepClass}}\">\n    @for (step of steps; track step; let i = $index) {\n      <li class=\"app-wizard-step\" [hidden]=\"!step.show\"\n        [ngClass]=\"{active: step.done, current: step.active, disabled: step.disabled}\"\n        (click)=\"onWizardHeaderClick($event, step)\" [attr.data-stepid]=\"step.widgetId\">\n        <a href=\"javascript:void(0)\" [attr.aria-current]=\"step.active ? 'step' : null\"\n          [attr.aria-disabled]=\"step.disabled\" [attr.aria-label]='step.subtitle ? \"step \" + (i + 1) + \" \" +  step.title + \" \" + step.subtitle : \"step \" + (i + 1) + \" \" +  step.title' [attr.title]= \"step.title\"\n          [ngClass]=\"{'title-center-align':class && class.includes('classic') && !step.subtitle}\" [tabindex]=\"step.active ? '0' : '-1'\" (keydown)=\"onkeydown($event)\">\n          @if (class && class.includes('classic')) {\n            <span class=\"arrow\"></span>\n          }\n          <span class=\"wizard-step-number\">\n            @if (class && class.includes('number') && !step.isDone) {\n              <span class=\"count\">{{i+1}}</span>\n            }\n            @if (class && (class.includes('dottedstepper') || class.includes('text-inline') && !class.includes('iconstepper')) && !step.isDone) {\n              <i class=\"dottedstepper\"></i>\n            }\n            @if (class && (class.includes('dottedstepper') || class.includes('number')) && step.isDone) {\n              <i class=\"app-icon wi wi-done\"></i>\n            }\n            @if ((class && class.includes('iconstepper')) && ((step.iconclass && !step.isDone) || (step.iconclass && step.isDone && step.doneiconclass ===''))) {\n              <i class=\"app-icon {{step.iconclass}}\"></i>\n            }\n            @if (step.doneiconclass && step.isDone && (class && class.includes('iconstepper'))) {\n              <i class=\"app-icon {{step.doneiconclass}}\"></i>\n            }\n          </span>\n          <span class=\"title-wrapper\">\n            @if (class && class.includes('text-inline')) {\n              <span>{{'0' + (i+1)}}</span>\n            }\n            <span class=\"step-title\" [textContent]=\"step.title\"></span>\n          </span>\n          @if (step.subtitle) {\n            <span class=\"subtitle-wrapper\" [attr.title]=\"step.subtitle\">\n              <span class=\"step-title\" [textContent]=\"step.subtitle\"></span>\n              <a class=\"read_more\" (click)=\"readMoreSubtitle()\" style=\"display:none\">more</a>\n            </span>\n          }\n        </a>\n      </li>\n    }\n  </ul>\n</div>\n@if (type !== 'dynamic') {\n<div class=\"app-wizard-body panel-body\">\n  @if (message.caption) {\n    <p wmMessage caption.bind=\"message.caption\" type.bind=\"message.type\"></p>\n  }\n  <ng-content ngProjectAs=\"form[wmWizardStep]\"></ng-content>\n</div>\n}\n@if (type === 'dynamic') {\n<div class=\"app-wizard-body panel-body\">\n    @if(!fieldDefs?.length) {\n    <div>{{nodatamessage}}</div>\n    }\n    <ng-content select=\"div[wmRepeatTemplate]\"></ng-content>\n</div>\n}\n@if(fieldDefs && fieldDefs.length || type !== 'dynamic') {\n    <ng-container *ngTemplateOutlet=\"wizardAction\"></ng-container>\n}\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: base.TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }] }); }
     }
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WizardComponent, [{
-            type: i0.Component,
-            args: [{ standalone: true, imports: [i2.CommonModule, i3.WmComponentsModule], selector: 'div[wmWizard]', providers: [
-                        i3.provideAsWidgetRef(WizardComponent),
-                        { provide: i3.Context, useFactory: () => { return {}; }, multi: true }
-                    ], exportAs: 'wmWizard', template: "<div class=\"app-wizard-heading\">\n  <ul class=\"app-wizard-steps nav nav-pills {{stepClass}}\">\n    @for (step of steps; track step; let i = $index) {\n      <li class=\"app-wizard-step\" [hidden]=\"!step.show\"\n        [ngClass]=\"{active: step.done, current: step.active, disabled: step.disabled}\"\n        (click)=\"onWizardHeaderClick($event, step)\" [attr.data-stepid]=\"step.widgetId\">\n        <a href=\"javascript:void(0)\" [attr.aria-current]=\"step.active ? 'step' : null\"\n          [attr.aria-disabled]=\"step.disabled\" [attr.aria-label]='step.subtitle ? \"step \" + (i + 1) + \" \" +  step.title + \" \" + step.subtitle : \"step \" + (i + 1) + \" \" +  step.title' [attr.title]= \"step.title\"\n          [ngClass]=\"{'title-center-align':class && class.includes('classic') && !step.subtitle}\" [tabindex]=\"step.active ? '0' : '-1'\" (keydown)=\"onkeydown($event)\">\n          @if (class && class.includes('classic')) {\n            <span class=\"arrow\"></span>\n          }\n          <span class=\"wizard-step-number\">\n            @if (class && class.includes('number') && !step.isDone) {\n              <span class=\"count\">{{i+1}}</span>\n            }\n            @if (class && (class.includes('dottedstepper') || class.includes('text-inline') && !class.includes('iconstepper')) && !step.isDone) {\n              <i class=\"dottedstepper\"></i>\n            }\n            @if (class && (class.includes('dottedstepper') || class.includes('number')) && step.isDone) {\n              <i class=\"app-icon wi wi-done\"></i>\n            }\n            @if ((class && class.includes('iconstepper')) && ((step.iconclass && !step.isDone) || (step.iconclass && step.isDone && step.doneiconclass ===''))) {\n              <i class=\"app-icon {{step.iconclass}}\"></i>\n            }\n            @if (step.doneiconclass && step.isDone && (class && class.includes('iconstepper'))) {\n              <i class=\"app-icon {{step.doneiconclass}}\"></i>\n            }\n          </span>\n          <span class=\"title-wrapper\">\n            @if (class && class.includes('text-inline')) {\n              <span>{{'0' + (i+1)}}</span>\n            }\n            <span class=\"step-title\" [textContent]=\"step.title\"></span>\n          </span>\n          @if (step.subtitle) {\n            <span class=\"subtitle-wrapper\" [attr.title]=\"step.subtitle\">\n              <span class=\"step-title\" [textContent]=\"step.subtitle\"></span>\n              <a class=\"read_more\" (click)=\"readMoreSubtitle()\" style=\"display:none\">more</a>\n            </span>\n          }\n        </a>\n      </li>\n    }\n  </ul>\n</div>\n@if (type !== 'dynamic') {\n<div class=\"app-wizard-body panel-body\">\n  @if (message.caption) {\n    <p wmMessage caption.bind=\"message.caption\" type.bind=\"message.type\"></p>\n  }\n  <ng-content ngProjectAs=\"form[wmWizardStep]\"></ng-content>\n</div>\n}\n@if (type === 'dynamic') {\n<div class=\"app-wizard-body panel-body\">\n    @if(!fieldDefs?.length) {\n    <div>{{nodatamessage}}</div>\n    }\n    <ng-content select=\"div[wmRepeatTemplate]\"></ng-content>\n</div>\n}\n@if(fieldDefs && fieldDefs.length || type !== 'dynamic') {\n    <ng-container *ngTemplateOutlet=\"wizardAction\"></ng-container>\n}\n" }]
-        }], () => [{ type: i0__namespace.Injector }, { type: i1$1__namespace.DynamicComponentRefProvider }, { type: Array, decorators: [{
-                    type: i0.Self
-                }, {
-                    type: i0.Inject,
-                    args: [i3.Context]
-                }] }, { type: undefined, decorators: [{
-                    type: i0.Inject,
-                    args: ['EXPLICIT_CONTEXT']
-                }, {
-                    type: i0.Optional
-                }] }], { steps: [{
-                type: i0.ContentChildren,
-                args: [WizardStepComponent]
-            }], wizardAction: [{
-                type: i0.ContentChild,
-                args: ['wizardAction', { read: i0.TemplateRef, descendants: false }]
-            }] }); })();
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(WizardComponent, { className: "WizardComponent", filePath: "wizard.component.ts", lineNumber: 51 }); })();
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: WizardComponent, decorators: [{
+                type: i0.Component,
+                args: [{ standalone: true, imports: [i2.CommonModule, base.TextContentDirective], selector: 'div[wmWizard]', providers: [
+                            base.provideAsWidgetRef(WizardComponent),
+                            { provide: base.Context, useFactory: () => { return {}; }, multi: true }
+                        ], exportAs: 'wmWizard', template: "<div class=\"app-wizard-heading\">\n  <ul class=\"app-wizard-steps nav nav-pills {{stepClass}}\">\n    @for (step of steps; track step; let i = $index) {\n      <li class=\"app-wizard-step\" [hidden]=\"!step.show\"\n        [ngClass]=\"{active: step.done, current: step.active, disabled: step.disabled}\"\n        (click)=\"onWizardHeaderClick($event, step)\" [attr.data-stepid]=\"step.widgetId\">\n        <a href=\"javascript:void(0)\" [attr.aria-current]=\"step.active ? 'step' : null\"\n          [attr.aria-disabled]=\"step.disabled\" [attr.aria-label]='step.subtitle ? \"step \" + (i + 1) + \" \" +  step.title + \" \" + step.subtitle : \"step \" + (i + 1) + \" \" +  step.title' [attr.title]= \"step.title\"\n          [ngClass]=\"{'title-center-align':class && class.includes('classic') && !step.subtitle}\" [tabindex]=\"step.active ? '0' : '-1'\" (keydown)=\"onkeydown($event)\">\n          @if (class && class.includes('classic')) {\n            <span class=\"arrow\"></span>\n          }\n          <span class=\"wizard-step-number\">\n            @if (class && class.includes('number') && !step.isDone) {\n              <span class=\"count\">{{i+1}}</span>\n            }\n            @if (class && (class.includes('dottedstepper') || class.includes('text-inline') && !class.includes('iconstepper')) && !step.isDone) {\n              <i class=\"dottedstepper\"></i>\n            }\n            @if (class && (class.includes('dottedstepper') || class.includes('number')) && step.isDone) {\n              <i class=\"app-icon wi wi-done\"></i>\n            }\n            @if ((class && class.includes('iconstepper')) && ((step.iconclass && !step.isDone) || (step.iconclass && step.isDone && step.doneiconclass ===''))) {\n              <i class=\"app-icon {{step.iconclass}}\"></i>\n            }\n            @if (step.doneiconclass && step.isDone && (class && class.includes('iconstepper'))) {\n              <i class=\"app-icon {{step.doneiconclass}}\"></i>\n            }\n          </span>\n          <span class=\"title-wrapper\">\n            @if (class && class.includes('text-inline')) {\n              <span>{{'0' + (i+1)}}</span>\n            }\n            <span class=\"step-title\" [textContent]=\"step.title\"></span>\n          </span>\n          @if (step.subtitle) {\n            <span class=\"subtitle-wrapper\" [attr.title]=\"step.subtitle\">\n              <span class=\"step-title\" [textContent]=\"step.subtitle\"></span>\n              <a class=\"read_more\" (click)=\"readMoreSubtitle()\" style=\"display:none\">more</a>\n            </span>\n          }\n        </a>\n      </li>\n    }\n  </ul>\n</div>\n@if (type !== 'dynamic') {\n<div class=\"app-wizard-body panel-body\">\n  @if (message.caption) {\n    <p wmMessage caption.bind=\"message.caption\" type.bind=\"message.type\"></p>\n  }\n  <ng-content ngProjectAs=\"form[wmWizardStep]\"></ng-content>\n</div>\n}\n@if (type === 'dynamic') {\n<div class=\"app-wizard-body panel-body\">\n    @if(!fieldDefs?.length) {\n    <div>{{nodatamessage}}</div>\n    }\n    <ng-content select=\"div[wmRepeatTemplate]\"></ng-content>\n</div>\n}\n@if(fieldDefs && fieldDefs.length || type !== 'dynamic') {\n    <ng-container *ngTemplateOutlet=\"wizardAction\"></ng-container>\n}\n" }]
+            }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: i1$1__namespace.DynamicComponentRefProvider }, { type: Array, decorators: [{
+                        type: i0.Self
+                    }, {
+                        type: i0.Inject,
+                        args: [base.Context]
+                    }] }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: ['EXPLICIT_CONTEXT']
+                    }, {
+                        type: i0.Optional
+                    }] }], propDecorators: { steps: [{
+                    type: i0.ContentChildren,
+                    args: [WizardStepComponent]
+                }], wizardAction: [{
+                    type: i0.ContentChild,
+                    args: ['wizardAction', { read: i0.TemplateRef, descendants: false }]
+                }] } });
 
     const registerProps = () => {
-        i3.register('wm-wizardaction', new Map([
-            ['class', i3.PROP_STRING],
-            ['name', i3.PROP_STRING],
-            ['show', { value: true, ...i3.PROP_BOOLEAN }]
+        base.register('wm-wizardaction', new Map([
+            ['class', base.PROP_STRING],
+            ['name', base.PROP_STRING],
+            ['show', { value: true, ...base.PROP_BOOLEAN }]
         ]));
     };
 
@@ -1058,32 +875,32 @@
         widgetType: 'wm-wizardaction',
         hostClass: 'app-wizard-actions panel-footer '
     };
-    class WizardActionDirective extends i3.BaseComponent {
+    class WizardActionDirective extends base.BaseComponent {
         static { this.initializeProps = registerProps(); }
         constructor(inj, explicitContext) {
             super(inj, WIDGET_INFO, explicitContext);
         }
-        static { this.ɵfac = function WizardActionDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WizardActionDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-        static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: WizardActionDirective, selectors: [["div", "wmWizardAction", ""]], exportAs: ["wmWizardAction"], standalone: true, features: [i0__namespace.ɵɵProvidersFeature([
-                    i3.provideAsWidgetRef(WizardActionDirective)
-                ]), i0__namespace.ɵɵInheritDefinitionFeature] }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: WizardActionDirective, 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: WizardActionDirective, isStandalone: true, selector: "div[wmWizardAction]", providers: [
+                base.provideAsWidgetRef(WizardActionDirective)
+            ], exportAs: ["wmWizardAction"], usesInheritance: true, ngImport: i0__namespace }); }
     }
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WizardActionDirective, [{
-            type: i0.Directive,
-            args: [{
-                    standalone: true,
-                    selector: 'div[wmWizardAction]',
-                    providers: [
-                        i3.provideAsWidgetRef(WizardActionDirective)
-                    ],
-                    exportAs: 'wmWizardAction',
-                }]
-        }], () => [{ 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: WizardActionDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        standalone: true,
+                        selector: 'div[wmWizardAction]',
+                        providers: [
+                            base.provideAsWidgetRef(WizardActionDirective)
+                        ],
+                        exportAs: 'wmWizardAction',
+                    }]
+            }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: ['EXPLICIT_CONTEXT']
+                    }, {
+                        type: i0.Optional
+                    }] }] });
 
     exports.WizardActionDirective = WizardActionDirective;
     exports.WizardComponent = WizardComponent;

package/components/containers/wizard/esm2022/wizard-action/wizard-action.directive.mjs

@@ -11,25 +11,25 @@ export class WizardActionDirective extends BaseComponent {
     constructor(inj, explicitContext) {
         super(inj, WIDGET_INFO, explicitContext);
     }
-    static { this.ɵfac = function WizardActionDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WizardActionDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: WizardActionDirective, selectors: [["div", "wmWizardAction", ""]], exportAs: ["wmWizardAction"], standalone: true, features: [i0.ɵɵProvidersFeature([
-                provideAsWidgetRef(WizardActionDirective)
-            ]), i0.ɵɵInheritDefinitionFeature] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: WizardActionDirective, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: WizardActionDirective, isStandalone: true, selector: "div[wmWizardAction]", providers: [
+            provideAsWidgetRef(WizardActionDirective)
+        ], exportAs: ["wmWizardAction"], usesInheritance: true, ngImport: i0 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WizardActionDirective, [{
-        type: Directive,
-        args: [{
-                standalone: true,
-                selector: 'div[wmWizardAction]',
-                providers: [
-                    provideAsWidgetRef(WizardActionDirective)
-                ],
-                exportAs: 'wmWizardAction',
-            }]
-    }], () => [{ type: i0.Injector }, { type: undefined, decorators: [{
-                type: Inject,
-                args: ['EXPLICIT_CONTEXT']
-            }, {
-                type: Optional
-            }] }], null); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2l6YXJkLWFjdGlvbi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvY29udGFpbmVycy93aXphcmQvc3JjL3dpemFyZC1hY3Rpb24vd2l6YXJkLWFjdGlvbi5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNwRSxPQUFPLEVBQUUsYUFBYSxFQUFpQixrQkFBa0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3ZGLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSx1QkFBdUIsQ0FBQzs7QUFFcEQsTUFBTSxXQUFXLEdBQWtCO0lBQy9CLFVBQVUsRUFBRSxpQkFBaUI7SUFDN0IsU0FBUyxFQUFFLGtDQUFrQztDQUNoRCxDQUFDO0FBVUYsTUFBTSxPQUFPLHFCQUFzQixTQUFRLGFBQWE7YUFDN0Msb0JBQWUsR0FBRyxhQUFhLEVBQUUsQUFBbEIsQ0FBbUI7SUFFekMsWUFBWSxHQUFhLEVBQTBDLGVBQW9CO1FBQ25GLEtBQUssQ0FBQyxHQUFHLEVBQUUsV0FBVyxFQUFFLGVBQWUsQ0FBQyxDQUFDO0lBQzdDLENBQUM7c0hBTFEscUJBQXFCLDBEQUdLLGtCQUFrQjtvRUFINUMscUJBQXFCLCtIQUxuQjtnQkFDUCxrQkFBa0IsQ0FBQyxxQkFBcUIsQ0FBQzthQUM1Qzs7aUZBR1EscUJBQXFCO2NBUmpDLFNBQVM7ZUFBQztnQkFDVCxVQUFVLEVBQUUsSUFBSTtnQkFDZCxRQUFRLEVBQUUscUJBQXFCO2dCQUMvQixTQUFTLEVBQUU7b0JBQ1Asa0JBQWtCLHVCQUF1QjtpQkFDNUM7Z0JBQ0QsUUFBUSxFQUFFLGdCQUFnQjthQUM3Qjs7c0JBSStCLE1BQU07dUJBQUMsa0JBQWtCOztzQkFBRyxRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtEaXJlY3RpdmUsIEluamVjdCwgSW5qZWN0b3IsIE9wdGlvbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJhc2VDb21wb25lbnQsIElXaWRnZXRDb25maWcsIHByb3ZpZGVBc1dpZGdldFJlZiB9IGZyb20gJ0B3bS9jb21wb25lbnRzL2Jhc2UnO1xuaW1wb3J0IHtyZWdpc3RlclByb3BzfSBmcm9tIFwiLi93aXphcmQtYWN0aW9uLnByb3BzXCI7XG5cbmNvbnN0IFdJREdFVF9JTkZPOiBJV2lkZ2V0Q29uZmlnID0ge1xuICAgIHdpZGdldFR5cGU6ICd3bS13aXphcmRhY3Rpb24nLFxuICAgIGhvc3RDbGFzczogJ2FwcC13aXphcmQtYWN0aW9ucyBwYW5lbC1mb290ZXIgJ1xufTtcblxuQERpcmVjdGl2ZSh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICdkaXZbd21XaXphcmRBY3Rpb25dJyxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgcHJvdmlkZUFzV2lkZ2V0UmVmKFdpemFyZEFjdGlvbkRpcmVjdGl2ZSlcbiAgICBdLFxuICAgIGV4cG9ydEFzOiAnd21XaXphcmRBY3Rpb24nLFxufSlcbmV4cG9ydCBjbGFzcyBXaXphcmRBY3Rpb25EaXJlY3RpdmUgZXh0ZW5kcyBCYXNlQ29tcG9uZW50IHtcbiAgICBzdGF0aWMgaW5pdGlhbGl6ZVByb3BzID0gcmVnaXN0ZXJQcm9wcygpO1xuXG4gICAgY29uc3RydWN0b3IoaW5qOiBJbmplY3RvciwgQEluamVjdCgnRVhQTElDSVRfQ09OVEVYVCcpIEBPcHRpb25hbCgpIGV4cGxpY2l0Q29udGV4dDogYW55KSB7XG4gICAgICAgIHN1cGVyKGluaiwgV0lER0VUX0lORk8sIGV4cGxpY2l0Q29udGV4dCk7XG4gICAgfVxufVxuXG4iXX0=
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: WizardActionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'div[wmWizardAction]',
+                    providers: [
+                        provideAsWidgetRef(WizardActionDirective)
+                    ],
+                    exportAs: 'wmWizardAction',
+                }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2l6YXJkLWFjdGlvbi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvY29udGFpbmVycy93aXphcmQvc3JjL3dpemFyZC1hY3Rpb24vd2l6YXJkLWFjdGlvbi5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNwRSxPQUFPLEVBQUUsYUFBYSxFQUFpQixrQkFBa0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3ZGLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSx1QkFBdUIsQ0FBQzs7QUFFcEQsTUFBTSxXQUFXLEdBQWtCO0lBQy9CLFVBQVUsRUFBRSxpQkFBaUI7SUFDN0IsU0FBUyxFQUFFLGtDQUFrQztDQUNoRCxDQUFDO0FBVUYsTUFBTSxPQUFPLHFCQUFzQixTQUFRLGFBQWE7YUFDN0Msb0JBQWUsR0FBRyxhQUFhLEVBQUUsQUFBbEIsQ0FBbUI7SUFFekMsWUFBWSxHQUFhLEVBQTBDLGVBQW9CO1FBQ25GLEtBQUssQ0FBQyxHQUFHLEVBQUUsV0FBVyxFQUFFLGVBQWUsQ0FBQyxDQUFDO0lBQzdDLENBQUM7K0dBTFEscUJBQXFCLDBDQUdLLGtCQUFrQjttR0FINUMscUJBQXFCLGtFQUxuQjtZQUNQLGtCQUFrQixDQUFDLHFCQUFxQixDQUFDO1NBQzVDOzs0RkFHUSxxQkFBcUI7a0JBUmpDLFNBQVM7bUJBQUM7b0JBQ1QsVUFBVSxFQUFFLElBQUk7b0JBQ2QsUUFBUSxFQUFFLHFCQUFxQjtvQkFDL0IsU0FBUyxFQUFFO3dCQUNQLGtCQUFrQix1QkFBdUI7cUJBQzVDO29CQUNELFFBQVEsRUFBRSxnQkFBZ0I7aUJBQzdCOzswQkFJK0IsTUFBTTsyQkFBQyxrQkFBa0I7OzBCQUFHLFFBQVEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0RpcmVjdGl2ZSwgSW5qZWN0LCBJbmplY3RvciwgT3B0aW9uYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmFzZUNvbXBvbmVudCwgSVdpZGdldENvbmZpZywgcHJvdmlkZUFzV2lkZ2V0UmVmIH0gZnJvbSAnQHdtL2NvbXBvbmVudHMvYmFzZSc7XG5pbXBvcnQge3JlZ2lzdGVyUHJvcHN9IGZyb20gXCIuL3dpemFyZC1hY3Rpb24ucHJvcHNcIjtcblxuY29uc3QgV0lER0VUX0lORk86IElXaWRnZXRDb25maWcgPSB7XG4gICAgd2lkZ2V0VHlwZTogJ3dtLXdpemFyZGFjdGlvbicsXG4gICAgaG9zdENsYXNzOiAnYXBwLXdpemFyZC1hY3Rpb25zIHBhbmVsLWZvb3RlciAnXG59O1xuXG5ARGlyZWN0aXZlKHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzZWxlY3RvcjogJ2Rpdlt3bVdpemFyZEFjdGlvbl0nLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICBwcm92aWRlQXNXaWRnZXRSZWYoV2l6YXJkQWN0aW9uRGlyZWN0aXZlKVxuICAgIF0sXG4gICAgZXhwb3J0QXM6ICd3bVdpemFyZEFjdGlvbicsXG59KVxuZXhwb3J0IGNsYXNzIFdpemFyZEFjdGlvbkRpcmVjdGl2ZSBleHRlbmRzIEJhc2VDb21wb25lbnQge1xuICAgIHN0YXRpYyBpbml0aWFsaXplUHJvcHMgPSByZWdpc3RlclByb3BzKCk7XG5cbiAgICBjb25zdHJ1Y3Rvcihpbmo6IEluamVjdG9yLCBASW5qZWN0KCdFWFBMSUNJVF9DT05URVhUJykgQE9wdGlvbmFsKCkgZXhwbGljaXRDb250ZXh0OiBhbnkpIHtcbiAgICAgICAgc3VwZXIoaW5qLCBXSURHRVRfSU5GTywgZXhwbGljaXRDb250ZXh0KTtcbiAgICB9XG59XG5cbiJdfQ==