@ninebone/table 0.0.751 → 0.0.753

package/dist/nine-table.js

@@ -22,13 +22,13 @@ const Xe = class Xe extends ms.constructor {
 };
 h(Xe, "Trace");
 let we = Xe;
-const w = new we();
-var B, K, A, tt, et, st, Vt, nt, Ut;
+const S = new we();
+var B, X, A, tt, et, st, Vt, nt, Ut;
 const Ke = class Ke extends HTMLElement {
   constructor() {
     super();
     d(this, B);
-    d(this, K, !1);
+    d(this, X, !1);
     d(this, A);
     d(this, tt);
     d(this, et);
@@ -41,7 +41,7 @@ const Ke = class Ke extends HTMLElement {
       })), t(this, st).observe(e));
     }, "#observeResize"));
     E(this, "refresh", /* @__PURE__ */ h(() => {
-      if (!t(this, B) || !t(this, A) || t(this, K)) return;
+      if (!t(this, B) || !t(this, A) || t(this, X)) return;
       const e = t(this, A).container, n = e.querySelector("table");
       if (!n) return;
       const r = t(this, A).track, o = t(this, A).thumb, i = t(this, B).querySelector(".ng-container-bottom"), a = e.clientWidth, c = n.scrollWidth;
@@ -99,13 +99,13 @@ const Ke = class Ke extends HTMLElement {
         t(this, nt).call(this, r.clientX - o.left - i / 2);
       }), t(this, A).thumb.addEventListener("mousedown", (r) => {
         if (r.button !== 0) return;
-        r.stopPropagation(), r.preventDefault(), p(this, K, !0), this.shiftX = r.clientX - t(this, A).thumb.getBoundingClientRect().left;
+        r.stopPropagation(), r.preventDefault(), p(this, X, !0), this.shiftX = r.clientX - t(this, A).thumb.getBoundingClientRect().left;
         const o = /* @__PURE__ */ h((a) => {
-          if (!t(this, K)) return;
+          if (!t(this, X)) return;
           const c = t(this, A).track.getBoundingClientRect();
           t(this, nt).call(this, a.clientX - c.left - this.shiftX);
         }, "onMouseMove"), i = /* @__PURE__ */ h(() => {
-          p(this, K, !1), n(), document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", i), this.refresh();
+          p(this, X, !1), n(), document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", i), this.refresh();
         }, "onMouseUp");
         document.addEventListener("mousemove", o), document.addEventListener("mouseup", i);
       });
@@ -189,7 +189,7 @@ const Ke = class Ke extends HTMLElement {
         left: this.querySelector(".ng-scroll-left"),
         right: this.querySelector(".ng-scroll-right")
       }), n.addEventListener("scroll", () => {
-        t(this, K) || this.refresh();
+        t(this, X) || this.refresh();
       }), t(this, Ut).call(this), t(this, Vt).call(this), this.refresh();
     }, "initWhenReady");
     e();
@@ -198,7 +198,7 @@ const Ke = class Ke extends HTMLElement {
     t(this, st) && t(this, st).disconnect();
   }
 };
-B = new WeakMap(), K = new WeakMap(), A = new WeakMap(), tt = new WeakMap(), et = new WeakMap(), st = new WeakMap(), Vt = new WeakMap(), nt = new WeakMap(), Ut = new WeakMap(), h(Ke, "NineTableHScrollBar");
+B = new WeakMap(), X = new WeakMap(), A = new WeakMap(), tt = new WeakMap(), et = new WeakMap(), st = new WeakMap(), Vt = new WeakMap(), nt = new WeakMap(), Ut = new WeakMap(), h(Ke, "NineTableHScrollBar");
 let Se = Ke;
 customElements.get("nine-table-hscrollbar") || customElements.define("nine-table-hscrollbar", Se);
 var rt, ot, bt, C, Tt, Ct, Xt;
