@sumaris-net/ngx-components 0.25.1 → 0.25.2

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

@@ -7816,6 +7816,13 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(StartableService.prototype, "starting", {
+            get: function () {
+                return !!this._startPromise;
+            },
+            enumerable: false,
+            configurable: true
+        });
         StartableService.prototype.ready = function () {
             if (this._started)
                 return Promise.resolve(this._data);
@@ -10939,7 +10946,7 @@
             var _this = this;
             this._listeners[name] = this._listeners[name] || [];
             this._listeners[name].push(callback);
-            // When unsubcribe, remove from the listener
+            // When unsubscribe, remove from the listener
             return new rxjs.Subscription(function () {
                 var index = _this._listeners[name].indexOf(callback);
                 if (index !== -1) {
@@ -12705,7 +12712,7 @@
     var GraphqlService = /** @class */ (function (_super) {
         __extends(GraphqlService, _super);
         function GraphqlService(platform, apollo, httpLink, network, storage, cryptoService, environment, typePolicies) {
-            var _this = _super.call(this, network) || this;
+            var _this = _super.call(this, platform) || this;
             _this.platform = platform;
             _this.apollo = apollo;
             _this.httpLink = httpLink;
@@ -12720,22 +12727,6 @@
             _this.customErrors = {};
             _this._debug = !environment.production;
             _this._defaultFetchPolicy = environment.apolloFetchPolicy;
-            // Restart if network restart
-            _this.network.on('start', function () { return _this.restart(); });
-            // Clear cache
-            _this.network.on('resetCache', function () { return __awaiter(_this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.ready()];
-                        case 1:
-                            _a.sent();
-                            return [4 /*yield*/, this.clearCache()];
-                        case 2:
-                            _a.sent();
-                            return [2 /*return*/];
-                    }
-                });
-            }); });
             // Listen network status
             _this._networkStatusChanged$ = network.onNetworkStatusChanges
                 .pipe(operators.filter(isNotNil), operators.distinctUntilChanged());
@@ -13196,12 +13187,14 @@
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
-                            client = (client || this.apollo.client);
+                            client = (client || this.client);
                             if (!client) return [3 /*break*/, 2];
-                            now = this._debug && Date.now();
                             console.info('[graphql] Clearing Apollo client\'s cache... ');
+                            now = this._debug && Date.now();
+                            // Clearing the cache
                             return [4 /*yield*/, client.cache.reset()];
                         case 1:
+                            // Clearing the cache
                             _a.sent();
                             if (this._debug)
                                 console.debug("[graphql] Apollo client's cache cleared, in " + (Date.now() - now) + "ms");
@@ -13221,7 +13214,9 @@
                 var _this = this;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0:
+                        case 0: return [4 /*yield*/, this.network.ready()];
+                        case 1:
+                            _a.sent();
                             console.info('[graphql] Starting graphql...');
                             mobile = this.platform.is('mobile') || this.platform.is('mobileweb');
                             enableTrackMutationQueries = !mobile;
@@ -13241,7 +13236,7 @@
                                 }, webSocketImpl: AppWebSocket, uri: wsUri });
                             storage = new apollo3CachePersist.IonicStorageWrapper(this.storage);
                             client = this.apollo.client;
-                            if (!!client) return [3 /*break*/, 3];
+                            if (!!client) return [3 /*break*/, 4];
                             console.debug('[apollo] Creating GraphQL client...');
                             wsLink = new ws.WebSocketLink(this.wsParams);
                             retryLink = new retry.RetryLink();
@@ -13267,7 +13262,7 @@
                             cache = new core.InMemoryCache({
                                 typePolicies: this.typePolicies
                             });
-                            if (!this.environment.persistCache) return [3 /*break*/, 2];
+                            if (!this.environment.persistCache) return [3 /*break*/, 3];
                             console.debug('[graphql] Starting persistence cache...');
                             return [4 /*yield*/, apollo3CachePersist.persistCache({
                                     cache: cache,
@@ -13276,10 +13271,10 @@
                                     debounce: 1000,
                                     debug: true
                                 })];
-                        case 1:
-                            _a.sent();
-                            _a.label = 2;
                         case 2:
+                            _a.sent();
+                            _a.label = 3;
+                        case 3:
                             mutationLinks = void 0;
                             // Add queue to store tracked queries, when offline
                             if (enableTrackMutationQueries) {
@@ -13339,25 +13334,29 @@
                                 connectToDevTools: !this.environment.production
                             });
                             this.apollo.client = client;
