@sumaris-net/ngx-components 0.26.7 → 0.27.3

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

@@ -2280,11 +2280,11 @@
     var NumberFormatPipe = /** @class */ (function () {
         function NumberFormatPipe() {
         }
-        NumberFormatPipe.prototype.transform = function (val) {
+        NumberFormatPipe.prototype.transform = function (val, numberFormatOptions) {
             // Format the output to display any way you want here.
             // For instance:
             if (val !== undefined && val !== null) {
-                return val.toLocaleString( /*arguments you need*/);
+                return val.toLocaleString(undefined, numberFormatOptions);
             }
             else {
                 return '';
@@ -3376,6 +3376,13 @@
         AppNullForm.prototype.markAsDirty = function (opts) { };
         AppNullForm.prototype.markAsLoading = function (opts) { };
         AppNullForm.prototype.markAsLoaded = function (opts) { };
+        AppNullForm.prototype.markAsReady = function (opts) { };
+        AppNullForm.prototype.waitIdle = function (opts) {
+            return Promise.reject(false);
+        };
+        AppNullForm.prototype.ready = function () {
+            return Promise.reject(true);
+        };
         return AppNullForm;
     }());
     var AppFormProvider = /** @class */ (function () {
@@ -3461,6 +3468,9 @@
             enumerable: false,
             configurable: true
         });
+        AppFormProvider.prototype.ready = function () {
+            return this.delegate.ready();
+        };
         AppFormProvider.prototype.disable = function (opts) {
             return this.delegate.disable(opts);
         };
@@ -3488,6 +3498,9 @@
         AppFormProvider.prototype.markAsLoaded = function (opts) {
             return this.delegate.markAsLoaded(opts);
         };
+        AppFormProvider.prototype.markAsReady = function (opts) {
+            return this.delegate.markAsReady(opts);
+        };
         return AppFormProvider;
     }());
     AppFormProvider.NULL_FORM = new AppNullForm();
@@ -8537,13 +8550,14 @@
     };
 
     var StartableService = /** @class */ (function () {
-        function StartableService(platform) {
+        function StartableService(prerequisiteService) {
             this.onStart = new rxjs.Subject();
             this._debug = false;
+            this._startByReadyFunction = true; // should start when calling ready() ?
             this._data = null;
             this._started = false;
-            this._startPrerequisite = platform
-                ? function () { return platform.ready(); }
+            this._startPrerequisite = prerequisiteService
+                ? function () { return prerequisiteService.ready(); }
                 : function () { return Promise.resolve(); };
         }
         StartableService.prototype.start = function () {
@@ -8628,9 +8642,15 @@
             configurable: true
         });
         StartableService.prototype.ready = function () {
+            var _this = this;
             if (this._started)
                 return Promise.resolve(this._data);
-            return this.start();
+            if (this._startPromise)
+                return this._startPromise;
+            if (this._startByReadyFunction)
+                return this.start();
+            return waitFor(function () { return _this._started; })
+                .then(function () { return _this._data; });
         };
         StartableService.prototype.ngOnStop = function () {
             return __awaiter(this, void 0, void 0, function () {
@@ -14078,7 +14098,6 @@
                                     .append('Authorization', authorization);
                                 //.append('X-App-Name', environment.name)
                                 //.append('X-App-Version', environment.version)
-                                ;
                                 // Use the setContext method to set the HTTP headers.
                                 operation.setContext(Object.assign(Object.assign({}, operation.getContext()), { headers: headers }));
                                 // Call the next link in the middleware chain.
@@ -16464,41 +16483,35 @@
     var templateObject_1$3, templateObject_2$3, templateObject_3$2, templateObject_4$2, templateObject_5$1;
 
     var moment$2 = momentImported__namespace;
-    var PlatformService = /** @class */ (function () {
+    var PlatformService = /** @class */ (function (_super) {
+        __extends(PlatformService, _super);
         function PlatformService(platform, cdkPlatform, toastController, translate, dateAdapter, entitiesStorage, settings, networkService, accountService, configService, cache, storage, audioProvider, environment, statusBar, keyboard, splashScreen, browser, downloader) {
-            this.platform = platform;
-            this.cdkPlatform = cdkPlatform;
-            this.toastController = toastController;
-            this.translate = translate;
-            this.dateAdapter = dateAdapter;
-            this.entitiesStorage = entitiesStorage;
-            this.settings = settings;
-            this.networkService = networkService;
-            this.accountService = accountService;
-            this.configService = configService;
-            this.cache = cache;
-            this.storage = storage;
-            this.audioProvider = audioProvider;
-            this.environment = environment;
-            this.statusBar = statusBar;
-            this.keyboard = keyboard;
-            this.splashScreen = splashScreen;
-            this.browser = browser;
-            this.downloader = downloader;
-            this._started = false;
-            this._downloadingJobs = new Map();
-            this._debug = !environment.production;
-            if (this._debug)
+            var _this = _super.call(this, platform) || this;
+            _this.platform = platform;
+            _this.cdkPlatform = cdkPlatform;
+            _this.toastController = toastController;
+            _this.translate = translate;
+            _this.dateAdapter = dateAdapter;
+            _this.entitiesStorage = entitiesStorage;
+            _this.settings = settings;
+            _this.networkService = networkService;
+            _this.accountService = accountService;
+            _this.configService = configService;
+            _this.cache = cache;
+            _this.storage = storage;
+            _this.audioProvider = audioProvider;
+            _this.environment = environment;
+            _this.statusBar = statusBar;
+            _this.keyboard = keyboard;
+            _this.splashScreen = splashScreen;
+            _this.browser = browser;
+            _this.downloader = downloader;
+            _this._downloadingJobs = new Map();
+            _this._debug = !environment.production;
+            if (_this._debug)
                 console.debug('[platform] Creating service');
-            this.start();
+            return _this;
         }
-        Object.defineProperty(PlatformService.prototype, "started", {
-            get: function () {
-                return this._started;
-            },
-            enumerable: false,
-            configurable: true
-        });
         Object.defineProperty(PlatformService.prototype, "mobile", {
             get: function () {
                 return isNotNil(this._mobile) ? this._mobile : this.platform.is('mobile');
@@ -16521,7 +16534,7 @@
         };
         Object.defineProperty(PlatformService.prototype, "canDownload", {
             get: function () {
-                return this._android && !!this.downloader;
+                return isNotNil(this.downloader);
             },
             enumerable: false,
             configurable: true
@@ -16532,80 +16545,81 @@
         PlatformService.prototype.height = function () {
             return this.platform.height();
         };
-        PlatformService.prototype.start = function () {
-            var _this = this;
-            if (this._startPromise)
-                return this._startPromise;
-            if (this._started)
-                return Promise.resolve();
-            this._started = false;
-            var now = Date.now();
-            this.accountService.tokenType = undefined;
-            console.info('[platform] Starting platform...');
-            this._startPromise = this.platform.ready()
-                .then(function () {
-                _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.configureTranslate();
-            })
-                .then(function () { return _this.storageReady(); })
-                .then(function (forage) { return _this.migrateStorage(forage); })
-                .then(function () { return Promise.all([
-                _this.entitiesStorage.ready(),
-                _this.cache.ready().then(function () { return _this.configureCache(); }),
-                _this.settings.ready(),
-                _this.networkService.ready(),
-                _this.audioProvider.ready()
-            ]); })
-                .then(function () {
-                _this._started = true;
-                _this._startPromise = undefined;
-                console.info("[platform] Starting platform [OK] {mobile: " + _this._mobile + ", touchUi: " + _this.touchUi + ", canDownload: " + _this.canDownload + "} in " + (Date.now() - now) + "ms");
-                // Update cache configuration when network changed
-                _this.networkService.onNetworkStatusChanges.subscribe(function (type) { return _this.configureCache(type !== 'none'); });
-                // Update authentication type
-                _this.configService.config
-                    .pipe(operators.map(function (config) { return config === null || config === void 0 ? void 0 : config.getProperty(CORE_CONFIG_OPTIONS.AUTH_TOKEN_TYPE); }), operators.filter(isNotNilOrBlank), operators.distinctUntilChanged())
-                    .subscribe(function (tokenType) {
-                    console.info("[platform] Using auth token type {" + tokenType + "}");
-                    _this.accountService.tokenType = tokenType;
-                });
-                // Wait 1 more seconds, before hiding the splash screen
-                setTimeout(function () {
-                    if (_this.splashScreen)
-                        _this.splashScreen.hide();
-                    // Play startup sound
-                    _this.audioProvider.playStartupSound();
-                }, 1000);
-            })
-                // Manage error
-                .catch(function (err) { return _this.onStartupError(err); });
-            return this._startPromise;
-        };
-        /**
-         * Wait platform is ready.<br/>
-         * Important: this will NOT start the platform, has it should be started by the AppComponent
-         *
-         * @param opts
-         */
-        PlatformService.prototype.ready = function (opts) {
-            var _this = this;
-            var period = opts && opts.checkPeriod || 300;
-            if (this._started)
-                return Promise.resolve();
-            return rxjs.timer(period, period)
-                .pipe(
-            // For DEBUG :
-            //tap(() => this._debug && console.debug("Waiting platform ready...")),
-            operators.filter(function () { return _this._started; }), operators.first()).toPromise();
+        PlatformService.prototype.ngOnStart = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var now, forage, err_1;
+                var _this = this;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            now = Date.now();
+                            this.accountService.tokenType = undefined;
+                            console.info('[platform] Starting platform...');
+                            _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;
+                            }
+                            // Configure translation
+                            return [4 /*yield*/, this.configureTranslate()];
+                        case 2:
+                            // Configure translation
+                            _b.sent();
+                            return [4 /*yield*/, this.storageReady()];
+                        case 3:
+                            forage = _b.sent();
+                            return [4 /*yield*/, this.migrateStorage(forage)];
+                        case 4:
+                            _b.sent();
+                            // Start root services
+                            return [4 /*yield*/, Promise.all([
+                                    this.entitiesStorage.ready(),
+                                    this.cache.ready().then(function () { return _this.configureCache(); }),
+                                    this.settings.ready(),
+                                    this.networkService.ready(),
+                                    this.audioProvider.ready()
+                                ])];
+                        case 5:
+                            // Start root services
+                            _b.sent();
+                            console.info("[platform] Starting platform [OK] {mobile: " + this._mobile + ", touchUi: " + this.touchUi + ", downloader: " + this.canDownload + "} 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)
+                                .subscribe(function (type) { return _this.configureCache(type !== 'none'); });
+                            // Update authentication type
+                            this.configService.config
+                                .pipe(operators.map(function (config) { return config === null || config === void 0 ? void 0 : config.getProperty(CORE_CONFIG_OPTIONS.AUTH_TOKEN_TYPE); }), operators.filter(isNotNilOrBlank), operators.distinctUntilChanged())
+                                .subscribe(function (tokenType) {
+                                console.info("[platform] Using auth token type {" + tokenType + "}");
+                                _this.accountService.tokenType = tokenType;
+                            });
+                            // Hide the splashscreen (if mobile) - after 1s
+                            if (this.mobile) {
+                                setTimeout(function () {
+                                    var _a;
+                                    (_a = _this.splashScreen) === null || _a === void 0 ? void 0 : _a.hide();
+                                    // Play startup sound
+                                    _this.audioProvider.playStartupSound();
+                                }, 1000);
+                            }
+                            return [3 /*break*/, 7];
+                        case 6:
+                            err_1 = _b.sent();
+                            // Manage startup error
+                            return [2 /*return*/, this.onStartupError(err_1)];
+                        case 7: return [2 /*return*/];
+                    }
+                });
+            });
         };
         PlatformService.prototype.open = function (url, target, features, replace) {
             console.info("[platform] Opening link: " + url);
@@ -16718,22 +16732,22 @@
             });
         };
         PlatformService.prototype.configureCache = function (online) {
-            online = isNotNil(online) ? online : this.cache.isOnline();
+            online = toBoolean(online, this.cache.isOnline());
             var cacheTTL = online ? 3600 /* 1h */ : 3600 * 24 * 30; /* 1 month */
-            console.info("[platform] Configuring cache [OK] {online: " + online + "}, {timeToLive: " + cacheTTL / 3600 + "h}, {offlineInvalidate: false}");
+            console.info("[platform] Configuring cache [OK] {online: " + online + ", timeToLive: " + cacheTTL / 3600 + "h, offlineInvalidate: false}");
             this.cache.setDefaultTTL(cacheTTL);
             this.cache.setOfflineInvalidate(false); // Do not invalidate cache when offline
         };
         PlatformService.prototype.storageReady = function () {
             return __awaiter(this, void 0, void 0, function () {
                 var forage, driver;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
                             console.info("[platform] Starting storage...");
                             return [4 /*yield*/, this.storage.ready()];
                         case 1:
-                            forage = _a.sent();
+                            forage = _b.sent();
                             driver = forage.driver();
                             if (isNil(driver)) {
                                 console.error('[platform] NO DRIVER DEFINED IN STORAGE. Local storage cannot be used !');
@@ -16748,9 +16762,9 @@
         };
         PlatformService.prototype.migrateStorage = function (forage) {
             return __awaiter(this, void 0, void 0, function () {
-                var canMigrate, oldForage, keys, now, toast_1, duration, err_1;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                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))) ||
@@ -16764,13 +16778,13 @@
                             });
                             return [4 /*yield*/, oldForage.keys()];
                         case 1:
-                            keys = _a.sent();
+                            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() + "'}");
                             return [4 /*yield*/, oldForage.dropInstance()];
                         case 2:
-                            _a.sent();
+                            _b.sent();
                             return [3 /*break*/, 12];
                         case 3:
                             now = Date.now();
@@ -16778,13 +16792,13 @@
                             return [4 /*yield*/, this.showToast({ message: 'INFO.DATA_MIGRATION_STARTED',
                                     duration: 30000 })];
                         case 4:
-                            toast_1 = _a.sent();
-                            _a.label = 5;
+                            toast_1 = _b.sent();
+                            _b.label = 5;
                         case 5:
-                            _a.trys.push([5, 9, , 12]);
+                            _b.trys.push([5, 9, , 12]);
                             return [4 /*yield*/, StorageUtils.copy(oldForage, forage, { keys: keys, deleteAfterCopy: false })];
                         case 6:
-                            _a.sent();
+                            _b.sent();
                             duration = Date.now() - now;
                             setTimeout(function () { return toast_1.dismiss(); }, Math.max(2000 - duration, 0));
                             return [4 /*yield*/, this.showToast({ message: 'INFO.DATA_MIGRATION_SUCCEED',
@@ -16792,26 +16806,26 @@
                                     showCloseButton: true
                                 })];
                         case 7:
-                            _a.sent();
+                            _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() + "'}");
                             return [4 /*yield*/, oldForage.dropInstance()];
                         case 8:
-                            _a.sent();
+                            _b.sent();
                             return [3 /*break*/, 12];
                         case 9:
-                            err_1 = _a.sent();
-                            console.error(err_1 && err_1.message || err_1, err_1);
+                            err_2 = _b.sent();
+                            console.error(err_2 && err_2.message || err_2, err_2);
                             return [4 /*yield*/, toast_1.dismiss()];
                         case 10:
-                            _a.sent();
+                            _b.sent();
                             return [4 /*yield*/, this.showToast({ message: 'ERROR.DATA_MIGRATION_FAILED',
                                     type: 'error',
                                     showCloseButton: true
                                 })];
                         case 11:
-                            _a.sent();
+                            _b.sent();
                             return [3 /*break*/, 12];
                         case 12: return [2 /*return*/];
                     }
@@ -16827,8 +16841,8 @@
         PlatformService.prototype.onStartupError = function (err) {
             return __awaiter(this, void 0, void 0, function () {
                 var message, detailsMessage;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
                             console.error('[platform] Failed starting the platform! ', err);
                             message = err && err.message || err;
@@ -16840,14 +16854,14 @@
                             if (!this.translate) return [3 /*break*/, 2];
                             return [4 /*yield*/, this.translate.get(message).toPromise()];
                         case 1:
-                            message = _a.sent();
+                            message = _b.sent();
                             if (err && err.code) {
                                 message += " {code: " + err.code + "}";
                             }
                             return [3 /*break*/, 3];
                         case 2:
                             message = "Fatal error: Please contact your administrator.\n\n{code: " + (err && err.code || 'null') + ", message: \"" + message + "\"}";
-                            _a.label = 3;
+                            _b.label = 3;
                         case 3:
                             if (!this.toastController) return [3 /*break*/, 5];
                             if (detailsMessage) {
@@ -16860,7 +16874,7 @@
                                     message: message
                                 })];
                         case 4:
-                            _a.sent();
+                            _b.sent();
                             return [3 /*break*/, 6];
                         case 5:
                             if (window) {
@@ -16874,14 +16888,14 @@
                                 if (err && err.details)
                                     console.error('cause', err.details);
                             }
-                            _a.label = 6;
+                            _b.label = 6;
                         case 6: return [2 /*return*/];
                     }
                 });
             });
         };
         return PlatformService;
