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

package/components/containers/wizard/fesm2022/index.mjs

@@ -1,9 +1,8 @@
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i3 from '@wm/components/base';
-import { register, PROP_STRING, PROP_BOOLEAN, PROP_ANY, PROP_NUMBER, StylableComponent, RedrawableDirective, provideAsWidgetRef, styler, APPLY_STYLES_TYPE, createArrayFrom, Context, WmComponentsModule, BaseComponent } from '@wm/components/base';
+import { register, PROP_STRING, PROP_BOOLEAN, PROP_ANY, PROP_NUMBER, StylableComponent, RedrawableDirective, provideAsWidgetRef, styler, APPLY_STYLES_TYPE, createArrayFrom, Context, TextContentDirective, BaseComponent } from '@wm/components/base';
 import * as i0 from '@angular/core';
-import { Component, Self, Inject, Optional, ContentChildren, HostBinding, TemplateRef, ContentChild, Directive } from '@angular/core';
+import { HostBinding, ContentChildren, Self, Inject, Optional, Component, TemplateRef, ContentChild, Directive } from '@angular/core';
 import * as i1$1 from '@wm/core';
 import { noop } from '@wm/core';
 import * as i1 from '@angular/forms';
@@ -47,8 +46,6 @@ const registerProps$1 = () => {
     ]));
 };
 
-const _c0$1 = ["wmWizardStep", ""];
-const _c1$1 = ["*"];
 const DEFAULT_CLS$1 = 'app-wizard-step-content';
 const WIDGET_CONFIG$1 = {
     widgetType: 'wm-wizardstep',
@@ -171,194 +168,39 @@ class WizardStepComponent extends StylableComponent {
             this.wizardComponent.registerDynamicStep(this);
         }
     }
