@ninebone/table 0.0.767 → 0.0.769

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, K, E, tt, et, st, Yt, nt, Vt;
+var B, X, E, tt, et, st, Yt, nt, Vt;
 const Ke = class Ke extends HTMLElement {
   constructor() {
     super();
     d(this, B);
-    d(this, K, !1);
+    d(this, X, !1);
     d(this, E);
     d(this, tt);
     d(this, et);
@@ -41,7 +41,7 @@ const Ke = class Ke extends HTMLElement {
       })), t(this, st).observe(e));
     }, "#observeResize"));
     q(this, "refresh", /* @__PURE__ */ h(() => {
-      if (!t(this, B) || !t(this, E) || t(this, K)) return;
+      if (!t(this, B) || !t(this, E) || t(this, X)) return;
       const e = t(this, E).container, n = e.querySelector("table");
       if (!n) return;
       const r = t(this, E).track, o = t(this, E).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, E).thumb.addEventListener("mousedown", (r) => {
         if (r.button !== 0) return;
-        r.stopPropagation(), r.preventDefault(), p(this, K, !0), this.shiftX = r.clientX - t(this, E).thumb.getBoundingClientRect().left;
+        r.stopPropagation(), r.preventDefault(), p(this, X, !0), this.shiftX = r.clientX - t(this, E).thumb.getBoundingClientRect().left;
         const o = /* @__PURE__ */ h((a) => {
-          if (!t(this, K)) return;
+          if (!t(this, X)) return;
           const c = t(this, E).track.getBoundingClientRect();
           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();
+          p(this, X, !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, K) || this.refresh();
+        t(this, X) || this.refresh();
       }), t(this, Vt).call(this), t(this, Yt).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(), K = new WeakMap(), E = new WeakMap(), tt = new WeakMap(), et = new WeakMap(), st = new WeakMap(), Yt = new WeakMap(), nt = new WeakMap(), Vt = new WeakMap(), h(Ke, "NineTableHScrollBar");
+B = new WeakMap(), X = new WeakMap(), E = new WeakMap(), tt = new WeakMap(), et = new WeakMap(), st = new WeakMap(), Yt = new WeakMap(), nt = new WeakMap(), Vt = new WeakMap(), h(Ke, "NineTableHScrollBar");
 let ve = Ke;
 customElements.get("nine-table-hscrollbar") || customElements.define("nine-table-hscrollbar", ve);
 var rt, ot, bt, k, Tt, Ct, Ut;
@@ -353,7 +353,7 @@ const Ge = class Ge extends HTMLElement {
 rt = new WeakMap(), ot = new WeakMap(), bt = new WeakMap(), k = new WeakMap(), Tt = new WeakMap(), Ct = new WeakMap(), Ut = new WeakMap(), h(Ge, "NineTableVScrollBar");
 let Se = Ge;
 customElements.get("nine-table-vscrollbar") || customElements.define("nine-table-vscrollbar", Se);
-var j, R, it, P, D, G, at, kt, Oe, We, Xt, Kt, Lt, It, Ht, Gt, Zt, $t, ze, pt, Mt, Jt;
+var j, R, it, P, D, K, at, kt, Oe, We, Xt, Kt, Lt, It, Ht, Gt, Zt, $t, ze, pt, Mt, Jt;
 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, G, null);
+    d(this, K, null);
     d(this, at, 0);
     d(this, kt, 40);
     d(this, Oe, !1);
@@ -491,7 +491,7 @@ const Ze = class Ze {
       }
     }, "#syncRowHeights"));
     d(this, Zt, /* @__PURE__ */ h(() => {
-      !t(this, R) || !(t(this, R) instanceof HTMLElement) || (p(this, G, new ResizeObserver((s) => {
+      !t(this, R) || !(t(this, R) instanceof HTMLElement) || (p(this, K, 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, $t).call(this), this.refresh()));
           }
         }
-      })), t(this, G).observe(t(this, R)));
+      })), t(this, K).observe(t(this, R)));
     }, "#initResizeObserver"));
     d(this, $t, /* @__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"));
     q(this, "destroy", /* @__PURE__ */ h(() => {
-      t(this, G) && (t(this, G).disconnect(), p(this, G, null));
+      t(this, K) && (t(this, K).disconnect(), p(this, K, null));
     }, "destroy"));
     p(this, j, s.getRootNode().host), p(this, R, s), t(this, Zt).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(), G = new WeakMap(), at = new WeakMap(), kt = new WeakMap(), Oe = new WeakMap(), We = new WeakMap(), Xt = new WeakMap(), Kt = new WeakMap(), Lt = new WeakMap(), It = new WeakMap(), Ht = new WeakMap(), Gt = new WeakMap(), Zt = new WeakMap(), $t = new WeakMap(), ze = new WeakMap(), pt = new WeakMap(), Mt = new WeakMap(), Jt = new WeakMap(), h(Ze, "RowManager");
