@guiexpert/solid-table 1.0.11 → 1.0.12

package/index.js

@@ -1,17 +1,17 @@
-const we = (l, e) => l === e, q = Symbol("solid-proxy"), ae = {
-  equals: we
+const Ce = (l, e) => l === e, q = Symbol("solid-proxy"), de = {
+  equals: Ce
 };
-let ce = pe;
-const L = 1, k = 2, ue = {
+let ue = fe;
+const L = 1, k = 2, pe = {
   owned: null,
   cleanups: null,
   context: null,
   owner: null
 };
 var A = null;
-let Y = null, b = null, E = null, F = null, X = 0;
-function Ce(l, e) {
-  const t = b, s = A, i = l.length === 0, o = e === void 0 ? s : e, r = i ? ue : {
+let Y = null, b = null, x = null, F = null, X = 0;
+function xe(l, e) {
+  const t = b, s = A, i = l.length === 0, o = e === void 0 ? s : e, r = i ? pe : {
     owned: null,
     cleanups: null,
     context: o ? o.context : null,
@@ -28,15 +28,15 @@ function J(l, e, t) {
   const s = te(l, e, !1, L);
   W(s);
 }
-function xe(l, e, t) {
-  ce = Ie;
+function Ee(l, e, t) {
+  ue = Oe;
   const s = te(l, e, !1, L);
   (!t || !t.render) && (s.user = !0), F ? F.push(s) : W(s);
 }
-function Ee(l, e, t) {
-  t = t ? Object.assign({}, ae, t) : ae;
+function Ae(l, e, t) {
+  t = t ? Object.assign({}, de, t) : de;
   const s = te(l, e, !0, 0);
-  return s.observers = null, s.observerSlots = null, s.comparator = t.equals || void 0, W(s), Me.bind(s);
+  return s.observers = null, s.observerSlots = null, s.comparator = t.equals || void 0, W(s), Re.bind(s);
 }
 function P(l) {
   if (b === null)
@@ -49,16 +49,16 @@ function P(l) {
     b = e;
   }
 }
-function Ae(l) {
-  xe(() => P(l));
+function Me(l) {
+  Ee(() => P(l));
 }
-function Me() {
+function Re() {
   if (this.sources && this.state)
     if (this.state === L)
       W(this);
     else {
-      const l = E;
-      E = null, H(() => N(this), !1), E = l;
+      const l = x;
+      x = null, H(() => N(this), !1), x = l;
     }
   if (b) {
     const l = this.observers ? this.observers.length : 0;
@@ -66,15 +66,15 @@ function Me() {
   }
   return this.value;
 }
-function Re(l, e, t) {
+function Te(l, e, t) {
   let s = l.value;
   return (!l.comparator || !l.comparator(s, e)) && (l.value = e, l.observers && l.observers.length && H(() => {
     for (let i = 0; i < l.observers.length; i += 1) {
       const o = l.observers[i], r = Y && Y.running;
-      r && Y.disposed.has(o), (r ? !o.tState : !o.state) && (o.pure ? E.push(o) : F.push(o), o.observers && fe(o)), r || (o.state = L);
+      r && Y.disposed.has(o), (r ? !o.tState : !o.state) && (o.pure ? x.push(o) : F.push(o), o.observers && Se(o)), r || (o.state = L);
     }
-    if (E.length > 1e6)
-      throw E = [], new Error();
+    if (x.length > 1e6)
+      throw x = [], new Error();
   }, !1)), e;
 }
 function W(l) {
@@ -82,16 +82,16 @@ function W(l) {
     return;
   K(l);
   const e = A, t = b, s = X;
-  b = A = l, Te(l, l.value, s), b = t, A = e;
+  b = A = l, De(l, l.value, s), b = t, A = e;
 }
-function Te(l, e, t) {
+function De(l, e, t) {
   let s;
   try {
     s = l.fn(e);
   } catch (i) {
-    return l.pure && (l.state = L, l.owned && l.owned.forEach(K), l.owned = null), l.updatedAt = t + 1, Se(i);
+    return l.pure && (l.state = L, l.owned && l.owned.forEach(K), l.owned = null), l.updatedAt = t + 1, ge(i);
   }
-  (!l.updatedAt || l.updatedAt <= t) && (l.updatedAt != null && "observers" in l ? Re(l, s) : l.value = s, l.updatedAt = t);
+  (!l.updatedAt || l.updatedAt <= t) && (l.updatedAt != null && "observers" in l ? Te(l, s) : l.value = s, l.updatedAt = t);
 }
 function te(l, e, t, s = L, i) {
   const o = {
@@ -107,7 +107,7 @@ function te(l, e, t, s = L, i) {
     context: A ? A.context : null,
     pure: t
   };
-  return A === null || A !== ue && (A.owned ? A.owned.push(o) : A.owned = [o]), o;
+  return A === null || A !== pe && (A.owned ? A.owned.push(o) : A.owned = [o]), o;
 }
 function G(l) {
   if (l.state === 0)
@@ -123,33 +123,33 @@ function G(l) {
     if (l = e[t], l.state === L)
       W(l);
     else if (l.state === k) {
-      const s = E;
-      E = null, H(() => N(l, e[0]), !1), E = s;
+      const s = x;
+      x = null, H(() => N(l, e[0]), !1), x = s;
     }
 }
 function H(l, e) {
-  if (E)
+  if (x)
     return l();
   let t = !1;
-  e || (E = []), F ? t = !0 : F = [], X++;
+  e || (x = []), F ? t = !0 : F = [], X++;
   try {
     const s = l();
-    return De(t), s;
+    return Ie(t), s;
   } catch (s) {
-    t || (F = null), E = null, Se(s);
+    t || (F = null), x = null, ge(s);
   }
 }
-function De(l) {
-  if (E && (pe(E), E = null), l)
+function Ie(l) {
+  if (x && (fe(x), x = null), l)
     return;
   const e = F;
-  F = null, e.length && H(() => ce(e), !1);
+  F = null, e.length && H(() => ue(e), !1);
 }
-function pe(l) {
+function fe(l) {
   for (let e = 0; e < l.length; e++)
     G(l[e]);
 }
-function Ie(l) {
+function Oe(l) {
   let e, t = 0;
   for (e = 0; e < l.length; e++) {
     const s = l[e];
@@ -168,10 +168,10 @@ function N(l, e) {
     }
   }
 }
-function fe(l) {
+function Se(l) {
   for (let e = 0; e < l.observers.length; e += 1) {
     const t = l.observers[e];
-    t.state || (t.state = k, t.pure ? E.push(t) : F.push(t), t.observers && fe(t));
+    t.state || (t.state = k, t.pure ? x.push(t) : F.push(t), t.observers && Se(t));
   }
 }
 function K(l) {
@@ -196,18 +196,18 @@ function K(l) {
   }
   l.state = 0;
 }
-function Oe(l) {
+function Fe(l) {
   return l instanceof Error ? l : new Error(typeof l == "string" ? l : "Unknown error", {
     cause: l
   });
 }
-function Se(l, e = A) {
-  throw Oe(l);
+function ge(l, e = A) {
+  throw Fe(l);
 }
 function _() {
   return !0;
 }
-const Fe = {
+const Le = {
   get(l, e, t) {
     return e === q ? t : l.get(e);
   },
@@ -234,18 +234,18 @@ const Fe = {
 function U(l) {
   return (l = typeof l == "function" ? l() : l) ? l : {};
 }
-function Le() {
+function $e() {
   for (let l = 0, e = this.length; l < e; ++l) {
     const t = this[l]();
     if (t !== void 0)
       return t;
   }
 }
-function ge(...l) {
+function me(...l) {
   let e = !1;
   for (let o = 0; o < l.length; o++) {
     const r = l[o];
-    e = e || !!r && q in r, l[o] = typeof r == "function" ? (e = !0, Ee(r)) : r;
+    e = e || !!r && q in r, l[o] = typeof r == "function" ? (e = !0, Ae(r)) : r;
   }
   if (e)
     return new Proxy({
@@ -268,7 +268,7 @@ function ge(...l) {
           o.push(...Object.keys(U(l[r])));
         return [...new Set(o)];
       }
-    }, Fe);
+    }, Le);
   const t = {}, s = {}, i = /* @__PURE__ */ new Set();
   for (let o = l.length - 1; o >= 0; o--) {
     const r = l[o];
@@ -284,7 +284,7 @@ function ge(...l) {
         c.get ? (i.add(d), Object.defineProperty(t, d, {
           enumerable: !0,
           configurable: !0,
-          get: Le.bind(s[d] = [c.get.bind(r)])
+          get: $e.bind(s[d] = [c.get.bind(r)])
         })) : (c.value !== void 0 && i.add(d), t[d] = c.value);
       else {
         const p = s[d];
@@ -294,7 +294,7 @@ function ge(...l) {
   }
   return t;
 }
-function $e(l, e, t) {
+function Be(l, e, t) {
   let s = t.length, i = e.length, o = s, r = 0, n = 0, a = e[i - 1].nextSibling, h = null;
   for (; r < i || n < o; ) {
     if (e[r] === t[n]) {
@@ -339,15 +339,15 @@ function $e(l, e, t) {
     }
   }
 }
-function Be(l, e, t, s = {}) {
+function Pe(l, e, t, s = {}) {
   let i;
-  return Ce((o) => {
-    i = o, e === document ? l() : He(e, l(), e.firstChild ? null : void 0, t);
+  return xe((o) => {
+    i = o, e === document ? l() : Ve(e, l(), e.firstChild ? null : void 0, t);
   }, s.owner), () => {
     i(), e.textContent = "";
   };
 }
-function Pe(l, e, t) {
+function We(l, e, t) {
   let s;
   const i = () => {
     const r = document.createElement("template");
@@ -355,10 +355,10 @@ function Pe(l, e, t) {
   }, o = e ? () => P(() => document.importNode(s || (s = i()), !0)) : () => (s || (s = i())).cloneNode(!0);
   return o.cloneNode = o, o;
 }
-function We(l, e, t) {
+function He(l, e, t) {
   return P(() => l(e, t));
 }
-function He(l, e, t, s) {
+function Ve(l, e, t, s) {
   if (t !== void 0 && !s && (s = []), typeof e != "function")
     return j(l, e, s, t);
   J((i) => j(l, e(), i, t), s);
@@ -393,7 +393,7 @@ function j(l, e, t, s, i) {
         if (t = B(l, t, s), r)
           return t;
       } else
-        a ? t.length === 0 ? de(l, n, s) : $e(l, t, n) : (t && B(l), de(l, n));
+        a ? t.length === 0 ? he(l, n, s) : Be(l, t, n) : (t && B(l), he(l, n));
       t = n;
     } else if (e.nodeType) {
       if (Array.isArray(t)) {
@@ -430,7 +430,7 @@ function Q(l, e, t, s) {
   }
   return i;
 }
-function de(l, e, t = null) {
+function he(l, e, t = null) {
   for (let s = 0, i = e.length; s < i; s++)
     l.insertBefore(e[s], t);
 }
@@ -452,25 +452,25 @@ function B(l, e, t, s) {
     l.insertBefore(i, t);
   return [i];
 }
-class ht {
+class ct {
   constructor(e) {
     this.code = e;
   }
   render(e, t, s, i, o, r, n) {
-    const a = ge({
+    const a = me({
       rowIndex: t,
       columnIndex: s,
       areaIdent: i,
       areaModel: o,
       cellValue: r
     });
-    Be(
+    Pe(
       () => this.code(a),
       e
     );
   }
 }
-const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
 }, Symbol.toStringTag, { value: "Module" }));
 function Z(l) {
@@ -504,7 +504,7 @@ class $ {
     this.content = e, this.style = t, this.classes = s;
   }
 }
-class me {
+class be {
   constructor(e = new $(
     ">",
     "transform: rotate(90deg) translate(66%, -66%); transform-origin: 0 0;",
@@ -525,12 +525,12 @@ class me {
     this.arrowExpanded = e, this.arrowCollapsed = t, this.arrowPlaceholder = s, this.arrowExpandCollapseAll = i;
   }
 }
-class be {
+class ye {
   constructor(e = new $("↑", "", ["ge-header-sorted-asc"]), t = new $("↓", "", ["ge-header-sorted-desc"]), s = new $("↑", "color:transparent;", [])) {
     this.iconAsc = e, this.iconDesc = t, this.iconPlaceholder = s;
   }
 }
-class Ve {
+class _e {
   constructor(e) {
     this.domService = e;
   }
@@ -618,10 +618,10 @@ class Ve {
   addColumnDiv(e, t, s = -1, i = -1, o, r, n = "", a, h, d = void 0, c) {
     const p = h == null ? void 0 : h.treeOptions, g = h == null ? void 0 : h.showCheckboxWihoutExtraColumn, u = this.domService.createElement("div");
     this.domService.addClass(u, "ge-table-col-div"), this.domService.addClass(u, `ge-table-col-div-${t.index}`), this.domService.setAttribute(u, "data-col-index", `${t.index}`), this.domService.setAttribute(u, "data-row-index", `${s}`), this.domService.setAttribute(u, "data-area", `${o}`);
-    const y = ((t == null ? void 0 : t.index) ?? 0) % 2 === 0 ? "even" : "odd";
-    if (o === "body" && r === "center" && this.domService.addClass(u, `ge-table-column-${y}`), this.domService.setStyle(u, "display", "clip"), this.domService.setStyle(u, "position", "absolute"), this.domService.setStyle(u, "left", `${t.left}px`), this.domService.setStyle(u, "top", `${t.top}px`), this.domService.setStyle(u, "width", `${t.width}px`), this.domService.setStyle(u, "height", `${t.height}px`), a && a !== "none" && (this.domService.addClass(u, "ge-table-col-tree"), this.addArrowDiv(u, a, p, s, i, o)), g && i === 0 && d && this.addCheckboxToDiv(u, d, o, s), n) {
-      const f = a !== "none" && i === 0;
-      this.addLabelDiv(u, n, f, s, i, o);
+    const m = ((t == null ? void 0 : t.index) ?? 0) % 2 === 0 ? "even" : "odd";
+    if (o === "body" && r === "center" && this.domService.addClass(u, `ge-table-column-${m}`), this.domService.setStyle(u, "display", "clip"), this.domService.setStyle(u, "position", "absolute"), this.domService.setStyle(u, "left", `${t.left}px`), this.domService.setStyle(u, "top", `${t.top}px`), this.domService.setStyle(u, "width", `${t.width}px`), this.domService.setStyle(u, "height", `${t.height}px`), a && a !== "none" && (this.domService.addClass(u, "ge-table-col-tree"), this.addArrowDiv(u, a, p, s, i, o)), g && i === 0 && d && this.addCheckboxToDiv(u, d, o, s), n) {
+      const S = a !== "none" && i === 0;
+      this.addLabelDiv(u, n, S, s, i, o);
     }
     return c && this.addSortedIcon(u, c, h == null ? void 0 : h.sortedOptions, i), this.domService.appendChild(e, u), u;
   }
@@ -650,7 +650,7 @@ class Ve {
       }
     return this.domService.appendChild(e, n), n;
   }
-  addSortedIcon(e, t = "", s = new be(), i = -1) {
+  addSortedIcon(e, t = "", s = new ye(), 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;
@@ -661,7 +661,7 @@ class Ve {
       this.domService.addClass(o, h);
     return this.domService.appendChild(e, o), o;
   }
-  addArrowDiv(e, t = "none", s = new me(), i = -1, o = -1, r = "body") {
+  addArrowDiv(e, t = "none", s = new be(), 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 a;
@@ -712,7 +712,7 @@ class Ve {
   }
 }
 const ie = (l) => l === "header" ? "header" : l === "footer" ? "footer" : "body";
-class _e {
+class ke {
   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"));
@@ -724,19 +724,33 @@ class _e {
     }
   }
 }
-class ke {
+class Ge {
   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))
     );
   }
+  /**
+   * Handles the "contextmenu" event.
+   *
+   * @private
+   * @param {MouseEvent} evt - The mouse event object.
+   * @return {void}
+   */
   onContextmenu(e) {
     this.mouseEvent = e;
     const t = this.tableScope.createGeMouseEvent(this.mouseEvent);
     this.tableScope.contextmenu(t);
   }
+  /**
+   * Handles the click event on the host element.
+   *
+   * @param {MouseEvent} event - The click event.
+   *
+   * @return {void}
+   */
   onHostElementClicked(e) {
-    const t = new _e(e.target, this.tableScope);
+    const t = new ke(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)
@@ -755,6 +769,12 @@ class ke {
     }
     this.publishGeMouseEvent(e, 1);
   }
+  /**
+   * Handles the double click event on the host element.
+   * This method is private.
+   *
+   * @param {MouseEvent} event - The double click event.
+   */
   onHostElementDblClicked(e) {
     if (e.target instanceof HTMLElement) {
       const t = e.target, s = t.getAttribute("data-area"), i = ie(s), o = Number(t.getAttribute("data-row-index")), r = Number(t.getAttribute("data-col-index")), n = this.tableScope.tableModel.getAreaModel(i);
@@ -771,10 +791,24 @@ class ke {
     }
     this.publishGeMouseEvent(e, 2);
   }
+  /**
+   * Publishes a GeMouseEvent.
+   *
+   * @param {MouseEvent} event - The MouseEvent to publish.
+   * @param {number} clickCount - The number of clicks for the GeMouseEvent.
+   *
+   * @return {void}
+   */
   publishGeMouseEvent(e, t) {
     var s;
     this.mouseEvent = e, this.geMouseEventOld = (s = this.geMouseEvent) == null ? void 0 : s.clone(), this.geMouseEvent = this.tableScope.createGeMouseEvent(e), this.geMouseEvent && (this.geMouseEvent.clickCount = t), this.tableScope.onMouseClicked(this.geMouseEvent, this.geMouseEventOld);
   }
+  /**
+   * Update the collapsed/expanded state of a tree row.
+   *
+   * @param {TreeRowIf<any>} tr - The tree row object.
+   * @returns {void}
+   */
   updateCollapsedExpandedState(e) {
     var s, i, o, r, n;
     const t = (i = (s = this.tableScope.tableOptions) == null ? void 0 : s.autoRestoreOptions) == null ? void 0 : i.getRowId;
@@ -816,35 +850,107 @@ class ke {
     }
   }
 }
-class Ge {
+class Ne {
   constructor(e) {
     this.tableScope = e;
   }
+  /**
+   * Updates the cells in the table based on the provided events.
+   *
+   * @param {TableCellUpdateEventIf[]} events - The array of events representing the updates to perform on the cells.
+   * @param {boolean} [repaintAll=false] - Optional parameter indicating whether to repaint all cells or not. Default value is false. If true, the full table will be rendered. If false, the table cell will be rendered immediately.
+   *
+   * @return {void} - This method doesn't return anything.
+   */
   updateCells(e, t = !1) {
     this.tableScope.updateCells(e, t);
   }
+  /**
+   * Notifies that the external filter has changed.
+   *
+   * @return {void}
+   */
   externalFilterChanged() {
     this.tableScope.externalFilterChanged();
   }
+  /**
+   * 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.
+   * @return {void}
+   */
   scrollToPixel(e = 0, t = 0) {
   }
+  /**
+   * 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.
+   *
+   * @return undefined
+   */
   scrollToIndex(e = 0, t = 0) {
   }
+  /**
+   * Sets whether the header is visible or not.
+   *
+   * @param _visible - A boolean value indicating whether the header should be visible. Default value is true.
+   *
+   * @return undefined
+   */
   setHeaderVisible(e = !0) {
   }
+  /**
+   * Sets the visibility of a column in the table.
+   *
+   * @param {_column} - The column index or column definition to set visibility for.
+   * @param {_visible=true} - The flag to set visibility to. true for visible, false for hidden.
+   *
+   * @return {void} - There is no return value.
+   */
   setColumnVisible(e, t = !0) {
   }
+  /**
+   * Returns whether a column is visible or not.
+   *
+   * @param {number | ColumnDefIf} _column - The column index or the column definition.
+   * @return {boolean} - True if the column is visible, false otherwise.
+   */
   isColumnVisible(e) {
     return !0;
   }
+  /**
+   * Checks if the header is visible.
+   *
+   * @return {boolean} - Returns true if the header is visible, otherwise returns false.
+   */
   isHeaderVisible() {
     return !0;
   }
+  /**
+   * Sets the visibility of the footer.
+   *
+   * @param {boolean} _visible - Indicates whether the footer should be visible or not. Default value is true.
+   *
+   * @return {void} - This method does not return any value.
+   */
   setFooterVisible(e = !0) {
   }
+  /**
+   * Determines if the footer is visible.
+   *
+   * @returns {boolean} True if the footer is visible, false otherwise.
+   */
   isFooterVisible() {
     return !0;
   }
+  /**
+   * Repaints the table.
+   *
+   * This method calls the repaint method of the tableScope object
+   * to update and redraw the table based on the latest data.
+   */
   repaint() {
     this.tableScope.repaint();
   }
@@ -924,7 +1030,7 @@ class oe {
   //   }
   // }
 }
-class Ne extends oe {
+class je extends oe {
   constructor(e) {
     super(e), this.SCROLL_STATE = "scrollState", this.scrollOffset = [0, 0], this.load();
   }
@@ -946,14 +1052,14 @@ class Ne extends oe {
     }
   }
 }
-class je {
+class Xe {
   constructor(e = "collapsed", t = [], s = !1, i = !1) {
     this.mode = e, this.rowIds = t, this.allCollapsed = s, this.allExpanded = i;
   }
 }
-class Xe extends oe {
+class Ke extends oe {
   constructor(e) {
-    super(e), this.COLLAPSED_EXPANDED_STATE = "collapsedExpandedState", this.collapsedExpandedState = new je(), this.load();
+    super(e), this.COLLAPSED_EXPANDED_STATE = "collapsedExpandedState", this.collapsedExpandedState = new Xe(), this.load();
   }
   collapsedExpandedStateGet() {
     return this.collapsedExpandedState;
@@ -985,7 +1091,7 @@ class Xe extends oe {
     this.checkAndPersistItem(this.COLLAPSED_EXPANDED_STATE, this.collapsedExpandedState);
   }
 }
-class Ke extends oe {
+class ze extends oe {
   constructor(e) {
     super(e), this.SORTING_STATE = "sortingState", this.sortItems = [], this.load();
   }
@@ -1012,7 +1118,7 @@ class O {
     this.left = e, this.width = t, this.height = s, this.top = i, this.index = o;
   }
 }
-class ze {
+class Ye {
   constructor(e, t, s, i) {
     this.hostElement = e, this.tableModel = t, this.dom = s, this.tableOptions = i, this.scrollTop = 0, this.areaBodyWestGeo = new O(), this.areaBodyCenterGeo = new O(), this.areaBodyEastGeo = new O();
     const o = this.hostElement;
@@ -1163,12 +1269,21 @@ class ze {
     this.dom.setStyle(this.contentWrapperDiv, "width", e), this.dom.setStyle(this.contentWrapperDiv, "height", t);
   }
 }
-class T {
+class D {
+  /**
+   * Represents a constructor for a class.
+   * @constructor
+   * @param {number} r1 - The value for r1.
+   * @param {number} c1 - The value for c1.
+   * @param {number} r2 - The value for r2.
+   * @param {number} c2 - The value for c2.
+   * @param {boolean} [gammaRange=false] - The value for gammaRange. Defaults to false. gammaRange will be used for AreaModelCellGroups, but it's not implemented yet!
+   */
   constructor(e, t, s, i, o = !1) {
     this.r1 = e, this.c1 = t, this.r2 = s, this.c2 = i, this.gammaRange = o;
   }
   static create(e) {
-    return e.gammaRange === void 0 && (e.gammaRange = !1), new T(
+    return e.gammaRange === void 0 && (e.gammaRange = !1), new D(
       e.rowIndex1,
       e.columnIndex1,
       e.rowIndex2,
@@ -1177,19 +1292,19 @@ class T {
     );
   }
   static singleCell(e, t) {
-    return new T(e, t, e, t);
+    return new D(e, t, e, t);
   }
   static singleRow(e) {
-    return new T(e, 0, e, Number.MAX_SAFE_INTEGER);
+    return new D(e, 0, e, Number.MAX_SAFE_INTEGER);
   }
   static singleColumn(e) {
-    return new T(0, e, Number.MAX_SAFE_INTEGER, e);
+    return new D(0, e, Number.MAX_SAFE_INTEGER, e);
   }
   isInRange(e, t) {
     return e >= this.r1 && e <= this.r2 && t >= this.c1 && t <= this.c2;
   }
 }
-class Ye {
+class Ue {
   constructor(e, t) {
     this.tableModel = e, this.areaModel = t, this.colAndRowspanRanges = void 0;
   }
@@ -1205,7 +1320,7 @@ class Ye {
           o === 0 && (o = 1), r === 0 && (r = 1);
           const n = this.areaModel.hasOwnProperty("gammaCells");
           this.colAndRowspanRanges.push(
-            new T(s, i, s + r - 1, i + o - 1, n)
+            new D(s, i, s + r - 1, i + o - 1, n)
           );
         }
       }
@@ -1222,22 +1337,22 @@ class Ye {
     return !1;
   }
 }
-class Ue {
+class qe {
   constructor(e, t, s) {
     this.header = e, this.body = t, this.footer = s;
   }
 }
-class qe extends ze {
+class Je extends Ye {
   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 Ue(), 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), ee(t.getAreaModel("body")) && (this.tree = !0), ["header", "body", "footer"].forEach(
+    }, this.tree = !1, this.colAndRowspanModels = new qe(), 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), ee(t.getAreaModel("body")) && (this.tree = !0), ["header", "body", "footer"].forEach(
       (a) => {
         var h;
-        this.colAndRowspanModels[a] = new Ye(t, t.getAreaModel(a)), (h = this.colAndRowspanModels[a]) == null || h.init();
+        this.colAndRowspanModels[a] = new Ue(t, t.getAreaModel(a)), (h = this.colAndRowspanModels[a]) == null || h.init();
       }
     );
   }
@@ -1356,87 +1471,87 @@ class qe extends ze {
     return "";
   }
   adjustArea(e, t = 0) {
-    var f;
+    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, a = this.areaBodyCenterGeo.width, h = this.tableModel.getPadding(), d = this.tableModel.getAreaModel(e), c = d.getRowCount();
     for (; this.cleanupFunctions[e].length; ) {
-      const S = this.cleanupFunctions[e].shift();
-      S && S();
+      const f = this.cleanupFunctions[e].shift();
+      f && f();
     }
     let p = t;
-    const g = this.tableModel.getColumnCount(), u = this.tableModel.getFixedRightColumnCount(), y = this.tableModel.getFixedLeftColumnCount();
-    for (let S = 0; S < c; S++) {
-      const C = p, x = S === c - 1, M = this.tableModel.getRowHeight(e, S);
-      if (C + M > 0) {
-        this.firstVisibleRowIndex = S;
-        let w = { left: n, width: a, height: M, top: C, index: S }, m = this.dom.addRowDiv(i, w, S, e, "center");
-        const I = y;
+    const g = this.tableModel.getColumnCount(), u = this.tableModel.getFixedRightColumnCount(), m = this.tableModel.getFixedLeftColumnCount();
+    for (let f = 0; f < c; f++) {
+      const M = p, C = f === c - 1, E = this.tableModel.getRowHeight(e, f);
+      if (M + E > 0) {
+        this.firstVisibleRowIndex = f;
+        let v = { left: n, width: a, height: E, top: M, index: f }, w = this.dom.addRowDiv(i, v, f, e, "center");
+        const R = m;
         if (this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "center",
           areaModel: d,
-          geo: w,
-          parent: m,
-          rowIndex: S,
-          columnIndexStart: I,
+          geo: v,
+          parent: w,
+          rowIndex: f,
+          columnIndexStart: R,
           columnIndexEnd: g - u - 1,
           verticalFixed: !1,
-          lastRowOfModel: x
-        }), h.left > 0 && (w = { left: n, width: this.areaBodyWestGeo.width, height: M, top: C, index: S }, m = this.dom.addRowDiv(s, w, S, e, "west"), this.adjustColumnsToRowParent({
+          lastRowOfModel: C
+        }), h.left > 0 && (v = { left: n, width: this.areaBodyWestGeo.width, height: E, top: M, index: f }, w = this.dom.addRowDiv(s, v, f, e, "west"), this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "west",
           areaModel: d,
-          geo: w,
-          parent: m,
-          rowIndex: S,
+          geo: v,
+          parent: w,
+          rowIndex: f,
           columnIndexStart: 0,
-          columnIndexEnd: I - 1,
+          columnIndexEnd: R - 1,
           verticalFixed: !0,
-          lastRowOfModel: x
-        })), h.right > 0 && (w = { left: n, width: this.areaBodyEastGeo.width, height: M, top: C, index: S }, m = this.dom.addRowDiv(o, w, S, e, "east"), this.adjustColumnsToRowParent({
+          lastRowOfModel: C
+        })), h.right > 0 && (v = { left: n, width: this.areaBodyEastGeo.width, height: E, top: M, index: f }, w = this.dom.addRowDiv(o, v, f, e, "east"), this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "east",
           areaModel: d,
-          geo: w,
-          parent: m,
-          rowIndex: S,
+          geo: v,
+          parent: w,
+          rowIndex: f,
           columnIndexStart: g - u,
           columnIndexEnd: g - 1,
           verticalFixed: !0,
-          lastRowOfModel: x
-        })), e === "header" && this.tree && S === c - 1) {
-          const R = this.dom.applyStyle(
+          lastRowOfModel: C
+        })), e === "header" && this.tree && f === c - 1) {
+          const T = this.dom.applyStyle(
             this.dom.setAttribute(
-              this.dom.addDiv(m, new O(16, 20, 20, 8)),
+              this.dom.addDiv(w, new O(16, 20, 20, 8)),
               "data-ge-action",
               "toggleExpandCollapseAll"
             ),
             { cursor: "pointer" }
-          ), D = this.tableOptions.treeOptions.arrowExpandCollapseAll;
-          if (D) {
-            const V = this.dom.domService.createText(D.content);
-            this.dom.domService.appendChild(R, V), D.style && this.dom.applyStyleString(R, D.style);
+          ), I = this.tableOptions.treeOptions.arrowExpandCollapseAll;
+          if (I) {
+            const V = this.dom.domService.createText(I.content);
+            this.dom.domService.appendChild(T, V), I.style && this.dom.applyStyleString(T, I.style);
           }
         }
       }
-      if (p = p + M, p > r)
+      if (p = p + E, p > r)
         break;
     }
     if (this.colAndRowspanModels && this.colAndRowspanModels[e]) {
-      const S = ((f = this.colAndRowspanModels[e]) == null ? void 0 : f.getRanges()) ?? [];
-      if (S.length)
-        for (const C of S) {
-          let x = 0, M = i.child, w = "center";
-          if (C.c1 < y)
-            M = s.child, w = "west";
-          else if (u > 0 && C.c1 >= g - u)
-            M = o.child, w = "east";
+      const f = ((S = this.colAndRowspanModels[e]) == null ? void 0 : S.getRanges()) ?? [];
+      if (f.length)
+        for (const M of f) {
+          let C = 0, E = i.child, v = "center";
+          if (M.c1 < m)
+            E = s.child, v = "west";
+          else if (u > 0 && M.c1 >= g - u)
+            E = o.child, v = "east";
           else {
-            const m = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
-            x = this.scrollFactorX * m - this.areaBodyWestGeo.width, w = "center";
+            const w = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
+            C = this.scrollFactorX * w - this.areaBodyWestGeo.width, v = "center";
           }
-          this.drawBigCell(C, x, t, d, M, w);
+          this.drawBigCell(M, C, t, d, E, v);
         }
     }
   }
@@ -1451,13 +1566,13 @@ class qe extends ze {
    * @protected
    */
   drawBigCell(e, t, s, i, o, r) {
-    const n = s + this.getRowHeights(0, e.r1 - 1, i).reduce((f, S) => f + S, 0), a = this.tableModel.getColumnCount(), h = this.tableModel.getFixedRightColumnCount();
+    const n = s + this.getRowHeights(0, e.r1 - 1, i).reduce((S, f) => S + f, 0), a = this.tableModel.getColumnCount(), h = this.tableModel.getFixedRightColumnCount();
     let d = 0;
     h > 0 && e.c1 >= a - h && (d = a - h);
-    const c = t + this.getColumnWidths(d, e.c1 - 1).reduce((f, S) => f + S, 0), p = this.getRowHeights(e.r1, e.r2, i).reduce((f, S) => f + S, 0), g = this.getColumnWidths(e.c1, e.c2).reduce((f, S) => f + S, 0);
+    const c = t + this.getColumnWidths(d, e.c1 - 1).reduce((S, f) => S + f, 0), p = this.getRowHeights(e.r1, e.r2, i).reduce((S, f) => S + f, 0), g = this.getColumnWidths(e.c1, e.c2).reduce((S, f) => S + f, 0);
     let u = !1;
-    const y = this.getSelectionModel ? this.getSelectionModel() : void 0;
-    y && (u = y.getSelectionCount(e.r1, e.c1) > 0), e.gammaRange ? (console.info("TODO here", e), this.renderCell({
+    const m = this.getSelectionModel ? this.getSelectionModel() : void 0;
+    m && (u = m.getSelectionCount(e.r1, e.c1) > 0), e.gammaRange ? (console.info("TODO here", e), this.renderCell({
       areaModel: i,
       areaIdent: i.areaIdent,
       sideIdent: r,
@@ -1518,56 +1633,56 @@ class qe extends ze {
     verticalFixed: h = !1,
     lastRowOfModel: d = !1
   }) {
-    var y;
+    var m;
     this.scrollViewportLeft = this.scrollViewport.scrollLeft;
     let c = 0;
     if (!h) {
-      const f = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
-      c = this.scrollFactorX * f;
+      const S = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
+      c = this.scrollFactorX * S;
     }
     const p = 0, g = !!(e === "body" && t);
     let u = c;
-    for (let f = n; f <= a; f++) {
-      const S = u, C = this.tableModel.getColumnWidth(f);
-      if (C > 0 && S + C > 0) {
-        let x = i.height;
-        const M = s.getRowspanAt(r, f), w = s.getColspanAt(r, f);
-        M > 1 && (x = this.getRowHeights(r, r + M - 1, s).reduce((R, D) => R + D, 0));
-        let m = C;
-        w > 1 && (m = this.getColumnWidths(f, f + w - 1).reduce((R, D) => R + D, 0));
-        let I = !1;
-        if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (y = this.colAndRowspanModels[e]) != null && y.isInRange(r, f) && (I = !0), this.draggingTargetColumnIndex === f && e !== "header") {
-          this.renderDragTargetDiv(o, S, p, m, x);
-          const R = { left: S, top: p, width: m, height: x };
-          this.dom.addColumnBorderDivs(this.tableOptions, o, R, e, t);
+    for (let S = n; S <= a; S++) {
+      const f = u, M = this.tableModel.getColumnWidth(S);
+      if (M > 0 && f + M > 0) {
+        let C = i.height;
+        const E = s.getRowspanAt(r, S), v = s.getColspanAt(r, S);
+        E > 1 && (C = this.getRowHeights(r, r + E - 1, s).reduce((T, I) => T + I, 0));
+        let w = M;
+        v > 1 && (w = this.getColumnWidths(S, S + v - 1).reduce((T, I) => T + I, 0));
+        let R = !1;
+        if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (m = this.colAndRowspanModels[e]) != null && m.isInRange(r, S) && (R = !0), this.draggingTargetColumnIndex === S && e !== "header") {
+          this.renderDragTargetDiv(o, f, p, w, C);
+          const T = { left: f, top: p, width: w, height: C };
+          this.dom.addColumnBorderDivs(this.tableOptions, o, T, e, t);
         } else {
-          const R = this.renderSelectedBackgroundDiv(I, g, t, s, r, f, o, S, p, m, x);
-          I || this.renderCell({
+          const T = this.renderSelectedBackgroundDiv(R, g, t, s, r, S, o, f, p, w, C);
+          R || this.renderCell({
             areaModel: s,
             areaIdent: e,
             sideIdent: t,
             rowIndex: r,
-            columnIndex: f,
-            left: S,
+            columnIndex: S,
+            left: f,
             top: p,
-            width: m,
-            height: x,
+            width: w,
+            height: C,
             parent: o,
-            cellSelected: R,
+            cellSelected: T,
             lastRowOfModel: d,
             gammaRange: !0
           }), e === "header" && this.tableOptions.columnsResizable && this.renderHeaderCellResizeHandle({
             rowIndex: r,
-            columnIndex: f,
-            cellLeft: S,
+            columnIndex: S,
+            cellLeft: f,
             cellTop: p,
-            cellWidth: m,
-            cellHeight: x,
+            cellWidth: w,
+            cellHeight: C,
             parent: o
           });
         }
       }
-      if (u = u + C, u > this.areaBodyCenterGeo.width)
+      if (u = u + M, u > this.areaBodyCenterGeo.width)
         break;
     }
     this.tableOptions.verticalBorderVisible && this.dom.addVerticalBorder(new O(u - 1, 1, i.height, 0), o);
@@ -1586,49 +1701,50 @@ class qe extends ze {
     height: a,
     top: h,
     parent: d,
-    lastRowOfModel: c
+    lastRowOfModel: c,
+    gammaRange: p
   }) {
-    var ne;
-    const g = this.editorRenderer && this.editorRendererRow === i && this.editorRendererColumn === o ? this.editorRenderer : e.getCellRenderer(i, o), u = { left: r, width: n, height: a, top: h, index: o }, y = e.getRowByIndex(i);
+    var ae;
+    const u = this.editorRenderer && this.editorRendererRow === i && this.editorRendererColumn === o ? this.editorRenderer : e.getCellRenderer(i, o), m = { left: r, width: n, height: a, top: h, index: o }, S = e.getRowByIndex(i);
     let f = "none";
-    if (o === this.getTreeArrowColumnIndex() && Z(y)) {
-      const v = y;
-      (ne = v.children) != null && ne.length ? v.expanded ? f = "expanded" : f = "collapsed" : f = "hidden";
+    if (o === this.getTreeArrowColumnIndex() && Z(S)) {
+      const y = S;
+      (ae = y.children) != null && ae.length ? y.expanded ? f = "expanded" : f = "collapsed" : f = "hidden";
     }
     let C;
     if (t === "header") {
-      const v = this.tableModel.getColumnDef(o);
-      (!(v != null && v.sortIconVisible) || v != null && v.sortIconVisible()) && (C = v == null ? void 0 : v.sortState);
+      const y = this.tableModel.getColumnDef(o);
+      (!(y != null && y.sortIconVisible) || y != null && y.sortIconVisible()) && (C = y == null ? void 0 : y.sortState);
     }
-    const x = e.getValueAt(i, o), M = g ? "" : `${x}`, w = e.isRowChecked(i), m = this.dom.addColumnDiv(
+    const E = e.getValueAt(i, o), v = u ? "" : `${E}`, w = e.isRowChecked(i), R = this.dom.addColumnDiv(
       d,
-      u,
+      m,
       i,
       o,
       t,
       s,
-      M,
+      v,
       f,
       this.tableOptions,
       w,
       C
-    ), I = e.getTooltipAt(i, o);
-    I && this.dom.setAttribute(m, "title", I);
-    const R = this.tableModel.getColumnDef(o);
-    R && R.classes[t] && this.dom.addClasses(R.classes[t], m);
-    let D;
-    g && (D = g.render(m, i, o, t, e, x, this.dom.domService));
-    const V = e.getCustomClassesAt(i, o);
-    if (V.length && this.dom.addClasses(V, m), this.dom.addColumnBorderDivs(this.tableOptions, d, u, t, s), c && this.dom.addHorizontalBorder({ left: r, width: n, height: a, top: h + a }, d), this.getFocusModel && t === "body") {
-      const v = this.getFocusModel();
-      v != null && v.hasFocus(i, o) && this.dom.addFocusBorderDivs(d, u, {});
+    ), T = e.getTooltipAt(i, o);
+    T && this.dom.setAttribute(R, "title", T);
+    const I = this.tableModel.getColumnDef(o);
+    I && I.classes[t] && this.dom.addClasses(I.classes[t], R);
+    let V;
+    u && (V = u.render(R, i, o, t, e, E, this.dom.domService));
+    const ne = e.getCustomClassesAt(i, o);
+    if (ne.length && this.dom.addClasses(ne, R), this.dom.addColumnBorderDivs(this.tableOptions, d, m, t, s), c && this.dom.addHorizontalBorder({ left: r, width: n, height: a, top: h + a }, d), this.getFocusModel && t === "body") {
+      const y = this.getFocusModel();
+      y != null && y.hasFocus(i, o) && this.dom.addFocusBorderDivs(d, m, {});
     }
-    t === "header" && this.dom.setAttribute(m, "data-ge-action", "drag-column");
+    t === "header" && this.dom.setAttribute(R, "data-ge-action", "drag-column");
     const z = e.getCustomStyleAt(i, o);
     if (z)
-      for (const v in z)
-        this.dom.setStyle(m, v, z[v]);
-    return [m, D];
+      for (const y in z)
+        this.dom.setStyle(R, y, z[y]);
+    return [R, V];
   }
   applyCssClasses(e, t = {}) {
     e && Object.entries(t).forEach(([s, i]) => {
@@ -1718,12 +1834,12 @@ class qe extends ze {
       if (g) {
         const u = g.getSelectionCount(o, r);
         p = u > 0;
-        for (let y = 0; y < u; y++) {
-          const f = this.dom.applyStylePosistionAbsolute(
+        for (let m = 0; m < u; m++) {
+          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(f, "left", `${a}px`), this.dom.setStyle(f, "top", `${h}px`), this.dom.setStyle(f, "width", `${d}px`), this.dom.setStyle(f, "height", `${c}px`);
+          this.dom.setStyle(S, "left", `${a}px`), this.dom.setStyle(S, "top", `${h}px`), this.dom.setStyle(S, "width", `${d}px`), this.dom.setStyle(S, "height", `${c}px`);
         }
       }
     }
@@ -1744,7 +1860,7 @@ class qe extends ze {
     lastRowOfModel: p,
     gammaRange: g
   }) {
-    const [u, y] = this.addAndRenderCellDiv({
+    const [u, m] = this.addAndRenderCellDiv({
       areaModel: e,
       areaIdent: t,
       sideIdent: s,
@@ -1758,22 +1874,30 @@ class qe extends ze {
       lastRowOfModel: p,
       gammaRange: g
     });
-    c && this.dom.addClass(`ge-table-${t}-${s}-selected-range`, u), y && this.cleanupFunctions[t].push(y);
+    c && this.dom.addClass(`ge-table-${t}-${s}-selected-range`, u), m && this.cleanupFunctions[t].push(m);
   }
   renderHeaderCellResizeHandle({ rowIndex: e, columnIndex: t, cellLeft: s, cellTop: i, cellWidth: o, cellHeight: r, parent: n }) {
     const a = this.dom.domService, h = this.tableOptions.columnResizeHandleWidthInPx ?? 2, d = a.createElement("div");
     a.setAttribute(d, "data-col-index", `${t}`), a.setAttribute(d, "data-row-index", `${e}`), a.setAttribute(d, "data-area", "header"), a.setAttribute(d, "data-ge-action", "resize-column"), a.addClass(d, "ge-table-column-resize-handle"), a.setStyle(d, "display", "clip"), a.setStyle(d, "position", "absolute"), a.setStyle(d, "cursor", "col-resize"), a.setStyle(d, "left", `${s + o - h}px`), a.setStyle(d, "top", `${i}px`), a.setStyle(d, "width", `${h}px`), a.setStyle(d, "height", `${r}px`), a.appendChild(n, d);
   }
 }
-class Je {
+class Qe {
   constructor(e, t) {
     this.columnIndex = e, this.sortState = t;
   }
 }
-class Qe {
+class Ze {
   constructor(e) {
     this.tableScope = e, this.tableScope.hostElement.addEventListener("change", this.onHostElementChanged.bind(this));
   }
+  /**
+   * Handles the onHostElementChanged event.
+   * In case that the element is an input field, the tableScope.updateModelValueAfterEdit() method is triggered.
+   *
+   * @param {Event} event - The event object.
+   *
+   * @return {void}
+   */
   onHostElementChanged(e) {
     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");
@@ -1784,7 +1908,7 @@ class Qe {
     }
   }
 }
-class Ze {
+class et {
   constructor(e = -1, t = -1) {
     this.rowIndex = e, this.columnIndex = t;
   }
@@ -1794,10 +1918,10 @@ class le {
     this.cells = e;
   }
   static createSingle(e, t) {
-    return new le([new Ze(e, t)]);
+    return new le([new et(e, t)]);
   }
 }
-class et {
+class tt {
   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);
@@ -1807,7 +1931,7 @@ class et {
     let s = !1, i = !1;
     if (this.getSelectionModel && this.getFocusModel) {
       const p = this.getSelectionModel(), g = this.getFocusModel();
-      p && g && (g.hasFocus(e.rowIndex, e.columnIndex) || (g.setFocus(e.rowIndex, e.columnIndex), s = !0), (o = e.originalEvent) != null && o.shiftKey || p.hasSelection() && (p.clear(), s = !0), (r = e.originalEvent) != null && r.shiftKey && this.previousEvt ? (p.addSelection(this.createRangeByEvents(e, this.previousEvt)), i = !0, s = !0) : (n = e.originalEvent) != null && n.ctrlKey || (a = e.originalEvent) != null && a.metaKey ? (p.addSelection(T.singleCell(e.rowIndex, e.columnIndex)), i = !0, s = !0) : (h = e.originalEvent) != null && h.altKey && ((d = e.originalEvent) != null && d.ctrlKey || (c = e.originalEvent) != null && c.metaKey) && (p.removeSelection(T.singleCell(e.rowIndex, e.columnIndex)), i = !0, s = !0));
+      p && g && (g.hasFocus(e.rowIndex, e.columnIndex) || (g.setFocus(e.rowIndex, e.columnIndex), s = !0), (o = e.originalEvent) != null && o.shiftKey || p.hasSelection() && (p.clear(), s = !0), (r = e.originalEvent) != null && r.shiftKey && this.previousEvt ? (p.addSelection(this.createRangeByEvents(e, this.previousEvt)), i = !0, s = !0) : (n = e.originalEvent) != null && n.ctrlKey || (a = e.originalEvent) != null && a.metaKey ? (p.addSelection(D.singleCell(e.rowIndex, e.columnIndex)), i = !0, s = !0) : (h = e.originalEvent) != null && h.altKey && ((d = e.originalEvent) != null && d.ctrlKey || (c = e.originalEvent) != null && c.metaKey) && (p.removeSelection(D.singleCell(e.rowIndex, e.columnIndex)), i = !0, s = !0));
     }
     return i ? this.previousEvt = void 0 : this.previousEvt = e == null ? void 0 : e.clone(), s;
   }
@@ -1830,7 +1954,7 @@ class et {
   createRangeByEvents(e, t) {
     t || (t = e);
     const s = Math.min(e.rowIndex, t == null ? void 0 : t.rowIndex), i = Math.max(e.rowIndex, t == null ? void 0 : t.rowIndex), o = Math.min(e.columnIndex, t == null ? void 0 : t.columnIndex), r = Math.max(e.columnIndex, t == null ? void 0 : t.columnIndex);
-    return T.create({
+    return D.create({
       rowIndex1: s,
       columnIndex1: o,
       rowIndex2: i,
@@ -1838,7 +1962,7 @@ class et {
     });
   }
 }
-class tt {
+class st {
   get() {
     return {
       f2: "START_EDITING",
@@ -1856,7 +1980,7 @@ class tt {
     };
   }
 }
-class st {
+class it {
   get() {
     return {
       f2: "START_EDITING",
@@ -1876,7 +2000,7 @@ class st {
     };
   }
 }
-class it {
+class ot {
   constructor(e) {
     this.tableScope = e, this.shortcutActionIdMapping = {}, this.listener = [], this.listener.push(e), this.init();
   }
@@ -1884,7 +2008,7 @@ class it {
     this.listener.includes(e) || this.listener.push(e);
   }
   init() {
-    this.isMacintosh() ? Object.assign(this.shortcutActionIdMapping, new st().get()) : Object.assign(this.shortcutActionIdMapping, new tt().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 it().get()) : Object.assign(this.shortcutActionIdMapping, new st().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;
@@ -1928,7 +2052,7 @@ class it {
     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 he {
+class ce {
   onCheckboxChanged(e) {
   }
   onContextmenu(e) {
@@ -1944,7 +2068,7 @@ class he {
   onMouseMoved(e) {
   }
 }
-class ye {
+class ve {
   setStyle(e, t, s) {
     return e.style[t] = s, e;
   }
@@ -1971,7 +2095,7 @@ class ye {
     e.setAttribute(t, s);
   }
 }
-class ot {
+class lt {
   render(e, t, s, i, o, r, n) {
     if (o.isEditable(t, s)) {
       n.addClass(e, "ge-table-row-input-div");
@@ -1992,7 +2116,7 @@ class ot {
     }
   }
 }
-class lt {
+class rt {
   constructor(e = "none", t = "single") {
     this.selectionType = e, this.selectionMode = t, this.ranges = [], this.negativeRanges = [], this.allSelected = !1;
   }
@@ -2027,16 +2151,16 @@ class lt {
     if (this.selectionType === "none")
       return;
     let t = e;
-    this.selectionType === "row" ? t = T.singleRow(e.r1) : this.selectionType === "column" && (t = T.singleColumn(e.c1)), this.negativeRanges.push(t);
+    this.selectionType === "row" ? t = D.singleRow(e.r1) : this.selectionType === "column" && (t = D.singleColumn(e.c1)), this.negativeRanges.push(t);
   }
   togglePoint(e, t) {
-    this.getSelectionCount(e, t) > 0 ? this.removeSelection(T.singleCell(e, t)) : this.addSelection(T.singleCell(e, t));
+    this.getSelectionCount(e, t) > 0 ? this.removeSelection(D.singleCell(e, t)) : this.addSelection(D.singleCell(e, t));
   }
   addRange(e) {
     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 rt {
+class nt {
   constructor(e = "none") {
     this.selectionType = e, this.rowIndex = -1, this.columnIndex = -1, this.changed = !1;
   }
@@ -2059,31 +2183,42 @@ class rt {
     return [this.rowIndex, this.columnIndex];
   }
 }
-const nt = new lt(), at = new rt("cell");
-class ve {
+const at = new rt(), dt = new nt("cell");
+class we {
   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 me(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new be(), this.sortOrder = ["asc", "desc"], this.getEditRenderer = (e, t) => new ot(), this.getSelectionModel = () => nt, this.getFocusModel = () => at;
+    }, this.footerVerticalSeparator = !1, this.headerToggleExpandCollapseIcons = !1, this.headerVerticalSeparator = !1, this.treeOptions = new be(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new ye(), this.sortOrder = ["asc", "desc"], this.getEditRenderer = (e, t) => new lt(), this.getSelectionModel = () => at, this.getFocusModel = () => dt;
   }
 }
-class re extends qe {
+class re extends Je {
   constructor(e, t, s, i, o) {
     var r;
     if (super(
       e,
       t,
-      new Ve(s),
+      new _e(s),
       i
-    ), this.eventListener = o, this.selectionService = new et(this), this.api = new Ge(this), this.mouseStartAction = "", this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, o || (this.eventListener = new he()), (r = this.tableOptions) != null && r.autoRestoreOptions) {
+    ), this.eventListener = o, this.selectionService = new tt(this), this.api = new Ne(this), this.mouseStartAction = "", this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, o || (this.eventListener = new ce()), (r = this.tableOptions) != null && r.autoRestoreOptions) {
       const n = this.tableOptions.autoRestoreOptions, a = n.getStorageKeyFn;
-      a && (n.autoRestoreScrollPosition && (this.storeScrollPosStateService = new Ne(a)), n.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new Xe(a)), n.autoRestoreSortingState && (this.storeSortingService = new Ke(a)));
+      a && (n.autoRestoreScrollPosition && (this.storeScrollPosStateService = new je(a)), n.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new Ke(a)), n.autoRestoreSortingState && (this.storeSortingService = new ze(a)));
     }
-    this.mouseHandler = new ke(this), this.inputHandler = new Qe(this), this.shortcutService = new it(this), this.shortcutService.addListener(this.selectionService);
+    this.mouseHandler = new Ge(this), this.inputHandler = new Ze(this), this.shortcutService = new ot(this), this.shortcutService.addListener(this.selectionService);
   }
-  static create(e, t, s = new ve(), i = new he(), o = new ye()) {
+  /**
+   * Creates a TableScope instance.
+   *
+   * @param {HTMLDivElement} hostElement - The HTML div element that will contain the table.
+   * @param {TableModelIf} tableModel - The table model object.
+   * @param {TableOptionsIf} [tableOptions=new TableOptions()] - The optional table options object.
+   * @param {EventListenerIf} [eventListener=new EventAdapter()] - The optional event listener object.
+   * @param {DomServiceIf} [domService=new SimpleDomService()] - The optional DOM service object.
+   *
+   * @return {TableScope} - The newly created TableScope instance.
+   */
+  static create(e, t, s = new we(), i = new ce(), o = new ve()) {
     return new re(
       e,
       t,
@@ -2108,16 +2243,32 @@ class re extends qe {
   updateModelValueAfterEdit(e, t, s, i) {
     e === "body" && this.tableModel.getAreaModel(e).setValue(t, s, i) && (this.resetEditorRenderer(), this.repaint(), this.eventListener.onModelChanged(le.createSingle(t, s)), this.hostElement.focus());
   }
+  /**
+   * Retrieves the TableApi object.
+   *
+   * @return {TableApi} The TableApi object.
+   */
   getApi() {
     return this.api;
   }
-  /*
-   * Called by the table component
+  /**
+   * Initializes the table. Called by the table component.
+   *
+   * @function firstInit
+   * @memberof TableScope
+   *
+   * @returns {TableScope} This instance of the table scope.
    */
   firstInit() {
     var e;
     return this.tableModel.init(), (e = this.tableOptions) != null && e.externalFilterFunction && this.externalFilterChanged(!1), this.autoRestoreCollapsedExpandedState(), this.autoRestoreSortingState(), this.resetSizeOfWrapperDiv(), this.adjustContainersAndRows(), this.autoRestoreScrollPosition(), this;
   }
+  /**
+   * Creates a GeMouseEvent object based on a MouseEvent.
+   *
+   * @param {MouseEvent} mouseEvent - The MouseEvent object to create the GeMouseEvent from.
+   * @return {GeMouseEvent} - The created GeMouseEvent object.
+   */
   createGeMouseEvent(e) {
     const t = new se();
     if (t.originalEvent = e, e) {
@@ -2133,26 +2284,72 @@ class re extends qe {
     }
     return t;
   }
+  /**
+   * Handles the mouse down event.
+   *
+   * @param {GeMouseEvent} mouseEvent - The mouse event object.
+   * @return {void}
+   */
   onMouseDown(e) {
     e.columnIndex > -1 && e.action && ["resize-column", "drag-column"].includes(e.action) && (this.mouseStartWidth = this.tableModel.getColumnWidth(e.columnIndex), this.mouseStartAction = e.action, this.mouseStartColumnIndex = e.columnIndex, this.mouseStartAction === "drag-column" && (this.dragFrom = this.mouseStartColumnIndex));
   }
+  /**
+   * Handles mouse dragging on the frame.
+   *
+   * @param {GeMouseEvent} mouseEvent - The mouse event object.
+   */
   mouseDraggingOnFrame(e) {
     this.eventListener.onMouseDragging(e), this.mouseEvent = e, this.mouseStartColumnIndex > -1 && this.mouseStartAction === "resize-column" && this.tableOptions.columnsResizable ? this.resizeColumn(e) : this.mouseStartAction === "drag-column" && e.columnIndex > -1 && this.tableOptions.columnsDraggable && (this.draggingTargetColumnIndex = e.columnIndex, this.dragTo = this.draggingTargetColumnIndex, this.dragFrom > -1 && this.dragTo > -1 && this.dragFrom !== this.dragTo && (this.tableModel.changeColumnOrder(this.dragFrom, this.dragTo), this.dragFrom = this.dragTo, this.resetSizeOfWrapperDiv(), this.adjustContainersAndRows()), this.repaint());
   }
+  /**
+   * Handles the end of mouse dragging event on a frame.
+   *
+   * @param {GeMouseEvent} mouseEvent - The mouse event object.
+   *
+   * @returns {void}
+   */
   mouseDraggingEndOnFrame(e) {
     this.eventListener.onMouseDraggingEnd(e), this.draggingTargetColumnIndex = -1, this.mouseStartAction === "resize-column" ? this.resizeColumn(e) : this.mouseStartAction === "drag-column" && this.repaint(), this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, this.mouseStartAction = "";
   }
+  /**
+   * Handles the mouse move event.
+   *
+   * @param {GeMouseEvent} mouseMoveEvent - The mouse move event object.
+   * @return {void}
+   */
   mouseMove(e) {
     this.eventListener.onMouseMoved(e), this.adjustHoverRows(e), this.adjustHoverColumns(e);
   }
+  /**
+   * Triggers the context menu event based on the mouse move event.
+   *
+   * @param {GeMouseEvent} mouseMoveEvent - The mouse move event object.
+   * @return {void}
+   */
   contextmenu(e) {
     this.eventListener.onContextmenu(e);
   }
+  /**
+   * Toggles the expand or collapse state of all items in the body area model.
+   *
+   * @param {boolean} [expand=true] - Whether to expand or collapse all items. Default is true.
+   *
+   * @return {void}
+   */
   toggleExpandCollapseAll(e = !0) {
     var s;
     const t = this.tableModel.getBodyModel();
     ee(t) && (t.toggleExpandCollapseAll(e), this.repaint(), (s = this.storeStateCollapsedExpandService) == null || s.collapsedStateAll(e));
   }
+  /**
+   * Toggles the checkbox state of a specific row in a table.
+   *
+   * @param {number} rowIdx - The index of the row to toggle the checkbox state.
+   * @param {number} _colIdx - The index of the column. This parameter is unused.
+   * @param {AreaIdent} areaIdent - The identifier of the table area.
+   *
+   * @return {void} - This method does not return anything.
+   */
   toggleRowCheckbox(e, t, s) {
     var a;
     const i = this.tableModel.getAreaModel(s), o = i.isRowChecked(e), r = o === void 0 || o === "semi" || o === "none";
@@ -2160,6 +2357,13 @@ class re extends qe {
     const n = (a = i.rowSelectionModel) == null ? void 0 : a.getCheckedRows();
     this.eventListener.onCheckboxChanged(n || []);
   }
+  /**
+   * Handle mouse click events.
+   *
+   * @param {GeMouseEvent} evt - The mouse click event.
+   * @param {GeMouseEvent | undefined} previousEvt - The previous mouse click event, if any.
+   * @returns {void}
+   */
   onMouseClicked(e, t) {
     let s = this.selectionService.onMouseClicked(e, t);
     if (!s && this.getFocusModel) {
@@ -2168,19 +2372,41 @@ class re extends qe {
     }
     this.eventListener.onMouseClicked(e), s && this.debounce(this.repaint.bind(this), 10);
   }
+  /**
+   * Updates the table (repaint) when an external filter is changed.
+   *
+   * @param {boolean} clearSelection - Indicates whether to clear the selection model or not. Default value is true.
+   * @return {void}
+   */
   externalFilterChanged(e = !0) {
     const t = this.tableOptions.externalFilterFunction;
     t && (e && this.clearSelectionModel(), this.tableModel.externalFilterChanged(t), this.scrollViewport.scrollTo(0, 0), this.tableModel.recalcHeightAndPadding(), this.resetSizeOfWrapperDiv(), this.repaint());
   }
+  /**
+   * Handle the double click event on the table header.
+   *
+   * @param {MouseEvent} event - The mouse event that triggered the double click.
+   * @param {number} _rowIdx - The row index of the header.
+   * @param {number} colIdx - The column index of the header.
+   *
+   * @return {void}
+   */
   onHeaderDblClicked(e, t, s) {
     var o, r;
     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, a = i.sortState ?? "", h = n[(n.indexOf(a) + 1) % n.length], d = new Je(s, h);
+      const n = i.sortStatesOrder ? i.sortStatesOrder : this.tableOptions.sortOrder, a = i.sortState ?? "", h = n[(n.indexOf(a) + 1) % n.length], d = new Qe(s, h);
       this.tableModel.doSort([d]) && ((o = this.tableModel.getColumnDefs()) == null || o.forEach((p) => p.sortState = ""), i.sortState = h), this.repaint(), (r = this.storeSortingService) == null || r.setSortItems([d]);
     }
   }
+  /**
+   * Changes the focus cell using the specified deltas.
+   *
+   * @param {number} dx - The delta for the column index.
+   * @param {number} dy - The delta for the row index.
+   * @return {boolean} - True if the focus cell was changed, false otherwise.
+   */
   changeFocusCell(e, t) {
     if (!this.isEditing() && this.getFocusModel) {
       const s = this.getFocusModel();
@@ -2191,9 +2417,19 @@ class re extends qe {
     }
     return !1;
   }
+  /**
+   * Resizes the column based on the mouse event.
+   *
+   * @param {GeMouseEvent} mouseEvent - The mouse event that triggered the resize.
+   */
   resizeColumn(e) {
     this.tableModel.setColumnWidth(this.mouseStartColumnIndex, this.mouseStartWidth + e.draggingX), this.tableModel.recalcPadding(), this.resetSizeOfWrapperDiv(), this.adjustContainersAndRows();
   }
+  /**
+   * Clears the selection model, if available.
+   *
+   * @return {void}
+   */
   clearSelectionModel() {
     var e;
     this.getSelectionModel && ((e = this.getSelectionModel()) == null || e.clear());
@@ -2202,6 +2438,14 @@ class re extends qe {
     var s;
     console.clear(), console.info("this.hostElement.offsetTop", this.hostElement.offsetTop), console.info("this.hostElement.scrollHeight", this.hostElement.scrollHeight), console.info("this.scrollViewportTop", this.scrollTop), console.info("this.areaHeaderCenter.parent.clientHeight", this.areaHeaderCenter.parent.clientHeight), console.info("bodyY", t), console.info("bodyX", e), console.info("rows", this.firstVisibleRowIndex), console.info(""), console.info("this.tableModel", this.tableModel), console.info(""), console.info("this.mouseMoveEvent.clientX", (s = this.mouseHandler.mouseEvent) == null ? void 0 : s.clientX), console.info("this.hostElement.offsetLeft", this.hostElement.offsetLeft), console.info("this.areaBodyWestGeo.width", this.areaBodyWestGeo.width);
   }
+  /**
+   * Restores the scroll position of the table if auto restore options are enabled.
+   *
+   * @private
+   * @memberof ClassName
+   *
+   * @returns {void}
+   */
   autoRestoreScrollPosition() {
     var e;
     if ((e = this.tableOptions) != null && e.autoRestoreOptions && this.storeScrollPosStateService && this.tableOptions.autoRestoreOptions.autoRestoreScrollPosition) {
@@ -2209,6 +2453,20 @@ class re extends qe {
       s && this.scrollViewport.scrollTo(...s);
     }
   }
+  /**
+   * Automatically restores the sorting state of the table.
+   *
+   * @private
+   * @function autoRestoreSortingState
+   * @memberof ClassName
+   *
+   * @description
+   * This method checks if the autoRestoreSortingState option is enabled in the tableOptions.
+   * If enabled, it uses the storeSortingService to retrieve the sort items array.
+   * If there are sort items present, it applies them to the table's body model using the doSort method.
+   *
+   * @returns {void}
+   */
   autoRestoreSortingState() {
     var e, t;
     if ((t = (e = this.tableOptions) == null ? void 0 : e.autoRestoreOptions) != null && t.autoRestoreSortingState && this.storeSortingService) {
@@ -2216,6 +2474,12 @@ class re extends qe {
       s != null && s.length && this.tableModel.getBodyModel().doSort(s);
     }
   }
+  /**
+   * Restores the collapsed/expanded state of the rows in the table based on the autoRestoreOptions
+   * specified in the tableOptions. This method is private and should not be called directly.
+   *
+   * @private
+   */
   autoRestoreCollapsedExpandedState() {
     var e, t;
     if ((t = (e = this.tableOptions) == null ? void 0 : e.autoRestoreOptions) != null && t.getRowId && this.storeStateCollapsedExpandService) {
@@ -2242,13 +2506,13 @@ class re extends qe {
     }
   }
 }
-const dt = /* @__PURE__ */ Pe("<div>"), ut = (l) => {
+const ht = /* @__PURE__ */ We("<div>"), pt = (l) => {
   let e;
-  const t = ge({
+  const t = me({
     tableModel: null,
-    tableOptions: new ve()
+    tableOptions: new we()
   }, l);
-  return Ae(() => {
+  return Me(() => {
     const s = {
       onCheckboxChanged: (r) => {
         const n = new CustomEvent("checkboxChanged", {
@@ -2299,7 +2563,7 @@ const dt = /* @__PURE__ */ Pe("<div>"), ut = (l) => {
         });
         e && e.dispatchEvent(n);
       }
-    }, i = new re(e, t.tableModel, new ye(), t.tableOptions, s);
+    }, i = new re(e, t.tableModel, new ve(), t.tableOptions, s);
     i.firstInit();
     const o = new CustomEvent("tableReady", {
       detail: i.getApi(),
@@ -2307,12 +2571,12 @@ const dt = /* @__PURE__ */ Pe("<div>"), ut = (l) => {
     });
     e && e.dispatchEvent(o);
   }), (() => {
-    const s = dt(), i = e;
-    return typeof i == "function" ? We(i, s) : e = s, s;
+    const s = ht(), i = e;
+    return typeof i == "function" ? He(i, s) : e = s, s;
   })();
 };
 export {
-  ht as ComponentRendererWrapper,
-  ut as GuiexpertTable,
-  ct as GuiexpertTableProps
+  ct as ComponentRendererWrapper,
+  pt as GuiexpertTable,
+  ut as GuiexpertTableProps
 };