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

app-runtime-wm-build/package.json

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