+j = new WeakMap(), R = new WeakMap(), it = new WeakMap(), P = new WeakMap(), D = new WeakMap(), K = new WeakMap(), at = new WeakMap(), kt = new WeakMap(), Oe = new WeakMap(), We = new WeakMap(), Xt = new WeakMap(), Kt = new WeakMap(), Lt = new WeakMap(), It = new WeakMap(), Ht = new WeakMap(), Gt = new WeakMap(), Zt = new WeakMap(), $t = new WeakMap(), ze = new WeakMap(), pt = new WeakMap(), Mt = new WeakMap(), Jt = new WeakMap(), h(Ze, "RowManager");
 let Re = Ze;
 const Qt = class Qt {
   /**
@@ -693,10 +693,10 @@ const Qt = class Qt {
 };
 h(Qt, "TableCompiler");
 let Ae = Qt;
-var _, Y, U, At, bs;
+var _, Y, V, At, bs;
 const Je = class Je {
   constructor(s) {
-    d(this, U);
+    d(this, V);
     d(this, _);
     d(this, Y, { startRow: -1, startCol: -1, endRow: -1, endCol: -1 });
     q(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, U, At).call(this, c);
+          const { matrixRow: l } = Q(this, V, 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, U, bs).call(this), t(this, _).querySelectorAll(
+    p(this, _, s), Q(this, V, 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, U, At).call(this, g);
+          const { matrixRow: y } = Q(this, V, At).call(this, g);
           y < 0 || g.querySelectorAll("td, th").forEach((w) => {
             const v = parseInt(w.dataset.col, 10);
             if (isNaN(v)) return;
             const m = parseInt(w.rowSpan || 1, 10), C = parseInt(w.colSpan || 1, 10), A = y + m - 1, H = v + C - 1;
             if (A >= o && y <= i && H >= a && v <= c) {
-              const X = Math.min(o, y), cs = Math.max(i, A), hs = Math.min(a, v), ds = Math.max(c, H);
-              (X !== o || cs !== i || hs !== a || ds !== c) && (o = X, i = cs, a = hs, c = ds, f = !0);
+              const U = Math.min(o, y), cs = Math.max(i, A), hs = Math.min(a, v), ds = Math.max(c, H);
+              (U !== o || cs !== i || hs !== a || ds !== c) && (o = U, 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(), U = new WeakSet(), At = /* @__PURE__ */ h(function(s) {
+_ = new WeakMap(), Y = new WeakMap(), V = 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,12 +777,12 @@ _ = 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 } = Q(this, U, At).call(this, r), i = parseInt(n.dataset.col, 10);
+    const r = n.closest("tr"), { matrixRow: o } = Q(this, V, At).call(this, r), i = parseInt(n.dataset.col, 10);
     if (o < 0) {
       t(this, _).style.userSelect = "", t(this, _).style.webkitUserSelect = "";
       return;
     }
-    S.log(`🖱️ [MouseDown Success] startRow: ${o}, startCol: ${i}`), this.setRange(o, i, o, i);
+    S.log(`🖱️ [MouseDown Success] startRow: ${o}, startCol: ${i}`), t(this, _).navigation.currentCell = n;
     let a = o, c = i;
     const l = /* @__PURE__ */ h((u) => {
       const b = document.elementFromPoint(u.clientX, u.clientY);
@@ -798,7 +798,7 @@ _ = new WeakMap(), Y = new WeakMap(), U = new WeakSet(), At = /* @__PURE__ */ h(
         }
       }
       if (!g || g.dataset.row === void 0 || g.dataset.col === void 0 || g.closest("tr").classList.contains("nodata")) return;
-      const y = g.closest("tr"), { matrixRow: w } = Q(this, U, At).call(this, y), v = parseInt(g.dataset.col, 10);
+      const y = g.closest("tr"), { matrixRow: w } = Q(this, V, At).call(this, y), v = parseInt(g.dataset.col, 10);
       w < 0 || a === w && c === v || (a = w, c = v, this.setRange(o, i, w, v));
     }, "onMouseMove"), f = /* @__PURE__ */ h(() => {
       S.log("🖱️ [MouseUp] Drag ended."), t(this, _).style.userSelect = "", t(this, _).style.webkitUserSelect = "", document.removeEventListener("mousemove", l), document.removeEventListener("mouseup", f);
@@ -807,17 +807,17 @@ _ = new WeakMap(), Y = new WeakMap(), U = new WeakSet(), At = /* @__PURE__ */ h(
   });
 }, "#initEvents"), h(Je, "CellSelection");
 let Ee = Je;