-    static { this.ɵfac = function WizardStepComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WizardStepComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.NgForm, 2), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WizardStepComponent, selectors: [["form", "wmWizardStep", ""]], contentQueries: function WizardStepComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, RedrawableDirective, 5);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.reDrawableComponents = _t);
-        } }, hostVars: 2, hostBindings: function WizardStepComponent_HostBindings(rf, ctx) { if (rf & 2) {
-            i0.ɵɵclassProp("current", ctx.isCurrent);
-        } }, exportAs: ["wmWizardStep"], standalone: true, features: [i0.ɵɵProvidersFeature([
-                provideAsWidgetRef(WizardStepComponent),
-                NgForm
-            ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], attrs: _c0$1, ngContentSelectors: _c1$1, decls: 1, vars: 0, template: function WizardStepComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵprojection(0, 0, ["partial-container-target", ""]);
-        } }, encapsulation: 2 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: WizardStepComponent, deps: [{ token: i0.Injector }, { token: i1.NgForm, self: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: WizardStepComponent, isStandalone: true, selector: "form[wmWizardStep]", host: { properties: { "class.current": "this.isCurrent" } }, providers: [
+            provideAsWidgetRef(WizardStepComponent),
+            NgForm
+        ], queries: [{ propertyName: "reDrawableComponents", predicate: RedrawableDirective, descendants: true }], exportAs: ["wmWizardStep"], usesInheritance: true, ngImport: i0, template: `<ng-content partial-container-target></ng-content>`, isInline: true }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WizardStepComponent, [{
-        type: Component,
-        args: [{
-                standalone: true,
-                selector: 'form[wmWizardStep]',
-                template: `<ng-content partial-container-target></ng-content>`,
-                providers: [
-                    provideAsWidgetRef(WizardStepComponent),
-                    NgForm
-                ],
-                exportAs: 'wmWizardStep'
-            }]
-    }], () => [{ type: i0.Injector }, { type: i1.NgForm, decorators: [{
-                type: Self
-            }] }, { type: undefined, decorators: [{
-                type: Inject,
-                args: ['EXPLICIT_CONTEXT']
-            }, {
-                type: Optional
-            }] }], { reDrawableComponents: [{
-            type: ContentChildren,
-            args: [RedrawableDirective, { descendants: true }]
-        }], isCurrent: [{
-            type: HostBinding,
-            args: ['class.current']
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WizardStepComponent, { className: "WizardStepComponent", filePath: "wizard-step/wizard-step.component.ts", lineNumber: 47 }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: WizardStepComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: 'form[wmWizardStep]',
+                    template: `<ng-content partial-container-target></ng-content>`,
+                    providers: [
+                        provideAsWidgetRef(WizardStepComponent),
+                        NgForm
+                    ],
+                    exportAs: 'wmWizardStep'
+                }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.NgForm, decorators: [{
+                    type: Self
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }], propDecorators: { reDrawableComponents: [{
+                type: ContentChildren,
+                args: [RedrawableDirective, { descendants: true }]
+            }], isCurrent: [{
+                type: 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.ɵɵelement(0, "span", 5);
-} }
-function WizardComponent_For_3_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 7);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ɵ$index_5_r4 = i0.ɵɵnextContext().$index;
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ɵ$index_5_r4 + 1);
-} }
-function WizardComponent_For_3_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 8);
-} }
-function WizardComponent_For_3_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 9);
-} }
-function WizardComponent_For_3_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i");
-} if (rf & 2) {
-    const step_r2 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵclassMapInterpolate1("app-icon ", step_r2.iconclass, "");
-} }
-function WizardComponent_For_3_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i");
-} if (rf & 2) {
-    const step_r2 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵclassMapInterpolate1("app-icon ", step_r2.doneiconclass, "");
-} }
-function WizardComponent_For_3_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span");
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ɵ$index_5_r4 = i0.ɵɵnextContext().$index;
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate("0" + (ɵ$index_5_r4 + 1));
-} }
-function WizardComponent_For_3_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "span", 13);
-    i0.ɵɵelement(1, "span", 12);
-    i0.ɵɵelementStart(2, "a", 14);
-    i0.ɵɵlistener("click", function WizardComponent_For_3_Conditional_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_r2 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵattribute("title", step_r2.subtitle);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("textContent", step_r2.subtitle);
-} }
-function WizardComponent_For_3_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "li", 3);
-    i0.ɵɵlistener("click", function WizardComponent_For_3_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", 4);
-    i0.ɵɵlistener("keydown", function WizardComponent_For_3_Template_a_keydown_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onkeydown($event)); });
-    i0.ɵɵtemplate(2, WizardComponent_For_3_Conditional_2_Template, 1, 0, "span", 5);
-    i0.ɵɵelementStart(3, "span", 6);
-    i0.ɵɵ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.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span", 11);
-    i0.ɵɵtemplate(10, WizardComponent_For_3_Conditional_10_Template, 2, 1, "span");
-    i0.ɵɵelement(11, "span", 12);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(12, WizardComponent_For_3_Conditional_12_Template, 4, 2, "span", 13);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const step_r2 = ctx.$implicit;
-    const ɵ$index_5_r4 = ctx.$index;
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("hidden", !step_r2.show)("ngClass", i0.ɵɵpureFunction3(18, _c4, step_r2.done, step_r2.active, step_r2.disabled));
-    i0.ɵɵattribute("data-stepid", step_r2.widgetId);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(22, _c5, ctx_r2.class && ctx_r2.class.includes("classic") && !step_r2.subtitle))("tabindex", step_r2.active ? "0" : "-1");
-    i0.ɵɵ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.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.class && ctx_r2.class.includes("classic") ? 2 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r2.class && ctx_r2.class.includes("number") && !step_r2.isDone ? 4 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵ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.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.class && (ctx_r2.class.includes("dottedstepper") || ctx_r2.class.includes("number")) && step_r2.isDone ? 6 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵ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.ɵɵadvance();
-    i0.ɵɵconditional(step_r2.doneiconclass && step_r2.isDone && (ctx_r2.class && ctx_r2.class.includes("iconstepper")) ? 8 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r2.class && ctx_r2.class.includes("text-inline") ? 10 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("textContent", step_r2.title);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(step_r2.subtitle ? 12 : -1);
-} }
-function WizardComponent_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "p", 15);
-} }
-function WizardComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 2);
-    i0.ɵɵtemplate(1, WizardComponent_Conditional_4_Conditional_1_Template, 1, 0, "p", 15);
-    i0.ɵɵprojection(2, 0, ["ngProjectAs", "form[wmWizardStep]", 5, ["form", "wmWizardStep", ""]]);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.message.caption ? 1 : -1);
-} }
-function WizardComponent_Conditional_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r2.nodatamessage);
-} }
-function WizardComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 2);
-    i0.ɵɵtemplate(1, WizardComponent_Conditional_5_Conditional_1_Template, 2, 1, "div");
-    i0.ɵɵprojection(2, 1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵ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.ɵɵelementContainer(0);
-} }
-function WizardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, WizardComponent_Conditional_6_ng_container_0_Template, 1, 0, "ng-container", 16);
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.wizardAction);
-} }
 const DEFAULT_CLS = 'app-wizard panel clearfix';
 const WIDGET_CONFIG = {
     widgetType: 'wm-wizard',
@@ -974,60 +816,35 @@ class WizardComponent extends StylableComponent {
         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.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1$1.DynamicComponentRefProvider), i0.ɵɵdirectiveInject(Context, 2), 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, _c0, 4, TemplateRef);
