@wavemaker/app-runtime-wm-build 11.4.1-rc.123 → 11.4.1-rc.5386

app-runtime-wm-build/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@wavemaker/app-runtime-wm-build",
-    "version": "11.4.1-rc.123",
+    "version": "11.4.1-rc.5386",
     "description": "All modules required for a wavemaker application.",
     "main": "index.js",
     "scripts": {

app-runtime-wm-build/wmapp/scripts/wm-loader.js

@@ -4168,7 +4168,7 @@
         EXCLUDEDAYS: "excludedays"
     };
     var transformFileURI = function(url) {
-        if (url && hasCordova() && url.startsWith("file://")) {
+        if (_.isString(url) && hasCordova() && url.startsWith("file://")) {
             if (isIos()) {
                 return url.replace("file://", "/_app_file_");
             } else if (isAndroid() && location.href.startsWith("http")) {
@@ -4387,7 +4387,7 @@
     }();
     var MINIMUM_MOBILE_WIDTH = 480;
     var MINIMUM_TAB_WIDTH = 768;
-    var MINIMUM_LARGE_SCREEN_WIDTH = 1280;
+    var MINIMUM_LARGE_SCREEN_WIDTH = 1200;
     var IViewportService = function() {
         function IViewportService() {}
         return IViewportService;
@@ -4472,11 +4472,13 @@
             } else {
                 MINIMUM_MOBILE_WIDTH = parseInt(getComputedStyle(document.documentElement).getPropertyValue("--screen-xs")) || 480;
                 MINIMUM_TAB_WIDTH = parseInt(getComputedStyle(document.documentElement).getPropertyValue("--screen-sm")) || 768;
-                if (minValue >= MINIMUM_MOBILE_WIDTH && maxValue >= MINIMUM_TAB_WIDTH) {
+                MINIMUM_LARGE_SCREEN_WIDTH = parseInt(getComputedStyle(document.documentElement).getPropertyValue("--screen-lg")) || 1200;
+                if (this.screenWidth >= MINIMUM_LARGE_SCREEN_WIDTH) {
+                    this.isTabletType = isAndroid() || isIos() || isAndroidTablet();
+                    this.isMobileType = false;
+                } else if (this.screenWidth >= MINIMUM_TAB_WIDTH) {
                     this.type = 1;
-                    if (isAndroid() || isIos() || isAndroidTablet()) {
-                        this.isTabletType = true;
-                    }
+                    this.isTabletType = true;
                 } else {
                     this.type = 0;
                     this.isMobileType = true;
@@ -17279,6 +17281,9 @@
                 core$1.$appDigest();
             }), 150);
             _this.handleHeaderClick = core$1.noop;
+            _this.cancelLocaleChangeSubscription = _this.getAppInstance().subscribe("locale-changed", (function() {
+                _this._debouncedInitDatasetItems();
+            }));
             return _this;
         }
         Object.defineProperty(DatasetAwareFormComponent.prototype, "modelByKey", {
@@ -17491,6 +17496,11 @@
                 this.toggleAllHeaders = base.toggleAllHeaders.bind(undefined, this);
             }
         };
+        DatasetAwareFormComponent.prototype.ngOnDestroy = function() {
+            if (this.cancelLocaleChangeSubscription) {
+                this.cancelLocaleChangeSubscription();
+            }
+        };
         return DatasetAwareFormComponent;
     }(BaseFormCustomComponent);
     DatasetAwareFormComponent.decorators = [ {
@@ -22301,17 +22311,11 @@
             });
         };
         SearchComponent.prototype.onFocusOut = function() {
-            var _this = this;
             this._unsubscribeDv = false;
             this._loadingItems = false;
             this.page = 1;
             if (!this._domUpdated && this._isOpen) {
                 this.listenQuery = false;
-                setTimeout((function() {
-                    if (_this.typeahead._typeahead.isShown) {
-                        _this.typeahead.hide();
-                    }
-                }), 200);
             }
             this._isOpen = false;
             if (this._domUpdated && this.typeahead && this.typeahead._container) {
@@ -24050,6 +24054,11 @@
                 i18nService.initCalendarLocale();
                 FullCalendar.__wm_locale_initialized = true;
             }
+            _this.cancelLocaleChangeSubscription = _this.getAppInstance().subscribe("locale-changed", (function(libLocale) {
+                _this.setLocale();
+                _this.applyCalendarOptions("option", "locale", libLocale.fullCalendar || "en");
+                _this.redraw();
+            }));
             return _this;
         }
         CalendarComponent.prototype.selectDate = function() {
@@ -24512,6 +24521,11 @@
                 }));
             }));
         };
