@ninebone/table 0.0.445 → 0.0.446

package/dist/nine-table.js

@@ -23,12 +23,12 @@ const ce = class ce extends Re.constructor {
 h(ce, "Trace");
 let Gt = ce;
 const dt = new Gt();
-var W, N, v, F, V, X, At, U, qt;
+var W, B, v, F, V, X, At, U, qt;
 const he = class he extends HTMLElement {
   constructor() {
     super();
     d(this, W);
-    d(this, N, !1);
+    d(this, B, !1);
     d(this, v);
     d(this, F);
     d(this, V);
@@ -41,7 +41,7 @@ const he = class he extends HTMLElement {
       })), t(this, X).observe(e));
     }, "#observeResize"));
     E(this, "refresh", /* @__PURE__ */ h(() => {
-      if (!t(this, W) || !t(this, v) || t(this, N)) return;
+      if (!t(this, W) || !t(this, v) || t(this, B)) return;
       const e = t(this, v).container, i = e.querySelector("table");
       if (!i) return;
       const o = t(this, v).track, r = t(this, v).thumb, s = t(this, W).querySelector(".ng-container-bottom"), l = e.clientWidth, c = i.scrollWidth;
@@ -55,11 +55,11 @@ const he = class he extends HTMLElement {
       if (a <= 0) return;
       const f = Math.max(Math.min(a * (l / c), a), 20);
       r.style.width = `${f}px`;
-      const u = e.scrollLeft, b = c - l;
-      let g = 0;
-      b > 0 && (g = parseInt(u / b * (a - f), 10)), g < 0 && (g = 0);
+      const g = e.scrollLeft, b = c - l;
+      let u = 0;
+      b > 0 && (u = parseInt(g / b * (a - f), 10)), u < 0 && (u = 0);
       const p = a - f;
-      g > p && (g = p), r.style.left = `${g}px`, t(this, v).left.disabled = g === 0, t(this, v).right.disabled = g >= p - 1;
+      u > p && (u = p), r.style.left = `${u}px`, t(this, v).left.disabled = u === 0, t(this, v).right.disabled = u >= p - 1;
     }, "refresh"));
     d(this, U, /* @__PURE__ */ h((e) => {
       if (!t(this, v)) return !1;
@@ -70,8 +70,8 @@ const he = class he extends HTMLElement {
       l < 0 && (l = 0);
       const c = r.width - s;
       l > c && (l = c), l = parseInt(l, 10), t(this, v).thumb.style.left = `${l}px`, t(this, v).left.disabled = l === 0, t(this, v).right.disabled = l >= c - 1;
-      const a = i.clientWidth, u = o.scrollWidth - a;
-      return c > 0 && u > 0 && (i.scrollLeft = l / c * u), l > 0 && l < c - 1;
+      const a = i.clientWidth, g = o.scrollWidth - a;
+      return c > 0 && g > 0 && (i.scrollLeft = l / c * g), l > 0 && l < c - 1;
     }, "#thumbMoveTo"));
     d(this, qt, /* @__PURE__ */ h(() => {
       const e = /* @__PURE__ */ h((o) => {
@@ -99,13 +99,13 @@ const he = class he extends HTMLElement {
         t(this, U).call(this, o.clientX - r.left - s / 2);
       }), t(this, v).thumb.addEventListener("mousedown", (o) => {
         if (o.button !== 0) return;
-        o.stopPropagation(), o.preventDefault(), y(this, N, !0), this.shiftX = o.clientX - t(this, v).thumb.getBoundingClientRect().left;
+        o.stopPropagation(), o.preventDefault(), y(this, B, !0), this.shiftX = o.clientX - t(this, v).thumb.getBoundingClientRect().left;
         const r = /* @__PURE__ */ h((l) => {
-          if (!t(this, N)) return;
+          if (!t(this, B)) return;
           const c = t(this, v).track.getBoundingClientRect();
           t(this, U).call(this, l.clientX - c.left - this.shiftX);
         }, "onMouseMove"), s = /* @__PURE__ */ h(() => {
-          y(this, N, !1), i(), document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", s), this.refresh();
+          y(this, B, !1), i(), document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", s), this.refresh();
         }, "onMouseUp");
         document.addEventListener("mousemove", r), document.addEventListener("mouseup", s);
       });
@@ -189,7 +189,7 @@ const he = class he extends HTMLElement {
         left: this.querySelector(".ng-scroll-left"),
         right: this.querySelector(".ng-scroll-right")
       }), i.addEventListener("scroll", () => {
-        t(this, N) || this.refresh();
+        t(this, B) || this.refresh();
       }), t(this, qt).call(this), t(this, At).call(this), this.refresh();
     }, "initWhenReady");
     e();
@@ -198,10 +198,10 @@ const he = class he extends HTMLElement {
     t(this, X) && t(this, X).disconnect();
   }
 };
-W = new WeakMap(), N = new WeakMap(), v = new WeakMap(), F = new WeakMap(), V = new WeakMap(), X = new WeakMap(), At = new WeakMap(), U = new WeakMap(), qt = new WeakMap(), h(he, "NineTableHScrollBar");
+W = new WeakMap(), B = new WeakMap(), v = new WeakMap(), F = new WeakMap(), V = new WeakMap(), X = new WeakMap(), At = new WeakMap(), U = new WeakMap(), qt = new WeakMap(), h(he, "NineTableHScrollBar");
 let Jt = he;
 customElements.get("nine-table-hscrollbar") || customElements.define("nine-table-hscrollbar", Jt);
-var P, et, j, A, ft, gt, Tt;
+var P, et, j, A, ft, ut, Tt;
 const de = class de extends HTMLElement {
   constructor() {
     super();
@@ -210,7 +210,7 @@ const de = class de extends HTMLElement {
     d(this, j, !1);
     d(this, A);
     d(this, ft, 0);
-    d(this, gt, 0);
+    d(this, ut, 0);
     E(this, "refresh", /* @__PURE__ */ h(() => {
       if (!t(this, P) || !t(this, A)) return;
       const e = t(this, A).container, i = t(this, A).track, o = t(this, A).thumb, r = e.clientHeight, l = (t(this, P).data.get() || []).length, c = t(this, et).getRowHeight(), a = l * c;
@@ -221,13 +221,13 @@ const de = class de extends HTMLElement {
         o.style.display = "block";
       const f = i.clientHeight;
       if (f <= 0) return;
-      const u = Math.max(Math.min(f * (r / a), f), 20);
-      o.style.height = `${u}px`;
-      const b = e.scrollTop, g = Math.max(a - r, 1);
+      const g = Math.max(Math.min(f * (r / a), f), 20);
+      o.style.height = `${g}px`;
+      const b = e.scrollTop, u = Math.max(a - r, 1);
       let p = 0;
-      g > 0 && (p = b / g * (f - u));
-      const x = f - u;
-      p < 0 && (p = 0), p > x && (p = x), o.style.top = `${p}px`, t(this, A).top.disabled = b <= 0, t(this, A).bottom.disabled = b >= g - 1;
+      u > 0 && (p = b / u * (f - g));
+      const x = f - g;
+      p < 0 && (p = 0), p > x && (p = x), o.style.top = `${p}px`, t(this, A).top.disabled = b <= 0, t(this, A).bottom.disabled = b >= u - 1;
     }, "refresh"));
     d(this, Tt, /* @__PURE__ */ h(() => {
       const e = t(this, A).container, i = /* @__PURE__ */ h(() => {
@@ -238,15 +238,15 @@ const de = class de extends HTMLElement {
         t(this, j) || this.refresh();
       }), t(this, A).thumb.addEventListener("mousedown", (o) => {
         if (o.button !== 0) return;
-        o.stopPropagation(), o.preventDefault(), y(this, j, !0), y(this, ft, o.clientY), y(this, gt, e.scrollTop);
+        o.stopPropagation(), o.preventDefault(), y(this, j, !0), y(this, ft, o.clientY), y(this, ut, e.scrollTop);
         const r = /* @__PURE__ */ h((l) => {
           if (!t(this, j)) return;
-          const c = t(this, A).track.getBoundingClientRect(), a = t(this, A).thumb.clientHeight, u = c.height - a, b = l.clientY - t(this, ft), g = e.clientHeight, p = i(), x = Math.max(p - g, 1);
-          if (u > 0 && x > 0) {
-            const R = b / u * x;
-            let m = t(this, gt) + R;
-            const B = Math.max(0, p - g);
-            m < 0 && (m = 0), m > B && (m = B), e.scrollTop = m;
+          const c = t(this, A).track.getBoundingClientRect(), a = t(this, A).thumb.clientHeight, g = c.height - a, b = l.clientY - t(this, ft), u = e.clientHeight, p = i(), x = Math.max(p - u, 1);
+          if (g > 0 && x > 0) {
+            const R = b / g * x;
+            let m = t(this, ut) + R;
+            const z = Math.max(0, p - u);
+            m < 0 && (m = 0), m > z && (m = z), e.scrollTop = m;
           }
           this.refresh();
         }, "onMouseMove"), s = /* @__PURE__ */ h(() => {
@@ -255,10 +255,10 @@ const de = class de extends HTMLElement {
         document.addEventListener("mousemove", r), document.addEventListener("mouseup", s);
       }), t(this, A).track.addEventListener("mousedown", (o) => {
         if (o.button !== 0 || o.target === t(this, A).thumb) return;
-        const r = t(this, A).track.getBoundingClientRect(), s = t(this, A).thumb.clientHeight, l = o.clientY - r.top - s / 2, a = r.height - s, f = e.clientHeight, u = i(), b = Math.max(u - f, 1);
+        const r = t(this, A).track.getBoundingClientRect(), s = t(this, A).thumb.clientHeight, l = o.clientY - r.top - s / 2, a = r.height - s, f = e.clientHeight, g = i(), b = Math.max(g - f, 1);
         if (a > 0 && b > 0) {
-          const g = Math.max(0, Math.min(1, l / a));
-          e.scrollTop = g * b;
+          const u = Math.max(0, Math.min(1, l / a));
+          e.scrollTop = u * b;
         }
         this.refresh();
       }), t(this, A).top.addEventListener("click", () => {
@@ -350,19 +350,19 @@ const de = class de extends HTMLElement {
     e();
   }
 };
-P = new WeakMap(), et = new WeakMap(), j = new WeakMap(), A = new WeakMap(), ft = new WeakMap(), gt = new WeakMap(), Tt = new WeakMap(), h(de, "NineTableVScrollBar");
+P = new WeakMap(), et = new WeakMap(), j = new WeakMap(), A = new WeakMap(), ft = new WeakMap(), ut = new WeakMap(), Tt = new WeakMap(), h(de, "NineTableVScrollBar");
 let Qt = de;
 customElements.get("nine-table-vscrollbar") || customElements.define("nine-table-vscrollbar", Qt);
-var z, w, O, k, D, K, ut, nt, kt, Lt, Ct, bt, yt, Ht, Mt, pt, _t, it, mt, $t;
+var N, w, O, k, D, K, gt, nt, kt, Lt, Ct, bt, yt, Ht, Mt, pt, _t, it, mt, $t;
 const fe = class fe {
   constructor(n) {
-    d(this, z);
+    d(this, N);
     d(this, w);
     d(this, O, /* @__PURE__ */ new Map());
     d(this, k, null);
     d(this, D, null);
     d(this, K, 0);
-    d(this, ut, 40);
+    d(this, gt, 40);
     d(this, nt, !1);
     d(this, kt, 3);
     E(this, "refresh", /* @__PURE__ */ h(() => {
@@ -403,7 +403,7 @@ const fe = class fe {
       if (!o) return;
       o.querySelectorAll("tr:not(.nodata)").forEach((l) => l.remove());
       const r = o.querySelector("tr.nodata"), s = document.createDocumentFragment();
-      for (let l = 0; l < t(this, ut); l++)
+      for (let l = 0; l < t(this, gt); l++)
         i.forEach((c) => {
           s.appendChild(c.cloneNode(!0));
         });
@@ -424,13 +424,13 @@ const fe = class fe {
       const s = t(this, w), l = s.style.display, c = s.style.visibility, a = s.style.position;
       (l === "none" || window.getComputedStyle(s).display === "none") && (s.style.display = "block", s.style.visibility = "hidden", s.style.position = "absolute");
       let f = 0;
-      const u = i.querySelectorAll("tr:not(.nodata)");
-      return u.forEach((b) => {
+      const g = i.querySelectorAll("tr:not(.nodata)");
+      return g.forEach((b) => {
         f += b.offsetHeight || b.getBoundingClientRect().height;
-      }), u.forEach((b) => b.remove()), s.style.display = l, s.style.visibility = c, s.style.position = a, y(this, k, f > 0 ? f : 24), t(this, yt).call(this), t(this, k);
+      }), g.forEach((b) => b.remove()), s.style.display = l, s.style.visibility = c, s.style.position = a, y(this, k, f > 0 ? f : 24), t(this, yt).call(this), t(this, k);
     }, "#measureAndCacheHeight"));
     d(this, bt, /* @__PURE__ */ h(() => {
-      const e = (t(this, z).data.get() || []).length, i = t(this, k) || 24, o = e * i;
+      const e = (t(this, N).data.get() || []).length, i = t(this, k) || 24, o = e * i;
       [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((r) => {
         const s = t(this, w).querySelector(r);
         if (!s) return;
@@ -441,33 +441,33 @@ const fe = class fe {
     d(this, yt, /* @__PURE__ */ h(() => {
       if (t(this, K) > 0 && t(this, k) > 0) {
         const n = Math.ceil(t(this, K) / t(this, k));
-        y(this, ut, n + t(this, kt));
+        y(this, gt, n + t(this, kt));
       }
     }, "#updateRowCount"));
     d(this, Ht, /* @__PURE__ */ h(() => {
-      var l, c, a, f, u, b;
+      var l, c, a, f, g, b;
       const n = t(this, w).querySelector(".ng-container-left .ng-part-body table"), e = t(this, w).querySelector(".ng-container-body .ng-part-body table"), i = t(this, w).querySelector(".ng-container-right .ng-part-body table");
       if (e) {
-        const g = n ? Array.from(n.querySelectorAll("tbody tr")) : [], p = Array.from(e.querySelectorAll("tbody tr")), x = i ? Array.from(i.querySelectorAll("tbody tr")) : [], R = Math.max(g.length, p.length, x.length);
+        const u = n ? Array.from(n.querySelectorAll("tbody tr")) : [], p = Array.from(e.querySelectorAll("tbody tr")), x = i ? Array.from(i.querySelectorAll("tbody tr")) : [], R = Math.max(u.length, p.length, x.length);
         for (let m = 0; m < R; m++) {
-          const B = [
-            ((l = g[m]) == null ? void 0 : l.getBoundingClientRect().height) || 0,
+          const z = [
+            ((l = u[m]) == null ? void 0 : l.getBoundingClientRect().height) || 0,
             ((c = p[m]) == null ? void 0 : c.getBoundingClientRect().height) || 0,
             ((a = x[m]) == null ? void 0 : a.getBoundingClientRect().height) || 0
-          ], _ = Math.max(...B);
-          _ > 0 && (g[m] && (g[m].style.height = `${_}px`), p[m] && (p[m].style.height = `${_}px`), x[m] && (x[m].style.height = `${_}px`));
+          ], _ = Math.max(...z);
+          _ > 0 && (u[m] && (u[m].style.height = `${_}px`), p[m] && (p[m].style.height = `${_}px`), x[m] && (x[m].style.height = `${_}px`));
         }
       }
       const o = t(this, w).querySelector(".ng-container-left .ng-part-footer table"), r = t(this, w).querySelector(".ng-container-body .ng-part-footer table"), s = t(this, w).querySelector(".ng-container-right .ng-part-footer table");
       if (r) {
-        const g = o ? Array.from(o.querySelectorAll("tfoot tr")) : [], p = Array.from(r.querySelectorAll("tfoot tr")), x = s ? Array.from(s.querySelectorAll("tfoot tr")) : [], R = Math.max(g.length, p.length, x.length);
+        const u = o ? Array.from(o.querySelectorAll("tfoot tr")) : [], p = Array.from(r.querySelectorAll("tfoot tr")), x = s ? Array.from(s.querySelectorAll("tfoot tr")) : [], R = Math.max(u.length, p.length, x.length);
         for (let m = 0; m < R; m++) {
-          const B = [
-            ((f = g[m]) == null ? void 0 : f.getBoundingClientRect().height) || 0,
-            ((u = p[m]) == null ? void 0 : u.getBoundingClientRect().height) || 0,
+          const z = [
+            ((f = u[m]) == null ? void 0 : f.getBoundingClientRect().height) || 0,
+            ((g = p[m]) == null ? void 0 : g.getBoundingClientRect().height) || 0,
             ((b = x[m]) == null ? void 0 : b.getBoundingClientRect().height) || 0
-          ], _ = Math.max(...B);
-          _ > 0 && (g[m] && (g[m].style.height = `${_}px`), p[m] && (p[m].style.height = `${_}px`), x[m] && (x[m].style.height = `${_}px`));
+          ], _ = Math.max(...z);
+          _ > 0 && (u[m] && (u[m].style.height = `${_}px`), p[m] && (p[m].style.height = `${_}px`), x[m] && (x[m].style.height = `${_}px`));
         }
       }
     }, "#syncRowHeights"));
@@ -500,15 +500,15 @@ const fe = class fe {
         if (!i) return;
         const o = i.querySelector(".ng-part-body tbody.bindable-tbody");
         if (!o) return;
-        const r = Array.from(o.querySelectorAll("tr:not(.nodata)")), s = ((a = t(this, O).get(e)) == null ? void 0 : a.length) || 1, c = (t(this, z).data.get() || []).length;
-        r.forEach((f, u) => {
-          const b = n + Math.floor(u / s);
+        const r = Array.from(o.querySelectorAll("tr:not(.nodata)")), s = ((a = t(this, O).get(e)) == null ? void 0 : a.length) || 1, c = (t(this, N).data.get() || []).length;
+        r.forEach((f, g) => {
+          const b = n + Math.floor(g / s);
           if (b >= c) {
             f.style.display = "none";
             return;
           }
-          const g = t(this, z).data.get(b);
-          f.style.display = "", t(this, mt).call(this, f, g, b);
+          const u = t(this, N).data.get(b);
+          f.style.display = "", t(this, mt).call(this, f, u, b);
         });
       });
     }, "#adjustBufferRows"));
@@ -516,20 +516,20 @@ const fe = class fe {
       var c;
       const e = t(this, k);
       if (!e || e <= 0) return;
-      const o = (t(this, z).data.get() || []).length, r = Math.max(0, Math.floor(n / e)), s = r * e, l = ((c = t(this, O).get(".ng-container-body")) == null ? void 0 : c.length) || 1;
+      const o = (t(this, N).data.get() || []).length, r = Math.max(0, Math.floor(n / e)), s = r * e, l = ((c = t(this, O).get(".ng-container-body")) == null ? void 0 : c.length) || 1;
       [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((a) => {
         const f = t(this, w).querySelector(a);
         if (!f) return;
-        const u = f.querySelector(".ng-part-body tbody.bindable-tbody");
-        if (!u) return;
-        u.style.transform = `translateY(${s}px)`, Array.from(u.querySelectorAll("tr:not(.nodata)")).forEach((g, p) => {
+        const g = f.querySelector(".ng-part-body tbody.bindable-tbody");
+        if (!g) return;
+        g.style.transform = `translateY(${s}px)`, Array.from(g.querySelectorAll("tr:not(.nodata)")).forEach((u, p) => {
           const x = r + Math.floor(p / l);
           if (x >= o) {
-            g.style.display = "none";
+            u.style.display = "none";
             return;
           }
-          const R = t(this, z).data.get(x);
-          g.style.display = "", t(this, mt).call(this, g, R, x);
+          const R = t(this, N).data.get(x);
+          u.style.display = "", t(this, mt).call(this, u, R, x);
         });
       }), t(this, nt) || (y(this, nt, !0), setTimeout(() => {
         t(this, _t).call(this, r), y(this, nt, !1);
@@ -551,14 +551,9 @@ const fe = class fe {
         }; */
     d(this, mt, /* @__PURE__ */ h((n, e, i) => {
       n.dataset.row = i, n.data = e, Array.from(n.cells).forEach((o, r) => {
-        o.dataset.row = i;
-        const s = o.querySelector('ng-input, ng-cell-ex, [is^="ng-"]');
-        if (s && typeof s.reset == "function")
-          s.reset();
-        else {
-          const l = o.dataset.bind;
-          l && e && e[l] !== void 0 ? o.textContent = e[l] : o.textContent = e ? e[Object.keys(e)[r]] ?? `R${i}C${r}` : `행 ${i + 1}`;
-        }
+        o.dataset.row = i, o.querySelector(':scope > [is^="cell-"], :scope > [class*="cell-"], :scope > cell-');
+        const s = Array.from(o.children).find((l) => l.tagName.toLowerCase().startsWith("cell-") || typeof l.reset == "function");
+        s && typeof s.reset == "function" && s.reset();
       });
     }, "#bindRowData"));
     d(this, $t, /* @__PURE__ */ h(() => {
@@ -566,19 +561,19 @@ const fe = class fe {
       const n = t(this, w).querySelector(".ng-container-left .ng-part-header table"), e = t(this, w).querySelector(".ng-container-body .ng-part-header table"), i = t(this, w).querySelector(".ng-container-right .ng-part-header table");
       if (!e) return;
       const o = n ? Array.from(n.querySelectorAll("tr")) : [], r = Array.from(e.querySelectorAll("tr")), s = i ? Array.from(i.querySelectorAll("tr")) : [], l = Math.max(o.length, r.length, s.length);
-      for (let u = 0; u < l; u++) {
+      for (let g = 0; g < l; g++) {
         const b = [
-          ((c = o[u]) == null ? void 0 : c.getBoundingClientRect().height) || 0,
-          ((a = r[u]) == null ? void 0 : a.getBoundingClientRect().height) || 0,
-          ((f = s[u]) == null ? void 0 : f.getBoundingClientRect().height) || 0
-        ], g = Math.max(...b);
-        g > 0 && (o[u] && (o[u].style.height = `${g}px`), r[u] && (r[u].style.height = `${g}px`), s[u] && (s[u].style.height = `${g}px`));
+          ((c = o[g]) == null ? void 0 : c.getBoundingClientRect().height) || 0,
+          ((a = r[g]) == null ? void 0 : a.getBoundingClientRect().height) || 0,
+          ((f = s[g]) == null ? void 0 : f.getBoundingClientRect().height) || 0
+        ], u = Math.max(...b);
+        u > 0 && (o[g] && (o[g].style.height = `${u}px`), r[g] && (r[g].style.height = `${u}px`), s[g] && (s[g].style.height = `${u}px`));
       }
     }, "#syncHeaderHeights"));
     E(this, "destroy", /* @__PURE__ */ h(() => {
       t(this, D) && (t(this, D).disconnect(), y(this, D, null));
     }, "destroy"));
-    y(this, z, n.getRootNode().host), y(this, w, n), t(this, Mt).call(this);
+    y(this, N, n.getRootNode().host), y(this, w, n), t(this, Mt).call(this);
   }
   getRowHeight() {
     return t(this, k);
@@ -588,7 +583,7 @@ const fe = class fe {
     return ((e = t(this, O).get(n)) == null ? void 0 : e.length) || 1;
   }
 };
-z = new WeakMap(), w = new WeakMap(), O = new WeakMap(), k = new WeakMap(), D = new WeakMap(), K = new WeakMap(), ut = new WeakMap(), nt = new WeakMap(), kt = new WeakMap(), Lt = new WeakMap(), Ct = new WeakMap(), bt = new WeakMap(), yt = new WeakMap(), Ht = new WeakMap(), Mt = new WeakMap(), pt = new WeakMap(), _t = new WeakMap(), it = new WeakMap(), mt = new WeakMap(), $t = new WeakMap(), h(fe, "RowManager");
+N = new WeakMap(), w = new WeakMap(), O = new WeakMap(), k = new WeakMap(), D = new WeakMap(), K = new WeakMap(), gt = new WeakMap(), nt = new WeakMap(), kt = new WeakMap(), Lt = new WeakMap(), Ct = new WeakMap(), bt = new WeakMap(), yt = new WeakMap(), Ht = new WeakMap(), Mt = new WeakMap(), pt = new WeakMap(), _t = new WeakMap(), it = new WeakMap(), mt = new WeakMap(), $t = new WeakMap(), h(fe, "RowManager");
 let te = fe;
 const It = class It {
   /**
@@ -606,17 +601,17 @@ const It = class It {
       l.querySelectorAll("tbody td, tbody th, tfoot td, tfoot th").forEach((a) => {
         const f = a.getAttribute("cell-type") || "renderer";
         if (a.children.length > 0 && a.firstElementChild.tagName.includes("-")) return;
-        let u = `cell-${f}`;
-        const b = a.getAttribute("data-bind"), g = a.getAttribute("data-expr"), p = a.getAttribute("maxbyte"), x = a.getAttribute("type");
+        let g = `cell-${f}`;
+        const b = a.getAttribute("data-bind"), u = a.getAttribute("data-expr"), p = a.getAttribute("maxbyte"), x = a.getAttribute("type");
         let R = [];
-        b && R.push(`data-bind="${b}"`), g && R.push(`data-expr="${g}"`), p && R.push(`maxbyte="${p}"`), x && R.push(`type="${x}"`), a.innerHTML = `<${u} ${R.join(" ")}></${u}>`;
+        b && R.push(`data-bind="${b}"`), u && R.push(`data-expr="${u}"`), p && R.push(`maxbyte="${p}"`), x && R.push(`type="${x}"`), a.innerHTML = `<${g} ${R.join(" ")}></${g}>`;
       });
     }, "processCellTypes"), i = /* @__PURE__ */ h((l) => {
       if (!l.querySelector("colgroup")) {
-        const c = l.querySelector("tbody tr") || l.querySelector("tr"), a = c ? c.querySelectorAll("th, td").length : 1, f = document.createElement("colgroup"), u = Math.max(Math.floor(l.clientWidth / a), 100);
+        const c = l.querySelector("tbody tr") || l.querySelector("tr"), a = c ? c.querySelectorAll("th, td").length : 1, f = document.createElement("colgroup"), g = Math.max(Math.floor(l.clientWidth / a), 100);
         for (let b = 0; b < a; b++) {
-          const g = document.createElement("col");
-          g.setAttribute("width", u), f.appendChild(g);
+          const u = document.createElement("col");
+          u.setAttribute("width", g), f.appendChild(u);
         }
         l.prepend(f);
       }
@@ -626,33 +621,33 @@ const It = class It {
       }
       l.classList.add("nine-table-element"), l.style.display = "table";
     }, "ensureTableStructure"), o = /* @__PURE__ */ h((l, c) => {
-      const a = Array.from(l.querySelectorAll(c + " tr")), f = Array.from(l.querySelectorAll(c + " th," + c + " td")), u = a.length;
-      if (u === 0 || f.length === 0) return;
+      const a = Array.from(l.querySelectorAll(c + " tr")), f = Array.from(l.querySelectorAll(c + " th," + c + " td")), g = a.length;
+      if (g === 0 || f.length === 0) return;
       let b = 0;
       f.forEach((p) => {
         b += p.colSpan || 1;
       });
-      const g = Array.from(Array(u), () => Array(b).fill(null));
+      const u = Array.from(Array(g), () => Array(b).fill(null));
       a.forEach((p) => {
         const x = p.sectionRowIndex;
         let R = 0;
         Array.from(p.querySelectorAll("th,td")).forEach((m) => {
-          for (let I = 0; I < g[x].length; I++)
-            if (g[x][I] === null) {
+          for (let I = 0; I < u[x].length; I++)
+            if (u[x][I] === null) {
               R = I;
               break;
             }
-          const B = m.rowSpan || 1, _ = m.colSpan || 1;
-          for (let I = 0; I < B; I++)
+          const z = m.rowSpan || 1, _ = m.colSpan || 1;
+          for (let I = 0; I < z; I++)
             for (let ct = 0; ct < _; ct++)
-              x + I < u && R + ct < b && (g[x + I][R + ct] = I === 0 && ct === 0 ? "1" : "0");
+              x + I < g && R + ct < b && (u[x + I][R + ct] = I === 0 && ct === 0 ? "1" : "0");
         });
       }), a.forEach((p) => {
         const x = p.sectionRowIndex;
         Array.from(p.querySelectorAll("th,td")).forEach((R) => {
-          for (let m = 0; m < g[x].length; m++)
-            if (g[x][m] === "1") {
-              R.dataset.col = m, g[x][m] = "0";
+          for (let m = 0; m < u[x].length; m++)
+            if (u[x][m] === "1") {
+              R.dataset.col = m, u[x][m] = "0";
               break;
             }
         });
@@ -669,7 +664,7 @@ const It = class It {
 };
 h(It, "TableCompiler");
 let ee = It;
-var Wt, Z, G, Ot, zt, ot, Bt, Nt;
+var Wt, Z, G, Ot, Nt, ot, zt, Bt;
 const ht = class ht extends HTMLElement {
   constructor() {
     super();
@@ -701,7 +696,7 @@ const ht = class ht extends HTMLElement {
         f.className = "ng-part-footer", f.appendChild(t(this, ot).call(this, t(this, Z), o, "footer")), r.appendChild(s), r.appendChild(l), r.appendChild(f);
       });
     }, "#renderSplitContainers"));
-    d(this, zt, /* @__PURE__ */ h(() => {
+    d(this, Nt, /* @__PURE__ */ h(() => {
       ["left", "right", "body"].forEach((e) => {
         const i = this.querySelector(`.ng-container-${e}`), o = i == null ? void 0 : i.querySelectorAll("table");
         if (!i || !o || o.length === 0) return;
@@ -713,7 +708,7 @@ const ht = class ht extends HTMLElement {
       });
     }, "#updateContainerWidths"));
     E(this, "generate", /* @__PURE__ */ h((e) => {
-      e && (y(this, Z, ee.compile(e)), t(this, Ot).call(this), t(this, zt).call(this), t(this, G).initialize(), setTimeout(() => {
+      e && (y(this, Z, ee.compile(e)), t(this, Ot).call(this), t(this, Nt).call(this), t(this, G).initialize(), setTimeout(() => {
         var i;
         (i = this.querySelector("nine-table-hscrollbar")) == null || i.refresh();
       }, 0));
@@ -743,10 +738,10 @@ const ht = class ht extends HTMLElement {
       const i = this.querySelector(".ng-container-body .ng-part-body");
       i && (i.scrollTop = e);
     }, "scrollToY"));
-    d(this, Bt, /* @__PURE__ */ h(() => {
-      t(this, Nt).call(this);
+    d(this, zt, /* @__PURE__ */ h(() => {
+      t(this, Bt).call(this);
     }, "#init"));
-    d(this, Nt, /* @__PURE__ */ h(() => {
+    d(this, Bt, /* @__PURE__ */ h(() => {
       const e = ht.SCROLLBAR_SIZE;
       this.innerHTML = `
             <style>
@@ -892,17 +887,17 @@ const ht = class ht extends HTMLElement {
     y(this, G, new te(this)), y(this, Wt, this.getRootNode().host);
   }
   connectedCallback() {
-    t(this, Bt).call(this);
+    t(this, zt).call(this);
   }
   disconnectedCallback() {
     this.innerHTML = "", dt.log("NineTableSheet destroyed.");
   }
 };
-Wt = new WeakMap(), Z = new WeakMap(), G = new WeakMap(), Ot = new WeakMap(), zt = new WeakMap(), ot = new WeakMap(), Bt = new WeakMap(), Nt = new WeakMap(), h(ht, "NineTableSheet"), E(ht, "SCROLLBAR_SIZE", 16);
+Wt = new WeakMap(), Z = new WeakMap(), G = new WeakMap(), Ot = new WeakMap(), Nt = new WeakMap(), ot = new WeakMap(), zt = new WeakMap(), Bt = new WeakMap(), h(ht, "NineTableSheet"), E(ht, "SCROLLBAR_SIZE", 16);
 let Rt = ht;
 customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", Rt);
 var Pt, xt;
-const ge = class ge extends HTMLElement {
+const ue = class ue extends HTMLElement {
   constructor() {
     super();
     d(this, Pt, /* @__PURE__ */ h(() => {
@@ -916,24 +911,24 @@ const ge = class ge extends HTMLElement {
     d(this, xt, /* @__PURE__ */ h((e, i = !1) => {
       const o = /* @__PURE__ */ h(() => {
         const f = Array.from(this.querySelectorAll("nine-table-sheet"));
-        Array.from(this.querySelectorAll("nine-splitter")).forEach((g) => g.style.setProperty("display", "none"));
-        const b = f.filter((g) => g.classList.contains("active"));
-        b.length < 2 || b.forEach((g) => {
-          const p = parseInt(g.getAttribute("data-index"), 10), x = this.querySelector(`nine-splitter[data-split-index="${p}"]`), R = f[p + 1];
+        Array.from(this.querySelectorAll("nine-splitter")).forEach((u) => u.style.setProperty("display", "none"));
+        const b = f.filter((u) => u.classList.contains("active"));
+        b.length < 2 || b.forEach((u) => {
+          const p = parseInt(u.getAttribute("data-index"), 10), x = this.querySelector(`nine-splitter[data-split-index="${p}"]`), R = f[p + 1];
           x && R && R.classList.contains("active") && x.style.setProperty("display", "flex");
         });
       }, "updateSplitters"), r = this.querySelector(".nine-tab-bar"), s = this.querySelector("nine-table-sheets-body"), l = r.querySelectorAll(".nine-tab-item"), c = s.querySelectorAll("nine-table-sheet");
       if (!l[e]) return;
       if (!i)
-        l.forEach((f, u) => {
-          f.classList.toggle("active", u === e);
-        }), c.forEach((f, u) => {
-          const b = u === e;
+        l.forEach((f, g) => {
+          f.classList.toggle("active", g === e);
+        }), c.forEach((f, g) => {
+          const b = g === e;
           f.classList.toggle("active", b), f.style.flex = b ? "1 1 100%" : "";
         });
       else {
-        const f = l[e], u = r.querySelectorAll(".nine-tab-item.active");
-        if (f.classList.contains("active") && u.length <= 1)
+        const f = l[e], g = r.querySelectorAll(".nine-tab-item.active");
+        if (f.classList.contains("active") && g.length <= 1)
           return;
         f.classList.toggle("active");
         const b = s.querySelector(`nine-table-sheet[data-index="${e}"]`);
@@ -949,11 +944,11 @@ const ge = class ge extends HTMLElement {
     t(this, Pt).call(this);
   }
 };
-Pt = new WeakMap(), xt = new WeakMap(), h(ge, "NineTableSheets");
-let ne = ge;
+Pt = new WeakMap(), xt = new WeakMap(), h(ue, "NineTableSheets");
+let ne = ue;
 customElements.get("nine-table-sheets") || customElements.define("nine-table-sheets", ne);
 var L, Dt, vt, Yt;
-const ue = class ue {
+const ge = class ge {
   constructor(n) {
     d(this, L);
     d(this, Dt, /* @__PURE__ */ h(() => {
@@ -971,8 +966,8 @@ const ue = class ue {
     }, "#applyAutoHeight"));
     d(this, Yt, /* @__PURE__ */ h(() => {
       const e = Array.from(t(this, L).children).filter((c) => c.tagName === "TABLE"), i = t(this, L).getAttribute("auto-height") === "true", o = e.length, r = e.map((c, a) => {
-        const u = `<nine-table-sheet class="${a === 0 ? "active" : ""}" data-index="${a}"></nine-table-sheet>`, b = a < o - 1 ? `<nine-splitter class="h" data-split-index="${a}"></nine-splitter>` : "";
-        return u + b;
+        const g = `<nine-table-sheet class="${a === 0 ? "active" : ""}" data-index="${a}"></nine-table-sheet>`, b = a < o - 1 ? `<nine-splitter class="h" data-split-index="${a}"></nine-splitter>` : "";
+        return g + b;
       }).join(""), s = e.map((c, a) => `<div class="nine-tab-item ${a === 0 ? "active" : ""}" data-index="${a}">Sheet ${a + 1}</div>`).join("");
       t(this, L).shadowRoot.innerHTML = `
             <style>
@@ -1075,8 +1070,8 @@ const ue = class ue {
     y(this, L, n), t(this, Dt).call(this);
   }
 };
-L = new WeakMap(), Dt = new WeakMap(), vt = new WeakMap(), Yt = new WeakMap(), h(ue, "LayoutManager");
-let ie = ue;
+L = new WeakMap(), Dt = new WeakMap(), vt = new WeakMap(), Yt = new WeakMap(), h(ge, "LayoutManager");
+let ie = ge;
 var wt, st;
 const be = class be {
   constructor(n) {