@sumaris-net/ngx-components 1.8.1 → 1.9.2

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

@@ -1279,7 +1279,7 @@
         return MatAutocompleteConfigHolder;
     }());
     var noop$8 = function (_) { };
-    var ɵ0$b = noop$8;
+    var ɵ0$c = noop$8;
     var MatAutocompleteField = /** @class */ (function () {
         function MatAutocompleteField(cd, formGroupDir) {
             this.cd = cd;
@@ -4469,27 +4469,56 @@
                 },] }
     ];
 
+    /* ---
+     * Source: https://github.com/ionic-team/ionic-framework/blob/b0d53ca73619585671d8cf4dc24e47f826495a0a/core/src/utils/platform.ts
+     * --- */
+    var matchMedia = function (win, query) { return win.matchMedia(query).matches; };
+    var testUserAgent = function (win, expr) {
+        var userAgent = win.navigator.userAgent || win.navigator.vendor || window.opera;
+        return expr.test(userAgent);
+    };
+    var isWindow = function (win) {
+        var userAgent = win.navigator.userAgent || win.navigator.vendor || window.opera;
+        return /windows/i.test(userAgent);
+    };
+    /**
+     * Detect desktop, by fine cursor. See https://github.com/ionic-team/ionic-framework/issues/19942
+     * @param win
+     */
+    var isDesktop = function (win) { return matchMedia(win, '(any-pointer:fine)'); };
+    var isTouchUi = function (win) { return matchMedia(win, '(any-pointer:coarse)'); };
+    var isMobile = function (win) { return isTouchUi(win) && !isDesktop(win); };
+    var isIpad = function (win) {
+        // iOS 12 and below
+        if (testUserAgent(win, /iPad/i)) {
+            return true;
+        }
+        // iOS 13+
+        if (testUserAgent(win, /Macintosh/i) && isMobile(win)) {
+            return true;
+        }
+        return false;
+    };
+    var ɵ0$b = isIpad;
+    var isIOS = function (win) { return testUserAgent(win, /iPhone|iPod/i) || isIpad(win); };
+    var isAndroid = function (win) { return testUserAgent(win, /android|sink/i); };
+    var isCordova = function (win) { return !!(win['cordova'] || win['phonegap'] || win['PhoneGap']); };
+
     // Import the core angular services.
     // ----------------------------------------------------------------------------------- //
     // ----------------------------------------------------------------------------------- //
     var BASE_TIMER_DELAY = 100;
     var AutofocusDirective = /** @class */ (function () {
         // I initialize the autofocus directive.
-        function AutofocusDirective(elementRef, platform, keyboard) {
-            var _this = this;
+        function AutofocusDirective(elementRef, keyboard) {
             this.keyboard = keyboard;
-            this.timer = null;
-            this.elementRef = elementRef;
+            this._timer = null;
+            this._elementRef = elementRef;
             this.shouldFocusElement = '';
-            this.timer = null;
+            this._timer = null;
             this.timerDelay = BASE_TIMER_DELAY;
-            platform.ready().then(function () {
-                _this.touchUi = platform.is('mobile') || platform.is('tablet');
-            });
+            this._mobile = isMobile(window);
         }
-        // ---
-        // PUBLIC METHODS.
-        // ---
         // I get called once after the contents have been fully initialized.
         AutofocusDirective.prototype.ngAfterContentInit = function () {
             // Because this directive can act on the stand-only "autofocus" attribute or
@@ -4524,30 +4553,27 @@
         AutofocusDirective.prototype.ngOnDestroy = function () {
             this.stopFocusWorkflow();
         };
-        // ---
-        // PRIVATE METHODS.
-        // ---
+        /* --- private functions -- */
         // I start the timer-based workflow that will focus the current element.
         AutofocusDirective.prototype.startFocusWorkflow = function () {
             var _this = this;
             // if touch UI: do NOT focus when keyboard hide
-            if (this.touchUi && this.keyboard && this.keyboard.isVisible === false)
+            if (this._mobile && this.keyboard && this.keyboard.isVisible === false)
                 return;
             // If there is already a timer running for this element, just let it play out -
             // resetting it at this point will only push-out the time at which the focus is
             // applied to the element.
-            if (this.timer) {
+            if (this._timer)
                 return;
-            }
-            this.timer = setTimeout(function () {
-                _this.timer = null;
-                _this.elementRef.nativeElement.focus();
+            this._timer = setTimeout(function () {
+                _this._timer = null;
+                _this._elementRef.nativeElement.focus();
             }, this.timerDelay);
         };
         // I stop the timer-based workflow, preventing focus from taking place.
         AutofocusDirective.prototype.stopFocusWorkflow = function () {
-            clearTimeout(this.timer);
-            this.timer = null;
+            clearTimeout(this._timer);
+            this._timer = null;
         };
         return AutofocusDirective;
     }());
@@ -4562,7 +4588,6 @@
     ];
     AutofocusDirective.ctorParameters = function () { return [
         { type: i0.ElementRef },
-        { type: i1$5.Platform },
         { type: ngx.Keyboard, decorators: [{ type: i0.Optional }] }
     ]; };
 
@@ -11244,7 +11269,7 @@
 
     var moment$3 = momentImported__namespace;
     var SETTINGS_STORAGE_KEY = 'settings';
-    var SETTINGS_TRANSIENT_PROPERTIES = ['mobile', 'touchUi'];
+    var SETTINGS_TRANSIENT_PROPERTIES = ['mobile', 'touchUi' /*deprecated*/];
     // fixme: this constant points to static environment
     var DEFAULT_SETTINGS = {
         accountInheritance: true,
@@ -11295,14 +11320,24 @@
         });
         Object.defineProperty(LocalSettingsService.prototype, "usageMode", {
             get: function () {
-                return (this._data && this._data.usageMode || (this.mobile ? 'FIELD' : 'DESK'));
+                var _a;
+                if (isNil((_a = this._data) === null || _a === void 0 ? void 0 : _a.mobile)) {
+                    console.warn("[settings] Accessing to property 'usageMode' BEFORE service started! Please use ready()");
+                    return isCordova(window) ? 'FIELD' : 'DESK';
+                }
+                return this._data.usageMode;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(LocalSettingsService.prototype, "mobile", {
             get: function () {
-                return this._data && toBoolean(this._data.mobile, this.platform.is('mobile'));
+                var _a;
+                if (isNil((_a = this._data) === null || _a === void 0 ? void 0 : _a.mobile)) {
+                    console.warn("[settings] Accessing to property 'mobile' BEFORE service started! Please use ready()");
+                    return isMobile(window);
+                }
+                return this._data.mobile;
             },
             set: function (value) {
                 this._data.mobile = value;
@@ -11310,16 +11345,6 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(LocalSettingsService.prototype, "touchUi", {
-            get: function () {
-                return this._data.touchUi;
-            },
-            set: function (value) {
-                this._data.touchUi = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
         Object.defineProperty(LocalSettingsService.prototype, "pageHistory", {
             get: function () {
                 return (this._data && this._data.pageHistory || []);
@@ -11330,9 +11355,8 @@
         LocalSettingsService.prototype.ngOnStart = function () {
             console.info('[settings] Starting service...');
             // Restoring local settings
-            this._data.mobile = toBoolean(this._data.mobile, this.platform.is('mobile'));
-            this._data.touchUi = this._data.mobile || this.platform.is('phablet') || this.platform.is('tablet');
-            this._data.usageMode = this.platform.is('android') || this.platform.is('ios') ? 'FIELD' : 'DESK'; // FIELD by default if Android or iOs
+            this._data.mobile = isNotNil(this._data.mobile) ? this._data.mobile : isMobile(window);
+            this._data.usageMode = (isAndroid(window) || isIOS(window)) ? 'FIELD' : 'DESK'; // FIELD by default if Android or iOS
             // Restoring local settings
             return this.restoreLocally();
         };
@@ -11345,13 +11369,13 @@
         LocalSettingsService.prototype.restoreLocally = function () {
             return __awaiter(this, void 0, void 0, function () {
                 var data, settingsStr, restoredData_1;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
                             data = this._data || {};
                             return [4 /*yield*/, this.storage.get(SETTINGS_STORAGE_KEY)];
                         case 1:
-                            settingsStr = _a.sent();
+                            settingsStr = _b.sent();
                             // Restore local settings (or keep old settings)
                             if (isNotNilOrBlank(settingsStr)) {
                                 console.info('[settings] Restoring previous settings...');
@@ -11408,14 +11432,14 @@
         LocalSettingsService.prototype.apply = function (settings, opts) {
             return __awaiter(this, void 0, void 0, function () {
                 var data;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
                             if (!!this.started) return [3 /*break*/, 2];
                             return [4 /*yield*/, this.ready()];
                         case 1:
-                            _a.sent();
-                            _a.label = 2;
+                            _b.sent();
+                            _b.label = 2;
                         case 2:
                             data = Object.assign(Object.assign({}, this._data), settings);
                             if (equals(data, this._data))
@@ -11424,11 +11448,11 @@
                             if (!(opts && opts.persistImmediate)) return [3 /*break*/, 4];
                             return [4 /*yield*/, this.persistLocally(true)];
                         case 3:
-                            _a.sent();
+                            _b.sent();
                             return [3 /*break*/, 5];
                         case 4:
                             this.persistLocally(); // No AWAIT
-                            _a.label = 5;
+                            _b.label = 5;
                         case 5:
                             // Emit event
                             if (!opts || opts.emitEvent !== false) {
@@ -11442,14 +11466,14 @@
         LocalSettingsService.prototype.applyProperty = function (key, value, opts) {
             return __awaiter(this, void 0, void 0, function () {
                 var changes;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
                             changes = {};
                             changes[key] = value;
                             return [4 /*yield*/, this.apply(changes, opts)];
                         case 1:
-                            _a.sent();
+                            _b.sent();
                             return [2 /*return*/];
                     }
                 });
@@ -11467,7 +11491,7 @@
         LocalSettingsService.prototype.savePageSetting = function (pageId, value, propertyName) {
             return __awaiter(this, void 0, void 0, function () {
                 var key;
-                return __generator(this, function (_a) {
+                return __generator(this, function (_b) {
                     this._data = this._data || this.defaultSettings;
                     this._data.pages = this._data.pages || {};
                     key = pageId.replace(/[/]/g, '__');
@@ -11593,8 +11617,8 @@
         ) {
             return __awaiter(this, void 0, void 0, function () {
                 var index, existingPage, removedPages;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
                             // If not inside recursive call: fill page history defaults
                             if (!pageHistory)
@@ -11631,8 +11655,8 @@
                             return [4 /*yield*/, this.addToPageHistory(page, opts, existingPage.children)];
                         case 3:
                             // Add page as parent's children (recursive call)
-                            _a.sent();
-                            _a.label = 4;
+                            _b.sent();
+                            _b.label = 4;
                         case 4:
                             if (!(pageHistory === this._data.pageHistory)) return [3 /*break*/, 6];
                             // If max has been reached, remove old pages
@@ -11644,8 +11668,8 @@
                             return [4 /*yield*/, this.applyProperty('pageHistory', pageHistory)];
                         case 5:
                             // Apply new value
-                            _a.sent();
-                            _a.label = 6;
+                            _b.sent();
+                            _b.label = 6;
                         case 6: return [2 /*return*/];
                     }
                 });
@@ -11656,8 +11680,8 @@
             return __awaiter(this, void 0, void 0, function () {
                 var index, found;
                 var _this = this;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
                             pageHistory = pageHistory || this._data.pageHistory;
                             index = pageHistory.findIndex(function (p) { return p.path === path; });
@@ -11679,8 +11703,8 @@
                             return [4 /*yield*/, this.applyProperty('pageHistory', this._data.pageHistory)];
                         case 1:
                             // Apply changes
-                            _a.sent();
-                            _a.label = 2;
+                            _b.sent();
+                            _b.label = 2;
                         case 2: return [2 /*return*/, found];
                     }
                 });
@@ -11688,14 +11712,14 @@
         };
         LocalSettingsService.prototype.clearPageHistory = function () {
             return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0: 
                         // Reset all page history
                         return [4 /*yield*/, this.applyProperty('pageHistory', [], { persistImmediate: true })];
                         case 1:
                             // Reset all page history
-                            _a.sent();
+                            _b.sent();
                             return [2 /*return*/];
                     }
                 });
@@ -15419,6 +15443,7 @@
             _this.onChange = new rxjs.Subject();
             _this.onAuthTokenChange = new rxjs.Subject();
             _this.onAuthBasicChange = new rxjs.Subject();
+            _this._stopWatching$ = new rxjs.Subject();
             _this._cache = {
                 loaded: false,
                 keypair: null,
@@ -15945,6 +15970,7 @@
                             if (hadAuthBasic)
                                 this.onAuthBasicChange.next(undefined);
                             this.onChange.next(undefined);
+                            this._stopWatching$.next();
                             return [2 /*return*/];
                     }
                 });
@@ -16104,13 +16130,18 @@
                 });
             });
         };
-        AccountService.prototype.listenChanges = function () {
+        AccountService.prototype.watch = function () {
             var _this = this;
             if (!this._cache.pubkey)
-                return rxjs.Subscription.EMPTY;
-            var self = this;
-            console.debug('[account] [WS] Listening changes');
-            var subscription = this.graphql.subscribe({
+                throw new Error('Not logged in');
+            if (!this.started) {
+                // Wait service ready, then loop
+                return rxjs.from(this.ready())
+                    .pipe(operators.switchMap(function () { return _this.watch(); }));
+            }
+            this._stopWatching$.next(); // Stop previous listening
+            console.debug('[account] [WS] Watching changes');
+            return this.graphql.subscribe({
                 query: AccountSubscriptions.listenChanges,
                 variables: {
                     interval: 10
@@ -16119,57 +16150,40 @@
                     code: ErrorCodes$2.SUBSCRIBE_ACCOUNT_ERROR,
                     message: 'ERROR.ACCOUNT.SUBSCRIBE_ACCOUNT_ERROR'
                 }
-            }).subscribe({
-                next: function (_b) {
-                    var data = _b.data;
-                    return __awaiter(_this, void 0, void 0, function () {
-                        var _a, existingUpdateDate;
-                        return __generator(this, function (_b) {
-                            switch (_b.label) {
-                                case 0:
-                                    if (!data)
-                                        return [2 /*return*/];
-                                    existingUpdateDate = toDateISOString((_a = self._data) === null || _a === void 0 ? void 0 : _a.updateDate);
-                                    if (!(existingUpdateDate !== data.updateDate)) return [3 /*break*/, 2];
-                                    console.debug("[account] [WS] Detected update on {" + data.updateDate + "}");
-                                    return [4 /*yield*/, self.refresh()];
-                                case 1:
-                                    _b.sent();
-                                    _b.label = 2;
-                                case 2: return [2 /*return*/];
-                            }
-                        });
-                    });
-                },
-                error: function (err) { return __awaiter(_this, void 0, void 0, function () {
-                    return __generator(this, function (_b) {
-                        switch (_b.label) {
-                            case 0:
-                                if (!(err && +err.code === ServerErrorCodes.NOT_FOUND)) return [3 /*break*/, 2];
-                                console.info('[account] Account not exists anymore: force user to logout...', err);
-                                return [4 /*yield*/, self.logout()];
-                            case 1:
-                                _b.sent();
-                                return [3 /*break*/, 5];
-                            case 2:
-                                if (!(err && +err.code === ServerErrorCodes.UNAUTHORIZED)) return [3 /*break*/, 4];
-                                console.info('[account] Account not authorized: force user to logout...', err);
-                                return [4 /*yield*/, self.logout()];
-                            case 3:
-                                _b.sent();
-                                return [3 /*break*/, 5];
-                            case 4:
-                                console.warn('[account] [WS] Received error:', err);
-                                _b.label = 5;
-                            case 5: return [2 /*return*/];
-                        }
-                    });
-                }); },
-                complete: function () {
-                    console.debug('[account] [WS] Completed');
+            })
+                .pipe(
+            // Stop this pipe next time we call watch()
+            operators.takeUntil(this._stopWatching$), operators.map(function (_b) {
+                var data = _b.data;
+                var _a;
+                if (!data)
+                    return;
+                var existingUpdateDate = toDateISOString((_a = _this._data) === null || _a === void 0 ? void 0 : _a.updateDate);
+                if (existingUpdateDate === data.updateDate)
+                    return;
+                console.debug("[account] [WS] Detected update on {" + data.updateDate + "}");
+                return exports.Account.fromObject(data);
+            }), operators.filter(isNotNil));
+        };
+        AccountService.prototype.listenChanges = function () {
+            var self = this;
+            var subscription = this.watch()
+                .subscribe({
+                next: function (data) { return self.refresh(); },
+                error: function (err) {
+                    if (err && +err.code === ServerErrorCodes.NOT_FOUND) {
+                        console.info('[account] Account not exists anymore: force user to logout...', err);
+                        self.logout();
+                    }
+                    else if (err && +err.code === ServerErrorCodes.UNAUTHORIZED) {
+                        console.info('[account] Account not authorized: force user to logout...', err);
+                        self.logout();
+                    }
+                    else {
+                        console.warn('[account] [WS] Received error:', err);
+                    }
                 }
             });
-            // Add log when closing WS
             subscription.add(function () { return console.debug('[account] [WS] Stop listening changes'); });
             return subscription;
         };
@@ -17303,29 +17317,44 @@
                 console.debug('[platform] Creating service');
             return _this;
         }
+        PlatformService.prototype.is = function (platformName) {
+            switch (platformName) {
+                case 'mobile':
+                    // Use custom mobile detection - see SUMARIS issue #323
+                    return isMobile(window);
+                default:
+                    return this.platform.is(platformName);
+            }
+        };
         Object.defineProperty(PlatformService.prototype, "mobile", {
             get: function () {
-                return isNotNil(this._mobile) ? this._mobile : this.platform.is('mobile');
+                return isNotNil(this._mobile) ? this._mobile : isMobile(window);
             },
             enumerable: false,
             configurable: true
         });
-        PlatformService.prototype.is = function (platformName) {
-            return this.platform.is(platformName);
-        };
         /**
-         * Say if opened has been opened from a web browser (and NOT inside an Android or iOs App).
+         * Say if opened has been opened inside an Android or iOs App.
          * This is used to known if there is cordova features
          */
-        PlatformService.prototype.isWebOrDesktop = function () {
-            return !this.platform.is('mobile') || this.platform.is('mobileweb');
+        PlatformService.prototype.isCordova = function () {
+            return this._cordova;
         };
         PlatformService.prototype.isAndroidCordova = function () {
             return this._android && this._cordova || false;
         };
+        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);
+        };
         Object.defineProperty(PlatformService.prototype, "canDownload", {
             get: function () {
-                return this._android && this._cordova && isNotNil(this.downloader);
+                return !!this.downloader && this.isAndroidCordova();
             },
             enumerable: false,
             configurable: true
@@ -17356,16 +17385,13 @@
                             _b.label = 1;
                         case 1:
                             _b.trys.push([1, 6, , 7]);
-                            this._mobile = this.platform.is('mobile');
-                            this._cordova = this.platform.is('cordova');
-                            this._android = this.platform.is('android');
-                            this.configureCordovaPlugins(this._mobile);
-                            this.touchUi = this._mobile || this.platform.is('tablet') || this.platform.is('phablet');
-                            // Force mobile in settings
-                            if (this._mobile) {
-                                this.settings.mobile = this._mobile;
-                                this.settings.touchUi = this.touchUi;
-                            }
+                            this._mobile = this.is('mobile');
+                            this._cordova = this.is('cordova');
+                            this._android = this.is('android');
+                            this._ios = this.is('ios');
+                            this.configureCordovaPlugins();
+                            // Force some settings
+                            this.settings.mobile = this._mobile;
                             // Configure translation
                             return [4 /*yield*/, this.configureTranslate()];
                         case 2:
@@ -17388,7 +17414,7 @@
                         case 5:
                             // Start root services
                             _b.sent();
-                            console.info("[platform] Starting platform [OK] {mobile: " + this._mobile + ", touchUi: " + this.touchUi + ", downloader: " + this.canDownload + ", fileOpener: " + this.canOpenFile + "} in " + (Date.now() - now) + "ms");
+                            console.info("[platform] Starting platform [OK] {mobile: " + this._mobile + ", downloader: " + this.canDownload + ", fileOpener: " + this.canOpenFile + "} in " + (Date.now() - now) + "ms");
                             // Update cache configuration when network changed
                             this.networkService.onNetworkStatusChanges
                                 .pipe(operators.skip(1)) // Skip the first event (behavior subject send event immediately)
@@ -17400,7 +17426,7 @@
                                 console.info("[platform] Using auth token type {" + tokenType + "}");
                                 _this.accountService.tokenType = tokenType;
                             });
-                            // Hide the splashscreen (if mobile) - after 1s
+                            // Hide the splashscreen (if mobile) - after 1s - and play start sound
                             if (this.mobile) {
                                 setTimeout(function () {
                                     var _a;
@@ -17479,7 +17505,7 @@
             //}
         };
         /* -- protected methods -- */
-        PlatformService.prototype.configureCordovaPlugins = function (mobile) {
+        PlatformService.prototype.configureCordovaPlugins = function () {
             console.info('[platform] Configuring Cordova plugins...');
             if (this.statusBar) {
                 this.statusBar.styleDefault();
@@ -17488,15 +17514,6 @@
             if (this.keyboard) {
                 this.keyboard.hideFormAccessoryBar(true);
             }
-            // Force to use InAppBrowser instead of default window.open()
-            if (this.browser) {
-                // FIXME: this create a infinite loop (e.g. when downloading an extraction file)
-                // window.open = (url?: string, target?: string, features?: string, replace?: boolean) => {
-                //   console.debug("[platform] Call to window.open() redirected to InAppBrowser.open()");
-                //   this.browser.create(url, target, features).show();
-                //   return window;
-                // };
-            }
         };
         PlatformService.prototype.configureTranslate = function () {
             var _this = this;
@@ -20714,7 +20731,7 @@
             this.appName = config.label || this.environment.defaultAppName || 'SUMARiS';
             this.logo = config.largeLogo || config.smallLogo || undefined;
             this.description = config.name;
-            this.isWeb = this.platform.isWebOrDesktop();
+            this.isWeb = this.platform.isWeb();
             this.canRegister = config.getPropertyAsBoolean(CORE_CONFIG_OPTIONS.REGISTRATION_ENABLE);
             var partners = (config.partners || []).filter(function (p) { return p && p.logo; });
             this.$partners.next(partners);
@@ -20806,7 +20823,7 @@
                     template: "<app-toolbar [canGoBack]=\"false\"\n             visible-xs visible-sm visible-mobile>\n\n  <!-- change locale button -->\n  <ion-button slot=\"end\" *ngIf=\"currentLocaleCode; let code\"\n              [matMenuTriggerFor]=\"localeMenu\">\n    <ion-label class=\"ion-text-uppercase\">&nbsp;{{ code }}</ion-label>\n    <mat-icon slot=\"end\">arrow_drop_down</mat-icon>\n  </ion-button>\n</app-toolbar>\n\n<!-- change locale menu -->\n<mat-menu #localeMenu=\"matMenu\">\n  <button *ngFor=\"let item of locales\"\n          mat-menu-item\n          (click)=\"changeLanguage(item.key)\">\n    <ion-label>{{item.value}}</ion-label>\n  </button>\n</mat-menu>\n\n<ion-content [ngStyle]=\"contentStyle\" no-padding-xs>\n\n  <!-- loading spinner -->\n  <div class=\"loading-page\" [class.cdk-visually-hidden]=\"!loading\">\n    <div class=\"spinner\" *ngIf=\"loading && showSpinner\">\n      <p>Loading...</p>\n      <div class=\"sk-cube1 sk-cube\"></div>\n      <div class=\"sk-cube2 sk-cube\"></div>\n      <div class=\"sk-cube4 sk-cube\"></div>\n      <div class=\"sk-cube3 sk-cube\"></div>\n    </div>\n  </div>\n\n  <!-- Desktop: translucent top toolbar -->\n  <div hidden-xs hidden-sm hidden-mobile>\n    <ion-toolbar translucent>\n      <ion-buttons slot=\"start\">\n        <ion-menu-toggle>\n          <ion-button color=\"light\" fill=\"clear\">\n            <ion-icon slot=\"icon-only\" name=\"menu\"></ion-icon>\n          </ion-button>\n        </ion-menu-toggle>\n      </ion-buttons>\n\n      <ion-buttons slot=\"end\">\n        <!-- change locale button -->\n        <ion-button color=\"secondary\" fill=\"solid\"\n                    *ngIf=\"currentLocaleCode; let code\"\n                    [matMenuTriggerFor]=\"localeMenu\">\n          <ion-label class=\"ion-text-uppercase\">&nbsp;{{ code }}</ion-label>\n          <mat-icon slot=\"end\">arrow_drop_down</mat-icon>\n        </ion-button>\n      </ion-buttons>\n    </ion-toolbar>\n  </div>\n\n  <!-- Install (and upgrade) card -->\n  <app-install-upgrade-card [isLogin]=\"isLogin\"\n                           showInstallButton=\"true\">\n  </app-install-upgrade-card>\n\n  <!-- Welcome card -->\n  <ion-card *ngIf=\"!loading\"\n            class=\"main welcome ion-padding ion-text-center ion-align-self-center\"\n            @fadeInAnimation>\n    <ion-card-header>\n      <ion-card-title class=\"ion-text-center\">\n        <span *ngIf=\"isWeb\" [innerHTML]=\"'HOME.WELCOME_WEB'|translate: {appName: appName}\"></span>\n        <span *ngIf=\"!isWeb\" [innerHTML]=\"'HOME.WELCOME_APP'|translate: {appName: appName}\"></span>\n      </ion-card-title>\n      <ion-card-subtitle [innerHTML]=\"description\">\n      </ion-card-subtitle>\n    </ion-card-header>\n    <ion-card-content class=\"ion-no-padding\">\n      <ion-text color=\"primary\">\n        <img class=\"logo\" *ngIf=\"logo\" src=\"{{ logo }}\">\n      </ion-text>\n      <!-- register help text -->\n      <ion-text *ngIf=\"!isLogin && canRegister\">\n        <br/>\n        <span translate>HOME.REGISTER_HELP</span>\n      </ion-text>\n    </ion-card-content>\n\n    <ion-footer class=\"ion-padding-top\">\n\n      <!-- If NOT login -->\n      <ng-container *ngIf=\"!isLogin; else loginButtons;\">\n\n        <ion-button *ngIf=\"canRegister\" expand=\"block\" color=\"tertiary\" (click)=\"register()\">\n          <span translate>HOME.BTN_REGISTER</span>\n        </ion-button>\n        <ion-button expand=\"block\" color=\"light\" [routerLink]=\"['/']\" (click)=\"login()\">\n          <span translate>AUTH.BTN_LOGIN</span>\n        </ion-button>\n\n      </ng-container>\n\n      <!-- If user login -->\n      <ng-template #loginButtons>\n\n        <!-- Feature buttons -->\n        <ng-container *ngIf=\"$filteredButtons | async as buttons\">\n          <ng-container *ngFor=\"let item of buttons\">\n            <ion-button *ngIf=\"item.path\"\n                        expand=\"block\" color=\"tertiary\"\n                        [class]=\"item.cssClass\"\n                        [routerLink]=\"item.path\"\n                        routerDirection=\"root\">\n              <ion-icon slot=\"start\" class=\"ion-float-start\" *ngIf=\"item.icon\" [name]=\"item.icon\"></ion-icon>\n              <mat-icon slot=\"start\" class=\"ion-float-start\" *ngIf=\"item.matIcon\">{{item.matIcon}}</mat-icon>\n              <ion-text>{{'HOME.BTN_DATA_ENTRY'|translate: {name: (item.title | translate) } }}</ion-text>\n            </ion-button>\n\n            <!-- divider -->\n            <div *ngIf=\"!item.path && !item.action\" [class]=\"item.cssClass\">\n              <ion-label translate>{{item.title}}&nbsp;</ion-label>\n            </div>\n          </ng-container>\n\n          <!--<p *ngIf=\"buttons.length\" class=\"visible-mobile\">&nbsp;</p>-->\n        </ng-container>\n\n        <ion-button expand=\"block\" color=\"secondary\" [routerLink]=\"['/account']\">\n          <ion-icon slot=\"start\" class=\"ion-float-start\" name=\"person-circle\"></ion-icon>\n          <ion-text translate>HOME.BTN_MY_ACCOUNT</ion-text>\n        </ion-button>\n\n        <p hidden-xs hidden-sm hidden-mobile>\n          <ion-text [innerHTML]=\"'HOME.NOT_THIS_ACCOUNT_QUESTION' | translate: {displayName: accountName }\"></ion-text>\n          <br/>\n          <ion-text>\n            <a href=\"#\" (click)=\"logout($event)\">\n              <span translate>HOME.BTN_DISCONNECT</span>\n            </a>\n          </ion-text>\n        </p>\n\n\n      </ng-template>\n\n    </ion-footer>\n  </ion-card>\n\n  <!-- Page history -->\n  <ion-grid *ngIf=\"!loading && isLogin && pageHistory.length; else bottomBanner\"\n            class=\"history-container ion-align-self-center\">\n    <ion-row>\n      <ion-col size=\"12\" size-xl=\"\" *ngFor=\"let page of pageHistory; trackBy: getPagePath\"\n               class=\"ion-text-center\">\n        <ion-card class=\"ion-align-self-start ion-text-start\" @fadeInAnimation>\n          <ion-card-header class=\"ion-no-padding\">\n            <!-- top bar -->\n            <ion-card-subtitle>\n              <button type=\"button\" tabindex=\"-1\"\n                      (click)=\"settings.removePageHistory(page.path)\"\n                      mat-icon-button class=\"ion-float-start ion-no-margin\">\n                <mat-icon>close</mat-icon>\n              </button>\n              <ion-label [innerHTML]=\"page.subtitle|translate\"></ion-label>\n              <ion-text class=\"ion-float-end\" [title]=\"page.time|dateFormat:{time: true}\">\n                <small><ion-icon name=\"time-outline\"></ion-icon>&nbsp;{{ page.time|dateFromNow }}</small>&nbsp;\n              </ion-text>\n            </ion-card-subtitle>\n\n            <!-- main page -->\n            <ion-card-title class=\"ion-no-margin ion-no-padding\">\n              <ion-item  detail=\"true\"\n                         tappable class=\"text-1x\"\n                         [routerLink]=\"page.path\"\n                         routerDirection=\"root\" lines=\"none\">\n                <!-- page icon-->\n                <ion-icon *ngIf=\"page.icon\"    slot=\"start\" [name]=\"page.icon\"></ion-icon>\n                <mat-icon *ngIf=\"page.matIcon\" slot=\"start\">{{page.matIcon}}</mat-icon>\n\n                <ion-label color=\"primary\" [innerHTML]=\"page.title\"></ion-label>\n              </ion-item>\n            </ion-card-title>\n          </ion-card-header>\n\n          <!-- children pages -->\n          <ion-card-content class=\"ion-no-padding ion-padding-start\" *ngIf=\"page.children?.length\">\n            <ion-list class=\"ion-no-padding\">\n              <ion-item  detail=\"true\"\n                         *ngFor=\"let childPage of page.children\"\n                         tappable class=\"text-1x\"\n                        [routerLink]=\"childPage.path\"\n                        routerDirection=\"root\">\n                <!-- page icon-->\n                <ion-icon *ngIf=\"childPage.icon\"    slot=\"start\" color=\"dark\" [name]=\"childPage.icon\"></ion-icon>\n                <mat-icon *ngIf=\"childPage.matIcon\" slot=\"start\" color=\"dark\">{{childPage.matIcon}}</mat-icon>\n\n                <ion-label color=\"dark\" [innerHTML]=\"childPage.title\"></ion-label>\n              </ion-item>\n            </ion-list>\n          </ion-card-content>\n        </ion-card>\n      </ion-col>\n    </ion-row>\n  </ion-grid>\n\n  <!-- Display configured Departments logos -->\n  <ng-template #bottomBanner>\n    <div class=\"bottom-banner ion-text-center ion-padding\" *ngIf=\"!loadingBanner\" @fadeInAnimation>\n      <a href=\"{{ item.siteUrl }}\" *ngFor=\"let item of $partners | async \">\n        <img class=\"logo\" src=\"{{ item.logo }}\" alt=\"{{item.label}}\"  [title]=\"item.label\" />\n      </a>\n    </div>\n  </ng-template>\n\n\n</ion-content>\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     animations: [fadeInAnimation, slideUpDownAnimation],
-                    styles: ["h1,h2,h3,h4,h5{white-space:normal}.center,ion-content ion-card.welcome img{text-align:center;display:inline-block}ion-content{--background:transparent;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;display:inline-block;padding:15px}ion-content,ion-content .loading-page{background-color:var(--ion-color-primary)}ion-content .loading-page{display:block;height:100%;width:100%;position:absolute;z-index:5;transition:background .5s linear;-webkit-transition:background 1.5s linear}ion-content .loading-page.hidden{background-color:rgba(var(--ion-color-primary),0)}ion-content ion-card{z-index:9}ion-content ion-card ion-card-header{display:block}ion-content ion-card ion-card-header ion-card-subtitle,ion-content ion-card ion-card-header ion-card-title{display:block;width:100%}ion-content ion-card.main{min-width:240px;max-width:400px;margin-left:auto;margin-right:auto}ion-content ion-card.welcome{background-color:hsla(0,0%,100%,.7)}ion-content ion-card.welcome button{margin-top:16px}ion-content ion-card.welcome img{max-width:250px}ion-content .history-container{margin-left:auto;margin-right:auto}ion-content .history-container ion-card{display:inline-block;box-sizing:border-box;z-index:8;min-width:240px;max-width:400px;width:100%;margin-left:auto;margin-right:auto;background-color:hsla(0,0%,100%,.7)}ion-content .history-container ion-card ion-card-header ion-card-subtitle{height:40px}ion-content .history-container ion-card ion-card-header ion-card-subtitle button[float-start]{z-index:99;margin:0}ion-content .history-container ion-card ion-card-header ion-card-subtitle ion-label{line-height:40px}ion-content .history-container ion-card ion-card-header ion-card-subtitle ion-label[float-end]{padding-right:16px;font-weight:400}ion-content .history-container ion-card ion-card-header ion-card-title ion-item{--ion-item-background:$transparent;--ion-item-icon-color:var(--ion-color-primary);--ion-item-text-color:var(--ion-color-primary)}ion-content .history-container ion-card ion-card-header ion-card-title ion-item ion-icon[slot=start],ion-content .history-container ion-card ion-card-header ion-card-title ion-item mat-icon[slot=start]{margin-right:unset;-webkit-margin-end:16px!important;margin-inline-end:16px!important;color:var(--ion-item-icon-color)!important;fill:currentColor;stroke:currentColor}ion-content .history-container ion-card ion-card-header ion-card-title ion-item ion-label,ion-content .history-container ion-card ion-card-header ion-card-title ion-item ion-text{color:var(--ion-item-text-color)!important;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}ion-content .history-container ion-card ion-card-content ion-list{--ion-item-background:var(--ion-color-transparent)}ion-content .history-container ion-card ion-card-content ion-list ion-item{--ion-item-icon-color:var(--ion-color-dark);--ion-item-text-color:var(--ion-color-dark)}ion-content .history-container ion-card ion-card-content ion-list ion-item ion-icon[slot=start],ion-content .history-container ion-card ion-card-content ion-list ion-item mat-icon[slot=start]{color:var(--ion-item-icon-color)!important;fill:currentColor;stroke:currentColor;margin-right:unset;-webkit-margin-end:16px!important;margin-inline-end:16px!important}ion-content .history-container ion-card ion-card-content ion-list ion-item ion-label,ion-content .history-container ion-card ion-card-content ion-list ion-item ion-text{color:var(--ion-item-text-color)!important}ion-content .bottom-banner{background-color:hsla(0,0%,100%,.7);min-width:240px;z-index:0;position:absolute;left:16px;right:16px;bottom:16px}ion-content .bottom-banner img.logo{max-height:50px;margin-left:8px}ion-content ion-text{text-align:center}@media screen and (max-width:575px){ion-content ion-card{min-width:160px;width:calc(100% - 20px);max-width:100%;margin-left:10px;margin-right:10px}ion-content ion-card h1{margin-top:0;font-size:20px}ion-content ion-card button{margin-top:8px}ion-content .bottom-banner{display:block;position:unset}ion-content .bottom-banner img.logo{max-height:30px}}@media screen and (max-width:767px) and (min-width:576px){ion-content{min-height:555px}ion-content .bottom-banner img.logo{max-height:40px}}@media screen and (min-width:768px){ion-content{min-height:calc(100% - 100px)}}"]
+                    styles: ["h1,h2,h3,h4,h5{white-space:normal}.center,ion-content ion-card.welcome img{text-align:center;display:inline-block}ion-content{--background:transparent;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;display:inline-block;padding:15px}ion-content,ion-content .loading-page{background-color:var(--ion-color-primary)}ion-content .loading-page{display:block;height:100%;width:100%;position:absolute;z-index:5;transition:background .5s linear;-webkit-transition:background 1.5s linear}ion-content .loading-page.hidden{background-color:rgba(var(--ion-color-primary),0)}ion-content ion-card{z-index:9}ion-content ion-card ion-card-header{display:block}ion-content ion-card ion-card-header ion-card-subtitle,ion-content ion-card ion-card-header ion-card-title{display:block;width:100%}ion-content ion-card.main{min-width:240px;max-width:400px;margin-left:auto;margin-right:auto}ion-content ion-card.welcome{background-color:hsla(0,0%,100%,.7)}ion-content ion-card.welcome button{margin-top:16px}ion-content ion-card.welcome img{max-width:250px}ion-content .history-container{margin-left:auto;margin-right:auto}ion-content .history-container ion-card{display:inline-block;box-sizing:border-box;z-index:8;min-width:240px;max-width:400px;width:100%;margin-left:auto;margin-right:auto;background-color:hsla(0,0%,100%,.7)}ion-content .history-container ion-card ion-card-header ion-card-subtitle{height:40px}ion-content .history-container ion-card ion-card-header ion-card-subtitle button[float-start]{z-index:99;margin:0}ion-content .history-container ion-card ion-card-header ion-card-subtitle ion-label{line-height:40px}ion-content .history-container ion-card ion-card-header ion-card-subtitle ion-label[float-end]{padding-right:16px;font-weight:400}ion-content .history-container ion-card ion-card-header ion-card-title ion-item{--ion-item-background:$transparent;--ion-item-icon-color:var(--ion-color-primary);--ion-item-text-color:var(--ion-color-primary)}ion-content .history-container ion-card ion-card-header ion-card-title ion-item ion-icon[slot=start],ion-content .history-container ion-card ion-card-header ion-card-title ion-item mat-icon[slot=start]{margin-right:unset;-webkit-margin-end:16px!important;margin-inline-end:16px!important;color:var(--ion-item-icon-color)!important;fill:currentColor;stroke:currentColor}ion-content .history-container ion-card ion-card-header ion-card-title ion-item ion-label,ion-content .history-container ion-card ion-card-header ion-card-title ion-item ion-text{color:var(--ion-item-text-color)!important;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}ion-content .history-container ion-card ion-card-content ion-list{--ion-item-background:var(--ion-color-transparent)}ion-content .history-container ion-card ion-card-content ion-list ion-item{--ion-item-icon-color:var(--ion-color-dark);--ion-item-text-color:var(--ion-color-dark)}ion-content .history-container ion-card ion-card-content ion-list ion-item ion-icon[slot=start],ion-content .history-container ion-card ion-card-content ion-list ion-item mat-icon[slot=start]{color:var(--ion-item-icon-color)!important;fill:currentColor;stroke:currentColor;margin-right:unset;-webkit-margin-end:16px!important;margin-inline-end:16px!important}ion-content .history-container ion-card ion-card-content ion-list ion-item ion-label,ion-content .history-container ion-card ion-card-content ion-list ion-item ion-text{color:var(--ion-item-text-color)!important}ion-content .bottom-banner{background-color:hsla(0,0%,100%,.7);min-width:240px;z-index:0;position:absolute;left:16px;right:16px;bottom:16px}ion-content .bottom-banner img.logo{max-height:50px;margin-left:8px}ion-content ion-text{text-align:center}@media screen and (max-width:575px){ion-content ion-card{min-width:160px;width:calc(100% - 20px);max-width:100%;margin-left:10px;margin-right:10px}ion-content ion-card h1{margin-top:0;font-size:20px}ion-content ion-card ion-card-content ion-button{margin-top:8px}ion-content .bottom-banner{display:block;position:unset}ion-content .bottom-banner img.logo{max-height:30px}}@media screen and (max-width:767px) and (min-width:576px){ion-content{min-height:555px}ion-content .bottom-banner img.logo{max-height:40px}}@media screen and (min-width:768px){ion-content{min-height:calc(100% - 100px)}}"]
                 },] }
     ];
     HomePage.ctorParameters = function () { return [
@@ -20909,7 +20926,7 @@
         { type: i0.Component, args: [{
                     selector: 'page-register-confirm',
                     template: "<app-toolbar [title]=\"'REGISTER.CONFIRMED.TITLE'|translate\" color=\"primary\">\n</app-toolbar>\n\n\n<ion-content class=\"bg-image-cover center ion-padding\" [ngStyle]=\"contentStyle\">\n\n  <p class=\"hidden-xs ion-padding\">&nbsp;<br /><br /></p>\n  <p class=\"hidden-xs\">&nbsp;</p>\n\n\n  <ion-card>\n    <ion-card-content>\n\n      <div>\n        <ng-container *ngIf=\"loading\">\n          <h4 translate>REGISTER.CONFIRMED.LOADING</h4>\n          <p><ion-spinner></ion-spinner></p>\n        </ng-container>\n\n        <!-- error -->\n        <ion-item *ngIf=\"!loading && error\">\n          <ion-icon color=\"danger\" slot=\"start\" name=\"alert-circle\"></ion-icon>\n          <ion-label color=\"danger\" class=\"error\" [innerHTML]=\"error|translate\"></ion-label>\n        </ion-item>\n      </div>\n\n      <div *ngIf=\"!loading && !error\">\n        <h3>\n          <ion-icon name=\"checkmark\"></ion-icon>\n          <b translate>REGISTER.CONFIRMED.SUB_TITLE</b>\n        </h3>\n\n        <ion-text>\n          <p [innerHTML]=\"'REGISTER.CONFIRMED.SUCCESS'|translate: {email: email}\"></p>\n          <p *ngIf=\"!isLogin\" [innerHTML]=\"'REGISTER.CONFIRMED.LOGIN_HELP'|translate\"></p>\n        </ion-text>\n\n      </div>\n\n    </ion-card-content>\n\n    <ion-footer *ngIf=\"!loading\">\n      <ion-button expand=\"full\" color=\"primary\" [routerLink]=\"['/account']\" *ngIf=\"!isLogin\">\n        <ion-icon name=\"log-in\" slot=\"start\"></ion-icon>\n        <span translate>AUTH.BTN_LOGIN</span>\n      </ion-button>\n\n      <ion-button expand=\"full\" color=\"secondary\" [routerLink]=\"['/account']\" *ngIf=\"isLogin\">\n        <ion-icon name=\"contact\" slot=\"start\"></ion-icon>\n        <span translate>HOME.BTN_MY_ACCOUNT</span>\n      </ion-button>\n    </ion-footer>\n  </ion-card>\n\n</ion-content>\n",
-                    styles: ["h1,h2,h3,h4,h5{white-space:normal}.bottom-banner,.center,ion-card,ion-card img,ion-content,ion-text{text-align:center;display:inline-block}ion-content{--ion-background-color:transparent;background-size:cover;display:inline-block;padding:15px}ion-card{padding:var(--ion-padding);background-color:hsla(0,0%,100%,.7);min-width:240px;max-width:400px;z-index:9}ion-card button{margin-top:16px}ion-card img{max-width:250px}.bottom-banner{padding:var(--ion-padding);background-color:hsla(0,0%,100%,.7);min-width:240px;z-index:0}.bottom-banner img.logo{max-height:50px;margin-left:8px}@media screen and (max-width:575px){ion-content ion-card{min-width:160px;width:auto;max-width:260px}ion-content ion-card img{max-width:100px;margin-left:8px}ion-content ion-card button{margin-top:8px}.bottom-banner img.logo{max-height:30px}}@media screen and (max-width:767px) and (min-width:576px){ion-content{min-height:555px}.bottom-banner img.logo{max-height:40px}}@media screen and (min-width:768px){ion-content{min-height:606px}.main-content{padding-bottom:0}.bottom-banner{position:absolute;bottom:16px;left:16px;right:16px}}"]
+                    styles: ["h1,h2,h3,h4,h5{white-space:normal}.bottom-banner,.center,ion-card,ion-card img,ion-content,ion-text{text-align:center;display:inline-block}ion-content{--ion-background-color:transparent;background-size:cover;display:inline-block;padding:15px}ion-card{padding:var(--ion-padding);background-color:hsla(0,0%,100%,.7);min-width:240px;max-width:400px;z-index:9}ion-card button{margin-top:16px}ion-card img{max-width:250px}.bottom-banner{padding:var(--ion-padding);background-color:hsla(0,0%,100%,.7);min-width:240px;z-index:0}.bottom-banner img.logo{max-height:50px;margin-left:8px}@media screen and (max-width:575px){ion-content ion-card{min-width:160px;width:auto;max-width:260px}ion-content ion-card img{max-width:100px;margin-left:8px}ion-content ion-card ion-footer ion-button{margin-top:8px}.bottom-banner img.logo{max-height:30px}}@media screen and (max-width:767px) and (min-width:576px){ion-content{min-height:555px}.bottom-banner img.logo{max-height:40px}}@media screen and (min-width:768px){ion-content{min-height:606px}.main-content{padding-bottom:0}.bottom-banner{position:absolute;bottom:16px;left:16px;right:16px}}"]
                 },] }
     ];
     RegisterConfirmPage.ctorParameters = function () { return [
@@ -24599,13 +24616,8 @@
     // @dynamic
     // eslint-disable-next-line @angular-eslint/directive-class-suffix
     var AppTable = /** @class */ (function () {
-        function AppTable(route, router, platform, location, modalCtrl, settings, columns, _dataSource, _filter, injector) {
-            this.route = route;
-            this.router = router;
-            this.platform = platform;
-            this.location = location;
-            this.modalCtrl = modalCtrl;
-            this.settings = settings;
+        function AppTable(injector, columns, _dataSource, _filter) {
+            var _this = this;
             this.columns = columns;
             this._dataSource = _dataSource;
             this._filter = _filter;
@@ -24648,13 +24660,19 @@
             this.onDirty = new i0.EventEmitter();
             this.onError = new i0.EventEmitter();
             this._paginator = null;
-            this.mobile = this.platform.is('mobile');
-            this.translate = injector === null || injector === void 0 ? void 0 : injector.get(i1$2.TranslateService);
-            this.formErrorAdapter = injector === null || injector === void 0 ? void 0 : injector.get(FormErrorTranslator);
-            this.alertCtrl = injector === null || injector === void 0 ? void 0 : injector.get(i1$5.AlertController);
-            this.toastController = injector === null || injector === void 0 ? void 0 : injector.get(i1$5.ToastController);
+            this.route = injector.get(i3.ActivatedRoute);
+            this.router = injector.get(i3.Router);
+            this.location = injector.get(i1$4.Location);
+            this.settings = injector.get(LocalSettingsService);
+            this.translate = injector.get(i1$2.TranslateService);
+            this.modalCtrl = injector.get(i1$5.ModalController);
+            this.alertCtrl = injector.get(i1$5.AlertController);
+            this.toastController = injector.get(i1$5.ToastController);
+            this.formErrorAdapter = injector.get(FormErrorTranslator);
+            this.mobile = this.settings.mobile;
+            // Autocomplete fields
             this._autocompleteConfigHolder = new MatAutocompleteConfigHolder({
-                getUserAttributes: function (a, b) { return settings.getFieldDisplayAttributes(a, b); }
+                getUserAttributes: function (a, b) { return _this.settings.getFieldDisplayAttributes(a, b); }
             });
             this.autocompleteFields = this._autocompleteConfigHolder.fields;
         }
@@ -26092,9 +26110,12 @@
             return (this.i18nColumnPrefix || '') + changeCaseToUnderscore(columnName).toUpperCase();
         };
         AppTable.prototype.generateTableId = function () {
-            return this.location.path(true).replace(/[?].*$/g, '').replace(/\/[\d]+/g, '_id') + '_' + this.constructor.name;
+            var id = this.location.path(true)
+                .replace(/[?].*$/g, '')
+                .replace(/\/[\d]+/g, '_id')
+                + '_' + this.constructor.name;
             //if (this.debug) console.debug("[table] id = " + id);
-            //return id;
+            return id;
         };
         AppTable.prototype.addRowToTable = function (insertAt) {
             return __awaiter(this, void 0, void 0, function () {
@@ -26389,16 +26410,10 @@
         { type: i0.Directive }
     ];
     AppTable.ctorParameters = function () { return [
-        { type: i3.ActivatedRoute },
-        { type: i3.Router },
-        { type: undefined },
-        { type: i1$4.Location },
-        { type: i1$5.ModalController },
-        { type: LocalSettingsService },
+        { type: i0.Injector },
         { type: Array },
         { type: EntitiesTableDataSource },
-        { type: undefined },
-        { type: i0.Injector }
+        { type: undefined }
     ]; };
     AppTable.propDecorators = {
         settingsId: [{ type: i0.Input }],
@@ -27943,8 +27958,7 @@
     var AppInMemoryTable = /** @class */ (function (_super) {
         __extends(AppInMemoryTable, _super);
         function AppInMemoryTable(injector, columns, dataType, memoryDataService, validatorService, options, filter) {
-            var _this = _super.call(this, injector.get(i3.ActivatedRoute), injector.get(i3.Router), injector.get(i1$5.Platform), injector.get(i1$4.Location), injector.get(i1$5.ModalController), injector.get(LocalSettingsService), columns, new EntitiesTableDataSource(dataType, memoryDataService, validatorService, options), filter, injector) || this;
-            _this.injector = injector;
+            var _this = _super.call(this, injector, columns, new EntitiesTableDataSource(dataType, memoryDataService, validatorService, options), filter) || this;
             _this.columns = columns;
             _this.dataType = dataType;
             _this.memoryDataService = memoryDataService;
@@ -28453,7 +28467,7 @@
     var UserEventsTable = /** @class */ (function (_super) {
         __extends(UserEventsTable, _super);
         function UserEventsTable(injector, accountService, service, entities, cd, environment) {
-            var _this = _super.call(this, injector.get(i3.ActivatedRoute), injector.get(i3.Router), injector.get(i1$5.Platform), injector.get(i1$4.Location), injector.get(i1$5.ModalController), injector.get(LocalSettingsService), 
+            var _this = _super.call(this, injector, 
             // columns
             RESERVED_START_COLUMNS
                 .concat([
@@ -28462,8 +28476,7 @@
                 'eventType',
                 'message'
             ])
-                .concat(RESERVED_END_COLUMNS), null, null, injector) || this;
-            _this.injector = injector;
+                .concat(RESERVED_END_COLUMNS), null, null) || this;
             _this.accountService = accountService;
             _this.service = service;
             _this.entities = entities;
@@ -28861,8 +28874,8 @@
 
     var UsersPage = /** @class */ (function (_super) {
         __extends(UsersPage, _super);
-        function UsersPage(route, router, platform, location, modalCtrl, accountService, settings, validatorService, configService, dataService, cd, formBuilder, injector, environment) {
-            var _this = _super.call(this, route, router, platform, location, modalCtrl, settings, RESERVED_START_COLUMNS
+        function UsersPage(injector, accountService, validatorService, configService, dataService, cd, formBuilder, environment) {
+            var _this = _super.call(this, injector, RESERVED_START_COLUMNS
                 .concat([
                 'avatar',
                 'lastName',
@@ -28881,14 +28894,8 @@
                 dataServiceOptions: {
                     saveOnlyDirtyRows: true
                 }
-            }), null, injector) || this;
-            _this.route = route;
-            _this.router = router;
-            _this.platform = platform;
-            _this.location = location;
-            _this.modalCtrl = modalCtrl;
+            }), null) || this;
             _this.accountService = accountService;
-            _this.settings = settings;
             _this.validatorService = validatorService;
             _this.configService = configService;
             _this.dataService = dataService;
@@ -29027,19 +29034,13 @@
                 },] }
     ];
     UsersPage.ctorParameters = function () { return [
-        { type: i3.ActivatedRoute },
-        { type: i3.Router },
-        { type: PlatformService },
-        { type: i1$4.Location },
-        { type: i1$5.ModalController },
+        { type: i0.Injector },
         { type: AccountService },
-        { type: LocalSettingsService },
         { type: ngxMaterialTable.ValidatorService },
         { type: ConfigService },
         { type: PersonService },
         { type: i0.ChangeDetectorRef },
         { type: i1.FormBuilder },
-        { type: i0.Injector },
         { type: undefined, decorators: [{ type: i0.Inject, args: [ENVIRONMENT,] }] }
     ]; };
     UsersPage.propDecorators = {
@@ -29399,11 +29400,16 @@
     exports.getRandomImage = getRandomImage;
     exports.hexToRgb = hexToRgb;
     exports.hexToRgbArray = hexToRgbArray;
+    exports.isAndroid = isAndroid;
     exports.isControlHasInput = isControlHasInput;
+    exports.isCordova = isCordova;
+    exports.isDesktop = isDesktop;
     exports.isEmptyArray = isEmptyArray;
+    exports.isIOS = isIOS;
     exports.isInputElement = isInputElement;
     exports.isInstanceOf = isInstanceOf;
     exports.isInt = isInt;
+    exports.isMobile = isMobile;
     exports.isNil = isNil;
     exports.isNilOrBlank = isNilOrBlank;
     exports.isNilOrNaN = isNilOrNaN;
@@ -29414,6 +29420,8 @@
     exports.isNotNilString = isNotNilString;
     exports.isNumber = isNumber;
     exports.isNumberRange = isNumberRange;
+    exports.isTouchUi = isTouchUi;
+    exports.isWindow = isWindow;
     exports.joinProperties = joinProperties;
     exports.joinPropertiesPath = joinPropertiesPath;
     exports.logFormErrors = logFormErrors;
@@ -29421,6 +29429,7 @@
     exports.markAsUntouched = markAsUntouched;
     exports.markControlAsTouched = markControlAsTouched;
     exports.markFormGroupAsTouched = markFormGroupAsTouched;
+    exports.matchMedia = matchMedia;
     exports.matchUpperCase = matchUpperCase;
     exports.mergeLoadResult = mergeLoadResult;
     exports.mixHex = mixHex;
@@ -29461,6 +29470,7 @@
     exports.suggestFromArray = suggestFromArray;
     exports.suggestFromStringArray = suggestFromStringArray;
     exports.tabindexComparator = tabindexComparator;
+    exports.testUserAgent = testUserAgent;
     exports.toBoolean = toBoolean;
     exports.toDateISOString = toDateISOString;
     exports.toDuration = toDuration;
@@ -29475,6 +29485,7 @@
     exports.waitForTrue = waitForTrue;
     exports.waitIdle = waitIdle;
     exports.waitWhilePending = waitWhilePending;
+    exports["ɵ0"] = ɵ0$b;
     exports["ɵa"] = CustomReuseStrategy;
     exports["ɵb"] = MatNumpadDomService;
     exports["ɵc"] = SharedMatBadgeIconModule;