@wavemaker/app-runtime-wm-build 11.3.6-next.25096 → 11.3.6-next.25098

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

@@ -26924,22 +26924,24 @@
             configurable: true
         });
         DateTimePickerComponent.prototype.validateSelectedDate = function() {
-            var _a, _b, _c, _d, _e, _f, _g;
+            var _a, _b, _c, _d, _e;
             if (!this.changedValue) {
                 return true;
             }
             var cd = moment(this.changedValue);
-            if (((_a = this._bsDatepickerConfig) === null || _a === void 0 ? void 0 : _a.minDate) && ((_b = this._bsDatepickerConfig) === null || _b === void 0 ? void 0 : _b.minDate) > this.changedValue) {
+            var minDate = (_a = this._bsDatepickerConfig) === null || _a === void 0 ? void 0 : _a.minDate;
+            var maxDate = (_b = this._bsDatepickerConfig) === null || _b === void 0 ? void 0 : _b.maxDate;
+            if (minDate && (this.mode === "DATE" && moment(minDate).startOf("day").toDate() > this.changedValue || this.mode !== "DATE" && minDate > this.changedValue)) {
                 return false;
             }
-            if (((_c = this._bsDatepickerConfig) === null || _c === void 0 ? void 0 : _c.maxDate) && ((_d = this._bsDatepickerConfig) === null || _d === void 0 ? void 0 : _d.maxDate) < this.changedValue) {
+            if (maxDate && (this.mode === "DATE" && moment(maxDate).endOf("day").toDate() < this.changedValue || this.mode !== "DATE" && maxDate < this.changedValue)) {
                 return false;
             }
-            if (((_f = (_e = this._bsDatepickerConfig) === null || _e === void 0 ? void 0 : _e.daysDisabled) === null || _f === void 0 ? void 0 : _f.indexOf(cd.day())) >= 0) {
+            if (((_d = (_c = this._bsDatepickerConfig) === null || _c === void 0 ? void 0 : _c.daysDisabled) === null || _d === void 0 ? void 0 : _d.indexOf(cd.day())) >= 0) {
                 return false;
             }
             var cdSt = cd.startOf("day").toDate().getTime();
-            if ((_g = this.excludedDatesToDisable) === null || _g === void 0 ? void 0 : _g.find((function(d) {
+            if ((_e = this.excludedDatesToDisable) === null || _e === void 0 ? void 0 : _e.find((function(d) {
                 return d.getTime() === cdSt;
             }))) {
                 return false;
@@ -26988,6 +26990,9 @@
                 newVal.setMilliseconds(oldVal.getMilliseconds());
             }
             this.changedValue = newVal;
+            if (this.mode === "DATE" && oldVal !== newVal && this.validateSelectedDate()) {
+                this.onOkClick();
+            }
         };
         DateTimePickerComponent.prototype.onTimeUpdate = function(newVal) {
             this.changedValue = newVal;
@@ -27009,6 +27014,10 @@
             this.triggerChange();
             this.hideModal();
         };
+        DateTimePickerComponent.prototype.setToday = function() {
+            var today = moment().startOf("day").toDate();
+            this.onDateUpdate(today);
+        };
         DateTimePickerComponent.prototype.reset = function() {
             this.changedValue = this._value;
         };
@@ -27043,7 +27052,7 @@
         type: core.Component,
         args: [ {
             selector: "wm-datetimepicker",
-            template: ' \n    <ng-template #datetimepickerTemplate>\n        <div class="app-datetime-picker">\n            <div class="modal-body">\n                <div class="mobile-datetime-picker-options">\n                    \n                </div>\n                <bs-datepicker-inline\n                    [bsConfig]="bsDatepickerConfig"\n                    [datesDisabled]="excludedDatesToDisable"\n                    bsDatepicker\n                    [bsValue]="changedValue"\n                    (bsValueChange)="onDateUpdate($event)"\n                    *ngIf="mode === \'DATE_TIME\' || mode === \'DATE\'">\n                </bs-datepicker-inline>\n                <wm-timepicker\n                    [value]="changedValue"\n                    [min]="minTime"\n                    [max]="maxTime"\n                    (change)="onTimeUpdate($event)"\n                    *ngIf="mode === \'DATE_TIME\' || mode === \'TIME\'"></wm-timepicker>\n                <span class="text-primary date-picker-value">\n                    {{getDateLabel()}}\n                </span>\n            </div>\n            <div class="modal-footer">\n                <button\n                    class="btn btn-secondary clear-btn"\n                    (click)="clear()">{{appLocale.MESSAGE_DATE_PICKER_CLEAR || "Clear" }}</button>\n                <button\n                    class="btn btn-primary pull-right ok-btn"\n                    (click)="onOkClick()">{{appLocale.MESSAGE_DATE_PICKER_OK || "Ok" }}</button>\n                <button\n                    class="btn btn-secondary pull-right cancel-btn"\n                    (click)="hideModal()">{{appLocale.MESSAGE_DATE_PICKER_CANCEL || "Cancel" }}</button>\n                \n            </div>\n        </div>\n    </ng-template>\n    '
+            template: ' \n    <ng-template #datetimepickerTemplate>\n        <div class="app-datetime-picker">\n            <div class="modal-body">\n                <div class="mobile-datetime-picker-options">\n                    \n                </div>\n                <bs-datepicker-inline\n                    [bsConfig]="bsDatepickerConfig"\n                    [datesDisabled]="excludedDatesToDisable"\n                    bsDatepicker\n                    [bsValue]="changedValue"\n                    (bsValueChange)="onDateUpdate($event)"\n                    *ngIf="mode === \'DATE_TIME\' || mode === \'DATE\'">\n                </bs-datepicker-inline>\n                <wm-timepicker\n                    [value]="changedValue"\n                    [min]="minTime"\n                    [max]="maxTime"\n                    (change)="onTimeUpdate($event)"\n                    *ngIf="mode === \'DATE_TIME\' || mode === \'TIME\'"></wm-timepicker>\n                <span class="text-primary date-picker-value">\n                    {{getDateLabel()}}\n                </span>\n            </div>\n            <div class="modal-footer">\n                <button\n                    *ngIf="mode === \'DATE_TIME\' || mode === \'DATE\'"\n                    class="btn btn-secondary today-btn"\n                    (click)="setToday()">{{appLocale.MESSAGE_DATE_PICKER_TODAY || "Today" }}</button>\n                <button\n                    class="btn btn-primary pull-right ok-btn"\n                    *ngIf="mode === \'DATE_TIME\' || mode === \'TIME\'"\n                    (click)="onOkClick()">{{appLocale.MESSAGE_DATE_PICKER_OK || "Ok" }}</button>\n                <button\n                    class="btn btn-secondary pull-right clear-btn"\n                    (click)="clear()">{{appLocale.MESSAGE_DATE_PICKER_CLEAR || "Clear" }}</button>\n            </div>\n        </div>\n    </ng-template>\n    '
         } ]
     } ];
     DateTimePickerComponent.ctorParameters = function() {
@@ -27126,8 +27135,8 @@
             }
             return arr;
         };
-        TimePickerComponent.prototype.set = function(_h, unit) {
-            var index = _h.index, value = _h.value;
+        TimePickerComponent.prototype.set = function(_f, unit) {
+            var index = _f.index, value = _f.value;
             if (unit === "HOUR") {
                 this.value = moment(this.value).hour(parseInt(value)).toDate();
             } else if (unit === "MINUTE") {
@@ -36432,15 +36441,17 @@
             _this.dialogService = inj.get(core.AbstractDialogService);
             _this.bsModal = inj.get(modal.BsModalService);
             var router$1 = inj.get(router.Router);
-            var subscriptions = [ _this.bsModal.onShown.subscribe((function() {
+            var subscriptions = [ _this.bsModal.onShown.subscribe((function(_a) {
+                var id = _a.id;
                 var ref = _this.dialogService.getLastOpenedDialog();
                 if (ref === _this) {
                     invokeOpenedCallback(ref);
+                    _this.dialogId = id;
                 }
             })), _this.bsModal.onShow.subscribe((function() {
                 focusTrapObj.activeElement = document.activeElement;
             })), _this.bsModal.onHidden.subscribe((function(closeReason) {
-                var ref = closeReason === "esc" || closeReason === "backdrop-click" ? _this.dialogService.getLastOpenedDialog() : _this.dialogService.getDialogRefFromClosedDialogs();
+                var ref = closeReason === "esc" || closeReason === "backdrop-click" || _this.dialogId && (closeReason === null || closeReason === void 0 ? void 0 : closeReason.id) === _this.dialogId ? _this.dialogService.getLastOpenedDialog() : _this.dialogService.getDialogRefFromClosedDialogs();
                 if (ref === _this) {
                     _this.dialogService.removeFromOpenedDialogs(ref);
                     _this.dialogService.removeFromClosedDialogs(ref);
@@ -58402,40 +58413,36 @@
     var TabsAnimator = function(_super) {
         __extends(TabsAnimator, _super);
         function TabsAnimator(tabs) {
-            var e_1, _a;
             var _this = _super.call(this) || this;
             _this.tabs = tabs;
             _this._$el = $(_this.tabs.getNativeElement()).find(">.tab-content");
-            var childEls = _this._$el.find(">[wmTabPane]");
-            _this._noOfTabs = childEls.length;
-            var maxWidth = _this._noOfTabs * 100 + "%";
-            core.addClass(_this.tabs.getNativeElement(), "has-transition");
-            core.setCSSFromObj(_this._$el[0], {
-                maxWidth: maxWidth,
-                width: maxWidth
-            });
-            var width = 100 / _this._noOfTabs + "%";
-            try {
-                for (var _b = __values(Array.from(childEls)), _c = _b.next(); !_c.done; _c = _b.next()) {
-                    var child = _c.value;
-                    core.setCSS(child, "width", width);
-                }
-            } catch (e_1_1) {
-                e_1 = {
-                    error: e_1_1
-                };
-            } finally {
-                try {
-                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                } finally {
-                    if (e_1) throw e_1.error;
-                }
-            }
             _this.init(_this._$el);
             return _this;
         }
+        TabsAnimator.prototype.calibrate = function() {
+            var activeTabIndex = this.tabs.getActiveTabIndex();
+            var panes = this._$el.find(">.tab-pane");
+            var activeTabVisibleIndex = 0;
+            var noOfVisiblePanes = 0;
+            var visiblePanes = [];
+            panes.each((function(i, p) {
+                if (!$(p).prop("hidden")) {
+                    noOfVisiblePanes++;
+                    if (i === activeTabIndex) {
+                        activeTabVisibleIndex = noOfVisiblePanes - 1;
+                    }
+                    visiblePanes.push(p);
+                }
+                return true;
+            }));
+            return {
+                activeTabIndex: activeTabVisibleIndex,
+                noOfTabs: noOfVisiblePanes,
+                panes: visiblePanes
+            };
+        };
         TabsAnimator.prototype.bounds = function() {
-            var activeTabIndex = this.tabs.getActiveTabIndex(), w = this._$el.find(">.tab-pane").first().width(), noOfTabs = this._$el.find(">.tab-pane:visible").length, centerVal = -1 * activeTabIndex * w;
+            var _a = this.calibrate(), activeTabIndex = _a.activeTabIndex, noOfTabs = _a.noOfTabs, panes = _a.panes, w = $(panes[0]).width(), centerVal = -1 * activeTabIndex * w;
             this.clearContentFocus();
             return {
                 strict: false,
@@ -58462,8 +58469,18 @@
             }
         };
         TabsAnimator.prototype.transitionTabIntoView = function() {
-            var activeTabIndex = this.tabs.getActiveTabIndex();
-            core.setCSS(this._$el[0], "transform", "translate3d(" + -1 * activeTabIndex / this._noOfTabs * 100 + "%, 0, 0)");
+            var _a = this.calibrate(), activeTabIndex = _a.activeTabIndex, noOfTabs = _a.noOfTabs, panes = _a.panes;
+            var maxWidth = noOfTabs * 100 + "%";
+            core.setCSSFromObj(this._$el[0], {
+                maxWidth: maxWidth,
+                width: maxWidth
+            });
+            core.addClass(this.tabs.getNativeElement(), "has-transition");
+            var width = 100 / noOfTabs + "%";
+            panes.forEach((function(p) {
+                core.setCSS(p, "width", width);
+            }));
+            core.setCSS(this._$el[0], "transform", "translate3d(" + -1 * activeTabIndex / noOfTabs * 100 + "%, 0, 0)");
         };
         TabsAnimator.prototype.onUpper = function($event) {
             this.tabs.prev($event);
@@ -58589,6 +58606,7 @@
         };
         TabPaneComponent.prototype.onPropertyChange = function(key, nv, ov) {
             var _this = this;
+            var _a;
             if (key === "content") {
                 if (this.isActive) {
                     setTimeout((function() {
@@ -58599,6 +58617,10 @@
                 this.nativeElement.hidden = !nv;
                 if (this._isFirstLoad) {
                     this.tabsRef.selectDefaultPaneByIndex(this.tabsRef.defaultpaneindex);
+                } else if (!nv && this.isActive) {
+                    this.tabsRef.next();
+                } else if (nv || !this.isActive) {
+                    (_a = this.tabsRef.tabsAnimator) === null || _a === void 0 ? void 0 : _a.transitionTabIntoView();
                 }
                 this._isFirstLoad = false;
             } else {
@@ -67554,10 +67576,10 @@
 }));
 
 (function(global, factory) {
-    typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@angular/core"), require("@wm/core"), require("@wm/components/base"), require("@wm/components/page"), require("@wm/mobile/core"), require("@angular/common")) : typeof define === "function" && define.amd ? define("@wm/mobile/components/page", [ "exports", "@angular/core", "@wm/core", "@wm/components/base", "@wm/components/page", "@wm/mobile/core", "@angular/common" ], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, 
+    typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@angular/core"), require("@wm/core"), require("@wm/components/base"), require("ngx-bootstrap/modal"), require("@wm/components/page"), require("@wm/mobile/core"), require("@angular/common")) : typeof define === "function" && define.amd ? define("@wm/mobile/components/page", [ "exports", "@angular/core", "@wm/core", "@wm/components/base", "ngx-bootstrap/modal", "@wm/components/page", "@wm/mobile/core", "@angular/common" ], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, 
     factory((global.wm = global.wm || {}, global.wm.mobile = global.wm.mobile || {}, 
-    global.wm.mobile.components = global.wm.mobile.components || {}, global.wm.mobile.components.page = {}), global.ng.core, global.wm.core, global.wm.components.base, global.wm.components.page, global.wm.mobile.core, global.ng.common));
-})(this, (function(exports, core$1, core, base, page, core$2, common) {
+    global.wm.mobile.components = global.wm.mobile.components || {}, global.wm.mobile.components.page = {}), global.ng.core, global.wm.core, global.wm.components.base, global.modal, global.wm.components.page, global.wm.mobile.core, global.ng.common));
+})(this, (function(exports, core$1, core, base, modal, page, core$2, common) {
     "use strict";
     var PageContentLoaderComponent = function() {
         function PageContentLoaderComponent(el) {
@@ -67579,18 +67601,30 @@
         } ];
     };
     var MobilePageDirective = function() {
-        function MobilePageDirective(app, elRef, deviceService, page, navigationService) {
+        function MobilePageDirective(app, elRef, modalService, deviceService, page, navigationService) {
             var _this = this;
+            this.modalService = modalService;
             this.deviceService = deviceService;
             this.page = page;
             this.navigationService = navigationService;
+            this.subscriptions = [];
             core.addClass(elRef.nativeElement, "mobile-app-page");
             this._$ele = $(elRef.nativeElement);
             page.subscribe("wmMobileTabbar:ready", (function() {
                 return _this._$ele.addClass("has-tabbar");
             }));
+            var modalsOpened = [];
+            this.subscriptions = [ modalService.onShown.subscribe((function(_a) {
+                var id = _a.id;
+                id && modalsOpened.push(id);
+            })), modalService.onHidden.subscribe((function(_a) {
+                var id = _a.id;
+                id && _.remove(modalsOpened, id);
+            })) ];
             this._backBtnListenerDestroyer = deviceService.onBackButtonTap((function($event) {
-                if (app.landingPageName === app.activePageName) {
+                if (modalsOpened.length > 0) {
+                    modalService.hide(modalsOpened.pop());
+                } else if (app.landingPageName === app.activePageName) {
                     window.navigator["app"].exitApp();
                 } else {
                     _this.navigationService.goToPrevious();
@@ -67599,6 +67633,9 @@
             }));
         }
         MobilePageDirective.prototype.ngOnDestroy = function() {
+            this.subscriptions.map((function(s) {
+                return s.unsubscribe();
+            }));
             this._backBtnListenerDestroyer();
         };
         return MobilePageDirective;
@@ -67614,6 +67651,8 @@
             type: core.App
         }, {
             type: core$1.ElementRef
+        }, {
+            type: modal.BsModalService
         }, {
             type: core$2.DeviceService
         }, {