@wavemaker/app-ng-runtime 11.4.0-next.28152 → 11.4.0-rc.121

app-ng-runtime/components/containers/wizard/fesm2015/index.js

@@ -28,7 +28,8 @@ const registerProps = () => {
         ['doneiconclass', Object.assign({ value: 'wi wi-done' }, PROP_STRING)],
         ['name', PROP_STRING],
         ['show', Object.assign({ value: true }, PROP_BOOLEAN)],
-        ['title', Object.assign({ value: 'Step Title' }, PROP_STRING)]
+        ['title', Object.assign({ value: 'Step Title' }, PROP_STRING)],
+        ['subtitle', PROP_STRING]
     ]));
 };
 
@@ -278,6 +279,7 @@ class WizardComponent extends StylableComponent {
                 this.setDefaultStep(step);
             }
         }
+        this.addMoreText();
     }
     /**
      * Selects the associated step when the wizard header is clicked.
@@ -301,6 +303,7 @@ class WizardComponent extends StylableComponent {
             // set the selected step as current step and make it active
             this.currentStep = currentStep;
             this.currentStep.active = true;
+            this.addMoreText();
         }
     }
     // Method to navigate to next step
@@ -328,6 +331,7 @@ class WizardComponent extends StylableComponent {
             nextStep.active = true;
             this.currentStep = nextStep;
         }
+        this.addMoreText();
     }
     // Method to navigate to previous step
     prev() {
@@ -346,6 +350,7 @@ class WizardComponent extends StylableComponent {
             prevStep.active = true;
             this.currentStep = prevStep;
         }
+        this.addMoreText();
     }
     skip() {
         this.next('skip');
@@ -359,6 +364,37 @@ class WizardComponent extends StylableComponent {
     cancel() {
         this.invokeEventCallback('cancel', { steps: this.steps.toArray() });
     }
+    addMoreText() {
+        setTimeout(() => {
+            var newWindowWidth = $(window).width();
+            if (newWindowWidth < 768) {
+                $(".app-wizard-step.current .subtitle-wrapper .step-title").css({ "height": "auto", "display": "block" });
+                var subtitleTextLength = $(".app-wizard-step.current .subtitle-wrapper .step-title").height();
+                $(".read_more").css("display", "none");
+                $(".current .subtitle-wrapper").removeClass("readmore_subtitle");
+                if (subtitleTextLength > 44) {
+                    $(".app-wizard-step.current .subtitle-wrapper .step-title").css({ "height": "44px", "display": "-webkit-box" });
+                    $(".current .read_more").css("display", "block");
+                    $(".active .read_more").css("display", "none");
+                    $(".disable .read_more").css("display", "none");
+                    $(".app-wizard-step>a").css("height", "100px");
+                }
+            }
+        });
+    }
+    readMoreSubtitle() {
+        $(".current .subtitle-wrapper").addClass("readmore_subtitle");
+        $(".current .read_more").css("display", "none");
+        $(document).on("mouseup", function (e) {
+            var container = $(".subtitle-wrapper");
+            // if the target of the click isn't the container nor a descendant of the container
+            if (!container.is(e.target) && container.has(e.target).length === 0) {
+                $(".current .subtitle-wrapper").removeClass("readmore_subtitle");
+                $(".current .read_more").css("display", "block");
+                $(document).off("mouseup");
+            }
+        });
+    }
     isFirstStep(stepRef) {
         return this.steps.first === stepRef;
     }
@@ -385,13 +421,18 @@ class WizardComponent extends StylableComponent {
     ngAfterViewInit() {
         super.ngAfterViewInit();
         styler(this.nativeElement.querySelector('.panel-body'), this, APPLY_STYLES_TYPE.INNER_SHELL);
+        setTimeout(() => {
+            if ($(window).width() < 768) {
+                $(".app-wizard").removeClass("vertical");
+            }
+        });
     }
 }
 WizardComponent.initializeProps = registerProps$1();
 WizardComponent.decorators = [
     { type: Component, args: [{
                 selector: 'div[wmWizard]',
-                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\">\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            </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",
+                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",
                 providers: [
                     provideAsWidgetRef(WizardComponent)
                 ]

app-ng-runtime/components/containers/wizard/fesm2015/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../projects/components/widgets/containers/wizard/src/wizard.props.ts","../../../../../projects/components/widgets/containers/wizard/src/wizard-step/wizard-step.props.ts","../../../../../projects/components/widgets/containers/wizard/src/wizard-step/wizard-step.directive.ts","../../../../../projects/components/widgets/containers/wizard/src/wizard.component.ts","../../../../../projects/components/widgets/containers/wizard/src/wizard.module.ts","../../../../../projects/components/widgets/containers/wizard/src/index.ts"],"sourcesContent":["import { PROP_BOOLEAN, PROP_STRING, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-wizard',\n        new Map(\n            [\n                ['actionsalignment', {value: 'right', ...PROP_STRING}],\n                ['cancelable', {value: true, ...PROP_BOOLEAN}],\n                ['cancelbtnlabel', {value: 'Cancel', ...PROP_STRING}],\n                ['class', {value: 'classic', ...PROP_STRING}],\n                ['defaultstep', {value: 'none', ...PROP_STRING}],\n                ['donebtnlabel', {value: 'Done', ...PROP_STRING}],\n                ['name', PROP_STRING],\n                ['nextbtnlabel', {value: 'Next', ...PROP_STRING}],\n                ['previousbtnlabel', {value: 'Previous', ...PROP_STRING}],\n                ['show', {value: true, ...PROP_BOOLEAN}],\n                ['stepstyle', {value: 'auto', ...PROP_STRING}]\n            ]\n        )\n    );\n};\n","import { PROP_BOOLEAN, PROP_STRING, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-wizardstep',\n        new Map(\n            [\n                ['class', PROP_STRING],\n                ['enableskip', {value: false, ...PROP_BOOLEAN}],\n                ['iconclass', {value: 'wi wi-person', ...PROP_STRING}],\n                ['doneiconclass', {value: 'wi wi-done', ...PROP_STRING}],\n                ['name', PROP_STRING],\n                ['show', {value: true, ...PROP_BOOLEAN}],\n                ['title', {value: 'Step Title', ...PROP_STRING}]\n            ]\n        )\n    );\n};\n","import { ContentChildren, Directive, HostBinding, Injector, Self } from '@angular/core';\nimport { NgForm } from '@angular/forms';\n\nimport { BaseComponent, IWidgetConfig, provideAsWidgetRef, RedrawableDirective } from '@wm/components/base';\nimport { WizardComponent } from '../wizard.component';\n\nimport { registerProps } from './wizard-step.props';\n\nconst DEFAULT_CLS = 'app-wizard-step-content';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-wizardstep',\n    hostClass: DEFAULT_CLS,\n};\n\nconst enum STEP_STATUS {\n    CURRENT = 1,\n    DISABLED,\n    COMPLETED\n}\n\n@Directive({\n    selector: 'form[wmWizardStep]',\n    providers: [\n        provideAsWidgetRef(WizardStepDirective)\n    ],\n    exportAs: 'wmWizardStep'\n})\nexport class WizardStepDirective extends BaseComponent {\n    static initializeProps = registerProps();\n\n    public show: boolean;\n    public name: string;\n    public enableskip: any;\n    public disablenext: boolean;\n    public disabledone: boolean;\n    public disableprevious: boolean;\n    public isInitialized: boolean;\n    isDone: boolean = false ;\n\n    private status: STEP_STATUS = STEP_STATUS.DISABLED;\n    private wizardComponent: WizardComponent;\n\n    // reference to the components which needs a redraw(eg, grid, chart) when the height of this component changes\n    @ContentChildren(RedrawableDirective, {descendants: true}) reDrawableComponents;\n\n    @HostBinding('class.current')\n    get isCurrent() {\n        return this.active;\n    }\n\n    /**\n     * along with the wizard form , also validate the forms\n     * if there are any inside the wizard\n     * @returns {boolean}\n     */\n    public get isValid() {\n        return (this.ngForm.valid || this.ngForm.disabled) && this.areEmbeddedFormsValid();\n    }\n\n    /**\n     * get all the forms inside the wizard if any and validate\n     * @returns {boolean}\n     */\n    private areEmbeddedFormsValid() {\n        let embeddedForms = this.getAllEmbeddedForms();\n        for (let form of embeddedForms) {\n            if (form.widget && !form.widget.ngform.valid) {\n                return false;\n            }\n        }\n        return true;\n    }\n\n    private getAllEmbeddedForms() {\n        return this.$element.find('form');\n    }\n\n    public get enableNext() {\n        return !this.disablenext;\n    }\n\n    public get enableDone() {\n        return !this.disabledone;\n    }\n\n    public get enablePrev() {\n        return !this.disableprevious;\n    }\n\n    public set active(nv: boolean) {\n        const isActive = this.active;\n        this.status = STEP_STATUS.CURRENT;\n        if (nv && !isActive) {\n            this.redrawChildren();\n        }\n    }\n\n    public get active(): boolean {\n        return this.status === STEP_STATUS.CURRENT;\n    }\n\n    public set done(nv: boolean) {\n        if (nv) {\n            this.status = STEP_STATUS.COMPLETED;\n        }\n    }\n\n    public get done(): boolean {\n        return this.status === STEP_STATUS.COMPLETED;\n    }\n\n    public set disabled(nv: boolean) {\n        if (nv) {\n            this.status = STEP_STATUS.DISABLED;\n        }\n    }\n\n    public get disabled(): boolean {\n        return this.status === STEP_STATUS.DISABLED;\n    }\n\n    constructor(inj: Injector, @Self() private ngForm: NgForm) {\n        super(inj, WIDGET_CONFIG);\n        // If we inject directly as a param in the constructor, getting circular dependency error in unit testcases\n        this.wizardComponent = this.inj.get(WizardComponent);\n    }\n\n    public invokeNextCB(index: number): boolean {\n        return this.invokeEventCallback('next', {currentStep: this, stepIndex: index});\n    }\n\n    public invokePrevCB(index: number): boolean {\n        return this.invokeEventCallback('prev', {currentStep: this, stepIndex: index});\n    }\n\n    public invokeSkipCB(index: number): boolean {\n        return this.invokeEventCallback('skip', {currentStep: this, stepIndex: index});\n    }\n\n    // redraw all the projected components which are projected.\n    private redrawChildren() {\n        setTimeout(() => {\n            if (this.reDrawableComponents) {\n                this.reDrawableComponents.forEach(c => c.redraw());\n            }\n            const stepIndex = (this as any).wizardComponent.getCurrentStepIndex();\n            this.invokeEventCallback('load', { stepIndex });\n        }, 100);\n    }\n}\n","import { AfterContentInit, AfterViewInit, Component, ContentChildren, Injector, OnInit, QueryList } from '@angular/core';\n\nimport { noop } from '@wm/core';\nimport { APPLY_STYLES_TYPE, IWidgetConfig, provideAsWidgetRef, styler, StylableComponent } from '@wm/components/base';\n\nimport { registerProps } from './wizard.props';\nimport { WizardStepDirective } from './wizard-step/wizard-step.directive';\n\nconst DEFAULT_CLS = 'app-wizard panel clearfix';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-wizard',\n    hostClass: DEFAULT_CLS\n};\n\n@Component({\n    selector: 'div[wmWizard]',\n    templateUrl: './wizard.component.html',\n    providers: [\n        provideAsWidgetRef(WizardComponent)\n    ]\n})\nexport class WizardComponent extends StylableComponent implements OnInit, AfterContentInit, AfterViewInit {\n    static initializeProps = registerProps();\n\n    @ContentChildren(WizardStepDirective) steps: QueryList<WizardStepDirective>;\n\n    public message: {caption: string, type: string};\n    public currentStep: WizardStepDirective;\n\n    public stepClass: string;\n    public class;\n    private readonly promiseResolverFn: Function;\n    public actionsalignment: any;\n    public cancelable: any;\n\n    get hasPrevStep(): boolean {\n        return !this.isFirstStep(this.currentStep);\n    }\n\n    get hasNextStep(): boolean {\n        return !this.isLastStep(this.currentStep);\n    }\n\n    get showDoneBtn(): boolean {\n        if (!this.currentStep) {\n            return;\n        }\n        return !this.hasNextStep && this.currentStep.enableDone;\n    }\n\n    get enablePrev(): boolean {\n        if (!this.currentStep) {\n            return;\n        }\n        return this.currentStep.enablePrev;\n    }\n\n    get enableNext(): boolean {\n        if (!this.currentStep) {\n            return;\n        }\n        return this.currentStep.enableNext && this.currentStep.isValid;\n    }\n\n    get enableDone(): boolean {\n        if (!this.currentStep) {\n            return;\n        }\n        return this.currentStep.enableDone && this.currentStep.isValid;\n    }\n\n    constructor(inj: Injector) {\n        let resolveFn: Function = noop;\n\n        super(inj, WIDGET_CONFIG, new Promise(res => resolveFn = res));\n        styler(this.nativeElement, this, APPLY_STYLES_TYPE.SHELL);\n\n        this.promiseResolverFn = resolveFn;\n\n        // initialize the message object with default values\n        this.message = {\n            caption: '',\n            type: ''\n        };\n    }\n\n    /**\n     * returns next valid step. the index passed is also checked if its valid step\n     * @param index\n     * @returns {WizardStepDirective}\n     */\n    private getNextValidStepFormIndex(index: number): WizardStepDirective {\n        for (let i = index; i < this.steps.length; i++) {\n            const step = this.getStepRefByIndex(i);\n            if (step.show) {\n                return step;\n            }\n        }\n    }\n\n    /**\n     * returns previous valid step. the index passed is also checked if its valid step\n     * @param index\n     * @returns {WizardStepDirective}\n     */\n    private getPreviousValidStepFormIndex(index: number): WizardStepDirective {\n        for (let i = index; i >= 0; i--) {\n            const step = this.getStepRefByIndex(i);\n            if (step.show) {\n                return step;\n            }\n        }\n    }\n\n    /**\n     * returns current step index value.\n     * @returns {number}\n     */\n    private getCurrentStepIndex(): number {\n        return this.getStepIndexByRef(this.currentStep);\n    }\n\n    /**\n     * returns stepRef when index is passed.\n     * @param {number} index\n     * @returns {WizardStepDirective}\n     */\n    private getStepRefByIndex(index: number): WizardStepDirective {\n        return this.steps.toArray()[index];\n    }\n\n    /**\n     * returns the index value of the step.\n     * @param {WizardStepDirective} wizardStep\n     * @returns {number}\n     */\n    private getStepIndexByRef(wizardStep: WizardStepDirective): number {\n        return this.steps.toArray().indexOf(wizardStep);\n    }\n\n    /**\n     * gets stepRef by searching on the name property.\n     * @param {string} name\n     * @returns {WizardStepDirective}\n     */\n    private getStepRefByName(name: string): WizardStepDirective {\n        return this.steps.find(step => step.name === name);\n    }\n\n    /**\n     * sets default step as current step if configured\n     * or finds first valid step and set it as current step.\n     * @param {WizardStepDirective} step\n     */\n    private setDefaultStep(step: WizardStepDirective) {\n        // If the default step has show true then only update the currentStep\n        if (step && step.show) {\n            this.currentStep = step;\n            step.active = true;\n            step.isInitialized = true;\n            // Mark all previous step status COMPLETED\n            let index = this.getStepIndexByRef(step) - 1;\n            while (index >= 0) {\n                const prevStep = this.getStepRefByIndex(index);\n                prevStep.done = true;\n                prevStep.isInitialized = true;\n                index--;\n            }\n        } else {\n            // set next valid step as current step\n            step = this.getNextValidStepFormIndex(0);\n            if (step) {\n                this.setDefaultStep(step);\n            }\n        }\n    }\n\n    /**\n     * Selects the associated step when the wizard header is clicked.\n     * @param $event\n     * @param {WizardStepDirective} currentStep\n     */\n    private onWizardHeaderClick($event: Event, currentStep: WizardStepDirective) {\n        // select the step if it's status is done\n        if (currentStep.done) {\n            // set all the next steps status as disabled and previous steps as done\n            this.steps.forEach((step, index) => {\n                if (index < this.getStepIndexByRef(currentStep)) {\n                   step.done = true;\n                   step.isDone = true;\n                } else {\n                    step.disabled = true;\n                    step.isDone = false;\n                }\n            });\n            // set the selected step as current step and make it active\n            this.currentStep = currentStep;\n            this.currentStep.active = true;\n        }\n    }\n\n    // Method to navigate to next step\n    public next(eventName: string = 'next') {\n        const currentStep = this.currentStep;\n        const currentStepIndex = this.getCurrentStepIndex();\n\n        let nextStep: WizardStepDirective;\n\n        // abort if onSkip method returns false\n        if (eventName === 'skip') {\n            if (currentStep.invokeSkipCB(currentStepIndex) === false) {\n                return;\n            }\n        } else if (eventName === 'next') {\n            if (currentStep.invokeNextCB(currentStepIndex) === false) {\n                return;\n            }\n        }\n        nextStep = this.getNextValidStepFormIndex(currentStepIndex + 1);\n        nextStep.isInitialized = true;\n\n        // If there are any steps which has show then only change state of current step else remain same\n        if (nextStep) {\n            currentStep.isDone = true;\n            currentStep.done = true;\n            nextStep.active = true;\n            this.currentStep = nextStep;\n        }\n    }\n    // Method to navigate to previous step\n    public prev() {\n        const currentStep = this.currentStep;\n        const currentStepIndex = this.getCurrentStepIndex();\n\n        let prevStep: WizardStepDirective;\n\n        // abort if onPrev method returns false.\n        if (currentStep.invokePrevCB(currentStepIndex) === false) {\n            return;\n        }\n\n        prevStep = this.getPreviousValidStepFormIndex(currentStepIndex - 1);\n\n        // If there are any steps which has show then only change state of current step else remain same\n        if (prevStep) {\n            currentStep.isDone = false;\n            currentStep.disabled = true;\n            prevStep.active = true;\n            this.currentStep = prevStep;\n        }\n    }\n\n    public skip() {\n        this.next('skip');\n    }\n\n    // Method to invoke on-Done event on wizard\n    public done() {\n        this.currentStep.isDone = true;\n        this.invokeEventCallback('done', {steps: this.steps.toArray()});\n    }\n    // Method to invoke on-Cancel event on wizard\n    public cancel () {\n        this.invokeEventCallback('cancel', {steps: this.steps.toArray()});\n    }\n\n    private isFirstStep(stepRef: WizardStepDirective) {\n        return this.steps.first === stepRef;\n    }\n\n    private isLastStep(stepRef: WizardStepDirective) {\n        return this.steps.last === stepRef;\n    }\n\n    // Define the property change handler. This Method will be triggered when there is a change in the widget property\n    onPropertyChange(key: string, nv: any, ov?: any) {\n        // Monitoring changes for properties and accordingly handling respective changes\n\n        if (key === 'stepstyle') {\n            this.stepClass =  nv === 'justified' ? 'nav-justified' : '';\n        } else if (key === 'defaultstep') {\n            this.setDefaultStep(this.getStepRefByName(nv));\n        } else {\n            super.onPropertyChange(key, nv, ov);\n        }\n    }\n\n    ngAfterContentInit() {\n        super.ngAfterContentInit();\n        this.promiseResolverFn();\n    }\n\n    ngAfterViewInit() {\n        super.ngAfterViewInit();\n        styler(\n            this.nativeElement.querySelector('.panel-body') as HTMLElement,\n            this,\n            APPLY_STYLES_TYPE.INNER_SHELL\n        );\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { WmComponentsModule } from '@wm/components/base';\n\nimport { WizardComponent } from './wizard.component';\nimport { WizardStepDirective} from './wizard-step/wizard-step.directive';\n\nconst components = [\n    WizardStepDirective,\n    WizardComponent\n];\n\n@NgModule({\n    imports: [\n        CommonModule,\n        WmComponentsModule\n    ],\n    declarations: [...components],\n    exports: [...components],\n    entryComponents: []\n})\nexport class WizardModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n\nexport {registerProps as ɵa} from './wizard-step/wizard-step.props';\nexport {registerProps as ɵb} from './wizard.props';"],"names":["registerProps","DEFAULT_CLS","WIDGET_CONFIG"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../projects/components/widgets/containers/wizard/src/wizard.props.ts","../../../../../projects/components/widgets/containers/wizard/src/wizard-step/wizard-step.props.ts","../../../../../projects/components/widgets/containers/wizard/src/wizard-step/wizard-step.directive.ts","../../../../../projects/components/widgets/containers/wizard/src/wizard.component.ts","../../../../../projects/components/widgets/containers/wizard/src/wizard.module.ts","../../../../../projects/components/widgets/containers/wizard/src/index.ts"],"sourcesContent":["import { PROP_BOOLEAN, PROP_STRING, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-wizard',\n        new Map(\n            [\n                ['actionsalignment', {value: 'right', ...PROP_STRING}],\n                ['cancelable', {value: true, ...PROP_BOOLEAN}],\n                ['cancelbtnlabel', {value: 'Cancel', ...PROP_STRING}],\n                ['class', {value: 'classic', ...PROP_STRING}],\n                ['defaultstep', {value: 'none', ...PROP_STRING}],\n                ['donebtnlabel', {value: 'Done', ...PROP_STRING}],\n                ['name', PROP_STRING],\n                ['nextbtnlabel', {value: 'Next', ...PROP_STRING}],\n                ['previousbtnlabel', {value: 'Previous', ...PROP_STRING}],\n                ['show', {value: true, ...PROP_BOOLEAN}],\n                ['stepstyle', {value: 'auto', ...PROP_STRING}]\n            ]\n        )\n    );\n};\n","import { PROP_BOOLEAN, PROP_STRING, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-wizardstep',\n        new Map(\n            [\n                ['class', PROP_STRING],\n                ['enableskip', {value: false, ...PROP_BOOLEAN}],\n                ['iconclass', {value: 'wi wi-person', ...PROP_STRING}],\n                ['doneiconclass', {value: 'wi wi-done', ...PROP_STRING}],\n                ['name', PROP_STRING],\n                ['show', {value: true, ...PROP_BOOLEAN}],\n                ['title', {value: 'Step Title', ...PROP_STRING}],\n                ['subtitle', PROP_STRING]\n            ]\n        )\n    );\n};\n","import { ContentChildren, Directive, HostBinding, Injector, Self } from '@angular/core';\nimport { NgForm } from '@angular/forms';\n\nimport { BaseComponent, IWidgetConfig, provideAsWidgetRef, RedrawableDirective } from '@wm/components/base';\nimport { WizardComponent } from '../wizard.component';\n\nimport { registerProps } from './wizard-step.props';\n\nconst DEFAULT_CLS = 'app-wizard-step-content';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-wizardstep',\n    hostClass: DEFAULT_CLS,\n};\n\nconst enum STEP_STATUS {\n    CURRENT = 1,\n    DISABLED,\n    COMPLETED\n}\n\n@Directive({\n    selector: 'form[wmWizardStep]',\n    providers: [\n        provideAsWidgetRef(WizardStepDirective)\n    ],\n    exportAs: 'wmWizardStep'\n})\nexport class WizardStepDirective extends BaseComponent {\n    static initializeProps = registerProps();\n\n    public show: boolean;\n    public name: string;\n    public enableskip: any;\n    public disablenext: boolean;\n    public disabledone: boolean;\n    public disableprevious: boolean;\n    public isInitialized: boolean;\n    isDone: boolean = false ;\n\n    private status: STEP_STATUS = STEP_STATUS.DISABLED;\n    private wizardComponent: WizardComponent;\n\n    // reference to the components which needs a redraw(eg, grid, chart) when the height of this component changes\n    @ContentChildren(RedrawableDirective, {descendants: true}) reDrawableComponents;\n\n    @HostBinding('class.current')\n    get isCurrent() {\n        return this.active;\n    }\n\n    /**\n     * along with the wizard form , also validate the forms\n     * if there are any inside the wizard\n     * @returns {boolean}\n     */\n    public get isValid() {\n        return (this.ngForm.valid || this.ngForm.disabled) && this.areEmbeddedFormsValid();\n    }\n\n    /**\n     * get all the forms inside the wizard if any and validate\n     * @returns {boolean}\n     */\n    private areEmbeddedFormsValid() {\n        let embeddedForms = this.getAllEmbeddedForms();\n        for (let form of embeddedForms) {\n            if (form.widget && !form.widget.ngform.valid) {\n                return false;\n            }\n        }\n        return true;\n    }\n\n    private getAllEmbeddedForms() {\n        return this.$element.find('form');\n    }\n\n    public get enableNext() {\n        return !this.disablenext;\n    }\n\n    public get enableDone() {\n        return !this.disabledone;\n    }\n\n    public get enablePrev() {\n        return !this.disableprevious;\n    }\n\n    public set active(nv: boolean) {\n        const isActive = this.active;\n        this.status = STEP_STATUS.CURRENT;\n        if (nv && !isActive) {\n            this.redrawChildren();\n        }\n    }\n\n    public get active(): boolean {\n        return this.status === STEP_STATUS.CURRENT;\n    }\n\n    public set done(nv: boolean) {\n        if (nv) {\n            this.status = STEP_STATUS.COMPLETED;\n        }\n    }\n\n    public get done(): boolean {\n        return this.status === STEP_STATUS.COMPLETED;\n    }\n\n    public set disabled(nv: boolean) {\n        if (nv) {\n            this.status = STEP_STATUS.DISABLED;\n        }\n    }\n\n    public get disabled(): boolean {\n        return this.status === STEP_STATUS.DISABLED;\n    }\n\n    constructor(inj: Injector, @Self() private ngForm: NgForm) {\n        super(inj, WIDGET_CONFIG);\n        // If we inject directly as a param in the constructor, getting circular dependency error in unit testcases\n        this.wizardComponent = this.inj.get(WizardComponent);\n    }\n\n    public invokeNextCB(index: number): boolean {\n        return this.invokeEventCallback('next', {currentStep: this, stepIndex: index});\n    }\n\n    public invokePrevCB(index: number): boolean {\n        return this.invokeEventCallback('prev', {currentStep: this, stepIndex: index});\n    }\n\n    public invokeSkipCB(index: number): boolean {\n        return this.invokeEventCallback('skip', {currentStep: this, stepIndex: index});\n    }\n\n    // redraw all the projected components which are projected.\n    private redrawChildren() {\n        setTimeout(() => {\n            if (this.reDrawableComponents) {\n                this.reDrawableComponents.forEach(c => c.redraw());\n            }\n            const stepIndex = (this as any).wizardComponent.getCurrentStepIndex();\n            this.invokeEventCallback('load', { stepIndex });\n        }, 100);\n    }\n}\n","import { AfterContentInit, AfterViewInit, Component, ContentChildren, Injector, OnInit, QueryList } from '@angular/core';\n\nimport { noop } from '@wm/core';\nimport { APPLY_STYLES_TYPE, IWidgetConfig, provideAsWidgetRef, styler, StylableComponent } from '@wm/components/base';\n\nimport { registerProps } from './wizard.props';\nimport { WizardStepDirective } from './wizard-step/wizard-step.directive';\n\nconst DEFAULT_CLS = 'app-wizard panel clearfix';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-wizard',\n    hostClass: DEFAULT_CLS\n};\n\n@Component({\n    selector: 'div[wmWizard]',\n    templateUrl: './wizard.component.html',\n    providers: [\n        provideAsWidgetRef(WizardComponent)\n    ]\n})\nexport class WizardComponent extends StylableComponent implements OnInit, AfterContentInit, AfterViewInit {\n    static initializeProps = registerProps();\n\n    @ContentChildren(WizardStepDirective) steps: QueryList<WizardStepDirective>;\n\n    public message: {caption: string, type: string};\n    public currentStep: WizardStepDirective;\n\n    public stepClass: string;\n    public class;\n    private readonly promiseResolverFn: Function;\n    public actionsalignment: any;\n    public cancelable: any;\n\n    get hasPrevStep(): boolean {\n        return !this.isFirstStep(this.currentStep);\n    }\n\n    get hasNextStep(): boolean {\n        return !this.isLastStep(this.currentStep);\n    }\n\n    get showDoneBtn(): boolean {\n        if (!this.currentStep) {\n            return;\n        }\n        return !this.hasNextStep && this.currentStep.enableDone;\n    }\n\n    get enablePrev(): boolean {\n        if (!this.currentStep) {\n            return;\n        }\n        return this.currentStep.enablePrev;\n    }\n\n    get enableNext(): boolean {\n        if (!this.currentStep) {\n            return;\n        }\n        return this.currentStep.enableNext && this.currentStep.isValid;\n    }\n\n    get enableDone(): boolean {\n        if (!this.currentStep) {\n            return;\n        }\n        return this.currentStep.enableDone && this.currentStep.isValid;\n    }\n\n    constructor(inj: Injector) {\n        let resolveFn: Function = noop;\n\n        super(inj, WIDGET_CONFIG, new Promise(res => resolveFn = res));\n        styler(this.nativeElement, this, APPLY_STYLES_TYPE.SHELL);\n\n        this.promiseResolverFn = resolveFn;\n\n        // initialize the message object with default values\n        this.message = {\n            caption: '',\n            type: ''\n        };\n    }\n\n    /**\n     * returns next valid step. the index passed is also checked if its valid step\n     * @param index\n     * @returns {WizardStepDirective}\n     */\n    private getNextValidStepFormIndex(index: number): WizardStepDirective {\n        for (let i = index; i < this.steps.length; i++) {\n            const step = this.getStepRefByIndex(i);\n            if (step.show) {\n                return step;\n            }\n        }\n    }\n\n    /**\n     * returns previous valid step. the index passed is also checked if its valid step\n     * @param index\n     * @returns {WizardStepDirective}\n     */\n    private getPreviousValidStepFormIndex(index: number): WizardStepDirective {\n        for (let i = index; i >= 0; i--) {\n            const step = this.getStepRefByIndex(i);\n            if (step.show) {\n                return step;\n            }\n        }\n    }\n\n    /**\n     * returns current step index value.\n     * @returns {number}\n     */\n    private getCurrentStepIndex(): number {\n        return this.getStepIndexByRef(this.currentStep);\n    }\n\n    /**\n     * returns stepRef when index is passed.\n     * @param {number} index\n     * @returns {WizardStepDirective}\n     */\n    private getStepRefByIndex(index: number): WizardStepDirective {\n        return this.steps.toArray()[index];\n    }\n\n    /**\n     * returns the index value of the step.\n     * @param {WizardStepDirective} wizardStep\n     * @returns {number}\n     */\n    private getStepIndexByRef(wizardStep: WizardStepDirective): number {\n        return this.steps.toArray().indexOf(wizardStep);\n    }\n\n    /**\n     * gets stepRef by searching on the name property.\n     * @param {string} name\n     * @returns {WizardStepDirective}\n     */\n    private getStepRefByName(name: string): WizardStepDirective {\n        return this.steps.find(step => step.name === name);\n    }\n\n    /**\n     * sets default step as current step if configured\n     * or finds first valid step and set it as current step.\n     * @param {WizardStepDirective} step\n     */\n    private setDefaultStep(step: WizardStepDirective) {\n        // If the default step has show true then only update the currentStep\n        if (step && step.show) {\n            this.currentStep = step;\n            step.active = true;\n            step.isInitialized = true;\n            // Mark all previous step status COMPLETED\n            let index = this.getStepIndexByRef(step) - 1;\n            while (index >= 0) {\n                const prevStep = this.getStepRefByIndex(index);\n                prevStep.done = true;\n                prevStep.isInitialized = true;\n                index--;\n            }\n        } else {\n            // set next valid step as current step\n            step = this.getNextValidStepFormIndex(0);\n            if (step) {\n                this.setDefaultStep(step);\n            }\n        }\n        this.addMoreText();   \n    }\n\n    /**\n     * Selects the associated step when the wizard header is clicked.\n     * @param $event\n     * @param {WizardStepDirective} currentStep\n     */\n    private onWizardHeaderClick($event: Event, currentStep: WizardStepDirective) {\n        // select the step if it's status is done\n        if (currentStep.done) {\n            // set all the next steps status as disabled and previous steps as done\n            this.steps.forEach((step, index) => {\n                if (index < this.getStepIndexByRef(currentStep)) {\n                   step.done = true;\n                   step.isDone = true;\n                } else {\n                    step.disabled = true;\n                    step.isDone = false;\n                }\n            });\n            // set the selected step as current step and make it active\n            this.currentStep = currentStep;\n            this.currentStep.active = true;\n            this.addMoreText();\n        }\n    }\n\n    // Method to navigate to next step\n    public next(eventName: string = 'next') {\n        const currentStep = this.currentStep;\n        const currentStepIndex = this.getCurrentStepIndex();\n\n        let nextStep: WizardStepDirective;\n\n        // abort if onSkip method returns false\n        if (eventName === 'skip') {\n            if (currentStep.invokeSkipCB(currentStepIndex) === false) {\n                return;\n            }\n        } else if (eventName === 'next') {\n            if (currentStep.invokeNextCB(currentStepIndex) === false) {\n                return;\n            }\n        }\n        nextStep = this.getNextValidStepFormIndex(currentStepIndex + 1);\n        nextStep.isInitialized = true;\n\n        // If there are any steps which has show then only change state of current step else remain same\n        if (nextStep) {\n            currentStep.isDone = true;\n            currentStep.done = true;\n            nextStep.active = true;\n            this.currentStep = nextStep;\n        }\n        this.addMoreText();\n    }\n    // Method to navigate to previous step\n    public prev() {\n        const currentStep = this.currentStep;\n        const currentStepIndex = this.getCurrentStepIndex();\n\n        let prevStep: WizardStepDirective;\n\n        // abort if onPrev method returns false.\n        if (currentStep.invokePrevCB(currentStepIndex) === false) {\n            return;\n        }\n\n        prevStep = this.getPreviousValidStepFormIndex(currentStepIndex - 1);\n\n        // If there are any steps which has show then only change state of current step else remain same\n        if (prevStep) {\n            currentStep.isDone = false;\n            currentStep.disabled = true;\n            prevStep.active = true;\n            this.currentStep = prevStep;\n        }\n        this.addMoreText();\n    }\n\n    public skip() {\n        this.next('skip');\n    }\n\n    // Method to invoke on-Done event on wizard\n    public done() {\n        this.currentStep.isDone = true;\n        this.invokeEventCallback('done', {steps: this.steps.toArray()});\n    }\n    // Method to invoke on-Cancel event on wizard\n    public cancel () {\n        this.invokeEventCallback('cancel', {steps: this.steps.toArray()});\n    }\n    public addMoreText(){\n        setTimeout(() => {   \n\n            \n        var newWindowWidth = $(window).width();\n        if(newWindowWidth < 768){\n        $(\".app-wizard-step.current .subtitle-wrapper .step-title\").css({\"height\":\"auto\",\"display\":\"block\"});    \n        var subtitleTextLength = $(\".app-wizard-step.current .subtitle-wrapper .step-title\").height();\n        $(\".read_more\").css(\"display\",\"none\");\n        $(\".current .subtitle-wrapper\").removeClass(\"readmore_subtitle\");\n\n        if(subtitleTextLength>44){\n            $(\".app-wizard-step.current .subtitle-wrapper .step-title\").css({\"height\":\"44px\",\"display\":\"-webkit-box\"});\n            $(\".current .read_more\").css(\"display\",\"block\");\n            $(\".active .read_more\").css(\"display\",\"none\");\n            $(\".disable .read_more\").css(\"display\",\"none\");\n            $(\".app-wizard-step>a\").css(\"height\",\"100px\")\n            }\n        }\n    });\n  \n    }\n    public readMoreSubtitle(){\n        $(\".current .subtitle-wrapper\").addClass(\"readmore_subtitle\");\n        $(\".current .read_more\").css(\"display\",\"none\");  \n        $(document).on(\"mouseup\",function(e:any) \n        {\n            var container = $(\".subtitle-wrapper\");\n            // if the target of the click isn't the container nor a descendant of the container\n            if (!container.is(e.target) && container.has(e.target).length === 0) \n            {\n                $(\".current .subtitle-wrapper\").removeClass(\"readmore_subtitle\");\n                $(\".current .read_more\").css(\"display\",\"block\"); \n                $(document).off(\"mouseup\");\n            }\n        });\n    }\n    \n    private isFirstStep(stepRef: WizardStepDirective) {\n        return this.steps.first === stepRef;\n    }\n\n    private isLastStep(stepRef: WizardStepDirective) {\n        return this.steps.last === stepRef;\n    }\n\n    // Define the property change handler. This Method will be triggered when there is a change in the widget property\n    onPropertyChange(key: string, nv: any, ov?: any) {\n        // Monitoring changes for properties and accordingly handling respective changes\n\n        if (key === 'stepstyle') {\n            this.stepClass =  nv === 'justified' ? 'nav-justified' : '';\n        } else if (key === 'defaultstep') {\n            this.setDefaultStep(this.getStepRefByName(nv));\n        } else {\n            super.onPropertyChange(key, nv, ov);\n        }\n    }\n\n    ngAfterContentInit() {\n        super.ngAfterContentInit();\n        this.promiseResolverFn();\n    }\n\n    ngAfterViewInit() {\n        super.ngAfterViewInit();\n        styler(\n            this.nativeElement.querySelector('.panel-body') as HTMLElement,\n            this,\n            APPLY_STYLES_TYPE.INNER_SHELL\n        );\n        setTimeout(() => { if($(window).width()<768){\n            $(\".app-wizard\").removeClass(\"vertical\");\n      } \n    });\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { WmComponentsModule } from '@wm/components/base';\n\nimport { WizardComponent } from './wizard.component';\nimport { WizardStepDirective} from './wizard-step/wizard-step.directive';\n\nconst components = [\n    WizardStepDirective,\n    WizardComponent\n];\n\n@NgModule({\n    imports: [\n        CommonModule,\n        WmComponentsModule\n    ],\n    declarations: [...components],\n    exports: [...components],\n    entryComponents: []\n})\nexport class WizardModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n\nexport {registerProps as ɵa} from './wizard-step/wizard-step.props';\nexport {registerProps as ɵb} from './wizard.props';"],"names":["registerProps","DEFAULT_CLS","WIDGET_CONFIG"],"mappings":"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"}

app-ng-runtime/components/containers/wizard/index.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"WizardModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":8},{"__symbolic":"reference","module":"@wm/components/base","name":"WmComponentsModule","line":16,"character":8}],"declarations":[{"__symbolic":"reference","name":"WizardStepDirective"},{"__symbolic":"reference","name":"WizardComponent"}],"exports":[{"__symbolic":"reference","name":"WizardStepDirective"},{"__symbolic":"reference","name":"WizardComponent"}],"entryComponents":[]}]}],"members":{}},"WizardComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"StylableComponent","line":21,"character":37},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"div[wmWizard]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":18,"character":8},"arguments":[{"__symbolic":"reference","name":"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\">\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            </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"}]}],"members":{"steps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":24,"character":5},"arguments":[{"__symbolic":"reference","name":"WizardStepDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":71,"character":21}]}],"getNextValidStepFormIndex":[{"__symbolic":"method"}],"getPreviousValidStepFormIndex":[{"__symbolic":"method"}],"getCurrentStepIndex":[{"__symbolic":"method"}],"getStepRefByIndex":[{"__symbolic":"method"}],"getStepIndexByRef":[{"__symbolic":"method"}],"getStepRefByName":[{"__symbolic":"method"}],"setDefaultStep":[{"__symbolic":"method"}],"onWizardHeaderClick":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"prev":[{"__symbolic":"method"}],"skip":[{"__symbolic":"method"}],"done":[{"__symbolic":"method"}],"cancel":[{"__symbolic":"method"}],"isFirstStep":[{"__symbolic":"method"}],"isLastStep":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵb"}}}},"WizardStepDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"BaseComponent","line":27,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":20,"character":1},"arguments":[{"selector":"form[wmWizardStep]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":23,"character":8},"arguments":[{"__symbolic":"reference","name":"WizardStepDirective"}]}],"exportAs":"wmWizardStep"}]}],"members":{"reDrawableComponents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":43,"character":5},"arguments":[{"__symbolic":"reference","module":"@wm/components/base","name":"RedrawableDirective","line":43,"character":21},{"descendants":true}]}]}],"isCurrent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":45,"character":5},"arguments":["class.current"]}]}],"areEmbeddedFormsValid":[{"__symbolic":"method"}],"getAllEmbeddedForms":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":121,"character":32}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":121,"character":21},{"__symbolic":"reference","module":"@angular/forms","name":"NgForm","line":121,"character":55}]}],"invokeNextCB":[{"__symbolic":"method"}],"invokePrevCB":[{"__symbolic":"method"}],"invokeSkipCB":[{"__symbolic":"method"}],"redrawChildren":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵa"}}}},"ɵa":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./wizard-step/wizard-step.props"},"ɵb":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./wizard.props"}},"origins":{"WizardModule":"./wizard.module","WizardComponent":"./wizard.component","WizardStepDirective":"./wizard-step/wizard-step.directive","ɵa":"./wizard-step/wizard-step.props","ɵb":"./wizard.props"},"importAs":"@wm/components/containers/wizard"}
+{"__symbolic":"module","version":4,"metadata":{"WizardModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":8},{"__symbolic":"reference","module":"@wm/components/base","name":"WmComponentsModule","line":16,"character":8}],"declarations":[{"__symbolic":"reference","name":"WizardStepDirective"},{"__symbolic":"reference","name":"WizardComponent"}],"exports":[{"__symbolic":"reference","name":"WizardStepDirective"},{"__symbolic":"reference","name":"WizardComponent"}],"entryComponents":[]}]}],"members":{}},"WizardComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"StylableComponent","line":21,"character":37},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"div[wmWizard]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":18,"character":8},"arguments":[{"__symbolic":"reference","name":"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"}]}],"members":{"steps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":24,"character":5},"arguments":[{"__symbolic":"reference","name":"WizardStepDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":71,"character":21}]}],"getNextValidStepFormIndex":[{"__symbolic":"method"}],"getPreviousValidStepFormIndex":[{"__symbolic":"method"}],"getCurrentStepIndex":[{"__symbolic":"method"}],"getStepRefByIndex":[{"__symbolic":"method"}],"getStepIndexByRef":[{"__symbolic":"method"}],"getStepRefByName":[{"__symbolic":"method"}],"setDefaultStep":[{"__symbolic":"method"}],"onWizardHeaderClick":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"prev":[{"__symbolic":"method"}],"skip":[{"__symbolic":"method"}],"done":[{"__symbolic":"method"}],"cancel":[{"__symbolic":"method"}],"addMoreText":[{"__symbolic":"method"}],"readMoreSubtitle":[{"__symbolic":"method"}],"isFirstStep":[{"__symbolic":"method"}],"isLastStep":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵb"}}}},"WizardStepDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"BaseComponent","line":27,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":20,"character":1},"arguments":[{"selector":"form[wmWizardStep]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":23,"character":8},"arguments":[{"__symbolic":"reference","name":"WizardStepDirective"}]}],"exportAs":"wmWizardStep"}]}],"members":{"reDrawableComponents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":43,"character":5},"arguments":[{"__symbolic":"reference","module":"@wm/components/base","name":"RedrawableDirective","line":43,"character":21},{"descendants":true}]}]}],"isCurrent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":45,"character":5},"arguments":["class.current"]}]}],"areEmbeddedFormsValid":[{"__symbolic":"method"}],"getAllEmbeddedForms":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":121,"character":32}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":121,"character":21},{"__symbolic":"reference","module":"@angular/forms","name":"NgForm","line":121,"character":55}]}],"invokeNextCB":[{"__symbolic":"method"}],"invokePrevCB":[{"__symbolic":"method"}],"invokeSkipCB":[{"__symbolic":"method"}],"redrawChildren":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵa"}}}},"ɵa":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./wizard-step/wizard-step.props"},"ɵb":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./wizard.props"}},"origins":{"WizardModule":"./wizard.module","WizardComponent":"./wizard.component","WizardStepDirective":"./wizard-step/wizard-step.directive","ɵa":"./wizard-step/wizard-step.props","ɵb":"./wizard.props"},"importAs":"@wm/components/containers/wizard"}

