@wavemaker/app-ng-runtime 12.0.0-next.45002 → 12.0.0-next.45005

app-ng-runtime/components/containers/wizard/fesm2022/index.mjs

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
-import { Directive, Self, ContentChildren, HostBinding, Component, NgModule } from '@angular/core';
+import { Directive, Self, Inject, Optional, ContentChildren, HostBinding, Component, NgModule } from '@angular/core';
 import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1 from '@angular/forms';
 import { NgForm, FormsModule } from '@angular/forms';
 import * as i2 from '@wm/components/base';
-import { register, PROP_STRING, PROP_BOOLEAN, BaseComponent, RedrawableDirective, provideAsWidgetRef, StylableComponent, styler, APPLY_STYLES_TYPE, WmComponentsModule } from '@wm/components/base';
+import { PROP_STRING, PROP_BOOLEAN, register, BaseComponent, RedrawableDirective, provideAsWidgetRef, StylableComponent, APPLY_STYLES_TYPE, styler, WmComponentsModule } from '@wm/components/base';
 import { noop } from '@wm/core';
 
 const registerProps$1 = () => {
@@ -107,8 +107,8 @@ class WizardStepDirective extends BaseComponent {
     get disabled() {
         return this.status === 2 /* STEP_STATUS.DISABLED */;
     }
-    constructor(inj, ngForm) {
-        super(inj, WIDGET_CONFIG$1);
+    constructor(inj, ngForm, explicitContext) {
+        super(inj, WIDGET_CONFIG$1, explicitContext);
         this.ngForm = ngForm;
         this.isDone = false;
         this.status = 2 /* STEP_STATUS.DISABLED */;
@@ -134,7 +134,7 @@ class WizardStepDirective extends BaseComponent {
             this.invokeEventCallback('load', { stepIndex });
         }, 100);
     }
-    static { this.ɵfac = function WizardStepDirective_Factory(t) { return new (t || WizardStepDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.NgForm, 2)); }; }
+    static { this.ɵfac = function WizardStepDirective_Factory(t) { return new (t || WizardStepDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.NgForm, 2), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: WizardStepDirective, selectors: [["form", "wmWizardStep", ""]], contentQueries: function WizardStepDirective_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
             i0.ɵɵcontentQuery(dirIndex, RedrawableDirective, 5);
         } if (rf & 2) {
@@ -147,7 +147,7 @@ class WizardStepDirective extends BaseComponent {
                 NgForm
             ]), i0.ɵɵInheritDefinitionFeature] }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WizardStepDirective, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WizardStepDirective, [{
         type: Directive,
         args: [{
                 selector: 'form[wmWizardStep]',
@@ -157,9 +157,14 @@ class WizardStepDirective extends BaseComponent {
                 ],
                 exportAs: 'wmWizardStep'
             }]
-    }], function () { return [{ type: i0.Injector }, { type: i1.NgForm, decorators: [{
+    }], () => [{ type: i0.Injector }, { type: i1.NgForm, decorators: [{
                 type: Self
-            }] }]; }, { reDrawableComponents: [{
+            }] }, { type: undefined, decorators: [{
+                type: Inject,
+                args: ['EXPLICIT_CONTEXT']
+            }, {
+                type: Optional
+            }] }], { reDrawableComponents: [{
             type: ContentChildren,
             args: [RedrawableDirective, { descendants: true }]
         }], isCurrent: [{
@@ -168,6 +173,9 @@ class WizardStepDirective extends BaseComponent {
         }] }); })();
 
 const _c0 = ["wmWizard", ""];
+const _c1 = ["*"];
+const _c2 = (a0, a1, a2) => ({ active: a0, current: a1, disabled: a2 });
+const _c3 = a0 => ({ "title-center-align": a0 });
 function WizardComponent_li_2_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "span", 22);
 } }
@@ -176,9 +184,9 @@ function WizardComponent_li_2_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const i_r8 = i0.ɵɵnextContext().index;
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(i_r8 + 1);
+    const i_r4 = i0.ɵɵnextContext().index;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i_r4 + 1);
 } }
 function WizardComponent_li_2_i_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i", 24);
