@guiexpert/solid-table 1.1.66 → 1.1.68

package/index.js

@@ -1,104 +1,104 @@
-const ke = (l, e) => l === e, se = Symbol("solid-proxy"), Fe = typeof Proxy == "function", ge = {
-  equals: ke
+const Fe = (l, e) => l === e, oe = Symbol("solid-proxy"), Ie = typeof Proxy == "function", fe = {
+  equals: Fe
 };
-let ye = we;
-const L = 1, G = 2, xe = {
+let we = ve;
+const L = 1, z = 2, xe = {
   owned: null,
   cleanups: null,
   context: null,
   owner: null
 };
 var R = null;
-let ee = null, Ie = null, w = null, M = null, O = null, q = 0;
-function Oe(l, e) {
-  const t = w, s = R, o = l.length === 0, i = e === void 0 ? s : e, r = o ? xe : {
+let te = null, Oe = null, x = null, M = null, O = null, Z = 0;
+function Le(l, e) {
+  const t = x, s = R, o = l.length === 0, i = e === void 0 ? s : e, r = o ? xe : {
     owned: null,
     cleanups: null,
     context: i ? i.context : null,
     owner: i
-  }, a = o ? l : () => l(() => Z(() => W(r)));
-  R = r, w = null;
+  }, a = o ? l : () => l(() => Q(() => $(r)));
+  R = r, x = null;
   try {
-    return V(a, !0);
+    return _(a, !0);
   } finally {
-    w = t, R = s;
+    x = t, R = s;
   }
 }
-function oe(l, e, t) {
-  const s = le(l, e, !1, L);
-  $(s);
-}
-function Le(l, e, t) {
-  ye = _e;
-  const s = le(l, e, !1, L);
-  s.user = !0, O ? O.push(s) : $(s);
+function ie(l, e, t) {
+  const s = ae(l, e, !1, L);
+  V(s);
 }
 function Be(l, e, t) {
-  t = t ? Object.assign({}, ge, t) : ge;
-  const s = le(l, e, !0, 0);
-  return s.observers = null, s.observerSlots = null, s.comparator = t.equals || void 0, $(s), He.bind(s);
-}
-function Z(l) {
-  if (w === null) return l();
-  const e = w;
-  w = null;
+  we = Ne;
+  const s = ae(l, e, !1, L);
+  s.user = !0, O ? O.push(s) : V(s);
+}
+function Pe(l, e, t) {
+  t = t ? Object.assign({}, fe, t) : fe;
+  const s = ae(l, e, !0, 0);
+  return s.observers = null, s.observerSlots = null, s.comparator = t.equals || void 0, V(s), He.bind(s);
+}
+function Q(l) {
+  if (x === null) return l();
+  const e = x;
+  x = null;
   try {
     return l();
   } finally {
-    w = e;
+    x = e;
   }
 }
-function Pe(l) {
-  Le(() => Z(l));
+function We(l) {
+  Be(() => Q(l));
 }
 function He() {
   if (this.sources && this.state)
-    if (this.state === L) $(this);
+    if (this.state === L) V(this);
     else {
       const l = M;
-      M = null, V(() => U(this), !1), M = l;
+      M = null, _(() => j(this), !1), M = l;
     }
-  if (w) {
+  if (x) {
     const l = this.observers ? this.observers.length : 0;
-    w.sources ? (w.sources.push(this), w.sourceSlots.push(l)) : (w.sources = [this], w.sourceSlots = [l]), this.observers ? (this.observers.push(w), this.observerSlots.push(w.sources.length - 1)) : (this.observers = [w], this.observerSlots = [w.sources.length - 1]);
+    x.sources ? (x.sources.push(this), x.sourceSlots.push(l)) : (x.sources = [this], x.sourceSlots = [l]), this.observers ? (this.observers.push(x), this.observerSlots.push(x.sources.length - 1)) : (this.observers = [x], this.observerSlots = [x.sources.length - 1]);
   }
   return this.value;
 }
-function We(l, e, t) {
+function $e(l, e, t) {
   let s = l.value;
-  return (!l.comparator || !l.comparator(s, e)) && (l.value = e, l.observers && l.observers.length && V(() => {
+  return (!l.comparator || !l.comparator(s, e)) && (l.value = e, l.observers && l.observers.length && _(() => {
     for (let o = 0; o < l.observers.length; o += 1) {
-      const i = l.observers[o], r = ee && ee.running;
-      r && ee.disposed.has(i), (r ? !i.tState : !i.state) && (i.pure ? M.push(i) : O.push(i), i.observers && Ce(i)), r || (i.state = L);
+      const i = l.observers[o], r = te && te.running;
+      r && te.disposed.has(i), (r ? !i.tState : !i.state) && (i.pure ? M.push(i) : O.push(i), i.observers && Ce(i)), r || (i.state = L);
     }
     if (M.length > 1e6)
       throw M = [], new Error();
   }, !1)), e;
 }
-function $(l) {
+function V(l) {
   if (!l.fn) return;
-  W(l);
-  const e = q;
-  $e(
+  $(l);
+  const e = Z;
+  Ve(
     l,
     l.value,
     e
   );
 }
-function $e(l, e, t) {
+function Ve(l, e, t) {
   let s;
-  const o = R, i = w;
-  w = R = l;
+  const o = R, i = x;
+  x = R = l;
   try {
     s = l.fn(e);
   } catch (r) {
-    return l.pure && (l.state = L, l.owned && l.owned.forEach(W), l.owned = null), l.updatedAt = t + 1, ve(r);
+    return l.pure && (l.state = L, l.owned && l.owned.forEach($), l.owned = null), l.updatedAt = t + 1, Ee(r);
   } finally {
-    w = i, R = o;
+    x = i, R = o;
   }
-  (!l.updatedAt || l.updatedAt <= t) && (l.updatedAt != null && "observers" in l ? We(l, s) : l.value = s, l.updatedAt = t);
+  (!l.updatedAt || l.updatedAt <= t) && (l.updatedAt != null && "observers" in l ? $e(l, s) : l.value = s, l.updatedAt = t);
 }
-function le(l, e, t, s = L, o) {
+function ae(l, e, t, s = L, o) {
   const i = {
     fn: l,
     state: s,
@@ -114,65 +114,65 @@ function le(l, e, t, s = L, o) {
   };
   return R === null || R !== xe && (R.owned ? R.owned.push(i) : R.owned = [i]), i;
 }
-function z(l) {
+function U(l) {
   if (l.state === 0) return;
-  if (l.state === G) return U(l);
-  if (l.suspense && Z(l.suspense.inFallback)) return l.suspense.effects.push(l);
+  if (l.state === z) return j(l);
+  if (l.suspense && Q(l.suspense.inFallback)) return l.suspense.effects.push(l);
   const e = [l];
-  for (; (l = l.owner) && (!l.updatedAt || l.updatedAt < q); )
+  for (; (l = l.owner) && (!l.updatedAt || l.updatedAt < Z); )
     l.state && e.push(l);
   for (let t = e.length - 1; t >= 0; t--)
     if (l = e[t], l.state === L)
-      $(l);
-    else if (l.state === G) {
+      V(l);
+    else if (l.state === z) {
       const s = M;
-      M = null, V(() => U(l, e[0]), !1), M = s;
+      M = null, _(() => j(l, e[0]), !1), M = s;
     }
 }
-function V(l, e) {
+function _(l, e) {
   if (M) return l();
   let t = !1;
-  e || (M = []), O ? t = !0 : O = [], q++;
+  e || (M = []), O ? t = !0 : O = [], Z++;
   try {
     const s = l();
-    return Ve(t), s;
+    return _e(t), s;
   } catch (s) {
-    t || (O = null), M = null, ve(s);
+    t || (O = null), M = null, Ee(s);
   }
 }
-function Ve(l) {
-  if (M && (we(M), M = null), l) return;
+function _e(l) {
+  if (M && (ve(M), M = null), l) return;
   const e = O;
-  O = null, e.length && V(() => ye(e), !1);
+  O = null, e.length && _(() => we(e), !1);
 }
-function we(l) {
-  for (let e = 0; e < l.length; e++) z(l[e]);
+function ve(l) {
+  for (let e = 0; e < l.length; e++) U(l[e]);
 }
-function _e(l) {
+function Ne(l) {
   let e, t = 0;
   for (e = 0; e < l.length; e++) {
     const s = l[e];
-    s.user ? l[t++] = s : z(s);
+    s.user ? l[t++] = s : U(s);
   }
-  for (e = 0; e < t; e++) z(l[e]);
+  for (e = 0; e < t; e++) U(l[e]);
 }
-function U(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 o = s.state;
-      o === L ? s !== e && (!s.updatedAt || s.updatedAt < q) && z(s) : o === G && U(s, e);
+      o === L ? s !== e && (!s.updatedAt || s.updatedAt < Z) && U(s) : o === z && j(s, e);
     }
   }
 }
 function Ce(l) {
   for (let e = 0; e < l.observers.length; e += 1) {
     const t = l.observers[e];
-    t.state || (t.state = G, t.pure ? M.push(t) : O.push(t), t.observers && Ce(t));
+    t.state || (t.state = z, t.pure ? M.push(t) : O.push(t), t.observers && Ce(t));
   }
 }
-function W(l) {
+function $(l) {
   let e;
   if (l.sources)
     for (; l.sources.length; ) {
@@ -183,11 +183,11 @@ function W(l) {
       }
     }
   if (l.tOwned) {
-    for (e = l.tOwned.length - 1; e >= 0; e--) W(l.tOwned[e]);
+    for (e = l.tOwned.length - 1; e >= 0; e--) $(l.tOwned[e]);
     delete l.tOwned;
   }
   if (l.owned) {
-    for (e = l.owned.length - 1; e >= 0; e--) W(l.owned[e]);
+    for (e = l.owned.length - 1; e >= 0; e--) $(l.owned[e]);
     l.owned = null;
   }
   if (l.cleanups) {
@@ -196,26 +196,26 @@ function W(l) {
   }
   l.state = 0;
 }
-function Ne(l) {
+function Ge(l) {
   return l instanceof Error ? l : new Error(typeof l == "string" ? l : "Unknown error", {
     cause: l
   });
 }
-function ve(l, e = R) {
-  throw Ne(l);
+function Ee(l, e = R) {
+  throw Ge(l);
 }
-function N() {
+function G() {
   return !0;
 }
-const Ge = {
+const ze = {
   get(l, e, t) {
-    return e === se ? t : l.get(e);
+    return e === oe ? t : l.get(e);
   },
   has(l, e) {
-    return e === se ? !0 : l.has(e);
+    return e === oe ? !0 : l.has(e);
   },
-  set: N,
-  deleteProperty: N,
+  set: G,
+  deleteProperty: G,
   getOwnPropertyDescriptor(l, e) {
     return {
       configurable: !0,
@@ -223,51 +223,51 @@ const Ge = {
       get() {
         return l.get(e);
       },
-      set: N,
-      deleteProperty: N
+      set: G,
+      deleteProperty: G
     };
   },
   ownKeys(l) {
     return l.keys();
   }
 };
-function te(l) {
+function se(l) {
   return (l = typeof l == "function" ? l() : l) ? l : {};
 }
-function ze() {
+function Ue() {
   for (let l = 0, e = this.length; l < e; ++l) {
     const t = this[l]();
     if (t !== void 0) return t;
   }
 }
-function Ee(...l) {
+function Ae(...l) {
   let e = !1;
   for (let r = 0; r < l.length; r++) {
     const a = l[r];
-    e = e || !!a && se in a, l[r] = typeof a == "function" ? (e = !0, Be(a)) : a;
+    e = e || !!a && oe in a, l[r] = typeof a == "function" ? (e = !0, Pe(a)) : a;
   }
-  if (Fe && e)
+  if (Ie && e)
     return new Proxy(
       {
         get(r) {
           for (let a = l.length - 1; a >= 0; a--) {
-            const n = te(l[a])[r];
+            const n = se(l[a])[r];
             if (n !== void 0) return n;
           }
         },
         has(r) {
           for (let a = l.length - 1; a >= 0; a--)
-            if (r in te(l[a])) return !0;
+            if (r in se(l[a])) return !0;
           return !1;
         },
         keys() {
           const r = [];
           for (let a = 0; a < l.length; a++)
-            r.push(...Object.keys(te(l[a])));
+            r.push(...Object.keys(se(l[a])));
           return [...new Set(r)];
         }
       },
-      Ge
+      ze
     );
   const t = {}, s = /* @__PURE__ */ Object.create(null);
   for (let r = l.length - 1; r >= 0; r--) {
@@ -282,7 +282,7 @@ function Ee(...l) {
         s[c] = h.get ? {
           enumerable: !0,
           configurable: !0,
-          get: ze.bind(t[c] = [h.get.bind(a)])
+          get: Ue.bind(t[c] = [h.get.bind(a)])
         } : h.value !== void 0 ? h : void 0;
       else {
         const p = t[c];
@@ -297,7 +297,7 @@ function Ee(...l) {
   }
   return o;
 }
-function Ue(l, e, t) {
+function je(l, e, t) {
   let s = t.length, o = e.length, i = s, r = 0, a = 0, n = e[o - 1].nextSibling, d = null;
   for (; r < o || a < i; ) {
     if (e[r] === t[a]) {
@@ -336,15 +336,15 @@ function Ue(l, e, t) {
     }
   }
 }
-function je(l, e, t, s = {}) {
+function Xe(l, e, t, s = {}) {
   let o;
-  return Oe((i) => {
-    o = i, e === document ? l() : Ye(e, l(), e.firstChild ? null : void 0, t);
+  return Le((i) => {
+    o = i, e === document ? l() : Je(e, l(), e.firstChild ? null : void 0, t);
   }, s.owner), () => {
     o(), e.textContent = "";
   };
 }
-function Xe(l, e, t) {
+function Ke(l, e, t) {
   let s;
   const o = () => {
     const r = document.createElement("template");
@@ -352,14 +352,14 @@ function Xe(l, e, t) {
   }, i = () => (s || (s = o())).cloneNode(!0);
   return i.cloneNode = i, i;
 }
-function Ke(l, e, t) {
-  return Z(() => l(e, t));
+function Ye(l, e, t) {
+  return Q(() => l(e, t));
 }
-function Ye(l, e, t, s) {
-  if (t !== void 0 && !s && (s = []), typeof e != "function") return j(l, e, s, t);
-  oe((o) => j(l, e(), o, t), s);
+function Je(l, e, t, s) {
+  if (t !== void 0 && !s && (s = []), typeof e != "function") return X(l, e, s, t);
+  ie((o) => X(l, e(), o, t), s);
 }
-function j(l, e, t, s, o) {
+function X(l, e, t, s, o) {
   for (; typeof t == "function"; ) t = t();
   if (e === t) return t;
   const i = typeof e, r = s !== void 0;
@@ -375,18 +375,18 @@ function j(l, e, t, s, o) {
     t = P(l, t, s);
   else {
     if (i === "function")
-      return oe(() => {
+      return ie(() => {
         let a = e();
         for (; typeof a == "function"; ) a = a();
-        t = j(l, a, t, s);
+        t = X(l, a, t, s);
       }), () => t;
     if (Array.isArray(e)) {
       const a = [], n = t && Array.isArray(t);
-      if (ie(a, e, t, o))
-        return oe(() => t = j(l, a, t, s, !0)), () => t;
+      if (re(a, e, t, o))
+        return ie(() => t = X(l, a, t, s, !0)), () => t;
       if (a.length === 0) {
         if (t = P(l, t, s), r) return t;
-      } else n ? t.length === 0 ? fe(l, a, s) : Ue(l, t, a) : (t && P(l), fe(l, a));
+      } else n ? t.length === 0 ? ue(l, a, s) : je(l, t, a) : (t && P(l), ue(l, a));
       t = a;
     } else if (e.nodeType) {
       if (Array.isArray(t)) {
@@ -398,18 +398,18 @@ function j(l, e, t, s, o) {
   }
   return t;
 }
-function ie(l, e, t, s) {
+function re(l, e, t, s) {
   let o = !1;
   for (let i = 0, r = e.length; i < r; i++) {
     let a = e[i], n = t && t[l.length], d;
     if (!(a == null || a === !0 || a === !1)) if ((d = typeof a) == "object" && a.nodeType)
       l.push(a);
     else if (Array.isArray(a))
-      o = ie(l, a, n) || o;
+      o = re(l, a, n) || o;
     else if (d === "function")
       if (s) {
         for (; typeof a == "function"; ) a = a();
-        o = ie(
+        o = re(
           l,
           Array.isArray(a) ? a : [a],
           Array.isArray(n) ? n : [n]
@@ -423,7 +423,7 @@ function ie(l, e, t, s) {
   }
   return o;
 }
-function fe(l, e, t = null) {
+function ue(l, e, t = null) {
   for (let s = 0, o = e.length; s < o; s++) l.insertBefore(e[s], t);
 }
 function P(l, e, t, s) {
@@ -446,14 +446,14 @@ class Tt {
     this.code = e;
   }
   render(e, t, s, o, i, r, a) {
-    const n = Ee({
+    const n = Ae({
       rowIndex: t,
       columnIndex: s,
       areaIdent: o,
       areaModel: i,
       cellValue: r
     });
-    je(
+    Xe(
       () => this.code(n),
       e
     );
@@ -462,7 +462,7 @@ class Tt {
 const Dt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
 }, Symbol.toStringTag, { value: "Module" }));
-function Je(l, e = 500) {
+function qe(l, e = 500) {
   let t = null;
   return function(...s) {
     t && window.clearTimeout(t), t = window.setTimeout(() => {
@@ -495,18 +495,18 @@ class B {
     }
   }
 }
-function X(l) {
+function K(l) {
   return l && l.type === "TreeRow";
 }
-function re(l) {
+function le(l) {
   return l && l.type === "AreaModelTree";
 }
-class ae {
+class ne {
   constructor(e = -1, t = -1, s = -1, o = -1, i, r, a, n = 0, d = 0, c = 0, h = "") {
     this.rowIndex = e, this.rowTop = t, this.columnIndex = s, this.columnLeft = o, this.areaIdent = i, this.sideIdent = r, this.originalEvent = a, this.clickCount = n, this.draggingX = d, this.draggingY = c, this.action = h;
   }
   clone() {
-    return new ae(
+    return new ne(
       this.rowIndex,
       this.rowTop,
       this.columnIndex,
@@ -526,7 +526,7 @@ class I {
     this.content = e, this.style = t, this.classes = s;
   }
 }
-class Ae {
+class Me {
   constructor(e = new I(
     ">",
     "transform: rotate(90deg) translate(66%, -66%); transform-origin: 0 0;",
@@ -547,12 +547,12 @@ class Ae {
     this.arrowExpanded = e, this.arrowCollapsed = t, this.arrowPlaceholder = s, this.arrowExpandCollapseAll = o;
   }
 }
-class Me {
+class Re {
   constructor(e = new I("↑", "", ["ge-header-sorted-asc"]), t = new I("↓", "", ["ge-header-sorted-desc"]), s = new I("↑", "color:transparent;", [])) {
     this.iconAsc = e, this.iconDesc = t, this.iconPlaceholder = s;
   }
 }
-class qe {
+class Ze {
   constructor(e) {
     this.domService = e;
   }
@@ -672,7 +672,7 @@ class qe {
       }
     return this.domService.appendChild(e, a), a;
   }
-  addSortedIcon(e, t = "", s = new Me(), o = -1) {
+  addSortedIcon(e, t = "", s = new Re(), o = -1) {
     const i = this.domService.createElement("div");
     this.domService.addClass(i, "ge-table-sorted-icon-div"), this.domService.setStyle(i, "position", "absolute"), this.domService.setStyle(i, "top", "0"), this.domService.setStyle(i, "right", "0"), this.domService.setStyle(i, "width", "20px"), this.domService.setStyle(i, "background", "transparent"), this.domService.setStyle(i, "cursor", "pointer"), this.domService.setAttribute(i, "data-col-index", `${o}`), this.domService.setAttribute(i, "data-area", "header");
     let r;
@@ -683,7 +683,7 @@ class qe {
       this.domService.addClass(i, d);
     return this.domService.appendChild(e, i), i;
   }
-  addArrowDiv(e, t = "none", s = new Ae(), o = -1, i = -1, r = "body") {
+  addArrowDiv(e, t = "none", s = new Me(), o = -1, i = -1, r = "body") {
     const a = this.domService.createElement("div");
     this.domService.addClass(a, "ge-table-tree-arrow-div"), this.domService.setStyle(a, "display", "inline-block"), this.domService.setStyle(a, "position", ""), this.domService.setStyle(a, "width", "20px"), this.domService.setStyle(a, "background", "transparent"), this.domService.setStyle(a, "cursor", "pointer"), this.domService.setAttribute(a, "data-row-index", `${o}`), this.domService.setAttribute(a, "data-col-index", `${i}`), this.domService.setAttribute(a, "data-area", `${r}`);
     let n;
@@ -734,20 +734,20 @@ class qe {
     return s ? (s.innerText = "", s) : (s = this.domService.createElement("div"), t.cache[e] = s, s);
   }
 }
-const ne = (l) => l === "header" ? "header" : l === "footer" ? "footer" : "body";
-class Ze {
+const ce = (l) => l === "header" ? "header" : l === "footer" ? "footer" : "body";
+class Qe {
   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 = ne(s), this.areaModel = t.tableModel.getAreaModel(this.areaIdent), this.row = this.areaModel.getRowByIndex(this.rowIdx)), e instanceof HTMLInputElement) {
+      if (s && (this.areaIdent = ce(s), this.areaModel = t.tableModel.getAreaModel(this.areaIdent), this.row = this.areaModel.getRowByIndex(this.rowIdx)), e instanceof HTMLInputElement) {
         const o = e;
         this.value = o.value;
       }
     }
   }
 }
-class Qe {
+class et {
   constructor(e) {
     this.tableScope = e, this.doubleClickDelay = 500, this.expandedAll = !0, this.mouseDown = !1, this.dragging = !1, this.lastClicked = 0, 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))
@@ -774,24 +774,24 @@ class Qe {
    */
   onHostElementClicked(e) {
     const t = Date.now();
-    if (console.info("onHostElementClicked", t - this.lastClicked < this.doubleClickDelay), t - this.lastClicked < this.doubleClickDelay) {
+    if (t - this.lastClicked < this.doubleClickDelay) {
       this.lastClicked = t, this.publishGeMouseEvent(e, 2);
       return;
     }
     this.lastClicked = t;
-    const s = new Ze(e.target, this.tableScope);
+    const s = new Qe(e.target, this.tableScope);
     if (s.action === "toggleExpandCollapseAll")
       this.expandedAll = !this.expandedAll, this.tableScope.toggleExpandCollapseAll(this.expandedAll), e.preventDefault(), e.stopPropagation();
     else if (s.action === "toggleHeaderGroup")
       this.tableScope.toggleHeaderGroup(s), e.preventDefault(), e.stopPropagation();
     else if (s.inputType === "checkbox" && s.areaIdent)
       this.tableScope.toggleRowCheckbox(s.rowIdx, s.colIdx, s.areaIdent), e.preventDefault(), e.stopPropagation();
-    else if (X(s.row) && s.areaModel) {
+    else if (K(s.row) && s.areaModel) {
       const o = s.colIdx === this.getArrowColumnIndex() && e.altKey, i = s.className.includes("ge-table-tree-arrow-div");
       if (o || i) {
         e.preventDefault(), e.stopPropagation();
         const r = s.row;
-        r.expanded = !r.expanded, "recalcVisibleTreeRows" in s.areaModel && s.areaModel.recalcVisibleTreeRows(), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(r);
+        r.expanded = !r.expanded, "recalcVisibleTreeRows" in s.areaModel && s.areaModel.recalcVisibleTreeRows(), console.info("this.tableScope.hostElement", this.tableScope.hostElement), console.info("this.tableScope.hostElement.clientWidth", this.tableScope.hostElement.clientWidth), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(r);
       }
     }
     if (s.areaIdent === "body" && this.tableScope.tableOptions.getFocusModel) {
@@ -807,13 +807,13 @@ class Qe {
    * @param {MouseEvent} event - The double click event.
    */
   onHostElementDblClicked(e) {
-    if (console.info("ONHOSTELEMENTDBLCLICKED", e), this.lastClicked = Date.now(), e.target instanceof HTMLElement) {
-      const t = e.target, s = t.getAttribute("data-area"), o = ne(s), i = Number(t.getAttribute("data-row-index")), r = Number(t.getAttribute("data-col-index")), a = this.tableScope.tableModel.getAreaModel(o);
+    if (this.lastClicked = Date.now(), e.target instanceof HTMLElement) {
+      const t = e.target, s = t.getAttribute("data-area"), o = ce(s), i = Number(t.getAttribute("data-row-index")), r = Number(t.getAttribute("data-col-index")), a = this.tableScope.tableModel.getAreaModel(o);
       if (s && o === "header")
         this.tableScope.tableModel.isSortable(r) && (this.tableScope.clearSelection(), this.tableScope.onHeaderDblClicked(e, i, r));
       else if (t.getAttribute("data-row-index")) {
         const n = a.getRowByIndex(i);
-        if (s && o === "body" && a.isEditable(i, r) && (this.tableScope.clearSelection(), this.tableScope.initRenderEditor(i, r)), X(n) && r === this.getArrowColumnIndex()) {
+        if (s && o === "body" && a.isEditable(i, r) && (this.tableScope.clearSelection(), this.tableScope.initRenderEditor(i, r)), K(n) && r === this.getArrowColumnIndex()) {
           e.preventDefault(), e.stopPropagation();
           const d = n;
           d.expanded = !d.expanded, "recalcVisibleTreeRows" in a && a.recalcVisibleTreeRows(), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(d);
@@ -881,7 +881,7 @@ class Qe {
     }
   }
 }
-class et {
+class tt {
   constructor(e, t = [], s = -1) {
     this.areaIdent = e, this.columnDefs = t, this.defaultRowHeight = s, this.rowSelectionModel = void 0, this.yPositions = [], this.cellRenderers = t.map((o) => o.rendererMap[e]);
   }
@@ -977,7 +977,7 @@ class et {
       this.yPositions[t + 1] = this.getRowHeight(t) + this.yPositions[t];
   }
 }
-class tt {
+class st {
   genericSortComparator(e, t, s) {
     if (typeof e == "number" && typeof t == "number")
       return s * (e - t);
@@ -995,9 +995,9 @@ class tt {
     return s * ("" + e).localeCompare("" + t);
   }
 }
-class st extends et {
+class W extends tt {
   constructor(e, t, s, o = [], i = "ge-selected-row", r = "ge-focused-row") {
-    super(e, o, s), this.areaIdent = e, this.rows = t, this.defaultRowHeight = s, this.columnDefs = o, this.selectedRowClass = i, this.focusedRowClass = r, this.focusedRowIndex = 0, this.sorterService = new tt(), this.filteredRows = [...t], this.properties = o.map((a) => a.property);
+    super(e, o, s), this.areaIdent = e, this.rows = t, this.defaultRowHeight = s, this.columnDefs = o, this.selectedRowClass = i, this.focusedRowClass = r, this.focusedRowIndex = 0, this.sorterService = new st(), this.filteredRows = [...t], this.properties = o.map((a) => a.property);
   }
   setRows(e) {
     this.rows = e, this.filteredRows = [...e];
@@ -1015,7 +1015,7 @@ class st extends et {
   getValueAt(e, t) {
     const s = this.properties[t];
     let o = this.filteredRows[e];
-    return X(o) && (o = o.data), o ? this.getValueByT(o, s) : "";
+    return K(o) && (o = o.data), o ? this.getValueByT(o, s) : "";
   }
   /**
    * Retrieves the filtered and sorted rows from the dataset.
@@ -1298,7 +1298,49 @@ class ot {
   }
   setRows(e) {
     const t = this.getBodyModel();
-    t instanceof st ? t.setRows(e) : console.warn("setRows<T>(rows: T[]) only works with AreaModelObjectArray<T>, but this body area model is ", typeof t);
+    t instanceof W ? t.setRows(e) : console.warn("setRows<T>(rows: T[]) only works with AreaModelObjectArray<T>, but this body area model is ", typeof t, t);
+  }
+  addRows(e) {
+    const t = this.getBodyModel();
+    if (t instanceof W) {
+      const s = t;
+      let o = s.getAllRows();
+      s.setRows([...o, ...e]);
+    } else
+      console.warn("addRows<T>(rows: T[]) only works with AreaModelObjectArray<T>, but this body area model is ", typeof t, t);
+  }
+  addRowsAt(e, t) {
+    const s = this.getBodyModel();
+    if (s instanceof W) {
+      const o = s;
+      let i = o.getAllRows();
+      o.setRows([...i.slice(0, t), ...e, ...i.slice(t)]);
+    } else
+      console.warn("addRowsAt<T>(rows: T[]) only works with AreaModelObjectArray<T>, but this body area model is ", typeof s, s);
+  }
+  removeRows(e, t = (s, o) => s === o) {
+    const s = this.getBodyModel();
+    if (s instanceof W) {
+      const o = s, i = o.getAllRows().filter((r) => !e.some((a) => t(r, a)));
+      o.setRows(i);
+    } else
+      console.warn("removeRows<T>(rows: T[]) only works with AreaModelObjectArray<T>, but this body area model is ", typeof s, s);
+  }
+  findRows(e, t = (s, o) => s === o) {
+    const s = this.getBodyModel();
+    return s instanceof W ? s.getAllRows().filter((i) => !e.some((r) => t(i, r))) : (console.warn("findRows<T>(rows: T[], predicate: (a: T, b: T) => boolean) only works with AreaModelObjectArray<T>, but this body area model is ", typeof s, s), []);
+  }
+  updateRows(e, t = (s, o) => s === o) {
+    const s = this.getBodyModel();
+    if (s instanceof W) {
+      let i = s.getAllRows();
+      for (const r of i)
+        for (const a of e)
+          if (t(r, a))
+            for (const n of Object.keys(a))
+              r[n] = a[n];
+    } else
+      console.warn("updateRows<T>(rows: T[], predicate: (a: T, b: T) => boolean) only works with AreaModelObjectArray<T>, but this body area model is ", typeof s, s);
   }
   reSort() {
     this.tableScope.reSort();
@@ -1307,7 +1349,7 @@ class ot {
     return this.tableScope.getDisplayedRowCount();
   }
 }
-class ce {
+class de {
   constructor(e) {
     this.getStorageKeyFn = e;
   }
@@ -1374,7 +1416,7 @@ class ce {
   //   }
   // }
 }
-class it extends ce {
+class it extends de {
   constructor(e) {
     super(e), this.SCROLL_STATE = "scrollState", this.scrollOffset = [0, 0], this.load();
   }
@@ -1401,7 +1443,7 @@ class rt {
     this.mode = e, this.rowIds = t, this.allCollapsed = s, this.allExpanded = o;
   }
 }
-class lt extends ce {
+class lt extends de {
   constructor(e) {
     super(e), this.COLLAPSED_EXPANDED_STATE = "collapsedExpandedState", this.collapsedExpandedState = new rt(), this.load();
   }
@@ -1435,7 +1477,7 @@ class lt extends ce {
     this.checkAndPersistItem(this.COLLAPSED_EXPANDED_STATE, this.collapsedExpandedState);
   }
 }
-class at extends ce {
+class at extends de {
   constructor(e) {
     super(e), this.SORTING_STATE = "sortingState", this.sortItems = [], this.load();
   }
@@ -1712,7 +1754,7 @@ class ht extends nt {
       header: [],
       body: [],
       footer: []
-    }, this.tree = !1, this.colAndRowspanModels = new dt(), this.firstVisibleRowIndex = -1, this.draggingTargetColumnIndex = -1, this.removables = [], this.displayedRowCount = 0, this.tableModel.getSelectionModel ? this.getSelectionModel = this.tableModel.getSelectionModel : (r = this.tableOptions) != null && r.getSelectionModel && (this.getSelectionModel = this.tableOptions.getSelectionModel), (a = this.tableOptions) != null && a.getFocusModel && (this.getFocusModel = this.tableOptions.getFocusModel), re(t.getAreaModel("body")) && (this.tree = !0), ["header", "body", "footer"].forEach(
+    }, this.tree = !1, this.colAndRowspanModels = new dt(), this.firstVisibleRowIndex = -1, this.draggingTargetColumnIndex = -1, this.removables = [], this.displayedRowCount = 0, this.tableModel.getSelectionModel ? this.getSelectionModel = this.tableModel.getSelectionModel : (r = this.tableOptions) != null && r.getSelectionModel && (this.getSelectionModel = this.tableOptions.getSelectionModel), (a = this.tableOptions) != null && a.getFocusModel && (this.getFocusModel = this.tableOptions.getFocusModel), le(t.getAreaModel("body")) && (this.tree = !0), ["header", "body", "footer"].forEach(
       (n) => {
         var d;
         this.colAndRowspanModels[n] = new ct(t, t.getAreaModel(n)), (d = this.colAndRowspanModels[n]) == null || d.init();
@@ -1789,7 +1831,7 @@ class ht extends nt {
    * @return {undefined}
    */
   recalcColumnWidths(e) {
-    let t = e || this.scrollViewport.clientWidth;
+    let t = (!e || e > this.scrollViewport.offsetWidth) && this.scrollViewport.offsetWidth > 100 ? this.scrollViewport.offsetWidth : this.scrollViewport.clientWidth;
     this.tableModel.setParentWidth(t), this.tableModel.init(), this.repaintHard();
   }
   /**
@@ -1977,10 +2019,10 @@ class ht extends nt {
     let p = t;
     const u = this.tableModel.getColumnCount(), g = this.tableModel.getFixedRightColumnCount(), b = this.tableModel.getFixedLeftColumnCount();
     for (let m = 0; m < h; m++) {
-      const x = p, C = m === h - 1, E = this.tableModel.getRowHeight(e, m);
-      if (x + E > 0) {
+      const w = p, v = m === h - 1, E = this.tableModel.getRowHeight(e, m);
+      if (w + E > 0) {
         this.firstVisibleRowIndex = m;
-        let y = { left: a, width: n, height: E, top: x, index: m }, S = this.dom.addRowDiv(o, y, m, e, "center");
+        let y = { left: a, width: n, height: E, top: w, index: m }, S = this.dom.addRowDiv(o, y, m, e, "center");
         const k = b;
         if (this.adjustColumnsToRowParent({
           areaIdent: e,
@@ -1992,8 +2034,8 @@ class ht extends nt {
           columnIndexStart: k,
           columnIndexEnd: u - g - 1,
           verticalFixed: !1,
-          lastRowOfModel: C
-        }), d.left > 0 && (y = { left: a, width: this.areaBodyWestGeo.width, height: E, top: x, index: m }, S = this.dom.addRowDiv(s, y, m, e, "west"), this.adjustColumnsToRowParent({
+          lastRowOfModel: v
+        }), d.left > 0 && (y = { left: a, width: this.areaBodyWestGeo.width, height: E, top: w, index: m }, S = this.dom.addRowDiv(s, y, m, e, "west"), this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "west",
           areaModel: c,
@@ -2003,8 +2045,8 @@ class ht extends nt {
           columnIndexStart: 0,
           columnIndexEnd: k - 1,
           verticalFixed: !0,
-          lastRowOfModel: C
-        })), d.right > 0 && (y = { left: a, width: this.areaBodyEastGeo.width, height: E, top: x, index: m }, S = this.dom.addRowDiv(i, y, m, e, "east"), this.adjustColumnsToRowParent({
+          lastRowOfModel: v
+        })), d.right > 0 && (y = { left: a, width: this.areaBodyEastGeo.width, height: E, top: w, index: m }, S = this.dom.addRowDiv(i, y, m, e, "east"), this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "east",
           areaModel: c,
@@ -2014,7 +2056,7 @@ class ht extends nt {
           columnIndexStart: u - g,
           columnIndexEnd: u - 1,
           verticalFixed: !0,
-          lastRowOfModel: C
+          lastRowOfModel: v
         })), e === "header" && this.tree && m === h - 1) {
           const T = this.dom.applyStyle(
             this.dom.setAttribute(
@@ -2025,8 +2067,8 @@ class ht extends nt {
             { cursor: "pointer" }
           ), D = this.tableOptions.treeOptions.arrowExpandCollapseAll;
           if (D) {
-            const _ = this.dom.domService.createText(D.content);
-            this.dom.domService.appendChild(T, _), D.style && this.dom.applyStyleString(T, D.style);
+            const N = this.dom.domService.createText(D.content);
+            this.dom.domService.appendChild(T, N), D.style && this.dom.applyStyleString(T, D.style);
           }
         }
       }
@@ -2038,17 +2080,17 @@ class ht extends nt {
     if (this.colAndRowspanModels && this.colAndRowspanModels[e]) {
       const m = ((f = this.colAndRowspanModels[e]) == null ? void 0 : f.getRanges()) ?? [];
       if (m.length)
-        for (const x of m) {
-          let C = 0, E = o.child, y = "center";
-          if (x.c1 < b)
+        for (const w of m) {
+          let v = 0, E = o.child, y = "center";
+          if (w.c1 < b)
             E = s.child, y = "west";
-          else if (g > 0 && x.c1 >= u - g)
+          else if (g > 0 && w.c1 >= u - g)
             E = i.child, y = "east";
           else {
             const S = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
-            C = this.scrollFactorX * S - this.areaBodyWestGeo.width, y = "center";
+            v = this.scrollFactorX * S - this.areaBodyWestGeo.width, y = "center";
           }
-          this.drawBigCell(x, C, t, c, E, y);
+          this.drawBigCell(w, v, t, c, E, y);
         }
     }
   }
@@ -2156,20 +2198,20 @@ class ht extends nt {
     const p = 0, u = !!(e === "body" && t);
     let g = h;
     for (let f = a; f <= n; f++) {
-      const m = g, x = this.tableModel.getColumnWidth(f);
-      if (x > 0 && m + x > 0) {
-        let C = o.height;
+      const m = g, w = this.tableModel.getColumnWidth(f);
+      if (w > 0 && m + w > 0) {
+        let v = o.height;
         const E = s.getRowspanAt(r, f), y = s.getColspanAt(r, f);
-        E > 1 && (C = this.getRowHeights(r, r + E - 1, s).reduce((T, D) => T + D, 0));
-        let S = x;
+        E > 1 && (v = this.getRowHeights(r, r + E - 1, s).reduce((T, D) => T + D, 0));
+        let S = w;
         y > 1 && (S = this.getColumnWidths(f, f + y - 1).reduce((T, D) => T + D, 0));
         let k = !1;
         if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (b = this.colAndRowspanModels[e]) != null && b.isInRange(r, f) && (k = !0), this.draggingTargetColumnIndex === f && e !== "header") {
-          this.renderDragTargetDiv(i, m, p, S, C);
-          const T = { left: m, top: p, width: S, height: C };
+          this.renderDragTargetDiv(i, m, p, S, v);
+          const T = { left: m, top: p, width: S, height: v };
           this.dom.addColumnBorderDivs(this.tableOptions, i, T, e, t);
         } else {
-          const T = this.renderSelectedBackgroundDiv(k, u, t, s, r, f, i, m, p, S, C);
+          const T = this.renderSelectedBackgroundDiv(k, u, t, s, r, f, i, m, p, S, v);
           "gammaCells" in s && s.getValueAt(r, f) && (k = !1), k || this.renderCell({
             areaModel: s,
             areaIdent: e,
@@ -2179,7 +2221,7 @@ class ht extends nt {
             left: m,
             top: p,
             width: S,
-            height: C,
+            height: v,
             parent: i,
             cellSelected: T,
             lastRowOfModel: c,
@@ -2190,12 +2232,12 @@ class ht extends nt {
             cellLeft: m,
             cellTop: p,
             cellWidth: S,
-            cellHeight: C,
+            cellHeight: v,
             parent: i
           });
         }
       }
-      if (g = g + x, g > this.areaBodyCenterGeo.width)
+      if (g = g + w, g > this.areaBodyCenterGeo.width)
         break;
     }
     this.tableOptions.verticalBorderVisible && this.dom.addVerticalBorder(new F(g - 1, 1, o.height, 0), i);
@@ -2225,19 +2267,19 @@ class ht extends nt {
     parent: c,
     lastRowOfModel: h
   }) {
-    var pe;
+    var ge;
     const u = this.editorRenderer && this.editorRendererRow === o && this.editorRendererColumn === i ? this.editorRenderer : e.getCellRenderer(o, i), g = { left: r, width: a, height: n, top: d, index: i }, b = e.getRowByIndex(o);
     let f = "none";
-    if (i === this.getTreeArrowColumnIndex() && X(b)) {
-      const v = b;
-      (pe = v.children) != null && pe.length ? v.expanded ? f = "expanded" : f = "collapsed" : f = "hidden";
+    if (i === this.getTreeArrowColumnIndex() && K(b)) {
+      const C = b;
+      (ge = C.children) != null && ge.length ? C.expanded ? f = "expanded" : f = "collapsed" : f = "hidden";
     }
-    let x;
+    let w;
     if (t === "header") {
-      const v = this.tableModel.getColumnDef(i);
-      (!(v != null && v.sortIconVisible) || v != null && v.sortIconVisible()) && (x = v == null ? void 0 : v.sortState);
+      const C = this.tableModel.getColumnDef(i);
+      (!(C != null && C.sortIconVisible) || C != null && C.sortIconVisible()) && (w = C == null ? void 0 : C.sortState);
     }
-    const C = e.getValueAt(o, i), E = u ? "" : `${C}`, y = e.isRowChecked(o), S = this.dom.addColumnDiv(
+    const v = e.getValueAt(o, i), E = u ? "" : `${v}`, y = e.isRowChecked(o), S = this.dom.addColumnDiv(
       {
         parent: c,
         geo: g,
@@ -2249,24 +2291,24 @@ class ht extends nt {
         treeArrow: f,
         tableOptions: this.tableOptions,
         checkedType: y,
-        sortState: x
+        sortState: w
       }
     ), k = e.getTooltipAt(o, i);
     k && this.dom.setAttribute(S, "title", k);
     const T = this.tableModel.getColumnDef(i);
     T && T.classes[t] && this.dom.addClasses(T.classes[t], S);
     let D;
-    u && (D = u.render(S, o, i, t, e, C, this.dom.domService));
-    const _ = e.getCustomClassesAt(o, i);
-    if (_.length && this.dom.addClasses(_, S), this.dom.addColumnBorderDivs(this.tableOptions, c, g, t, s), h && this.dom.addHorizontalBorder({ left: r, width: a, height: n, top: d + n }, c), this.getFocusModel && t === "body") {
-      const v = this.getFocusModel();
-      v != null && v.hasFocus(o, i) && this.dom.addFocusBorderDivs(c, g, {});
+    u && (D = u.render(S, o, i, t, e, v, this.dom.domService));
+    const N = e.getCustomClassesAt(o, i);
+    if (N.length && this.dom.addClasses(N, S), this.dom.addColumnBorderDivs(this.tableOptions, c, g, t, s), h && this.dom.addHorizontalBorder({ left: r, width: a, height: n, top: d + n }, c), this.getFocusModel && t === "body") {
+      const C = this.getFocusModel();
+      C != null && C.hasFocus(o, i) && this.dom.addFocusBorderDivs(c, g, {});
     }
     t === "header" && this.dom.setAttribute(S, "data-ge-action", "drag-column");
-    const Q = e.getCustomStyleAt(o, i);
-    if (Q)
-      for (const v in Q)
-        this.dom.setStyle(S, v, Q[v]);
+    const ee = e.getCustomStyleAt(o, i);
+    if (ee)
+      for (const C in ee)
+        this.dom.setStyle(S, C, ee[C]);
     return [S, D];
   }
   /**
@@ -2442,10 +2484,10 @@ class ht extends nt {
           sideIdent: o,
           text: b
         }, m = this.dom.addColumnDiv(f);
-        let x;
-        g && (x = g.render(m, d, a, t, i, u, this.dom.domService), x && this.cleanupFunctions[t].push(x));
-        const C = i.getCustomClassesAt(d, a);
-        C.length && this.dom.addClasses(C, m);
+        let w;
+        g && (w = g.render(m, d, a, t, i, u, this.dom.domService), w && this.cleanupFunctions[t].push(w));
+        const v = i.getCustomClassesAt(d, a);
+        v.length && this.dom.addClasses(v, m);
         const E = this.tableModel.getColumnDef(a);
         E && E.classes[t] && this.dom.addClasses(E.classes[t], m), this.dom.addColumnBorderDivs(this.tableOptions, n, p, t, o);
         const y = i.getCustomStyleAt(d, a);
@@ -2607,7 +2649,7 @@ class gt {
     if (e.target instanceof HTMLInputElement || e.target instanceof HTMLSelectElement || e.target instanceof HTMLTextAreaElement) {
       const t = e.target, s = t.getAttribute("data-area"), o = t.getAttribute("data-row-index"), i = t.getAttribute("data-col-index");
       if (s && o && i) {
-        const r = ne(s), a = Number(o), n = Number(i);
+        const r = ce(s), a = Number(o), n = Number(i);
         this.tableScope.updateModelValueAfterEdit(r, a, n, t.value);
       }
     }
@@ -2618,12 +2660,12 @@ class ft {
     this.rowIndex = e, this.columnIndex = t;
   }
 }
-class de {
+class he {
   constructor(e) {
     this.cells = e;
   }
   static createSingle(e, t) {
-    return new de([new ft(e, t)]);
+    return new he([new ft(e, t)]);
   }
 }
 class ut {
@@ -2710,12 +2752,12 @@ class bt {
   }
 }
 function St(l) {
-  return l.trim().replace(/\+/g, " ").replace(/ +/g, " ").replace(/⌫/g, "backspace").replace(/↩/g, "enter").replace(/⇧/g, "shift").replace(/⌥/g, "alt").replace(/option/g, "alt").replace(/opt/g, "alt").replace(/⌃/g, "ctrl").replace(/control/g, "ctrl").replace(/command/g, "cmd").replace(/meta/g, "cmd").replace(/escape/g, "esc").replace(/⌘/g, "cmd").replace(/\*/g, "multiply").split(" ").filter((e) => e).sort((e, t) => {
+  return l.trim().replace(/\+/g, " ").replace(/ +/g, " ").replace(/⌫/g, "backspace").replace(/↩/g, "enter").replace(/⇧/g, "shift").replace(/⌥/g, "alt").replace(/option/g, "alt").replace(/opt/g, "alt").replace(/⌃/g, "ctrl").replace(/control/g, "ctrl").replace(/command/g, "cmd").replace(/meta/g, "cmd").replace(/escape/g, "esc").replace(/⌘/g, "cmd").replace(/\*/g, "multiply").split(" ").filter((e) => e).filter((e, t, s) => s.indexOf(e) === t).sort((e, t) => {
     const s = { cmd: 1, ctrl: 2, alt: 3, shift: 4 }, o = s[e] || 5, i = s[t] || 5;
     return o !== i ? o - i : e.localeCompare(t);
   }).join(" ");
 }
-function ue(l) {
+function me(l) {
   let e = l.key.toLowerCase();
   if (e === " " && (e = "space"), e === "arrowleft" && (e = "left"), e === "arrowright" && (e = "right"), e === "arrowup" && (e = "up"), e === "arrowdown" && (e = "down"), e === "delete" && l.code === "Delete" && (e = "delete"), e === "backspace" && (e = "backspace"), e === "escape" && (e = "esc"), e === "return" && (e = "enter"), l.code.startsWith("Numpad")) {
     const s = l.code.replace("Numpad", "").toLowerCase();
@@ -2770,10 +2812,10 @@ class yt {
     return t;
   }
   findEntity(e) {
-    const t = ue(e);
+    const t = me(e);
     this.isDebug() && console.debug("ShortcutService shortcut  :", t);
     for (const s in this.shortcutActionIdMapping)
-      if (ue(e) === t)
+      if (me(e) === t)
         return this.isDebug() && console.debug("ShortcutService action    :", this.shortcutActionIdMapping[s]), this.shortcutActionIdMapping[s];
   }
   // private areTokensEquals(tokens1: string[], tokens2: string[]): boolean {
@@ -2820,7 +2862,7 @@ class yt {
     return this.shortcutActionIdMapping;
   }
 }
-class me {
+class be {
   onCheckboxChanged(e) {
   }
   onContextmenu(e) {
@@ -2840,7 +2882,7 @@ class me {
   onFocusChanged(e) {
   }
 }
-class Re {
+class Te {
   setStyle(e, t, s) {
     return e.style[t] = s, e;
   }
@@ -2867,7 +2909,7 @@ class Re {
     e.setAttribute(t, s);
   }
 }
-class xt {
+class wt {
   render(e, t, s, o, i, r, a) {
     if (i.isEditable(t, s)) {
       a.addClass(e, "ge-table-row-input-div");
@@ -2888,7 +2930,7 @@ class xt {
     }
   }
 }
-class wt {
+class xt {
   constructor(e = "none", t = "single") {
     this.selectionType = e, this.selectionMode = t, this.ranges = [], this.negativeRanges = [], this.allSelected = !1, this.silent = !1, this.listenerArr = [];
   }
@@ -2970,7 +3012,7 @@ class wt {
     this.selectionType !== "none" && (this.allSelected = !1, this.selectionMode === "single" && (this.ranges = []), this.selectionType === "row" ? (e.c1 = 0, e.c2 = Number.MAX_SAFE_INTEGER) : this.selectionType === "column" ? (e.r1 = 0, e.r2 = Number.MAX_SAFE_INTEGER) : this.selectionType === "cell" ? (e.r2 = e.r1, e.c2 = e.c1) : this.selectionType, this.ranges.push(e), this.fireChangeEvent());
   }
 }
-class Ct {
+class vt {
   constructor(e = "none") {
     this.selectionType = e, this.rowIndex = -1, this.columnIndex = -1, this.changed = !1, this.listenerArr = [];
   }
@@ -3007,7 +3049,7 @@ class Ct {
     return [this.rowIndex, this.columnIndex];
   }
 }
-class Te {
+class De {
   constructor(e = new I(
     "❯",
     "",
@@ -3021,14 +3063,14 @@ class Te {
   }
   // `⊖ `,  `⊕ `;
 }
-const vt = new wt(), Et = new Ct("cell");
-class De {
+const Ct = new xt(), Et = new vt("cell");
+class ke {
   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 Ae(), this.headerGroupOptions = new Te(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new Me(), this.sortOrder = ["asc", "desc"], this.shortcutActionsDisabled = !1, this.resizeEventDebounceDelay = 500, this.getEditRenderer = (e, t) => new xt(), this.getSelectionModel = () => vt, this.getFocusModel = () => Et;
+    }, this.footerVerticalSeparator = !1, this.headerToggleExpandCollapseIcons = !1, this.headerVerticalSeparator = !1, this.treeOptions = new Me(), this.headerGroupOptions = new De(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new Re(), this.sortOrder = ["asc", "desc"], this.shortcutActionsDisabled = !1, this.resizeEventDebounceDelay = 500, this.getEditRenderer = (e, t) => new wt(), this.getSelectionModel = () => Ct, this.getFocusModel = () => Et;
   }
 }
 const H = class H {
@@ -3115,10 +3157,10 @@ const H = class H {
 };
 H.columnSeparatorChar = "	", H.rowSeparatorChar = `
 `;
-let K = H;
+let Y = H;
 class At {
   constructor(e, t = 500) {
-    this.tableScope = e, this.debounceDelay = t, new ResizeObserver(Je(this.handleResize.bind(this), t)).observe(this.tableScope.hostElement);
+    this.tableScope = e, this.debounceDelay = t, new ResizeObserver(qe(this.handleResize.bind(this), t)).observe(this.tableScope.hostElement);
   }
   handleResize(e) {
     const t = e[0], { width: s } = t.contentRect;
@@ -3231,18 +3273,18 @@ class Mt {
     return this.createZip(s);
   }
 }
-class he extends ht {
-  constructor(e, t, s, o, i, r = new K(), a = new Mt()) {
+class pe extends ht {
+  constructor(e, t, s, o, i, r = new Y(), a = new Mt()) {
     var c;
-    if (super(e, t, new qe(s), o), this.eventListener = i, this.copyService = r, this.excelService = a, this.licenseManager = B.getInstance(), this.selectionService = new ut(this), this.api = new ot(this), this.mouseStartAction = "", this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, this.lastDragFrom = -1, this.lastDragTo = -1, this.firstDraggingRendering = !0, this.lastContextmenu = Date.now(), t.setTableScope(this), i || (this.eventListener = new me()), (c = this.tableOptions) != null && c.autoRestoreOptions) {
+    if (super(e, t, new Ze(s), o), this.eventListener = i, this.copyService = r, this.excelService = a, this.licenseManager = B.getInstance(), this.selectionService = new ut(this), this.api = new ot(this), this.mouseStartAction = "", this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, this.lastDragFrom = -1, this.lastDragTo = -1, this.firstDraggingRendering = !0, this.lastContextmenu = Date.now(), t.setTableScope(this), i || (this.eventListener = new be()), (c = this.tableOptions) != null && c.autoRestoreOptions) {
       const h = this.tableOptions.autoRestoreOptions, p = h.getStorageKeyFn;
       p && (h.autoRestoreScrollPosition && (this.storeScrollPosStateService = new it(p)), h.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new lt(p)), h.autoRestoreSortingState && (this.storeSortingService = new at(p)));
     }
-    this.mouseHandler = new Qe(this), this.inputHandler = new gt(this), this.resizeHandler = new At(this, o.resizeEventDebounceDelay), this.shortcutService = new yt(this), this.shortcutService.addListener(this.selectionService);
+    this.mouseHandler = new et(this), this.inputHandler = new gt(this), this.resizeHandler = new At(this, o.resizeEventDebounceDelay), this.shortcutService = new yt(this), this.shortcutService.addListener(this.selectionService);
     const n = this.getSelectionModel ? this.getSelectionModel() : void 0;
     n && n.addEventSelectionChangedListener(this);
     const d = this.getFocusModel ? this.getFocusModel() : void 0;
-    d && d.addEventFocusChangedListener(this);
+    d && d.addEventFocusChangedListener(this), console.log("TableScope created");
   }
   /**
    * Creates a TableScope instance.
@@ -3256,8 +3298,8 @@ class he extends ht {
    *
    * @return {TableScope} - The newly created TableScope instance.
    */
-  static create(e, t, s = new De(), o = new me(), i = new Re(), r = new K()) {
-    return new he(e, t, i, s, o, r);
+  static create(e, t, s = new ke(), o = new be(), i = new Te(), r = new Y()) {
+    return new pe(e, t, i, s, o, r);
   }
   /**
    * Triggers an action based on the provided actionId.
@@ -3285,7 +3327,7 @@ class he extends ht {
     return !1;
   }
   updateModelValueAfterEdit(e, t, s, o) {
-    e === "body" && this.tableModel.getAreaModel(e).setValue(t, s, o) && (this.resetEditorRenderer(), this.repaint(), this.eventListener.onModelChanged(de.createSingle(t, s)), this.hostElement.focus());
+    e === "body" && this.tableModel.getAreaModel(e).setValue(t, s, o) && (this.resetEditorRenderer(), this.repaint(), this.eventListener.onModelChanged(he.createSingle(t, s)), this.hostElement.focus());
   }
   /**
    * Retrieves the TableApi object.
@@ -3314,7 +3356,7 @@ class he extends ht {
    * @return {GeMouseEvent} - The created GeMouseEvent object.
    */
   createGeMouseEvent(e) {
-    const t = new ae();
+    const t = new ne();
     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) {
@@ -3390,7 +3432,7 @@ class he extends ht {
   toggleExpandCollapseAll(e = !0) {
     var s;
     const t = this.tableModel.getBodyModel();
-    re(t) && (t.toggleExpandCollapseAll(e), this.repaint(), (s = this.storeStateCollapsedExpandService) == null || s.collapsedStateAll(e));
+    le(t) && (t.toggleExpandCollapseAll(e), this.repaint(), (s = this.storeStateCollapsedExpandService) == null || s.collapsedStateAll(e));
   }
   /**
    * Toggles the checkbox state of a specific row in a table.
@@ -3606,7 +3648,7 @@ class he extends ht {
       const s = this.tableOptions.autoRestoreOptions, o = s.getRowId;
       if (s.autoRestoreCollapsedExpandedState && o) {
         const i = this.storeStateCollapsedExpandService.collapsedExpandedStateGet(), r = this.tableModel.getAreaModel("body");
-        if (re(r)) {
+        if (le(r)) {
           const a = r, n = r.getRowCount();
           for (let d = 0; d < n; d++) {
             const c = r.getRowByIndex(d);
@@ -3660,9 +3702,9 @@ class he extends ht {
     return this.displayedRowCount;
   }
 }
-const Y = class Y {
+const J = class J {
 };
-Y.themes = ["light", "combat", "paper", "blackboard"], Y.vars = {
+J.themes = ["light", "combat", "paper", "blackboard"], J.vars = {
   light: `html[data-theme="light"] {
   --ge-table-bg: rgba(255,255,255, 0.5);
   --ge-table-header-west-bg: rgba(233, 233, 233, 0.5);
@@ -3896,15 +3938,15 @@ Y.themes = ["light", "combat", "paper", "blackboard"], Y.vars = {
   --ge-table-drop-zone-bg: #758129;
 }`
 };
-let be = Y;
-const J = class J {
-  constructor(e = new Te()) {
+let Se = J;
+const q = class q {
+  constructor(e = new De()) {
     this.headerGroupOptions = e;
   }
   render(e, t, s, o, i, r, a) {
     const n = r != null && r.data ? r.data : "";
     if (r) {
-      const { toggle: d, visibility: c, closed: h } = r, p = d ? J.toggleHeaderGroup : "";
+      const { toggle: d, visibility: c, closed: h } = r, p = d ? q.toggleHeaderGroup : "";
       this.addText(e, o, t, s, n, p), d && c !== "always" && this.addArrowDiv(a, e, !h, t, s, o, p);
     } else
       this.addText(e, o, t, s, n, "");
@@ -3936,16 +3978,16 @@ const J = class J {
     }
   }
 };
-J.toggleHeaderGroup = "toggleHeaderGroup";
-let Se = J;
-var Rt = /* @__PURE__ */ Xe("<div>");
+q.toggleHeaderGroup = "toggleHeaderGroup";
+let ye = q;
+var Rt = /* @__PURE__ */ Ke("<div>");
 const kt = (l) => {
   let e;
-  const t = Ee({
+  const t = Ae({
     tableModel: null,
-    tableOptions: new De()
+    tableOptions: new ke()
   }, l);
-  return Pe(() => {
+  return We(() => {
     const s = {
       onSelectionChanged(r) {
         const a = new CustomEvent("selectionChanged", {
@@ -4010,7 +4052,7 @@ const kt = (l) => {
         });
         e && e.dispatchEvent(a);
       }
-    }, o = new he(e, t.tableModel, new Re(), t.tableOptions, s);
+    }, o = new pe(e, t.tableModel, new Te(), t.tableOptions, s);
     o.firstInit();
     const i = new CustomEvent("tableReady", {
       detail: o.getApi(),
@@ -4019,7 +4061,7 @@ const kt = (l) => {
     e && e.dispatchEvent(i), t.licenseKey && B.getInstance().setLicenseKey(t.licenseKey);
   }), (() => {
     var s = Rt(), o = e;
-    return typeof o == "function" ? Ke(o, s) : e = s, s;
+    return typeof o == "function" ? Ye(o, s) : e = s, s;
   })();
 };
 export {