@ninebone/table 0.0.811 → 0.0.812

package/dist/nine-table.js

@@ -5,10 +5,10 @@ var xs = (q) => {
 var Rs = (q, s, e) => s in q ? ms(q, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : q[s] = e;
 var h = (q, s) => ms(q, "name", { value: s, configurable: !0 });
 var E = (q, s, e) => Rs(q, typeof s != "symbol" ? s + "" : s, e), qe = (q, s, e) => s.has(q) || xs("Cannot " + e);
-var t = (q, s, e) => (qe(q, s, "read from private field"), e ? e.call(q) : s.get(q)), d = (q, s, e) => s.has(q) ? xs("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(q) : s.set(q, e), p = (q, s, e, n) => (qe(q, s, "write to private field"), n ? n.call(q, e) : s.set(q, e), e), V = (q, s, e) => (qe(q, s, "access private method"), e);
+var t = (q, s, e) => (qe(q, s, "read from private field"), e ? e.call(q) : s.get(q)), d = (q, s, e) => s.has(q) ? xs("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(q) : s.set(q, e), y = (q, s, e, n) => (qe(q, s, "write to private field"), n ? n.call(q, e) : s.set(q, e), e), V = (q, s, e) => (qe(q, s, "access private method"), e);
 var ws = (q, s, e, n) => ({
   set _(r) {
-    p(q, s, r, e);
+    y(q, s, r, e);
   },
   get _() {
     return t(q, s, n);
@@ -36,7 +36,7 @@ const ss = class ss extends HTMLElement {
     d(this, Zt, /* @__PURE__ */ h(() => {
       if (!t(this, j)) return;
       const e = t(this, j).querySelector(".ng-container-body .ng-part-body");
-      e && (p(this, et, new ResizeObserver(() => {
+      e && (y(this, et, new ResizeObserver(() => {
         this.refresh();
       })), t(this, et).observe(e));
     }, "#observeResize"));
@@ -58,8 +58,8 @@ const ss = class ss extends HTMLElement {
       const f = e.scrollLeft, b = c - a;
       let u = 0;
       b > 0 && (u = parseInt(f / b * (l - g), 10)), u < 0 && (u = 0);
-      const y = l - g;
-      u > y && (u = y), i.style.left = `${u}px`, t(this, A).left.disabled = u === 0, t(this, A).right.disabled = u >= y - 1;
+      const p = l - g;
+      u > p && (u = p), i.style.left = `${u}px`, t(this, A).left.disabled = u === 0, t(this, A).right.disabled = u >= p - 1;
     }, "refresh"));
     d(this, st, /* @__PURE__ */ h((e) => {
       if (!t(this, A)) return !1;
@@ -77,8 +77,8 @@ const ss = class ss extends HTMLElement {
       const e = /* @__PURE__ */ h((r) => {
         clearInterval(t(this, Q)), clearInterval(t(this, tt));
         const i = parseInt(t(this, A).thumb.style.left || 0, 10);
-        t(this, st).call(this, i + r), p(this, Q, setInterval(() => {
-          clearInterval(t(this, Q)), p(this, tt, setInterval(() => {
+        t(this, st).call(this, i + r), y(this, Q, setInterval(() => {
+          clearInterval(t(this, Q)), y(this, tt, setInterval(() => {
             const o = parseInt(t(this, A).thumb.style.left || 0, 10);
             t(this, st).call(this, o + r) || clearInterval(t(this, tt));
           }, 50));
@@ -99,20 +99,20 @@ const ss = class ss extends HTMLElement {
         t(this, st).call(this, r.clientX - i.left - o / 2);
       }), t(this, A).thumb.addEventListener("mousedown", (r) => {
         if (r.button !== 0) return;
-        r.stopPropagation(), r.preventDefault(), p(this, K, !0), this.shiftX = r.clientX - t(this, A).thumb.getBoundingClientRect().left;
+        r.stopPropagation(), r.preventDefault(), y(this, K, !0), this.shiftX = r.clientX - t(this, A).thumb.getBoundingClientRect().left;
         const i = /* @__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);
         }, "onMouseMove"), o = /* @__PURE__ */ h(() => {
-          p(this, K, !1), n(), document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", o), this.refresh();
+          y(this, K, !1), n(), document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", o), this.refresh();
         }, "onMouseUp");
         document.addEventListener("mousemove", i), document.addEventListener("mouseup", o);
       });
     }, "#init"));
   }
   connectedCallback() {
-    if (p(this, j, this.closest("nine-table-sheet") || this.getRootNode().host), !t(this, j)) return;
+    if (y(this, j, this.closest("nine-table-sheet") || this.getRootNode().host), !t(this, j)) return;
     this.innerHTML = `
             <style>
                 nine-table-hscrollbar {
@@ -182,7 +182,7 @@ const ss = class ss extends HTMLElement {
         setTimeout(e, 10);
         return;
       }
-      p(this, A, {
+      y(this, A, {
         container: n,
         track: this.querySelector(".ng-scroll-track"),
         thumb: this.querySelector(".ng-scroll-thumb"),
@@ -226,8 +226,8 @@ const ns = class ns extends HTMLElement {
       const f = e.scrollTop, b = Math.max(c - i, 1);
       let u = 0;
       b > 0 && (u = f / b * (l - g));
-      const y = l - g;
-      u < 0 && (u = 0), u > y && (u = y), r.style.top = `${u}px`, t(this, k).top.disabled = f <= 0, t(this, k).bottom.disabled = f >= b - 1;
+      const p = l - g;
+      u < 0 && (u = 0), u > p && (u = p), r.style.top = `${u}px`, t(this, k).top.disabled = f <= 0, t(this, k).bottom.disabled = f >= b - 1;
     }, "refresh"));
     d(this, Qt, /* @__PURE__ */ h(() => {
       T.log("nine-table-vscrollbar.#init");
@@ -237,19 +237,19 @@ const ns = class ns extends HTMLElement {
       }, "getContentHeight");
       t(this, k).thumb.addEventListener("mousedown", (r) => {
         if (r.button !== 0) return;
-        r.stopPropagation(), r.preventDefault(), p(this, yt, !0), p(this, kt, r.clientY), p(this, Lt, e.scrollTop);
+        r.stopPropagation(), r.preventDefault(), y(this, yt, !0), y(this, kt, r.clientY), y(this, Lt, e.scrollTop);
         const i = /* @__PURE__ */ h((a) => {
           if (!t(this, yt)) return;
-          const c = t(this, k).track.getBoundingClientRect(), l = t(this, k).thumb.clientHeight, f = c.height - l, b = a.clientY - t(this, kt), u = e.clientHeight, y = n(), x = Math.max(y - u, 1);
+          const c = t(this, k).track.getBoundingClientRect(), l = t(this, k).thumb.clientHeight, f = c.height - l, b = a.clientY - t(this, kt), u = e.clientHeight, p = n(), x = Math.max(p - u, 1);
           if (f > 0 && x > 0) {
             const w = b / f * x;
             let m = t(this, Lt) + w;
-            const C = Math.max(0, y - u);
+            const C = Math.max(0, p - u);
             m < 0 && (m = 0), m > C && (m = C), e.scrollTop = m;
           }
           this.refresh();
         }, "onMouseMove"), o = /* @__PURE__ */ h(() => {
-          p(this, yt, !1), document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", o), this.refresh();
+          y(this, yt, !1), document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", o), this.refresh();
         }, "onMouseUp");
         document.addEventListener("mousemove", i), document.addEventListener("mouseup", o);
       }), t(this, k).track.addEventListener("mousedown", (r) => {
@@ -268,7 +268,7 @@ const ns = class ns extends HTMLElement {
     }, "#init"));
   }
   connectedCallback() {
-    p(this, nt, this.getRootNode().host), p(this, rt, this.closest("nine-table-sheet")), this.innerHTML = `
+    y(this, nt, this.getRootNode().host), y(this, rt, this.closest("nine-table-sheet")), this.innerHTML = `
             <style>
                 nine-table-vscrollbar {
                     display: flex;
@@ -338,7 +338,7 @@ const ns = class ns extends HTMLElement {
         setTimeout(e, 10);
         return;
       }
-      p(this, k, {
+      y(this, k, {
         container: n,
         track: this.querySelector(".ng-scroll-track"),
         thumb: this.querySelector(".ng-scroll-thumb"),
@@ -376,10 +376,10 @@ const rs = class rs {
       s && (t(this, Mt).call(this), t(this, Ht).call(this), t(this, mt).call(this, s.scrollTop), (e = t(this, R).querySelector("nine-table-vscrollbar")) == null || e.refresh());
     }, "refresh"));
     E(this, "initialize", /* @__PURE__ */ h(() => {
-      T.log("rowManager.initialize"), p(this, it, {
+      T.log("rowManager.initialize"), y(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, O, null), t(this, Y).clear(), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((o) => {
+      }), y(this, O, null), t(this, Y).clear(), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((o) => {
         const a = t(this, R).querySelector(o);
         if (!a) return;
         const c = a.querySelector(".ng-part-body table");
@@ -393,7 +393,7 @@ const rs = class rs {
       if (s) {
         t(this, Mt).call(this), t(this, Nt).call(this), t(this, Ht).call(this), t(this, mt).call(this, s.scrollTop);
         let o = !1;
-        p(this, ee, s.scrollLeft);
+        y(this, ee, s.scrollLeft);
         const a = /* @__PURE__ */ h((c) => {
           var f;
           if (o) return;
@@ -448,11 +448,11 @@ const rs = class rs {
       return f.forEach((b) => {
         let u = b.offsetHeight || b.getBoundingClientRect().height;
         if (u === 0) {
-          const y = window.getComputedStyle(b);
-          u = parseFloat(y.height) || parseFloat(y.minHeight) || 0;
+          const p = window.getComputedStyle(b);
+          u = parseFloat(p.height) || parseFloat(p.minHeight) || 0;
         }
         g += u;
-      }), f.forEach((b) => b.remove()), o.style.display = a, o.style.visibility = c, o.style.position = l, g <= 0 ? -1 : (p(this, O, g), t(this, $t).call(this), t(this, O));
+      }), f.forEach((b) => b.remove()), o.style.display = a, o.style.visibility = c, o.style.position = l, g <= 0 ? -1 : (y(this, O, g), t(this, $t).call(this), t(this, O));
     }, "#measureAndCacheHeight"));
     d(this, Ht, /* @__PURE__ */ h(() => {
       T.log("rowManager.#updateVirtualScrollHeight");
@@ -467,38 +467,38 @@ const rs = class rs {
     d(this, $t, /* @__PURE__ */ h(() => {
       if (t(this, at) > 0 && t(this, O) > 0) {
         const s = Math.ceil(t(this, at) / t(this, O));
-        p(this, It, s + t(this, te));
+        y(this, It, s + t(this, te));
       }
     }, "#updateRowCount"));
     d(this, ne, /* @__PURE__ */ h(() => {
       var a, c, l, g, f, 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 u = s ? Array.from(s.querySelectorAll("tbody tr")) : [], y = Array.from(e.querySelectorAll("tbody tr")), x = n ? Array.from(n.querySelectorAll("tbody tr")) : [], w = Math.max(u.length, y.length, x.length);
+        const u = s ? Array.from(s.querySelectorAll("tbody tr")) : [], p = Array.from(e.querySelectorAll("tbody tr")), x = n ? Array.from(n.querySelectorAll("tbody tr")) : [], w = Math.max(u.length, p.length, x.length);
         for (let m = 0; m < w; m++) {
           const C = [
             ((a = u[m]) == null ? void 0 : a.getBoundingClientRect().height) || 0,
-            ((c = y[m]) == null ? void 0 : c.getBoundingClientRect().height) || 0,
+            ((c = p[m]) == null ? void 0 : c.getBoundingClientRect().height) || 0,
             ((l = x[m]) == null ? void 0 : l.getBoundingClientRect().height) || 0
           ], S = Math.max(...C);
-          S > 0 && (u[m] && (u[m].style.height = `${S}px`), y[m] && (y[m].style.height = `${S}px`), x[m] && (x[m].style.height = `${S}px`));
+          S > 0 && (u[m] && (u[m].style.height = `${S}px`), p[m] && (p[m].style.height = `${S}px`), x[m] && (x[m].style.height = `${S}px`));
         }
       }
       const r = t(this, R).querySelector(".ng-container-left .ng-part-footer table"), i = t(this, R).querySelector(".ng-container-body .ng-part-footer table"), o = t(this, R).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")), x = o ? Array.from(o.querySelectorAll("tfoot tr")) : [], w = Math.max(u.length, y.length, x.length);
+        const u = r ? Array.from(r.querySelectorAll("tfoot tr")) : [], p = Array.from(i.querySelectorAll("tfoot tr")), x = o ? Array.from(o.querySelectorAll("tfoot tr")) : [], w = Math.max(u.length, p.length, x.length);
         for (let m = 0; m < w; m++) {
           const C = [
             ((g = u[m]) == null ? void 0 : g.getBoundingClientRect().height) || 0,
-            ((f = y[m]) == null ? void 0 : f.getBoundingClientRect().height) || 0,
+            ((f = p[m]) == null ? void 0 : f.getBoundingClientRect().height) || 0,
             ((b = x[m]) == null ? void 0 : b.getBoundingClientRect().height) || 0
           ], S = Math.max(...C);
-          S > 0 && (u[m] && (u[m].style.height = `${S}px`), y[m] && (y[m].style.height = `${S}px`), x[m] && (x[m].style.height = `${S}px`));
+          S > 0 && (u[m] && (u[m].style.height = `${S}px`), p[m] && (p[m].style.height = `${S}px`), x[m] && (x[m].style.height = `${S}px`));
         }
       }
     }, "#syncRowHeights"));
     d(this, re, /* @__PURE__ */ h(() => {
-      !t(this, R) || !(t(this, R) instanceof HTMLElement) || (p(this, G, new ResizeObserver((s) => {
+      !t(this, R) || !(t(this, R) instanceof HTMLElement) || (y(this, G, new ResizeObserver((s) => {
         for (const e of s) {
           const n = e.target;
           if (!n.classList.contains("active")) continue;
@@ -508,7 +508,7 @@ const rs = class rs {
             const o = n.querySelector(".ng-part-header"), a = n.querySelector(".ng-part-footer");
             o && (i += o.offsetHeight), a && (i += a.offsetHeight);
             const c = Math.max(r - i, 100);
-            t(this, at) !== c && (p(this, at, c), t(this, $t).call(this), t(this, O) !== null && (t(this, Nt).call(this), this.refresh()));
+            t(this, at) !== c && (y(this, at, c), t(this, $t).call(this), t(this, O) !== null && (t(this, Nt).call(this), this.refresh()));
           }
         }
       })), t(this, G).observe(t(this, R)));
@@ -531,9 +531,9 @@ const rs = class rs {
       (b = t(this, it)) == null || b.scrollTables.forEach((u) => {
         u.style.transform = `translate3d(0, ${c}px, 0)`;
       }), g !== a && [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((u) => {
-        const y = t(this, R).querySelector(u);
-        if (!y) return;
-        const x = y.querySelector(".ng-part-body tbody.bindable-tbody");
+        const p = t(this, R).querySelector(u);
+        if (!p) return;
+        const x = p.querySelector(".ng-part-body tbody.bindable-tbody");
         if (!x) return;
         Array.from(x.querySelectorAll("tr:not(.nodata)")).forEach((m, C) => {
           const S = a + Math.floor(C / r);
@@ -583,9 +583,9 @@ const rs = class rs {
       }
     }, "#syncHeaderHeights"));
     E(this, "destroy", /* @__PURE__ */ h(() => {
-      t(this, G) && (t(this, G).disconnect(), p(this, G, null));
+      t(this, G) && (t(this, G).disconnect(), y(this, G, null));
     }, "destroy"));
-    p(this, ot, s.getRootNode().host), p(this, R, s), t(this, re).call(this);
+    y(this, ot, s.getRootNode().host), y(this, R, s), t(this, re).call(this);
   }
   getRowHeight() {
     return t(this, O);
@@ -614,9 +614,9 @@ const ae = class ae {
         const g = l.getAttribute("cell-type") || "renderer";
         if (l.children.length > 0 && l.firstElementChild.tagName.includes("-")) return;
         let f = `cell-${g}`;
-        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"), p = l.getAttribute("maxbyte"), x = l.getAttribute("type");
         let w = [];
-        b && w.push(`data-bind="${b}"`), u && w.push(`data-expr="${u}"`), y && w.push(`maxbyte="${y}"`), x && w.push(`type="${x}"`), l.innerHTML = `<${f} ${w.join(" ")}></${f}>`;
+        b && w.push(`data-bind="${b}"`), u && w.push(`data-expr="${u}"`), p && w.push(`maxbyte="${p}"`), x && w.push(`type="${x}"`), l.innerHTML = `<${f} ${w.join(" ")}></${f}>`;
       }), a.querySelectorAll("tbody td, tfoot td").forEach((l) => {
         l.setAttribute("tabindex", "0");
       });
@@ -638,14 +638,14 @@ const ae = class ae {
       const l = Array.from(a.querySelectorAll(c + " tr")), g = Array.from(a.querySelectorAll(c + " th," + c + " td")), f = l.length;
       if (f === 0 || g.length === 0) return;
       let b = 0;
-      g.forEach((y) => {
-        b += y.colSpan || 1;
+      g.forEach((p) => {
+        b += p.colSpan || 1;
       });
       const u = Array.from(Array(f), () => Array(b).fill(null));
-      l.forEach((y) => {
-        const x = y.sectionRowIndex;
+      l.forEach((p) => {
+        const x = p.sectionRowIndex;
         let w = 0;
-        Array.from(y.querySelectorAll("th,td")).forEach((m) => {
+        Array.from(p.querySelectorAll("th,td")).forEach((m) => {
           for (let M = 0; M < u[x].length; M++)
             if (u[x][M] === null) {
               w = M;
@@ -656,9 +656,9 @@ const ae = class ae {
             for (let W = 0; W < S; W++)
               x + M < f && w + W < b && (u[x + M][w + W] = M === 0 && W === 0 ? "1" : "0");
         });
-      }), l.forEach((y) => {
-        const x = y.sectionRowIndex;
-        Array.from(y.querySelectorAll("th,td")).forEach((w) => {
+      }), l.forEach((p) => {
+        const x = p.sectionRowIndex;
+        Array.from(p.querySelectorAll("th,td")).forEach((w) => {
           for (let m = 0; m < u[x].length; m++)
             if (u[x][m] === "1") {
               w.dataset.col = m, u[x][m] = "0";
@@ -705,13 +705,13 @@ const os = class os {
           l < 0 || c.querySelectorAll("td, th").forEach((g) => {
             const f = parseInt(g.dataset.col, 10);
             if (isNaN(f)) return;
-            const b = parseInt(g.rowSpan || 1, 10), u = parseInt(g.colSpan || 1, 10), y = l + b - 1, x = f + u - 1;
-            y >= s && l <= n && x >= e && f <= r && (o++, g.classList.add("selected"), T.log(g, s, e, n, r), l <= s && g.classList.add("selected-top"), y >= n && g.classList.add("selected-bottom"), f <= e && g.classList.add("selected-left"), x >= r && g.classList.add("selected-right"));
+            const b = parseInt(g.rowSpan || 1, 10), u = parseInt(g.colSpan || 1, 10), p = l + b - 1, x = f + u - 1;
+            p >= s && l <= n && x >= e && f <= r && (o++, g.classList.add("selected"), T.log(g, s, e, n, r), l <= s && g.classList.add("selected-top"), p >= n && g.classList.add("selected-bottom"), f <= e && g.classList.add("selected-left"), x >= r && g.classList.add("selected-right"));
           });
         });
       }), T.log(`✨ [CellSelection.render] Total rendered cells marked: ${o}`);
     }, "render"));
-    p(this, N, s), V(this, X, vs).call(this), t(this, N).querySelectorAll(
+    y(this, N, s), V(this, X, vs).call(this), t(this, N).querySelectorAll(
       ".ng-container-left .ng-part-body, .ng-container-body .ng-part-body, .ng-container-right .ng-part-body"
     ).forEach((n) => {
       n.addEventListener("scroll", () => {
@@ -730,19 +730,19 @@ const os = class os {
       g = !1, f++, l.forEach((b) => {
         b.querySelectorAll("tbody tr").forEach((u) => {
           if (u.classList.contains("nodata")) return;
-          const { matrixRow: y } = V(this, X, qt).call(this, u);
-          y < 0 || u.querySelectorAll("td, th").forEach((x) => {
+          const { matrixRow: p } = V(this, X, qt).call(this, u);
+          p < 0 || u.querySelectorAll("td, th").forEach((x) => {
             const w = parseInt(x.dataset.col, 10);
             if (isNaN(w)) return;
-            const m = parseInt(x.rowSpan || 1, 10), C = parseInt(x.colSpan || 1, 10), S = y + m - 1, M = w + C - 1;
-            if (S >= i && y <= o && M >= a && w <= c) {
-              const B = Math.min(i, y), Kt = Math.max(o, S), ps = Math.min(a, w), ys = Math.max(c, M);
+            const m = parseInt(x.rowSpan || 1, 10), C = parseInt(x.colSpan || 1, 10), S = p + m - 1, M = w + C - 1;
+            if (S >= i && p <= o && M >= a && w <= c) {
+              const B = Math.min(i, p), Kt = Math.max(o, S), ps = Math.min(a, w), ys = Math.max(c, M);
               (B !== i || Kt !== o || ps !== a || ys !== c) && (i = B, o = Kt, a = ps, c = ys, g = !0);
             }
           });
         });
       });
-    p(this, U, { startRow: i, startCol: a, endRow: o, endCol: c }), T.log("📦 [CellSelection.setRange] Final Range ->", t(this, U)), this.render();
+    y(this, U, { startRow: i, startCol: a, endRow: o, endCol: c }), T.log("📦 [CellSelection.setRange] Final Range ->", t(this, U)), this.render();
   }
 };
 N = new WeakMap(), U = new WeakMap(), X = new WeakSet(), qt = /* @__PURE__ */ h(function(s) {
@@ -783,7 +783,7 @@ N = new WeakMap(), U = new WeakMap(), X = new WeakSet(), qt = /* @__PURE__ */ h(
         }
       }
       if (!u || u.dataset.row === void 0 || u.dataset.col === void 0 || u.closest("tr").classList.contains("nodata")) return;
-      const y = u.closest("tr"), { matrixRow: x } = V(this, X, qt).call(this, y), w = parseInt(u.dataset.col, 10);
+      const p = u.closest("tr"), { matrixRow: x } = V(this, X, qt).call(this, p), w = parseInt(u.dataset.col, 10);
       x < 0 || a === x && c === w || (a = x, c = w, this.setRange(i, o, x, w));
     }, "onMouseMove"), g = /* @__PURE__ */ h(() => {
       T.log("🖱️ [MouseUp] Drag ended."), t(this, N).style.userSelect = "", t(this, N).style.webkitUserSelect = "", document.removeEventListener("mousemove", l), document.removeEventListener("mouseup", g);
@@ -842,15 +842,15 @@ const is = class is {
       return e.forEach((r) => {
         const i = Array.from(r.querySelectorAll("tbody tr:not(.nodata)"));
         for (const o of i) {
-          const a = parseInt(o.dataset.row, 10), c = i.filter((y) => parseInt(y.dataset.row, 10) === a), l = c.length > 0 ? c.length : 1, g = c.indexOf(o), f = a * l + (g >= 0 ? g : 0);
+          const a = parseInt(o.dataset.row, 10), c = i.filter((p) => parseInt(p.dataset.row, 10) === a), l = c.length > 0 ? c.length : 1, g = c.indexOf(o), f = a * l + (g >= 0 ? g : 0);
           if (f === s) {
             n.push(o);
             break;
           }
           const b = Array.from(o.querySelectorAll("td"));
           let u = !1;
-          for (const y of b) {
-            const x = parseInt(y.rowSpan || 1, 10);
+          for (const p of b) {
+            const x = parseInt(p.rowSpan || 1, 10);
             if (x > 1 && s >= f && s < f + x) {
               n.push(o), u = !0;
               break;
@@ -868,27 +868,27 @@ const is = class is {
       for (const a of i) {
         const c = Array.from(a.querySelectorAll("tbody tr:not(.nodata)"));
         for (const l of c) {
-          const g = parseInt(l.dataset.row, 10), f = c.filter((w) => parseInt(w.dataset.row, 10) === g), b = f.length > 0 ? f.length : 1, u = f.indexOf(l), y = g * b + (u >= 0 ? u : 0), x = Array.from(l.querySelectorAll("td"));
+          const g = parseInt(l.dataset.row, 10), f = c.filter((w) => parseInt(w.dataset.row, 10) === g), b = f.length > 0 ? f.length : 1, u = f.indexOf(l), p = g * b + (u >= 0 ? u : 0), x = Array.from(l.querySelectorAll("td"));
           for (const w of x) {
             const m = parseInt(w.dataset.col, 10), C = parseInt(w.colSpan || 1, 10), S = parseInt(w.rowSpan || 1, 10);
-            if (!isNaN(m) && n >= m && n < m + C && o >= y && o < y + S && window.getComputedStyle(w).display !== "none")
+            if (!isNaN(m) && n >= m && n < m + C && o >= p && o < p + S && window.getComputedStyle(w).display !== "none")
               return w;
           }
         }
       }
       return null;
     }, "#getNearElement"));
-    p(this, F, s), V(this, pt, Ss).call(this), T.log("🎯 [CellNavigation] Initialized");
+    y(this, F, s), V(this, pt, Ss).call(this), T.log("🎯 [CellNavigation] Initialized");
   }
   get currentCell() {
     return t(this, lt);
   }
   set currentCell(s) {
     if (!s) return;
-    p(this, lt, s), s.focus({ preventScroll: !0 });
+    y(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, le, e), p(this, ce, n);
+      y(this, le, e), y(this, ce, n);
       const r = s.closest("tr"), i = r == null ? void 0 : r.closest("tbody");
       if (i) {
         const a = Array.from(i.querySelectorAll("tr:not(.nodata)")).filter((f) => parseInt(f.dataset.row, 10) === e), c = a.length > 0 ? a.length : 1, l = a.indexOf(r), g = e * c + (l >= 0 ? l : 0);
@@ -930,14 +930,14 @@ const is = class is {
         s.preventDefault(), b = Math.max(0, f - (e.rowSpan || 1));
         break;
     }
-    const y = Math.floor(b / l), x = b % l;
-    let w = t(this, Wt).call(this, y, x, u, b);
-    if (w)
+    const p = Math.floor(b / l), x = b % l;
+    let w = t(this, Wt).call(this, p, x, u, b);
+    if (T.log(w, p, x, u, b), w)
       this.currentCell = w, V(this, pt, $e).call(this, w);
-    else if (y !== r && y >= 0) {
+    else if (p !== r && p >= 0) {
       const W = ((C = (m = t(this, F)).getRowHeight) == null ? void 0 : C.call(m)) || 40;
-      (M = (S = t(this, F)).scrollToY) == null || M.call(S, y * W), setTimeout(() => {
-        const B = t(this, Wt).call(this, y, x, u, b);
+      (M = (S = t(this, F)).scrollToY) == null || M.call(S, p * W), setTimeout(() => {
+        const B = t(this, Wt).call(this, p, x, u, b);
         B && (this.currentCell = B, V(this, pt, $e).call(this, B));
       }, 0);
     }
@@ -969,7 +969,7 @@ const Tt = class Tt extends HTMLElement {
     }, "invalidate"));
     E(this, "generate", /* @__PURE__ */ h((e) => {
       if (T.log("sheet.generate()"), !e) return;
-      p(this, ht, Ie.compile(e)), t(this, de).call(this), t(this, fe).call(this);
+      y(this, ht, Ie.compile(e)), t(this, de).call(this), t(this, fe).call(this);
       const n = this.querySelector(".ng-container-body .ng-part-header"), r = this.querySelector(".ng-container-body .ng-part-footer"), i = this.querySelector(".ng-nodata-overlay");
       n && i && (i.style.top = `${n.offsetHeight}px`), r && i && (i.style.bottom = `${r.offsetHeight}px`), t(this, dt).initialize(), setTimeout(() => {
         var o;
@@ -1027,7 +1027,7 @@ const Tt = class Tt extends HTMLElement {
       n && (n.scrollTop = e);
     }, "scrollToY"));
     d(this, ue, /* @__PURE__ */ h(() => {
-      t(this, ge).call(this), p(this, zt, new Me(this)), p(this, Bt, new He(this));
+      t(this, ge).call(this), y(this, zt, new Me(this)), y(this, Bt, new He(this));
     }, "#init"));
     d(this, ge, /* @__PURE__ */ h(() => {
       const e = Tt.SCROLLBAR_SIZE;
@@ -1231,7 +1231,7 @@ const Tt = class Tt extends HTMLElement {
             </div>
         `;
     }, "#render"));
-    p(this, dt, new Le(this)), p(this, he, this.getRootNode().host);
+    y(this, dt, new Le(this)), y(this, he, this.getRootNode().host);
   }
   connectedCallback() {
     t(this, ue).call(this);
@@ -1267,7 +1267,7 @@ const as = class as extends HTMLElement {
         Array.from(this.querySelectorAll("nine-splitter")).forEach((u) => u.style.setProperty("display", "none"));
         const b = g.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}"]`), w = g[y + 1];
+          const p = parseInt(u.getAttribute("data-index"), 10), x = this.querySelector(`nine-splitter[data-split-index="${p}"]`), w = g[p + 1];
           x && w && w.classList.contains("active") && x.style.setProperty("display", "flex");
         });
       }, "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");
@@ -1450,7 +1450,7 @@ const ls = class ls {
         });
       });
     }, "#render"));
-    p(this, _, s), t(this, pe).call(this);
+    y(this, _, s), t(this, pe).call(this);
   }
 };
 _ = new WeakMap(), pe = new WeakMap(), Ft = new WeakMap(), ye = new WeakMap(), h(ls, "LayoutManager");
@@ -1461,13 +1461,13 @@ const cs = class cs {
     d(this, jt);
     d(this, wt, -1);
     E(this, "count", /* @__PURE__ */ h(() => t(this, jt).rawRecords.length, "count"));
-    p(this, jt, s);
+    y(this, jt, s);
   }
   get at() {
     return t(this, wt);
   }
   set at(s) {
-    p(this, wt, parseInt(s, 10)), body && !body.querySelector(`tbody.bindable tr[data-row="${t(this, wt)}"]`) && setTimeout(() => {
+    y(this, wt, parseInt(s, 10)), body && !body.querySelector(`tbody.bindable tr[data-row="${t(this, wt)}"]`) && setTimeout(() => {
     });
   }
 };
@@ -1483,7 +1483,7 @@ const P = class P {
     d(this, me, 0);
     d(this, Z, []);
     d(this, xe, /* @__PURE__ */ h(() => {
-      p(this, Z, []);
+      y(this, Z, []);
       const s = t(this, D).template || [];
       Array.from(s).forEach((e) => {
         var n;
@@ -1524,11 +1524,11 @@ const P = class P {
       _: [0, 0, 0, 0, P.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, vt, []), t(this, ft).call(this);
+      y(this, z, []), y(this, vt, []), t(this, ft).call(this);
     }, "reset"));
     E(this, "clear", /* @__PURE__ */ h(() => {
       var s;
-      t(this, L).rawRecords = [], p(this, z, []), p(this, vt, []), (s = t(this, L).viewRecords) != null && s.reset && t(this, L).viewRecords.reset();
+      t(this, L).rawRecords = [], y(this, z, []), y(this, vt, []), (s = t(this, L).viewRecords) != null && s.reset && t(this, L).viewRecords.reset();
     }, "clear"));
     d(this, we, /* @__PURE__ */ h((s) => {
       var r;
@@ -1576,7 +1576,7 @@ const P = class P {
       a !== n && o.__ng.rowState !== P.ROW_STATE.INSERT && (o.__ng.o.hasOwnProperty(e) || (o.__ng.o[e] = a), o.__ng.rowState = P.ROW_STATE.UPDATE), o.v[i] = n;
     }, "setValue"));
     E(this, "resetRecords", /* @__PURE__ */ h(() => {
-      p(this, vt, t(this, L).rawRecords.filter((s) => !s.__ng.deleted)), p(this, z, t(this, L).rawRecords.filter((s) => !s.__ng.deleted && !s.__ng.filtered)), t(this, L).rawRecords.forEach((s, e) => {
+      y(this, vt, t(this, L).rawRecords.filter((s) => !s.__ng.deleted)), y(this, z, t(this, L).rawRecords.filter((s) => !s.__ng.deleted && !s.__ng.filtered)), t(this, L).rawRecords.forEach((s, e) => {
         s.__ng.rowidx = e;
       }), t(this, z).forEach((s, e) => {
         s.__ng.i = e;
@@ -1595,7 +1595,7 @@ const P = class P {
       return e ? i[0] : i;
     }, "#conv"));
     E(this, "count", /* @__PURE__ */ h(() => this.getValidData().length, "count"));
-    p(this, D, s), p(this, L, e), t(this, xe).call(this);
+    y(this, D, s), y(this, L, e), t(this, xe).call(this);
   }
   get source() {
     return t(this, St).call(this, t(this, L).rawRecords);
@@ -1629,7 +1629,7 @@ var ut;
 const hs = class hs {
   constructor(s) {
     d(this, ut);
-    p(this, ut, s), this.row = new Oe(this), this.data = new De(t(this, ut), this), this.rawRecords = [], this.viewRecords = [], this.delRecords = [], this.pageCnt = 25, this.viewRecords.reset = () => {
+    y(this, ut, s), this.row = new Oe(this), this.data = new De(t(this, ut), this), this.rawRecords = [], this.viewRecords = [], this.delRecords = [], this.pageCnt = 25, this.viewRecords.reset = () => {
       var e;
       (e = t(this, ut).view) != null && e.redraw && t(this, ut).view.redraw();
     }, this.setDataSource = (e) => {
@@ -1663,10 +1663,10 @@ const ds = class ds {
       const s = /* @__PURE__ */ new Map();
       t(this, H).forEach((e) => {
         s.set(e.name, e.type);
-      }), p(this, H, Array.from(s, ([e, n]) => ({ name: e, type: n }))), p(this, H, t(this, H).filter((e) => e.name !== "" && e.name !== "__ng")), t(this, H).sort((e, n) => e.name.length < n.name.length ? 1 : -1);
+      }), y(this, H, Array.from(s, ([e, n]) => ({ name: e, type: n }))), y(this, H, t(this, H).filter((e) => e.name !== "" && e.name !== "__ng")), t(this, H).sort((e, n) => e.name.length < n.name.length ? 1 : -1);
     }, "#adjust"));
     d(this, Se, /* @__PURE__ */ h(() => {
-      p(this, H, []), T.log(t(this, Rt).querySelectorAll("table"));
+      y(this, H, []), T.log(t(this, Rt).querySelectorAll("table"));
       const s = Array.from(t(this, Rt).querySelectorAll("table"));
       if (!(!s || s.length === 0)) {
         for (const e of s)
@@ -1697,7 +1697,7 @@ const ds = class ds {
         t(this, Yt).call(this);
       }
     }, "#init"));
-    p(this, Rt, s), t(this, Se).call(this);
+    y(this, Rt, s), t(this, Se).call(this);
   }
   // 🎯 기존에 필드 이름만 쓰던 곳들과의 호환을 위해 이름 배열만 리턴하는 메서드 유지
   get() {
@@ -1729,9 +1729,9 @@ const fs = class fs extends HTMLElement {
     d(this, gt);
     d(this, Re);
     d(this, Ae, /* @__PURE__ */ h(() => {
-      this.fields = new ze(this), p(this, Re, new _e(this)), T.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
+      this.fields = new ze(this), y(this, Re, new _e(this)), T.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
     }, "#init"));
-    this.attachShadow({ mode: "open" }), p(this, gt, new We(this));
+    this.attachShadow({ mode: "open" }), y(this, gt, new We(this));
   }
   connectedCallback() {
     t(this, Ae).call(this);
@@ -1823,7 +1823,7 @@ const us = class us extends Pe {
           else
             i = !0;
           i ? ninegrid.j.querySelectorAll(t(this, v)).removeClass("suppress") : ninegrid.j.querySelectorAll(t(this, v)).addClass("suppress"), ninegrid.j.querySelectorAll(t(this, v)).hasClass("hidden") || (i ? ninegrid.j.querySelectorAll(t(this, v)).removeClass("hidden") : ninegrid.j.querySelectorAll(t(this, v)).addClass("hidden"));
-          var y = parseInt(t(this, v).dataset.matrixRow), x = y - 1, w = t(this, I).body.querySelector(`tbody.bindable [data-col="${t(this, v).dataset.col}"][data-matrix-row="${x}"]`);
+          var p = parseInt(t(this, v).dataset.matrixRow), x = p - 1, w = t(this, I).body.querySelector(`tbody.bindable [data-col="${t(this, v).dataset.col}"][data-matrix-row="${x}"]`);
           $(w).hasClass("suppress") && !ninegrid.j.querySelectorAll(t(this, v)).hasClass("suppress") ? ninegrid.j.querySelectorAll(w).removeClass("last-none-suppress").addClass("last-suppress") : !$(w).hasClass("suppress") && ninegrid.j.querySelectorAll(t(this, v)).hasClass("suppress") ? ninegrid.j.querySelectorAll(w).removeClass("last-suppress").addClass("last-none-suppress") : ninegrid.j.querySelectorAll(w).removeClass("last-none-suppress").removeClass("last-suppress");
         }
       }
@@ -1842,7 +1842,7 @@ const us = class us extends Pe {
     }, "getExprValue"));
   }
   connectedCallback() {
-    super.connectedCallback(), p(this, I, this.getRootNode().host), p(this, v, this.closest("th,td")), p(this, Ut, t(this, v).closest("tr"));
+    super.connectedCallback(), y(this, I, this.getRootNode().host), y(this, v, this.closest("th,td")), y(this, Ut, t(this, v).closest("tr"));
   }
   get value() {
     var e = !t(this, I) || !t(this, I).dataManager || !t(this, v) || !t(this, v).dataset || !t(this, v).dataset.row || !t(this, v).dataset.bind ? "" : t(this, v).closest("tr").data[t(this, v).dataset.bind];
@@ -1938,7 +1938,7 @@ const bs = class bs extends je {
         t(this, At) && ninegrid.getByteLength(e.target.value) >= Number(t(this, At)) && e.target.selectionStart == e.target.selectionEnd && e.preventDefault();
       }
     }, "#onKeyDown"));
-    if (this.applyBaseStyle(), p(this, bt, this.getAttribute("type") || "text"), p(this, At, this.getAttribute("maxbyte")), p(this, Et, this.getAttribute("min")), p(this, Ee, this.getAttribute("max")), p(this, J, this.getAttribute("scale")), !["text", "number"].includes(t(this, bt))) throw `invalid type : ${t(this, bt)}`;
+    if (this.applyBaseStyle(), y(this, bt, this.getAttribute("type") || "text"), y(this, At, this.getAttribute("maxbyte")), y(this, Et, this.getAttribute("min")), y(this, Ee, this.getAttribute("max")), y(this, J, this.getAttribute("scale")), !["text", "number"].includes(t(this, bt))) throw `invalid type : ${t(this, bt)}`;
   }
   connectedCallback() {
     for (var e = [], n = 0; n < this.attributes.length; n++)
@@ -1948,7 +1948,7 @@ const bs = class bs extends je {
 				${e.join(" ")}
 				ondragstart="return false;" 
 			>
-		`, super.connectedCallback(), p(this, Xt, this.querySelector("input"));
+		`, super.connectedCallback(), y(this, Xt, this.querySelector("input"));
   }
 };
 Xt = new WeakMap(), bt = new WeakMap(), At = new WeakMap(), Et = new WeakMap(), Ee = new WeakMap(), J = new WeakMap(), ts = new WeakMap(), h(bs, "CellInputText");