@ninebone/table 0.0.528 → 0.0.529

package/dist/nine-table.js

@@ -22,7 +22,7 @@ const Le = class Le extends Xe.constructor {
 };
 h(Le, "Trace");
 let oe = Le;
-const H = new oe();
+const C = new oe();
 var z, j, w, X, K, Z, It, G, _t;
 const He = class He extends HTMLElement {
   constructor() {
@@ -213,7 +213,7 @@ const Me = class Me extends HTMLElement {
     d(this, vt, 0);
     S(this, "refresh", /* @__PURE__ */ h(() => {
       if (!t(this, F) || !t(this, q)) return;
-      H.log("nine-table-vscrollbar.refresh");
+      C.log("nine-table-vscrollbar.refresh");
       const e = t(this, q).container, s = t(this, q).track, r = t(this, q).thumb, n = e.clientHeight, o = (t(this, F).data.get() || []).length, c = t(this, ot).getRowHeight(), l = o * c;
       if (l <= n) {
         r.style.display = "none", t(this, q).top.disabled = !0, t(this, q).bottom.disabled = !0;
@@ -231,7 +231,7 @@ const Me = class Me extends HTMLElement {
       x < 0 && (x = 0), x > v && (x = v), r.style.top = `${x}px`, t(this, q).top.disabled = g <= 0, t(this, q).bottom.disabled = g >= b - 1;
     }, "refresh"));
     d(this, Nt, /* @__PURE__ */ h(() => {
-      H.log("nine-table-vscrollbar.#init");
+      C.log("nine-table-vscrollbar.#init");
       const e = t(this, q).container, s = /* @__PURE__ */ h(() => {
         const n = (t(this, F).data.get() || []).length, a = t(this, ot).getRowHeight();
         return n * a;
@@ -369,12 +369,12 @@ const $e = class $e {
     d(this, at, !1);
     d(this, Wt, 3);
     S(this, "refresh", /* @__PURE__ */ h(() => {
-      H.log("rowManager.refresh");
+      C.log("rowManager.refresh");
       const i = t(this, E).querySelector(".ng-container-body .ng-part-body");
       i && (t(this, St).call(this), t(this, lt).call(this, i.scrollTop));
     }, "refresh"));
     S(this, "initialize", /* @__PURE__ */ h(() => {
-      H.log("rowManager.initialize"), y(this, M, null), t(this, D).clear(), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((a) => {
+      C.log("rowManager.initialize"), y(this, M, null), t(this, D).clear(), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((a) => {
         const o = t(this, E).querySelector(a);
         if (!o) return;
         const c = o.querySelector(".ng-part-body table");
@@ -402,7 +402,7 @@ const $e = class $e {
       }
     }, "initialize"));
     d(this, Ot, /* @__PURE__ */ h((i, e) => {
-      H.log("rowManager.#renderRows");
+      C.log("rowManager.#renderRows");
       const s = t(this, D).get(e);
       if (!s || s.length === 0) return;
       const r = i.querySelector(".ng-part-body tbody.bindable-tbody");
@@ -416,9 +416,9 @@ const $e = class $e {
       n ? n.before(a) : r.appendChild(a);
     }, "#renderRows"));
     d(this, Bt, /* @__PURE__ */ h((i) => {
-      if (H.log("rowManager.#measureAndCacheHeight"), t(this, M) !== null && t(this, M) > 0)
+      if (C.log("rowManager.#measureAndCacheHeight"), t(this, M) !== null && t(this, M) > 0)
         return t(this, M);
-      H.log("#measureAndCacheHeight");
+      C.log("#measureAndCacheHeight");
       const e = t(this, D).get(".ng-container-body");
       if (!e || e.length === 0) return 24;
       const s = i.querySelector("tbody.bindable-tbody");
@@ -437,7 +437,7 @@ const $e = class $e {
       }), u.forEach((g) => g.remove()), a.style.display = o, a.style.visibility = c, a.style.position = l, y(this, M, f > 0 ? f : 24), t(this, Et).call(this), t(this, M);
     }, "#measureAndCacheHeight"));
     d(this, St, /* @__PURE__ */ h(() => {
-      H.log("rowManager.#updateVirtualScrollHeight");
+      C.log("rowManager.#updateVirtualScrollHeight");
       const e = (t(this, P).data.get() || []).length, s = t(this, M), r = e * s;
       [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((n) => {
         const a = t(this, E).querySelector(n);
@@ -462,8 +462,8 @@ const $e = class $e {
             ((o = b[m]) == null ? void 0 : o.getBoundingClientRect().height) || 0,
             ((c = x[m]) == null ? void 0 : c.getBoundingClientRect().height) || 0,
             ((l = v[m]) == null ? void 0 : l.getBoundingClientRect().height) || 0
-          ], C = Math.max(...W);
-          C > 0 && (b[m] && (b[m].style.height = `${C}px`), x[m] && (x[m].style.height = `${C}px`), v[m] && (v[m].style.height = `${C}px`));
+          ], L = Math.max(...W);
+          L > 0 && (b[m] && (b[m].style.height = `${L}px`), x[m] && (x[m].style.height = `${L}px`), v[m] && (v[m].style.height = `${L}px`));
         }
       }
       const r = t(this, E).querySelector(".ng-container-left .ng-part-footer table"), n = t(this, E).querySelector(".ng-container-body .ng-part-footer table"), a = t(this, E).querySelector(".ng-container-right .ng-part-footer table");
@@ -474,8 +474,8 @@ const $e = class $e {
             ((f = b[m]) == null ? void 0 : f.getBoundingClientRect().height) || 0,
             ((u = x[m]) == null ? void 0 : u.getBoundingClientRect().height) || 0,
             ((g = v[m]) == null ? void 0 : g.getBoundingClientRect().height) || 0
-          ], C = Math.max(...W);
-          C > 0 && (b[m] && (b[m].style.height = `${C}px`), x[m] && (x[m].style.height = `${C}px`), v[m] && (v[m].style.height = `${C}px`));
+          ], L = Math.max(...W);
+          L > 0 && (b[m] && (b[m].style.height = `${L}px`), x[m] && (x[m].style.height = `${L}px`), v[m] && (v[m].style.height = `${L}px`));
         }
       }
     }, "#syncRowHeights"));
@@ -496,7 +496,7 @@ const $e = class $e {
       })), t(this, V).observe(t(this, E)));
     }, "#initResizeObserver"));
     d(this, At, /* @__PURE__ */ h(() => {
-      H.log("rowManager.#renderAllContainers"), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((i) => {
+      C.log("rowManager.#renderAllContainers"), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((i) => {
         const e = t(this, E).querySelector(i);
         e && e.querySelector(".ng-part-body tbody.bindable-tbody") && t(this, Ot).call(this, e, i);
       }), t(this, Pt).call(this), t(this, zt).call(this);
@@ -524,10 +524,12 @@ const $e = class $e {
       var f;
       const e = t(this, M);
       if (!e || e <= 0) return;
-      const s = t(this, P).data.length, r = Math.max(0, Math.floor(i / e)), n = r * e, a = ((f = t(this, D).get(".ng-container-body")) == null ? void 0 : f.length) || 1, o = t(this, E).querySelector(".ng-container-body"), c = o == null ? void 0 : o.querySelector(".ng-part-body tbody.bindable-tbody tr:not(.nodata)"), l = c && c.dataset.row !== void 0 ? parseInt(c.dataset.row, 10) : -1;
+      const s = t(this, P).data.length;
+      C.log(s);
+      const r = Math.max(0, Math.floor(i / e)), n = r * e, a = ((f = t(this, D).get(".ng-container-body")) == null ? void 0 : f.length) || 1, o = t(this, E).querySelector(".ng-container-body"), c = o == null ? void 0 : o.querySelector(".ng-part-body tbody.bindable-tbody tr:not(.nodata)"), l = c && c.dataset.row !== void 0 ? parseInt(c.dataset.row, 10) : -1;
       [".ng-container-body .ng-part-body table", ".ng-container-left .ng-part-body table", ".ng-container-right .ng-part-body table"].forEach((u) => {
         u.style.transform = `translateY(${n}px)`;
-      }), H.log("#handleScroll", l, r), l !== r && [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((u) => {
+      }), C.log("#handleScroll", l, r), l !== r && [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((u) => {
         const g = t(this, E).querySelector(u);
         if (!g) return;
         const b = g.querySelector(".ng-part-body tbody.bindable-tbody");
@@ -558,7 +560,7 @@ const $e = class $e {
             });
         }; */
     d(this, Rt, /* @__PURE__ */ h((i, e, s) => {
-      i.dataset.row = s, i.data = e, H.log(e, s), Array.from(i.cells).forEach((r, n) => {
+      i.dataset.row = s, i.data = e, C.log(e, s), Array.from(i.cells).forEach((r, n) => {
         r.dataset.row = s;
         const a = Array.from(r.children).find((o) => o.tagName.toLowerCase().startsWith("cell-") || typeof o.refresh == "function");
         a && typeof a.refresh == "function" && a.refresh();
@@ -566,7 +568,7 @@ const $e = class $e {
     }, "#bindRowData"));
     d(this, Pt, /* @__PURE__ */ h(() => {
       var c, l, f;
-      H.log("rowManager.#syncHeaderHeights");
+      C.log("rowManager.#syncHeaderHeights");
       const i = t(this, E).querySelector(".ng-container-left .ng-part-header table"), e = t(this, E).querySelector(".ng-container-body .ng-part-header table"), s = t(this, E).querySelector(".ng-container-right .ng-part-header table");
       if (!e) return;
       const r = i ? Array.from(i.querySelectorAll("tr")) : [], n = Array.from(e.querySelectorAll("tr")), a = s ? Array.from(s.querySelectorAll("tr")) : [], o = Math.max(r.length, n.length, a.length);
@@ -646,9 +648,9 @@ const jt = class jt {
               A = B;
               break;
             }
-          const W = m.rowSpan || 1, C = m.colSpan || 1;
+          const W = m.rowSpan || 1, L = m.colSpan || 1;
           for (let B = 0; B < W; B++)
-            for (let yt = 0; yt < C; yt++)
+            for (let yt = 0; yt < L; yt++)
               v + B < u && A + yt < g && (b[v + B][A + yt] = B === 0 && yt === 0 ? "1" : "0");
         });
       }), l.forEach((x) => {
@@ -898,7 +900,7 @@ const pt = class pt extends HTMLElement {
     t(this, Ut).call(this);
   }
   disconnectedCallback() {
-    this.innerHTML = "", H.log("NineTableSheet destroyed.");
+    this.innerHTML = "", C.log("NineTableSheet destroyed.");
   }
 };
 Ft = new WeakMap(), tt = new WeakMap(), et = new WeakMap(), Vt = new WeakMap(), Yt = new WeakMap(), ct = new WeakMap(), Ut = new WeakMap(), Xt = new WeakMap(), h(pt, "NineTableSheet"), S(pt, "SCROLLBAR_SIZE", 16);
@@ -1272,31 +1274,31 @@ const We = class We {
 };
 it = new WeakMap(), h(We, "ngDataManager");
 let be = We;
-var ut, L, Lt, se;
+var ut, H, Lt, se;
 const Oe = class Oe {
   // 🎯 이제 { name: string, type: string } 객체들의 배열로 관리합니다.
   constructor(i) {
     d(this, ut);
-    d(this, L, []);
+    d(this, H, []);
     S(this, "add", /* @__PURE__ */ h((i, e = "string") => {
       i.forEach((s) => {
-        t(this, L).some((r) => r.name === s) || t(this, L).push({ name: s, type: e });
+        t(this, H).some((r) => r.name === s) || t(this, H).push({ name: s, type: e });
       }), t(this, Lt).call(this);
     }, "add"));
     d(this, Lt, /* @__PURE__ */ h(() => {
       const i = /* @__PURE__ */ new Map();
-      t(this, L).forEach((e) => {
+      t(this, H).forEach((e) => {
         i.set(e.name, e.type);
-      }), y(this, L, Array.from(i, ([e, s]) => ({ name: e, type: s }))), y(this, L, t(this, L).filter((e) => e.name !== "" && e.name !== "__ng")), t(this, L).sort((e, s) => e.name.length < s.name.length ? 1 : -1);
+      }), y(this, H, Array.from(i, ([e, s]) => ({ name: e, type: s }))), y(this, H, t(this, H).filter((e) => e.name !== "" && e.name !== "__ng")), t(this, H).sort((e, s) => e.name.length < s.name.length ? 1 : -1);
     }, "#adjust"));
     d(this, se, /* @__PURE__ */ h(() => {
-      y(this, L, []), H.log(t(this, ut).querySelectorAll("table"));
+      y(this, H, []), C.log(t(this, ut).querySelectorAll("table"));
       const i = Array.from(t(this, ut).querySelectorAll("table"));
       if (!(!i || i.length === 0)) {
         for (const e of i)
-          H.log(e), $("[data-bind]", e).each((s, r) => {
+          C.log(e), $("[data-bind]", e).each((s, r) => {
             const n = r.dataset.bind, a = r.getAttribute("data-type") || "string";
-            n && t(this, L).push({ name: n, type: a });
+            n && t(this, H).push({ name: n, type: a });
           }), ["data-expr", "background-color", "color", "tooltip", "visible", "readonly", "enable-button", "enable-check", "class-expr", "icon-color", "icon-src"].forEach((s) => {
             $(`[${s}]`, e).each((r, n) => {
               var a = n.getAttribute(s);
@@ -1313,7 +1315,7 @@ const Oe = class Oe {
                 if (o.trim() != "") {
                   const c = o.search(/[^_A-Za-z0-9]/g);
                   let l = "";
-                  c >= 0 ? l = o.substring(0, c) : a.startsWith("data.") && (l = o.replace("data.", "")), l && t(this, L).push({ name: l, type: "string" });
+                  c >= 0 ? l = o.substring(0, c) : a.startsWith("data.") && (l = o.replace("data.", "")), l && t(this, H).push({ name: l, type: "string" });
                 }
               });
             });
@@ -1325,25 +1327,25 @@ const Oe = class Oe {
   }
   // 🎯 기존에 필드 이름만 쓰던 곳들과의 호환을 위해 이름 배열만 리턴하는 메서드 유지
   get() {
-    return t(this, L).map((i) => i.name);
+    return t(this, H).map((i) => i.name);
   }
   // 🎯 내부 객체 통째로 얻기
   getFields() {
-    return t(this, L);
+    return t(this, H);
   }
   // 🎯 특정 필드의 데이터 타입 조회
   getType(i) {
-    const e = t(this, L).find((s) => s.name === i);
+    const e = t(this, H).find((s) => s.name === i);
     return e ? e.type : "string";
   }
   indexOf(i) {
-    return t(this, L).findIndex((e) => e.name === i);
+    return t(this, H).findIndex((e) => e.name === i);
   }
   includes(i) {
-    return t(this, L).some((e) => e.name === i);
+    return t(this, H).some((e) => e.name === i);
   }
 };
-ut = new WeakMap(), L = new WeakMap(), Lt = new WeakMap(), se = new WeakMap(), h(Oe, "ngFields");
+ut = new WeakMap(), H = new WeakMap(), Lt = new WeakMap(), se = new WeakMap(), h(Oe, "ngFields");
 let ye = Oe;
 var rt, ie, re;
 const Be = class Be extends HTMLElement {
@@ -1353,7 +1355,7 @@ const Be = class Be extends HTMLElement {
     d(this, rt);
     d(this, ie);
     d(this, re, /* @__PURE__ */ h(() => {
-      this.fields = new ye(this), y(this, ie, new fe(this)), H.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
+      this.fields = new ye(this), y(this, ie, new fe(this)), C.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
     }, "#init"));
     this.attachShadow({ mode: "open" }), y(this, rt, new be(this));
   }
@@ -1361,7 +1363,7 @@ const Be = class Be extends HTMLElement {
     t(this, re).call(this);
   }
   disconnectedCallback() {
-    H.log("NineTable disconnected.");
+    C.log("NineTable disconnected.");
   }
   // 🎯 외부에서 grid.data.set(...) 형태로 접근할 수 있도록 데이터 매니저 오픈
   get data() {
@@ -1429,8 +1431,8 @@ const ze = class ze extends me {
         if (e && (e = parseInt(e)), e && !isNaN(e)) {
           var s = t(this, p).closest("tr"), r = [];
           $("th,td", s).each((m, W) => {
-            var C = ninegrid.j.querySelectorAll(W).attr("suppress");
-            C && W.dataset.row && (C = parseInt(C), !isNaN(C) && C <= e && r.push(C));
+            var L = ninegrid.j.querySelectorAll(W).attr("suppress");
+            L && W.dataset.row && (L = parseInt(L), !isNaN(L) && L <= e && r.push(L));
           }), r.sort();
           var n = !1;
           if (parseInt(s.sectionRowIndex / t(this, T).template.length) > 0)
@@ -1515,7 +1517,7 @@ const Pe = class Pe extends ve {
     d(this, U);
     S(this, "refresh", /* @__PURE__ */ h(() => {
       const e = super.refresh();
-      H.log("::", e), t(this, Mt).value = e;
+      C.log("::", e), t(this, Mt).value = e;
     }, "refresh"));
     /**
     	dataRefresh = (v) => {