@wavemaker/app-runtime-wm-build 11.3.4-rc.5309 → 11.3.4-rc.5310

app-runtime-wm-build/wmmobile/scripts/wm-mobileloader.js

@@ -60107,6 +60107,7 @@
                     this.setDefaultStep(step);
                 }
             }
+            this.addMoreText();
         };
         WizardComponent.prototype.onWizardHeaderClick = function($event, currentStep) {
             var _this = this;
@@ -60148,6 +60149,7 @@
                 nextStep.active = true;
                 this.currentStep = nextStep;
             }
+            this.addMoreText();
         };
         WizardComponent.prototype.prev = function() {
             var currentStep = this.currentStep;
@@ -60163,6 +60165,7 @@
                 prevStep.active = true;
                 this.currentStep = prevStep;
             }
+            this.addMoreText();
         };
         WizardComponent.prototype.skip = function() {
             this.next("skip");
@@ -60178,6 +60181,31 @@
                 steps: this.steps.toArray()
             });
         };
+        WizardComponent.prototype.addMoreText = function() {
+            setTimeout((function() {
+                var subtitleTextLength = $(".app-wizard-step.current .subtitle-wrapper .step-title").height();
+                var newWindowWidth = $(window).width();
+                $(".read_more").css("display", "none");
+                if (subtitleTextLength > 40 && newWindowWidth < 768) {
+                    $(".current .read_more").css("display", "block");
+                    $(".active .read_more").css("display", "none");
+                    $(".disable .read_more").css("display", "none");
+                    $(".app-wizard-step a").css("height", "95px");
+                }
+            }));
+        };
+        WizardComponent.prototype.readMoreSubtitle = function() {
+            $(".current .subtitle-wrapper").addClass("readmore_subtitle");
+            $(".current .read_more").css("display", "none");
+            $(document).on("mouseup", (function(e) {
+                var container = $(".subtitle-wrapper");
+                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");
+                }
+            }));
+        };
         WizardComponent.prototype.isFirstStep = function(stepRef) {
             return this.steps.first === stepRef;
         };
@@ -60200,6 +60228,11 @@
         WizardComponent.prototype.ngAfterViewInit = function() {
             _super.prototype.ngAfterViewInit.call(this);
             base.styler(this.nativeElement.querySelector(".panel-body"), this, base.APPLY_STYLES_TYPE.INNER_SHELL);
+            setTimeout((function() {
+                if ($(window).width() < 768) {
+                    $(".app-wizard").removeClass("vertical");
+                }
+            }));
         };
         return WizardComponent;
     }(base.StylableComponent);
@@ -60208,7 +60241,7 @@
         type: core.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                <span class="subtitle-wrapper" [attr.title]="step.subtitle">\n                    <span class="step-title" [textContent]="step.subtitle"></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: [ base.provideAsWidgetRef(WizardComponent) ]
         } ]
     } ];

app-runtime-wm-build/wmmobile/scripts/wm-mobileloader.min.js

