@ninebone/table 0.0.81 → 0.0.83

package/dist/nine-table.js

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

package/dist/nine-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"nine-table.js","sources":["../src/external/NoPeer.js","../src/ui/nine-table-hscrollbar.js","../src/ui/nine-table-sheet.js","../src/ui/nine-table-sheets.js","../src/ui/LayoutManager.js","../src/core/nine-table.js"],"sourcesContent":["import { trace as traceOrigin } from '@ninebone/util';\n\nexport class Trace extends traceOrigin.constructor {\n    constructor() {\n        super();\n        this.init(\"nine-table\", \"green\");\n    }\n}\n\nexport const trace = new Trace();","import { trace } from \"@nopeer\";\n\nclass NineTableHScrollBar extends HTMLElement {\n    #owner;\n    #dragging;\n    #elements;\n    #interval1;\n    #interval2;\n\n    constructor() {\n        super();\n    }\n\n    connectedCallback() {\n        this.#owner = this.getRootNode().host;\n        if (!this.#owner) return;\n\n        this.innerHTML = `\n            <style>\n                nine-table-hscrollbar {\n                    display: flex;\n                    flex-direction: row;\n                    width: 100%;\n                    height: 100%;\n                    background: #f9fafb;\n                    box-sizing: border-box;\n                    user-select: none;\n                    position: relative;\n                }\n                nine-table-hscrollbar button {\n                    width: 16px;\n                    height: 100%;\n                    background: #f3f4f6;\n                    border: none;\n                    cursor: pointer;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    padding: 0;\n                    flex-shrink: 0;\n                    z-index: 2;\n                }\n                nine-table-hscrollbar button:disabled {\n                    opacity: 0.4;\n                    cursor: default;\n                }\n                nine-table-hscrollbar .ng-scroll-icon {\n                    width: 6px;\n                    height: 6px;\n                    border-top: 2px solid #6b7280;\n                    border-right: 2px solid #6b7280;\n                }\n                nine-table-hscrollbar .ng-scroll-left .ng-scroll-icon { transform: rotate(-135deg); }\n                nine-table-hscrollbar .ng-scroll-right .ng-scroll-icon { transform: rotate(45deg); }\n                nine-table-hscrollbar .ng-scroll-track {\n                    flex: 1;\n                    height: 100%;\n                    position: relative;\n                    background: #f3f4f6;\n                    overflow: hidden;\n                }\n                nine-table-hscrollbar .ng-scroll-thumb {\n                    position: absolute;\n                    top: 2px;\n                    bottom: 2px;\n                    left: 0px;\n                    width: 30px;\n                    background: #9ca3af;\n                    border-radius: 4px;\n                    cursor: pointer;\n                    z-index: 1;\n                }\n                nine-table-hscrollbar .ng-scroll-thumb:hover {\n                    background: #6b7280;\n                }\n            </style>\n            <button class='ng-scroll-left' disabled><div class='ng-scroll-icon'></div></button>\n            <div class='ng-scroll-track'><div class='ng-scroll-thumb'></div></div>\n            <button class='ng-scroll-right'><div class='ng-scroll-icon'></div></button>\n        `;\n\n        this.#elements = {\n            container : this.#owner.querySelector(\".ng-container-body\"),\n            track     : this.querySelector(\".ng-scroll-track\"),\n            thumb     : this.querySelector(\".ng-scroll-thumb\"),\n            left      : this.querySelector(\".ng-scroll-left\"),\n            right     : this.querySelector(\".ng-scroll-right\"),\n        };\n\n        this.#init();\n\n        // DOM 레이아웃이 완전히 잡힌 뒤 갱신되도록 requestAnimationFrame 사용\n        requestAnimationFrame(() => {\n            this.refresh();\n        });\n    }\n\n    refresh = () => {\n        if (!this.#owner) return;\n\n        const body = this.#owner.querySelector(\".ng-container-body\");\n        if (!body) return;\n\n        const table = body.querySelector(\"table\");\n        if (!table) return;\n\n        const track = $(this.#elements.track, this);\n        const thumb = $(this.#elements.thumb, this);\n\n        const bottomContainer = this.#owner.querySelector(\".ng-container-bottom\");\n\n        // 테이블 내용이 컨테이너보다 넓을 때만 스크롤바 노출\n        if (body.clientWidth !== 0 && table.scrollWidth > body.clientWidth) {\n            $(bottomContainer).show();\n        } else {\n            $(bottomContainer).hide();\n            return;\n        }\n\n        const trackWidth = track.width();\n        if (trackWidth <= 0) return;\n\n        // 썸 너비 산출 (최소 20px 보장)\n        const ratio = body.clientWidth / table.scrollWidth;\n        const thumbWidth = Math.max(Math.min(trackWidth * ratio, trackWidth), 20);\n        thumb.width(thumbWidth);\n\n        const maxScrollLeft = table.scrollWidth - body.clientWidth;\n        const maxThumbLeft = trackWidth - thumbWidth;\n\n        let l = 0;\n        if (maxScrollLeft > 0) {\n            l = parseInt((body.scrollLeft / maxScrollLeft) * maxThumbLeft, 10);\n        }\n        if (l < 0) l = 0;\n        if (l > maxThumbLeft) l = maxThumbLeft;\n\n        thumb.css({ left: l + 'px' });\n\n        this.#elements.left.disabled = (body.scrollLeft <= 0);\n        this.#elements.right.disabled = (body.scrollLeft >= maxScrollLeft);\n    };\n\n    #thumbMoveTo = (x) => {\n        if (!this.#elements) return;\n\n        const body = this.#owner.querySelector(\".ng-container-body\");\n        const table = body.querySelector(\"table\");\n        if (!table) return;\n\n        const trackBound = this.#elements.track.getBoundingClientRect();\n        const thumbWidth = $(this.#elements.thumb, this).width() || 20;\n\n        let targetX = x;\n        if (targetX < 0) targetX = 0;\n        if (targetX + thumbWidth > trackBound.width) targetX = trackBound.width - thumbWidth;\n        targetX = parseInt(targetX, 10);\n\n        this.#elements.thumb.style.left = targetX + 'px';\n\n        const maxScrollLeft = table.scrollWidth - body.clientWidth;\n        const maxThumbLeft = trackBound.width - thumbWidth;\n\n        if (maxThumbLeft > 0 && maxScrollLeft > 0) {\n            body.scrollLeft = (targetX / maxThumbLeft) * maxScrollLeft;\n        }\n\n        this.#elements.left.disabled = targetX <= 0;\n        this.#elements.right.disabled = targetX >= maxThumbLeft;\n\n        return (targetX > 0 && targetX < maxThumbLeft);\n    };\n\n    #init = () => {\n        const body = this.#owner.querySelector(\".ng-container-body\");\n\n        if (body) {\n            body.addEventListener('scroll', () => {\n                this.refresh();\n            });\n        }\n\n        const delayScroll = (pos) => {\n            clearInterval(this.#interval1);\n            clearInterval(this.#interval2);\n\n            const trackBound = this.#elements.track.getBoundingClientRect();\n            const thumbBound = this.#elements.thumb.getBoundingClientRect();\n\n            this.#thumbMoveTo((thumbBound.x - trackBound.x) + pos);\n\n            this.#interval1 = setInterval(() => {\n                clearInterval(this.#interval1);\n\n                this.#interval2 = setInterval(() => {\n                    const tBound = this.#elements.track.getBoundingClientRect();\n                    const thBound = this.#elements.thumb.getBoundingClientRect();\n                    if (!this.#thumbMoveTo((thBound.x - tBound.x) + pos)) {\n                        clearInterval(this.#interval2);\n                    }\n                }, 10);\n            }, 500);\n        };\n\n        const clearTimer = () => {\n            clearInterval(this.#interval1);\n            clearInterval(this.#interval2);\n        };\n\n        this.#elements.left.ontouchend =\n            this.#elements.right.ontouchend =\n                this.#elements.track.ontouchend =\n                    this.#elements.left.onmouseup =\n                        this.#elements.left.onmouseleave =\n                            this.#elements.right.onmouseup =\n                                this.#elements.right.onmouseleave =\n                                    this.#elements.track.onmouseup =\n                                        this.#elements.track.onmouseleave = clearTimer;\n\n        $(this.#elements.left).on(\"mousedown\", e => { if (e.buttons != 1) return; delayScroll(-10); });\n        $(this.#elements.right).on(\"mousedown\", e => { if (e.buttons != 1) return; delayScroll(10); });\n\n        $(this.#elements.left).on(\"touchstart\", e => { delayScroll(-10); });\n        $(this.#elements.right).on(\"touchstart\", e => { delayScroll(10); });\n\n        $(this.#elements.track).on(\"mousedown\", e => {\n            if (e.buttons != 1) return;\n            e.preventDefault();\n            const trackRect = this.#elements.track.getBoundingClientRect();\n            const thumbWidth = $(this.#elements.thumb, this).width() || 20;\n            this.#thumbMoveTo(e.clientX - trackRect.left - (thumbWidth / 2));\n        });\n\n        $(this.#elements.thumb).on(\"mousedown\", e => {\n            e.stopPropagation();\n            this.#dragging = true;\n            this.shiftX = e.clientX - this.#elements.thumb.getBoundingClientRect().left;\n            document.addEventListener('mousemove', this.#thumb_onMouseMove);\n        });\n\n        document.addEventListener('mouseup', () => {\n            if (!this.#dragging) return;\n            this.#dragging = false;\n            clearTimer();\n            document.removeEventListener('mousemove', this.#thumb_onMouseMove);\n        });\n    };\n\n    #thumb_onMouseMove = e => {\n        if (!this.#dragging) return;\n        const trackRect = this.#elements.track.getBoundingClientRect();\n        this.#thumbMoveTo(e.clientX - trackRect.left - this.shiftX);\n    };\n}\n\nif (!customElements.get('nine-table-hscrollbar')) {\n    customElements.define(\"nine-table-hscrollbar\", NineTableHScrollBar);\n}","import { trace } from \"@nopeer\";\nimport './nine-table-hscrollbar.js';\n\nexport class NineTableSheet extends HTMLElement {\n    #tableElement = null;\n    static SCROLLBAR_SIZE = 16;\n\n    constructor() {\n        super();\n    }\n\n    connectedCallback() {\n        this.#render();\n    };\n\n    init = (tableEl) => {\n        if (!tableEl) return;\n\n        const initializeTable = (tbl) => {\n\n            const ensureColgroup = (tbl) => {\n                if (tbl.querySelector('colgroup')) return;\n\n                const firstRow = tbl.querySelector('tbody tr') || tbl.querySelector('tr');\n                const colCount = firstRow ? firstRow.querySelectorAll('th, td').length : 1;\n\n                const colgroup = document.createElement('colgroup');\n                const defaultWidth = Math.max(Math.floor((tbl.clientWidth || 600) / colCount), 100);\n\n                for (let i = 0; i < colCount; i++) {\n                    const col = document.createElement('col');\n                    col.setAttribute('width', defaultWidth);\n                    colgroup.appendChild(col);\n                }\n                tbl.prepend(colgroup);\n            };\n\n            const ensureThead = (tbl) => {\n                if (tbl.querySelector('thead')) return;\n\n                const thead = document.createElement('thead');\n                const colgroup = tbl.querySelector('colgroup');\n\n                if (colgroup) {\n                    colgroup.after(thead);\n                } else {\n                    tbl.prepend(thead);\n                }\n            };\n\n            ensureColgroup(tbl);\n            ensureThead(tbl);\n\n            tbl.classList.add('nine-table-element');\n            return tbl;\n        };\n\n        const clonedTable = tableEl.cloneNode(true);\n        this.#tableElement = initializeTable(clonedTable);\n        this.#tableElement.style.display = 'table';\n\n        const leftContainer = this.querySelector('.ng-container-left');\n        const bodyContainer = this.querySelector('.ng-container-body');\n        const rightContainer = this.querySelector('.ng-container-right');\n\n        const filterTableByFixed = (sourceTable, targetFixedType, isBody = false) => {\n            const tbl = sourceTable.cloneNode(true);\n            const cols = Array.from(tbl.querySelectorAll('colgroup col'));\n            const targetIndices = [];\n\n            cols.forEach((col, idx) => {\n                const fixedAttr = col.getAttribute('fixed');\n                const isMatch = isBody ? (!fixedAttr || fixedAttr === '') : (fixedAttr === targetFixedType);\n                if (!isMatch) {\n                    targetIndices.push(idx);\n                }\n            });\n\n            targetIndices.reverse().forEach(idx => {\n                if (cols[idx]) cols[idx].remove();\n                tbl.querySelectorAll('tr').forEach(tr => {\n                    const cells = tr.querySelectorAll('th, td');\n                    if (cells[idx]) cells[idx].remove();\n                });\n            });\n\n            return tbl;\n        };\n\n        // 1. 메인 바디 영역\n        if (bodyContainer) {\n            const bodyTable = filterTableByFixed(this.#tableElement, null, true);\n            bodyContainer.innerHTML = '';\n            bodyContainer.appendChild(bodyTable);\n        }\n\n        // 2. 좌측 고정 영역\n        if (leftContainer) {\n            const leftTable = filterTableByFixed(this.#tableElement, 'left', false);\n\n            let leftWidth = 0;\n            leftTable.querySelectorAll('col').forEach(col => {\n                const w = parseInt(col.getAttribute('width'), 10);\n                if (!isNaN(w)) leftWidth += w;\n            });\n\n            leftContainer.innerHTML = '';\n            leftContainer.appendChild(leftTable);\n\n            const activeLeftWidth = leftWidth > 0 ? leftWidth : 0;\n            leftContainer.style.flex = `0 0 ${activeLeftWidth}px`;\n            leftContainer.style.width = `${activeLeftWidth}px`;\n        }\n\n        // 3. 우측 고정 영역\n        if (rightContainer) {\n            const rightTable = filterTableByFixed(this.#tableElement, 'right', false);\n\n            let rightWidth = 0;\n            rightTable.querySelectorAll('col').forEach(col => {\n                const w = parseInt(col.getAttribute('width'), 10);\n                if (!isNaN(w)) rightWidth += w;\n            });\n\n            rightContainer.innerHTML = '';\n            rightContainer.appendChild(rightTable);\n\n            const activeRightWidth = rightWidth > 0 ? rightWidth : 0;\n            rightContainer.style.flex = `0 0 ${activeRightWidth}px`;\n            rightContainer.style.width = `${activeRightWidth}px`;\n        }\n\n        // 데이터 건수 기반 세로 스크롤 및 가로 스크롤 동기화 연동\n        if (bodyContainer) {\n            const rowCount = this.getRowCount();\n            bodyContainer.style.overflowY = rowCount > 10 ? 'auto' : 'hidden';\n\n            // 🎯 가로 스크롤 발생 시 하단 hscrollbar 새로고침 트리거\n            bodyContainer.addEventListener('scroll', () => {\n                const hScrollbar = this.querySelector('nine-table-hscrollbar');\n                if (hScrollbar && typeof hScrollbar.refresh === 'function') {\n                    hScrollbar.refresh();\n                }\n            });\n        }\n\n        // 초기 렌더링 완료 후 하단 가로 스크롤바 상태 갱신\n        setTimeout(() => {\n            const hScrollbar = this.querySelector('nine-table-hscrollbar');\n            if (hScrollbar && typeof hScrollbar.refresh === 'function') {\n                hScrollbar.refresh();\n            }\n        }, 0);\n\n        trace.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`);\n    };\n\n    getRowCount = () => {\n        if (!this.#tableElement) return 0;\n        return this.#tableElement.querySelectorAll('tbody tr').length;\n    };\n\n    scrollToX = (scrollLeft) => {\n        const bodyContainer = this.querySelector('.ng-container-body');\n        if (bodyContainer) bodyContainer.scrollLeft = scrollLeft;\n    };\n\n    scrollToY = (scrollTop) => {\n        const bodyContainer = this.querySelector('.ng-container-body');\n        if (bodyContainer) bodyContainer.scrollTop = scrollTop;\n    };\n\n    #render = () => {\n        const sbSize = NineTableSheet.SCROLLBAR_SIZE;\n\n        this.innerHTML = `\n            <style>\n                nine-table-sheet {\n                    display: flex;\n                    flex-direction: column;\n                    width: 100%;\n                    height: 100%;\n                    position: relative;\n                    box-sizing: border-box;\n                    background: #ffffff;\n                    overflow: hidden;\n                }\n    \n                nine-table-sheet .ng-container-top {\n                    display: flex;\n                    flex-direction: row;\n                    flex: 1 1 auto;\n                    width: 100%;\n                    height: calc(100% - ${sbSize}px);\n                    overflow: hidden;\n                    position: relative;\n                }\n    \n                nine-table-sheet .ng-container-left {\n                    display: flex;\n                    flex-direction: column;\n                    overflow: hidden;\n                    background: #ffffff;\n                    border-right: 1px solid #e5e7eb;\n                    flex-shrink: 0;\n                }\n    \n                /* 🎯 컨테이너 자체 스크롤바 생성을 막고 외부 커스텀 스크롤바 제어에 의존 */\n                nine-table-sheet .ng-container-body {\n                    display: flex;\n                    flex-direction: column;\n                    flex: 1;\n                    overflow-x: hidden;\n                    overflow-y: auto;\n                    background: #ffffff;\n                    position: relative;\n                }\n    \n                nine-table-sheet .ng-container-right {\n                    display: flex;\n                    flex-direction: column;\n                    overflow: hidden;\n                    background: #ffffff;\n                    border-left: 1px solid #e5e7eb;\n                    flex-shrink: 0;\n                }\n    \n                nine-table-sheet .ng-container-bottom {\n                    display: flex;\n                    flex-direction: row;\n                    height: ${sbSize}px;\n                    min-height: ${sbSize}px;\n                    flex-shrink: 0;\n                    background: #f9fafb;\n                    border-top: 1px solid #e5e7eb;\n                }\n    \n    /**\n                nine-table-sheet nine-table-hscrollbar {\n                    flex: 1;\n                    height: 100%;\n                    overflow: hidden;\n                    --display: block;\n                } */\n    \n                nine-table-sheet .ng-scroll-edge {\n                    width: ${sbSize}px;\n                    min-width: ${sbSize}px;\n                    height: 100%;\n                    flex-shrink: 0;\n                    background: #f3f4f6;\n                }\n    \n                nine-table-sheet table {\n                    border-collapse: collapse;\n                    width: 100%;\n                    table-layout: fixed;\n                }\n    \n                nine-table-sheet th, nine-table-sheet td {\n                    box-sizing: border-box;\n                    overflow: hidden;\n                    white-space: nowrap;\n                    text-overflow: ellipsis;\n                    padding: 6px 8px;\n                    border: 1px solid #e5e7eb;\n                    font-size: 12px;\n                    color: #111827;\n                }\n    \n                nine-table-sheet th {\n                    background-color: #f9fafb;\n                    font-weight: 600;\n                    text-align: left;\n                }\n            </style>\n            \n            <div class='ng-container-top'>\n                <div class='ng-container-left'></div>\n                <div class='ng-container-body'></div>\n                <div class='ng-container-right'></div>\n                <nine-table-vscrollbar></nine-table-vscrollbar>\n            </div>\n            <div class='ng-container-bottom'>\n                <nine-table-hscrollbar></nine-table-hscrollbar>\n                <div class='ng-scroll-edge'></div>\n            </div>\n        `;\n    };\n\n    disconnectedCallback() {\n        this.innerHTML = '';\n        trace.log('NineTableSheet destroyed.');\n    };\n}\n\nif (!customElements.get('nine-table-sheet')) {\n    customElements.define('nine-table-sheet', NineTableSheet);\n}","import './nine-table-sheet.js';\n\nexport class NineTableSheets extends HTMLElement {\n    constructor() {\n        super();\n    }\n\n    connectedCallback() {\n        this.#init();\n    };\n\n    #init = () => {\n        const tabBar = this.querySelector('.nine-tab-bar');\n        if (!tabBar) return;\n\n        tabBar.addEventListener('click', (e) => {\n            const tabItem = e.target.closest('.nine-tab-item');\n            if (!tabItem) return;\n\n            const isMultiSelect = e.ctrlKey || e.metaKey || e.shiftKey;\n            const index = parseInt(tabItem.dataset.index, 10);\n            this.switchSheet(index, isMultiSelect);\n        });\n\n        this.switchSheet(0, false);\n    };\n\n    switchSheet = (index, isMultiSelect = false) => {\n\n        const updateSplitters = () => {\n            const body = this.querySelector('nine-table-sheets-body');\n            const splitters = body.querySelectorAll('nine-splitter');\n            splitters.forEach(splitter => {\n                const splitIndex = parseInt(splitter.dataset.splitIndex, 10);\n                const leftSheet = body.querySelector(`nine-table-sheet[data-index=\"${splitIndex - 1}\"]`);\n                const rightSheet = body.querySelector(`nine-table-sheet[data-index=\"${splitIndex}\"]`);\n\n                if (leftSheet && rightSheet && leftSheet.classList.contains('active') && rightSheet.classList.contains('active')) {\n                    splitter.classList.add('active');\n                } else {\n                    splitter.classList.remove('active');\n                }\n            });\n        };\n\n        const tabBar = this.querySelector('.nine-tab-bar');\n        const body = this.querySelector('nine-table-sheets-body');\n        const tabItems = tabBar.querySelectorAll('.nine-tab-item');\n        const sheetElements = body.querySelectorAll('nine-table-sheet');\n\n        if (!tabItems[index]) return;\n\n        if (!isMultiSelect) {\n            tabItems.forEach((tab, idx) => {\n                tab.classList.toggle('active', idx === index);\n                const sheet = body.querySelector(`nine-table-sheet[data-index=\"${idx}\"]`);\n                if (sheet) sheet.style.flex = '';\n            });\n            sheetElements.forEach((sheet, idx) => {\n                sheet.classList.toggle('active', idx === index);\n            });\n        } else {\n            const clickedTab = tabItems[index];\n            const activeTabs = tabBar.querySelectorAll('.nine-tab-item.active');\n\n            if (clickedTab.classList.contains('active') && activeTabs.length <= 1) {\n                return;\n            }\n\n            clickedTab.classList.toggle('active');\n            const targetSheet = body.querySelector(`nine-table-sheet[data-index=\"${index}\"]`);\n            if (targetSheet) {\n                targetSheet.classList.toggle('active');\n                if (!targetSheet.classList.contains('active')) {\n                    targetSheet.style.flex = '';\n                }\n            }\n        }\n\n        const activeSheets = Array.from(body.querySelectorAll('nine-table-sheet.active'));\n        if (activeSheets.length > 1) {\n            const initialBasis = (1 / activeSheets.length);\n            activeSheets.forEach(sheet => {\n                if (!sheet.style.flex || sheet.style.flex === '1 1 100%') {\n                    sheet.style.flex = `${initialBasis} ${initialBasis} 0px`;\n                }\n            });\n        } else {\n            activeSheets.forEach(sheet => {\n                sheet.style.flex = '1 1 100%';\n            });\n        }\n\n        updateSplitters();\n\n        const activeSheet = body.querySelector(`nine-table-sheet.active`);\n        if (activeSheet && typeof activeSheet.getRowCount === 'function') {\n            const rowCountEl = this.querySelector('#row-count');\n            if (rowCountEl) {\n                rowCountEl.textContent = activeSheet.getRowCount().toLocaleString();\n            }\n        }\n    };\n\n\n}\n\nif (!customElements.get('nine-table-sheets')) {\n    customElements.define('nine-table-sheets', NineTableSheets);\n}","/**\n * [LayoutManager 높이 설정(Height Configuration) 사용 예제]\n *\n * 1. 부모 영역 채우기 (Fluid / 100% Fill) - 기본값\n *    - 컴포넌트가 부모 컨테이너의 남은 공간을 가득 채우고 내부 영역에서 스크롤을 처리합니다.\n *    - 사용법: <nine-table> 또는 호스트 엘리먼트에 별도 속성을 주지 않으면 적용됩니다.\n *\n * 2. 콘텐츠 밀착형 / 데이터 건수 기반 동적 높이 (Auto-Height)\n *    - 데이터 행 개수에 맞춰 컴포넌트 전체 높이가 유연하게 늘어납니다.\n *    - 사용법: <nine-table auto-height=\"true\"> 또는 호스트 엘리먼트에 auto-height=\"true\" 속성을 지정합니다.\n *\n * 3. 픽셀 고정 높이 (Fixed Pixel)\n *    - 부모 크기에 상관없이 개발자가 지정한 고정 크기를 엄격하게 유지합니다.\n *    - 사용법: <nine-table style=\"height: 400px;\"> 처럼 인라인 스타일로 높이를 직접 제어합니다.\n */\n\nimport './nine-table-sheets.js';\n\nexport class LayoutManager {\n    #root;\n    #resizeObserver = null;\n\n    constructor(shadowRoot) {\n        this.#root = shadowRoot;\n        this.#render();\n        this.#observeResize();\n    }\n\n    #observeResize = () => {\n        const hostEl = this.#root.host;\n        if (!hostEl) return;\n\n        this.#resizeObserver = new ResizeObserver((entries) => {\n            for (let entry of entries) {\n                const isAutoHeight = hostEl.getAttribute('auto-height') === 'true';\n                if (isAutoHeight) {\n                    this.#applyAutoHeight(hostEl);\n                }\n            }\n        });\n\n        this.#resizeObserver.observe(hostEl);\n    };\n\n    #applyAutoHeight = (hostEl) => {\n        const activeSheet = hostEl.shadowRoot?.querySelector('nine-table-sheet.active');\n        if (!activeSheet) return;\n\n        const rowCount = activeSheet.getRowCount?.() || 0;\n\n        // 1. 속성으로 maxRows를 받되, 없으면 기본값 10 설정\n        const maxRows = parseInt(hostEl.getAttribute('max-display-row'), 10) || 10;\n        const targetRows = Math.min(rowCount, maxRows);\n\n        // 2. 실제 렌더링된 행(tr) 높이를 동적으로 측정 (없으면 기본 32px 폴백)\n        const sampleRow = activeSheet.querySelector('tbody tr') || activeSheet.querySelector('tr');\n        const rowHeight = sampleRow ? sampleRow.getBoundingClientRect().height : 32;\n\n        // 3. 헤더 및 푸터/탭 영역의 실제 높이를 DOM에서 동적 측정\n        const headerEl = this.#root.querySelector('nine-table-header');\n        const footerEl = this.#root.querySelector('nine-table-sheets-footer');\n        const headerHeight = headerEl ? headerEl.getBoundingClientRect().height : 40;\n        const footerHeight = footerEl ? footerEl.getBoundingClientRect().height : 32;\n        const extraPadding = 16; // 미세 여백\n\n        const headerFooterHeight = headerHeight + footerHeight + extraPadding;\n        const calculatedHeight = (targetRows * rowHeight) + headerFooterHeight;\n\n        hostEl.style.height = `${calculatedHeight}px`;\n        hostEl.style.maxHeight = `${(maxRows * rowHeight) + headerFooterHeight}px`;\n\n        const sheetsBody = this.#root.querySelector('nine-table-sheets-body');\n        if (sheetsBody) {\n            sheetsBody.style.overflowY = rowCount > maxRows ? 'auto' : 'hidden';\n        }\n    };\n\n    #render = () => {\n        const hostEl = this.#root.host;\n        const rawElements = Array.from(hostEl.children);\n        const rawTables = rawElements.filter(el => el.tagName === 'TABLE');\n        const isAutoHeight = hostEl.getAttribute('auto-height') === 'true';\n\n        const sheetsHtml = rawTables.map((_, idx) => {\n            const className = idx === 0 ? 'active' : '';\n            return `<nine-table-sheet class=\"${className}\" data-index=\"${idx}\"></nine-table-sheet>`;\n        }).join('');\n\n        const tabsHtml = rawTables.map((_, idx) => {\n            const className = idx === 0 ? 'active' : '';\n            return `<div class=\"nine-tab-item ${className}\" data-index=\"${idx}\">Sheet ${idx + 1}</div>`;\n        }).join('');\n\n        this.#root.innerHTML = `\n            <style>\n                :host { \n                    display: flex; \n                    flex-direction: column; \n                    position: relative; \n                    overflow: hidden; \n                    height: ${isAutoHeight ? 'auto' : '100%'}; \n                    background: #fff; \n                }\n                nine-table-header { height: 40px; display: block; flex-shrink: 0; border-bottom: 1px solid #e5e7eb; background: #fff; }\n                nine-table-body { display: flex; flex-direction: row; flex: 1; overflow: hidden; position: relative; }\n                nine-table-summary { display: none; width: 250px; flex-shrink: 0; border-right: 1px solid #e5e7eb; }\n                nine-splitter:not([data-split-index]) { width: 4px; background: #e5e7eb; cursor: col-resize; flex-shrink: 0; }\n                nine-table-analysis { display: none; }\n                nine-table-footer { display: none; }\n\n                nine-table-sheets {\n                    flex: 1;\n                    display: flex;\n                    flex-direction: column;\n                    overflow: hidden;\n                    position: relative;\n                    background: #fff;\n                }\n                nine-table-sheets-body {\n                    flex: 1;\n                    overflow: auto;\n                    position: relative;\n                    display: flex;\n                    flex-direction: row;\n                }\n                nine-table-sheet {\n                    display: none !important;\n                    height: 100%;\n                    overflow: auto;\n                    flex: 1 1 100%;\n                }\n                nine-table-sheet.active {\n                    display: block !important;\n                }\n                nine-table-sheets-footer {\n                    display: flex;\n                    height: 32px;\n                    background: #f3f4f6;\n                    border-top: 1px solid #e5e7eb;\n                    align-items: center;\n                    justify-content: space-between;\n                    padding: 0 8px;\n                    flex-shrink: 0;\n                }\n                nine-table-sheets .nine-tab-bar {\n                    display: flex;\n                    align-items: center;\n                    gap: 2px;\n                    overflow-x: auto;\n                    flex: 1;\n                    height: 100%;\n                }\n                nine-table-sheets .nine-tab-item {\n                    padding: 4px 12px;\n                    cursor: pointer;\n                    font-size: 12px;\n                    color: #4b5563;\n                    background: #e5e7eb;\n                    border: 1px solid #d1d5db;\n                    border-top: none;\n                    border-radius: 0 0 3px 3px;\n                    user-select: none;\n                }\n                nine-table-sheets .nine-tab-item.active {\n                    background: #ffffff;\n                    color: #111827;\n                    font-weight: 600;\n                    border-bottom: 2px solid #2563eb;\n                }\n                nine-table-sheets .sheets-counter {\n                    font-size: 12px;\n                    color: #6b7280;\n                    padding-left: 12px;\n                    flex-shrink: 0;\n                }\n            </style>\n            \n            <nine-table-header></nine-table-header>\n            <nine-table-body>\n                <nine-table-summary></nine-table-summary>\n                <nine-table-sheets>\n                    <nine-table-sheets-body>${sheetsHtml}</nine-table-sheets-body>\n                    <nine-table-sheets-footer>\n                        <div class=\"nine-tab-bar\">${tabsHtml}</div>\n                        <div class=\"sheets-counter\">Total : <span id=\"row-count\">0</span></div>\n                    </nine-table-sheets-footer>\n                </nine-table-sheets>\n                <nine-table-analysis></nine-table-analysis>\n            </nine-table-body>\n            <nine-table-footer></nine-table-footer>\n        `;\n\n        const $sheetElements = this.#root.querySelectorAll('nine-table-sheet');\n\n        $sheetElements?.forEach(($el, idx) => {\n            if (rawTables[idx]) {\n                setTimeout(() => {\n                    $el.init(rawTables[idx]);\n                    if (isAutoHeight) {\n                        this.#applyAutoHeight(hostEl);\n                    }\n                });\n            }\n        });\n    };\n}","import {trace} from \"@nopeer\";\nimport { LayoutManager } from '../ui/LayoutManager.js';\n\nexport default class NineTable extends HTMLElement {\n    #created = false;\n\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n    }\n\n    connectedCallback() {\n        if (this.#created) return;\n\n        // shadowRoot 하나만 넘겨서 내부에서 레이아웃 및 테이블 수집 처리\n        this.layoutManager = new LayoutManager(this.shadowRoot);\n        //this.layoutManager.render();\n\n        this.#created = true;\n        trace.log('NineTable connected.');\n\n        this.dispatchEvent(new CustomEvent('load', { bubbles: true, detail: { target: this } }));\n    }\n\n    disconnectedCallback() {\n        trace.log('NineTable disconnected.');\n    }\n}\n\nif (!customElements.get('nine-table')) {\n    customElements.define('nine-table', NineTable);\n}"],"names":["_Trace","traceOrigin","__name","Trace","trace","_NineTableHScrollBar","__privateAdd","_owner","_dragging","_elements","_interval1","_interval2","__publicField","__privateGet","body","table","track","thumb","bottomContainer","trackWidth","ratio","thumbWidth","maxScrollLeft","maxThumbLeft","l","_thumbMoveTo","x","trackBound","targetX","_init","delayScroll","pos","thumbBound","__privateSet","tBound","thBound","clearTimer","e","trackRect","_thumb_onMouseMove","NineTableHScrollBar","_NineTableSheet","_tableElement","tableEl","initializeTable","tbl","ensureColgroup","firstRow","colCount","colgroup","defaultWidth","i","col","ensureThead","thead","clonedTable","leftContainer","bodyContainer","rightContainer","filterTableByFixed","sourceTable","targetFixedType","isBody","cols","targetIndices","idx","fixedAttr","tr","cells","bodyTable","leftTable","leftWidth","w","activeLeftWidth","rightTable","rightWidth","activeRightWidth","rowCount","hScrollbar","scrollLeft","scrollTop","_render","sbSize","NineTableSheet","_NineTableSheets","tabBar","tabItem","isMultiSelect","index","updateSplitters","splitter","splitIndex","leftSheet","rightSheet","tabItems","sheetElements","tab","sheet","clickedTab","activeTabs","targetSheet","activeSheets","initialBasis","activeSheet","rowCountEl","NineTableSheets","_LayoutManager","shadowRoot","_root","_resizeObserver","_observeResize","hostEl","entries","entry","_applyAutoHeight","_a","_b","maxRows","targetRows","sampleRow","rowHeight","headerEl","footerEl","headerHeight","footerHeight","headerFooterHeight","calculatedHeight","sheetsBody","rawTables","el","isAutoHeight","sheetsHtml","_","tabsHtml","$sheetElements","$el","LayoutManager","_NineTable","_created","NineTable"],"mappings":"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"}
+{"version":3,"file":"nine-table.js","sources":["../src/external/NoPeer.js","../src/ui/nine-table-hscrollbar.js","../src/ui/nine-table-sheet.js","../src/ui/nine-table-sheets.js","../src/ui/LayoutManager.js","../src/core/nine-table.js"],"sourcesContent":["import { trace as traceOrigin } from '@ninebone/util';\n\nexport class Trace extends traceOrigin.constructor {\n    constructor() {\n        super();\n        this.init(\"nine-table\", \"green\");\n    }\n}\n\nexport const trace = new Trace();","import { trace } from \"@nopeer\";\n\nclass NineTableHScrollBar extends HTMLElement {\n    #owner;\n    #dragging = false;\n    #elements;\n    #interval1;\n    #interval2;\n    #resizeObserver;\n\n    constructor() {\n        super();\n    }\n\n    connectedCallback() {\n        this.#owner = this.getRootNode().host;\n        if (!this.#owner) return;\n\n        this.innerHTML = `\n            <style>\n                nine-table-hscrollbar {\n                    display: flex;\n                    flex-direction: row;\n                    width: 100%;\n                    height: 100%;\n                    background: #f9fafb;\n                    box-sizing: border-box;\n                    user-select: none;\n                    position: relative;\n                }\n                nine-table-hscrollbar button {\n                    width: 16px;\n                    height: 100%;\n                    background: #f3f4f6;\n                    border: none;\n                    cursor: pointer;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    padding: 0;\n                    flex-shrink: 0;\n                    z-index: 2;\n                }\n                nine-table-hscrollbar button:disabled {\n                    opacity: 0.4;\n                    cursor: default;\n                }\n                nine-table-hscrollbar .ng-scroll-icon {\n                    width: 6px;\n                    height: 6px;\n                    border-top: 2px solid #6b7280;\n                    border-right: 2px solid #6b7280;\n                }\n                nine-table-hscrollbar .ng-scroll-left .ng-scroll-icon { transform: rotate(-135deg); }\n                nine-table-hscrollbar .ng-scroll-right .ng-scroll-icon { transform: rotate(45deg); }\n                nine-table-hscrollbar .ng-scroll-track {\n                    flex: 1;\n                    height: 100%;\n                    position: relative;\n                    background: #f3f4f6;\n                    overflow: hidden;\n                }\n                nine-table-hscrollbar .ng-scroll-thumb {\n                    position: absolute;\n                    top: 2px;\n                    bottom: 2px;\n                    left: 0px;\n                    width: 30px;\n                    background: #9ca3af;\n                    border-radius: 4px;\n                    cursor: pointer;\n                    z-index: 1;\n                }\n                nine-table-hscrollbar .ng-scroll-thumb:hover {\n                    background: #6b7280;\n                }\n            </style>\n            <button class='ng-scroll-left' disabled><div class='ng-scroll-icon'></div></button>\n            <div class='ng-scroll-track'><div class='ng-scroll-thumb'></div></div>\n            <button class='ng-scroll-right' disabled><div class='ng-scroll-icon'></div></button>\n        `;\n\n        requestAnimationFrame(() => {\n            if (!this.#owner) return;\n\n            const bodyContainer = this.#owner.querySelector(\".ng-container-body\");\n            if (!bodyContainer) return;\n\n            this.#elements = {\n                container : bodyContainer,\n                track     : this.querySelector(\".ng-scroll-track\"),\n                thumb     : this.querySelector(\".ng-scroll-thumb\"),\n                left      : this.querySelector(\".ng-scroll-left\"),\n                right     : this.querySelector(\".ng-scroll-right\"),\n            };\n\n            this.#init();\n            this.#observeResize();\n            this.refresh();\n        });\n    }\n\n    disconnectedCallback() {\n        if (this.#resizeObserver) {\n            this.#resizeObserver.disconnect();\n        }\n    }\n\n    #observeResize = () => {\n        if (!this.#owner) return;\n        const body = this.#owner.querySelector(\".ng-container-body\");\n        if (!body) return;\n\n        this.#resizeObserver = new ResizeObserver(() => {\n            this.refresh();\n        });\n        this.#resizeObserver.observe(body);\n    };\n\n    refresh = () => {\n        if (!this.#owner || this.#dragging || !this.#elements) return;\n\n        const body = this.#elements.container;\n        const table = body.querySelector(\"table\");\n        if (!table) return;\n\n        const track = $(this.#elements.track, this);\n        const thumb = $(this.#elements.thumb, this);\n        const bottomContainer = this.#owner.querySelector(\".ng-container-bottom\");\n\n        if (body.clientWidth !== 0 && table.scrollWidth > body.clientWidth) {\n            $(bottomContainer).show();\n        } else {\n            $(bottomContainer).hide();\n            return;\n        }\n\n        const trackWidth = track.width();\n        if (trackWidth <= 0) return;\n\n        const ratio = body.clientWidth / table.scrollWidth;\n        const thumbWidth = Math.max(Math.min(trackWidth * ratio, trackWidth), 20);\n        thumb.width(thumbWidth);\n\n        const maxScrollLeft = table.scrollWidth - body.clientWidth;\n        const maxThumbLeft = trackWidth - thumbWidth;\n\n        let l = 0;\n        if (maxScrollLeft > 0) {\n            l = parseInt((body.scrollLeft / maxScrollLeft) * maxThumbLeft, 10);\n        }\n        if (l < 0) l = 0;\n        if (l > maxThumbLeft) l = maxThumbLeft;\n\n        thumb.css({ left: l + 'px' });\n\n        this.#elements.left.disabled = (body.scrollLeft <= 0);\n        this.#elements.right.disabled = (body.scrollLeft >= maxScrollLeft);\n    };\n\n    #thumbMoveTo = (x) => {\n        if (!this.#elements) return false;\n\n        const body = this.#elements.container;\n        const table = body.querySelector(\"table\");\n        if (!table) return false;\n\n        const trackBound = this.#elements.track.getBoundingClientRect();\n        const thumbWidth = $(this.#elements.thumb, this).width() || 20;\n\n        let targetX = x;\n        if (targetX < 0) targetX = 0;\n        if (targetX + thumbWidth > trackBound.width) targetX = trackBound.width - thumbWidth;\n        targetX = parseInt(targetX, 10);\n\n        this.#elements.thumb.style.left = targetX + 'px';\n\n        const maxScrollLeft = table.scrollWidth - body.clientWidth;\n        const maxThumbLeft = trackBound.width - thumbWidth;\n\n        if (maxThumbLeft > 0 && maxScrollLeft > 0) {\n            body.scrollLeft = (targetX / maxThumbLeft) * maxScrollLeft;\n        }\n\n        this.#elements.left.disabled = targetX <= 0;\n        this.#elements.right.disabled = targetX >= maxThumbLeft;\n\n        return (targetX > 0 && targetX < maxThumbLeft);\n    };\n\n    #init = () => {\n        const body = this.#elements.container;\n\n        if (body) {\n            body.addEventListener('scroll', () => {\n                if (!this.#dragging) {\n                    this.refresh();\n                }\n            });\n        }\n\n        const delayScroll = (pos) => {\n            if (!this.#elements) return;\n            clearInterval(this.#interval1);\n            clearInterval(this.#interval2);\n\n            const trackBound = this.#elements.track.getBoundingClientRect();\n            const thumbBound = this.#elements.thumb.getBoundingClientRect();\n\n            this.#thumbMoveTo((thumbBound.x - trackBound.x) + pos);\n\n            this.#interval1 = setInterval(() => {\n                clearInterval(this.#interval1);\n\n                this.#interval2 = setInterval(() => {\n                    if (!this.#elements) {\n                        clearInterval(this.#interval2);\n                        return;\n                    }\n                    const tBound = this.#elements.track.getBoundingClientRect();\n                    const thBound = this.#elements.thumb.getBoundingClientRect();\n                    if (!this.#thumbMoveTo((thBound.x - tBound.x) + pos)) {\n                        clearInterval(this.#interval2);\n                    }\n                }, 10);\n            }, 500);\n        };\n\n        const clearTimer = () => {\n            clearInterval(this.#interval1);\n            clearInterval(this.#interval2);\n        };\n\n        this.#elements.left.ontouchend =\n            this.#elements.right.ontouchend =\n                this.#elements.track.ontouchend =\n                    this.#elements.left.onmouseup =\n                        this.#elements.left.onmouseleave =\n                            this.#elements.right.onmouseup =\n                                this.#elements.right.onmouseleave =\n                                    this.#elements.track.onmouseup =\n                                        this.#elements.track.onmouseleave = clearTimer;\n\n        $(this.#elements.left).on(\"mousedown\", e => { if (e.buttons != 1) return; delayScroll(-20); });\n        $(this.#elements.right).on(\"mousedown\", e => { if (e.buttons != 1) return; delayScroll(20); });\n\n        $(this.#elements.track).on(\"mousedown\", e => {\n            if (e.buttons != 1) return;\n            e.preventDefault();\n            const trackRect = this.#elements.track.getBoundingClientRect();\n            const thumbWidth = $(this.#elements.thumb, this).width() || 20;\n            this.#thumbMoveTo(e.clientX - trackRect.left - (thumbWidth / 2));\n        });\n\n        $(this.#elements.thumb).on(\"mousedown\", e => {\n            if (e.buttons != 1) return;\n            e.stopPropagation();\n            e.preventDefault();\n            this.#dragging = true;\n\n            const thumbRect = this.#elements.thumb.getBoundingClientRect();\n            this.shiftX = e.clientX - thumbRect.left;\n\n            const onMouseMove = (moveEvent) => {\n                if (!this.#dragging || !this.#elements) return;\n                const trackRect = this.#elements.track.getBoundingClientRect();\n                this.#thumbMoveTo(moveEvent.clientX - trackRect.left - this.shiftX);\n            };\n\n            const onMouseUp = () => {\n                this.#dragging = false;\n                clearTimer();\n                document.removeEventListener('mousemove', onMouseMove);\n                document.removeEventListener('mouseup', onMouseUp);\n                this.refresh();\n            };\n\n            document.addEventListener('mousemove', onMouseMove);\n            document.addEventListener('mouseup', onMouseUp);\n        });\n    };\n}\n\nif (!customElements.get('nine-table-hscrollbar')) {\n    customElements.define(\"nine-table-hscrollbar\", NineTableHScrollBar);\n}","import { trace } from \"@nopeer\";\nimport './nine-table-hscrollbar.js';\n\nexport class NineTableSheet extends HTMLElement {\n    #tableElement = null;\n    static SCROLLBAR_SIZE = 16;\n\n    constructor() {\n        super();\n    }\n\n    connectedCallback() {\n        this.#render();\n    };\n\n    init = (tableEl) => {\n        if (!tableEl) return;\n\n        const initializeTable = (tbl) => {\n\n            const ensureColgroup = (tbl) => {\n                if (tbl.querySelector('colgroup')) return;\n\n                const firstRow = tbl.querySelector('tbody tr') || tbl.querySelector('tr');\n                const colCount = firstRow ? firstRow.querySelectorAll('th, td').length : 1;\n\n                const colgroup = document.createElement('colgroup');\n                const defaultWidth = Math.max(Math.floor((tbl.clientWidth || 600) / colCount), 100);\n\n                for (let i = 0; i < colCount; i++) {\n                    const col = document.createElement('col');\n                    col.setAttribute('width', defaultWidth);\n                    colgroup.appendChild(col);\n                }\n                tbl.prepend(colgroup);\n            };\n\n            const ensureThead = (tbl) => {\n                if (tbl.querySelector('thead')) return;\n\n                const thead = document.createElement('thead');\n                const colgroup = tbl.querySelector('colgroup');\n\n                if (colgroup) {\n                    colgroup.after(thead);\n                } else {\n                    tbl.prepend(thead);\n                }\n            };\n\n            ensureColgroup(tbl);\n            ensureThead(tbl);\n\n            tbl.classList.add('nine-table-element');\n            return tbl;\n        };\n\n        const clonedTable = tableEl.cloneNode(true);\n        this.#tableElement = initializeTable(clonedTable);\n        this.#tableElement.style.display = 'table';\n\n        const leftContainer = this.querySelector('.ng-container-left');\n        const bodyContainer = this.querySelector('.ng-container-body');\n        const rightContainer = this.querySelector('.ng-container-right');\n\n        const filterTableByFixed = (sourceTable, targetFixedType, isBody = false) => {\n            const tbl = sourceTable.cloneNode(true);\n            const cols = Array.from(tbl.querySelectorAll('colgroup col'));\n            const targetIndices = [];\n\n            cols.forEach((col, idx) => {\n                const fixedAttr = col.getAttribute('fixed');\n                const isMatch = isBody ? (!fixedAttr || fixedAttr === '') : (fixedAttr === targetFixedType);\n                if (!isMatch) {\n                    targetIndices.push(idx);\n                }\n            });\n\n            targetIndices.reverse().forEach(idx => {\n                if (cols[idx]) cols[idx].remove();\n                tbl.querySelectorAll('tr').forEach(tr => {\n                    const cells = tr.querySelectorAll('th, td');\n                    if (cells[idx]) cells[idx].remove();\n                });\n            });\n\n            return tbl;\n        };\n\n        // 1. 메인 바디 영역\n        if (bodyContainer) {\n            const bodyTable = filterTableByFixed(this.#tableElement, null, true);\n            bodyContainer.innerHTML = '';\n            bodyContainer.appendChild(bodyTable);\n        }\n\n        // 2. 좌측 고정 영역\n        if (leftContainer) {\n            const leftTable = filterTableByFixed(this.#tableElement, 'left', false);\n\n            let leftWidth = 0;\n            leftTable.querySelectorAll('col').forEach(col => {\n                const w = parseInt(col.getAttribute('width'), 10);\n                if (!isNaN(w)) leftWidth += w;\n            });\n\n            leftContainer.innerHTML = '';\n            leftContainer.appendChild(leftTable);\n\n            const activeLeftWidth = leftWidth > 0 ? leftWidth : 0;\n            leftContainer.style.flex = `0 0 ${activeLeftWidth}px`;\n            leftContainer.style.width = `${activeLeftWidth}px`;\n        }\n\n        // 3. 우측 고정 영역\n        if (rightContainer) {\n            const rightTable = filterTableByFixed(this.#tableElement, 'right', false);\n\n            let rightWidth = 0;\n            rightTable.querySelectorAll('col').forEach(col => {\n                const w = parseInt(col.getAttribute('width'), 10);\n                if (!isNaN(w)) rightWidth += w;\n            });\n\n            rightContainer.innerHTML = '';\n            rightContainer.appendChild(rightTable);\n\n            const activeRightWidth = rightWidth > 0 ? rightWidth : 0;\n            rightContainer.style.flex = `0 0 ${activeRightWidth}px`;\n            rightContainer.style.width = `${activeRightWidth}px`;\n        }\n\n        // 데이터 건수 기반 세로 스크롤 및 가로 스크롤 동기화 연동\n        if (bodyContainer) {\n            const rowCount = this.getRowCount();\n            bodyContainer.style.overflowY = rowCount > 10 ? 'auto' : 'hidden';\n\n            // 🎯 가로 스크롤 발생 시 하단 hscrollbar 새로고침 트리거\n            bodyContainer.addEventListener('scroll', () => {\n                const hScrollbar = this.querySelector('nine-table-hscrollbar');\n                if (hScrollbar && typeof hScrollbar.refresh === 'function') {\n                    hScrollbar.refresh();\n                }\n            });\n        }\n\n        // 초기 렌더링 완료 후 하단 가로 스크롤바 상태 갱신\n        setTimeout(() => {\n            const hScrollbar = this.querySelector('nine-table-hscrollbar');\n            if (hScrollbar && typeof hScrollbar.refresh === 'function') {\n                hScrollbar.refresh();\n            }\n        }, 0);\n\n        trace.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`);\n    };\n\n    getRowCount = () => {\n        if (!this.#tableElement) return 0;\n        return this.#tableElement.querySelectorAll('tbody tr').length;\n    };\n\n    scrollToX = (scrollLeft) => {\n        const bodyContainer = this.querySelector('.ng-container-body');\n        if (bodyContainer) bodyContainer.scrollLeft = scrollLeft;\n    };\n\n    scrollToY = (scrollTop) => {\n        const bodyContainer = this.querySelector('.ng-container-body');\n        if (bodyContainer) bodyContainer.scrollTop = scrollTop;\n    };\n\n    #render = () => {\n        const sbSize = NineTableSheet.SCROLLBAR_SIZE;\n\n        this.innerHTML = `\n            <style>\n                nine-table-sheet {\n                    display: flex;\n                    flex-direction: column;\n                    width: 100%;\n                    height: 100%;\n                    position: relative;\n                    box-sizing: border-box;\n                    background: #ffffff;\n                    overflow: hidden;\n                }\n    \n                nine-table-sheet .ng-container-top {\n                    display: flex;\n                    flex-direction: row;\n                    flex: 1 1 auto;\n                    width: 100%;\n                    height: calc(100% - ${sbSize}px);\n                    overflow: hidden;\n                    position: relative;\n                }\n    \n                nine-table-sheet .ng-container-left {\n                    display: flex;\n                    flex-direction: column;\n                    overflow: hidden;\n                    background: #ffffff;\n                    border-right: 1px solid #e5e7eb;\n                    flex-shrink: 0;\n                }\n    \n                /* 🎯 컨테이너 자체 스크롤바 생성을 막고 외부 커스텀 스크롤바 제어에 의존 */\n                nine-table-sheet .ng-container-body {\n                    display: flex;\n                    flex-direction: column;\n                    flex: 1;\n                    overflow-x: hidden;\n                    overflow-y: auto;\n                    background: #ffffff;\n                    position: relative;\n                }\n    \n                nine-table-sheet .ng-container-right {\n                    display: flex;\n                    flex-direction: column;\n                    overflow: hidden;\n                    background: #ffffff;\n                    border-left: 1px solid #e5e7eb;\n                    flex-shrink: 0;\n                }\n    \n                nine-table-sheet .ng-container-bottom {\n                    display: flex;\n                    flex-direction: row;\n                    height: ${sbSize}px;\n                    min-height: ${sbSize}px;\n                    flex-shrink: 0;\n                    background: #f9fafb;\n                    border-top: 1px solid #e5e7eb;\n                }\n    \n    /**\n                nine-table-sheet nine-table-hscrollbar {\n                    flex: 1;\n                    height: 100%;\n                    overflow: hidden;\n                    --display: block;\n                } */\n    \n                nine-table-sheet .ng-scroll-edge {\n                    width: ${sbSize}px;\n                    min-width: ${sbSize}px;\n                    height: 100%;\n                    flex-shrink: 0;\n                    background: #f3f4f6;\n                }\n    \n                nine-table-sheet table {\n                    border-collapse: collapse;\n                    width: 100%;\n                    table-layout: fixed;\n                }\n    \n                nine-table-sheet th, nine-table-sheet td {\n                    box-sizing: border-box;\n                    overflow: hidden;\n                    white-space: nowrap;\n                    text-overflow: ellipsis;\n                    padding: 6px 8px;\n                    border: 1px solid #e5e7eb;\n                    font-size: 12px;\n                    color: #111827;\n                }\n    \n                nine-table-sheet th {\n                    background-color: #f9fafb;\n                    font-weight: 600;\n                    text-align: left;\n                }\n            </style>\n            \n            <div class='ng-container-top'>\n                <div class='ng-container-left'></div>\n                <div class='ng-container-body'></div>\n                <div class='ng-container-right'></div>\n                <nine-table-vscrollbar></nine-table-vscrollbar>\n            </div>\n            <div class='ng-container-bottom'>\n                <nine-table-hscrollbar></nine-table-hscrollbar>\n                <div class='ng-scroll-edge'></div>\n            </div>\n        `;\n    };\n\n    disconnectedCallback() {\n        this.innerHTML = '';\n        trace.log('NineTableSheet destroyed.');\n    };\n}\n\nif (!customElements.get('nine-table-sheet')) {\n    customElements.define('nine-table-sheet', NineTableSheet);\n}","import './nine-table-sheet.js';\n\nexport class NineTableSheets extends HTMLElement {\n    constructor() {\n        super();\n    }\n\n    connectedCallback() {\n        this.#init();\n    };\n\n    #init = () => {\n        const tabBar = this.querySelector('.nine-tab-bar');\n        if (!tabBar) return;\n\n        tabBar.addEventListener('click', (e) => {\n            const tabItem = e.target.closest('.nine-tab-item');\n            if (!tabItem) return;\n\n            const isMultiSelect = e.ctrlKey || e.metaKey || e.shiftKey;\n            const index = parseInt(tabItem.dataset.index, 10);\n            this.switchSheet(index, isMultiSelect);\n        });\n\n        this.switchSheet(0, false);\n    };\n\n    switchSheet = (index, isMultiSelect = false) => {\n\n        const updateSplitters = () => {\n            const body = this.querySelector('nine-table-sheets-body');\n            const splitters = body.querySelectorAll('nine-splitter');\n            splitters.forEach(splitter => {\n                const splitIndex = parseInt(splitter.dataset.splitIndex, 10);\n                const leftSheet = body.querySelector(`nine-table-sheet[data-index=\"${splitIndex - 1}\"]`);\n                const rightSheet = body.querySelector(`nine-table-sheet[data-index=\"${splitIndex}\"]`);\n\n                if (leftSheet && rightSheet && leftSheet.classList.contains('active') && rightSheet.classList.contains('active')) {\n                    splitter.classList.add('active');\n                } else {\n                    splitter.classList.remove('active');\n                }\n            });\n        };\n\n        const tabBar = this.querySelector('.nine-tab-bar');\n        const body = this.querySelector('nine-table-sheets-body');\n        const tabItems = tabBar.querySelectorAll('.nine-tab-item');\n        const sheetElements = body.querySelectorAll('nine-table-sheet');\n\n        if (!tabItems[index]) return;\n\n        if (!isMultiSelect) {\n            tabItems.forEach((tab, idx) => {\n                tab.classList.toggle('active', idx === index);\n                const sheet = body.querySelector(`nine-table-sheet[data-index=\"${idx}\"]`);\n                if (sheet) sheet.style.flex = '';\n            });\n            sheetElements.forEach((sheet, idx) => {\n                sheet.classList.toggle('active', idx === index);\n            });\n        } else {\n            const clickedTab = tabItems[index];\n            const activeTabs = tabBar.querySelectorAll('.nine-tab-item.active');\n\n            if (clickedTab.classList.contains('active') && activeTabs.length <= 1) {\n                return;\n            }\n\n            clickedTab.classList.toggle('active');\n            const targetSheet = body.querySelector(`nine-table-sheet[data-index=\"${index}\"]`);\n            if (targetSheet) {\n                targetSheet.classList.toggle('active');\n                if (!targetSheet.classList.contains('active')) {\n                    targetSheet.style.flex = '';\n                }\n            }\n        }\n\n        const activeSheets = Array.from(body.querySelectorAll('nine-table-sheet.active'));\n        if (activeSheets.length > 1) {\n            const initialBasis = (1 / activeSheets.length);\n            activeSheets.forEach(sheet => {\n                if (!sheet.style.flex || sheet.style.flex === '1 1 100%') {\n                    sheet.style.flex = `${initialBasis} ${initialBasis} 0px`;\n                }\n            });\n        } else {\n            activeSheets.forEach(sheet => {\n                sheet.style.flex = '1 1 100%';\n            });\n        }\n\n        updateSplitters();\n\n        const activeSheet = body.querySelector(`nine-table-sheet.active`);\n        if (activeSheet && typeof activeSheet.getRowCount === 'function') {\n            const rowCountEl = this.querySelector('#row-count');\n            if (rowCountEl) {\n                rowCountEl.textContent = activeSheet.getRowCount().toLocaleString();\n            }\n        }\n    };\n\n\n}\n\nif (!customElements.get('nine-table-sheets')) {\n    customElements.define('nine-table-sheets', NineTableSheets);\n}","/**\n * [LayoutManager 높이 설정(Height Configuration) 사용 예제]\n *\n * 1. 부모 영역 채우기 (Fluid / 100% Fill) - 기본값\n *    - 컴포넌트가 부모 컨테이너의 남은 공간을 가득 채우고 내부 영역에서 스크롤을 처리합니다.\n *    - 사용법: <nine-table> 또는 호스트 엘리먼트에 별도 속성을 주지 않으면 적용됩니다.\n *\n * 2. 콘텐츠 밀착형 / 데이터 건수 기반 동적 높이 (Auto-Height)\n *    - 데이터 행 개수에 맞춰 컴포넌트 전체 높이가 유연하게 늘어납니다.\n *    - 사용법: <nine-table auto-height=\"true\"> 또는 호스트 엘리먼트에 auto-height=\"true\" 속성을 지정합니다.\n *\n * 3. 픽셀 고정 높이 (Fixed Pixel)\n *    - 부모 크기에 상관없이 개발자가 지정한 고정 크기를 엄격하게 유지합니다.\n *    - 사용법: <nine-table style=\"height: 400px;\"> 처럼 인라인 스타일로 높이를 직접 제어합니다.\n */\n\nimport './nine-table-sheets.js';\n\nexport class LayoutManager {\n    #root;\n    #resizeObserver = null;\n\n    constructor(shadowRoot) {\n        this.#root = shadowRoot;\n        this.#render();\n        this.#observeResize();\n    }\n\n    #observeResize = () => {\n        const hostEl = this.#root.host;\n        if (!hostEl) return;\n\n        this.#resizeObserver = new ResizeObserver((entries) => {\n            for (let entry of entries) {\n                const isAutoHeight = hostEl.getAttribute('auto-height') === 'true';\n                if (isAutoHeight) {\n                    this.#applyAutoHeight(hostEl);\n                }\n            }\n        });\n\n        this.#resizeObserver.observe(hostEl);\n    };\n\n    #applyAutoHeight = (hostEl) => {\n        const activeSheet = hostEl.shadowRoot?.querySelector('nine-table-sheet.active');\n        if (!activeSheet) return;\n\n        const rowCount = activeSheet.getRowCount?.() || 0;\n\n        // 1. 속성으로 maxRows를 받되, 없으면 기본값 10 설정\n        const maxRows = parseInt(hostEl.getAttribute('max-display-row'), 10) || 10;\n        const targetRows = Math.min(rowCount, maxRows);\n\n        // 2. 실제 렌더링된 행(tr) 높이를 동적으로 측정 (없으면 기본 32px 폴백)\n        const sampleRow = activeSheet.querySelector('tbody tr') || activeSheet.querySelector('tr');\n        const rowHeight = sampleRow ? sampleRow.getBoundingClientRect().height : 32;\n\n        // 3. 헤더 및 푸터/탭 영역의 실제 높이를 DOM에서 동적 측정\n        const headerEl = this.#root.querySelector('nine-table-header');\n        const footerEl = this.#root.querySelector('nine-table-sheets-footer');\n        const headerHeight = headerEl ? headerEl.getBoundingClientRect().height : 40;\n        const footerHeight = footerEl ? footerEl.getBoundingClientRect().height : 32;\n        const extraPadding = 16; // 미세 여백\n\n        const headerFooterHeight = headerHeight + footerHeight + extraPadding;\n        const calculatedHeight = (targetRows * rowHeight) + headerFooterHeight;\n\n        hostEl.style.height = `${calculatedHeight}px`;\n        hostEl.style.maxHeight = `${(maxRows * rowHeight) + headerFooterHeight}px`;\n\n        const sheetsBody = this.#root.querySelector('nine-table-sheets-body');\n        if (sheetsBody) {\n            sheetsBody.style.overflowY = rowCount > maxRows ? 'auto' : 'hidden';\n        }\n    };\n\n    #render = () => {\n        const hostEl = this.#root.host;\n        const rawElements = Array.from(hostEl.children);\n        const rawTables = rawElements.filter(el => el.tagName === 'TABLE');\n        const isAutoHeight = hostEl.getAttribute('auto-height') === 'true';\n\n        const sheetsHtml = rawTables.map((_, idx) => {\n            const className = idx === 0 ? 'active' : '';\n            return `<nine-table-sheet class=\"${className}\" data-index=\"${idx}\"></nine-table-sheet>`;\n        }).join('');\n\n        const tabsHtml = rawTables.map((_, idx) => {\n            const className = idx === 0 ? 'active' : '';\n            return `<div class=\"nine-tab-item ${className}\" data-index=\"${idx}\">Sheet ${idx + 1}</div>`;\n        }).join('');\n\n        this.#root.innerHTML = `\n            <style>\n                :host { \n                    display: flex; \n                    flex-direction: column; \n                    position: relative; \n                    overflow: hidden; \n                    height: ${isAutoHeight ? 'auto' : '100%'}; \n                    background: #fff; \n                }\n                nine-table-header { height: 40px; display: block; flex-shrink: 0; border-bottom: 1px solid #e5e7eb; background: #fff; }\n                nine-table-body { display: flex; flex-direction: row; flex: 1; overflow: hidden; position: relative; }\n                nine-table-summary { display: none; width: 250px; flex-shrink: 0; border-right: 1px solid #e5e7eb; }\n                nine-splitter:not([data-split-index]) { width: 4px; background: #e5e7eb; cursor: col-resize; flex-shrink: 0; }\n                nine-table-analysis { display: none; }\n                nine-table-footer { display: none; }\n\n                nine-table-sheets {\n                    flex: 1;\n                    display: flex;\n                    flex-direction: column;\n                    overflow: hidden;\n                    position: relative;\n                    background: #fff;\n                }\n                nine-table-sheets-body {\n                    flex: 1;\n                    overflow: auto;\n                    position: relative;\n                    display: flex;\n                    flex-direction: row;\n                }\n                nine-table-sheet {\n                    display: none !important;\n                    height: 100%;\n                    overflow: auto;\n                    flex: 1 1 100%;\n                }\n                nine-table-sheet.active {\n                    display: block !important;\n                }\n                nine-table-sheets-footer {\n                    display: flex;\n                    height: 32px;\n                    background: #f3f4f6;\n                    border-top: 1px solid #e5e7eb;\n                    align-items: center;\n                    justify-content: space-between;\n                    padding: 0 8px;\n                    flex-shrink: 0;\n                }\n                nine-table-sheets .nine-tab-bar {\n                    display: flex;\n                    align-items: center;\n                    gap: 2px;\n                    overflow-x: auto;\n                    flex: 1;\n                    height: 100%;\n                }\n                nine-table-sheets .nine-tab-item {\n                    padding: 4px 12px;\n                    cursor: pointer;\n                    font-size: 12px;\n                    color: #4b5563;\n                    background: #e5e7eb;\n                    border: 1px solid #d1d5db;\n                    border-top: none;\n                    border-radius: 0 0 3px 3px;\n                    user-select: none;\n                }\n                nine-table-sheets .nine-tab-item.active {\n                    background: #ffffff;\n                    color: #111827;\n                    font-weight: 600;\n                    border-bottom: 2px solid #2563eb;\n                }\n                nine-table-sheets .sheets-counter {\n                    font-size: 12px;\n                    color: #6b7280;\n                    padding-left: 12px;\n                    flex-shrink: 0;\n                }\n            </style>\n            \n            <nine-table-header></nine-table-header>\n            <nine-table-body>\n                <nine-table-summary></nine-table-summary>\n                <nine-table-sheets>\n                    <nine-table-sheets-body>${sheetsHtml}</nine-table-sheets-body>\n                    <nine-table-sheets-footer>\n                        <div class=\"nine-tab-bar\">${tabsHtml}</div>\n                        <div class=\"sheets-counter\">Total : <span id=\"row-count\">0</span></div>\n                    </nine-table-sheets-footer>\n                </nine-table-sheets>\n                <nine-table-analysis></nine-table-analysis>\n            </nine-table-body>\n            <nine-table-footer></nine-table-footer>\n        `;\n\n        const $sheetElements = this.#root.querySelectorAll('nine-table-sheet');\n\n        $sheetElements?.forEach(($el, idx) => {\n            if (rawTables[idx]) {\n                setTimeout(() => {\n                    $el.init(rawTables[idx]);\n                    if (isAutoHeight) {\n                        this.#applyAutoHeight(hostEl);\n                    }\n                });\n            }\n        });\n    };\n}","import {trace} from \"@nopeer\";\nimport { LayoutManager } from '../ui/LayoutManager.js';\n\nexport default class NineTable extends HTMLElement {\n    #created = false;\n\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n    }\n\n    connectedCallback() {\n        if (this.#created) return;\n\n        // shadowRoot 하나만 넘겨서 내부에서 레이아웃 및 테이블 수집 처리\n        this.layoutManager = new LayoutManager(this.shadowRoot);\n        //this.layoutManager.render();\n\n        this.#created = true;\n        trace.log('NineTable connected.');\n\n        this.dispatchEvent(new CustomEvent('load', { bubbles: true, detail: { target: this } }));\n    }\n\n    disconnectedCallback() {\n        trace.log('NineTable disconnected.');\n    }\n}\n\nif (!customElements.get('nine-table')) {\n    customElements.define('nine-table', NineTable);\n}"],"names":["_Trace","traceOrigin","__name","Trace","trace","_NineTableHScrollBar","__privateAdd","_owner","_dragging","_elements","_interval1","_interval2","_resizeObserver","_observeResize","__privateGet","body","__privateSet","__publicField","table","track","thumb","bottomContainer","trackWidth","ratio","thumbWidth","maxScrollLeft","maxThumbLeft","l","_thumbMoveTo","x","trackBound","targetX","_init","delayScroll","pos","thumbBound","tBound","thBound","clearTimer","e","trackRect","thumbRect","onMouseMove","moveEvent","onMouseUp","bodyContainer","NineTableHScrollBar","_NineTableSheet","_tableElement","tableEl","initializeTable","tbl","ensureColgroup","firstRow","colCount","colgroup","defaultWidth","i","col","ensureThead","thead","clonedTable","leftContainer","rightContainer","filterTableByFixed","sourceTable","targetFixedType","isBody","cols","targetIndices","idx","fixedAttr","tr","cells","bodyTable","leftTable","leftWidth","w","activeLeftWidth","rightTable","rightWidth","activeRightWidth","rowCount","hScrollbar","scrollLeft","scrollTop","_render","sbSize","NineTableSheet","_NineTableSheets","tabBar","tabItem","isMultiSelect","index","updateSplitters","splitter","splitIndex","leftSheet","rightSheet","tabItems","sheetElements","tab","sheet","clickedTab","activeTabs","targetSheet","activeSheets","initialBasis","activeSheet","rowCountEl","NineTableSheets","_LayoutManager","shadowRoot","_root","hostEl","entries","entry","_applyAutoHeight","_a","_b","maxRows","targetRows","sampleRow","rowHeight","headerEl","footerEl","headerHeight","footerHeight","headerFooterHeight","calculatedHeight","sheetsBody","rawTables","el","isAutoHeight","sheetsHtml","_","tabsHtml","$sheetElements","$el","LayoutManager","_NineTable","_created","NineTable"],"mappings":"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"}

