tuain-ng-forms-lib 0.12.30 → 12.0.2

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

@@ -10,6 +10,8 @@
             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 () { };
@@ -52,132 +54,52 @@
         showLabel: [{ type: core.Input }]
     };
 
-    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 MONITORED_ATTRIBUTES$1 = {
+    var MONITORED_ATTRIBUTES = {
         _maxLength: 'maxLength',
-        _onValidation: '_onValidation',
+        _onValidation: 'onValidation',
         _fieldValue: 'value',
         captureType: 'captureType',
-        fieldTitle: 'fieldTitle',
-        fieldType: 'fieldType',
+        fieldTitle: 'title',
+        fieldType: 'type',
         errorMessage: 'errorMessage',
         errorType: 'errorType',
         errorCode: 'errorCode',
         visibleLabel: 'visibleLabel',
-        fieldRequired: 'fieldRequired',
-        fieldOptions: 'fieldOptions',
+        fieldRequired: 'required',
+        fieldOptions: 'options',
     };
     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.fieldCode = this.fieldObject.fieldCode;
+                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$1[name]]) {
-                        _this[MONITORED_ATTRIBUTES$1[name]] = value;
+                    if (_this[MONITORED_ATTRIBUTES[name]]) {
+                        _this[MONITORED_ATTRIBUTES[name]] = value;
                     }
                 });
             }
@@ -209,7 +131,6 @@
                     template: "<ng-content></ng-content>"
                 },] }
     ];
-    FieldComponent.ctorParameters = function () { return []; };
     FieldComponent.propDecorators = {
         fieldObject: [{ type: core.Input }],
         disabled: [{ type: core.Input }]
@@ -217,9 +138,10 @@
 
     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 () { };
@@ -249,7 +171,6 @@
                     template: "<ng-content></ng-content>"
                 },] }
     ];
