@ninebone/table 0.0.66 → 0.0.67

package/dist/nine-table.js

@@ -1,30 +1,29 @@
-var Z = Object.defineProperty;
-var Y = (l) => {
-  throw TypeError(l);
+var P = Object.defineProperty;
+var Z = (r) => {
+  throw TypeError(r);
 };
-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 {
+var D = (r, t, e) => t in r ? P(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var c = (r, t) => P(r, "name", { value: t, configurable: !0 });
+var q = (r, t, e) => D(r, typeof t != "symbol" ? t + "" : t, e), X = (r, t, e) => t.has(r) || Z("Cannot " + e);
+var a = (r, t, e) => (X(r, t, "read from private field"), e ? e.call(r) : t.get(r)), w = (r, t, e) => t.has(r) ? Z("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(r) : t.set(r, e), k = (r, t, e, l) => (X(r, t, "write to private field"), l ? l.call(r, e) : t.set(r, e), e);
+import { trace as G } from "@ninebone/util";
+const j = class j extends G.constructor {
   constructor() {
     super(), this.init("nine-table", "green");
   }
 };
-d(j, "Trace");
+c(j, "Trace");
 let I = j;
 const $ = new I();
-var S, H;
+var S, R;
 const E = class E extends HTMLElement {
-  // 🎯 스크롤바 크기 변수화
   constructor() {
     super();
     w(this, S, null);
-    q(this, "init", /* @__PURE__ */ d((e) => {
+    q(this, "init", /* @__PURE__ */ c((e) => {
       if (!e) return;
-      const a = /* @__PURE__ */ d((n) => {
-        const c = /* @__PURE__ */ d((o) => {
+      const l = /* @__PURE__ */ c((n) => {
+        const d = /* @__PURE__ */ c((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++) {
@@ -32,19 +31,19 @@ const E = class E extends HTMLElement {
             z.setAttribute("width", m), b.appendChild(z);
           }
           o.prepend(b);
-        }, "ensureColgroup"), i = /* @__PURE__ */ d((o) => {
+        }, "ensureColgroup"), i = /* @__PURE__ */ c((o) => {
           if (o.querySelector("thead")) return;
           const s = document.createElement("thead"), y = o.querySelector("colgroup");
           y ? y.after(s) : o.prepend(s);
         }, "ensureThead");
-        return c(n), i(n), n.classList.add("nine-table-element"), n;
+        return d(n), i(n), n.classList.add("nine-table-element"), n;
       }, "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) => {
+      k(this, S, l(u)), a(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__ */ c((n, d, i = !1) => {
         const o = n.cloneNode(!0), s = Array.from(o.querySelectorAll("colgroup col")), y = [];
         return s.forEach((b, m) => {
           const x = b.getAttribute("fixed");
-          (i ? !x || x === "" : x === c) || y.push(m);
+          (i ? !x || x === "" : x === d) || y.push(m);
         }), y.reverse().forEach((b) => {
           s[b] && s[b].remove(), o.querySelectorAll("tr").forEach((m) => {
             const x = m.querySelectorAll("th, td");
@@ -53,33 +52,46 @@ const E = class E extends HTMLElement {
         }), o;
       }, "filterTableByFixed");
       if (h) {
-        const n = p(r(this, S), null, !0);
+        const n = p(a(this, S), null, !0);
         h.innerHTML = "", h.appendChild(n);
       }
       if (g) {
-        const n = p(r(this, S), "left", !1);
-        let c = 0;
+        const n = p(a(this, S), "left", !1);
+        let d = 0;
         n.querySelectorAll("col").forEach((o) => {
           const s = parseInt(o.getAttribute("width"), 10);
-          isNaN(s) || (c += s);
+          isNaN(s) || (d += s);
         }), g.innerHTML = "", g.appendChild(n);
-        const i = c > 0 ? c : 0;
+        const i = d > 0 ? d : 0;
         g.style.flex = `0 0 ${i}px`, g.style.width = `${i}px`;
       }
       if (f) {
-        const n = p(r(this, S), "right", !1);
-        let c = 0;
+        const n = p(a(this, S), "right", !1);
+        let d = 0;
         n.querySelectorAll("col").forEach((o) => {
           const s = parseInt(o.getAttribute("width"), 10);
-          isNaN(s) || (c += s);
+          isNaN(s) || (d += s);
         }), f.innerHTML = "", f.appendChild(n);
-        const i = c > 0 ? c : 0;
+        const i = d > 0 ? d : 0;
         f.style.flex = `0 0 ${i}px`, f.style.width = `${i}px`;
       }
+      if (h) {
+        const n = this.getRowCount();
+        h.style.overflowY = n > 10 ? "auto" : "hidden";
+      }
       $.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`);
     }, "init"));
-    q(this, "getRowCount", /* @__PURE__ */ d(() => r(this, S) ? r(this, S).querySelectorAll("tbody tr").length : 0, "getRowCount"));
-    w(this, H, /* @__PURE__ */ d(() => {
+    q(this, "getRowCount", /* @__PURE__ */ c(() => a(this, S) ? a(this, S).querySelectorAll("tbody tr").length : 0, "getRowCount"));
+    // 🎯 외부 스크롤바 및 컨트롤러 연동용 메서드
+    q(this, "scrollToX", /* @__PURE__ */ c((e) => {
+      const l = this.querySelector(".ng-container-body");
+      l && (l.scrollLeft = e);
+    }, "scrollToX"));
+    q(this, "scrollToY", /* @__PURE__ */ c((e) => {
+      const l = this.querySelector(".ng-container-body");
+      l && (l.scrollTop = e);
+    }, "scrollToY"));
+    w(this, R, /* @__PURE__ */ c(() => {
       const e = E.SCROLLBAR_SIZE;
       this.innerHTML = `
             <style>
@@ -117,7 +129,8 @@ const E = class E extends HTMLElement {
                     display: flex;
                     flex-direction: column;
                     flex: 1;
-                    overflow: hidden;
+                    overflow-x: auto;
+                    overflow-y: auto;
                     background: #ffffff;
                     position: relative;
                 }
@@ -194,30 +207,30 @@ const E = class E extends HTMLElement {
     }, "#render"));
   }
   connectedCallback() {
-    r(this, H).call(this);
+    a(this, R).call(this);
   }
   disconnectedCallback() {
     this.innerHTML = "", $.log("NineTableSheet destroyed.");
   }
 };
-S = new WeakMap(), H = new WeakMap(), d(E, "NineTableSheet"), q(E, "SCROLLBAR_SIZE", 16);
+S = new WeakMap(), R = new WeakMap(), c(E, "NineTableSheet"), q(E, "SCROLLBAR_SIZE", 16);
 let B = E;
 customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", B);
-var R;
+var H;
 const K = class K extends HTMLElement {
   constructor() {
     super();
-    w(this, R, /* @__PURE__ */ d(() => {
+    w(this, H, /* @__PURE__ */ c(() => {
       const e = this.querySelector(".nine-tab-bar");
-      e && (e.addEventListener("click", (a) => {
-        const u = a.target.closest(".nine-tab-item");
+      e && (e.addEventListener("click", (l) => {
+        const u = l.target.closest(".nine-tab-item");
         if (!u) return;
-        const g = a.ctrlKey || a.metaKey || a.shiftKey, h = parseInt(u.dataset.index, 10);
+        const g = l.ctrlKey || l.metaKey || l.shiftKey, h = parseInt(u.dataset.index, 10);
         this.switchSheet(h, g);
       }), this.switchSheet(0, !1));
     }, "#init"));
-    q(this, "switchSheet", /* @__PURE__ */ d((e, a = !1) => {
-      const u = /* @__PURE__ */ d(() => {
+    q(this, "switchSheet", /* @__PURE__ */ c((e, l = !1) => {
+      const u = /* @__PURE__ */ c(() => {
         const i = this.querySelector("nine-table-sheets-body");
         i.querySelectorAll("nine-splitter").forEach((s) => {
           const y = parseInt(s.dataset.splitIndex, 10), b = i.querySelector(`nine-table-sheet[data-index="${y - 1}"]`), m = i.querySelector(`nine-table-sheet[data-index="${y}"]`);
@@ -225,7 +238,7 @@ const K = class K extends HTMLElement {
         });
       }, "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[e]) return;
-      if (!a)
+      if (!l)
         f.forEach((i, o) => {
           i.classList.toggle("active", o === e);
           const s = h.querySelector(`nine-table-sheet[data-index="${o}"]`);
@@ -252,44 +265,44 @@ const K = class K extends HTMLElement {
           i.style.flex = "1 1 100%";
         });
       u();
-      const c = h.querySelector("nine-table-sheet.active");
-      if (c && typeof c.getRowCount == "function") {
+      const d = h.querySelector("nine-table-sheet.active");
+      if (d && typeof d.getRowCount == "function") {
         const i = this.querySelector("#row-count");
-        i && (i.textContent = c.getRowCount().toLocaleString());
+        i && (i.textContent = d.getRowCount().toLocaleString());
       }
     }, "switchSheet"));
   }
   connectedCallback() {
-    r(this, R).call(this);
+    a(this, H).call(this);
   }
 };
-R = new WeakMap(), d(K, "NineTableSheets");
+H = new WeakMap(), c(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 {
+var v, C, T, A, M;
+const Y = class Y {
   constructor(t) {
     w(this, v);
-    w(this, A, null);
-    w(this, T, /* @__PURE__ */ d(() => {
-      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));
+    w(this, C, null);
+    w(this, T, /* @__PURE__ */ c(() => {
+      const t = a(this, v).host;
+      t && (k(this, C, new ResizeObserver((e) => {
+        for (let l of e)
+          t.getAttribute("auto-height") === "true" && a(this, A).call(this, t);
+      })), a(this, C).observe(t));
     }, "#observeResize"));
-    w(this, C, /* @__PURE__ */ d((t) => {
+    w(this, A, /* @__PURE__ */ c((t) => {
       var m, x;
       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;
+      const l = ((x = e.getRowCount) == null ? void 0 : x.call(e)) || 0, u = parseInt(t.getAttribute("max-display-row"), 10) || 10, g = Math.min(l, u), h = e.querySelector("tbody tr") || e.querySelector("tr"), f = h ? h.getBoundingClientRect().height : 32, p = a(this, v).querySelector("nine-table-header"), n = a(this, v).querySelector("nine-table-sheets-footer"), d = p ? p.getBoundingClientRect().height : 40, i = n ? n.getBoundingClientRect().height : 32, s = d + 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");
+      const b = a(this, v).querySelector("nine-table-sheets-body");
+      b && (b.style.overflowY = l > u ? "auto" : "hidden");
     }, "#applyAutoHeight"));
-    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 = `
+    w(this, M, /* @__PURE__ */ c(() => {
+      const t = a(this, v).host, l = Array.from(t.children).filter((p) => p.tagName === "TABLE"), u = t.getAttribute("auto-height") === "true", g = l.map((p, n) => `<nine-table-sheet class="${n === 0 ? "active" : ""}" data-index="${n}"></nine-table-sheet>`).join(""), h = l.map((p, n) => `<div class="nine-tab-item ${n === 0 ? "active" : ""}" data-index="${n}">Sheet ${n + 1}</div>`).join("");
+      a(this, v).innerHTML = `
             <style>
                 :host { 
                     display: flex; 
@@ -387,33 +400,33 @@ const F = class F {
             </nine-table-body>
             <nine-table-footer></nine-table-footer>
         `;
-      const f = r(this, v).querySelectorAll("nine-table-sheet");
+      const f = a(this, v).querySelectorAll("nine-table-sheet");
       f == null || f.forEach((p, n) => {
-        a[n] && setTimeout(() => {
-          p.init(a[n]), u && r(this, C).call(this, t);
+        l[n] && setTimeout(() => {
+          p.init(l[n]), u && a(this, A).call(this, t);
         });
       });
     }, "#render"));
-    k(this, v, t), r(this, M).call(this), r(this, T).call(this);
+    k(this, v, t), a(this, M).call(this), a(this, T).call(this);
   }
 };
-v = new WeakMap(), A = new WeakMap(), T = new WeakMap(), C = new WeakMap(), M = new WeakMap(), d(F, "LayoutManager");
-let W = F;
+v = new WeakMap(), C = new WeakMap(), T = new WeakMap(), A = new WeakMap(), M = new WeakMap(), c(Y, "LayoutManager");
+let W = Y;
 var L;
-const P = class P extends HTMLElement {
+const F = class F extends HTMLElement {
   constructor() {
     super();
     w(this, L, !1);
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    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 } })));
+    a(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() {
     $.log("NineTable disconnected.");
   }
 };
-L = new WeakMap(), d(P, "NineTable");
-let O = P;
+L = new WeakMap(), c(F, "NineTable");
+let O = F;
 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    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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"}
+{"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        // 데이터 건수 기반 세로 스크롤 제어 정책 반영\n        if (bodyContainer) {\n            const rowCount = this.getRowCount();\n            bodyContainer.style.overflowY = rowCount > 10 ? 'auto' : 'hidden';\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    // 🎯 외부 스크롤바 및 컨트롤러 연동용 메서드\n    scrollToX = (scrollLeft) => {\n        const bodyContainer = this.querySelector('.ng-container-body');\n        if (bodyContainer) bodyContainer.scrollLeft = scrollLeft;\n    };\n\n    scrollToY = (scrollTop) => {\n        const bodyContainer = this.querySelector('.ng-container-body');\n        if (bodyContainer) bodyContainer.scrollTop = scrollTop;\n    };\n\n    #render = () => {\n        const sbSize = NineTableSheet.SCROLLBAR_SIZE;\n\n        this.innerHTML = `\n            <style>\n                nine-table-sheet {\n                    display: flex;\n                    flex-direction: column;\n                    width: 100%;\n                    height: 100%;\n                    position: relative;\n                    box-sizing: border-box;\n                    background: #ffffff;\n                    overflow: hidden;\n                }\n    \n                nine-table-sheet .ng-container-top {\n                    display: flex;\n                    flex-direction: row;\n                    flex: 1 1 auto;\n                    width: 100%;\n                    height: calc(100% - ${sbSize}px);\n                    overflow: hidden;\n                    position: relative;\n                }\n    \n                nine-table-sheet .ng-container-left {\n                    display: flex;\n                    flex-direction: column;\n                    overflow: hidden;\n                    background: #ffffff;\n                    border-right: 1px solid #e5e7eb;\n                    flex-shrink: 0;\n                }\n    \n                nine-table-sheet .ng-container-body {\n                    display: flex;\n                    flex-direction: column;\n                    flex: 1;\n                    overflow-x: auto;\n                    overflow-y: auto;\n                    background: #ffffff;\n                    position: relative;\n                }\n    \n                nine-table-sheet .ng-container-right {\n                    display: flex;\n                    flex-direction: column;\n                    overflow: hidden;\n                    background: #ffffff;\n                    border-left: 1px solid #e5e7eb;\n                    flex-shrink: 0;\n                }\n    \n                nine-table-sheet .ng-container-bottom {\n                    display: flex;\n                    flex-direction: row;\n                    height: ${sbSize}px;\n                    min-height: ${sbSize}px;\n                    flex-shrink: 0;\n                    background: #f9fafb;\n                    border-top: 1px solid #e5e7eb;\n                }\n    \n                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","rowCount","scrollLeft","scrollTop","_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","_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 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=`
+(function(l,n){typeof exports=="object"&&typeof module<"u"?n(require("@ninebone/util")):typeof define=="function"&&define.amd?define(["@ninebone/util"],n):(l=typeof globalThis<"u"?globalThis:l||self,n(l.NineboneUtil))})(this,function(l){"use strict";var P=Object.defineProperty;var Z=l=>{throw TypeError(l)};var X=(l,n,d)=>n in l?P(l,n,{enumerable:!0,configurable:!0,writable:!0,value:d}):l[n]=d;var c=(l,n)=>P(l,"name",{value:n,configurable:!0});var E=(l,n,d)=>X(l,typeof n!="symbol"?n+"":n,d),U=(l,n,d)=>n.has(l)||Z("Cannot "+d);var a=(l,n,d)=>(U(l,n,"read from private field"),d?d.call(l):n.get(l)),k=(l,n,d)=>n.has(l)?Z("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(l):n.set(l,d),T=(l,n,d,C)=>(U(l,n,"write to private field"),C?C.call(l,d):n.set(l,d),d);var q,H,M,w,L,z,$,I,R;const j=class j extends l.trace.constructor{constructor(){super(),this.init("nine-table","green")}};c(j,"Trace");let n=j;const d=new n,A=class A extends HTMLElement{constructor(){super();k(this,q,null);E(this,"init",c(t=>{if(!t)return;const r=c(e=>{const h=c(o=>{if(o.querySelector("colgroup"))return;const s=o.querySelector("tbody tr")||o.querySelector("tr"),m=s?s.querySelectorAll("th, td").length:1,g=document.createElement("colgroup"),S=Math.max(Math.floor((o.clientWidth||600)/m),100);for(let v=0;v<m;v++){const F=document.createElement("col");F.setAttribute("width",S),g.appendChild(F)}o.prepend(g)},"ensureColgroup"),i=c(o=>{if(o.querySelector("thead"))return;const s=document.createElement("thead"),m=o.querySelector("colgroup");m?m.after(s):o.prepend(s)},"ensureThead");return h(e),i(e),e.classList.add("nine-table-element"),e},"initializeTable"),p=t.cloneNode(!0);T(this,q,r(p)),a(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=c((e,h,i=!1)=>{const o=e.cloneNode(!0),s=Array.from(o.querySelectorAll("colgroup col")),m=[];return s.forEach((g,S)=>{const v=g.getAttribute("fixed");(i?!v||v==="":v===h)||m.push(S)}),m.reverse().forEach(g=>{s[g]&&s[g].remove(),o.querySelectorAll("tr").forEach(S=>{const v=S.querySelectorAll("th, td");v[g]&&v[g].remove()})}),o},"filterTableByFixed");if(b){const e=x(a(this,q),null,!0);b.innerHTML="",b.appendChild(e)}if(y){const e=x(a(this,q),"left",!1);let h=0;e.querySelectorAll("col").forEach(o=>{const s=parseInt(o.getAttribute("width"),10);isNaN(s)||(h+=s)}),y.innerHTML="",y.appendChild(e);const i=h>0?h:0;y.style.flex=`0 0 ${i}px`,y.style.width=`${i}px`}if(u){const e=x(a(this,q),"right",!1);let h=0;e.querySelectorAll("col").forEach(o=>{const s=parseInt(o.getAttribute("width"),10);isNaN(s)||(h+=s)}),u.innerHTML="",u.appendChild(e);const i=h>0?h:0;u.style.flex=`0 0 ${i}px`,u.style.width=`${i}px`}if(b){const e=this.getRowCount();b.style.overflowY=e>10?"auto":"hidden"}d.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`)},"init"));E(this,"getRowCount",c(()=>a(this,q)?a(this,q).querySelectorAll("tbody tr").length:0,"getRowCount"));E(this,"scrollToX",c(t=>{const r=this.querySelector(".ng-container-body");r&&(r.scrollLeft=t)},"scrollToX"));E(this,"scrollToY",c(t=>{const r=this.querySelector(".ng-container-body");r&&(r.scrollTop=t)},"scrollToY"));k(this,H,c(()=>{const t=A.SCROLLBAR_SIZE;this.innerHTML=`
             <style>
                 nine-table-sheet {
                     display: flex;
@@ -16,7 +16,7 @@
                     flex-direction: row;
                     flex: 1 1 auto;
                     width: 100%;
-                    height: calc(100% - ${l}px);
+                    height: calc(100% - ${t}px);
                     overflow: hidden;
                     position: relative;
                 }
@@ -34,7 +34,8 @@
                     display: flex;
                     flex-direction: column;
                     flex: 1;
-                    overflow: hidden;
+                    overflow-x: auto;
+                    overflow-y: auto;
                     background: #ffffff;
                     position: relative;
                 }
@@ -51,8 +52,8 @@
                 nine-table-sheet .ng-container-bottom {
                     display: flex;
                     flex-direction: row;
-                    height: ${l}px;
-                    min-height: ${l}px;
+                    height: ${t}px;
+                    min-height: ${t}px;
                     flex-shrink: 0;
                     background: #f9fafb;
                     border-top: 1px solid #e5e7eb;
@@ -66,8 +67,8 @@
                 }
     
                 nine-table-sheet .ng-scroll-edge {
-                    width: ${l}px;
-                    min-width: ${l}px;
+                    width: ${t}px;
+                    min-width: ${t}px;
                     height: 100%;
                     flex-shrink: 0;
                     background: #f3f4f6;
@@ -107,14 +108,14 @@
                 <nine-table-hscrollbar></nine-table-hscrollbar>
                 <div class='ng-scroll-edge'></div>
             </div>
-        `},"#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=`
+        `},"#render"))}connectedCallback(){a(this,H).call(this)}disconnectedCallback(){this.innerHTML="",d.log("NineTableSheet destroyed.")}};q=new WeakMap,H=new WeakMap,c(A,"NineTableSheet"),E(A,"SCROLLBAR_SIZE",16);let C=A;customElements.get("nine-table-sheet")||customElements.define("nine-table-sheet",C);const O=class O extends HTMLElement{constructor(){super();k(this,M,c(()=>{const t=this.querySelector(".nine-tab-bar");t&&(t.addEventListener("click",r=>{const p=r.target.closest(".nine-tab-item");if(!p)return;const y=r.ctrlKey||r.metaKey||r.shiftKey,b=parseInt(p.dataset.index,10);this.switchSheet(b,y)}),this.switchSheet(0,!1))},"#init"));E(this,"switchSheet",c((t,r=!1)=>{const p=c(()=>{const i=this.querySelector("nine-table-sheets-body");i.querySelectorAll("nine-splitter").forEach(s=>{const m=parseInt(s.dataset.splitIndex,10),g=i.querySelector(`nine-table-sheet[data-index="${m-1}"]`),S=i.querySelector(`nine-table-sheet[data-index="${m}"]`);g&&S&&g.classList.contains("active")&&S.classList.contains("active")?s.classList.add("active"):s.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[t])return;if(!r)u.forEach((i,o)=>{i.classList.toggle("active",o===t);const s=b.querySelector(`nine-table-sheet[data-index="${o}"]`);s&&(s.style.flex="")}),x.forEach((i,o)=>{i.classList.toggle("active",o===t)});else{const i=u[t],o=y.querySelectorAll(".nine-tab-item.active");if(i.classList.contains("active")&&o.length<=1)return;i.classList.toggle("active");const s=b.querySelector(`nine-table-sheet[data-index="${t}"]`);s&&(s.classList.toggle("active"),s.classList.contains("active")||(s.style.flex=""))}const e=Array.from(b.querySelectorAll("nine-table-sheet.active"));if(e.length>1){const i=1/e.length;e.forEach(o=>{(!o.style.flex||o.style.flex==="1 1 100%")&&(o.style.flex=`${i} ${i} 0px`)})}else e.forEach(i=>{i.style.flex="1 1 100%"});p();const h=b.querySelector("nine-table-sheet.active");if(h&&typeof h.getRowCount=="function"){const i=this.querySelector("#row-count");i&&(i.textContent=h.getRowCount().toLocaleString())}},"switchSheet"))}connectedCallback(){a(this,M).call(this)}};M=new WeakMap,c(O,"NineTableSheets");let B=O;customElements.get("nine-table-sheets")||customElements.define("nine-table-sheets",B);const K=class K{constructor(f){k(this,w);k(this,L,null);k(this,z,c(()=>{const f=a(this,w).host;f&&(T(this,L,new ResizeObserver(t=>{for(let r of t)f.getAttribute("auto-height")==="true"&&a(this,$).call(this,f)})),a(this,L).observe(f))},"#observeResize"));k(this,$,c(f=>{var S,v;const t=(S=f.shadowRoot)==null?void 0:S.querySelector("nine-table-sheet.active");if(!t)return;const r=((v=t.getRowCount)==null?void 0:v.call(t))||0,p=parseInt(f.getAttribute("max-display-row"),10)||10,y=Math.min(r,p),b=t.querySelector("tbody tr")||t.querySelector("tr"),u=b?b.getBoundingClientRect().height:32,x=a(this,w).querySelector("nine-table-header"),e=a(this,w).querySelector("nine-table-sheets-footer"),h=x?x.getBoundingClientRect().height:40,i=e?e.getBoundingClientRect().height:32,s=h+i+16,m=y*u+s;f.style.height=`${m}px`,f.style.maxHeight=`${p*u+s}px`;const g=a(this,w).querySelector("nine-table-sheets-body");g&&(g.style.overflowY=r>p?"auto":"hidden")},"#applyAutoHeight"));k(this,I,c(()=>{const f=a(this,w).host,r=Array.from(f.children).filter(x=>x.tagName==="TABLE"),p=f.getAttribute("auto-height")==="true",y=r.map((x,e)=>`<nine-table-sheet class="${e===0?"active":""}" data-index="${e}"></nine-table-sheet>`).join(""),b=r.map((x,e)=>`<div class="nine-tab-item ${e===0?"active":""}" data-index="${e}">Sheet ${e+1}</div>`).join("");a(this,w).innerHTML=`
             <style>
                 :host { 
                     display: flex; 
                     flex-direction: column; 
                     position: relative; 
                     overflow: hidden; 
-                    height: ${g?"auto":"100%"}; 
+                    height: ${p?"auto":"100%"}; 
                     background: #fff; 
                 }
                 nine-table-header { height: 40px; display: block; flex-shrink: 0; border-bottom: 1px solid #e5e7eb; background: #fff; }
@@ -204,5 +205,5 @@
                 <nine-table-analysis></nine-table-analysis>
             </nine-table-body>
             <nine-table-footer></nine-table-footer>
-        `;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)});
+        `;const u=a(this,w).querySelectorAll("nine-table-sheet");u==null||u.forEach((x,e)=>{r[e]&&setTimeout(()=>{x.init(r[e]),p&&a(this,$).call(this,f)})})},"#render"));T(this,w,f),a(this,I).call(this),a(this,z).call(this)}};w=new WeakMap,L=new WeakMap,z=new WeakMap,$=new WeakMap,I=new WeakMap,c(K,"LayoutManager");let N=K;const Y=class Y extends HTMLElement{constructor(){super();k(this,R,!1);this.attachShadow({mode:"open"})}connectedCallback(){a(this,R)||(this.layoutManager=new N(this.shadowRoot),T(this,R,!0),d.log("NineTable connected."),this.dispatchEvent(new CustomEvent("load",{bubbles:!0,detail:{target:this}})))}disconnectedCallback(){d.log("NineTable disconnected.")}};R=new WeakMap,c(Y,"NineTable");let W=Y;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    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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"}
+{"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        // 데이터 건수 기반 세로 스크롤 제어 정책 반영\n        if (bodyContainer) {\n            const rowCount = this.getRowCount();\n            bodyContainer.style.overflowY = rowCount > 10 ? 'auto' : 'hidden';\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    // 🎯 외부 스크롤바 및 컨트롤러 연동용 메서드\n    scrollToX = (scrollLeft) => {\n        const bodyContainer = this.querySelector('.ng-container-body');\n        if (bodyContainer) bodyContainer.scrollLeft = scrollLeft;\n    };\n\n    scrollToY = (scrollTop) => {\n        const bodyContainer = this.querySelector('.ng-container-body');\n        if (bodyContainer) bodyContainer.scrollTop = scrollTop;\n    };\n\n    #render = () => {\n        const sbSize = NineTableSheet.SCROLLBAR_SIZE;\n\n        this.innerHTML = `\n            <style>\n                nine-table-sheet {\n                    display: flex;\n                    flex-direction: column;\n                    width: 100%;\n                    height: 100%;\n                    position: relative;\n                    box-sizing: border-box;\n                    background: #ffffff;\n                    overflow: hidden;\n                }\n    \n                nine-table-sheet .ng-container-top {\n                    display: flex;\n                    flex-direction: row;\n                    flex: 1 1 auto;\n                    width: 100%;\n                    height: calc(100% - ${sbSize}px);\n                    overflow: hidden;\n                    position: relative;\n                }\n    \n                nine-table-sheet .ng-container-left {\n                    display: flex;\n                    flex-direction: column;\n                    overflow: hidden;\n                    background: #ffffff;\n                    border-right: 1px solid #e5e7eb;\n                    flex-shrink: 0;\n                }\n    \n                nine-table-sheet .ng-container-body {\n                    display: flex;\n                    flex-direction: column;\n                    flex: 1;\n                    overflow-x: auto;\n                    overflow-y: auto;\n                    background: #ffffff;\n                    position: relative;\n                }\n    \n                nine-table-sheet .ng-container-right {\n                    display: flex;\n                    flex-direction: column;\n                    overflow: hidden;\n                    background: #ffffff;\n                    border-left: 1px solid #e5e7eb;\n                    flex-shrink: 0;\n                }\n    \n                nine-table-sheet .ng-container-bottom {\n                    display: flex;\n                    flex-direction: row;\n                    height: ${sbSize}px;\n                    min-height: ${sbSize}px;\n                    flex-shrink: 0;\n                    background: #f9fafb;\n                    border-top: 1px solid #e5e7eb;\n                }\n    \n                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","rowCount","scrollLeft","scrollTop","_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","_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.66",
+  "version": "0.0.67",
   "description": "Grid component for real-time collaboration (Vanilla JS based)",
   "type": "module",
   "main": "./dist/nine-table.umd.js",