app-ng-runtime/components/containers/wizard/wizard.component.d.ts

@@ -73,6 +73,8 @@ export declare class WizardComponent extends StylableComponent implements OnInit
     skip(): void;
     done(): void;
     cancel(): void;
+    addMoreText(): void;
+    readMoreSubtitle(): void;
     private isFirstStep;
     private isLastStep;
     onPropertyChange(key: string, nv: any, ov?: any): void;

app-ng-runtime/components/data/form/bundles/index.umd.js

@@ -436,16 +436,21 @@
         };
     };
     var ɵ2 = findInvalidElement;
-    var setTouchedState = function (ngForm) {
+    var setTouchedState = function (self, ngForm, fieldName) {
+        var _a, _b;
         if (ngForm.valid) {
             return;
         }
         if (ngForm.controls) {
-            _.forEach(ngForm.controls, function (ctrl) {
-                setTouchedState(ctrl);
+            _.forEach(ngForm.controls, function (ctrl, fieldName) {
+                setTouchedState(self, ctrl, fieldName);
             });
         }
         else {
+            var element = self.$element.find("[wmformfield][key=\"" + fieldName + "\"]");
+            element[0].setAttribute('__errormsg', element[0].getAttribute('__validationId'));
+            (_a = element[0].querySelector('input')) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-invalid', ngForm.invalid);
+            (_b = element[0].querySelector('input')) === null || _b === void 0 ? void 0 : _b.setAttribute('aria-describedby', element[0].getAttribute('__validationId'));
             ngForm.markAsTouched();
         }
     };
@@ -766,7 +771,7 @@
         };
         // This method loops through the form fields and highlights the invalid fields by setting state to touched
         FormComponent.prototype.highlightInvalidFields = function () {
-            setTouchedState(this.ngform);
+            setTouchedState(this, this.ngform, '');
         };
         // Disable the form submit if form is in invalid state. Highlight all the invalid fields if validation type is default
         FormComponent.prototype.validateFieldsOnSubmit = function () {
@@ -1357,8 +1362,8 @@
         FormComponent.prototype.generateFormFields = function () {
             return __awaiter(this, void 0, void 0, function () {
                 var noOfColumns, $gridLayout, columnWidth, fieldTemplate, colCount, index, userFields, fields, colTmpl, componentFactoryRef, component;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
                         case 0:
                             // Check if grid layout is present or not for first time
                             if (_.isUndefined(this._isGridLayoutPresent)) {
@@ -1416,7 +1421,7 @@
                                     transpile: true
                                 })];
                         case 1:
-                            componentFactoryRef = _b.sent();
+                            componentFactoryRef = _c.sent();
                             component = this.dynamicFormRef.createComponent(componentFactoryRef, 0, this.inj);
                             core.extendProto(component.instance, this._dynamicContext);
                             $gridLayout[0].appendChild(component.location.nativeElement);
@@ -1828,10 +1833,20 @@
             $($evt.target).closest('.live-field').addClass('active');
         };
         FormFieldDirective.prototype._onBlurField = function ($evt) {
-            var _a, _b;
+            var _a, _b, _c, _d;
             $($evt.target).closest('.live-field').removeClass('active');
-            (_a = this.nativeElement.querySelector('input')) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-invalid', "" + this.ngform.controls[this._fieldName].invalid);
-            (_b = this.nativeElement.querySelector('input')) === null || _b === void 0 ? void 0 : _b.setAttribute('aria-describedby', "" + this.nativeElement.getAttribute('__errormsg'));
+            var ele = this.nativeElement.querySelector('p.text-danger');
+            // Fix for [WMS-23959]: ADA issue - adding aria-describedby, aria-invalid, __errormsg attributes only when the form field is invalid , else removing the attributes
+            if (this.ngform.controls[this._fieldName].invalid && this.ngform.controls[this._fieldName].touched && this.form.isUpdateMode) {
+                this.nativeElement.setAttribute('__errormsg', "" + this.nativeElement.getAttribute('__validationId'));
+                (_a = this.nativeElement.querySelector('input')) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-invalid', "" + this.ngform.controls[this._fieldName].invalid);
+                (_b = this.nativeElement.querySelector('input')) === null || _b === void 0 ? void 0 : _b.setAttribute('aria-describedby', "" + this.nativeElement.getAttribute('__validationId'));
+            }
+            else {
+                this.nativeElement.removeAttribute('__errormsg');
+                (_c = this.nativeElement.querySelector('input')) === null || _c === void 0 ? void 0 : _c.removeAttribute('aria-invalid');
+                (_d = this.nativeElement.querySelector('input')) === null || _d === void 0 ? void 0 : _d.removeAttribute('aria-describedby');
+            }
             this._activeField = false;
             this._triggeredByUser = false;
             this._clicktriggeredByUser = false;
@@ -2067,7 +2082,7 @@
         };
         // On field value change, propagate event to parent form
         FormFieldDirective.prototype.onValueChange = function (val) {
-            var _a, _b;
+            var _a, _b, _c, _d;
             if (!this.isDestroyed) {
                 var captionEl = $(this.nativeElement).find('.caption-floating');
                 if (captionEl.length > 0) {
@@ -2077,8 +2092,17 @@
                     var hasValue = ((core.isDefined(val) && val !== '' && val !== null) || captionEl.find('input').val()) || captionEl.find('input:-webkit-autofill').length;
                     this.app.notify('captionPositionAnimate', { displayVal: hasValue, nativeEl: captionEl, isSelectMultiple: this.formWidget && this.formWidget.multiple, isFocused: this._activeField });
                 }
-                (_a = this.nativeElement.querySelector('input')) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-invalid', this._triggeredByUser && this.ngform.controls[this._fieldName].invalid ? 'true' : 'false');
-                (_b = this.nativeElement.querySelector('input')) === null || _b === void 0 ? void 0 : _b.setAttribute('aria-describedby', "" + this.nativeElement.getAttribute('__errormsg'));
+                // Fix for [WMS-23959]: ADA issue - adding aria-describedby, aria-invalid, __errormsg attributes only when the form field is invalid , else removing the attributes
+                if (this.ngform.controls[this._fieldName].invalid && this.ngform.controls[this._fieldName].touched && this.form.isUpdateMode) {
+                    this.nativeElement.setAttribute('__errormsg', "" + this.nativeElement.getAttribute('__validationId'));
+                    (_a = this.nativeElement.querySelector('input')) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-invalid', this._triggeredByUser && this.ngform.controls[this._fieldName].invalid ? 'true' : 'false');
+                    (_b = this.nativeElement.querySelector('input')) === null || _b === void 0 ? void 0 : _b.setAttribute('aria-describedby', "" + this.nativeElement.getAttribute('__validationId'));
+                }
+                else {
+                    this.nativeElement.removeAttribute('__errormsg');
+                    (_c = this.nativeElement.querySelector('input')) === null || _c === void 0 ? void 0 : _c.removeAttribute('aria-invalid');
+                    (_d = this.nativeElement.querySelector('input')) === null || _d === void 0 ? void 0 : _d.removeAttribute('aria-describedby');
+                }
                 this.form.onFieldValueChange(this, val);
                 this.notifyChanges();
                 // Do mark as touched, only incase when user has entered an input but not through the script. Hence added mousedown event check