@ninebone/table 0.0.696 → 0.0.697

package/dist/nine-table.js

@@ -2,9 +2,9 @@ var es = Object.defineProperty;
 var ss = (R) => {
   throw TypeError(R);
 };
-var is = (R, n, e) => n in R ? es(R, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : R[n] = e;
+var os = (R, n, e) => n in R ? es(R, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : R[n] = e;
 var h = (R, n) => es(R, "name", { value: n, configurable: !0 });
-var E = (R, n, e) => is(R, typeof n != "symbol" ? n + "" : n, e), he = (R, n, e) => n.has(R) || ss("Cannot " + e);
+var E = (R, n, e) => os(R, typeof n != "symbol" ? n + "" : n, e), he = (R, n, e) => n.has(R) || ss("Cannot " + e);
 var t = (R, n, e) => (he(R, n, "read from private field"), e ? e.call(R) : n.get(R)), d = (R, n, e) => n.has(R) ? ss("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(R) : n.set(R, e), p = (R, n, e, s) => (he(R, n, "write to private field"), s ? s.call(R, e) : n.set(R, e), e), de = (R, n, e) => (he(R, n, "access private method"), e);
 var ns = (R, n, e, s) => ({
   set _(r) {
@@ -15,72 +15,72 @@ var ns = (R, n, e, s) => ({
   }
 });
 import { trace as as } from "@ninebone/util";
-const Oe = class Oe extends as.constructor {
+const We = class We extends as.constructor {
   constructor() {
     super(), this.init("nine-table", "green");
   }
 };
-h(Oe, "Trace");
-let fe = Oe;
+h(We, "Trace");
+let fe = We;
 const T = new fe();
-var z, V, S, K, Z, G, Bt, J, zt;
-const Be = class Be extends HTMLElement {
+var B, V, S, K, Z, G, Ot, J, Bt;
+const Oe = class Oe extends HTMLElement {
   constructor() {
     super();
-    d(this, z);
+    d(this, B);
     d(this, V, !1);
     d(this, S);
     d(this, K);
     d(this, Z);
     d(this, G);
-    d(this, Bt, /* @__PURE__ */ h(() => {
-      if (!t(this, z)) return;
-      const e = t(this, z).querySelector(".ng-container-body .ng-part-body");
+    d(this, Ot, /* @__PURE__ */ h(() => {
+      if (!t(this, B)) return;
+      const e = t(this, B).querySelector(".ng-container-body .ng-part-body");
       e && (p(this, G, new ResizeObserver(() => {
         this.refresh();
       })), t(this, G).observe(e));
     }, "#observeResize"));
     E(this, "refresh", /* @__PURE__ */ h(() => {
-      if (!t(this, z) || !t(this, S) || t(this, V)) return;
+      if (!t(this, B) || !t(this, S) || t(this, V)) return;
       const e = t(this, S).container, s = e.querySelector("table");
       if (!s) return;
-      const r = t(this, S).track, o = t(this, S).thumb, i = t(this, z).querySelector(".ng-container-bottom"), a = e.clientWidth, c = s.scrollWidth;
+      const r = t(this, S).track, i = t(this, S).thumb, o = t(this, B).querySelector(".ng-container-bottom"), a = e.clientWidth, c = s.scrollWidth;
       if (a !== 0 && c > a)
-        i && (i.style.display = "flex");
+        o && (o.style.display = "flex");
       else {
-        i && (i.style.display = "none");
+        o && (o.style.display = "none");
         return;
       }
       const l = r.clientWidth;
       if (l <= 0) return;
       const f = Math.max(Math.min(l * (a / c), l), 20);
-      o.style.width = `${f}px`;
+      i.style.width = `${f}px`;
       const g = e.scrollLeft, b = c - a;
       let u = 0;
       b > 0 && (u = parseInt(g / b * (l - f), 10)), u < 0 && (u = 0);
       const y = l - f;
-      u > y && (u = y), o.style.left = `${u}px`, t(this, S).left.disabled = u === 0, t(this, S).right.disabled = u >= y - 1;
+      u > y && (u = y), i.style.left = `${u}px`, t(this, S).left.disabled = u === 0, t(this, S).right.disabled = u >= y - 1;
     }, "refresh"));
     d(this, J, /* @__PURE__ */ h((e) => {
       if (!t(this, S)) return !1;
       const s = t(this, S).container, r = s.querySelector("table");
       if (!r) return !1;
-      const o = t(this, S).track.getBoundingClientRect(), i = t(this, S).thumb.clientWidth;
+      const i = t(this, S).track.getBoundingClientRect(), o = t(this, S).thumb.clientWidth;
       let a = e;
       a < 0 && (a = 0);
-      const c = o.width - i;
+      const c = i.width - o;
       a > c && (a = c), a = parseInt(a, 10), t(this, S).thumb.style.left = `${a}px`, t(this, S).left.disabled = a === 0, t(this, S).right.disabled = a >= c - 1;
       const l = s.clientWidth, g = r.scrollWidth - l;
       return c > 0 && g > 0 && (s.scrollLeft = a / c * g), a > 0 && a < c - 1;
     }, "#thumbMoveTo"));
-    d(this, zt, /* @__PURE__ */ h(() => {
+    d(this, Bt, /* @__PURE__ */ h(() => {
       const e = /* @__PURE__ */ h((r) => {
         clearInterval(t(this, K)), clearInterval(t(this, Z));
-        const o = parseInt(t(this, S).thumb.style.left || 0, 10);
-        t(this, J).call(this, o + r), p(this, K, setInterval(() => {
+        const i = parseInt(t(this, S).thumb.style.left || 0, 10);
+        t(this, J).call(this, i + r), p(this, K, setInterval(() => {
           clearInterval(t(this, K)), p(this, Z, setInterval(() => {
-            const i = parseInt(t(this, S).thumb.style.left || 0, 10);
-            t(this, J).call(this, i + r) || clearInterval(t(this, Z));
+            const o = parseInt(t(this, S).thumb.style.left || 0, 10);
+            t(this, J).call(this, o + r) || clearInterval(t(this, Z));
           }, 50));
         }, 500));
       }, "delayScroll"), s = /* @__PURE__ */ h(() => {
@@ -95,24 +95,24 @@ const Be = class Be extends HTMLElement {
       }), t(this, S).left.addEventListener("touchstart", () => e(-20)), t(this, S).right.addEventListener("touchstart", () => e(20)), t(this, S).track.addEventListener("mousedown", (r) => {
         if (r.button !== 0) return;
         r.preventDefault();
-        const o = t(this, S).track.getBoundingClientRect(), i = t(this, S).thumb.clientWidth;
-        t(this, J).call(this, r.clientX - o.left - i / 2);
+        const i = t(this, S).track.getBoundingClientRect(), o = t(this, S).thumb.clientWidth;
+        t(this, J).call(this, r.clientX - i.left - o / 2);
       }), t(this, S).thumb.addEventListener("mousedown", (r) => {
         if (r.button !== 0) return;
         r.stopPropagation(), r.preventDefault(), p(this, V, !0), this.shiftX = r.clientX - t(this, S).thumb.getBoundingClientRect().left;
-        const o = /* @__PURE__ */ h((a) => {
+        const i = /* @__PURE__ */ h((a) => {
           if (!t(this, V)) return;
           const c = t(this, S).track.getBoundingClientRect();
           t(this, J).call(this, a.clientX - c.left - this.shiftX);
-        }, "onMouseMove"), i = /* @__PURE__ */ h(() => {
-          p(this, V, !1), s(), document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", i), this.refresh();
+        }, "onMouseMove"), o = /* @__PURE__ */ h(() => {
+          p(this, V, !1), s(), document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", o), this.refresh();
         }, "onMouseUp");
-        document.addEventListener("mousemove", o), document.addEventListener("mouseup", i);
+        document.addEventListener("mousemove", i), document.addEventListener("mouseup", o);
       });
     }, "#init"));
   }
   connectedCallback() {
-    if (p(this, z, this.closest("nine-table-sheet") || this.getRootNode().host), !t(this, z)) return;
+    if (p(this, B, this.closest("nine-table-sheet") || this.getRootNode().host), !t(this, B)) return;
     this.innerHTML = `
             <style>
                 nine-table-hscrollbar {
@@ -177,7 +177,7 @@ const Be = class Be extends HTMLElement {
             <button class='ng-scroll-right' disabled><div class='ng-scroll-icon'></div></button>
         `;
     const e = /* @__PURE__ */ h(() => {
-      const s = t(this, z).querySelector(".ng-container-body .ng-part-body");
+      const s = t(this, B).querySelector(".ng-container-body .ng-part-body");
       if (!s) {
         setTimeout(e, 10);
         return;
@@ -190,7 +190,7 @@ const Be = class Be extends HTMLElement {
         right: this.querySelector(".ng-scroll-right")
       }), s.addEventListener("scroll", () => {
         t(this, V) || this.refresh();
-      }), t(this, zt).call(this), t(this, Bt).call(this), this.refresh();
+      }), t(this, Bt).call(this), t(this, Ot).call(this), this.refresh();
     }, "initWhenReady");
     e();
   }
@@ -198,11 +198,11 @@ const Be = class Be extends HTMLElement {
     t(this, G) && t(this, G).disconnect();
   }
 };
-z = new WeakMap(), V = new WeakMap(), S = new WeakMap(), K = new WeakMap(), Z = new WeakMap(), G = new WeakMap(), Bt = new WeakMap(), J = new WeakMap(), zt = new WeakMap(), h(Be, "NineTableHScrollBar");
-let ue = Be;
+B = new WeakMap(), V = new WeakMap(), S = new WeakMap(), K = new WeakMap(), Z = new WeakMap(), G = new WeakMap(), Ot = new WeakMap(), J = new WeakMap(), Bt = new WeakMap(), h(Oe, "NineTableHScrollBar");
+let ue = Oe;
 customElements.get("nine-table-hscrollbar") || customElements.define("nine-table-hscrollbar", ue);
 var Q, tt, ct, k, wt, St, Pt;
-const ze = class ze extends HTMLElement {
+const Be = class Be extends HTMLElement {
   constructor() {
     super();
     d(this, Q);
@@ -213,17 +213,17 @@ const ze = class ze extends HTMLElement {
     d(this, St, 0);
     E(this, "refresh", /* @__PURE__ */ h(() => {
       if (T.log("vscrollbar.refresh"), !t(this, Q) || !t(this, k)) return;
-      const e = t(this, k).container, s = t(this, k).track, r = t(this, k).thumb, o = e.clientHeight, i = t(this, Q).data.length, a = t(this, tt).getRowHeight(), c = i * a;
-      if (c <= o || i === 0) {
+      const e = t(this, k).container, s = t(this, k).track, r = t(this, k).thumb, i = e.clientHeight, o = t(this, Q).data.length, a = t(this, tt).getRowHeight(), c = o * a;
+      if (c <= i || o === 0) {
         this.style.display = "none";
         return;
       } else
         this.style.display = "flex";
       const l = s.clientHeight;
       if (l <= 0) return;
-      const f = Math.max(Math.min(l * (o / c), l), 20);
+      const f = Math.max(Math.min(l * (i / c), l), 20);
       r.style.height = `${f}px`;
-      const g = e.scrollTop, b = Math.max(c - o, 1);
+      const g = e.scrollTop, b = Math.max(c - i, 1);
       T.log(e, g, b);
       let u = 0;
       b > 0 && (u = g / b * (l - f));
@@ -233,29 +233,29 @@ const ze = class ze extends HTMLElement {
     d(this, Pt, /* @__PURE__ */ h(() => {
       T.log("nine-table-vscrollbar.#init");
       const e = t(this, k).container, s = /* @__PURE__ */ h(() => {
-        const o = (t(this, Q).data.get() || []).length, i = t(this, tt).getRowHeight();
-        return o * i;
+        const i = (t(this, Q).data.get() || []).length, o = t(this, tt).getRowHeight();
+        return i * o;
       }, "getContentHeight");
       t(this, k).thumb.addEventListener("mousedown", (r) => {
         if (r.button !== 0) return;
         r.stopPropagation(), r.preventDefault(), p(this, ct, !0), p(this, wt, r.clientY), p(this, St, e.scrollTop);
-        const o = /* @__PURE__ */ h((a) => {
+        const i = /* @__PURE__ */ h((a) => {
           if (!t(this, ct)) return;
-          const c = t(this, k).track.getBoundingClientRect(), l = t(this, k).thumb.clientHeight, g = c.height - l, b = a.clientY - t(this, wt), u = e.clientHeight, y = s(), x = Math.max(y - u, 1);
-          if (g > 0 && x > 0) {
-            const A = b / g * x;
-            let v = t(this, St) + A;
+          const c = t(this, k).track.getBoundingClientRect(), l = t(this, k).thumb.clientHeight, g = c.height - l, b = a.clientY - t(this, wt), u = e.clientHeight, y = s(), v = Math.max(y - u, 1);
+          if (g > 0 && v > 0) {
+            const A = b / g * v;
+            let x = t(this, St) + A;
             const M = Math.max(0, y - u);
-            v < 0 && (v = 0), v > M && (v = M), e.scrollTop = v;
+            x < 0 && (x = 0), x > M && (x = M), e.scrollTop = x;
           }
           this.refresh();
-        }, "onMouseMove"), i = /* @__PURE__ */ h(() => {
-          p(this, ct, !1), document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", i), this.refresh();
+        }, "onMouseMove"), o = /* @__PURE__ */ h(() => {
+          p(this, ct, !1), document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", o), this.refresh();
         }, "onMouseUp");
-        document.addEventListener("mousemove", o), document.addEventListener("mouseup", i);
+        document.addEventListener("mousemove", i), document.addEventListener("mouseup", o);
       }), 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, g = s(), b = Math.max(g - f, 1);
+        const i = t(this, k).track.getBoundingClientRect(), o = t(this, k).thumb.clientHeight, a = r.clientY - i.top - o / 2, l = i.height - o, f = e.clientHeight, g = s(), b = Math.max(g - f, 1);
         if (l > 0 && b > 0) {
           const u = Math.max(0, Math.min(1, a / l));
           e.scrollTop = u * b;
@@ -350,8 +350,8 @@ const ze = class ze extends HTMLElement {
     e();
   }
 };
-Q = new WeakMap(), tt = new WeakMap(), ct = new WeakMap(), k = new WeakMap(), wt = new WeakMap(), St = new WeakMap(), Pt = new WeakMap(), h(ze, "NineTableVScrollBar");
-let ge = ze;
+Q = new WeakMap(), tt = new WeakMap(), ct = new WeakMap(), k = new WeakMap(), wt = new WeakMap(), St = new WeakMap(), Pt = new WeakMap(), h(Be, "NineTableVScrollBar");
+let ge = Be;
 customElements.get("nine-table-vscrollbar") || customElements.define("nine-table-vscrollbar", ge);
 var D, w, et, P, _, Y, st, Et, Ce, Le, Dt, Ft, At, Rt, qt, jt, Vt, Tt, He, ht, kt, Yt;
 const Pe = class Pe {
@@ -378,26 +378,26 @@ const Pe = class Pe {
       T.log("rowManager.initialize"), p(this, et, {
         scrollTables: t(this, w).querySelectorAll(".ng-part-body table"),
         firstTr: t(this, w).querySelector(".ng-container-body .ng-part-body tbody.bindable-tbody tr:not(.nodata)")
-      }), p(this, _, null), t(this, P).clear(), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((i) => {
-        const a = t(this, w).querySelector(i);
+      }), p(this, _, null), t(this, P).clear(), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((o) => {
+        const a = t(this, w).querySelector(o);
         if (!a) return;
         const c = a.querySelector(".ng-part-body table");
         if (!c) return;
         const l = c.querySelector("tbody.bindable-tbody");
         if (!l) return;
         const g = Array.from(l.querySelectorAll("tr")).map((b) => b.cloneNode(!0));
-        t(this, P).set(i, g);
+        t(this, P).set(o, g);
       });
-      const n = t(this, w).querySelector(".ng-container-body .ng-part-body"), e = t(this, w).querySelector(".ng-container-left .ng-part-body"), s = t(this, w).querySelector(".ng-container-right .ng-part-body"), r = t(this, w).querySelector(".ng-container-body .ng-part-header"), o = t(this, w).querySelector(".ng-container-body .ng-part-footer");
+      const n = t(this, w).querySelector(".ng-container-body .ng-part-body"), e = t(this, w).querySelector(".ng-container-left .ng-part-body"), s = t(this, w).querySelector(".ng-container-right .ng-part-body"), r = t(this, w).querySelector(".ng-container-body .ng-part-header"), i = t(this, w).querySelector(".ng-container-body .ng-part-footer");
       if (n) {
         t(this, At).call(this), t(this, Tt).call(this), t(this, Rt).call(this), t(this, ht).call(this, n.scrollTop);
-        let i = !1;
+        let o = !1;
         const a = /* @__PURE__ */ h((c) => {
           var g;
-          if (i) return;
-          i = !0;
+          if (o) return;
+          o = !0;
           const l = c.scrollTop, f = c.scrollLeft;
-          n && n.scrollTop !== l && (n.scrollTop = l), e && e.scrollTop !== l && (e.scrollTop = l), s && s.scrollTop !== l && (s.scrollTop = l), r && r.scrollLeft !== f && (r.scrollLeft = f), o && o.scrollLeft !== f && (o.scrollLeft = f), t(this, ht).call(this, l), (g = t(this, w).querySelector("nine-table-vscrollbar")) == null || g.refresh(), i = !1;
+          n && n.scrollTop !== l && (n.scrollTop = l), e && e.scrollTop !== l && (e.scrollTop = l), s && s.scrollTop !== l && (s.scrollTop = l), r && r.scrollLeft !== f && (r.scrollLeft = f), i && i.scrollLeft !== f && (i.scrollLeft = f), t(this, ht).call(this, l), (g = t(this, w).querySelector("nine-table-vscrollbar")) == null || g.refresh(), o = !1;
         }, "handleContainerScroll");
         [n, e, s].forEach((c) => {
           c == null || c.addEventListener("scroll", () => {
@@ -413,12 +413,12 @@ const Pe = class Pe {
       const r = n.querySelector(".ng-part-body tbody.bindable-tbody");
       if (!r) return;
       r.querySelectorAll("tr:not(.nodata)").forEach((a) => a.remove());
-      const o = r.querySelector("tr.nodata"), i = document.createDocumentFragment();
+      const i = r.querySelector("tr.nodata"), o = document.createDocumentFragment();
       for (let a = 0; a < t(this, Et); a++)
         s.forEach((c) => {
-          i.appendChild(c.cloneNode(!0));
+          o.appendChild(c.cloneNode(!0));
         });
-      o ? o.before(i) : r.appendChild(i), e === ".ng-container-body" && (t(this, et).firstTr = r.querySelector("tr:not(.nodata)"));
+      i ? i.before(o) : r.appendChild(o), e === ".ng-container-body" && (t(this, et).firstTr = r.querySelector("tr:not(.nodata)"));
     }, "#renderRows"));
     d(this, At, /* @__PURE__ */ h(() => {
       if (t(this, _) !== null && t(this, _) > 0)
@@ -430,12 +430,12 @@ const Pe = class Pe {
       const s = n.querySelector("tbody.bindable-tbody");
       if (T.log(s), !s) throw new Error("invalid dom");
       s.querySelectorAll("tr:not(.nodata)").forEach((b) => b.remove());
-      const r = s.querySelector("tr.nodata"), o = document.createDocumentFragment();
+      const r = s.querySelector("tr.nodata"), i = document.createDocumentFragment();
       e.forEach((b) => {
-        o.appendChild(b.cloneNode(!0));
-      }), r ? r.before(o) : s.appendChild(o);
-      const i = t(this, w), a = i.style.display, c = i.style.visibility, l = i.style.position;
-      (a === "none" || window.getComputedStyle(i).display === "none") && (i.style.display = "block", i.style.visibility = "hidden", i.style.position = "absolute");
+        i.appendChild(b.cloneNode(!0));
+      }), r ? r.before(i) : s.appendChild(i);
+      const o = t(this, w), a = o.style.display, c = o.style.visibility, l = o.style.position;
+      (a === "none" || window.getComputedStyle(o).display === "none") && (o.style.display = "block", o.style.visibility = "hidden", o.style.position = "absolute");
       let f = 0;
       const g = s.querySelectorAll("tr");
       return g.forEach((b) => {
@@ -445,15 +445,15 @@ const Pe = class Pe {
           u = parseFloat(y.height) || parseFloat(y.minHeight) || 0;
         }
         f += u;
-      }), g.forEach((b) => b.remove()), i.style.display = a, i.style.visibility = c, i.style.position = l, f <= 0 ? -1 : (p(this, _, f), t(this, qt).call(this), t(this, _));
+      }), g.forEach((b) => b.remove()), o.style.display = a, o.style.visibility = c, o.style.position = l, f <= 0 ? -1 : (p(this, _, f), t(this, qt).call(this), t(this, _));
     }, "#measureAndCacheHeight"));
     d(this, Rt, /* @__PURE__ */ h(() => {
       T.log("rowManager.#updateVirtualScrollHeight");
       const e = (t(this, D).data.get() || []).length, s = t(this, _), r = e * s;
-      T.log("🔍 [VirtualHeight]", { totalCount: e, rowHeight: s, totalVirtualHeight: r }), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((o) => {
-        const i = t(this, w).querySelector(o);
-        if (!i) return;
-        const a = i.querySelector(".ng-part-body .ng-virtual-spacer");
+      T.log("🔍 [VirtualHeight]", { totalCount: e, rowHeight: s, totalVirtualHeight: r }), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((i) => {
+        const o = t(this, w).querySelector(i);
+        if (!o) return;
+        const a = o.querySelector(".ng-part-body .ng-virtual-spacer");
         a && (a.style.height = `${r}px`);
       });
     }, "#updateVirtualScrollHeight"));
@@ -467,26 +467,26 @@ const Pe = class Pe {
       var a, c, l, f, g, b;
       const n = t(this, w).querySelector(".ng-container-left .ng-part-body table"), e = t(this, w).querySelector(".ng-container-body .ng-part-body table"), s = t(this, w).querySelector(".ng-container-right .ng-part-body table");
       if (e) {
-        const u = n ? Array.from(n.querySelectorAll("tbody tr")) : [], y = Array.from(e.querySelectorAll("tbody tr")), x = s ? Array.from(s.querySelectorAll("tbody tr")) : [], A = Math.max(u.length, y.length, x.length);
-        for (let v = 0; v < A; v++) {
+        const u = n ? Array.from(n.querySelectorAll("tbody tr")) : [], y = Array.from(e.querySelectorAll("tbody tr")), v = s ? Array.from(s.querySelectorAll("tbody tr")) : [], A = Math.max(u.length, y.length, v.length);
+        for (let x = 0; x < A; x++) {
           const M = [
-            ((a = u[v]) == null ? void 0 : a.getBoundingClientRect().height) || 0,
-            ((c = y[v]) == null ? void 0 : c.getBoundingClientRect().height) || 0,
-            ((l = x[v]) == null ? void 0 : l.getBoundingClientRect().height) || 0
+            ((a = u[x]) == null ? void 0 : a.getBoundingClientRect().height) || 0,
+            ((c = y[x]) == null ? void 0 : c.getBoundingClientRect().height) || 0,
+            ((l = v[x]) == null ? void 0 : l.getBoundingClientRect().height) || 0
           ], q = Math.max(...M);
-          q > 0 && (u[v] && (u[v].style.height = `${q}px`), y[v] && (y[v].style.height = `${q}px`), x[v] && (x[v].style.height = `${q}px`));
+          q > 0 && (u[x] && (u[x].style.height = `${q}px`), y[x] && (y[x].style.height = `${q}px`), v[x] && (v[x].style.height = `${q}px`));
         }
       }
-      const r = t(this, w).querySelector(".ng-container-left .ng-part-footer table"), o = t(this, w).querySelector(".ng-container-body .ng-part-footer table"), i = t(this, w).querySelector(".ng-container-right .ng-part-footer table");
-      if (o) {
-        const u = r ? Array.from(r.querySelectorAll("tfoot tr")) : [], y = Array.from(o.querySelectorAll("tfoot tr")), x = i ? Array.from(i.querySelectorAll("tfoot tr")) : [], A = Math.max(u.length, y.length, x.length);
-        for (let v = 0; v < A; v++) {
+      const r = t(this, w).querySelector(".ng-container-left .ng-part-footer table"), i = t(this, w).querySelector(".ng-container-body .ng-part-footer table"), o = t(this, w).querySelector(".ng-container-right .ng-part-footer table");
+      if (i) {
+        const u = r ? Array.from(r.querySelectorAll("tfoot tr")) : [], y = Array.from(i.querySelectorAll("tfoot tr")), v = o ? Array.from(o.querySelectorAll("tfoot tr")) : [], A = Math.max(u.length, y.length, v.length);
+        for (let x = 0; x < A; x++) {
           const M = [
-            ((f = u[v]) == null ? void 0 : f.getBoundingClientRect().height) || 0,
-            ((g = y[v]) == null ? void 0 : g.getBoundingClientRect().height) || 0,
-            ((b = x[v]) == null ? void 0 : b.getBoundingClientRect().height) || 0
+            ((f = u[x]) == null ? void 0 : f.getBoundingClientRect().height) || 0,
+            ((g = y[x]) == null ? void 0 : g.getBoundingClientRect().height) || 0,
+            ((b = v[x]) == null ? void 0 : b.getBoundingClientRect().height) || 0
           ], q = Math.max(...M);
-          q > 0 && (u[v] && (u[v].style.height = `${q}px`), y[v] && (y[v].style.height = `${q}px`), x[v] && (x[v].style.height = `${q}px`));
+          q > 0 && (u[x] && (u[x].style.height = `${q}px`), y[x] && (y[x].style.height = `${q}px`), v[x] && (v[x].style.height = `${q}px`));
         }
       }
     }, "#syncRowHeights"));
@@ -497,10 +497,10 @@ const Pe = class Pe {
           if (!s.classList.contains("active")) continue;
           const r = e.contentRect.height;
           if (r > 0) {
-            let o = 0;
-            const i = s.querySelector(".ng-part-header"), a = s.querySelector(".ng-part-footer");
-            i && (o += i.offsetHeight), a && (o += a.offsetHeight);
-            const c = Math.max(r - o, 100);
+            let i = 0;
+            const o = s.querySelector(".ng-part-header"), a = s.querySelector(".ng-part-footer");
+            o && (i += o.offsetHeight), a && (i += a.offsetHeight);
+            const c = Math.max(r - i, 100);
             t(this, st) !== c && (p(this, st, c), t(this, qt).call(this), t(this, _) !== null && (t(this, Tt).call(this), this.refresh()));
           }
         }
@@ -519,9 +519,9 @@ const Pe = class Pe {
         if (!s) return;
         const r = s.querySelector(".ng-part-body tbody.bindable-tbody");
         if (!r) return;
-        const o = Array.from(r.querySelectorAll("tr:not(.nodata)")), i = ((l = t(this, P).get(e)) == null ? void 0 : l.length) || 1, c = (t(this, D).data.get() || []).length;
-        o.forEach((f, g) => {
-          const b = n + Math.floor(g / i);
+        const i = Array.from(r.querySelectorAll("tr:not(.nodata)")), o = ((l = t(this, P).get(e)) == null ? void 0 : l.length) || 1, c = (t(this, D).data.get() || []).length;
+        i.forEach((f, g) => {
+          const b = n + Math.floor(g / o);
           if (b >= c) {
             f.style.visibility = "hidden";
             return;
@@ -537,27 +537,27 @@ const Pe = class Pe {
       if (!e || e <= 0) return;
       const s = t(this, D).data.length;
       if (s === 0) return;
-      const r = ((g = t(this, P).get(".ng-container-body")) == null ? void 0 : g.length) || 1, o = t(this, w).querySelector(".ng-container-body .ng-part-body");
-      T.log("bodyContainer.clientHeight", o.clientHeight);
-      const i = Math.max(0, s - Math.floor(o.clientHeight / e)), a = Math.min(i, Math.max(0, Math.floor(n / e)));
+      const r = ((g = t(this, P).get(".ng-container-body")) == null ? void 0 : g.length) || 1, i = t(this, w).querySelector(".ng-container-body .ng-part-body");
+      T.log("bodyContainer.clientHeight", i.clientHeight);
+      const o = Math.max(0, s - Math.floor(i.clientHeight / e)), a = Math.min(o, Math.max(0, Math.floor(n / e)));
       let c = Math.floor(a * e);
-      T.log(`📜 [Scroll Calc] maxStartIndex: ${i}, startIndex: ${a}, offsetY: ${c}`), a === i && T.log(`📜 [Scroll Inspect] scrollTop: ${n}, rowHeight: ${e}, maxStartIndex: ${i}, startIndex: ${a}, offsetY: ${c}`);
+      T.log(`📜 [Scroll Calc] maxStartIndex: ${o}, startIndex: ${a}, offsetY: ${c}`), a === o && T.log(`📜 [Scroll Inspect] scrollTop: ${n}, rowHeight: ${e}, maxStartIndex: ${o}, startIndex: ${a}, offsetY: ${c}`);
       const l = t(this, et).firstTr, f = l && l.dataset.row !== void 0 ? parseInt(l.dataset.row, 10) : -1;
       (b = t(this, et)) == null || b.scrollTables.forEach((u) => {
         u.style.transform = `translate3d(0, ${c}px, 0)`;
       }), f !== a && (T.log(`🔄 [Row Bind Trigger] currentStartIndex(${f}) !== startIndex(${a})`), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((u) => {
         const y = t(this, w).querySelector(u);
         if (!y) return;
-        const x = y.querySelector(".ng-part-body tbody.bindable-tbody");
-        if (!x) return;
-        Array.from(x.querySelectorAll("tr:not(.nodata)")).forEach((v, M) => {
+        const v = y.querySelector(".ng-part-body tbody.bindable-tbody");
+        if (!v) return;
+        Array.from(v.querySelectorAll("tr:not(.nodata)")).forEach((x, M) => {
           const q = a + Math.floor(M / r);
           if (q >= s) {
-            v.style.display = "none";
+            x.style.display = "none";
             return;
           }
-          const O = t(this, D).data.get(q);
-          v.style.display = "", t(this, kt).call(this, v, O, q);
+          const W = t(this, D).data.get(q);
+          x.style.display = "", t(this, kt).call(this, x, W, q);
         });
       }));
     }, "#handleScroll"));
@@ -576,10 +576,10 @@ const Pe = class Pe {
             });
         }; */
     d(this, kt, /* @__PURE__ */ h((n, e, s) => {
-      n.dataset.row = s, n.data = e, Array.from(n.cells).forEach((r, o) => {
+      n.dataset.row = s, n.data = e, Array.from(n.cells).forEach((r, i) => {
         r.dataset.row = s;
-        const i = Array.from(r.children).find((a) => a.tagName.toLowerCase().startsWith("cell-") || typeof a.refresh == "function");
-        i && typeof i.refresh == "function" && i.refresh();
+        const o = Array.from(r.children).find((a) => a.tagName.toLowerCase().startsWith("cell-") || typeof a.refresh == "function");
+        o && typeof o.refresh == "function" && o.refresh();
       });
     }, "#bindRowData"));
     d(this, Yt, /* @__PURE__ */ h(() => {
@@ -587,14 +587,14 @@ const Pe = class Pe {
       T.log("rowManager.#syncHeaderHeights");
       const n = t(this, w).querySelector(".ng-container-left .ng-part-header table"), e = t(this, w).querySelector(".ng-container-body .ng-part-header table"), s = t(this, w).querySelector(".ng-container-right .ng-part-header table");
       if (!e) return;
-      const r = n ? Array.from(n.querySelectorAll("tr")) : [], o = Array.from(e.querySelectorAll("tr")), i = s ? Array.from(s.querySelectorAll("tr")) : [], a = Math.max(r.length, o.length, i.length);
+      const r = n ? Array.from(n.querySelectorAll("tr")) : [], i = Array.from(e.querySelectorAll("tr")), o = s ? Array.from(s.querySelectorAll("tr")) : [], a = Math.max(r.length, i.length, o.length);
       for (let g = 0; g < a; g++) {
         const b = [
           ((c = r[g]) == null ? void 0 : c.getBoundingClientRect().height) || 0,
-          ((l = o[g]) == null ? void 0 : l.getBoundingClientRect().height) || 0,
-          ((f = i[g]) == null ? void 0 : f.getBoundingClientRect().height) || 0
+          ((l = i[g]) == null ? void 0 : l.getBoundingClientRect().height) || 0,
+          ((f = o[g]) == null ? void 0 : f.getBoundingClientRect().height) || 0
         ], u = Math.max(...b);
-        u > 0 && (r[g] && (r[g].style.height = `${u}px`), o[g] && (o[g].style.height = `${u}px`), i[g] && (i[g].style.height = `${u}px`));
+        u > 0 && (r[g] && (r[g].style.height = `${u}px`), i[g] && (i[g].style.height = `${u}px`), o[g] && (o[g].style.height = `${u}px`));
       }
     }, "#syncHeaderHeights"));
     E(this, "destroy", /* @__PURE__ */ h(() => {
@@ -629,9 +629,9 @@ const Ut = class Ut {
         const f = l.getAttribute("cell-type") || "renderer";
         if (l.children.length > 0 && l.firstElementChild.tagName.includes("-")) return;
         let g = `cell-${f}`;
-        const b = l.getAttribute("data-bind"), u = l.getAttribute("data-expr"), y = l.getAttribute("maxbyte"), x = l.getAttribute("type");
+        const b = l.getAttribute("data-bind"), u = l.getAttribute("data-expr"), y = l.getAttribute("maxbyte"), v = l.getAttribute("type");
         let A = [];
-        b && A.push(`data-bind="${b}"`), u && A.push(`data-expr="${u}"`), y && A.push(`maxbyte="${y}"`), x && A.push(`type="${x}"`), l.innerHTML = `<${g} ${A.join(" ")}></${g}>`;
+        b && A.push(`data-bind="${b}"`), u && A.push(`data-expr="${u}"`), y && A.push(`maxbyte="${y}"`), v && A.push(`type="${v}"`), l.innerHTML = `<${g} ${A.join(" ")}></${g}>`;
       });
     }, "processCellTypes"), s = /* @__PURE__ */ h((a) => {
       if (!a.querySelector("colgroup")) {
@@ -656,42 +656,42 @@ const Ut = class Ut {
       });
       const u = Array.from(Array(g), () => Array(b).fill(null));
       l.forEach((y) => {
-        const x = y.sectionRowIndex;
+        const v = y.sectionRowIndex;
         let A = 0;
-        Array.from(y.querySelectorAll("th,td")).forEach((v) => {
-          for (let O = 0; O < u[x].length; O++)
-            if (u[x][O] === null) {
-              A = O;
+        Array.from(y.querySelectorAll("th,td")).forEach((x) => {
+          for (let W = 0; W < u[v].length; W++)
+            if (u[v][W] === null) {
+              A = W;
               break;
             }
-          const M = v.rowSpan || 1, q = v.colSpan || 1;
-          for (let O = 0; O < M; O++)
+          const M = x.rowSpan || 1, q = x.colSpan || 1;
+          for (let W = 0; W < M; W++)
             for (let j = 0; j < q; j++)
-              x + O < g && A + j < b && (u[x + O][A + j] = O === 0 && j === 0 ? "1" : "0");
+              v + W < g && A + j < b && (u[v + W][A + j] = W === 0 && j === 0 ? "1" : "0");
         });
       }), l.forEach((y) => {
-        const x = y.sectionRowIndex;
+        const v = y.sectionRowIndex;
         Array.from(y.querySelectorAll("th,td")).forEach((A) => {
-          for (let v = 0; v < u[x].length; v++)
-            if (u[x][v] === "1") {
-              A.dataset.col = v, u[x][v] = "0";
+          for (let x = 0; x < u[v].length; x++)
+            if (u[v][x] === "1") {
+              A.dataset.col = x, u[v][x] = "0";
               break;
             }
         });
       });
-    }, "resetColIndex"), o = n.cloneNode(!0);
-    return s(o), e(o), r(o, "thead"), r(o, "tbody"), r(o, "tfoot"), Array.from(o.querySelectorAll("colgroup col")).forEach((a, c) => {
+    }, "resetColIndex"), i = n.cloneNode(!0);
+    return s(i), e(i), r(i, "thead"), r(i, "tbody"), r(i, "tfoot"), Array.from(i.querySelectorAll("colgroup col")).forEach((a, c) => {
       const l = a.getAttribute("fixed");
-      l && o.querySelectorAll(`thead [data-col="${c}"], tbody [data-col="${c}"], tfoot [data-col="${c}"]`).forEach((f) => {
+      l && i.querySelectorAll(`thead [data-col="${c}"], tbody [data-col="${c}"], tfoot [data-col="${c}"]`).forEach((f) => {
         f.setAttribute("fixed", l);
       });
-    }), o;
+    }), i;
   }
   // 🎯 [추가] td/th에 선언된 cell-type 속성을 읽어 커스텀 태그로 자동 감싸기
 };
 h(Ut, "TableCompiler");
 let pe = Ut;
-var F, Ct, mt, rs, os;
+var F, Ct, mt, rs, is;
 const De = class De {
   constructor(n) {
     d(this, mt);
@@ -702,10 +702,10 @@ const De = class De {
       const { startRow: n, startCol: e, endRow: s, endCol: r } = t(this, Ct);
       t(this, F).querySelectorAll(
         ".ng-container-left .ng-part-body, .ng-container-body .ng-part-body, .ng-container-right .ng-part-body"
-      ).forEach((i) => {
-        i.querySelectorAll(".selected, .selected-top, .selected-bottom, .selected-left, .selected-right").forEach((a) => {
+      ).forEach((o) => {
+        o.querySelectorAll(".selected, .selected-top, .selected-bottom, .selected-left, .selected-right").forEach((a) => {
           a.classList.remove("selected", "selected-top", "selected-bottom", "selected-left", "selected-right");
-        }), !(n < 0) && i.querySelectorAll("tbody tr").forEach((a) => {
+        }), !(n < 0) && o.querySelectorAll("tbody tr").forEach((a) => {
           const c = parseInt(a.dataset.row, 10);
           isNaN(c) || a.querySelectorAll("td, th").forEach((l) => {
             const f = parseInt(l.dataset.col, 10);
@@ -716,17 +716,17 @@ const De = class De {
         });
       });
     }, "render"));
-    p(this, F, n), de(this, mt, os).call(this);
+    p(this, F, n), de(this, mt, is).call(this);
   }
   setRange(n, e, s, r) {
-    let o = Math.min(n, s), i = Math.max(n, s), a = Math.min(e, r), c = Math.max(e, r);
-    const l = de(this, mt, rs).call(this, o, a, i, c);
+    let i = Math.min(n, s), o = Math.max(n, s), a = Math.min(e, r), c = Math.max(e, r);
+    const l = de(this, mt, rs).call(this, i, a, o, c);
     p(this, Ct, l), this.render();
   }
 };
 F = new WeakMap(), Ct = new WeakMap(), mt = new WeakSet(), // 머지된 셀이 선택 영역에 걸쳐있으면 범위를 자동으로 넓혀주는 보정기
 rs = /* @__PURE__ */ h(function(n, e, s, r) {
-  let o = n, i = e, a = s, c = r, l = !0;
+  let i = n, o = e, a = s, c = r, l = !0;
   const f = t(this, F).querySelectorAll(
     ".ng-container-left .ng-part-body, .ng-container-body .ng-part-body, .ng-container-right .ng-part-body"
   );
@@ -735,38 +735,38 @@ rs = /* @__PURE__ */ h(function(n, e, s, r) {
       g.querySelectorAll("tbody tr").forEach((b) => {
         const u = parseInt(b.dataset.row, 10);
         isNaN(u) || b.querySelectorAll("td, th").forEach((y) => {
-          const x = parseInt(y.dataset.col, 10);
-          if (isNaN(x)) return;
-          const A = parseInt(y.rowSpan || 1, 10), v = parseInt(y.colSpan || 1, 10), M = u + A - 1, q = x + v - 1;
-          if (u <= a && M >= o && x <= c && q >= i) {
-            const j = Math.min(o, u), Je = Math.max(a, M), Qe = Math.min(i, x), ts = Math.max(c, q);
-            (j !== o || Je !== a || Qe !== i || ts !== c) && (o = j, a = Je, i = Qe, c = ts, l = !0);
+          const v = parseInt(y.dataset.col, 10);
+          if (isNaN(v)) return;
+          const A = parseInt(y.rowSpan || 1, 10), x = parseInt(y.colSpan || 1, 10), M = u + A - 1, q = v + x - 1;
+          if (u <= a && M >= i && v <= c && q >= o) {
+            const j = Math.min(i, u), Je = Math.max(a, M), Qe = Math.min(o, v), ts = Math.max(c, q);
+            (j !== i || Je !== a || Qe !== o || ts !== c) && (i = j, a = Je, o = Qe, c = ts, l = !0);
           }
         });
       });
     });
-  return { startRow: o, startCol: i, endRow: a, endCol: c };
-}, "#expandRangeByMerge"), os = /* @__PURE__ */ h(function() {
+  return { startRow: i, startCol: o, endRow: a, endCol: c };
+}, "#expandRangeByMerge"), is = /* @__PURE__ */ h(function() {
   const n = this.selector ? t(this, F).querySelector(".ng-container-top") : t(this, F).querySelector(".ng-container-top");
   n && n.addEventListener("mousedown", (e) => {
     const s = e.target.closest("td, th");
     if (!s || s.dataset.row === void 0 || s.dataset.col === void 0 || s.closest("tr").classList.contains("nodata")) return;
-    const r = parseInt(s.dataset.row, 10), o = parseInt(s.dataset.col, 10);
-    this.setRange(r, o, r, o);
-    const i = /* @__PURE__ */ h((c) => {
+    const r = parseInt(s.dataset.row, 10), i = parseInt(s.dataset.col, 10);
+    this.setRange(r, i, r, i);
+    const o = /* @__PURE__ */ h((c) => {
       const l = document.elementFromPoint(c.clientX, c.clientY), f = l == null ? void 0 : l.closest("td, th");
       if (!f || !t(this, F).contains(f) || f.dataset.row === void 0 || f.dataset.col === void 0 || f.closest("tr").classList.contains("nodata")) return;
       const g = parseInt(f.dataset.row, 10), b = parseInt(f.dataset.col, 10);
-      this.setRange(r, o, g, b);
+      this.setRange(r, i, g, b);
     }, "onMouseMove"), a = /* @__PURE__ */ h(() => {
-      document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", a);
+      document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", a);
     }, "onMouseUp");
-    document.addEventListener("mousemove", i), document.addEventListener("mouseup", a);
+    document.addEventListener("mousemove", o), document.addEventListener("mouseup", a);
   });
 }, "#initEvents"), h(De, "CellSelection");
 let ye = De;
 var Xt, nt, rt, Lt, Kt, Zt, dt, Gt, Jt;
-const vt = class vt extends HTMLElement {
+const xt = class xt extends HTMLElement {
   constructor() {
     super();
     d(this, Xt);
@@ -779,10 +779,10 @@ const vt = class vt extends HTMLElement {
     E(this, "generate", /* @__PURE__ */ h((e) => {
       if (T.log("sheet.generate()"), !e) return;
       p(this, nt, pe.compile(e)), t(this, Kt).call(this), t(this, Zt).call(this);
-      const s = this.querySelector(".ng-container-body .ng-part-header"), r = this.querySelector(".ng-container-body .ng-part-footer"), o = this.querySelector(".ng-nodata-overlay");
-      s && o && (o.style.top = `${s.offsetHeight}px`), r && o && (o.style.bottom = `${r.offsetHeight}px`), t(this, rt).initialize(), setTimeout(() => {
-        var i;
-        (i = this.querySelector("nine-table-hscrollbar")) == null || i.refresh();
+      const s = this.querySelector(".ng-container-body .ng-part-header"), r = this.querySelector(".ng-container-body .ng-part-footer"), i = this.querySelector(".ng-nodata-overlay");
+      s && i && (i.style.top = `${s.offsetHeight}px`), r && i && (i.style.bottom = `${r.offsetHeight}px`), t(this, rt).initialize(), setTimeout(() => {
+        var o;
+        (o = this.querySelector("nine-table-hscrollbar")) == null || o.refresh();
       }, 0);
     }, "generate"));
     d(this, Kt, /* @__PURE__ */ h(() => {
@@ -791,36 +791,36 @@ const vt = class vt extends HTMLElement {
         { selector: ".ng-container-left", type: "left" },
         { selector: ".ng-container-right", type: "right" }
       ].forEach(({ selector: s, type: r }) => {
-        var o, i, a;
-        (o = this.querySelector(`${s} .ng-part-header`)) == null || o.appendChild(t(this, dt).call(this, t(this, nt), r, "header")), (i = this.querySelector(`${s} .ng-virtual-spacer`)) == null || i.before(t(this, dt).call(this, t(this, nt), r, "body")), (a = this.querySelector(`${s} .ng-part-footer`)) == null || a.appendChild(t(this, dt).call(this, t(this, nt), r, "footer"));
+        var i, o, a;
+        (i = this.querySelector(`${s} .ng-part-header`)) == null || i.appendChild(t(this, dt).call(this, t(this, nt), r, "header")), (o = this.querySelector(`${s} .ng-virtual-spacer`)) == null || o.before(t(this, dt).call(this, t(this, nt), r, "body")), (a = this.querySelector(`${s} .ng-part-footer`)) == null || a.appendChild(t(this, dt).call(this, t(this, nt), r, "footer"));
       });
     }, "#renderSplitContainers"));
     d(this, Zt, /* @__PURE__ */ h(() => {
       ["left", "right", "body"].forEach((e) => {
         const s = this.querySelector(`.ng-container-${e}`), r = s == null ? void 0 : s.querySelectorAll("table");
         if (!s || !r || r.length === 0) return;
-        let o = 0;
-        r[0].querySelectorAll("col").forEach((i) => {
-          const a = parseInt(i.getAttribute("width"), 10);
-          isNaN(o) || (o += a);
-        }), e === "body" ? s.style.flex = "1" : (s.style.flex = `0 0 ${o}px`, s.style.width = `${o}px`);
+        let i = 0;
+        r[0].querySelectorAll("col").forEach((o) => {
+          const a = parseInt(o.getAttribute("width"), 10);
+          isNaN(i) || (i += a);
+        }), e === "body" ? s.style.flex = "1" : (s.style.flex = `0 0 ${i}px`, s.style.width = `${i}px`);
       });
     }, "#updateContainerWidths"));
     d(this, dt, /* @__PURE__ */ h((e, s, r) => {
-      const o = e.cloneNode(!0), i = o.querySelector("thead"), a = o.querySelector("tbody"), c = o.querySelector("tfoot");
+      const i = e.cloneNode(!0), o = i.querySelector("thead"), a = i.querySelector("tbody"), c = i.querySelector("tfoot");
       if (r === "header") {
         if (a && a.remove(), c && c.remove(), e.querySelector("tbody")) {
           const f = document.createElement("tbody");
-          f.className = "fixed-tbody", o.appendChild(f);
+          f.className = "fixed-tbody", i.appendChild(f);
         }
-      } else r === "body" ? (i && i.remove(), c && c.remove(), a && (a.className = "bindable-tbody")) : r === "footer" && (i && i.remove(), a && a.remove());
-      return s === "left" ? o.querySelectorAll("col, th, td, tfoot td, tfoot th").forEach((l) => {
+      } else r === "body" ? (o && o.remove(), c && c.remove(), a && (a.className = "bindable-tbody")) : r === "footer" && (o && o.remove(), a && a.remove());
+      return s === "left" ? i.querySelectorAll("col, th, td, tfoot td, tfoot th").forEach((l) => {
         l.getAttribute("fixed") !== "left" && l.remove();
-      }) : s === "right" ? o.querySelectorAll("col, th, td, tfoot td, tfoot th").forEach((l) => {
+      }) : s === "right" ? i.querySelectorAll("col, th, td, tfoot td, tfoot th").forEach((l) => {
         l.getAttribute("fixed") !== "right" && l.remove();
-      }) : o.querySelectorAll("[fixed=left], [fixed=right]").forEach((l) => {
+      }) : i.querySelectorAll("[fixed=left], [fixed=right]").forEach((l) => {
         l.remove();
-      }), o;
+      }), i;
     }, "#createSplitTable"));
     E(this, "getRowHeight", /* @__PURE__ */ h(() => t(this, rt).getRowHeight(), "getRowHeight"));
     E(this, "scrollToX", /* @__PURE__ */ h((e) => {
@@ -835,7 +835,7 @@ const vt = class vt extends HTMLElement {
       t(this, Jt).call(this), p(this, Lt, new ye(this));
     }, "#init"));
     d(this, Jt, /* @__PURE__ */ h(() => {
-      const e = vt.SCROLLBAR_SIZE;
+      const e = xt.SCROLLBAR_SIZE;
       this.innerHTML = `
             <style>
                 nine-table-sheet {
@@ -988,10 +988,10 @@ const vt = class vt extends HTMLElement {
                 }
                 
                 /* 외곽 경계선에만 적용되는 단단한 테두리 */
-                nine-table-sheet td.selected-top    { border-top: 2px solid #2563eb !important; }
-                nine-table-sheet td.selected-bottom { border-bottom: 2px solid #2563eb !important; }
-                nine-table-sheet td.selected-left   { border-left: 2px solid #2563eb !important; }
-                nine-table-sheet td.selected-right  { border-right: 2px solid #2563eb !important; }
+                nine-table-sheet td.selected-top    { box-shadow: inset 0  2px 0 #2563eb !important; z-index: 2; }
+                nine-table-sheet td.selected-bottom { box-shadow: inset 0 -2px 0 #2563eb !important; z-index: 2; }
+                nine-table-sheet td.selected-left   { box-shadow: inset  2px 0 0 #2563eb !important; z-index: 2; }
+                nine-table-sheet td.selected-right  { box-shadow: inset -2px 0 0 #2563eb !important; z-index: 2; }
             </style>
             
             <div class='ng-container-top'>
@@ -1047,9 +1047,9 @@ const vt = class vt extends HTMLElement {
     this.innerHTML = "", T.log("NineTableSheet destroyed.");
   }
 };
-Xt = new WeakMap(), nt = new WeakMap(), rt = new WeakMap(), Lt = new WeakMap(), Kt = new WeakMap(), Zt = new WeakMap(), dt = new WeakMap(), Gt = new WeakMap(), Jt = new WeakMap(), h(vt, "NineTableSheet"), E(vt, "SCROLLBAR_SIZE", 16);
-let Ot = vt;
-customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", Ot);
+Xt = new WeakMap(), nt = new WeakMap(), rt = new WeakMap(), Lt = new WeakMap(), Kt = new WeakMap(), Zt = new WeakMap(), dt = new WeakMap(), Gt = new WeakMap(), Jt = new WeakMap(), h(xt, "NineTableSheet"), E(xt, "SCROLLBAR_SIZE", 16);
+let Wt = xt;
+customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", Wt);
 var Qt, Ht;
 const Fe = class Fe extends HTMLElement {
   constructor() {
@@ -1057,9 +1057,9 @@ const Fe = class Fe extends HTMLElement {
     d(this, Qt, /* @__PURE__ */ h(() => {
       var e;
       (e = this.querySelector(".nine-tab-bar")) == null || e.addEventListener("click", (s) => {
-        var i;
-        const r = s.ctrlKey || s.metaKey || s.shiftKey, o = parseInt((i = s.target.closest(".nine-tab-item")) == null ? void 0 : i.dataset.index, 10);
-        t(this, Ht).call(this, o, r);
+        var o;
+        const r = s.ctrlKey || s.metaKey || s.shiftKey, i = parseInt((o = s.target.closest(".nine-tab-item")) == null ? void 0 : o.dataset.index, 10);
+        t(this, Ht).call(this, i, r);
       }), t(this, Ht).call(this, 0, !1);
     }, "#init"));
     d(this, Ht, /* @__PURE__ */ h((e, s = !1) => {
@@ -1068,10 +1068,10 @@ const Fe = class Fe extends HTMLElement {
         Array.from(this.querySelectorAll("nine-splitter")).forEach((u) => u.style.setProperty("display", "none"));
         const b = f.filter((u) => u.classList.contains("active"));
         b.length < 2 || b.forEach((u) => {
-          const y = parseInt(u.getAttribute("data-index"), 10), x = this.querySelector(`nine-splitter[data-split-index="${y}"]`), A = f[y + 1];
-          x && A && A.classList.contains("active") && x.style.setProperty("display", "flex");
+          const y = parseInt(u.getAttribute("data-index"), 10), v = this.querySelector(`nine-splitter[data-split-index="${y}"]`), A = f[y + 1];
+          v && A && A.classList.contains("active") && v.style.setProperty("display", "flex");
         });
-      }, "updateSplitters"), o = this.querySelector(".nine-tab-bar"), i = this.querySelector("nine-table-sheets-body"), a = o.querySelectorAll(".nine-tab-item"), c = i.querySelectorAll("nine-table-sheet");
+      }, "updateSplitters"), i = this.querySelector(".nine-tab-bar"), o = this.querySelector("nine-table-sheets-body"), a = i.querySelectorAll(".nine-tab-item"), c = o.querySelectorAll("nine-table-sheet");
       if (!a[e]) return;
       if (!s)
         a.forEach((f, g) => {
@@ -1081,14 +1081,14 @@ const Fe = class Fe extends HTMLElement {
           f.classList.toggle("active", b), f.style.flex = b ? "1 1 100%" : "";
         });
       else {
-        const f = a[e], g = o.querySelectorAll(".nine-tab-item.active");
+        const f = a[e], g = i.querySelectorAll(".nine-tab-item.active");
         if (f.classList.contains("active") && g.length <= 1)
           return;
         f.classList.toggle("active");
-        const b = i.querySelector(`nine-table-sheet[data-index="${e}"]`);
+        const b = o.querySelector(`nine-table-sheet[data-index="${e}"]`);
         b && (b.classList.toggle("active"), b.classList.contains("active") || (b.style.flex = ""));
       }
-      const l = i.querySelectorAll("nine-table-sheet.active");
+      const l = o.querySelectorAll("nine-table-sheet.active");
       l == null || l.forEach((f) => {
         f.style.flex = l.length > 1 ? "1 1 0%" : "1 1 100%";
       }), r();
@@ -1115,14 +1115,14 @@ const je = class je {
       var c, l;
       const n = Array.from(t(this, I).shadowRoot.querySelectorAll("nine-table-sheet.active"));
       if (n.length === 0) return;
-      const e = parseInt(t(this, I).getAttribute("max-display-row"), 10) || 10, s = Math.max(...n.map((f) => f.getRowHeight())), r = (c = t(this, I).shadowRoot.querySelector("nine-table-header")) == null ? void 0 : c.getBoundingClientRect().height, o = (l = t(this, I).shadowRoot.querySelector("nine-table-sheets-footer")) == null ? void 0 : l.getBoundingClientRect().height, i = Ot.SCROLLBAR_SIZE, a = e * s + r + o + i;
+      const e = parseInt(t(this, I).getAttribute("max-display-row"), 10) || 10, s = Math.max(...n.map((f) => f.getRowHeight())), r = (c = t(this, I).shadowRoot.querySelector("nine-table-header")) == null ? void 0 : c.getBoundingClientRect().height, i = (l = t(this, I).shadowRoot.querySelector("nine-table-sheets-footer")) == null ? void 0 : l.getBoundingClientRect().height, o = Wt.SCROLLBAR_SIZE, a = e * s + r + i + o;
       t(this, I).style.height = `${a}px`;
     }, "#applyAutoHeight"));
     d(this, ee, /* @__PURE__ */ h(() => {
-      const e = Array.from(t(this, I).children).filter((c) => c.tagName === "TABLE"), s = t(this, I).getAttribute("auto-height") === "true", r = e.length, o = e.map((c, l) => {
+      const e = Array.from(t(this, I).children).filter((c) => c.tagName === "TABLE"), s = t(this, I).getAttribute("auto-height") === "true", r = e.length, i = e.map((c, l) => {
         const g = `<nine-table-sheet class="${l === 0 ? "active" : ""}" data-index="${l}"></nine-table-sheet>`, b = l < r - 1 ? `<nine-splitter class="h" data-split-index="${l}"></nine-splitter>` : "";
         return g + b;
-      }).join(""), i = e.map((c, l) => `<div class="nine-tab-item ${l === 0 ? "active" : ""}" data-index="${l}">Sheet ${l + 1}</div>`).join("");
+      }).join(""), o = e.map((c, l) => `<div class="nine-tab-item ${l === 0 ? "active" : ""}" data-index="${l}">Sheet ${l + 1}</div>`).join("");
       t(this, I).shadowRoot.innerHTML = `
             <style>
                 :host { 
@@ -1234,9 +1234,9 @@ const je = class je {
             <nine-table-body>
                 <nine-table-summary></nine-table-summary>
                 <nine-table-sheets>
-                    <nine-table-sheets-body>${o}</nine-table-sheets-body>
+                    <nine-table-sheets-body>${i}</nine-table-sheets-body>
                     <nine-table-sheets-footer>
-                        <div class="nine-tab-bar">${i}</div>
+                        <div class="nine-tab-bar">${o}</div>
                         <div class="sheets-counter">Total : <span id="row-count">0</span></div>
                     </nine-table-sheets-footer>
                 </nine-table-sheets>
@@ -1255,7 +1255,7 @@ const je = class je {
   }
 };
 I = new WeakMap(), te = new WeakMap(), Mt = new WeakMap(), ee = new WeakMap(), h(je, "LayoutManager");
-let ve = je;
+let xe = je;
 var It, ft;
 const Ve = class Ve {
   constructor(n) {
@@ -1273,13 +1273,13 @@ const Ve = class Ve {
   }
 };
 It = new WeakMap(), ft = new WeakMap(), h(Ve, "ngRow");
-let xe = Ve;
-var N, C, W, ut, se, U, ne, ot, $t, re, oe, gt;
-const B = class B {
+let ve = Ve;
+var N, C, z, ut, se, U, ne, it, $t, re, ie, gt;
+const O = class O {
   constructor(n, e) {
     d(this, N);
     d(this, C);
-    d(this, W, []);
+    d(this, z, []);
     d(this, ut, []);
     d(this, se, 0);
     d(this, U, []);
@@ -1293,107 +1293,107 @@ const B = class B {
         e.__ng || (e.__ng = t(this, $t).call(this)), e.__ng.height = t(this, U).slice();
       });
     }, "#initialize"));
-    d(this, ot, /* @__PURE__ */ h(() => {
+    d(this, it, /* @__PURE__ */ h(() => {
       const n = t(this, N).shadowRoot.querySelector("nine-table-sheets");
       n == null || n.classList.toggle("nodata", this.length === 0), t(this, N).shadowRoot.querySelectorAll("nine-table-sheet").forEach((e) => {
         e.invalidate();
       });
     }, "#invalidate"));
     E(this, "get", /* @__PURE__ */ h((n, e) => {
-      var o;
+      var i;
       const s = this.getValidData();
       if (!s || s.length <= 0) return;
       if (n == null) return t(this, gt).call(this, s);
       if (n < 0 || n >= s.length) return null;
-      const r = typeof ((o = t(this, N).fields) == null ? void 0 : o.get) == "function" ? t(this, N).fields.get() : [];
+      const r = typeof ((i = t(this, N).fields) == null ? void 0 : i.get) == "function" ? t(this, N).fields.get() : [];
       if (e != null) {
-        const i = r.indexOf(e);
-        return i >= 0 ? s[n].v[i] : null;
+        const o = r.indexOf(e);
+        return o >= 0 ? s[n].v[o] : null;
       }
       return t(this, gt).call(this, s[n]);
     }, "get"));
     E(this, "set", /* @__PURE__ */ h((n) => {
-      this.clear(), this.add(n, !1), t(this, ot).call(this);
+      this.clear(), this.add(n, !1), t(this, it).call(this);
     }, "set"));
     d(this, $t, /* @__PURE__ */ h(() => ({
-      rowState: B.ROW_STATE.EMPTY,
+      rowState: O.ROW_STATE.EMPTY,
       deleted: !1,
       filtered: !1,
       height: t(this, U).slice(),
       o: {},
       c: {},
-      _: [0, 0, 0, 0, B.ROW_STATE.EMPTY, !1, !1, !0, !1, !0, !0, !1, t(this, U).slice(), -1, {}, {}]
+      _: [0, 0, 0, 0, O.ROW_STATE.EMPTY, !1, !1, !0, !1, !0, !0, !1, t(this, U).slice(), -1, {}, {}]
     }), "#getDefaultMeta"));
     E(this, "reset", /* @__PURE__ */ h(() => {
-      p(this, W, []), p(this, ut, []), t(this, ot).call(this);
+      p(this, z, []), p(this, ut, []), t(this, it).call(this);
     }, "reset"));
     E(this, "clear", /* @__PURE__ */ h(() => {
       var n;
-      t(this, C).rawRecords = [], p(this, W, []), p(this, ut, []), (n = t(this, C).viewRecords) != null && n.reset && t(this, C).viewRecords.reset();
+      t(this, C).rawRecords = [], p(this, z, []), p(this, ut, []), (n = t(this, C).viewRecords) != null && n.reset && t(this, C).viewRecords.reset();
     }, "clear"));
     d(this, re, /* @__PURE__ */ h((n) => {
       var r;
       Array.isArray(n) || (n = [n]);
       const e = typeof ((r = t(this, N).fields) == null ? void 0 : r.get) == "function" ? t(this, N).fields.get() : Object.keys(n[0] || {}), s = [];
-      return n.forEach((o) => {
-        const i = { v: [] };
+      return n.forEach((i) => {
+        const o = { v: [] };
         e.forEach((a) => {
-          i.v.push(o[a] !== void 0 && o[a] !== null ? o[a] : "");
-        }), s.push(i);
+          o.v.push(i[a] !== void 0 && i[a] !== null ? i[a] : "");
+        }), s.push(o);
       }), s;
     }, "#json2Array"));
-    d(this, oe, /* @__PURE__ */ h((n) => (Array.isArray(n) || (n = [n]), n.forEach((e) => {
-      e.__ng = t(this, $t).call(this), e.__ng.rowid = this.nextId, e.__ng.rowState = B.ROW_STATE.INSERT, e.__ng._[0] = e.__ng.rowid;
+    d(this, ie, /* @__PURE__ */ h((n) => (Array.isArray(n) || (n = [n]), n.forEach((e) => {
+      e.__ng = t(this, $t).call(this), e.__ng.rowid = this.nextId, e.__ng.rowState = O.ROW_STATE.INSERT, e.__ng._[0] = e.__ng.rowid;
     }), n), "#defaultInsert"));
     E(this, "add", /* @__PURE__ */ h((n, e = !0) => {
       n === void 0 && (n = {});
       const s = t(this, re).call(this, n);
-      t(this, C).rawRecords = t(this, C).rawRecords.concat(t(this, oe).call(this, s)), this.resetRecords();
+      t(this, C).rawRecords = t(this, C).rawRecords.concat(t(this, ie).call(this, s)), this.resetRecords();
       const r = this.count() - 1;
-      return e || s.forEach((o, i) => {
-        const a = t(this, C).rawRecords[r - i];
-        a && (a.__ng.rowState = B.ROW_STATE.EMPTY);
-      }), t(this, ot).call(this), r;
+      return e || s.forEach((i, o) => {
+        const a = t(this, C).rawRecords[r - o];
+        a && (a.__ng.rowState = O.ROW_STATE.EMPTY);
+      }), t(this, it).call(this), r;
     }, "add"));
     E(this, "delete", /* @__PURE__ */ h((n) => {
       let e = [];
       Array.isArray(n) ? e = n : typeof n > "u" ? e = [t(this, C).host.row.at] : e = [parseInt(n, 10)], e.sort((s, r) => r - s).forEach((s) => {
-        if (t(this, W)[s]) {
-          const r = t(this, W)[s].__ng.rowid;
-          t(this, W)[s].__ng.rowState === B.ROW_STATE.INSERT ? t(this, C).rawRecords = t(this, C).rawRecords.filter((o) => o.__ng.rowid !== r) : t(this, C).rawRecords.forEach((o) => {
-            o.__ng.rowid === r && (o.__ng.deleted = !0, o.__ng.rowState = B.ROW_STATE.DELETE);
+        if (t(this, z)[s]) {
+          const r = t(this, z)[s].__ng.rowid;
+          t(this, z)[s].__ng.rowState === O.ROW_STATE.INSERT ? t(this, C).rawRecords = t(this, C).rawRecords.filter((i) => i.__ng.rowid !== r) : t(this, C).rawRecords.forEach((i) => {
+            i.__ng.rowid === r && (i.__ng.deleted = !0, i.__ng.rowState = O.ROW_STATE.DELETE);
           });
         }
-      }), this.resetRecords(), t(this, ot).call(this);
+      }), this.resetRecords(), t(this, it).call(this);
     }, "delete"));
     E(this, "setValue", /* @__PURE__ */ h((n, e, s) => {
       var c;
       n = parseInt(n, 10);
-      const o = (typeof ((c = t(this, N).fields) == null ? void 0 : c.get) == "function" ? t(this, N).fields.get() : []).indexOf(e);
-      if (o < 0) return;
-      const i = this.getValidData()[n];
-      if (!i) return;
-      const a = i.v[o];
-      a !== s && i.__ng.rowState !== B.ROW_STATE.INSERT && (i.__ng.o.hasOwnProperty(e) || (i.__ng.o[e] = a), i.__ng.rowState = B.ROW_STATE.UPDATE), i.v[o] = s;
+      const i = (typeof ((c = t(this, N).fields) == null ? void 0 : c.get) == "function" ? t(this, N).fields.get() : []).indexOf(e);
+      if (i < 0) return;
+      const o = this.getValidData()[n];
+      if (!o) return;
+      const a = o.v[i];
+      a !== s && o.__ng.rowState !== O.ROW_STATE.INSERT && (o.__ng.o.hasOwnProperty(e) || (o.__ng.o[e] = a), o.__ng.rowState = O.ROW_STATE.UPDATE), o.v[i] = s;
     }, "setValue"));
     E(this, "resetRecords", /* @__PURE__ */ h(() => {
-      p(this, ut, t(this, C).rawRecords.filter((n) => !n.__ng.deleted)), p(this, W, t(this, C).rawRecords.filter((n) => !n.__ng.deleted && !n.__ng.filtered)), t(this, C).rawRecords.forEach((n, e) => {
+      p(this, ut, t(this, C).rawRecords.filter((n) => !n.__ng.deleted)), p(this, z, t(this, C).rawRecords.filter((n) => !n.__ng.deleted && !n.__ng.filtered)), t(this, C).rawRecords.forEach((n, e) => {
         n.__ng.rowidx = e;
-      }), t(this, W).forEach((n, e) => {
+      }), t(this, z).forEach((n, e) => {
         n.__ng.i = e;
       });
     }, "resetRecords"));
-    E(this, "getValidData", /* @__PURE__ */ h(() => (t(this, W).length === 0 && t(this, C).rawRecords.length > 0 && this.resetRecords(), t(this, W)), "getValidData"));
+    E(this, "getValidData", /* @__PURE__ */ h(() => (t(this, z).length === 0 && t(this, C).rawRecords.length > 0 && this.resetRecords(), t(this, z)), "getValidData"));
     d(this, gt, /* @__PURE__ */ h((n) => {
-      var i;
+      var o;
       if (!n) return n;
-      const e = !Array.isArray(n), s = e ? [n] : n, r = typeof ((i = t(this, N).fields) == null ? void 0 : i.get) == "function" ? t(this, N).fields.get() : [], o = s.filter((a) => !a.__ng.deleted).map((a) => {
+      const e = !Array.isArray(n), s = e ? [n] : n, r = typeof ((o = t(this, N).fields) == null ? void 0 : o.get) == "function" ? t(this, N).fields.get() : [], i = s.filter((a) => !a.__ng.deleted).map((a) => {
         const c = {};
         return r.forEach((l, f) => {
           c[l] = a.v ? a.v[f] : a[l];
         }), c.__ng = a.__ng, c;
       });
-      return e ? o[0] : o;
+      return e ? i[0] : i;
     }, "#conv"));
     E(this, "count", /* @__PURE__ */ h(() => this.getValidData().length, "count"));
     p(this, N, n), p(this, C, e), t(this, ne).call(this);
@@ -1408,38 +1408,38 @@ const B = class B {
     return ++ns(this, se)._;
   }
   get count() {
-    return t(this, W).length;
+    return t(this, z).length;
   }
   get length() {
-    return t(this, W).length;
+    return t(this, z).length;
   }
   getRowCount() {
     return this.length;
   }
 };
-N = new WeakMap(), C = new WeakMap(), W = new WeakMap(), ut = new WeakMap(), se = new WeakMap(), U = new WeakMap(), ne = new WeakMap(), ot = new WeakMap(), $t = new WeakMap(), re = new WeakMap(), oe = new WeakMap(), gt = new WeakMap(), h(B, "ngData"), // 🎯 행 상태 정의 상수를 클래스 내부로 내재화
-E(B, "ROW_STATE", {
+N = new WeakMap(), C = new WeakMap(), z = new WeakMap(), ut = new WeakMap(), se = new WeakMap(), U = new WeakMap(), ne = new WeakMap(), it = new WeakMap(), $t = new WeakMap(), re = new WeakMap(), ie = new WeakMap(), gt = new WeakMap(), h(O, "ngData"), // 🎯 행 상태 정의 상수를 클래스 내부로 내재화
+E(O, "ROW_STATE", {
   EMPTY: "EMPTY",
   NORMAL: "NORMAL",
   INSERT: "INSERT",
   UPDATE: "UPDATE",
   DELETE: "DELETE"
 });
-let we = B;
-var it;
+let we = O;
+var ot;
 const Ye = class Ye {
   constructor(n) {
-    d(this, it);
-    p(this, it, n), this.row = new xe(this), this.data = new we(t(this, it), this), this.rawRecords = [], this.viewRecords = [], this.delRecords = [], this.pageCnt = 25, this.viewRecords.reset = () => {
+    d(this, ot);
+    p(this, ot, n), this.row = new ve(this), this.data = new we(t(this, ot), this), this.rawRecords = [], this.viewRecords = [], this.delRecords = [], this.pageCnt = 25, this.viewRecords.reset = () => {
       var e;
-      (e = t(this, it).view) != null && e.redraw && t(this, it).view.redraw();
+      (e = t(this, ot).view) != null && e.redraw && t(this, ot).view.redraw();
     }, this.setDataSource = (e) => {
       this.data && this.data.reset(), this.rawRecords = [], this.viewRecords = [], this.delRecords = [], this.data.set(e || []);
     }, this.getRowState = (e) => {
-      var r, o;
+      var r, i;
       const s = parseInt(e, 10);
       if (!(s >= this.data.count()))
-        return (o = (r = this.data.getValidData()[s]) == null ? void 0 : r.__ng) == null ? void 0 : o.rowState;
+        return (i = (r = this.data.getValidData()[s]) == null ? void 0 : r.__ng) == null ? void 0 : i.rowState;
     }, this.getRowPosition = () => this.row.at, this.setRowPosition = (e) => {
       this.row.at = e;
     }, this.scrollTo_V1 = (e) => (e < 0 && (e = 0), e >= this.rawRecords.length && (e = this.rawRecords.length - 1), this.viewRecords.rawIndex = e, this.viewRecords.reset && this.viewRecords.reset(), !(e <= 0 || e >= this.rawRecords.length - 1)), this.getColumn = (e, s) => this.data.get(e, s), this.setColumn = (e, s, r) => {
@@ -1447,9 +1447,9 @@ const Ye = class Ye {
     }, this.setDataSource([]);
   }
 };
-it = new WeakMap(), h(Ye, "ngDataManager");
+ot = new WeakMap(), h(Ye, "ngDataManager");
 let Se = Ye;
-var bt, H, _t, ie;
+var bt, H, _t, oe;
 const Ue = class Ue {
   // 🎯 이제 { name: string, type: string } 객체들의 배열로 관리합니다.
   constructor(n) {
@@ -1466,31 +1466,31 @@ const Ue = class Ue {
         n.set(e.name, e.type);
       }), p(this, H, Array.from(n, ([e, s]) => ({ name: e, type: s }))), p(this, H, t(this, H).filter((e) => e.name !== "" && e.name !== "__ng")), t(this, H).sort((e, s) => e.name.length < s.name.length ? 1 : -1);
     }, "#adjust"));
-    d(this, ie, /* @__PURE__ */ h(() => {
+    d(this, oe, /* @__PURE__ */ h(() => {
       p(this, H, []), T.log(t(this, bt).querySelectorAll("table"));
       const n = Array.from(t(this, bt).querySelectorAll("table"));
       if (!(!n || n.length === 0)) {
         for (const e of n)
           T.log(e), $("[data-bind]", e).each((s, r) => {
-            const o = r.dataset.bind, i = r.getAttribute("data-type") || "string";
-            o && t(this, H).push({ name: o, type: i });
+            const i = r.dataset.bind, o = r.getAttribute("data-type") || "string";
+            i && t(this, H).push({ name: i, type: o });
           }), ["data-expr", "background-color", "color", "tooltip", "visible", "readonly", "enable-button", "enable-check", "class-expr", "icon-color", "icon-src"].forEach((s) => {
-            $(`[${s}]`, e).each((r, o) => {
-              var i = o.getAttribute(s);
-              if (i.indexOf("data.") < 0) {
-                const a = i.search(/[(]/g);
+            $(`[${s}]`, e).each((r, i) => {
+              var o = i.getAttribute(s);
+              if (o.indexOf("data.") < 0) {
+                const a = o.search(/[(]/g);
                 if (a > 0)
                   try {
-                    i = String(window[i.substring(0, a).trim()]);
+                    o = String(window[o.substring(0, a).trim()]);
                   } catch {
-                    i = "";
+                    o = "";
                   }
               }
-              i.split("data.").forEach((a) => {
+              o.split("data.").forEach((a) => {
                 if (a.trim() != "") {
                   const c = a.search(/[^_A-Za-z0-9]/g);
                   let l = "";
-                  c >= 0 ? l = a.substring(0, c) : i.startsWith("data.") && (l = a.replace("data.", "")), l && t(this, H).push({ name: l, type: "string" });
+                  c >= 0 ? l = a.substring(0, c) : o.startsWith("data.") && (l = a.replace("data.", "")), l && t(this, H).push({ name: l, type: "string" });
                 }
               });
             });
@@ -1498,7 +1498,7 @@ const Ue = class Ue {
         t(this, _t).call(this);
       }
     }, "#init"));
-    p(this, bt, n), t(this, ie).call(this);
+    p(this, bt, n), t(this, oe).call(this);
   }
   // 🎯 기존에 필드 이름만 쓰던 곳들과의 호환을 위해 이름 배열만 리턴하는 메서드 유지
   get() {
@@ -1520,7 +1520,7 @@ const Ue = class Ue {
     return t(this, H).some((e) => e.name === n);
   }
 };
-bt = new WeakMap(), H = new WeakMap(), _t = new WeakMap(), ie = new WeakMap(), h(Ue, "ngFields");
+bt = new WeakMap(), H = new WeakMap(), _t = new WeakMap(), oe = new WeakMap(), h(Ue, "ngFields");
 let Ee = Ue;
 var at, ae, le;
 const Xe = class Xe extends HTMLElement {
@@ -1530,7 +1530,7 @@ const Xe = class Xe extends HTMLElement {
     d(this, at);
     d(this, ae);
     d(this, le, /* @__PURE__ */ h(() => {
-      this.fields = new Ee(this), p(this, ae, new ve(this)), T.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
+      this.fields = new Ee(this), p(this, ae, new xe(this)), T.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
     }, "#init"));
     this.attachShadow({ mode: "open" }), p(this, at, new Se(this));
   }
@@ -1556,7 +1556,7 @@ const Xe = class Xe extends HTMLElement {
 at = new WeakMap(), ae = new WeakMap(), le = new WeakMap(), h(Xe, "NineTable");
 let Ae = Xe;
 customElements.get("nine-table") || customElements.define("nine-table", Ae);
-const xt = class xt extends HTMLElement {
+const vt = class vt extends HTMLElement {
   // 👈 커스텀 스타일용 캐시 추가
   constructor() {
     super();
@@ -1567,8 +1567,8 @@ const xt = class xt extends HTMLElement {
   connectedCallback() {
   }
 };
-h(xt, "BasicCellElement"), E(xt, "_styleCache", /* @__PURE__ */ new Map()), E(xt, "_customStyleCache", /* @__PURE__ */ new Map());
-let Re = xt;
+h(vt, "BasicCellElement"), E(vt, "_styleCache", /* @__PURE__ */ new Map()), E(vt, "_customStyleCache", /* @__PURE__ */ new Map());
+let Re = vt;
 var L, Nt, m, Me, Ie, $e, _e, Ne;
 const Ke = class Ke extends Re {
   constructor() {
@@ -1605,36 +1605,36 @@ const Ke = class Ke extends Re {
         var e = ninegrid.j.querySelectorAll(t(this, m)).attr("suppress");
         if (e && (e = parseInt(e)), e && !isNaN(e)) {
           var s = t(this, m).closest("tr"), r = [];
-          $("th,td", s).each((v, M) => {
+          $("th,td", s).each((x, M) => {
             var q = ninegrid.j.querySelectorAll(M).attr("suppress");
             q && M.dataset.row && (q = parseInt(q), !isNaN(q) && q <= e && r.push(q));
           }), r.sort();
-          var o = !1;
+          var i = !1;
           if (parseInt(s.sectionRowIndex / t(this, L).template.length) > 0)
-            for (var i of r) {
-              if (i > e) break;
+            for (var o of r) {
+              if (o > e) break;
               var a = parseInt(t(this, m).dataset.row), c = a - 1, l = t(this, m).closest("tr").data, f = t(this, L).data.get(c);
               t(this, m).dataset.matrixRow;
-              var g = t(this, L).body.querySelector(`tbody.bindable [suppress="${i}"][data-matrix-row="${t(this, m).dataset.matrixRow}"]`), b = g.dataset.expr ? this.getExprValue(g.dataset.expr, l, a) : l[g.dataset.bind], u = g.dataset.expr ? this.getExprValue(g.dataset.expr, f, c) : f[g.dataset.bind];
+              var g = t(this, L).body.querySelector(`tbody.bindable [suppress="${o}"][data-matrix-row="${t(this, m).dataset.matrixRow}"]`), b = g.dataset.expr ? this.getExprValue(g.dataset.expr, l, a) : l[g.dataset.bind], u = g.dataset.expr ? this.getExprValue(g.dataset.expr, f, c) : f[g.dataset.bind];
               if (b != u) {
-                o = !0;
+                i = !0;
                 break;
               }
             }
           else
-            o = !0;
-          o ? ninegrid.j.querySelectorAll(t(this, m)).removeClass("suppress") : ninegrid.j.querySelectorAll(t(this, m)).addClass("suppress"), ninegrid.j.querySelectorAll(t(this, m)).hasClass("hidden") || (o ? ninegrid.j.querySelectorAll(t(this, m)).removeClass("hidden") : ninegrid.j.querySelectorAll(t(this, m)).addClass("hidden"));
-          var y = parseInt(t(this, m).dataset.matrixRow), x = y - 1, A = t(this, L).body.querySelector(`tbody.bindable [data-col="${t(this, m).dataset.col}"][data-matrix-row="${x}"]`);
+            i = !0;
+          i ? ninegrid.j.querySelectorAll(t(this, m)).removeClass("suppress") : ninegrid.j.querySelectorAll(t(this, m)).addClass("suppress"), ninegrid.j.querySelectorAll(t(this, m)).hasClass("hidden") || (i ? ninegrid.j.querySelectorAll(t(this, m)).removeClass("hidden") : ninegrid.j.querySelectorAll(t(this, m)).addClass("hidden"));
+          var y = parseInt(t(this, m).dataset.matrixRow), v = y - 1, A = t(this, L).body.querySelector(`tbody.bindable [data-col="${t(this, m).dataset.col}"][data-matrix-row="${v}"]`);
           $(A).hasClass("suppress") && !ninegrid.j.querySelectorAll(t(this, m)).hasClass("suppress") ? ninegrid.j.querySelectorAll(A).removeClass("last-none-suppress").addClass("last-suppress") : !$(A).hasClass("suppress") && ninegrid.j.querySelectorAll(t(this, m)).hasClass("suppress") ? ninegrid.j.querySelectorAll(A).removeClass("last-suppress").addClass("last-none-suppress") : ninegrid.j.querySelectorAll(A).removeClass("last-none-suppress").removeClass("last-suppress");
         }
       }
     }, "#resetSuppress"));
-    E(this, "getExprValue", /* @__PURE__ */ h((e, s, r, o) => {
+    E(this, "getExprValue", /* @__PURE__ */ h((e, s, r, i) => {
       if (typeof e < "u")
         try {
           r = parseInt(r);
-          const i = e.replace("()", "");
-          return t(this, L)[i] ? t(this, L)[i].call(this, s, r, t(this, m)) : t(this, L).exprFunction(e).call(this, s, r, t(this, L).data);
+          const o = e.replace("()", "");
+          return t(this, L)[o] ? t(this, L)[o].call(this, s, r, t(this, m)) : t(this, L).exprFunction(e).call(this, s, r, t(this, L).data);
         } catch {
           return ["NG-COMBO"].includes(this.tagName) ? "" : e;
         }
@@ -1680,11 +1680,11 @@ const Ze = class Ze extends qe {
 };
 h(Ze, "EditableCellElement");
 let Te = Ze;
-var Wt, lt, pt, yt, ce, X, We;
+var zt, lt, pt, yt, ce, X, ze;
 const Ge = class Ge extends Te {
   constructor() {
     super();
-    d(this, Wt);
+    d(this, zt);
     d(this, lt);
     d(this, pt);
     d(this, yt);
@@ -1692,7 +1692,7 @@ const Ge = class Ge extends Te {
     d(this, X);
     E(this, "refresh", /* @__PURE__ */ h(() => {
       const e = super.refresh();
-      t(this, Wt).value = e;
+      t(this, zt).value = e;
     }, "refresh"));
     /**
     	dataRefresh = (v) => {
@@ -1724,11 +1724,11 @@ const Ge = class Ge extends Te {
     		if (!v) this.reset();
     	};
     		*/
-    d(this, We, /* @__PURE__ */ h((e) => {
+    d(this, ze, /* @__PURE__ */ h((e) => {
       if (!["Escape", "Enter", "Tab", "Home", "End", "ArrowLeft", "ArrowRight", "PageUp", "PageDown", "Backspace", "Delete"].includes(e.code)) {
         if (t(this, lt) == "number") {
-          let o = [];
-          if (t(this, X) && Number(t(this, X)) > 0 && o.push("."), t(this, yt) && Number(t(this, yt)) >= 0 && o.push("-"), !(e.keyCode >= 48 && e.keyCode <= 57 || e.keyCode >= 96 && e.keyCode <= 105) && !o.includes(e.key) && e.preventDefault(), t(this, X) && (e.keyCode >= 48 && e.keyCode <= 57 || e.keyCode >= 96 && e.keyCode <= 105) && e.target.selectionStart == e.target.selectionEnd) {
+          let i = [];
+          if (t(this, X) && Number(t(this, X)) > 0 && i.push("."), t(this, yt) && Number(t(this, yt)) >= 0 && i.push("-"), !(e.keyCode >= 48 && e.keyCode <= 57 || e.keyCode >= 96 && e.keyCode <= 105) && !i.includes(e.key) && e.preventDefault(), t(this, X) && (e.keyCode >= 48 && e.keyCode <= 57 || e.keyCode >= 96 && e.keyCode <= 105) && e.target.selectionStart == e.target.selectionEnd) {
             var s = e.target.value, r = s.indexOf(".");
             if (r >= 0) {
               var s = s.substr(r + 1, s.length);
@@ -1749,10 +1749,10 @@ const Ge = class Ge extends Te {
 				${e.join(" ")}
 				ondragstart="return false;" 
 			>
-		`, super.connectedCallback(), p(this, Wt, this.querySelector("input"));
+		`, super.connectedCallback(), p(this, zt, this.querySelector("input"));
   }
 };
-Wt = new WeakMap(), lt = new WeakMap(), pt = new WeakMap(), yt = new WeakMap(), ce = new WeakMap(), X = new WeakMap(), We = new WeakMap(), h(Ge, "CellInputText");
+zt = new WeakMap(), lt = new WeakMap(), pt = new WeakMap(), yt = new WeakMap(), ce = new WeakMap(), X = new WeakMap(), ze = new WeakMap(), h(Ge, "CellInputText");
 let ke = Ge;
 customElements.get("cell-input-text");
 customElements.get("cell-input") || customElements.define("cell-input", ke);