@guiexpert/solid-table 1.0.14 → 1.0.15

package/{index.js → dist/index.js}

@@ -1,109 +1,105 @@
-const De = (r, e) => r === e, te = Symbol("solid-proxy"), ue = {
-  equals: De
+const ke = (l, e) => l === e, te = Symbol("solid-proxy"), ue = {
+  equals: ke
 };
-let me = ve;
-const L = 1, N = 2, ye = {
+let ye = we;
+const L = 1, N = 2, ve = {
   owned: null,
   cleanups: null,
   context: null,
   owner: null
 };
 var R = null;
-let Z = null, w = null, M = null, F = null, q = 0;
-function ke(r, e) {
-  const t = w, s = R, o = r.length === 0, i = e === void 0 ? s : e, l = o ? ye : {
+let Z = null, pe = null, w = null, M = null, I = null, q = 0;
+function Oe(l, e) {
+  const t = w, s = R, o = l.length === 0, i = e === void 0 ? s : e, r = o ? ve : {
     owned: null,
     cleanups: null,
     context: i ? i.context : null,
     owner: i
-  }, n = o ? r : () => r(() => H(() => J(l)));
-  R = l, w = null;
+  }, n = o ? l : () => l(() => H(() => J(r)));
+  R = r, w = null;
   try {
     return G(n, !0);
   } finally {
     w = t, R = s;
   }
 }
-function se(r, e, t) {
-  const s = re(r, e, !1, L);
+function se(l, e, t) {
+  const s = re(l, e, !1, L);
   W(s);
 }
-function Oe(r, e, t) {
-  me = He;
-  const s = re(r, e, !1, L);
-  (!t || !t.render) && (s.user = !0), F ? F.push(s) : W(s);
+function Fe(l, e, t) {
+  ye = We;
+  const s = re(l, e, !1, L);
+  (!t || !t.render) && (s.user = !0), I ? I.push(s) : W(s);
 }
-function Ie(r, e, t) {
+function Ie(l, e, t) {
   t = t ? Object.assign({}, ue, t) : ue;
-  const s = re(r, e, !0, 0);
-  return s.observers = null, s.observerSlots = null, s.comparator = t.equals || void 0, W(s), Le.bind(s);
+  const s = re(l, e, !0, 0);
+  return s.observers = null, s.observerSlots = null, s.comparator = t.equals || void 0, W(s), $e.bind(s);
 }
-function H(r) {
-  if (w === null)
-    return r();
+function H(l) {
+  if (!pe && w === null)
+    return l();
   const e = w;
   w = null;
   try {
-    return r();
+    return l();
   } finally {
     w = e;
   }
 }
-function Fe(r) {
-  Oe(() => H(r));
+function Le(l) {
+  Fe(() => H(l));
 }
-function Le() {
+function $e() {
   if (this.sources && this.state)
     if (this.state === L)
       W(this);
     else {
-      const r = M;
-      M = null, G(() => j(this), !1), M = r;
+      const l = M;
+      M = null, G(() => j(this), !1), M = l;
     }
   if (w) {
-    const r = this.observers ? this.observers.length : 0;
-    w.sources ? (w.sources.push(this), w.sourceSlots.push(r)) : (w.sources = [this], w.sourceSlots = [r]), this.observers ? (this.observers.push(w), this.observerSlots.push(w.sources.length - 1)) : (this.observers = [w], this.observerSlots = [w.sources.length - 1]);
+    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]);
   }
   return this.value;
 }
-function $e(r, e, t) {
-  let s = r.value;
-  return (!r.comparator || !r.comparator(s, e)) && (r.value = e, r.observers && r.observers.length && G(() => {
-    for (let o = 0; o < r.observers.length; o += 1) {
-      const i = r.observers[o], l = Z && Z.running;
-      l && Z.disposed.has(i), (l ? !i.tState : !i.state) && (i.pure ? M.push(i) : F.push(i), i.observers && we(i)), l || (i.state = L);
+function Be(l, e, t) {
+  let s = l.value;
+  return (!l.comparator || !l.comparator(s, e)) && (l.value = e, l.observers && l.observers.length && G(() => {
+    for (let o = 0; o < l.observers.length; o += 1) {
+      const i = l.observers[o], r = Z && Z.running;
+      r && Z.disposed.has(i), (r ? !i.tState : !i.state) && (i.pure ? M.push(i) : I.push(i), i.observers && Ce(i)), r || (i.state = L);
     }
     if (M.length > 1e6)
       throw M = [], new Error();
   }, !1)), e;
 }
-function W(r) {
-  if (!r.fn)
+function W(l) {
+  if (!l.fn)
     return;
-  J(r);
+  J(l);
   const e = q;
-  Be(
-    r,
-    r.value,
-    e
-  );
+  Pe(l, l.value, e);
 }
-function Be(r, e, t) {
+function Pe(l, e, t) {
   let s;
   const o = R, i = w;
-  w = R = r;
+  w = R = l;
   try {
-    s = r.fn(e);
-  } catch (l) {
-    return r.pure && (r.state = L, r.owned && r.owned.forEach(J), r.owned = null), r.updatedAt = t + 1, Ce(l);
+    s = l.fn(e);
+  } catch (r) {
+    return l.pure && (l.state = L, l.owned && l.owned.forEach(J), l.owned = null), l.updatedAt = t + 1, xe(r);
   } finally {
     w = i, R = o;
   }
-  (!r.updatedAt || r.updatedAt <= t) && (r.updatedAt != null && "observers" in r ? $e(r, s) : r.value = s, r.updatedAt = t);
+  (!l.updatedAt || l.updatedAt <= t) && (l.updatedAt != null && "observers" in l ? Be(l, s) : l.value = s, l.updatedAt = t);
 }
-function re(r, e, t, s = L, o) {
+function re(l, e, t, s = L, o) {
   const i = {
-    fn: r,
+    fn: l,
     state: s,
     updatedAt: null,
     owned: null,
@@ -115,215 +111,217 @@ function re(r, e, t, s = L, o) {
     context: R ? R.context : null,
     pure: t
   };
-  return R === null || R !== ye && (R.owned ? R.owned.push(i) : R.owned = [i]), i;
+  return R === null || R !== ve && (R.owned ? R.owned.push(i) : R.owned = [i]), i;
 }
-function z(r) {
-  if (r.state === 0)
+function z(l) {
+  if (l.state === 0)
     return;
-  if (r.state === N)
-    return j(r);
-  if (r.suspense && H(r.suspense.inFallback))
-    return r.suspense.effects.push(r);
-  const e = [r];
-  for (; (r = r.owner) && (!r.updatedAt || r.updatedAt < q); )
-    r.state && e.push(r);
+  if (l.state === N)
+    return j(l);
+  if (l.suspense && H(l.suspense.inFallback))
+    return l.suspense.effects.push(l);
+  const e = [l];
+  for (; (l = l.owner) && (!l.updatedAt || l.updatedAt < q); )
+    l.state && e.push(l);
   for (let t = e.length - 1; t >= 0; t--)
-    if (r = e[t], r.state === L)
-      W(r);
-    else if (r.state === N) {
+    if (l = e[t], l.state === L)
+      W(l);
+    else if (l.state === N) {
       const s = M;
-      M = null, G(() => j(r, e[0]), !1), M = s;
+      M = null, G(() => j(l, e[0]), !1), M = s;
     }
 }
-function G(r, e) {
+function G(l, e) {
   if (M)
-    return r();
+    return l();
   let t = !1;
-  e || (M = []), F ? t = !0 : F = [], q++;
+  e || (M = []), I ? t = !0 : I = [], q++;
   try {
-    const s = r();
-    return Pe(t), s;
+    const s = l();
+    return He(t), s;
   } catch (s) {
-    t || (F = null), M = null, Ce(s);
+    t || (I = null), M = null, xe(s);
   }
 }
-function Pe(r) {
-  if (M && (ve(M), M = null), r)
+function He(l) {
+  if (M && (we(M), M = null), l)
     return;
-  const e = F;
-  F = null, e.length && G(() => me(e), !1);
+  const e = I;
+  I = null, e.length && G(() => ye(e), !1);
 }
-function ve(r) {
-  for (let e = 0; e < r.length; e++)
-    z(r[e]);
+function we(l) {
+  for (let e = 0; e < l.length; e++)
+    z(l[e]);
 }
-function He(r) {
+function We(l) {
   let e, t = 0;
-  for (e = 0; e < r.length; e++) {
-    const s = r[e];
-    s.user ? r[t++] = s : z(s);
+  for (e = 0; e < l.length; e++) {
+    const s = l[e];
+    s.user ? l[t++] = s : z(s);
   }
   for (e = 0; e < t; e++)
-    z(r[e]);
+    z(l[e]);
 }
-function j(r, e) {
-  r.state = 0;
-  for (let t = 0; t < r.sources.length; t += 1) {
-    const s = r.sources[t];
+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 === N && j(s, e);
     }
   }
 }
-function we(r) {
-  for (let e = 0; e < r.observers.length; e += 1) {
-    const t = r.observers[e];
-    t.state || (t.state = N, t.pure ? M.push(t) : F.push(t), t.observers && we(t));
+function Ce(l) {
+  for (let e = 0; e < l.observers.length; e += 1) {
+    const t = l.observers[e];
+    t.state || (t.state = N, t.pure ? M.push(t) : I.push(t), t.observers && Ce(t));
   }
 }
-function J(r) {
+function J(l) {
   let e;
-  if (r.sources)
-    for (; r.sources.length; ) {
-      const t = r.sources.pop(), s = r.sourceSlots.pop(), o = t.observers;
+  if (l.sources)
+    for (; l.sources.length; ) {
+      const t = l.sources.pop(), s = l.sourceSlots.pop(), o = t.observers;
       if (o && o.length) {
-        const i = o.pop(), l = t.observerSlots.pop();
-        s < o.length && (i.sourceSlots[l] = s, o[s] = i, t.observerSlots[s] = l);
+        const i = o.pop(), r = t.observerSlots.pop();
+        s < o.length && (i.sourceSlots[r] = s, o[s] = i, t.observerSlots[s] = r);
       }
     }
-  if (r.owned) {
-    for (e = r.owned.length - 1; e >= 0; e--)
-      J(r.owned[e]);
-    r.owned = null;
+  if (l.owned) {
+    for (e = l.owned.length - 1; e >= 0; e--)
+      J(l.owned[e]);
+    l.owned = null;
   }
-  if (r.cleanups) {
-    for (e = r.cleanups.length - 1; e >= 0; e--)
-      r.cleanups[e]();
-    r.cleanups = null;
+  if (l.cleanups) {
+    for (e = l.cleanups.length - 1; e >= 0; e--)
+      l.cleanups[e]();
+    l.cleanups = null;
   }
-  r.state = 0;
+  l.state = 0;
 }
-function We(r) {
-  return r instanceof Error ? r : new Error(typeof r == "string" ? r : "Unknown error", {
-    cause: r
+function Ge(l) {
+  return l instanceof Error ? l : new Error(typeof l == "string" ? l : "Unknown error", {
+    cause: l
   });
 }
-function Ce(r, e = R) {
-  throw We(r);
+function xe(l, e = R) {
+  throw Ge(l);
 }
 function V() {
   return !0;
 }
-const Ge = {
-  get(r, e, t) {
-    return e === te ? t : r.get(e);
+const _e = {
+  get(l, e, t) {
+    return e === te ? t : l.get(e);
   },
-  has(r, e) {
-    return e === te ? !0 : r.has(e);
+  has(l, e) {
+    return e === te ? !0 : l.has(e);
   },
   set: V,
   deleteProperty: V,
-  getOwnPropertyDescriptor(r, e) {
+  getOwnPropertyDescriptor(l, e) {
     return {
       configurable: !0,
       enumerable: !0,
       get() {
-        return r.get(e);
+        return l.get(e);
       },
       set: V,
       deleteProperty: V
     };
   },
-  ownKeys(r) {
-    return r.keys();
+  ownKeys(l) {
+    return l.keys();
   }
 };
-function ee(r) {
-  return (r = typeof r == "function" ? r() : r) ? r : {};
+function ee(l) {
+  return (l = typeof l == "function" ? l() : l) ? l : {};
 }
-function _e() {
-  for (let r = 0, e = this.length; r < e; ++r) {
-    const t = this[r]();
+function Ve() {
+  for (let l = 0, e = this.length; l < e; ++l) {
+    const t = this[l]();
     if (t !== void 0)
       return t;
   }
 }
-function xe(...r) {
+function Ee(...l) {
   let e = !1;
-  for (let i = 0; i < r.length; i++) {
-    const l = r[i];
-    e = e || !!l && te in l, r[i] = typeof l == "function" ? (e = !0, Ie(l)) : l;
+  for (let r = 0; r < l.length; r++) {
+    const n = l[r];
+    e = e || !!n && te in n, l[r] = typeof n == "function" ? (e = !0, Ie(n)) : n;
   }
   if (e)
-    return new Proxy(
-      {
-        get(i) {
-          for (let l = r.length - 1; l >= 0; l--) {
-            const n = ee(r[l])[i];
-            if (n !== void 0)
-              return n;
-          }
-        },
-        has(i) {
-          for (let l = r.length - 1; l >= 0; l--)
-            if (i in ee(r[l]))
-              return !0;
-          return !1;
-        },
-        keys() {
-          const i = [];
-          for (let l = 0; l < r.length; l++)
-            i.push(...Object.keys(ee(r[l])));
-          return [...new Set(i)];
+    return new Proxy({
+      get(r) {
+        for (let n = l.length - 1; n >= 0; n--) {
+          const a = ee(l[n])[r];
+          if (a !== void 0)
+            return a;
         }
       },
-      Ge
-    );
-  const t = {}, s = {}, o = /* @__PURE__ */ new Set();
-  for (let i = r.length - 1; i >= 0; i--) {
-    const l = r[i];
-    if (!l)
+      has(r) {
+        for (let n = l.length - 1; n >= 0; n--)
+          if (r in ee(l[n]))
+            return !0;
+        return !1;
+      },
+      keys() {
+        const r = [];
+        for (let n = 0; n < l.length; n++)
+          r.push(...Object.keys(ee(l[n])));
+        return [...new Set(r)];
+      }
+    }, _e);
+  const t = {}, s = /* @__PURE__ */ Object.create(null);
+  for (let r = l.length - 1; r >= 0; r--) {
+    const n = l[r];
+    if (!n)
       continue;
-    const n = Object.getOwnPropertyNames(l);
-    for (let a = 0, c = n.length; a < c; a++) {
-      const d = n[a];
+    const a = Object.getOwnPropertyNames(n);
+    for (let c = a.length - 1; c >= 0; c--) {
+      const d = a[c];
       if (d === "__proto__" || d === "constructor")
         continue;
-      const h = Object.getOwnPropertyDescriptor(l, d);
-      if (!o.has(d))
-        h.get ? (o.add(d), Object.defineProperty(t, d, {
+      const h = Object.getOwnPropertyDescriptor(n, d);
+      if (!s[d])
+        s[d] = h.get ? {
           enumerable: !0,
           configurable: !0,
-          get: _e.bind(s[d] = [h.get.bind(l)])
-        })) : (h.value !== void 0 && o.add(d), t[d] = h.value);
+          get: Ve.bind(t[d] = [h.get.bind(n)])
+        } : h.value !== void 0 ? h : void 0;
       else {
-        const g = s[d];
-        g ? h.get ? g.push(h.get.bind(l)) : h.value !== void 0 && g.push(() => h.value) : t[d] === void 0 && (t[d] = h.value);
+        const g = t[d];
+        g && (h.get ? g.push(h.get.bind(n)) : h.value !== void 0 && g.push(() => h.value));
       }
     }
   }
-  return t;
+  const o = {}, i = Object.keys(s);
+  for (let r = i.length - 1; r >= 0; r--) {
+    const n = i[r], a = s[n];
+    a && a.get ? Object.defineProperty(o, n, a) : o[n] = a ? a.value : void 0;
+  }
+  return o;
 }
-function Ve(r, e, t) {
-  let s = t.length, o = e.length, i = s, l = 0, n = 0, a = e[o - 1].nextSibling, c = null;
-  for (; l < o || n < i; ) {
-    if (e[l] === t[n]) {
-      l++, n++;
+function Ne(l, e, t) {
+  let s = t.length, o = e.length, i = s, r = 0, n = 0, a = e[o - 1].nextSibling, c = null;
+  for (; r < o || n < i; ) {
+    if (e[r] === t[n]) {
+      r++, n++;
       continue;
     }
     for (; e[o - 1] === t[i - 1]; )
       o--, i--;
-    if (o === l) {
+    if (o === r) {
       const d = i < s ? n ? t[n - 1].nextSibling : t[i - n] : a;
       for (; n < i; )
-        r.insertBefore(t[n++], d);
+        l.insertBefore(t[n++], d);
     } else if (i === n)
-      for (; l < o; )
-        (!c || !c.has(e[l])) && e[l].remove(), l++;
-    else if (e[l] === t[i - 1] && t[n] === e[o - 1]) {
+      for (; r < o; )
+        (!c || !c.has(e[r])) && e[r].remove(), r++;
+    else if (e[r] === t[i - 1] && t[n] === e[o - 1]) {
       const d = e[--o].nextSibling;
-      r.insertBefore(t[n++], e[l++].nextSibling), r.insertBefore(t[--i], d), e[o] = t[i];
+      l.insertBefore(t[n++], e[r++].nextSibling), l.insertBefore(t[--i], d), e[o] = t[i];
     } else {
       if (!c) {
         c = /* @__PURE__ */ new Map();
@@ -331,161 +329,157 @@ function Ve(r, e, t) {
         for (; h < i; )
           c.set(t[h], h++);
       }
-      const d = c.get(e[l]);
+      const d = c.get(e[r]);
       if (d != null)
         if (n < d && d < i) {
-          let h = l, g = 1, f;
+          let h = r, g = 1, f;
           for (; ++h < o && h < i && !((f = c.get(e[h])) == null || f !== d + g); )
             g++;
           if (g > d - n) {
-            const b = e[l];
+            const b = e[r];
             for (; n < d; )
-              r.insertBefore(t[n++], b);
+              l.insertBefore(t[n++], b);
           } else
-            r.replaceChild(t[n++], e[l++]);
+            l.replaceChild(t[n++], e[r++]);
         } else
-          l++;
+          r++;
       else
-        e[l++].remove();
+        e[r++].remove();
     }
   }
 }
-function Ne(r, e, t, s = {}) {
+function ze(l, e, t, s = {}) {
   let o;
-  return ke((i) => {
-    o = i, e === document ? r() : Xe(e, r(), e.firstChild ? null : void 0, t);
+  return Oe((i) => {
+    o = i, e === document ? l() : Ke(e, l(), e.firstChild ? null : void 0, t);
   }, s.owner), () => {
     o(), e.textContent = "";
   };
 }
-function ze(r, e, t) {
+function je(l, e, t) {
   let s;
   const o = () => {
-    const l = document.createElement("template");
-    return l.innerHTML = r, t ? l.content.firstChild.firstChild : l.content.firstChild;
+    const r = document.createElement("template");
+    return r.innerHTML = l, t ? r.content.firstChild.firstChild : r.content.firstChild;
   }, i = e ? () => H(() => document.importNode(s || (s = o()), !0)) : () => (s || (s = o())).cloneNode(!0);
   return i.cloneNode = i, i;
 }
-function je(r, e, t) {
-  return H(() => r(e, t));
+function Xe(l, e, t) {
+  return H(() => l(e, t));
 }
-function Xe(r, e, t, s) {
+function Ke(l, e, t, s) {
   if (t !== void 0 && !s && (s = []), typeof e != "function")
-    return X(r, e, s, t);
-  se((o) => X(r, e(), o, t), s);
+    return X(l, e, s, t);
+  se((o) => X(l, e(), o, t), s);
 }
-function X(r, 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, l = s !== void 0;
-  if (r = l && t[0] && t[0].parentNode || r, i === "string" || i === "number")
-    if (i === "number" && (e = e.toString()), l) {
+  const i = typeof e, r = s !== void 0;
+  if (l = r && t[0] && t[0].parentNode || l, i === "string" || i === "number")
+    if (i === "number" && (e = e.toString()), r) {
       let n = t[0];
-      n && n.nodeType === 3 ? n.data = e : n = document.createTextNode(e), t = B(r, t, s, n);
+      n && n.nodeType === 3 ? n.data !== e && (n.data = e) : n = document.createTextNode(e), t = B(l, t, s, n);
     } else
-      t !== "" && typeof t == "string" ? t = r.firstChild.data = e : t = r.textContent = e;
+      t !== "" && typeof t == "string" ? t = l.firstChild.data = e : t = l.textContent = e;
   else if (e == null || i === "boolean")
-    t = B(r, t, s);
+    t = B(l, t, s);
   else {
     if (i === "function")
       return se(() => {
         let n = e();
         for (; typeof n == "function"; )
           n = n();
-        t = X(r, n, t, s);
+        t = X(l, n, t, s);
       }), () => t;
     if (Array.isArray(e)) {
       const n = [], a = t && Array.isArray(t);
       if (oe(n, e, t, o))
-        return se(() => t = X(r, n, t, s, !0)), () => t;
+        return se(() => t = X(l, n, t, s, !0)), () => t;
       if (n.length === 0) {
-        if (t = B(r, t, s), l)
+        if (t = B(l, t, s), r)
           return t;
       } else
-        a ? t.length === 0 ? pe(r, n, s) : Ve(r, t, n) : (t && B(r), pe(r, n));
+        a ? t.length === 0 ? be(l, n, s) : Ne(l, t, n) : (t && B(l), be(l, n));
       t = n;
     } else if (e.nodeType) {
       if (Array.isArray(t)) {
-        if (l)
-          return t = B(r, t, s, e);
-        B(r, t, null, e);
+        if (r)
+          return t = B(l, t, s, e);
+        B(l, t, null, e);
       } else
-        t == null || t === "" || !r.firstChild ? r.appendChild(e) : r.replaceChild(e, r.firstChild);
+        t == null || t === "" || !l.firstChild ? l.appendChild(e) : l.replaceChild(e, l.firstChild);
       t = e;
     }
   }
   return t;
 }
-function oe(r, e, t, s) {
+function oe(l, e, t, s) {
   let o = !1;
-  for (let i = 0, l = e.length; i < l; i++) {
+  for (let i = 0, r = e.length; i < r; i++) {
     let n = e[i], a = t && t[i], c;
     if (!(n == null || n === !0 || n === !1))
       if ((c = typeof n) == "object" && n.nodeType)
-        r.push(n);
+        l.push(n);
       else if (Array.isArray(n))
-        o = oe(r, n, a) || o;
+        o = oe(l, n, a) || o;
       else if (c === "function")
         if (s) {
           for (; typeof n == "function"; )
             n = n();
-          o = oe(
-            r,
-            Array.isArray(n) ? n : [n],
-            Array.isArray(a) ? a : [a]
-          ) || o;
+          o = oe(l, Array.isArray(n) ? n : [n], Array.isArray(a) ? a : [a]) || o;
         } else
-          r.push(n), o = !0;
+          l.push(n), o = !0;
       else {
         const d = String(n);
-        a && a.nodeType === 3 && a.data === d ? r.push(a) : r.push(document.createTextNode(d));
+        a && a.nodeType === 3 && a.data === d ? l.push(a) : l.push(document.createTextNode(d));
       }
   }
   return o;
 }
-function pe(r, e, t = null) {
+function be(l, e, t = null) {
   for (let s = 0, o = e.length; s < o; s++)
-    r.insertBefore(e[s], t);
+    l.insertBefore(e[s], t);
 }
-function B(r, e, t, s) {
+function B(l, e, t, s) {
   if (t === void 0)
-    return r.textContent = "";
+    return l.textContent = "";
   const o = s || document.createTextNode("");
   if (e.length) {
     let i = !1;
-    for (let l = e.length - 1; l >= 0; l--) {
-      const n = e[l];
+    for (let r = e.length - 1; r >= 0; r--) {
+      const n = e[r];
       if (o !== n) {
-        const a = n.parentNode === r;
-        !i && !l ? a ? r.replaceChild(o, n) : r.insertBefore(o, t) : a && n.remove();
+        const a = n.parentNode === l;
+        !i && !r ? a ? l.replaceChild(o, n) : l.insertBefore(o, t) : a && n.remove();
       } else
         i = !0;
     }
   } else
-    r.insertBefore(o, t);
+    l.insertBefore(o, t);
   return [o];
 }
-class mt {
+class yt {
   constructor(e) {
     this.code = e;
   }
-  render(e, t, s, o, i, l, n) {
-    const a = xe({
+  render(e, t, s, o, i, r, n) {
+    const a = Ee({
       rowIndex: t,
       columnIndex: s,
       areaIdent: o,
       areaModel: i,
-      cellValue: l
+      cellValue: r
     });
-    Ne(
+    ze(
       () => this.code(a),
       e
     );
   }
 }
-const yt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const vt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
 }, Symbol.toStringTag, { value: "Module" }));
 class $ {
@@ -513,15 +507,15 @@ class $ {
     }
   }
 }
-function ie(r) {
-  return r && r.type === "TreeRow";
+function ie(l) {
+  return l && l.type === "TreeRow";
 }
-function le(r) {
-  return r && r.type === "AreaModelTree";
+function le(l) {
+  return l && l.type === "AreaModelTree";
 }
 class ne {
-  constructor(e = -1, t = -1, s = -1, o = -1, i, l, n, a = 0, c = 0, d = 0, h = "") {
-    this.rowIndex = e, this.rowTop = t, this.columnIndex = s, this.columnLeft = o, this.areaIdent = i, this.sideIdent = l, this.originalEvent = n, this.clickCount = a, this.draggingX = c, this.draggingY = d, this.action = h;
+  constructor(e = -1, t = -1, s = -1, o = -1, i, r, n, a = 0, c = 0, d = 0, h = "") {
+    this.rowIndex = e, this.rowTop = t, this.columnIndex = s, this.columnLeft = o, this.areaIdent = i, this.sideIdent = r, this.originalEvent = n, this.clickCount = a, this.draggingX = c, this.draggingY = d, this.action = h;
   }
   clone() {
     return new ne(
@@ -539,25 +533,25 @@ class ne {
     );
   }
 }
-class I {
+class F {
   constructor(e = ">", t = "", s = []) {
     this.content = e, this.style = t, this.classes = s;
   }
 }
-class Ee {
-  constructor(e = new I(
+class Ae {
+  constructor(e = new F(
     ">",
     "transform: rotate(90deg) translate(66%, -66%); transform-origin: 0 0;",
     ["gt-table-tree-arrow-expanded"]
-  ), t = new I(
+  ), t = new F(
     ">",
     "",
     ["ge-table-tree-arrow-collapsed"]
-  ), s = new I(
+  ), s = new F(
     ">",
     "color:transparent;",
     ["gt-table-tree-arrow-hidden"]
-  ), o = new I(
+  ), o = new F(
     "↕",
     "",
     ["gt-table-tree-arrow-expanded-all"]
@@ -565,12 +559,12 @@ class Ee {
     this.arrowExpanded = e, this.arrowCollapsed = t, this.arrowPlaceholder = s, this.arrowExpandCollapseAll = o;
   }
 }
-class Ae {
-  constructor(e = new I("↑", "", ["ge-header-sorted-asc"]), t = new I("↓", "", ["ge-header-sorted-desc"]), s = new I("↑", "color:transparent;", [])) {
+class Me {
+  constructor(e = new F("↑", "", ["ge-header-sorted-asc"]), t = new F("↓", "", ["ge-header-sorted-desc"]), s = new F("↑", "color:transparent;", [])) {
     this.iconAsc = e, this.iconDesc = t, this.iconPlaceholder = s;
   }
 }
-class Ke {
+class Ye {
   constructor(e) {
     this.domService = e;
   }
@@ -643,42 +637,42 @@ class Ke {
     const s = this.domService.createElement("div");
     return this.addClass(e, s), this.domService.appendChild(t, s), s;
   }
-  addRowDiv(e, t, s = -1, o, i, l = "") {
+  addRowDiv(e, t, s = -1, o, i, r = "") {
     const n = t.index ?? -1, a = this.getDivOrCreateDiv(n, e);
     if (this.domService.addClass(a, "ge-table-row-div"), this.domService.addClass(a, `ge-table-row-div-${t.index}`), o === "body" && i === "center") {
       const c = ((t == null ? void 0 : t.index) ?? 0) % 2 === 0 ? "even" : "odd";
       this.domService.addClass(a, `ge-table-row-${c}`);
     }
-    if (this.domService.setStyle(a, "display", "clip"), this.domService.setStyle(a, "position", "absolute"), this.domService.setStyle(a, "left", `${t.left}px`), this.domService.setStyle(a, "top", `${t.top}px`), this.domService.setStyle(a, "width", `${t.width}px`), this.domService.setStyle(a, "height", `${t.height}px`), this.domService.setAttribute(a, "data-row-index", `${s}`), this.domService.setAttribute(a, "data-area", `${o}`), l) {
-      const c = this.domService.createText(l);
+    if (this.domService.setStyle(a, "display", "clip"), this.domService.setStyle(a, "position", "absolute"), this.domService.setStyle(a, "left", `${t.left}px`), this.domService.setStyle(a, "top", `${t.top}px`), this.domService.setStyle(a, "width", `${t.width}px`), this.domService.setStyle(a, "height", `${t.height}px`), this.domService.setAttribute(a, "data-row-index", `${s}`), this.domService.setAttribute(a, "data-area", `${o}`), r) {
+      const c = this.domService.createText(r);
       this.domService.appendChild(a, c);
     }
     return this.domService.appendChild(e.child, a), a;
   }
   addColumnDiv(e) {
-    const { parent: t, geo: s, rowIndex: o = -1, columnIndex: i = -1, areaIdent: l, sideIdent: n, text: a = "", treeArrow: c, tableOptions: d, checkedType: h = void 0, sortState: g } = e, f = d == null ? void 0 : d.treeOptions, b = d == null ? void 0 : d.showCheckboxWihoutExtraColumn, S = this.domService.createElement("div");
-    this.domService.addClass(S, "ge-table-col-div"), this.domService.addClass(S, `ge-table-col-div-${s.index}`), this.domService.setAttribute(S, "data-col-index", `${s.index}`), this.domService.setAttribute(S, "data-row-index", `${o}`), this.domService.setAttribute(S, "data-area", `${l}`);
+    const { parent: t, geo: s, rowIndex: o = -1, columnIndex: i = -1, areaIdent: r, sideIdent: n, text: a = "", treeArrow: c, tableOptions: d, checkedType: h = void 0, sortState: g } = e, f = d == null ? void 0 : d.treeOptions, b = d == null ? void 0 : d.showCheckboxWihoutExtraColumn, S = this.domService.createElement("div");
+    this.domService.addClass(S, "ge-table-col-div"), this.domService.addClass(S, `ge-table-col-div-${s.index}`), this.domService.setAttribute(S, "data-col-index", `${s.index}`), this.domService.setAttribute(S, "data-row-index", `${o}`), this.domService.setAttribute(S, "data-area", `${r}`);
     const p = ((s == null ? void 0 : s.index) ?? 0) % 2 === 0 ? "even" : "odd";
-    if (l === "body" && n === "center" && this.domService.addClass(S, `ge-table-column-${p}`), this.domService.setStyle(S, "display", "clip"), this.domService.setStyle(S, "position", "absolute"), this.domService.setStyle(S, "left", `${s.left}px`), this.domService.setStyle(S, "top", `${s.top}px`), this.domService.setStyle(S, "width", `${s.width}px`), this.domService.setStyle(S, "height", `${s.height}px`), c && c !== "none" && (this.domService.addClass(S, "ge-table-col-tree"), this.addArrowDiv(S, c, f, o, i, l)), b && i === 0 && h && this.addCheckboxToDiv(S, h, l, o), a) {
+    if (r === "body" && n === "center" && this.domService.addClass(S, `ge-table-column-${p}`), this.domService.setStyle(S, "display", "clip"), this.domService.setStyle(S, "position", "absolute"), this.domService.setStyle(S, "left", `${s.left}px`), this.domService.setStyle(S, "top", `${s.top}px`), this.domService.setStyle(S, "width", `${s.width}px`), this.domService.setStyle(S, "height", `${s.height}px`), c && c !== "none" && (this.domService.addClass(S, "ge-table-col-tree"), this.addArrowDiv(S, c, f, o, i, r)), b && i === 0 && h && this.addCheckboxToDiv(S, h, r, o), a) {
       const u = c !== "none" && i === 0;
-      this.addLabelDiv(S, a, u, o, i, l);
+      this.addLabelDiv(S, a, u, o, i, r);
     }
     return g && this.addSortedIcon(S, g, d == null ? void 0 : d.sortedOptions, i), this.domService.appendChild(t, S), S;
   }
   addCheckboxToDiv(e, t, s, o) {
-    const i = this.domService.createElement("div"), l = t === "full" ? "checked" : "";
+    const i = this.domService.createElement("div"), r = t === "full" ? "checked" : "";
     return i.innerHTML = `
             <input
                 type="checkbox"
                 data-area="${s}"
                 data-row-index="${o}"
                 data-input-type="checkbox"
-                ${l}
+                ${r}
                 class="ge-table-row-checkbox"> `, this.domService.setStyle(i, "display", "inline"), this.domService.setStyle(i, "width", "inherit"), this.domService.setAttribute(i, "data-row-index", `${o}`), this.domService.appendChild(e, i), i;
   }
-  addLabelDiv(e, t = "", s = !1, o = -1, i = -1, l = "body") {
+  addLabelDiv(e, t = "", s = !1, o = -1, i = -1, r = "body") {
     const n = this.domService.createElement("div");
-    if (this.domService.addClass(n, "ge-table-label-div"), this.domService.setStyle(n, "position", "relative"), this.domService.setStyle(n, "background", "transparent"), this.domService.setStyle(n, "width", "100%"), this.domService.setStyle(n, "height", "100%"), this.domService.setAttribute(n, "data-row-index", `${o}`), this.domService.setAttribute(n, "data-col-index", `${i}`), this.domService.setAttribute(n, "data-area", `${l}`), t)
+    if (this.domService.addClass(n, "ge-table-label-div"), this.domService.setStyle(n, "position", "relative"), this.domService.setStyle(n, "background", "transparent"), this.domService.setStyle(n, "width", "100%"), this.domService.setStyle(n, "height", "100%"), this.domService.setAttribute(n, "data-row-index", `${o}`), this.domService.setAttribute(n, "data-col-index", `${i}`), this.domService.setAttribute(n, "data-area", `${r}`), t)
       if (s) {
         const a = this.domService.createText(t);
         this.domService.appendChild(n, a);
@@ -686,24 +680,24 @@ class Ke {
         const a = this.domService.createElement("div");
         this.domService.appendChild(n, a);
         const c = this.domService.createText(t);
-        this.domService.addClass(a, "ge-table-label"), this.domService.appendChild(a, c), this.domService.setAttribute(a, "data-row-index", `${o}`), this.domService.setAttribute(a, "data-col-index", `${i}`), this.domService.setAttribute(a, "data-area", `${l}`);
+        this.domService.addClass(a, "ge-table-label"), this.domService.appendChild(a, c), this.domService.setAttribute(a, "data-row-index", `${o}`), this.domService.setAttribute(a, "data-col-index", `${i}`), this.domService.setAttribute(a, "data-area", `${r}`);
       }
     return this.domService.appendChild(e, n), n;
   }
-  addSortedIcon(e, t = "", s = new Ae(), o = -1) {
+  addSortedIcon(e, t = "", s = new Me(), 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 l;
-    t === "asc" ? l = s.iconAsc : t === "desc" ? l = s.iconDesc : l = s.iconPlaceholder;
-    const n = l.content, a = this.domService.createText(n);
-    this.domService.appendChild(i, a), l.style && this.applyStyleString(i, l.style);
-    for (const c of l.classes)
+    let r;
+    t === "asc" ? r = s.iconAsc : t === "desc" ? r = s.iconDesc : r = s.iconPlaceholder;
+    const n = r.content, a = this.domService.createText(n);
+    this.domService.appendChild(i, a), r.style && this.applyStyleString(i, r.style);
+    for (const c of r.classes)
       this.domService.addClass(i, c);
     return this.domService.appendChild(e, i), i;
   }
-  addArrowDiv(e, t = "none", s = new Ee(), o = -1, i = -1, l = "body") {
+  addArrowDiv(e, t = "none", s = new Ae(), o = -1, i = -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", `${o}`), this.domService.setAttribute(n, "data-col-index", `${i}`), this.domService.setAttribute(n, "data-area", `${l}`);
+    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", `${o}`), this.domService.setAttribute(n, "data-col-index", `${i}`), this.domService.setAttribute(n, "data-area", `${r}`);
     let a;
     t === "expanded" ? a = s.arrowExpanded : t === "collapsed" ? a = s.arrowCollapsed : a = s.arrowPlaceholder;
     const c = a.content, d = this.domService.createText(c);
@@ -714,12 +708,12 @@ class Ke {
   }
   addColumnBorderDivs(e, t, s, o, i) {
     if (e.verticalBorderVisible) {
-      const l = `ge-table-${o}-${i}-vertical-border`;
-      this.addVerticalBorder(s, t, l);
+      const r = `ge-table-${o}-${i}-vertical-border`;
+      this.addVerticalBorder(s, t, r);
     }
     if (e.horizontalBorderVisible) {
-      const l = `ge-table-${o}-${i}-horizontal-border`;
-      this.addHorizontalBorder(s, t, l);
+      const r = `ge-table-${o}-${i}-horizontal-border`;
+      this.addHorizontalBorder(s, t, r);
     }
     return t;
   }
@@ -743,8 +737,8 @@ class Ke {
   applyStyleString(e, t) {
     const s = t.split(";").map((o) => o.trim()).filter((o) => o);
     for (const o of s) {
-      const [i, l] = o.split(":");
-      this.domService.setStyle(e, i.trim(), l.trim());
+      const [i, r] = o.split(":");
+      this.domService.setStyle(e, i.trim(), r.trim());
     }
   }
   getDivOrCreateDiv(e, t) {
@@ -752,8 +746,8 @@ class Ke {
     return s ? (s.innerText = "", s) : (s = this.domService.createElement("div"), t.cache[e] = s, s);
   }
 }
-const ae = (r) => r === "header" ? "header" : r === "footer" ? "footer" : "body";
-class Ye {
+const ae = (l) => l === "header" ? "header" : l === "footer" ? "footer" : "body";
+class Ue {
   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"));
@@ -765,7 +759,7 @@ class Ye {
     }
   }
 }
-class Ue {
+class qe {
   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))
@@ -795,7 +789,7 @@ class Ue {
     if (t - this.lastClicked < this.doubleClickDelay)
       return;
     this.lastClicked = t;
-    const s = new Ye(e.target, this.tableScope);
+    const s = new Ue(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")
@@ -804,10 +798,10 @@ class Ue {
       this.tableScope.toggleRowCheckbox(s.rowIdx, s.colIdx, s.areaIdent), e.preventDefault(), e.stopPropagation();
     else if (ie(s.row) && s.areaModel) {
       const o = s.colIdx === this.getArrowColumnIndex() && e.altKey, i = s.className.includes("ge-table-tree-arrow-div");
-      if (console.info(i, o), o || i) {
+      if (o || i) {
         e.preventDefault(), e.stopPropagation();
-        const l = s.row;
-        l.expanded = !l.expanded, "recalcVisibleTreeRows" in s.areaModel && s.areaModel.recalcVisibleTreeRows(), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(l);
+        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);
       }
     }
     if (s.areaIdent === "body" && this.tableScope.tableOptions.getFocusModel) {
@@ -824,12 +818,12 @@ class Ue {
    */
   onHostElementDblClicked(e) {
     if (this.lastClicked = Date.now(), e.target instanceof HTMLElement) {
-      const t = e.target, s = t.getAttribute("data-area"), o = ae(s), i = Number(t.getAttribute("data-row-index")), l = Number(t.getAttribute("data-col-index")), n = this.tableScope.tableModel.getAreaModel(o);
+      const t = e.target, s = t.getAttribute("data-area"), o = ae(s), i = Number(t.getAttribute("data-row-index")), r = Number(t.getAttribute("data-col-index")), n = this.tableScope.tableModel.getAreaModel(o);
       if (s && o === "header")
-        this.tableScope.tableModel.isSortable(l) && (this.tableScope.clearSelection(), this.tableScope.onHeaderDblClicked(e, i, l));
+        this.tableScope.tableModel.isSortable(r) && (this.tableScope.clearSelection(), this.tableScope.onHeaderDblClicked(e, i, r));
       else if (t.getAttribute("data-row-index")) {
         const a = n.getRowByIndex(i);
-        if (s && o === "body" && n.isEditable(i, l) && (this.tableScope.clearSelection(), this.tableScope.initRenderEditor(i, l)), ie(a) && l === this.getArrowColumnIndex()) {
+        if (s && o === "body" && n.isEditable(i, r) && (this.tableScope.clearSelection(), this.tableScope.initRenderEditor(i, r)), ie(a) && r === this.getArrowColumnIndex()) {
           e.preventDefault(), e.stopPropagation();
           const c = a;
           c.expanded = !c.expanded, "recalcVisibleTreeRows" in n && n.recalcVisibleTreeRows(), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(c);
@@ -857,11 +851,11 @@ class Ue {
    * @returns {void}
    */
   updateCollapsedExpandedState(e) {
-    var s, o, i, l, n;
+    var s, o, i, r, n;
     const t = (o = (s = this.tableScope.tableOptions) == null ? void 0 : s.autoRestoreOptions) == null ? void 0 : o.getRowId;
     if (t) {
       const a = (i = this.tableScope.storeStateCollapsedExpandService) == null ? void 0 : i.collapsedExpandedStateGet().mode, c = a === "collapsed" && !e.expanded || a === "expanded" && e.expanded, d = a === "collapsed" && e.expanded || a === "expanded" && !e.expanded, h = t(e.data);
-      c ? (l = this.tableScope.storeStateCollapsedExpandService) == null || l.collapsedStateIdsPush(h) : d && ((n = this.tableScope.storeStateCollapsedExpandService) == null || n.collapsedStateIdsRemove(h));
+      c ? (r = this.tableScope.storeStateCollapsedExpandService) == null || r.collapsedStateIdsPush(h) : d && ((n = this.tableScope.storeStateCollapsedExpandService) == null || n.collapsedStateIdsRemove(h));
     }
   }
   getArrowColumnIndex() {
@@ -897,7 +891,7 @@ class Ue {
     }
   }
 }
-class qe {
+class Je {
   constructor(e) {
     this.tableScope = e;
   }
@@ -1093,9 +1087,9 @@ class de {
       for (const o of [...s]) {
         const [
           i,
-          l
+          r
         ] = o;
-        t[i] = l;
+        t[i] = r;
       }
     }
     return t;
@@ -1107,8 +1101,8 @@ class de {
       if (o) {
         const i = o + e;
         if ((t + "").includes("Map")) {
-          const l = this.autoConvertMapToObject(t);
-          this.persistItem(i, l);
+          const r = this.autoConvertMapToObject(t);
+          this.persistItem(i, r);
         } else
           this.persistItem(i, t);
       }
@@ -1157,7 +1151,7 @@ class de {
   //   }
   // }
 }
-class Je extends de {
+class Qe extends de {
   constructor(e) {
     super(e), this.SCROLL_STATE = "scrollState", this.scrollOffset = [0, 0], this.load();
   }
@@ -1179,14 +1173,14 @@ class Je extends de {
     }
   }
 }
-class Qe {
+class Ze {
   constructor(e = "collapsed", t = [], s = !1, o = !1) {
     this.mode = e, this.rowIds = t, this.allCollapsed = s, this.allExpanded = o;
   }
 }
-class Ze extends de {
+class et extends de {
   constructor(e) {
-    super(e), this.COLLAPSED_EXPANDED_STATE = "collapsedExpandedState", this.collapsedExpandedState = new Qe(), this.load();
+    super(e), this.COLLAPSED_EXPANDED_STATE = "collapsedExpandedState", this.collapsedExpandedState = new Ze(), this.load();
   }
   collapsedExpandedStateGet() {
     return this.collapsedExpandedState;
@@ -1218,7 +1212,7 @@ class Ze extends de {
     this.checkAndPersistItem(this.COLLAPSED_EXPANDED_STATE, this.collapsedExpandedState);
   }
 }
-class et extends de {
+class tt extends de {
   constructor(e) {
     super(e), this.SORTING_STATE = "sortingState", this.sortItems = [], this.load();
   }
@@ -1244,7 +1238,7 @@ class O {
     this.left = e, this.width = t, this.height = s, this.top = o, this.index = i;
   }
 }
-class tt {
+class st {
   constructor(e, t, s, o) {
     this.hostElement = e, this.tableModel = t, this.dom = s, this.tableOptions = o, this.scrollTop = 0, this.areaBodyWestGeo = new O(), this.areaBodyCenterGeo = new O(), this.areaBodyEastGeo = new O();
     const i = this.hostElement;
@@ -1450,7 +1444,7 @@ class A {
     return e >= this.r1 && e <= this.r2 && t >= this.c1 && t <= this.c2;
   }
 }
-class st {
+class ot {
   constructor(e, t) {
     this.tableModel = e, this.areaModel = t, this.colAndRowspanRanges = void 0;
   }
@@ -1461,12 +1455,12 @@ class st {
     const e = this.areaModel.getRowCount(), t = this.tableModel.getColumnCount();
     for (let s = 0; s < e; s++)
       for (let o = 0; o < t; o++) {
-        let i = this.areaModel.getColspanAt(s, o), l = this.areaModel.getRowspanAt(s, o);
-        if (i > 1 || l > 1) {
-          i === 0 && (i = 1), l === 0 && (l = 1);
+        let i = this.areaModel.getColspanAt(s, o), r = this.areaModel.getRowspanAt(s, o);
+        if (i > 1 || r > 1) {
+          i === 0 && (i = 1), r === 0 && (r = 1);
           const n = "gammaCells" in this.areaModel;
           this.colAndRowspanRanges.push(
-            new A(s, o, s + l - 1, o + i - 1, n)
+            new A(s, o, s + r - 1, o + i - 1, n)
           );
         }
       }
@@ -1483,22 +1477,22 @@ class st {
     return !1;
   }
 }
-class ot {
+class it {
   constructor(e, t, s) {
     this.header = e, this.body = t, this.footer = s;
   }
 }
-class it extends tt {
+class lt extends st {
   constructor(e, t, s, o) {
-    var l, n;
+    var r, n;
     super(e, t, s, o), this.dragging = !1, this.editing = !1, this.storedColumnWidths = [], this.scrollLeft = 0, this.scrollViewportLeft = 0, this.scrollFactorY = 0, this.scrollFactorX = 0, this.cleanupFunctions = {
       header: [],
       body: [],
       footer: []
-    }, this.tree = !1, this.colAndRowspanModels = new ot(), this.firstVisibleRowIndex = -1, this.draggingTargetColumnIndex = -1, this.removables = [], this.tableModel.getSelectionModel ? this.getSelectionModel = this.tableModel.getSelectionModel : (l = this.tableOptions) != null && l.getSelectionModel && (this.getSelectionModel = this.tableOptions.getSelectionModel), (n = this.tableOptions) != null && n.getFocusModel && (this.getFocusModel = this.tableOptions.getFocusModel), le(t.getAreaModel("body")) && (this.tree = !0), ["header", "body", "footer"].forEach(
+    }, this.tree = !1, this.colAndRowspanModels = new it(), this.firstVisibleRowIndex = -1, this.draggingTargetColumnIndex = -1, this.removables = [], 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), le(t.getAreaModel("body")) && (this.tree = !0), ["header", "body", "footer"].forEach(
       (a) => {
         var c;
-        this.colAndRowspanModels[a] = new st(t, t.getAreaModel(a)), (c = this.colAndRowspanModels[a]) == null || c.init();
+        this.colAndRowspanModels[a] = new ot(t, t.getAreaModel(a)), (c = this.colAndRowspanModels[a]) == null || c.init();
       }
     );
   }
@@ -1624,19 +1618,19 @@ class it extends tt {
    * @param {string[]} cssClasses - An array of CSS classes to be applied to the cell.
    */
   rerenderCellContent({ area: e, rowIndex: t, columnIndex: s, value: o, cssClasses: i }) {
-    const l = this.tableModel.getAreaModel(e), n = 'div[data-col-index="' + s + '"][data-row-index="' + t + '"][data-area="' + e + '"]', a = document.querySelector(n);
+    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 c;
-      const h = this.editorRenderer && this.editorRendererRow === t && this.editorRendererColumn === s ? this.editorRenderer : l.getCellRenderer(t, s);
+      const h = this.editorRenderer && this.editorRendererRow === t && this.editorRendererColumn === s ? this.editorRenderer : r.getCellRenderer(t, s);
       if (a.innerText = "", this.applyCssClasses(a, i), h)
-        c = h.render(a, t, s, e, l, o, this.dom.domService), c && this.cleanupFunctions[e].push(c);
+        c = h.render(a, t, s, e, r, o, this.dom.domService), c && this.cleanupFunctions[e].push(c);
       else {
         const b = `${o}`;
         this.dom.addLabelDiv(a, b, !1, t, s, e);
       }
-      const g = l.getCustomClassesAt(t, s);
+      const g = r.getCustomClassesAt(t, s);
       g.length && this.dom.addClasses(g, a);
-      const f = l.getCustomStyleAt(t, s);
+      const f = r.getCustomStyleAt(t, s);
       if (f)
         for (const b in f)
           this.dom.setStyle(a, b, f[b]);
@@ -1749,7 +1743,7 @@ class it extends tt {
    */
   adjustArea(e, t = 0) {
     var p;
-    const s = this.getArea(e, "west"), o = this.getArea(e, "center"), i = this.getArea(e, "east"), l = o.child.clientHeight;
+    const s = this.getArea(e, "west"), o = this.getArea(e, "center"), i = this.getArea(e, "east"), r = o.child.clientHeight;
     s.child.innerText = "", o.child.innerText = "", i.child.innerText = "";
     const n = 0, a = this.areaBodyCenterGeo.width, c = this.tableModel.getPadding(), d = this.tableModel.getAreaModel(e), h = d.getRowCount();
     for (; this.cleanupFunctions[e].length; ) {
@@ -1812,7 +1806,7 @@ class it extends tt {
           }
         }
       }
-      if (g = g + E, g > l)
+      if (g = g + E, g > r)
         break;
     }
     if (this.colAndRowspanModels && this.colAndRowspanModels[e]) {
@@ -1842,7 +1836,7 @@ class it extends tt {
    * @param sideIdent SideIdent (west,center,east)
    * @protected
    */
-  drawBigCell(e, t, s, o, i, l) {
+  drawBigCell(e, t, s, o, i, r) {
     const n = s + this.getRowHeights(0, e.r1 - 1, o).reduce((p, u) => p + u, 0), a = this.tableModel.getColumnCount(), c = this.tableModel.getFixedRightColumnCount();
     let d = 0;
     c > 0 && e.c1 >= a - c && (d = a - c);
@@ -1852,7 +1846,7 @@ class it extends tt {
     S && (b = S.getSelectionCount(e.r1, e.c1) > 0), e.gammaRange ? this.renderCell({
       areaModel: o,
       areaIdent: o.areaIdent,
-      sideIdent: l,
+      sideIdent: r,
       rowIndex: e.r1,
       columnIndex: e.c1,
       left: h,
@@ -1866,7 +1860,7 @@ class it extends tt {
     }) : this.renderCell({
       areaModel: o,
       areaIdent: o.areaIdent,
-      sideIdent: l,
+      sideIdent: r,
       rowIndex: e.r1,
       columnIndex: e.c1,
       left: h,
@@ -1899,8 +1893,8 @@ class it extends tt {
   findRowOfImportantRowspanCell(e, t, s) {
     const o = e.getMaxRowspan();
     for (let i = t - 1; i > -1; i--) {
-      const l = e.getRowspanAt(i, s);
-      if (l > 1 && i + l + 1 >= t)
+      const r = e.getRowspanAt(i, s);
+      if (r > 1 && i + r + 1 >= t)
         return i;
       if (t - i > o)
         return -1;
@@ -1920,7 +1914,7 @@ class it extends tt {
     areaModel: s,
     geo: o,
     parent: i,
-    rowIndex: l,
+    rowIndex: r,
     columnIndexStart: n,
     columnIndexEnd: a,
     verticalFixed: c = !1,
@@ -1939,22 +1933,22 @@ class it extends tt {
       const u = b, v = this.tableModel.getColumnWidth(p);
       if (v > 0 && u + v > 0) {
         let C = o.height;
-        const E = s.getRowspanAt(l, p), y = s.getColspanAt(l, p);
-        E > 1 && (C = this.getRowHeights(l, l + E - 1, s).reduce((T, D) => T + D, 0));
+        const E = s.getRowspanAt(r, p), y = s.getColspanAt(r, p);
+        E > 1 && (C = this.getRowHeights(r, r + E - 1, s).reduce((T, D) => T + D, 0));
         let m = v;
         y > 1 && (m = this.getColumnWidths(p, p + y - 1).reduce((T, D) => T + D, 0));
         let k = !1;
-        if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (S = this.colAndRowspanModels[e]) != null && S.isInRange(l, p) && (k = !0), this.draggingTargetColumnIndex === p && e !== "header") {
+        if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (S = this.colAndRowspanModels[e]) != null && S.isInRange(r, p) && (k = !0), this.draggingTargetColumnIndex === p && e !== "header") {
           this.renderDragTargetDiv(i, u, g, m, C);
           const T = { left: u, top: g, width: m, height: C };
           this.dom.addColumnBorderDivs(this.tableOptions, i, T, e, t);
         } else {
-          const T = this.renderSelectedBackgroundDiv(k, f, t, s, l, p, i, u, g, m, C);
-          "gammaCells" in s && s.getValueAt(l, p) && (k = !1), k || this.renderCell({
+          const T = this.renderSelectedBackgroundDiv(k, f, t, s, r, p, i, u, g, m, C);
+          "gammaCells" in s && s.getValueAt(r, p) && (k = !1), k || this.renderCell({
             areaModel: s,
             areaIdent: e,
             sideIdent: t,
-            rowIndex: l,
+            rowIndex: r,
             columnIndex: p,
             left: u,
             top: g,
@@ -1965,7 +1959,7 @@ class it extends tt {
             lastRowOfModel: d,
             gammaRange: !0
           }), e === "header" && this.tableOptions.columnsResizable && this.renderHeaderCellResizeHandle({
-            rowIndex: l,
+            rowIndex: r,
             columnIndex: p,
             cellLeft: u,
             cellTop: g,
@@ -1998,7 +1992,7 @@ class it extends tt {
     sideIdent: s,
     rowIndex: o,
     index: i,
-    left: l,
+    left: r,
     width: n,
     height: a,
     top: c,
@@ -2006,7 +2000,7 @@ class it extends tt {
     lastRowOfModel: h
   }) {
     var ge;
-    const f = this.editorRenderer && this.editorRendererRow === o && this.editorRendererColumn === i ? this.editorRenderer : e.getCellRenderer(o, i), b = { left: l, width: n, height: a, top: c, index: i }, S = e.getRowByIndex(o);
+    const f = this.editorRenderer && this.editorRendererRow === o && this.editorRendererColumn === i ? this.editorRenderer : e.getCellRenderer(o, i), b = { left: r, width: n, height: a, top: c, index: i }, S = e.getRowByIndex(o);
     let p = "none";
     if (i === this.getTreeArrowColumnIndex() && ie(S)) {
       const x = S;
@@ -2038,7 +2032,7 @@ class it extends tt {
     let D;
     f && (D = f.render(m, o, i, t, e, C, this.dom.domService));
     const _ = e.getCustomClassesAt(o, i);
-    if (_.length && this.dom.addClasses(_, m), this.dom.addColumnBorderDivs(this.tableOptions, d, b, t, s), h && this.dom.addHorizontalBorder({ left: l, width: n, height: a, top: c + a }, d), this.getFocusModel && t === "body") {
+    if (_.length && this.dom.addClasses(_, m), this.dom.addColumnBorderDivs(this.tableOptions, d, b, t, s), h && this.dom.addHorizontalBorder({ left: r, width: n, height: a, top: c + a }, d), this.getFocusModel && t === "body") {
       const x = this.getFocusModel();
       x != null && x.hasFocus(o, i) && this.dom.addFocusBorderDivs(d, b, {});
     }
@@ -2177,9 +2171,9 @@ class it extends tt {
   adjustDraggingColumn(e, t, s) {
     var o, i;
     if (this.dragging) {
-      const l = this.hostElement.clientHeight, n = this.storedColumnWidths[t];
+      const r = this.hostElement.clientHeight, n = this.storedColumnWidths[t];
       if ((o = e.originalEvent) != null && o.clientX) {
-        const d = { left: ((i = e.originalEvent) == null ? void 0 : i.clientX) - n / 2, width: n, height: l, top: 0, index: t };
+        const d = { left: ((i = e.originalEvent) == null ? void 0 : i.clientX) - n / 2, width: n, height: r, top: 0, index: t };
         this.dom.applyStyle(this.draggingColumn, {
           background: "rgba(128,128,128,0.2)",
           display: "block",
@@ -2209,10 +2203,10 @@ class it extends tt {
    * @return {number} The final y-position after rendering all the content.
    */
   renderContentOfDraggingColumnForArea(e, t, s = 0) {
-    const o = "center", i = this.tableModel.getAreaModel(t), l = i == null ? void 0 : i.getRowCount();
-    if (l) {
+    const o = "center", i = this.tableModel.getAreaModel(t), r = i == null ? void 0 : i.getRowCount();
+    if (r) {
       const n = e.index ?? 0, a = this.draggingColumn;
-      for (let c = 0; c < l; c++) {
+      for (let c = 0; c < r; c++) {
         const d = s, h = i.getRowHeight(c), g = { left: 0, width: e.width, height: h, top: d, index: c }, f = i.getValueAt(c, n), b = i.getCellRenderer(c, n), S = b ? "" : `${f}`, p = {
           parent: a,
           geo: g,
@@ -2259,10 +2253,10 @@ class it extends tt {
    * @return {HTMLDivElement} - The rendered draggable target div element.
    */
   renderDragTargetDiv(e, t, s, o, i) {
-    const l = this.dom.applyStylePosistionAbsolute(
+    const r = this.dom.applyStylePosistionAbsolute(
       this.dom.createDivWithClass("ge-table-drop-zone", e)
     );
-    return this.dom.setStyle(l, "left", `${t}px`), this.dom.setStyle(l, "top", `${s}px`), this.dom.setStyle(l, "width", `${o}px`), this.dom.setStyle(l, "height", `${i}px`), l;
+    return this.dom.setStyle(r, "left", `${t}px`), this.dom.setStyle(r, "top", `${s}px`), this.dom.setStyle(r, "width", `${o}px`), this.dom.setStyle(r, "height", `${i}px`), r;
   }
   /**
    * Render selected background div.
@@ -2281,12 +2275,12 @@ class it extends tt {
    * @param {number} height - The height of the div.
    * @returns {boolean} - Whether the cell is selected.
    */
-  renderSelectedBackgroundDiv(e, t, s, o, i, l, n, a, c, d, h) {
+  renderSelectedBackgroundDiv(e, t, s, o, i, r, n, a, c, d, h) {
     let g = !1;
-    if (!e && t && o.isSelectable(i, l) && this.getSelectionModel) {
+    if (!e && t && o.isSelectable(i, r) && this.getSelectionModel) {
       const f = this.getSelectionModel();
       if (f) {
-        const b = f.getSelectionCount(i, l);
+        const b = f.getSelectionCount(i, r);
         g = b > 0;
         for (let S = 0; S < b; S++) {
           const p = this.dom.applyStylePosistionAbsolute(
@@ -2324,7 +2318,7 @@ class it extends tt {
     sideIdent: s,
     rowIndex: o,
     columnIndex: i,
-    left: l,
+    left: r,
     top: n,
     width: a,
     height: c,
@@ -2338,7 +2332,7 @@ class it extends tt {
       sideIdent: s,
       rowIndex: o,
       index: i,
-      left: l,
+      left: r,
       width: a,
       height: c,
       top: n,
@@ -2361,17 +2355,17 @@ class it extends tt {
    *
    * @return {void}
    */
-  renderHeaderCellResizeHandle({ rowIndex: e, columnIndex: t, cellLeft: s, cellTop: o, cellWidth: i, cellHeight: l, parent: n }) {
+  renderHeaderCellResizeHandle({ rowIndex: e, columnIndex: t, cellLeft: s, cellTop: o, cellWidth: i, cellHeight: r, parent: n }) {
     const a = this.dom.domService, c = this.tableOptions.columnResizeHandleWidthInPx ?? 2, d = a.createElement("div");
-    a.setAttribute(d, "data-col-index", `${t}`), a.setAttribute(d, "data-row-index", `${e}`), a.setAttribute(d, "data-area", "header"), a.setAttribute(d, "data-ge-action", "resize-column"), a.addClass(d, "ge-table-column-resize-handle"), a.setStyle(d, "display", "clip"), a.setStyle(d, "position", "absolute"), a.setStyle(d, "cursor", "col-resize"), a.setStyle(d, "left", `${s + i - c}px`), a.setStyle(d, "top", `${o}px`), a.setStyle(d, "width", `${c}px`), a.setStyle(d, "height", `${l}px`), a.appendChild(n, d);
+    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 + i - c}px`), a.setStyle(d, "top", `${o}px`), a.setStyle(d, "width", `${c}px`), a.setStyle(d, "height", `${r}px`), a.appendChild(n, d);
   }
 }
-class lt {
+class rt {
   constructor(e, t) {
     this.columnIndex = e, this.sortState = t;
   }
 }
-class rt {
+class nt {
   constructor(e) {
     this.tableScope = e, this.tableScope.hostElement.addEventListener("change", this.onHostElementChanged.bind(this));
   }
@@ -2387,13 +2381,13 @@ class rt {
     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 l = ae(s), n = Number(o), a = Number(i);
-        this.tableScope.updateModelValueAfterEdit(l, n, a, t.value);
+        const r = ae(s), n = Number(o), a = Number(i);
+        this.tableScope.updateModelValueAfterEdit(r, n, a, t.value);
       }
     }
   }
 }
-class nt {
+class at {
   constructor(e = -1, t = -1) {
     this.rowIndex = e, this.columnIndex = t;
   }
@@ -2403,20 +2397,20 @@ class ce {
     this.cells = e;
   }
   static createSingle(e, t) {
-    return new ce([new nt(e, t)]);
+    return new ce([new at(e, t)]);
   }
 }
-class at {
+class dt {
   constructor(e) {
     var t, s;
     this.tableScope = e, (t = this.tableScope.tableOptions) != null && t.getSelectionModel && (this.getSelectionModel = this.tableScope.tableOptions.getSelectionModel), (s = this.tableScope.tableOptions) != null && s.getFocusModel && (this.getFocusModel = this.tableScope.tableOptions.getFocusModel);
   }
   onMouseClicked(e, t) {
-    var i, l, n, a, c, d, h;
+    var i, r, n, a, c, d, h;
     let s = !1, o = !1;
     if (this.getSelectionModel && this.getFocusModel) {
       const g = this.getSelectionModel(), f = this.getFocusModel();
-      g && f && (f.hasFocus(e.rowIndex, e.columnIndex) || (f.setFocus(e.rowIndex, e.columnIndex), this.tableScope.onFocusChanged(f), s = !0), (i = e.originalEvent) != null && i.shiftKey || g.hasSelection() && (g.clear(), s = !0), (l = e.originalEvent) != null && l.shiftKey && this.previousEvt ? (g.addSelection(this.createRangeByEvents(e, this.previousEvt)), o = !0, s = !0) : (n = e.originalEvent) != null && n.altKey && ((a = e.originalEvent) != null && a.ctrlKey || (c = e.originalEvent) != null && c.metaKey) ? (g.removeSelection(A.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (d = e.originalEvent) != null && d.ctrlKey || (h = e.originalEvent) != null && h.metaKey ? (g.addSelection(A.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (g.firstClick(e.rowIndex, e.columnIndex), s = !0), this.tableScope.onSelectionChanged(g));
+      g && f && (f.hasFocus(e.rowIndex, e.columnIndex) || (f.setFocus(e.rowIndex, e.columnIndex), this.tableScope.onFocusChanged(f), s = !0), (i = e.originalEvent) != null && i.shiftKey || g.hasSelection() && (g.clear(), s = !0), (r = e.originalEvent) != null && r.shiftKey && this.previousEvt ? (g.addSelection(this.createRangeByEvents(e, this.previousEvt)), o = !0, s = !0) : (n = e.originalEvent) != null && n.altKey && ((a = e.originalEvent) != null && a.ctrlKey || (c = e.originalEvent) != null && c.metaKey) ? (g.removeSelection(A.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (d = e.originalEvent) != null && d.ctrlKey || (h = e.originalEvent) != null && h.metaKey ? (g.addSelection(A.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (g.firstClick(e.rowIndex, e.columnIndex), s = !0), this.tableScope.onSelectionChanged(g));
     }
     return o ? this.previousEvt = void 0 : this.previousEvt = e == null ? void 0 : e.clone(), s;
   }
@@ -2438,16 +2432,16 @@ class at {
   }
   createRangeByEvents(e, t) {
     t || (t = e);
-    const s = Math.min(e.rowIndex, t == null ? void 0 : t.rowIndex), o = Math.max(e.rowIndex, t == null ? void 0 : t.rowIndex), i = Math.min(e.columnIndex, t == null ? void 0 : t.columnIndex), l = Math.max(e.columnIndex, t == null ? void 0 : t.columnIndex);
+    const s = Math.min(e.rowIndex, t == null ? void 0 : t.rowIndex), o = Math.max(e.rowIndex, t == null ? void 0 : t.rowIndex), i = Math.min(e.columnIndex, t == null ? void 0 : t.columnIndex), r = Math.max(e.columnIndex, t == null ? void 0 : t.columnIndex);
     return A.create({
       rowIndex1: s,
       columnIndex1: i,
       rowIndex2: o,
-      columnIndex2: l
+      columnIndex2: r
     });
   }
 }
-class dt {
+class ct {
   get() {
     return {
       f2: "START_EDITING",
@@ -2467,7 +2461,7 @@ class dt {
     };
   }
 }
-class ct {
+class ht {
   get() {
     return {
       f2: "START_EDITING",
@@ -2489,7 +2483,7 @@ class ct {
     };
   }
 }
-class ht {
+class gt {
   constructor(e) {
     this.tableScope = e, this.shortcutActionIdMapping = {}, this.listener = [], this.listener.push(e), this.init();
   }
@@ -2510,7 +2504,7 @@ class ht {
     this.assignPredefinedSystemShortcutMappings(), Object.assign(this.shortcutActionIdMapping, this.tableScope.tableOptions.shortcutActionIdMapping), this.isDebug() && console.debug("ShortcutService", this.shortcutActionIdMapping), this.tableScope.hostElement.addEventListener("keydown", this.onKeyDown.bind(this));
   }
   assignPredefinedSystemShortcutMappings() {
-    this.isMacintosh() ? Object.assign(this.shortcutActionIdMapping, new ct().get()) : Object.assign(this.shortcutActionIdMapping, new dt().get());
+    this.isMacintosh() ? Object.assign(this.shortcutActionIdMapping, new ht().get()) : Object.assign(this.shortcutActionIdMapping, new ct().get());
   }
   isMacintosh() {
     return navigator.platform.indexOf("Mac") > -1;
@@ -2562,7 +2556,7 @@ class ht {
     return this.shortcutActionIdMapping;
   }
 }
-class be {
+class fe {
   onCheckboxChanged(e) {
   }
   onContextmenu(e) {
@@ -2582,7 +2576,7 @@ class be {
   onFocusChanged(e) {
   }
 }
-class Me {
+class Re {
   setStyle(e, t, s) {
     return e.style[t] = s, e;
   }
@@ -2609,8 +2603,8 @@ class Me {
     e.setAttribute(t, s);
   }
 }
-class gt {
-  render(e, t, s, o, i, l, n) {
+class ut {
+  render(e, t, s, o, i, r, n) {
     if (i.isEditable(t, s)) {
       n.addClass(e, "ge-table-row-input-div");
       const a = i.getValueAt(t, s);
@@ -2630,9 +2624,23 @@ class gt {
     }
   }
 }
-class ut {
+class pt {
   constructor(e = "none", t = "single") {
-    this.selectionType = e, this.selectionMode = t, this.ranges = [], this.negativeRanges = [], this.allSelected = !1;
+    this.selectionType = e, this.selectionMode = t, this.ranges = [], this.negativeRanges = [], this.allSelected = !1, this.silent = !1, this.listenerArr = [];
+  }
+  getEventSelectionChangedListeners() {
+    return this.listenerArr;
+  }
+  addEventSelectionChangedListener(e) {
+    this.listenerArr.includes(e) || this.listenerArr.push(e);
+  }
+  removeEventSelectionChangedListener(e) {
+    const t = this.listenerArr.indexOf(e, 0);
+    t > -1 && this.listenerArr.splice(t, 1);
+  }
+  //@AvoidDoubleExecution(100)
+  fireChangeEvent() {
+    this.silent || this.listenerArr.forEach((e) => e.onSelectionChanged(this));
   }
   firstClick(e, t) {
     this.selectionType === "row" ? this.addRange(A.singleRow(e)) : this.selectionType === "column" && this.addRange(A.singleColumn(t));
@@ -2653,7 +2661,7 @@ class ut {
     return this.ranges;
   }
   clear() {
-    this.ranges = [], this.negativeRanges = [], this.allSelected = !1;
+    this.ranges = [], this.negativeRanges = [], this.allSelected = !1, this.fireChangeEvent();
   }
   hasSelection() {
     return this.allSelected || !!this.ranges.length;
@@ -2674,19 +2682,19 @@ class ut {
     return Array.from(e);
   }
   selectAll() {
-    this.allSelected = !0;
+    this.allSelected = !0, this.fireChangeEvent();
   }
   isAllSelected() {
     return this.allSelected;
   }
   addSelection(e) {
-    this.addRange(e);
+    this.addRange(e), this.fireChangeEvent();
   }
   removeSelection(e) {
     if (this.selectionType === "none")
       return;
     let t = e;
-    this.selectionType === "row" ? t = A.singleRow(e.r1) : this.selectionType === "column" && (t = A.singleColumn(e.c1)), this.negativeRanges.push(t);
+    this.selectionType === "row" ? t = A.singleRow(e.r1) : this.selectionType === "column" && (t = A.singleColumn(e.c1)), this.negativeRanges.push(t), this.fireChangeEvent();
   }
   togglePoint(e, t) {
     this.getSelectionCount(e, t) > 0 ? this.removeSelection(A.singleCell(e, t)) : this.addSelection(A.singleCell(e, t));
@@ -2695,12 +2703,26 @@ class ut {
     return this.getSelectionCount(e, t) > 0;
   }
   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));
+    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 pt {
+class bt {
   constructor(e = "none") {
-    this.selectionType = e, this.rowIndex = -1, this.columnIndex = -1, this.changed = !1;
+    this.selectionType = e, this.rowIndex = -1, this.columnIndex = -1, this.changed = !1, this.listenerArr = [];
+  }
+  getEventFocusChangedListeners() {
+    return this.listenerArr;
+  }
+  addEventFocusChangedListener(e) {
+    this.listenerArr.includes(e) || this.listenerArr.push(e);
+  }
+  removeEventFocusChangedListener(e) {
+    const t = this.listenerArr.indexOf(e, 0);
+    t > -1 && this.listenerArr.splice(t, 1);
+  }
+  //@AvoidDoubleExecution(100)
+  fireChangeEvent() {
+    this.listenerArr.forEach((e) => e.onFocusChanged(this));
   }
   clearChanged() {
     this.changed = !1;
@@ -2709,10 +2731,10 @@ class pt {
     return this.changed;
   }
   clear() {
-    this.rowIndex = -1, this.columnIndex = -1;
+    this.rowIndex = -1, this.columnIndex = -1, this.fireChangeEvent();
   }
   setFocus(e, t) {
-    (this.rowIndex !== e || this.columnIndex !== t) && (this.rowIndex = e, this.columnIndex = t, this.changed = !0);
+    (this.rowIndex !== e || this.columnIndex !== t) && (this.rowIndex = e, this.columnIndex = t, this.changed = !0, this.fireChangeEvent());
   }
   hasFocus(e, t) {
     return this.rowIndex === e && this.columnIndex === t;
@@ -2721,12 +2743,12 @@ class pt {
     return [this.rowIndex, this.columnIndex];
   }
 }
-class Re {
-  constructor(e = new I(
+class Te {
+  constructor(e = new F(
     "❯",
     "",
     ["gt-table-icon-expanded"]
-  ), t = new I(
+  ), t = new F(
     "❯",
     "transform: rotate(180deg) translate(-100%, -100%); transform-origin: 0 0;",
     ["ge-table-icon-collapsed"]
@@ -2735,14 +2757,14 @@ class Re {
   }
   // `⊖ `,  `⊕ `;
 }
-const bt = new ut(), ft = new pt("cell");
-class Te {
+const ft = new pt(), St = new bt("cell");
+class De {
   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 Ee(), this.headerGroupOptions = new Re(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new Ae(), this.sortOrder = ["asc", "desc"], this.getEditRenderer = (e, t) => new gt(), this.getSelectionModel = () => bt, this.getFocusModel = () => ft;
+    }, 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.getEditRenderer = (e, t) => new ut(), this.getSelectionModel = () => ft, this.getFocusModel = () => St;
   }
 }
 const P = class P {
@@ -2758,13 +2780,13 @@ const P = class P {
   createContent(e, t, s) {
     return new Promise((o, i) => {
       if (t != null && t.hasSelection()) {
-        const l = this.mergeRanges(t.getRanges());
-        if (l) {
-          l.c2 = Math.min(l.c2, e.getColumnCount() - 1), l.r2 = Math.min(l.r2, e.getBodyModel().getRowCount() - 1);
+        const r = this.mergeRanges(t.getRanges());
+        if (r) {
+          r.c2 = Math.min(r.c2, e.getColumnCount() - 1), r.r2 = Math.min(r.r2, e.getBodyModel().getRowCount() - 1);
           const n = [];
-          for (let a = l.r1; a <= l.r2; a++) {
+          for (let a = r.r1; a <= r.r2; a++) {
             const c = [];
-            for (let d = l.c1; d <= l.c2; d++) {
+            for (let d = r.c1; d <= r.c2; d++) {
               const h = t.isSelected(a, d) ? e.getBodyModel().getTextValueAt(a, d) : "";
               c.push(h);
             }
@@ -2774,7 +2796,7 @@ const P = class P {
         }
       }
       if (s) {
-        const [l, n] = s.getFocus(), a = e.getBodyModel().getTextValueAt(l, n);
+        const [r, n] = s.getFocus(), a = e.getBodyModel().getTextValueAt(r, n);
         return o(a);
       }
       i("Cannot copy, neither selection nor focus defined.");
@@ -2803,13 +2825,13 @@ const P = class P {
         e,
         t,
         s
-      ).then((l) => {
-        l && this.copyContent(l).then((n) => {
-          o(l);
+      ).then((r) => {
+        r && this.copyContent(r).then((n) => {
+          o(r);
         }).catch((n) => {
           i();
         });
-      }).catch((l) => {
+      }).catch((r) => {
         i();
       });
     });
@@ -2830,19 +2852,18 @@ const P = class P {
 P.columnSeparatorChar = "	", P.rowSeparatorChar = `
 `;
 let K = P;
-class he extends it {
-  constructor(e, t, s, o, i, l = new K()) {
-    var n;
-    if (super(
-      e,
-      t,
-      new Ke(s),
-      o
-    ), this.eventListener = i, this.copyService = l, this.licenseManager = $.getInstance(), this.selectionService = new at(this), this.api = new qe(this), this.mouseStartAction = "", this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, this.lastDragFrom = -1, this.lastDragTo = -1, this.firstDraggingRendering = !0, i || (this.eventListener = new be()), (n = this.tableOptions) != null && n.autoRestoreOptions) {
-      const a = this.tableOptions.autoRestoreOptions, c = a.getStorageKeyFn;
-      c && (a.autoRestoreScrollPosition && (this.storeScrollPosStateService = new Je(c)), a.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new Ze(c)), a.autoRestoreSortingState && (this.storeSortingService = new et(c)));
+class he extends lt {
+  constructor(e, t, s, o, i, r = new K()) {
+    var c;
+    if (super(e, t, new Ye(s), o), this.eventListener = i, this.copyService = r, this.licenseManager = $.getInstance(), this.selectionService = new dt(this), this.api = new Je(this), this.mouseStartAction = "", this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, this.lastDragFrom = -1, this.lastDragTo = -1, this.firstDraggingRendering = !0, i || (this.eventListener = new fe()), (c = this.tableOptions) != null && c.autoRestoreOptions) {
+      const d = this.tableOptions.autoRestoreOptions, h = d.getStorageKeyFn;
+      h && (d.autoRestoreScrollPosition && (this.storeScrollPosStateService = new Qe(h)), d.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new et(h)), d.autoRestoreSortingState && (this.storeSortingService = new tt(h)));
     }
-    this.mouseHandler = new Ue(this), this.inputHandler = new rt(this), this.shortcutService = new ht(this), this.shortcutService.addListener(this.selectionService);
+    this.mouseHandler = new qe(this), this.inputHandler = new nt(this), this.shortcutService = new gt(this), this.shortcutService.addListener(this.selectionService);
+    const n = this.getSelectionModel ? this.getSelectionModel() : void 0;
+    n && n.addEventSelectionChangedListener(this);
+    const a = this.getFocusModel ? this.getFocusModel() : void 0;
+    a && a.addEventFocusChangedListener(this);
   }
   /**
    * Creates a TableScope instance.
@@ -2856,15 +2877,8 @@ class he extends it {
    *
    * @return {TableScope} - The newly created TableScope instance.
    */
-  static create(e, t, s = new Te(), o = new be(), i = new Me(), l = new K()) {
-    return new he(
-      e,
-      t,
-      i,
-      s,
-      o,
-      l
-    );
+  static create(e, t, s = new De(), o = new fe(), i = new Re(), r = new K()) {
+    return new he(e, t, i, s, o, r);
   }
   /**
    * Triggers an action based on the provided actionId.
@@ -3004,8 +3018,8 @@ class he extends it {
    */
   toggleRowCheckbox(e, t, s) {
     var a;
-    const o = this.tableModel.getAreaModel(s), i = o.isRowChecked(e), l = i === void 0 || i === "semi" || i === "none";
-    o.setRowChecked(e, l), this.repaint();
+    const o = this.tableModel.getAreaModel(s), i = o.isRowChecked(e), r = i === void 0 || i === "semi" || i === "none";
+    o.setRowChecked(e, r), this.repaint();
     const n = (a = o.rowSelectionModel) == null ? void 0 : a.getCheckedRows();
     this.eventListener.onCheckboxChanged(n || []);
   }
@@ -3057,12 +3071,12 @@ class he extends it {
    * @return {void}
    */
   onHeaderDblClicked(e, t, s) {
-    var i, l;
+    var i, r;
     const o = this.tableModel.getColumnDef(s);
     if (o != null && o.sortable && o.sortable()) {
       e.preventDefault(), e.stopPropagation();
-      const n = o.sortStatesOrder ? o.sortStatesOrder : this.tableOptions.sortOrder, a = o.sortState ?? "", c = n[(n.indexOf(a) + 1) % n.length], d = new lt(s, c);
-      this.tableModel.doSort([d]) && ((i = this.tableModel.getColumnDefs()) == null || i.forEach((g) => g.sortState = ""), o.sortState = c), this.repaint(), (l = this.storeSortingService) == null || l.setSortItems([d]);
+      const n = o.sortStatesOrder ? o.sortStatesOrder : this.tableOptions.sortOrder, a = o.sortState ?? "", c = n[(n.indexOf(a) + 1) % n.length], d = new rt(s, c);
+      this.tableModel.doSort([d]) && ((i = this.tableModel.getColumnDefs()) == null || i.forEach((g) => g.sortState = ""), o.sortState = c), this.repaint(), (r = this.storeSortingService) == null || r.setSortItems([d]);
     }
   }
   /**
@@ -3206,11 +3220,11 @@ class he extends it {
     if ((t = (e = this.tableOptions) == null ? void 0 : e.autoRestoreOptions) != null && t.getRowId && this.storeStateCollapsedExpandService) {
       const s = this.tableOptions.autoRestoreOptions, o = s.getRowId;
       if (s.autoRestoreCollapsedExpandedState && o) {
-        const i = this.storeStateCollapsedExpandService.collapsedExpandedStateGet(), l = this.tableModel.getAreaModel("body");
-        if (le(l)) {
-          const n = l, a = l.getRowCount();
+        const i = this.storeStateCollapsedExpandService.collapsedExpandedStateGet(), r = this.tableModel.getAreaModel("body");
+        if (le(r)) {
+          const n = r, a = r.getRowCount();
           for (let c = 0; c < a; c++) {
-            const d = l.getRowByIndex(c);
+            const d = r.getRowByIndex(c);
             if (d)
               if (i.allExpanded)
                 d.expanded = !0;
@@ -3463,30 +3477,30 @@ Y.themes = ["light", "combat", "paper", "blackboard"], Y.vars = {
   --ge-table-drop-zone-bg: #758129;
 }`
 };
-let fe = Y;
+let Se = Y;
 const U = class U {
-  constructor(e = new Re()) {
+  constructor(e = new Te()) {
     this.headerGroupOptions = e;
   }
-  render(e, t, s, o, i, l, n) {
-    const a = l != null && l.data ? l.data : "";
-    if (l) {
-      const { toggle: c, visibility: d, closed: h } = l, g = c ? U.toggleHeaderGroup : "";
+  render(e, t, s, o, i, r, n) {
+    const a = r != null && r.data ? r.data : "";
+    if (r) {
+      const { toggle: c, visibility: d, closed: h } = r, g = c ? U.toggleHeaderGroup : "";
       this.addText(e, o, t, s, a, g), c && d !== "always" && this.addArrowDiv(n, e, !h, t, s, o, g);
     } else
       this.addText(e, o, t, s, a, "");
   }
-  addText(e, t, s, o, i, l) {
+  addText(e, t, s, o, i, r) {
     e.innerHTML = `<span 
-                data-ge-action="${l}"
+                data-ge-action="${r}"
                 data-area="${t}"
                 data-row-index="${s}"
                 data-col-index="${o}"
                 >${i}</span>`;
   }
-  addArrowDiv(e, t, s = !0, o = -1, i = -1, l = "header", n) {
+  addArrowDiv(e, t, s = !0, o = -1, i = -1, r = "header", n) {
     const a = e.createElement("div");
-    e.addClass(a, "ge-table-toggle-icon-div"), e.setStyle(a, "display", "inline-block"), e.setStyle(a, "position", ""), e.setStyle(a, "width", "20px"), e.setStyle(a, "background", "transparent"), e.setStyle(a, "cursor", "pointer"), e.setAttribute(a, "data-row-index", `${o}`), e.setAttribute(a, "data-col-index", `${i}`), e.setAttribute(a, "data-area", `${l}`), e.setAttribute(a, "data-ge-action", `${n}`);
+    e.addClass(a, "ge-table-toggle-icon-div"), e.setStyle(a, "display", "inline-block"), e.setStyle(a, "position", ""), e.setStyle(a, "width", "20px"), e.setStyle(a, "background", "transparent"), e.setStyle(a, "cursor", "pointer"), e.setAttribute(a, "data-row-index", `${o}`), e.setAttribute(a, "data-col-index", `${i}`), e.setAttribute(a, "data-area", `${r}`), e.setAttribute(a, "data-ge-action", `${n}`);
     let c;
     s ? c = this.headerGroupOptions.iconExpanded : c = this.headerGroupOptions.iconCollapsed;
     const d = c.content, h = e.createText(d);
@@ -3498,85 +3512,86 @@ const U = class U {
   applyStyleString(e, t, s) {
     const o = s.split(";").map((i) => i.trim()).filter((i) => i);
     for (const i of o) {
-      const [l, n] = i.split(":");
-      e.setStyle(t, l.trim(), n.trim());
+      const [r, n] = i.split(":");
+      e.setStyle(t, r.trim(), n.trim());
     }
   }
 };
 U.toggleHeaderGroup = "toggleHeaderGroup";
-let Se = U;
-const St = /* @__PURE__ */ ze("<div>"), vt = (r) => {
+let me = U;
+var mt = /* @__PURE__ */ je("<div>");
+const wt = (l) => {
   let e;
-  const t = xe({
+  const t = Ee({
     tableModel: null,
-    tableOptions: new Te()
-  }, r);
-  return Fe(() => {
+    tableOptions: new De()
+  }, l);
+  return Le(() => {
     const s = {
-      onSelectionChanged(l) {
+      onSelectionChanged(r) {
         const n = new CustomEvent("selectionChanged", {
-          detail: l,
+          detail: r,
           bubbles: !0
         });
         e && e.dispatchEvent(n);
       },
-      onFocusChanged(l) {
+      onFocusChanged(r) {
         const n = new CustomEvent("focusChanged", {
-          detail: l,
+          detail: r,
           bubbles: !0
         });
         e && e.dispatchEvent(n);
       },
-      onCheckboxChanged: (l) => {
+      onCheckboxChanged: (r) => {
         const n = new CustomEvent("checkboxChanged", {
-          detail: l,
+          detail: r,
           bubbles: !0
         });
         e && e.dispatchEvent(n);
       },
-      onContextmenu: (l) => {
+      onContextmenu: (r) => {
         const n = new CustomEvent("contextmenu", {
-          detail: l,
+          detail: r,
           bubbles: !0
         });
         e && e.dispatchEvent(n);
       },
-      onModelChanged: (l) => {
+      onModelChanged: (r) => {
         const n = new CustomEvent("modelChanged", {
-          detail: l,
+          detail: r,
           bubbles: !0
         });
         e && e.dispatchEvent(n);
       },
-      onMouseClicked: (l) => {
+      onMouseClicked: (r) => {
         const n = new CustomEvent("mouseClicked", {
-          detail: l,
+          detail: r,
           bubbles: !0
         });
         e && e.dispatchEvent(n);
       },
-      onMouseDragging: (l) => {
+      onMouseDragging: (r) => {
         const n = new CustomEvent("mouseDragging", {
-          detail: l,
+          detail: r,
           bubbles: !0
         });
         e && e.dispatchEvent(n);
       },
-      onMouseDraggingEnd: (l) => {
+      onMouseDraggingEnd: (r) => {
         const n = new CustomEvent("mouseDraggingEnd", {
-          detail: l,
+          detail: r,
           bubbles: !0
         });
         e && e.dispatchEvent(n);
       },
-      onMouseMoved: (l) => {
+      onMouseMoved: (r) => {
         const n = new CustomEvent("mouseMoved", {
-          detail: l,
+          detail: r,
           bubbles: !0
         });
         e && e.dispatchEvent(n);
       }
-    }, o = new he(e, t.tableModel, new Me(), t.tableOptions, s);
+    }, o = new he(e, t.tableModel, new Re(), t.tableOptions, s);
     o.firstInit();
     const i = new CustomEvent("tableReady", {
       detail: o.getApi(),
@@ -3584,12 +3599,12 @@ const St = /* @__PURE__ */ ze("<div>"), vt = (r) => {
     });
     e && e.dispatchEvent(i), t.licenseKey && $.getInstance().setLicenseKey(t.licenseKey);
   }), (() => {
-    const s = St(), o = e;
-    return typeof o == "function" ? je(o, s) : e = s, s;
+    var s = mt(), o = e;
+    return typeof o == "function" ? Xe(o, s) : e = s, s;
   })();
 };
 export {
-  mt as ComponentRendererWrapper,
-  vt as GuiexpertTable,
-  yt as GuiexpertTableProps
+  yt as ComponentRendererWrapper,
+  wt as GuiexpertTable,
+  vt as GuiexpertTableProps
 };