+        CalendarComponent.prototype.ngOnDestroy = function() {
+            if (this.cancelLocaleChangeSubscription) {
+                this.cancelLocaleChangeSubscription();
+            }
+        };
         return CalendarComponent;
     }(base.StylableComponent);
     CalendarComponent.initializeProps = registerProps();
@@ -27099,7 +27113,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                    *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    '
+            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.LABEL_TODAY_DATE || "Today" }}</button>\n                <button\n                    class="btn btn-primary pull-right ok-btn"\n                    *ngIf="mode === \'DATE_TIME\' || mode === \'TIME\'"\n                    (click)="onOkClick()">{{appLocale.LABEL_OK || "Ok" }}</button>\n                <button\n                    class="btn btn-secondary pull-right clear-btn"\n                    (click)="clear()">{{appLocale.LABEL_CLEAR_DATE || "Clear" }}</button>\n            </div>\n        </div>\n    </ng-template>\n    '
         } ]
     } ];
     DateTimePickerComponent.ctorParameters = function() {
@@ -27239,7 +27253,7 @@
         type: core.Component,
         args: [ {
             selector: "wm-timepicker",
-            template: ' \n        <wm-pickergroup>\n            <wm-picker \n                [options]="options.hour"\n                [selectedValue]="hour"\n                (change)="set($event, \'HOUR\')"></wm-picker>\n            <span class="app-time-separator">:</span>\n            <wm-picker \n                [options]="options.minute"\n                [selectedValue]="minute"\n                (change)="set($event, \'MINUTE\')"></wm-picker>\n            <span class="app-time-separator">:</span>\n            <wm-picker \n                [options]="options.minute"\n                [selectedValue]="second"\n                (change)="set($event, \'SECOND\')"></wm-picker>\n        </wm-pickergroup>\n    '
+            template: '\n        <wm-pickergroup>\n            <wm-picker\n                [options]="options.hour"\n                [selectedValue]="hour"\n                (change)="set($event, \'HOUR\')"></wm-picker>\n            <span class="app-time-separator">:</span>\n            <wm-picker\n                [options]="options.minute"\n                [selectedValue]="minute"\n                (change)="set($event, \'MINUTE\')"></wm-picker>\n            <span class="app-time-separator">:</span>\n            <wm-picker\n                [options]="options.minute"\n                [selectedValue]="second"\n                (change)="set($event, \'SECOND\')"></wm-picker>\n        </wm-pickergroup>\n    '
         } ]
     } ];
     TimePickerComponent.ctorParameters = function() {
@@ -27294,6 +27308,11 @@
             _this._dateOptions.clearPosition = "right";
             _this.meridians = common.getLocaleDayPeriods(_this.selectedLocale, common.FormStyle.Format, common.TranslationWidth.Abbreviated);
             _this.loadNativeDateInput = core$1.isMobile() && !_this.showcustompicker;
+            _this.cancelLocaleChangeSubscription = _this.getAppInstance().subscribe("locale-changed", (function(locale) {
+                _this.datePipe.datePipe.locale = locale.angular;
+                _this._dateOptions.todayButtonLabel = _this.i18nService.getLocalizedMessage("LABEL_TODAY_DATE");
+                _this._dateOptions.clearButtonLabel = _this.i18nService.getLocalizedMessage("LABEL_CLEAR_DATE");
+            }));
             return _this;
         }
         Object.defineProperty(BaseDateTimeComponent.prototype, "timeZone", {
@@ -27514,6 +27533,8 @@
                 if (event.originalEvent) {
                     _this.setFocusForDate(-1);
                 }
+                var prevMon = _this.getMonth(_this.activeDate, -1);
+                $(".bs-datepicker-head .previous").prepend('<p aria-hidden="false" class="sr-only">Changed to Previous Month, ' + prevMon.fullMonth + " and year " + prevMon.date.getFullYear() + "</p>");
                 setTimeout((function() {
                     $(".bs-datepicker-head .previous").focus();
                 }));
@@ -27525,6 +27546,8 @@
                 if (event.originalEvent) {
                     _this.setFocusForDate(1);
                 }
+                var nextMon = _this.getMonth(_this.activeDate, 1);
+                $(".bs-datepicker-head .next").prepend('<p aria-hidden="false" class="sr-only">Changed to Next Month, ' + nextMon.fullMonth + " and year " + nextMon.date.getFullYear() + "</p>");
                 setTimeout((function() {
                     $(".bs-datepicker-head .next").focus();
                 }));
@@ -27540,21 +27563,10 @@
                     _this.setFocusForMonthOrDay();
                 }
             }));
