@guiexpert/solid-table 1.0.10 → 1.0.11

package/index.js

@@ -2,24 +2,24 @@ const we = (l, e) => l === e, q = Symbol("solid-proxy"), ae = {
   equals: we
 };
 let ce = pe;
-const L = 1, _ = 2, ue = {
+const L = 1, k = 2, ue = {
   owned: null,
   cleanups: null,
   context: null,
   owner: null
 };
 var A = null;
-let Y = null, b = null, E = null, F = null, z = 0;
-function xe(l, e) {
-  const t = b, s = A, i = l.length === 0, o = e === void 0 ? s : e, n = i ? ue : {
+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
-  }, r = i ? l : () => l(() => P(() => X(n)));
-  A = n, b = null;
+  }, n = i ? l : () => l(() => P(() => K(r)));
+  A = r, b = null;
   try {
-    return H(r, !0);
+    return H(n, !0);
   } finally {
     b = t, A = s;
   }
@@ -28,7 +28,7 @@ function J(l, e, t) {
   const s = te(l, e, !1, L);
   W(s);
 }
-function Ce(l, e, t) {
+function xe(l, e, t) {
   ce = Ie;
   const s = te(l, e, !1, L);
   (!t || !t.render) && (s.user = !0), F ? F.push(s) : W(s);
@@ -50,7 +50,7 @@ function P(l) {
   }
 }
 function Ae(l) {
-  Ce(() => P(l));
+  xe(() => P(l));
 }
 function Me() {
   if (this.sources && this.state)
@@ -70,8 +70,8 @@ function Re(l, e, t) {
   let s = l.value;
   return (!l.comparator || !l.comparator(s, e)) && (l.value = e, l.observers && l.observers.length && H(() => {
     for (let i = 0; i < l.observers.length; i += 1) {
-      const o = l.observers[i], n = Y && Y.running;
-      n && Y.disposed.has(o), (n ? !o.tState : !o.state) && (o.pure ? E.push(o) : F.push(o), o.observers && fe(o)), n || (o.state = L);
+      const o = l.observers[i], r = Y && Y.running;
+      r && Y.disposed.has(o), (r ? !o.tState : !o.state) && (o.pure ? E.push(o) : F.push(o), o.observers && fe(o)), r || (o.state = L);
     }
     if (E.length > 1e6)
       throw E = [], new Error();
@@ -80,8 +80,8 @@ function Re(l, e, t) {
 function W(l) {
   if (!l.fn)
     return;
-  X(l);
-  const e = A, t = b, s = z;
+  K(l);
+  const e = A, t = b, s = X;
   b = A = l, Te(l, l.value, s), b = t, A = e;
 }
 function Te(l, e, t) {
@@ -89,7 +89,7 @@ function Te(l, e, t) {
   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, Se(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 ? Re(l, s) : l.value = s, l.updatedAt = t);
 }
@@ -112,17 +112,17 @@ function te(l, e, t, s = L, i) {
 function G(l) {
   if (l.state === 0)
     return;
-  if (l.state === _)
+  if (l.state === k)
     return N(l);
   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)
       W(l);
-    else if (l.state === _) {
+    else if (l.state === k) {
       const s = E;
       E = null, H(() => N(l, e[0]), !1), E = s;
     }
@@ -131,7 +131,7 @@ function H(l, e) {
   if (E)
     return l();
   let t = !1;
-  e || (E = []), F ? t = !0 : F = [], z++;
+  e || (E = []), F ? t = !0 : F = [], X++;
   try {
     const s = l();
     return De(t), s;
@@ -164,29 +164,29 @@ 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 === _ && N(s, e);
+      i === L ? s !== e && (!s.updatedAt || s.updatedAt < X) && G(s) : i === k && N(s, e);
     }
   }
 }
 function fe(l) {
   for (let e = 0; e < l.observers.length; e += 1) {
     const t = l.observers[e];
-    t.state || (t.state = _, t.pure ? E.push(t) : F.push(t), t.observers && fe(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; ) {
       const t = l.sources.pop(), s = l.sourceSlots.pop(), i = t.observers;
       if (i && i.length) {
-        const o = i.pop(), n = t.observerSlots.pop();
-        s < i.length && (o.sourceSlots[n] = s, i[s] = o, t.observerSlots[s] = n);
+        const o = i.pop(), r = t.observerSlots.pop();
+        s < i.length && (o.sourceSlots[r] = s, i[s] = o, t.observerSlots[s] = r);
       }
     }
   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) {
@@ -204,7 +204,7 @@ function Oe(l) {
 function Se(l, e = A) {
   throw Oe(l);
 }
-function k() {
+function _() {
   return !0;
 }
 const Fe = {
@@ -214,8 +214,8 @@ const Fe = {
   has(l, e) {
     return e === q ? !0 : l.has(e);
   },
-  set: k,
-  deleteProperty: k,
+  set: _,
+  deleteProperty: _,
   getOwnPropertyDescriptor(l, e) {
     return {
       configurable: !0,
@@ -223,8 +223,8 @@ const Fe = {
       get() {
         return l.get(e);
       },
-      set: k,
-      deleteProperty: k
+      set: _,
+      deleteProperty: _
     };
   },
   ownKeys(l) {
@@ -244,104 +244,104 @@ function Le() {
 function ge(...l) {
   let e = !1;
   for (let o = 0; o < l.length; o++) {
-    const n = l[o];
-    e = e || !!n && q in n, l[o] = typeof n == "function" ? (e = !0, Ee(n)) : n;
+    const r = l[o];
+    e = e || !!r && q in r, l[o] = typeof r == "function" ? (e = !0, Ee(r)) : r;
   }
   if (e)
     return new Proxy({
       get(o) {
-        for (let n = l.length - 1; n >= 0; n--) {
-          const r = U(l[n])[o];
-          if (r !== void 0)
-            return r;
+        for (let r = l.length - 1; r >= 0; r--) {
+          const n = U(l[r])[o];
+          if (n !== void 0)
+            return n;
         }
       },
       has(o) {
-        for (let n = l.length - 1; n >= 0; n--)
-          if (o in U(l[n]))
+        for (let r = l.length - 1; r >= 0; r--)
+          if (o in U(l[r]))
             return !0;
         return !1;
       },
       keys() {
         const o = [];
-        for (let n = 0; n < l.length; n++)
-          o.push(...Object.keys(U(l[n])));
+        for (let r = 0; r < l.length; r++)
+          o.push(...Object.keys(U(l[r])));
         return [...new Set(o)];
       }
     }, Fe);
   const t = {}, s = {}, i = /* @__PURE__ */ new Set();
   for (let o = l.length - 1; o >= 0; o--) {
-    const n = l[o];
-    if (!n)
+    const r = l[o];
+    if (!r)
       continue;
-    const r = Object.getOwnPropertyNames(n);
-    for (let a = 0, h = r.length; a < h; a++) {
-      const d = r[a];
+    const n = Object.getOwnPropertyNames(r);
+    for (let a = 0, h = n.length; a < h; a++) {
+      const d = n[a];
       if (d === "__proto__" || d === "constructor")
         continue;
-      const c = Object.getOwnPropertyDescriptor(n, d);
+      const c = Object.getOwnPropertyDescriptor(r, d);
       if (!i.has(d))
         c.get ? (i.add(d), Object.defineProperty(t, d, {
           enumerable: !0,
           configurable: !0,
-          get: Le.bind(s[d] = [c.get.bind(n)])
+          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];
-        p ? c.get ? p.push(c.get.bind(n)) : c.value !== void 0 && p.push(() => c.value) : t[d] === void 0 && (t[d] = c.value);
+        p ? c.get ? p.push(c.get.bind(r)) : c.value !== void 0 && p.push(() => c.value) : t[d] === void 0 && (t[d] = c.value);
       }
     }
   }
   return t;
 }
 function $e(l, e, t) {
-  let s = t.length, i = e.length, o = s, n = 0, r = 0, a = e[i - 1].nextSibling, h = null;
-  for (; n < i || r < o; ) {
-    if (e[n] === t[r]) {
-      n++, r++;
+  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]) {
+      r++, n++;
       continue;
     }
     for (; e[i - 1] === t[o - 1]; )
       i--, o--;
-    if (i === n) {
-      const d = o < s ? r ? t[r - 1].nextSibling : t[o - r] : a;
-      for (; r < o; )
-        l.insertBefore(t[r++], d);
-    } else if (o === r)
-      for (; n < i; )
-        (!h || !h.has(e[n])) && e[n].remove(), n++;
-    else if (e[n] === t[o - 1] && t[r] === e[i - 1]) {
+    if (i === r) {
+      const d = o < s ? n ? t[n - 1].nextSibling : t[o - n] : a;
+      for (; n < o; )
+        l.insertBefore(t[n++], d);
+    } else if (o === n)
+      for (; r < i; )
+        (!h || !h.has(e[r])) && e[r].remove(), r++;
+    else if (e[r] === t[o - 1] && t[n] === e[i - 1]) {
       const d = e[--i].nextSibling;
-      l.insertBefore(t[r++], e[n++].nextSibling), l.insertBefore(t[--o], d), e[i] = t[o];
+      l.insertBefore(t[n++], e[r++].nextSibling), l.insertBefore(t[--o], d), e[i] = t[o];
     } else {
       if (!h) {
         h = /* @__PURE__ */ new Map();
-        let c = r;
+        let c = n;
         for (; c < o; )
           h.set(t[c], c++);
       }
-      const d = h.get(e[n]);
+      const d = h.get(e[r]);
       if (d != null)
-        if (r < d && d < o) {
-          let c = n, p = 1, g;
+        if (n < d && d < o) {
+          let c = r, p = 1, g;
           for (; ++c < i && c < o && !((g = h.get(e[c])) == null || g !== d + p); )
             p++;
-          if (p > d - r) {
-            const u = e[n];
-            for (; r < d; )
-              l.insertBefore(t[r++], u);
+          if (p > d - n) {
+            const u = e[r];
+            for (; n < d; )
+              l.insertBefore(t[n++], u);
           } else
-            l.replaceChild(t[r++], e[n++]);
+            l.replaceChild(t[n++], e[r++]);
         } else
-          n++;
+          r++;
       else
-        e[n++].remove();
+        e[r++].remove();
     }
   }
 }
 function Be(l, e, t, s = {}) {
   let i;
-  return xe((o) => {
+  return Ce((o) => {
     i = o, e === document ? l() : He(e, l(), e.firstChild ? null : void 0, t);
   }, s.owner), () => {
     i(), e.textContent = "";
@@ -350,8 +350,8 @@ function Be(l, e, t, s = {}) {
 function Pe(l, e, t) {
   let s;
   const i = () => {
-    const n = document.createElement("template");
-    return n.innerHTML = l, t ? n.content.firstChild.firstChild : n.content.firstChild;
+    const r = document.createElement("template");
+    return r.innerHTML = l, t ? r.content.firstChild.firstChild : r.content.firstChild;
   }, o = e ? () => P(() => document.importNode(s || (s = i()), !0)) : () => (s || (s = i())).cloneNode(!0);
   return o.cloneNode = o, o;
 }
@@ -368,11 +368,11 @@ function j(l, e, t, s, i) {
     t = t();
   if (e === t)
     return t;
-  const o = typeof e, n = s !== void 0;
-  if (l = n && t[0] && t[0].parentNode || l, o === "string" || o === "number")
-    if (o === "number" && (e = e.toString()), n) {
-      let r = t[0];
-      r && r.nodeType === 3 ? r.data = e : r = document.createTextNode(e), t = B(l, t, s, r);
+  const o = typeof e, r = s !== void 0;
+  if (l = r && t[0] && t[0].parentNode || l, o === "string" || o === "number")
+    if (o === "number" && (e = e.toString()), r) {
+      let n = t[0];
+      n && n.nodeType === 3 ? n.data = e : n = document.createTextNode(e), t = B(l, t, s, n);
     } else
       t !== "" && typeof t == "string" ? t = l.firstChild.data = e : t = l.textContent = e;
   else if (e == null || o === "boolean")
@@ -380,24 +380,24 @@ function j(l, e, t, s, i) {
   else {
     if (o === "function")
       return J(() => {
-        let r = e();
-        for (; typeof r == "function"; )
-          r = r();
-        t = j(l, r, t, s);
+        let n = e();
+        for (; typeof n == "function"; )
+          n = n();
+        t = j(l, n, t, s);
       }), () => t;
     if (Array.isArray(e)) {
-      const r = [], a = t && Array.isArray(t);
-      if (Q(r, e, t, i))
-        return J(() => t = j(l, r, t, s, !0)), () => t;
-      if (r.length === 0) {
-        if (t = B(l, t, s), n)
+      const n = [], a = t && Array.isArray(t);
+      if (Q(n, e, t, i))
+        return J(() => t = j(l, n, t, s, !0)), () => t;
+      if (n.length === 0) {
+        if (t = B(l, t, s), r)
           return t;
       } else
-        a ? t.length === 0 ? de(l, r, s) : $e(l, t, r) : (t && B(l), de(l, r));
-      t = r;
+        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 (n)
+        if (r)
           return t = B(l, t, s, e);
         B(l, t, null, e);
       } else
@@ -409,22 +409,22 @@ function j(l, e, t, s, i) {
 }
 function Q(l, e, t, s) {
   let i = !1;
-  for (let o = 0, n = e.length; o < n; o++) {
-    let r = e[o], a = t && t[o], h;
-    if (!(r == null || r === !0 || r === !1))
-      if ((h = typeof r) == "object" && r.nodeType)
-        l.push(r);
-      else if (Array.isArray(r))
-        i = Q(l, r, a) || i;
+  for (let o = 0, r = e.length; o < r; o++) {
+    let n = e[o], a = t && t[o], h;
+    if (!(n == null || n === !0 || n === !1))
+      if ((h = typeof n) == "object" && n.nodeType)
+        l.push(n);
+      else if (Array.isArray(n))
+        i = Q(l, n, a) || i;
       else if (h === "function")
         if (s) {
-          for (; typeof r == "function"; )
-            r = r();
-          i = Q(l, Array.isArray(r) ? r : [r], Array.isArray(a) ? a : [a]) || i;
+          for (; typeof n == "function"; )
+            n = n();
+          i = Q(l, Array.isArray(n) ? n : [n], Array.isArray(a) ? a : [a]) || i;
         } else
-          l.push(r), i = !0;
+          l.push(n), i = !0;
       else {
-        const d = String(r);
+        const d = String(n);
         a && a.nodeType === 3 && a.data === d ? l.push(a) : l.push(document.createTextNode(d));
       }
   }
@@ -440,11 +440,11 @@ function B(l, e, t, s) {
   const i = s || document.createTextNode("");
   if (e.length) {
     let o = !1;
-    for (let n = e.length - 1; n >= 0; n--) {
-      const r = e[n];
-      if (i !== r) {
-        const a = r.parentNode === l;
-        !o && !n ? a ? l.replaceChild(i, r) : l.insertBefore(i, t) : a && r.remove();
+    for (let r = e.length - 1; r >= 0; r--) {
+      const n = e[r];
+      if (i !== n) {
+        const a = n.parentNode === l;
+        !o && !r ? a ? l.replaceChild(i, n) : l.insertBefore(i, t) : a && n.remove();
       } else
         o = !0;
     }
@@ -456,13 +456,13 @@ class ht {
   constructor(e) {
     this.code = e;
   }
-  render(e, t, s, i, o, n, r) {
+  render(e, t, s, i, o, r, n) {
     const a = ge({
       rowIndex: t,
       columnIndex: s,
       areaIdent: i,
       areaModel: o,
-      cellValue: n
+      cellValue: r
     });
     Be(
       () => this.code(a),
@@ -480,8 +480,8 @@ function ee(l) {
   return l && l.type === "AreaModelTree";
 }
 class se {
-  constructor(e = -1, t = -1, s = -1, i = -1, o, n, r, a = 0, h = 0, d = 0, c = "") {
-    this.rowIndex = e, this.rowTop = t, this.columnIndex = s, this.columnLeft = i, this.areaIdent = o, this.sideIdent = n, this.originalEvent = r, this.clickCount = a, this.draggingX = h, this.draggingY = d, this.action = c;
+  constructor(e = -1, t = -1, s = -1, i = -1, o, r, n, a = 0, h = 0, d = 0, c = "") {
+    this.rowIndex = e, this.rowTop = t, this.columnIndex = s, this.columnLeft = i, this.areaIdent = o, this.sideIdent = r, this.originalEvent = n, this.clickCount = a, this.draggingX = h, this.draggingY = d, this.action = c;
   }
   clone() {
     return new se(
@@ -583,6 +583,9 @@ class Ve {
   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)
@@ -600,83 +603,83 @@ class Ve {
     const s = this.domService.createElement("div");
     return this.addClass(e, s), this.domService.appendChild(t, s), s;
   }
-  addRowDiv(e, t, s = -1, i, o, n = "") {
-    const r = t.index ?? -1, a = this.getDivOrCreateDiv(r, e);
+  addRowDiv(e, t, s = -1, i, o, 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}`), i === "body" && o === "center") {
       const h = ((t == null ? void 0 : t.index) ?? 0) % 2 === 0 ? "even" : "odd";
       this.domService.addClass(a, `ge-table-row-${h}`);
     }
-    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", `${i}`), n) {
-      const h = this.domService.createText(n);
+    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", `${i}`), r) {
+      const h = this.domService.createText(r);
       this.domService.appendChild(a, h);
     }
     return this.domService.appendChild(e.child, a), a;
   }
-  addColumnDiv(e, t, s = -1, i = -1, o, n, r = "", a, h, d = void 0, c) {
+  addColumnDiv(e, t, s = -1, i = -1, o, r, n = "", a, h, d = void 0, c) {
     const p = h == null ? void 0 : h.treeOptions, g = h == null ? void 0 : h.showCheckboxWihoutExtraColumn, u = this.domService.createElement("div");
     this.domService.addClass(u, "ge-table-col-div"), this.domService.addClass(u, `ge-table-col-div-${t.index}`), this.domService.setAttribute(u, "data-col-index", `${t.index}`), this.domService.setAttribute(u, "data-row-index", `${s}`), this.domService.setAttribute(u, "data-area", `${o}`);
     const y = ((t == null ? void 0 : t.index) ?? 0) % 2 === 0 ? "even" : "odd";
-    if (o === "body" && n === "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), r) {
+    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, r, f, s, i, o);
+      this.addLabelDiv(u, n, f, s, i, o);
     }
     return c && this.addSortedIcon(u, c, h == null ? void 0 : h.sortedOptions, i), this.domService.appendChild(e, u), u;
   }
   addCheckboxToDiv(e, t, s, i) {
-    const o = this.domService.createElement("div"), n = t === "full" ? "checked" : "";
+    const o = this.domService.createElement("div"), r = t === "full" ? "checked" : "";
     return o.innerHTML = `
             <input
                 type="checkbox"
                 data-area="${s}"
                 data-row-index="${i}"
                 data-input-type="checkbox"
-                ${n}
+                ${r}
                 class="ge-table-row-checkbox"> `, this.domService.setStyle(o, "display", "inline"), this.domService.setStyle(o, "width", "inherit"), this.domService.setAttribute(o, "data-row-index", `${i}`), this.domService.appendChild(e, o), o;
   }
-  addLabelDiv(e, t = "", s = !1, i = -1, o = -1, n = "body") {
-    const r = this.domService.createElement("div");
-    if (this.domService.addClass(r, "ge-table-label-div"), this.domService.setStyle(r, "position", "relative"), this.domService.setStyle(r, "background", "transparent"), this.domService.setStyle(r, "width", "100%"), this.domService.setStyle(r, "height", "100%"), this.domService.setAttribute(r, "data-row-index", `${i}`), this.domService.setAttribute(r, "data-col-index", `${o}`), this.domService.setAttribute(r, "data-area", `${n}`), t)
+  addLabelDiv(e, t = "", s = !1, i = -1, o = -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", `${i}`), this.domService.setAttribute(n, "data-col-index", `${o}`), this.domService.setAttribute(n, "data-area", `${r}`), t)
       if (s) {
         const a = this.domService.createText(t);
-        this.domService.appendChild(r, a);
+        this.domService.appendChild(n, a);
       } else {
         const a = this.domService.createElement("div");
-        this.domService.appendChild(r, a);
+        this.domService.appendChild(n, a);
         const h = this.domService.createText(t);
-        this.domService.addClass(a, "ge-table-label"), this.domService.appendChild(a, h), this.domService.setAttribute(a, "data-row-index", `${i}`), this.domService.setAttribute(a, "data-col-index", `${o}`), this.domService.setAttribute(a, "data-area", `${n}`);
+        this.domService.addClass(a, "ge-table-label"), this.domService.appendChild(a, h), this.domService.setAttribute(a, "data-row-index", `${i}`), this.domService.setAttribute(a, "data-col-index", `${o}`), this.domService.setAttribute(a, "data-area", `${r}`);
       }
-    return this.domService.appendChild(e, r), r;
+    return this.domService.appendChild(e, n), n;
   }
   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 n;
-    t === "asc" ? n = s.iconAsc : t === "desc" ? n = s.iconDesc : n = s.iconPlaceholder;
-    const r = n.content, a = this.domService.createText(r);
-    this.domService.appendChild(o, a), n.style && this.applyStyleString(o, n.style);
-    for (const h of n.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(o, a), r.style && this.applyStyleString(o, r.style);
+    for (const h of r.classes)
       this.domService.addClass(o, h);
     return this.domService.appendChild(e, o), o;
   }
-  addArrowDiv(e, t = "none", s = new me(), i = -1, o = -1, n = "body") {
-    const r = this.domService.createElement("div");
-    this.domService.addClass(r, "ge-table-tree-arrow-div"), this.domService.setStyle(r, "display", "inline-block"), this.domService.setStyle(r, "position", ""), this.domService.setStyle(r, "width", "20px"), this.domService.setStyle(r, "background", "transparent"), this.domService.setStyle(r, "cursor", "pointer"), this.domService.setAttribute(r, "data-row-index", `${i}`), this.domService.setAttribute(r, "data-col-index", `${o}`), this.domService.setAttribute(r, "data-area", `${n}`);
+  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;
     t === "expanded" ? a = s.arrowExpanded : t === "collapsed" ? a = s.arrowCollapsed : a = s.arrowPlaceholder;
     const h = a.content, d = this.domService.createText(h);
-    this.domService.appendChild(r, d), a.style && this.applyStyleString(r, a.style);
+    this.domService.appendChild(n, d), a.style && this.applyStyleString(n, a.style);
     for (const c of a.classes)
-      this.domService.addClass(r, c);
-    return this.domService.appendChild(e, r), r;
+      this.domService.addClass(n, c);
+    return this.domService.appendChild(e, n), n;
   }
   addColumnBorderDivs(e, t, s, i, o) {
     if (e.verticalBorderVisible) {
-      const n = `ge-table-${i}-${o}-vertical-border`;
-      this.addVerticalBorder(s, t, n);
+      const r = `ge-table-${i}-${o}-vertical-border`;
+      this.addVerticalBorder(s, t, r);
     }
     if (e.horizontalBorderVisible) {
-      const n = `ge-table-${i}-${o}-horizontal-border`;
-      this.addHorizontalBorder(s, t, n);
+      const r = `ge-table-${i}-${o}-horizontal-border`;
+      this.addHorizontalBorder(s, t, r);
     }
     return t;
   }
@@ -699,8 +702,8 @@ class Ve {
   applyStyleString(e, t) {
     const s = t.split(";").map((i) => i.trim()).filter((i) => i);
     for (const i of s) {
-      const [o, n] = i.split(":");
-      this.domService.setStyle(e, o.trim(), n.trim());
+      const [o, r] = i.split(":");
+      this.domService.setStyle(e, o.trim(), r.trim());
     }
   }
   getDivOrCreateDiv(e, t) {
@@ -709,7 +712,7 @@ class Ve {
   }
 }
 const ie = (l) => l === "header" ? "header" : l === "footer" ? "footer" : "body";
-class ke {
+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"));
@@ -721,7 +724,7 @@ class ke {
     }
   }
 }
-class _e {
+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))
@@ -733,7 +736,7 @@ class _e {
     this.tableScope.contextmenu(t);
   }
   onHostElementClicked(e) {
-    const t = new ke(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)
@@ -754,15 +757,15 @@ class _e {
   }
   onHostElementDblClicked(e) {
     if (e.target instanceof HTMLElement) {
-      const t = e.target, s = t.getAttribute("data-area"), i = ie(s), o = Number(t.getAttribute("data-row-index")), n = Number(t.getAttribute("data-col-index")), r = this.tableScope.tableModel.getAreaModel(i);
+      const t = e.target, s = t.getAttribute("data-area"), i = ie(s), o = Number(t.getAttribute("data-row-index")), r = Number(t.getAttribute("data-col-index")), n = this.tableScope.tableModel.getAreaModel(i);
       if (s && i === "header")
-        this.tableScope.tableModel.isSortable(n) && (this.tableScope.clearSelection(), this.tableScope.onHeaderDblClicked(e, o, n));
+        this.tableScope.tableModel.isSortable(r) && (this.tableScope.clearSelection(), this.tableScope.onHeaderDblClicked(e, o, r));
       else if (t.getAttribute("data-row-index")) {
-        const a = r.getRowByIndex(o);
-        if (s && i === "body" && r.isEditable(o, n) && (this.tableScope.clearSelection(), this.tableScope.initRenderEditor(o, n)), Z(a) && n === this.getArrowColumnIndex()) {
+        const a = n.getRowByIndex(o);
+        if (s && i === "body" && n.isEditable(o, r) && (this.tableScope.clearSelection(), this.tableScope.initRenderEditor(o, r)), Z(a) && r === this.getArrowColumnIndex()) {
           e.preventDefault(), e.stopPropagation();
           const h = a;
-          h.expanded = !h.expanded, "recalcVisibleTreeRows" in r && r.recalcVisibleTreeRows(), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(h);
+          h.expanded = !h.expanded, "recalcVisibleTreeRows" in n && n.recalcVisibleTreeRows(), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(h);
         }
       }
     }
@@ -773,11 +776,11 @@ class _e {
     this.mouseEvent = e, this.geMouseEventOld = (s = this.geMouseEvent) == null ? void 0 : s.clone(), this.geMouseEvent = this.tableScope.createGeMouseEvent(e), this.geMouseEvent && (this.geMouseEvent.clickCount = t), this.tableScope.onMouseClicked(this.geMouseEvent, this.geMouseEventOld);
   }
   updateCollapsedExpandedState(e) {
-    var s, i, o, n, r;
+    var s, i, o, r, n;
     const t = (i = (s = this.tableScope.tableOptions) == null ? void 0 : s.autoRestoreOptions) == null ? void 0 : i.getRowId;
     if (t) {
       const a = (o = this.tableScope.storeStateCollapsedExpandService) == null ? void 0 : o.collapsedExpandedStateGet().mode, h = a === "collapsed" && !e.expanded || a === "expanded" && e.expanded, d = a === "collapsed" && e.expanded || a === "expanded" && !e.expanded, c = t(e.data);
-      h ? (n = this.tableScope.storeStateCollapsedExpandService) == null || n.collapsedStateIdsPush(c) : d && ((r = this.tableScope.storeStateCollapsedExpandService) == null || r.collapsedStateIdsRemove(c));
+      h ? (r = this.tableScope.storeStateCollapsedExpandService) == null || r.collapsedStateIdsPush(c) : d && ((n = this.tableScope.storeStateCollapsedExpandService) == null || n.collapsedStateIdsRemove(c));
     }
   }
   getArrowColumnIndex() {
@@ -817,8 +820,8 @@ 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();
@@ -857,9 +860,9 @@ class oe {
       for (const i of [...s]) {
         const [
           o,
-          n
+          r
         ] = i;
-        t[o] = n;
+        t[o] = r;
       }
     }
     return t;
@@ -871,8 +874,8 @@ class oe {
       if (i) {
         const o = i + e;
         if ((t + "").includes("Map")) {
-          const n = this.autoConvertMapToObject(t);
-          this.persistItem(o, n);
+          const r = this.autoConvertMapToObject(t);
+          this.persistItem(o, r);
         } else
           this.persistItem(o, t);
       }
@@ -948,7 +951,7 @@ class je {
     this.mode = e, this.rowIds = t, this.allCollapsed = s, this.allExpanded = i;
   }
 }
-class ze extends oe {
+class Xe extends oe {
   constructor(e) {
     super(e), this.COLLAPSED_EXPANDED_STATE = "collapsedExpandedState", this.collapsedExpandedState = new je(), this.load();
   }
@@ -982,7 +985,7 @@ class ze extends oe {
     this.checkAndPersistItem(this.COLLAPSED_EXPANDED_STATE, this.collapsedExpandedState);
   }
 }
-class Xe extends oe {
+class Ke extends oe {
   constructor(e) {
     super(e), this.SORTING_STATE = "sortingState", this.sortItems = [], this.load();
   }
@@ -1009,7 +1012,7 @@ class O {
     this.left = e, this.width = t, this.height = s, this.top = i, this.index = o;
   }
 }
-class Ke {
+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 O(), this.areaBodyCenterGeo = new O(), this.areaBodyEastGeo = new O();
     const o = this.hostElement;
@@ -1197,12 +1200,12 @@ class Ye {
     const e = this.areaModel.getRowCount(), t = this.tableModel.getColumnCount();
     for (let s = 0; s < e; s++)
       for (let i = 0; i < t; i++) {
-        let o = this.areaModel.getColspanAt(s, i), n = this.areaModel.getRowspanAt(s, i);
-        if (o > 1 || n > 1) {
-          o === 0 && (o = 1), n === 0 && (n = 1);
-          const r = this.areaModel.hasOwnProperty("gammaCells");
+        let o = this.areaModel.getColspanAt(s, i), r = this.areaModel.getRowspanAt(s, i);
+        if (o > 1 || r > 1) {
+          o === 0 && (o = 1), r === 0 && (r = 1);
+          const n = this.areaModel.hasOwnProperty("gammaCells");
           this.colAndRowspanRanges.push(
-            new T(s, i, s + n - 1, i + o - 1, r)
+            new T(s, i, s + r - 1, i + o - 1, n)
           );
         }
       }
@@ -1224,14 +1227,14 @@ class Ue {
     this.header = e, this.body = t, this.footer = s;
   }
 }
-class qe extends Ke {
+class qe extends ze {
   constructor(e, t, s, i) {
-    var n, r;
+    var r, n;
     super(e, t, s, i), this.scrollLeft = 0, this.scrollViewportLeft = 0, this.scrollFactorY = 0, this.scrollFactorX = 0, this.cleanupFunctions = {
       header: [],
       body: [],
       footer: []
-    }, this.tree = !1, this.colAndRowspanModels = new Ue(), this.firstVisibleRowIndex = -1, this.draggingTargetColumnIndex = -1, this.removables = [], this.editing = !1, this.tableModel.getSelectionModel ? this.getSelectionModel = this.tableModel.getSelectionModel : (n = this.tableOptions) != null && n.getSelectionModel && (this.getSelectionModel = this.tableOptions.getSelectionModel), (r = this.tableOptions) != null && r.getFocusModel && (this.getFocusModel = this.tableOptions.getFocusModel), ee(t.getAreaModel("body")) && (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 Ye(t, t.getAreaModel(a)), (h = this.colAndRowspanModels[a]) == null || h.init();
@@ -1290,10 +1293,12 @@ class qe extends Ke {
     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) {
@@ -1352,9 +1357,9 @@ class qe extends Ke {
   }
   adjustArea(e, t = 0) {
     var f;
-    const s = this.getArea(e, "west"), i = this.getArea(e, "center"), o = this.getArea(e, "east"), n = i.child.clientHeight;
+    const s = this.getArea(e, "west"), i = this.getArea(e, "center"), o = this.getArea(e, "east"), r = i.child.clientHeight;
     s.child.innerText = "", i.child.innerText = "", o.child.innerText = "";
-    const r = 0, a = this.areaBodyCenterGeo.width, h = this.tableModel.getPadding(), d = this.tableModel.getAreaModel(e), c = d.getRowCount();
+    const n = 0, a = this.areaBodyCenterGeo.width, h = this.tableModel.getPadding(), d = this.tableModel.getAreaModel(e), c = d.getRowCount();
     for (; this.cleanupFunctions[e].length; ) {
       const S = this.cleanupFunctions[e].shift();
       S && S();
@@ -1362,10 +1367,10 @@ class qe extends Ke {
     let p = t;
     const g = this.tableModel.getColumnCount(), u = this.tableModel.getFixedRightColumnCount(), y = this.tableModel.getFixedLeftColumnCount();
     for (let S = 0; S < c; S++) {
-      const x = p, C = S === c - 1, M = this.tableModel.getRowHeight(e, S);
-      if (x + M > 0) {
+      const C = p, x = S === c - 1, M = this.tableModel.getRowHeight(e, S);
+      if (C + M > 0) {
         this.firstVisibleRowIndex = S;
-        let w = { left: r, width: a, height: M, top: x, index: S }, m = this.dom.addRowDiv(i, w, S, e, "center");
+        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,
@@ -1377,8 +1382,8 @@ class qe extends Ke {
           columnIndexStart: I,
           columnIndexEnd: g - u - 1,
           verticalFixed: !1,
-          lastRowOfModel: C
-        }), h.left > 0 && (w = { left: r, width: this.areaBodyWestGeo.width, height: M, top: x, index: S }, m = this.dom.addRowDiv(s, w, S, 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,
@@ -1388,8 +1393,8 @@ class qe extends Ke {
           columnIndexStart: 0,
           columnIndexEnd: I - 1,
           verticalFixed: !0,
-          lastRowOfModel: C
-        })), h.right > 0 && (w = { left: r, width: this.areaBodyEastGeo.width, height: M, top: x, index: S }, m = this.dom.addRowDiv(o, w, S, 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,
@@ -1399,7 +1404,7 @@ class qe extends Ke {
           columnIndexStart: g - u,
           columnIndexEnd: g - 1,
           verticalFixed: !0,
-          lastRowOfModel: C
+          lastRowOfModel: x
         })), e === "header" && this.tree && S === c - 1) {
           const R = this.dom.applyStyle(
             this.dom.setAttribute(
@@ -1415,23 +1420,23 @@ class qe extends Ke {
           }
         }
       }
-      if (p = p + M, p > n)
+      if (p = p + M, p > r)
         break;
     }
     if (this.colAndRowspanModels && this.colAndRowspanModels[e]) {
       const S = ((f = this.colAndRowspanModels[e]) == null ? void 0 : f.getRanges()) ?? [];
       if (S.length)
-        for (const x of S) {
-          let C = 0, M = i.child, w = "center";
-          if (x.c1 < y)
+        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 && x.c1 >= g - u)
+          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, w = "center";
+            x = this.scrollFactorX * m - this.areaBodyWestGeo.width, w = "center";
           }
-          this.drawBigCell(x, C, t, d, M, w);
+          this.drawBigCell(C, x, t, d, M, w);
         }
     }
   }
@@ -1445,8 +1450,8 @@ class qe extends Ke {
    * @param sideIdent SideIdent (west,center,east)
    * @protected
    */
-  drawBigCell(e, t, s, i, o, n) {
-    const r = s + this.getRowHeights(0, e.r1 - 1, i).reduce((f, S) => f + S, 0), a = this.tableModel.getColumnCount(), h = this.tableModel.getFixedRightColumnCount();
+  drawBigCell(e, t, s, i, o, r) {
+    const n = s + this.getRowHeights(0, e.r1 - 1, i).reduce((f, S) => f + S, 0), a = this.tableModel.getColumnCount(), h = this.tableModel.getFixedRightColumnCount();
     let d = 0;
     h > 0 && e.c1 >= a - h && (d = a - h);
     const c = t + this.getColumnWidths(d, e.c1 - 1).reduce((f, S) => f + S, 0), p = this.getRowHeights(e.r1, e.r2, i).reduce((f, S) => f + S, 0), g = this.getColumnWidths(e.c1, e.c2).reduce((f, S) => f + S, 0);
@@ -1455,11 +1460,11 @@ class qe extends Ke {
     y && (u = y.getSelectionCount(e.r1, e.c1) > 0), e.gammaRange ? (console.info("TODO here", e), this.renderCell({
       areaModel: i,
       areaIdent: i.areaIdent,
-      sideIdent: n,
+      sideIdent: r,
       rowIndex: e.r1,
       columnIndex: e.c1,
       left: c,
-      top: r,
+      top: n,
       width: g,
       height: p,
       parent: o,
@@ -1469,11 +1474,11 @@ class qe extends Ke {
     })) : this.renderCell({
       areaModel: i,
       areaIdent: i.areaIdent,
-      sideIdent: n,
+      sideIdent: r,
       rowIndex: e.r1,
       columnIndex: e.c1,
       left: c,
-      top: r,
+      top: n,
       width: g,
       height: p,
       parent: o,
@@ -1484,7 +1489,7 @@ class qe extends Ke {
       rowIndex: e.r1,
       columnIndex: e.c1,
       cellLeft: c,
-      cellTop: r,
+      cellTop: n,
       cellWidth: g,
       cellHeight: p,
       parent: o
@@ -1493,8 +1498,8 @@ class qe extends Ke {
   findRowOfImportantRowspanCell(e, t, s) {
     const i = e.getMaxRowspan();
     for (let o = t - 1; o > -1; o--) {
-      const n = e.getRowspanAt(o, s);
-      if (n > 1 && o + n + 1 >= t)
+      const r = e.getRowspanAt(o, s);
+      if (r > 1 && o + r + 1 >= t)
         return o;
       if (t - o > i)
         return -1;
@@ -1507,8 +1512,8 @@ class qe extends Ke {
     areaModel: s,
     geo: i,
     parent: o,
-    rowIndex: n,
-    columnIndexStart: r,
+    rowIndex: r,
+    columnIndexStart: n,
     columnIndexEnd: a,
     verticalFixed: h = !1,
     lastRowOfModel: d = !1
@@ -1522,47 +1527,47 @@ class qe extends Ke {
     }
     const p = 0, g = !!(e === "body" && t);
     let u = c;
-    for (let f = r; f <= a; f++) {
-      const S = u, x = this.tableModel.getColumnWidth(f);
-      if (x > 0 && S + x > 0) {
-        let C = i.height;
-        const M = s.getRowspanAt(n, f), w = s.getColspanAt(n, f);
-        M > 1 && (C = this.getRowHeights(n, n + M - 1, s).reduce((R, D) => R + D, 0));
-        let m = x;
+    for (let f = n; f <= a; f++) {
+      const S = u, C = this.tableModel.getColumnWidth(f);
+      if (C > 0 && S + C > 0) {
+        let x = i.height;
+        const M = s.getRowspanAt(r, f), w = s.getColspanAt(r, f);
+        M > 1 && (x = this.getRowHeights(r, r + M - 1, s).reduce((R, D) => R + D, 0));
+        let m = C;
         w > 1 && (m = this.getColumnWidths(f, f + w - 1).reduce((R, D) => R + D, 0));
         let I = !1;
-        if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (y = this.colAndRowspanModels[e]) != null && y.isInRange(n, f) && (I = !0), this.draggingTargetColumnIndex === f && e !== "header") {
-          this.renderDragTargetDiv(o, S, p, m, C);
-          const R = { left: S, top: p, width: m, height: C };
+        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 R = this.renderSelectedBackgroundDiv(I, g, t, s, n, f, o, S, p, m, C);
+          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: n,
+            rowIndex: r,
             columnIndex: f,
             left: S,
             top: p,
             width: m,
-            height: C,
+            height: x,
             parent: o,
             cellSelected: R,
             lastRowOfModel: d,
             gammaRange: !0
           }), e === "header" && this.tableOptions.columnsResizable && this.renderHeaderCellResizeHandle({
-            rowIndex: n,
+            rowIndex: r,
             columnIndex: f,
             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 O(u - 1, 1, i.height, 0), o);
@@ -1576,26 +1581,26 @@ class qe extends Ke {
     sideIdent: s,
     rowIndex: i,
     index: o,
-    left: n,
-    width: r,
+    left: r,
+    width: n,
     height: a,
     top: h,
     parent: d,
     lastRowOfModel: c
   }) {
-    var re;
-    const g = this.editorRenderer && this.editorRendererRow === i && this.editorRendererColumn === o ? this.editorRenderer : e.getCellRenderer(i, o), u = { left: n, width: r, 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() && Z(y)) {
       const v = y;
-      (re = v.children) != null && re.length ? v.expanded ? f = "expanded" : f = "collapsed" : f = "hidden";
+      (ne = v.children) != null && ne.length ? v.expanded ? f = "expanded" : f = "collapsed" : f = "hidden";
     }
-    let x;
+    let C;
     if (t === "header") {
       const v = this.tableModel.getColumnDef(o);
-      (!(v != null && v.sortIconVisible) || v != null && v.sortIconVisible()) && (x = v == null ? void 0 : v.sortState);
+      (!(v != null && v.sortIconVisible) || v != null && v.sortIconVisible()) && (C = v == null ? void 0 : v.sortState);
     }
-    const C = e.getValueAt(i, o), M = g ? "" : `${C}`, w = 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,
@@ -1606,25 +1611,49 @@ class qe extends Ke {
       f,
       this.tableOptions,
       w,
-      x
+      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, C, this.dom.domService));
+    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: n, width: r, height: a, top: h + a }, d), this.getFocusModel && t === "body") {
+    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 v in K)
-        this.dom.setStyle(m, v, K[v]);
+    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 = [];
     for (let i = e; i <= t; i++)
@@ -1677,22 +1706,22 @@ class qe extends Ke {
     this.debounceTimeout && clearTimeout(this.debounceTimeout), this.debounceTimeout = setTimeout(e.bind(this), t);
   }
   renderDragTargetDiv(e, t, s, i, o) {
-    const n = this.dom.applyStylePosistionAbsolute(
+    const r = this.dom.applyStylePosistionAbsolute(
       this.dom.createDivWithClass("ge-table-drop-zone", e)
     );
-    return this.dom.setStyle(n, "left", `${t}px`), this.dom.setStyle(n, "top", `${s}px`), this.dom.setStyle(n, "width", `${i}px`), this.dom.setStyle(n, "height", `${o}px`), n;
+    return this.dom.setStyle(r, "left", `${t}px`), this.dom.setStyle(r, "top", `${s}px`), this.dom.setStyle(r, "width", `${i}px`), this.dom.setStyle(r, "height", `${o}px`), r;
   }
-  renderSelectedBackgroundDiv(e, t, s, i, o, n, r, a, h, d, c) {
+  renderSelectedBackgroundDiv(e, t, s, i, o, r, n, a, h, d, c) {
     let p = !1;
-    if (!e && t && i.isSelectable(o, n) && this.getSelectionModel) {
+    if (!e && t && i.isSelectable(o, r) && this.getSelectionModel) {
       const g = this.getSelectionModel();
       if (g) {
-        const u = g.getSelectionCount(o, n);
+        const u = g.getSelectionCount(o, r);
         p = u > 0;
         for (let y = 0; y < u; y++) {
           const f = this.dom.applyStylePosistionAbsolute(
             // ge-table-body-west-selected-range
-            this.dom.createDivWithClass(`ge-table-${i.areaIdent}-${s}-selected-range`, r)
+            this.dom.createDivWithClass(`ge-table-${i.areaIdent}-${s}-selected-range`, n)
           );
           this.dom.setStyle(f, "left", `${a}px`), this.dom.setStyle(f, "top", `${h}px`), this.dom.setStyle(f, "width", `${d}px`), this.dom.setStyle(f, "height", `${c}px`);
         }
@@ -1706,8 +1735,8 @@ class qe extends Ke {
     sideIdent: s,
     rowIndex: i,
     columnIndex: o,
-    left: n,
-    top: r,
+    left: r,
+    top: n,
     width: a,
     height: h,
     parent: d,
@@ -1721,19 +1750,19 @@ class qe extends Ke {
       sideIdent: s,
       rowIndex: i,
       index: o,
-      left: n,
+      left: r,
       width: a,
       height: h,
-      top: r,
+      top: n,
       parent: d,
       lastRowOfModel: p,
       gammaRange: g
     });
     c && this.dom.addClass(`ge-table-${t}-${s}-selected-range`, u), y && this.cleanupFunctions[t].push(y);
   }
-  renderHeaderCellResizeHandle({ rowIndex: e, columnIndex: t, cellLeft: s, cellTop: i, cellWidth: o, cellHeight: n, parent: r }) {
+  renderHeaderCellResizeHandle({ rowIndex: e, columnIndex: t, cellLeft: s, cellTop: i, cellWidth: o, cellHeight: r, parent: n }) {
     const a = this.dom.domService, h = this.tableOptions.columnResizeHandleWidthInPx ?? 2, d = a.createElement("div");
-    a.setAttribute(d, "data-col-index", `${t}`), a.setAttribute(d, "data-row-index", `${e}`), a.setAttribute(d, "data-area", "header"), a.setAttribute(d, "data-ge-action", "resize-column"), a.addClass(d, "ge-table-column-resize-handle"), a.setStyle(d, "display", "clip"), a.setStyle(d, "position", "absolute"), a.setStyle(d, "cursor", "col-resize"), a.setStyle(d, "left", `${s + o - h}px`), a.setStyle(d, "top", `${i}px`), a.setStyle(d, "width", `${h}px`), a.setStyle(d, "height", `${n}px`), a.appendChild(r, 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 + o - h}px`), a.setStyle(d, "top", `${i}px`), a.setStyle(d, "width", `${h}px`), a.setStyle(d, "height", `${r}px`), a.appendChild(n, d);
   }
 }
 class Je {
@@ -1749,8 +1778,8 @@ class Qe {
     if (e.target instanceof HTMLInputElement || e.target instanceof HTMLSelectElement || e.target instanceof HTMLTextAreaElement) {
       const t = e.target, s = t.getAttribute("data-area"), i = t.getAttribute("data-row-index"), o = t.getAttribute("data-col-index");
       if (s && i && o) {
-        const n = ie(s), r = Number(i), a = Number(o);
-        this.tableScope.updateModelValueAfterEdit(n, r, a, t.value);
+        const r = ie(s), n = Number(i), a = Number(o);
+        this.tableScope.updateModelValueAfterEdit(r, n, a, t.value);
       }
     }
   }
@@ -1774,11 +1803,11 @@ class et {
     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 o, n, r, a, h, d, c;
+    var o, r, n, a, h, d, c;
     let s = !1, i = !1;
     if (this.getSelectionModel && this.getFocusModel) {
       const p = this.getSelectionModel(), g = this.getFocusModel();
-      p && g && (g.hasFocus(e.rowIndex, e.columnIndex) || (g.setFocus(e.rowIndex, e.columnIndex), s = !0), (o = e.originalEvent) != null && o.shiftKey || p.hasSelection() && (p.clear(), s = !0), (n = e.originalEvent) != null && n.shiftKey && this.previousEvt ? (p.addSelection(this.createRangeByEvents(e, this.previousEvt)), i = !0, s = !0) : (r = e.originalEvent) != null && r.ctrlKey || (a = e.originalEvent) != null && a.metaKey ? (p.addSelection(T.singleCell(e.rowIndex, e.columnIndex)), i = !0, s = !0) : (h = e.originalEvent) != null && h.altKey && ((d = e.originalEvent) != null && d.ctrlKey || (c = e.originalEvent) != null && c.metaKey) && (p.removeSelection(T.singleCell(e.rowIndex, e.columnIndex)), i = !0, s = !0));
+      p && g && (g.hasFocus(e.rowIndex, e.columnIndex) || (g.setFocus(e.rowIndex, e.columnIndex), s = !0), (o = e.originalEvent) != null && o.shiftKey || p.hasSelection() && (p.clear(), s = !0), (r = e.originalEvent) != null && r.shiftKey && this.previousEvt ? (p.addSelection(this.createRangeByEvents(e, this.previousEvt)), i = !0, s = !0) : (n = e.originalEvent) != null && n.ctrlKey || (a = e.originalEvent) != null && a.metaKey ? (p.addSelection(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;
   }
@@ -1800,12 +1829,12 @@ class et {
   }
   createRangeByEvents(e, t) {
     t || (t = e);
-    const s = Math.min(e.rowIndex, t == null ? void 0 : t.rowIndex), i = Math.max(e.rowIndex, t == null ? void 0 : t.rowIndex), o = Math.min(e.columnIndex, t == null ? void 0 : t.columnIndex), n = Math.max(e.columnIndex, t == null ? void 0 : t.columnIndex);
+    const s = Math.min(e.rowIndex, t == null ? void 0 : t.rowIndex), i = Math.max(e.rowIndex, t == null ? void 0 : t.rowIndex), o = Math.min(e.columnIndex, t == null ? void 0 : t.columnIndex), r = Math.max(e.columnIndex, t == null ? void 0 : t.columnIndex);
     return T.create({
       rowIndex1: s,
       columnIndex1: o,
       rowIndex2: i,
-      columnIndex2: n
+      columnIndex2: r
     });
   }
 }
@@ -1926,6 +1955,9 @@ class ye {
   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);
   }
@@ -1940,9 +1972,9 @@ class ye {
   }
 }
 class ot {
-  render(e, t, s, i, o, n, r) {
+  render(e, t, s, i, o, r, n) {
     if (o.isEditable(t, s)) {
-      r.addClass(e, "ge-table-row-input-div");
+      n.addClass(e, "ge-table-row-input-div");
       const a = o.getValueAt(t, s);
       e.innerHTML = `
             <input
@@ -2004,7 +2036,7 @@ class lt {
     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 {
+class rt {
   constructor(e = "none") {
     this.selectionType = e, this.rowIndex = -1, this.columnIndex = -1, this.changed = !1;
   }
@@ -2027,32 +2059,32 @@ class nt {
     return [this.rowIndex, this.columnIndex];
   }
 }
-const rt = new lt(), at = new nt("cell");
+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 = () => rt, this.getFocusModel = () => at;
+    }, 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 ne extends qe {
+class re extends qe {
   constructor(e, t, s, i, o) {
-    var n;
+    var r;
     if (super(
       e,
       t,
       new Ve(s),
       i
-    ), this.eventListener = o, this.selectionService = new et(this), this.api = new Ge(this), this.mouseStartAction = "", this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, o || (this.eventListener = new he()), (n = this.tableOptions) != null && n.autoRestoreOptions) {
-      const r = this.tableOptions.autoRestoreOptions, a = r.getStorageKeyFn;
-      a && (r.autoRestoreScrollPosition && (this.storeScrollPosStateService = new Ne(a)), r.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new ze(a)), r.autoRestoreSortingState && (this.storeSortingService = new Xe(a)));
+    ), 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 Ne(a)), n.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new Xe(a)), n.autoRestoreSortingState && (this.storeSortingService = new Ke(a)));
     }
-    this.mouseHandler = new _e(this), this.inputHandler = new Qe(this), this.shortcutService = new it(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 ne(
+    return new re(
       e,
       t,
       o,
@@ -2123,10 +2155,10 @@ class ne extends qe {
   }
   toggleRowCheckbox(e, t, s) {
     var a;
-    const i = this.tableModel.getAreaModel(s), o = i.isRowChecked(e), n = o === void 0 || o === "semi" || o === "none";
-    i.setRowChecked(e, n), this.repaint();
-    const r = (a = i.rowSelectionModel) == null ? void 0 : a.getCheckedRows();
-    this.eventListener.onCheckboxChanged(r || []);
+    const i = this.tableModel.getAreaModel(s), o = i.isRowChecked(e), r = o === void 0 || o === "semi" || o === "none";
+    i.setRowChecked(e, r), this.repaint();
+    const n = (a = i.rowSelectionModel) == null ? void 0 : a.getCheckedRows();
+    this.eventListener.onCheckboxChanged(n || []);
   }
   onMouseClicked(e, t) {
     let s = this.selectionService.onMouseClicked(e, t);
@@ -2141,12 +2173,12 @@ class ne extends qe {
     t && (e && this.clearSelectionModel(), this.tableModel.externalFilterChanged(t), this.scrollViewport.scrollTo(0, 0), this.tableModel.recalcHeightAndPadding(), this.resetSizeOfWrapperDiv(), this.repaint());
   }
   onHeaderDblClicked(e, t, s) {
-    var o, n;
+    var o, r;
     const i = this.tableModel.getColumnDef(s);
     if (i != null && i.sortable && i.sortable()) {
       e.preventDefault(), e.stopPropagation();
-      const r = i.sortStatesOrder ? i.sortStatesOrder : this.tableOptions.sortOrder, a = i.sortState ?? "", h = r[(r.indexOf(a) + 1) % r.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(), (n = this.storeSortingService) == null || n.setSortItems([d]);
+      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]);
     }
   }
   changeFocusCell(e, t) {
@@ -2189,11 +2221,11 @@ class ne extends qe {
     if ((t = (e = this.tableOptions) == null ? void 0 : e.autoRestoreOptions) != null && t.getRowId && this.storeStateCollapsedExpandService) {
       const s = this.tableOptions.autoRestoreOptions, i = s.getRowId;
       if (s.autoRestoreCollapsedExpandedState && i) {
-        const o = this.storeStateCollapsedExpandService.collapsedExpandedStateGet(), n = this.tableModel.getAreaModel("body");
-        if (ee(n)) {
-          const r = n, a = n.getRowCount();
+        const o = this.storeStateCollapsedExpandService.collapsedExpandedStateGet(), r = this.tableModel.getAreaModel("body");
+        if (ee(r)) {
+          const n = r, a = r.getRowCount();
           for (let h = 0; h < a; h++) {
-            const d = n.getRowByIndex(h);
+            const d = r.getRowByIndex(h);
             if (d)
               if (o.allExpanded)
                 d.expanded = !0;
@@ -2204,7 +2236,7 @@ class ne extends qe {
                 o.mode === "expanded" ? d.expanded = this.storeStateCollapsedExpandService.collapsedExpandedStateIncludes(c) : o.mode === "collapsed" && (d.expanded = !this.storeStateCollapsedExpandService.collapsedExpandedStateIncludes(c));
               }
           }
-          r.recalcVisibleTreeRows();
+          n.recalcVisibleTreeRows();
         }
       }
     }
@@ -2218,56 +2250,56 @@ const dt = /* @__PURE__ */ Pe("<div>"), ut = (l) => {
   }, l);
   return Ae(() => {
     const s = {
-      onCheckboxChanged: (n) => {
-        const r = new CustomEvent("checkboxChanged", {
-          detail: n,
+      onCheckboxChanged: (r) => {
+        const n = new CustomEvent("checkboxChanged", {
+          detail: r,
           bubbles: !0
         });
-        e && e.dispatchEvent(r);
+        e && e.dispatchEvent(n);
       },
-      onContextmenu: (n) => {
-        const r = new CustomEvent("contextmenu", {
-          detail: n,
+      onContextmenu: (r) => {
+        const n = new CustomEvent("contextmenu", {
+          detail: r,
           bubbles: !0
         });
-        e && e.dispatchEvent(r);
+        e && e.dispatchEvent(n);
       },
-      onModelChanged: (n) => {
-        const r = new CustomEvent("modelChanged", {
-          detail: n,
+      onModelChanged: (r) => {
+        const n = new CustomEvent("modelChanged", {
+          detail: r,
           bubbles: !0
         });
-        e && e.dispatchEvent(r);
+        e && e.dispatchEvent(n);
       },
-      onMouseClicked: (n) => {
-        const r = new CustomEvent("mouseClicked", {
-          detail: n,
+      onMouseClicked: (r) => {
+        const n = new CustomEvent("mouseClicked", {
+          detail: r,
           bubbles: !0
         });
-        e && e.dispatchEvent(r);
+        e && e.dispatchEvent(n);
       },
-      onMouseDragging: (n) => {
-        const r = new CustomEvent("mouseDragging", {
-          detail: n,
+      onMouseDragging: (r) => {
+        const n = new CustomEvent("mouseDragging", {
+          detail: r,
           bubbles: !0
         });
-        e && e.dispatchEvent(r);
+        e && e.dispatchEvent(n);
       },
-      onMouseDraggingEnd: (n) => {
-        const r = new CustomEvent("mouseDraggingEnd", {
-          detail: n,
+      onMouseDraggingEnd: (r) => {
+        const n = new CustomEvent("mouseDraggingEnd", {
+          detail: r,
           bubbles: !0
         });
-        e && e.dispatchEvent(r);
+        e && e.dispatchEvent(n);
       },
-      onMouseMoved: (n) => {
-        const r = new CustomEvent("mouseMoved", {
-          detail: n,
+      onMouseMoved: (r) => {
+        const n = new CustomEvent("mouseMoved", {
+          detail: r,
           bubbles: !0
         });
-        e && e.dispatchEvent(r);
+        e && e.dispatchEvent(n);
       }
-    }, i = new ne(e, t.tableModel, new ye(), t.tableOptions, s);
+    }, i = new re(e, t.tableModel, new ye(), t.tableOptions, s);
     i.firstInit();
     const o = new CustomEvent("tableReady", {
       detail: i.getApi(),