tuain-ng-forms-lib 0.12.32 → 0.12.36

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

@@ -10,8 +10,6 @@
             this.showLabel = true;
         }
         ActionComponent.prototype.ngOnInit = function () {
-            var _a;
-            this.formConfig = (_a = this.actionObject) === null || _a === void 0 ? void 0 : _a._formConfig;
             this.start();
         };
         ActionComponent.prototype.start = function () { };
@@ -54,55 +52,106 @@
         showLabel: [{ type: core.Input }]
     };
 
-    var MONITORED_ATTRIBUTES = {
-        _maxLength: 'maxLength',
-        _onValidation: 'onValidation',
-        _fieldValue: 'value',
-        captureType: 'captureType',
-        fieldTitle: 'title',
-        fieldType: 'type',
-        errorMessage: 'errorMessage',
-        errorType: 'errorType',
-        errorCode: 'errorCode',
-        visibleLabel: 'visibleLabel',
-        fieldRequired: 'required',
-        fieldOptions: 'options',
+    var componentConstants = {
+        recordsPerPage: 10,
+        // Constantes para el despliegue de formularios
+        ELEMENTTYPE_ACTION: 'ACTION',
+        ELEMENTTYPE_FIELD: 'FIELD',
+        ELEMENTTYPE_TABLE: 'TABLE',
+        // Acciones de formularios
+        FORMACTION_TABLEACTION: 'TABLEACTION',
+        FORMACTION_GETDATA: 'GETDATA',
+        FORMACTION_GETTABLEDATA: 'GETTABLEDATA',
+        FORMACTION_VALIDATE: 'VALIDATE',
+        // Errores etándar de formularios
+        FORMERROR_VALIDATION_CODE: '13',
+        FORMERROR_TYPE_WARNING: 'WARNING',
+        FORMERROR_REQUIRED_FIELDS: 'Todos los campos requeridos deben ser diligenciados',
+        FORMERROR_VALIDATION_TITLE: 'Advertencia',
+        FORMERROR_VALIDATION_FIELDS: 'Existen campos con problemas de validación',
+        // Valores para los controles de navegació
+        FORMNAVIGATION_FIRST: 'first',
+        FORMNAVIGATION_PREVGROUP: 'prevgroup',
+        FORMNAVIGATION_NEXTGROUP: 'nextgroup',
+        FORMNAVIGATION_LAST: 'last',
+        FIELDTYPE_ARRAY: 'ARRAY',
+        FIELDTYPE_CHECK: 'CHECK',
+        FIELDTYPE_DATE: 'DATE',
+        FIELDTYPE_MAP: 'MAP',
+        FIELDTYPE_CURRENCY: 'CURRENCY',
+        FIELDTYPE_SELECT: 'SELECT',
+        FIELDTYPE_TEXT: 'TEXT',
+        FIELD_REQUIRED_MESSAGE: 'Campo requerido',
+        FORMTABLEACTION_SORT: 'SORT',
+        FORMTABLEACTION_REFRESH: 'REFRESH',
+        FORMTABLEACTION_NAVIGATE: 'NAVIGATE',
+        FORMTABLEACTION_INLINE: 'INLINE',
+        FORMTABLEACTION_GLOBAL: 'GLOBAL',
+        FORMTABLEACTION_ROWSELECTION: 'ROWSELECTION',
+        FORMTABLEACTION_SELECTION: 'SELECTION',
+        TABLE_SORT_ASCENDING: 'asc',
+        TABLE_SORT_DESCENDING: 'desc',
+        SERVICE_ERRORCODE_NOERROR: '00',
+    };
+    var operators = {
+        G: '>',
+        L: '<',
+        GE: '>=',
+        LE: '<=',
+        EQ: '==',
+        NOT_EQ: '!=',
+        CONTENT: 'Contiene',
+        NOT_CONTENT: 'No Contiene',
+        BETWEEN: 'Entre',
+    };
+    var tableFieldStyles = {
+        TEXT: {
+            'text-align': 'left'
+        },
+        TITLE: {
+            'text-align': 'left'
+        },
+        LABEL: {
+            'text-align': 'left'
+        },
+        MESSAGE: {
+            'text-align': 'left'
+        },
+        NUMBER: {
+            'text-align': 'right'
+        },
+        DATE: {
+            'text-align': 'right'
+        },
+        CHECK: {
+            'text-align': 'center'
+        },
+        ARRAY: {
+            'text-align': 'left'
+        },
+        SELECT: {
+            'text-align': 'left'
+        }
     };
+    var DEFAULT_STATE_FLOW = {
+        defaultState: 'CREATE',
+        states: ['CREATE', 'EDIT', 'VIEW'],
+        transitions: [
+            { name: 'VIEW1', origin: 'CREATE', destination: 'VIEW' },
+            { name: 'VIEW2', origin: 'EDIT', destination: 'VIEW' },
+            { name: 'EDIT1', origin: 'CREATE', destination: 'EDIT' },
+            { name: 'EDIT2', origin: 'VIEW', destination: 'EDIT' },
+            { name: 'CREATE1', origin: 'EDIT', destination: 'CREATE' },
+            { name: 'CREATE2', origin: 'VIEW', destination: 'CREATE' },
+        ]
+    };
+
     var FieldComponent = /** @class */ (function () {
         function FieldComponent() {
+            this.componentConstants = Object.assign({}, componentConstants);
         }
         FieldComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            var _a;
-            if (this.fieldObject) {
-                this.formConfig = (_a = this.fieldObject) === null || _a === void 0 ? void 0 : _a._formConfig;
-                // Atributos estáticos
-                this.code = this.fieldObject.fieldCode;
-                this.fieldInfo = this.fieldObject.fieldInfo;
-                this.fieldAlignment = this.fieldObject.fieldAlignment;
-                this.tooltipText = this.fieldObject.tooltipText;
-                // Cargue inicial
-                this.maxLength = this.fieldObject._maxLength;
-                this.onValidation = this.fieldObject._onValidation;
-                this.value = this.fieldObject._fieldValue;
-                this.captureType = this.fieldObject.captureType;
-                this.title = this.fieldObject.fieldTitle;
-                this.type = this.fieldObject.fieldType;
-                this.errorMessage = this.fieldObject.errorMessage;
-                this.errorType = this.fieldObject.errorType;
-                this.errorCode = this.fieldObject.errorCode;
-                this.visibleLabel = this.fieldObject.visibleLabel;
-                this.required = this.fieldObject.fieldRequired;
-                this.options = this.fieldObject.fieldOptions;
-                this.fieldObject.widget = this;
-                // Atributos dinámicos
-                this.fieldObject.attributeChange.subscribe(function (event) {
-                    var name = event.name, value = event.value;
-                    if (_this[MONITORED_ATTRIBUTES[name]]) {
-                        _this[MONITORED_ATTRIBUTES[name]] = value;
-                    }
-                });
-            }
+            this.fieldObject.widget = this;
             this.start();
         };
         FieldComponent.prototype.start = function () { };
@@ -131,6 +180,7 @@
                     template: "<ng-content></ng-content>"
                 },] }
     ];
