@ninebone/table 0.0.84 → 0.0.86

package/dist/nine-table.js

@@ -1,115 +1,101 @@
-var ne = Object.defineProperty;
-var ie = (g) => {
-  throw TypeError(g);
+var ee = Object.defineProperty;
+var te = (p) => {
+  throw TypeError(p);
 };
-var se = (g, i, t) => i in g ? ne(g, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : g[i] = t;
-var f = (g, i) => ne(g, "name", { value: i, configurable: !0 });
-var L = (g, i, t) => se(g, typeof i != "symbol" ? i + "" : i, t), oe = (g, i, t) => i.has(g) || ie("Cannot " + t);
-var e = (g, i, t) => (oe(g, i, "read from private field"), t ? t.call(g) : i.get(g)), y = (g, i, t) => i.has(g) ? ie("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(g) : i.set(g, t), w = (g, i, t, r) => (oe(g, i, "write to private field"), r ? r.call(g, t) : i.set(g, t), t);
-import { trace as re } from "@ninebone/util";
-const Q = class Q extends re.constructor {
+var ie = (p, i, t) => i in p ? ee(p, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[i] = t;
+var b = (p, i) => ee(p, "name", { value: i, configurable: !0 });
+var C = (p, i, t) => ie(p, typeof i != "symbol" ? i + "" : i, t), ne = (p, i, t) => i.has(p) || te("Cannot " + t);
+var e = (p, i, t) => (ne(p, i, "read from private field"), t ? t.call(p) : i.get(p)), y = (p, i, t) => i.has(p) ? te("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(p) : i.set(p, t), S = (p, i, t, o) => (ne(p, i, "write to private field"), o ? o.call(p, t) : i.set(p, t), t);
+import { trace as oe } from "@ninebone/util";
+const G = class G extends oe.constructor {
   constructor() {
     super(), this.init("nine-table", "green");
   }
 };
-f(Q, "Trace");
-let Y = Q;
-const z = new Y();
-var k, E, o, A, R, T, N, I, X;
-const V = class V extends HTMLElement {
+b(G, "Trace");
+let K = G;
+const W = new K();
+var E, B, c, L, R, A, z;
+const J = class J extends HTMLElement {
   constructor() {
     super();
-    y(this, k);
-    y(this, E, !1);
-    y(this, o);
-    y(this, A);
+    y(this, E);
+    y(this, B);
+    y(this, c);
+    y(this, L);
     y(this, R);
-    y(this, T);
-    y(this, N, /* @__PURE__ */ f(() => {
-      if (!e(this, k)) return;
-      const t = e(this, k).querySelector(".ng-container-body");
-      t && (w(this, T, new ResizeObserver(() => {
-        this.refresh();
-      })), e(this, T).observe(t));
-    }, "#observeResize"));
-    L(this, "refresh", /* @__PURE__ */ f(() => {
-      if (!e(this, k) || e(this, E) || !e(this, o)) return;
-      const t = e(this, o).container, r = t.querySelector("table");
-      if (!r) return;
-      const p = $(e(this, o).track, this), l = $(e(this, o).thumb, this), h = e(this, k).querySelector(".ng-container-bottom");
-      if (t.clientWidth !== 0 && r.scrollWidth > t.clientWidth)
+    C(this, "refresh", /* @__PURE__ */ b(() => {
+      if (!e(this, E) || !e(this, c)) return;
+      const t = e(this, c).container, o = t.querySelector("table");
+      if (!o) return;
+      const r = $(e(this, c).track, this), d = $(e(this, c).thumb, this), h = e(this, E).querySelector(".ng-container-bottom");
+      if (t.clientWidth !== 0 && o.scrollWidth > t.clientWidth)
         $(h).show();
       else {
         $(h).hide();
         return;
       }
-      const s = p.width();
+      const s = r.width();
       if (s <= 0) return;
-      const u = t.clientWidth / r.scrollWidth, n = Math.max(Math.min(s * u, s), 20);
-      l.width(n);
-      const b = r.scrollWidth - t.clientWidth, a = s - n;
-      let c = 0;
-      b > 0 && (c = parseInt(t.scrollLeft / b * a, 10)), c < 0 && (c = 0), c > a && (c = a), l.css({ left: c + "px" }), e(this, o).left.disabled = t.scrollLeft <= 0, e(this, o).right.disabled = t.scrollLeft >= b;
+      const g = Math.min(s * t.clientWidth / o.scrollWidth, s);
+      d.width(Math.max(g, 20));
+      const n = parseInt($(o).css("left") || 0, 10);
+      let l = parseInt(Math.abs(n) * s / o.scrollWidth, 10);
+      l < 0 && (l = 0);
+      const a = r.width() - d.width();
+      l > a && (l = a), d.css({ left: l }), e(this, c).left.disabled = l == 0, e(this, c).right.disabled = l >= a;
     }, "refresh"));
-    y(this, I, /* @__PURE__ */ f((t) => {
-      if (!e(this, o)) return !1;
-      const r = e(this, o).container, p = r.querySelector("table");
-      if (!p) return !1;
-      const l = e(this, o).track.getBoundingClientRect(), h = $(e(this, o).thumb, this).width() || 20;
+    y(this, A, /* @__PURE__ */ b((t) => {
+      if (!e(this, c)) return !1;
+      const o = e(this, c).container, r = o.querySelector("table");
+      if (!r) return !1;
+      const d = e(this, c).track.getBoundingClientRect(), h = e(this, c).thumb.getBoundingClientRect();
       let s = t;
-      s < 0 && (s = 0), s + h > l.width && (s = l.width - h), s = parseInt(s, 10), e(this, o).thumb.style.left = s + "px";
-      const u = p.scrollWidth - r.clientWidth, n = l.width - h;
-      return n > 0 && u > 0 && (r.scrollLeft = s / n * u), e(this, o).left.disabled = s <= 0, e(this, o).right.disabled = s >= n, s > 0 && s < n;
+      s < 0 && (s = 0), s + h.width > d.width && (s = d.width - h.width), s = parseInt(s, 10), e(this, c).thumb.style.left = s + "px";
+      const g = o.clientWidth, n = r.scrollWidth;
+      let l = -s * (n - g) / (d.width - h.width);
+      -l > n - g && (l = -(n - g)), -l + 5 > n - g && (l = -(n - g)), g >= n && (l = 0), $(r).css({ left: l });
+      const a = d.width - h.width;
+      return e(this, c).left.disabled = s == 0, e(this, c).right.disabled = s >= a, s > 0 && s < a;
     }, "#thumbMoveTo"));
-    y(this, X, /* @__PURE__ */ f(() => {
-      const t = e(this, o).container;
-      t && t.addEventListener("scroll", () => {
-        e(this, E) || this.refresh();
-      });
-      const r = /* @__PURE__ */ f((l) => {
-        if (!e(this, o)) return;
-        clearInterval(e(this, A)), clearInterval(e(this, R));
-        const h = e(this, o).track.getBoundingClientRect(), s = e(this, o).thumb.getBoundingClientRect();
-        e(this, I).call(this, s.x - h.x + l), w(this, A, setInterval(() => {
-          clearInterval(e(this, A)), w(this, R, setInterval(() => {
-            if (!e(this, o)) {
-              clearInterval(e(this, R));
-              return;
-            }
-            const u = e(this, o).track.getBoundingClientRect(), n = e(this, o).thumb.getBoundingClientRect();
-            e(this, I).call(this, n.x - u.x + l) || clearInterval(e(this, R));
+    y(this, z, /* @__PURE__ */ b(() => {
+      const t = /* @__PURE__ */ b((r) => {
+        clearInterval(e(this, L)), clearInterval(e(this, R));
+        const d = e(this, c).track.getBoundingClientRect(), h = e(this, c).thumb.getBoundingClientRect();
+        e(this, A).call(this, h.x - d.x + r), S(this, L, setInterval(() => {
+          clearInterval(e(this, L)), S(this, R, setInterval(() => {
+            const s = e(this, c).track.getBoundingClientRect(), g = e(this, c).thumb.getBoundingClientRect();
+            e(this, A).call(this, g.x - s.x + r) || clearInterval(e(this, R));
           }, 10));
         }, 500));
-      }, "delayScroll"), p = /* @__PURE__ */ f(() => {
-        clearInterval(e(this, A)), clearInterval(e(this, R));
+      }, "delayScroll"), o = /* @__PURE__ */ b(() => {
+        clearInterval(e(this, L)), clearInterval(e(this, R));
       }, "clearTimer");
-      e(this, o).left.ontouchend = e(this, o).right.ontouchend = e(this, o).track.ontouchend = e(this, o).left.onmouseup = e(this, o).left.onmouseleave = e(this, o).right.onmouseup = e(this, o).right.onmouseleave = e(this, o).track.onmouseup = e(this, o).track.onmouseleave = p, $(e(this, o).left).on("mousedown", (l) => {
-        l.buttons == 1 && r(-20);
-      }), $(e(this, o).right).on("mousedown", (l) => {
-        l.buttons == 1 && r(20);
-      }), $(e(this, o).track).on("mousedown", (l) => {
-        if (l.buttons != 1) return;
-        l.preventDefault();
-        const h = e(this, o).track.getBoundingClientRect(), s = $(e(this, o).thumb, this).width() || 20;
-        e(this, I).call(this, l.clientX - h.left - s / 2);
-      }), $(e(this, o).thumb).on("mousedown", (l) => {
-        if (l.buttons != 1) return;
-        l.stopPropagation(), l.preventDefault(), w(this, E, !0);
-        const h = e(this, o).thumb.getBoundingClientRect();
-        this.shiftX = l.clientX - h.left;
-        const s = /* @__PURE__ */ f((n) => {
-          if (!e(this, E) || !e(this, o)) return;
-          const b = e(this, o).track.getBoundingClientRect();
-          e(this, I).call(this, n.clientX - b.left - this.shiftX);
-        }, "onMouseMove"), u = /* @__PURE__ */ f(() => {
-          w(this, E, !1), p(), document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", u), this.refresh();
+      e(this, c).left.onmouseup = e(this, c).left.onmouseleave = e(this, c).right.onmouseup = e(this, c).right.onmouseleave = e(this, c).track.onmouseup = e(this, c).track.onmouseleave = o, $(e(this, c).left).on("mousedown", (r) => {
+        r.buttons == 1 && t(-10);
+      }), $(e(this, c).right).on("mousedown", (r) => {
+        r.buttons == 1 && t(10);
+      }), $(e(this, c).track).on("mousedown", (r) => {
+        if (r.buttons != 1) return;
+        r.preventDefault();
+        const d = e(this, c).track.getBoundingClientRect(), h = e(this, c).thumb.getBoundingClientRect().width;
+        e(this, A).call(this, r.clientX - d.left - h / 2);
+      }), $(e(this, c).thumb).on("mousedown", (r) => {
+        if (r.buttons != 1) return;
+        r.stopPropagation(), r.preventDefault(), S(this, B, !0), this.shiftX = r.clientX - e(this, c).thumb.getBoundingClientRect().left;
+        const d = /* @__PURE__ */ b((s) => {
+          if (!e(this, B)) return;
+          const g = e(this, c).track.getBoundingClientRect();
+          e(this, A).call(this, s.clientX - g.left - this.shiftX);
+        }, "onMouseMove"), h = /* @__PURE__ */ b(() => {
+          S(this, B, !1), o(), document.removeEventListener("mousemove", d), document.removeEventListener("mouseup", h), this.refresh();
         }, "onMouseUp");
-        document.addEventListener("mousemove", s), document.addEventListener("mouseup", u);
+        document.addEventListener("mousemove", d), document.addEventListener("mouseup", h);
       });
     }, "#init"));
   }
   connectedCallback() {
-    w(this, k, this.getRootNode().host), e(this, k) && (this.innerHTML = `
+    S(this, E, this.getRootNode().host), e(this, E) && (this.innerHTML = `
             <style>
                 nine-table-hscrollbar {
                     display: flex;
@@ -170,109 +156,105 @@ const V = class V extends HTMLElement {
             </style>
             <button class='ng-scroll-left' disabled><div class='ng-scroll-icon'></div></button>
             <div class='ng-scroll-track'><div class='ng-scroll-thumb'></div></div>
-            <button class='ng-scroll-right' disabled><div class='ng-scroll-icon'></div></button>
+            <button class='ng-scroll-right'><div class='ng-scroll-icon'></div></button>
         `, requestAnimationFrame(() => {
-      if (!e(this, k)) return;
-      const t = e(this, k).querySelector(".ng-container-body");
-      t && (w(this, o, {
+      const t = e(this, E).querySelector(".ng-container-body");
+      t && (S(this, c, {
         container: t,
         track: this.querySelector(".ng-scroll-track"),
         thumb: this.querySelector(".ng-scroll-thumb"),
         left: this.querySelector(".ng-scroll-left"),
         right: this.querySelector(".ng-scroll-right")
-      }), e(this, X).call(this), e(this, N).call(this), this.refresh());
+      }), e(this, z).call(this), this.refresh());
     }));
   }
-  disconnectedCallback() {
-    e(this, T) && e(this, T).disconnect();
-  }
 };
-k = new WeakMap(), E = new WeakMap(), o = new WeakMap(), A = new WeakMap(), R = new WeakMap(), T = new WeakMap(), N = new WeakMap(), I = new WeakMap(), X = new WeakMap(), f(V, "NineTableHScrollBar");
-let D = V;
-customElements.get("nine-table-hscrollbar") || customElements.define("nine-table-hscrollbar", D);
-var C, O;
-const B = class B extends HTMLElement {
+E = new WeakMap(), B = new WeakMap(), c = new WeakMap(), L = new WeakMap(), R = new WeakMap(), A = new WeakMap(), z = new WeakMap(), b(J, "NineTableHScrollBar");
+let P = J;
+customElements.get("nine-table-hscrollbar") || customElements.define("nine-table-hscrollbar", P);
+var q, N;
+const T = class T extends HTMLElement {
   constructor() {
     super();
-    y(this, C, null);
-    L(this, "init", /* @__PURE__ */ f((t) => {
+    y(this, q, null);
+    C(this, "init", /* @__PURE__ */ b((t) => {
       if (!t) return;
-      const r = /* @__PURE__ */ f((n) => {
-        const b = /* @__PURE__ */ f((c) => {
-          if (c.querySelector("colgroup")) return;
-          const d = c.querySelector("tbody tr") || c.querySelector("tr"), x = d ? d.querySelectorAll("th, td").length : 1, m = document.createElement("colgroup"), S = Math.max(Math.floor((c.clientWidth || 600) / x), 100);
+      const o = /* @__PURE__ */ b((n) => {
+        const l = /* @__PURE__ */ b((f) => {
+          if (f.querySelector("colgroup")) return;
+          const u = f.querySelector("tbody tr") || f.querySelector("tr"), x = u ? u.querySelectorAll("th, td").length : 1, m = document.createElement("colgroup"), w = Math.max(Math.floor((f.clientWidth || 600) / x), 100);
           for (let v = 0; v < x; v++) {
-            const P = document.createElement("col");
-            P.setAttribute("width", S), m.appendChild(P);
+            const F = document.createElement("col");
+            F.setAttribute("width", w), m.appendChild(F);
           }
-          c.prepend(m);
-        }, "ensureColgroup"), a = /* @__PURE__ */ f((c) => {
-          if (c.querySelector("thead")) return;
-          const d = document.createElement("thead"), x = c.querySelector("colgroup");
-          x ? x.after(d) : c.prepend(d);
+          f.prepend(m);
+        }, "ensureColgroup"), a = /* @__PURE__ */ b((f) => {
+          if (f.querySelector("thead")) return;
+          const u = document.createElement("thead"), x = f.querySelector("colgroup");
+          x ? x.after(u) : f.prepend(u);
         }, "ensureThead");
-        return b(n), a(n), n.classList.add("nine-table-element"), n;
-      }, "initializeTable"), p = t.cloneNode(!0);
-      w(this, C, r(p)), e(this, C).style.display = "table";
-      const l = this.querySelector(".ng-container-left"), h = this.querySelector(".ng-container-body"), s = this.querySelector(".ng-container-right"), u = /* @__PURE__ */ f((n, b, a = !1) => {
-        const c = n.cloneNode(!0), d = Array.from(c.querySelectorAll("colgroup col")), x = [];
-        return d.forEach((m, S) => {
+        return l(n), a(n), n.classList.add("nine-table-element"), n;
+      }, "initializeTable"), r = t.cloneNode(!0);
+      S(this, q, o(r)), e(this, q).style.display = "table";
+      const d = this.querySelector(".ng-container-left"), h = this.querySelector(".ng-container-body"), s = this.querySelector(".ng-container-right"), g = /* @__PURE__ */ b((n, l, a = !1) => {
+        const f = n.cloneNode(!0), u = Array.from(f.querySelectorAll("colgroup col")), x = [];
+        return u.forEach((m, w) => {
           const v = m.getAttribute("fixed");
-          (a ? !v || v === "" : v === b) || x.push(S);
+          (a ? !v || v === "" : v === l) || x.push(w);
         }), x.reverse().forEach((m) => {
-          d[m] && d[m].remove(), c.querySelectorAll("tr").forEach((S) => {
-            const v = S.querySelectorAll("th, td");
+          u[m] && u[m].remove(), f.querySelectorAll("tr").forEach((w) => {
+            const v = w.querySelectorAll("th, td");
             v[m] && v[m].remove();
           });
-        }), c;
+        }), f;
       }, "filterTableByFixed");
       if (h) {
-        const n = u(e(this, C), null, !0);
+        const n = g(e(this, q), null, !0);
         h.innerHTML = "", h.appendChild(n);
       }
-      if (l) {
-        const n = u(e(this, C), "left", !1);
-        let b = 0;
-        n.querySelectorAll("col").forEach((c) => {
-          const d = parseInt(c.getAttribute("width"), 10);
-          isNaN(d) || (b += d);
-        }), l.innerHTML = "", l.appendChild(n);
-        const a = b > 0 ? b : 0;
-        l.style.flex = `0 0 ${a}px`, l.style.width = `${a}px`;
+      if (d) {
+        const n = g(e(this, q), "left", !1);
+        let l = 0;
+        n.querySelectorAll("col").forEach((f) => {
+          const u = parseInt(f.getAttribute("width"), 10);
+          isNaN(u) || (l += u);
+        }), d.innerHTML = "", d.appendChild(n);
+        const a = l > 0 ? l : 0;
+        d.style.flex = `0 0 ${a}px`, d.style.width = `${a}px`;
       }
       if (s) {
-        const n = u(e(this, C), "right", !1);
-        let b = 0;
-        n.querySelectorAll("col").forEach((c) => {
-          const d = parseInt(c.getAttribute("width"), 10);
-          isNaN(d) || (b += d);
+        const n = g(e(this, q), "right", !1);
+        let l = 0;
+        n.querySelectorAll("col").forEach((f) => {
+          const u = parseInt(f.getAttribute("width"), 10);
+          isNaN(u) || (l += u);
         }), s.innerHTML = "", s.appendChild(n);
-        const a = b > 0 ? b : 0;
+        const a = l > 0 ? l : 0;
         s.style.flex = `0 0 ${a}px`, s.style.width = `${a}px`;
       }
       if (h) {
         const n = this.getRowCount();
         h.style.overflowY = n > 10 ? "auto" : "hidden", h.addEventListener("scroll", () => {
-          const b = this.querySelector("nine-table-hscrollbar");
-          b && typeof b.refresh == "function" && b.refresh();
+          const l = this.querySelector("nine-table-hscrollbar");
+          l && typeof l.refresh == "function" && l.refresh();
         });
       }
       setTimeout(() => {
         const n = this.querySelector("nine-table-hscrollbar");
         n && typeof n.refresh == "function" && n.refresh();
-      }, 0), z.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`);
+      }, 0), W.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`);
     }, "init"));
-    L(this, "getRowCount", /* @__PURE__ */ f(() => e(this, C) ? e(this, C).querySelectorAll("tbody tr").length : 0, "getRowCount"));
-    L(this, "scrollToX", /* @__PURE__ */ f((t) => {
-      const r = this.querySelector(".ng-container-body");
-      r && (r.scrollLeft = t);
+    C(this, "getRowCount", /* @__PURE__ */ b(() => e(this, q) ? e(this, q).querySelectorAll("tbody tr").length : 0, "getRowCount"));
+    C(this, "scrollToX", /* @__PURE__ */ b((t) => {
+      const o = this.querySelector(".ng-container-body");
+      o && (o.scrollLeft = t);
     }, "scrollToX"));
-    L(this, "scrollToY", /* @__PURE__ */ f((t) => {
-      const r = this.querySelector(".ng-container-body");
-      r && (r.scrollTop = t);
+    C(this, "scrollToY", /* @__PURE__ */ b((t) => {
+      const o = this.querySelector(".ng-container-body");
+      o && (o.scrollTop = t);
     }, "scrollToY"));
-    y(this, O, /* @__PURE__ */ f(() => {
-      const t = B.SCROLLBAR_SIZE;
+    y(this, N, /* @__PURE__ */ b(() => {
+      const t = T.SCROLLBAR_SIZE;
       this.innerHTML = `
             <style>
                 nine-table-sheet {
@@ -389,109 +371,109 @@ const B = class B extends HTMLElement {
     }, "#render"));
   }
   connectedCallback() {
-    e(this, O).call(this);
+    e(this, N).call(this);
   }
   disconnectedCallback() {
-    this.innerHTML = "", z.log("NineTableSheet destroyed.");
+    this.innerHTML = "", W.log("NineTableSheet destroyed.");
   }
 };
-C = new WeakMap(), O = new WeakMap(), f(B, "NineTableSheet"), L(B, "SCROLLBAR_SIZE", 16);
-let Z = B;
-customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", Z);
-var j;
-const _ = class _ extends HTMLElement {
+q = new WeakMap(), N = new WeakMap(), b(T, "NineTableSheet"), C(T, "SCROLLBAR_SIZE", 16);
+let Y = T;
+customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", Y);
+var X;
+const Q = class Q extends HTMLElement {
   constructor() {
     super();
-    y(this, j, /* @__PURE__ */ f(() => {
+    y(this, X, /* @__PURE__ */ b(() => {
       const t = this.querySelector(".nine-tab-bar");
-      t && (t.addEventListener("click", (r) => {
-        const p = r.target.closest(".nine-tab-item");
-        if (!p) return;
-        const l = r.ctrlKey || r.metaKey || r.shiftKey, h = parseInt(p.dataset.index, 10);
-        this.switchSheet(h, l);
+      t && (t.addEventListener("click", (o) => {
+        const r = o.target.closest(".nine-tab-item");
+        if (!r) return;
+        const d = o.ctrlKey || o.metaKey || o.shiftKey, h = parseInt(r.dataset.index, 10);
+        this.switchSheet(h, d);
       }), this.switchSheet(0, !1));
     }, "#init"));
-    L(this, "switchSheet", /* @__PURE__ */ f((t, r = !1) => {
-      const p = /* @__PURE__ */ f(() => {
+    C(this, "switchSheet", /* @__PURE__ */ b((t, o = !1) => {
+      const r = /* @__PURE__ */ b(() => {
         const a = this.querySelector("nine-table-sheets-body");
-        a.querySelectorAll("nine-splitter").forEach((d) => {
-          const x = parseInt(d.dataset.splitIndex, 10), m = a.querySelector(`nine-table-sheet[data-index="${x - 1}"]`), S = a.querySelector(`nine-table-sheet[data-index="${x}"]`);
-          m && S && m.classList.contains("active") && S.classList.contains("active") ? d.classList.add("active") : d.classList.remove("active");
+        a.querySelectorAll("nine-splitter").forEach((u) => {
+          const x = parseInt(u.dataset.splitIndex, 10), m = a.querySelector(`nine-table-sheet[data-index="${x - 1}"]`), w = a.querySelector(`nine-table-sheet[data-index="${x}"]`);
+          m && w && m.classList.contains("active") && w.classList.contains("active") ? u.classList.add("active") : u.classList.remove("active");
         });
-      }, "updateSplitters"), l = this.querySelector(".nine-tab-bar"), h = this.querySelector("nine-table-sheets-body"), s = l.querySelectorAll(".nine-tab-item"), u = h.querySelectorAll("nine-table-sheet");
+      }, "updateSplitters"), d = this.querySelector(".nine-tab-bar"), h = this.querySelector("nine-table-sheets-body"), s = d.querySelectorAll(".nine-tab-item"), g = h.querySelectorAll("nine-table-sheet");
       if (!s[t]) return;
-      if (!r)
-        s.forEach((a, c) => {
-          a.classList.toggle("active", c === t);
-          const d = h.querySelector(`nine-table-sheet[data-index="${c}"]`);
-          d && (d.style.flex = "");
-        }), u.forEach((a, c) => {
-          a.classList.toggle("active", c === t);
+      if (!o)
+        s.forEach((a, f) => {
+          a.classList.toggle("active", f === t);
+          const u = h.querySelector(`nine-table-sheet[data-index="${f}"]`);
+          u && (u.style.flex = "");
+        }), g.forEach((a, f) => {
+          a.classList.toggle("active", f === t);
         });
       else {
-        const a = s[t], c = l.querySelectorAll(".nine-tab-item.active");
-        if (a.classList.contains("active") && c.length <= 1)
+        const a = s[t], f = d.querySelectorAll(".nine-tab-item.active");
+        if (a.classList.contains("active") && f.length <= 1)
           return;
         a.classList.toggle("active");
-        const d = h.querySelector(`nine-table-sheet[data-index="${t}"]`);
-        d && (d.classList.toggle("active"), d.classList.contains("active") || (d.style.flex = ""));
+        const u = h.querySelector(`nine-table-sheet[data-index="${t}"]`);
+        u && (u.classList.toggle("active"), u.classList.contains("active") || (u.style.flex = ""));
       }
       const n = Array.from(h.querySelectorAll("nine-table-sheet.active"));
       if (n.length > 1) {
         const a = 1 / n.length;
-        n.forEach((c) => {
-          (!c.style.flex || c.style.flex === "1 1 100%") && (c.style.flex = `${a} ${a} 0px`);
+        n.forEach((f) => {
+          (!f.style.flex || f.style.flex === "1 1 100%") && (f.style.flex = `${a} ${a} 0px`);
         });
       } else
         n.forEach((a) => {
           a.style.flex = "1 1 100%";
         });
-      p();
-      const b = h.querySelector("nine-table-sheet.active");
-      if (b && typeof b.getRowCount == "function") {
+      r();
+      const l = h.querySelector("nine-table-sheet.active");
+      if (l && typeof l.getRowCount == "function") {
         const a = this.querySelector("#row-count");
-        a && (a.textContent = b.getRowCount().toLocaleString());
+        a && (a.textContent = l.getRowCount().toLocaleString());
       }
     }, "switchSheet"));
   }
   connectedCallback() {
-    e(this, j).call(this);
+    e(this, X).call(this);
   }
 };
-j = new WeakMap(), f(_, "NineTableSheets");
-let U = _;
-customElements.get("nine-table-sheets") || customElements.define("nine-table-sheets", U);
-var q, M, F, H, K;
-const ee = class ee {
+X = new WeakMap(), b(Q, "NineTableSheets");
+let D = Q;
+customElements.get("nine-table-sheets") || customElements.define("nine-table-sheets", D);
+var k, I, j, M, O;
+const V = class V {
   constructor(i) {
-    y(this, q);
-    y(this, M, null);
-    y(this, F, /* @__PURE__ */ f(() => {
-      const i = e(this, q).host;
-      i && (w(this, M, new ResizeObserver((t) => {
-        for (let r of t)
-          i.getAttribute("auto-height") === "true" && e(this, H).call(this, i);
-      })), e(this, M).observe(i));
+    y(this, k);
+    y(this, I, null);
+    y(this, j, /* @__PURE__ */ b(() => {
+      const i = e(this, k).host;
+      i && (S(this, I, new ResizeObserver((t) => {
+        for (let o of t)
+          i.getAttribute("auto-height") === "true" && e(this, M).call(this, i);
+      })), e(this, I).observe(i));
     }, "#observeResize"));
-    y(this, H, /* @__PURE__ */ f((i) => {
-      var S, v;
-      const t = (S = i.shadowRoot) == null ? void 0 : S.querySelector("nine-table-sheet.active");
+    y(this, M, /* @__PURE__ */ b((i) => {
+      var w, v;
+      const t = (w = i.shadowRoot) == null ? void 0 : w.querySelector("nine-table-sheet.active");
       if (!t) return;
-      const r = ((v = t.getRowCount) == null ? void 0 : v.call(t)) || 0, p = parseInt(i.getAttribute("max-display-row"), 10) || 10, l = Math.min(r, p), h = t.querySelector("tbody tr") || t.querySelector("tr"), s = h ? h.getBoundingClientRect().height : 32, u = e(this, q).querySelector("nine-table-header"), n = e(this, q).querySelector("nine-table-sheets-footer"), b = u ? u.getBoundingClientRect().height : 40, a = n ? n.getBoundingClientRect().height : 32, d = b + a + 16, x = l * s + d;
-      i.style.height = `${x}px`, i.style.maxHeight = `${p * s + d}px`;
-      const m = e(this, q).querySelector("nine-table-sheets-body");
-      m && (m.style.overflowY = r > p ? "auto" : "hidden");
+      const o = ((v = t.getRowCount) == null ? void 0 : v.call(t)) || 0, r = parseInt(i.getAttribute("max-display-row"), 10) || 10, d = Math.min(o, r), h = t.querySelector("tbody tr") || t.querySelector("tr"), s = h ? h.getBoundingClientRect().height : 32, g = e(this, k).querySelector("nine-table-header"), n = e(this, k).querySelector("nine-table-sheets-footer"), l = g ? g.getBoundingClientRect().height : 40, a = n ? n.getBoundingClientRect().height : 32, u = l + a + 16, x = d * s + u;
+      i.style.height = `${x}px`, i.style.maxHeight = `${r * s + u}px`;
+      const m = e(this, k).querySelector("nine-table-sheets-body");
+      m && (m.style.overflowY = o > r ? "auto" : "hidden");
     }, "#applyAutoHeight"));
-    y(this, K, /* @__PURE__ */ f(() => {
-      const i = e(this, q).host, r = Array.from(i.children).filter((u) => u.tagName === "TABLE"), p = i.getAttribute("auto-height") === "true", l = r.map((u, n) => `<nine-table-sheet class="${n === 0 ? "active" : ""}" data-index="${n}"></nine-table-sheet>`).join(""), h = r.map((u, n) => `<div class="nine-tab-item ${n === 0 ? "active" : ""}" data-index="${n}">Sheet ${n + 1}</div>`).join("");
-      e(this, q).innerHTML = `
+    y(this, O, /* @__PURE__ */ b(() => {
+      const i = e(this, k).host, o = Array.from(i.children).filter((g) => g.tagName === "TABLE"), r = i.getAttribute("auto-height") === "true", d = o.map((g, n) => `<nine-table-sheet class="${n === 0 ? "active" : ""}" data-index="${n}"></nine-table-sheet>`).join(""), h = o.map((g, n) => `<div class="nine-tab-item ${n === 0 ? "active" : ""}" data-index="${n}">Sheet ${n + 1}</div>`).join("");
+      e(this, k).innerHTML = `
             <style>
                 :host { 
                     display: flex; 
                     flex-direction: column; 
                     position: relative; 
                     overflow: hidden; 
-                    height: ${p ? "auto" : "100%"}; 
+                    height: ${r ? "auto" : "100%"}; 
                     background: #fff; 
                 }
                 nine-table-header { height: 40px; display: block; flex-shrink: 0; border-bottom: 1px solid #e5e7eb; background: #fff; }
@@ -572,7 +554,7 @@ const ee = class ee {
             <nine-table-body>
                 <nine-table-summary></nine-table-summary>
                 <nine-table-sheets>
-                    <nine-table-sheets-body>${l}</nine-table-sheets-body>
+                    <nine-table-sheets-body>${d}</nine-table-sheets-body>
                     <nine-table-sheets-footer>
                         <div class="nine-tab-bar">${h}</div>
                         <div class="sheets-counter">Total : <span id="row-count">0</span></div>
@@ -582,33 +564,33 @@ const ee = class ee {
             </nine-table-body>
             <nine-table-footer></nine-table-footer>
         `;
-      const s = e(this, q).querySelectorAll("nine-table-sheet");
-      s == null || s.forEach((u, n) => {
-        r[n] && setTimeout(() => {
-          u.init(r[n]), p && e(this, H).call(this, i);
+      const s = e(this, k).querySelectorAll("nine-table-sheet");
+      s == null || s.forEach((g, n) => {
+        o[n] && setTimeout(() => {
+          g.init(o[n]), r && e(this, M).call(this, i);
         });
       });
     }, "#render"));
-    w(this, q, i), e(this, K).call(this), e(this, F).call(this);
+    S(this, k, i), e(this, O).call(this), e(this, j).call(this);
   }
 };
-q = new WeakMap(), M = new WeakMap(), F = new WeakMap(), H = new WeakMap(), K = new WeakMap(), f(ee, "LayoutManager");
-let G = ee;
-var W;
-const te = class te extends HTMLElement {
+k = new WeakMap(), I = new WeakMap(), j = new WeakMap(), M = new WeakMap(), O = new WeakMap(), b(V, "LayoutManager");
+let Z = V;
+var H;
+const _ = class _ extends HTMLElement {
   constructor() {
     super();
-    y(this, W, !1);
+    y(this, H, !1);
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    e(this, W) || (this.layoutManager = new G(this.shadowRoot), w(this, W, !0), z.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } })));
+    e(this, H) || (this.layoutManager = new Z(this.shadowRoot), S(this, H, !0), W.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } })));
   }
   disconnectedCallback() {
-    z.log("NineTable disconnected.");
+    W.log("NineTable disconnected.");
   }
 };
-W = new WeakMap(), f(te, "NineTable");
-let J = te;
-customElements.get("nine-table") || customElements.define("nine-table", J);
+H = new WeakMap(), b(_, "NineTable");
+let U = _;
+customElements.get("nine-table") || customElements.define("nine-table", U);
 //# sourceMappingURL=nine-table.js.map