tuain-ng-forms-lib 12.0.31 → 12.0.37

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';
@@ -37,11 +38,11 @@ class ActionComponent {
     }
     get visible() {
         var _a;
-        return ((_a = this.action) === null || _a === void 0 ? void 0 : _a.visibleOn(this.currentState)) && this.visibleOnRestriction();
+        return ((_a = this.action) === null || _a === void 0 ? void 0 : _a.visibleOn(this.state)) && this.visibleOnRestriction();
     }
     get disabled() {
         var _a;
-        return !((_a = this.action) === null || _a === void 0 ? void 0 : _a.enabledOn(this.currentState));
+        return !((_a = this.action) === null || _a === void 0 ? void 0 : _a.enabledOn(this.state));
     }
 }
 ActionComponent.decorators = [
@@ -54,7 +55,7 @@ ActionComponent.propDecorators = {
     action: [{ type: Input }],
     busy: [{ type: Input }],
     relatedField: [{ type: Input }],
-    currentState: [{ type: Input }],
+    state: [{ type: Input }],
     style: [{ type: Input }],
     showLabel: [{ type: Input }]
 };
@@ -62,50 +63,52 @@ ActionComponent.propDecorators = {
 const VALUE = '';
 class FieldComponent {
     ngOnInit() {
-        var _a, _b;
+        var _a, _b, _c;
         if (this.field) {
             this.formConfig = (_a = this.field) === null || _a === void 0 ? void 0 : _a._formConfig;
             // 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();
+                this.dafaultProcessFieldChange(compAttr, (_b = this.field) === null || _b === void 0 ? void 0 : _b[fieldAttr]);
+                this.processFieldChange(compAttr, (_c = this.field) === null || _c === void 0 ? void 0 : _c[fieldAttr]);
             }
             // 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 {
+            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);
@@ -122,11 +125,11 @@ class FieldComponent {
     }
     get visible() {
         var _a;
-        return (_a = this.field) === null || _a === void 0 ? void 0 : _a.visibleOn(this.currentState);
+        return (_a = this.field) === null || _a === void 0 ? void 0 : _a.visibleOn(this.state);
     }
     get disabled() {
         var _a;
-        return !((_a = this.field) === null || _a === void 0 ? void 0 : _a.enabledOn(this.currentState));
+        return !((_a = this.field) === null || _a === void 0 ? void 0 : _a.enabledOn(this.state));
     }
 }
 FieldComponent.decorators = [
@@ -137,7 +140,7 @@ FieldComponent.decorators = [
 ];
 FieldComponent.propDecorators = {
     field: [{ type: Input }],
-    currentState: [{ type: Input }]
+    state: [{ type: Input }]
 };
 
 class ElementComponent {
@@ -149,11 +152,11 @@ class ElementComponent {
     start() { }
     get visible() {
         var _a;
-        return (_a = this.element) === null || _a === void 0 ? void 0 : _a.visibleOn(this.currentState);
+        return (_a = this.element) === null || _a === void 0 ? void 0 : _a.visibleOn(this.state);
     }
     get disabled() {
         var _a;
-        return !((_a = this.element) === null || _a === void 0 ? void 0 : _a.enabledOn(this.currentState));
+        return !((_a = this.element) === null || _a === void 0 ? void 0 : _a.enabledOn(this.state));
     }
 }
 ElementComponent.decorators = [
@@ -165,7 +168,7 @@ ElementComponent.decorators = [
 ElementComponent.propDecorators = {
     element: [{ type: Input }],
     form: [{ type: Input }],
-    currentState: [{ type: Input }]
+    state: [{ type: Input }]
 };
 
 class FormErrorComponent {
@@ -1100,7 +1103,7 @@ LibTableComponent.propDecorators = {
     table: [{ type: Input }],
     tableRecords: [{ type: Input }],
     disabled: [{ type: Input }],
-    currentState: [{ type: Input }],
+    state: [{ type: Input }],
     waiting: [{ type: Input }]
 };
 
@@ -1145,7 +1148,7 @@ const STD_MAX_LENGTH = 50;
 const BIG_MAX_LENGTH = 500;
 const fldAttr = {
     validateOnServer: 'validateOnServer',
-    value: '_fieldValue',
+    value: '_value',
     minValue: '_minValue',
     maxValue: '_maxValue',
     maxLength: '_maxLength',
@@ -1272,7 +1275,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 +1307,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 +1338,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 +1372,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 +1387,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;
     }
@@ -2536,10 +2494,9 @@ class BasicFormComponent {
     set formCode(name) { this.name = name; }
     get inServerProcess() { return this.busy; }
     get form() { return this._formStructure; }
-    get state() { return this.getCurrentState(); }
+    get state() { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.state; }
     get currentState() { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.state; }
     set currentState(state) { this._formStructure.changeState(state); }
-    get currentMode() { return this.currentState; }
     get immutableData() { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.immutableData; }
     get extraInfo() { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.extraInfo; }
     get visibleSections() { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.visibleSections; }
@@ -2601,7 +2558,7 @@ class BasicFormComponent {
         if (!cleanStack) {
             origin = Object.assign(Object.assign({}, backData), { name: this.name, url: this._formRoute, token: this._controlToken });
             origin.subject = (_a = origin === null || origin === void 0 ? void 0 : origin.subject) !== null && _a !== void 0 ? _a : this.formSubject;
-            origin.state = (_b = origin === null || origin === void 0 ? void 0 : origin.state) !== null && _b !== void 0 ? _b : this.currentState;
+            origin.state = (_b = origin === null || origin === void 0 ? void 0 : origin.state) !== null && _b !== void 0 ? _b : this.state;
             origin.fields = (_c = origin === null || origin === void 0 ? void 0 : origin.fields) !== null && _c !== void 0 ? _c : {};
             origin.extra = (_d = origin === null || origin === void 0 ? void 0 : origin.extra) !== null && _d !== void 0 ? _d : {};
         }