@ninebone/table 0.0.753 → 0.0.755

package/dist/nine-table.js

@@ -1,17 +1,17 @@
 var fs = Object.defineProperty;
-var us = (q) => {
-  throw TypeError(q);
+var us = (T) => {
+  throw TypeError(T);
 };
-var ys = (q, s, e) => s in q ? fs(q, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : q[s] = e;
-var h = (q, s) => fs(q, "name", { value: s, configurable: !0 });
-var E = (q, s, e) => ys(q, typeof s != "symbol" ? s + "" : s, e), ve = (q, s, e) => s.has(q) || us("Cannot " + e);
-var t = (q, s, e) => (ve(q, s, "read from private field"), e ? e.call(q) : s.get(q)), d = (q, s, e) => s.has(q) ? us("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(q) : s.set(q, e), p = (q, s, e, n) => (ve(q, s, "write to private field"), n ? n.call(q, e) : s.set(q, e), e), Q = (q, s, e) => (ve(q, s, "access private method"), e);
-var gs = (q, s, e, n) => ({
+var ys = (T, s, e) => s in T ? fs(T, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : T[s] = e;
+var h = (T, s) => fs(T, "name", { value: s, configurable: !0 });
+var q = (T, s, e) => ys(T, typeof s != "symbol" ? s + "" : s, e), we = (T, s, e) => s.has(T) || us("Cannot " + e);
+var t = (T, s, e) => (we(T, s, "read from private field"), e ? e.call(T) : s.get(T)), d = (T, s, e) => s.has(T) ? us("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(T) : s.set(T, e), p = (T, s, e, n) => (we(T, s, "write to private field"), n ? n.call(T, e) : s.set(T, e), e), Q = (T, s, e) => (we(T, s, "access private method"), e);
+var gs = (T, s, e, n) => ({
   set _(r) {
-    p(q, s, r, e);
+    p(T, s, r, e);
   },
   get _() {
-    return t(q, s, n);
+    return t(T, s, n);
   }
 });
 import { trace as ms } from "@ninebone/util";
@@ -21,15 +21,15 @@ const Xe = class Xe extends ms.constructor {
   }
 };
 h(Xe, "Trace");
-let we = Xe;
-const S = new we();
-var B, X, A, tt, et, st, Vt, nt, Ut;
+let ve = Xe;
+const S = new ve();
+var B, K, E, tt, et, st, Vt, nt, Ut;
 const Ke = class Ke extends HTMLElement {
   constructor() {
     super();
     d(this, B);
-    d(this, X, !1);
-    d(this, A);
+    d(this, K, !1);
+    d(this, E);
     d(this, tt);
     d(this, et);
     d(this, st);
@@ -40,11 +40,11 @@ const Ke = class Ke extends HTMLElement {
         this.refresh();
       })), t(this, st).observe(e));
     }, "#observeResize"));
-    E(this, "refresh", /* @__PURE__ */ h(() => {
-      if (!t(this, B) || !t(this, A) || t(this, X)) return;
-      const e = t(this, A).container, n = e.querySelector("table");
+    q(this, "refresh", /* @__PURE__ */ h(() => {
+      if (!t(this, B) || !t(this, E) || t(this, K)) return;
+      const e = t(this, E).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;
+      const r = t(this, E).track, o = t(this, E).thumb, i = t(this, B).querySelector(".ng-container-bottom"), a = e.clientWidth, c = n.scrollWidth;
       if (a !== 0 && c > a)
         i && (i.style.display = "flex");
       else {
@@ -59,27 +59,27 @@ const Ke = class Ke extends HTMLElement {
       let g = 0;
       b > 0 && (g = parseInt(u / b * (l - f), 10)), g < 0 && (g = 0);
       const y = l - f;
-      g > y && (g = y), o.style.left = `${g}px`, t(this, A).left.disabled = g === 0, t(this, A).right.disabled = g >= y - 1;
+      g > y && (g = y), o.style.left = `${g}px`, t(this, E).left.disabled = g === 0, t(this, E).right.disabled = g >= y - 1;
     }, "refresh"));
     d(this, nt, /* @__PURE__ */ h((e) => {
-      if (!t(this, A)) return !1;
-      const n = t(this, A).container, r = n.querySelector("table");
+      if (!t(this, E)) return !1;
+      const n = t(this, E).container, r = n.querySelector("table");
       if (!r) return !1;
-      const o = t(this, A).track.getBoundingClientRect(), i = t(this, A).thumb.clientWidth;
+      const o = t(this, E).track.getBoundingClientRect(), i = t(this, E).thumb.clientWidth;
       let a = e;
       a < 0 && (a = 0);
       const c = o.width - i;
-      a > c && (a = c), a = parseInt(a, 10), t(this, A).thumb.style.left = `${a}px`, t(this, A).left.disabled = a === 0, t(this, A).right.disabled = a >= c - 1;
+      a > c && (a = c), a = parseInt(a, 10), t(this, E).thumb.style.left = `${a}px`, t(this, E).left.disabled = a === 0, t(this, E).right.disabled = a >= c - 1;
       const l = n.clientWidth, u = r.scrollWidth - l;
       return c > 0 && u > 0 && (n.scrollLeft = a / c * u), a > 0 && a < c - 1;
     }, "#thumbMoveTo"));
     d(this, Ut, /* @__PURE__ */ h(() => {
       const e = /* @__PURE__ */ h((r) => {
         clearInterval(t(this, tt)), clearInterval(t(this, et));
-        const o = parseInt(t(this, A).thumb.style.left || 0, 10);
+        const o = parseInt(t(this, E).thumb.style.left || 0, 10);
         t(this, nt).call(this, o + r), p(this, tt, setInterval(() => {
           clearInterval(t(this, tt)), p(this, et, setInterval(() => {
-            const i = parseInt(t(this, A).thumb.style.left || 0, 10);
+            const i = parseInt(t(this, E).thumb.style.left || 0, 10);
             t(this, nt).call(this, i + r) || clearInterval(t(this, et));
           }, 50));
         }, 500));
@@ -87,25 +87,25 @@ const Ke = class Ke extends HTMLElement {
         clearInterval(t(this, tt)), clearInterval(t(this, et));
       }, "clearTimer");
       ["mouseup", "mouseleave", "touchend"].forEach((r) => {
-        t(this, A).left.addEventListener(r, n), t(this, A).right.addEventListener(r, n), t(this, A).track.addEventListener(r, n);
-      }), t(this, A).left.addEventListener("mousedown", (r) => {
+        t(this, E).left.addEventListener(r, n), t(this, E).right.addEventListener(r, n), t(this, E).track.addEventListener(r, n);
+      }), t(this, E).left.addEventListener("mousedown", (r) => {
         r.button === 0 && e(-20);
-      }), t(this, A).right.addEventListener("mousedown", (r) => {
+      }), t(this, E).right.addEventListener("mousedown", (r) => {
         r.button === 0 && e(20);
-      }), t(this, A).left.addEventListener("touchstart", () => e(-20)), t(this, A).right.addEventListener("touchstart", () => e(20)), t(this, A).track.addEventListener("mousedown", (r) => {
+      }), t(this, E).left.addEventListener("touchstart", () => e(-20)), t(this, E).right.addEventListener("touchstart", () => e(20)), t(this, E).track.addEventListener("mousedown", (r) => {
         if (r.button !== 0) return;
         r.preventDefault();
-        const o = t(this, A).track.getBoundingClientRect(), i = t(this, A).thumb.clientWidth;
+        const o = t(this, E).track.getBoundingClientRect(), i = t(this, E).thumb.clientWidth;
         t(this, nt).call(this, r.clientX - o.left - i / 2);
-      }), t(this, A).thumb.addEventListener("mousedown", (r) => {
+      }), t(this, E).thumb.addEventListener("mousedown", (r) => {
         if (r.button !== 0) return;
-        r.stopPropagation(), r.preventDefault(), p(this, X, !0), this.shiftX = r.clientX - t(this, A).thumb.getBoundingClientRect().left;
+        r.stopPropagation(), r.preventDefault(), p(this, K, !0), this.shiftX = r.clientX - t(this, E).thumb.getBoundingClientRect().left;
         const o = /* @__PURE__ */ h((a) => {
-          if (!t(this, X)) return;
-          const c = t(this, A).track.getBoundingClientRect();
+          if (!t(this, K)) return;
+          const c = t(this, E).track.getBoundingClientRect();
           t(this, nt).call(this, a.clientX - c.left - this.shiftX);
         }, "onMouseMove"), i = /* @__PURE__ */ h(() => {
-          p(this, X, !1), n(), document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", i), this.refresh();
+          p(this, K, !1), n(), document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", i), this.refresh();
         }, "onMouseUp");
         document.addEventListener("mousemove", o), document.addEventListener("mouseup", i);
       });
@@ -182,14 +182,14 @@ const Ke = class Ke extends HTMLElement {
         setTimeout(e, 10);
         return;
       }
-      p(this, A, {
+      p(this, E, {
         container: n,
         track: this.querySelector(".ng-scroll-track"),
         thumb: this.querySelector(".ng-scroll-thumb"),
         left: this.querySelector(".ng-scroll-left"),
         right: this.querySelector(".ng-scroll-right")
       }), n.addEventListener("scroll", () => {
-        t(this, X) || this.refresh();
+        t(this, K) || this.refresh();
       }), t(this, Ut).call(this), t(this, Vt).call(this), this.refresh();
     }, "initWhenReady");
     e();
@@ -198,22 +198,22 @@ const Ke = class Ke extends HTMLElement {
     t(this, st) && t(this, st).disconnect();
   }
 };
-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");
+B = new WeakMap(), K = new WeakMap(), E = 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;
+var rt, ot, bt, k, Tt, Ct, Xt;
 const Ge = class Ge extends HTMLElement {
   constructor() {
     super();
     d(this, rt);
     d(this, ot);
     d(this, bt, !1);
-    d(this, C);
+    d(this, k);
     d(this, Tt, 0);
     d(this, Ct, 0);
-    E(this, "refresh", /* @__PURE__ */ h(() => {
-      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;
+    q(this, "refresh", /* @__PURE__ */ h(() => {
+      if (S.log("vscrollbar.refresh"), !t(this, rt) || !t(this, k)) return;
+      const e = t(this, k).container, n = t(this, k).track, r = t(this, k).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";
         return;
@@ -228,42 +228,42 @@ const Ge = class Ge extends HTMLElement {
       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;
+      g < 0 && (g = 0), g > y && (g = y), r.style.top = `${g}px`, t(this, k).top.disabled = u <= 0, t(this, k).bottom.disabled = u >= b - 1;
     }, "refresh"));
     d(this, Xt, /* @__PURE__ */ h(() => {
       S.log("nine-table-vscrollbar.#init");
-      const e = t(this, C).container, n = /* @__PURE__ */ h(() => {
+      const e = t(this, k).container, n = /* @__PURE__ */ h(() => {
         const o = (t(this, rt).data.get() || []).length, i = t(this, ot).getRowHeight();
         return o * i;
       }, "getContentHeight");
-      t(this, C).thumb.addEventListener("mousedown", (r) => {
+      t(this, k).thumb.addEventListener("mousedown", (r) => {
         if (r.button !== 0) return;
         r.stopPropagation(), r.preventDefault(), p(this, bt, !0), p(this, Tt, r.clientY), p(this, Ct, e.scrollTop);
         const o = /* @__PURE__ */ h((a) => {
           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 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;
+          const c = t(this, k).track.getBoundingClientRect(), l = t(this, k).thumb.clientHeight, u = c.height - l, b = a.clientY - t(this, Tt), g = e.clientHeight, y = n(), w = Math.max(y - g, 1);
+          if (u > 0 && w > 0) {
+            const v = b / u * w;
+            let m = t(this, Ct) + v;
+            const C = Math.max(0, y - g);
+            m < 0 && (m = 0), m > C && (m = C), e.scrollTop = m;
           }
           this.refresh();
         }, "onMouseMove"), i = /* @__PURE__ */ h(() => {
           p(this, bt, !1), document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", i), this.refresh();
         }, "onMouseUp");
         document.addEventListener("mousemove", o), document.addEventListener("mouseup", i);
-      }), t(this, C).track.addEventListener("mousedown", (r) => {
-        if (r.button !== 0 || r.target === t(this, C).thumb) return;
-        const o = t(this, C).track.getBoundingClientRect(), i = t(this, C).thumb.clientHeight, a = r.clientY - o.top - i / 2, l = o.height - i, f = e.clientHeight, u = n(), b = Math.max(u - f, 1);
+      }), t(this, k).track.addEventListener("mousedown", (r) => {
+        if (r.button !== 0 || r.target === t(this, k).thumb) return;
+        const o = t(this, k).track.getBoundingClientRect(), i = t(this, k).thumb.clientHeight, a = r.clientY - o.top - i / 2, l = o.height - i, f = e.clientHeight, u = n(), b = Math.max(u - f, 1);
         if (l > 0 && b > 0) {
           const g = Math.max(0, Math.min(1, a / l));
           e.scrollTop = g * b;
         }
         this.refresh();
-      }), t(this, C).top.addEventListener("click", () => {
+      }), t(this, k).top.addEventListener("click", () => {
         e.scrollTop -= 40;
-      }), t(this, C).bottom.addEventListener("click", () => {
+      }), t(this, k).bottom.addEventListener("click", () => {
         e.scrollTop += 40;
       });
     }, "#init"));
@@ -339,7 +339,7 @@ const Ge = class Ge extends HTMLElement {
         setTimeout(e, 10);
         return;
       }
-      p(this, C, {
+      p(this, k, {
         container: n,
         track: this.querySelector(".ng-scroll-track"),
         thumb: this.querySelector(".ng-scroll-thumb"),
@@ -350,10 +350,10 @@ const Ge = class Ge extends HTMLElement {
     e();
   }
 };
-rt = new WeakMap(), ot = new WeakMap(), bt = new WeakMap(), C = new WeakMap(), Tt = new WeakMap(), Ct = new WeakMap(), Xt = new WeakMap(), h(Ge, "NineTableVScrollBar");
+rt = new WeakMap(), ot = new WeakMap(), bt = new WeakMap(), k = 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, K, at, kt, ze, We, Kt, Gt, Lt, It, Ht, Zt, Jt, Mt, Be, pt, $t, Qt;
+var j, R, it, P, D, G, 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,20 +361,20 @@ const Ze = class Ze {
     d(this, it);
     d(this, P, /* @__PURE__ */ new Map());
     d(this, D, null);
-    d(this, K, null);
+    d(this, G, null);
     d(this, at, 0);
     d(this, kt, 40);
     d(this, ze, !1);
     d(this, We, !1);
     //#ticking = false; // 🎯 고속 스크롤 스로틀링용 플래그
     d(this, Kt, 3);
-    E(this, "refresh", /* @__PURE__ */ h(() => {
+    q(this, "refresh", /* @__PURE__ */ h(() => {
       var e;
       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(() => {
+    q(this, "initialize", /* @__PURE__ */ h(() => {
       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)")
@@ -467,31 +467,31 @@ 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")) : [], w = Math.max(g.length, y.length, v.length);
-        for (let m = 0; m < w; m++) {
-          const I = [
+        const g = s ? Array.from(s.querySelectorAll("tbody tr")) : [], y = Array.from(e.querySelectorAll("tbody tr")), w = n ? Array.from(n.querySelectorAll("tbody tr")) : [], v = Math.max(g.length, y.length, w.length);
+        for (let m = 0; m < v; m++) {
+          const C = [
             ((a = g[m]) == null ? void 0 : a.getBoundingClientRect().height) || 0,
             ((c = y[m]) == null ? void 0 : c.getBoundingClientRect().height) || 0,
-            ((l = v[m]) == null ? void 0 : l.getBoundingClientRect().height) || 0
-          ], T = Math.max(...I);
-          T > 0 && (g[m] && (g[m].style.height = `${T}px`), y[m] && (y[m].style.height = `${T}px`), v[m] && (v[m].style.height = `${T}px`));
+            ((l = w[m]) == null ? void 0 : l.getBoundingClientRect().height) || 0
+          ], A = Math.max(...C);
+          A > 0 && (g[m] && (g[m].style.height = `${A}px`), y[m] && (y[m].style.height = `${A}px`), w[m] && (w[m].style.height = `${A}px`));
         }
       }
       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")) : [], w = Math.max(g.length, y.length, v.length);
-        for (let m = 0; m < w; m++) {
-          const I = [
+        const g = r ? Array.from(r.querySelectorAll("tfoot tr")) : [], y = Array.from(o.querySelectorAll("tfoot tr")), w = i ? Array.from(i.querySelectorAll("tfoot tr")) : [], v = Math.max(g.length, y.length, w.length);
+        for (let m = 0; m < v; m++) {
+          const C = [
             ((f = g[m]) == null ? void 0 : f.getBoundingClientRect().height) || 0,
             ((u = y[m]) == null ? void 0 : u.getBoundingClientRect().height) || 0,
-            ((b = v[m]) == null ? void 0 : b.getBoundingClientRect().height) || 0
-          ], T = Math.max(...I);
-          T > 0 && (g[m] && (g[m].style.height = `${T}px`), y[m] && (y[m].style.height = `${T}px`), v[m] && (v[m].style.height = `${T}px`));
+            ((b = w[m]) == null ? void 0 : b.getBoundingClientRect().height) || 0
+          ], A = Math.max(...C);
+          A > 0 && (g[m] && (g[m].style.height = `${A}px`), y[m] && (y[m].style.height = `${A}px`), w[m] && (w[m].style.height = `${A}px`));
         }
       }
     }, "#syncRowHeights"));
     d(this, Jt, /* @__PURE__ */ h(() => {
-      !t(this, R) || !(t(this, R) instanceof HTMLElement) || (p(this, K, new ResizeObserver((s) => {
+      !t(this, R) || !(t(this, R) instanceof HTMLElement) || (p(this, G, new ResizeObserver((s) => {
         for (const e of s) {
           const n = e.target;
           if (!n.classList.contains("active")) continue;
@@ -504,7 +504,7 @@ 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, K).observe(t(this, R)));
+      })), t(this, G).observe(t(this, R)));
     }, "#initResizeObserver"));
     d(this, Mt, /* @__PURE__ */ h(() => {
       S.log("rowManager.#renderAllContainers"), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((s) => {
@@ -548,16 +548,16 @@ const Ze = class Ze {
       }), 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");
-        if (!v) return;
-        Array.from(v.querySelectorAll("tr:not(.nodata)")).forEach((m, I) => {
-          const T = a + Math.floor(I / r);
-          if (T >= n) {
+        const w = y.querySelector(".ng-part-body tbody.bindable-tbody");
+        if (!w) return;
+        Array.from(w.querySelectorAll("tr:not(.nodata)")).forEach((m, C) => {
+          const A = a + Math.floor(C / r);
+          if (A >= n) {
             m.style.display = "none";
             return;
           }
-          const H = t(this, j).data.get(T);
-          m.style.display = "", t(this, $t).call(this, m, H, T);
+          const H = t(this, j).data.get(A);
+          m.style.display = "", t(this, $t).call(this, m, H, A);
         });
       }));
     }, "#handleScroll"));
@@ -597,8 +597,8 @@ const Ze = class Ze {
         g > 0 && (r[u] && (r[u].style.height = `${g}px`), o[u] && (o[u].style.height = `${g}px`), i[u] && (i[u].style.height = `${g}px`));
       }
     }, "#syncHeaderHeights"));
-    E(this, "destroy", /* @__PURE__ */ h(() => {
-      t(this, K) && (t(this, K).disconnect(), p(this, K, null));
+    q(this, "destroy", /* @__PURE__ */ h(() => {
+      t(this, G) && (t(this, G).disconnect(), p(this, G, 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(), 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");
+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");
 let Ae = Ze;
 const te = class te {
   /**
@@ -629,9 +629,9 @@ const te = class te {
         const f = l.getAttribute("cell-type") || "renderer";
         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 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}>`;
+        const b = l.getAttribute("data-bind"), g = l.getAttribute("data-expr"), y = l.getAttribute("maxbyte"), w = l.getAttribute("type");
+        let v = [];
+        b && v.push(`data-bind="${b}"`), g && v.push(`data-expr="${g}"`), y && v.push(`maxbyte="${y}"`), w && v.push(`type="${w}"`), l.innerHTML = `<${u} ${v.join(" ")}></${u}>`;
       }), a.querySelectorAll("tbody td, tfoot td").forEach((l) => {
         l.setAttribute("tabindex", "0");
       });
@@ -658,25 +658,25 @@ const te = class te {
       });
       const g = Array.from(Array(u), () => Array(b).fill(null));
       l.forEach((y) => {
-        const v = y.sectionRowIndex;
-        let w = 0;
+        const w = y.sectionRowIndex;
+        let v = 0;
         Array.from(y.querySelectorAll("th,td")).forEach((m) => {
-          for (let H = 0; H < g[v].length; H++)
-            if (g[v][H] === null) {
-              w = H;
+          for (let H = 0; H < g[w].length; H++)
+            if (g[w][H] === null) {
+              v = 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 && w + F < b && (g[v + H][w + F] = H === 0 && F === 0 ? "1" : "0");
+          const C = m.rowSpan || 1, A = m.colSpan || 1;
+          for (let H = 0; H < C; H++)
+            for (let F = 0; F < A; F++)
+              w + H < u && v + F < b && (g[w + H][v + F] = H === 0 && F === 0 ? "1" : "0");
         });
       }), l.forEach((y) => {
-        const v = y.sectionRowIndex;
-        Array.from(y.querySelectorAll("th,td")).forEach((w) => {
-          for (let m = 0; m < g[v].length; m++)
-            if (g[v][m] === "1") {
-              w.dataset.col = m, g[v][m] = "0";
+        const w = y.sectionRowIndex;
+        Array.from(y.querySelectorAll("th,td")).forEach((v) => {
+          for (let m = 0; m < g[w].length; m++)
+            if (g[w][m] === "1") {
+              v.dataset.col = m, g[w][m] = "0";
               break;
             }
         });
@@ -693,13 +693,13 @@ const te = class te {
 };
 h(te, "TableCompiler");
 let Ee = te;
-var _, Y, V, At, bs;
+var _, Y, U, At, bs;
 const Je = class Je {
   constructor(s) {
-    d(this, V);
+    d(this, U);
     d(this, _);
     d(this, Y, { startRow: -1, startCol: -1, endRow: -1, endCol: -1 });
-    E(this, "render", /* @__PURE__ */ h(() => {
+    q(this, "render", /* @__PURE__ */ h(() => {
       const { startRow: s, startCol: e, endRow: n, endCol: r } = t(this, Y);
       S.log("🎨 [CellSelection.render] Rendering range ->", t(this, Y));
       const o = t(this, _).querySelectorAll(
@@ -716,17 +716,17 @@ const Je = class Je {
       let i = 0;
       o.forEach((a) => {
         a.querySelectorAll("tbody tr").forEach((c) => {
-          const { matrixRow: l } = Q(this, V, At).call(this, c);
+          const { matrixRow: l } = Q(this, U, 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;
-            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"));
+            const b = parseInt(f.rowSpan || 1, 10), g = parseInt(f.colSpan || 1, 10), y = l + b - 1, w = u + g - 1;
+            y >= s && l <= n && w >= 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"), w >= r && f.classList.add("selected-right"));
           });
         });
       }), S.log(`✨ [CellSelection.render] Total rendered cells marked: ${i}`);
     }, "render"));
-    p(this, _, s), Q(this, V, bs).call(this), t(this, _).querySelectorAll(
+    p(this, _, s), Q(this, U, 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", () => {
@@ -745,14 +745,14 @@ 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, V, At).call(this, g);
-          y < 0 || g.querySelectorAll("td, th").forEach((v) => {
-            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);
+          const { matrixRow: y } = Q(this, U, At).call(this, g);
+          y < 0 || g.querySelectorAll("td, th").forEach((w) => {
+            const v = parseInt(w.dataset.col, 10);
+            if (isNaN(v)) return;
+            const m = parseInt(w.rowSpan || 1, 10), C = parseInt(w.colSpan || 1, 10), A = y + m - 1, H = v + C - 1;
+            if (A >= o && y <= i && H >= a && v <= c) {
+              const X = Math.min(o, y), cs = Math.max(i, A), hs = Math.min(a, v), ds = Math.max(c, H);
+              (X !== o || cs !== i || hs !== a || ds !== c) && (o = X, i = cs, a = hs, c = ds, f = !0);
             }
           });
         });
@@ -760,7 +760,7 @@ const Je = class Je {
     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(), V = new WeakSet(), At = /* @__PURE__ */ h(function(s) {
+_ = new WeakMap(), Y = new WeakMap(), U = 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 };
@@ -777,46 +777,47 @@ _ = new WeakMap(), Y = new WeakMap(), V = 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, V, At).call(this, r), i = parseInt(n.dataset.col, 10);
+    const r = n.closest("tr"), { matrixRow: o } = Q(this, U, At).call(this, r), i = parseInt(n.dataset.col, 10);
     if (o < 0) {
       t(this, _).style.userSelect = "", t(this, _).style.webkitUserSelect = "";
       return;
     }
     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 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 = w;
+    let a = o, c = i;
+    const l = /* @__PURE__ */ h((u) => {
+      const b = document.elementFromPoint(u.clientX, u.clientY);
+      let g = b == null ? void 0 : b.closest("td, th");
+      if (!g || !t(this, _).contains(g)) {
+        const m = t(this, _).querySelectorAll(".ng-part-body tbody tr:not(.nodata) td, .ng-part-body tbody tr:not(.nodata) th");
+        for (const C of m) {
+          const A = C.getBoundingClientRect();
+          if (u.clientX >= A.left && u.clientX <= A.right && u.clientY >= A.top && u.clientY <= A.bottom) {
+            g = C;
             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, V, At).call(this, b), y = parseInt(u.dataset.col, 10);
-      g < 0 || this.setRange(o, i, g, y);
-    }, "onMouseMove"), c = /* @__PURE__ */ h(() => {
-      S.log("🖱️ [MouseUp] Drag ended."), t(this, _).style.userSelect = "", t(this, _).style.webkitUserSelect = "", document.removeEventListener("mousemove", a), document.removeEventListener("mouseup", c);
+      if (!g || g.dataset.row === void 0 || g.dataset.col === void 0 || g.closest("tr").classList.contains("nodata")) return;
+      const y = g.closest("tr"), { matrixRow: w } = Q(this, U, At).call(this, y), v = parseInt(g.dataset.col, 10);
+      w < 0 || a === w && c === v || (a = w, c = v, this.setRange(o, i, w, v));
+    }, "onMouseMove"), f = /* @__PURE__ */ h(() => {
+      S.log("🖱️ [MouseUp] Drag ended."), t(this, _).style.userSelect = "", t(this, _).style.webkitUserSelect = "", document.removeEventListener("mousemove", l), document.removeEventListener("mouseup", f);
     }, "onMouseUp");
-    document.addEventListener("mousemove", a), document.addEventListener("mouseup", c);
+    document.addEventListener("mousemove", l), document.addEventListener("mouseup", f);
   });
 }, "#initEvents"), h(Je, "CellSelection");
 let qe = Je;
-var G, lt, ee, se, _t, ne, ps;
+var V, lt, ee, se, _t, ne, ps;
 const Qe = class Qe {
   // 🎯 키보드 네비게이션 중 스크롤 튐 방지 플래그
   constructor(s) {
     d(this, ne);
-    d(this, G);
+    d(this, V);
     d(this, lt, null);
     d(this, ee, -1);
     d(this, se, -1);
     d(this, _t, !1);
-    p(this, G, s), Q(this, ne, ps).call(this), S.log("🎯 [CellNavigation] Initialized");
+    p(this, V, s), Q(this, ne, ps).call(this), S.log("🎯 [CellNavigation] Initialized");
   }
   get currentCell() {
     return t(this, lt);
@@ -830,16 +831,16 @@ 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, G).selection.setRange(f, n, f, n), setTimeout(() => {
+        p(this, _t, !0), S.log("====================", f, n, f, n), t(this, V).selection.setRange(f, n, f, n), setTimeout(() => {
           p(this, _t, !1);
         }, 0);
       }
     }
   }
   moveCell(s) {
-    var I, T, H, F;
+    var C, A, 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((U) => parseInt(U.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((X) => parseInt(X.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":
@@ -859,18 +860,21 @@ const Qe = class Qe {
         break;
     }
     let y = null;
-    const m = Array.from(i.querySelectorAll("tr:not(.nodata)")).filter((U) => parseInt(U.dataset.row, 10) === u)[b];
+    const m = Array.from(i.querySelectorAll("tr:not(.nodata)")).filter((X) => parseInt(X.dataset.row, 10) === u)[b];
     if (m && (y = m.querySelector(`[data-col="${g}"]`)), y)
       this.currentCell = y;
     else if (u !== r && u >= 0) {
-      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);
+      const X = ((A = (C = t(this, V)).getRowHeight) == null ? void 0 : A.call(C)) || 40;
+      (F = (H = t(this, V)).scrollToY) == null || F.call(H, u * X);
     }
   }
 };
-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);
+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) => {
+    const e = s.target.closest("td, th");
+    !e || e.dataset.row === void 0 || e.dataset.col === void 0 || (this.currentCell = e);
+  }), t(this, V).addEventListener("keydown", (s) => {
+    ["Tab", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(s.code) && this.moveCell(s);
   });
 }, "#initEvents"), h(Qe, "CellNavigation");
 let Te = Qe;
@@ -883,10 +887,10 @@ const Et = class Et extends HTMLElement {
     d(this, ht);
     d(this, Nt);
     d(this, Dt);
-    E(this, "invalidate", /* @__PURE__ */ h(() => {
+    q(this, "invalidate", /* @__PURE__ */ h(() => {
       S.log("sheet.invalidate()"), t(this, ht).refresh();
     }, "invalidate"));
-    E(this, "generate", /* @__PURE__ */ h((e) => {
+    q(this, "generate", /* @__PURE__ */ h((e) => {
       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");
@@ -932,12 +936,12 @@ const Et = class Et extends HTMLElement {
         l.remove();
       }), o;
     }, "#createSplitTable"));
-    E(this, "getRowHeight", /* @__PURE__ */ h(() => t(this, ht).getRowHeight(), "getRowHeight"));
-    E(this, "scrollToX", /* @__PURE__ */ h((e) => {
+    q(this, "getRowHeight", /* @__PURE__ */ h(() => t(this, ht).getRowHeight(), "getRowHeight"));
+    q(this, "scrollToX", /* @__PURE__ */ h((e) => {
       const n = this.querySelector(".ng-container-body .ng-part-body");
       n && (n.scrollLeft = e);
     }, "scrollToX"));
-    E(this, "scrollToY", /* @__PURE__ */ h((e) => {
+    q(this, "scrollToY", /* @__PURE__ */ h((e) => {
       const n = this.querySelector(".ng-container-body .ng-part-body");
       n && (n.scrollTop = e);
     }, "scrollToY"));
@@ -1161,7 +1165,7 @@ const Et = class Et extends HTMLElement {
     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);
+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"), q(Et, "SCROLLBAR_SIZE", 16);
 let Yt = Et;
 customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", Yt);
 var ce, Ot;
@@ -1182,8 +1186,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}"]`), w = f[y + 1];
-          v && w && w.classList.contains("active") && v.style.setProperty("display", "flex");
+          const y = parseInt(g.getAttribute("data-index"), 10), w = this.querySelector(`nine-splitter[data-split-index="${y}"]`), v = f[y + 1];
+          w && v && v.classList.contains("active") && w.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;
@@ -1375,7 +1379,7 @@ const ss = class ss {
   constructor(s) {
     d(this, Wt);
     d(this, mt, -1);
-    E(this, "count", /* @__PURE__ */ h(() => t(this, Wt).rawRecords.length, "count"));
+    q(this, "count", /* @__PURE__ */ h(() => t(this, Wt).rawRecords.length, "count"));
     p(this, Wt, s);
   }
   get at() {
@@ -1388,11 +1392,11 @@ const ss = class ss {
 };
 Wt = new WeakMap(), mt = new WeakMap(), h(ss, "ngRow");
 let Le = ss;
-var O, k, z, xt, fe, Z, ue, dt, Bt, ge, be, vt;
+var O, L, z, xt, fe, Z, ue, dt, Bt, ge, be, wt;
 const W = class W {
   constructor(s, e) {
     d(this, O);
-    d(this, k);
+    d(this, L);
     d(this, z, []);
     d(this, xt, []);
     d(this, fe, 0);
@@ -1403,7 +1407,7 @@ const W = class W {
       Array.from(s).forEach((e) => {
         var n;
         t(this, Z).push(((n = e.getBoundingClientRect) == null ? void 0 : n.call(e).height) || 24);
-      }), (t(this, k).rawRecords || []).forEach((e) => {
+      }), (t(this, L).rawRecords || []).forEach((e) => {
         e.__ng || (e.__ng = t(this, Bt).call(this)), e.__ng.height = t(this, Z).slice();
       });
     }, "#initialize"));
@@ -1413,20 +1417,20 @@ const W = class W {
         e.invalidate();
       });
     }, "#invalidate"));
-    E(this, "get", /* @__PURE__ */ h((s, e) => {
+    q(this, "get", /* @__PURE__ */ h((s, e) => {
       var o;
       const n = this.getValidData();
       if (!n || n.length <= 0) return;
-      if (s == null) return t(this, vt).call(this, n);
+      if (s == null) return t(this, wt).call(this, n);
       if (s < 0 || s >= n.length) return null;
       const r = typeof ((o = t(this, O).fields) == null ? void 0 : o.get) == "function" ? t(this, O).fields.get() : [];
       if (e != null) {
         const i = r.indexOf(e);
         return i >= 0 ? n[s].v[i] : null;
       }
-      return t(this, vt).call(this, n[s]);
+      return t(this, wt).call(this, n[s]);
     }, "get"));
-    E(this, "set", /* @__PURE__ */ h((s) => {
+    q(this, "set", /* @__PURE__ */ h((s) => {
       this.clear(), this.add(s, !1), t(this, dt).call(this);
     }, "set"));
     d(this, Bt, /* @__PURE__ */ h(() => ({
@@ -1438,12 +1442,12 @@ const W = class W {
       c: {},
       _: [0, 0, 0, 0, W.ROW_STATE.EMPTY, !1, !1, !0, !1, !0, !0, !1, t(this, Z).slice(), -1, {}, {}]
     }), "#getDefaultMeta"));
-    E(this, "reset", /* @__PURE__ */ h(() => {
+    q(this, "reset", /* @__PURE__ */ h(() => {
       p(this, z, []), p(this, xt, []), t(this, dt).call(this);
     }, "reset"));
-    E(this, "clear", /* @__PURE__ */ h(() => {
+    q(this, "clear", /* @__PURE__ */ h(() => {
       var s;
-      t(this, k).rawRecords = [], p(this, z, []), p(this, xt, []), (s = t(this, k).viewRecords) != null && s.reset && t(this, k).viewRecords.reset();
+      t(this, L).rawRecords = [], p(this, z, []), p(this, xt, []), (s = t(this, L).viewRecords) != null && s.reset && t(this, L).viewRecords.reset();
     }, "clear"));
     d(this, ge, /* @__PURE__ */ h((s) => {
       var r;
@@ -1459,28 +1463,28 @@ const W = class W {
     d(this, be, /* @__PURE__ */ h((s) => (Array.isArray(s) || (s = [s]), s.forEach((e) => {
       e.__ng = t(this, Bt).call(this), e.__ng.rowid = this.nextId, e.__ng.rowState = W.ROW_STATE.INSERT, e.__ng._[0] = e.__ng.rowid;
     }), s), "#defaultInsert"));
-    E(this, "add", /* @__PURE__ */ h((s, e = !0) => {
+    q(this, "add", /* @__PURE__ */ h((s, e = !0) => {
       s === void 0 && (s = {});
       const n = t(this, ge).call(this, s);
-      t(this, k).rawRecords = t(this, k).rawRecords.concat(t(this, be).call(this, n)), this.resetRecords();
+      t(this, L).rawRecords = t(this, L).rawRecords.concat(t(this, be).call(this, n)), this.resetRecords();
       const r = this.count() - 1;
       return e || n.forEach((o, i) => {
-        const a = t(this, k).rawRecords[r - i];
+        const a = t(this, L).rawRecords[r - i];
         a && (a.__ng.rowState = W.ROW_STATE.EMPTY);
       }), t(this, dt).call(this), r;
     }, "add"));
-    E(this, "delete", /* @__PURE__ */ h((s) => {
+    q(this, "delete", /* @__PURE__ */ h((s) => {
       let e = [];
-      Array.isArray(s) ? e = s : typeof s > "u" ? e = [t(this, k).host.row.at] : e = [parseInt(s, 10)], e.sort((n, r) => r - n).forEach((n) => {
+      Array.isArray(s) ? e = s : typeof s > "u" ? e = [t(this, L).host.row.at] : e = [parseInt(s, 10)], e.sort((n, r) => r - n).forEach((n) => {
         if (t(this, z)[n]) {
           const r = t(this, z)[n].__ng.rowid;
-          t(this, z)[n].__ng.rowState === W.ROW_STATE.INSERT ? t(this, k).rawRecords = t(this, k).rawRecords.filter((o) => o.__ng.rowid !== r) : t(this, k).rawRecords.forEach((o) => {
+          t(this, z)[n].__ng.rowState === W.ROW_STATE.INSERT ? t(this, L).rawRecords = t(this, L).rawRecords.filter((o) => o.__ng.rowid !== r) : t(this, L).rawRecords.forEach((o) => {
             o.__ng.rowid === r && (o.__ng.deleted = !0, o.__ng.rowState = W.ROW_STATE.DELETE);
           });
         }
       }), this.resetRecords(), t(this, dt).call(this);
     }, "delete"));
-    E(this, "setValue", /* @__PURE__ */ h((s, e, n) => {
+    q(this, "setValue", /* @__PURE__ */ h((s, e, n) => {
       var c;
       s = parseInt(s, 10);
       const o = (typeof ((c = t(this, O).fields) == null ? void 0 : c.get) == "function" ? t(this, O).fields.get() : []).indexOf(e);
@@ -1490,15 +1494,15 @@ const W = class W {
       const a = i.v[o];
       a !== n && i.__ng.rowState !== W.ROW_STATE.INSERT && (i.__ng.o.hasOwnProperty(e) || (i.__ng.o[e] = a), i.__ng.rowState = W.ROW_STATE.UPDATE), i.v[o] = n;
     }, "setValue"));
-    E(this, "resetRecords", /* @__PURE__ */ h(() => {
-      p(this, xt, t(this, k).rawRecords.filter((s) => !s.__ng.deleted)), p(this, z, t(this, k).rawRecords.filter((s) => !s.__ng.deleted && !s.__ng.filtered)), t(this, k).rawRecords.forEach((s, e) => {
+    q(this, "resetRecords", /* @__PURE__ */ h(() => {
+      p(this, xt, t(this, L).rawRecords.filter((s) => !s.__ng.deleted)), p(this, z, t(this, L).rawRecords.filter((s) => !s.__ng.deleted && !s.__ng.filtered)), t(this, L).rawRecords.forEach((s, e) => {
         s.__ng.rowidx = e;
       }), t(this, z).forEach((s, e) => {
         s.__ng.i = e;
       });
     }, "resetRecords"));
-    E(this, "getValidData", /* @__PURE__ */ h(() => (t(this, z).length === 0 && t(this, k).rawRecords.length > 0 && this.resetRecords(), t(this, z)), "getValidData"));
-    d(this, vt, /* @__PURE__ */ h((s) => {
+    q(this, "getValidData", /* @__PURE__ */ h(() => (t(this, z).length === 0 && t(this, L).rawRecords.length > 0 && this.resetRecords(), t(this, z)), "getValidData"));
+    d(this, wt, /* @__PURE__ */ h((s) => {
       var i;
       if (!s) return s;
       const e = !Array.isArray(s), n = e ? [s] : s, r = typeof ((i = t(this, O).fields) == null ? void 0 : i.get) == "function" ? t(this, O).fields.get() : [], o = n.filter((a) => !a.__ng.deleted).map((a) => {
@@ -1509,11 +1513,11 @@ const W = class W {
       });
       return e ? o[0] : o;
     }, "#conv"));
-    E(this, "count", /* @__PURE__ */ h(() => this.getValidData().length, "count"));
-    p(this, O, s), p(this, k, e), t(this, ue).call(this);
+    q(this, "count", /* @__PURE__ */ h(() => this.getValidData().length, "count"));
+    p(this, O, s), p(this, L, e), t(this, ue).call(this);
   }
   get source() {
-    return t(this, vt).call(this, t(this, k).rawRecords);
+    return t(this, wt).call(this, t(this, L).rawRecords);
   }
   set source(s) {
     this.clear(), this.add(s, !1);
@@ -1531,8 +1535,8 @@ const W = class W {
     return this.length;
   }
 };
-O = new WeakMap(), k = new WeakMap(), z = new WeakMap(), xt = new WeakMap(), fe = new WeakMap(), Z = new WeakMap(), ue = new WeakMap(), dt = new WeakMap(), Bt = new WeakMap(), ge = new WeakMap(), be = new WeakMap(), vt = new WeakMap(), h(W, "ngData"), // 🎯 행 상태 정의 상수를 클래스 내부로 내재화
-E(W, "ROW_STATE", {
+O = new WeakMap(), L = new WeakMap(), z = new WeakMap(), xt = new WeakMap(), fe = new WeakMap(), Z = new WeakMap(), ue = new WeakMap(), dt = new WeakMap(), Bt = new WeakMap(), ge = new WeakMap(), be = new WeakMap(), wt = new WeakMap(), h(W, "ngData"), // 🎯 행 상태 정의 상수를 클래스 내부로 내재화
+q(W, "ROW_STATE", {
   EMPTY: "EMPTY",
   NORMAL: "NORMAL",
   INSERT: "INSERT",
@@ -1563,13 +1567,13 @@ const ns = class ns {
 };
 ft = new WeakMap(), h(ns, "ngDataManager");
 let He = ns;
-var wt, M, Pt, pe;
+var vt, M, Pt, pe;
 const rs = class rs {
   // 🎯 이제 { name: string, type: string } 객체들의 배열로 관리합니다.
   constructor(s) {
-    d(this, wt);
+    d(this, vt);
     d(this, M, []);
-    E(this, "add", /* @__PURE__ */ h((s, e = "string") => {
+    q(this, "add", /* @__PURE__ */ h((s, e = "string") => {
       s.forEach((n) => {
         t(this, M).some((r) => r.name === n) || t(this, M).push({ name: n, type: e });
       }), t(this, Pt).call(this);
@@ -1581,8 +1585,8 @@ 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, []), S.log(t(this, wt).querySelectorAll("table"));
-      const s = Array.from(t(this, wt).querySelectorAll("table"));
+      p(this, M, []), S.log(t(this, vt).querySelectorAll("table"));
+      const s = Array.from(t(this, vt).querySelectorAll("table"));
       if (!(!s || s.length === 0)) {
         for (const e of s)
           S.log(e), $("[data-bind]", e).each((n, r) => {
@@ -1612,7 +1616,7 @@ const rs = class rs {
         t(this, Pt).call(this);
       }
     }, "#init"));
-    p(this, wt, s), t(this, pe).call(this);
+    p(this, vt, s), t(this, pe).call(this);
   }
   // 🎯 기존에 필드 이름만 쓰던 곳들과의 호환을 위해 이름 배열만 리턴하는 메서드 유지
   get() {
@@ -1634,7 +1638,7 @@ const rs = class rs {
     return t(this, M).some((e) => e.name === s);
   }
 };
-wt = new WeakMap(), M = new WeakMap(), Pt = new WeakMap(), pe = new WeakMap(), h(rs, "ngFields");
+vt = new WeakMap(), M = new WeakMap(), Pt = new WeakMap(), pe = new WeakMap(), h(rs, "ngFields");
 let Me = rs;
 var ut, ye, me;
 const os = class os extends HTMLElement {
@@ -1681,20 +1685,20 @@ const qt = class qt extends HTMLElement {
   connectedCallback() {
   }
 };
-h(qt, "BasicCellElement"), E(qt, "_styleCache", /* @__PURE__ */ new Map()), E(qt, "_customStyleCache", /* @__PURE__ */ new Map());
+h(qt, "BasicCellElement"), q(qt, "_styleCache", /* @__PURE__ */ new Map()), q(qt, "_customStyleCache", /* @__PURE__ */ new Map());
 let _e = qt;
-var L, Ft, x, Pe, Fe, je, Ye, Ve;
+var I, Ft, x, Pe, Fe, je, Ye, Ve;
 const is = class is extends _e {
   constructor() {
     super();
-    d(this, L);
+    d(this, I);
     d(this, Ft);
     d(this, x);
     d(this, Pe);
     d(this, Fe);
     d(this, je);
     d(this, Ye);
-    E(this, "getDisplayText", /* @__PURE__ */ h((e) => {
+    q(this, "getDisplayText", /* @__PURE__ */ h((e) => {
       if (t(this, x))
         if (t(this, x).closest("tbody")) {
           const n = t(this, x).closest("tr").data, r = parseInt(t(this, x).dataset.row);
@@ -1710,26 +1714,26 @@ const is = class is extends _e {
           return ninegrid.nvl(e, "");
         } else
           try {
-            return t(this, L).exprFunction(t(this, x).dataset.expr).call(this, null, -1, t(this, L).data);
+            return t(this, I).exprFunction(t(this, x).dataset.expr).call(this, null, -1, t(this, I).data);
           } catch {
           }
     }, "getDisplayText"));
     d(this, Ve, /* @__PURE__ */ h(() => {
-      if (!(!t(this, L) || !t(this, L).template || !t(this, x).closest("tbody.bindable"))) {
+      if (!(!t(this, I) || !t(this, I).template || !t(this, x).closest("tbody.bindable"))) {
         var e = ninegrid.j.querySelectorAll(t(this, x)).attr("suppress");
         if (e && (e = parseInt(e)), e && !isNaN(e)) {
           var n = t(this, x).closest("tr"), r = [];
-          $("th,td", n).each((m, I) => {
-            var T = ninegrid.j.querySelectorAll(I).attr("suppress");
-            T && I.dataset.row && (T = parseInt(T), !isNaN(T) && T <= e && r.push(T));
+          $("th,td", n).each((m, C) => {
+            var A = ninegrid.j.querySelectorAll(C).attr("suppress");
+            A && C.dataset.row && (A = parseInt(A), !isNaN(A) && A <= e && r.push(A));
           }), r.sort();
           var o = !1;
-          if (parseInt(n.sectionRowIndex / t(this, L).template.length) > 0)
+          if (parseInt(n.sectionRowIndex / t(this, I).template.length) > 0)
             for (var i of r) {
               if (i > e) break;
-              var a = parseInt(t(this, x).dataset.row), c = a - 1, l = t(this, x).closest("tr").data, f = t(this, L).data.get(c);
+              var a = parseInt(t(this, x).dataset.row), c = a - 1, l = t(this, x).closest("tr").data, f = t(this, I).data.get(c);
               t(this, x).dataset.matrixRow;
-              var u = t(this, L).body.querySelector(`tbody.bindable [suppress="${i}"][data-matrix-row="${t(this, x).dataset.matrixRow}"]`), b = u.dataset.expr ? this.getExprValue(u.dataset.expr, l, a) : l[u.dataset.bind], g = u.dataset.expr ? this.getExprValue(u.dataset.expr, f, c) : f[u.dataset.bind];
+              var u = t(this, I).body.querySelector(`tbody.bindable [suppress="${i}"][data-matrix-row="${t(this, x).dataset.matrixRow}"]`), b = u.dataset.expr ? this.getExprValue(u.dataset.expr, l, a) : l[u.dataset.bind], g = u.dataset.expr ? this.getExprValue(u.dataset.expr, f, c) : f[u.dataset.bind];
               if (b != g) {
                 o = !0;
                 break;
@@ -1738,17 +1742,17 @@ 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, 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");
+          var y = parseInt(t(this, x).dataset.matrixRow), w = y - 1, v = t(this, I).body.querySelector(`tbody.bindable [data-col="${t(this, x).dataset.col}"][data-matrix-row="${w}"]`);
+          $(v).hasClass("suppress") && !ninegrid.j.querySelectorAll(t(this, x)).hasClass("suppress") ? ninegrid.j.querySelectorAll(v).removeClass("last-none-suppress").addClass("last-suppress") : !$(v).hasClass("suppress") && ninegrid.j.querySelectorAll(t(this, x)).hasClass("suppress") ? ninegrid.j.querySelectorAll(v).removeClass("last-suppress").addClass("last-none-suppress") : ninegrid.j.querySelectorAll(v).removeClass("last-none-suppress").removeClass("last-suppress");
         }
       }
     }, "#resetSuppress"));
-    E(this, "getExprValue", /* @__PURE__ */ h((e, n, r, o) => {
+    q(this, "getExprValue", /* @__PURE__ */ h((e, n, r, o) => {
       if (typeof e < "u")
         try {
           r = parseInt(r);
           const i = e.replace("()", "");
-          return t(this, L)[i] ? t(this, L)[i].call(this, n, r, t(this, x)) : t(this, L).exprFunction(e).call(this, n, r, t(this, L).data);
+          return t(this, I)[i] ? t(this, I)[i].call(this, n, r, t(this, x)) : t(this, I).exprFunction(e).call(this, n, r, t(this, I).data);
         } catch {
           return ["NG-COMBO"].includes(this.tagName) ? "" : e;
         }
@@ -1757,16 +1761,16 @@ const is = class is extends _e {
     }, "getExprValue"));
   }
   connectedCallback() {
-    super.connectedCallback(), p(this, L, this.getRootNode().host), p(this, x, this.closest("th,td")), p(this, Ft, t(this, x).closest("tr"));
+    super.connectedCallback(), p(this, I, this.getRootNode().host), p(this, x, this.closest("th,td")), p(this, Ft, t(this, x).closest("tr"));
   }
   get value() {
-    var e = !t(this, L) || !t(this, L).dataManager || !t(this, x) || !t(this, x).dataset || !t(this, x).dataset.row || !t(this, x).dataset.bind ? "" : t(this, x).closest("tr").data[t(this, x).dataset.bind];
+    var e = !t(this, I) || !t(this, I).dataManager || !t(this, x) || !t(this, x).dataset || !t(this, x).dataset.row || !t(this, x).dataset.bind ? "" : t(this, x).closest("tr").data[t(this, x).dataset.bind];
     return e ?? "";
   }
   set value(e) {
     var n = parseInt(t(this, x).dataset.row);
     const r = this.getAttribute("update-row-state") != "false";
-    n < 0 ? t(this, L).data.setValueNF(parseInt(t(this, x).dataset.index), t(this, x).dataset.bind, e, r) : t(this, L).data.setValue(n, t(this, x).dataset.bind, e, r);
+    n < 0 ? t(this, I).data.setValueNF(parseInt(t(this, x).dataset.index), t(this, x).dataset.bind, e, r) : t(this, I).data.setValue(n, t(this, x).dataset.bind, e, r);
   }
   get row() {
     return parseInt(t(this, x).dataset.row);
@@ -1779,7 +1783,7 @@ const is = class is extends _e {
     return parseInt(t(this, x).dataset.row), t(this, Ft).data[e];
   }
 };
-L = new WeakMap(), Ft = new WeakMap(), x = new WeakMap(), Pe = new WeakMap(), Fe = new WeakMap(), je = new WeakMap(), Ye = new WeakMap(), Ve = new WeakMap(), h(is, "CellElement");
+I = new WeakMap(), Ft = new WeakMap(), x = new WeakMap(), Pe = new WeakMap(), Fe = new WeakMap(), je = new WeakMap(), Ye = new WeakMap(), Ve = new WeakMap(), h(is, "CellElement");
 let Ne = is;
 const as = class as extends Ne {
   constructor() {
@@ -1804,7 +1808,7 @@ const ls = class ls extends De {
     d(this, Rt);
     d(this, xe);
     d(this, J);
-    E(this, "refresh", /* @__PURE__ */ h(() => {
+    q(this, "refresh", /* @__PURE__ */ h(() => {
       const e = super.refresh();
       t(this, jt).value = e;
     }, "refresh"));