@sumaris-net/ngx-components 1.19.4 → 1.19.5-rc3

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

@@ -47,7 +47,7 @@ import { MatDatepickerModule } from '@angular/material/datepicker';
 import { MatDividerModule } from '@angular/material/divider';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { MatChipsModule } from '@angular/material/chips';
-import { Router, ActivatedRoute, RouterModule, RouteReuseStrategy } from '@angular/router';
+import { ActivatedRoute, Router, RouterModule, RouteReuseStrategy } from '@angular/router';
 import { HammerGestureConfig, EventManager } from '@angular/platform-browser';
 import { HttpResponse, HttpClient, HttpHeaders, HttpEventType, HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
 import { ColorPickerModule } from 'ngx-color-picker';
@@ -8276,7 +8276,8 @@ AppGestureConfig.decorators = [
 class ToolbarToken {
 }
 class ToolbarComponent {
-    constructor(router, routerOutlet, cd, progressBarService) {
+    constructor(route, router, routerOutlet, cd, progressBarService) {
+        this.route = route;
         this.router = router;
         this.routerOutlet = routerOutlet;
         this.cd = cd;
@@ -8362,15 +8363,28 @@ class ToolbarComponent {
         return __awaiter(this, void 0, void 0, function* () {
             console.debug('[toolbar] calling goBack()');
             if (this._backHref) {
-                yield this.router.navigateByUrl(this._backHref);
+                const replaceUrl = !this.routerOutlet.canGoBack();
+                // Relative href
+                if (this._backHref.startsWith('.')) {
+                    yield this.router.navigate([this._backHref], { relativeTo: this.route, replaceUrl });
+                }
+                else {
+                    yield this.router.navigateByUrl(this._backHref, { replaceUrl });
+                }
             }
             else if (this.routerOutlet.canGoBack()) {
                 yield this.routerOutlet.pop();
             }
             else if (this._defaultBackHref) {
-                yield this.router.navigateByUrl(this._defaultBackHref, {
-                    replaceUrl: true
-                });
+                // Relative href
+                if (this._backHref.startsWith('.')) {
+                    yield this.router.navigate([this._backHref], { relativeTo: this.route, replaceUrl: true });
+                }
+                else {
+                    yield this.router.navigateByUrl(this._defaultBackHref, {
+                        replaceUrl: true
+                    });
+                }
             }
             else {
                 console.error('[toolbar] Cannot go back. Missing attribute \'defaultBackHref\' or \'backHref\'');
@@ -8429,7 +8443,7 @@ class ToolbarComponent {
 ToolbarComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-toolbar',
-                template: "<ion-header [class]=\"class\">\n  <ion-toolbar [color]=\"color\">\n\n    <ion-buttons slot=\"start\">\n\n      <!-- back button -->\n      <ion-button class=\"back-button\"\n                  *ngIf=\"canGoBack\"\n                  (click)=\"doBackClick($event)\"\n                  routerDirection=\"back\" >\n        <ion-icon slot=\"icon-only\" name=\"arrow-back\"></ion-icon>\n      </ion-button>\n\n      <!-- show menu button -->\n      <ion-menu-toggle [hidden]=\"canGoBack || !canShowMenu\">\n        <ion-button>\n          <ion-icon slot=\"icon-only\" name=\"menu\"></ion-icon>\n        </ion-button>\n      </ion-menu-toggle>\n\n      <ng-content select=\"[slot=start]\"></ng-content>\n    </ion-buttons>\n\n    <ion-title [innerHTML]=\"title\"></ion-title>\n\n    <ng-content select=\"ion-title\"></ng-content>\n\n    <ng-content select=\"ion-buttons[slot=end]\"></ng-content>\n\n    <ion-buttons slot=\"end\" collapse=\"true\">\n\n      <ng-content select=\"[slot=end]\"></ng-content>\n\n      <!-- search bar -->\n      <ion-searchbar #searchbar animated\n                     type=\"search\"\n                     *ngIf=\"hasSearch\"\n                     [class.cdk-visually-hidden]=\"!showSearchBar\"\n                     show-cancel-button=\"always\"\n                     (ionChange)=\"onSearch.emit($event)\"\n                     (ionCancel)=\"toggleSearchBar()\">\n      </ion-searchbar>\n\n      <!-- search button -->\n      <ion-button (click)=\"toggleSearchBar()\"\n                  *ngIf=\"hasSearch && !showSearchBar\">\n        <ion-icon slot=\"icon-only\" name=\"search\"></ion-icon>\n      </ion-button>\n\n      <!-- close button -->\n      <ion-button *ngIf=\"hasClose\"\n                  (tap)=\"tapClose($event)\"\n                  class=\"visible-xs visible-sm visible-mobile\">\n        <ion-icon slot=\"icon-only\" name=\"close\"></ion-icon>\n      </ion-button>\n\n      <!-- validate button -->\n      <ion-button *ngIf=\"hasValidate\"\n                  (tap)=\"tapValidate($event)\"\n                  class=\"visible-xs visible-sm visible-mobile\">\n        <ion-icon slot=\"icon-only\" name=\"save\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n\n  <!-- progress bar -->\n  <mat-progress-bar [color]=\"color\" [mode]=\"progressBarMode$ | async\">\n  </mat-progress-bar>\n</ion-header>\n",
+                template: "<ion-header [class]=\"class\">\n  <ion-toolbar [color]=\"color\">\n\n    <ion-buttons slot=\"start\">\n\n      <!-- back button -->\n      <ion-button class=\"back-button\"\n                  *ngIf=\"canGoBack\"\n                  (click)=\"doBackClick($event)\"\n                  routerDirection=\"back\" >\n        <ion-icon slot=\"icon-only\" name=\"arrow-back\"></ion-icon>\n      </ion-button>\n\n      <!-- show menu button -->\n      <ion-button *ngIf=\"!canGoBack && canShowMenu\">\n        <ion-icon slot=\"icon-only\" name=\"menu\"></ion-icon>\n      </ion-button>\n<!--\n      <ion-menu-toggle [hidden]=\"canGoBack || !canShowMenu\">\n      </ion-menu-toggle>\n-->\n\n      <ng-content select=\"[slot=start]\"></ng-content>\n    </ion-buttons>\n\n    <ion-title [innerHTML]=\"title\"></ion-title>\n\n    <ng-content select=\"ion-title\"></ng-content>\n\n    <ng-content select=\"ion-buttons[slot=end]\"></ng-content>\n\n    <ion-buttons slot=\"end\" collapse=\"true\">\n\n      <ng-content select=\"[slot=end]\"></ng-content>\n\n      <!-- search bar -->\n      <ion-searchbar #searchbar animated\n                     type=\"search\"\n                     *ngIf=\"hasSearch\"\n                     [class.cdk-visually-hidden]=\"!showSearchBar\"\n                     show-cancel-button=\"always\"\n                     (ionChange)=\"onSearch.emit($event)\"\n                     (ionCancel)=\"toggleSearchBar()\">\n      </ion-searchbar>\n\n      <!-- search button -->\n      <ion-button (click)=\"toggleSearchBar()\"\n                  *ngIf=\"hasSearch && !showSearchBar\">\n        <ion-icon slot=\"icon-only\" name=\"search\"></ion-icon>\n      </ion-button>\n\n      <!-- close button -->\n      <ion-button *ngIf=\"hasClose\"\n                  (tap)=\"tapClose($event)\"\n                  class=\"visible-xs visible-sm visible-mobile\">\n        <ion-icon slot=\"icon-only\" name=\"close\"></ion-icon>\n      </ion-button>\n\n      <!-- validate button -->\n      <ion-button *ngIf=\"hasValidate\"\n                  (tap)=\"tapValidate($event)\"\n                  class=\"visible-xs visible-sm visible-mobile\">\n        <ion-icon slot=\"icon-only\" name=\"save\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n\n  <!-- progress bar -->\n  <mat-progress-bar [color]=\"color\" [mode]=\"progressBarMode$ | async\">\n  </mat-progress-bar>\n</ion-header>\n",
                 providers: [
                     { provide: ToolbarToken, useExisting: ToolbarComponent }
                 ],
@@ -8438,6 +8452,7 @@ ToolbarComponent.decorators = [
             },] }
 ];
 ToolbarComponent.ctorParameters = () => [
+    { type: ActivatedRoute },
     { type: Router },
     { type: IonRouterOutlet },
     { type: ChangeDetectorRef },
@@ -15680,6 +15695,196 @@ ConfigService.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [APP_CONFIG_OPTIONS,] }] }
 ];
 
+class UploadFile extends File {
+}
+class FileResponse {
+    constructor(init) {
+        this.type = HttpEventType.Response;
+        this.body = isNotNil(init === null || init === void 0 ? void 0 : init.body) ? init.body : null;
+        this.status = (init === null || init === void 0 ? void 0 : init.status) || 0;
+        this.statusText = (init === null || init === void 0 ? void 0 : init.statusText) || 'OK';
+    }
+}
+function isProgressEvent(event) {
+    return event && (event.type === HttpEventType.UploadProgress
+        || event.type === HttpEventType.DownloadProgress);
+}
+function isResponseEvent(event) {
+    return event && event.type === HttpEventType.Response;
+}
+
+class UploadFilePopover {
+    constructor(popoverController, translate, cd) {
+        this.popoverController = popoverController;
+        this.translate = translate;
+        this.cd = cd;
+        this.uniqueFile = false;
+        this.instantUpload = false;
+        this.importing = false;
+    }
+    get files() {
+        return this.uploader.files;
+    }
+    get disabled() {
+        return this.importing || isEmptyArray(this.files);
+    }
+    get valid() {
+        return isNotEmptyArray(this.files);
+    }
+    onValidate(event) {
+        return __awaiter(this, void 0, void 0, function* () {
+            event === null || event === void 0 ? void 0 : event.stopPropagation();
+            // Avoid multiple call
+            if (this.importing)
+                return;
+            console.debug('[upload-file-popover] Validate form: will upload all files...');
+            try {
+                this.importing = true;
+                this.resetError();
+                try {
+                    // Wait processing files finished
+                    yield this.uploader.waitIdle();
+                    // upload all files
+                    yield this.uploader.uploadFiles();
+                    const files = (this.uploader.processedFiles || [])
+                        .filter(file => !file.deleting); // Remove deleting file (deletion in progress)
+                    // Nothing to upload: close popover
+                    if (isEmptyArray(files))
+                        return this.cancel();
+                    // check errors
+                    const errors = files.map(file => file.error).filter(isNotNilOrBlank);
+                    // If error: stop
+                    if (errors.length) {
+                        errors.forEach((error) => console.error(error));
+                        throw { message: 'FILE.UPLOAD.ERROR' };
+                    }
+                    // return files
+                    yield this.popoverController.dismiss(files);
+                }
+                catch (err) {
+                    this.error = (err && err.message) || err;
+                }
+            }
+            finally {
+                this.importing = false;
+                this.cd.markForCheck();
+            }
+        });
+    }
+    cancel() {
+        return this.popoverController.dismiss();
+    }
+    resetError() {
+        if (this.error) {
+            this.error = null;
+            this.cd.markForCheck();
+        }
+    }
+}
+UploadFilePopover.decorators = [
+    { type: Component, args: [{
+                selector: 'app-upload-file-popover',
+                template: "\n<ion-content class=\"ion-no-padding\" scrollY=\"false\">\n  <div class=\"modal-content\">\n    <app-upload-file\n      #uploader\n      [uploadFn]=\"uploadFn\"\n      [deleteFn]=\"deleteFn\"\n      [fileExtension]=\"fileExtension\"\n      [instantUpload]=\"instantUpload\"\n      [uniqueFile]=\"uniqueFile\"\n      [maxParallelUpload]=\"maxParallelUpload\"\n    ></app-upload-file>\n  </div>\n</ion-content>\n\n<ion-footer>\n  <ion-toolbar>\n    <ion-row class=\"ion-no-padding\" nowrap>\n      <ion-col>\n        <div *ngIf=\"importing\" class=\"importing-info\">\n          <ion-text color=\"medium\"><small translate>FILE.UPLOAD.IMPORTING</small></ion-text>\n          &nbsp;<ion-spinner name=\"dots\" color=\"accent\"></ion-spinner>\n        </div>\n        <ion-item *ngIf=\"error\" lines=\"none\">\n          <ion-icon color=\"danger\" slot=\"start\" name=\"alert-circle\"></ion-icon>\n          <ion-label color=\"danger\" class=\"ion-text-wrap\" [innerHTML]=\"error | translate\"></ion-label>\n        </ion-item>\n      </ion-col>\n      <ion-col size=\"auto\">\n        <ion-button fill=\"clear\" color=\"dark\" (click)=\"cancel()\">\n          <ion-label translate>COMMON.BTN_CANCEL</ion-label>\n        </ion-button>\n        <ion-button\n          [fill]=\"disabled ? 'clear' : 'solid'\"\n          (click)=\"onValidate($event)\"\n          (keyup.enter)=\"onValidate($event)\"\n          color=\"tertiary\"\n          [disabled]=\"disabled\"\n        >\n          <ion-label translate>COMMON.BTN_IMPORT</ion-label>\n        </ion-button>\n      </ion-col>\n    </ion-row>\n  </ion-toolbar>\n</ion-footer>\n",
+                encapsulation: ViewEncapsulation.None,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [".importing-info{-webkit-padding-start:var(--ion-padding);padding-inline-start:var(--ion-padding);display:inline-flex;flex-wrap:nowrap;padding-top:8px}"]
+            },] }
+];
+UploadFilePopover.ctorParameters = () => [
+    { type: PopoverController },
+    { type: TranslateService },
+    { type: ChangeDetectorRef }
+];
+UploadFilePopover.propDecorators = {
+    uploader: [{ type: ViewChild, args: ['uploader', { static: true },] }],
+    fileExtension: [{ type: Input }],
+    title: [{ type: Input }],
+    uniqueFile: [{ type: Input }],
+    instantUpload: [{ type: Input }],
+    uploadFn: [{ type: Input }],
+    deleteFn: [{ type: Input }],
+    maxParallelUpload: [{ type: Input }]
+};
+
+const MimeTypes = Object.freeze({
+    ANDROID_APK: 'application/vnd.android.package-archive'
+});
+class FilesUtils {
+    static showUploadPopover(popoverController, event, opts) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const modal = yield popoverController.create({
+                component: UploadFilePopover,
+                componentProps: opts,
+                backdropDismiss: false,
+                keyboardClose: false,
+                event,
+                translucent: true,
+                cssClass: 'popover-large',
+            });
+            yield modal.present();
+            const { data, role } = yield modal.onDidDismiss();
+            return {
+                role,
+                data: data ? data : undefined
+            };
+        });
+    }
+    static readAsText(file, encoding) {
+        const $progress = new Subject();
+        const reader = new FileReader();
+        encoding = (encoding || 'UTF-8').toLowerCase();
+        // Listen progress
+        reader.onprogress = (e) => {
+            const total = e.total || 1;
+            const loaded = e.total || 0;
+            if (loaded < total)
+                $progress.next({ type: HttpEventType.UploadProgress, loaded, total });
+        };
+        // Listen end
+        reader.onloadend = (e) => {
+            const body = reader.result;
+            if (typeof body === 'string') {
+                $progress.next(new FileResponse({ body }));
+                $progress.complete();
+            }
+            else {
+                console.error(`Cannot read file '${file.name}' as text`);
+                $progress.error(`Cannot read file as text`);
+            }
+        };
+        // Listen error
+        reader.onerror = (event) => {
+            console.error('[files] Error while reading file:', event);
+            $progress.error(event);
+        };
+        // Start reading the file
+        reader.readAsText(file, encoding);
+        return $progress.asObservable();
+    }
+}
+class UriUtils {
+    /**
+     * Extract the filename, from an uri (using the last slash)
+     * @param uri
+     */
+    static getFilename(uri) {
+        if (!uri)
+            return uri;
+        let filename = uri.trim();
+        // Get last part (or all string, if no '/')
+        const lastSlashIndex = filename.lastIndexOf('/');
+        if (lastSlashIndex !== -1 && lastSlashIndex !== uri.length - 1) {
+            filename = filename.substring(lastSlashIndex + 1);
+        }
+        // Remove query params
+        const queryParamIndex = filename.indexOf('?');
+        if (queryParamIndex !== -1) {
+            filename = filename.substring(0, queryParamIndex);
+        }
+        return filename;
+    }
+}
+
 const moment$4 = momentImported;
 const AndroidOsEnvironment = Object.freeze({
     DIRECTORY_DOWNLOADS: 'Download',
@@ -15840,34 +16045,48 @@ class PlatformService extends StartableService {
         return this._downloadingJobs.get(uri);
     }
     download(request) {
+        var _a, _b;
         if (!request || !request.uri)
             throw new Error('Missing argument \'request\' or \'request.uri\'');
         if (this._android && this.downloader) {
             // Check if not already downloading file
-            let location$ = this._downloadingJobs.get(request.uri);
-            if (location$)
-                return location$;
-            request = Object.assign(Object.assign({ visibleInDownloadsUi: true, notificationVisibility: NotificationVisibility.VisibleNotifyCompleted, title: request.title || request.filename }, request), { destinationInExternalPublicDir: Object.assign({ dirType: AndroidOsEnvironment.DIRECTORY_DOWNLOADS, subPath: request.filename || request.title || '' }, request.destinationInExternalPublicDir) });
-            console.debug('[platform] Downloading, using request: ' + JSON.stringify(request));
+            let job$ = this._downloadingJobs.get(request.uri);
+            if (job$)
+                return job$;
+            // Compute subPath (final filename)
+            let subPath = ((_a = request.destinationInExternalPublicDir) === null || _a === void 0 ? void 0 : _a.subPath) || ((_b = request.destinationInExternalFilesDir) === null || _b === void 0 ? void 0 : _b.subPath)
+                || request.filename || UriUtils.getFilename(request.uri)
+                || request.title || 'download';
+            subPath = subPath.toLowerCase()
+                // Remove spaces
+                .replace(/\s+/g, '-');
+            // Force APK to finish with '.apk'
+            if (request.mimeType === MimeTypes.ANDROID_APK && !subPath.toLowerCase().endsWith('.apk')) {
+                subPath += '.apk';
+            }
+            const downloadRequest = Object.assign(Object.assign({ visibleInDownloadsUi: true, notificationVisibility: NotificationVisibility.VisibleNotifyCompleted }, request), { filename: undefined, destinationInExternalPublicDir: !request.destinationInExternalFilesDir
+                    ? Object.assign(Object.assign({ dirType: AndroidOsEnvironment.DIRECTORY_DOWNLOADS }, request.destinationInExternalPublicDir), { subPath }) : undefined, destinationInExternalFilesDir: request.destinationInExternalFilesDir
+                    ? Object.assign(Object.assign({ dirType: AndroidOsEnvironment.DIRECTORY_DOWNLOADS }, request.destinationInExternalFilesDir), { subPath }) : undefined });
             // Start download
-            location$ = from(this.downloader.download(request));
+            console.debug('[platform] Downloading, using request: ' + JSON.stringify(downloadRequest));
+            job$ = from(this.downloader.download(downloadRequest));
             // Remember this request uri
-            this._downloadingJobs.set(request.uri, location$);
-            return location$
+            this._downloadingJobs.set(downloadRequest.uri, job$);
+            return job$
                 .pipe(tap(location => {
                 console.info('[platform] File successfully downloaded at:' + location);
-                // Forget the request
-                this._downloadingJobs.delete(request.uri);
+                // Forget job
+                this._downloadingJobs.delete(downloadRequest.uri);
                 return location;
             }), catchError(err => {
                 var _a;
                 console.error('[platform] Unable to download: ' + (err && err.message || err));
                 // Forget the request
-                this._downloadingJobs.delete(request.uri);
+                this._downloadingJobs.delete(downloadRequest.uri);
                 // Retry with another location - issue in older Android version
-                if (((_a = request.destinationInExternalPublicDir) === null || _a === void 0 ? void 0 : _a.dirType) === AndroidOsEnvironment.DIRECTORY_DOWNLOADS) {
-                    request.destinationInExternalPublicDir.dirType = AndroidOsEnvironment.DIRECTORY_DOWNLOADS_OLD;
-                    return this.download(request);
+                if (((_a = downloadRequest.destinationInExternalPublicDir) === null || _a === void 0 ? void 0 : _a.dirType) === AndroidOsEnvironment.DIRECTORY_DOWNLOADS) {
+                    downloadRequest.destinationInExternalPublicDir.dirType = AndroidOsEnvironment.DIRECTORY_DOWNLOADS_OLD;
+                    return this.download(downloadRequest);
                 }
                 throw err;
             }));
@@ -16219,24 +16438,6 @@ MatStepperI18n.ctorParameters = () => [
     { type: TranslateService }
 ];
 
-class UploadFile extends File {
-}
-class FileResponse {
-    constructor(init) {
-        this.type = HttpEventType.Response;
-        this.body = isNotNil(init === null || init === void 0 ? void 0 : init.body) ? init.body : null;
-        this.status = (init === null || init === void 0 ? void 0 : init.status) || 0;
-        this.statusText = (init === null || init === void 0 ? void 0 : init.statusText) || 'OK';
-    }
-}
-function isProgressEvent(event) {
-    return event && (event.type === HttpEventType.UploadProgress
-        || event.type === HttpEventType.DownloadProgress);
-}
-function isResponseEvent(event) {
-    return event && event.type === HttpEventType.Response;
-}
-
 class UploadFileComponent {
     constructor(cd, translate) {
         this.cd = cd;
@@ -16431,99 +16632,6 @@ UploadFileComponent.propDecorators = {
     maxParallelUpload: [{ type: Input }]
 };
 
-class UploadFilePopover {
-    constructor(popoverController, translate, cd) {
-        this.popoverController = popoverController;
-        this.translate = translate;
-        this.cd = cd;
-        this.uniqueFile = false;
-        this.instantUpload = false;
-        this.importing = false;
-    }
-    get files() {
-        return this.uploader.files;
-    }
-    get disabled() {
-        return this.importing || isEmptyArray(this.files);
-    }
-    get valid() {
-        return isNotEmptyArray(this.files);
-    }
-    onValidate(event) {
-        return __awaiter(this, void 0, void 0, function* () {
-            event === null || event === void 0 ? void 0 : event.stopPropagation();
-            // Avoid multiple call
-            if (this.importing)
-                return;
-            console.debug('[upload-file-popover] Validate form: will upload all files...');
-            try {
-                this.importing = true;
-                this.resetError();
-                try {
-                    // Wait processing files finished
-                    yield this.uploader.waitIdle();
-                    // upload all files
-                    yield this.uploader.uploadFiles();
-                    const files = (this.uploader.processedFiles || [])
-                        .filter(file => !file.deleting); // Remove deleting file (deletion in progress)
-                    // Nothing to upload: close popover
-                    if (isEmptyArray(files))
-                        return this.cancel();
-                    // check errors
-                    const errors = files.map(file => file.error).filter(isNotNilOrBlank);
-                    // If error: stop
-                    if (errors.length) {
-                        errors.forEach((error) => console.error(error));
-                        throw { message: 'FILE.UPLOAD.ERROR' };
-                    }
-                    // return files
-                    yield this.popoverController.dismiss(files);
-                }
-                catch (err) {
-                    this.error = (err && err.message) || err;
-                }
-            }
-            finally {
-                this.importing = false;
-                this.cd.markForCheck();
-            }
-        });
-    }
-    cancel() {
-        return this.popoverController.dismiss();
-    }
-    resetError() {
-        if (this.error) {
-            this.error = null;
-            this.cd.markForCheck();
-        }
-    }
-}
-UploadFilePopover.decorators = [
-    { type: Component, args: [{
-                selector: 'app-upload-file-popover',
-                template: "\n<ion-content class=\"ion-no-padding\" scrollY=\"false\">\n  <div class=\"modal-content\">\n    <app-upload-file\n      #uploader\n      [uploadFn]=\"uploadFn\"\n      [deleteFn]=\"deleteFn\"\n      [fileExtension]=\"fileExtension\"\n      [instantUpload]=\"instantUpload\"\n      [uniqueFile]=\"uniqueFile\"\n      [maxParallelUpload]=\"maxParallelUpload\"\n    ></app-upload-file>\n  </div>\n</ion-content>\n\n<ion-footer>\n  <ion-toolbar>\n    <ion-row class=\"ion-no-padding\" nowrap>\n      <ion-col>\n        <div *ngIf=\"importing\" class=\"importing-info\">\n          <ion-text color=\"medium\"><small translate>FILE.UPLOAD.IMPORTING</small></ion-text>\n          &nbsp;<ion-spinner name=\"dots\" color=\"accent\"></ion-spinner>\n        </div>\n        <ion-item *ngIf=\"error\" lines=\"none\">\n          <ion-icon color=\"danger\" slot=\"start\" name=\"alert-circle\"></ion-icon>\n          <ion-label color=\"danger\" class=\"ion-text-wrap\" [innerHTML]=\"error | translate\"></ion-label>\n        </ion-item>\n      </ion-col>\n      <ion-col size=\"auto\">\n        <ion-button fill=\"clear\" color=\"dark\" (click)=\"cancel()\">\n          <ion-label translate>COMMON.BTN_CANCEL</ion-label>\n        </ion-button>\n        <ion-button\n          [fill]=\"disabled ? 'clear' : 'solid'\"\n          (click)=\"onValidate($event)\"\n          (keyup.enter)=\"onValidate($event)\"\n          color=\"tertiary\"\n          [disabled]=\"disabled\"\n        >\n          <ion-label translate>COMMON.BTN_IMPORT</ion-label>\n        </ion-button>\n      </ion-col>\n    </ion-row>\n  </ion-toolbar>\n</ion-footer>\n",
-                encapsulation: ViewEncapsulation.None,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [".importing-info{-webkit-padding-start:var(--ion-padding);padding-inline-start:var(--ion-padding);display:inline-flex;flex-wrap:nowrap;padding-top:8px}"]
-            },] }
-];
-UploadFilePopover.ctorParameters = () => [
-    { type: PopoverController },
-    { type: TranslateService },
-    { type: ChangeDetectorRef }
-];
-UploadFilePopover.propDecorators = {
-    uploader: [{ type: ViewChild, args: ['uploader', { static: true },] }],
-    fileExtension: [{ type: Input }],
-    title: [{ type: Input }],
-    uniqueFile: [{ type: Input }],
-    instantUpload: [{ type: Input }],
-    uploadFn: [{ type: Input }],
-    deleteFn: [{ type: Input }],
-    maxParallelUpload: [{ type: Input }]
-};
-
 const APP_TESTING_PAGES = new InjectionToken('testingPages');
 class SharedTestsPage {
     constructor(route, router, translate, pages) {
@@ -17859,60 +17967,6 @@ class JobUtils {
     }
 }
 
-class FilesUtils {
-    static showUploadPopover(popoverController, event, opts) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const modal = yield popoverController.create({
-                component: UploadFilePopover,
-                componentProps: opts,
-                backdropDismiss: false,
-                keyboardClose: false,
-                event,
-                translucent: true,
-                cssClass: 'popover-large',
-            });
-            yield modal.present();
-            const { data, role } = yield modal.onDidDismiss();
-            return {
-                role,
-                data: data ? data : undefined
-            };
-        });
-    }
-    static readAsText(file, encoding) {
-        const $progress = new Subject();
-        const reader = new FileReader();
-        encoding = (encoding || 'UTF-8').toLowerCase();
-        // Listen progress
-        reader.onprogress = (e) => {
-            const total = e.total || 1;
-            const loaded = e.total || 0;
-            if (loaded < total)
-                $progress.next({ type: HttpEventType.UploadProgress, loaded, total });
-        };
-        // Listen end
-        reader.onloadend = (e) => {
-            const body = reader.result;
-            if (typeof body === 'string') {
-                $progress.next(new FileResponse({ body }));
-                $progress.complete();
-            }
-            else {
-                console.error(`Cannot read file '${file.name}' as text`);
-                $progress.error(`Cannot read file as text`);
-            }
-        };
-        // Listen error
-        reader.onerror = (event) => {
-            console.error('[files] Error while reading file:', event);
-            $progress.error(event);
-        };
-        // Start reading the file
-        reader.readAsText(file, encoding);
-        return $progress.asObservable();
-    }
-}
-
 /**
  * Define here theme colors
  */
@@ -20141,9 +20195,6 @@ PersonToStringPipe.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
 
-const MimeTypes = Object.freeze({
-    ANDROID_APK: 'application/vnd.android.package-archive'
-});
 class AppInstallUpgradeCard {
     constructor(modalCtrl, configService, toastController, alertController, translate, cd, platform, network, environment) {
         this.modalCtrl = modalCtrl;
@@ -20156,7 +20207,6 @@ class AppInstallUpgradeCard {
         this.network = network;
         this.environment = environment;
         this._subscription = new Subscription();
-        this._showUpdateOfflineFeature = false;
         this.loading = true;
         this.hasDownloader = false;
         this.downloading = false;
@@ -20164,16 +20214,6 @@ class AppInstallUpgradeCard {
         this.showUpgradeWarning = true;
         this.showOfflineWarning = true;
         this.showInstallButton = false;
-        this.onUpdateOfflineModeClick = new EventEmitter();
-    }
-    set showUpdateOfflineFeature(value) {
-        if (value === this._showUpdateOfflineFeature)
-            return; // Skip
-        this._showUpdateOfflineFeature = value;
-        this.markForCheck();
-    }
-    get showUpdateOfflineFeature() {
-        return this._showUpdateOfflineFeature;
     }
     ngOnInit() {
         this.offline = this.network.offline;
@@ -20197,7 +20237,6 @@ class AppInstallUpgradeCard {
     ngOnDestroy() {
         this._subscription.unsubscribe();
         this._subscription = null;
-        this.onUpdateOfflineModeClick.complete();
         this.installLinks = null;
         this.upgradeLinks = null;
     }
@@ -20348,10 +20387,10 @@ class AppInstallUpgradeCard {
                 let title;
                 let mimeType;
                 // Get file name
-                let filename = this.getFilename(url);
+                let filename = UriUtils.getFilename(url);
                 let version = minVersion || 'latest';
                 // OK, this is a downloadable APK file (e.g. NOT a link to a playstore)
-                if (filename === null || filename === void 0 ? void 0 : filename.endsWith('.apk')) {
+                if (filename === null || filename === void 0 ? void 0 : filename.toLowerCase().endsWith('.apk')) {
                     // Define mime type
                     mimeType = MimeTypes.ANDROID_APK;
                     // Get the file version (if any)
@@ -20362,11 +20401,9 @@ class AppInstallUpgradeCard {
                         filename = `${name}-v${version}.apk`.toLowerCase();
                         title = `${name} v${version}`;
                     }
-                    else {
-                        // Replace 'latest' with the app version, if present
-                        if (filename.indexOf('latest')) {
-                            filename = filename.replace('latest', version);
-                        }
+                    // Replace 'latest' with the app version, if present in the filename
+                    else if (filename.indexOf('latest') && version !== 'latest') {
+                        filename = filename.replace('latest', version);
                     }
                 }
                 result.push({ name, url, platform: 'android', version, filename, title, mimeType });
@@ -20378,18 +20415,6 @@ class AppInstallUpgradeCard {
         //}
         return result;
     }
-    getFilename(url) {
-        if (!url)
-            return;
-        // Get last part (or all string, if no '/')
-        let filename = url.substring(url.lastIndexOf('/') + 1);
-        const queryParamIndex = filename.indexOf('?');
-        if (queryParamIndex !== -1) {
-            // Remove query params
-            return filename.substring(0, queryParamIndex);
-        }
-        return filename;
-    }
     listenDownloadJobs() {
         // Listening downloading promise, if exists
         (this.upgradeLinks || []).forEach(link => {
@@ -20487,7 +20512,7 @@ class AppInstallUpgradeCard {
 AppInstallUpgradeCard.decorators = [
     { type: Component, args: [{
                 selector: 'app-install-upgrade-card',
-                template: "\n\n<!-- Offline mode card-->\n<ion-card *ngIf=\"showOfflineWarning && (!loading && offline || waitingNetwork)\"\n          color=\"accent\"\n          class=\"main ion-no-margin\"\n          @slideUpDownAnimation>\n  <ion-card-content class=\"ion-no-padding\">\n    <ion-grid>\n      <ion-row>\n        <ion-col>\n          <ion-text class=\"ion-text-wrap\" *ngIf=\"!waitingNetwork; else waitingNetworkText\">\n            <h4>\n            <b *ngIf=\"isLogin; else notLogin\"  [innerHTML]=\"'NETWORK.INFO.OFFLINE_OR_UNAUTHORIZED'| translate\"></b>\n            <ng-template #notLogin>\n              <b [innerHTML]=\"'NETWORK.INFO.OFFLINE'| translate\"></b>\n            </ng-template>\n            </h4>\n            <h3>\n              <small [innerHTML]=\"'NETWORK.INFO.OFFLINE_HELP'|translate\"></small>\n            </h3>\n          </ion-text>\n          <ng-template #waitingNetworkText>\n            <ion-text class=\"ion-text-wrap\" [innerHTML]=\"'NETWORK.INFO.RETRY_TO_CONNECT'| translate\"></ion-text>\n          </ng-template>\n        </ion-col>\n        <ion-col size=\"auto\">\n\n          <!-- Retry button -->\n          <ion-button *ngIf=\"!waitingNetwork; else waitingSpinner\" color=\"tertiary\" class=\"ion-float-end\"\n                      (click)=\"tryOnline()\">\n            <span translate>NETWORK.BTN_CHECK_ALIVE</span>\n          </ion-button>\n\n        </ion-col>\n      </ion-row>\n    </ion-grid>\n\n  </ion-card-content>\n</ion-card>\n\n<!-- Upgrade links -->\n<ion-card *ngIf=\"showUpgradeWarning && !loading && !offline && upgradeLinks\"\n          color=\"accent\"\n          class=\"ion-no-margin\"\n          @slideUpDownAnimation>\n  <ion-card-content class=\"ion-no-padding\">\n    <ion-grid>\n      <ion-row *ngFor=\"let link of upgradeLinks; last as last\">\n        <ion-col>\n          <ion-text class=\"ion-text-wrap\">\n            <h3>\n              <span *ngIf=\"link.version\" [innerHTML]=\"'INFO.UPDATE_APP_TO_VERSION'| translate: link\"></span>\n              <span *ngIf=\"!link.version\" [innerHTML]=\"'INFO.UPDATE_APP'| translate: link\"></span>\n            </h3>\n            <h4>\n              <small *ngIf=\"last\" [innerHTML]=\"'INFO.UPDATE_APP_HELP'|translate\"></small>\n            </h4>\n          </ion-text>\n        </ion-col>\n\n        <ion-col size=\"auto\">\n          <ng-container *ngTemplateOutlet=\"downloadButton; context: { $implicit: link  }\"></ng-container>\n        </ion-col>\n      </ion-row>\n\n    </ion-grid>\n\n  </ion-card-content>\n</ion-card>\n\n<!-- Install links -->\n<ion-card *ngIf=\"showInstallButton && !loading && !offline && installLinks\"\n          color=\"secondary\"\n          class=\"ion-no-margin\"\n          @slideUpDownAnimation>\n  <ion-card-content class=\"ion-no-padding\">\n    <ion-grid>\n      <ion-row *ngFor=\"let link of installLinks; last as last\">\n        <ion-col>\n          <ion-text class=\"ion-text-wrap\">\n            <h3 [innerHTML]=\"'INFO.DOWNLOAD_APP_TITLE'| translate: {name: link.name, platform: getPlatformName(link.platform) }\"></h3>\n            <h4><small *ngIf=\"last\" [innerHTML]=\"'INFO.DOWNLOAD_APP_HELP'|translate\"></small></h4>\n          </ion-text>\n        </ion-col>\n        <ion-col size=\"auto\">\n          <ng-container *ngTemplateOutlet=\"downloadButton; context: { $implicit: link  }\"></ng-container>\n        </ion-col>\n      </ion-row>\n\n    </ion-grid>\n\n  </ion-card-content>\n</ion-card>\n\n<!-- Update offline feature card-->\n<ion-card *ngIf=\"showUpdateOfflineFeature && !loading && !offline\"\n          color=\"accent\"\n          class=\"main ion-no-margin\"\n          @slideUpDownAnimation>\n  <ion-card-content class=\"ion-no-padding\">\n    <ion-grid>\n      <ion-row>\n        <ion-col>\n          <ion-text class=\"ion-text-wrap\">\n            <h4>\n              <b [innerHTML]=\"'NETWORK.INFO.UPDATE_OFFLINE_MODE'| translate\"></b>\n            </h4>\n            <h3>\n              <small [innerHTML]=\"'NETWORK.INFO.UPDATE_OFFLINE_MODE_HELP'|translate\"></small>\n            </h3>\n          </ion-text>\n        </ion-col>\n        <ion-col size=\"auto\">\n\n          <!-- Retry button -->\n          <ion-button color=\"tertiary\" class=\"ion-float-end\"\n                      (click)=\"onUpdateOfflineModeClick.emit($event)\">\n            <span translate>NETWORK.BTN_UPDATE</span>\n          </ion-button>\n        </ion-col>\n      </ion-row>\n    </ion-grid>\n\n  </ion-card-content>\n</ion-card>\n\n<!-- Display a download button, depending on the link URL, and the device platform -->\n<ng-template #downloadButton let-link>\n\n  <ng-container *ngIf=\"link.filename; else redirectButton\">\n\n    <ng-container *ngIf=\"hasDownloader; else webDownloadButton\">\n      <!-- Download using platform -->\n      <ion-button (click)=\"download($event, asLink(link))\"\n                  *ngIf=\"!link.location; else openButton\"\n                  [disabled]=\"link.downloading\"\n                  color=\"tertiary\" class=\"ion-float-end\">\n        <ion-icon slot=\"start\" *ngIf=\"!link.downloading\" name=\"download\"></ion-icon>\n        <ion-spinner slot=\"start\" class=\"ion-no-padding\" *ngIf=\"link.downloading\"></ion-spinner>\n        <ion-label translate>COMMON.BTN_DOWNLOAD</ion-label>\n      </ion-button>\n\n      <!-- Open APK button -->\n      <ng-template #openButton>\n        <ion-button *ngIf=\"link.location\"\n                    (click)=\"openFile($event, link)\"\n                    color=\"tertiary\" class=\"ion-float-end\" >\n          <ion-label translate>COMMON.BTN_INSTALL</ion-label>\n        </ion-button>\n      </ng-template>\n    </ng-container>\n\n    <!-- Web download button -->\n    <ng-template #webDownloadButton>\n      <ion-button [download]=\"link.downloadFilename\"\n                  [href]=\"link.url\"\n                  color=\"tertiary\" class=\"ion-float-end\" >\n        <ion-label translate>COMMON.BTN_DOWNLOAD</ion-label>\n      </ion-button>\n    </ng-template>\n  </ng-container>\n\n  <!-- Web redirect button -->\n  <ng-template #redirectButton>\n    <ion-button [href]=\"link.url\" rel=\"external\" color=\"tertiary\" class=\"ion-float-end\" target=\"_blank\">\n      <ion-label translate>COMMON.BTN_SHOW_MORE</ion-label>\n    </ion-button>\n  </ng-template>\n</ng-template>\n\n\n<!-- Waiting spinner -->\n<ng-template #waitingSpinner>\n  <ion-spinner color=\"light\"></ion-spinner>\n</ng-template>\n",
+                template: "\n\n<!-- Offline mode card-->\n<ion-card *ngIf=\"showOfflineWarning && (!loading && offline || waitingNetwork)\"\n          color=\"accent\"\n          class=\"main ion-no-margin\"\n          @slideUpDownAnimation>\n  <ion-card-content class=\"ion-no-padding\">\n    <ion-grid>\n      <ion-row>\n        <ion-col>\n          <ion-text class=\"ion-text-wrap\" *ngIf=\"!waitingNetwork; else waitingNetworkText\">\n            <h4>\n            <b *ngIf=\"isLogin; else notLogin\"  [innerHTML]=\"'NETWORK.INFO.OFFLINE_OR_UNAUTHORIZED'| translate\"></b>\n            <ng-template #notLogin>\n              <b [innerHTML]=\"'NETWORK.INFO.OFFLINE'| translate\"></b>\n            </ng-template>\n            </h4>\n            <h3>\n              <small [innerHTML]=\"'NETWORK.INFO.OFFLINE_HELP'|translate\"></small>\n            </h3>\n          </ion-text>\n          <ng-template #waitingNetworkText>\n            <ion-text class=\"ion-text-wrap\" [innerHTML]=\"'NETWORK.INFO.RETRY_TO_CONNECT'| translate\"></ion-text>\n          </ng-template>\n        </ion-col>\n        <ion-col size=\"auto\">\n\n          <!-- Retry button -->\n          <ion-button *ngIf=\"!waitingNetwork; else waitingSpinner\" color=\"tertiary\" class=\"ion-float-end\"\n                      (click)=\"tryOnline()\">\n            <span translate>NETWORK.BTN_CHECK_ALIVE</span>\n          </ion-button>\n\n        </ion-col>\n      </ion-row>\n    </ion-grid>\n\n  </ion-card-content>\n</ion-card>\n\n<!-- Upgrade links -->\n<ion-card *ngIf=\"showUpgradeWarning && !loading && !offline && upgradeLinks\"\n          color=\"accent\"\n          class=\"ion-no-margin\"\n          @slideUpDownAnimation>\n  <ion-card-content class=\"ion-no-padding\">\n    <ion-grid>\n      <ion-row *ngFor=\"let link of upgradeLinks; last as last\">\n        <ion-col>\n          <ion-text class=\"ion-text-wrap\">\n            <h3>\n              <span *ngIf=\"link.version\" [innerHTML]=\"'INFO.UPDATE_APP_TO_VERSION'| translate: link\"></span>\n              <span *ngIf=\"!link.version\" [innerHTML]=\"'INFO.UPDATE_APP'| translate: link\"></span>\n            </h3>\n            <h4>\n              <small *ngIf=\"last\" [innerHTML]=\"'INFO.UPDATE_APP_HELP'|translate\"></small>\n            </h4>\n          </ion-text>\n        </ion-col>\n\n        <ion-col size=\"auto\">\n          <ng-container *ngTemplateOutlet=\"downloadButton; context: { $implicit: link  }\"></ng-container>\n        </ion-col>\n      </ion-row>\n\n    </ion-grid>\n\n  </ion-card-content>\n</ion-card>\n\n<!-- Install links -->\n<ion-card *ngIf=\"showInstallButton && !loading && !offline && installLinks\"\n          color=\"secondary\"\n          class=\"ion-no-margin\"\n          @slideUpDownAnimation>\n  <ion-card-content class=\"ion-no-padding\">\n    <ion-grid>\n      <ion-row *ngFor=\"let link of installLinks; last as last\">\n        <ion-col>\n          <ion-text class=\"ion-text-wrap\">\n            <h3 [innerHTML]=\"'INFO.DOWNLOAD_APP_TITLE'| translate: {name: link.name, platform: getPlatformName(link.platform) }\"></h3>\n            <h4><small *ngIf=\"last\" [innerHTML]=\"'INFO.DOWNLOAD_APP_HELP'|translate\"></small></h4>\n          </ion-text>\n        </ion-col>\n        <ion-col size=\"auto\">\n          <ng-container *ngTemplateOutlet=\"downloadButton; context: { $implicit: link  }\"></ng-container>\n        </ion-col>\n      </ion-row>\n\n    </ion-grid>\n\n  </ion-card-content>\n</ion-card>\n\n<!-- Display a download button, depending on the link URL, and the device platform -->\n<ng-template #downloadButton let-link>\n\n  <ng-container *ngIf=\"link.filename; else redirectButton\">\n\n    <ng-container *ngIf=\"hasDownloader; else webDownloadButton\">\n      <!-- Download using platform -->\n      <ion-button (click)=\"download($event, asLink(link))\"\n                  *ngIf=\"!link.location; else openButton\"\n                  [disabled]=\"link.downloading\"\n                  color=\"tertiary\" class=\"ion-float-end\">\n        <ion-icon slot=\"start\" *ngIf=\"!link.downloading\" name=\"download\"></ion-icon>\n        <ion-spinner slot=\"start\" class=\"ion-no-padding\" *ngIf=\"link.downloading\"></ion-spinner>\n        <ion-label translate>COMMON.BTN_DOWNLOAD</ion-label>\n      </ion-button>\n\n      <!-- Open APK button -->\n      <ng-template #openButton>\n        <ion-button *ngIf=\"link.location\"\n                    (click)=\"openFile($event, link)\"\n                    color=\"tertiary\" class=\"ion-float-end\" >\n          <ion-label translate>COMMON.BTN_INSTALL</ion-label>\n        </ion-button>\n      </ng-template>\n    </ng-container>\n\n    <!-- Web download button -->\n    <ng-template #webDownloadButton>\n      <ion-button [download]=\"link.downloadFilename\"\n                  [href]=\"link.url\"\n                  color=\"tertiary\" class=\"ion-float-end\" >\n        <ion-label translate>COMMON.BTN_DOWNLOAD</ion-label>\n      </ion-button>\n    </ng-template>\n  </ng-container>\n\n  <!-- Web redirect button -->\n  <ng-template #redirectButton>\n    <ion-button [href]=\"link.url\" rel=\"external\" color=\"tertiary\" class=\"ion-float-end\" target=\"_blank\">\n      <ion-label translate>COMMON.BTN_SHOW_MORE</ion-label>\n    </ion-button>\n  </ng-template>\n</ng-template>\n\n\n<!-- Waiting spinner -->\n<ng-template #waitingSpinner>\n  <ion-spinner color=\"light\"></ion-spinner>\n</ng-template>\n",
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 animations: [slideUpDownAnimation],
                 styles: ["ion-text small{font-size:85%}"]
@@ -20508,9 +20533,7 @@ AppInstallUpgradeCard.propDecorators = {
     isLogin: [{ type: Input }],
     showUpgradeWarning: [{ type: Input }],
     showOfflineWarning: [{ type: Input }],
-    showInstallButton: [{ type: Input }],
-    showUpdateOfflineFeature: [{ type: Input }],
-    onUpdateOfflineModeClick: [{ type: Output }]
+    showInstallButton: [{ type: Input }]
 };
 
 class IsLoginAccountPipe {
@@ -20954,6 +20977,30 @@ AppIconComponent.propDecorators = {
     ref: [{ type: Input }]
 };
 
+class AppUpdateOfflineModeCard {
+    constructor() {
+        this.onUpdateClick = new EventEmitter();
+    }
+    ngOnDestroy() {
+        this.onUpdateClick.complete();
+    }
+}
+AppUpdateOfflineModeCard.decorators = [
+    { type: Component, args: [{
+                selector: 'app-update-offline-mode-card',
+                template: "\n<!-- Update offline feature card-->\n<ion-card color=\"accent\"\n          class=\"main ion-no-margin\"\n          @slideUpDownAnimation>\n  <ion-card-content class=\"ion-no-padding\">\n    <ion-grid>\n      <ion-row *ngIf=\"!progressionValue; else progression\">\n        <ion-col>\n          <ion-text class=\"ion-text-wrap\" >\n            <h4>\n              <b [innerHTML]=\"'NETWORK.INFO.UPDATE_OFFLINE_MODE'| translate\"></b>\n            </h4>\n            <h3>\n              <small [innerHTML]=\"'NETWORK.INFO.UPDATE_OFFLINE_MODE_HELP'|translate\"></small>\n            </h3>\n          </ion-text>\n        </ion-col>\n\n        <!-- Update button -->\n        <ion-col size=\"auto\">\n          <ion-button color=\"tertiary\" class=\"ion-float-end\"\n                      (click)=\"onUpdateClick.emit($event)\">\n            <span translate>NETWORK.BTN_UPDATE</span>\n          </ion-button>\n        </ion-col>\n      </ion-row>\n\n      <ng-template #progression>\n        <ion-row>\n          <ion-col>\n            <ion-text class=\"ion-text-wrap\" [innerHTML]=\"progressionMessage\"></ion-text>\n          </ion-col>\n        </ion-row>\n        <ion-row>\n          <ion-col>\n            <ion-progress-bar [value]=\"progressionValue / 100\"></ion-progress-bar>\n          </ion-col>\n        </ion-row>\n      </ng-template>\n    </ion-grid>\n\n\n  </ion-card-content>\n</ion-card>\n",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                animations: [slideUpDownAnimation],
+                styles: ["ion-text small{font-size:85%}"]
+            },] }
+];
+AppUpdateOfflineModeCard.ctorParameters = () => [];
+AppUpdateOfflineModeCard.propDecorators = {
+    progressionMessage: [{ type: Input }],
+    progressionValue: [{ type: Input }],
+    onUpdateClick: [{ type: Output }]
+};
+
 class CoreModule {
     static forRoot() {
         console.info('[core] Creating module (root)');
@@ -21000,6 +21047,7 @@ CoreModule.decorators = [
                     // Network
                     SelectPeerModal,
                     AppInstallUpgradeCard,
+                    AppUpdateOfflineModeCard,
                     // Other components
                     TableSelectColumnsComponent,
                     ActionsColumnComponent,
@@ -21035,6 +21083,7 @@ CoreModule.decorators = [
                     AppPropertiesForm,
                     AppListForm,
                     AppInstallUpgradeCard,
+                    AppUpdateOfflineModeCard,
                     DepartmentToStringPipe,
                     AppIconComponent,
                     TextPopover,
@@ -21877,9 +21926,11 @@ class EntitiesTableDataSource extends TableDataSource {
                 console.warn('Cannot fetch more because still editing row');
                 return;
             }
+            // Forget the fetchMore function, to avoid multiple call
+            const fetchMoreFn = this._fetchMoreFn;
+            this._fetchMoreFn = null;
             // Fetch next page
-            this._fetchMoreFn = null; // Avoid multiple call
-            const res = yield this._fetchMoreFn();
+            const res = yield fetchMoreFn();
             // Skip if empty (no more data)
             if (isNotEmptyArray(res === null || res === void 0 ? void 0 : res.data))
                 return false;
@@ -27502,5 +27553,5 @@ CoreTestingModule.decorators = [
  * 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, AndroidOsEnvironment, 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, CORE_TESTING_PAGES, CellValueChangeListener, ChipsTestPage, Color, ColorScale, ComponentDirtyGuard, ConfigService, Configuration, CoreModule, CoreTestingModule, 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, DragAndDropDirective, DurationPipe, ENTITIES_STORAGE_KEY_PREFIX, ENVIRONMENT, EmptyArrayPipe, EntitiesService, EntitiesStorage, EntitiesTableDataSource, Entity, EntityClass, EntityClasses, EntityFilter, EntityFilterUtils, EntityMetadataComponent, EntityStore, EntityUtils, Environment, EvenPipe, FileResponse, FileService, FileSizePipe, FilesUtils, FormArrayHelper, FormButtonsBarComponent, FormButtonsBarToken, FormErrorTranslatePipe, FormErrorTranslator, FormFieldValuesHolder, FormGetArrayPipe, FormGetControlPipe, FormGetGroupPipe, FormGetPipe, Fragments$1 as 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, MatBadgeIconDirective, MatBooleanField, MatChipsField, MatDate, MatDateShort, MatDateTime, MatDuration, MatLatLongField, MatNumpadComponent, MatNumpadContainerComponent, MatNumpadContent, MatPaginatorI18n, MatStepperI18n, MatSwipeField, MaterialTestingModule, MathAbsPipe, MenuComponent, MenuItems, MenuService, Message, MessageFilter, MessageForm, MessageModal, MessageService, MessageTypeList, MessageTypes, ModalToolbarComponent, NetworkService, NgInitDirective, NgVarDirective, 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, ReferentialFilter, ReferentialRef, ReferentialUtils, ReferentialValidatorService, RegisterConfirmPage, SETTINGS_DISPLAY_COLUMNS, SETTINGS_FILTER, SETTINGS_PAGE_SIZE, SETTINGS_SORTED_COLUMN, SETTINGS_STORAGE_KEY, SETTINGS_TRANSIENT_PROPERTIES, SHARED_MATERIAL_TESTING_PAGES, SHARED_TESTING_PAGES, SPACE_PLACEHOLDER_CHAR, SelectPeerModal, SettingsPage, SharedAsyncValidators, SharedDirectivesModule, SharedFormArrayValidators, SharedFormGroupValidators, SharedHotkeysModule, SharedMatAutocompleteModule, SharedMatBadgeIconModule, SharedMatBooleanModule, SharedMatChipsModule, SharedMatDateTimeModule, SharedMatDurationModule, SharedMatLatLongModule, SharedMatNumpadModule, SharedMatSwipeModule, SharedMaterialModule, SharedModule, SharedPipesModule, SharedRoutingModule, SharedTestingModule, SharedTestsPage, SharedValidators, SocialErrorCodes, SocialModule, Software, StartableService, StatusById, StatusIds, StatusList, StrIncludesPipe, StrLengthPipe, SwipeTestPage, TableSelectColumnsComponent, TableTestPage, TableTestingModule, TextForm, TextPopover, TextPopoverTestingModule, TextPopoverTestingPage, ToStringPipe, Toasts, ToolbarComponent, ToolbarToken, TranslatablePipe, TranslateContextPipe, TranslateContextService, UploadFile, UploadFileComponent, UploadFilePopover, UploadFileTestingModule, UploadFileTestingPage, UserEvent, UserEventFilter, UserEventFragments, 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, equals, equalsOrNil, fadeInAnimation, fadeInOutAnimation, filterFalse, filterNotNil, filterNumberInput, filterTrue, firstArrayValue, firstFalse, firstFalsePromise, firstNotNil, firstNotNilPromise, firstTrue, 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, isAndroid, isBlankString, isControlHasInput, isCordova, isEmptyArray, isIOS, isInputElement, isInstanceOf, isInt, isMobile, isNil, isNilOrBlank, isNilOrNaN, isNotEmptyArray, isNotNil, isNotNilBoolean, isNotNilOrBlank, isNotNilOrNaN, isNotNilString, isNumber, isNumberRange, isProgressEvent, isResponseEvent, isTouchUi, isWindows, joinProperties, joinPropertiesPath, logFormErrors, markAllAsTouched, markAsUntouched, markControlAsTouched, markFormGroupAsTouched, matchMedia, 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, testUserAgent, toBoolean, toDateISOString, toDuration, toFloat, toInt, toNotNil, toNumber, trimEmptyToNull, uncapitalizeFirstLetter, updateValueAndValidity, waitFor, waitForTrue, waitIdle, waitWhilePending, ɵ0, CustomReuseStrategy as ɵa, MatNumpadDomService as ɵb, isFocusableElement as ɵc, RegisterForm as ɵd, AccountValidatorService as ɵe, RegisterModal as ɵf, UserSettingsValidatorService as ɵg, LocalSettingsValidatorService as ɵh, AppIconComponent as ɵi, DateTestPage as ɵj, NumpadTestPage as ɵk, MatBadgeIconTestPage as ɵl, ToastTestingModule as ɵm, ToastTestingPage as ɵn };
+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, AndroidOsEnvironment, 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, CORE_TESTING_PAGES, CellValueChangeListener, ChipsTestPage, Color, ColorScale, ComponentDirtyGuard, ConfigService, Configuration, CoreModule, CoreTestingModule, 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, DragAndDropDirective, DurationPipe, ENTITIES_STORAGE_KEY_PREFIX, ENVIRONMENT, EmptyArrayPipe, EntitiesService, EntitiesStorage, EntitiesTableDataSource, Entity, EntityClass, EntityClasses, EntityFilter, EntityFilterUtils, EntityMetadataComponent, EntityStore, EntityUtils, Environment, EvenPipe, FileResponse, FileService, FileSizePipe, FilesUtils, FormArrayHelper, FormButtonsBarComponent, FormButtonsBarToken, FormErrorTranslatePipe, FormErrorTranslator, FormFieldValuesHolder, FormGetArrayPipe, FormGetControlPipe, FormGetGroupPipe, FormGetPipe, Fragments$1 as 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, MatBadgeIconDirective, MatBooleanField, MatChipsField, MatDate, MatDateShort, MatDateTime, MatDuration, MatLatLongField, MatNumpadComponent, MatNumpadContainerComponent, MatNumpadContent, MatPaginatorI18n, MatStepperI18n, MatSwipeField, MaterialTestingModule, MathAbsPipe, MenuComponent, MenuItems, MenuService, Message, MessageFilter, MessageForm, MessageModal, MessageService, MessageTypeList, MessageTypes, MimeTypes, ModalToolbarComponent, NetworkService, NgInitDirective, NgVarDirective, 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, ReferentialFilter, ReferentialRef, ReferentialUtils, ReferentialValidatorService, RegisterConfirmPage, SETTINGS_DISPLAY_COLUMNS, SETTINGS_FILTER, SETTINGS_PAGE_SIZE, SETTINGS_SORTED_COLUMN, SETTINGS_STORAGE_KEY, SETTINGS_TRANSIENT_PROPERTIES, SHARED_MATERIAL_TESTING_PAGES, SHARED_TESTING_PAGES, SPACE_PLACEHOLDER_CHAR, SelectPeerModal, SettingsPage, SharedAsyncValidators, SharedDirectivesModule, SharedFormArrayValidators, SharedFormGroupValidators, SharedHotkeysModule, SharedMatAutocompleteModule, SharedMatBadgeIconModule, SharedMatBooleanModule, SharedMatChipsModule, SharedMatDateTimeModule, SharedMatDurationModule, SharedMatLatLongModule, SharedMatNumpadModule, SharedMatSwipeModule, SharedMaterialModule, SharedModule, SharedPipesModule, SharedRoutingModule, SharedTestingModule, SharedTestsPage, SharedValidators, SocialErrorCodes, SocialModule, Software, StartableService, StatusById, StatusIds, StatusList, StrIncludesPipe, StrLengthPipe, SwipeTestPage, TableSelectColumnsComponent, TableTestPage, TableTestingModule, TextForm, TextPopover, TextPopoverTestingModule, TextPopoverTestingPage, ToStringPipe, Toasts, ToolbarComponent, ToolbarToken, TranslatablePipe, TranslateContextPipe, TranslateContextService, UploadFile, UploadFileComponent, UploadFilePopover, UploadFileTestingModule, UploadFileTestingPage, UriUtils, UserEvent, UserEventFilter, UserEventFragments, 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, equals, equalsOrNil, fadeInAnimation, fadeInOutAnimation, filterFalse, filterNotNil, filterNumberInput, filterTrue, firstArrayValue, firstFalse, firstFalsePromise, firstNotNil, firstNotNilPromise, firstTrue, 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, isAndroid, isBlankString, isControlHasInput, isCordova, isEmptyArray, isIOS, isInputElement, isInstanceOf, isInt, isMobile, isNil, isNilOrBlank, isNilOrNaN, isNotEmptyArray, isNotNil, isNotNilBoolean, isNotNilOrBlank, isNotNilOrNaN, isNotNilString, isNumber, isNumberRange, isProgressEvent, isResponseEvent, isTouchUi, isWindows, joinProperties, joinPropertiesPath, logFormErrors, markAllAsTouched, markAsUntouched, markControlAsTouched, markFormGroupAsTouched, matchMedia, 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, testUserAgent, toBoolean, toDateISOString, toDuration, toFloat, toInt, toNotNil, toNumber, trimEmptyToNull, uncapitalizeFirstLetter, updateValueAndValidity, waitFor, waitForTrue, waitIdle, waitWhilePending, ɵ0, CustomReuseStrategy as ɵa, MatNumpadDomService as ɵb, isFocusableElement as ɵc, RegisterForm as ɵd, AccountValidatorService as ɵe, RegisterModal as ɵf, UserSettingsValidatorService as ɵg, LocalSettingsValidatorService as ɵh, AppUpdateOfflineModeCard as ɵi, AppIconComponent as ɵj, DateTestPage as ɵk, NumpadTestPage as ɵl, MatBadgeIconTestPage as ɵm, ToastTestingModule as ɵn, ToastTestingPage as ɵo };
 //# sourceMappingURL=sumaris-net.ngx-components.js.map