tuain-ng-forms-lib 12.0.52 → 12.0.57

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

@@ -612,26 +612,150 @@
         formManager: [{ type: core.Input }]
     };
 
-    var FieldSearch = /** @class */ (function () {
-        function FieldSearch(filterDefinition) {
-            this.fieldCode = filterDefinition.fieldCode;
-            this.fieldAlias = filterDefinition.fieldAlias || filterDefinition.fieldCode;
-            this.fieldTitle = filterDefinition.fieldTitle;
-            this.fieldTypeCode = filterDefinition.fieldTypeCode;
-            this.operators = filterDefinition.operators;
-            this.alignment = filterDefinition.alignment;
-            this.format = filterDefinition.format;
+    var INLINE_ACTION$1 = 'INLINE';
+    var LibTableRecordActionComponent = /** @class */ (function () {
+        function LibTableRecordActionComponent() {
+            this.actionSelected = new core.EventEmitter();
+        }
+        LibTableRecordActionComponent.prototype.ngOnInit = function () {
+            this.start();
+        };
+        LibTableRecordActionComponent.prototype.start = function () { };
+        LibTableRecordActionComponent.prototype.onActivate = function () {
+            var tableEvent = {
+                actionCode: this.action.actionCode,
+                recordId: this.recordId,
+                recordData: this.recordData,
+            };
+            this.actionSelected.emit(tableEvent);
+        };
+        LibTableRecordActionComponent.prototype.class = function () { };
+        return LibTableRecordActionComponent;
+    }());
+    LibTableRecordActionComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'lib-table-record-action',
+                    template: "<ng-content></ng-content>",
+                    changeDetection: core.ChangeDetectionStrategy.OnPush
+                },] }
+    ];
+    LibTableRecordActionComponent.ctorParameters = function () { return []; };
+    LibTableRecordActionComponent.propDecorators = {
+        recordId: [{ type: core.Input }],
+        recordData: [{ type: core.Input }],
+        action: [{ type: core.Input }],
+        actionSelected: [{ type: core.Output }]
+    };
+
+    var LibTableRecordFieldComponent = /** @class */ (function () {
+        function LibTableRecordFieldComponent() {
         }
-        return FieldSearch;
+        LibTableRecordFieldComponent.prototype.ngOnInit = function () {
+            this.start();
+        };
+        LibTableRecordFieldComponent.prototype.start = function () { };
+        return LibTableRecordFieldComponent;
     }());
-    var Filter = /** @class */ (function () {
-        function Filter() {
-            this.filterModeSimple = true;
-            this.advancedFilter = [];
-            this.simpleFilterWords = [];
+    LibTableRecordFieldComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'lib-table-record-field',
+                    template: "<ng-content></ng-content>",
+                    changeDetection: core.ChangeDetectionStrategy.OnPush
+                },] }
+    ];
+    LibTableRecordFieldComponent.propDecorators = {
+        fieldCode: [{ type: core.Input }],
+        fieldType: [{ type: core.Input }],
+        fieldValue: [{ type: core.Input }]
+    };
+
+    var changeViewAttributes = ['visibleRecords', 'currentPage', 'recordsPerPage', 'sorting'];
+    var LibTableComponent = /** @class */ (function () {
+        function LibTableComponent() {
+            this.globalFilterString = '';
+            this.loaded = false;
+            this.selectable = false;
+            this.hasActions = false;
         }
-        return Filter;
+        LibTableComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            var _a;
+            if (this.table) {
+                this.formConfig = (_a = this.table) === null || _a === void 0 ? void 0 : _a._formConfig;
+                this.tableFieldStyles = this.formConfig.tableFieldStyles;
+                this.selectable = this.table.selectable;
+                this.hasActions = this.table.hasActions();
+                this.inlineActions = this.table.getActions(this.formConfig.tableActions.inline);
+                this.globalActions = this.table.getActions(this.formConfig.tableActions.global);
+                this.selectionActions = this.table.getActions(this.formConfig.tableActions.selection);
+                // Inicialización de campos mapeados del objeto
+                var mapping = Object.entries(this.formConfig.componentTableAttrMap);
+                for (var index = 0; index < mapping.length; index++) {
+                    var _c = __read(mapping[index], 2), tableAttrRaw = _c[0], compAttrRaw = _c[1];
+                    var tableAttr = tableAttrRaw.toString();
+                    var compAttr = compAttrRaw.toString();
+                    this.syncAttribute(compAttr, this.table[tableAttr]);
+                }
+                // Subscripción a cambios en atributos
+                this.table.attributeChange.subscribe(function (event) {
+                    var tableAttr = event.name, value = event.value;
+                    var compAttr = _this.formConfig.componentTableAttrMap[tableAttr];
+                    _this.syncAttribute(compAttr, value);
+                });
+            }
+            this.start();
+        };
+        LibTableComponent.prototype.start = function () { };
+        LibTableComponent.prototype.tableGlobalAction = function (actionCode) { this.table.notifyGlobalAction(actionCode); };
+        LibTableComponent.prototype.tableSelectionAction = function (actionCode) { this.table.notifySelectionAction(actionCode); };
+        LibTableComponent.prototype.tableActionSelected = function (actionEvent) { this.table.notifyInlineAction(actionEvent); };
+        LibTableComponent.prototype.changePage = function (requestedPage) { !this.clientPaging && this.table.notifyGetDataAction(requestedPage); };
+        LibTableComponent.prototype.tableSelectionToggle = function (recordId) { this.table.notifyRecordSelection(recordId); };
+        LibTableComponent.prototype.toggleSelectAll = function () { return (this.allSelected) ? this.table.unSelectAll() : this.table.selectAll(); };
+        LibTableComponent.prototype.globalFilterCompleted = function () { this.changePage(1); };
+        LibTableComponent.prototype.syncAttribute = function (name, value) {
+            this.hasOwnProperty(name) && (this[name] = value);
+            if (changeViewAttributes.includes(name)) {
+                this.updateTableView();
+            }
+        };
+        LibTableComponent.prototype.globalFilterChanged = function () {
+            var _a, _b;
+            this.table.setGlobalFilterString((_b = (_a = this.globalFilterString) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : '');
+            if (this.clientPaging) {
+                this.table.setAttr('currentPage', 1);
+                this.table.updateVisibleRecords();
+            }
+        };
+        LibTableComponent.prototype.tableColumnSort = function (columnName) {
+            this.table.setRequiredOrder(columnName);
+            return this.clientPaging ? this.table.localSortData() : this.table.notifyGetDataAction();
+        };
+        LibTableComponent.prototype.updateTableView = function () {
+            var currentPageRecords = this.visibleRecords;
+            if (this.clientPaging) {
+                currentPageRecords = currentPageRecords.map(function (record, i) { return (Object.assign({ id: i + 1 }, record)); })
+                    .slice((this.currentPage - 1) * this.recordsPerPage, (this.currentPage - 1) * this.recordsPerPage + this.recordsPerPage);
+                this.totalRecordsNumber = this.visibleRecords.length;
+            }
+            this.currentPageRecords = currentPageRecords;
+        };
+        return LibTableComponent;
     }());
+    LibTableComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'lib-table',
+                    template: "<ng-content></ng-content>",
+                    changeDetection: core.ChangeDetectionStrategy.OnPush
+                },] }
+    ];
+    LibTableComponent.propDecorators = {
+        table: [{ type: core.Input }],
+        tableRecords: [{ type: core.Input }],
+        disabled: [{ type: core.Input }],
+        state: [{ type: core.Input }],
+        waiting: [{ type: core.Input }]
+    };
 
     var NO_ERROR = '00';
     var HEADER$1 = 'HEADER';
@@ -656,6 +780,7 @@
         CONTENT: 'Contiene',
         NOT_CONTENT: 'No Contiene',
         BETWEEN: 'Entre',
+        IN: 'En'
     };
 
     var FormElement = /** @class */ (function () {
@@ -750,1326 +875,1029 @@
         return FormElement;
     }());
 
