ngx-deebodata 0.3.3 → 0.3.5

package/fesm2022/ngx-deebodata.mjs

@@ -2595,7 +2595,10 @@ class RowGroupPanel {
         const dtb = this.panelDataGrid?.nativeElement;
         if (dtb) {
             const lfs = this.dataTableService.listenForScroll();
-            this.execVertScrollUp(this.columns, this.columns.length, dtb.scrollTop, true);
+            if (this.scrollDir === "down")
+                this.execVertScrollUp(this.columns, this.columns.length, dtb.scrollTop, true);
+            else
+                this.execVertScrollDown(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))
@@ -2839,9 +2842,9 @@ class RowGroupPanel {
     }
     getLastRowBot() {
         const els = document.getElementsByClassName("rows-for-" + this.elifyGrouping);
-        return els[els.length - 1].getBoundingClientRect()?.bottom || this.tblBot;
+        return els[els.length - 1]?.getBoundingClientRect()?.bottom || this.tblBot;
     }
-    execVertScrollDown(cols, colLen, currTop) {
+    execVertScrollDown(cols, colLen, currTop, force) {
         let gap = this.tblBot - this.getLastRowBot();
         this.fixRowContainer(gap);
         timer(0).subscribe(() => {
@@ -2849,7 +2852,7 @@ class RowGroupPanel {
             let rows = [];
             let canAdd = 0;
             const maxRows = this.rows.length;
-            const doRows = (!this.isScrolling && (gap == 0 || !this.dataTableService.mouseIsDown)) || currTop % this.doRowsMod === 0;
+            const doRows = force || (!this.isScrolling && (gap == 0 || !this.dataTableService.mouseIsDown)) || currTop % this.doRowsMod === 0;
             const bel = this.belowArea.nativeElement;
             const bbds = bel.getBoundingClientRect();
             const btop = bbds.top;
@@ -5287,6 +5290,12 @@ class NgxDeebodata {
     processGrouping(group) {
         if (!group)
             return this.resetCurrentData();
+        const dtb = this.dataTableBody?.nativeElement;
+        this.horizRest.set(0);
+        if (dtb) {
+            dtb.scrollLeft = 0;
+            dtb.scrollTop = 0;
+        }
         this.verticalRest = 0;
         this.rows = [];
         this.aboveHgt.set(0);
@@ -5298,7 +5307,6 @@ class NgxDeebodata {
         this.dataTableService.currSelRows = [];
         this.dataTableService.displayOnlySelRows = false;
         this.dataTableService.currGroup = group;
-        this.dataTableBody.nativeElement.scrollTop = 0;
         this.currGroupValues.set(this.dataTableService.dataFilSrtTracker[group]?.["selDDVals"]?.filter((g) => g.value !== "(Select All)"));
         setTimeout(() => { this.rows = []; });
     }
@@ -6004,7 +6012,10 @@ class NgxDeebodata {
         const dtb = this.dataTableBody?.nativeElement;
         if (dtb) {
             const lfs = this.dataTableService.listenForScroll();
-            this.execVertScrollUp(this.columnNames, this.columnNames.length, dtb.scrollTop, true);
+            if (this.scrollDir === "down")
+                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))
@@ -6283,9 +6294,9 @@ class NgxDeebodata {
     }
     getLastRowBot() {
         const els = document.getElementsByClassName("data-table-row");
-        return els[els.length - 1].getBoundingClientRect()?.bottom || this.dataTableService.tblBot;
+        return els[els.length - 1]?.getBoundingClientRect()?.bottom || this.dataTableService.tblBot;
     }
-    execVertScrollDown(cols, colLen, currTop) {
+    execVertScrollDown(cols, colLen, currTop, force) {
         let gap = this.dataTableService.tblBot - this.getLastRowBot();
         this.fixRowContainer(gap);
         timer(0).subscribe(() => {
@@ -6293,7 +6304,7 @@ class NgxDeebodata {
             let rows = [];
             let canAdd = 0;
             const maxRows = this.rows.length;
-            const doRows = (!this.isScrolling && (gap == 0 || !this.dataTableService.mouseIsDown)) || currTop % this.doRowsMod === 0 || this.belowHgt() === 0;
+            const doRows = force || (!this.isScrolling && (gap == 0 || !this.dataTableService.mouseIsDown)) || currTop % this.doRowsMod === 0 || this.belowHgt() === 0;
             const bel = this.belowArea.nativeElement;
             const bbds = bel.getBoundingClientRect();
             const btop = bbds.top;