@guiexpert/react-table 18.1.78 → 18.1.79

package/index.js

@@ -9,14 +9,14 @@ function le(p, e = 500) {
     }, e);
   };
 }
-class k {
+class I {
   // The constructor is private to prevent direct construction calls
   // with the `new` operator
   constructor() {
     this.alreadySet = !1;
   }
   static getInstance() {
-    return k.instance || (k.instance = new k()), k.instance;
+    return I.instance || (I.instance = new I()), I.instance;
   }
   /**
    * Method to set the license key for the application.
@@ -37,7 +37,7 @@ class k {
 function B(p) {
   return p && p.type === "TreeRow";
 }
-function V(p) {
+function $(p) {
   return p && p.type === "AreaModelTree";
 }
 class _ {
@@ -60,25 +60,25 @@ class _ {
     );
   }
 }
-class D {
+class F {
   constructor(e = ">", t = "", s = []) {
     this.content = e, this.style = t, this.classes = s;
   }
 }
 class Z {
-  constructor(e = new D(
+  constructor(e = new F(
     ">",
     "transform: rotate(90deg) translate(66%, -66%); transform-origin: 0 0;",
     ["gt-table-tree-arrow-expanded"]
-  ), t = new D(
+  ), t = new F(
     ">",
     "",
     ["ge-table-tree-arrow-collapsed"]
-  ), s = new D(
+  ), s = new F(
     ">",
     "color:transparent;",
     ["gt-table-tree-arrow-hidden"]
-  ), o = new D(
+  ), o = new F(
     "↕",
     "",
     ["gt-table-tree-arrow-expanded-all"]
@@ -87,7 +87,7 @@ class Z {
   }
 }
 class Q {
-  constructor(e = new D("↑", "", ["ge-header-sorted-asc"]), t = new D("↓", "", ["ge-header-sorted-desc"]), s = new D("↑", "color:transparent;", [])) {
+  constructor(e = new F("↑", "", ["ge-header-sorted-asc"]), t = new F("↓", "", ["ge-header-sorted-desc"]), s = new F("↑", "color:transparent;", [])) {
     this.iconAsc = e, this.iconDesc = t, this.iconPlaceholder = s;
   }
 }
@@ -177,12 +177,12 @@ class ne {
     return this.domService.appendChild(e.child, a), a;
   }
   addColumnDiv(e) {
-    const { parent: t, geo: s, rowIndex: o = -1, columnIndex: i = -1, areaIdent: r, sideIdent: l, text: a = "", treeArrow: n, tableOptions: c, checkedType: h = void 0, sortState: d } = 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: l, text: a = "", treeArrow: n, tableOptions: c, checkedType: h = void 0, sortState: d } = 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" && l === "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`), n && n !== "none" && (this.domService.addClass(b, "ge-table-col-tree"), this.addArrowDiv(b, n, u, o, i, r)), g && i === 0 && h && this.addCheckboxToDiv(b, h, r, o), a) {
-      const m = n !== "none" && i === 0;
-      this.addLabelDiv(b, a, m, o, i, r);
+    if (r === "body" && l === "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`), n && n !== "none" && (this.domService.addClass(b, "ge-table-col-tree"), this.addArrowDiv(b, n, m, o, i, r)), g && i === 0 && h && this.addCheckboxToDiv(b, h, r, o), a) {
+      const u = n !== "none" && i === 0;
+      this.addLabelDiv(b, a, u, o, i, r);
     }
     return d && this.addSortedIcon(b, d, c == null ? void 0 : c.sortedOptions, i), this.domService.appendChild(t, b), b;
   }
@@ -536,7 +536,7 @@ class pe {
     return s * ("" + e).localeCompare("" + t);
   }
 }
-class F extends he {
+class D extends he {
   constructor(e, t, s, o = [], i = "ge-selected-row", r = "ge-focused-row") {
     super(e, o, s), this.areaIdent = e, this.rows = t, this.defaultRowHeight = s, this.columnDefs = o, this.selectedRowClass = i, this.focusedRowClass = r, this.sorterService = new pe(), this._focusedRowIndex = 0, this.filteredRows = [...t], this.properties = o.map((l) => l.property);
   }
@@ -922,7 +922,7 @@ class ge {
    */
   setRows(e) {
     const t = this.getBodyModel();
-    t instanceof F ? t.setRows(e) : console.warn("setRows<T>(rows: T[]) only works with AreaModelObjectArray<T>, but this body area model is ", typeof t, t);
+    t instanceof D ? t.setRows(e) : console.warn("setRows<T>(rows: T[]) only works with AreaModelObjectArray<T>, but this body area model is ", typeof t, t);
   }
   /**
    * Adds new rows to the end of the table body.
@@ -940,7 +940,7 @@ class ge {
    */
   addRows(e) {
     const t = this.getBodyModel();
-    if (t instanceof F) {
+    if (t instanceof D) {
       const s = t;
       let o = s.getAllRows();
       s.setRows([...o, ...e]);
@@ -965,7 +965,7 @@ class ge {
    */
   addRowsAt(e, t) {
     const s = this.getBodyModel();
-    if (s instanceof F) {
+    if (s instanceof D) {
       const o = s;
       let i = o.getAllRows();
       o.setRows([...i.slice(0, t), ...e, ...i.slice(t)]);
@@ -991,7 +991,7 @@ class ge {
    */
   removeRows(e, t = (s, o) => s === o) {
     const s = this.getBodyModel();
-    if (s instanceof F) {
+    if (s instanceof D) {
       const o = s, i = o.getAllRows().filter((r) => !e.some((l) => t(r, l)));
       o.setRows(i);
     } else
@@ -1032,7 +1032,7 @@ class ge {
    */
   findRows(e, t = (s, o) => s === o) {
     const s = this.getBodyModel();
-    return s instanceof F ? s.getAllRows().filter((i) => e.some((r) => t(i, r))) : (console.warn("findRows<T>(rows: T[], predicate: (a: T, b: T) => boolean) only works with AreaModelObjectArray<T>, but this body area model is ", typeof s, s), []);
+    return s instanceof D ? s.getAllRows().filter((i) => e.some((r) => t(i, r))) : (console.warn("findRows<T>(rows: T[], predicate: (a: T, b: T) => boolean) only works with AreaModelObjectArray<T>, but this body area model is ", typeof s, s), []);
   }
   /**
    * Searches through the filtered rows of the table to find a row that matches specific criteria.
@@ -1089,7 +1089,7 @@ class ge {
    */
   findRowFromFilteredRowsByAllCriteria(e, t) {
     const s = this.getBodyModel();
-    if (s instanceof F)
+    if (s instanceof D)
       return s.getFilteredRows().find((i) => t(e, i));
     console.warn("findRowFromFilteredRowsByAllCriteria(...) only works with AreaModelObjectArray<T>, but this body area model is ", typeof s, s);
   }
@@ -1136,7 +1136,7 @@ class ge {
    */
   findRowFromAllRowsByAllCriteria(e, t) {
     const s = this.getBodyModel();
-    if (s instanceof F)
+    if (s instanceof D)
       return s.getAllRows().find((i) => t(e, i));
     console.warn("findRowFromAllRowsByAllCriteria(...) only works with AreaModelObjectArray<T>, but this body area model is ", typeof s, s);
   }
@@ -1161,7 +1161,7 @@ class ge {
    */
   updateRows(e, t = (s, o) => s === o) {
     const s = this.getBodyModel();
-    if (s instanceof F) {
+    if (s instanceof D) {
       let i = s.getAllRows();
       for (const r of i)
         for (const l of e)
@@ -1330,6 +1330,21 @@ class ge {
   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 z {
   constructor(e) {
@@ -1656,7 +1671,7 @@ class Se {
     this.dom.setStyle(this.contentWrapperDiv, "width", e), this.dom.setStyle(this.contentWrapperDiv, "height", t);
   }
 }
-class A {
+class R {
   /**
    * Represents a constructor for a class.
    * @constructor
@@ -1670,7 +1685,7 @@ class A {
     this.r1 = e, this.c1 = t, this.r2 = s, this.c2 = o, this.gammaRange = i;
   }
   static create(e) {
-    return e.gammaRange === void 0 && (e.gammaRange = !1), new A(
+    return e.gammaRange === void 0 && (e.gammaRange = !1), new R(
       e.rowIndex1,
       e.columnIndex1,
       e.rowIndex2,
@@ -1679,13 +1694,13 @@ class A {
     );
   }
   static singleCell(e, t) {
-    return new A(e, t, e, t);
+    return new R(e, t, e, t);
   }
   static singleRow(e) {
-    return new A(e, 0, e, Number.MAX_SAFE_INTEGER);
+    return new R(e, 0, e, Number.MAX_SAFE_INTEGER);
   }
   static singleColumn(e) {
-    return new A(0, e, Number.MAX_SAFE_INTEGER, e);
+    return new R(0, e, Number.MAX_SAFE_INTEGER, e);
   }
   isInRange(e, t) {
     return e >= this.r1 && e <= this.r2 && t >= this.c1 && t <= this.c2;
@@ -1707,7 +1722,7 @@ class ye {
           i === 0 && (i = 1), r === 0 && (r = 1);
           const l = "gammaCells" in this.areaModel;
           this.colAndRowspanRanges.push(
-            new A(s, o, s + r - 1, o + i - 1, l)
+            new R(s, o, s + r - 1, o + i - 1, l)
           );
         }
       }
@@ -1732,11 +1747,11 @@ class we {
 class xe extends Se {
   constructor(e, t, s, o) {
     var r, l;
-    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 we(), 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), (l = this.tableOptions) != null && l.getFocusModel && (this.getFocusModel = this.tableOptions.getFocusModel), V(t.getAreaModel("body")) && (this.tree = !0), ["header", "body", "footer"].forEach(
+    }, this.tree = !1, this.colAndRowspanModels = new we(), this.draggingTargetColumnIndex = -1, this.removables = [], this.tableModel.getSelectionModel ? this.getSelectionModel = this.tableModel.getSelectionModel : (r = this.tableOptions) != null && r.getSelectionModel && (this.getSelectionModel = this.tableOptions.getSelectionModel), (l = this.tableOptions) != null && l.getFocusModel && (this.getFocusModel = this.tableOptions.getFocusModel), $(t.getAreaModel("body")) && (this.tree = !0), ["header", "body", "footer"].forEach(
       (a) => {
         var n;
         this.colAndRowspanModels[a] = new ye(t, t.getAreaModel(a)), (n = this.colAndRowspanModels[a]) == null || n.init();
@@ -1889,12 +1904,27 @@ class xe extends Se {
       }
       const d = r.getCustomClassesAt(t, s);
       d.length && this.dom.addClasses(d, a);
-      const u = r.getCustomStyleAt(t, s);
-      if (u)
-        for (const g in u)
-          this.dom.setStyle(a, g, u[g]);
+      const m = r.getCustomStyleAt(t, s);
+      if (m)
+        for (const g in m)
+          this.dom.setStyle(a, 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.
    *
@@ -1995,16 +2025,17 @@ class xe extends Se {
     s.child.innerText = "", o.child.innerText = "", i.child.innerText = "";
     const l = 0, a = this.areaBodyCenterGeo.width, n = 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 d = t;
-    const u = this.tableModel.getColumnCount(), g = this.tableModel.getFixedRightColumnCount(), b = this.tableModel.getFixedLeftColumnCount();
-    for (let m = 0; m < h; m++) {
-      const w = d, S = m === h - 1, v = 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 = d, S = u === h - 1, v = this.tableModel.getRowHeight(e, u);
       if (w + v > 0) {
-        this.firstVisibleRowIndex = m;
-        let x = { left: l, width: a, height: v, top: w, index: m }, y = this.dom.addRowDiv(o, x, m, e, "center");
+        e === "body" && this.firstVisibleRowIndex === -1 && (this.firstVisibleRowIndex = u, this.firstFullVisibleRowIndex = w < -this.pixelLimitForFullVisible ? this.firstVisibleRowIndex + 1 : this.firstVisibleRowIndex);
+        let x = { left: l, width: a, height: v, top: w, index: u }, y = this.dom.addRowDiv(o, x, u, e, "center");
         const M = b;
         if (this.adjustColumnsToRowParent({
           areaIdent: e,
@@ -2012,61 +2043,64 @@ class xe extends Se {
           areaModel: c,
           geo: x,
           parent: y,
-          rowIndex: m,
+          rowIndex: u,
           columnIndexStart: M,
-          columnIndexEnd: u - g - 1,
+          columnIndexEnd: m - g - 1,
           verticalFixed: !1,
           lastRowOfModel: S
-        }), n.left > 0 && (x = { left: l, width: this.areaBodyWestGeo.width, height: v, top: w, index: m }, y = this.dom.addRowDiv(s, x, m, e, "west"), this.adjustColumnsToRowParent({
+        }), n.left > 0 && (x = { left: l, width: this.areaBodyWestGeo.width, height: v, top: w, index: u }, y = this.dom.addRowDiv(s, x, u, e, "west"), this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "west",
           areaModel: c,
           geo: x,
           parent: y,
-          rowIndex: m,
+          rowIndex: u,
           columnIndexStart: 0,
           columnIndexEnd: M - 1,
           verticalFixed: !0,
           lastRowOfModel: S
-        })), n.right > 0 && (x = { left: l, width: this.areaBodyEastGeo.width, height: v, top: w, index: m }, y = this.dom.addRowDiv(i, x, m, e, "east"), this.adjustColumnsToRowParent({
+        })), n.right > 0 && (x = { left: l, width: this.areaBodyEastGeo.width, height: v, top: w, index: u }, y = this.dom.addRowDiv(i, x, u, e, "east"), this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "east",
           areaModel: c,
           geo: x,
           parent: y,
-          rowIndex: m,
-          columnIndexStart: u - g,
-          columnIndexEnd: u - 1,
+          rowIndex: u,
+          columnIndexStart: m - g,
+          columnIndexEnd: m - 1,
           verticalFixed: !0,
           lastRowOfModel: S
-        })), e === "header" && this.tree && m === h - 1) {
-          const E = this.dom.applyStyle(
+        })), e === "header" && this.tree && u === h - 1) {
+          const A = this.dom.applyStyle(
             this.dom.setAttribute(
               this.dom.addDiv(y, new T(16, 20, 20, 8)),
               "data-ge-action",
               "toggleExpandCollapseAll"
             ),
             { cursor: "pointer" }
-          ), R = this.tableOptions.treeOptions.arrowExpandCollapseAll;
-          if (R) {
-            const L = this.dom.domService.createText(R.content);
-            this.dom.domService.appendChild(E, L), R.style && this.dom.applyStyleString(E, R.style);
+          ), E = this.tableOptions.treeOptions.arrowExpandCollapseAll;
+          if (E) {
+            const O = this.dom.domService.createText(E.content);
+            this.dom.domService.appendChild(A, O), E.style && this.dom.applyStyleString(A, E.style);
           }
         }
       }
       if (d = d + v, d > r) {
-        e === "body" && (this.displayedRowCount = this.firstVisibleRowIndex - m);
+        e === "body" && (this.lastVisibleRowIndex = u, this.lastFullVisibleRowIndex = r - d < -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) {
+    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 S = 0, v = o.child, x = "center";
           if (w.c1 < b)
             v = s.child, x = "west";
-          else if (g > 0 && w.c1 >= u - g)
+          else if (g > 0 && w.c1 >= m - g)
             v = i.child, x = "east";
           else {
             const y = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
@@ -2087,10 +2121,10 @@ class xe extends Se {
    * @protected
    */
   drawBigCell(e, t, s, o, i, r) {
-    const l = s + this.getRowHeights(0, e.r1 - 1, o).reduce((f, m) => f + m, 0), a = this.tableModel.getColumnCount(), n = this.tableModel.getFixedRightColumnCount();
+    const l = s + this.getRowHeights(0, e.r1 - 1, o).reduce((f, u) => f + u, 0), a = this.tableModel.getColumnCount(), n = this.tableModel.getFixedRightColumnCount();
     let c = 0;
     n > 0 && e.c1 >= a - n && (c = a - n);
-    const h = t + this.getColumnWidths(c, e.c1 - 1).reduce((f, m) => f + m, 0), d = 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), d = 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({
@@ -2101,7 +2135,7 @@ class xe extends Se {
       columnIndex: e.c1,
       left: h,
       top: l,
-      width: u,
+      width: m,
       height: d,
       parent: i,
       cellSelected: g,
@@ -2115,7 +2149,7 @@ class xe extends Se {
       columnIndex: e.c1,
       left: h,
       top: l,
-      width: u,
+      width: m,
       height: d,
       parent: i,
       cellSelected: g,
@@ -2126,7 +2160,7 @@ class xe extends Se {
       columnIndex: e.c1,
       cellLeft: h,
       cellTop: l,
-      cellWidth: u,
+      cellWidth: m,
       cellHeight: d,
       parent: i
     });
@@ -2177,41 +2211,41 @@ class xe extends Se {
       const f = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
       h = this.scrollFactorX * f;
     }
-    const d = 0, u = !!(e === "body" && t);
+    const d = 0, m = !!(e === "body" && t);
     let g = h;
     for (let f = l; f <= a; f++) {
-      const m = g, w = this.tableModel.getColumnWidth(f);
-      if (w > 0 && m + w > 0) {
+      const u = g, w = this.tableModel.getColumnWidth(f);
+      if (w > 0 && u + w > 0) {
         let S = o.height;
         const v = s.getRowspanAt(r, f), x = s.getColspanAt(r, f);
-        v > 1 && (S = this.getRowHeights(r, r + v - 1, s).reduce((E, R) => E + R, 0));
+        v > 1 && (S = this.getRowHeights(r, r + v - 1, s).reduce((A, E) => A + E, 0));
         let y = w;
-        x > 1 && (y = this.getColumnWidths(f, f + x - 1).reduce((E, R) => E + R, 0));
+        x > 1 && (y = this.getColumnWidths(f, f + x - 1).reduce((A, E) => A + E, 0));
         let M = !1;
         if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (b = this.colAndRowspanModels[e]) != null && b.isInRange(r, f) && (M = !0), this.draggingTargetColumnIndex === f && e !== "header") {
-          this.renderDragTargetDiv(i, m, d, y, S);
-          const E = { left: m, top: d, width: y, height: S };
-          this.dom.addColumnBorderDivs(this.tableOptions, i, E, e, t);
+          this.renderDragTargetDiv(i, u, d, y, S);
+          const A = { left: u, top: d, width: y, height: S };
+          this.dom.addColumnBorderDivs(this.tableOptions, i, A, e, t);
         } else {
-          const E = this.renderSelectedBackgroundDiv(M, u, t, s, r, f, i, m, d, y, S);
+          const A = this.renderSelectedBackgroundDiv(M, m, t, s, r, f, i, u, d, y, S);
           "gammaCells" in s && s.getValueAt(r, f) && (M = !1), M || this.renderCell({
             areaModel: s,
             areaIdent: e,
             sideIdent: t,
             rowIndex: r,
             columnIndex: f,
-            left: m,
+            left: u,
             top: d,
             width: y,
             height: S,
             parent: i,
-            cellSelected: E,
+            cellSelected: A,
             lastRowOfModel: c,
             gammaRange: !0
           }), e === "header" && this.tableOptions.columnsResizable && this.renderHeaderCellResizeHandle({
             rowIndex: r,
             columnIndex: f,
-            cellLeft: m,
+            cellLeft: u,
             cellTop: d,
             cellWidth: y,
             cellHeight: S,
@@ -2250,7 +2284,7 @@ class xe extends Se {
     lastRowOfModel: h
   }) {
     var j;
-    const u = this.editorRenderer && this.editorRendererRow === o && this.editorRendererColumn === i ? this.editorRenderer : e.getCellRenderer(o, i), g = { left: r, width: l, height: a, top: n, 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: l, height: a, top: n, index: i }, b = e.getRowByIndex(o);
     let f = "none";
     if (i === this.getTreeArrowColumnIndex() && B(b)) {
       const C = b;
@@ -2261,7 +2295,7 @@ class xe extends Se {
       const C = this.tableModel.getColumnDef(i);
       (!(C != null && C.sortIconVisible) || C != null && C.sortIconVisible()) && (w = C == null ? void 0 : C.sortState);
     }
-    const S = e.getValueAt(o, i), v = u ? "" : `${S}`, x = e.isRowChecked(o), y = this.dom.addColumnDiv(
+    const S = e.getValueAt(o, i), v = m ? "" : `${S}`, x = e.isRowChecked(o), y = this.dom.addColumnDiv(
       {
         parent: c,
         geo: g,
@@ -2277,21 +2311,21 @@ class xe extends Se {
       }
     ), M = e.getTooltipAt(o, i);
     M && this.dom.setAttribute(y, "title", M);
-    const E = this.tableModel.getColumnDef(i);
-    E && E.classes[t] && this.dom.addClasses(E.classes[t], y);
-    let R;
-    u && (R = u.render(y, o, i, t, e, S, this.dom.domService));
-    const L = e.getCustomClassesAt(o, i);
-    if (L.length && this.dom.addClasses(L, y), this.dom.addColumnBorderDivs(this.tableOptions, c, g, t, s), h && this.dom.addHorizontalBorder({ left: r, width: l, height: a, top: n + a }, c), this.getFocusModel && t === "body") {
+    const A = this.tableModel.getColumnDef(i);
+    A && A.classes[t] && this.dom.addClasses(A.classes[t], y);
+    let E;
+    m && (E = m.render(y, o, i, t, e, S, this.dom.domService));
+    const O = e.getCustomClassesAt(o, i);
+    if (O.length && this.dom.addClasses(O, y), this.dom.addColumnBorderDivs(this.tableOptions, c, g, t, s), h && this.dom.addHorizontalBorder({ left: r, width: l, height: a, top: n + a }, c), this.getFocusModel && t === "body") {
       const C = this.getFocusModel();
       C != null && C.hasFocus(o, i) && this.dom.addFocusBorderDivs(c, g, {});
     }
     t === "header" && this.dom.setAttribute(y, "data-ge-action", "drag-column");
-    const $ = e.getCustomStyleAt(o, i);
-    if ($)
-      for (const C in $)
-        this.dom.setStyle(y, C, $[C]);
-    return [y, R];
+    const H = e.getCustomStyleAt(o, i);
+    if (H)
+      for (const C in H)
+        this.dom.setStyle(y, C, H[C]);
+    return [y, E];
   }
   /**
    * Applies CSS classes to an HTML element.
@@ -2457,7 +2491,7 @@ class xe extends Se {
     if (r) {
       const l = e.index ?? 0, a = this.draggingColumn;
       for (let n = 0; n < r; n++) {
-        const c = s, h = i.getRowHeight(n), d = { left: 0, width: e.width, height: h, top: c, index: n }, u = i.getValueAt(n, l), g = i.getCellRenderer(n, l), b = g ? "" : `${u}`, f = {
+        const c = s, h = i.getRowHeight(n), d = { left: 0, width: e.width, height: h, top: c, index: n }, m = i.getValueAt(n, l), g = i.getCellRenderer(n, l), b = g ? "" : `${m}`, f = {
           parent: a,
           geo: d,
           rowIndex: n,
@@ -2465,17 +2499,17 @@ class xe extends Se {
           areaIdent: t,
           sideIdent: o,
           text: b
-        }, m = this.dom.addColumnDiv(f);
+        }, u = this.dom.addColumnDiv(f);
         let w;
-        g && (w = g.render(m, n, l, t, i, u, this.dom.domService), w && this.cleanupFunctions[t].push(w));
+        g && (w = g.render(u, n, l, t, i, m, this.dom.domService), w && this.cleanupFunctions[t].push(w));
         const S = i.getCustomClassesAt(n, l);
-        S.length && this.dom.addClasses(S, m);
+        S.length && this.dom.addClasses(S, u);
         const v = this.tableModel.getColumnDef(l);
-        v && v.classes[t] && this.dom.addClasses(v.classes[t], m), this.dom.addColumnBorderDivs(this.tableOptions, a, d, t, o);
+        v && v.classes[t] && this.dom.addClasses(v.classes[t], u), this.dom.addColumnBorderDivs(this.tableOptions, a, d, t, o);
         const x = i.getCustomStyleAt(n, l);
         if (x)
           for (const y in x)
-            this.dom.setStyle(m, y, x[y]);
+            this.dom.setStyle(u, y, x[y]);
         s = s + h;
       }
     }
@@ -2528,9 +2562,9 @@ class xe extends Se {
   renderSelectedBackgroundDiv(e, t, s, o, i, r, l, a, n, c, h) {
     let d = !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);
         d = g > 0;
         for (let b = 0; b < g; b++) {
           const f = this.dom.applyStylePosistionAbsolute(
@@ -2576,7 +2610,7 @@ class xe extends Se {
     cellSelected: h,
     lastRowOfModel: d
   }) {
-    const [u, g] = this.addAndRenderCellDiv({
+    const [m, g] = this.addAndRenderCellDiv({
       areaModel: e,
       areaIdent: t,
       sideIdent: s,
@@ -2589,7 +2623,7 @@ class xe extends Se {
       parent: c,
       lastRowOfModel: d
     });
-    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.
@@ -2637,7 +2671,7 @@ class ve {
     }
   }
 }
-class Ae {
+class Re {
   constructor(e = -1, t = -1) {
     this.rowIndex = e, this.columnIndex = t;
   }
@@ -2647,10 +2681,10 @@ class G {
     this.cells = e;
   }
   static createSingle(e, t) {
-    return new G([new Ae(e, t)]);
+    return new G([new Re(e, t)]);
   }
 }
-class Ee {
+class Ae {
   constructor(e) {
     var t, s;
     this.tableScope = e, (t = this.tableScope.tableOptions) != null && t.getSelectionModel && (this.getSelectionModel = this.tableScope.tableOptions.getSelectionModel), (s = this.tableScope.tableOptions) != null && s.getFocusModel && (this.getFocusModel = this.tableScope.tableOptions.getFocusModel);
@@ -2659,8 +2693,8 @@ class Ee {
     var i, r, l, a, n, c, h;
     let s = !1, o = !1;
     if (this.getSelectionModel && this.getFocusModel) {
-      const d = this.getSelectionModel(), u = this.getFocusModel();
-      d && 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 || d.hasSelection() && (d.clear(), s = !0), (r = e.originalEvent) != null && r.shiftKey && this.previousEvt ? (d.addSelection(this.createRangeByEvents(e, this.previousEvt)), o = !0, s = !0) : (l = e.originalEvent) != null && l.altKey && ((a = e.originalEvent) != null && a.ctrlKey || (n = e.originalEvent) != null && n.metaKey) ? (d.removeSelection(A.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (c = e.originalEvent) != null && c.ctrlKey || (h = e.originalEvent) != null && h.metaKey ? (d.addSelection(A.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (d.firstClick(e.rowIndex, e.columnIndex), s = !0), this.tableScope.onSelectionChanged(d));
+      const d = this.getSelectionModel(), m = this.getFocusModel();
+      d && 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 || d.hasSelection() && (d.clear(), s = !0), (r = e.originalEvent) != null && r.shiftKey && this.previousEvt ? (d.addSelection(this.createRangeByEvents(e, this.previousEvt)), o = !0, s = !0) : (l = e.originalEvent) != null && l.altKey && ((a = e.originalEvent) != null && a.ctrlKey || (n = e.originalEvent) != null && n.metaKey) ? (d.removeSelection(R.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (c = e.originalEvent) != null && c.ctrlKey || (h = e.originalEvent) != null && h.metaKey ? (d.addSelection(R.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (d.firstClick(e.rowIndex, e.columnIndex), s = !0), this.tableScope.onSelectionChanged(d));
     }
     return o ? this.previousEvt = void 0 : this.previousEvt = e == null ? void 0 : e.clone(), s;
   }
@@ -2683,7 +2717,7 @@ class Ee {
   createRangeByEvents(e, t) {
     t || (t = e);
     const s = Math.min(e.rowIndex, t == null ? void 0 : t.rowIndex), o = Math.max(e.rowIndex, t == null ? void 0 : t.rowIndex), i = Math.min(e.columnIndex, t == null ? void 0 : t.columnIndex), r = Math.max(e.columnIndex, t == null ? void 0 : t.columnIndex);
-    return A.create({
+    return R.create({
       rowIndex1: s,
       columnIndex1: i,
       rowIndex2: o,
@@ -2691,7 +2725,7 @@ class Ee {
     });
   }
 }
-class Re {
+class Ee {
   get() {
     return {
       f2: "START_EDITING",
@@ -2749,7 +2783,7 @@ function X(p) {
   let t = "";
   return p.ctrlKey && (t += " ctrl"), p.altKey && (t += t + " alt"), p.shiftKey && (t += t + " shift"), p.metaKey && (t += t + " cmd"), Te(t + " " + e);
 }
-class De {
+class Fe {
   constructor(e) {
     this.tableScope = e, this.shortcutActionIdMapping = {}, this.listener = [], this.listener.push(e), this.init();
   }
@@ -2771,7 +2805,7 @@ class De {
     (t = (e = this.tableScope) == null ? void 0 : e.tableOptions) != null && t.shortcutActionsDisabled ? this.isDebug() && console.debug("ShortcutService skipped.") : (this.assignPredefinedSystemShortcutMappings(), Object.assign(this.shortcutActionIdMapping, this.tableScope.tableOptions.shortcutActionIdMapping), this.isDebug() && console.debug("ShortcutService", this.shortcutActionIdMapping), this.tableScope.hostElement.addEventListener("keydown", this.onKeyDown.bind(this)));
   }
   assignPredefinedSystemShortcutMappings() {
-    this.isMacintosh() ? Object.assign(this.shortcutActionIdMapping, new Me().get()) : Object.assign(this.shortcutActionIdMapping, new Re().get());
+    this.isMacintosh() ? Object.assign(this.shortcutActionIdMapping, new Me().get()) : Object.assign(this.shortcutActionIdMapping, new Ee().get());
   }
   isMacintosh() {
     return navigator.platform.indexOf("Mac") > -1;
@@ -2891,7 +2925,7 @@ class ee {
     e.setAttribute(t, s);
   }
 }
-class Fe {
+class De {
   render(e, t, s, o, i, r, l) {
     if (i.isEditable(t, s)) {
       l.addClass(e, "ge-table-row-input-div");
@@ -2912,7 +2946,7 @@ class Fe {
     }
   }
 }
-class ke {
+class Ie {
   constructor(e = "none", t = "single") {
     this.selectionType = e, this.selectionMode = t, this.ranges = [], this.negativeRanges = [], this.allSelected = !1, this.silent = !1, this.listenerArr = [];
   }
@@ -2931,7 +2965,7 @@ class ke {
     this.silent || this.listenerArr.forEach((e) => e.onSelectionChanged(this));
   }
   firstClick(e, t) {
-    this.selectionType === "row" ? this.addRange(A.singleRow(e)) : this.selectionType === "column" && this.addRange(A.singleColumn(t));
+    this.selectionType === "row" ? this.addRange(R.singleRow(e)) : this.selectionType === "column" && this.addRange(R.singleColumn(t));
   }
   getSelectionCount(e, t) {
     let s = 0;
@@ -2982,10 +3016,10 @@ class ke {
     if (this.selectionType === "none")
       return;
     let t = e;
-    this.selectionType === "row" ? t = A.singleRow(e.r1) : this.selectionType === "column" && (t = A.singleColumn(e.c1)), this.negativeRanges.push(t), this.fireChangeEvent();
+    this.selectionType === "row" ? t = R.singleRow(e.r1) : this.selectionType === "column" && (t = R.singleColumn(e.c1)), this.negativeRanges.push(t), this.fireChangeEvent();
   }
   togglePoint(e, t) {
-    this.getSelectionCount(e, t) > 0 ? this.removeSelection(A.singleCell(e, t)) : this.addSelection(A.singleCell(e, t));
+    this.getSelectionCount(e, t) > 0 ? this.removeSelection(R.singleCell(e, t)) : this.addSelection(R.singleCell(e, t));
   }
   isSelected(e, t) {
     return this.getSelectionCount(e, t) > 0;
@@ -2994,7 +3028,7 @@ class ke {
     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 Ie {
+class ke {
   constructor(e = "none") {
     this.selectionType = e, this.rowIndex = -1, this.columnIndex = -1, this.changed = !1, this.listenerArr = [];
   }
@@ -3032,11 +3066,11 @@ class Ie {
   }
 }
 class te {
-  constructor(e = new D(
+  constructor(e = new F(
     "❯",
     "",
     ["gt-table-icon-expanded"]
-  ), t = new D(
+  ), t = new F(
     "❯",
     "transform: rotate(180deg) translate(-100%, -100%); transform-origin: 0 0;",
     ["ge-table-icon-collapsed"]
@@ -3045,17 +3079,17 @@ class te {
   }
   // `⊖ `,  `⊕ `;
 }
-const Oe = new ke(), Le = new Ie("cell");
+const Le = new Ie(), Oe = new ke("cell");
 class se {
   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 Z(), this.headerGroupOptions = new te(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new Q(), this.sortOrder = ["asc", "desc"], this.shortcutActionsDisabled = !1, this.resizeEventDebounceDelay = 500, this.getEditRenderer = (e, t) => new Fe(), this.getSelectionModel = () => Oe, this.getFocusModel = () => Le;
+    }, this.footerVerticalSeparator = !1, this.headerToggleExpandCollapseIcons = !1, this.headerVerticalSeparator = !1, this.treeOptions = new Z(), this.headerGroupOptions = new te(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new Q(), this.sortOrder = ["asc", "desc"], this.shortcutActionsDisabled = !1, this.resizeEventDebounceDelay = 500, this.getEditRenderer = (e, t) => new De(), this.getSelectionModel = () => Le, this.getFocusModel = () => Oe;
   }
 }
-const O = class O {
+const L = class L {
   /**
    * Returns the content to be copied based on the provided table model, selection model, and focus model.
    *
@@ -3078,9 +3112,9 @@ const O = class O {
               const h = t.isSelected(a, c) ? e.getBodyModel().getTextValueAt(a, c) : "";
               n.push(h);
             }
-            l.push(n.join(O.columnSeparatorChar));
+            l.push(n.join(L.columnSeparatorChar));
           }
-          return o(l.join(O.rowSeparatorChar));
+          return o(l.join(L.rowSeparatorChar));
         }
       }
       if (s) {
@@ -3133,13 +3167,13 @@ const O = class O {
   mergeRanges(e) {
     let t;
     for (const s of e)
-      t ? (t.r1 = Math.min(t.r1, s.r1), t.c1 = Math.min(t.c1, s.c1), t.r2 = Math.max(t.r2, s.r2), t.c2 = Math.max(t.c2, s.c2)) : t = new A(s.r1, s.c1, s.r2, s.c2);
+      t ? (t.r1 = Math.min(t.r1, s.r1), t.c1 = Math.min(t.c1, s.c1), t.r2 = Math.max(t.r2, s.r2), t.c2 = Math.max(t.c2, s.c2)) : t = new R(s.r1, s.c1, s.r2, s.c2);
     return t;
   }
 };
-O.columnSeparatorChar = "	", O.rowSeparatorChar = `
+L.columnSeparatorChar = "	", L.rowSeparatorChar = `
 `;
-let P = O;
+let P = L;
 class Be {
   constructor(e, t = 500) {
     this.tableScope = e, this.debounceDelay = t, new ResizeObserver(le(this.handleResize.bind(this), t)).observe(this.tableScope.hostElement);
@@ -3230,8 +3264,8 @@ class Pe {
     let s = 0;
     const o = [];
     e.forEach((h, d) => {
-      const u = new TextEncoder().encode(d), 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(d), 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: d,
         offset: s,
         contentSize: g.length
@@ -3239,8 +3273,8 @@ class Pe {
     });
     const i = s;
     o.forEach((h) => {
-      const d = new TextEncoder().encode(h.path), u = new Uint8Array(46 + d.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, d.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(d, 46), t.push(u), s += u.length;
+      const d = new TextEncoder().encode(h.path), m = new Uint8Array(46 + d.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, d.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(d, 46), t.push(m), s += m.length;
     });
     const r = new Uint8Array(22), l = new DataView(r.buffer);
     r.set([80, 75, 5, 6], 0), l.setUint16(4, 0, !0), l.setUint16(6, 0, !0), l.setUint16(8, o.length, !0), l.setUint16(10, o.length, !0), l.setUint32(12, s - i, !0), l.setUint32(16, i, !0), l.setUint16(20, 0, !0), t.push(r);
@@ -3258,11 +3292,11 @@ class Pe {
 class U extends xe {
   constructor(e, t, s, o, i, r = new P(), l = new Pe()) {
     var c;
-    if (super(e, t, new ne(s), o), this.eventListener = i, this.copyService = r, this.excelService = l, this.licenseManager = k.getInstance(), this.selectionService = new Ee(this), this.api = new ge(this), this.mouseStartAction = "", this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, this.lastDragFrom = -1, this.lastDragTo = -1, this.firstDraggingRendering = !0, this.lastContextmenu = Date.now(), t.setTableScope(this), i || (this.eventListener = new K()), (c = this.tableOptions) != null && c.autoRestoreOptions) {
+    if (super(e, t, new ne(s), o), this.eventListener = i, this.copyService = r, this.excelService = l, this.licenseManager = I.getInstance(), this.selectionService = new Ae(this), this.api = new ge(this), this.mouseStartAction = "", this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, this.lastDragFrom = -1, this.lastDragTo = -1, this.firstDraggingRendering = !0, this.lastContextmenu = Date.now(), t.setTableScope(this), i || (this.eventListener = new K()), (c = this.tableOptions) != null && c.autoRestoreOptions) {
       const h = this.tableOptions.autoRestoreOptions, d = h.getStorageKeyFn;
       d && (h.autoRestoreScrollPosition && (this.storeScrollPosStateService = new fe(d)), h.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new me(d)), h.autoRestoreSortingState && (this.storeSortingService = new be(d)));
     }
-    this.mouseHandler = new de(this), this.inputHandler = new ve(this), this.resizeHandler = new Be(this, o.resizeEventDebounceDelay), this.shortcutService = new De(this), this.shortcutService.addListener(this.selectionService);
+    this.mouseHandler = new de(this), this.inputHandler = new ve(this), this.resizeHandler = new Be(this, o.resizeEventDebounceDelay), this.shortcutService = new Fe(this), this.shortcutService.addListener(this.selectionService);
     const a = this.getSelectionModel ? this.getSelectionModel() : void 0;
     a && a.addEventSelectionChangedListener(this);
     const n = this.getFocusModel ? this.getFocusModel() : void 0;
@@ -3414,7 +3448,7 @@ class U extends xe {
   toggleExpandCollapseAll(e = !0) {
     var s;
     const t = this.tableModel.getBodyModel();
-    V(t) && (t.toggleExpandCollapseAll(e), this.repaint(), (s = this.storeStateCollapsedExpandService) == null || s.collapsedStateAll(e));
+    $(t) && (t.toggleExpandCollapseAll(e), this.repaint(), (s = this.storeStateCollapsedExpandService) == null || s.collapsedStateAll(e));
   }
   /**
    * Toggles the checkbox state of a specific row in a table.
@@ -3630,7 +3664,7 @@ class U extends xe {
       const s = this.tableOptions.autoRestoreOptions, o = s.getRowId;
       if (s.autoRestoreCollapsedExpandedState && o) {
         const i = this.storeStateCollapsedExpandService.collapsedExpandedStateGet(), r = this.tableModel.getAreaModel("body");
-        if (V(r)) {
+        if ($(r)) {
           const l = r, a = r.getRowCount();
           for (let n = 0; n < a; n++) {
             const c = r.getRowByIndex(n);
@@ -3683,9 +3717,6 @@ class U extends xe {
   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
@@ -3738,16 +3769,13 @@ class U extends xe {
    * @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 + this.displayedRowCount - 3), !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 W = class W {
+const V = class V {
 };
-W.themes = ["light", "combat", "paper", "blackboard"], W.vars = {
+V.themes = ["light", "combat", "paper", "blackboard"], V.vars = {
   light: `html[data-theme="light"] {
   --ge-table-bg: rgba(255,255,255, 0.5);
   --ge-table-header-west-bg: rgba(233, 233, 233, 0.5);
@@ -3981,15 +4009,15 @@ W.themes = ["light", "combat", "paper", "blackboard"], W.vars = {
   --ge-table-drop-zone-bg: #758129;
 }`
 };
-let Y = W;
-const H = class H {
+let Y = V;
+const W = class W {
   constructor(e = new te()) {
     this.headerGroupOptions = e;
   }
   render(e, t, s, o, i, r, l) {
     const a = r != null && r.data ? r.data : "";
     if (r) {
-      const { toggle: n, visibility: c, closed: h } = r, d = n ? H.toggleHeaderGroup : "";
+      const { toggle: n, visibility: c, closed: h } = r, d = n ? W.toggleHeaderGroup : "";
       this.addText(e, o, t, s, a, d), n && c !== "always" && this.addArrowDiv(l, e, !h, t, s, o, d);
     } else
       this.addText(e, o, t, s, a, "");
@@ -4021,8 +4049,8 @@ const H = class H {
     }
   }
 };
-H.toggleHeaderGroup = "toggleHeaderGroup";
-let q = H;
+W.toggleHeaderGroup = "toggleHeaderGroup";
+let q = W;
 function Ne({
   tableModel: p,
   tableOptions: e = new se(),
@@ -4038,13 +4066,13 @@ function Ne({
   tableReady: h,
   licenseKey: d
 }) {
-  const u = ie(null);
+  const m = ie(null);
   let g = !1;
   re(() => {
-    u.current && !g && (b(u.current), g = !0);
+    m.current && !g && (b(m.current), g = !0);
   });
   const b = (f) => {
-    const m = {
+    const u = {
       onSelectionChanged(S) {
         n && n(S);
       },
@@ -4077,14 +4105,14 @@ function Ne({
       p,
       new ee(),
       e,
-      m
+      u
     );
-    w.firstInit(), h && h(w.getApi()), d && k.getInstance().setLicenseKey(d);
+    w.firstInit(), h && h(w.getApi()), d && I.getInstance().setLicenseKey(d);
   };
   return /* @__PURE__ */ oe(
     "div",
     {
-      ref: u,
+      ref: m,
       className: "container-div",
       style: {
         width: "100%",
@@ -4096,23 +4124,23 @@ function Ne({
     }
   );
 }
-var I = {}, J;
-function We() {
-  if (J) return I;
+var k = {}, J;
+function Ve() {
+  if (J) return k;
   J = 1;
   var p = ae;
   if (process.env.NODE_ENV === "production")
-    I.createRoot = p.createRoot, I.hydrateRoot = p.hydrateRoot;
+    k.createRoot = p.createRoot, k.hydrateRoot = p.hydrateRoot;
   else {
     var e = p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    I.createRoot = function(t, s) {
+    k.createRoot = function(t, s) {
       e.usingClientEntryPoint = !0;
       try {
         return p.createRoot(t, s);
       } finally {
         e.usingClientEntryPoint = !1;
       }
-    }, I.hydrateRoot = function(t, s, o) {
+    }, k.hydrateRoot = function(t, s, o) {
       e.usingClientEntryPoint = !0;
       try {
         return p.hydrateRoot(t, s, o);
@@ -4121,9 +4149,9 @@ function We() {
       }
     };
   }
-  return I;
+  return k;
 }
-var He = We();
+var We = Ve();
 class ze {
   constructor(e) {
     this.Component = e, console.info(e);
@@ -4136,7 +4164,7 @@ class ze {
       areaIdent: o,
       areaModel: i,
       cellValue: r
-    }, n = He.createRoot(e, {});
+    }, n = We.createRoot(e, {});
     return n.render(this.Component(a)), () => {
       n.unmount();
     };