@ninebone/table 0.0.65 → 0.0.66

package/dist/nine-table.js

@@ -1,34 +1,35 @@
-var Y = Object.defineProperty;
-var D = (l) => {
+var Z = Object.defineProperty;
+var Y = (l) => {
   throw TypeError(l);
 };
-var J = (l, e, t) => e in l ? Y(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = t;
-var d = (l, e) => Y(l, "name", { value: e, configurable: !0 });
-var C = (l, e, t) => J(l, typeof e != "symbol" ? e + "" : e, t), G = (l, e, t) => e.has(l) || D("Cannot " + t);
-var r = (l, e, t) => (G(l, e, "read from private field"), t ? t.call(l) : e.get(l)), w = (l, e, t) => e.has(l) ? D("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(l) : e.set(l, t), q = (l, e, t, a) => (G(l, e, "write to private field"), a ? a.call(l, t) : e.set(l, t), t);
-import { trace as Q } from "@ninebone/util";
-const j = class j extends Q.constructor {
+var G = (l, t, e) => t in l ? Z(l, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[t] = e;
+var d = (l, t) => Z(l, "name", { value: t, configurable: !0 });
+var q = (l, t, e) => G(l, typeof t != "symbol" ? t + "" : t, e), D = (l, t, e) => t.has(l) || Y("Cannot " + e);
+var r = (l, t, e) => (D(l, t, "read from private field"), e ? e.call(l) : t.get(l)), w = (l, t, e) => t.has(l) ? Y("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(l) : t.set(l, e), k = (l, t, e, a) => (D(l, t, "write to private field"), a ? a.call(l, e) : t.set(l, e), e);
+import { trace as J } from "@ninebone/util";
+const j = class j extends J.constructor {
   constructor() {
     super(), this.init("nine-table", "green");
   }
 };
 d(j, "Trace");
-let z = j;
-const L = new z();
+let I = j;
+const $ = new I();
 var S, H;
-const K = class K extends HTMLElement {
+const E = class E extends HTMLElement {
+  // 🎯 스크롤바 크기 변수화
   constructor() {
     super();
     w(this, S, null);
-    C(this, "init", /* @__PURE__ */ d((t) => {
-      if (!t) return;
+    q(this, "init", /* @__PURE__ */ d((e) => {
+      if (!e) return;
       const a = /* @__PURE__ */ d((n) => {
         const c = /* @__PURE__ */ d((o) => {
           if (o.querySelector("colgroup")) return;
           const s = o.querySelector("tbody tr") || o.querySelector("tr"), y = s ? s.querySelectorAll("th, td").length : 1, b = document.createElement("colgroup"), m = Math.max(Math.floor((o.clientWidth || 600) / y), 100);
           for (let x = 0; x < y; x++) {
-            const M = document.createElement("col");
-            M.setAttribute("width", m), b.appendChild(M);
+            const z = document.createElement("col");
+            z.setAttribute("width", m), b.appendChild(z);
           }
           o.prepend(b);
         }, "ensureColgroup"), i = /* @__PURE__ */ d((o) => {
@@ -37,8 +38,8 @@ const K = class K extends HTMLElement {
           y ? y.after(s) : o.prepend(s);
         }, "ensureThead");
         return c(n), i(n), n.classList.add("nine-table-element"), n;
-      }, "initializeTable"), u = t.cloneNode(!0);
-      q(this, S, a(u)), r(this, S).style.display = "table";
+      }, "initializeTable"), u = e.cloneNode(!0);
+      k(this, S, a(u)), r(this, S).style.display = "table";
       const g = this.querySelector(".ng-container-left"), h = this.querySelector(".ng-container-body"), f = this.querySelector(".ng-container-right"), p = /* @__PURE__ */ d((n, c, i = !1) => {
         const o = n.cloneNode(!0), s = Array.from(o.querySelectorAll("colgroup col")), y = [];
         return s.forEach((b, m) => {
@@ -75,10 +76,11 @@ const K = class K extends HTMLElement {
         const i = c > 0 ? c : 0;
         f.style.flex = `0 0 ${i}px`, f.style.width = `${i}px`;
       }
-      L.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`);
+      $.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`);
     }, "init"));
-    C(this, "getRowCount", /* @__PURE__ */ d(() => r(this, S) ? r(this, S).querySelectorAll("tbody tr").length : 0, "getRowCount"));
+    q(this, "getRowCount", /* @__PURE__ */ d(() => r(this, S) ? r(this, S).querySelectorAll("tbody tr").length : 0, "getRowCount"));
     w(this, H, /* @__PURE__ */ d(() => {
+      const e = E.SCROLLBAR_SIZE;
       this.innerHTML = `
             <style>
                 nine-table-sheet {
@@ -95,20 +97,25 @@ const K = class K extends HTMLElement {
                 nine-table-sheet .ng-container-top {
                     display: flex;
                     flex-direction: row;
-                    flex: 1;
+                    flex: 1 1 auto;
                     width: 100%;
+                    height: calc(100% - ${e}px);
                     overflow: hidden;
                     position: relative;
                 }
     
                 nine-table-sheet .ng-container-left {
+                    display: flex;
+                    flex-direction: column;
                     overflow: hidden;
                     background: #ffffff;
                     border-right: 1px solid #e5e7eb;
+                    flex-shrink: 0;
                 }
     
-                /* 컨테이너 자체 스크롤바 제거 및 외부 제어용 뷰포트 설정 */
                 nine-table-sheet .ng-container-body {
+                    display: flex;
+                    flex-direction: column;
                     flex: 1;
                     overflow: hidden;
                     background: #ffffff;
@@ -116,15 +123,19 @@ const K = class K extends HTMLElement {
                 }
     
                 nine-table-sheet .ng-container-right {
+                    display: flex;
+                    flex-direction: column;
                     overflow: hidden;
                     background: #ffffff;
                     border-left: 1px solid #e5e7eb;
+                    flex-shrink: 0;
                 }
     
                 nine-table-sheet .ng-container-bottom {
                     display: flex;
                     flex-direction: row;
-                    height: 16px;
+                    height: ${e}px;
+                    min-height: ${e}px;
                     flex-shrink: 0;
                     background: #f9fafb;
                     border-top: 1px solid #e5e7eb;
@@ -132,12 +143,15 @@ const K = class K extends HTMLElement {
     
                 nine-table-sheet nine-table-hscrollbar {
                     flex: 1;
+                    height: 100%;
                     overflow: hidden;
                     display: block;
                 }
     
                 nine-table-sheet .ng-scroll-edge {
-                    width: 16px;
+                    width: ${e}px;
+                    min-width: ${e}px;
+                    height: 100%;
                     flex-shrink: 0;
                     background: #f3f4f6;
                 }
@@ -183,26 +197,26 @@ const K = class K extends HTMLElement {
     r(this, H).call(this);
   }
   disconnectedCallback() {
-    this.innerHTML = "", L.log("NineTableSheet destroyed.");
+    this.innerHTML = "", $.log("NineTableSheet destroyed.");
   }
 };
-S = new WeakMap(), H = new WeakMap(), d(K, "NineTableSheet");
-let I = K;
-customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", I);
-var $;
-const F = class F extends HTMLElement {
+S = new WeakMap(), H = new WeakMap(), d(E, "NineTableSheet"), q(E, "SCROLLBAR_SIZE", 16);
+let B = E;
+customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", B);
+var R;
+const K = class K extends HTMLElement {
   constructor() {
     super();
-    w(this, $, /* @__PURE__ */ d(() => {
-      const t = this.querySelector(".nine-tab-bar");
-      t && (t.addEventListener("click", (a) => {
+    w(this, R, /* @__PURE__ */ d(() => {
+      const e = this.querySelector(".nine-tab-bar");
+      e && (e.addEventListener("click", (a) => {
         const u = a.target.closest(".nine-tab-item");
         if (!u) return;
         const g = a.ctrlKey || a.metaKey || a.shiftKey, h = parseInt(u.dataset.index, 10);
         this.switchSheet(h, g);
       }), this.switchSheet(0, !1));
     }, "#init"));
-    C(this, "switchSheet", /* @__PURE__ */ d((t, a = !1) => {
+    q(this, "switchSheet", /* @__PURE__ */ d((e, a = !1) => {
       const u = /* @__PURE__ */ d(() => {
         const i = this.querySelector("nine-table-sheets-body");
         i.querySelectorAll("nine-splitter").forEach((s) => {
@@ -210,21 +224,21 @@ const F = class F extends HTMLElement {
           b && m && b.classList.contains("active") && m.classList.contains("active") ? s.classList.add("active") : s.classList.remove("active");
         });
       }, "updateSplitters"), g = this.querySelector(".nine-tab-bar"), h = this.querySelector("nine-table-sheets-body"), f = g.querySelectorAll(".nine-tab-item"), p = h.querySelectorAll("nine-table-sheet");
-      if (!f[t]) return;
+      if (!f[e]) return;
       if (!a)
         f.forEach((i, o) => {
-          i.classList.toggle("active", o === t);
+          i.classList.toggle("active", o === e);
           const s = h.querySelector(`nine-table-sheet[data-index="${o}"]`);
           s && (s.style.flex = "");
         }), p.forEach((i, o) => {
-          i.classList.toggle("active", o === t);
+          i.classList.toggle("active", o === e);
         });
       else {
-        const i = f[t], o = g.querySelectorAll(".nine-tab-item.active");
+        const i = f[e], o = g.querySelectorAll(".nine-tab-item.active");
         if (i.classList.contains("active") && o.length <= 1)
           return;
         i.classList.toggle("active");
-        const s = h.querySelector(`nine-table-sheet[data-index="${t}"]`);
+        const s = h.querySelector(`nine-table-sheet[data-index="${e}"]`);
         s && (s.classList.toggle("active"), s.classList.contains("active") || (s.style.flex = ""));
       }
       const n = Array.from(h.querySelectorAll("nine-table-sheet.active"));
@@ -246,35 +260,35 @@ const F = class F extends HTMLElement {
     }, "switchSheet"));
   }
   connectedCallback() {
-    r(this, $).call(this);
+    r(this, R).call(this);
   }
 };
-$ = new WeakMap(), d(F, "NineTableSheets");
-let B = F;
-customElements.get("nine-table-sheets") || customElements.define("nine-table-sheets", B);
-var v, k, T, E, R;
-const O = class O {
-  constructor(e) {
+R = new WeakMap(), d(K, "NineTableSheets");
+let N = K;
+customElements.get("nine-table-sheets") || customElements.define("nine-table-sheets", N);
+var v, A, T, C, M;
+const F = class F {
+  constructor(t) {
     w(this, v);
-    w(this, k, null);
+    w(this, A, null);
     w(this, T, /* @__PURE__ */ d(() => {
-      const e = r(this, v).host;
-      e && (q(this, k, new ResizeObserver((t) => {
-        for (let a of t)
-          e.getAttribute("auto-height") === "true" && r(this, E).call(this, e);
-      })), r(this, k).observe(e));
+      const t = r(this, v).host;
+      t && (k(this, A, new ResizeObserver((e) => {
+        for (let a of e)
+          t.getAttribute("auto-height") === "true" && r(this, C).call(this, t);
+      })), r(this, A).observe(t));
     }, "#observeResize"));
-    w(this, E, /* @__PURE__ */ d((e) => {
+    w(this, C, /* @__PURE__ */ d((t) => {
       var m, x;
-      const t = (m = e.shadowRoot) == null ? void 0 : m.querySelector("nine-table-sheet.active");
-      if (!t) return;
-      const a = ((x = t.getRowCount) == null ? void 0 : x.call(t)) || 0, u = parseInt(e.getAttribute("max-display-row"), 10) || 10, g = Math.min(a, u), h = t.querySelector("tbody tr") || t.querySelector("tr"), f = h ? h.getBoundingClientRect().height : 32, p = r(this, v).querySelector("nine-table-header"), n = r(this, v).querySelector("nine-table-sheets-footer"), c = p ? p.getBoundingClientRect().height : 40, i = n ? n.getBoundingClientRect().height : 32, s = c + i + 16, y = g * f + s;
-      e.style.height = `${y}px`, e.style.maxHeight = `${u * f + s}px`;
+      const e = (m = t.shadowRoot) == null ? void 0 : m.querySelector("nine-table-sheet.active");
+      if (!e) return;
+      const a = ((x = e.getRowCount) == null ? void 0 : x.call(e)) || 0, u = parseInt(t.getAttribute("max-display-row"), 10) || 10, g = Math.min(a, u), h = e.querySelector("tbody tr") || e.querySelector("tr"), f = h ? h.getBoundingClientRect().height : 32, p = r(this, v).querySelector("nine-table-header"), n = r(this, v).querySelector("nine-table-sheets-footer"), c = p ? p.getBoundingClientRect().height : 40, i = n ? n.getBoundingClientRect().height : 32, s = c + i + 16, y = g * f + s;
+      t.style.height = `${y}px`, t.style.maxHeight = `${u * f + s}px`;
       const b = r(this, v).querySelector("nine-table-sheets-body");
       b && (b.style.overflowY = a > u ? "auto" : "hidden");
     }, "#applyAutoHeight"));
-    w(this, R, /* @__PURE__ */ d(() => {
-      const e = r(this, v).host, a = Array.from(e.children).filter((p) => p.tagName === "TABLE"), u = e.getAttribute("auto-height") === "true", g = a.map((p, n) => `<nine-table-sheet class="${n === 0 ? "active" : ""}" data-index="${n}"></nine-table-sheet>`).join(""), h = a.map((p, n) => `<div class="nine-tab-item ${n === 0 ? "active" : ""}" data-index="${n}">Sheet ${n + 1}</div>`).join("");
+    w(this, M, /* @__PURE__ */ d(() => {
+      const t = r(this, v).host, a = Array.from(t.children).filter((p) => p.tagName === "TABLE"), u = t.getAttribute("auto-height") === "true", g = a.map((p, n) => `<nine-table-sheet class="${n === 0 ? "active" : ""}" data-index="${n}"></nine-table-sheet>`).join(""), h = a.map((p, n) => `<div class="nine-tab-item ${n === 0 ? "active" : ""}" data-index="${n}">Sheet ${n + 1}</div>`).join("");
       r(this, v).innerHTML = `
             <style>
                 :host { 
@@ -376,30 +390,30 @@ const O = class O {
       const f = r(this, v).querySelectorAll("nine-table-sheet");
       f == null || f.forEach((p, n) => {
         a[n] && setTimeout(() => {
-          p.init(a[n]), u && r(this, E).call(this, e);
+          p.init(a[n]), u && r(this, C).call(this, t);
         });
       });
     }, "#render"));
-    q(this, v, e), r(this, R).call(this), r(this, T).call(this);
+    k(this, v, t), r(this, M).call(this), r(this, T).call(this);
   }
 };
-v = new WeakMap(), k = new WeakMap(), T = new WeakMap(), E = new WeakMap(), R = new WeakMap(), d(O, "LayoutManager");
-let N = O;
-var A;
+v = new WeakMap(), A = new WeakMap(), T = new WeakMap(), C = new WeakMap(), M = new WeakMap(), d(F, "LayoutManager");
+let W = F;
+var L;
 const P = class P extends HTMLElement {
   constructor() {
     super();
-    w(this, A, !1);
+    w(this, L, !1);
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    r(this, A) || (this.layoutManager = new N(this.shadowRoot), q(this, A, !0), L.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } })));
+    r(this, L) || (this.layoutManager = new W(this.shadowRoot), k(this, L, !0), $.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } })));
   }
   disconnectedCallback() {
-    L.log("NineTable disconnected.");
+    $.log("NineTable disconnected.");
   }
 };
-A = new WeakMap(), d(P, "NineTable");
-let W = P;
-customElements.get("nine-table") || customElements.define("nine-table", W);
+L = new WeakMap(), d(P, "NineTable");
+let O = P;
+customElements.get("nine-table") || customElements.define("nine-table", O);
 //# sourceMappingURL=nine-table.js.map

package/dist/nine-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"nine-table.js","sources":["../src/external/NoPeer.js","../src/ui/nine-table-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\nexport class NineTableSheet extends HTMLElement {\n    #tableElement = null;\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        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    #render = () => {\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;\n                    width: 100%;\n                    overflow: hidden;\n                    position: relative;\n                }\n    \n                nine-table-sheet .ng-container-left {\n                    overflow: hidden;\n                    background: #ffffff;\n                    border-right: 1px solid #e5e7eb;\n                }\n    \n                /* 컨테이너 자체 스크롤바 제거 및 외부 제어용 뷰포트 설정 */\n                nine-table-sheet .ng-container-body {\n                    flex: 1;\n                    overflow: hidden;\n                    background: #ffffff;\n                    position: relative;\n                }\n    \n                nine-table-sheet .ng-container-right {\n                    overflow: hidden;\n                    background: #ffffff;\n                    border-left: 1px solid #e5e7eb;\n                }\n    \n                nine-table-sheet .ng-container-bottom {\n                    display: flex;\n                    flex-direction: row;\n                    height: 16px;\n                    flex-shrink: 0;\n                    background: #f9fafb;\n                    border-top: 1px solid #e5e7eb;\n                }\n    \n                nine-table-sheet nine-table-hscrollbar {\n                    flex: 1;\n                    overflow: hidden;\n                    display: block;\n                }\n    \n                nine-table-sheet .ng-scroll-edge {\n                    width: 16px;\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","_NineTableSheet","__privateAdd","_tableElement","__publicField","tableEl","initializeTable","tbl","ensureColgroup","firstRow","colCount","colgroup","defaultWidth","i","col","ensureThead","thead","clonedTable","__privateSet","__privateGet","leftContainer","bodyContainer","rightContainer","filterTableByFixed","sourceTable","targetFixedType","isBody","cols","targetIndices","idx","fixedAttr","tr","cells","bodyTable","leftTable","leftWidth","w","activeLeftWidth","rightTable","rightWidth","activeRightWidth","_render","NineTableSheet","_NineTableSheets","_init","tabBar","e","tabItem","isMultiSelect","index","updateSplitters","body","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","rowCount","_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-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\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        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    #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                nine-table-sheet .ng-container-body {\n                    display: flex;\n                    flex-direction: column;\n                    flex: 1;\n                    overflow: hidden;\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                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","_NineTableSheet","__privateAdd","_tableElement","__publicField","tableEl","initializeTable","tbl","ensureColgroup","firstRow","colCount","colgroup","defaultWidth","i","col","ensureThead","thead","clonedTable","__privateSet","__privateGet","leftContainer","bodyContainer","rightContainer","filterTableByFixed","sourceTable","targetFixedType","isBody","cols","targetIndices","idx","fixedAttr","tr","cells","bodyTable","leftTable","leftWidth","w","activeLeftWidth","rightTable","rightWidth","activeRightWidth","_render","sbSize","NineTableSheet","_NineTableSheets","_init","tabBar","e","tabItem","isMultiSelect","index","updateSplitters","body","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","rowCount","_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(s,t){typeof exports=="object"&&typeof module<"u"?t(require("@ninebone/util")):typeof define=="function"&&define.amd?define(["@ninebone/util"],t):(s=typeof globalThis<"u"?globalThis:s||self,t(s.NineboneUtil))})(this,function(s){"use strict";var U=Object.defineProperty;var Y=s=>{throw TypeError(s)};var G=(s,t,a)=>t in s?U(s,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):s[t]=a;var d=(s,t)=>U(s,"name",{value:t,configurable:!0});var z=(s,t,a)=>G(s,typeof t!="symbol"?t+"":t,a),D=(s,t,a)=>t.has(s)||Y("Cannot "+a);var l=(s,t,a)=>(D(s,t,"read from private field"),a?a.call(s):t.get(s)),k=(s,t,a)=>t.has(s)?Y("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(s):t.set(s,a),H=(s,t,a,E)=>(D(s,t,"write to private field"),E?E.call(s,a):t.set(s,a),a);var q,T,$,w,A,R,C,M,L;const W=class W extends s.trace.constructor{constructor(){super(),this.init("nine-table","green")}};d(W,"Trace");let t=W;const a=new t,j=class j extends HTMLElement{constructor(){super();k(this,q,null);z(this,"init",d(r=>{if(!r)return;const f=d(e=>{const c=d(i=>{if(i.querySelector("colgroup"))return;const o=i.querySelector("tbody tr")||i.querySelector("tr"),m=o?o.querySelectorAll("th, td").length:1,g=document.createElement("colgroup"),S=Math.max(Math.floor((i.clientWidth||600)/m),100);for(let v=0;v<m;v++){const P=document.createElement("col");P.setAttribute("width",S),g.appendChild(P)}i.prepend(g)},"ensureColgroup"),n=d(i=>{if(i.querySelector("thead"))return;const o=document.createElement("thead"),m=i.querySelector("colgroup");m?m.after(o):i.prepend(o)},"ensureThead");return c(e),n(e),e.classList.add("nine-table-element"),e},"initializeTable"),p=r.cloneNode(!0);H(this,q,f(p)),l(this,q).style.display="table";const y=this.querySelector(".ng-container-left"),b=this.querySelector(".ng-container-body"),u=this.querySelector(".ng-container-right"),x=d((e,c,n=!1)=>{const i=e.cloneNode(!0),o=Array.from(i.querySelectorAll("colgroup col")),m=[];return o.forEach((g,S)=>{const v=g.getAttribute("fixed");(n?!v||v==="":v===c)||m.push(S)}),m.reverse().forEach(g=>{o[g]&&o[g].remove(),i.querySelectorAll("tr").forEach(S=>{const v=S.querySelectorAll("th, td");v[g]&&v[g].remove()})}),i},"filterTableByFixed");if(b){const e=x(l(this,q),null,!0);b.innerHTML="",b.appendChild(e)}if(y){const e=x(l(this,q),"left",!1);let c=0;e.querySelectorAll("col").forEach(i=>{const o=parseInt(i.getAttribute("width"),10);isNaN(o)||(c+=o)}),y.innerHTML="",y.appendChild(e);const n=c>0?c:0;y.style.flex=`0 0 ${n}px`,y.style.width=`${n}px`}if(u){const e=x(l(this,q),"right",!1);let c=0;e.querySelectorAll("col").forEach(i=>{const o=parseInt(i.getAttribute("width"),10);isNaN(o)||(c+=o)}),u.innerHTML="",u.appendChild(e);const n=c>0?c:0;u.style.flex=`0 0 ${n}px`,u.style.width=`${n}px`}a.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`)},"init"));z(this,"getRowCount",d(()=>l(this,q)?l(this,q).querySelectorAll("tbody tr").length:0,"getRowCount"));k(this,T,d(()=>{this.innerHTML=`
+(function(s,t){typeof exports=="object"&&typeof module<"u"?t(require("@ninebone/util")):typeof define=="function"&&define.amd?define(["@ninebone/util"],t):(s=typeof globalThis<"u"?globalThis:s||self,t(s.NineboneUtil))})(this,function(s){"use strict";var Z=Object.defineProperty;var U=s=>{throw TypeError(s)};var D=(s,t,a)=>t in s?Z(s,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):s[t]=a;var d=(s,t)=>Z(s,"name",{value:t,configurable:!0});var H=(s,t,a)=>D(s,typeof t!="symbol"?t+"":t,a),Y=(s,t,a)=>t.has(s)||U("Cannot "+a);var r=(s,t,a)=>(Y(s,t,"read from private field"),a?a.call(s):t.get(s)),k=(s,t,a)=>t.has(s)?U("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(s):t.set(s,a),R=(s,t,a,E)=>(Y(s,t,"write to private field"),E?E.call(s,a):t.set(s,a),a);var q,T,M,w,C,z,L,I,$;const j=class j extends s.trace.constructor{constructor(){super(),this.init("nine-table","green")}};d(j,"Trace");let t=j;const a=new t,A=class A extends HTMLElement{constructor(){super();k(this,q,null);H(this,"init",d(l=>{if(!l)return;const f=d(e=>{const c=d(i=>{if(i.querySelector("colgroup"))return;const o=i.querySelector("tbody tr")||i.querySelector("tr"),m=o?o.querySelectorAll("th, td").length:1,p=document.createElement("colgroup"),S=Math.max(Math.floor((i.clientWidth||600)/m),100);for(let v=0;v<m;v++){const P=document.createElement("col");P.setAttribute("width",S),p.appendChild(P)}i.prepend(p)},"ensureColgroup"),n=d(i=>{if(i.querySelector("thead"))return;const o=document.createElement("thead"),m=i.querySelector("colgroup");m?m.after(o):i.prepend(o)},"ensureThead");return c(e),n(e),e.classList.add("nine-table-element"),e},"initializeTable"),g=l.cloneNode(!0);R(this,q,f(g)),r(this,q).style.display="table";const y=this.querySelector(".ng-container-left"),b=this.querySelector(".ng-container-body"),u=this.querySelector(".ng-container-right"),x=d((e,c,n=!1)=>{const i=e.cloneNode(!0),o=Array.from(i.querySelectorAll("colgroup col")),m=[];return o.forEach((p,S)=>{const v=p.getAttribute("fixed");(n?!v||v==="":v===c)||m.push(S)}),m.reverse().forEach(p=>{o[p]&&o[p].remove(),i.querySelectorAll("tr").forEach(S=>{const v=S.querySelectorAll("th, td");v[p]&&v[p].remove()})}),i},"filterTableByFixed");if(b){const e=x(r(this,q),null,!0);b.innerHTML="",b.appendChild(e)}if(y){const e=x(r(this,q),"left",!1);let c=0;e.querySelectorAll("col").forEach(i=>{const o=parseInt(i.getAttribute("width"),10);isNaN(o)||(c+=o)}),y.innerHTML="",y.appendChild(e);const n=c>0?c:0;y.style.flex=`0 0 ${n}px`,y.style.width=`${n}px`}if(u){const e=x(r(this,q),"right",!1);let c=0;e.querySelectorAll("col").forEach(i=>{const o=parseInt(i.getAttribute("width"),10);isNaN(o)||(c+=o)}),u.innerHTML="",u.appendChild(e);const n=c>0?c:0;u.style.flex=`0 0 ${n}px`,u.style.width=`${n}px`}a.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`)},"init"));H(this,"getRowCount",d(()=>r(this,q)?r(this,q).querySelectorAll("tbody tr").length:0,"getRowCount"));k(this,T,d(()=>{const l=A.SCROLLBAR_SIZE;this.innerHTML=`
             <style>
                 nine-table-sheet {
                     display: flex;
@@ -14,20 +14,25 @@
                 nine-table-sheet .ng-container-top {
                     display: flex;
                     flex-direction: row;
-                    flex: 1;
+                    flex: 1 1 auto;
                     width: 100%;
+                    height: calc(100% - ${l}px);
                     overflow: hidden;
                     position: relative;
                 }
     
                 nine-table-sheet .ng-container-left {
+                    display: flex;
+                    flex-direction: column;
                     overflow: hidden;
                     background: #ffffff;
                     border-right: 1px solid #e5e7eb;
+                    flex-shrink: 0;
                 }
     
-                /* 컨테이너 자체 스크롤바 제거 및 외부 제어용 뷰포트 설정 */
                 nine-table-sheet .ng-container-body {
+                    display: flex;
+                    flex-direction: column;
                     flex: 1;
                     overflow: hidden;
                     background: #ffffff;
@@ -35,15 +40,19 @@
                 }
     
                 nine-table-sheet .ng-container-right {
+                    display: flex;
+                    flex-direction: column;
                     overflow: hidden;
                     background: #ffffff;
                     border-left: 1px solid #e5e7eb;
+                    flex-shrink: 0;
                 }
     
                 nine-table-sheet .ng-container-bottom {
                     display: flex;
                     flex-direction: row;
-                    height: 16px;
+                    height: ${l}px;
+                    min-height: ${l}px;
                     flex-shrink: 0;
                     background: #f9fafb;
                     border-top: 1px solid #e5e7eb;
@@ -51,12 +60,15 @@
     
                 nine-table-sheet nine-table-hscrollbar {
                     flex: 1;
+                    height: 100%;
                     overflow: hidden;
                     display: block;
                 }
     
                 nine-table-sheet .ng-scroll-edge {
-                    width: 16px;
+                    width: ${l}px;
+                    min-width: ${l}px;
+                    height: 100%;
                     flex-shrink: 0;
                     background: #f3f4f6;
                 }
@@ -95,14 +107,14 @@
                 <nine-table-hscrollbar></nine-table-hscrollbar>
                 <div class='ng-scroll-edge'></div>
             </div>
-        `},"#render"))}connectedCallback(){l(this,T).call(this)}disconnectedCallback(){this.innerHTML="",a.log("NineTableSheet destroyed.")}};q=new WeakMap,T=new WeakMap,d(j,"NineTableSheet");let E=j;customElements.get("nine-table-sheet")||customElements.define("nine-table-sheet",E);const K=class K extends HTMLElement{constructor(){super();k(this,$,d(()=>{const r=this.querySelector(".nine-tab-bar");r&&(r.addEventListener("click",f=>{const p=f.target.closest(".nine-tab-item");if(!p)return;const y=f.ctrlKey||f.metaKey||f.shiftKey,b=parseInt(p.dataset.index,10);this.switchSheet(b,y)}),this.switchSheet(0,!1))},"#init"));z(this,"switchSheet",d((r,f=!1)=>{const p=d(()=>{const n=this.querySelector("nine-table-sheets-body");n.querySelectorAll("nine-splitter").forEach(o=>{const m=parseInt(o.dataset.splitIndex,10),g=n.querySelector(`nine-table-sheet[data-index="${m-1}"]`),S=n.querySelector(`nine-table-sheet[data-index="${m}"]`);g&&S&&g.classList.contains("active")&&S.classList.contains("active")?o.classList.add("active"):o.classList.remove("active")})},"updateSplitters"),y=this.querySelector(".nine-tab-bar"),b=this.querySelector("nine-table-sheets-body"),u=y.querySelectorAll(".nine-tab-item"),x=b.querySelectorAll("nine-table-sheet");if(!u[r])return;if(!f)u.forEach((n,i)=>{n.classList.toggle("active",i===r);const o=b.querySelector(`nine-table-sheet[data-index="${i}"]`);o&&(o.style.flex="")}),x.forEach((n,i)=>{n.classList.toggle("active",i===r)});else{const n=u[r],i=y.querySelectorAll(".nine-tab-item.active");if(n.classList.contains("active")&&i.length<=1)return;n.classList.toggle("active");const o=b.querySelector(`nine-table-sheet[data-index="${r}"]`);o&&(o.classList.toggle("active"),o.classList.contains("active")||(o.style.flex=""))}const e=Array.from(b.querySelectorAll("nine-table-sheet.active"));if(e.length>1){const n=1/e.length;e.forEach(i=>{(!i.style.flex||i.style.flex==="1 1 100%")&&(i.style.flex=`${n} ${n} 0px`)})}else e.forEach(n=>{n.style.flex="1 1 100%"});p();const c=b.querySelector("nine-table-sheet.active");if(c&&typeof c.getRowCount=="function"){const n=this.querySelector("#row-count");n&&(n.textContent=c.getRowCount().toLocaleString())}},"switchSheet"))}connectedCallback(){l(this,$).call(this)}};$=new WeakMap,d(K,"NineTableSheets");let I=K;customElements.get("nine-table-sheets")||customElements.define("nine-table-sheets",I);const F=class F{constructor(h){k(this,w);k(this,A,null);k(this,R,d(()=>{const h=l(this,w).host;h&&(H(this,A,new ResizeObserver(r=>{for(let f of r)h.getAttribute("auto-height")==="true"&&l(this,C).call(this,h)})),l(this,A).observe(h))},"#observeResize"));k(this,C,d(h=>{var S,v;const r=(S=h.shadowRoot)==null?void 0:S.querySelector("nine-table-sheet.active");if(!r)return;const f=((v=r.getRowCount)==null?void 0:v.call(r))||0,p=parseInt(h.getAttribute("max-display-row"),10)||10,y=Math.min(f,p),b=r.querySelector("tbody tr")||r.querySelector("tr"),u=b?b.getBoundingClientRect().height:32,x=l(this,w).querySelector("nine-table-header"),e=l(this,w).querySelector("nine-table-sheets-footer"),c=x?x.getBoundingClientRect().height:40,n=e?e.getBoundingClientRect().height:32,o=c+n+16,m=y*u+o;h.style.height=`${m}px`,h.style.maxHeight=`${p*u+o}px`;const g=l(this,w).querySelector("nine-table-sheets-body");g&&(g.style.overflowY=f>p?"auto":"hidden")},"#applyAutoHeight"));k(this,M,d(()=>{const h=l(this,w).host,f=Array.from(h.children).filter(x=>x.tagName==="TABLE"),p=h.getAttribute("auto-height")==="true",y=f.map((x,e)=>`<nine-table-sheet class="${e===0?"active":""}" data-index="${e}"></nine-table-sheet>`).join(""),b=f.map((x,e)=>`<div class="nine-tab-item ${e===0?"active":""}" data-index="${e}">Sheet ${e+1}</div>`).join("");l(this,w).innerHTML=`
+        `},"#render"))}connectedCallback(){r(this,T).call(this)}disconnectedCallback(){this.innerHTML="",a.log("NineTableSheet destroyed.")}};q=new WeakMap,T=new WeakMap,d(A,"NineTableSheet"),H(A,"SCROLLBAR_SIZE",16);let E=A;customElements.get("nine-table-sheet")||customElements.define("nine-table-sheet",E);const O=class O extends HTMLElement{constructor(){super();k(this,M,d(()=>{const l=this.querySelector(".nine-tab-bar");l&&(l.addEventListener("click",f=>{const g=f.target.closest(".nine-tab-item");if(!g)return;const y=f.ctrlKey||f.metaKey||f.shiftKey,b=parseInt(g.dataset.index,10);this.switchSheet(b,y)}),this.switchSheet(0,!1))},"#init"));H(this,"switchSheet",d((l,f=!1)=>{const g=d(()=>{const n=this.querySelector("nine-table-sheets-body");n.querySelectorAll("nine-splitter").forEach(o=>{const m=parseInt(o.dataset.splitIndex,10),p=n.querySelector(`nine-table-sheet[data-index="${m-1}"]`),S=n.querySelector(`nine-table-sheet[data-index="${m}"]`);p&&S&&p.classList.contains("active")&&S.classList.contains("active")?o.classList.add("active"):o.classList.remove("active")})},"updateSplitters"),y=this.querySelector(".nine-tab-bar"),b=this.querySelector("nine-table-sheets-body"),u=y.querySelectorAll(".nine-tab-item"),x=b.querySelectorAll("nine-table-sheet");if(!u[l])return;if(!f)u.forEach((n,i)=>{n.classList.toggle("active",i===l);const o=b.querySelector(`nine-table-sheet[data-index="${i}"]`);o&&(o.style.flex="")}),x.forEach((n,i)=>{n.classList.toggle("active",i===l)});else{const n=u[l],i=y.querySelectorAll(".nine-tab-item.active");if(n.classList.contains("active")&&i.length<=1)return;n.classList.toggle("active");const o=b.querySelector(`nine-table-sheet[data-index="${l}"]`);o&&(o.classList.toggle("active"),o.classList.contains("active")||(o.style.flex=""))}const e=Array.from(b.querySelectorAll("nine-table-sheet.active"));if(e.length>1){const n=1/e.length;e.forEach(i=>{(!i.style.flex||i.style.flex==="1 1 100%")&&(i.style.flex=`${n} ${n} 0px`)})}else e.forEach(n=>{n.style.flex="1 1 100%"});g();const c=b.querySelector("nine-table-sheet.active");if(c&&typeof c.getRowCount=="function"){const n=this.querySelector("#row-count");n&&(n.textContent=c.getRowCount().toLocaleString())}},"switchSheet"))}connectedCallback(){r(this,M).call(this)}};M=new WeakMap,d(O,"NineTableSheets");let B=O;customElements.get("nine-table-sheets")||customElements.define("nine-table-sheets",B);const K=class K{constructor(h){k(this,w);k(this,C,null);k(this,z,d(()=>{const h=r(this,w).host;h&&(R(this,C,new ResizeObserver(l=>{for(let f of l)h.getAttribute("auto-height")==="true"&&r(this,L).call(this,h)})),r(this,C).observe(h))},"#observeResize"));k(this,L,d(h=>{var S,v;const l=(S=h.shadowRoot)==null?void 0:S.querySelector("nine-table-sheet.active");if(!l)return;const f=((v=l.getRowCount)==null?void 0:v.call(l))||0,g=parseInt(h.getAttribute("max-display-row"),10)||10,y=Math.min(f,g),b=l.querySelector("tbody tr")||l.querySelector("tr"),u=b?b.getBoundingClientRect().height:32,x=r(this,w).querySelector("nine-table-header"),e=r(this,w).querySelector("nine-table-sheets-footer"),c=x?x.getBoundingClientRect().height:40,n=e?e.getBoundingClientRect().height:32,o=c+n+16,m=y*u+o;h.style.height=`${m}px`,h.style.maxHeight=`${g*u+o}px`;const p=r(this,w).querySelector("nine-table-sheets-body");p&&(p.style.overflowY=f>g?"auto":"hidden")},"#applyAutoHeight"));k(this,I,d(()=>{const h=r(this,w).host,f=Array.from(h.children).filter(x=>x.tagName==="TABLE"),g=h.getAttribute("auto-height")==="true",y=f.map((x,e)=>`<nine-table-sheet class="${e===0?"active":""}" data-index="${e}"></nine-table-sheet>`).join(""),b=f.map((x,e)=>`<div class="nine-tab-item ${e===0?"active":""}" data-index="${e}">Sheet ${e+1}</div>`).join("");r(this,w).innerHTML=`
             <style>
                 :host { 
                     display: flex; 
                     flex-direction: column; 
                     position: relative; 
                     overflow: hidden; 
-                    height: ${p?"auto":"100%"}; 
+                    height: ${g?"auto":"100%"}; 
                     background: #fff; 
                 }
                 nine-table-header { height: 40px; display: block; flex-shrink: 0; border-bottom: 1px solid #e5e7eb; background: #fff; }
@@ -192,5 +204,5 @@
                 <nine-table-analysis></nine-table-analysis>
             </nine-table-body>
             <nine-table-footer></nine-table-footer>
-        `;const u=l(this,w).querySelectorAll("nine-table-sheet");u==null||u.forEach((x,e)=>{f[e]&&setTimeout(()=>{x.init(f[e]),p&&l(this,C).call(this,h)})})},"#render"));H(this,w,h),l(this,M).call(this),l(this,R).call(this)}};w=new WeakMap,A=new WeakMap,R=new WeakMap,C=new WeakMap,M=new WeakMap,d(F,"LayoutManager");let N=F;const O=class O extends HTMLElement{constructor(){super();k(this,L,!1);this.attachShadow({mode:"open"})}connectedCallback(){l(this,L)||(this.layoutManager=new N(this.shadowRoot),H(this,L,!0),a.log("NineTable connected."),this.dispatchEvent(new CustomEvent("load",{bubbles:!0,detail:{target:this}})))}disconnectedCallback(){a.log("NineTable disconnected.")}};L=new WeakMap,d(O,"NineTable");let B=O;customElements.get("nine-table")||customElements.define("nine-table",B)});
+        `;const u=r(this,w).querySelectorAll("nine-table-sheet");u==null||u.forEach((x,e)=>{f[e]&&setTimeout(()=>{x.init(f[e]),g&&r(this,L).call(this,h)})})},"#render"));R(this,w,h),r(this,I).call(this),r(this,z).call(this)}};w=new WeakMap,C=new WeakMap,z=new WeakMap,L=new WeakMap,I=new WeakMap,d(K,"LayoutManager");let N=K;const F=class F extends HTMLElement{constructor(){super();k(this,$,!1);this.attachShadow({mode:"open"})}connectedCallback(){r(this,$)||(this.layoutManager=new N(this.shadowRoot),R(this,$,!0),a.log("NineTable connected."),this.dispatchEvent(new CustomEvent("load",{bubbles:!0,detail:{target:this}})))}disconnectedCallback(){a.log("NineTable disconnected.")}};$=new WeakMap,d(F,"NineTable");let W=F;customElements.get("nine-table")||customElements.define("nine-table",W)});
 //# 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-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\nexport class NineTableSheet extends HTMLElement {\n    #tableElement = null;\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        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    #render = () => {\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;\n                    width: 100%;\n                    overflow: hidden;\n                    position: relative;\n                }\n    \n                nine-table-sheet .ng-container-left {\n                    overflow: hidden;\n                    background: #ffffff;\n                    border-right: 1px solid #e5e7eb;\n                }\n    \n                /* 컨테이너 자체 스크롤바 제거 및 외부 제어용 뷰포트 설정 */\n                nine-table-sheet .ng-container-body {\n                    flex: 1;\n                    overflow: hidden;\n                    background: #ffffff;\n                    position: relative;\n                }\n    \n                nine-table-sheet .ng-container-right {\n                    overflow: hidden;\n                    background: #ffffff;\n                    border-left: 1px solid #e5e7eb;\n                }\n    \n                nine-table-sheet .ng-container-bottom {\n                    display: flex;\n                    flex-direction: row;\n                    height: 16px;\n                    flex-shrink: 0;\n                    background: #f9fafb;\n                    border-top: 1px solid #e5e7eb;\n                }\n    \n                nine-table-sheet nine-table-hscrollbar {\n                    flex: 1;\n                    overflow: hidden;\n                    display: block;\n                }\n    \n                nine-table-sheet .ng-scroll-edge {\n                    width: 16px;\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","_NineTableSheet","__privateAdd","_tableElement","__publicField","tableEl","initializeTable","tbl","ensureColgroup","firstRow","colCount","colgroup","defaultWidth","i","col","ensureThead","thead","clonedTable","__privateSet","__privateGet","leftContainer","bodyContainer","rightContainer","filterTableByFixed","sourceTable","targetFixedType","isBody","cols","targetIndices","idx","fixedAttr","tr","cells","bodyTable","leftTable","leftWidth","w","activeLeftWidth","rightTable","rightWidth","activeRightWidth","_render","NineTableSheet","_NineTableSheets","_init","tabBar","e","tabItem","isMultiSelect","index","updateSplitters","body","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","rowCount","_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-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\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        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    #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                nine-table-sheet .ng-container-body {\n                    display: flex;\n                    flex-direction: column;\n                    flex: 1;\n                    overflow: hidden;\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                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","_NineTableSheet","__privateAdd","_tableElement","__publicField","tableEl","initializeTable","tbl","ensureColgroup","firstRow","colCount","colgroup","defaultWidth","i","col","ensureThead","thead","clonedTable","__privateSet","__privateGet","leftContainer","bodyContainer","rightContainer","filterTableByFixed","sourceTable","targetFixedType","isBody","cols","targetIndices","idx","fixedAttr","tr","cells","bodyTable","leftTable","leftWidth","w","activeLeftWidth","rightTable","rightWidth","activeRightWidth","_render","sbSize","NineTableSheet","_NineTableSheets","_init","tabBar","e","tabItem","isMultiSelect","index","updateSplitters","body","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","rowCount","_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.65",
+  "version": "0.0.66",
   "description": "Grid component for real-time collaboration (Vanilla JS based)",
   "type": "module",
   "main": "./dist/nine-table.umd.js",