tuain-ng-forms-lib 0.12.20 → 0.12.30

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

@@ -146,12 +146,41 @@
         ]
     };
 
+    var MONITORED_ATTRIBUTES$1 = {
+        _maxLength: 'maxLength',
+        _onValidation: '_onValidation',
+        _fieldValue: 'value',
+        captureType: 'captureType',
+        fieldTitle: 'fieldTitle',
+        fieldType: 'fieldType',
+        errorMessage: 'errorMessage',
+        errorType: 'errorType',
+        errorCode: 'errorCode',
+        visibleLabel: 'visibleLabel',
+        fieldRequired: 'fieldRequired',
+        fieldOptions: 'fieldOptions',
+    };
     var FieldComponent = /** @class */ (function () {
         function FieldComponent() {
             this.componentConstants = Object.assign({}, componentConstants);
         }
         FieldComponent.prototype.ngOnInit = function () {
-            this.fieldObject.widget = this;
+            var _this = this;
+            if (this.fieldObject) {
+                // Atributos estáticos
+                this.fieldCode = this.fieldObject.fieldCode;
+                this.fieldInfo = this.fieldObject.fieldInfo;
+                this.fieldAlignment = this.fieldObject.fieldAlignment;
+                this.tooltipText = this.fieldObject.tooltipText;
+                this.fieldObject.widget = this;
+                // Atributos dinámicos
+                this.fieldObject.attributeChange.subscribe(function (event) {
+                    var name = event.name, value = event.value;
+                    if (_this[MONITORED_ATTRIBUTES$1[name]]) {
+                        _this[MONITORED_ATTRIBUTES$1[name]] = value;
+                    }
+                });
+            }
             this.start();
         };
         FieldComponent.prototype.start = function () { };
@@ -657,9 +686,9 @@
             this.setVisibility((_b = elementDefinition === null || elementDefinition === void 0 ? void 0 : elementDefinition.visible) !== null && _b !== void 0 ? _b : true);
             this.widget = null;
         }
-        FormElement.prototype.isField = function () { return this.type === componentConstants.ELEMENTTYPE_FIELD; };
-        FormElement.prototype.isAction = function () { return this.type === componentConstants.ELEMENTTYPE_ACTION; };
-        FormElement.prototype.isTable = function () { return this.type === componentConstants.ELEMENTTYPE_TABLE; };
+        FormElement.prototype.isField = function () { return this.elementType === componentConstants.ELEMENTTYPE_FIELD; };
+        FormElement.prototype.isAction = function () { return this.elementType === componentConstants.ELEMENTTYPE_ACTION; };
+        FormElement.prototype.isTable = function () { return this.elementType === componentConstants.ELEMENTTYPE_TABLE; };
         FormElement.prototype.setVisibleStates = function (newStates) {
             var visibleStates = (!Array.isArray(newStates) && typeof newStates === 'string')
                 ? newStates.split(',').map(function (state) { return state.trim(); }).filter(function (state) { return state.length > 0; })
@@ -986,7 +1015,7 @@
             _this._tableColumnObj = {};
             _this._actionsObj = {};
             _this.allSelected = false;
-            _this.type = componentConstants.ELEMENTTYPE_TABLE;
+            _this.elementType = componentConstants.ELEMENTTYPE_TABLE;
             _this.waiting = false;
             _this.complexFilter = false;
             _this.currentPage = 1;
@@ -1679,7 +1708,7 @@
                                 break;
                         }
                         if (elementObject) {
-                            elementObject.type = type;
+                            elementObject.elementType = type;
                             arrayToAdd.push(elementObject);
                             this.subSectionElements.push(elementObject);
                             this.elementsArray[code] = elementObject;
@@ -1889,7 +1918,7 @@
             _this = _super.call(this, actionDefinition) || this;
             _this._actionActivated = new rxjs.Subject();
             _this.inProgress = false;
-            _this.type = componentConstants.ELEMENTTYPE_ACTION;
+            _this.elementType = componentConstants.ELEMENTTYPE_ACTION;
             _this.actionCode = actionDefinition.actionCode ? actionDefinition.actionCode.toString() : '';
             _this.actionName = actionDefinition.actionTitle;
             _this.iconName = actionDefinition.iconName || _this.actionCode;
@@ -1937,42 +1966,120 @@
     var FIELD_TOOLTIP = 'tooltipText';
     var FIELD_INFO = 'info';
     var FIELD_EDITABLE = 'editable';
+    var FIELD_TYPES = {
+        boolean: 'BOOLEAN',
+        array: 'ARRAY',
+        check: 'CHECK',
+        date: 'DATE',
+        daterange: 'DATERANGE',
+        time: 'TIME',
+        timerange: 'TIMERANGE',
+        map: 'MAP',
+        number: 'NUMBER',
+        decimal: 'DECIMAL',
+        currency: 'CURRENCY',
+        select: 'SELECT',
+        typeahead: 'TYPEAHEAD',
+        text: 'TEXT',
+        password: 'PASSWORD',
+        label: 'LABEL',
+        html: 'HTML',
+        title: 'TITLE',
+        message: 'MESSAGE',
+        link: 'LINK',
+        warning: 'WARNING',
+        avatar: 'AVATAR',
+        email: 'EMAIL',
+        phone: 'PHONE',
+    };
+    var FIELD_TYPES_FORMATS = {
+        EMAIL: new RegExp('^\\w+([\\.-]?\\w+)@\\w+([\\.-]?\\w+)(\\.\\w{2,3})+$'),
+    };
+    var INTRINSIC_ERROR_MESSAGES = {
+        EMAIL: "El valor no corresponde a un correo v\u00E1lido",
+        DEFAULT: "El valor no se ajusta al formato establecido",
+    };
+    var DEFAULT_ERROR_TYPE = 'error';
+    var DEFAULT_CAPTURE_TYPE = 'INPUT';
+    var DEFAULT_ALIGNMENT = 'left';
+    var MONITORED_ATTRIBUTES = ['_maxLength', '_onValidation', 'captureType', 'fieldTitle', 'fieldType',
+        'errorMessage', 'errorType', 'errorCode', 'visibleLabel', 'fieldRequired', 'fieldOptions', '_fieldValue'];
     var STD_MAX_LENGTH = 50;
     var BIG_MAX_LENGTH = 500;
+    var fldAttr = {
+        validateOnServer: 'validateOnServer',
+        value: '_fieldValue',
+        minValue: '_minValue',
+        maxValue: '_maxValue',
+        maxLength: '_maxLength',
+        onValidation: '_onValidation',
+        intrinsicErrorMessage: '_intrinsicErrorMessage',
+        code: 'fieldCode',
+        info: 'fieldInfo',
+        defaultValue: 'defaultValue',
+        defaultEditable: 'defaultEditable',
+        customAttributes: 'customAttributes',
+        visibleLabel: 'visibleLabel',
+        required: 'fieldRequired',
+        hasChanged: 'hasChanged',
+        outputOnly: 'outputOnly',
+        captureType: 'captureType',
+        title: 'fieldTitle',
+        type: 'fieldType',
+        alignment: 'fieldAlignment',
+        format: 'fieldFormat',
+        externalValue: 'externalValue',
+        tooltipText: 'tooltipText',
+        errorType: 'errorType',
+        errorCode: 'errorCode',
+        errorMessage: 'errorMessage',
+        options: 'fieldOptions',
+    };
     var FieldDescriptor = /** @class */ (function (_super) {
         __extends(FieldDescriptor, _super);
         function FieldDescriptor(inputFieldReceived) {
             var _this = this;
-            var _a, _b, _c, _d, _e, _f, _g;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
             _this = _super.call(this, inputFieldReceived) || this;
             _this._editionFinish = new rxjs.Subject();
             _this._editionPartial = new rxjs.Subject();
             _this._detailRequest = new rxjs.Subject();
-            _this.type = componentConstants.ELEMENTTYPE_FIELD;
-            var fieldReceived = (inputFieldReceived) ? inputFieldReceived : {};
-            _this.setEditable((_a = fieldReceived === null || fieldReceived === void 0 ? void 0 : fieldReceived.editable) !== null && _a !== void 0 ? _a : true);
-            _this.fieldCode = fieldReceived.fieldCode;
-            _this.fieldTitle = fieldReceived.fieldTitle || _this.fieldCode;
-            _this.captureType = fieldReceived.captureType || 'INPUT';
-            _this.setFieldType(fieldReceived.fieldTypeCode);
-            _this.defaultValue = fieldReceived.defaultValue || null;
-            _this._maxLength = (_b = fieldReceived.maxLength) !== null && _b !== void 0 ? _b : (_this.captureType === 'TEXTAREA' ? BIG_MAX_LENGTH : STD_MAX_LENGTH);
-            _this.setValue(fieldReceived.fieldValue || _this.defaultValue || '');
-            var defaultTypeAlignment = (tableFieldStyles[_this.fieldType] != null) ? tableFieldStyles[_this.fieldType]['text-align'] : 'left';
-            _this.fieldAlignment = (fieldReceived.alignment != null) ? fieldReceived.alignment.toLowerCase() : defaultTypeAlignment;
-            _this.fieldInfo = fieldReceived.info || '';
-            _this.fieldFormat = fieldReceived.format || '';
-            _this.validateOnServer = (_c = fieldReceived === null || fieldReceived === void 0 ? void 0 : fieldReceived.serverAction) !== null && _c !== void 0 ? _c : false;
-            _this.customAttributes = (_d = fieldReceived === null || fieldReceived === void 0 ? void 0 : fieldReceived.customAttributes) !== null && _d !== void 0 ? _d : null;
-            _this.setVisibility(fieldReceived.visible);
-            _this.visibleLabel = (_e = fieldReceived === null || fieldReceived === void 0 ? void 0 : fieldReceived.visibleLabel) !== null && _e !== void 0 ? _e : true;
-            _this.tooltipText = fieldReceived.tooltip || '';
-            _this.defaultEditable = _this.enabled;
-            _this.fieldRequired = (_f = fieldReceived === null || fieldReceived === void 0 ? void 0 : fieldReceived.required) !== null && _f !== void 0 ? _f : false;
-            _this.errorMessage = fieldReceived.errorMessage || '';
-            _this.errorCode = fieldReceived.errorCode || '00';
-            _this.outputOnly = (_g = fieldReceived === null || fieldReceived === void 0 ? void 0 : fieldReceived.outputOnly) !== null && _g !== void 0 ? _g : false;
-            _this.setFieldOptions(fieldReceived.fieldOptions);
+            _this._attributeChange = new rxjs.Subject();
+            _this.elementType = componentConstants.ELEMENTTYPE_FIELD;
+            var fld = (inputFieldReceived) ? inputFieldReceived : {};
+            _this.setAttr(fldAttr.code, fld.fieldCode);
+            _this.setAttr(fldAttr.title, (_a = fld.fieldTitle) !== null && _a !== void 0 ? _a : _this.fieldCode);
+            _this.setAttr(fldAttr.captureType, (_b = fld.captureType) !== null && _b !== void 0 ? _b : DEFAULT_CAPTURE_TYPE);
+            _this.setAttr(fldAttr.defaultValue, (_c = fld.defaultValue) !== null && _c !== void 0 ? _c : null);
+            var defaultTypeAlignment = (tableFieldStyles[_this.fieldType] != null)
+                ? tableFieldStyles[_this.fieldType]['text-align'] : DEFAULT_ALIGNMENT;
+            var fieldAlignment = (fld.alignment != null) ? fld.alignment.toLowerCase() : defaultTypeAlignment;
+            _this.setAttr(fldAttr.alignment, fieldAlignment);
+            _this.setAttr(fldAttr.info, fld.info || '');
+            var fieldFormat;
+            try {
+                fieldFormat = (fld.format) ? new RegExp(fld.format) : null;
+            }
+            catch (e) {
+                fieldFormat = null;
+            }
+            _this.setAttr(fldAttr.format, fieldFormat);
+            _this.setAttr(fldAttr.validateOnServer, (_d = fld.serverAction) !== null && _d !== void 0 ? _d : false);
+            _this.setAttr(fldAttr.customAttributes, (_e = fld.customAttributes) !== null && _e !== void 0 ? _e : {});
+            _this.setAttr(fldAttr.tooltipText, fld.tooltip || '');
+            _this.setAttr(fldAttr.defaultEditable, _this.enabled);
+            _this.setAttr(fldAttr.required, (_f = fld.required) !== null && _f !== void 0 ? _f : false);
+            _this.setError(fld.errorCode, fld.errorMessage, (_g = fld.errorType) !== null && _g !== void 0 ? _g : DEFAULT_ERROR_TYPE);
+            _this.setAttr(fldAttr.outputOnly, (_h = fld.outputOnly) !== null && _h !== void 0 ? _h : false);
+            var maxLength = (_j = fld.maxLength) !== null && _j !== void 0 ? _j : (_this.captureType === 'TEXTAREA' ? BIG_MAX_LENGTH : STD_MAX_LENGTH);
+            _this.setAttr(fldAttr.maxLength, maxLength);
+            _this.setAttr(fldAttr.intrinsicErrorMessage, (_k = INTRINSIC_ERROR_MESSAGES[_this.fieldType]) !== null && _k !== void 0 ? _k : INTRINSIC_ERROR_MESSAGES.DEFAULT);
+            _this.setFieldType(fld.fieldTypeCode);
+            _this.setEditable((_l = fld.editable) !== null && _l !== void 0 ? _l : true);
+            _this.setVisibleLabel((_m = fld.visibleLabel) !== null && _m !== void 0 ? _m : true);
+            _this.setVisibility(fld.visible);
+            _this.setFieldOptions(fld.fieldOptions);
+            _this.setValue(fld.fieldValue || _this.defaultValue || '');
             return _this;
         }
         Object.defineProperty(FieldDescriptor.prototype, "name", {
@@ -1985,6 +2092,11 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(FieldDescriptor.prototype, "attributeChange", {
+            get: function () { return this._attributeChange; },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(FieldDescriptor.prototype, "editionPartial", {
             get: function () { return this._editionPartial; },
             enumerable: false,
@@ -1995,6 +2107,18 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(FieldDescriptor.prototype, "validating", {
+            get: function () { return this._onValidation; },
+            set: function (isValidating) { this.setAttr(fldAttr.onValidation, isValidating); },
+            enumerable: false,
+            configurable: true
+        });
+        FieldDescriptor.prototype.setIntrinsicErrorMessage = function (message) { this.setAttr(fldAttr.intrinsicErrorMessage, message); };
+        Object.defineProperty(FieldDescriptor.prototype, "intrinsicErrorMessage", {
+            set: function (message) { this.setIntrinsicErrorMessage(message); },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(FieldDescriptor.prototype, "fieldValue", {
             get: function () { return this.getValue(); },
             enumerable: false,
@@ -2002,7 +2126,7 @@
         });
         Object.defineProperty(FieldDescriptor.prototype, "required", {
             get: function () { return this.fieldRequired; },
-            set: function (required) { this.fieldRequired = required !== null && required !== void 0 ? required : false; },
+            set: function (required) { this.setAttr(fldAttr.required, required !== null && required !== void 0 ? required : false); },
             enumerable: false,
             configurable: true
         });
@@ -2010,10 +2134,10 @@
             get: function () { return (this._maxLength > 0) ? this._maxLength.toString() : ''; },
             set: function (requiredMaxLength) {
                 if (typeof requiredMaxLength === 'string') {
-                    this._maxLength = parseInt(requiredMaxLength, 10);
+                    this.setAttr(fldAttr.maxLength, parseInt(requiredMaxLength, 10));
                 }
                 else if (typeof requiredMaxLength === 'number') {
-                    this._maxLength = requiredMaxLength;
+                    this.setAttr(fldAttr.maxLength, requiredMaxLength);
                 }
             },
             enumerable: false,
@@ -2025,30 +2149,82 @@
             enumerable: false,
             configurable: true
         });
-        FieldDescriptor.prototype.notifyEditionPartial = function () { this._editionPartial.next(this.fieldCode); };
-        FieldDescriptor.prototype.notifyEditionFinish = function () { this._editionFinish.next(this.fieldCode); };
-        FieldDescriptor.prototype.notifyEditionDetailRequest = function () { this._detailRequest.next(this.fieldCode); };
-        FieldDescriptor.prototype.showLabel = function () { this.visibleLabel = true; };
-        FieldDescriptor.prototype.hideLabel = function () { this.visibleLabel = false; };
-        FieldDescriptor.prototype.changed = function () { this.hasChanged = true; };
+        FieldDescriptor.prototype.notifyEditionPartial = function () {
+            var intrinsicValidation = true;
+            this._editionPartial.next({ code: this.fieldCode, intrinsicValidation: intrinsicValidation });
+        };
+        FieldDescriptor.prototype.notifyEditionFinish = function () {
+            var _a, _b, _c, _d;
+            var intrinsicValidation = true;
+            var fieldDefaultFormat = (_a = FIELD_TYPES_FORMATS === null || FIELD_TYPES_FORMATS === void 0 ? void 0 : FIELD_TYPES_FORMATS[this.fieldType]) !== null && _a !== void 0 ? _a : null;
+            var fieldValue = this.getValue();
+            if (fieldValue && (fieldDefaultFormat || this.fieldFormat)) {
+                intrinsicValidation = ((_b = fieldDefaultFormat === null || fieldDefaultFormat === void 0 ? void 0 : fieldDefaultFormat.test(fieldValue)) !== null && _b !== void 0 ? _b : true)
+                    && ((_d = (_c = this.fieldFormat) === null || _c === void 0 ? void 0 : _c.test(fieldValue)) !== null && _d !== void 0 ? _d : true);
+                if (!intrinsicValidation) {
+                    this.setError('99', this._intrinsicErrorMessage);
+                }
+            }
+            this._editionFinish.next({ code: this.fieldCode, intrinsicValidation: intrinsicValidation });
+        };
+        FieldDescriptor.prototype.setAttr = function (name, value) {
+            if (this[name]) {
+                this[name] = value;
+            }
+            if (MONITORED_ATTRIBUTES.includes(name)) {
+                this._attributeChange.next({ name: name, value: value });
+            }
+        };
+        FieldDescriptor.prototype.notifyEditionDetailRequest = function () {
+            this._detailRequest.next(this.fieldCode);
+        };
+        FieldDescriptor.prototype.setVisibleLabel = function (visibleLabel) { this.setAttr(fldAttr.visibleLabel, visibleLabel); };
+        FieldDescriptor.prototype.showLabel = function () { this.setVisibleLabel(true); };
+        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.fieldTitle = label; };
+        FieldDescriptor.prototype.setLabel = function (label) { this.setAttr(fldAttr.title, label); };
         FieldDescriptor.prototype.clean = function () { this.setValue(this.defaultValue || ''); };
         Object.defineProperty(FieldDescriptor.prototype, "backend", {
             get: function () { return this.validateOnServer; },
             enumerable: false,
             configurable: true
         });
-        FieldDescriptor.prototype.setVisibleLabel = function (visibleLabel) { this.visibleLabel = visibleLabel; };
         FieldDescriptor.prototype.setEditable = function (editable) {
             if (editable === void 0) { editable = true; }
             (editable) ? this.enable() : this.disable();
         };
-        FieldDescriptor.prototype.isEmpty = function () { return this.getValue() === '' || this.getValue() === undefined || this.getValue() === null; };
-        FieldDescriptor.prototype.getErrorCode = function () { return this.errorCode; };
-        FieldDescriptor.prototype.setErrorCode = function (code) { this.errorCode = code; };
-        FieldDescriptor.prototype.getErrorMessage = function () { return this.errorMessage; };
-        FieldDescriptor.prototype.setErrorMessage = function (msg) { this.errorMessage = msg; };
+        FieldDescriptor.prototype.hasError = function () { return this.errorCode !== '00'; };
+        FieldDescriptor.prototype.setError = function (code, message, type) {
+            if (type === void 0) { type = DEFAULT_ERROR_TYPE; }
+            this.setAttr(fldAttr.errorCode, code !== null && code !== void 0 ? code : '00');
+            this.setAttr(fldAttr.errorType, (this.errorCode === '00') ? '' : type);
+            this.setAttr(fldAttr.errorMessage, message !== null && message !== void 0 ? message : '');
+        };
+        FieldDescriptor.prototype.getError = function () { return { type: this.errorType, code: this.errorCode, message: this.errorMessage }; };
+        Object.defineProperty(FieldDescriptor.prototype, "error", {
+            get: function () { return this.getError(); },
+            set: function (errorObj) { var _a; this.setError(errorObj.code, errorObj.message, (_a = errorObj.type) !== null && _a !== void 0 ? _a : DEFAULT_ERROR_TYPE); },
+            enumerable: false,
+            configurable: true
+        });
+        FieldDescriptor.prototype.getErrorCode = function () { return this.getError().code; };
+        FieldDescriptor.prototype.setErrorCode = function (code) { this.setError(code, this.errorMessage); };
+        FieldDescriptor.prototype.getErrorMessage = function () { return this.getError().message; };
+        FieldDescriptor.prototype.setErrorMessage = function (msg) { this.setError(this.errorCode, msg); };
+        FieldDescriptor.prototype.isEmpty = function () {
+            var fieldCurrentValue = this.getValue();
+            if (fieldCurrentValue === undefined || fieldCurrentValue === null) {
+                return true;
+            }
+            if ((this.fieldType === FIELD_TYPES.array || this.fieldType === FIELD_TYPES.phone)
+                && Array.isArray(fieldCurrentValue) && fieldCurrentValue.length === 0) {
+                return true;
+            }
+            ;
+            return fieldCurrentValue === '';
+        };
         FieldDescriptor.prototype.getValue = function () {
             var _a;
             switch (this.fieldType) {
@@ -2065,68 +2241,39 @@
         };
         FieldDescriptor.prototype.updateFromServer = function (fld) {
             var _a;
-            if (FIELD_VISIBLE in fld) {
-                this.setVisibility(fld.visible);
-            }
-            if (FIELD_LABEL_VISIBLE in fld) {
-                this.setVisibleLabel(fld.visibleLabel);
-            }
-            if (FIELD_REQUIRED in fld) {
-                this.fieldRequired = (_a = fld.required) !== null && _a !== void 0 ? _a : false;
-            }
-            if (FIELD_ERR_CODE in fld) {
-                (this.errorCode = fld.errorCode);
-            }
-            if (FIELD_ERR_MSG in fld) {
-                (this.errorMessage = fld.errorMessage);
-            }
-            if (FIELD_TOOLTIP in fld) {
-                (this.tooltipText = fld.tooltip);
-            }
-            if (FIELD_INFO in fld) {
-                (this.fieldInfo = fld.info);
-            }
-            if (FIELD_EDITABLE in fld) {
-                this.setEditable(fld.editable);
-            }
-            if (FIELD_TITLE in fld) {
-                this.setLabel(fld.fieldTitle.toString());
-            }
-            if (FIELD_VALUE in fld) {
-                this.hasChanged = false;
-                this.setValue(fld.fieldValue);
-            }
-            if (FIELD_OPTIONS in fld) {
-                this.setFieldOptions(fld.fieldOptions);
-            }
-            if (FIELD_CAPTURE_TYPE in fld) {
-                this.captureType = fld.captureType || 'INPUT';
-            }
-            if (FIELD_TYPE in fld) {
-                this.setFieldType(fld.fieldTypeCode);
-            }
-            if (FIELD_MAX_LENGTH in fld) {
-                this.maxLength = fld.maxLength;
+            var fieldKeys = Object.keys(fld);
+            for (var index = 0; index < fieldKeys.length; index++) {
+                var attrName = fieldKeys[index];
+                var attrValue = fld[attrName];
+                (attrName === FIELD_VISIBLE) && this.setVisibility(attrValue);
+                (attrName === FIELD_LABEL_VISIBLE) && this.setVisibleLabel(fld.visibleLabel);
+                (attrName === FIELD_REQUIRED) && this.setAttr(fldAttr.required, (_a = fld.required) !== null && _a !== void 0 ? _a : false);
+                (attrName === FIELD_ERR_CODE) && this.setAttr(fldAttr.errorCode, fld.errorCode);
+                (attrName === FIELD_ERR_MSG) && this.setAttr(fldAttr.errorMessage, fld.errorMessage);
+                (attrName === FIELD_TOOLTIP) && this.setAttr(fldAttr.tooltipText, fld.tooltip);
+                (attrName === FIELD_INFO) && this.setAttr(fldAttr.info, fld.info);
+                (attrName === FIELD_EDITABLE) && this.setEditable(fld.editable);
+                (attrName === FIELD_TITLE) && this.setLabel(fld.fieldTitle.toString());
+                (attrName === FIELD_VALUE) && (this.setValue(fld._fieldValue) && this.setChanged(false));
+                (attrName === FIELD_OPTIONS) && this.setFieldOptions(fld.fieldOptions);
+                (attrName === FIELD_CAPTURE_TYPE) && this.setAttr(fldAttr.captureType, fld.captureType || 'INPUT');
+                (attrName === FIELD_TYPE) && this.setFieldType(fld.fieldTypeCode);
+                (attrName === FIELD_MAX_LENGTH) && this.setAttr(fldAttr.maxLength, fld.maxLength);
             }
         };
         FieldDescriptor.prototype.setFieldType = function (inputFieldType) {
-            this.fieldType = inputFieldType;
-            /**
-             *  Se elimina la validación de que sea un tipo conocido
-             *  this.fieldType = (inputFieldType && FIELDTYPES.includes(inputFieldType))
-             *   ? inputFieldType : componentConstants.FIELDTYPE_TEXT;
-             */
+            this.setAttr(fldAttr.type, inputFieldType);
         };
         FieldDescriptor.prototype.format = function () {
             if (this.fieldType === componentConstants.FIELDTYPE_CURRENCY) {
-                this._fieldValue = formatCurrency(this._fieldValue);
+                this.setAttr(fldAttr.value, formatCurrency(this._fieldValue));
             }
         };
         FieldDescriptor.prototype.setMinValue = function (minValue) {
             var _a, _b, _c;
             if (this.fieldType === componentConstants.FIELDTYPE_DATE
                 && ((_a = this.widget) === null || _a === void 0 ? void 0 : _a.setMinValue)) {
-                this._minValue = minValue;
+                this.setAttr(fldAttr.minValue, minValue);
                 if (!minValue) {
                     (_b = this.widget) === null || _b === void 0 ? void 0 : _b.setMinValue(false);
                 }
@@ -2140,7 +2287,7 @@
             var _a, _b, _c;
             if (this.fieldType === componentConstants.FIELDTYPE_DATE
                 && ((_a = this.widget) === null || _a === void 0 ? void 0 : _a.setMaxValue)) {
-                this._maxValue = maxValue;
+                this.setAttr(fldAttr.maxValue, maxValue);
                 if (!maxValue) {
                     (_b = this.widget) === null || _b === void 0 ? void 0 : _b.setMaxValue(false);
                 }
@@ -2168,14 +2315,16 @@
                 }
                 return Object.assign({}, option);
             });
-            this.fieldOptions = (fieldOptions && Array.isArray(fieldOptions)
+            fieldOptions = (fieldOptions && Array.isArray(fieldOptions)
                 && fieldOptions.length > 0) ? fieldOptions : [];
+            this.setAttr(fldAttr.options, fieldOptions);
             if (this.fieldType === componentConstants.FIELDTYPE_ARRAY && this.widget) {
                 return (_a = this.widget) === null || _a === void 0 ? void 0 : _a.refereshContent();
             }
             if (this._fieldValue) {
                 if (this.fieldType === componentConstants.FIELDTYPE_ARRAY && Array.isArray(this._fieldValue)) {
-                    this._fieldValue = (_b = this._fieldValue) === null || _b === void 0 ? void 0 : _b.filter(function (item) { return _this.fieldOptions.find(function (opt) { return opt.fieldOptionId === item; }); });
+                    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; }); });
+                    this.setAttr(fldAttr.value, fieldValue);
                 }
                 else {
                     var valInOptions = this.fieldOptions
@@ -2196,7 +2345,7 @@
             if (widgetUpdate === void 0) { widgetUpdate = true; }
             var _a;
             if (typeof newValue === UNDEFINED || newValue === null) {
-                return;
+                return true;
             }
             var newFinalValue;
             switch (this.fieldType) {
@@ -2236,9 +2385,10 @@
                     break;
             }
             if (this._fieldValue !== newFinalValue) {
-                this.hasChanged = true;
-                this._fieldValue = newFinalValue;
+                this.setChanged(true);
+                this.setAttr(fldAttr.value, newFinalValue);
             }
+            return true;
         };
         return FieldDescriptor;
     }(FormElement));
@@ -2721,6 +2871,15 @@
             var fieldObject = this.getFieldObject(fieldCode);
             return (fieldObject) ? fieldObject.setValue(fieldValue) : null;
         };
+        FormStructureAndData.prototype.setFieldError = function (code, message, type) {
+            if (type === void 0) { type = 'error'; }
+            var fieldObject = this.getFieldObject(code);
+            return (fieldObject) ? fieldObject.setError(code, message, type) : null;
+        };
+        FormStructureAndData.prototype.setFieldIntrinsicErrorMessage = function (code, message) {
+            var fieldObject = this.getFieldObject(code);
+            return (fieldObject) ? fieldObject.setIntrinsicErrorMessage(message) : null;
+        };
         FormStructureAndData.prototype.setFieldRequired = function (fieldCode, required) {
             var fieldObject = this.getFieldObject(fieldCode);
             return (fieldObject) ? fieldObject.required = required : null;
@@ -3223,6 +3382,11 @@
         BasicFormComponent.prototype.setFieldValue = function (fieldCode, fieldValue) { return this.formStructure.setFieldValue(fieldCode, fieldValue); };
         BasicFormComponent.prototype.setFieldRequired = function (fieldCode, required) { return this.formStructure.setFieldRequired(fieldCode, required); };
         BasicFormComponent.prototype.setFieldErrorMessage = function (fieldCode, errorMessage) { return this.formStructure.setFieldErrorMessage(fieldCode, errorMessage); };
+        BasicFormComponent.prototype.setFieldError = function (code, message, type) {
+            if (type === void 0) { type = 'error'; }
+            return this.formStructure.setFieldError(code, message, type);
+        };
+        BasicFormComponent.prototype.setFieldIntrinsicErrorMessage = function (code, message) { return this.formStructure.setFieldIntrinsicErrorMessage(code, message); };
         BasicFormComponent.prototype.setFieldOptions = function (fieldCode, optionsArray, idAttribute, nameAttribute) {
             return this.formStructure.setFieldOptions(fieldCode, optionsArray, idAttribute, nameAttribute);
         };
@@ -3441,8 +3605,14 @@
             var formFields = this.formStructure.getFields();
             if (Array.isArray(formFields)) {
                 formFields.forEach(function (field) {
-                    field.editionFinish.subscribe(function (code) { return _this.startFieldValidation(code); });
-                    field.editionPartial.subscribe(function (code) { return _this.startFieldInputValidation(code); });
+                    field.editionFinish.subscribe(function (event) {
+                        var code = event.code, intrinsicValidation = event.intrinsicValidation;
+                        _this.startFieldValidation(code, intrinsicValidation);
+                    });
+                    field.editionPartial.subscribe(function (event) {
+                        var code = event.code, intrinsicValidation = event.intrinsicValidation;
+                        _this.startFieldInputValidation(code, intrinsicValidation);
+                    });
                     field.detailRequest.subscribe(function (code) { return _this.showFieldInfo(code); });
                 });
             }
@@ -3909,7 +4079,8 @@
                 _this.fieldValidationsFinish[fieldCode].push(callbackMethod);
             });
         };
-        BasicFormComponent.prototype.startFieldInputValidation = function (fieldCode) {
+        BasicFormComponent.prototype.startFieldInputValidation = function (fieldCode, intrinsicValidation) {
+            if (intrinsicValidation === void 0) { intrinsicValidation = true; }
             return __awaiter(this, void 0, void 0, function () {
                 var fieldToValidate, validationCallbacks, clientValidationPromises, validationCallbacks_1, validationCallbacks_1_1, validationMethod, continueValidationPromise;
                 var e_10, _g;
@@ -3948,7 +4119,8 @@
                 });
             });
         };
-        BasicFormComponent.prototype.startFieldValidation = function (fieldCode) {
+        BasicFormComponent.prototype.startFieldValidation = function (fieldCode, intrinsicValidation) {
+            if (intrinsicValidation === void 0) { intrinsicValidation = true; }
             return __awaiter(this, void 0, void 0, function () {
                 var fieldToValidate, validationCallbacks, clientValidationPromises, validationCallbacks_2, validationCallbacks_2_1, validationMethod, clientValidationPromise, clientValidationResults, continueValidation;
                 var e_11, _g;
@@ -3956,7 +4128,7 @@
                     switch (_h.label) {
                         case 0:
                             fieldToValidate = this.getField(fieldCode);
-                            if (!fieldToValidate) {
+                            if (!fieldToValidate || !intrinsicValidation) {
                                 return [2 /*return*/];
                             }
                             fieldToValidate.setErrorMessage('');
@@ -4004,6 +4176,7 @@
                             finish = true;
                             validationResult = null;
                             if (!fieldObj.backend) return [3 /*break*/, 2];
+                            fieldObj.validating = true;
                             return [4 /*yield*/, this
                                     .requestFormAction(componentConstants.FORMACTION_VALIDATE, fieldObj.fieldCode)];
                         case 1:
@@ -4021,7 +4194,9 @@
                             fieldObj.setErrorMessage(this.errorMessage);
                             this.displayValidationServerError();
                             _g.label = 5;
-                        case 5: return [2 /*return*/];
+                        case 5:
+                            fieldObj.validating = false;
+                            return [2 /*return*/];
                     }
                 });
             });