@ninebone/table 0.0.753 → 0.0.754

package/dist/nine-table.js

@@ -23,12 +23,12 @@ const Xe = class Xe extends ms.constructor {
 h(Xe, "Trace");
 let we = Xe;
 const S = new we();
-var B, X, A, tt, et, st, Vt, nt, Ut;
+var B, K, A, tt, et, st, Vt, nt, Ut;
 const Ke = class Ke extends HTMLElement {
   constructor() {
     super();
     d(this, B);
-    d(this, X, !1);
+    d(this, K, !1);
     d(this, A);
     d(this, tt);
     d(this, et);
@@ -41,7 +41,7 @@ const Ke = class Ke extends HTMLElement {
       })), t(this, st).observe(e));
     }, "#observeResize"));
     E(this, "refresh", /* @__PURE__ */ h(() => {
-      if (!t(this, B) || !t(this, A) || t(this, X)) return;
+      if (!t(this, B) || !t(this, A) || t(this, K)) return;
       const e = t(this, A).container, n = e.querySelector("table");
       if (!n) return;
       const r = t(this, A).track, o = t(this, A).thumb, i = t(this, B).querySelector(".ng-container-bottom"), a = e.clientWidth, c = n.scrollWidth;
@@ -99,13 +99,13 @@ const Ke = class Ke extends HTMLElement {
         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, X, !0), this.shiftX = r.clientX - t(this, A).thumb.getBoundingClientRect().left;
+        r.stopPropagation(), r.preventDefault(), p(this, K, !0), this.shiftX = r.clientX - t(this, A).thumb.getBoundingClientRect().left;
         const o = /* @__PURE__ */ h((a) => {
-          if (!t(this, X)) return;
+          if (!t(this, K)) return;
           const c = t(this, A).track.getBoundingClientRect();
           t(this, nt).call(this, a.clientX - c.left - this.shiftX);
         }, "onMouseMove"), i = /* @__PURE__ */ h(() => {
-          p(this, X, !1), n(), document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", i), this.refresh();
+          p(this, K, !1), n(), document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", i), this.refresh();
         }, "onMouseUp");
         document.addEventListener("mousemove", o), document.addEventListener("mouseup", i);
       });
@@ -189,7 +189,7 @@ const Ke = class Ke extends HTMLElement {
         left: this.querySelector(".ng-scroll-left"),
         right: this.querySelector(".ng-scroll-right")
       }), n.addEventListener("scroll", () => {
-        t(this, X) || this.refresh();
+        t(this, K) || this.refresh();
       }), t(this, Ut).call(this), t(this, Vt).call(this), this.refresh();
     }, "initWhenReady");
     e();
@@ -198,7 +198,7 @@ const Ke = class Ke extends HTMLElement {
     t(this, st) && t(this, st).disconnect();
   }
 };
