@sumaris-net/ngx-components 0.27.23 → 0.28.3

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/cdk/table'), require('@angular/cdk/a11y'), require('@angular/cdk/overlay'), require('@angular/cdk/scrolling'), require('@angular/material/core'), require('@angular/material/table'), require('@angular/material/sort'), require('@angular/material/paginator'), require('@angular/material/form-field'), require('@angular/material/input'), require('@angular/material/checkbox'), require('@angular/material/expansion'), require('@angular/material/toolbar'), require('@angular/material/icon'), require('@angular/material/button'), require('@angular/material/menu'), require('@angular/material/select'), require('@angular/material/card'), require('@angular/material/tabs'), require('@angular/material/stepper'), require('@angular/material/list'), require('@angular/material/button-toggle'), require('@angular/material/progress-spinner'), require('@angular/material/progress-bar'), require('@angular/material/radio'), require('@angular/material/badge'), require('@angular/material/slide-toggle'), require('@angular/material/dialog'), require('@angular/material/autocomplete'), require('@angular/forms'), require('rxjs'), require('rxjs/operators'), require('@ngx-translate/core'), require('@ionic/angular'), require('moment'), require('@angular/material-moment-adapter'), require('@ngx-translate/core/lib/util'), require('@ionic-native/keyboard/ngx'), require('angular2-text-mask'), require('ngx-material-timepicker'), require('@angular/material/datepicker'), require('@angular/animations'), require('@angular/material/divider'), require('@angular/material/tooltip'), require('@angular/material/chips'), require('@angular/router'), require('@angular/platform-browser'), require('@angular/common/http'), require('ngx-color-picker'), require('@ionic-native/native-audio/ngx'), require('@ionic-native/vibration/ngx'), require('@ionic-native/audio-management/ngx'), require('@ionic-native/native-audio/ngx/index'), require('@ionic-native/vibration/ngx/index'), require('@ionic-native/audio-management/ngx/index'), require('uuid/v4'), require('@angular/cdk/drag-drop'), require('ngx-markdown'), require('tweetnacl'), require('@ionic/storage'), require('zone.js/dist/zone-error'), require('@ionic-native/splash-screen/ngx'), require('@ionic-native/network/ngx'), require('ionic-cache'), require('ionic-cache/dist/cache.service'), require('@ionic-native/network/ngx/index'), require('@ionic-native/splash-screen/ngx/index'), require('@ionic-native/status-bar/ngx'), require('@angular/cdk/platform'), require('@ionic-native/in-app-browser/ngx'), require('@apollo/client/core'), require('apollo-angular'), require('@apollo/client/link/ws'), require('@apollo/client/utilities'), require('@apollo/client/link/retry'), require('apollo-link-queue'), require('apollo-link-serialize'), require('apollo-link-logger'), require('apollo-angular/http'), require('apollo3-cache-persist'), require('@ionic-native/downloader/ngx'), require('@ionic-native/status-bar/ngx/index'), require('@ionic-native/keyboard/ngx/index'), require('@ionic-native/in-app-browser/ngx/index'), require('@ionic-native/downloader/ngx/index'), require('@e-is/ngx-material-table'), require('@angular/cdk/collections'), require('ngx-jdenticon'), require('tweetnacl-util'), require('scrypt-async'), require('hammerjs')) :
-    typeof define === 'function' && define.amd ? define('@sumaris-net/ngx-components', ['exports', '@angular/core', '@angular/common', '@angular/cdk/table', '@angular/cdk/a11y', '@angular/cdk/overlay', '@angular/cdk/scrolling', '@angular/material/core', '@angular/material/table', '@angular/material/sort', '@angular/material/paginator', '@angular/material/form-field', '@angular/material/input', '@angular/material/checkbox', '@angular/material/expansion', '@angular/material/toolbar', '@angular/material/icon', '@angular/material/button', '@angular/material/menu', '@angular/material/select', '@angular/material/card', '@angular/material/tabs', '@angular/material/stepper', '@angular/material/list', '@angular/material/button-toggle', '@angular/material/progress-spinner', '@angular/material/progress-bar', '@angular/material/radio', '@angular/material/badge', '@angular/material/slide-toggle', '@angular/material/dialog', '@angular/material/autocomplete', '@angular/forms', 'rxjs', 'rxjs/operators', '@ngx-translate/core', '@ionic/angular', 'moment', '@angular/material-moment-adapter', '@ngx-translate/core/lib/util', '@ionic-native/keyboard/ngx', 'angular2-text-mask', 'ngx-material-timepicker', '@angular/material/datepicker', '@angular/animations', '@angular/material/divider', '@angular/material/tooltip', '@angular/material/chips', '@angular/router', '@angular/platform-browser', '@angular/common/http', 'ngx-color-picker', '@ionic-native/native-audio/ngx', '@ionic-native/vibration/ngx', '@ionic-native/audio-management/ngx', '@ionic-native/native-audio/ngx/index', '@ionic-native/vibration/ngx/index', '@ionic-native/audio-management/ngx/index', 'uuid/v4', '@angular/cdk/drag-drop', 'ngx-markdown', 'tweetnacl', '@ionic/storage', 'zone.js/dist/zone-error', '@ionic-native/splash-screen/ngx', '@ionic-native/network/ngx', 'ionic-cache', 'ionic-cache/dist/cache.service', '@ionic-native/network/ngx/index', '@ionic-native/splash-screen/ngx/index', '@ionic-native/status-bar/ngx', '@angular/cdk/platform', '@ionic-native/in-app-browser/ngx', '@apollo/client/core', 'apollo-angular', '@apollo/client/link/ws', '@apollo/client/utilities', '@apollo/client/link/retry', 'apollo-link-queue', 'apollo-link-serialize', 'apollo-link-logger', 'apollo-angular/http', 'apollo3-cache-persist', '@ionic-native/downloader/ngx', '@ionic-native/status-bar/ngx/index', '@ionic-native/keyboard/ngx/index', '@ionic-native/in-app-browser/ngx/index', '@ionic-native/downloader/ngx/index', '@e-is/ngx-material-table', '@angular/cdk/collections', 'ngx-jdenticon', 'tweetnacl-util', 'scrypt-async', 'hammerjs'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["sumaris-net"] = global["sumaris-net"] || {}, global["sumaris-net"]["ngx-components"] = {}), global.ng.core, global.ng.common, global.ng.cdk.table, global.ng.cdk.a11y, global.ng.cdk.overlay, global.ng.cdk.scrolling, global.ng.material.core, global.ng.material.table, global.ng.material.sort, global.ng.material.paginator, global.ng.material.formField, global.ng.material.input, global.ng.material.checkbox, global.ng.material.expansion, global.ng.material.toolbar, global.ng.material.icon, global.ng.material.button, global.ng.material.menu, global.ng.material.select, global.ng.material.card, global.ng.material.tabs, global.ng.material.stepper, global.ng.material.list, global.ng.material.buttonToggle, global.ng.material.progressSpinner, global.ng.material.progressBar, global.ng.material.radio, global.ng.material.badge, global.ng.material.slideToggle, global.ng.material.dialog, global.ng.material.autocomplete, global.ng.forms, global.rxjs, global.rxjs.operators, global["ngx-translate"].core, global.ionic.angular, global.moment, global.ng.materialMomentAdapter, global.util, global["ionic-native"].keyboard.ngx, global["angular2-text-mask"], global["ngx-material-timepicker"], global.ng.material.datepicker, global.ng.animations, global.ng.material.divider, global.ng.material.tooltip, global.ng.material.chips, global.ng.router, global.ng.platformBrowser, global.ng.common.http, global["ngx-color-picker"], global["ionic-native"]["native-audio"].ngx, global["ionic-native"].vibration.ngx, global["ionic-native"]["audio-management"].ngx, global["ionic-native"]["native-audio"].ngx.index, global["ionic-native"].vibration.ngx.index, global["ionic-native"]["audio-management"].ngx.index, global.uuid.v4, global.ng.cdk.dragDrop, global["ngx-markdown"], global.tweetnacl, global.ionic.storage, null, global["ionic-native"]["splash-screen"].ngx, global["ionic-native"].network.ngx, global["ionic-cache"], global["ionic-cache/dist/cache"].service, global["ionic-native"].network.ngx.index, global["ionic-native"]["splash-screen"].ngx.index, global["ionic-native"]["status-bar"].ngx, global.ng.cdk.platform, global["ionic-native"]["in-app-browser"].ngx, global.apollo.client.core, global["apollo-angular"], global.apollo.client.link.ws, global.apollo.client.utilities, global.apollo.client.link.retry, global["apollo-link-queue"], global["apollo-link-serialize"], global["apollo-link-logger"], global["apollo-angular"].http, global["apollo3-cache-persist"], global.ngx$6, global["ionic-native"]["status-bar"].ngx.index, global["ionic-native"].keyboard.ngx.index, global["ionic-native"]["in-app-browser"].ngx.index, global.i18, global["e-is"]["ngx-material-table"], global.ng.cdk.collections, global["ngx-jdenticon"]));
-})(this, (function (exports, i0, i1$4, table$1, a11y, overlay, scrolling, i1$3, table, sort$1, paginator, formField, input, checkbox, expansion, toolbar, icon, button, menu, select, card, tabs, stepper, list, buttonToggle, progressSpinner, progressBar, radio, badge, slideToggle, i2, autocomplete, i1, rxjs, operators, i1$2, i1$5, momentImported, i1$1, util, ngx, angular2TextMask, ngxMaterialTimepicker, datepicker, animations, divider, tooltip, chips, i3, i1$6, i2$1, ngxColorPicker, ngx$2, ngx$3, ngx$1, i2$2, i3$1, i4, uuidv4Imported, dragDrop, ngxMarkdown, tweetnacl, i3$2, zoneError, ngx$5, ngx$4, ionicCache, i6, i9, i10, ngx$7, i2$4, ngx$8, core, i2$3, ws, utilities, retry, QueueLink, SerializingLink, loggerLink, i3$3, apollo3CachePersist, ngx$6, i14, i15, i17, i18, ngxMaterialTable, collections, ngxJdenticon) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/cdk/table'), require('@angular/cdk/a11y'), require('@angular/cdk/overlay'), require('@angular/cdk/scrolling'), require('@angular/material/core'), require('@angular/material/table'), require('@angular/material/sort'), require('@angular/material/paginator'), require('@angular/material/form-field'), require('@angular/material/input'), require('@angular/material/checkbox'), require('@angular/material/expansion'), require('@angular/material/toolbar'), require('@angular/material/icon'), require('@angular/material/button'), require('@angular/material/menu'), require('@angular/material/select'), require('@angular/material/card'), require('@angular/material/tabs'), require('@angular/material/stepper'), require('@angular/material/list'), require('@angular/material/button-toggle'), require('@angular/material/progress-spinner'), require('@angular/material/progress-bar'), require('@angular/material/radio'), require('@angular/material/badge'), require('@angular/material/slide-toggle'), require('@angular/material/dialog'), require('@angular/material/autocomplete'), require('@angular/forms'), require('rxjs'), require('rxjs/operators'), require('@ngx-translate/core'), require('@ionic/angular'), require('moment'), require('@angular/material-moment-adapter'), require('@ionic-native/keyboard/ngx'), require('angular2-text-mask'), require('ngx-material-timepicker'), require('@angular/material/datepicker'), require('@angular/animations'), require('@angular/material/divider'), require('@angular/material/tooltip'), require('@angular/material/chips'), require('@angular/router'), require('@angular/platform-browser'), require('@angular/common/http'), require('ngx-color-picker'), require('@ionic-native/native-audio/ngx'), require('@ionic-native/vibration/ngx'), require('@ionic-native/audio-management/ngx'), require('@ionic-native/native-audio/ngx/index'), require('@ionic-native/vibration/ngx/index'), require('@ionic-native/audio-management/ngx/index'), require('uuid/v4'), require('@angular/cdk/drag-drop'), require('ngx-markdown'), require('tweetnacl'), require('@ionic/storage'), require('zone.js/dist/zone-error'), require('@ionic-native/splash-screen/ngx'), require('@ionic-native/network/ngx'), require('ionic-cache'), require('ionic-cache/dist/cache.service'), require('@ionic-native/network/ngx/index'), require('@ionic-native/splash-screen/ngx/index'), require('@ionic-native/status-bar/ngx'), require('@angular/cdk/platform'), require('@ionic-native/in-app-browser/ngx'), require('@apollo/client/core'), require('apollo-angular'), require('@apollo/client/link/ws'), require('@apollo/client/utilities'), require('@apollo/client/link/retry'), require('apollo-link-queue'), require('apollo-link-serialize'), require('apollo-link-logger'), require('apollo-angular/http'), require('apollo3-cache-persist'), require('@ionic-native/downloader/ngx'), require('@ionic-native/status-bar/ngx/index'), require('@ionic-native/keyboard/ngx/index'), require('@ionic-native/in-app-browser/ngx/index'), require('@ionic-native/downloader/ngx/index'), require('@e-is/ngx-material-table'), require('@angular/cdk/collections'), require('ngx-jdenticon'), require('tweetnacl-util'), require('scrypt-async'), require('hammerjs')) :
+    typeof define === 'function' && define.amd ? define('@sumaris-net/ngx-components', ['exports', '@angular/core', '@angular/common', '@angular/cdk/table', '@angular/cdk/a11y', '@angular/cdk/overlay', '@angular/cdk/scrolling', '@angular/material/core', '@angular/material/table', '@angular/material/sort', '@angular/material/paginator', '@angular/material/form-field', '@angular/material/input', '@angular/material/checkbox', '@angular/material/expansion', '@angular/material/toolbar', '@angular/material/icon', '@angular/material/button', '@angular/material/menu', '@angular/material/select', '@angular/material/card', '@angular/material/tabs', '@angular/material/stepper', '@angular/material/list', '@angular/material/button-toggle', '@angular/material/progress-spinner', '@angular/material/progress-bar', '@angular/material/radio', '@angular/material/badge', '@angular/material/slide-toggle', '@angular/material/dialog', '@angular/material/autocomplete', '@angular/forms', 'rxjs', 'rxjs/operators', '@ngx-translate/core', '@ionic/angular', 'moment', '@angular/material-moment-adapter', '@ionic-native/keyboard/ngx', 'angular2-text-mask', 'ngx-material-timepicker', '@angular/material/datepicker', '@angular/animations', '@angular/material/divider', '@angular/material/tooltip', '@angular/material/chips', '@angular/router', '@angular/platform-browser', '@angular/common/http', 'ngx-color-picker', '@ionic-native/native-audio/ngx', '@ionic-native/vibration/ngx', '@ionic-native/audio-management/ngx', '@ionic-native/native-audio/ngx/index', '@ionic-native/vibration/ngx/index', '@ionic-native/audio-management/ngx/index', 'uuid/v4', '@angular/cdk/drag-drop', 'ngx-markdown', 'tweetnacl', '@ionic/storage', 'zone.js/dist/zone-error', '@ionic-native/splash-screen/ngx', '@ionic-native/network/ngx', 'ionic-cache', 'ionic-cache/dist/cache.service', '@ionic-native/network/ngx/index', '@ionic-native/splash-screen/ngx/index', '@ionic-native/status-bar/ngx', '@angular/cdk/platform', '@ionic-native/in-app-browser/ngx', '@apollo/client/core', 'apollo-angular', '@apollo/client/link/ws', '@apollo/client/utilities', '@apollo/client/link/retry', 'apollo-link-queue', 'apollo-link-serialize', 'apollo-link-logger', 'apollo-angular/http', 'apollo3-cache-persist', '@ionic-native/downloader/ngx', '@ionic-native/status-bar/ngx/index', '@ionic-native/keyboard/ngx/index', '@ionic-native/in-app-browser/ngx/index', '@ionic-native/downloader/ngx/index', '@e-is/ngx-material-table', '@angular/cdk/collections', 'ngx-jdenticon', 'tweetnacl-util', 'scrypt-async', 'hammerjs'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["sumaris-net"] = global["sumaris-net"] || {}, global["sumaris-net"]["ngx-components"] = {}), global.ng.core, global.ng.common, global.ng.cdk.table, global.ng.cdk.a11y, global.ng.cdk.overlay, global.ng.cdk.scrolling, global.ng.material.core, global.ng.material.table, global.ng.material.sort, global.ng.material.paginator, global.ng.material.formField, global.ng.material.input, global.ng.material.checkbox, global.ng.material.expansion, global.ng.material.toolbar, global.ng.material.icon, global.ng.material.button, global.ng.material.menu, global.ng.material.select, global.ng.material.card, global.ng.material.tabs, global.ng.material.stepper, global.ng.material.list, global.ng.material.buttonToggle, global.ng.material.progressSpinner, global.ng.material.progressBar, global.ng.material.radio, global.ng.material.badge, global.ng.material.slideToggle, global.ng.material.dialog, global.ng.material.autocomplete, global.ng.forms, global.rxjs, global.rxjs.operators, global["ngx-translate"].core, global.ionic.angular, global.moment, global.ng.materialMomentAdapter, global["ionic-native"].keyboard.ngx, global["angular2-text-mask"], global["ngx-material-timepicker"], global.ng.material.datepicker, global.ng.animations, global.ng.material.divider, global.ng.material.tooltip, global.ng.material.chips, global.ng.router, global.ng.platformBrowser, global.ng.common.http, global["ngx-color-picker"], global["ionic-native"]["native-audio"].ngx, global["ionic-native"].vibration.ngx, global["ionic-native"]["audio-management"].ngx, global["ionic-native"]["native-audio"].ngx.index, global["ionic-native"].vibration.ngx.index, global["ionic-native"]["audio-management"].ngx.index, global.uuid.v4, global.ng.cdk.dragDrop, global["ngx-markdown"], global.tweetnacl, global.ionic.storage, null, global["ionic-native"]["splash-screen"].ngx, global["ionic-native"].network.ngx, global["ionic-cache"], global["ionic-cache/dist/cache"].service, global["ionic-native"].network.ngx.index, global["ionic-native"]["splash-screen"].ngx.index, global["ionic-native"]["status-bar"].ngx, global.ng.cdk.platform, global["ionic-native"]["in-app-browser"].ngx, global.apollo.client.core, global["apollo-angular"], global.apollo.client.link.ws, global.apollo.client.utilities, global.apollo.client.link.retry, global["apollo-link-queue"], global["apollo-link-serialize"], global["apollo-link-logger"], global["apollo-angular"].http, global["apollo3-cache-persist"], global.ngx$6, global["ionic-native"]["status-bar"].ngx.index, global["ionic-native"].keyboard.ngx.index, global["ionic-native"]["in-app-browser"].ngx.index, global.i18, global["e-is"]["ngx-material-table"], global.ng.cdk.collections, global["ngx-jdenticon"]));
+})(this, (function (exports, i0, i1$4, table$1, a11y, overlay, scrolling, i1$3, table, sort$1, paginator, formField, input, checkbox, expansion, toolbar, icon, button, menu, select, card, tabs, stepper, list, buttonToggle, progressSpinner, progressBar, radio, badge, slideToggle, i2, autocomplete, i1, rxjs, operators, i1$2, i1$5, momentImported, i1$1, ngx, angular2TextMask, ngxMaterialTimepicker, datepicker, animations, divider, tooltip, chips, i3, i1$6, i2$1, ngxColorPicker, ngx$2, ngx$3, ngx$1, i2$2, i3$1, i4, uuidv4Imported, dragDrop, ngxMarkdown, tweetnacl, i3$2, zoneError, ngx$5, ngx$4, ionicCache, i6, i9, i10, ngx$7, i2$4, ngx$8, core, i2$3, ws, utilities, retry, QueueLink, SerializingLink, loggerLink, i3$3, apollo3CachePersist, ngx$6, i14, i15, i17, i18, ngxMaterialTable, collections, ngxJdenticon) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -2481,7 +2481,7 @@
             return date1 && date2 && date1.isSameOrBefore(date2) ? date1 : date2;
         };
         DateUtils.max = function (date1, date2) {
-            return date1 && date2 && date1.isSameOrAfter(date2) ? date1 : date2;
+            return !date1 ? date2 : (!date2 || date1.isSameOrAfter(date2) ? date1 : date2);
         };
         return DateUtils;
     }());