-            i0.ɵɵcontentQuery(dirIndex, WizardStepComponent, 4);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.wizardAction = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.steps = _t);
-        } }, exportAs: ["wmWizard"], standalone: true, features: [i0.ɵɵProvidersFeature([
-                provideAsWidgetRef(WizardComponent),
-                { provide: Context, useFactory: () => { return {}; }, multi: true }
-            ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵ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.ɵɵprojectionDef(_c2);
-            i0.ɵɵelementStart(0, "div", 0)(1, "ul");
-            i0.ɵɵrepeaterCreate(2, WizardComponent_For_3_Template, 13, 24, "li", 1, i0.ɵɵrepeaterTrackByIdentity);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵ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.ɵɵadvance();
-            i0.ɵɵclassMapInterpolate1("app-wizard-steps nav nav-pills ", ctx.stepClass, "");
-            i0.ɵɵadvance();
-            i0.ɵɵrepeater(ctx.steps);
-            i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.type !== "dynamic" ? 4 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.type === "dynamic" ? 5 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.fieldDefs && ctx.fieldDefs.length || ctx.type !== "dynamic" ? 6 : -1);
-        } }, dependencies: [CommonModule, i2.NgClass, i2.NgTemplateOutlet, WmComponentsModule, i3.MessageComponent, i3.TextContentDirective], encapsulation: 2 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: WizardComponent, deps: [{ token: i0.Injector }, { token: i1$1.DynamicComponentRefProvider }, { token: Context, self: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: WizardComponent, isStandalone: true, selector: "div[wmWizard]", providers: [
+            provideAsWidgetRef(WizardComponent),
+            { provide: Context, useFactory: () => { return {}; }, multi: true }
+        ], queries: [{ propertyName: "wizardAction", first: true, predicate: ["wizardAction"], read: TemplateRef }, { propertyName: "steps", predicate: WizardStepComponent }], exportAs: ["wmWizard"], usesInheritance: true, ngImport: i0, 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: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }] }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WizardComponent, [{
-        type: Component,
-        args: [{ standalone: true, imports: [CommonModule, WmComponentsModule], selector: 'div[wmWizard]', providers: [
-                    provideAsWidgetRef(WizardComponent),
-                    { provide: 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.Injector }, { type: i1$1.DynamicComponentRefProvider }, { type: Array, decorators: [{
-                type: Self
-            }, {
-                type: Inject,
-                args: [Context]
-            }] }, { type: undefined, decorators: [{
-                type: Inject,
-                args: ['EXPLICIT_CONTEXT']
-            }, {
-                type: Optional
-            }] }], { steps: [{
-            type: ContentChildren,
-            args: [WizardStepComponent]
-        }], wizardAction: [{
-            type: ContentChild,
-            args: ['wizardAction', { read: TemplateRef, descendants: false }]
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WizardComponent, { className: "WizardComponent", filePath: "wizard.component.ts", lineNumber: 51 }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: WizardComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [CommonModule, TextContentDirective], selector: 'div[wmWizard]', providers: [
+                        provideAsWidgetRef(WizardComponent),
+                        { provide: 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.Injector }, { type: i1$1.DynamicComponentRefProvider }, { type: Array, decorators: [{
+                    type: Self
+                }, {
+                    type: Inject,
+                    args: [Context]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }], propDecorators: { steps: [{
+                type: ContentChildren,
+                args: [WizardStepComponent]
+            }], wizardAction: [{
+                type: ContentChild,
+                args: ['wizardAction', { read: TemplateRef, descendants: false }]
+            }] } });
 
 const registerProps = () => {
     register('wm-wizardaction', new Map([
@@ -1046,27 +863,27 @@ 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); })();
+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
+                }] }] });
 
 /**
  * Generated bundle index. Do not edit.