tuain-ng-forms-lib 12.0.52 → 12.0.57

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

@@ -1,6 +1,6 @@
 import { Component, Input, EventEmitter, Output, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import { Subject, ReplaySubject } from 'rxjs';
 import { __awaiter } from 'tslib';
+import { Subject, ReplaySubject } from 'rxjs';
 import yn from 'yn';
 import { nanoid } from 'nanoid';
 import { CommonModule } from '@angular/common';
@@ -247,24 +247,144 @@ SubSectionComponent.propDecorators = {
     formManager: [{ type: Input }]
 };
 
-class FieldSearch {
-    constructor(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;
+const INLINE_ACTION$1 = 'INLINE';
+class LibTableRecordActionComponent {
+    constructor() {
+        this.actionSelected = new EventEmitter();
+    }
+    ngOnInit() {
+        this.start();
+    }
+    start() { }
+    onActivate() {
+        const tableEvent = {
+            actionCode: this.action.actionCode,
+            recordId: this.recordId,
+            recordData: this.recordData,
+        };
+        this.actionSelected.emit(tableEvent);
+    }
+    class() { }
+}
+LibTableRecordActionComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'lib-table-record-action',
+                template: `<ng-content></ng-content>`,
+                changeDetection: ChangeDetectionStrategy.OnPush
+            },] }
+];
+LibTableRecordActionComponent.ctorParameters = () => [];
+LibTableRecordActionComponent.propDecorators = {
+    recordId: [{ type: Input }],
+    recordData: [{ type: Input }],
+    action: [{ type: Input }],
+    actionSelected: [{ type: Output }]
+};
+
+class LibTableRecordFieldComponent {
+    ngOnInit() {
+        this.start();
     }
+    start() { }
 }
-class Filter {
+LibTableRecordFieldComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'lib-table-record-field',
+                template: `<ng-content></ng-content>`,
+                changeDetection: ChangeDetectionStrategy.OnPush
+            },] }
+];
+LibTableRecordFieldComponent.propDecorators = {
+    fieldCode: [{ type: Input }],
+    fieldType: [{ type: Input }],
+    fieldValue: [{ type: Input }]
+};
+
+const changeViewAttributes = ['visibleRecords', 'currentPage', 'recordsPerPage', 'sorting'];
+class LibTableComponent {
     constructor() {
-        this.filterModeSimple = true;
-        this.advancedFilter = [];
-        this.simpleFilterWords = [];
+        this.globalFilterString = '';
+        this.loaded = false;
+        this.selectable = false;
+        this.hasActions = false;
+    }
+    ngOnInit() {
+        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
+            const mapping = Object.entries(this.formConfig.componentTableAttrMap);
+            for (let index = 0; index < mapping.length; index++) {
+                const [tableAttrRaw, compAttrRaw] = mapping[index];
+                const tableAttr = tableAttrRaw.toString();
+                const compAttr = compAttrRaw.toString();
+                this.syncAttribute(compAttr, this.table[tableAttr]);
+            }
+            // Subscripción a cambios en atributos
+            this.table.attributeChange.subscribe(event => {
+                const { name: tableAttr, value } = event;
+                const compAttr = this.formConfig.componentTableAttrMap[tableAttr];
+                this.syncAttribute(compAttr, value);
+            });
+        }
+        this.start();
+    }
+    start() { }
+    tableGlobalAction(actionCode) { this.table.notifyGlobalAction(actionCode); }
+    tableSelectionAction(actionCode) { this.table.notifySelectionAction(actionCode); }
+    tableActionSelected(actionEvent) { this.table.notifyInlineAction(actionEvent); }
+    changePage(requestedPage) { !this.clientPaging && this.table.notifyGetDataAction(requestedPage); }
+    tableSelectionToggle(recordId) { this.table.notifyRecordSelection(recordId); }
+    toggleSelectAll() { return (this.allSelected) ? this.table.unSelectAll() : this.table.selectAll(); }
+    globalFilterCompleted() { this.changePage(1); }
+    syncAttribute(name, value) {
+        this.hasOwnProperty(name) && (this[name] = value);
+        if (changeViewAttributes.includes(name)) {
+            this.updateTableView();
+        }
+    }
+    globalFilterChanged() {
+        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();
+        }
+    }
+    tableColumnSort(columnName) {
+        this.table.setRequiredOrder(columnName);
+        return this.clientPaging ? this.table.localSortData() : this.table.notifyGetDataAction();
+    }
+    updateTableView() {
+        let currentPageRecords = this.visibleRecords;
+        if (this.clientPaging) {
+            currentPageRecords = currentPageRecords.map((record, i) => (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;
     }
 }
+LibTableComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'lib-table',
+                template: `<ng-content></ng-content>`,
+                changeDetection: ChangeDetectionStrategy.OnPush
+            },] }
+];
+LibTableComponent.propDecorators = {
+    table: [{ type: Input }],
+    tableRecords: [{ type: Input }],
+    disabled: [{ type: Input }],
+    state: [{ type: Input }],
+    waiting: [{ type: Input }]
+};
 
 const NO_ERROR = '00';
 const HEADER$1 = 'HEADER';
