@ninebone/table 0.0.92 → 0.0.93

package/dist/nine-table.js

@@ -4,8 +4,8 @@ var ee = (p) => {
 };
 var ne = (p, i, t) => i in p ? _(p, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[i] = t;
 var b = (p, i) => _(p, "name", { value: i, configurable: !0 });
-var L = (p, i, t) => ne(p, typeof i != "symbol" ? i + "" : i, t), te = (p, i, t) => i.has(p) || ee("Cannot " + t);
-var e = (p, i, t) => (te(p, i, "read from private field"), t ? t.call(p) : i.get(p)), y = (p, i, t) => i.has(p) ? ee("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(p) : i.set(p, t), S = (p, i, t, r) => (te(p, i, "write to private field"), r ? r.call(p, t) : i.set(p, t), t);
+var C = (p, i, t) => ne(p, typeof i != "symbol" ? i + "" : i, t), te = (p, i, t) => i.has(p) || ee("Cannot " + t);
+var e = (p, i, t) => (te(p, i, "read from private field"), t ? t.call(p) : i.get(p)), y = (p, i, t) => i.has(p) ? ee("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(p) : i.set(p, t), S = (p, i, t, a) => (te(p, i, "write to private field"), a ? a.call(p, t) : i.set(p, t), t);
 import { trace as ie } from "@ninebone/util";
 const U = class U extends ie.constructor {
   constructor() {
@@ -14,92 +14,95 @@ const U = class U extends ie.constructor {
 };
 b(U, "Trace");
 let F = U;
-const $ = new F();
-var q, T, d, C, A, R, W;
+const q = new F();
+var L, T, d, A, R, $, W;
 const G = class G extends HTMLElement {
   constructor() {
     super();
-    y(this, q);
+    y(this, L);
     y(this, T, !1);
     y(this, d);
-    y(this, C);
     y(this, A);
-    L(this, "refresh", /* @__PURE__ */ b(() => {
-      if (!e(this, q) || !e(this, d)) return;
-      const t = e(this, d).container, r = t.querySelector("table");
-      if (!r) return;
-      const o = e(this, d).track, u = e(this, d).thumb, h = e(this, q).querySelector(".ng-container-bottom"), a = t.clientWidth, g = r.scrollWidth;
-      if (a !== 0 && g > a)
+    y(this, R);
+    C(this, "refresh", /* @__PURE__ */ b(() => {
+      if (!e(this, L) || !e(this, d)) return;
+      const t = e(this, d).container, a = t.querySelector("table");
+      if (!a) {
+        q.log("refresh: table 요소를 찾을 수 없음");
+        return;
+      }
+      const o = e(this, d).track, u = e(this, d).thumb, h = e(this, L).querySelector(".ng-container-bottom"), l = t.clientWidth, g = a.scrollWidth;
+      if (q.log("refresh 체크 -> bodyWidth:", l, "tableWidth:", g), l !== 0 && g > l)
         h && (h.style.display = "flex");
       else {
-        h && (h.style.display = "none");
+        q.log("refresh: 테이블 너비가 컨테이너보다 작거나 같아서 숨김 처리됨"), h && (h.style.display = "none");
         return;
       }
       const n = o.clientWidth;
       if (n <= 0) return;
-      const f = Math.max(Math.min(n * (a / g), n), 20);
+      const f = Math.max(Math.min(n * (l / g), n), 20);
       u.style.width = `${f}px`;
-      const l = parseInt(r.style.left || 0, 10);
-      let s = parseInt(Math.abs(l) * n / g, 10);
+      const r = parseInt(a.style.left || 0, 10);
+      let s = parseInt(Math.abs(r) * n / g, 10);
       s < 0 && (s = 0);
       const c = n - f;
-      s > c && (s = c), u.style.left = `${s}px`, e(this, d).left.disabled = s === 0, $.log(s, c), e(this, d).right.disabled = s >= c;
+      s > c && (s = c), u.style.left = `${s}px`, q.log("disable 판정 직전 -> l:", s, "maxThumbLeft:", c), e(this, d).left.disabled = s === 0, e(this, d).right.disabled = s >= c - 1;
     }, "refresh"));
-    y(this, R, /* @__PURE__ */ b((t) => {
+    y(this, $, /* @__PURE__ */ b((t) => {
       if (!e(this, d)) return !1;
-      const r = e(this, d).container, o = r.querySelector("table");
+      const a = e(this, d).container, o = a.querySelector("table");
       if (!o) return !1;
       const u = e(this, d).track.getBoundingClientRect(), h = e(this, d).thumb.clientWidth;
-      let a = t;
-      a < 0 && (a = 0), a + h > u.width && (a = u.width - h), a = parseInt(a, 10), e(this, d).thumb.style.left = `${a}px`;
+      let l = t;
+      l < 0 && (l = 0), l + h > u.width && (l = u.width - h), l = parseInt(l, 10), e(this, d).thumb.style.left = `${l}px`;
       const g = u.width - h;
-      e(this, d).left.disabled = a === 0, $.log("::::", a, g), e(this, d).right.disabled = a >= g;
-      const n = r.clientWidth, f = o.scrollWidth;
-      let l = -a * (f - n) / g;
-      return -l > f - n && (l = -(f - n)), -l + 5 > f - n && (l = -(f - n)), n >= f && (l = 0), e(this, q).querySelectorAll(".ng-container-left table, .ng-container-body table, .ng-container-right table").forEach((c) => {
-        c.style.left = `${l}px`;
-      }), a > 0 && a < g;
+      e(this, d).left.disabled = l === 0, q.log("::::", l, g), e(this, d).right.disabled = l >= g;
+      const n = a.clientWidth, f = o.scrollWidth;
+      let r = -l * (f - n) / g;
+      return -r > f - n && (r = -(f - n)), -r + 5 > f - n && (r = -(f - n)), n >= f && (r = 0), e(this, L).querySelectorAll(".ng-container-left table, .ng-container-body table, .ng-container-right table").forEach((c) => {
+        c.style.left = `${r}px`;
+      }), l > 0 && l < g;
     }, "#thumbMoveTo"));
     y(this, W, /* @__PURE__ */ b(() => {
       const t = /* @__PURE__ */ b((o) => {
-        clearInterval(e(this, C)), clearInterval(e(this, A));
+        clearInterval(e(this, A)), clearInterval(e(this, R));
         const u = e(this, d).track.getBoundingClientRect(), h = e(this, d).thumb.getBoundingClientRect();
-        e(this, R).call(this, h.x - u.x + o), S(this, C, setInterval(() => {
-          clearInterval(e(this, C)), S(this, A, setInterval(() => {
-            const a = e(this, d).track.getBoundingClientRect(), g = e(this, d).thumb.getBoundingClientRect();
-            e(this, R).call(this, g.x - a.x + o) || clearInterval(e(this, A));
+        e(this, $).call(this, h.x - u.x + o), S(this, A, setInterval(() => {
+          clearInterval(e(this, A)), S(this, R, setInterval(() => {
+            const l = e(this, d).track.getBoundingClientRect(), g = e(this, d).thumb.getBoundingClientRect();
+            e(this, $).call(this, g.x - l.x + o) || clearInterval(e(this, R));
           }, 10));
         }, 500));
-      }, "delayScroll"), r = /* @__PURE__ */ b(() => {
-        clearInterval(e(this, C)), clearInterval(e(this, A));
+      }, "delayScroll"), a = /* @__PURE__ */ b(() => {
+        clearInterval(e(this, A)), clearInterval(e(this, R));
       }, "clearTimer");
       ["mouseup", "mouseleave", "touchend"].forEach((o) => {
-        e(this, d).left.addEventListener(o, r), e(this, d).right.addEventListener(o, r), e(this, d).track.addEventListener(o, r);
+        e(this, d).left.addEventListener(o, a), e(this, d).right.addEventListener(o, a), e(this, d).track.addEventListener(o, a);
       }), e(this, d).left.addEventListener("mousedown", (o) => {
         o.button === 0 && t(-10);
       }), e(this, d).right.addEventListener("mousedown", (o) => {
-        $.log(o), console.log(o), o.button === 0 && t(10);
+        q.log(o), console.log(o), o.button === 0 && t(10);
       }), e(this, d).left.addEventListener("touchstart", () => t(-10)), e(this, d).right.addEventListener("touchstart", () => t(10)), e(this, d).track.addEventListener("mousedown", (o) => {
         if (o.button !== 0) return;
         o.preventDefault();
         const u = e(this, d).track.getBoundingClientRect(), h = e(this, d).thumb.clientWidth;
-        e(this, R).call(this, o.clientX - u.left - h / 2);
+        e(this, $).call(this, o.clientX - u.left - h / 2);
       }), e(this, d).thumb.addEventListener("mousedown", (o) => {
         if (o.button !== 0) return;
         o.stopPropagation(), o.preventDefault(), S(this, T, !0), this.shiftX = o.clientX - e(this, d).thumb.getBoundingClientRect().left;
-        const u = /* @__PURE__ */ b((a) => {
+        const u = /* @__PURE__ */ b((l) => {
           if (!e(this, T)) return;
           const g = e(this, d).track.getBoundingClientRect();
-          e(this, R).call(this, a.clientX - g.left - this.shiftX);
+          e(this, $).call(this, l.clientX - g.left - this.shiftX);
         }, "onMouseMove"), h = /* @__PURE__ */ b(() => {
-          S(this, T, !1), r(), document.removeEventListener("mousemove", u), document.removeEventListener("mouseup", h), this.refresh();
+          S(this, T, !1), a(), document.removeEventListener("mousemove", u), document.removeEventListener("mouseup", h), this.refresh();
         }, "onMouseUp");
         document.addEventListener("mousemove", u), document.addEventListener("mouseup", h);
       });
     }, "#init"));
   }
   connectedCallback() {
-    S(this, q, this.getRootNode().host), e(this, q) && (this.innerHTML = `
+    S(this, L, this.getRootNode().host), e(this, L) && (this.innerHTML = `
             <style>
                 nine-table-hscrollbar {
                     display: flex;
@@ -162,7 +165,7 @@ const G = class G extends HTMLElement {
             <div class='ng-scroll-track'><div class='ng-scroll-thumb'></div></div>
             <button class='ng-scroll-right' disabled><div class='ng-scroll-icon'></div></button>
         `, requestAnimationFrame(() => {
-      const t = e(this, q).querySelector(".ng-container-body");
+      const t = e(this, L).querySelector(".ng-container-body");
       t && (S(this, d, {
         container: t,
         track: this.querySelector(".ng-scroll-track"),
@@ -173,7 +176,7 @@ const G = class G extends HTMLElement {
     }));
   }
 };
-q = new WeakMap(), T = new WeakMap(), d = new WeakMap(), C = new WeakMap(), A = new WeakMap(), R = new WeakMap(), W = new WeakMap(), b(G, "NineTableHScrollBar");
+L = new WeakMap(), T = new WeakMap(), d = new WeakMap(), A = new WeakMap(), R = new WeakMap(), $ = new WeakMap(), W = new WeakMap(), b(G, "NineTableHScrollBar");
 let K = G;
 customElements.get("nine-table-hscrollbar") || customElements.define("nine-table-hscrollbar", K);
 var E, z;
@@ -181,9 +184,9 @@ const I = class I extends HTMLElement {
   constructor() {
     super();
     y(this, E, null);
-    L(this, "init", /* @__PURE__ */ b((t) => {
+    C(this, "init", /* @__PURE__ */ b((t) => {
       if (!t) return;
-      const r = /* @__PURE__ */ b((n) => {
+      const a = /* @__PURE__ */ b((n) => {
         const f = /* @__PURE__ */ b((s) => {
           if (s.querySelector("colgroup")) return;
           const c = s.querySelector("tbody tr") || s.querySelector("tr"), x = c ? c.querySelectorAll("th, td").length : 1, m = document.createElement("colgroup"), w = Math.max(Math.floor((s.clientWidth || 600) / x), 100);
@@ -192,19 +195,19 @@ const I = class I extends HTMLElement {
             O.setAttribute("width", w), m.appendChild(O);
           }
           s.prepend(m);
-        }, "ensureColgroup"), l = /* @__PURE__ */ b((s) => {
+        }, "ensureColgroup"), r = /* @__PURE__ */ b((s) => {
           if (s.querySelector("thead")) return;
           const c = document.createElement("thead"), x = s.querySelector("colgroup");
           x ? x.after(c) : s.prepend(c);
         }, "ensureThead");
-        return f(n), l(n), n.classList.add("nine-table-element"), n;
+        return f(n), r(n), n.classList.add("nine-table-element"), n;
       }, "initializeTable"), o = t.cloneNode(!0);
-      S(this, E, r(o)), e(this, E).style.display = "table";
-      const u = this.querySelector(".ng-container-left"), h = this.querySelector(".ng-container-body"), a = this.querySelector(".ng-container-right"), g = /* @__PURE__ */ b((n, f, l = !1) => {
+      S(this, E, a(o)), e(this, E).style.display = "table";
+      const u = this.querySelector(".ng-container-left"), h = this.querySelector(".ng-container-body"), l = this.querySelector(".ng-container-right"), g = /* @__PURE__ */ b((n, f, r = !1) => {
         const s = n.cloneNode(!0), c = Array.from(s.querySelectorAll("colgroup col")), x = [];
         return c.forEach((m, w) => {
           const v = m.getAttribute("fixed");
-          (l ? !v || v === "" : v === f) || x.push(w);
+          (r ? !v || v === "" : v === f) || x.push(w);
         }), x.reverse().forEach((m) => {
           c[m] && c[m].remove(), s.querySelectorAll("tr").forEach((w) => {
             const v = w.querySelectorAll("th, td");
@@ -223,18 +226,18 @@ const I = class I extends HTMLElement {
           const c = parseInt(s.getAttribute("width"), 10);
           isNaN(c) || (f += c);
         }), u.innerHTML = "", u.appendChild(n);
-        const l = f > 0 ? f : 0;
-        u.style.flex = `0 0 ${l}px`, u.style.width = `${l}px`;
+        const r = f > 0 ? f : 0;
+        u.style.flex = `0 0 ${r}px`, u.style.width = `${r}px`;
       }
-      if (a) {
+      if (l) {
         const n = g(e(this, E), "right", !1);
         let f = 0;
         n.querySelectorAll("col").forEach((s) => {
           const c = parseInt(s.getAttribute("width"), 10);
           isNaN(c) || (f += c);
-        }), a.innerHTML = "", a.appendChild(n);
-        const l = f > 0 ? f : 0;
-        a.style.flex = `0 0 ${l}px`, a.style.width = `${l}px`;
+        }), l.innerHTML = "", l.appendChild(n);
+        const r = f > 0 ? f : 0;
+        l.style.flex = `0 0 ${r}px`, l.style.width = `${r}px`;
       }
       if (h) {
         const n = this.getRowCount();
@@ -246,16 +249,16 @@ const I = class I extends HTMLElement {
       setTimeout(() => {
         const n = this.querySelector("nine-table-hscrollbar");
         n && typeof n.refresh == "function" && n.refresh();
-      }, 0), $.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`);
+      }, 0), q.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`);
     }, "init"));
-    L(this, "getRowCount", /* @__PURE__ */ b(() => e(this, E) ? e(this, E).querySelectorAll("tbody tr").length : 0, "getRowCount"));
-    L(this, "scrollToX", /* @__PURE__ */ b((t) => {
-      const r = this.querySelector(".ng-container-body");
-      r && (r.scrollLeft = t);
+    C(this, "getRowCount", /* @__PURE__ */ b(() => e(this, E) ? e(this, E).querySelectorAll("tbody tr").length : 0, "getRowCount"));
+    C(this, "scrollToX", /* @__PURE__ */ b((t) => {
+      const a = this.querySelector(".ng-container-body");
+      a && (a.scrollLeft = t);
     }, "scrollToX"));
-    L(this, "scrollToY", /* @__PURE__ */ b((t) => {
-      const r = this.querySelector(".ng-container-body");
-      r && (r.scrollTop = t);
+    C(this, "scrollToY", /* @__PURE__ */ b((t) => {
+      const a = this.querySelector(".ng-container-body");
+      a && (a.scrollTop = t);
     }, "scrollToY"));
     y(this, z, /* @__PURE__ */ b(() => {
       const t = I.SCROLLBAR_SIZE;
@@ -378,10 +381,10 @@ const I = class I extends HTMLElement {
     e(this, z).call(this);
   }
   disconnectedCallback() {
-    this.innerHTML = "", $.log("NineTableSheet destroyed.");
+    this.innerHTML = "", q.log("NineTableSheet destroyed.");
   }
 };
-E = new WeakMap(), z = new WeakMap(), b(I, "NineTableSheet"), L(I, "SCROLLBAR_SIZE", 16);
+E = new WeakMap(), z = new WeakMap(), b(I, "NineTableSheet"), C(I, "SCROLLBAR_SIZE", 16);
 let P = I;
 customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", P);
 var N;
@@ -390,53 +393,53 @@ const J = class J extends HTMLElement {
     super();
     y(this, N, /* @__PURE__ */ b(() => {
       const t = this.querySelector(".nine-tab-bar");
-      t && (t.addEventListener("click", (r) => {
-        const o = r.target.closest(".nine-tab-item");
+      t && (t.addEventListener("click", (a) => {
+        const o = a.target.closest(".nine-tab-item");
         if (!o) return;
-        const u = r.ctrlKey || r.metaKey || r.shiftKey, h = parseInt(o.dataset.index, 10);
+        const u = a.ctrlKey || a.metaKey || a.shiftKey, h = parseInt(o.dataset.index, 10);
         this.switchSheet(h, u);
       }), this.switchSheet(0, !1));
     }, "#init"));
-    L(this, "switchSheet", /* @__PURE__ */ b((t, r = !1) => {
+    C(this, "switchSheet", /* @__PURE__ */ b((t, a = !1) => {
       const o = /* @__PURE__ */ b(() => {
-        const l = this.querySelector("nine-table-sheets-body");
-        l.querySelectorAll("nine-splitter").forEach((c) => {
-          const x = parseInt(c.dataset.splitIndex, 10), m = l.querySelector(`nine-table-sheet[data-index="${x - 1}"]`), w = l.querySelector(`nine-table-sheet[data-index="${x}"]`);
+        const r = this.querySelector("nine-table-sheets-body");
+        r.querySelectorAll("nine-splitter").forEach((c) => {
+          const x = parseInt(c.dataset.splitIndex, 10), m = r.querySelector(`nine-table-sheet[data-index="${x - 1}"]`), w = r.querySelector(`nine-table-sheet[data-index="${x}"]`);
           m && w && m.classList.contains("active") && w.classList.contains("active") ? c.classList.add("active") : c.classList.remove("active");
         });
-      }, "updateSplitters"), u = this.querySelector(".nine-tab-bar"), h = this.querySelector("nine-table-sheets-body"), a = u.querySelectorAll(".nine-tab-item"), g = h.querySelectorAll("nine-table-sheet");
-      if (!a[t]) return;
-      if (!r)
-        a.forEach((l, s) => {
-          l.classList.toggle("active", s === t);
+      }, "updateSplitters"), u = this.querySelector(".nine-tab-bar"), h = this.querySelector("nine-table-sheets-body"), l = u.querySelectorAll(".nine-tab-item"), g = h.querySelectorAll("nine-table-sheet");
+      if (!l[t]) return;
+      if (!a)
+        l.forEach((r, s) => {
+          r.classList.toggle("active", s === t);
           const c = h.querySelector(`nine-table-sheet[data-index="${s}"]`);
           c && (c.style.flex = "");
-        }), g.forEach((l, s) => {
-          l.classList.toggle("active", s === t);
+        }), g.forEach((r, s) => {
+          r.classList.toggle("active", s === t);
         });
       else {
-        const l = a[t], s = u.querySelectorAll(".nine-tab-item.active");
-        if (l.classList.contains("active") && s.length <= 1)
+        const r = l[t], s = u.querySelectorAll(".nine-tab-item.active");
+        if (r.classList.contains("active") && s.length <= 1)
           return;
-        l.classList.toggle("active");
+        r.classList.toggle("active");
         const c = h.querySelector(`nine-table-sheet[data-index="${t}"]`);
         c && (c.classList.toggle("active"), c.classList.contains("active") || (c.style.flex = ""));
       }
       const n = Array.from(h.querySelectorAll("nine-table-sheet.active"));
       if (n.length > 1) {
-        const l = 1 / n.length;
+        const r = 1 / n.length;
         n.forEach((s) => {
-          (!s.style.flex || s.style.flex === "1 1 100%") && (s.style.flex = `${l} ${l} 0px`);
+          (!s.style.flex || s.style.flex === "1 1 100%") && (s.style.flex = `${r} ${r} 0px`);
         });
       } else
-        n.forEach((l) => {
-          l.style.flex = "1 1 100%";
+        n.forEach((r) => {
+          r.style.flex = "1 1 100%";
         });
       o();
       const f = h.querySelector("nine-table-sheet.active");
       if (f && typeof f.getRowCount == "function") {
-        const l = this.querySelector("#row-count");
-        l && (l.textContent = f.getRowCount().toLocaleString());
+        const r = this.querySelector("#row-count");
+        r && (r.textContent = f.getRowCount().toLocaleString());
       }
     }, "switchSheet"));
   }
@@ -455,7 +458,7 @@ const Q = class Q {
     y(this, X, /* @__PURE__ */ b(() => {
       const i = e(this, k).host;
       i && (S(this, M, new ResizeObserver((t) => {
-        for (let r of t)
+        for (let a of t)
           i.getAttribute("auto-height") === "true" && e(this, B).call(this, i);
       })), e(this, M).observe(i));
     }, "#observeResize"));
@@ -463,13 +466,13 @@ const Q = class Q {
       var w, v;
       const t = (w = i.shadowRoot) == null ? void 0 : w.querySelector("nine-table-sheet.active");
       if (!t) return;
-      const r = ((v = t.getRowCount) == null ? void 0 : v.call(t)) || 0, o = parseInt(i.getAttribute("max-display-row"), 10) || 10, u = Math.min(r, o), h = t.querySelector("tbody tr") || t.querySelector("tr"), a = h ? h.getBoundingClientRect().height : 32, g = e(this, k).querySelector("nine-table-header"), n = e(this, k).querySelector("nine-table-sheets-footer"), f = g ? g.getBoundingClientRect().height : 40, l = n ? n.getBoundingClientRect().height : 32, c = f + l + 16, x = u * a + c;
-      i.style.height = `${x}px`, i.style.maxHeight = `${o * a + c}px`;
+      const a = ((v = t.getRowCount) == null ? void 0 : v.call(t)) || 0, o = parseInt(i.getAttribute("max-display-row"), 10) || 10, u = Math.min(a, o), h = t.querySelector("tbody tr") || t.querySelector("tr"), l = h ? h.getBoundingClientRect().height : 32, g = e(this, k).querySelector("nine-table-header"), n = e(this, k).querySelector("nine-table-sheets-footer"), f = g ? g.getBoundingClientRect().height : 40, r = n ? n.getBoundingClientRect().height : 32, c = f + r + 16, x = u * l + c;
+      i.style.height = `${x}px`, i.style.maxHeight = `${o * l + c}px`;
       const m = e(this, k).querySelector("nine-table-sheets-body");
-      m && (m.style.overflowY = r > o ? "auto" : "hidden");
+      m && (m.style.overflowY = a > o ? "auto" : "hidden");
     }, "#applyAutoHeight"));
     y(this, j, /* @__PURE__ */ b(() => {
-      const i = e(this, k).host, r = Array.from(i.children).filter((g) => g.tagName === "TABLE"), o = i.getAttribute("auto-height") === "true", u = r.map((g, n) => `<nine-table-sheet class="${n === 0 ? "active" : ""}" data-index="${n}"></nine-table-sheet>`).join(""), h = r.map((g, n) => `<div class="nine-tab-item ${n === 0 ? "active" : ""}" data-index="${n}">Sheet ${n + 1}</div>`).join("");
+      const i = e(this, k).host, a = Array.from(i.children).filter((g) => g.tagName === "TABLE"), o = i.getAttribute("auto-height") === "true", u = a.map((g, n) => `<nine-table-sheet class="${n === 0 ? "active" : ""}" data-index="${n}"></nine-table-sheet>`).join(""), h = a.map((g, n) => `<div class="nine-tab-item ${n === 0 ? "active" : ""}" data-index="${n}">Sheet ${n + 1}</div>`).join("");
       e(this, k).innerHTML = `
             <style>
                 :host { 
@@ -568,10 +571,10 @@ const Q = class Q {
             </nine-table-body>
             <nine-table-footer></nine-table-footer>
         `;
-      const a = e(this, k).querySelectorAll("nine-table-sheet");
-      a == null || a.forEach((g, n) => {
-        r[n] && setTimeout(() => {
-          g.init(r[n]), o && e(this, B).call(this, i);
+      const l = e(this, k).querySelectorAll("nine-table-sheet");
+      l == null || l.forEach((g, n) => {
+        a[n] && setTimeout(() => {
+          g.init(a[n]), o && e(this, B).call(this, i);
         });
       });
     }, "#render"));
@@ -588,10 +591,10 @@ const V = class V extends HTMLElement {
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    e(this, H) || (this.layoutManager = new D(this.shadowRoot), S(this, H, !0), $.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } })));
+    e(this, H) || (this.layoutManager = new D(this.shadowRoot), S(this, H, !0), q.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } })));
   }
   disconnectedCallback() {
-    $.log("NineTable disconnected.");
+    q.log("NineTable disconnected.");
   }
 };
 H = new WeakMap(), b(V, "NineTable");

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 = false;\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' disabled><div class='ng-scroll-icon'></div></button>\n        `;\n\n        requestAnimationFrame(() => {\n            const body = this.#owner.querySelector(\".ng-container-body\");\n            if (!body) return;\n\n            this.#elements = {\n                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            this.refresh();\n        });\n    }\n\n    refresh = () => {\n        if (!this.#owner || !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;\n        const thumb = this.#elements.thumb;\n        const bottomContainer = this.#owner.querySelector(\".ng-container-bottom\");\n\n        const bodyWidth = body.clientWidth;\n        const tableWidth = table.scrollWidth;\n\n        if (bodyWidth !== 0 && tableWidth > bodyWidth) {\n            if (bottomContainer) bottomContainer.style.display = 'flex';\n        } else {\n            if (bottomContainer) bottomContainer.style.display = 'none';\n            return;\n        }\n\n        const trackWidth = track.clientWidth;\n        if (trackWidth <= 0) return;\n\n        const thumbWidth = Math.max(Math.min(trackWidth * (bodyWidth / tableWidth), trackWidth), 20);\n        thumb.style.width = `${thumbWidth}px`;\n\n        const currentLeft = parseInt(table.style.left || 0, 10);\n        let l = parseInt(Math.abs(currentLeft) * trackWidth / tableWidth, 10);\n        if (l < 0) l = 0;\n\n        const maxThumbLeft = trackWidth - thumbWidth;\n        if (l > maxThumbLeft) l = maxThumbLeft;\n\n        thumb.style.left = `${l}px`;\n\n        this.#elements.left.disabled = (l === 0);\n\n        trace.log(l, maxThumbLeft);\n\n        this.#elements.right.disabled = (l >= maxThumbLeft);\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.clientWidth;\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 maxThumbLeft = trackBound.width - thumbWidth;\n        this.#elements.left.disabled = (targetX === 0);\n\n        trace.log(\"::::\", targetX, maxThumbLeft);\n        this.#elements.right.disabled = (targetX >= maxThumbLeft);\n\n        const w2 = body.clientWidth;\n        const w = table.scrollWidth;\n\n        let l = (-targetX * (w - w2) / maxThumbLeft);\n        if (-l > w - w2) l = -(w - w2);\n        if (-l + 5 > w - w2) l = -(w - w2);\n        if (w2 >= w) l = 0;\n\n        // 3분할 전체 테이블 동기화\n        const allTables = this.#owner.querySelectorAll(\".ng-container-left table, .ng-container-body table, .ng-container-right table\");\n        allTables.forEach(tbl => {\n            tbl.style.left = `${l}px`;\n        });\n\n        return (targetX > 0 && targetX < maxThumbLeft);\n    };\n\n    #init = () => {\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        ['mouseup', 'mouseleave', 'touchend'].forEach(evt => {\n            this.#elements.left.addEventListener(evt, clearTimer);\n            this.#elements.right.addEventListener(evt, clearTimer);\n            this.#elements.track.addEventListener(evt, clearTimer);\n        });\n\n        this.#elements.left.addEventListener(\"mousedown\", e => { if (e.button !== 0) return; delayScroll(-10); });\n        this.#elements.right.addEventListener(\"mousedown\", e => { trace.log(e); console.log(e); if (e.button !== 0) return; delayScroll(10); });\n        this.#elements.left.addEventListener(\"touchstart\", () => delayScroll(-10));\n        this.#elements.right.addEventListener(\"touchstart\", () => delayScroll(10));\n\n        this.#elements.track.addEventListener(\"mousedown\", e => {\n            if (e.button !== 0) return;\n            e.preventDefault();\n            const trackRect = this.#elements.track.getBoundingClientRect();\n            const thumbWidth = this.#elements.thumb.clientWidth;\n            this.#thumbMoveTo(e.clientX - trackRect.left - (thumbWidth / 2));\n        });\n\n        this.#elements.thumb.addEventListener(\"mousedown\", e => {\n            if (e.button !== 0) return;\n            e.stopPropagation();\n            e.preventDefault();\n            this.#dragging = true;\n            this.shiftX = e.clientX - this.#elements.thumb.getBoundingClientRect().left;\n\n            const onMouseMove = (moveEvent) => {\n                if (!this.#dragging) 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","__publicField","__privateGet","body","table","track","thumb","bottomContainer","bodyWidth","tableWidth","trackWidth","thumbWidth","currentLeft","l","maxThumbLeft","_thumbMoveTo","x","trackBound","targetX","w2","w","tbl","_init","delayScroll","pos","thumbBound","__privateSet","tBound","thBound","clearTimer","evt","e","trackRect","onMouseMove","moveEvent","onMouseUp","NineTableHScrollBar","_NineTableSheet","_tableElement","tableEl","initializeTable","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","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\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            const body = this.#owner.querySelector(\".ng-container-body\");\n            if (!body) return;\n\n            this.#elements = {\n                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            this.refresh();\n        });\n    }\n\n    refresh = () => {\n        if (!this.#owner || !this.#elements) return;\n\n        const body = this.#elements.container;\n        const table = body.querySelector(\"table\");\n        if (!table) {\n            trace.log(\"refresh: table 요소를 찾을 수 없음\");\n            return;\n        }\n\n        const track = this.#elements.track;\n        const thumb = this.#elements.thumb;\n        const bottomContainer = this.#owner.querySelector(\".ng-container-bottom\");\n\n        const bodyWidth = body.clientWidth;\n        const tableWidth = table.scrollWidth;\n\n        trace.log(\"refresh 체크 -> bodyWidth:\", bodyWidth, \"tableWidth:\", tableWidth);\n\n        if (bodyWidth !== 0 && tableWidth > bodyWidth) {\n            if (bottomContainer) bottomContainer.style.display = 'flex';\n        } else {\n            trace.log(\"refresh: 테이블 너비가 컨테이너보다 작거나 같아서 숨김 처리됨\");\n            if (bottomContainer) bottomContainer.style.display = 'none';\n            return;\n        }\n\n        const trackWidth = track.clientWidth;\n        if (trackWidth <= 0) return;\n\n        const thumbWidth = Math.max(Math.min(trackWidth * (bodyWidth / tableWidth), trackWidth), 20);\n        thumb.style.width = `${thumbWidth}px`;\n\n        const currentLeft = parseInt(table.style.left || 0, 10);\n        let l = parseInt(Math.abs(currentLeft) * trackWidth / tableWidth, 10);\n        if (l < 0) l = 0;\n\n        const maxThumbLeft = trackWidth - thumbWidth;\n        if (l > maxThumbLeft) l = maxThumbLeft;\n\n        thumb.style.left = `${l}px`;\n\n        trace.log(\"disable 판정 직전 -> l:\", l, \"maxThumbLeft:\", maxThumbLeft);\n\n        this.#elements.left.disabled = (l === 0);\n        this.#elements.right.disabled = (l >= maxThumbLeft - 1);\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.clientWidth;\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 maxThumbLeft = trackBound.width - thumbWidth;\n        this.#elements.left.disabled = (targetX === 0);\n\n        trace.log(\"::::\", targetX, maxThumbLeft);\n        this.#elements.right.disabled = (targetX >= maxThumbLeft);\n\n        const w2 = body.clientWidth;\n        const w = table.scrollWidth;\n\n        let l = (-targetX * (w - w2) / maxThumbLeft);\n        if (-l > w - w2) l = -(w - w2);\n        if (-l + 5 > w - w2) l = -(w - w2);\n        if (w2 >= w) l = 0;\n\n        // 3분할 전체 테이블 동기화\n        const allTables = this.#owner.querySelectorAll(\".ng-container-left table, .ng-container-body table, .ng-container-right table\");\n        allTables.forEach(tbl => {\n            tbl.style.left = `${l}px`;\n        });\n\n        return (targetX > 0 && targetX < maxThumbLeft);\n    };\n\n    #init = () => {\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        ['mouseup', 'mouseleave', 'touchend'].forEach(evt => {\n            this.#elements.left.addEventListener(evt, clearTimer);\n            this.#elements.right.addEventListener(evt, clearTimer);\n            this.#elements.track.addEventListener(evt, clearTimer);\n        });\n\n        this.#elements.left.addEventListener(\"mousedown\", e => { if (e.button !== 0) return; delayScroll(-10); });\n        this.#elements.right.addEventListener(\"mousedown\", e => { trace.log(e); console.log(e); if (e.button !== 0) return; delayScroll(10); });\n        this.#elements.left.addEventListener(\"touchstart\", () => delayScroll(-10));\n        this.#elements.right.addEventListener(\"touchstart\", () => delayScroll(10));\n\n        this.#elements.track.addEventListener(\"mousedown\", e => {\n            if (e.button !== 0) return;\n            e.preventDefault();\n            const trackRect = this.#elements.track.getBoundingClientRect();\n            const thumbWidth = this.#elements.thumb.clientWidth;\n            this.#thumbMoveTo(e.clientX - trackRect.left - (thumbWidth / 2));\n        });\n\n        this.#elements.thumb.addEventListener(\"mousedown\", e => {\n            if (e.button !== 0) return;\n            e.stopPropagation();\n            e.preventDefault();\n            this.#dragging = true;\n            this.shiftX = e.clientX - this.#elements.thumb.getBoundingClientRect().left;\n\n            const onMouseMove = (moveEvent) => {\n                if (!this.#dragging) 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","__publicField","__privateGet","body","table","track","thumb","bottomContainer","bodyWidth","tableWidth","trackWidth","thumbWidth","currentLeft","l","maxThumbLeft","_thumbMoveTo","x","trackBound","targetX","w2","w","tbl","_init","delayScroll","pos","thumbBound","__privateSet","tBound","thBound","clearTimer","evt","e","trackRect","onMouseMove","moveEvent","onMouseUp","NineTableHScrollBar","_NineTableSheet","_tableElement","tableEl","initializeTable","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","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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"}

package/dist/nine-table.umd.js

@@ -1,4 +1,4 @@
-(function(b,f){typeof exports=="object"&&typeof module<"u"?f(require("@ninebone/util")):typeof define=="function"&&define.amd?define(["@ninebone/util"],f):(b=typeof globalThis<"u"?globalThis:b||self,f(b.NineboneUtil))})(this,function(b){"use strict";var _=Object.defineProperty;var ee=b=>{throw TypeError(b)};var ne=(b,f,y)=>f in b?_(b,f,{enumerable:!0,configurable:!0,writable:!0,value:y}):b[f]=y;var u=(b,f)=>_(b,"name",{value:f,configurable:!0});var A=(b,f,y)=>ne(b,typeof f!="symbol"?f+"":f,y),te=(b,f,y)=>f.has(b)||ee("Cannot "+y);var e=(b,f,y)=>(te(b,f,"read from private field"),y?y.call(b):f.get(b)),x=(b,f,y)=>f.has(b)?ee("Cannot add the same private member more than once"):f instanceof WeakSet?f.add(b):f.set(b,y),E=(b,f,y,I)=>(te(b,f,"write to private field"),I?I.call(b,y):f.set(b,y),y);var C,M,h,R,T,$,N,L,X,j,k,H,O,W,F,z;const U=class U extends b.trace.constructor{constructor(){super(),this.init("nine-table","green")}};u(U,"Trace");let f=U;const y=new f,Z=class Z extends HTMLElement{constructor(){super();x(this,C);x(this,M,!1);x(this,h);x(this,R);x(this,T);A(this,"refresh",u(()=>{if(!e(this,C)||!e(this,h))return;const n=e(this,h).container,a=n.querySelector("table");if(!a)return;const i=e(this,h).track,g=e(this,h).thumb,c=e(this,C).querySelector(".ng-container-bottom"),l=n.clientWidth,p=a.scrollWidth;if(l!==0&&p>l)c&&(c.style.display="flex");else{c&&(c.style.display="none");return}const t=i.clientWidth;if(t<=0)return;const d=Math.max(Math.min(t*(l/p),t),20);g.style.width=`${d}px`;const s=parseInt(a.style.left||0,10);let o=parseInt(Math.abs(s)*t/p,10);o<0&&(o=0);const r=t-d;o>r&&(o=r),g.style.left=`${o}px`,e(this,h).left.disabled=o===0,y.log(o,r),e(this,h).right.disabled=o>=r},"refresh"));x(this,$,u(n=>{if(!e(this,h))return!1;const a=e(this,h).container,i=a.querySelector("table");if(!i)return!1;const g=e(this,h).track.getBoundingClientRect(),c=e(this,h).thumb.clientWidth;let l=n;l<0&&(l=0),l+c>g.width&&(l=g.width-c),l=parseInt(l,10),e(this,h).thumb.style.left=`${l}px`;const p=g.width-c;e(this,h).left.disabled=l===0,y.log("::::",l,p),e(this,h).right.disabled=l>=p;const t=a.clientWidth,d=i.scrollWidth;let s=-l*(d-t)/p;return-s>d-t&&(s=-(d-t)),-s+5>d-t&&(s=-(d-t)),t>=d&&(s=0),e(this,C).querySelectorAll(".ng-container-left table, .ng-container-body table, .ng-container-right table").forEach(r=>{r.style.left=`${s}px`}),l>0&&l<p},"#thumbMoveTo"));x(this,N,u(()=>{const n=u(i=>{clearInterval(e(this,R)),clearInterval(e(this,T));const g=e(this,h).track.getBoundingClientRect(),c=e(this,h).thumb.getBoundingClientRect();e(this,$).call(this,c.x-g.x+i),E(this,R,setInterval(()=>{clearInterval(e(this,R)),E(this,T,setInterval(()=>{const l=e(this,h).track.getBoundingClientRect(),p=e(this,h).thumb.getBoundingClientRect();e(this,$).call(this,p.x-l.x+i)||clearInterval(e(this,T))},10))},500))},"delayScroll"),a=u(()=>{clearInterval(e(this,R)),clearInterval(e(this,T))},"clearTimer");["mouseup","mouseleave","touchend"].forEach(i=>{e(this,h).left.addEventListener(i,a),e(this,h).right.addEventListener(i,a),e(this,h).track.addEventListener(i,a)}),e(this,h).left.addEventListener("mousedown",i=>{i.button===0&&n(-10)}),e(this,h).right.addEventListener("mousedown",i=>{y.log(i),console.log(i),i.button===0&&n(10)}),e(this,h).left.addEventListener("touchstart",()=>n(-10)),e(this,h).right.addEventListener("touchstart",()=>n(10)),e(this,h).track.addEventListener("mousedown",i=>{if(i.button!==0)return;i.preventDefault();const g=e(this,h).track.getBoundingClientRect(),c=e(this,h).thumb.clientWidth;e(this,$).call(this,i.clientX-g.left-c/2)}),e(this,h).thumb.addEventListener("mousedown",i=>{if(i.button!==0)return;i.stopPropagation(),i.preventDefault(),E(this,M,!0),this.shiftX=i.clientX-e(this,h).thumb.getBoundingClientRect().left;const g=u(l=>{if(!e(this,M))return;const p=e(this,h).track.getBoundingClientRect();e(this,$).call(this,l.clientX-p.left-this.shiftX)},"onMouseMove"),c=u(()=>{E(this,M,!1),a(),document.removeEventListener("mousemove",g),document.removeEventListener("mouseup",c),this.refresh()},"onMouseUp");document.addEventListener("mousemove",g),document.addEventListener("mouseup",c)})},"#init"))}connectedCallback(){E(this,C,this.getRootNode().host),e(this,C)&&(this.innerHTML=`
+(function(b,f){typeof exports=="object"&&typeof module<"u"?f(require("@ninebone/util")):typeof define=="function"&&define.amd?define(["@ninebone/util"],f):(b=typeof globalThis<"u"?globalThis:b||self,f(b.NineboneUtil))})(this,function(b){"use strict";var _=Object.defineProperty;var ee=b=>{throw TypeError(b)};var ne=(b,f,y)=>f in b?_(b,f,{enumerable:!0,configurable:!0,writable:!0,value:y}):b[f]=y;var u=(b,f)=>_(b,"name",{value:f,configurable:!0});var A=(b,f,y)=>ne(b,typeof f!="symbol"?f+"":f,y),te=(b,f,y)=>f.has(b)||ee("Cannot "+y);var e=(b,f,y)=>(te(b,f,"read from private field"),y?y.call(b):f.get(b)),x=(b,f,y)=>f.has(b)?ee("Cannot add the same private member more than once"):f instanceof WeakSet?f.add(b):f.set(b,y),E=(b,f,y,I)=>(te(b,f,"write to private field"),I?I.call(b,y):f.set(b,y),y);var C,M,h,R,T,$,N,L,X,j,k,H,O,W,F,z;const U=class U extends b.trace.constructor{constructor(){super(),this.init("nine-table","green")}};u(U,"Trace");let f=U;const y=new f,Z=class Z extends HTMLElement{constructor(){super();x(this,C);x(this,M,!1);x(this,h);x(this,R);x(this,T);A(this,"refresh",u(()=>{if(!e(this,C)||!e(this,h))return;const n=e(this,h).container,a=n.querySelector("table");if(!a){y.log("refresh: table 요소를 찾을 수 없음");return}const i=e(this,h).track,g=e(this,h).thumb,c=e(this,C).querySelector(".ng-container-bottom"),s=n.clientWidth,p=a.scrollWidth;if(y.log("refresh 체크 -> bodyWidth:",s,"tableWidth:",p),s!==0&&p>s)c&&(c.style.display="flex");else{y.log("refresh: 테이블 너비가 컨테이너보다 작거나 같아서 숨김 처리됨"),c&&(c.style.display="none");return}const t=i.clientWidth;if(t<=0)return;const d=Math.max(Math.min(t*(s/p),t),20);g.style.width=`${d}px`;const l=parseInt(a.style.left||0,10);let o=parseInt(Math.abs(l)*t/p,10);o<0&&(o=0);const r=t-d;o>r&&(o=r),g.style.left=`${o}px`,y.log("disable 판정 직전 -> l:",o,"maxThumbLeft:",r),e(this,h).left.disabled=o===0,e(this,h).right.disabled=o>=r-1},"refresh"));x(this,$,u(n=>{if(!e(this,h))return!1;const a=e(this,h).container,i=a.querySelector("table");if(!i)return!1;const g=e(this,h).track.getBoundingClientRect(),c=e(this,h).thumb.clientWidth;let s=n;s<0&&(s=0),s+c>g.width&&(s=g.width-c),s=parseInt(s,10),e(this,h).thumb.style.left=`${s}px`;const p=g.width-c;e(this,h).left.disabled=s===0,y.log("::::",s,p),e(this,h).right.disabled=s>=p;const t=a.clientWidth,d=i.scrollWidth;let l=-s*(d-t)/p;return-l>d-t&&(l=-(d-t)),-l+5>d-t&&(l=-(d-t)),t>=d&&(l=0),e(this,C).querySelectorAll(".ng-container-left table, .ng-container-body table, .ng-container-right table").forEach(r=>{r.style.left=`${l}px`}),s>0&&s<p},"#thumbMoveTo"));x(this,N,u(()=>{const n=u(i=>{clearInterval(e(this,R)),clearInterval(e(this,T));const g=e(this,h).track.getBoundingClientRect(),c=e(this,h).thumb.getBoundingClientRect();e(this,$).call(this,c.x-g.x+i),E(this,R,setInterval(()=>{clearInterval(e(this,R)),E(this,T,setInterval(()=>{const s=e(this,h).track.getBoundingClientRect(),p=e(this,h).thumb.getBoundingClientRect();e(this,$).call(this,p.x-s.x+i)||clearInterval(e(this,T))},10))},500))},"delayScroll"),a=u(()=>{clearInterval(e(this,R)),clearInterval(e(this,T))},"clearTimer");["mouseup","mouseleave","touchend"].forEach(i=>{e(this,h).left.addEventListener(i,a),e(this,h).right.addEventListener(i,a),e(this,h).track.addEventListener(i,a)}),e(this,h).left.addEventListener("mousedown",i=>{i.button===0&&n(-10)}),e(this,h).right.addEventListener("mousedown",i=>{y.log(i),console.log(i),i.button===0&&n(10)}),e(this,h).left.addEventListener("touchstart",()=>n(-10)),e(this,h).right.addEventListener("touchstart",()=>n(10)),e(this,h).track.addEventListener("mousedown",i=>{if(i.button!==0)return;i.preventDefault();const g=e(this,h).track.getBoundingClientRect(),c=e(this,h).thumb.clientWidth;e(this,$).call(this,i.clientX-g.left-c/2)}),e(this,h).thumb.addEventListener("mousedown",i=>{if(i.button!==0)return;i.stopPropagation(),i.preventDefault(),E(this,M,!0),this.shiftX=i.clientX-e(this,h).thumb.getBoundingClientRect().left;const g=u(s=>{if(!e(this,M))return;const p=e(this,h).track.getBoundingClientRect();e(this,$).call(this,s.clientX-p.left-this.shiftX)},"onMouseMove"),c=u(()=>{E(this,M,!1),a(),document.removeEventListener("mousemove",g),document.removeEventListener("mouseup",c),this.refresh()},"onMouseUp");document.addEventListener("mousemove",g),document.addEventListener("mouseup",c)})},"#init"))}connectedCallback(){E(this,C,this.getRootNode().host),e(this,C)&&(this.innerHTML=`
             <style>
                 nine-table-hscrollbar {
                     display: flex;
@@ -60,7 +60,7 @@
             <button class='ng-scroll-left' disabled><div class='ng-scroll-icon'></div></button>
             <div class='ng-scroll-track'><div class='ng-scroll-thumb'></div></div>
             <button class='ng-scroll-right' disabled><div class='ng-scroll-icon'></div></button>
-        `,requestAnimationFrame(()=>{const n=e(this,C).querySelector(".ng-container-body");n&&(E(this,h,{container:n,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),this.refresh())}))}};C=new WeakMap,M=new WeakMap,h=new WeakMap,R=new WeakMap,T=new WeakMap,$=new WeakMap,N=new WeakMap,u(Z,"NineTableHScrollBar");let I=Z;customElements.get("nine-table-hscrollbar")||customElements.define("nine-table-hscrollbar",I);const B=class B extends HTMLElement{constructor(){super();x(this,L,null);A(this,"init",u(n=>{if(!n)return;const a=u(t=>{const d=u(o=>{if(o.querySelector("colgroup"))return;const r=o.querySelector("tbody tr")||o.querySelector("tr"),w=r?r.querySelectorAll("th, td").length:1,v=document.createElement("colgroup"),q=Math.max(Math.floor((o.clientWidth||600)/w),100);for(let S=0;S<w;S++){const V=document.createElement("col");V.setAttribute("width",q),v.appendChild(V)}o.prepend(v)},"ensureColgroup"),s=u(o=>{if(o.querySelector("thead"))return;const r=document.createElement("thead"),w=o.querySelector("colgroup");w?w.after(r):o.prepend(r)},"ensureThead");return d(t),s(t),t.classList.add("nine-table-element"),t},"initializeTable"),i=n.cloneNode(!0);E(this,L,a(i)),e(this,L).style.display="table";const g=this.querySelector(".ng-container-left"),c=this.querySelector(".ng-container-body"),l=this.querySelector(".ng-container-right"),p=u((t,d,s=!1)=>{const o=t.cloneNode(!0),r=Array.from(o.querySelectorAll("colgroup col")),w=[];return r.forEach((v,q)=>{const S=v.getAttribute("fixed");(s?!S||S==="":S===d)||w.push(q)}),w.reverse().forEach(v=>{r[v]&&r[v].remove(),o.querySelectorAll("tr").forEach(q=>{const S=q.querySelectorAll("th, td");S[v]&&S[v].remove()})}),o},"filterTableByFixed");if(c){const t=p(e(this,L),null,!0);c.innerHTML="",c.appendChild(t)}if(g){const t=p(e(this,L),"left",!1);let d=0;t.querySelectorAll("col").forEach(o=>{const r=parseInt(o.getAttribute("width"),10);isNaN(r)||(d+=r)}),g.innerHTML="",g.appendChild(t);const s=d>0?d:0;g.style.flex=`0 0 ${s}px`,g.style.width=`${s}px`}if(l){const t=p(e(this,L),"right",!1);let d=0;t.querySelectorAll("col").forEach(o=>{const r=parseInt(o.getAttribute("width"),10);isNaN(r)||(d+=r)}),l.innerHTML="",l.appendChild(t);const s=d>0?d:0;l.style.flex=`0 0 ${s}px`,l.style.width=`${s}px`}if(c){const t=this.getRowCount();c.style.overflowY=t>10?"auto":"hidden",c.addEventListener("scroll",()=>{const d=this.querySelector("nine-table-hscrollbar");d&&typeof d.refresh=="function"&&d.refresh()})}setTimeout(()=>{const t=this.querySelector("nine-table-hscrollbar");t&&typeof t.refresh=="function"&&t.refresh()},0),y.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`)},"init"));A(this,"getRowCount",u(()=>e(this,L)?e(this,L).querySelectorAll("tbody tr").length:0,"getRowCount"));A(this,"scrollToX",u(n=>{const a=this.querySelector(".ng-container-body");a&&(a.scrollLeft=n)},"scrollToX"));A(this,"scrollToY",u(n=>{const a=this.querySelector(".ng-container-body");a&&(a.scrollTop=n)},"scrollToY"));x(this,X,u(()=>{const n=B.SCROLLBAR_SIZE;this.innerHTML=`
+        `,requestAnimationFrame(()=>{const n=e(this,C).querySelector(".ng-container-body");n&&(E(this,h,{container:n,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),this.refresh())}))}};C=new WeakMap,M=new WeakMap,h=new WeakMap,R=new WeakMap,T=new WeakMap,$=new WeakMap,N=new WeakMap,u(Z,"NineTableHScrollBar");let I=Z;customElements.get("nine-table-hscrollbar")||customElements.define("nine-table-hscrollbar",I);const B=class B extends HTMLElement{constructor(){super();x(this,L,null);A(this,"init",u(n=>{if(!n)return;const a=u(t=>{const d=u(o=>{if(o.querySelector("colgroup"))return;const r=o.querySelector("tbody tr")||o.querySelector("tr"),w=r?r.querySelectorAll("th, td").length:1,v=document.createElement("colgroup"),q=Math.max(Math.floor((o.clientWidth||600)/w),100);for(let S=0;S<w;S++){const V=document.createElement("col");V.setAttribute("width",q),v.appendChild(V)}o.prepend(v)},"ensureColgroup"),l=u(o=>{if(o.querySelector("thead"))return;const r=document.createElement("thead"),w=o.querySelector("colgroup");w?w.after(r):o.prepend(r)},"ensureThead");return d(t),l(t),t.classList.add("nine-table-element"),t},"initializeTable"),i=n.cloneNode(!0);E(this,L,a(i)),e(this,L).style.display="table";const g=this.querySelector(".ng-container-left"),c=this.querySelector(".ng-container-body"),s=this.querySelector(".ng-container-right"),p=u((t,d,l=!1)=>{const o=t.cloneNode(!0),r=Array.from(o.querySelectorAll("colgroup col")),w=[];return r.forEach((v,q)=>{const S=v.getAttribute("fixed");(l?!S||S==="":S===d)||w.push(q)}),w.reverse().forEach(v=>{r[v]&&r[v].remove(),o.querySelectorAll("tr").forEach(q=>{const S=q.querySelectorAll("th, td");S[v]&&S[v].remove()})}),o},"filterTableByFixed");if(c){const t=p(e(this,L),null,!0);c.innerHTML="",c.appendChild(t)}if(g){const t=p(e(this,L),"left",!1);let d=0;t.querySelectorAll("col").forEach(o=>{const r=parseInt(o.getAttribute("width"),10);isNaN(r)||(d+=r)}),g.innerHTML="",g.appendChild(t);const l=d>0?d:0;g.style.flex=`0 0 ${l}px`,g.style.width=`${l}px`}if(s){const t=p(e(this,L),"right",!1);let d=0;t.querySelectorAll("col").forEach(o=>{const r=parseInt(o.getAttribute("width"),10);isNaN(r)||(d+=r)}),s.innerHTML="",s.appendChild(t);const l=d>0?d:0;s.style.flex=`0 0 ${l}px`,s.style.width=`${l}px`}if(c){const t=this.getRowCount();c.style.overflowY=t>10?"auto":"hidden",c.addEventListener("scroll",()=>{const d=this.querySelector("nine-table-hscrollbar");d&&typeof d.refresh=="function"&&d.refresh()})}setTimeout(()=>{const t=this.querySelector("nine-table-hscrollbar");t&&typeof t.refresh=="function"&&t.refresh()},0),y.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`)},"init"));A(this,"getRowCount",u(()=>e(this,L)?e(this,L).querySelectorAll("tbody tr").length:0,"getRowCount"));A(this,"scrollToX",u(n=>{const a=this.querySelector(".ng-container-body");a&&(a.scrollLeft=n)},"scrollToX"));A(this,"scrollToY",u(n=>{const a=this.querySelector(".ng-container-body");a&&(a.scrollTop=n)},"scrollToY"));x(this,X,u(()=>{const n=B.SCROLLBAR_SIZE;this.innerHTML=`
             <style>
                 nine-table-sheet {
                     display: flex;
@@ -172,7 +172,7 @@
                 <nine-table-hscrollbar></nine-table-hscrollbar>
                 <div class='ng-scroll-edge'></div>
             </div>
-        `},"#render"))}connectedCallback(){e(this,X).call(this)}disconnectedCallback(){this.innerHTML="",y.log("NineTableSheet destroyed.")}};L=new WeakMap,X=new WeakMap,u(B,"NineTableSheet"),A(B,"SCROLLBAR_SIZE",16);let K=B;customElements.get("nine-table-sheet")||customElements.define("nine-table-sheet",K);const G=class G extends HTMLElement{constructor(){super();x(this,j,u(()=>{const n=this.querySelector(".nine-tab-bar");n&&(n.addEventListener("click",a=>{const i=a.target.closest(".nine-tab-item");if(!i)return;const g=a.ctrlKey||a.metaKey||a.shiftKey,c=parseInt(i.dataset.index,10);this.switchSheet(c,g)}),this.switchSheet(0,!1))},"#init"));A(this,"switchSheet",u((n,a=!1)=>{const i=u(()=>{const s=this.querySelector("nine-table-sheets-body");s.querySelectorAll("nine-splitter").forEach(r=>{const w=parseInt(r.dataset.splitIndex,10),v=s.querySelector(`nine-table-sheet[data-index="${w-1}"]`),q=s.querySelector(`nine-table-sheet[data-index="${w}"]`);v&&q&&v.classList.contains("active")&&q.classList.contains("active")?r.classList.add("active"):r.classList.remove("active")})},"updateSplitters"),g=this.querySelector(".nine-tab-bar"),c=this.querySelector("nine-table-sheets-body"),l=g.querySelectorAll(".nine-tab-item"),p=c.querySelectorAll("nine-table-sheet");if(!l[n])return;if(!a)l.forEach((s,o)=>{s.classList.toggle("active",o===n);const r=c.querySelector(`nine-table-sheet[data-index="${o}"]`);r&&(r.style.flex="")}),p.forEach((s,o)=>{s.classList.toggle("active",o===n)});else{const s=l[n],o=g.querySelectorAll(".nine-tab-item.active");if(s.classList.contains("active")&&o.length<=1)return;s.classList.toggle("active");const r=c.querySelector(`nine-table-sheet[data-index="${n}"]`);r&&(r.classList.toggle("active"),r.classList.contains("active")||(r.style.flex=""))}const t=Array.from(c.querySelectorAll("nine-table-sheet.active"));if(t.length>1){const s=1/t.length;t.forEach(o=>{(!o.style.flex||o.style.flex==="1 1 100%")&&(o.style.flex=`${s} ${s} 0px`)})}else t.forEach(s=>{s.style.flex="1 1 100%"});i();const d=c.querySelector("nine-table-sheet.active");if(d&&typeof d.getRowCount=="function"){const s=this.querySelector("#row-count");s&&(s.textContent=d.getRowCount().toLocaleString())}},"switchSheet"))}connectedCallback(){e(this,j).call(this)}};j=new WeakMap,u(G,"NineTableSheets");let P=G;customElements.get("nine-table-sheets")||customElements.define("nine-table-sheets",P);const J=class J{constructor(m){x(this,k);x(this,H,null);x(this,O,u(()=>{const m=e(this,k).host;m&&(E(this,H,new ResizeObserver(n=>{for(let a of n)m.getAttribute("auto-height")==="true"&&e(this,W).call(this,m)})),e(this,H).observe(m))},"#observeResize"));x(this,W,u(m=>{var q,S;const n=(q=m.shadowRoot)==null?void 0:q.querySelector("nine-table-sheet.active");if(!n)return;const a=((S=n.getRowCount)==null?void 0:S.call(n))||0,i=parseInt(m.getAttribute("max-display-row"),10)||10,g=Math.min(a,i),c=n.querySelector("tbody tr")||n.querySelector("tr"),l=c?c.getBoundingClientRect().height:32,p=e(this,k).querySelector("nine-table-header"),t=e(this,k).querySelector("nine-table-sheets-footer"),d=p?p.getBoundingClientRect().height:40,s=t?t.getBoundingClientRect().height:32,r=d+s+16,w=g*l+r;m.style.height=`${w}px`,m.style.maxHeight=`${i*l+r}px`;const v=e(this,k).querySelector("nine-table-sheets-body");v&&(v.style.overflowY=a>i?"auto":"hidden")},"#applyAutoHeight"));x(this,F,u(()=>{const m=e(this,k).host,a=Array.from(m.children).filter(p=>p.tagName==="TABLE"),i=m.getAttribute("auto-height")==="true",g=a.map((p,t)=>`<nine-table-sheet class="${t===0?"active":""}" data-index="${t}"></nine-table-sheet>`).join(""),c=a.map((p,t)=>`<div class="nine-tab-item ${t===0?"active":""}" data-index="${t}">Sheet ${t+1}</div>`).join("");e(this,k).innerHTML=`
+        `},"#render"))}connectedCallback(){e(this,X).call(this)}disconnectedCallback(){this.innerHTML="",y.log("NineTableSheet destroyed.")}};L=new WeakMap,X=new WeakMap,u(B,"NineTableSheet"),A(B,"SCROLLBAR_SIZE",16);let K=B;customElements.get("nine-table-sheet")||customElements.define("nine-table-sheet",K);const G=class G extends HTMLElement{constructor(){super();x(this,j,u(()=>{const n=this.querySelector(".nine-tab-bar");n&&(n.addEventListener("click",a=>{const i=a.target.closest(".nine-tab-item");if(!i)return;const g=a.ctrlKey||a.metaKey||a.shiftKey,c=parseInt(i.dataset.index,10);this.switchSheet(c,g)}),this.switchSheet(0,!1))},"#init"));A(this,"switchSheet",u((n,a=!1)=>{const i=u(()=>{const l=this.querySelector("nine-table-sheets-body");l.querySelectorAll("nine-splitter").forEach(r=>{const w=parseInt(r.dataset.splitIndex,10),v=l.querySelector(`nine-table-sheet[data-index="${w-1}"]`),q=l.querySelector(`nine-table-sheet[data-index="${w}"]`);v&&q&&v.classList.contains("active")&&q.classList.contains("active")?r.classList.add("active"):r.classList.remove("active")})},"updateSplitters"),g=this.querySelector(".nine-tab-bar"),c=this.querySelector("nine-table-sheets-body"),s=g.querySelectorAll(".nine-tab-item"),p=c.querySelectorAll("nine-table-sheet");if(!s[n])return;if(!a)s.forEach((l,o)=>{l.classList.toggle("active",o===n);const r=c.querySelector(`nine-table-sheet[data-index="${o}"]`);r&&(r.style.flex="")}),p.forEach((l,o)=>{l.classList.toggle("active",o===n)});else{const l=s[n],o=g.querySelectorAll(".nine-tab-item.active");if(l.classList.contains("active")&&o.length<=1)return;l.classList.toggle("active");const r=c.querySelector(`nine-table-sheet[data-index="${n}"]`);r&&(r.classList.toggle("active"),r.classList.contains("active")||(r.style.flex=""))}const t=Array.from(c.querySelectorAll("nine-table-sheet.active"));if(t.length>1){const l=1/t.length;t.forEach(o=>{(!o.style.flex||o.style.flex==="1 1 100%")&&(o.style.flex=`${l} ${l} 0px`)})}else t.forEach(l=>{l.style.flex="1 1 100%"});i();const d=c.querySelector("nine-table-sheet.active");if(d&&typeof d.getRowCount=="function"){const l=this.querySelector("#row-count");l&&(l.textContent=d.getRowCount().toLocaleString())}},"switchSheet"))}connectedCallback(){e(this,j).call(this)}};j=new WeakMap,u(G,"NineTableSheets");let P=G;customElements.get("nine-table-sheets")||customElements.define("nine-table-sheets",P);const J=class J{constructor(m){x(this,k);x(this,H,null);x(this,O,u(()=>{const m=e(this,k).host;m&&(E(this,H,new ResizeObserver(n=>{for(let a of n)m.getAttribute("auto-height")==="true"&&e(this,W).call(this,m)})),e(this,H).observe(m))},"#observeResize"));x(this,W,u(m=>{var q,S;const n=(q=m.shadowRoot)==null?void 0:q.querySelector("nine-table-sheet.active");if(!n)return;const a=((S=n.getRowCount)==null?void 0:S.call(n))||0,i=parseInt(m.getAttribute("max-display-row"),10)||10,g=Math.min(a,i),c=n.querySelector("tbody tr")||n.querySelector("tr"),s=c?c.getBoundingClientRect().height:32,p=e(this,k).querySelector("nine-table-header"),t=e(this,k).querySelector("nine-table-sheets-footer"),d=p?p.getBoundingClientRect().height:40,l=t?t.getBoundingClientRect().height:32,r=d+l+16,w=g*s+r;m.style.height=`${w}px`,m.style.maxHeight=`${i*s+r}px`;const v=e(this,k).querySelector("nine-table-sheets-body");v&&(v.style.overflowY=a>i?"auto":"hidden")},"#applyAutoHeight"));x(this,F,u(()=>{const m=e(this,k).host,a=Array.from(m.children).filter(p=>p.tagName==="TABLE"),i=m.getAttribute("auto-height")==="true",g=a.map((p,t)=>`<nine-table-sheet class="${t===0?"active":""}" data-index="${t}"></nine-table-sheet>`).join(""),c=a.map((p,t)=>`<div class="nine-tab-item ${t===0?"active":""}" data-index="${t}">Sheet ${t+1}</div>`).join("");e(this,k).innerHTML=`
             <style>
                 :host { 
                     display: flex; 
@@ -269,5 +269,5 @@
                 <nine-table-analysis></nine-table-analysis>
             </nine-table-body>
             <nine-table-footer></nine-table-footer>
-        `;const l=e(this,k).querySelectorAll("nine-table-sheet");l==null||l.forEach((p,t)=>{a[t]&&setTimeout(()=>{p.init(a[t]),i&&e(this,W).call(this,m)})})},"#render"));E(this,k,m),e(this,F).call(this),e(this,O).call(this)}};k=new WeakMap,H=new WeakMap,O=new WeakMap,W=new WeakMap,F=new WeakMap,u(J,"LayoutManager");let Y=J;const Q=class Q extends HTMLElement{constructor(){super();x(this,z,!1);this.attachShadow({mode:"open"})}connectedCallback(){e(this,z)||(this.layoutManager=new Y(this.shadowRoot),E(this,z,!0),y.log("NineTable connected."),this.dispatchEvent(new CustomEvent("load",{bubbles:!0,detail:{target:this}})))}disconnectedCallback(){y.log("NineTable disconnected.")}};z=new WeakMap,u(Q,"NineTable");let D=Q;customElements.get("nine-table")||customElements.define("nine-table",D)});
+        `;const s=e(this,k).querySelectorAll("nine-table-sheet");s==null||s.forEach((p,t)=>{a[t]&&setTimeout(()=>{p.init(a[t]),i&&e(this,W).call(this,m)})})},"#render"));E(this,k,m),e(this,F).call(this),e(this,O).call(this)}};k=new WeakMap,H=new WeakMap,O=new WeakMap,W=new WeakMap,F=new WeakMap,u(J,"LayoutManager");let Y=J;const Q=class Q extends HTMLElement{constructor(){super();x(this,z,!1);this.attachShadow({mode:"open"})}connectedCallback(){e(this,z)||(this.layoutManager=new Y(this.shadowRoot),E(this,z,!0),y.log("NineTable connected."),this.dispatchEvent(new CustomEvent("load",{bubbles:!0,detail:{target:this}})))}disconnectedCallback(){y.log("NineTable disconnected.")}};z=new WeakMap,u(Q,"NineTable");let D=Q;customElements.get("nine-table")||customElements.define("nine-table",D)});
 //# 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 = false;\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' disabled><div class='ng-scroll-icon'></div></button>\n        `;\n\n        requestAnimationFrame(() => {\n            const body = this.#owner.querySelector(\".ng-container-body\");\n            if (!body) return;\n\n            this.#elements = {\n                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            this.refresh();\n        });\n    }\n\n    refresh = () => {\n        if (!this.#owner || !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;\n        const thumb = this.#elements.thumb;\n        const bottomContainer = this.#owner.querySelector(\".ng-container-bottom\");\n\n        const bodyWidth = body.clientWidth;\n        const tableWidth = table.scrollWidth;\n\n        if (bodyWidth !== 0 && tableWidth > bodyWidth) {\n            if (bottomContainer) bottomContainer.style.display = 'flex';\n        } else {\n            if (bottomContainer) bottomContainer.style.display = 'none';\n            return;\n        }\n\n        const trackWidth = track.clientWidth;\n        if (trackWidth <= 0) return;\n\n        const thumbWidth = Math.max(Math.min(trackWidth * (bodyWidth / tableWidth), trackWidth), 20);\n        thumb.style.width = `${thumbWidth}px`;\n\n        const currentLeft = parseInt(table.style.left || 0, 10);\n        let l = parseInt(Math.abs(currentLeft) * trackWidth / tableWidth, 10);\n        if (l < 0) l = 0;\n\n        const maxThumbLeft = trackWidth - thumbWidth;\n        if (l > maxThumbLeft) l = maxThumbLeft;\n\n        thumb.style.left = `${l}px`;\n\n        this.#elements.left.disabled = (l === 0);\n\n        trace.log(l, maxThumbLeft);\n\n        this.#elements.right.disabled = (l >= maxThumbLeft);\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.clientWidth;\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 maxThumbLeft = trackBound.width - thumbWidth;\n        this.#elements.left.disabled = (targetX === 0);\n\n        trace.log(\"::::\", targetX, maxThumbLeft);\n        this.#elements.right.disabled = (targetX >= maxThumbLeft);\n\n        const w2 = body.clientWidth;\n        const w = table.scrollWidth;\n\n        let l = (-targetX * (w - w2) / maxThumbLeft);\n        if (-l > w - w2) l = -(w - w2);\n        if (-l + 5 > w - w2) l = -(w - w2);\n        if (w2 >= w) l = 0;\n\n        // 3분할 전체 테이블 동기화\n        const allTables = this.#owner.querySelectorAll(\".ng-container-left table, .ng-container-body table, .ng-container-right table\");\n        allTables.forEach(tbl => {\n            tbl.style.left = `${l}px`;\n        });\n\n        return (targetX > 0 && targetX < maxThumbLeft);\n    };\n\n    #init = () => {\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        ['mouseup', 'mouseleave', 'touchend'].forEach(evt => {\n            this.#elements.left.addEventListener(evt, clearTimer);\n            this.#elements.right.addEventListener(evt, clearTimer);\n            this.#elements.track.addEventListener(evt, clearTimer);\n        });\n\n        this.#elements.left.addEventListener(\"mousedown\", e => { if (e.button !== 0) return; delayScroll(-10); });\n        this.#elements.right.addEventListener(\"mousedown\", e => { trace.log(e); console.log(e); if (e.button !== 0) return; delayScroll(10); });\n        this.#elements.left.addEventListener(\"touchstart\", () => delayScroll(-10));\n        this.#elements.right.addEventListener(\"touchstart\", () => delayScroll(10));\n\n        this.#elements.track.addEventListener(\"mousedown\", e => {\n            if (e.button !== 0) return;\n            e.preventDefault();\n            const trackRect = this.#elements.track.getBoundingClientRect();\n            const thumbWidth = this.#elements.thumb.clientWidth;\n            this.#thumbMoveTo(e.clientX - trackRect.left - (thumbWidth / 2));\n        });\n\n        this.#elements.thumb.addEventListener(\"mousedown\", e => {\n            if (e.button !== 0) return;\n            e.stopPropagation();\n            e.preventDefault();\n            this.#dragging = true;\n            this.shiftX = e.clientX - this.#elements.thumb.getBoundingClientRect().left;\n\n            const onMouseMove = (moveEvent) => {\n                if (!this.#dragging) 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","__publicField","__privateGet","body","table","track","thumb","bottomContainer","bodyWidth","tableWidth","trackWidth","thumbWidth","currentLeft","l","maxThumbLeft","_thumbMoveTo","x","trackBound","targetX","w2","w","tbl","_init","delayScroll","pos","thumbBound","__privateSet","tBound","thBound","clearTimer","evt","e","trackRect","onMouseMove","moveEvent","onMouseUp","NineTableHScrollBar","_NineTableSheet","_tableElement","tableEl","initializeTable","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","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\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            const body = this.#owner.querySelector(\".ng-container-body\");\n            if (!body) return;\n\n            this.#elements = {\n                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            this.refresh();\n        });\n    }\n\n    refresh = () => {\n        if (!this.#owner || !this.#elements) return;\n\n        const body = this.#elements.container;\n        const table = body.querySelector(\"table\");\n        if (!table) {\n            trace.log(\"refresh: table 요소를 찾을 수 없음\");\n            return;\n        }\n\n        const track = this.#elements.track;\n        const thumb = this.#elements.thumb;\n        const bottomContainer = this.#owner.querySelector(\".ng-container-bottom\");\n\n        const bodyWidth = body.clientWidth;\n        const tableWidth = table.scrollWidth;\n\n        trace.log(\"refresh 체크 -> bodyWidth:\", bodyWidth, \"tableWidth:\", tableWidth);\n\n        if (bodyWidth !== 0 && tableWidth > bodyWidth) {\n            if (bottomContainer) bottomContainer.style.display = 'flex';\n        } else {\n            trace.log(\"refresh: 테이블 너비가 컨테이너보다 작거나 같아서 숨김 처리됨\");\n            if (bottomContainer) bottomContainer.style.display = 'none';\n            return;\n        }\n\n        const trackWidth = track.clientWidth;\n        if (trackWidth <= 0) return;\n\n        const thumbWidth = Math.max(Math.min(trackWidth * (bodyWidth / tableWidth), trackWidth), 20);\n        thumb.style.width = `${thumbWidth}px`;\n\n        const currentLeft = parseInt(table.style.left || 0, 10);\n        let l = parseInt(Math.abs(currentLeft) * trackWidth / tableWidth, 10);\n        if (l < 0) l = 0;\n\n        const maxThumbLeft = trackWidth - thumbWidth;\n        if (l > maxThumbLeft) l = maxThumbLeft;\n\n        thumb.style.left = `${l}px`;\n\n        trace.log(\"disable 판정 직전 -> l:\", l, \"maxThumbLeft:\", maxThumbLeft);\n\n        this.#elements.left.disabled = (l === 0);\n        this.#elements.right.disabled = (l >= maxThumbLeft - 1);\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.clientWidth;\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 maxThumbLeft = trackBound.width - thumbWidth;\n        this.#elements.left.disabled = (targetX === 0);\n\n        trace.log(\"::::\", targetX, maxThumbLeft);\n        this.#elements.right.disabled = (targetX >= maxThumbLeft);\n\n        const w2 = body.clientWidth;\n        const w = table.scrollWidth;\n\n        let l = (-targetX * (w - w2) / maxThumbLeft);\n        if (-l > w - w2) l = -(w - w2);\n        if (-l + 5 > w - w2) l = -(w - w2);\n        if (w2 >= w) l = 0;\n\n        // 3분할 전체 테이블 동기화\n        const allTables = this.#owner.querySelectorAll(\".ng-container-left table, .ng-container-body table, .ng-container-right table\");\n        allTables.forEach(tbl => {\n            tbl.style.left = `${l}px`;\n        });\n\n        return (targetX > 0 && targetX < maxThumbLeft);\n    };\n\n    #init = () => {\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        ['mouseup', 'mouseleave', 'touchend'].forEach(evt => {\n            this.#elements.left.addEventListener(evt, clearTimer);\n            this.#elements.right.addEventListener(evt, clearTimer);\n            this.#elements.track.addEventListener(evt, clearTimer);\n        });\n\n        this.#elements.left.addEventListener(\"mousedown\", e => { if (e.button !== 0) return; delayScroll(-10); });\n        this.#elements.right.addEventListener(\"mousedown\", e => { trace.log(e); console.log(e); if (e.button !== 0) return; delayScroll(10); });\n        this.#elements.left.addEventListener(\"touchstart\", () => delayScroll(-10));\n        this.#elements.right.addEventListener(\"touchstart\", () => delayScroll(10));\n\n        this.#elements.track.addEventListener(\"mousedown\", e => {\n            if (e.button !== 0) return;\n            e.preventDefault();\n            const trackRect = this.#elements.track.getBoundingClientRect();\n            const thumbWidth = this.#elements.thumb.clientWidth;\n            this.#thumbMoveTo(e.clientX - trackRect.left - (thumbWidth / 2));\n        });\n\n        this.#elements.thumb.addEventListener(\"mousedown\", e => {\n            if (e.button !== 0) return;\n            e.stopPropagation();\n            e.preventDefault();\n            this.#dragging = true;\n            this.shiftX = e.clientX - this.#elements.thumb.getBoundingClientRect().left;\n\n            const onMouseMove = (moveEvent) => {\n                if (!this.#dragging) 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","__publicField","__privateGet","body","table","track","thumb","bottomContainer","bodyWidth","tableWidth","trackWidth","thumbWidth","currentLeft","l","maxThumbLeft","_thumbMoveTo","x","trackBound","targetX","w2","w","tbl","_init","delayScroll","pos","thumbBound","__privateSet","tBound","thBound","clearTimer","evt","e","trackRect","onMouseMove","moveEvent","onMouseUp","NineTableHScrollBar","_NineTableSheet","_tableElement","tableEl","initializeTable","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","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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"}

package/package.json

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