tuain-ng-forms-lib 12.0.32 → 12.0.38

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

@@ -1,6 +1,7 @@
 import { Component, Input, EventEmitter, Output, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import { Subject, ReplaySubject } from 'rxjs';
 import { __awaiter } from 'tslib';
+import yn from 'yn';
 import { nanoid } from 'nanoid';
 import { CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
@@ -59,7 +60,8 @@ ActionComponent.propDecorators = {
     showLabel: [{ type: Input }]
 };
 
-const VALUE = '';
+const VALUE = 'value';
+const FOCUS = 'focus';
 class FieldComponent {
     ngOnInit() {
         var _a, _b;
@@ -68,44 +70,50 @@ 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() {
-        this.field._fieldValue = this.value;
+        this.field.setValue(this.value);
     }
     inputChanged() {
-        this.field._fieldValue = this.value;
+        this.field.setValue(this.value);
         this.onChangeContent();
     }
     inputTyped() {
-        this.field._fieldValue = this.value;
+        this.field.setValue(this.value);
         this.onInputChange();
     }
     updateValue() {
-        this.value = this.field._fieldValue;
+        this.value = this.field.getValue();
     }
     onInputChange() {
         setTimeout(() => this.field.notifyEditionPartial(), 50);
@@ -293,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; }
@@ -994,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);
@@ -1145,11 +1151,12 @@ const STD_MAX_LENGTH = 50;
 const BIG_MAX_LENGTH = 500;
 const fldAttr = {
     validateOnServer: 'validateOnServer',
-    value: '_fieldValue',
+    value: '_value',
     minValue: '_minValue',
     maxValue: '_maxValue',
     maxLength: '_maxLength',
     onValidation: '_onValidation',
+    focus: 'focus',
     intrinsicErrorMessage: '_intrinsicErrorMessage',
     code: 'fieldCode',
     info: 'fieldInfo',
@@ -1222,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(); }
@@ -1272,7 +1280,6 @@ class FieldDescriptor extends FormElement {
     hideLabel() { this.setVisibleLabel(false); }
     setChanged(hasChanged) { this.setAttr(fldAttr.hasChanged, hasChanged); }
     changed() { this.setChanged(true); }
-    getRawValue() { return this._fieldValue; }
     setLabel(label) { this.setAttr(fldAttr.title, label); }
     clean() { this.setValue(this.defaultValue || ''); this.resetError(); }
     get backend() { return this.validateOnServer; }
@@ -1305,22 +1312,11 @@ class FieldDescriptor extends FormElement {
         return fieldCurrentValue === '';
     }
     getValue() {
-        var _a, _b;
-        switch (this.fieldType) {
-            case this._formConfig.fieldTypes.boolean:
-                return (_a = this._fieldValue) !== null && _a !== void 0 ? _a : false;
-                break;
-            case this._formConfig.fieldTypes.check:
-                return (_b = this._fieldValue) !== null && _b !== void 0 ? _b : false;
-                break;
-            case this._formConfig.fieldTypes.currency:
-                return (typeof this._fieldValue === 'string')
-                    ? this._fieldValue.replace(',', '') : this._fieldValue;
-                break;
-            default:
-                return this._fieldValue;
-                break;
+        if (this.fieldType === this._formConfig.fieldTypes.boolean
+            || this.fieldType === this._formConfig.fieldTypes.check) {
+            return yn(this._value);
         }
+        return this._value;
     }
     updateFromServer(fld) {
         var _a;
@@ -1347,39 +1343,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)) {
@@ -1395,17 +1377,14 @@ 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._fieldValue) {
-            if (this.fieldType === this._formConfig.fieldTypes.array && Array.isArray(this._fieldValue)) {
-                const fieldValue = (_b = this._fieldValue) === null || _b === void 0 ? void 0 : _b.filter(item => this.fieldOptions.find(opt => opt.fieldOptionId === item));
+        if (this._value) {
+            if (this.fieldType === this._formConfig.fieldTypes.array && Array.isArray(this._value)) {
+                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 {
                 const valInOptions = this.fieldOptions
-                    .find(item => item.fieldOptionId === this._fieldValue);
+                    .find(item => item.fieldOptionId === this._value);
                 if (!valInOptions) {
                     this.setValue('');
                 }
@@ -1413,56 +1392,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(',');
+            }
         }
-        if (this._fieldValue !== newFinalValue) {
+        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;
     }
@@ -3549,11 +3512,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);
@@ -3562,11 +3522,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;