@sumaris-net/ngx-components 1.20.10 → 1.20.11

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

@@ -4769,16 +4769,15 @@ const noop$1 = () => {
 };
 const ɵ0$2 = noop$1;
 class MatLatLongField {
-    constructor(translate, formBuilder, cd, formGroupDir) {
-        this.translate = translate;
+    constructor(formBuilder, cd, formGroupDir) {
         this.formBuilder = formBuilder;
         this.cd = cd;
         this.formGroupDir = formGroupDir;
         this._onChangeCallback = noop$1;
         this._onTouchedCallback = noop$1;
         this._subscription = new Subscription();
-        this.disabling = false;
-        this.writing = false;
+        this._disabling = false;
+        this._writing = false;
         this._readonly = false;
         this.required = false;
         this.floatLabel = 'auto';
@@ -4851,7 +4850,7 @@ class MatLatLongField {
             .subscribe((_) => 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(filter((_) => !this.readonly && !this.writing && !this.disabling) // Skip
+            .pipe(filter((_) => !this.readonly && !this._writing && !this._disabling) // Skip
         )
             .subscribe((_) => this.markForCheck()));
     }
@@ -4859,12 +4858,12 @@ class MatLatLongField {
         this._subscription.unsubscribe();
     }
     writeValue(obj) {
-        if (this.writing)
+        if (this._writing)
             return;
-        this.value = (typeof obj === 'string') ? parseFloat(obj.replace(/,/g, '.')) : obj;
-        this.writing = true;
+        const value = (typeof obj === 'string') ? parseFloat(obj.replace(/,/g, '.')) : obj;
+        this._writing = true;
         const strValue = this._formatFn(this.value, Object.assign(Object.assign({}, this._formatOptions), { placeholderChar: this.placeholderChar }));
-        const sign = isNotNil(this.value) ? (this.value < 0 ? -1 : 1) :
+        const sign = isNotNil(this.value) ? (value < 0 ? -1 : 1) :
             // Use default sign, if any
             (this.defaultSign ? (this.defaultSign === '-' ? -1 : 1) : null);
         // DEBUG
@@ -4872,7 +4871,7 @@ class MatLatLongField {
         // console.debug("sign: " + sign)
         this.textFormControl.patchValue(strValue, { emitEvent: false });
         this.signFormControl.patchValue(sign, { emitEvent: false });
-        this.writing = false;
+        this._writing = false;
         this.markForCheck();
     }
     registerOnChange(fn) {
@@ -4882,9 +4881,9 @@ class MatLatLongField {
         this._onTouchedCallback = fn;
     }
     setDisabledState(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 });
@@ -4893,7 +4892,7 @@ class MatLatLongField {
             this.textFormControl.enable({ onlySelf: true, emitEvent: false });
             this.signFormControl.enable({ onlySelf: true, emitEvent: false });
         }
-        this.disabling = false;
+        this._disabling = false;
         this.markForCheck();
     }
     /**
@@ -5013,13 +5012,13 @@ class MatLatLongField {
         }
     }
     onFormChange(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;
         }
         const parsedValue = isNotNilOrBlank(strValue) ? parseLatitudeOrLongitude(strValue, this.pattern, 7 /*=precision of the converted double value */, this.placeholderChar) : null;
@@ -5028,15 +5027,15 @@ class MatLatLongField {
         if (isNaN(parsedValue)) {
             this.formControl.markAsPending();
             this.formControl.setErrors(this.type === 'latitude' ? { latitude: true } : { longitude: true });
-            this.writing = false;
+            this._writing = false;
             return;
         }
         const sign = (this.pattern === 'DD') ? 1 /*ignore sign*/ : (this.signFormControl.value || 1);
-        this.value = isNotNil(parsedValue) ? sign * parsedValue : null;
+        const 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);
     }
@@ -5055,7 +5054,7 @@ class MatLatLongField {
 MatLatLongField.decorators = [
     { type: 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: NG_VALUE_ACCESSOR,
@@ -5063,12 +5062,10 @@ MatLatLongField.decorators = [
                         useExisting: forwardRef(() => MatLatLongField),
                     }
                 ],
-                changeDetection: 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: ChangeDetectionStrategy.OnPush
             },] }
 ];
 MatLatLongField.ctorParameters = () => [
-    { type: TranslateService },
     { type: FormBuilder },
     { type: ChangeDetectorRef },
     { type: FormGroupDirective, decorators: [{ type: Optional }] }
@@ -16095,6 +16092,30 @@ class FilesUtils {
             }
         }
     }
+    static downloadUri(uri, filename) {
+        if (navigator.msLaunchUri) { // IE 10+
+            navigator.msLaunchUri(uri);
+        }
+        else {
+            filename = filename || this.getFilenameFromUri(uri);
+            const 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);
+            }
+        }
+    }
+    static getFilenameFromUri(uri) {
+        const 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);
+    }
 }
 FilesUtils.UTF8_BOM_CHAR = new Uint8Array([0xEF, 0xBB, 0xBF]); // UTF-8 BOM