@sumaris-net/ngx-components 1.18.0-rc1 → 1.18.0

package/bundles/sumaris-net.ngx-components.umd.js

@@ -4856,7 +4856,7 @@
     };
     var isWindows = function (win) { return testUserAgent(win, /windows/i); };
     var isTouchUi = function (win) { return matchMedia(win, '(any-pointer:coarse)'); };
-    var isMobile = function (win) { return isTouchUi(win) && !isWindows(win); };
+    var isMobile = function (win) { return isCordova(window) || isAndroid(win) || isIOS(window) || (isTouchUi(win) && !isWindows(win)); };
     var isIpad = function (win) {
         // iOS 12 and below
         if (testUserAgent(win, /iPad/i)) {
@@ -4879,7 +4879,7 @@
     var BASE_TIMER_DELAY = 100;
     var AutofocusDirective = /** @class */ (function () {
         // I initialize the autofocus directive.
-        function AutofocusDirective(elementRef, keyboard) {
+        function AutofocusDirective(platform, elementRef, keyboard) {
             this.keyboard = keyboard;
             this._timer = null;
             this._elementRef = elementRef;
@@ -4956,6 +4956,7 @@
                 },] }
     ];
     AutofocusDirective.ctorParameters = function () { return [
+        { type: i1$5.Platform },
         { type: i0.ElementRef },
         { type: ngx.Keyboard, decorators: [{ type: i0.Optional }] }
     ]; };
@@ -5147,8 +5148,7 @@
     };
     var ɵ0$a = noop$7;
     var MatLatLongField = /** @class */ (function () {
-        function MatLatLongField(platform, translate, formBuilder, cd, formGroupDir) {
-            this.platform = platform;
+        function MatLatLongField(translate, formBuilder, cd, formGroupDir) {
             this.translate = translate;
             this.formBuilder = formBuilder;
             this.cd = cd;
@@ -5165,7 +5165,6 @@
             this.required = false;
             this.onBlur = new i0.EventEmitter();
             this.onFocus = new i0.EventEmitter();
-            this.mobile = this.platform.is('mobile');
         }
         Object.defineProperty(MatLatLongField.prototype, "disabled", {
             get: function () {
@@ -5187,6 +5186,7 @@
         });
         MatLatLongField.prototype.ngOnInit = function () {
             var _this = this;
+            this.mobile = isNotNil(this.mobile) ? this.mobile : isMobile(window);
             this.type = this.type || 'latitude';
             this.pattern = this.pattern || 'DDMM';
             this.mask = MASKS[this.type] && MASKS[this.type][this.pattern];
@@ -5451,7 +5451,6 @@
                 },] }
     ];
     MatLatLongField.ctorParameters = function () { return [
-        { type: i1$5.Platform },
         { type: i1$2.TranslateService },
         { type: i1.FormBuilder },
         { type: i0.ChangeDetectorRef },
@@ -5515,8 +5514,7 @@
     var noop$6 = function () { };
     var ɵ0$9 = noop$6;
     var MatDate = /** @class */ (function () {
-        function MatDate(platform, dateAdapter, translate, formBuilder, cd, keyboard, formGroupDir) {
-            this.platform = platform;
+        function MatDate(dateAdapter, translate, formBuilder, cd, keyboard, formGroupDir) {
             this.dateAdapter = dateAdapter;
             this.translate = translate;
             this.formBuilder = formBuilder;
@@ -5573,11 +5571,12 @@
         });
         MatDate.prototype.ngOnInit = function () {
             var _this = this;
-            this.mobile = isNil(this.mobile) ? this.platform.is('mobile') : this.mobile;
-            this._keyboardHideDelay = this.mobile && KEYBOARD_HIDE_DELAY_MS || 0;
             this.formControl = this.formControl || this.formControlName && this.formGroupDir && this.formGroupDir.form.get(this.formControlName);
             if (!this.formControl)
                 throw new Error('Missing mandatory attribute \'formControl\' or \'formControlName\' in <mat-date-field>.');
+            this.mobile = isNotNil(this.mobile) ? this.mobile : isMobile(window);
+            // Workaround because ion-datetime has issue (do not returned a ISO date)
+            this._keyboardHideDelay = this.mobile && KEYBOARD_HIDE_DELAY_MS || 0;
             this.required = toBoolean(this.required, this.formControl.validator === i1.Validators.required);
             // Add 'validDate' validator (when existing validator are null or required, to be sure to keep it)
             if (!this.formControl.validator || this.formControl.validator === i1.Validators.required) {
@@ -5859,7 +5858,6 @@
                 },] }
     ];
     MatDate.ctorParameters = function () { return [
-        { type: i1$5.Platform },
         { type: i1$3.DateAdapter },
         { type: i1$2.TranslateService },
         { type: i1.FormBuilder },
@@ -5868,12 +5866,12 @@
         { type: i1.FormGroupDirective, decorators: [{ type: i0.Optional }] }
     ]; };
     MatDate.propDecorators = {
+        mobile: [{ type: i0.Input }],
         formControl: [{ type: i0.Input }],
         formControlName: [{ type: i0.Input }],
         placeholder: [{ type: i0.Input }],
         floatLabel: [{ type: i0.Input }],
         required: [{ type: i0.Input }],
-        mobile: [{ type: i0.Input }],
         compact: [{ type: i0.Input }],
         placeholderChar: [{ type: i0.Input }],
         autofocus: [{ type: i0.Input }],
@@ -5898,8 +5896,7 @@
     var noop$5 = function () { };
     var ɵ0$8 = noop$5;
     var MatDateTime = /** @class */ (function () {
-        function MatDateTime(platform, dateAdapter, translate, formBuilder, cd, keyboard, formGroupDir) {
-            this.platform = platform;
+        function MatDateTime(dateAdapter, translate, formBuilder, cd, keyboard, formGroupDir) {
             this.dateAdapter = dateAdapter;
             this.translate = translate;
             this.formBuilder = formBuilder;
@@ -5956,11 +5953,12 @@
         });
         MatDateTime.prototype.ngOnInit = function () {
             var _this = this;
-            this.mobile = isNil(this.mobile) ? this.platform.is('mobile') : this.mobile;
-            this._keyboardHideDelay = this.mobile && KEYBOARD_HIDE_DELAY_MS || 0;
             this.formControl = this.formControl || this.formControlName && this.formGroupDir && this.formGroupDir.form.get(this.formControlName);
             if (!this.formControl)
                 throw new Error('Missing mandatory attribute \'formControl\' or \'formControlName\' in <mat-date-time-field>.');
+            this.mobile = isNotNil(this.mobile) ? this.mobile : isMobile(window);
+            // Workaround because ion-datetime has issue (do not returned a ISO date)
+            this._keyboardHideDelay = this.mobile && KEYBOARD_HIDE_DELAY_MS || 0;
             this.required = toBoolean(this.required, this.formControl.validator === i1.Validators.required);
             // Add 'validDate' validator (when existing validator are null or required, to be sure to keep it)
             if (!this.formControl.validator || this.formControl.validator === i1.Validators.required) {
@@ -6278,7 +6276,6 @@
                 },] }
     ];
     MatDateTime.ctorParameters = function () { return [
-        { type: i1$5.Platform },
         { type: i1$3.DateAdapter },
         { type: i1$2.TranslateService },
         { type: i1.FormBuilder },
@@ -6316,7 +6313,7 @@
     };
     var ɵ0$7 = noop$4;
     var MatDateShort = /** @class */ (function () {
-        function MatDateShort(platform, dateAdapter, translate, formBuilder, cd, keyboard, formGroupDir) {
+        function MatDateShort(dateAdapter, translate, formBuilder, cd, keyboard, formGroupDir) {
             this.dateAdapter = dateAdapter;
             this.translate = translate;
             this.formBuilder = formBuilder;
@@ -6334,9 +6331,6 @@
             this.compact = false;
             this.placeholderChar = DEFAULT_PLACEHOLDER_CHAR;
             this.clearable = false;
-            // Workaround because ion-datetime has issue (do not returned a ISO date)
-            this.mobile = platform.is('mobile');
-            this.keyboardHideDelay = this.mobile && KEYBOARD_HIDE_DELAY_MS || 0;
             this.locale = (translate.currentLang || translate.defaultLang).substr(0, 2);
         }
         Object.defineProperty(MatDateShort.prototype, "tabindex", {
@@ -6365,6 +6359,9 @@
             this.formControl = this.formControl || this.formControlName && this.formGroupDir && this.formGroupDir.form.get(this.formControlName);
             if (!this.formControl)
                 throw new Error('Missing mandatory attribute \'formControl\' or \'formControlName\' in <mat-date-short-field>.');
+            this.mobile = isNotNil(this.mobile) ? this.mobile : isMobile(window);
+            // Workaround because ion-datetime has issue (do not returned a ISO date)
+            this.keyboardHideDelay = this.mobile && KEYBOARD_HIDE_DELAY_MS || 0;
             // Redirect errors from main control, into day sub control
             var $error = new rxjs.BehaviorSubject(null);
             this.required = toBoolean(this.required, this.formControl.validator === i1.Validators.required);
@@ -6611,7 +6608,6 @@
                 },] }
     ];
     MatDateShort.ctorParameters = function () { return [
-        { type: i1$5.Platform },
         { type: i1$3.DateAdapter },
         { type: i1$2.TranslateService },
         { type: i1.FormBuilder },
@@ -6620,6 +6616,7 @@
         { type: i1.FormGroupDirective, decorators: [{ type: i0.Optional }] }
     ]; };
     MatDateShort.propDecorators = {
+        mobile: [{ type: i0.Input }],
         disabled: [{ type: i0.Input }],
         formControl: [{ type: i0.Input }],
         formControlName: [{ type: i0.Input }],
@@ -10165,12 +10162,13 @@
     ]; };
 
     var Hotkeys = /** @class */ (function () {
-        function Hotkeys(eventManager, dialog, document, modalController) {
+        function Hotkeys(eventManager, dialog, document, modalController, popoverController) {
             var _this = this;
             this.eventManager = eventManager;
             this.dialog = dialog;
             this.document = document;
             this.modalController = modalController;
+            this.popoverController = popoverController;
             this._debug = false;
             this._hotkeys = new Map();
             this._defaults = {
@@ -10199,15 +10197,24 @@
             }
             return new rxjs.Observable(function (observer) {
                 var handler = function (e) { return __awaiter(_this, void 0, void 0, function () {
-                    var top;
-                    return __generator(this, function (_a) {
-                        switch (_a.label) {
+                    var top, _a;
+                    return __generator(this, function (_b) {
+                        switch (_b.label) {
                             case 0: return [4 /*yield*/, this.modalController.getTop()];
                             case 1:
-                                top = _a.sent();
+                                _a = (_b.sent());
+                                if (_a) return [3 /*break*/, 3];
+                                return [4 /*yield*/, this.popoverController.getTop()];
+                            case 2:
+                                _a = (_b.sent());
+                                _b.label = 3;
+                            case 3:
+                                top = _a;
                                 // If modal present, check its component name against hotkey element name (fix #181)
-                                if (top && top.component['name'] !== merged.elementName)
+                                if (top && top.component['name'] !== merged.elementName) {
+                                    e.preventDefault();
                                     return [2 /*return*/];
+                                }
                                 if (e instanceof KeyboardEvent && e.repeat)
                                     return [2 /*return*/]; // skip when repeated
                                 if (merged.preventDefault)
@@ -10234,7 +10241,7 @@
         };
         return Hotkeys;
     }());
-    Hotkeys.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function Hotkeys_Factory() { return new Hotkeys(i0__namespace.ɵɵinject(i1__namespace$5.EventManager), i0__namespace.ɵɵinject(i2__namespace$1.MatDialog), i0__namespace.ɵɵinject(i1__namespace$3.DOCUMENT), i0__namespace.ɵɵinject(i1__namespace$4.ModalController)); }, token: Hotkeys, providedIn: "root" });
+    Hotkeys.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function Hotkeys_Factory() { return new Hotkeys(i0__namespace.ɵɵinject(i1__namespace$5.EventManager), i0__namespace.ɵɵinject(i2__namespace$1.MatDialog), i0__namespace.ɵɵinject(i1__namespace$3.DOCUMENT), i0__namespace.ɵɵinject(i1__namespace$4.ModalController), i0__namespace.ɵɵinject(i1__namespace$4.PopoverController)); }, token: Hotkeys, providedIn: "root" });
     Hotkeys.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: 'root'
@@ -10244,7 +10251,8 @@
         { type: i1$6.EventManager },
         { type: i2.MatDialog },
         { type: undefined, decorators: [{ type: i0.Inject, args: [i1$4.DOCUMENT,] }] },
-        { type: i1$5.ModalController }
+        { type: i1$5.ModalController },
+        { type: i1$5.PopoverController }
     ]; };
 
     var SharedHotkeysModule = /** @class */ (function () {
@@ -11792,7 +11800,7 @@
         LocalSettingsService.prototype.ngOnStart = function () {
             console.info('[settings] Starting service...');
             // Restoring local settings
-            this._data.mobile = isNotNil(this._data.mobile) ? this._data.mobile : isMobile(window);
+            this._data.mobile = isNotNil(this._data.mobile) ? this._data.mobile : (isCordova(window) || isMobile(window));
             this._data.usageMode = (isAndroid(window) || isIOS(window)) ? 'FIELD' : 'DESK'; // FIELD by default if Android or iOS
             // Restoring local settings
             return this.restoreLocally();
@@ -15396,7 +15404,7 @@
                         case 1:
                             _a.sent();
                             console.info('[graphql] Starting graphql...');
-                            mobile = this.platform.is('mobile') || this.platform.is('mobileweb');
+                            mobile = isMobile(window);
                             enableTrackMutationQueries = !mobile;
                             peer = this.network.peer;
                             if (!peer)
@@ -17759,7 +17767,7 @@
                             return [3 /*break*/, 8];
                         case 2:
                             now = this._debug && Date.now();
-                            if (!(this.network.online && this.platform.is('mobile'))) return [3 /*break*/, 6];
+                            if (!(this.network.online && isMobile(window))) return [3 /*break*/, 6];
                             jobs_1 = [];
                             // Download logos
                             if (data.largeLogo && data.largeLogo.startsWith('http')) {
@@ -17901,15 +17909,16 @@
         PlatformService.prototype.is = function (platformName) {
             switch (platformName) {
                 case 'mobile':
-                    // Use custom mobile detection - see SUMARIS issue #323
-                    return isMobile(window);
+                case 'mobileweb':
+                    // Exclude Windows touch screens - see SUMARIS issue #323
+                    return this.platform.is(platformName) && !isWindows(window);
                 default:
                     return this.platform.is(platformName);
             }
         };
         Object.defineProperty(PlatformService.prototype, "mobile", {
             get: function () {
-                return isNotNil(this._mobile) ? this._mobile : isMobile(window);
+                return isNotNil(this._mobile) ? this._mobile : this.is('mobile');
             },
             enumerable: false,
             configurable: true
@@ -17927,18 +17936,18 @@
         PlatformService.prototype.isIOSCordova = function () {
             return this._ios && this._cordova || false;
         };
-        PlatformService.prototype.isWeb = function () {
-            return !this._cordova || (!this._android && !this._ios);
-        };
         PlatformService.prototype.isApp = function () {
-            return this._cordova && (this._android || this._ios);
+            return this.isAndroidCordova() || this.isIOSCordova();
+        };
+        PlatformService.prototype.isWeb = function () {
+            return !this.isApp();
         };
         PlatformService.prototype.isMobileWeb = function () {
-            return isMobile(window) && this.isWeb();
+            return this.mobile && this.isWeb();
         };
         Object.defineProperty(PlatformService.prototype, "canDownload", {
             get: function () {
-                return !!this.downloader && this.isAndroidCordova();
+                return this.downloader && this.isAndroidCordova();
             },
             enumerable: false,
             configurable: true
@@ -30209,8 +30218,7 @@
             disableControl.disable();
             // Copy the 'enable' value, into the disable control
             this.form.get('enable').valueChanges.subscribe(function (value) { return disableControl.setValue(value); });
-            var mobile = platform.is('mobile');
-            this.showLogPanel = this.showLogPanel || mobile;
+            this.showLogPanel = this.showLogPanel || isMobile(window);
         }
         DateTimeTestPage.prototype.ngOnInit = function () {
             var _this = this;
@@ -30500,8 +30508,7 @@
 
     var moment = momentImported__namespace;
     var DateTestPage = /** @class */ (function () {
-        function DateTestPage(platform, formBuilder, cd) {
-            this.platform = platform;
+        function DateTestPage(formBuilder, cd) {
             this.formBuilder = formBuilder;
             this.cd = cd;
             this.showLogPanel = true;
@@ -30523,8 +30530,7 @@
             disableControl.disable();
             // Copy the 'enable' value, into the disable control
             this.form.get('enable').valueChanges.subscribe(function (value) { return disableControl.setValue(value); });
-            var mobile = platform.is('mobile');
-            this.showLogPanel = this.showLogPanel || mobile;
+            this.showLogPanel = this.showLogPanel || isMobile(window);
         }
         DateTestPage.prototype.ngOnInit = function () {
             var _this = this;
@@ -30601,7 +30607,6 @@
                 },] }
     ];
     DateTestPage.ctorParameters = function () { return [
-        { type: i1$5.Platform },
         { type: i1.FormBuilder },
         { type: i0.ChangeDetectorRef }
     ]; };