+    FieldComponent.ctorParameters = function () { return []; };
     FieldComponent.propDecorators = {
         fieldObject: [{ type: core.Input }],
         disabled: [{ type: core.Input }]
@@ -138,10 +188,9 @@
 
     var ElementComponent = /** @class */ (function () {
         function ElementComponent() {
+            this.componentConstants = Object.assign({}, componentConstants);
         }
         ElementComponent.prototype.ngOnInit = function () {
-            var _a;
-            this.formConfig = (_a = this.formElement) === null || _a === void 0 ? void 0 : _a._formConfig;
             this.start();
         };
         ElementComponent.prototype.start = function () { };
@@ -171,6 +220,7 @@
                     template: "<ng-content></ng-content>"
                 },] }
     ];
+    ElementComponent.ctorParameters = function () { return []; };
     ElementComponent.propDecorators = {
         formElement: [{ type: core.Input }],
         formManager: [{ type: core.Input }]
@@ -596,33 +646,9 @@
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
-    var elementTypes = {
-        action: 'ACTION',
-        field: 'FIELD',
-        table: 'TABLE',
-    };
-    var formActions = {
-        tableAction: 'TABLEACTION',
-        getData: 'GETDATA',
-        getTableData: 'GETTABLEDATA',
-        validate: 'VALIDATE',
-    };
-    var operators = {
-        G: '>',
-        L: '<',
-        GE: '>=',
-        LE: '<=',
-        EQ: '==',
-        NOT_EQ: '!=',
-        CONTENT: 'Contiene',
-        NOT_CONTENT: 'No Contiene',
-        BETWEEN: 'Entre',
-    };
-
     var FormElement = /** @class */ (function () {
-        function FormElement(elementDefinition, formConfig) {
+        function FormElement(elementDefinition) {
             var _a, _b;
-            this._formConfig = formConfig;
             this._isForced = false;
             this.setVisibleStates(elementDefinition.visibleStates);
             this.setEnabledStates(elementDefinition.enabledStates);
@@ -631,9 +657,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.elementType === elementTypes.field; };
-        FormElement.prototype.isAction = function () { return this.elementType === elementTypes.action; };
-        FormElement.prototype.isTable = function () { return this.elementType === elementTypes.table; };
+        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.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; })
@@ -693,14 +719,13 @@
     }());
 
     var RecordTableColumn = /** @class */ (function () {
-        function RecordTableColumn(recTableColReceived, formConfig) {
+        function RecordTableColumn(recTableColReceived) {
             var _a, _b, _c;
-            this._formConfig = formConfig;
             if (recTableColReceived) {
                 this.fieldCode = recTableColReceived.fieldCode;
                 this.fieldTitle = recTableColReceived.fieldTitle;
-                this.fieldType = recTableColReceived.fieldTypeCode || this._formConfig.fieldTypes.text;
-                var defaultTypeAlignment = (this._formConfig.tableFieldStyles[this.fieldType] != null) ? this._formConfig.tableFieldStyles[this.fieldType]['text-align'] : 'left';
+                this.fieldType = recTableColReceived.fieldTypeCode || componentConstants.FIELDTYPE_TEXT;
+                var defaultTypeAlignment = (tableFieldStyles[this.fieldType] != null) ? tableFieldStyles[this.fieldType]['text-align'] : 'left';
                 this.fieldAlignment = (recTableColReceived.alignment != null) ? recTableColReceived.alignment.toLowerCase() : defaultTypeAlignment;
                 this.visible = (_a = recTableColReceived === null || recTableColReceived === void 0 ? void 0 : recTableColReceived.visible) !== null && _a !== void 0 ? _a : true;
                 this.sortable = (_b = recTableColReceived === null || recTableColReceived === void 0 ? void 0 : recTableColReceived.sortable) !== null && _b !== void 0 ? _b : false;
@@ -789,8 +814,6 @@
         return outputValue;
     }
 
-    var DATE_TYPE = 'DATE';
-    var CURRENCY_TYPE = 'CURRENCY';
     var TableRecordData = /** @class */ (function () {
         function TableRecordData(recordReceived, recordDefinition, selectionFieldName) {
             var _this = this;
@@ -827,10 +850,10 @@
             }
         }
         TableRecordData.prototype.formatFieldValue = function (fieldType, fieldValue) {
-            if (fieldType === CURRENCY_TYPE) {
+            if (fieldType === componentConstants.FIELDTYPE_CURRENCY) {
                 return formatCurrency(fieldValue);
             }
-            else if (fieldType === DATE_TYPE && fieldValue) {
+            else if (fieldType === componentConstants.FIELDTYPE_DATE && fieldValue) {
                 return new Date(fieldValue).toISOString().split('T')[0];
             }
             return fieldValue || '';
@@ -941,8 +964,6 @@
         return TableRecordData;
     }());
 
-    var TABLE_SORT_ASCENDING = 'asc';
-    var TABLE_SORT_DESCENDING = 'desc';
     var TABLE_FILTER_TYPES = {
         simpleFilterChange: 'SIMPLE_CHANGE',
         simpleFilterFinish: 'SIMPLE_FINISH',
@@ -951,11 +972,11 @@
     };
     var RecordTable = /** @class */ (function (_super) {
         __extends(RecordTable, _super);
-        function RecordTable(tableReceived, formConfig) {
+        function RecordTable(tableReceived) {
             var e_1, _h, e_2, _j, e_3, _k;
             var _this = this;
             var _a, _b, _c, _d, _e, _f, _g;
-            _this = _super.call(this, tableReceived, formConfig) || this;
+            _this = _super.call(this, tableReceived) || this;
             _this._inlineActionTrigger = new rxjs.Subject();
             _this._globalActionTrigger = new rxjs.Subject();
             _this._recordSelectionTrigger = new rxjs.Subject();
@@ -965,7 +986,7 @@
             _this._tableColumnObj = {};
             _this._actionsObj = {};
             _this.allSelected = false;
-            _this.elementType = elementTypes.table;
+            _this.type = componentConstants.ELEMENTTYPE_TABLE;
             _this.waiting = false;
             _this.complexFilter = false;
             _this.currentPage = 1;
@@ -988,12 +1009,12 @@
             _this.customAttributes = (_f = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.customAttributes) !== null && _f !== void 0 ? _f : {};
             _this.sortable = (_g = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.sortable) !== null && _g !== void 0 ? _g : false;
             _this.sorting = { columnName: '', direction: '' };
-            _this.recordsPerPage = formConfig.defaultRecordsPerPage;
+            _this.recordsPerPage = componentConstants.recordsPerPage;
             if (tableReceived.fields) {
                 try {
                     for (var _l = __values(tableReceived.fields), _m = _l.next(); !_m.done; _m = _l.next()) {
                         var columnReceived = _m.value;
-                        var columnDefinition = new RecordTableColumn(columnReceived, _this._formConfig);
+                        var columnDefinition = new RecordTableColumn(columnReceived);
                         _this.columns.push(columnDefinition);
                         _this._tableColumnObj[columnDefinition.fieldCode] = columnDefinition;
                     }
@@ -1253,7 +1274,7 @@
                 ? this._actionsObj[actionCode] : null;
         };
         RecordTable.prototype.getActions = function (actionClass, actionTypes) {
-            if (actionClass === void 0) { actionClass = this._formConfig.tableActions.inline; }
+            if (actionClass === void 0) { actionClass = componentConstants.FORMTABLEACTION_INLINE; }
             if (actionTypes === void 0) { actionTypes = null; }
             return this._actions.filter(function (actionDef) {
                 var typeIncluded = (actionTypes) ? actionTypes.includes(actionDef.actionType) : true;
@@ -1328,14 +1349,14 @@
         RecordTable.prototype.setRequiredOrder = function (columnField) {
             if (columnField !== this.sorting.columnName) {
                 this.sorting.columnName = columnField;
-                this.sorting.direction = TABLE_SORT_ASCENDING;
+                this.sorting.direction = componentConstants.TABLE_SORT_ASCENDING;
             }
             else {
-                if (this.sorting.direction === TABLE_SORT_ASCENDING) {
-                    this.sorting.direction = TABLE_SORT_DESCENDING;
+                if (this.sorting.direction === componentConstants.TABLE_SORT_ASCENDING) {
+                    this.sorting.direction = componentConstants.TABLE_SORT_DESCENDING;
                 }
                 else {
-                    this.sorting.direction = TABLE_SORT_ASCENDING;
+                    this.sorting.direction = componentConstants.TABLE_SORT_ASCENDING;
                 }
             }
         };
@@ -1357,7 +1378,7 @@
             else if (recordAColumn > recordBColumn) {
                 result = 1;
             }
-            return direction === TABLE_SORT_ASCENDING ? result : -result;
+            return direction === componentConstants.TABLE_SORT_ASCENDING ? result : -result;
         };
         return RecordTable;
     }(FormElement));
@@ -1520,15 +1541,13 @@
             this.hasActions = false;
         }
         LibTableComponent.prototype.ngOnInit = function () {
-            var _a;
-            this.formConfig = (_a = this.tableObject) === null || _a === void 0 ? void 0 : _a._formConfig;
-            this.tableFieldStyles = this.formConfig.tableFieldStyles;
+            this.tableFieldStyles = tableFieldStyles;
             this.selectable = this.tableObject.selectable;
             this.hasActions = this.tableObject.hasActions;
             this.tableObject.widget = this;
-            this.inlineActions = this.tableObject.getActions(this.formConfig.tableActions.inline);
-            this.globalActions = this.tableObject.getActions(this.formConfig.tableActions.global);
-            this.selectionActions = this.tableObject.getActions(this.formConfig.tableActions.selection);
+            this.inlineActions = this.tableObject.getActions(componentConstants.FORMTABLEACTION_INLINE);
+            this.globalActions = this.tableObject.getActions(componentConstants.FORMTABLEACTION_GLOBAL);
+            this.selectionActions = this.tableObject.getActions(componentConstants.FORMTABLEACTION_SELECTION);
             this.start();
         };
         LibTableComponent.prototype.start = function () { };
@@ -1646,21 +1665,21 @@
                         var arrayToAdd = null;
                         var type = receivedElement.type, code = receivedElement.code;
                         switch (type) {
-                            case elementTypes.field:
+                            case componentConstants.ELEMENTTYPE_FIELD:
                                 elementObject = formObject.getFieldObject(code);
                                 arrayToAdd = this.subSectionFields;
                                 break;
-                            case elementTypes.table:
+                            case componentConstants.ELEMENTTYPE_TABLE:
                                 elementObject = formObject.getTableObject(code);
                                 arrayToAdd = this.subSectionTables;
                                 break;
-                            case elementTypes.action:
+                            case componentConstants.ELEMENTTYPE_ACTION:
                                 elementObject = formObject.getActionObject(code);
                                 arrayToAdd = this.subSectionActions;
                                 break;
                         }
                         if (elementObject) {
-                            elementObject.elementType = type;
+                            elementObject.type = type;
                             arrayToAdd.push(elementObject);
                             this.subSectionElements.push(elementObject);
                             this.elementsArray[code] = elementObject;
@@ -1864,13 +1883,13 @@
     var HEADER$1 = 'HEADER';
     var FormAction = /** @class */ (function (_super) {
         __extends(FormAction, _super);
-        function FormAction(actionDefinition, formConfig) {
+        function FormAction(actionDefinition) {
             var _this = this;
             var _a, _b;
-            _this = _super.call(this, actionDefinition, formConfig) || this;
+            _this = _super.call(this, actionDefinition) || this;
             _this._actionActivated = new rxjs.Subject();
             _this.inProgress = false;
-            _this.elementType = elementTypes.action;
+            _this.type = componentConstants.ELEMENTTYPE_ACTION;
             _this.actionCode = actionDefinition.actionCode ? actionDefinition.actionCode.toString() : '';
             _this.actionName = actionDefinition.actionTitle;
             _this.iconName = actionDefinition.iconName || _this.actionCode;
@@ -1904,85 +1923,87 @@
     }(FormElement));
 
     var UNDEFINED = 'undefined';
-    var DEFAULT_ERROR_TYPE = 'error';
-    var DEFAULT_CAPTURE_TYPE = 'INPUT';
-    var DEFAULT_ALIGNMENT = 'left';
+    var FIELD_VALUE = 'fieldValue';
+    var FIELD_OPTIONS = 'fieldOptions';
+    var FIELD_TITLE = 'fieldTitle';
+    var FIELD_CAPTURE_TYPE = 'captureType';
+    var FIELD_TYPE = 'fieldTypeCode';
+    var FIELD_MAX_LENGTH = 'maxLength';
+    var FIELD_VISIBLE = 'visible';
+    var FIELD_LABEL_VISIBLE = 'visibleLabel';
+    var FIELD_REQUIRED = 'required';
+    var FIELD_ERR_CODE = 'errorCode';
+    var FIELD_ERR_MSG = 'errorMessage';
+    var FIELD_TOOLTIP = 'tooltipText';
+    var FIELD_INFO = 'info';
+    var FIELD_EDITABLE = 'editable';
+    var FIELD_TYPES = {
+        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: '^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)(\\.\\w{2,3})+$',
+    };
     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, formConfig) {
+        function FieldDescriptor(inputFieldReceived) {
             var _this = this;
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-            _this = _super.call(this, inputFieldReceived, formConfig) || this;
+            var _a, _b, _c, _d, _e, _f, _g, _h;
+            _this = _super.call(this, inputFieldReceived) || this;
             _this._editionFinish = new rxjs.Subject();
             _this._editionPartial = new rxjs.Subject();
             _this._detailRequest = new rxjs.Subject();
-            _this._attributeChange = new rxjs.Subject();
-            _this.elementType = elementTypes.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 = (_this._formConfig.tableFieldStyles[_this.fieldType] != null)
-                ? _this._formConfig.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 = _this._formConfig.fieldTypeErrMsg[_this.fieldType]) !== null && _k !== void 0 ? _k : _this._formConfig.fieldTypeErrMsg.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 || '');
+            _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 || null;
+            _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 = (_g = fieldReceived.errorCode) !== null && _g !== void 0 ? _g : '00';
+            _this.outputOnly = (_h = fieldReceived === null || fieldReceived === void 0 ? void 0 : fieldReceived.outputOnly) !== null && _h !== void 0 ? _h : false;
+            _this.setFieldOptions(fieldReceived.fieldOptions);
+            _this._intrinsicErrorMessage = (_this.fieldType === FIELD_TYPES.email)
+                ? "El valor de " + _this.fieldTitle + " no corresponde a un correo v\u00E1lido"
+                : "El valor de " + _this.fieldTitle + " no se ajusta al formato establecido";
             return _this;
         }
         Object.defineProperty(FieldDescriptor.prototype, "name", {
@@ -1995,11 +2016,6 @@
             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,
@@ -2012,11 +2028,11 @@
         });
         Object.defineProperty(FieldDescriptor.prototype, "validating", {
             get: function () { return this._onValidation; },
-            set: function (isValidating) { this.setAttr(fldAttr.onValidation, isValidating); },
+            set: function (isValidating) { this._onValidation = isValidating; },
             enumerable: false,
             configurable: true
         });
-        FieldDescriptor.prototype.setIntrinsicErrorMessage = function (message) { this.setAttr(fldAttr.intrinsicErrorMessage, message); };
+        FieldDescriptor.prototype.setIntrinsicErrorMessage = function (message) { this._intrinsicErrorMessage = message; };
         Object.defineProperty(FieldDescriptor.prototype, "intrinsicErrorMessage", {
             set: function (message) { this.setIntrinsicErrorMessage(message); },
             enumerable: false,
@@ -2029,7 +2045,7 @@
         });
         Object.defineProperty(FieldDescriptor.prototype, "required", {
             get: function () { return this.fieldRequired; },
-            set: function (required) { this.setAttr(fldAttr.required, required !== null && required !== void 0 ? required : false); },
+            set: function (required) { this.fieldRequired = required !== null && required !== void 0 ? required : false; },
             enumerable: false,
             configurable: true
         });
@@ -2037,10 +2053,10 @@
             get: function () { return (this._maxLength > 0) ? this._maxLength.toString() : ''; },
             set: function (requiredMaxLength) {
                 if (typeof requiredMaxLength === 'string') {
-                    this.setAttr(fldAttr.maxLength, parseInt(requiredMaxLength, 10));
+                    this._maxLength = parseInt(requiredMaxLength, 10);
                 }
                 else if (typeof requiredMaxLength === 'number') {
-                    this.setAttr(fldAttr.maxLength, requiredMaxLength);
+                    this._maxLength = requiredMaxLength;
                 }
             },
             enumerable: false,
@@ -2057,57 +2073,50 @@
             this._editionPartial.next({ code: this.fieldCode, intrinsicValidation: intrinsicValidation });
         };
         FieldDescriptor.prototype.notifyEditionFinish = function () {
-            var _a, _b, _c, _d, _e;
+            var _a, _b;
             var intrinsicValidation = true;
-            var fieldDefaultFormat = (_b = (_a = this._formConfig.fieldTypesPatterns) === null || _a === void 0 ? void 0 : _a[this.fieldType]) !== null && _b !== void 0 ? _b : null;
+            var fieldDefaultFormat = (FIELD_TYPES_FORMATS === null || FIELD_TYPES_FORMATS === void 0 ? void 0 : FIELD_TYPES_FORMATS[this.fieldType])
+                ? new RegExp(FIELD_TYPES_FORMATS === null || FIELD_TYPES_FORMATS === void 0 ? void 0 : FIELD_TYPES_FORMATS[this.fieldType]) : null;
+            var fieldFormat = (this.fieldFormat) ? new RegExp(this.fieldFormat) : null;
             var fieldValue = this.getValue();
-            if (fieldValue && (fieldDefaultFormat || this.fieldFormat)) {
-                intrinsicValidation = ((_c = fieldDefaultFormat === null || fieldDefaultFormat === void 0 ? void 0 : fieldDefaultFormat.test(fieldValue)) !== null && _c !== void 0 ? _c : true)
-                    && ((_e = (_d = this.fieldFormat) === null || _d === void 0 ? void 0 : _d.test(fieldValue)) !== null && _e !== void 0 ? _e : true);
+            if (fieldValue && (fieldDefaultFormat || fieldFormat)) {
+                intrinsicValidation = ((_a = fieldDefaultFormat === null || fieldDefaultFormat === void 0 ? void 0 : fieldDefaultFormat.test(fieldValue)) !== null && _a !== void 0 ? _a : true)
+                    && ((_b = fieldFormat === null || fieldFormat === void 0 ? void 0 : fieldFormat.test(fieldValue)) !== null && _b !== void 0 ? _b : true);
                 if (!intrinsicValidation) {
                     this.setError('99', this._intrinsicErrorMessage);
                 }
             }
             this._editionFinish.next({ code: this.fieldCode, intrinsicValidation: intrinsicValidation });
         };
-        FieldDescriptor.prototype.setAttr = function (name, value) {
-            this[name] = value;
-            if (this._formConfig.monitoredFieldAttributes.includes(name)) {
-                this._attributeChange.next({ name: name, value: value });
-            }
-        };
         FieldDescriptor.prototype.notifyEditionDetailRequest = function () {
             this._detailRequest.next(this.fieldCode);
         };
-        FieldDescriptor.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; };
-        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.showLabel = function () { this.visibleLabel = true; };
+        FieldDescriptor.prototype.hideLabel = function () { this.visibleLabel = false; };
+        FieldDescriptor.prototype.changed = function () { this.hasChanged = true; };
         FieldDescriptor.prototype.getRawValue = function () { return this._fieldValue; };
-        FieldDescriptor.prototype.setLabel = function (label) { this.setAttr(fldAttr.title, label); };
+        FieldDescriptor.prototype.setLabel = function (label) { this.fieldTitle = 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.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 : '');
+            if (type === void 0) { type = 'error'; }
+            this.errorType = (code === '00') ? '' : type;
+            this.errorCode = code;
+            this.errorMessage = 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); },
+            set: function (errorObj) { this.setError(errorObj.code, errorObj.message, errorObj.type); },
             enumerable: false,
             configurable: true
         });
@@ -2120,7 +2129,7 @@
             if (fieldCurrentValue === undefined || fieldCurrentValue === null) {
                 return true;
             }
-            if ((this.fieldType === this._formConfig.fieldTypes.array || this.fieldType === this._formConfig.fieldTypes.phone)
+            if ((this.fieldType === FIELD_TYPES.array || this.fieldType === FIELD_TYPES.phone)
                 && Array.isArray(fieldCurrentValue) && fieldCurrentValue.length === 0) {
                 return true;
             }
@@ -2130,10 +2139,10 @@
         FieldDescriptor.prototype.getValue = function () {
             var _a;
             switch (this.fieldType) {
-                case this._formConfig.fieldTypes.check:
+                case componentConstants.FIELDTYPE_CHECK:
                     return (_a = this._fieldValue) !== null && _a !== void 0 ? _a : false;
                     break;
-                case this._formConfig.fieldTypes.currency:
+                case componentConstants.FIELDTYPE_CURRENCY:
                     return this._fieldValue.replace(',', '');
                     break;
                 default:
@@ -2143,39 +2152,68 @@
         };
         FieldDescriptor.prototype.updateFromServer = function (fld) {
             var _a;
-            var fieldKeys = Object.keys(fld);
-            for (var index = 0; index < fieldKeys.length; index++) {
-                var attrName = fieldKeys[index];
-                var attrValue = fld[attrName];
-                (attrName === this._formConfig.apifieldattrs.visible) && this.setVisibility(attrValue);
-                (attrName === this._formConfig.apifieldattrs.labelVisible) && this.setVisibleLabel(fld.visibleLabel);
-                (attrName === this._formConfig.apifieldattrs.required) && this.setAttr(fldAttr.required, (_a = fld.required) !== null && _a !== void 0 ? _a : false);
-                (attrName === this._formConfig.apifieldattrs.errorCode) && this.setAttr(fldAttr.errorCode, fld.errorCode);
-                (attrName === this._formConfig.apifieldattrs.errorMessage) && this.setAttr(fldAttr.errorMessage, fld.errorMessage);
-                (attrName === this._formConfig.apifieldattrs.tooltip) && this.setAttr(fldAttr.tooltipText, fld.tooltip);
-                (attrName === this._formConfig.apifieldattrs.info) && this.setAttr(fldAttr.info, fld.info);
-                (attrName === this._formConfig.apifieldattrs.editable) && this.setEditable(fld.editable);
-                (attrName === this._formConfig.apifieldattrs.title) && this.setLabel(fld.fieldTitle.toString());
-                (attrName === this._formConfig.apifieldattrs.value) && (this.setValue(fld._fieldValue) && this.setChanged(false));
-                (attrName === this._formConfig.apifieldattrs.options) && this.setFieldOptions(fld.fieldOptions);
-                (attrName === this._formConfig.apifieldattrs.captureType) && this.setAttr(fldAttr.captureType, fld.captureType || 'INPUT');
-                (attrName === this._formConfig.apifieldattrs.type) && this.setFieldType(fld.fieldTypeCode);
-                (attrName === this._formConfig.apifieldattrs.maxLength) && this.setAttr(fldAttr.maxLength, fld.maxLength);
+            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;
             }
         };
         FieldDescriptor.prototype.setFieldType = function (inputFieldType) {
-            this.setAttr(fldAttr.type, 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;
+             */
         };
         FieldDescriptor.prototype.format = function () {
-            if (this.fieldType === this._formConfig.fieldTypes.currency) {
-                this.setAttr(fldAttr.value, formatCurrency(this._fieldValue));
+            if (this.fieldType === componentConstants.FIELDTYPE_CURRENCY) {
+                this._fieldValue = formatCurrency(this._fieldValue);
             }
         };
         FieldDescriptor.prototype.setMinValue = function (minValue) {
             var _a, _b, _c;
-            if (this.fieldType === this._formConfig.fieldTypes.date
+            if (this.fieldType === componentConstants.FIELDTYPE_DATE
                 && ((_a = this.widget) === null || _a === void 0 ? void 0 : _a.setMinValue)) {
-                this.setAttr(fldAttr.minValue, minValue);
+                this._minValue = minValue;
                 if (!minValue) {
                     (_b = this.widget) === null || _b === void 0 ? void 0 : _b.setMinValue(false);
                 }
@@ -2187,9 +2225,9 @@
         };
         FieldDescriptor.prototype.setMaxValue = function (maxValue) {
             var _a, _b, _c;
-            if (this.fieldType === this._formConfig.fieldTypes.date
+            if (this.fieldType === componentConstants.FIELDTYPE_DATE
                 && ((_a = this.widget) === null || _a === void 0 ? void 0 : _a.setMaxValue)) {
-                this.setAttr(fldAttr.maxValue, maxValue);
+                this._maxValue = maxValue;
                 if (!maxValue) {
                     (_b = this.widget) === null || _b === void 0 ? void 0 : _b.setMaxValue(false);
                 }
@@ -2217,16 +2255,14 @@
                 }
                 return Object.assign({}, option);
             });
-            fieldOptions = (fieldOptions && Array.isArray(fieldOptions)
+            this.fieldOptions = (fieldOptions && Array.isArray(fieldOptions)
                 && fieldOptions.length > 0) ? fieldOptions : [];
-            this.setAttr(fldAttr.options, fieldOptions);
-            if (this.fieldType === this._formConfig.fieldTypes.array && this.widget) {
+            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 === 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; }); });
-                    this.setAttr(fldAttr.value, 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; }); });
                 }
                 else {
                     var valInOptions = this.fieldOptions
@@ -2247,17 +2283,17 @@
             if (widgetUpdate === void 0) { widgetUpdate = true; }
             var _a;
             if (typeof newValue === UNDEFINED || newValue === null) {
-                return true;
+                return;
             }
             var newFinalValue;
             switch (this.fieldType) {
                 case 'BOOLEAN':
                     newFinalValue = !!newValue;
                     break;
-                case this._formConfig.fieldTypes.check:
+                case componentConstants.FIELDTYPE_CHECK:
                     newFinalValue = !!newValue;
                     break;
-                case this._formConfig.fieldTypes.array:
+                case componentConstants.FIELDTYPE_ARRAY:
                     if (newValue === null || newValue === '') {
                         newFinalValue = [];
                     }
@@ -2271,7 +2307,7 @@
                         newFinalValue = newValue;
                     }
                     break;
-                case this._formConfig.fieldTypes.map:
+                case componentConstants.FIELDTYPE_MAP:
                     newFinalValue = newValue;
                     if (newFinalValue && this.widget && widgetUpdate) {
                         var latitude = parseFloat(newFinalValue[0]);
@@ -2279,7 +2315,7 @@
                         (_a = this.widget) === null || _a === void 0 ? void 0 : _a.setLocation(latitude, longitude);
                     }
                     break;
-                case this._formConfig.fieldTypes.currency:
+                case componentConstants.FIELDTYPE_CURRENCY:
                     newFinalValue = formatCurrency(this._fieldValue);
                     break;
                 default:
@@ -2287,10 +2323,9 @@
                     break;
             }
             if (this._fieldValue !== newFinalValue) {
-                this.setChanged(true);
-                this.setAttr(fldAttr.value, newFinalValue);
+                this.hasChanged = true;
+                this._fieldValue = newFinalValue;
             }
-            return true;
         };
         return FieldDescriptor;
     }(FormElement));
@@ -2298,16 +2333,14 @@
     var HEADER = 'HEADER';
     var NO_ERROR = '00';
     var FormStructureAndData = /** @class */ (function () {
-        function FormStructureAndData(definitionReceived, formConfig) {
+        function FormStructureAndData(definitionReceived) {
             var e_1, _d, e_2, _e, e_3, _f, e_4, _g;
-            var _this = this;
             this._fieldsObj = {};
             this._actionsObj = {};
             this._tableObj = {};
             this._sectionsObj = {};
             this._immutableData = {};
             this._extraInfo = {};
-            this._formConfig = formConfig;
             this.state = '';
             this._actions = [];
             this._fields = [];
@@ -2343,7 +2376,7 @@
                 try {
                     for (var formActions_1 = __values(formActions), formActions_1_1 = formActions_1.next(); !formActions_1_1.done; formActions_1_1 = formActions_1.next()) {
                         var actionReceived = formActions_1_1.value;
-                        var globalAction = new FormAction(actionReceived, this._formConfig);
+                        var globalAction = new FormAction(actionReceived);
                         var globalActionCode = globalAction.actionCode;
                         if (globalActionCode) {
                             this._actions.push(globalAction);
@@ -2374,7 +2407,7 @@
                 try {
                     for (var formFields_1 = __values(formFields), formFields_1_1 = formFields_1.next(); !formFields_1_1.done; formFields_1_1 = formFields_1.next()) {
                         var fieldReceived = formFields_1_1.value;
-                        var fieldToAdd = new FieldDescriptor(fieldReceived, this._formConfig);
+                        var fieldToAdd = new FieldDescriptor(fieldReceived);
                         var fieldCode = fieldToAdd.fieldCode;
                         if (fieldCode) {
                             this._fields.push(fieldToAdd);
@@ -2401,14 +2434,14 @@
                         enabledStates = __spreadArray([], __read(visibleStates));
                     }
                     if (!visibleStates || visibleStates.length === 0) {
-                        visibleStates = _this._formConfig.defaultStateFlow.states;
+                        visibleStates = DEFAULT_STATE_FLOW.states;
                     }
                     return Object.assign(Object.assign({}, objDef), { visibleStates: visibleStates, enabledStates: enabledStates });
                 });
                 try {
                     for (var tables_1 = __values(tables), tables_1_1 = tables_1.next(); !tables_1_1.done; tables_1_1 = tables_1.next()) {
                         var tableReceived = tables_1_1.value;
-                        var tableToAdd = new RecordTable(tableReceived, this._formConfig);
+                        var tableToAdd = new RecordTable(tableReceived);
                         var tableCode = tableToAdd.tableCode;
                         if (tableCode) {
                             this._tables.push(tableToAdd);
@@ -2518,7 +2551,7 @@
         FormStructureAndData.prototype.setStateFlow = function (states, transitions, defaultState) {
             var _this = this;
             if (!states || !transitions) {
-                this._stateFlow = JSON.parse(JSON.stringify(this._formConfig.defaultStateFlow));
+                this._stateFlow = JSON.parse(JSON.stringify(DEFAULT_STATE_FLOW));
                 return;
             }
             this._stateFlow.states = states;
@@ -2775,9 +2808,9 @@
             var fieldObject = this.getFieldObject(fieldCode);
             return (fieldObject) ? fieldObject.setValue(fieldValue) : null;
         };
-        FormStructureAndData.prototype.setFieldError = function (code, message, type) {
+        FormStructureAndData.prototype.setFieldError = function (fieldCode, code, message, type) {
             if (type === void 0) { type = 'error'; }
-            var fieldObject = this.getFieldObject(code);
+            var fieldObject = this.getFieldObject(fieldCode);
             return (fieldObject) ? fieldObject.setError(code, message, type) : null;
         };
         FormStructureAndData.prototype.setFieldIntrinsicErrorMessage = function (code, message) {
@@ -3197,6 +3230,7 @@
             this.transitionToken = null;
             this.inputDataFields = [];
             this.extraData = null;
+            this.componentConstants = componentConstants;
             this.definitionObtained = false;
             this.formVisible = false;
             this.inServerProcess = false;
@@ -3218,9 +3252,6 @@
             this.cleanStart();
             this.customPreProcessing();
         }
-        BasicFormComponent.prototype.setConfig = function (formConfig) {
-            this.formConfig = formConfig;
-        };
         BasicFormComponent.prototype.cleanStart = function () {
             this._errorType = '';
             this.errorCode = '';
@@ -3288,9 +3319,9 @@
         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) {
+        BasicFormComponent.prototype.setFieldError = function (fieldCode, code, message, type) {
             if (type === void 0) { type = 'error'; }
-            return this.formStructure.setFieldError(code, message, type);
+            return this.formStructure.setFieldError(fieldCode, code, message, type);
         };
         BasicFormComponent.prototype.setFieldIntrinsicErrorMessage = function (code, message) { return this.formStructure.setFieldIntrinsicErrorMessage(code, message); };
         BasicFormComponent.prototype.setFieldOptions = function (fieldCode, optionsArray, idAttribute, nameAttribute) {
@@ -3563,7 +3594,7 @@
                         case 1:
                             formDefinition = _k.sent();
                             this.inServerProcess = false;
-                            this.formStructure = new FormStructureAndData(formDefinition, this.formConfig);
+                            this.formStructure = new FormStructureAndData(formDefinition);
                             this.definitionObtained = true;
                             return [3 /*break*/, 3];
                         case 2:
@@ -3600,7 +3631,7 @@
                                     this.setFieldValue(fieldCode, fieldValue);
                                 }
                             }
-                            return [4 /*yield*/, this.requestFormAction(formActions.getData)];
+                            return [4 /*yield*/, this.requestFormAction(componentConstants.FORMACTION_GETDATA)];
                         case 4:
                             recordResponse = _k.sent();
                             this.checkErrorRecordReceived(recordResponse);
@@ -3625,7 +3656,7 @@
             this.errorDetail = recordResponse.errorDetail;
         };
         BasicFormComponent.prototype.errorOccured = function () {
-            return (this.errorCode !== '00');
+            return (this.errorCode !== componentConstants.SERVICE_ERRORCODE_NOERROR);
         };
         BasicFormComponent.prototype.changeState = function (state) { return this.formStructure.changeState(state); };
         BasicFormComponent.prototype.changeFormMode = function (state) { return this.changeState(state); };
@@ -4084,7 +4115,7 @@
                             if (!fieldObj.backend) return [3 /*break*/, 2];
                             fieldObj.validating = true;
                             return [4 /*yield*/, this
-                                    .requestFormAction(formActions.validate, fieldObj.fieldCode)];
+                                    .requestFormAction(componentConstants.FORMACTION_VALIDATE, fieldObj.fieldCode)];
                         case 1:
                             validationResult = _g.sent();
                             finish = !this.errorOccured();
@@ -4329,7 +4360,7 @@
                                 actionCode: actionCode
                             };
                             return [4 /*yield*/, this
-                                    .requestFormAction(formActions.tableAction, actionSubject)];
+                                    .requestFormAction(componentConstants.FORMACTION_TABLEACTION, actionSubject)];
                         case 1:
                             actionResult = _g.sent();
                             finish = !this.errorOccured();
@@ -4460,13 +4491,13 @@
                             if (!action.backend) return [3 /*break*/, 2];
                             actionSubject = {
                                 tableCode: tableCode,
-                                actionType: this.formConfig.tableActions.inline,
+                                actionType: componentConstants.FORMTABLEACTION_INLINE,
                                 actionCode: actionCode,
                                 tableRecordId: recordId,
                                 tableRecordData: recordData
                             };
                             return [4 /*yield*/, this
-                                    .requestFormAction(formActions.tableAction, actionSubject)];
+                                    .requestFormAction(componentConstants.FORMACTION_TABLEACTION, actionSubject)];
                         case 1:
                             actionResult = _g.sent();
                             finish = !this.errorOccured();
@@ -4590,13 +4621,13 @@
                             if (!tableObject.selectionBackend) return [3 /*break*/, 2];
                             actionSubject = {
                                 tableCode: tableCode,
-                                actionType: this.formConfig.tableActions.rowSelection,
+                                actionType: componentConstants.FORMTABLEACTION_ROWSELECTION,
                                 actionCode: null,
                                 tableRecordId: recordId,
                                 tableRecordData: recordData
                             };
                             return [4 /*yield*/, this
-                                    .requestFormAction(formActions.tableAction, actionSubject)];
+                                    .requestFormAction(componentConstants.FORMACTION_TABLEACTION, actionSubject)];
                         case 1:
                             actionResult = _g.sent();
                             finish = !this.errorOccured();
@@ -4721,12 +4752,12 @@
                             if (!action.backend) return [3 /*break*/, 2];
                             actionSubject = {
                                 tableCode: tableCode,
-                                actionType: this.formConfig.tableActions.selection,
+                                actionType: componentConstants.FORMTABLEACTION_SELECTION,
                                 actionCode: actionCode,
                                 selectedRecords: selectedRecords
                             };
                             return [4 /*yield*/, this
-                                    .requestFormAction(formActions.tableAction, actionSubject)];
+                                    .requestFormAction(componentConstants.FORMACTION_TABLEACTION, actionSubject)];
                         case 1:
                             actionResult = _g.sent();
                             finish = !this.errorOccured();
@@ -4835,7 +4866,7 @@
                             tableObject.putOnWait();
                             actionSubject = { tableCode: tableCode };
                             return [4 /*yield*/, this
-                                    .requestFormAction(formActions.getTableData, actionSubject)];
+                                    .requestFormAction(componentConstants.FORMACTION_GETTABLEDATA, actionSubject)];
                         case 1:
                             actionResult = _g.sent();
                             if (this.errorOccured()) {
@@ -4895,15 +4926,15 @@
             this.resetError();
             var completeFields = this.checkSectionRequiredFields(sectionCode, reqFieldMessage);
             if (!completeFields) {
-                this.setError(this.formConfig.formStandardErrors.typeWarning, this.formConfig.formStandardErrors.validationTitle, this.formConfig.formStandardErrors.requiredFields);
+                this.setError(componentConstants.FORMERROR_TYPE_WARNING, componentConstants.FORMERROR_VALIDATION_TITLE, componentConstants.FORMERROR_REQUIRED_FIELDS);
                 return;
             }
             var validationError = false;
             var requiredEmptyFields = this.getRequiredEmptyFields(null, sectionCode);
             if (requiredEmptyFields.length > 0) {
                 validationError = true;
-                this.setError(this.formConfig.formStandardErrors.typeWarning, this.formConfig.formStandardErrors.validationTitle, this.formConfig.formStandardErrors.requiredFields);
-                this.tagFieldsWithError(requiredEmptyFields, null, this.formConfig.formStandardErrors.requiredField);
+                this.setError(componentConstants.FORMERROR_TYPE_WARNING, componentConstants.FORMERROR_VALIDATION_TITLE, componentConstants.FORMERROR_REQUIRED_FIELDS);
+                this.tagFieldsWithError(requiredEmptyFields, null, componentConstants.FIELD_REQUIRED_MESSAGE);
                 try {
                     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;
@@ -4926,7 +4957,7 @@
             var validationIssueFields = this.getFieldsWithValidationIssues(null, sectionCode);
             if (!validationError && validationIssueFields.length > 0) {
                 validationError = true;
-                this.setError(this.formConfig.formStandardErrors.typeWarning, this.formConfig.formStandardErrors.validationTitle, this.formConfig.formStandardErrors.validationFields);
+                this.setError(componentConstants.FORMERROR_TYPE_WARNING, componentConstants.FORMERROR_VALIDATION_TITLE, componentConstants.FORMERROR_VALIDATION_FIELDS);
                 try {
                     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;
@@ -5088,13 +5119,13 @@
             var requiredEmptyFields = this.getRequiredEmptyFields(recordCaptureFields, null);
             if (requiredEmptyFields.length > 0) {
                 validationOk = false;
-                this.setError(this.formConfig.formStandardErrors.typeWarning, this.formConfig.formStandardErrors.validationTitle, this.formConfig.formStandardErrors.requiredFields);
-                this.tagFieldsWithError(requiredEmptyFields, null, this.formConfig.formStandardErrors.requiredField);
+                this.setError(componentConstants.FORMERROR_TYPE_WARNING, componentConstants.FORMERROR_VALIDATION_TITLE, componentConstants.FORMERROR_REQUIRED_FIELDS);
+                this.tagFieldsWithError(requiredEmptyFields, null, componentConstants.FIELD_REQUIRED_MESSAGE);
             }
             var validationIssueFields = this.getFieldsWithValidationIssues(recordCaptureFields, null);
             if (validationIssueFields.length > 0) {
                 validationOk = false;
-                this.setError(this.formConfig.formStandardErrors.typeWarning, this.formConfig.formStandardErrors.validationTitle, this.formConfig.formStandardErrors.validationFields);
+                this.setError(componentConstants.FORMERROR_TYPE_WARNING, componentConstants.FORMERROR_VALIDATION_TITLE, componentConstants.FORMERROR_VALIDATION_FIELDS);
             }
             return validationOk;
         };