@ninebone/table 0.0.415 → 0.0.417

package/dist/nine-table.js

@@ -22,7 +22,7 @@ const re = class re extends Se.constructor {
 };
 a(re, "Trace");
 let jt = re;
-const k = new jt();
+const T = new jt();
 var _, O, p, V, Y, X, Et, U, Rt;
 const le = class le extends HTMLElement {
   constructor() {
@@ -59,7 +59,7 @@ const le = class le extends HTMLElement {
       let y = 0;
       b > 0 && (y = parseInt(u / b * (c - f), 10)), y < 0 && (y = 0);
       const m = c - f;
-      y > m && (y = m), r.style.left = `${y}px`, k.log(y), t(this, p).left.disabled = y === 0, t(this, p).right.disabled = y >= m - 1;
+      y > m && (y = m), r.style.left = `${y}px`, T.log(y), t(this, p).left.disabled = y === 0, t(this, p).right.disabled = y >= m - 1;
     }, "refresh"));
     h(this, U, /* @__PURE__ */ a((e) => {
       if (!t(this, p)) return !1;
@@ -215,7 +215,7 @@ const ae = class ae extends HTMLElement {
      * 🎯 스크롤바 위치 및 썸브 크기 갱신
      */
     v(this, "refresh", /* @__PURE__ */ a(() => {
-      k.log("refresh", t(this, z)), k.log("refresh2");
+      T.log("refresh", t(this, z)), T.log("refresh2");
       const e = t(this, S).container, s = t(this, S).track, o = t(this, S).thumb, r = e.clientHeight, l = (t(this, F).data.get() || []).length, d = t(this, Q).getRowHeight(), c = l * d;
       if (c <= r) {
         o.style.display = "none", t(this, S).top.disabled = !0, t(this, S).bottom.disabled = !0;
@@ -230,7 +230,7 @@ const ae = class ae extends HTMLElement {
       let m = 0;
       y > 0 && (m = b / y * (f - u));
       const R = f - u;
-      m < 0 && (m = 0), m > R && (m = R), o.style.top = `${m}px`, k.log("currentScrollTop", b), k.log("maxScrollTop", y), k.log("trackHeight", f), k.log("thumbHeight", u), t(this, S).top.disabled = b <= 0, t(this, S).bottom.disabled = b >= y - 1;
+      m < 0 && (m = 0), m > R && (m = R), o.style.top = `${m}px`, T.log("currentScrollTop", b), T.log("maxScrollTop", y), T.log("trackHeight", f), T.log("thumbHeight", u), t(this, S).top.disabled = b <= 0, t(this, S).bottom.disabled = b >= y - 1;
     }, "refresh"));
     h(this, At, /* @__PURE__ */ a(() => {
       const e = t(this, S).container, s = /* @__PURE__ */ a(() => {
@@ -428,13 +428,13 @@ Tt = new WeakMap(), tt = new WeakMap(), a(M, "TableCompiler"), h(M, Tt, /* @__PU
   });
 }, "#resetColIndex"));
 let Gt = M;
-var I, w, W, T, D, j, B, et, qt, kt, Lt, ft, ut, Ht, Ct, gt, $t, it, bt;
+var I, w, W, q, D, j, B, et, qt, kt, Lt, ft, ut, Ht, Ct, gt, $t, it, bt;
 const ce = class ce {
   constructor(i) {
     h(this, I);
     h(this, w);
     h(this, W, /* @__PURE__ */ new Map());
-    h(this, T, null);
+    h(this, q, null);
     h(this, D, null);
     h(this, j, 0);
     h(this, B, 40);
@@ -446,7 +446,7 @@ const ce = class ce {
       i && (t(this, ft).call(this), t(this, it).call(this, i.scrollTop), (e = t(this, w).querySelector("nine-table-vscrollbar")) == null || e.refresh());
     }, "refresh"));
     v(this, "initialize", /* @__PURE__ */ a(() => {
-      g(this, T, null), t(this, W).clear(), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((o) => {
+      g(this, q, null), t(this, W).clear(), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((o) => {
         const r = t(this, w).querySelector(o);
         if (!r) return;
         const n = r.querySelector("table");
@@ -484,8 +484,8 @@ const ce = class ce {
       r ? r.before(n) : o.appendChild(n);
     }, "#renderRows"));
     h(this, Lt, /* @__PURE__ */ a((i) => {
-      if (t(this, T) !== null && t(this, T) > 0)
-        return t(this, T);
+      if (t(this, q) !== null && t(this, q) > 0)
+        return t(this, q);
       const e = t(this, W).get(".ng-container-body");
       if (!e || e.length === 0) return 24;
       const s = i.querySelector("tbody.bindable-tbody") || i.querySelector("tbody.bindable-tbody:last-of-type");
@@ -501,20 +501,20 @@ const ce = class ce {
       const u = s.querySelectorAll("tr:not(.nodata)");
       return u.forEach((b) => {
         f += b.offsetHeight || b.getBoundingClientRect().height;
-      }), u.forEach((b) => b.remove()), n.style.display = l, n.style.visibility = d, n.style.position = c, g(this, T, f > 0 ? f : 24), t(this, ut).call(this), t(this, T);
+      }), u.forEach((b) => b.remove()), n.style.display = l, n.style.visibility = d, n.style.position = c, g(this, q, f > 0 ? f : 24), t(this, ut).call(this), t(this, q);
     }, "#measureAndCacheHeight"));
     h(this, ft, /* @__PURE__ */ a(() => {
       if (!t(this, w).querySelector(".ng-container-body")) return;
-      const s = (t(this, I).data.get() || []).length, o = t(this, T) || 24, r = s * o;
-      k.log(`[VirtualHeight] totalCount: ${s}, rowHeight: ${o}, totalVirtualHeight: ${r}`), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((n) => {
+      const s = (t(this, I).data.get() || []).length, o = t(this, q) || 24, r = s * o;
+      T.log(`[VirtualHeight] totalCount: ${s}, rowHeight: ${o}, totalVirtualHeight: ${r}`), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((n) => {
         const l = t(this, w).querySelector(n), d = l == null ? void 0 : l.querySelector("table");
         d && (d.style.height = `${r}px`);
       });
     }, "#updateVirtualScrollHeight"));
     h(this, ut, /* @__PURE__ */ a(() => {
-      if ((t(this, I).data.get() || []).length, t(this, j) > 0 && t(this, T) > 0) {
-        const e = Math.ceil(t(this, j) / t(this, T));
-        g(this, B, e + t(this, qt)), k.log("visibleRows:", e, "cachedRowCount:", t(this, B));
+      if ((t(this, I).data.get() || []).length, t(this, j) > 0 && t(this, q) > 0) {
+        const e = Math.ceil(t(this, j) / t(this, q));
+        g(this, B, e + t(this, qt)), T.log("visibleRows:", e, "cachedRowCount:", t(this, B));
       }
     }, "#updateRowCount"));
     h(this, Ht, /* @__PURE__ */ a(() => {
@@ -542,7 +542,7 @@ const ce = class ce {
             const n = s.querySelector("thead");
             n && (r += n.offsetHeight || n.getBoundingClientRect().height);
             const l = Math.max(o - r, 100);
-            t(this, j) !== l && (g(this, j, l), t(this, ut).call(this), t(this, T) !== null && t(this, gt).call(this));
+            t(this, j) !== l && (g(this, j, l), t(this, ut).call(this), t(this, q) !== null && t(this, gt).call(this));
           }
         }
       })), t(this, D).observe(t(this, w)));
@@ -574,10 +574,10 @@ const ce = class ce {
     }, "#adjustBufferRows"));
     h(this, it, /* @__PURE__ */ a((i) => {
       var d;
-      const e = t(this, T);
+      const e = t(this, q);
       if (!e || e <= 0) return;
       const o = (t(this, I).data.get() || []).length, r = Math.max(0, Math.floor(i / e)), n = ((d = t(this, W).get(".ng-container-body")) == null ? void 0 : d.length) || 1, l = r + t(this, B);
-      k.log(`[Scroll] scrollTop: ${i}, startIndex: ${r}, cachedRowCount: ${t(this, B)}, targetDataIndex range: ${r} ~ ${l} (Total: ${o})`), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((c) => {
+      T.log(`[Scroll] scrollTop: ${i}, startIndex: ${r}, cachedRowCount: ${t(this, B)}, targetDataIndex range: ${r} ~ ${l} (Total: ${o})`), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((c) => {
         const f = t(this, w).querySelector(c);
         if (!f) return;
         const u = f.querySelector("tbody.bindable-tbody");
@@ -607,14 +607,14 @@ const ce = class ce {
     g(this, I, i.getRootNode().host), g(this, w, i), t(this, Ct).call(this);
   }
   getRowHeight() {
-    return t(this, T);
+    return t(this, q);
   }
   templateLength(i = ".ng-container-body") {
     var e;
     return ((e = t(this, W).get(i)) == null ? void 0 : e.length) || 1;
   }
 };
-I = new WeakMap(), w = new WeakMap(), W = new WeakMap(), T = new WeakMap(), D = new WeakMap(), j = new WeakMap(), B = new WeakMap(), et = new WeakMap(), qt = new WeakMap(), kt = new WeakMap(), Lt = new WeakMap(), ft = new WeakMap(), ut = new WeakMap(), Ht = new WeakMap(), Ct = new WeakMap(), gt = new WeakMap(), $t = new WeakMap(), it = new WeakMap(), bt = new WeakMap(), a(ce, "RowManager");
+I = new WeakMap(), w = new WeakMap(), W = new WeakMap(), q = new WeakMap(), D = new WeakMap(), j = new WeakMap(), B = new WeakMap(), et = new WeakMap(), qt = new WeakMap(), kt = new WeakMap(), Lt = new WeakMap(), ft = new WeakMap(), ut = new WeakMap(), Ht = new WeakMap(), Ct = new WeakMap(), gt = new WeakMap(), $t = new WeakMap(), it = new WeakMap(), bt = new WeakMap(), a(ce, "RowManager");
 let Jt = ce;
 var yt, st, N, Mt, _t, It, Wt, Ot;
 const ct = class ct extends HTMLElement {
@@ -666,7 +666,7 @@ const ct = class ct extends HTMLElement {
       const o = (((d = (l = t(this, yt)) == null ? void 0 : l.data) == null ? void 0 : d.get()) || []).length, r = t(this, N).getRowHeight(), n = o * r;
       [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((c) => {
         const f = this.querySelector(c), u = f == null ? void 0 : f.querySelector("table");
-        u && (u.style.height = `${n}px`, u.style.minHeight = `${n}px`);
+        T.log("=====================::::"), T.log(u, n), u && (u.style.height = `${n}px`, u.style.minHeight = `${n}px`);
       }), setTimeout(() => {
         var c;
         (c = this.querySelector("nine-table-hscrollbar")) == null || c.refresh();
@@ -854,7 +854,7 @@ const ct = class ct extends HTMLElement {
     t(this, Wt).call(this);
   }
   disconnectedCallback() {
-    this.innerHTML = "", k.log("NineTableSheet destroyed.");
+    this.innerHTML = "", T.log("NineTableSheet destroyed.");
   }
 };
 yt = new WeakMap(), st = new WeakMap(), N = new WeakMap(), Mt = new WeakMap(), _t = new WeakMap(), It = new WeakMap(), Wt = new WeakMap(), Ot = new WeakMap(), a(ct, "NineTableSheet"), v(ct, "SCROLLBAR_SIZE", 16);
@@ -911,29 +911,29 @@ const he = class he extends HTMLElement {
 zt = new WeakMap(), pt = new WeakMap(), a(he, "NineTableSheets");
 let Qt = he;
 customElements.get("nine-table-sheets") || customElements.define("nine-table-sheets", Qt);
-var q, Dt, mt, Bt;
+var k, Dt, mt, Bt;
 const de = class de {
   constructor(i) {
-    h(this, q);
+    h(this, k);
     h(this, Dt, /* @__PURE__ */ a(() => {
       t(this, Bt).call(this), new ResizeObserver((i) => {
         for (let e of i)
-          t(this, q).getAttribute("auto-height") === "true" && t(this, mt).call(this);
-      }).observe(t(this, q));
+          t(this, k).getAttribute("auto-height") === "true" && t(this, mt).call(this);
+      }).observe(t(this, k));
     }, "#init"));
     h(this, mt, /* @__PURE__ */ a(() => {
       var d, c;
-      const i = Array.from(t(this, q).shadowRoot.querySelectorAll("nine-table-sheet.active"));
+      const i = Array.from(t(this, k).shadowRoot.querySelectorAll("nine-table-sheet.active"));
       if (i.length === 0) return;
-      const e = parseInt(t(this, q).getAttribute("max-display-row"), 10) || 10, s = Math.max(...i.map((f) => f.getRowHeight())), o = (d = t(this, q).shadowRoot.querySelector("nine-table-header")) == null ? void 0 : d.getBoundingClientRect().height, r = (c = t(this, q).shadowRoot.querySelector("nine-table-sheets-footer")) == null ? void 0 : c.getBoundingClientRect().height, n = St.SCROLLBAR_SIZE, l = e * s + o + r + n;
-      t(this, q).style.height = `${l}px`;
+      const e = parseInt(t(this, k).getAttribute("max-display-row"), 10) || 10, s = Math.max(...i.map((f) => f.getRowHeight())), o = (d = t(this, k).shadowRoot.querySelector("nine-table-header")) == null ? void 0 : d.getBoundingClientRect().height, r = (c = t(this, k).shadowRoot.querySelector("nine-table-sheets-footer")) == null ? void 0 : c.getBoundingClientRect().height, n = St.SCROLLBAR_SIZE, l = e * s + o + r + n;
+      t(this, k).style.height = `${l}px`;
     }, "#applyAutoHeight"));
     h(this, Bt, /* @__PURE__ */ a(() => {
-      const e = Array.from(t(this, q).children).filter((d) => d.tagName === "TABLE"), s = t(this, q).getAttribute("auto-height") === "true", o = e.length, r = e.map((d, c) => {
+      const e = Array.from(t(this, k).children).filter((d) => d.tagName === "TABLE"), s = t(this, k).getAttribute("auto-height") === "true", o = e.length, r = e.map((d, c) => {
         const u = `<nine-table-sheet class="${c === 0 ? "active" : ""}" data-index="${c}"></nine-table-sheet>`, b = c < o - 1 ? `<nine-splitter class="h" data-split-index="${c}"></nine-splitter>` : "";
         return u + b;
       }).join(""), n = e.map((d, c) => `<div class="nine-tab-item ${c === 0 ? "active" : ""}" data-index="${c}">Sheet ${c + 1}</div>`).join("");
-      t(this, q).shadowRoot.innerHTML = `
+      t(this, k).shadowRoot.innerHTML = `
             <style>
                 :host { 
                     display: flex; 
@@ -1024,17 +1024,17 @@ const de = class de {
             </nine-table-body>
             <nine-table-footer></nine-table-footer>
         `;
-      const l = t(this, q).shadowRoot.querySelectorAll("nine-table-sheet");
+      const l = t(this, k).shadowRoot.querySelectorAll("nine-table-sheet");
       l == null || l.forEach((d, c) => {
         e[c] && setTimeout(() => {
           d.generate(e[c]), s && t(this, mt).call(this);
         });
       });
     }, "#render"));
-    g(this, q, i), t(this, Dt).call(this);
+    g(this, k, i), t(this, Dt).call(this);
   }
 };
-q = new WeakMap(), Dt = new WeakMap(), mt = new WeakMap(), Bt = new WeakMap(), a(de, "LayoutManager");
+k = new WeakMap(), Dt = new WeakMap(), mt = new WeakMap(), Bt = new WeakMap(), a(de, "LayoutManager");
 let te = de;
 var xt, nt;
 const fe = class fe {
@@ -1243,11 +1243,11 @@ const ge = class ge {
       }), g(this, A, Array.from(i, ([e, s]) => ({ name: e, type: s }))), g(this, A, t(this, A).filter((e) => e.name !== "" && e.name !== "__ng")), t(this, A).sort((e, s) => e.name.length < s.name.length ? 1 : -1);
     }, "#adjust"));
     h(this, Xt, /* @__PURE__ */ a(() => {
-      g(this, A, []), k.log(t(this, lt).querySelectorAll("table"));
+      g(this, A, []), T.log(t(this, lt).querySelectorAll("table"));
       const i = Array.from(t(this, lt).querySelectorAll("table"));
       if (!(!i || i.length === 0)) {
         for (const e of i)
-          k.log(e), $("[data-bind]", e).each((s, o) => {
+          T.log(e), $("[data-bind]", e).each((s, o) => {
             const r = o.dataset.bind, n = o.getAttribute("data-type") || "string";
             r && t(this, A).push({ name: r, type: n });
           }), ["data-expr", "background-color", "color", "tooltip", "visible", "readonly", "enable-button", "enable-check", "class-expr", "icon-color", "icon-src"].forEach((s) => {
@@ -1306,7 +1306,7 @@ const be = class be extends HTMLElement {
     h(this, G);
     h(this, Ut);
     h(this, Ft, /* @__PURE__ */ a(() => {
-      this.fields = new ne(this), g(this, Ut, new te(this)), k.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
+      this.fields = new ne(this), g(this, Ut, new te(this)), T.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
     }, "#init"));
     this.attachShadow({ mode: "open" }), g(this, G, new se(this));
   }
@@ -1314,7 +1314,7 @@ const be = class be extends HTMLElement {
     t(this, Ft).call(this);
   }
   disconnectedCallback() {
-    k.log("NineTable disconnected.");
+    T.log("NineTable disconnected.");
   }
   // 🎯 외부에서 grid.data.set(...) 형태로 접근할 수 있도록 데이터 매니저 오픈
   get data() {