-    var RecordTableColumn = /** @class */ (function () {
-        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 || 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;
-                this.fieldFormat = recTableColReceived.format || '';
-                this.customAttributes = (_c = recTableColReceived === null || recTableColReceived === void 0 ? void 0 : recTableColReceived.customAttributes) !== null && _c !== void 0 ? _c : {};
-            }
-        }
-        return RecordTableColumn;
-    }());
-
-    var TableAction = /** @class */ (function () {
-        function TableAction(actionDefinition) {
-            var _a, _b;
-            this.actionCode = actionDefinition.actionCode;
-            this.actionTitle = actionDefinition.actionTitle;
-            this.iconName = actionDefinition.iconName || this.actionCode;
-            this.actionType = actionDefinition.actionType || 'STANDARD';
-            this.actionClass = actionDefinition.actionClass || 'INLINE';
-            this.newState = actionDefinition.newState;
-            this.stateField = actionDefinition.stateField || '';
-            this.visibleStates = actionDefinition.visibleStates || [];
-            this.enabledStates = actionDefinition.enabledStates || [];
-            this.backend = (_a = actionDefinition === null || actionDefinition === void 0 ? void 0 : actionDefinition.serverAction) !== null && _a !== void 0 ? _a : false;
-            this.restrictedOnField = actionDefinition.fieldRestrictedCode || '';
-            this.restrictedOnValue = actionDefinition.valueRestricted || '';
-            this.restrictedOnOperator = actionDefinition.operatorRestricted || '';
-            this.customAttributes = (_b = actionDefinition === null || actionDefinition === void 0 ? void 0 : actionDefinition.customAttributes) !== null && _b !== void 0 ? _b : {};
-        }
-        TableAction.prototype.supportMode = function (state) { return this.viewOnState(state); };
-        TableAction.prototype.viewOnState = function (state) { return this.visibleStates.includes(state); };
-        TableAction.prototype.enabledOnState = function (state) { return this.enabledStates.includes(state); };
-        return TableAction;
-    }());
-
-    var TableRecordData = /** @class */ (function () {
-        function TableRecordData(recordReceived, recordDefinition, selectionFieldName) {
+    var HEADER = 'HEADER';
+    var FormAction = /** @class */ (function (_super) {
+        __extends(FormAction, _super);
+        function FormAction(actionDefinition, formConfig) {
             var _this = this;
-            if (selectionFieldName === void 0) { selectionFieldName = null; }
-            this.recordData = {};
-            var tableRecordId = recordReceived.tableRecordId, recordData = recordReceived.recordData;
-            this.recordId = tableRecordId;
-            this.selected = false;
-            this.recordData = {};
-            if (!recordDefinition || recordDefinition.length === 0 || !recordData || recordData.length === 0) {
-                return;
-            }
-            var fieldNames = recordDefinition.map(function (column) { return column.fieldCode; });
-            if (Array.isArray(recordData)) {
-                var rawRecordData = recordData.filter(function (fieldData) { return fieldData.fieldCode && fieldNames.includes(fieldData.fieldCode); });
-                rawRecordData.forEach(function (fieldData) {
-                    var fieldCode = fieldData.fieldCode, fieldValue = fieldData.fieldValue;
-                    var fieldDef = recordDefinition.find(function (column) { return column.fieldCode === fieldCode; });
-                    _this.recordData[fieldCode] = fieldValue !== null && fieldValue !== void 0 ? fieldValue : '';
-                    if (fieldCode === selectionFieldName) {
-                        _this.selected = fieldValue;
-                    }
-                });
-            }
-            else {
-                var fields = Object.keys(recordData);
-                fields.forEach(function (fieldCode) {
-                    var fieldValue = recordData[fieldCode];
-                    var fieldDef = recordDefinition.find(function (column) { return column.fieldCode === fieldCode; });
-                    _this.recordData[fieldCode] = fieldValue !== null && fieldValue !== void 0 ? fieldValue : '';
-                });
-            }
+            var _a;
+            _this = _super.call(this, actionDefinition, formConfig) || this;
+            _this._actionActivated = new rxjs.Subject();
+            _this.inProgress = false;
+            _this.elementType = elementTypes.action;
+            _this.actionCode = actionDefinition.actionCode ? actionDefinition.actionCode.toString() : '';
+            _this.actionName = actionDefinition.actionTitle;
+            _this.iconName = actionDefinition.iconName || _this.actionCode;
+            _this.setCustomAttribute('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.restrictedOnField = actionDefinition.fieldRestrictedCode ? actionDefinition.fieldRestrictedCode.toString() : '';
+            _this.restrictedOnOperator = actionDefinition.operatorRestricted || '';
+            _this.restrictedOnValue = actionDefinition.valueRestricted || '';
+            _this.customValidation = function () { return true; };
+            return _this;
         }
-        TableRecordData.prototype.toggleSelect = function () { this.selected = !this.selected; };
-        TableRecordData.prototype.select = function () { this.selected = true; };
-        TableRecordData.prototype.unselect = function () { this.selected = false; };
-        Object.defineProperty(TableRecordData.prototype, "recordIdKey", {
-            get: function () {
-                return (typeof this.recordId === 'object')
-                    ? JSON.stringify(this.recordId) : this.recordId;
-            },
+        Object.defineProperty(FormAction.prototype, "actionActivated", {
+            get: function () { return this._actionActivated; },
             enumerable: false,
             configurable: true
         });
-        TableRecordData.prototype.getFieldValue = function (fieldCode) {
-            return (fieldCode && this.recordData[fieldCode])
-                ? this.recordData[fieldCode] : null;
-        };
-        TableRecordData.prototype.hasPattern = function (words) {
-            var e_1, _b;
-            if (!words || words.length === 0) {
-                return true;
-            }
-            for (var fieldCode in this.recordData) {
-                if (this.recordData.hasOwnProperty(fieldCode)) {
-                    try {
-                        for (var words_1 = (e_1 = void 0, __values(words)), words_1_1 = words_1.next(); !words_1_1.done; words_1_1 = words_1.next()) {
-                            var word = words_1_1.value;
-                            var term = word.toUpperCase();
-                            var fieldValue = this.recordData[fieldCode];
-                            if (fieldValue.toString().toUpperCase().includes(term)) {
-                                return true;
-                            }
-                        }
-                    }
-                    catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                    finally {
-                        try {
-                            if (words_1_1 && !words_1_1.done && (_b = words_1.return)) _b.call(words_1);
-                        }
-                        finally { if (e_1) throw e_1.error; }
-                    }
+        FormAction.prototype.start = function () { this.inProgress = true; };
+        FormAction.prototype.stop = function () { this.inProgress = false; };
+        FormAction.prototype.notifyActivation = function () { this._actionActivated.next(this.actionCode); };
+        FormAction.prototype.updateFromServer = function (receivedAction) {
+            for (var propertyName in receivedAction) {
+                if (propertyName !== 'actionCode' && propertyName !== 'actionId') {
+                    this[propertyName] = receivedAction[propertyName];
                 }
             }
-            return false;
         };
-        TableRecordData.prototype.hasCondition = function (advancedFilter) {
-            var e_2, _b;
-            var _a;
-            if (!advancedFilter || advancedFilter.length === 0) {
-                return true;
-            }
-            try {
-                for (var advancedFilter_1 = __values(advancedFilter), advancedFilter_1_1 = advancedFilter_1.next(); !advancedFilter_1_1.done; advancedFilter_1_1 = advancedFilter_1.next()) {
-                    var condition = advancedFilter_1_1.value;
-                    var fieldCode = condition.fieldSearch.fieldCode;
-                    if (this.recordData.hasOwnProperty(fieldCode)) {
-                        var fieldValue = this.recordData[fieldCode].toString().toUpperCase();
-                        var conditionField1Value = (_a = condition === null || condition === void 0 ? void 0 : condition.fieldValue1) === null || _a === void 0 ? void 0 : _a.toString().toUpperCase();
-                        var conditionField2Value = condition.fieldValue2.toString().toUpperCase();
-                        if (condition.operator === operators.G && fieldValue <= conditionField1Value) {
-                            return false;
-                        }
-                        if (condition.operator === operators.L && fieldValue >= conditionField1Value) {
-                            return false;
-                        }
-                        if (condition.operator === operators.GE && fieldValue < conditionField1Value) {
-                            return false;
-                        }
-                        if (condition.operator === operators.LE && fieldValue > conditionField1Value) {
-                            return false;
-                        }
-                        if (condition.operator === operators.EQ) {
-                            return fieldValue === conditionField1Value;
-                        }
-                        if (condition.operator === operators.NOT_EQ && fieldValue === conditionField1Value) {
-                            return false;
-                        }
-                        if (condition.operator === operators.CONTENT && !fieldValue.includes(conditionField1Value)) {
-                            return false;
-                        }
-                        if (condition.operator === operators.NOT_CONTENT && fieldValue.includes(conditionField1Value)) {
-                            return false;
-                        }
-                        if (condition.operator === operators.BETWEEN && (fieldValue < conditionField1Value
-                            || fieldValue > conditionField2Value)) {
-                            return false;
-                        }
-                    }
-                }
-            }
-            catch (e_2_1) { e_2 = { error: e_2_1 }; }
-            finally {
-                try {
-                    if (advancedFilter_1_1 && !advancedFilter_1_1.done && (_b = advancedFilter_1.return)) _b.call(advancedFilter_1);
-                }
-                finally { if (e_2) throw e_2.error; }
-            }
-            return true;
-        };
-        return TableRecordData;
-    }());
+        FormAction.prototype.setCustomValidation = function (callback) { this.customValidation = function () { return callback(); }; };
+        return FormAction;
+    }(FormElement));
 
-    var TABLE_SORT_ASCENDING = 'asc';
-    var TABLE_SORT_DESCENDING = 'desc';
-    var TABLE_FILTER_TYPES = {
-        simpleFilterChange: 'SIMPLE_CHANGE',
-        simpleFilterFinish: 'SIMPLE_FINISH',
-        complexFilterAdd: 'COMPLEX_ADD',
-        complexFilterRemove: 'COMPLEX_REMOVE',
+    var UNDEFINED = 'undefined';
+    var DEFAULT_ERROR_TYPE = 'error';
+    var DEFAULT_CAPTURE_TYPE = 'INPUT';
+    var DEFAULT_ALIGNMENT = 'left';
+    var STD_MAX_LENGTH = 50;
+    var BIG_MAX_LENGTH = 500;
+    var fldAttr = {
+        validateOnServer: 'validateOnServer',
+        value: '_value',
+        minValue: '_minValue',
+        maxValue: '_maxValue',
+        maxLength: '_maxLength',
+        onValidation: '_onValidation',
+        focus: 'focus',
+        intrinsicErrorMessage: '_intrinsicErrorMessage',
+        code: 'fieldCode',
+        info: 'fieldInfo',
+        defaultValue: 'defaultValue',
+        defaultEditable: 'defaultEditable',
+        visibleLabel: 'visibleLabel',
+        required: 'fieldRequired',
+        hasChanged: 'hasChanged',
+        outputOnly: 'outputOnly',
+        captureType: 'captureType',
+        title: 'fieldTitle',
+        type: 'fieldType',
+        alignment: 'fieldAlignment',
+        format: 'fieldFormat',
+        externalValue: 'externalValue',
+        tooltipText: 'tooltipText',
+        errorType: 'errorType',
+        errorCode: 'errorCode',
+        errorMessage: 'errorMessage',
+        options: 'fieldOptions',
     };
-    var RecordTable = /** @class */ (function (_super) {
-        __extends(RecordTable, _super);
-        function RecordTable(tableReceived, formConfig) {
-            var e_1, _g, e_2, _h, e_3, _j;
+    var FieldDescriptor = /** @class */ (function (_super) {
+        __extends(FieldDescriptor, _super);
+        function FieldDescriptor(inputFieldReceived, formConfig) {
             var _this = this;
-            var _a, _b, _c, _d, _e, _f;
-            _this = _super.call(this, tableReceived, formConfig) || this;
-            _this._inlineActionTrigger = new rxjs.Subject();
-            _this._globalActionTrigger = new rxjs.Subject();
-            _this._recordSelectionTrigger = new rxjs.Subject();
-            _this._selectionActionTrigger = new rxjs.Subject();
-            _this._getDataTrigger = new rxjs.Subject();
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+            _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._tableColumnObj = {};
-            _this._actionsObj = {};
-            _this.tableRecordObj = {};
-            _this.allSelected = false;
-            _this.elementType = elementTypes.table;
-            _this.waiting = false;
-            _this.currentPage = 1;
-            _this.totalPages = 1;
-            _this.requestedPage = 1;
-            _this.columns = [];
-            _this._tableColumnObj = {};
-            _this._actions = [];
-            _this._actionsObj = {};
-            _this.tableRecords = [];
-            _this.setAttr('allSelected', false);
-            _this.setAttr('filterObject', new Filter());
-            _this.setAttr('filterConfig', []);
-            _this.setAttr('tableCode', tableReceived.tableCode);
-            _this.tableTitle = tableReceived.tableTitle;
-            _this.setAttr('clientPaging', (_a = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.clientPaging) !== null && _a !== void 0 ? _a : true);
-            _this.setAttr('simpleFilter', (_b = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.simpleFilter) !== null && _b !== void 0 ? _b : false);
-            _this.setAttr('complexFilter', false);
-            _this._appendPages = (_c = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.append) !== null && _c !== void 0 ? _c : false;
-            _this.selectable = (_d = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.selectable) !== null && _d !== void 0 ? _d : false;
-            _this.setAttr('selectionBackend', (_e = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.selectionBackend) !== null && _e !== void 0 ? _e : false);
-            _this.setAttr('sortable', (_f = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.sortable) !== null && _f !== void 0 ? _f : false);
-            _this.setAttr('sorting', { columnName: '', direction: '' });
-            _this.setAttr('recordsPerPage', formConfig.defaultRecordsPerPage);
-            if (tableReceived.fields) {
-                var columns = [];
-                try {
-                    for (var _k = __values(tableReceived.fields), _l = _k.next(); !_l.done; _l = _k.next()) {
-                        var columnReceived = _l.value;
-                        var columnDefinition = new RecordTableColumn(columnReceived, _this._formConfig);
-                        columns.push(columnDefinition);
-                        _this._tableColumnObj[columnDefinition.fieldCode] = columnDefinition;
-                    }
-                }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (_l && !_l.done && (_g = _k.return)) _g.call(_k);
-                    }
-                    finally { if (e_1) throw e_1.error; }
-                }
-                _this.setAttr('columns', columns);
-            }
-            if (tableReceived.actions) {
-                var tableActions = tableReceived.actions.map(function (objDef) {
-                    var visibleStates = objDef.visibleStates;
-                    var enabledStates = objDef.enabledStates;
-                    if (!visibleStates) {
-                        visibleStates = (objDef.actionModes || '').split(',')
-                            .map(function (state) { return state.trim(); })
-                            .filter(function (state) { return state.length > 0; });
-                        enabledStates = (objDef.actionModes || '').split(',')
-                            .map(function (state) { return state.trim(); })
-                            .filter(function (state) { return state.length > 0; });
-                    }
-                    return Object.assign(Object.assign({}, objDef), { visibleStates: visibleStates, enabledStates: enabledStates });
-                });
-                try {
-                    for (var tableActions_1 = __values(tableActions), tableActions_1_1 = tableActions_1.next(); !tableActions_1_1.done; tableActions_1_1 = tableActions_1.next()) {
-                        var actionReceived = tableActions_1_1.value;
-                        var inlineAction = new TableAction(actionReceived);
-                        _this._actions.push(inlineAction);
-                        _this._actionsObj[inlineAction.actionCode] = inlineAction;
-                    }
-                }
-                catch (e_2_1) { e_2 = { error: e_2_1 }; }
-                finally {
-                    try {
-                        if (tableActions_1_1 && !tableActions_1_1.done && (_h = tableActions_1.return)) _h.call(tableActions_1);
-                    }
-                    finally { if (e_2) throw e_2.error; }
-                }
-            }
-            if (tableReceived.filters && tableReceived.filters.length > 0) {
-                _this.setAttr('complexFilter', true);
-                var filterConfig = _this.filterConfig;
-                try {
-                    for (var _m = __values(tableReceived.filters), _o = _m.next(); !_o.done; _o = _m.next()) {
-                        var filterReceived = _o.value;
-                        var filterItem = new FieldSearch(filterReceived);
-                        filterConfig.push(filterItem);
-                    }
-                }
-                catch (e_3_1) { e_3 = { error: e_3_1 }; }
-                finally {
-                    try {
-                        if (_o && !_o.done && (_j = _m.return)) _j.call(_m);
-                    }
-                    finally { if (e_3) throw e_3.error; }
-                }
-                _this.setAttr('filterConfig', filterConfig);
+            _this.elementType = elementTypes.field;
+            var fld = (inputFieldReceived) ? inputFieldReceived : {};
+            _this.setAttr(fldAttr.code, fld.fieldCode);
+            _this.setAttr(fldAttr.title, (_a = fld.fieldTitle) !== null && _a !== void 0 ? _a : _this.fieldCode);
+            _this.setAttr(fldAttr.captureType, (_b = fld.captureType) !== null && _b !== void 0 ? _b : DEFAULT_CAPTURE_TYPE);
+            _this.setAttr(fldAttr.defaultValue, (_c = fld.defaultValue) !== null && _c !== void 0 ? _c : null);
+            var defaultTypeAlignment = (_this._formConfig.tableFieldStyles[_this.fieldType] != null)
+                ? _this._formConfig.tableFieldStyles[_this.fieldType]['text-align'] : DEFAULT_ALIGNMENT;
+            var fieldAlignment = (fld.alignment != null) ? fld.alignment.toLowerCase() : defaultTypeAlignment;
+            _this.setAttr(fldAttr.alignment, fieldAlignment);
+            _this.setAttr(fldAttr.info, fld.info || '');
+            var fieldFormat;
+            try {
+                fieldFormat = (fld.format) ? new RegExp(fld.format) : null;
             }
-            if (_this.selectable) {
-                _this.selectionField = _this.columns
-                    .find(function (column) { return column.fieldCode === (tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.selectionField); });
+            catch (e) {
+                fieldFormat = null;
             }
+            _this.setAttr(fldAttr.format, fieldFormat);
+            _this.setAttr(fldAttr.validateOnServer, (_d = fld.serverAction) !== null && _d !== void 0 ? _d : false);
+            _this.setAttr(fldAttr.tooltipText, fld.tooltip || '');
+            _this.setAttr(fldAttr.defaultEditable, _this.enabled);
+            _this.setAttr(fldAttr.required, (_e = fld.required) !== null && _e !== void 0 ? _e : false);
+            _this.setError(fld.errorCode, fld.errorMessage, (_f = fld.errorType) !== null && _f !== void 0 ? _f : DEFAULT_ERROR_TYPE);
+            _this.setAttr(fldAttr.outputOnly, (_g = fld.outputOnly) !== null && _g !== void 0 ? _g : false);
+            var maxLength = (_h = fld.maxLength) !== null && _h !== void 0 ? _h : (_this.captureType === 'TEXTAREA' ? BIG_MAX_LENGTH : STD_MAX_LENGTH);
+            _this.setAttr(fldAttr.maxLength, maxLength);
+            _this.setAttr(fldAttr.intrinsicErrorMessage, (_j = _this._formConfig.fieldTypeErrMsg[_this.fieldType]) !== null && _j !== void 0 ? _j : _this._formConfig.fieldTypeErrMsg.DEFAULT);
+            _this.setFieldType(fld.fieldTypeCode);
+            _this.setEditable((_k = fld.editable) !== null && _k !== void 0 ? _k : true);
+            _this.setVisibleLabel((_l = fld.visibleLabel) !== null && _l !== void 0 ? _l : true);
+            _this.setVisibility(fld.visible);
+            _this.setFieldOptions(fld.fieldOptions);
+            _this.setValue(fld.fieldValue || _this.defaultValue || '');
             return _this;
         }
-        Object.defineProperty(RecordTable.prototype, "inlineActionTrigger", {
-            get: function () { return this._inlineActionTrigger; },
+        Object.defineProperty(FieldDescriptor.prototype, "name", {
+            get: function () { return this.fieldCode; },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(RecordTable.prototype, "globalActionTrigger", {
-            get: function () { return this._globalActionTrigger; },
+        Object.defineProperty(FieldDescriptor.prototype, "editionFinish", {
+            get: function () { return this._editionFinish; },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(RecordTable.prototype, "selectionActionTrigger", {
-            get: function () { return this._selectionActionTrigger; },
+        Object.defineProperty(FieldDescriptor.prototype, "attributeChange", {
+            get: function () { return this._attributeChange; },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(RecordTable.prototype, "recordSelectionTrigger", {
-            get: function () { return this._recordSelectionTrigger; },
+        Object.defineProperty(FieldDescriptor.prototype, "editionPartial", {
+            get: function () { return this._editionPartial; },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(RecordTable.prototype, "getDataTrigger", {
-            get: function () { return this._getDataTrigger; },
+        Object.defineProperty(FieldDescriptor.prototype, "detailRequest", {
+            get: function () { return this._detailRequest; },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(RecordTable.prototype, "attributeChange", {
-            get: function () { return this._attributeChange; },
+        Object.defineProperty(FieldDescriptor.prototype, "info", {
+            get: function () { return this.fieldInfo; },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(RecordTable.prototype, "hasActions", {
-            get: function () { return (this._actions.length > 0); },
+        Object.defineProperty(FieldDescriptor.prototype, "validating", {
+            get: function () { return this._onValidation; },
+            set: function (isValidating) { this.setAttr(fldAttr.onValidation, isValidating); },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(RecordTable.prototype, "selectionFieldName", {
-            get: function () { var _a, _b; return (_b = (_a = this.selectionField) === null || _a === void 0 ? void 0 : _a.fieldCode) !== null && _b !== void 0 ? _b : null; },
+        FieldDescriptor.prototype.focus = function () { this.setAttr(fldAttr.focus, true); };
+        FieldDescriptor.prototype.setIntrinsicErrorMessage = function (message) { this.setAttr(fldAttr.intrinsicErrorMessage, message); };
+        Object.defineProperty(FieldDescriptor.prototype, "intrinsicErrorMessage", {
+            set: function (message) { this.setIntrinsicErrorMessage(message); },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(RecordTable.prototype, "columnNames", {
-            get: function () { return Object.keys(this._tableColumnObj); },
+        Object.defineProperty(FieldDescriptor.prototype, "fieldValue", {
+            get: function () { return this.getValue(); },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(RecordTable.prototype, "records", {
-            get: function () { return this.visibleRecords; },
-            set: function (records) { this.replaceRecords(records); },
+        FieldDescriptor.prototype.getRequired = function () { return this.required; };
+        FieldDescriptor.prototype.setRequired = function (required) { this.required = required; };
+        Object.defineProperty(FieldDescriptor.prototype, "required", {
+            get: function () { return this.fieldRequired; },
+            set: function (required) { this.setAttr(fldAttr.required, required !== null && required !== void 0 ? required : false); },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(RecordTable.prototype, "selectedRecords", {
-            get: function () {
-                return this.tableRecords.filter(function (rec) { return rec.selected; })
-                    .map(function (rec) { return rec.recordId; });
+        Object.defineProperty(FieldDescriptor.prototype, "maxLength", {
+            get: function () { return (this._maxLength > 0) ? this._maxLength.toString() : ''; },
+            set: function (requiredMaxLength) {
+                if (typeof requiredMaxLength === 'string') {
+                    this.setAttr(fldAttr.maxLength, parseInt(requiredMaxLength, 10));
+                }
+                else if (typeof requiredMaxLength === 'number') {
+                    this.setAttr(fldAttr.maxLength, requiredMaxLength);
+                }
             },
             enumerable: false,
             configurable: true
         });
-        RecordTable.prototype.setAttr = function (name, value) {
-            this[name] = value;
-            if (this._formConfig.monitoredTableAttributes.includes(name)) {
-                this._attributeChange.next({ name: name, value: value });
-            }
+        Object.defineProperty(FieldDescriptor.prototype, "value", {
+            get: function () { return this.getValue(); },
+            set: function (newValue) { this.setValue(newValue); },
+            enumerable: false,
+            configurable: true
+        });
+        FieldDescriptor.prototype.notifyEditionPartial = function () {
+            var intrinsicValidation = true;
+            this._editionPartial.next({ code: this.fieldCode, intrinsicValidation: intrinsicValidation });
         };
-        RecordTable.prototype.appendRecords = function (records) { this.setTableRecords(records, true); };
-        RecordTable.prototype.replaceRecords = function (records) { this.setTableRecords(records, false); };
-        RecordTable.prototype.columnDefinition = function (fieldCode) { return this._tableColumnObj[fieldCode]; };
-        RecordTable.prototype.putOnWait = function () { this.waiting = true; };
-        RecordTable.prototype.freeWaiting = function () { this.waiting = false; };
-        RecordTable.prototype.getActionObject = function (actionCode) { return this.getAction(actionCode); };
-        RecordTable.prototype.notifyGlobalAction = function (actionCode) {
-            var tableEvent = {
-                tableCode: this.tableCode,
-                actionCode: actionCode,
-                actionDetail: null
-            };
-            this._globalActionTrigger.next(tableEvent);
-        };
-        RecordTable.prototype.notifyInlineAction = function (tableActionEvent) {
-            var tableEvent = {
-                tableCode: this.tableCode,
-                actionCode: tableActionEvent.actionCode,
-                actionDetail: {
-                    recordId: tableActionEvent.recordId,
-                    recordData: tableActionEvent.recordData
-                }
-            };
-            this._inlineActionTrigger.next(tableEvent);
-        };
-        RecordTable.prototype.notifyRecordSelection = function (recordId) {
-            var record = this.getTableRecord(recordId);
-            if (!record) {
-                return;
-            }
-            record.toggleSelect();
-            var tableEvent = {
-                tableCode: this.tableCode,
-                actionCode: null,
-                actionDetail: {
-                    recordId: record.recordId,
-                    recordData: record.recordData
-                }
-            };
-            this.recordSelectionTrigger.next(tableEvent);
-        };
-        RecordTable.prototype.notifySelectionAction = function (actionCode) {
-            var tableEvent = {
-                tableCode: this.tableCode,
-                actionCode: actionCode,
-                actionDetail: {
-                    selectedRecords: this.selectedRecords
-                }
-            };
-            this._selectionActionTrigger.next(tableEvent);
-        };
-        RecordTable.prototype.notifyGetDataAction = function (requestedPage) {
-            if (requestedPage === void 0) { requestedPage = null; }
-            this.updateVisibleRecords();
-            this.requestedPage = requestedPage || this.currentPage;
-            var tableEvent = {
-                tableCode: this.tableCode,
-                actionCode: null,
-                actionDetail: null,
-            };
-            this._getDataTrigger.next(tableEvent);
-        };
-        RecordTable.prototype.clean = function () {
-            this.visibleRecords = [];
-            this.tableRecords = [];
-            this.tableRecordObj = {};
-        };
-        RecordTable.prototype.selectAll = function () {
-            this.setAttr('allSelected', true);
-            this.tableRecords.forEach(function (record) { return record.select(); });
-        };
-        RecordTable.prototype.unSelectAll = function () {
-            this.setAttr('allSelected', false);
-            this.tableRecords.forEach(function (record) { return record.unselect(); });
-        };
-        RecordTable.prototype.setTableRecords = function (tableRecords, append) {
-            var e_4, _g;
-            var _a;
-            if (!append) {
-                this.clean();
-            }
-            var newRecordsObj = Object.assign({}, this.tableRecordObj);
-            var newRecords = __spreadArray([], __read(this.tableRecords));
-            try {
-                for (var tableRecords_1 = __values(tableRecords), tableRecords_1_1 = tableRecords_1.next(); !tableRecords_1_1.done; tableRecords_1_1 = tableRecords_1.next()) {
-                    var tableRecord = tableRecords_1_1.value;
-                    var recordReceived = new TableRecordData(tableRecord, this.columns, (_a = this.selectionField) === null || _a === void 0 ? void 0 : _a.fieldCode);
-                    var recordIdKey = recordReceived.recordIdKey;
-                    newRecords.push(recordReceived);
-                    newRecordsObj[recordIdKey] = recordReceived;
+        FieldDescriptor.prototype.notifyEditionFinish = function () {
+            var _a, _b, _c, _d, _e;
+            var intrinsicValidation = true;
+            var fieldDefaultFormat = (_b = (_a = this._formConfig.fieldTypesPatterns) === null || _a === void 0 ? void 0 : _a[this.fieldType]) !== null && _b !== void 0 ? _b : null;
+            var fieldValue = this.getValue();
+            if (fieldValue && (fieldDefaultFormat || this.fieldFormat)) {
+                intrinsicValidation = ((_c = fieldDefaultFormat === null || fieldDefaultFormat === void 0 ? void 0 : fieldDefaultFormat.test(fieldValue)) !== null && _c !== void 0 ? _c : true)
+                    && ((_e = (_d = this.fieldFormat) === null || _d === void 0 ? void 0 : _d.test(fieldValue)) !== null && _e !== void 0 ? _e : true);
+                if (!intrinsicValidation) {
+                    this.setError('99', this._intrinsicErrorMessage);
                 }
             }
-            catch (e_4_1) { e_4 = { error: e_4_1 }; }
-            finally {
-                try {
-                    if (tableRecords_1_1 && !tableRecords_1_1.done && (_g = tableRecords_1.return)) _g.call(tableRecords_1);
-                }
-                finally { if (e_4) throw e_4.error; }
+            if (intrinsicValidation && fieldValue && this._minValue && fieldValue < this._minValue) {
+                intrinsicValidation = false;
+                this.setError('99', 'Campo con valor inferior al mínimo');
             }
-            this.tableRecords = newRecords;
-            this.tableRecordObj = newRecordsObj;
-            this.updateVisibleRecords();
-        };
-        RecordTable.prototype.updateVisibleRecords = function () {
-            var _this = this;
-            if (!this.clientPaging || !this.tableRecords || this.tableRecords.length === 0) {
-                this.setAttr('visibleRecords', this.tableRecords);
+            if (intrinsicValidation && fieldValue && this._maxValue && fieldValue > this._maxValue) {
+                intrinsicValidation = false;
+                this.setError('99', 'Campo con valor superior al máximo');
             }
-            var recordsVisible = (this.filterObject.filterModeSimple)
-                ? this.tableRecords.filter(function (record) { return record.hasPattern(_this.filterObject.simpleFilterWords); })
-                : this.tableRecords.filter(function (record) { return record.hasCondition(_this.filterObject.advancedFilter); });
-            this.setAttr('visibleRecords', recordsVisible);
+            this._editionFinish.next({ code: this.fieldCode, intrinsicValidation: intrinsicValidation });
         };
-        RecordTable.prototype.updateFromServer = function (tableReceived) {
-            this.visible = (tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.visible) || true;
-            this.setAttr('currentPage', parseInt(tableReceived.currentPage, 10) || 1);
-            this.totalPages = tableReceived.totalPages || 1;
-            this.setAttr('recordsPerPage', tableReceived.recordsPerPage);
-            this.recordsNumber = tableReceived.recordsNumber;
-            this.setAttr('totalRecordsNumber', tableReceived.totalRecordsNumber);
-            this.setAttr('sorting', {
-                columnName: tableReceived.sortingColumn || '',
-                direction: tableReceived.sortingDirection || ''
-            });
-            this.requestedPage = 1;
-            this.waiting = false;
-            this.clean();
-            if (this._appendPages) {
-                this.replaceRecords(tableReceived.tableRecords);
-            }
-            else {
-                this.appendRecords(tableReceived.tableRecords);
+        FieldDescriptor.prototype.setAttr = function (name, value) {
+            this[name] = value;
+            if (this._formConfig.monitoredFieldAttributes.includes(name)) {
+                this._attributeChange.next({ name: name, value: value });
             }
         };
-        RecordTable.prototype.getTableRecord = function (recordId) {
-            var recordIdKey = (typeof recordId === 'object') ? JSON.stringify(recordId) : recordId;
-            return (this.tableRecordObj && recordId && this.tableRecordObj[recordId])
-                ? this.tableRecordObj[recordId] : null;
-        };
-        RecordTable.prototype.getAction = function (actionCode) {
-            return (this._actionsObj && actionCode && this._actionsObj[actionCode])
-                ? this._actionsObj[actionCode] : null;
-        };
-        RecordTable.prototype.getActions = function (actionClass, actionTypes) {
-            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;
-                return actionDef.actionClass === actionClass && typeIncluded;
-            });
+        FieldDescriptor.prototype.notifyEditionDetailRequest = function (detail) {
+            var detailEvent = {
+                code: this.fieldCode,
+                detail: detail,
+            };
+            this._detailRequest.next(detailEvent);
         };
-        Object.defineProperty(RecordTable.prototype, "simpleFilterText", {
-            // Filtros
-            set: function (filterText) {
-                var terms = (filterText) ? filterText.split(' ') : null;
-                if (terms && terms.length > 0) {
-                    terms = terms.filter(function (term) { return term !== ''; });
-                }
-                this.filterObject.filterModeSimple = true;
-                this.filterObject.simpleFilterWords = terms || [];
-            },
+        FieldDescriptor.prototype.setVisibleLabel = function (visibleLabel) { this.setAttr(fldAttr.visibleLabel, visibleLabel); };
+        FieldDescriptor.prototype.showLabel = function () { this.setVisibleLabel(true); };
+        FieldDescriptor.prototype.hideLabel = function () { this.setVisibleLabel(false); };
+        FieldDescriptor.prototype.setChanged = function (hasChanged) { this.setAttr(fldAttr.hasChanged, hasChanged); };
+        FieldDescriptor.prototype.changed = function () { this.setChanged(true); };
+        FieldDescriptor.prototype.setLabel = function (label) { this.setAttr(fldAttr.title, label); };
+        FieldDescriptor.prototype.clean = function () { this.setValue(this.defaultValue || ''); this.resetError(); };
+        Object.defineProperty(FieldDescriptor.prototype, "backend", {
+            get: function () { return this.validateOnServer; },
             enumerable: false,
             configurable: true
         });
-        RecordTable.prototype.changeFilterMode = function (toSimple) {
-            this.filterObject.filterModeSimple = toSimple;
-        };
-        RecordTable.prototype.addFilterRestriction = function (filterTerm) {
-            this.filterObject.advancedFilter.push(filterTerm);
+        FieldDescriptor.prototype.setEditable = function (editable) {
+            if (editable === void 0) { editable = true; }
+            (editable) ? this.enable() : this.disable();
         };
-        RecordTable.prototype.removeFilterRestriction = function (fieldCode) {
-            var filterIndex = this.filterObject.advancedFilter.findIndex(function (filterDef) {
-                return filterDef.fieldSearch.fieldCode === fieldCode;
-            });
-            var filterToRemove = this.filterObject.advancedFilter[filterIndex];
-            this.filterObject.advancedFilter.splice(filterIndex, 1);
-            return filterToRemove;
+        FieldDescriptor.prototype.hasError = function () { return this.errorCode !== NO_ERROR; };
+        FieldDescriptor.prototype.resetError = function () { (this.errorCode !== NO_ERROR) && this.setError(NO_ERROR, null); };
+        FieldDescriptor.prototype.setError = function (code, message, type) {
+            if (type === void 0) { type = DEFAULT_ERROR_TYPE; }
+            this.setAttr(fldAttr.errorCode, code !== null && code !== void 0 ? code : NO_ERROR);
+            this.setAttr(fldAttr.errorType, (this.errorCode === NO_ERROR) ? '' : type);
+            this.setAttr(fldAttr.errorMessage, message !== null && message !== void 0 ? message : '');
         };
-        Object.defineProperty(RecordTable.prototype, "availableFilters", {
-            get: function () {
-                var _this = this;
-                return this.filterConfig.filter(function (fieldSearch) {
-                    var currentFilter = _this.filterObject.advancedFilter.find(function (filterItem) {
-                        return filterItem.fieldSearch.fieldCode === fieldSearch.fieldCode;
-                    });
-                    return !currentFilter;
-                });
-            },
+        FieldDescriptor.prototype.getError = function () { return { type: this.errorType, code: this.errorCode, message: this.errorMessage }; };
+        Object.defineProperty(FieldDescriptor.prototype, "error", {
+            get: function () { return this.getError(); },
+            set: function (errorObj) { var _a; this.setError(errorObj.code, errorObj.message, (_a = errorObj.type) !== null && _a !== void 0 ? _a : DEFAULT_ERROR_TYPE); },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(RecordTable.prototype, "currentFilter", {
-            get: function () {
-                var compactFilter = {};
-                if (this.filterObject.filterModeSimple) {
-                    compactFilter.simpleFilterWords = this.filterObject.simpleFilterWords;
-                }
-                else {
-                    compactFilter.advancedFilter = [];
-                    this.filterObject.advancedFilter.forEach(function (condition) {
-                        var simplifiedCondition = {
-                            fieldCode: condition.fieldSearch.fieldCode,
-                            fieldAlias: condition.fieldSearch.fieldAlias,
-                            operator: condition.operator,
-                            fieldValue1: condition.fieldValue1,
-                            fieldValue2: condition.fieldValue2,
-                        };
-                        compactFilter.advancedFilter.push(simplifiedCondition);
-                    });
-                }
-                return compactFilter;
-            },
+        FieldDescriptor.prototype.getErrorCode = function () { return this.getError().code; };
+        FieldDescriptor.prototype.setErrorCode = function (code) { this.setError(code, this.errorMessage); };
+        FieldDescriptor.prototype.getErrorMessage = function () { return this.getError().message; };
+        FieldDescriptor.prototype.setErrorMessage = function (msg) { this.setError(this.errorCode, msg); };
+        Object.defineProperty(FieldDescriptor.prototype, "empty", {
+            get: function () { return this.isEmpty(); },
             enumerable: false,
             configurable: true
         });
-        // Ordenamiento
-        RecordTable.prototype.setRequiredOrder = function (columnField) {
-            if (columnField !== this.sorting.columnName) {
-                this.setAttr('sorting', {
-                    columnName: columnField,
-                    direction: TABLE_SORT_ASCENDING
-                });
-            }
-            else {
-                var tableSort = this.sorting;
-                tableSort.direction = (tableSort.direction === TABLE_SORT_ASCENDING) ? TABLE_SORT_DESCENDING : TABLE_SORT_ASCENDING;
-                this.setAttr('sorting', tableSort);
+        FieldDescriptor.prototype.isEmpty = function () {
+            var fieldCurrentValue = this.getValue();
+            if (fieldCurrentValue === undefined || fieldCurrentValue === null) {
+                return true;
             }
-        };
-        RecordTable.prototype.localSortData = function () {
-            var _this = this;
-            if (!this.sorting.columnName || !this.sorting.direction) {
-                return;
+            if ((this.fieldType === this._formConfig.fieldTypes.array || this.fieldType === this._formConfig.fieldTypes.phone)
+                && Array.isArray(fieldCurrentValue) && fieldCurrentValue.length === 0) {
+                return true;
             }
-            this.tableRecords.sort(function (a, b) { return _this.recordCompare(a, b, _this.sorting.columnName, _this.sorting.direction); });
-            this.updateVisibleRecords();
+            ;
+            return fieldCurrentValue === '';
         };
-        RecordTable.prototype.recordCompare = function (recordA, recordB, columnCompare, direction) {
-            var recordAColumn = recordA.getFieldValue(columnCompare);
-            var recordBColumn = recordB.getFieldValue(columnCompare);
-            var result = 0;
-            if (recordAColumn < recordBColumn) {
-                result = -1;
-            }
-            else if (recordAColumn > recordBColumn) {
-                result = 1;
+        FieldDescriptor.prototype.getValue = function () {
+            if (this.fieldType === this._formConfig.fieldTypes.boolean
+                || this.fieldType === this._formConfig.fieldTypes.check) {
+                return yn__default['default'](this._value);
             }
-            return direction === TABLE_SORT_ASCENDING ? result : -result;
-        };
-        return RecordTable;
-    }(FormElement));
-
-    var LibTableFilterComponent = /** @class */ (function () {
-        function LibTableFilterComponent() {
-            this.simpleSearchString = '';
-            this.filterObject = new Filter();
-            this.complexIsCollapsed = true;
-            this.filterChanged = new core.EventEmitter();
-        }
-        LibTableFilterComponent.prototype.ngOnInit = function () {
-            this.start();
-        };
-        LibTableFilterComponent.prototype.start = function () { };
-        LibTableFilterComponent.prototype.filterHasChanged = function (changeType) {
-            this.complexIsCollapsed = true;
-            var eventType = (changeType === 'change')
-                ? TABLE_FILTER_TYPES.simpleFilterFinish
-                : TABLE_FILTER_TYPES.simpleFilterChange;
-            var tableFilterEvent = {
-                eventType: eventType,
-                simpleFilterString: this.simpleSearchString,
-                complexFilterItem: null,
-                itemName: null,
-            };
-            this.filterChanged.emit(tableFilterEvent);
+            return this._value;
         };
-        LibTableFilterComponent.prototype.selectField = function () {
+        FieldDescriptor.prototype.getOptionText = function () {
             var _this = this;
-            this.selectedOperator = '';
-            this.filterValue1 = '';
-            this.filterValue2 = '';
-            this.filterFieldConfig = this.complexFilterConfig.find(function (filterConfig) { return filterConfig.fieldCode === _this.selectedField; });
-            this.possibleOperators = [];
-            if (this.filterFieldConfig && this.filterFieldConfig.operators) {
-                this.possibleOperators = this.filterFieldConfig.operators;
-            }
-        };
-        LibTableFilterComponent.prototype.addFilterField = function () {
-            var filterCondition = {
-                fieldSearch: this.filterFieldConfig,
-                operator: this.selectedOperator,
-                fieldValue1: this.filterValue1,
-                fieldValue2: this.filterValue2,
-            };
-            var tableFilterEvent = {
-                eventType: TABLE_FILTER_TYPES.complexFilterAdd,
-                simpleFilterString: null,
-                complexFilterItem: filterCondition,
-                itemName: null,
-            };
-            this.filterChanged.emit(tableFilterEvent);
-            this.clearFilterField();
-        };
-        LibTableFilterComponent.prototype.clearFilterField = function () {
-            this.selectedField = '';
-            this.selectedOperator = '';
-            this.selectedOperator = '';
-            this.filterValue1 = '';
-            this.filterValue2 = '';
-            this.possibleOperators = [];
-        };
-        LibTableFilterComponent.prototype.removeFilterField = function (fieldCode) {
-            var tableFilterEvent = {
-                eventType: TABLE_FILTER_TYPES.complexFilterRemove,
-                simpleFilterString: null,
-                complexFilterItem: null,
-                itemName: fieldCode,
-            };
-            this.filterChanged.emit(tableFilterEvent);
-            // Se elimina de la configuración de filtro local
-            var idx = this.filterObject.advancedFilter.findIndex(function (def) { return def.fieldSearch.fieldCode === fieldCode; });
-            if (idx >= 0) {
-                var filterToRemove = this.filterObject.advancedFilter[idx];
-                this.selectedField = filterToRemove.fieldSearch.fieldCode;
-                this.selectField();
-                this.selectedOperator = filterToRemove.operator;
-                this.filterValue1 = filterToRemove.fieldValue1;
-                this.filterValue2 = filterToRemove.fieldValue2;
-                this.filterObject.advancedFilter.splice(idx, 1);
-            }
-        };
-        return LibTableFilterComponent;
-    }());
-    LibTableFilterComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'lib-table-filter',
-                    template: "<ng-content></ng-content>"
-                },] }
-    ];
-    LibTableFilterComponent.propDecorators = {
-        simpleFilter: [{ type: core.Input }],
-        complexFilter: [{ type: core.Input }],
-        complexFilterConfig: [{ type: core.Input }],
-        filterChanged: [{ type: core.Output }]
-    };
-
-    var INLINE_ACTION$1 = 'INLINE';
-    var LibTableRecordActionComponent = /** @class */ (function () {
-        function LibTableRecordActionComponent() {
-            this.actionSelected = new core.EventEmitter();
-        }
-        LibTableRecordActionComponent.prototype.ngOnInit = function () {
-            this.start();
-        };
-        LibTableRecordActionComponent.prototype.start = function () { };
-        LibTableRecordActionComponent.prototype.onActivate = function () {
-            var tableEvent = {
-                actionCode: this.action.actionCode,
-                recordId: this.recordId,
-                recordData: this.recordData,
-            };
-            this.actionSelected.emit(tableEvent);
-        };
-        LibTableRecordActionComponent.prototype.class = function () { };
-        return LibTableRecordActionComponent;
-    }());
-    LibTableRecordActionComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'lib-table-record-action',
-                    template: "<ng-content></ng-content>",
-                    changeDetection: core.ChangeDetectionStrategy.OnPush
-                },] }
-    ];
-    LibTableRecordActionComponent.ctorParameters = function () { return []; };
-    LibTableRecordActionComponent.propDecorators = {
-        recordId: [{ type: core.Input }],
-        recordData: [{ type: core.Input }],
-        action: [{ type: core.Input }],
-        actionSelected: [{ type: core.Output }]
-    };
-
-    var LibTableRecordFieldComponent = /** @class */ (function () {
-        function LibTableRecordFieldComponent() {
-        }
-        LibTableRecordFieldComponent.prototype.ngOnInit = function () {
-            this.start();
+            var _a, _b, _c;
+            return (_c = (_b = (_a = this.fieldOptions) === null || _a === void 0 ? void 0 : _a.find(function (item) { return item.fieldOptionId === _this._value; })) === null || _b === void 0 ? void 0 : _b.fieldOptionValue) !== null && _c !== void 0 ? _c : null;
         };
-        LibTableRecordFieldComponent.prototype.start = function () { };
-        return LibTableRecordFieldComponent;
-    }());
-    LibTableRecordFieldComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'lib-table-record-field',
-                    template: "<ng-content></ng-content>",
-                    changeDetection: core.ChangeDetectionStrategy.OnPush
-                },] }
-    ];
-    LibTableRecordFieldComponent.propDecorators = {
-        fieldCode: [{ type: core.Input }],
-        fieldType: [{ type: core.Input }],
-        fieldValue: [{ type: core.Input }]
-    };
-
-    var LibTableComponent = /** @class */ (function () {
-        function LibTableComponent() {
-            this.loaded = false;
-            this.selectable = false;
-            this.hasActions = false;
-        }
-        LibTableComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            var _a, _b;
-            if (this.table) {
-                this.formConfig = (_a = this.table) === null || _a === void 0 ? void 0 : _a._formConfig;
-                this.tableFieldStyles = this.formConfig.tableFieldStyles;
-                this.selectable = this.table.selectable;
-                this.hasActions = this.table.hasActions;
-                this.inlineActions = this.table.getActions(this.formConfig.tableActions.inline);
-                this.globalActions = this.table.getActions(this.formConfig.tableActions.global);
-                this.selectionActions = this.table.getActions(this.formConfig.tableActions.selection);
-                // Inicialización de campos mapeados del objeto
-                var mapping = Object.entries(this.formConfig.componentTableAttrMap);
-                for (var index = 0; index < mapping.length; index++) {
-                    var _c = __read(mapping[index], 2), tableAttr = _c[0], compAttr = _c[1];
-                    this[compAttr.toString()] = (_b = this.table) === null || _b === void 0 ? void 0 : _b[tableAttr.toString()];
-                }
-                // Subscripción a cambios en atributos
-                this.table.attributeChange.subscribe(function (event) {
-                    var tableAttr = event.name, value = event.value;
-                    var compAttr = _this.formConfig.componentTableAttrMap[tableAttr];
-                    _this.hasOwnProperty(compAttr) && (_this[compAttr] = value);
-                });
+        FieldDescriptor.prototype.updateFromServer = function (fld) {
+            var _a;
+            var fieldKeys = Object.keys(fld);
+            for (var index = 0; index < fieldKeys.length; index++) {
+                var attrName = fieldKeys[index];
+                var attrValue = fld[attrName];
+                (attrName === this._formConfig.apiFieldAttrs.visible) && this.setVisibility(attrValue);
+                (attrName === this._formConfig.apiFieldAttrs.labelVisible) && this.setVisibleLabel(fld.visibleLabel);
+                (attrName === this._formConfig.apiFieldAttrs.required) && this.setAttr(fldAttr.required, (_a = fld.required) !== null && _a !== void 0 ? _a : false);
+                (attrName === this._formConfig.apiFieldAttrs.errorCode) && this.setAttr(fldAttr.errorCode, fld.errorCode);
+                (attrName === this._formConfig.apiFieldAttrs.errorMessage) && this.setAttr(fldAttr.errorMessage, fld.errorMessage);
+                (attrName === this._formConfig.apiFieldAttrs.tooltip) && this.setAttr(fldAttr.tooltipText, fld.tooltip);
+                (attrName === this._formConfig.apiFieldAttrs.info) && this.setAttr(fldAttr.info, fld.info);
+                (attrName === this._formConfig.apiFieldAttrs.editable) && this.setEditable(fld.editable);
+                (attrName === this._formConfig.apiFieldAttrs.title) && this.setLabel(fld.fieldTitle.toString());
+                (attrName === this._formConfig.apiFieldAttrs.value) && (this.setValue(fld.fieldValue) && this.setChanged(false));
+                (attrName === this._formConfig.apiFieldAttrs.options) && this.setFieldOptions(fld.fieldOptions);
+                (attrName === this._formConfig.apiFieldAttrs.captureType) && this.setAttr(fldAttr.captureType, fld.captureType || 'INPUT');
+                (attrName === this._formConfig.apiFieldAttrs.type) && this.setFieldType(fld.fieldTypeCode);
+                (attrName === this._formConfig.apiFieldAttrs.maxLength) && this.setAttr(fldAttr.maxLength, fld.maxLength);
             }
-            this.start();
-        };
-        LibTableComponent.prototype.start = function () { };
-        LibTableComponent.prototype.tableGlobalAction = function (actionCode) {
-            this.table.notifyGlobalAction(actionCode);
         };
-        LibTableComponent.prototype.tableSelectionAction = function (actionCode) {
-            this.table.notifySelectionAction(actionCode);
-        };
-        LibTableComponent.prototype.tableActionSelected = function (actionEvent) {
-            this.table.notifyInlineAction(actionEvent);
+        FieldDescriptor.prototype.setFieldType = function (inputFieldType) {
+            this.setAttr(fldAttr.type, inputFieldType);
         };
-        LibTableComponent.prototype.tableColumnSort = function (columnFieldCode) {
-            this.table.setRequiredOrder(columnFieldCode);
-            if (this.clientPaging) {
-                return this.table.localSortData();
+        FieldDescriptor.prototype.setMinValue = function (inputMinValue) {
+            var minValue = inputMinValue;
+            if (this.fieldType === this._formConfig.fieldTypes.date) {
+                minValue = new Date(minValue);
             }
-            this.table.notifyGetDataAction();
+            this.setAttr(fldAttr.minValue, minValue);
         };
-        LibTableComponent.prototype.changePage = function (requestedPage) {
-            if (!this.clientPaging) {
-                this.table.notifyGetDataAction(requestedPage);
+        FieldDescriptor.prototype.setMaxValue = function (inputMaxValue) {
+            var maxValue = inputMaxValue;
+            if (this.fieldType === this._formConfig.fieldTypes.date) {
+                maxValue = new Date(maxValue);
             }
+            this.setAttr(fldAttr.maxValue, maxValue);
         };
-        Object.defineProperty(LibTableComponent.prototype, "records", {
-            get: function () {
-                var currentPageRecords = this.visibleRecords;
-                if (this.clientPaging && currentPageRecords && currentPageRecords.length > 0) {
-                    this.totalRecordsNumber = currentPageRecords.length;
-                    return currentPageRecords.map(function (record, i) { return (Object.assign({ id: i + 1 }, record)); })
-                        .slice((this.currentPage - 1) * this.recordsPerPage, (this.currentPage - 1) * this.recordsPerPage + this.recordsPerPage);
+        FieldDescriptor.prototype.getFieldOptions = function () {
+            return this.fieldOptions.map(function (option) {
+                var optionCopy = Object.assign({}, option);
+                return optionCopy;
+            });
+        };
+        FieldDescriptor.prototype.setFieldOptions = function (newOptions) {
+            var _this = this;
+            var _a;
+            if ((this.captureType !== 'LIST' && this.captureType !== 'RADIO')
+                || typeof newOptions === UNDEFINED || !newOptions
+                || !Array.isArray(newOptions)) {
+                return;
+            }
+            var fieldOptions = newOptions.map(function (option) {
+                if (option.text !== undefined && option.text !== null
+                    && option.value !== undefined && option.value !== null) {
+                    return { fieldOptionValue: option.text, fieldOptionId: option.value };
                 }
-                return currentPageRecords;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        LibTableComponent.prototype.applyCurrentFilter = function (tableFilterEvent) {
-            var eventType = tableFilterEvent.eventType;
-            var triggerDataUpdate = false;
-            if (eventType === TABLE_FILTER_TYPES.simpleFilterChange || eventType === TABLE_FILTER_TYPES.simpleFilterFinish) {
-                this.table.simpleFilterText = tableFilterEvent.simpleFilterString.trim();
-                if (this.clientPaging) {
-                    this.table.setAttr('currentPage', 1);
-                    this.table.updateVisibleRecords();
+                return Object.assign({}, option);
+            });
+            fieldOptions = (fieldOptions && Array.isArray(fieldOptions)
+                && fieldOptions.length > 0) ? fieldOptions : [];
+            this.setAttr(fldAttr.options, fieldOptions);
+            if (this._value) {
+                if (this.fieldType === this._formConfig.fieldTypes.array && Array.isArray(this._value)) {
+                    var fieldValue = (_a = this._value) === null || _a === void 0 ? void 0 : _a.filter(function (item) { return _this.fieldOptions.find(function (opt) { return opt.fieldOptionId === item; }); });
+                    this.setAttr(fldAttr.value, fieldValue);
                 }
-                else if (eventType === TABLE_FILTER_TYPES.simpleFilterFinish) {
-                    triggerDataUpdate = true;
+                else {
+                    var valInOptions = this.fieldOptions
+                        .find(function (item) { return item.fieldOptionId === _this._value; });
+                    if (!valInOptions) {
+                        this.setValue('');
+                    }
                 }
             }
-            if (eventType === TABLE_FILTER_TYPES.complexFilterAdd) {
-                this.table.addFilterRestriction(tableFilterEvent.complexFilterItem);
+            if (this.fieldRequired && this.fieldOptions.length === 1) {
+                this.setValue(this.fieldOptions[0].fieldOptionId);
             }
-            if (eventType === TABLE_FILTER_TYPES.complexFilterRemove) {
-                this.table.removeFilterRestriction(tableFilterEvent.itemName);
+        };
+        FieldDescriptor.prototype.setValue = function (newValue, widgetUpdate) {
+            if (widgetUpdate === void 0) { widgetUpdate = true; }
+            if (typeof newValue === UNDEFINED || newValue === null) {
+                return true;
             }
-            if (triggerDataUpdate) {
-                var tableGetDataEvent = {
-                    tableCode: this.table.tableCode,
-                    requestedPage: 1,
-                };
-                this.table.notifyGetDataAction(tableGetDataEvent);
+            var newFinalValue;
+            if (this.fieldType === this._formConfig.fieldTypes.boolean
+                || this.fieldType === this._formConfig.fieldTypes.check) {
+                newFinalValue = yn__default['default'](newValue);
             }
-        };
-        LibTableComponent.prototype.tableSelectionToggle = function (recordId) {
-            this.table.notifyRecordSelection(recordId);
-        };
-        LibTableComponent.prototype.toggleSelectAll = function () {
-            if (this.allSelected) {
-                this.table.unSelectAll();
+            else if (this.fieldType === this._formConfig.fieldTypes.array
+                || this.fieldType === this._formConfig.fieldTypes.map) {
+                if (newValue === null || newValue === '') {
+                    newFinalValue = [];
+                }
+                else if (Array.isArray(newValue)) {
+                    newFinalValue = newValue;
+                }
+                else {
+                    newFinalValue = newValue.toString().split(',');
+                }
             }
             else {
-                this.table.selectAll();
+                newFinalValue = newValue;
+            }
+            if (this._value !== newFinalValue) {
+                this.setChanged(true);
+                if (widgetUpdate) {
+                    this.setAttr(fldAttr.value, newFinalValue);
+                }
+                else {
+                    this._value = newFinalValue;
+                }
             }
+            return true;
         };
-        Object.defineProperty(LibTableComponent.prototype, "availableFilters", {
+        return FieldDescriptor;
+    }(FormElement));
+
+    var RecordTableColumn = /** @class */ (function () {
+        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 || 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;
+                this.fieldFormat = recTableColReceived.format || '';
+                this.customAttributes = (_c = recTableColReceived === null || recTableColReceived === void 0 ? void 0 : recTableColReceived.customAttributes) !== null && _c !== void 0 ? _c : {};
+            }
+        }
+        RecordTableColumn.prototype.addFilterDefinition = function (filterDefinition) {
+            var _a;
+            this.filterDef = {
+                operators: filterDefinition.operators,
+                options: (_a = filterDefinition.options) !== null && _a !== void 0 ? _a : null,
+            };
+        };
+        Object.defineProperty(RecordTableColumn.prototype, "filterDefinition", {
             get: function () {
-                return this.table.availableFilters;
+                return this.filterDef;
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(LibTableComponent.prototype, "selectedRecords", {
+        RecordTableColumn.prototype.addFilter = function (columnValues, operator) {
+            this.filterSetup = {
+                fieldCode: this.fieldCode,
+                operator: operator !== null && operator !== void 0 ? operator : this.filterDef.operators[0],
+                values: columnValues,
+            };
+        };
+        Object.defineProperty(RecordTableColumn.prototype, "filter", {
             get: function () {
-                return this.table.selectedRecords;
+                return this.filterSetup;
             },
             enumerable: false,
             configurable: true
         });
-        return LibTableComponent;
+        RecordTableColumn.prototype.removeFilter = function () {
+            this.filterSetup = null;
+        };
+        return RecordTableColumn;
     }());
-    LibTableComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'lib-table',
-                    template: "<ng-content></ng-content>",
-                    changeDetection: core.ChangeDetectionStrategy.OnPush
-                },] }
-    ];
-    LibTableComponent.propDecorators = {
-        table: [{ type: core.Input }],
-        tableRecords: [{ type: core.Input }],
-        disabled: [{ type: core.Input }],
-        state: [{ type: core.Input }],
-        waiting: [{ type: core.Input }]
-    };
 
-    var HEADER = 'HEADER';
-    var FormAction = /** @class */ (function (_super) {
-        __extends(FormAction, _super);
-        function FormAction(actionDefinition, formConfig) {
+    var TableAction = /** @class */ (function () {
+        function TableAction(actionDefinition) {
+            var _a, _b;
+            this.actionCode = actionDefinition.actionCode;
+            this.actionTitle = actionDefinition.actionTitle;
+            this.iconName = actionDefinition.iconName || this.actionCode;
+            this.actionType = actionDefinition.actionType || 'STANDARD';
+            this.actionClass = actionDefinition.actionClass || 'INLINE';
+            this.newState = actionDefinition.newState;
+            this.stateField = actionDefinition.stateField || '';
+            this.visibleStates = actionDefinition.visibleStates || [];
+            this.enabledStates = actionDefinition.enabledStates || [];
+            this.backend = (_a = actionDefinition === null || actionDefinition === void 0 ? void 0 : actionDefinition.serverAction) !== null && _a !== void 0 ? _a : false;
+            this.restrictedOnField = actionDefinition.fieldRestrictedCode || '';
+            this.restrictedOnValue = actionDefinition.valueRestricted || '';
+            this.restrictedOnOperator = actionDefinition.operatorRestricted || '';
+            this.customAttributes = (_b = actionDefinition === null || actionDefinition === void 0 ? void 0 : actionDefinition.customAttributes) !== null && _b !== void 0 ? _b : {};
+        }
+        TableAction.prototype.supportMode = function (state) { return this.viewOnState(state); };
+        TableAction.prototype.viewOnState = function (state) { return this.visibleStates.includes(state); };
+        TableAction.prototype.enabledOnState = function (state) { return this.enabledStates.includes(state); };
+        return TableAction;
+    }());
+
+    var TableRecordData = /** @class */ (function () {
+        function TableRecordData(recordReceived, recordDefinition, selectionFieldName) {
             var _this = this;
-            var _a;
-            _this = _super.call(this, actionDefinition, formConfig) || this;
-            _this._actionActivated = new rxjs.Subject();
-            _this.inProgress = false;
-            _this.elementType = elementTypes.action;
-            _this.actionCode = actionDefinition.actionCode ? actionDefinition.actionCode.toString() : '';
-            _this.actionName = actionDefinition.actionTitle;
-            _this.iconName = actionDefinition.iconName || _this.actionCode;
-            _this.setCustomAttribute('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.restrictedOnField = actionDefinition.fieldRestrictedCode ? actionDefinition.fieldRestrictedCode.toString() : '';
-            _this.restrictedOnOperator = actionDefinition.operatorRestricted || '';
-            _this.restrictedOnValue = actionDefinition.valueRestricted || '';
-            _this.customValidation = function () { return true; };
-            return _this;
+            if (selectionFieldName === void 0) { selectionFieldName = null; }
+            this.recordData = {};
+            var tableRecordId = recordReceived.tableRecordId, recordData = recordReceived.recordData;
+            this.recordId = tableRecordId;
+            this.selected = false;
+            this.recordData = {};
+            if (!recordDefinition || recordDefinition.length === 0 || !recordData || recordData.length === 0) {
+                return;
+            }
+            var fieldNames = recordDefinition.map(function (column) { return column.fieldCode; });
+            if (Array.isArray(recordData)) {
+                var rawRecordData = recordData.filter(function (fieldData) { return fieldData.fieldCode && fieldNames.includes(fieldData.fieldCode); });
+                rawRecordData.forEach(function (fieldData) {
+                    var fieldCode = fieldData.fieldCode, fieldValue = fieldData.fieldValue;
+                    var fieldDef = recordDefinition.find(function (column) { return column.fieldCode === fieldCode; });
+                    _this.recordData[fieldCode] = fieldValue !== null && fieldValue !== void 0 ? fieldValue : '';
+                    if (fieldCode === selectionFieldName) {
+                        _this.selected = fieldValue;
+                    }
+                });
+            }
+            else {
+                var fields = Object.keys(recordData);
+                fields.forEach(function (fieldCode) {
+                    var fieldValue = recordData[fieldCode];
+                    var fieldDef = recordDefinition.find(function (column) { return column.fieldCode === fieldCode; });
+                    _this.recordData[fieldCode] = fieldValue !== null && fieldValue !== void 0 ? fieldValue : '';
+                });
+            }
         }
-        Object.defineProperty(FormAction.prototype, "actionActivated", {
-            get: function () { return this._actionActivated; },
+        TableRecordData.prototype.toggleSelect = function () { this.selected = !this.selected; };
+        TableRecordData.prototype.select = function () { this.selected = true; };
+        TableRecordData.prototype.unselect = function () { this.selected = false; };
+        Object.defineProperty(TableRecordData.prototype, "recordIdKey", {
+            get: function () {
+                return (typeof this.recordId === 'object')
+                    ? JSON.stringify(this.recordId) : this.recordId;
+            },
             enumerable: false,
             configurable: true
         });
-        FormAction.prototype.start = function () { this.inProgress = true; };
-        FormAction.prototype.stop = function () { this.inProgress = false; };
-        FormAction.prototype.notifyActivation = function () { this._actionActivated.next(this.actionCode); };
-        FormAction.prototype.updateFromServer = function (receivedAction) {
-            for (var propertyName in receivedAction) {
-                if (propertyName !== 'actionCode' && propertyName !== 'actionId') {
-                    this[propertyName] = receivedAction[propertyName];
+        TableRecordData.prototype.getFieldValue = function (fieldCode) {
+            return (fieldCode && this.recordData[fieldCode])
+                ? this.recordData[fieldCode] : null;
+        };
+        TableRecordData.prototype.hasPattern = function (words) {
+            var e_1, _a;
+            if (!words || words.length === 0) {
+                return true;
+            }
+            for (var fieldCode in this.recordData) {
+                if (this.recordData.hasOwnProperty(fieldCode)) {
+                    try {
+                        for (var words_1 = (e_1 = void 0, __values(words)), words_1_1 = words_1.next(); !words_1_1.done; words_1_1 = words_1.next()) {
+                            var word = words_1_1.value;
+                            var term = word.toUpperCase();
+                            var fieldValue = this.recordData[fieldCode];
+                            if (fieldValue.toString().toUpperCase().includes(term)) {
+                                return true;
+                            }
+                        }
+                    }
+                    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                    finally {
+                        try {
+                            if (words_1_1 && !words_1_1.done && (_a = words_1.return)) _a.call(words_1);
+                        }
+                        finally { if (e_1) throw e_1.error; }
+                    }
                 }
             }
+            return false;
         };
-        FormAction.prototype.setCustomValidation = function (callback) { this.customValidation = function () { return callback(); }; };
-        return FormAction;
-    }(FormElement));
+        TableRecordData.prototype.hasCondition = function (columnFilters) {
+            var e_2, _a;
+            if (!columnFilters || columnFilters.length === 0) {
+                return true;
+            }
+            try {
+                for (var columnFilters_1 = __values(columnFilters), columnFilters_1_1 = columnFilters_1.next(); !columnFilters_1_1.done; columnFilters_1_1 = columnFilters_1.next()) {
+                    var condition = columnFilters_1_1.value;
+                    var fieldCode = condition.fieldCode, operator = condition.operator, values = condition.values;
+                    if (this.recordData.hasOwnProperty(fieldCode)) {
+                        var fieldValue = this.recordData[fieldCode];
+                        var stringValue = fieldValue.toString().toUpperCase();
+                        if (operator === operators.G && fieldValue <= values[0]) {
+                            return false;
+                        }
+                        if (operator === operators.L && fieldValue >= values[0]) {
+                            return false;
+                        }
+                        if (operator === operators.GE && fieldValue < values[0]) {
+                            return false;
+                        }
+                        if (operator === operators.LE && fieldValue > values[0]) {
+                            return false;
+                        }
+                        if (operator === operators.IN && !values.include(fieldValue)) {
+                            return false;
+                        }
+                        if (operator === operators.EQ) {
+                            return fieldValue === values[0];
+                        }
+                        if (operator === operators.NOT_EQ && fieldValue === values[0]) {
+                            return false;
+                        }
+                        if (operator === operators.CONTENT && !stringValue.includes(values[0].toString().toUpperCase())) {
+                            return false;
+                        }
+                        if (operator === operators.NOT_CONTENT && stringValue.includes(values[0].toString().toUpperCase())) {
+                            return false;
+                        }
+                        if (operator === operators.BETWEEN && (fieldValue < values[0] || fieldValue > values[1])) {
+                            return false;
+                        }
+                    }
+                }
+            }
+            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+            finally {
+                try {
+                    if (columnFilters_1_1 && !columnFilters_1_1.done && (_a = columnFilters_1.return)) _a.call(columnFilters_1);
+                }
+                finally { if (e_2) throw e_2.error; }
+            }
+            return true;
+        };
+        return TableRecordData;
+    }());
 
-    var UNDEFINED = 'undefined';
-    var DEFAULT_ERROR_TYPE = 'error';
-    var DEFAULT_CAPTURE_TYPE = 'INPUT';
-    var DEFAULT_ALIGNMENT = 'left';
-    var STD_MAX_LENGTH = 50;
-    var BIG_MAX_LENGTH = 500;
-    var fldAttr = {
-        validateOnServer: 'validateOnServer',
-        value: '_value',
-        minValue: '_minValue',
-        maxValue: '_maxValue',
-        maxLength: '_maxLength',
-        onValidation: '_onValidation',
-        focus: 'focus',
-        intrinsicErrorMessage: '_intrinsicErrorMessage',
-        code: 'fieldCode',
-        info: 'fieldInfo',
-        defaultValue: 'defaultValue',
-        defaultEditable: 'defaultEditable',
-        visibleLabel: 'visibleLabel',
-        required: 'fieldRequired',
-        hasChanged: 'hasChanged',
-        outputOnly: 'outputOnly',
-        captureType: 'captureType',
-        title: 'fieldTitle',
-        type: 'fieldType',
-        alignment: 'fieldAlignment',
-        format: 'fieldFormat',
-        externalValue: 'externalValue',
-        tooltipText: 'tooltipText',
-        errorType: 'errorType',
-        errorCode: 'errorCode',
-        errorMessage: 'errorMessage',
-        options: 'fieldOptions',
-    };
-    var FieldDescriptor = /** @class */ (function (_super) {
-        __extends(FieldDescriptor, _super);
-        function FieldDescriptor(inputFieldReceived, formConfig) {
+    var TABLE_SORT_ASCENDING = 'asc';
+    var TABLE_SORT_DESCENDING = 'desc';
+    var RecordTable = /** @class */ (function (_super) {
+        __extends(RecordTable, _super);
+        function RecordTable(tableReceived, formConfig) {
+            var e_1, _g, e_2, _h;
             var _this = this;
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-            _this = _super.call(this, inputFieldReceived, formConfig) || this;
-            _this._editionFinish = new rxjs.Subject();
-            _this._editionPartial = new rxjs.Subject();
-            _this._detailRequest = new rxjs.Subject();
+            var _a, _b, _c, _d, _e, _f;
+            _this = _super.call(this, tableReceived, formConfig) || this;
+            _this._inlineActionTrigger = new rxjs.Subject();
+            _this._globalActionTrigger = new rxjs.Subject();
+            _this._recordSelectionTrigger = new rxjs.Subject();
+            _this._selectionActionTrigger = new rxjs.Subject();
+            _this._getDataTrigger = new rxjs.Subject();
             _this._attributeChange = new rxjs.Subject();
-            _this.elementType = elementTypes.field;
-            var fld = (inputFieldReceived) ? inputFieldReceived : {};
-            _this.setAttr(fldAttr.code, fld.fieldCode);
-            _this.setAttr(fldAttr.title, (_a = fld.fieldTitle) !== null && _a !== void 0 ? _a : _this.fieldCode);
-            _this.setAttr(fldAttr.captureType, (_b = fld.captureType) !== null && _b !== void 0 ? _b : DEFAULT_CAPTURE_TYPE);
-            _this.setAttr(fldAttr.defaultValue, (_c = fld.defaultValue) !== null && _c !== void 0 ? _c : null);
-            var defaultTypeAlignment = (_this._formConfig.tableFieldStyles[_this.fieldType] != null)
-                ? _this._formConfig.tableFieldStyles[_this.fieldType]['text-align'] : DEFAULT_ALIGNMENT;
-            var fieldAlignment = (fld.alignment != null) ? fld.alignment.toLowerCase() : defaultTypeAlignment;
-            _this.setAttr(fldAttr.alignment, fieldAlignment);
-            _this.setAttr(fldAttr.info, fld.info || '');
-            var fieldFormat;
-            try {
-                fieldFormat = (fld.format) ? new RegExp(fld.format) : null;
+            _this._tableColumnObj = {};
+            _this._actionsObj = {};
+            // Mecanismos de filtrado nueva versión
+            _this.globalFilterStrings = [];
+            _this.tableRecordObj = {};
+            _this.allSelected = false;
+            _this.elementType = elementTypes.table;
+            _this.waiting = false;
+            _this.currentPage = 1;
+            _this.totalPages = 1;
+            _this.requestedPage = 1;
+            _this.columns = [];
+            _this._tableColumnObj = {};
+            _this._actions = [];
+            _this._actionsObj = {};
+            _this.tableRecords = [];
+            _this.globalSearch = false;
+            _this.tableTitle = tableReceived.tableTitle;
+            _this._appendPages = (_a = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.append) !== null && _a !== void 0 ? _a : false;
+            _this.selectable = (_b = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.selectable) !== null && _b !== void 0 ? _b : false;
+            _this.setAttr('allSelected', false);
+            _this.setAttr('tableCode', tableReceived.tableCode);
+            _this.setAttr('clientPaging', (_c = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.clientPaging) !== null && _c !== void 0 ? _c : true);
+            _this.setAttr('globalSearch', (_d = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.simpleFilter) !== null && _d !== void 0 ? _d : false);
+            _this.setAttr('selectionBackend', (_e = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.selectionBackend) !== null && _e !== void 0 ? _e : false);
+            _this.setAttr('sortable', (_f = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.sortable) !== null && _f !== void 0 ? _f : false);
+            _this.setAttr('sorting', { columnName: '', direction: '' });
+            _this.setAttr('recordsPerPage', formConfig.defaultRecordsPerPage);
+            if (tableReceived.fields) {
+                var columns = [];
+                try {
+                    for (var _j = __values(tableReceived.fields), _k = _j.next(); !_k.done; _k = _j.next()) {
+                        var columnReceived = _k.value;
+                        var columnDefinition = new RecordTableColumn(columnReceived, _this._formConfig);
+                        columns.push(columnDefinition);
+                        _this._tableColumnObj[columnDefinition.fieldCode] = columnDefinition;
+                    }
+                }
+                catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                finally {
+                    try {
+                        if (_k && !_k.done && (_g = _j.return)) _g.call(_j);
+                    }
+                    finally { if (e_1) throw e_1.error; }
+                }
+                _this.setAttr('columns', columns);
             }
-            catch (e) {
-                fieldFormat = null;
+            if (tableReceived.actions) {
+                var tableActions = tableReceived.actions.map(function (objDef) {
+                    var visibleStates = objDef.visibleStates;
+                    var enabledStates = objDef.enabledStates;
+                    if (!visibleStates) {
+                        visibleStates = (objDef.actionModes || '').split(',')
+                            .map(function (state) { return state.trim(); })
+                            .filter(function (state) { return state.length > 0; });
+                        enabledStates = (objDef.actionModes || '').split(',')
+                            .map(function (state) { return state.trim(); })
+                            .filter(function (state) { return state.length > 0; });
+                    }
+                    return Object.assign(Object.assign({}, objDef), { visibleStates: visibleStates, enabledStates: enabledStates });
+                });
+                try {
+                    for (var tableActions_1 = __values(tableActions), tableActions_1_1 = tableActions_1.next(); !tableActions_1_1.done; tableActions_1_1 = tableActions_1.next()) {
+                        var actionReceived = tableActions_1_1.value;
+                        var inlineAction = new TableAction(actionReceived);
+                        _this._actions.push(inlineAction);
+                        _this._actionsObj[inlineAction.actionCode] = inlineAction;
+                    }
+                }
+                catch (e_2_1) { e_2 = { error: e_2_1 }; }
+                finally {
+                    try {
+                        if (tableActions_1_1 && !tableActions_1_1.done && (_h = tableActions_1.return)) _h.call(tableActions_1);
+                    }
+                    finally { if (e_2) throw e_2.error; }
+                }
+            }
+            _this.selectionField = (_this.selectable) ? tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.selectionField : null;
+            // Filtros predefinidos en el formulario
+            if (tableReceived.filters) {
+                for (var index = 0; index < tableReceived.filters.length; index++) {
+                    _this.addFilterDefinition(tableReceived.filters[index]);
+                }
             }
-            _this.setAttr(fldAttr.format, fieldFormat);
-            _this.setAttr(fldAttr.validateOnServer, (_d = fld.serverAction) !== null && _d !== void 0 ? _d : false);
-            _this.setAttr(fldAttr.tooltipText, fld.tooltip || '');
-            _this.setAttr(fldAttr.defaultEditable, _this.enabled);
-            _this.setAttr(fldAttr.required, (_e = fld.required) !== null && _e !== void 0 ? _e : false);
-            _this.setError(fld.errorCode, fld.errorMessage, (_f = fld.errorType) !== null && _f !== void 0 ? _f : DEFAULT_ERROR_TYPE);
-            _this.setAttr(fldAttr.outputOnly, (_g = fld.outputOnly) !== null && _g !== void 0 ? _g : false);
-            var maxLength = (_h = fld.maxLength) !== null && _h !== void 0 ? _h : (_this.captureType === 'TEXTAREA' ? BIG_MAX_LENGTH : STD_MAX_LENGTH);
-            _this.setAttr(fldAttr.maxLength, maxLength);
-            _this.setAttr(fldAttr.intrinsicErrorMessage, (_j = _this._formConfig.fieldTypeErrMsg[_this.fieldType]) !== null && _j !== void 0 ? _j : _this._formConfig.fieldTypeErrMsg.DEFAULT);
-            _this.setFieldType(fld.fieldTypeCode);
-            _this.setEditable((_k = fld.editable) !== null && _k !== void 0 ? _k : true);
-            _this.setVisibleLabel((_l = fld.visibleLabel) !== null && _l !== void 0 ? _l : true);
-            _this.setVisibility(fld.visible);
-            _this.setFieldOptions(fld.fieldOptions);
-            _this.setValue(fld.fieldValue || _this.defaultValue || '');
             return _this;
         }
-        Object.defineProperty(FieldDescriptor.prototype, "name", {
-            get: function () { return this.fieldCode; },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(FieldDescriptor.prototype, "editionFinish", {
-            get: function () { return this._editionFinish; },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(FieldDescriptor.prototype, "attributeChange", {
-            get: function () { return this._attributeChange; },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(FieldDescriptor.prototype, "editionPartial", {
-            get: function () { return this._editionPartial; },
+        Object.defineProperty(RecordTable.prototype, "columnNames", {
+            get: function () { return Object.keys(this._tableColumnObj); },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(FieldDescriptor.prototype, "detailRequest", {
-            get: function () { return this._detailRequest; },
+        Object.defineProperty(RecordTable.prototype, "inlineActionTrigger", {
+            get: function () { return this._inlineActionTrigger; },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(FieldDescriptor.prototype, "info", {
-            get: function () { return this.fieldInfo; },
+        Object.defineProperty(RecordTable.prototype, "globalActionTrigger", {
+            get: function () { return this._globalActionTrigger; },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(FieldDescriptor.prototype, "validating", {
-            get: function () { return this._onValidation; },
-            set: function (isValidating) { this.setAttr(fldAttr.onValidation, isValidating); },
+        Object.defineProperty(RecordTable.prototype, "selectionActionTrigger", {
+            get: function () { return this._selectionActionTrigger; },
             enumerable: false,
             configurable: true
         });
-        FieldDescriptor.prototype.focus = function () { this.setAttr(fldAttr.focus, true); };
-        FieldDescriptor.prototype.setIntrinsicErrorMessage = function (message) { this.setAttr(fldAttr.intrinsicErrorMessage, message); };
-        Object.defineProperty(FieldDescriptor.prototype, "intrinsicErrorMessage", {
-            set: function (message) { this.setIntrinsicErrorMessage(message); },
+        Object.defineProperty(RecordTable.prototype, "recordSelectionTrigger", {
+            get: function () { return this._recordSelectionTrigger; },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(FieldDescriptor.prototype, "fieldValue", {
-            get: function () { return this.getValue(); },
+        Object.defineProperty(RecordTable.prototype, "getDataTrigger", {
+            get: function () { return this._getDataTrigger; },
             enumerable: false,
             configurable: true
         });
-        FieldDescriptor.prototype.getRequired = function () { return this.required; };
-        FieldDescriptor.prototype.setRequired = function (required) { this.required = required; };
-        Object.defineProperty(FieldDescriptor.prototype, "required", {
-            get: function () { return this.fieldRequired; },
-            set: function (required) { this.setAttr(fldAttr.required, required !== null && required !== void 0 ? required : false); },
+        Object.defineProperty(RecordTable.prototype, "attributeChange", {
+            get: function () { return this._attributeChange; },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(FieldDescriptor.prototype, "maxLength", {
-            get: function () { return (this._maxLength > 0) ? this._maxLength.toString() : ''; },
-            set: function (requiredMaxLength) {
-                if (typeof requiredMaxLength === 'string') {
-                    this.setAttr(fldAttr.maxLength, parseInt(requiredMaxLength, 10));
+        RecordTable.prototype.hasActions = function () { return (this._actions.length > 0); };
+        RecordTable.prototype.getSelectedRecords = function () { return this.tableRecords.filter(function (rec) { return rec.selected; }).map(function (rec) { return rec.recordId; }); };
+        RecordTable.prototype.activateGlobalSearch = function () { this.globalSearch = true; };
+        RecordTable.prototype.inactivateGlobalSearch = function () { this.globalSearch = false; };
+        RecordTable.prototype.columnDefinition = function (fieldCode) { return this._tableColumnObj[fieldCode]; };
+        RecordTable.prototype.putOnWait = function () { this.waiting = true; };
+        RecordTable.prototype.freeWaiting = function () { this.waiting = false; };
+        RecordTable.prototype.setAttr = function (name, value) {
+            this[name] = value;
+            if (this._formConfig.monitoredTableAttributes.includes(name)) {
+                this._attributeChange.next({ name: name, value: value });
+            }
+        };
+        RecordTable.prototype.notifyGlobalAction = function (actionCode) {
+            var tableEvent = {
+                tableCode: this.tableCode,
+                actionCode: actionCode,
+                actionDetail: null
+            };
+            this._globalActionTrigger.next(tableEvent);
+        };
+        RecordTable.prototype.notifyInlineAction = function (tableActionEvent) {
+            var tableEvent = {
+                tableCode: this.tableCode,
+                actionCode: tableActionEvent.actionCode,
+                actionDetail: {
+                    recordId: tableActionEvent.recordId,
+                    recordData: tableActionEvent.recordData
                 }
-                else if (typeof requiredMaxLength === 'number') {
-                    this.setAttr(fldAttr.maxLength, requiredMaxLength);
+            };
+            this._inlineActionTrigger.next(tableEvent);
+        };
+        RecordTable.prototype.notifyRecordSelection = function (recordId) {
+            var record = this.getTableRecord(recordId);
+            if (!record) {
+                return;
+            }
+            record.toggleSelect();
+            var tableEvent = {
+                tableCode: this.tableCode,
+                actionCode: null,
+                actionDetail: {
+                    recordId: record.recordId,
+                    recordData: record.recordData
                 }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(FieldDescriptor.prototype, "value", {
-            get: function () { return this.getValue(); },
-            set: function (newValue) { this.setValue(newValue); },
-            enumerable: false,
-            configurable: true
-        });
-        FieldDescriptor.prototype.notifyEditionPartial = function () {
-            var intrinsicValidation = true;
-            this._editionPartial.next({ code: this.fieldCode, intrinsicValidation: intrinsicValidation });
+            };
+            this.recordSelectionTrigger.next(tableEvent);
         };
-        FieldDescriptor.prototype.notifyEditionFinish = function () {
-            var _a, _b, _c, _d, _e;
-            var intrinsicValidation = true;
-            var fieldDefaultFormat = (_b = (_a = this._formConfig.fieldTypesPatterns) === null || _a === void 0 ? void 0 : _a[this.fieldType]) !== null && _b !== void 0 ? _b : null;
-            var fieldValue = this.getValue();
-            if (fieldValue && (fieldDefaultFormat || this.fieldFormat)) {
-                intrinsicValidation = ((_c = fieldDefaultFormat === null || fieldDefaultFormat === void 0 ? void 0 : fieldDefaultFormat.test(fieldValue)) !== null && _c !== void 0 ? _c : true)
-                    && ((_e = (_d = this.fieldFormat) === null || _d === void 0 ? void 0 : _d.test(fieldValue)) !== null && _e !== void 0 ? _e : true);
-                if (!intrinsicValidation) {
-                    this.setError('99', this._intrinsicErrorMessage);
+        RecordTable.prototype.notifySelectionAction = function (actionCode) {
+            var tableEvent = {
+                tableCode: this.tableCode,
+                actionCode: actionCode,
+                actionDetail: {
+                    selectedRecords: this.selectedRecords
+                }
+            };
+            this._selectionActionTrigger.next(tableEvent);
+        };
+        RecordTable.prototype.notifyGetDataAction = function (requestedPage) {
+            if (requestedPage === void 0) { requestedPage = null; }
+            this.updateVisibleRecords();
+            this.requestedPage = requestedPage || this.currentPage;
+            var tableEvent = {
+                tableCode: this.tableCode,
+                actionCode: null,
+                actionDetail: null,
+            };
+            this._getDataTrigger.next(tableEvent);
+            return null;
+        };
+        RecordTable.prototype.clean = function () {
+            this.visibleRecords = [];
+            this.tableRecords = [];
+            this.unSelectAll();
+            this.tableRecordObj = {};
+        };
+        RecordTable.prototype.selectAll = function () {
+            this.setAttr('allSelected', true);
+            this.tableRecords.forEach(function (record) { return record.select(); });
+            this.setAttr('selectedRecords', this.getSelectedRecords());
+            return true;
+        };
+        RecordTable.prototype.unSelectAll = function () {
+            this.setAttr('allSelected', false);
+            this.tableRecords.forEach(function (record) { return record.unselect(); });
+            this.setAttr('selectedRecords', this.getSelectedRecords());
+            return true;
+        };
+        RecordTable.prototype.setTableRecords = function (tableRecords, append) {
+            var e_3, _g;
+            if (!append) {
+                this.clean();
+            }
+            var newRecordsObj = Object.assign({}, this.tableRecordObj);
+            var newRecords = __spreadArray([], __read(this.tableRecords));
+            try {
+                for (var tableRecords_1 = __values(tableRecords), tableRecords_1_1 = tableRecords_1.next(); !tableRecords_1_1.done; tableRecords_1_1 = tableRecords_1.next()) {
+                    var tableRecord = tableRecords_1_1.value;
+                    var recordReceived = new TableRecordData(tableRecord, this.columns, this.selectionField);
+                    var recordIdKey = recordReceived.recordIdKey;
+                    newRecords.push(recordReceived);
+                    newRecordsObj[recordIdKey] = recordReceived;
                 }
             }
-            if (intrinsicValidation && fieldValue && this._minValue && fieldValue < this._minValue) {
-                intrinsicValidation = false;
-                this.setError('99', 'Campo con valor inferior al mínimo');
+            catch (e_3_1) { e_3 = { error: e_3_1 }; }
+            finally {
+                try {
+                    if (tableRecords_1_1 && !tableRecords_1_1.done && (_g = tableRecords_1.return)) _g.call(tableRecords_1);
+                }
+                finally { if (e_3) throw e_3.error; }
+            }
+            this.tableRecords = newRecords;
+            this.setAttr('selectedRecords', this.getSelectedRecords());
+            this.tableRecordObj = newRecordsObj;
+            this.updateVisibleRecords();
+        };
+        RecordTable.prototype.appendRecords = function (records) { this.setTableRecords(records, true); };
+        RecordTable.prototype.replaceRecords = function (records) { this.setTableRecords(records, false); };
+        RecordTable.prototype.updateVisibleRecords = function () {
+            var _a;
+            if (!this.clientPaging || !this.tableRecords || ((_a = this.tableRecords) === null || _a === void 0 ? void 0 : _a.length) === 0) {
+                this.setAttr('visibleRecords', this.tableRecords);
             }
-            if (intrinsicValidation && fieldValue && this._maxValue && fieldValue > this._maxValue) {
-                intrinsicValidation = false;
-                this.setError('99', 'Campo con valor superior al máximo');
+            else {
+                this.setAttr('visibleRecords', this.getFilteredRecords());
             }
-            this._editionFinish.next({ code: this.fieldCode, intrinsicValidation: intrinsicValidation });
         };
-        FieldDescriptor.prototype.setAttr = function (name, value) {
-            this[name] = value;
-            if (this._formConfig.monitoredFieldAttributes.includes(name)) {
-                this._attributeChange.next({ name: name, value: value });
+        RecordTable.prototype.updateFromServer = function (tableReceived) {
+            var _a;
+            this.requestedPage = 1;
+            this.clean();
+            this.visible = (tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.visible) || true;
+            this.totalPages = tableReceived.totalPages || 1;
+            this.recordsNumber = tableReceived.recordsNumber;
+            this.setAttr('currentPage', (_a = +(tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.currentPage)) !== null && _a !== void 0 ? _a : 1);
+            this.setAttr('recordsPerPage', +tableReceived.recordsPerPage);
+            this.setAttr('totalRecordsNumber', +tableReceived.totalRecordsNumber);
+            this.setAttr('sorting', {
+                columnName: tableReceived.sortingColumn || '',
+                direction: tableReceived.sortingDirection || ''
+            });
+            this.waiting = false;
+            if (this._appendPages) {
+                this.replaceRecords(tableReceived.tableRecords);
+            }
+            else {
+                this.appendRecords(tableReceived.tableRecords);
             }
+            this.updateVisibleRecords();
         };
-        FieldDescriptor.prototype.notifyEditionDetailRequest = function (detail) {
-            var detailEvent = {
-                code: this.fieldCode,
-                detail: detail,
-            };
-            this._detailRequest.next(detailEvent);
+        RecordTable.prototype.getTableRecord = function (recordId) {
+            var recordIdKey = (typeof recordId === 'object') ? JSON.stringify(recordId) : recordId;
+            return (this.tableRecordObj && recordId && this.tableRecordObj[recordId])
+                ? this.tableRecordObj[recordId] : null;
         };
-        FieldDescriptor.prototype.setVisibleLabel = function (visibleLabel) { this.setAttr(fldAttr.visibleLabel, visibleLabel); };
-        FieldDescriptor.prototype.showLabel = function () { this.setVisibleLabel(true); };
-        FieldDescriptor.prototype.hideLabel = function () { this.setVisibleLabel(false); };
-        FieldDescriptor.prototype.setChanged = function (hasChanged) { this.setAttr(fldAttr.hasChanged, hasChanged); };
-        FieldDescriptor.prototype.changed = function () { this.setChanged(true); };
-        FieldDescriptor.prototype.setLabel = function (label) { this.setAttr(fldAttr.title, label); };
-        FieldDescriptor.prototype.clean = function () { this.setValue(this.defaultValue || ''); this.resetError(); };
-        Object.defineProperty(FieldDescriptor.prototype, "backend", {
-            get: function () { return this.validateOnServer; },
-            enumerable: false,
-            configurable: true
-        });
-        FieldDescriptor.prototype.setEditable = function (editable) {
-            if (editable === void 0) { editable = true; }
-            (editable) ? this.enable() : this.disable();
+        RecordTable.prototype.getAction = function (actionCode) {
+            return (this._actionsObj && actionCode && this._actionsObj[actionCode])
+                ? this._actionsObj[actionCode] : null;
         };
-        FieldDescriptor.prototype.hasError = function () { return this.errorCode !== NO_ERROR; };
-        FieldDescriptor.prototype.resetError = function () { (this.errorCode !== NO_ERROR) && this.setError(NO_ERROR, null); };
-        FieldDescriptor.prototype.setError = function (code, message, type) {
-            if (type === void 0) { type = DEFAULT_ERROR_TYPE; }
-            this.setAttr(fldAttr.errorCode, code !== null && code !== void 0 ? code : NO_ERROR);
-            this.setAttr(fldAttr.errorType, (this.errorCode === NO_ERROR) ? '' : type);
-            this.setAttr(fldAttr.errorMessage, message !== null && message !== void 0 ? message : '');
+        RecordTable.prototype.getActions = function (actionClass, actionTypes) {
+            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;
+                return actionDef.actionClass === actionClass && typeIncluded;
+            });
         };
-        FieldDescriptor.prototype.getError = function () { return { type: this.errorType, code: this.errorCode, message: this.errorMessage }; };
-        Object.defineProperty(FieldDescriptor.prototype, "error", {
-            get: function () { return this.getError(); },
-            set: function (errorObj) { var _a; this.setError(errorObj.code, errorObj.message, (_a = errorObj.type) !== null && _a !== void 0 ? _a : DEFAULT_ERROR_TYPE); },
-            enumerable: false,
-            configurable: true
-        });
-        FieldDescriptor.prototype.getErrorCode = function () { return this.getError().code; };
-        FieldDescriptor.prototype.setErrorCode = function (code) { this.setError(code, this.errorMessage); };
-        FieldDescriptor.prototype.getErrorMessage = function () { return this.getError().message; };
-        FieldDescriptor.prototype.setErrorMessage = function (msg) { this.setError(this.errorCode, msg); };
-        Object.defineProperty(FieldDescriptor.prototype, "empty", {
-            get: function () { return this.isEmpty(); },
-            enumerable: false,
-            configurable: true
-        });
-        FieldDescriptor.prototype.isEmpty = function () {
-            var fieldCurrentValue = this.getValue();
-            if (fieldCurrentValue === undefined || fieldCurrentValue === null) {
-                return true;
-            }
-            if ((this.fieldType === this._formConfig.fieldTypes.array || this.fieldType === this._formConfig.fieldTypes.phone)
-                && Array.isArray(fieldCurrentValue) && fieldCurrentValue.length === 0) {
-                return true;
-            }
-            ;
-            return fieldCurrentValue === '';
+        // Filtros
+        RecordTable.prototype.setGlobalFilterString = function (text) {
+            var _a;
+            this.globalFilterStrings = (_a = text.split(' ').filter(function (t) { return t && t.trim().length > 0; }).map(function (t) { return t.trim(); })) !== null && _a !== void 0 ? _a : [];
         };
-        FieldDescriptor.prototype.getValue = function () {
-            if (this.fieldType === this._formConfig.fieldTypes.boolean
-                || this.fieldType === this._formConfig.fieldTypes.check) {
-                return yn__default['default'](this._value);
-            }
-            return this._value;
+        RecordTable.prototype.addFilterDefinition = function (filterDefinition) {
+            var tableColumn = this.columnDefinition(filterDefinition.fieldCode);
+            tableColumn && tableColumn.addFilterDefinition(filterDefinition);
         };
-        FieldDescriptor.prototype.getOptionText = function () {
+        RecordTable.prototype.getFilteredRecords = function () {
             var _this = this;
-            var _a, _b, _c;
-            return (_c = (_b = (_a = this.fieldOptions) === null || _a === void 0 ? void 0 : _a.find(function (item) { return item.fieldOptionId === _this._value; })) === null || _b === void 0 ? void 0 : _b.fieldOptionValue) !== null && _c !== void 0 ? _c : null;
+            var filteredRecords = this.tableRecords;
+            if (this.globalFilterStrings.length > 0) {
+                filteredRecords = filteredRecords.filter(function (record) { return record.hasPattern(_this.globalFilterStrings); });
+            }
+            var columnFilters = this.columns.filter(function (column) { return column.filter; }).map(function (column) { return column.filter; });
+            if (columnFilters.length > 0) {
+                filteredRecords = filteredRecords.filter(function (record) { return record.hasCondition(columnFilters); });
+            }
+            return filteredRecords;
         };
-        FieldDescriptor.prototype.updateFromServer = function (fld) {
+        RecordTable.prototype.addColumnFilter = function (columnName, columnValues, operator) {
+            if (operator === void 0) { operator = null; }
             var _a;
-            var fieldKeys = Object.keys(fld);
-            for (var index = 0; index < fieldKeys.length; index++) {
-                var attrName = fieldKeys[index];
-                var attrValue = fld[attrName];
-                (attrName === this._formConfig.apiFieldAttrs.visible) && this.setVisibility(attrValue);
-                (attrName === this._formConfig.apiFieldAttrs.labelVisible) && this.setVisibleLabel(fld.visibleLabel);
-                (attrName === this._formConfig.apiFieldAttrs.required) && this.setAttr(fldAttr.required, (_a = fld.required) !== null && _a !== void 0 ? _a : false);
-                (attrName === this._formConfig.apiFieldAttrs.errorCode) && this.setAttr(fldAttr.errorCode, fld.errorCode);
-                (attrName === this._formConfig.apiFieldAttrs.errorMessage) && this.setAttr(fldAttr.errorMessage, fld.errorMessage);
-                (attrName === this._formConfig.apiFieldAttrs.tooltip) && this.setAttr(fldAttr.tooltipText, fld.tooltip);
-                (attrName === this._formConfig.apiFieldAttrs.info) && this.setAttr(fldAttr.info, fld.info);
-                (attrName === this._formConfig.apiFieldAttrs.editable) && this.setEditable(fld.editable);
-                (attrName === this._formConfig.apiFieldAttrs.title) && this.setLabel(fld.fieldTitle.toString());
-                (attrName === this._formConfig.apiFieldAttrs.value) && (this.setValue(fld.fieldValue) && this.setChanged(false));
-                (attrName === this._formConfig.apiFieldAttrs.options) && this.setFieldOptions(fld.fieldOptions);
-                (attrName === this._formConfig.apiFieldAttrs.captureType) && this.setAttr(fldAttr.captureType, fld.captureType || 'INPUT');
-                (attrName === this._formConfig.apiFieldAttrs.type) && this.setFieldType(fld.fieldTypeCode);
-                (attrName === this._formConfig.apiFieldAttrs.maxLength) && this.setAttr(fldAttr.maxLength, fld.maxLength);
+            var tableColumn = this.columnDefinition(columnName);
+            var columnFilterDefinition = (_a = tableColumn === null || tableColumn === void 0 ? void 0 : tableColumn.filterDefinition) !== null && _a !== void 0 ? _a : null;
+            if (!columnFilterDefinition) {
+                return null;
             }
+            tableColumn && tableColumn.addFilter(columnValues, operator);
+            this.updateVisibleRecords();
         };
-        FieldDescriptor.prototype.setFieldType = function (inputFieldType) {
-            this.setAttr(fldAttr.type, inputFieldType);
+        RecordTable.prototype.removeColumnFilter = function (columnName) {
+            var tableColumn = this.columnDefinition(columnName);
+            tableColumn && tableColumn.removeFilter();
+            this.updateVisibleRecords();
         };
-        FieldDescriptor.prototype.setMinValue = function (inputMinValue) {
-            var minValue = inputMinValue;
-            if (this.fieldType === this._formConfig.fieldTypes.date) {
-                minValue = new Date(minValue);
+        Object.defineProperty(RecordTable.prototype, "currentFilter", {
+            get: function () {
+                var compactFilter = {
+                    simpleFilterWords: this.globalFilterStrings,
+                    advancedFilter: [],
+                };
+                var columnFilters = this.columns.filter(function (column) { return column.filter; }).map(function (column) { return column.filter; });
+                for (var index = 0; index < columnFilters.length; index++) {
+                    var columnFilter = columnFilters[index];
+                    compactFilter.advancedFilter.push({
+                        fieldCode: columnFilter.fieldCode,
+                        operator: columnFilter.operator,
+                        fieldValue1: columnFilter.values[0],
+                        fieldValue2: columnFilter.values[1],
+                    });
+                }
+                return compactFilter;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        // Ordenamiento de registros local
+        RecordTable.prototype.setRequiredOrder = function (columnField) {
+            if (columnField !== this.sorting.columnName) {
+                this.setAttr('sorting', {
+                    columnName: columnField,
+                    direction: TABLE_SORT_ASCENDING
+                });
             }
-            this.setAttr(fldAttr.minValue, minValue);
-        };
-        FieldDescriptor.prototype.setMaxValue = function (inputMaxValue) {
-            var maxValue = inputMaxValue;
-            if (this.fieldType === this._formConfig.fieldTypes.date) {
-                maxValue = new Date(maxValue);
+            else {
+                var tableSort = this.sorting;
+                tableSort.direction = (tableSort.direction === TABLE_SORT_ASCENDING) ? TABLE_SORT_DESCENDING : TABLE_SORT_ASCENDING;
+                this.setAttr('sorting', tableSort);
             }
-            this.setAttr(fldAttr.maxValue, maxValue);
-        };
-        FieldDescriptor.prototype.getFieldOptions = function () {
-            return this.fieldOptions.map(function (option) {
-                var optionCopy = Object.assign({}, option);
-                return optionCopy;
-            });
         };
-        FieldDescriptor.prototype.setFieldOptions = function (newOptions) {
+        RecordTable.prototype.localSortData = function () {
             var _this = this;
-            var _a;
-            if ((this.captureType !== 'LIST' && this.captureType !== 'RADIO')
-                || typeof newOptions === UNDEFINED || !newOptions
-                || !Array.isArray(newOptions)) {
+            if (!this.sorting.columnName || !this.sorting.direction) {
                 return;
             }
-            var fieldOptions = newOptions.map(function (option) {
-                if (option.text !== undefined && option.text !== null
-                    && option.value !== undefined && option.value !== null) {
-                    return { fieldOptionValue: option.text, fieldOptionId: option.value };
-                }
-                return Object.assign({}, option);
-            });
-            fieldOptions = (fieldOptions && Array.isArray(fieldOptions)
-                && fieldOptions.length > 0) ? fieldOptions : [];
-            this.setAttr(fldAttr.options, fieldOptions);
-            if (this._value) {
-                if (this.fieldType === this._formConfig.fieldTypes.array && Array.isArray(this._value)) {
-                    var fieldValue = (_a = this._value) === null || _a === void 0 ? void 0 : _a.filter(function (item) { return _this.fieldOptions.find(function (opt) { return opt.fieldOptionId === item; }); });
-                    this.setAttr(fldAttr.value, fieldValue);
-                }
-                else {
-                    var valInOptions = this.fieldOptions
-                        .find(function (item) { return item.fieldOptionId === _this._value; });
-                    if (!valInOptions) {
-                        this.setValue('');
-                    }
-                }
-            }
-            if (this.fieldRequired && this.fieldOptions.length === 1) {
-                this.setValue(this.fieldOptions[0].fieldOptionId);
-            }
+            this.tableRecords.sort(function (a, b) { return _this.recordCompare(a, b, _this.sorting.columnName, _this.sorting.direction); });
+            this.unSelectAll();
+            this.updateVisibleRecords();
         };
-        FieldDescriptor.prototype.setValue = function (newValue, widgetUpdate) {
-            if (widgetUpdate === void 0) { widgetUpdate = true; }
-            if (typeof newValue === UNDEFINED || newValue === null) {
-                return true;
-            }
-            var newFinalValue;
-            if (this.fieldType === this._formConfig.fieldTypes.boolean
-                || this.fieldType === this._formConfig.fieldTypes.check) {
-                newFinalValue = yn__default['default'](newValue);
-            }
-            else if (this.fieldType === this._formConfig.fieldTypes.array
-                || this.fieldType === this._formConfig.fieldTypes.map) {
-                if (newValue === null || newValue === '') {
-                    newFinalValue = [];
-                }
-                else if (Array.isArray(newValue)) {
-                    newFinalValue = newValue;
-                }
-                else {
-                    newFinalValue = newValue.toString().split(',');
-                }
-            }
-            else {
-                newFinalValue = newValue;
+        RecordTable.prototype.recordCompare = function (recordA, recordB, columnCompare, direction) {
+            var recordAColumn = recordA.getFieldValue(columnCompare);
+            var recordBColumn = recordB.getFieldValue(columnCompare);
+            var result = 0;
+            if (recordAColumn < recordBColumn) {
+                result = -1;
             }
-            if (this._value !== newFinalValue) {
-                this.setChanged(true);
-                if (widgetUpdate) {
-                    this.setAttr(fldAttr.value, newFinalValue);
-                }
-                else {
-                    this._value = newFinalValue;
-                }
+            else if (recordAColumn > recordBColumn) {
+                result = 1;
             }
-            return true;
+            return direction === TABLE_SORT_ASCENDING ? result : -result;
         };
-        return FieldDescriptor;
+        return RecordTable;
     }(FormElement));
 
     var RecordFormSubSection = /** @class */ (function () {
@@ -2953,16 +2781,18 @@
             return { index: index, data: data };
         };
         LibFormManagerService.prototype.replaceItem = function (token, formInfo) {
-            var _a, _b;
+            var _a, _b, _c, _d;
             if (!token || !formInfo) {
                 return;
             }
-            var _c = this.findFormInStack(token), index = _c.index, storedForm = _c.data;
+            var _e = this.findFormInStack(token), index = _e.index, storedForm = _e.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;
+                updatedForm.fields = (_c = storedForm === null || storedForm === void 0 ? void 0 : storedForm.fields) !== null && _c !== void 0 ? _c : {};
+                updatedForm.extra = (_d = storedForm === null || storedForm === void 0 ? void 0 : storedForm.extra) !== null && _d !== void 0 ? _d : {};
                 if (formInfo.fields) {
                     Object.assign(updatedForm.fields, formInfo.fields);
                 }
@@ -5003,7 +4833,6 @@
         FormHeaderComponent,
         SectionComponent,
         SubSectionComponent,
-        LibTableFilterComponent,
         LibTableRecordActionComponent,
         LibTableRecordFieldComponent,
         LibTableComponent
@@ -5039,7 +4868,6 @@
     exports.LibFileManagementService = LibFileManagementService;
     exports.LibFormManagerService = LibFormManagerService;
     exports.LibTableComponent = LibTableComponent;
-    exports.LibTableFilterComponent = LibTableFilterComponent;
     exports.LibTableRecordActionComponent = LibTableRecordActionComponent;
     exports.LibTableRecordFieldComponent = LibTableRecordFieldComponent;
     exports.SectionComponent = SectionComponent;