-B = new WeakMap(), X = new WeakMap(), A = new WeakMap(), tt = new WeakMap(), et = new WeakMap(), st = new WeakMap(), Vt = new WeakMap(), nt = new WeakMap(), Ut = new WeakMap(), h(Ke, "NineTableHScrollBar");
+B = new WeakMap(), K = new WeakMap(), 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;
@@ -353,7 +353,7 @@ const Ge = class Ge extends HTMLElement {
 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, K, at, kt, ze, We, Kt, Gt, Lt, It, Ht, Zt, Jt, Mt, Be, pt, $t, Qt;
+var j, R, it, P, D, G, at, kt, ze, We, Kt, Gt, Lt, It, Ht, Zt, Jt, Mt, Be, pt, $t, Qt;
 const Ze = class Ze {
   constructor(s) {
     d(this, j);
@@ -361,7 +361,7 @@ const Ze = class Ze {
     d(this, it);
     d(this, P, /* @__PURE__ */ new Map());
     d(this, D, null);
-    d(this, K, null);
+    d(this, G, null);
     d(this, at, 0);
     d(this, kt, 40);
     d(this, ze, !1);
@@ -491,7 +491,7 @@ const Ze = class Ze {
       }
     }, "#syncRowHeights"));
     d(this, Jt, /* @__PURE__ */ h(() => {
-      !t(this, R) || !(t(this, R) instanceof HTMLElement) || (p(this, K, new ResizeObserver((s) => {
+      !t(this, R) || !(t(this, R) instanceof HTMLElement) || (p(this, G, new ResizeObserver((s) => {
         for (const e of s) {
           const n = e.target;
           if (!n.classList.contains("active")) continue;
@@ -504,7 +504,7 @@ const Ze = class Ze {
             t(this, at) !== c && (p(this, at, c), t(this, Ht).call(this), t(this, D) !== null && (t(this, Mt).call(this), this.refresh()));
           }
         }
-      })), t(this, K).observe(t(this, R)));
+      })), t(this, G).observe(t(this, R)));
     }, "#initResizeObserver"));
     d(this, Mt, /* @__PURE__ */ h(() => {
       S.log("rowManager.#renderAllContainers"), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((s) => {
@@ -598,7 +598,7 @@ const Ze = class Ze {
       }
     }, "#syncHeaderHeights"));
     E(this, "destroy", /* @__PURE__ */ h(() => {
-      t(this, K) && (t(this, K).disconnect(), p(this, K, null));
+      t(this, G) && (t(this, G).disconnect(), p(this, G, null));
     }, "destroy"));
     p(this, j, s.getRootNode().host), p(this, R, s), t(this, Jt).call(this);
   }
@@ -610,7 +610,7 @@ const Ze = class Ze {
     return ((e = t(this, P).get(s)) == null ? void 0 : e.length) || 1;
   }
 };
-j = new WeakMap(), R = new WeakMap(), it = new WeakMap(), P = new WeakMap(), D = new WeakMap(), K = new WeakMap(), at = new WeakMap(), kt = new WeakMap(), ze = new WeakMap(), We = new WeakMap(), Kt = new WeakMap(), Gt = new WeakMap(), Lt = new WeakMap(), It = new WeakMap(), Ht = new WeakMap(), Zt = new WeakMap(), Jt = new WeakMap(), Mt = new WeakMap(), Be = new WeakMap(), pt = new WeakMap(), $t = new WeakMap(), Qt = new WeakMap(), h(Ze, "RowManager");
+j = new WeakMap(), R = new WeakMap(), it = new WeakMap(), P = new WeakMap(), D = new WeakMap(), G = new WeakMap(), at = new WeakMap(), kt = new WeakMap(), ze = new WeakMap(), We = new WeakMap(), Kt = new WeakMap(), Gt = new WeakMap(), Lt = new WeakMap(), It = new WeakMap(), Ht = new WeakMap(), Zt = new WeakMap(), Jt = new WeakMap(), Mt = new WeakMap(), Be = new WeakMap(), pt = new WeakMap(), $t = new WeakMap(), Qt = new WeakMap(), h(Ze, "RowManager");
 let Ae = Ze;
 const te = class te {
   /**
@@ -693,10 +693,10 @@ const te = class te {
 };
 h(te, "TableCompiler");
 let Ee = te;
-var _, Y, V, At, bs;
+var _, Y, U, At, bs;
 const Je = class Je {
   constructor(s) {
-    d(this, V);
+    d(this, U);
     d(this, _);
     d(this, Y, { startRow: -1, startCol: -1, endRow: -1, endCol: -1 });
     E(this, "render", /* @__PURE__ */ h(() => {
@@ -716,7 +716,7 @@ const Je = class Je {
       let i = 0;
       o.forEach((a) => {
         a.querySelectorAll("tbody tr").forEach((c) => {
-          const { matrixRow: l } = Q(this, V, At).call(this, c);
+          const { matrixRow: l } = Q(this, U, At).call(this, c);
           l < 0 || c.querySelectorAll("td, th").forEach((f) => {
             const u = parseInt(f.dataset.col, 10);
             if (isNaN(u)) return;
@@ -726,7 +726,7 @@ const Je = class Je {
         });
       }), S.log(`✨ [CellSelection.render] Total rendered cells marked: ${i}`);
     }, "render"));
-    p(this, _, s), Q(this, V, bs).call(this), t(this, _).querySelectorAll(
+    p(this, _, s), Q(this, U, bs).call(this), t(this, _).querySelectorAll(
       ".ng-container-left .ng-part-body, .ng-container-body .ng-part-body, .ng-container-right .ng-part-body"
     ).forEach((n) => {
       n.addEventListener("scroll", () => {
@@ -745,14 +745,14 @@ const Je = class Je {
       f = !1, u++, l.forEach((b) => {
         b.querySelectorAll("tbody tr").forEach((g) => {
           if (g.classList.contains("nodata")) return;
-          const { matrixRow: y } = Q(this, V, At).call(this, g);
+          const { matrixRow: y } = Q(this, U, At).call(this, g);
           y < 0 || g.querySelectorAll("td, th").forEach((v) => {
             const w = parseInt(v.dataset.col, 10);
             if (isNaN(w)) return;
             const m = parseInt(v.rowSpan || 1, 10), I = parseInt(v.colSpan || 1, 10), T = y + m - 1, H = w + I - 1;
             if (T >= o && y <= i && H >= a && w <= c) {
-              const U = Math.min(o, y), cs = Math.max(i, T), hs = Math.min(a, w), ds = Math.max(c, H);
-              (U !== o || cs !== i || hs !== a || ds !== c) && (o = U, i = cs, a = hs, c = ds, f = !0);
+              const 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);
             }
           });
         });
@@ -760,7 +760,7 @@ const Je = class Je {
     p(this, Y, { startRow: o, startCol: a, endRow: i, endCol: c }), S.log("📦 [CellSelection.setRange] Final Range ->", t(this, Y)), this.render();
   }
 };
-_ = new WeakMap(), Y = new WeakMap(), V = new WeakSet(), At = /* @__PURE__ */ h(function(s) {
+_ = new WeakMap(), Y = new WeakMap(), U = new WeakSet(), At = /* @__PURE__ */ h(function(s) {
   if (!s || s.classList.contains("nodata")) return { dataRow: -1, subRowIndex: -1, matrixRow: -1 };
   const e = parseInt(s.dataset.row, 10);
   if (isNaN(e)) return { dataRow: -1, subRowIndex: -1, matrixRow: -1 };
@@ -777,7 +777,7 @@ _ = new WeakMap(), Y = new WeakMap(), V = new WeakSet(), At = /* @__PURE__ */ h(
     const n = e.target.closest("td, th");
     if (!n || n.dataset.row === void 0 || n.dataset.col === void 0 || n.closest("tr").classList.contains("nodata")) return;
     t(this, _).style.userSelect = "none", t(this, _).style.webkitUserSelect = "none";
-    const r = n.closest("tr"), { matrixRow: o } = Q(this, V, At).call(this, r), i = parseInt(n.dataset.col, 10);
+    const r = n.closest("tr"), { matrixRow: o } = Q(this, U, At).call(this, r), i = parseInt(n.dataset.col, 10);
     if (o < 0) {
       t(this, _).style.userSelect = "", t(this, _).style.webkitUserSelect = "";
       return;
@@ -797,7 +797,7 @@ _ = new WeakMap(), Y = new WeakMap(), V = new WeakSet(), At = /* @__PURE__ */ h(
         }
       }
       if (!u || u.dataset.row === void 0 || u.dataset.col === void 0 || u.closest("tr").classList.contains("nodata")) return;
-      const b = u.closest("tr"), { matrixRow: g } = Q(this, V, At).call(this, b), y = parseInt(u.dataset.col, 10);
+      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(() => {
       S.log("🖱️ [MouseUp] Drag ended."), t(this, _).style.userSelect = "", t(this, _).style.webkitUserSelect = "", document.removeEventListener("mousemove", a), document.removeEventListener("mouseup", c);
@@ -806,17 +806,17 @@ _ = new WeakMap(), Y = new WeakMap(), V = new WeakSet(), At = /* @__PURE__ */ h(
   });
 }, "#initEvents"), h(Je, "CellSelection");
 let qe = Je;
-var G, lt, ee, se, _t, ne, ps;
+var V, lt, ee, se, _t, ne, ps;
 const Qe = class Qe {
   // 🎯 키보드 네비게이션 중 스크롤 튐 방지 플래그
   constructor(s) {
     d(this, ne);
-    d(this, G);
+    d(this, V);
     d(this, lt, null);
     d(this, ee, -1);
     d(this, se, -1);
     d(this, _t, !1);
-    p(this, G, s), Q(this, ne, ps).call(this), S.log("🎯 [CellNavigation] Initialized");
+    p(this, V, s), Q(this, ne, ps).call(this), S.log("🎯 [CellNavigation] Initialized");
   }
   get currentCell() {
     return t(this, lt);
@@ -830,7 +830,7 @@ const Qe = class Qe {
       const r = s.closest("tr"), o = r == null ? void 0 : r.closest("tbody");
       if (o) {
         const a = Array.from(o.querySelectorAll("tr:not(.nodata)")).filter((u) => parseInt(u.dataset.row, 10) === e), c = a.length > 0 ? a.length : 1, l = a.indexOf(r), f = e * c + (l >= 0 ? l : 0);
-        p(this, _t, !0), t(this, G).selection.setRange(f, n, f, n), setTimeout(() => {
+        p(this, _t, !0), S.log("====================", f, n, f, n), t(this, V).selection.setRange(f, n, f, n), setTimeout(() => {
           p(this, _t, !1);
         }, 0);
       }
@@ -839,7 +839,7 @@ const Qe = class Qe {
   moveCell(s) {
     var I, T, H, F;
     if (!t(this, lt)) return;
-    const e = t(this, lt), n = e.closest("tr"), r = parseInt(e.dataset.row, 10), o = parseInt(e.dataset.col, 10), i = n == null ? void 0 : n.closest("tbody"), c = Array.from(i.querySelectorAll("tr:not(.nodata)")).filter((U) => parseInt(U.dataset.row, 10) === r), l = c.length > 0 ? c.length : 1, f = c.indexOf(n);
+    const e = t(this, lt), n = e.closest("tr"), r = parseInt(e.dataset.row, 10), o = parseInt(e.dataset.col, 10), i = n == null ? void 0 : n.closest("tbody"), c = Array.from(i.querySelectorAll("tr:not(.nodata)")).filter((X) => parseInt(X.dataset.row, 10) === r), l = c.length > 0 ? c.length : 1, f = c.indexOf(n);
     let u = r, b = f, g = o;
     switch (s.code) {
       case "Tab":
@@ -859,18 +859,21 @@ const Qe = class Qe {
         break;
     }
     let y = null;
-    const m = Array.from(i.querySelectorAll("tr:not(.nodata)")).filter((U) => parseInt(U.dataset.row, 10) === u)[b];
+    const m = Array.from(i.querySelectorAll("tr:not(.nodata)")).filter((X) => parseInt(X.dataset.row, 10) === u)[b];
     if (m && (y = m.querySelector(`[data-col="${g}"]`)), y)
       this.currentCell = y;
     else if (u !== r && u >= 0) {
-      const U = ((T = (I = t(this, G)).getRowHeight) == null ? void 0 : T.call(I)) || 40;
-      (F = (H = t(this, G)).scrollToY) == null || F.call(H, u * U);
+      const X = ((T = (I = t(this, V)).getRowHeight) == null ? void 0 : T.call(I)) || 40;
+      (F = (H = t(this, V)).scrollToY) == null || F.call(H, u * X);
     }
   }
 };
-G = new WeakMap(), lt = new WeakMap(), ee = new WeakMap(), se = new WeakMap(), _t = new WeakMap(), ne = new WeakSet(), ps = /* @__PURE__ */ h(function() {
-  t(this, G).addEventListener("keydown", (s) => {
-    S.log(s), ["Tab", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(s.code) && this.moveCell(s);
+V = new WeakMap(), lt = new WeakMap(), ee = new WeakMap(), se = new WeakMap(), _t = new WeakMap(), ne = new WeakSet(), ps = /* @__PURE__ */ h(function() {
+  t(this, V).addEventListener("mousedown", (s) => {
+    const e = s.target.closest("td, th");
+    !e || e.dataset.row === void 0 || e.dataset.col === void 0 || (this.currentCell = e);
+  }), t(this, V).addEventListener("keydown", (s) => {
+    ["Tab", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(s.code) && this.moveCell(s);
   });
 }, "#initEvents"), h(Qe, "CellNavigation");
 let Te = Qe;