@sumaris-net/ngx-components 1.20.10 → 1.20.13

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

@@ -3371,15 +3371,15 @@
         }
         SharedValidators.getDoubleRegexp = function (maxDecimals) {
             if (isNil(maxDecimals))
-                return this._REGEXP_CACHE.DOUBLE_BY_MAX_DECIMALS.NO_LIMIT;
+                return this._DOUBLE_REGEXP_CACHE.NO_LIMIT;
             if (maxDecimals < 0)
                 throw new Error("Invalid maxDecimals value: " + maxDecimals);
-            var regexp = this._REGEXP_CACHE.DOUBLE_BY_MAX_DECIMALS[maxDecimals];
+            var regexp = this._DOUBLE_REGEXP_CACHE[maxDecimals];
             if (regexp)
                 return regexp;
-            // New regexp: add it to cache
-            this._REGEXP_CACHE.DOUBLE_BY_MAX_DECIMALS[maxDecimals] = new RegExp("^[-]?[0-9]+([.,][0-9]{1," + maxDecimals + "})?$");
-            return this._REGEXP_CACHE.DOUBLE_BY_MAX_DECIMALS[maxDecimals];
+            // New: add to cache
+            this._DOUBLE_REGEXP_CACHE[maxDecimals] = new RegExp("^-?\\d+([.,]\\d{1," + maxDecimals + "})?$");
+            return this._DOUBLE_REGEXP_CACHE[maxDecimals];
         };
         SharedValidators.latitude = function (control) {
             var value = control.value;
@@ -3551,13 +3551,11 @@
         };
         return SharedValidators;
     }());
-    SharedValidators._REGEXP_CACHE = {
-        DOUBLE_BY_MAX_DECIMALS: {
-            NO_LIMIT: /^[-]?[0-9]+([.,][0-9]*)?$/,
-            1: /^[-]?[0-9]+([.,][0-9])?$/,
-            2: /^[-]?[0-9]+([.,][0-9]{1,2})?$/,
-            3: /^[-]?[0-9]+([.,][0-9]{1,2})?$/,
-        }
+    SharedValidators._DOUBLE_REGEXP_CACHE = {
+        NO_LIMIT: /^-?\d+([.,]\d*)?$/,
+        1: /^-?\d+([.,]\d)?$/,
+        2: /^-?\d+([.,]\d{1,2})?$/,
+        3: /^-?\d+([.,]\d{1,3})?$/ // 3 decimals max
     };
     SharedValidators.I18N_ERROR_KEYS = {
         required: 'ERROR.FIELD_REQUIRED',
@@ -5366,16 +5364,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 +5454,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 +5462,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 +5475,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 +5485,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 +5496,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 +5618,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 +5633,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 +5661,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 +5669,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 }] }
@@ -18382,6 +18377,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