@sumaris-net/ngx-components 0.27.1 → 0.27.5

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();
@@ -19022,6 +19035,7 @@
             this._loading = true;
             this.i18nFieldPrefix = null;
             this._subscription = new rxjs.Subscription();
+            this._$ready = new rxjs.BehaviorSubject(true);
             this.debug = false;
             this.onCancel = new i0.EventEmitter();
             this.onSubmit = new i0.EventEmitter();
@@ -19140,6 +19154,7 @@
             this.onCancel.unsubscribe();
             this.onSubmit.complete();
             this.onSubmit.unsubscribe();
+            this._$ready.complete();
         };
         AppForm.prototype.cancel = function () {
             this.onCancel.emit();
@@ -19230,6 +19245,22 @@
                     this.markForCheck();
             }
         };
+        AppForm.prototype.markAsReady = function (opts) {
+            if (!this._$ready.value) {
+                this._$ready.next(true);
+                // If subclasses implements OnReady
+                if (typeof this['nngOnReady'] === 'function') {
+                    this.ngOnReady();
+                }
+            }
+        };
+        /**
+         * Wait form is ready
+         * @param opts
+         */
+        AppForm.prototype.ready = function (opts) {
+            return firstTruePromise(this._$ready);
+        };
         /**
          * Wait form is idle (not loading)
          * @param opts
@@ -23494,6 +23525,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);
@@ -23757,6 +23789,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;
@@ -24471,6 +24511,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);
         };
@@ -25266,8 +25309,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;
@@ -25276,25 +25319,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;
@@ -25302,7 +25340,7 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(AppTabEditor.prototype, "valid", {
+        Object.defineProperty(AppEditor.prototype, "valid", {
             /**
              * Is valid (tables and forms)
              */
@@ -25313,7 +25351,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;
@@ -25321,7 +25359,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;
@@ -25329,7 +25367,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;
@@ -25337,76 +25375,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 || [];
@@ -25418,26 +25427,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;
@@ -25446,7 +25455,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))
@@ -25456,99 +25465,49 @@
          * @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);
         };
-        /**
-         * 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) {
@@ -25574,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);
@@ -25592,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) {
@@ -25640,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) {
@@ -25656,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) {
@@ -25703,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) {
@@ -25763,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) {
@@ -25778,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
@@ -25827,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 }
     ];
@@ -25844,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) {
@@ -26089,13 +26188,16 @@
                             opts = Object.assign({ updateRoute: this._autoUpdateRoute && idChanged && !this.loading, openTabIndex: this._autoOpenNextTab && idChanged && isNil(this.previousDataId) && this.computeNextTabIndex() }, opts);
                             this.data = data;
                             this.previousDataId = data.id || null;
-                            promiseOrVoid = this.setValue(data);
-                            if (!promiseOrVoid) return [3 /*break*/, 2];
-                            return [4 /*yield*/, promiseOrVoid];
+                            return [4 /*yield*/, this.ready()];
                         case 1:
                             _b.sent();
-                            _b.label = 2;
+                            promiseOrVoid = this.setValue(data);
+                            if (!promiseOrVoid) return [3 /*break*/, 3];
+                            return [4 /*yield*/, promiseOrVoid];
                         case 2:
+                            _b.sent();
+                            _b.label = 3;
+                        case 3:
                             if (!opts || opts.emitEvent !== false) {
                                 this.markAsPristine();
                                 this.markAsUntouched();
@@ -27818,6 +27920,7 @@
     exports.AdminModule = AdminModule;
     exports.AdminRoutingModule = AdminRoutingModule;
     exports.Alerts = Alerts;
+    exports.AppEditor = AppEditor;
     exports.AppEditorOptions = AppEditorOptions;
     exports.AppEntityEditor = AppEntityEditor;
     exports.AppForm = AppForm;