@@ -212,7 +212,7 @@ const Ge = class Ge extends HTMLElement {
     d(this, Tt, 0);
     d(this, Ct, 0);
     E(this, "refresh", /* @__PURE__ */ h(() => {
-      if (w.log("vscrollbar.refresh"), !t(this, rt) || !t(this, C)) return;
+      if (S.log("vscrollbar.refresh"), !t(this, rt) || !t(this, C)) return;
       const e = t(this, C).container, n = t(this, C).track, r = t(this, C).thumb, o = e.clientHeight, i = t(this, rt).data.length, a = t(this, ot).getRowHeight(), c = i * a;
       if (c <= o || i === 0) {
         this.style.display = "none";
@@ -224,14 +224,14 @@ const Ge = class Ge extends HTMLElement {
       const f = Math.max(Math.min(l * (o / c), l), 20);
       r.style.height = `${f}px`;
       const u = e.scrollTop, b = Math.max(c - o, 1);
-      w.log(e, u, b);
+      S.log(e, u, b);
       let g = 0;
       b > 0 && (g = u / b * (l - f));
       const y = l - f;
       g < 0 && (g = 0), g > y && (g = y), r.style.top = `${g}px`, t(this, C).top.disabled = u <= 0, t(this, C).bottom.disabled = u >= b - 1;
     }, "refresh"));
     d(this, Xt, /* @__PURE__ */ h(() => {
-      w.log("nine-table-vscrollbar.#init");
+      S.log("nine-table-vscrollbar.#init");
       const e = t(this, C).container, n = /* @__PURE__ */ h(() => {
         const o = (t(this, rt).data.get() || []).length, i = t(this, ot).getRowHeight();
         return o * i;
@@ -243,8 +243,8 @@ const Ge = class Ge extends HTMLElement {
           if (!t(this, bt)) return;
           const c = t(this, C).track.getBoundingClientRect(), l = t(this, C).thumb.clientHeight, u = c.height - l, b = a.clientY - t(this, Tt), g = e.clientHeight, y = n(), v = Math.max(y - g, 1);
           if (u > 0 && v > 0) {
-            const S = b / u * v;
-            let m = t(this, Ct) + S;
+            const w = b / u * v;
+            let m = t(this, Ct) + w;
             const I = Math.max(0, y - g);
             m < 0 && (m = 0), m > I && (m = I), e.scrollTop = m;
           }
@@ -353,7 +353,7 @@ const Ge = class Ge extends HTMLElement {
 rt = new WeakMap(), ot = new WeakMap(), bt = new WeakMap(), C = new WeakMap(), Tt = new WeakMap(), Ct = new WeakMap(), Xt = new WeakMap(), h(Ge, "NineTableVScrollBar");
 let Re = Ge;
 customElements.get("nine-table-vscrollbar") || customElements.define("nine-table-vscrollbar", Re);
-var j, R, it, P, D, G, at, kt, ze, We, Kt, Gt, Lt, It, Ht, Zt, Jt, Mt, Be, pt, $t, Qt;
+var j, R, it, P, D, K, at, kt, ze, We, Kt, Gt, Lt, It, Ht, Zt, Jt, Mt, Be, pt, $t, Qt;
 const Ze = class Ze {
   constructor(s) {
     d(this, j);
@@ -361,7 +361,7 @@ const Ze = class Ze {
     d(this, it);
     d(this, P, /* @__PURE__ */ new Map());
     d(this, D, null);
-    d(this, G, null);
+    d(this, K, null);
     d(this, at, 0);
     d(this, kt, 40);
     d(this, ze, !1);
@@ -370,12 +370,12 @@ const Ze = class Ze {
     d(this, Kt, 3);
     E(this, "refresh", /* @__PURE__ */ h(() => {
       var e;
-      w.log("rowManager.refresh");
+      S.log("rowManager.refresh");
       const s = t(this, R).querySelector(".ng-container-body .ng-part-body");
       s && (t(this, Lt).call(this), t(this, It).call(this), t(this, pt).call(this, s.scrollTop), (e = t(this, R).querySelector("nine-table-vscrollbar")) == null || e.refresh());
     }, "refresh"));
     E(this, "initialize", /* @__PURE__ */ h(() => {
-      w.log("rowManager.initialize"), p(this, it, {
+      S.log("rowManager.initialize"), p(this, it, {
         scrollTables: t(this, R).querySelectorAll(".ng-part-body table"),
         firstTr: t(this, R).querySelector(".ng-container-body .ng-part-body tbody.bindable-tbody tr:not(.nodata)")
       }), p(this, D, null), t(this, P).clear(), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((i) => {
@@ -401,13 +401,13 @@ const Ze = class Ze {
         }, "handleContainerScroll");
         [s, e, n].forEach((c) => {
           c == null || c.addEventListener("scroll", (l) => {
-            w.log(l), w.log("rowManager.scroll event"), a(c);
+            S.log(l), S.log("rowManager.scroll event"), a(c);
           });
         });
       }
     }, "initialize"));
     d(this, Gt, /* @__PURE__ */ h((s, e) => {
-      w.log("rowManager.#renderRows");
+      S.log("rowManager.#renderRows");
       const n = t(this, P).get(e);
       if (!n || n.length === 0) return;
       const r = s.querySelector(".ng-part-body tbody.bindable-tbody");
@@ -424,11 +424,11 @@ const Ze = class Ze {
       if (t(this, D) !== null && t(this, D) > 0)
         return t(this, D);
       const s = t(this, R).querySelector(".ng-container-body .ng-part-body");
-      w.log("rowManager.#measureAndCacheHeight");
+      S.log("rowManager.#measureAndCacheHeight");
       const e = t(this, P).get(".ng-container-body");
       if (!e || e.length === 0) throw new Error("invalid dom");
       const n = s.querySelector("tbody.bindable-tbody");
-      if (w.log(n), !n) throw new Error("invalid dom");
+      if (S.log(n), !n) throw new Error("invalid dom");
       n.querySelectorAll("tr:not(.nodata)").forEach((b) => b.remove());
       const r = n.querySelector("tr.nodata"), o = document.createDocumentFragment();
       e.forEach((b) => {
@@ -448,9 +448,9 @@ const Ze = class Ze {
       }), u.forEach((b) => b.remove()), i.style.display = a, i.style.visibility = c, i.style.position = l, f <= 0 ? -1 : (p(this, D, f), t(this, Ht).call(this), t(this, D));
     }, "#measureAndCacheHeight"));
     d(this, It, /* @__PURE__ */ h(() => {
-      w.log("rowManager.#updateVirtualScrollHeight");
+      S.log("rowManager.#updateVirtualScrollHeight");
       const e = (t(this, j).data.get() || []).length, n = t(this, D), r = e * n;
-      w.log("🔍 [VirtualHeight]", { totalCount: e, rowHeight: n, totalVirtualHeight: r }), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((o) => {
+      S.log("🔍 [VirtualHeight]", { totalCount: e, rowHeight: n, totalVirtualHeight: r }), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((o) => {
         const i = t(this, R).querySelector(o);
         if (!i) return;
         const a = i.querySelector(".ng-part-body .ng-virtual-spacer");
@@ -467,8 +467,8 @@ const Ze = class Ze {
       var a, c, l, f, u, b;
       const s = t(this, R).querySelector(".ng-container-left .ng-part-body table"), e = t(this, R).querySelector(".ng-container-body .ng-part-body table"), n = t(this, R).querySelector(".ng-container-right .ng-part-body table");
       if (e) {
-        const g = s ? Array.from(s.querySelectorAll("tbody tr")) : [], y = Array.from(e.querySelectorAll("tbody tr")), v = n ? Array.from(n.querySelectorAll("tbody tr")) : [], S = Math.max(g.length, y.length, v.length);
-        for (let m = 0; m < S; m++) {
+        const g = s ? Array.from(s.querySelectorAll("tbody tr")) : [], y = Array.from(e.querySelectorAll("tbody tr")), v = n ? Array.from(n.querySelectorAll("tbody tr")) : [], w = Math.max(g.length, y.length, v.length);
+        for (let m = 0; m < w; m++) {
           const I = [
             ((a = g[m]) == null ? void 0 : a.getBoundingClientRect().height) || 0,
             ((c = y[m]) == null ? void 0 : c.getBoundingClientRect().height) || 0,
@@ -479,8 +479,8 @@ const Ze = class Ze {
       }
       const r = t(this, R).querySelector(".ng-container-left .ng-part-footer table"), o = t(this, R).querySelector(".ng-container-body .ng-part-footer table"), i = t(this, R).querySelector(".ng-container-right .ng-part-footer table");
       if (o) {
-        const g = r ? Array.from(r.querySelectorAll("tfoot tr")) : [], y = Array.from(o.querySelectorAll("tfoot tr")), v = i ? Array.from(i.querySelectorAll("tfoot tr")) : [], S = Math.max(g.length, y.length, v.length);
-        for (let m = 0; m < S; m++) {
+        const g = r ? Array.from(r.querySelectorAll("tfoot tr")) : [], y = Array.from(o.querySelectorAll("tfoot tr")), v = i ? Array.from(i.querySelectorAll("tfoot tr")) : [], w = Math.max(g.length, y.length, v.length);
+        for (let m = 0; m < w; m++) {
           const I = [
             ((f = g[m]) == null ? void 0 : f.getBoundingClientRect().height) || 0,
             ((u = y[m]) == null ? void 0 : u.getBoundingClientRect().height) || 0,
@@ -491,7 +491,7 @@ const Ze = class Ze {
       }
     }, "#syncRowHeights"));
     d(this, Jt, /* @__PURE__ */ h(() => {
-      !t(this, R) || !(t(this, R) instanceof HTMLElement) || (p(this, G, new ResizeObserver((s) => {
+      !t(this, R) || !(t(this, R) instanceof HTMLElement) || (p(this, K, new ResizeObserver((s) => {
         for (const e of s) {
           const n = e.target;
           if (!n.classList.contains("active")) continue;
@@ -504,10 +504,10 @@ const Ze = class Ze {
             t(this, at) !== c && (p(this, at, c), t(this, Ht).call(this), t(this, D) !== null && (t(this, Mt).call(this), this.refresh()));
           }
         }
-      })), t(this, G).observe(t(this, R)));
+      })), t(this, K).observe(t(this, R)));
     }, "#initResizeObserver"));
     d(this, Mt, /* @__PURE__ */ h(() => {
-      w.log("rowManager.#renderAllContainers"), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((s) => {
+      S.log("rowManager.#renderAllContainers"), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((s) => {
         const e = t(this, R).querySelector(s);
         e && e.querySelector(".ng-part-body tbody.bindable-tbody") && t(this, Gt).call(this, e, s);
       }), t(this, Qt).call(this), t(this, Zt).call(this);
@@ -538,14 +538,14 @@ const Ze = class Ze {
       const n = t(this, j).data.length;
       if (n === 0) return;
       const r = ((u = t(this, P).get(".ng-container-body")) == null ? void 0 : u.length) || 1, o = t(this, R).querySelector(".ng-container-body .ng-part-body");
-      w.log("bodyContainer.clientHeight", o.clientHeight);
+      S.log("bodyContainer.clientHeight", o.clientHeight);
       const i = Math.max(0, n - Math.floor(o.clientHeight / e)), a = Math.min(i, Math.max(0, Math.floor(s / e)));
       let c = Math.floor(a * e);
-      w.log(`📜 [Scroll Calc] maxStartIndex: ${i}, startIndex: ${a}, offsetY: ${c}`), a === i && w.log(`📜 [Scroll Inspect] scrollTop: ${s}, rowHeight: ${e}, maxStartIndex: ${i}, startIndex: ${a}, offsetY: ${c}`);
+      S.log(`📜 [Scroll Calc] maxStartIndex: ${i}, startIndex: ${a}, offsetY: ${c}`), a === i && S.log(`📜 [Scroll Inspect] scrollTop: ${s}, rowHeight: ${e}, maxStartIndex: ${i}, startIndex: ${a}, offsetY: ${c}`);
       const l = t(this, it).firstTr, f = l && l.dataset.row !== void 0 ? parseInt(l.dataset.row, 10) : -1;
       (b = t(this, it)) == null || b.scrollTables.forEach((g) => {
         g.style.transform = `translate3d(0, ${c}px, 0)`;
-      }), f !== a && (w.log(`🔄 [Row Bind Trigger] currentStartIndex(${f}) !== startIndex(${a})`), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((g) => {
+      }), f !== a && (S.log(`🔄 [Row Bind Trigger] currentStartIndex(${f}) !== startIndex(${a})`), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((g) => {
         const y = t(this, R).querySelector(g);
         if (!y) return;
         const v = y.querySelector(".ng-part-body tbody.bindable-tbody");
@@ -584,7 +584,7 @@ const Ze = class Ze {
     }, "#bindRowData"));
     d(this, Qt, /* @__PURE__ */ h(() => {
       var c, l, f;
-      w.log("rowManager.#syncHeaderHeights");
+      S.log("rowManager.#syncHeaderHeights");
       const s = t(this, R).querySelector(".ng-container-left .ng-part-header table"), e = t(this, R).querySelector(".ng-container-body .ng-part-header table"), n = t(this, R).querySelector(".ng-container-right .ng-part-header table");
       if (!e) return;
       const r = s ? Array.from(s.querySelectorAll("tr")) : [], o = Array.from(e.querySelectorAll("tr")), i = n ? Array.from(n.querySelectorAll("tr")) : [], a = Math.max(r.length, o.length, i.length);
@@ -598,7 +598,7 @@ const Ze = class Ze {
       }
     }, "#syncHeaderHeights"));
     E(this, "destroy", /* @__PURE__ */ h(() => {
-      t(this, G) && (t(this, G).disconnect(), p(this, G, null));
+      t(this, K) && (t(this, K).disconnect(), p(this, K, null));
     }, "destroy"));
     p(this, j, s.getRootNode().host), p(this, R, s), t(this, Jt).call(this);
   }
@@ -610,7 +610,7 @@ const Ze = class Ze {
     return ((e = t(this, P).get(s)) == null ? void 0 : e.length) || 1;
   }
 };
-j = new WeakMap(), R = new WeakMap(), it = new WeakMap(), P = new WeakMap(), D = new WeakMap(), G = new WeakMap(), at = new WeakMap(), kt = new WeakMap(), ze = new WeakMap(), We = new WeakMap(), Kt = new WeakMap(), Gt = new WeakMap(), Lt = new WeakMap(), It = new WeakMap(), Ht = new WeakMap(), Zt = new WeakMap(), Jt = new WeakMap(), Mt = new WeakMap(), Be = new WeakMap(), pt = new WeakMap(), $t = new WeakMap(), Qt = new WeakMap(), h(Ze, "RowManager");
+j = new WeakMap(), R = new WeakMap(), it = new WeakMap(), P = new WeakMap(), D = new WeakMap(), K = new WeakMap(), at = new WeakMap(), kt = new WeakMap(), ze = new WeakMap(), We = new WeakMap(), Kt = new WeakMap(), Gt = new WeakMap(), Lt = new WeakMap(), It = new WeakMap(), Ht = new WeakMap(), Zt = new WeakMap(), Jt = new WeakMap(), Mt = new WeakMap(), Be = new WeakMap(), pt = new WeakMap(), $t = new WeakMap(), Qt = new WeakMap(), h(Ze, "RowManager");
 let Ae = Ze;
 const te = class te {
   /**
@@ -630,8 +630,8 @@ const te = class te {
         if (l.children.length > 0 && l.firstElementChild.tagName.includes("-")) return;
         let u = `cell-${f}`;
         const b = l.getAttribute("data-bind"), g = l.getAttribute("data-expr"), y = l.getAttribute("maxbyte"), v = l.getAttribute("type");
-        let S = [];
-        b && S.push(`data-bind="${b}"`), g && S.push(`data-expr="${g}"`), y && S.push(`maxbyte="${y}"`), v && S.push(`type="${v}"`), l.innerHTML = `<${u} ${S.join(" ")}></${u}>`;
+        let w = [];
+        b && w.push(`data-bind="${b}"`), g && w.push(`data-expr="${g}"`), y && w.push(`maxbyte="${y}"`), v && w.push(`type="${v}"`), l.innerHTML = `<${u} ${w.join(" ")}></${u}>`;
       }), a.querySelectorAll("tbody td, tfoot td").forEach((l) => {
         l.setAttribute("tabindex", "0");
       });
@@ -659,24 +659,24 @@ const te = class te {
       const g = Array.from(Array(u), () => Array(b).fill(null));
       l.forEach((y) => {
         const v = y.sectionRowIndex;
-        let S = 0;
+        let w = 0;
         Array.from(y.querySelectorAll("th,td")).forEach((m) => {
           for (let H = 0; H < g[v].length; H++)
             if (g[v][H] === null) {
-              S = H;
+              w = H;
               break;
             }
           const I = m.rowSpan || 1, T = m.colSpan || 1;
           for (let H = 0; H < I; H++)
             for (let F = 0; F < T; F++)
-              v + H < u && S + F < b && (g[v + H][S + F] = H === 0 && F === 0 ? "1" : "0");
+              v + H < u && w + F < b && (g[v + H][w + F] = H === 0 && F === 0 ? "1" : "0");
         });
       }), l.forEach((y) => {
         const v = y.sectionRowIndex;
-        Array.from(y.querySelectorAll("th,td")).forEach((S) => {
+        Array.from(y.querySelectorAll("th,td")).forEach((w) => {
           for (let m = 0; m < g[v].length; m++)
             if (g[v][m] === "1") {
-              S.dataset.col = m, g[v][m] = "0";
+              w.dataset.col = m, g[v][m] = "0";
               break;
             }
         });
@@ -693,15 +693,15 @@ const te = class te {
 };
 h(te, "TableCompiler");
 let Ee = te;
-var _, Y, U, At, bs;
+var _, Y, V, At, bs;
 const Je = class Je {
   constructor(s) {
-    d(this, U);
+    d(this, V);
     d(this, _);
     d(this, Y, { startRow: -1, startCol: -1, endRow: -1, endCol: -1 });
     E(this, "render", /* @__PURE__ */ h(() => {
       const { startRow: s, startCol: e, endRow: n, endCol: r } = t(this, Y);
-      w.log("🎨 [CellSelection.render] Rendering range ->", t(this, Y));
+      S.log("🎨 [CellSelection.render] Rendering range ->", t(this, Y));
       const o = t(this, _).querySelectorAll(
         ".ng-container-left .ng-part-body, .ng-container-body .ng-part-body, .ng-container-right .ng-part-body"
       );
@@ -710,35 +710,32 @@ const Je = class Je {
           c.classList.remove("selected", "selected-top", "selected-bottom", "selected-left", "selected-right");
         });
       }), s < 0 || e < 0) {
-        w.log("⚠️ [CellSelection.render] Range is invalid (< 0), skipping render.");
+        S.log("⚠️ [CellSelection.render] Range is invalid (< 0), skipping render.");
         return;
       }
       let i = 0;
       o.forEach((a) => {
         a.querySelectorAll("tbody tr").forEach((c) => {
-          const { matrixRow: l } = Q(this, U, At).call(this, c);
+          const { matrixRow: l } = Q(this, V, At).call(this, c);
           l < 0 || c.querySelectorAll("td, th").forEach((f) => {
             const u = parseInt(f.dataset.col, 10);
             if (isNaN(u)) return;
             const b = parseInt(f.rowSpan || 1, 10), g = parseInt(f.colSpan || 1, 10), y = l + b - 1, v = u + g - 1;
-            if (!(y >= s && l <= n && v >= e && u <= r)) return;
-            i++, f.classList.add("selected");
-            const m = s === n && e === r;
-            w.log(f, s, e, n, r), m ? f.classList.add("selected-top", "selected-bottom", "selected-left", "selected-right") : (l <= s && f.classList.add("selected-top"), y >= n && f.classList.add("selected-bottom"), u <= e && f.classList.add("selected-left"), v >= r && f.classList.add("selected-right"));
+            y >= s && l <= n && v >= e && u <= r && (i++, f.classList.add("selected"), S.log(f, s, e, n, r), l <= s && f.classList.add("selected-top"), y >= n && f.classList.add("selected-bottom"), u <= e && f.classList.add("selected-left"), v >= r && f.classList.add("selected-right"));
           });
         });
-      }), w.log(`✨ [CellSelection.render] Total rendered cells marked: ${i}`);
+      }), S.log(`✨ [CellSelection.render] Total rendered cells marked: ${i}`);
     }, "render"));
-    p(this, _, s), Q(this, U, bs).call(this), t(this, _).querySelectorAll(
+    p(this, _, s), Q(this, V, bs).call(this), t(this, _).querySelectorAll(
       ".ng-container-left .ng-part-body, .ng-container-body .ng-part-body, .ng-container-right .ng-part-body"
     ).forEach((n) => {
       n.addEventListener("scroll", () => {
         t(this, Y).startRow >= 0 && t(this, Y).startCol >= 0 && this.render();
       });
-    }), w.log("🎯 [CellSelection] Initialized");
+    }), S.log("🎯 [CellSelection] Initialized");
   }
   setRange(s, e, n, r) {
-    w.log(`🔍 [CellSelection.setRange] Input -> startRow: ${s}, startCol: ${e}, endRow: ${n}, endCol: ${r}`);
+    S.log(`🔍 [CellSelection.setRange] Input -> startRow: ${s}, startCol: ${e}, endRow: ${n}, endCol: ${r}`);
     let o = Math.min(s, n), i = Math.max(s, n), a = Math.min(e, r), c = Math.max(e, r);
     const l = t(this, _).querySelectorAll(
       ".ng-container-left .ng-part-body, .ng-container-body .ng-part-body, .ng-container-right .ng-part-body"
@@ -748,22 +745,22 @@ const Je = class Je {
       f = !1, u++, l.forEach((b) => {
         b.querySelectorAll("tbody tr").forEach((g) => {
           if (g.classList.contains("nodata")) return;
-          const { matrixRow: y } = Q(this, U, At).call(this, g);
+          const { matrixRow: y } = Q(this, V, At).call(this, g);
           y < 0 || g.querySelectorAll("td, th").forEach((v) => {
-            const S = parseInt(v.dataset.col, 10);
-            if (isNaN(S)) return;
-            const m = parseInt(v.rowSpan || 1, 10), I = parseInt(v.colSpan || 1, 10), T = y + m - 1, H = S + I - 1;
-            if (T >= o && y <= i && H >= a && S <= c) {
-              const X = Math.min(o, y), cs = Math.max(i, T), hs = Math.min(a, S), ds = Math.max(c, H);
-              (X !== o || cs !== i || hs !== a || ds !== c) && (o = X, i = cs, a = hs, c = ds, f = !0);
+            const w = parseInt(v.dataset.col, 10);
+            if (isNaN(w)) return;
+            const m = parseInt(v.rowSpan || 1, 10), I = parseInt(v.colSpan || 1, 10), T = y + m - 1, H = w + I - 1;
+            if (T >= o && y <= i && H >= a && w <= c) {
+              const U = Math.min(o, y), cs = Math.max(i, T), hs = Math.min(a, w), ds = Math.max(c, H);
+              (U !== o || cs !== i || hs !== a || ds !== c) && (o = U, i = cs, a = hs, c = ds, f = !0);
             }
           });
         });
       });
-    p(this, Y, { startRow: o, startCol: a, endRow: i, endCol: c }), w.log("📦 [CellSelection.setRange] Final Range ->", t(this, Y)), this.render();
+    p(this, Y, { startRow: o, startCol: a, endRow: i, endCol: c }), S.log("📦 [CellSelection.setRange] Final Range ->", t(this, Y)), this.render();
   }
 };
-_ = new WeakMap(), Y = new WeakMap(), U = new WeakSet(), At = /* @__PURE__ */ h(function(s) {
+_ = new WeakMap(), Y = new WeakMap(), V = new WeakSet(), At = /* @__PURE__ */ h(function(s) {
   if (!s || s.classList.contains("nodata")) return { dataRow: -1, subRowIndex: -1, matrixRow: -1 };
   const e = parseInt(s.dataset.row, 10);
   if (isNaN(e)) return { dataRow: -1, subRowIndex: -1, matrixRow: -1 };
@@ -772,7 +769,7 @@ _ = new WeakMap(), Y = new WeakMap(), U = new WeakSet(), At = /* @__PURE__ */ h(
 }, "#getMatrixRow"), bs = /* @__PURE__ */ h(function() {
   const s = t(this, _).querySelector(".ng-container-top");
   if (!s) {
-    w.log("❌ [CellSelection] .ng-container-top not found!");
+    S.log("❌ [CellSelection] .ng-container-top not found!");
     return;
   }
   s.addEventListener("mousedown", (e) => {
@@ -780,46 +777,46 @@ _ = new WeakMap(), Y = new WeakMap(), U = new WeakSet(), At = /* @__PURE__ */ h(
     const n = e.target.closest("td, th");
     if (!n || n.dataset.row === void 0 || n.dataset.col === void 0 || n.closest("tr").classList.contains("nodata")) return;
     t(this, _).style.userSelect = "none", t(this, _).style.webkitUserSelect = "none";
-    const r = n.closest("tr"), { matrixRow: o } = Q(this, U, At).call(this, r), i = parseInt(n.dataset.col, 10);
+    const r = n.closest("tr"), { matrixRow: o } = Q(this, V, At).call(this, r), i = parseInt(n.dataset.col, 10);
     if (o < 0) {
       t(this, _).style.userSelect = "", t(this, _).style.webkitUserSelect = "";
       return;
     }
-    w.log(`🖱️ [MouseDown Success] startRow: ${o}, startCol: ${i}`), this.setRange(o, i, o, i);
+    S.log(`🖱️ [MouseDown Success] startRow: ${o}, startCol: ${i}`), this.setRange(o, i, o, i);
     const a = /* @__PURE__ */ h((l) => {
       const f = document.elementFromPoint(l.clientX, l.clientY);
       let u = f == null ? void 0 : f.closest("td, th");
       if (!u || !t(this, _).contains(u)) {
         const v = t(this, _).querySelectorAll(".ng-part-body tbody tr:not(.nodata) td, .ng-part-body tbody tr:not(.nodata) th");
-        for (const S of v) {
-          const m = S.getBoundingClientRect();
+        for (const w of v) {
+          const m = w.getBoundingClientRect();
           if (l.clientX >= m.left && l.clientX <= m.right && l.clientY >= m.top && l.clientY <= m.bottom) {
-            u = S;
+            u = w;
             break;
           }
         }
       }
       if (!u || u.dataset.row === void 0 || u.dataset.col === void 0 || u.closest("tr").classList.contains("nodata")) return;
-      const b = u.closest("tr"), { matrixRow: g } = Q(this, U, At).call(this, b), y = parseInt(u.dataset.col, 10);
+      const b = u.closest("tr"), { matrixRow: g } = Q(this, V, At).call(this, b), y = parseInt(u.dataset.col, 10);
       g < 0 || this.setRange(o, i, g, y);
     }, "onMouseMove"), c = /* @__PURE__ */ h(() => {
-      w.log("🖱️ [MouseUp] Drag ended."), t(this, _).style.userSelect = "", t(this, _).style.webkitUserSelect = "", document.removeEventListener("mousemove", a), document.removeEventListener("mouseup", c);
+      S.log("🖱️ [MouseUp] Drag ended."), t(this, _).style.userSelect = "", t(this, _).style.webkitUserSelect = "", document.removeEventListener("mousemove", a), document.removeEventListener("mouseup", c);
     }, "onMouseUp");
     document.addEventListener("mousemove", a), document.addEventListener("mouseup", c);
   });
 }, "#initEvents"), h(Je, "CellSelection");
 let qe = Je;
-var V, lt, ee, se, _t, ne, ps;
+var G, lt, ee, se, _t, ne, ps;
 const Qe = class Qe {
   // 🎯 키보드 네비게이션 중 스크롤 튐 방지 플래그
   constructor(s) {
     d(this, ne);
-    d(this, V);
+    d(this, G);
     d(this, lt, null);
     d(this, ee, -1);
     d(this, se, -1);
     d(this, _t, !1);
-    p(this, V, s), Q(this, ne, ps).call(this), w.log("🎯 [CellNavigation] Initialized");
+    p(this, G, s), Q(this, ne, ps).call(this), S.log("🎯 [CellNavigation] Initialized");
   }
   get currentCell() {
     return t(this, lt);
@@ -833,7 +830,7 @@ const Qe = class Qe {
       const r = s.closest("tr"), o = r == null ? void 0 : r.closest("tbody");
       if (o) {
         const a = Array.from(o.querySelectorAll("tr:not(.nodata)")).filter((u) => parseInt(u.dataset.row, 10) === e), c = a.length > 0 ? a.length : 1, l = a.indexOf(r), f = e * c + (l >= 0 ? l : 0);
-        p(this, _t, !0), t(this, V).selection.setRange(f, n, f, n), setTimeout(() => {
+        p(this, _t, !0), t(this, G).selection.setRange(f, n, f, n), setTimeout(() => {
           p(this, _t, !1);
         }, 0);
       }
@@ -842,7 +839,7 @@ const Qe = class Qe {
   moveCell(s) {
     var I, T, H, F;
     if (!t(this, lt)) return;
-    const e = t(this, lt), n = e.closest("tr"), r = parseInt(e.dataset.row, 10), o = parseInt(e.dataset.col, 10), i = n == null ? void 0 : n.closest("tbody"), c = Array.from(i.querySelectorAll("tr:not(.nodata)")).filter((X) => parseInt(X.dataset.row, 10) === r), l = c.length > 0 ? c.length : 1, f = c.indexOf(n);
+    const e = t(this, lt), n = e.closest("tr"), r = parseInt(e.dataset.row, 10), o = parseInt(e.dataset.col, 10), i = n == null ? void 0 : n.closest("tbody"), c = Array.from(i.querySelectorAll("tr:not(.nodata)")).filter((U) => parseInt(U.dataset.row, 10) === r), l = c.length > 0 ? c.length : 1, f = c.indexOf(n);
     let u = r, b = f, g = o;
     switch (s.code) {
       case "Tab":
@@ -862,22 +859,18 @@ const Qe = class Qe {
         break;
     }
     let y = null;
-    const m = Array.from(i.querySelectorAll("tr:not(.nodata)")).filter((X) => parseInt(X.dataset.row, 10) === u)[b];
+    const m = Array.from(i.querySelectorAll("tr:not(.nodata)")).filter((U) => parseInt(U.dataset.row, 10) === u)[b];
     if (m && (y = m.querySelector(`[data-col="${g}"]`)), y)
       this.currentCell = y;
     else if (u !== r && u >= 0) {
-      const X = ((T = (I = t(this, V)).getRowHeight) == null ? void 0 : T.call(I)) || 40;
-      (F = (H = t(this, V)).scrollToY) == null || F.call(H, u * X);
+      const U = ((T = (I = t(this, G)).getRowHeight) == null ? void 0 : T.call(I)) || 40;
+      (F = (H = t(this, G)).scrollToY) == null || F.call(H, u * U);
     }
   }
 };
-V = new WeakMap(), lt = new WeakMap(), ee = new WeakMap(), se = new WeakMap(), _t = new WeakMap(), ne = new WeakSet(), ps = /* @__PURE__ */ h(function() {
-  t(this, V).addEventListener("mousedown", (s) => {
-    w.log(s);
-    const e = s.target.closest("td, th");
-    !e || e.dataset.row === void 0 || e.dataset.col === void 0 || e.closest("tr").classList.contains("nodata") || (this.currentCell = e);
-  }), t(this, V).addEventListener("keydown", (s) => {
-    w.log(s), ["Tab", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(s.code) && this.moveCell(s);
+G = new WeakMap(), lt = new WeakMap(), ee = new WeakMap(), se = new WeakMap(), _t = new WeakMap(), ne = new WeakSet(), ps = /* @__PURE__ */ h(function() {
+  t(this, G).addEventListener("keydown", (s) => {
+    S.log(s), ["Tab", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(s.code) && this.moveCell(s);
   });
 }, "#initEvents"), h(Qe, "CellNavigation");
 let Te = Qe;
@@ -891,10 +884,10 @@ const Et = class Et extends HTMLElement {
     d(this, Nt);
     d(this, Dt);
     E(this, "invalidate", /* @__PURE__ */ h(() => {
-      w.log("sheet.invalidate()"), t(this, ht).refresh();
+      S.log("sheet.invalidate()"), t(this, ht).refresh();
     }, "invalidate"));
     E(this, "generate", /* @__PURE__ */ h((e) => {
-      if (w.log("sheet.generate()"), !e) return;
+      if (S.log("sheet.generate()"), !e) return;
       p(this, ct, Ee.compile(e)), t(this, oe).call(this), t(this, ie).call(this);
       const n = this.querySelector(".ng-container-body .ng-part-header"), r = this.querySelector(".ng-container-body .ng-part-footer"), o = this.querySelector(".ng-nodata-overlay");
       n && o && (o.style.top = `${n.offsetHeight}px`), r && o && (o.style.bottom = `${r.offsetHeight}px`), t(this, ht).initialize(), setTimeout(() => {
@@ -1165,7 +1158,7 @@ const Et = class Et extends HTMLElement {
     return t(this, Dt);
   }
   disconnectedCallback() {
-    this.innerHTML = "", w.log("NineTableSheet destroyed.");
+    this.innerHTML = "", S.log("NineTableSheet destroyed.");
   }
 };
 re = new WeakMap(), ct = new WeakMap(), ht = new WeakMap(), Nt = new WeakMap(), Dt = new WeakMap(), oe = new WeakMap(), ie = new WeakMap(), yt = new WeakMap(), ae = new WeakMap(), le = new WeakMap(), h(Et, "NineTableSheet"), E(Et, "SCROLLBAR_SIZE", 16);
@@ -1189,8 +1182,8 @@ const ts = class ts extends HTMLElement {
         Array.from(this.querySelectorAll("nine-splitter")).forEach((g) => g.style.setProperty("display", "none"));
         const b = f.filter((g) => g.classList.contains("active"));
         b.length < 2 || b.forEach((g) => {
-          const y = parseInt(g.getAttribute("data-index"), 10), v = this.querySelector(`nine-splitter[data-split-index="${y}"]`), S = f[y + 1];
-          v && S && S.classList.contains("active") && v.style.setProperty("display", "flex");
+          const y = parseInt(g.getAttribute("data-index"), 10), v = this.querySelector(`nine-splitter[data-split-index="${y}"]`), w = f[y + 1];
+          v && w && w.classList.contains("active") && v.style.setProperty("display", "flex");
         });
       }, "updateSplitters"), o = this.querySelector(".nine-tab-bar"), i = this.querySelector("nine-table-sheets-body"), a = o.querySelectorAll(".nine-tab-item"), c = i.querySelectorAll("nine-table-sheet");
       if (!a[e]) return;
@@ -1588,11 +1581,11 @@ const rs = class rs {
       }), p(this, M, Array.from(s, ([e, n]) => ({ name: e, type: n }))), p(this, M, t(this, M).filter((e) => e.name !== "" && e.name !== "__ng")), t(this, M).sort((e, n) => e.name.length < n.name.length ? 1 : -1);
     }, "#adjust"));
     d(this, pe, /* @__PURE__ */ h(() => {
-      p(this, M, []), w.log(t(this, wt).querySelectorAll("table"));
+      p(this, M, []), S.log(t(this, wt).querySelectorAll("table"));
       const s = Array.from(t(this, wt).querySelectorAll("table"));
       if (!(!s || s.length === 0)) {
         for (const e of s)
-          w.log(e), $("[data-bind]", e).each((n, r) => {
+          S.log(e), $("[data-bind]", e).each((n, r) => {
             const o = r.dataset.bind, i = r.getAttribute("data-type") || "string";
             o && t(this, M).push({ name: o, type: i });
           }), ["data-expr", "background-color", "color", "tooltip", "visible", "readonly", "enable-button", "enable-check", "class-expr", "icon-color", "icon-src"].forEach((n) => {
@@ -1651,7 +1644,7 @@ const os = class os extends HTMLElement {
     d(this, ut);
     d(this, ye);
     d(this, me, /* @__PURE__ */ h(() => {
-      this.fields = new Me(this), p(this, ye, new ke(this)), w.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
+      this.fields = new Me(this), p(this, ye, new ke(this)), S.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
     }, "#init"));
     this.attachShadow({ mode: "open" }), p(this, ut, new He(this));
   }
@@ -1659,7 +1652,7 @@ const os = class os extends HTMLElement {
     t(this, me).call(this);
   }
   disconnectedCallback() {
-    w.log("NineTable disconnected.");
+    S.log("NineTable disconnected.");
   }
   // 🎯 외부에서 grid.data.set(...) 형태로 접근할 수 있도록 데이터 매니저 오픈
   get data() {
@@ -1745,8 +1738,8 @@ const is = class is extends _e {
           else
             o = !0;
           o ? ninegrid.j.querySelectorAll(t(this, x)).removeClass("suppress") : ninegrid.j.querySelectorAll(t(this, x)).addClass("suppress"), ninegrid.j.querySelectorAll(t(this, x)).hasClass("hidden") || (o ? ninegrid.j.querySelectorAll(t(this, x)).removeClass("hidden") : ninegrid.j.querySelectorAll(t(this, x)).addClass("hidden"));
-          var y = parseInt(t(this, x).dataset.matrixRow), v = y - 1, S = t(this, L).body.querySelector(`tbody.bindable [data-col="${t(this, x).dataset.col}"][data-matrix-row="${v}"]`);
-          $(S).hasClass("suppress") && !ninegrid.j.querySelectorAll(t(this, x)).hasClass("suppress") ? ninegrid.j.querySelectorAll(S).removeClass("last-none-suppress").addClass("last-suppress") : !$(S).hasClass("suppress") && ninegrid.j.querySelectorAll(t(this, x)).hasClass("suppress") ? ninegrid.j.querySelectorAll(S).removeClass("last-suppress").addClass("last-none-suppress") : ninegrid.j.querySelectorAll(S).removeClass("last-none-suppress").removeClass("last-suppress");
+          var y = parseInt(t(this, x).dataset.matrixRow), v = y - 1, w = t(this, L).body.querySelector(`tbody.bindable [data-col="${t(this, x).dataset.col}"][data-matrix-row="${v}"]`);
+          $(w).hasClass("suppress") && !ninegrid.j.querySelectorAll(t(this, x)).hasClass("suppress") ? ninegrid.j.querySelectorAll(w).removeClass("last-none-suppress").addClass("last-suppress") : !$(w).hasClass("suppress") && ninegrid.j.querySelectorAll(t(this, x)).hasClass("suppress") ? ninegrid.j.querySelectorAll(w).removeClass("last-suppress").addClass("last-none-suppress") : ninegrid.j.querySelectorAll(w).removeClass("last-none-suppress").removeClass("last-suppress");
         }
       }
     }, "#resetSuppress"));