@sumaris-net/ngx-components 1.20.8 → 1.20.11

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

@@ -5366,16 +5366,15 @@
     };
     var ɵ0$2 = noop$1;
     var MatLatLongField = /** @class */ (function () {
-        function MatLatLongField(translate, formBuilder, cd, formGroupDir) {
-            this.translate = translate;
+        function MatLatLongField(formBuilder, cd, formGroupDir) {
             this.formBuilder = formBuilder;
             this.cd = cd;
             this.formGroupDir = formGroupDir;
             this._onChangeCallback = noop$1;
             this._onTouchedCallback = noop$1;
             this._subscription = new rxjs.Subscription();
-            this.disabling = false;
-            this.writing = false;
+            this._disabling = false;
+            this._writing = false;
             this._readonly = false;
             this.required = false;
             this.floatLabel = 'auto';
@@ -5457,7 +5456,7 @@
                 .subscribe(function (_) { return _this.onFormChange(_this.textFormControl.value); }));
             // Listen status changes (when done outside the component  - e.g. when setErrors() is calling on the formControl)
             this._subscription.add(this.formControl.statusChanges
-                .pipe(operators.filter(function (_) { return !_this.readonly && !_this.writing && !_this.disabling; }) // Skip
+                .pipe(operators.filter(function (_) { return !_this.readonly && !_this._writing && !_this._disabling; }) // Skip
             )
                 .subscribe(function (_) { return _this.markForCheck(); }));
         };
@@ -5465,12 +5464,12 @@
             this._subscription.unsubscribe();
         };
         MatLatLongField.prototype.writeValue = function (obj) {
-            if (this.writing)
+            if (this._writing)
                 return;
-            this.value = (typeof obj === 'string') ? parseFloat(obj.replace(/,/g, '.')) : obj;
-            this.writing = true;
+            var value = (typeof obj === 'string') ? parseFloat(obj.replace(/,/g, '.')) : obj;
+            this._writing = true;
             var strValue = this._formatFn(this.value, Object.assign(Object.assign({}, this._formatOptions), { placeholderChar: this.placeholderChar }));
-            var sign = isNotNil(this.value) ? (this.value < 0 ? -1 : 1) :
+            var sign = isNotNil(this.value) ? (value < 0 ? -1 : 1) :
                 // Use default sign, if any
                 (this.defaultSign ? (this.defaultSign === '-' ? -1 : 1) : null);
             // DEBUG
@@ -5478,7 +5477,7 @@
             // console.debug("sign: " + sign)
             this.textFormControl.patchValue(strValue, { emitEvent: false });
             this.signFormControl.patchValue(sign, { emitEvent: false });
-            this.writing = false;
+            this._writing = false;
             this.markForCheck();
         };
         MatLatLongField.prototype.registerOnChange = function (fn) {
@@ -5488,9 +5487,9 @@
             this._onTouchedCallback = fn;
         };
         MatLatLongField.prototype.setDisabledState = function (isDisabled) {
-            if (this.disabling)
+            if (this._disabling)
                 return;
-            this.disabling = true;
+            this._disabling = true;
             if (isDisabled) {
                 this.textFormControl.disable({ onlySelf: true, emitEvent: false });
                 this.signFormControl.disable({ onlySelf: true, emitEvent: false });
@@ -5499,7 +5498,7 @@
                 this.textFormControl.enable({ onlySelf: true, emitEvent: false });
                 this.signFormControl.enable({ onlySelf: true, emitEvent: false });
             }
-            this.disabling = false;
+            this._disabling = false;
             this.markForCheck();
         };
         /**
@@ -5621,13 +5620,13 @@
             }
         };
         MatLatLongField.prototype.onFormChange = function (strValue) {
-            if (this.writing)
+            if (this._writing)
                 return; // Skip if call by self
-            this.writing = true;
+            this._writing = true;
             if (this.textFormControl.invalid || this.signFormControl.invalid) {
                 this.formControl.markAsPending();
                 this.formControl.setErrors(Object.assign(Object.assign(Object.assign({}, this.formControl.errors), this.textFormControl.errors), this.signFormControl.errors));
-                this.writing = false;
+                this._writing = false;
                 return;
             }
             var parsedValue = isNotNilOrBlank(strValue) ? parseLatitudeOrLongitude(strValue, this.pattern, 7 /*=precision of the converted double value */, this.placeholderChar) : null;
@@ -5636,15 +5635,15 @@
             if (isNaN(parsedValue)) {
                 this.formControl.markAsPending();
                 this.formControl.setErrors(this.type === 'latitude' ? { latitude: true } : { longitude: true });
-                this.writing = false;
+                this._writing = false;
                 return;
             }
             var sign = (this.pattern === 'DD') ? 1 /*ignore sign*/ : (this.signFormControl.value || 1);
-            this.value = isNotNil(parsedValue) ? sign * parsedValue : null;
+            var value = isNotNil(parsedValue) ? sign * parsedValue : null;
             // Get the model value
-            //console.debug("[mat-latlon] Setting value {" + this.value + "} parsed from {" + strValue + "}");
-            this.formControl.patchValue(this.value, { emitEvent: false });
-            this.writing = false;
+            //console.debug("[mat-latlon] Setting value {" + value + "} parsed from {" + strValue + "}");
+            this.formControl.patchValue(value, { emitEvent: false });
+            this._writing = false;
             this.markForCheck();
             this._onChangeCallback(this.value);
         };
