@ninebone/table 0.0.590 → 0.0.591

package/dist/nine-table.js

@@ -1,17 +1,17 @@
 var Fe = Object.defineProperty;
-var Ve = (R) => {
-  throw TypeError(R);
+var Ve = (q) => {
+  throw TypeError(q);
 };
-var Xe = (R, r, e) => r in R ? Fe(R, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : R[r] = e;
-var h = (R, r) => Fe(R, "name", { value: r, configurable: !0 });
-var A = (R, r, e) => Xe(R, typeof r != "symbol" ? r + "" : r, e), Ye = (R, r, e) => r.has(R) || Ve("Cannot " + e);
-var t = (R, r, e) => (Ye(R, r, "read from private field"), e ? e.call(R) : r.get(R)), d = (R, r, e) => r.has(R) ? Ve("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(R) : r.set(R, e), p = (R, r, e, s) => (Ye(R, r, "write to private field"), s ? s.call(R, e) : r.set(R, e), e);
-var Ue = (R, r, e, s) => ({
+var Xe = (q, r, e) => r in q ? Fe(q, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : q[r] = e;
+var h = (q, r) => Fe(q, "name", { value: r, configurable: !0 });
+var A = (q, r, e) => Xe(q, typeof r != "symbol" ? r + "" : r, e), Ye = (q, r, e) => r.has(q) || Ve("Cannot " + e);
+var t = (q, r, e) => (Ye(q, r, "read from private field"), e ? e.call(q) : r.get(q)), d = (q, r, e) => r.has(q) ? Ve("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(q) : r.set(q, e), p = (q, r, e, s) => (Ye(q, r, "write to private field"), s ? s.call(q, e) : r.set(q, e), e);
+var Ue = (q, r, e, s) => ({
   set _(i) {
-    p(R, r, i, e);
+    p(q, r, i, e);
   },
   get _() {
-    return t(R, r, s);
+    return t(q, r, s);
   }
 });
 import { trace as Ke } from "@ninebone/util";
@@ -201,21 +201,21 @@ const Me = class Me extends HTMLElement {
 P = new WeakMap(), j = new WeakMap(), w = new WeakMap(), X = new WeakMap(), K = new WeakMap(), Z = new WeakMap(), It = new WeakMap(), G = new WeakMap(), _t = new WeakMap(), h(Me, "NineTableHScrollBar");
 let ae = Me;
 customElements.get("nine-table-hscrollbar") || customElements.define("nine-table-hscrollbar", ae);
-var F, at, J, q, xt, vt, Nt;
+var F, at, J, R, vt, xt, Nt;
 const $e = class $e extends HTMLElement {
   constructor() {
     super();
     d(this, F);
     d(this, at);
     d(this, J, !1);
-    d(this, q);
-    d(this, xt, 0);
+    d(this, R);
     d(this, vt, 0);
+    d(this, xt, 0);
     A(this, "refresh", /* @__PURE__ */ h(() => {
-      if (!t(this, F) || !t(this, q)) return;
-      const e = t(this, q).container, s = t(this, q).track, i = t(this, q).thumb, n = e.clientHeight, a = (t(this, F).data.get() || []).length, c = t(this, at).getRowHeight(), l = a * c;
+      if (!t(this, F) || !t(this, R)) return;
+      const e = t(this, R).container, s = t(this, R).track, i = t(this, R).thumb, n = e.clientHeight, a = (t(this, F).data.get() || []).length, c = t(this, at).getRowHeight(), l = a * c;
       if (l <= n) {
-        i.style.display = "none", t(this, q).top.disabled = !0, t(this, q).bottom.disabled = !0;
+        i.style.display = "none", t(this, R).top.disabled = !0, t(this, R).bottom.disabled = !0;
         return;
       } else
         i.style.display = "block";
@@ -226,45 +226,45 @@ const $e = class $e extends HTMLElement {
       const g = e.scrollTop, b = Math.max(l - n, 1);
       let m = 0;
       b > 0 && (m = g / b * (f - u));
-      const v = f - u;
-      m < 0 && (m = 0), m > v && (m = v), i.style.top = `${m}px`, t(this, q).top.disabled = g <= 0, t(this, q).bottom.disabled = g >= b - 1;
+      const x = f - u;
+      m < 0 && (m = 0), m > x && (m = x), i.style.top = `${m}px`, t(this, R).top.disabled = g <= 0, t(this, R).bottom.disabled = g >= b - 1;
     }, "refresh"));
     d(this, Nt, /* @__PURE__ */ h(() => {
       W.log("nine-table-vscrollbar.#init");
-      const e = t(this, q).container, s = /* @__PURE__ */ h(() => {
+      const e = t(this, R).container, s = /* @__PURE__ */ h(() => {
         const n = (t(this, F).data.get() || []).length, o = t(this, at).getRowHeight();
         return n * o;
       }, "getContentHeight");
       e.addEventListener("scroll", () => {
         t(this, J) || this.refresh();
-      }), t(this, q).thumb.addEventListener("mousedown", (i) => {
+      }), t(this, R).thumb.addEventListener("mousedown", (i) => {
         if (i.button !== 0) return;
-        i.stopPropagation(), i.preventDefault(), p(this, J, !0), p(this, xt, i.clientY), p(this, vt, e.scrollTop);
+        i.stopPropagation(), i.preventDefault(), p(this, J, !0), p(this, vt, i.clientY), p(this, xt, e.scrollTop);
         const n = /* @__PURE__ */ h((a) => {
           if (!t(this, J)) return;
-          const c = t(this, q).track.getBoundingClientRect(), l = t(this, q).thumb.clientHeight, u = c.height - l, g = a.clientY - t(this, xt), b = e.clientHeight, m = s(), v = Math.max(m - b, 1);
-          if (u > 0 && v > 0) {
-            const E = g / u * v;
-            let x = t(this, vt) + E;
+          const c = t(this, R).track.getBoundingClientRect(), l = t(this, R).thumb.clientHeight, u = c.height - l, g = a.clientY - t(this, vt), b = e.clientHeight, m = s(), x = Math.max(m - b, 1);
+          if (u > 0 && x > 0) {
+            const E = g / u * x;
+            let v = t(this, xt) + E;
             const M = Math.max(0, m - b);
-            x < 0 && (x = 0), x > M && (x = M), e.scrollTop = x;
+            v < 0 && (v = 0), v > M && (v = M), e.scrollTop = v;
           }
           this.refresh();
         }, "onMouseMove"), o = /* @__PURE__ */ h(() => {
           p(this, J, !1), document.removeEventListener("mousemove", n), document.removeEventListener("mouseup", o), this.refresh();
         }, "onMouseUp");
         document.addEventListener("mousemove", n), document.addEventListener("mouseup", o);
-      }), t(this, q).track.addEventListener("mousedown", (i) => {
-        if (i.button !== 0 || i.target === t(this, q).thumb) return;
-        const n = t(this, q).track.getBoundingClientRect(), o = t(this, q).thumb.clientHeight, a = i.clientY - n.top - o / 2, l = n.height - o, f = e.clientHeight, u = s(), g = Math.max(u - f, 1);
+      }), t(this, R).track.addEventListener("mousedown", (i) => {
+        if (i.button !== 0 || i.target === t(this, R).thumb) return;
+        const n = t(this, R).track.getBoundingClientRect(), o = t(this, R).thumb.clientHeight, a = i.clientY - n.top - o / 2, l = n.height - o, f = e.clientHeight, u = s(), g = Math.max(u - f, 1);
         if (l > 0 && g > 0) {
           const b = Math.max(0, Math.min(1, a / l));
           e.scrollTop = b * g;
         }
         this.refresh();
-      }), t(this, q).top.addEventListener("click", () => {
+      }), t(this, R).top.addEventListener("click", () => {
         e.scrollTop -= 40;
-      }), t(this, q).bottom.addEventListener("click", () => {
+      }), t(this, R).bottom.addEventListener("click", () => {
         e.scrollTop += 40;
       });
     }, "#init"));
@@ -340,7 +340,7 @@ const $e = class $e extends HTMLElement {
         setTimeout(e, 10);
         return;
       }
-      p(this, q, {
+      p(this, R, {
         container: s,
         track: this.querySelector(".ng-scroll-track"),
         thumb: this.querySelector(".ng-scroll-thumb"),
@@ -351,10 +351,10 @@ const $e = class $e extends HTMLElement {
     e();
   }
 };
-F = new WeakMap(), at = new WeakMap(), J = new WeakMap(), q = new WeakMap(), xt = new WeakMap(), vt = new WeakMap(), Nt = new WeakMap(), h($e, "NineTableVScrollBar");
+F = new WeakMap(), at = new WeakMap(), J = new WeakMap(), R = new WeakMap(), vt = new WeakMap(), xt = new WeakMap(), Nt = new WeakMap(), h($e, "NineTableVScrollBar");
 let le = $e;
 customElements.get("nine-table-vscrollbar") || customElements.define("nine-table-vscrollbar", le);
-var D, S, Q, z, I, V, tt, wt, Se, Ee, Wt, Ot, Bt, St, Et, Pt, zt, At, Ae, lt, Rt, Dt;
+var D, S, Q, z, I, V, tt, wt, Se, Ee, Wt, Ot, Bt, St, Et, Pt, zt, At, Ae, lt, qt, Dt;
 const Ie = class Ie {
   constructor(r) {
     d(this, D);
@@ -461,26 +461,26 @@ const Ie = class Ie {
       var a, c, l, f, u, g;
       const r = t(this, S).querySelector(".ng-container-left .ng-part-body table"), e = t(this, S).querySelector(".ng-container-body .ng-part-body table"), s = t(this, S).querySelector(".ng-container-right .ng-part-body table");
       if (e) {
-        const b = r ? Array.from(r.querySelectorAll("tbody tr")) : [], m = Array.from(e.querySelectorAll("tbody tr")), v = s ? Array.from(s.querySelectorAll("tbody tr")) : [], E = Math.max(b.length, m.length, v.length);
-        for (let x = 0; x < E; x++) {
+        const b = r ? Array.from(r.querySelectorAll("tbody tr")) : [], m = Array.from(e.querySelectorAll("tbody tr")), x = s ? Array.from(s.querySelectorAll("tbody tr")) : [], E = Math.max(b.length, m.length, x.length);
+        for (let v = 0; v < E; v++) {
           const M = [
-            ((a = b[x]) == null ? void 0 : a.getBoundingClientRect().height) || 0,
-            ((c = m[x]) == null ? void 0 : c.getBoundingClientRect().height) || 0,
-            ((l = v[x]) == null ? void 0 : l.getBoundingClientRect().height) || 0
+            ((a = b[v]) == null ? void 0 : a.getBoundingClientRect().height) || 0,
+            ((c = m[v]) == null ? void 0 : c.getBoundingClientRect().height) || 0,
+            ((l = x[v]) == null ? void 0 : l.getBoundingClientRect().height) || 0
           ], T = Math.max(...M);
-          T > 0 && (b[x] && (b[x].style.height = `${T}px`), m[x] && (m[x].style.height = `${T}px`), v[x] && (v[x].style.height = `${T}px`));
+          T > 0 && (b[v] && (b[v].style.height = `${T}px`), m[v] && (m[v].style.height = `${T}px`), x[v] && (x[v].style.height = `${T}px`));
         }
       }
       const i = t(this, S).querySelector(".ng-container-left .ng-part-footer table"), n = t(this, S).querySelector(".ng-container-body .ng-part-footer table"), o = t(this, S).querySelector(".ng-container-right .ng-part-footer table");
       if (n) {
-        const b = i ? Array.from(i.querySelectorAll("tfoot tr")) : [], m = Array.from(n.querySelectorAll("tfoot tr")), v = o ? Array.from(o.querySelectorAll("tfoot tr")) : [], E = Math.max(b.length, m.length, v.length);
-        for (let x = 0; x < E; x++) {
+        const b = i ? Array.from(i.querySelectorAll("tfoot tr")) : [], m = Array.from(n.querySelectorAll("tfoot tr")), x = o ? Array.from(o.querySelectorAll("tfoot tr")) : [], E = Math.max(b.length, m.length, x.length);
+        for (let v = 0; v < E; v++) {
           const M = [
-            ((f = b[x]) == null ? void 0 : f.getBoundingClientRect().height) || 0,
-            ((u = m[x]) == null ? void 0 : u.getBoundingClientRect().height) || 0,
-            ((g = v[x]) == null ? void 0 : g.getBoundingClientRect().height) || 0
+            ((f = b[v]) == null ? void 0 : f.getBoundingClientRect().height) || 0,
+            ((u = m[v]) == null ? void 0 : u.getBoundingClientRect().height) || 0,
+            ((g = x[v]) == null ? void 0 : g.getBoundingClientRect().height) || 0
           ], T = Math.max(...M);
-          T > 0 && (b[x] && (b[x].style.height = `${T}px`), m[x] && (m[x].style.height = `${T}px`), v[x] && (v[x].style.height = `${T}px`));
+          T > 0 && (b[v] && (b[v].style.height = `${T}px`), m[v] && (m[v].style.height = `${T}px`), x[v] && (x[v].style.height = `${T}px`));
         }
       }
     }, "#syncRowHeights"));
@@ -521,7 +521,7 @@ const Ie = class Ie {
             return;
           }
           const b = t(this, D).data.get(g);
-          f.style.display = "", t(this, Rt).call(this, f, b, g);
+          f.style.display = "", t(this, qt).call(this, f, b, g);
         });
       });
     }, "#adjustBufferRows"));
@@ -539,14 +539,14 @@ const Ie = class Ie {
         if (!b) return;
         const m = b.querySelector(".ng-part-body tbody.bindable-tbody");
         if (!m) return;
-        Array.from(m.querySelectorAll("tr:not(.nodata)")).forEach((E, x) => {
-          const M = o + Math.floor(x / i);
+        Array.from(m.querySelectorAll("tr:not(.nodata)")).forEach((E, v) => {
+          const M = o + Math.floor(v / i);
           if (M >= s) {
             E.style.display = "none";
             return;
           }
           const T = t(this, D).data.get(M);
-          E.style.display = "", t(this, Rt).call(this, E, T, M);
+          E.style.display = "", t(this, qt).call(this, E, T, M);
         });
       });
     }, "#handleScroll"));
@@ -564,7 +564,7 @@ const Ie = class Ie {
                 cell.dataset.row = dataIndex;
             });
         }; */
-    d(this, Rt, /* @__PURE__ */ h((r, e, s) => {
+    d(this, qt, /* @__PURE__ */ h((r, e, s) => {
       r.dataset.row = s, r.data = e, Array.from(r.cells).forEach((i, n) => {
         i.dataset.row = s;
         const o = Array.from(i.children).find((a) => a.tagName.toLowerCase().startsWith("cell-") || typeof a.refresh == "function");
@@ -599,7 +599,7 @@ const Ie = class Ie {
     return ((e = t(this, z).get(r)) == null ? void 0 : e.length) || 1;
   }
 };
-D = new WeakMap(), S = new WeakMap(), Q = new WeakMap(), z = new WeakMap(), I = new WeakMap(), V = new WeakMap(), tt = new WeakMap(), wt = new WeakMap(), Se = new WeakMap(), Ee = new WeakMap(), Wt = new WeakMap(), Ot = new WeakMap(), Bt = new WeakMap(), St = new WeakMap(), Et = new WeakMap(), Pt = new WeakMap(), zt = new WeakMap(), At = new WeakMap(), Ae = new WeakMap(), lt = new WeakMap(), Rt = new WeakMap(), Dt = new WeakMap(), h(Ie, "RowManager");
+D = new WeakMap(), S = new WeakMap(), Q = new WeakMap(), z = new WeakMap(), I = new WeakMap(), V = new WeakMap(), tt = new WeakMap(), wt = new WeakMap(), Se = new WeakMap(), Ee = new WeakMap(), Wt = new WeakMap(), Ot = new WeakMap(), Bt = new WeakMap(), St = new WeakMap(), Et = new WeakMap(), Pt = new WeakMap(), zt = new WeakMap(), At = new WeakMap(), Ae = new WeakMap(), lt = new WeakMap(), qt = new WeakMap(), Dt = new WeakMap(), h(Ie, "RowManager");
 let ce = Ie;
 const jt = class jt {
   /**
@@ -618,9 +618,9 @@ const jt = class jt {
         const f = l.getAttribute("cell-type") || "renderer";
         if (l.children.length > 0 && l.firstElementChild.tagName.includes("-")) return;
         let u = `cell-${f}`;
-        const g = l.getAttribute("data-bind"), b = l.getAttribute("data-expr"), m = l.getAttribute("maxbyte"), v = l.getAttribute("type");
+        const g = l.getAttribute("data-bind"), b = l.getAttribute("data-expr"), m = l.getAttribute("maxbyte"), x = l.getAttribute("type");
         let E = [];
-        g && E.push(`data-bind="${g}"`), b && E.push(`data-expr="${b}"`), m && E.push(`maxbyte="${m}"`), v && E.push(`type="${v}"`), l.innerHTML = `<${u} ${E.join(" ")}></${u}>`;
+        g && E.push(`data-bind="${g}"`), b && E.push(`data-expr="${b}"`), m && E.push(`maxbyte="${m}"`), x && E.push(`type="${x}"`), l.innerHTML = `<${u} ${E.join(" ")}></${u}>`;
       });
     }, "processCellTypes"), s = /* @__PURE__ */ h((a) => {
       if (!a.querySelector("colgroup")) {
@@ -645,25 +645,25 @@ const jt = class jt {
       });
       const b = Array.from(Array(u), () => Array(g).fill(null));
       l.forEach((m) => {
-        const v = m.sectionRowIndex;
+        const x = m.sectionRowIndex;
         let E = 0;
-        Array.from(m.querySelectorAll("th,td")).forEach((x) => {
-          for (let B = 0; B < b[v].length; B++)
-            if (b[v][B] === null) {
+        Array.from(m.querySelectorAll("th,td")).forEach((v) => {
+          for (let B = 0; B < b[x].length; B++)
+            if (b[x][B] === null) {
               E = B;
               break;
             }
-          const M = x.rowSpan || 1, T = x.colSpan || 1;
+          const M = v.rowSpan || 1, T = v.colSpan || 1;
           for (let B = 0; B < M; B++)
             for (let pt = 0; pt < T; pt++)
-              v + B < u && E + pt < g && (b[v + B][E + pt] = B === 0 && pt === 0 ? "1" : "0");
+              x + B < u && E + pt < g && (b[x + B][E + pt] = B === 0 && pt === 0 ? "1" : "0");
         });
       }), l.forEach((m) => {
-        const v = m.sectionRowIndex;
+        const x = m.sectionRowIndex;
         Array.from(m.querySelectorAll("th,td")).forEach((E) => {
-          for (let x = 0; x < b[v].length; x++)
-            if (b[v][x] === "1") {
-              E.dataset.col = x, b[v][x] = "0";
+          for (let v = 0; v < b[x].length; v++)
+            if (b[x][v] === "1") {
+              E.dataset.col = v, b[x][v] = "0";
               break;
             }
         });
@@ -699,14 +699,10 @@ const yt = class yt extends HTMLElement {
         const n = this.querySelector(s);
         if (!n) return;
         n.querySelector(".ng-part-header").appendChild(t(this, ct).call(this, t(this, et), i, "header"));
-        const a = document.createElement("div");
-        a.className = "ng-part-body";
-        const c = document.createElement("div");
-        c.className = "ng-scroll-content", c.style.position = "relative", c.style.width = "100%", c.appendChild(t(this, ct).call(this, t(this, et), i, "body"));
+        const a = n.querySelector(".ng-part-body"), c = n.querySelector(".ng-scroll-content");
+        c.appendChild(t(this, ct).call(this, t(this, et), i, "body"));
         const l = document.createElement("div");
-        l.className = "ng-virtual-spacer", l.style.width = "100%", l.style.pointerEvents = "none", c.appendChild(l), a.appendChild(c);
-        const f = document.createElement("div");
-        f.className = "ng-part-footer", f.appendChild(t(this, ct).call(this, t(this, et), i, "footer")), n.appendChild(a), n.appendChild(f);
+        l.className = "ng-virtual-spacer", l.style.width = "100%", l.style.pointerEvents = "none", c.appendChild(l), a.appendChild(c), n.querySelector(".ng-part-footer").appendChild(t(this, ct).call(this, t(this, et), i, "footer"));
       });
     }, "#renderSplitContainers"));
     d(this, Yt, /* @__PURE__ */ h(() => {
@@ -890,20 +886,34 @@ const yt = class yt extends HTMLElement {
                 nine-splitter {
                     display: none;
                 }
+                
+                .ng-scroll-content {
+                    position: 'relative';
+                    width: 100%;
+                }
             </style>
             
             <div class='ng-container-top'>
                 <div class='ng-container-left'>
-                    <div class="ng-part-header">
+                    <div class="ng-part-header"></div>
+                    <div class="ng-part-body">
+                        <div class="ng-scroll-content"></div>
                     </div>
+                    <div class="ng-part-footer"></div>
                 </div>
                 <div class='ng-container-body'>
-                    <div class="ng-part-header">
+                    <div class="ng-part-header"></div>
+                    <div class="ng-part-body">
+                        <div class="ng-scroll-content"></div>
                     </div>
+                    <div class="ng-part-footer"></div>
                 </div>
                 <div class='ng-container-right'>
-                    <div class="ng-part-header">
+                    <div class="ng-part-header"></div>
+                    <div class="ng-part-body">
+                        <div class="ng-scroll-content"></div>
                     </div>
+                    <div class="ng-part-footer"></div>
                 </div>
                 <nine-table-vscrollbar></nine-table-vscrollbar>
             </div>
@@ -925,7 +935,7 @@ const yt = class yt extends HTMLElement {
 Ft = new WeakMap(), et = new WeakMap(), st = new WeakMap(), Vt = new WeakMap(), Yt = new WeakMap(), ct = new WeakMap(), Ut = new WeakMap(), Xt = new WeakMap(), h(yt, "NineTableSheet"), A(yt, "SCROLLBAR_SIZE", 16);
 let $t = yt;
 customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", $t);
-var Kt, qt;
+var Kt, Rt;
 const _e = class _e extends HTMLElement {
   constructor() {
     super();
@@ -934,17 +944,17 @@ const _e = class _e extends HTMLElement {
       (e = this.querySelector(".nine-tab-bar")) == null || e.addEventListener("click", (s) => {
         var o;
         const i = s.ctrlKey || s.metaKey || s.shiftKey, n = parseInt((o = s.target.closest(".nine-tab-item")) == null ? void 0 : o.dataset.index, 10);
-        t(this, qt).call(this, n, i);
-      }), t(this, qt).call(this, 0, !1);
+        t(this, Rt).call(this, n, i);
+      }), t(this, Rt).call(this, 0, !1);
     }, "#init"));
-    d(this, qt, /* @__PURE__ */ h((e, s = !1) => {
+    d(this, Rt, /* @__PURE__ */ h((e, s = !1) => {
       const i = /* @__PURE__ */ h(() => {
         const f = Array.from(this.querySelectorAll("nine-table-sheet"));
         Array.from(this.querySelectorAll("nine-splitter")).forEach((b) => b.style.setProperty("display", "none"));
         const g = f.filter((b) => b.classList.contains("active"));
         g.length < 2 || g.forEach((b) => {
-          const m = parseInt(b.getAttribute("data-index"), 10), v = this.querySelector(`nine-splitter[data-split-index="${m}"]`), E = f[m + 1];
-          v && E && E.classList.contains("active") && v.style.setProperty("display", "flex");
+          const m = parseInt(b.getAttribute("data-index"), 10), x = this.querySelector(`nine-splitter[data-split-index="${m}"]`), E = f[m + 1];
+          x && E && E.classList.contains("active") && x.style.setProperty("display", "flex");
         });
       }, "updateSplitters"), n = this.querySelector(".nine-tab-bar"), o = this.querySelector("nine-table-sheets-body"), a = n.querySelectorAll(".nine-tab-item"), c = o.querySelectorAll("nine-table-sheet");
       if (!a[e]) return;
@@ -973,7 +983,7 @@ const _e = class _e extends HTMLElement {
     t(this, Kt).call(this);
   }
 };
-Kt = new WeakMap(), qt = new WeakMap(), h(_e, "NineTableSheets");
+Kt = new WeakMap(), Rt = new WeakMap(), h(_e, "NineTableSheets");
 let de = _e;
 customElements.get("nine-table-sheets") || customElements.define("nine-table-sheets", de);
 var H, Zt, Tt, Gt;
@@ -1430,15 +1440,15 @@ const mt = class mt extends HTMLElement {
 };
 h(mt, "BasicCellElement"), A(mt, "_styleCache", /* @__PURE__ */ new Map()), A(mt, "_customStyleCache", /* @__PURE__ */ new Map());
 let me = mt;
-var C, Ht, y, Re, qe, Te, ke, Ce;
+var C, Ht, y, qe, Re, Te, ke, Ce;
 const ze = class ze extends me {
   constructor() {
     super();
     d(this, C);
     d(this, Ht);
     d(this, y);
-    d(this, Re);
     d(this, qe);
+    d(this, Re);
     d(this, Te);
     d(this, ke);
     A(this, "getDisplayText", /* @__PURE__ */ h((e) => {
@@ -1466,7 +1476,7 @@ const ze = class ze extends me {
         var e = ninegrid.j.querySelectorAll(t(this, y)).attr("suppress");
         if (e && (e = parseInt(e)), e && !isNaN(e)) {
           var s = t(this, y).closest("tr"), i = [];
-          $("th,td", s).each((x, M) => {
+          $("th,td", s).each((v, M) => {
             var T = ninegrid.j.querySelectorAll(M).attr("suppress");
             T && M.dataset.row && (T = parseInt(T), !isNaN(T) && T <= e && i.push(T));
           }), i.sort();
@@ -1485,7 +1495,7 @@ const ze = class ze extends me {
           else
             n = !0;
           n ? ninegrid.j.querySelectorAll(t(this, y)).removeClass("suppress") : ninegrid.j.querySelectorAll(t(this, y)).addClass("suppress"), ninegrid.j.querySelectorAll(t(this, y)).hasClass("hidden") || (n ? ninegrid.j.querySelectorAll(t(this, y)).removeClass("hidden") : ninegrid.j.querySelectorAll(t(this, y)).addClass("hidden"));
-          var m = parseInt(t(this, y).dataset.matrixRow), v = m - 1, E = t(this, C).body.querySelector(`tbody.bindable [data-col="${t(this, y).dataset.col}"][data-matrix-row="${v}"]`);
+          var m = parseInt(t(this, y).dataset.matrixRow), x = m - 1, E = t(this, C).body.querySelector(`tbody.bindable [data-col="${t(this, y).dataset.col}"][data-matrix-row="${x}"]`);
           $(E).hasClass("suppress") && !ninegrid.j.querySelectorAll(t(this, y)).hasClass("suppress") ? ninegrid.j.querySelectorAll(E).removeClass("last-none-suppress").addClass("last-suppress") : !$(E).hasClass("suppress") && ninegrid.j.querySelectorAll(t(this, y)).hasClass("suppress") ? ninegrid.j.querySelectorAll(E).removeClass("last-suppress").addClass("last-none-suppress") : ninegrid.j.querySelectorAll(E).removeClass("last-none-suppress").removeClass("last-suppress");
         }
       }
@@ -1526,9 +1536,9 @@ const ze = class ze extends me {
     return parseInt(t(this, y).dataset.row), t(this, Ht).data[e];
   }
 };
-C = new WeakMap(), Ht = new WeakMap(), y = new WeakMap(), Re = new WeakMap(), qe = new WeakMap(), Te = new WeakMap(), ke = new WeakMap(), Ce = new WeakMap(), h(ze, "CellElement");
-let xe = ze;
-const De = class De extends xe {
+C = new WeakMap(), Ht = new WeakMap(), y = new WeakMap(), qe = new WeakMap(), Re = new WeakMap(), Te = new WeakMap(), ke = new WeakMap(), Ce = new WeakMap(), h(ze, "CellElement");
+let ve = ze;
+const De = class De extends ve {
   constructor() {
     super();
   }
@@ -1540,9 +1550,9 @@ const De = class De extends xe {
   }
 };
 h(De, "EditableCellElement");
-let ve = De;
+let xe = De;
 var Mt, ot, gt, bt, ne, U, Le;
-const je = class je extends ve {
+const je = class je extends xe {
   constructor() {
     super();
     d(this, Mt);