tuain-ng-forms-lib 12.0.2 → 12.0.6

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

@@ -54,230 +54,6 @@
         showLabel: [{ type: core.Input }]
     };
 
-    var MONITORED_ATTRIBUTES = {
-        _maxLength: 'maxLength',
-        _onValidation: 'onValidation',
-        _fieldValue: 'value',
-        captureType: 'captureType',
-        fieldTitle: 'title',
-        fieldType: 'type',
-        errorMessage: 'errorMessage',
-        errorType: 'errorType',
-        errorCode: 'errorCode',
-        visibleLabel: 'visibleLabel',
-        fieldRequired: 'required',
-        fieldOptions: 'options',
-    };
-    var FieldComponent = /** @class */ (function () {
-        function FieldComponent() {
-        }
-        FieldComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            var _a;
-            if (this.fieldObject) {
-                this.formConfig = (_a = this.fieldObject) === null || _a === void 0 ? void 0 : _a._formConfig;
-                // Atributos estáticos
-                this.code = this.fieldObject.fieldCode;
-                this.fieldInfo = this.fieldObject.fieldInfo;
-                this.fieldAlignment = this.fieldObject.fieldAlignment;
-                this.tooltipText = this.fieldObject.tooltipText;
-                // Cargue inicial
-                this.maxLength = this.fieldObject._maxLength;
-                this.onValidation = this.fieldObject._onValidation;
-                this.value = this.fieldObject._fieldValue;
-                this.captureType = this.fieldObject.captureType;
-                this.title = this.fieldObject.fieldTitle;
-                this.type = this.fieldObject.fieldType;
-                this.errorMessage = this.fieldObject.errorMessage;
-                this.errorType = this.fieldObject.errorType;
-                this.errorCode = this.fieldObject.errorCode;
-                this.visibleLabel = this.fieldObject.visibleLabel;
-                this.required = this.fieldObject.fieldRequired;
-                this.options = this.fieldObject.fieldOptions;
-                this.fieldObject.widget = this;
-                // Atributos dinámicos
-                this.fieldObject.attributeChange.subscribe(function (event) {
-                    var name = event.name, value = event.value;
-                    if (_this[MONITORED_ATTRIBUTES[name]]) {
-                        _this[MONITORED_ATTRIBUTES[name]] = value;
-                    }
-                });
-            }
-            this.start();
-        };
-        FieldComponent.prototype.start = function () { };
-        FieldComponent.prototype.focus = function () { };
-        FieldComponent.prototype.onInputChange = function () {
-            var _this = this;
-            setTimeout(function () { return _this.fieldObject.notifyEditionPartial(); }, 50);
-        };
-        FieldComponent.prototype.onChangeContent = function () {
-            var _this = this;
-            setTimeout(function () { return _this.fieldObject.notifyEditionFinish(); }, 50);
-        };
-        FieldComponent.prototype.onShowInfo = function () {
-            var _this = this;
-            setTimeout(function () { return _this.fieldObject.notifyEditionDetailRequest(); }, 50);
-        };
-        FieldComponent.prototype.numberInputValidation = function (event) {
-            var k = event.charCode;
-            return (k > 47 && k < 58);
-        };
-        return FieldComponent;
-    }());
-    FieldComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'lib-field',
-                    template: "<ng-content></ng-content>"
-                },] }
-    ];
-    FieldComponent.propDecorators = {
-        fieldObject: [{ type: core.Input }],
-        disabled: [{ type: core.Input }]
-    };
-
-    var ElementComponent = /** @class */ (function () {
-        function ElementComponent() {
-        }
-        ElementComponent.prototype.ngOnInit = function () {
-            var _a;
-            this.formConfig = (_a = this.formElement) === null || _a === void 0 ? void 0 : _a._formConfig;
-            this.start();
-        };
-        ElementComponent.prototype.start = function () { };
-        Object.defineProperty(ElementComponent.prototype, "visible", {
-            get: function () {
-                var _a, _b, _c, _d;
-                var visible = (_b = (_a = this.formElement) === null || _a === void 0 ? void 0 : _a.visible) !== null && _b !== void 0 ? _b : true;
-                return visible && ((_c = this.formElement) === null || _c === void 0 ? void 0 : _c.viewOnState((_d = this.formManager) === null || _d === void 0 ? void 0 : _d.currentState));
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(ElementComponent.prototype, "disabled", {
-            get: function () {
-                var _a, _b, _c, _d;
-                var disabled = (_b = (_a = this.formElement) === null || _a === void 0 ? void 0 : _a.disabled) !== null && _b !== void 0 ? _b : false;
-                return disabled || !((_c = this.formElement) === null || _c === void 0 ? void 0 : _c.enabledOnState((_d = this.formManager) === null || _d === void 0 ? void 0 : _d.currentState));
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return ElementComponent;
-    }());
-    ElementComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'lib-element',
-                    template: "<ng-content></ng-content>"
-                },] }
-    ];
-    ElementComponent.propDecorators = {
-        formElement: [{ type: core.Input }],
-        formManager: [{ type: core.Input }]
-    };
-
-    var FormErrorComponent = /** @class */ (function () {
-        function FormErrorComponent() {
-        }
-        return FormErrorComponent;
-    }());
-    FormErrorComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'lib-form-error',
-                    template: "<ng-content></ng-content>"
-                },] }
-    ];
-    FormErrorComponent.propDecorators = {
-        errorTitle: [{ type: core.Input }],
-        errorMessage: [{ type: core.Input }],
-        errorType: [{ type: core.Input }]
-    };
-
-    var FormHeaderComponent = /** @class */ (function () {
-        function FormHeaderComponent() {
-            this.goBackEvent = new core.EventEmitter();
-        }
-        FormHeaderComponent.prototype.goBackForm = function () {
-            this.goBackEvent.emit();
-        };
-        return FormHeaderComponent;
-    }());
-    FormHeaderComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'lib-form-header',
-                    template: "<ng-content></ng-content>"
-                },] }
-    ];
-    FormHeaderComponent.propDecorators = {
-        formManager: [{ type: core.Input }],
-        goBackAction: [{ type: core.Input }],
-        showTitle: [{ type: core.Input }],
-        headerActions: [{ type: core.Input }],
-        goBackEvent: [{ type: core.Output }]
-    };
-
-    var SectionComponent = /** @class */ (function () {
-        function SectionComponent() {
-        }
-        SectionComponent.prototype.ngOnInit = function () {
-            this.start();
-        };
-        SectionComponent.prototype.start = function () { };
-        return SectionComponent;
-    }());
-    SectionComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'lib-section',
-                    template: "<ng-content></ng-content>"
-                },] }
-    ];
-    SectionComponent.propDecorators = {
-        sectionObject: [{ type: core.Input }],
-        formManager: [{ type: core.Input }]
-    };
-
-    var SubSectionComponent = /** @class */ (function () {
-        function SubSectionComponent() {
-        }
-        SubSectionComponent.prototype.ngOnInit = function () {
-            this.start();
-        };
-        SubSectionComponent.prototype.start = function () { };
-        return SubSectionComponent;
-    }());
-    SubSectionComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'lib-subsection',
-                    template: "<ng-content></ng-content>"
-                },] }
-    ];
-    SubSectionComponent.propDecorators = {
-        subSection: [{ type: core.Input }],
-        showHeader: [{ type: core.Input }],
-        formManager: [{ type: core.Input }]
-    };
-
-    var FieldSearch = /** @class */ (function () {
-        function FieldSearch(filterDefinition) {
-            this.fieldCode = filterDefinition.fieldCode;
-            this.fieldAlias = filterDefinition.fieldAlias || filterDefinition.fieldCode;
-            this.fieldTitle = filterDefinition.fieldTitle;
-            this.fieldTypeCode = filterDefinition.fieldTypeCode;
-            this.operators = filterDefinition.operators;
-            this.alignment = filterDefinition.alignment;
-            this.format = filterDefinition.format;
-        }
-        return FieldSearch;
-    }());
-    var Filter = /** @class */ (function () {
-        function Filter() {
-            this.filterModeSimple = true;
-            this.advancedFilter = [];
-            this.simpleFilterWords = [];
-        }
-        return Filter;
-    }());
-
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
 
