npm - @ninebone/table - Versions diffs - 0.0.32 → 0.0.33 - Mend

@ninebone/table 0.0.32 → 0.0.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/nine-table.js +108 -107
package/dist/nine-table.js.map +1 -1
package/dist/nine-table.umd.js +5 -5
package/dist/nine-table.umd.js.map +1 -1
package/package.json +1 -1

package/dist/nine-table.js CHANGED Viewed

@@ -1,79 +1,79 @@
-var X = Object.defineProperty;
+var V = Object.defineProperty;
 var F = (n) => {
   throw TypeError(n);
 };
-var a = (n, e) => X(n, "name", { value: e, configurable: !0 });
-var $ = (n, e, t) => e.has(n) || F("Cannot " + t);
-var b = (n, e, t) => ($(n, e, "read from private field"), t ? t.call(n) : e.get(n)), f = (n, e, t) => e.has(n) ? F("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(n) : e.set(n, t), m = (n, e, t, s) => ($(n, e, "write to private field"), s ? s.call(n, t) : e.set(n, t), t), p = (n, e, t) => ($(n, e, "access private method"), t);
-import { trace as Y } from "@ninebone/util";
-const I = class I extends Y.constructor {
+var c = (n, t) => V(n, "name", { value: t, configurable: !0 });
+var C = (n, t, e) => t.has(n) || F("Cannot " + e);
+var b = (n, t, e) => (C(n, t, "read from private field"), e ? e.call(n) : t.get(n)), f = (n, t, e) => t.has(n) ? F("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(n) : t.set(n, e), m = (n, t, e, i) => (C(n, t, "write to private field"), i ? i.call(n, e) : t.set(n, e), e), g = (n, t, e) => (C(n, t, "access private method"), e);
+import { trace as X } from "@ninebone/util";
+const I = class I extends X.constructor {
   constructor() {
     super(), this.init("nine-table", "green");
   }
 };
-a(I, "Trace");
-let M = I;
-const E = new M();
-var L, v, G, J;
+c(I, "Trace");
+let H = I;
+const E = new H();
+var q, v, G, J;
 const j = class j {
-  constructor(e) {
+  constructor(t) {
     f(this, v);
-    f(this, L);
-    m(this, L, e);
+    f(this, q);
+    m(this, q, t);
   }
   // [Public] 테이블 초기화 진입점 (필요한 최소한의 마크업 보정만 수행)
-  initializeTable(e) {
-    return p(this, v, G).call(this, e), p(this, v, J).call(this, e), e.classList.add("nine-table-element"), e;
+  initializeTable(t) {
+    return g(this, v, G).call(this, t), g(this, v, J).call(this, t), t.classList.add("nine-table-element"), t;
   }
 };
-L = new WeakMap(), v = new WeakSet(), // [Private] colgroup 보정
-G = /* @__PURE__ */ a(function(e) {
+q = new WeakMap(), v = new WeakSet(), // [Private] colgroup 보정
+G = /* @__PURE__ */ c(function(t) {
   var r;
-  if (e.querySelector("colgroup")) return;
-  const t = ((r = e.querySelector("tbody tr")) == null ? void 0 : r.querySelectorAll("th, td").length) || 1, s = document.createElement("colgroup"), l = Math.max(Math.floor((e.clientWidth || 600) / t), 100);
-  for (let d = 0; d < t; d++) {
+  if (t.querySelector("colgroup")) return;
+  const e = ((r = t.querySelector("tbody tr")) == null ? void 0 : r.querySelectorAll("th, td").length) || 1, i = document.createElement("colgroup"), l = Math.max(Math.floor((t.clientWidth || 600) / e), 100);
+  for (let d = 0; d < e; d++) {
     const u = document.createElement("col");
-    u.setAttribute("width", l), s.appendChild(u);
+    u.setAttribute("width", l), i.appendChild(u);
   }
-  e.prepend(s);
+  t.prepend(i);
 }, "#ensureColgroup"), // [Private] thead 보정
-J = /* @__PURE__ */ a(function(e) {
-  if (e.querySelector("thead")) return;
-  const t = document.createElement("thead"), s = e.querySelector("colgroup");
-  s ? s.after(t) : e.prepend(t);
-}, "#ensureThead"), a(j, "TableInitializer");
-let A = j;
-var y, k, C, O;
+J = /* @__PURE__ */ c(function(t) {
+  if (t.querySelector("thead")) return;
+  const e = document.createElement("thead"), i = t.querySelector("colgroup");
+  i ? i.after(e) : t.prepend(e);
+}, "#ensureThead"), c(j, "TableInitializer");
+let M = j;
+var p, S, L, O;
 const B = class B extends HTMLElement {
   constructor() {
     super();
-    f(this, C);
-    f(this, y, null);
-    f(this, k);
-    m(this, k, new A(this));
+    f(this, L);
+    f(this, p, null);
+    f(this, S);
+    m(this, S, new M(this));
   }
   connectedCallback() {
-    p(this, C, O).call(this);
+    g(this, L, O).call(this);
   }
   /**
    * 외부(LayoutManager 등)에서 원본 테이블 엘리먼트를 주입받아 초기화 및 보정 수행
    * @param {HTMLTableElement} tableEl
    */
-  init(t) {
-    if (!t) return;
-    const s = t.cloneNode(!0);
-    m(this, y, b(this, k).initializeTable(s)), b(this, y).style.display = "table";
+  init(e) {
+    if (!e) return;
+    const i = e.cloneNode(!0);
+    m(this, p, b(this, S).initializeTable(i)), b(this, p).style.display = "table";
     const l = this.querySelector(".sheet-content-container");
-    l && (l.innerHTML = "", l.appendChild(b(this, y))), E.log(`NineTableSheet initialized with table rows: ${this.getRowCount()}`);
+    l && (l.innerHTML = "", l.appendChild(b(this, p))), E.log(`NineTableSheet initialized with table rows: ${this.getRowCount()}`);
   }
   getRowCount() {
-    return b(this, y) ? b(this, y).querySelectorAll("tbody tr").length : 0;
+    return b(this, p) ? b(this, p).querySelectorAll("tbody tr").length : 0;
   }
   disconnectedCallback() {
     this.innerHTML = "", E.log("NineTableSheet destroyed.");
   }
 };
-y = new WeakMap(), k = new WeakMap(), C = new WeakSet(), O = /* @__PURE__ */ a(function() {
+p = new WeakMap(), S = new WeakMap(), L = new WeakSet(), O = /* @__PURE__ */ c(function() {
   this.innerHTML = `
             <style>
                 nine-table-sheet {
@@ -119,9 +119,9 @@ y = new WeakMap(), k = new WeakMap(), C = new WeakSet(), O = /* @__PURE__ */ a(f
                 <!-- 테이블이 동적으로 주입되는 영역 -->
             </div>
         `;
-}, "#render"), a(B, "NineTableSheet");
-let H = B;
-customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", H);
+}, "#render"), c(B, "NineTableSheet");
+let A = B;
+customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", A);
 var w, P, Q;
 const K = class K extends HTMLElement {
   constructor() {
@@ -129,72 +129,76 @@ const K = class K extends HTMLElement {
     f(this, w);
   }
   connectedCallback() {
-    p(this, w, Q).call(this);
+    g(this, w, Q).call(this);
   }
   /**
-   * 외부(LayoutManager 등)에서 테이블 목록을 받아 시트와 스플리터 마크업 구성
-   * @param {HTMLTableElement[]} tables
+   * LayoutManager로부터 직접 전달받은 DOM 요소들로 시트 초기화
+   * @param {HTMLElement[]} rawChildren
    */
-  initSheets(t) {
-    const s = this.querySelector("nine-table-sheets-body"), l = this.querySelector(".nine-tab-bar"), r = t.map((c, o) => {
-      const i = `<nine-table-sheet class="${o === 0 ? "active" : ""}" data-index="${o}"></nine-table-sheet>`;
-      return o === 0 ? i : `<nine-splitter class="h" data-split-index="${o}"></nine-splitter>${i}`;
-    }).join(""), d = t.map((c, o) => `
+  initSheets(e) {
+    if (!e || e.length === 0) return;
+    e.forEach((a) => {
+      a.style.display = "none";
+    });
+    const i = this.querySelector("nine-table-sheets-body"), l = this.querySelector(".nine-tab-bar"), r = e.map((a, o) => {
+      const s = `<nine-table-sheet class="${o === 0 ? "active" : ""}" data-index="${o}"></nine-table-sheet>`;
+      return o === 0 ? s : `<nine-splitter class="h" data-split-index="${o}"></nine-splitter>${s}`;
+    }).join(""), d = e.map((a, o) => `
             <div class="nine-tab-item ${o === 0 ? "active" : ""}" data-index="${o}">Sheet ${o + 1}</div>
         `).join("");
-    s.innerHTML = r, l.innerHTML = d, s.querySelectorAll("nine-table-sheet").forEach((c, o) => {
-      t[o] && c.init(t[o]);
-    }), l.addEventListener("click", (c) => {
-      const o = c.target.closest(".nine-tab-item");
+    i.innerHTML = r, l.innerHTML = d, i.querySelectorAll("nine-table-sheet").forEach((a, o) => {
+      e[o] && a.init(e[o]);
+    }), l.addEventListener("click", (a) => {
+      const o = a.target.closest(".nine-tab-item");
       if (!o) return;
-      const i = c.ctrlKey || c.metaKey || c.shiftKey, h = parseInt(o.dataset.index, 10);
-      this.switchSheet(h, i);
+      const s = a.ctrlKey || a.metaKey || a.shiftKey, h = parseInt(o.dataset.index, 10);
+      this.switchSheet(h, s);
     }), this.switchSheet(0, !1);
   }
-  switchSheet(t, s = !1) {
+  switchSheet(e, i = !1) {
     const l = this.querySelector(".nine-tab-bar"), r = this.querySelector("nine-table-sheets-body"), d = l.querySelectorAll(".nine-tab-item"), u = r.querySelectorAll("nine-table-sheet");
-    if (!d[t]) return;
-    if (!s)
-      d.forEach((i, h) => {
-        i.classList.toggle("active", h === t);
-        const g = r.querySelector(`nine-table-sheet[data-index="${h}"]`);
-        g && (g.style.flex = "");
-      }), u.forEach((i, h) => {
-        i.classList.toggle("active", h === t);
+    if (!d[e]) return;
+    if (!i)
+      d.forEach((s, h) => {
+        s.classList.toggle("active", h === e);
+        const y = r.querySelector(`nine-table-sheet[data-index="${h}"]`);
+        y && (y.style.flex = "");
+      }), u.forEach((s, h) => {
+        s.classList.toggle("active", h === e);
       });
     else {
-      const i = d[t], h = l.querySelectorAll(".nine-tab-item.active");
-      if (i.classList.contains("active") && h.length <= 1)
+      const s = d[e], h = l.querySelectorAll(".nine-tab-item.active");
+      if (s.classList.contains("active") && h.length <= 1)
         return;
-      i.classList.toggle("active");
-      const g = r.querySelector(`nine-table-sheet[data-index="${t}"]`);
-      g && (g.classList.toggle("active"), g.classList.contains("active") || (g.style.flex = ""));
+      s.classList.toggle("active");
+      const y = r.querySelector(`nine-table-sheet[data-index="${e}"]`);
+      y && (y.classList.toggle("active"), y.classList.contains("active") || (y.style.flex = ""));
     }
-    const c = Array.from(r.querySelectorAll("nine-table-sheet.active"));
-    if (c.length > 1) {
-      const i = 1 / c.length;
-      c.forEach((h) => {
-        (!h.style.flex || h.style.flex === "1 1 100%") && (h.style.flex = `${i} ${i} 0px`);
+    const a = Array.from(r.querySelectorAll("nine-table-sheet.active"));
+    if (a.length > 1) {
+      const s = 1 / a.length;
+      a.forEach((h) => {
+        (!h.style.flex || h.style.flex === "1 1 100%") && (h.style.flex = `${s} ${s} 0px`);
       });
     } else
-      c.forEach((i) => {
-        i.style.flex = "1 1 100%";
+      a.forEach((s) => {
+        s.style.flex = "1 1 100%";
       });
-    p(this, w, P).call(this);
+    g(this, w, P).call(this);
     const o = r.querySelector("nine-table-sheet.active");
     if (o && typeof o.getRowCount == "function") {
-      const i = this.querySelector("#row-count");
-      i && (i.textContent = o.getRowCount().toLocaleString());
+      const s = this.querySelector("#row-count");
+      s && (s.textContent = o.getRowCount().toLocaleString());
     }
   }
 };
-w = new WeakSet(), P = /* @__PURE__ */ a(function() {
-  const t = this.querySelector("nine-table-sheets-body");
-  t.querySelectorAll("nine-splitter").forEach((l) => {
-    const r = parseInt(l.dataset.splitIndex, 10), d = t.querySelector(`nine-table-sheet[data-index="${r - 1}"]`), u = t.querySelector(`nine-table-sheet[data-index="${r}"]`);
+w = new WeakSet(), P = /* @__PURE__ */ c(function() {
+  const e = this.querySelector("nine-table-sheets-body");
+  e.querySelectorAll("nine-splitter").forEach((l) => {
+    const r = parseInt(l.dataset.splitIndex, 10), d = e.querySelector(`nine-table-sheet[data-index="${r - 1}"]`), u = e.querySelector(`nine-table-sheet[data-index="${r}"]`);
     d && u && d.classList.contains("active") && u.classList.contains("active") ? l.classList.add("active") : l.classList.remove("active");
   });
-}, "#updateSplitters"), Q = /* @__PURE__ */ a(function() {
+}, "#updateSplitters"), Q = /* @__PURE__ */ c(function() {
   this.innerHTML = `
             <style>
                 nine-table-sheets {
@@ -279,22 +283,22 @@ w = new WeakSet(), P = /* @__PURE__ */ a(function() {
                 <div class="sheets-counter">Total : <span id="row-count">0</span></div>
             </nine-table-sheets-footer>
         `;
-}, "#render"), a(K, "NineTableSheets");
+}, "#render"), c(K, "NineTableSheets");
 let T = K;
 customElements.get("nine-table-sheets") || customElements.define("nine-table-sheets", T);
-var x, S, U, V;
+var x, $, U;
 const W = class W {
-  constructor(e) {
-    f(this, S);
+  constructor(t) {
+    f(this, $);
     f(this, x);
-    m(this, x, e);
-  }
-  render() {
-    p(this, S, U).call(this), p(this, S, V).call(this);
+    m(this, x, t), g(this, $, U).call(this);
   }
 };
-x = new WeakMap(), S = new WeakSet(), U = /* @__PURE__ */ a(function() {
-  b(this, x).innerHTML = `
+x = new WeakMap(), $ = new WeakSet(), U = /* @__PURE__ */ c(function() {
+  const t = Array.from(b(this, x).host.children);
+  t.forEach((i) => {
+    i.style.display = "none";
+  }), b(this, x).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; }
@@ -314,28 +318,25 @@ x = new WeakMap(), S = new WeakSet(), U = /* @__PURE__ */ a(function() {
             </nine-table-body>
             <nine-table-footer></nine-table-footer>
         `;
-}, "#renderLayoutShell"), V = /* @__PURE__ */ a(function() {
-  const e = b(this, x).querySelector("nine-table-sheets"), t = Array.from(b(this, x).host.querySelectorAll("table"));
-  t.forEach((s) => {
-    s.style.display = "none";
-  }), e && t.length > 0 && e.initSheets(t);
-}, "#initSheetsContainer"), a(W, "LayoutManager");
+  const e = b(this, x).querySelector("nine-table-sheets");
+  e && t.length > 0 && e.initSheets(t);
+}, "#render"), c(W, "LayoutManager");
 let z = W;
-var q;
+var k;
 const D = class D extends HTMLElement {
   constructor() {
     super();
-    f(this, q, !1);
+    f(this, k, !1);
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    b(this, q) || (this.layoutManager = new z(this.shadowRoot), this.layoutManager.render(), m(this, q, !0), E.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } })));
+    b(this, k) || (this.layoutManager = new z(this.shadowRoot), m(this, k, !0), E.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } })));
   }
   disconnectedCallback() {
     E.log("NineTable disconnected.");
   }
 };
-q = new WeakMap(), a(D, "NineTable");
+k = new WeakMap(), c(D, "NineTable");
 let R = D;
 customElements.get("nine-table") || customElements.define("nine-table", R);
 //# sourceMappingURL=nine-table.js.map

package/dist/nine-table.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nine-table.js","sources":["../src/external/NoPeer.js","../src/ui/TableInitializer.js","../src/ui/nine-table-sheet.js","../src/ui/nine-table-sheets.js","../src/ui/LayoutManager.js","../src/core/nine-table.js"],"sourcesContent":["import { trace as traceOrigin } from '@ninebone/util';\n\nexport class Trace extends traceOrigin.constructor {\n constructor() {\n super();\n this.init(\"nine-table\", \"green\");\n }\n}\n\nexport const trace = new Trace();","export class TableInitializer {\n #container;\n\n constructor(container) {\n this.#container = container;\n }\n\n // [Public] 테이블 초기화 진입점 (필요한 최소한의 마크업 보정만 수행)\n initializeTable(tbl) {\n this.#ensureColgroup(tbl);\n this.#ensureThead(tbl);\n\n tbl.classList.add('nine-table-element');\n return tbl;\n }\n\n // [Private] colgroup 보정\n #ensureColgroup(tbl) {\n if (tbl.querySelector('colgroup')) return;\n\n const colCount = tbl.querySelector('tbody tr')?.querySelectorAll('th, td').length \|\| 1;\n const colgroup = document.createElement('colgroup');\n const defaultWidth = Math.max(Math.floor((tbl.clientWidth \|\| 600) / colCount), 100);\n\n for (let i = 0; i < colCount; i++) {\n const col = document.createElement('col');\n col.setAttribute('width', defaultWidth);\n colgroup.appendChild(col);\n }\n tbl.prepend(colgroup);\n }\n\n // [Private] thead 보정\n #ensureThead(tbl) {\n if (tbl.querySelector('thead')) return;\n\n const thead = document.createElement('thead');\n const colgroup = tbl.querySelector('colgroup');\n if (colgroup) {\n colgroup.after(thead);\n } else {\n tbl.prepend(thead);\n }\n }\n}","import { trace } from \"@nopeer\";\nimport { TableInitializer } from \"./TableInitializer.js\"; // 경로에 맞게 조정 필요\n\nexport class NineTableSheet extends HTMLElement {\n #tableElement = null;\n #initializer;\n\n constructor() {\n super();\n this.#initializer = new TableInitializer(this);\n }\n\n connectedCallback() {\n this.#render();\n }\n\n /*\n 외부(LayoutManager 등)에서 원본 테이블 엘리먼트를 주입받아 초기화 및 보정 수행\n * @param {HTMLTableElement} tableEl\n /\n init(tableEl) {\n if (!tableEl) return;\n\n // 원본 테이블 복제 후 TableInitializer를 통한 구조 보정\n const clonedTable = tableEl.cloneNode(true);\n this.#tableElement = this.#initializer.initializeTable(clonedTable);\n this.#tableElement.style.display = 'table';\n\n const container = this.querySelector('.sheet-content-container');\n if (container) {\n container.innerHTML = '';\n container.appendChild(this.#tableElement);\n }\n\n trace.log(`NineTableSheet initialized with table rows: ${this.getRowCount()}`);\n }\n\n getRowCount() {\n if (!this.#tableElement) return 0;\n return this.#tableElement.querySelectorAll('tbody tr').length;\n }\n\n #render() {\n this.innerHTML = `\n <style>\n nine-table-sheet {\n display: block;\n width: 100%;\n height: 100%;\n overflow: auto;\n position: relative;\n box-sizing: border-box;\n background: #ffffff;\n }\n\n nine-table-sheet .sheet-content-container {\n width: 100%;\n min-width: fit-content;\n }\n\n nine-table-sheet table {\n border-collapse: collapse;\n width: 100%;\n table-layout: fixed;\n }\n\n nine-table-sheet th, nine-table-sheet td {\n box-sizing: border-box;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n padding: 6px 8px;\n border: 1px solid #e5e7eb;\n font-size: 12px;\n color: #111827;\n }\n\n nine-table-sheet th {\n background-color: #f9fafb;\n font-weight: 600;\n text-align: left;\n }\n </style>\n \n <div class=\"sheet-content-container\">\n <!-- 테이블이 동적으로 주입되는 영역 -->\n </div>\n `;\n }\n\n disconnectedCallback() {\n this.innerHTML = '';\n trace.log('NineTableSheet destroyed.');\n }\n}\n\nif (!customElements.get('nine-table-sheet')) {\n customElements.define('nine-table-sheet', NineTableSheet);\n}\n","import './nine-table-sheet.js';\n\nexport class NineTableSheets extends HTMLElement {\n constructor() {\n super();\n }\n\n connectedCallback() {\n this.#render();\n }\n\n /\n 외부(LayoutManager 등)에서 테이블 목록을 받아 시트와 스플리터 마크업 구성\n * @param {HTMLTableElement[]} tables\n */\n initSheets(tables) {\n const body = this.querySelector('nine-table-sheets-body');\n const tabBar = this.querySelector('.nine-tab-bar');\n\n const sheetsHtml = tables.map((_, idx) => {\n const sheet = `<nine-table-sheet class=\"${idx === 0 ? 'active' : ''}\" data-index=\"${idx}\"></nine-table-sheet>`;\n if (idx === 0) return sheet;\n return `<nine-splitter class=\"h\" data-split-index=\"${idx}\"></nine-splitter>${sheet}`;\n }).join('');\n\n const tabsHtml = tables.map((_, idx) => `\n <div class=\"nine-tab-item ${idx === 0 ? 'active' : ''}\" data-index=\"${idx}\">Sheet ${idx + 1}</div>\n `).join('');\n\n body.innerHTML = sheetsHtml;\n tabBar.innerHTML = tabsHtml;\n\n // 각 시트에 원본 테이블 데이터 주입\n const sheetElements = body.querySelectorAll('nine-table-sheet');\n sheetElements.forEach((sheetEl, idx) => {\n if (tables[idx]) {\n sheetEl.init(tables[idx]);\n }\n });\n\n // 탭 클릭 이벤트 바인딩\n tabBar.addEventListener('click', (e) => {\n const tabItem = e.target.closest('.nine-tab-item');\n if (!tabItem) return;\n\n const isMultiSelect = e.ctrlKey \|\| e.metaKey \|\| e.shiftKey;\n const index = parseInt(tabItem.dataset.index, 10);\n this.switchSheet(index, isMultiSelect);\n });\n\n this.switchSheet(0, false);\n }\n\n switchSheet(index, isMultiSelect = false) {\n const tabBar = this.querySelector('.nine-tab-bar');\n const body = this.querySelector('nine-table-sheets-body');\n const tabItems = tabBar.querySelectorAll('.nine-tab-item');\n const sheetElements = body.querySelectorAll('nine-table-sheet');\n\n if (!tabItems[index]) return;\n\n if (!isMultiSelect) {\n tabItems.forEach((tab, idx) => {\n tab.classList.toggle('active', idx === index);\n const sheet = body.querySelector(`nine-table-sheet[data-index=\"${idx}\"]`);\n if (sheet) sheet.style.flex = '';\n });\n sheetElements.forEach((sheet, idx) => {\n sheet.classList.toggle('active', idx === index);\n });\n } else {\n const clickedTab = tabItems[index];\n const activeTabs = tabBar.querySelectorAll('.nine-tab-item.active');\n\n if (clickedTab.classList.contains('active') && activeTabs.length <= 1) {\n return;\n }\n\n clickedTab.classList.toggle('active');\n const targetSheet = body.querySelector(`nine-table-sheet[data-index=\"${index}\"]`);\n if (targetSheet) {\n targetSheet.classList.toggle('active');\n if (!targetSheet.classList.contains('active')) {\n targetSheet.style.flex = '';\n }\n }\n }\n\n const activeSheets = Array.from(body.querySelectorAll('nine-table-sheet.active'));\n if (activeSheets.length > 1) {\n const initialBasis = (1 / activeSheets.length);\n activeSheets.forEach(sheet => {\n if (!sheet.style.flex \|\| sheet.style.flex === '1 1 100%') {\n sheet.style.flex = `${initialBasis} ${initialBasis} 0px`;\n }\n });\n } else {\n activeSheets.forEach(sheet => {\n sheet.style.flex = '1 1 100%';\n });\n }\n\n this.#updateSplitters();\n\n // 내부 푸터의 행 카운트 갱신\n const activeSheet = body.querySelector(`nine-table-sheet.active`);\n if (activeSheet && typeof activeSheet.getRowCount === 'function') {\n const rowCountEl = this.querySelector('#row-count');\n if (rowCountEl) {\n rowCountEl.textContent = activeSheet.getRowCount().toLocaleString();\n }\n }\n }\n\n #updateSplitters() {\n const body = this.querySelector('nine-table-sheets-body');\n const splitters = body.querySelectorAll('nine-splitter');\n splitters.forEach(splitter => {\n const splitIndex = parseInt(splitter.dataset.splitIndex, 10);\n const leftSheet = body.querySelector(`nine-table-sheet[data-index=\"${splitIndex - 1}\"]`);\n const rightSheet = body.querySelector(`nine-table-sheet[data-index=\"${splitIndex}\"]`);\n\n if (leftSheet && rightSheet && leftSheet.classList.contains('active') && rightSheet.classList.contains('active')) {\n splitter.classList.add('active');\n } else {\n splitter.classList.remove('active');\n }\n });\n }\n\n #render() {\n this.innerHTML = `\n <style>\n nine-table-sheets {\n flex: 1;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n position: relative;\n background: #fff;\n }\n nine-table-sheets-body {\n flex: 1;\n overflow: auto;\n position: relative;\n display: flex;\n flex-direction: row;\n }\n nine-table-sheet {\n display: none !important;\n height: 100%;\n overflow: auto;\n }\n nine-table-sheet.active {\n display: block !important;\n }\n nine-table-sheets-body nine-splitter {\n width: 4px;\n background: #e5e7eb;\n cursor: col-resize;\n flex-shrink: 0;\n display: none !important;\n }\n nine-table-sheets-body nine-splitter.active {\n display: block !important;\n }\n nine-table-sheets-footer {\n display: flex;\n height: 32px;\n background: #f3f4f6;\n border-top: 1px solid #e5e7eb;\n align-items: center;\n justify-content: space-between;\n padding: 0 8px;\n flex-shrink: 0;\n }\n nine-table-sheets .nine-tab-bar {\n display: flex;\n align-items: center;\n gap: 2px;\n overflow-x: auto;\n flex: 1;\n height: 100%;\n }\n nine-table-sheets .nine-tab-item {\n padding: 4px 12px;\n cursor: pointer;\n font-size: 12px;\n color: #4b5563;\n background: #e5e7eb;\n border: 1px solid #d1d5db;\n border-top: none;\n border-radius: 0 0 3px 3px;\n user-select: none;\n }\n nine-table-sheets .nine-tab-item.active {\n background: #ffffff;\n color: #111827;\n font-weight: 600;\n border-bottom: 2px solid #2563eb;\n }\n nine-table-sheets .sheets-counter {\n font-size: 12px;\n color: #6b7280;\n padding-left: 12px;\n flex-shrink: 0;\n }\n </style>\n \n <nine-table-sheets-body></nine-table-sheets-body>\n <nine-table-sheets-footer>\n <div class=\"nine-tab-bar\"></div>\n <div class=\"sheets-counter\">Total : <span id=\"row-count\">0</span></div>\n </nine-table-sheets-footer>\n `;\n }\n}\n\nif (!customElements.get('nine-table-sheets')) {\n customElements.define('nine-table-sheets', NineTableSheets);\n}","import './nine-table-sheets.js';\n\nexport class LayoutManager {\n #shadowRoot;\n\n constructor(shadowRoot) {\n this.#shadowRoot = shadowRoot;\n }\n\n render() {\n this.#renderLayoutShell();\n this.#initSheetsContainer();\n }\n\n #renderLayoutShell() {\n this.#shadowRoot.innerHTML = `\n <style>\n :host { display: flex; flex-direction: column; position: relative; overflow: hidden; height: 100%; background: #fff; }\n nine-table-header { height: 40px; display: block; flex-shrink: 0; border-bottom: 1px solid #e5e7eb; background: #fff; }\n nine-table-body { display: flex; flex-direction: row; flex: 1; overflow: hidden; position: relative; }\n nine-table-summary { display: none; width: 250px; flex-shrink: 0; border-right: 1px solid #e5e7eb; }\n nine-splitter:not([data-split-index]) { width: 4px; background: #e5e7eb; cursor: col-resize; flex-shrink: 0; }\n nine-table-analysis { display: none; }\n nine-table-footer { display: none; }\n </style>\n \n <nine-table-header></nine-table-header>\n <nine-table-body>\n <nine-table-summary></nine-table-summary>\n <nine-splitter></nine-splitter>\n <nine-table-sheets></nine-table-sheets>\n <nine-table-analysis></nine-table-analysis>\n </nine-table-body>\n <nine-table-footer></nine-table-footer>\n `;\n }\n\n #initSheetsContainer() {\n const sheetsContainer = this.#shadowRoot.querySelector('nine-table-sheets');\n const rawTables = Array.from(this.#shadowRoot.host.querySelectorAll('table'));\n\n rawTables.forEach(tbl => {\n tbl.style.display = 'none';\n });\n\n if (sheetsContainer && rawTables.length > 0) {\n sheetsContainer.initSheets(rawTables);\n }\n }\n}","import {trace} from \"@nopeer\";\nimport { LayoutManager } from '../ui/LayoutManager.js';\n\nexport default class NineTable extends HTMLElement {\n #created = false;\n\n constructor() {\n super();\n this.attachShadow({ mode: 'open' });\n }\n\n connectedCallback() {\n if (this.#created) return;\n\n // shadowRoot 하나만 넘겨서 내부에서 레이아웃 및 테이블 수집 처리\n this.layoutManager = new LayoutManager(this.shadowRoot);\n this.layoutManager.render();\n\n this.#created = true;\n trace.log('NineTable connected.');\n\n this.dispatchEvent(new CustomEvent('load', { bubbles: true, detail: { target: this } }));\n }\n\n disconnectedCallback() {\n trace.log('NineTable disconnected.');\n }\n}\n\nif (!customElements.get('nine-table')) {\n customElements.define('nine-table', NineTable);\n}"],"names":["_Trace","traceOrigin","__name","Trace","trace","_TableInitializer","container","__privateAdd","_TableInitializer_instances","_container","__privateSet","tbl","__privateMethod","ensureColgroup_fn","ensureThead_fn","colCount","_a","colgroup","defaultWidth","i","col","thead","TableInitializer","_NineTableSheet","_NineTableSheet_instances","_tableElement","_initializer","render_fn","tableEl","clonedTable","__privateGet","NineTableSheet","_NineTableSheets","_NineTableSheets_instances","tables","body","tabBar","sheetsHtml","_","idx","sheet","tabsHtml","sheetEl","e","tabItem","isMultiSelect","index","tabItems","sheetElements","tab","clickedTab","activeTabs","targetSheet","activeSheets","initialBasis","updateSplitters_fn","activeSheet","rowCountEl","splitter","splitIndex","leftSheet","rightSheet","NineTableSheets","_LayoutManager","shadowRoot","_LayoutManager_instances","_shadowRoot","renderLayoutShell_fn","initSheetsContainer_fn","sheetsContainer","rawTables","LayoutManager","_NineTable","_created","NineTable"],"mappings":"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"}
1	+ {"version":3,"file":"nine-table.js","sources":["../src/external/NoPeer.js","../src/ui/TableInitializer.js","../src/ui/nine-table-sheet.js","../src/ui/nine-table-sheets.js","../src/ui/LayoutManager.js","../src/core/nine-table.js"],"sourcesContent":["import { trace as traceOrigin } from '@ninebone/util';\n\nexport class Trace extends traceOrigin.constructor {\n constructor() {\n super();\n this.init(\"nine-table\", \"green\");\n }\n}\n\nexport const trace = new Trace();","export class TableInitializer {\n #container;\n\n constructor(container) {\n this.#container = container;\n }\n\n // [Public] 테이블 초기화 진입점 (필요한 최소한의 마크업 보정만 수행)\n initializeTable(tbl) {\n this.#ensureColgroup(tbl);\n this.#ensureThead(tbl);\n\n tbl.classList.add('nine-table-element');\n return tbl;\n }\n\n // [Private] colgroup 보정\n #ensureColgroup(tbl) {\n if (tbl.querySelector('colgroup')) return;\n\n const colCount = tbl.querySelector('tbody tr')?.querySelectorAll('th, td').length \|\| 1;\n const colgroup = document.createElement('colgroup');\n const defaultWidth = Math.max(Math.floor((tbl.clientWidth \|\| 600) / colCount), 100);\n\n for (let i = 0; i < colCount; i++) {\n const col = document.createElement('col');\n col.setAttribute('width', defaultWidth);\n colgroup.appendChild(col);\n }\n tbl.prepend(colgroup);\n }\n\n // [Private] thead 보정\n #ensureThead(tbl) {\n if (tbl.querySelector('thead')) return;\n\n const thead = document.createElement('thead');\n const colgroup = tbl.querySelector('colgroup');\n if (colgroup) {\n colgroup.after(thead);\n } else {\n tbl.prepend(thead);\n }\n }\n}","import { trace } from \"@nopeer\";\nimport { TableInitializer } from \"./TableInitializer.js\"; // 경로에 맞게 조정 필요\n\nexport class NineTableSheet extends HTMLElement {\n #tableElement = null;\n #initializer;\n\n constructor() {\n super();\n this.#initializer = new TableInitializer(this);\n }\n\n connectedCallback() {\n this.#render();\n }\n\n /*\n 외부(LayoutManager 등)에서 원본 테이블 엘리먼트를 주입받아 초기화 및 보정 수행\n * @param {HTMLTableElement} tableEl\n /\n init(tableEl) {\n if (!tableEl) return;\n\n // 원본 테이블 복제 후 TableInitializer를 통한 구조 보정\n const clonedTable = tableEl.cloneNode(true);\n this.#tableElement = this.#initializer.initializeTable(clonedTable);\n this.#tableElement.style.display = 'table';\n\n const container = this.querySelector('.sheet-content-container');\n if (container) {\n container.innerHTML = '';\n container.appendChild(this.#tableElement);\n }\n\n trace.log(`NineTableSheet initialized with table rows: ${this.getRowCount()}`);\n }\n\n getRowCount() {\n if (!this.#tableElement) return 0;\n return this.#tableElement.querySelectorAll('tbody tr').length;\n }\n\n #render() {\n this.innerHTML = `\n <style>\n nine-table-sheet {\n display: block;\n width: 100%;\n height: 100%;\n overflow: auto;\n position: relative;\n box-sizing: border-box;\n background: #ffffff;\n }\n\n nine-table-sheet .sheet-content-container {\n width: 100%;\n min-width: fit-content;\n }\n\n nine-table-sheet table {\n border-collapse: collapse;\n width: 100%;\n table-layout: fixed;\n }\n\n nine-table-sheet th, nine-table-sheet td {\n box-sizing: border-box;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n padding: 6px 8px;\n border: 1px solid #e5e7eb;\n font-size: 12px;\n color: #111827;\n }\n\n nine-table-sheet th {\n background-color: #f9fafb;\n font-weight: 600;\n text-align: left;\n }\n </style>\n \n <div class=\"sheet-content-container\">\n <!-- 테이블이 동적으로 주입되는 영역 -->\n </div>\n `;\n }\n\n disconnectedCallback() {\n this.innerHTML = '';\n trace.log('NineTableSheet destroyed.');\n }\n}\n\nif (!customElements.get('nine-table-sheet')) {\n customElements.define('nine-table-sheet', NineTableSheet);\n}\n","import './nine-table-sheet.js';\n\nexport class NineTableSheets extends HTMLElement {\n constructor() {\n super();\n }\n\n connectedCallback() {\n this.#render();\n }\n\n /\n LayoutManager로부터 직접 전달받은 DOM 요소들로 시트 초기화\n * @param {HTMLElement[]} rawChildren\n */\n initSheets(rawChildren) {\n if (!rawChildren \|\| rawChildren.length === 0) return;\n\n rawChildren.forEach(el => {\n el.style.display = 'none';\n });\n\n const body = this.querySelector('nine-table-sheets-body');\n const tabBar = this.querySelector('.nine-tab-bar');\n\n const sheetsHtml = rawChildren.map((_, idx) => {\n const sheet = `<nine-table-sheet class=\"${idx === 0 ? 'active' : ''}\" data-index=\"${idx}\"></nine-table-sheet>`;\n if (idx === 0) return sheet;\n return `<nine-splitter class=\"h\" data-split-index=\"${idx}\"></nine-splitter>${sheet}`;\n }).join('');\n\n const tabsHtml = rawChildren.map((_, idx) => `\n <div class=\"nine-tab-item ${idx === 0 ? 'active' : ''}\" data-index=\"${idx}\">Sheet ${idx + 1}</div>\n `).join('');\n\n body.innerHTML = sheetsHtml;\n tabBar.innerHTML = tabsHtml;\n\n const sheetElements = body.querySelectorAll('nine-table-sheet');\n sheetElements.forEach((sheetEl, idx) => {\n if (rawChildren[idx]) {\n sheetEl.init(rawChildren[idx]);\n }\n });\n\n tabBar.addEventListener('click', (e) => {\n const tabItem = e.target.closest('.nine-tab-item');\n if (!tabItem) return;\n\n const isMultiSelect = e.ctrlKey \|\| e.metaKey \|\| e.shiftKey;\n const index = parseInt(tabItem.dataset.index, 10);\n this.switchSheet(index, isMultiSelect);\n });\n\n this.switchSheet(0, false);\n }\n\n switchSheet(index, isMultiSelect = false) {\n const tabBar = this.querySelector('.nine-tab-bar');\n const body = this.querySelector('nine-table-sheets-body');\n const tabItems = tabBar.querySelectorAll('.nine-tab-item');\n const sheetElements = body.querySelectorAll('nine-table-sheet');\n\n if (!tabItems[index]) return;\n\n if (!isMultiSelect) {\n tabItems.forEach((tab, idx) => {\n tab.classList.toggle('active', idx === index);\n const sheet = body.querySelector(`nine-table-sheet[data-index=\"${idx}\"]`);\n if (sheet) sheet.style.flex = '';\n });\n sheetElements.forEach((sheet, idx) => {\n sheet.classList.toggle('active', idx === index);\n });\n } else {\n const clickedTab = tabItems[index];\n const activeTabs = tabBar.querySelectorAll('.nine-tab-item.active');\n\n if (clickedTab.classList.contains('active') && activeTabs.length <= 1) {\n return;\n }\n\n clickedTab.classList.toggle('active');\n const targetSheet = body.querySelector(`nine-table-sheet[data-index=\"${index}\"]`);\n if (targetSheet) {\n targetSheet.classList.toggle('active');\n if (!targetSheet.classList.contains('active')) {\n targetSheet.style.flex = '';\n }\n }\n }\n\n const activeSheets = Array.from(body.querySelectorAll('nine-table-sheet.active'));\n if (activeSheets.length > 1) {\n const initialBasis = (1 / activeSheets.length);\n activeSheets.forEach(sheet => {\n if (!sheet.style.flex \|\| sheet.style.flex === '1 1 100%') {\n sheet.style.flex = `${initialBasis} ${initialBasis} 0px`;\n }\n });\n } else {\n activeSheets.forEach(sheet => {\n sheet.style.flex = '1 1 100%';\n });\n }\n\n this.#updateSplitters();\n\n const activeSheet = body.querySelector(`nine-table-sheet.active`);\n if (activeSheet && typeof activeSheet.getRowCount === 'function') {\n const rowCountEl = this.querySelector('#row-count');\n if (rowCountEl) {\n rowCountEl.textContent = activeSheet.getRowCount().toLocaleString();\n }\n }\n }\n\n #updateSplitters() {\n const body = this.querySelector('nine-table-sheets-body');\n const splitters = body.querySelectorAll('nine-splitter');\n splitters.forEach(splitter => {\n const splitIndex = parseInt(splitter.dataset.splitIndex, 10);\n const leftSheet = body.querySelector(`nine-table-sheet[data-index=\"${splitIndex - 1}\"]`);\n const rightSheet = body.querySelector(`nine-table-sheet[data-index=\"${splitIndex}\"]`);\n\n if (leftSheet && rightSheet && leftSheet.classList.contains('active') && rightSheet.classList.contains('active')) {\n splitter.classList.add('active');\n } else {\n splitter.classList.remove('active');\n }\n });\n }\n\n #render() {\n this.innerHTML = `\n <style>\n nine-table-sheets {\n flex: 1;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n position: relative;\n background: #fff;\n }\n nine-table-sheets-body {\n flex: 1;\n overflow: auto;\n position: relative;\n display: flex;\n flex-direction: row;\n }\n nine-table-sheet {\n display: none !important;\n height: 100%;\n overflow: auto;\n }\n nine-table-sheet.active {\n display: block !important;\n }\n nine-table-sheets-body nine-splitter {\n width: 4px;\n background: #e5e7eb;\n cursor: col-resize;\n flex-shrink: 0;\n display: none !important;\n }\n nine-table-sheets-body nine-splitter.active {\n display: block !important;\n }\n nine-table-sheets-footer {\n display: flex;\n height: 32px;\n background: #f3f4f6;\n border-top: 1px solid #e5e7eb;\n align-items: center;\n justify-content: space-between;\n padding: 0 8px;\n flex-shrink: 0;\n }\n nine-table-sheets .nine-tab-bar {\n display: flex;\n align-items: center;\n gap: 2px;\n overflow-x: auto;\n flex: 1;\n height: 100%;\n }\n nine-table-sheets .nine-tab-item {\n padding: 4px 12px;\n cursor: pointer;\n font-size: 12px;\n color: #4b5563;\n background: #e5e7eb;\n border: 1px solid #d1d5db;\n border-top: none;\n border-radius: 0 0 3px 3px;\n user-select: none;\n }\n nine-table-sheets .nine-tab-item.active {\n background: #ffffff;\n color: #111827;\n font-weight: 600;\n border-bottom: 2px solid #2563eb;\n }\n nine-table-sheets .sheets-counter {\n font-size: 12px;\n color: #6b7280;\n padding-left: 12px;\n flex-shrink: 0;\n }\n </style>\n \n <nine-table-sheets-body></nine-table-sheets-body>\n <nine-table-sheets-footer>\n <div class=\"nine-tab-bar\"></div>\n <div class=\"sheets-counter\">Total : <span id=\"row-count\">0</span></div>\n </nine-table-sheets-footer>\n `;\n }\n}\n\nif (!customElements.get('nine-table-sheets')) {\n customElements.define('nine-table-sheets', NineTableSheets);\n}","import './nine-table-sheets.js';\n\nexport class LayoutManager {\n #shadowRoot;\n\n constructor(shadowRoot) {\n this.#shadowRoot = shadowRoot;\n this.#render();\n }\n\n #render() {\n const rawChildren = Array.from(this.#shadowRoot.host.children);\n\n rawChildren.forEach(el => {\n el.style.display = 'none';\n });\n\n this.#shadowRoot.innerHTML = `\n <style>\n :host { display: flex; flex-direction: column; position: relative; overflow: hidden; height: 100%; background: #fff; }\n nine-table-header { height: 40px; display: block; flex-shrink: 0; border-bottom: 1px solid #e5e7eb; background: #fff; }\n nine-table-body { display: flex; flex-direction: row; flex: 1; overflow: hidden; position: relative; }\n nine-table-summary { display: none; width: 250px; flex-shrink: 0; border-right: 1px solid #e5e7eb; }\n nine-splitter:not([data-split-index]) { width: 4px; background: #e5e7eb; cursor: col-resize; flex-shrink: 0; }\n nine-table-analysis { display: none; }\n nine-table-footer { display: none; }\n </style>\n \n <nine-table-header></nine-table-header>\n <nine-table-body>\n <nine-table-summary></nine-table-summary>\n <nine-splitter></nine-splitter>\n <nine-table-sheets></nine-table-sheets>\n <nine-table-analysis></nine-table-analysis>\n </nine-table-body>\n <nine-table-footer></nine-table-footer>\n `;\n\n const sheetsContainer = this.#shadowRoot.querySelector('nine-table-sheets');\n if (sheetsContainer && rawChildren.length > 0) {\n sheetsContainer.initSheets(rawChildren);\n }\n }\n}","import {trace} from \"@nopeer\";\nimport { LayoutManager } from '../ui/LayoutManager.js';\n\nexport default class NineTable extends HTMLElement {\n #created = false;\n\n constructor() {\n super();\n this.attachShadow({ mode: 'open' });\n }\n\n connectedCallback() {\n if (this.#created) return;\n\n // shadowRoot 하나만 넘겨서 내부에서 레이아웃 및 테이블 수집 처리\n this.layoutManager = new LayoutManager(this.shadowRoot);\n //this.layoutManager.render();\n\n this.#created = true;\n trace.log('NineTable connected.');\n\n this.dispatchEvent(new CustomEvent('load', { bubbles: true, detail: { target: this } }));\n }\n\n disconnectedCallback() {\n trace.log('NineTable disconnected.');\n }\n}\n\nif (!customElements.get('nine-table')) {\n customElements.define('nine-table', NineTable);\n}"],"names":["_Trace","traceOrigin","__name","Trace","trace","_TableInitializer","container","__privateAdd","_TableInitializer_instances","_container","__privateSet","tbl","__privateMethod","ensureColgroup_fn","ensureThead_fn","colCount","_a","colgroup","defaultWidth","i","col","thead","TableInitializer","_NineTableSheet","_NineTableSheet_instances","_tableElement","_initializer","render_fn","tableEl","clonedTable","__privateGet","NineTableSheet","_NineTableSheets","_NineTableSheets_instances","rawChildren","el","body","tabBar","sheetsHtml","_","idx","sheet","tabsHtml","sheetEl","e","tabItem","isMultiSelect","index","tabItems","sheetElements","tab","clickedTab","activeTabs","targetSheet","activeSheets","initialBasis","updateSplitters_fn","activeSheet","rowCountEl","splitter","splitIndex","leftSheet","rightSheet","NineTableSheets","_LayoutManager","shadowRoot","_LayoutManager_instances","_shadowRoot","sheetsContainer","LayoutManager","_NineTable","_created","NineTable"],"mappings":"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"}

package/dist/nine-table.umd.js CHANGED Viewed

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

package/dist/nine-table.umd.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nine-table.umd.js","sources":["../src/external/NoPeer.js","../src/ui/TableInitializer.js","../src/ui/nine-table-sheet.js","../src/ui/nine-table-sheets.js","../src/ui/LayoutManager.js","../src/core/nine-table.js"],"sourcesContent":["import { trace as traceOrigin } from '@ninebone/util';\n\nexport class Trace extends traceOrigin.constructor {\n constructor() {\n super();\n this.init(\"nine-table\", \"green\");\n }\n}\n\nexport const trace = new Trace();","export class TableInitializer {\n #container;\n\n constructor(container) {\n this.#container = container;\n }\n\n // [Public] 테이블 초기화 진입점 (필요한 최소한의 마크업 보정만 수행)\n initializeTable(tbl) {\n this.#ensureColgroup(tbl);\n this.#ensureThead(tbl);\n\n tbl.classList.add('nine-table-element');\n return tbl;\n }\n\n // [Private] colgroup 보정\n #ensureColgroup(tbl) {\n if (tbl.querySelector('colgroup')) return;\n\n const colCount = tbl.querySelector('tbody tr')?.querySelectorAll('th, td').length \|\| 1;\n const colgroup = document.createElement('colgroup');\n const defaultWidth = Math.max(Math.floor((tbl.clientWidth \|\| 600) / colCount), 100);\n\n for (let i = 0; i < colCount; i++) {\n const col = document.createElement('col');\n col.setAttribute('width', defaultWidth);\n colgroup.appendChild(col);\n }\n tbl.prepend(colgroup);\n }\n\n // [Private] thead 보정\n #ensureThead(tbl) {\n if (tbl.querySelector('thead')) return;\n\n const thead = document.createElement('thead');\n const colgroup = tbl.querySelector('colgroup');\n if (colgroup) {\n colgroup.after(thead);\n } else {\n tbl.prepend(thead);\n }\n }\n}","import { trace } from \"@nopeer\";\nimport { TableInitializer } from \"./TableInitializer.js\"; // 경로에 맞게 조정 필요\n\nexport class NineTableSheet extends HTMLElement {\n #tableElement = null;\n #initializer;\n\n constructor() {\n super();\n this.#initializer = new TableInitializer(this);\n }\n\n connectedCallback() {\n this.#render();\n }\n\n /*\n 외부(LayoutManager 등)에서 원본 테이블 엘리먼트를 주입받아 초기화 및 보정 수행\n * @param {HTMLTableElement} tableEl\n /\n init(tableEl) {\n if (!tableEl) return;\n\n // 원본 테이블 복제 후 TableInitializer를 통한 구조 보정\n const clonedTable = tableEl.cloneNode(true);\n this.#tableElement = this.#initializer.initializeTable(clonedTable);\n this.#tableElement.style.display = 'table';\n\n const container = this.querySelector('.sheet-content-container');\n if (container) {\n container.innerHTML = '';\n container.appendChild(this.#tableElement);\n }\n\n trace.log(`NineTableSheet initialized with table rows: ${this.getRowCount()}`);\n }\n\n getRowCount() {\n if (!this.#tableElement) return 0;\n return this.#tableElement.querySelectorAll('tbody tr').length;\n }\n\n #render() {\n this.innerHTML = `\n <style>\n nine-table-sheet {\n display: block;\n width: 100%;\n height: 100%;\n overflow: auto;\n position: relative;\n box-sizing: border-box;\n background: #ffffff;\n }\n\n nine-table-sheet .sheet-content-container {\n width: 100%;\n min-width: fit-content;\n }\n\n nine-table-sheet table {\n border-collapse: collapse;\n width: 100%;\n table-layout: fixed;\n }\n\n nine-table-sheet th, nine-table-sheet td {\n box-sizing: border-box;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n padding: 6px 8px;\n border: 1px solid #e5e7eb;\n font-size: 12px;\n color: #111827;\n }\n\n nine-table-sheet th {\n background-color: #f9fafb;\n font-weight: 600;\n text-align: left;\n }\n </style>\n \n <div class=\"sheet-content-container\">\n <!-- 테이블이 동적으로 주입되는 영역 -->\n </div>\n `;\n }\n\n disconnectedCallback() {\n this.innerHTML = '';\n trace.log('NineTableSheet destroyed.');\n }\n}\n\nif (!customElements.get('nine-table-sheet')) {\n customElements.define('nine-table-sheet', NineTableSheet);\n}\n","import './nine-table-sheet.js';\n\nexport class NineTableSheets extends HTMLElement {\n constructor() {\n super();\n }\n\n connectedCallback() {\n this.#render();\n }\n\n /\n 외부(LayoutManager 등)에서 테이블 목록을 받아 시트와 스플리터 마크업 구성\n * @param {HTMLTableElement[]} tables\n */\n initSheets(tables) {\n const body = this.querySelector('nine-table-sheets-body');\n const tabBar = this.querySelector('.nine-tab-bar');\n\n const sheetsHtml = tables.map((_, idx) => {\n const sheet = `<nine-table-sheet class=\"${idx === 0 ? 'active' : ''}\" data-index=\"${idx}\"></nine-table-sheet>`;\n if (idx === 0) return sheet;\n return `<nine-splitter class=\"h\" data-split-index=\"${idx}\"></nine-splitter>${sheet}`;\n }).join('');\n\n const tabsHtml = tables.map((_, idx) => `\n <div class=\"nine-tab-item ${idx === 0 ? 'active' : ''}\" data-index=\"${idx}\">Sheet ${idx + 1}</div>\n `).join('');\n\n body.innerHTML = sheetsHtml;\n tabBar.innerHTML = tabsHtml;\n\n // 각 시트에 원본 테이블 데이터 주입\n const sheetElements = body.querySelectorAll('nine-table-sheet');\n sheetElements.forEach((sheetEl, idx) => {\n if (tables[idx]) {\n sheetEl.init(tables[idx]);\n }\n });\n\n // 탭 클릭 이벤트 바인딩\n tabBar.addEventListener('click', (e) => {\n const tabItem = e.target.closest('.nine-tab-item');\n if (!tabItem) return;\n\n const isMultiSelect = e.ctrlKey \|\| e.metaKey \|\| e.shiftKey;\n const index = parseInt(tabItem.dataset.index, 10);\n this.switchSheet(index, isMultiSelect);\n });\n\n this.switchSheet(0, false);\n }\n\n switchSheet(index, isMultiSelect = false) {\n const tabBar = this.querySelector('.nine-tab-bar');\n const body = this.querySelector('nine-table-sheets-body');\n const tabItems = tabBar.querySelectorAll('.nine-tab-item');\n const sheetElements = body.querySelectorAll('nine-table-sheet');\n\n if (!tabItems[index]) return;\n\n if (!isMultiSelect) {\n tabItems.forEach((tab, idx) => {\n tab.classList.toggle('active', idx === index);\n const sheet = body.querySelector(`nine-table-sheet[data-index=\"${idx}\"]`);\n if (sheet) sheet.style.flex = '';\n });\n sheetElements.forEach((sheet, idx) => {\n sheet.classList.toggle('active', idx === index);\n });\n } else {\n const clickedTab = tabItems[index];\n const activeTabs = tabBar.querySelectorAll('.nine-tab-item.active');\n\n if (clickedTab.classList.contains('active') && activeTabs.length <= 1) {\n return;\n }\n\n clickedTab.classList.toggle('active');\n const targetSheet = body.querySelector(`nine-table-sheet[data-index=\"${index}\"]`);\n if (targetSheet) {\n targetSheet.classList.toggle('active');\n if (!targetSheet.classList.contains('active')) {\n targetSheet.style.flex = '';\n }\n }\n }\n\n const activeSheets = Array.from(body.querySelectorAll('nine-table-sheet.active'));\n if (activeSheets.length > 1) {\n const initialBasis = (1 / activeSheets.length);\n activeSheets.forEach(sheet => {\n if (!sheet.style.flex \|\| sheet.style.flex === '1 1 100%') {\n sheet.style.flex = `${initialBasis} ${initialBasis} 0px`;\n }\n });\n } else {\n activeSheets.forEach(sheet => {\n sheet.style.flex = '1 1 100%';\n });\n }\n\n this.#updateSplitters();\n\n // 내부 푸터의 행 카운트 갱신\n const activeSheet = body.querySelector(`nine-table-sheet.active`);\n if (activeSheet && typeof activeSheet.getRowCount === 'function') {\n const rowCountEl = this.querySelector('#row-count');\n if (rowCountEl) {\n rowCountEl.textContent = activeSheet.getRowCount().toLocaleString();\n }\n }\n }\n\n #updateSplitters() {\n const body = this.querySelector('nine-table-sheets-body');\n const splitters = body.querySelectorAll('nine-splitter');\n splitters.forEach(splitter => {\n const splitIndex = parseInt(splitter.dataset.splitIndex, 10);\n const leftSheet = body.querySelector(`nine-table-sheet[data-index=\"${splitIndex - 1}\"]`);\n const rightSheet = body.querySelector(`nine-table-sheet[data-index=\"${splitIndex}\"]`);\n\n if (leftSheet && rightSheet && leftSheet.classList.contains('active') && rightSheet.classList.contains('active')) {\n splitter.classList.add('active');\n } else {\n splitter.classList.remove('active');\n }\n });\n }\n\n #render() {\n this.innerHTML = `\n <style>\n nine-table-sheets {\n flex: 1;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n position: relative;\n background: #fff;\n }\n nine-table-sheets-body {\n flex: 1;\n overflow: auto;\n position: relative;\n display: flex;\n flex-direction: row;\n }\n nine-table-sheet {\n display: none !important;\n height: 100%;\n overflow: auto;\n }\n nine-table-sheet.active {\n display: block !important;\n }\n nine-table-sheets-body nine-splitter {\n width: 4px;\n background: #e5e7eb;\n cursor: col-resize;\n flex-shrink: 0;\n display: none !important;\n }\n nine-table-sheets-body nine-splitter.active {\n display: block !important;\n }\n nine-table-sheets-footer {\n display: flex;\n height: 32px;\n background: #f3f4f6;\n border-top: 1px solid #e5e7eb;\n align-items: center;\n justify-content: space-between;\n padding: 0 8px;\n flex-shrink: 0;\n }\n nine-table-sheets .nine-tab-bar {\n display: flex;\n align-items: center;\n gap: 2px;\n overflow-x: auto;\n flex: 1;\n height: 100%;\n }\n nine-table-sheets .nine-tab-item {\n padding: 4px 12px;\n cursor: pointer;\n font-size: 12px;\n color: #4b5563;\n background: #e5e7eb;\n border: 1px solid #d1d5db;\n border-top: none;\n border-radius: 0 0 3px 3px;\n user-select: none;\n }\n nine-table-sheets .nine-tab-item.active {\n background: #ffffff;\n color: #111827;\n font-weight: 600;\n border-bottom: 2px solid #2563eb;\n }\n nine-table-sheets .sheets-counter {\n font-size: 12px;\n color: #6b7280;\n padding-left: 12px;\n flex-shrink: 0;\n }\n </style>\n \n <nine-table-sheets-body></nine-table-sheets-body>\n <nine-table-sheets-footer>\n <div class=\"nine-tab-bar\"></div>\n <div class=\"sheets-counter\">Total : <span id=\"row-count\">0</span></div>\n </nine-table-sheets-footer>\n `;\n }\n}\n\nif (!customElements.get('nine-table-sheets')) {\n customElements.define('nine-table-sheets', NineTableSheets);\n}","import './nine-table-sheets.js';\n\nexport class LayoutManager {\n #shadowRoot;\n\n constructor(shadowRoot) {\n this.#shadowRoot = shadowRoot;\n }\n\n render() {\n this.#renderLayoutShell();\n this.#initSheetsContainer();\n }\n\n #renderLayoutShell() {\n this.#shadowRoot.innerHTML = `\n <style>\n :host { display: flex; flex-direction: column; position: relative; overflow: hidden; height: 100%; background: #fff; }\n nine-table-header { height: 40px; display: block; flex-shrink: 0; border-bottom: 1px solid #e5e7eb; background: #fff; }\n nine-table-body { display: flex; flex-direction: row; flex: 1; overflow: hidden; position: relative; }\n nine-table-summary { display: none; width: 250px; flex-shrink: 0; border-right: 1px solid #e5e7eb; }\n nine-splitter:not([data-split-index]) { width: 4px; background: #e5e7eb; cursor: col-resize; flex-shrink: 0; }\n nine-table-analysis { display: none; }\n nine-table-footer { display: none; }\n </style>\n \n <nine-table-header></nine-table-header>\n <nine-table-body>\n <nine-table-summary></nine-table-summary>\n <nine-splitter></nine-splitter>\n <nine-table-sheets></nine-table-sheets>\n <nine-table-analysis></nine-table-analysis>\n </nine-table-body>\n <nine-table-footer></nine-table-footer>\n `;\n }\n\n #initSheetsContainer() {\n const sheetsContainer = this.#shadowRoot.querySelector('nine-table-sheets');\n const rawTables = Array.from(this.#shadowRoot.host.querySelectorAll('table'));\n\n rawTables.forEach(tbl => {\n tbl.style.display = 'none';\n });\n\n if (sheetsContainer && rawTables.length > 0) {\n sheetsContainer.initSheets(rawTables);\n }\n }\n}","import {trace} from \"@nopeer\";\nimport { LayoutManager } from '../ui/LayoutManager.js';\n\nexport default class NineTable extends HTMLElement {\n #created = false;\n\n constructor() {\n super();\n this.attachShadow({ mode: 'open' });\n }\n\n connectedCallback() {\n if (this.#created) return;\n\n // shadowRoot 하나만 넘겨서 내부에서 레이아웃 및 테이블 수집 처리\n this.layoutManager = new LayoutManager(this.shadowRoot);\n this.layoutManager.render();\n\n this.#created = true;\n trace.log('NineTable connected.');\n\n this.dispatchEvent(new CustomEvent('load', { bubbles: true, detail: { target: this } }));\n }\n\n disconnectedCallback() {\n trace.log('NineTable disconnected.');\n }\n}\n\nif (!customElements.get('nine-table')) {\n customElements.define('nine-table', NineTable);\n}"],"names":["_Trace","traceOrigin","__name","Trace","trace","_TableInitializer","container","__privateAdd","_TableInitializer_instances","_container","__privateSet","tbl","__privateMethod","ensureColgroup_fn","ensureThead_fn","colCount","_a","colgroup","defaultWidth","i","col","thead","TableInitializer","_NineTableSheet","_NineTableSheet_instances","_tableElement","_initializer","render_fn","tableEl","clonedTable","__privateGet","NineTableSheet","_NineTableSheets","_NineTableSheets_instances","tables","body","tabBar","sheetsHtml","_","idx","sheet","tabsHtml","sheetEl","e","tabItem","isMultiSelect","index","tabItems","sheetElements","tab","clickedTab","activeTabs","targetSheet","activeSheets","initialBasis","updateSplitters_fn","activeSheet","rowCountEl","splitter","splitIndex","leftSheet","rightSheet","NineTableSheets","_LayoutManager","shadowRoot","_LayoutManager_instances","_shadowRoot","renderLayoutShell_fn","initSheetsContainer_fn","sheetsContainer","rawTables","LayoutManager","_NineTable","_created","NineTable"],"mappings":"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"}
1	+ {"version":3,"file":"nine-table.umd.js","sources":["../src/external/NoPeer.js","../src/ui/TableInitializer.js","../src/ui/nine-table-sheet.js","../src/ui/nine-table-sheets.js","../src/ui/LayoutManager.js","../src/core/nine-table.js"],"sourcesContent":["import { trace as traceOrigin } from '@ninebone/util';\n\nexport class Trace extends traceOrigin.constructor {\n constructor() {\n super();\n this.init(\"nine-table\", \"green\");\n }\n}\n\nexport const trace = new Trace();","export class TableInitializer {\n #container;\n\n constructor(container) {\n this.#container = container;\n }\n\n // [Public] 테이블 초기화 진입점 (필요한 최소한의 마크업 보정만 수행)\n initializeTable(tbl) {\n this.#ensureColgroup(tbl);\n this.#ensureThead(tbl);\n\n tbl.classList.add('nine-table-element');\n return tbl;\n }\n\n // [Private] colgroup 보정\n #ensureColgroup(tbl) {\n if (tbl.querySelector('colgroup')) return;\n\n const colCount = tbl.querySelector('tbody tr')?.querySelectorAll('th, td').length \|\| 1;\n const colgroup = document.createElement('colgroup');\n const defaultWidth = Math.max(Math.floor((tbl.clientWidth \|\| 600) / colCount), 100);\n\n for (let i = 0; i < colCount; i++) {\n const col = document.createElement('col');\n col.setAttribute('width', defaultWidth);\n colgroup.appendChild(col);\n }\n tbl.prepend(colgroup);\n }\n\n // [Private] thead 보정\n #ensureThead(tbl) {\n if (tbl.querySelector('thead')) return;\n\n const thead = document.createElement('thead');\n const colgroup = tbl.querySelector('colgroup');\n if (colgroup) {\n colgroup.after(thead);\n } else {\n tbl.prepend(thead);\n }\n }\n}","import { trace } from \"@nopeer\";\nimport { TableInitializer } from \"./TableInitializer.js\"; // 경로에 맞게 조정 필요\n\nexport class NineTableSheet extends HTMLElement {\n #tableElement = null;\n #initializer;\n\n constructor() {\n super();\n this.#initializer = new TableInitializer(this);\n }\n\n connectedCallback() {\n this.#render();\n }\n\n /*\n 외부(LayoutManager 등)에서 원본 테이블 엘리먼트를 주입받아 초기화 및 보정 수행\n * @param {HTMLTableElement} tableEl\n /\n init(tableEl) {\n if (!tableEl) return;\n\n // 원본 테이블 복제 후 TableInitializer를 통한 구조 보정\n const clonedTable = tableEl.cloneNode(true);\n this.#tableElement = this.#initializer.initializeTable(clonedTable);\n this.#tableElement.style.display = 'table';\n\n const container = this.querySelector('.sheet-content-container');\n if (container) {\n container.innerHTML = '';\n container.appendChild(this.#tableElement);\n }\n\n trace.log(`NineTableSheet initialized with table rows: ${this.getRowCount()}`);\n }\n\n getRowCount() {\n if (!this.#tableElement) return 0;\n return this.#tableElement.querySelectorAll('tbody tr').length;\n }\n\n #render() {\n this.innerHTML = `\n <style>\n nine-table-sheet {\n display: block;\n width: 100%;\n height: 100%;\n overflow: auto;\n position: relative;\n box-sizing: border-box;\n background: #ffffff;\n }\n\n nine-table-sheet .sheet-content-container {\n width: 100%;\n min-width: fit-content;\n }\n\n nine-table-sheet table {\n border-collapse: collapse;\n width: 100%;\n table-layout: fixed;\n }\n\n nine-table-sheet th, nine-table-sheet td {\n box-sizing: border-box;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n padding: 6px 8px;\n border: 1px solid #e5e7eb;\n font-size: 12px;\n color: #111827;\n }\n\n nine-table-sheet th {\n background-color: #f9fafb;\n font-weight: 600;\n text-align: left;\n }\n </style>\n \n <div class=\"sheet-content-container\">\n <!-- 테이블이 동적으로 주입되는 영역 -->\n </div>\n `;\n }\n\n disconnectedCallback() {\n this.innerHTML = '';\n trace.log('NineTableSheet destroyed.');\n }\n}\n\nif (!customElements.get('nine-table-sheet')) {\n customElements.define('nine-table-sheet', NineTableSheet);\n}\n","import './nine-table-sheet.js';\n\nexport class NineTableSheets extends HTMLElement {\n constructor() {\n super();\n }\n\n connectedCallback() {\n this.#render();\n }\n\n /\n LayoutManager로부터 직접 전달받은 DOM 요소들로 시트 초기화\n * @param {HTMLElement[]} rawChildren\n */\n initSheets(rawChildren) {\n if (!rawChildren \|\| rawChildren.length === 0) return;\n\n rawChildren.forEach(el => {\n el.style.display = 'none';\n });\n\n const body = this.querySelector('nine-table-sheets-body');\n const tabBar = this.querySelector('.nine-tab-bar');\n\n const sheetsHtml = rawChildren.map((_, idx) => {\n const sheet = `<nine-table-sheet class=\"${idx === 0 ? 'active' : ''}\" data-index=\"${idx}\"></nine-table-sheet>`;\n if (idx === 0) return sheet;\n return `<nine-splitter class=\"h\" data-split-index=\"${idx}\"></nine-splitter>${sheet}`;\n }).join('');\n\n const tabsHtml = rawChildren.map((_, idx) => `\n <div class=\"nine-tab-item ${idx === 0 ? 'active' : ''}\" data-index=\"${idx}\">Sheet ${idx + 1}</div>\n `).join('');\n\n body.innerHTML = sheetsHtml;\n tabBar.innerHTML = tabsHtml;\n\n const sheetElements = body.querySelectorAll('nine-table-sheet');\n sheetElements.forEach((sheetEl, idx) => {\n if (rawChildren[idx]) {\n sheetEl.init(rawChildren[idx]);\n }\n });\n\n tabBar.addEventListener('click', (e) => {\n const tabItem = e.target.closest('.nine-tab-item');\n if (!tabItem) return;\n\n const isMultiSelect = e.ctrlKey \|\| e.metaKey \|\| e.shiftKey;\n const index = parseInt(tabItem.dataset.index, 10);\n this.switchSheet(index, isMultiSelect);\n });\n\n this.switchSheet(0, false);\n }\n\n switchSheet(index, isMultiSelect = false) {\n const tabBar = this.querySelector('.nine-tab-bar');\n const body = this.querySelector('nine-table-sheets-body');\n const tabItems = tabBar.querySelectorAll('.nine-tab-item');\n const sheetElements = body.querySelectorAll('nine-table-sheet');\n\n if (!tabItems[index]) return;\n\n if (!isMultiSelect) {\n tabItems.forEach((tab, idx) => {\n tab.classList.toggle('active', idx === index);\n const sheet = body.querySelector(`nine-table-sheet[data-index=\"${idx}\"]`);\n if (sheet) sheet.style.flex = '';\n });\n sheetElements.forEach((sheet, idx) => {\n sheet.classList.toggle('active', idx === index);\n });\n } else {\n const clickedTab = tabItems[index];\n const activeTabs = tabBar.querySelectorAll('.nine-tab-item.active');\n\n if (clickedTab.classList.contains('active') && activeTabs.length <= 1) {\n return;\n }\n\n clickedTab.classList.toggle('active');\n const targetSheet = body.querySelector(`nine-table-sheet[data-index=\"${index}\"]`);\n if (targetSheet) {\n targetSheet.classList.toggle('active');\n if (!targetSheet.classList.contains('active')) {\n targetSheet.style.flex = '';\n }\n }\n }\n\n const activeSheets = Array.from(body.querySelectorAll('nine-table-sheet.active'));\n if (activeSheets.length > 1) {\n const initialBasis = (1 / activeSheets.length);\n activeSheets.forEach(sheet => {\n if (!sheet.style.flex \|\| sheet.style.flex === '1 1 100%') {\n sheet.style.flex = `${initialBasis} ${initialBasis} 0px`;\n }\n });\n } else {\n activeSheets.forEach(sheet => {\n sheet.style.flex = '1 1 100%';\n });\n }\n\n this.#updateSplitters();\n\n const activeSheet = body.querySelector(`nine-table-sheet.active`);\n if (activeSheet && typeof activeSheet.getRowCount === 'function') {\n const rowCountEl = this.querySelector('#row-count');\n if (rowCountEl) {\n rowCountEl.textContent = activeSheet.getRowCount().toLocaleString();\n }\n }\n }\n\n #updateSplitters() {\n const body = this.querySelector('nine-table-sheets-body');\n const splitters = body.querySelectorAll('nine-splitter');\n splitters.forEach(splitter => {\n const splitIndex = parseInt(splitter.dataset.splitIndex, 10);\n const leftSheet = body.querySelector(`nine-table-sheet[data-index=\"${splitIndex - 1}\"]`);\n const rightSheet = body.querySelector(`nine-table-sheet[data-index=\"${splitIndex}\"]`);\n\n if (leftSheet && rightSheet && leftSheet.classList.contains('active') && rightSheet.classList.contains('active')) {\n splitter.classList.add('active');\n } else {\n splitter.classList.remove('active');\n }\n });\n }\n\n #render() {\n this.innerHTML = `\n <style>\n nine-table-sheets {\n flex: 1;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n position: relative;\n background: #fff;\n }\n nine-table-sheets-body {\n flex: 1;\n overflow: auto;\n position: relative;\n display: flex;\n flex-direction: row;\n }\n nine-table-sheet {\n display: none !important;\n height: 100%;\n overflow: auto;\n }\n nine-table-sheet.active {\n display: block !important;\n }\n nine-table-sheets-body nine-splitter {\n width: 4px;\n background: #e5e7eb;\n cursor: col-resize;\n flex-shrink: 0;\n display: none !important;\n }\n nine-table-sheets-body nine-splitter.active {\n display: block !important;\n }\n nine-table-sheets-footer {\n display: flex;\n height: 32px;\n background: #f3f4f6;\n border-top: 1px solid #e5e7eb;\n align-items: center;\n justify-content: space-between;\n padding: 0 8px;\n flex-shrink: 0;\n }\n nine-table-sheets .nine-tab-bar {\n display: flex;\n align-items: center;\n gap: 2px;\n overflow-x: auto;\n flex: 1;\n height: 100%;\n }\n nine-table-sheets .nine-tab-item {\n padding: 4px 12px;\n cursor: pointer;\n font-size: 12px;\n color: #4b5563;\n background: #e5e7eb;\n border: 1px solid #d1d5db;\n border-top: none;\n border-radius: 0 0 3px 3px;\n user-select: none;\n }\n nine-table-sheets .nine-tab-item.active {\n background: #ffffff;\n color: #111827;\n font-weight: 600;\n border-bottom: 2px solid #2563eb;\n }\n nine-table-sheets .sheets-counter {\n font-size: 12px;\n color: #6b7280;\n padding-left: 12px;\n flex-shrink: 0;\n }\n </style>\n \n <nine-table-sheets-body></nine-table-sheets-body>\n <nine-table-sheets-footer>\n <div class=\"nine-tab-bar\"></div>\n <div class=\"sheets-counter\">Total : <span id=\"row-count\">0</span></div>\n </nine-table-sheets-footer>\n `;\n }\n}\n\nif (!customElements.get('nine-table-sheets')) {\n customElements.define('nine-table-sheets', NineTableSheets);\n}","import './nine-table-sheets.js';\n\nexport class LayoutManager {\n #shadowRoot;\n\n constructor(shadowRoot) {\n this.#shadowRoot = shadowRoot;\n this.#render();\n }\n\n #render() {\n const rawChildren = Array.from(this.#shadowRoot.host.children);\n\n rawChildren.forEach(el => {\n el.style.display = 'none';\n });\n\n this.#shadowRoot.innerHTML = `\n <style>\n :host { display: flex; flex-direction: column; position: relative; overflow: hidden; height: 100%; background: #fff; }\n nine-table-header { height: 40px; display: block; flex-shrink: 0; border-bottom: 1px solid #e5e7eb; background: #fff; }\n nine-table-body { display: flex; flex-direction: row; flex: 1; overflow: hidden; position: relative; }\n nine-table-summary { display: none; width: 250px; flex-shrink: 0; border-right: 1px solid #e5e7eb; }\n nine-splitter:not([data-split-index]) { width: 4px; background: #e5e7eb; cursor: col-resize; flex-shrink: 0; }\n nine-table-analysis { display: none; }\n nine-table-footer { display: none; }\n </style>\n \n <nine-table-header></nine-table-header>\n <nine-table-body>\n <nine-table-summary></nine-table-summary>\n <nine-splitter></nine-splitter>\n <nine-table-sheets></nine-table-sheets>\n <nine-table-analysis></nine-table-analysis>\n </nine-table-body>\n <nine-table-footer></nine-table-footer>\n `;\n\n const sheetsContainer = this.#shadowRoot.querySelector('nine-table-sheets');\n if (sheetsContainer && rawChildren.length > 0) {\n sheetsContainer.initSheets(rawChildren);\n }\n }\n}","import {trace} from \"@nopeer\";\nimport { LayoutManager } from '../ui/LayoutManager.js';\n\nexport default class NineTable extends HTMLElement {\n #created = false;\n\n constructor() {\n super();\n this.attachShadow({ mode: 'open' });\n }\n\n connectedCallback() {\n if (this.#created) return;\n\n // shadowRoot 하나만 넘겨서 내부에서 레이아웃 및 테이블 수집 처리\n this.layoutManager = new LayoutManager(this.shadowRoot);\n //this.layoutManager.render();\n\n this.#created = true;\n trace.log('NineTable connected.');\n\n this.dispatchEvent(new CustomEvent('load', { bubbles: true, detail: { target: this } }));\n }\n\n disconnectedCallback() {\n trace.log('NineTable disconnected.');\n }\n}\n\nif (!customElements.get('nine-table')) {\n customElements.define('nine-table', NineTable);\n}"],"names":["_Trace","traceOrigin","__name","Trace","trace","_TableInitializer","container","__privateAdd","_TableInitializer_instances","_container","__privateSet","tbl","__privateMethod","ensureColgroup_fn","ensureThead_fn","colCount","_a","colgroup","defaultWidth","i","col","thead","TableInitializer","_NineTableSheet","_NineTableSheet_instances","_tableElement","_initializer","render_fn","tableEl","clonedTable","__privateGet","NineTableSheet","_NineTableSheets","_NineTableSheets_instances","rawChildren","el","body","tabBar","sheetsHtml","_","idx","sheet","tabsHtml","sheetEl","e","tabItem","isMultiSelect","index","tabItems","sheetElements","tab","clickedTab","activeTabs","targetSheet","activeSheets","initialBasis","updateSplitters_fn","activeSheet","rowCountEl","splitter","splitIndex","leftSheet","rightSheet","NineTableSheets","_LayoutManager","shadowRoot","_LayoutManager_instances","_shadowRoot","sheetsContainer","LayoutManager","_NineTable","_created","NineTable"],"mappings":"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"}

package/package.json CHANGED Viewed

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