@@ -5664,7 +5663,7 @@
     MatLatLongField.decorators = [
         { type: i0.Component, args: [{
                     selector: 'mat-latlong-field',
-                    template: "<!-- readonly -->\n<mat-form-field *ngIf=\"readonly; else writable\"\n                [floatLabel]=\"floatLabel\"\n                class=\"mat-form-field-disabled\">\n\n  <div matPrefix>\n    <ng-container *ngTemplateOutlet=\"matPrefixTemplate\"></ng-container>\n  </div>\n\n  <input matInput hidden type=\"text\"\n         readonly\n         [placeholder]=\"placeholder\"\n         [formControl]=\"formControl\">\n  <ion-text>{{_format(value) }}</ion-text>\n\n  <div matSuffix>\n    <ng-container *ngTemplateOutlet=\"matSuffixTemplate\"></ng-container>\n  </div>\n</mat-form-field>\n\n<!-- writable -->\n<ng-template #writable>\n\n  <ion-grid class=\"ion-no-padding\">\n    <ion-row class=\"ion-no-padding no-wrap\">\n      <ion-col class=\"text ion-no-padding\">\n        <mat-form-field [floatLabel]=\"floatLabel\"\n                        [class.mat-form-field-disabled]=\"formControl.disabled\"\n                        [class.mat-form-field-invalid]=\"formControl.touched && formControl.invalid\">\n\n          <mat-label *ngIf=\"placeholder\">{{placeholder}}</mat-label>\n\n          <div matPrefix>\n            <ng-container *ngTemplateOutlet=\"matPrefixTemplate\"></ng-container>\n          </div>\n\n          <input matInput #inputElement\n                 type=\"text\"\n                 autocomplete=\"off\"\n                 [textMask]=\"textMaskConfig\"\n                 [formControl]=\"textFormControl\"\n                 [placeholder]=\"inputPlaceholder|translate\"\n                 (keypress)=\"onKeypress($event)\"\n                 (keydown.tab)=\"moveCaretToSeparator($event, true)\"\n                 (keydown.shift.tab)=\"moveCaretToSeparator($event, false)\"\n                 (focus)=\"_onFocus($event)\"\n                 (blur)=\"_onBlur($event)\"\n                 [required]=\"required\"\n                 [tabindex]=\"tabindex\">\n\n          <div matSuffix *ngIf=\"!showSignControl\">\n            <ng-container *ngTemplateOutlet=\"matSuffixTemplate\"></ng-container>\n          </div>\n\n          <div class=\"mat-form-field-subscript mat-form-field-subscript-wrapper\">\n\n            <!-- errors -->\n            <ng-container *ngIf=\"formControl.touched && formControl.errors|mapKeys|arrayFirst; let errorKey\" [ngSwitch]=\"errorKey\">\n              <mat-error *ngSwitchCase=\"'required'\" translate>ERROR.FIELD_REQUIRED</mat-error>\n              <mat-error *ngSwitchCase=\"'latitude'\" translate>ERROR.FIELD_NOT_VALID_LATITUDE</mat-error>\n              <mat-error *ngSwitchCase=\"'longitude'\" translate>ERROR.FIELD_NOT_VALID_LONGITUDE</mat-error>\n              <mat-error *ngSwitchCase=\"'min'\">{{'ERROR.FIELD_MIN_COMPACT'|translate: {min: _format(formControl.errors.min.min) } }}</mat-error>\n              <mat-error *ngSwitchCase=\"'max'\">{{'ERROR.FIELD_MAX_COMPACT'|translate: {max: _format(formControl.errors.max.max) } }}</mat-error>\n              <mat-error *ngSwitchCase=\"'msg'\">{{(formControl.errors.msg?.key || formControl.errors.msg) | translate: formControl.errors.msg?.params}}</mat-error>\n            </ng-container>\n            <ng-content select=\"mat-error\"></ng-content>\n\n            <!-- mat hint -->\n            <div class=\"mat-form-field-hint-wrapper\" [class.cdk-visually-hidden]=\"formControl.invalid\">\n              <div class=\"mat-form-field-hint-spacer\"></div>\n              <ng-content select=\"mat-hint\"></ng-content>\n            </div>\n          </div>\n        </mat-form-field>\n      </ion-col>\n\n      <!-- sign -->\n      <ion-col class=\"sign ion-no-padding\" [ngSwitch]=\"type\" *ngIf=\"showSignControl\">\n\n          <!-- sign on latitude -->\n          <mat-form-field *ngSwitchCase=\"'latitude'\"\n                          floatLabel=\"never\"\n                          [class.mat-form-field-invalid]=\"formControl.touched && signFormControl.invalid\">\n            <mat-label *ngIf=\"placeholder && floatLabel != 'never'\" translate>COMMON.LAT_LONG.LAT_SIGN_PLACEHOLDER</mat-label>\n            <mat-select [formControl]=\"signFormControl\"\n                        [tabindex]=\"tabindex+1\">\n              <mat-option [value]=\"1\">{{'COMMON.LAT_LONG.LAT_SIGN_N'|translate}}</mat-option>\n              <mat-option [value]=\"-1\" >{{'COMMON.LAT_LONG.LAT_SIGN_S'|translate}}</mat-option>\n            </mat-select>\n\n            <div matSuffix>\n              <ng-container *ngTemplateOutlet=\"matSuffixTemplate\"></ng-container>\n            </div>\n          </mat-form-field>\n\n          <!-- sign on longitude -->\n          <mat-form-field floatLabel=\"never\"\n                          *ngSwitchCase=\"'longitude'\"\n                          [class.mat-form-field-invalid]=\"formControl.touched && signFormControl.invalid\">\n            <mat-label *ngIf=\"placeholder && floatLabel != 'never'\" translate>COMMON.LAT_LONG.LONG_SIGN_PLACEHOLDER</mat-label>\n            <mat-select [formControl]=\"signFormControl\"\n                        [tabindex]=\"tabindex+2\">\n              <mat-option [value]=\"1\" translate>{{'COMMON.LAT_LONG.LONG_SIGN_E'|translate}}</mat-option>\n              <mat-option [value]=\"-1\" translate>{{'COMMON.LAT_LONG.LONG_SIGN_W'|translate}}</mat-option>\n            </mat-select>\n\n            <div matSuffix>\n              <ng-container *ngTemplateOutlet=\"matSuffixTemplate\"></ng-container>\n            </div>\n          </mat-form-field>\n      </ion-col>\n    </ion-row>\n  </ion-grid>\n\n</ng-template>\n\n<ng-template #matPrefixTemplate>\n  <ng-content select=\"[matPrefix]\"></ng-content>\n</ng-template>\n\n\n<ng-template #matSuffixTemplate>\n  <ng-content select=\"[matSuffix]\"></ng-content>\n</ng-template>\n",
+                    template: "<!-- readonly -->\n<mat-form-field *ngIf=\"readonly; else writable\"\n                [floatLabel]=\"floatLabel\"\n                class=\"mat-form-field-disabled\">\n\n  <div matPrefix>\n    <ng-container *ngTemplateOutlet=\"matPrefixTemplate\"></ng-container>\n  </div>\n\n  <input matInput hidden type=\"text\"\n         readonly\n         [placeholder]=\"placeholder\"\n         [formControl]=\"formControl\">\n  <ion-text>{{_format(formControl.value) }}</ion-text>\n\n  <div matSuffix>\n    <ng-container *ngTemplateOutlet=\"matSuffixTemplate\"></ng-container>\n  </div>\n</mat-form-field>\n\n<!-- writable -->\n<ng-template #writable>\n\n  <ion-grid class=\"ion-no-padding\">\n    <ion-row class=\"ion-no-padding no-wrap\">\n      <ion-col class=\"text ion-no-padding\">\n        <mat-form-field [floatLabel]=\"floatLabel\"\n                        [class.mat-form-field-disabled]=\"formControl.disabled\"\n                        [class.mat-form-field-invalid]=\"formControl.touched && formControl.invalid\">\n\n          <mat-label *ngIf=\"placeholder\">{{placeholder}}</mat-label>\n\n          <div matPrefix>\n            <ng-container *ngTemplateOutlet=\"matPrefixTemplate\"></ng-container>\n          </div>\n\n          <input matInput #inputElement\n                 type=\"text\"\n                 autocomplete=\"off\"\n                 [textMask]=\"textMaskConfig\"\n                 [formControl]=\"textFormControl\"\n                 [placeholder]=\"inputPlaceholder|translate\"\n                 (keypress)=\"onKeypress($event)\"\n                 (keydown.tab)=\"moveCaretToSeparator($event, true)\"\n                 (keydown.shift.tab)=\"moveCaretToSeparator($event, false)\"\n                 (focus)=\"_onFocus($event)\"\n                 (blur)=\"_onBlur($event)\"\n                 [required]=\"required\"\n                 [tabindex]=\"tabindex\">\n\n          <div matSuffix *ngIf=\"!showSignControl\">\n            <ng-container *ngTemplateOutlet=\"matSuffixTemplate\"></ng-container>\n          </div>\n\n          <div class=\"mat-form-field-subscript mat-form-field-subscript-wrapper\">\n\n            <!-- errors -->\n            <ng-container *ngIf=\"formControl.touched && formControl.errors|mapKeys|arrayFirst; let errorKey\" [ngSwitch]=\"errorKey\">\n              <mat-error *ngSwitchCase=\"'required'\" translate>ERROR.FIELD_REQUIRED</mat-error>\n              <mat-error *ngSwitchCase=\"'latitude'\" translate>ERROR.FIELD_NOT_VALID_LATITUDE</mat-error>\n              <mat-error *ngSwitchCase=\"'longitude'\" translate>ERROR.FIELD_NOT_VALID_LONGITUDE</mat-error>\n              <mat-error *ngSwitchCase=\"'min'\">{{'ERROR.FIELD_MIN_COMPACT'|translate: {min: _format(formControl.errors.min.min) } }}</mat-error>\n              <mat-error *ngSwitchCase=\"'max'\">{{'ERROR.FIELD_MAX_COMPACT'|translate: {max: _format(formControl.errors.max.max) } }}</mat-error>\n              <mat-error *ngSwitchCase=\"'msg'\">{{(formControl.errors.msg?.key || formControl.errors.msg) | translate: formControl.errors.msg?.params}}</mat-error>\n            </ng-container>\n            <ng-content select=\"mat-error\"></ng-content>\n\n            <!-- mat hint -->\n            <div class=\"mat-form-field-hint-wrapper\" [class.cdk-visually-hidden]=\"formControl.invalid\">\n              <div class=\"mat-form-field-hint-spacer\"></div>\n              <ng-content select=\"mat-hint\"></ng-content>\n            </div>\n          </div>\n        </mat-form-field>\n      </ion-col>\n\n      <!-- sign -->\n      <ion-col class=\"sign ion-no-padding\" [ngSwitch]=\"type\" *ngIf=\"showSignControl\">\n\n          <!-- sign on latitude -->\n          <mat-form-field *ngSwitchCase=\"'latitude'\"\n                          floatLabel=\"never\"\n                          [class.mat-form-field-invalid]=\"formControl.touched && signFormControl.invalid\">\n            <mat-label *ngIf=\"placeholder && floatLabel != 'never'\" translate>COMMON.LAT_LONG.LAT_SIGN_PLACEHOLDER</mat-label>\n            <mat-select [formControl]=\"signFormControl\"\n                        [tabindex]=\"tabindex+1\">\n              <mat-option [value]=\"1\">{{'COMMON.LAT_LONG.LAT_SIGN_N'|translate}}</mat-option>\n              <mat-option [value]=\"-1\" >{{'COMMON.LAT_LONG.LAT_SIGN_S'|translate}}</mat-option>\n            </mat-select>\n\n            <div matSuffix>\n              <ng-container *ngTemplateOutlet=\"matSuffixTemplate\"></ng-container>\n            </div>\n          </mat-form-field>\n\n          <!-- sign on longitude -->\n          <mat-form-field floatLabel=\"never\"\n                          *ngSwitchCase=\"'longitude'\"\n                          [class.mat-form-field-invalid]=\"formControl.touched && signFormControl.invalid\">\n            <mat-label *ngIf=\"placeholder && floatLabel != 'never'\" translate>COMMON.LAT_LONG.LONG_SIGN_PLACEHOLDER</mat-label>\n            <mat-select [formControl]=\"signFormControl\"\n                        [tabindex]=\"tabindex+2\">\n              <mat-option [value]=\"1\" translate>{{'COMMON.LAT_LONG.LONG_SIGN_E'|translate}}</mat-option>\n              <mat-option [value]=\"-1\" translate>{{'COMMON.LAT_LONG.LONG_SIGN_W'|translate}}</mat-option>\n            </mat-select>\n\n            <div matSuffix>\n              <ng-container *ngTemplateOutlet=\"matSuffixTemplate\"></ng-container>\n            </div>\n          </mat-form-field>\n      </ion-col>\n    </ion-row>\n  </ion-grid>\n\n</ng-template>\n\n<ng-template #matPrefixTemplate>\n  <ng-content select=\"[matPrefix]\"></ng-content>\n</ng-template>\n\n\n<ng-template #matSuffixTemplate>\n  <ng-content select=\"[matSuffix]\"></ng-content>\n</ng-template>\n",
                     providers: [
                         {
                             provide: i1.NG_VALUE_ACCESSOR,
@@ -5672,12 +5671,10 @@
                             useExisting: i0.forwardRef(function () { return MatLatLongField; }),
                         }
                     ],
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [":host{display:inline-block;width:100%;min-width:140px;position:relative;--ion-grid-column-padding:0}mat-form-field .datetime-md{padding:0!important}ion-row{flex-wrap:nowrap}ion-row ion-col.text{min-width:80px}ion-row ion-col.sign{min-width:40px;max-width:55px}mat-form-field{width:100%}mat-form-field .mat-form-field-subscript-wrapper{overflow:visible;white-space:nowrap;top:100%}mat-form-field .mat-form-field-subscript-wrapper .mat-form-field-hint-wrapper{display:flex}mat-form-field .mat-form-field-subscript-wrapper .mat-form-field-hint-wrapper .mat-form-field-hint-spacer{flex:1 0 1em}mat-error{text-align:right;width:100%}"]
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush
                 },] }
     ];
     MatLatLongField.ctorParameters = function () { return [
-        { type: i1$2.TranslateService },
         { type: i1.FormBuilder },
         { type: i0.ChangeDetectorRef },
         { type: i1.FormGroupDirective, decorators: [{ type: i0.Optional }] }
@@ -15674,7 +15671,7 @@
                             if (!peer)
                                 throw Error('[graphql] Missing peer. Unable to start graphql service');
                             uri = peer.url + '/graphql';
-                            wsUri = String.prototype.replace.call(uri, /^http(s)?:/, 'ws$1:') + '/websocket';
+                            wsUri = uri.replace(/^http(s)?:/, 'ws$1:') + '/websocket';
                             console.info('[graphql] Base uri: ' + uri);
                             console.info('[graphql] Subscription uri: ' + wsUri);
                             this.httpParams = this.httpParams || {};
@@ -18382,6 +18379,30 @@
                 }
             }
         };