@@ -189,52 +197,46 @@ function WizardComponent_li_2_i_6_Template(rf, ctx) { if (rf & 1) {
 function WizardComponent_li_2_i_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i");
 } if (rf & 2) {
-    const step_r7 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵclassMapInterpolate1("app-icon ", step_r7.iconclass, "");
+    const step_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵclassMapInterpolate1("app-icon ", step_r2.iconclass, "");
 } }
 function WizardComponent_li_2_i_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i");
 } if (rf & 2) {
-    const step_r7 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵclassMapInterpolate1("app-icon ", step_r7.doneiconclass, "");
+    const step_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵclassMapInterpolate1("app-icon ", step_r2.doneiconclass, "");
 } }
 function WizardComponent_li_2_span_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const i_r8 = i0.ɵɵnextContext().index;
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate("0" + (i_r8 + 1));
+    const i_r4 = i0.ɵɵnextContext().index;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate("0" + (i_r4 + 1));
 } }
 function WizardComponent_li_2_span_12_Template(rf, ctx) { if (rf & 1) {
-    const _r22 = i0.ɵɵgetCurrentView();
+    const _r5 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "span", 26);
     i0.ɵɵelement(1, "span", 20);
     i0.ɵɵelementStart(2, "a", 27);
-    i0.ɵɵlistener("click", function WizardComponent_li_2_span_12_Template_a_click_2_listener() { i0.ɵɵrestoreView(_r22); const ctx_r21 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r21.readMoreSubtitle()); });
+    i0.ɵɵlistener("click", function WizardComponent_li_2_span_12_Template_a_click_2_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.readMoreSubtitle()); });
     i0.ɵɵtext(3, "more");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const step_r7 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵattribute("title", step_r7.subtitle);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("textContent", step_r7.subtitle);
+    const step_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵattribute("title", step_r2.subtitle);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("textContent", step_r2.subtitle);
 } }
-const _c1 = function (a0, a1, a2) { return { active: a0, current: a1, disabled: a2 }; };
-const _c2 = function (a0) { return { "title-center-align": a0 }; };
 function WizardComponent_li_2_Template(rf, ctx) { if (rf & 1) {
-    const _r25 = i0.ɵɵgetCurrentView();
+    const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "li", 10);
-    i0.ɵɵlistener("click", function WizardComponent_li_2_Template_li_click_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r25); const step_r7 = restoredCtx.$implicit; const ctx_r24 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r24.onWizardHeaderClick($event, step_r7)); });
+    i0.ɵɵlistener("click", function WizardComponent_li_2_Template_li_click_0_listener($event) { const step_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onWizardHeaderClick($event, step_r2)); });
     i0.ɵɵelementStart(1, "a", 11);
     i0.ɵɵtemplate(2, WizardComponent_li_2_span_2_Template, 1, 0, "span", 12);
     i0.ɵɵelementStart(3, "span", 13);
-    i0.ɵɵtemplate(4, WizardComponent_li_2_span_4_Template, 2, 1, "span", 14);
-    i0.ɵɵtemplate(5, WizardComponent_li_2_i_5_Template, 1, 0, "i", 15);
-    i0.ɵɵtemplate(6, WizardComponent_li_2_i_6_Template, 1, 0, "i", 16);
-    i0.ɵɵtemplate(7, WizardComponent_li_2_i_7_Template, 1, 3, "i", 17);
-    i0.ɵɵtemplate(8, WizardComponent_li_2_i_8_Template, 1, 3, "i", 17);
+    i0.ɵɵtemplate(4, WizardComponent_li_2_span_4_Template, 2, 1, "span", 14)(5, WizardComponent_li_2_i_5_Template, 1, 0, "i", 15)(6, WizardComponent_li_2_i_6_Template, 1, 0, "i", 16)(7, WizardComponent_li_2_i_7_Template, 1, 3, "i", 17)(8, WizardComponent_li_2_i_8_Template, 1, 3, "i", 17);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(9, "span", 18);
     i0.ɵɵtemplate(10, WizardComponent_li_2_span_10_Template, 2, 1, "span", 19);