-                            _a.label = 3;
-                        case 3:
-                            if (!(enableTrackMutationQueries && this.environment.persistCache)) return [3 /*break*/, 7];
                             _a.label = 4;
                         case 4:
-                            _a.trys.push([4, 6, , 7]);
+                            if (!(enableTrackMutationQueries && this.environment.persistCache)) return [3 /*break*/, 8];
+                            _a.label = 5;
+                        case 5:
+                            _a.trys.push([5, 7, , 8]);
                             return [4 /*yield*/, restoreTrackedQueries({
                                     apolloClient: client,
                                     storage: storage,
                                     debug: true
                                 })];
-                        case 5:
-                            _a.sent();
-                            return [3 /*break*/, 7];
                         case 6:
+                            _a.sent();
+                            return [3 /*break*/, 8];
+                        case 7:
                             err_2 = _a.sent();
                             console.error('[graphql] Failed to restore tracked queries from storage: ' + (err_2 && err_2.message || err_2), err_2);
-                            return [3 /*break*/, 7];
-                        case 7:
+                            return [3 /*break*/, 8];
+                        case 8:
+                            // Listen for network restart
+                            this._subscription.add(this.network.on('start', function () { return _this.restart(); }));
+                            // Listen for clear cache request, from network
+                            this._subscription.add(this.network.on('resetCache', function () { return _this.clearCache(); }));
                             console.info('[graphql] Starting graphql [OK]');
                             return [2 /*return*/, client];
                     }
