@sumaris-net/ngx-components 1.3.0 → 1.3.4

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

@@ -4138,7 +4138,7 @@
             this.translate = translate;
             this.errorI18nKeys = Object.assign(Object.assign({}, SharedValidators.I18N_ERROR_KEYS), errorI18nKeys);
         }
-        FormErrorTranslator.prototype.translateErrors = function (control, opts) {
+        FormErrorTranslator.prototype.translateFormErrors = function (control, opts) {
             var _this = this;
             if (!control || !control.invalid)
                 return '';
@@ -4167,6 +4167,31 @@
                 return res + (res.length ? separator : '') + formError;
             }, "");
         };
+        FormErrorTranslator.prototype.translateErrors = function (errors, opts) {
+            var _this = this;
+            var separator = opts && opts.separator || ', ';
+            return errors && Object.keys(errors).reduce(function (res, path) {
+                var pathErrors = errors[path];
+                // Should be a control map of errors
+                if (pathErrors) {
+                    // Try to convert the control path
+                    var i18nPath = _this.translateControlPath(path, opts);
+                    // OK, we have a field name: use it
+                    var columnErrors = Object.keys(pathErrors).map(function (errorKey) { return _this.translateError(errorKey, pathErrors[errorKey]); });
+                    if (isEmptyArray(columnErrors))
+                        return res;
+                    // Add separator
+                    if (res.length)
+                        res += separator;
+                    return res + i18nPath + ": " + columnErrors.join(separator);
+                }
+                // Or try as global form error
+                var formError = _this.translateError(path, pathErrors);
+                if (isNil(formError))
+                    return res;
+                return res + (res.length ? separator : '') + formError;
+            }, "");
+        };
         FormErrorTranslator.prototype.translateControlPath = function (path, opts) {
             if (opts === null || opts === void 0 ? void 0 : opts.controlPathTranslator) {
                 return opts === null || opts === void 0 ? void 0 : opts.controlPathTranslator.translateControlPath(path);
@@ -4241,7 +4266,7 @@
         };
         FormErrorTranslatePipe.prototype._updateValue = function (form, opts, status) {
             if (status === 'INVALID' || form.invalid) {
-                this.value = this.adapter.translateErrors(form, opts);
+                this.value = this.adapter.translateFormErrors(form, opts);
                 this._ref.markForCheck();
             }
             else if (this.value !== undefined) {
@@ -16762,11 +16787,11 @@
             return !this.platform.is('mobile') || this.platform.is('mobileweb');
         };
         PlatformService.prototype.isAndroidCordova = function () {
-            return this._android && this._cordova;
+            return this._android && this._cordova || false;
         };
         Object.defineProperty(PlatformService.prototype, "canDownload", {
             get: function () {
-                return this.isAndroidCordova && isNotNil(this.downloader);
+                return this._android && this._cordova && isNotNil(this.downloader);
             },
             enumerable: false,
             configurable: true
@@ -16786,7 +16811,7 @@
         };
         PlatformService.prototype.ngOnStart = function () {
             return __awaiter(this, void 0, void 0, function () {
-                var now, forage, err_1;
+                var now, storage, err_1;
                 var _this = this;
                 return __generator(this, function (_b) {
                     switch (_b.label) {
@@ -16814,8 +16839,8 @@
                             _b.sent();
                             return [4 /*yield*/, this.storageReady()];
                         case 3:
-                            forage = _b.sent();
-                            return [4 /*yield*/, this.migrateStorage(forage)];
+                            storage = _b.sent();
+                            return [4 /*yield*/, this.migrateStorage(storage)];
                         case 4:
                             _b.sent();
                             // Start root services
@@ -17007,28 +17032,28 @@
                 });
             });
         };
-        PlatformService.prototype.migrateStorage = function (forage) {
+        PlatformService.prototype.migrateStorage = function (storage) {
             return __awaiter(this, void 0, void 0, function () {
                 var canMigrate, oldForage, keys, now, toast_1, duration, err_2;
                 return __generator(this, function (_b) {
                     switch (_b.label) {
                         case 0:
-                            canMigrate = forage &&
-                                ((forage.driver() === 'cordovaSQLiteDriver' && (forage.supports(forage.INDEXEDDB) || forage.supports(forage.WEBSQL))) ||
-                                    (forage.driver() === forage.WEBSQL && forage.supports(forage.INDEXEDDB)));
+                            canMigrate = storage &&
+                                ((storage.driver() === 'cordovaSQLiteDriver' && (storage.supports(storage.INDEXEDDB) || storage.supports(storage.WEBSQL))) ||
+                                    (storage.driver() === storage.WEBSQL && storage.supports(storage.INDEXEDDB)));
                             if (!canMigrate)
                                 return [2 /*return*/]; // Skip
-                            oldForage = forage.createInstance({
-                                name: forage.config().name,
-                                storeName: forage.config().storeName,
-                                driver: [forage.INDEXEDDB, forage.WEBSQL]
+                            oldForage = storage.createInstance({
+                                name: storage.config().name,
+                                storeName: storage.config().storeName,
+                                driver: [storage.INDEXEDDB, storage.WEBSQL]
                             });
                             return [4 /*yield*/, oldForage.keys()];
                         case 1:
                             keys = _b.sent();
                             if (!isEmptyArray(keys)) return [3 /*break*/, 3];
                             // Drop the old instance (not need anymore)
-                            console.debug("[platform] Old storage is empty: dropping unused instance {name: '" + forage.config().name + "', driver: '" + oldForage.driver() + "'}");
+                            console.debug("[platform] Old storage is empty: dropping unused instance {name: '" + storage.config().name + "', driver: '" + oldForage.driver() + "'}");
                             return [4 /*yield*/, oldForage.dropInstance()];
                         case 2:
                             _b.sent();
@@ -17043,7 +17068,7 @@
                             _b.label = 5;
                         case 5:
                             _b.trys.push([5, 9, , 12]);
-                            return [4 /*yield*/, StorageUtils.copy(oldForage, forage, { keys: keys, deleteAfterCopy: false })];
+                            return [4 /*yield*/, StorageUtils.copy(oldForage, storage, { keys: keys, deleteAfterCopy: false })];
                         case 6:
                             _b.sent();
                             duration = Date.now() - now;
@@ -17056,7 +17081,7 @@
                             _b.sent();
                             console.info('[platform] Starting storage migration [OK]');
                             // Drop the old instance
-                            console.info("[platform] Drop old storage {name: '" + forage.config().name + "', driver: '" + oldForage.driver() + "'}");
+                            console.info("[platform] Drop old storage {name: '" + storage.config().name + "', driver: '" + oldForage.driver() + "'}");
                             return [4 /*yield*/, oldForage.dropInstance()];
                         case 8:
                             _b.sent();
@@ -19578,7 +19603,7 @@
         AppForm.prototype.getFormError = function (form, opts) {
             if (!form || !this.errorTranslator)
                 return undefined;
-            return this.errorTranslator.translateErrors(this.form, Object.assign({ controlPathTranslator: this }, opts));
+            return this.errorTranslator.translateFormErrors(this.form, Object.assign({ controlPathTranslator: this }, opts));
         };
         AppForm.prototype.getI18nFieldName = function (path) {
             return (this.i18nFieldPrefix || '') + changeCaseToUnderscore(path).toUpperCase();
@@ -20185,7 +20210,7 @@
         { type: i0.Component, args: [{
                     moduleId: module.id.toString(),
                     selector: 'app-page-home',
-                    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\" [title]=\"page.title\">{{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",
+                    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)}}"]
@@ -21171,6 +21196,7 @@
                         case 0:
                             if (this.saving)
                                 return [2 /*return*/]; // Skip
+                            event === null || event === void 0 ? void 0 : event.preventDefault();
                             // Remove all empty controls
                             this.propertiesFormHelper.removeAllEmpty();
                             if (this.form.invalid && this.debug) {
@@ -21308,7 +21334,7 @@
                             _a.label = 3;
                         case 3: 
                         // Back to home
-                        return [2 /*return*/, this.router.navigateByUrl('/', { skipLocationChange: true })];
+                        return [2 /*return*/, this.router.navigateByUrl('/', { replaceUrl: true })]; // back to home
                     }
                 });
             });
@@ -21854,7 +21880,6 @@
             this.showOfflineWarning = true;
             this.showInstallButton = false;
             this.onUpdateOfflineModeClick = new i0.EventEmitter();
-            this.hasDownloader = this.platform.canDownload;
         }
         Object.defineProperty(AppInstallUpgradeCard.prototype, "showUpdateOfflineFeature", {
             get: function () {
@@ -22000,6 +22025,7 @@
                             if (!config)
                                 return [2 /*return*/]; // Skip
                             console.info('[install-upgrade-card] Check if need to install or upgrade...');
+                            this.hasDownloader = this.platform.canDownload;
                             _a.label = 1;
                         case 1:
                             _a.trys.push([1, , 5, 6]);
@@ -25479,7 +25505,7 @@
             row = row || this.editedRow;
             if (!row || !this.formErrorAdapter)
                 return undefined;
-            return this.formErrorAdapter.translateErrors(row.validator, Object.assign(Object.assign({}, this.errorTranslatorOptions), opts));
+            return this.formErrorAdapter.translateFormErrors(row.validator, Object.assign(Object.assign({}, this.errorTranslatorOptions), opts));
         };
         AppTable.prototype.setError = function (value, opts) {
             if (this.errorSubject.value !== value) {
@@ -26404,7 +26430,7 @@
                 enableListenChanges: (injector.get(ENVIRONMENT).listenRemoteChanges === true), pathIdAttribute: 'id', autoLoad: true, autoUpdateRoute: true, i18nPrefix: ''
             }, options);
             _this.settings = injector.get(LocalSettingsService);
-            _this.formErrorAdapter = injector.get(FormErrorTranslator);
+            _this.errorTranslator = injector.get(FormErrorTranslator);
             _this.cd = injector.get(i0.ChangeDetectorRef);
             _this.dateFormat = injector.get(DateFormatPipe);
             _this.toastController = injector.get(i1$5.ToastController);
@@ -26966,7 +26992,7 @@
             var userMessage = err && err.message && this.translate.instant(err.message) || err;
             // Add details error (if any) under the main message
             var detailMessage = err && err.details && (err.details.message || err.details) || undefined;
-            if (detailMessage) {
+            if (isNotNilString(detailMessage)) {
                 userMessage += "<br/><small class=\"hidden-xs hidden-sm\" title=\"" + detailMessage + "\">";
                 userMessage += detailMessage.length < 70 ? detailMessage : detailMessage.substring(0, 67) + '...';
                 userMessage += '</small>';