@@ -243,38 +245,38 @@ function WizardComponent_li_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(12, WizardComponent_li_2_span_12_Template, 4, 2, "span", 21);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const step_r7 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("hidden", !step_r7.show)("ngClass", i0.ɵɵpureFunction3(14, _c1, step_r7.done, step_r7.active, step_r7.disabled));
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(18, _c2, ctx_r0.class && ctx_r0.class.includes("classic") && !step_r7.subtitle));
-    i0.ɵɵattribute("aria-label", step_r7.title)("title", step_r7.title);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r0.class && ctx_r0.class.includes("classic"));
+    const step_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("hidden", !step_r2.show)("ngClass", i0.ɵɵpureFunction3(14, _c2, step_r2.done, step_r2.active, step_r2.disabled));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(18, _c3, ctx_r2.class && ctx_r2.class.includes("classic") && !step_r2.subtitle));
+    i0.ɵɵattribute("aria-label", step_r2.title)("title", step_r2.title);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.class && ctx_r2.class.includes("classic"));
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r0.class && ctx_r0.class.includes("number") && !step_r7.isDone);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r0.class && (ctx_r0.class.includes("dottedstepper") || ctx_r0.class.includes("text-inline") && !ctx_r0.class.includes("iconstepper")) && !step_r7.isDone);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r0.class && (ctx_r0.class.includes("dottedstepper") || ctx_r0.class.includes("number")) && step_r7.isDone);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r0.class && ctx_r0.class.includes("iconstepper") && (step_r7.iconclass && !step_r7.isDone || step_r7.iconclass && step_r7.isDone && step_r7.doneiconclass === ""));
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", step_r7.doneiconclass && step_r7.isDone && (ctx_r0.class && ctx_r0.class.includes("iconstepper")));
+    i0.ɵɵproperty("ngIf", ctx_r2.class && ctx_r2.class.includes("number") && !step_r2.isDone);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.class && (ctx_r2.class.includes("dottedstepper") || ctx_r2.class.includes("text-inline") && !ctx_r2.class.includes("iconstepper")) && !step_r2.isDone);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.class && (ctx_r2.class.includes("dottedstepper") || ctx_r2.class.includes("number")) && step_r2.isDone);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.class && ctx_r2.class.includes("iconstepper") && (step_r2.iconclass && !step_r2.isDone || step_r2.iconclass && step_r2.isDone && step_r2.doneiconclass === ""));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", step_r2.doneiconclass && step_r2.isDone && (ctx_r2.class && ctx_r2.class.includes("iconstepper")));
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r0.class && ctx_r0.class.includes("text-inline"));
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("textContent", step_r7.title);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", step_r7.subtitle);
+    i0.ɵɵproperty("ngIf", ctx_r2.class && ctx_r2.class.includes("text-inline"));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("textContent", step_r2.title);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", step_r2.subtitle);
 } }
 function WizardComponent_p_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "p", 28);
 } }
 function WizardComponent_a_7_Template(rf, ctx) { if (rf & 1) {
-    const _r27 = i0.ɵɵgetCurrentView();
+    const _r6 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "a", 29);
-    i0.ɵɵlistener("click", function WizardComponent_a_7_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r27); const ctx_r26 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r26.skip()); });
+    i0.ɵɵlistener("click", function WizardComponent_a_7_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.skip()); });
     i0.ɵɵtext(1, "Skip \u00BB");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -282,55 +284,54 @@ function WizardComponent_a_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵpropertyInterpolate1("name", "skipStep_", ctx_r2.name, "");
 } }
 function WizardComponent_button_9_Template(rf, ctx) { if (rf & 1) {
-    const _r29 = i0.ɵɵgetCurrentView();
+    const _r7 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 30);
-    i0.ɵɵlistener("click", function WizardComponent_button_9_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r29); const ctx_r28 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r28.cancel()); });
+    i0.ɵɵlistener("click", function WizardComponent_button_9_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.cancel()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵpropertyInterpolate1("name", "cancelBtn_", ctx_r3.name, "");
-    i0.ɵɵproperty("title", ctx_r3.cancelbtnlabel)("textContent", ctx_r3.cancelbtnlabel);
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵpropertyInterpolate1("name", "cancelBtn_", ctx_r2.name, "");
+    i0.ɵɵproperty("title", ctx_r2.cancelbtnlabel)("textContent", ctx_r2.cancelbtnlabel);
 } }
 function WizardComponent_button_10_Template(rf, ctx) { if (rf & 1) {
-    const _r31 = i0.ɵɵgetCurrentView();
+    const _r8 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 31);
-    i0.ɵɵlistener("click", function WizardComponent_button_10_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r31); const ctx_r30 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r30.prev()); });
+    i0.ɵɵlistener("click", function WizardComponent_button_10_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.prev()); });
     i0.ɵɵelement(1, "i", 32)(2, "span", 33);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r4 = i0.ɵɵnextContext();
