tuain-ng-forms-lib 12.0.35 → 12.0.41

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

@@ -388,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() {
         }
@@ -400,29 +401,35 @@
                 // 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 () {
@@ -660,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; };
@@ -940,9 +946,9 @@
             _this._selectionActionTrigger = new rxjs.Subject();
             _this._getDataTrigger = new rxjs.Subject();
             _this._attributeChange = new rxjs.Subject();
-            _this.tableRecordObj = {};
             _this._tableColumnObj = {};
             _this._actionsObj = {};
+            _this.tableRecordObj = {};
             _this.allSelected = false;
             _this.elementType = elementTypes.table;
             _this.waiting = false;
@@ -1523,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);
@@ -1700,6 +1705,7 @@
         maxValue: '_maxValue',
         maxLength: '_maxLength',
         onValidation: '_onValidation',
+        focus: 'focus',
         intrinsicErrorMessage: '_intrinsicErrorMessage',
         code: 'fieldCode',
         info: 'fieldInfo',
@@ -1803,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); },
@@ -1857,6 +1864,14 @@
                     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: intrinsicValidation });
         };
         FieldDescriptor.prototype.setAttr = function (name, value) {
@@ -1927,6 +1942,11 @@
             }
             return this._value;
         };
+        FieldDescriptor.prototype.getOptionText = function () {
+            var _this = this;
+            var _a, _b;
+            (_b = (_a = this.fieldOptions.find(function (item) { return item.fieldOptionId === _this._value; })) === null || _a === void 0 ? void 0 : _a.fieldOptionValue) !== null && _b !== void 0 ? _b : null;
+        };
         FieldDescriptor.prototype.updateFromServer = function (fld) {
             var _a;
             var fieldKeys = Object.keys(fld);
@@ -1952,40 +1972,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)) {
@@ -2001,12 +2007,9 @@
             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)) {
-                    var fieldValue = (_b = this._value) === null || _b === void 0 ? void 0 : _b.filter(function (item) { return _this.fieldOptions.find(function (opt) { return opt.fieldOptionId === item; }); });
+                    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 {
@@ -2019,57 +2022,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._value !== newFinalValue) {
                 this.setChanged(true);
-                this.setAttr(fldAttr.value, newFinalValue);
+                if (widgetUpdate) {
+                    this.setAttr(fldAttr.value, newFinalValue);
+                }
+                else {
+                    this._value = newFinalValue;
+                }
             }
             return true;
         };
@@ -2576,6 +2563,7 @@
         FormStructureAndData.prototype.enableField = function (code) { var _a; (_a = this.getField(code)) === null || _a === void 0 ? void 0 : _a.enable(); };
         FormStructureAndData.prototype.disableField = function (code) { var _a; (_a = this.getField(code)) === null || _a === void 0 ? void 0 : _a.disable(); };
         FormStructureAndData.prototype.getFieldValue = function (code) { var _a; return (_a = this.getField(code)) === null || _a === void 0 ? void 0 : _a.getValue(); };
+        FormStructureAndData.prototype.getFieldOptionText = function (code) { var _a; return (_a = this.getField(code)) === null || _a === void 0 ? void 0 : _a.getOptionText(); };
         FormStructureAndData.prototype.getFieldOptions = function (code) { var _a; (_a = this.getField(code)) === null || _a === void 0 ? void 0 : _a.getFieldOptions(); };
         FormStructureAndData.prototype.setFieldValue = function (code, value) { var _a; (_a = this.getField(code)) === null || _a === void 0 ? void 0 : _a.setValue(value); };
         FormStructureAndData.prototype.setFieldError = function (code, message, type) {
@@ -3040,90 +3028,28 @@
             this.cleanStart();
             this.customPreProcessing();
         }