@@ -289,6 +409,7 @@ const operators = {
     CONTENT: 'Contiene',
     NOT_CONTENT: 'No Contiene',
     BETWEEN: 'Entre',
+    IN: 'En'
 };
 
 class FormElement {
@@ -367,1087 +488,836 @@ class FormElement {
     get editable() { return !this.disabled; }
 }
 
-class RecordTableColumn {
-    constructor(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;
-            const defaultTypeAlignment = (this._formConfig.tableFieldStyles[this.fieldType] != null) ? this._formConfig.tableFieldStyles[this.fieldType]['text-align'] : 'left';
-            this.fieldAlignment = (recTableColReceived.alignment != null) ? recTableColReceived.alignment.toLowerCase() : defaultTypeAlignment;
-            this.visible = (_a = recTableColReceived === null || recTableColReceived === void 0 ? void 0 : recTableColReceived.visible) !== null && _a !== void 0 ? _a : true;
-            this.sortable = (_b = recTableColReceived === null || recTableColReceived === void 0 ? void 0 : recTableColReceived.sortable) !== null && _b !== void 0 ? _b : false;
-            this.fieldFormat = recTableColReceived.format || '';
-            this.customAttributes = (_c = recTableColReceived === null || recTableColReceived === void 0 ? void 0 : recTableColReceived.customAttributes) !== null && _c !== void 0 ? _c : {};
-        }
-    }
-}
-
-class TableAction {
-    constructor(actionDefinition) {
-        var _a, _b;
-        this.actionCode = actionDefinition.actionCode;
-        this.actionTitle = actionDefinition.actionTitle;
+const HEADER = 'HEADER';
+class FormAction extends FormElement {
+    constructor(actionDefinition, formConfig) {
+        var _a;
+        super(actionDefinition, formConfig);
+        this._actionActivated = new 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.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.setCustomAttribute('location', actionDefinition.position || HEADER);
         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.newState = actionDefinition === null || actionDefinition === void 0 ? void 0 : actionDefinition.newState;
+        this.restrictedOnField = actionDefinition.fieldRestrictedCode ? actionDefinition.fieldRestrictedCode.toString() : '';
         this.restrictedOnOperator = actionDefinition.operatorRestricted || '';
-        this.customAttributes = (_b = actionDefinition === null || actionDefinition === void 0 ? void 0 : actionDefinition.customAttributes) !== null && _b !== void 0 ? _b : {};
-    }
-    supportMode(state) { return this.viewOnState(state); }
-    viewOnState(state) { return this.visibleStates.includes(state); }
-    enabledOnState(state) { return this.enabledStates.includes(state); }
-}
-
-class TableRecordData {
-    constructor(recordReceived, recordDefinition, selectionFieldName = null) {
-        this.recordData = {};
-        const { tableRecordId, recordData } = recordReceived;
-        this.recordId = tableRecordId;
-        this.selected = false;
-        this.recordData = {};
-        if (!recordDefinition || recordDefinition.length === 0 || !recordData || recordData.length === 0) {
-            return;
-        }
-        const fieldNames = recordDefinition.map(column => column.fieldCode);
-        if (Array.isArray(recordData)) {
-            const rawRecordData = recordData.filter(fieldData => fieldData.fieldCode && fieldNames.includes(fieldData.fieldCode));
-            rawRecordData.forEach(fieldData => {
-                const { fieldCode, fieldValue } = fieldData;
-                const fieldDef = recordDefinition.find(column => column.fieldCode === fieldCode);
-                this.recordData[fieldCode] = fieldValue !== null && fieldValue !== void 0 ? fieldValue : '';
-                if (fieldCode === selectionFieldName) {
-                    this.selected = fieldValue;
-                }
-            });
-        }
-        else {
-            const fields = Object.keys(recordData);
-            fields.forEach(fieldCode => {
-                const fieldValue = recordData[fieldCode];
-                const fieldDef = recordDefinition.find(column => column.fieldCode === fieldCode);
-                this.recordData[fieldCode] = fieldValue !== null && fieldValue !== void 0 ? fieldValue : '';
-            });
-        }
-    }
-    toggleSelect() { this.selected = !this.selected; }
-    select() { this.selected = true; }
-    unselect() { this.selected = false; }
-    get recordIdKey() {
-        return (typeof this.recordId === 'object')
-            ? JSON.stringify(this.recordId) : this.recordId;
-    }
-    getFieldValue(fieldCode) {
-        return (fieldCode && this.recordData[fieldCode])
-            ? this.recordData[fieldCode] : null;
-    }
-    hasPattern(words) {
-        if (!words || words.length === 0) {
-            return true;
-        }
-        for (const fieldCode in this.recordData) {
-            if (this.recordData.hasOwnProperty(fieldCode)) {
-                for (const word of words) {
-                    const term = word.toUpperCase();
-                    const fieldValue = this.recordData[fieldCode];
-                    if (fieldValue.toString().toUpperCase().includes(term)) {
-                        return true;
-                    }
-                }
-            }
-        }
-        return false;
+        this.restrictedOnValue = actionDefinition.valueRestricted || '';
+        this.customValidation = () => true;
     }
-    hasCondition(advancedFilter) {
-        var _a;
-        if (!advancedFilter || advancedFilter.length === 0) {
-            return true;
-        }
-        for (const condition of advancedFilter) {
-            const fieldCode = condition.fieldSearch.fieldCode;
-            if (this.recordData.hasOwnProperty(fieldCode)) {
-                const fieldValue = this.recordData[fieldCode].toString().toUpperCase();
-                const conditionField1Value = (_a = condition === null || condition === void 0 ? void 0 : condition.fieldValue1) === null || _a === void 0 ? void 0 : _a.toString().toUpperCase();
-                const 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;
-                }
+    get actionActivated() { return this._actionActivated; }
+    start() { this.inProgress = true; }
+    stop() { this.inProgress = false; }
+    notifyActivation() { this._actionActivated.next(this.actionCode); }
+    updateFromServer(receivedAction) {
+        for (const propertyName in receivedAction) {
+            if (propertyName !== 'actionCode' && propertyName !== 'actionId') {
+                this[propertyName] = receivedAction[propertyName];
             }
         }
-        return true;
     }
+    setCustomValidation(callback) { this.customValidation = () => callback(); }
 }
 
-const TABLE_SORT_ASCENDING = 'asc';
-const TABLE_SORT_DESCENDING = 'desc';
-const TABLE_FILTER_TYPES = {
-    simpleFilterChange: 'SIMPLE_CHANGE',
-    simpleFilterFinish: 'SIMPLE_FINISH',
-    complexFilterAdd: 'COMPLEX_ADD',
-    complexFilterRemove: 'COMPLEX_REMOVE',
-};
-class RecordTable extends FormElement {
-    constructor(tableReceived, formConfig) {
-        var _a, _b, _c, _d, _e, _f;
-        super(tableReceived, formConfig);
-        this._inlineActionTrigger = new Subject();
-        this._globalActionTrigger = new Subject();
-        this._recordSelectionTrigger = new Subject();
-        this._selectionActionTrigger = new Subject();
-        this._getDataTrigger = new Subject();
+const UNDEFINED = 'undefined';
+const DEFAULT_ERROR_TYPE = 'error';
+const DEFAULT_CAPTURE_TYPE = 'INPUT';
+const DEFAULT_ALIGNMENT = 'left';
+const STD_MAX_LENGTH = 50;
+const BIG_MAX_LENGTH = 500;
+const 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',
+};
+class FieldDescriptor extends FormElement {
+    constructor(inputFieldReceived, formConfig) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        super(inputFieldReceived, formConfig);
+        this._editionFinish = new Subject();
+        this._editionPartial = new Subject();
+        this._detailRequest = new Subject();
         this._attributeChange = new 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) {
-            const columns = [];
-            for (const columnReceived of tableReceived.fields) {
-                const columnDefinition = new RecordTableColumn(columnReceived, this._formConfig);
-                columns.push(columnDefinition);
-                this._tableColumnObj[columnDefinition.fieldCode] = columnDefinition;
-            }
-            this.setAttr('columns', columns);
+        this.elementType = elementTypes.field;
+        const fld = (inputFieldReceived) ? inputFieldReceived : {};
+        this.setAttr(fldAttr.code, fld.fieldCode);
+        this.setAttr(fldAttr.title, (_a = fld.fieldTitle) !== null && _a !== void 0 ? _a : this.fieldCode);
+        this.setAttr(fldAttr.captureType, (_b = fld.captureType) !== null && _b !== void 0 ? _b : DEFAULT_CAPTURE_TYPE);
+        this.setAttr(fldAttr.defaultValue, (_c = fld.defaultValue) !== null && _c !== void 0 ? _c : null);
+        const defaultTypeAlignment = (this._formConfig.tableFieldStyles[this.fieldType] != null)
+            ? this._formConfig.tableFieldStyles[this.fieldType]['text-align'] : DEFAULT_ALIGNMENT;
+        const fieldAlignment = (fld.alignment != null) ? fld.alignment.toLowerCase() : defaultTypeAlignment;
+        this.setAttr(fldAttr.alignment, fieldAlignment);
+        this.setAttr(fldAttr.info, fld.info || '');
+        let fieldFormat;
+        try {
+            fieldFormat = (fld.format) ? new RegExp(fld.format) : null;
         }
-        if (tableReceived.actions) {
-            const tableActions = tableReceived.actions.map(objDef => {
-                let visibleStates = objDef.visibleStates;
-                let enabledStates = objDef.enabledStates;
-                if (!visibleStates) {
-                    visibleStates = (objDef.actionModes || '').split(',')
-                        .map(state => state.trim())
-                        .filter(state => state.length > 0);
-                    enabledStates = (objDef.actionModes || '').split(',')
-                        .map(state => state.trim())
-                        .filter(state => state.length > 0);
-                }
-                return Object.assign(Object.assign({}, objDef), { visibleStates, enabledStates });
-            });
-            for (const actionReceived of tableActions) {
-                const inlineAction = new TableAction(actionReceived);
-                this._actions.push(inlineAction);
-                this._actionsObj[inlineAction.actionCode] = inlineAction;
-            }
+        catch (e) {
+            fieldFormat = null;
         }
-        if (tableReceived.filters && tableReceived.filters.length > 0) {
-            this.setAttr('complexFilter', true);
-            const filterConfig = this.filterConfig;
-            for (const filterReceived of tableReceived.filters) {
-                const filterItem = new FieldSearch(filterReceived);
-                filterConfig.push(filterItem);
-            }
-            this.setAttr('filterConfig', filterConfig);
+        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);
+        const 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 || '');
+    }
+    get name() { return this.fieldCode; }
+    get editionFinish() { return this._editionFinish; }
+    get attributeChange() { return this._attributeChange; }
+    get editionPartial() { return this._editionPartial; }
+    get detailRequest() { return this._detailRequest; }
+    get info() { return this.fieldInfo; }
+    get validating() { return this._onValidation; }
+    set validating(isValidating) { this.setAttr(fldAttr.onValidation, isValidating); }
+    focus() { this.setAttr(fldAttr.focus, true); }
+    setIntrinsicErrorMessage(message) { this.setAttr(fldAttr.intrinsicErrorMessage, message); }
+    set intrinsicErrorMessage(message) { this.setIntrinsicErrorMessage(message); }
+    get fieldValue() { return this.getValue(); }
+    getRequired() { return this.required; }
+    setRequired(required) { this.required = required; }
+    get required() { return this.fieldRequired; }
+    set required(required) { this.setAttr(fldAttr.required, required !== null && required !== void 0 ? required : false); }
+    get maxLength() { return (this._maxLength > 0) ? this._maxLength.toString() : ''; }
+    set maxLength(requiredMaxLength) {
+        if (typeof requiredMaxLength === 'string') {
+            this.setAttr(fldAttr.maxLength, parseInt(requiredMaxLength, 10));
         }
-        if (this.selectable) {
-            this.selectionField = this.columns
-                .find(column => column.fieldCode === (tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.selectionField));
+        else if (typeof requiredMaxLength === 'number') {
+            this.setAttr(fldAttr.maxLength, requiredMaxLength);
         }
     }
-    get inlineActionTrigger() { return this._inlineActionTrigger; }
-    get globalActionTrigger() { return this._globalActionTrigger; }
-    get selectionActionTrigger() { return this._selectionActionTrigger; }
-    get recordSelectionTrigger() { return this._recordSelectionTrigger; }
-    get getDataTrigger() { return this._getDataTrigger; }
-    get attributeChange() { return this._attributeChange; }
-    get hasActions() { return (this._actions.length > 0); }
-    get selectionFieldName() { var _a, _b; return (_b = (_a = this.selectionField) === null || _a === void 0 ? void 0 : _a.fieldCode) !== null && _b !== void 0 ? _b : null; }
-    get columnNames() { return Object.keys(this._tableColumnObj); }
-    get records() { return this.visibleRecords; }
-    set records(records) { this.replaceRecords(records); }
-    get selectedRecords() {
-        return this.tableRecords.filter(rec => rec.selected)
-            .map(rec => rec.recordId);
+    get value() { return this.getValue(); }
+    set value(newValue) { this.setValue(newValue); }
+    notifyEditionPartial() {
+        const intrinsicValidation = true;
+        this._editionPartial.next({ code: this.fieldCode, intrinsicValidation });
+    }
+    notifyEditionFinish() {
+        var _a, _b, _c, _d, _e;
+        let intrinsicValidation = true;
+        const fieldDefaultFormat = (_b = (_a = this._formConfig.fieldTypesPatterns) === null || _a === void 0 ? void 0 : _a[this.fieldType]) !== null && _b !== void 0 ? _b : null;
+        const fieldValue = this.getValue();
+        if (fieldValue && (fieldDefaultFormat || this.fieldFormat)) {
+            intrinsicValidation = ((_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);
+            }
+        }
+        if (intrinsicValidation && fieldValue && this._minValue && fieldValue < this._minValue) {
+            intrinsicValidation = false;
+            this.setError('99', 'Campo con valor inferior al mínimo');
+        }
+        if (intrinsicValidation && fieldValue && this._maxValue && fieldValue > this._maxValue) {
+            intrinsicValidation = false;
+            this.setError('99', 'Campo con valor superior al máximo');
+        }
+        this._editionFinish.next({ code: this.fieldCode, intrinsicValidation });
     }
     setAttr(name, value) {
         this[name] = value;
-        if (this._formConfig.monitoredTableAttributes.includes(name)) {
+        if (this._formConfig.monitoredFieldAttributes.includes(name)) {
             this._attributeChange.next({ name, value });
         }
     }
-    appendRecords(records) { this.setTableRecords(records, true); }
-    replaceRecords(records) { this.setTableRecords(records, false); }
-    columnDefinition(fieldCode) { return this._tableColumnObj[fieldCode]; }
-    putOnWait() { this.waiting = true; }
-    freeWaiting() { this.waiting = false; }
-    getActionObject(actionCode) { return this.getAction(actionCode); }
-    notifyGlobalAction(actionCode) {
-        const tableEvent = {
-            tableCode: this.tableCode,
-            actionCode,
-            actionDetail: null
+    notifyEditionDetailRequest(detail) {
+        const detailEvent = {
+            code: this.fieldCode,
+            detail,
         };
-        this._globalActionTrigger.next(tableEvent);
+        this._detailRequest.next(detailEvent);
     }
-    notifyInlineAction(tableActionEvent) {
-        const tableEvent = {
-            tableCode: this.tableCode,
-            actionCode: tableActionEvent.actionCode,
-            actionDetail: {
-                recordId: tableActionEvent.recordId,
-                recordData: tableActionEvent.recordData
-            }
-        };
-        this._inlineActionTrigger.next(tableEvent);
+    setVisibleLabel(visibleLabel) { this.setAttr(fldAttr.visibleLabel, visibleLabel); }
+    showLabel() { this.setVisibleLabel(true); }
+    hideLabel() { this.setVisibleLabel(false); }
+    setChanged(hasChanged) { this.setAttr(fldAttr.hasChanged, hasChanged); }
+    changed() { this.setChanged(true); }
+    setLabel(label) { this.setAttr(fldAttr.title, label); }
+    clean() { this.setValue(this.defaultValue || ''); this.resetError(); }
+    get backend() { return this.validateOnServer; }
+    setEditable(editable = true) { (editable) ? this.enable() : this.disable(); }
+    hasError() { return this.errorCode !== NO_ERROR; }
+    resetError() { (this.errorCode !== NO_ERROR) && this.setError(NO_ERROR, null); }
+    setError(code, message, type = DEFAULT_ERROR_TYPE) {
+        this.setAttr(fldAttr.errorCode, code !== null && code !== void 0 ? code : NO_ERROR);
+        this.setAttr(fldAttr.errorType, (this.errorCode === NO_ERROR) ? '' : type);
+        this.setAttr(fldAttr.errorMessage, message !== null && message !== void 0 ? message : '');
     }
-    notifyRecordSelection(recordId) {
-        const record = this.getTableRecord(recordId);
-        if (!record) {
-            return;
+    getError() { return { type: this.errorType, code: this.errorCode, message: this.errorMessage }; }
+    get error() { return this.getError(); }
+    set error(errorObj) { var _a; this.setError(errorObj.code, errorObj.message, (_a = errorObj.type) !== null && _a !== void 0 ? _a : DEFAULT_ERROR_TYPE); }
+    getErrorCode() { return this.getError().code; }
+    setErrorCode(code) { this.setError(code, this.errorMessage); }
+    getErrorMessage() { return this.getError().message; }
+    setErrorMessage(msg) { this.setError(this.errorCode, msg); }
+    get empty() { return this.isEmpty(); }
+    isEmpty() {
+        const fieldCurrentValue = this.getValue();
+        if (fieldCurrentValue === undefined || fieldCurrentValue === null) {
+            return true;
         }
-        record.toggleSelect();
-        const tableEvent = {
-            tableCode: this.tableCode,
-            actionCode: null,
-            actionDetail: {
-                recordId: record.recordId,
-                recordData: record.recordData
-            }
-        };
-        this.recordSelectionTrigger.next(tableEvent);
+        if ((this.fieldType === this._formConfig.fieldTypes.array || this.fieldType === this._formConfig.fieldTypes.phone)
+            && Array.isArray(fieldCurrentValue) && fieldCurrentValue.length === 0) {
+            return true;
+        }
+        ;
+        return fieldCurrentValue === '';
     }
-    notifySelectionAction(actionCode) {
-        const tableEvent = {
-            tableCode: this.tableCode,
-            actionCode,
-            actionDetail: {
-                selectedRecords: this.selectedRecords
-            }
-        };
-        this._selectionActionTrigger.next(tableEvent);
-    }
-    notifyGetDataAction(requestedPage = null) {
-        this.updateVisibleRecords();
-        this.requestedPage = requestedPage || this.currentPage;
-        const tableEvent = {
-            tableCode: this.tableCode,
-            actionCode: null,
-            actionDetail: null,
-        };
-        this._getDataTrigger.next(tableEvent);
-    }
-    clean() {
-        this.visibleRecords = [];
-        this.tableRecords = [];
-        this.tableRecordObj = {};
-    }
-    selectAll() {
-        this.setAttr('allSelected', true);
-        this.tableRecords.forEach(record => record.select());
+    getValue() {
+        if (this.fieldType === this._formConfig.fieldTypes.boolean
+            || this.fieldType === this._formConfig.fieldTypes.check) {
+            return yn(this._value);
+        }
+        return this._value;
     }
-    unSelectAll() {
-        this.setAttr('allSelected', false);
-        this.tableRecords.forEach(record => record.unselect());
+    getOptionText() {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = this.fieldOptions) === null || _a === void 0 ? void 0 : _a.find(item => item.fieldOptionId === this._value)) === null || _b === void 0 ? void 0 : _b.fieldOptionValue) !== null && _c !== void 0 ? _c : null;
     }
-    setTableRecords(tableRecords, append) {
+    updateFromServer(fld) {
         var _a;
-        if (!append) {
-            this.clean();
-        }
-        const newRecordsObj = Object.assign({}, this.tableRecordObj);
-        const newRecords = [...this.tableRecords];
-        for (const tableRecord of tableRecords) {
-            const recordReceived = new TableRecordData(tableRecord, this.columns, (_a = this.selectionField) === null || _a === void 0 ? void 0 : _a.fieldCode);
-            const recordIdKey = recordReceived.recordIdKey;
-            newRecords.push(recordReceived);
-            newRecordsObj[recordIdKey] = recordReceived;
+        const fieldKeys = Object.keys(fld);
+        for (let index = 0; index < fieldKeys.length; index++) {
+            const attrName = fieldKeys[index];
+            const 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.tableRecords = newRecords;
-        this.tableRecordObj = newRecordsObj;
-        this.updateVisibleRecords();
     }
-    updateVisibleRecords() {
-        if (!this.clientPaging || !this.tableRecords || this.tableRecords.length === 0) {
-            this.setAttr('visibleRecords', this.tableRecords);
-        }
-        const recordsVisible = (this.filterObject.filterModeSimple)
-            ? this.tableRecords.filter(record => record.hasPattern(this.filterObject.simpleFilterWords))
-            : this.tableRecords.filter(record => record.hasCondition(this.filterObject.advancedFilter));
-        this.setAttr('visibleRecords', recordsVisible);
+    setFieldType(inputFieldType) {
+        this.setAttr(fldAttr.type, inputFieldType);
     }
-    updateFromServer(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);
+    setMinValue(inputMinValue) {
+        let minValue = inputMinValue;
+        if (this.fieldType === this._formConfig.fieldTypes.date) {
+            minValue = new Date(minValue);
         }
+        this.setAttr(fldAttr.minValue, minValue);
     }
-    getTableRecord(recordId) {
-        const recordIdKey = (typeof recordId === 'object') ? JSON.stringify(recordId) : recordId;
-        return (this.tableRecordObj && recordId && this.tableRecordObj[recordId])
-            ? this.tableRecordObj[recordId] : null;
-    }
-    getAction(actionCode) {
-        return (this._actionsObj && actionCode && this._actionsObj[actionCode])
-            ? this._actionsObj[actionCode] : null;
+    setMaxValue(inputMaxValue) {
+        let maxValue = inputMaxValue;
+        if (this.fieldType === this._formConfig.fieldTypes.date) {
+            maxValue = new Date(maxValue);
+        }
+        this.setAttr(fldAttr.maxValue, maxValue);
     }
-    getActions(actionClass = this._formConfig.tableActions.inline, actionTypes = null) {
-        return this._actions.filter(actionDef => {
-            const typeIncluded = (actionTypes) ? actionTypes.includes(actionDef.actionType) : true;
-            return actionDef.actionClass === actionClass && typeIncluded;
+    getFieldOptions() {
+        return this.fieldOptions.map(option => {
+            const optionCopy = Object.assign({}, option);
+            return optionCopy;
         });
     }
-    // Filtros
-    set simpleFilterText(filterText) {
-        let terms = (filterText) ? filterText.split(' ') : null;
-        if (terms && terms.length > 0) {
-            terms = terms.filter((term) => term !== '');
+    setFieldOptions(newOptions) {
+        var _a;
+        if ((this.captureType !== 'LIST' && this.captureType !== 'RADIO')
+            || typeof newOptions === UNDEFINED || !newOptions
+            || !Array.isArray(newOptions)) {
+            return;
         }
-        this.filterObject.filterModeSimple = true;
-        this.filterObject.simpleFilterWords = terms || [];
-    }
-    changeFilterMode(toSimple) {
-        this.filterObject.filterModeSimple = toSimple;
-    }
-    addFilterRestriction(filterTerm) {
-        this.filterObject.advancedFilter.push(filterTerm);
-    }
-    removeFilterRestriction(fieldCode) {
-        const filterIndex = this.filterObject.advancedFilter.findIndex((filterDef) => {
-            return filterDef.fieldSearch.fieldCode === fieldCode;
-        });
-        const filterToRemove = this.filterObject.advancedFilter[filterIndex];
-        this.filterObject.advancedFilter.splice(filterIndex, 1);
-        return filterToRemove;
-    }
-    get availableFilters() {
-        return this.filterConfig.filter((fieldSearch) => {
-            const currentFilter = this.filterObject.advancedFilter.find((filterItem) => {
-                return filterItem.fieldSearch.fieldCode === fieldSearch.fieldCode;
-            });
-            return !currentFilter;
+        let fieldOptions = newOptions.map(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);
         });
-    }
-    get currentFilter() {
-        const compactFilter = {};
-        if (this.filterObject.filterModeSimple) {
-            compactFilter.simpleFilterWords = this.filterObject.simpleFilterWords;
+        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)) {
+                const fieldValue = (_a = this._value) === null || _a === void 0 ? void 0 : _a.filter(item => this.fieldOptions.find(opt => opt.fieldOptionId === item));
+                this.setAttr(fldAttr.value, fieldValue);
+            }
+            else {
+                const valInOptions = this.fieldOptions
+                    .find(item => item.fieldOptionId === this._value);
+                if (!valInOptions) {
+                    this.setValue('');
+                }
+            }
         }
-        else {
-            compactFilter.advancedFilter = [];
-            this.filterObject.advancedFilter.forEach((condition) => {
-                const simplifiedCondition = {
-                    fieldCode: condition.fieldSearch.fieldCode,
-                    fieldAlias: condition.fieldSearch.fieldAlias,
-                    operator: condition.operator,
-                    fieldValue1: condition.fieldValue1,
-                    fieldValue2: condition.fieldValue2,
-                };
-                compactFilter.advancedFilter.push(simplifiedCondition);
-            });
+        if (this.fieldRequired && this.fieldOptions.length === 1) {
+            this.setValue(this.fieldOptions[0].fieldOptionId);
         }
-        return compactFilter;
     }
-    // Ordenamiento
-    setRequiredOrder(columnField) {
-        if (columnField !== this.sorting.columnName) {
-            this.setAttr('sorting', {
-                columnName: columnField,
-                direction: TABLE_SORT_ASCENDING
-            });
+    setValue(newValue, widgetUpdate = true) {
+        if (typeof newValue === UNDEFINED || newValue === null) {
+            return true;
         }
-        else {
-            const tableSort = this.sorting;
-            tableSort.direction = (tableSort.direction === TABLE_SORT_ASCENDING) ? TABLE_SORT_DESCENDING : TABLE_SORT_ASCENDING;
-            this.setAttr('sorting', tableSort);
+        let newFinalValue;
+        if (this.fieldType === this._formConfig.fieldTypes.boolean
+            || this.fieldType === this._formConfig.fieldTypes.check) {
+            newFinalValue = yn(newValue);
         }
-    }
-    localSortData() {
-        if (!this.sorting.columnName || !this.sorting.direction) {
-            return;
+        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(',');
+            }
         }
-        this.tableRecords.sort((a, b) => this.recordCompare(a, b, this.sorting.columnName, this.sorting.direction));
-        this.updateVisibleRecords();
-    }
-    recordCompare(recordA, recordB, columnCompare, direction) {
-        const recordAColumn = recordA.getFieldValue(columnCompare);
-        const recordBColumn = recordB.getFieldValue(columnCompare);
-        let result = 0;
-        if (recordAColumn < recordBColumn) {
-            result = -1;
+        else {
+            newFinalValue = newValue;
         }
-        else if (recordAColumn > recordBColumn) {
-            result = 1;
+        if (this._value !== newFinalValue) {
+            this.setChanged(true);
+            if (widgetUpdate) {
+                this.setAttr(fldAttr.value, newFinalValue);
+            }
+            else {
+                this._value = newFinalValue;
+            }
         }
-        return direction === TABLE_SORT_ASCENDING ? result : -result;
+        return true;
     }
 }
 
-class LibTableFilterComponent {
-    constructor() {
-        this.simpleSearchString = '';
-        this.filterObject = new Filter();
-        this.complexIsCollapsed = true;
-        this.filterChanged = new EventEmitter();
-    }
-    ngOnInit() {
-        this.start();
+class RecordTableColumn {
+    constructor(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;
+            const defaultTypeAlignment = (this._formConfig.tableFieldStyles[this.fieldType] != null) ? this._formConfig.tableFieldStyles[this.fieldType]['text-align'] : 'left';
+            this.fieldAlignment = (recTableColReceived.alignment != null) ? recTableColReceived.alignment.toLowerCase() : defaultTypeAlignment;
+            this.visible = (_a = recTableColReceived === null || recTableColReceived === void 0 ? void 0 : recTableColReceived.visible) !== null && _a !== void 0 ? _a : true;
+            this.sortable = (_b = recTableColReceived === null || recTableColReceived === void 0 ? void 0 : recTableColReceived.sortable) !== null && _b !== void 0 ? _b : false;
+            this.fieldFormat = recTableColReceived.format || '';
+            this.customAttributes = (_c = recTableColReceived === null || recTableColReceived === void 0 ? void 0 : recTableColReceived.customAttributes) !== null && _c !== void 0 ? _c : {};
+        }
     }
-    start() { }
-    filterHasChanged(changeType) {
-        this.complexIsCollapsed = true;
-        const eventType = (changeType === 'change')
-            ? TABLE_FILTER_TYPES.simpleFilterFinish
-            : TABLE_FILTER_TYPES.simpleFilterChange;
-        const tableFilterEvent = {
-            eventType,
-            simpleFilterString: this.simpleSearchString,
-            complexFilterItem: null,
-            itemName: null,
-        };
-        this.filterChanged.emit(tableFilterEvent);
-    }
-    selectField() {
-        this.selectedOperator = '';
-        this.filterValue1 = '';
-        this.filterValue2 = '';
-        this.filterFieldConfig = this.complexFilterConfig.find((filterConfig) => filterConfig.fieldCode === this.selectedField);
-        this.possibleOperators = [];
-        if (this.filterFieldConfig && this.filterFieldConfig.operators) {
-            this.possibleOperators = this.filterFieldConfig.operators;
-        }
-    }
-    addFilterField() {
-        const filterCondition = {
-            fieldSearch: this.filterFieldConfig,
-            operator: this.selectedOperator,
-            fieldValue1: this.filterValue1,
-            fieldValue2: this.filterValue2,
-        };
-        const tableFilterEvent = {
-            eventType: TABLE_FILTER_TYPES.complexFilterAdd,
-            simpleFilterString: null,
-            complexFilterItem: filterCondition,
-            itemName: null,
+    addFilterDefinition(filterDefinition) {
+        var _a;
+        this.filterDef = {
+            operators: filterDefinition.operators,
+            options: (_a = filterDefinition.options) !== null && _a !== void 0 ? _a : null,
         };
-        this.filterChanged.emit(tableFilterEvent);
-        this.clearFilterField();
-    }
-    clearFilterField() {
-        this.selectedField = '';
-        this.selectedOperator = '';
-        this.selectedOperator = '';
-        this.filterValue1 = '';
-        this.filterValue2 = '';
-        this.possibleOperators = [];
-    }
-    removeFilterField(fieldCode) {
-        const tableFilterEvent = {
-            eventType: TABLE_FILTER_TYPES.complexFilterRemove,
-            simpleFilterString: null,
-            complexFilterItem: null,
-            itemName: fieldCode,
+    }
+    get filterDefinition() {
+        return this.filterDef;
+    }
+    addFilter(columnValues, operator) {
+        this.filterSetup = {
+            fieldCode: this.fieldCode,
+            operator: operator !== null && operator !== void 0 ? operator : this.filterDef.operators[0],
+            values: columnValues,
         };
-        this.filterChanged.emit(tableFilterEvent);
-        // Se elimina de la configuración de filtro local
-        const idx = this.filterObject.advancedFilter.findIndex(def => def.fieldSearch.fieldCode === fieldCode);
-        if (idx >= 0) {
-            const 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);
-        }
     }
-}
-LibTableFilterComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'lib-table-filter',
-                template: `<ng-content></ng-content>`
-            },] }
-];
-LibTableFilterComponent.propDecorators = {
-    simpleFilter: [{ type: Input }],
-    complexFilter: [{ type: Input }],
-    complexFilterConfig: [{ type: Input }],
-    filterChanged: [{ type: Output }]
-};
-
-const INLINE_ACTION$1 = 'INLINE';
-class LibTableRecordActionComponent {
-    constructor() {
-        this.actionSelected = new EventEmitter();
+    get filter() {
+        return this.filterSetup;
     }
-    ngOnInit() {
-        this.start();
+    removeFilter() {
+        this.filterSetup = null;
     }
-    start() { }
-    onActivate() {
-        const tableEvent = {
-            actionCode: this.action.actionCode,
-            recordId: this.recordId,
-            recordData: this.recordData,
-        };
-        this.actionSelected.emit(tableEvent);
-    }
-    class() { }
 }
-LibTableRecordActionComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'lib-table-record-action',
-                template: `<ng-content></ng-content>`,
-                changeDetection: ChangeDetectionStrategy.OnPush
-            },] }
-];
-LibTableRecordActionComponent.ctorParameters = () => [];
-LibTableRecordActionComponent.propDecorators = {
-    recordId: [{ type: Input }],
-    recordData: [{ type: Input }],
-    action: [{ type: Input }],
-    actionSelected: [{ type: Output }]
-};
 
-class LibTableRecordFieldComponent {
-    ngOnInit() {
-        this.start();
+class TableAction {
+    constructor(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 : {};
     }
-    start() { }
+    supportMode(state) { return this.viewOnState(state); }
+    viewOnState(state) { return this.visibleStates.includes(state); }
+    enabledOnState(state) { return this.enabledStates.includes(state); }
 }
-LibTableRecordFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'lib-table-record-field',
-                template: `<ng-content></ng-content>`,
-                changeDetection: ChangeDetectionStrategy.OnPush
-            },] }
-];
-LibTableRecordFieldComponent.propDecorators = {
-    fieldCode: [{ type: Input }],
-    fieldType: [{ type: Input }],
-    fieldValue: [{ type: Input }]
-};
 
-class LibTableComponent {
-    constructor() {
-        this.loaded = false;
-        this.selectable = false;
-        this.hasActions = false;
-    }
-    ngOnInit() {
-        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
-            const mapping = Object.entries(this.formConfig.componentTableAttrMap);
-            for (let index = 0; index < mapping.length; index++) {
-                const [tableAttr, compAttr] = mapping[index];
-                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(event => {
-                const { name: tableAttr, value } = event;
-                const compAttr = this.formConfig.componentTableAttrMap[tableAttr];
-                this.hasOwnProperty(compAttr) && (this[compAttr] = value);
+class TableRecordData {
+    constructor(recordReceived, recordDefinition, selectionFieldName = null) {
+        this.recordData = {};
+        const { tableRecordId, recordData } = recordReceived;
+        this.recordId = tableRecordId;
+        this.selected = false;
+        this.recordData = {};
+        if (!recordDefinition || recordDefinition.length === 0 || !recordData || recordData.length === 0) {
+            return;
+        }
+        const fieldNames = recordDefinition.map(column => column.fieldCode);
+        if (Array.isArray(recordData)) {
+            const rawRecordData = recordData.filter(fieldData => fieldData.fieldCode && fieldNames.includes(fieldData.fieldCode));
+            rawRecordData.forEach(fieldData => {
+                const { fieldCode, fieldValue } = fieldData;
+                const fieldDef = recordDefinition.find(column => column.fieldCode === fieldCode);
+                this.recordData[fieldCode] = fieldValue !== null && fieldValue !== void 0 ? fieldValue : '';
+                if (fieldCode === selectionFieldName) {
+                    this.selected = fieldValue;
+                }
             });
         }
-        this.start();
-    }
-    start() { }
-    tableGlobalAction(actionCode) {
-        this.table.notifyGlobalAction(actionCode);
-    }
-    tableSelectionAction(actionCode) {
-        this.table.notifySelectionAction(actionCode);
-    }
-    tableActionSelected(actionEvent) {
-        this.table.notifyInlineAction(actionEvent);
-    }
-    tableColumnSort(columnFieldCode) {
-        this.table.setRequiredOrder(columnFieldCode);
-        if (this.clientPaging) {
-            return this.table.localSortData();
+        else {
+            const fields = Object.keys(recordData);
+            fields.forEach(fieldCode => {
+                const fieldValue = recordData[fieldCode];
+                const fieldDef = recordDefinition.find(column => column.fieldCode === fieldCode);
+                this.recordData[fieldCode] = fieldValue !== null && fieldValue !== void 0 ? fieldValue : '';
+            });
         }
-        this.table.notifyGetDataAction();
     }
-    changePage(requestedPage) {
-        if (!this.clientPaging) {
-            this.table.notifyGetDataAction(requestedPage);
-        }
+    toggleSelect() { this.selected = !this.selected; }
+    select() { this.selected = true; }
+    unselect() { this.selected = false; }
+    get recordIdKey() {
+        return (typeof this.recordId === 'object')
+            ? JSON.stringify(this.recordId) : this.recordId;
     }
-    get records() {
-        const currentPageRecords = this.visibleRecords;
-        if (this.clientPaging && currentPageRecords && currentPageRecords.length > 0) {
-            this.totalRecordsNumber = currentPageRecords.length;
-            return currentPageRecords.map((record, i) => (Object.assign({ id: i + 1 }, record)))
-                .slice((this.currentPage - 1) * this.recordsPerPage, (this.currentPage - 1) * this.recordsPerPage + this.recordsPerPage);
-        }
-        return currentPageRecords;
+    getFieldValue(fieldCode) {
+        return (fieldCode && this.recordData[fieldCode])
+            ? this.recordData[fieldCode] : null;
     }
-    applyCurrentFilter(tableFilterEvent) {
-        const { eventType } = tableFilterEvent;
-        let 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();
-            }
-            else if (eventType === TABLE_FILTER_TYPES.simpleFilterFinish) {
-                triggerDataUpdate = true;
-            }
-        }
-        if (eventType === TABLE_FILTER_TYPES.complexFilterAdd) {
-            this.table.addFilterRestriction(tableFilterEvent.complexFilterItem);
-        }
-        if (eventType === TABLE_FILTER_TYPES.complexFilterRemove) {
-            this.table.removeFilterRestriction(tableFilterEvent.itemName);
+    hasPattern(words) {
+        if (!words || words.length === 0) {
+            return true;
         }
-        if (triggerDataUpdate) {
-            const tableGetDataEvent = {
-                tableCode: this.table.tableCode,
-                requestedPage: 1,
-            };
-            this.table.notifyGetDataAction(tableGetDataEvent);
+        for (const fieldCode in this.recordData) {
+            if (this.recordData.hasOwnProperty(fieldCode)) {
+                for (const word of words) {
+                    const term = word.toUpperCase();
+                    const fieldValue = this.recordData[fieldCode];
+                    if (fieldValue.toString().toUpperCase().includes(term)) {
+                        return true;
+                    }
+                }
+            }
         }
+        return false;
     }
-    tableSelectionToggle(recordId) {
-        this.table.notifyRecordSelection(recordId);
-    }
-    toggleSelectAll() {
-        if (this.allSelected) {
-            this.table.unSelectAll();
-        }
-        else {
-            this.table.selectAll();
+    hasCondition(columnFilters) {
+        if (!columnFilters || columnFilters.length === 0) {
+            return true;
         }
-    }
-    get availableFilters() {
-        return this.table.availableFilters;
-    }
-    get selectedRecords() {
-        return this.table.selectedRecords;
-    }
-}
-LibTableComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'lib-table',
-                template: `<ng-content></ng-content>`,
-                changeDetection: ChangeDetectionStrategy.OnPush
-            },] }
-];
-LibTableComponent.propDecorators = {
-    table: [{ type: Input }],
-    tableRecords: [{ type: Input }],
-    disabled: [{ type: Input }],
-    state: [{ type: Input }],
-    waiting: [{ type: Input }]
-};
-
-const HEADER = 'HEADER';
-class FormAction extends FormElement {
-    constructor(actionDefinition, formConfig) {
-        var _a;
-        super(actionDefinition, formConfig);
-        this._actionActivated = new 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 = () => true;
-    }
-    get actionActivated() { return this._actionActivated; }
-    start() { this.inProgress = true; }
-    stop() { this.inProgress = false; }
-    notifyActivation() { this._actionActivated.next(this.actionCode); }
-    updateFromServer(receivedAction) {
-        for (const propertyName in receivedAction) {
-            if (propertyName !== 'actionCode' && propertyName !== 'actionId') {
-                this[propertyName] = receivedAction[propertyName];
+        for (const condition of columnFilters) {
+            const { fieldCode, operator, values } = condition;
+            if (this.recordData.hasOwnProperty(fieldCode)) {
+                const fieldValue = this.recordData[fieldCode];
+                const 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;
+                }
             }
         }
+        return true;
     }
-    setCustomValidation(callback) { this.customValidation = () => callback(); }
 }
 
-const UNDEFINED = 'undefined';
-const DEFAULT_ERROR_TYPE = 'error';
-const DEFAULT_CAPTURE_TYPE = 'INPUT';
-const DEFAULT_ALIGNMENT = 'left';
-const STD_MAX_LENGTH = 50;
-const BIG_MAX_LENGTH = 500;
-const 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',
-};
-class FieldDescriptor extends FormElement {
-    constructor(inputFieldReceived, formConfig) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-        super(inputFieldReceived, formConfig);
-        this._editionFinish = new Subject();
-        this._editionPartial = new Subject();
-        this._detailRequest = new Subject();
+const TABLE_SORT_ASCENDING = 'asc';
+const TABLE_SORT_DESCENDING = 'desc';
+class RecordTable extends FormElement {
+    constructor(tableReceived, formConfig) {
+        var _a, _b, _c, _d, _e, _f;
+        super(tableReceived, formConfig);
+        this._inlineActionTrigger = new Subject();
+        this._globalActionTrigger = new Subject();
+        this._recordSelectionTrigger = new Subject();
+        this._selectionActionTrigger = new Subject();
+        this._getDataTrigger = new Subject();
         this._attributeChange = new Subject();
-        this.elementType = elementTypes.field;
-        const fld = (inputFieldReceived) ? inputFieldReceived : {};
-        this.setAttr(fldAttr.code, fld.fieldCode);
-        this.setAttr(fldAttr.title, (_a = fld.fieldTitle) !== null && _a !== void 0 ? _a : this.fieldCode);
-        this.setAttr(fldAttr.captureType, (_b = fld.captureType) !== null && _b !== void 0 ? _b : DEFAULT_CAPTURE_TYPE);
-        this.setAttr(fldAttr.defaultValue, (_c = fld.defaultValue) !== null && _c !== void 0 ? _c : null);
-        const defaultTypeAlignment = (this._formConfig.tableFieldStyles[this.fieldType] != null)
-            ? this._formConfig.tableFieldStyles[this.fieldType]['text-align'] : DEFAULT_ALIGNMENT;
-        const fieldAlignment = (fld.alignment != null) ? fld.alignment.toLowerCase() : defaultTypeAlignment;
-        this.setAttr(fldAttr.alignment, fieldAlignment);
-        this.setAttr(fldAttr.info, fld.info || '');
-        let 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) {
+            const columns = [];
+            for (const columnReceived of tableReceived.fields) {
+                const columnDefinition = new RecordTableColumn(columnReceived, this._formConfig);
+                columns.push(columnDefinition);
+                this._tableColumnObj[columnDefinition.fieldCode] = columnDefinition;
+            }
+            this.setAttr('columns', columns);
         }
-        catch (e) {
-            fieldFormat = null;
+        if (tableReceived.actions) {
+            const tableActions = tableReceived.actions.map(objDef => {
+                let visibleStates = objDef.visibleStates;
+                let enabledStates = objDef.enabledStates;
+                if (!visibleStates) {
+                    visibleStates = (objDef.actionModes || '').split(',')
+                        .map(state => state.trim())
+                        .filter(state => state.length > 0);
+                    enabledStates = (objDef.actionModes || '').split(',')
+                        .map(state => state.trim())
+                        .filter(state => state.length > 0);
+                }
+                return Object.assign(Object.assign({}, objDef), { visibleStates, enabledStates });
+            });
+            for (const actionReceived of tableActions) {
+                const inlineAction = new TableAction(actionReceived);
+                this._actions.push(inlineAction);
+                this._actionsObj[inlineAction.actionCode] = inlineAction;
+            }
+        }
+        this.selectionField = (this.selectable) ? tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.selectionField : null;
+        // Filtros predefinidos en el formulario
+        if (tableReceived.filters) {
+            for (let 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);
-        const 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 || '');
     }
-    get name() { return this.fieldCode; }
-    get editionFinish() { return this._editionFinish; }
+    get columnNames() { return Object.keys(this._tableColumnObj); }
+    get inlineActionTrigger() { return this._inlineActionTrigger; }
+    get globalActionTrigger() { return this._globalActionTrigger; }
+    get selectionActionTrigger() { return this._selectionActionTrigger; }
+    get recordSelectionTrigger() { return this._recordSelectionTrigger; }
+    get getDataTrigger() { return this._getDataTrigger; }
     get attributeChange() { return this._attributeChange; }
-    get editionPartial() { return this._editionPartial; }
-    get detailRequest() { return this._detailRequest; }
-    get info() { return this.fieldInfo; }
-    get validating() { return this._onValidation; }
-    set validating(isValidating) { this.setAttr(fldAttr.onValidation, isValidating); }
-    focus() { this.setAttr(fldAttr.focus, true); }
-    setIntrinsicErrorMessage(message) { this.setAttr(fldAttr.intrinsicErrorMessage, message); }
-    set intrinsicErrorMessage(message) { this.setIntrinsicErrorMessage(message); }
-    get fieldValue() { return this.getValue(); }
-    getRequired() { return this.required; }
-    setRequired(required) { this.required = required; }
-    get required() { return this.fieldRequired; }
-    set required(required) { this.setAttr(fldAttr.required, required !== null && required !== void 0 ? required : false); }
-    get maxLength() { return (this._maxLength > 0) ? this._maxLength.toString() : ''; }
-    set maxLength(requiredMaxLength) {
-        if (typeof requiredMaxLength === 'string') {
-            this.setAttr(fldAttr.maxLength, parseInt(requiredMaxLength, 10));
-        }
-        else if (typeof requiredMaxLength === 'number') {
-            this.setAttr(fldAttr.maxLength, requiredMaxLength);
+    hasActions() { return (this._actions.length > 0); }
+    getSelectedRecords() { return this.tableRecords.filter(rec => rec.selected).map(rec => rec.recordId); }
+    activateGlobalSearch() { this.globalSearch = true; }
+    inactivateGlobalSearch() { this.globalSearch = false; }
+    columnDefinition(fieldCode) { return this._tableColumnObj[fieldCode]; }
+    putOnWait() { this.waiting = true; }
+    freeWaiting() { this.waiting = false; }
+    setAttr(name, value) {
+        this[name] = value;
+        if (this._formConfig.monitoredTableAttributes.includes(name)) {
+            this._attributeChange.next({ name, value });
         }
     }
-    get value() { return this.getValue(); }
-    set value(newValue) { this.setValue(newValue); }
-    notifyEditionPartial() {
-        const intrinsicValidation = true;
-        this._editionPartial.next({ code: this.fieldCode, intrinsicValidation });
+    notifyGlobalAction(actionCode) {
+        const tableEvent = {
+            tableCode: this.tableCode,
+            actionCode,
+            actionDetail: null
+        };
+        this._globalActionTrigger.next(tableEvent);
     }
-    notifyEditionFinish() {
-        var _a, _b, _c, _d, _e;
-        let intrinsicValidation = true;
-        const fieldDefaultFormat = (_b = (_a = this._formConfig.fieldTypesPatterns) === null || _a === void 0 ? void 0 : _a[this.fieldType]) !== null && _b !== void 0 ? _b : null;
-        const fieldValue = this.getValue();
-        if (fieldValue && (fieldDefaultFormat || this.fieldFormat)) {
-            intrinsicValidation = ((_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);
+    notifyInlineAction(tableActionEvent) {
+        const tableEvent = {
+            tableCode: this.tableCode,
+            actionCode: tableActionEvent.actionCode,
+            actionDetail: {
+                recordId: tableActionEvent.recordId,
+                recordData: tableActionEvent.recordData
             }
-        }
-        if (intrinsicValidation && fieldValue && this._minValue && fieldValue < this._minValue) {
-            intrinsicValidation = false;
-            this.setError('99', 'Campo con valor inferior al mínimo');
-        }
-        if (intrinsicValidation && fieldValue && this._maxValue && fieldValue > this._maxValue) {
-            intrinsicValidation = false;
-            this.setError('99', 'Campo con valor superior al máximo');
-        }
-        this._editionFinish.next({ code: this.fieldCode, intrinsicValidation });
+        };
+        this._inlineActionTrigger.next(tableEvent);
     }
-    setAttr(name, value) {
-        this[name] = value;
-        if (this._formConfig.monitoredFieldAttributes.includes(name)) {
-            this._attributeChange.next({ name, value });
+    notifyRecordSelection(recordId) {
+        const record = this.getTableRecord(recordId);
+        if (!record) {
+            return;
         }
+        record.toggleSelect();
+        const tableEvent = {
+            tableCode: this.tableCode,
+            actionCode: null,
+            actionDetail: {
+                recordId: record.recordId,
+                recordData: record.recordData
+            }
+        };
+        this.recordSelectionTrigger.next(tableEvent);
+    }
+    notifySelectionAction(actionCode) {
+        const tableEvent = {
+            tableCode: this.tableCode,
+            actionCode,
+            actionDetail: {
+                selectedRecords: this.selectedRecords
+            }
+        };
+        this._selectionActionTrigger.next(tableEvent);
     }
-    notifyEditionDetailRequest(detail) {
-        const detailEvent = {
-            code: this.fieldCode,
-            detail,
+    notifyGetDataAction(requestedPage = null) {
+        this.updateVisibleRecords();
+        this.requestedPage = requestedPage || this.currentPage;
+        const tableEvent = {
+            tableCode: this.tableCode,
+            actionCode: null,
+            actionDetail: null,
         };
-        this._detailRequest.next(detailEvent);
+        this._getDataTrigger.next(tableEvent);
+        return null;
     }
-    setVisibleLabel(visibleLabel) { this.setAttr(fldAttr.visibleLabel, visibleLabel); }
-    showLabel() { this.setVisibleLabel(true); }
-    hideLabel() { this.setVisibleLabel(false); }
-    setChanged(hasChanged) { this.setAttr(fldAttr.hasChanged, hasChanged); }
-    changed() { this.setChanged(true); }
-    setLabel(label) { this.setAttr(fldAttr.title, label); }
-    clean() { this.setValue(this.defaultValue || ''); this.resetError(); }
-    get backend() { return this.validateOnServer; }
-    setEditable(editable = true) { (editable) ? this.enable() : this.disable(); }
-    hasError() { return this.errorCode !== NO_ERROR; }
-    resetError() { (this.errorCode !== NO_ERROR) && this.setError(NO_ERROR, null); }
-    setError(code, message, type = DEFAULT_ERROR_TYPE) {
-        this.setAttr(fldAttr.errorCode, code !== null && code !== void 0 ? code : NO_ERROR);
-        this.setAttr(fldAttr.errorType, (this.errorCode === NO_ERROR) ? '' : type);
-        this.setAttr(fldAttr.errorMessage, message !== null && message !== void 0 ? message : '');
+    clean() {
+        this.visibleRecords = [];
+        this.tableRecords = [];
+        this.unSelectAll();
+        this.tableRecordObj = {};
     }
-    getError() { return { type: this.errorType, code: this.errorCode, message: this.errorMessage }; }
-    get error() { return this.getError(); }
-    set error(errorObj) { var _a; this.setError(errorObj.code, errorObj.message, (_a = errorObj.type) !== null && _a !== void 0 ? _a : DEFAULT_ERROR_TYPE); }
-    getErrorCode() { return this.getError().code; }
-    setErrorCode(code) { this.setError(code, this.errorMessage); }
-    getErrorMessage() { return this.getError().message; }
-    setErrorMessage(msg) { this.setError(this.errorCode, msg); }
-    get empty() { return this.isEmpty(); }
-    isEmpty() {
-        const fieldCurrentValue = this.getValue();
-        if (fieldCurrentValue === undefined || fieldCurrentValue === null) {
-            return true;
+    selectAll() {
+        this.setAttr('allSelected', true);
+        this.tableRecords.forEach(record => record.select());
+        this.setAttr('selectedRecords', this.getSelectedRecords());
+        return true;
+    }
+    unSelectAll() {
+        this.setAttr('allSelected', false);
+        this.tableRecords.forEach(record => record.unselect());
+        this.setAttr('selectedRecords', this.getSelectedRecords());
+        return true;
+    }
+    setTableRecords(tableRecords, append) {
+        if (!append) {
+            this.clean();
         }
-        if ((this.fieldType === this._formConfig.fieldTypes.array || this.fieldType === this._formConfig.fieldTypes.phone)
-            && Array.isArray(fieldCurrentValue) && fieldCurrentValue.length === 0) {
-            return true;
+        const newRecordsObj = Object.assign({}, this.tableRecordObj);
+        const newRecords = [...this.tableRecords];
+        for (const tableRecord of tableRecords) {
+            const recordReceived = new TableRecordData(tableRecord, this.columns, this.selectionField);
+            const recordIdKey = recordReceived.recordIdKey;
+            newRecords.push(recordReceived);
+            newRecordsObj[recordIdKey] = recordReceived;
         }
-        ;
-        return fieldCurrentValue === '';
+        this.tableRecords = newRecords;
+        this.setAttr('selectedRecords', this.getSelectedRecords());
+        this.tableRecordObj = newRecordsObj;
+        this.updateVisibleRecords();
     }
-    getValue() {
-        if (this.fieldType === this._formConfig.fieldTypes.boolean
-            || this.fieldType === this._formConfig.fieldTypes.check) {
-            return yn(this._value);
+    appendRecords(records) { this.setTableRecords(records, true); }
+    replaceRecords(records) { this.setTableRecords(records, false); }
+    updateVisibleRecords() {
+        var _a;
+        if (!this.clientPaging || !this.tableRecords || ((_a = this.tableRecords) === null || _a === void 0 ? void 0 : _a.length) === 0) {
+            this.setAttr('visibleRecords', this.tableRecords);
+        }
+        else {
+            this.setAttr('visibleRecords', this.getFilteredRecords());
         }
-        return this._value;
-    }
-    getOptionText() {
-        var _a, _b, _c;
-        return (_c = (_b = (_a = this.fieldOptions) === null || _a === void 0 ? void 0 : _a.find(item => item.fieldOptionId === this._value)) === null || _b === void 0 ? void 0 : _b.fieldOptionValue) !== null && _c !== void 0 ? _c : null;
     }
-    updateFromServer(fld) {
+    updateFromServer(tableReceived) {
         var _a;
-        const fieldKeys = Object.keys(fld);
-        for (let index = 0; index < fieldKeys.length; index++) {
-            const attrName = fieldKeys[index];
-            const 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.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);
         }
-    }
-    setFieldType(inputFieldType) {
-        this.setAttr(fldAttr.type, inputFieldType);
-    }
-    setMinValue(inputMinValue) {
-        let minValue = inputMinValue;
-        if (this.fieldType === this._formConfig.fieldTypes.date) {
-            minValue = new Date(minValue);
+        else {
+            this.appendRecords(tableReceived.tableRecords);
         }
-        this.setAttr(fldAttr.minValue, minValue);
+        this.updateVisibleRecords();
     }
-    setMaxValue(inputMaxValue) {
-        let maxValue = inputMaxValue;
-        if (this.fieldType === this._formConfig.fieldTypes.date) {
-            maxValue = new Date(maxValue);
-        }
-        this.setAttr(fldAttr.maxValue, maxValue);
+    getTableRecord(recordId) {
+        const recordIdKey = (typeof recordId === 'object') ? JSON.stringify(recordId) : recordId;
+        return (this.tableRecordObj && recordId && this.tableRecordObj[recordId])
+            ? this.tableRecordObj[recordId] : null;
     }
-    getFieldOptions() {
-        return this.fieldOptions.map(option => {
-            const optionCopy = Object.assign({}, option);
-            return optionCopy;
+    getAction(actionCode) {
+        return (this._actionsObj && actionCode && this._actionsObj[actionCode])
+            ? this._actionsObj[actionCode] : null;
+    }
+    getActions(actionClass = this._formConfig.tableActions.inline, actionTypes = null) {
+        return this._actions.filter(actionDef => {
+            const typeIncluded = (actionTypes) ? actionTypes.includes(actionDef.actionType) : true;
+            return actionDef.actionClass === actionClass && typeIncluded;
         });
     }
-    setFieldOptions(newOptions) {
+    // Filtros
+    setGlobalFilterString(text) {
         var _a;
-        if ((this.captureType !== 'LIST' && this.captureType !== 'RADIO')
-            || typeof newOptions === UNDEFINED || !newOptions
-            || !Array.isArray(newOptions)) {
-            return;
-        }
-        let fieldOptions = newOptions.map(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)) {
-                const fieldValue = (_a = this._value) === null || _a === void 0 ? void 0 : _a.filter(item => this.fieldOptions.find(opt => opt.fieldOptionId === item));
-                this.setAttr(fldAttr.value, fieldValue);
-            }
-            else {
-                const valInOptions = this.fieldOptions
-                    .find(item => item.fieldOptionId === this._value);
-                if (!valInOptions) {
-                    this.setValue('');
-                }
-            }
+        this.globalFilterStrings = (_a = text.split(' ').filter(t => t && t.trim().length > 0).map(t => t.trim())) !== null && _a !== void 0 ? _a : [];
+    }
+    addFilterDefinition(filterDefinition) {
+        const tableColumn = this.columnDefinition(filterDefinition.fieldCode);
+        tableColumn && tableColumn.addFilterDefinition(filterDefinition);
+    }
+    getFilteredRecords() {
+        let filteredRecords = this.tableRecords;
+        if (this.globalFilterStrings.length > 0) {
+            filteredRecords = filteredRecords.filter(record => record.hasPattern(this.globalFilterStrings));
         }
-        if (this.fieldRequired && this.fieldOptions.length === 1) {
-            this.setValue(this.fieldOptions[0].fieldOptionId);
+        const columnFilters = this.columns.filter(column => column.filter).map(column => column.filter);
+        if (columnFilters.length > 0) {
+            filteredRecords = filteredRecords.filter(record => record.hasCondition(columnFilters));
         }
+        return filteredRecords;
     }
-    setValue(newValue, widgetUpdate = true) {
-        if (typeof newValue === UNDEFINED || newValue === null) {
-            return true;
+    addColumnFilter(columnName, columnValues, operator = null) {
+        var _a;
+        const tableColumn = this.columnDefinition(columnName);
+        const columnFilterDefinition = (_a = tableColumn === null || tableColumn === void 0 ? void 0 : tableColumn.filterDefinition) !== null && _a !== void 0 ? _a : null;
+        if (!columnFilterDefinition) {
+            return null;
         }
-        let newFinalValue;
-        if (this.fieldType === this._formConfig.fieldTypes.boolean
-            || this.fieldType === this._formConfig.fieldTypes.check) {
-            newFinalValue = yn(newValue);
+        tableColumn && tableColumn.addFilter(columnValues, operator);
+        this.updateVisibleRecords();
+    }
+    removeColumnFilter(columnName) {
+        const tableColumn = this.columnDefinition(columnName);
+        tableColumn && tableColumn.removeFilter();
+        this.updateVisibleRecords();
+    }
+    get currentFilter() {
+        const compactFilter = {
+            simpleFilterWords: this.globalFilterStrings,
+            advancedFilter: [],
+        };
+        const columnFilters = this.columns.filter(column => column.filter).map(column => column.filter);
+        for (let index = 0; index < columnFilters.length; index++) {
+            const columnFilter = columnFilters[index];
+            compactFilter.advancedFilter.push({
+                fieldCode: columnFilter.fieldCode,
+                operator: columnFilter.operator,
+                fieldValue1: columnFilter.values[0],
+                fieldValue2: columnFilter.values[1],
+            });
         }
-        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(',');
-            }
+        return compactFilter;
+    }
+    // Ordenamiento de registros local
+    setRequiredOrder(columnField) {
+        if (columnField !== this.sorting.columnName) {
+            this.setAttr('sorting', {
+                columnName: columnField,
+                direction: TABLE_SORT_ASCENDING
+            });
         }
         else {
-            newFinalValue = newValue;
+            const tableSort = this.sorting;
+            tableSort.direction = (tableSort.direction === TABLE_SORT_ASCENDING) ? TABLE_SORT_DESCENDING : TABLE_SORT_ASCENDING;
+            this.setAttr('sorting', tableSort);
         }
-        if (this._value !== newFinalValue) {
-            this.setChanged(true);
-            if (widgetUpdate) {
-                this.setAttr(fldAttr.value, newFinalValue);
-            }
-            else {
-                this._value = newFinalValue;
-            }
+    }
+    localSortData() {
+        if (!this.sorting.columnName || !this.sorting.direction) {
+            return;
         }
-        return true;
+        this.tableRecords.sort((a, b) => this.recordCompare(a, b, this.sorting.columnName, this.sorting.direction));
+        this.unSelectAll();
+        this.updateVisibleRecords();
+    }
+    recordCompare(recordA, recordB, columnCompare, direction) {
+        const recordAColumn = recordA.getFieldValue(columnCompare);
+        const recordBColumn = recordB.getFieldValue(columnCompare);
+        let result = 0;
+        if (recordAColumn < recordBColumn) {
+            result = -1;
+        }
+        else if (recordAColumn > recordBColumn) {
+            result = 1;
+        }
+        return direction === TABLE_SORT_ASCENDING ? result : -result;
     }
 }
 
@@ -2087,7 +1957,7 @@ class LibFormManagerService {
         return { index, data };
     }
     replaceItem(token, formInfo) {
-        var _a, _b;
+        var _a, _b, _c, _d;
         if (!token || !formInfo) {
             return;
         }
@@ -2097,6 +1967,8 @@ class LibFormManagerService {
             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);
             }
@@ -3560,7 +3432,6 @@ const COMPONENTS = [
     FormHeaderComponent,
     SectionComponent,
     SubSectionComponent,
-    LibTableFilterComponent,
     LibTableRecordActionComponent,
     LibTableRecordFieldComponent,
     LibTableComponent
@@ -3583,5 +3454,5 @@ TuainNgFormsLibModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { ActionComponent, BasicFormComponent, ElementComponent, FieldComponent, FormErrorComponent, FormHeaderComponent, LibEventManagerService, LibFileManagementService, LibFormManagerService, LibTableComponent, LibTableFilterComponent, LibTableRecordActionComponent, LibTableRecordFieldComponent, SectionComponent, SubSectionComponent, TuainNgFormsLibModule };
+export { ActionComponent, BasicFormComponent, ElementComponent, FieldComponent, FormErrorComponent, FormHeaderComponent, LibEventManagerService, LibFileManagementService, LibFormManagerService, LibTableComponent, LibTableRecordActionComponent, LibTableRecordFieldComponent, SectionComponent, SubSectionComponent, TuainNgFormsLibModule };
 //# sourceMappingURL=tuain-ng-forms-lib.js.map