+        FilesUtils.downloadUri = function (uri, filename) {
+            if (navigator.msLaunchUri) { // IE 10+
+                navigator.msLaunchUri(uri);
+            }
+            else {
+                filename = filename || this.getFilenameFromUri(uri);
+                var link = document.createElement('a');
+                if (link.download !== undefined) {
+                    // Browsers that support HTML5 download attribute
+                    link.setAttribute('href', uri);
+                    link.setAttribute('download', filename);
+                    link.style.visibility = 'hidden';
+                    document.body.appendChild(link);
+                    link.click();
+                    document.body.removeChild(link);
+                }
+            }
+        };
+        FilesUtils.getFilenameFromUri = function (uri) {
+            var lastSlashIndex = uri === null || uri === void 0 ? void 0 : uri.lastIndexOf('/');
+            if (lastSlashIndex === -1 || lastSlashIndex === uri.length - 1)
+                throw new Error('Invalid URI format. No slash found');
+            return uri.substring(lastSlashIndex + 1);
+        };
         return FilesUtils;
     }());
     FilesUtils.UTF8_BOM_CHAR = new Uint8Array([0xEF, 0xBB, 0xBF]); // UTF-8 BOM
@@ -19011,33 +19032,34 @@
             // TODO: for DEV only
             //this.debug = !environment.production;
         }