-    i0.ɵɵpropertyInterpolate1("name", "previousBtn_", ctx_r4.name, "");
-    i0.ɵɵproperty("disabled", !ctx_r4.enablePrev);
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵpropertyInterpolate1("name", "previousBtn_", ctx_r2.name, "");
+    i0.ɵɵproperty("disabled", !ctx_r2.enablePrev);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("textContent", ctx_r4.previousbtnlabel);
+    i0.ɵɵproperty("textContent", ctx_r2.previousbtnlabel);
 } }
 function WizardComponent_button_11_Template(rf, ctx) { if (rf & 1) {
-    const _r33 = i0.ɵɵgetCurrentView();
+    const _r9 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 34);
-    i0.ɵɵlistener("click", function WizardComponent_button_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r33); const ctx_r32 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r32.next()); });
+    i0.ɵɵlistener("click", function WizardComponent_button_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.next()); });
     i0.ɵɵelement(1, "span", 33)(2, "i", 35);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r5 = i0.ɵɵnextContext();
-    i0.ɵɵpropertyInterpolate1("name", "nextBtn_", ctx_r5.name, "");
-    i0.ɵɵproperty("disabled", !ctx_r5.enableNext);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("textContent", ctx_r5.nextbtnlabel);
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵpropertyInterpolate1("name", "nextBtn_", ctx_r2.name, "");
+    i0.ɵɵproperty("disabled", !ctx_r2.enableNext);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("textContent", ctx_r2.nextbtnlabel);
 } }
 function WizardComponent_button_12_Template(rf, ctx) { if (rf & 1) {
-    const _r35 = i0.ɵɵgetCurrentView();
+    const _r10 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 36);
-    i0.ɵɵlistener("click", function WizardComponent_button_12_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r35); const ctx_r34 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r34.done()); });
+    i0.ɵɵlistener("click", function WizardComponent_button_12_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.done()); });
     i0.ɵɵelement(1, "i", 37)(2, "span", 33);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r6 = i0.ɵɵnextContext();
-    i0.ɵɵpropertyInterpolate1("name", "doneBtn_", ctx_r6.name, "");
-    i0.ɵɵproperty("disabled", !ctx_r6.enableDone);
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵpropertyInterpolate1("name", "doneBtn_", ctx_r2.name, "");
+    i0.ɵɵproperty("disabled", !ctx_r2.enableDone);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("textContent", ctx_r6.donebtnlabel);
+    i0.ɵɵproperty("textContent", ctx_r2.donebtnlabel);
 } }
-const _c3 = ["*"];
 const DEFAULT_CLS = 'app-wizard panel clearfix';
 const WIDGET_CONFIG = {
     widgetType: 'wm-wizard',
@@ -368,9 +369,9 @@ class WizardComponent extends StylableComponent {
         }
         return this.currentStep.enableDone && this.currentStep.isValid;
     }
-    constructor(inj) {
+    constructor(inj, explicitContext) {
         let resolveFn = noop;
-        super(inj, WIDGET_CONFIG, new Promise(res => resolveFn = res));
+        super(inj, WIDGET_CONFIG, explicitContext, new Promise(res => resolveFn = res));
         styler(this.nativeElement, this, APPLY_STYLES_TYPE.SHELL);
         this.promiseResolverFn = resolveFn;
         // initialize the message object with default values
@@ -620,7 +621,7 @@ class WizardComponent extends StylableComponent {
             }
         });
     }
-    static { this.ɵfac = function WizardComponent_Factory(t) { return new (t || WizardComponent)(i0.ɵɵdirectiveInject(i0.Injector)); }; }
+    static { this.ɵfac = function WizardComponent_Factory(t) { return new (t || WizardComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WizardComponent, selectors: [["div", "wmWizard", ""]], contentQueries: function WizardComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
             i0.ɵɵcontentQuery(dirIndex, WizardStepDirective, 4);
         } if (rf & 2) {
@@ -628,7 +629,7 @@ class WizardComponent extends StylableComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.steps = _t);
         } }, features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(WizardComponent)
