tuain-ng-forms-lib 12.0.31 → 12.0.37

package/bundles/tuain-ng-forms-lib.umd.js

@@ -1,8 +1,12 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('nanoid'), require('@angular/common'), require('@angular/router'), require('@angular/forms')) :
-    typeof define === 'function' && define.amd ? define('tuain-ng-forms-lib', ['exports', '@angular/core', 'rxjs', 'nanoid', '@angular/common', '@angular/router', '@angular/forms'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['tuain-ng-forms-lib'] = {}, global.ng.core, global.rxjs, global.nanoid, global.ng.common, global.ng.router, global.ng.forms));
-}(this, (function (exports, core, rxjs, nanoid, common, router, forms) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('yn'), require('nanoid'), require('@angular/common'), require('@angular/router'), require('@angular/forms')) :
+    typeof define === 'function' && define.amd ? define('tuain-ng-forms-lib', ['exports', '@angular/core', 'rxjs', 'yn', 'nanoid', '@angular/common', '@angular/router', '@angular/forms'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['tuain-ng-forms-lib'] = {}, global.ng.core, global.rxjs, global.yn, global.nanoid, global.ng.common, global.ng.router, global.ng.forms));
+}(this, (function (exports, core, rxjs, yn, nanoid, common, router, forms) { 'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var yn__default = /*#__PURE__*/_interopDefaultLegacy(yn);
 
     var ActionComponent = /** @class */ (function () {
         function ActionComponent() {
@@ -36,7 +40,7 @@
         Object.defineProperty(ActionComponent.prototype, "visible", {
             get: function () {
                 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();
             },
             enumerable: false,
             configurable: true
@@ -44,7 +48,7 @@
         Object.defineProperty(ActionComponent.prototype, "disabled", {
             get: function () {
                 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));
             },
             enumerable: false,
             configurable: true
@@ -61,7 +65,7 @@
         action: [{ type: core.Input }],
         busy: [{ type: core.Input }],
         relatedField: [{ type: core.Input }],
-        currentState: [{ type: core.Input }],
+        state: [{ type: core.Input }],
         style: [{ type: core.Input }],
         showLabel: [{ type: core.Input }]
     };
@@ -390,50 +394,52 @@
         }
         FieldComponent.prototype.ngOnInit = function () {
             var _this = this;
-            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
                 var mapping = Object.entries(this.formConfig.componentFieldAttrMap);
                 for (var index = 0; index < mapping.length; index++) {
-                    var _c = __read(mapping[index], 2), fieldAttr = _c[0], compAttr1 = _c[1];
+                    var _d = __read(mapping[index], 2), fieldAttr1 = _d[0], compAttr1 = _d[1];
                     var compAttr = compAttr1.toString();
-                    if (compAttr === VALUE) {
-                        this.updateValue();
-                    }
-                    else {
-                        this[compAttr] = (_b = this.field) === null || _b === void 0 ? void 0 : _b[fieldAttr.toString()];
-                    }
+                    var 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(function (event) {
                     var fieldAttr = event.name, value = event.value;
                     var compAttr = _this.formConfig.componentFieldAttrMap[fieldAttr];
-                    if (compAttr === VALUE) {
-                        _this.updateValue();
-                    }
-                    else {
-                        _this[compAttr] = value;
-                    }
+                    _this.dafaultProcessFieldChange(compAttr, value);
+                    _this.processFieldChange(compAttr, value);
                 });
             }
             this.start();
         };
+        FieldComponent.prototype.dafaultProcessFieldChange = function (attribute, value) {
+            if (attribute === VALUE) {
+                this.updateValue();
+            }
+            else {
+                this[attribute] = value;
+            }
+        };
+        FieldComponent.prototype.processFieldChange = function (attribute, value) { };
         FieldComponent.prototype.start = function () { };
         FieldComponent.prototype.focus = function () { };
         FieldComponent.prototype.updateObject = function () {
-            this.field._fieldValue = this.value;
+            this.field.setValue(this.value);
         };
         FieldComponent.prototype.inputChanged = function () {
-            this.field._fieldValue = this.value;
+            this.field.setValue(this.value);
             this.onChangeContent();
         };
         FieldComponent.prototype.inputTyped = function () {
-            this.field._fieldValue = this.value;
+            this.field.setValue(this.value);
             this.onInputChange();
         };
         FieldComponent.prototype.updateValue = function () {
-            this.value = this.field._fieldValue;
+            this.value = this.field.getValue();
         };
         FieldComponent.prototype.onInputChange = function () {
             var _this = this;
@@ -454,7 +460,7 @@
         Object.defineProperty(FieldComponent.prototype, "visible", {
             get: function () {
                 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);
             },
             enumerable: false,
             configurable: true
@@ -462,7 +468,7 @@
         Object.defineProperty(FieldComponent.prototype, "disabled", {
             get: function () {
                 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));
             },
             enumerable: false,
             configurable: true
@@ -477,7 +483,7 @@
     ];
     FieldComponent.propDecorators = {
         field: [{ type: core.Input }],
-        currentState: [{ type: core.Input }]
+        state: [{ type: core.Input }]
     };
 
     var ElementComponent = /** @class */ (function () {
@@ -492,7 +498,7 @@
         Object.defineProperty(ElementComponent.prototype, "visible", {
             get: function () {
                 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);
             },
             enumerable: false,
             configurable: true
@@ -500,7 +506,7 @@
         Object.defineProperty(ElementComponent.prototype, "disabled", {
             get: function () {
                 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));
             },
             enumerable: false,
             configurable: true
@@ -516,7 +522,7 @@
     ElementComponent.propDecorators = {
         element: [{ type: core.Input }],
         form: [{ type: core.Input }],
-        currentState: [{ type: core.Input }]
+        state: [{ type: core.Input }]
     };
 
     var FormErrorComponent = /** @class */ (function () {
@@ -1638,7 +1644,7 @@
         table: [{ type: core.Input }],
         tableRecords: [{ type: core.Input }],
         disabled: [{ type: core.Input }],
-        currentState: [{ type: core.Input }],
+        state: [{ type: core.Input }],
         waiting: [{ type: core.Input }]
     };
 
@@ -1691,7 +1697,7 @@
     var BIG_MAX_LENGTH = 500;
     var fldAttr = {
         validateOnServer: 'validateOnServer',
-        value: '_fieldValue',
+        value: '_value',
         minValue: '_minValue',
         maxValue: '_maxValue',
         maxLength: '_maxLength',
@@ -1869,7 +1875,6 @@
         FieldDescriptor.prototype.hideLabel = function () { this.setVisibleLabel(false); };
         FieldDescriptor.prototype.setChanged = function (hasChanged) { this.setAttr(fldAttr.hasChanged, hasChanged); };
         FieldDescriptor.prototype.changed = function () { this.setChanged(true); };
-        FieldDescriptor.prototype.getRawValue = function () { return this._fieldValue; };
         FieldDescriptor.prototype.setLabel = function (label) { this.setAttr(fldAttr.title, label); };
         FieldDescriptor.prototype.clean = function () { this.setValue(this.defaultValue || ''); this.resetError(); };
         Object.defineProperty(FieldDescriptor.prototype, "backend", {
@@ -1918,22 +1923,11 @@
             return fieldCurrentValue === '';
         };
         FieldDescriptor.prototype.getValue = function () {
-            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__default['default'](this._value);
             }
+            return this._value;
         };
         FieldDescriptor.prototype.updateFromServer = function (fld) {
             var _a;
@@ -1960,40 +1954,26 @@
         FieldDescriptor.prototype.setFieldType = function (inputFieldType) {
             this.setAttr(fldAttr.type, inputFieldType);
         };
-        FieldDescriptor.prototype.setMinValue = function (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 {
-                    var minDate = new Date(minValue);
-                    (_c = this.widget) === null || _c === void 0 ? void 0 : _c.setMinValue(minDate);
-                }
+        FieldDescriptor.prototype.setMinValue = function (inputMinValue) {
+            var minValue = inputMinValue;
+            if (this.fieldType === this._formConfig.fieldTypes.date) {
+                minValue = new Date(minValue);
             }
+            this.setAttr(fldAttr.minValue, minValue);
         };
-        FieldDescriptor.prototype.setMaxValue = function (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 {
-                    var maxDate = new Date(maxValue);
-                    (_c = this.widget) === null || _c === void 0 ? void 0 : _c.setMaxValue(maxDate);
-                }
+        FieldDescriptor.prototype.setMaxValue = function (inputMaxValue) {
+            var maxValue = inputMaxValue;
+            if (this.fieldType === this._formConfig.fieldTypes.date) {
+                maxValue = new Date(maxValue);
             }
+            this.setAttr(fldAttr.maxValue, maxValue);
         };
         FieldDescriptor.prototype.getFieldOptions = function () {
             return JSON.parse(JSON.stringify(this.fieldOptions));
         };
         FieldDescriptor.prototype.setFieldOptions = function (newOptions) {
             var _this = this;
-            var _a, _b, _c, _d;
+            var _a;
             if ((this.captureType !== 'LIST' && this.captureType !== 'RADIO')
                 || typeof newOptions === UNDEFINED || !newOptions
                 || !Array.isArray(newOptions)) {
@@ -2009,17 +1989,14 @@
             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)) {
-                    var fieldValue = (_b = this._fieldValue) === null || _b === void 0 ? void 0 : _b.filter(function (item) { return _this.fieldOptions.find(function (opt) { return opt.fieldOptionId === item; }); });
+            if (this._value) {
+                if (this.fieldType === this._formConfig.fieldTypes.array && Array.isArray(this._value)) {
+                    var fieldValue = (_a = this._value) === null || _a === void 0 ? void 0 : _a.filter(function (item) { return _this.fieldOptions.find(function (opt) { return opt.fieldOptionId === item; }); });
                     this.setAttr(fldAttr.value, fieldValue);
                 }
                 else {
                     var valInOptions = this.fieldOptions
-                        .find(function (item) { return item.fieldOptionId === _this._fieldValue; });
+                        .find(function (item) { return item.fieldOptionId === _this._value; });
                     if (!valInOptions) {
                         this.setValue('');
                     }
@@ -2027,57 +2004,41 @@
             }
             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();
-                }
             }
         };
         FieldDescriptor.prototype.setValue = function (newValue, widgetUpdate) {
             if (widgetUpdate === void 0) { widgetUpdate = true; }
-            var _a;
             if (typeof newValue === UNDEFINED || newValue === null) {
                 return true;
             }
             var 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) {
-                        var latitude = parseFloat(newFinalValue[0]);
-                        var 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__default['default'](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._fieldValue !== newFinalValue) {
+            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;
         };
@@ -3406,7 +3367,7 @@
             configurable: true
         });
         Object.defineProperty(BasicFormComponent.prototype, "state", {
-            get: function () { return this.getCurrentState(); },
+            get: function () { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.state; },
             enumerable: false,
             configurable: true
         });
@@ -3416,11 +3377,6 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(BasicFormComponent.prototype, "currentMode", {
-            get: function () { return this.currentState; },
-            enumerable: false,
-            configurable: true
-        });
         Object.defineProperty(BasicFormComponent.prototype, "immutableData", {
             get: function () { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.immutableData; },
             enumerable: false,
@@ -3505,7 +3461,7 @@
             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 : {};
             }