@ninebone/table 0.0.391 → 0.0.392

package/dist/nine-table.js

@@ -22,29 +22,29 @@ const re = class re extends Se.constructor {
 };
 a(re, "Trace");
 let jt = re;
-const W = new jt();
-var M, O, p, V, Y, X, St, U, Et;
+const H = new jt();
+var _, O, p, V, Y, X, St, U, Et;
 const le = class le extends HTMLElement {
   constructor() {
     super();
-    c(this, M);
+    c(this, _);
     c(this, O, !1);
     c(this, p);
     c(this, V);
     c(this, Y);
     c(this, X);
     c(this, St, /* @__PURE__ */ a(() => {
-      if (!t(this, M)) return;
-      const e = t(this, M).querySelector(".ng-container-body");
+      if (!t(this, _)) return;
+      const e = t(this, _).querySelector(".ng-container-body");
       e && (g(this, X, new ResizeObserver(() => {
         this.refresh();
       })), t(this, X).observe(e));
     }, "#observeResize"));
     v(this, "refresh", /* @__PURE__ */ a(() => {
-      if (!t(this, M) || !t(this, p) || t(this, O)) return;
+      if (!t(this, _) || !t(this, p) || t(this, O)) return;
       const e = t(this, p).container, s = e.querySelector("table");
       if (!s) return;
-      const n = t(this, p).track, r = t(this, p).thumb, o = t(this, M).querySelector(".ng-container-bottom"), l = e.clientWidth, d = s.scrollWidth;
+      const n = t(this, p).track, r = t(this, p).thumb, o = t(this, _).querySelector(".ng-container-bottom"), l = e.clientWidth, d = s.scrollWidth;
       if (l !== 0 && d > l)
         o && (o.style.display = "flex");
       else {
@@ -59,7 +59,7 @@ const le = class le extends HTMLElement {
       let y = 0;
       b > 0 && (y = parseInt(u / b * (h - f), 10)), y < 0 && (y = 0);
       const m = h - f;
-      y > m && (y = m), r.style.left = `${y}px`, W.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`, H.log(y), t(this, p).left.disabled = y === 0, t(this, p).right.disabled = y >= m - 1;
     }, "refresh"));
     c(this, U, /* @__PURE__ */ a((e) => {
       if (!t(this, p)) return !1;
@@ -112,7 +112,7 @@ const le = class le extends HTMLElement {
     }, "#init"));
   }
   connectedCallback() {
-    if (g(this, M, this.closest("nine-table-sheet") || this.getRootNode().host), !t(this, M)) return;
+    if (g(this, _, this.closest("nine-table-sheet") || this.getRootNode().host), !t(this, _)) return;
     this.innerHTML = `
             <style>
                 nine-table-hscrollbar {
@@ -177,7 +177,7 @@ const le = class le extends HTMLElement {
             <button class='ng-scroll-right' disabled><div class='ng-scroll-icon'></div></button>
         `;
     const e = /* @__PURE__ */ a(() => {
-      const s = t(this, M).querySelector(".ng-container-body");
+      const s = t(this, _).querySelector(".ng-container-body");
       if (!s) {
         setTimeout(e, 10);
         return;
@@ -198,7 +198,7 @@ const le = class le extends HTMLElement {
     t(this, X) && t(this, X).disconnect();
   }
 };
-M = new WeakMap(), O = new WeakMap(), p = new WeakMap(), V = new WeakMap(), Y = new WeakMap(), X = new WeakMap(), St = new WeakMap(), U = new WeakMap(), Et = new WeakMap(), a(le, "NineTableHScrollBar");
+_ = new WeakMap(), O = new WeakMap(), p = new WeakMap(), V = new WeakMap(), Y = new WeakMap(), X = new WeakMap(), St = new WeakMap(), U = new WeakMap(), Et = new WeakMap(), a(le, "NineTableHScrollBar");
 let Kt = le;
 customElements.get("nine-table-hscrollbar") || customElements.define("nine-table-hscrollbar", Kt);
 var z, Q, D, S, ht, dt, Rt;
@@ -215,7 +215,7 @@ const ae = class ae extends HTMLElement {
      * 🎯 스크롤바 위치 및 썸브 크기 갱신
      */
     v(this, "refresh", /* @__PURE__ */ a(() => {
-      if (!t(this, z) || !t(this, S) || t(this, D)) return;
+      if (H.log("refresh"), !t(this, z) || !t(this, S) || t(this, D)) return;
       const e = t(this, S).container, s = t(this, S).track, n = t(this, S).thumb, r = e.clientHeight, l = (t(this, z).data.get() || []).length, d = t(this, Q).getRowHeight(), h = l * d;
       if (h <= r) {
         n.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), n.style.top = `${m}px`, W.log(m), t(this, S).top.disabled = b <= 0, t(this, S).bottom.disabled = b >= y - 1;
+      m < 0 && (m = 0), m > R && (m = R), n.style.top = `${m}px`, H.log(m), t(this, S).top.disabled = b <= 0, t(this, S).bottom.disabled = b >= y - 1;
     }, "refresh"));
     c(this, Rt, /* @__PURE__ */ a(() => {
       const e = t(this, S).container, s = /* @__PURE__ */ a(() => {
@@ -356,12 +356,12 @@ z = new WeakMap(), Q = new WeakMap(), D = new WeakMap(), S = new WeakMap(), ht =
 let Zt = ae;
 customElements.get("nine-table-vscrollbar") || customElements.define("nine-table-vscrollbar", Zt);
 var At, tt;
-const H = class H {
+const M = class M {
   /**
    * 🎯 레이아웃 내의 여러 rawTables 배열을 일괄로 받아 단일 마스터 템플릿으로 사전 컴파일합니다.
    */
   static compileAll(i) {
-    return Array.isArray(i) ? i.map((e) => H.compile(e)) : [];
+    return Array.isArray(i) ? i.map((e) => M.compile(e)) : [];
   }
   /**
    * 🎯 단일 원본 테이블을 받아 기본 구조 보정 및 2차원 격자 인덱스 사전 부여 완료된 마스터 테이블 반환
@@ -370,7 +370,7 @@ const H = class H {
     var n, r, o, l;
     if (!i) return null;
     const e = i.cloneNode(!0);
-    return t(n = H, At).call(n, e), t(r = H, tt).call(r, e, "thead"), t(o = H, tt).call(o, e, "tbody"), t(l = H, tt).call(l, e, "tfoot"), Array.from(e.querySelectorAll("colgroup col")).forEach((d, h) => {
+    return t(n = M, At).call(n, e), t(r = M, tt).call(r, e, "thead"), t(o = M, tt).call(o, e, "tbody"), t(l = M, tt).call(l, e, "tfoot"), Array.from(e.querySelectorAll("colgroup col")).forEach((d, h) => {
       const f = d.getAttribute("fixed");
       f && e.querySelectorAll(`thead [data-col="${h}"], tbody [data-col="${h}"], tfoot [data-col="${h}"]`).forEach((u) => {
         u.setAttribute("fixed", f);
@@ -378,7 +378,7 @@ const H = class H {
     }), e;
   }
 };
-At = new WeakMap(), tt = new WeakMap(), a(H, "TableCompiler"), c(H, At, /* @__PURE__ */ a((i) => {
+At = new WeakMap(), tt = new WeakMap(), a(M, "TableCompiler"), c(M, At, /* @__PURE__ */ a((i) => {
   if (!i.querySelector("colgroup")) {
     const e = i.querySelector("tbody tr") || i.querySelector("tr"), s = e ? e.querySelectorAll("th, td").length : 1, n = document.createElement("colgroup"), r = Math.max(Math.floor(i.clientWidth / s), 100);
     for (let o = 0; o < s; o++) {
@@ -392,7 +392,7 @@ At = new WeakMap(), tt = new WeakMap(), a(H, "TableCompiler"), c(H, At, /* @__PU
     s ? s.after(e) : i.prepend(e);
   }
   i.classList.add("nine-table-element"), i.style.display = "table";
-}, "#ensureTableStructure")), c(H, tt, /* @__PURE__ */ a((i, e) => {
+}, "#ensureTableStructure")), c(M, tt, /* @__PURE__ */ a((i, e) => {
   const s = Array.from(i.querySelectorAll(e + " tr")), n = Array.from(i.querySelectorAll(e + " th," + e + " td")), r = s.length;
   if (r === 0 || n.length === 0) return;
   let o = 0;
@@ -425,13 +425,13 @@ At = new WeakMap(), tt = new WeakMap(), a(H, "TableCompiler"), c(H, At, /* @__PU
     });
   });
 }, "#resetColIndex"));
-let Gt = H;
-var _, w, I, T, B, F, N, et, Tt, qt, kt, ft, ut, Lt, Ct, gt, Ht, it, bt;
+let Gt = M;
+var I, w, W, T, B, F, N, et, Tt, qt, kt, ft, ut, Lt, Ct, gt, Ht, it, bt;
 const ce = class ce {
   constructor(i) {
-    c(this, _);
+    c(this, I);
     c(this, w);
-    c(this, I, /* @__PURE__ */ new Map());
+    c(this, W, /* @__PURE__ */ new Map());
     c(this, T, null);
     c(this, B, null);
     c(this, F, 0);
@@ -444,7 +444,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, I).clear(), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((n) => {
+      g(this, T, null), t(this, W).clear(), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((n) => {
         const r = t(this, w).querySelector(n);
         if (!r) return;
         const o = r.querySelector("table");
@@ -452,7 +452,7 @@ const ce = class ce {
         const l = o.querySelector("tbody.bindable-tbody");
         if (!l) return;
         const h = Array.from(l.querySelectorAll("tr")).map((f) => f.cloneNode(!0));
-        t(this, I).set(n, h);
+        t(this, W).set(n, h);
       });
       const i = t(this, w).querySelector(".ng-container-body"), e = t(this, w).querySelector(".ng-container-left"), s = t(this, w).querySelector(".ng-container-right");
       if (i) {
@@ -469,7 +469,7 @@ const ce = class ce {
       }
     }, "initialize"));
     c(this, qt, /* @__PURE__ */ a((i, e) => {
-      const s = t(this, I).get(e);
+      const s = t(this, W).get(e);
       if (!s || s.length === 0) return;
       const n = i.querySelector("tbody.bindable-tbody");
       if (!n) return;
@@ -484,7 +484,7 @@ const ce = class ce {
     c(this, kt, /* @__PURE__ */ a((i) => {
       if (t(this, T) !== null && t(this, T) > 0)
         return t(this, T);
-      const e = t(this, I).get(".ng-container-body");
+      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");
       if (!s) return 24;
@@ -503,16 +503,16 @@ const ce = class ce {
     }, "#measureAndCacheHeight"));
     c(this, ft, /* @__PURE__ */ a(() => {
       if (!t(this, w).querySelector(".ng-container-body")) return;
-      const s = (t(this, _).data.get() || []).length, n = t(this, T) || 24, r = s * n;
-      W.log(`[VirtualHeight] totalCount: ${s}, rowHeight: ${n}, totalVirtualHeight: ${r}`), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((o) => {
+      const s = (t(this, I).data.get() || []).length, n = t(this, T) || 24, r = s * n;
+      H.log(`[VirtualHeight] totalCount: ${s}, rowHeight: ${n}, totalVirtualHeight: ${r}`), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((o) => {
         const l = t(this, w).querySelector(o), d = l == null ? void 0 : l.querySelector("table");
         d && (d.style.height = `${r}px`);
       });
     }, "#updateVirtualScrollHeight"));
     c(this, ut, /* @__PURE__ */ a(() => {
-      if ((t(this, _).data.get() || []).length, t(this, F) > 0 && t(this, T) > 0) {
+      if ((t(this, I).data.get() || []).length, t(this, F) > 0 && t(this, T) > 0) {
         const e = Math.ceil(t(this, F) / t(this, T));
-        g(this, N, e + t(this, Tt)), W.log("visibleRows:", e, "cachedRowCount:", t(this, N));
+        g(this, N, e + t(this, Tt)), H.log("visibleRows:", e, "cachedRowCount:", t(this, N));
       }
     }, "#updateRowCount"));
     c(this, Lt, /* @__PURE__ */ a(() => {
@@ -558,14 +558,14 @@ const ce = class ce {
         if (!s) return;
         const n = s.querySelector("tbody.bindable-tbody");
         if (!n) return;
-        const r = Array.from(n.querySelectorAll("tr:not(.nodata)")), o = ((h = t(this, I).get(e)) == null ? void 0 : h.length) || 1, d = (t(this, _).data.get() || []).length;
+        const r = Array.from(n.querySelectorAll("tr:not(.nodata)")), o = ((h = t(this, W).get(e)) == null ? void 0 : h.length) || 1, d = (t(this, I).data.get() || []).length;
         r.forEach((f, u) => {
           const b = i + Math.floor(u / o);
           if (b >= d) {
             f.style.display = "none";
             return;
           }
-          const y = t(this, _).data.get(b);
+          const y = t(this, I).data.get(b);
           f.style.display = "", t(this, bt).call(this, f, y, b);
         });
       });
@@ -574,8 +574,8 @@ const ce = class ce {
       var d;
       const e = t(this, T);
       if (!e || e <= 0) return;
-      const n = (t(this, _).data.get() || []).length, r = Math.max(0, Math.floor(i / e)), o = ((d = t(this, I).get(".ng-container-body")) == null ? void 0 : d.length) || 1, l = r + t(this, N);
-      W.log(`[Scroll] scrollTop: ${i}, startIndex: ${r}, cachedRowCount: ${t(this, N)}, targetDataIndex range: ${r} ~ ${l} (Total: ${n})`), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((h) => {
+      const n = (t(this, I).data.get() || []).length, r = Math.max(0, Math.floor(i / e)), o = ((d = t(this, W).get(".ng-container-body")) == null ? void 0 : d.length) || 1, l = r + t(this, N);
+      H.log(`[Scroll] scrollTop: ${i}, startIndex: ${r}, cachedRowCount: ${t(this, N)}, targetDataIndex range: ${r} ~ ${l} (Total: ${n})`), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((h) => {
         const f = t(this, w).querySelector(h);
         if (!f) return;
         const u = f.querySelector("tbody.bindable-tbody");
@@ -586,7 +586,7 @@ const ce = class ce {
             y.style.display = "none";
             return;
           }
-          const J = t(this, _).data.get(R);
+          const J = t(this, I).data.get(R);
           y.style.display = "", t(this, bt).call(this, y, J, R);
         });
       }), t(this, et) || (g(this, et, !0), setTimeout(() => {
@@ -602,17 +602,17 @@ const ce = class ce {
     v(this, "destroy", /* @__PURE__ */ a(() => {
       t(this, B) && (t(this, B).disconnect(), g(this, B, null));
     }, "destroy"));
-    g(this, _, i.getRootNode().host), g(this, w, i), t(this, Ct).call(this);
+    g(this, I, i.getRootNode().host), g(this, w, i), t(this, Ct).call(this);
   }
   getRowHeight() {
     return t(this, T);
   }
   templateLength(i = ".ng-container-body") {
     var e;
-    return ((e = t(this, I).get(i)) == null ? void 0 : e.length) || 1;
+    return ((e = t(this, W).get(i)) == null ? void 0 : e.length) || 1;
   }
 };
-_ = new WeakMap(), w = new WeakMap(), I = new WeakMap(), T = new WeakMap(), B = new WeakMap(), F = new WeakMap(), N = new WeakMap(), et = new WeakMap(), Tt = new WeakMap(), qt = new WeakMap(), kt = new WeakMap(), ft = new WeakMap(), ut = new WeakMap(), Lt = new WeakMap(), Ct = new WeakMap(), gt = new WeakMap(), Ht = new WeakMap(), it = new WeakMap(), bt = new WeakMap(), a(ce, "RowManager");
+I = new WeakMap(), w = new WeakMap(), W = new WeakMap(), T = new WeakMap(), B = new WeakMap(), F = new WeakMap(), N = new WeakMap(), et = new WeakMap(), Tt = new WeakMap(), qt = new WeakMap(), kt = new WeakMap(), ft = new WeakMap(), ut = new WeakMap(), Lt = new WeakMap(), Ct = new WeakMap(), gt = new WeakMap(), Ht = new WeakMap(), it = new WeakMap(), bt = new WeakMap(), a(ce, "RowManager");
 let Jt = ce;
 var Mt, st, j, _t, $t, It, Wt, Ot;
 const ct = class ct extends HTMLElement {
@@ -845,7 +845,7 @@ const ct = class ct extends HTMLElement {
     t(this, Wt).call(this);
   }
   disconnectedCallback() {
-    this.innerHTML = "", W.log("NineTableSheet destroyed.");
+    this.innerHTML = "", H.log("NineTableSheet destroyed.");
   }
 };
 Mt = new WeakMap(), st = new WeakMap(), j = new WeakMap(), _t = new WeakMap(), $t = new WeakMap(), It = new WeakMap(), Wt = new WeakMap(), Ot = new WeakMap(), a(ct, "NineTableSheet"), v(ct, "SCROLLBAR_SIZE", 16);
@@ -1234,11 +1234,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"));
     c(this, Xt, /* @__PURE__ */ a(() => {
-      g(this, A, []), W.log(t(this, lt).querySelectorAll("table"));
+      g(this, A, []), H.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)
-          W.log(e), $("[data-bind]", e).each((s, n) => {
+          H.log(e), $("[data-bind]", e).each((s, n) => {
             const r = n.dataset.bind, o = n.getAttribute("data-type") || "string";
             r && t(this, A).push({ name: r, type: o });
           }), ["data-expr", "background-color", "color", "tooltip", "visible", "readonly", "enable-button", "enable-check", "class-expr", "icon-color", "icon-src"].forEach((s) => {
@@ -1297,7 +1297,7 @@ const be = class be extends HTMLElement {
     c(this, G);
     c(this, Ut);
     c(this, Ft, /* @__PURE__ */ a(() => {
-      this.fields = new ne(this), g(this, Ut, new te(this)), W.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
+      this.fields = new ne(this), g(this, Ut, new te(this)), H.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
     }, "#init"));
     this.attachShadow({ mode: "open" }), g(this, G, new se(this));
   }
@@ -1305,7 +1305,7 @@ const be = class be extends HTMLElement {
     t(this, Ft).call(this);
   }
   disconnectedCallback() {
-    W.log("NineTable disconnected.");
+    H.log("NineTable disconnected.");
   }
   // 🎯 외부에서 grid.data.set(...) 형태로 접근할 수 있도록 데이터 매니저 오픈
   get data() {