tuain-ng-forms-lib 0.12.31 → 12.0.3

package/fesm2015/tuain-ng-forms-lib.js

@@ -12,6 +12,8 @@ class ActionComponent {
         this.showLabel = true;
     }
     ngOnInit() {
+        var _a;
+        this.formConfig = (_a = this.actionObject) === null || _a === void 0 ? void 0 : _a._formConfig;
         this.start();
     }
     start() { }
@@ -49,132 +51,22 @@ ActionComponent.propDecorators = {
     showLabel: [{ type: Input }]
 };
 
-const 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',
-};
-const operators = {
-    G: '>',
-    L: '<',
-    GE: '>=',
-    LE: '<=',
-    EQ: '==',
-    NOT_EQ: '!=',
-    CONTENT: 'Contiene',
-    NOT_CONTENT: 'No Contiene',
-    BETWEEN: 'Entre',
-};
-const 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'
-    }
-};
-const 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' },
-    ]
-};
-
-const MONITORED_ATTRIBUTES$1 = {
-    _maxLength: 'maxLength',
-    _onValidation: '_onValidation',
-    _fieldValue: 'value',
-    captureType: 'captureType',
-    fieldTitle: 'fieldTitle',
-    fieldType: 'fieldType',
-    errorMessage: 'errorMessage',
-    errorType: 'errorType',
-    errorCode: 'errorCode',
-    visibleLabel: 'visibleLabel',
-    fieldRequired: 'fieldRequired',
-    fieldOptions: 'fieldOptions',
-};
 class FieldComponent {
-    constructor() {
-        this.componentConstants = Object.assign({}, componentConstants);
-    }
     ngOnInit() {
+        var _a, _b;
         if (this.fieldObject) {
-            // Atributos estáticos
-            this.code = this.fieldObject.fieldCode;
-            this.fieldInfo = this.fieldObject.fieldInfo;
-            this.fieldAlignment = this.fieldObject.fieldAlignment;
-            this.tooltipText = this.fieldObject.tooltipText;
-            this.fieldObject.widget = this;
-            // Atributos dinámicos
+            this.formConfig = (_a = this.fieldObject) === null || _a === void 0 ? void 0 : _a._formConfig;
+            // Inicialización
+            const mapping = Object.entries(this.formConfig.componentFieldAttrMap);
+            for (let index = 0; index < mapping.length; index++) {
+                const [fieldAttr, compAttr] = mapping[index];
+                this[compAttr.toString()] = (_b = this.fieldObject) === null || _b === void 0 ? void 0 : _b[fieldAttr.toString()];
+            }
+            // Subscripción a cambios en atributos
             this.fieldObject.attributeChange.subscribe(event => {
-                const { name, value } = event;
-                if (this[MONITORED_ATTRIBUTES$1[name]]) {
-                    this[MONITORED_ATTRIBUTES$1[name]] = value;
-                }
+                const { name: fieldAttr, value } = event;
+                const compAttr = this.formConfig.componentFieldAttrMap[fieldAttr];
+                this.hasOwnProperty(compAttr) && (this[compAttr] = value);
             });
         }
         this.start();
@@ -201,17 +93,15 @@ FieldComponent.decorators = [
                 template: `<ng-content></ng-content>`
             },] }
 ];
-FieldComponent.ctorParameters = () => [];
 FieldComponent.propDecorators = {
     fieldObject: [{ type: Input }],
     disabled: [{ type: Input }]
 };
 
 class ElementComponent {
-    constructor() {
-        this.componentConstants = Object.assign({}, componentConstants);
-    }
     ngOnInit() {
+        var _a;
+        this.formConfig = (_a = this.formElement) === null || _a === void 0 ? void 0 : _a._formConfig;
         this.start();
     }
     start() { }
@@ -232,7 +122,6 @@ ElementComponent.decorators = [
                 template: `<ng-content></ng-content>`
             },] }
 ];
-ElementComponent.ctorParameters = () => [];
 ElementComponent.propDecorators = {
     formElement: [{ type: Input }],
     formManager: [{ type: Input }]
@@ -328,9 +217,35 @@ class Filter {
     }
 }
 