@@ -2854,7 +2854,7 @@
         TranslateContextService.prototype.get = function (key, context, interpolateParams) {
             var _this = this;
             // No context: do a normal translate
-            if (!util.isDefined(context))
+            if (!isNil(context))
                 return this.translate.get(key, interpolateParams);
             // Compute a contextual i18n key, using the context as suffix
             var contextKey = this.contextualKey(key, context);
@@ -2937,12 +2937,11 @@
         };
         return TranslateContextPipe;
     }());
-    TranslateContextPipe.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function TranslateContextPipe_Factory() { return new TranslateContextPipe(i0__namespace.ɵɵinject(TranslateContextService), i0__namespace.ɵɵinject(i0__namespace.ChangeDetectorRef)); }, token: TranslateContextPipe, providedIn: "root" });
     TranslateContextPipe.decorators = [
+        { type: i0.Injectable },
         { type: i0.Pipe, args: [{
                     name: 'translateContext'
-                },] },
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
+                },] }
     ];
     TranslateContextPipe.ctorParameters = function () { return [
         { type: TranslateContextService },
@@ -2958,12 +2957,11 @@
         };
         return TranslatablePipe;
     }());
-    TranslatablePipe.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function TranslatablePipe_Factory() { return new TranslatablePipe(); }, token: TranslatablePipe, providedIn: "root" });
     TranslatablePipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'translatable'
                 },] },
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
+        { type: i0.Injectable }
     ];
 
     var PropertyGetPipe = /** @class */ (function () {
@@ -19141,7 +19139,7 @@
             this.error = null;
             this._enable = false;
             this._$ready = new rxjs.BehaviorSubject(false);
-            this._loading = true;
+            this._$loading = new rxjs.BehaviorSubject(true);
             this.i18nFieldPrefix = null;
             this._subscription = new rxjs.Subscription();
             this.debug = false;
@@ -19157,9 +19155,25 @@
             });
             this.autocompleteFields = this.autocompleteHelper.fields;
         }
