tuain-ng-forms-lib 14.5.32 → 14.5.33

package/fesm2020/tuain-ng-forms-lib.mjs

@@ -433,6 +433,7 @@ class LibTableComponent extends ElementComponent {
         // Subscripción a cambios en atributos
         this.table?.attributeChange.subscribe(event => {
             const { name: attrName, value } = event;
+            console.log(`Llegó atributo ${attrName} propagado...`);
             this.defaultProcessAttributeChange(attrName, value);
             this.customProcessAttributeChange(attrName, value);
         });
@@ -451,6 +452,7 @@ class LibTableComponent extends ElementComponent {
     defaultProcessAttributeChange(attribute, value) {
         try {
             if (attribute === 'visibleRecords') {
+                console.log('Se deben actualizar los visibleRecords');
                 this.updateTableData();
             }
             return super.defaultProcessAttributeChange(attribute, value);
@@ -640,6 +642,7 @@ class FormPiecePropagate extends FormPiece {
     }
     get attributeChange() { return this._attributeChange; }
     propagateAttribute(name, value) {
+        console.log(`Propagando atributo ${name}`);
         this._attributeChange?.next({ name, value });
     }
     setCustomAttribute(name, value) {
@@ -674,6 +677,7 @@ class FormElement extends FormPiecePropagate {
     ;
     setAttr(attr, value) {
         const { name: attrName, propagate: name } = attr;
+        console.log(`Asignando valor a ${attrName}`);
         this[attrName] = value;
         name && this.propagateAttribute(name, value);
     }
@@ -1629,12 +1633,17 @@ class RecordTable extends FormElement {
         }
     }
     updateVisibleRecords() {
+        console.log('updateVisibleRecords');
         let visibleRecords;
         if (this.clientPaging) {
+            console.log('this.clientPaging');
+            console.log('a por getFilteredRecords');
             let filteredRecords = this.getFilteredRecords();
+            console.log('regresando de getFilteredRecords');
             this.setAttr(attrs.totalRecordsNumber, filteredRecords.length);
             const sliceNumber1 = (this.currentPage - 1) * this.recordsPerPage;
             const sliceNumber2 = (this.currentPage - 1) * this.recordsPerPage + this.recordsPerPage;
+            console.log('Actualizando visibleRecords');
             visibleRecords = filteredRecords.slice(sliceNumber1, sliceNumber2);
             const recordsLastPage = this.totalRecordsNumber % this.recordsPerPage;
             const totalPages = Math.trunc(this.totalRecordsNumber / this.recordsPerPage + (recordsLastPage ? 1 : 0));
@@ -1645,6 +1654,7 @@ class RecordTable extends FormElement {
         else {
             visibleRecords = this.tableRecords;
         }
+        console.log('Actualizando visibleRecords al cierre');
         this.setAttr(attrs.visibleRecords, visibleRecords);
     }
     updateFromServer(tableReceived) {
@@ -1759,11 +1769,14 @@ class RecordTable extends FormElement {
         tableColumn && tableColumn.addFilterDefinition(filterDefinition);
     }
     getFilteredRecords() {
+        console.log('getFilteredRecords');
         let filteredRecords = this.tableRecords;
         if (this.restrictedId) {
+            console.log('por id');
             filteredRecords = filteredRecords.filter(record => record.recordId === this.restrictedId);
         }
         if (this.globalFilterStrings.length > 0) {
+            console.log('global');
             filteredRecords = filteredRecords.filter(record => record.hasPattern(this.globalFilterStrings, this._tableColumnObj));
         }
         const columnFilters = this.columns.filter(column => column.filter).map(column => column.filter);
@@ -1789,8 +1802,12 @@ class RecordTable extends FormElement {
             return;
         }
         console.log('4. addColumnFilter');
+        console.log('tableColumn');
+        console.log(tableColumn);
         console.log({ columnValues, operator });
+        console.log('5. Adicionando filtro');
         tableColumn && tableColumn.addFilter(columnValues, operator);
+        console.log('4. updateVisibleRecords');
         this.updateVisibleRecords();
     }
     removeColumnFilter(columnName) {