ngx-deebodata 0.3.9 → 0.4.1

package/README.md

@@ -78,7 +78,10 @@ export class App {
 | `altRowColor` | `string`   | `""`   | alternate row color (css, hex, rgb)   |
 | `myColumnStyles` | `ColumnStyles[]`   | `[]`   | pass css styles to specific values in a column   |
 | `myColumnValueColors` | `ColumnValueColors[]`   | `[]`   | assign a color to a value in pie, line, and bar graphs   |
-| `forceGrouping` | `string[]`   | `[]`   | array of column names to force grouping - gives dropdown filter & pie graphs for the column   |
+| `forceGrouping` | `string[]`   | `[]`   | array of column names to force grouping - gives dropdown filter & pie graphs for the column   |    
+
+
+
 
 It's best to pass hex or rgb colors to **color1, color2, pieGraphColors, & altRowColor,** but css colors work too  
 

package/fesm2022/ngx-deebodata.mjs

@@ -2604,7 +2604,6 @@ class RowGroupPanel {
         if (dtb) {
             const lfs = this.dataTableService.listenForScroll();
             this.execVertScrollUp(this.columns, this.columns.length, dtb.scrollTop, true);
-            this.handleScrollEnd();
             this.execHorizScroll(dtb.scrollLeft);
             if (lfs && this.rows.some(r => r.height !== this.dataTableService.defltRHgt))
                 this.setAllRowsDefHgt();
@@ -2625,7 +2624,7 @@ class RowGroupPanel {
         this.execVertScroll(top);
         if (this.finishScrollTO)
             this.finishScrollTO.unsubscribe();
-        this.finishScrollTO = timer(150).subscribe(() => { this.completeScroll(); });
+        this.finishScrollTO = timer(100).subscribe(() => { this.completeScroll(); });
         /*vert scroll*/
     }
     execHorizScroll(left, reverse) {
@@ -2771,7 +2770,7 @@ class RowGroupPanel {
             }
         }
     }
-    applyToDomRows(rows, rnums, cols, colLen, lastVisInd, dir, defNum, newRows) {
+    applyToDomRows(rows, rnums, cols, colLen, lastVisInd, dir, defNum, newRows, force) {
         const len = this.rows.length;
         let nrowsAcctFor = 0;
         if (dir === "down") {
@@ -2843,7 +2842,7 @@ class RowGroupPanel {
                 this.belowHgt.set((this.belowHgt() + bhToAdd));
         }
         this.rowNums = [...rnums];
-        this.finishApplyingDomRows();
+        this.finishApplyingDomRows(force);
     }
     getLastRowBot() {
         const els = document.getElementsByClassName("rows-for-" + this.elifyGrouping);
@@ -2963,13 +2962,15 @@ class RowGroupPanel {
             numsToAdd = rows.map(r => (r.elInd + 1)).sort((a, b) => a - b);
             const vlen = this.dataTableService.visibleCols.length;
             const lastVisInd = cols.indexOf(this.dataTableService.visibleCols[(vlen - 1)]) + 1;
-            this.applyToDomRows(rows, numsToAdd, cols, colLen, lastVisInd, "up", defNum, repl);
+            this.applyToDomRows(rows, numsToAdd, cols, colLen, lastVisInd, "up", defNum, repl, force);
         });
     }
-    finishApplyingDomRows() {
+    finishApplyingDomRows(force) {
         this.setRowNumPlacement();
         this.fixRowContainer(0);
         this.setLastRowIndex();
+        if (force)
+            this.handleScrollEnd();
     }
     //   execCellEdit(event: any) {//{ element: el, column: this.cell.column, value: val }
     //     this.cellEdit.emit(event)
@@ -6021,7 +6022,6 @@ class NgxDeebodata {
                 this.execVertScrollUp(this.columnNames, this.columnNames.length, dtb.scrollTop, true);
             else
                 this.execVertScrollDown(this.columnNames, this.columnNames.length, dtb.scrollTop, true);
-            this.handleScrollEnd();
             this.execHorizScroll(dtb.scrollLeft);
             if (lfs && this.rows.some(r => r.height !== this.dataTableService.defltRHgt))
                 this.setAllRowsDefHgt();
@@ -6051,7 +6051,7 @@ class NgxDeebodata {
             this.clearValidatedEdit();
         if (this.finishScrollTO)
             this.finishScrollTO.unsubscribe();
-        this.finishScrollTO = timer(150).subscribe(() => { this.completeScroll(); });
+        this.finishScrollTO = timer(100).subscribe(() => { this.completeScroll(); });
     }
     execHorizScroll(left) {
         const head = this.dataTableHeaders.nativeElement;
@@ -6215,7 +6215,7 @@ class NgxDeebodata {
             }
         }
     }
-    applyToDomRows(rows, cols, colLen, lastVisInd, dir, defNum, newRows) {
+    applyToDomRows(rows, cols, colLen, lastVisInd, dir, defNum, newRows, force) {
         const len = this.rows.length;
         let nrowsAcctFor = 0;
         let chks = [];
@@ -6295,7 +6295,7 @@ class NgxDeebodata {
             if (bhToAdd)
                 this.belowHgt.set((this.belowHgt() + bhToAdd));
         }
-        this.finishApplyingDomRows();
+        this.finishApplyingDomRows(force);
     }
     getLastRowBot() {
         const els = document.getElementsByClassName("data-table-row");
@@ -6354,7 +6354,7 @@ class NgxDeebodata {
             }
             const vlen = this.dataTableService.visibleCols.length;
             const lastVisInd = cols.indexOf(this.dataTableService.visibleCols[(vlen - 1)]) + 1;
-            this.applyToDomRows(rows, cols, colLen, lastVisInd, "down", defNum, repl);
+            this.applyToDomRows(rows, cols, colLen, lastVisInd, "down", defNum, repl, force);
         });
     }
     getFirstRowTop() {
@@ -6411,14 +6411,16 @@ class NgxDeebodata {
             }
             const vlen = this.dataTableService.visibleCols.length;
             const lastVisInd = cols.indexOf(this.dataTableService.visibleCols[(vlen - 1)]) + 1;
-            this.applyToDomRows(rows, cols, colLen, lastVisInd, "up", defNum, repl);
+            this.applyToDomRows(rows, cols, colLen, lastVisInd, "up", defNum, repl, force);
         });
     }
-    finishApplyingDomRows() {
+    finishApplyingDomRows(force) {
         this.setRowNumbers();
         this.fixRowContainer(0);
         this.setLastRowIndex();
         this.cleanRowChecks();
+        if (force)
+            this.handleScrollEnd();
     }
     jumpToRow(row) {
         if (this.dataTableBody) {