@ninebone/table 0.0.752 → 0.0.754

package/dist/nine-table.js

@@ -2,10 +2,10 @@ var fs = Object.defineProperty;
 var us = (q) => {
   throw TypeError(q);
 };
-var ps = (q, s, e) => s in q ? fs(q, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : q[s] = e;
+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) => ps(q, typeof s != "symbol" ? s + "" : s, e), xe = (q, s, e) => s.has(q) || us("Cannot " + e);
-var t = (q, s, e) => (xe(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) => (xe(q, s, "write to private field"), n ? n.call(q, e) : s.set(q, e), e), gt = (q, s, e) => (xe(q, s, "access private method"), e);
+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) => ({
   set _(r) {
     p(q, s, r, e);
@@ -14,31 +14,31 @@ var gs = (q, s, e, n) => ({
     return t(q, s, n);
   }
 });
-import { trace as ys } from "@ninebone/util";
-const Xe = class Xe extends ys.constructor {
+import { trace as ms } from "@ninebone/util";
+const Xe = class Xe extends ms.constructor {
   constructor() {
     super(), this.init("nine-table", "green");
   }
 };
 h(Xe, "Trace");
-let ve = Xe;
-const w = new ve();
-var B, K, A, Q, tt, et, Vt, st, Ut;
+let we = Xe;
+const S = new we();
+var B, K, A, tt, et, st, Vt, nt, Ut;
 const Ke = class Ke extends HTMLElement {
   constructor() {
     super();
     d(this, B);
     d(this, K, !1);
     d(this, A);
-    d(this, Q);
     d(this, tt);
     d(this, et);
+    d(this, st);
     d(this, Vt, /* @__PURE__ */ h(() => {
       if (!t(this, B)) return;
       const e = t(this, B).querySelector(".ng-container-body .ng-part-body");
-      e && (p(this, et, new ResizeObserver(() => {
+      e && (p(this, st, new ResizeObserver(() => {
         this.refresh();
-      })), t(this, et).observe(e));
+      })), t(this, st).observe(e));
     }, "#observeResize"));
     E(this, "refresh", /* @__PURE__ */ h(() => {
       if (!t(this, B) || !t(this, A) || t(this, K)) return;
@@ -61,7 +61,7 @@ const Ke = class Ke extends HTMLElement {
       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;
     }, "refresh"));
-    d(this, st, /* @__PURE__ */ h((e) => {
+    d(this, nt, /* @__PURE__ */ h((e) => {
       if (!t(this, A)) return !1;
       const n = t(this, A).container, r = n.querySelector("table");
       if (!r) return !1;
@@ -75,16 +75,16 @@ const Ke = class Ke extends HTMLElement {
     }, "#thumbMoveTo"));
     d(this, Ut, /* @__PURE__ */ h(() => {
       const e = /* @__PURE__ */ h((r) => {
-        clearInterval(t(this, Q)), clearInterval(t(this, tt));
+        clearInterval(t(this, tt)), clearInterval(t(this, et));
         const o = parseInt(t(this, A).thumb.style.left || 0, 10);
-        t(this, st).call(this, o + r), p(this, Q, setInterval(() => {
-          clearInterval(t(this, Q)), p(this, tt, setInterval(() => {
+        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);
-            t(this, st).call(this, i + r) || clearInterval(t(this, tt));
+            t(this, nt).call(this, i + r) || clearInterval(t(this, et));
           }, 50));
         }, 500));
       }, "delayScroll"), n = /* @__PURE__ */ h(() => {
-        clearInterval(t(this, Q)), clearInterval(t(this, tt));
+        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);
@@ -96,14 +96,14 @@ const Ke = class Ke extends HTMLElement {
         if (r.button !== 0) return;
         r.preventDefault();
         const o = t(this, A).track.getBoundingClientRect(), i = t(this, A).thumb.clientWidth;
-        t(this, st).call(this, r.clientX - o.left - i / 2);
+        t(this, nt).call(this, r.clientX - o.left - i / 2);
       }), t(this, A).thumb.addEventListener("mousedown", (r) => {
         if (r.button !== 0) return;
         r.stopPropagation(), r.preventDefault(), p(this, K, !0), this.shiftX = r.clientX - t(this, A).thumb.getBoundingClientRect().left;
         const o = /* @__PURE__ */ h((a) => {
           if (!t(this, K)) return;
           const c = t(this, A).track.getBoundingClientRect();
-          t(this, st).call(this, a.clientX - c.left - this.shiftX);
+          t(this, nt).call(this, a.clientX - c.left - this.shiftX);
         }, "onMouseMove"), i = /* @__PURE__ */ h(() => {
           p(this, K, !1), n(), document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", i), this.refresh();
         }, "onMouseUp");
@@ -195,25 +195,25 @@ const Ke = class Ke extends HTMLElement {
     e();
   }
   disconnectedCallback() {
-    t(this, et) && t(this, et).disconnect();
+    t(this, st) && t(this, st).disconnect();
   }
 };
-B = new WeakMap(), K = new WeakMap(), A = new WeakMap(), Q = new WeakMap(), tt = new WeakMap(), et = new WeakMap(), Vt = new WeakMap(), st = new WeakMap(), Ut = new WeakMap(), h(Ke, "NineTableHScrollBar");
-let we = Ke;
-customElements.get("nine-table-hscrollbar") || customElements.define("nine-table-hscrollbar", we);
-var nt, rt, bt, C, Tt, Ct, Xt;
+B = new WeakMap(), K = new WeakMap(), A = new WeakMap(), tt = new WeakMap(), et = new WeakMap(), st = new WeakMap(), Vt = new WeakMap(), nt = new WeakMap(), Ut = new WeakMap(), h(Ke, "NineTableHScrollBar");
+let Se = Ke;
+customElements.get("nine-table-hscrollbar") || customElements.define("nine-table-hscrollbar", Se);
+var rt, ot, bt, C, Tt, Ct, Xt;
 const Ge = class Ge extends HTMLElement {
   constructor() {
     super();
-    d(this, nt);
     d(this, rt);
+    d(this, ot);
     d(this, bt, !1);
     d(this, C);
     d(this, Tt, 0);
     d(this, Ct, 0);
     E(this, "refresh", /* @__PURE__ */ h(() => {
-      if (w.log("vscrollbar.refresh"), !t(this, nt) || !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, nt).data.length, a = t(this, rt).getRowHeight(), c = i * a;
+      if (S.log("vscrollbar.refresh"), !t(this, rt) || !t(this, C)) return;
+      const e = t(this, C).container, n = t(this, C).track, r = t(this, C).thumb, o = e.clientHeight, i = t(this, rt).data.length, a = t(this, ot).getRowHeight(), c = i * a;
       if (c <= o || i === 0) {
         this.style.display = "none";
         return;
@@ -224,16 +224,16 @@ const Ge = class Ge extends HTMLElement {
       const f = Math.max(Math.min(l * (o / c), l), 20);
       r.style.height = `${f}px`;
       const u = e.scrollTop, b = Math.max(c - o, 1);
-      w.log(e, u, b);
+      S.log(e, u, b);
       let g = 0;
       b > 0 && (g = u / b * (l - f));
       const y = l - f;
       g < 0 && (g = 0), g > y && (g = y), r.style.top = `${g}px`, t(this, C).top.disabled = u <= 0, t(this, C).bottom.disabled = u >= b - 1;
     }, "refresh"));
     d(this, Xt, /* @__PURE__ */ h(() => {
-      w.log("nine-table-vscrollbar.#init");
+      S.log("nine-table-vscrollbar.#init");
       const e = t(this, C).container, n = /* @__PURE__ */ h(() => {
-        const o = (t(this, nt).data.get() || []).length, i = t(this, rt).getRowHeight();
+        const o = (t(this, rt).data.get() || []).length, i = t(this, ot).getRowHeight();
         return o * i;
       }, "getContentHeight");
       t(this, C).thumb.addEventListener("mousedown", (r) => {
@@ -243,8 +243,8 @@ const Ge = class Ge extends HTMLElement {
           if (!t(this, bt)) return;
           const c = t(this, C).track.getBoundingClientRect(), l = t(this, C).thumb.clientHeight, u = c.height - l, b = a.clientY - t(this, Tt), g = e.clientHeight, y = n(), v = Math.max(y - g, 1);
           if (u > 0 && v > 0) {
-            const S = b / u * v;
-            let m = t(this, Ct) + S;
+            const w = b / u * v;
+            let m = t(this, Ct) + w;
             const I = Math.max(0, y - g);
             m < 0 && (m = 0), m > I && (m = I), e.scrollTop = m;
           }
@@ -269,7 +269,7 @@ const Ge = class Ge extends HTMLElement {
     }, "#init"));
   }
   connectedCallback() {
-    p(this, nt, this.getRootNode().host), p(this, rt, this.closest("nine-table-sheet")), this.innerHTML = `
+    p(this, rt, this.getRootNode().host), p(this, ot, this.closest("nine-table-sheet")), this.innerHTML = `
             <style>
                 nine-table-vscrollbar {
                     display: flex;
@@ -334,7 +334,7 @@ const Ge = class Ge extends HTMLElement {
             <button class='ng-scroll-bottom' disabled><div class='ng-scroll-icon'></div></button>
         `;
     const e = /* @__PURE__ */ h(() => {
-      const n = t(this, rt).querySelector(".ng-container-body .ng-part-body");
+      const n = t(this, ot).querySelector(".ng-container-body .ng-part-body");
       if (!n) {
         setTimeout(e, 10);
         return;
@@ -350,32 +350,32 @@ const Ge = class Ge extends HTMLElement {
     e();
   }
 };
-nt = new WeakMap(), rt = new WeakMap(), bt = new WeakMap(), C = new WeakMap(), Tt = new WeakMap(), Ct = new WeakMap(), Xt = new WeakMap(), h(Ge, "NineTableVScrollBar");
-let Se = Ge;
-customElements.get("nine-table-vscrollbar") || customElements.define("nine-table-vscrollbar", Se);
-var j, R, ot, P, D, G, it, kt, Oe, ze, Kt, Gt, Lt, It, Ht, Zt, Jt, Mt, We, pt, $t, Qt;
+rt = new WeakMap(), ot = new WeakMap(), bt = new WeakMap(), C = new WeakMap(), Tt = new WeakMap(), Ct = new WeakMap(), Xt = new WeakMap(), h(Ge, "NineTableVScrollBar");
+let Re = Ge;
+customElements.get("nine-table-vscrollbar") || customElements.define("nine-table-vscrollbar", Re);
+var j, R, it, P, D, G, at, kt, ze, We, Kt, Gt, Lt, It, Ht, Zt, Jt, Mt, Be, pt, $t, Qt;
 const Ze = class Ze {
   constructor(s) {
     d(this, j);
     d(this, R);
-    d(this, ot);
+    d(this, it);
     d(this, P, /* @__PURE__ */ new Map());
     d(this, D, null);
     d(this, G, null);
-    d(this, it, 0);
+    d(this, at, 0);
     d(this, kt, 40);
-    d(this, Oe, !1);
     d(this, ze, !1);
+    d(this, We, !1);
     //#ticking = false; // 🎯 고속 스크롤 스로틀링용 플래그
     d(this, Kt, 3);
     E(this, "refresh", /* @__PURE__ */ h(() => {
       var e;
-      w.log("rowManager.refresh");
+      S.log("rowManager.refresh");
       const s = t(this, R).querySelector(".ng-container-body .ng-part-body");
       s && (t(this, Lt).call(this), t(this, It).call(this), t(this, pt).call(this, s.scrollTop), (e = t(this, R).querySelector("nine-table-vscrollbar")) == null || e.refresh());
     }, "refresh"));
     E(this, "initialize", /* @__PURE__ */ h(() => {
-      w.log("rowManager.initialize"), p(this, ot, {
+      S.log("rowManager.initialize"), p(this, it, {
         scrollTables: t(this, R).querySelectorAll(".ng-part-body table"),
         firstTr: t(this, R).querySelector(".ng-container-body .ng-part-body tbody.bindable-tbody tr:not(.nodata)")
       }), p(this, D, null), t(this, P).clear(), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((i) => {
@@ -401,13 +401,13 @@ const Ze = class Ze {
         }, "handleContainerScroll");
         [s, e, n].forEach((c) => {
           c == null || c.addEventListener("scroll", (l) => {
-            w.log(l), w.log("rowManager.scroll event"), a(c);
+            S.log(l), S.log("rowManager.scroll event"), a(c);
           });
         });
       }
     }, "initialize"));
     d(this, Gt, /* @__PURE__ */ h((s, e) => {
-      w.log("rowManager.#renderRows");
+      S.log("rowManager.#renderRows");
       const n = t(this, P).get(e);
       if (!n || n.length === 0) return;
       const r = s.querySelector(".ng-part-body tbody.bindable-tbody");
@@ -418,17 +418,17 @@ const Ze = class Ze {
         n.forEach((c) => {
           i.appendChild(c.cloneNode(!0));
         });
-      o ? o.before(i) : r.appendChild(i), e === ".ng-container-body" && (t(this, ot).firstTr = r.querySelector("tr:not(.nodata)"));
+      o ? o.before(i) : r.appendChild(i), e === ".ng-container-body" && (t(this, it).firstTr = r.querySelector("tr:not(.nodata)"));
     }, "#renderRows"));
     d(this, Lt, /* @__PURE__ */ h(() => {
       if (t(this, D) !== null && t(this, D) > 0)
         return t(this, D);
       const s = t(this, R).querySelector(".ng-container-body .ng-part-body");
-      w.log("rowManager.#measureAndCacheHeight");
+      S.log("rowManager.#measureAndCacheHeight");
       const e = t(this, P).get(".ng-container-body");
       if (!e || e.length === 0) throw new Error("invalid dom");
       const n = s.querySelector("tbody.bindable-tbody");
-      if (w.log(n), !n) throw new Error("invalid dom");
+      if (S.log(n), !n) throw new Error("invalid dom");
       n.querySelectorAll("tr:not(.nodata)").forEach((b) => b.remove());
       const r = n.querySelector("tr.nodata"), o = document.createDocumentFragment();
       e.forEach((b) => {
@@ -448,9 +448,9 @@ const Ze = class Ze {
       }), u.forEach((b) => b.remove()), i.style.display = a, i.style.visibility = c, i.style.position = l, f <= 0 ? -1 : (p(this, D, f), t(this, Ht).call(this), t(this, D));
     }, "#measureAndCacheHeight"));
     d(this, It, /* @__PURE__ */ h(() => {
-      w.log("rowManager.#updateVirtualScrollHeight");
+      S.log("rowManager.#updateVirtualScrollHeight");
       const e = (t(this, j).data.get() || []).length, n = t(this, D), r = e * n;
-      w.log("🔍 [VirtualHeight]", { totalCount: e, rowHeight: n, totalVirtualHeight: r }), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((o) => {
+      S.log("🔍 [VirtualHeight]", { totalCount: e, rowHeight: n, totalVirtualHeight: r }), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((o) => {
         const i = t(this, R).querySelector(o);
         if (!i) return;
         const a = i.querySelector(".ng-part-body .ng-virtual-spacer");
@@ -458,8 +458,8 @@ const Ze = class Ze {
       });
     }, "#updateVirtualScrollHeight"));
     d(this, Ht, /* @__PURE__ */ h(() => {
-      if (t(this, it) > 0 && t(this, D) > 0) {
-        const s = Math.ceil(t(this, it) / t(this, D));
+      if (t(this, at) > 0 && t(this, D) > 0) {
+        const s = Math.ceil(t(this, at) / t(this, D));
         p(this, kt, s + t(this, Kt));
       }
     }, "#updateRowCount"));
@@ -467,8 +467,8 @@ const Ze = class Ze {
       var a, c, l, f, u, b;
       const s = t(this, R).querySelector(".ng-container-left .ng-part-body table"), e = t(this, R).querySelector(".ng-container-body .ng-part-body table"), n = t(this, R).querySelector(".ng-container-right .ng-part-body table");
       if (e) {
-        const g = s ? Array.from(s.querySelectorAll("tbody tr")) : [], y = Array.from(e.querySelectorAll("tbody tr")), v = n ? Array.from(n.querySelectorAll("tbody tr")) : [], S = Math.max(g.length, y.length, v.length);
-        for (let m = 0; m < S; m++) {
+        const g = s ? Array.from(s.querySelectorAll("tbody tr")) : [], y = Array.from(e.querySelectorAll("tbody tr")), v = n ? Array.from(n.querySelectorAll("tbody tr")) : [], w = Math.max(g.length, y.length, v.length);
+        for (let m = 0; m < w; m++) {
           const I = [
             ((a = g[m]) == null ? void 0 : a.getBoundingClientRect().height) || 0,
             ((c = y[m]) == null ? void 0 : c.getBoundingClientRect().height) || 0,
@@ -479,8 +479,8 @@ const Ze = class Ze {
       }
       const r = t(this, R).querySelector(".ng-container-left .ng-part-footer table"), o = t(this, R).querySelector(".ng-container-body .ng-part-footer table"), i = t(this, R).querySelector(".ng-container-right .ng-part-footer table");
       if (o) {
-        const g = r ? Array.from(r.querySelectorAll("tfoot tr")) : [], y = Array.from(o.querySelectorAll("tfoot tr")), v = i ? Array.from(i.querySelectorAll("tfoot tr")) : [], S = Math.max(g.length, y.length, v.length);
-        for (let m = 0; m < S; m++) {
+        const g = r ? Array.from(r.querySelectorAll("tfoot tr")) : [], y = Array.from(o.querySelectorAll("tfoot tr")), v = i ? Array.from(i.querySelectorAll("tfoot tr")) : [], w = Math.max(g.length, y.length, v.length);
+        for (let m = 0; m < w; m++) {
           const I = [
             ((f = g[m]) == null ? void 0 : f.getBoundingClientRect().height) || 0,
             ((u = y[m]) == null ? void 0 : u.getBoundingClientRect().height) || 0,
@@ -501,18 +501,18 @@ const Ze = class Ze {
             const i = n.querySelector(".ng-part-header"), a = n.querySelector(".ng-part-footer");
             i && (o += i.offsetHeight), a && (o += a.offsetHeight);
             const c = Math.max(r - o, 100);
-            t(this, it) !== c && (p(this, it, c), t(this, Ht).call(this), t(this, D) !== null && (t(this, Mt).call(this), this.refresh()));
+            t(this, at) !== c && (p(this, at, c), t(this, Ht).call(this), t(this, D) !== null && (t(this, Mt).call(this), this.refresh()));
           }
         }
       })), t(this, G).observe(t(this, R)));
     }, "#initResizeObserver"));
     d(this, Mt, /* @__PURE__ */ h(() => {
-      w.log("rowManager.#renderAllContainers"), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((s) => {
+      S.log("rowManager.#renderAllContainers"), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((s) => {
         const e = t(this, R).querySelector(s);
         e && e.querySelector(".ng-part-body tbody.bindable-tbody") && t(this, Gt).call(this, e, s);
       }), t(this, Qt).call(this), t(this, Zt).call(this);
     }, "#renderAllContainers"));
-    d(this, We, /* @__PURE__ */ h((s) => {
+    d(this, Be, /* @__PURE__ */ h((s) => {
       [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((e) => {
         var l;
         const n = t(this, R).querySelector(e);
@@ -538,14 +538,14 @@ const Ze = class Ze {
       const n = t(this, j).data.length;
       if (n === 0) return;
       const r = ((u = t(this, P).get(".ng-container-body")) == null ? void 0 : u.length) || 1, o = t(this, R).querySelector(".ng-container-body .ng-part-body");
-      w.log("bodyContainer.clientHeight", o.clientHeight);
+      S.log("bodyContainer.clientHeight", o.clientHeight);
       const i = Math.max(0, n - Math.floor(o.clientHeight / e)), a = Math.min(i, Math.max(0, Math.floor(s / e)));
       let c = Math.floor(a * e);
-      w.log(`📜 [Scroll Calc] maxStartIndex: ${i}, startIndex: ${a}, offsetY: ${c}`), a === i && w.log(`📜 [Scroll Inspect] scrollTop: ${s}, rowHeight: ${e}, maxStartIndex: ${i}, startIndex: ${a}, offsetY: ${c}`);
-      const l = t(this, ot).firstTr, f = l && l.dataset.row !== void 0 ? parseInt(l.dataset.row, 10) : -1;
-      (b = t(this, ot)) == null || b.scrollTables.forEach((g) => {
+      S.log(`📜 [Scroll Calc] maxStartIndex: ${i}, startIndex: ${a}, offsetY: ${c}`), a === i && S.log(`📜 [Scroll Inspect] scrollTop: ${s}, rowHeight: ${e}, maxStartIndex: ${i}, startIndex: ${a}, offsetY: ${c}`);
+      const l = t(this, it).firstTr, f = l && l.dataset.row !== void 0 ? parseInt(l.dataset.row, 10) : -1;
+      (b = t(this, it)) == null || b.scrollTables.forEach((g) => {
         g.style.transform = `translate3d(0, ${c}px, 0)`;
-      }), f !== a && (w.log(`🔄 [Row Bind Trigger] currentStartIndex(${f}) !== startIndex(${a})`), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((g) => {
+      }), f !== a && (S.log(`🔄 [Row Bind Trigger] currentStartIndex(${f}) !== startIndex(${a})`), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((g) => {
         const y = t(this, R).querySelector(g);
         if (!y) return;
         const v = y.querySelector(".ng-part-body tbody.bindable-tbody");
@@ -584,7 +584,7 @@ const Ze = class Ze {
     }, "#bindRowData"));
     d(this, Qt, /* @__PURE__ */ h(() => {
       var c, l, f;
-      w.log("rowManager.#syncHeaderHeights");
+      S.log("rowManager.#syncHeaderHeights");
       const s = t(this, R).querySelector(".ng-container-left .ng-part-header table"), e = t(this, R).querySelector(".ng-container-body .ng-part-header table"), n = t(this, R).querySelector(".ng-container-right .ng-part-header table");
       if (!e) return;
       const r = s ? Array.from(s.querySelectorAll("tr")) : [], o = Array.from(e.querySelectorAll("tr")), i = n ? Array.from(n.querySelectorAll("tr")) : [], a = Math.max(r.length, o.length, i.length);
@@ -610,8 +610,8 @@ const Ze = class Ze {
     return ((e = t(this, P).get(s)) == null ? void 0 : e.length) || 1;
   }
 };
-j = new WeakMap(), R = new WeakMap(), ot = new WeakMap(), P = new WeakMap(), D = new WeakMap(), G = new WeakMap(), it = new WeakMap(), kt = new WeakMap(), Oe = new WeakMap(), ze = 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(), We = new WeakMap(), pt = new WeakMap(), $t = new WeakMap(), Qt = new WeakMap(), h(Ze, "RowManager");
-let Re = Ze;
+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 {
   /**
    * 🎯 레이아웃 내의 여러 rawTables 배열을 일괄로 받아 단일 마스터 템플릿으로 사전 컴파일합니다.
@@ -630,8 +630,8 @@ const te = class te {
         if (l.children.length > 0 && l.firstElementChild.tagName.includes("-")) return;
         let u = `cell-${f}`;
         const b = l.getAttribute("data-bind"), g = l.getAttribute("data-expr"), y = l.getAttribute("maxbyte"), v = l.getAttribute("type");
-        let S = [];
-        b && S.push(`data-bind="${b}"`), g && S.push(`data-expr="${g}"`), y && S.push(`maxbyte="${y}"`), v && S.push(`type="${v}"`), l.innerHTML = `<${u} ${S.join(" ")}></${u}>`;
+        let w = [];
+        b && w.push(`data-bind="${b}"`), g && w.push(`data-expr="${g}"`), y && w.push(`maxbyte="${y}"`), v && w.push(`type="${v}"`), l.innerHTML = `<${u} ${w.join(" ")}></${u}>`;
       }), a.querySelectorAll("tbody td, tfoot td").forEach((l) => {
         l.setAttribute("tabindex", "0");
       });
@@ -659,24 +659,24 @@ const te = class te {
       const g = Array.from(Array(u), () => Array(b).fill(null));
       l.forEach((y) => {
         const v = y.sectionRowIndex;
-        let S = 0;
+        let w = 0;
         Array.from(y.querySelectorAll("th,td")).forEach((m) => {
           for (let H = 0; H < g[v].length; H++)
             if (g[v][H] === null) {
-              S = H;
+              w = H;
               break;
             }
           const I = m.rowSpan || 1, T = m.colSpan || 1;
           for (let H = 0; H < I; H++)
             for (let F = 0; F < T; F++)
-              v + H < u && S + F < b && (g[v + H][S + F] = H === 0 && F === 0 ? "1" : "0");
+              v + H < u && w + F < b && (g[v + H][w + F] = H === 0 && F === 0 ? "1" : "0");
         });
       }), l.forEach((y) => {
         const v = y.sectionRowIndex;
-        Array.from(y.querySelectorAll("th,td")).forEach((S) => {
+        Array.from(y.querySelectorAll("th,td")).forEach((w) => {
           for (let m = 0; m < g[v].length; m++)
             if (g[v][m] === "1") {
-              S.dataset.col = m, g[v][m] = "0";
+              w.dataset.col = m, g[v][m] = "0";
               break;
             }
         });
@@ -692,7 +692,7 @@ const te = class te {
   // 🎯 [추가] td/th에 선언된 cell-type 속성을 읽어 커스텀 태그로 자동 감싸기
 };
 h(te, "TableCompiler");
-let Ae = te;
+let Ee = te;
 var _, Y, U, At, bs;
 const Je = class Je {
   constructor(s) {
@@ -701,7 +701,7 @@ const Je = class Je {
     d(this, Y, { startRow: -1, startCol: -1, endRow: -1, endCol: -1 });
     E(this, "render", /* @__PURE__ */ h(() => {
       const { startRow: s, startCol: e, endRow: n, endCol: r } = t(this, Y);
-      w.log("🎨 [CellSelection.render] Rendering range ->", t(this, Y));
+      S.log("🎨 [CellSelection.render] Rendering range ->", t(this, Y));
       const o = t(this, _).querySelectorAll(
         ".ng-container-left .ng-part-body, .ng-container-body .ng-part-body, .ng-container-right .ng-part-body"
       );
@@ -710,32 +710,32 @@ const Je = class Je {
           c.classList.remove("selected", "selected-top", "selected-bottom", "selected-left", "selected-right");
         });
       }), s < 0 || e < 0) {
-        w.log("⚠️ [CellSelection.render] Range is invalid (< 0), skipping render.");
+        S.log("⚠️ [CellSelection.render] Range is invalid (< 0), skipping render.");
         return;
       }
       let i = 0;
       o.forEach((a) => {
         a.querySelectorAll("tbody tr").forEach((c) => {
-          const { matrixRow: l } = gt(this, U, 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"), w.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"));
+            y >= s && l <= n && v >= e && u <= r && (i++, f.classList.add("selected"), S.log(f, s, e, n, r), l <= s && f.classList.add("selected-top"), y >= n && f.classList.add("selected-bottom"), u <= e && f.classList.add("selected-left"), v >= r && f.classList.add("selected-right"));
           });
         });
-      }), w.log(`✨ [CellSelection.render] Total rendered cells marked: ${i}`);
+      }), S.log(`✨ [CellSelection.render] Total rendered cells marked: ${i}`);
     }, "render"));
-    p(this, _, s), gt(this, U, 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", () => {
         t(this, Y).startRow >= 0 && t(this, Y).startCol >= 0 && this.render();
       });
-    }), w.log("🎯 [CellSelection] Initialized");
+    }), S.log("🎯 [CellSelection] Initialized");
   }
   setRange(s, e, n, r) {
-    w.log(`🔍 [CellSelection.setRange] Input -> startRow: ${s}, startCol: ${e}, endRow: ${n}, endCol: ${r}`);
+    S.log(`🔍 [CellSelection.setRange] Input -> startRow: ${s}, startCol: ${e}, endRow: ${n}, endCol: ${r}`);
     let o = Math.min(s, n), i = Math.max(s, n), a = Math.min(e, r), c = Math.max(e, r);
     const l = t(this, _).querySelectorAll(
       ".ng-container-left .ng-part-body, .ng-container-body .ng-part-body, .ng-container-right .ng-part-body"
@@ -745,19 +745,19 @@ 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 } = gt(this, U, At).call(this, g);
+          const { matrixRow: y } = Q(this, U, At).call(this, g);
           y < 0 || g.querySelectorAll("td, th").forEach((v) => {
-            const S = parseInt(v.dataset.col, 10);
-            if (isNaN(S)) return;
-            const m = parseInt(v.rowSpan || 1, 10), I = parseInt(v.colSpan || 1, 10), T = y + m - 1, H = S + I - 1;
-            if (T >= o && y <= i && H >= a && S <= c) {
-              const X = Math.min(o, y), cs = Math.max(i, T), hs = Math.min(a, S), ds = Math.max(c, H);
+            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 X = Math.min(o, y), cs = Math.max(i, T), hs = Math.min(a, w), ds = Math.max(c, H);
               (X !== o || cs !== i || hs !== a || ds !== c) && (o = X, i = cs, a = hs, c = ds, f = !0);
             }
           });
         });
       });
-    p(this, Y, { startRow: o, startCol: a, endRow: i, endCol: c }), w.log("📦 [CellSelection.setRange] Final Range ->", t(this, Y)), this.render();
+    p(this, Y, { startRow: o, startCol: a, endRow: i, endCol: c }), S.log("📦 [CellSelection.setRange] Final Range ->", t(this, Y)), this.render();
   }
 };
 _ = new WeakMap(), Y = new WeakMap(), U = new WeakSet(), At = /* @__PURE__ */ h(function(s) {
@@ -769,7 +769,7 @@ _ = new WeakMap(), Y = new WeakMap(), U = new WeakSet(), At = /* @__PURE__ */ h(
 }, "#getMatrixRow"), bs = /* @__PURE__ */ h(function() {
   const s = t(this, _).querySelector(".ng-container-top");
   if (!s) {
-    w.log("❌ [CellSelection] .ng-container-top not found!");
+    S.log("❌ [CellSelection] .ng-container-top not found!");
     return;
   }
   s.addEventListener("mousedown", (e) => {
@@ -777,60 +777,60 @@ _ = new WeakMap(), Y = new WeakMap(), U = new WeakSet(), At = /* @__PURE__ */ h(
     const n = e.target.closest("td, th");
     if (!n || n.dataset.row === void 0 || n.dataset.col === void 0 || n.closest("tr").classList.contains("nodata")) return;
     t(this, _).style.userSelect = "none", t(this, _).style.webkitUserSelect = "none";
-    const r = n.closest("tr"), { matrixRow: o } = gt(this, U, 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;
     }
-    w.log(`🖱️ [MouseDown Success] startRow: ${o}, startCol: ${i}`), this.setRange(o, i, o, i);
+    S.log(`🖱️ [MouseDown Success] startRow: ${o}, startCol: ${i}`), this.setRange(o, i, o, i);
     const a = /* @__PURE__ */ h((l) => {
       const f = document.elementFromPoint(l.clientX, l.clientY);
       let u = f == null ? void 0 : f.closest("td, th");
       if (!u || !t(this, _).contains(u)) {
         const v = t(this, _).querySelectorAll(".ng-part-body tbody tr:not(.nodata) td, .ng-part-body tbody tr:not(.nodata) th");
-        for (const S of v) {
-          const m = S.getBoundingClientRect();
+        for (const w of v) {
+          const m = w.getBoundingClientRect();
           if (l.clientX >= m.left && l.clientX <= m.right && l.clientY >= m.top && l.clientY <= m.bottom) {
-            u = S;
+            u = w;
             break;
           }
         }
       }
       if (!u || u.dataset.row === void 0 || u.dataset.col === void 0 || u.closest("tr").classList.contains("nodata")) return;
-      const b = u.closest("tr"), { matrixRow: g } = gt(this, U, At).call(this, b), y = parseInt(u.dataset.col, 10);
+      const b = u.closest("tr"), { matrixRow: g } = Q(this, U, At).call(this, b), y = parseInt(u.dataset.col, 10);
       g < 0 || this.setRange(o, i, g, y);
     }, "onMouseMove"), c = /* @__PURE__ */ h(() => {
-      w.log("🖱️ [MouseUp] Drag ended."), t(this, _).style.userSelect = "", t(this, _).style.webkitUserSelect = "", document.removeEventListener("mousemove", a), document.removeEventListener("mouseup", c);
+      S.log("🖱️ [MouseUp] Drag ended."), t(this, _).style.userSelect = "", t(this, _).style.webkitUserSelect = "", document.removeEventListener("mousemove", a), document.removeEventListener("mouseup", c);
     }, "onMouseUp");
     document.addEventListener("mousemove", a), document.addEventListener("mouseup", c);
   });
 }, "#initEvents"), h(Je, "CellSelection");
-let Ee = Je;
-var V, at, ee, se, _t, Be, ms;
+let qe = Je;
+var V, lt, ee, se, _t, ne, ps;
 const Qe = class Qe {
   // 🎯 키보드 네비게이션 중 스크롤 튐 방지 플래그
   constructor(s) {
-    d(this, Be);
+    d(this, ne);
     d(this, V);
-    d(this, at, null);
+    d(this, lt, null);
     d(this, ee, -1);
     d(this, se, -1);
     d(this, _t, !1);
-    p(this, V, s), w.log("🎯 [CellNavigation] Initialized");
+    p(this, V, s), Q(this, ne, ps).call(this), S.log("🎯 [CellNavigation] Initialized");
   }
   get currentCell() {
-    return t(this, at);
+    return t(this, lt);
   }
   set currentCell(s) {
     if (!s) return;
-    p(this, at, s), s.focus({ preventScroll: !0 });
+    p(this, lt, s), s.focus({ preventScroll: !0 });
     const e = parseInt(s.dataset.row, 10), n = parseInt(s.dataset.col, 10);
     if (!isNaN(e) && !isNaN(n)) {
       p(this, ee, e), p(this, se, n);
       const r = s.closest("tr"), o = r == null ? void 0 : r.closest("tbody");
       if (o) {
         const a = Array.from(o.querySelectorAll("tr:not(.nodata)")).filter((u) => parseInt(u.dataset.row, 10) === e), c = a.length > 0 ? a.length : 1, l = a.indexOf(r), f = e * c + (l >= 0 ? l : 0);
-        p(this, _t, !0), t(this, V).selection.setRange(f, n, f, n), setTimeout(() => {
+        p(this, _t, !0), S.log("====================", f, n, f, n), t(this, V).selection.setRange(f, n, f, n), setTimeout(() => {
           p(this, _t, !1);
         }, 0);
       }
@@ -838,8 +838,8 @@ const Qe = class Qe {
   }
   moveCell(s) {
     var I, T, H, F;
-    if (!t(this, at)) return;
-    const e = t(this, at), 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);
+    if (!t(this, lt)) return;
+    const e = t(this, lt), n = e.closest("tr"), r = parseInt(e.dataset.row, 10), o = parseInt(e.dataset.col, 10), i = n == null ? void 0 : n.closest("tbody"), c = Array.from(i.querySelectorAll("tr:not(.nodata)")).filter((X) => parseInt(X.dataset.row, 10) === r), l = c.length > 0 ? c.length : 1, f = c.indexOf(n);
     let u = r, b = f, g = o;
     switch (s.code) {
       case "Tab":
@@ -868,48 +868,47 @@ const Qe = class Qe {
     }
   }
 };
-V = new WeakMap(), at = new WeakMap(), ee = new WeakMap(), se = new WeakMap(), _t = new WeakMap(), Be = new WeakSet(), ms = /* @__PURE__ */ h(function() {
+V = new WeakMap(), lt = new WeakMap(), ee = new WeakMap(), se = new WeakMap(), _t = new WeakMap(), ne = new WeakSet(), ps = /* @__PURE__ */ h(function() {
   t(this, V).addEventListener("mousedown", (s) => {
-    w.log(s);
     const e = s.target.closest("td, th");
-    !e || e.dataset.row === void 0 || e.dataset.col === void 0 || e.closest("tr").classList.contains("nodata") || (this.currentCell = e);
+    !e || e.dataset.row === void 0 || e.dataset.col === void 0 || (this.currentCell = e);
   }), t(this, V).addEventListener("keydown", (s) => {
-    w.log(s), ["Tab", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(s.code) && this.moveCell(s);
+    ["Tab", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(s.code) && this.moveCell(s);
   });
 }, "#initEvents"), h(Qe, "CellNavigation");
-let qe = Qe;
-var ne, lt, ct, Nt, Dt, re, oe, yt, ie, ae;
+let Te = Qe;
+var re, ct, ht, Nt, Dt, oe, ie, yt, ae, le;
 const Et = class Et extends HTMLElement {
   constructor() {
     super();
-    d(this, ne);
-    d(this, lt, null);
-    d(this, ct);
+    d(this, re);
+    d(this, ct, null);
+    d(this, ht);
     d(this, Nt);
     d(this, Dt);
     E(this, "invalidate", /* @__PURE__ */ h(() => {
-      w.log("sheet.invalidate()"), t(this, ct).refresh();
+      S.log("sheet.invalidate()"), t(this, ht).refresh();
     }, "invalidate"));
     E(this, "generate", /* @__PURE__ */ h((e) => {
-      if (w.log("sheet.generate()"), !e) return;
-      p(this, lt, Ae.compile(e)), t(this, re).call(this), t(this, oe).call(this);
+      if (S.log("sheet.generate()"), !e) return;
+      p(this, ct, Ee.compile(e)), t(this, oe).call(this), t(this, ie).call(this);
       const n = this.querySelector(".ng-container-body .ng-part-header"), r = this.querySelector(".ng-container-body .ng-part-footer"), o = this.querySelector(".ng-nodata-overlay");
-      n && o && (o.style.top = `${n.offsetHeight}px`), r && o && (o.style.bottom = `${r.offsetHeight}px`), t(this, ct).initialize(), setTimeout(() => {
+      n && o && (o.style.top = `${n.offsetHeight}px`), r && o && (o.style.bottom = `${r.offsetHeight}px`), t(this, ht).initialize(), setTimeout(() => {
         var i;
         (i = this.querySelector("nine-table-hscrollbar")) == null || i.refresh();
       }, 0);
     }, "generate"));
-    d(this, re, /* @__PURE__ */ h(() => {
+    d(this, oe, /* @__PURE__ */ h(() => {
       [
         { selector: ".ng-container-body", type: null },
         { selector: ".ng-container-left", type: "left" },
         { selector: ".ng-container-right", type: "right" }
       ].forEach(({ selector: n, type: r }) => {
         var o, i, a;
-        (o = this.querySelector(`${n} .ng-part-header`)) == null || o.appendChild(t(this, yt).call(this, t(this, lt), r, "header")), (i = this.querySelector(`${n} .ng-virtual-spacer`)) == null || i.before(t(this, yt).call(this, t(this, lt), r, "body")), (a = this.querySelector(`${n} .ng-part-footer`)) == null || a.appendChild(t(this, yt).call(this, t(this, lt), r, "footer"));
+        (o = this.querySelector(`${n} .ng-part-header`)) == null || o.appendChild(t(this, yt).call(this, t(this, ct), r, "header")), (i = this.querySelector(`${n} .ng-virtual-spacer`)) == null || i.before(t(this, yt).call(this, t(this, ct), r, "body")), (a = this.querySelector(`${n} .ng-part-footer`)) == null || a.appendChild(t(this, yt).call(this, t(this, ct), r, "footer"));
       });
     }, "#renderSplitContainers"));
-    d(this, oe, /* @__PURE__ */ h(() => {
+    d(this, ie, /* @__PURE__ */ h(() => {
       ["left", "right", "body"].forEach((e) => {
         const n = this.querySelector(`.ng-container-${e}`), r = n == null ? void 0 : n.querySelectorAll("table");
         if (!n || !r || r.length === 0) return;
@@ -936,7 +935,7 @@ const Et = class Et extends HTMLElement {
         l.remove();
       }), o;
     }, "#createSplitTable"));
-    E(this, "getRowHeight", /* @__PURE__ */ h(() => t(this, ct).getRowHeight(), "getRowHeight"));
+    E(this, "getRowHeight", /* @__PURE__ */ h(() => t(this, ht).getRowHeight(), "getRowHeight"));
     E(this, "scrollToX", /* @__PURE__ */ h((e) => {
       const n = this.querySelector(".ng-container-body .ng-part-body");
       n && (n.scrollLeft = e);
@@ -945,10 +944,10 @@ const Et = class Et extends HTMLElement {
       const n = this.querySelector(".ng-container-body .ng-part-body");
       n && (n.scrollTop = e);
     }, "scrollToY"));
-    d(this, ie, /* @__PURE__ */ h(() => {
-      t(this, ae).call(this), p(this, Nt, new Ee(this)), p(this, Dt, new qe(this));
-    }, "#init"));
     d(this, ae, /* @__PURE__ */ h(() => {
+      t(this, le).call(this), p(this, Nt, new qe(this)), p(this, Dt, new Te(this));
+    }, "#init"));
+    d(this, le, /* @__PURE__ */ h(() => {
       const e = Et.SCROLLBAR_SIZE;
       this.innerHTML = `
             <style>
@@ -1150,10 +1149,10 @@ const Et = class Et extends HTMLElement {
             </div>
         `;
     }, "#render"));
-    p(this, ct, new Re(this)), p(this, ne, this.getRootNode().host);
+    p(this, ht, new Ae(this)), p(this, re, this.getRootNode().host);
   }
   connectedCallback() {
-    t(this, ie).call(this);
+    t(this, ae).call(this);
   }
   get selection() {
     return t(this, Nt);
@@ -1162,17 +1161,17 @@ const Et = class Et extends HTMLElement {
     return t(this, Dt);
   }
   disconnectedCallback() {
-    this.innerHTML = "", w.log("NineTableSheet destroyed.");
+    this.innerHTML = "", S.log("NineTableSheet destroyed.");
   }
 };
-ne = new WeakMap(), lt = new WeakMap(), ct = new WeakMap(), Nt = new WeakMap(), Dt = new WeakMap(), re = new WeakMap(), oe = new WeakMap(), yt = new WeakMap(), ie = new WeakMap(), ae = 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"), E(Et, "SCROLLBAR_SIZE", 16);
 let Yt = Et;
 customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", Yt);
-var le, Ot;
+var ce, Ot;
 const ts = class ts extends HTMLElement {
   constructor() {
     super();
-    d(this, le, /* @__PURE__ */ h(() => {
+    d(this, ce, /* @__PURE__ */ h(() => {
       var e;
       (e = this.querySelector(".nine-tab-bar")) == null || e.addEventListener("click", (n) => {
         var i;
@@ -1186,8 +1185,8 @@ const ts = class ts extends HTMLElement {
         Array.from(this.querySelectorAll("nine-splitter")).forEach((g) => g.style.setProperty("display", "none"));
         const b = f.filter((g) => g.classList.contains("active"));
         b.length < 2 || b.forEach((g) => {
-          const y = parseInt(g.getAttribute("data-index"), 10), v = this.querySelector(`nine-splitter[data-split-index="${y}"]`), S = f[y + 1];
-          v && S && S.classList.contains("active") && v.style.setProperty("display", "flex");
+          const y = parseInt(g.getAttribute("data-index"), 10), v = this.querySelector(`nine-splitter[data-split-index="${y}"]`), w = f[y + 1];
+          v && w && w.classList.contains("active") && v.style.setProperty("display", "flex");
         });
       }, "updateSplitters"), o = this.querySelector(".nine-tab-bar"), i = this.querySelector("nine-table-sheets-body"), a = o.querySelectorAll(".nine-tab-item"), c = i.querySelectorAll("nine-table-sheet");
       if (!a[e]) return;
@@ -1213,18 +1212,18 @@ const ts = class ts extends HTMLElement {
     }, "#switchSheet"));
   }
   connectedCallback() {
-    t(this, le).call(this);
+    t(this, ce).call(this);
   }
 };
-le = new WeakMap(), Ot = new WeakMap(), h(ts, "NineTableSheets");
-let Te = ts;
-customElements.get("nine-table-sheets") || customElements.define("nine-table-sheets", Te);
-var N, ce, zt, he;
+ce = new WeakMap(), Ot = new WeakMap(), h(ts, "NineTableSheets");
+let Ce = ts;
+customElements.get("nine-table-sheets") || customElements.define("nine-table-sheets", Ce);
+var N, he, zt, de;
 const es = class es {
   constructor(s) {
     d(this, N);
-    d(this, ce, /* @__PURE__ */ h(() => {
-      t(this, he).call(this), new ResizeObserver((s) => {
+    d(this, he, /* @__PURE__ */ h(() => {
+      t(this, de).call(this), new ResizeObserver((s) => {
         for (let e of s)
           t(this, N).getAttribute("auto-height") === "true" && t(this, zt).call(this);
       }).observe(t(this, N));
@@ -1236,7 +1235,7 @@ const es = class es {
       const e = parseInt(t(this, N).getAttribute("max-display-row"), 10) || 10, n = Math.max(...s.map((f) => f.getRowHeight())), r = (c = t(this, N).shadowRoot.querySelector("nine-table-header")) == null ? void 0 : c.getBoundingClientRect().height, o = (l = t(this, N).shadowRoot.querySelector("nine-table-sheets-footer")) == null ? void 0 : l.getBoundingClientRect().height, i = Yt.SCROLLBAR_SIZE, a = e * n + r + o + i;
       t(this, N).style.height = `${a}px`;
     }, "#applyAutoHeight"));
-    d(this, he, /* @__PURE__ */ h(() => {
+    d(this, de, /* @__PURE__ */ h(() => {
       const e = Array.from(t(this, N).children).filter((c) => c.tagName === "TABLE"), n = t(this, N).getAttribute("auto-height") === "true", r = e.length, o = e.map((c, l) => {
         const u = `<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 u + b;
@@ -1369,11 +1368,11 @@ const es = class es {
         });
       });
     }, "#render"));
-    p(this, N, s), t(this, ce).call(this);
+    p(this, N, s), t(this, he).call(this);
   }
 };
-N = new WeakMap(), ce = new WeakMap(), zt = new WeakMap(), he = new WeakMap(), h(es, "LayoutManager");
-let Ce = es;
+N = new WeakMap(), he = new WeakMap(), zt = new WeakMap(), de = new WeakMap(), h(es, "LayoutManager");
+let ke = es;
 var Wt, mt;
 const ss = class ss {
   constructor(s) {
@@ -1391,17 +1390,17 @@ const ss = class ss {
   }
 };
 Wt = new WeakMap(), mt = new WeakMap(), h(ss, "ngRow");
-let ke = ss;
-var O, k, z, xt, de, Z, fe, ht, Bt, ue, ge, vt;
+let Le = ss;
+var O, k, z, xt, fe, Z, ue, dt, Bt, ge, be, vt;
 const W = class W {
   constructor(s, e) {
     d(this, O);
     d(this, k);
     d(this, z, []);
     d(this, xt, []);
-    d(this, de, 0);
+    d(this, fe, 0);
     d(this, Z, []);
-    d(this, fe, /* @__PURE__ */ h(() => {
+    d(this, ue, /* @__PURE__ */ h(() => {
       p(this, Z, []);
       const s = t(this, O).template || [];
       Array.from(s).forEach((e) => {
@@ -1411,7 +1410,7 @@ const W = class W {
         e.__ng || (e.__ng = t(this, Bt).call(this)), e.__ng.height = t(this, Z).slice();
       });
     }, "#initialize"));
-    d(this, ht, /* @__PURE__ */ h(() => {
+    d(this, dt, /* @__PURE__ */ h(() => {
       const s = t(this, O).shadowRoot.querySelector("nine-table-sheets");
       s == null || s.classList.toggle("nodata", this.length === 0), t(this, O).shadowRoot.querySelectorAll("nine-table-sheet").forEach((e) => {
         e.invalidate();
@@ -1431,7 +1430,7 @@ const W = class W {
       return t(this, vt).call(this, n[s]);
     }, "get"));
     E(this, "set", /* @__PURE__ */ h((s) => {
-      this.clear(), this.add(s, !1), t(this, ht).call(this);
+      this.clear(), this.add(s, !1), t(this, dt).call(this);
     }, "set"));
     d(this, Bt, /* @__PURE__ */ h(() => ({
       rowState: W.ROW_STATE.EMPTY,
@@ -1443,13 +1442,13 @@ const W = class W {
       _: [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(() => {
-      p(this, z, []), p(this, xt, []), t(this, ht).call(this);
+      p(this, z, []), p(this, xt, []), t(this, dt).call(this);
     }, "reset"));
     E(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();
     }, "clear"));
-    d(this, ue, /* @__PURE__ */ h((s) => {
+    d(this, ge, /* @__PURE__ */ h((s) => {
       var r;
       Array.isArray(s) || (s = [s]);
       const e = typeof ((r = t(this, O).fields) == null ? void 0 : r.get) == "function" ? t(this, O).fields.get() : Object.keys(s[0] || {}), n = [];
@@ -1460,18 +1459,18 @@ const W = class W {
         }), n.push(i);
       }), n;
     }, "#json2Array"));
-    d(this, ge, /* @__PURE__ */ h((s) => (Array.isArray(s) || (s = [s]), s.forEach((e) => {
+    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) => {
       s === void 0 && (s = {});
-      const n = t(this, ue).call(this, s);
-      t(this, k).rawRecords = t(this, k).rawRecords.concat(t(this, ge).call(this, n)), this.resetRecords();
+      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();
       const r = this.count() - 1;
       return e || n.forEach((o, i) => {
         const a = t(this, k).rawRecords[r - i];
         a && (a.__ng.rowState = W.ROW_STATE.EMPTY);
-      }), t(this, ht).call(this), r;
+      }), t(this, dt).call(this), r;
     }, "add"));
     E(this, "delete", /* @__PURE__ */ h((s) => {
       let e = [];
@@ -1482,7 +1481,7 @@ const W = class W {
             o.__ng.rowid === r && (o.__ng.deleted = !0, o.__ng.rowState = W.ROW_STATE.DELETE);
           });
         }
-      }), this.resetRecords(), t(this, ht).call(this);
+      }), this.resetRecords(), t(this, dt).call(this);
     }, "delete"));
     E(this, "setValue", /* @__PURE__ */ h((s, e, n) => {
       var c;
@@ -1514,7 +1513,7 @@ 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, fe).call(this);
+    p(this, O, s), p(this, k, e), t(this, ue).call(this);
   }
   get source() {
     return t(this, vt).call(this, t(this, k).rawRecords);
@@ -1523,7 +1522,7 @@ const W = class W {
     this.clear(), this.add(s, !1);
   }
   get nextId() {
-    return ++gs(this, de)._;
+    return ++gs(this, fe)._;
   }
   get count() {
     return t(this, z).length;
@@ -1535,7 +1534,7 @@ const W = class W {
     return this.length;
   }
 };
-O = new WeakMap(), k = new WeakMap(), z = new WeakMap(), xt = new WeakMap(), de = new WeakMap(), Z = new WeakMap(), fe = new WeakMap(), ht = new WeakMap(), Bt = new WeakMap(), ue = new WeakMap(), ge = new WeakMap(), vt = new WeakMap(), h(W, "ngData"), // 🎯 행 상태 정의 상수를 클래스 내부로 내재화
+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", {
   EMPTY: "EMPTY",
   NORMAL: "NORMAL",
@@ -1543,14 +1542,14 @@ E(W, "ROW_STATE", {
   UPDATE: "UPDATE",
   DELETE: "DELETE"
 });
-let Le = W;
-var dt;
+let Ie = W;
+var ft;
 const ns = class ns {
   constructor(s) {
-    d(this, dt);
-    p(this, dt, s), this.row = new ke(this), this.data = new Le(t(this, dt), this), this.rawRecords = [], this.viewRecords = [], this.delRecords = [], this.pageCnt = 25, this.viewRecords.reset = () => {
+    d(this, ft);
+    p(this, ft, s), this.row = new Le(this), this.data = new Ie(t(this, ft), this), this.rawRecords = [], this.viewRecords = [], this.delRecords = [], this.pageCnt = 25, this.viewRecords.reset = () => {
       var e;
-      (e = t(this, dt).view) != null && e.redraw && t(this, dt).view.redraw();
+      (e = t(this, ft).view) != null && e.redraw && t(this, ft).view.redraw();
     }, this.setDataSource = (e) => {
       this.data && this.data.reset(), this.rawRecords = [], this.viewRecords = [], this.delRecords = [], this.data.set(e || []);
     }, this.getRowState = (e) => {
@@ -1565,9 +1564,9 @@ const ns = class ns {
     }, this.setDataSource([]);
   }
 };
-dt = new WeakMap(), h(ns, "ngDataManager");
-let Ie = ns;
-var wt, M, Pt, be;
+ft = new WeakMap(), h(ns, "ngDataManager");
+let He = ns;
+var wt, M, Pt, pe;
 const rs = class rs {
   // 🎯 이제 { name: string, type: string } 객체들의 배열로 관리합니다.
   constructor(s) {
@@ -1584,12 +1583,12 @@ const rs = class rs {
         s.set(e.name, e.type);
       }), 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, be, /* @__PURE__ */ h(() => {
-      p(this, M, []), w.log(t(this, wt).querySelectorAll("table"));
+    d(this, pe, /* @__PURE__ */ h(() => {
+      p(this, M, []), S.log(t(this, wt).querySelectorAll("table"));
       const s = Array.from(t(this, wt).querySelectorAll("table"));
       if (!(!s || s.length === 0)) {
         for (const e of s)
-          w.log(e), $("[data-bind]", e).each((n, r) => {
+          S.log(e), $("[data-bind]", e).each((n, r) => {
             const o = r.dataset.bind, i = r.getAttribute("data-type") || "string";
             o && t(this, M).push({ name: o, type: i });
           }), ["data-expr", "background-color", "color", "tooltip", "visible", "readonly", "enable-button", "enable-check", "class-expr", "icon-color", "icon-src"].forEach((n) => {
@@ -1616,7 +1615,7 @@ const rs = class rs {
         t(this, Pt).call(this);
       }
     }, "#init"));
-    p(this, wt, s), t(this, be).call(this);
+    p(this, wt, s), t(this, pe).call(this);
   }
   // 🎯 기존에 필드 이름만 쓰던 곳들과의 호환을 위해 이름 배열만 리턴하는 메서드 유지
   get() {
@@ -1638,42 +1637,42 @@ const rs = class rs {
     return t(this, M).some((e) => e.name === s);
   }
 };
-wt = new WeakMap(), M = new WeakMap(), Pt = new WeakMap(), be = new WeakMap(), h(rs, "ngFields");
-let He = rs;
-var ft, pe, ye;
+wt = 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 {
   constructor() {
     super();
     //#created = false;
-    d(this, ft);
-    d(this, pe);
-    d(this, ye, /* @__PURE__ */ h(() => {
-      this.fields = new He(this), p(this, pe, new Ce(this)), w.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
+    d(this, ut);
+    d(this, ye);
+    d(this, me, /* @__PURE__ */ h(() => {
+      this.fields = new Me(this), p(this, ye, new ke(this)), S.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
     }, "#init"));
-    this.attachShadow({ mode: "open" }), p(this, ft, new Ie(this));
+    this.attachShadow({ mode: "open" }), p(this, ut, new He(this));
   }
   connectedCallback() {
-    t(this, ye).call(this);
+    t(this, me).call(this);
   }
   disconnectedCallback() {
-    w.log("NineTable disconnected.");
+    S.log("NineTable disconnected.");
   }
   // 🎯 외부에서 grid.data.set(...) 형태로 접근할 수 있도록 데이터 매니저 오픈
   get data() {
-    return t(this, ft).data;
+    return t(this, ut).data;
   }
   // 🎯 행(row) 관련 제어 접근자 오픈
   get row() {
-    return t(this, ft).row;
+    return t(this, ut).row;
   }
   // 🎯 전체 데이터 매니저 접근 필요할 경우
   get dataManager() {
-    return t(this, ft);
+    return t(this, ut);
   }
 };
-ft = new WeakMap(), pe = new WeakMap(), ye = new WeakMap(), h(os, "NineTable");
-let Me = os;
-customElements.get("nine-table") || customElements.define("nine-table", Me);
+ut = new WeakMap(), ye = new WeakMap(), me = new WeakMap(), h(os, "NineTable");
+let $e = os;
+customElements.get("nine-table") || customElements.define("nine-table", $e);
 const qt = class qt extends HTMLElement {
   // 👈 커스텀 스타일용 캐시 추가
   constructor() {
@@ -1686,9 +1685,9 @@ const qt = class qt extends HTMLElement {
   }
 };
 h(qt, "BasicCellElement"), E(qt, "_styleCache", /* @__PURE__ */ new Map()), E(qt, "_customStyleCache", /* @__PURE__ */ new Map());
-let $e = qt;
+let _e = qt;
 var L, Ft, x, Pe, Fe, je, Ye, Ve;
-const is = class is extends $e {
+const is = class is extends _e {
   constructor() {
     super();
     d(this, L);
@@ -1742,8 +1741,8 @@ const is = class is extends $e {
           else
             o = !0;
           o ? ninegrid.j.querySelectorAll(t(this, x)).removeClass("suppress") : ninegrid.j.querySelectorAll(t(this, x)).addClass("suppress"), ninegrid.j.querySelectorAll(t(this, x)).hasClass("hidden") || (o ? ninegrid.j.querySelectorAll(t(this, x)).removeClass("hidden") : ninegrid.j.querySelectorAll(t(this, x)).addClass("hidden"));
-          var y = parseInt(t(this, x).dataset.matrixRow), v = y - 1, S = t(this, L).body.querySelector(`tbody.bindable [data-col="${t(this, x).dataset.col}"][data-matrix-row="${v}"]`);
-          $(S).hasClass("suppress") && !ninegrid.j.querySelectorAll(t(this, x)).hasClass("suppress") ? ninegrid.j.querySelectorAll(S).removeClass("last-none-suppress").addClass("last-suppress") : !$(S).hasClass("suppress") && ninegrid.j.querySelectorAll(t(this, x)).hasClass("suppress") ? ninegrid.j.querySelectorAll(S).removeClass("last-suppress").addClass("last-none-suppress") : ninegrid.j.querySelectorAll(S).removeClass("last-none-suppress").removeClass("last-suppress");
+          var y = parseInt(t(this, x).dataset.matrixRow), v = y - 1, w = t(this, L).body.querySelector(`tbody.bindable [data-col="${t(this, x).dataset.col}"][data-matrix-row="${v}"]`);
+          $(w).hasClass("suppress") && !ninegrid.j.querySelectorAll(t(this, x)).hasClass("suppress") ? ninegrid.j.querySelectorAll(w).removeClass("last-none-suppress").addClass("last-suppress") : !$(w).hasClass("suppress") && ninegrid.j.querySelectorAll(t(this, x)).hasClass("suppress") ? ninegrid.j.querySelectorAll(w).removeClass("last-suppress").addClass("last-none-suppress") : ninegrid.j.querySelectorAll(w).removeClass("last-none-suppress").removeClass("last-suppress");
         }
       }
     }, "#resetSuppress"));
@@ -1784,8 +1783,8 @@ const is = class is extends $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");
-let _e = is;
-const as = class as extends _e {
+let Ne = is;
+const as = class as extends Ne {
   constructor() {
     super();
   }
@@ -1797,16 +1796,16 @@ const as = class as extends _e {
   }
 };
 h(as, "EditableCellElement");
-let Ne = as;
-var jt, ut, St, Rt, me, J, Ue;
-const ls = class ls extends Ne {
+let De = as;
+var jt, gt, St, Rt, xe, J, Ue;
+const ls = class ls extends De {
   constructor() {
     super();
     d(this, jt);
-    d(this, ut);
+    d(this, gt);
     d(this, St);
     d(this, Rt);
-    d(this, me);
+    d(this, xe);
     d(this, J);
     E(this, "refresh", /* @__PURE__ */ h(() => {
       const e = super.refresh();
@@ -1844,7 +1843,7 @@ const ls = class ls extends Ne {
     		*/
     d(this, Ue, /* @__PURE__ */ h((e) => {
       if (!["Escape", "Enter", "Tab", "Home", "End", "ArrowLeft", "ArrowRight", "PageUp", "PageDown", "Backspace", "Delete"].includes(e.code)) {
-        if (t(this, ut) == "number") {
+        if (t(this, gt) == "number") {
           let o = [];
           if (t(this, J) && Number(t(this, J)) > 0 && o.push("."), t(this, Rt) && Number(t(this, Rt)) >= 0 && o.push("-"), !(e.keyCode >= 48 && e.keyCode <= 57 || e.keyCode >= 96 && e.keyCode <= 105) && !o.includes(e.key) && e.preventDefault(), t(this, J) && (e.keyCode >= 48 && e.keyCode <= 57 || e.keyCode >= 96 && e.keyCode <= 105) && e.target.selectionStart == e.target.selectionEnd) {
             var n = e.target.value, r = n.indexOf(".");
@@ -1857,7 +1856,7 @@ const ls = class ls extends Ne {
         t(this, St) && ninegrid.getByteLength(e.target.value) >= Number(t(this, St)) && e.target.selectionStart == e.target.selectionEnd && e.preventDefault();
       }
     }, "#onKeyDown"));
-    if (this.applyBaseStyle(), p(this, ut, this.getAttribute("type") || "text"), p(this, St, this.getAttribute("maxbyte")), p(this, Rt, this.getAttribute("min")), p(this, me, this.getAttribute("max")), p(this, J, this.getAttribute("scale")), !["text", "number"].includes(t(this, ut))) throw `invalid type : ${t(this, ut)}`;
+    if (this.applyBaseStyle(), p(this, gt, this.getAttribute("type") || "text"), p(this, St, this.getAttribute("maxbyte")), p(this, Rt, this.getAttribute("min")), p(this, xe, this.getAttribute("max")), p(this, J, this.getAttribute("scale")), !["text", "number"].includes(t(this, gt))) throw `invalid type : ${t(this, gt)}`;
   }
   connectedCallback() {
     for (var e = [], n = 0; n < this.attributes.length; n++)
@@ -1870,8 +1869,8 @@ const ls = class ls extends Ne {
 		`, super.connectedCallback(), p(this, jt, this.querySelector("input"));
   }
 };
-jt = new WeakMap(), ut = new WeakMap(), St = new WeakMap(), Rt = new WeakMap(), me = new WeakMap(), J = new WeakMap(), Ue = new WeakMap(), h(ls, "CellInputText");
-let De = ls;
+jt = new WeakMap(), gt = new WeakMap(), St = new WeakMap(), Rt = new WeakMap(), xe = new WeakMap(), J = new WeakMap(), Ue = new WeakMap(), h(ls, "CellInputText");
+let Oe = ls;
 customElements.get("cell-input-text");
-customElements.get("cell-input") || customElements.define("cell-input", De);
+customElements.get("cell-input") || customElements.define("cell-input", Oe);
 //# sourceMappingURL=nine-table.js.map