-    ElementComponent.ctorParameters = function () { return []; };
     ElementComponent.propDecorators = {
         formElement: [{ type: core.Input }],
         formManager: [{ type: core.Input }]
@@ -675,9 +596,33 @@
         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) {
+        function FormElement(elementDefinition, formConfig) {
             var _a, _b;
+            this._formConfig = formConfig;
             this._isForced = false;
             this.setVisibleStates(elementDefinition.visibleStates);
             this.setEnabledStates(elementDefinition.enabledStates);
@@ -686,9 +631,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 === 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.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.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; })
@@ -748,13 +693,14 @@
     }());
 
     var RecordTableColumn = /** @class */ (function () {
-        function RecordTableColumn(recTableColReceived) {
+        function RecordTableColumn(recTableColReceived, formConfig) {
             var _a, _b, _c;
+            this._formConfig = formConfig;
             if (recTableColReceived) {
                 this.fieldCode = recTableColReceived.fieldCode;
                 this.fieldTitle = recTableColReceived.fieldTitle;
-                this.fieldType = recTableColReceived.fieldTypeCode || componentConstants.FIELDTYPE_TEXT;
-                var defaultTypeAlignment = (tableFieldStyles[this.fieldType] != null) ? tableFieldStyles[this.fieldType]['text-align'] : 'left';
+                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.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;
@@ -843,6 +789,8 @@
         return outputValue;
     }
 
+    var DATE_TYPE = 'DATE';
+    var CURRENCY_TYPE = 'CURRENCY';
     var TableRecordData = /** @class */ (function () {
         function TableRecordData(recordReceived, recordDefinition, selectionFieldName) {
             var _this = this;
@@ -879,10 +827,10 @@
             }
         }
         TableRecordData.prototype.formatFieldValue = function (fieldType, fieldValue) {
-            if (fieldType === componentConstants.FIELDTYPE_CURRENCY) {
+            if (fieldType === CURRENCY_TYPE) {
                 return formatCurrency(fieldValue);
             }
-            else if (fieldType === componentConstants.FIELDTYPE_DATE && fieldValue) {
+            else if (fieldType === DATE_TYPE && fieldValue) {
                 return new Date(fieldValue).toISOString().split('T')[0];
             }
             return fieldValue || '';
@@ -993,6 +941,8 @@
         return TableRecordData;
     }());
 
+    var TABLE_SORT_ASCENDING = 'asc';
+    var TABLE_SORT_DESCENDING = 'desc';
     var TABLE_FILTER_TYPES = {
         simpleFilterChange: 'SIMPLE_CHANGE',
         simpleFilterFinish: 'SIMPLE_FINISH',
@@ -1001,11 +951,11 @@
     };
     var RecordTable = /** @class */ (function (_super) {
         __extends(RecordTable, _super);
-        function RecordTable(tableReceived) {
+        function RecordTable(tableReceived, formConfig) {
             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) || this;
+            _this = _super.call(this, tableReceived, formConfig) || this;
             _this._inlineActionTrigger = new rxjs.Subject();
             _this._globalActionTrigger = new rxjs.Subject();
             _this._recordSelectionTrigger = new rxjs.Subject();
@@ -1015,7 +965,7 @@
             _this._tableColumnObj = {};
             _this._actionsObj = {};
             _this.allSelected = false;
-            _this.elementType = componentConstants.ELEMENTTYPE_TABLE;
+            _this.elementType = elementTypes.table;
             _this.waiting = false;
             _this.complexFilter = false;
             _this.currentPage = 1;
@@ -1038,12 +988,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 = componentConstants.recordsPerPage;
+            _this.recordsPerPage = formConfig.defaultRecordsPerPage;
             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);
+                        var columnDefinition = new RecordTableColumn(columnReceived, _this._formConfig);
                         _this.columns.push(columnDefinition);
                         _this._tableColumnObj[columnDefinition.fieldCode] = columnDefinition;
                     }
@@ -1303,7 +1253,7 @@
                 ? this._actionsObj[actionCode] : null;
         };
         RecordTable.prototype.getActions = function (actionClass, actionTypes) {
-            if (actionClass === void 0) { actionClass = componentConstants.FORMTABLEACTION_INLINE; }
+            if (actionClass === void 0) { actionClass = this._formConfig.tableActions.inline; }
             if (actionTypes === void 0) { actionTypes = null; }
             return this._actions.filter(function (actionDef) {
                 var typeIncluded = (actionTypes) ? actionTypes.includes(actionDef.actionType) : true;
@@ -1378,14 +1328,14 @@
         RecordTable.prototype.setRequiredOrder = function (columnField) {
             if (columnField !== this.sorting.columnName) {
                 this.sorting.columnName = columnField;
-                this.sorting.direction = componentConstants.TABLE_SORT_ASCENDING;
+                this.sorting.direction = TABLE_SORT_ASCENDING;
             }
             else {
-                if (this.sorting.direction === componentConstants.TABLE_SORT_ASCENDING) {
-                    this.sorting.direction = componentConstants.TABLE_SORT_DESCENDING;
+                if (this.sorting.direction === TABLE_SORT_ASCENDING) {
+                    this.sorting.direction = TABLE_SORT_DESCENDING;
                 }
                 else {
-                    this.sorting.direction = componentConstants.TABLE_SORT_ASCENDING;
+                    this.sorting.direction = TABLE_SORT_ASCENDING;
                 }
             }
         };
@@ -1407,7 +1357,7 @@
             else if (recordAColumn > recordBColumn) {
                 result = 1;
             }
-            return direction === componentConstants.TABLE_SORT_ASCENDING ? result : -result;
+            return direction === TABLE_SORT_ASCENDING ? result : -result;
         };
         return RecordTable;
     }(FormElement));
@@ -1570,13 +1520,15 @@
             this.hasActions = false;
         }
         LibTableComponent.prototype.ngOnInit = function () {
-            this.tableFieldStyles = tableFieldStyles;
+            var _a;
+            this.formConfig = (_a = this.tableObject) === null || _a === void 0 ? void 0 : _a._formConfig;
+            this.tableFieldStyles = this.formConfig.tableFieldStyles;
             this.selectable = this.tableObject.selectable;
             this.hasActions = this.tableObject.hasActions;
             this.tableObject.widget = this;
-            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.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.start();
         };
         LibTableComponent.prototype.start = function () { };
@@ -1694,15 +1646,15 @@
                         var arrayToAdd = null;
                         var type = receivedElement.type, code = receivedElement.code;
                         switch (type) {
-                            case componentConstants.ELEMENTTYPE_FIELD:
+                            case elementTypes.field:
                                 elementObject = formObject.getFieldObject(code);
                                 arrayToAdd = this.subSectionFields;
                                 break;
-                            case componentConstants.ELEMENTTYPE_TABLE:
+                            case elementTypes.table:
                                 elementObject = formObject.getTableObject(code);
                                 arrayToAdd = this.subSectionTables;
                                 break;
-                            case componentConstants.ELEMENTTYPE_ACTION:
+                            case elementTypes.action:
                                 elementObject = formObject.getActionObject(code);
                                 arrayToAdd = this.subSectionActions;
                                 break;
@@ -1912,13 +1864,13 @@
     var HEADER$1 = 'HEADER';
     var FormAction = /** @class */ (function (_super) {
         __extends(FormAction, _super);
-        function FormAction(actionDefinition) {
+        function FormAction(actionDefinition, formConfig) {
             var _this = this;
             var _a, _b;
-            _this = _super.call(this, actionDefinition) || this;
+            _this = _super.call(this, actionDefinition, formConfig) || this;
             _this._actionActivated = new rxjs.Subject();
             _this.inProgress = false;
-            _this.elementType = componentConstants.ELEMENTTYPE_ACTION;
+            _this.elementType = elementTypes.action;
             _this.actionCode = actionDefinition.actionCode ? actionDefinition.actionCode.toString() : '';
             _this.actionName = actionDefinition.actionTitle;
             _this.iconName = actionDefinition.iconName || _this.actionCode;
@@ -1952,58 +1904,9 @@
     }(FormElement));
 
     var UNDEFINED = 'undefined';
-    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 = {
-        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 = {
@@ -2037,22 +1940,22 @@
     };
     var FieldDescriptor = /** @class */ (function (_super) {
         __extends(FieldDescriptor, _super);
-        function FieldDescriptor(inputFieldReceived) {
+        function FieldDescriptor(inputFieldReceived, formConfig) {
             var _this = this;
             var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-            _this = _super.call(this, inputFieldReceived) || this;
+            _this = _super.call(this, inputFieldReceived, formConfig) || this;
             _this._editionFinish = new rxjs.Subject();
             _this._editionPartial = new rxjs.Subject();
             _this._detailRequest = new rxjs.Subject();
             _this._attributeChange = new rxjs.Subject();
-            _this.elementType = componentConstants.ELEMENTTYPE_FIELD;
+            _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 = (tableFieldStyles[_this.fieldType] != null)
-                ? tableFieldStyles[_this.fieldType]['text-align'] : DEFAULT_ALIGNMENT;
+            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 || '');
@@ -2073,7 +1976,7 @@
             _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.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);
@@ -2154,13 +2057,13 @@
             this._editionPartial.next({ code: this.fieldCode, intrinsicValidation: intrinsicValidation });
         };
         FieldDescriptor.prototype.notifyEditionFinish = function () {
-            var _a, _b, _c, _d;
+            var _a, _b, _c, _d, _e;
             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 fieldDefaultFormat = (_b = (_a = this._formConfig.fieldTypesPatterns) === null || _a === void 0 ? void 0 : _a[this.fieldType]) !== null && _b !== void 0 ? _b : 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);
+                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 (!intrinsicValidation) {
                     this.setError('99', this._intrinsicErrorMessage);
                 }
@@ -2168,16 +2071,15 @@
             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[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); };
@@ -2218,7 +2120,7 @@
             if (fieldCurrentValue === undefined || fieldCurrentValue === null) {
                 return true;
             }
-            if ((this.fieldType === FIELD_TYPES.array || this.fieldType === FIELD_TYPES.phone)
+            if ((this.fieldType === this._formConfig.fieldTypes.array || this.fieldType === this._formConfig.fieldTypes.phone)
                 && Array.isArray(fieldCurrentValue) && fieldCurrentValue.length === 0) {
                 return true;
             }
@@ -2226,12 +2128,15 @@
             return fieldCurrentValue === '';
         };
         FieldDescriptor.prototype.getValue = function () {
-            var _a;
+            var _a, _b;
             switch (this.fieldType) {
-                case componentConstants.FIELDTYPE_CHECK:
+                case this._formConfig.fieldTypes.boolean:
                     return (_a = this._fieldValue) !== null && _a !== void 0 ? _a : false;
                     break;
-                case componentConstants.FIELDTYPE_CURRENCY:
+                case this._formConfig.fieldTypes.check:
+                    return (_b = this._fieldValue) !== null && _b !== void 0 ? _b : false;
+                    break;
+                case this._formConfig.fieldTypes.currency:
                     return this._fieldValue.replace(',', '');
                     break;
                 default:
@@ -2245,33 +2150,33 @@
             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);
+                (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);
             }
         };
         FieldDescriptor.prototype.setFieldType = function (inputFieldType) {
             this.setAttr(fldAttr.type, inputFieldType);
         };
         FieldDescriptor.prototype.format = function () {
-            if (this.fieldType === componentConstants.FIELDTYPE_CURRENCY) {
+            if (this.fieldType === this._formConfig.fieldTypes.currency) {
                 this.setAttr(fldAttr.value, formatCurrency(this._fieldValue));
             }
         };
         FieldDescriptor.prototype.setMinValue = function (minValue) {
             var _a, _b, _c;
-            if (this.fieldType === componentConstants.FIELDTYPE_DATE
+            if (this.fieldType === this._formConfig.fieldTypes.date
                 && ((_a = this.widget) === null || _a === void 0 ? void 0 : _a.setMinValue)) {
                 this.setAttr(fldAttr.minValue, minValue);
                 if (!minValue) {
@@ -2285,7 +2190,7 @@
         };
         FieldDescriptor.prototype.setMaxValue = function (maxValue) {
             var _a, _b, _c;
-            if (this.fieldType === componentConstants.FIELDTYPE_DATE
+            if (this.fieldType === this._formConfig.fieldTypes.date
                 && ((_a = this.widget) === null || _a === void 0 ? void 0 : _a.setMaxValue)) {
                 this.setAttr(fldAttr.maxValue, maxValue);
                 if (!maxValue) {
@@ -2318,11 +2223,11 @@
             fieldOptions = (fieldOptions && Array.isArray(fieldOptions)
                 && fieldOptions.length > 0) ? fieldOptions : [];
             this.setAttr(fldAttr.options, fieldOptions);
-            if (this.fieldType === componentConstants.FIELDTYPE_ARRAY && this.widget) {
+            if (this.fieldType === this._formConfig.fieldTypes.array && this.widget) {
                 return (_a = this.widget) === null || _a === void 0 ? void 0 : _a.refereshContent();
             }
             if (this._fieldValue) {
-                if (this.fieldType === componentConstants.FIELDTYPE_ARRAY && Array.isArray(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);
                 }
@@ -2352,10 +2257,13 @@
                 case 'BOOLEAN':
                     newFinalValue = !!newValue;
                     break;
-                case componentConstants.FIELDTYPE_CHECK:
+                case this._formConfig.fieldTypes.boolean:
+                    newFinalValue = !!newValue;
+                    break;
+                case this._formConfig.fieldTypes.check:
                     newFinalValue = !!newValue;
                     break;
-                case componentConstants.FIELDTYPE_ARRAY:
+                case this._formConfig.fieldTypes.array:
                     if (newValue === null || newValue === '') {
                         newFinalValue = [];
                     }
@@ -2369,7 +2277,7 @@
                         newFinalValue = newValue;
                     }
                     break;
-                case componentConstants.FIELDTYPE_MAP:
+                case this._formConfig.fieldTypes.map:
                     newFinalValue = newValue;
                     if (newFinalValue && this.widget && widgetUpdate) {
                         var latitude = parseFloat(newFinalValue[0]);
@@ -2377,7 +2285,7 @@
                         (_a = this.widget) === null || _a === void 0 ? void 0 : _a.setLocation(latitude, longitude);
                     }
                     break;
-                case componentConstants.FIELDTYPE_CURRENCY:
+                case this._formConfig.fieldTypes.currency:
                     newFinalValue = formatCurrency(this._fieldValue);
                     break;
                 default:
@@ -2396,14 +2304,16 @@
     var HEADER = 'HEADER';
     var NO_ERROR = '00';
     var FormStructureAndData = /** @class */ (function () {
-        function FormStructureAndData(definitionReceived) {
+        function FormStructureAndData(definitionReceived, formConfig) {
             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 = [];
@@ -2439,7 +2349,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);
+                        var globalAction = new FormAction(actionReceived, this._formConfig);
                         var globalActionCode = globalAction.actionCode;
                         if (globalActionCode) {
                             this._actions.push(globalAction);
@@ -2470,7 +2380,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);
+                        var fieldToAdd = new FieldDescriptor(fieldReceived, this._formConfig);
                         var fieldCode = fieldToAdd.fieldCode;
                         if (fieldCode) {
                             this._fields.push(fieldToAdd);
@@ -2497,14 +2407,14 @@
                         enabledStates = __spreadArray([], __read(visibleStates));
                     }
                     if (!visibleStates || visibleStates.length === 0) {
-                        visibleStates = DEFAULT_STATE_FLOW.states;
+                        visibleStates = _this._formConfig.defaultStateFlow.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);
+                        var tableToAdd = new RecordTable(tableReceived, this._formConfig);
                         var tableCode = tableToAdd.tableCode;
                         if (tableCode) {
                             this._tables.push(tableToAdd);
@@ -2614,7 +2524,7 @@
         FormStructureAndData.prototype.setStateFlow = function (states, transitions, defaultState) {
             var _this = this;
             if (!states || !transitions) {
-                this._stateFlow = JSON.parse(JSON.stringify(DEFAULT_STATE_FLOW));
+                this._stateFlow = JSON.parse(JSON.stringify(this._formConfig.defaultStateFlow));
                 return;
             }
             this._stateFlow.states = states;
@@ -3173,71 +3083,79 @@
         function LibFormManagerService() {
             this.cleanStack();
         }
-        /**
-         * Métodos virtuales de manejo de formularios
-         */
+        // Métodos virtuales para las aplicaciones
         LibFormManagerService.prototype.getFormDefinition = function (formCode) { };
+        LibFormManagerService.prototype.getFormRoute = function (formCode) { };
+        LibFormManagerService.prototype.getRouteForm = function (path) { };
         LibFormManagerService.prototype.execServerAction = function (actionDetail) { };
-        LibFormManagerService.prototype.goToRoute = function (navigationArray) { };
-        /**
-         * Manejo del stack de navegación con atributos estados y parámetros
-         */
-        LibFormManagerService.prototype.resetPageStack = function () { this.cleanStack(); };
-        LibFormManagerService.prototype.cleanStack = function () {
-            this.pageStack = [];
-        };
+        LibFormManagerService.prototype.goToForm = function (formCode, token, subject) { };
         LibFormManagerService.prototype.loadStack = function () { };
         LibFormManagerService.prototype.saveStack = function () { };
-        LibFormManagerService.prototype.stack = function (data) {
-            var id = nanoid.nanoid(6);
-            this.pageStack.push({ id: id, data: data });
-            this.saveStack();
-            return id;
-        };
-        LibFormManagerService.prototype.unstack = function (id) {
-            var stackIdx = this.pageStack.findIndex(function (item) { return item.id === id; });
-            if (stackIdx >= 0) {
-                var formData = this.pageStack[stackIdx].data;
-                // Se eliminan los formularios posteriores al solicitado
-                this.pageStack.splice(stackIdx + 1);
+        LibFormManagerService.prototype.cleanStack = function () { this.pageStack = []; };
+        LibFormManagerService.prototype.resetPageStack = function () { this.cleanStack(); };
+        LibFormManagerService.prototype.findFormInStack = function (token) {
+            var index = this.pageStack.findIndex(function (item) { return (item === null || item === void 0 ? void 0 : item.token) === token; });
+            var data = (index >= 0) ? this.pageStack[index] : null;
+            return { index: index, data: data };
+        };
+        LibFormManagerService.prototype.replaceItem = function (token, formInfo) {
+            var _a, _b;
+            if (!token || !formInfo) {
+                return;
+            }
+            var _c = this.findFormInStack(token), index = _c.index, storedForm = _c.data;
+            var updatedForm = null;
+            if (index >= 0) {
+                updatedForm = Object.assign({}, storedForm);
+                updatedForm.subject = (_a = formInfo === null || formInfo === void 0 ? void 0 : formInfo.subject) !== null && _a !== void 0 ? _a : storedForm.subject;
+                updatedForm.state = (_b = formInfo === null || formInfo === void 0 ? void 0 : formInfo.state) !== null && _b !== void 0 ? _b : storedForm.state;
+                Object.assign(updatedForm.fields, formInfo.fields);
+                Object.assign(updatedForm.extra, formInfo.extra);
+                this.pageStack[index] = updatedForm;
                 this.saveStack();
-                return formData;
             }
         };
-        LibFormManagerService.prototype.getInputData = function (id) {
-            var stackIdx = (id) ? this.pageStack.findIndex(function (item) { return item.id === id; }) : -1;
-            if (stackIdx >= 0) {
-                var predefinedFields = this.pageStack[stackIdx].data.target.predefinedFields;
-                return predefinedFields;
+        LibFormManagerService.prototype.stack = function (origin, target) {
+            var token = nanoid.nanoid(6);
+            this.replaceItem(target.originToken, origin);
+            this.pageStack.push(Object.assign({ token: token }, target));
+            this.saveStack();
+            return token;
+        };
+        LibFormManagerService.prototype.unstack = function (token) {
+            if (token === void 0) { token = null; }
+            var index = (token) ? this.findFormInStack(token).index : this.pageStack.length - 2;
+            var formInfo = null;
+            if (index >= 0) {
+                formInfo = this.pageStack[index];
+                this.pageStack.splice(index + 1);
+                this.saveStack();
             }
-            return null;
+            return formInfo;
         };
-        LibFormManagerService.prototype.getOriginInfo = function (id) {
-            var stackIdx = (id) ? this.pageStack.findIndex(function (item) { return item.id === id; }) : -1;
-            if (stackIdx >= 0) {
-                var origin = this.pageStack[stackIdx].data.origin;
-                return JSON.parse(JSON.stringify(origin));
-            }
-            return null;
+        LibFormManagerService.prototype.getFormInfo = function (token) {
+            var _a, _b;
+            var data = this.findFormInStack(token).data;
+            return {
+                token: data === null || data === void 0 ? void 0 : data.token,
+                subject: data === null || data === void 0 ? void 0 : data.subject,
+                state: data === null || data === void 0 ? void 0 : data.state,
+                originToken: data === null || data === void 0 ? void 0 : data.originToken,
+                fields: (_a = data === null || data === void 0 ? void 0 : data.fields) !== null && _a !== void 0 ? _a : {},
+                extra: (_b = data === null || data === void 0 ? void 0 : data.extra) !== null && _b !== void 0 ? _b : {}
+            };
         };
-        LibFormManagerService.prototype.changeForm = function (origin, target) {
-            if (!origin) {
-                this.cleanStack();
-            }
-            var url = target.url, params = target.params;
-            var newToken = this.stack({ origin: origin, target: target });
-            var navigationArray = __spreadArray(__spreadArray([url], __read(params)), [newToken]);
-            this.goToRoute(navigationArray);
+        LibFormManagerService.prototype.openForm = function (origin, target) {
+            var _a;
+            (!origin) && this.cleanStack();
+            target.originToken = (_a = origin === null || origin === void 0 ? void 0 : origin.token) !== null && _a !== void 0 ? _a : null;
+            var token = this.stack(origin, target);
+            this.goToForm(target.name, token, target.subject);
         };
-        LibFormManagerService.prototype.changePreviousForm = function (transitionToken) {
-            var prevForm = this.unstack(transitionToken);
-            if (!prevForm) {
-                return;
-            }
-            var _a = prevForm.origin, url = _a.url, params = _a.params, token = _a.token;
-            var navigationArray = __spreadArray([url], __read(params));
-            token && navigationArray.push(token);
-            this.goToRoute(navigationArray);
+        LibFormManagerService.prototype.backTo = function (targetToken) {
+            if (targetToken === void 0) { targetToken = null; }
+            var formInfo = this.unstack(targetToken);
+            formInfo && formInfo.name && this.goToForm(formInfo.name, formInfo.token, formInfo.subject);
         };
         return LibFormManagerService;
     }());
@@ -3276,11 +3194,8 @@
     var INLINE_ACTION = 'INLINE';
     var GLOBAL_ACTION = 'GLOBAL';
     var GET_DATA_ACTION = 'GETDATA';
-    var FORM_CODE = 'form';
-    var FORM_SUBJECT = 'formSubject';
-    var ORIGIN_PARAM = 'origin';
-    var STATE_PARAM = 'mode';
-    var REQUIRED_FIELD_MESSAGE = 'Campo requerido';
+    var SUBJECT = 'subject';
+    var TOKEN = 'token';
     var BasicFormComponent = /** @class */ (function () {
         function BasicFormComponent(formManagerService, _eventManager, fileMgmtServices) {
             this.formManagerService = formManagerService;
@@ -3290,10 +3205,9 @@
             this.errorMessage = '';
             this.errorDetail = '';
             this.formStructure = null;
-            this.transitionToken = null;
-            this.inputDataFields = [];
-            this.extraData = null;
-            this.componentConstants = componentConstants;
+            this.controlToken = null;
+            this.inputDataFields = {};
+            this.extraData = {};
             this.definitionObtained = false;
             this.formVisible = false;
             this.inServerProcess = false;
@@ -3315,14 +3229,17 @@
             this.cleanStart();
             this.customPreProcessing();
         }
+        BasicFormComponent.prototype.setConfig = function (formConfig) {
+            this.formConfig = formConfig;
+        };
         BasicFormComponent.prototype.cleanStart = function () {
             this._errorType = '';
             this.errorCode = '';
             this.errorMessage = '';
             this.errorDetail = '';
             this.formStructure = null;
-            this.transitionToken = null;
-            this.inputDataFields = [];
+            this.controlToken = null;
+            this.inputDataFields = {};
             this.definitionObtained = false;
             // Se limpian los manejadores de eventos
             this.formVisible = false;
@@ -3490,36 +3407,65 @@
         BasicFormComponent.prototype.subscribeAppEvent = function (eventName, callback) {
             this._eventEmiter.subscribe(eventName, callback);
         };
+        BasicFormComponent.prototype.openForm = function (name, data, backData, cleanStack) {
+            if (data === void 0) { data = null; }
+            if (backData === void 0) { backData = null; }
+            if (cleanStack === void 0) { cleanStack = false; }
+            var _a, _b, _c, _d, _e, _f, _g, _h;
+            var origin = null;
+            if (!cleanStack) {
+                origin = Object.assign(Object.assign({}, backData), { name: this.name, url: this._formRoute, token: this.controlToken });
+                origin.subject = (_a = origin === null || origin === void 0 ? void 0 : origin.subject) !== null && _a !== void 0 ? _a : this.formSubject;
+                origin.state = (_b = origin === null || origin === void 0 ? void 0 : origin.state) !== null && _b !== void 0 ? _b : this.currentState;
+                origin.fields = (_c = origin === null || origin === void 0 ? void 0 : origin.fields) !== null && _c !== void 0 ? _c : {};
+                origin.extra = (_d = origin === null || origin === void 0 ? void 0 : origin.extra) !== null && _d !== void 0 ? _d : {};
+            }
+            var target = Object.assign(Object.assign({}, data), { name: name });
+            target.subject = (_e = target === null || target === void 0 ? void 0 : target.subject) !== null && _e !== void 0 ? _e : null;
+            target.state = (_f = target === null || target === void 0 ? void 0 : target.state) !== null && _f !== void 0 ? _f : null;
+            target.fields = (_g = target === null || target === void 0 ? void 0 : target.fields) !== null && _g !== void 0 ? _g : {};
+            target.extra = (_h = target === null || target === void 0 ? void 0 : target.extra) !== null && _h !== void 0 ? _h : {};
+            this.formManagerService.openForm(origin, target);
+        };
+        /**
+         * @deprecated Este método ya no debería ser utilizado. Use openForm con el nombre del formulario
+         */
         BasicFormComponent.prototype.goToPage = function (navigationArray, predefinedFields, options) {
             if (options === void 0) { options = null; }
-            var _a, _b;
+            var _a;
             var origin = null;
             var cleanStack = (_a = options === null || options === void 0 ? void 0 : options.cleanStack) !== null && _a !== void 0 ? _a : false;
-            var params = [];
-            this.currentState && params.push(this.currentState);
-            this.formSubject && params.push(this.formSubject);
             if (!cleanStack) {
                 origin = {
-                    code: this.name,
+                    name: this.name,
                     url: this._formRoute,
-                    params: params,
-                    token: this.transitionToken,
-                    predefinedFields: this.inputDataFields
+                    token: this.controlToken,
+                    fields: this.inputDataFields,
+                    extra: this.extraData
                 };
             }
             var target = {
+                name: this.formManagerService.getRouteForm(navigationArray === null || navigationArray === void 0 ? void 0 : navigationArray[0]),
                 url: navigationArray === null || navigationArray === void 0 ? void 0 : navigationArray[0],
-                params: (_b = navigationArray.splice(1)) !== null && _b !== void 0 ? _b : [],
-                predefinedFields: predefinedFields,
+                state: navigationArray === null || navigationArray === void 0 ? void 0 : navigationArray[1],
+                subject: navigationArray === null || navigationArray === void 0 ? void 0 : navigationArray[2],
+                fields: predefinedFields,
+                extra: null,
             };
-            this.formManagerService.changeForm(origin, target);
+            this.formManagerService.openForm(origin, target);
         };
+        /**
+         * @deprecated Este método ya no debería ser utilizado. Use openForm con el nombre del formulario
+         */
         BasicFormComponent.prototype.goToNewPage = function (nav, flds) { return this.goToPage(nav, flds, { cleanStack: true }); };
+        /**
+         * @deprecated Este método ya no debería ser utilizado. Use openForm con el nombre del formulario
+         */
         BasicFormComponent.prototype.goToSubPage = function (nav, flds) { return this.goToPage(nav, flds, { cleanStack: false }); };
-        BasicFormComponent.prototype.canGoBack = function () { return this.transitionToken !== null; };
-        BasicFormComponent.prototype.goBack = function () { return this.formManagerService.changePreviousForm(this.transitionToken); };
+        BasicFormComponent.prototype.canGoBack = function () { return this.originToken !== null; };
+        BasicFormComponent.prototype.goBack = function () { return this.formManagerService.backTo(); };
         BasicFormComponent.prototype.goBackForm = function () { return this.goBack(); };
-        BasicFormComponent.prototype.getOriginDetail = function () { return this.formManagerService.getOriginInfo(this.transitionToken); };
+        BasicFormComponent.prototype.getOriginDetail = function () { return this.formManagerService.getFormInfo(this.originToken); };
         BasicFormComponent.prototype.setError = function (errorType, errorMessage, errorDetail) {
             this._errorType = errorType || '';
             this.errorMessage = errorMessage || '';
@@ -3551,44 +3497,23 @@
             configurable: true
         });
         BasicFormComponent.prototype.getFormParameter = function (name) {
-            return (this.extraData && name && this.extraData[name]) ? this.extraData[name] : null;
+            var _a, _b;
+            return (name) ? ((_b = (_a = this.extraData) === null || _a === void 0 ? void 0 : _a[name]) !== null && _b !== void 0 ? _b : null) : null;
         };
         BasicFormComponent.prototype.getSubject = function () { return this.formSubject; };
         BasicFormComponent.prototype.getformSubject = function () { return this.getSubject(); };
         BasicFormComponent.prototype.preocessInputParams = function (params) {
-            var e_1, _g;
-            var _a, _b, _c, _d, _e, _f;
-            var allParams = Object.keys(params !== null && params !== void 0 ? params : {});
-            if (!allParams || !Array.isArray(allParams) || allParams.length === 0) {
-                return;
-            }
-            this.extraData = [];
-            try {
-                for (var allParams_1 = __values(allParams), allParams_1_1 = allParams_1.next(); !allParams_1_1.done; allParams_1_1 = allParams_1.next()) {
-                    var paramName = allParams_1_1.value;
-                    this.extraData[paramName] = params[paramName].toString();
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (allParams_1_1 && !allParams_1_1.done && (_g = allParams_1.return)) _g.call(allParams_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-            var formName = (_b = (_a = this.extraData) === null || _a === void 0 ? void 0 : _a[FORM_CODE]) !== null && _b !== void 0 ? _b : this.name;
-            if (formName !== this.name) {
-                this.cleanStart();
-                this.name = formName;
-            }
-            this.formSubject = (_d = (_c = this.extraData) === null || _c === void 0 ? void 0 : _c[FORM_SUBJECT]) !== null && _d !== void 0 ? _d : null;
-            var initialState = this.extraData[STATE_PARAM];
-            this.transitionToken = (_e = this.extraData[ORIGIN_PARAM]) !== null && _e !== void 0 ? _e : null;
-            this.inputDataFields = (_f = this.formManagerService.getInputData(this.transitionToken)) !== null && _f !== void 0 ? _f : [];
-            if (!this.transitionToken) {
-                this.formManagerService.cleanStack();
+            var _a, _b, _c;
+            this.controlToken = (_a = params === null || params === void 0 ? void 0 : params[TOKEN]) !== null && _a !== void 0 ? _a : null;
+            var _j = this.formManagerService.getFormInfo(this.controlToken), token = _j.token, subject = _j.subject, state = _j.state, fields = _j.fields, extra = _j.extra, originToken = _j.originToken;
+            if (!this.controlToken || this.controlToken !== token) {
+                console.log("No se obtuvo un token v\u00E1lido para abrir el formulario " + this.controlToken + "->" + token);
             }
-            return initialState;
+            this.formSubject = (_c = (_b = params === null || params === void 0 ? void 0 : params[SUBJECT]) !== null && _b !== void 0 ? _b : subject) !== null && _c !== void 0 ? _c : null;
+            this.inputDataFields = fields;
+            this.extraData = extra;
+            this.originToken = originToken;
+            return state;
         };
         BasicFormComponent.prototype.subscribeSectionActivation = function () {
             var _this = this;
@@ -3640,12 +3565,10 @@
             }
         };
         BasicFormComponent.prototype.formInit = function (params) {
-            var _a;
             return __awaiter(this, void 0, void 0, function () {
-                var initialState, formDefinition, _g, _h, inputFieldData, fieldCode, fieldValue, fieldCodes, index, fieldCode, fieldValue, recordResponse;
-                var e_2, _j;
-                return __generator(this, function (_k) {
-                    switch (_k.label) {
+                var initialState, formDefinition, inputFieldNames, index, fieldCode, fieldValue, recordResponse;
+                return __generator(this, function (_j) {
+                    switch (_j.label) {
                         case 0:
                             initialState = this.preocessInputParams(params);
                             if (!this.name) {
@@ -3655,48 +3578,28 @@
                             this.inServerProcess = true;
                             return [4 /*yield*/, this.formManagerService.getFormDefinition(this.name)];
                         case 1:
-                            formDefinition = _k.sent();
+                            formDefinition = _j.sent();
                             this.inServerProcess = false;
-                            this.formStructure = new FormStructureAndData(formDefinition);
+                            this.formStructure = new FormStructureAndData(formDefinition, this.formConfig);
                             this.definitionObtained = true;
                             return [3 /*break*/, 3];
                         case 2:
                             this.cleanData();
-                            _k.label = 3;
+                            _j.label = 3;
                         case 3:
                             if (!this.supportState(initialState)) {
                                 initialState = this.formStructure.defaultState;
                             }
                             this.formStructure.changeState(initialState || this.formStructure.defaultState);
-                            if (Array.isArray(this.inputDataFields)) {
-                                try {
-                                    for (_g = __values(this.inputDataFields), _h = _g.next(); !_h.done; _h = _g.next()) {
-                                        inputFieldData = _h.value;
-                                        fieldCode = inputFieldData.fieldCode, fieldValue = inputFieldData.fieldValue;
-                                        if (fieldCode) {
-                                            this.setFieldValue(fieldCode, fieldValue);
-                                        }
-                                    }
-                                }
-                                catch (e_2_1) { e_2 = { error: e_2_1 }; }
-                                finally {
-                                    try {
-                                        if (_h && !_h.done && (_j = _g.return)) _j.call(_g);
-                                    }
-                                    finally { if (e_2) throw e_2.error; }
-                                }
+                            inputFieldNames = Object.keys(this.inputDataFields);
+                            for (index = 0; index < inputFieldNames.length; index++) {
+                                fieldCode = inputFieldNames[index];
+                                fieldValue = this.inputDataFields[fieldCode];
+                                this.setFieldValue(fieldCode, fieldValue);
                             }
-                            else {
-                                fieldCodes = Object.keys((_a = this.inputDataFields) !== null && _a !== void 0 ? _a : {});
-                                for (index = 0; index < fieldCodes.length; index++) {
-                                    fieldCode = fieldCodes[index];
-                                    fieldValue = this.inputDataFields[fieldCode];
-                                    this.setFieldValue(fieldCode, fieldValue);
-                                }
-                            }
-                            return [4 /*yield*/, this.requestFormAction(componentConstants.FORMACTION_GETDATA)];
+                            return [4 /*yield*/, this.requestFormAction(formActions.getData)];
                         case 4:
-                            recordResponse = _k.sent();
+                            recordResponse = _j.sent();
                             this.checkErrorRecordReceived(recordResponse);
                             this.formVisible = true;
                             this.subscribeSectionActivation();
@@ -3719,7 +3622,7 @@
             this.errorDetail = recordResponse.errorDetail;
         };
         BasicFormComponent.prototype.errorOccured = function () {
-            return (this.errorCode !== componentConstants.SERVICE_ERRORCODE_NOERROR);
+            return (this.errorCode !== '00');
         };
         BasicFormComponent.prototype.changeState = function (state) { return this.formStructure.changeState(state); };
         BasicFormComponent.prototype.changeFormMode = function (state) { return this.changeState(state); };
@@ -3727,8 +3630,8 @@
             if (actionSubject === void 0) { actionSubject = {}; }
             return __awaiter(this, void 0, void 0, function () {
                 var actionDetail, formActionResponse, error, formResponseData;
-                return __generator(this, function (_g) {
-                    switch (_g.label) {
+                return __generator(this, function (_j) {
+                    switch (_j.label) {
                         case 0:
                             actionDetail = {
                                 formCode: this.name,
@@ -3746,7 +3649,7 @@
                             this.inServerProcess = true;
                             return [4 /*yield*/, this.formManagerService.execServerAction(actionDetail)];
                         case 1:
-                            formActionResponse = _g.sent();
+                            formActionResponse = _j.sent();
                             this.inServerProcess = false;
                             if (formActionResponse && formActionResponse.error.errorType) {
                                 console.log('Excepción no soportada');
@@ -3765,7 +3668,7 @@
             });
         };
         BasicFormComponent.prototype.updateFormWithServerData = function (formContent) {
-            var e_3, _g, e_4, _h, e_5, _j;
+            var e_1, _j, e_2, _k, e_3, _l;
             var currentMode = formContent.currentMode, formSubject = formContent.formSubject, actions = formContent.actions, fields = formContent.fields, recordTables = formContent.recordTables, returnedFile = formContent.returnedFile, immutableData = formContent.immutableData, extraInfo = formContent.extraInfo;
             this.changeState(currentMode !== null && currentMode !== void 0 ? currentMode : this.formStructure.state);
             if (formSubject) {
@@ -3781,12 +3684,12 @@
                         }
                     }
                 }
-                catch (e_3_1) { e_3 = { error: e_3_1 }; }
+                catch (e_1_1) { e_1 = { error: e_1_1 }; }
                 finally {
                     try {
-                        if (actions_1_1 && !actions_1_1.done && (_g = actions_1.return)) _g.call(actions_1);
+                        if (actions_1_1 && !actions_1_1.done && (_j = actions_1.return)) _j.call(actions_1);
                     }
-                    finally { if (e_3) throw e_3.error; }
+                    finally { if (e_1) throw e_1.error; }
                 }
             }
             if (fields && fields.length > 0) {
@@ -3799,12 +3702,12 @@
                         }
                     }
                 }
-                catch (e_4_1) { e_4 = { error: e_4_1 }; }
+                catch (e_2_1) { e_2 = { error: e_2_1 }; }
                 finally {
                     try {
-                        if (fields_1_1 && !fields_1_1.done && (_h = fields_1.return)) _h.call(fields_1);
+                        if (fields_1_1 && !fields_1_1.done && (_k = fields_1.return)) _k.call(fields_1);
                     }
-                    finally { if (e_4) throw e_4.error; }
+                    finally { if (e_2) throw e_2.error; }
                 }
             }
             if (recordTables && recordTables.length > 0) {
@@ -3817,12 +3720,12 @@
                         }
                     }
                 }
-                catch (e_5_1) { e_5 = { error: e_5_1 }; }
+                catch (e_3_1) { e_3 = { error: e_3_1 }; }
                 finally {
                     try {
-                        if (recordTables_1_1 && !recordTables_1_1.done && (_j = recordTables_1.return)) _j.call(recordTables_1);
+                        if (recordTables_1_1 && !recordTables_1_1.done && (_l = recordTables_1.return)) _l.call(recordTables_1);
                     }
-                    finally { if (e_5) throw e_5.error; }
+                    finally { if (e_3) throw e_3.error; }
                 }
             }
             if (returnedFile && returnedFile.file) {
@@ -3877,8 +3780,8 @@
         BasicFormComponent.prototype.launchSectionActivation = function (sectionCode) {
             return __awaiter(this, void 0, void 0, function () {
                 var sectionObject, clientSectionMethods, clientSectionMethods_1, clientSectionMethods_1_1, clientSectionMethod;
-                var e_6, _g;
-                return __generator(this, function (_h) {
+                var e_4, _j;
+                return __generator(this, function (_k) {
                     sectionObject = this.formStructure.getSectionObject(sectionCode);
                     if (!sectionObject) {
                         return [2 /*return*/];
@@ -3891,12 +3794,12 @@
                                 clientSectionMethod(sectionObject);
                             }
                         }
-                        catch (e_6_1) { e_6 = { error: e_6_1 }; }
+                        catch (e_4_1) { e_4 = { error: e_4_1 }; }
                         finally {
                             try {
-                                if (clientSectionMethods_1_1 && !clientSectionMethods_1_1.done && (_g = clientSectionMethods_1.return)) _g.call(clientSectionMethods_1);
+                                if (clientSectionMethods_1_1 && !clientSectionMethods_1_1.done && (_j = clientSectionMethods_1.return)) _j.call(clientSectionMethods_1);
                             }
-                            finally { if (e_6) throw e_6.error; }
+                            finally { if (e_4) throw e_4.error; }
                         }
                     }
                     return [2 /*return*/];
@@ -3906,8 +3809,8 @@
         BasicFormComponent.prototype.launchSectionInactivation = function (sectionCode) {
             return __awaiter(this, void 0, void 0, function () {
                 var sectionObject, clientSectionMethods, clientSectionMethods_2, clientSectionMethods_2_1, clientSectionMethod;
-                var e_7, _g;
-                return __generator(this, function (_h) {
+                var e_5, _j;
+                return __generator(this, function (_k) {
                     sectionObject = this.formStructure.getSectionObject(sectionCode);
                     if (!sectionObject) {
                         return [2 /*return*/];
@@ -3920,12 +3823,12 @@
                                 clientSectionMethod(sectionObject);
                             }
                         }
-                        catch (e_7_1) { e_7 = { error: e_7_1 }; }
+                        catch (e_5_1) { e_5 = { error: e_5_1 }; }
                         finally {
                             try {
-                                if (clientSectionMethods_2_1 && !clientSectionMethods_2_1.done && (_g = clientSectionMethods_2.return)) _g.call(clientSectionMethods_2);
+                                if (clientSectionMethods_2_1 && !clientSectionMethods_2_1.done && (_j = clientSectionMethods_2.return)) _j.call(clientSectionMethods_2);
                             }
-                            finally { if (e_7) throw e_7.error; }
+                            finally { if (e_5) throw e_5.error; }
                         }
                     }
                     return [2 /*return*/];
@@ -3935,9 +3838,9 @@
         BasicFormComponent.prototype.startAction = function (actionCode) {
             return __awaiter(this, void 0, void 0, function () {
                 var actionObject, clientActionMethods, clientActionPromises, clientActionMethods_1, clientActionMethods_1_1, clientActionMethod, continueActionPromise, clientActionResults, continueAction;
-                var e_8, _g;
-                return __generator(this, function (_h) {
-                    switch (_h.label) {
+                var e_6, _j;
+                return __generator(this, function (_k) {
+                    switch (_k.label) {
                         case 0:
                             actionObject = this.getAction(actionCode);
                             if (!actionObject) {
@@ -3955,22 +3858,22 @@
                                     clientActionPromises.push(continueActionPromise);
                                 }
                             }
-                            catch (e_8_1) { e_8 = { error: e_8_1 }; }
+                            catch (e_6_1) { e_6 = { error: e_6_1 }; }
                             finally {
                                 try {
-                                    if (clientActionMethods_1_1 && !clientActionMethods_1_1.done && (_g = clientActionMethods_1.return)) _g.call(clientActionMethods_1);
+                                    if (clientActionMethods_1_1 && !clientActionMethods_1_1.done && (_j = clientActionMethods_1.return)) _j.call(clientActionMethods_1);
                                 }
-                                finally { if (e_8) throw e_8.error; }
+                                finally { if (e_6) throw e_6.error; }
                             }
                             return [4 /*yield*/, Promise.all(clientActionPromises)];
                         case 1:
-                            clientActionResults = _h.sent();
+                            clientActionResults = _k.sent();
                             continueAction = clientActionResults.reduce(function (total, curr) { return (total && curr); }, true);
                             if (!continueAction) {
                                 actionObject.stop();
                                 return [2 /*return*/];
                             }
-                            _h.label = 2;
+                            _k.label = 2;
                         case 2:
                             this.startServerAction(actionObject);
                             return [2 /*return*/];
@@ -3981,8 +3884,8 @@
         BasicFormComponent.prototype.startServerAction = function (actionInput) {
             return __awaiter(this, void 0, void 0, function () {
                 var action, finish, actionResult;
-                return __generator(this, function (_g) {
-                    switch (_g.label) {
+                return __generator(this, function (_j) {
+                    switch (_j.label) {
                         case 0:
                             action = (typeof actionInput === 'string')
                                 ? this.getAction(actionInput) : actionInput;
@@ -3991,19 +3894,19 @@
                             if (!action.backend) return [3 /*break*/, 2];
                             return [4 /*yield*/, this.requestFormAction(action.actionCode)];
                         case 1:
-                            actionResult = _g.sent();
+                            actionResult = _j.sent();
                             finish = !this.errorOccured();
-                            _g.label = 2;
+                            _j.label = 2;
                         case 2:
                             if (!finish) return [3 /*break*/, 4];
                             return [4 /*yield*/, this.finishAction(action, actionResult)];
                         case 3:
-                            _g.sent();
+                            _j.sent();
                             this.changeState(action.newState);
                             return [3 /*break*/, 5];
                         case 4:
                             this.displayActionServerError();
-                            _g.label = 5;
+                            _j.label = 5;
                         case 5:
                             action.stop();
                             return [2 /*return*/];
@@ -4014,9 +3917,9 @@
         BasicFormComponent.prototype.finishAction = function (actionObject, actionResult) {
             return __awaiter(this, void 0, void 0, function () {
                 var finishActionMethods, clientActionPromises, finishActionMethods_1, finishActionMethods_1_1, clientActionMethod;
-                var e_9, _g;
-                return __generator(this, function (_h) {
-                    switch (_h.label) {
+                var e_7, _j;
+                return __generator(this, function (_k) {
+                    switch (_k.label) {
                         case 0:
                             finishActionMethods = this.formActionsFinish[actionObject.actionCode];
                             if (!finishActionMethods) return [3 /*break*/, 2];
@@ -4027,17 +3930,17 @@
                                     clientActionPromises.push(clientActionMethod(actionObject, actionResult));
                                 }
                             }
-                            catch (e_9_1) { e_9 = { error: e_9_1 }; }
+                            catch (e_7_1) { e_7 = { error: e_7_1 }; }
                             finally {
                                 try {
-                                    if (finishActionMethods_1_1 && !finishActionMethods_1_1.done && (_g = finishActionMethods_1.return)) _g.call(finishActionMethods_1);
+                                    if (finishActionMethods_1_1 && !finishActionMethods_1_1.done && (_j = finishActionMethods_1.return)) _j.call(finishActionMethods_1);
                                 }
-                                finally { if (e_9) throw e_9.error; }
+                                finally { if (e_7) throw e_7.error; }
                             }
                             return [4 /*yield*/, Promise.all(clientActionPromises)];
                         case 1:
-                            _h.sent();
-                            _h.label = 2;
+                            _k.sent();
+                            _k.label = 2;
                         case 2: return [2 /*return*/];
                     }
                 });
@@ -4083,9 +3986,9 @@
             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;
-                return __generator(this, function (_h) {
-                    switch (_h.label) {
+                var e_8, _j;
+                return __generator(this, function (_k) {
+                    switch (_k.label) {
                         case 0:
                             fieldToValidate = this.getFieldObject(fieldCode);
                             if (!fieldToValidate) {
@@ -4103,17 +4006,17 @@
                                     clientValidationPromises.push(continueValidationPromise);
                                 }
                             }
-                            catch (e_10_1) { e_10 = { error: e_10_1 }; }
+                            catch (e_8_1) { e_8 = { error: e_8_1 }; }
                             finally {
                                 try {
-                                    if (validationCallbacks_1_1 && !validationCallbacks_1_1.done && (_g = validationCallbacks_1.return)) _g.call(validationCallbacks_1);
+                                    if (validationCallbacks_1_1 && !validationCallbacks_1_1.done && (_j = validationCallbacks_1.return)) _j.call(validationCallbacks_1);
                                 }
-                                finally { if (e_10) throw e_10.error; }
+                                finally { if (e_8) throw e_8.error; }
                             }
                             return [4 /*yield*/, Promise.all(clientValidationPromises)];
                         case 1:
-                            _h.sent();
-                            _h.label = 2;
+                            _k.sent();
+                            _k.label = 2;
                         case 2: return [2 /*return*/];
                     }
                 });
@@ -4123,9 +4026,9 @@
             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;
-                return __generator(this, function (_h) {
-                    switch (_h.label) {
+                var e_9, _j;
+                return __generator(this, function (_k) {
+                    switch (_k.label) {
                         case 0:
                             fieldToValidate = this.getField(fieldCode);
                             if (!fieldToValidate || !intrinsicValidation) {
@@ -4143,21 +4046,21 @@
                                     clientValidationPromises.push(clientValidationPromise);
                                 }
                             }
-                            catch (e_11_1) { e_11 = { error: e_11_1 }; }
+                            catch (e_9_1) { e_9 = { error: e_9_1 }; }
                             finally {
                                 try {
-                                    if (validationCallbacks_2_1 && !validationCallbacks_2_1.done && (_g = validationCallbacks_2.return)) _g.call(validationCallbacks_2);
+                                    if (validationCallbacks_2_1 && !validationCallbacks_2_1.done && (_j = validationCallbacks_2.return)) _j.call(validationCallbacks_2);
                                 }
-                                finally { if (e_11) throw e_11.error; }
+                                finally { if (e_9) throw e_9.error; }
                             }
                             return [4 /*yield*/, Promise.all(clientValidationPromises)];
                         case 1:
-                            clientValidationResults = _h.sent();
+                            clientValidationResults = _k.sent();
                             continueValidation = clientValidationResults.reduce(function (total, curr) { return (total && curr); }, true);
                             if (!continueValidation) {
                                 return [2 /*return*/];
                             }
-                            _h.label = 2;
+                            _k.label = 2;
                         case 2:
                             this.startServerFieldValidation(fieldToValidate);
                             return [2 /*return*/];
@@ -4168,8 +4071,8 @@
         BasicFormComponent.prototype.startServerFieldValidation = function (inputField) {
             return __awaiter(this, void 0, void 0, function () {
                 var fieldObj, finish, validationResult;
-                return __generator(this, function (_g) {
-                    switch (_g.label) {
+                return __generator(this, function (_j) {
+                    switch (_j.label) {
                         case 0:
                             fieldObj = (typeof inputField === 'string')
                                 ? this.getField(inputField) : inputField;
@@ -4178,22 +4081,22 @@
                             if (!fieldObj.backend) return [3 /*break*/, 2];
                             fieldObj.validating = true;
                             return [4 /*yield*/, this
-                                    .requestFormAction(componentConstants.FORMACTION_VALIDATE, fieldObj.fieldCode)];
+                                    .requestFormAction(formActions.validate, fieldObj.fieldCode)];
                         case 1:
-                            validationResult = _g.sent();
+                            validationResult = _j.sent();
                             finish = !this.errorOccured();
-                            _g.label = 2;
+                            _j.label = 2;
                         case 2:
                             if (!finish) return [3 /*break*/, 4];
                             return [4 /*yield*/, this.finishFieldValidation(fieldObj, validationResult)];
                         case 3:
-                            _g.sent();
+                            _j.sent();
                             return [3 /*break*/, 5];
                         case 4:
                             fieldObj.setErrorCode(this.errorCode);
                             fieldObj.setErrorMessage(this.errorMessage);
                             this.displayValidationServerError();
-                            _g.label = 5;
+                            _j.label = 5;
                         case 5:
                             fieldObj.validating = false;
                             return [2 /*return*/];
@@ -4204,9 +4107,9 @@
         BasicFormComponent.prototype.finishFieldValidation = function (fieldObject, validationResult) {
             return __awaiter(this, void 0, void 0, function () {
                 var validationCallbacks, clientActionPromises, validationCallbacks_3, validationCallbacks_3_1, validationMethod;
-                var e_12, _g;
-                return __generator(this, function (_h) {
-                    switch (_h.label) {
+                var e_10, _j;
+                return __generator(this, function (_k) {
+                    switch (_k.label) {
                         case 0:
                             validationCallbacks = this.fieldValidationsFinish[fieldObject.fieldCode];
                             if (!validationCallbacks) return [3 /*break*/, 2];
@@ -4217,17 +4120,17 @@
                                     clientActionPromises.push(validationMethod(fieldObject, validationResult));
                                 }
                             }
-                            catch (e_12_1) { e_12 = { error: e_12_1 }; }
+                            catch (e_10_1) { e_10 = { error: e_10_1 }; }
                             finally {
                                 try {
-                                    if (validationCallbacks_3_1 && !validationCallbacks_3_1.done && (_g = validationCallbacks_3.return)) _g.call(validationCallbacks_3);
+                                    if (validationCallbacks_3_1 && !validationCallbacks_3_1.done && (_j = validationCallbacks_3.return)) _j.call(validationCallbacks_3);
                                 }
-                                finally { if (e_12) throw e_12.error; }
+                                finally { if (e_10) throw e_10.error; }
                             }
                             return [4 /*yield*/, Promise.all(clientActionPromises)];
                         case 1:
-                            _h.sent();
-                            _h.label = 2;
+                            _k.sent();
+                            _k.label = 2;
                         case 2: return [2 /*return*/];
                     }
                 });
@@ -4235,7 +4138,7 @@
         };
         BasicFormComponent.prototype.continueFieldValidation = function (fieldCode) {
             return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_g) {
+                return __generator(this, function (_j) {
                     return [2 /*return*/, this.startServerFieldValidation(fieldCode)];
                 });
             });
@@ -4350,9 +4253,9 @@
         BasicFormComponent.prototype.startTableGlobalAction = function (tableActionEvent) {
             return __awaiter(this, void 0, void 0, function () {
                 var tableCode, actionCode, tableObject, action, tableActionDetail, tableEventHandlers, tableActionMethods, clientActionPromises, tableActionMethods_1, tableActionMethods_1_1, tableActionMethod, clientActionPromise, clientActionResults, continueAction;
-                var e_13, _g;
-                return __generator(this, function (_h) {
-                    switch (_h.label) {
+                var e_11, _j;
+                return __generator(this, function (_k) {
+                    switch (_k.label) {
                         case 0:
                             tableCode = tableActionEvent.tableCode, actionCode = tableActionEvent.actionCode;
                             tableObject = this.getTable(tableCode);
@@ -4381,21 +4284,21 @@
                                     clientActionPromises.push(clientActionPromise);
                                 }
                             }
-                            catch (e_13_1) { e_13 = { error: e_13_1 }; }
+                            catch (e_11_1) { e_11 = { error: e_11_1 }; }
                             finally {
                                 try {
-                                    if (tableActionMethods_1_1 && !tableActionMethods_1_1.done && (_g = tableActionMethods_1.return)) _g.call(tableActionMethods_1);
+                                    if (tableActionMethods_1_1 && !tableActionMethods_1_1.done && (_j = tableActionMethods_1.return)) _j.call(tableActionMethods_1);
                                 }
-                                finally { if (e_13) throw e_13.error; }
+                                finally { if (e_11) throw e_11.error; }
                             }
                             return [4 /*yield*/, Promise.all(clientActionPromises)];
                         case 1:
-                            clientActionResults = _h.sent();
+                            clientActionResults = _k.sent();
                             continueAction = clientActionResults.reduce(function (total, curr) { return (total && curr); }, true);
                             if (!continueAction) {
                                 return [2 /*return*/];
                             }
-                            _h.label = 2;
+                            _k.label = 2;
                         case 2:
                             this.startTableServerGlobalAction(tableActionDetail);
                             return [2 /*return*/];
@@ -4406,8 +4309,8 @@
         BasicFormComponent.prototype.startTableServerGlobalAction = function (tableActionDetail) {
             return __awaiter(this, void 0, void 0, function () {
                 var tableObject, action, tableCode, actionCode, finish, actionResult, actionSubject;
-                return __generator(this, function (_g) {
-                    switch (_g.label) {
+                return __generator(this, function (_j) {
+                    switch (_j.label) {
                         case 0:
                             tableObject = tableActionDetail.tableObject, action = tableActionDetail.action, tableCode = tableActionDetail.tableCode, actionCode = tableActionDetail.actionCode;
                             if (!tableObject || !action) {
@@ -4423,21 +4326,21 @@
                                 actionCode: actionCode
                             };
                             return [4 /*yield*/, this
-                                    .requestFormAction(componentConstants.FORMACTION_TABLEACTION, actionSubject)];
+                                    .requestFormAction(formActions.tableAction, actionSubject)];
                         case 1:
-                            actionResult = _g.sent();
+                            actionResult = _j.sent();
                             finish = !this.errorOccured();
-                            _g.label = 2;
+                            _j.label = 2;
                         case 2:
                             if (!finish) return [3 /*break*/, 4];
                             return [4 /*yield*/, this.finishTableGlobalAction(tableActionDetail, actionResult)];
                         case 3:
-                            _g.sent();
+                            _j.sent();
                             this.changeState(action.newState);
                             return [3 /*break*/, 5];
                         case 4:
                             this.displayTableServerError();
-                            _g.label = 5;
+                            _j.label = 5;
                         case 5:
                             tableObject.freeWaiting();
                             return [2 /*return*/];
@@ -4448,9 +4351,9 @@
         BasicFormComponent.prototype.finishTableGlobalAction = function (tableActionDetail, actionResult) {
             return __awaiter(this, void 0, void 0, function () {
                 var tableCode, actionCode, tableEventHandlers, tableActionMethods, clientActionPromises, tableActionMethods_2, tableActionMethods_2_1, tableActionMethod;
-                var e_14, _g;
-                return __generator(this, function (_h) {
-                    switch (_h.label) {
+                var e_12, _j;
+                return __generator(this, function (_k) {
+                    switch (_k.label) {
                         case 0:
                             tableCode = tableActionDetail.tableCode, actionCode = tableActionDetail.actionCode;
                             tableEventHandlers = this.tableActionsFinish[tableCode];
@@ -4463,17 +4366,17 @@
                                     clientActionPromises.push(tableActionMethod(tableActionDetail, actionResult));
                                 }
                             }
-                            catch (e_14_1) { e_14 = { error: e_14_1 }; }
+                            catch (e_12_1) { e_12 = { error: e_12_1 }; }
                             finally {
                                 try {
-                                    if (tableActionMethods_2_1 && !tableActionMethods_2_1.done && (_g = tableActionMethods_2.return)) _g.call(tableActionMethods_2);
+                                    if (tableActionMethods_2_1 && !tableActionMethods_2_1.done && (_j = tableActionMethods_2.return)) _j.call(tableActionMethods_2);
                                 }
-                                finally { if (e_14) throw e_14.error; }
+                                finally { if (e_12) throw e_12.error; }
                             }
                             return [4 /*yield*/, Promise.all(clientActionPromises)];
                         case 1:
-                            _h.sent();
-                            _h.label = 2;
+                            _k.sent();
+                            _k.label = 2;
                         case 2: return [2 /*return*/];
                     }
                 });
@@ -4482,9 +4385,9 @@
         BasicFormComponent.prototype.startTableAction = function (tableActionEvent) {
             return __awaiter(this, void 0, void 0, function () {
                 var tableCode, actionCode, actionDetail, tableObject, recordId, recordData, action, tableActionDetail, tableEventHandlers, tableActionMethods, clientActionPromises, tableActionMethods_3, tableActionMethods_3_1, tableActionMethod, clientActionPromise, clientActionResults, continueAction;
-                var e_15, _g;
-                return __generator(this, function (_h) {
-                    switch (_h.label) {
+                var e_13, _j;
+                return __generator(this, function (_k) {
+                    switch (_k.label) {
                         case 0:
                             tableCode = tableActionEvent.tableCode, actionCode = tableActionEvent.actionCode, actionDetail = tableActionEvent.actionDetail;
                             tableObject = this.getTable(tableCode);
@@ -4516,21 +4419,21 @@
                                     clientActionPromises.push(clientActionPromise);
                                 }
                             }
-                            catch (e_15_1) { e_15 = { error: e_15_1 }; }
+                            catch (e_13_1) { e_13 = { error: e_13_1 }; }
                             finally {
                                 try {
-                                    if (tableActionMethods_3_1 && !tableActionMethods_3_1.done && (_g = tableActionMethods_3.return)) _g.call(tableActionMethods_3);
+                                    if (tableActionMethods_3_1 && !tableActionMethods_3_1.done && (_j = tableActionMethods_3.return)) _j.call(tableActionMethods_3);
                                 }
-                                finally { if (e_15) throw e_15.error; }
+                                finally { if (e_13) throw e_13.error; }
                             }
                             return [4 /*yield*/, Promise.all(clientActionPromises)];
                         case 1:
-                            clientActionResults = _h.sent();
+                            clientActionResults = _k.sent();
                             continueAction = clientActionResults.reduce(function (total, curr) { return (total && curr); }, true);
                             if (!continueAction) {
                                 return [2 /*return*/];
                             }
-                            _h.label = 2;
+                            _k.label = 2;
                         case 2:
                             this.startTableServerAction(tableActionDetail);
                             return [2 /*return*/];
@@ -4541,8 +4444,8 @@
         BasicFormComponent.prototype.startTableServerAction = function (tableActionDetail) {
             return __awaiter(this, void 0, void 0, function () {
                 var tableObject, action, tableCode, actionCode, recordId, recordData, finish, actionResult, actionSubject;
-                return __generator(this, function (_g) {
-                    switch (_g.label) {
+                return __generator(this, function (_j) {
+                    switch (_j.label) {
                         case 0:
                             tableObject = tableActionDetail.tableObject, action = tableActionDetail.action, tableCode = tableActionDetail.tableCode, actionCode = tableActionDetail.actionCode, recordId = tableActionDetail.recordId, recordData = tableActionDetail.recordData;
                             if (!tableObject || !action) {
@@ -4554,17 +4457,17 @@
                             if (!action.backend) return [3 /*break*/, 2];
                             actionSubject = {
                                 tableCode: tableCode,
-                                actionType: componentConstants.FORMTABLEACTION_INLINE,
+                                actionType: this.formConfig.tableActions.inline,
                                 actionCode: actionCode,
                                 tableRecordId: recordId,
                                 tableRecordData: recordData
                             };
                             return [4 /*yield*/, this
-                                    .requestFormAction(componentConstants.FORMACTION_TABLEACTION, actionSubject)];
+                                    .requestFormAction(formActions.tableAction, actionSubject)];
                         case 1:
-                            actionResult = _g.sent();
+                            actionResult = _j.sent();
                             finish = !this.errorOccured();
-                            _g.label = 2;
+                            _j.label = 2;
                         case 2:
                             if (finish) {
                                 this.finishTableAction(tableActionDetail, actionResult);
@@ -4585,9 +4488,9 @@
         BasicFormComponent.prototype.finishTableAction = function (tableActionDetail, actionResult) {
             return __awaiter(this, void 0, void 0, function () {
                 var tableCode, actionCode, tableEventHandlers, tableActionMethods, clientActionPromises, tableActionMethods_4, tableActionMethods_4_1, tableActionMethod;
-                var e_16, _g;
-                return __generator(this, function (_h) {
-                    switch (_h.label) {
+                var e_14, _j;
+                return __generator(this, function (_k) {
+                    switch (_k.label) {
                         case 0:
                             tableCode = tableActionDetail.tableCode, actionCode = tableActionDetail.actionCode;
                             tableEventHandlers = this.tableActionsFinish[tableCode];
@@ -4600,17 +4503,17 @@
                                     clientActionPromises.push(tableActionMethod(tableActionDetail, actionResult));
                                 }
                             }
-                            catch (e_16_1) { e_16 = { error: e_16_1 }; }
+                            catch (e_14_1) { e_14 = { error: e_14_1 }; }
                             finally {
                                 try {
-                                    if (tableActionMethods_4_1 && !tableActionMethods_4_1.done && (_g = tableActionMethods_4.return)) _g.call(tableActionMethods_4);
+                                    if (tableActionMethods_4_1 && !tableActionMethods_4_1.done && (_j = tableActionMethods_4.return)) _j.call(tableActionMethods_4);
                                 }
-                                finally { if (e_16) throw e_16.error; }
+                                finally { if (e_14) throw e_14.error; }
                             }
                             return [4 /*yield*/, Promise.all(clientActionPromises)];
                         case 1:
-                            _h.sent();
-                            _h.label = 2;
+                            _k.sent();
+                            _k.label = 2;
                         case 2: return [2 /*return*/];
                     }
                 });
@@ -4619,9 +4522,9 @@
         BasicFormComponent.prototype.startTableRecordSelection = function (tableActionEvent) {
             return __awaiter(this, void 0, void 0, function () {
                 var tableCode, actionDetail, tableObject, recordId, recordData, tableSelectionDetail, tableEventHandlers, clientActionPromises, tableEventHandlers_1, tableEventHandlers_1_1, tableSelectionMethod, clientActionPromise, clientActionResults, continueAction;
-                var e_17, _g;
-                return __generator(this, function (_h) {
-                    switch (_h.label) {
+                var e_15, _j;
+                return __generator(this, function (_k) {
+                    switch (_k.label) {
                         case 0:
                             tableCode = tableActionEvent.tableCode, actionDetail = tableActionEvent.actionDetail;
                             tableObject = this.getTable(tableCode);
@@ -4646,21 +4549,21 @@
                                     clientActionPromises.push(clientActionPromise);
                                 }
                             }
-                            catch (e_17_1) { e_17 = { error: e_17_1 }; }
+                            catch (e_15_1) { e_15 = { error: e_15_1 }; }
                             finally {
                                 try {
-                                    if (tableEventHandlers_1_1 && !tableEventHandlers_1_1.done && (_g = tableEventHandlers_1.return)) _g.call(tableEventHandlers_1);
+                                    if (tableEventHandlers_1_1 && !tableEventHandlers_1_1.done && (_j = tableEventHandlers_1.return)) _j.call(tableEventHandlers_1);
                                 }
-                                finally { if (e_17) throw e_17.error; }
+                                finally { if (e_15) throw e_15.error; }
                             }
                             return [4 /*yield*/, Promise.all(clientActionPromises)];
                         case 1:
-                            clientActionResults = _h.sent();
+                            clientActionResults = _k.sent();
                             continueAction = clientActionResults.reduce(function (total, curr) { return (total && curr); }, true);
                             if (!continueAction) {
                                 return [2 /*return*/];
                             }
-                            _h.label = 2;
+                            _k.label = 2;
                         case 2:
                             this.startTableServerRecordSelection(tableSelectionDetail);
                             return [2 /*return*/];
@@ -4671,8 +4574,8 @@
         BasicFormComponent.prototype.startTableServerRecordSelection = function (tableSelectionDetail) {
             return __awaiter(this, void 0, void 0, function () {
                 var tableObject, tableCode, recordId, recordData, finish, actionResult, actionSubject;
-                return __generator(this, function (_g) {
-                    switch (_g.label) {
+                return __generator(this, function (_j) {
+                    switch (_j.label) {
                         case 0:
                             tableObject = tableSelectionDetail.tableObject, tableCode = tableSelectionDetail.tableCode, recordId = tableSelectionDetail.recordId, recordData = tableSelectionDetail.recordData;
                             if (!tableObject) {
@@ -4684,17 +4587,17 @@
                             if (!tableObject.selectionBackend) return [3 /*break*/, 2];
                             actionSubject = {
                                 tableCode: tableCode,
-                                actionType: componentConstants.FORMTABLEACTION_ROWSELECTION,
+                                actionType: this.formConfig.tableActions.rowSelection,
                                 actionCode: null,
                                 tableRecordId: recordId,
                                 tableRecordData: recordData
                             };
                             return [4 /*yield*/, this
-                                    .requestFormAction(componentConstants.FORMACTION_TABLEACTION, actionSubject)];
+                                    .requestFormAction(formActions.tableAction, actionSubject)];
                         case 1:
-                            actionResult = _g.sent();
+                            actionResult = _j.sent();
                             finish = !this.errorOccured();
-                            _g.label = 2;
+                            _j.label = 2;
                         case 2:
                             if (finish) {
                                 this.finishTableRecordSelection(tableSelectionDetail, actionResult);
@@ -4711,9 +4614,9 @@
         BasicFormComponent.prototype.finishTableRecordSelection = function (tableSelectionDetail, actionResult) {
             return __awaiter(this, void 0, void 0, function () {
                 var tableCode, tableEventHandlers, clientActionPromises, tableEventHandlers_2, tableEventHandlers_2_1, tableSelectionMethod;
-                var e_18, _g;
-                return __generator(this, function (_h) {
-                    switch (_h.label) {
+                var e_16, _j;
+                return __generator(this, function (_k) {
+                    switch (_k.label) {
                         case 0:
                             tableCode = tableSelectionDetail.tableCode;
                             tableEventHandlers = this.tableSelectionsFinish[tableCode];
@@ -4725,17 +4628,17 @@
                                     clientActionPromises.push(tableSelectionMethod(tableSelectionDetail, actionResult));
                                 }
                             }
-                            catch (e_18_1) { e_18 = { error: e_18_1 }; }
+                            catch (e_16_1) { e_16 = { error: e_16_1 }; }
                             finally {
                                 try {
-                                    if (tableEventHandlers_2_1 && !tableEventHandlers_2_1.done && (_g = tableEventHandlers_2.return)) _g.call(tableEventHandlers_2);
+                                    if (tableEventHandlers_2_1 && !tableEventHandlers_2_1.done && (_j = tableEventHandlers_2.return)) _j.call(tableEventHandlers_2);
                                 }
-                                finally { if (e_18) throw e_18.error; }
+                                finally { if (e_16) throw e_16.error; }
                             }
                             return [4 /*yield*/, Promise.all(clientActionPromises)];
                         case 1:
-                            _h.sent();
-                            _h.label = 2;
+                            _k.sent();
+                            _k.label = 2;
                         case 2: return [2 /*return*/];
                     }
                 });
@@ -4744,9 +4647,9 @@
         BasicFormComponent.prototype.startTableSelectionAction = function (tableActionEvent) {
             return __awaiter(this, void 0, void 0, function () {
                 var tableCode, actionCode, actionDetail, tableObject, selectedRecords, action, tableActionDetail, tableEventHandlers, tableActionMethods, clientActionPromises, tableActionMethods_5, tableActionMethods_5_1, tableActionMethod, clientActionPromise, clientActionResults, continueAction;
-                var e_19, _g;
-                return __generator(this, function (_h) {
-                    switch (_h.label) {
+                var e_17, _j;
+                return __generator(this, function (_k) {
+                    switch (_k.label) {
                         case 0:
                             tableCode = tableActionEvent.tableCode, actionCode = tableActionEvent.actionCode, actionDetail = tableActionEvent.actionDetail;
                             tableObject = this.getTable(tableCode);
@@ -4777,21 +4680,21 @@
                                     clientActionPromises.push(clientActionPromise);
                                 }
                             }
-                            catch (e_19_1) { e_19 = { error: e_19_1 }; }
+                            catch (e_17_1) { e_17 = { error: e_17_1 }; }
                             finally {
                                 try {
-                                    if (tableActionMethods_5_1 && !tableActionMethods_5_1.done && (_g = tableActionMethods_5.return)) _g.call(tableActionMethods_5);
+                                    if (tableActionMethods_5_1 && !tableActionMethods_5_1.done && (_j = tableActionMethods_5.return)) _j.call(tableActionMethods_5);
                                 }
-                                finally { if (e_19) throw e_19.error; }
+                                finally { if (e_17) throw e_17.error; }
                             }
                             return [4 /*yield*/, Promise.all(clientActionPromises)];
                         case 1:
-                            clientActionResults = _h.sent();
+                            clientActionResults = _k.sent();
                             continueAction = clientActionResults.reduce(function (total, curr) { return (total && curr); }, true);
                             if (!continueAction) {
                                 return [2 /*return*/];
                             }
-                            _h.label = 2;
+                            _k.label = 2;
                         case 2:
                             this.startTableServerSelectionAction(tableActionDetail);
                             return [2 /*return*/];
@@ -4802,8 +4705,8 @@
         BasicFormComponent.prototype.startTableServerSelectionAction = function (tableActionDetail) {
             return __awaiter(this, void 0, void 0, function () {
                 var tableObject, action, tableCode, actionCode, selectedRecords, finish, actionResult, actionSubject;
-                return __generator(this, function (_g) {
-                    switch (_g.label) {
+                return __generator(this, function (_j) {
+                    switch (_j.label) {
                         case 0:
                             tableObject = tableActionDetail.tableObject, action = tableActionDetail.action, tableCode = tableActionDetail.tableCode, actionCode = tableActionDetail.actionCode, selectedRecords = tableActionDetail.selectedRecords;
                             if (!tableObject || !action) {
@@ -4815,16 +4718,16 @@
                             if (!action.backend) return [3 /*break*/, 2];
                             actionSubject = {
                                 tableCode: tableCode,
-                                actionType: componentConstants.FORMTABLEACTION_SELECTION,
+                                actionType: this.formConfig.tableActions.selection,
                                 actionCode: actionCode,
                                 selectedRecords: selectedRecords
                             };
                             return [4 /*yield*/, this
-                                    .requestFormAction(componentConstants.FORMACTION_TABLEACTION, actionSubject)];
+                                    .requestFormAction(formActions.tableAction, actionSubject)];
                         case 1:
-                            actionResult = _g.sent();
+                            actionResult = _j.sent();
                             finish = !this.errorOccured();
-                            _g.label = 2;
+                            _j.label = 2;
                         case 2:
                             if (finish) {
                                 this.finishTableSelectionAction(tableActionDetail, actionResult);
@@ -4842,9 +4745,9 @@
         BasicFormComponent.prototype.finishTableSelectionAction = function (tableActionDetail, actionResult) {
             return __awaiter(this, void 0, void 0, function () {
                 var tableCode, actionCode, tableEventHandlers, tableActionMethods, clientActionPromises, tableActionMethods_6, tableActionMethods_6_1, tableActionMethod;
-                var e_20, _g;
-                return __generator(this, function (_h) {
-                    switch (_h.label) {
+                var e_18, _j;
+                return __generator(this, function (_k) {
+                    switch (_k.label) {
                         case 0:
                             tableCode = tableActionDetail.tableCode, actionCode = tableActionDetail.actionCode;
                             tableEventHandlers = this.tableActionsFinish[tableCode];
@@ -4857,17 +4760,17 @@
                                     clientActionPromises.push(tableActionMethod(tableActionDetail, actionResult));
                                 }
                             }
-                            catch (e_20_1) { e_20 = { error: e_20_1 }; }
+                            catch (e_18_1) { e_18 = { error: e_18_1 }; }
                             finally {
                                 try {
-                                    if (tableActionMethods_6_1 && !tableActionMethods_6_1.done && (_g = tableActionMethods_6.return)) _g.call(tableActionMethods_6);
+                                    if (tableActionMethods_6_1 && !tableActionMethods_6_1.done && (_j = tableActionMethods_6.return)) _j.call(tableActionMethods_6);
                                 }
-                                finally { if (e_20) throw e_20.error; }
+                                finally { if (e_18) throw e_18.error; }
                             }
                             return [4 /*yield*/, Promise.all(clientActionPromises)];
                         case 1:
-                            _h.sent();
-                            _h.label = 2;
+                            _k.sent();
+                            _k.label = 2;
                         case 2: return [2 /*return*/];
                     }
                 });
@@ -4876,9 +4779,9 @@
         BasicFormComponent.prototype.startTableGetData = function (tableActionEvent) {
             return __awaiter(this, void 0, void 0, function () {
                 var tableCode, tableObject, tableActionDetail, tableEventHandlers, clientActionPromises, tableEventHandlers_3, tableEventHandlers_3_1, tableActionMethod, clientActionPromise, clientActionResults, continueAction;
-                var e_21, _g;
-                return __generator(this, function (_h) {
-                    switch (_h.label) {
+                var e_19, _j;
+                return __generator(this, function (_k) {
+                    switch (_k.label) {
                         case 0:
                             tableCode = tableActionEvent.tableCode;
                             tableObject = this.getTable(tableCode);
@@ -4897,21 +4800,21 @@
                                     clientActionPromises.push(clientActionPromise);
                                 }
                             }
-                            catch (e_21_1) { e_21 = { error: e_21_1 }; }
+                            catch (e_19_1) { e_19 = { error: e_19_1 }; }
                             finally {
                                 try {
-                                    if (tableEventHandlers_3_1 && !tableEventHandlers_3_1.done && (_g = tableEventHandlers_3.return)) _g.call(tableEventHandlers_3);
+                                    if (tableEventHandlers_3_1 && !tableEventHandlers_3_1.done && (_j = tableEventHandlers_3.return)) _j.call(tableEventHandlers_3);
                                 }
-                                finally { if (e_21) throw e_21.error; }
+                                finally { if (e_19) throw e_19.error; }
                             }
                             return [4 /*yield*/, Promise.all(clientActionPromises)];
                         case 1:
-                            clientActionResults = _h.sent();
+                            clientActionResults = _k.sent();
                             continueAction = clientActionResults.reduce(function (total, curr) { return (total && curr); }, true);
                             if (!continueAction) {
                                 return [2 /*return*/];
                             }
-                            _h.label = 2;
+                            _k.label = 2;
                         case 2:
                             this.startTableServerGetData(tableActionDetail);
                             return [2 /*return*/];
@@ -4922,16 +4825,16 @@
         BasicFormComponent.prototype.startTableServerGetData = function (tableActionDetail) {
             return __awaiter(this, void 0, void 0, function () {
                 var tableObject, tableCode, actionSubject, actionResult;
-                return __generator(this, function (_g) {
-                    switch (_g.label) {
+                return __generator(this, function (_j) {
+                    switch (_j.label) {
                         case 0:
                             tableObject = tableActionDetail.tableObject, tableCode = tableActionDetail.tableCode;
                             tableObject.putOnWait();
                             actionSubject = { tableCode: tableCode };
                             return [4 /*yield*/, this
-                                    .requestFormAction(componentConstants.FORMACTION_GETTABLEDATA, actionSubject)];
+                                    .requestFormAction(formActions.getTableData, actionSubject)];
                         case 1:
-                            actionResult = _g.sent();
+                            actionResult = _j.sent();
                             if (this.errorOccured()) {
                                 this.displayTableServerError();
                             }
@@ -4947,9 +4850,9 @@
         BasicFormComponent.prototype.finishTableGetData = function (tableActionDetail, actionResult) {
             return __awaiter(this, void 0, void 0, function () {
                 var tableCode, tableActionCode, tableEventHandlers, tableActionMethods, clientActionPromises, tableActionMethods_7, tableActionMethods_7_1, tableActionMethod;
-                var e_22, _g;
-                return __generator(this, function (_h) {
-                    switch (_h.label) {
+                var e_20, _j;
+                return __generator(this, function (_k) {
+                    switch (_k.label) {
                         case 0:
                             tableCode = tableActionDetail.tableCode, tableActionCode = tableActionDetail.tableActionCode;
                             tableEventHandlers = this.tableActionsFinish[tableCode];
@@ -4962,17 +4865,17 @@
                                     clientActionPromises.push(tableActionMethod(tableActionDetail, actionResult));
                                 }
                             }
-                            catch (e_22_1) { e_22 = { error: e_22_1 }; }
+                            catch (e_20_1) { e_20 = { error: e_20_1 }; }
                             finally {
                                 try {
-                                    if (tableActionMethods_7_1 && !tableActionMethods_7_1.done && (_g = tableActionMethods_7.return)) _g.call(tableActionMethods_7);
+                                    if (tableActionMethods_7_1 && !tableActionMethods_7_1.done && (_j = tableActionMethods_7.return)) _j.call(tableActionMethods_7);
                                 }
-                                finally { if (e_22) throw e_22.error; }
+                                finally { if (e_20) throw e_20.error; }
                             }
                             return [4 /*yield*/, Promise.all(clientActionPromises)];
                         case 1:
-                            _h.sent();
-                            _h.label = 2;
+                            _k.sent();
+                            _k.label = 2;
                         case 2: return [2 /*return*/];
                     }
                 });
@@ -4980,24 +4883,24 @@
         };
         BasicFormComponent.prototype.checkSectionRequiredFields = function (sectionCode, reqFieldMessage) {
             this.cleanErrorFields(null, sectionCode);
-            var requiredFieldMessage = reqFieldMessage || REQUIRED_FIELD_MESSAGE;
+            var requiredFieldMessage = reqFieldMessage !== null && reqFieldMessage !== void 0 ? reqFieldMessage : this.formConfig.formStandardErrors.requiredField;
             var numErrors = this.tagFieldsWithError(this.getRequiredEmptyFields(null, sectionCode), null, requiredFieldMessage);
             return (numErrors === 0);
         };
         BasicFormComponent.prototype.validateSectionConsistency = function (sectionCode, reqFieldMessage) {
-            var e_23, _g, e_24, _h;
+            var e_21, _j, e_22, _k;
             this.resetError();
             var completeFields = this.checkSectionRequiredFields(sectionCode, reqFieldMessage);
             if (!completeFields) {
-                this.setError(componentConstants.FORMERROR_TYPE_WARNING, componentConstants.FORMERROR_VALIDATION_TITLE, componentConstants.FORMERROR_REQUIRED_FIELDS);
+                this.setError(this.formConfig.formStandardErrors.typeWarning, this.formConfig.formStandardErrors.validationTitle, this.formConfig.formStandardErrors.requiredFields);
                 return;
             }
             var validationError = false;
             var requiredEmptyFields = this.getRequiredEmptyFields(null, sectionCode);
             if (requiredEmptyFields.length > 0) {
                 validationError = true;
-                this.setError(componentConstants.FORMERROR_TYPE_WARNING, componentConstants.FORMERROR_VALIDATION_TITLE, componentConstants.FORMERROR_REQUIRED_FIELDS);
-                this.tagFieldsWithError(requiredEmptyFields, null, componentConstants.FIELD_REQUIRED_MESSAGE);
+                this.setError(this.formConfig.formStandardErrors.typeWarning, this.formConfig.formStandardErrors.validationTitle, this.formConfig.formStandardErrors.requiredFields);
+                this.tagFieldsWithError(requiredEmptyFields, null, this.formConfig.formStandardErrors.requiredField);
                 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;
@@ -5009,18 +4912,18 @@
                         }
                     }
                 }
-                catch (e_23_1) { e_23 = { error: e_23_1 }; }
+                catch (e_21_1) { e_21 = { error: e_21_1 }; }
                 finally {
                     try {
-                        if (requiredEmptyFields_1_1 && !requiredEmptyFields_1_1.done && (_g = requiredEmptyFields_1.return)) _g.call(requiredEmptyFields_1);
+                        if (requiredEmptyFields_1_1 && !requiredEmptyFields_1_1.done && (_j = requiredEmptyFields_1.return)) _j.call(requiredEmptyFields_1);
                     }
-                    finally { if (e_23) throw e_23.error; }
+                    finally { if (e_21) throw e_21.error; }
                 }
             }
             var validationIssueFields = this.getFieldsWithValidationIssues(null, sectionCode);
             if (!validationError && validationIssueFields.length > 0) {
                 validationError = true;
-                this.setError(componentConstants.FORMERROR_TYPE_WARNING, componentConstants.FORMERROR_VALIDATION_TITLE, componentConstants.FORMERROR_VALIDATION_FIELDS);
+                this.setError(this.formConfig.formStandardErrors.typeWarning, this.formConfig.formStandardErrors.validationTitle, this.formConfig.formStandardErrors.validationFields);
                 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;
@@ -5032,18 +4935,18 @@
                         }
                     }
                 }
-                catch (e_24_1) { e_24 = { error: e_24_1 }; }
+                catch (e_22_1) { e_22 = { error: e_22_1 }; }
                 finally {
                     try {
-                        if (validationIssueFields_1_1 && !validationIssueFields_1_1.done && (_h = validationIssueFields_1.return)) _h.call(validationIssueFields_1);
+                        if (validationIssueFields_1_1 && !validationIssueFields_1_1.done && (_k = validationIssueFields_1.return)) _k.call(validationIssueFields_1);
                     }
-                    finally { if (e_24) throw e_24.error; }
+                    finally { if (e_22) throw e_22.error; }
                 }
             }
             return validationError;
         };
         BasicFormComponent.prototype.copyTableRecordToFields = function (tableObj, mappingTable) {
-            var e_25, _g;
+            var e_23, _j;
             if (mappingTable === void 0) { mappingTable = null; }
             var _a, _b;
             var tableObject = this.getTable(tableObj.tableCode);
@@ -5057,12 +4960,12 @@
                     this.setFieldValue(fieldCode, columnValue);
                 }
             }
-            catch (e_25_1) { e_25 = { error: e_25_1 }; }
+            catch (e_23_1) { e_23 = { error: e_23_1 }; }
             finally {
                 try {
-                    if (columnNames_1_1 && !columnNames_1_1.done && (_g = columnNames_1.return)) _g.call(columnNames_1);
+                    if (columnNames_1_1 && !columnNames_1_1.done && (_j = columnNames_1.return)) _j.call(columnNames_1);
                 }
-                finally { if (e_25) throw e_25.error; }
+                finally { if (e_23) throw e_23.error; }
             }
             return true;
         };
@@ -5070,7 +4973,7 @@
          * Soporte registros en tablas que se editan en campos del formulario
          */
         BasicFormComponent.prototype.defineEditionTable = function (tableEditionDef) {
-            var e_26, _g;
+            var e_24, _j;
             var _this = this;
             var columnFieldMapping = tableEditionDef.columnFieldMapping, recordCaptureFields = tableEditionDef.recordCaptureFields, startCollapsed = tableEditionDef.startCollapsed;
             tableEditionDef.startCollapsed = (typeof startCollapsed !== 'undefined')
@@ -5080,17 +4983,17 @@
             try {
                 for (var columnFieldMapping_1 = __values(columnFieldMapping), columnFieldMapping_1_1 = columnFieldMapping_1.next(); !columnFieldMapping_1_1.done; columnFieldMapping_1_1 = columnFieldMapping_1.next()) {
                     var columnMap = columnFieldMapping_1_1.value;
-                    var _h = __read(columnMap, 2), columnName = _h[0], formField = _h[1];
+                    var _k = __read(columnMap, 2), columnName = _k[0], formField = _k[1];
                     fieldsMappingTable[columnName] = formField;
                     fieldsToClear.push(formField);
                 }
             }
-            catch (e_26_1) { e_26 = { error: e_26_1 }; }
+            catch (e_24_1) { e_24 = { error: e_24_1 }; }
             finally {
                 try {
-                    if (columnFieldMapping_1_1 && !columnFieldMapping_1_1.done && (_g = columnFieldMapping_1.return)) _g.call(columnFieldMapping_1);
+                    if (columnFieldMapping_1_1 && !columnFieldMapping_1_1.done && (_j = columnFieldMapping_1.return)) _j.call(columnFieldMapping_1);
                 }
-                finally { if (e_26) throw e_26.error; }
+                finally { if (e_24) throw e_24.error; }
             }
             tableEditionDef.fieldsMappingTable = fieldsMappingTable;
             tableEditionDef.fieldsToClear = fieldsToClear;
@@ -5141,7 +5044,7 @@
             }
         };
         BasicFormComponent.prototype.enableRecordEdition = function (tableEditionDef, tableActionObject) {
-            var e_27, _g;
+            var e_25, _j;
             if (tableActionObject === void 0) { tableActionObject = null; }
             if (tableActionObject) {
                 this.copyTableRecordToFields(tableActionObject, tableEditionDef.fieldsMappingTable);
@@ -5153,17 +5056,17 @@
             if (tableEditionDef.fieldsToTriggerValidation
                 && tableEditionDef.fieldsToTriggerValidation.length > 0) {
                 try {
-                    for (var _h = __values(tableEditionDef.fieldsToTriggerValidation), _j = _h.next(); !_j.done; _j = _h.next()) {
-                        var fieldName = _j.value;
+                    for (var _k = __values(tableEditionDef.fieldsToTriggerValidation), _l = _k.next(); !_l.done; _l = _k.next()) {
+                        var fieldName = _l.value;
                         this.startFieldValidation(fieldName);
                     }
                 }
-                catch (e_27_1) { e_27 = { error: e_27_1 }; }
+                catch (e_25_1) { e_25 = { error: e_25_1 }; }
                 finally {
                     try {
-                        if (_j && !_j.done && (_g = _h.return)) _g.call(_h);
+                        if (_l && !_l.done && (_j = _k.return)) _j.call(_k);
                     }
-                    finally { if (e_27) throw e_27.error; }
+                    finally { if (e_25) throw e_25.error; }
                 }
             }
             return true;
@@ -5182,13 +5085,13 @@
             var requiredEmptyFields = this.getRequiredEmptyFields(recordCaptureFields, null);
             if (requiredEmptyFields.length > 0) {
                 validationOk = false;
-                this.setError(componentConstants.FORMERROR_TYPE_WARNING, componentConstants.FORMERROR_VALIDATION_TITLE, componentConstants.FORMERROR_REQUIRED_FIELDS);
-                this.tagFieldsWithError(requiredEmptyFields, null, componentConstants.FIELD_REQUIRED_MESSAGE);
+                this.setError(this.formConfig.formStandardErrors.typeWarning, this.formConfig.formStandardErrors.validationTitle, this.formConfig.formStandardErrors.requiredFields);
+                this.tagFieldsWithError(requiredEmptyFields, null, this.formConfig.formStandardErrors.requiredField);
             }
             var validationIssueFields = this.getFieldsWithValidationIssues(recordCaptureFields, null);
             if (validationIssueFields.length > 0) {
                 validationOk = false;
-                this.setError(componentConstants.FORMERROR_TYPE_WARNING, componentConstants.FORMERROR_VALIDATION_TITLE, componentConstants.FORMERROR_VALIDATION_FIELDS);
+                this.setError(this.formConfig.formStandardErrors.typeWarning, this.formConfig.formStandardErrors.validationTitle, this.formConfig.formStandardErrors.validationFields);
             }
             return validationOk;
         };