@wavemaker/app-runtime-wm-build 11.4.3-next.25756 → 11.4.3-next.30202

app-runtime-wm-build/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@wavemaker/app-runtime-wm-build",
-    "version": "11.4.3-next.25756",
+    "version": "11.4.3-next.30202",
     "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")) {
@@ -17071,9 +17071,7 @@
         };
         BaseFormCustomComponent.prototype.invokeOnChange = function(value, $event, valid) {
             this._onChange(value);
-            if (valid) {
-                _super.prototype.invokeOnChange.call(this, value, $event);
-            }
+            _super.prototype.invokeOnChange.call(this, value, $event);
         };
         BaseFormCustomComponent.prototype.invokeOnTouched = function($event) {
             this._onTouched();
@@ -17281,6 +17279,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", {
@@ -17493,6 +17494,11 @@
                 this.toggleAllHeaders = base.toggleAllHeaders.bind(undefined, this);
             }
         };
+        DatasetAwareFormComponent.prototype.ngOnDestroy = function() {
+            if (this.cancelLocaleChangeSubscription) {
+                this.cancelLocaleChangeSubscription();
+            }
+        };
         return DatasetAwareFormComponent;
     }(BaseFormCustomComponent);
     DatasetAwareFormComponent.decorators = [ {
@@ -24046,6 +24052,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() {
@@ -24508,6 +24519,11 @@
                 }));
             }));
         };
+        CalendarComponent.prototype.ngOnDestroy = function() {
+            if (this.cancelLocaleChangeSubscription) {
+                this.cancelLocaleChangeSubscription();
+            }
+        };
         return CalendarComponent;
     }(base.StylableComponent);
     CalendarComponent.initializeProps = registerProps();
@@ -27095,7 +27111,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() {
@@ -27235,7 +27251,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() {
@@ -27290,6 +27306,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", {
@@ -27510,6 +27531,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();
                 }));
@@ -27521,6 +27544,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();
                 }));
@@ -27536,21 +27561,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();
@@ -28070,6 +28084,9 @@
             if (this.dateOnShowSubscription) {
                 this.dateOnShowSubscription.unsubscribe();
             }
+            if (this.cancelLocaleChangeSubscription) {
+                this.cancelLocaleChangeSubscription();
+            }
             _super.prototype.ngOnDestroy.call(this);
         };
         BaseDateTimeComponent.prototype.ngOnDetach = function() {
@@ -28303,7 +28320,6 @@
                 this.invokeEventCallback("click", {
                     $event: $event
                 });
-                this.focusOnInputEl();
             }
             if ($event.target && $($event.target).is("input") && !this.isDropDownDisplayEnabledOnInput(this.showdropdownon)) {
                 $event.stopPropagation();
@@ -28690,7 +28706,6 @@
                 this.invokeEventCallback("click", {
                     $event: $event
                 });
-                this.focusOnInputEl();
             }
             if ($event.target && $($event.target).is("input") && !this.isDropDownDisplayEnabledOnInput(this.showdropdownon)) {
                 $event.stopPropagation();
@@ -29012,7 +29027,6 @@
                 this.invokeEventCallback("click", {
                     $event: $event
                 });
-                this.focusOnInputEl();
             }
             if ($event.target && $($event.target).is("input") && !this.isDropDownDisplayEnabledOnInput(this.showdropdownon)) {
                 return;
@@ -68309,6 +68323,7 @@
                 timezone: "",
                 number: ""
             };
+            _this.bundleLoaded = {};
             _this.appLocale = {};
             _this.prefabLocale = new Map;
             return _this;
@@ -68375,6 +68390,8 @@
                 _this.extendMessages(bundle.messages);
                 _this.extendPrefabMessages(bundle);
                 _this.appDefaults.setFormats(bundle.formats);
+                _this.bundleLoaded.app = true;
+                _this.notifyLocaleChanged();
             }));
         };
         I18nServiceImpl.prototype.loadMomentLocaleBundle = function(momentLocale) {
@@ -68391,6 +68408,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) {
@@ -68420,6 +68439,7 @@
                 return Promise.resolve();
             }
             if (!force && (i2.isMobile() || i2.isMobileApp() || this.selectedLocale === this.defaultSupportedLocale)) {
+                this.bundleLoaded.fullCalendar = true;
                 return;
             }
             return i2.loadScripts([ path ], true);
@@ -68449,11 +68469,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();
@@ -68493,8 +68523,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() {
@@ -68530,6 +68567,7 @@
             return defaultLanguage;
         };
         I18nServiceImpl.prototype.loadDefaultLocale = function() {
+            Date.prototype["month"] = Date.prototype.getMonth;
             var locale = this.deduceAppLocale();
             return this.setSelectedLocale(locale);
         };
@@ -68567,6 +68605,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 = [ {