-var V, lt, te, ee, Be, se, ps;
+var G, lt, te, ee, Be, se, ps;
 const Qe = class Qe {
   // 🎯 키보드 네비게이션 중 스크롤 튐 방지 플래그
   constructor(s) {
     d(this, se);
-    d(this, V);
+    d(this, G);
     d(this, lt, null);
     d(this, te, -1);
     d(this, ee, -1);
     d(this, Be, !1);
-    p(this, V, s), Q(this, se, ps).call(this), S.log("🎯 [CellNavigation] Initialized");
+    p(this, G, s), Q(this, se, ps).call(this), S.log("🎯 [CellNavigation] Initialized");
   }
   get currentCell() {
     return t(this, lt);
@@ -831,14 +831,14 @@ 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);
-        S.log("====================", f, n, f, n), t(this, V).selection.setRange(f, n, f, n);
+        S.log("====================", f, n, f, n), t(this, G).selection.setRange(f, n, f, n);
       }
     }
   }
   moveCell(s) {
     var C, A, 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((X) => parseInt(X.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((U) => parseInt(U.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":
@@ -858,20 +858,17 @@ const Qe = class Qe {
         break;
     }
     let y = null;
-    const m = Array.from(i.querySelectorAll("tr:not(.nodata)")).filter((X) => parseInt(X.dataset.row, 10) === u)[b];
+    const m = Array.from(i.querySelectorAll("tr:not(.nodata)")).filter((U) => parseInt(U.dataset.row, 10) === u)[b];
     if (m && (y = m.querySelector(`[data-col="${g}"]`)), y)
       this.currentCell = y;
     else if (u !== r && u >= 0) {
-      const X = ((A = (C = t(this, V)).getRowHeight) == null ? void 0 : A.call(C)) || 40;
-      (F = (H = t(this, V)).scrollToY) == null || F.call(H, u * X);
+      const U = ((A = (C = t(this, G)).getRowHeight) == null ? void 0 : A.call(C)) || 40;
+      (F = (H = t(this, G)).scrollToY) == null || F.call(H, u * U);
     }
   }
 };
-V = new WeakMap(), lt = new WeakMap(), te = new WeakMap(), ee = new WeakMap(), Be = new WeakMap(), se = 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) => {
+G = new WeakMap(), lt = new WeakMap(), te = new WeakMap(), ee = new WeakMap(), Be = new WeakMap(), se = new WeakSet(), ps = /* @__PURE__ */ h(function() {
+  t(this, G).addEventListener("keydown", (s) => {
     ["Tab", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(s.code) && this.moveCell(s);
   });
 }, "#initEvents"), h(Qe, "CellNavigation");
@@ -1102,10 +1099,6 @@ const Et = class Et extends HTMLElement {
                 nine-table-sheet th.selected {
                     background-color: rgba(37, 99, 235, 0.08);
                     position: relative; /* z-index와 가상 요소 기준점 */
-                    border-top: 1px solid #e5e7eb;
-                    border-bottom: 1px solid #e5e7eb;
-                    border-left: 1px solid #e5e7eb;
-                    border-right: 1px solid #e5e7eb;
                 }
                 
                 /* box-shadow 대신 z-index를 높이고 테두리 선을 뚜렷하게 오버레이 */