tuain-ng-forms-lib 12.0.60 → 12.0.64

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

@@ -669,17 +669,15 @@
         fieldValue: [{ type: core.Input }]
     };
 
-    var changeViewAttributes = ['visibleRecords', 'currentPage', 'recordsPerPage', 'sorting'];
+    var changeViewAttributes = ['visibleRecords', 'currentPage', 'recordsPerPage'];
     var LibTableComponent = /** @class */ (function () {
         function LibTableComponent() {
-            this.currentPageRecords = [];
             this.globalFilterString = '';
+            this.currentPage = 1;
             this.globalSearch = false;
             this.selectedRecords = [];
-            this.selectionBackend = false;
-            this.allSelected = false;
-            this.currentPage = 1;
             this.totalRecordsNumber = 0;
+            this.allSelected = false;
             this.loaded = false;
             this.selectable = false;
             this.hasActions = false;
@@ -719,47 +717,19 @@
         LibTableComponent.prototype.tableSelectionToggle = function (recordId) { this.table.notifyRecordSelection(recordId); };
         LibTableComponent.prototype.toggleSelectAll = function () { return (this.allSelected) ? this.table.unSelectAll() : this.table.selectAll(); };
         LibTableComponent.prototype.globalFilterCompleted = function () { this.changePage(1); };
-        LibTableComponent.prototype.changePage = function (requestedPage) {
-            if (this.clientPaging) {
-                this.currentPage = requestedPage;
-                this.updateTableView();
-            }
-            else {
-                this.table.notifyGetDataAction(requestedPage);
-            }
-        };
+        LibTableComponent.prototype.changePage = function (requestedPage) { this.table.changePage(requestedPage); };
+        LibTableComponent.prototype.tableColumnSort = function (columnName) { this.table.sort(columnName); };
+        LibTableComponent.prototype.globalFilterChanged = function () { var _a, _b; this.table.setGlobalFilterString((_b = (_a = this.globalFilterString) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : ''); };
         LibTableComponent.prototype.syncAttribute = function (name, value) {
             try {
-                // this.hasOwnProperty(name)
                 this[name] = value;
             }
             catch (e) {
                 console.log('Error asignando valor a un atributo del objeto');
             }
-            if (changeViewAttributes.includes(name)) {
-                this.updateTableView();
-            }
         };
-        LibTableComponent.prototype.globalFilterChanged = function () {
-            var _a, _b;
-            this.table.setGlobalFilterString((_b = (_a = this.globalFilterString) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : '');
-            if (this.clientPaging) {
-                this.table.setAttr('currentPage', 1);
-                this.table.updateVisibleRecords();
-            }
-        };
-        LibTableComponent.prototype.tableColumnSort = function (columnName) {
-            this.table.setRequiredOrder(columnName);
-            return this.clientPaging ? this.table.localSortData() : this.table.notifyGetDataAction();
-        };
-        LibTableComponent.prototype.updateTableView = function () {
-            var currentPageRecords = this.visibleRecords;
-            if (this.clientPaging) {
-                currentPageRecords = currentPageRecords.map(function (record, i) { return (Object.assign({ id: i + 1 }, record)); })
-                    .slice((this.currentPage - 1) * this.recordsPerPage, (this.currentPage - 1) * this.recordsPerPage + this.recordsPerPage);
-                this.totalRecordsNumber = this.visibleRecords.length;
-            }
-            this.currentPageRecords = currentPageRecords;
+        LibTableComponent.prototype.filterHasChanged = function (columnName, values) {
+            this.table.addColumnFilter(columnName, values);
         };
         return LibTableComponent;
     }());
@@ -1318,7 +1288,10 @@
     var RecordTableColumn = /** @class */ (function () {
         function RecordTableColumn(recTableColReceived, formConfig) {
             var _a, _b, _c;
+            // Filtros
+            this.filterVisible = false;
             this._formConfig = formConfig;
+            this.filterDef = null;
             if (recTableColReceived) {
                 this.fieldCode = recTableColReceived.fieldCode;
                 this.fieldTitle = recTableColReceived.fieldTitle;
@@ -1362,6 +1335,17 @@
         RecordTableColumn.prototype.removeFilter = function () {
             this.filterSetup = null;
         };
+        Object.defineProperty(RecordTableColumn.prototype, "options", {
+            get: function () {
+                var _a, _b, _c, _d;
+                if (((_b = (_a = this.filterDef) === null || _a === void 0 ? void 0 : _a.operators) === null || _b === void 0 ? void 0 : _b.length) === 1 && ((_c = this.filterDef) === null || _c === void 0 ? void 0 : _c.operators[0]) === 'IN') {
+                    return (_d = this.filterDef) === null || _d === void 0 ? void 0 : _d.options;
+                }
+                return null;
+            },
+            enumerable: false,
+            configurable: true
+        });
         return RecordTableColumn;
     }());
 
@@ -1557,12 +1541,12 @@
             _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.selectionBackend = (_c = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.selectionBackend) !== null && _c !== void 0 ? _c : false;
+            _this.sortable = (_d = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.sortable) !== null && _d !== void 0 ? _d : 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('clientPaging', (_e = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.clientPaging) !== null && _e !== void 0 ? _e : true);
+            _this.setAttr('globalSearch', (_f = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.simpleFilter) !== null && _f !== void 0 ? _f : false);
             _this.setAttr('sorting', { columnName: '', direction: '' });
             _this.setAttr('recordsPerPage', formConfig.defaultRecordsPerPage);
             if (tableReceived.fields) {
@@ -1729,10 +1713,10 @@
             return null;
         };
         RecordTable.prototype.clean = function () {
-            this.visibleRecords = [];
             this.tableRecords = [];
             this.unSelectAll();
             this.tableRecordObj = {};
+            this.updateVisibleRecords();
         };
         RecordTable.prototype.selectAll = function () {
             this.setAttr('allSelected', true);
@@ -1776,14 +1760,27 @@
         };
         RecordTable.prototype.appendRecords = function (records) { this.setTableRecords(records, true); };
         RecordTable.prototype.replaceRecords = function (records) { this.setTableRecords(records, false); };
+        RecordTable.prototype.changePage = function (requestedPage) {
+            if (this.clientPaging) {
+                this.setAttr('currentPage', requestedPage);
+                this.updateVisibleRecords();
+            }
+            else {
+                this.notifyGetDataAction(requestedPage);
+            }
+        };
         RecordTable.prototype.updateVisibleRecords = function () {
-            var _a;
-            if (!this.clientPaging || !this.tableRecords || ((_a = this.tableRecords) === null || _a === void 0 ? void 0 : _a.length) === 0) {
-                this.setAttr('visibleRecords', this.tableRecords);
+            // updateView const changeViewAttributes = ['currentPage', 'recordsPerPage', 'sorting'];
+            var visibleRecords;
+            if (this.clientPaging) {
+                var filteredRecords = this.getFilteredRecords();
+                this.setAttr('totalRecordsNumber', filteredRecords.length);
+                visibleRecords = filteredRecords.slice((this.currentPage - 1) * this.recordsPerPage, (this.currentPage - 1) * this.recordsPerPage + this.recordsPerPage);
             }
             else {
-                this.setAttr('visibleRecords', this.getFilteredRecords());
+                visibleRecords = this.tableRecords;
             }
+            this.setAttr('visibleRecords', visibleRecords);
         };
         RecordTable.prototype.updateFromServer = function (tableReceived) {
             var _a;
@@ -1829,6 +1826,9 @@
         RecordTable.prototype.setGlobalFilterString = function (text) {
             var _a;
             this.globalFilterStrings = (_a = text.split(' ').filter(function (t) { return t && t.trim().length > 0; }).map(function (t) { return t.trim(); })) !== null && _a !== void 0 ? _a : [];
+            if (this.clientPaging) {
+                this.changePage(1);
+            }
         };
         RecordTable.prototype.addFilterDefinition = function (filterDefinition) {
             var tableColumn = this.columnDefinition(filterDefinition.fieldCode);
@@ -1884,6 +1884,15 @@
             configurable: true
         });
         // Ordenamiento de registros local
+        RecordTable.prototype.sort = function (columnName) {
+            this.setRequiredOrder(columnName);
+            if (this.clientPaging) {
+                this.localSortData();
+            }
+            else {
+                this.notifyGetDataAction();
+            }
+        };
         RecordTable.prototype.setRequiredOrder = function (columnField) {
             if (columnField !== this.sorting.columnName) {
                 this.setAttr('sorting', {