@guiexpert/solid-table 1.1.77 → 1.1.79

package/index.js

@@ -1,7 +1,7 @@
-const ke = (l, e) => l === e, oe = Symbol("solid-proxy"), Ie = typeof Proxy == "function", fe = {
-  equals: ke
+const Ie = (l, e) => l === e, oe = Symbol("solid-proxy"), ke = typeof Proxy == "function", fe = {
+  equals: Ie
 };
-let we = Ce;
+let we = ve;
 const B = 1, z = 2, xe = {
   owned: null,
   cleanups: null,
@@ -16,7 +16,7 @@ function Le(l, e) {
     cleanups: null,
     context: i ? i.context : null,
     owner: i
-  }, a = o ? l : () => l(() => Q(() => $(r)));
+  }, a = o ? l : () => l(() => Q(() => H(r)));
   M = r, x = null;
   try {
     return _(a, !0);
@@ -26,17 +26,17 @@ function Le(l, e) {
 }
 function ie(l, e, t) {
   const s = ae(l, e, !1, B);
-  V(s);
+  $(s);
 }
 function Be(l, e, t) {
   we = Ne;
   const s = ae(l, e, !1, B);
-  s.user = !0, O ? O.push(s) : V(s);
+  s.user = !0, O ? O.push(s) : $(s);
 }
 function Pe(l, e, t) {
   t = t ? Object.assign({}, fe, t) : fe;
   const s = ae(l, e, !0, 0);
-  return s.observers = null, s.observerSlots = null, s.comparator = t.equals || void 0, V(s), He.bind(s);
+  return s.observers = null, s.observerSlots = null, s.comparator = t.equals || void 0, $(s), We.bind(s);
 }
 function Q(l) {
   if (x === null) return l();
@@ -48,12 +48,12 @@ function Q(l) {
     x = e;
   }
 }
-function We(l) {
+function Ve(l) {
   Be(() => Q(l));
 }
-function He() {
+function We() {
   if (this.sources && this.state)
-    if (this.state === B) V(this);
+    if (this.state === B) $(this);
     else {
       const l = R;
       R = null, _(() => j(this), !1), R = l;
@@ -64,39 +64,39 @@ function He() {
   }
   return this.value;
 }
-function $e(l, e, t) {
+function He(l, e, t) {
   let s = l.value;
   return (!l.comparator || !l.comparator(s, e)) && (l.value = e, l.observers && l.observers.length && _(() => {
     for (let o = 0; o < l.observers.length; o += 1) {
       const i = l.observers[o], r = te && te.running;
-      r && te.disposed.has(i), (r ? !i.tState : !i.state) && (i.pure ? R.push(i) : O.push(i), i.observers && ve(i)), r || (i.state = B);
+      r && te.disposed.has(i), (r ? !i.tState : !i.state) && (i.pure ? R.push(i) : O.push(i), i.observers && Ce(i)), r || (i.state = B);
     }
     if (R.length > 1e6)
       throw R = [], new Error();
   }, !1)), e;
 }
-function V(l) {
+function $(l) {
   if (!l.fn) return;
-  $(l);
+  H(l);
   const e = Z;
-  Ve(
+  $e(
     l,
     l.value,
     e
   );
 }
-function Ve(l, e, t) {
+function $e(l, e, t) {
   let s;
   const o = M, i = x;
   x = M = l;
   try {
     s = l.fn(e);
   } catch (r) {
-    return l.pure && (l.state = B, l.owned && l.owned.forEach($), l.owned = null), l.updatedAt = t + 1, Ae(r);
+    return l.pure && (l.state = B, l.owned && l.owned.forEach(H), l.owned = null), l.updatedAt = t + 1, Ae(r);
   } finally {
     x = i, M = o;
   }
-  (!l.updatedAt || l.updatedAt <= t) && (l.updatedAt != null && "observers" in l ? $e(l, s) : l.value = s, l.updatedAt = t);
+  (!l.updatedAt || l.updatedAt <= t) && (l.updatedAt != null && "observers" in l ? He(l, s) : l.value = s, l.updatedAt = t);
 }
 function ae(l, e, t, s = B, o) {
   const i = {
@@ -123,7 +123,7 @@ function U(l) {
     l.state && e.push(l);
   for (let t = e.length - 1; t >= 0; t--)
     if (l = e[t], l.state === B)
-      V(l);
+      $(l);
     else if (l.state === z) {
       const s = R;
       R = null, _(() => j(l, e[0]), !1), R = s;
@@ -141,11 +141,11 @@ function _(l, e) {
   }
 }
 function _e(l) {
-  if (R && (Ce(R), R = null), l) return;
+  if (R && (ve(R), R = null), l) return;
   const e = O;
   O = null, e.length && _(() => we(e), !1);
 }
-function Ce(l) {
+function ve(l) {
   for (let e = 0; e < l.length; e++) U(l[e]);
 }
 function Ne(l) {
@@ -166,13 +166,13 @@ function j(l, e) {
     }
   }
 }
-function ve(l) {
+function Ce(l) {
   for (let e = 0; e < l.observers.length; e += 1) {
     const t = l.observers[e];
-    t.state || (t.state = z, t.pure ? R.push(t) : O.push(t), t.observers && ve(t));
+    t.state || (t.state = z, t.pure ? R.push(t) : O.push(t), t.observers && Ce(t));
   }
 }
-function $(l) {
+function H(l) {
   let e;
   if (l.sources)
     for (; l.sources.length; ) {
@@ -183,11 +183,11 @@ function $(l) {
       }
     }
   if (l.tOwned) {
-    for (e = l.tOwned.length - 1; e >= 0; e--) $(l.tOwned[e]);
+    for (e = l.tOwned.length - 1; e >= 0; e--) H(l.tOwned[e]);
     delete l.tOwned;
   }
   if (l.owned) {
-    for (e = l.owned.length - 1; e >= 0; e--) $(l.owned[e]);
+    for (e = l.owned.length - 1; e >= 0; e--) H(l.owned[e]);
     l.owned = null;
   }
   if (l.cleanups) {
@@ -246,7 +246,7 @@ function Ee(...l) {
     const a = l[r];
     e = e || !!a && oe in a, l[r] = typeof a == "function" ? (e = !0, Pe(a)) : a;
   }
-  if (Ie && e)
+  if (ke && e)
     return new Proxy(
       {
         get(r) {
@@ -324,8 +324,8 @@ function je(l, e, t) {
       const c = d.get(e[r]);
       if (c != null)
         if (a < c && c < i) {
-          let h = r, p = 1, u;
-          for (; ++h < o && h < i && !((u = d.get(e[h])) == null || u !== c + p); )
+          let h = r, p = 1, m;
+          for (; ++h < o && h < i && !((m = d.get(e[h])) == null || m !== c + p); )
             p++;
           if (p > c - a) {
             const g = e[r];
@@ -368,11 +368,11 @@ function X(l, e, t, s, o) {
       return t;
     if (r) {
       let a = t[0];
-      a && a.nodeType === 3 ? a.data !== e && (a.data = e) : a = document.createTextNode(e), t = W(l, t, s, a);
+      a && a.nodeType === 3 ? a.data !== e && (a.data = e) : a = document.createTextNode(e), t = V(l, t, s, a);
     } else
       t !== "" && typeof t == "string" ? t = l.firstChild.data = e : t = l.textContent = e;
   } else if (e == null || i === "boolean")
-    t = W(l, t, s);
+    t = V(l, t, s);
   else {
     if (i === "function")
       return ie(() => {
@@ -385,13 +385,13 @@ function X(l, e, t, s, o) {
       if (re(a, e, t, o))
         return ie(() => t = X(l, a, t, s, !0)), () => t;
       if (a.length === 0) {
-        if (t = W(l, t, s), r) return t;
-      } else n ? t.length === 0 ? ue(l, a, s) : je(l, t, a) : (t && W(l), ue(l, a));
+        if (t = V(l, t, s), r) return t;
+      } else n ? t.length === 0 ? ue(l, a, s) : je(l, t, a) : (t && V(l), ue(l, a));
       t = a;
     } else if (e.nodeType) {
       if (Array.isArray(t)) {
-        if (r) return t = W(l, t, s, e);
-        W(l, t, null, e);
+        if (r) return t = V(l, t, s, e);
+        V(l, t, null, e);
       } else t == null || t === "" || !l.firstChild ? l.appendChild(e) : l.replaceChild(e, l.firstChild);
       t = e;
     }
@@ -426,7 +426,7 @@ function re(l, e, t, s) {
 function ue(l, e, t = null) {
   for (let s = 0, o = e.length; s < o; s++) l.insertBefore(e[s], t);
 }
-function W(l, e, t, s) {
+function V(l, e, t, s) {
   if (t === void 0) return l.textContent = "";
   const o = s || document.createTextNode("");
   if (e.length) {
@@ -521,25 +521,25 @@ class ne {
     );
   }
 }
-class I {
+class k {
   constructor(e = ">", t = "", s = []) {
     this.content = e, this.style = t, this.classes = s;
   }
 }
 class Re {
-  constructor(e = new I(
+  constructor(e = new k(
     ">",
     "transform: rotate(90deg) translate(66%, -66%); transform-origin: 0 0;",
     ["gt-table-tree-arrow-expanded"]
-  ), t = new I(
+  ), t = new k(
     ">",
     "",
     ["ge-table-tree-arrow-collapsed"]
-  ), s = new I(
+  ), s = new k(
     ">",
     "color:transparent;",
     ["gt-table-tree-arrow-hidden"]
-  ), o = new I(
+  ), o = new k(
     "↕",
     "",
     ["gt-table-tree-arrow-expanded-all"]
@@ -548,7 +548,7 @@ class Re {
   }
 }
 class Me {
-  constructor(e = new I("↑", "", ["ge-header-sorted-asc"]), t = new I("↓", "", ["ge-header-sorted-desc"]), s = new I("↑", "color:transparent;", [])) {
+  constructor(e = new k("↑", "", ["ge-header-sorted-asc"]), t = new k("↓", "", ["ge-header-sorted-desc"]), s = new k("↑", "color:transparent;", [])) {
     this.iconAsc = e, this.iconDesc = t, this.iconPlaceholder = s;
   }
 }
@@ -638,12 +638,12 @@ class Ze {
     return this.domService.appendChild(e.child, n), n;
   }
   addColumnDiv(e) {
-    const { parent: t, geo: s, rowIndex: o = -1, columnIndex: i = -1, areaIdent: r, sideIdent: a, text: n = "", treeArrow: d, tableOptions: c, checkedType: h = void 0, sortState: p } = e, u = c == null ? void 0 : c.treeOptions, g = c == null ? void 0 : c.showCheckboxWihoutExtraColumn, b = this.domService.createElement("div");
+    const { parent: t, geo: s, rowIndex: o = -1, columnIndex: i = -1, areaIdent: r, sideIdent: a, text: n = "", treeArrow: d, tableOptions: c, checkedType: h = void 0, sortState: p } = e, m = c == null ? void 0 : c.treeOptions, g = c == null ? void 0 : c.showCheckboxWihoutExtraColumn, b = this.domService.createElement("div");
     this.domService.addClass(b, "ge-table-col-div"), g && this.domService.addClass(b, "ge-with-checkbox"), this.domService.addClass(b, `ge-table-col-div-${s.index}`), this.domService.setAttribute(b, "data-col-index", `${s.index}`), this.domService.setAttribute(b, "data-row-index", `${o}`), this.domService.setAttribute(b, "data-area", `${r}`);
     const f = ((s == null ? void 0 : s.index) ?? 0) % 2 === 0 ? "even" : "odd";
-    if (r === "body" && a === "center" && this.domService.addClass(b, `ge-table-column-${f}`), this.domService.setStyle(b, "display", "clip"), this.domService.setStyle(b, "position", "absolute"), this.domService.setStyle(b, "left", `${s.left}px`), this.domService.setStyle(b, "top", `${s.top}px`), this.domService.setStyle(b, "width", `${s.width}px`), this.domService.setStyle(b, "height", `${s.height}px`), d && d !== "none" && (this.domService.addClass(b, "ge-table-col-tree"), this.addArrowDiv(b, d, u, o, i, r)), g && i === 0 && h && this.addCheckboxToDiv(b, h, r, o), n) {
-      const m = d !== "none" && i === 0;
-      this.addLabelDiv(b, n, m, o, i, r);
+    if (r === "body" && a === "center" && this.domService.addClass(b, `ge-table-column-${f}`), this.domService.setStyle(b, "display", "clip"), this.domService.setStyle(b, "position", "absolute"), this.domService.setStyle(b, "left", `${s.left}px`), this.domService.setStyle(b, "top", `${s.top}px`), this.domService.setStyle(b, "width", `${s.width}px`), this.domService.setStyle(b, "height", `${s.height}px`), d && d !== "none" && (this.domService.addClass(b, "ge-table-col-tree"), this.addArrowDiv(b, d, m, o, i, r)), g && i === 0 && h && this.addCheckboxToDiv(b, h, r, o), n) {
+      const u = d !== "none" && i === 0;
+      this.addLabelDiv(b, n, u, o, i, r);
     }
     return p && this.addSortedIcon(b, p, c == null ? void 0 : c.sortedOptions, i), this.domService.appendChild(t, b), b;
   }
@@ -1791,6 +1791,21 @@ class ot {
   getFirstVisibleRowIndex() {
     return this.tableScope.getFirstVisibleRowIndex();
   }
+  getFirstFullVisibleRowIndex() {
+    return this.tableScope.getFirstFullVisibleRowIndex();
+  }
+  getLastVisibleRowIndex() {
+    return this.tableScope.getLastVisibleRowIndex();
+  }
+  getLastFullVisibleRowIndex() {
+    return this.tableScope.getLastFullVisibleRowIndex();
+  }
+  setLoggingActive(e) {
+    this.tableScope.loggingActive = e;
+  }
+  isLoggingActive() {
+    return this.tableScope.loggingActive;
+  }
 }
 class de {
   constructor(e) {
@@ -1941,14 +1956,14 @@ class at extends de {
     }
   }
 }
-class k {
+class I {
   constructor(e = 0, t = 0, s = 0, o = 0, i) {
     this.left = e, this.width = t, this.height = s, this.top = o, this.index = i;
   }
 }
 class nt {
   constructor(e, t, s, o) {
-    this.hostElement = e, this.tableModel = t, this.dom = s, this.tableOptions = o, this.scrollTop = 0, this.areaBodyWestGeo = new k(), this.areaBodyCenterGeo = new k(), this.areaBodyEastGeo = new k();
+    this.hostElement = e, this.tableModel = t, this.dom = s, this.tableOptions = o, this.scrollTop = 0, this.areaBodyWestGeo = new I(), this.areaBodyCenterGeo = new I(), this.areaBodyEastGeo = new I();
     const i = this.hostElement;
     i.innerText = "", this.dom.setAttribute(i, "tabindex", "0"), this.dom.setStyle(
       this.dom.addClass("ge-table", i),
@@ -2193,11 +2208,11 @@ class dt {
 class ht extends nt {
   constructor(e, t, s, o) {
     var r, a;
-    super(e, t, s, o), this.dragging = !1, this.editing = !1, this.storedColumnWidths = [], this.scrollLeft = 0, this.scrollViewportLeft = 0, this.scrollFactorY = 0, this.scrollFactorX = 0, this.cleanupFunctions = {
+    super(e, t, s, o), this.firstVisibleRowIndex = -1, this.lastVisibleRowIndex = -1, this.firstFullVisibleRowIndex = -1, this.lastFullVisibleRowIndex = -1, this.displayedRowCount = 0, this.pixelLimitForFullVisible = 5, this.loggingActive = !1, this.dragging = !1, this.editing = !1, this.storedColumnWidths = [], this.scrollLeft = 0, this.scrollViewportLeft = 0, this.scrollFactorY = 0, this.scrollFactorX = 0, this.cleanupFunctions = {
       header: [],
       body: [],
       footer: []
-    }, this.tree = !1, this.colAndRowspanModels = new dt(), this.firstVisibleRowIndex = -1, this.draggingTargetColumnIndex = -1, this.removables = [], this.displayedRowCount = 0, this.tableModel.getSelectionModel ? this.getSelectionModel = this.tableModel.getSelectionModel : (r = this.tableOptions) != null && r.getSelectionModel && (this.getSelectionModel = this.tableOptions.getSelectionModel), (a = this.tableOptions) != null && a.getFocusModel && (this.getFocusModel = this.tableOptions.getFocusModel), le(t.getAreaModel("body")) && (this.tree = !0), ["header", "body", "footer"].forEach(
+    }, this.tree = !1, this.colAndRowspanModels = new dt(), this.draggingTargetColumnIndex = -1, this.removables = [], this.tableModel.getSelectionModel ? this.getSelectionModel = this.tableModel.getSelectionModel : (r = this.tableOptions) != null && r.getSelectionModel && (this.getSelectionModel = this.tableOptions.getSelectionModel), (a = this.tableOptions) != null && a.getFocusModel && (this.getFocusModel = this.tableOptions.getFocusModel), le(t.getAreaModel("body")) && (this.tree = !0), ["header", "body", "footer"].forEach(
       (n) => {
         var d;
         this.colAndRowspanModels[n] = new ct(t, t.getAreaModel(n)), (d = this.colAndRowspanModels[n]) == null || d.init();
@@ -2286,19 +2301,19 @@ class ht extends nt {
     for (const t of this.removables)
       t.remove();
     this.hideHoverRow(), this.hideHoverColumn(), this.scrollTop = this.scrollViewport.scrollTop, this.scrollLeft = this.scrollViewport.scrollLeft, this.debounce(this.checkForScrollPosSaving.bind(this)), this.scrollFactorY = this.scrollTop / (this.scrollViewport.scrollHeight - this.scrollViewport.clientHeight), this.scrollFactorX = this.scrollLeft / (this.scrollViewport.scrollWidth - this.scrollViewport.clientWidth), isNaN(this.scrollFactorY) && (this.scrollFactorY = 0), isNaN(this.scrollFactorX) && (this.scrollFactorX = 0), this.adjustBody(), this.adjustArea("footer"), this.adjustArea("header"), this.tableOptions.tableTopBorderVisible && this.removables.push(this.dom.addHorizontalBorder(
-      new k(0, this.hostElement.clientWidth, 1, 0),
+      new I(0, this.hostElement.clientWidth, 1, 0),
       this.hostElement,
       "ge-table-border"
     )), this.tableOptions.tableBottomBorderVisible && this.removables.push(this.dom.addHorizontalBorder(
-      new k(0, this.hostElement.clientWidth, 1, this.hostElement.clientHeight - 1),
+      new I(0, this.hostElement.clientWidth, 1, this.hostElement.clientHeight - 1),
       this.hostElement,
       "ge-table-border"
     )), this.tableModel.getFixedLeftColumnCount() > 0 && this.removables.push(this.dom.addVerticalBorder(
-      new k(this.areaBodyWest.child.clientWidth, 1, this.hostElement.clientHeight, 0),
+      new I(this.areaBodyWest.child.clientWidth, 1, this.hostElement.clientHeight, 0),
       this.hostElement,
       "ge-table-body-west-vertical-border"
     )), ((e = this.tableModel.getAreaModel("header")) == null ? void 0 : e.getRowCount()) > 0 && this.removables.push(this.dom.addHorizontalBorder(
-      new k(0, this.hostElement.clientWidth, 1, this.areaHeaderCenter.child.clientHeight),
+      new I(0, this.hostElement.clientWidth, 1, this.areaHeaderCenter.child.clientHeight),
       this.hostElement,
       "ge-table-body-west-vertical-border"
     ));
@@ -2350,12 +2365,27 @@ class ht extends nt {
       }
       const p = r.getCustomClassesAt(t, s);
       p.length && this.dom.addClasses(p, n);
-      const u = r.getCustomStyleAt(t, s);
-      if (u)
-        for (const g in u)
-          this.dom.setStyle(n, g, u[g]);
+      const m = r.getCustomStyleAt(t, s);
+      if (m)
+        for (const g in m)
+          this.dom.setStyle(n, g, m[g]);
     }
   }
+  getFirstVisibleRowIndex() {
+    return this.firstVisibleRowIndex;
+  }
+  getLastVisibleRowIndex() {
+    return this.lastVisibleRowIndex;
+  }
+  getFirstFullVisibleRowIndex() {
+    return this.firstFullVisibleRowIndex;
+  }
+  getLastFullVisibleRowIndex() {
+    return this.lastFullVisibleRowIndex;
+  }
+  getDisplayedRowCount() {
+    return this.displayedRowCount;
+  }
   /**
    * Stores the widths of all columns in the table.
    *
@@ -2456,16 +2486,17 @@ class ht extends nt {
     s.child.innerText = "", o.child.innerText = "", i.child.innerText = "";
     const a = 0, n = this.areaBodyCenterGeo.width, d = this.tableModel.getPadding(), c = this.tableModel.getAreaModel(e), h = c.getRowCount();
     for (; this.cleanupFunctions[e].length; ) {
-      const m = this.cleanupFunctions[e].shift();
-      m && m();
+      const u = this.cleanupFunctions[e].shift();
+      u && u();
     }
     let p = t;
-    const u = this.tableModel.getColumnCount(), g = this.tableModel.getFixedRightColumnCount(), b = this.tableModel.getFixedLeftColumnCount();
-    for (let m = 0; m < h; m++) {
-      const w = p, C = m === h - 1, A = this.tableModel.getRowHeight(e, m);
+    const m = this.tableModel.getColumnCount(), g = this.tableModel.getFixedRightColumnCount(), b = this.tableModel.getFixedLeftColumnCount();
+    e === "body" && (this.firstVisibleRowIndex = -1, this.firstFullVisibleRowIndex = -1, this.lastVisibleRowIndex = -1, this.lastFullVisibleRowIndex = -1);
+    for (let u = 0; u < h; u++) {
+      const w = p, v = u === h - 1, A = this.tableModel.getRowHeight(e, u);
       if (w + A > 0) {
-        this.firstVisibleRowIndex = m;
-        let y = { left: a, width: n, height: A, top: w, index: m }, S = this.dom.addRowDiv(o, y, m, e, "center");
+        e === "body" && this.firstVisibleRowIndex === -1 && (this.firstVisibleRowIndex = u, this.firstFullVisibleRowIndex = w < -this.pixelLimitForFullVisible ? this.firstVisibleRowIndex + 1 : this.firstVisibleRowIndex);
+        let y = { left: a, width: n, height: A, top: w, index: u }, S = this.dom.addRowDiv(o, y, u, e, "center");
         const F = b;
         if (this.adjustColumnsToRowParent({
           areaIdent: e,
@@ -2473,37 +2504,37 @@ class ht extends nt {
           areaModel: c,
           geo: y,
           parent: S,
-          rowIndex: m,
+          rowIndex: u,
           columnIndexStart: F,
-          columnIndexEnd: u - g - 1,
+          columnIndexEnd: m - g - 1,
           verticalFixed: !1,
-          lastRowOfModel: C
-        }), d.left > 0 && (y = { left: a, width: this.areaBodyWestGeo.width, height: A, top: w, index: m }, S = this.dom.addRowDiv(s, y, m, e, "west"), this.adjustColumnsToRowParent({
+          lastRowOfModel: v
+        }), d.left > 0 && (y = { left: a, width: this.areaBodyWestGeo.width, height: A, top: w, index: u }, S = this.dom.addRowDiv(s, y, u, e, "west"), this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "west",
           areaModel: c,
           geo: y,
           parent: S,
-          rowIndex: m,
+          rowIndex: u,
           columnIndexStart: 0,
           columnIndexEnd: F - 1,
           verticalFixed: !0,
-          lastRowOfModel: C
-        })), d.right > 0 && (y = { left: a, width: this.areaBodyEastGeo.width, height: A, top: w, index: m }, S = this.dom.addRowDiv(i, y, m, e, "east"), this.adjustColumnsToRowParent({
+          lastRowOfModel: v
+        })), d.right > 0 && (y = { left: a, width: this.areaBodyEastGeo.width, height: A, top: w, index: u }, S = this.dom.addRowDiv(i, y, u, e, "east"), this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "east",
           areaModel: c,
           geo: y,
           parent: S,
-          rowIndex: m,
-          columnIndexStart: u - g,
-          columnIndexEnd: u - 1,
+          rowIndex: u,
+          columnIndexStart: m - g,
+          columnIndexEnd: m - 1,
           verticalFixed: !0,
-          lastRowOfModel: C
-        })), e === "header" && this.tree && m === h - 1) {
+          lastRowOfModel: v
+        })), e === "header" && this.tree && u === h - 1) {
           const T = this.dom.applyStyle(
             this.dom.setAttribute(
-              this.dom.addDiv(S, new k(16, 20, 20, 8)),
+              this.dom.addDiv(S, new I(16, 20, 20, 8)),
               "data-ge-action",
               "toggleExpandCollapseAll"
             ),
@@ -2516,24 +2547,27 @@ class ht extends nt {
         }
       }
       if (p = p + A, p > r) {
-        e === "body" && (this.displayedRowCount = this.firstVisibleRowIndex - m);
+        e === "body" && (this.lastVisibleRowIndex = u, this.lastFullVisibleRowIndex = r - p < -this.pixelLimitForFullVisible ? u - 1 : u, this.displayedRowCount = this.lastFullVisibleRowIndex - this.firstFullVisibleRowIndex + 1);
         break;
       }
     }
-    if (this.colAndRowspanModels && this.colAndRowspanModels[e]) {
-      const m = ((f = this.colAndRowspanModels[e]) == null ? void 0 : f.getRanges()) ?? [];
-      if (m.length)
-        for (const w of m) {
-          let C = 0, A = o.child, y = "center";
+    if (this.loggingActive && e === "body" && console.log("render scope: this.firstVisibleRowIndex <- " + this.firstVisibleRowIndex + `
+render scope: this.firstFullVisibleRowIndex <- ` + this.firstFullVisibleRowIndex + `
+render scope: this.lastVisibleRowIndex <- ` + this.lastVisibleRowIndex + `
+render scope: this.lastFullVisibleRowIndex <- ` + this.lastFullVisibleRowIndex), this.colAndRowspanModels && this.colAndRowspanModels[e]) {
+      const u = ((f = this.colAndRowspanModels[e]) == null ? void 0 : f.getRanges()) ?? [];
+      if (u.length)
+        for (const w of u) {
+          let v = 0, A = o.child, y = "center";
           if (w.c1 < b)
             A = s.child, y = "west";
-          else if (g > 0 && w.c1 >= u - g)
+          else if (g > 0 && w.c1 >= m - g)
             A = i.child, y = "east";
           else {
             const S = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
-            C = this.scrollFactorX * S - this.areaBodyWestGeo.width, y = "center";
+            v = this.scrollFactorX * S - this.areaBodyWestGeo.width, y = "center";
           }
-          this.drawBigCell(w, C, t, c, A, y);
+          this.drawBigCell(w, v, t, c, A, y);
         }
     }
   }
@@ -2548,10 +2582,10 @@ class ht extends nt {
    * @protected
    */
   drawBigCell(e, t, s, o, i, r) {
-    const a = s + this.getRowHeights(0, e.r1 - 1, o).reduce((f, m) => f + m, 0), n = this.tableModel.getColumnCount(), d = this.tableModel.getFixedRightColumnCount();
+    const a = s + this.getRowHeights(0, e.r1 - 1, o).reduce((f, u) => f + u, 0), n = this.tableModel.getColumnCount(), d = this.tableModel.getFixedRightColumnCount();
     let c = 0;
     d > 0 && e.c1 >= n - d && (c = n - d);
-    const h = t + this.getColumnWidths(c, e.c1 - 1).reduce((f, m) => f + m, 0), p = this.getRowHeights(e.r1, e.r2, o).reduce((f, m) => f + m, 0), u = this.getColumnWidths(e.c1, e.c2).reduce((f, m) => f + m, 0);
+    const h = t + this.getColumnWidths(c, e.c1 - 1).reduce((f, u) => f + u, 0), p = this.getRowHeights(e.r1, e.r2, o).reduce((f, u) => f + u, 0), m = this.getColumnWidths(e.c1, e.c2).reduce((f, u) => f + u, 0);
     let g = !1;
     const b = this.getSelectionModel ? this.getSelectionModel() : void 0;
     b && (g = b.getSelectionCount(e.r1, e.c1) > 0), e.gammaRange ? this.renderCell({
@@ -2562,7 +2596,7 @@ class ht extends nt {
       columnIndex: e.c1,
       left: h,
       top: a,
-      width: u,
+      width: m,
       height: p,
       parent: i,
       cellSelected: g,
@@ -2576,7 +2610,7 @@ class ht extends nt {
       columnIndex: e.c1,
       left: h,
       top: a,
-      width: u,
+      width: m,
       height: p,
       parent: i,
       cellSelected: g,
@@ -2587,7 +2621,7 @@ class ht extends nt {
       columnIndex: e.c1,
       cellLeft: h,
       cellTop: a,
-      cellWidth: u,
+      cellWidth: m,
       cellHeight: p,
       parent: i
     });
@@ -2638,33 +2672,33 @@ class ht extends nt {
       const f = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
       h = this.scrollFactorX * f;
     }
-    const p = 0, u = !!(e === "body" && t);
+    const p = 0, m = !!(e === "body" && t);
     let g = h;
     for (let f = a; f <= n; f++) {
-      const m = g, w = this.tableModel.getColumnWidth(f);
-      if (w > 0 && m + w > 0) {
-        let C = o.height;
+      const u = g, w = this.tableModel.getColumnWidth(f);
+      if (w > 0 && u + w > 0) {
+        let v = o.height;
         const A = s.getRowspanAt(r, f), y = s.getColspanAt(r, f);
-        A > 1 && (C = this.getRowHeights(r, r + A - 1, s).reduce((T, D) => T + D, 0));
+        A > 1 && (v = this.getRowHeights(r, r + A - 1, s).reduce((T, D) => T + D, 0));
         let S = w;
         y > 1 && (S = this.getColumnWidths(f, f + y - 1).reduce((T, D) => T + D, 0));
         let F = !1;
         if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (b = this.colAndRowspanModels[e]) != null && b.isInRange(r, f) && (F = !0), this.draggingTargetColumnIndex === f && e !== "header") {
-          this.renderDragTargetDiv(i, m, p, S, C);
-          const T = { left: m, top: p, width: S, height: C };
+          this.renderDragTargetDiv(i, u, p, S, v);
+          const T = { left: u, top: p, width: S, height: v };
           this.dom.addColumnBorderDivs(this.tableOptions, i, T, e, t);
         } else {
-          const T = this.renderSelectedBackgroundDiv(F, u, t, s, r, f, i, m, p, S, C);
+          const T = this.renderSelectedBackgroundDiv(F, m, t, s, r, f, i, u, p, S, v);
           "gammaCells" in s && s.getValueAt(r, f) && (F = !1), F || this.renderCell({
             areaModel: s,
             areaIdent: e,
             sideIdent: t,
             rowIndex: r,
             columnIndex: f,
-            left: m,
+            left: u,
             top: p,
             width: S,
-            height: C,
+            height: v,
             parent: i,
             cellSelected: T,
             lastRowOfModel: c,
@@ -2672,10 +2706,10 @@ class ht extends nt {
           }), e === "header" && this.tableOptions.columnsResizable && this.renderHeaderCellResizeHandle({
             rowIndex: r,
             columnIndex: f,
-            cellLeft: m,
+            cellLeft: u,
             cellTop: p,
             cellWidth: S,
-            cellHeight: C,
+            cellHeight: v,
             parent: i
           });
         }
@@ -2683,7 +2717,7 @@ class ht extends nt {
       if (g = g + w, g > this.areaBodyCenterGeo.width)
         break;
     }
-    this.tableOptions.verticalBorderVisible && this.dom.addVerticalBorder(new k(g - 1, 1, o.height, 0), i);
+    this.tableOptions.verticalBorderVisible && this.dom.addVerticalBorder(new I(g - 1, 1, o.height, 0), i);
   }
   /**
    * Retrieves the column index of the tree arrow column in the table.
@@ -2711,18 +2745,18 @@ class ht extends nt {
     lastRowOfModel: h
   }) {
     var ge;
-    const u = this.editorRenderer && this.editorRendererRow === o && this.editorRendererColumn === i ? this.editorRenderer : e.getCellRenderer(o, i), g = { left: r, width: a, height: n, top: d, index: i }, b = e.getRowByIndex(o);
+    const m = this.editorRenderer && this.editorRendererRow === o && this.editorRendererColumn === i ? this.editorRenderer : e.getCellRenderer(o, i), g = { left: r, width: a, height: n, top: d, index: i }, b = e.getRowByIndex(o);
     let f = "none";
     if (i === this.getTreeArrowColumnIndex() && K(b)) {
-      const v = b;
-      (ge = v.children) != null && ge.length ? v.expanded ? f = "expanded" : f = "collapsed" : f = "hidden";
+      const C = b;
+      (ge = C.children) != null && ge.length ? C.expanded ? f = "expanded" : f = "collapsed" : f = "hidden";
     }
     let w;
     if (t === "header") {
-      const v = this.tableModel.getColumnDef(i);
-      (!(v != null && v.sortIconVisible) || v != null && v.sortIconVisible()) && (w = v == null ? void 0 : v.sortState);
+      const C = this.tableModel.getColumnDef(i);
+      (!(C != null && C.sortIconVisible) || C != null && C.sortIconVisible()) && (w = C == null ? void 0 : C.sortState);
     }
-    const C = e.getValueAt(o, i), A = u ? "" : `${C}`, y = e.isRowChecked(o), S = this.dom.addColumnDiv(
+    const v = e.getValueAt(o, i), A = m ? "" : `${v}`, y = e.isRowChecked(o), S = this.dom.addColumnDiv(
       {
         parent: c,
         geo: g,
@@ -2741,17 +2775,17 @@ class ht extends nt {
     const T = this.tableModel.getColumnDef(i);
     T && T.classes[t] && this.dom.addClasses(T.classes[t], S);
     let D;
-    u && (D = u.render(S, o, i, t, e, C, this.dom.domService));
+    m && (D = m.render(S, o, i, t, e, v, this.dom.domService));
     const N = e.getCustomClassesAt(o, i);
     if (N.length && this.dom.addClasses(N, S), this.dom.addColumnBorderDivs(this.tableOptions, c, g, t, s), h && this.dom.addHorizontalBorder({ left: r, width: a, height: n, top: d + n }, c), this.getFocusModel && t === "body") {
-      const v = this.getFocusModel();
-      v != null && v.hasFocus(o, i) && this.dom.addFocusBorderDivs(c, g, {});
+      const C = this.getFocusModel();
+      C != null && C.hasFocus(o, i) && this.dom.addFocusBorderDivs(c, g, {});
     }
     t === "header" && this.dom.setAttribute(S, "data-ge-action", "drag-column");
     const ee = e.getCustomStyleAt(o, i);
     if (ee)
-      for (const v in ee)
-        this.dom.setStyle(S, v, ee[v]);
+      for (const C in ee)
+        this.dom.setStyle(S, C, ee[C]);
     return [S, D];
   }
   /**
@@ -2918,7 +2952,7 @@ class ht extends nt {
     if (r) {
       const a = e.index ?? 0, n = this.draggingColumn;
       for (let d = 0; d < r; d++) {
-        const c = s, h = i.getRowHeight(d), p = { left: 0, width: e.width, height: h, top: c, index: d }, u = i.getValueAt(d, a), g = i.getCellRenderer(d, a), b = g ? "" : `${u}`, f = {
+        const c = s, h = i.getRowHeight(d), p = { left: 0, width: e.width, height: h, top: c, index: d }, m = i.getValueAt(d, a), g = i.getCellRenderer(d, a), b = g ? "" : `${m}`, f = {
           parent: n,
           geo: p,
           rowIndex: d,
@@ -2926,17 +2960,17 @@ class ht extends nt {
           areaIdent: t,
           sideIdent: o,
           text: b
-        }, m = this.dom.addColumnDiv(f);
+        }, u = this.dom.addColumnDiv(f);
         let w;
-        g && (w = g.render(m, d, a, t, i, u, this.dom.domService), w && this.cleanupFunctions[t].push(w));
-        const C = i.getCustomClassesAt(d, a);
-        C.length && this.dom.addClasses(C, m);
+        g && (w = g.render(u, d, a, t, i, m, this.dom.domService), w && this.cleanupFunctions[t].push(w));
+        const v = i.getCustomClassesAt(d, a);
+        v.length && this.dom.addClasses(v, u);
         const A = this.tableModel.getColumnDef(a);
-        A && A.classes[t] && this.dom.addClasses(A.classes[t], m), this.dom.addColumnBorderDivs(this.tableOptions, n, p, t, o);
+        A && A.classes[t] && this.dom.addClasses(A.classes[t], u), this.dom.addColumnBorderDivs(this.tableOptions, n, p, t, o);
         const y = i.getCustomStyleAt(d, a);
         if (y)
           for (const S in y)
-            this.dom.setStyle(m, S, y[S]);
+            this.dom.setStyle(u, S, y[S]);
         s = s + h;
       }
     }
@@ -2989,9 +3023,9 @@ class ht extends nt {
   renderSelectedBackgroundDiv(e, t, s, o, i, r, a, n, d, c, h) {
     let p = !1;
     if (!e && t && o.isSelectable(i, r) && this.getSelectionModel) {
-      const u = this.getSelectionModel();
-      if (u) {
-        const g = u.getSelectionCount(i, r);
+      const m = this.getSelectionModel();
+      if (m) {
+        const g = m.getSelectionCount(i, r);
         p = g > 0;
         for (let b = 0; b < g; b++) {
           const f = this.dom.applyStylePosistionAbsolute(
@@ -3037,7 +3071,7 @@ class ht extends nt {
     cellSelected: h,
     lastRowOfModel: p
   }) {
-    const [u, g] = this.addAndRenderCellDiv({
+    const [m, g] = this.addAndRenderCellDiv({
       areaModel: e,
       areaIdent: t,
       sideIdent: s,
@@ -3050,7 +3084,7 @@ class ht extends nt {
       parent: c,
       lastRowOfModel: p
     });
-    h && this.dom.addClass(`ge-table-${t}-${s}-selected-range`, u), g && this.cleanupFunctions[t].push(g);
+    h && this.dom.addClass(`ge-table-${t}-${s}-selected-range`, m), g && this.cleanupFunctions[t].push(g);
   }
   /**
    * Render the header cell resize handle.
@@ -3120,8 +3154,8 @@ class ut {
     var i, r, a, n, d, c, h;
     let s = !1, o = !1;
     if (this.getSelectionModel && this.getFocusModel) {
-      const p = this.getSelectionModel(), u = this.getFocusModel();
-      p && u && (u.hasFocus(e.rowIndex, e.columnIndex) || (u.setFocus(e.rowIndex, e.columnIndex), this.tableScope.onFocusChanged(u), s = !0), (i = e.originalEvent) != null && i.shiftKey || p.hasSelection() && (p.clear(), s = !0), (r = e.originalEvent) != null && r.shiftKey && this.previousEvt ? (p.addSelection(this.createRangeByEvents(e, this.previousEvt)), o = !0, s = !0) : (a = e.originalEvent) != null && a.altKey && ((n = e.originalEvent) != null && n.ctrlKey || (d = e.originalEvent) != null && d.metaKey) ? (p.removeSelection(E.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (c = e.originalEvent) != null && c.ctrlKey || (h = e.originalEvent) != null && h.metaKey ? (p.addSelection(E.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (p.firstClick(e.rowIndex, e.columnIndex), s = !0), this.tableScope.onSelectionChanged(p));
+      const p = this.getSelectionModel(), m = this.getFocusModel();
+      p && m && (m.hasFocus(e.rowIndex, e.columnIndex) || (m.setFocus(e.rowIndex, e.columnIndex), this.tableScope.onFocusChanged(m), s = !0), (i = e.originalEvent) != null && i.shiftKey || p.hasSelection() && (p.clear(), s = !0), (r = e.originalEvent) != null && r.shiftKey && this.previousEvt ? (p.addSelection(this.createRangeByEvents(e, this.previousEvt)), o = !0, s = !0) : (a = e.originalEvent) != null && a.altKey && ((n = e.originalEvent) != null && n.ctrlKey || (d = e.originalEvent) != null && d.metaKey) ? (p.removeSelection(E.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (c = e.originalEvent) != null && c.ctrlKey || (h = e.originalEvent) != null && h.metaKey ? (p.addSelection(E.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (p.firstClick(e.rowIndex, e.columnIndex), s = !0), this.tableScope.onSelectionChanged(p));
     }
     return o ? this.previousEvt = void 0 : this.previousEvt = e == null ? void 0 : e.clone(), s;
   }
@@ -3455,7 +3489,7 @@ class xt {
     this.selectionType !== "none" && (this.allSelected = !1, this.selectionMode === "single" && (this.ranges = []), this.selectionType === "row" ? (e.c1 = 0, e.c2 = Number.MAX_SAFE_INTEGER) : this.selectionType === "column" ? (e.r1 = 0, e.r2 = Number.MAX_SAFE_INTEGER) : this.selectionType === "cell" ? (e.r2 = e.r1, e.c2 = e.c1) : this.selectionType, this.ranges.push(e), this.fireChangeEvent());
   }
 }
-class Ct {
+class vt {
   constructor(e = "none") {
     this.selectionType = e, this.rowIndex = -1, this.columnIndex = -1, this.changed = !1, this.listenerArr = [];
   }
@@ -3493,11 +3527,11 @@ class Ct {
   }
 }
 class De {
-  constructor(e = new I(
+  constructor(e = new k(
     "❯",
     "",
     ["gt-table-icon-expanded"]
-  ), t = new I(
+  ), t = new k(
     "❯",
     "transform: rotate(180deg) translate(-100%, -100%); transform-origin: 0 0;",
     ["ge-table-icon-collapsed"]
@@ -3506,17 +3540,17 @@ class De {
   }
   // `⊖ `,  `⊕ `;
 }
-const vt = new xt(), At = new Ct("cell");
+const Ct = new xt(), At = new vt("cell");
 class Fe {
   constructor() {
     this.overflowX = "auto", this.overflowY = "auto", this.horizontalBorderVisible = !0, this.verticalBorderVisible = !0, this.footerSeparatorBorderVisible = !0, this.headerSeparatorBorderVisible = !0, this.fixedEastSeparatorBorderVisible = !0, this.fixedWestSeparatorBorderVisible = !0, this.tableTopBorderVisible = !0, this.tableBottomBorderVisible = !0, this.hoverRowVisible = !0, this.hoverColumnVisible = !0, this.columnsResizable = !0, this.columnsDraggable = !0, this.columnResizeHandleWidthInPx = 4, this.defaultRowHeights = {
       header: 34,
       body: 34,
       footer: 34
-    }, this.footerVerticalSeparator = !1, this.headerToggleExpandCollapseIcons = !1, this.headerVerticalSeparator = !1, this.treeOptions = new Re(), this.headerGroupOptions = new De(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new Me(), this.sortOrder = ["asc", "desc"], this.shortcutActionsDisabled = !1, this.resizeEventDebounceDelay = 500, this.getEditRenderer = (e, t) => new wt(), this.getSelectionModel = () => vt, this.getFocusModel = () => At;
+    }, this.footerVerticalSeparator = !1, this.headerToggleExpandCollapseIcons = !1, this.headerVerticalSeparator = !1, this.treeOptions = new Re(), this.headerGroupOptions = new De(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new Me(), this.sortOrder = ["asc", "desc"], this.shortcutActionsDisabled = !1, this.resizeEventDebounceDelay = 500, this.getEditRenderer = (e, t) => new wt(), this.getSelectionModel = () => Ct, this.getFocusModel = () => At;
   }
 }
-const H = class H {
+const W = class W {
   /**
    * Returns the content to be copied based on the provided table model, selection model, and focus model.
    *
@@ -3539,9 +3573,9 @@ const H = class H {
               const h = t.isSelected(n, c) ? e.getBodyModel().getTextValueAt(n, c) : "";
               d.push(h);
             }
-            a.push(d.join(H.columnSeparatorChar));
+            a.push(d.join(W.columnSeparatorChar));
           }
-          return o(a.join(H.rowSeparatorChar));
+          return o(a.join(W.rowSeparatorChar));
         }
       }
       if (s) {
@@ -3598,9 +3632,9 @@ const H = class H {
     return t;
   }
 };
-H.columnSeparatorChar = "	", H.rowSeparatorChar = `
+W.columnSeparatorChar = "	", W.rowSeparatorChar = `
 `;
-let Y = H;
+let Y = W;
 class Et {
   constructor(e, t = 500) {
     this.tableScope = e, this.debounceDelay = t, new ResizeObserver(qe(this.handleResize.bind(this), t)).observe(this.tableScope.hostElement);
@@ -3691,8 +3725,8 @@ class Rt {
     let s = 0;
     const o = [];
     e.forEach((h, p) => {
-      const u = new TextEncoder().encode(p), g = new TextEncoder().encode(h), b = new Uint8Array(30 + u.length), f = new DataView(b.buffer);
-      b.set([80, 75, 3, 4], 0), f.setUint16(4, 20, !0), f.setUint16(6, 0, !0), f.setUint16(8, 0, !0), f.setUint16(10, 0, !0), f.setUint16(12, 0, !0), f.setUint32(14, 0, !0), f.setUint32(18, g.length, !0), f.setUint32(22, g.length, !0), f.setUint16(26, u.length, !0), f.setUint16(28, 0, !0), b.set(u, 30), t.push(b, g), o.push({
+      const m = new TextEncoder().encode(p), g = new TextEncoder().encode(h), b = new Uint8Array(30 + m.length), f = new DataView(b.buffer);
+      b.set([80, 75, 3, 4], 0), f.setUint16(4, 20, !0), f.setUint16(6, 0, !0), f.setUint16(8, 0, !0), f.setUint16(10, 0, !0), f.setUint16(12, 0, !0), f.setUint32(14, 0, !0), f.setUint32(18, g.length, !0), f.setUint32(22, g.length, !0), f.setUint16(26, m.length, !0), f.setUint16(28, 0, !0), b.set(m, 30), t.push(b, g), o.push({
         path: p,
         offset: s,
         contentSize: g.length
@@ -3700,8 +3734,8 @@ class Rt {
     });
     const i = s;
     o.forEach((h) => {
-      const p = new TextEncoder().encode(h.path), u = new Uint8Array(46 + p.length), g = new DataView(u.buffer);
-      u.set([80, 75, 1, 2], 0), g.setUint16(4, 20, !0), g.setUint16(6, 20, !0), g.setUint16(8, 0, !0), g.setUint16(10, 0, !0), g.setUint16(12, 0, !0), g.setUint16(14, 0, !0), g.setUint32(16, 0, !0), g.setUint32(20, h.contentSize, !0), g.setUint32(24, h.contentSize, !0), g.setUint16(28, p.length, !0), g.setUint16(30, 0, !0), g.setUint16(32, 0, !0), g.setUint16(34, 0, !0), g.setUint16(36, 0, !0), g.setUint32(38, 0, !0), g.setUint32(42, h.offset, !0), u.set(p, 46), t.push(u), s += u.length;
+      const p = new TextEncoder().encode(h.path), m = new Uint8Array(46 + p.length), g = new DataView(m.buffer);
+      m.set([80, 75, 1, 2], 0), g.setUint16(4, 20, !0), g.setUint16(6, 20, !0), g.setUint16(8, 0, !0), g.setUint16(10, 0, !0), g.setUint16(12, 0, !0), g.setUint16(14, 0, !0), g.setUint32(16, 0, !0), g.setUint32(20, h.contentSize, !0), g.setUint32(24, h.contentSize, !0), g.setUint16(28, p.length, !0), g.setUint16(30, 0, !0), g.setUint16(32, 0, !0), g.setUint16(34, 0, !0), g.setUint16(36, 0, !0), g.setUint32(38, 0, !0), g.setUint32(42, h.offset, !0), m.set(p, 46), t.push(m), s += m.length;
     });
     const r = new Uint8Array(22), a = new DataView(r.buffer);
     r.set([80, 75, 5, 6], 0), a.setUint16(4, 0, !0), a.setUint16(6, 0, !0), a.setUint16(8, o.length, !0), a.setUint16(10, o.length, !0), a.setUint32(12, s - i, !0), a.setUint32(16, i, !0), a.setUint16(20, 0, !0), t.push(r);
@@ -4144,9 +4178,6 @@ class pe extends ht {
   sort(e) {
     this.tableModel.sort(e);
   }
-  getDisplayedRowCount() {
-    return this.displayedRowCount;
-  }
   /**
    * Ensures that a specific row is visible in the viewport by scrolling if necessary.
    * This method checks if the target row is within the currently visible range and
@@ -4199,11 +4230,8 @@ class pe extends ht {
    * @see {@link getDisplayedRowCount} - Related method for getting visible row count
    */
   ensureRowIsVisible(e) {
-    const t = this.firstVisibleRowIndex, s = this.firstVisibleRowIndex + this.displayedRowCount - 1;
-    return e < t ? (this.scrollToIndex(0, e + 2), !0) : e > s ? (this.scrollToIndex(0, e - 2), !0) : !1;
-  }
-  getFirstVisibleRowIndex() {
-    return this.firstVisibleRowIndex;
+    const t = this.getFirstFullVisibleRowIndex(), s = this.getLastFullVisibleRowIndex(), o = this.getDisplayedRowCount();
+    return e < t ? (this.scrollToIndex(0, e), !0) : e > s ? (this.scrollToIndex(0, e - o + 1), !0) : !1;
   }
 }
 const J = class J {
@@ -4491,7 +4519,7 @@ const Ft = (l) => {
     tableModel: null,
     tableOptions: new Fe()
   }, l);
-  return We(() => {
+  return Ve(() => {
     const s = {
       onSelectionChanged(r) {
         const a = new CustomEvent("selectionChanged", {