@@ -15695,7 +15694,7 @@
         };
         Object.defineProperty(PlatformService.prototype, "canDownload", {
             get: function () {
-                return !!this.downloader;
+                return this._android && !!this.downloader;
             },
             enumerable: false,
             configurable: true
@@ -15742,7 +15741,7 @@
                 .then(function () {
                 _this._started = true;
                 _this._startPromise = undefined;
-                console.info("[platform] Starting platform [OK] {mobile: " + _this._mobile + ", touchUi: " + _this.touchUi + ", downloader: " + _this.canDownload + " in " + (Date.now() - now) + "ms");
+                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(function (type) { return _this.configureCache(type !== 'none'); });
                 // Update authentication type
@@ -15798,11 +15797,12 @@
                         case 0:
                             if (!request || !request.uri)
                                 throw new Error('Missing argument \'request\' or \'request.uri\'');
-                            if (!this.downloader) return [3 /*break*/, 5];
-                            request = Object.assign(Object.assign({ visibleInDownloadsUi: true, notificationVisibility: ngx$6.NotificationVisibility.VisibleNotifyCompleted, title: request.filename || '' }, request), { destinationInExternalFilesDir: Object.assign({ dirType: 'Downloads', subPath: request.filename || request.title || '' }, request.destinationInExternalFilesDir) });
+                            if (!(this._android && this.downloader)) return [3 /*break*/, 5];
+                            request = Object.assign({ visibleInDownloadsUi: true, notificationVisibility: ngx$6.NotificationVisibility.VisibleNotifyCompleted }, request);
                             _a.label = 1;
                         case 1:
                             _a.trys.push([1, 3, , 4]);
+                            console.debug('[platform] Downloading, using request: ' + JSON.stringify(request));
                             return [4 /*yield*/, this.downloader.download(request)];
                         case 2:
                             location = _a.sent();
@@ -15810,7 +15810,7 @@
                             return [2 /*return*/, location];
                         case 3:
                             err_1 = _a.sent();
-                            console.error('[platform] Error while downloading: ' + (err_1 && err_1.message || err_1), err_1);
+                            console.error('[platform] Unable to download: ' + (err_1 && err_1.message || err_1));
                             throw err_1;
                         case 4: return [3 /*break*/, 6];
                         case 5:
@@ -21279,9 +21279,11 @@
         ANDROID_APK: 'application/vnd.android.package-archive'
     });
     var AppInstallUpgradeCard = /** @class */ (function () {
-        function AppInstallUpgradeCard(modalCtrl, configService, cd, platform, network, environment) {
+        function AppInstallUpgradeCard(modalCtrl, configService, toastController, translate, cd, platform, network, environment) {
             this.modalCtrl = modalCtrl;
             this.configService = configService;
+            this.toastController = toastController;
+            this.translate = translate;
             this.cd = cd;
             this.platform = platform;
             this.network = network;
@@ -21289,6 +21291,7 @@
             this._subscription = new rxjs.Subscription();
             this._showUpdateOfflineFeature = false;
             this.loading = true;
+            this.downloading = false;
             this.waitingNetwork = false;
             this.showUpgradeWarning = true;
             this.showOfflineWarning = true;
@@ -21319,18 +21322,8 @@
                             this.offline = this.network.offline;
                             // Listen pod config
                             this._subscription.add(this.configService.config
-                                .subscribe(function (config) {
-                                console.info('[install] Checking if upgrade  or install is need...');
-                                var installLinks = _this.getAllInstallLinks(config);
-                                // Check for upgrade
-                                _this.updateLinks = _this.getCompatibleUpgradeLinks(installLinks, config);
-                                // Check for install links (if no upgrade need)
-                                _this.installLinks = !_this.updateLinks && _this.getCompatibleInstallLinks(installLinks);
-                                setTimeout(function () {
-                                    _this.loading = false;
-                                    _this.markForCheck();
-                                }, 2000); // Add a delay, for animation
-                            }));
+                                .pipe(operators.debounceTime(1000))
+                                .subscribe(function (config) { return _this.checkNeedInstallOrUpdate(config); }));
                             // Listen network changes
                             this._subscription.add(this.network.onNetworkStatusChanges
                                 .pipe(
@@ -21338,8 +21331,10 @@
                             //tap(() => this.waitingNetwork = false),
                             operators.map(function (connectionType) { return connectionType === 'none'; }), operators.distinctUntilChanged())
                                 .subscribe(function (offline) {
-                                _this.offline = offline;
-                                _this.markForCheck();
+                                if (_this.offline !== offline) {
+                                    _this.offline = offline;
+                                    _this.markForCheck();
+                                }
                             }));
                             return [2 /*return*/];
                     }
@@ -21349,38 +21344,74 @@
         AppInstallUpgradeCard.prototype.ngOnDestroy = function () {
             this._subscription.unsubscribe();
         };
-        AppInstallUpgradeCard.prototype.downloadUsingPlatform = function (event, link) {
+        AppInstallUpgradeCard.prototype.download = function (event, link) {
             return __awaiter(this, void 0, void 0, function () {
+                var location;
                 return __generator(this, function (_a) {
                     if (!link || !link.url) {
-                        console.info('[install-upgrade] Invalid link: ' + JSON.stringify(link));
+                        console.error('[install-upgrade-card] Missing required argument \'link.url\'');
                         return [2 /*return*/]; // Skip
                     }
-                    console.info('[install-upgrade] User ask download of: ' + link.url);
-                    this.platform.download({
-                        uri: link.url,
-                        filename: link.downloadFilename,
-                        mimeType: link.mimeType
-                    }).then(function (location) {
-                        console.info('[install-upgrade] File downloaded at: ' + location);
-                        // TODO: display a info toast ?
+                    this.downloading = true;
+                    try {
+                        console.info('[install-upgrade-card] User ask download of: ' + link.url);
+                        location = this.platform.download({
+                            uri: link.url,
+                            title: link.name,
+                            filename: link.downloadFilename,
+                            mimeType: link.mimeType
+                        });
+                        console.info('[install-upgrade-card] File downloaded at: ' + location);
+                    }
+                    // Failed: display a toast
+                    catch (err) {
+                        console.error('[install-upgrade] Download failed: ' + (err && err.message || err));
+                        this.showToast({
+                            message: 'ERROR.DOWNLOAD_FAILED',
+                            messageParams: { error: err },
+                            type: 'error',
+                            showCloseButton: true
+                        });
+                        return [2 /*return*/]; // Stop here
+                    }
+                    finally {
+                        this.downloading = false;
+                        this.markForCheck();
+                    }
+                    this.showToast({
+                        message: 'INFO.DOWNLOAD_UPDATE_SUCCEED',
+                        type: 'info',
+                        showCloseButton: true
                     });
                     return [2 /*return*/];
                 });
             });
         };
         AppInstallUpgradeCard.prototype.tryOnline = function () {
-            var _this = this;
-            this.waitingNetwork = true;
-            this.markForCheck();
-            this.network.tryOnline({
-                showLoadingToast: false,
-                showOnlineToast: true,
-                showOfflineToast: false
-            })
-                .then(function () {
-                _this.waitingNetwork = false;
-                _this.markForCheck();
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            this.waitingNetwork = true;
+                            this.markForCheck();
+                            _a.label = 1;
+                        case 1:
+                            _a.trys.push([1, , 3, 4]);
+                            return [4 /*yield*/, this.network.tryOnline({
+                                    showLoadingToast: false,
+                                    showOnlineToast: true,
+                                    showOfflineToast: false
+                                })];
+                        case 2:
+                            _a.sent();
+                            return [3 /*break*/, 4];
+                        case 3:
+                            this.waitingNetwork = false;
+                            this.markForCheck();
+                            return [7 /*endfinally*/];
+                        case 4: return [2 /*return*/];
+                    }
+                });
             });
         };
         AppInstallUpgradeCard.prototype.getPlatformName = function (platform) {
@@ -21397,6 +21428,34 @@
             return value;
         };
         /* -- private method  -- */
+        AppInstallUpgradeCard.prototype.checkNeedInstallOrUpdate = function (config) {
+            return __awaiter(this, void 0, void 0, function () {
+                var installLinks;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            console.info('[install] Check if need to install or upgrade...');
+                            _a.label = 1;
+                        case 1:
+                            _a.trys.push([1, , 3, 4]);
+                            installLinks = this.getAllInstallLinks(config);
+                            // Check for upgrade
+                            this.updateLinks = this.getCompatibleUpgradeLinks(installLinks, config);
+                            // Check for install links (if no upgrade need)
+                            this.installLinks = !this.updateLinks && this.getCompatibleInstallLinks(installLinks);
+                            return [4 /*yield*/, sleep(500)];
+                        case 2:
+                            _a.sent(); // Add a delay, for animation
+                            return [3 /*break*/, 4];
+                        case 3:
+                            this.loading = false;
+                            this.markForCheck();
+                            return [7 /*endfinally*/];
+                        case 4: return [2 /*return*/];
+                    }
+                });
+            });
+        };
         AppInstallUpgradeCard.prototype.getCompatibleInstallLinks = function (installLinks) {
             // Cordova already running: not need to install
             if (this.platform.is('cordova'))
@@ -21487,12 +21546,24 @@
         AppInstallUpgradeCard.prototype.markForCheck = function () {
             this.cd.markForCheck();
         };
+        AppInstallUpgradeCard.prototype.showToast = function (opts) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, Toasts.show(this.toastController, this.translate, opts)];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
         return AppInstallUpgradeCard;
     }());
     AppInstallUpgradeCard.decorators = [
         { type: i0.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          <!-- Waiting spinner -->\n          <ng-template #waitingSpinner>\n            <ion-spinner *ngIf=\"waitingNetwork\" color=\"light\"></ion-spinner>\n          </ng-template>\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 && updateLinks\"\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 updateLinks; 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.downloadFilename; else redirectButton\">\n\n    <!-- Download using platform -->\n    <ion-button *ngIf=\"platform.canDownload; else webDownloadButton\"\n                (click)=\"downloadUsingPlatform($event, asLink(link))\"\n                color=\"tertiary\" class=\"ion-float-end\">\n      <ion-icon slot=\"start\" name=\"download\"></ion-icon>\n      <ion-label translate>COMMON.BTN_DOWNLOAD</ion-label>\n    </ion-button>\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",
+                    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          <!-- Waiting spinner -->\n          <ng-template #waitingSpinner>\n            <ion-spinner *ngIf=\"waitingNetwork\" color=\"light\"></ion-spinner>\n          </ng-template>\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 && updateLinks\"\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 updateLinks; 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.downloadFilename; else redirectButton\">\n\n    <!-- Download using platform -->\n    <ion-button *ngIf=\"platform.canDownload; else webDownloadButton\"\n                (click)=\"download($event, asLink(link))\"\n                [disabled]=\"downloading\"\n                color=\"tertiary\" class=\"ion-float-end\">\n      <ion-icon slot=\"start\" *ngIf=\"!downloading\" name=\"download\"></ion-icon>\n      <ion-spinner slot=\"start\" class=\"ion-no-padding\" *ngIf=\"downloading\"></ion-spinner>\n      <ion-label translate>COMMON.BTN_DOWNLOAD</ion-label>\n    </ion-button>\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",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     animations: [slideUpDownAnimation],
                     styles: ["ion-text small{font-size:85%}"]
@@ -21501,6 +21572,8 @@
     AppInstallUpgradeCard.ctorParameters = function () { return [
         { type: i1$5.ModalController },
         { type: ConfigService },
+        { type: i1$5.ToastController },
+        { type: i1$2.TranslateService },
         { type: i0.ChangeDetectorRef },
         { type: PlatformService },
         { type: NetworkService },