@ninebone/table 0.0.36 → 0.0.38

package/dist/nine-table.js

@@ -1,59 +1,59 @@
-var V = Object.defineProperty;
-var G = (s) => {
-  throw TypeError(s);
+var U = Object.defineProperty;
+var F = (i) => {
+  throw TypeError(i);
 };
-var c = (s, e) => V(s, "name", { value: e, configurable: !0 });
-var C = (s, e, t) => e.has(s) || G("Cannot " + t);
-var h = (s, e, t) => (C(s, e, "read from private field"), t ? t.call(s) : e.get(s)), b = (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), x = (s, e, t, i) => (C(s, e, "write to private field"), i ? i.call(s, t) : e.set(s, t), t), f = (s, e, t) => (C(s, e, "access private method"), t);
-import { trace as X } from "@ninebone/util";
-const j = class j extends X.constructor {
+var c = (i, e) => U(i, "name", { value: e, configurable: !0 });
+var C = (i, e, t) => e.has(i) || F("Cannot " + t);
+var d = (i, e, t) => (C(i, e, "read from private field"), t ? t.call(i) : e.get(i)), b = (i, e, t) => e.has(i) ? F("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(i) : e.set(i, t), v = (i, e, t, l) => (C(i, e, "write to private field"), l ? l.call(i, t) : e.set(i, t), t), f = (i, e, t) => (C(i, e, "access private method"), t);
+import { trace as V } from "@ninebone/util";
+const I = class I extends V.constructor {
   constructor() {
     super(), this.init("nine-table", "green");
   }
 };
-c(j, "Trace");
-let A = j;
-const E = new A();
-var q, v, J, O;
-const B = class B {
+c(I, "Trace");
+let A = I;
+const q = new A();
+var E, w, G, J;
+const j = class j {
   constructor(e) {
-    b(this, v);
-    b(this, q);
-    x(this, q, e);
+    b(this, w);
+    b(this, E);
+    v(this, E, e);
   }
   // [Public] 테이블 초기화 진입점 (필요한 최소한의 마크업 보정만 수행)
   initializeTable(e) {
-    return f(this, v, J).call(this, e), f(this, v, O).call(this, e), e.classList.add("nine-table-element"), e;
+    return f(this, w, G).call(this, e), f(this, w, J).call(this, e), e.classList.add("nine-table-element"), e;
   }
 };
-q = new WeakMap(), v = new WeakSet(), // [Private] colgroup 보정
-J = /* @__PURE__ */ c(function(e) {
-  var a;
+E = new WeakMap(), w = new WeakSet(), // [Private] colgroup 보정
+G = /* @__PURE__ */ c(function(e) {
+  var o;
   if (e.querySelector("colgroup")) return;
-  const t = ((a = e.querySelector("tbody tr")) == null ? void 0 : a.querySelectorAll("th, td").length) || 1, i = document.createElement("colgroup"), o = Math.max(Math.floor((e.clientWidth || 600) / t), 100);
-  for (let n = 0; n < t; n++) {
-    const l = document.createElement("col");
-    l.setAttribute("width", o), i.appendChild(l);
+  const t = ((o = e.querySelector("tbody tr")) == null ? void 0 : o.querySelectorAll("th, td").length) || 1, l = document.createElement("colgroup"), s = Math.max(Math.floor((e.clientWidth || 600) / t), 100);
+  for (let a = 0; a < t; a++) {
+    const n = document.createElement("col");
+    n.setAttribute("width", s), l.appendChild(n);
   }
-  e.prepend(i);
+  e.prepend(l);
 }, "#ensureColgroup"), // [Private] thead 보정
-O = /* @__PURE__ */ c(function(e) {
+J = /* @__PURE__ */ c(function(e) {
   if (e.querySelector("thead")) return;
-  const t = document.createElement("thead"), i = e.querySelector("colgroup");
-  i ? i.after(t) : e.prepend(t);
-}, "#ensureThead"), c(B, "TableInitializer");
-let z = B;
-var u, S, L, P;
+  const t = document.createElement("thead"), l = e.querySelector("colgroup");
+  l ? l.after(t) : e.prepend(t);
+}, "#ensureThead"), c(j, "TableInitializer");
+let z = j;
+var u, S, L, O;
 const K = class K extends HTMLElement {
   constructor() {
     super();
     b(this, L);
     b(this, u, null);
     b(this, S);
-    x(this, S, new z(this));
+    v(this, S, new z(this));
   }
   connectedCallback() {
-    f(this, L, P).call(this);
+    f(this, L, O).call(this);
   }
   /**
    * 외부(LayoutManager 등)에서 원본 테이블 엘리먼트를 주입받아 초기화 및 보정 수행
@@ -61,19 +61,19 @@ const K = class K extends HTMLElement {
    */
   init(t) {
     if (!t) return;
-    const i = t.cloneNode(!0);
-    x(this, u, h(this, S).initializeTable(i)), h(this, u).style.display = "table";
-    const o = this.querySelector(".sheet-content-container");
-    o && (o.innerHTML = "", o.appendChild(h(this, u))), E.log(`NineTableSheet initialized with table rows: ${this.getRowCount()}`);
+    const l = t.cloneNode(!0);
+    v(this, u, d(this, S).initializeTable(l)), d(this, u).style.display = "table";
+    const s = this.querySelector(".sheet-content-container");
+    s && (s.innerHTML = "", s.appendChild(d(this, u))), q.log(`NineTableSheet initialized with table rows: ${this.getRowCount()}`);
   }
   getRowCount() {
-    return h(this, u) ? h(this, u).querySelectorAll("tbody tr").length : 0;
+    return d(this, u) ? d(this, u).querySelectorAll("tbody tr").length : 0;
   }
   disconnectedCallback() {
-    this.innerHTML = "", E.log("NineTableSheet destroyed.");
+    this.innerHTML = "", q.log("NineTableSheet destroyed.");
   }
 };
-u = new WeakMap(), S = new WeakMap(), L = new WeakSet(), P = /* @__PURE__ */ c(function() {
+u = new WeakMap(), S = new WeakMap(), L = new WeakSet(), O = /* @__PURE__ */ c(function() {
   this.innerHTML = `
             <style>
                 nine-table-sheet {
@@ -122,94 +122,82 @@ u = new WeakMap(), S = new WeakMap(), L = new WeakSet(), P = /* @__PURE__ */ c(f
 }, "#render"), c(K, "NineTableSheet");
 let H = K;
 customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", H);
-var g, T, Q;
-const W = class W extends HTMLElement {
+var g, T, P;
+const N = class N extends HTMLElement {
   constructor() {
     super();
     b(this, g);
   }
   connectedCallback() {
   }
-  /**
-   * @param {HTMLElement[]} rawChildren
-   */
   init(t) {
     if (!t || t.length === 0) return;
-    t.forEach((n) => {
-      n.style.display = "none";
-    });
-    const i = this.querySelector("nine-table-sheets-body"), o = this.querySelector(".nine-tab-bar");
-    i.querySelectorAll("nine-table-sheet").forEach((n, l) => {
-      t[l] && n.init(t[l]);
-    }), o.addEventListener("click", (n) => {
-      const l = n.target.closest(".nine-tab-item");
-      if (!l) return;
-      const m = n.ctrlKey || n.metaKey || n.shiftKey, w = parseInt(l.dataset.index, 10);
-      f(this, g, T).call(this, w, m);
+    this.querySelector(".nine-tab-bar").addEventListener("click", (s) => {
+      const o = s.target.closest(".nine-tab-item");
+      if (!o) return;
+      const a = s.ctrlKey || s.metaKey || s.shiftKey, n = parseInt(o.dataset.index, 10);
+      f(this, g, T).call(this, n, a);
     }), f(this, g, T).call(this, 0, !1);
   }
 };
-g = new WeakSet(), T = /* @__PURE__ */ c(function(t, i = !1) {
-  const o = this.querySelector(".nine-tab-bar"), a = this.querySelector("nine-table-sheets-body"), n = o.querySelectorAll(".nine-tab-item"), l = a.querySelectorAll("nine-table-sheet");
-  if (!n[t]) return;
-  if (!i)
-    n.forEach((r, d) => {
-      r.classList.toggle("active", d === t);
-      const p = a.querySelector(`nine-table-sheet[data-index="${d}"]`);
-      p && (p.style.flex = "");
-    }), l.forEach((r, d) => {
-      r.classList.toggle("active", d === t);
+g = new WeakSet(), T = /* @__PURE__ */ c(function(t, l = !1) {
+  const s = this.querySelector(".nine-tab-bar"), o = this.querySelector("nine-table-sheets-body"), a = s.querySelectorAll(".nine-tab-item"), n = o.querySelectorAll("nine-table-sheet");
+  if (!a[t]) return;
+  if (!l)
+    a.forEach((r, h) => {
+      r.classList.toggle("active", h === t);
+      const y = o.querySelector(`nine-table-sheet[data-index="${h}"]`);
+      y && (y.style.flex = "");
+    }), n.forEach((r, h) => {
+      r.classList.toggle("active", h === t);
     });
   else {
-    const r = n[t], d = o.querySelectorAll(".nine-tab-item.active");
-    if (r.classList.contains("active") && d.length <= 1)
+    const r = a[t], h = s.querySelectorAll(".nine-tab-item.active");
+    if (r.classList.contains("active") && h.length <= 1)
       return;
     r.classList.toggle("active");
-    const p = a.querySelector(`nine-table-sheet[data-index="${t}"]`);
-    p && (p.classList.toggle("active"), p.classList.contains("active") || (p.style.flex = ""));
+    const y = o.querySelector(`nine-table-sheet[data-index="${t}"]`);
+    y && (y.classList.toggle("active"), y.classList.contains("active") || (y.style.flex = ""));
   }
-  const m = Array.from(a.querySelectorAll("nine-table-sheet.active"));
+  const m = Array.from(o.querySelectorAll("nine-table-sheet.active"));
   if (m.length > 1) {
     const r = 1 / m.length;
-    m.forEach((d) => {
-      (!d.style.flex || d.style.flex === "1 1 100%") && (d.style.flex = `${r} ${r} 0px`);
+    m.forEach((h) => {
+      (!h.style.flex || h.style.flex === "1 1 100%") && (h.style.flex = `${r} ${r} 0px`);
     });
   } else
     m.forEach((r) => {
       r.style.flex = "1 1 100%";
     });
-  f(this, g, Q).call(this);
-  const w = a.querySelector("nine-table-sheet.active");
-  if (w && typeof w.getRowCount == "function") {
+  f(this, g, P).call(this);
+  const x = o.querySelector("nine-table-sheet.active");
+  if (x && typeof x.getRowCount == "function") {
     const r = this.querySelector("#row-count");
-    r && (r.textContent = w.getRowCount().toLocaleString());
+    r && (r.textContent = x.getRowCount().toLocaleString());
   }
-}, "#switchSheet"), Q = /* @__PURE__ */ c(function() {
+}, "#switchSheet"), P = /* @__PURE__ */ c(function() {
   const t = this.querySelector("nine-table-sheets-body");
-  t.querySelectorAll("nine-splitter").forEach((o) => {
-    const a = parseInt(o.dataset.splitIndex, 10), n = t.querySelector(`nine-table-sheet[data-index="${a - 1}"]`), l = t.querySelector(`nine-table-sheet[data-index="${a}"]`);
-    n && l && n.classList.contains("active") && l.classList.contains("active") ? o.classList.add("active") : o.classList.remove("active");
+  t.querySelectorAll("nine-splitter").forEach((s) => {
+    const o = parseInt(s.dataset.splitIndex, 10), a = t.querySelector(`nine-table-sheet[data-index="${o - 1}"]`), n = t.querySelector(`nine-table-sheet[data-index="${o}"]`);
+    a && n && a.classList.contains("active") && n.classList.contains("active") ? s.classList.add("active") : s.classList.remove("active");
   });
-}, "#updateSplitters"), c(W, "NineTableSheets");
-let M = W;
+}, "#updateSplitters"), c(N, "NineTableSheets");
+let M = N;
 customElements.get("nine-table-sheets") || customElements.define("nine-table-sheets", M);
-var y, $, U;
-const D = class D {
+var p, $, Q;
+const W = class W {
   constructor(e) {
     b(this, $);
-    b(this, y);
-    x(this, y, e), f(this, $, U).call(this);
+    b(this, p);
+    v(this, p, e), f(this, $, Q).call(this);
   }
 };
-y = new WeakMap(), $ = new WeakSet(), U = /* @__PURE__ */ c(function() {
-  var o;
-  const e = Array.from(h(this, y).host.children), t = e.map((a, n) => {
-    const l = `<nine-table-sheet class="${n === 0 ? "active" : ""}" data-index="${n}"></nine-table-sheet>`;
-    return n === 0 ? l : `<nine-splitter class="h" data-split-index="${n}"></nine-splitter>${l}`;
-  }).join(""), i = e.map((a, n) => `
-            <div class="nine-tab-item ${n === 0 ? "active" : ""}" data-index="${n}">Sheet ${n + 1}</div>
-        `).join("");
-  h(this, y).innerHTML = `
+p = new WeakMap(), $ = new WeakSet(), Q = /* @__PURE__ */ c(function() {
+  const e = Array.from(d(this, p).host.children), t = e.map((a, n) => {
+    const x = `<nine-table-sheet class="${n === 0 ? "active" : ""}" data-index="${n}"></nine-table-sheet>`;
+    return n === 0 ? x : `<nine-splitter class="h" data-split-index="${n}"></nine-splitter>${x}`;
+  }).join(""), l = e.map((a, n) => `<div class="nine-tab-item ${n === 0 ? "active" : ""}" data-index="${n}">Sheet ${n + 1}</div>`).join("");
+  d(this, p).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; }
@@ -302,31 +290,35 @@ y = new WeakMap(), $ = new WeakSet(), U = /* @__PURE__ */ c(function() {
                 <nine-table-sheets>
                     <nine-table-sheets-body>${t}</nine-table-sheets-body>
                     <nine-table-sheets-footer>
-                        <div class="nine-tab-bar">${i}</div>
+                        <div class="nine-tab-bar">${l}</div>
                         <div class="sheets-counter">Total : <span id="row-count">0</span></div>
                     </nine-table-sheets-footer>
                 </nine-table-sheets>
                 <nine-table-analysis></nine-table-analysis>
             </nine-table-body>
             <nine-table-footer></nine-table-footer>
-        `, (o = h(this, y).querySelector("nine-table-sheets")) == null || o.init(e);
-}, "#render"), c(D, "LayoutManager");
-let R = D;
+        `;
+  const s = d(this, p).querySelector("nine-table-sheets"), o = d(this, p).querySelectorAll("nine-table-sheet");
+  o == null || o.forEach((a, n) => {
+    e[n] && (e[n].style.display = "none", a.init(e[n]));
+  }), s == null || s.init(e);
+}, "#render"), c(W, "LayoutManager");
+let R = W;
 var k;
-const F = class F extends HTMLElement {
+const D = class D extends HTMLElement {
   constructor() {
     super();
     b(this, k, !1);
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    h(this, k) || (this.layoutManager = new R(this.shadowRoot), x(this, k, !0), E.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } })));
+    d(this, k) || (this.layoutManager = new R(this.shadowRoot), v(this, k, !0), q.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } })));
   }
   disconnectedCallback() {
-    E.log("NineTable disconnected.");
+    q.log("NineTable disconnected.");
   }
 };
-k = new WeakMap(), c(F, "NineTable");
-let I = F;
-customElements.get("nine-table") || customElements.define("nine-table", I);
+k = new WeakMap(), c(D, "NineTable");
+let B = D;
+customElements.get("nine-table") || customElements.define("nine-table", B);
 //# 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    constructor() {\n        super();\n    }\n\n    connectedCallback() {}\n\n    /**\n     * @param {HTMLElement[]} rawChildren\n     */\n    init(rawChildren) {\n        if (!rawChildren || rawChildren.length === 0) return;\n\n        rawChildren.forEach(el => {\n            el.style.display = 'none';\n        });\n\n        const body = this.querySelector('nine-table-sheets-body');\n        const tabBar = this.querySelector('.nine-tab-bar');\n\n        const sheetElements = body.querySelectorAll('nine-table-sheet');\n        sheetElements.forEach((sheetEl, idx) => {\n            if (rawChildren[idx]) {\n                sheetEl.init(rawChildren[idx]);\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        const activeSheet = body.querySelector(`nine-table-sheet.active`);\n        if (activeSheet && typeof activeSheet.getRowCount === 'function') {\n            const rowCountEl = this.querySelector('#row-count');\n            if (rowCountEl) {\n                rowCountEl.textContent = activeSheet.getRowCount().toLocaleString();\n            }\n        }\n    }\n\n    #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\nif (!customElements.get('nine-table-sheets')) {\n    customElements.define('nine-table-sheets', NineTableSheets);\n}","import './nine-table-sheets.js';\n\nexport class LayoutManager {\n    #root;\n\n    constructor(shadowRoot) {\n        this.#root = shadowRoot;\n        this.#render();\n    }\n\n    #render() {\n        const rawElements = Array.from(this.#root.host.children);\n\n        const sheetsHtml = rawElements.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 = rawElements.map((_, idx) => `\n            <div class=\"nine-tab-item ${idx === 0 ? 'active' : ''}\" data-index=\"${idx}\">Sheet ${idx + 1}</div>\n        `).join('');\n\n        this.#root.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\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-header></nine-table-header>\n            <nine-table-body>\n                <nine-table-summary></nine-table-summary>\n                <nine-splitter></nine-splitter>\n                <nine-table-sheets>\n                    <nine-table-sheets-body>${sheetsHtml}</nine-table-sheets-body>\n                    <nine-table-sheets-footer>\n                        <div class=\"nine-tab-bar\">${tabsHtml}</div>\n                        <div class=\"sheets-counter\">Total : <span id=\"row-count\">0</span></div>\n                    </nine-table-sheets-footer>\n                </nine-table-sheets>\n                <nine-table-analysis></nine-table-analysis>\n            </nine-table-body>\n            <nine-table-footer></nine-table-footer>\n        `;\n\n        this.#root.querySelector('nine-table-sheets')?.init(rawElements);\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","rawChildren","el","body","tabBar","sheetEl","idx","e","tabItem","isMultiSelect","index","switchSheet_fn","tabItems","sheetElements","tab","sheet","clickedTab","activeTabs","targetSheet","activeSheets","initialBasis","updateSplitters_fn","activeSheet","rowCountEl","splitter","splitIndex","leftSheet","rightSheet","NineTableSheets","_LayoutManager","shadowRoot","_LayoutManager_instances","_root","rawElements","sheetsHtml","_","tabsHtml","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\n    init(rawChildren) {\n        if (!rawChildren || rawChildren.length === 0) return;\n\n        const tabBar = this.querySelector('.nine-tab-bar');\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        const activeSheet = body.querySelector(`nine-table-sheet.active`);\n        if (activeSheet && typeof activeSheet.getRowCount === 'function') {\n            const rowCountEl = this.querySelector('#row-count');\n            if (rowCountEl) {\n                rowCountEl.textContent = activeSheet.getRowCount().toLocaleString();\n            }\n        }\n    }\n\n    #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\nif (!customElements.get('nine-table-sheets')) {\n    customElements.define('nine-table-sheets', NineTableSheets);\n}","import './nine-table-sheets.js';\n\nexport class LayoutManager {\n    #root;\n\n    constructor(shadowRoot) {\n        this.#root = shadowRoot;\n        this.#render();\n    }\n\n    #render() {\n        const rawElements = Array.from(this.#root.host.children);\n\n        const sheetsHtml = rawElements.map((_, idx) => {\n            const className = idx === 0 ? 'active' : '';\n            const sheetTag = `<nine-table-sheet class=\"${className}\" data-index=\"${idx}\"></nine-table-sheet>`;\n\n            if (idx === 0) {\n                return sheetTag;\n            }\n            return `<nine-splitter class=\"h\" data-split-index=\"${idx}\"></nine-splitter>${sheetTag}`;\n        }).join('');\n\n        const tabsHtml = rawElements.map((_, idx) => {\n            const className = idx === 0 ? 'active' : '';\n            return `<div class=\"nine-tab-item ${className}\" data-index=\"${idx}\">Sheet ${idx + 1}</div>`;\n        }).join('');\n\n        this.#root.innerHTML = `\n            <style>\n                :host { 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\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-header></nine-table-header>\n            <nine-table-body>\n                <nine-table-summary></nine-table-summary>\n                <nine-splitter></nine-splitter>\n                <nine-table-sheets>\n                    <nine-table-sheets-body>${sheetsHtml}</nine-table-sheets-body>\n                    <nine-table-sheets-footer>\n                        <div class=\"nine-tab-bar\">${tabsHtml}</div>\n                        <div class=\"sheets-counter\">Total : <span id=\"row-count\">0</span></div>\n                    </nine-table-sheets-footer>\n                </nine-table-sheets>\n                <nine-table-analysis></nine-table-analysis>\n            </nine-table-body>\n            <nine-table-footer></nine-table-footer>\n        `;\n\n        const $sheetsContainer = this.#root.querySelector('nine-table-sheets');\n        const $sheetElements = this.#root.querySelectorAll('nine-table-sheet');\n\n        $sheetElements?.forEach(($el, idx) => {\n            if (rawElements[idx]) {\n                rawElements[idx].style.display = 'none';\n                $el.init(rawElements[idx]);\n            }\n        });\n\n        $sheetsContainer?.init(rawElements);\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","rawChildren","e","tabItem","isMultiSelect","index","switchSheet_fn","tabBar","body","tabItems","sheetElements","tab","idx","sheet","clickedTab","activeTabs","targetSheet","activeSheets","initialBasis","updateSplitters_fn","activeSheet","rowCountEl","splitter","splitIndex","leftSheet","rightSheet","NineTableSheets","_LayoutManager","shadowRoot","_LayoutManager_instances","_root","rawElements","sheetsHtml","_","sheetTag","tabsHtml","$sheetsContainer","$sheetElements","$el","LayoutManager","_NineTable","_created","NineTable"],"mappings":"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"}

package/dist/nine-table.umd.js

@@ -1,4 +1,4 @@
-(function(n,i){typeof exports=="object"&&typeof module<"u"?i(require("@ninebone/util")):typeof define=="function"&&define.amd?define(["@ninebone/util"],i):(n=typeof globalThis<"u"?globalThis:n||self,i(n.NineboneUtil))})(this,function(n){"use strict";var Q=Object.defineProperty;var F=n=>{throw TypeError(n)};var h=(n,i)=>Q(n,"name",{value:i,configurable:!0});var U=(n,i,o)=>i.has(n)||F("Cannot "+o);var f=(n,i,o)=>(U(n,i,"read from private field"),o?o.call(n):i.get(n)),u=(n,i,o)=>i.has(n)?F("Cannot add the same private member more than once"):i instanceof WeakSet?i.add(n):i.set(n,o),k=(n,i,o,v)=>(U(n,i,"write to private field"),v?v.call(n,o):i.set(n,o),o),y=(n,i,o)=>(U(n,i,"access private method"),o);var $,w,G,J,p,E,C,N,x,D,O,g,A,P,q;const R=class R extends n.trace.constructor{constructor(){super(),this.init("nine-table","green")}};h(R,"Trace");let i=R;const o=new i,j=class j{constructor(s){u(this,w);u(this,$);k(this,$,s)}initializeTable(s){return y(this,w,G).call(this,s),y(this,w,J).call(this,s),s.classList.add("nine-table-element"),s}};$=new WeakMap,w=new WeakSet,G=h(function(s){var c;if(s.querySelector("colgroup"))return;const t=((c=s.querySelector("tbody tr"))==null?void 0:c.querySelectorAll("th, td").length)||1,r=document.createElement("colgroup"),l=Math.max(Math.floor((s.clientWidth||600)/t),100);for(let e=0;e<t;e++){const a=document.createElement("col");a.setAttribute("width",l),r.appendChild(a)}s.prepend(r)},"#ensureColgroup"),J=h(function(s){if(s.querySelector("thead"))return;const t=document.createElement("thead"),r=s.querySelector("colgroup");r?r.after(t):s.prepend(t)},"#ensureThead"),h(j,"TableInitializer");let v=j;const I=class I extends HTMLElement{constructor(){super();u(this,C);u(this,p,null);u(this,E);k(this,E,new v(this))}connectedCallback(){y(this,C,N).call(this)}init(t){if(!t)return;const r=t.cloneNode(!0);k(this,p,f(this,E).initializeTable(r)),f(this,p).style.display="table";const l=this.querySelector(".sheet-content-container");l&&(l.innerHTML="",l.appendChild(f(this,p))),o.log(`NineTableSheet initialized with table rows: ${this.getRowCount()}`)}getRowCount(){return f(this,p)?f(this,p).querySelectorAll("tbody tr").length:0}disconnectedCallback(){this.innerHTML="",o.log("NineTableSheet destroyed.")}};p=new WeakMap,E=new WeakMap,C=new WeakSet,N=h(function(){this.innerHTML=`
+(function(t,n){typeof exports=="object"&&typeof module<"u"?n(require("@ninebone/util")):typeof define=="function"&&define.amd?define(["@ninebone/util"],n):(t=typeof globalThis<"u"?globalThis:t||self,n(t.NineboneUtil))})(this,function(t){"use strict";var Q=Object.defineProperty;var D=t=>{throw TypeError(t)};var h=(t,n)=>Q(t,"name",{value:n,configurable:!0});var W=(t,n,a)=>n.has(t)||D("Cannot "+a);var b=(t,n,a)=>(W(t,n,"read from private field"),a?a.call(t):n.get(t)),u=(t,n,a)=>n.has(t)?D("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(t):n.set(t,a),q=(t,n,a,v)=>(W(t,n,"write to private field"),v?v.call(t,a):n.set(t,a),a),g=(t,n,a)=>(W(t,n,"access private method"),a);var C,w,F,G,p,E,$,J,m,U,O,y,A,P,L;const R=class R extends t.trace.constructor{constructor(){super(),this.init("nine-table","green")}};h(R,"Trace");let n=R;const a=new n,j=class j{constructor(e){u(this,w);u(this,C);q(this,C,e)}initializeTable(e){return g(this,w,F).call(this,e),g(this,w,G).call(this,e),e.classList.add("nine-table-element"),e}};C=new WeakMap,w=new WeakSet,F=h(function(e){var l;if(e.querySelector("colgroup"))return;const i=((l=e.querySelector("tbody tr"))==null?void 0:l.querySelectorAll("th, td").length)||1,d=document.createElement("colgroup"),o=Math.max(Math.floor((e.clientWidth||600)/i),100);for(let r=0;r<i;r++){const s=document.createElement("col");s.setAttribute("width",o),d.appendChild(s)}e.prepend(d)},"#ensureColgroup"),G=h(function(e){if(e.querySelector("thead"))return;const i=document.createElement("thead"),d=e.querySelector("colgroup");d?d.after(i):e.prepend(i)},"#ensureThead"),h(j,"TableInitializer");let v=j;const B=class B extends HTMLElement{constructor(){super();u(this,$);u(this,p,null);u(this,E);q(this,E,new v(this))}connectedCallback(){g(this,$,J).call(this)}init(i){if(!i)return;const d=i.cloneNode(!0);q(this,p,b(this,E).initializeTable(d)),b(this,p).style.display="table";const o=this.querySelector(".sheet-content-container");o&&(o.innerHTML="",o.appendChild(b(this,p))),a.log(`NineTableSheet initialized with table rows: ${this.getRowCount()}`)}getRowCount(){return b(this,p)?b(this,p).querySelectorAll("tbody tr").length:0}disconnectedCallback(){this.innerHTML="",a.log("NineTableSheet destroyed.")}};p=new WeakMap,E=new WeakMap,$=new WeakSet,J=h(function(){this.innerHTML=`
             <style>
                 nine-table-sheet {
                     display: block;
@@ -42,9 +42,7 @@
             <div class="sheet-content-container">
                 <!-- 테이블이 동적으로 주입되는 영역 -->
             </div>
-        `},"#render"),h(I,"NineTableSheet");let T=I;customElements.get("nine-table-sheet")||customElements.define("nine-table-sheet",T);const B=class B extends HTMLElement{constructor(){super();u(this,x)}connectedCallback(){}init(t){if(!t||t.length===0)return;t.forEach(e=>{e.style.display="none"});const r=this.querySelector("nine-table-sheets-body"),l=this.querySelector(".nine-tab-bar");r.querySelectorAll("nine-table-sheet").forEach((e,a)=>{t[a]&&e.init(t[a])}),l.addEventListener("click",e=>{const a=e.target.closest(".nine-tab-item");if(!a)return;const S=e.ctrlKey||e.metaKey||e.shiftKey,L=parseInt(a.dataset.index,10);y(this,x,D).call(this,L,S)}),y(this,x,D).call(this,0,!1)}};x=new WeakSet,D=h(function(t,r=!1){const l=this.querySelector(".nine-tab-bar"),c=this.querySelector("nine-table-sheets-body"),e=l.querySelectorAll(".nine-tab-item"),a=c.querySelectorAll("nine-table-sheet");if(!e[t])return;if(!r)e.forEach((d,b)=>{d.classList.toggle("active",b===t);const m=c.querySelector(`nine-table-sheet[data-index="${b}"]`);m&&(m.style.flex="")}),a.forEach((d,b)=>{d.classList.toggle("active",b===t)});else{const d=e[t],b=l.querySelectorAll(".nine-tab-item.active");if(d.classList.contains("active")&&b.length<=1)return;d.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 S=Array.from(c.querySelectorAll("nine-table-sheet.active"));if(S.length>1){const d=1/S.length;S.forEach(b=>{(!b.style.flex||b.style.flex==="1 1 100%")&&(b.style.flex=`${d} ${d} 0px`)})}else S.forEach(d=>{d.style.flex="1 1 100%"});y(this,x,O).call(this);const L=c.querySelector("nine-table-sheet.active");if(L&&typeof L.getRowCount=="function"){const d=this.querySelector("#row-count");d&&(d.textContent=L.getRowCount().toLocaleString())}},"#switchSheet"),O=h(function(){const t=this.querySelector("nine-table-sheets-body");t.querySelectorAll("nine-splitter").forEach(l=>{const c=parseInt(l.dataset.splitIndex,10),e=t.querySelector(`nine-table-sheet[data-index="${c-1}"]`),a=t.querySelector(`nine-table-sheet[data-index="${c}"]`);e&&a&&e.classList.contains("active")&&a.classList.contains("active")?l.classList.add("active"):l.classList.remove("active")})},"#updateSplitters"),h(B,"NineTableSheets");let z=B;customElements.get("nine-table-sheets")||customElements.define("nine-table-sheets",z);const K=class K{constructor(s){u(this,A);u(this,g);k(this,g,s),y(this,A,P).call(this)}};g=new WeakMap,A=new WeakSet,P=h(function(){var l;const s=Array.from(f(this,g).host.children),t=s.map((c,e)=>{const a=`<nine-table-sheet class="${e===0?"active":""}" data-index="${e}"></nine-table-sheet>`;return e===0?a:`<nine-splitter class="h" data-split-index="${e}"></nine-splitter>${a}`}).join(""),r=s.map((c,e)=>`
-            <div class="nine-tab-item ${e===0?"active":""}" data-index="${e}">Sheet ${e+1}</div>
-        `).join("");f(this,g).innerHTML=`
+        `},"#render"),h(B,"NineTableSheet");let T=B;customElements.get("nine-table-sheet")||customElements.define("nine-table-sheet",T);const I=class I extends HTMLElement{constructor(){super();u(this,m)}connectedCallback(){}init(i){if(!i||i.length===0)return;this.querySelector(".nine-tab-bar").addEventListener("click",o=>{const l=o.target.closest(".nine-tab-item");if(!l)return;const r=o.ctrlKey||o.metaKey||o.shiftKey,s=parseInt(l.dataset.index,10);g(this,m,U).call(this,s,r)}),g(this,m,U).call(this,0,!1)}};m=new WeakSet,U=h(function(i,d=!1){const o=this.querySelector(".nine-tab-bar"),l=this.querySelector("nine-table-sheets-body"),r=o.querySelectorAll(".nine-tab-item"),s=l.querySelectorAll("nine-table-sheet");if(!r[i])return;if(!d)r.forEach((c,f)=>{c.classList.toggle("active",f===i);const x=l.querySelector(`nine-table-sheet[data-index="${f}"]`);x&&(x.style.flex="")}),s.forEach((c,f)=>{c.classList.toggle("active",f===i)});else{const c=r[i],f=o.querySelectorAll(".nine-tab-item.active");if(c.classList.contains("active")&&f.length<=1)return;c.classList.toggle("active");const x=l.querySelector(`nine-table-sheet[data-index="${i}"]`);x&&(x.classList.toggle("active"),x.classList.contains("active")||(x.style.flex=""))}const S=Array.from(l.querySelectorAll("nine-table-sheet.active"));if(S.length>1){const c=1/S.length;S.forEach(f=>{(!f.style.flex||f.style.flex==="1 1 100%")&&(f.style.flex=`${c} ${c} 0px`)})}else S.forEach(c=>{c.style.flex="1 1 100%"});g(this,m,O).call(this);const k=l.querySelector("nine-table-sheet.active");if(k&&typeof k.getRowCount=="function"){const c=this.querySelector("#row-count");c&&(c.textContent=k.getRowCount().toLocaleString())}},"#switchSheet"),O=h(function(){const i=this.querySelector("nine-table-sheets-body");i.querySelectorAll("nine-splitter").forEach(o=>{const l=parseInt(o.dataset.splitIndex,10),r=i.querySelector(`nine-table-sheet[data-index="${l-1}"]`),s=i.querySelector(`nine-table-sheet[data-index="${l}"]`);r&&s&&r.classList.contains("active")&&s.classList.contains("active")?o.classList.add("active"):o.classList.remove("active")})},"#updateSplitters"),h(I,"NineTableSheets");let z=I;customElements.get("nine-table-sheets")||customElements.define("nine-table-sheets",z);const N=class N{constructor(e){u(this,A);u(this,y);q(this,y,e),g(this,A,P).call(this)}};y=new WeakMap,A=new WeakSet,P=h(function(){const e=Array.from(b(this,y).host.children),i=e.map((r,s)=>{const k=`<nine-table-sheet class="${s===0?"active":""}" data-index="${s}"></nine-table-sheet>`;return s===0?k:`<nine-splitter class="h" data-split-index="${s}"></nine-splitter>${k}`}).join(""),d=e.map((r,s)=>`<div class="nine-tab-item ${s===0?"active":""}" data-index="${s}">Sheet ${s+1}</div>`).join("");b(this,y).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; }
@@ -135,14 +133,14 @@
                 <nine-table-summary></nine-table-summary>
                 <nine-splitter></nine-splitter>
                 <nine-table-sheets>
-                    <nine-table-sheets-body>${t}</nine-table-sheets-body>
+                    <nine-table-sheets-body>${i}</nine-table-sheets-body>
                     <nine-table-sheets-footer>
-                        <div class="nine-tab-bar">${r}</div>
+                        <div class="nine-tab-bar">${d}</div>
                         <div class="sheets-counter">Total : <span id="row-count">0</span></div>
                     </nine-table-sheets-footer>
                 </nine-table-sheets>
                 <nine-table-analysis></nine-table-analysis>
             </nine-table-body>
             <nine-table-footer></nine-table-footer>
-        `,(l=f(this,g).querySelector("nine-table-sheets"))==null||l.init(s)},"#render"),h(K,"LayoutManager");let H=K;const W=class W extends HTMLElement{constructor(){super();u(this,q,!1);this.attachShadow({mode:"open"})}connectedCallback(){f(this,q)||(this.layoutManager=new H(this.shadowRoot),k(this,q,!0),o.log("NineTable connected."),this.dispatchEvent(new CustomEvent("load",{bubbles:!0,detail:{target:this}})))}disconnectedCallback(){o.log("NineTable disconnected.")}};q=new WeakMap,h(W,"NineTable");let M=W;customElements.get("nine-table")||customElements.define("nine-table",M)});
+        `;const o=b(this,y).querySelector("nine-table-sheets"),l=b(this,y).querySelectorAll("nine-table-sheet");l==null||l.forEach((r,s)=>{e[s]&&(e[s].style.display="none",r.init(e[s]))}),o==null||o.init(e)},"#render"),h(N,"LayoutManager");let H=N;const K=class K extends HTMLElement{constructor(){super();u(this,L,!1);this.attachShadow({mode:"open"})}connectedCallback(){b(this,L)||(this.layoutManager=new H(this.shadowRoot),q(this,L,!0),a.log("NineTable connected."),this.dispatchEvent(new CustomEvent("load",{bubbles:!0,detail:{target:this}})))}disconnectedCallback(){a.log("NineTable disconnected.")}};L=new WeakMap,h(K,"NineTable");let M=K;customElements.get("nine-table")||customElements.define("nine-table",M)});
 //# 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    constructor() {\n        super();\n    }\n\n    connectedCallback() {}\n\n    /**\n     * @param {HTMLElement[]} rawChildren\n     */\n    init(rawChildren) {\n        if (!rawChildren || rawChildren.length === 0) return;\n\n        rawChildren.forEach(el => {\n            el.style.display = 'none';\n        });\n\n        const body = this.querySelector('nine-table-sheets-body');\n        const tabBar = this.querySelector('.nine-tab-bar');\n\n        const sheetElements = body.querySelectorAll('nine-table-sheet');\n        sheetElements.forEach((sheetEl, idx) => {\n            if (rawChildren[idx]) {\n                sheetEl.init(rawChildren[idx]);\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        const activeSheet = body.querySelector(`nine-table-sheet.active`);\n        if (activeSheet && typeof activeSheet.getRowCount === 'function') {\n            const rowCountEl = this.querySelector('#row-count');\n            if (rowCountEl) {\n                rowCountEl.textContent = activeSheet.getRowCount().toLocaleString();\n            }\n        }\n    }\n\n    #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\nif (!customElements.get('nine-table-sheets')) {\n    customElements.define('nine-table-sheets', NineTableSheets);\n}","import './nine-table-sheets.js';\n\nexport class LayoutManager {\n    #root;\n\n    constructor(shadowRoot) {\n        this.#root = shadowRoot;\n        this.#render();\n    }\n\n    #render() {\n        const rawElements = Array.from(this.#root.host.children);\n\n        const sheetsHtml = rawElements.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 = rawElements.map((_, idx) => `\n            <div class=\"nine-tab-item ${idx === 0 ? 'active' : ''}\" data-index=\"${idx}\">Sheet ${idx + 1}</div>\n        `).join('');\n\n        this.#root.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\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-header></nine-table-header>\n            <nine-table-body>\n                <nine-table-summary></nine-table-summary>\n                <nine-splitter></nine-splitter>\n                <nine-table-sheets>\n                    <nine-table-sheets-body>${sheetsHtml}</nine-table-sheets-body>\n                    <nine-table-sheets-footer>\n                        <div class=\"nine-tab-bar\">${tabsHtml}</div>\n                        <div class=\"sheets-counter\">Total : <span id=\"row-count\">0</span></div>\n                    </nine-table-sheets-footer>\n                </nine-table-sheets>\n                <nine-table-analysis></nine-table-analysis>\n            </nine-table-body>\n            <nine-table-footer></nine-table-footer>\n        `;\n\n        this.#root.querySelector('nine-table-sheets')?.init(rawElements);\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","rawChildren","el","body","tabBar","sheetEl","idx","tabItem","isMultiSelect","index","switchSheet_fn","tabItems","sheetElements","tab","sheet","clickedTab","activeTabs","targetSheet","activeSheets","initialBasis","updateSplitters_fn","activeSheet","rowCountEl","splitter","splitIndex","leftSheet","rightSheet","NineTableSheets","_LayoutManager","shadowRoot","_LayoutManager_instances","_root","rawElements","sheetsHtml","_","tabsHtml","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\n    init(rawChildren) {\n        if (!rawChildren || rawChildren.length === 0) return;\n\n        const tabBar = this.querySelector('.nine-tab-bar');\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        const activeSheet = body.querySelector(`nine-table-sheet.active`);\n        if (activeSheet && typeof activeSheet.getRowCount === 'function') {\n            const rowCountEl = this.querySelector('#row-count');\n            if (rowCountEl) {\n                rowCountEl.textContent = activeSheet.getRowCount().toLocaleString();\n            }\n        }\n    }\n\n    #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\nif (!customElements.get('nine-table-sheets')) {\n    customElements.define('nine-table-sheets', NineTableSheets);\n}","import './nine-table-sheets.js';\n\nexport class LayoutManager {\n    #root;\n\n    constructor(shadowRoot) {\n        this.#root = shadowRoot;\n        this.#render();\n    }\n\n    #render() {\n        const rawElements = Array.from(this.#root.host.children);\n\n        const sheetsHtml = rawElements.map((_, idx) => {\n            const className = idx === 0 ? 'active' : '';\n            const sheetTag = `<nine-table-sheet class=\"${className}\" data-index=\"${idx}\"></nine-table-sheet>`;\n\n            if (idx === 0) {\n                return sheetTag;\n            }\n            return `<nine-splitter class=\"h\" data-split-index=\"${idx}\"></nine-splitter>${sheetTag}`;\n        }).join('');\n\n        const tabsHtml = rawElements.map((_, idx) => {\n            const className = idx === 0 ? 'active' : '';\n            return `<div class=\"nine-tab-item ${className}\" data-index=\"${idx}\">Sheet ${idx + 1}</div>`;\n        }).join('');\n\n        this.#root.innerHTML = `\n            <style>\n                :host { 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\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-header></nine-table-header>\n            <nine-table-body>\n                <nine-table-summary></nine-table-summary>\n                <nine-splitter></nine-splitter>\n                <nine-table-sheets>\n                    <nine-table-sheets-body>${sheetsHtml}</nine-table-sheets-body>\n                    <nine-table-sheets-footer>\n                        <div class=\"nine-tab-bar\">${tabsHtml}</div>\n                        <div class=\"sheets-counter\">Total : <span id=\"row-count\">0</span></div>\n                    </nine-table-sheets-footer>\n                </nine-table-sheets>\n                <nine-table-analysis></nine-table-analysis>\n            </nine-table-body>\n            <nine-table-footer></nine-table-footer>\n        `;\n\n        const $sheetsContainer = this.#root.querySelector('nine-table-sheets');\n        const $sheetElements = this.#root.querySelectorAll('nine-table-sheet');\n\n        $sheetElements?.forEach(($el, idx) => {\n            if (rawElements[idx]) {\n                rawElements[idx].style.display = 'none';\n                $el.init(rawElements[idx]);\n            }\n        });\n\n        $sheetsContainer?.init(rawElements);\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","rawChildren","e","tabItem","isMultiSelect","index","switchSheet_fn","tabBar","body","tabItems","sheetElements","tab","idx","sheet","clickedTab","activeTabs","targetSheet","activeSheets","initialBasis","updateSplitters_fn","activeSheet","rowCountEl","splitter","splitIndex","leftSheet","rightSheet","NineTableSheets","_LayoutManager","shadowRoot","_LayoutManager_instances","_root","rawElements","sheetsHtml","_","sheetTag","tabsHtml","$sheetsContainer","$sheetElements","$el","LayoutManager","_NineTable","_created","NineTable"],"mappings":"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"}

package/package.json

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