tuain-ng-forms-lib 12.0.35 → 12.0.41

package/fesm2015/tuain-ng-forms-lib.js

@@ -60,7 +60,8 @@ ActionComponent.propDecorators = {
     showLabel: [{ type: Input }]
 };
 
-const VALUE = '';
+const VALUE = 'value';
+const FOCUS = 'focus';
 class FieldComponent {
     ngOnInit() {
         var _a, _b;
@@ -69,29 +70,35 @@ class FieldComponent {
             // Inicialización
             const mapping = Object.entries(this.formConfig.componentFieldAttrMap);
             for (let index = 0; index < mapping.length; index++) {
-                const [fieldAttr, compAttr1] = mapping[index];
+                const [fieldAttr1, compAttr1] = mapping[index];
                 const compAttr = compAttr1.toString();
-                if (compAttr === VALUE) {
-                    this.updateValue();
-                }
-                else {
-                    this[compAttr] = (_b = this.field) === null || _b === void 0 ? void 0 : _b[fieldAttr.toString()];
-                }
+                const fieldAttr = fieldAttr1.toString();
+                const attributeValue = (_b = this.field) === null || _b === void 0 ? void 0 : _b[fieldAttr];
+                this.dafaultProcessFieldChange(compAttr, attributeValue);
+                this.processFieldChange(compAttr, attributeValue);
             }
             // Subscripción a cambios en atributos
             this.field.attributeChange.subscribe(event => {
                 const { name: fieldAttr, value } = event;
                 const compAttr = this.formConfig.componentFieldAttrMap[fieldAttr];
-                if (compAttr === VALUE) {
-                    this.updateValue();
-                }
-                else {
-                    this[compAttr] = value;
-                }
+                this.dafaultProcessFieldChange(compAttr, value);
+                this.processFieldChange(compAttr, value);
             });
         }
         this.start();
     }
+    dafaultProcessFieldChange(attribute, value) {
+        if (attribute === VALUE) {
+            this.updateValue();
+        }
+        else if (attribute === FOCUS) {
+            this.focus();
+        }
+        else {
+            this[attribute] = value;
+        }
+    }
+    processFieldChange(attribute, value) { }
     start() { }
     focus() { }
     updateObject() {
@@ -294,7 +301,6 @@ class FormElement {
         this._visibleForced = false;
         this.disabled = (_a = elementDefinition === null || elementDefinition === void 0 ? void 0 : elementDefinition.disabled) !== null && _a !== void 0 ? _a : false;
         this.setVisibility((_b = elementDefinition === null || elementDefinition === void 0 ? void 0 : elementDefinition.visible) !== null && _b !== void 0 ? _b : true);
-        this.widget = null;
         this.customAttributes = (_c = elementDefinition === null || elementDefinition === void 0 ? void 0 : elementDefinition.customAttributes) !== null && _c !== void 0 ? _c : {};
     }
     getCustomAttribute(name) { var _a, _b; return (_b = (_a = this.customAttributes) === null || _a === void 0 ? void 0 : _a[name]) !== null && _b !== void 0 ? _b : null; }
@@ -524,9 +530,9 @@ class RecordTable extends FormElement {
         this._selectionActionTrigger = new Subject();
         this._getDataTrigger = new Subject();
         this._attributeChange = new Subject();
-        this.tableRecordObj = {};
         this._tableColumnObj = {};
         this._actionsObj = {};
+        this.tableRecordObj = {};
         this.allSelected = false;
         this.elementType = elementTypes.table;
         this.waiting = false;
@@ -995,7 +1001,6 @@ class LibTableComponent {
             this.tableFieldStyles = this.formConfig.tableFieldStyles;
             this.selectable = this.table.selectable;
             this.hasActions = this.table.hasActions;
-            this.table.widget = this;
             this.inlineActions = this.table.getActions(this.formConfig.tableActions.inline);
             this.globalActions = this.table.getActions(this.formConfig.tableActions.global);
             this.selectionActions = this.table.getActions(this.formConfig.tableActions.selection);
@@ -1151,6 +1156,7 @@ const fldAttr = {
     maxValue: '_maxValue',
     maxLength: '_maxLength',
     onValidation: '_onValidation',
+    focus: 'focus',
     intrinsicErrorMessage: '_intrinsicErrorMessage',
     code: 'fieldCode',
     info: 'fieldInfo',
@@ -1223,6 +1229,7 @@ class FieldDescriptor extends FormElement {
     get info() { return this.fieldInfo; }
     get validating() { return this._onValidation; }
     set validating(isValidating) { this.setAttr(fldAttr.onValidation, isValidating); }
+    focus() { this.setAttr(fldAttr.focus, true); }
     setIntrinsicErrorMessage(message) { this.setAttr(fldAttr.intrinsicErrorMessage, message); }
     set intrinsicErrorMessage(message) { this.setIntrinsicErrorMessage(message); }
     get fieldValue() { return this.getValue(); }
@@ -1257,6 +1264,14 @@ class FieldDescriptor extends FormElement {
                 this.setError('99', this._intrinsicErrorMessage);
             }
         }
+        if (intrinsicValidation && fieldValue && this._minValue && fieldValue < this._minValue) {
+            intrinsicValidation = false;
+            this.setError('99', 'Campo con valor inferior al mínimo');
+        }
+        if (intrinsicValidation && fieldValue && this._maxValue && fieldValue > this._maxValue) {
+            intrinsicValidation = false;
+            this.setError('99', 'Campo con valor superior al máximo');
+        }
         this._editionFinish.next({ code: this.fieldCode, intrinsicValidation });
     }
     setAttr(name, value) {
@@ -1311,6 +1326,10 @@ class FieldDescriptor extends FormElement {
         }
         return this._value;
     }
+    getOptionText() {
+        var _a, _b;
+        (_b = (_a = this.fieldOptions.find(item => item.fieldOptionId === this._value)) === null || _a === void 0 ? void 0 : _a.fieldOptionValue) !== null && _b !== void 0 ? _b : null;
+    }
     updateFromServer(fld) {
         var _a;
         const fieldKeys = Object.keys(fld);
@@ -1336,39 +1355,25 @@ class FieldDescriptor extends FormElement {
     setFieldType(inputFieldType) {
         this.setAttr(fldAttr.type, inputFieldType);
     }
-    setMinValue(minValue) {
-        var _a, _b, _c;
-        if (this.fieldType === this._formConfig.fieldTypes.date
-            && ((_a = this.widget) === null || _a === void 0 ? void 0 : _a.setMinValue)) {
-            this.setAttr(fldAttr.minValue, minValue);
-            if (!minValue) {
-                (_b = this.widget) === null || _b === void 0 ? void 0 : _b.setMinValue(false);
-            }
-            else {
-                const minDate = new Date(minValue);
-                (_c = this.widget) === null || _c === void 0 ? void 0 : _c.setMinValue(minDate);
-            }
+    setMinValue(inputMinValue) {
+        let minValue = inputMinValue;
+        if (this.fieldType === this._formConfig.fieldTypes.date) {
+            minValue = new Date(minValue);
         }
+        this.setAttr(fldAttr.minValue, minValue);
     }
-    setMaxValue(maxValue) {
-        var _a, _b, _c;
-        if (this.fieldType === this._formConfig.fieldTypes.date
-            && ((_a = this.widget) === null || _a === void 0 ? void 0 : _a.setMaxValue)) {
-            this.setAttr(fldAttr.maxValue, maxValue);
-            if (!maxValue) {
-                (_b = this.widget) === null || _b === void 0 ? void 0 : _b.setMaxValue(false);
-            }
-            else {
-                const maxDate = new Date(maxValue);
-                (_c = this.widget) === null || _c === void 0 ? void 0 : _c.setMaxValue(maxDate);
-            }
+    setMaxValue(inputMaxValue) {
+        let maxValue = inputMaxValue;
+        if (this.fieldType === this._formConfig.fieldTypes.date) {
+            maxValue = new Date(maxValue);
         }
+        this.setAttr(fldAttr.maxValue, maxValue);
     }
     getFieldOptions() {
         return JSON.parse(JSON.stringify(this.fieldOptions));
     }
     setFieldOptions(newOptions) {
-        var _a, _b, _c, _d;
+        var _a;
         if ((this.captureType !== 'LIST' && this.captureType !== 'RADIO')
             || typeof newOptions === UNDEFINED || !newOptions
             || !Array.isArray(newOptions)) {
@@ -1384,12 +1389,9 @@ class FieldDescriptor extends FormElement {
         fieldOptions = (fieldOptions && Array.isArray(fieldOptions)
             && fieldOptions.length > 0) ? fieldOptions : [];
         this.setAttr(fldAttr.options, fieldOptions);
-        if (this.fieldType === this._formConfig.fieldTypes.array && this.widget) {
-            return (_a = this.widget) === null || _a === void 0 ? void 0 : _a.refereshContent();
-        }
         if (this._value) {
             if (this.fieldType === this._formConfig.fieldTypes.array && Array.isArray(this._value)) {
-                const fieldValue = (_b = this._value) === null || _b === void 0 ? void 0 : _b.filter(item => this.fieldOptions.find(opt => opt.fieldOptionId === item));
+                const fieldValue = (_a = this._value) === null || _a === void 0 ? void 0 : _a.filter(item => this.fieldOptions.find(opt => opt.fieldOptionId === item));
                 this.setAttr(fldAttr.value, fieldValue);
             }
             else {
@@ -1402,56 +1404,40 @@ class FieldDescriptor extends FormElement {
         }
         if (this.fieldRequired && this.fieldOptions.length === 1) {
             this.setValue(this.fieldOptions[0].fieldOptionId);
-            if ((_c = this.widget) === null || _c === void 0 ? void 0 : _c.onChangeContent) {
-                (_d = this.widget) === null || _d === void 0 ? void 0 : _d.onChangeContent();
-            }
         }
     }
     setValue(newValue, widgetUpdate = true) {
-        var _a;
         if (typeof newValue === UNDEFINED || newValue === null) {
             return true;
         }
         let newFinalValue;
-        switch (this.fieldType) {
-            case 'BOOLEAN':
-                newFinalValue = !!newValue;
-                break;
-            case this._formConfig.fieldTypes.boolean:
-                newFinalValue = !!newValue;
-                break;
-            case this._formConfig.fieldTypes.check:
-                newFinalValue = !!newValue;
-                break;
-            case this._formConfig.fieldTypes.array:
-                if (newValue === null || newValue === '') {
-                    newFinalValue = [];
-                }
-                else if (!Array.isArray(newValue)) {
-                    if (typeof (newValue) !== 'string') {
-                        newValue = newValue.toString();
-                    }
-                    newFinalValue = newValue.split(',');
-                }
-                else {
-                    newFinalValue = newValue;
-                }
-                break;
-            case this._formConfig.fieldTypes.map:
-                newFinalValue = newValue;
-                if (newFinalValue && this.widget && widgetUpdate) {
-                    const latitude = parseFloat(newFinalValue[0]);
-                    const longitude = parseFloat(newFinalValue[1]);
-                    (_a = this.widget) === null || _a === void 0 ? void 0 : _a.setLocation(latitude, longitude);
-                }
-                break;
-            default:
+        if (this.fieldType === this._formConfig.fieldTypes.boolean
+            || this.fieldType === this._formConfig.fieldTypes.check) {
+            newFinalValue = yn(newValue);
+        }
+        else if (this.fieldType === this._formConfig.fieldTypes.array
+            || this.fieldType === this._formConfig.fieldTypes.map) {
+            if (newValue === null || newValue === '') {
+                newFinalValue = [];
+            }
+            else if (Array.isArray(newValue)) {
                 newFinalValue = newValue;
-                break;
+            }
+            else {
+                newFinalValue = newValue.toString().split(',');
+            }
+        }
+        else {
+            newFinalValue = newValue;
         }
         if (this._value !== newFinalValue) {
             this.setChanged(true);
-            this.setAttr(fldAttr.value, newFinalValue);
+            if (widgetUpdate) {
+                this.setAttr(fldAttr.value, newFinalValue);
+            }
+            else {
+                this._value = newFinalValue;
+            }
         }
         return true;
     }
@@ -1807,6 +1793,7 @@ class FormStructureAndData {
     enableField(code) { var _a; (_a = this.getField(code)) === null || _a === void 0 ? void 0 : _a.enable(); }
     disableField(code) { var _a; (_a = this.getField(code)) === null || _a === void 0 ? void 0 : _a.disable(); }
     getFieldValue(code) { var _a; return (_a = this.getField(code)) === null || _a === void 0 ? void 0 : _a.getValue(); }
+    getFieldOptionText(code) { var _a; return (_a = this.getField(code)) === null || _a === void 0 ? void 0 : _a.getOptionText(); }
     getFieldOptions(code) { var _a; (_a = this.getField(code)) === null || _a === void 0 ? void 0 : _a.getFieldOptions(); }
     setFieldValue(code, value) { var _a; (_a = this.getField(code)) === null || _a === void 0 ? void 0 : _a.setValue(value); }
     setFieldError(code, message, type = 'error') { var _a; (_a = this.getField(code)) === null || _a === void 0 ? void 0 : _a.setError(code, message, type); }
@@ -2188,90 +2175,28 @@ class BasicFormComponent {
         this.cleanStart();
         this.customPreProcessing();
     }
-    getTitle() {
-        var _a;
-        return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getTitle();
-    }
-    setTitle(title) {
-        var _a;
-        return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.setTitle(title);
-    }
-    cleanData() {
-        var _a;
-        return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.cleanData();
-    }
-    getCurrentState() {
-        var _a;
-        return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getCurrentState();
-    }
-    supportState(state) {
-        var _a;
-        return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.supportState(state);
-    }
-    changeState(state) {
-        var _a;
-        return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.changeState(state);
-    }
-    getStates() {
-        var _a;
-        return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.states;
-    }
-    getImmutableElement(name) {
-        var _a;
-        return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getImmutableElement(name);
-    }
-    getExtraInfo(name) {
-        var _a;
-        return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getExtraInfo(name);
-    }
-    getFields() {
-        var _a;
-        return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getFields();
-    }
-    getFieldNames() {
-        var _a;
-        return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getFieldNames();
-    }
-    getField(code) {
-        var _a;
-        return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getField(code);
-    }
-    enableField(code) {
-        var _a;
-        return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.enableField(code);
-    }
-    disableField(code) {
-        var _a;
-        return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.disableField(code);
-    }
-    getFieldValue(code) {
-        var _a;
-        return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getFieldValue(code);
-    }
-    getFieldsValues(codes) {
-        var _a;
-        return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getFieldsValues(codes);
-    }
-    getFieldOptions(code) {
-        var _a;
-        return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getFieldOptions(code);
-    }
-    setFieldValue(code, value) {
-        var _a;
-        return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.setFieldValue(code, value);
-    }
-    setFieldRequired(code, required) {
-        var _a;
-        return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.setFieldRequired(code, required);
-    }
-    setFieldErrorMessage(code, errorMessage) {
-        var _a;
-        return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.setFieldErrorMessage(code, errorMessage);
-    }
-    setFieldError(code, message, type) {
-        var _a;
-        return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.setFieldError(code, message, type);
-    }
+    getTitle() { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getTitle(); }
+    setTitle(title) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.setTitle(title); }
+    cleanData() { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.cleanData(); }
+    getCurrentState() { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getCurrentState(); }
+    supportState(state) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.supportState(state); }
+    changeState(state) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.changeState(state); }
+    getStates() { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.states; }
+    getImmutableElement(name) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getImmutableElement(name); }
+    getExtraInfo(name) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getExtraInfo(name); }
+    getFields() { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getFields(); }
+    getFieldNames() { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getFieldNames(); }
+    getField(code) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getField(code); }
+    enableField(code) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.enableField(code); }
+    disableField(code) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.disableField(code); }
+    getFieldValue(code) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getFieldValue(code); }
+    getFieldOptionText(code) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getFieldOptionText(code); }
+    getFieldsValues(codes) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getFieldsValues(codes); }
+    getFieldOptions(code) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getFieldOptions(code); }
+    setFieldValue(code, value) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.setFieldValue(code, value); }
+    setFieldRequired(code, required) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.setFieldRequired(code, required); }
+    setFieldErrorMessage(code, errorMessage) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.setFieldErrorMessage(code, errorMessage); }
+    setFieldError(code, message, type) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.setFieldError(code, message, type); }
     setFieldIntrinsicErrorMessage(code, message) {
         var _a;
         return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.setFieldIntrinsicErrorMessage(code, message);
@@ -3538,11 +3463,8 @@ class BasicFormComponent {
             this.tagFieldsWithError(requiredEmptyFields, null, this.formConfig.formStandardErrors.requiredField);
             for (const fieldCode of requiredEmptyFields) {
                 const requiredEmptyField = this.getField(fieldCode);
-                if (requiredEmptyField && requiredEmptyField.widget
-                    && requiredEmptyField.widget.focus) {
-                    requiredEmptyField.widget.focus();
-                    break;
-                }
+                requiredEmptyField === null || requiredEmptyField === void 0 ? void 0 : requiredEmptyField.focus();
+                break;
             }
         }
         const validationIssueFields = this.getFieldsWithValidationIssues(null, sectionCode);
@@ -3551,11 +3473,8 @@ class BasicFormComponent {
             this.setError(this.formConfig.formStandardErrors.typeWarning, this.formConfig.formStandardErrors.validationTitle, this.formConfig.formStandardErrors.validationFields);
             for (const fieldCode of validationIssueFields) {
                 const validationIssueField = this.getField(fieldCode);
-                if (validationIssueField && validationIssueField.widget
-                    && validationIssueField.widget.focus) {
-                    validationIssueField.widget.focus();
-                    break;
-                }
+                validationIssueField.focus();
+                break;
             }
         }
         return validationError;