+        AppHelpModal.prototype.ngOnInit = function () {
+            // Fix docUrl
+            if (this.docUrl && !this.docUrl.endsWith('.md')) {
+                console.warn('[help-modal] Missing extension \'.md\' will be add to the url: ' + this.docUrl);
+                this.docUrl += '.md';
+            }
+        };
         AppHelpModal.prototype.close = function (event) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.viewCtrl.dismiss()];
-                        case 1:
-                            _a.sent();
-                            return [2 /*return*/];
-                    }
-                });
-            });
+            return this.viewCtrl.dismiss();
         };
         AppHelpModal.prototype.markAsLoaded = function () {
             this.loading = false;
             this.error = null;
+            this.cd.markForCheck();
         };
         AppHelpModal.prototype.onLoadError = function (error) {
             console.error(error);
             this.error = error;
             this.loading = false;
+            this.cd.markForCheck();
         };
         return AppHelpModal;
     }());
     AppHelpModal.decorators = [
         { type: i0.Component, args: [{
                     selector: 'app-help-modal',
-                    template: "<app-modal-toolbar color=\"light\"\n                   [title]=\"title\"\n                   (cancel)=\"close($event)\"\n                   [showSpinner]=\"loading\">\n</app-modal-toolbar>\n\n<ion-content class=\"ion-padding\">\n\n  <!-- error -->\n  <ion-item *ngIf=\"error && showError\" visible-xs visible-sm visible-mobile lines=\"none\">\n    <ion-icon color=\"danger\" slot=\"start\" name=\"alert-circle\"></ion-icon>\n    <ion-label color=\"danger\" class=\"error\" [innerHTML]=\"error|translate\"></ion-label>\n  </ion-item>\n\n  <markdown *ngIf=\"markdownContent\"\n            [data]=\"markdownContent\"\n            (ready)=\"markAsLoaded()\"\n            emoji>\n  </markdown>\n\n  <markdown *ngIf=\"docUrl\"\n            [src]=\"docUrl + '.md'\"\n            (load)=\"markAsLoaded()\"\n            (error)=\"onLoadError($event)\"\n            emoji></markdown>\n\n</ion-content>\n\n<ion-footer hidden-xs hidden-sm hidden-mobile>\n  <ion-toolbar>\n    <ion-row class=\"ion-no-padding\" nowrap>\n      <ion-col></ion-col>\n      <ion-col size=\"auto\">\n        <ion-button fill=\"solid\" color=\"tertiary\" (click)=\"close()\">{{'COMMON.BTN_CLOSE'|translate}}</ion-button>\n      </ion-col>\n    </ion-row>\n  </ion-toolbar>\n</ion-footer>\n\n\n"
+                    template: "<app-modal-toolbar color=\"light\"\n                   [title]=\"title|translate\"\n                   (cancel)=\"close($event)\"\n                   [showSpinner]=\"loading\">\n</app-modal-toolbar>\n\n<ion-content class=\"ion-padding\">\n\n  <!-- error -->\n  <ion-item *ngIf=\"error && showError\" visible-xs visible-sm visible-mobile lines=\"none\">\n    <ion-icon color=\"danger\" slot=\"start\" name=\"alert-circle\"></ion-icon>\n    <ion-label color=\"danger\" class=\"error\" [innerHTML]=\"error|translate\"></ion-label>\n  </ion-item>\n\n  <markdown *ngIf=\"markdownContent; else useDocUrl\"\n            [data]=\"markdownContent\"\n            (ready)=\"markAsLoaded()\"\n            emoji>\n  </markdown>\n\n  <ng-template #useDocUrl>\n    <markdown *ngIf=\"docUrl\"\n              [src]=\"docUrl + '.md'\"\n              (load)=\"markAsLoaded()\"\n              (error)=\"onLoadError($event)\"\n              emoji></markdown>\n  </ng-template>\n\n</ion-content>\n\n<ion-footer hidden-xs hidden-sm hidden-mobile>\n  <ion-toolbar>\n    <ion-row class=\"ion-no-padding\" nowrap>\n      <ion-col></ion-col>\n      <ion-col size=\"auto\">\n        <ion-button fill=\"solid\" color=\"tertiary\" (click)=\"close()\">{{'COMMON.BTN_CLOSE'|translate}}</ion-button>\n      </ion-col>\n    </ion-row>\n  </ion-toolbar>\n</ion-footer>\n\n\n",
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush
                 },] }
     ];
     AppHelpModal.ctorParameters = function () { return [
@@ -32469,6 +32491,7 @@
     exports.EntityStore = EntityStore;
     exports.EntityUtils = EntityUtils;
     exports.Environment = Environment;
+    exports.ErrorCodes = ErrorCodes;
     exports.EvenPipe = EvenPipe;
     exports.FileResponse = FileResponse;
     exports.FileService = FileService;
@@ -32575,6 +32598,7 @@
     exports.SHARED_TESTING_PAGES = SHARED_TESTING_PAGES;
     exports.SPACE_PLACEHOLDER_CHAR = SPACE_PLACEHOLDER_CHAR;
     exports.SelectPeerModal = SelectPeerModal;
+    exports.ServerErrorCodes = ServerErrorCodes;
     exports.SettingsPage = SettingsPage;
     exports.SharedAsyncValidators = SharedAsyncValidators;
     exports.SharedDirectivesModule = SharedDirectivesModule;