package/dist/nine-table.umd.js

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

package/dist/nine-table.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"nine-table.umd.js","sources":["../src/external/NoPeer.js","../src/ui/nine-table-hscrollbar.js","../src/ui/nine-table-sheet.js","../src/ui/nine-table-sheets.js","../src/ui/LayoutManager.js","../src/core/nine-table.js"],"sourcesContent":["import { trace as traceOrigin } from '@ninebone/util';\n\nexport class Trace extends traceOrigin.constructor {\n    constructor() {\n        super();\n        this.init(\"nine-table\", \"green\");\n    }\n}\n\nexport const trace = new Trace();","import { trace } from \"@nopeer\";\n\nclass NineTableHScrollBar extends HTMLElement {\n    #owner;\n    #dragging;\n    #elements;\n    #interval1;\n    #interval2;\n\n    constructor() {\n        super();\n    }\n\n    connectedCallback() {\n        this.#owner = this.getRootNode().host;\n        if (!this.#owner) return;\n\n        this.innerHTML = `\n            <style>\n                nine-table-hscrollbar {\n                    display: flex;\n                    flex-direction: row;\n                    width: 100%;\n                    height: 100%;\n                    background: #f9fafb;\n                    box-sizing: border-box;\n                    user-select: none;\n                    position: relative;\n                }\n                nine-table-hscrollbar button {\n                    width: 16px;\n                    height: 100%;\n                    background: #f3f4f6;\n                    border: none;\n                    cursor: pointer;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    padding: 0;\n                    flex-shrink: 0;\n                    z-index: 2;\n                }\n                nine-table-hscrollbar button:disabled {\n                    opacity: 0.4;\n                    cursor: default;\n                }\n                nine-table-hscrollbar .ng-scroll-icon {\n                    width: 6px;\n                    height: 6px;\n                    border-top: 2px solid #6b7280;\n                    border-right: 2px solid #6b7280;\n                }\n                nine-table-hscrollbar .ng-scroll-left .ng-scroll-icon { transform: rotate(-135deg); }\n                nine-table-hscrollbar .ng-scroll-right .ng-scroll-icon { transform: rotate(45deg); }\n                nine-table-hscrollbar .ng-scroll-track {\n                    flex: 1;\n                    height: 100%;\n                    position: relative;\n                    background: #f3f4f6;\n                    overflow: hidden;\n                }\n                nine-table-hscrollbar .ng-scroll-thumb {\n                    position: absolute;\n                    top: 2px;\n                    bottom: 2px;\n                    left: 0px;\n                    width: 30px;\n                    background: #9ca3af;\n                    border-radius: 4px;\n                    cursor: pointer;\n                    z-index: 1;\n                }\n                nine-table-hscrollbar .ng-scroll-thumb:hover {\n                    background: #6b7280;\n                }\n            </style>\n            <button class='ng-scroll-left' disabled><div class='ng-scroll-icon'></div></button>\n            <div class='ng-scroll-track'><div class='ng-scroll-thumb'></div></div>\n            <button class='ng-scroll-right'><div class='ng-scroll-icon'></div></button>\n        `;\n\n        this.#elements = {\n            container : this.#owner.querySelector(\".ng-container-body\"),\n            track     : this.querySelector(\".ng-scroll-track\"),\n            thumb     : this.querySelector(\".ng-scroll-thumb\"),\n            left      : this.querySelector(\".ng-scroll-left\"),\n            right     : this.querySelector(\".ng-scroll-right\"),\n        };\n\n        this.#init();\n\n        // DOM 레이아웃이 완전히 잡힌 뒤 갱신되도록 requestAnimationFrame 사용\n        requestAnimationFrame(() => {\n            this.refresh();\n        });\n    }\n\n    refresh = () => {\n        if (!this.#owner) return;\n\n        const body = this.#owner.querySelector(\".ng-container-body\");\n        if (!body) return;\n\n        const table = body.querySelector(\"table\");\n        if (!table) return;\n\n        const track = $(this.#elements.track, this);\n        const thumb = $(this.#elements.thumb, this);\n\n        const bottomContainer = this.#owner.querySelector(\".ng-container-bottom\");\n\n        // 테이블 내용이 컨테이너보다 넓을 때만 스크롤바 노출\n        if (body.clientWidth !== 0 && table.scrollWidth > body.clientWidth) {\n            $(bottomContainer).show();\n        } else {\n            $(bottomContainer).hide();\n            return;\n        }\n\n        const trackWidth = track.width();\n        if (trackWidth <= 0) return;\n\n        // 썸 너비 산출 (최소 20px 보장)\n        const ratio = body.clientWidth / table.scrollWidth;\n        const thumbWidth = Math.max(Math.min(trackWidth * ratio, trackWidth), 20);\n        thumb.width(thumbWidth);\n\n        const maxScrollLeft = table.scrollWidth - body.clientWidth;\n        const maxThumbLeft = trackWidth - thumbWidth;\n\n        let l = 0;\n        if (maxScrollLeft > 0) {\n            l = parseInt((body.scrollLeft / maxScrollLeft) * maxThumbLeft, 10);\n        }\n        if (l < 0) l = 0;\n        if (l > maxThumbLeft) l = maxThumbLeft;\n\n        thumb.css({ left: l + 'px' });\n\n        this.#elements.left.disabled = (body.scrollLeft <= 0);\n        this.#elements.right.disabled = (body.scrollLeft >= maxScrollLeft);\n    };\n\n    #thumbMoveTo = (x) => {\n        if (!this.#elements) return;\n\n        const body = this.#owner.querySelector(\".ng-container-body\");\n        const table = body.querySelector(\"table\");\n        if (!table) return;\n\n        const trackBound = this.#elements.track.getBoundingClientRect();\n        const thumbWidth = $(this.#elements.thumb, this).width() || 20;\n\n        let targetX = x;\n        if (targetX < 0) targetX = 0;\n        if (targetX + thumbWidth > trackBound.width) targetX = trackBound.width - thumbWidth;\n        targetX = parseInt(targetX, 10);\n\n        this.#elements.thumb.style.left = targetX + 'px';\n\n        const maxScrollLeft = table.scrollWidth - body.clientWidth;\n        const maxThumbLeft = trackBound.width - thumbWidth;\n\n        if (maxThumbLeft > 0 && maxScrollLeft > 0) {\n            body.scrollLeft = (targetX / maxThumbLeft) * maxScrollLeft;\n        }\n\n        this.#elements.left.disabled = targetX <= 0;\n        this.#elements.right.disabled = targetX >= maxThumbLeft;\n\n        return (targetX > 0 && targetX < maxThumbLeft);\n    };\n\n    #init = () => {\n        const body = this.#owner.querySelector(\".ng-container-body\");\n\n        if (body) {\n            body.addEventListener('scroll', () => {\n                this.refresh();\n            });\n        }\n\n        const delayScroll = (pos) => {\n            clearInterval(this.#interval1);\n            clearInterval(this.#interval2);\n\n            const trackBound = this.#elements.track.getBoundingClientRect();\n            const thumbBound = this.#elements.thumb.getBoundingClientRect();\n\n            this.#thumbMoveTo((thumbBound.x - trackBound.x) + pos);\n\n            this.#interval1 = setInterval(() => {\n                clearInterval(this.#interval1);\n\n                this.#interval2 = setInterval(() => {\n                    const tBound = this.#elements.track.getBoundingClientRect();\n                    const thBound = this.#elements.thumb.getBoundingClientRect();\n                    if (!this.#thumbMoveTo((thBound.x - tBound.x) + pos)) {\n                        clearInterval(this.#interval2);\n                    }\n                }, 10);\n            }, 500);\n        };\n\n        const clearTimer = () => {\n            clearInterval(this.#interval1);\n            clearInterval(this.#interval2);\n        };\n\n        this.#elements.left.ontouchend =\n            this.#elements.right.ontouchend =\n                this.#elements.track.ontouchend =\n                    this.#elements.left.onmouseup =\n                        this.#elements.left.onmouseleave =\n                            this.#elements.right.onmouseup =\n                                this.#elements.right.onmouseleave =\n                                    this.#elements.track.onmouseup =\n                                        this.#elements.track.onmouseleave = clearTimer;\n\n        $(this.#elements.left).on(\"mousedown\", e => { if (e.buttons != 1) return; delayScroll(-10); });\n        $(this.#elements.right).on(\"mousedown\", e => { if (e.buttons != 1) return; delayScroll(10); });\n\n        $(this.#elements.left).on(\"touchstart\", e => { delayScroll(-10); });\n        $(this.#elements.right).on(\"touchstart\", e => { delayScroll(10); });\n\n        $(this.#elements.track).on(\"mousedown\", e => {\n            if (e.buttons != 1) return;\n            e.preventDefault();\n            const trackRect = this.#elements.track.getBoundingClientRect();\n            const thumbWidth = $(this.#elements.thumb, this).width() || 20;\n            this.#thumbMoveTo(e.clientX - trackRect.left - (thumbWidth / 2));\n        });\n\n        $(this.#elements.thumb).on(\"mousedown\", e => {\n            e.stopPropagation();\n            this.#dragging = true;\n            this.shiftX = e.clientX - this.#elements.thumb.getBoundingClientRect().left;\n            document.addEventListener('mousemove', this.#thumb_onMouseMove);\n        });\n\n        document.addEventListener('mouseup', () => {\n            if (!this.#dragging) return;\n            this.#dragging = false;\n            clearTimer();\n            document.removeEventListener('mousemove', this.#thumb_onMouseMove);\n        });\n    };\n\n    #thumb_onMouseMove = e => {\n        if (!this.#dragging) return;\n        const trackRect = this.#elements.track.getBoundingClientRect();\n        this.#thumbMoveTo(e.clientX - trackRect.left - this.shiftX);\n    };\n}\n\nif (!customElements.get('nine-table-hscrollbar')) {\n    customElements.define(\"nine-table-hscrollbar\", NineTableHScrollBar);\n}","import { trace } from \"@nopeer\";\nimport './nine-table-hscrollbar.js';\n\nexport class NineTableSheet extends HTMLElement {\n    #tableElement = null;\n    static SCROLLBAR_SIZE = 16;\n\n    constructor() {\n        super();\n    }\n\n    connectedCallback() {\n        this.#render();\n    };\n\n    init = (tableEl) => {\n        if (!tableEl) return;\n\n        const initializeTable = (tbl) => {\n\n            const ensureColgroup = (tbl) => {\n                if (tbl.querySelector('colgroup')) return;\n\n                const firstRow = tbl.querySelector('tbody tr') || tbl.querySelector('tr');\n                const colCount = firstRow ? firstRow.querySelectorAll('th, td').length : 1;\n\n                const colgroup = document.createElement('colgroup');\n                const defaultWidth = Math.max(Math.floor((tbl.clientWidth || 600) / colCount), 100);\n\n                for (let i = 0; i < colCount; i++) {\n                    const col = document.createElement('col');\n                    col.setAttribute('width', defaultWidth);\n                    colgroup.appendChild(col);\n                }\n                tbl.prepend(colgroup);\n            };\n\n            const ensureThead = (tbl) => {\n                if (tbl.querySelector('thead')) return;\n\n                const thead = document.createElement('thead');\n                const colgroup = tbl.querySelector('colgroup');\n\n                if (colgroup) {\n                    colgroup.after(thead);\n                } else {\n                    tbl.prepend(thead);\n                }\n            };\n\n            ensureColgroup(tbl);\n            ensureThead(tbl);\n\n            tbl.classList.add('nine-table-element');\n            return tbl;\n        };\n\n        const clonedTable = tableEl.cloneNode(true);\n        this.#tableElement = initializeTable(clonedTable);\n        this.#tableElement.style.display = 'table';\n\n        const leftContainer = this.querySelector('.ng-container-left');\n        const bodyContainer = this.querySelector('.ng-container-body');\n        const rightContainer = this.querySelector('.ng-container-right');\n\n        const filterTableByFixed = (sourceTable, targetFixedType, isBody = false) => {\n            const tbl = sourceTable.cloneNode(true);\n            const cols = Array.from(tbl.querySelectorAll('colgroup col'));\n            const targetIndices = [];\n\n            cols.forEach((col, idx) => {\n                const fixedAttr = col.getAttribute('fixed');\n                const isMatch = isBody ? (!fixedAttr || fixedAttr === '') : (fixedAttr === targetFixedType);\n                if (!isMatch) {\n                    targetIndices.push(idx);\n                }\n            });\n\n            targetIndices.reverse().forEach(idx => {\n                if (cols[idx]) cols[idx].remove();\n                tbl.querySelectorAll('tr').forEach(tr => {\n                    const cells = tr.querySelectorAll('th, td');\n                    if (cells[idx]) cells[idx].remove();\n                });\n            });\n\n            return tbl;\n        };\n\n        // 1. 메인 바디 영역\n        if (bodyContainer) {\n            const bodyTable = filterTableByFixed(this.#tableElement, null, true);\n            bodyContainer.innerHTML = '';\n            bodyContainer.appendChild(bodyTable);\n        }\n\n        // 2. 좌측 고정 영역\n        if (leftContainer) {\n            const leftTable = filterTableByFixed(this.#tableElement, 'left', false);\n\n            let leftWidth = 0;\n            leftTable.querySelectorAll('col').forEach(col => {\n                const w = parseInt(col.getAttribute('width'), 10);\n                if (!isNaN(w)) leftWidth += w;\n            });\n\n            leftContainer.innerHTML = '';\n            leftContainer.appendChild(leftTable);\n\n            const activeLeftWidth = leftWidth > 0 ? leftWidth : 0;\n            leftContainer.style.flex = `0 0 ${activeLeftWidth}px`;\n            leftContainer.style.width = `${activeLeftWidth}px`;\n        }\n\n        // 3. 우측 고정 영역\n        if (rightContainer) {\n            const rightTable = filterTableByFixed(this.#tableElement, 'right', false);\n\n            let rightWidth = 0;\n            rightTable.querySelectorAll('col').forEach(col => {\n                const w = parseInt(col.getAttribute('width'), 10);\n                if (!isNaN(w)) rightWidth += w;\n            });\n\n            rightContainer.innerHTML = '';\n            rightContainer.appendChild(rightTable);\n\n            const activeRightWidth = rightWidth > 0 ? rightWidth : 0;\n            rightContainer.style.flex = `0 0 ${activeRightWidth}px`;\n            rightContainer.style.width = `${activeRightWidth}px`;\n        }\n\n        // 데이터 건수 기반 세로 스크롤 및 가로 스크롤 동기화 연동\n        if (bodyContainer) {\n            const rowCount = this.getRowCount();\n            bodyContainer.style.overflowY = rowCount > 10 ? 'auto' : 'hidden';\n\n            // 🎯 가로 스크롤 발생 시 하단 hscrollbar 새로고침 트리거\n            bodyContainer.addEventListener('scroll', () => {\n                const hScrollbar = this.querySelector('nine-table-hscrollbar');\n                if (hScrollbar && typeof hScrollbar.refresh === 'function') {\n                    hScrollbar.refresh();\n                }\n            });\n        }\n\n        // 초기 렌더링 완료 후 하단 가로 스크롤바 상태 갱신\n        setTimeout(() => {\n            const hScrollbar = this.querySelector('nine-table-hscrollbar');\n            if (hScrollbar && typeof hScrollbar.refresh === 'function') {\n                hScrollbar.refresh();\n            }\n        }, 0);\n\n        trace.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`);\n    };\n\n    getRowCount = () => {\n        if (!this.#tableElement) return 0;\n        return this.#tableElement.querySelectorAll('tbody tr').length;\n    };\n\n    scrollToX = (scrollLeft) => {\n        const bodyContainer = this.querySelector('.ng-container-body');\n        if (bodyContainer) bodyContainer.scrollLeft = scrollLeft;\n    };\n\n    scrollToY = (scrollTop) => {\n        const bodyContainer = this.querySelector('.ng-container-body');\n        if (bodyContainer) bodyContainer.scrollTop = scrollTop;\n    };\n\n    #render = () => {\n        const sbSize = NineTableSheet.SCROLLBAR_SIZE;\n\n        this.innerHTML = `\n            <style>\n                nine-table-sheet {\n                    display: flex;\n                    flex-direction: column;\n                    width: 100%;\n                    height: 100%;\n                    position: relative;\n                    box-sizing: border-box;\n                    background: #ffffff;\n                    overflow: hidden;\n                }\n    \n                nine-table-sheet .ng-container-top {\n                    display: flex;\n                    flex-direction: row;\n                    flex: 1 1 auto;\n                    width: 100%;\n                    height: calc(100% - ${sbSize}px);\n                    overflow: hidden;\n                    position: relative;\n                }\n    \n                nine-table-sheet .ng-container-left {\n                    display: flex;\n                    flex-direction: column;\n                    overflow: hidden;\n                    background: #ffffff;\n                    border-right: 1px solid #e5e7eb;\n                    flex-shrink: 0;\n                }\n    \n                /* 🎯 컨테이너 자체 스크롤바 생성을 막고 외부 커스텀 스크롤바 제어에 의존 */\n                nine-table-sheet .ng-container-body {\n                    display: flex;\n                    flex-direction: column;\n                    flex: 1;\n                    overflow-x: hidden;\n                    overflow-y: auto;\n                    background: #ffffff;\n                    position: relative;\n                }\n    \n                nine-table-sheet .ng-container-right {\n                    display: flex;\n                    flex-direction: column;\n                    overflow: hidden;\n                    background: #ffffff;\n                    border-left: 1px solid #e5e7eb;\n                    flex-shrink: 0;\n                }\n    \n                nine-table-sheet .ng-container-bottom {\n                    display: flex;\n                    flex-direction: row;\n                    height: ${sbSize}px;\n                    min-height: ${sbSize}px;\n                    flex-shrink: 0;\n                    background: #f9fafb;\n                    border-top: 1px solid #e5e7eb;\n                }\n    \n    /**\n                nine-table-sheet nine-table-hscrollbar {\n                    flex: 1;\n                    height: 100%;\n                    overflow: hidden;\n                    --display: block;\n                } */\n    \n                nine-table-sheet .ng-scroll-edge {\n                    width: ${sbSize}px;\n                    min-width: ${sbSize}px;\n                    height: 100%;\n                    flex-shrink: 0;\n                    background: #f3f4f6;\n                }\n    \n                nine-table-sheet table {\n                    border-collapse: collapse;\n                    width: 100%;\n                    table-layout: fixed;\n                }\n    \n                nine-table-sheet th, nine-table-sheet td {\n                    box-sizing: border-box;\n                    overflow: hidden;\n                    white-space: nowrap;\n                    text-overflow: ellipsis;\n                    padding: 6px 8px;\n                    border: 1px solid #e5e7eb;\n                    font-size: 12px;\n                    color: #111827;\n                }\n    \n                nine-table-sheet th {\n                    background-color: #f9fafb;\n                    font-weight: 600;\n                    text-align: left;\n                }\n            </style>\n            \n            <div class='ng-container-top'>\n                <div class='ng-container-left'></div>\n                <div class='ng-container-body'></div>\n                <div class='ng-container-right'></div>\n                <nine-table-vscrollbar></nine-table-vscrollbar>\n            </div>\n            <div class='ng-container-bottom'>\n                <nine-table-hscrollbar></nine-table-hscrollbar>\n                <div class='ng-scroll-edge'></div>\n            </div>\n        `;\n    };\n\n    disconnectedCallback() {\n        this.innerHTML = '';\n        trace.log('NineTableSheet destroyed.');\n    };\n}\n\nif (!customElements.get('nine-table-sheet')) {\n    customElements.define('nine-table-sheet', NineTableSheet);\n}","import './nine-table-sheet.js';\n\nexport class NineTableSheets extends HTMLElement {\n    constructor() {\n        super();\n    }\n\n    connectedCallback() {\n        this.#init();\n    };\n\n    #init = () => {\n        const tabBar = this.querySelector('.nine-tab-bar');\n        if (!tabBar) return;\n\n        tabBar.addEventListener('click', (e) => {\n            const tabItem = e.target.closest('.nine-tab-item');\n            if (!tabItem) return;\n\n            const isMultiSelect = e.ctrlKey || e.metaKey || e.shiftKey;\n            const index = parseInt(tabItem.dataset.index, 10);\n            this.switchSheet(index, isMultiSelect);\n        });\n\n        this.switchSheet(0, false);\n    };\n\n    switchSheet = (index, isMultiSelect = false) => {\n\n        const updateSplitters = () => {\n            const body = this.querySelector('nine-table-sheets-body');\n            const splitters = body.querySelectorAll('nine-splitter');\n            splitters.forEach(splitter => {\n                const splitIndex = parseInt(splitter.dataset.splitIndex, 10);\n                const leftSheet = body.querySelector(`nine-table-sheet[data-index=\"${splitIndex - 1}\"]`);\n                const rightSheet = body.querySelector(`nine-table-sheet[data-index=\"${splitIndex}\"]`);\n\n                if (leftSheet && rightSheet && leftSheet.classList.contains('active') && rightSheet.classList.contains('active')) {\n                    splitter.classList.add('active');\n                } else {\n                    splitter.classList.remove('active');\n                }\n            });\n        };\n\n        const tabBar = this.querySelector('.nine-tab-bar');\n        const body = this.querySelector('nine-table-sheets-body');\n        const tabItems = tabBar.querySelectorAll('.nine-tab-item');\n        const sheetElements = body.querySelectorAll('nine-table-sheet');\n\n        if (!tabItems[index]) return;\n\n        if (!isMultiSelect) {\n            tabItems.forEach((tab, idx) => {\n                tab.classList.toggle('active', idx === index);\n                const sheet = body.querySelector(`nine-table-sheet[data-index=\"${idx}\"]`);\n                if (sheet) sheet.style.flex = '';\n            });\n            sheetElements.forEach((sheet, idx) => {\n                sheet.classList.toggle('active', idx === index);\n            });\n        } else {\n            const clickedTab = tabItems[index];\n            const activeTabs = tabBar.querySelectorAll('.nine-tab-item.active');\n\n            if (clickedTab.classList.contains('active') && activeTabs.length <= 1) {\n                return;\n            }\n\n            clickedTab.classList.toggle('active');\n            const targetSheet = body.querySelector(`nine-table-sheet[data-index=\"${index}\"]`);\n            if (targetSheet) {\n                targetSheet.classList.toggle('active');\n                if (!targetSheet.classList.contains('active')) {\n                    targetSheet.style.flex = '';\n                }\n            }\n        }\n\n        const activeSheets = Array.from(body.querySelectorAll('nine-table-sheet.active'));\n        if (activeSheets.length > 1) {\n            const initialBasis = (1 / activeSheets.length);\n            activeSheets.forEach(sheet => {\n                if (!sheet.style.flex || sheet.style.flex === '1 1 100%') {\n                    sheet.style.flex = `${initialBasis} ${initialBasis} 0px`;\n                }\n            });\n        } else {\n            activeSheets.forEach(sheet => {\n                sheet.style.flex = '1 1 100%';\n            });\n        }\n\n        updateSplitters();\n\n        const activeSheet = body.querySelector(`nine-table-sheet.active`);\n        if (activeSheet && typeof activeSheet.getRowCount === 'function') {\n            const rowCountEl = this.querySelector('#row-count');\n            if (rowCountEl) {\n                rowCountEl.textContent = activeSheet.getRowCount().toLocaleString();\n            }\n        }\n    };\n\n\n}\n\nif (!customElements.get('nine-table-sheets')) {\n    customElements.define('nine-table-sheets', NineTableSheets);\n}","/**\n * [LayoutManager 높이 설정(Height Configuration) 사용 예제]\n *\n * 1. 부모 영역 채우기 (Fluid / 100% Fill) - 기본값\n *    - 컴포넌트가 부모 컨테이너의 남은 공간을 가득 채우고 내부 영역에서 스크롤을 처리합니다.\n *    - 사용법: <nine-table> 또는 호스트 엘리먼트에 별도 속성을 주지 않으면 적용됩니다.\n *\n * 2. 콘텐츠 밀착형 / 데이터 건수 기반 동적 높이 (Auto-Height)\n *    - 데이터 행 개수에 맞춰 컴포넌트 전체 높이가 유연하게 늘어납니다.\n *    - 사용법: <nine-table auto-height=\"true\"> 또는 호스트 엘리먼트에 auto-height=\"true\" 속성을 지정합니다.\n *\n * 3. 픽셀 고정 높이 (Fixed Pixel)\n *    - 부모 크기에 상관없이 개발자가 지정한 고정 크기를 엄격하게 유지합니다.\n *    - 사용법: <nine-table style=\"height: 400px;\"> 처럼 인라인 스타일로 높이를 직접 제어합니다.\n */\n\nimport './nine-table-sheets.js';\n\nexport class LayoutManager {\n    #root;\n    #resizeObserver = null;\n\n    constructor(shadowRoot) {\n        this.#root = shadowRoot;\n        this.#render();\n        this.#observeResize();\n    }\n\n    #observeResize = () => {\n        const hostEl = this.#root.host;\n        if (!hostEl) return;\n\n        this.#resizeObserver = new ResizeObserver((entries) => {\n            for (let entry of entries) {\n                const isAutoHeight = hostEl.getAttribute('auto-height') === 'true';\n                if (isAutoHeight) {\n                    this.#applyAutoHeight(hostEl);\n                }\n            }\n        });\n\n        this.#resizeObserver.observe(hostEl);\n    };\n\n    #applyAutoHeight = (hostEl) => {\n        const activeSheet = hostEl.shadowRoot?.querySelector('nine-table-sheet.active');\n        if (!activeSheet) return;\n\n        const rowCount = activeSheet.getRowCount?.() || 0;\n\n        // 1. 속성으로 maxRows를 받되, 없으면 기본값 10 설정\n        const maxRows = parseInt(hostEl.getAttribute('max-display-row'), 10) || 10;\n        const targetRows = Math.min(rowCount, maxRows);\n\n        // 2. 실제 렌더링된 행(tr) 높이를 동적으로 측정 (없으면 기본 32px 폴백)\n        const sampleRow = activeSheet.querySelector('tbody tr') || activeSheet.querySelector('tr');\n        const rowHeight = sampleRow ? sampleRow.getBoundingClientRect().height : 32;\n\n        // 3. 헤더 및 푸터/탭 영역의 실제 높이를 DOM에서 동적 측정\n        const headerEl = this.#root.querySelector('nine-table-header');\n        const footerEl = this.#root.querySelector('nine-table-sheets-footer');\n        const headerHeight = headerEl ? headerEl.getBoundingClientRect().height : 40;\n        const footerHeight = footerEl ? footerEl.getBoundingClientRect().height : 32;\n        const extraPadding = 16; // 미세 여백\n\n        const headerFooterHeight = headerHeight + footerHeight + extraPadding;\n        const calculatedHeight = (targetRows * rowHeight) + headerFooterHeight;\n\n        hostEl.style.height = `${calculatedHeight}px`;\n        hostEl.style.maxHeight = `${(maxRows * rowHeight) + headerFooterHeight}px`;\n\n        const sheetsBody = this.#root.querySelector('nine-table-sheets-body');\n        if (sheetsBody) {\n            sheetsBody.style.overflowY = rowCount > maxRows ? 'auto' : 'hidden';\n        }\n    };\n\n    #render = () => {\n        const hostEl = this.#root.host;\n        const rawElements = Array.from(hostEl.children);\n        const rawTables = rawElements.filter(el => el.tagName === 'TABLE');\n        const isAutoHeight = hostEl.getAttribute('auto-height') === 'true';\n\n        const sheetsHtml = rawTables.map((_, idx) => {\n            const className = idx === 0 ? 'active' : '';\n            return `<nine-table-sheet class=\"${className}\" data-index=\"${idx}\"></nine-table-sheet>`;\n        }).join('');\n\n        const tabsHtml = rawTables.map((_, idx) => {\n            const className = idx === 0 ? 'active' : '';\n            return `<div class=\"nine-tab-item ${className}\" data-index=\"${idx}\">Sheet ${idx + 1}</div>`;\n        }).join('');\n\n        this.#root.innerHTML = `\n            <style>\n                :host { \n                    display: flex; \n                    flex-direction: column; \n                    position: relative; \n                    overflow: hidden; \n                    height: ${isAutoHeight ? 'auto' : '100%'}; \n                    background: #fff; \n                }\n                nine-table-header { height: 40px; display: block; flex-shrink: 0; border-bottom: 1px solid #e5e7eb; background: #fff; }\n                nine-table-body { display: flex; flex-direction: row; flex: 1; overflow: hidden; position: relative; }\n                nine-table-summary { display: none; width: 250px; flex-shrink: 0; border-right: 1px solid #e5e7eb; }\n                nine-splitter:not([data-split-index]) { width: 4px; background: #e5e7eb; cursor: col-resize; flex-shrink: 0; }\n                nine-table-analysis { display: none; }\n                nine-table-footer { display: none; }\n\n                nine-table-sheets {\n                    flex: 1;\n                    display: flex;\n                    flex-direction: column;\n                    overflow: hidden;\n                    position: relative;\n                    background: #fff;\n                }\n                nine-table-sheets-body {\n                    flex: 1;\n                    overflow: auto;\n                    position: relative;\n                    display: flex;\n                    flex-direction: row;\n                }\n                nine-table-sheet {\n                    display: none !important;\n                    height: 100%;\n                    overflow: auto;\n                    flex: 1 1 100%;\n                }\n                nine-table-sheet.active {\n                    display: block !important;\n                }\n                nine-table-sheets-footer {\n                    display: flex;\n                    height: 32px;\n                    background: #f3f4f6;\n                    border-top: 1px solid #e5e7eb;\n                    align-items: center;\n                    justify-content: space-between;\n                    padding: 0 8px;\n                    flex-shrink: 0;\n                }\n                nine-table-sheets .nine-tab-bar {\n                    display: flex;\n                    align-items: center;\n                    gap: 2px;\n                    overflow-x: auto;\n                    flex: 1;\n                    height: 100%;\n                }\n                nine-table-sheets .nine-tab-item {\n                    padding: 4px 12px;\n                    cursor: pointer;\n                    font-size: 12px;\n                    color: #4b5563;\n                    background: #e5e7eb;\n                    border: 1px solid #d1d5db;\n                    border-top: none;\n                    border-radius: 0 0 3px 3px;\n                    user-select: none;\n                }\n                nine-table-sheets .nine-tab-item.active {\n                    background: #ffffff;\n                    color: #111827;\n                    font-weight: 600;\n                    border-bottom: 2px solid #2563eb;\n                }\n                nine-table-sheets .sheets-counter {\n                    font-size: 12px;\n                    color: #6b7280;\n                    padding-left: 12px;\n                    flex-shrink: 0;\n                }\n            </style>\n            \n            <nine-table-header></nine-table-header>\n            <nine-table-body>\n                <nine-table-summary></nine-table-summary>\n                <nine-table-sheets>\n                    <nine-table-sheets-body>${sheetsHtml}</nine-table-sheets-body>\n                    <nine-table-sheets-footer>\n                        <div class=\"nine-tab-bar\">${tabsHtml}</div>\n                        <div class=\"sheets-counter\">Total : <span id=\"row-count\">0</span></div>\n                    </nine-table-sheets-footer>\n                </nine-table-sheets>\n                <nine-table-analysis></nine-table-analysis>\n            </nine-table-body>\n            <nine-table-footer></nine-table-footer>\n        `;\n\n        const $sheetElements = this.#root.querySelectorAll('nine-table-sheet');\n\n        $sheetElements?.forEach(($el, idx) => {\n            if (rawTables[idx]) {\n                setTimeout(() => {\n                    $el.init(rawTables[idx]);\n                    if (isAutoHeight) {\n                        this.#applyAutoHeight(hostEl);\n                    }\n                });\n            }\n        });\n    };\n}","import {trace} from \"@nopeer\";\nimport { LayoutManager } from '../ui/LayoutManager.js';\n\nexport default class NineTable extends HTMLElement {\n    #created = false;\n\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n    }\n\n    connectedCallback() {\n        if (this.#created) return;\n\n        // shadowRoot 하나만 넘겨서 내부에서 레이아웃 및 테이블 수집 처리\n        this.layoutManager = new LayoutManager(this.shadowRoot);\n        //this.layoutManager.render();\n\n        this.#created = true;\n        trace.log('NineTable connected.');\n\n        this.dispatchEvent(new CustomEvent('load', { bubbles: true, detail: { target: this } }));\n    }\n\n    disconnectedCallback() {\n        trace.log('NineTable disconnected.');\n    }\n}\n\nif (!customElements.get('nine-table')) {\n    customElements.define('nine-table', NineTable);\n}"],"names":["_Trace","traceOrigin","__name","Trace","trace","_NineTableHScrollBar","__privateAdd","_owner","_dragging","_elements","_interval1","_interval2","__publicField","__privateGet","body","table","track","thumb","bottomContainer","trackWidth","ratio","thumbWidth","maxScrollLeft","maxThumbLeft","l","_thumbMoveTo","x","trackBound","targetX","_init","delayScroll","pos","thumbBound","__privateSet","tBound","thBound","clearTimer","e","trackRect","_thumb_onMouseMove","NineTableHScrollBar","_NineTableSheet","_tableElement","tableEl","initializeTable","tbl","ensureColgroup","firstRow","colCount","colgroup","defaultWidth","i","col","ensureThead","thead","clonedTable","leftContainer","bodyContainer","rightContainer","filterTableByFixed","sourceTable","targetFixedType","isBody","cols","targetIndices","idx","fixedAttr","tr","cells","bodyTable","leftTable","leftWidth","w","activeLeftWidth","rightTable","rightWidth","activeRightWidth","rowCount","hScrollbar","scrollLeft","scrollTop","_render","sbSize","NineTableSheet","_NineTableSheets","tabBar","tabItem","isMultiSelect","index","updateSplitters","splitter","splitIndex","leftSheet","rightSheet","tabItems","sheetElements","tab","sheet","clickedTab","activeTabs","targetSheet","activeSheets","initialBasis","activeSheet","rowCountEl","NineTableSheets","_LayoutManager","shadowRoot","_root","_resizeObserver","_observeResize","hostEl","entries","entry","_applyAutoHeight","_a","_b","maxRows","targetRows","sampleRow","rowHeight","headerEl","footerEl","headerHeight","footerHeight","headerFooterHeight","calculatedHeight","sheetsBody","rawTables","el","isAutoHeight","sheetsHtml","_","tabsHtml","$sheetElements","$el","LayoutManager","_NineTable","_created","NineTable"],"mappings":"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"}
+{"version":3,"file":"nine-table.umd.js","sources":["../src/external/NoPeer.js","../src/ui/nine-table-hscrollbar.js","../src/ui/nine-table-sheet.js","../src/ui/nine-table-sheets.js","../src/ui/LayoutManager.js","../src/core/nine-table.js"],"sourcesContent":["import { trace as traceOrigin } from '@ninebone/util';\n\nexport class Trace extends traceOrigin.constructor {\n    constructor() {\n        super();\n        this.init(\"nine-table\", \"green\");\n    }\n}\n\nexport const trace = new Trace();","import { trace } from \"@nopeer\";\n\nclass NineTableHScrollBar extends HTMLElement {\n    #owner;\n    #dragging = false;\n    #elements;\n    #interval1;\n    #interval2;\n    #resizeObserver;\n\n    constructor() {\n        super();\n    }\n\n    connectedCallback() {\n        this.#owner = this.getRootNode().host;\n        if (!this.#owner) return;\n\n        this.innerHTML = `\n            <style>\n                nine-table-hscrollbar {\n                    display: flex;\n                    flex-direction: row;\n                    width: 100%;\n                    height: 100%;\n                    background: #f9fafb;\n                    box-sizing: border-box;\n                    user-select: none;\n                    position: relative;\n                }\n                nine-table-hscrollbar button {\n                    width: 16px;\n                    height: 100%;\n                    background: #f3f4f6;\n                    border: none;\n                    cursor: pointer;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    padding: 0;\n                    flex-shrink: 0;\n                    z-index: 2;\n                }\n                nine-table-hscrollbar button:disabled {\n                    opacity: 0.4;\n                    cursor: default;\n                }\n                nine-table-hscrollbar .ng-scroll-icon {\n                    width: 6px;\n                    height: 6px;\n                    border-top: 2px solid #6b7280;\n                    border-right: 2px solid #6b7280;\n                }\n                nine-table-hscrollbar .ng-scroll-left .ng-scroll-icon { transform: rotate(-135deg); }\n                nine-table-hscrollbar .ng-scroll-right .ng-scroll-icon { transform: rotate(45deg); }\n                nine-table-hscrollbar .ng-scroll-track {\n                    flex: 1;\n                    height: 100%;\n                    position: relative;\n                    background: #f3f4f6;\n                    overflow: hidden;\n                }\n                nine-table-hscrollbar .ng-scroll-thumb {\n                    position: absolute;\n                    top: 2px;\n                    bottom: 2px;\n                    left: 0px;\n                    width: 30px;\n                    background: #9ca3af;\n                    border-radius: 4px;\n                    cursor: pointer;\n                    z-index: 1;\n                }\n                nine-table-hscrollbar .ng-scroll-thumb:hover {\n                    background: #6b7280;\n                }\n            </style>\n            <button class='ng-scroll-left' disabled><div class='ng-scroll-icon'></div></button>\n            <div class='ng-scroll-track'><div class='ng-scroll-thumb'></div></div>\n            <button class='ng-scroll-right' disabled><div class='ng-scroll-icon'></div></button>\n        `;\n\n        requestAnimationFrame(() => {\n            if (!this.#owner) return;\n\n            const bodyContainer = this.#owner.querySelector(\".ng-container-body\");\n            if (!bodyContainer) return;\n\n            this.#elements = {\n                container : bodyContainer,\n                track     : this.querySelector(\".ng-scroll-track\"),\n                thumb     : this.querySelector(\".ng-scroll-thumb\"),\n                left      : this.querySelector(\".ng-scroll-left\"),\n                right     : this.querySelector(\".ng-scroll-right\"),\n            };\n\n            this.#init();\n            this.#observeResize();\n            this.refresh();\n        });\n    }\n\n    disconnectedCallback() {\n        if (this.#resizeObserver) {\n            this.#resizeObserver.disconnect();\n        }\n    }\n\n    #observeResize = () => {\n        if (!this.#owner) return;\n        const body = this.#owner.querySelector(\".ng-container-body\");\n        if (!body) return;\n\n        this.#resizeObserver = new ResizeObserver(() => {\n            this.refresh();\n        });\n        this.#resizeObserver.observe(body);\n    };\n\n    refresh = () => {\n        if (!this.#owner || this.#dragging || !this.#elements) return;\n\n        const body = this.#elements.container;\n        const table = body.querySelector(\"table\");\n        if (!table) return;\n\n        const track = $(this.#elements.track, this);\n        const thumb = $(this.#elements.thumb, this);\n        const bottomContainer = this.#owner.querySelector(\".ng-container-bottom\");\n\n        if (body.clientWidth !== 0 && table.scrollWidth > body.clientWidth) {\n            $(bottomContainer).show();\n        } else {\n            $(bottomContainer).hide();\n            return;\n        }\n\n        const trackWidth = track.width();\n        if (trackWidth <= 0) return;\n\n        const ratio = body.clientWidth / table.scrollWidth;\n        const thumbWidth = Math.max(Math.min(trackWidth * ratio, trackWidth), 20);\n        thumb.width(thumbWidth);\n\n        const maxScrollLeft = table.scrollWidth - body.clientWidth;\n        const maxThumbLeft = trackWidth - thumbWidth;\n\n        let l = 0;\n        if (maxScrollLeft > 0) {\n            l = parseInt((body.scrollLeft / maxScrollLeft) * maxThumbLeft, 10);\n        }\n        if (l < 0) l = 0;\n        if (l > maxThumbLeft) l = maxThumbLeft;\n\n        thumb.css({ left: l + 'px' });\n\n        this.#elements.left.disabled = (body.scrollLeft <= 0);\n        this.#elements.right.disabled = (body.scrollLeft >= maxScrollLeft);\n    };\n\n    #thumbMoveTo = (x) => {\n        if (!this.#elements) return false;\n\n        const body = this.#elements.container;\n        const table = body.querySelector(\"table\");\n        if (!table) return false;\n\n        const trackBound = this.#elements.track.getBoundingClientRect();\n        const thumbWidth = $(this.#elements.thumb, this).width() || 20;\n\n        let targetX = x;\n        if (targetX < 0) targetX = 0;\n        if (targetX + thumbWidth > trackBound.width) targetX = trackBound.width - thumbWidth;\n        targetX = parseInt(targetX, 10);\n\n        this.#elements.thumb.style.left = targetX + 'px';\n\n        const maxScrollLeft = table.scrollWidth - body.clientWidth;\n        const maxThumbLeft = trackBound.width - thumbWidth;\n\n        if (maxThumbLeft > 0 && maxScrollLeft > 0) {\n            body.scrollLeft = (targetX / maxThumbLeft) * maxScrollLeft;\n        }\n\n        this.#elements.left.disabled = targetX <= 0;\n        this.#elements.right.disabled = targetX >= maxThumbLeft;\n\n        return (targetX > 0 && targetX < maxThumbLeft);\n    };\n\n    #init = () => {\n        const body = this.#elements.container;\n\n        if (body) {\n            body.addEventListener('scroll', () => {\n                if (!this.#dragging) {\n                    this.refresh();\n                }\n            });\n        }\n\n        const delayScroll = (pos) => {\n            if (!this.#elements) return;\n            clearInterval(this.#interval1);\n            clearInterval(this.#interval2);\n\n            const trackBound = this.#elements.track.getBoundingClientRect();\n            const thumbBound = this.#elements.thumb.getBoundingClientRect();\n\n            this.#thumbMoveTo((thumbBound.x - trackBound.x) + pos);\n\n            this.#interval1 = setInterval(() => {\n                clearInterval(this.#interval1);\n\n                this.#interval2 = setInterval(() => {\n                    if (!this.#elements) {\n                        clearInterval(this.#interval2);\n                        return;\n                    }\n                    const tBound = this.#elements.track.getBoundingClientRect();\n                    const thBound = this.#elements.thumb.getBoundingClientRect();\n                    if (!this.#thumbMoveTo((thBound.x - tBound.x) + pos)) {\n                        clearInterval(this.#interval2);\n                    }\n                }, 10);\n            }, 500);\n        };\n\n        const clearTimer = () => {\n            clearInterval(this.#interval1);\n            clearInterval(this.#interval2);\n        };\n\n        this.#elements.left.ontouchend =\n            this.#elements.right.ontouchend =\n                this.#elements.track.ontouchend =\n                    this.#elements.left.onmouseup =\n                        this.#elements.left.onmouseleave =\n                            this.#elements.right.onmouseup =\n                                this.#elements.right.onmouseleave =\n                                    this.#elements.track.onmouseup =\n                                        this.#elements.track.onmouseleave = clearTimer;\n\n        $(this.#elements.left).on(\"mousedown\", e => { if (e.buttons != 1) return; delayScroll(-20); });\n        $(this.#elements.right).on(\"mousedown\", e => { if (e.buttons != 1) return; delayScroll(20); });\n\n        $(this.#elements.track).on(\"mousedown\", e => {\n            if (e.buttons != 1) return;\n            e.preventDefault();\n            const trackRect = this.#elements.track.getBoundingClientRect();\n            const thumbWidth = $(this.#elements.thumb, this).width() || 20;\n            this.#thumbMoveTo(e.clientX - trackRect.left - (thumbWidth / 2));\n        });\n\n        $(this.#elements.thumb).on(\"mousedown\", e => {\n            if (e.buttons != 1) return;\n            e.stopPropagation();\n            e.preventDefault();\n            this.#dragging = true;\n\n            const thumbRect = this.#elements.thumb.getBoundingClientRect();\n            this.shiftX = e.clientX - thumbRect.left;\n\n            const onMouseMove = (moveEvent) => {\n                if (!this.#dragging || !this.#elements) return;\n                const trackRect = this.#elements.track.getBoundingClientRect();\n                this.#thumbMoveTo(moveEvent.clientX - trackRect.left - this.shiftX);\n            };\n\n            const onMouseUp = () => {\n                this.#dragging = false;\n                clearTimer();\n                document.removeEventListener('mousemove', onMouseMove);\n                document.removeEventListener('mouseup', onMouseUp);\n                this.refresh();\n            };\n\n            document.addEventListener('mousemove', onMouseMove);\n            document.addEventListener('mouseup', onMouseUp);\n        });\n    };\n}\n\nif (!customElements.get('nine-table-hscrollbar')) {\n    customElements.define(\"nine-table-hscrollbar\", NineTableHScrollBar);\n}","import { trace } from \"@nopeer\";\nimport './nine-table-hscrollbar.js';\n\nexport class NineTableSheet extends HTMLElement {\n    #tableElement = null;\n    static SCROLLBAR_SIZE = 16;\n\n    constructor() {\n        super();\n    }\n\n    connectedCallback() {\n        this.#render();\n    };\n\n    init = (tableEl) => {\n        if (!tableEl) return;\n\n        const initializeTable = (tbl) => {\n\n            const ensureColgroup = (tbl) => {\n                if (tbl.querySelector('colgroup')) return;\n\n                const firstRow = tbl.querySelector('tbody tr') || tbl.querySelector('tr');\n                const colCount = firstRow ? firstRow.querySelectorAll('th, td').length : 1;\n\n                const colgroup = document.createElement('colgroup');\n                const defaultWidth = Math.max(Math.floor((tbl.clientWidth || 600) / colCount), 100);\n\n                for (let i = 0; i < colCount; i++) {\n                    const col = document.createElement('col');\n                    col.setAttribute('width', defaultWidth);\n                    colgroup.appendChild(col);\n                }\n                tbl.prepend(colgroup);\n            };\n\n            const ensureThead = (tbl) => {\n                if (tbl.querySelector('thead')) return;\n\n                const thead = document.createElement('thead');\n                const colgroup = tbl.querySelector('colgroup');\n\n                if (colgroup) {\n                    colgroup.after(thead);\n                } else {\n                    tbl.prepend(thead);\n                }\n            };\n\n            ensureColgroup(tbl);\n            ensureThead(tbl);\n\n            tbl.classList.add('nine-table-element');\n            return tbl;\n        };\n\n        const clonedTable = tableEl.cloneNode(true);\n        this.#tableElement = initializeTable(clonedTable);\n        this.#tableElement.style.display = 'table';\n\n        const leftContainer = this.querySelector('.ng-container-left');\n        const bodyContainer = this.querySelector('.ng-container-body');\n        const rightContainer = this.querySelector('.ng-container-right');\n\n        const filterTableByFixed = (sourceTable, targetFixedType, isBody = false) => {\n            const tbl = sourceTable.cloneNode(true);\n            const cols = Array.from(tbl.querySelectorAll('colgroup col'));\n            const targetIndices = [];\n\n            cols.forEach((col, idx) => {\n                const fixedAttr = col.getAttribute('fixed');\n                const isMatch = isBody ? (!fixedAttr || fixedAttr === '') : (fixedAttr === targetFixedType);\n                if (!isMatch) {\n                    targetIndices.push(idx);\n                }\n            });\n\n            targetIndices.reverse().forEach(idx => {\n                if (cols[idx]) cols[idx].remove();\n                tbl.querySelectorAll('tr').forEach(tr => {\n                    const cells = tr.querySelectorAll('th, td');\n                    if (cells[idx]) cells[idx].remove();\n                });\n            });\n\n            return tbl;\n        };\n\n        // 1. 메인 바디 영역\n        if (bodyContainer) {\n            const bodyTable = filterTableByFixed(this.#tableElement, null, true);\n            bodyContainer.innerHTML = '';\n            bodyContainer.appendChild(bodyTable);\n        }\n\n        // 2. 좌측 고정 영역\n        if (leftContainer) {\n            const leftTable = filterTableByFixed(this.#tableElement, 'left', false);\n\n            let leftWidth = 0;\n            leftTable.querySelectorAll('col').forEach(col => {\n                const w = parseInt(col.getAttribute('width'), 10);\n                if (!isNaN(w)) leftWidth += w;\n            });\n\n            leftContainer.innerHTML = '';\n            leftContainer.appendChild(leftTable);\n\n            const activeLeftWidth = leftWidth > 0 ? leftWidth : 0;\n            leftContainer.style.flex = `0 0 ${activeLeftWidth}px`;\n            leftContainer.style.width = `${activeLeftWidth}px`;\n        }\n\n        // 3. 우측 고정 영역\n        if (rightContainer) {\n            const rightTable = filterTableByFixed(this.#tableElement, 'right', false);\n\n            let rightWidth = 0;\n            rightTable.querySelectorAll('col').forEach(col => {\n                const w = parseInt(col.getAttribute('width'), 10);\n                if (!isNaN(w)) rightWidth += w;\n            });\n\n            rightContainer.innerHTML = '';\n            rightContainer.appendChild(rightTable);\n\n            const activeRightWidth = rightWidth > 0 ? rightWidth : 0;\n            rightContainer.style.flex = `0 0 ${activeRightWidth}px`;\n            rightContainer.style.width = `${activeRightWidth}px`;\n        }\n\n        // 데이터 건수 기반 세로 스크롤 및 가로 스크롤 동기화 연동\n        if (bodyContainer) {\n            const rowCount = this.getRowCount();\n            bodyContainer.style.overflowY = rowCount > 10 ? 'auto' : 'hidden';\n\n            // 🎯 가로 스크롤 발생 시 하단 hscrollbar 새로고침 트리거\n            bodyContainer.addEventListener('scroll', () => {\n                const hScrollbar = this.querySelector('nine-table-hscrollbar');\n                if (hScrollbar && typeof hScrollbar.refresh === 'function') {\n                    hScrollbar.refresh();\n                }\n            });\n        }\n\n        // 초기 렌더링 완료 후 하단 가로 스크롤바 상태 갱신\n        setTimeout(() => {\n            const hScrollbar = this.querySelector('nine-table-hscrollbar');\n            if (hScrollbar && typeof hScrollbar.refresh === 'function') {\n                hScrollbar.refresh();\n            }\n        }, 0);\n\n        trace.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`);\n    };\n\n    getRowCount = () => {\n        if (!this.#tableElement) return 0;\n        return this.#tableElement.querySelectorAll('tbody tr').length;\n    };\n\n    scrollToX = (scrollLeft) => {\n        const bodyContainer = this.querySelector('.ng-container-body');\n        if (bodyContainer) bodyContainer.scrollLeft = scrollLeft;\n    };\n\n    scrollToY = (scrollTop) => {\n        const bodyContainer = this.querySelector('.ng-container-body');\n        if (bodyContainer) bodyContainer.scrollTop = scrollTop;\n    };\n\n    #render = () => {\n        const sbSize = NineTableSheet.SCROLLBAR_SIZE;\n\n        this.innerHTML = `\n            <style>\n                nine-table-sheet {\n                    display: flex;\n                    flex-direction: column;\n                    width: 100%;\n                    height: 100%;\n                    position: relative;\n                    box-sizing: border-box;\n                    background: #ffffff;\n                    overflow: hidden;\n                }\n    \n                nine-table-sheet .ng-container-top {\n                    display: flex;\n                    flex-direction: row;\n                    flex: 1 1 auto;\n                    width: 100%;\n                    height: calc(100% - ${sbSize}px);\n                    overflow: hidden;\n                    position: relative;\n                }\n    \n                nine-table-sheet .ng-container-left {\n                    display: flex;\n                    flex-direction: column;\n                    overflow: hidden;\n                    background: #ffffff;\n                    border-right: 1px solid #e5e7eb;\n                    flex-shrink: 0;\n                }\n    \n                /* 🎯 컨테이너 자체 스크롤바 생성을 막고 외부 커스텀 스크롤바 제어에 의존 */\n                nine-table-sheet .ng-container-body {\n                    display: flex;\n                    flex-direction: column;\n                    flex: 1;\n                    overflow-x: hidden;\n                    overflow-y: auto;\n                    background: #ffffff;\n                    position: relative;\n                }\n    \n                nine-table-sheet .ng-container-right {\n                    display: flex;\n                    flex-direction: column;\n                    overflow: hidden;\n                    background: #ffffff;\n                    border-left: 1px solid #e5e7eb;\n                    flex-shrink: 0;\n                }\n    \n                nine-table-sheet .ng-container-bottom {\n                    display: flex;\n                    flex-direction: row;\n                    height: ${sbSize}px;\n                    min-height: ${sbSize}px;\n                    flex-shrink: 0;\n                    background: #f9fafb;\n                    border-top: 1px solid #e5e7eb;\n                }\n    \n    /**\n                nine-table-sheet nine-table-hscrollbar {\n                    flex: 1;\n                    height: 100%;\n                    overflow: hidden;\n                    --display: block;\n                } */\n    \n                nine-table-sheet .ng-scroll-edge {\n                    width: ${sbSize}px;\n                    min-width: ${sbSize}px;\n                    height: 100%;\n                    flex-shrink: 0;\n                    background: #f3f4f6;\n                }\n    \n                nine-table-sheet table {\n                    border-collapse: collapse;\n                    width: 100%;\n                    table-layout: fixed;\n                }\n    \n                nine-table-sheet th, nine-table-sheet td {\n                    box-sizing: border-box;\n                    overflow: hidden;\n                    white-space: nowrap;\n                    text-overflow: ellipsis;\n                    padding: 6px 8px;\n                    border: 1px solid #e5e7eb;\n                    font-size: 12px;\n                    color: #111827;\n                }\n    \n                nine-table-sheet th {\n                    background-color: #f9fafb;\n                    font-weight: 600;\n                    text-align: left;\n                }\n            </style>\n            \n            <div class='ng-container-top'>\n                <div class='ng-container-left'></div>\n                <div class='ng-container-body'></div>\n                <div class='ng-container-right'></div>\n                <nine-table-vscrollbar></nine-table-vscrollbar>\n            </div>\n            <div class='ng-container-bottom'>\n                <nine-table-hscrollbar></nine-table-hscrollbar>\n                <div class='ng-scroll-edge'></div>\n            </div>\n        `;\n    };\n\n    disconnectedCallback() {\n        this.innerHTML = '';\n        trace.log('NineTableSheet destroyed.');\n    };\n}\n\nif (!customElements.get('nine-table-sheet')) {\n    customElements.define('nine-table-sheet', NineTableSheet);\n}","import './nine-table-sheet.js';\n\nexport class NineTableSheets extends HTMLElement {\n    constructor() {\n        super();\n    }\n\n    connectedCallback() {\n        this.#init();\n    };\n\n    #init = () => {\n        const tabBar = this.querySelector('.nine-tab-bar');\n        if (!tabBar) return;\n\n        tabBar.addEventListener('click', (e) => {\n            const tabItem = e.target.closest('.nine-tab-item');\n            if (!tabItem) return;\n\n            const isMultiSelect = e.ctrlKey || e.metaKey || e.shiftKey;\n            const index = parseInt(tabItem.dataset.index, 10);\n            this.switchSheet(index, isMultiSelect);\n        });\n\n        this.switchSheet(0, false);\n    };\n\n    switchSheet = (index, isMultiSelect = false) => {\n\n        const updateSplitters = () => {\n            const body = this.querySelector('nine-table-sheets-body');\n            const splitters = body.querySelectorAll('nine-splitter');\n            splitters.forEach(splitter => {\n                const splitIndex = parseInt(splitter.dataset.splitIndex, 10);\n                const leftSheet = body.querySelector(`nine-table-sheet[data-index=\"${splitIndex - 1}\"]`);\n                const rightSheet = body.querySelector(`nine-table-sheet[data-index=\"${splitIndex}\"]`);\n\n                if (leftSheet && rightSheet && leftSheet.classList.contains('active') && rightSheet.classList.contains('active')) {\n                    splitter.classList.add('active');\n                } else {\n                    splitter.classList.remove('active');\n                }\n            });\n        };\n\n        const tabBar = this.querySelector('.nine-tab-bar');\n        const body = this.querySelector('nine-table-sheets-body');\n        const tabItems = tabBar.querySelectorAll('.nine-tab-item');\n        const sheetElements = body.querySelectorAll('nine-table-sheet');\n\n        if (!tabItems[index]) return;\n\n        if (!isMultiSelect) {\n            tabItems.forEach((tab, idx) => {\n                tab.classList.toggle('active', idx === index);\n                const sheet = body.querySelector(`nine-table-sheet[data-index=\"${idx}\"]`);\n                if (sheet) sheet.style.flex = '';\n            });\n            sheetElements.forEach((sheet, idx) => {\n                sheet.classList.toggle('active', idx === index);\n            });\n        } else {\n            const clickedTab = tabItems[index];\n            const activeTabs = tabBar.querySelectorAll('.nine-tab-item.active');\n\n            if (clickedTab.classList.contains('active') && activeTabs.length <= 1) {\n                return;\n            }\n\n            clickedTab.classList.toggle('active');\n            const targetSheet = body.querySelector(`nine-table-sheet[data-index=\"${index}\"]`);\n            if (targetSheet) {\n                targetSheet.classList.toggle('active');\n                if (!targetSheet.classList.contains('active')) {\n                    targetSheet.style.flex = '';\n                }\n            }\n        }\n\n        const activeSheets = Array.from(body.querySelectorAll('nine-table-sheet.active'));\n        if (activeSheets.length > 1) {\n            const initialBasis = (1 / activeSheets.length);\n            activeSheets.forEach(sheet => {\n                if (!sheet.style.flex || sheet.style.flex === '1 1 100%') {\n                    sheet.style.flex = `${initialBasis} ${initialBasis} 0px`;\n                }\n            });\n        } else {\n            activeSheets.forEach(sheet => {\n                sheet.style.flex = '1 1 100%';\n            });\n        }\n\n        updateSplitters();\n\n        const activeSheet = body.querySelector(`nine-table-sheet.active`);\n        if (activeSheet && typeof activeSheet.getRowCount === 'function') {\n            const rowCountEl = this.querySelector('#row-count');\n            if (rowCountEl) {\n                rowCountEl.textContent = activeSheet.getRowCount().toLocaleString();\n            }\n        }\n    };\n\n\n}\n\nif (!customElements.get('nine-table-sheets')) {\n    customElements.define('nine-table-sheets', NineTableSheets);\n}","/**\n * [LayoutManager 높이 설정(Height Configuration) 사용 예제]\n *\n * 1. 부모 영역 채우기 (Fluid / 100% Fill) - 기본값\n *    - 컴포넌트가 부모 컨테이너의 남은 공간을 가득 채우고 내부 영역에서 스크롤을 처리합니다.\n *    - 사용법: <nine-table> 또는 호스트 엘리먼트에 별도 속성을 주지 않으면 적용됩니다.\n *\n * 2. 콘텐츠 밀착형 / 데이터 건수 기반 동적 높이 (Auto-Height)\n *    - 데이터 행 개수에 맞춰 컴포넌트 전체 높이가 유연하게 늘어납니다.\n *    - 사용법: <nine-table auto-height=\"true\"> 또는 호스트 엘리먼트에 auto-height=\"true\" 속성을 지정합니다.\n *\n * 3. 픽셀 고정 높이 (Fixed Pixel)\n *    - 부모 크기에 상관없이 개발자가 지정한 고정 크기를 엄격하게 유지합니다.\n *    - 사용법: <nine-table style=\"height: 400px;\"> 처럼 인라인 스타일로 높이를 직접 제어합니다.\n */\n\nimport './nine-table-sheets.js';\n\nexport class LayoutManager {\n    #root;\n    #resizeObserver = null;\n\n    constructor(shadowRoot) {\n        this.#root = shadowRoot;\n        this.#render();\n        this.#observeResize();\n    }\n\n    #observeResize = () => {\n        const hostEl = this.#root.host;\n        if (!hostEl) return;\n\n        this.#resizeObserver = new ResizeObserver((entries) => {\n            for (let entry of entries) {\n                const isAutoHeight = hostEl.getAttribute('auto-height') === 'true';\n                if (isAutoHeight) {\n                    this.#applyAutoHeight(hostEl);\n                }\n            }\n        });\n\n        this.#resizeObserver.observe(hostEl);\n    };\n\n    #applyAutoHeight = (hostEl) => {\n        const activeSheet = hostEl.shadowRoot?.querySelector('nine-table-sheet.active');\n        if (!activeSheet) return;\n\n        const rowCount = activeSheet.getRowCount?.() || 0;\n\n        // 1. 속성으로 maxRows를 받되, 없으면 기본값 10 설정\n        const maxRows = parseInt(hostEl.getAttribute('max-display-row'), 10) || 10;\n        const targetRows = Math.min(rowCount, maxRows);\n\n        // 2. 실제 렌더링된 행(tr) 높이를 동적으로 측정 (없으면 기본 32px 폴백)\n        const sampleRow = activeSheet.querySelector('tbody tr') || activeSheet.querySelector('tr');\n        const rowHeight = sampleRow ? sampleRow.getBoundingClientRect().height : 32;\n\n        // 3. 헤더 및 푸터/탭 영역의 실제 높이를 DOM에서 동적 측정\n        const headerEl = this.#root.querySelector('nine-table-header');\n        const footerEl = this.#root.querySelector('nine-table-sheets-footer');\n        const headerHeight = headerEl ? headerEl.getBoundingClientRect().height : 40;\n        const footerHeight = footerEl ? footerEl.getBoundingClientRect().height : 32;\n        const extraPadding = 16; // 미세 여백\n\n        const headerFooterHeight = headerHeight + footerHeight + extraPadding;\n        const calculatedHeight = (targetRows * rowHeight) + headerFooterHeight;\n\n        hostEl.style.height = `${calculatedHeight}px`;\n        hostEl.style.maxHeight = `${(maxRows * rowHeight) + headerFooterHeight}px`;\n\n        const sheetsBody = this.#root.querySelector('nine-table-sheets-body');\n        if (sheetsBody) {\n            sheetsBody.style.overflowY = rowCount > maxRows ? 'auto' : 'hidden';\n        }\n    };\n\n    #render = () => {\n        const hostEl = this.#root.host;\n        const rawElements = Array.from(hostEl.children);\n        const rawTables = rawElements.filter(el => el.tagName === 'TABLE');\n        const isAutoHeight = hostEl.getAttribute('auto-height') === 'true';\n\n        const sheetsHtml = rawTables.map((_, idx) => {\n            const className = idx === 0 ? 'active' : '';\n            return `<nine-table-sheet class=\"${className}\" data-index=\"${idx}\"></nine-table-sheet>`;\n        }).join('');\n\n        const tabsHtml = rawTables.map((_, idx) => {\n            const className = idx === 0 ? 'active' : '';\n            return `<div class=\"nine-tab-item ${className}\" data-index=\"${idx}\">Sheet ${idx + 1}</div>`;\n        }).join('');\n\n        this.#root.innerHTML = `\n            <style>\n                :host { \n                    display: flex; \n                    flex-direction: column; \n                    position: relative; \n                    overflow: hidden; \n                    height: ${isAutoHeight ? 'auto' : '100%'}; \n                    background: #fff; \n                }\n                nine-table-header { height: 40px; display: block; flex-shrink: 0; border-bottom: 1px solid #e5e7eb; background: #fff; }\n                nine-table-body { display: flex; flex-direction: row; flex: 1; overflow: hidden; position: relative; }\n                nine-table-summary { display: none; width: 250px; flex-shrink: 0; border-right: 1px solid #e5e7eb; }\n                nine-splitter:not([data-split-index]) { width: 4px; background: #e5e7eb; cursor: col-resize; flex-shrink: 0; }\n                nine-table-analysis { display: none; }\n                nine-table-footer { display: none; }\n\n                nine-table-sheets {\n                    flex: 1;\n                    display: flex;\n                    flex-direction: column;\n                    overflow: hidden;\n                    position: relative;\n                    background: #fff;\n                }\n                nine-table-sheets-body {\n                    flex: 1;\n                    overflow: auto;\n                    position: relative;\n                    display: flex;\n                    flex-direction: row;\n                }\n                nine-table-sheet {\n                    display: none !important;\n                    height: 100%;\n                    overflow: auto;\n                    flex: 1 1 100%;\n                }\n                nine-table-sheet.active {\n                    display: block !important;\n                }\n                nine-table-sheets-footer {\n                    display: flex;\n                    height: 32px;\n                    background: #f3f4f6;\n                    border-top: 1px solid #e5e7eb;\n                    align-items: center;\n                    justify-content: space-between;\n                    padding: 0 8px;\n                    flex-shrink: 0;\n                }\n                nine-table-sheets .nine-tab-bar {\n                    display: flex;\n                    align-items: center;\n                    gap: 2px;\n                    overflow-x: auto;\n                    flex: 1;\n                    height: 100%;\n                }\n                nine-table-sheets .nine-tab-item {\n                    padding: 4px 12px;\n                    cursor: pointer;\n                    font-size: 12px;\n                    color: #4b5563;\n                    background: #e5e7eb;\n                    border: 1px solid #d1d5db;\n                    border-top: none;\n                    border-radius: 0 0 3px 3px;\n                    user-select: none;\n                }\n                nine-table-sheets .nine-tab-item.active {\n                    background: #ffffff;\n                    color: #111827;\n                    font-weight: 600;\n                    border-bottom: 2px solid #2563eb;\n                }\n                nine-table-sheets .sheets-counter {\n                    font-size: 12px;\n                    color: #6b7280;\n                    padding-left: 12px;\n                    flex-shrink: 0;\n                }\n            </style>\n            \n            <nine-table-header></nine-table-header>\n            <nine-table-body>\n                <nine-table-summary></nine-table-summary>\n                <nine-table-sheets>\n                    <nine-table-sheets-body>${sheetsHtml}</nine-table-sheets-body>\n                    <nine-table-sheets-footer>\n                        <div class=\"nine-tab-bar\">${tabsHtml}</div>\n                        <div class=\"sheets-counter\">Total : <span id=\"row-count\">0</span></div>\n                    </nine-table-sheets-footer>\n                </nine-table-sheets>\n                <nine-table-analysis></nine-table-analysis>\n            </nine-table-body>\n            <nine-table-footer></nine-table-footer>\n        `;\n\n        const $sheetElements = this.#root.querySelectorAll('nine-table-sheet');\n\n        $sheetElements?.forEach(($el, idx) => {\n            if (rawTables[idx]) {\n                setTimeout(() => {\n                    $el.init(rawTables[idx]);\n                    if (isAutoHeight) {\n                        this.#applyAutoHeight(hostEl);\n                    }\n                });\n            }\n        });\n    };\n}","import {trace} from \"@nopeer\";\nimport { LayoutManager } from '../ui/LayoutManager.js';\n\nexport default class NineTable extends HTMLElement {\n    #created = false;\n\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n    }\n\n    connectedCallback() {\n        if (this.#created) return;\n\n        // shadowRoot 하나만 넘겨서 내부에서 레이아웃 및 테이블 수집 처리\n        this.layoutManager = new LayoutManager(this.shadowRoot);\n        //this.layoutManager.render();\n\n        this.#created = true;\n        trace.log('NineTable connected.');\n\n        this.dispatchEvent(new CustomEvent('load', { bubbles: true, detail: { target: this } }));\n    }\n\n    disconnectedCallback() {\n        trace.log('NineTable disconnected.');\n    }\n}\n\nif (!customElements.get('nine-table')) {\n    customElements.define('nine-table', NineTable);\n}"],"names":["_Trace","traceOrigin","__name","Trace","trace","_NineTableHScrollBar","__privateAdd","_owner","_dragging","_elements","_interval1","_interval2","_resizeObserver","_observeResize","__privateGet","body","__privateSet","__publicField","table","track","thumb","bottomContainer","trackWidth","ratio","thumbWidth","maxScrollLeft","maxThumbLeft","_thumbMoveTo","x","trackBound","targetX","_init","delayScroll","pos","thumbBound","tBound","thBound","clearTimer","e","trackRect","thumbRect","onMouseMove","moveEvent","onMouseUp","bodyContainer","NineTableHScrollBar","_NineTableSheet","_tableElement","tableEl","initializeTable","tbl","ensureColgroup","firstRow","colCount","colgroup","defaultWidth","i","col","ensureThead","thead","clonedTable","leftContainer","rightContainer","filterTableByFixed","sourceTable","targetFixedType","isBody","cols","targetIndices","idx","fixedAttr","tr","cells","bodyTable","leftTable","leftWidth","w","activeLeftWidth","rightTable","rightWidth","activeRightWidth","rowCount","hScrollbar","scrollLeft","scrollTop","_render","sbSize","NineTableSheet","_NineTableSheets","tabBar","tabItem","isMultiSelect","index","updateSplitters","splitter","splitIndex","leftSheet","rightSheet","tabItems","sheetElements","tab","sheet","clickedTab","activeTabs","targetSheet","activeSheets","initialBasis","activeSheet","rowCountEl","NineTableSheets","_LayoutManager","shadowRoot","_root","hostEl","entries","entry","_applyAutoHeight","_a","_b","maxRows","targetRows","sampleRow","rowHeight","headerEl","footerEl","headerHeight","footerHeight","headerFooterHeight","calculatedHeight","sheetsBody","rawTables","el","isAutoHeight","sheetsHtml","_","tabsHtml","$sheetElements","$el","LayoutManager","_NineTable","_created","NineTable"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ninebone/table",
-  "version": "0.0.81",
+  "version": "0.0.83",
   "description": "Grid component for real-time collaboration (Vanilla JS based)",
   "type": "module",
   "main": "./dist/nine-table.umd.js",