-        Object.defineProperty(AppForm.prototype, "_ready", {
+        Object.defineProperty(AppForm.prototype, "_loading", {
+            /**
+             *  @deprecated
+             */
+            get: function () {
+                return this._$loading.value;
+            },
+            /**
+             *  @deprecated
+             */
+            set: function (value) {
+                this._$loading.next(value);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(AppForm.prototype, "loading", {
             get: function () {
-                return this._$ready.value == true;
+                return this._$loading.value;
             },
             enumerable: false,
             configurable: true
@@ -19297,9 +19311,11 @@
             if (this.debug)
                 console.debug('[form] Updating form (using entity)', data);
             // Convert object to json, then apply it to form (e.g. convert 'undefined' into 'null')
-            AppFormUtils.copyEntity2Form(data, this.form, Object.assign({ emitEvent: false, onlySelf: true }, opts));
-            if (!opts || opts.emitEvent !== true)
+            AppFormUtils.copyEntity2Form(data, this.form, opts);
+            if (!opts || opts.emitEvent !== false) {
+                this.markAsLoaded({ emitEvent: false });
                 this.markForCheck();
+            }
         };
         AppForm.prototype.reset = function (data, opts) {
             if (data) {
@@ -19348,15 +19364,15 @@
                 this.markForCheck();
         };
         AppForm.prototype.markAsLoading = function (opts) {
-            if (!this._loading) {
-                this._loading = true;
+            if (this._$loading.value !== true) {
+                this._$loading.next(true);
                 if (!opts || opts.emitEvent !== false)
                     this.markForCheck();
             }
         };
         AppForm.prototype.markAsLoaded = function (opts) {
-            if (this._loading) {
-                this._loading = false;
+            if (this._$loading.value !== false) {
+                this._$loading.next(false);
                 if (!opts || opts.emitEvent !== false)
                     this.markForCheck();
             }
@@ -19457,7 +19473,6 @@
             _this.network = network;
             _this.cd = cd;
             _this.environment = environment;
-            _this.loading = false;
             _this.canWorkOffline = false;
             _this.showPwd = false;
             _this.onCancel = new i0.EventEmitter();
@@ -19508,13 +19523,13 @@
             }
             if (this.form.invalid || this.loading)
                 return;
-            this.loading = true;
+            this.markAsLoading();
             var data = this.form.value;
             this.showPwd = false; // Hide password
             this.error = null; // Reset error
             this.registerSubscription(this.onSubmit
                 .pipe(operators.debounceTime(500))
-                .subscribe(function (res) { return _this.loading = false; }));
+                .subscribe(function (res) { return _this.markAsLoaded(); }));
             setTimeout(function () { return _this.onSubmit.emit({
                 username: data.username,
                 password: data.password,
@@ -20269,7 +20284,6 @@
             _this.translate = translate;
             _this.settings = settings;
             _this.cd = cd;
-            _this.loading = true;
             _this.email = {
                 confirmed: false,
                 notConfirmed: false,
@@ -20299,7 +20313,7 @@
                     _this.onLogin(_this.accountService.account);
                 }
                 else {
-                    _this.loading = false;
+                    _this.markAsLoaded();
                 }
             }));
             return _this;
@@ -20317,7 +20331,7 @@
             this.enable();
             this.markAsPristine();
             this.startListenChanges();
-            this.loading = false;
+            this.markAsLoaded();
         };
         AccountPage.prototype.onLogout = function () {
             this.isLogin = false;
@@ -20335,7 +20349,7 @@
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
                     this.disable();
-                    this.loading = true;
+                    this.markAsLoading();
                     return [2 /*return*/, this.accountService.refresh()];
                 });
             });
@@ -20869,7 +20883,6 @@
             _this.cd = cd;
             _this.network = network;
             _this.locales = locales;
-            _this.loading = true;
             _this.saving = false;
             _this.usageModes = ['FIELD', 'DESK'];
             _this.propertyDefinitionsByKey = {};
@@ -20959,7 +20972,7 @@
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
-                            this.loading = true;
+                            this.markAsLoading();
                             console.debug('[settings] Loading settings...');
                             data = this.settings.settings;
                             // Set defaults
@@ -20995,7 +21008,7 @@
             this.enable({ emitEvent: false });
             // Apply inheritance
             this.setAccountInheritance(data.accountInheritance, { emitEvent: false });
-            this.loading = false;
+            this.markAsLoaded();
             this.error = null;
             this.markForCheck();
         };
@@ -21234,7 +21247,6 @@
             _this.settings = settings;
             _this.cd = cd;
             _this.formGroupDir = formGroupDir;
-            _this.loading = true;
             _this.definitionsMapByKey = {};
             _this.definitionsByIndex = {};
             return _this;
@@ -21313,7 +21325,7 @@
             this.helper.resize(values.length);
             this.helper.formArray.patchValue(values, { emitEvent: false });
             this.markAsPristine();
-            this.loading = false;
+            this.markAsLoaded();
         };
         /* -- protected methods -- */
         AppPropertiesForm.prototype.getPropertyFormGroup = function (data) {
@@ -21359,7 +21371,6 @@
             _this.settings = settings;
             _this.cd = cd;
             _this.formGroupDir = formGroupDir;
-            _this.loading = true;
             _this.selection = new collections.SelectionModel(true, []);
             _this.displayWithFn = referentialToString;
             _this.onNewItem = new i0.EventEmitter();
@@ -21485,7 +21496,7 @@
             }
             this.selection.clear();
             this.markAsPristine();
-            this.loading = false;
+            this.markAsLoaded();
         };
         /** Whether the number of selected elements matches the total number of rows. */
         AppListForm.prototype.isAllSelected = function () {
@@ -25518,6 +25529,13 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(AppEditor.prototype, "forms", {
+            get: function () {
+                return this._children && this._children.filter(function (c) { return c instanceof AppForm; });
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(AppEditor.prototype, "dirty", {
             get: function () {
                 var _a;
@@ -25676,10 +25694,15 @@
             }
         };
         AppEditor.prototype.markAsLoaded = function (opts) {
+            var _a;
             if (this._loading) {
                 this._loading = false;
-                if (!opts || opts.emitEvent !== false)
+                if (!opts || opts.emitEvent !== false) {
+                    // Emit to children forms
+                    // Tables should be changed by parent
+                    (_a = this.forms) === null || _a === void 0 ? void 0 : _a.forEach(function (c) { return c.markAsLoaded(opts); });
                     this.markForCheck();
+                }
             }
         };
         AppEditor.prototype.markAsReady = function (opts) {
@@ -26300,49 +26323,60 @@
          */
         AppEntityEditor.prototype.load = function (id, opts) {
             return __awaiter(this, void 0, void 0, function () {
-                var data, data, err_1;
+                var data, err_1, data, err_2;
                 return __generator(this, function (_b) {
                     switch (_b.label) {
                         case 0:
                             if (!this.dataService)
                                 throw new Error('Cannot load data: missing \'dataService\'!');
                             this.error = null;
-                            if (!isNil(id)) return [3 /*break*/, 3];
+                            if (!isNil(id)) return [3 /*break*/, 7];
+                            _b.label = 1;
+                        case 1:
+                            _b.trys.push([1, 4, 5, 6]);
                             data = new this.dataType();
                             this._usageMode = this.computeUsageMode(data);
                             return [4 /*yield*/, this.onNewEntity(data, opts)];
-                        case 1:
+                        case 2:
                             _b.sent();
                             return [4 /*yield*/, this.updateView(data, Object.assign({ openTabIndex: 0 }, opts))];
-                        case 2:
+                        case 3:
                             _b.sent();
+                            return [3 /*break*/, 6];
+                        case 4:
+                            err_1 = _b.sent();
+                            this.setError(err_1);
+                            this.selectedTabIndex = 0;
+                            return [3 /*break*/, 6];
+                        case 5:
                             this.markAsLoaded();
-                            return [3 /*break*/, 9];
-                        case 3:
-                            _b.trys.push([3, 7, 8, 9]);
+                            return [7 /*endfinally*/];
+                        case 6: return [3 /*break*/, 13];
+                        case 7:
+                            _b.trys.push([7, 11, 12, 13]);
                             return [4 /*yield*/, this.dataService.load(id, opts)];
-                        case 4:
+                        case 8:
                             data = _b.sent();
                             if (!data)
                                 throw { code: ErrorCodes$2.DATA_NOT_FOUND_ERROR, message: 'ERROR.DATA_NO_FOUND' };
                             this._usageMode = this.computeUsageMode(data);
                             return [4 /*yield*/, this.onEntityLoaded(data, opts)];
-                        case 5:
+                        case 9:
                             _b.sent();
                             return [4 /*yield*/, this.updateView(data, opts)];
-                        case 6:
+                        case 10:
                             _b.sent();
                             this.startListenRemoteChanges();
-                            return [3 /*break*/, 9];
-                        case 7:
-                            err_1 = _b.sent();
-                            this.setError(err_1);
+                            return [3 /*break*/, 13];
+                        case 11:
+                            err_2 = _b.sent();
+                            this.setError(err_2);
                             this.selectedTabIndex = 0;
-                            return [3 /*break*/, 9];
-                        case 8:
+                            return [3 /*break*/, 13];
+                        case 12:
                             this.markAsLoaded();
                             return [7 /*endfinally*/];
-                        case 9: return [2 /*return*/];
+                        case 13: return [2 /*return*/];
                     }
                 });
             });
@@ -26517,7 +26551,7 @@
          */
         AppEntityEditor.prototype.save = function (event, opts) {
             return __awaiter(this, void 0, void 0, function () {
-                var data, updatedData, err_2;
+                var data, updatedData, err_3;
                 return __generator(this, function (_b) {
                     switch (_b.label) {
                         case 0:
@@ -26570,15 +26604,15 @@
                             this.submitted = false;
                             return [2 /*return*/, true];
                         case 7:
-                            err_2 = _b.sent();
+                            err_3 = _b.sent();
                             this.submitted = true;
-                            this.setError(err_2);
+                            this.setError(err_3);
                             this.selectedTabIndex = 0;
                             this.scrollToTop(); // Scroll to top (to show error)
                             this.markAsDirty();
                             this.enable();
                             // Concurrent change on pod
-                            if (err_2.code === ServerErrorCodes.BAD_UPDATE_DATE && isNotNil(this.data.id)) {
+                            if (err_3.code === ServerErrorCodes.BAD_UPDATE_DATE && isNotNil(this.data.id)) {
                                 // Call a data reload (in background), to update the GraphQL cache, and allow to cancel changes
                                 this.dataService.load(this.data.id, { fetchPolicy: 'network-only' }).then(function () {
                                     console.debug('[data-editor] Data cache reloaded. User can reload page');
@@ -26631,7 +26665,7 @@
         };
         AppEntityEditor.prototype.delete = function (event) {
             return __awaiter(this, void 0, void 0, function () {
-                var confirmation, data, isNew, err_3;
+                var confirmation, data, isNew, err_4;
                 var _this = this;
                 return __generator(this, function (_b) {
                     switch (_b.label) {
@@ -26666,9 +26700,9 @@
                             this.removePageHistory();
                             return [3 /*break*/, 8];
                         case 7:
-                            err_3 = _b.sent();
+                            err_4 = _b.sent();
                             this.submitted = true;
-                            this.setError(err_3);
+                            this.setError(err_4);
                             this.selectedTabIndex = 0;
                             this.markAsSaved();
                             this.enable();