@ninebone/table 0.0.28 → 0.0.30

package/dist/nine-table.js

@@ -1,59 +1,59 @@
-var Z = Object.defineProperty;
-var J = (s) => {
+var Y = Object.defineProperty;
+var G = (s) => {
   throw TypeError(s);
 };
-var r = (s, e) => Z(s, "name", { value: e, configurable: !0 });
-var T = (s, e, t) => e.has(s) || J("Cannot " + t);
-var n = (s, e, t) => (T(s, e, "read from private field"), t ? t.call(s) : e.get(s)), b = (s, e, t) => e.has(s) ? J("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(s) : e.set(s, t), v = (s, e, t, o) => (T(s, e, "write to private field"), o ? o.call(s, t) : e.set(s, t), t), y = (s, e, t) => (T(s, e, "access private method"), t);
-import { trace as N } from "@ninebone/util";
-const B = class B extends N.constructor {
+var r = (s, e) => Y(s, "name", { value: e, configurable: !0 });
+var M = (s, e, t) => e.has(s) || G("Cannot " + t);
+var l = (s, e, t) => (M(s, e, "read from private field"), t ? t.call(s) : e.get(s)), f = (s, e, t) => e.has(s) ? G("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(s) : e.set(s, t), w = (s, e, t, i) => (M(s, e, "write to private field"), i ? i.call(s, t) : e.set(s, t), t), p = (s, e, t) => (M(s, e, "access private method"), t);
+import { trace as Z } from "@ninebone/util";
+const j = class j extends Z.constructor {
   constructor() {
     super(), this.init("nine-table", "green");
   }
 };
-r(B, "Trace");
-let A = B;
-const L = new A();
-var $, S, O, P;
-const K = class K {
+r(j, "Trace");
+let T = j;
+const C = new T();
+var L, v, J, O;
+const B = class B {
   constructor(e) {
-    b(this, S);
-    b(this, $);
-    v(this, $, e);
+    f(this, v);
+    f(this, L);
+    w(this, L, e);
   }
   // [Public] 테이블 초기화 진입점 (필요한 최소한의 마크업 보정만 수행)
   initializeTable(e) {
-    return y(this, S, O).call(this, e), y(this, S, P).call(this, e), e.classList.add("nine-table-element"), e;
+    return p(this, v, J).call(this, e), p(this, v, O).call(this, e), e.classList.add("nine-table-element"), e;
   }
 };
-$ = new WeakMap(), S = new WeakSet(), // [Private] colgroup 보정
-O = /* @__PURE__ */ r(function(e) {
+L = new WeakMap(), v = new WeakSet(), // [Private] colgroup 보정
+J = /* @__PURE__ */ r(function(e) {
   var c;
   if (e.querySelector("colgroup")) return;
-  const t = ((c = e.querySelector("tbody tr")) == null ? void 0 : c.querySelectorAll("th, td").length) || 1, o = document.createElement("colgroup"), a = Math.max(Math.floor((e.clientWidth || 600) / t), 100);
-  for (let f = 0; f < t; f++) {
-    const p = document.createElement("col");
-    p.setAttribute("width", a), o.appendChild(p);
+  const t = ((c = e.querySelector("tbody tr")) == null ? void 0 : c.querySelectorAll("th, td").length) || 1, i = document.createElement("colgroup"), a = Math.max(Math.floor((e.clientWidth || 600) / t), 100);
+  for (let b = 0; b < t; b++) {
+    const u = document.createElement("col");
+    u.setAttribute("width", a), i.appendChild(u);
   }
-  e.prepend(o);
+  e.prepend(i);
 }, "#ensureColgroup"), // [Private] thead 보정
-P = /* @__PURE__ */ r(function(e) {
+O = /* @__PURE__ */ r(function(e) {
   if (e.querySelector("thead")) return;
-  const t = document.createElement("thead"), o = e.querySelector("colgroup");
-  o ? o.after(t) : e.prepend(t);
-}, "#ensureThead"), r(K, "TableInitializer");
-let H = K;
-var g, k, M, Q;
-const W = class W extends HTMLElement {
+  const t = document.createElement("thead"), i = e.querySelector("colgroup");
+  i ? i.after(t) : e.prepend(t);
+}, "#ensureThead"), r(B, "TableInitializer");
+let A = B;
+var y, q, $, P;
+const K = class K extends HTMLElement {
   constructor() {
     super();
-    b(this, M);
-    b(this, g, null);
-    b(this, k);
-    v(this, k, new H(this));
+    f(this, $);
+    f(this, y, null);
+    f(this, q);
+    w(this, q, new A(this));
   }
   connectedCallback() {
-    y(this, M, Q).call(this);
+    p(this, $, P).call(this);
   }
   /**
    * 외부(LayoutManager 등)에서 원본 테이블 엘리먼트를 주입받아 초기화 및 보정 수행
@@ -61,19 +61,19 @@ const W = class W extends HTMLElement {
    */
   init(t) {
     if (!t) return;
-    const o = t.cloneNode(!0);
-    v(this, g, n(this, k).initializeTable(o)), n(this, g).style.display = "table";
+    const i = t.cloneNode(!0);
+    w(this, y, l(this, q).initializeTable(i)), l(this, y).style.display = "table";
     const a = this.querySelector(".sheet-content-container");
-    a && (a.innerHTML = "", a.appendChild(n(this, g))), L.log(`NineTableSheet initialized with table rows: ${this.getRowCount()}`);
+    a && (a.innerHTML = "", a.appendChild(l(this, y))), C.log(`NineTableSheet initialized with table rows: ${this.getRowCount()}`);
   }
   getRowCount() {
-    return n(this, g) ? n(this, g).querySelectorAll("tbody tr").length : 0;
+    return l(this, y) ? l(this, y).querySelectorAll("tbody tr").length : 0;
   }
   disconnectedCallback() {
-    this.innerHTML = "", L.log("NineTableSheet destroyed.");
+    this.innerHTML = "", C.log("NineTableSheet destroyed.");
   }
 };
-g = new WeakMap(), k = new WeakMap(), M = new WeakSet(), Q = /* @__PURE__ */ r(function() {
+y = new WeakMap(), q = new WeakMap(), $ = new WeakSet(), P = /* @__PURE__ */ r(function() {
   this.innerHTML = `
             <style>
                 nine-table-sheet {
@@ -119,92 +119,90 @@ g = new WeakMap(), k = new WeakMap(), M = new WeakSet(), Q = /* @__PURE__ */ r(f
                 <!-- 테이블이 동적으로 주입되는 영역 -->
             </div>
         `;
-}, "#render"), r(W, "NineTableSheet");
-let z = W;
-customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", z);
-var u, E, U, V;
-const D = class D extends HTMLElement {
+}, "#render"), r(K, "NineTableSheet");
+let H = K;
+customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", H);
+var S, Q, U;
+const W = class W extends HTMLElement {
   constructor() {
     super();
-    b(this, E);
-    b(this, u);
-    v(this, u, this.attachShadow({ mode: "open" }));
+    f(this, S);
   }
   connectedCallback() {
-    y(this, E, V).call(this);
+    p(this, S, U).call(this);
   }
   /**
    * 외부(LayoutManager 등)에서 테이블 목록을 받아 시트와 스플리터 마크업 구성
    * @param {HTMLTableElement[]} tables
    */
   initSheets(t) {
-    const o = n(this, u).querySelector("nine-table-sheets-body"), a = n(this, u).querySelector(".nine-tab-bar"), c = t.map((h, i) => {
-      const l = `<nine-table-sheet class="${i === 0 ? "active" : ""}" data-index="${i}"></nine-table-sheet>`;
-      return i === 0 ? l : `<nine-splitter class="h" data-split-index="${i}"></nine-splitter>${l}`;
-    }).join(""), f = t.map((h, i) => `
-            <div class="nine-tab-item ${i === 0 ? "active" : ""}" data-index="${i}">Sheet ${i + 1}</div>
+    const i = this.querySelector("nine-table-sheets-body"), a = this.querySelector(".nine-tab-bar"), c = t.map((h, n) => {
+      const o = `<nine-table-sheet class="${n === 0 ? "active" : ""}" data-index="${n}"></nine-table-sheet>`;
+      return n === 0 ? o : `<nine-splitter class="h" data-split-index="${n}"></nine-splitter>${o}`;
+    }).join(""), b = t.map((h, n) => `
+            <div class="nine-tab-item ${n === 0 ? "active" : ""}" data-index="${n}">Sheet ${n + 1}</div>
         `).join("");
-    o.innerHTML = c, a.innerHTML = f, o.querySelectorAll("nine-table-sheet").forEach((h, i) => {
-      t[i] && h.init(t[i]);
+    i.innerHTML = c, a.innerHTML = b, i.querySelectorAll("nine-table-sheet").forEach((h, n) => {
+      t[n] && h.init(t[n]);
     }), a.addEventListener("click", (h) => {
-      const i = h.target.closest(".nine-tab-item");
-      if (!i) return;
-      const l = h.ctrlKey || h.metaKey || h.shiftKey, d = parseInt(i.dataset.index, 10);
-      this.switchSheet(d, l);
+      const n = h.target.closest(".nine-tab-item");
+      if (!n) return;
+      const o = h.ctrlKey || h.metaKey || h.shiftKey, d = parseInt(n.dataset.index, 10);
+      this.switchSheet(d, o);
     }), this.switchSheet(0, !1);
   }
-  switchSheet(t, o = !1) {
-    const a = n(this, u).querySelector(".nine-tab-bar"), c = n(this, u).querySelector("nine-table-sheets-body"), f = a.querySelectorAll(".nine-tab-item"), p = c.querySelectorAll("nine-table-sheet");
-    if (!f[t]) return;
-    if (!o)
-      f.forEach((l, d) => {
-        l.classList.toggle("active", d === t);
-        const w = c.querySelector(`nine-table-sheet[data-index="${d}"]`);
-        w && (w.style.flex = "");
-      }), p.forEach((l, d) => {
-        l.classList.toggle("active", d === t);
+  switchSheet(t, i = !1) {
+    const a = this.querySelector(".nine-tab-bar"), c = this.querySelector("nine-table-sheets-body"), b = a.querySelectorAll(".nine-tab-item"), u = c.querySelectorAll("nine-table-sheet");
+    if (!b[t]) return;
+    if (!i)
+      b.forEach((o, d) => {
+        o.classList.toggle("active", d === t);
+        const m = c.querySelector(`nine-table-sheet[data-index="${d}"]`);
+        m && (m.style.flex = "");
+      }), u.forEach((o, d) => {
+        o.classList.toggle("active", d === t);
       });
     else {
-      const l = f[t], d = a.querySelectorAll(".nine-tab-item.active");
-      if (l.classList.contains("active") && d.length <= 1)
+      const o = b[t], d = a.querySelectorAll(".nine-tab-item.active");
+      if (o.classList.contains("active") && d.length <= 1)
         return;
-      l.classList.toggle("active");
-      const w = c.querySelector(`nine-table-sheet[data-index="${t}"]`);
-      w && (w.classList.toggle("active"), w.classList.contains("active") || (w.style.flex = ""));
+      o.classList.toggle("active");
+      const m = c.querySelector(`nine-table-sheet[data-index="${t}"]`);
+      m && (m.classList.toggle("active"), m.classList.contains("active") || (m.style.flex = ""));
     }
     const h = Array.from(c.querySelectorAll("nine-table-sheet.active"));
     if (h.length > 1) {
-      const l = 1 / h.length;
+      const o = 1 / h.length;
       h.forEach((d) => {
-        (!d.style.flex || d.style.flex === "1 1 100%") && (d.style.flex = `${l} ${l} 0px`);
+        (!d.style.flex || d.style.flex === "1 1 100%") && (d.style.flex = `${o} ${o} 0px`);
       });
     } else
-      h.forEach((l) => {
-        l.style.flex = "1 1 100%";
+      h.forEach((o) => {
+        o.style.flex = "1 1 100%";
       });
-    y(this, E, U).call(this);
-    const i = c.querySelector("nine-table-sheet.active");
-    if (i && typeof i.getRowCount == "function") {
-      const l = n(this, u).querySelector("#row-count");
-      l && (l.textContent = i.getRowCount().toLocaleString());
+    p(this, S, Q).call(this);
+    const n = c.querySelector("nine-table-sheet.active");
+    if (n && typeof n.getRowCount == "function") {
+      const o = this.querySelector("#row-count");
+      o && (o.textContent = n.getRowCount().toLocaleString());
     }
     this.dispatchEvent(new CustomEvent("sheet-switched", {
-      detail: { rowCount: i ? i.getRowCount() : 0 },
+      detail: { rowCount: n ? n.getRowCount() : 0 },
       bubbles: !0,
       composed: !0
     }));
   }
 };
-u = new WeakMap(), E = new WeakSet(), U = /* @__PURE__ */ r(function() {
-  const t = n(this, u).querySelector("nine-table-sheets-body");
+S = new WeakSet(), Q = /* @__PURE__ */ r(function() {
+  const t = this.querySelector("nine-table-sheets-body");
   t.querySelectorAll("nine-splitter").forEach((a) => {
-    const c = parseInt(a.dataset.splitIndex, 10), f = t.querySelector(`nine-table-sheet[data-index="${c - 1}"]`), p = t.querySelector(`nine-table-sheet[data-index="${c}"]`);
-    f && p && f.classList.contains("active") && p.classList.contains("active") ? a.classList.add("active") : a.classList.remove("active");
+    const c = parseInt(a.dataset.splitIndex, 10), b = t.querySelector(`nine-table-sheet[data-index="${c - 1}"]`), u = t.querySelector(`nine-table-sheet[data-index="${c}"]`);
+    b && u && b.classList.contains("active") && u.classList.contains("active") ? a.classList.add("active") : a.classList.remove("active");
   });
-}, "#updateSplitters"), V = /* @__PURE__ */ r(function() {
-  n(this, u).innerHTML = `
+}, "#updateSplitters"), U = /* @__PURE__ */ r(function() {
+  this.innerHTML = `
             <style>
-                :host {
+                nine-table-sheets {
                     flex: 1;
                     display: flex;
                     flex-direction: column;
@@ -247,7 +245,7 @@ u = new WeakMap(), E = new WeakSet(), U = /* @__PURE__ */ r(function() {
                     padding: 0 8px;
                     flex-shrink: 0;
                 }
-                .nine-tab-bar {
+                nine-table-sheets .nine-tab-bar {
                     display: flex;
                     align-items: center;
                     gap: 2px;
@@ -255,7 +253,7 @@ u = new WeakMap(), E = new WeakSet(), U = /* @__PURE__ */ r(function() {
                     flex: 1;
                     height: 100%;
                 }
-                .nine-tab-item {
+                nine-table-sheets .nine-tab-item {
                     padding: 4px 12px;
                     cursor: pointer;
                     font-size: 12px;
@@ -266,13 +264,13 @@ u = new WeakMap(), E = new WeakSet(), U = /* @__PURE__ */ r(function() {
                     border-radius: 0 0 3px 3px;
                     user-select: none;
                 }
-                .nine-tab-item.active {
+                nine-table-sheets .nine-tab-item.active {
                     background: #ffffff;
                     color: #111827;
                     font-weight: 600;
                     border-bottom: 2px solid #2563eb;
                 }
-                .sheets-counter {
+                nine-table-sheets .sheets-counter {
                     font-size: 12px;
                     color: #6b7280;
                     padding-left: 12px;
@@ -286,25 +284,25 @@ u = new WeakMap(), E = new WeakSet(), U = /* @__PURE__ */ r(function() {
                 <div class="sheets-counter">Total : <span id="row-count">0</span></div>
             </nine-table-sheets-footer>
         `;
-}, "#render"), r(D, "NineTableSheets");
-let R = D;
-customElements.get("nine-table-sheets") || customElements.define("nine-table-sheets", R);
-var m, x, q, X, Y;
-const F = class F {
+}, "#render"), r(W, "NineTableSheets");
+let z = W;
+customElements.get("nine-table-sheets") || customElements.define("nine-table-sheets", z);
+var g, x, E, V, X;
+const D = class D {
   constructor(e) {
-    b(this, q);
-    b(this, m);
-    b(this, x, []);
-    v(this, m, e);
+    f(this, E);
+    f(this, g);
+    f(this, x, []);
+    w(this, g, e);
   }
   render() {
-    n(this, m).host.querySelectorAll("table").forEach((t) => {
-      n(this, x).push(t), t.style.display = "none";
-    }), y(this, q, X).call(this), y(this, q, Y).call(this);
+    l(this, g).host.querySelectorAll("table").forEach((t) => {
+      l(this, x).push(t), t.style.display = "none";
+    }), p(this, E, V).call(this), p(this, E, X).call(this);
   }
 };
-m = new WeakMap(), x = new WeakMap(), q = new WeakSet(), X = /* @__PURE__ */ r(function() {
-  n(this, x)[0] && n(this, x)[0].querySelectorAll("tbody tr").length, n(this, m).innerHTML = `
+g = new WeakMap(), x = new WeakMap(), E = new WeakSet(), V = /* @__PURE__ */ r(function() {
+  l(this, x)[0] && l(this, x)[0].querySelectorAll("tbody tr").length, l(this, g).innerHTML = `
             <style>
                 :host { display: flex; flex-direction: column; position: relative; overflow: hidden; height: 100%; background: #fff; }
                 nine-table-header { height: 40px; display: block; flex-shrink: 0; border-bottom: 1px solid #e5e7eb; background: #fff; }
@@ -318,35 +316,34 @@ m = new WeakMap(), x = new WeakMap(), q = new WeakSet(), X = /* @__PURE__ */ r(f
             <nine-table-header></nine-table-header>
             <nine-table-body>
                 <nine-table-summary></nine-table-summary>
-                <nine-splitter></nine-splitter>
                 <nine-table-sheets></nine-table-sheets>
                 <nine-table-analysis></nine-table-analysis>
             </nine-table-body>
             <nine-table-footer></nine-table-footer>
         `;
-}, "#renderLayoutShell"), Y = /* @__PURE__ */ r(function() {
-  const e = n(this, m).querySelector("nine-table-sheets");
-  e && n(this, x).length > 0 && (e.initSheets(n(this, x)), e.addEventListener("sheet-switched", (t) => {
-    const o = n(this, m).querySelector("#row-count");
-    o && t.detail && (o.textContent = t.detail.rowCount.toLocaleString());
+}, "#renderLayoutShell"), X = /* @__PURE__ */ r(function() {
+  const e = l(this, g).querySelector("nine-table-sheets");
+  e && l(this, x).length > 0 && (e.initSheets(l(this, x)), e.addEventListener("sheet-switched", (t) => {
+    const i = l(this, g).querySelector("#row-count");
+    i && t.detail && (i.textContent = t.detail.rowCount.toLocaleString());
   }));
-}, "#initSheetsContainer"), r(F, "LayoutManager");
-let I = F;
-var C;
-const G = class G extends HTMLElement {
+}, "#initSheetsContainer"), r(D, "LayoutManager");
+let R = D;
+var k;
+const F = class F extends HTMLElement {
   constructor() {
     super();
-    b(this, C, !1);
+    f(this, k, !1);
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    n(this, C) || (this.layoutManager = new I(this.shadowRoot), this.layoutManager.render(), v(this, C, !0), L.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } })));
+    l(this, k) || (this.layoutManager = new R(this.shadowRoot), this.layoutManager.render(), w(this, k, !0), C.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } })));
   }
   disconnectedCallback() {
-    L.log("NineTable disconnected.");
+    C.log("NineTable disconnected.");
   }
 };
-C = new WeakMap(), r(G, "NineTable");
-let j = G;
-customElements.get("nine-table") || customElements.define("nine-table", j);
+k = new WeakMap(), r(F, "NineTable");
+let I = F;
+customElements.get("nine-table") || customElements.define("nine-table", I);
 //# 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/TableInitializer.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();","export class TableInitializer {\n    #container;\n\n    constructor(container) {\n        this.#container = container;\n    }\n\n    // [Public] 테이블 초기화 진입점 (필요한 최소한의 마크업 보정만 수행)\n    initializeTable(tbl) {\n        this.#ensureColgroup(tbl);\n        this.#ensureThead(tbl);\n\n        tbl.classList.add('nine-table-element');\n        return tbl;\n    }\n\n    // [Private] colgroup 보정\n    #ensureColgroup(tbl) {\n        if (tbl.querySelector('colgroup')) return;\n\n        const colCount = tbl.querySelector('tbody tr')?.querySelectorAll('th, td').length || 1;\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    // [Private] thead 보정\n    #ensureThead(tbl) {\n        if (tbl.querySelector('thead')) return;\n\n        const thead = document.createElement('thead');\n        const colgroup = tbl.querySelector('colgroup');\n        if (colgroup) {\n            colgroup.after(thead);\n        } else {\n            tbl.prepend(thead);\n        }\n    }\n}","import { trace } from \"@nopeer\";\nimport { TableInitializer } from \"./TableInitializer.js\"; // 경로에 맞게 조정 필요\n\nexport class NineTableSheet extends HTMLElement {\n    #tableElement = null;\n    #initializer;\n\n    constructor() {\n        super();\n        this.#initializer = new TableInitializer(this);\n    }\n\n    connectedCallback() {\n        this.#render();\n    }\n\n    /**\n     * 외부(LayoutManager 등)에서 원본 테이블 엘리먼트를 주입받아 초기화 및 보정 수행\n     * @param {HTMLTableElement} tableEl\n     */\n    init(tableEl) {\n        if (!tableEl) return;\n\n        // 원본 테이블 복제 후 TableInitializer를 통한 구조 보정\n        const clonedTable = tableEl.cloneNode(true);\n        this.#tableElement = this.#initializer.initializeTable(clonedTable);\n        this.#tableElement.style.display = 'table';\n\n        const container = this.querySelector('.sheet-content-container');\n        if (container) {\n            container.innerHTML = '';\n            container.appendChild(this.#tableElement);\n        }\n\n        trace.log(`NineTableSheet initialized with table rows: ${this.getRowCount()}`);\n    }\n\n    getRowCount() {\n        if (!this.#tableElement) return 0;\n        return this.#tableElement.querySelectorAll('tbody tr').length;\n    }\n\n    #render() {\n        this.innerHTML = `\n            <style>\n                nine-table-sheet {\n                    display: block;\n                    width: 100%;\n                    height: 100%;\n                    overflow: auto;\n                    position: relative;\n                    box-sizing: border-box;\n                    background: #ffffff;\n                }\n\n                nine-table-sheet .sheet-content-container {\n                    width: 100%;\n                    min-width: fit-content;\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=\"sheet-content-container\">\n                <!-- 테이블이 동적으로 주입되는 영역 -->\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}\n","import './nine-table-sheet.js';\n\nexport class NineTableSheets extends HTMLElement {\n    #shadowRoot;\n\n    constructor() {\n        super();\n        this.#shadowRoot = this.attachShadow({ mode: 'open' });\n    }\n\n    connectedCallback() {\n        this.#render();\n    }\n\n    /**\n     * 외부(LayoutManager 등)에서 테이블 목록을 받아 시트와 스플리터 마크업 구성\n     * @param {HTMLTableElement[]} tables\n     */\n    initSheets(tables) {\n        const body = this.#shadowRoot.querySelector('nine-table-sheets-body');\n        const tabBar = this.#shadowRoot.querySelector('.nine-tab-bar');\n\n        const sheetsHtml = tables.map((_, idx) => {\n            const sheet = `<nine-table-sheet class=\"${idx === 0 ? 'active' : ''}\" data-index=\"${idx}\"></nine-table-sheet>`;\n            if (idx === 0) return sheet;\n            return `<nine-splitter class=\"h\" data-split-index=\"${idx}\"></nine-splitter>${sheet}`;\n        }).join('');\n\n        const tabsHtml = tables.map((_, idx) => `\n            <div class=\"nine-tab-item ${idx === 0 ? 'active' : ''}\" data-index=\"${idx}\">Sheet ${idx + 1}</div>\n        `).join('');\n\n        body.innerHTML = sheetsHtml;\n        tabBar.innerHTML = tabsHtml;\n\n        // 각 시트에 원본 테이블 데이터 주입\n        const sheetElements = body.querySelectorAll('nine-table-sheet');\n        sheetElements.forEach((sheetEl, idx) => {\n            if (tables[idx]) {\n                sheetEl.init(tables[idx]);\n            }\n        });\n\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        const tabBar = this.#shadowRoot.querySelector('.nine-tab-bar');\n        const body = this.#shadowRoot.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        this.#updateSplitters();\n\n        // 마지막으로 활성화된 시트 기준 행 카운트 갱신 전달\n        const activeSheet = body.querySelector(`nine-table-sheet.active`);\n        if (activeSheet && typeof activeSheet.getRowCount === 'function') {\n            const rowCountEl = this.#shadowRoot.querySelector('#row-count');\n            if (rowCountEl) {\n                rowCountEl.textContent = activeSheet.getRowCount().toLocaleString();\n            }\n        }\n\n        // 외부로 현재 선택된 행 개수 이벤트 디스패치 등 확장 가능\n        this.dispatchEvent(new CustomEvent('sheet-switched', {\n            detail: { rowCount: activeSheet ? activeSheet.getRowCount() : 0 },\n            bubbles: true,\n            composed: true\n        }));\n    }\n\n    #updateSplitters() {\n        const body = this.#shadowRoot.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    #render() {\n        this.#shadowRoot.innerHTML = `\n            <style>\n                :host {\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                }\n                nine-table-sheet.active {\n                    display: block !important;\n                }\n                nine-table-sheets-body nine-splitter {\n                    width: 4px;\n                    background: #e5e7eb;\n                    cursor: col-resize;\n                    flex-shrink: 0;\n                    display: none !important;\n                }\n                nine-table-sheets-body nine-splitter.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-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-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-tab-item.active {\n                    background: #ffffff;\n                    color: #111827;\n                    font-weight: 600;\n                    border-bottom: 2px solid #2563eb;\n                }\n                .sheets-counter {\n                    font-size: 12px;\n                    color: #6b7280;\n                    padding-left: 12px;\n                    flex-shrink: 0;\n                }\n            </style>\n            \n            <nine-table-sheets-body></nine-table-sheets-body>\n            <nine-table-sheets-footer>\n                <div class=\"nine-tab-bar\"></div>\n                <div class=\"sheets-counter\">Total : <span id=\"row-count\">0</span></div>\n            </nine-table-sheets-footer>\n        `;\n    }\n}\n\nif (!customElements.get('nine-table-sheets')) {\n    customElements.define('nine-table-sheets', NineTableSheets);\n}","import './nine-table-sheets.js';\n\nexport class LayoutManager {\n    #shadowRoot;\n    #tables = [];\n\n    constructor(shadowRoot) {\n        this.#shadowRoot = shadowRoot;\n    }\n\n    render() {\n        const rawTables = this.#shadowRoot.host.querySelectorAll('table');\n        rawTables.forEach(tbl => {\n            this.#tables.push(tbl);\n            tbl.style.display = 'none';\n        });\n\n        this.#renderLayoutShell();\n        this.#initSheetsContainer();\n    }\n\n    #renderLayoutShell() {\n        const totalRowCount = this.#tables[0] ? this.#tables[0].querySelectorAll('tbody tr').length : 0;\n\n        this.#shadowRoot.innerHTML = `\n            <style>\n                :host { display: flex; flex-direction: column; position: relative; overflow: hidden; height: 100%; background: #fff; }\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            </style>\n            \n            <nine-table-header></nine-table-header>\n            <nine-table-body>\n                <nine-table-summary></nine-table-summary>\n                <nine-splitter></nine-splitter>\n                <nine-table-sheets></nine-table-sheets>\n                <nine-table-analysis></nine-table-analysis>\n            </nine-table-body>\n            <nine-table-footer></nine-table-footer>\n        `;\n    }\n\n    #initSheetsContainer() {\n        const sheetsContainer = this.#shadowRoot.querySelector('nine-table-sheets');\n        if (sheetsContainer && this.#tables.length > 0) {\n            sheetsContainer.initSheets(this.#tables);\n\n            // 시트 전환 이벤트 수신 시 상단 전역 카운터 동기화\n            sheetsContainer.addEventListener('sheet-switched', (e) => {\n                const rowCountEl = this.#shadowRoot.querySelector('#row-count');\n                if (rowCountEl && e.detail) {\n                    rowCountEl.textContent = e.detail.rowCount.toLocaleString();\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","_TableInitializer","container","__privateAdd","_TableInitializer_instances","_container","__privateSet","tbl","__privateMethod","ensureColgroup_fn","ensureThead_fn","colCount","_a","colgroup","defaultWidth","i","col","thead","TableInitializer","_NineTableSheet","_NineTableSheet_instances","_tableElement","_initializer","render_fn","tableEl","clonedTable","__privateGet","NineTableSheet","_NineTableSheets","_NineTableSheets_instances","_shadowRoot","tables","body","tabBar","sheetsHtml","_","idx","sheet","tabsHtml","sheetEl","e","tabItem","isMultiSelect","index","tabItems","sheetElements","tab","clickedTab","activeTabs","targetSheet","activeSheets","initialBasis","updateSplitters_fn","activeSheet","rowCountEl","splitter","splitIndex","leftSheet","rightSheet","NineTableSheets","_LayoutManager","shadowRoot","_LayoutManager_instances","_tables","renderLayoutShell_fn","initSheetsContainer_fn","sheetsContainer","LayoutManager","_NineTable","_created","NineTable"],"mappings":"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"}
+{"version":3,"file":"nine-table.js","sources":["../src/external/NoPeer.js","../src/ui/TableInitializer.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();","export class TableInitializer {\n    #container;\n\n    constructor(container) {\n        this.#container = container;\n    }\n\n    // [Public] 테이블 초기화 진입점 (필요한 최소한의 마크업 보정만 수행)\n    initializeTable(tbl) {\n        this.#ensureColgroup(tbl);\n        this.#ensureThead(tbl);\n\n        tbl.classList.add('nine-table-element');\n        return tbl;\n    }\n\n    // [Private] colgroup 보정\n    #ensureColgroup(tbl) {\n        if (tbl.querySelector('colgroup')) return;\n\n        const colCount = tbl.querySelector('tbody tr')?.querySelectorAll('th, td').length || 1;\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    // [Private] thead 보정\n    #ensureThead(tbl) {\n        if (tbl.querySelector('thead')) return;\n\n        const thead = document.createElement('thead');\n        const colgroup = tbl.querySelector('colgroup');\n        if (colgroup) {\n            colgroup.after(thead);\n        } else {\n            tbl.prepend(thead);\n        }\n    }\n}","import { trace } from \"@nopeer\";\nimport { TableInitializer } from \"./TableInitializer.js\"; // 경로에 맞게 조정 필요\n\nexport class NineTableSheet extends HTMLElement {\n    #tableElement = null;\n    #initializer;\n\n    constructor() {\n        super();\n        this.#initializer = new TableInitializer(this);\n    }\n\n    connectedCallback() {\n        this.#render();\n    }\n\n    /**\n     * 외부(LayoutManager 등)에서 원본 테이블 엘리먼트를 주입받아 초기화 및 보정 수행\n     * @param {HTMLTableElement} tableEl\n     */\n    init(tableEl) {\n        if (!tableEl) return;\n\n        // 원본 테이블 복제 후 TableInitializer를 통한 구조 보정\n        const clonedTable = tableEl.cloneNode(true);\n        this.#tableElement = this.#initializer.initializeTable(clonedTable);\n        this.#tableElement.style.display = 'table';\n\n        const container = this.querySelector('.sheet-content-container');\n        if (container) {\n            container.innerHTML = '';\n            container.appendChild(this.#tableElement);\n        }\n\n        trace.log(`NineTableSheet initialized with table rows: ${this.getRowCount()}`);\n    }\n\n    getRowCount() {\n        if (!this.#tableElement) return 0;\n        return this.#tableElement.querySelectorAll('tbody tr').length;\n    }\n\n    #render() {\n        this.innerHTML = `\n            <style>\n                nine-table-sheet {\n                    display: block;\n                    width: 100%;\n                    height: 100%;\n                    overflow: auto;\n                    position: relative;\n                    box-sizing: border-box;\n                    background: #ffffff;\n                }\n\n                nine-table-sheet .sheet-content-container {\n                    width: 100%;\n                    min-width: fit-content;\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=\"sheet-content-container\">\n                <!-- 테이블이 동적으로 주입되는 영역 -->\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}\n","import './nine-table-sheet.js';\n\nexport class NineTableSheets extends HTMLElement {\n    constructor() {\n        super();\n    }\n\n    connectedCallback() {\n        this.#render();\n    }\n\n    /**\n     * 외부(LayoutManager 등)에서 테이블 목록을 받아 시트와 스플리터 마크업 구성\n     * @param {HTMLTableElement[]} tables\n     */\n    initSheets(tables) {\n        const body = this.querySelector('nine-table-sheets-body');\n        const tabBar = this.querySelector('.nine-tab-bar');\n\n        const sheetsHtml = tables.map((_, idx) => {\n            const sheet = `<nine-table-sheet class=\"${idx === 0 ? 'active' : ''}\" data-index=\"${idx}\"></nine-table-sheet>`;\n            if (idx === 0) return sheet;\n            return `<nine-splitter class=\"h\" data-split-index=\"${idx}\"></nine-splitter>${sheet}`;\n        }).join('');\n\n        const tabsHtml = tables.map((_, idx) => `\n            <div class=\"nine-tab-item ${idx === 0 ? 'active' : ''}\" data-index=\"${idx}\">Sheet ${idx + 1}</div>\n        `).join('');\n\n        body.innerHTML = sheetsHtml;\n        tabBar.innerHTML = tabsHtml;\n\n        // 각 시트에 원본 테이블 데이터 주입\n        const sheetElements = body.querySelectorAll('nine-table-sheet');\n        sheetElements.forEach((sheetEl, idx) => {\n            if (tables[idx]) {\n                sheetEl.init(tables[idx]);\n            }\n        });\n\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        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        this.#updateSplitters();\n\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        this.dispatchEvent(new CustomEvent('sheet-switched', {\n            detail: { rowCount: activeSheet ? activeSheet.getRowCount() : 0 },\n            bubbles: true,\n            composed: true\n        }));\n    }\n\n    #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    #render() {\n        this.innerHTML = `\n            <style>\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                }\n                nine-table-sheet.active {\n                    display: block !important;\n                }\n                nine-table-sheets-body nine-splitter {\n                    width: 4px;\n                    background: #e5e7eb;\n                    cursor: col-resize;\n                    flex-shrink: 0;\n                    display: none !important;\n                }\n                nine-table-sheets-body nine-splitter.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-sheets-body></nine-table-sheets-body>\n            <nine-table-sheets-footer>\n                <div class=\"nine-tab-bar\"></div>\n                <div class=\"sheets-counter\">Total : <span id=\"row-count\">0</span></div>\n            </nine-table-sheets-footer>\n        `;\n    }\n}\n\nif (!customElements.get('nine-table-sheets')) {\n    customElements.define('nine-table-sheets', NineTableSheets);\n}","import './nine-table-sheets.js';\n\nexport class LayoutManager {\n    #shadowRoot;\n    #tables = [];\n\n    constructor(shadowRoot) {\n        this.#shadowRoot = shadowRoot;\n    }\n\n    render() {\n        const rawTables = this.#shadowRoot.host.querySelectorAll('table');\n        rawTables.forEach(tbl => {\n            this.#tables.push(tbl);\n            tbl.style.display = 'none';\n        });\n\n        this.#renderLayoutShell();\n        this.#initSheetsContainer();\n    }\n\n    #renderLayoutShell() {\n        const totalRowCount = this.#tables[0] ? this.#tables[0].querySelectorAll('tbody tr').length : 0;\n\n        this.#shadowRoot.innerHTML = `\n            <style>\n                :host { display: flex; flex-direction: column; position: relative; overflow: hidden; height: 100%; background: #fff; }\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            </style>\n            \n            <nine-table-header></nine-table-header>\n            <nine-table-body>\n                <nine-table-summary></nine-table-summary>\n                <nine-table-sheets></nine-table-sheets>\n                <nine-table-analysis></nine-table-analysis>\n            </nine-table-body>\n            <nine-table-footer></nine-table-footer>\n        `;\n    }\n\n    #initSheetsContainer() {\n        const sheetsContainer = this.#shadowRoot.querySelector('nine-table-sheets');\n        if (sheetsContainer && this.#tables.length > 0) {\n            sheetsContainer.initSheets(this.#tables);\n\n            // 시트 전환 이벤트 수신 시 상단 전역 카운터 동기화\n            sheetsContainer.addEventListener('sheet-switched', (e) => {\n                const rowCountEl = this.#shadowRoot.querySelector('#row-count');\n                if (rowCountEl && e.detail) {\n                    rowCountEl.textContent = e.detail.rowCount.toLocaleString();\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","_TableInitializer","container","__privateAdd","_TableInitializer_instances","_container","__privateSet","tbl","__privateMethod","ensureColgroup_fn","ensureThead_fn","colCount","_a","colgroup","defaultWidth","i","col","thead","TableInitializer","_NineTableSheet","_NineTableSheet_instances","_tableElement","_initializer","render_fn","tableEl","clonedTable","__privateGet","NineTableSheet","_NineTableSheets","_NineTableSheets_instances","tables","body","tabBar","sheetsHtml","_","idx","sheet","tabsHtml","sheetEl","e","tabItem","isMultiSelect","index","tabItems","sheetElements","tab","clickedTab","activeTabs","targetSheet","activeSheets","initialBasis","updateSplitters_fn","activeSheet","rowCountEl","splitter","splitIndex","leftSheet","rightSheet","NineTableSheets","_LayoutManager","shadowRoot","_LayoutManager_instances","_shadowRoot","_tables","renderLayoutShell_fn","initSheetsContainer_fn","sheetsContainer","LayoutManager","_NineTable","_created","NineTable"],"mappings":"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"}

package/dist/nine-table.umd.js

@@ -1,4 +1,4 @@
-(function(t,i){typeof exports=="object"&&typeof module<"u"?i(require("@ninebone/util")):typeof define=="function"&&define.amd?define(["@ninebone/util"],i):(t=typeof globalThis<"u"?globalThis:t||self,i(t.NineboneUtil))})(this,function(t){"use strict";var Y=Object.defineProperty;var G=t=>{throw TypeError(t)};var d=(t,i)=>Y(t,"name",{value:i,configurable:!0});var F=(t,i,a)=>i.has(t)||G("Cannot "+a);var s=(t,i,a)=>(F(t,i,"read from private field"),a?a.call(t):i.get(t)),u=(t,i,a)=>i.has(t)?G("Cannot add the same private member more than once"):i instanceof WeakSet?i.add(t):i.set(t,a),E=(t,i,a,q)=>(F(t,i,"write to private field"),q?q.call(t,a):i.set(t,a),a),v=(t,i,a)=>(F(t,i,"access private method"),a);var M,k,J,N,g,T,A,O,p,C,P,Q,x,m,L,V,X,$;const I=class I extends t.trace.constructor{constructor(){super(),this.init("nine-table","green")}};d(I,"Trace");let i=I;const a=new i,B=class B{constructor(n){u(this,k);u(this,M);E(this,M,n)}initializeTable(n){return v(this,k,J).call(this,n),v(this,k,N).call(this,n),n.classList.add("nine-table-element"),n}};M=new WeakMap,k=new WeakSet,J=d(function(n){var h;if(n.querySelector("colgroup"))return;const e=((h=n.querySelector("tbody tr"))==null?void 0:h.querySelectorAll("th, td").length)||1,r=document.createElement("colgroup"),c=Math.max(Math.floor((n.clientWidth||600)/e),100);for(let y=0;y<e;y++){const w=document.createElement("col");w.setAttribute("width",c),r.appendChild(w)}n.prepend(r)},"#ensureColgroup"),N=d(function(n){if(n.querySelector("thead"))return;const e=document.createElement("thead"),r=n.querySelector("colgroup");r?r.after(e):n.prepend(e)},"#ensureThead"),d(B,"TableInitializer");let q=B;const K=class K extends HTMLElement{constructor(){super();u(this,A);u(this,g,null);u(this,T);E(this,T,new q(this))}connectedCallback(){v(this,A,O).call(this)}init(e){if(!e)return;const r=e.cloneNode(!0);E(this,g,s(this,T).initializeTable(r)),s(this,g).style.display="table";const c=this.querySelector(".sheet-content-container");c&&(c.innerHTML="",c.appendChild(s(this,g))),a.log(`NineTableSheet initialized with table rows: ${this.getRowCount()}`)}getRowCount(){return s(this,g)?s(this,g).querySelectorAll("tbody tr").length:0}disconnectedCallback(){this.innerHTML="",a.log("NineTableSheet destroyed.")}};g=new WeakMap,T=new WeakMap,A=new WeakSet,O=d(function(){this.innerHTML=`
+(function(t,i){typeof exports=="object"&&typeof module<"u"?i(require("@ninebone/util")):typeof define=="function"&&define.amd?define(["@ninebone/util"],i):(t=typeof globalThis<"u"?globalThis:t||self,i(t.NineboneUtil))})(this,function(t){"use strict";var X=Object.defineProperty;var F=t=>{throw TypeError(t)};var h=(t,i)=>X(t,"name",{value:i,configurable:!0});var D=(t,i,l)=>i.has(t)||F("Cannot "+l);var r=(t,i,l)=>(D(t,i,"read from private field"),l?l.call(t):i.get(t)),p=(t,i,l)=>i.has(t)?F("Cannot add the same private member more than once"):i instanceof WeakSet?i.add(t):i.set(t,l),C=(t,i,l,S)=>(D(t,i,"write to private field"),S?S.call(t,l):i.set(t,l),l),w=(t,i,l)=>(D(t,i,"access private method"),l);var $,E,G,J,y,L,M,N,q,O,P,g,x,k,Q,V,T;const j=class j extends t.trace.constructor{constructor(){super(),this.init("nine-table","green")}};h(j,"Trace");let i=j;const l=new i,I=class I{constructor(n){p(this,E);p(this,$);C(this,$,n)}initializeTable(n){return w(this,E,G).call(this,n),w(this,E,J).call(this,n),n.classList.add("nine-table-element"),n}};$=new WeakMap,E=new WeakSet,G=h(function(n){var d;if(n.querySelector("colgroup"))return;const e=((d=n.querySelector("tbody tr"))==null?void 0:d.querySelectorAll("th, td").length)||1,a=document.createElement("colgroup"),c=Math.max(Math.floor((n.clientWidth||600)/e),100);for(let u=0;u<e;u++){const m=document.createElement("col");m.setAttribute("width",c),a.appendChild(m)}n.prepend(a)},"#ensureColgroup"),J=h(function(n){if(n.querySelector("thead"))return;const e=document.createElement("thead"),a=n.querySelector("colgroup");a?a.after(e):n.prepend(e)},"#ensureThead"),h(I,"TableInitializer");let S=I;const B=class B extends HTMLElement{constructor(){super();p(this,M);p(this,y,null);p(this,L);C(this,L,new S(this))}connectedCallback(){w(this,M,N).call(this)}init(e){if(!e)return;const a=e.cloneNode(!0);C(this,y,r(this,L).initializeTable(a)),r(this,y).style.display="table";const c=this.querySelector(".sheet-content-container");c&&(c.innerHTML="",c.appendChild(r(this,y))),l.log(`NineTableSheet initialized with table rows: ${this.getRowCount()}`)}getRowCount(){return r(this,y)?r(this,y).querySelectorAll("tbody tr").length:0}disconnectedCallback(){this.innerHTML="",l.log("NineTableSheet destroyed.")}};y=new WeakMap,L=new WeakMap,M=new WeakSet,N=h(function(){this.innerHTML=`
             <style>
                 nine-table-sheet {
                     display: block;
@@ -42,11 +42,11 @@
             <div class="sheet-content-container">
                 <!-- 테이블이 동적으로 주입되는 영역 -->
             </div>
-        `},"#render"),d(K,"NineTableSheet");let H=K;customElements.get("nine-table-sheet")||customElements.define("nine-table-sheet",H);const W=class W extends HTMLElement{constructor(){super();u(this,C);u(this,p);E(this,p,this.attachShadow({mode:"open"}))}connectedCallback(){v(this,C,Q).call(this)}initSheets(e){const r=s(this,p).querySelector("nine-table-sheets-body"),c=s(this,p).querySelector(".nine-tab-bar"),h=e.map((b,o)=>{const l=`<nine-table-sheet class="${o===0?"active":""}" data-index="${o}"></nine-table-sheet>`;return o===0?l:`<nine-splitter class="h" data-split-index="${o}"></nine-splitter>${l}`}).join(""),y=e.map((b,o)=>`
-            <div class="nine-tab-item ${o===0?"active":""}" data-index="${o}">Sheet ${o+1}</div>
-        `).join("");r.innerHTML=h,c.innerHTML=y,r.querySelectorAll("nine-table-sheet").forEach((b,o)=>{e[o]&&b.init(e[o])}),c.addEventListener("click",b=>{const o=b.target.closest(".nine-tab-item");if(!o)return;const l=b.ctrlKey||b.metaKey||b.shiftKey,f=parseInt(o.dataset.index,10);this.switchSheet(f,l)}),this.switchSheet(0,!1)}switchSheet(e,r=!1){const c=s(this,p).querySelector(".nine-tab-bar"),h=s(this,p).querySelector("nine-table-sheets-body"),y=c.querySelectorAll(".nine-tab-item"),w=h.querySelectorAll("nine-table-sheet");if(!y[e])return;if(!r)y.forEach((l,f)=>{l.classList.toggle("active",f===e);const S=h.querySelector(`nine-table-sheet[data-index="${f}"]`);S&&(S.style.flex="")}),w.forEach((l,f)=>{l.classList.toggle("active",f===e)});else{const l=y[e],f=c.querySelectorAll(".nine-tab-item.active");if(l.classList.contains("active")&&f.length<=1)return;l.classList.toggle("active");const S=h.querySelector(`nine-table-sheet[data-index="${e}"]`);S&&(S.classList.toggle("active"),S.classList.contains("active")||(S.style.flex=""))}const b=Array.from(h.querySelectorAll("nine-table-sheet.active"));if(b.length>1){const l=1/b.length;b.forEach(f=>{(!f.style.flex||f.style.flex==="1 1 100%")&&(f.style.flex=`${l} ${l} 0px`)})}else b.forEach(l=>{l.style.flex="1 1 100%"});v(this,C,P).call(this);const o=h.querySelector("nine-table-sheet.active");if(o&&typeof o.getRowCount=="function"){const l=s(this,p).querySelector("#row-count");l&&(l.textContent=o.getRowCount().toLocaleString())}this.dispatchEvent(new CustomEvent("sheet-switched",{detail:{rowCount:o?o.getRowCount():0},bubbles:!0,composed:!0}))}};p=new WeakMap,C=new WeakSet,P=d(function(){const e=s(this,p).querySelector("nine-table-sheets-body");e.querySelectorAll("nine-splitter").forEach(c=>{const h=parseInt(c.dataset.splitIndex,10),y=e.querySelector(`nine-table-sheet[data-index="${h-1}"]`),w=e.querySelector(`nine-table-sheet[data-index="${h}"]`);y&&w&&y.classList.contains("active")&&w.classList.contains("active")?c.classList.add("active"):c.classList.remove("active")})},"#updateSplitters"),Q=d(function(){s(this,p).innerHTML=`
+        `},"#render"),h(B,"NineTableSheet");let A=B;customElements.get("nine-table-sheet")||customElements.define("nine-table-sheet",A);const K=class K extends HTMLElement{constructor(){super();p(this,q)}connectedCallback(){w(this,q,P).call(this)}initSheets(e){const a=this.querySelector("nine-table-sheets-body"),c=this.querySelector(".nine-tab-bar"),d=e.map((b,s)=>{const o=`<nine-table-sheet class="${s===0?"active":""}" data-index="${s}"></nine-table-sheet>`;return s===0?o:`<nine-splitter class="h" data-split-index="${s}"></nine-splitter>${o}`}).join(""),u=e.map((b,s)=>`
+            <div class="nine-tab-item ${s===0?"active":""}" data-index="${s}">Sheet ${s+1}</div>
+        `).join("");a.innerHTML=d,c.innerHTML=u,a.querySelectorAll("nine-table-sheet").forEach((b,s)=>{e[s]&&b.init(e[s])}),c.addEventListener("click",b=>{const s=b.target.closest(".nine-tab-item");if(!s)return;const o=b.ctrlKey||b.metaKey||b.shiftKey,f=parseInt(s.dataset.index,10);this.switchSheet(f,o)}),this.switchSheet(0,!1)}switchSheet(e,a=!1){const c=this.querySelector(".nine-tab-bar"),d=this.querySelector("nine-table-sheets-body"),u=c.querySelectorAll(".nine-tab-item"),m=d.querySelectorAll("nine-table-sheet");if(!u[e])return;if(!a)u.forEach((o,f)=>{o.classList.toggle("active",f===e);const v=d.querySelector(`nine-table-sheet[data-index="${f}"]`);v&&(v.style.flex="")}),m.forEach((o,f)=>{o.classList.toggle("active",f===e)});else{const o=u[e],f=c.querySelectorAll(".nine-tab-item.active");if(o.classList.contains("active")&&f.length<=1)return;o.classList.toggle("active");const v=d.querySelector(`nine-table-sheet[data-index="${e}"]`);v&&(v.classList.toggle("active"),v.classList.contains("active")||(v.style.flex=""))}const b=Array.from(d.querySelectorAll("nine-table-sheet.active"));if(b.length>1){const o=1/b.length;b.forEach(f=>{(!f.style.flex||f.style.flex==="1 1 100%")&&(f.style.flex=`${o} ${o} 0px`)})}else b.forEach(o=>{o.style.flex="1 1 100%"});w(this,q,O).call(this);const s=d.querySelector("nine-table-sheet.active");if(s&&typeof s.getRowCount=="function"){const o=this.querySelector("#row-count");o&&(o.textContent=s.getRowCount().toLocaleString())}this.dispatchEvent(new CustomEvent("sheet-switched",{detail:{rowCount:s?s.getRowCount():0},bubbles:!0,composed:!0}))}};q=new WeakSet,O=h(function(){const e=this.querySelector("nine-table-sheets-body");e.querySelectorAll("nine-splitter").forEach(c=>{const d=parseInt(c.dataset.splitIndex,10),u=e.querySelector(`nine-table-sheet[data-index="${d-1}"]`),m=e.querySelector(`nine-table-sheet[data-index="${d}"]`);u&&m&&u.classList.contains("active")&&m.classList.contains("active")?c.classList.add("active"):c.classList.remove("active")})},"#updateSplitters"),P=h(function(){this.innerHTML=`
             <style>
-                :host {
+                nine-table-sheets {
                     flex: 1;
                     display: flex;
                     flex-direction: column;
@@ -89,7 +89,7 @@
                     padding: 0 8px;
                     flex-shrink: 0;
                 }
-                .nine-tab-bar {
+                nine-table-sheets .nine-tab-bar {
                     display: flex;
                     align-items: center;
                     gap: 2px;
@@ -97,7 +97,7 @@
                     flex: 1;
                     height: 100%;
                 }
-                .nine-tab-item {
+                nine-table-sheets .nine-tab-item {
                     padding: 4px 12px;
                     cursor: pointer;
                     font-size: 12px;
@@ -108,13 +108,13 @@
                     border-radius: 0 0 3px 3px;
                     user-select: none;
                 }
-                .nine-tab-item.active {
+                nine-table-sheets .nine-tab-item.active {
                     background: #ffffff;
                     color: #111827;
                     font-weight: 600;
                     border-bottom: 2px solid #2563eb;
                 }
-                .sheets-counter {
+                nine-table-sheets .sheets-counter {
                     font-size: 12px;
                     color: #6b7280;
                     padding-left: 12px;
@@ -127,7 +127,7 @@
                 <div class="nine-tab-bar"></div>
                 <div class="sheets-counter">Total : <span id="row-count">0</span></div>
             </nine-table-sheets-footer>
-        `},"#render"),d(W,"NineTableSheets");let z=W;customElements.get("nine-table-sheets")||customElements.define("nine-table-sheets",z);const U=class U{constructor(n){u(this,L);u(this,x);u(this,m,[]);E(this,x,n)}render(){s(this,x).host.querySelectorAll("table").forEach(e=>{s(this,m).push(e),e.style.display="none"}),v(this,L,V).call(this),v(this,L,X).call(this)}};x=new WeakMap,m=new WeakMap,L=new WeakSet,V=d(function(){s(this,m)[0]&&s(this,m)[0].querySelectorAll("tbody tr").length,s(this,x).innerHTML=`
+        `},"#render"),h(K,"NineTableSheets");let H=K;customElements.get("nine-table-sheets")||customElements.define("nine-table-sheets",H);const W=class W{constructor(n){p(this,k);p(this,g);p(this,x,[]);C(this,g,n)}render(){r(this,g).host.querySelectorAll("table").forEach(e=>{r(this,x).push(e),e.style.display="none"}),w(this,k,Q).call(this),w(this,k,V).call(this)}};g=new WeakMap,x=new WeakMap,k=new WeakSet,Q=h(function(){r(this,x)[0]&&r(this,x)[0].querySelectorAll("tbody tr").length,r(this,g).innerHTML=`
             <style>
                 :host { display: flex; flex-direction: column; position: relative; overflow: hidden; height: 100%; background: #fff; }
                 nine-table-header { height: 40px; display: block; flex-shrink: 0; border-bottom: 1px solid #e5e7eb; background: #fff; }
@@ -141,10 +141,9 @@
             <nine-table-header></nine-table-header>
             <nine-table-body>
                 <nine-table-summary></nine-table-summary>
-                <nine-splitter></nine-splitter>
                 <nine-table-sheets></nine-table-sheets>
                 <nine-table-analysis></nine-table-analysis>
             </nine-table-body>
             <nine-table-footer></nine-table-footer>
-        `},"#renderLayoutShell"),X=d(function(){const n=s(this,x).querySelector("nine-table-sheets");n&&s(this,m).length>0&&(n.initSheets(s(this,m)),n.addEventListener("sheet-switched",e=>{const r=s(this,x).querySelector("#row-count");r&&e.detail&&(r.textContent=e.detail.rowCount.toLocaleString())}))},"#initSheetsContainer"),d(U,"LayoutManager");let R=U;const D=class D extends HTMLElement{constructor(){super();u(this,$,!1);this.attachShadow({mode:"open"})}connectedCallback(){s(this,$)||(this.layoutManager=new R(this.shadowRoot),this.layoutManager.render(),E(this,$,!0),a.log("NineTable connected."),this.dispatchEvent(new CustomEvent("load",{bubbles:!0,detail:{target:this}})))}disconnectedCallback(){a.log("NineTable disconnected.")}};$=new WeakMap,d(D,"NineTable");let j=D;customElements.get("nine-table")||customElements.define("nine-table",j)});
+        `},"#renderLayoutShell"),V=h(function(){const n=r(this,g).querySelector("nine-table-sheets");n&&r(this,x).length>0&&(n.initSheets(r(this,x)),n.addEventListener("sheet-switched",e=>{const a=r(this,g).querySelector("#row-count");a&&e.detail&&(a.textContent=e.detail.rowCount.toLocaleString())}))},"#initSheetsContainer"),h(W,"LayoutManager");let z=W;const U=class U extends HTMLElement{constructor(){super();p(this,T,!1);this.attachShadow({mode:"open"})}connectedCallback(){r(this,T)||(this.layoutManager=new z(this.shadowRoot),this.layoutManager.render(),C(this,T,!0),l.log("NineTable connected."),this.dispatchEvent(new CustomEvent("load",{bubbles:!0,detail:{target:this}})))}disconnectedCallback(){l.log("NineTable disconnected.")}};T=new WeakMap,h(U,"NineTable");let R=U;customElements.get("nine-table")||customElements.define("nine-table",R)});
 //# 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/TableInitializer.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();","export class TableInitializer {\n    #container;\n\n    constructor(container) {\n        this.#container = container;\n    }\n\n    // [Public] 테이블 초기화 진입점 (필요한 최소한의 마크업 보정만 수행)\n    initializeTable(tbl) {\n        this.#ensureColgroup(tbl);\n        this.#ensureThead(tbl);\n\n        tbl.classList.add('nine-table-element');\n        return tbl;\n    }\n\n    // [Private] colgroup 보정\n    #ensureColgroup(tbl) {\n        if (tbl.querySelector('colgroup')) return;\n\n        const colCount = tbl.querySelector('tbody tr')?.querySelectorAll('th, td').length || 1;\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    // [Private] thead 보정\n    #ensureThead(tbl) {\n        if (tbl.querySelector('thead')) return;\n\n        const thead = document.createElement('thead');\n        const colgroup = tbl.querySelector('colgroup');\n        if (colgroup) {\n            colgroup.after(thead);\n        } else {\n            tbl.prepend(thead);\n        }\n    }\n}","import { trace } from \"@nopeer\";\nimport { TableInitializer } from \"./TableInitializer.js\"; // 경로에 맞게 조정 필요\n\nexport class NineTableSheet extends HTMLElement {\n    #tableElement = null;\n    #initializer;\n\n    constructor() {\n        super();\n        this.#initializer = new TableInitializer(this);\n    }\n\n    connectedCallback() {\n        this.#render();\n    }\n\n    /**\n     * 외부(LayoutManager 등)에서 원본 테이블 엘리먼트를 주입받아 초기화 및 보정 수행\n     * @param {HTMLTableElement} tableEl\n     */\n    init(tableEl) {\n        if (!tableEl) return;\n\n        // 원본 테이블 복제 후 TableInitializer를 통한 구조 보정\n        const clonedTable = tableEl.cloneNode(true);\n        this.#tableElement = this.#initializer.initializeTable(clonedTable);\n        this.#tableElement.style.display = 'table';\n\n        const container = this.querySelector('.sheet-content-container');\n        if (container) {\n            container.innerHTML = '';\n            container.appendChild(this.#tableElement);\n        }\n\n        trace.log(`NineTableSheet initialized with table rows: ${this.getRowCount()}`);\n    }\n\n    getRowCount() {\n        if (!this.#tableElement) return 0;\n        return this.#tableElement.querySelectorAll('tbody tr').length;\n    }\n\n    #render() {\n        this.innerHTML = `\n            <style>\n                nine-table-sheet {\n                    display: block;\n                    width: 100%;\n                    height: 100%;\n                    overflow: auto;\n                    position: relative;\n                    box-sizing: border-box;\n                    background: #ffffff;\n                }\n\n                nine-table-sheet .sheet-content-container {\n                    width: 100%;\n                    min-width: fit-content;\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=\"sheet-content-container\">\n                <!-- 테이블이 동적으로 주입되는 영역 -->\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}\n","import './nine-table-sheet.js';\n\nexport class NineTableSheets extends HTMLElement {\n    #shadowRoot;\n\n    constructor() {\n        super();\n        this.#shadowRoot = this.attachShadow({ mode: 'open' });\n    }\n\n    connectedCallback() {\n        this.#render();\n    }\n\n    /**\n     * 외부(LayoutManager 등)에서 테이블 목록을 받아 시트와 스플리터 마크업 구성\n     * @param {HTMLTableElement[]} tables\n     */\n    initSheets(tables) {\n        const body = this.#shadowRoot.querySelector('nine-table-sheets-body');\n        const tabBar = this.#shadowRoot.querySelector('.nine-tab-bar');\n\n        const sheetsHtml = tables.map((_, idx) => {\n            const sheet = `<nine-table-sheet class=\"${idx === 0 ? 'active' : ''}\" data-index=\"${idx}\"></nine-table-sheet>`;\n            if (idx === 0) return sheet;\n            return `<nine-splitter class=\"h\" data-split-index=\"${idx}\"></nine-splitter>${sheet}`;\n        }).join('');\n\n        const tabsHtml = tables.map((_, idx) => `\n            <div class=\"nine-tab-item ${idx === 0 ? 'active' : ''}\" data-index=\"${idx}\">Sheet ${idx + 1}</div>\n        `).join('');\n\n        body.innerHTML = sheetsHtml;\n        tabBar.innerHTML = tabsHtml;\n\n        // 각 시트에 원본 테이블 데이터 주입\n        const sheetElements = body.querySelectorAll('nine-table-sheet');\n        sheetElements.forEach((sheetEl, idx) => {\n            if (tables[idx]) {\n                sheetEl.init(tables[idx]);\n            }\n        });\n\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        const tabBar = this.#shadowRoot.querySelector('.nine-tab-bar');\n        const body = this.#shadowRoot.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        this.#updateSplitters();\n\n        // 마지막으로 활성화된 시트 기준 행 카운트 갱신 전달\n        const activeSheet = body.querySelector(`nine-table-sheet.active`);\n        if (activeSheet && typeof activeSheet.getRowCount === 'function') {\n            const rowCountEl = this.#shadowRoot.querySelector('#row-count');\n            if (rowCountEl) {\n                rowCountEl.textContent = activeSheet.getRowCount().toLocaleString();\n            }\n        }\n\n        // 외부로 현재 선택된 행 개수 이벤트 디스패치 등 확장 가능\n        this.dispatchEvent(new CustomEvent('sheet-switched', {\n            detail: { rowCount: activeSheet ? activeSheet.getRowCount() : 0 },\n            bubbles: true,\n            composed: true\n        }));\n    }\n\n    #updateSplitters() {\n        const body = this.#shadowRoot.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    #render() {\n        this.#shadowRoot.innerHTML = `\n            <style>\n                :host {\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                }\n                nine-table-sheet.active {\n                    display: block !important;\n                }\n                nine-table-sheets-body nine-splitter {\n                    width: 4px;\n                    background: #e5e7eb;\n                    cursor: col-resize;\n                    flex-shrink: 0;\n                    display: none !important;\n                }\n                nine-table-sheets-body nine-splitter.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-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-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-tab-item.active {\n                    background: #ffffff;\n                    color: #111827;\n                    font-weight: 600;\n                    border-bottom: 2px solid #2563eb;\n                }\n                .sheets-counter {\n                    font-size: 12px;\n                    color: #6b7280;\n                    padding-left: 12px;\n                    flex-shrink: 0;\n                }\n            </style>\n            \n            <nine-table-sheets-body></nine-table-sheets-body>\n            <nine-table-sheets-footer>\n                <div class=\"nine-tab-bar\"></div>\n                <div class=\"sheets-counter\">Total : <span id=\"row-count\">0</span></div>\n            </nine-table-sheets-footer>\n        `;\n    }\n}\n\nif (!customElements.get('nine-table-sheets')) {\n    customElements.define('nine-table-sheets', NineTableSheets);\n}","import './nine-table-sheets.js';\n\nexport class LayoutManager {\n    #shadowRoot;\n    #tables = [];\n\n    constructor(shadowRoot) {\n        this.#shadowRoot = shadowRoot;\n    }\n\n    render() {\n        const rawTables = this.#shadowRoot.host.querySelectorAll('table');\n        rawTables.forEach(tbl => {\n            this.#tables.push(tbl);\n            tbl.style.display = 'none';\n        });\n\n        this.#renderLayoutShell();\n        this.#initSheetsContainer();\n    }\n\n    #renderLayoutShell() {\n        const totalRowCount = this.#tables[0] ? this.#tables[0].querySelectorAll('tbody tr').length : 0;\n\n        this.#shadowRoot.innerHTML = `\n            <style>\n                :host { display: flex; flex-direction: column; position: relative; overflow: hidden; height: 100%; background: #fff; }\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            </style>\n            \n            <nine-table-header></nine-table-header>\n            <nine-table-body>\n                <nine-table-summary></nine-table-summary>\n                <nine-splitter></nine-splitter>\n                <nine-table-sheets></nine-table-sheets>\n                <nine-table-analysis></nine-table-analysis>\n            </nine-table-body>\n            <nine-table-footer></nine-table-footer>\n        `;\n    }\n\n    #initSheetsContainer() {\n        const sheetsContainer = this.#shadowRoot.querySelector('nine-table-sheets');\n        if (sheetsContainer && this.#tables.length > 0) {\n            sheetsContainer.initSheets(this.#tables);\n\n            // 시트 전환 이벤트 수신 시 상단 전역 카운터 동기화\n            sheetsContainer.addEventListener('sheet-switched', (e) => {\n                const rowCountEl = this.#shadowRoot.querySelector('#row-count');\n                if (rowCountEl && e.detail) {\n                    rowCountEl.textContent = e.detail.rowCount.toLocaleString();\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","_TableInitializer","container","__privateAdd","_TableInitializer_instances","_container","__privateSet","tbl","__privateMethod","ensureColgroup_fn","ensureThead_fn","colCount","_a","colgroup","defaultWidth","i","col","thead","TableInitializer","_NineTableSheet","_NineTableSheet_instances","_tableElement","_initializer","render_fn","tableEl","clonedTable","__privateGet","NineTableSheet","_NineTableSheets","_NineTableSheets_instances","_shadowRoot","tables","body","tabBar","sheetsHtml","_","idx","sheet","tabsHtml","sheetEl","e","tabItem","isMultiSelect","index","tabItems","sheetElements","tab","clickedTab","activeTabs","targetSheet","activeSheets","initialBasis","updateSplitters_fn","activeSheet","rowCountEl","splitter","splitIndex","leftSheet","rightSheet","NineTableSheets","_LayoutManager","shadowRoot","_LayoutManager_instances","_tables","renderLayoutShell_fn","initSheetsContainer_fn","sheetsContainer","LayoutManager","_NineTable","_created","NineTable"],"mappings":"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"}
+{"version":3,"file":"nine-table.umd.js","sources":["../src/external/NoPeer.js","../src/ui/TableInitializer.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();","export class TableInitializer {\n    #container;\n\n    constructor(container) {\n        this.#container = container;\n    }\n\n    // [Public] 테이블 초기화 진입점 (필요한 최소한의 마크업 보정만 수행)\n    initializeTable(tbl) {\n        this.#ensureColgroup(tbl);\n        this.#ensureThead(tbl);\n\n        tbl.classList.add('nine-table-element');\n        return tbl;\n    }\n\n    // [Private] colgroup 보정\n    #ensureColgroup(tbl) {\n        if (tbl.querySelector('colgroup')) return;\n\n        const colCount = tbl.querySelector('tbody tr')?.querySelectorAll('th, td').length || 1;\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    // [Private] thead 보정\n    #ensureThead(tbl) {\n        if (tbl.querySelector('thead')) return;\n\n        const thead = document.createElement('thead');\n        const colgroup = tbl.querySelector('colgroup');\n        if (colgroup) {\n            colgroup.after(thead);\n        } else {\n            tbl.prepend(thead);\n        }\n    }\n}","import { trace } from \"@nopeer\";\nimport { TableInitializer } from \"./TableInitializer.js\"; // 경로에 맞게 조정 필요\n\nexport class NineTableSheet extends HTMLElement {\n    #tableElement = null;\n    #initializer;\n\n    constructor() {\n        super();\n        this.#initializer = new TableInitializer(this);\n    }\n\n    connectedCallback() {\n        this.#render();\n    }\n\n    /**\n     * 외부(LayoutManager 등)에서 원본 테이블 엘리먼트를 주입받아 초기화 및 보정 수행\n     * @param {HTMLTableElement} tableEl\n     */\n    init(tableEl) {\n        if (!tableEl) return;\n\n        // 원본 테이블 복제 후 TableInitializer를 통한 구조 보정\n        const clonedTable = tableEl.cloneNode(true);\n        this.#tableElement = this.#initializer.initializeTable(clonedTable);\n        this.#tableElement.style.display = 'table';\n\n        const container = this.querySelector('.sheet-content-container');\n        if (container) {\n            container.innerHTML = '';\n            container.appendChild(this.#tableElement);\n        }\n\n        trace.log(`NineTableSheet initialized with table rows: ${this.getRowCount()}`);\n    }\n\n    getRowCount() {\n        if (!this.#tableElement) return 0;\n        return this.#tableElement.querySelectorAll('tbody tr').length;\n    }\n\n    #render() {\n        this.innerHTML = `\n            <style>\n                nine-table-sheet {\n                    display: block;\n                    width: 100%;\n                    height: 100%;\n                    overflow: auto;\n                    position: relative;\n                    box-sizing: border-box;\n                    background: #ffffff;\n                }\n\n                nine-table-sheet .sheet-content-container {\n                    width: 100%;\n                    min-width: fit-content;\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=\"sheet-content-container\">\n                <!-- 테이블이 동적으로 주입되는 영역 -->\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}\n","import './nine-table-sheet.js';\n\nexport class NineTableSheets extends HTMLElement {\n    constructor() {\n        super();\n    }\n\n    connectedCallback() {\n        this.#render();\n    }\n\n    /**\n     * 외부(LayoutManager 등)에서 테이블 목록을 받아 시트와 스플리터 마크업 구성\n     * @param {HTMLTableElement[]} tables\n     */\n    initSheets(tables) {\n        const body = this.querySelector('nine-table-sheets-body');\n        const tabBar = this.querySelector('.nine-tab-bar');\n\n        const sheetsHtml = tables.map((_, idx) => {\n            const sheet = `<nine-table-sheet class=\"${idx === 0 ? 'active' : ''}\" data-index=\"${idx}\"></nine-table-sheet>`;\n            if (idx === 0) return sheet;\n            return `<nine-splitter class=\"h\" data-split-index=\"${idx}\"></nine-splitter>${sheet}`;\n        }).join('');\n\n        const tabsHtml = tables.map((_, idx) => `\n            <div class=\"nine-tab-item ${idx === 0 ? 'active' : ''}\" data-index=\"${idx}\">Sheet ${idx + 1}</div>\n        `).join('');\n\n        body.innerHTML = sheetsHtml;\n        tabBar.innerHTML = tabsHtml;\n\n        // 각 시트에 원본 테이블 데이터 주입\n        const sheetElements = body.querySelectorAll('nine-table-sheet');\n        sheetElements.forEach((sheetEl, idx) => {\n            if (tables[idx]) {\n                sheetEl.init(tables[idx]);\n            }\n        });\n\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        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        this.#updateSplitters();\n\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        this.dispatchEvent(new CustomEvent('sheet-switched', {\n            detail: { rowCount: activeSheet ? activeSheet.getRowCount() : 0 },\n            bubbles: true,\n            composed: true\n        }));\n    }\n\n    #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    #render() {\n        this.innerHTML = `\n            <style>\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                }\n                nine-table-sheet.active {\n                    display: block !important;\n                }\n                nine-table-sheets-body nine-splitter {\n                    width: 4px;\n                    background: #e5e7eb;\n                    cursor: col-resize;\n                    flex-shrink: 0;\n                    display: none !important;\n                }\n                nine-table-sheets-body nine-splitter.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-sheets-body></nine-table-sheets-body>\n            <nine-table-sheets-footer>\n                <div class=\"nine-tab-bar\"></div>\n                <div class=\"sheets-counter\">Total : <span id=\"row-count\">0</span></div>\n            </nine-table-sheets-footer>\n        `;\n    }\n}\n\nif (!customElements.get('nine-table-sheets')) {\n    customElements.define('nine-table-sheets', NineTableSheets);\n}","import './nine-table-sheets.js';\n\nexport class LayoutManager {\n    #shadowRoot;\n    #tables = [];\n\n    constructor(shadowRoot) {\n        this.#shadowRoot = shadowRoot;\n    }\n\n    render() {\n        const rawTables = this.#shadowRoot.host.querySelectorAll('table');\n        rawTables.forEach(tbl => {\n            this.#tables.push(tbl);\n            tbl.style.display = 'none';\n        });\n\n        this.#renderLayoutShell();\n        this.#initSheetsContainer();\n    }\n\n    #renderLayoutShell() {\n        const totalRowCount = this.#tables[0] ? this.#tables[0].querySelectorAll('tbody tr').length : 0;\n\n        this.#shadowRoot.innerHTML = `\n            <style>\n                :host { display: flex; flex-direction: column; position: relative; overflow: hidden; height: 100%; background: #fff; }\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            </style>\n            \n            <nine-table-header></nine-table-header>\n            <nine-table-body>\n                <nine-table-summary></nine-table-summary>\n                <nine-table-sheets></nine-table-sheets>\n                <nine-table-analysis></nine-table-analysis>\n            </nine-table-body>\n            <nine-table-footer></nine-table-footer>\n        `;\n    }\n\n    #initSheetsContainer() {\n        const sheetsContainer = this.#shadowRoot.querySelector('nine-table-sheets');\n        if (sheetsContainer && this.#tables.length > 0) {\n            sheetsContainer.initSheets(this.#tables);\n\n            // 시트 전환 이벤트 수신 시 상단 전역 카운터 동기화\n            sheetsContainer.addEventListener('sheet-switched', (e) => {\n                const rowCountEl = this.#shadowRoot.querySelector('#row-count');\n                if (rowCountEl && e.detail) {\n                    rowCountEl.textContent = e.detail.rowCount.toLocaleString();\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","_TableInitializer","container","__privateAdd","_TableInitializer_instances","_container","__privateSet","tbl","__privateMethod","ensureColgroup_fn","ensureThead_fn","colCount","_a","colgroup","defaultWidth","i","col","thead","TableInitializer","_NineTableSheet","_NineTableSheet_instances","_tableElement","_initializer","render_fn","tableEl","clonedTable","__privateGet","NineTableSheet","_NineTableSheets","_NineTableSheets_instances","tables","body","tabBar","sheetsHtml","_","idx","sheet","tabsHtml","sheetEl","e","tabItem","isMultiSelect","index","tabItems","sheetElements","tab","clickedTab","activeTabs","targetSheet","activeSheets","initialBasis","updateSplitters_fn","activeSheet","rowCountEl","splitter","splitIndex","leftSheet","rightSheet","NineTableSheets","_LayoutManager","shadowRoot","_LayoutManager_instances","_shadowRoot","_tables","renderLayoutShell_fn","initSheetsContainer_fn","sheetsContainer","LayoutManager","_NineTable","_created","NineTable"],"mappings":"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"}

package/package.json

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