+const NO_ERROR = '00';
+const HEADER$1 = 'HEADER';
+const elementTypes = {
+    action: 'ACTION',
+    field: 'FIELD',
+    table: 'TABLE',
+};
+const formActions = {
+    tableAction: 'TABLEACTION',
+    getData: 'GETDATA',
+    getTableData: 'GETTABLEDATA',
+    validate: 'VALIDATE',
+};
+const operators = {
+    G: '>',
+    L: '<',
+    GE: '>=',
+    LE: '<=',
+    EQ: '==',
+    NOT_EQ: '!=',
+    CONTENT: 'Contiene',
+    NOT_CONTENT: 'No Contiene',
+    BETWEEN: 'Entre',
+};
+
 class FormElement {
-    constructor(elementDefinition) {
+    constructor(elementDefinition, formConfig) {
         var _a, _b;
+        this._formConfig = formConfig;
         this._isForced = false;
         this.setVisibleStates(elementDefinition.visibleStates);
         this.setEnabledStates(elementDefinition.enabledStates);
@@ -339,9 +254,9 @@ class FormElement {
         this.setVisibility((_b = elementDefinition === null || elementDefinition === void 0 ? void 0 : elementDefinition.visible) !== null && _b !== void 0 ? _b : true);
         this.widget = null;
     }
-    isField() { return this.elementType === componentConstants.ELEMENTTYPE_FIELD; }
-    isAction() { return this.elementType === componentConstants.ELEMENTTYPE_ACTION; }
-    isTable() { return this.elementType === componentConstants.ELEMENTTYPE_TABLE; }
+    isField() { return this.elementType === elementTypes.field; }
+    isAction() { return this.elementType === elementTypes.action; }
+    isTable() { return this.elementType === elementTypes.table; }
     setVisibleStates(newStates) {
         const visibleStates = (!Array.isArray(newStates) && typeof newStates === 'string')
             ? newStates.split(',').map(state => state.trim()).filter(state => state.length > 0)
@@ -387,13 +302,14 @@ class FormElement {
 }
 
 class RecordTableColumn {
-    constructor(recTableColReceived) {
+    constructor(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;
-            const defaultTypeAlignment = (tableFieldStyles[this.fieldType] != null) ? tableFieldStyles[this.fieldType]['text-align'] : 'left';
+            this.fieldType = recTableColReceived.fieldTypeCode || this._formConfig.fieldTypes.text;
+            const 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;
@@ -480,6 +396,8 @@ function formatCurrency(inputValue) {
     return outputValue;
 }
 
+const DATE_TYPE = 'DATE';
+const CURRENCY_TYPE = 'CURRENCY';
 class TableRecordData {
     constructor(recordReceived, recordDefinition, selectionFieldName = null) {
         this.recordData = {};
@@ -514,10 +432,10 @@ class TableRecordData {
         }
     }
     formatFieldValue(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 || '';
@@ -601,6 +519,8 @@ class TableRecordData {
     }
 }
 
+const TABLE_SORT_ASCENDING = 'asc';
+const TABLE_SORT_DESCENDING = 'desc';
 const TABLE_FILTER_TYPES = {
     simpleFilterChange: 'SIMPLE_CHANGE',
     simpleFilterFinish: 'SIMPLE_FINISH',
@@ -608,9 +528,9 @@ const TABLE_FILTER_TYPES = {
     complexFilterRemove: 'COMPLEX_REMOVE',
 };
 class RecordTable extends FormElement {
-    constructor(tableReceived) {
+    constructor(tableReceived, formConfig) {
         var _a, _b, _c, _d, _e, _f, _g;
-        super(tableReceived);
+        super(tableReceived, formConfig);
         this._inlineActionTrigger = new Subject();
         this._globalActionTrigger = new Subject();
         this._recordSelectionTrigger = new Subject();
@@ -620,7 +540,7 @@ class RecordTable extends FormElement {
         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;
@@ -643,10 +563,10 @@ class RecordTable extends FormElement {
         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) {
             for (const columnReceived of tableReceived.fields) {
-                const columnDefinition = new RecordTableColumn(columnReceived);
+                const columnDefinition = new RecordTableColumn(columnReceived, this._formConfig);
                 this.columns.push(columnDefinition);
                 this._tableColumnObj[columnDefinition.fieldCode] = columnDefinition;
             }
@@ -823,7 +743,7 @@ class RecordTable extends FormElement {
         return (this._actionsObj && actionCode && this._actionsObj[actionCode])
             ? this._actionsObj[actionCode] : null;
     }
-    getActions(actionClass = componentConstants.FORMTABLEACTION_INLINE, actionTypes = null) {
+    getActions(actionClass = this._formConfig.tableActions.inline, actionTypes = null) {
         return this._actions.filter(actionDef => {
             const typeIncluded = (actionTypes) ? actionTypes.includes(actionDef.actionType) : true;
             return actionDef.actionClass === actionClass && typeIncluded;
@@ -884,14 +804,14 @@ class RecordTable extends FormElement {
     setRequiredOrder(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;
             }
         }
     }
@@ -912,7 +832,7 @@ class RecordTable extends FormElement {
         else if (recordAColumn > recordBColumn) {
             result = 1;
         }
-        return direction === componentConstants.TABLE_SORT_ASCENDING ? result : -result;
+        return direction === TABLE_SORT_ASCENDING ? result : -result;
     }
 }
 
@@ -1068,13 +988,15 @@ class LibTableComponent {
         this.hasActions = false;
     }
     ngOnInit() {
-        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();
     }
     start() { }
@@ -1184,15 +1106,15 @@ class RecordFormSubSection {
                 let arrayToAdd = null;
                 const { type, code } = receivedElement;
                 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;
@@ -1328,18 +1250,18 @@ class RecordFormSection {
     supportMode(state) { return this.viewOnState(state); }
 }
 
-const HEADER$1 = 'HEADER';
+const HEADER = 'HEADER';
 class FormAction extends FormElement {
-    constructor(actionDefinition) {
+    constructor(actionDefinition, formConfig) {
         var _a, _b;
-        super(actionDefinition);
+        super(actionDefinition, formConfig);
         this._actionActivated = new 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;
-        this.location = actionDefinition.position || HEADER$1;
+        this.location = actionDefinition.position || HEADER;
         this.backend = (_a = actionDefinition === null || actionDefinition === void 0 ? void 0 : actionDefinition.serverAction) !== null && _a !== void 0 ? _a : false;
         this.newState = actionDefinition === null || actionDefinition === void 0 ? void 0 : actionDefinition.newState;
         this.customAttributes = (_b = actionDefinition === null || actionDefinition === void 0 ? void 0 : actionDefinition.customAttributes) !== null && _b !== void 0 ? _b : null;
@@ -1363,58 +1285,9 @@ class FormAction extends FormElement {
 }
 
 const UNDEFINED = 'undefined';
-const FIELD_VALUE = 'fieldValue';
-const FIELD_OPTIONS = 'fieldOptions';
-const FIELD_TITLE = 'fieldTitle';
-const FIELD_CAPTURE_TYPE = 'captureType';
-const FIELD_TYPE = 'fieldTypeCode';
-const FIELD_MAX_LENGTH = 'maxLength';
-const FIELD_VISIBLE = 'visible';
-const FIELD_LABEL_VISIBLE = 'visibleLabel';
-const FIELD_REQUIRED = 'required';
-const FIELD_ERR_CODE = 'errorCode';
-const FIELD_ERR_MSG = 'errorMessage';
-const FIELD_TOOLTIP = 'tooltipText';
-const FIELD_INFO = 'info';
-const FIELD_EDITABLE = 'editable';
-const 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',
-};
-const FIELD_TYPES_FORMATS = {
-    EMAIL: new RegExp('^\\w+([\\.-]?\\w+)@\\w+([\\.-]?\\w+)(\\.\\w{2,3})+$'),
-};
-const INTRINSIC_ERROR_MESSAGES = {
-    EMAIL: `El valor no corresponde a un correo válido`,
-    DEFAULT: `El valor no se ajusta al formato establecido`,
-};
 const DEFAULT_ERROR_TYPE = 'error';
 const DEFAULT_CAPTURE_TYPE = 'INPUT';
 const DEFAULT_ALIGNMENT = 'left';
-const MONITORED_ATTRIBUTES = ['_maxLength', '_onValidation', 'captureType', 'fieldTitle', 'fieldType',
-    'errorMessage', 'errorType', 'errorCode', 'visibleLabel', 'fieldRequired', 'fieldOptions', '_fieldValue'];
 const STD_MAX_LENGTH = 50;
 const BIG_MAX_LENGTH = 500;
 const fldAttr = {
@@ -1447,21 +1320,21 @@ const fldAttr = {
     options: 'fieldOptions',
 };
 class FieldDescriptor extends FormElement {
-    constructor(inputFieldReceived) {
+    constructor(inputFieldReceived, formConfig) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-        super(inputFieldReceived);
+        super(inputFieldReceived, formConfig);
         this._editionFinish = new Subject();
         this._editionPartial = new Subject();
         this._detailRequest = new Subject();
         this._attributeChange = new Subject();
-        this.elementType = componentConstants.ELEMENTTYPE_FIELD;
+        this.elementType = elementTypes.field;
         const 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);
-        const defaultTypeAlignment = (tableFieldStyles[this.fieldType] != null)
-            ? tableFieldStyles[this.fieldType]['text-align'] : DEFAULT_ALIGNMENT;
+        const defaultTypeAlignment = (this._formConfig.tableFieldStyles[this.fieldType] != null)
+            ? this._formConfig.tableFieldStyles[this.fieldType]['text-align'] : DEFAULT_ALIGNMENT;
         const fieldAlignment = (fld.alignment != null) ? fld.alignment.toLowerCase() : defaultTypeAlignment;
         this.setAttr(fldAttr.alignment, fieldAlignment);
         this.setAttr(fldAttr.info, fld.info || '');
@@ -1482,7 +1355,7 @@ class FieldDescriptor extends FormElement {
         this.setAttr(fldAttr.outputOnly, (_h = fld.outputOnly) !== null && _h !== void 0 ? _h : false);
         const 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);
@@ -1518,13 +1391,13 @@ class FieldDescriptor extends FormElement {
         this._editionPartial.next({ code: this.fieldCode, intrinsicValidation });
     }
     notifyEditionFinish() {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         let intrinsicValidation = true;
-        const fieldDefaultFormat = (_a = FIELD_TYPES_FORMATS === null || FIELD_TYPES_FORMATS === void 0 ? void 0 : FIELD_TYPES_FORMATS[this.fieldType]) !== null && _a !== void 0 ? _a : null;
+        const fieldDefaultFormat = (_b = (_a = this._formConfig.fieldTypesPatterns) === null || _a === void 0 ? void 0 : _a[this.fieldType]) !== null && _b !== void 0 ? _b : null;
         const 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);
             }
@@ -1532,16 +1405,15 @@ class FieldDescriptor extends FormElement {
         this._editionFinish.next({ code: this.fieldCode, intrinsicValidation });
     }
     setAttr(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, value });
         }
     }
     notifyEditionDetailRequest() {
         this._detailRequest.next(this.fieldCode);
     }
+    getCustomAttribute(name) { var _a, _b; return (_b = (_a = this.customAttributes) === null || _a === void 0 ? void 0 : _a[name]) !== null && _b !== void 0 ? _b : null; }
     setVisibleLabel(visibleLabel) { this.setAttr(fldAttr.visibleLabel, visibleLabel); }
     showLabel() { this.setVisibleLabel(true); }
     hideLabel() { this.setVisibleLabel(false); }
@@ -1552,10 +1424,11 @@ class FieldDescriptor extends FormElement {
     clean() { this.setValue(this.defaultValue || ''); }
     get backend() { return this.validateOnServer; }
     setEditable(editable = true) { (editable) ? this.enable() : this.disable(); }
-    hasError() { return this.errorCode !== '00'; }
+    hasError() { return this.errorCode !== NO_ERROR; }
+    resetError() { (this.errorCode !== NO_ERROR) && this.setError(NO_ERROR, null); }
     setError(code, message, type = DEFAULT_ERROR_TYPE) {
-        this.setAttr(fldAttr.errorCode, code !== null && code !== void 0 ? code : '00');
-        this.setAttr(fldAttr.errorType, (this.errorCode === '00') ? '' : type);
+        this.setAttr(fldAttr.errorCode, code !== null && code !== void 0 ? code : NO_ERROR);
+        this.setAttr(fldAttr.errorType, (this.errorCode === NO_ERROR) ? '' : type);
         this.setAttr(fldAttr.errorMessage, message !== null && message !== void 0 ? message : '');
     }
     getError() { return { type: this.errorType, code: this.errorCode, message: this.errorMessage }; }
@@ -1570,7 +1443,7 @@ class FieldDescriptor extends FormElement {
         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;
         }
@@ -1578,12 +1451,15 @@ class FieldDescriptor extends FormElement {
         return fieldCurrentValue === '';
     }
     getValue() {
-        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:
@@ -1597,33 +1473,33 @@ class FieldDescriptor extends FormElement {
         for (let index = 0; index < fieldKeys.length; index++) {
             const attrName = fieldKeys[index];
             const 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);
         }
     }
     setFieldType(inputFieldType) {
         this.setAttr(fldAttr.type, inputFieldType);
     }
     format() {
-        if (this.fieldType === componentConstants.FIELDTYPE_CURRENCY) {
+        if (this.fieldType === this._formConfig.fieldTypes.currency) {
             this.setAttr(fldAttr.value, formatCurrency(this._fieldValue));
         }
     }
     setMinValue(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) {
@@ -1637,7 +1513,7 @@ class FieldDescriptor extends FormElement {
     }
     setMaxValue(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) {
@@ -1669,11 +1545,11 @@ class FieldDescriptor extends FormElement {
         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)) {
                 const fieldValue = (_b = this._fieldValue) === null || _b === void 0 ? void 0 : _b.filter(item => this.fieldOptions.find(opt => opt.fieldOptionId === item));
                 this.setAttr(fldAttr.value, fieldValue);
             }
@@ -1702,10 +1578,13 @@ class FieldDescriptor extends FormElement {
             case 'BOOLEAN':
                 newFinalValue = !!newValue;
                 break;
-            case componentConstants.FIELDTYPE_CHECK:
+            case this._formConfig.fieldTypes.boolean:
                 newFinalValue = !!newValue;
                 break;
-            case componentConstants.FIELDTYPE_ARRAY:
+            case this._formConfig.fieldTypes.check:
+                newFinalValue = !!newValue;
+                break;
+            case this._formConfig.fieldTypes.array:
                 if (newValue === null || newValue === '') {
                     newFinalValue = [];
                 }
@@ -1719,7 +1598,7 @@ class FieldDescriptor extends FormElement {
                     newFinalValue = newValue;
                 }
                 break;
-            case componentConstants.FIELDTYPE_MAP:
+            case this._formConfig.fieldTypes.map:
                 newFinalValue = newValue;
                 if (newFinalValue && this.widget && widgetUpdate) {
                     const latitude = parseFloat(newFinalValue[0]);
@@ -1727,7 +1606,7 @@ class FieldDescriptor extends FormElement {
                     (_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:
@@ -1742,16 +1621,15 @@ class FieldDescriptor extends FormElement {
     }
 }
 
-const HEADER = 'HEADER';
-const NO_ERROR = '00';
 class FormStructureAndData {
-    constructor(definitionReceived) {
+    constructor(definitionReceived, formConfig) {
         this._fieldsObj = {};
         this._actionsObj = {};
         this._tableObj = {};
         this._sectionsObj = {};
         this._immutableData = {};
         this._extraInfo = {};
+        this._formConfig = formConfig;
         this.state = '';
         this._actions = [];
         this._fields = [];
@@ -1785,7 +1663,7 @@ class FormStructureAndData {
                 return Object.assign(Object.assign({}, objDef), { visibleStates, enabledStates });
             });
             for (const actionReceived of formActions) {
-                const globalAction = new FormAction(actionReceived);
+                const globalAction = new FormAction(actionReceived, this._formConfig);
                 const globalActionCode = globalAction.actionCode;
                 if (globalActionCode) {
                     this._actions.push(globalAction);
@@ -1806,7 +1684,7 @@ class FormStructureAndData {
                 return Object.assign(Object.assign({}, objDef), { visibleStates, enabledStates });
             });
             for (const fieldReceived of formFields) {
-                const fieldToAdd = new FieldDescriptor(fieldReceived);
+                const fieldToAdd = new FieldDescriptor(fieldReceived, this._formConfig);
                 const fieldCode = fieldToAdd.fieldCode;
                 if (fieldCode) {
                     this._fields.push(fieldToAdd);
@@ -1825,12 +1703,12 @@ class FormStructureAndData {
                     enabledStates = [...visibleStates];
                 }
                 if (!visibleStates || visibleStates.length === 0) {
-                    visibleStates = DEFAULT_STATE_FLOW.states;
+                    visibleStates = this._formConfig.defaultStateFlow.states;
                 }
                 return Object.assign(Object.assign({}, objDef), { visibleStates, enabledStates });
             });
             for (const tableReceived of tables) {
-                const tableToAdd = new RecordTable(tableReceived);
+                const tableToAdd = new RecordTable(tableReceived, this._formConfig);
                 const tableCode = tableToAdd.tableCode;
                 if (tableCode) {
                     this._tables.push(tableToAdd);
@@ -1882,7 +1760,7 @@ class FormStructureAndData {
     }
     setStateFlow(states, transitions, defaultState) {
         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;
@@ -1927,7 +1805,7 @@ class FormStructureAndData {
         return this._actions;
     }
     getHeaderActions() {
-        return this._actions.filter(actionItem => actionItem.location === HEADER);
+        return this._actions.filter(actionItem => actionItem.location === HEADER$1);
     }
     getFieldObject(elementId) {
         return (this._fieldsObj && elementId && this._fieldsObj[elementId])
@@ -2311,71 +2189,77 @@ class LibFormManagerService {
     constructor() {
         this.cleanStack();
     }
-    /**
-     * Métodos virtuales de manejo de formularios
-     */
+    // Métodos virtuales para las aplicaciones
     getFormDefinition(formCode) { }
+    getFormRoute(formCode) { }
+    getRouteForm(path) { }
     execServerAction(actionDetail) { }
-    goToRoute(navigationArray) { }
-    /**
-     * Manejo del stack de navegación con atributos estados y parámetros
-     */
-    resetPageStack() { this.cleanStack(); }
-    cleanStack() {
-        this.pageStack = [];
-    }
+    goToForm(formCode, token, subject) { }
     loadStack() { }
     saveStack() { }
-    stack(data) {
-        const id = nanoid(6);
-        this.pageStack.push({ id, data });
-        this.saveStack();
-        return id;
-    }
-    unstack(id) {
-        const stackIdx = this.pageStack.findIndex(item => item.id === id);
-        if (stackIdx >= 0) {
-            const formData = this.pageStack[stackIdx].data;
-            // Se eliminan los formularios posteriores al solicitado
-            this.pageStack.splice(stackIdx + 1);
+    cleanStack() { this.pageStack = []; }
+    resetPageStack() { this.cleanStack(); }
+    findFormInStack(token) {
+        const index = this.pageStack.findIndex(item => (item === null || item === void 0 ? void 0 : item.token) === token);
+        const data = (index >= 0) ? this.pageStack[index] : null;
+        return { index, data };
+    }
+    replaceItem(token, formInfo) {
+        var _a, _b;
+        if (!token || !formInfo) {
+            return;
+        }
+        const { index, data: storedForm } = this.findFormInStack(token);
+        let 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;
         }
     }
-    getInputData(id) {
-        const stackIdx = (id) ? this.pageStack.findIndex(item => item.id === id) : -1;
-        if (stackIdx >= 0) {
-            const { target: { predefinedFields } } = this.pageStack[stackIdx].data;
-            return predefinedFields;
+    stack(origin, target) {
+        const token = nanoid(6);
+        this.replaceItem(target.originToken, origin);
+        this.pageStack.push(Object.assign({ token }, target));
+        this.saveStack();
+        return token;
+    }
+    unstack(token = null) {
+        let index = (token) ? this.findFormInStack(token).index : this.pageStack.length - 2;
+        let formInfo = null;
+        if (index >= 0) {
+            formInfo = this.pageStack[index];
+            this.pageStack.splice(index + 1);
+            this.saveStack();
         }
-        return null;
+        return formInfo;
     }
-    getOriginInfo(id) {
-        const stackIdx = (id) ? this.pageStack.findIndex(item => item.id === id) : -1;
-        if (stackIdx >= 0) {
-            const { origin } = this.pageStack[stackIdx].data;
-            return JSON.parse(JSON.stringify(origin));
-        }
-        return null;
+    getFormInfo(token) {
+        var _a, _b;
+        const { data } = this.findFormInStack(token);
+        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 : {}
+        };
     }
-    changeForm(origin, target) {
-        if (!origin) {
-            this.cleanStack();
-        }
-        const { url, params } = target;
-        const newToken = this.stack({ origin, target });
-        const navigationArray = [url, ...params, newToken];
-        this.goToRoute(navigationArray);
+    openForm(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;
+        const token = this.stack(origin, target);
+        this.goToForm(target.name, token, target.subject);
     }
-    changePreviousForm(transitionToken) {
-        const prevForm = this.unstack(transitionToken);
-        if (!prevForm) {
-            return;
-        }
-        const { origin: { url, params, token } } = prevForm;
-        const navigationArray = [url, ...params];
-        token && navigationArray.push(token);
-        this.goToRoute(navigationArray);
+    backTo(targetToken = null) {
+        const formInfo = this.unstack(targetToken);
+        formInfo && formInfo.name && this.goToForm(formInfo.name, formInfo.token, formInfo.subject);
     }
 }
 
@@ -2406,11 +2290,8 @@ const PAYLOAD_VERSION = 'TUAINEXCHANGE_1.0';
 const INLINE_ACTION = 'INLINE';
 const GLOBAL_ACTION = 'GLOBAL';
 const GET_DATA_ACTION = 'GETDATA';
-const FORM_CODE = 'form';
-const FORM_SUBJECT = 'formSubject';
-const ORIGIN_PARAM = 'origin';
-const STATE_PARAM = 'mode';
-const REQUIRED_FIELD_MESSAGE = 'Campo requerido';
+const SUBJECT = 'subject';
+const TOKEN = 'token';
 class BasicFormComponent {
     constructor(formManagerService, _eventManager, fileMgmtServices) {
         this.formManagerService = formManagerService;
@@ -2420,10 +2301,9 @@ class BasicFormComponent {
         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;
@@ -2445,14 +2325,17 @@ class BasicFormComponent {
         this.cleanStart();
         this.customPreProcessing();
     }
+    setConfig(formConfig) {
+        this.formConfig = formConfig;
+    }
     cleanStart() {
         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;
@@ -2601,35 +2484,61 @@ class BasicFormComponent {
     subscribeAppEvent(eventName, callback) {
         this._eventEmiter.subscribe(eventName, callback);
     }
+    openForm(name, data = null, backData = null, cleanStack = false) {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        let 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 : {};
+        }
+        const target = Object.assign(Object.assign({}, data), { 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
+     */
     goToPage(navigationArray, predefinedFields, options = null) {
-        var _a, _b;
+        var _a;
         let origin = null;
         const cleanStack = (_a = options === null || options === void 0 ? void 0 : options.cleanStack) !== null && _a !== void 0 ? _a : false;
-        const 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,
-                token: this.transitionToken,
-                predefinedFields: this.inputDataFields
+                token: this.controlToken,
+                fields: this.inputDataFields,
+                extra: this.extraData
             };
         }
         const 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,
+            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
+     */
     goToNewPage(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
+     */
     goToSubPage(nav, flds) { return this.goToPage(nav, flds, { cleanStack: false }); }
-    canGoBack() { return this.transitionToken !== null; }
-    goBack() { return this.formManagerService.changePreviousForm(this.transitionToken); }
+    canGoBack() { return this.originToken !== null; }
+    goBack() { return this.formManagerService.backTo(); }
     goBackForm() { return this.goBack(); }
-    getOriginDetail() { return this.formManagerService.getOriginInfo(this.transitionToken); }
+    getOriginDetail() { return this.formManagerService.getFormInfo(this.originToken); }
     setError(errorType, errorMessage, errorDetail) {
         this._errorType = errorType || '';
         this.errorMessage = errorMessage || '';
@@ -2649,33 +2558,23 @@ class BasicFormComponent {
     get formCode() { return this.name; }
     set formCode(name) { this.name = name; }
     getFormParameter(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;
     }
     getSubject() { return this.formSubject; }
     getformSubject() { return this.getSubject(); }
     preocessInputParams(params) {
-        var _a, _b, _c, _d, _e, _f;
-        const allParams = Object.keys(params !== null && params !== void 0 ? params : {});
-        if (!allParams || !Array.isArray(allParams) || allParams.length === 0) {
-            return;
-        }
-        this.extraData = [];
-        for (const paramName of allParams) {
-            this.extraData[paramName] = params[paramName].toString();
-        }
-        const 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;
-        const 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;
+        const { token, subject, state, fields, extra, originToken } = this.formManagerService.getFormInfo(this.controlToken);
+        if (!this.controlToken || this.controlToken !== token) {
+            console.log(`No se obtuvo un token válido 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;
     }
     subscribeSectionActivation() {
         const formSections = this.formStructure.getSections();
@@ -2723,7 +2622,6 @@ class BasicFormComponent {
         }
     }
     formInit(params) {
-        var _a;
         return __awaiter(this, void 0, void 0, function* () {
             let initialState = this.preocessInputParams(params);
             if (!this.name) {
@@ -2733,7 +2631,7 @@ class BasicFormComponent {
                 this.inServerProcess = true;
                 const formDefinition = yield this.formManagerService.getFormDefinition(this.name);
                 this.inServerProcess = false;
-                this.formStructure = new FormStructureAndData(formDefinition);
+                this.formStructure = new FormStructureAndData(formDefinition, this.formConfig);
                 this.definitionObtained = true;
             }
             else {
@@ -2743,23 +2641,13 @@ class BasicFormComponent {
                 initialState = this.formStructure.defaultState;
             }
             this.formStructure.changeState(initialState || this.formStructure.defaultState);
-            if (Array.isArray(this.inputDataFields)) {
-                for (const inputFieldData of this.inputDataFields) {
-                    const { fieldCode, fieldValue } = inputFieldData;
-                    if (fieldCode) {
-                        this.setFieldValue(fieldCode, fieldValue);
-                    }
-                }
-            }
-            else {
-                const fieldCodes = Object.keys((_a = this.inputDataFields) !== null && _a !== void 0 ? _a : {});
-                for (let index = 0; index < fieldCodes.length; index++) {
-                    const fieldCode = fieldCodes[index];
-                    const fieldValue = this.inputDataFields[fieldCode];
-                    this.setFieldValue(fieldCode, fieldValue);
-                }
+            const inputFieldNames = Object.keys(this.inputDataFields);
+            for (let index = 0; index < inputFieldNames.length; index++) {
+                const fieldCode = inputFieldNames[index];
+                const fieldValue = this.inputDataFields[fieldCode];
+                this.setFieldValue(fieldCode, fieldValue);
             }
-            const recordResponse = yield this.requestFormAction(componentConstants.FORMACTION_GETDATA);
+            const recordResponse = yield this.requestFormAction(formActions.getData);
             this.checkErrorRecordReceived(recordResponse);
             this.formVisible = true;
             this.subscribeSectionActivation();
@@ -2779,7 +2667,7 @@ class BasicFormComponent {
         this.errorDetail = recordResponse.errorDetail;
     }
     errorOccured() {
-        return (this.errorCode !== componentConstants.SERVICE_ERRORCODE_NOERROR);
+        return (this.errorCode !== NO_ERROR);
     }
     changeState(state) { return this.formStructure.changeState(state); }
     changeFormMode(state) { return this.changeState(state); }
@@ -2795,7 +2683,7 @@ class BasicFormComponent {
                 formData: this.formStructure.getPayload(),
                 immutableData: this.formStructure.immutableData,
             };
-            this.errorCode = '00';
+            this.errorCode = NO_ERROR;
             this.errorMessage = '';
             this.errorDetail = '';
             this.inServerProcess = true;
@@ -3014,8 +2902,7 @@ class BasicFormComponent {
             if (!fieldToValidate) {
                 return false;
             }
-            fieldToValidate.setErrorMessage('');
-            fieldToValidate.setErrorCode('00');
+            fieldToValidate.resetError();
             const validationCallbacks = this.fieldInputValidation[fieldCode];
             if (validationCallbacks) {
                 const clientValidationPromises = [];
@@ -3033,8 +2920,7 @@ class BasicFormComponent {
             if (!fieldToValidate || !intrinsicValidation) {
                 return;
             }
-            fieldToValidate.setErrorMessage('');
-            fieldToValidate.setErrorCode('00');
+            fieldToValidate.resetError();
             const validationCallbacks = this.fieldValidationsStart[fieldCode];
             if (validationCallbacks) {
                 const clientValidationPromises = [];
@@ -3060,7 +2946,7 @@ class BasicFormComponent {
             if (fieldObj.backend) {
                 fieldObj.validating = true;
                 validationResult = yield this
-                    .requestFormAction(componentConstants.FORMACTION_VALIDATE, fieldObj.fieldCode);
+                    .requestFormAction(formActions.validate, fieldObj.fieldCode);
                 finish = !this.errorOccured();
             }
             if (finish) {
@@ -3249,7 +3135,7 @@ class BasicFormComponent {
                     actionCode
                 };
                 actionResult = yield this
-                    .requestFormAction(componentConstants.FORMACTION_TABLEACTION, actionSubject);
+                    .requestFormAction(formActions.tableAction, actionSubject);
                 finish = !this.errorOccured();
             }
             if (finish) {
@@ -3326,13 +3212,13 @@ class BasicFormComponent {
             if (action.backend) {
                 const actionSubject = {
                     tableCode,
-                    actionType: componentConstants.FORMTABLEACTION_INLINE,
+                    actionType: this.formConfig.tableActions.inline,
                     actionCode,
                     tableRecordId: recordId,
                     tableRecordData: recordData
                 };
                 actionResult = yield this
-                    .requestFormAction(componentConstants.FORMACTION_TABLEACTION, actionSubject);
+                    .requestFormAction(formActions.tableAction, actionSubject);
                 finish = !this.errorOccured();
             }
             if (finish) {
@@ -3405,13 +3291,13 @@ class BasicFormComponent {
             if (tableObject.selectionBackend) {
                 const actionSubject = {
                     tableCode,
-                    actionType: componentConstants.FORMTABLEACTION_ROWSELECTION,
+                    actionType: this.formConfig.tableActions.rowSelection,
                     actionCode: null,
                     tableRecordId: recordId,
                     tableRecordData: recordData
                 };
                 actionResult = yield this
-                    .requestFormAction(componentConstants.FORMACTION_TABLEACTION, actionSubject);
+                    .requestFormAction(formActions.tableAction, actionSubject);
                 finish = !this.errorOccured();
             }
             if (finish) {
@@ -3485,12 +3371,12 @@ class BasicFormComponent {
             if (action.backend) {
                 const actionSubject = {
                     tableCode,
-                    actionType: componentConstants.FORMTABLEACTION_SELECTION,
+                    actionType: this.formConfig.tableActions.selection,
                     actionCode,
                     selectedRecords
                 };
                 actionResult = yield this
-                    .requestFormAction(componentConstants.FORMACTION_TABLEACTION, actionSubject);
+                    .requestFormAction(formActions.tableAction, actionSubject);
                 finish = !this.errorOccured();
             }
             if (finish) {
@@ -3548,7 +3434,7 @@ class BasicFormComponent {
             tableObject.putOnWait();
             const actionSubject = { tableCode };
             const actionResult = yield this
-                .requestFormAction(componentConstants.FORMACTION_GETTABLEDATA, actionSubject);
+                .requestFormAction(formActions.getTableData, actionSubject);
             if (this.errorOccured()) {
                 this.displayTableServerError();
             }
@@ -3574,7 +3460,7 @@ class BasicFormComponent {
     }
     checkSectionRequiredFields(sectionCode, reqFieldMessage) {
         this.cleanErrorFields(null, sectionCode);
-        const requiredFieldMessage = reqFieldMessage || REQUIRED_FIELD_MESSAGE;
+        const requiredFieldMessage = reqFieldMessage !== null && reqFieldMessage !== void 0 ? reqFieldMessage : this.formConfig.formStandardErrors.requiredField;
         const numErrors = this.tagFieldsWithError(this.getRequiredEmptyFields(null, sectionCode), null, requiredFieldMessage);
         return (numErrors === 0);
     }
@@ -3582,15 +3468,15 @@ class BasicFormComponent {
         this.resetError();
         const 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;
         }
         let validationError = false;
         const 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);
             for (const fieldCode of requiredEmptyFields) {
                 const requiredEmptyField = this.getField(fieldCode);
                 if (requiredEmptyField && requiredEmptyField.widget
@@ -3603,7 +3489,7 @@ class BasicFormComponent {
         const 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);
             for (const fieldCode of validationIssueFields) {
                 const validationIssueField = this.getField(fieldCode);
                 if (validationIssueField && validationIssueField.widget
@@ -3719,13 +3605,13 @@ class BasicFormComponent {
         const 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);
         }
         const 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;
     }