@guiexpert/solid-table 1.0.11 → 1.0.13

package/index.js

@@ -1,44 +1,44 @@
-const we = (l, e) => l === e, q = Symbol("solid-proxy"), ae = {
-  equals: we
+const xe = (l, e) => l === e, J = Symbol("solid-proxy"), he = {
+  equals: xe
 };
-let ce = pe;
-const L = 1, k = 2, ue = {
+let pe = Se;
+const L = 1, N = 2, fe = {
   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 U = null, b = null, x = null, F = null, K = 0;
+function Ee(l, e) {
+  const t = b, s = A, i = l.length === 0, o = e === void 0 ? s : e, r = i ? fe : {
     owned: null,
     cleanups: null,
     context: o ? o.context : null,
     owner: o
-  }, n = i ? l : () => l(() => P(() => K(r)));
+  }, n = i ? l : () => l(() => W(() => z(r)));
   A = r, b = null;
   try {
-    return H(n, !0);
+    return V(n, !0);
   } finally {
     b = t, A = s;
   }
 }
-function J(l, e, t) {
-  const s = te(l, e, !1, L);
-  W(s);
+function Q(l, e, t) {
+  const s = se(l, e, !1, L);
+  H(s);
 }
-function xe(l, e, t) {
-  ce = Ie;
-  const s = te(l, e, !1, L);
-  (!t || !t.render) && (s.user = !0), F ? F.push(s) : W(s);
+function Ae(l, e, t) {
+  pe = Fe;
+  const s = se(l, e, !1, L);
+  (!t || !t.render) && (s.user = !0), F ? F.push(s) : H(s);
 }
-function Ee(l, e, t) {
-  t = t ? Object.assign({}, ae, t) : ae;
-  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);
+function Me(l, e, t) {
+  t = t ? Object.assign({}, he, t) : he;
+  const s = se(l, e, !0, 0);
+  return s.observers = null, s.observerSlots = null, s.comparator = t.equals || void 0, H(s), Te.bind(s);
 }
-function P(l) {
+function W(l) {
   if (b === null)
     return l();
   const e = b;
@@ -49,16 +49,16 @@ function P(l) {
     b = e;
   }
 }
-function Ae(l) {
-  xe(() => P(l));
+function Re(l) {
+  Ae(() => W(l));
 }
-function Me() {
+function Te() {
   if (this.sources && this.state)
     if (this.state === L)
-      W(this);
+      H(this);
     else {
-      const l = E;
-      E = null, H(() => N(this), !1), E = l;
+      const l = x;
+      x = null, V(() => j(this), !1), x = l;
     }
   if (b) {
     const l = this.observers ? this.observers.length : 0;
@@ -66,34 +66,42 @@ function Me() {
   }
   return this.value;
 }
-function Re(l, e, t) {
+function De(l, e, t) {
   let s = l.value;
-  return (!l.comparator || !l.comparator(s, e)) && (l.value = e, l.observers && l.observers.length && H(() => {
+  return (!l.comparator || !l.comparator(s, e)) && (l.value = e, l.observers && l.observers.length && V(() => {
     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);
+      const o = l.observers[i], r = U && U.running;
+      r && U.disposed.has(o), (r ? !o.tState : !o.state) && (o.pure ? x.push(o) : F.push(o), o.observers && ge(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) {
+function H(l) {
   if (!l.fn)
     return;
-  K(l);
-  const e = A, t = b, s = X;
-  b = A = l, Te(l, l.value, s), b = t, A = e;
-}
-function Te(l, e, t) {
+  z(l);
+  const e = K;
+  Ie(
+    l,
+    l.value,
+    e
+  );
+}
+function Ie(l, e, t) {
   let s;
+  const i = A, o = b;
+  b = A = l;
   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);
+  } catch (r) {
+    return l.pure && (l.state = L, l.owned && l.owned.forEach(z), l.owned = null), l.updatedAt = t + 1, me(r);
+  } finally {
+    b = o, A = 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 ? De(l, s) : l.value = s, l.updatedAt = t);
 }
-function te(l, e, t, s = L, i) {
+function se(l, e, t, s = L, i) {
   const o = {
     fn: l,
     state: s,
@@ -107,74 +115,74 @@ 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 !== fe && (A.owned ? A.owned.push(o) : A.owned = [o]), o;
 }
-function G(l) {
+function _(l) {
   if (l.state === 0)
     return;
-  if (l.state === k)
-    return N(l);
-  if (l.suspense && P(l.suspense.inFallback))
+  if (l.state === N)
+    return j(l);
+  if (l.suspense && W(l.suspense.inFallback))
     return l.suspense.effects.push(l);
   const e = [l];
-  for (; (l = l.owner) && (!l.updatedAt || l.updatedAt < X); )
+  for (; (l = l.owner) && (!l.updatedAt || l.updatedAt < K); )
     l.state && e.push(l);
   for (let t = e.length - 1; t >= 0; t--)
     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;
+      H(l);
+    else if (l.state === N) {
+      const s = x;
+      x = null, V(() => j(l, e[0]), !1), x = s;
     }
 }
-function H(l, e) {
-  if (E)
+function V(l, e) {
+  if (x)
     return l();
   let t = !1;
-  e || (E = []), F ? t = !0 : F = [], X++;
+  e || (x = []), F ? t = !0 : F = [], K++;
   try {
     const s = l();
-    return De(t), s;
+    return Oe(t), s;
   } catch (s) {
-    t || (F = null), E = null, Se(s);
+    t || (F = null), x = null, me(s);
   }
 }
-function De(l) {
-  if (E && (pe(E), E = null), l)
+function Oe(l) {
+  if (x && (Se(x), x = null), l)
     return;
   const e = F;
-  F = null, e.length && H(() => ce(e), !1);
+  F = null, e.length && V(() => pe(e), !1);
 }
-function pe(l) {
+function Se(l) {
   for (let e = 0; e < l.length; e++)
-    G(l[e]);
+    _(l[e]);
 }
-function Ie(l) {
+function Fe(l) {
   let e, t = 0;
   for (e = 0; e < l.length; e++) {
     const s = l[e];
-    s.user ? l[t++] = s : G(s);
+    s.user ? l[t++] = s : _(s);
   }
   for (e = 0; e < t; e++)
-    G(l[e]);
+    _(l[e]);
 }
-function N(l, e) {
+function j(l, e) {
   l.state = 0;
   for (let t = 0; t < l.sources.length; t += 1) {
     const s = l.sources[t];
     if (s.sources) {
       const i = s.state;
-      i === L ? s !== e && (!s.updatedAt || s.updatedAt < X) && G(s) : i === k && N(s, e);
+      i === L ? s !== e && (!s.updatedAt || s.updatedAt < K) && _(s) : i === N && j(s, e);
     }
   }
 }
-function fe(l) {
+function ge(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 = N, t.pure ? x.push(t) : F.push(t), t.observers && ge(t));
   }
 }
-function K(l) {
+function z(l) {
   let e;
   if (l.sources)
     for (; l.sources.length; ) {
@@ -186,7 +194,7 @@ function K(l) {
     }
   if (l.owned) {
     for (e = l.owned.length - 1; e >= 0; e--)
-      K(l.owned[e]);
+      z(l.owned[e]);
     l.owned = null;
   }
   if (l.cleanups) {
@@ -196,26 +204,26 @@ function K(l) {
   }
   l.state = 0;
 }
-function Oe(l) {
+function Le(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 me(l, e = A) {
+  throw Le(l);
 }
-function _() {
+function k() {
   return !0;
 }
-const Fe = {
+const $e = {
   get(l, e, t) {
-    return e === q ? t : l.get(e);
+    return e === J ? t : l.get(e);
   },
   has(l, e) {
-    return e === q ? !0 : l.has(e);
+    return e === J ? !0 : l.has(e);
   },
-  set: _,
-  deleteProperty: _,
+  set: k,
+  deleteProperty: k,
   getOwnPropertyDescriptor(l, e) {
     return {
       configurable: !0,
@@ -223,52 +231,55 @@ const Fe = {
       get() {
         return l.get(e);
       },
-      set: _,
-      deleteProperty: _
+      set: k,
+      deleteProperty: k
     };
   },
   ownKeys(l) {
     return l.keys();
   }
 };
-function U(l) {
+function q(l) {
   return (l = typeof l == "function" ? l() : l) ? l : {};
 }
-function Le() {
+function Be() {
   for (let l = 0, e = this.length; l < e; ++l) {
     const t = this[l]();
     if (t !== void 0)
       return t;
   }
 }
-function ge(...l) {
+function be(...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 && J in r, l[o] = typeof r == "function" ? (e = !0, Me(r)) : r;
   }
   if (e)
-    return new Proxy({
-      get(o) {
-        for (let r = l.length - 1; r >= 0; r--) {
-          const n = U(l[r])[o];
-          if (n !== void 0)
-            return n;
+    return new Proxy(
+      {
+        get(o) {
+          for (let r = l.length - 1; r >= 0; r--) {
+            const n = q(l[r])[o];
+            if (n !== void 0)
+              return n;
+          }
+        },
+        has(o) {
+          for (let r = l.length - 1; r >= 0; r--)
+            if (o in q(l[r]))
+              return !0;
+          return !1;
+        },
+        keys() {
+          const o = [];
+          for (let r = 0; r < l.length; r++)
+            o.push(...Object.keys(q(l[r])));
+          return [...new Set(o)];
         }
       },
-      has(o) {
-        for (let r = l.length - 1; r >= 0; r--)
-          if (o in U(l[r]))
-            return !0;
-        return !1;
-      },
-      keys() {
-        const o = [];
-        for (let r = 0; r < l.length; r++)
-          o.push(...Object.keys(U(l[r])));
-        return [...new Set(o)];
-      }
-    }, Fe);
+      $e
+    );
   const t = {}, s = {}, i = /* @__PURE__ */ new Set();
   for (let o = l.length - 1; o >= 0; o--) {
     const r = l[o];
@@ -284,7 +295,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: Be.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 +305,7 @@ function ge(...l) {
   }
   return t;
 }
-function $e(l, e, t) {
+function Pe(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,31 +350,31 @@ function $e(l, e, t) {
     }
   }
 }
-function Be(l, e, t, s = {}) {
+function We(l, e, t, s = {}) {
   let i;
-  return Ce((o) => {
-    i = o, e === document ? l() : He(e, l(), e.firstChild ? null : void 0, t);
+  return Ee((o) => {
+    i = o, e === document ? l() : Ge(e, l(), e.firstChild ? null : void 0, t);
   }, s.owner), () => {
     i(), e.textContent = "";
   };
 }
-function Pe(l, e, t) {
+function He(l, e, t) {
   let s;
   const i = () => {
     const r = document.createElement("template");
     return r.innerHTML = l, t ? r.content.firstChild.firstChild : r.content.firstChild;
-  }, o = e ? () => P(() => document.importNode(s || (s = i()), !0)) : () => (s || (s = i())).cloneNode(!0);
+  }, o = e ? () => W(() => document.importNode(s || (s = i()), !0)) : () => (s || (s = i())).cloneNode(!0);
   return o.cloneNode = o, o;
 }
-function We(l, e, t) {
-  return P(() => l(e, t));
+function Ve(l, e, t) {
+  return W(() => l(e, t));
 }
-function He(l, e, t, s) {
+function Ge(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);
+    return X(l, e, s, t);
+  Q((i) => X(l, e(), i, t), s);
 }
-function j(l, e, t, s, i) {
+function X(l, e, t, s, i) {
   for (; typeof t == "function"; )
     t = t();
   if (e === t)
@@ -372,34 +383,34 @@ function j(l, e, t, s, i) {
   if (l = r && t[0] && t[0].parentNode || l, o === "string" || o === "number")
     if (o === "number" && (e = e.toString()), r) {
       let n = t[0];
-      n && n.nodeType === 3 ? n.data = e : n = document.createTextNode(e), t = B(l, t, s, n);
+      n && n.nodeType === 3 ? n.data = e : n = document.createTextNode(e), t = P(l, t, s, n);
     } else
       t !== "" && typeof t == "string" ? t = l.firstChild.data = e : t = l.textContent = e;
   else if (e == null || o === "boolean")
-    t = B(l, t, s);
+    t = P(l, t, s);
   else {
     if (o === "function")
-      return J(() => {
+      return Q(() => {
         let n = e();
         for (; typeof n == "function"; )
           n = n();
-        t = j(l, n, t, s);
+        t = X(l, n, t, s);
       }), () => t;
     if (Array.isArray(e)) {
       const n = [], a = t && Array.isArray(t);
-      if (Q(n, e, t, i))
-        return J(() => t = j(l, n, t, s, !0)), () => t;
+      if (Z(n, e, t, i))
+        return Q(() => t = X(l, n, t, s, !0)), () => t;
       if (n.length === 0) {
-        if (t = B(l, t, s), r)
+        if (t = P(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 ? ce(l, n, s) : Pe(l, t, n) : (t && P(l), ce(l, n));
       t = n;
     } else if (e.nodeType) {
       if (Array.isArray(t)) {
         if (r)
-          return t = B(l, t, s, e);
-        B(l, t, null, e);
+          return t = P(l, t, s, e);
+        P(l, t, null, e);
       } else
         t == null || t === "" || !l.firstChild ? l.appendChild(e) : l.replaceChild(e, l.firstChild);
       t = e;
@@ -407,7 +418,7 @@ function j(l, e, t, s, i) {
   }
   return t;
 }
-function Q(l, e, t, s) {
+function Z(l, e, t, s) {
   let i = !1;
   for (let o = 0, r = e.length; o < r; o++) {
     let n = e[o], a = t && t[o], h;
@@ -415,12 +426,16 @@ function Q(l, e, t, s) {
       if ((h = typeof n) == "object" && n.nodeType)
         l.push(n);
       else if (Array.isArray(n))
-        i = Q(l, n, a) || i;
+        i = Z(l, n, a) || i;
       else if (h === "function")
         if (s) {
           for (; typeof n == "function"; )
             n = n();
-          i = Q(l, Array.isArray(n) ? n : [n], Array.isArray(a) ? a : [a]) || i;
+          i = Z(
+            l,
+            Array.isArray(n) ? n : [n],
+            Array.isArray(a) ? a : [a]
+          ) || i;
         } else
           l.push(n), i = !0;
       else {
@@ -430,11 +445,11 @@ function Q(l, e, t, s) {
   }
   return i;
 }
-function de(l, e, t = null) {
+function ce(l, e, t = null) {
   for (let s = 0, i = e.length; s < i; s++)
     l.insertBefore(e[s], t);
 }
-function B(l, e, t, s) {
+function P(l, e, t, s) {
   if (t === void 0)
     return l.textContent = "";
   const i = s || document.createTextNode("");
@@ -452,39 +467,64 @@ function B(l, e, t, s) {
     l.insertBefore(i, t);
   return [i];
 }
-class ht {
+class ut {
   constructor(e) {
     this.code = e;
   }
   render(e, t, s, i, o, r, n) {
-    const a = ge({
+    const a = be({
       rowIndex: t,
       columnIndex: s,
       areaIdent: i,
       areaModel: o,
       cellValue: r
     });
-    Be(
+    We(
       () => this.code(a),
       e
     );
   }
 }
-const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const pt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
 }, Symbol.toStringTag, { value: "Module" }));
-function Z(l) {
-  return l && l.type === "TreeRow";
+class $ {
+  // The constructor is private to prevent direct construction calls
+  // with the `new` operator
+  constructor() {
+    this.alreadySet = !1;
+  }
+  static getInstance() {
+    return $.instance || ($.instance = new $()), $.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 ee(l) {
+  return l && l.type === "TreeRow";
+}
+function te(l) {
   return l && l.type === "AreaModelTree";
 }
-class se {
+class ie {
   constructor(e = -1, t = -1, s = -1, i = -1, o, r, n, a = 0, h = 0, d = 0, c = "") {
     this.rowIndex = e, this.rowTop = t, this.columnIndex = s, this.columnLeft = i, this.areaIdent = o, this.sideIdent = r, this.originalEvent = n, this.clickCount = a, this.draggingX = h, this.draggingY = d, this.action = c;
   }
   clone() {
-    return new se(
+    return new ie(
       this.rowIndex,
       this.rowTop,
       this.columnIndex,
@@ -499,25 +539,25 @@ class se {
     );
   }
 }
-class $ {
+class B {
   constructor(e = ">", t = "", s = []) {
     this.content = e, this.style = t, this.classes = s;
   }
 }
-class me {
-  constructor(e = new $(
+class ye {
+  constructor(e = new B(
     ">",
     "transform: rotate(90deg) translate(66%, -66%); transform-origin: 0 0;",
     ["gt-table-tree-arrow-expanded"]
-  ), t = new $(
+  ), t = new B(
     ">",
     "",
     ["ge-table-tree-arrow-collapsed"]
-  ), s = new $(
+  ), s = new B(
     ">",
     "color:transparent;",
     ["gt-table-tree-arrow-hidden"]
-  ), i = new $(
+  ), i = new B(
     "↕",
     "",
     ["gt-table-tree-arrow-expanded-all"]
@@ -525,12 +565,12 @@ class me {
     this.arrowExpanded = e, this.arrowCollapsed = t, this.arrowPlaceholder = s, this.arrowExpandCollapseAll = i;
   }
 }
-class be {
-  constructor(e = new $("↑", "", ["ge-header-sorted-asc"]), t = new $("↓", "", ["ge-header-sorted-desc"]), s = new $("↑", "color:transparent;", [])) {
+class ve {
+  constructor(e = new B("↑", "", ["ge-header-sorted-asc"]), t = new B("↓", "", ["ge-header-sorted-desc"]), s = new B("↑", "color:transparent;", [])) {
     this.iconAsc = e, this.iconDesc = t, this.iconPlaceholder = s;
   }
 }
-class Ve {
+class ke {
   constructor(e) {
     this.domService = e;
   }
@@ -618,10 +658,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 +690,7 @@ class Ve {
       }
     return this.domService.appendChild(e, n), n;
   }
-  addSortedIcon(e, t = "", s = new be(), i = -1) {
+  addSortedIcon(e, t = "", s = new ve(), 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 +701,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 ye(), 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;
@@ -711,37 +751,51 @@ class Ve {
     return s ? (s.innerText = "", s) : (s = this.domService.createElement("div"), t.cache[e] = s, s);
   }
 }
-const ie = (l) => l === "header" ? "header" : l === "footer" ? "footer" : "body";
-class _e {
+const oe = (l) => l === "header" ? "header" : l === "footer" ? "footer" : "body";
+class Ne {
   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 = ie(s), this.areaModel = t.tableModel.getAreaModel(this.areaIdent), this.row = this.areaModel.getRowByIndex(this.rowIdx)), e instanceof HTMLInputElement) {
+      if (s && (this.areaIdent = oe(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 ke {
+class _e {
   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 Ne(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 (Z(t.row) && t.areaModel) {
+    else if (ee(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();
@@ -755,14 +809,20 @@ 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);
+      const t = e.target, s = t.getAttribute("data-area"), i = oe(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 a = n.getRowByIndex(o);
-        if (s && i === "body" && n.isEditable(o, r) && (this.tableScope.clearSelection(), this.tableScope.initRenderEditor(o, r)), Z(a) && r === this.getArrowColumnIndex()) {
+        if (s && i === "body" && n.isEditable(o, r) && (this.tableScope.clearSelection(), this.tableScope.initRenderEditor(o, r)), ee(a) && r === this.getArrowColumnIndex()) {
           e.preventDefault(), e.stopPropagation();
           const h = a;
           h.expanded = !h.expanded, "recalcVisibleTreeRows" in n && n.recalcVisibleTreeRows(), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(h);
@@ -771,10 +831,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,40 +890,114 @@ class ke {
     }
   }
 }
-class Ge {
+class je {
   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) {
+    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.
+   *
+   * @return undefined
+   */
   scrollToIndex(e = 0, t = 0) {
+    this.tableScope.scrollToIndex(e, t);
   }
+  /**
+   * 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();
   }
 }
-class oe {
+class le {
   constructor(e) {
     this.getStorageKeyFn = e;
   }
@@ -924,7 +1072,7 @@ class oe {
   //   }
   // }
 }
-class Ne extends oe {
+class Xe extends le {
   constructor(e) {
     super(e), this.SCROLL_STATE = "scrollState", this.scrollOffset = [0, 0], this.load();
   }
@@ -946,14 +1094,14 @@ class Ne extends oe {
     }
   }
 }
-class je {
+class Ke {
   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 ze extends le {
   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 Ke(), this.load();
   }
   collapsedExpandedStateGet() {
     return this.collapsedExpandedState;
@@ -985,7 +1133,7 @@ class Xe extends oe {
     this.checkAndPersistItem(this.COLLAPSED_EXPANDED_STATE, this.collapsedExpandedState);
   }
 }
-class Ke extends oe {
+class Ye extends le {
   constructor(e) {
     super(e), this.SORTING_STATE = "sortingState", this.sortItems = [], this.load();
   }
@@ -1012,7 +1160,7 @@ class O {
     this.left = e, this.width = t, this.height = s, this.top = i, this.index = o;
   }
 }
-class ze {
+class Ue {
   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 +1311,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 +1334,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 qe {
   constructor(e, t) {
     this.tableModel = e, this.areaModel = t, this.colAndRowspanRanges = void 0;
   }
@@ -1205,7 +1362,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 +1379,22 @@ class Ye {
     return !1;
   }
 }
-class Ue {
+class Je {
   constructor(e, t, s) {
     this.header = e, this.body = t, this.footer = s;
   }
 }
-class qe extends ze {
+class Qe extends Ue {
   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 Je(), 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), te(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 qe(t, t.getAreaModel(a)), (h = this.colAndRowspanModels[a]) == null || h.init();
       }
     );
   }
@@ -1356,87 +1513,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 G = this.dom.domService.createText(I.content);
+            this.dom.domService.appendChild(T, G), 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 +1608,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 +1675,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 +1743,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 de;
+    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() && ee(S)) {
+      const y = S;
+      (de = y.children) != null && de.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 G;
+    u && (G = u.render(R, i, o, t, e, E, this.dom.domService));
+    const ae = e.getCustomClassesAt(i, o);
+    if (ae.length && this.dom.addClasses(ae, 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");
-    const z = e.getCustomStyleAt(i, o);
-    if (z)
-      for (const v in z)
-        this.dom.setStyle(m, v, z[v]);
-    return [m, D];
+    t === "header" && this.dom.setAttribute(R, "data-ge-action", "drag-column");
+    const Y = e.getCustomStyleAt(i, o);
+    if (Y)
+      for (const y in Y)
+        this.dom.setStyle(R, y, Y[y]);
+    return [R, G];
   }
   applyCssClasses(e, t = {}) {
     e && Object.entries(t).forEach(([s, i]) => {
@@ -1718,12 +1876,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 +1902,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,46 +1916,54 @@ 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 Ze {
   constructor(e, t) {
     this.columnIndex = e, this.sortState = t;
   }
 }
-class Qe {
+class et {
   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");
       if (s && i && o) {
-        const r = ie(s), n = Number(i), a = Number(o);
+        const r = oe(s), n = Number(i), a = Number(o);
         this.tableScope.updateModelValueAfterEdit(r, n, a, t.value);
       }
     }
   }
 }
-class Ze {
+class tt {
   constructor(e = -1, t = -1) {
     this.rowIndex = e, this.columnIndex = t;
   }
 }
-class le {
+class re {
   constructor(e) {
     this.cells = e;
   }
   static createSingle(e, t) {
-    return new le([new Ze(e, t)]);
+    return new re([new tt(e, t)]);
   }
 }
-class et {
+class st {
   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 +1973,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 +1996,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 +2004,7 @@ class et {
     });
   }
 }
-class tt {
+class it {
   get() {
     return {
       f2: "START_EDITING",
@@ -1856,7 +2022,7 @@ class tt {
     };
   }
 }
-class st {
+class ot {
   get() {
     return {
       f2: "START_EDITING",
@@ -1876,7 +2042,7 @@ class st {
     };
   }
 }
-class it {
+class lt {
   constructor(e) {
     this.tableScope = e, this.shortcutActionIdMapping = {}, this.listener = [], this.listener.push(e), this.init();
   }
@@ -1884,7 +2050,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 ot().get()) : Object.assign(this.shortcutActionIdMapping, new it().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 +2094,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 ue {
   onCheckboxChanged(e) {
   }
   onContextmenu(e) {
@@ -1944,7 +2110,7 @@ class he {
   onMouseMoved(e) {
   }
 }
-class ye {
+class we {
   setStyle(e, t, s) {
     return e.style[t] = s, e;
   }
@@ -1971,7 +2137,7 @@ class ye {
     e.setAttribute(t, s);
   }
 }
-class ot {
+class rt {
   render(e, t, s, i, o, r, n) {
     if (o.isEditable(t, s)) {
       n.addClass(e, "ge-table-row-input-div");
@@ -1992,7 +2158,7 @@ class ot {
     }
   }
 }
-class lt {
+class nt {
   constructor(e = "none", t = "single") {
     this.selectionType = e, this.selectionMode = t, this.ranges = [], this.negativeRanges = [], this.allSelected = !1;
   }
@@ -2027,16 +2193,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 at {
   constructor(e = "none") {
     this.selectionType = e, this.rowIndex = -1, this.columnIndex = -1, this.changed = !1;
   }
@@ -2059,32 +2225,43 @@ class rt {
     return [this.rowIndex, this.columnIndex];
   }
 }
-const nt = new lt(), at = new rt("cell");
-class ve {
+const dt = new nt(), ht = new at("cell");
+class Ce {
   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 ye(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new ve(), this.sortOrder = ["asc", "desc"], this.getEditRenderer = (e, t) => new rt(), this.getSelectionModel = () => dt, this.getFocusModel = () => ht;
   }
 }
-class re extends qe {
+class ne extends Qe {
   constructor(e, t, s, i, o) {
     var r;
     if (super(
       e,
       t,
-      new Ve(s),
+      new ke(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.licenseManager = $.getInstance(), this.selectionService = new st(this), this.api = new je(this), this.mouseStartAction = "", this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, o || (this.eventListener = new ue()), (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 Xe(a)), n.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new ze(a)), n.autoRestoreSortingState && (this.storeSortingService = new Ye(a)));
     }
-    this.mouseHandler = new ke(this), this.inputHandler = new Qe(this), this.shortcutService = new it(this), this.shortcutService.addListener(this.selectionService);
+    this.mouseHandler = new _e(this), this.inputHandler = new et(this), this.shortcutService = new lt(this), this.shortcutService.addListener(this.selectionService);
   }
-  static create(e, t, s = new ve(), i = new he(), o = new ye()) {
-    return new re(
+  /**
+   * 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 Ce(), i = new ue(), o = new we()) {
+    return new ne(
       e,
       t,
       o,
@@ -2106,20 +2283,36 @@ class re extends qe {
     return !1;
   }
   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());
+    e === "body" && this.tableModel.getAreaModel(e).setValue(t, s, i) && (this.resetEditorRenderer(), this.repaint(), this.eventListener.onModelChanged(re.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();
+    const t = new ie();
     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) {
@@ -2133,26 +2326,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));
+    te(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 +2399,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 +2414,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 Ze(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 +2459,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 +2480,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 +2495,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,13 +2516,19 @@ 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) {
       const s = this.tableOptions.autoRestoreOptions, i = s.getRowId;
       if (s.autoRestoreCollapsedExpandedState && i) {
         const o = this.storeStateCollapsedExpandService.collapsedExpandedStateGet(), r = this.tableModel.getAreaModel("body");
-        if (ee(r)) {
+        if (te(r)) {
           const n = r, a = r.getRowCount();
           for (let h = 0; h < a; h++) {
             const d = r.getRowByIndex(h);
@@ -2241,14 +2547,36 @@ class re extends qe {
       }
     }
   }
+  /**
+   * 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);
+  }
 }
-const dt = /* @__PURE__ */ Pe("<div>"), ut = (l) => {
+const ct = /* @__PURE__ */ He("<div>"), ft = (l) => {
   let e;
-  const t = ge({
+  const t = be({
     tableModel: null,
-    tableOptions: new ve()
+    tableOptions: new Ce()
   }, l);
-  return Ae(() => {
+  return Re(() => {
     const s = {
       onCheckboxChanged: (r) => {
         const n = new CustomEvent("checkboxChanged", {
@@ -2299,20 +2627,20 @@ const dt = /* @__PURE__ */ Pe("<div>"), ut = (l) => {
         });
         e && e.dispatchEvent(n);
       }
-    }, i = new re(e, t.tableModel, new ye(), t.tableOptions, s);
+    }, i = new ne(e, t.tableModel, new we(), t.tableOptions, s);
     i.firstInit();
     const o = new CustomEvent("tableReady", {
       detail: i.getApi(),
       bubbles: !0
     });
-    e && e.dispatchEvent(o);
+    e && e.dispatchEvent(o), t.licenseKey && $.getInstance().setLicenseKey(t.licenseKey);
   }), (() => {
-    const s = dt(), i = e;
-    return typeof i == "function" ? We(i, s) : e = s, s;
+    const s = ct(), i = e;
+    return typeof i == "function" ? Ve(i, s) : e = s, s;
   })();
 };
 export {
-  ht as ComponentRendererWrapper,
-  ut as GuiexpertTable,
-  ct as GuiexpertTableProps
+  ut as ComponentRendererWrapper,
+  ft as GuiexpertTable,
+  pt as GuiexpertTableProps
 };