@ninebone/table 0.0.46 → 0.0.47

package/dist/nine-table.js

@@ -1,25 +1,25 @@
 var V = Object.defineProperty;
-var F = (l) => {
-  throw TypeError(l);
+var F = (r) => {
+  throw TypeError(r);
 };
-var d = (l, e) => V(l, "name", { value: e, configurable: !0 });
-var A = (l, e, t) => e.has(l) || F("Cannot " + t);
-var h = (l, e, t) => (A(l, e, "read from private field"), t ? t.call(l) : e.get(l)), b = (l, e, t) => e.has(l) ? F("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(l) : e.set(l, t), v = (l, e, t, o) => (A(l, e, "write to private field"), o ? o.call(l, t) : e.set(l, t), t), p = (l, e, t) => (A(l, e, "access private method"), t);
+var h = (r, e) => V(r, "name", { value: e, configurable: !0 });
+var L = (r, e, t) => e.has(r) || F("Cannot " + t);
+var f = (r, e, t) => (L(r, e, "read from private field"), t ? t.call(r) : e.get(r)), u = (r, e, t) => e.has(r) ? F("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(r) : e.set(r, t), v = (r, e, t, o) => (L(r, e, "write to private field"), o ? o.call(r, t) : e.set(r, t), t), g = (r, e, t) => (L(r, e, "access private method"), t);
 import { trace as X } from "@ninebone/util";
-const B = class B extends X.constructor {
+const R = class R extends X.constructor {
   constructor() {
     super(), this.init("nine-table", "green");
   }
 };
-d(B, "Trace");
-let T = B;
-const k = new T();
-var q, m, G, J;
-const I = class I {
+h(R, "Trace");
+let $ = R;
+const q = new $();
+var E, w, G, J;
+const W = class W {
   constructor(e) {
-    b(this, m);
-    b(this, q);
-    v(this, q, e);
+    u(this, w);
+    u(this, E);
+    v(this, E, e);
   }
   /**
    * [Public] 테이블 초기화 진입점
@@ -27,75 +27,80 @@ const I = class I {
    * @returns {HTMLTableElement}
    */
   initializeTable(e) {
-    return p(this, m, G).call(this, e), p(this, m, J).call(this, e), e.classList.add("nine-table-element"), e;
+    return g(this, w, G).call(this, e), g(this, w, J).call(this, e), e.classList.add("nine-table-element"), e;
   }
 };
-q = new WeakMap(), m = new WeakSet(), /**
+E = new WeakMap(), w = new WeakSet(), /**
  * [Private] colgroup 및 col 태그 유무 확인 후 보정
  */
-G = /* @__PURE__ */ d(function(e) {
+G = /* @__PURE__ */ h(function(e) {
   if (e.querySelector("colgroup")) return;
-  const t = e.querySelector("tbody tr") || e.querySelector("tr"), o = t ? t.querySelectorAll("th, td").length : 1, r = document.createElement("colgroup"), s = Math.max(Math.floor((e.clientWidth || 600) / o), 100);
+  const t = e.querySelector("tbody tr") || e.querySelector("tr"), o = t ? t.querySelectorAll("th, td").length : 1, l = document.createElement("colgroup"), s = Math.max(Math.floor((e.clientWidth || 600) / o), 100);
   for (let i = 0; i < o; i++) {
     const n = document.createElement("col");
-    n.setAttribute("width", s), r.appendChild(n);
+    n.setAttribute("width", s), l.appendChild(n);
   }
-  e.prepend(r);
+  e.prepend(l);
 }, "#ensureColgroup"), /**
  * [Private] thead 태그 유무 확인 후 보정
  */
-J = /* @__PURE__ */ d(function(e) {
+J = /* @__PURE__ */ h(function(e) {
   if (e.querySelector("thead")) return;
   const t = document.createElement("thead"), o = e.querySelector("colgroup");
   o ? o.after(t) : e.prepend(t);
-}, "#ensureThead"), d(I, "TableInitializer");
-let $ = I;
-var u, w, E, O;
-const j = class j extends HTMLElement {
+}, "#ensureThead"), h(W, "TableInitializer");
+let T = W;
+var p, S, A, O;
+const B = class B extends HTMLElement {
   constructor() {
     super();
-    b(this, E);
-    b(this, u, null);
-    b(this, w);
-    v(this, w, new $(this));
+    u(this, A);
+    u(this, p, null);
+    u(this, S);
+    v(this, S, new T(this));
   }
   connectedCallback() {
-    p(this, E, O).call(this);
+    g(this, A, O).call(this);
   }
-  /**
-   * @param {HTMLTableElement} tableEl
-   */
   init(t) {
     if (!t) return;
     const o = t.cloneNode(!0);
-    v(this, u, h(this, w).initializeTable(o)), h(this, u).style.display = "table";
-    const r = this.querySelector(".sheet-container-left"), s = this.querySelector(".sheet-container-body"), i = this.querySelector(".sheet-container-right");
+    v(this, p, f(this, S).initializeTable(o)), f(this, p).style.display = "table";
+    const l = this.querySelector(".ng-container-left"), s = this.querySelector(".ng-container-body"), i = this.querySelector(".ng-container-right");
     if (s) {
-      const n = h(this, u).cloneNode(!0);
+      const n = f(this, p).cloneNode(!0);
       n.querySelectorAll('[fixed="left"], [fixed="right"]').forEach((a) => a.remove()), s.innerHTML = "", s.appendChild(n);
     }
-    if (r) {
-      const n = h(this, u).cloneNode(!0);
-      n.querySelectorAll("col, th, td").forEach((a) => {
-        a.getAttribute("fixed") !== "left" && a.remove();
-      }), n.querySelectorAll("tbody tr").forEach((a) => a.remove()), r.innerHTML = "", r.appendChild(n);
+    if (l) {
+      const n = f(this, p).cloneNode(!0);
+      n.querySelectorAll("col, th, td").forEach((c) => {
+        c.getAttribute("fixed") !== "left" && c.remove();
+      }), n.querySelectorAll("tbody tr").forEach((c) => c.remove());
+      let a = 0;
+      n.querySelectorAll("col").forEach((c) => {
+        a += parseInt(c.getAttribute("width") || 0, 10);
+      }), l.innerHTML = "", l.appendChild(n), a > 0 && (l.style.width = `${a}px`, l.style.minWidth = `${a}px`);
     }
     if (i) {
-      const n = h(this, u).cloneNode(!0);
-      n.querySelectorAll("col, th, td").forEach((a) => {
-        a.getAttribute("fixed") !== "right" && a.remove();
-      }), n.querySelectorAll("tbody tr").forEach((a) => a.remove()), i.innerHTML = "", i.appendChild(n);
+      const n = f(this, p).cloneNode(!0);
+      n.querySelectorAll("col, th, td").forEach((c) => {
+        c.getAttribute("fixed") !== "right" && c.remove();
+      }), n.querySelectorAll("tbody tr").forEach((c) => c.remove());
+      let a = 0;
+      n.querySelectorAll("col").forEach((c) => {
+        a += parseInt(c.getAttribute("width") || 0, 10);
+      }), i.innerHTML = "", i.appendChild(n), a > 0 && (i.style.width = `${a}px`, i.style.minWidth = `${a}px`);
     }
-    k.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`);
+    q.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`);
   }
   getRowCount() {
-    return h(this, u) ? h(this, u).querySelectorAll("tbody tr").length : 0;
+    return f(this, p) ? f(this, p).querySelectorAll("tbody tr").length : 0;
   }
   disconnectedCallback() {
-    this.innerHTML = "", k.log("NineTableSheet destroyed.");
+    this.innerHTML = "", q.log("NineTableSheet destroyed.");
   }
 };
-u = new WeakMap(), w = new WeakMap(), E = new WeakSet(), O = /* @__PURE__ */ d(function() {
+p = new WeakMap(), S = new WeakMap(), A = new WeakSet(), O = /* @__PURE__ */ h(function() {
   this.innerHTML = `
         <style>
             nine-table-sheet {
@@ -109,17 +114,7 @@ u = new WeakMap(), w = new WeakMap(), E = new WeakSet(), O = /* @__PURE__ */ d(f
                 overflow: hidden;
             }
 
-            nine-table-sheet .sheet-layout {
-                display: flex;
-                flex-direction: column;
-                width: 100%;
-                height: 100%;
-                flex: 1;
-                overflow: hidden;
-            }
-
-            /* 상단 영역 (3분할 테이블 본문 및 좌우 고정 영역) */
-            nine-table-sheet .sheet-container-top {
+            nine-table-sheet .ng-container-top {
                 display: flex;
                 flex-direction: row;
                 flex: 1;
@@ -128,49 +123,46 @@ u = new WeakMap(), w = new WeakMap(), E = new WeakSet(), O = /* @__PURE__ */ d(f
                 position: relative;
             }
 
-            nine-table-sheet .sheet-container-left {
+            nine-table-sheet .ng-container-left {
                 flex-shrink: 0;
-                width: auto;
-                overflow-x: hidden;
-                overflow-y: hidden;
+                overflow: hidden;
                 background: #ffffff;
                 border-right: 1px solid #e5e7eb;
             }
 
-            nine-table-sheet .sheet-container-body {
+            nine-table-sheet .ng-container-body {
                 flex: 1;
-                overflow: auto; /* 추후 가로/세로 스크롤바와 연동될 메인 바디 뷰포트 */
+                overflow: auto;
                 background: #ffffff;
                 position: relative;
             }
 
-            nine-table-sheet .sheet-container-right {
+            nine-table-sheet .ng-container-right {
                 flex-shrink: 0;
-                width: auto;
-                overflow-x: hidden;
-                overflow-y: hidden;
+                overflow: hidden;
                 background: #ffffff;
                 border-left: 1px solid #e5e7eb;
             }
 
-            /* 하단 영역 (가로 스크롤바 및 코너 엣지 공간) */
-            nine-table-sheet .sheet-container-bottom {
+            nine-table-sheet .ng-container-bottom {
                 display: flex;
                 flex-direction: row;
-                height: 0px; /* 추후 스크롤바 컴포넌트 장착 시 높이 확보 */
+                height: 16px;
                 flex-shrink: 0;
                 background: #f9fafb;
                 border-top: 1px solid #e5e7eb;
             }
 
-            nine-table-sheet .sheet-hscrollbar {
+            nine-table-sheet nine-table-hscrollbar {
                 flex: 1;
                 overflow: hidden;
+                display: block;
             }
 
-            nine-table-sheet .sheet-scroll-edge {
-                width: 17px; /* 스크롤바 두께에 맞춘 코너 여백 공간 */
+            nine-table-sheet .ng-scroll-edge {
+                width: 16px;
                 flex-shrink: 0;
+                background: #f3f4f6;
             }
 
             nine-table-sheet table {
@@ -197,94 +189,93 @@ u = new WeakMap(), w = new WeakMap(), E = new WeakSet(), O = /* @__PURE__ */ d(f
             }
         </style>
         
-        <div class="sheet-layout">
-            <div class="sheet-container-top">
-                <div class="sheet-container-left"></div>
-                <div class="sheet-container-body"></div>
-                <div class="sheet-container-right"></div>
-            </div>
-            <div class="sheet-container-bottom">
-                <div class="sheet-hscrollbar"></div>
-                <div class="sheet-scroll-edge"></div>
-            </div>
+        <div class='ng-container-top'>
+            <div class='ng-container-left'></div>
+            <div class='ng-container-body'></div>
+            <div class='ng-container-right'></div>
+            <nine-table-vscrollbar></nine-table-vscrollbar>
+        </div>
+        <div class='ng-container-bottom'>
+            <nine-table-hscrollbar></nine-table-hscrollbar>
+            <div class='ng-scroll-edge'></div>
         </div>
     `;
-}, "#render"), d(j, "NineTableSheet");
-let H = j;
+}, "#render"), h(B, "NineTableSheet");
+let H = B;
 customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", H);
 var y, P, z, Q;
-const K = class K extends HTMLElement {
+const j = class j extends HTMLElement {
   constructor() {
     super();
-    b(this, y);
+    u(this, y);
   }
   connectedCallback() {
-    p(this, y, P).call(this);
+    g(this, y, P).call(this);
   }
 };
-y = new WeakSet(), P = /* @__PURE__ */ d(function() {
+y = new WeakSet(), P = /* @__PURE__ */ h(function() {
   const t = this.querySelector(".nine-tab-bar");
   t && (t.addEventListener("click", (o) => {
-    const r = o.target.closest(".nine-tab-item");
-    if (!r) return;
-    const s = o.ctrlKey || o.metaKey || o.shiftKey, i = parseInt(r.dataset.index, 10);
-    p(this, y, z).call(this, i, s);
-  }), p(this, y, z).call(this, 0, !1));
-}, "#init"), z = /* @__PURE__ */ d(function(t, o = !1) {
-  const r = this.querySelector(".nine-tab-bar"), s = this.querySelector("nine-table-sheets-body"), i = r.querySelectorAll(".nine-tab-item"), n = s.querySelectorAll("nine-table-sheet");
+    const l = o.target.closest(".nine-tab-item");
+    if (!l) return;
+    const s = o.ctrlKey || o.metaKey || o.shiftKey, i = parseInt(l.dataset.index, 10);
+    g(this, y, z).call(this, i, s);
+  }), g(this, y, z).call(this, 0, !1));
+}, "#init"), z = /* @__PURE__ */ h(function(t, o = !1) {
+  const l = this.querySelector(".nine-tab-bar"), s = this.querySelector("nine-table-sheets-body"), i = l.querySelectorAll(".nine-tab-item"), n = s.querySelectorAll("nine-table-sheet");
   if (!i[t]) return;
   if (!o)
-    i.forEach((c, f) => {
-      c.classList.toggle("active", f === t);
-      const x = s.querySelector(`nine-table-sheet[data-index="${f}"]`);
+    i.forEach((d, b) => {
+      d.classList.toggle("active", b === t);
+      const x = s.querySelector(`nine-table-sheet[data-index="${b}"]`);
       x && (x.style.flex = "");
-    }), n.forEach((c, f) => {
-      c.classList.toggle("active", f === t);
+    }), n.forEach((d, b) => {
+      d.classList.toggle("active", b === t);
     });
   else {
-    const c = i[t], f = r.querySelectorAll(".nine-tab-item.active");
-    if (c.classList.contains("active") && f.length <= 1)
+    const d = i[t], b = l.querySelectorAll(".nine-tab-item.active");
+    if (d.classList.contains("active") && b.length <= 1)
       return;
-    c.classList.toggle("active");
+    d.classList.toggle("active");
     const x = s.querySelector(`nine-table-sheet[data-index="${t}"]`);
     x && (x.classList.toggle("active"), x.classList.contains("active") || (x.style.flex = ""));
   }
   const a = Array.from(s.querySelectorAll("nine-table-sheet.active"));
   if (a.length > 1) {
-    const c = 1 / a.length;
-    a.forEach((f) => {
-      (!f.style.flex || f.style.flex === "1 1 100%") && (f.style.flex = `${c} ${c} 0px`);
+    const d = 1 / a.length;
+    a.forEach((b) => {
+      (!b.style.flex || b.style.flex === "1 1 100%") && (b.style.flex = `${d} ${d} 0px`);
     });
   } else
-    a.forEach((c) => {
-      c.style.flex = "1 1 100%";
+    a.forEach((d) => {
+      d.style.flex = "1 1 100%";
     });
-  p(this, y, Q).call(this);
-  const L = s.querySelector("nine-table-sheet.active");
-  if (L && typeof L.getRowCount == "function") {
-    const c = this.querySelector("#row-count");
-    c && (c.textContent = L.getRowCount().toLocaleString());
+  g(this, y, Q).call(this);
+  const c = s.querySelector("nine-table-sheet.active");
+  if (c && typeof c.getRowCount == "function") {
+    const d = this.querySelector("#row-count");
+    d && (d.textContent = c.getRowCount().toLocaleString());
   }
-}, "#switchSheet"), Q = /* @__PURE__ */ d(function() {
+}, "#switchSheet"), Q = /* @__PURE__ */ h(function() {
   const t = this.querySelector("nine-table-sheets-body");
-  t.querySelectorAll("nine-splitter").forEach((r) => {
-    const s = parseInt(r.dataset.splitIndex, 10), i = t.querySelector(`nine-table-sheet[data-index="${s - 1}"]`), n = t.querySelector(`nine-table-sheet[data-index="${s}"]`);
-    i && n && i.classList.contains("active") && n.classList.contains("active") ? r.classList.add("active") : r.classList.remove("active");
+  t.querySelectorAll("nine-splitter").forEach((l) => {
+    const s = parseInt(l.dataset.splitIndex, 10), i = t.querySelector(`nine-table-sheet[data-index="${s - 1}"]`), n = t.querySelector(`nine-table-sheet[data-index="${s}"]`);
+    i && n && i.classList.contains("active") && n.classList.contains("active") ? l.classList.add("active") : l.classList.remove("active");
   });
-}, "#updateSplitters"), d(K, "NineTableSheets");
-let M = K;
+}, "#updateSplitters"), h(j, "NineTableSheets");
+let M = j;
 customElements.get("nine-table-sheets") || customElements.define("nine-table-sheets", M);
-var g, C, U;
-const W = class W {
+var m, C, U;
+const K = class K {
   constructor(e) {
-    b(this, C);
-    b(this, g);
-    v(this, g, e), p(this, C, U).call(this);
+    u(this, C);
+    u(this, m);
+    v(this, m, e), g(this, C, U).call(this);
   }
 };
-g = new WeakMap(), C = new WeakSet(), U = /* @__PURE__ */ d(function() {
-  const t = Array.from(h(this, g).host.children).filter((i) => i.tagName === "TABLE"), o = t.map((i, n) => `<nine-table-sheet class="${n === 0 ? "active" : ""}" data-index="${n}"></nine-table-sheet>`).join(""), r = t.map((i, n) => `<div class="nine-tab-item ${n === 0 ? "active" : ""}" data-index="${n}">Sheet ${n + 1}</div>`).join("");
-  h(this, g).innerHTML = `
+m = new WeakMap(), C = new WeakSet(), U = /* @__PURE__ */ h(function() {
+  const t = Array.from(f(this, m).host.children).filter((i) => i.tagName === "TABLE"), o = t.map((i, n) => `<nine-table-sheet class="${n === 0 ? "active" : ""}" data-index="${n}"></nine-table-sheet>`).join(""), l = t.map((i, n) => `<div class="nine-tab-item ${n === 0 ? "active" : ""}" data-index="${n}">Sheet ${n + 1}</div>`).join("");
+  f(this, m).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; }
@@ -367,7 +358,7 @@ g = new WeakMap(), C = new WeakSet(), U = /* @__PURE__ */ d(function() {
                 <nine-table-sheets>
                     <nine-table-sheets-body>${o}</nine-table-sheets-body>
                     <nine-table-sheets-footer>
-                        <div class="nine-tab-bar">${r}</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>
@@ -375,27 +366,27 @@ g = new WeakMap(), C = new WeakSet(), U = /* @__PURE__ */ d(function() {
             </nine-table-body>
             <nine-table-footer></nine-table-footer>
         `;
-  const s = h(this, g).querySelectorAll("nine-table-sheet");
+  const s = f(this, m).querySelectorAll("nine-table-sheet");
   s == null || s.forEach((i, n) => {
     t[n] && i.init(t[n]);
   });
-}, "#render"), d(W, "LayoutManager");
-let N = W;
-var S;
+}, "#render"), h(K, "LayoutManager");
+let N = K;
+var k;
 const D = class D extends HTMLElement {
   constructor() {
     super();
-    b(this, S, !1);
+    u(this, k, !1);
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    h(this, S) || (this.layoutManager = new N(this.shadowRoot), v(this, S, !0), k.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } })));
+    f(this, k) || (this.layoutManager = new N(this.shadowRoot), v(this, k, !0), q.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } })));
   }
   disconnectedCallback() {
-    k.log("NineTable disconnected.");
+    q.log("NineTable disconnected.");
   }
 };
-S = new WeakMap(), d(D, "NineTable");
-let R = D;
-customElements.get("nine-table") || customElements.define("nine-table", R);
+k = new WeakMap(), h(D, "NineTable");
+let I = D;
+customElements.get("nine-table") || customElements.define("nine-table", I);
 //# sourceMappingURL=nine-table.js.map

package/dist/nine-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"nine-table.js","sources":["../src/external/NoPeer.js","../src/ui/TableInitializer.js","../src/ui/nine-table-sheet.js","../src/ui/nine-table-sheets.js","../src/ui/LayoutManager.js","../src/core/nine-table.js"],"sourcesContent":["import { trace as traceOrigin } from '@ninebone/util';\n\nexport class Trace extends traceOrigin.constructor {\n    constructor() {\n        super();\n        this.init(\"nine-table\", \"green\");\n    }\n}\n\nexport const trace = new Trace();","export class TableInitializer {\n    #container;\n\n    constructor(container) {\n        this.#container = container;\n    }\n\n    /**\n     * [Public] 테이블 초기화 진입점\n     * @param {HTMLTableElement} tbl\n     * @returns {HTMLTableElement}\n     */\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    /**\n     * [Private] colgroup 및 col 태그 유무 확인 후 보정\n     */\n    #ensureColgroup(tbl) {\n        if (tbl.querySelector('colgroup')) return;\n\n        const firstRow = tbl.querySelector('tbody tr') || tbl.querySelector('tr');\n        const colCount = firstRow ? firstRow.querySelectorAll('th, td').length : 1;\n\n        const colgroup = document.createElement('colgroup');\n        const defaultWidth = Math.max(Math.floor((tbl.clientWidth || 600) / colCount), 100);\n\n        for (let i = 0; i < colCount; i++) {\n            const col = document.createElement('col');\n            col.setAttribute('width', defaultWidth);\n            colgroup.appendChild(col);\n        }\n        tbl.prepend(colgroup);\n    }\n\n    /**\n     * [Private] thead 태그 유무 확인 후 보정\n     */\n    #ensureThead(tbl) {\n        if (tbl.querySelector('thead')) return;\n\n        const thead = document.createElement('thead');\n        const colgroup = tbl.querySelector('colgroup');\n\n        if (colgroup) {\n            colgroup.after(thead);\n        } else {\n            tbl.prepend(thead);\n        }\n    }\n}","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     * @param {HTMLTableElement} tableEl\n     */\n    init(tableEl) {\n        if (!tableEl) return;\n\n        const clonedTable = tableEl.cloneNode(true);\n        this.#tableElement = this.#initializer.initializeTable(clonedTable);\n        this.#tableElement.style.display = 'table';\n\n        const leftContainer = this.querySelector('.sheet-container-left');\n        const bodyContainer = this.querySelector('.sheet-container-body');\n        const rightContainer = this.querySelector('.sheet-container-right');\n\n        if (bodyContainer) {\n            const bodyTable = this.#tableElement.cloneNode(true);\n            bodyTable.querySelectorAll('[fixed=\"left\"], [fixed=\"right\"]').forEach(el => el.remove());\n            bodyContainer.innerHTML = '';\n            bodyContainer.appendChild(bodyTable);\n        }\n\n        if (leftContainer) {\n            const leftTable = this.#tableElement.cloneNode(true);\n            leftTable.querySelectorAll('col, th, td').forEach(el => {\n                if (el.getAttribute('fixed') !== 'left') el.remove();\n            });\n            leftTable.querySelectorAll('tbody tr').forEach(tr => tr.remove());\n\n            leftContainer.innerHTML = '';\n            leftContainer.appendChild(leftTable);\n        }\n\n        if (rightContainer) {\n            const rightTable = this.#tableElement.cloneNode(true);\n            rightTable.querySelectorAll('col, th, td').forEach(el => {\n                if (el.getAttribute('fixed') !== 'right') el.remove();\n            });\n            rightTable.querySelectorAll('tbody tr').forEach(tr => tr.remove());\n\n            rightContainer.innerHTML = '';\n            rightContainer.appendChild(rightTable);\n        }\n\n        trace.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`);\n    }\n\n    getRowCount() {\n        if (!this.#tableElement) return 0;\n        return this.#tableElement.querySelectorAll('tbody tr').length;\n    }\n\n    #render() {\n        this.innerHTML = `\n        <style>\n            nine-table-sheet {\n                display: flex;\n                flex-direction: column;\n                width: 100%;\n                height: 100%;\n                position: relative;\n                box-sizing: border-box;\n                background: #ffffff;\n                overflow: hidden;\n            }\n\n            nine-table-sheet .sheet-layout {\n                display: flex;\n                flex-direction: column;\n                width: 100%;\n                height: 100%;\n                flex: 1;\n                overflow: hidden;\n            }\n\n            /* 상단 영역 (3분할 테이블 본문 및 좌우 고정 영역) */\n            nine-table-sheet .sheet-container-top {\n                display: flex;\n                flex-direction: row;\n                flex: 1;\n                width: 100%;\n                overflow: hidden;\n                position: relative;\n            }\n\n            nine-table-sheet .sheet-container-left {\n                flex-shrink: 0;\n                width: auto;\n                overflow-x: hidden;\n                overflow-y: hidden;\n                background: #ffffff;\n                border-right: 1px solid #e5e7eb;\n            }\n\n            nine-table-sheet .sheet-container-body {\n                flex: 1;\n                overflow: auto; /* 추후 가로/세로 스크롤바와 연동될 메인 바디 뷰포트 */\n                background: #ffffff;\n                position: relative;\n            }\n\n            nine-table-sheet .sheet-container-right {\n                flex-shrink: 0;\n                width: auto;\n                overflow-x: hidden;\n                overflow-y: hidden;\n                background: #ffffff;\n                border-left: 1px solid #e5e7eb;\n            }\n\n            /* 하단 영역 (가로 스크롤바 및 코너 엣지 공간) */\n            nine-table-sheet .sheet-container-bottom {\n                display: flex;\n                flex-direction: row;\n                height: 0px; /* 추후 스크롤바 컴포넌트 장착 시 높이 확보 */\n                flex-shrink: 0;\n                background: #f9fafb;\n                border-top: 1px solid #e5e7eb;\n            }\n\n            nine-table-sheet .sheet-hscrollbar {\n                flex: 1;\n                overflow: hidden;\n            }\n\n            nine-table-sheet .sheet-scroll-edge {\n                width: 17px; /* 스크롤바 두께에 맞춘 코너 여백 공간 */\n                flex-shrink: 0;\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-layout\">\n            <div class=\"sheet-container-top\">\n                <div class=\"sheet-container-left\"></div>\n                <div class=\"sheet-container-body\"></div>\n                <div class=\"sheet-container-right\"></div>\n            </div>\n            <div class=\"sheet-container-bottom\">\n                <div class=\"sheet-hscrollbar\"></div>\n                <div class=\"sheet-scroll-edge\"></div>\n            </div>\n        </div>\n    `;\n    }\n\n    disconnectedCallback() {\n        this.innerHTML = '';\n        trace.log('NineTableSheet destroyed.');\n    }\n}\n\nif (!customElements.get('nine-table-sheet')) {\n    customElements.define('nine-table-sheet', NineTableSheet);\n}","import './nine-table-sheet.js';\n\nexport class NineTableSheets extends HTMLElement {\n    constructor() {\n        super();\n    }\n\n    connectedCallback() {\n        this.#init();\n    }\n\n    #init() {\n        const tabBar = this.querySelector('.nine-tab-bar');\n        if (!tabBar) return;\n\n        tabBar.addEventListener('click', (e) => {\n            const tabItem = e.target.closest('.nine-tab-item');\n            if (!tabItem) return;\n\n            const isMultiSelect = e.ctrlKey || e.metaKey || e.shiftKey;\n            const index = parseInt(tabItem.dataset.index, 10);\n            this.#switchSheet(index, isMultiSelect);\n        });\n\n        this.#switchSheet(0, false);\n    }\n\n    #switchSheet(index, isMultiSelect = false) {\n        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        const rawTables = rawElements.filter(el => el.tagName === 'TABLE');\n\n        const sheetsHtml = rawTables.map((_, idx) => {\n            const className = idx === 0 ? 'active' : '';\n            return `<nine-table-sheet class=\"${className}\" data-index=\"${idx}\"></nine-table-sheet>`;\n        }).join('');\n\n        const tabsHtml = rawTables.map((_, idx) => {\n            const className = idx === 0 ? 'active' : '';\n            return `<div class=\"nine-tab-item ${className}\" data-index=\"${idx}\">Sheet ${idx + 1}</div>`;\n        }).join('');\n\n        this.#root.innerHTML = `\n            <style>\n                :host { 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                    flex: 1 1 100%;\n                }\n                nine-table-sheet.active {\n                    display: block !important;\n                }\n                nine-table-sheets-footer {\n                    display: flex;\n                    height: 32px;\n                    background: #f3f4f6;\n                    border-top: 1px solid #e5e7eb;\n                    align-items: center;\n                    justify-content: space-between;\n                    padding: 0 8px;\n                    flex-shrink: 0;\n                }\n                nine-table-sheets .nine-tab-bar {\n                    display: flex;\n                    align-items: center;\n                    gap: 2px;\n                    overflow-x: auto;\n                    flex: 1;\n                    height: 100%;\n                }\n                nine-table-sheets .nine-tab-item {\n                    padding: 4px 12px;\n                    cursor: pointer;\n                    font-size: 12px;\n                    color: #4b5563;\n                    background: #e5e7eb;\n                    border: 1px solid #d1d5db;\n                    border-top: none;\n                    border-radius: 0 0 3px 3px;\n                    user-select: none;\n                }\n                nine-table-sheets .nine-tab-item.active {\n                    background: #ffffff;\n                    color: #111827;\n                    font-weight: 600;\n                    border-bottom: 2px solid #2563eb;\n                }\n                nine-table-sheets .sheets-counter {\n                    font-size: 12px;\n                    color: #6b7280;\n                    padding-left: 12px;\n                    flex-shrink: 0;\n                }\n            </style>\n            \n            <nine-table-header></nine-table-header>\n            <nine-table-body>\n                <nine-table-summary></nine-table-summary>\n                <nine-table-sheets>\n                    <nine-table-sheets-body>${sheetsHtml}</nine-table-sheets-body>\n                    <nine-table-sheets-footer>\n                        <div class=\"nine-tab-bar\">${tabsHtml}</div>\n                        <div class=\"sheets-counter\">Total : <span id=\"row-count\">0</span></div>\n                    </nine-table-sheets-footer>\n                </nine-table-sheets>\n                <nine-table-analysis></nine-table-analysis>\n            </nine-table-body>\n            <nine-table-footer></nine-table-footer>\n        `;\n\n        const $sheetElements = this.#root.querySelectorAll('nine-table-sheet');\n\n        $sheetElements?.forEach(($el, idx) => {\n            if (rawTables[idx]) {\n                $el.init(rawTables[idx]);\n            }\n        });\n    }\n}","import {trace} from \"@nopeer\";\nimport { LayoutManager } from '../ui/LayoutManager.js';\n\nexport default class NineTable extends HTMLElement {\n    #created = false;\n\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n    }\n\n    connectedCallback() {\n        if (this.#created) return;\n\n        // shadowRoot 하나만 넘겨서 내부에서 레이아웃 및 테이블 수집 처리\n        this.layoutManager = new LayoutManager(this.shadowRoot);\n        //this.layoutManager.render();\n\n        this.#created = true;\n        trace.log('NineTable connected.');\n\n        this.dispatchEvent(new CustomEvent('load', { bubbles: true, detail: { target: this } }));\n    }\n\n    disconnectedCallback() {\n        trace.log('NineTable disconnected.');\n    }\n}\n\nif (!customElements.get('nine-table')) {\n    customElements.define('nine-table', NineTable);\n}"],"names":["_Trace","traceOrigin","__name","Trace","trace","_TableInitializer","container","__privateAdd","_TableInitializer_instances","_container","__privateSet","tbl","__privateMethod","ensureColgroup_fn","ensureThead_fn","firstRow","colCount","colgroup","defaultWidth","col","thead","TableInitializer","_NineTableSheet","_NineTableSheet_instances","_tableElement","_initializer","render_fn","tableEl","clonedTable","__privateGet","leftContainer","bodyContainer","rightContainer","bodyTable","el","leftTable","tr","rightTable","NineTableSheet","_NineTableSheets","_NineTableSheets_instances","init_fn","tabBar","e","tabItem","isMultiSelect","index","switchSheet_fn","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","rawTables","sheetsHtml","_","tabsHtml","$sheetElements","$el","LayoutManager","_NineTable","_created","NineTable"],"mappings":"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"}
+{"version":3,"file":"nine-table.js","sources":["../src/external/NoPeer.js","../src/ui/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    /**\n     * [Public] 테이블 초기화 진입점\n     * @param {HTMLTableElement} tbl\n     * @returns {HTMLTableElement}\n     */\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    /**\n     * [Private] colgroup 및 col 태그 유무 확인 후 보정\n     */\n    #ensureColgroup(tbl) {\n        if (tbl.querySelector('colgroup')) return;\n\n        const firstRow = tbl.querySelector('tbody tr') || tbl.querySelector('tr');\n        const colCount = firstRow ? firstRow.querySelectorAll('th, td').length : 1;\n\n        const colgroup = document.createElement('colgroup');\n        const defaultWidth = Math.max(Math.floor((tbl.clientWidth || 600) / colCount), 100);\n\n        for (let i = 0; i < colCount; i++) {\n            const col = document.createElement('col');\n            col.setAttribute('width', defaultWidth);\n            colgroup.appendChild(col);\n        }\n        tbl.prepend(colgroup);\n    }\n\n    /**\n     * [Private] thead 태그 유무 확인 후 보정\n     */\n    #ensureThead(tbl) {\n        if (tbl.querySelector('thead')) return;\n\n        const thead = document.createElement('thead');\n        const colgroup = tbl.querySelector('colgroup');\n\n        if (colgroup) {\n            colgroup.after(thead);\n        } else {\n            tbl.prepend(thead);\n        }\n    }\n}","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    init(tableEl) {\n        if (!tableEl) return;\n\n        const clonedTable = tableEl.cloneNode(true);\n        this.#tableElement = this.#initializer.initializeTable(clonedTable);\n        this.#tableElement.style.display = 'table';\n\n        const leftContainer = this.querySelector('.ng-container-left');\n        const bodyContainer = this.querySelector('.ng-container-body');\n        const rightContainer = this.querySelector('.ng-container-right');\n\n        // 1. 메인 바디 영역 (좌우 고정 컬럼 제외)\n        if (bodyContainer) {\n            const bodyTable = this.#tableElement.cloneNode(true);\n            bodyTable.querySelectorAll('[fixed=\"left\"], [fixed=\"right\"]').forEach(el => el.remove());\n            bodyContainer.innerHTML = '';\n            bodyContainer.appendChild(bodyTable);\n        }\n\n        // 2. 좌측 고정 영역 및 너비 계산\n        if (leftContainer) {\n            const leftTable = this.#tableElement.cloneNode(true);\n            leftTable.querySelectorAll('col, th, td').forEach(el => {\n                if (el.getAttribute('fixed') !== 'left') el.remove();\n            });\n            leftTable.querySelectorAll('tbody tr').forEach(tr => tr.remove());\n\n            let leftWidth = 0;\n            leftTable.querySelectorAll('col').forEach(col => {\n                leftWidth += parseInt(col.getAttribute('width') || 0, 10);\n            });\n\n            leftContainer.innerHTML = '';\n            leftContainer.appendChild(leftTable);\n\n            if (leftWidth > 0) {\n                leftContainer.style.width = `${leftWidth}px`;\n                leftContainer.style.minWidth = `${leftWidth}px`;\n            }\n        }\n\n        // 3. 우측 고정 영역 및 너비 계산\n        if (rightContainer) {\n            const rightTable = this.#tableElement.cloneNode(true);\n            rightTable.querySelectorAll('col, th, td').forEach(el => {\n                if (el.getAttribute('fixed') !== 'right') el.remove();\n            });\n            rightTable.querySelectorAll('tbody tr').forEach(tr => tr.remove());\n\n            let rightWidth = 0;\n            rightTable.querySelectorAll('col').forEach(col => {\n                rightWidth += parseInt(col.getAttribute('width') || 0, 10);\n            });\n\n            rightContainer.innerHTML = '';\n            rightContainer.appendChild(rightTable);\n\n            if (rightWidth > 0) {\n                rightContainer.style.width = `${rightWidth}px`;\n                rightContainer.style.minWidth = `${rightWidth}px`;\n            }\n        }\n\n        trace.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`);\n    }\n\n    getRowCount() {\n        if (!this.#tableElement) return 0;\n        return this.#tableElement.querySelectorAll('tbody tr').length;\n    }\n\n    #render() {\n        this.innerHTML = `\n        <style>\n            nine-table-sheet {\n                display: flex;\n                flex-direction: column;\n                width: 100%;\n                height: 100%;\n                position: relative;\n                box-sizing: border-box;\n                background: #ffffff;\n                overflow: hidden;\n            }\n\n            nine-table-sheet .ng-container-top {\n                display: flex;\n                flex-direction: row;\n                flex: 1;\n                width: 100%;\n                overflow: hidden;\n                position: relative;\n            }\n\n            nine-table-sheet .ng-container-left {\n                flex-shrink: 0;\n                overflow: hidden;\n                background: #ffffff;\n                border-right: 1px solid #e5e7eb;\n            }\n\n            nine-table-sheet .ng-container-body {\n                flex: 1;\n                overflow: auto;\n                background: #ffffff;\n                position: relative;\n            }\n\n            nine-table-sheet .ng-container-right {\n                flex-shrink: 0;\n                overflow: hidden;\n                background: #ffffff;\n                border-left: 1px solid #e5e7eb;\n            }\n\n            nine-table-sheet .ng-container-bottom {\n                display: flex;\n                flex-direction: row;\n                height: 16px;\n                flex-shrink: 0;\n                background: #f9fafb;\n                border-top: 1px solid #e5e7eb;\n            }\n\n            nine-table-sheet nine-table-hscrollbar {\n                flex: 1;\n                overflow: hidden;\n                display: block;\n            }\n\n            nine-table-sheet .ng-scroll-edge {\n                width: 16px;\n                flex-shrink: 0;\n                background: #f3f4f6;\n            }\n\n            nine-table-sheet table {\n                border-collapse: collapse;\n                width: 100%;\n                table-layout: fixed;\n            }\n\n            nine-table-sheet th, nine-table-sheet td {\n                box-sizing: border-box;\n                overflow: hidden;\n                white-space: nowrap;\n                text-overflow: ellipsis;\n                padding: 6px 8px;\n                border: 1px solid #e5e7eb;\n                font-size: 12px;\n                color: #111827;\n            }\n\n            nine-table-sheet th {\n                background-color: #f9fafb;\n                font-weight: 600;\n                text-align: left;\n            }\n        </style>\n        \n        <div class='ng-container-top'>\n            <div class='ng-container-left'></div>\n            <div class='ng-container-body'></div>\n            <div class='ng-container-right'></div>\n            <nine-table-vscrollbar></nine-table-vscrollbar>\n        </div>\n        <div class='ng-container-bottom'>\n            <nine-table-hscrollbar></nine-table-hscrollbar>\n            <div class='ng-scroll-edge'></div>\n        </div>\n    `;\n    }\n\n    disconnectedCallback() {\n        this.innerHTML = '';\n        trace.log('NineTableSheet destroyed.');\n    }\n}\n\nif (!customElements.get('nine-table-sheet')) {\n    customElements.define('nine-table-sheet', NineTableSheet);\n}","import './nine-table-sheet.js';\n\nexport class NineTableSheets extends HTMLElement {\n    constructor() {\n        super();\n    }\n\n    connectedCallback() {\n        this.#init();\n    }\n\n    #init() {\n        const tabBar = this.querySelector('.nine-tab-bar');\n        if (!tabBar) return;\n\n        tabBar.addEventListener('click', (e) => {\n            const tabItem = e.target.closest('.nine-tab-item');\n            if (!tabItem) return;\n\n            const isMultiSelect = e.ctrlKey || e.metaKey || e.shiftKey;\n            const index = parseInt(tabItem.dataset.index, 10);\n            this.#switchSheet(index, isMultiSelect);\n        });\n\n        this.#switchSheet(0, false);\n    }\n\n    #switchSheet(index, isMultiSelect = false) {\n        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        const rawTables = rawElements.filter(el => el.tagName === 'TABLE');\n\n        const sheetsHtml = rawTables.map((_, idx) => {\n            const className = idx === 0 ? 'active' : '';\n            return `<nine-table-sheet class=\"${className}\" data-index=\"${idx}\"></nine-table-sheet>`;\n        }).join('');\n\n        const tabsHtml = rawTables.map((_, idx) => {\n            const className = idx === 0 ? 'active' : '';\n            return `<div class=\"nine-tab-item ${className}\" data-index=\"${idx}\">Sheet ${idx + 1}</div>`;\n        }).join('');\n\n        this.#root.innerHTML = `\n            <style>\n                :host { 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                    flex: 1 1 100%;\n                }\n                nine-table-sheet.active {\n                    display: block !important;\n                }\n                nine-table-sheets-footer {\n                    display: flex;\n                    height: 32px;\n                    background: #f3f4f6;\n                    border-top: 1px solid #e5e7eb;\n                    align-items: center;\n                    justify-content: space-between;\n                    padding: 0 8px;\n                    flex-shrink: 0;\n                }\n                nine-table-sheets .nine-tab-bar {\n                    display: flex;\n                    align-items: center;\n                    gap: 2px;\n                    overflow-x: auto;\n                    flex: 1;\n                    height: 100%;\n                }\n                nine-table-sheets .nine-tab-item {\n                    padding: 4px 12px;\n                    cursor: pointer;\n                    font-size: 12px;\n                    color: #4b5563;\n                    background: #e5e7eb;\n                    border: 1px solid #d1d5db;\n                    border-top: none;\n                    border-radius: 0 0 3px 3px;\n                    user-select: none;\n                }\n                nine-table-sheets .nine-tab-item.active {\n                    background: #ffffff;\n                    color: #111827;\n                    font-weight: 600;\n                    border-bottom: 2px solid #2563eb;\n                }\n                nine-table-sheets .sheets-counter {\n                    font-size: 12px;\n                    color: #6b7280;\n                    padding-left: 12px;\n                    flex-shrink: 0;\n                }\n            </style>\n            \n            <nine-table-header></nine-table-header>\n            <nine-table-body>\n                <nine-table-summary></nine-table-summary>\n                <nine-table-sheets>\n                    <nine-table-sheets-body>${sheetsHtml}</nine-table-sheets-body>\n                    <nine-table-sheets-footer>\n                        <div class=\"nine-tab-bar\">${tabsHtml}</div>\n                        <div class=\"sheets-counter\">Total : <span id=\"row-count\">0</span></div>\n                    </nine-table-sheets-footer>\n                </nine-table-sheets>\n                <nine-table-analysis></nine-table-analysis>\n            </nine-table-body>\n            <nine-table-footer></nine-table-footer>\n        `;\n\n        const $sheetElements = this.#root.querySelectorAll('nine-table-sheet');\n\n        $sheetElements?.forEach(($el, idx) => {\n            if (rawTables[idx]) {\n                $el.init(rawTables[idx]);\n            }\n        });\n    }\n}","import {trace} from \"@nopeer\";\nimport { LayoutManager } from '../ui/LayoutManager.js';\n\nexport default class NineTable extends HTMLElement {\n    #created = false;\n\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n    }\n\n    connectedCallback() {\n        if (this.#created) return;\n\n        // shadowRoot 하나만 넘겨서 내부에서 레이아웃 및 테이블 수집 처리\n        this.layoutManager = new LayoutManager(this.shadowRoot);\n        //this.layoutManager.render();\n\n        this.#created = true;\n        trace.log('NineTable connected.');\n\n        this.dispatchEvent(new CustomEvent('load', { bubbles: true, detail: { target: this } }));\n    }\n\n    disconnectedCallback() {\n        trace.log('NineTable disconnected.');\n    }\n}\n\nif (!customElements.get('nine-table')) {\n    customElements.define('nine-table', NineTable);\n}"],"names":["_Trace","traceOrigin","__name","Trace","trace","_TableInitializer","container","__privateAdd","_TableInitializer_instances","_container","__privateSet","tbl","__privateMethod","ensureColgroup_fn","ensureThead_fn","firstRow","colCount","colgroup","defaultWidth","col","thead","TableInitializer","_NineTableSheet","_NineTableSheet_instances","_tableElement","_initializer","render_fn","tableEl","clonedTable","__privateGet","leftContainer","bodyContainer","rightContainer","bodyTable","el","leftTable","tr","leftWidth","rightTable","rightWidth","NineTableSheet","_NineTableSheets","_NineTableSheets_instances","init_fn","tabBar","e","tabItem","isMultiSelect","index","switchSheet_fn","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","rawTables","sheetsHtml","_","tabsHtml","$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 V=Object.defineProperty;var D=n=>{throw TypeError(n)};var f=(n,i)=>V(n,"name",{value:i,configurable:!0});var W=(n,i,c)=>i.has(n)||D("Cannot "+c);var b=(n,i,c)=>(W(n,i,"read from private field"),c?c.call(n):i.get(n)),y=(n,i,c)=>i.has(n)?D("Cannot add the same private member more than once"):i instanceof WeakSet?i.add(n):i.set(n,c),q=(n,i,c,w)=>(W(n,i,"write to private field"),w?w.call(n,c):i.set(n,c),c),g=(n,i,c)=>(W(n,i,"access private method"),c);var C,S,F,G,u,k,L,J,x,O,U,P,v,A,Q,E;const z=class z extends n.trace.constructor{constructor(){super(),this.init("nine-table","green")}};f(z,"Trace");let i=z;const c=new i,N=class N{constructor(o){y(this,S);y(this,C);q(this,C,o)}initializeTable(o){return g(this,S,F).call(this,o),g(this,S,G).call(this,o),o.classList.add("nine-table-element"),o}};C=new WeakMap,S=new WeakSet,F=f(function(o){if(o.querySelector("colgroup"))return;const t=o.querySelector("tbody tr")||o.querySelector("tr"),d=t?t.querySelectorAll("th, td").length:1,r=document.createElement("colgroup"),l=Math.max(Math.floor((o.clientWidth||600)/d),100);for(let s=0;s<d;s++){const e=document.createElement("col");e.setAttribute("width",l),r.appendChild(e)}o.prepend(r)},"#ensureColgroup"),G=f(function(o){if(o.querySelector("thead"))return;const t=document.createElement("thead"),d=o.querySelector("colgroup");d?d.after(t):o.prepend(t)},"#ensureThead"),f(N,"TableInitializer");let w=N;const R=class R extends HTMLElement{constructor(){super();y(this,L);y(this,u,null);y(this,k);q(this,k,new w(this))}connectedCallback(){g(this,L,J).call(this)}init(t){if(!t)return;const d=t.cloneNode(!0);q(this,u,b(this,k).initializeTable(d)),b(this,u).style.display="table";const r=this.querySelector(".sheet-container-left"),l=this.querySelector(".sheet-container-body"),s=this.querySelector(".sheet-container-right");if(l){const e=b(this,u).cloneNode(!0);e.querySelectorAll('[fixed="left"], [fixed="right"]').forEach(a=>a.remove()),l.innerHTML="",l.appendChild(e)}if(r){const e=b(this,u).cloneNode(!0);e.querySelectorAll("col, th, td").forEach(a=>{a.getAttribute("fixed")!=="left"&&a.remove()}),e.querySelectorAll("tbody tr").forEach(a=>a.remove()),r.innerHTML="",r.appendChild(e)}if(s){const e=b(this,u).cloneNode(!0);e.querySelectorAll("col, th, td").forEach(a=>{a.getAttribute("fixed")!=="right"&&a.remove()}),e.querySelectorAll("tbody tr").forEach(a=>a.remove()),s.innerHTML="",s.appendChild(e)}c.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`)}getRowCount(){return b(this,u)?b(this,u).querySelectorAll("tbody tr").length:0}disconnectedCallback(){this.innerHTML="",c.log("NineTableSheet destroyed.")}};u=new WeakMap,k=new WeakMap,L=new WeakSet,J=f(function(){this.innerHTML=`
+(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 V=Object.defineProperty;var D=n=>{throw TypeError(n)};var b=(n,i)=>V(n,"name",{value:i,configurable:!0});var K=(n,i,c)=>i.has(n)||D("Cannot "+c);var u=(n,i,c)=>(K(n,i,"read from private field"),c?c.call(n):i.get(n)),y=(n,i,c)=>i.has(n)?D("Cannot add the same private member more than once"):i instanceof WeakSet?i.add(n):i.set(n,c),k=(n,i,c,S)=>(K(n,i,"write to private field"),S?S.call(n,c):i.set(n,c),c),m=(n,i,c)=>(K(n,i,"access private method"),c);var C,q,F,G,p,E,L,J,x,O,U,P,v,T,Q,A;const N=class N extends n.trace.constructor{constructor(){super(),this.init("nine-table","green")}};b(N,"Trace");let i=N;const c=new i,I=class I{constructor(l){y(this,q);y(this,C);k(this,C,l)}initializeTable(l){return m(this,q,F).call(this,l),m(this,q,G).call(this,l),l.classList.add("nine-table-element"),l}};C=new WeakMap,q=new WeakSet,F=b(function(l){if(l.querySelector("colgroup"))return;const t=l.querySelector("tbody tr")||l.querySelector("tr"),d=t?t.querySelectorAll("th, td").length:1,s=document.createElement("colgroup"),r=Math.max(Math.floor((l.clientWidth||600)/d),100);for(let o=0;o<d;o++){const e=document.createElement("col");e.setAttribute("width",r),s.appendChild(e)}l.prepend(s)},"#ensureColgroup"),G=b(function(l){if(l.querySelector("thead"))return;const t=document.createElement("thead"),d=l.querySelector("colgroup");d?d.after(t):l.prepend(t)},"#ensureThead"),b(I,"TableInitializer");let S=I;const R=class R extends HTMLElement{constructor(){super();y(this,L);y(this,p,null);y(this,E);k(this,E,new S(this))}connectedCallback(){m(this,L,J).call(this)}init(t){if(!t)return;const d=t.cloneNode(!0);k(this,p,u(this,E).initializeTable(d)),u(this,p).style.display="table";const s=this.querySelector(".ng-container-left"),r=this.querySelector(".ng-container-body"),o=this.querySelector(".ng-container-right");if(r){const e=u(this,p).cloneNode(!0);e.querySelectorAll('[fixed="left"], [fixed="right"]').forEach(a=>a.remove()),r.innerHTML="",r.appendChild(e)}if(s){const e=u(this,p).cloneNode(!0);e.querySelectorAll("col, th, td").forEach(h=>{h.getAttribute("fixed")!=="left"&&h.remove()}),e.querySelectorAll("tbody tr").forEach(h=>h.remove());let a=0;e.querySelectorAll("col").forEach(h=>{a+=parseInt(h.getAttribute("width")||0,10)}),s.innerHTML="",s.appendChild(e),a>0&&(s.style.width=`${a}px`,s.style.minWidth=`${a}px`)}if(o){const e=u(this,p).cloneNode(!0);e.querySelectorAll("col, th, td").forEach(h=>{h.getAttribute("fixed")!=="right"&&h.remove()}),e.querySelectorAll("tbody tr").forEach(h=>h.remove());let a=0;e.querySelectorAll("col").forEach(h=>{a+=parseInt(h.getAttribute("width")||0,10)}),o.innerHTML="",o.appendChild(e),a>0&&(o.style.width=`${a}px`,o.style.minWidth=`${a}px`)}c.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`)}getRowCount(){return u(this,p)?u(this,p).querySelectorAll("tbody tr").length:0}disconnectedCallback(){this.innerHTML="",c.log("NineTableSheet destroyed.")}};p=new WeakMap,E=new WeakMap,L=new WeakSet,J=b(function(){this.innerHTML=`
         <style>
             nine-table-sheet {
                 display: flex;
@@ -11,17 +11,7 @@
                 overflow: hidden;
             }
 
-            nine-table-sheet .sheet-layout {
-                display: flex;
-                flex-direction: column;
-                width: 100%;
-                height: 100%;
-                flex: 1;
-                overflow: hidden;
-            }
-
-            /* 상단 영역 (3분할 테이블 본문 및 좌우 고정 영역) */
-            nine-table-sheet .sheet-container-top {
+            nine-table-sheet .ng-container-top {
                 display: flex;
                 flex-direction: row;
                 flex: 1;
@@ -30,49 +20,46 @@
                 position: relative;
             }
 
-            nine-table-sheet .sheet-container-left {
+            nine-table-sheet .ng-container-left {
                 flex-shrink: 0;
-                width: auto;
-                overflow-x: hidden;
-                overflow-y: hidden;
+                overflow: hidden;
                 background: #ffffff;
                 border-right: 1px solid #e5e7eb;
             }
 
-            nine-table-sheet .sheet-container-body {
+            nine-table-sheet .ng-container-body {
                 flex: 1;
-                overflow: auto; /* 추후 가로/세로 스크롤바와 연동될 메인 바디 뷰포트 */
+                overflow: auto;
                 background: #ffffff;
                 position: relative;
             }
 
-            nine-table-sheet .sheet-container-right {
+            nine-table-sheet .ng-container-right {
                 flex-shrink: 0;
-                width: auto;
-                overflow-x: hidden;
-                overflow-y: hidden;
+                overflow: hidden;
                 background: #ffffff;
                 border-left: 1px solid #e5e7eb;
             }
 
-            /* 하단 영역 (가로 스크롤바 및 코너 엣지 공간) */
-            nine-table-sheet .sheet-container-bottom {
+            nine-table-sheet .ng-container-bottom {
                 display: flex;
                 flex-direction: row;
-                height: 0px; /* 추후 스크롤바 컴포넌트 장착 시 높이 확보 */
+                height: 16px;
                 flex-shrink: 0;
                 background: #f9fafb;
                 border-top: 1px solid #e5e7eb;
             }
 
-            nine-table-sheet .sheet-hscrollbar {
+            nine-table-sheet nine-table-hscrollbar {
                 flex: 1;
                 overflow: hidden;
+                display: block;
             }
 
-            nine-table-sheet .sheet-scroll-edge {
-                width: 17px; /* 스크롤바 두께에 맞춘 코너 여백 공간 */
+            nine-table-sheet .ng-scroll-edge {
+                width: 16px;
                 flex-shrink: 0;
+                background: #f3f4f6;
             }
 
             nine-table-sheet table {
@@ -99,18 +86,17 @@
             }
         </style>
         
-        <div class="sheet-layout">
-            <div class="sheet-container-top">
-                <div class="sheet-container-left"></div>
-                <div class="sheet-container-body"></div>
-                <div class="sheet-container-right"></div>
-            </div>
-            <div class="sheet-container-bottom">
-                <div class="sheet-hscrollbar"></div>
-                <div class="sheet-scroll-edge"></div>
-            </div>
+        <div class='ng-container-top'>
+            <div class='ng-container-left'></div>
+            <div class='ng-container-body'></div>
+            <div class='ng-container-right'></div>
+            <nine-table-vscrollbar></nine-table-vscrollbar>
+        </div>
+        <div class='ng-container-bottom'>
+            <nine-table-hscrollbar></nine-table-hscrollbar>
+            <div class='ng-scroll-edge'></div>
         </div>
-    `},"#render"),f(R,"NineTableSheet");let T=R;customElements.get("nine-table-sheet")||customElements.define("nine-table-sheet",T);const j=class j extends HTMLElement{constructor(){super();y(this,x)}connectedCallback(){g(this,x,O).call(this)}};x=new WeakSet,O=f(function(){const t=this.querySelector(".nine-tab-bar");t&&(t.addEventListener("click",d=>{const r=d.target.closest(".nine-tab-item");if(!r)return;const l=d.ctrlKey||d.metaKey||d.shiftKey,s=parseInt(r.dataset.index,10);g(this,x,U).call(this,s,l)}),g(this,x,U).call(this,0,!1))},"#init"),U=f(function(t,d=!1){const r=this.querySelector(".nine-tab-bar"),l=this.querySelector("nine-table-sheets-body"),s=r.querySelectorAll(".nine-tab-item"),e=l.querySelectorAll("nine-table-sheet");if(!s[t])return;if(!d)s.forEach((h,p)=>{h.classList.toggle("active",p===t);const m=l.querySelector(`nine-table-sheet[data-index="${p}"]`);m&&(m.style.flex="")}),e.forEach((h,p)=>{h.classList.toggle("active",p===t)});else{const h=s[t],p=r.querySelectorAll(".nine-tab-item.active");if(h.classList.contains("active")&&p.length<=1)return;h.classList.toggle("active");const m=l.querySelector(`nine-table-sheet[data-index="${t}"]`);m&&(m.classList.toggle("active"),m.classList.contains("active")||(m.style.flex=""))}const a=Array.from(l.querySelectorAll("nine-table-sheet.active"));if(a.length>1){const h=1/a.length;a.forEach(p=>{(!p.style.flex||p.style.flex==="1 1 100%")&&(p.style.flex=`${h} ${h} 0px`)})}else a.forEach(h=>{h.style.flex="1 1 100%"});g(this,x,P).call(this);const K=l.querySelector("nine-table-sheet.active");if(K&&typeof K.getRowCount=="function"){const h=this.querySelector("#row-count");h&&(h.textContent=K.getRowCount().toLocaleString())}},"#switchSheet"),P=f(function(){const t=this.querySelector("nine-table-sheets-body");t.querySelectorAll("nine-splitter").forEach(r=>{const l=parseInt(r.dataset.splitIndex,10),s=t.querySelector(`nine-table-sheet[data-index="${l-1}"]`),e=t.querySelector(`nine-table-sheet[data-index="${l}"]`);s&&e&&s.classList.contains("active")&&e.classList.contains("active")?r.classList.add("active"):r.classList.remove("active")})},"#updateSplitters"),f(j,"NineTableSheets");let $=j;customElements.get("nine-table-sheets")||customElements.define("nine-table-sheets",$);const B=class B{constructor(o){y(this,A);y(this,v);q(this,v,o),g(this,A,Q).call(this)}};v=new WeakMap,A=new WeakSet,Q=f(function(){const t=Array.from(b(this,v).host.children).filter(s=>s.tagName==="TABLE"),d=t.map((s,e)=>`<nine-table-sheet class="${e===0?"active":""}" data-index="${e}"></nine-table-sheet>`).join(""),r=t.map((s,e)=>`<div class="nine-tab-item ${e===0?"active":""}" data-index="${e}">Sheet ${e+1}</div>`).join("");b(this,v).innerHTML=`
+    `},"#render"),b(R,"NineTableSheet");let $=R;customElements.get("nine-table-sheet")||customElements.define("nine-table-sheet",$);const W=class W extends HTMLElement{constructor(){super();y(this,x)}connectedCallback(){m(this,x,O).call(this)}};x=new WeakSet,O=b(function(){const t=this.querySelector(".nine-tab-bar");t&&(t.addEventListener("click",d=>{const s=d.target.closest(".nine-tab-item");if(!s)return;const r=d.ctrlKey||d.metaKey||d.shiftKey,o=parseInt(s.dataset.index,10);m(this,x,U).call(this,o,r)}),m(this,x,U).call(this,0,!1))},"#init"),U=b(function(t,d=!1){const s=this.querySelector(".nine-tab-bar"),r=this.querySelector("nine-table-sheets-body"),o=s.querySelectorAll(".nine-tab-item"),e=r.querySelectorAll("nine-table-sheet");if(!o[t])return;if(!d)o.forEach((f,g)=>{f.classList.toggle("active",g===t);const w=r.querySelector(`nine-table-sheet[data-index="${g}"]`);w&&(w.style.flex="")}),e.forEach((f,g)=>{f.classList.toggle("active",g===t)});else{const f=o[t],g=s.querySelectorAll(".nine-tab-item.active");if(f.classList.contains("active")&&g.length<=1)return;f.classList.toggle("active");const w=r.querySelector(`nine-table-sheet[data-index="${t}"]`);w&&(w.classList.toggle("active"),w.classList.contains("active")||(w.style.flex=""))}const a=Array.from(r.querySelectorAll("nine-table-sheet.active"));if(a.length>1){const f=1/a.length;a.forEach(g=>{(!g.style.flex||g.style.flex==="1 1 100%")&&(g.style.flex=`${f} ${f} 0px`)})}else a.forEach(f=>{f.style.flex="1 1 100%"});m(this,x,P).call(this);const h=r.querySelector("nine-table-sheet.active");if(h&&typeof h.getRowCount=="function"){const f=this.querySelector("#row-count");f&&(f.textContent=h.getRowCount().toLocaleString())}},"#switchSheet"),P=b(function(){const t=this.querySelector("nine-table-sheets-body");t.querySelectorAll("nine-splitter").forEach(s=>{const r=parseInt(s.dataset.splitIndex,10),o=t.querySelector(`nine-table-sheet[data-index="${r-1}"]`),e=t.querySelector(`nine-table-sheet[data-index="${r}"]`);o&&e&&o.classList.contains("active")&&e.classList.contains("active")?s.classList.add("active"):s.classList.remove("active")})},"#updateSplitters"),b(W,"NineTableSheets");let H=W;customElements.get("nine-table-sheets")||customElements.define("nine-table-sheets",H);const j=class j{constructor(l){y(this,T);y(this,v);k(this,v,l),m(this,T,Q).call(this)}};v=new WeakMap,T=new WeakSet,Q=b(function(){const t=Array.from(u(this,v).host.children).filter(o=>o.tagName==="TABLE"),d=t.map((o,e)=>`<nine-table-sheet class="${e===0?"active":""}" data-index="${e}"></nine-table-sheet>`).join(""),s=t.map((o,e)=>`<div class="nine-tab-item ${e===0?"active":""}" data-index="${e}">Sheet ${e+1}</div>`).join("");u(this,v).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; }
@@ -193,12 +179,12 @@
                 <nine-table-sheets>
                     <nine-table-sheets-body>${d}</nine-table-sheets-body>
                     <nine-table-sheets-footer>
-                        <div class="nine-tab-bar">${r}</div>
+                        <div class="nine-tab-bar">${s}</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>
-        `;const l=b(this,v).querySelectorAll("nine-table-sheet");l==null||l.forEach((s,e)=>{t[e]&&s.init(t[e])})},"#render"),f(B,"LayoutManager");let H=B;const I=class I extends HTMLElement{constructor(){super();y(this,E,!1);this.attachShadow({mode:"open"})}connectedCallback(){b(this,E)||(this.layoutManager=new H(this.shadowRoot),q(this,E,!0),c.log("NineTable connected."),this.dispatchEvent(new CustomEvent("load",{bubbles:!0,detail:{target:this}})))}disconnectedCallback(){c.log("NineTable disconnected.")}};E=new WeakMap,f(I,"NineTable");let M=I;customElements.get("nine-table")||customElements.define("nine-table",M)});
+        `;const r=u(this,v).querySelectorAll("nine-table-sheet");r==null||r.forEach((o,e)=>{t[e]&&o.init(t[e])})},"#render"),b(j,"LayoutManager");let M=j;const B=class B extends HTMLElement{constructor(){super();y(this,A,!1);this.attachShadow({mode:"open"})}connectedCallback(){u(this,A)||(this.layoutManager=new M(this.shadowRoot),k(this,A,!0),c.log("NineTable connected."),this.dispatchEvent(new CustomEvent("load",{bubbles:!0,detail:{target:this}})))}disconnectedCallback(){c.log("NineTable disconnected.")}};A=new WeakMap,b(B,"NineTable");let z=B;customElements.get("nine-table")||customElements.define("nine-table",z)});
 //# 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    /**\n     * [Public] 테이블 초기화 진입점\n     * @param {HTMLTableElement} tbl\n     * @returns {HTMLTableElement}\n     */\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    /**\n     * [Private] colgroup 및 col 태그 유무 확인 후 보정\n     */\n    #ensureColgroup(tbl) {\n        if (tbl.querySelector('colgroup')) return;\n\n        const firstRow = tbl.querySelector('tbody tr') || tbl.querySelector('tr');\n        const colCount = firstRow ? firstRow.querySelectorAll('th, td').length : 1;\n\n        const colgroup = document.createElement('colgroup');\n        const defaultWidth = Math.max(Math.floor((tbl.clientWidth || 600) / colCount), 100);\n\n        for (let i = 0; i < colCount; i++) {\n            const col = document.createElement('col');\n            col.setAttribute('width', defaultWidth);\n            colgroup.appendChild(col);\n        }\n        tbl.prepend(colgroup);\n    }\n\n    /**\n     * [Private] thead 태그 유무 확인 후 보정\n     */\n    #ensureThead(tbl) {\n        if (tbl.querySelector('thead')) return;\n\n        const thead = document.createElement('thead');\n        const colgroup = tbl.querySelector('colgroup');\n\n        if (colgroup) {\n            colgroup.after(thead);\n        } else {\n            tbl.prepend(thead);\n        }\n    }\n}","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     * @param {HTMLTableElement} tableEl\n     */\n    init(tableEl) {\n        if (!tableEl) return;\n\n        const clonedTable = tableEl.cloneNode(true);\n        this.#tableElement = this.#initializer.initializeTable(clonedTable);\n        this.#tableElement.style.display = 'table';\n\n        const leftContainer = this.querySelector('.sheet-container-left');\n        const bodyContainer = this.querySelector('.sheet-container-body');\n        const rightContainer = this.querySelector('.sheet-container-right');\n\n        if (bodyContainer) {\n            const bodyTable = this.#tableElement.cloneNode(true);\n            bodyTable.querySelectorAll('[fixed=\"left\"], [fixed=\"right\"]').forEach(el => el.remove());\n            bodyContainer.innerHTML = '';\n            bodyContainer.appendChild(bodyTable);\n        }\n\n        if (leftContainer) {\n            const leftTable = this.#tableElement.cloneNode(true);\n            leftTable.querySelectorAll('col, th, td').forEach(el => {\n                if (el.getAttribute('fixed') !== 'left') el.remove();\n            });\n            leftTable.querySelectorAll('tbody tr').forEach(tr => tr.remove());\n\n            leftContainer.innerHTML = '';\n            leftContainer.appendChild(leftTable);\n        }\n\n        if (rightContainer) {\n            const rightTable = this.#tableElement.cloneNode(true);\n            rightTable.querySelectorAll('col, th, td').forEach(el => {\n                if (el.getAttribute('fixed') !== 'right') el.remove();\n            });\n            rightTable.querySelectorAll('tbody tr').forEach(tr => tr.remove());\n\n            rightContainer.innerHTML = '';\n            rightContainer.appendChild(rightTable);\n        }\n\n        trace.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`);\n    }\n\n    getRowCount() {\n        if (!this.#tableElement) return 0;\n        return this.#tableElement.querySelectorAll('tbody tr').length;\n    }\n\n    #render() {\n        this.innerHTML = `\n        <style>\n            nine-table-sheet {\n                display: flex;\n                flex-direction: column;\n                width: 100%;\n                height: 100%;\n                position: relative;\n                box-sizing: border-box;\n                background: #ffffff;\n                overflow: hidden;\n            }\n\n            nine-table-sheet .sheet-layout {\n                display: flex;\n                flex-direction: column;\n                width: 100%;\n                height: 100%;\n                flex: 1;\n                overflow: hidden;\n            }\n\n            /* 상단 영역 (3분할 테이블 본문 및 좌우 고정 영역) */\n            nine-table-sheet .sheet-container-top {\n                display: flex;\n                flex-direction: row;\n                flex: 1;\n                width: 100%;\n                overflow: hidden;\n                position: relative;\n            }\n\n            nine-table-sheet .sheet-container-left {\n                flex-shrink: 0;\n                width: auto;\n                overflow-x: hidden;\n                overflow-y: hidden;\n                background: #ffffff;\n                border-right: 1px solid #e5e7eb;\n            }\n\n            nine-table-sheet .sheet-container-body {\n                flex: 1;\n                overflow: auto; /* 추후 가로/세로 스크롤바와 연동될 메인 바디 뷰포트 */\n                background: #ffffff;\n                position: relative;\n            }\n\n            nine-table-sheet .sheet-container-right {\n                flex-shrink: 0;\n                width: auto;\n                overflow-x: hidden;\n                overflow-y: hidden;\n                background: #ffffff;\n                border-left: 1px solid #e5e7eb;\n            }\n\n            /* 하단 영역 (가로 스크롤바 및 코너 엣지 공간) */\n            nine-table-sheet .sheet-container-bottom {\n                display: flex;\n                flex-direction: row;\n                height: 0px; /* 추후 스크롤바 컴포넌트 장착 시 높이 확보 */\n                flex-shrink: 0;\n                background: #f9fafb;\n                border-top: 1px solid #e5e7eb;\n            }\n\n            nine-table-sheet .sheet-hscrollbar {\n                flex: 1;\n                overflow: hidden;\n            }\n\n            nine-table-sheet .sheet-scroll-edge {\n                width: 17px; /* 스크롤바 두께에 맞춘 코너 여백 공간 */\n                flex-shrink: 0;\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-layout\">\n            <div class=\"sheet-container-top\">\n                <div class=\"sheet-container-left\"></div>\n                <div class=\"sheet-container-body\"></div>\n                <div class=\"sheet-container-right\"></div>\n            </div>\n            <div class=\"sheet-container-bottom\">\n                <div class=\"sheet-hscrollbar\"></div>\n                <div class=\"sheet-scroll-edge\"></div>\n            </div>\n        </div>\n    `;\n    }\n\n    disconnectedCallback() {\n        this.innerHTML = '';\n        trace.log('NineTableSheet destroyed.');\n    }\n}\n\nif (!customElements.get('nine-table-sheet')) {\n    customElements.define('nine-table-sheet', NineTableSheet);\n}","import './nine-table-sheet.js';\n\nexport class NineTableSheets extends HTMLElement {\n    constructor() {\n        super();\n    }\n\n    connectedCallback() {\n        this.#init();\n    }\n\n    #init() {\n        const tabBar = this.querySelector('.nine-tab-bar');\n        if (!tabBar) return;\n\n        tabBar.addEventListener('click', (e) => {\n            const tabItem = e.target.closest('.nine-tab-item');\n            if (!tabItem) return;\n\n            const isMultiSelect = e.ctrlKey || e.metaKey || e.shiftKey;\n            const index = parseInt(tabItem.dataset.index, 10);\n            this.#switchSheet(index, isMultiSelect);\n        });\n\n        this.#switchSheet(0, false);\n    }\n\n    #switchSheet(index, isMultiSelect = false) {\n        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        const rawTables = rawElements.filter(el => el.tagName === 'TABLE');\n\n        const sheetsHtml = rawTables.map((_, idx) => {\n            const className = idx === 0 ? 'active' : '';\n            return `<nine-table-sheet class=\"${className}\" data-index=\"${idx}\"></nine-table-sheet>`;\n        }).join('');\n\n        const tabsHtml = rawTables.map((_, idx) => {\n            const className = idx === 0 ? 'active' : '';\n            return `<div class=\"nine-tab-item ${className}\" data-index=\"${idx}\">Sheet ${idx + 1}</div>`;\n        }).join('');\n\n        this.#root.innerHTML = `\n            <style>\n                :host { 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                    flex: 1 1 100%;\n                }\n                nine-table-sheet.active {\n                    display: block !important;\n                }\n                nine-table-sheets-footer {\n                    display: flex;\n                    height: 32px;\n                    background: #f3f4f6;\n                    border-top: 1px solid #e5e7eb;\n                    align-items: center;\n                    justify-content: space-between;\n                    padding: 0 8px;\n                    flex-shrink: 0;\n                }\n                nine-table-sheets .nine-tab-bar {\n                    display: flex;\n                    align-items: center;\n                    gap: 2px;\n                    overflow-x: auto;\n                    flex: 1;\n                    height: 100%;\n                }\n                nine-table-sheets .nine-tab-item {\n                    padding: 4px 12px;\n                    cursor: pointer;\n                    font-size: 12px;\n                    color: #4b5563;\n                    background: #e5e7eb;\n                    border: 1px solid #d1d5db;\n                    border-top: none;\n                    border-radius: 0 0 3px 3px;\n                    user-select: none;\n                }\n                nine-table-sheets .nine-tab-item.active {\n                    background: #ffffff;\n                    color: #111827;\n                    font-weight: 600;\n                    border-bottom: 2px solid #2563eb;\n                }\n                nine-table-sheets .sheets-counter {\n                    font-size: 12px;\n                    color: #6b7280;\n                    padding-left: 12px;\n                    flex-shrink: 0;\n                }\n            </style>\n            \n            <nine-table-header></nine-table-header>\n            <nine-table-body>\n                <nine-table-summary></nine-table-summary>\n                <nine-table-sheets>\n                    <nine-table-sheets-body>${sheetsHtml}</nine-table-sheets-body>\n                    <nine-table-sheets-footer>\n                        <div class=\"nine-tab-bar\">${tabsHtml}</div>\n                        <div class=\"sheets-counter\">Total : <span id=\"row-count\">0</span></div>\n                    </nine-table-sheets-footer>\n                </nine-table-sheets>\n                <nine-table-analysis></nine-table-analysis>\n            </nine-table-body>\n            <nine-table-footer></nine-table-footer>\n        `;\n\n        const $sheetElements = this.#root.querySelectorAll('nine-table-sheet');\n\n        $sheetElements?.forEach(($el, idx) => {\n            if (rawTables[idx]) {\n                $el.init(rawTables[idx]);\n            }\n        });\n    }\n}","import {trace} from \"@nopeer\";\nimport { LayoutManager } from '../ui/LayoutManager.js';\n\nexport default class NineTable extends HTMLElement {\n    #created = false;\n\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n    }\n\n    connectedCallback() {\n        if (this.#created) return;\n\n        // shadowRoot 하나만 넘겨서 내부에서 레이아웃 및 테이블 수집 처리\n        this.layoutManager = new LayoutManager(this.shadowRoot);\n        //this.layoutManager.render();\n\n        this.#created = true;\n        trace.log('NineTable connected.');\n\n        this.dispatchEvent(new CustomEvent('load', { bubbles: true, detail: { target: this } }));\n    }\n\n    disconnectedCallback() {\n        trace.log('NineTable disconnected.');\n    }\n}\n\nif (!customElements.get('nine-table')) {\n    customElements.define('nine-table', NineTable);\n}"],"names":["_Trace","traceOrigin","__name","Trace","trace","_TableInitializer","container","__privateAdd","_TableInitializer_instances","_container","__privateSet","tbl","__privateMethod","ensureColgroup_fn","ensureThead_fn","firstRow","colCount","colgroup","defaultWidth","i","col","thead","TableInitializer","_NineTableSheet","_NineTableSheet_instances","_tableElement","_initializer","render_fn","tableEl","clonedTable","__privateGet","leftContainer","bodyContainer","rightContainer","bodyTable","el","leftTable","tr","rightTable","NineTableSheet","_NineTableSheets","_NineTableSheets_instances","init_fn","tabBar","e","tabItem","isMultiSelect","index","switchSheet_fn","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","rawTables","sheetsHtml","_","tabsHtml","$sheetElements","$el","LayoutManager","_NineTable","_created","NineTable"],"mappings":"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"}
+{"version":3,"file":"nine-table.umd.js","sources":["../src/external/NoPeer.js","../src/ui/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    /**\n     * [Public] 테이블 초기화 진입점\n     * @param {HTMLTableElement} tbl\n     * @returns {HTMLTableElement}\n     */\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    /**\n     * [Private] colgroup 및 col 태그 유무 확인 후 보정\n     */\n    #ensureColgroup(tbl) {\n        if (tbl.querySelector('colgroup')) return;\n\n        const firstRow = tbl.querySelector('tbody tr') || tbl.querySelector('tr');\n        const colCount = firstRow ? firstRow.querySelectorAll('th, td').length : 1;\n\n        const colgroup = document.createElement('colgroup');\n        const defaultWidth = Math.max(Math.floor((tbl.clientWidth || 600) / colCount), 100);\n\n        for (let i = 0; i < colCount; i++) {\n            const col = document.createElement('col');\n            col.setAttribute('width', defaultWidth);\n            colgroup.appendChild(col);\n        }\n        tbl.prepend(colgroup);\n    }\n\n    /**\n     * [Private] thead 태그 유무 확인 후 보정\n     */\n    #ensureThead(tbl) {\n        if (tbl.querySelector('thead')) return;\n\n        const thead = document.createElement('thead');\n        const colgroup = tbl.querySelector('colgroup');\n\n        if (colgroup) {\n            colgroup.after(thead);\n        } else {\n            tbl.prepend(thead);\n        }\n    }\n}","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    init(tableEl) {\n        if (!tableEl) return;\n\n        const clonedTable = tableEl.cloneNode(true);\n        this.#tableElement = this.#initializer.initializeTable(clonedTable);\n        this.#tableElement.style.display = 'table';\n\n        const leftContainer = this.querySelector('.ng-container-left');\n        const bodyContainer = this.querySelector('.ng-container-body');\n        const rightContainer = this.querySelector('.ng-container-right');\n\n        // 1. 메인 바디 영역 (좌우 고정 컬럼 제외)\n        if (bodyContainer) {\n            const bodyTable = this.#tableElement.cloneNode(true);\n            bodyTable.querySelectorAll('[fixed=\"left\"], [fixed=\"right\"]').forEach(el => el.remove());\n            bodyContainer.innerHTML = '';\n            bodyContainer.appendChild(bodyTable);\n        }\n\n        // 2. 좌측 고정 영역 및 너비 계산\n        if (leftContainer) {\n            const leftTable = this.#tableElement.cloneNode(true);\n            leftTable.querySelectorAll('col, th, td').forEach(el => {\n                if (el.getAttribute('fixed') !== 'left') el.remove();\n            });\n            leftTable.querySelectorAll('tbody tr').forEach(tr => tr.remove());\n\n            let leftWidth = 0;\n            leftTable.querySelectorAll('col').forEach(col => {\n                leftWidth += parseInt(col.getAttribute('width') || 0, 10);\n            });\n\n            leftContainer.innerHTML = '';\n            leftContainer.appendChild(leftTable);\n\n            if (leftWidth > 0) {\n                leftContainer.style.width = `${leftWidth}px`;\n                leftContainer.style.minWidth = `${leftWidth}px`;\n            }\n        }\n\n        // 3. 우측 고정 영역 및 너비 계산\n        if (rightContainer) {\n            const rightTable = this.#tableElement.cloneNode(true);\n            rightTable.querySelectorAll('col, th, td').forEach(el => {\n                if (el.getAttribute('fixed') !== 'right') el.remove();\n            });\n            rightTable.querySelectorAll('tbody tr').forEach(tr => tr.remove());\n\n            let rightWidth = 0;\n            rightTable.querySelectorAll('col').forEach(col => {\n                rightWidth += parseInt(col.getAttribute('width') || 0, 10);\n            });\n\n            rightContainer.innerHTML = '';\n            rightContainer.appendChild(rightTable);\n\n            if (rightWidth > 0) {\n                rightContainer.style.width = `${rightWidth}px`;\n                rightContainer.style.minWidth = `${rightWidth}px`;\n            }\n        }\n\n        trace.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`);\n    }\n\n    getRowCount() {\n        if (!this.#tableElement) return 0;\n        return this.#tableElement.querySelectorAll('tbody tr').length;\n    }\n\n    #render() {\n        this.innerHTML = `\n        <style>\n            nine-table-sheet {\n                display: flex;\n                flex-direction: column;\n                width: 100%;\n                height: 100%;\n                position: relative;\n                box-sizing: border-box;\n                background: #ffffff;\n                overflow: hidden;\n            }\n\n            nine-table-sheet .ng-container-top {\n                display: flex;\n                flex-direction: row;\n                flex: 1;\n                width: 100%;\n                overflow: hidden;\n                position: relative;\n            }\n\n            nine-table-sheet .ng-container-left {\n                flex-shrink: 0;\n                overflow: hidden;\n                background: #ffffff;\n                border-right: 1px solid #e5e7eb;\n            }\n\n            nine-table-sheet .ng-container-body {\n                flex: 1;\n                overflow: auto;\n                background: #ffffff;\n                position: relative;\n            }\n\n            nine-table-sheet .ng-container-right {\n                flex-shrink: 0;\n                overflow: hidden;\n                background: #ffffff;\n                border-left: 1px solid #e5e7eb;\n            }\n\n            nine-table-sheet .ng-container-bottom {\n                display: flex;\n                flex-direction: row;\n                height: 16px;\n                flex-shrink: 0;\n                background: #f9fafb;\n                border-top: 1px solid #e5e7eb;\n            }\n\n            nine-table-sheet nine-table-hscrollbar {\n                flex: 1;\n                overflow: hidden;\n                display: block;\n            }\n\n            nine-table-sheet .ng-scroll-edge {\n                width: 16px;\n                flex-shrink: 0;\n                background: #f3f4f6;\n            }\n\n            nine-table-sheet table {\n                border-collapse: collapse;\n                width: 100%;\n                table-layout: fixed;\n            }\n\n            nine-table-sheet th, nine-table-sheet td {\n                box-sizing: border-box;\n                overflow: hidden;\n                white-space: nowrap;\n                text-overflow: ellipsis;\n                padding: 6px 8px;\n                border: 1px solid #e5e7eb;\n                font-size: 12px;\n                color: #111827;\n            }\n\n            nine-table-sheet th {\n                background-color: #f9fafb;\n                font-weight: 600;\n                text-align: left;\n            }\n        </style>\n        \n        <div class='ng-container-top'>\n            <div class='ng-container-left'></div>\n            <div class='ng-container-body'></div>\n            <div class='ng-container-right'></div>\n            <nine-table-vscrollbar></nine-table-vscrollbar>\n        </div>\n        <div class='ng-container-bottom'>\n            <nine-table-hscrollbar></nine-table-hscrollbar>\n            <div class='ng-scroll-edge'></div>\n        </div>\n    `;\n    }\n\n    disconnectedCallback() {\n        this.innerHTML = '';\n        trace.log('NineTableSheet destroyed.');\n    }\n}\n\nif (!customElements.get('nine-table-sheet')) {\n    customElements.define('nine-table-sheet', NineTableSheet);\n}","import './nine-table-sheet.js';\n\nexport class NineTableSheets extends HTMLElement {\n    constructor() {\n        super();\n    }\n\n    connectedCallback() {\n        this.#init();\n    }\n\n    #init() {\n        const tabBar = this.querySelector('.nine-tab-bar');\n        if (!tabBar) return;\n\n        tabBar.addEventListener('click', (e) => {\n            const tabItem = e.target.closest('.nine-tab-item');\n            if (!tabItem) return;\n\n            const isMultiSelect = e.ctrlKey || e.metaKey || e.shiftKey;\n            const index = parseInt(tabItem.dataset.index, 10);\n            this.#switchSheet(index, isMultiSelect);\n        });\n\n        this.#switchSheet(0, false);\n    }\n\n    #switchSheet(index, isMultiSelect = false) {\n        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        const rawTables = rawElements.filter(el => el.tagName === 'TABLE');\n\n        const sheetsHtml = rawTables.map((_, idx) => {\n            const className = idx === 0 ? 'active' : '';\n            return `<nine-table-sheet class=\"${className}\" data-index=\"${idx}\"></nine-table-sheet>`;\n        }).join('');\n\n        const tabsHtml = rawTables.map((_, idx) => {\n            const className = idx === 0 ? 'active' : '';\n            return `<div class=\"nine-tab-item ${className}\" data-index=\"${idx}\">Sheet ${idx + 1}</div>`;\n        }).join('');\n\n        this.#root.innerHTML = `\n            <style>\n                :host { 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                    flex: 1 1 100%;\n                }\n                nine-table-sheet.active {\n                    display: block !important;\n                }\n                nine-table-sheets-footer {\n                    display: flex;\n                    height: 32px;\n                    background: #f3f4f6;\n                    border-top: 1px solid #e5e7eb;\n                    align-items: center;\n                    justify-content: space-between;\n                    padding: 0 8px;\n                    flex-shrink: 0;\n                }\n                nine-table-sheets .nine-tab-bar {\n                    display: flex;\n                    align-items: center;\n                    gap: 2px;\n                    overflow-x: auto;\n                    flex: 1;\n                    height: 100%;\n                }\n                nine-table-sheets .nine-tab-item {\n                    padding: 4px 12px;\n                    cursor: pointer;\n                    font-size: 12px;\n                    color: #4b5563;\n                    background: #e5e7eb;\n                    border: 1px solid #d1d5db;\n                    border-top: none;\n                    border-radius: 0 0 3px 3px;\n                    user-select: none;\n                }\n                nine-table-sheets .nine-tab-item.active {\n                    background: #ffffff;\n                    color: #111827;\n                    font-weight: 600;\n                    border-bottom: 2px solid #2563eb;\n                }\n                nine-table-sheets .sheets-counter {\n                    font-size: 12px;\n                    color: #6b7280;\n                    padding-left: 12px;\n                    flex-shrink: 0;\n                }\n            </style>\n            \n            <nine-table-header></nine-table-header>\n            <nine-table-body>\n                <nine-table-summary></nine-table-summary>\n                <nine-table-sheets>\n                    <nine-table-sheets-body>${sheetsHtml}</nine-table-sheets-body>\n                    <nine-table-sheets-footer>\n                        <div class=\"nine-tab-bar\">${tabsHtml}</div>\n                        <div class=\"sheets-counter\">Total : <span id=\"row-count\">0</span></div>\n                    </nine-table-sheets-footer>\n                </nine-table-sheets>\n                <nine-table-analysis></nine-table-analysis>\n            </nine-table-body>\n            <nine-table-footer></nine-table-footer>\n        `;\n\n        const $sheetElements = this.#root.querySelectorAll('nine-table-sheet');\n\n        $sheetElements?.forEach(($el, idx) => {\n            if (rawTables[idx]) {\n                $el.init(rawTables[idx]);\n            }\n        });\n    }\n}","import {trace} from \"@nopeer\";\nimport { LayoutManager } from '../ui/LayoutManager.js';\n\nexport default class NineTable extends HTMLElement {\n    #created = false;\n\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n    }\n\n    connectedCallback() {\n        if (this.#created) return;\n\n        // shadowRoot 하나만 넘겨서 내부에서 레이아웃 및 테이블 수집 처리\n        this.layoutManager = new LayoutManager(this.shadowRoot);\n        //this.layoutManager.render();\n\n        this.#created = true;\n        trace.log('NineTable connected.');\n\n        this.dispatchEvent(new CustomEvent('load', { bubbles: true, detail: { target: this } }));\n    }\n\n    disconnectedCallback() {\n        trace.log('NineTable disconnected.');\n    }\n}\n\nif (!customElements.get('nine-table')) {\n    customElements.define('nine-table', NineTable);\n}"],"names":["_Trace","traceOrigin","__name","Trace","trace","_TableInitializer","container","__privateAdd","_TableInitializer_instances","_container","__privateSet","tbl","__privateMethod","ensureColgroup_fn","ensureThead_fn","firstRow","colCount","colgroup","defaultWidth","i","col","thead","TableInitializer","_NineTableSheet","_NineTableSheet_instances","_tableElement","_initializer","render_fn","tableEl","clonedTable","__privateGet","leftContainer","bodyContainer","rightContainer","bodyTable","el","leftTable","tr","leftWidth","rightTable","rightWidth","NineTableSheet","_NineTableSheets","_NineTableSheets_instances","init_fn","tabBar","e","tabItem","isMultiSelect","index","switchSheet_fn","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","rawTables","sheetsHtml","_","tabsHtml","$sheetElements","$el","LayoutManager","_NineTable","_created","NineTable"],"mappings":"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"}

package/package.json

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