@ninebone/table 0.1.46 → 0.1.47

package/dist/nine-table.js

@@ -68,7 +68,7 @@ const qo = class qo extends sa.constructor {
 };
 h(qo, "Trace");
 let vn = qo;
-const S = new vn(), jt = {
+const v = new vn(), jt = {
   META: {
     INDEX: {
       ROWID: 0,
@@ -356,11 +356,11 @@ const No = class No {
       }), p(this, Y, Array.from(r, ([e, s]) => ({ name: e, type: s }))), p(this, Y, t(this, Y).filter((e) => e.name !== "" && e.name !== "__ng")), t(this, Y).sort((e, s) => e.name.length < s.name.length ? 1 : -1);
     }, "#adjust"));
     d(this, Yi, /* @__PURE__ */ h(() => {
-      p(this, Y, []), S.log(t(this, as).querySelectorAll("table"));
+      p(this, Y, []), v.log(t(this, as).querySelectorAll("table"));
       const r = Array.from(t(this, as).querySelectorAll("table"));
       if (!(!r || r.length === 0)) {
         for (const e of r)
-          S.log(e), e.querySelectorAll("[data-bind]").forEach((i) => {
+          v.log(e), e.querySelectorAll("[data-bind]").forEach((i) => {
             const n = i.dataset.bind, o = i.getAttribute("data-type") || "string";
             n && t(this, Y).push({ name: n, type: o });
           }), [
@@ -784,7 +784,7 @@ const zo = class zo extends HTMLElement {
       return e.clientHeight - o;
     }, "#getViewHeight"));
     E(this, "refresh", /* @__PURE__ */ h(() => {
-      if (S.log("=================", "vscrollbar.refresh"), t(this, He) || !t(this, M) || !t(this, M).elements || !t(this, F)) return;
+      if (v.log("=================", "vscrollbar.refresh"), t(this, He) || !t(this, M) || !t(this, M).elements || !t(this, F)) return;
       const e = t(this, F).container, s = t(this, F).track, i = t(this, F).thumb, n = t(this, ir).call(this), { rawContentHeight: o, contentHeight: l } = t(this, Ne).call(this), a = o > n && o > 0 && n > 0;
       if (t(this, M).classList.toggle("vscroll-visible", a), !a)
         return;
@@ -799,7 +799,7 @@ const zo = class zo extends HTMLElement {
       b < 0 && (b = 0), b > m && (b = m), i.style.top = `${b}px`, t(this, F).top.disabled = f <= 0, t(this, F).bottom.disabled = f >= g - 1;
     }, "refresh"));
     d(this, rr, /* @__PURE__ */ h(() => {
-      S.log("nine-table-vscrollbar.#init");
+      v.log("nine-table-vscrollbar.#init");
       const e = t(this, F).container;
       t(this, F).thumb.addEventListener("mousedown", (s) => {
         if (s.button !== 0) return;
@@ -810,8 +810,8 @@ const zo = class zo extends HTMLElement {
           const f = u.clientY - t(this, Vs);
           let g = t(this, Ps) + f;
           g < 0 && (g = 0), g > l && (g = l), t(this, F).thumb.style.top = `${g}px`;
-          const b = g / l, m = t(this, M).getRowHeight(), y = (t(this, M).querySelector(".ng-sheet-body").offsetHeight || 0) - (((H = t(this, M).elements.body.thead) == null ? void 0 : H.offsetHeight) || 0) - (((V = t(this, M).elements.body.tfoot) == null ? void 0 : V.offsetHeight) || 0) - (t(this, M).elements.body.tbody.head.offsetHeight || 0), x = Math.floor(y / m), { totalCount: w } = t(this, Ne).call(this), v = Math.floor(b * (w - x + 1));
-          t(this, M).rowManager.scrollToDataRow(v);
+          const b = g / l, m = t(this, M).getRowHeight(), y = (t(this, M).querySelector(".ng-sheet-body").offsetHeight || 0) - (((H = t(this, M).elements.body.thead) == null ? void 0 : H.offsetHeight) || 0) - (((V = t(this, M).elements.body.tfoot) == null ? void 0 : V.offsetHeight) || 0) - (t(this, M).elements.body.tbody.head.offsetHeight || 0), x = Math.floor(y / m), { totalCount: w } = t(this, Ne).call(this), S = Math.floor(b * (w - x + 1));
+          t(this, M).rowManager.scrollToDataRow(S);
           const { rawContentHeight: L, contentHeight: C } = t(this, Ne).call(this), $ = t(this, F).container.scrollTop, T = Math.max(C - t(this, M).rowManager.getRowHeight(), 0);
           t(this, F).top.disabled = $ <= 0, t(this, F).bottom.disabled = $ >= T - 1;
         }, "onMouseMove"), c = /* @__PURE__ */ h(() => {
@@ -823,7 +823,7 @@ const zo = class zo extends HTMLElement {
         const i = t(this, F).track.getBoundingClientRect(), n = t(this, F).thumb.clientHeight, l = t(this, F).track.clientHeight - n;
         if (l > 0) {
           const a = s.clientY - i.top - n / 2, c = Math.max(0, Math.min(1, a / l)), { totalCount: u } = t(this, Ne).call(this), f = Math.max(0, Math.min(Math.floor(c * (u - 1)), u - 1));
-          S.log("🎯 [VScroll Track Click]", { ratio: c, clickY: a, totalCount: u, targetRow: f }), f >= 0 && t(this, M).rowManager && typeof t(this, M).rowManager.scrollToDataRow == "function" && t(this, M).rowManager.scrollToDataRow(f, "top");
+          v.log("🎯 [VScroll Track Click]", { ratio: c, clickY: a, totalCount: u, targetRow: f }), f >= 0 && t(this, M).rowManager && typeof t(this, M).rowManager.scrollToDataRow == "function" && t(this, M).rowManager.scrollToDataRow(f, "top");
         }
         this.refresh();
       }), t(this, F).top.addEventListener("click", () => {
@@ -952,7 +952,7 @@ const Bo = class Bo {
     return t(this, $e);
   }
   apply() {
-    if (S.log("==================", "Grouping.Apply"), t(this, Fe)) return;
+    if (v.log("==================", "Grouping.Apply"), t(this, Fe)) return;
     p(this, Fe, !0);
     let r = [];
     const e = t(this, qt).sourceTable;
@@ -1084,8 +1084,8 @@ const Vo = class Vo {
       const o = t(this, R).templateLength, l = ((($ = t(this, R).elements.body.thead) == null ? void 0 : $.offsetHeight) || 0) + (((T = t(this, R).elements.body.tfoot) == null ? void 0 : T.offsetHeight) || 0) + t(this, R).elements.body.tbody.head.offsetHeight, a = t(this, R).querySelector(".ng-sheet-body").offsetHeight || 0, c = Math.max(n * s + s * 2 + l - a, 0), u = 15e6, f = c > u;
       let g = 1, b = c;
       f && (g = u / c, b = u), t(this, R).elements.scrollHolder.style.height = `${b}px`;
-      const m = f ? r / g : r, y = Math.max(0, n - 1), x = Math.min(m, c), w = Math.max(0, Math.min(Math.floor(x / s) - 1, y)), v = x % s;
-      t(this, R).elements.left.tbody.body.style.top = t(this, R).elements.body.tbody.body.style.top = t(this, R).elements.right.tbody.body.style.top = `-${v}px`;
+      const m = f ? r / g : r, y = Math.max(0, n - 1), x = Math.min(m, c), w = Math.max(0, Math.min(Math.floor(x / s) - 1, y)), S = x % s;
+      t(this, R).elements.left.tbody.body.style.top = t(this, R).elements.body.tbody.body.style.top = t(this, R).elements.right.tbody.body.style.top = `-${S}px`;
       const L = t(this, We).firstTr, C = L && L.dataset.row !== void 0 ? parseInt(L.dataset.row, 10) : -1;
       !e && C === w || ([
         t(this, R).elements.left.tbody.body,
@@ -1111,7 +1111,7 @@ const Vo = class Vo {
     }, "#handleScroll"));
     d(this, or, /* @__PURE__ */ h((r, e = !1) => {
       var $;
-      S.log("handleGroupdScroll() start");
+      v.log("handleGroupdScroll() start");
       const s = t(this, R).view.getArray() || [], i = s.length;
       if (i === 0) {
         t(this, R).elements.scrollHolder.style.height = "0px";
@@ -1136,7 +1136,7 @@ const Vo = class Vo {
         const H = l(s[T]);
         c[T] = H, a += H;
       }
-      t(this, R).elements.scrollHolder.style.height = `${a}px`, S.log("*************", a);
+      t(this, R).elements.scrollHolder.style.height = `${a}px`, v.log("*************", a);
       const u = t(this, R).clientHeight;
       let f = 0, g = 0;
       for (let T = 0; T < i; T++) {
@@ -1154,7 +1154,7 @@ const Vo = class Vo {
       const m = t(this, We).firstTr, y = m && m.dataset.virtualIndex !== void 0 ? parseInt(m.dataset.virtualIndex, 10) : -1;
       if (!e && y === g)
         return;
-      const x = Math.ceil(u / (t(this, _) / o)), w = ((($ = t(this, R).grouping.columns) == null ? void 0 : $.length) || 1) * 15, v = g, L = Math.min(i, g + x + w), C = s.slice(v, L);
+      const x = Math.ceil(u / (t(this, _) / o)), w = ((($ = t(this, R).grouping.columns) == null ? void 0 : $.length) || 1) * 15, S = g, L = Math.min(i, g + x + w), C = s.slice(S, L);
       [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((T) => {
         const H = t(this, R).querySelector(`.ng-sheet-body ${T}`);
         if (!H) return;
@@ -1188,7 +1188,7 @@ const Vo = class Vo {
             }
           });
         }
-      }), t(this, R).selection.refresh(), S.log("handleGroupdScroll() end");
+      }), t(this, R).selection.refresh(), v.log("handleGroupdScroll() end");
     }, "#handleGroupedScroll"));
     d(this, lr, /* @__PURE__ */ h((r, e, s, i) => {
       const n = t(this, R).templateLength || 1, o = parseInt(r.dataset.subrow, 10) || 0, l = i * n + o, a = s[Ae.CHILDREN], c = t(this, _s).data.getArray(), u = a ? a.map((f) => c[f]).filter(Boolean) : [];
@@ -1249,18 +1249,18 @@ const Vo = class Vo {
     }, "#measureAndCacheHeight"));
     d(this, Ks, /* @__PURE__ */ h(() => {
       var r;
-      if (S.log("[DEBUG #updateRowCount] sheetHeight:", t(this, Zt), "cachedTemplateHeight:", t(this, _)), t(this, Zt) > 0 && t(this, _) > 0) {
+      if (v.log("[DEBUG #updateRowCount] sheetHeight:", t(this, Zt), "cachedTemplateHeight:", t(this, _)), t(this, Zt) > 0 && t(this, _) > 0) {
         const e = Math.ceil(t(this, Zt) / t(this, _));
         let s = t(this, nr);
         if (t(this, Oe) && t(this, R).grouping) {
           const i = ((r = t(this, R).grouping.columns) == null ? void 0 : r.length) || 1;
           s += i * 15;
         }
-        p(this, hs, e + s), S.log("[DEBUG #updateRowCount] calculated cachedRowCount:", t(this, hs));
+        p(this, hs, e + s), v.log("[DEBUG #updateRowCount] calculated cachedRowCount:", t(this, hs));
       }
     }, "#updateRowCount"));
     d(this, us, /* @__PURE__ */ h(() => {
-      S.log("rowManager.#renderAllContainers"), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((r) => {
+      v.log("rowManager.#renderAllContainers"), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((r) => {
         const e = t(this, R).querySelector(`.ng-sheet-body ${r}`);
         e && e.querySelector("tbody") && t(this, ar).call(this, e);
       }), t(this, cr).call(this);
@@ -1345,8 +1345,8 @@ const Vo = class Vo {
       let g = l * f;
       t(this, R).templateLength;
       const b = (((c = t(this, R).elements.body.thead) == null ? void 0 : c.offsetHeight) || 0) + (((u = t(this, R).elements.body.tfoot) == null ? void 0 : u.offsetHeight) || 0) + t(this, R).elements.body.tbody.head.offsetHeight, m = t(this, R).querySelector(".ng-sheet-body").offsetHeight || 0, y = Math.max(o * f + f * 2 + b - m, 0), x = 15e6, w = y > x;
-      let v = 1;
-      w && (v = x / y), a = g * v;
+      let S = 1;
+      w && (S = x / y), a = g * S;
     }
     p(this, ds, !0), i.scrollTop = a, t(this, ze).call(this, a), requestAnimationFrame(() => {
       requestAnimationFrame(() => {
@@ -1432,7 +1432,7 @@ const Po = class Po {
       const o = t(this, Z).querySelector(`.ng-sheet-body-content tr[data-matrix-row="${r}"] td[data-col="${e}"]`);
       o && (o.classList.add("selected-start"), (l = o.closest("tr")) == null || l.classList.add("selected-start"));
     }, "render"));
-    p(this, Z, r), A(this, oe, Ll).call(this), S.log("🎯 [CellSelection] Initialized (New Structure Compatible)");
+    p(this, Z, r), A(this, oe, Ll).call(this), v.log("🎯 [CellSelection] Initialized (New Structure Compatible)");
   }
   setFocus(r, e) {
     var i;
@@ -1458,7 +1458,7 @@ const Po = class Po {
           m < 0 || b.querySelectorAll("td, th").forEach((y) => {
             const x = parseInt(y.dataset.col, 10);
             if (isNaN(x)) return;
-            const w = parseInt(y.rowSpan || 1, 10), v = parseInt(y.colSpan || 1, 10), L = m + w - 1, C = x + v - 1;
+            const w = parseInt(y.rowSpan || 1, 10), S = parseInt(y.colSpan || 1, 10), L = m + w - 1, C = x + S - 1;
             if (L >= n && m <= o && C >= l && x <= a) {
               const T = Math.min(n, m), H = Math.max(o, L), V = Math.min(l, x), Q = Math.max(a, C);
               (T !== n || H !== o || V !== l || Q !== a) && (n = T, o = H, l = V, a = Q, u = !0);
@@ -1478,7 +1478,7 @@ Z = new WeakMap(), Zs = new WeakMap(), oe = new WeakSet(), Hs = /* @__PURE__ */
 }, "#getMatrixRow"), Ll = /* @__PURE__ */ h(function() {
   const r = t(this, Z).querySelector(".ng-sheet-body");
   if (!r) {
-    S.log("❌ [CellSelection] .ng-sheet-body not found!");
+    v.log("❌ [CellSelection] .ng-sheet-body not found!");
     return;
   }
   r.addEventListener("mousedown", (e) => {
@@ -1498,10 +1498,10 @@ Z = new WeakMap(), Zs = new WeakMap(), oe = new WeakSet(), Hs = /* @__PURE__ */
       let b = g == null ? void 0 : g.closest("td, th");
       if (!b || !t(this, Z).contains(b)) {
         const w = t(this, Z).querySelectorAll(".ng-sheet-body-content tbody tr:not(.nodata) td, .ng-sheet-body-content tbody tr:not(.nodata) th");
-        for (const v of w) {
-          const L = v.getBoundingClientRect();
+        for (const S of w) {
+          const L = S.getBoundingClientRect();
           if (f.clientX >= L.left && f.clientX <= L.right && f.clientY >= L.top && f.clientY <= L.bottom) {
-            b = v;
+            b = S;
             break;
           }
         }
@@ -1550,7 +1550,7 @@ const Xo = class Xo {
     }, "#getMaxColCell"));
     d(this, si, /* @__PURE__ */ h((r, e) => {
       const s = t(this, D).querySelector(`.ng-sheet-body tr[data-matrix-row="${r}"] td[data-col="${e}"]`) || t(this, D).querySelector(`.ng-sheet-body td[data-col="${e}"]`), i = (s == null ? void 0 : s.colSpan) || 1, n = e + i;
-      return S.log(`🔍 [#getNextCol] current col: ${e}, found td colSpan: ${i}, calculated next col: ${n}`), n;
+      return v.log(`🔍 [#getNextCol] current col: ${e}, found td colSpan: ${i}, calculated next col: ${n}`), n;
     }, "#getNextCol"));
     d(this, ii, /* @__PURE__ */ h((r, e) => {
       if (e <= 0) return 0;
@@ -1606,14 +1606,14 @@ const Xo = class Xo {
         for (const m of Array.from(c.querySelectorAll("td"))) {
           const y = parseInt(m.dataset.col, 10), x = parseInt(m.colSpan || 1, 10), w = parseInt(m.rowSpan || 1, 10);
           if (isNaN(y) || window.getComputedStyle(m).display === "none") continue;
-          const v = u, L = b, C = v * o + L, $ = C + w - 1;
+          const S = u, L = b, C = S * o + L, $ = C + w - 1;
           if (n >= C && n <= $ && s >= y && s < y + x)
             return m;
         }
       }
       return null;
     }, "#getNearElement"));
-    p(this, D, r), p(this, Js, r.getRootNode().host), A(this, ft, Cl).call(this), S.log("🎯 [CellNavigation] Initialized (Diagnostic Logging Restored)");
+    p(this, D, r), p(this, Js, r.getRootNode().host), A(this, ft, Cl).call(this), v.log("🎯 [CellNavigation] Initialized (Diagnostic Logging Restored)");
   }
   get currentCell() {
     return t(this, fe);
@@ -1623,14 +1623,14 @@ const Xo = class Xo {
     if (!r) return;
     p(this, fe, r), r.focus({ preventScroll: !0 }), p(this, zt, r.closest("tr"));
     const e = A(this, ft, Le).call(this, t(this, zt));
-    S.log(`📌 [setCurCell] Active set -> dataRow: ${r.dataset.row}, subrow: ${(s = r.closest("tr")) == null ? void 0 : s.dataset.subrow}, matrixRow: ${e}, col: ${r.dataset.col}`), t(this, D).selection.setFocus(e, t(this, fe).dataset.col);
+    v.log(`📌 [setCurCell] Active set -> dataRow: ${r.dataset.row}, subrow: ${(s = r.closest("tr")) == null ? void 0 : s.dataset.subrow}, matrixRow: ${e}, col: ${r.dataset.col}`), t(this, D).selection.setFocus(e, t(this, fe).dataset.col);
   }
   moveCell(r) {
     var m;
     if (!["TH", "TD"].includes(r.target.tagName))
       return;
     if (!t(this, fe) || !t(this, zt)) {
-      S.log("⚠️ [moveCell] currentCell or currentTr is missing!");
+      v.log("⚠️ [moveCell] currentCell or currentTr is missing!");
       return;
     }
     const e = t(this, fe), s = parseInt(e.dataset.row, 10), i = parseInt(e.dataset.col, 10), n = t(this, D).templateLength || 1, o = A(this, ft, Le).call(this, t(this, zt));
@@ -1688,24 +1688,24 @@ const Xo = class Xo {
           return;
         break;
     }
-    S.log("========");
+    v.log("========");
     const u = (((m = t(this, D).view.getArray()) == null ? void 0 : m.length) || 0) * n - 1;
-    l = Math.max(0, Math.min(l, u)), S.log(`⌨️ [Key: ${r.code}] Current matrixRow: ${o} -> Target nextMatrixRow: ${l}, nextCol: ${a}`);
+    l = Math.max(0, Math.min(l, u)), v.log(`⌨️ [Key: ${r.code}] Current matrixRow: ${o} -> Target nextMatrixRow: ${l}, nextCol: ${a}`);
     const f = Math.floor(l / n), g = l % n;
     (/* @__PURE__ */ h((y = 0) => {
       let x = t(this, ri).call(this, f, g, a, l);
       if (x) {
-        S.log(`✅ [Found Cell] Attempt ${y} -> dataRow: ${x.dataset.row}, col: ${x.dataset.col}`), this.currentCell = x;
+        v.log(`✅ [Found Cell] Attempt ${y} -> dataRow: ${x.dataset.row}, col: ${x.dataset.col}`), this.currentCell = x;
         const w = A(this, ft, Le).call(this, t(this, zt));
         t(this, D).selection.setRange(w, x.dataset.col, w, x.dataset.col), A(this, ft, Vn).call(this, x);
       } else
-        S.log(`📜 [Scroll Trigger] Cell not found in DOM, invoking rowManager.scrollToDataRow(${f})`), t(this, D).rowManager.scrollToDataRow(f, "bottom", () => {
-          S.log("nextDataRow", f), (/* @__PURE__ */ h(() => {
-            let v = t(this, ri).call(this, f, g, a, l);
-            if (v) {
-              S.log(`✅ [Found After Scroll] RetryLoop success -> dataRow: ${v.dataset.row}`), this.currentCell = v;
-              const L = v.closest("tr"), C = A(this, ft, Le).call(this, L);
-              t(this, D).selection.setRange(C, v.dataset.col, C, v.dataset.col), A(this, ft, Vn).call(this, v);
+        v.log(`📜 [Scroll Trigger] Cell not found in DOM, invoking rowManager.scrollToDataRow(${f})`), t(this, D).rowManager.scrollToDataRow(f, "bottom", () => {
+          v.log("nextDataRow", f), (/* @__PURE__ */ h(() => {
+            let S = t(this, ri).call(this, f, g, a, l);
+            if (S) {
+              v.log(`✅ [Found After Scroll] RetryLoop success -> dataRow: ${S.dataset.row}`), this.currentCell = S;
+              const L = S.closest("tr"), C = A(this, ft, Le).call(this, L);
+              t(this, D).selection.setRange(C, S.dataset.col, C, S.dataset.col), A(this, ft, Vn).call(this, S);
             }
           }, "retryLoop"))();
         });
@@ -1728,7 +1728,7 @@ D = new WeakMap(), Js = new WeakMap(), fe = new WeakMap(), zt = new WeakMap(), A
   const e = t(this, D).querySelector(".ng-sheet-body"), s = t(this, D).querySelector(".ng-sheet-body .ng-container-body");
   if (!e || !s) return;
   const i = r.getBoundingClientRect(), n = e.getBoundingClientRect(), o = s.getBoundingClientRect();
-  S.log(`📐 [DIAGNOSTIC VISIBILITY] 
+  v.log(`📐 [DIAGNOSTIC VISIBILITY] 
 - cell.dataset.col: ${r.dataset.col}
 - cellRect (left: ${i.left}, right: ${i.right})
 - containerRect (left: ${o.left}, right: ${o.right}, width: ${o.width}, scrollLeft: ${s.scrollLeft}, scrollWidth: ${s.scrollWidth}, clientWidth: ${s.clientWidth})
@@ -1746,7 +1746,7 @@ D = new WeakMap(), Js = new WeakMap(), fe = new WeakMap(), zt = new WeakMap(), A
       }
     });
   }
-  i.left < o.left ? (S.log("↔️ [Scroll X Left] cell out of left bound"), s.scrollLeft -= o.left - i.left + 10, t(this, D).scrollToX(s.scrollLeft)) : i.right > o.right && (S.log(`↔️ [Scroll X Right] cell out of right bound. cellRect.right: ${i.right} > containerRect.right: ${o.right}`), s.scrollLeft += i.right - o.right + 10, t(this, D).scrollToX(s.scrollLeft));
+  i.left < o.left ? (v.log("↔️ [Scroll X Left] cell out of left bound"), s.scrollLeft -= o.left - i.left + 10, t(this, D).scrollToX(s.scrollLeft)) : i.right > o.right && (v.log(`↔️ [Scroll X Right] cell out of right bound. cellRect.right: ${i.right} > containerRect.right: ${o.right}`), s.scrollLeft += i.right - o.right + 10, t(this, D).scrollToX(s.scrollLeft));
 }, "#ensureCellVisible"), Qs = new WeakMap(), ti = new WeakMap(), ei = new WeakMap(), si = new WeakMap(), ii = new WeakMap(), fs = new WeakMap(), ri = new WeakMap(), Cl = /* @__PURE__ */ h(function() {
   t(this, D).addEventListener("mousedown", (r) => {
     if (r.button !== 0) return;
@@ -1793,9 +1793,9 @@ const _o = class _o {
       o || l ? s.classList.add("resizable-edge") : s.classList.remove("resizable-edge");
     }, "#onPointerMove"));
     d(this, ai, /* @__PURE__ */ h((r) => {
-      if (S.log(r.actualTarget, r.target), !r.actualTarget.closest("thead")) return;
+      if (v.log(r.actualTarget, r.target), !r.actualTarget.closest("thead")) return;
       const s = r.actualTarget.closest("th, td");
-      if (S.log(s, r.actualTarget), !s || !s.classList.contains("resizable-edge")) return;
+      if (v.log(s, r.actualTarget), !s || !s.classList.contains("resizable-edge")) return;
       r.preventDefault();
       const i = s.getBoundingClientRect(), n = r.clientX - i.left;
       let o = s;
@@ -1822,7 +1822,7 @@ const _o = class _o {
       p(this, Xt, m && !isNaN(parseInt(m, 10)) ? parseInt(m, 10) : f.width / c), p(this, gs, r.clientX), t(this, Et) && (t(this, Et).classList.add("active"), A(this, It, _n).call(this, r.clientX)), window.addEventListener("pointermove", t(this, ci)), window.addEventListener("pointerup", t(this, dr), { once: !0 });
     }, "#onPointerDown"));
     d(this, ci, /* @__PURE__ */ h((r) => {
-      S.log(r), A(this, It, _n).call(this, r.clientX);
+      v.log(r), A(this, It, _n).call(this, r.clientX);
     }, "#onDragMove"));
     d(this, dr, /* @__PURE__ */ h((r) => {
       var n;
@@ -1905,12 +1905,12 @@ const _o = class _o {
             }
             break;
         }
-      }), S.log(a);
+      }), v.log(a);
       const c = t(this, Be).fields.get().indexOf(l.dataset.bind), f = window.getComputedStyle(l).font || "12px sans-serif", g = s.innerText || "";
       let m = (nine.measureTextSize(g, f).width || 0) + 16;
       t(this, Be).execute(() => {
         t(this, P).view.getArray().forEach((x, w) => {
-          const v = String(l.dataset.expr ? t(this, Be).exprEngine.evaluate(l.dataset.expr, x, w) : x.v[c] ?? "").trim(), L = nine.measureTextSize(v, f);
+          const S = String(l.dataset.expr ? t(this, Be).exprEngine.evaluate(l.dataset.expr, x, w) : x.v[c] ?? "").trim(), L = nine.measureTextSize(S, f);
           L.width && L.width > m && (m = L.width);
         });
         const y = Math.max(32, Math.min(400, Math.ceil(m) + a));
@@ -1942,7 +1942,7 @@ const _o = class _o {
         isNaN(g) || (c[f] = g, a += g);
       }), e.forEach((u) => {
         const f = u.querySelectorAll("table");
-        S.log("====================", e, r), r === "body" ? f.forEach((g) => {
+        v.log("====================", e, r), r === "body" ? f.forEach((g) => {
           g.style.width = `${a}px`;
         }) : (u.style.flex = `0 0 ${a}px`, u.style.width = `${a}px`, u.style.minWidth = `${a}px`, u.style.maxWidth = `${a}px`, f.forEach((g) => {
           g.style.width = `${a}px`, g.style.minWidth = `${a}px`, g.style.maxWidth = `${a}px`, Object.entries(c).forEach(([b, m]) => {
@@ -1957,12 +1957,12 @@ const _o = class _o {
   }
   setColumnWidth(r, e, s = null) {
     var a, c;
-    S.log("setColumnWidth");
+    v.log("setColumnWidth");
     let i = [];
     if (i = Array.from(t(this, P).querySelectorAll(`table colgroup col[data-col="${r}"]`)), i.length === 0) return;
     const n = i[0].closest(".ng-container-left, .ng-container-body, .ng-container-right"), o = s || (n != null && n.classList.contains("ng-container-left") ? "left" : n != null && n.classList.contains("ng-container-right") ? "right" : "body");
     i.forEach((u) => {
-      u.setAttribute("width", e), u.style.width = `${e}px`, S.log(u, e);
+      u.setAttribute("width", e), u.style.width = `${e}px`, v.log(u, e);
     });
     const l = (a = t(this, P).sourceTable) == null ? void 0 : a.querySelector(`colgroup col[data-col="${r}"]`);
     l && (l.setAttribute("width", e), l.style.width = `${e}px`), this.refreshLayout(o), (o === "left" || o === "right") && this.refreshLayout("body"), (c = t(this, P).rowManager) == null || c.refresh();
@@ -2052,7 +2052,7 @@ const Uo = class Uo {
           const O = s.colSpan || 1;
           g = o + O, b = u - l.left;
         }
-        const m = A(this, st, Bi).call(this, t(this, Jt)), y = m.colSpan, x = m.rowIndex, w = t(this, Jt).rowSpan || 1, v = x + w - 1, L = ((i = s.closest("tr")) == null ? void 0 : i.sectionRowIndex) ?? 0, C = s.rowSpan || 1, $ = L + C - 1, T = !(v < L || x > $);
+        const m = A(this, st, Bi).call(this, t(this, Jt)), y = m.colSpan, x = m.rowIndex, w = t(this, Jt).rowSpan || 1, S = x + w - 1, L = ((i = s.closest("tr")) == null ? void 0 : i.sectionRowIndex) ?? 0, C = s.rowSpan || 1, $ = L + C - 1, T = !(S < L || x > $);
         let H = !1;
         if (m.parentGroupRange) {
           const { startCol: O, endCol: K } = m.parentGroupRange;
@@ -2064,7 +2064,7 @@ const Uo = class Uo {
           for (const K of O) {
             if (K === t(this, Jt)) continue;
             const pt = ((n = K.closest("tr")) == null ? void 0 : n.sectionRowIndex) ?? 0, B = K.rowSpan || 1, os = pt + B - 1;
-            if (!!(v < pt || x > os)) continue;
+            if (!!(S < pt || x > os)) continue;
             const ae = parseInt(K.dataset.col, 10), Wi = K.colSpan || 1, ce = ae + Wi - 1;
             if (g > ae && g < ce + 1) {
               V = !0;
@@ -2096,7 +2096,7 @@ const Uo = class Uo {
     t(this, G).addEventListener("pointerdown", t(this, ui));
   }
   moveColumn(r, e) {
-    S.log(t(this, G).sourceTable.cloneNode(!0));
+    v.log(t(this, G).sourceTable.cloneNode(!0));
     const s = t(this, G).sourceTable.querySelector("colgroup"), i = s.querySelector(`col[data-col="${e}"]`), n = A(this, st, Bi).call(this, t(this, Jt));
     if (!n || !n.isValidGroup) return;
     const o = n.colSpan, l = /* @__PURE__ */ h((u) => u >= r && u < r + o, "isInRange"), a = t(this, G).querySelector(`.ng-sheet-body-content col[data-col="${e}"]`), c = a != null && a.closest(".ng-container-left") ? "left" : a != null && a.closest(".ng-container-right") ? "right" : null;
@@ -2159,8 +2159,8 @@ G = new WeakMap(), z = new WeakMap(), tt = new WeakMap(), pe = new WeakMap(), Jt
   const f = [];
   if (o.querySelectorAll("thead th, thead td").forEach((y) => {
     if (y.dataset.col === void 0) return;
-    const x = parseInt(y.dataset.col, 10), w = y.colSpan || 1, v = x + w - 1;
-    if (n ? x >= s && v <= i : y === r) {
+    const x = parseInt(y.dataset.col, 10), w = y.colSpan || 1, S = x + w - 1;
+    if (n ? x >= s && S <= i : y === r) {
       const C = y.getBoundingClientRect();
       l = Math.min(l, C.left), a = Math.max(a, C.right), c = Math.min(c, C.top), u = Math.max(u, C.bottom);
       const $ = window.getComputedStyle(y);
@@ -2169,8 +2169,8 @@ G = new WeakMap(), z = new WeakMap(), tt = new WeakMap(), pe = new WeakMap(), Jt
   }), f.length === 0) return null;
   const g = a - l, b = u - c, m = document.createElement("div");
   return m.className = "grip-header-content", m.style.position = "relative", m.style.width = `${g}px`, m.style.height = `${b}px`, f.forEach(({ el: y, rect: x, style: w }) => {
-    const v = y.cloneNode(!0);
-    v.style.position = "absolute", v.style.left = `${x.left - l}px`, v.style.top = `${x.top - c}px`, v.style.width = `${x.width}px`, v.style.minWidth = `${x.width}px`, v.style.maxWidth = "none", v.style.height = `${x.height}px`, v.style.boxSizing = "border-box", v.style.margin = "0", v.style.backgroundColor = w.backgroundColor !== "transparent" && w.backgroundColor !== "rgba(0, 0, 0, 0)" ? w.backgroundColor : "#f9fafb", v.style.color = w.color, v.style.font = w.font, v.style.fontWeight = w.fontWeight, v.style.fontSize = w.fontSize, v.style.textAlign = w.textAlign, v.style.padding = w.padding, v.style.border = w.border, v.style.borderRight = w.borderRight, v.style.borderBottom = w.borderBottom, v.style.display = "flex", v.style.alignItems = "center", v.style.justifyContent = w.textAlign === "center" ? "center" : w.textAlign === "right" ? "flex-end" : "flex-start", m.appendChild(v);
+    const S = y.cloneNode(!0);
+    S.style.position = "absolute", S.style.left = `${x.left - l}px`, S.style.top = `${x.top - c}px`, S.style.width = `${x.width}px`, S.style.minWidth = `${x.width}px`, S.style.maxWidth = "none", S.style.height = `${x.height}px`, S.style.boxSizing = "border-box", S.style.margin = "0", S.style.backgroundColor = w.backgroundColor !== "transparent" && w.backgroundColor !== "rgba(0, 0, 0, 0)" ? w.backgroundColor : "#f9fafb", S.style.color = w.color, S.style.font = w.font, S.style.fontWeight = w.fontWeight, S.style.fontSize = w.fontSize, S.style.textAlign = w.textAlign, S.style.padding = w.padding, S.style.border = w.border, S.style.borderRight = w.borderRight, S.style.borderBottom = w.borderBottom, S.style.display = "flex", S.style.alignItems = "center", S.style.justifyContent = w.textAlign === "center" ? "center" : w.textAlign === "right" ? "flex-end" : "flex-start", m.appendChild(S);
   }), {
     element: m,
     bounds: {
@@ -2276,8 +2276,8 @@ const Go = class Go {
       ["thead", "tbody", "tfoot"].forEach((m) => {
         i.querySelectorAll(`${m} tr`).forEach((y, x) => {
           Array.from(y.children).forEach((w) => {
-            const v = parseInt(w.dataset.col, 10), L = w.colSpan || 1, C = v + L - 1, $ = w.rowSpan || 1, T = y.sectionRowIndex ?? x;
-            T + $ - 1 < w.closest("tr").sectionRowIndex || T > w.closest("tr").sectionRowIndex + $ - 1, !(C < n || v > l) && (g = Math.min(g, v));
+            const S = parseInt(w.dataset.col, 10), L = w.colSpan || 1, C = S + L - 1, $ = w.rowSpan || 1, T = y.sectionRowIndex ?? x;
+            T + $ - 1 < w.closest("tr").sectionRowIndex || T > w.closest("tr").sectionRowIndex + $ - 1, !(C < n || S > l) && (g = Math.min(g, S));
           });
         });
       }), c.forEach((m) => {
@@ -2291,13 +2291,13 @@ const Go = class Go {
           Array.from(y.children).forEach((x) => {
             const w = parseInt(x.dataset.col, 10);
             if (isNaN(w)) return;
-            const v = c.find((C) => parseInt(C.getAttribute("data-col"), 10) === w), L = v == null ? void 0 : v.getAttribute("fixed");
+            const S = c.find((C) => parseInt(C.getAttribute("data-col"), 10) === w), L = S == null ? void 0 : S.getAttribute("fixed");
             L ? x.setAttribute("fixed", L) : x.removeAttribute("fixed");
           });
         });
       });
     }
-    S.log(t(this, be).sourceTable), (f = (u = t(this, be)).recompileAndRefresh) == null || f.call(u);
+    v.log(t(this, be).sourceTable), (f = (u = t(this, be)).recompileAndRefresh) == null || f.call(u);
   }
 };
 be = new WeakMap(), h(Go, "ColFixManager");
@@ -2314,8 +2314,8 @@ const jo = class jo extends HTMLElement {
     d(this, _t);
     E(this, "currentCol", null);
     d(this, fr, /* @__PURE__ */ h(() => {
-      t(this, gr).call(this), p(this, Ht, this.closest("nine-table-sheet")), p(this, te, this.getRootNode().host), p(this, ut, this.querySelector("nine-table-simple")), S.log("1***********************", t(this, ut)), setTimeout(() => {
-        p(this, ee, t(this, ut).shadowRoot.querySelector("nine-table-sheet")), S.log("2***********************", t(this, ee));
+      t(this, gr).call(this), p(this, Ht, this.closest("nine-table-sheet")), p(this, te, this.getRootNode().host), p(this, ut, this.querySelector("nine-table-simple")), v.log("1***********************", t(this, ut)), setTimeout(() => {
+        p(this, ee, t(this, ut).shadowRoot.querySelector("nine-table-sheet")), v.log("2***********************", t(this, ee));
       }), this.querySelector(".search-box").addEventListener("focusin", (e) => {
         e.stopPropagation();
       }), this.querySelector(".search-box").addEventListener("input", t(this, yr)), this.querySelector("#chkSelectAll").addEventListener("change", t(this, xr)), this.querySelector("#btnOk").addEventListener("click", t(this, mr));
@@ -2458,7 +2458,7 @@ const jo = class jo extends HTMLElement {
         i.forEach((a) => {
           const c = o >= 0 && a.v ? a.v[o] : "";
           String(c).replace(/<[^>]*>?/gm, "").toLowerCase().includes(s) && l.push(c);
-        }), S.log(l), t(this, ee).filtering.set({
+        }), v.log(l), t(this, ee).filtering.set({
           DATA2: [...new Set(l)]
         });
       }
@@ -2514,8 +2514,8 @@ Ht = new WeakMap(), te = new WeakMap(), ut = new WeakMap(), ee = new WeakMap(),
         // 💡 화면 출력 기준 (DATA2)
       });
     }
-    const v = [...w.values()];
-    return v.sort((L, C) => String(L.v2 || "").localeCompare(String(C.v2 || ""))), x.sort((L, C) => L > C ? 1 : -1), v.map((L) => ({
+    const S = [...w.values()];
+    return S.sort((L, C) => String(L.v2 || "").localeCompare(String(C.v2 || ""))), x.sort((L, C) => L > C ? 1 : -1), S.map((L) => ({
       LVL: 2,
       DATA: L.v,
       // 필터링 비교용 값
@@ -2591,10 +2591,10 @@ const Yo = class Yo {
     E(this, "clear", /* @__PURE__ */ h((r) => {
       r ? delete t(this, Ut)[r] : p(this, Ut, {}), p(this, Ue, Object.keys(t(this, Ut)).length > 0), A(this, pi, Zn).call(this), t(this, Lt).querySelectorAll("nine-table-filter-button").forEach((e) => {
         e.updateFilteredState();
-      }), S.log(`🔄 [NineTableFiltering] Filter cleared for ${r || "all"}`);
+      }), v.log(`🔄 [NineTableFiltering] Filter cleared for ${r || "all"}`);
     }, "clear"));
     E(this, "set", /* @__PURE__ */ h((r) => {
-      S.log(r);
+      v.log(r);
       let e = Array.isArray(r) ? Object.fromEntries(Object.keys(r[0]).map((s) => [s, [...new Set(r.map((i) => i[s]))]])) : r;
       p(this, Ut, e), p(this, Ue, Object.keys(e).length > 0), t(this, Lt).toggleAttribute("filtering", t(this, Ue)), A(this, pi, Zn).call(this);
     }, "set"));
@@ -2673,7 +2673,7 @@ lt = new WeakMap(), bi = new WeakMap(), at = new WeakMap(), Ft = new WeakSet(),
         }
       });
     });
-  }), S.log("🎯 [NineTableSorting] Initialized");
+  }), v.log("🎯 [NineTableSorting] Initialized");
 }, "#initEvents"), Nl = /* @__PURE__ */ h(function(r, e) {
   const s = e.dataset.col, i = e.closest("tr"), n = i ? i.dataset.subrow || String(i.sectionRowIndex) : "0";
   if (s === void 0) return;
@@ -2705,7 +2705,7 @@ lt = new WeakMap(), bi = new WeakMap(), at = new WeakMap(), Ft = new WeakSet(),
     console.warn("⚠️ [NineTableSorting] Sheet view (SheetView) is not initialized.");
     return;
   }
-  t(this, lt).view.setSorting(t(this, at)), A(this, Ft, Qn).call(this), t(this, lt).invalidate(), S.log("🔄 [NineTableSorting] Sorting applied via RowManager.refresh(true)");
+  t(this, lt).view.setSorting(t(this, at)), A(this, Ft, Qn).call(this), t(this, lt).invalidate(), v.log("🔄 [NineTableSorting] Sorting applied via RowManager.refresh(true)");
 }, "#applySorting"), Qn = /* @__PURE__ */ h(function() {
   t(this, lt).querySelectorAll("thead th, thead td").forEach((r) => {
     r.classList.remove("asc", "desc");
@@ -2787,7 +2787,7 @@ const Jo = class Jo {
         if (!o) return;
         const a = (u = (c = o.m) == null ? void 0 : c._) == null ? void 0 : u[jt.META.INDEX.FILTER];
         a && a[t(this, Ge).index] === !1 || e.push(l);
-      }), S.log(e), t(this, ye).length > 0 && (e = t(this, Ar).call(this, e, r)), p(this, mi, e);
+      }), v.log(e), t(this, ye).length > 0 && (e = t(this, Ar).call(this, e, r)), p(this, mi, e);
       const s = e.map((o) => r[o]), i = ((n = t(this, Ge).grouping) == null ? void 0 : n.columns) || [];
       if (i.length > 0) {
         const o = Hn.apply(s, i, t(this, mt).data.getHostFields());
@@ -2803,7 +2803,7 @@ const Jo = class Jo {
       p(this, ye, []), this.refresh();
     }, "resetSorting"));
     d(this, Ar, /* @__PURE__ */ h((r, e) => {
-      S.log(/* @__PURE__ */ new Date());
+      v.log(/* @__PURE__ */ new Date());
       const s = typeof t(this, mt).data.getHostFields == "function" ? t(this, mt).data.getHostFields() : [], i = t(this, ye).map((n) => ({
         ...n,
         colIndex: s.indexOf(n.colname || n.colName)
@@ -2823,8 +2823,8 @@ const Jo = class Jo {
               if (typeof g == "number" && typeof b == "number")
                 x = g - b;
               else {
-                const w = String(g), v = String(b);
-                x = w > v ? 1 : w < v ? -1 : 0;
+                const w = String(g), S = String(b);
+                x = w > S ? 1 : w < S ? -1 : 0;
               }
               if (x !== 0)
                 return u ? x : -x;
@@ -2955,9 +2955,9 @@ W = new WeakSet(), $l = /* @__PURE__ */ h(function(r) {
 }, "#initFilterButtons"), _l = /* @__PURE__ */ h(function(r) {
   r.querySelectorAll("thead th, thead td").forEach((e) => {
     if (!(e.getAttribute("collapsible") === "true" || e.getAttribute("expandable") === "true")) return;
-    S.log("11.*******************************", e.dataset.col);
+    v.log("11.*******************************", e.dataset.col);
     const i = parseInt(e.dataset.col, 10), n = e.colSpan || 1, o = r.querySelector(`colgroup col[data-col="${i}"]`);
-    S.log("11.*******************************", o);
+    v.log("11.*******************************", o);
     const l = o && parseInt(o.getAttribute("width"), 10) || 100;
     (!e.dataset.expandWidth || parseInt(e.dataset.expandWidth, 10) <= wn) && (e.dataset.expandWidth = String(l > wn ? l : 100));
     let a = e.querySelector("nine-table-col-expand");
@@ -2982,7 +2982,7 @@ W = new WeakSet(), $l = /* @__PURE__ */ h(function(r) {
   });
 }, "#ensureRowIndicator"), Gl = /* @__PURE__ */ h(function(r) {
   r.querySelectorAll("th[data-col], td[data-col]").forEach((e) => {
-    S.log(e);
+    v.log(e);
     const s = parseInt(e.getAttribute("data-col"), 10);
     if (isNaN(s)) return;
     const i = parseInt(e.getAttribute("colspan") || e.colSpan, 10) || 1;
@@ -3034,7 +3034,7 @@ const Ns = class Ns extends HTMLElement {
     }, "autoFit"));
     d(this, Cr, /* @__PURE__ */ h((e = !0) => {
       var n;
-      S.log("***************** autoFit", this);
+      v.log("***************** autoFit", this);
       const s = this.querySelector(".ng-sheet-body .ng-container-body");
       if (!s) return;
       const i = this.querySelector(".ng-container-body table colgroup");
@@ -3048,30 +3048,30 @@ const Ns = class Ns extends HTMLElement {
           i.querySelectorAll("col").forEach((f) => {
             const g = f.getAttribute("data-col"), b = this.querySelector(`thead th[data-col="${g}"]`);
             if ((b == null ? void 0 : b.getAttribute("collapsed")) === "true")
-              a.unshift({ globalColIndex: g, width: 16, isCollapsed: !0 }), S.log(`[AutoFit Col] Index ${g}: COLLAPSED (forced 16px)`);
+              a.unshift({ globalColIndex: g, width: 16, isCollapsed: !0 }), v.log(`[AutoFit Col] Index ${g}: COLLAPSED (forced 16px)`);
             else {
               const y = parseInt(f.getAttribute("width"), 10) || 100;
-              a.push({ globalColIndex: g, width: y, isCollapsed: !1 }), l += y, S.log(`[AutoFit Col] Index ${g}: NORMAL (original width: ${y}px)`);
+              a.push({ globalColIndex: g, width: y, isCollapsed: !1 }), l += y, v.log(`[AutoFit Col] Index ${g}: NORMAL (original width: ${y}px)`);
             }
-          }), S.log(`[AutoFit] Total Original Width of Normal Cols: ${l}px`);
+          }), v.log(`[AutoFit] Total Original Width of Normal Cols: ${l}px`);
           const c = a.filter((f) => f.isCollapsed).reduce((f, g) => f + g.width, 0), u = Math.max(0, o - c);
-          if (S.log(`[AutoFit] Collapsed Total Width: ${c}px | Available Width for Normal Cols: ${u}px`), l > 0 && a.length > 0) {
+          if (v.log(`[AutoFit] Collapsed Total Width: ${c}px | Available Width for Normal Cols: ${u}px`), l > 0 && a.length > 0) {
             let f = 0;
             const g = a.map((x) => {
               if (x.isCollapsed)
                 return { globalColIndex: x.globalColIndex, remainder: 0, width: 16 };
-              const w = x.width * u / l, v = Math.max(30, Math.floor(w));
-              return f += v, {
+              const w = x.width * u / l, S = Math.max(30, Math.floor(w));
+              return f += S, {
                 globalColIndex: x.globalColIndex,
                 remainder: w - Math.floor(w),
-                width: v
+                width: S
               };
             });
             let b = u - f;
-            S.log(`[AutoFit] Initial Allocated Total: ${f}px | Remainder Pixels to distribute: ${b}`);
+            v.log(`[AutoFit] Initial Allocated Total: ${f}px | Remainder Pixels to distribute: ${b}`);
             const m = g.filter((x) => {
               var w;
-              return !((w = a.find((v) => v.globalColIndex === x.globalColIndex)) != null && w.isCollapsed);
+              return !((w = a.find((S) => S.globalColIndex === x.globalColIndex)) != null && w.isCollapsed);
             });
             if (b > 0 && m.length > 0) {
               m.sort((x, w) => w.remainder - x.remainder);
@@ -3085,9 +3085,9 @@ const Ns = class Ns extends HTMLElement {
               }
             }
             const y = g.reduce((x, w) => x + w.width, 0);
-            S.log(`[AutoFit Verification] Target Container Width: ${o}px | Sum of All Calculated Cols: ${y}px`), o !== y ? S.log(`⚠️ [AutoFit Mismatch Warning!] 오차 발생: ${o - y}px 차이가 납니다.`) : S.log("✅ [AutoFit Success] 완벽하게 일치합니다!"), g.forEach(({ globalColIndex: x, width: w }) => {
-              var v;
-              S.log(`[AutoFit Apply] Col Index ${x} -> ${w}px`), (v = t(this, xe)) == null || v.setColumnWidth(x, w, "body");
+            v.log(`[AutoFit Verification] Target Container Width: ${o}px | Sum of All Calculated Cols: ${y}px`), o !== y ? v.log(`⚠️ [AutoFit Mismatch Warning!] 오차 발생: ${o - y}px 차이가 납니다.`) : v.log("✅ [AutoFit Success] 완벽하게 일치합니다!"), g.forEach(({ globalColIndex: x, width: w }) => {
+              var S;
+              v.log(`[AutoFit Apply] Col Index ${x} -> ${w}px`), (S = t(this, xe)) == null || S.setColumnWidth(x, w, "body");
             });
           }
         } else
@@ -3096,7 +3096,7 @@ const Ns = class Ns extends HTMLElement {
       }
     }, "#autoFit"));
     E(this, "generate", /* @__PURE__ */ h((e, s) => {
-      p(this, xi, s), to.initializeTable(t(this, ie), e), S.log("=======", e), p(this, Ct, {
+      p(this, xi, s), to.initializeTable(t(this, ie), e), v.log("=======", e), p(this, Ct, {
         table: Ee.compile(e),
         tbody: {
           tr: e.querySelectorAll("tbody tr")
@@ -3161,12 +3161,12 @@ const Ns = class Ns extends HTMLElement {
       s && (s.scrollTop = e);
     }, "scrollToY"));
     d(this, kr, /* @__PURE__ */ h(() => {
-      S.log("11111*****************"), t(this, Ir).call(this), p(this, wi, new zn(this)), p(this, vi, new Bn(this)), p(this, xe, new Pn(this)), p(this, ps, new Un(this)), p(this, Si, new Pi(this)), p(this, je, new Xi(this)), p(this, Ai, new Yn(this)), p(this, bs, new Mn(this)), t(this, Rr, jl) || p(this, Er, new Jn(this)), t(this, Ke).mainBody.addEventListener("scroll", () => {
+      v.log("11111*****************"), t(this, Ir).call(this), p(this, wi, new zn(this)), p(this, vi, new Bn(this)), p(this, xe, new Pn(this)), p(this, ps, new Un(this)), p(this, Si, new Pi(this)), p(this, je, new Xi(this)), p(this, Ai, new Yn(this)), p(this, bs, new Mn(this)), t(this, Rr, jl) || p(this, Er, new Jn(this)), t(this, Ke).mainBody.addEventListener("scroll", () => {
         this.querySelector("nine-table-hscrollbar").refresh();
       });
     }, "#init"));
     d(this, Ir, /* @__PURE__ */ h(() => {
-      S.log("11111*****************"), Ns.SCROLLBAR_SIZE, S.log("2222*****************"), this.innerHTML = `
+      v.log("11111*****************"), Ns.SCROLLBAR_SIZE, v.log("2222*****************"), this.innerHTML = `
             <div class="ng-sheet-body">
                 <div class="ng-sheet-body-content">
                     <div class="ng-container-left"></div>
@@ -3196,16 +3196,16 @@ const Ns = class Ns extends HTMLElement {
             
             <div class="ng-col-mover-grip"></div>
             <div class="ng-col-mover-indi"></div>
-        `, S.log("3333*****************"), p(this, Ke, {
+        `, v.log("3333*****************"), p(this, Ke, {
         mainBody: this.querySelector(".ng-sheet-body .ng-container-body"),
         hscrollbar: this.querySelector("nine-table-hscrollbar"),
         vscrollbar: this.querySelector("nine-table-vscrollbar"),
         content: this.querySelector(".ng-sheet-body .ng-sheet-body-content"),
         scrollHolder: this.querySelector(".ng-sheet-body .ng-virtual-height-holder")
-      }), S.log("444*****************");
+      }), v.log("444*****************");
     }, "#render"));
     d(this, qr, /* @__PURE__ */ h(() => {
-      S.log("**********************", "#syncHeaderAndFooterHeights");
+      v.log("**********************", "#syncHeaderAndFooterHeights");
       const e = this.querySelector(".ng-container-left table"), s = this.querySelector(".ng-container-body table"), i = this.querySelector(".ng-container-right table"), n = Array.from(e.querySelectorAll("thead tr:not(.col-indicator-rowgroup)")), o = Array.from(s.querySelectorAll("thead tr:not(.col-indicator-rowgroup)")), l = Array.from(i.querySelectorAll("thead tr:not(.col-indicator-rowgroup)"));
       t(this, Ri).call(this, n, o, l);
       const a = Array.from(e.querySelectorAll("tfoot tr")), c = Array.from(s.querySelectorAll("tfoot tr")), u = Array.from(i.querySelectorAll("tfoot tr"));
@@ -3244,7 +3244,7 @@ const Ns = class Ns extends HTMLElement {
         }), s = null);
       });
     }, "#initRowHoverEvent"));
-    S.log("11111"), p(this, Nt, new Wn(this)), S.log("222"), p(this, ie, this.getRootNode().host), S.log("333");
+    v.log("11111"), p(this, Nt, new Wn(this)), v.log("222"), p(this, ie, this.getRootNode().host), v.log("333");
   }
   connectedCallback() {
     t(this, kr).call(this);
@@ -3345,10 +3345,12 @@ const Qo = class Qo {
       const e = Array.from(t(this, et).children).filter((c) => c.tagName.toUpperCase() === "TABLE"), s = t(this, et).getAttribute("auto-height") === "true", i = e.length, n = e.map((c, u) => {
         const f = u === 0 ? "active" : "", g = c.id || `sheet${u + 1}`, b = `<nine-table-sheet class="${f}" data-index="${u}" data-sheet-id="${g}" id="${g}"></nine-table-sheet>`, m = u < i - 1 ? `<nine-splitter class="h" data-split-index="${u}"></nine-splitter>` : "";
         return b + m;
-      }).join(""), o = [
+      }).join("");
+      v.log("Welcome nine-table", "0.1.47");
+      const o = [
         "_nine-table"
       ], l = [
-        '@import "https://cdn.jsdelivr.net/npm/@ninebone/table@0.1.46/dist/css/nine-table.css";'
+        '@import "https://cdn.jsdelivr.net/npm/@ninebone/table@0.1.47/dist/css/nine-table.css";'
       ], a = [];
       nine.cssPath && o.forEach((c) => {
         a.push(`@import "${nine.cssPath}/${c}.css";`);
@@ -3480,7 +3482,7 @@ const el = class el extends HTMLElement {
     });
   }
   disconnectedCallback() {
-    S.log("NineTable disconnected.");
+    v.log("NineTable disconnected.");
   }
   // 🎯 공통 데이터 & API 접근자
   get shadow() {
@@ -3576,9 +3578,9 @@ const sl = class sl extends io {
     d(this, q);
     d(this, Ze);
     E(this, "getDisplayText", /* @__PURE__ */ h((e = "") => {
-      if (S.log("================================="), !t(this, q) || !t(this, q).closest("tbody")) return e;
+      if (v.log("================================="), !t(this, q) || !t(this, q).closest("tbody")) return e;
       const s = t(this, ct).data;
-      if (S.log("==============================", s), !s) return e;
+      if (v.log("==============================", s), !s) return e;
       const i = t(this, q).dataset.expr, n = t(this, q).dataset.bind, o = parseInt(t(this, q).dataset.row, 10);
       if (i)
         try {
@@ -3586,7 +3588,7 @@ const sl = class sl extends io {
         } catch (l) {
           return console.trace(l), e;
         }
-      if (S.log("==============================", n, this.value), n) {
+      if (v.log("==============================", n, this.value), n) {
         const l = this.value;
         return l ?? e;
       }
@@ -3605,24 +3607,24 @@ const sl = class sl extends io {
           return t(this, I)[g].call(this, s, i, n);
         const b = g.match(/^(\w+)\s*\(\s*([\w\-]*)\s*\)/);
         if (b) {
-          const m = s[GROUP_IDX.CHILDREN], y = (l = (o = t(this, I)) == null ? void 0 : o.data) != null && l.getArray ? t(this, I).data.getArray() : [], x = m ? m.map((C) => y[C]).filter(Boolean) : [], [, w, v] = b, L = t(this, I);
+          const m = s[GROUP_IDX.CHILDREN], y = (l = (o = t(this, I)) == null ? void 0 : o.data) != null && l.getArray ? t(this, I).data.getArray() : [], x = m ? m.map((C) => y[C]).filter(Boolean) : [], [, w, S] = b, L = t(this, I);
           switch (w.toLowerCase()) {
             case "count":
               return x.length;
             case "sum": {
-              const C = ((c = (a = L == null ? void 0 : L.fields) == null ? void 0 : a.indexOf) == null ? void 0 : c.call(a, v)) ?? -1;
+              const C = ((c = (a = L == null ? void 0 : L.fields) == null ? void 0 : a.indexOf) == null ? void 0 : c.call(a, S)) ?? -1;
               return x.reduce(($, T) => {
                 var V;
-                const H = C >= 0 ? (V = T.v) == null ? void 0 : V[C] : T[v];
+                const H = C >= 0 ? (V = T.v) == null ? void 0 : V[C] : T[S];
                 return $ + (Number(H) || 0);
               }, 0);
             }
             case "avg": {
               if (x.length === 0) return 0;
-              const C = ((f = (u = L == null ? void 0 : L.fields) == null ? void 0 : u.indexOf) == null ? void 0 : f.call(u, v)) ?? -1;
+              const C = ((f = (u = L == null ? void 0 : L.fields) == null ? void 0 : u.indexOf) == null ? void 0 : f.call(u, S)) ?? -1;
               return x.reduce((T, H) => {
                 var Q;
-                const V = C >= 0 ? (Q = H.v) == null ? void 0 : Q[C] : H[v];
+                const V = C >= 0 ? (Q = H.v) == null ? void 0 : Q[C] : H[S];
                 return T + (Number(V) || 0);
               }, 0) / x.length;
             }
@@ -4481,8 +4483,8 @@ const cl = class cl extends le {
       var s;
       if (!super.sheet || !super.cell) return;
       const e = (s = super.cell) == null ? void 0 : s.getAttribute("data-source");
-      if (e && (p(this, Dt, super.getExprValue(e, super.tr.data, super.tr.dataset.row)), S.log("=============================================="), S.log(this.sheet, t(this, Dt)), setTimeout(() => {
-        S.log("1111");
+      if (e && (p(this, Dt, super.getExprValue(e, super.tr.data, super.tr.dataset.row)), v.log("=============================================="), v.log(this.sheet, t(this, Dt)), setTimeout(() => {
+        v.log("1111");
       }, 300), t(this, ts).replaceChildren(), t(this, Dt) && Array.isArray(t(this, Dt)))) {
         const i = document.createDocumentFragment();
         t(this, Dt).forEach((n) => {
@@ -4658,7 +4660,7 @@ const hl = class hl extends HTMLElement {
       a ? c = a.split(",").map((g) => g.trim()) : c = [i].filter(Boolean);
       const u = c.length;
       l.shadowRoot.querySelector(".ng-container-left").style.display = n ? "" : "none", l.shadowRoot.querySelectorAll("table colgroup col, tbody td").forEach((g, b) => {
-        S.log(g);
+        v.log(g);
         const m = parseInt(g.dataset.col, 10);
         m >= 2 && (g.style.display = m - 2 >= u ? "none" : "");
       });
@@ -4679,7 +4681,7 @@ const hl = class hl extends HTMLElement {
       }
     }, "#initData"));
     E(this, "open", /* @__PURE__ */ h((e, s, i, n, o, l) => {
-      p(this, nt, e), p(this, Jr, i), p(this, Qr, n), p(this, Ls, !0), S.log(/* @__PURE__ */ new Date()), this.classList.add("active");
+      p(this, nt, e), p(this, Jr, i), p(this, Qr, n), p(this, Ls, !0), v.log(/* @__PURE__ */ new Date()), this.classList.add("active");
       const a = this.querySelector("nine-table-simple");
       if (!a || !s) return;
       this.querySelector(".search-input").value = "", this.querySelector("#chkAll").checked = !0, s.length > 10 ? this.classList.add("expand") : this.classList.remove("expand"), o ? this.classList.add("multi") : this.classList.remove("multi");
@@ -4692,12 +4694,12 @@ const hl = class hl extends HTMLElement {
         const w = f.top - g.top - x - 2;
         w >= 0 ? m = w : m = Math.max(0, g.height - x - 5);
       }
-      this.style.left = `${b}px`, this.style.top = `${m}px`, S.log(/* @__PURE__ */ new Date()), setTimeout(() => {
-        S.log(/* @__PURE__ */ new Date()), t(this, tn).call(this, s, i, n, o, l), S.log(/* @__PURE__ */ new Date());
+      this.style.left = `${b}px`, this.style.top = `${m}px`, v.log(/* @__PURE__ */ new Date()), setTimeout(() => {
+        v.log(/* @__PURE__ */ new Date()), t(this, tn).call(this, s, i, n, o, l), v.log(/* @__PURE__ */ new Date());
         const w = a.shadowRoot.querySelector(".ng-container-body table tbody.body");
-        w.__hasClickEvent || (w.addEventListener("mousedown", (v) => {
-          S.log("==========================================", v.target), v.target.closest("tr") && (S.log("==========================================", o), o || t(this, en).call(this, v));
-        }), w.__hasClickEvent = !0), S.log(/* @__PURE__ */ new Date());
+        w.__hasClickEvent || (w.addEventListener("mousedown", (S) => {
+          v.log("==========================================", S.target), S.target.closest("tr") && (v.log("==========================================", o), o || t(this, en).call(this, S));
+        }), w.__hasClickEvent = !0), v.log(/* @__PURE__ */ new Date());
       }, 100);
     }, "open"));
     E(this, "close", /* @__PURE__ */ h(() => {
@@ -4871,7 +4873,7 @@ const dl = class dl extends le {
     d(this, Se);
     d(this, kt);
     E(this, "rerenderer", /* @__PURE__ */ h(() => {
-      S.log("rerenderer"), t(this, Hi).call(this), this.refresh();
+      v.log("rerenderer"), t(this, Hi).call(this), this.refresh();
     }, "rerenderer"));
     d(this, Hi, /* @__PURE__ */ h(() => {
       var s;
@@ -4889,7 +4891,7 @@ const dl = class dl extends le {
       });
     }, "#initEvent"));
     d(this, Ni, /* @__PURE__ */ h(() => {
-      S.log(/* @__PURE__ */ new Date()), t(this, kt) || (p(this, kt, super.sheet.querySelector("cell-combo-panel")), t(this, kt) || (p(this, kt, document.createElement("cell-combo-panel")), super.sheet.appendChild(t(this, kt)))), S.log(/* @__PURE__ */ new Date()), t(this, kt).isOpen && t(this, kt).targetCell === this ? t(this, kt).close() : t(this, kt).open(this, t(this, $t), t(this, ve), t(this, ss), t(this, is), t(this, Se)), S.log(/* @__PURE__ */ new Date());
+      v.log(/* @__PURE__ */ new Date()), t(this, kt) || (p(this, kt, super.sheet.querySelector("cell-combo-panel")), t(this, kt) || (p(this, kt, document.createElement("cell-combo-panel")), super.sheet.appendChild(t(this, kt)))), v.log(/* @__PURE__ */ new Date()), t(this, kt).isOpen && t(this, kt).targetCell === this ? t(this, kt).close() : t(this, kt).open(this, t(this, $t), t(this, ve), t(this, ss), t(this, is), t(this, Se)), v.log(/* @__PURE__ */ new Date());
     }, "#togglePanel"));
     d(this, cn, /* @__PURE__ */ h(() => {
       this.innerHTML = `