-            ]), i0.ɵɵInheritDefinitionFeature], attrs: _c0, ngContentSelectors: _c3, decls: 13, vars: 13, consts: [["role", "tab", 1, "app-wizard-heading"], ["class", "app-wizard-step", 3, "hidden", "ngClass", "click", 4, "ngFor", "ngForOf"], ["role", "tabpanel", 1, "app-wizard-body", "panel-body"], ["wmMessage", "", "caption.bind", "message.caption", "type.bind", "message.type", 4, "ngIf"], ["class", "app-wizard-skip", "title", "Skip step", 3, "name", "click", 4, "ngIf"], [1, "app-wizard-actions-right"], ["type", "button", "class", "btn app-button btn-default", 3, "name", "title", "textContent", "click", 4, "ngIf"], ["type", "button", "class", "btn app-button btn-default", 3, "name", "disabled", "click", 4, "ngIf"], ["type", "button", "class", "btn app-button btn-primary", 3, "name", "disabled", "click", 4, "ngIf"], ["type", "button", "class", "btn app-button btn-success", 3, "name", "disabled", "click", 4, "ngIf"], [1, "app-wizard-step", 3, "hidden", "ngClass", "click"], ["href", "javascript:void(0)", 3, "ngClass"], ["class", "arrow", 4, "ngIf"], [1, "wizard-step-number"], ["class", "count", 4, "ngIf"], ["class", "dottedstepper", 4, "ngIf"], ["class", "app-icon wi wi-done", 4, "ngIf"], [3, "class", 4, "ngIf"], [1, "title-wrapper"], [4, "ngIf"], [1, "step-title", 3, "textContent"], ["class", "subtitle-wrapper", 4, "ngIf"], [1, "arrow"], [1, "count"], [1, "dottedstepper"], [1, "app-icon", "wi", "wi-done"], [1, "subtitle-wrapper"], [1, "read_more", 2, "display", "none", 3, "click"], ["wmMessage", "", "caption.bind", "message.caption", "type.bind", "message.type"], ["title", "Skip step", 1, "app-wizard-skip", 3, "name", "click"], ["type", "button", 1, "btn", "app-button", "btn-default", 3, "name", "title", "textContent", "click"], ["type", "button", 1, "btn", "app-button", "btn-default", 3, "name", "disabled", "click"], [1, "app-icon", "wi", "wi-chevron-left"], [1, "btn-caption", 3, "textContent"], ["type", "button", 1, "btn", "app-button", "btn-primary", 3, "name", "disabled", "click"], [1, "app-icon", "wi", "wi-chevron-right"], ["type", "button", 1, "btn", "app-button", "btn-success", 3, "name", "disabled", "click"], [1, "app-icon", "wm-sl-l", "sl-check"]], template: function WizardComponent_Template(rf, ctx) { if (rf & 1) {
+            ]), i0.ɵɵInheritDefinitionFeature], attrs: _c0, ngContentSelectors: _c1, decls: 13, vars: 13, consts: [["role", "tab", 1, "app-wizard-heading"], ["class", "app-wizard-step", 3, "hidden", "ngClass", "click", 4, "ngFor", "ngForOf"], ["role", "tabpanel", 1, "app-wizard-body", "panel-body"], ["wmMessage", "", "caption.bind", "message.caption", "type.bind", "message.type", 4, "ngIf"], ["class", "app-wizard-skip", "title", "Skip step", 3, "name", "click", 4, "ngIf"], [1, "app-wizard-actions-right"], ["type", "button", "class", "btn app-button btn-default", 3, "name", "title", "textContent", "click", 4, "ngIf"], ["type", "button", "class", "btn app-button btn-default", 3, "name", "disabled", "click", 4, "ngIf"], ["type", "button", "class", "btn app-button btn-primary", 3, "name", "disabled", "click", 4, "ngIf"], ["type", "button", "class", "btn app-button btn-success", 3, "name", "disabled", "click", 4, "ngIf"], [1, "app-wizard-step", 3, "click", "hidden", "ngClass"], ["href", "javascript:void(0)", 3, "ngClass"], ["class", "arrow", 4, "ngIf"], [1, "wizard-step-number"], ["class", "count", 4, "ngIf"], ["class", "dottedstepper", 4, "ngIf"], ["class", "app-icon wi wi-done", 4, "ngIf"], [3, "class", 4, "ngIf"], [1, "title-wrapper"], [4, "ngIf"], [1, "step-title", 3, "textContent"], ["class", "subtitle-wrapper", 4, "ngIf"], [1, "arrow"], [1, "count"], [1, "dottedstepper"], [1, "app-icon", "wi", "wi-done"], [1, "subtitle-wrapper"], [1, "read_more", 2, "display", "none", 3, "click"], ["wmMessage", "", "caption.bind", "message.caption", "type.bind", "message.type"], ["title", "Skip step", 1, "app-wizard-skip", 3, "click", "name"], ["type", "button", 1, "btn", "app-button", "btn-default", 3, "click", "name", "title", "textContent"], ["type", "button", 1, "btn", "app-button", "btn-default", 3, "click", "name", "disabled"], [1, "app-icon", "wi", "wi-chevron-left"], [1, "btn-caption", 3, "textContent"], ["type", "button", 1, "btn", "app-button", "btn-primary", 3, "click", "name", "disabled"], [1, "app-icon", "wi", "wi-chevron-right"], ["type", "button", 1, "btn", "app-button", "btn-success", 3, "click", "name", "disabled"], [1, "app-icon", "wm-sl-l", "sl-check"]], template: function WizardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0)(1, "ul");
             i0.ɵɵtemplate(2, WizardComponent_li_2_Template, 13, 20, "li", 1);
