@guiexpert/react-table 1.0.6 → 18.0.1

package/index.js

@@ -1,18 +1,43 @@
-import { jsx as q } from "react/jsx-runtime";
-import { useRef as U, useEffect as J } from "react";
-import Q from "react-dom";
-function O(p) {
-  return p && p.type === "TreeRow";
+import { jsx as U } from "react/jsx-runtime";
+import { useRef as J, useEffect as Q } from "react";
+import Z from "react-dom";
+class D {
+  // The constructor is private to prevent direct construction calls
+  // with the `new` operator
+  constructor() {
+    this.alreadySet = !1;
+  }
+  static getInstance() {
+    return D.instance || (D.instance = new D()), D.instance;
+  }
+  /**
+   * Method to set the license key for the application.
+   * A 'meta' element is created with content as 'guiexperttable=<license key>'
+   * and appended into the head section of the document
+   *
+   * @param {string} key - The license key to set for the application.
+   *
+   * @return {void} - This method does not return anything
+   */
+  setLicenseKey(e) {
+    if (e && !this.alreadySet) {
+      const t = document.createElement("meta");
+      t.content = "license=" + e, t.name = "guiexperttable", document.getElementsByTagName("head")[0].appendChild(t), this.alreadySet = !0;
+    }
+  }
 }
 function $(p) {
+  return p && p.type === "TreeRow";
+}
+function B(p) {
   return p && p.type === "AreaModelTree";
 }
-class W {
-  constructor(e = -1, t = -1, s = -1, i = -1, o, r, n, l = 0, a = 0, d = 0, S = "") {
-    this.rowIndex = e, this.rowTop = t, this.columnIndex = s, this.columnLeft = i, this.areaIdent = o, this.sideIdent = r, this.originalEvent = n, this.clickCount = l, this.draggingX = a, this.draggingY = d, this.action = S;
+class H {
+  constructor(e = -1, t = -1, s = -1, i = -1, o, r, n, l = 0, a = 0, d = 0, u = "") {
+    this.rowIndex = e, this.rowTop = t, this.columnIndex = s, this.columnLeft = i, this.areaIdent = o, this.sideIdent = r, this.originalEvent = n, this.clickCount = l, this.draggingX = a, this.draggingY = d, this.action = u;
   }
   clone() {
-    return new W(
+    return new H(
       this.rowIndex,
       this.rowTop,
       this.columnIndex,
@@ -27,25 +52,25 @@ class W {
     );
   }
 }
-class D {
+class I {
   constructor(e = ">", t = "", s = []) {
     this.content = e, this.style = t, this.classes = s;
   }
 }
-class X {
-  constructor(e = new D(
+class z {
+  constructor(e = new I(
     ">",
     "transform: rotate(90deg) translate(66%, -66%); transform-origin: 0 0;",
     ["gt-table-tree-arrow-expanded"]
-  ), t = new D(
+  ), t = new I(
     ">",
     "",
     ["ge-table-tree-arrow-collapsed"]
-  ), s = new D(
+  ), s = new I(
     ">",
     "color:transparent;",
     ["gt-table-tree-arrow-hidden"]
-  ), i = new D(
+  ), i = new I(
     "↕",
     "",
     ["gt-table-tree-arrow-expanded-all"]
@@ -53,12 +78,12 @@ class X {
     this.arrowExpanded = e, this.arrowCollapsed = t, this.arrowPlaceholder = s, this.arrowExpandCollapseAll = i;
   }
 }
-class z {
-  constructor(e = new D("↑", "", ["ge-header-sorted-asc"]), t = new D("↓", "", ["ge-header-sorted-desc"]), s = new D("↑", "color:transparent;", [])) {
+class K {
+  constructor(e = new I("↑", "", ["ge-header-sorted-asc"]), t = new I("↓", "", ["ge-header-sorted-desc"]), s = new I("↑", "color:transparent;", [])) {
     this.iconAsc = e, this.iconDesc = t, this.iconPlaceholder = s;
   }
 }
-class Z {
+class ee {
   constructor(e) {
     this.domService = e;
   }
@@ -143,15 +168,15 @@ class Z {
     }
     return this.domService.appendChild(e.child, l), l;
   }
-  addColumnDiv(e, t, s = -1, i = -1, o, r, n = "", l, a, d = void 0, S) {
-    const g = a == null ? void 0 : a.treeOptions, m = a == null ? void 0 : a.showCheckboxWihoutExtraColumn, h = this.domService.createElement("div");
-    this.domService.addClass(h, "ge-table-col-div"), this.domService.addClass(h, `ge-table-col-div-${t.index}`), this.domService.setAttribute(h, "data-col-index", `${t.index}`), this.domService.setAttribute(h, "data-row-index", `${s}`), this.domService.setAttribute(h, "data-area", `${o}`);
+  addColumnDiv(e, t, s = -1, i = -1, o, r, n = "", l, a, d = void 0, u) {
+    const g = a == null ? void 0 : a.treeOptions, m = a == null ? void 0 : a.showCheckboxWihoutExtraColumn, c = this.domService.createElement("div");
+    this.domService.addClass(c, "ge-table-col-div"), this.domService.addClass(c, `ge-table-col-div-${t.index}`), this.domService.setAttribute(c, "data-col-index", `${t.index}`), this.domService.setAttribute(c, "data-row-index", `${s}`), this.domService.setAttribute(c, "data-area", `${o}`);
     const f = ((t == null ? void 0 : t.index) ?? 0) % 2 === 0 ? "even" : "odd";
-    if (o === "body" && r === "center" && this.domService.addClass(h, `ge-table-column-${f}`), this.domService.setStyle(h, "display", "clip"), this.domService.setStyle(h, "position", "absolute"), this.domService.setStyle(h, "left", `${t.left}px`), this.domService.setStyle(h, "top", `${t.top}px`), this.domService.setStyle(h, "width", `${t.width}px`), this.domService.setStyle(h, "height", `${t.height}px`), l && l !== "none" && (this.domService.addClass(h, "ge-table-col-tree"), this.addArrowDiv(h, l, g, s, i, o)), m && i === 0 && d && this.addCheckboxToDiv(h, d, o, s), n) {
-      const c = l !== "none" && i === 0;
-      this.addLabelDiv(h, n, c, s, i, o);
+    if (o === "body" && r === "center" && this.domService.addClass(c, `ge-table-column-${f}`), this.domService.setStyle(c, "display", "clip"), this.domService.setStyle(c, "position", "absolute"), this.domService.setStyle(c, "left", `${t.left}px`), this.domService.setStyle(c, "top", `${t.top}px`), this.domService.setStyle(c, "width", `${t.width}px`), this.domService.setStyle(c, "height", `${t.height}px`), l && l !== "none" && (this.domService.addClass(c, "ge-table-col-tree"), this.addArrowDiv(c, l, g, s, i, o)), m && i === 0 && d && this.addCheckboxToDiv(c, d, o, s), n) {
+      const S = l !== "none" && i === 0;
+      this.addLabelDiv(c, n, S, s, i, o);
     }
-    return S && this.addSortedIcon(h, S, a == null ? void 0 : a.sortedOptions, i), this.domService.appendChild(e, h), h;
+    return u && this.addSortedIcon(c, u, a == null ? void 0 : a.sortedOptions, i), this.domService.appendChild(e, c), c;
   }
   addCheckboxToDiv(e, t, s, i) {
     const o = this.domService.createElement("div"), r = t === "full" ? "checked" : "";
@@ -178,7 +203,7 @@ class Z {
       }
     return this.domService.appendChild(e, n), n;
   }
-  addSortedIcon(e, t = "", s = new z(), i = -1) {
+  addSortedIcon(e, t = "", s = new K(), i = -1) {
     const o = this.domService.createElement("div");
     this.domService.addClass(o, "ge-table-sorted-icon-div"), this.domService.setStyle(o, "position", "absolute"), this.domService.setStyle(o, "top", "0"), this.domService.setStyle(o, "right", "0"), this.domService.setStyle(o, "width", "20px"), this.domService.setStyle(o, "background", "transparent"), this.domService.setStyle(o, "cursor", "pointer"), this.domService.setAttribute(o, "data-col-index", `${i}`), this.domService.setAttribute(o, "data-area", "header");
     let r;
@@ -189,15 +214,15 @@ class Z {
       this.domService.addClass(o, a);
     return this.domService.appendChild(e, o), o;
   }
-  addArrowDiv(e, t = "none", s = new X(), i = -1, o = -1, r = "body") {
+  addArrowDiv(e, t = "none", s = new z(), i = -1, o = -1, r = "body") {
     const n = this.domService.createElement("div");
     this.domService.addClass(n, "ge-table-tree-arrow-div"), this.domService.setStyle(n, "display", "inline-block"), this.domService.setStyle(n, "position", ""), this.domService.setStyle(n, "width", "20px"), this.domService.setStyle(n, "background", "transparent"), this.domService.setStyle(n, "cursor", "pointer"), this.domService.setAttribute(n, "data-row-index", `${i}`), this.domService.setAttribute(n, "data-col-index", `${o}`), this.domService.setAttribute(n, "data-area", `${r}`);
     let l;
     t === "expanded" ? l = s.arrowExpanded : t === "collapsed" ? l = s.arrowCollapsed : l = s.arrowPlaceholder;
     const a = l.content, d = this.domService.createText(a);
     this.domService.appendChild(n, d), l.style && this.applyStyleString(n, l.style);
-    for (const S of l.classes)
-      this.domService.addClass(n, S);
+    for (const u of l.classes)
+      this.domService.addClass(n, u);
     return this.domService.appendChild(e, n), n;
   }
   addColumnBorderDivs(e, t, s, i, o) {
@@ -239,20 +264,20 @@ class Z {
     return s ? (s.innerText = "", s) : (s = this.domService.createElement("div"), t.cache[e] = s, s);
   }
 }
-const H = (p) => p === "header" ? "header" : p === "footer" ? "footer" : "body";
-class ee {
+const P = (p) => p === "header" ? "header" : p === "footer" ? "footer" : "body";
+class te {
   constructor(e, t) {
     if (this.rowIdx = -1, this.colIdx = -1, this.action = null, this.inputType = null, this.className = "", e !== null && (e instanceof HTMLDivElement || e instanceof HTMLSpanElement || e instanceof HTMLInputElement)) {
       this.className = e.className, this.action = e.getAttribute("data-ge-action"), this.inputType = e.getAttribute("data-input-type"), this.rowIdx = Number(e.getAttribute("data-row-index")), this.colIdx = Number(e.getAttribute("data-col-index"));
       const s = e.getAttribute("data-area");
-      if (s && (this.areaIdent = H(s), this.areaModel = t.tableModel.getAreaModel(this.areaIdent), this.row = this.areaModel.getRowByIndex(this.rowIdx)), e instanceof HTMLInputElement) {
+      if (s && (this.areaIdent = P(s), this.areaModel = t.tableModel.getAreaModel(this.areaIdent), this.row = this.areaModel.getRowByIndex(this.rowIdx)), e instanceof HTMLInputElement) {
         const i = e;
         this.value = i.value;
       }
     }
   }
 }
-class te {
+class se {
   constructor(e) {
     this.tableScope = e, this.expandedAll = !0, this.mouseDown = !1, this.dragging = !1, this.tableScope.hostElement.addEventListener("click", this.onHostElementClicked.bind(this)), this.tableScope.hostElement.addEventListener("dblclick", this.onHostElementDblClicked.bind(this)), this.tableScope.hostElement.addEventListener("mousedown", this.onMouseDown.bind(this)), this.tableScope.hostElement.addEventListener("mousemove", this.onMouseMove.bind(this)), this.tableScope.hostElement.addEventListener("mouseup", this.onMouseUp.bind(this)), this.tableScope.hostElement.addEventListener("contextmenu", this.onContextmenu.bind(this)), this.tableScope.hostElement._MouseHandler = "true", this.tableScope.scrollViewport.addEventListener("scroll", this.tableScope.adjustAfterScrolling.bind(this.tableScope)), [window, this.tableScope.hostElement].forEach(
       (t) => t.addEventListener("resize", this.tableScope.adjustContainersAndRows.bind(this.tableScope))
@@ -278,12 +303,12 @@ class te {
    * @return {void}
    */
   onHostElementClicked(e) {
-    const t = new ee(e.target, this.tableScope);
+    const t = new te(e.target, this.tableScope);
     if (t.action === "toggleExpandCollapseAll")
       this.expandedAll = !this.expandedAll, this.tableScope.toggleExpandCollapseAll(this.expandedAll), e.preventDefault(), e.stopPropagation();
     else if (t.inputType === "checkbox" && t.areaIdent)
       this.tableScope.toggleRowCheckbox(t.rowIdx, t.colIdx, t.areaIdent), e.preventDefault(), e.stopPropagation();
-    else if (O(t.row) && t.areaModel) {
+    else if ($(t.row) && t.areaModel) {
       const s = t.colIdx === this.getArrowColumnIndex() && e.altKey, i = t.className.includes("ge-table-tree-arrow-div");
       if (console.info(i, s), s || i) {
         e.preventDefault(), e.stopPropagation();
@@ -305,12 +330,12 @@ class te {
    */
   onHostElementDblClicked(e) {
     if (e.target instanceof HTMLElement) {
-      const t = e.target, s = t.getAttribute("data-area"), i = H(s), o = Number(t.getAttribute("data-row-index")), r = Number(t.getAttribute("data-col-index")), n = this.tableScope.tableModel.getAreaModel(i);
+      const t = e.target, s = t.getAttribute("data-area"), i = P(s), o = Number(t.getAttribute("data-row-index")), r = Number(t.getAttribute("data-col-index")), n = this.tableScope.tableModel.getAreaModel(i);
       if (s && i === "header")
         this.tableScope.tableModel.isSortable(r) && (this.tableScope.clearSelection(), this.tableScope.onHeaderDblClicked(e, o, r));
       else if (t.getAttribute("data-row-index")) {
         const l = n.getRowByIndex(o);
-        if (s && i === "body" && n.isEditable(o, r) && (this.tableScope.clearSelection(), this.tableScope.initRenderEditor(o, r)), O(l) && r === this.getArrowColumnIndex()) {
+        if (s && i === "body" && n.isEditable(o, r) && (this.tableScope.clearSelection(), this.tableScope.initRenderEditor(o, r)), $(l) && r === this.getArrowColumnIndex()) {
           e.preventDefault(), e.stopPropagation();
           const a = l;
           a.expanded = !a.expanded, "recalcVisibleTreeRows" in n && n.recalcVisibleTreeRows(), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(a);
@@ -341,8 +366,8 @@ class te {
     var s, i, o, r, n;
     const t = (i = (s = this.tableScope.tableOptions) == null ? void 0 : s.autoRestoreOptions) == null ? void 0 : i.getRowId;
     if (t) {
-      const l = (o = this.tableScope.storeStateCollapsedExpandService) == null ? void 0 : o.collapsedExpandedStateGet().mode, a = l === "collapsed" && !e.expanded || l === "expanded" && e.expanded, d = l === "collapsed" && e.expanded || l === "expanded" && !e.expanded, S = t(e.data);
-      a ? (r = this.tableScope.storeStateCollapsedExpandService) == null || r.collapsedStateIdsPush(S) : d && ((n = this.tableScope.storeStateCollapsedExpandService) == null || n.collapsedStateIdsRemove(S));
+      const l = (o = this.tableScope.storeStateCollapsedExpandService) == null ? void 0 : o.collapsedExpandedStateGet().mode, a = l === "collapsed" && !e.expanded || l === "expanded" && e.expanded, d = l === "collapsed" && e.expanded || l === "expanded" && !e.expanded, u = t(e.data);
+      a ? (r = this.tableScope.storeStateCollapsedExpandService) == null || r.collapsedStateIdsPush(u) : d && ((n = this.tableScope.storeStateCollapsedExpandService) == null || n.collapsedStateIdsRemove(u));
     }
   }
   getArrowColumnIndex() {
@@ -378,7 +403,7 @@ class te {
     }
   }
 }
-class se {
+class ie {
   constructor(e) {
     this.tableScope = e;
   }
@@ -404,21 +429,23 @@ class se {
   /**
    * Scrolls the table body to the specified pixel coordinates.
    *
-   * @param {number} _px - The horizontal pixel coordinate to scroll to. Defaults to 0.
-   * @param {number} _py - The vertical pixel coordinate to scroll to. Defaults to 0.
+   * @param {number} px - The horizontal pixel coordinate to scroll to. Defaults to 0.
+   * @param {number} py - The vertical pixel coordinate to scroll to. Defaults to 0.
    * @return {void}
    */
   scrollToPixel(e = 0, t = 0) {
+    this.tableScope.scrollToPixel(e, t);
   }
   /**
    * Scrolls to the specified index in both horizontal and vertical directions.
    *
-   * @param {number} _indexX - The index of the column to scroll to in the horizontal direction. Default is 0.
-   * @param {number} _indexY - The index of the row to scroll to in the vertical direction. Default is 0.
+   * @param {number} indexX - The index of the column to scroll to in the horizontal direction. Default is 0.
+   * @param {number} indexY - The index of the row to scroll to in the vertical direction. Default is 0.
    *
    * @return undefined
    */
   scrollToIndex(e = 0, t = 0) {
+    this.tableScope.scrollToIndex(e, t);
   }
   /**
    * Sets whether the header is visible or not.
@@ -483,7 +510,7 @@ class se {
     this.tableScope.repaint();
   }
 }
-class P {
+class V {
   constructor(e) {
     this.getStorageKeyFn = e;
   }
@@ -558,7 +585,7 @@ class P {
   //   }
   // }
 }
-class ie extends P {
+class oe extends V {
   constructor(e) {
     super(e), this.SCROLL_STATE = "scrollState", this.scrollOffset = [0, 0], this.load();
   }
@@ -580,14 +607,14 @@ class ie extends P {
     }
   }
 }
-class oe {
+class le {
   constructor(e = "collapsed", t = [], s = !1, i = !1) {
     this.mode = e, this.rowIds = t, this.allCollapsed = s, this.allExpanded = i;
   }
 }
-class le extends P {
+class re extends V {
   constructor(e) {
-    super(e), this.COLLAPSED_EXPANDED_STATE = "collapsedExpandedState", this.collapsedExpandedState = new oe(), this.load();
+    super(e), this.COLLAPSED_EXPANDED_STATE = "collapsedExpandedState", this.collapsedExpandedState = new le(), this.load();
   }
   collapsedExpandedStateGet() {
     return this.collapsedExpandedState;
@@ -619,7 +646,7 @@ class le extends P {
     this.checkAndPersistItem(this.COLLAPSED_EXPANDED_STATE, this.collapsedExpandedState);
   }
 }
-class re extends P {
+class ne extends V {
   constructor(e) {
     super(e), this.SORTING_STATE = "sortingState", this.sortItems = [], this.load();
   }
@@ -646,7 +673,7 @@ class T {
     this.left = e, this.width = t, this.height = s, this.top = i, this.index = o;
   }
 }
-class ne {
+class ae {
   constructor(e, t, s, i) {
     this.hostElement = e, this.tableModel = t, this.dom = s, this.tableOptions = i, this.scrollTop = 0, this.areaBodyWestGeo = new T(), this.areaBodyCenterGeo = new T(), this.areaBodyEastGeo = new T();
     const o = this.hostElement;
@@ -832,7 +859,7 @@ class R {
     return e >= this.r1 && e <= this.r2 && t >= this.c1 && t <= this.c2;
   }
 }
-class ae {
+class de {
   constructor(e, t) {
     this.tableModel = e, this.areaModel = t, this.colAndRowspanRanges = void 0;
   }
@@ -865,22 +892,22 @@ class ae {
     return !1;
   }
 }
-class de {
+class he {
   constructor(e, t, s) {
     this.header = e, this.body = t, this.footer = s;
   }
 }
-class he extends ne {
+class ce extends ae {
   constructor(e, t, s, i) {
     var r, n;
     super(e, t, s, i), this.scrollLeft = 0, this.scrollViewportLeft = 0, this.scrollFactorY = 0, this.scrollFactorX = 0, this.cleanupFunctions = {
       header: [],
       body: [],
       footer: []
-    }, this.tree = !1, this.colAndRowspanModels = new de(), this.firstVisibleRowIndex = -1, this.draggingTargetColumnIndex = -1, this.removables = [], this.editing = !1, this.tableModel.getSelectionModel ? this.getSelectionModel = this.tableModel.getSelectionModel : (r = this.tableOptions) != null && r.getSelectionModel && (this.getSelectionModel = this.tableOptions.getSelectionModel), (n = this.tableOptions) != null && n.getFocusModel && (this.getFocusModel = this.tableOptions.getFocusModel), $(t.getAreaModel("body")) && (this.tree = !0), ["header", "body", "footer"].forEach(
+    }, this.tree = !1, this.colAndRowspanModels = new he(), this.firstVisibleRowIndex = -1, this.draggingTargetColumnIndex = -1, this.removables = [], this.editing = !1, this.tableModel.getSelectionModel ? this.getSelectionModel = this.tableModel.getSelectionModel : (r = this.tableOptions) != null && r.getSelectionModel && (this.getSelectionModel = this.tableOptions.getSelectionModel), (n = this.tableOptions) != null && n.getFocusModel && (this.getFocusModel = this.tableOptions.getFocusModel), B(t.getAreaModel("body")) && (this.tree = !0), ["header", "body", "footer"].forEach(
       (l) => {
         var a;
-        this.colAndRowspanModels[l] = new ae(t, t.getAreaModel(l)), (a = this.colAndRowspanModels[l]) == null || a.init();
+        this.colAndRowspanModels[l] = new de(t, t.getAreaModel(l)), (a = this.colAndRowspanModels[l]) == null || a.init();
       }
     );
   }
@@ -999,21 +1026,21 @@ class he extends ne {
     return "";
   }
   adjustArea(e, t = 0) {
-    var c;
+    var S;
     const s = this.getArea(e, "west"), i = this.getArea(e, "center"), o = this.getArea(e, "east"), r = i.child.clientHeight;
     s.child.innerText = "", i.child.innerText = "", o.child.innerText = "";
-    const n = 0, l = this.areaBodyCenterGeo.width, a = this.tableModel.getPadding(), d = this.tableModel.getAreaModel(e), S = d.getRowCount();
+    const n = 0, l = this.areaBodyCenterGeo.width, a = this.tableModel.getPadding(), d = this.tableModel.getAreaModel(e), u = d.getRowCount();
     for (; this.cleanupFunctions[e].length; ) {
-      const u = this.cleanupFunctions[e].shift();
-      u && u();
+      const h = this.cleanupFunctions[e].shift();
+      h && h();
     }
     let g = t;
-    const m = this.tableModel.getColumnCount(), h = this.tableModel.getFixedRightColumnCount(), f = this.tableModel.getFixedLeftColumnCount();
-    for (let u = 0; u < S; u++) {
-      const w = g, C = u === S - 1, x = this.tableModel.getRowHeight(e, u);
+    const m = this.tableModel.getColumnCount(), c = this.tableModel.getFixedRightColumnCount(), f = this.tableModel.getFixedLeftColumnCount();
+    for (let h = 0; h < u; h++) {
+      const w = g, C = h === u - 1, x = this.tableModel.getRowHeight(e, h);
       if (w + x > 0) {
-        this.firstVisibleRowIndex = u;
-        let y = { left: n, width: l, height: x, top: w, index: u }, v = this.dom.addRowDiv(i, y, u, e, "center");
+        this.firstVisibleRowIndex = h;
+        let y = { left: n, width: l, height: x, top: w, index: h }, v = this.dom.addRowDiv(i, y, h, e, "center");
         const E = f;
         if (this.adjustColumnsToRowParent({
           areaIdent: e,
@@ -1021,34 +1048,34 @@ class he extends ne {
           areaModel: d,
           geo: y,
           parent: v,
-          rowIndex: u,
+          rowIndex: h,
           columnIndexStart: E,
-          columnIndexEnd: m - h - 1,
+          columnIndexEnd: m - c - 1,
           verticalFixed: !1,
           lastRowOfModel: C
-        }), a.left > 0 && (y = { left: n, width: this.areaBodyWestGeo.width, height: x, top: w, index: u }, v = this.dom.addRowDiv(s, y, u, e, "west"), this.adjustColumnsToRowParent({
+        }), a.left > 0 && (y = { left: n, width: this.areaBodyWestGeo.width, height: x, top: w, index: h }, v = this.dom.addRowDiv(s, y, h, e, "west"), this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "west",
           areaModel: d,
           geo: y,
           parent: v,
-          rowIndex: u,
+          rowIndex: h,
           columnIndexStart: 0,
           columnIndexEnd: E - 1,
           verticalFixed: !0,
           lastRowOfModel: C
-        })), a.right > 0 && (y = { left: n, width: this.areaBodyEastGeo.width, height: x, top: w, index: u }, v = this.dom.addRowDiv(o, y, u, e, "east"), this.adjustColumnsToRowParent({
+        })), a.right > 0 && (y = { left: n, width: this.areaBodyEastGeo.width, height: x, top: w, index: h }, v = this.dom.addRowDiv(o, y, h, e, "east"), this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "east",
           areaModel: d,
           geo: y,
           parent: v,
-          rowIndex: u,
-          columnIndexStart: m - h,
+          rowIndex: h,
+          columnIndexStart: m - c,
           columnIndexEnd: m - 1,
           verticalFixed: !0,
           lastRowOfModel: C
-        })), e === "header" && this.tree && u === S - 1) {
+        })), e === "header" && this.tree && h === u - 1) {
           const A = this.dom.applyStyle(
             this.dom.setAttribute(
               this.dom.addDiv(v, new T(16, 20, 20, 8)),
@@ -1058,8 +1085,8 @@ class he extends ne {
             { cursor: "pointer" }
           ), M = this.tableOptions.treeOptions.arrowExpandCollapseAll;
           if (M) {
-            const I = this.dom.domService.createText(M.content);
-            this.dom.domService.appendChild(A, I), M.style && this.dom.applyStyleString(A, M.style);
+            const F = this.dom.domService.createText(M.content);
+            this.dom.domService.appendChild(A, F), M.style && this.dom.applyStyleString(A, M.style);
           }
         }
       }
@@ -1067,13 +1094,13 @@ class he extends ne {
         break;
     }
     if (this.colAndRowspanModels && this.colAndRowspanModels[e]) {
-      const u = ((c = this.colAndRowspanModels[e]) == null ? void 0 : c.getRanges()) ?? [];
-      if (u.length)
-        for (const w of u) {
+      const h = ((S = this.colAndRowspanModels[e]) == null ? void 0 : S.getRanges()) ?? [];
+      if (h.length)
+        for (const w of h) {
           let C = 0, x = i.child, y = "center";
           if (w.c1 < f)
             x = s.child, y = "west";
-          else if (h > 0 && w.c1 >= m - h)
+          else if (c > 0 && w.c1 >= m - c)
             x = o.child, y = "east";
           else {
             const v = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
@@ -1094,24 +1121,24 @@ class he extends ne {
    * @protected
    */
   drawBigCell(e, t, s, i, o, r) {
-    const n = s + this.getRowHeights(0, e.r1 - 1, i).reduce((c, u) => c + u, 0), l = this.tableModel.getColumnCount(), a = this.tableModel.getFixedRightColumnCount();
+    const n = s + this.getRowHeights(0, e.r1 - 1, i).reduce((S, h) => S + h, 0), l = this.tableModel.getColumnCount(), a = this.tableModel.getFixedRightColumnCount();
     let d = 0;
     a > 0 && e.c1 >= l - a && (d = l - a);
-    const S = t + this.getColumnWidths(d, e.c1 - 1).reduce((c, u) => c + u, 0), g = this.getRowHeights(e.r1, e.r2, i).reduce((c, u) => c + u, 0), m = this.getColumnWidths(e.c1, e.c2).reduce((c, u) => c + u, 0);
-    let h = !1;
+    const u = t + this.getColumnWidths(d, e.c1 - 1).reduce((S, h) => S + h, 0), g = this.getRowHeights(e.r1, e.r2, i).reduce((S, h) => S + h, 0), m = this.getColumnWidths(e.c1, e.c2).reduce((S, h) => S + h, 0);
+    let c = !1;
     const f = this.getSelectionModel ? this.getSelectionModel() : void 0;
-    f && (h = f.getSelectionCount(e.r1, e.c1) > 0), e.gammaRange ? (console.info("TODO here", e), this.renderCell({
+    f && (c = f.getSelectionCount(e.r1, e.c1) > 0), e.gammaRange ? (console.info("TODO here", e), this.renderCell({
       areaModel: i,
       areaIdent: i.areaIdent,
       sideIdent: r,
       rowIndex: e.r1,
       columnIndex: e.c1,
-      left: S,
+      left: u,
       top: n,
       width: m,
       height: g,
       parent: o,
-      cellSelected: h,
+      cellSelected: c,
       lastRowOfModel: !0,
       gammaRange: e.gammaRange
     })) : this.renderCell({
@@ -1120,18 +1147,18 @@ class he extends ne {
       sideIdent: r,
       rowIndex: e.r1,
       columnIndex: e.c1,
-      left: S,
+      left: u,
       top: n,
       width: m,
       height: g,
       parent: o,
-      cellSelected: h,
+      cellSelected: c,
       lastRowOfModel: !0,
       gammaRange: e.gammaRange
     }), i.areaIdent === "header" && this.tableOptions.columnsResizable && this.renderHeaderCellResizeHandle({
       rowIndex: e.r1,
       columnIndex: e.c1,
-      cellLeft: S,
+      cellLeft: u,
       cellTop: n,
       cellWidth: m,
       cellHeight: g,
@@ -1163,35 +1190,35 @@ class he extends ne {
   }) {
     var f;
     this.scrollViewportLeft = this.scrollViewport.scrollLeft;
-    let S = 0;
+    let u = 0;
     if (!a) {
-      const c = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
-      S = this.scrollFactorX * c;
+      const S = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
+      u = this.scrollFactorX * S;
     }
     const g = 0, m = !!(e === "body" && t);
-    let h = S;
-    for (let c = n; c <= l; c++) {
-      const u = h, w = this.tableModel.getColumnWidth(c);
-      if (w > 0 && u + w > 0) {
+    let c = u;
+    for (let S = n; S <= l; S++) {
+      const h = c, w = this.tableModel.getColumnWidth(S);
+      if (w > 0 && h + w > 0) {
         let C = i.height;
-        const x = s.getRowspanAt(r, c), y = s.getColspanAt(r, c);
+        const x = s.getRowspanAt(r, S), y = s.getColspanAt(r, S);
         x > 1 && (C = this.getRowHeights(r, r + x - 1, s).reduce((A, M) => A + M, 0));
         let v = w;
-        y > 1 && (v = this.getColumnWidths(c, c + y - 1).reduce((A, M) => A + M, 0));
+        y > 1 && (v = this.getColumnWidths(S, S + y - 1).reduce((A, M) => A + M, 0));
         let E = !1;
-        if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (f = this.colAndRowspanModels[e]) != null && f.isInRange(r, c) && (E = !0), this.draggingTargetColumnIndex === c && e !== "header") {
-          this.renderDragTargetDiv(o, u, g, v, C);
-          const A = { left: u, top: g, width: v, height: C };
+        if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (f = this.colAndRowspanModels[e]) != null && f.isInRange(r, S) && (E = !0), this.draggingTargetColumnIndex === S && e !== "header") {
+          this.renderDragTargetDiv(o, h, g, v, C);
+          const A = { left: h, top: g, width: v, height: C };
           this.dom.addColumnBorderDivs(this.tableOptions, o, A, e, t);
         } else {
-          const A = this.renderSelectedBackgroundDiv(E, m, t, s, r, c, o, u, g, v, C);
+          const A = this.renderSelectedBackgroundDiv(E, m, t, s, r, S, o, h, g, v, C);
           E || this.renderCell({
             areaModel: s,
             areaIdent: e,
             sideIdent: t,
             rowIndex: r,
-            columnIndex: c,
-            left: u,
+            columnIndex: S,
+            left: h,
             top: g,
             width: v,
             height: C,
@@ -1201,8 +1228,8 @@ class he extends ne {
             gammaRange: !0
           }), e === "header" && this.tableOptions.columnsResizable && this.renderHeaderCellResizeHandle({
             rowIndex: r,
-            columnIndex: c,
-            cellLeft: u,
+            columnIndex: S,
+            cellLeft: h,
             cellTop: g,
             cellWidth: v,
             cellHeight: C,
@@ -1210,10 +1237,10 @@ class he extends ne {
           });
         }
       }
-      if (h = h + w, h > this.areaBodyCenterGeo.width)
+      if (c = c + w, c > this.areaBodyCenterGeo.width)
         break;
     }
-    this.tableOptions.verticalBorderVisible && this.dom.addVerticalBorder(new T(h - 1, 1, i.height, 0), o);
+    this.tableOptions.verticalBorderVisible && this.dom.addVerticalBorder(new T(c - 1, 1, i.height, 0), o);
   }
   getTreeArrowColumnIndex() {
     return this.tableOptions.showCheckboxWihoutExtraColumn ? 0 : this.tableModel.isRowCheckboxVisible() ? 1 : 0;
@@ -1229,22 +1256,22 @@ class he extends ne {
     height: l,
     top: a,
     parent: d,
-    lastRowOfModel: S,
+    lastRowOfModel: u,
     gammaRange: g
   }) {
-    var k;
-    const h = this.editorRenderer && this.editorRendererRow === i && this.editorRendererColumn === o ? this.editorRenderer : e.getCellRenderer(i, o), f = { left: r, width: n, height: l, top: a, index: o }, c = e.getRowByIndex(i);
-    let u = "none";
-    if (o === this.getTreeArrowColumnIndex() && O(c)) {
-      const b = c;
-      (k = b.children) != null && k.length ? b.expanded ? u = "expanded" : u = "collapsed" : u = "hidden";
+    var N;
+    const c = this.editorRenderer && this.editorRendererRow === i && this.editorRendererColumn === o ? this.editorRenderer : e.getCellRenderer(i, o), f = { left: r, width: n, height: l, top: a, index: o }, S = e.getRowByIndex(i);
+    let h = "none";
+    if (o === this.getTreeArrowColumnIndex() && $(S)) {
+      const b = S;
+      (N = b.children) != null && N.length ? b.expanded ? h = "expanded" : h = "collapsed" : h = "hidden";
     }
     let C;
     if (t === "header") {
       const b = this.tableModel.getColumnDef(o);
       (!(b != null && b.sortIconVisible) || b != null && b.sortIconVisible()) && (C = b == null ? void 0 : b.sortState);
     }
-    const x = e.getValueAt(i, o), y = h ? "" : `${x}`, v = e.isRowChecked(i), E = this.dom.addColumnDiv(
+    const x = e.getValueAt(i, o), y = c ? "" : `${x}`, v = e.isRowChecked(i), E = this.dom.addColumnDiv(
       d,
       f,
       i,
@@ -1252,7 +1279,7 @@ class he extends ne {
       t,
       s,
       y,
-      u,
+      h,
       this.tableOptions,
       v,
       C
@@ -1260,19 +1287,19 @@ class he extends ne {
     A && this.dom.setAttribute(E, "title", A);
     const M = this.tableModel.getColumnDef(o);
     M && M.classes[t] && this.dom.addClasses(M.classes[t], E);
-    let I;
-    h && (I = h.render(E, i, o, t, e, x, this.dom.domService));
-    const G = e.getCustomClassesAt(i, o);
-    if (G.length && this.dom.addClasses(G, E), this.dom.addColumnBorderDivs(this.tableOptions, d, f, t, s), S && this.dom.addHorizontalBorder({ left: r, width: n, height: l, top: a + l }, d), this.getFocusModel && t === "body") {
+    let F;
+    c && (F = c.render(E, i, o, t, e, x, this.dom.domService));
+    const _ = e.getCustomClassesAt(i, o);
+    if (_.length && this.dom.addClasses(_, E), this.dom.addColumnBorderDivs(this.tableOptions, d, f, t, s), u && this.dom.addHorizontalBorder({ left: r, width: n, height: l, top: a + l }, d), this.getFocusModel && t === "body") {
       const b = this.getFocusModel();
       b != null && b.hasFocus(i, o) && this.dom.addFocusBorderDivs(d, f, {});
     }
     t === "header" && this.dom.setAttribute(E, "data-ge-action", "drag-column");
-    const L = e.getCustomStyleAt(i, o);
-    if (L)
-      for (const b in L)
-        this.dom.setStyle(E, b, L[b]);
-    return [E, I];
+    const O = e.getCustomStyleAt(i, o);
+    if (O)
+      for (const b in O)
+        this.dom.setStyle(E, b, O[b]);
+    return [E, F];
   }
   applyCssClasses(e, t = {}) {
     e && Object.entries(t).forEach(([s, i]) => {
@@ -1283,19 +1310,19 @@ class he extends ne {
     const r = this.tableModel.getAreaModel(e), n = 'div[data-col-index="' + s + '"][data-row-index="' + t + '"][data-area="' + e + '"]', l = document.querySelector(n);
     if (l) {
       let a;
-      const S = this.editorRenderer && this.editorRendererRow === t && this.editorRendererColumn === s ? this.editorRenderer : r.getCellRenderer(t, s);
-      if (l.innerText = "", this.applyCssClasses(l, o), S)
-        a = S.render(l, t, s, e, r, i, this.dom.domService), a && this.cleanupFunctions[e].push(a);
+      const u = this.editorRenderer && this.editorRendererRow === t && this.editorRendererColumn === s ? this.editorRenderer : r.getCellRenderer(t, s);
+      if (l.innerText = "", this.applyCssClasses(l, o), u)
+        a = u.render(l, t, s, e, r, i, this.dom.domService), a && this.cleanupFunctions[e].push(a);
       else {
-        const h = `${i}`;
-        this.dom.addLabelDiv(l, h, !1, t, s, e);
+        const c = `${i}`;
+        this.dom.addLabelDiv(l, c, !1, t, s, e);
       }
       const g = r.getCustomClassesAt(t, s);
       g.length && this.dom.addClasses(g, l);
       const m = r.getCustomStyleAt(t, s);
       if (m)
-        for (const h in m)
-          this.dom.setStyle(l, h, m[h]);
+        for (const c in m)
+          this.dom.setStyle(l, c, m[c]);
     }
   }
   getColumnWidths(e, t) {
@@ -1355,19 +1382,19 @@ class he extends ne {
     );
     return this.dom.setStyle(r, "left", `${t}px`), this.dom.setStyle(r, "top", `${s}px`), this.dom.setStyle(r, "width", `${i}px`), this.dom.setStyle(r, "height", `${o}px`), r;
   }
-  renderSelectedBackgroundDiv(e, t, s, i, o, r, n, l, a, d, S) {
+  renderSelectedBackgroundDiv(e, t, s, i, o, r, n, l, a, d, u) {
     let g = !1;
     if (!e && t && i.isSelectable(o, r) && this.getSelectionModel) {
       const m = this.getSelectionModel();
       if (m) {
-        const h = m.getSelectionCount(o, r);
-        g = h > 0;
-        for (let f = 0; f < h; f++) {
-          const c = this.dom.applyStylePosistionAbsolute(
+        const c = m.getSelectionCount(o, r);
+        g = c > 0;
+        for (let f = 0; f < c; f++) {
+          const S = this.dom.applyStylePosistionAbsolute(
             // ge-table-body-west-selected-range
             this.dom.createDivWithClass(`ge-table-${i.areaIdent}-${s}-selected-range`, n)
           );
-          this.dom.setStyle(c, "left", `${l}px`), this.dom.setStyle(c, "top", `${a}px`), this.dom.setStyle(c, "width", `${d}px`), this.dom.setStyle(c, "height", `${S}px`);
+          this.dom.setStyle(S, "left", `${l}px`), this.dom.setStyle(S, "top", `${a}px`), this.dom.setStyle(S, "width", `${d}px`), this.dom.setStyle(S, "height", `${u}px`);
         }
       }
     }
@@ -1384,11 +1411,11 @@ class he extends ne {
     width: l,
     height: a,
     parent: d,
-    cellSelected: S,
+    cellSelected: u,
     lastRowOfModel: g,
     gammaRange: m
   }) {
-    const [h, f] = this.addAndRenderCellDiv({
+    const [c, f] = this.addAndRenderCellDiv({
       areaModel: e,
       areaIdent: t,
       sideIdent: s,
@@ -1402,19 +1429,19 @@ class he extends ne {
       lastRowOfModel: g,
       gammaRange: m
     });
-    S && this.dom.addClass(`ge-table-${t}-${s}-selected-range`, h), f && this.cleanupFunctions[t].push(f);
+    u && this.dom.addClass(`ge-table-${t}-${s}-selected-range`, c), f && this.cleanupFunctions[t].push(f);
   }
   renderHeaderCellResizeHandle({ rowIndex: e, columnIndex: t, cellLeft: s, cellTop: i, cellWidth: o, cellHeight: r, parent: n }) {
     const l = this.dom.domService, a = this.tableOptions.columnResizeHandleWidthInPx ?? 2, d = l.createElement("div");
     l.setAttribute(d, "data-col-index", `${t}`), l.setAttribute(d, "data-row-index", `${e}`), l.setAttribute(d, "data-area", "header"), l.setAttribute(d, "data-ge-action", "resize-column"), l.addClass(d, "ge-table-column-resize-handle"), l.setStyle(d, "display", "clip"), l.setStyle(d, "position", "absolute"), l.setStyle(d, "cursor", "col-resize"), l.setStyle(d, "left", `${s + o - a}px`), l.setStyle(d, "top", `${i}px`), l.setStyle(d, "width", `${a}px`), l.setStyle(d, "height", `${r}px`), l.appendChild(n, d);
   }
 }
-class ce {
+class pe {
   constructor(e, t) {
     this.columnIndex = e, this.sortState = t;
   }
 }
-class pe {
+class ue {
   constructor(e) {
     this.tableScope = e, this.tableScope.hostElement.addEventListener("change", this.onHostElementChanged.bind(this));
   }
@@ -1430,36 +1457,36 @@ class pe {
     if (e.target instanceof HTMLInputElement || e.target instanceof HTMLSelectElement || e.target instanceof HTMLTextAreaElement) {
       const t = e.target, s = t.getAttribute("data-area"), i = t.getAttribute("data-row-index"), o = t.getAttribute("data-col-index");
       if (s && i && o) {
-        const r = H(s), n = Number(i), l = Number(o);
+        const r = P(s), n = Number(i), l = Number(o);
         this.tableScope.updateModelValueAfterEdit(r, n, l, t.value);
       }
     }
   }
 }
-class ue {
+class Se {
   constructor(e = -1, t = -1) {
     this.rowIndex = e, this.columnIndex = t;
   }
 }
-class V {
+class G {
   constructor(e) {
     this.cells = e;
   }
   static createSingle(e, t) {
-    return new V([new ue(e, t)]);
+    return new G([new Se(e, t)]);
   }
 }
-class Se {
+class ge {
   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);
   }
   onMouseClicked(e, t) {
-    var o, r, n, l, a, d, S;
+    var o, r, n, l, a, d, u;
     let s = !1, i = !1;
     if (this.getSelectionModel && this.getFocusModel) {
       const g = this.getSelectionModel(), m = this.getFocusModel();
-      g && m && (m.hasFocus(e.rowIndex, e.columnIndex) || (m.setFocus(e.rowIndex, e.columnIndex), s = !0), (o = e.originalEvent) != null && o.shiftKey || g.hasSelection() && (g.clear(), s = !0), (r = e.originalEvent) != null && r.shiftKey && this.previousEvt ? (g.addSelection(this.createRangeByEvents(e, this.previousEvt)), i = !0, s = !0) : (n = e.originalEvent) != null && n.ctrlKey || (l = e.originalEvent) != null && l.metaKey ? (g.addSelection(R.singleCell(e.rowIndex, e.columnIndex)), i = !0, s = !0) : (a = e.originalEvent) != null && a.altKey && ((d = e.originalEvent) != null && d.ctrlKey || (S = e.originalEvent) != null && S.metaKey) && (g.removeSelection(R.singleCell(e.rowIndex, e.columnIndex)), i = !0, s = !0));
+      g && m && (m.hasFocus(e.rowIndex, e.columnIndex) || (m.setFocus(e.rowIndex, e.columnIndex), s = !0), (o = e.originalEvent) != null && o.shiftKey || g.hasSelection() && (g.clear(), s = !0), (r = e.originalEvent) != null && r.shiftKey && this.previousEvt ? (g.addSelection(this.createRangeByEvents(e, this.previousEvt)), i = !0, s = !0) : (n = e.originalEvent) != null && n.ctrlKey || (l = e.originalEvent) != null && l.metaKey ? (g.addSelection(R.singleCell(e.rowIndex, e.columnIndex)), i = !0, s = !0) : (a = e.originalEvent) != null && a.altKey && ((d = e.originalEvent) != null && d.ctrlKey || (u = e.originalEvent) != null && u.metaKey) && (g.removeSelection(R.singleCell(e.rowIndex, e.columnIndex)), i = !0, s = !0));
     }
     return i ? this.previousEvt = void 0 : this.previousEvt = e == null ? void 0 : e.clone(), s;
   }
@@ -1490,7 +1517,7 @@ class Se {
     });
   }
 }
-class ge {
+class me {
   get() {
     return {
       f2: "START_EDITING",
@@ -1508,7 +1535,7 @@ class ge {
     };
   }
 }
-class me {
+class fe {
   get() {
     return {
       f2: "START_EDITING",
@@ -1528,7 +1555,7 @@ class me {
     };
   }
 }
-class fe {
+class be {
   constructor(e) {
     this.tableScope = e, this.shortcutActionIdMapping = {}, this.listener = [], this.listener.push(e), this.init();
   }
@@ -1536,7 +1563,7 @@ class fe {
     this.listener.includes(e) || this.listener.push(e);
   }
   init() {
-    this.isMacintosh() ? Object.assign(this.shortcutActionIdMapping, new me().get()) : Object.assign(this.shortcutActionIdMapping, new ge().get()), Object.assign(this.shortcutActionIdMapping, this.tableScope.tableOptions.shortcutActionIdMapping), this.isDebug() && console.debug("ShortcutService", this.shortcutActionIdMapping), this.tableScope.hostElement.addEventListener("keydown", this.onKeyDown.bind(this));
+    this.isMacintosh() ? Object.assign(this.shortcutActionIdMapping, new fe().get()) : Object.assign(this.shortcutActionIdMapping, new me().get()), Object.assign(this.shortcutActionIdMapping, this.tableScope.tableOptions.shortcutActionIdMapping), this.isDebug() && console.debug("ShortcutService", this.shortcutActionIdMapping), this.tableScope.hostElement.addEventListener("keydown", this.onKeyDown.bind(this));
   }
   isMacintosh() {
     return navigator.platform.indexOf("Mac") > -1;
@@ -1580,7 +1607,7 @@ class fe {
     return e.altKey && t.push("alt"), e.shiftKey && t.push("shift"), e.ctrlKey && t.push("ctrl"), e.metaKey && t.push("meta"), e.code && t.push(e.code.toLowerCase().replace(/key/g, "")), t.sort();
   }
 }
-class N {
+class j {
   onCheckboxChanged(e) {
   }
   onContextmenu(e) {
@@ -1596,7 +1623,7 @@ class N {
   onMouseMoved(e) {
   }
 }
-class K {
+class Y {
   setStyle(e, t, s) {
     return e.style[t] = s, e;
   }
@@ -1623,7 +1650,7 @@ class K {
     e.setAttribute(t, s);
   }
 }
-class be {
+class ye {
   render(e, t, s, i, o, r, n) {
     if (o.isEditable(t, s)) {
       n.addClass(e, "ge-table-row-input-div");
@@ -1644,7 +1671,7 @@ class be {
     }
   }
 }
-class ye {
+class ve {
   constructor(e = "none", t = "single") {
     this.selectionType = e, this.selectionMode = t, this.ranges = [], this.negativeRanges = [], this.allSelected = !1;
   }
@@ -1688,7 +1715,7 @@ class ye {
     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));
   }
 }
-class ve {
+class Ce {
   constructor(e = "none") {
     this.selectionType = e, this.rowIndex = -1, this.columnIndex = -1, this.changed = !1;
   }
@@ -1711,29 +1738,29 @@ class ve {
     return [this.rowIndex, this.columnIndex];
   }
 }
-const Ce = new ye(), xe = new ve("cell");
-class Y {
+const xe = new ve(), we = new Ce("cell");
+class q {
   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 X(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new z(), this.sortOrder = ["asc", "desc"], this.getEditRenderer = (e, t) => new be(), this.getSelectionModel = () => Ce, this.getFocusModel = () => xe;
+    }, this.footerVerticalSeparator = !1, this.headerToggleExpandCollapseIcons = !1, this.headerVerticalSeparator = !1, this.treeOptions = new z(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new K(), this.sortOrder = ["asc", "desc"], this.getEditRenderer = (e, t) => new ye(), this.getSelectionModel = () => xe, this.getFocusModel = () => we;
   }
 }
-class _ extends he {
+class k extends ce {
   constructor(e, t, s, i, o) {
     var r;
     if (super(
       e,
       t,
-      new Z(s),
+      new ee(s),
       i
-    ), this.eventListener = o, this.selectionService = new Se(this), this.api = new se(this), this.mouseStartAction = "", this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, o || (this.eventListener = new N()), (r = this.tableOptions) != null && r.autoRestoreOptions) {
+    ), this.eventListener = o, this.licenseManager = D.getInstance(), this.selectionService = new ge(this), this.api = new ie(this), this.mouseStartAction = "", this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, o || (this.eventListener = new j()), (r = this.tableOptions) != null && r.autoRestoreOptions) {
       const n = this.tableOptions.autoRestoreOptions, l = n.getStorageKeyFn;
-      l && (n.autoRestoreScrollPosition && (this.storeScrollPosStateService = new ie(l)), n.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new le(l)), n.autoRestoreSortingState && (this.storeSortingService = new re(l)));
+      l && (n.autoRestoreScrollPosition && (this.storeScrollPosStateService = new oe(l)), n.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new re(l)), n.autoRestoreSortingState && (this.storeSortingService = new ne(l)));
     }
-    this.mouseHandler = new te(this), this.inputHandler = new pe(this), this.shortcutService = new fe(this), this.shortcutService.addListener(this.selectionService);
+    this.mouseHandler = new se(this), this.inputHandler = new ue(this), this.shortcutService = new be(this), this.shortcutService.addListener(this.selectionService);
   }
   /**
    * Creates a TableScope instance.
@@ -1746,8 +1773,8 @@ class _ extends he {
    *
    * @return {TableScope} - The newly created TableScope instance.
    */
-  static create(e, t, s = new Y(), i = new N(), o = new K()) {
-    return new _(
+  static create(e, t, s = new q(), i = new j(), o = new Y()) {
+    return new k(
       e,
       t,
       o,
@@ -1769,7 +1796,7 @@ class _ extends he {
     return !1;
   }
   updateModelValueAfterEdit(e, t, s, i) {
-    e === "body" && this.tableModel.getAreaModel(e).setValue(t, s, i) && (this.resetEditorRenderer(), this.repaint(), this.eventListener.onModelChanged(V.createSingle(t, s)), this.hostElement.focus());
+    e === "body" && this.tableModel.getAreaModel(e).setValue(t, s, i) && (this.resetEditorRenderer(), this.repaint(), this.eventListener.onModelChanged(G.createSingle(t, s)), this.hostElement.focus());
   }
   /**
    * Retrieves the TableApi object.
@@ -1798,7 +1825,7 @@ class _ extends he {
    * @return {GeMouseEvent} - The created GeMouseEvent object.
    */
   createGeMouseEvent(e) {
-    const t = new W();
+    const t = new H();
     if (t.originalEvent = e, e) {
       const s = e.target;
       if ([t.areaIdent, t.sideIdent] = this.getAreaAndSideIdentByAttr(s), t.rowIndex = this.getNumberByAttr(s, "data-row-index"), t.columnIndex = this.getNumberByAttr(s, "data-col-index"), t.action = this.getStringByAttr(s, "data-ge-action"), t.areaIdent) {
@@ -1867,7 +1894,7 @@ class _ extends he {
   toggleExpandCollapseAll(e = !0) {
     var s;
     const t = this.tableModel.getBodyModel();
-    $(t) && (t.toggleExpandCollapseAll(e), this.repaint(), (s = this.storeStateCollapsedExpandService) == null || s.collapsedStateAll(e));
+    B(t) && (t.toggleExpandCollapseAll(e), this.repaint(), (s = this.storeStateCollapsedExpandService) == null || s.collapsedStateAll(e));
   }
   /**
    * Toggles the checkbox state of a specific row in a table.
@@ -1924,7 +1951,7 @@ class _ extends he {
     const i = this.tableModel.getColumnDef(s);
     if (i != null && i.sortable && i.sortable()) {
       e.preventDefault(), e.stopPropagation();
-      const n = i.sortStatesOrder ? i.sortStatesOrder : this.tableOptions.sortOrder, l = i.sortState ?? "", a = n[(n.indexOf(l) + 1) % n.length], d = new ce(s, a);
+      const n = i.sortStatesOrder ? i.sortStatesOrder : this.tableOptions.sortOrder, l = i.sortState ?? "", a = n[(n.indexOf(l) + 1) % n.length], d = new pe(s, a);
       this.tableModel.doSort([d]) && ((o = this.tableModel.getColumnDefs()) == null || o.forEach((g) => g.sortState = ""), i.sortState = a), this.repaint(), (r = this.storeSortingService) == null || r.setSortItems([d]);
     }
   }
@@ -2014,7 +2041,7 @@ class _ extends he {
       const s = this.tableOptions.autoRestoreOptions, i = s.getRowId;
       if (s.autoRestoreCollapsedExpandedState && i) {
         const o = this.storeStateCollapsedExpandService.collapsedExpandedStateGet(), r = this.tableModel.getAreaModel("body");
-        if ($(r)) {
+        if (B(r)) {
           const n = r, l = r.getRowCount();
           for (let a = 0; a < l; a++) {
             const d = r.getRowByIndex(a);
@@ -2024,8 +2051,8 @@ class _ extends he {
               else if (o.allCollapsed)
                 d.expanded = !1;
               else {
-                const S = i(d.data);
-                o.mode === "expanded" ? d.expanded = this.storeStateCollapsedExpandService.collapsedExpandedStateIncludes(S) : o.mode === "collapsed" && (d.expanded = !this.storeStateCollapsedExpandService.collapsedExpandedStateIncludes(S));
+                const u = i(d.data);
+                o.mode === "expanded" ? d.expanded = this.storeStateCollapsedExpandService.collapsedExpandedStateIncludes(u) : o.mode === "collapsed" && (d.expanded = !this.storeStateCollapsedExpandService.collapsedExpandedStateIncludes(u));
               }
           }
           n.recalcVisibleTreeRows();
@@ -2033,10 +2060,32 @@ class _ extends he {
       }
     }
   }
+  /**
+   * Scrolls the viewport to the specified pixel coordinates.
+   *
+   * @param {number} px - The horizontal pixel coordinate to scroll to.
+   * @param {number} py - The vertical pixel coordinate to scroll to.
+   *
+   * @return {void}
+   */
+  scrollToPixel(e, t) {
+    this.scrollViewport.scrollTo(e, t);
+  }
+  /**
+   * Scrolls to the specified index in the table.
+   *
+   * @param {number} _indexX - The horizontal index of the table where scrolling is needed.
+   * @param {number} indexY - The vertical index of the table where scrolling is needed.
+   * @return {void}
+   */
+  scrollToIndex(e, t) {
+    const i = this.tableModel.getAreaModel("body").getYPosByRowIndex(t);
+    this.scrollToPixel(0, i);
+  }
 }
-function Re({
+function Me({
   tableModel: p,
-  tableOptions: e = new Y(),
+  tableOptions: e = new q(),
   mouseMoved: t,
   checkboxChanged: s,
   contextmenu: i,
@@ -2044,49 +2093,50 @@ function Re({
   mouseClicked: r,
   mouseDragging: n,
   mouseDraggingEnd: l,
-  tableReady: a
+  tableReady: a,
+  licenseKey: d
 }) {
-  const d = U(null);
-  let S = !1;
-  J(() => {
-    d.current && !S && (g(d.current), S = !0);
+  const u = J(null);
+  let g = !1;
+  Q(() => {
+    u.current && !g && (m(u.current), g = !0);
   });
-  const g = (m) => {
-    const h = {
-      onCheckboxChanged: (c) => {
-        s && s(c);
+  const m = (c) => {
+    const f = {
+      onCheckboxChanged: (h) => {
+        s && s(h);
       },
-      onContextmenu: (c) => {
-        i && i(c);
+      onContextmenu: (h) => {
+        i && i(h);
       },
-      onModelChanged: (c) => {
-        o && o(c);
+      onModelChanged: (h) => {
+        o && o(h);
       },
-      onMouseClicked: (c) => {
-        r && r(c);
+      onMouseClicked: (h) => {
+        r && r(h);
       },
-      onMouseDragging: (c) => {
-        n && n(c);
+      onMouseDragging: (h) => {
+        n && n(h);
       },
-      onMouseDraggingEnd: (c) => {
-        l && l(c);
+      onMouseDraggingEnd: (h) => {
+        l && l(h);
       },
-      onMouseMoved: (c) => {
-        t && t(c);
+      onMouseMoved: (h) => {
+        t && t(h);
       }
-    }, f = new _(
-      m,
+    }, S = new k(
+      c,
       p,
-      new K(),
+      new Y(),
       e,
-      h
+      f
     );
-    f.firstInit(), a && a(f.getApi());
+    S.firstInit(), a && a(S.getApi()), d && D.getInstance().setLicenseKey(d);
   };
-  return /* @__PURE__ */ q(
+  return /* @__PURE__ */ U(
     "div",
     {
-      ref: d,
+      ref: u,
       className: "container-div",
       style: {
         width: "100%",
@@ -2098,21 +2148,21 @@ function Re({
     }
   );
 }
-var B, F = Q;
+var W, L = Z;
 if (process.env.NODE_ENV === "production")
-  B = F.createRoot, F.hydrateRoot;
+  W = L.createRoot, L.hydrateRoot;
 else {
-  var j = F.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-  B = function(p, e) {
-    j.usingClientEntryPoint = !0;
+  var X = L.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  W = function(p, e) {
+    X.usingClientEntryPoint = !0;
     try {
-      return F.createRoot(p, e);
+      return L.createRoot(p, e);
     } finally {
-      j.usingClientEntryPoint = !1;
+      X.usingClientEntryPoint = !1;
     }
   };
 }
-class Me {
+class Te {
   constructor(e) {
     this.Component = e, console.info(e);
   }
@@ -2124,13 +2174,13 @@ class Me {
       areaIdent: i,
       areaModel: o,
       cellValue: r
-    }, a = B(e, {});
+    }, a = W(e, {});
     return a.render(this.Component(l)), () => {
       a.unmount();
     };
   }
 }
 export {
-  Me as ComponentRendererWrapper,
-  Re as GuiexpertTable
+  Te as ComponentRendererWrapper,
+  Me as GuiexpertTable
 };