-        BasicFormComponent.prototype.getTitle = function () {
-            var _a;
-            return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getTitle();
-        };
-        BasicFormComponent.prototype.setTitle = function (title) {
-            var _a;
-            return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.setTitle(title);
-        };
-        BasicFormComponent.prototype.cleanData = function () {
-            var _a;
-            return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.cleanData();
-        };
-        BasicFormComponent.prototype.getCurrentState = function () {
-            var _a;
-            return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getCurrentState();
-        };
-        BasicFormComponent.prototype.supportState = function (state) {
-            var _a;
-            return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.supportState(state);
-        };
-        BasicFormComponent.prototype.changeState = function (state) {
-            var _a;
-            return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.changeState(state);
-        };
-        BasicFormComponent.prototype.getStates = function () {
-            var _a;
-            return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.states;
-        };
-        BasicFormComponent.prototype.getImmutableElement = function (name) {
-            var _a;
-            return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getImmutableElement(name);
-        };
-        BasicFormComponent.prototype.getExtraInfo = function (name) {
-            var _a;
-            return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getExtraInfo(name);
-        };
-        BasicFormComponent.prototype.getFields = function () {
-            var _a;
-            return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getFields();
-        };
-        BasicFormComponent.prototype.getFieldNames = function () {
-            var _a;
-            return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getFieldNames();
-        };
-        BasicFormComponent.prototype.getField = function (code) {
-            var _a;
-            return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getField(code);
-        };
-        BasicFormComponent.prototype.enableField = function (code) {
-            var _a;
-            return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.enableField(code);
-        };
-        BasicFormComponent.prototype.disableField = function (code) {
-            var _a;
-            return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.disableField(code);
-        };
-        BasicFormComponent.prototype.getFieldValue = function (code) {
-            var _a;
-            return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getFieldValue(code);
-        };
-        BasicFormComponent.prototype.getFieldsValues = function (codes) {
-            var _a;
-            return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getFieldsValues(codes);
-        };
-        BasicFormComponent.prototype.getFieldOptions = function (code) {
-            var _a;
-            return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getFieldOptions(code);
-        };
-        BasicFormComponent.prototype.setFieldValue = function (code, value) {
-            var _a;
-            return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.setFieldValue(code, value);
-        };
-        BasicFormComponent.prototype.setFieldRequired = function (code, required) {
-            var _a;
-            return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.setFieldRequired(code, required);
-        };
-        BasicFormComponent.prototype.setFieldErrorMessage = function (code, errorMessage) {
-            var _a;
-            return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.setFieldErrorMessage(code, errorMessage);
-        };
-        BasicFormComponent.prototype.setFieldError = function (code, message, type) {
-            var _a;
-            return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.setFieldError(code, message, type);
-        };
+        BasicFormComponent.prototype.getTitle = function () { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getTitle(); };
+        BasicFormComponent.prototype.setTitle = function (title) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.setTitle(title); };
+        BasicFormComponent.prototype.cleanData = function () { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.cleanData(); };
+        BasicFormComponent.prototype.getCurrentState = function () { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getCurrentState(); };
+        BasicFormComponent.prototype.supportState = function (state) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.supportState(state); };
+        BasicFormComponent.prototype.changeState = function (state) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.changeState(state); };
+        BasicFormComponent.prototype.getStates = function () { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.states; };
+        BasicFormComponent.prototype.getImmutableElement = function (name) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getImmutableElement(name); };
+        BasicFormComponent.prototype.getExtraInfo = function (name) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getExtraInfo(name); };
+        BasicFormComponent.prototype.getFields = function () { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getFields(); };
+        BasicFormComponent.prototype.getFieldNames = function () { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getFieldNames(); };
+        BasicFormComponent.prototype.getField = function (code) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getField(code); };
+        BasicFormComponent.prototype.enableField = function (code) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.enableField(code); };
+        BasicFormComponent.prototype.disableField = function (code) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.disableField(code); };
+        BasicFormComponent.prototype.getFieldValue = function (code) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getFieldValue(code); };
+        BasicFormComponent.prototype.getFieldOptionText = function (code) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getFieldOptionText(code); };
+        BasicFormComponent.prototype.getFieldsValues = function (codes) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getFieldsValues(codes); };
+        BasicFormComponent.prototype.getFieldOptions = function (code) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getFieldOptions(code); };
+        BasicFormComponent.prototype.setFieldValue = function (code, value) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.setFieldValue(code, value); };
+        BasicFormComponent.prototype.setFieldRequired = function (code, required) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.setFieldRequired(code, required); };
+        BasicFormComponent.prototype.setFieldErrorMessage = function (code, errorMessage) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.setFieldErrorMessage(code, errorMessage); };
+        BasicFormComponent.prototype.setFieldError = function (code, message, type) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.setFieldError(code, message, type); };
         BasicFormComponent.prototype.setFieldIntrinsicErrorMessage = function (code, message) {
             var _a;
             return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.setFieldIntrinsicErrorMessage(code, message);
@@ -4926,11 +4852,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 }; }
@@ -4949,11 +4872,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 }; }