@@ -638,43 +639,46 @@ class WizardComponent extends StylableComponent {
             i0.ɵɵprojection(5, 0, ["ngProjectAs", "form[wmWizardStep]", 5, ["form", "wmWizardStep", ""]]);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(6, "div");
-            i0.ɵɵtemplate(7, WizardComponent_a_7_Template, 2, 1, "a", 4);
+            i0.ɵɵtemplate(7, WizardComponent_a_7_Template, 2, 2, "a", 4);
             i0.ɵɵelementStart(8, "div", 5);
-            i0.ɵɵtemplate(9, WizardComponent_button_9_Template, 1, 3, "button", 6);
-            i0.ɵɵtemplate(10, WizardComponent_button_10_Template, 3, 3, "button", 7);
-            i0.ɵɵtemplate(11, WizardComponent_button_11_Template, 3, 3, "button", 8);
-            i0.ɵɵtemplate(12, WizardComponent_button_12_Template, 3, 3, "button", 9);
+            i0.ɵɵtemplate(9, WizardComponent_button_9_Template, 1, 4, "button", 6)(10, WizardComponent_button_10_Template, 3, 4, "button", 7)(11, WizardComponent_button_11_Template, 3, 4, "button", 8)(12, WizardComponent_button_12_Template, 3, 4, "button", 9);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵadvance(1);
+            i0.ɵɵadvance();
             i0.ɵɵclassMapInterpolate1("app-wizard-steps nav nav-pills ", ctx.stepClass, "");
-            i0.ɵɵadvance(1);
+            i0.ɵɵadvance();
             i0.ɵɵproperty("ngForOf", ctx.steps);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx.message.caption);
             i0.ɵɵadvance(2);
             i0.ɵɵclassMapInterpolate1("app-wizard-actions panel-footer ", ctx.actionsalignment, "");