-            datePickerHead.find(".next").attr("aria-label", "Next Month, " + this.next.fullMonth + " " + this.next.date.getFullYear());
-            datePickerHead.find(".previous").attr("aria-label", "Previous Month, " + this.prev.fullMonth + " " + this.prev.date.getFullYear());
-            setTimeout((function() {
-                var currentNodes = datePickerHead.find(".current span");
-                var msg = "Changed to month ";
-                datePickerHead.find(".current").attr("aria-live", "assertive").attr("aria-atomic", "false");
-                if (_this.clicked) {
-                    if ($(currentNodes[0]).text()) {
-                        datePickerHead.find(".ng-star-inserted").prepend('<div class="sr-only">' + msg + "</div>");
-                    }
-                    if ($(currentNodes[1]).text()) {
-                        datePickerHead.find(".current").last().prepend('<div class="sr-only"> and year </div>');
-                    }
-                }
-            }));
+            if (!this.clicked) {
+                datePickerHead.find(".next").attr("aria-label", "Next Month, " + this.next.fullMonth + " " + this.next.date.getFullYear());
+                datePickerHead.find(".previous").attr("aria-label", "Previous Month, " + this.prev.fullMonth + " " + this.prev.date.getFullYear());
+            }
         };
         BaseDateTimeComponent.prototype.setFocusForMonthOrDay = function() {
             var activeMonthOrYear = $(".bs-datepicker-head .current").first().text();
@@ -28074,6 +28086,9 @@
             if (this.dateOnShowSubscription) {
                 this.dateOnShowSubscription.unsubscribe();
             }
+            if (this.cancelLocaleChangeSubscription) {
+                this.cancelLocaleChangeSubscription();
+            }
             _super.prototype.ngOnDestroy.call(this);
         };
         BaseDateTimeComponent.prototype.ngOnDetach = function() {
@@ -28202,8 +28217,11 @@
                 return core$1.getFormattedDate(this.datePipe, this.bsDataValue, this.outputformat, this.timeZone, null, this.isCurrentDate, this) || "";
             },
             set: function(newVal) {
+                var _this = this;
                 if (newVal === CURRENT_DATE$1) {
-                    this.bsDataValue = this.timeZone ? core$1.getMomentLocaleObject(this.timeZone) : new Date;
+                    setTimeout((function() {
+                        _this.bsDataValue = _this.timeZone ? core$1.getMomentLocaleObject(_this.timeZone) : new Date;
+                    }), 50);
                     this.isCurrentDate = true;
                 } else {
                     this.bsDataValue = newVal ? core$1.getDateObj(newVal, {
@@ -28304,7 +28322,6 @@
                 this.invokeEventCallback("click", {
                     $event: $event
                 });
-                this.focusOnInputEl();
             }
             if ($event.target && $($event.target).is("input") && !this.isDropDownDisplayEnabledOnInput(this.showdropdownon)) {
                 $event.stopPropagation();
@@ -28691,7 +28708,6 @@
                 this.invokeEventCallback("click", {
                     $event: $event
                 });
-                this.focusOnInputEl();
             }
             if ($event.target && $($event.target).is("input") && !this.isDropDownDisplayEnabledOnInput(this.showdropdownon)) {
                 $event.stopPropagation();
@@ -29013,7 +29029,6 @@
                 this.invokeEventCallback("click", {
                     $event: $event
                 });
-                this.focusOnInputEl();
             }
             if ($event.target && $($event.target).is("input") && !this.isDropDownDisplayEnabledOnInput(this.showdropdownon)) {
                 return;
@@ -58646,6 +58661,7 @@
             _this.heading = heading;
             _this.title = title;
             _this._isFirstLoad = true;
+            _this._isOnLoadTriggered = false;
             _this.$lazyLoad = core.noop;
             _this.isActive = false;
             _this.disabled = false;
@@ -58696,6 +58712,10 @@
                         return c.redraw();
                     }));
                 }
