@wavemaker/app-ng-runtime 11.4.0-next.28701 → 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/list/bundles/index.umd.js

@@ -1356,9 +1356,10 @@
             }
         };
         // Triggers after the sorting.
-        ListComponent.prototype.onUpdate = function (evt, ui) {
+        ListComponent.prototype.onUpdate = function (evt, ui, presentIndex) {
             var data = this.fieldDefs;
-            var newIndex = ui.item.index();
+            // If ui is not present then it is called from drag and drop using keyboard
+            var newIndex = ui === undefined ? presentIndex : ui.item.index();
             var oldIndex = this.$ulEle.data('oldIndex');
             var minIndex = _.min([newIndex, oldIndex]);
             var maxIndex = _.max([newIndex, oldIndex]);
@@ -1462,7 +1463,7 @@
             return this.datasource.execute(operation, options);
         };
         ListComponent.prototype.handleKeyDown = function ($event, action) {
-            var _this = this;
+            var _d, _e;
             $event.stopPropagation();
             if ($event.keyCode !== 13 && $event.keyCode !== 9 && !(($event.target.classList.contains('form-control') || $event.target.classList.contains('note-editable')) && $event.keyCode === 32)) {
                 $event.preventDefault();
@@ -1505,27 +1506,20 @@
             }
             if (action === 'focusPrev') {
                 if (this.isListElementMovable) {
-                    var prev_1;
                     presentIndex = presentIndex <= 0 ? 0 : (presentIndex);
-                    this.lastSelectedItem = this.getListItemByIndex(presentIndex);
                     if (presentIndex === 0) {
-                        prev_1 = this.listItems.last;
                         return;
                     }
-                    this.listItems.forEach(function ($liItem, idx) {
-                        if (idx === presentIndex) {
-                            prev_1.nativeElement.before($liItem.nativeElement);
-                            _this.lastSelectedItem.nativeElement.focus();
-                            var arr = _this.listItems.toArray();
-                            var temp = arr[presentIndex];
-                            arr[presentIndex] = arr[presentIndex - 1];
-                            arr[presentIndex - 1] = temp;
-                            _this.listItems.reset(arr);
-                            _this.currentIndex = presentIndex;
-                            _this.ariaText = "selected ";
-                        }
-                        prev_1 = $liItem;
-                    });
+                    this.lastSelectedItem = this.getListItemByIndex(presentIndex);
+                    var prevElt = this.getListItemByIndex(presentIndex - 1);
+                    prevElt.nativeElement.before(this.lastSelectedItem.nativeElement);
+                    this.lastSelectedItem.nativeElement.focus();
+                    this.statePersistence.removeWidgetState(this, 'selectedItem');
+                    var arr = this.listItems.toArray();
+                    _d = __read([arr[presentIndex], arr[presentIndex - 1]], 2), arr[presentIndex - 1] = _d[0], arr[presentIndex] = _d[1];
+                    this.listItems.reset(arr);
+                    this.currentIndex = presentIndex;
+                    this.ariaText = "selected ";
                 }
                 else {
                     presentIndex = presentIndex <= 0 ? 0 : (presentIndex - 1);
@@ -1537,27 +1531,20 @@
             }
             else if (action === 'focusNext') {
                 if (this.isListElementMovable) {
-                    var prev_2;
                     presentIndex = presentIndex < (listItems.length - 1) ? (presentIndex) : (listItems.length - 1);
-                    this.lastSelectedItem = this.getListItemByIndex(presentIndex);
                     if (presentIndex === this.listItems.length - 1) {
-                        prev_2 = this.listItems.first;
                         return;
                     }
-                    this.listItems.forEach(function ($liItem, idx) {
-                        if (idx === presentIndex + 1) {
-                            prev_2.nativeElement.before($liItem.nativeElement);
-                            _this.lastSelectedItem.nativeElement.focus();
-                            var arr = _this.listItems.toArray();
-                            var temp = arr[presentIndex + 1];
-                            arr[presentIndex + 1] = arr[presentIndex];
-                            arr[presentIndex] = temp;
-                            _this.listItems.reset(arr);
-                            _this.currentIndex = idx + 1;
-                            _this.ariaText = "selected ";
-                        }
-                        prev_2 = $liItem;
-                    });
+                    this.lastSelectedItem = this.getListItemByIndex(presentIndex);
+                    var nextElt = this.getListItemByIndex(presentIndex + 1);
+                    nextElt.nativeElement.after(this.lastSelectedItem.nativeElement);
+                    this.lastSelectedItem.nativeElement.focus();
+                    this.statePersistence.removeWidgetState(this, 'selectedItem');
+                    var arr = this.listItems.toArray();
+                    _e = __read([arr[presentIndex + 1], arr[presentIndex]], 2), arr[presentIndex] = _e[0], arr[presentIndex + 1] = _e[1];
+                    this.listItems.reset(arr);
+                    this.currentIndex = presentIndex + 2;
+                    this.ariaText = "selected ";
                 }
                 else {
                     presentIndex = presentIndex < (listItems.length - 1) ? (presentIndex + 1) : (listItems.length - 1);
@@ -1583,12 +1570,13 @@
                 this.isListElementMovable = !this.isListElementMovable;
                 this.onItemClick($event, this.getListItemByIndex(presentIndex));
                 this.currentIndex = presentIndex + 1;
-                var name = this.getListItemByIndex(presentIndex).item.name;
                 if (this.isListElementMovable) {
-                    this.ariaText = name + " grabbed, current position ";
+                    this.ariaText = "Item " + this.currentIndex + " grabbed, current position ";
+                    this.$ulEle.data('oldIndex', presentIndex);
                 }
                 else {
-                    this.ariaText = name + " dropped, final position ";
+                    this.ariaText = "Item " + this.currentIndex + " dropped, final position ";
+                    this.onUpdate($event, undefined, presentIndex);
                 }
             }
         };
@@ -1641,11 +1629,13 @@
                 this.dataNavigator.maxResults = nv;
             }
             else if (key === 'enablereorder') {
-                if (nv) {
+                if (nv && this.$ulEle) {
+                    this.$ulEle.attr('aria-describedby', this.titleId);
                     this.configureDnD();
                     this.$ulEle.sortable('enable');
                 }
                 else if (this.$ulEle && !nv) {
+                    this.$ulEle.removeAttr('aria-describedby');
                     this.$ulEle.sortable('disable');
                 }
             }
@@ -1815,9 +1805,18 @@
                 _super.prototype.ngAfterViewInit.call(_this);
                 _this.setUpCUDHandlers();
                 _this.selectedItemWidgets = _this.multiselect ? [] : {};
+                var ele = $(_this.nativeElement).find('.app-livelist-container');
                 if (_this.enablereorder && !_this.groupby) {
+                    if (ele) {
+                        ele.attr('aria-describedby', _this.titleId);
+                    }
                     _this.configureDnD();
                 }
+                if (!_this.enablereorder) {
+                    if (ele) {
+                        ele.removeAttr('aria-describedby');
+                    }
+                }
                 if (_this.groupby && _this.collapsible) {
                     _this.handleHeaderClick = base.handleHeaderClick;
                     _this.toggleAllHeaders = base.toggleAllHeaders.bind(undefined, _this);
@@ -1827,6 +1826,16 @@
             this.setupHandlers();
             var $ul = this.nativeElement.querySelector('ul.app-livelist-container');
             base.styler($ul, this, base.APPLY_STYLES_TYPE.SCROLLABLE_CONTAINER);
+            if (this.enablereorder) {
+                if ($ul) {
+                    $ul.setAttribute('aria-describedby', this.titleId);
+                }
+            }
+            if (!this.enablereorder) {
+                if ($ul) {
+                    $ul.removeAttribute('aria-describedby');
+                }
+            }
             if (core.isMobileApp() && $ul.querySelector('.app-list-item-action-panel')) {
                 this._listAnimator = new ListAnimator(this);
             }
@@ -1848,7 +1857,7 @@
     ListComponent.decorators = [
         { type: core$1.Component, args: [{
                     selector: 'div[wmList]',
-                    template: "<div class=\"panel-heading\" *ngIf=\"title || subheading || iconclass\">\n    <h3 class=\"panel-title\">\n        <div class=\"pull-left\">\n            <i class=\"app-icon panel-icon {{iconclass}}\" aria-hidden=\"true\" [hidden]=\"!iconclass\"></i>\n        </div>\n        <div class=\"pull-left\">\n            <div class=\"heading\" [innerHTML]=\"title\"></div>\n            <div class=\"description\" [innerHTML]=\"subheading\"></div>\n        </div>\n    </h3>\n</div>\n\n<nav class=\"app-datanavigator\" [attr.aria-disabled]=\"dataNavigator.isDisablePrevious\" aria-label=\"Page navigation\" *ngIf=\"navigation === 'Inline' && !noDataFound\">\n    <ul class=\"pager\">\n        <li class=\"previous\" [ngClass]=\"{'disabled': (dataNavigator ? dataNavigator.isDisablePrevious : true)}\">\n            <a href=\"javascript:void(0);\" (click)=\"dataNavigator.navigatePage('prev', $event)\">\n                <i class=\"wi wi-chevron-left\" aria-hidden=\"true\"></i>\n                <span class=\"sr-only\">Previous</span>\n            </a>\n        </li>\n    </ul>\n</nav>\n<div *ngIf=\"navigation === 'Inline' && !noDataFound\" aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\"> {{'Item ' + dataNavigator.dn.currentPage + ' of ' + dataNavigator.pageCount }}</div>\n\n<div>\n    <div id={{titleId}} class=\"sr-only\" *ngIf=\"enablereorder\">\n        Press space bar to toggle drag drop mode, use arrow keys to move selected elements.\n    </div>\n\n    <div aria-live=\"assertive\" *ngIf=\"listItems && enablereorder && currentIndex\" class=\"sr-only\" >\n        {{ariaText + currentIndex + ' of ' +  listItems.length}}\n    </div>    \n</div>\n\n<ul [attr.tabindex]=\"tabindex\" [attr.aria-describedby] = \"titleId\"  class=\"app-livelist-container clearfix {{direction === 'horizontal' ? 'app-horizontal-list': ''}} {{listclass}}\" role=\"list\"\n    (keydown.enter)=\"handleKeyDown($event, 'select')\"\n\n    (keydown.space)=\"handleKeyDown($event, 'space')\"\n\n    (keydown.arrowup)=\"handleKeyDown($event, 'focusPrev')\"\n    (keydown.arrowdown)=\"handleKeyDown($event, 'focusNext')\"\n    (keydown.arrowleft)=\"handleKeyDown($event, 'focusPrev')\"\n    (keydown.arrowright)=\"handleKeyDown($event, 'focusNext')\"\n\n    (keydown.shift.arrowup)=\"handleKeyDown($event, 'selectPrev')\"\n    (keydown.shift.arrowdown)=\"handleKeyDown($event, 'selectNext')\"\n    (keydown.shift.arrowleft)=\"handleKeyDown($event, 'selectPrev')\"\n    (keydown.shift.arrowright)=\"handleKeyDown($event, 'selectNext')\"\n    [hidden]=\"noDataFound && !variableInflight\"\n>\n    <ng-template [ngIf]=\"!groupby\" [ngIfElse]=\"groupedListTemplate\">\n        <li *ngFor=\"let item of fieldDefs; index as $index; first as $first; last as $last;\" class=\"app-list-item {{direction === 'horizontal' ? '' : itemsPerRowClass}}\" [ngClass]=\"listItemRef.itemClass\"\n            [wmListItem]=\"item\"\n            #listItemRef=\"listItemRef\"\n            [attr.tabindex]=\"tabindex\"\n            role=\"listitem\">\n            <ng-container [ngTemplateOutlet]=\"listTemplate\" [ngTemplateOutletContext]=\"{item: item, $index: $index, itemRef: listItemRef, $first: $first, $last: $last, currentItemWidgets: listItemRef.currentItemWidgets}\"></ng-container>\n        </li>\n    </ng-template>\n    <ng-container [ngTemplateOutlet]=\"listLeftActionTemplate\"></ng-container>\n    <ng-container [ngTemplateOutlet]=\"listRightActionTemplate\"></ng-container>\n</ul>\n\n<div class=\"no-data-msg\" *ngIf=\"noDataFound && !variableInflight\" [textContent]=\"nodatamessage\"></div>\n\n<div class=\"loading-data-msg\" *ngIf=\"variableInflight && !pulltorefresh\">\n    <span>\n        <i class=\"app-icon panel-icon fa-spin\" aria-hidden=\"true\" [ngClass]=\"loadingicon\"></i>\n        <span class=\"sr-only\">Loading</span>\n        <span class=\"loading-text\" [textContent]=\"loadingdatamsg\"></span>\n    </span>\n</div>\n\n<nav class=\"app-datanavigator\" [attr.aria-disabled]=\"dataNavigator.isDisableNext\" *ngIf=\"navigation === 'Inline' && !noDataFound\">\n    <ul class=\"pager\">\n        <li class=\"next\" [ngClass]=\"{'disabled': (dataNavigator ? dataNavigator.isDisableNext  : true)}\">\n            <a href=\"javascript:void(0);\" (click)=\"dataNavigator.navigatePage('next', $event)\">\n                <i class=\"wi wi-chevron-right\" aria-hidden=\"true\"></i>\n                <span class=\"sr-only\">Next</span>\n            </a>\n        </li>\n    </ul>\n</nav>\n\n<div class=\"panel-footer\" *ngIf=\"navigation !== 'None'\" [hidden]=\"!showNavigation || (onDemandLoad && dataNavigator.isDisableNext) || (dataNavigator.dataSize <= pagesize) || (!dataNavigator.dataSize && !dataNavigator.datasource?.pagination?.next)\">\n    <nav wmPagination\n         navigationalign.bind=\"navigationalign\"\n         navigation.bind=\"navControls\"\n         showrecordcount.bind=\"showrecordcount\"\n         maxsize.bind=\"maxsize\"\n         boundarylinks.bind=\"boundarylinks\"\n         forceellipses.bind=\"forceellipses\"\n         directionlinks.bind=\"directionlinks\"\n         show.bind=\"!onDemandLoad\"\n         paginationchange.event=\"beforePaginationChange($event, $index)\"\n    ></nav>\n    <a *ngIf=\"onDemandLoad\" href=\"javascript:void(0);\"\n       (click)=\"dataNavigator.navigatePage('next', $event)\"\n       class=\"app-button btn btn-block\"\n       [ngClass]=\"paginationclass\"\n       [textContent]=\"ondemandmessage\"\n    ></a>\n</div>\n\n<!--This template will be displayed when groupby is specified-->\n<ng-template #groupedListTemplate>\n    <li *ngFor=\"let groupObj of groupedData\" class=\"app-list-item-group clearfix\">\n        <ul [attr.tabindex]=\"tabindex\" class=\"list-group item-group\" [ngClass]=\"listclass\">\n            <li class=\"app-list-item-header list-item list-group-header\" (click)=\"handleHeaderClick($event)\" [ngClass]=\"{'collapsible-content': collapsible}\">\n            <h4>{{groupObj.key}}\n                <div class=\"header-action\">\n                    <i class=\"app-icon wi action wi-chevron-up\" *ngIf=\"collapsible\"></i>\n                    <span *ngIf=\"showcount\" class=\"label label-default\">{{groupObj.data.length}}</span>\n                    </div>\n                </h4>\n            </li>\n            <ul class=\"list-group clearfix {{direction === 'horizontal' ? 'app-horizontal-list': ''}}\">\n                <li *ngFor=\"let item of groupObj.data; index as $index; first as $first; last as $last;\" [attr.tabindex]=\"tabindex\"\n                    class=\"app-list-item group-list-item {{itemsPerRowClass}}\"\n                    [ngClass]=\"listItemRef.itemClass\"\n                    [wmListItem]=\"item\" #listItemRef=\"listItemRef\">\n                    <ng-container [ngTemplateOutlet]=\"listTemplate\" [ngTemplateOutletContext]=\"{item: item, $index: $index, itemRef: listItemRef, $first: $first, $last: $last, currentItemWidgets: listItemRef.currentItemWidgets}\"></ng-container>\n                </li>\n            </ul>\n        </ul>\n    </li>\n</ng-template>\n",
+                    template: "<div class=\"panel-heading\" *ngIf=\"title || subheading || iconclass\">\n    <h3 class=\"panel-title\">\n        <div class=\"pull-left\">\n            <i class=\"app-icon panel-icon {{iconclass}}\" aria-hidden=\"true\" [hidden]=\"!iconclass\"></i>\n        </div>\n        <div class=\"pull-left\">\n            <div class=\"heading\" [innerHTML]=\"title\"></div>\n            <div class=\"description\" [innerHTML]=\"subheading\"></div>\n        </div>\n    </h3>\n</div>\n\n<div class=\"app-datanavigator\" [attr.aria-disabled]=\"dataNavigator.isDisablePrevious\" aria-label=\"Page navigation\" *ngIf=\"navigation === 'Inline' && !noDataFound\">\n    <ul class=\"pager\">\n        <li class=\"previous\" [ngClass]=\"{'disabled': (dataNavigator ? dataNavigator.isDisablePrevious : true)}\">\n            <a href=\"javascript:void(0);\" (click)=\"dataNavigator.navigatePage('prev', $event)\"\n               [attr.aria-disabled]=\"dataNavigator.isDisablePrevious\">\n                <i class=\"wi wi-chevron-left\" aria-hidden=\"true\"></i>\n                <span class=\"sr-only\">Go to Previous page {{dataNavigator.isDisablePrevious ? ', Disabled' : ''}}</span>\n            </a>\n        </li>\n    </ul>\n</div>\n<div *ngIf=\"navigation === 'Inline' && !noDataFound\" aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\"> {{'Page ' + dataNavigator.dn.currentPage + ' of ' + dataNavigator.pageCount }}</div>\n\n<div>\n    <div id={{titleId}} class=\"sr-only\" *ngIf=\"enablereorder\">\n        Press space bar to toggle drag drop mode, use arrow keys to move selected elements.\n    </div>\n\n    <div aria-live=\"assertive\" *ngIf=\"listItems && enablereorder && currentIndex\" class=\"sr-only\" >\n        {{ariaText + currentIndex + ' of ' +  listItems.length}}\n    </div>\n</div>\n\n<ul [attr.tabindex]=\"tabindex\"  class=\"app-livelist-container clearfix {{direction === 'horizontal' ? 'app-horizontal-list': ''}} {{listclass}}\" role=\"list\"\n    (keydown.enter)=\"handleKeyDown($event, 'select')\"\n\n    (keydown.space)=\"handleKeyDown($event, 'space')\"\n\n    (keydown.arrowup)=\"handleKeyDown($event, 'focusPrev')\"\n    (keydown.arrowdown)=\"handleKeyDown($event, 'focusNext')\"\n    (keydown.arrowleft)=\"handleKeyDown($event, 'focusPrev')\"\n    (keydown.arrowright)=\"handleKeyDown($event, 'focusNext')\"\n\n    (keydown.shift.arrowup)=\"handleKeyDown($event, 'selectPrev')\"\n    (keydown.shift.arrowdown)=\"handleKeyDown($event, 'selectNext')\"\n    (keydown.shift.arrowleft)=\"handleKeyDown($event, 'selectPrev')\"\n    (keydown.shift.arrowright)=\"handleKeyDown($event, 'selectNext')\"\n    [hidden]=\"noDataFound && !variableInflight\"\n>\n    <ng-template [ngIf]=\"!groupby\" [ngIfElse]=\"groupedListTemplate\">\n        <li *ngFor=\"let item of fieldDefs; index as $index; first as $first; last as $last;\" class=\"app-list-item {{direction === 'horizontal' ? '' : itemsPerRowClass}}\" [ngClass]=\"listItemRef.itemClass\"\n            [wmListItem]=\"item\"\n            #listItemRef=\"listItemRef\"\n            [attr.tabindex]=\"tabindex\"\n            role=\"listitem\">\n            <ng-container [ngTemplateOutlet]=\"listTemplate\" [ngTemplateOutletContext]=\"{item: item, $index: $index, itemRef: listItemRef, $first: $first, $last: $last, currentItemWidgets: listItemRef.currentItemWidgets}\"></ng-container>\n        </li>\n    </ng-template>\n    <ng-container [ngTemplateOutlet]=\"listLeftActionTemplate\"></ng-container>\n    <ng-container [ngTemplateOutlet]=\"listRightActionTemplate\"></ng-container>\n</ul>\n\n<div class=\"no-data-msg\" *ngIf=\"noDataFound && !variableInflight\" [textContent]=\"nodatamessage\"></div>\n\n<div class=\"loading-data-msg\" *ngIf=\"variableInflight && !pulltorefresh\">\n    <span>\n        <i class=\"app-icon panel-icon fa-spin\" aria-hidden=\"true\" [ngClass]=\"loadingicon\"></i>\n        <span class=\"sr-only\">Loading</span>\n        <span class=\"loading-text\" [textContent]=\"loadingdatamsg\"></span>\n    </span>\n</div>\n\n<div class=\"app-datanavigator\" [attr.aria-disabled]=\"dataNavigator.isDisableNext\" *ngIf=\"navigation === 'Inline' && !noDataFound\">\n    <ul class=\"pager\">\n        <li class=\"next\" [ngClass]=\"{'disabled': (dataNavigator ? dataNavigator.isDisableNext  : true)}\">\n            <a href=\"javascript:void(0);\" (click)=\"dataNavigator.navigatePage('next', $event)\"\n               [attr.aria-disabled]=\"dataNavigator.isDisableNext\">\n                <i class=\"wi wi-chevron-right\" aria-hidden=\"true\"></i>\n                <span class=\"sr-only\">Go to Next page {{dataNavigator.isDisableNext ? ', Disabled' : ''}}</span>\n            </a>\n        </li>\n    </ul>\n</div>\n\n<div class=\"panel-footer\" *ngIf=\"navigation !== 'None'\" [hidden]=\"!showNavigation || (onDemandLoad && dataNavigator.isDisableNext) || (dataNavigator.dataSize <= pagesize) || (!dataNavigator.dataSize && !dataNavigator.datasource?.pagination?.next)\">\n    <nav wmPagination\n         navigationalign.bind=\"navigationalign\"\n         navigation.bind=\"navControls\"\n         showrecordcount.bind=\"showrecordcount\"\n         maxsize.bind=\"maxsize\"\n         boundarylinks.bind=\"boundarylinks\"\n         forceellipses.bind=\"forceellipses\"\n         directionlinks.bind=\"directionlinks\"\n         show.bind=\"!onDemandLoad\"\n         paginationchange.event=\"beforePaginationChange($event, $index)\"\n    ></nav>\n    <a *ngIf=\"onDemandLoad\" href=\"javascript:void(0);\"\n       (click)=\"dataNavigator.navigatePage('next', $event)\"\n       class=\"app-button btn btn-block\"\n       [ngClass]=\"paginationclass\"\n       [textContent]=\"ondemandmessage\"\n    ></a>\n</div>\n\n<!--This template will be displayed when groupby is specified-->\n<ng-template #groupedListTemplate>\n    <li *ngFor=\"let groupObj of groupedData\" class=\"app-list-item-group clearfix\">\n        <ul [attr.tabindex]=\"tabindex\" class=\"list-group item-group\" [ngClass]=\"listclass\">\n            <li class=\"app-list-item-header list-item list-group-header\" (click)=\"handleHeaderClick($event)\" [ngClass]=\"{'collapsible-content': collapsible}\">\n            <h4>{{groupObj.key}}\n                <div class=\"header-action\">\n                    <i class=\"app-icon wi action wi-chevron-up\" *ngIf=\"collapsible\"></i>\n                    <span *ngIf=\"showcount\" class=\"label label-default\">{{groupObj.data.length}}</span>\n                    </div>\n                </h4>\n            </li>\n            <ul class=\"list-group clearfix {{direction === 'horizontal' ? 'app-horizontal-list': ''}}\">\n                <li *ngFor=\"let item of groupObj.data; index as $index; first as $first; last as $last;\" [attr.tabindex]=\"tabindex\"\n                    class=\"app-list-item group-list-item {{itemsPerRowClass}}\"\n                    [ngClass]=\"listItemRef.itemClass\"\n                    [wmListItem]=\"item\" #listItemRef=\"listItemRef\">\n                    <ng-container [ngTemplateOutlet]=\"listTemplate\" [ngTemplateOutletContext]=\"{item: item, $index: $index, itemRef: listItemRef, $first: $first, $last: $last, currentItemWidgets: listItemRef.currentItemWidgets}\"></ng-container>\n                </li>\n            </ul>\n        </ul>\n    </li>\n</ng-template>\n",
                     providers: [
                         base.provideAsWidgetRef(ListComponent)
                     ]