@sumaris-net/ngx-components 0.27.0 → 0.27.4

package/esm2015/src/app/shared/pipes/number-format.pipe.js

@@ -1,11 +1,11 @@
 import { Injectable, Pipe } from '@angular/core';
 import * as i0 from "@angular/core";
 export class NumberFormatPipe {
-    transform(val) {
+    transform(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 '';
@@ -19,4 +19,4 @@ NumberFormatPipe.decorators = [
             },] },
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnVtYmVyLWZvcm1hdC5waXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9zaGFyZWQvcGlwZXMvbnVtYmVyLWZvcm1hdC5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxVQUFVLEVBQUUsSUFBSSxFQUFnQixNQUFNLGVBQWUsQ0FBQzs7QUFNOUQsTUFBTSxPQUFPLGdCQUFnQjtJQUV6QixTQUFTLENBQUMsR0FBVztRQUNuQixzREFBc0Q7UUFDdEQsZ0JBQWdCO1FBQ2hCLElBQUksR0FBRyxLQUFLLFNBQVMsSUFBSSxHQUFHLEtBQUssSUFBSSxFQUFFO1lBQ3JDLE9BQU8sR0FBRyxDQUFDLGNBQWMsRUFBQyxzQkFBc0IsQ0FBQyxDQUFDO1NBQ25EO2FBQU07WUFDTCxPQUFPLEVBQUUsQ0FBQztTQUNYO0lBQ0gsQ0FBQzs7OztZQWRKLElBQUksU0FBQztnQkFDRixJQUFJLEVBQUUsY0FBYzthQUN2QjtZQUNBLFVBQVUsU0FBQyxFQUFDLFVBQVUsRUFBRSxNQUFNLEVBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0luamVjdGFibGUsIFBpcGUsIFBpcGVUcmFuc2Zvcm19IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AUGlwZSh7XG4gICAgbmFtZTogJ251bWJlckZvcm1hdCdcbn0pXG5ASW5qZWN0YWJsZSh7cHJvdmlkZWRJbjogJ3Jvb3QnfSlcbmV4cG9ydCBjbGFzcyBOdW1iZXJGb3JtYXRQaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XG5cbiAgICB0cmFuc2Zvcm0odmFsOiBudW1iZXIpOiBzdHJpbmcgfCBQcm9taXNlPHN0cmluZz4ge1xuICAgICAgLy8gRm9ybWF0IHRoZSBvdXRwdXQgdG8gZGlzcGxheSBhbnkgd2F5IHlvdSB3YW50IGhlcmUuXG4gICAgICAvLyBGb3IgaW5zdGFuY2U6XG4gICAgICBpZiAodmFsICE9PSB1bmRlZmluZWQgJiYgdmFsICE9PSBudWxsKSB7XG4gICAgICAgIHJldHVybiB2YWwudG9Mb2NhbGVTdHJpbmcoLyphcmd1bWVudHMgeW91IG5lZWQqLyk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICByZXR1cm4gJyc7XG4gICAgICB9XG4gICAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnVtYmVyLWZvcm1hdC5waXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9zaGFyZWQvcGlwZXMvbnVtYmVyLWZvcm1hdC5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFpQixNQUFNLGVBQWUsQ0FBQzs7QUFNaEUsTUFBTSxPQUFPLGdCQUFnQjtJQUV6QixTQUFTLENBQUMsR0FBVyxFQUFFLG1CQUE4QztRQUNuRSxzREFBc0Q7UUFDdEQsZ0JBQWdCO1FBQ2hCLElBQUksR0FBRyxLQUFLLFNBQVMsSUFBSSxHQUFHLEtBQUssSUFBSSxFQUFFO1lBQ3JDLE9BQU8sR0FBRyxDQUFDLGNBQWMsQ0FBQyxTQUFTLEVBQUUsbUJBQW1CLENBQUMsQ0FBQztTQUMzRDthQUFNO1lBQ0wsT0FBTyxFQUFFLENBQUM7U0FDWDtJQUNILENBQUM7Ozs7WUFkSixJQUFJLFNBQUM7Z0JBQ0YsSUFBSSxFQUFFLGNBQWM7YUFDdkI7WUFDQSxVQUFVLFNBQUMsRUFBQyxVQUFVLEVBQUUsTUFBTSxFQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSwgUGlwZSwgUGlwZVRyYW5zZm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AUGlwZSh7XG4gICAgbmFtZTogJ251bWJlckZvcm1hdCdcbn0pXG5ASW5qZWN0YWJsZSh7cHJvdmlkZWRJbjogJ3Jvb3QnfSlcbmV4cG9ydCBjbGFzcyBOdW1iZXJGb3JtYXRQaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XG5cbiAgICB0cmFuc2Zvcm0odmFsOiBudW1iZXIsIG51bWJlckZvcm1hdE9wdGlvbnM/OiBJbnRsLk51bWJlckZvcm1hdE9wdGlvbnMpOiBzdHJpbmcgfCBQcm9taXNlPHN0cmluZz4ge1xuICAgICAgLy8gRm9ybWF0IHRoZSBvdXRwdXQgdG8gZGlzcGxheSBhbnkgd2F5IHlvdSB3YW50IGhlcmUuXG4gICAgICAvLyBGb3IgaW5zdGFuY2U6XG4gICAgICBpZiAodmFsICE9PSB1bmRlZmluZWQgJiYgdmFsICE9PSBudWxsKSB7XG4gICAgICAgIHJldHVybiB2YWwudG9Mb2NhbGVTdHJpbmcodW5kZWZpbmVkLCBudW1iZXJGb3JtYXRPcHRpb25zKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHJldHVybiAnJztcbiAgICAgIH1cbiAgICB9XG59XG4iXX0=

package/fesm2015/sumaris-net.ngx-components.js

@@ -1927,11 +1927,11 @@ LongitudeFormatPipe.decorators = [
 ];
 
 class NumberFormatPipe {
-    transform(val) {
+    transform(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 '';
@@ -2918,6 +2918,13 @@ class AppNullForm {
     markAsDirty(opts) { }
     markAsLoading(opts) { }
     markAsLoaded(opts) { }
+    markAsReady(opts) { }
+    waitIdle(opts) {
+        return Promise.reject(false);
+    }
+    ready() {
+        return Promise.reject(true);
+    }
 }
 class AppFormProvider {
     constructor(getterFn) {
@@ -2961,6 +2968,9 @@ class AppFormProvider {
     get loading() {
         return this.delegate.loading;
     }
+    ready() {
+        return this.delegate.ready();
+    }
     disable(opts) {
         return this.delegate.disable(opts);
     }
@@ -2988,6 +2998,9 @@ class AppFormProvider {
     markAsLoaded(opts) {
         return this.delegate.markAsLoaded(opts);
     }
+    markAsReady(opts) {
+        return this.delegate.markAsReady(opts);
+    }
 }
 AppFormProvider.NULL_FORM = new AppNullForm();
 // TODO continue to use this kind of declaration ?
@@ -14402,9 +14415,6 @@ class PlatformService extends StartableService {
         this._debug = !environment.production;
         if (this._debug)
             console.debug('[platform] Creating service');
-        this.start()
-            // Manage error
-            .catch(err => this.onStartupError(err));
     }
     get mobile() {
         return isNotNil(this._mobile) ? this._mobile : this.platform.is('mobile');
@@ -14423,7 +14433,7 @@ class PlatformService extends StartableService {
         return this._android && this._cordova;
     }
     get canDownload() {
-        return this._android && !!this.downloader;
+        return isNotNil(this.downloader);
     }
     width() {
         return this.platform.width();
@@ -16554,6 +16564,7 @@ class AppForm {
         this.error = null;
         this._enable = false;
         this._loading = true;
+        this._$ready = new BehaviorSubject(true);
         this.i18nFieldPrefix = null;
         this._subscription = new Subscription();
         this.debug = false;
@@ -16723,6 +16734,18 @@ class AppForm {
                 this.markForCheck();
         }
     }
+    markAsReady(opts) {
+        if (!this._$ready.value) {
+            this._$ready.next(true);
+        }
+    }
+    /**
+     * Wait form is ready
+     * @param opts
+     */
+    ready(opts) {
+        return firstTruePromise(this._$ready);
+    }
     /**
      * Wait form is idle (not loading)
      * @param opts
@@ -20337,6 +20360,7 @@ class AppTable {
         this.allowRowDetail = true;
         this.excludesColumns = [];
         this.totalRowCount = null;
+        this.readySubject = new BehaviorSubject(false);
         this.loadingSubject = new BehaviorSubject(true);
         this.savingSubject = new BehaviorSubject(false);
         this.dirtySubject = new BehaviorSubject(false);
@@ -20540,6 +20564,14 @@ class AppTable {
             (_a = row.validator) === null || _a === void 0 ? void 0 : _a.markAsDirty(opts);
         this.markAsDirty(opts);
     }
+    markAsReady(opts) {
+        if (this.readySubject.value !== false) {
+            this.readySubject.next(false);
+            if (!opts || opts.emitEvent !== false) {
+                this.markForCheck();
+            }
+        }
+    }
     get loading() {
         return this.loadingSubject.value;
     }
@@ -21135,6 +21167,9 @@ class AppTable {
     moveRow(id, direction) {
         this.dataSource.move(id, direction);
     }
+    ready() {
+        return firstTruePromise(this.readySubject);
+    }
     waitIdle() {
         return firstFalsePromise(this.loadingSubject);
     }
@@ -21817,8 +21852,8 @@ AppTable.propDecorators = {
 class AppTabEditorOptions {
 }
 // eslint-disable-next-line @angular-eslint/directive-class-suffix
-class AppTabEditor {
-    constructor(route, router, alertCtrl, translate, options) {
+class AppEditor {
+    constructor(route, router, alertCtrl, translate) {
         this.route = route;
         this.router = router;
         this.alertCtrl = alertCtrl;
@@ -21827,16 +21862,11 @@ class AppTabEditor {
         this._enabled = false;
         this._dirty = false;
         this._loading = true;
-        this._selectedTabIndex = 0;
+        this._$ready = new BehaviorSubject(false);
         this.debug = false;
         this.submitted = false;
         this.toolbar = null;
         this.formButtonsBar = null;
-        this.selectedTabIndexChange = new EventEmitter();
-        options = Object.assign({ tabCount: 1, enableSwipe: true, tabGroupAnimationDuration: '200ms' }, options);
-        this.tabCount = options.tabCount;
-        this.enableSwipe = options.enableSwipe;
-        this.tabGroupAnimationDuration = options.tabGroupAnimationDuration;
     }
     get tables() {
         return this._children && this._children.filter(c => c instanceof AppTable);
@@ -21876,31 +21906,7 @@ class AppTabEditor {
     get empty() {
         return this._enabled;
     }
-    get selectedTabIndex() {
-        return this._selectedTabIndex;
-    }
-    set selectedTabIndex(value) {
-        this.setSelectedTabIndex(value);
-    }
     ngOnInit() {
-        this.queryTabIndexParamName = this.queryTabIndexParamName || 'tab';
-        // Read the selected tab index, from path query params
-        if (this.tabGroup) {
-            this.registerSubscription(this.route.queryParams
-                .subscribe(queryParams => {
-                this.queryParams = Object.assign({}, queryParams);
-                // Parse tab param
-                if (this.tabCount > 1 && this.queryTabIndexParamName) {
-                    const 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(() => this.tabGroup.realignInkBar(), 500);
-            }));
-        }
         if (this.formButtonsBar) {
             this.registerSubscription(this.formButtonsBar.onBack.subscribe(event => this.goBack(event)));
         }
@@ -21910,7 +21916,6 @@ class AppTabEditor {
     }
     ngOnDestroy() {
         this._subscription.unsubscribe();
-        this.selectedTabIndexChange.complete();
     }
     addChildForm(form) {
         if (!form)
@@ -21992,65 +21997,16 @@ class AppTabEditor {
                 this.markForCheck();
         }
     }
-    onTabChange(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;
+    markAsReady(opts) {
+        var _a;
+        (_a = this._children) === null || _a === void 0 ? void 0 : _a.forEach(c => c.markAsReady(opts));
+        this._$ready.next(true);
     }
-    /**
-     * Action triggered when user swipes
-     */
-    onSwipeTab(event) {
-        // 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);
-        let selectTabIndex = this.selectedTabIndex;
-        switch (event.type) {
-            // Open next tab
-            case 'swipeleft':
-                const isLast = selectTabIndex >= (this.tabCount - 1);
-                selectTabIndex = isLast ? 0 : selectTabIndex + 1;
-                break;
-            // Open previous tab
-            case 'swiperight':
-                const 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(() => {
-            this.selectedTabIndex = selectTabIndex;
-            this.markForCheck();
-        });
-        return true;
+    ready(opts) {
+        return firstTruePromise(this._$ready);
     }
-    onSubTabChange(event) {
-        this.onTabChange(event, 'subtab');
+    waitIdle(opts) {
+        return AppFormUtils.waitIdle(this, opts);
     }
     cancel(event) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -22071,7 +22027,6 @@ class AppTabEditor {
         return __awaiter(this, void 0, void 0, function* () {
             console.debug('[tab-page] Unloading data...');
             this.markAsLoading();
-            this.selectedTabIndex = 0;
             this._children.forEach(f => {
                 if (f instanceof AppForm) {
                     f.reset(null, opts);
@@ -22132,28 +22087,11 @@ class AppTabEditor {
             }
         });
     }
-    setSelectedTabIndex(value, opts) {
-        // 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(() => this.tabGroup.realignInkBar(), 200);
-        }
-        else if (!opts || opts.emitEvent !== false) {
-            this.markForCheck();
-        }
-    }
-    waitIdle(opts) {
-        return AppFormUtils.waitIdle(this, opts);
+    logFormErrors() {
+        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(c => this.logChildrenFormErrors(c));
     }
     /* -- protected methods -- */
     scrollToTop(duration) {
@@ -22230,16 +22168,10 @@ class AppTabEditor {
             yield Toasts.show(this.toastController, this.translate, opts);
         });
     }
-    logFormErrors() {
-        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(c => this.logChildrenFormErrors(c));
-    }
     logChildrenFormErrors(c, prefix, path) {
         prefix = prefix || '[app-tab-editor] ';
         // If editor
-        if (c instanceof AppTabEditor) {
+        if (c instanceof AppEditor) {
             c.logFormErrors();
         }
         // Angular form control
@@ -22281,6 +22213,156 @@ class AppTabEditor {
         // Should be override by subclasses, if change detection is Push
     }
 }
+AppEditor.decorators = [
+    { type: Directive }
+];
+AppEditor.ctorParameters = () => [
+    { type: ActivatedRoute },
+    { type: Router },
+    { type: AlertController },
+    { type: TranslateService }
+];
+AppEditor.propDecorators = {
+    toolbar: [{ type: ViewChild, args: [ToolbarToken,] }],
+    formButtonsBar: [{ type: ViewChild, args: [FormButtonsBarToken, { static: true },] }],
+    content: [{ type: ViewChild, args: [IonContent, { static: true },] }]
+};
+// eslint-disable-next-line @angular-eslint/directive-class-suffix
+class AppTabEditor extends AppEditor {
+    constructor(route, router, alertCtrl, translate, options) {
+        super(route, router, alertCtrl, translate);
+        this.route = route;
+        this.router = router;
+        this.alertCtrl = alertCtrl;
+        this.translate = translate;
+        this._selectedTabIndex = 0;
+        this.selectedTabIndexChange = new EventEmitter();
+        options = Object.assign({ tabCount: 1, enableSwipe: true, tabGroupAnimationDuration: '200ms' }, options);
+        this.tabCount = options.tabCount;
+        this.enableSwipe = options.enableSwipe;
+        this.tabGroupAnimationDuration = options.tabGroupAnimationDuration;
+    }
+    set selectedTabIndex(value) {
+        this.setSelectedTabIndex(value);
+    }
+    get selectedTabIndex() {
+        return this._selectedTabIndex;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.queryTabIndexParamName = this.queryTabIndexParamName || 'tab';
+        // Read the selected tab index, from path query params
+        if (this.tabGroup) {
+            this.registerSubscription(this.route.queryParams
+                .subscribe(queryParams => {
+                this.queryParams = Object.assign({}, queryParams);
+                // Parse tab param
+                if (this.tabCount > 1 && this.queryTabIndexParamName) {
+                    const 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(() => this.tabGroup.realignInkBar(), 500);
+            }));
+        }
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this.selectedTabIndexChange.complete();
+    }
+    setSelectedTabIndex(value, opts) {
+        // 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(() => this.tabGroup.realignInkBar(), 200);
+        }
+        else if (!opts || opts.emitEvent !== false) {
+            this.markForCheck();
+        }
+    }
+    onTabChange(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
+     */
+    onSwipeTab(event) {
+        // 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);
+        let selectTabIndex = this.selectedTabIndex;
+        switch (event.type) {
+            // Open next tab
+            case 'swipeleft':
+                const isLast = selectTabIndex >= (this.tabCount - 1);
+                selectTabIndex = isLast ? 0 : selectTabIndex + 1;
+                break;
+            // Open previous tab
+            case 'swiperight':
+                const 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(() => {
+            this.selectedTabIndex = selectTabIndex;
+            this.markForCheck();
+        });
+        return true;
+    }
+    onSubTabChange(event) {
+        this.onTabChange(event, 'subtab');
+    }
+    unload(opts) {
+        const _super = Object.create(null, {
+            unload: { get: () => super.unload }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            this.selectedTabIndex = 0;
+            yield _super.unload.call(this, opts);
+        });
+    }
+}
 AppTabEditor.decorators = [
     { type: Directive }
 ];
@@ -22293,12 +22375,9 @@ AppTabEditor.ctorParameters = () => [
 ];
 AppTabEditor.propDecorators = {
     queryTabIndexParamName: [{ type: Input }],
-    tabGroup: [{ type: ViewChild, args: ['tabGroup', { static: true },] }],
-    toolbar: [{ type: ViewChild, args: [ToolbarToken,] }],
-    formButtonsBar: [{ type: ViewChild, args: [FormButtonsBarToken, { static: true },] }],
-    content: [{ type: ViewChild, args: [IonContent, { static: true },] }],
     selectedTabIndex: [{ type: Input }],
-    selectedTabIndexChange: [{ type: Output }]
+    selectedTabIndexChange: [{ type: Output }],
+    tabGroup: [{ type: ViewChild, args: ['tabGroup', { static: true },] }]
 };
 
 class AppEditorOptions extends AppTabEditorOptions {
@@ -22489,6 +22568,7 @@ class AppEntityEditor extends AppTabEditor {
             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;
+            yield this.ready();
             const promiseOrVoid = this.setValue(data);
             if (promiseOrVoid)
                 yield promiseOrVoid;
@@ -24005,5 +24085,5 @@ const ErrorCodes = {
  * Generated bundle index. Do not edit.
  */
 
-export { APP_ABOUT_DEVELOPERS, APP_ABOUT_PARTNERS, APP_CONFIG_OPTIONS, APP_FORM_ERROR_I18N_KEYS, APP_GRAPHQL_TYPE_POLICIES, APP_HOME_BUTTONS, APP_LOCALES, APP_LOCAL_SETTINGS, APP_LOCAL_SETTINGS_OPTIONS, APP_LOCAL_STORAGE_TYPE_POLICIES, APP_MENU_ITEMS, APP_TESTING_PAGES, AboutModal, Account, AccountPage, AccountService, AccountToStringPipe, ActionsColumnComponent, AdminModule, AdminRoutingModule, Alerts, AnimationState, AppEditorOptions, AppEntityEditor, AppForm, AppFormField, AppFormProvider, AppFormUtils, AppGestureConfig, AppGraphQLModule, AppHelpModal, AppInMemoryTable, AppInstallUpgradeCard, AppListForm, AppLoadingSpinner, AppMenuModule, AppNullForm, AppPropertiesForm, AppTabEditor, AppTabEditorOptions, AppTable, AppTableDataSourceOptions, AppTableUtils, AppValidatorService, AppendToInputDirective, ArrayFilterPipe, ArrayFirstPipe, ArrayIncludesPipe, ArrayLengthPipe, ArrayPluckPipe, AudioProvider, AuthForm, AuthGuardService, AuthModal, AutocompleteTestPage, AutofocusDirective, Base58, BaseEntityService, BaseGraphqlService, BaseGraphqlServiceOptions, BaseReferential, Beans, CORE_CONFIG_OPTIONS, CellValueChangeListener, ChipsTestPage, Color, ColorScale, ComponentDirtyGuard, ConfigService, Configuration, CoreModule, CryptoService, DATE_ISO_PATTERN, DATE_UNIX_MS_TIMESTAMP, DATE_UNIX_TIMESTAMP, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLACEHOLDER_CHAR, DEFAULT_REQUIRED_COLUMNS, DateDiffDurationPipe, DateFormatPipe, DateFromNowPipe, DateTimeTestPage, DateUtils, Department, DepartmentToStringPipe, DurationPipe, ENTITIES_STORAGE_KEY_PREFIX, ENVIRONMENT, EmptyArrayPipe, EntitiesService, EntitiesStorage, EntitiesTableDataSource, Entity, EntityClass, EntityClasses, EntityFilter, EntityFilterUtils, EntityMetadataComponent, EntityStore, EntityUtils, Environment, ErrorCodes, EvenPipe, FileService, FileSizePipe, FormArrayHelper, FormButtonsBarComponent, FormButtonsBarToken, FormErrorTranslatePipe, FormErrorTranslator, FormFieldValuesHolder, Fragments, GraphqlService, HAMMER_PRESS_TIME, HAMMER_TAP_TIME, HighlightPipe, HomePage, Hotkeys, HotkeysDialogComponent, InMemoryEntitiesService, IsLoginAccountPipe, IsNilOrBlankPipe, IsNotNilOrBlankPipe, IsNotOnFieldModePipe, IsOnFieldModePipe, JobUtils, KEYBOARD_HIDE_DELAY_MS, LAT_LONG_DEFAULT_MAX_DECIMALS, LAT_LONG_PATTERNS, LatLongFormatPipe, LatLongTestPage, LatitudeFormatPipe, LocalSettingsService, LongitudeFormatPipe, MINIFY_ENTITY_FOR_LOCAL_STORAGE, MINIFY_ENTITY_FOR_POD, MapGetPipe, MapKeysPipe, MapValuesPipe, MatAutocompleteConfigHolder, MatAutocompleteField, MatBooleanField, MatChipsField, MatDate, MatDateShort, MatDateTime, MatDuration, MatLatLongField, MatNumpadComponent, MatNumpadContainerComponent, MatNumpadContent, MatPaginatorI18n, MatStepperI18n, MatSwipeField, MaterialChipsModule, MaterialTestingModule, MaterialTestingPage, MathAbsPipe, MenuComponent, MenuItems, MenuService, ModalToolbarComponent, NetworkService, NgInitDirective, NotEmptyArrayPipe, NumberFormatPipe, NumpadDirective, OddPipe, PRIORITIZED_AUTHORITIES, PUBKEY_REGEXP, Peer, Person, PersonFilter, PersonFragments, PersonService, PersonToStringPipe, PersonUtils, PersonValidatorService, PlatformService, ProgressBarService, ProgressInterceptor, PropertyGetPipe, RESERVED_END_COLUMNS, RESERVED_START_COLUMNS, Referential, ReferentialRef, ReferentialUtils, RegisterConfirmPage, SETTINGS_DISPLAY_COLUMNS, SETTINGS_FILTER, SETTINGS_PAGE_SIZE, SETTINGS_SORTED_COLUMN, SETTINGS_STORAGE_KEY, SETTINGS_TRANSIENT_PROPERTIES, SPACE_PLACEHOLDER_CHAR, SelectPeerModal, SettingsPage, SharedDirectivesModule, SharedFormArrayValidators, SharedFormGroupValidators, SharedHotkeysModule, SharedMatAutocompleteModule, SharedMatBooleanModule, SharedMatDateTimeModule, SharedMatDurationModule, SharedMatLatLongModule, SharedMatNumpadModule, SharedMatSwipeModule, SharedMaterialModule, SharedModule, SharedPipesModule, SharedRoutingModule, SharedTestingModule, SharedValidators, SocialModule, Software, StartableService, StatusById, StatusIds, StatusList, StrLengthPipe, SwipeTestPage, TableSelectColumnsComponent, ToStringPipe, Toasts, ToolbarComponent, ToolbarToken, TranslatablePipe, TranslateContextPipe, TranslateContextService, UserEvent, UserEventFilter, UserEventService, UserEventTypes, UserEventsTable, UserSettings, UsersPage, accountToString, adaptValueToControl, addValueInArray, arrayDistinct, arrayGroupBy, arraySize, asInputElement, canHaveFocus, capitalizeFirstLetter, chainPromises, changeCaseToUnderscore, clearValueInArray, copyEntity2Form, createPromiseEvent, createPromiseEventEmitter, departmentToString, departmentsToString, disableControls, emitPromiseEvent, entityToString, equalsOrNil, fadeInAnimation, fadeInOutAnimation, filterFalse, filterNotNil, filterNumberInput, filterTrue, firstArrayValue, firstFalsePromise, firstNotNil, firstNotNilPromise, firstTruePromise, focusInput, focusNextInput, focusPreviousInput, formatLatitude, formatLongitude, fromDateISOString, fromScrollEndEvent, fromUnixMsTimestamp, fromUnixTimestamp, getCaretPosition, getColorContrast, getColorShade, getColorTint, getConnectionType, getControlFromPath, getFocusableInputElements, getFormErrors, getFormValueFromEntity, getProperty, getPropertyByPath, getPropertyByPathAsString, getRandomImage, hexToRgb, hexToRgbArray, isControlHasInput, isEmptyArray, isInputElement, isInstanceOf, isInt, isNil, isNilOrBlank, isNilOrNaN, isNotEmptyArray, isNotNil, isNotNilOrBlank, isNotNilOrNaN, isNotNilString, isNumber, isNumberRange, joinProperties, joinPropertiesPath, logFormErrors, markAllAsTouched, markAsUntouched, markControlAsTouched, markFormGroupAsTouched, matchUpperCase, mergeLoadResult, mixHex, moveInputCaretToSeparator, noTrailingSlash, notNilOrDefault, nullIfUndefined, parseLatitudeOrLongitude, propertiesPathComparator, propertyComparator, propertyPathComparator, referentialToString, referentialsToString, remove, removeAll, removeDiacritics, removeDuplicatesFromArray, removeEnd, removeValueInArray, replaceAll, resetCalculatedValue, resizeArray, rgbArrayToHex, rgbToHex, round, scrollFactory, selectInputContent, selectInputRange, setCalculatedValue, setTabIndex, sleep, slideInOutAnimation, slideUpDownAnimation, sort, splitById, splitByProperty, startsWithUpperCase, suggestFromArray, suggestFromStringArray, tabindexComparator, toBoolean, toDateISOString, toDuration, toFloat, toInt, toNotNil, toNumber, trimEmptyToNull, uncapitalizeFirstLetter, updateValueAndValidity, waitFor, waitIdle, waitWhilePending, ɵ0$5 as ɵ0, CustomReuseStrategy as ɵa, MatNumpadDomService as ɵb, SharedMatBadgeIconModule as ɵc, MatBadgeIconDirective as ɵd, isFocusableElement as ɵe, MatBadgeIconTestPage as ɵf, RegisterForm as ɵg, AccountValidatorService as ɵh, RegisterModal as ɵi, UserSettingsValidatorService as ɵj, LocalSettingsValidatorService as ɵk };
+export { APP_ABOUT_DEVELOPERS, APP_ABOUT_PARTNERS, APP_CONFIG_OPTIONS, APP_FORM_ERROR_I18N_KEYS, APP_GRAPHQL_TYPE_POLICIES, APP_HOME_BUTTONS, APP_LOCALES, APP_LOCAL_SETTINGS, APP_LOCAL_SETTINGS_OPTIONS, APP_LOCAL_STORAGE_TYPE_POLICIES, APP_MENU_ITEMS, APP_TESTING_PAGES, AboutModal, Account, AccountPage, AccountService, AccountToStringPipe, ActionsColumnComponent, AdminModule, AdminRoutingModule, Alerts, AnimationState, AppEditor, AppEditorOptions, AppEntityEditor, AppForm, AppFormField, AppFormProvider, AppFormUtils, AppGestureConfig, AppGraphQLModule, AppHelpModal, AppInMemoryTable, AppInstallUpgradeCard, AppListForm, AppLoadingSpinner, AppMenuModule, AppNullForm, AppPropertiesForm, AppTabEditor, AppTabEditorOptions, AppTable, AppTableDataSourceOptions, AppTableUtils, AppValidatorService, AppendToInputDirective, ArrayFilterPipe, ArrayFirstPipe, ArrayIncludesPipe, ArrayLengthPipe, ArrayPluckPipe, AudioProvider, AuthForm, AuthGuardService, AuthModal, AutocompleteTestPage, AutofocusDirective, Base58, BaseEntityService, BaseGraphqlService, BaseGraphqlServiceOptions, BaseReferential, Beans, CORE_CONFIG_OPTIONS, CellValueChangeListener, ChipsTestPage, Color, ColorScale, ComponentDirtyGuard, ConfigService, Configuration, CoreModule, CryptoService, DATE_ISO_PATTERN, DATE_UNIX_MS_TIMESTAMP, DATE_UNIX_TIMESTAMP, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLACEHOLDER_CHAR, DEFAULT_REQUIRED_COLUMNS, DateDiffDurationPipe, DateFormatPipe, DateFromNowPipe, DateTimeTestPage, DateUtils, Department, DepartmentToStringPipe, DurationPipe, ENTITIES_STORAGE_KEY_PREFIX, ENVIRONMENT, EmptyArrayPipe, EntitiesService, EntitiesStorage, EntitiesTableDataSource, Entity, EntityClass, EntityClasses, EntityFilter, EntityFilterUtils, EntityMetadataComponent, EntityStore, EntityUtils, Environment, ErrorCodes, EvenPipe, FileService, FileSizePipe, FormArrayHelper, FormButtonsBarComponent, FormButtonsBarToken, FormErrorTranslatePipe, FormErrorTranslator, FormFieldValuesHolder, Fragments, GraphqlService, HAMMER_PRESS_TIME, HAMMER_TAP_TIME, HighlightPipe, HomePage, Hotkeys, HotkeysDialogComponent, InMemoryEntitiesService, IsLoginAccountPipe, IsNilOrBlankPipe, IsNotNilOrBlankPipe, IsNotOnFieldModePipe, IsOnFieldModePipe, JobUtils, KEYBOARD_HIDE_DELAY_MS, LAT_LONG_DEFAULT_MAX_DECIMALS, LAT_LONG_PATTERNS, LatLongFormatPipe, LatLongTestPage, LatitudeFormatPipe, LocalSettingsService, LongitudeFormatPipe, MINIFY_ENTITY_FOR_LOCAL_STORAGE, MINIFY_ENTITY_FOR_POD, MapGetPipe, MapKeysPipe, MapValuesPipe, MatAutocompleteConfigHolder, MatAutocompleteField, MatBooleanField, MatChipsField, MatDate, MatDateShort, MatDateTime, MatDuration, MatLatLongField, MatNumpadComponent, MatNumpadContainerComponent, MatNumpadContent, MatPaginatorI18n, MatStepperI18n, MatSwipeField, MaterialChipsModule, MaterialTestingModule, MaterialTestingPage, MathAbsPipe, MenuComponent, MenuItems, MenuService, ModalToolbarComponent, NetworkService, NgInitDirective, NotEmptyArrayPipe, NumberFormatPipe, NumpadDirective, OddPipe, PRIORITIZED_AUTHORITIES, PUBKEY_REGEXP, Peer, Person, PersonFilter, PersonFragments, PersonService, PersonToStringPipe, PersonUtils, PersonValidatorService, PlatformService, ProgressBarService, ProgressInterceptor, PropertyGetPipe, RESERVED_END_COLUMNS, RESERVED_START_COLUMNS, Referential, ReferentialRef, ReferentialUtils, RegisterConfirmPage, SETTINGS_DISPLAY_COLUMNS, SETTINGS_FILTER, SETTINGS_PAGE_SIZE, SETTINGS_SORTED_COLUMN, SETTINGS_STORAGE_KEY, SETTINGS_TRANSIENT_PROPERTIES, SPACE_PLACEHOLDER_CHAR, SelectPeerModal, SettingsPage, SharedDirectivesModule, SharedFormArrayValidators, SharedFormGroupValidators, SharedHotkeysModule, SharedMatAutocompleteModule, SharedMatBooleanModule, SharedMatDateTimeModule, SharedMatDurationModule, SharedMatLatLongModule, SharedMatNumpadModule, SharedMatSwipeModule, SharedMaterialModule, SharedModule, SharedPipesModule, SharedRoutingModule, SharedTestingModule, SharedValidators, SocialModule, Software, StartableService, StatusById, StatusIds, StatusList, StrLengthPipe, SwipeTestPage, TableSelectColumnsComponent, ToStringPipe, Toasts, ToolbarComponent, ToolbarToken, TranslatablePipe, TranslateContextPipe, TranslateContextService, UserEvent, UserEventFilter, UserEventService, UserEventTypes, UserEventsTable, UserSettings, UsersPage, accountToString, adaptValueToControl, addValueInArray, arrayDistinct, arrayGroupBy, arraySize, asInputElement, canHaveFocus, capitalizeFirstLetter, chainPromises, changeCaseToUnderscore, clearValueInArray, copyEntity2Form, createPromiseEvent, createPromiseEventEmitter, departmentToString, departmentsToString, disableControls, emitPromiseEvent, entityToString, equalsOrNil, fadeInAnimation, fadeInOutAnimation, filterFalse, filterNotNil, filterNumberInput, filterTrue, firstArrayValue, firstFalsePromise, firstNotNil, firstNotNilPromise, firstTruePromise, focusInput, focusNextInput, focusPreviousInput, formatLatitude, formatLongitude, fromDateISOString, fromScrollEndEvent, fromUnixMsTimestamp, fromUnixTimestamp, getCaretPosition, getColorContrast, getColorShade, getColorTint, getConnectionType, getControlFromPath, getFocusableInputElements, getFormErrors, getFormValueFromEntity, getProperty, getPropertyByPath, getPropertyByPathAsString, getRandomImage, hexToRgb, hexToRgbArray, isControlHasInput, isEmptyArray, isInputElement, isInstanceOf, isInt, isNil, isNilOrBlank, isNilOrNaN, isNotEmptyArray, isNotNil, isNotNilOrBlank, isNotNilOrNaN, isNotNilString, isNumber, isNumberRange, joinProperties, joinPropertiesPath, logFormErrors, markAllAsTouched, markAsUntouched, markControlAsTouched, markFormGroupAsTouched, matchUpperCase, mergeLoadResult, mixHex, moveInputCaretToSeparator, noTrailingSlash, notNilOrDefault, nullIfUndefined, parseLatitudeOrLongitude, propertiesPathComparator, propertyComparator, propertyPathComparator, referentialToString, referentialsToString, remove, removeAll, removeDiacritics, removeDuplicatesFromArray, removeEnd, removeValueInArray, replaceAll, resetCalculatedValue, resizeArray, rgbArrayToHex, rgbToHex, round, scrollFactory, selectInputContent, selectInputRange, setCalculatedValue, setTabIndex, sleep, slideInOutAnimation, slideUpDownAnimation, sort, splitById, splitByProperty, startsWithUpperCase, suggestFromArray, suggestFromStringArray, tabindexComparator, toBoolean, toDateISOString, toDuration, toFloat, toInt, toNotNil, toNumber, trimEmptyToNull, uncapitalizeFirstLetter, updateValueAndValidity, waitFor, waitIdle, waitWhilePending, ɵ0$5 as ɵ0, CustomReuseStrategy as ɵa, MatNumpadDomService as ɵb, SharedMatBadgeIconModule as ɵc, MatBadgeIconDirective as ɵd, isFocusableElement as ɵe, MatBadgeIconTestPage as ɵf, RegisterForm as ɵg, AccountValidatorService as ɵh, RegisterModal as ɵi, UserSettingsValidatorService as ɵj, LocalSettingsValidatorService as ɵk };
 //# sourceMappingURL=sumaris-net.ngx-components.js.map