-    }());
+    }(StartableService));
     PlatformService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function PlatformService_Factory() { return new PlatformService(i0__namespace.ɵɵinject(i1__namespace$4.Platform), i0__namespace.ɵɵinject(i2__namespace$4.Platform), i0__namespace.ɵɵinject(i1__namespace$4.ToastController), i0__namespace.ɵɵinject(i1__namespace$1.TranslateService), i0__namespace.ɵɵinject(i1__namespace.MomentDateAdapter), i0__namespace.ɵɵinject(EntitiesStorage), i0__namespace.ɵɵinject(LocalSettingsService), i0__namespace.ɵɵinject(NetworkService), i0__namespace.ɵɵinject(AccountService), i0__namespace.ɵɵinject(ConfigService), i0__namespace.ɵɵinject(i6__namespace.CacheService), i0__namespace.ɵɵinject(i3__namespace$1.Storage), i0__namespace.ɵɵinject(AudioProvider), i0__namespace.ɵɵinject(ENVIRONMENT), i0__namespace.ɵɵinject(i14__namespace.StatusBar, 8), i0__namespace.ɵɵinject(i15__namespace.Keyboard, 8), i0__namespace.ɵɵinject(i10__namespace.SplashScreen, 8), i0__namespace.ɵɵinject(i17__namespace.InAppBrowser, 8), i0__namespace.ɵɵinject(i18__namespace.Downloader, 8)); }, token: PlatformService, providedIn: "root" });
     PlatformService.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