+                if (!_this._isOnLoadTriggered && !_this.content) {
+                    _this.invokeEventCallback("load");
+                    _this._isOnLoadTriggered = true;
+                }
             }), 100);
         };
         TabPaneComponent.prototype.notifyParent = function(evt) {
@@ -68305,6 +68325,7 @@
                 timezone: "",
                 number: ""
             };
+            _this.bundleLoaded = {};
             _this.appLocale = {};
             _this.prefabLocale = new Map;
             return _this;
@@ -68371,6 +68392,8 @@
                 _this.extendMessages(bundle.messages);
                 _this.extendPrefabMessages(bundle);
                 _this.appDefaults.setFormats(bundle.formats);
+                _this.bundleLoaded.app = true;
+                _this.notifyLocaleChanged();
             }));
         };
         I18nServiceImpl.prototype.loadMomentLocaleBundle = function(momentLocale) {
@@ -68387,6 +68410,8 @@
                 _config = _config && _config._config;
                 chronos.defineLocale(_this.selectedLocale, _config);
                 _this.bsLocaleService.use(_this.getSelectedLocale() || _this.defaultSupportedLocale);
+                _this.bundleLoaded.moment = true;
+                _this.notifyLocaleChanged();
             }));
         };
         I18nServiceImpl.prototype.loadAngularLocaleBundle = function(angLocale) {
@@ -68416,6 +68441,7 @@
                 return Promise.resolve();
             }
             if (!force && (i2.isMobile() || i2.isMobileApp() || this.selectedLocale === this.defaultSupportedLocale)) {
+                this.bundleLoaded.fullCalendar = true;
                 return;
             }
             return i2.loadScripts([ path ], true);
@@ -68445,11 +68471,21 @@
             }));
         };
         I18nServiceImpl.prototype.loadLocaleBundles = function(libLocale) {
+            var _this = this;
+            var _a;
             if (libLocale.moment) {
                 this.loadMomentLocaleBundle(libLocale.moment);
+            } else if (this.selectedLocale === this.defaultSupportedLocale) {
+                this.bsLocaleService.use(this.getSelectedLocale() || this.defaultSupportedLocale);
+                this.bundleLoaded.moment = true;
             }
             if (libLocale.fullCalendar && window["FullCalendar"]) {
-                this.loadCalendarLocaleBundle(libLocale.fullCalendar);
+                (_a = this.loadCalendarLocaleBundle(libLocale.fullCalendar)) === null || _a === void 0 ? void 0 : _a.then((function() {
+                    _this.bundleLoaded.fullCalendar = true;
+                    _this.notifyLocaleChanged();
+                }));
+            } else {
+                this.bundleLoaded.fullCalendar = true;
             }
             if (libLocale.angular) {
                 this.loadAppLocaleBundle();
@@ -68489,8 +68525,15 @@
             i2.setSessionStorageItem("selectedLocale", locale);
             this.selectedLocale = locale;
             this.init();
+            this.bundleLoaded.moment = false;
+            this.bundleLoaded.fullCalendar = false;
+            this.bundleLoaded.app = false;
+            this.bundleLoaded.angular = false;
+            this.bundleLoaded.libLocale = libLocale;
             return this.loadLocaleBundles(libLocale).then((function() {
-                return _this.updateLocaleDirection();
+                _this.updateLocaleDirection();
+                _this.bundleLoaded.angular = true;
+                _this.notifyLocaleChanged();
             }));
         };
         I18nServiceImpl.prototype.deduceAppLocale = function() {
@@ -68526,6 +68569,7 @@
             return defaultLanguage;
         };
         I18nServiceImpl.prototype.loadDefaultLocale = function() {
+            Date.prototype["month"] = Date.prototype.getMonth;
             var locale = this.deduceAppLocale();
             return this.setSelectedLocale(locale);
         };
@@ -68563,6 +68607,11 @@
         I18nServiceImpl.prototype.getwidgetLocale = function() {
             return this.formatsByLocale;
         };
+        I18nServiceImpl.prototype.notifyLocaleChanged = function() {
+            if (this.bundleLoaded.moment && this.bundleLoaded.fullCalendar && this.bundleLoaded.angular && this.bundleLoaded.app) {
+                this.app.notify("locale-changed", this.bundleLoaded.libLocale);
+            }
+        };
         return I18nServiceImpl;
     }(i2.AbstractI18nService);
     I18nServiceImpl.decorators = [ {