tuain-ng-forms-lib 14.0.7 → 14.0.9

package/fesm2020/tuain-ng-forms-lib.mjs

@@ -599,6 +599,30 @@ class FieldDescriptor extends FormElement {
         this._editionPartial = new Subject();
         this._detailRequest = new Subject();
         this._attributeChange = new Subject();
+        this.validateOnServer = false;
+        this._focus = false;
+        this._maxLength = 0;
+        this._minLength = 0;
+        this._onValidation = false;
+        this._intrinsicErrorMessage = '';
+        this.fieldCode = '';
+        this.fieldInfo = '';
+        this.defaultValue = '';
+        this.defaultEditable = false;
+        this.visibleLabel = false;
+        this.fieldRequired = false;
+        this.hasChanged = false;
+        this.outputOnly = false;
+        this.captureType = '';
+        this.fieldTitle = '';
+        this.fieldType = '';
+        this.fieldAlignment = '';
+        this.fieldFormat = null;
+        this.tooltipText = '';
+        this.errorType = '';
+        this.errorCode = '';
+        this.errorMessage = '';
+        this.fieldOptions = null;
         this.elementType = elementTypes.field;
         const fld = (inputFieldReceived) ? inputFieldReceived : {};
         this.setAttr(fldAttr.code, fld.fieldCode);
@@ -633,7 +657,9 @@ class FieldDescriptor extends FormElement {
         this.setAttr(fldAttr.outputOnly, fld.outputOnly ?? false);
         const maxLength = fld.maxLength ?? (this.captureType === 'TEXTAREA' ? BIG_MAX_LENGTH : STD_MAX_LENGTH);
         this.setAttr(fldAttr.maxLength, maxLength);
-        this.setAttr(fldAttr.intrinsicErrorMessage, this._formConfig.fieldTypeErrMsg[this.fieldType] ?? this._formConfig.fieldTypeErrMsg.DEFAULT);
+        const intrinsicErrorMessage = this._formConfig?.fieldValidations?.[this.fieldType]?.message
+            ?? this._formConfig?.fieldValidations?.DEFAULT?.message ?? '';
+        this.setAttr(fldAttr.intrinsicErrorMessage, intrinsicErrorMessage);
         this.setEditable(fld.editable ?? true);
         this.setVisibleLabel(fld.visibleLabel ?? true);
         this.setVisibility(fld.visible);
@@ -656,6 +682,12 @@ class FieldDescriptor extends FormElement {
     setRequired(required) { this.required = required; }
     get required() { return this.fieldRequired; }
     set required(required) { this.setAttr(fldAttr.required, required ?? false); }
+    get minLength() { return (this._minLength > 0) ? this._minLength.toString() : ''; }
+    set minLength(requiredMinLength) {
+        let newMinLength = +requiredMinLength;
+        newMinLength = (isNaN(newMinLength) || newMinLength < 0) ? 0 : newMinLength;
+        this.setAttr(fldAttr.maxLength, +requiredMinLength);
+    }
     get maxLength() { return (this._maxLength > 0) ? this._maxLength.toString() : ''; }
     set maxLength(requiredMaxLength) {
         if (typeof requiredMaxLength === 'string') {
@@ -668,15 +700,22 @@ class FieldDescriptor extends FormElement {
     get value() { return this.getValue(); }
     set value(newValue) { this.setValue(newValue); }
     notifyEditionPartial() {
+        this.resetError();
         this._editionPartial.next({ code: this.fieldCode, intrinsicValidation: true });
     }
     notifyEditionFinish() {
-        let intrinsicValidation = true;
-        const fieldDefaultFormat = this._formConfig.fieldTypesPatterns?.[this.fieldType] ?? null;
         const fieldValue = this.getValue();
-        if (fieldValue && (fieldDefaultFormat || this.fieldFormat)) {
-            intrinsicValidation = (fieldDefaultFormat?.test(fieldValue) ?? true)
-                && (this.fieldFormat?.test(fieldValue) ?? true);
+        this.resetError();
+        const { type, validation, message } = this._formConfig.fieldValidations?.[this.fieldType] ?? {};
+        let intrinsicValidation = true;
+        if (fieldValue && (validation || this.fieldFormat)) {
+            if (type === 'regexp') {
+                intrinsicValidation = (validation?.test(fieldValue) ?? true)
+                    && (this.fieldFormat?.test(fieldValue) ?? true);
+            }
+            else if (type === 'function' && typeof fieldValue === 'function') {
+                intrinsicValidation = validation(fieldValue);
+            }
             if (!intrinsicValidation) {
                 this.setError('99', this._intrinsicErrorMessage);
             }
@@ -2924,7 +2963,6 @@ class BasicFormComponent {
         if (!fieldToValidate) {
             return false;
         }
-        fieldToValidate.resetError();
         const validationCallbacks = this._fieldInputValidation[fieldCode];
         if (validationCallbacks) {
             const clientValidationPromises = [];
@@ -2942,7 +2980,6 @@ class BasicFormComponent {
         if (!fieldToValidate) {
             return;
         }
-        fieldToValidate.resetError();
         const validationCallbacks = this._fieldValidationsStart[fieldCode];
         if (validationCallbacks) {
             const clientValidationPromises = [];