@ninebone/table 0.0.786 → 0.0.788

package/dist/nine-table.js

@@ -23,28 +23,28 @@ const ts = class ts extends Rs.constructor {
 d(ts, "Trace");
 let qe = ts;
 const S = new qe();
-var Y, G, E, tt, et, st, Jt, nt, Qt;
+var j, G, E, tt, et, st, Jt, nt, Qt;
 const es = class es extends HTMLElement {
   constructor() {
     super();
-    f(this, Y);
+    f(this, j);
     f(this, G, !1);
     f(this, E);
     f(this, tt);
     f(this, et);
     f(this, st);
     f(this, Jt, /* @__PURE__ */ d(() => {
-      if (!t(this, Y)) return;
-      const e = t(this, Y).querySelector(".ng-container-body .ng-part-body");
+      if (!t(this, j)) return;
+      const e = t(this, j).querySelector(".ng-container-body .ng-part-body");
       e && (y(this, st, new ResizeObserver(() => {
         this.refresh();
       })), t(this, st).observe(e));
     }, "#observeResize"));
     q(this, "refresh", /* @__PURE__ */ d(() => {
-      if (!t(this, Y) || !t(this, E) || t(this, G)) return;
+      if (!t(this, j) || !t(this, E) || t(this, G)) return;
       const e = t(this, E).container, s = e.querySelector("table");
       if (!s) return;
-      const r = t(this, E).track, i = t(this, E).thumb, o = t(this, Y).querySelector(".ng-container-bottom"), a = e.clientWidth, c = s.scrollWidth;
+      const r = t(this, E).track, i = t(this, E).thumb, o = t(this, j).querySelector(".ng-container-bottom"), a = e.clientWidth, c = s.scrollWidth;
       if (a !== 0 && c > a)
         o && (o.style.display = "flex");
       else {
@@ -112,7 +112,7 @@ const es = class es extends HTMLElement {
     }, "#init"));
   }
   connectedCallback() {
-    if (y(this, Y, this.closest("nine-table-sheet") || this.getRootNode().host), !t(this, Y)) return;
+    if (y(this, j, this.closest("nine-table-sheet") || this.getRootNode().host), !t(this, j)) return;
     this.innerHTML = `
             <style>
                 nine-table-hscrollbar {
@@ -177,7 +177,7 @@ const es = class es extends HTMLElement {
             <button class='ng-scroll-right' disabled><div class='ng-scroll-icon'></div></button>
         `;
     const e = /* @__PURE__ */ d(() => {
-      const s = t(this, Y).querySelector(".ng-container-body .ng-part-body");
+      const s = t(this, j).querySelector(".ng-container-body .ng-part-body");
       if (!s) {
         setTimeout(e, 10);
         return;
@@ -198,7 +198,7 @@ const es = class es extends HTMLElement {
     t(this, st) && t(this, st).disconnect();
   }
 };
-Y = new WeakMap(), G = new WeakMap(), E = new WeakMap(), tt = new WeakMap(), et = new WeakMap(), st = new WeakMap(), Jt = new WeakMap(), nt = new WeakMap(), Qt = new WeakMap(), d(es, "NineTableHScrollBar");
+j = new WeakMap(), G = new WeakMap(), E = new WeakMap(), tt = new WeakMap(), et = new WeakMap(), st = new WeakMap(), Jt = new WeakMap(), nt = new WeakMap(), Qt = new WeakMap(), d(es, "NineTableHScrollBar");
 let Ce = es;
 customElements.get("nine-table-hscrollbar") || customElements.define("nine-table-hscrollbar", Ce);
 var rt, ot, yt, k, kt, It, te;
@@ -241,12 +241,12 @@ const ss = class ss extends HTMLElement {
         r.stopPropagation(), r.preventDefault(), y(this, yt, !0), y(this, kt, r.clientY), y(this, It, e.scrollTop);
         const i = /* @__PURE__ */ d((a) => {
           if (!t(this, yt)) return;
-          const c = t(this, k).track.getBoundingClientRect(), l = t(this, k).thumb.clientHeight, h = c.height - l, b = a.clientY - t(this, kt), g = e.clientHeight, p = s(), m = Math.max(p - g, 1);
-          if (h > 0 && m > 0) {
-            const w = b / h * m;
-            let x = t(this, It) + w;
+          const c = t(this, k).track.getBoundingClientRect(), l = t(this, k).thumb.clientHeight, h = c.height - l, b = a.clientY - t(this, kt), g = e.clientHeight, p = s(), x = Math.max(p - g, 1);
+          if (h > 0 && x > 0) {
+            const w = b / h * x;
+            let m = t(this, It) + w;
             const T = Math.max(0, p - g);
-            x < 0 && (x = 0), x > T && (x = T), e.scrollTop = x;
+            m < 0 && (m = 0), m > T && (m = T), e.scrollTop = m;
           }
           this.refresh();
         }, "onMouseMove"), o = /* @__PURE__ */ d(() => {
@@ -353,18 +353,18 @@ const ss = class ss extends HTMLElement {
 rt = new WeakMap(), ot = new WeakMap(), yt = new WeakMap(), k = new WeakMap(), kt = new WeakMap(), It = new WeakMap(), te = new WeakMap(), d(ss, "NineTableVScrollBar");
 let Te = ss;
 customElements.get("nine-table-vscrollbar") || customElements.define("nine-table-vscrollbar", Te);
-var U, A, it, j, O, Z, at, Lt, je, Ve, ee, se, Mt, Ht, $t, ne, re, Nt, Ue, mt, _t, oe;
+var U, A, it, Y, O, Z, at, Lt, Ye, Ve, ee, se, Mt, Ht, $t, ne, re, Nt, Ue, mt, _t, oe;
 const ns = class ns {
   constructor(n) {
     f(this, U);
     f(this, A);
     f(this, it);
-    f(this, j, /* @__PURE__ */ new Map());
+    f(this, Y, /* @__PURE__ */ new Map());
     f(this, O, null);
     f(this, Z, null);
     f(this, at, 0);
     f(this, Lt, 40);
-    f(this, je, !1);
+    f(this, Ye, !1);
     f(this, Ve, !1);
     //#ticking = false; // 🎯 고속 스크롤 스로틀링용 플래그
     f(this, ee, 3);
@@ -378,7 +378,7 @@ const ns = class ns {
       S.log("rowManager.initialize"), y(this, it, {
         scrollTables: t(this, A).querySelectorAll(".ng-part-body table"),
         firstTr: t(this, A).querySelector(".ng-container-body .ng-part-body tbody.bindable-tbody tr:not(.nodata)")
-      }), y(this, O, null), t(this, j).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, A).querySelector(o);
         if (!a) return;
         const c = a.querySelector(".ng-part-body table");
@@ -386,29 +386,31 @@ const ns = class ns {
         const l = c.querySelector("tbody.bindable-tbody");
         if (!l) return;
         const h = Array.from(l.querySelectorAll("tr")).map((b) => b.cloneNode(!0));
-        t(this, j).set(o, h);
+        t(this, Y).set(o, h);
       });
       const n = t(this, A).querySelector(".ng-container-body .ng-part-body"), e = t(this, A).querySelector(".ng-container-left .ng-part-body"), s = t(this, A).querySelector(".ng-container-right .ng-part-body"), r = t(this, A).querySelector(".ng-container-body .ng-part-header"), i = t(this, A).querySelector(".ng-container-body .ng-part-footer");
       if (n) {
         t(this, Mt).call(this), t(this, Nt).call(this), t(this, Ht).call(this), t(this, mt).call(this, n.scrollTop);
-        let o = !1, a = n.scrollTop, c = n.scrollLeft;
-        const l = /* @__PURE__ */ d((u) => {
-          var m;
+        let o = !1;
+        n.scrollTop;
+        let a = n.scrollLeft;
+        const c = /* @__PURE__ */ d((l) => {
+          var g;
           if (o) return;
           o = !0;
-          const h = u.scrollTop, b = u.scrollLeft, g = Math.abs(b - c), p = Math.abs(h - a);
-          a = h, c = b, g > p && (r && r.scrollLeft !== b && (r.scrollLeft = b), i && i.scrollLeft !== b && (i.scrollLeft = b)), n && n.scrollTop !== h && (n.scrollTop = h), e && e.scrollTop !== h && (e.scrollTop = h), s && s.scrollTop !== h && (s.scrollTop = h), t(this, mt).call(this, h), (m = t(this, A).querySelector("nine-table-vscrollbar")) == null || m.refresh(), o = !1;
+          const u = l.scrollTop, h = l.scrollLeft, b = Math.abs(h - a);
+          a = h, (b > 0 || r && r.scrollLeft !== h) && (r && (r.scrollLeft = h), i && (i.scrollLeft = h)), n && n.scrollTop !== u && (n.scrollTop = u), e && e.scrollTop !== u && (e.scrollTop = u), s && s.scrollTop !== u && (s.scrollTop = u), t(this, mt).call(this, u), (g = t(this, A).querySelector("nine-table-vscrollbar")) == null || g.refresh(), o = !1;
         }, "handleContainerScroll");
-        [n, e, s].forEach((u) => {
-          u == null || u.addEventListener("scroll", (h) => {
-            S.log(h), S.log("rowManager.scroll event"), l(u);
+        [n, e, s].forEach((l) => {
+          l == null || l.addEventListener("scroll", (u) => {
+            S.log(u), S.log("rowManager.scroll event"), c(l);
           });
         });
       }
     }, "initialize"));
     f(this, se, /* @__PURE__ */ d((n, e) => {
       S.log("rowManager.#renderRows");
-      const s = t(this, j).get(e);
+      const s = t(this, Y).get(e);
       if (!s || s.length === 0) return;
       const r = n.querySelector(".ng-part-body tbody.bindable-tbody");
       if (!r) return;
@@ -425,7 +427,7 @@ const ns = class ns {
         return t(this, O);
       const n = t(this, A).querySelector(".ng-container-body .ng-part-body");
       S.log("rowManager.#measureAndCacheHeight");
-      const e = t(this, j).get(".ng-container-body");
+      const e = t(this, Y).get(".ng-container-body");
       if (!e || e.length === 0) throw new Error("invalid dom");
       const s = n.querySelector("tbody.bindable-tbody");
       if (S.log(s), !s) throw new Error("invalid dom");
@@ -467,26 +469,26 @@ const ns = class ns {
       var a, c, l, u, h, b;
       const n = t(this, A).querySelector(".ng-container-left .ng-part-body table"), e = t(this, A).querySelector(".ng-container-body .ng-part-body table"), s = t(this, A).querySelector(".ng-container-right .ng-part-body table");
       if (e) {
-        const g = n ? Array.from(n.querySelectorAll("tbody tr")) : [], p = Array.from(e.querySelectorAll("tbody tr")), m = s ? Array.from(s.querySelectorAll("tbody tr")) : [], w = Math.max(g.length, p.length, m.length);
-        for (let x = 0; x < w; x++) {
+        const g = n ? Array.from(n.querySelectorAll("tbody tr")) : [], p = Array.from(e.querySelectorAll("tbody tr")), x = s ? Array.from(s.querySelectorAll("tbody tr")) : [], w = Math.max(g.length, p.length, x.length);
+        for (let m = 0; m < w; m++) {
           const T = [
-            ((a = g[x]) == null ? void 0 : a.getBoundingClientRect().height) || 0,
-            ((c = p[x]) == null ? void 0 : c.getBoundingClientRect().height) || 0,
-            ((l = m[x]) == null ? void 0 : l.getBoundingClientRect().height) || 0
+            ((a = g[m]) == null ? void 0 : a.getBoundingClientRect().height) || 0,
+            ((c = p[m]) == null ? void 0 : c.getBoundingClientRect().height) || 0,
+            ((l = x[m]) == null ? void 0 : l.getBoundingClientRect().height) || 0
           ], R = Math.max(...T);
-          R > 0 && (g[x] && (g[x].style.height = `${R}px`), p[x] && (p[x].style.height = `${R}px`), m[x] && (m[x].style.height = `${R}px`));
+          R > 0 && (g[m] && (g[m].style.height = `${R}px`), p[m] && (p[m].style.height = `${R}px`), x[m] && (x[m].style.height = `${R}px`));
         }
       }
       const r = t(this, A).querySelector(".ng-container-left .ng-part-footer table"), i = t(this, A).querySelector(".ng-container-body .ng-part-footer table"), o = t(this, A).querySelector(".ng-container-right .ng-part-footer table");
       if (i) {
-        const g = r ? Array.from(r.querySelectorAll("tfoot tr")) : [], p = Array.from(i.querySelectorAll("tfoot tr")), m = o ? Array.from(o.querySelectorAll("tfoot tr")) : [], w = Math.max(g.length, p.length, m.length);
-        for (let x = 0; x < w; x++) {
+        const g = 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(g.length, p.length, x.length);
+        for (let m = 0; m < w; m++) {
           const T = [
-            ((u = g[x]) == null ? void 0 : u.getBoundingClientRect().height) || 0,
-            ((h = p[x]) == null ? void 0 : h.getBoundingClientRect().height) || 0,
-            ((b = m[x]) == null ? void 0 : b.getBoundingClientRect().height) || 0
+            ((u = g[m]) == null ? void 0 : u.getBoundingClientRect().height) || 0,
+            ((h = p[m]) == null ? void 0 : h.getBoundingClientRect().height) || 0,
+            ((b = x[m]) == null ? void 0 : b.getBoundingClientRect().height) || 0
           ], R = Math.max(...T);
-          R > 0 && (g[x] && (g[x].style.height = `${R}px`), p[x] && (p[x].style.height = `${R}px`), m[x] && (m[x].style.height = `${R}px`));
+          R > 0 && (g[m] && (g[m].style.height = `${R}px`), p[m] && (p[m].style.height = `${R}px`), x[m] && (x[m].style.height = `${R}px`));
         }
       }
     }, "#syncRowHeights"));
@@ -519,7 +521,7 @@ const ns = class ns {
         if (!s) return;
         const r = s.querySelector(".ng-part-body tbody.bindable-tbody");
         if (!r) return;
-        const i = Array.from(r.querySelectorAll("tr:not(.nodata)")), o = ((l = t(this, j).get(e)) == null ? void 0 : l.length) || 1, c = (t(this, U).data.get() || []).length;
+        const i = Array.from(r.querySelectorAll("tr:not(.nodata)")), o = ((l = t(this, Y).get(e)) == null ? void 0 : l.length) || 1, c = (t(this, U).data.get() || []).length;
         i.forEach((u, h) => {
           const b = n + Math.floor(h / o);
           if (b >= c) {
@@ -537,7 +539,7 @@ const ns = class ns {
       if (!e || e <= 0) return;
       const s = t(this, U).data.length;
       if (s === 0) return;
-      const r = ((h = t(this, j).get(".ng-container-body")) == null ? void 0 : h.length) || 1, i = t(this, A).querySelector(".ng-container-body .ng-part-body");
+      const r = ((h = t(this, Y).get(".ng-container-body")) == null ? void 0 : h.length) || 1, i = t(this, A).querySelector(".ng-container-body .ng-part-body");
       S.log("bodyContainer.clientHeight", i.clientHeight);
       const o = Math.max(0, s - Math.floor(i.clientHeight / e)), a = Math.min(o, Math.max(0, Math.floor(n / e)));
       let c = Math.floor(a * e);
@@ -548,16 +550,16 @@ const ns = class ns {
       }), u !== a && (S.log(`🔄 [Row Bind Trigger] currentStartIndex(${u}) !== startIndex(${a})`), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((g) => {
         const p = t(this, A).querySelector(g);
         if (!p) return;
-        const m = p.querySelector(".ng-part-body tbody.bindable-tbody");
-        if (!m) return;
-        Array.from(m.querySelectorAll("tr:not(.nodata)")).forEach((x, T) => {
+        const x = p.querySelector(".ng-part-body tbody.bindable-tbody");
+        if (!x) return;
+        Array.from(x.querySelectorAll("tr:not(.nodata)")).forEach((m, T) => {
           const R = a + Math.floor(T / r);
           if (R >= s) {
-            x.style.display = "none";
+            m.style.display = "none";
             return;
           }
           const M = t(this, U).data.get(R);
-          x.style.display = "", t(this, _t).call(this, x, M, R);
+          m.style.display = "", t(this, _t).call(this, m, M, R);
         });
       }));
     }, "#handleScroll"));
@@ -607,10 +609,10 @@ const ns = class ns {
   }
   templateLength(n = ".ng-container-body") {
     var e;
-    return ((e = t(this, j).get(n)) == null ? void 0 : e.length) || 1;
+    return ((e = t(this, Y).get(n)) == null ? void 0 : e.length) || 1;
   }
 };
-U = new WeakMap(), A = new WeakMap(), it = new WeakMap(), j = new WeakMap(), O = new WeakMap(), Z = new WeakMap(), at = new WeakMap(), Lt = new WeakMap(), je = new WeakMap(), Ve = new WeakMap(), ee = new WeakMap(), se = new WeakMap(), Mt = new WeakMap(), Ht = new WeakMap(), $t = new WeakMap(), ne = new WeakMap(), re = new WeakMap(), Nt = new WeakMap(), Ue = new WeakMap(), mt = new WeakMap(), _t = new WeakMap(), oe = new WeakMap(), d(ns, "RowManager");
+U = new WeakMap(), A = new WeakMap(), it = new WeakMap(), Y = new WeakMap(), O = new WeakMap(), Z = new WeakMap(), at = new WeakMap(), Lt = new WeakMap(), Ye = new WeakMap(), Ve = new WeakMap(), ee = new WeakMap(), se = new WeakMap(), Mt = new WeakMap(), Ht = new WeakMap(), $t = new WeakMap(), ne = new WeakMap(), re = new WeakMap(), Nt = new WeakMap(), Ue = new WeakMap(), mt = new WeakMap(), _t = new WeakMap(), oe = new WeakMap(), d(ns, "RowManager");
 let ke = ns;
 const ie = class ie {
   /**
@@ -629,9 +631,9 @@ const ie = class ie {
         const u = l.getAttribute("cell-type") || "renderer";
         if (l.children.length > 0 && l.firstElementChild.tagName.includes("-")) return;
         let h = `cell-${u}`;
-        const b = l.getAttribute("data-bind"), g = l.getAttribute("data-expr"), p = l.getAttribute("maxbyte"), m = l.getAttribute("type");
+        const b = l.getAttribute("data-bind"), g = l.getAttribute("data-expr"), p = l.getAttribute("maxbyte"), x = l.getAttribute("type");
         let w = [];
-        b && w.push(`data-bind="${b}"`), g && w.push(`data-expr="${g}"`), p && w.push(`maxbyte="${p}"`), m && w.push(`type="${m}"`), l.innerHTML = `<${h} ${w.join(" ")}></${h}>`;
+        b && w.push(`data-bind="${b}"`), g && w.push(`data-expr="${g}"`), p && w.push(`maxbyte="${p}"`), x && w.push(`type="${x}"`), l.innerHTML = `<${h} ${w.join(" ")}></${h}>`;
       }), a.querySelectorAll("tbody td, tfoot td").forEach((l) => {
         l.setAttribute("tabindex", "0");
       });
@@ -658,25 +660,25 @@ const ie = class ie {
       });
       const g = Array.from(Array(h), () => Array(b).fill(null));
       l.forEach((p) => {
-        const m = p.sectionRowIndex;
+        const x = p.sectionRowIndex;
         let w = 0;
-        Array.from(p.querySelectorAll("th,td")).forEach((x) => {
-          for (let M = 0; M < g[m].length; M++)
-            if (g[m][M] === null) {
+        Array.from(p.querySelectorAll("th,td")).forEach((m) => {
+          for (let M = 0; M < g[x].length; M++)
+            if (g[x][M] === null) {
               w = M;
               break;
             }
-          const T = x.rowSpan || 1, R = x.colSpan || 1;
+          const T = m.rowSpan || 1, R = m.colSpan || 1;
           for (let M = 0; M < T; M++)
             for (let B = 0; B < R; B++)
-              m + M < h && w + B < b && (g[m + M][w + B] = M === 0 && B === 0 ? "1" : "0");
+              x + M < h && w + B < b && (g[x + M][w + B] = M === 0 && B === 0 ? "1" : "0");
         });
       }), l.forEach((p) => {
-        const m = p.sectionRowIndex;
+        const x = p.sectionRowIndex;
         Array.from(p.querySelectorAll("th,td")).forEach((w) => {
-          for (let x = 0; x < g[m].length; x++)
-            if (g[m][x] === "1") {
-              w.dataset.col = x, g[m][x] = "0";
+          for (let m = 0; m < g[x].length; m++)
+            if (g[x][m] === "1") {
+              w.dataset.col = m, g[x][m] = "0";
               break;
             }
         });
@@ -720,8 +722,8 @@ const rs = class rs {
           l < 0 || c.querySelectorAll("td, th").forEach((u) => {
             const h = parseInt(u.dataset.col, 10);
             if (isNaN(h)) return;
-            const b = parseInt(u.rowSpan || 1, 10), g = parseInt(u.colSpan || 1, 10), p = l + b - 1, m = h + g - 1;
-            p >= n && l <= s && m >= e && h <= r && (o++, u.classList.add("selected"), S.log(u, n, e, s, r), l <= n && u.classList.add("selected-top"), p >= s && u.classList.add("selected-bottom"), h <= e && u.classList.add("selected-left"), m >= r && u.classList.add("selected-right"));
+            const b = parseInt(u.rowSpan || 1, 10), g = parseInt(u.colSpan || 1, 10), p = l + b - 1, x = h + g - 1;
+            p >= n && l <= s && x >= e && h <= r && (o++, u.classList.add("selected"), S.log(u, n, e, s, r), l <= n && u.classList.add("selected-top"), p >= s && u.classList.add("selected-bottom"), h <= e && u.classList.add("selected-left"), x >= r && u.classList.add("selected-right"));
           });
         });
       }), S.log(`✨ [CellSelection.render] Total rendered cells marked: ${o}`);
@@ -746,10 +748,10 @@ const rs = class rs {
         b.querySelectorAll("tbody tr").forEach((g) => {
           if (g.classList.contains("nodata")) return;
           const { matrixRow: p } = V(this, K, qt).call(this, g);
-          p < 0 || g.querySelectorAll("td, th").forEach((m) => {
-            const w = parseInt(m.dataset.col, 10);
+          p < 0 || g.querySelectorAll("td, th").forEach((x) => {
+            const w = parseInt(x.dataset.col, 10);
             if (isNaN(w)) return;
-            const x = parseInt(m.rowSpan || 1, 10), T = parseInt(m.colSpan || 1, 10), R = p + x - 1, M = w + T - 1;
+            const m = parseInt(x.rowSpan || 1, 10), T = parseInt(x.colSpan || 1, 10), R = p + m - 1, M = w + T - 1;
             if (R >= i && p <= o && M >= a && w <= c) {
               const z = Math.min(i, p), Gt = Math.max(o, R), bs = Math.min(a, w), ps = Math.max(c, M);
               (z !== i || Gt !== o || bs !== a || ps !== c) && (i = z, o = Gt, a = bs, c = ps, u = !0);
@@ -788,8 +790,8 @@ N = new WeakMap(), X = new WeakMap(), K = new WeakSet(), qt = /* @__PURE__ */ d(
       const b = document.elementFromPoint(h.clientX, h.clientY);
       let g = b == null ? void 0 : b.closest("td, th");
       if (!g || !t(this, N).contains(g)) {
-        const x = t(this, N).querySelectorAll(".ng-part-body tbody tr:not(.nodata) td, .ng-part-body tbody tr:not(.nodata) th");
-        for (const T of x) {
+        const m = t(this, N).querySelectorAll(".ng-part-body tbody tr:not(.nodata) td, .ng-part-body tbody tr:not(.nodata) th");
+        for (const T of m) {
           const R = T.getBoundingClientRect();
           if (h.clientX >= R.left && h.clientX <= R.right && h.clientY >= R.top && h.clientY <= R.bottom) {
             g = T;
@@ -798,8 +800,8 @@ N = new WeakMap(), X = new WeakMap(), K = new WeakSet(), qt = /* @__PURE__ */ d(
         }
       }
       if (!g || g.dataset.row === void 0 || g.dataset.col === void 0 || g.closest("tr").classList.contains("nodata")) return;
-      const p = g.closest("tr"), { matrixRow: m } = V(this, K, qt).call(this, p), w = parseInt(g.dataset.col, 10);
-      m < 0 || a === m && c === w || (a = m, c = w, this.setRange(i, o, m, w));
+      const p = g.closest("tr"), { matrixRow: x } = V(this, K, qt).call(this, p), w = parseInt(g.dataset.col, 10);
+      x < 0 || a === x && c === w || (a = x, c = w, this.setRange(i, o, x, w));
     }, "onMouseMove"), u = /* @__PURE__ */ d(() => {
       S.log("🖱️ [MouseUp] Drag ended."), t(this, N).style.userSelect = "", t(this, N).style.webkitUserSelect = "", document.removeEventListener("mousemove", l), document.removeEventListener("mouseup", u);
     }, "onMouseUp");
@@ -865,8 +867,8 @@ const os = class os {
           const b = Array.from(o.querySelectorAll("td"));
           let g = !1;
           for (const p of b) {
-            const m = parseInt(p.rowSpan || 1, 10);
-            if (m > 1 && n >= h && n < h + m) {
+            const x = parseInt(p.rowSpan || 1, 10);
+            if (x > 1 && n >= h && n < h + x) {
               s.push(o), g = !0;
               break;
             }
@@ -883,10 +885,10 @@ const os = class os {
       for (const a of i) {
         const c = Array.from(a.querySelectorAll("tbody tr:not(.nodata)"));
         for (const l of c) {
-          const u = parseInt(l.dataset.row, 10), h = c.filter((w) => parseInt(w.dataset.row, 10) === u), b = h.length > 0 ? h.length : 1, g = h.indexOf(l), p = u * b + (g >= 0 ? g : 0), m = Array.from(l.querySelectorAll("td"));
-          for (const w of m) {
-            const x = parseInt(w.dataset.col, 10), T = parseInt(w.colSpan || 1, 10), R = parseInt(w.rowSpan || 1, 10);
-            if (!isNaN(x) && s >= x && s < x + T && o >= p && o < p + R && window.getComputedStyle(w).display !== "none")
+          const u = parseInt(l.dataset.row, 10), h = c.filter((w) => parseInt(w.dataset.row, 10) === u), b = h.length > 0 ? h.length : 1, g = h.indexOf(l), p = u * b + (g >= 0 ? g : 0), x = Array.from(l.querySelectorAll("td"));
+          for (const w of x) {
+            const m = parseInt(w.dataset.col, 10), T = parseInt(w.colSpan || 1, 10), R = parseInt(w.rowSpan || 1, 10);
+            if (!isNaN(m) && s >= m && s < m + T && o >= p && o < p + R && window.getComputedStyle(w).display !== "none")
               return w;
           }
         }
@@ -912,7 +914,7 @@ const os = class os {
     }
   }
   moveCell(n) {
-    var x, T, R, M;
+    var m, T, R, M;
     if (!t(this, lt)) return;
     const e = t(this, lt), s = e.closest("tr"), r = parseInt(e.dataset.row, 10), i = parseInt(e.dataset.col, 10), o = s == null ? void 0 : s.closest("tbody");
     if (!o) return;
@@ -945,14 +947,14 @@ const os = class os {
         n.preventDefault(), b = Math.max(0, h - (e.rowSpan || 1));
         break;
     }
-    const p = Math.floor(b / l), m = b % l;
-    let w = t(this, Wt).call(this, p, m, g, b);
+    const p = Math.floor(b / l), x = b % l;
+    let w = t(this, Wt).call(this, p, x, g, b);
     if (w)
       this.currentCell = w, V(this, pt, He).call(this, w);
     else if (p !== r && p >= 0) {
-      const B = ((T = (x = t(this, F)).getRowHeight) == null ? void 0 : T.call(x)) || 40;
+      const B = ((T = (m = t(this, F)).getRowHeight) == null ? void 0 : T.call(m)) || 40;
       (M = (R = t(this, F)).scrollToY) == null || M.call(R, p * B), setTimeout(() => {
-        const z = t(this, Wt).call(this, p, m, g, b);
+        const z = t(this, Wt).call(this, p, x, g, b);
         z && (this.currentCell = z, V(this, pt, He).call(this, z));
       }, 0);
     }
@@ -1282,8 +1284,8 @@ const is = class is extends HTMLElement {
         Array.from(this.querySelectorAll("nine-splitter")).forEach((g) => g.style.setProperty("display", "none"));
         const b = u.filter((g) => g.classList.contains("active"));
         b.length < 2 || b.forEach((g) => {
-          const p = parseInt(g.getAttribute("data-index"), 10), m = this.querySelector(`nine-splitter[data-split-index="${p}"]`), w = u[p + 1];
-          m && w && w.classList.contains("active") && m.style.setProperty("display", "flex");
+          const p = parseInt(g.getAttribute("data-index"), 10), x = this.querySelector(`nine-splitter[data-split-index="${p}"]`), w = u[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");
       if (!a[e]) return;
@@ -1315,17 +1317,17 @@ const is = class is extends HTMLElement {
 ge = new WeakMap(), Ft = new WeakMap(), d(is, "NineTableSheets");
 let $e = is;
 customElements.get("nine-table-sheets") || customElements.define("nine-table-sheets", $e);
-var _, be, Yt, pe;
+var _, be, jt, pe;
 const as = class as {
   constructor(n) {
     f(this, _);
     f(this, be, /* @__PURE__ */ d(() => {
       t(this, pe).call(this), new ResizeObserver((n) => {
         for (let e of n)
-          t(this, _).getAttribute("auto-height") === "true" && t(this, Yt).call(this);
+          t(this, _).getAttribute("auto-height") === "true" && t(this, jt).call(this);
       }).observe(t(this, _));
     }, "#init"));
-    f(this, Yt, /* @__PURE__ */ d(() => {
+    f(this, jt, /* @__PURE__ */ d(() => {
       var c, l;
       const n = Array.from(t(this, _).shadowRoot.querySelectorAll("nine-table-sheet.active"));
       if (n.length === 0) return;
@@ -1461,22 +1463,22 @@ const as = class as {
       const a = t(this, _).shadowRoot.querySelectorAll("nine-table-sheet");
       a == null || a.forEach((c, l) => {
         e[l] && setTimeout(() => {
-          c.generate(e[l]), s && t(this, Yt).call(this);
+          c.generate(e[l]), s && t(this, jt).call(this);
         });
       });
     }, "#render"));
     y(this, _, n), t(this, be).call(this);
   }
 };
-_ = new WeakMap(), be = new WeakMap(), Yt = new WeakMap(), pe = new WeakMap(), d(as, "LayoutManager");
+_ = new WeakMap(), be = new WeakMap(), jt = new WeakMap(), pe = new WeakMap(), d(as, "LayoutManager");
 let Ne = as;
-var jt, wt;
+var Yt, wt;
 const ls = class ls {
   constructor(n) {
-    f(this, jt);
+    f(this, Yt);
     f(this, wt, -1);
-    q(this, "count", /* @__PURE__ */ d(() => t(this, jt).rawRecords.length, "count"));
-    y(this, jt, n);
+    q(this, "count", /* @__PURE__ */ d(() => t(this, Yt).rawRecords.length, "count"));
+    y(this, Yt, n);
   }
   get at() {
     return t(this, wt);
@@ -1486,7 +1488,7 @@ const ls = class ls {
     });
   }
 };
-jt = new WeakMap(), wt = new WeakMap(), d(ls, "ngRow");
+Yt = new WeakMap(), wt = new WeakMap(), d(ls, "ngRow");
 let _e = ls;
 var D, I, W, vt, ye, J, me, ft, Vt, xe, we, St;
 const P = class P {
@@ -1819,7 +1821,7 @@ const fs = class fs extends ze {
         var e = ninegrid.j.querySelectorAll(t(this, v)).attr("suppress");
         if (e && (e = parseInt(e)), e && !isNaN(e)) {
           var s = t(this, v).closest("tr"), r = [];
-          $("th,td", s).each((x, T) => {
+          $("th,td", s).each((m, T) => {
             var R = ninegrid.j.querySelectorAll(T).attr("suppress");
             R && T.dataset.row && (R = parseInt(R), !isNaN(R) && R <= e && r.push(R));
           }), r.sort();
@@ -1838,7 +1840,7 @@ const fs = class fs extends ze {
           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 p = parseInt(t(this, v).dataset.matrixRow), m = p - 1, w = t(this, L).body.querySelector(`tbody.bindable [data-col="${t(this, v).dataset.col}"][data-matrix-row="${m}"]`);
+          var p = parseInt(t(this, v).dataset.matrixRow), x = p - 1, w = t(this, L).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");
         }
       }
@@ -1967,7 +1969,7 @@ const gs = class gs extends Fe {
   }
 };
 Kt = new WeakMap(), bt = new WeakMap(), At = new WeakMap(), Et = new WeakMap(), Ae = new WeakMap(), Q = new WeakMap(), Qe = new WeakMap(), d(gs, "CellInputText");
-let Ye = gs;
+let je = gs;
 customElements.get("cell-input-text");
-customElements.get("cell-input") || customElements.define("cell-input", Ye);
+customElements.get("cell-input") || customElements.define("cell-input", je);
 //# sourceMappingURL=nine-table.js.map