@sumaris-net/ngx-components 0.26.7 → 0.27.3

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

@@ -37,7 +37,7 @@ import { __awaiter, __decorate } from 'tslib';
 import * as i1$6 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormGroupDirective, AbstractControl, FormGroup, FormArray, FormControl, ReactiveFormsModule, Validators, FormBuilder } from '@angular/forms';
 import { timer, merge, fromEvent, Subscription, BehaviorSubject, Subject, isObservable, of, noop as noop$8, Observable, defer, from, combineLatest, EMPTY } from 'rxjs';
-import { filter, first, map, takeUntil, startWith, debounceTime, takeWhile, switchMap, tap, distinctUntilChanged, mergeMap, catchError, throttleTime } from 'rxjs/operators';
+import { filter, first, map, takeUntil, startWith, debounceTime, takeWhile, switchMap, tap, distinctUntilChanged, mergeMap, catchError, throttleTime, skip } from 'rxjs/operators';
 import * as i1$1 from '@ngx-translate/core';
 import { TranslateService, TranslateModule } from '@ngx-translate/core';
 import * as i1$4 from '@ionic/angular';
@@ -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 ?
@@ -7619,13 +7632,14 @@ AppFormField.propDecorators = {
 };
 
 class StartableService {
-    constructor(platform) {
+    constructor(prerequisiteService) {
         this.onStart = new Subject();
         this._debug = false;
+        this._startByReadyFunction = true; // should start when calling ready() ?
         this._data = null;
         this._started = false;
-        this._startPrerequisite = platform
-            ? () => platform.ready()
+        this._startPrerequisite = prerequisiteService
+            ? () => prerequisiteService.ready()
             : () => Promise.resolve();
     }
     start() {
@@ -7680,7 +7694,12 @@ class StartableService {
     ready() {
         if (this._started)
             return Promise.resolve(this._data);
-        return this.start();
+        if (this._startPromise)
+            return this._startPromise;
+        if (this._startByReadyFunction)
+            return this.start();
+        return waitFor(() => this._started)
+            .then(() => this._data);
     }
     ngOnStop() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -12260,7 +12279,6 @@ class GraphqlService extends StartableService {
                         .append('Authorization', authorization);
                     //.append('X-App-Name', environment.name)
                     //.append('X-App-Version', environment.version)
-                    ;
                     // Use the setContext method to set the HTTP headers.
                     operation.setContext(Object.assign(Object.assign({}, operation.getContext()), { headers }));
                     // Call the next link in the middleware chain.
@@ -14371,8 +14389,9 @@ ConfigService.ctorParameters = () => [
 ];
 
 const moment$2 = momentImported;
-class PlatformService {
+class PlatformService extends StartableService {
     constructor(platform, cdkPlatform, toastController, translate, dateAdapter, entitiesStorage, settings, networkService, accountService, configService, cache, storage, audioProvider, environment, statusBar, keyboard, splashScreen, browser, downloader) {
+        super(platform);
         this.platform = platform;
         this.cdkPlatform = cdkPlatform;
         this.toastController = toastController;
@@ -14392,15 +14411,10 @@ class PlatformService {
         this.splashScreen = splashScreen;
         this.browser = browser;
         this.downloader = downloader;
-        this._started = false;
         this._downloadingJobs = new Map();
         this._debug = !environment.production;
         if (this._debug)
             console.debug('[platform] Creating service');
-        this.start();
-    }
-    get started() {
-        return this._started;
     }
     get mobile() {
         return isNotNil(this._mobile) ? this._mobile : this.platform.is('mobile');
@@ -14419,7 +14433,7 @@ class PlatformService {
         return this._android && this._cordova;
     }
     get canDownload() {
-        return this._android && !!this.downloader;
+        return isNotNil(this.downloader);
     }
     width() {
         return this.platform.width();
@@ -14427,78 +14441,62 @@ class PlatformService {
     height() {
         return this.platform.height();
     }
-    start() {
-        if (this._startPromise)
-            return this._startPromise;
-        if (this._started)
-            return Promise.resolve();
-        this._started = false;
-        const now = Date.now();
-        this.accountService.tokenType = undefined;
-        console.info('[platform] Starting platform...');
-        this._startPromise = this.platform.ready()
-            .then(() => {
-            this._mobile = this.platform.is('mobile');
-            this._cordova = this.platform.is('cordova');
-            this._android = this.platform.is('android');
-            this.configureCordovaPlugins(this._mobile);
-            this.touchUi = this._mobile || this.platform.is('tablet') || this.platform.is('phablet');
-            // Force mobile in settings
-            if (this._mobile) {
-                this.settings.mobile = this._mobile;
-                this.settings.touchUi = this.touchUi;
-            }
-            this.configureTranslate();
-        })
-            .then(() => this.storageReady())
-            .then((forage) => this.migrateStorage(forage))
-            .then(() => Promise.all([
-            this.entitiesStorage.ready(),
-            this.cache.ready().then(() => this.configureCache()),
-            this.settings.ready(),
-            this.networkService.ready(),
-            this.audioProvider.ready()
-        ]))
-            .then(() => {
-            this._started = true;
-            this._startPromise = undefined;
-            console.info(`[platform] Starting platform [OK] {mobile: ${this._mobile}, touchUi: ${this.touchUi}, canDownload: ${this.canDownload}} in ${Date.now() - now}ms`);
-            // Update cache configuration when network changed
-            this.networkService.onNetworkStatusChanges.subscribe((type) => this.configureCache(type !== 'none'));
-            // Update authentication type
-            this.configService.config
-                .pipe(map(config => config === null || config === void 0 ? void 0 : config.getProperty(CORE_CONFIG_OPTIONS.AUTH_TOKEN_TYPE)), filter(isNotNilOrBlank), distinctUntilChanged())
-                .subscribe(tokenType => {
-                console.info(`[platform] Using auth token type {${tokenType}}`);
-                this.accountService.tokenType = tokenType;
-            });
-            // Wait 1 more seconds, before hiding the splash screen
-            setTimeout(() => {
-                if (this.splashScreen)
-                    this.splashScreen.hide();
-                // Play startup sound
-                this.audioProvider.playStartupSound();
-            }, 1000);
-        })
-            // Manage error
-            .catch(err => this.onStartupError(err));
-        return this._startPromise;
-    }
-    /**
-     * Wait platform is ready.<br/>
-     * Important: this will NOT start the platform, has it should be started by the AppComponent
-     *
-     * @param opts
-     */
-    ready(opts) {
-        const period = opts && opts.checkPeriod || 300;
-        if (this._started)
-            return Promise.resolve();
-        return timer(period, period)
-            .pipe(
-        // For DEBUG :
-        //tap(() => this._debug && console.debug("Waiting platform ready...")),
-        filter(() => this._started), first()).toPromise();
+    ngOnStart() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const now = Date.now();
+            this.accountService.tokenType = undefined;
+            console.info('[platform] Starting platform...');
+            try {
+                this._mobile = this.platform.is('mobile');
+                this._cordova = this.platform.is('cordova');
+                this._android = this.platform.is('android');
+                this.configureCordovaPlugins(this._mobile);
+                this.touchUi = this._mobile || this.platform.is('tablet') || this.platform.is('phablet');
+                // Force mobile in settings
+                if (this._mobile) {
+                    this.settings.mobile = this._mobile;
+                    this.settings.touchUi = this.touchUi;
+                }
+                // Configure translation
+                yield this.configureTranslate();
+                // Configure storage
+                const forage = yield this.storageReady();
+                yield this.migrateStorage(forage);
+                // Start root services
+                yield Promise.all([
+                    this.entitiesStorage.ready(),
+                    this.cache.ready().then(() => this.configureCache()),
+                    this.settings.ready(),
+                    this.networkService.ready(),
+                    this.audioProvider.ready()
+                ]);
+                console.info(`[platform] Starting platform [OK] {mobile: ${this._mobile}, touchUi: ${this.touchUi}, downloader: ${this.canDownload}} in ${Date.now() - now}ms`);
+                // Update cache configuration when network changed
+                this.networkService.onNetworkStatusChanges
+                    .pipe(skip(1)) // Skip the first event (behavior subject send event immediately)
+                    .subscribe(type => this.configureCache(type !== 'none'));
+                // Update authentication type
+                this.configService.config
+                    .pipe(map(config => config === null || config === void 0 ? void 0 : config.getProperty(CORE_CONFIG_OPTIONS.AUTH_TOKEN_TYPE)), filter(isNotNilOrBlank), distinctUntilChanged())
+                    .subscribe(tokenType => {
+                    console.info(`[platform] Using auth token type {${tokenType}}`);
+                    this.accountService.tokenType = tokenType;
+                });
+                // Hide the splashscreen (if mobile) - after 1s
+                if (this.mobile) {
+                    setTimeout(() => {
+                        var _a;
+                        (_a = this.splashScreen) === null || _a === void 0 ? void 0 : _a.hide();
+                        // Play startup sound
+                        this.audioProvider.playStartupSound();
+                    }, 1000);
+                }
+            }
+            catch (err) {
+                // Manage startup error
+                return this.onStartupError(err);
+            }
+        });
     }
     open(url, target, features, replace) {
         console.info(`[platform] Opening link: ${url}`);
@@ -14609,9 +14607,9 @@ class PlatformService {
         });
     }
     configureCache(online) {
-        online = isNotNil(online) ? online : this.cache.isOnline();
+        online = toBoolean(online, this.cache.isOnline());
         const cacheTTL = online ? 3600 /* 1h */ : 3600 * 24 * 30; /* 1 month */
-        console.info(`[platform] Configuring cache [OK] {online: ${online}}, {timeToLive: ${cacheTTL / 3600}h}, {offlineInvalidate: false}`);
+        console.info(`[platform] Configuring cache [OK] {online: ${online}, timeToLive: ${cacheTTL / 3600}h, offlineInvalidate: false}`);
         this.cache.setDefaultTTL(cacheTTL);
         this.cache.setOfflineInvalidate(false); // Do not invalidate cache when offline
     }
@@ -16566,6 +16564,7 @@ class AppForm {
         this.error = null;
         this._enable = false;
         this._loading = true;
+        this._ready = true;
         this.i18nFieldPrefix = null;
         this._subscription = new Subscription();
         this.debug = false;
@@ -16735,6 +16734,20 @@ class AppForm {
                 this.markForCheck();
         }
     }
+    markAsReady(opts) {
+        if (!this._ready) {
+            this._ready = true;
+            if (!opts || opts.emitEvent !== false)
+                this.markForCheck();
+        }
+    }
+    /**
+     * Wait form is ready
+     * @param opts
+     */
+    ready(opts) {
+        return waitFor(() => this._ready, opts);
+    }
     /**
      * Wait form is idle (not loading)
      * @param opts
@@ -20349,6 +20362,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);
@@ -20552,6 +20566,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;
     }
@@ -21147,6 +21169,9 @@ class AppTable {
     moveRow(id, direction) {
         this.dataSource.move(id, direction);
     }
+    ready() {
+        return firstTruePromise(this.readySubject);
+    }
     waitIdle() {
         return firstFalsePromise(this.loadingSubject);
     }
@@ -21829,8 +21854,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;
@@ -21839,16 +21864,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);
@@ -21888,31 +21908,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)));
         }
@@ -21922,7 +21918,6 @@ class AppTabEditor {
     }
     ngOnDestroy() {
         this._subscription.unsubscribe();
-        this.selectedTabIndexChange.complete();
     }
     addChildForm(form) {
         if (!form)
@@ -22004,65 +21999,18 @@ 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;
-    }
-    /**
-     * 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;
+    markAsReady(opts) {
+        var _a;
+        (_a = this._children) === null || _a === void 0 ? void 0 : _a.forEach(c => c.markAsReady(opts));
+        this._$ready.next(true);
+        if (!this.loading && (!opts || opts.emitEvent !== false))
             this.markForCheck();
-        });
-        return true;
     }
-    onSubTabChange(event) {
-        this.onTabChange(event, 'subtab');
+    ready(opts) {
+        return firstTruePromise(this._$ready);
+    }
+    waitIdle(opts) {
+        return AppFormUtils.waitIdle(this, opts);
     }
     cancel(event) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -22083,7 +22031,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);
@@ -22144,28 +22091,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) {
@@ -22242,16 +22172,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
@@ -22293,6 +22217,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 }
 ];
@@ -22305,12 +22379,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 {
@@ -24017,5 +24088,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