@@ -596,6 +372,204 @@
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
+    var FieldComponent = /** @class */ (function () {
+        function FieldComponent() {
+        }
+        FieldComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            var _a, _b;
+            if (this.fieldObject) {
+                this.formConfig = (_a = this.fieldObject) === null || _a === void 0 ? void 0 : _a._formConfig;
+                // Inicialización
+                var mapping = Object.entries(this.formConfig.componentFieldAttrMap);
+                for (var index = 0; index < mapping.length; index++) {
+                    var _c = __read(mapping[index], 2), fieldAttr = _c[0], compAttr = _c[1];
+                    this[compAttr.toString()] = (_b = this.fieldObject) === null || _b === void 0 ? void 0 : _b[fieldAttr.toString()];
+                }
+                // Subscripción a cambios en atributos
+                this.fieldObject.attributeChange.subscribe(function (event) {
+                    var fieldAttr = event.name, value = event.value;
+                    var compAttr = _this.formConfig.componentFieldAttrMap[fieldAttr];
+                    _this.hasOwnProperty(compAttr) && (_this[compAttr] = value);
+                });
+            }
+            this.start();
+        };
+        FieldComponent.prototype.start = function () { };
+        FieldComponent.prototype.focus = function () { };
+        FieldComponent.prototype.onInputChange = function () {
+            var _this = this;
+            setTimeout(function () { return _this.fieldObject.notifyEditionPartial(); }, 50);
+        };
+        FieldComponent.prototype.onChangeContent = function () {
+            var _this = this;
+            setTimeout(function () { return _this.fieldObject.notifyEditionFinish(); }, 50);
+        };
+        FieldComponent.prototype.onShowInfo = function () {
+            var _this = this;
+            setTimeout(function () { return _this.fieldObject.notifyEditionDetailRequest(); }, 50);
+        };
+        FieldComponent.prototype.numberInputValidation = function (event) {
+            var k = event.charCode;
+            return (k > 47 && k < 58);
+        };
+        return FieldComponent;
+    }());
+    FieldComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'lib-field',
+                    template: "<ng-content></ng-content>"
+                },] }
+    ];
+    FieldComponent.propDecorators = {
+        fieldObject: [{ type: core.Input }],
+        disabled: [{ type: core.Input }]
+    };
+
+    var ElementComponent = /** @class */ (function () {
+        function ElementComponent() {
+        }
+        ElementComponent.prototype.ngOnInit = function () {
+            var _a;
+            this.formConfig = (_a = this.formElement) === null || _a === void 0 ? void 0 : _a._formConfig;
+            this.start();
+        };
+        ElementComponent.prototype.start = function () { };
+        Object.defineProperty(ElementComponent.prototype, "visible", {
+            get: function () {
+                var _a, _b, _c, _d;
+                var visible = (_b = (_a = this.formElement) === null || _a === void 0 ? void 0 : _a.visible) !== null && _b !== void 0 ? _b : true;
+                return visible && ((_c = this.formElement) === null || _c === void 0 ? void 0 : _c.viewOnState((_d = this.formManager) === null || _d === void 0 ? void 0 : _d.currentState));
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(ElementComponent.prototype, "disabled", {
+            get: function () {
+                var _a, _b, _c, _d;
+                var disabled = (_b = (_a = this.formElement) === null || _a === void 0 ? void 0 : _a.disabled) !== null && _b !== void 0 ? _b : false;
+                return disabled || !((_c = this.formElement) === null || _c === void 0 ? void 0 : _c.enabledOnState((_d = this.formManager) === null || _d === void 0 ? void 0 : _d.currentState));
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return ElementComponent;
+    }());
+    ElementComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'lib-element',
+                    template: "<ng-content></ng-content>"
+                },] }
+    ];
+    ElementComponent.propDecorators = {
+        formElement: [{ type: core.Input }],
+        formManager: [{ type: core.Input }]
+    };
+
+    var FormErrorComponent = /** @class */ (function () {
+        function FormErrorComponent() {
+        }
+        return FormErrorComponent;
+    }());
+    FormErrorComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'lib-form-error',
+                    template: "<ng-content></ng-content>"
+                },] }
+    ];
+    FormErrorComponent.propDecorators = {
+        errorTitle: [{ type: core.Input }],
+        errorMessage: [{ type: core.Input }],
+        errorType: [{ type: core.Input }]
+    };
+
+    var FormHeaderComponent = /** @class */ (function () {
+        function FormHeaderComponent() {
+            this.goBackEvent = new core.EventEmitter();
+        }
+        FormHeaderComponent.prototype.goBackForm = function () {
+            this.goBackEvent.emit();
+        };
+        return FormHeaderComponent;
+    }());
+    FormHeaderComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'lib-form-header',
+                    template: "<ng-content></ng-content>"
+                },] }
+    ];
+    FormHeaderComponent.propDecorators = {
+        formManager: [{ type: core.Input }],
+        goBackAction: [{ type: core.Input }],
+        showTitle: [{ type: core.Input }],
+        headerActions: [{ type: core.Input }],
+        goBackEvent: [{ type: core.Output }]
+    };
+
+    var SectionComponent = /** @class */ (function () {
+        function SectionComponent() {
+        }
+        SectionComponent.prototype.ngOnInit = function () {
+            this.start();
+        };
+        SectionComponent.prototype.start = function () { };
+        return SectionComponent;
+    }());
+    SectionComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'lib-section',
+                    template: "<ng-content></ng-content>"
+                },] }
+    ];
+    SectionComponent.propDecorators = {
+        sectionObject: [{ type: core.Input }],
+        formManager: [{ type: core.Input }]
+    };
+
+    var SubSectionComponent = /** @class */ (function () {
+        function SubSectionComponent() {
+        }
+        SubSectionComponent.prototype.ngOnInit = function () {
+            this.start();
+        };
+        SubSectionComponent.prototype.start = function () { };
+        return SubSectionComponent;
+    }());
+    SubSectionComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'lib-subsection',
+                    template: "<ng-content></ng-content>"
+                },] }
+    ];
+    SubSectionComponent.propDecorators = {
+        subSection: [{ type: core.Input }],
+        showHeader: [{ type: core.Input }],
+        formManager: [{ type: core.Input }]
+    };
+
+    var FieldSearch = /** @class */ (function () {
+        function FieldSearch(filterDefinition) {
+            this.fieldCode = filterDefinition.fieldCode;
+            this.fieldAlias = filterDefinition.fieldAlias || filterDefinition.fieldCode;
+            this.fieldTitle = filterDefinition.fieldTitle;
+            this.fieldTypeCode = filterDefinition.fieldTypeCode;
+            this.operators = filterDefinition.operators;
+            this.alignment = filterDefinition.alignment;
+            this.format = filterDefinition.format;
+        }
+        return FieldSearch;
+    }());
+    var Filter = /** @class */ (function () {
+        function Filter() {
+            this.filterModeSimple = true;
+            this.advancedFilter = [];
+            this.simpleFilterWords = [];
+        }
+        return Filter;
+    }());
+
+    var NO_ERROR = '00';
+    var HEADER$1 = 'HEADER';
     var elementTypes = {
         action: 'ACTION',
         field: 'FIELD',
@@ -961,13 +935,13 @@
             _this._recordSelectionTrigger = new rxjs.Subject();
             _this._selectionActionTrigger = new rxjs.Subject();
             _this._getDataTrigger = new rxjs.Subject();
+            _this._attributeChange = new rxjs.Subject();
             _this.tableRecordObj = {};
             _this._tableColumnObj = {};
             _this._actionsObj = {};
             _this.allSelected = false;
             _this.elementType = elementTypes.table;
             _this.waiting = false;
-            _this.complexFilter = false;
             _this.currentPage = 1;
             _this.totalPages = 1;
             _this.requestedPage = 1;
@@ -975,26 +949,29 @@
             _this._tableColumnObj = {};
             _this._actions = [];
             _this._actionsObj = {};
-            _this.filterConfig = [];
-            _this.filterObject = new Filter();
             _this.tableRecords = [];
-            _this.tableCode = tableReceived.tableCode;
+            _this.setAttr('allSelected', false);
+            _this.setAttr('filterObject', new Filter());
+            _this.setAttr('filterConfig', []);
+            _this.setAttr('tableCode', tableReceived.tableCode);
             _this.tableTitle = tableReceived.tableTitle;
-            _this.clientPaging = (_a = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.clientPaging) !== null && _a !== void 0 ? _a : true;
-            _this.simpleFilter = (_b = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.simpleFilter) !== null && _b !== void 0 ? _b : false;
+            _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.selectionBackend = (_e = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.selectionBackend) !== null && _e !== void 0 ? _e : false;
+            _this.setAttr('selectionBackend', (_e = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.selectionBackend) !== null && _e !== void 0 ? _e : false);
             _this.customAttributes = (_f = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.customAttributes) !== null && _f !== void 0 ? _f : {};
-            _this.sortable = (_g = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.sortable) !== null && _g !== void 0 ? _g : false;
-            _this.sorting = { columnName: '', direction: '' };
-            _this.recordsPerPage = formConfig.defaultRecordsPerPage;
+            _this.setAttr('sortable', (_g = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.sortable) !== null && _g !== void 0 ? _g : false);
+            _this.setAttr('sorting', { columnName: '', direction: '' });
+            _this.setAttr('recordsPerPage', formConfig.defaultRecordsPerPage);
             if (tableReceived.fields) {
+                var columns = [];
                 try {
                     for (var _l = __values(tableReceived.fields), _m = _l.next(); !_m.done; _m = _l.next()) {
                         var columnReceived = _m.value;
                         var columnDefinition = new RecordTableColumn(columnReceived, _this._formConfig);
-                        _this.columns.push(columnDefinition);
+                        columns.push(columnDefinition);
                         _this._tableColumnObj[columnDefinition.fieldCode] = columnDefinition;
                     }
                 }
@@ -1005,6 +982,7 @@
                     }
                     finally { if (e_1) throw e_1.error; }
                 }
