tuain-ng-forms-lib 12.0.32 → 12.0.38

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() {
@@ -384,7 +388,8 @@
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
-    var VALUE = '';
+    var VALUE = 'value';
+    var FOCUS = 'focus';
     var FieldComponent = /** @class */ (function () {
         function FieldComponent() {
         }
@@ -396,44 +401,50 @@
                 // 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 _c = __read(mapping[index], 2), fieldAttr1 = _c[0], compAttr1 = _c[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();
+                    var 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(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 if (attribute === FOCUS) {
+                this.focus();
+            }
+            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;
@@ -656,7 +667,6 @@
             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 : {};
         }
         FormElement.prototype.getCustomAttribute = function (name) { var _a, _b; return (_b = (_a = this.customAttributes) === null || _a === void 0 ? void 0 : _a[name]) !== null && _b !== void 0 ? _b : null; };
@@ -1519,7 +1529,6 @@
                 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);
@@ -1691,11 +1700,12 @@
     var BIG_MAX_LENGTH = 500;
     var fldAttr = {
         validateOnServer: 'validateOnServer',
-        value: '_fieldValue',
+        value: '_value',
         minValue: '_minValue',
         maxValue: '_maxValue',
         maxLength: '_maxLength',
         onValidation: '_onValidation',
+        focus: 'focus',
         intrinsicErrorMessage: '_intrinsicErrorMessage',
         code: 'fieldCode',
         info: 'fieldInfo',
@@ -1799,6 +1809,7 @@
             enumerable: false,
             configurable: true
         });
+        FieldDescriptor.prototype.focus = function () { this.setAttr(fldAttr.focus, true); };
         FieldDescriptor.prototype.setIntrinsicErrorMessage = function (message) { this.setAttr(fldAttr.intrinsicErrorMessage, message); };
         Object.defineProperty(FieldDescriptor.prototype, "intrinsicErrorMessage", {
             set: function (message) { this.setIntrinsicErrorMessage(message); },
@@ -1869,7 +1880,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 +1928,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 +1959,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 +1994,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 +2009,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;
         };
@@ -4934,11 +4900,8 @@
                     for (var requiredEmptyFields_1 = __values(requiredEmptyFields), requiredEmptyFields_1_1 = requiredEmptyFields_1.next(); !requiredEmptyFields_1_1.done; requiredEmptyFields_1_1 = requiredEmptyFields_1.next()) {
                         var fieldCode = requiredEmptyFields_1_1.value;
                         var 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;
                     }
                 }
                 catch (e_21_1) { e_21 = { error: e_21_1 }; }
@@ -4957,11 +4920,8 @@
                     for (var validationIssueFields_1 = __values(validationIssueFields), validationIssueFields_1_1 = validationIssueFields_1.next(); !validationIssueFields_1_1.done; validationIssueFields_1_1 = validationIssueFields_1.next()) {
                         var fieldCode = validationIssueFields_1_1.value;
                         var validationIssueField = this.getField(fieldCode);
-                        if (validationIssueField && validationIssueField.widget
-                            && validationIssueField.widget.focus) {
-                            validationIssueField.widget.focus();
-                            break;
-                        }
+                        validationIssueField.focus();
+                        break;
                     }
                 }
                 catch (e_22_1) { e_22 = { error: e_22_1 }; }