@@ -685,7 +685,7 @@ var c=function(e,t){return(c=Object.setPrototypeOf||{__proto__:[]}instanceof Arr
     LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */var a=function(e,t){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)};function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}a(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}Object.create;function l(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],i=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&i>=e.length&&(e=void 0),{value:e&&e[i++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function c(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var i,o,r=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(i=r.next()).done;)a.push(i.value)}catch(e){o={error:e}}finally{try{i&&!i.done&&(n=r.return)&&n.call(r)}finally{if(o)throw o.error}}return a}function p(e,t,n){if(n||2===arguments.length)for(var i,o=0,r=t.length;o<r;o++)!i&&o in t||(i||(i=Array.prototype.slice.call(t,0,o)),i[o]=t[o]);return e.concat(i||Array.prototype.slice.call(t))}Object.create;var u=function(){i.register("wm-wizard",new Map([["actionsalignment",Object.assign({value:"right"},i.PROP_STRING)],["cancelable",Object.assign({value:!0},i.PROP_BOOLEAN)],["cancelbtnlabel",Object.assign({value:"Cancel"},i.PROP_STRING)],["class",Object.assign({value:"classic"},i.PROP_STRING)],["defaultstep",Object.assign({value:"none"},i.PROP_STRING)],["donebtnlabel",Object.assign({value:"Done"},i.PROP_STRING)],["name",i.PROP_STRING],["nextbtnlabel",Object.assign({value:"Next"},i.PROP_STRING)],["previousbtnlabel",Object.assign({value:"Previous"},i.PROP_STRING)],["show",Object.assign({value:!0},i.PROP_BOOLEAN)],["stepstyle",Object.assign({value:"auto"},i.PROP_STRING)]]))},d=function(){i.register("wm-wizardstep",new Map([["class",i.PROP_STRING],["enableskip",Object.assign({value:!1},i.PROP_BOOLEAN)],["iconclass",Object.assign({value:"wi wi-person"},i.PROP_STRING)],["doneiconclass",Object.assign({value:"wi wi-done"},i.PROP_STRING)],["name",i.PROP_STRING],["show",Object.assign({value:!0},i.PROP_BOOLEAN)],["title",Object.assign({value:"Step Title"},i.PROP_STRING)],["subtitle",i.PROP_STRING]]))},h={widgetType:"wm-wizardstep",hostClass:"app-wizard-step-content"},m=function(e){function t(t,n){var i=e.call(this,t,h)||this;return i.ngForm=n,i.isDone=!1,i.status=2,i.wizardComponent=i.inj.get(g),i}return s(t,e),Object.defineProperty(t.prototype,"isCurrent",{get:function(){return this.active},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isValid",{get:function(){return(this.ngForm.valid||this.ngForm.disabled)&&this.areEmbeddedFormsValid()},enumerable:!1,configurable:!0}),t.prototype.areEmbeddedFormsValid=function(){var e,t,n=this.getAllEmbeddedForms();try{for(var i=l(n),o=i.next();!o.done;o=i.next()){var r=o.value;if(r.widget&&!r.widget.ngform.valid)return!1}}catch(t){e={error:t}}finally{try{o&&!o.done&&(t=i.return)&&t.call(i)}finally{if(e)throw e.error}}return!0},t.prototype.getAllEmbeddedForms=function(){return this.$element.find("form")},Object.defineProperty(t.prototype,"enableNext",{get:function(){return!this.disablenext},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"enableDone",{get:function(){return!this.disabledone},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"enablePrev",{get:function(){return!this.disableprevious},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"active",{get:function(){return 1===this.status},set:function(e){var t=this.active;this.status=1,e&&!t&&this.redrawChildren()},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"done",{get:function(){return 3===this.status},set:function(e){e&&(this.status=3)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"disabled",{get:function(){return 2===this.status},set:function(e){e&&(this.status=2)},enumerable:!1,configurable:!0}),t.prototype.invokeNextCB=function(e){return this.invokeEventCallback("next",{currentStep:this,stepIndex:e})},t.prototype.invokePrevCB=function(e){return this.invokeEventCallback("prev",{currentStep:this,stepIndex:e})},t.prototype.invokeSkipCB=function(e){return this.invokeEventCallback("skip",{currentStep:this,stepIndex:e})},t.prototype.redrawChildren=function(){var e=this;setTimeout((function(){e.reDrawableComponents&&e.reDrawableComponents.forEach((function(e){return e.redraw()}));var t=e.wizardComponent.getCurrentStepIndex();e.invokeEventCallback("load",{stepIndex:t})}),100)},t}(i.BaseComponent);m.initializeProps=d(),m.decorators=[{type:t.Directive,args:[{selector:"form[wmWizardStep]",providers:[i.provideAsWidgetRef(m)],exportAs:"wmWizardStep"}]}],m.ctorParameters=function(){return[{type:t.Injector},{type:r.NgForm,decorators:[{type:t.Self}]}]},m.propDecorators={reDrawableComponents:[{type:t.ContentChildren,args:[i.RedrawableDirective,{descendants:!0}]}],isCurrent:[{type:t.HostBinding,args:["class.current"]}]};var f={widgetType:"wm-wizard",hostClass:"app-wizard panel clearfix"},g=function(e){function t(t){var n=this,r=o.noop;return n=e.call(this,t,f,new Promise((function(e){return r=e})))||this,i.styler(n.nativeElement,n,i.APPLY_STYLES_TYPE.SHELL),n.promiseResolverFn=r,n.message={caption:"",type:""},n}return s(t,e),Object.defineProperty(t.prototype,"hasPrevStep",{get:function(){return!this.isFirstStep(this.currentStep)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"hasNextStep",{get:function(){return!this.isLastStep(this.currentStep)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"showDoneBtn",{get:function(){if(this.currentStep)return!this.hasNextStep&&this.currentStep.enableDone},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"enablePrev",{get:function(){if(this.currentStep)return this.currentStep.enablePrev},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"enableNext",{get:function(){if(this.currentStep)return this.currentStep.enableNext&&this.currentStep.isValid},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"enableDone",{get:function(){if(this.currentStep)return this.currentStep.enableDone&&this.currentStep.isValid},enumerable:!1,configurable:!0}),t.prototype.getNextValidStepFormIndex=function(e){for(var t=e;t<this.steps.length;t++){var n=this.getStepRefByIndex(t);if(n.show)return n}},t.prototype.getPreviousValidStepFormIndex=function(e){for(var t=e;t>=0;t--){var n=this.getStepRefByIndex(t);if(n.show)return n}},t.prototype.getCurrentStepIndex=function(){return this.getStepIndexByRef(this.currentStep)},t.prototype.getStepRefByIndex=function(e){return this.steps.toArray()[e]},t.prototype.getStepIndexByRef=function(e){return this.steps.toArray().indexOf(e)},t.prototype.getStepRefByName=function(e){return this.steps.find((function(t){return t.name===e}))},t.prototype.setDefaultStep=function(e){if(e&&e.show){this.currentStep=e,e.active=!0,e.isInitialized=!0;for(var t=this.getStepIndexByRef(e)-1;t>=0;){var n=this.getStepRefByIndex(t);n.done=!0,n.isInitialized=!0,t--}}else(e=this.getNextValidStepFormIndex(0))&&this.setDefaultStep(e)},t.prototype.onWizardHeaderClick=function(e,t){var n=this;t.done&&(this.steps.forEach((function(e,i){i<n.getStepIndexByRef(t)?(e.done=!0,e.isDone=!0):(e.disabled=!0,e.isDone=!1)})),this.currentStep=t,this.currentStep.active=!0)},t.prototype.next=function(e){void 0===e&&(e="next");var t,n=this.currentStep,i=this.getCurrentStepIndex();if("skip"===e){if(!1===n.invokeSkipCB(i))return}else if("next"===e&&!1===n.invokeNextCB(i))return;(t=this.getNextValidStepFormIndex(i+1)).isInitialized=!0,t&&(n.isDone=!0,n.done=!0,t.active=!0,this.currentStep=t)},t.prototype.prev=function(){var e,t=this.currentStep,n=this.getCurrentStepIndex();!1!==t.invokePrevCB(n)&&(e=this.getPreviousValidStepFormIndex(n-1))&&(t.isDone=!1,t.disabled=!0,e.active=!0,this.currentStep=e)},t.prototype.skip=function(){this.next("skip")},t.prototype.done=function(){this.currentStep.isDone=!0,this.invokeEventCallback("done",{steps:this.steps.toArray()})},t.prototype.cancel=function(){this.invokeEventCallback("cancel",{steps:this.steps.toArray()})},t.prototype.isFirstStep=function(e){return this.steps.first===e},t.prototype.isLastStep=function(e){return this.steps.last===e},t.prototype.onPropertyChange=function(t,n,i){"stepstyle"===t?this.stepClass="justified"===n?"nav-justified":"":"defaultstep"===t?this.setDefaultStep(this.getStepRefByName(n)):e.prototype.onPropertyChange.call(this,t,n,i)},t.prototype.ngAfterContentInit=function(){e.prototype.ngAfterContentInit.call(this),this.promiseResolverFn()},t.prototype.ngAfterViewInit=function(){e.prototype.ngAfterViewInit.call(this),i.styler(this.nativeElement.querySelector(".panel-body"),this,i.APPLY_STYLES_TYPE.INNER_SHELL)},t}(i.StylableComponent);g.initializeProps=u(),g.decorators=[{type:t.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                <span class="subtitle-wrapper" [attr.title]="step.subtitle">\n                    <span class="step-title" [textContent]="step.subtitle"></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',providers:[i.provideAsWidgetRef(g)]}]}],g.ctorParameters=function(){return[{type:t.Injector}]},g.propDecorators={steps:[{type:t.ContentChildren,args:[m]}]};var v=[m,g],y=function(){};y.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule,i.WmComponentsModule],declarations:p([],c(v)),exports:p([],c(v)),entryComponents:[]}]}],e.WizardComponent=g,e.WizardModule=y,e.WizardStepDirective=m,e["\u0275a"]=d,e["\u0275b"]=u,Object.defineProperty(e,"__esModule",{value:!0})})),function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("ngx-bootstrap/carousel"),require("@wm/components/base"),require("@swipey")):"function"==typeof define&&define.amd?define("@wm/components/advanced/carousel",["exports","@angular/core","@angular/common","ngx-bootstrap/carousel","@wm/components/base","@swipey"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).wm=e.wm||{},e.wm.components=e.wm.components||{},e.wm.components.advanced=e.wm.components.advanced||{},e.wm.components.advanced.carousel={}),e.ng.core,e.ng.common,e["ngx-bootstrap"].carousel,e.wm.components.base,e.swipey)}(this,(function(e,t,n,i,o,r){"use strict";
+    ***************************************************************************** */var a=function(e,t){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)};function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}a(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}Object.create;function l(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],i=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&i>=e.length&&(e=void 0),{value:e&&e[i++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function c(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var i,o,r=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(i=r.next()).done;)a.push(i.value)}catch(e){o={error:e}}finally{try{i&&!i.done&&(n=r.return)&&n.call(r)}finally{if(o)throw o.error}}return a}function p(e,t,n){if(n||2===arguments.length)for(var i,o=0,r=t.length;o<r;o++)!i&&o in t||(i||(i=Array.prototype.slice.call(t,0,o)),i[o]=t[o]);return e.concat(i||Array.prototype.slice.call(t))}Object.create;var u=function(){i.register("wm-wizard",new Map([["actionsalignment",Object.assign({value:"right"},i.PROP_STRING)],["cancelable",Object.assign({value:!0},i.PROP_BOOLEAN)],["cancelbtnlabel",Object.assign({value:"Cancel"},i.PROP_STRING)],["class",Object.assign({value:"classic"},i.PROP_STRING)],["defaultstep",Object.assign({value:"none"},i.PROP_STRING)],["donebtnlabel",Object.assign({value:"Done"},i.PROP_STRING)],["name",i.PROP_STRING],["nextbtnlabel",Object.assign({value:"Next"},i.PROP_STRING)],["previousbtnlabel",Object.assign({value:"Previous"},i.PROP_STRING)],["show",Object.assign({value:!0},i.PROP_BOOLEAN)],["stepstyle",Object.assign({value:"auto"},i.PROP_STRING)]]))},d=function(){i.register("wm-wizardstep",new Map([["class",i.PROP_STRING],["enableskip",Object.assign({value:!1},i.PROP_BOOLEAN)],["iconclass",Object.assign({value:"wi wi-person"},i.PROP_STRING)],["doneiconclass",Object.assign({value:"wi wi-done"},i.PROP_STRING)],["name",i.PROP_STRING],["show",Object.assign({value:!0},i.PROP_BOOLEAN)],["title",Object.assign({value:"Step Title"},i.PROP_STRING)],["subtitle",i.PROP_STRING]]))},h={widgetType:"wm-wizardstep",hostClass:"app-wizard-step-content"},m=function(e){function t(t,n){var i=e.call(this,t,h)||this;return i.ngForm=n,i.isDone=!1,i.status=2,i.wizardComponent=i.inj.get(g),i}return s(t,e),Object.defineProperty(t.prototype,"isCurrent",{get:function(){return this.active},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isValid",{get:function(){return(this.ngForm.valid||this.ngForm.disabled)&&this.areEmbeddedFormsValid()},enumerable:!1,configurable:!0}),t.prototype.areEmbeddedFormsValid=function(){var e,t,n=this.getAllEmbeddedForms();try{for(var i=l(n),o=i.next();!o.done;o=i.next()){var r=o.value;if(r.widget&&!r.widget.ngform.valid)return!1}}catch(t){e={error:t}}finally{try{o&&!o.done&&(t=i.return)&&t.call(i)}finally{if(e)throw e.error}}return!0},t.prototype.getAllEmbeddedForms=function(){return this.$element.find("form")},Object.defineProperty(t.prototype,"enableNext",{get:function(){return!this.disablenext},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"enableDone",{get:function(){return!this.disabledone},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"enablePrev",{get:function(){return!this.disableprevious},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"active",{get:function(){return 1===this.status},set:function(e){var t=this.active;this.status=1,e&&!t&&this.redrawChildren()},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"done",{get:function(){return 3===this.status},set:function(e){e&&(this.status=3)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"disabled",{get:function(){return 2===this.status},set:function(e){e&&(this.status=2)},enumerable:!1,configurable:!0}),t.prototype.invokeNextCB=function(e){return this.invokeEventCallback("next",{currentStep:this,stepIndex:e})},t.prototype.invokePrevCB=function(e){return this.invokeEventCallback("prev",{currentStep:this,stepIndex:e})},t.prototype.invokeSkipCB=function(e){return this.invokeEventCallback("skip",{currentStep:this,stepIndex:e})},t.prototype.redrawChildren=function(){var e=this;setTimeout((function(){e.reDrawableComponents&&e.reDrawableComponents.forEach((function(e){return e.redraw()}));var t=e.wizardComponent.getCurrentStepIndex();e.invokeEventCallback("load",{stepIndex:t})}),100)},t}(i.BaseComponent);m.initializeProps=d(),m.decorators=[{type:t.Directive,args:[{selector:"form[wmWizardStep]",providers:[i.provideAsWidgetRef(m)],exportAs:"wmWizardStep"}]}],m.ctorParameters=function(){return[{type:t.Injector},{type:r.NgForm,decorators:[{type:t.Self}]}]},m.propDecorators={reDrawableComponents:[{type:t.ContentChildren,args:[i.RedrawableDirective,{descendants:!0}]}],isCurrent:[{type:t.HostBinding,args:["class.current"]}]};var f={widgetType:"wm-wizard",hostClass:"app-wizard panel clearfix"},g=function(e){function t(t){var n=this,r=o.noop;return n=e.call(this,t,f,new Promise((function(e){return r=e})))||this,i.styler(n.nativeElement,n,i.APPLY_STYLES_TYPE.SHELL),n.promiseResolverFn=r,n.message={caption:"",type:""},n}return s(t,e),Object.defineProperty(t.prototype,"hasPrevStep",{get:function(){return!this.isFirstStep(this.currentStep)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"hasNextStep",{get:function(){return!this.isLastStep(this.currentStep)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"showDoneBtn",{get:function(){if(this.currentStep)return!this.hasNextStep&&this.currentStep.enableDone},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"enablePrev",{get:function(){if(this.currentStep)return this.currentStep.enablePrev},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"enableNext",{get:function(){if(this.currentStep)return this.currentStep.enableNext&&this.currentStep.isValid},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"enableDone",{get:function(){if(this.currentStep)return this.currentStep.enableDone&&this.currentStep.isValid},enumerable:!1,configurable:!0}),t.prototype.getNextValidStepFormIndex=function(e){for(var t=e;t<this.steps.length;t++){var n=this.getStepRefByIndex(t);if(n.show)return n}},t.prototype.getPreviousValidStepFormIndex=function(e){for(var t=e;t>=0;t--){var n=this.getStepRefByIndex(t);if(n.show)return n}},t.prototype.getCurrentStepIndex=function(){return this.getStepIndexByRef(this.currentStep)},t.prototype.getStepRefByIndex=function(e){return this.steps.toArray()[e]},t.prototype.getStepIndexByRef=function(e){return this.steps.toArray().indexOf(e)},t.prototype.getStepRefByName=function(e){return this.steps.find((function(t){return t.name===e}))},t.prototype.setDefaultStep=function(e){if(e&&e.show){this.currentStep=e,e.active=!0,e.isInitialized=!0;for(var t=this.getStepIndexByRef(e)-1;t>=0;){var n=this.getStepRefByIndex(t);n.done=!0,n.isInitialized=!0,t--}}else(e=this.getNextValidStepFormIndex(0))&&this.setDefaultStep(e);this.addMoreText()},t.prototype.onWizardHeaderClick=function(e,t){var n=this;t.done&&(this.steps.forEach((function(e,i){i<n.getStepIndexByRef(t)?(e.done=!0,e.isDone=!0):(e.disabled=!0,e.isDone=!1)})),this.currentStep=t,this.currentStep.active=!0)},t.prototype.next=function(e){void 0===e&&(e="next");var t,n=this.currentStep,i=this.getCurrentStepIndex();if("skip"===e){if(!1===n.invokeSkipCB(i))return}else if("next"===e&&!1===n.invokeNextCB(i))return;(t=this.getNextValidStepFormIndex(i+1)).isInitialized=!0,t&&(n.isDone=!0,n.done=!0,t.active=!0,this.currentStep=t),this.addMoreText()},t.prototype.prev=function(){var e,t=this.currentStep,n=this.getCurrentStepIndex();!1!==t.invokePrevCB(n)&&((e=this.getPreviousValidStepFormIndex(n-1))&&(t.isDone=!1,t.disabled=!0,e.active=!0,this.currentStep=e),this.addMoreText())},t.prototype.skip=function(){this.next("skip")},t.prototype.done=function(){this.currentStep.isDone=!0,this.invokeEventCallback("done",{steps:this.steps.toArray()})},t.prototype.cancel=function(){this.invokeEventCallback("cancel",{steps:this.steps.toArray()})},t.prototype.addMoreText=function(){setTimeout((function(){var e=$(".app-wizard-step.current .subtitle-wrapper .step-title").height(),t=$(window).width();$(".read_more").css("display","none"),e>40&&t<768&&($(".current .read_more").css("display","block"),$(".active .read_more").css("display","none"),$(".disable .read_more").css("display","none"),$(".app-wizard-step a").css("height","95px"))}))},t.prototype.readMoreSubtitle=function(){$(".current .subtitle-wrapper").addClass("readmore_subtitle"),$(".current .read_more").css("display","none"),$(document).on("mouseup",(function(e){var t=$(".subtitle-wrapper");t.is(e.target)||0!==t.has(e.target).length||($(".current .subtitle-wrapper").removeClass("readmore_subtitle"),$(".current .read_more").css("display","block"),$(document).off("mouseup"))}))},t.prototype.isFirstStep=function(e){return this.steps.first===e},t.prototype.isLastStep=function(e){return this.steps.last===e},t.prototype.onPropertyChange=function(t,n,i){"stepstyle"===t?this.stepClass="justified"===n?"nav-justified":"":"defaultstep"===t?this.setDefaultStep(this.getStepRefByName(n)):e.prototype.onPropertyChange.call(this,t,n,i)},t.prototype.ngAfterContentInit=function(){e.prototype.ngAfterContentInit.call(this),this.promiseResolverFn()},t.prototype.ngAfterViewInit=function(){e.prototype.ngAfterViewInit.call(this),i.styler(this.nativeElement.querySelector(".panel-body"),this,i.APPLY_STYLES_TYPE.INNER_SHELL),setTimeout((function(){$(window).width()<768&&$(".app-wizard").removeClass("vertical")}))},t}(i.StylableComponent);g.initializeProps=u(),g.decorators=[{type:t.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" [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:[i.provideAsWidgetRef(g)]}]}],g.ctorParameters=function(){return[{type:t.Injector}]},g.propDecorators={steps:[{type:t.ContentChildren,args:[m]}]};var v=[m,g],y=function(){};y.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule,i.WmComponentsModule],declarations:p([],c(v)),exports:p([],c(v)),entryComponents:[]}]}],e.WizardComponent=g,e.WizardModule=y,e.WizardStepDirective=m,e["\u0275a"]=d,e["\u0275b"]=u,Object.defineProperty(e,"__esModule",{value:!0})})),function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("ngx-bootstrap/carousel"),require("@wm/components/base"),require("@swipey")):"function"==typeof define&&define.amd?define("@wm/components/advanced/carousel",["exports","@angular/core","@angular/common","ngx-bootstrap/carousel","@wm/components/base","@swipey"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).wm=e.wm||{},e.wm.components=e.wm.components||{},e.wm.components.advanced=e.wm.components.advanced||{},e.wm.components.advanced.carousel={}),e.ng.core,e.ng.common,e["ngx-bootstrap"].carousel,e.wm.components.base,e.swipey)}(this,(function(e,t,n,i,o,r){"use strict";
 /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.