@@ -19019,6 +19033,7 @@
             this.error = null;
             this._enable = false;
             this._loading = true;
+            this._ready = true;
             this.i18nFieldPrefix = null;
             this._subscription = new rxjs.Subscription();
             this.debug = false;
@@ -19229,6 +19244,21 @@
                     this.markForCheck();
             }
         };
+        AppForm.prototype.markAsReady = function (opts) {
+            if (!this._ready) {
+                this._ready = true;
+                if (!opts || opts.emitEvent !== false)
+                    this.markForCheck();
+            }
+        };
+        /**
+         * Wait form is ready
+         * @param opts
+         */
+        AppForm.prototype.ready = function (opts) {
+            var _this = this;
+            return waitFor(function () { return _this._ready; }, opts);
+        };
         /**
          * Wait form is idle (not loading)
          * @param opts
@@ -23493,6 +23523,7 @@
             this.allowRowDetail = true;
             this.excludesColumns = [];
             this.totalRowCount = null;
+            this.readySubject = new rxjs.BehaviorSubject(false);
             this.loadingSubject = new rxjs.BehaviorSubject(true);
             this.savingSubject = new rxjs.BehaviorSubject(false);
             this.dirtySubject = new rxjs.BehaviorSubject(false);
@@ -23756,6 +23787,14 @@
                 (_a = row.validator) === null || _a === void 0 ? void 0 : _a.markAsDirty(opts);
             this.markAsDirty(opts);
         };
+        AppTable.prototype.markAsReady = function (opts) {
+            if (this.readySubject.value !== false) {
+                this.readySubject.next(false);
+                if (!opts || opts.emitEvent !== false) {
+                    this.markForCheck();
+                }
+            }
+        };
         Object.defineProperty(AppTable.prototype, "loading", {
             get: function () {
                 return this.loadingSubject.value;
@@ -24470,6 +24509,9 @@
         AppTable.prototype.moveRow = function (id, direction) {
             this.dataSource.move(id, direction);
         };
+        AppTable.prototype.ready = function () {
+            return firstTruePromise(this.readySubject);
+        };
         AppTable.prototype.waitIdle = function () {
             return firstFalsePromise(this.loadingSubject);
         };
@@ -25265,8 +25307,8 @@
         return AppTabEditorOptions;
     }());
     // eslint-disable-next-line @angular-eslint/directive-class-suffix
-    var AppTabEditor = /** @class */ (function () {
-        function AppTabEditor(route, router, alertCtrl, translate, options) {
+    var AppEditor = /** @class */ (function () {
+        function AppEditor(route, router, alertCtrl, translate) {
             this.route = route;
             this.router = router;
             this.alertCtrl = alertCtrl;
@@ -25275,25 +25317,20 @@
             this._enabled = false;
             this._dirty = false;
             this._loading = true;
-            this._selectedTabIndex = 0;
+            this._$ready = new rxjs.BehaviorSubject(false);
             this.debug = false;
             this.submitted = false;
             this.toolbar = null;
             this.formButtonsBar = null;
-            this.selectedTabIndexChange = new i0.EventEmitter();
-            options = Object.assign({ tabCount: 1, enableSwipe: true, tabGroupAnimationDuration: '200ms' }, options);
-            this.tabCount = options.tabCount;
-            this.enableSwipe = options.enableSwipe;
-            this.tabGroupAnimationDuration = options.tabGroupAnimationDuration;
         }
-        Object.defineProperty(AppTabEditor.prototype, "tables", {
+        Object.defineProperty(AppEditor.prototype, "tables", {
             get: function () {
                 return this._children && this._children.filter(function (c) { return c instanceof AppTable; });
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(AppTabEditor.prototype, "dirty", {
+        Object.defineProperty(AppEditor.prototype, "dirty", {
             get: function () {
                 var _a;
                 return this._dirty || (((_a = this._children) === null || _a === void 0 ? void 0 : _a.findIndex(function (c) { return c.enabled && c.dirty; })) !== -1) || false;
@@ -25301,7 +25338,7 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(AppTabEditor.prototype, "valid", {
+        Object.defineProperty(AppEditor.prototype, "valid", {
             /**
              * Is valid (tables and forms)
              */
@@ -25312,7 +25349,7 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(AppTabEditor.prototype, "invalid", {
+        Object.defineProperty(AppEditor.prototype, "invalid", {
             get: function () {
                 var _a;
                 return (((_a = this._children) === null || _a === void 0 ? void 0 : _a.findIndex(function (c) { return c.enabled && c.invalid; })) !== -1) || false;
@@ -25320,7 +25357,7 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(AppTabEditor.prototype, "pending", {
+        Object.defineProperty(AppEditor.prototype, "pending", {
             get: function () {
                 var _a;
                 return (((_a = this._children) === null || _a === void 0 ? void 0 : _a.findIndex(function (c) { return c.enabled && c.pending; })) !== -1) || false;
@@ -25328,7 +25365,7 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(AppTabEditor.prototype, "loading", {
+        Object.defineProperty(AppEditor.prototype, "loading", {
             get: function () {
                 var _a;
                 return this._loading || (((_a = this._children) === null || _a === void 0 ? void 0 : _a.findIndex(function (c) { return c.enabled && c.loading; })) !== -1) || false;
@@ -25336,76 +25373,47 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(AppTabEditor.prototype, "enabled", {
+        Object.defineProperty(AppEditor.prototype, "enabled", {
             get: function () {
                 return this._enabled;
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(AppTabEditor.prototype, "disabled", {
+        Object.defineProperty(AppEditor.prototype, "disabled", {
             get: function () {
                 return !this._enabled;
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(AppTabEditor.prototype, "children", {
+        Object.defineProperty(AppEditor.prototype, "children", {
             get: function () {
                 return this._children;
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(AppTabEditor.prototype, "empty", {
+        Object.defineProperty(AppEditor.prototype, "empty", {
             get: function () {
                 return this._enabled;
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(AppTabEditor.prototype, "selectedTabIndex", {
-            get: function () {
-                return this._selectedTabIndex;
-            },
-            set: function (value) {
-                this.setSelectedTabIndex(value);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        AppTabEditor.prototype.ngOnInit = function () {
+        AppEditor.prototype.ngOnInit = function () {
             var _this = this;
-            this.queryTabIndexParamName = this.queryTabIndexParamName || 'tab';
-            // Read the selected tab index, from path query params
-            if (this.tabGroup) {
-                this.registerSubscription(this.route.queryParams
-                    .subscribe(function (queryParams) {
-                    _this.queryParams = Object.assign({}, queryParams);
-                    // Parse tab param
-                    if (_this.tabCount > 1 && _this.queryTabIndexParamName) {
-                        var tabIndex = queryParams[_this.queryTabIndexParamName];
-                        _this.queryParams[_this.queryTabIndexParamName] = tabIndex && parseInt(tabIndex) || undefined;
-                        if (isNotNil(_this.queryParams[_this.queryTabIndexParamName])) {
-                            _this.selectedTabIndex = _this.queryParams[_this.queryTabIndexParamName];
-                        }
-                    }
-                    // Realign tab, after a delay because the tab can be disabled when component is created
-                    setTimeout(function () { return _this.tabGroup.realignInkBar(); }, 500);
-                }));
-            }
             if (this.formButtonsBar) {
                 this.registerSubscription(this.formButtonsBar.onBack.subscribe(function (event) { return _this.goBack(event); }));
             }
         };
-        AppTabEditor.prototype.ngAfterViewInit = function () {
+        AppEditor.prototype.ngAfterViewInit = function () {
             // Can be override by subclasses
         };
-        AppTabEditor.prototype.ngOnDestroy = function () {
+        AppEditor.prototype.ngOnDestroy = function () {
             this._subscription.unsubscribe();
-            this.selectedTabIndexChange.complete();
         };
-        AppTabEditor.prototype.addChildForm = function (form) {
+        AppEditor.prototype.addChildForm = function (form) {
             if (!form)
                 throw new Error('Trying to register an undefined child form');
             this._children = this._children || [];
@@ -25417,26 +25425,26 @@
             }
             return this;
         };
-        AppTabEditor.prototype.addChildForms = function (forms) {
+        AppEditor.prototype.addChildForms = function (forms) {
             var _this = this;
             (forms || []).forEach(function (form) { return _this.addChildForm(form); });
             return this;
         };
-        AppTabEditor.prototype.disable = function (opts) {
+        AppEditor.prototype.disable = function (opts) {
             var _a;
             this._enabled = false;
             (_a = this._children) === null || _a === void 0 ? void 0 : _a.forEach(function (c) { return c.disable(opts); });
             if (!this.loading && (!opts || opts.emitEvent !== false))
                 this.markForCheck();
         };
-        AppTabEditor.prototype.enable = function (opts) {
+        AppEditor.prototype.enable = function (opts) {
             var _a;
             this._enabled = true;
             (_a = this._children) === null || _a === void 0 ? void 0 : _a.forEach(function (c) { return c.enable(opts); });
             if (!this.loading && (!opts || opts.emitEvent !== false))
                 this.markForCheck();
         };
-        AppTabEditor.prototype.markAsPristine = function (opts) {
+        AppEditor.prototype.markAsPristine = function (opts) {
             var _a;
             this.error = null;
             this.submitted = false;
@@ -25445,7 +25453,7 @@
             if (!this.loading && (!opts || opts.emitEvent !== false))
                 this.markForCheck();
         };
-        AppTabEditor.prototype.markAsUntouched = function (opts) {
+        AppEditor.prototype.markAsUntouched = function (opts) {
             var _a;
             (_a = this._children) === null || _a === void 0 ? void 0 : _a.forEach(function (c) { return c.markAsUntouched(); });
             if (!this.loading && (!opts || opts.emitEvent !== false))
@@ -25455,99 +25463,51 @@
          * @deprecated prefer to use markAllAsTouched()
          * @param opts
          */
-        AppTabEditor.prototype.markAsTouched = function (opts) {
+        AppEditor.prototype.markAsTouched = function (opts) {
             var _a;
             (_a = this._children) === null || _a === void 0 ? void 0 : _a.forEach(function (c) { return c.markAsTouched(opts); });
             if (!this.loading && (!opts || opts.emitEvent !== false))
                 this.markForCheck();
         };
-        AppTabEditor.prototype.markAllAsTouched = function (opts) {
+        AppEditor.prototype.markAllAsTouched = function (opts) {
             var _a;
             (_a = this._children) === null || _a === void 0 ? void 0 : _a.forEach(function (c) { return c.markAllAsTouched(opts); });
             if (!this.loading && (!opts || opts.emitEvent !== false))
                 this.markForCheck();
         };
-        AppTabEditor.prototype.markAsDirty = function (opts) {
+        AppEditor.prototype.markAsDirty = function (opts) {
             this._dirty = true;
             if (!this.loading && (!opts || opts.emitEvent !== false))
                 this.markForCheck();
         };
-        AppTabEditor.prototype.markAsLoading = function (opts) {
+        AppEditor.prototype.markAsLoading = function (opts) {
             if (!this._loading) {
                 this._loading = true;
                 if (!opts || opts.emitEvent !== false)
                     this.markForCheck();
             }
         };
-        AppTabEditor.prototype.markAsLoaded = function (opts) {
+        AppEditor.prototype.markAsLoaded = function (opts) {
             if (this._loading) {
                 this._loading = false;
                 if (!opts || opts.emitEvent !== false)
                     this.markForCheck();
             }
         };
-        AppTabEditor.prototype.onTabChange = function (event, queryTabIndexParamName) {
-            queryTabIndexParamName = queryTabIndexParamName || this.queryTabIndexParamName;
-            if (!queryTabIndexParamName)
-                return true; // Skip if tab query param not set
-            if (!this.queryParams || +this.queryParams[queryTabIndexParamName] !== event.index) {
-                this.queryParams = this.queryParams || {};
-                this.queryParams[queryTabIndexParamName] = event.index;
-                if (queryTabIndexParamName === 'tab' && isNotNil(this.queryParams['subtab'])) {
-                    delete this.queryParams.subtab; // clean subtab
-                }
-                this.router.navigate(['.'], {
-                    relativeTo: this.route,
-                    queryParams: this.queryParams,
-                    replaceUrl: true
-                });
-                return true;
-            }
-            return false;
+        AppEditor.prototype.markAsReady = function (opts) {
+            var _a;
+            (_a = this._children) === null || _a === void 0 ? void 0 : _a.forEach(function (c) { return c.markAsReady(opts); });
+            this._$ready.next(true);
+            if (!this.loading && (!opts || opts.emitEvent !== false))
+                this.markForCheck();
         };
-        /**
-         * Action triggered when user swipes
-         */
-        AppTabEditor.prototype.onSwipeTab = function (event) {
-            var _this = this;
-            // DEBUG
-            // if (this.debug) console.debug("[tab-page] onSwipeTab()");
-            // Skip, if not a valid swipe event
-            if (!this.enableSwipe || !event
-                || event.defaultPrevented || (event.srcEvent && event.srcEvent.defaultPrevented)
-                || event.pointerType !== 'touch') {
-                return false;
-            }
-            // DEBUG
-            //if (this.debug)
-            //console.debug("[tab-page] Detected swipe: " + event.type, event);
-            var selectTabIndex = this.selectedTabIndex;
-            switch (event.type) {
-                // Open next tab
-                case 'swipeleft':
-                    var isLast = selectTabIndex >= (this.tabCount - 1);
-                    selectTabIndex = isLast ? 0 : selectTabIndex + 1;
-                    break;
-                // Open previous tab
-                case 'swiperight':
-                    var isFirst = selectTabIndex <= 0;
-                    selectTabIndex = isFirst ? this.tabCount : selectTabIndex - 1;
-                    break;
-                // Other case
-                default:
-                    console.error('[tab-page] Unknown swipe action: ' + event.type);
-                    return false;
-            }
-            setTimeout(function () {
-                _this.selectedTabIndex = selectTabIndex;
-                _this.markForCheck();
-            });
-            return true;
+        AppEditor.prototype.ready = function (opts) {
+            return firstTruePromise(this._$ready);
         };
-        AppTabEditor.prototype.onSubTabChange = function (event) {
-            this.onTabChange(event, 'subtab');
+        AppEditor.prototype.waitIdle = function (opts) {
+            return AppFormUtils.waitIdle(this, opts);
         };
-        AppTabEditor.prototype.cancel = function (event) {
+        AppEditor.prototype.cancel = function (event) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_b) {
                     switch (_b.label) {
@@ -25573,12 +25533,11 @@
          *
          * @param opts
          */
-        AppTabEditor.prototype.unload = function (opts) {
+        AppEditor.prototype.unload = function (opts) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_b) {
                     console.debug('[tab-page] Unloading data...');
                     this.markAsLoading();
-                    this.selectedTabIndex = 0;
                     this._children.forEach(function (f) {
                         if (f instanceof AppForm) {
                             f.reset(null, opts);
@@ -25591,7 +25550,7 @@
                 });
             });
         };
-        AppTabEditor.prototype.reloadWithConfirmation = function (confirm) {
+        AppEditor.prototype.reloadWithConfirmation = function (confirm) {
             return __awaiter(this, void 0, void 0, function () {
                 var needConfirm, translations, alert;
                 return __generator(this, function (_b) {
@@ -25639,7 +25598,7 @@
                 });
             });
         };
-        AppTabEditor.prototype.goBack = function (event) {
+        AppEditor.prototype.goBack = function (event) {
             var _a;
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_b) {
@@ -25655,32 +25614,15 @@
                 });
             });
         };
-        AppTabEditor.prototype.setSelectedTabIndex = function (value, opts) {
+        AppEditor.prototype.logFormErrors = function () {
             var _this = this;
-            // Fix value
-            if (value < 0) {
-                value = 0;
-            }
-            else if (value > this.tabCount - 1) {
-                value = this.tabCount - 1;
-            }
-            this._selectedTabIndex = value;
-            this.selectedTabIndexChange.next(value);
-            if (this.tabGroup && (!opts || opts.realignInkBar !== false)) {
-                this.tabGroup.selectedIndex = value;
-                this.markForCheck();
-                // Wait tab change in UI, before realign ink tab
-                setTimeout(function () { return _this.tabGroup.realignInkBar(); }, 200);
-            }
-            else if (!opts || opts.emitEvent !== false) {
-                this.markForCheck();
-            }
-        };
-        AppTabEditor.prototype.waitIdle = function (opts) {
-            return AppFormUtils.waitIdle(this, opts);
+            var _a;
+            if (this.debug)
+                console.debug('[app-tab-editor] Page not valid. Checking where (forms, tables)...');
+            (_a = this._children) === null || _a === void 0 ? void 0 : _a.forEach(function (c) { return _this.logChildrenFormErrors(c); });
         };
         /* -- protected methods -- */
-        AppTabEditor.prototype.scrollToTop = function (duration) {
+        AppEditor.prototype.scrollToTop = function (duration) {
             return __awaiter(this, void 0, void 0, function () {
                 var scrollToTop_1;
                 return __generator(this, function (_b) {
@@ -25702,13 +25644,13 @@
                 });
             });
         };
-        AppTabEditor.prototype.registerSubscription = function (sub) {
+        AppEditor.prototype.registerSubscription = function (sub) {
             this._subscription.add(sub);
         };
-        AppTabEditor.prototype.unregisterSubscription = function (sub) {
+        AppEditor.prototype.unregisterSubscription = function (sub) {
             this._subscription.remove(sub);
         };
-        AppTabEditor.prototype.saveIfDirtyAndConfirm = function (event, opts) {
+        AppEditor.prototype.saveIfDirtyAndConfirm = function (event, opts) {
             return __awaiter(this, void 0, void 0, function () {
                 var confirm, cancel, translations, alert;
                 return __generator(this, function (_b) {
@@ -25762,7 +25704,7 @@
                 });
             });
         };
-        AppTabEditor.prototype.showToast = function (opts) {
+        AppEditor.prototype.showToast = function (opts) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_b) {
                     switch (_b.label) {
@@ -25777,18 +25719,11 @@
                 });
             });
         };
-        AppTabEditor.prototype.logFormErrors = function () {
-            var _this = this;
-            var _a;
-            if (this.debug)
-                console.debug('[app-tab-editor] Page not valid. Checking where (forms, tables)...');
-            (_a = this._children) === null || _a === void 0 ? void 0 : _a.forEach(function (c) { return _this.logChildrenFormErrors(c); });
-        };
-        AppTabEditor.prototype.logChildrenFormErrors = function (c, prefix, path) {
+        AppEditor.prototype.logChildrenFormErrors = function (c, prefix, path) {
             var _this = this;
             prefix = prefix || '[app-tab-editor] ';
             // If editor
-            if (c instanceof AppTabEditor) {
+            if (c instanceof AppEditor) {
                 c.logFormErrors();
             }
             // Angular form control
@@ -25826,11 +25761,179 @@
                 console.warn(prefix + " Unknown children sub-form: ", c);
             }
         };
-        AppTabEditor.prototype.markForCheck = function () {
+        AppEditor.prototype.markForCheck = function () {
             // Should be override by subclasses, if change detection is Push
         };
-        return AppTabEditor;
+        return AppEditor;
     }());
+    AppEditor.decorators = [
+        { type: i0.Directive }
+    ];
+    AppEditor.ctorParameters = function () { return [
+        { type: i3.ActivatedRoute },
+        { type: i3.Router },
+        { type: i1$5.AlertController },
+        { type: i1$2.TranslateService }
+    ]; };
+    AppEditor.propDecorators = {
+        toolbar: [{ type: i0.ViewChild, args: [ToolbarToken,] }],
+        formButtonsBar: [{ type: i0.ViewChild, args: [FormButtonsBarToken, { static: true },] }],
+        content: [{ type: i0.ViewChild, args: [i1$5.IonContent, { static: true },] }]
+    };
+    // eslint-disable-next-line @angular-eslint/directive-class-suffix
+    var AppTabEditor = /** @class */ (function (_super_1) {
+        __extends(AppTabEditor, _super_1);
+        function AppTabEditor(route, router, alertCtrl, translate, options) {
+            var _this = _super_1.call(this, route, router, alertCtrl, translate) || this;
+            _this.route = route;
+            _this.router = router;
+            _this.alertCtrl = alertCtrl;
+            _this.translate = translate;
+            _this._selectedTabIndex = 0;
+            _this.selectedTabIndexChange = new i0.EventEmitter();
+            options = Object.assign({ tabCount: 1, enableSwipe: true, tabGroupAnimationDuration: '200ms' }, options);
+            _this.tabCount = options.tabCount;
+            _this.enableSwipe = options.enableSwipe;
+            _this.tabGroupAnimationDuration = options.tabGroupAnimationDuration;
+            return _this;
+        }
+        Object.defineProperty(AppTabEditor.prototype, "selectedTabIndex", {
+            get: function () {
+                return this._selectedTabIndex;
+            },
+            set: function (value) {
+                this.setSelectedTabIndex(value);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        AppTabEditor.prototype.ngOnInit = function () {
+            var _this = this;
+            _super_1.prototype.ngOnInit.call(this);
+            this.queryTabIndexParamName = this.queryTabIndexParamName || 'tab';
+            // Read the selected tab index, from path query params
+            if (this.tabGroup) {
+                this.registerSubscription(this.route.queryParams
+                    .subscribe(function (queryParams) {
+                    _this.queryParams = Object.assign({}, queryParams);
+                    // Parse tab param
+                    if (_this.tabCount > 1 && _this.queryTabIndexParamName) {
+                        var tabIndex = queryParams[_this.queryTabIndexParamName];
+                        _this.queryParams[_this.queryTabIndexParamName] = tabIndex && parseInt(tabIndex) || undefined;
+                        if (isNotNil(_this.queryParams[_this.queryTabIndexParamName])) {
+                            _this.selectedTabIndex = _this.queryParams[_this.queryTabIndexParamName];
+                        }
+                    }
+                    // Realign tab, after a delay because the tab can be disabled when component is created
+                    setTimeout(function () { return _this.tabGroup.realignInkBar(); }, 500);
+                }));
+            }
+        };
+        AppTabEditor.prototype.ngOnDestroy = function () {
+            _super_1.prototype.ngOnDestroy.call(this);
+            this.selectedTabIndexChange.complete();
+        };
+        AppTabEditor.prototype.setSelectedTabIndex = function (value, opts) {
+            var _this = this;
+            // Fix value
+            if (value < 0) {
+                value = 0;
+            }
+            else if (value > this.tabCount - 1) {
+                value = this.tabCount - 1;
+            }
+            this._selectedTabIndex = value;
+            this.selectedTabIndexChange.next(value);
+            if (this.tabGroup && (!opts || opts.realignInkBar !== false)) {
+                this.tabGroup.selectedIndex = value;
+                this.markForCheck();
+                // Wait tab change in UI, before realign ink tab
+                setTimeout(function () { return _this.tabGroup.realignInkBar(); }, 200);
+            }
+            else if (!opts || opts.emitEvent !== false) {
+                this.markForCheck();
+            }
+        };
+        AppTabEditor.prototype.onTabChange = function (event, queryTabIndexParamName) {
+            queryTabIndexParamName = queryTabIndexParamName || this.queryTabIndexParamName;
+            if (!queryTabIndexParamName)
+                return true; // Skip if tab query param not set
+            if (!this.queryParams || +this.queryParams[queryTabIndexParamName] !== event.index) {
+                this.queryParams = this.queryParams || {};
+                this.queryParams[queryTabIndexParamName] = event.index;
+                if (queryTabIndexParamName === 'tab' && isNotNil(this.queryParams['subtab'])) {
+                    delete this.queryParams.subtab; // clean subtab
+                }
+                this.router.navigate(['.'], {
+                    relativeTo: this.route,
+                    queryParams: this.queryParams,
+                    replaceUrl: true
+                });
+                return true;
+            }
+            return false;
+        };
+        /**
+         * Action triggered when user swipes
+         */
+        AppTabEditor.prototype.onSwipeTab = function (event) {
+            var _this = this;
+            // DEBUG
+            // if (this.debug) console.debug("[tab-page] onSwipeTab()");
+            // Skip, if not a valid swipe event
+            if (!this.enableSwipe || !event
+                || event.defaultPrevented || (event.srcEvent && event.srcEvent.defaultPrevented)
+                || event.pointerType !== 'touch') {
+                return false;
+            }
+            // DEBUG
+            //if (this.debug)
+            //console.debug("[tab-page] Detected swipe: " + event.type, event);
+            var selectTabIndex = this.selectedTabIndex;
+            switch (event.type) {
+                // Open next tab
+                case 'swipeleft':
+                    var isLast = selectTabIndex >= (this.tabCount - 1);
+                    selectTabIndex = isLast ? 0 : selectTabIndex + 1;
+                    break;
+                // Open previous tab
+                case 'swiperight':
+                    var isFirst = selectTabIndex <= 0;
+                    selectTabIndex = isFirst ? this.tabCount : selectTabIndex - 1;
+                    break;
+                // Other case
+                default:
+                    console.error('[tab-page] Unknown swipe action: ' + event.type);
+                    return false;
+            }
+            setTimeout(function () {
+                _this.selectedTabIndex = selectTabIndex;
+                _this.markForCheck();
+            });
+            return true;
+        };
+        AppTabEditor.prototype.onSubTabChange = function (event) {
+            this.onTabChange(event, 'subtab');
+        };
+        AppTabEditor.prototype.unload = function (opts) {
+            var _super = Object.create(null, {
+                unload: { get: function () { return _super_1.prototype.unload; } }
+            });
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            this.selectedTabIndex = 0;
+                            return [4 /*yield*/, _super.unload.call(this, opts)];
+                        case 1:
+                            _b.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        return AppTabEditor;
+    }(AppEditor));
     AppTabEditor.decorators = [
         { type: i0.Directive }
     ];
@@ -25843,12 +25946,9 @@
     ]; };
     AppTabEditor.propDecorators = {
         queryTabIndexParamName: [{ type: i0.Input }],
-        tabGroup: [{ type: i0.ViewChild, args: ['tabGroup', { static: true },] }],
-        toolbar: [{ type: i0.ViewChild, args: [ToolbarToken,] }],
-        formButtonsBar: [{ type: i0.ViewChild, args: [FormButtonsBarToken, { static: true },] }],
-        content: [{ type: i0.ViewChild, args: [i1$5.IonContent, { static: true },] }],
         selectedTabIndex: [{ type: i0.Input }],
-        selectedTabIndexChange: [{ type: i0.Output }]
+        selectedTabIndexChange: [{ type: i0.Output }],
+        tabGroup: [{ type: i0.ViewChild, args: ['tabGroup', { static: true },] }]
     };
 
     var AppEditorOptions = /** @class */ (function (_super) {
@@ -27817,6 +27917,7 @@
     exports.AdminModule = AdminModule;
     exports.AdminRoutingModule = AdminRoutingModule;
     exports.Alerts = Alerts;
+    exports.AppEditor = AppEditor;
     exports.AppEditorOptions = AppEditorOptions;
     exports.AppEntityEditor = AppEntityEditor;
     exports.AppForm = AppForm;