-            i0.ɵɵadvance(1);
+            i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.currentStep == null ? null : ctx.currentStep.enableskip);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx.cancelable);
-            i0.ɵɵadvance(1);
+            i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.hasPrevStep);
-            i0.ɵɵadvance(1);
+            i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.hasNextStep);
-            i0.ɵɵadvance(1);
+            i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.showDoneBtn);
         } }, dependencies: [i1$1.NgClass, i1$1.NgForOf, i1$1.NgIf, i2.MessageComponent, i2.TextContentDirective], encapsulation: 2 }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WizardComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WizardComponent, [{
         type: Component,
         args: [{ selector: 'div[wmWizard]', providers: [
                     provideAsWidgetRef(WizardComponent)
                 ], template: "<div class=\"app-wizard-heading\" role=\"tab\">\n    <ul class=\"app-wizard-steps nav nav-pills {{stepClass}}\">\n        <li class=\"app-wizard-step\" *ngFor=\"let step of steps; let i = index\" [hidden]=\"!step.show\"\n            [ngClass]=\"{active: step.done, current: step.active, disabled: step.disabled}\"\n            (click)=\"onWizardHeaderClick($event, step)\">\n            <a href=\"javascript:void(0)\" [attr.aria-label]=\"step.title\" [attr.title]=\"step.title\" [ngClass]=\"{'title-center-align':class && class.includes('classic') && !step.subtitle}\">\n                <span class=\"arrow\" *ngIf=\"class && class.includes('classic')\"></span>\n                <span class=\"wizard-step-number\">\n                    <span class=\"count\" *ngIf=\"class && class.includes('number') && !step.isDone\">{{i+1}}</span>\n                    <i class=\"dottedstepper\" *ngIf=\"class && (class.includes('dottedstepper') || class.includes('text-inline') && !class.includes('iconstepper')) && !step.isDone\"></i>\n                    <i class=\"app-icon wi wi-done\" *ngIf=\"class && (class.includes('dottedstepper') || class.includes('number')) && step.isDone\"></i>\n                    <i class=\"app-icon {{step.iconclass}}\" *ngIf=\"(class && class.includes('iconstepper')) && ((step.iconclass && !step.isDone) || (step.iconclass && step.isDone && step.doneiconclass ===''))\"></i>\n                    <i class=\"app-icon {{step.doneiconclass}}\" *ngIf=\"step.doneiconclass && step.isDone && (class && class.includes('iconstepper'))\"></i>\n                </span>\n                <span class=\"title-wrapper\">\n                    <span *ngIf=\"class && class.includes('text-inline')\">{{'0' + (i+1)}}</span>\n                    <span class=\"step-title\" [textContent]=\"step.title\"></span>\n                </span>\n                <span class=\"subtitle-wrapper\" [attr.title]=\"step.subtitle\" *ngIf=\"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            </a>    \n        </li>\n    </ul>\n</div>\n<div class=\"app-wizard-body panel-body\" role=\"tabpanel\">\n    <p wmMessage *ngIf=\"message.caption\" caption.bind=\"message.caption\" type.bind=\"message.type\"></p>\n    <ng-content ngProjectAs=\"form[wmWizardStep]\"></ng-content>\n</div>\n<div class=\"app-wizard-actions panel-footer {{actionsalignment}}\">\n    <a class=\"app-wizard-skip\" name=\"skipStep_{{name}}\" *ngIf=\"currentStep?.enableskip\" title=\"Skip step\" (click)=\"skip()\">Skip &raquo;</a>\n    <div class=\"app-wizard-actions-right\">\n        <button type=\"button\" name=\"cancelBtn_{{name}}\" class=\"btn app-button btn-default\" *ngIf=\"cancelable\"\n                (click)=\"cancel()\" [title]=\"cancelbtnlabel\" [textContent]=\"cancelbtnlabel\"></button>\n        <button type=\"button\" name=\"previousBtn_{{name}}\" class=\"btn app-button btn-default\"\n                *ngIf=\"hasPrevStep\" (click)=\"prev()\" [disabled]=\"!enablePrev\">\n            <i class=\"app-icon wi wi-chevron-left\"></i>\n            <span class=\"btn-caption\" [textContent]=\"previousbtnlabel\"></span>\n        </button>\n        <button type=\"button\" name=\"nextBtn_{{name}}\" class=\"btn app-button btn-primary\"\n                *ngIf=\"hasNextStep\" (click)=\"next()\" [disabled]=\"!enableNext\">\n            <span class=\"btn-caption\" [textContent]=\"nextbtnlabel\"></span>\n            <i class=\"app-icon wi wi-chevron-right\"></i>\n        </button>\n        <button type=\"button\" name=\"doneBtn_{{name}}\" class=\"btn app-button btn-success\"\n                *ngIf=\"showDoneBtn\" (click)=\"done()\"\n                [disabled]=\"!enableDone\">\n            <i class=\"app-icon wm-sl-l sl-check\"></i>\n            <span class=\"btn-caption\" [textContent]=\"donebtnlabel\"></span>\n        </button>\n    </div>\n</div>\n" }]
-    }], function () { return [{ type: i0.Injector }]; }, { steps: [{
+    }], () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                type: Inject,
+                args: ['EXPLICIT_CONTEXT']
+            }, {
+                type: Optional
+            }] }], { steps: [{
             type: ContentChildren,
             args: [WizardStepDirective]
         }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WizardComponent, { className: "WizardComponent", filePath: "wizard.component.ts", lineNumber: 32 }); })();
 
 const components = [
     WizardStepDirective,
@@ -687,7 +691,7 @@ class WizardModule {
             WmComponentsModule,
             FormsModule] }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WizardModule, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WizardModule, [{
         type: NgModule,
         args: [{
                 imports: [