ng-inail-common 2.0.30-beta.9 → 2.0.30

package/bundles/ng-inail-common.umd.js

@@ -2962,7 +2962,7 @@
         __extends(FormElementComponent, _super);
         function FormElementComponent(formElementCdr, formElementLibConfig) {
             var _this = this;
-            var _a, _b, _c, _d;
+            var _a, _b, _c, _d, _e, _f;
             _this = _super.call(this, formElementCdr, formElementLibConfig) || this;
             _this.formElementCdr = formElementCdr;
             _this.formElementLibConfig = formElementLibConfig;
@@ -2977,6 +2977,7 @@
             _this.errorChange = new core.EventEmitter();
             _this.enterUp = new core.EventEmitter();
             _this.popover = false;
+            _this.cleanErrorOnChange = getConfigValue((_f = (_e = _this.formElementLibConfig) === null || _e === void 0 ? void 0 : _e.formElementComponent) === null || _f === void 0 ? void 0 : _f.cleanErrorOnChange, true);
             _this.getLabel = function () { return "" + ((_this.required && _this.requiredSimbolPosition === 'left') ? _this.requiredSimbol + " " : '') + _this.label + ((_this.required && _this.requiredSimbolPosition === 'right') ? " " + _this.requiredSimbol : ''); };
             _this.isThereError = function () { return _this.hasError || isNotBlankOrNull(_this.error); };
             _this.showError = function () { return _this.isThereError() && isNotBlankOrNull(_this.error); };
@@ -2991,6 +2992,7 @@
                 _super.prototype.overrideConfig.call(this, config);
                 this.requiredSimbol = getConfigValue(config.requiredSimbol, this.requiredSimbol);
                 this.requiredSimbolPosition = getConfigValue(config.requiredSimbolPosition, this.requiredSimbolPosition);
+                this.cleanErrorOnChange = getConfigValue(config.cleanErrorOnChange, this.cleanErrorOnChange);
             }
         };
         FormElementComponent.prototype.ngOnChanges = function (changes) {
@@ -3082,7 +3084,8 @@
         popoverButtonIcon: [{ type: core.Input }],
         popoverButtonTitle: [{ type: core.Input }],
         popoverHeader: [{ type: core.Input }],
-        popoverContent: [{ type: core.Input }]
+        popoverContent: [{ type: core.Input }],
+        cleanErrorOnChange: [{ type: core.Input }]
     };
 
     /**
@@ -3237,7 +3240,9 @@
                 this.cdr.detectChanges();
                 this.emitDebug("this.valueChange.emit(" + value + ")");
                 this.valueChange.emit(value);
-                this.cleanError();
+                if (this.cleanErrorOnChange) {
+                    this.cleanError();
+                }
                 if (this.onChange) {
                     this.onChange(value);
                 }
@@ -3354,7 +3359,9 @@
                     _this.emitDebug("this.valueChange.emit(" + _this.selectedValue + ")");
                     _this.valueChange.emit(_this.selectedValue);
                     _this.select.emit(_this.options.find(function (opt) { return (opt === null || opt === void 0 ? void 0 : opt.value) === _this.selectedValue; }));
-                    _this.cleanError();
+                    if (_this.cleanErrorOnChange) {
+                        _this.cleanError();
+                    }
                     if (_this.onChange) {
                         _this.onChange(_this.selectedValue);
                     }
@@ -4070,7 +4077,9 @@
                 this.cdr.detectChanges();
                 this.emitDebug("this.valueChange.emit(" + value + ")");
                 this.valueChange.emit(value);
-                this.cleanError();
+                if (this.cleanErrorOnChange) {
+                    this.cleanError();
+                }
                 if (this.onChange) {
                     this.onChange(value);
                 }
@@ -4126,7 +4135,7 @@
         __extends(InputDateComponent, _super);
         function InputDateComponent(cdr, libConfig) {
             var _this = this;
-            var _a, _b;
+            var _a, _b, _c, _d, _e, _f;
             _this = _super.call(this, cdr, libConfig) || this;
             _this.cdr = cdr;
             _this.libConfig = libConfig;
@@ -4135,10 +4144,12 @@
             // modelFormat: DateFormat;
             // https://bootstrap-datepicker.readthedocs.io/en/latest/options.html
             _this.options = getConfigValue((_b = (_a = _this.libConfig) === null || _a === void 0 ? void 0 : _a.inputDateComponent) === null || _b === void 0 ? void 0 : _b.options, undefined);
+            _this.selfValidation = getConfigValue((_d = (_c = _this.libConfig) === null || _c === void 0 ? void 0 : _c.inputDateComponent) === null || _d === void 0 ? void 0 : _d.selfValidation, true);
+            _this.selfValidationError = getConfigValue((_f = (_e = _this.libConfig) === null || _e === void 0 ? void 0 : _e.inputDateComponent) === null || _f === void 0 ? void 0 : _f.selfValidationError, 'La data inserita non è valida');
             _this.isValidInputValue = function () { return isBlankOrNull(_this.visibleData) || isInItalianFormat(_this.visibleData); };
-            _this.isThereDataError = function () { return _this.isThereError() || !_this.isValidInputValue(); };
+            _this.isThereDataError = function () { return _this.isThereError() || (!_this.isValidInputValue() && _this.selfValidation); };
             _this.showDataError = function () { return _this.isThereDataError() && isNotBlankOrNull(_this.getDescError()); };
-            _this.getDescError = function () { return (isBlankOrNull(_this.error) && !_this.isValidInputValue()) ? "La data inserita non è valida" : _this.error; };
+            _this.getDescError = function () { return (_this.selfValidation && isBlankOrNull(_this.error) && !_this.isValidInputValue()) ? _this.selfValidationError : _this.error; };
             _this.isEnabledDate = function (date) {
                 var dateString = dateToString(date, 'ISO8061');
                 return _this.isDataAbilitata(dateString) && !_this.isDataDisabilitata(dateString);
@@ -4156,12 +4167,10 @@
         }
         InputDateComponent.prototype.ngOnChanges = function (changes) {
             _super.prototype.ngOnChanges.call(this, changes);
-            if (changes.value && !changes.value.firstChange) {
-                this.hasError = false;
-                this.error = undefined;
-                this.hasErrorChange.emit(this.hasError);
-                this.errorChange.emit(this.error);
-            }
+            // if (changes.value && !changes.value.firstChange && this.cleanErrorOnChange) {
+            //
+            //   this.cleanError();
+            // }
             // Se cambiano le options o gli array delle date abilitate/disabilitate
             // reinizializzo il componente
             if ((changes.options && !changes.options.firstChange)
@@ -4278,7 +4287,9 @@
                     _this.setDatepickerDate(_this.visibleData);
                 }
             });
-            this.cleanError();
+            if (this.cleanErrorOnChange) {
+                this.cleanError();
+            }
             this.cdr.detectChanges();
             if (this.onChange) {
                 this.onChange(value);
@@ -4327,6 +4338,8 @@
         formControlElement: [{ type: core.ViewChild, args: ['formControl', { static: true },] }],
         valueChange: [{ type: core.Output }],
         options: [{ type: core.Input }],
+        selfValidation: [{ type: core.Input }],
+        selfValidationError: [{ type: core.Input }],
         enabledDates: [{ type: core.Input }],
         disabledDates: [{ type: core.Input }],
         reinit: [{ type: core.Input }],
@@ -4410,7 +4423,9 @@
                     _this.emitDebug("this.valueChange.emit(" + _this.selectedValue + ")");
                     _this.valueChange.emit(_this.selectedValue);
                     _this.select.emit(_this.options.find(function (opt) { return (opt === null || opt === void 0 ? void 0 : opt.value) === _this.selectedValue; }));
-                    _this.cleanError();
+                    if (_this.cleanErrorOnChange) {
+                        _this.cleanError();
+                    }
                     if (_this.onChange) {
                         _this.onChange(_this.selectedValue);
                     }
@@ -4532,7 +4547,9 @@
                     this.emitDebug("this.checkedChange.emit(" + value + ")");
                     this.checkedChange.emit(value);
                     this.emitState();
-                    this.cleanError();
+                    if (this.cleanErrorOnChange) {
+                        this.cleanError();
+                    }
                     if (this.onChange) {
                         this.onChange(value);
                     }
@@ -5854,7 +5871,9 @@
             if (!this.addButton) {
                 this.fileChange.emit(this.fileModel);
             }
-            this.cleanError();
+            if (this.cleanErrorOnChange) {
+                this.cleanError();
+            }
             this.cdr.detectChanges();
         };
         InputFileComponent.prototype.reset = function () {
@@ -5915,10 +5934,10 @@
             if (changes.value) {
                 this.previousValue = changes.value.previousValue;
                 this.normalizzaValore();
-                if (!changes.value.firstChange) {
-                    this.hasError = false;
-                    this.error = undefined;
-                }
+                // if (!changes.value.firstChange) {
+                //
+                //   this.cleanError()
+                // }
             }
             this.cdr.detectChanges();
         };
@@ -5962,7 +5981,9 @@
                 this.cdr.detectChanges();
                 this.emitDebug("this.valueChange.emit(" + value + ")");
                 this.valueChange.emit(value);
-                this.cleanError();
+                if (this.cleanErrorOnChange) {
+                    this.cleanError();
+                }
                 if (this.onChange) {
                     this.onChange(value);
                 }
@@ -6546,11 +6567,15 @@
             if (!cb.firstChange) {
                 if (cb.checked && !this.isChecked(cb.value)) {
                     this.pushValue(cb.value);
-                    this.cleanError();
+                    if (this.cleanErrorOnChange) {
+                        this.cleanError();
+                    }
                 }
                 else if (!cb.checked && this.isChecked(cb.value)) {
                     this.values = this.values.filter(function (value) { return value != cb.value; });
-                    this.cleanError();
+                    if (this.cleanErrorOnChange) {
+                        this.cleanError();
+                    }
                 }
                 this.valuesChange.emit(this.values);
                 this.inputTextValue = this.getInputTextValue();
@@ -6671,12 +6696,16 @@
                         this.setDescError(this.selfValidationError);
                     }
                     else {
-                        this.cleanError();
+                        if (this.cleanErrorOnChange) {
+                            this.cleanError();
+                        }
                     }
                 }
                 else {
                     this.inputValue = value;
-                    this.cleanError();
+                    if (this.cleanErrorOnChange) {
+                        this.cleanError();
+                    }
                 }
                 this.cdr.detectChanges();
                 this.emitDebug("this.valueChange.emit(" + this.inputValue + ")");