@guiexpert/solid-table 1.0.9 → 1.0.11

package/index.js

@@ -1,44 +1,44 @@
-const me = (l, e) => l === e, q = Symbol("solid-proxy"), ne = {
-  equals: me
+const we = (l, e) => l === e, q = Symbol("solid-proxy"), ae = {
+  equals: we
 };
-let de = ce;
-const L = 1, k = 2, he = {
+let ce = pe;
+const L = 1, k = 2, ue = {
   owned: null,
   cleanups: null,
   context: null,
   owner: null
 };
 var A = null;
-let Y = null, b = null, E = null, O = null, z = 0;
-function be(l, e) {
-  const t = b, s = A, i = l.length === 0, o = e === void 0 ? s : e, r = i ? he : {
+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 : {
     owned: null,
     cleanups: null,
     context: o ? o.context : null,
     owner: o
-  }, n = i ? l : () => l(() => $(() => X(r)));
+  }, n = i ? l : () => l(() => P(() => K(r)));
   A = r, b = null;
   try {
-    return V(n, !0);
+    return H(n, !0);
   } finally {
     b = t, A = s;
   }
 }
 function J(l, e, t) {
   const s = te(l, e, !1, L);
-  H(s);
+  W(s);
 }
-function ye(l, e, t) {
-  de = Re;
+function xe(l, e, t) {
+  ce = Ie;
   const s = te(l, e, !1, L);
-  (!t || !t.render) && (s.user = !0), O ? O.push(s) : H(s);
+  (!t || !t.render) && (s.user = !0), F ? F.push(s) : W(s);
 }
-function we(l, e, t) {
-  t = t ? Object.assign({}, ne, t) : ne;
+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, H(s), xe.bind(s);
+  return s.observers = null, s.observerSlots = null, s.comparator = t.equals || void 0, W(s), Me.bind(s);
 }
-function $(l) {
+function P(l) {
   if (b === null)
     return l();
   const e = b;
@@ -49,16 +49,16 @@ function $(l) {
     b = e;
   }
 }
-function ve(l) {
-  ye(() => $(l));
+function Ae(l) {
+  xe(() => P(l));
 }
-function xe() {
+function Me() {
   if (this.sources && this.state)
     if (this.state === L)
-      H(this);
+      W(this);
     else {
       const l = E;
-      E = null, V(() => N(this), !1), E = l;
+      E = null, H(() => N(this), !1), E = l;
     }
   if (b) {
     const l = this.observers ? this.observers.length : 0;
@@ -66,32 +66,32 @@ function xe() {
   }
   return this.value;
 }
-function Ce(l, e, t) {
+function Re(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 && H(() => {
     for (let i = 0; i < l.observers.length; i += 1) {
       const o = l.observers[i], r = Y && Y.running;
-      r && Y.disposed.has(o), (r ? !o.tState : !o.state) && (o.pure ? E.push(o) : O.push(o), o.observers && ue(o)), r || (o.state = L);
+      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);
     }
     if (E.length > 1e6)
       throw E = [], new Error();
   }, !1)), e;
 }
-function H(l) {
+function W(l) {
   if (!l.fn)
     return;
-  X(l);
-  const e = A, t = b, s = z;
-  b = A = l, Ee(l, l.value, s), b = t, A = e;
+  K(l);
+  const e = A, t = b, s = X;
+  b = A = l, Te(l, l.value, s), b = t, A = e;
 }
-function Ee(l, e, t) {
+function Te(l, e, t) {
   let s;
   try {
     s = l.fn(e);
   } catch (i) {
-    return l.pure && (l.state = L, l.owned && l.owned.forEach(X), l.owned = null), l.updatedAt = t + 1, pe(i);
+    return l.pure && (l.state = L, l.owned && l.owned.forEach(K), l.owned = null), l.updatedAt = t + 1, Se(i);
   }
-  (!l.updatedAt || l.updatedAt <= t) && (l.updatedAt != null && "observers" in l ? Ce(l, s) : l.value = s, l.updatedAt = t);
+  (!l.updatedAt || l.updatedAt <= t) && (l.updatedAt != null && "observers" in l ? Re(l, s) : l.value = s, l.updatedAt = t);
 }
 function te(l, e, t, s = L, i) {
   const o = {
@@ -107,49 +107,49 @@ function te(l, e, t, s = L, i) {
     context: A ? A.context : null,
     pure: t
   };
-  return A === null || A !== he && (A.owned ? A.owned.push(o) : A.owned = [o]), o;
+  return A === null || A !== ue && (A.owned ? A.owned.push(o) : A.owned = [o]), o;
 }
 function G(l) {
   if (l.state === 0)
     return;
   if (l.state === k)
     return N(l);
-  if (l.suspense && $(l.suspense.inFallback))
+  if (l.suspense && P(l.suspense.inFallback))
     return l.suspense.effects.push(l);
   const e = [l];
-  for (; (l = l.owner) && (!l.updatedAt || l.updatedAt < z); )
+  for (; (l = l.owner) && (!l.updatedAt || l.updatedAt < X); )
     l.state && e.push(l);
   for (let t = e.length - 1; t >= 0; t--)
     if (l = e[t], l.state === L)
-      H(l);
+      W(l);
     else if (l.state === k) {
       const s = E;
-      E = null, V(() => N(l, e[0]), !1), E = s;
+      E = null, H(() => N(l, e[0]), !1), E = s;
     }
 }
-function V(l, e) {
+function H(l, e) {
   if (E)
     return l();
   let t = !1;
-  e || (E = []), O ? t = !0 : O = [], z++;
+  e || (E = []), F ? t = !0 : F = [], X++;
   try {
     const s = l();
-    return Ae(t), s;
+    return De(t), s;
   } catch (s) {
-    t || (O = null), E = null, pe(s);
+    t || (F = null), E = null, Se(s);
   }
 }
-function Ae(l) {
-  if (E && (ce(E), E = null), l)
+function De(l) {
+  if (E && (pe(E), E = null), l)
     return;
-  const e = O;
-  O = null, e.length && V(() => de(e), !1);
+  const e = F;
+  F = null, e.length && H(() => ce(e), !1);
 }
-function ce(l) {
+function pe(l) {
   for (let e = 0; e < l.length; e++)
     G(l[e]);
 }
-function Re(l) {
+function Ie(l) {
   let e, t = 0;
   for (e = 0; e < l.length; e++) {
     const s = l[e];
@@ -164,17 +164,17 @@ function N(l, e) {
     const s = l.sources[t];
     if (s.sources) {
       const i = s.state;
-      i === L ? s !== e && (!s.updatedAt || s.updatedAt < z) && G(s) : i === k && N(s, e);
+      i === L ? s !== e && (!s.updatedAt || s.updatedAt < X) && G(s) : i === k && N(s, e);
     }
   }
 }
-function ue(l) {
+function fe(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) : O.push(t), t.observers && ue(t));
+    t.state || (t.state = k, t.pure ? E.push(t) : F.push(t), t.observers && fe(t));
   }
 }
-function X(l) {
+function K(l) {
   let e;
   if (l.sources)
     for (; l.sources.length; ) {
@@ -186,7 +186,7 @@ function X(l) {
     }
   if (l.owned) {
     for (e = l.owned.length - 1; e >= 0; e--)
-      X(l.owned[e]);
+      K(l.owned[e]);
     l.owned = null;
   }
   if (l.cleanups) {
@@ -196,26 +196,26 @@ function X(l) {
   }
   l.state = 0;
 }
-function Me(l) {
+function Oe(l) {
   return l instanceof Error ? l : new Error(typeof l == "string" ? l : "Unknown error", {
     cause: l
   });
 }
-function pe(l, e = A) {
-  throw Me(l);
+function Se(l, e = A) {
+  throw Oe(l);
 }
-function W() {
+function _() {
   return !0;
 }
-const Te = {
+const Fe = {
   get(l, e, t) {
     return e === q ? t : l.get(e);
   },
   has(l, e) {
     return e === q ? !0 : l.has(e);
   },
-  set: W,
-  deleteProperty: W,
+  set: _,
+  deleteProperty: _,
   getOwnPropertyDescriptor(l, e) {
     return {
       configurable: !0,
@@ -223,8 +223,8 @@ const Te = {
       get() {
         return l.get(e);
       },
-      set: W,
-      deleteProperty: W
+      set: _,
+      deleteProperty: _
     };
   },
   ownKeys(l) {
@@ -234,18 +234,18 @@ const Te = {
 function U(l) {
   return (l = typeof l == "function" ? l() : l) ? l : {};
 }
-function Ie() {
+function Le() {
   for (let l = 0, e = this.length; l < e; ++l) {
     const t = this[l]();
     if (t !== void 0)
       return t;
   }
 }
-function fe(...l) {
+function ge(...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, we(r)) : r;
+    e = e || !!r && q in r, l[o] = typeof r == "function" ? (e = !0, Ee(r)) : r;
   }
   if (e)
     return new Proxy({
@@ -268,7 +268,7 @@ function fe(...l) {
           o.push(...Object.keys(U(l[r])));
         return [...new Set(o)];
       }
-    }, Te);
+    }, Fe);
   const t = {}, s = {}, i = /* @__PURE__ */ new Set();
   for (let o = l.length - 1; o >= 0; o--) {
     const r = l[o];
@@ -284,7 +284,7 @@ function fe(...l) {
         c.get ? (i.add(d), Object.defineProperty(t, d, {
           enumerable: !0,
           configurable: !0,
-          get: Ie.bind(s[d] = [c.get.bind(r)])
+          get: Le.bind(s[d] = [c.get.bind(r)])
         })) : (c.value !== void 0 && i.add(d), t[d] = c.value);
       else {
         const p = s[d];
@@ -294,7 +294,7 @@ function fe(...l) {
   }
   return t;
 }
-function De(l, e, t) {
+function $e(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]) {
@@ -323,8 +323,8 @@ function De(l, e, t) {
       const d = h.get(e[r]);
       if (d != null)
         if (n < d && d < o) {
-          let c = r, p = 1, S;
-          for (; ++c < i && c < o && !((S = h.get(e[c])) == null || S !== d + p); )
+          let c = r, p = 1, g;
+          for (; ++c < i && c < o && !((g = h.get(e[c])) == null || g !== d + p); )
             p++;
           if (p > d - n) {
             const u = e[r];
@@ -339,26 +339,26 @@ function De(l, e, t) {
     }
   }
 }
-function Fe(l, e, t, s = {}) {
+function Be(l, e, t, s = {}) {
   let i;
-  return be((o) => {
-    i = o, e === document ? l() : Be(e, l(), e.firstChild ? null : void 0, t);
+  return Ce((o) => {
+    i = o, e === document ? l() : He(e, l(), e.firstChild ? null : void 0, t);
   }, s.owner), () => {
     i(), e.textContent = "";
   };
 }
-function Oe(l, e, t) {
+function Pe(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 ? () => $(() => document.importNode(s || (s = i()), !0)) : () => (s || (s = i())).cloneNode(!0);
+  }, o = e ? () => P(() => document.importNode(s || (s = i()), !0)) : () => (s || (s = i())).cloneNode(!0);
   return o.cloneNode = o, o;
 }
-function Le(l, e, t) {
-  return $(() => l(e, t));
+function We(l, e, t) {
+  return P(() => l(e, t));
 }
-function Be(l, e, t, s) {
+function He(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);
@@ -372,11 +372,11 @@ 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 = P(l, t, s, n);
+      n && n.nodeType === 3 ? n.data = e : n = document.createTextNode(e), t = B(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 = P(l, t, s);
+    t = B(l, t, s);
   else {
     if (o === "function")
       return J(() => {
@@ -390,16 +390,16 @@ function j(l, e, t, s, i) {
       if (Q(n, e, t, i))
         return J(() => t = j(l, n, t, s, !0)), () => t;
       if (n.length === 0) {
-        if (t = P(l, t, s), r)
+        if (t = B(l, t, s), r)
           return t;
       } else
-        a ? t.length === 0 ? ae(l, n, s) : De(l, t, n) : (t && P(l), ae(l, n));
+        a ? t.length === 0 ? de(l, n, s) : $e(l, t, n) : (t && B(l), de(l, n));
       t = n;
     } else if (e.nodeType) {
       if (Array.isArray(t)) {
         if (r)
-          return t = P(l, t, s, e);
-        P(l, t, null, e);
+          return t = B(l, t, s, e);
+        B(l, t, null, e);
       } else
         t == null || t === "" || !l.firstChild ? l.appendChild(e) : l.replaceChild(e, l.firstChild);
       t = e;
@@ -430,11 +430,11 @@ function Q(l, e, t, s) {
   }
   return i;
 }
-function ae(l, e, t = null) {
+function de(l, e, t = null) {
   for (let s = 0, i = e.length; s < i; s++)
     l.insertBefore(e[s], t);
 }
-function P(l, e, t, s) {
+function B(l, e, t, s) {
   if (t === void 0)
     return l.textContent = "";
   const i = s || document.createTextNode("");
@@ -452,27 +452,33 @@ function P(l, e, t, s) {
     l.insertBefore(i, t);
   return [i];
 }
-class pt {
+class ht {
   constructor(e) {
     this.code = e;
   }
   render(e, t, s, i, o, r, n) {
-    const a = fe({
+    const a = ge({
       rowIndex: t,
       columnIndex: s,
       areaIdent: i,
       areaModel: o,
       cellValue: r
     });
-    Fe(
+    Be(
       () => this.code(a),
       e
     );
   }
 }
-const ft = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
 }, Symbol.toStringTag, { value: "Module" }));
+function Z(l) {
+  return l && l.type === "TreeRow";
+}
+function ee(l) {
+  return l && l.type === "AreaModelTree";
+}
 class se {
   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;
@@ -493,25 +499,25 @@ class se {
     );
   }
 }
-class B {
+class $ {
   constructor(e = ">", t = "", s = []) {
     this.content = e, this.style = t, this.classes = s;
   }
 }
-class ge {
-  constructor(e = new B(
+class me {
+  constructor(e = new $(
     ">",
     "transform: rotate(90deg) translate(66%, -66%); transform-origin: 0 0;",
     ["gt-table-tree-arrow-expanded"]
-  ), t = new B(
+  ), t = new $(
     ">",
     "",
     ["ge-table-tree-arrow-collapsed"]
-  ), s = new B(
+  ), s = new $(
     ">",
     "color:transparent;",
     ["gt-table-tree-arrow-hidden"]
-  ), i = new B(
+  ), i = new $(
     "↕",
     "",
     ["gt-table-tree-arrow-expanded-all"]
@@ -519,12 +525,12 @@ class ge {
     this.arrowExpanded = e, this.arrowCollapsed = t, this.arrowPlaceholder = s, this.arrowExpandCollapseAll = i;
   }
 }
-class Se {
-  constructor(e = new B("↑", "", ["ge-header-sorted-asc"]), t = new B("↓", "", ["ge-header-sorted-desc"]), s = new B("↑", "color:transparent;", [])) {
+class be {
+  constructor(e = new $("↑", "", ["ge-header-sorted-asc"]), t = new $("↓", "", ["ge-header-sorted-desc"]), s = new $("↑", "color:transparent;", [])) {
     this.iconAsc = e, this.iconDesc = t, this.iconPlaceholder = s;
   }
 }
-class Pe {
+class Ve {
   constructor(e) {
     this.domService = e;
   }
@@ -577,6 +583,9 @@ class Pe {
   addClass(e, t) {
     return e.includes(" ") ? e.split(" ").forEach((s) => this.domService.addClass(t, s)) : this.domService.addClass(t, e), t;
   }
+  removeClass(e, t) {
+    return e.includes(" ") ? e.split(" ").forEach((s) => this.domService.removeClass(t, s)) : this.domService.removeClass(t, e), t;
+  }
   addClasses(e, t) {
     if (e)
       for (const s of e)
@@ -607,10 +616,10 @@ class Pe {
     return this.domService.appendChild(e.child, a), a;
   }
   addColumnDiv(e, t, s = -1, i = -1, o, r, n = "", a, h, d = void 0, c) {
-    const p = h == null ? void 0 : h.treeOptions, S = h == null ? void 0 : h.showCheckboxWihoutExtraColumn, u = this.domService.createElement("div");
+    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)), S && i === 0 && d && this.addCheckboxToDiv(u, d, o, s), n) {
+    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);
     }
@@ -641,7 +650,7 @@ class Pe {
       }
     return this.domService.appendChild(e, n), n;
   }
-  addSortedIcon(e, t = "", s = new Se(), i = -1) {
+  addSortedIcon(e, t = "", s = new be(), 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;
@@ -652,7 +661,7 @@ class Pe {
       this.domService.addClass(o, h);
     return this.domService.appendChild(e, o), o;
   }
-  addArrowDiv(e, t = "none", s = new ge(), i = -1, o = -1, r = "body") {
+  addArrowDiv(e, t = "none", s = new me(), 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;
@@ -702,13 +711,8 @@ class Pe {
     return s ? (s.innerText = "", s) : (s = this.domService.createElement("div"), t.cache[e] = s, s);
   }
 }
-class Z {
-  constructor(e, t = !0, s, i, o = 0, r = !1, n = !1) {
-    this.data = e, this.expanded = t, this.children = s, this.parent = i, this.deep = o, this.checked = r, this.keep = n;
-  }
-}
 const ie = (l) => l === "header" ? "header" : l === "footer" ? "footer" : "body";
-class $e {
+class _e {
   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"));
@@ -720,7 +724,7 @@ class $e {
     }
   }
 }
-class He {
+class ke {
   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))
@@ -732,12 +736,12 @@ class He {
     this.tableScope.contextmenu(t);
   }
   onHostElementClicked(e) {
-    const t = new $e(e.target, this.tableScope);
+    const t = new _e(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 (t.row instanceof Z && t.areaModel) {
+    else if (Z(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();
@@ -758,7 +762,7 @@ class He {
         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)), a instanceof Z && r === this.getArrowColumnIndex()) {
+        if (s && i === "body" && n.isEditable(o, r) && (this.tableScope.clearSelection(), this.tableScope.initRenderEditor(o, r)), Z(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);
@@ -812,12 +816,12 @@ class He {
     }
   }
 }
-class Ve {
+class Ge {
   constructor(e) {
     this.tableScope = e;
   }
-  updateCells(e) {
-    this.tableScope.updateCells(e);
+  updateCells(e, t = !1) {
+    this.tableScope.updateCells(e, t);
   }
   externalFilterChanged() {
     this.tableScope.externalFilterChanged();
@@ -845,230 +849,6 @@ class Ve {
     this.tableScope.repaint();
   }
 }
-class _e {
-  flattenTree(e, t = []) {
-    var s;
-    for (const i of e)
-      this.isVisible(i) && t.push(i), (s = i.children) != null && s.length && this.flattenTree(i.children, t);
-    return t;
-  }
-  isVisible(e) {
-    return e.parent ? e.parent.expanded ? this.isVisible(e.parent) : !1 : !0;
-  }
-}
-class We {
-  constructor(e, t = [], s = -1) {
-    this.areaIdent = e, this.columnDefs = t, this.defaultRowHeight = s, this.rowSelectionModel = void 0, this.yPositions = [], this.cellRenderers = t.map((i) => i.rendererMap[e]);
-  }
-  getTooltipAt(e, t) {
-    return "";
-  }
-  getCellRenderer(e, t) {
-    if (t < this.cellRenderers.length)
-      return this.cellRenderers[t];
-  }
-  getColspanAt(e, t) {
-    return 0;
-  }
-  getCustomClassesAt(e, t) {
-    return [];
-  }
-  getCustomStyleAt(e, t) {
-  }
-  getRowspanAt(e, t) {
-    return 0;
-  }
-  getRowByIndex(e) {
-  }
-  isRowCheckable(e) {
-    return !0;
-  }
-  isRowChecked(e) {
-    var s;
-    const t = this.getRowByIndex(e);
-    return (s = this.rowSelectionModel) == null ? void 0 : s.isRowChecked(t);
-  }
-  setRowChecked(e, t) {
-    if (this.rowSelectionModel) {
-      const s = this.getRowByIndex(e);
-      this.rowSelectionModel.checkRow(s, t);
-    }
-  }
-  getMaxColspan() {
-    return 31;
-  }
-  getMaxRowspan() {
-    return 31;
-  }
-  getYPosByRowIndex(e) {
-    return this.defaultRowHeight > 0 ? this.defaultRowHeight * e : this.yPositions[e];
-  }
-  init() {
-    !this.yPositions.length && this.getRowCount() !== void 0 && this.defaultRowHeight === -1 && this.calcYPositions();
-  }
-  isFilterable() {
-    return this.areaIdent === "body";
-  }
-  doSort(e) {
-    return !1;
-  }
-  isEditable(e, t) {
-    return this.columnDefs && t < this.columnDefs.length && this.columnDefs[t].editable ? this.columnDefs[t].editable() : !1;
-  }
-  setValue(e, t, s) {
-    var n;
-    const i = (n = this.columnDefs[t]) == null ? void 0 : n.editInputPipe;
-    i && (s = i(s, e, t));
-    const o = this.getRowByIndex(e), r = this.columnDefs[t].property;
-    return r.includes(".") ? this.setPropertyValue(o, r.split("."), s) : (o[r] = s, !0);
-  }
-  isSelectable(e, t) {
-    return !0;
-  }
-  changeColumnOrder(e, t) {
-    this.arrayMove(this.cellRenderers, e, t);
-  }
-  setPropertyValue(e, t, s) {
-    const i = t.shift();
-    if (i) {
-      let o = e[i];
-      return o && t.length ? this.setPropertyValue(o, t, s) : (e[i] = s, !0);
-    }
-    return !1;
-  }
-  arrayMove(e, t, s) {
-    const i = e.splice(t, 1)[0];
-    return e.splice(s, 0, i), e;
-  }
-  calcYPositions() {
-    const e = this.getRowCount();
-    this.yPositions = new Array(e + 1), this.yPositions[0] = 0;
-    for (let t = 0; t < e; t++)
-      this.yPositions[t + 1] = this.getRowHeight(t) + this.yPositions[t];
-  }
-}
-class ke {
-  genericSortComparator(e, t, s) {
-    if (typeof e == "number" && typeof t == "number")
-      return s * (e - t);
-    if (typeof e == "string" && typeof t == "string")
-      return s * e.localeCompare(t);
-    if (typeof e == "boolean" && typeof t == "boolean")
-      return s * ((e ? -1 : 1) - (t ? -1 : 1));
-    if (e instanceof Date && t instanceof Date)
-      return s * (e.getTime() - t.getTime());
-    if (e instanceof Array && t instanceof Array) {
-      const i = e, o = t;
-      if (i.length && o.length)
-        return this.genericSortComparator(i[0], o[0], s);
-    }
-    return s * ("" + e).localeCompare("" + t);
-  }
-}
-class ee extends We {
-  constructor(e, t, s, i = []) {
-    super(e, i, s), this.areaIdent = e, this.rows = t, this.defaultRowHeight = s, this.columnDefs = i, this.sorterService = new ke(), this.service = new _e(), this.properties = i.map((o) => o.property), this.flattenRows = this.service.flattenTree(t), this.filteredFlattenRows = [...this.flattenRows];
-  }
-  changeColumnOrder(e, t) {
-    this.arrayMove(this.properties, e, t), super.changeColumnOrder(e, t);
-  }
-  recalcVisibleTreeRows() {
-    this.filteredFlattenRows = this.service.flattenTree(this.rows);
-  }
-  getFilteredFlattenRows() {
-    return this.filteredFlattenRows;
-  }
-  getRowCount() {
-    let e = 0;
-    for (const t of this.filteredFlattenRows)
-      this.service.isVisible(t) && e++;
-    return e;
-  }
-  getValueAt(e, t) {
-    const s = this.getRowByIndex(e);
-    if (s) {
-      const i = this.properties[t];
-      if (i)
-        return i.includes(".") ? this.getPropertyValue(s.data, i.split(".")) : s.data[i];
-    }
-    return "";
-  }
-  getRowHeight(e) {
-    return this.defaultRowHeight;
-  }
-  getCustomClassesAt(e, t) {
-    return ["ge-table-tree-cell", "ge-table-tree-deep-" + this.filteredFlattenRows[e].deep];
-  }
-  getRowByIndex(e) {
-    return this.filteredFlattenRows[e];
-  }
-  getValueByT(e, t) {
-    return t.includes(".") ? this.getPropertyValue(e, t.split(".")) : e[t];
-  }
-  externalFilterChanged(e) {
-    this.lastPredictFn = e, this.doFiltering();
-  }
-  doSort(e) {
-    const { columnIndex: t, sortState: s } = e[e.length - 1], i = s === "asc" ? 1 : s === "desc" ? -1 : 0, o = this.properties[t];
-    return this.treeSort(this.rows, o, i), this.flattenRows = this.service.flattenTree(this.rows), this.filteredFlattenRows = [...this.flattenRows], !0;
-  }
-  toggleExpandCollapseAll(e) {
-    this.expandAllRecursive(this.rows, e), this.flattenRows = this.service.flattenTree(this.rows), this.doFiltering();
-  }
-  setAllParentsOk(e) {
-    return e.parent && (e.parent.keep = !0, this.setAllParentsOk(e.parent)), !1;
-  }
-  setValue(e, t, s) {
-    var r;
-    const i = (r = this.columnDefs[t]) == null ? void 0 : r.editInputPipe;
-    i && (s = i(s, e, t));
-    const o = this.getRowByIndex(e);
-    if (o) {
-      const n = o.data, a = this.columnDefs[t].property;
-      return a.includes(".") ? this.setPropertyValue(n, a.split("."), s) : (n[a] = s, !0);
-    }
-    return !1;
-  }
-  genericTreeTableSortComparator(e, t) {
-    return (s, i) => {
-      const o = this.getValueByT(s.data, e), r = this.getValueByT(i.data, e);
-      return this.sorterService.genericSortComparator(o, r, t);
-    };
-  }
-  expandAllRecursive(e, t) {
-    for (const s of e)
-      s.expanded = t, s.children && this.expandAllRecursive(s.children, t);
-  }
-  doFiltering() {
-    if (!this.lastPredictFn)
-      this.filteredFlattenRows = [...this.flattenRows ? this.flattenRows : []];
-    else {
-      this.flattenRows || (this.flattenRows = []);
-      let e = 0;
-      this.flattenRows.forEach((s) => {
-        e = Math.max(e, s.deep);
-      });
-      const t = this.flattenRows.filter(
-        (s, i, o) => this.lastPredictFn(s, i, o)
-      );
-      this.flattenRows.forEach((s) => s.keep = !1), this.flattenRows.forEach((s) => {
-        t.includes(s) && (s.keep = !0, this.setAllParentsOk(s));
-      }), this.filteredFlattenRows = this.flattenRows.filter(
-        (s, i, o) => s.keep
-      );
-    }
-  }
-  getPropertyValue(e, t) {
-    const s = t.shift();
-    let i = e[s];
-    return i && t.length ? this.getPropertyValue(i, t) : i;
-  }
-  treeSort(e, t, s) {
-    e.sort(this.genericTreeTableSortComparator(t, s));
-    for (const i of e)
-      i.children && this.treeSort(i.children, t, s);
-  }
-}
 class oe {
   constructor(e) {
     this.getStorageKeyFn = e;
@@ -1144,7 +924,7 @@ class oe {
   //   }
   // }
 }
-class Ge extends oe {
+class Ne extends oe {
   constructor(e) {
     super(e), this.SCROLL_STATE = "scrollState", this.scrollOffset = [0, 0], this.load();
   }
@@ -1166,14 +946,14 @@ class Ge extends oe {
     }
   }
 }
-class Ne {
+class je {
   constructor(e = "collapsed", t = [], s = !1, i = !1) {
     this.mode = e, this.rowIds = t, this.allCollapsed = s, this.allExpanded = i;
   }
 }
-class je extends oe {
+class Xe extends oe {
   constructor(e) {
-    super(e), this.COLLAPSED_EXPANDED_STATE = "collapsedExpandedState", this.collapsedExpandedState = new Ne(), this.load();
+    super(e), this.COLLAPSED_EXPANDED_STATE = "collapsedExpandedState", this.collapsedExpandedState = new je(), this.load();
   }
   collapsedExpandedStateGet() {
     return this.collapsedExpandedState;
@@ -1205,7 +985,7 @@ class je extends oe {
     this.checkAndPersistItem(this.COLLAPSED_EXPANDED_STATE, this.collapsedExpandedState);
   }
 }
-class ze extends oe {
+class Ke extends oe {
   constructor(e) {
     super(e), this.SORTING_STATE = "sortingState", this.sortItems = [], this.load();
   }
@@ -1227,14 +1007,14 @@ class ze extends oe {
     }
   }
 }
-class F {
+class O {
   constructor(e = 0, t = 0, s = 0, i = 0, o) {
     this.left = e, this.width = t, this.height = s, this.top = i, this.index = o;
   }
 }
-class Xe {
+class ze {
   constructor(e, t, s, i) {
-    this.hostElement = e, this.tableModel = t, this.dom = s, this.tableOptions = i, this.scrollTop = 0, this.areaBodyWestGeo = new F(), this.areaBodyCenterGeo = new F(), this.areaBodyEastGeo = new F();
+    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;
     o.innerText = "", this.dom.setAttribute(o, "tabindex", "0"), this.dom.setStyle(
       this.dom.addClass("ge-table", o),
@@ -1409,7 +1189,7 @@ class T {
     return e >= this.r1 && e <= this.r2 && t >= this.c1 && t <= this.c2;
   }
 }
-class Ke {
+class Ye {
   constructor(e, t) {
     this.tableModel = e, this.areaModel = t, this.colAndRowspanRanges = void 0;
   }
@@ -1442,22 +1222,22 @@ class Ke {
     return !1;
   }
 }
-class Ye {
+class Ue {
   constructor(e, t, s) {
     this.header = e, this.body = t, this.footer = s;
   }
 }
-class Ue extends Xe {
+class qe extends ze {
   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 Ye(), this.firstVisibleRowIndex = -1, this.draggingTargetColumnIndex = -1, this.removables = [], this.editing = !1, this.tableModel.getSelectionModel ? this.getSelectionModel = this.tableModel.getSelectionModel : (r = this.tableOptions) != null && r.getSelectionModel && (this.getSelectionModel = this.tableOptions.getSelectionModel), (n = this.tableOptions) != null && n.getFocusModel && (this.getFocusModel = this.tableOptions.getFocusModel), t.getAreaModel("body") instanceof ee && (this.tree = !0), ["header", "body", "footer"].forEach(
+    }, 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(
       (a) => {
         var h;
-        this.colAndRowspanModels[a] = new Ke(t, t.getAreaModel(a)), (h = this.colAndRowspanModels[a]) == null || h.init();
+        this.colAndRowspanModels[a] = new Ye(t, t.getAreaModel(a)), (h = this.colAndRowspanModels[a]) == null || h.init();
       }
     );
   }
@@ -1492,19 +1272,19 @@ class Ue extends Xe {
     for (const t of this.removables)
       t.remove();
     this.hideHoverRow(), this.hideHoverColumn(), this.scrollTop = this.scrollViewport.scrollTop, this.scrollLeft = this.scrollViewport.scrollLeft, this.debounce(this.checkForScrollPosSaving.bind(this)), this.scrollFactorY = this.scrollTop / (this.scrollViewport.scrollHeight - this.scrollViewport.clientHeight), this.scrollFactorX = this.scrollLeft / (this.scrollViewport.scrollWidth - this.scrollViewport.clientWidth), isNaN(this.scrollFactorY) && (this.scrollFactorY = 0), isNaN(this.scrollFactorX) && (this.scrollFactorX = 0), this.adjustBody(), this.adjustArea("footer"), this.adjustArea("header"), this.tableOptions.tableTopBorderVisible && this.removables.push(this.dom.addHorizontalBorder(
-      new F(0, this.hostElement.clientWidth, 1, 0),
+      new O(0, this.hostElement.clientWidth, 1, 0),
       this.hostElement,
       "ge-table-border"
     )), this.tableOptions.tableBottomBorderVisible && this.removables.push(this.dom.addHorizontalBorder(
-      new F(0, this.hostElement.clientWidth, 1, this.hostElement.clientHeight - 1),
+      new O(0, this.hostElement.clientWidth, 1, this.hostElement.clientHeight - 1),
       this.hostElement,
       "ge-table-border"
     )), this.tableModel.getFixedLeftColumnCount() > 0 && this.removables.push(this.dom.addVerticalBorder(
-      new F(this.areaBodyWest.child.clientWidth, 1, this.hostElement.clientHeight, 0),
+      new O(this.areaBodyWest.child.clientWidth, 1, this.hostElement.clientHeight, 0),
       this.hostElement,
       "ge-table-body-west-vertical-border"
     )), ((e = this.tableModel.getAreaModel("header")) == null ? void 0 : e.getRowCount()) > 0 && this.removables.push(this.dom.addHorizontalBorder(
-      new F(0, this.hostElement.clientWidth, 1, this.areaHeaderCenter.child.clientHeight),
+      new O(0, this.hostElement.clientWidth, 1, this.areaHeaderCenter.child.clientHeight),
       this.hostElement,
       "ge-table-body-west-vertical-border"
     ));
@@ -1513,10 +1293,12 @@ class Ue extends Xe {
     var e, t;
     this.storeScrollPosStateService && ((t = (e = this.tableOptions) == null ? void 0 : e.autoRestoreOptions) != null && t.autoRestoreScrollPosition) && this.storeScrollPosStateService.updateScrollOffset([this.scrollLeft, this.scrollTop]);
   }
-  updateCells(e) {
+  updateCells(e, t = !1) {
     e.forEach(
-      (t) => this.tableModel.getAreaModel(t.area).setValue(t.rowIndex, t.columnIndex, t.value)
-    ), this.repaint();
+      (s) => {
+        this.tableModel.getAreaModel(s.area).setValue(s.rowIndex, s.columnIndex, s.value), t || this.rerenderCellContent(s);
+      }
+    ), t && this.repaint();
   }
   getAreaAndSideIdentByAttr(e) {
     if (e) {
@@ -1579,82 +1361,82 @@ class Ue extends Xe {
     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 g = this.cleanupFunctions[e].shift();
-      g && g();
+      const S = this.cleanupFunctions[e].shift();
+      S && S();
     }
     let p = t;
-    const S = this.tableModel.getColumnCount(), u = this.tableModel.getFixedRightColumnCount(), y = this.tableModel.getFixedLeftColumnCount();
-    for (let g = 0; g < c; g++) {
-      const x = p, C = g === c - 1, R = this.tableModel.getRowHeight(e, g);
-      if (x + R > 0) {
-        this.firstVisibleRowIndex = g;
-        let v = { left: n, width: a, height: R, top: x, index: g }, m = this.dom.addRowDiv(i, v, g, e, "center");
-        const D = y;
+    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;
         if (this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "center",
           areaModel: d,
-          geo: v,
+          geo: w,
           parent: m,
-          rowIndex: g,
-          columnIndexStart: D,
-          columnIndexEnd: S - u - 1,
+          rowIndex: S,
+          columnIndexStart: I,
+          columnIndexEnd: g - u - 1,
           verticalFixed: !1,
-          lastRowOfModel: C
-        }), h.left > 0 && (v = { left: n, width: this.areaBodyWestGeo.width, height: R, top: x, index: g }, m = this.dom.addRowDiv(s, v, g, e, "west"), this.adjustColumnsToRowParent({
+          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({
           areaIdent: e,
           sideIdent: "west",
           areaModel: d,
-          geo: v,
+          geo: w,
           parent: m,
-          rowIndex: g,
+          rowIndex: S,
           columnIndexStart: 0,
-          columnIndexEnd: D - 1,
+          columnIndexEnd: I - 1,
           verticalFixed: !0,
-          lastRowOfModel: C
-        })), h.right > 0 && (v = { left: n, width: this.areaBodyEastGeo.width, height: R, top: x, index: g }, m = this.dom.addRowDiv(o, v, g, e, "east"), this.adjustColumnsToRowParent({
+          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({
           areaIdent: e,
           sideIdent: "east",
           areaModel: d,
-          geo: v,
+          geo: w,
           parent: m,
-          rowIndex: g,
-          columnIndexStart: S - u,
-          columnIndexEnd: S - 1,
+          rowIndex: S,
+          columnIndexStart: g - u,
+          columnIndexEnd: g - 1,
           verticalFixed: !0,
-          lastRowOfModel: C
-        })), e === "header" && this.tree && g === c - 1) {
-          const M = this.dom.applyStyle(
+          lastRowOfModel: x
+        })), e === "header" && this.tree && S === c - 1) {
+          const R = this.dom.applyStyle(
             this.dom.setAttribute(
-              this.dom.addDiv(m, new F(16, 20, 20, 8)),
+              this.dom.addDiv(m, new O(16, 20, 20, 8)),
               "data-ge-action",
               "toggleExpandCollapseAll"
             ),
             { cursor: "pointer" }
-          ), I = this.tableOptions.treeOptions.arrowExpandCollapseAll;
-          if (I) {
-            const _ = this.dom.domService.createText(I.content);
-            this.dom.domService.appendChild(M, _), I.style && this.dom.applyStyleString(M, I.style);
+          ), 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);
           }
         }
       }
-      if (p = p + R, p > r)
+      if (p = p + M, p > r)
         break;
     }
     if (this.colAndRowspanModels && this.colAndRowspanModels[e]) {
-      const g = ((f = this.colAndRowspanModels[e]) == null ? void 0 : f.getRanges()) ?? [];
-      if (g.length)
-        for (const x of g) {
-          let C = 0, R = i.child, v = "center";
-          if (x.c1 < y)
-            R = s.child, v = "west";
-          else if (u > 0 && x.c1 >= S - u)
-            R = o.child, v = "east";
+      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";
           else {
             const m = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
-            C = this.scrollFactorX * m - this.areaBodyWestGeo.width, v = "center";
+            x = this.scrollFactorX * m - this.areaBodyWestGeo.width, w = "center";
           }
-          this.drawBigCell(x, C, t, d, R, v);
+          this.drawBigCell(C, x, t, d, M, w);
         }
     }
   }
@@ -1669,10 +1451,10 @@ class Ue extends Xe {
    * @protected
    */
   drawBigCell(e, t, s, i, o, r) {
-    const n = s + this.getRowHeights(0, e.r1 - 1, i).reduce((f, g) => f + g, 0), a = this.tableModel.getColumnCount(), h = this.tableModel.getFixedRightColumnCount();
+    const n = s + this.getRowHeights(0, e.r1 - 1, i).reduce((f, S) => f + S, 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, g) => f + g, 0), p = this.getRowHeights(e.r1, e.r2, i).reduce((f, g) => f + g, 0), S = this.getColumnWidths(e.c1, e.c2).reduce((f, g) => f + g, 0);
+    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);
     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({
@@ -1683,7 +1465,7 @@ class Ue extends Xe {
       columnIndex: e.c1,
       left: c,
       top: n,
-      width: S,
+      width: g,
       height: p,
       parent: o,
       cellSelected: u,
@@ -1697,7 +1479,7 @@ class Ue extends Xe {
       columnIndex: e.c1,
       left: c,
       top: n,
-      width: S,
+      width: g,
       height: p,
       parent: o,
       cellSelected: u,
@@ -1708,7 +1490,7 @@ class Ue extends Xe {
       columnIndex: e.c1,
       cellLeft: c,
       cellTop: n,
-      cellWidth: S,
+      cellWidth: g,
       cellHeight: p,
       parent: o
     });
@@ -1743,52 +1525,52 @@ class Ue extends Xe {
       const f = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
       c = this.scrollFactorX * f;
     }
-    const p = 0, S = !!(e === "body" && t);
+    const p = 0, g = !!(e === "body" && t);
     let u = c;
     for (let f = n; f <= a; f++) {
-      const g = u, x = this.tableModel.getColumnWidth(f);
-      if (x > 0 && g + x > 0) {
-        let C = i.height;
-        const R = s.getRowspanAt(r, f), v = s.getColspanAt(r, f);
-        R > 1 && (C = this.getRowHeights(r, r + R - 1, s).reduce((M, I) => M + I, 0));
-        let m = x;
-        v > 1 && (m = this.getColumnWidths(f, f + v - 1).reduce((M, I) => M + I, 0));
-        let D = !1;
-        if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (y = this.colAndRowspanModels[e]) != null && y.isInRange(r, f) && (D = !0), this.draggingTargetColumnIndex === f && e !== "header") {
-          this.renderDragTargetDiv(o, g, p, m, C);
-          const M = { left: g, top: p, width: m, height: C };
-          this.dom.addColumnBorderDivs(this.tableOptions, o, M, e, t);
+      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);
         } else {
-          const M = this.renderSelectedBackgroundDiv(D, S, t, s, r, f, o, g, p, m, C);
-          D || this.renderCell({
+          const R = this.renderSelectedBackgroundDiv(I, g, t, s, r, f, o, S, p, m, x);
+          I || this.renderCell({
             areaModel: s,
             areaIdent: e,
             sideIdent: t,
             rowIndex: r,
             columnIndex: f,
-            left: g,
+            left: S,
             top: p,
             width: m,
-            height: C,
+            height: x,
             parent: o,
-            cellSelected: M,
+            cellSelected: R,
             lastRowOfModel: d,
             gammaRange: !0
           }), e === "header" && this.tableOptions.columnsResizable && this.renderHeaderCellResizeHandle({
             rowIndex: r,
             columnIndex: f,
-            cellLeft: g,
+            cellLeft: S,
             cellTop: p,
             cellWidth: m,
-            cellHeight: C,
+            cellHeight: x,
             parent: o
           });
         }
       }
-      if (u = u + x, u > this.areaBodyCenterGeo.width)
+      if (u = u + C, u > this.areaBodyCenterGeo.width)
         break;
     }
-    this.tableOptions.verticalBorderVisible && this.dom.addVerticalBorder(new F(u - 1, 1, i.height, 0), o);
+    this.tableOptions.verticalBorderVisible && this.dom.addVerticalBorder(new O(u - 1, 1, i.height, 0), o);
   }
   getTreeArrowColumnIndex() {
     return this.tableOptions.showCheckboxWihoutExtraColumn ? 0 : this.tableModel.isRowCheckboxVisible() ? 1 : 0;
@@ -1806,47 +1588,71 @@ class Ue extends Xe {
     parent: d,
     lastRowOfModel: c
   }) {
-    var re;
-    const S = 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 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);
     let f = "none";
-    if (o === this.getTreeArrowColumnIndex() && y instanceof Z) {
-      const w = y;
-      (re = w.children) != null && re.length ? w.expanded ? f = "expanded" : f = "collapsed" : f = "hidden";
+    if (o === this.getTreeArrowColumnIndex() && Z(y)) {
+      const v = y;
+      (ne = v.children) != null && ne.length ? v.expanded ? f = "expanded" : f = "collapsed" : f = "hidden";
     }
-    let x;
+    let C;
     if (t === "header") {
-      const w = this.tableModel.getColumnDef(o);
-      (!(w != null && w.sortIconVisible) || w != null && w.sortIconVisible()) && (x = w == null ? void 0 : w.sortState);
+      const v = this.tableModel.getColumnDef(o);
+      (!(v != null && v.sortIconVisible) || v != null && v.sortIconVisible()) && (C = v == null ? void 0 : v.sortState);
     }
-    const C = e.getValueAt(i, o), R = S ? "" : `${C}`, v = e.isRowChecked(i), m = this.dom.addColumnDiv(
+    const x = e.getValueAt(i, o), M = g ? "" : `${x}`, w = e.isRowChecked(i), m = this.dom.addColumnDiv(
       d,
       u,
       i,
       o,
       t,
       s,
-      R,
+      M,
       f,
       this.tableOptions,
-      v,
-      x
-    ), D = e.getTooltipAt(i, o);
-    D && this.dom.setAttribute(m, "title", D);
-    const M = this.tableModel.getColumnDef(o);
-    M && M.classes[t] && this.dom.addClasses(M.classes[t], m);
-    let I;
-    S && (I = S.render(m, i, o, t, e, C, this.dom.domService));
-    const _ = e.getCustomClassesAt(i, o);
-    if (_.length && this.dom.addClasses(_, 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 w = this.getFocusModel();
-      w != null && w.hasFocus(i, o) && this.dom.addFocusBorderDivs(d, u, {});
+      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 === "header" && this.dom.setAttribute(m, "data-ge-action", "drag-column");
-    const K = e.getCustomStyleAt(i, o);
-    if (K)
-      for (const w in K)
-        this.dom.setStyle(m, w, K[w]);
-    return [m, I];
+    const z = e.getCustomStyleAt(i, o);
+    if (z)
+      for (const v in z)
+        this.dom.setStyle(m, v, z[v]);
+    return [m, D];
+  }
+  applyCssClasses(e, t = {}) {
+    e && Object.entries(t).forEach(([s, i]) => {
+      i ? this.dom.addClass(s, e) : this.dom.removeClass(s, e);
+    });
+  }
+  rerenderCellContent({ area: e, rowIndex: t, columnIndex: s, value: i, cssClasses: o }) {
+    const r = this.tableModel.getAreaModel(e), n = 'div[data-col-index="' + s + '"][data-row-index="' + t + '"][data-area="' + e + '"]', a = document.querySelector(n);
+    if (a) {
+      let h;
+      const c = this.editorRenderer && this.editorRendererRow === t && this.editorRendererColumn === s ? this.editorRenderer : r.getCellRenderer(t, s);
+      if (a.innerText = "", this.applyCssClasses(a, o), c)
+        h = c.render(a, t, s, e, r, i, this.dom.domService), h && this.cleanupFunctions[e].push(h);
+      else {
+        const u = `${i}`;
+        this.dom.addLabelDiv(a, u, !1, t, s, e);
+      }
+      const p = r.getCustomClassesAt(t, s);
+      p.length && this.dom.addClasses(p, a);
+      const g = r.getCustomStyleAt(t, s);
+      if (g)
+        for (const u in g)
+          this.dom.setStyle(a, u, g[u]);
+    }
   }
   getColumnWidths(e, t) {
     const s = [];
@@ -1908,9 +1714,9 @@ class Ue extends Xe {
   renderSelectedBackgroundDiv(e, t, s, i, o, r, n, a, h, d, c) {
     let p = !1;
     if (!e && t && i.isSelectable(o, r) && this.getSelectionModel) {
-      const S = this.getSelectionModel();
-      if (S) {
-        const u = S.getSelectionCount(o, r);
+      const g = this.getSelectionModel();
+      if (g) {
+        const u = g.getSelectionCount(o, r);
         p = u > 0;
         for (let y = 0; y < u; y++) {
           const f = this.dom.applyStylePosistionAbsolute(
@@ -1936,7 +1742,7 @@ class Ue extends Xe {
     parent: d,
     cellSelected: c,
     lastRowOfModel: p,
-    gammaRange: S
+    gammaRange: g
   }) {
     const [u, y] = this.addAndRenderCellDiv({
       areaModel: e,
@@ -1950,7 +1756,7 @@ class Ue extends Xe {
       top: n,
       parent: d,
       lastRowOfModel: p,
-      gammaRange: S
+      gammaRange: g
     });
     c && this.dom.addClass(`ge-table-${t}-${s}-selected-range`, u), y && this.cleanupFunctions[t].push(y);
   }
@@ -1959,12 +1765,12 @@ class Ue extends Xe {
     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 qe {
+class Je {
   constructor(e, t) {
     this.columnIndex = e, this.sortState = t;
   }
 }
-class Je {
+class Qe {
   constructor(e) {
     this.tableScope = e, this.tableScope.hostElement.addEventListener("change", this.onHostElementChanged.bind(this));
   }
@@ -1978,7 +1784,7 @@ class Je {
     }
   }
 }
-class Qe {
+class Ze {
   constructor(e = -1, t = -1) {
     this.rowIndex = e, this.columnIndex = t;
   }
@@ -1988,10 +1794,10 @@ class le {
     this.cells = e;
   }
   static createSingle(e, t) {
-    return new le([new Qe(e, t)]);
+    return new le([new Ze(e, t)]);
   }
 }
-class Ze {
+class et {
   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);
@@ -2000,8 +1806,8 @@ class Ze {
     var o, r, n, a, h, d, c;
     let s = !1, i = !1;
     if (this.getSelectionModel && this.getFocusModel) {
-      const p = this.getSelectionModel(), S = this.getFocusModel();
-      p && S && (S.hasFocus(e.rowIndex, e.columnIndex) || (S.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));
+      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));
     }
     return i ? this.previousEvt = void 0 : this.previousEvt = e == null ? void 0 : e.clone(), s;
   }
@@ -2032,7 +1838,7 @@ class Ze {
     });
   }
 }
-class et {
+class tt {
   get() {
     return {
       f2: "START_EDITING",
@@ -2050,7 +1856,7 @@ class et {
     };
   }
 }
-class tt {
+class st {
   get() {
     return {
       f2: "START_EDITING",
@@ -2070,7 +1876,7 @@ class tt {
     };
   }
 }
-class st {
+class it {
   constructor(e) {
     this.tableScope = e, this.shortcutActionIdMapping = {}, this.listener = [], this.listener.push(e), this.init();
   }
@@ -2078,7 +1884,7 @@ class st {
     this.listener.includes(e) || this.listener.push(e);
   }
   init() {
-    this.isMacintosh() ? Object.assign(this.shortcutActionIdMapping, new tt().get()) : Object.assign(this.shortcutActionIdMapping, new et().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 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));
   }
   isMacintosh() {
     return navigator.platform.indexOf("Mac") > -1;
@@ -2122,7 +1928,7 @@ class st {
     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 it {
+class he {
   onCheckboxChanged(e) {
   }
   onContextmenu(e) {
@@ -2138,19 +1944,153 @@ class it {
   onMouseMoved(e) {
   }
 }
-class ot extends Ue {
+class ye {
+  setStyle(e, t, s) {
+    return e.style[t] = s, e;
+  }
+  appendText(e, t) {
+    const s = this.createText(t);
+    return this.appendChild(e, s), s;
+  }
+  addClass(e, t) {
+    return t.includes(" ") ? t.split(" ").forEach((s) => e.classList.add(s)) : e.classList.add(t), e;
+  }
+  removeClass(e, t) {
+    return t.includes(" ") ? t.split(" ").forEach((s) => e.classList.remove(s)) : e.classList.remove(t), e;
+  }
+  appendChild(e, t) {
+    e.appendChild(t);
+  }
+  createElement(e) {
+    return document.createElement(e);
+  }
+  createText(e) {
+    return document.createTextNode(e);
+  }
+  setAttribute(e, t, s) {
+    e.setAttribute(t, s);
+  }
+}
+class ot {
+  render(e, t, s, i, o, r, n) {
+    if (o.isEditable(t, s)) {
+      n.addClass(e, "ge-table-row-input-div");
+      const a = o.getValueAt(t, s);
+      e.innerHTML = `
+            <input
+                type="text"
+                value="${a}"
+                autofocus
+                onfocus="this.setSelectionRange(0, this.value.length)"
+                data-listen="change"
+                data-area="${i}"
+                data-row-index="${t}"
+                data-col-index="${s}"
+                data-input-type="text"
+                style="width:calc(100% - 8px);height:100%;border:0;padding:0 0 0 8px;"
+                class="ge-table-cell-editor-input">`;
+    }
+  }
+}
+class lt {
+  constructor(e = "none", t = "single") {
+    this.selectionType = e, this.selectionMode = t, this.ranges = [], this.negativeRanges = [], this.allSelected = !1;
+  }
+  getSelectionCount(e, t) {
+    let s = 0;
+    for (const i of this.ranges)
+      i.isInRange(e, t) && s++;
+    return this.allSelected && s++, this.isInNegativeRange(e, t) && (s = 0), s;
+  }
+  isInNegativeRange(e, t) {
+    for (const s of this.negativeRanges)
+      if (s.isInRange(e, t))
+        return !0;
+    return !1;
+  }
+  getRanges() {
+    return this.ranges;
+  }
+  clear() {
+    this.ranges = [], this.negativeRanges = [], this.allSelected = !1;
+  }
+  hasSelection() {
+    return !!this.ranges.length;
+  }
+  selectAll() {
+    this.allSelected = !0;
+  }
+  addSelection(e) {
+    this.addRange(e);
+  }
+  removeSelection(e) {
+    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);
+  }
+  togglePoint(e, t) {
+    this.getSelectionCount(e, t) > 0 ? this.removeSelection(T.singleCell(e, t)) : this.addSelection(T.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 {
+  constructor(e = "none") {
+    this.selectionType = e, this.rowIndex = -1, this.columnIndex = -1, this.changed = !1;
+  }
+  clearChanged() {
+    this.changed = !1;
+  }
+  hasChanged() {
+    return this.changed;
+  }
+  clear() {
+    this.rowIndex = -1, this.columnIndex = -1;
+  }
+  setFocus(e, t) {
+    (this.rowIndex !== e || this.columnIndex !== t) && (this.rowIndex = e, this.columnIndex = t, this.changed = !0);
+  }
+  hasFocus(e, t) {
+    return this.rowIndex === e && this.columnIndex === t;
+  }
+  getFocus() {
+    return [this.rowIndex, this.columnIndex];
+  }
+}
+const nt = new lt(), at = new rt("cell");
+class ve {
+  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;
+  }
+}
+class re extends qe {
   constructor(e, t, s, i, o) {
     var r;
     if (super(
       e,
       t,
-      new Pe(s),
+      new Ve(s),
       i
-    ), this.eventListener = o, this.selectionService = new Ze(this), this.api = new Ve(this), this.mouseStartAction = "", this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, o || (this.eventListener = new it()), (r = this.tableOptions) != null && r.autoRestoreOptions) {
+    ), 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) {
       const n = this.tableOptions.autoRestoreOptions, a = n.getStorageKeyFn;
-      a && (n.autoRestoreScrollPosition && (this.storeScrollPosStateService = new Ge(a)), n.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new je(a)), n.autoRestoreSortingState && (this.storeSortingService = new ze(a)));
+      a && (n.autoRestoreScrollPosition && (this.storeScrollPosStateService = new Ne(a)), n.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new Xe(a)), n.autoRestoreSortingState && (this.storeSortingService = new Ke(a)));
     }
-    this.mouseHandler = new He(this), this.inputHandler = new Je(this), this.shortcutService = new st(this), this.shortcutService.addListener(this.selectionService);
+    this.mouseHandler = new ke(this), this.inputHandler = new Qe(this), this.shortcutService = new it(this), this.shortcutService.addListener(this.selectionService);
+  }
+  static create(e, t, s = new ve(), i = new he(), o = new ye()) {
+    return new re(
+      e,
+      t,
+      o,
+      s,
+      i
+    );
   }
   onActionTriggered(e) {
     if (e === "NAVIGATE_DOWN" && this.changeFocusCell(0, 1) || e === "NAVIGATE_UP" && this.changeFocusCell(0, -1) || e === "NAVIGATE_LEFT" && this.changeFocusCell(-1, 0) || e === "NAVIGATE_RIGHT" && this.changeFocusCell(1, 0))
@@ -2176,7 +2116,7 @@ class ot extends Ue {
    */
   firstInit() {
     var e;
-    this.tableModel.init(), (e = this.tableOptions) != null && e.externalFilterFunction && this.externalFilterChanged(!1), this.autoRestoreCollapsedExpandedState(), this.autoRestoreSortingState(), this.resetSizeOfWrapperDiv(), this.adjustContainersAndRows(), this.autoRestoreScrollPosition();
+    return this.tableModel.init(), (e = this.tableOptions) != null && e.externalFilterFunction && this.externalFilterChanged(!1), this.autoRestoreCollapsedExpandedState(), this.autoRestoreSortingState(), this.resetSizeOfWrapperDiv(), this.adjustContainersAndRows(), this.autoRestoreScrollPosition(), this;
   }
   createGeMouseEvent(e) {
     const t = new se();
@@ -2211,7 +2151,7 @@ class ot extends Ue {
   toggleExpandCollapseAll(e = !0) {
     var s;
     const t = this.tableModel.getBodyModel();
-    t instanceof ee && (t.toggleExpandCollapseAll(e), this.repaint(), (s = this.storeStateCollapsedExpandService) == null || s.collapsedStateAll(e));
+    ee(t) && (t.toggleExpandCollapseAll(e), this.repaint(), (s = this.storeStateCollapsedExpandService) == null || s.collapsedStateAll(e));
   }
   toggleRowCheckbox(e, t, s) {
     var a;
@@ -2237,7 +2177,7 @@ class ot extends Ue {
     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 qe(s, h);
+      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);
       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]);
     }
   }
@@ -2282,7 +2222,7 @@ class ot extends Ue {
       const s = this.tableOptions.autoRestoreOptions, i = s.getRowId;
       if (s.autoRestoreCollapsedExpandedState && i) {
         const o = this.storeStateCollapsedExpandService.collapsedExpandedStateGet(), r = this.tableModel.getAreaModel("body");
-        if (r instanceof ee) {
+        if (ee(r)) {
           const n = r, a = r.getRowCount();
           for (let h = 0; h < a; h++) {
             const d = r.getRowByIndex(h);
@@ -2302,203 +2242,77 @@ class ot extends Ue {
     }
   }
 }
-class lt {
-  render(e, t, s, i, o, r, n) {
-    if (o.isEditable(t, s)) {
-      n.addClass(e, "ge-table-row-input-div");
-      const a = o.getValueAt(t, s);
-      e.innerHTML = `
-            <input
-                type="text"
-                value="${a}"
-                autofocus
-                onfocus="this.setSelectionRange(0, this.value.length)"
-                data-listen="change"
-                data-area="${i}"
-                data-row-index="${t}"
-                data-col-index="${s}"
-                data-input-type="text"
-                style="width:calc(100% - 8px);height:100%;border:0;padding:0 0 0 8px;"
-                class="ge-table-cell-editor-input">`;
-    }
-  }
-}
-class rt {
-  constructor(e = "none", t = "single") {
-    this.selectionType = e, this.selectionMode = t, this.ranges = [], this.negativeRanges = [], this.allSelected = !1;
-  }
-  getSelectionCount(e, t) {
-    let s = 0;
-    for (const i of this.ranges)
-      i.isInRange(e, t) && s++;
-    return this.allSelected && s++, this.isInNegativeRange(e, t) && (s = 0), s;
-  }
-  isInNegativeRange(e, t) {
-    for (const s of this.negativeRanges)
-      if (s.isInRange(e, t))
-        return !0;
-    return !1;
-  }
-  getRanges() {
-    return this.ranges;
-  }
-  clear() {
-    this.ranges = [], this.negativeRanges = [], this.allSelected = !1;
-  }
-  hasSelection() {
-    return !!this.ranges.length;
-  }
-  selectAll() {
-    this.allSelected = !0;
-  }
-  addSelection(e) {
-    this.addRange(e);
-  }
-  removeSelection(e) {
-    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);
-  }
-  togglePoint(e, t) {
-    this.getSelectionCount(e, t) > 0 ? this.removeSelection(T.singleCell(e, t)) : this.addSelection(T.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 nt {
-  constructor(e = "none") {
-    this.selectionType = e, this.rowIndex = -1, this.columnIndex = -1, this.changed = !1;
-  }
-  clearChanged() {
-    this.changed = !1;
-  }
-  hasChanged() {
-    return this.changed;
-  }
-  clear() {
-    this.rowIndex = -1, this.columnIndex = -1;
-  }
-  setFocus(e, t) {
-    (this.rowIndex !== e || this.columnIndex !== t) && (this.rowIndex = e, this.columnIndex = t, this.changed = !0);
-  }
-  hasFocus(e, t) {
-    return this.rowIndex === e && this.columnIndex === t;
-  }
-  getFocus() {
-    return [this.rowIndex, this.columnIndex];
-  }
-}
-const at = new rt(), dt = new nt("cell");
-class ht {
-  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 ge(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new Se(), this.sortOrder = ["asc", "desc"], this.getEditRenderer = (e, t) => new lt(), this.getSelectionModel = () => at, this.getFocusModel = () => dt;
-  }
-}
-class ct {
-  setStyle(e, t, s) {
-    return e.style[t] = s, e;
-  }
-  appendText(e, t) {
-    const s = this.createText(t);
-    return this.appendChild(e, s), s;
-  }
-  addClass(e, t) {
-    return t.includes(" ") ? t.split(" ").forEach((s) => e.classList.add(s)) : e.classList.add(t), e;
-  }
-  appendChild(e, t) {
-    e.appendChild(t);
-  }
-  createElement(e) {
-    return document.createElement(e);
-  }
-  createText(e) {
-    return document.createTextNode(e);
-  }
-  setAttribute(e, t, s) {
-    e.setAttribute(t, s);
-  }
-}
-const ut = /* @__PURE__ */ Oe("<div>"), gt = (l) => {
+const dt = /* @__PURE__ */ Pe("<div>"), ut = (l) => {
   let e;
-  const t = fe({
+  const t = ge({
     tableModel: null,
-    tableOptions: new ht()
+    tableOptions: new ve()
   }, l);
-  return ve(() => {
-    if (console.info("... onMount() ref", e), !e)
-      throw setTimeout(() => {
-        console.info("ref after 2 secs", e);
-      }, 2222), new Error("ref is undefined in onMount()!");
+  return Ae(() => {
     const s = {
       onCheckboxChanged: (r) => {
         const n = new CustomEvent("checkboxChanged", {
           detail: r,
           bubbles: !0
         });
-        e.dispatchEvent(n);
+        e && e.dispatchEvent(n);
       },
       onContextmenu: (r) => {
         const n = new CustomEvent("contextmenu", {
           detail: r,
           bubbles: !0
         });
-        e.dispatchEvent(n);
+        e && e.dispatchEvent(n);
       },
       onModelChanged: (r) => {
         const n = new CustomEvent("modelChanged", {
           detail: r,
           bubbles: !0
         });
-        e.dispatchEvent(n);
+        e && e.dispatchEvent(n);
       },
       onMouseClicked: (r) => {
         const n = new CustomEvent("mouseClicked", {
           detail: r,
           bubbles: !0
         });
-        e.dispatchEvent(n);
+        e && e.dispatchEvent(n);
       },
       onMouseDragging: (r) => {
         const n = new CustomEvent("mouseDragging", {
           detail: r,
           bubbles: !0
         });
-        e.dispatchEvent(n);
+        e && e.dispatchEvent(n);
       },
       onMouseDraggingEnd: (r) => {
         const n = new CustomEvent("mouseDraggingEnd", {
           detail: r,
           bubbles: !0
         });
-        e.dispatchEvent(n);
+        e && e.dispatchEvent(n);
       },
       onMouseMoved: (r) => {
         const n = new CustomEvent("mouseMoved", {
           detail: r,
           bubbles: !0
         });
-        e.dispatchEvent(n);
+        e && e.dispatchEvent(n);
       }
-    }, i = new ot(e, t.tableModel, new ct(), t.tableOptions, s);
-    console.info("tableScope", i), i.firstInit(), console.info("after firstInit()", e);
+    }, i = new re(e, t.tableModel, new ye(), t.tableOptions, s);
+    i.firstInit();
     const o = new CustomEvent("tableReady", {
       detail: i.getApi(),
       bubbles: !0
     });
-    e.dispatchEvent(o);
+    e && e.dispatchEvent(o);
   }), (() => {
-    const s = ut(), i = e;
-    return typeof i == "function" ? Le(i, s) : e = s, s;
+    const s = dt(), i = e;
+    return typeof i == "function" ? We(i, s) : e = s, s;
   })();
 };
 export {
-  pt as ComponentRendererWrapper,
-  gt as GuiexpertTable,
-  ft as GuiexpertTableProps
+  ht as ComponentRendererWrapper,
+  ut as GuiexpertTable,
+  ct as GuiexpertTableProps
 };