+                _this.setAttr('columns', columns);
             }
             if (tableReceived.actions) {
                 var tableActions = tableReceived.actions.map(function (objDef) {
@@ -1037,12 +1015,13 @@
                 }
             }
             if (tableReceived.filters && tableReceived.filters.length > 0) {
-                _this.complexFilter = true;
+                _this.setAttr('complexFilter', true);
+                var filterConfig = _this.filterConfig;
                 try {
                     for (var _o = __values(tableReceived.filters), _p = _o.next(); !_p.done; _p = _o.next()) {
                         var filterReceived = _p.value;
                         var filterItem = new FieldSearch(filterReceived);
-                        _this.filterConfig.push(filterItem);
+                        filterConfig.push(filterItem);
                     }
                 }
                 catch (e_3_1) { e_3 = { error: e_3_1 }; }
@@ -1052,6 +1031,7 @@
                     }
                     finally { if (e_3) throw e_3.error; }
                 }
+                _this.setAttr('filterConfig', filterConfig);
             }
             if (_this.selectable) {
                 _this.selectionField = _this.columns
@@ -1084,6 +1064,11 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(RecordTable.prototype, "attributeChange", {
+            get: function () { return this._attributeChange; },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(RecordTable.prototype, "hasActions", {
             get: function () { return (this._actions.length > 0); },
             enumerable: false,
@@ -1113,6 +1098,12 @@
             enumerable: false,
             configurable: true
         });
+        RecordTable.prototype.setAttr = function (name, value) {
+            this[name] = value;
+            if (this._formConfig.monitoredTableAttributes.includes(name)) {
+                this._attributeChange.next({ name: name, value: value });
+            }
+        };
         RecordTable.prototype.appendRecords = function (records) { this.setTableRecords(records, true); };
         RecordTable.prototype.replaceRecords = function (records) { this.setTableRecords(records, false); };
         RecordTable.prototype.columnDefinition = function (fieldCode) { return this._tableColumnObj[fieldCode]; };
@@ -1180,11 +1171,11 @@
             this.tableRecordObj = {};
         };
         RecordTable.prototype.selectAll = function () {
-            this.allSelected = true;
+            this.setAttr('allSelected', true);
             this.tableRecords.forEach(function (record) { return record.select(); });
         };
         RecordTable.prototype.unSelectAll = function () {
-            this.allSelected = false;
+            this.setAttr('allSelected', false);
             this.tableRecords.forEach(function (record) { return record.unselect(); });
         };
         RecordTable.prototype.setTableRecords = function (tableRecords, append) {
@@ -1218,21 +1209,24 @@
         RecordTable.prototype.updateVisibleRecords = function () {
             var _this = this;
             if (!this.clientPaging || !this.tableRecords || this.tableRecords.length === 0) {
-                this.visibleRecords = this.tableRecords;
+                this.setAttr('visibleRecords', this.tableRecords);
             }
-            this.visibleRecords = (this.filterObject.filterModeSimple)
+            var recordsVisible = (this.filterObject.filterModeSimple)
                 ? this.tableRecords.filter(function (record) { return record.hasPattern(_this.filterObject.simpleFilterWords); })
                 : this.tableRecords.filter(function (record) { return record.hasCondition(_this.filterObject.advancedFilter); });
+            this.setAttr('visibleRecords', recordsVisible);
         };
         RecordTable.prototype.updateFromServer = function (tableReceived) {
             this.visible = (tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.visible) || true;
-            this.currentPage = parseInt(tableReceived.currentPage, 10) || 1;
+            this.setAttr('currentPage', parseInt(tableReceived.currentPage, 10) || 1);
             this.totalPages = tableReceived.totalPages || 1;
-            this.recordsPerPage = tableReceived.recordsPerPage;
+            this.setAttr('recordsPerPage', tableReceived.recordsPerPage);
             this.recordsNumber = tableReceived.recordsNumber;
-            this.totalRecordsNumber = tableReceived.totalRecordsNumber;
-            this.sorting.columnName = tableReceived.sortingColumn || '';
-            this.sorting.direction = tableReceived.sortingDirection || '';
+            this.setAttr('totalRecordsNumber', tableReceived.totalRecordsNumber);
+            this.setAttr('sorting', {
+                columnName: tableReceived.sortingColumn || '',
+                direction: tableReceived.sortingDirection || ''
+            });
             this.requestedPage = 1;
             this.waiting = false;
             this.clean();
@@ -1327,16 +1321,15 @@
         // Ordenamiento
         RecordTable.prototype.setRequiredOrder = function (columnField) {
             if (columnField !== this.sorting.columnName) {
-                this.sorting.columnName = columnField;
-                this.sorting.direction = TABLE_SORT_ASCENDING;
+                this.setAttr('sorting', {
+                    columnName: columnField,
+                    direction: TABLE_SORT_ASCENDING
+                });
             }
             else {
-                if (this.sorting.direction === TABLE_SORT_ASCENDING) {
-                    this.sorting.direction = TABLE_SORT_DESCENDING;
-                }
-                else {
-                    this.sorting.direction = TABLE_SORT_ASCENDING;
-                }
+                var tableSort = this.sorting;
+                tableSort.direction = (tableSort.direction === TABLE_SORT_ASCENDING) ? TABLE_SORT_DESCENDING : TABLE_SORT_ASCENDING;
+                this.setAttr('sorting', tableSort);
             }
         };
         RecordTable.prototype.localSortData = function () {
@@ -1520,15 +1513,30 @@
             this.hasActions = false;
         }
         LibTableComponent.prototype.ngOnInit = function () {
-            var _a;
-            this.formConfig = (_a = this.tableObject) === null || _a === void 0 ? void 0 : _a._formConfig;
-            this.tableFieldStyles = this.formConfig.tableFieldStyles;
-            this.selectable = this.tableObject.selectable;
-            this.hasActions = this.tableObject.hasActions;
-            this.tableObject.widget = this;
-            this.inlineActions = this.tableObject.getActions(this.formConfig.tableActions.inline);
-            this.globalActions = this.tableObject.getActions(this.formConfig.tableActions.global);
-            this.selectionActions = this.tableObject.getActions(this.formConfig.tableActions.selection);
+            var _this = this;
+            var _a, _b;
+            if (this.tableObject) {
+                this.formConfig = (_a = this.tableObject) === null || _a === void 0 ? void 0 : _a._formConfig;
+                this.tableFieldStyles = this.formConfig.tableFieldStyles;
+                this.selectable = this.tableObject.selectable;
+                this.hasActions = this.tableObject.hasActions;
+                this.tableObject.widget = this;
+                this.inlineActions = this.tableObject.getActions(this.formConfig.tableActions.inline);
+                this.globalActions = this.tableObject.getActions(this.formConfig.tableActions.global);
+                this.selectionActions = this.tableObject.getActions(this.formConfig.tableActions.selection);
+                // Inicialización de campos mapeados del objeto
+                var mapping = Object.entries(this.formConfig.componentTableAttrMap);
+                for (var index = 0; index < mapping.length; index++) {
+                    var _c = __read(mapping[index], 2), tableAttr = _c[0], compAttr = _c[1];
+                    this[compAttr.toString()] = (_b = this.tableObject) === null || _b === void 0 ? void 0 : _b[tableAttr.toString()];
+                }
+                // Subscripción a cambios en atributos
+                this.tableObject.attributeChange.subscribe(function (event) {
+                    var tableAttr = event.name, value = event.value;
+                    var compAttr = _this.formConfig.componentTableAttrMap[tableAttr];
+                    _this.hasOwnProperty(compAttr) && (_this[compAttr] = value);
+                });
+            }
             this.start();
         };
         LibTableComponent.prototype.start = function () { };
@@ -1543,23 +1551,23 @@
         };
         LibTableComponent.prototype.tableColumnSort = function (columnFieldCode) {
             this.tableObject.setRequiredOrder(columnFieldCode);
-            if (this.tableObject.clientPaging) {
+            if (this.clientPaging) {
                 return this.tableObject.localSortData();
             }
             this.tableObject.notifyGetDataAction();
         };
         LibTableComponent.prototype.changePage = function (requestedPage) {
-            if (!this.tableObject.clientPaging) {
+            if (!this.clientPaging) {
                 this.tableObject.notifyGetDataAction(requestedPage);
             }
         };
         Object.defineProperty(LibTableComponent.prototype, "records", {
             get: function () {
-                var currentPageRecords = this.tableObject.records;
-                if (this.tableObject.clientPaging && currentPageRecords && currentPageRecords.length > 0) {
-                    this.tableObject.totalRecordsNumber = currentPageRecords.length;
+                var currentPageRecords = this.visibleRecords;
+                if (this.clientPaging && currentPageRecords && currentPageRecords.length > 0) {
+                    this.totalRecordsNumber = currentPageRecords.length;
                     return currentPageRecords.map(function (record, i) { return (Object.assign({ id: i + 1 }, record)); })
-                        .slice((this.tableObject.currentPage - 1) * this.tableObject.recordsPerPage, (this.tableObject.currentPage - 1) * this.tableObject.recordsPerPage + this.tableObject.recordsPerPage);
+                        .slice((this.currentPage - 1) * this.recordsPerPage, (this.currentPage - 1) * this.recordsPerPage + this.recordsPerPage);
                 }
                 return currentPageRecords;
             },
@@ -1571,8 +1579,8 @@
             var triggerDataUpdate = false;
             if (eventType === TABLE_FILTER_TYPES.simpleFilterChange || eventType === TABLE_FILTER_TYPES.simpleFilterFinish) {
                 this.tableObject.simpleFilterText = tableFilterEvent.simpleFilterString.trim();
-                if (this.tableObject.clientPaging) {
-                    this.tableObject.currentPage = 1;
+                if (this.clientPaging) {
+                    this.tableObject.setAttr('currentPage', 1);
                     this.tableObject.updateVisibleRecords();
                 }
                 else if (eventType === TABLE_FILTER_TYPES.simpleFilterFinish) {
@@ -1597,13 +1605,27 @@
             this.tableObject.notifyRecordSelection(recordId);
         };
         LibTableComponent.prototype.toggleSelectAll = function () {
-            if (this.tableObject.allSelected) {
+            if (this.allSelected) {
                 this.tableObject.unSelectAll();
             }
             else {
                 this.tableObject.selectAll();
             }
         };
+        Object.defineProperty(LibTableComponent.prototype, "availableFilters", {
+            get: function () {
+                return this.tableObject.availableFilters;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(LibTableComponent.prototype, "selectedRecords", {
+            get: function () {
+                return this.tableObject.selectedRecords;
+            },
+            enumerable: false,
+            configurable: true
+        });
         return LibTableComponent;
     }());
     LibTableComponent.decorators = [
@@ -1861,7 +1883,7 @@
         return RecordFormSection;
     }());
 
-    var HEADER$1 = 'HEADER';
+    var HEADER = 'HEADER';
     var FormAction = /** @class */ (function (_super) {
         __extends(FormAction, _super);
         function FormAction(actionDefinition, formConfig) {
@@ -1874,7 +1896,7 @@
             _this.actionCode = actionDefinition.actionCode ? actionDefinition.actionCode.toString() : '';
             _this.actionName = actionDefinition.actionTitle;
             _this.iconName = actionDefinition.iconName || _this.actionCode;
-            _this.location = actionDefinition.position || HEADER$1;
+            _this.location = actionDefinition.position || HEADER;
             _this.backend = (_a = actionDefinition === null || actionDefinition === void 0 ? void 0 : actionDefinition.serverAction) !== null && _a !== void 0 ? _a : false;
             _this.newState = actionDefinition === null || actionDefinition === void 0 ? void 0 : actionDefinition.newState;
             _this.customAttributes = (_b = actionDefinition === null || actionDefinition === void 0 ? void 0 : actionDefinition.customAttributes) !== null && _b !== void 0 ? _b : null;
@@ -2097,11 +2119,12 @@
             if (editable === void 0) { editable = true; }
             (editable) ? this.enable() : this.disable();
         };
-        FieldDescriptor.prototype.hasError = function () { return this.errorCode !== '00'; };
+        FieldDescriptor.prototype.hasError = function () { return this.errorCode !== NO_ERROR; };
+        FieldDescriptor.prototype.resetError = function () { (this.errorCode !== NO_ERROR) && this.setError(NO_ERROR, null); };
         FieldDescriptor.prototype.setError = function (code, message, type) {
             if (type === void 0) { type = DEFAULT_ERROR_TYPE; }
-            this.setAttr(fldAttr.errorCode, code !== null && code !== void 0 ? code : '00');
-            this.setAttr(fldAttr.errorType, (this.errorCode === '00') ? '' : type);
+            this.setAttr(fldAttr.errorCode, code !== null && code !== void 0 ? code : NO_ERROR);
+            this.setAttr(fldAttr.errorType, (this.errorCode === NO_ERROR) ? '' : type);
             this.setAttr(fldAttr.errorMessage, message !== null && message !== void 0 ? message : '');
         };
         FieldDescriptor.prototype.getError = function () { return { type: this.errorType, code: this.errorCode, message: this.errorMessage }; };
@@ -2150,20 +2173,20 @@
             for (var index = 0; index < fieldKeys.length; index++) {
                 var attrName = fieldKeys[index];
                 var attrValue = fld[attrName];
-                (attrName === this._formConfig.apifieldattrs.visible) && this.setVisibility(attrValue);
-                (attrName === this._formConfig.apifieldattrs.labelVisible) && this.setVisibleLabel(fld.visibleLabel);
-                (attrName === this._formConfig.apifieldattrs.required) && this.setAttr(fldAttr.required, (_a = fld.required) !== null && _a !== void 0 ? _a : false);
-                (attrName === this._formConfig.apifieldattrs.errorCode) && this.setAttr(fldAttr.errorCode, fld.errorCode);
-                (attrName === this._formConfig.apifieldattrs.errorMessage) && this.setAttr(fldAttr.errorMessage, fld.errorMessage);
-                (attrName === this._formConfig.apifieldattrs.tooltip) && this.setAttr(fldAttr.tooltipText, fld.tooltip);
-                (attrName === this._formConfig.apifieldattrs.info) && this.setAttr(fldAttr.info, fld.info);
-                (attrName === this._formConfig.apifieldattrs.editable) && this.setEditable(fld.editable);
-                (attrName === this._formConfig.apifieldattrs.title) && this.setLabel(fld.fieldTitle.toString());
-                (attrName === this._formConfig.apifieldattrs.value) && (this.setValue(fld._fieldValue) && this.setChanged(false));
-                (attrName === this._formConfig.apifieldattrs.options) && this.setFieldOptions(fld.fieldOptions);
-                (attrName === this._formConfig.apifieldattrs.captureType) && this.setAttr(fldAttr.captureType, fld.captureType || 'INPUT');
-                (attrName === this._formConfig.apifieldattrs.type) && this.setFieldType(fld.fieldTypeCode);
-                (attrName === this._formConfig.apifieldattrs.maxLength) && this.setAttr(fldAttr.maxLength, fld.maxLength);
+                (attrName === this._formConfig.apiFieldAttrs.visible) && this.setVisibility(attrValue);
+                (attrName === this._formConfig.apiFieldAttrs.labelVisible) && this.setVisibleLabel(fld.visibleLabel);
+                (attrName === this._formConfig.apiFieldAttrs.required) && this.setAttr(fldAttr.required, (_a = fld.required) !== null && _a !== void 0 ? _a : false);
+                (attrName === this._formConfig.apiFieldAttrs.errorCode) && this.setAttr(fldAttr.errorCode, fld.errorCode);
+                (attrName === this._formConfig.apiFieldAttrs.errorMessage) && this.setAttr(fldAttr.errorMessage, fld.errorMessage);
+                (attrName === this._formConfig.apiFieldAttrs.tooltip) && this.setAttr(fldAttr.tooltipText, fld.tooltip);
+                (attrName === this._formConfig.apiFieldAttrs.info) && this.setAttr(fldAttr.info, fld.info);
+                (attrName === this._formConfig.apiFieldAttrs.editable) && this.setEditable(fld.editable);
+                (attrName === this._formConfig.apiFieldAttrs.title) && this.setLabel(fld.fieldTitle.toString());
+                (attrName === this._formConfig.apiFieldAttrs.value) && (this.setValue(fld.fieldValue) && this.setChanged(false));
+                (attrName === this._formConfig.apiFieldAttrs.options) && this.setFieldOptions(fld.fieldOptions);
+                (attrName === this._formConfig.apiFieldAttrs.captureType) && this.setAttr(fldAttr.captureType, fld.captureType || 'INPUT');
+                (attrName === this._formConfig.apiFieldAttrs.type) && this.setFieldType(fld.fieldTypeCode);
+                (attrName === this._formConfig.apiFieldAttrs.maxLength) && this.setAttr(fldAttr.maxLength, fld.maxLength);
             }
         };
         FieldDescriptor.prototype.setFieldType = function (inputFieldType) {
@@ -2301,8 +2324,6 @@
         return FieldDescriptor;
     }(FormElement));
 
-    var HEADER = 'HEADER';
-    var NO_ERROR = '00';
     var FormStructureAndData = /** @class */ (function () {
         function FormStructureAndData(definitionReceived, formConfig) {
             var e_1, _d, e_2, _e, e_3, _f, e_4, _g;
@@ -2551,7 +2572,7 @@
             return this._actions;
         };
         FormStructureAndData.prototype.getHeaderActions = function () {
-            return this._actions.filter(function (actionItem) { return actionItem.location === HEADER; });
+            return this._actions.filter(function (actionItem) { return actionItem.location === HEADER$1; });
         };
         FormStructureAndData.prototype.getFieldObject = function (elementId) {
             return (this._fieldsObj && elementId && this._fieldsObj[elementId])
@@ -3085,8 +3106,6 @@
         }
         // Métodos virtuales para las aplicaciones
         LibFormManagerService.prototype.getFormDefinition = function (formCode) { };
-        LibFormManagerService.prototype.getFormRoute = function (formCode) { };
-        LibFormManagerService.prototype.getRouteForm = function (path) { };
         LibFormManagerService.prototype.execServerAction = function (actionDetail) { };
         LibFormManagerService.prototype.goToForm = function (formCode, token, subject) { };
         LibFormManagerService.prototype.loadStack = function () { };
@@ -3427,41 +3446,6 @@
             target.extra = (_h = target === null || target === void 0 ? void 0 : target.extra) !== null && _h !== void 0 ? _h : {};
             this.formManagerService.openForm(origin, target);
         };
-        /**
-         * @deprecated Este método ya no debería ser utilizado. Use openForm con el nombre del formulario
-         */
-        BasicFormComponent.prototype.goToPage = function (navigationArray, predefinedFields, options) {
-            if (options === void 0) { options = null; }
-            var _a;
-            var origin = null;
-            var cleanStack = (_a = options === null || options === void 0 ? void 0 : options.cleanStack) !== null && _a !== void 0 ? _a : false;
-            if (!cleanStack) {
-                origin = {
-                    name: this.name,
-                    url: this._formRoute,
-                    token: this.controlToken,
-                    fields: this.inputDataFields,
-                    extra: this.extraData
-                };
-            }
-            var target = {
-                name: this.formManagerService.getRouteForm(navigationArray === null || navigationArray === void 0 ? void 0 : navigationArray[0]),
-                url: navigationArray === null || navigationArray === void 0 ? void 0 : navigationArray[0],
-                state: navigationArray === null || navigationArray === void 0 ? void 0 : navigationArray[1],
-                subject: navigationArray === null || navigationArray === void 0 ? void 0 : navigationArray[2],
-                fields: predefinedFields,
-                extra: null,
-            };
-            this.formManagerService.openForm(origin, target);
-        };
-        /**
-         * @deprecated Este método ya no debería ser utilizado. Use openForm con el nombre del formulario
-         */
-        BasicFormComponent.prototype.goToNewPage = function (nav, flds) { return this.goToPage(nav, flds, { cleanStack: true }); };
-        /**
-         * @deprecated Este método ya no debería ser utilizado. Use openForm con el nombre del formulario
-         */
-        BasicFormComponent.prototype.goToSubPage = function (nav, flds) { return this.goToPage(nav, flds, { cleanStack: false }); };
         BasicFormComponent.prototype.canGoBack = function () { return this.originToken !== null; };
         BasicFormComponent.prototype.goBack = function () { return this.formManagerService.backTo(); };
         BasicFormComponent.prototype.goBackForm = function () { return this.goBack(); };
@@ -3507,7 +3491,8 @@
             this.controlToken = (_a = params === null || params === void 0 ? void 0 : params[TOKEN]) !== null && _a !== void 0 ? _a : null;
             var _j = this.formManagerService.getFormInfo(this.controlToken), token = _j.token, subject = _j.subject, state = _j.state, fields = _j.fields, extra = _j.extra, originToken = _j.originToken;
             if (!this.controlToken || this.controlToken !== token) {
-                console.log("No se obtuvo un token v\u00E1lido para abrir el formulario " + this.controlToken + "->" + token);
+                console.log("No se obtuvo un token v\u00E1lido para abrir el formulario " + this.name + ":" + this.controlToken + "->" + token);
+                return;
             }
             this.formSubject = (_c = (_b = params === null || params === void 0 ? void 0 : params[SUBJECT]) !== null && _b !== void 0 ? _b : subject) !== null && _c !== void 0 ? _c : null;
             this.inputDataFields = fields;
@@ -3622,7 +3607,7 @@
             this.errorDetail = recordResponse.errorDetail;
         };
         BasicFormComponent.prototype.errorOccured = function () {
-            return (this.errorCode !== '00');
+            return (this.errorCode !== NO_ERROR);
         };
         BasicFormComponent.prototype.changeState = function (state) { return this.formStructure.changeState(state); };
         BasicFormComponent.prototype.changeFormMode = function (state) { return this.changeState(state); };
@@ -3643,7 +3628,7 @@
                                 formData: this.formStructure.getPayload(),
                                 immutableData: this.formStructure.immutableData,
                             };
-                            this.errorCode = '00';
+                            this.errorCode = NO_ERROR;
                             this.errorMessage = '';
                             this.errorDetail = '';
                             this.inServerProcess = true;
@@ -3994,8 +3979,7 @@
                             if (!fieldToValidate) {
                                 return [2 /*return*/, false];
                             }
-                            fieldToValidate.setErrorMessage('');
-                            fieldToValidate.setErrorCode('00');
+                            fieldToValidate.resetError();
                             validationCallbacks = this.fieldInputValidation[fieldCode];
                             if (!validationCallbacks) return [3 /*break*/, 2];
                             clientValidationPromises = [];
@@ -4034,8 +4018,7 @@
                             if (!fieldToValidate || !intrinsicValidation) {
                                 return [2 /*return*/];
                             }
-                            fieldToValidate.setErrorMessage('');
-                            fieldToValidate.setErrorCode('00');
+                            fieldToValidate.resetError();
                             validationCallbacks = this.fieldValidationsStart[fieldCode];
                             if (!validationCallbacks) return [3 /*break*/, 2];
                             clientValidationPromises = [];