@ninebone/table 0.0.360 → 0.0.362

package/dist/nine-table.js

@@ -23,22 +23,22 @@ const ne = class ne extends xe.constructor {
 a(ne, "Trace");
 let Ut = ne;
 const I = new Ut();
-var _, W, y, D, N, P, vt, Y, wt;
+var _, W, y, N, P, Y, vt, V, wt;
 const oe = class oe extends HTMLElement {
   constructor() {
     super();
     c(this, _);
     c(this, W, !1);
     c(this, y);
-    c(this, D);
     c(this, N);
     c(this, P);
+    c(this, Y);
     c(this, vt, /* @__PURE__ */ a(() => {
       if (!t(this, _)) return;
       const e = t(this, _).querySelector(".ng-container-body");
-      e && (b(this, P, new ResizeObserver(() => {
+      e && (b(this, Y, new ResizeObserver(() => {
         this.refresh();
-      })), t(this, P).observe(e));
+      })), t(this, Y).observe(e));
     }, "#observeResize"));
     x(this, "refresh", /* @__PURE__ */ a(() => {
       if (!t(this, _) || !t(this, y) || t(this, W)) return;
@@ -61,7 +61,7 @@ const oe = class oe extends HTMLElement {
       const E = d - f;
       p > E && (p = E), r.style.left = `${p}px`, I.log(p), t(this, y).left.disabled = p === 0, t(this, y).right.disabled = p >= E - 1;
     }, "refresh"));
-    c(this, Y, /* @__PURE__ */ a((e) => {
+    c(this, V, /* @__PURE__ */ a((e) => {
       if (!t(this, y)) return !1;
       const s = t(this, y).container, o = s.querySelector("table");
       if (!o) return !1;
@@ -75,16 +75,16 @@ const oe = class oe extends HTMLElement {
     }, "#thumbMoveTo"));
     c(this, wt, /* @__PURE__ */ a(() => {
       const e = /* @__PURE__ */ a((o) => {
-        clearInterval(t(this, D)), clearInterval(t(this, N));
+        clearInterval(t(this, N)), clearInterval(t(this, P));
         const r = parseInt(t(this, y).thumb.style.left || 0, 10);
-        t(this, Y).call(this, r + o), b(this, D, setInterval(() => {
-          clearInterval(t(this, D)), b(this, N, setInterval(() => {
+        t(this, V).call(this, r + o), b(this, N, setInterval(() => {
+          clearInterval(t(this, N)), b(this, P, setInterval(() => {
             const n = parseInt(t(this, y).thumb.style.left || 0, 10);
-            t(this, Y).call(this, n + o) || clearInterval(t(this, N));
+            t(this, V).call(this, n + o) || clearInterval(t(this, P));
           }, 50));
         }, 500));
       }, "delayScroll"), s = /* @__PURE__ */ a(() => {
-        clearInterval(t(this, D)), clearInterval(t(this, N));
+        clearInterval(t(this, N)), clearInterval(t(this, P));
       }, "clearTimer");
       ["mouseup", "mouseleave", "touchend"].forEach((o) => {
         t(this, y).left.addEventListener(o, s), t(this, y).right.addEventListener(o, s), t(this, y).track.addEventListener(o, s);
@@ -96,14 +96,14 @@ const oe = class oe extends HTMLElement {
         if (o.button !== 0) return;
         o.preventDefault();
         const r = t(this, y).track.getBoundingClientRect(), n = t(this, y).thumb.clientWidth;
-        t(this, Y).call(this, o.clientX - r.left - n / 2);
+        t(this, V).call(this, o.clientX - r.left - n / 2);
       }), t(this, y).thumb.addEventListener("mousedown", (o) => {
         if (o.button !== 0) return;
         o.stopPropagation(), o.preventDefault(), b(this, W, !0), this.shiftX = o.clientX - t(this, y).thumb.getBoundingClientRect().left;
         const r = /* @__PURE__ */ a((l) => {
           if (!t(this, W)) return;
           const h = t(this, y).track.getBoundingClientRect();
-          t(this, Y).call(this, l.clientX - h.left - this.shiftX);
+          t(this, V).call(this, l.clientX - h.left - this.shiftX);
         }, "onMouseMove"), n = /* @__PURE__ */ a(() => {
           b(this, W, !1), s(), document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", n), this.refresh();
         }, "onMouseUp");
@@ -195,17 +195,17 @@ const oe = class oe extends HTMLElement {
     e();
   }
   disconnectedCallback() {
-    t(this, P) && t(this, P).disconnect();
+    t(this, Y) && t(this, Y).disconnect();
   }
 };
-_ = new WeakMap(), W = new WeakMap(), y = new WeakMap(), D = new WeakMap(), N = new WeakMap(), P = new WeakMap(), vt = new WeakMap(), Y = new WeakMap(), wt = new WeakMap(), a(oe, "NineTableHScrollBar");
+_ = new WeakMap(), W = new WeakMap(), y = new WeakMap(), N = new WeakMap(), P = new WeakMap(), Y = new WeakMap(), vt = new WeakMap(), V = new WeakMap(), wt = new WeakMap(), a(oe, "NineTableHScrollBar");
 let Ft = oe;
 customElements.get("nine-table-hscrollbar") || customElements.define("nine-table-hscrollbar", Ft);
-var V, O, w, rt, lt, St;
+var X, O, w, rt, lt, St;
 const re = class re extends HTMLElement {
   constructor() {
     super();
-    c(this, V);
+    c(this, X);
     c(this, O, !1);
     c(this, w);
     c(this, rt, 0);
@@ -214,7 +214,7 @@ const re = class re extends HTMLElement {
      * 🎯 스크롤바 위치 및 썸브 크기 갱신
      */
     x(this, "refresh", /* @__PURE__ */ a(() => {
-      if (!t(this, V) || !t(this, w) || t(this, O)) return;
+      if (!t(this, X) || !t(this, w) || t(this, O)) return;
       const e = t(this, w).container, s = e.querySelector("table");
       if (!s) return;
       const o = t(this, w).track, r = t(this, w).thumb, n = e.clientHeight, l = s.scrollHeight;
@@ -270,7 +270,7 @@ const re = class re extends HTMLElement {
     }, "#init"));
   }
   connectedCallback() {
-    if (b(this, V, this.closest("nine-table-sheet") || this.getRootNode().host), !t(this, V)) return;
+    if (b(this, X, this.closest("nine-table-sheet") || this.getRootNode().host), !t(this, X)) return;
     this.innerHTML = `
             <style>
                 nine-table-vscrollbar {
@@ -335,7 +335,7 @@ const re = class re extends HTMLElement {
             <button class='ng-scroll-bottom' disabled><div class='ng-scroll-icon'></div></button>
         `;
     const e = /* @__PURE__ */ a(() => {
-      const s = t(this, V).querySelector(".ng-container-body");
+      const s = t(this, X).querySelector(".ng-container-body");
       if (!s) {
         setTimeout(e, 10);
         return;
@@ -351,7 +351,7 @@ const re = class re extends HTMLElement {
     e();
   }
 };
-V = new WeakMap(), O = new WeakMap(), w = new WeakMap(), rt = new WeakMap(), lt = new WeakMap(), St = new WeakMap(), a(re, "NineTableVScrollBar");
+X = new WeakMap(), O = new WeakMap(), w = new WeakMap(), rt = new WeakMap(), lt = new WeakMap(), St = new WeakMap(), a(re, "NineTableVScrollBar");
 let jt = re;
 customElements.get("nine-table-vscrollbar") || customElements.define("nine-table-vscrollbar", jt);
 var Et, G;
@@ -425,14 +425,14 @@ Et = new WeakMap(), G = new WeakMap(), a(C, "TableCompiler"), c(C, Et, /* @__PUR
   });
 }, "#resetColIndex"));
 let Kt = C;
-var X, v, M, A, z, U, at, J, Rt, At, qt, ct, ht, Tt, kt, dt, Lt, Q, ft;
+var z, v, M, A, B, U, at, J, Rt, At, qt, ct, ht, Tt, kt, dt, Lt, Q, ft;
 const le = class le {
   constructor(i) {
-    c(this, X);
+    c(this, z);
     c(this, v);
     c(this, M, /* @__PURE__ */ new Map());
     c(this, A, null);
-    c(this, z, null);
+    c(this, B, null);
     c(this, U, 0);
     c(this, at, 40);
     c(this, J, !1);
@@ -502,16 +502,17 @@ const le = class le {
     }, "#measureAndCacheHeight"));
     c(this, ct, /* @__PURE__ */ a(() => {
       if (!t(this, v).querySelector(".ng-container-body")) return;
-      const e = t(this, X).data.get() || [], s = e.length > 0 ? e.length : 100, o = t(this, A), r = s * o;
+      const e = t(this, z).data.get() || [], s = e.length > 0 ? e.length : 100, o = t(this, A), r = s * o;
       I.log(":", s, r), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((n) => {
         const l = t(this, v).querySelector(n), h = l == null ? void 0 : l.querySelector("table");
         h && (h.style.height = `${r}px`);
       });
     }, "#updateVirtualScrollHeight"));
     c(this, ht, /* @__PURE__ */ a(() => {
+      const i = t(this, z).data.get() || [], e = i.length > 0 ? i.length : 100;
       if (t(this, U) > 0 && t(this, A) > 0) {
-        const i = Math.ceil(t(this, U) / t(this, A));
-        b(this, at, i + t(this, Rt));
+        const s = Math.ceil(t(this, U) / t(this, A));
+        b(this, at, Math.min(e, s + t(this, Rt)));
       }
     }, "#updateRowCount"));
     c(this, Tt, /* @__PURE__ */ a(() => {
@@ -529,7 +530,7 @@ const le = class le {
       }
     }, "#syncRowHeights"));
     c(this, kt, /* @__PURE__ */ a(() => {
-      !t(this, v) || !(t(this, v) instanceof HTMLElement) || (b(this, z, new ResizeObserver((i) => {
+      !t(this, v) || !(t(this, v) instanceof HTMLElement) || (b(this, B, new ResizeObserver((i) => {
         for (const e of i) {
           const s = e.target;
           if (!s.classList.contains("active")) continue;
@@ -542,7 +543,7 @@ const le = class le {
             t(this, U) !== l && (b(this, U, l), t(this, ht).call(this), t(this, A) !== null && t(this, dt).call(this));
           }
         }
-      })), t(this, z).observe(t(this, v)));
+      })), t(this, B).observe(t(this, v)));
     }, "#initResizeObserver"));
     c(this, dt, /* @__PURE__ */ a(() => {
       [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((i) => {
@@ -559,7 +560,7 @@ const le = class le {
         if (!o) return;
         const r = Array.from(o.querySelectorAll("tr:not(.nodata)")), n = ((l = t(this, M).get(e)) == null ? void 0 : l.length) || 1;
         r.forEach((h, d) => {
-          const f = i + Math.floor(d / n), u = t(this, X).data.get(f);
+          const f = i + Math.floor(d / n), u = t(this, z).data.get(f);
           h.style.display = "", t(this, ft).call(this, h, u, f);
         });
       });
@@ -575,7 +576,7 @@ const le = class le {
         const h = l.querySelector("tbody.bindable-tbody");
         if (!h) return;
         Array.from(h.querySelectorAll("tr:not(.nodata)")).forEach((f, u) => {
-          const g = s + Math.floor(u / o), p = t(this, X).data.get(g);
+          const g = s + Math.floor(u / o), p = t(this, z).data.get(g);
           f.style.display = "", t(this, ft).call(this, f, p, g);
         });
       }), t(this, J) || (b(this, J, !0), setTimeout(() => {
@@ -589,9 +590,9 @@ const le = class le {
       });
     }, "#bindRowData"));
     x(this, "destroy", /* @__PURE__ */ a(() => {
-      t(this, z) && (t(this, z).disconnect(), b(this, z, null));
+      t(this, B) && (t(this, B).disconnect(), b(this, B, null));
     }, "destroy"));
-    b(this, X, i.getRootNode().host), b(this, v, i), t(this, kt).call(this);
+    b(this, z, i.getRootNode().host), b(this, v, i), t(this, kt).call(this);
   }
   getRowHeight() {
     return t(this, A);
@@ -601,7 +602,7 @@ const le = class le {
     return ((e = t(this, M).get(i)) == null ? void 0 : e.length) || 1;
   }
 };
-X = new WeakMap(), v = new WeakMap(), M = new WeakMap(), A = new WeakMap(), z = new WeakMap(), U = new WeakMap(), at = new WeakMap(), J = new WeakMap(), Rt = new WeakMap(), At = new WeakMap(), qt = new WeakMap(), ct = new WeakMap(), ht = new WeakMap(), Tt = new WeakMap(), kt = new WeakMap(), dt = new WeakMap(), Lt = new WeakMap(), Q = new WeakMap(), ft = new WeakMap(), a(le, "RowManager");
+z = new WeakMap(), v = new WeakMap(), M = new WeakMap(), A = new WeakMap(), B = new WeakMap(), U = new WeakMap(), at = new WeakMap(), J = new WeakMap(), Rt = new WeakMap(), At = new WeakMap(), qt = new WeakMap(), ct = new WeakMap(), ht = new WeakMap(), Tt = new WeakMap(), kt = new WeakMap(), dt = new WeakMap(), Lt = new WeakMap(), Q = new WeakMap(), ft = new WeakMap(), a(le, "RowManager");
 let Zt = le;
 var Ht, tt, F, Ct, _t, Mt, It, $t;
 const ot = class ot extends HTMLElement {
@@ -1042,7 +1043,7 @@ const he = class he {
 };
 gt = new WeakMap(), et = new WeakMap(), a(he, "ngRow");
 let Qt = he;
-var T, S, k, it, Bt, B, Dt, j, yt, Nt, Pt, st;
+var T, S, k, it, Bt, D, Dt, j, yt, Nt, Pt, st;
 const L = class L {
   constructor(i, e) {
     c(this, T);
@@ -1050,15 +1051,15 @@ const L = class L {
     c(this, k, []);
     c(this, it, []);
     c(this, Bt, 0);
-    c(this, B, []);
+    c(this, D, []);
     c(this, Dt, /* @__PURE__ */ a(() => {
-      b(this, B, []);
+      b(this, D, []);
       const i = t(this, T).template || [];
       Array.from(i).forEach((e) => {
         var s;
-        t(this, B).push(((s = e.getBoundingClientRect) == null ? void 0 : s.call(e).height) || 24);
+        t(this, D).push(((s = e.getBoundingClientRect) == null ? void 0 : s.call(e).height) || 24);
       }), (t(this, S).rawRecords || []).forEach((e) => {
-        e.__ng || (e.__ng = t(this, yt).call(this)), e.__ng.height = t(this, B).slice();
+        e.__ng || (e.__ng = t(this, yt).call(this)), e.__ng.height = t(this, D).slice();
       });
     }, "#initialize"));
     c(this, j, /* @__PURE__ */ a(() => {
@@ -1086,10 +1087,10 @@ const L = class L {
       rowState: L.ROW_STATE.EMPTY,
       deleted: !1,
       filtered: !1,
-      height: t(this, B).slice(),
+      height: t(this, D).slice(),
       o: {},
       c: {},
-      _: [0, 0, 0, 0, L.ROW_STATE.EMPTY, !1, !1, !0, !1, !0, !0, !1, t(this, B).slice(), -1, {}, {}]
+      _: [0, 0, 0, 0, L.ROW_STATE.EMPTY, !1, !1, !0, !1, !0, !0, !1, t(this, D).slice(), -1, {}, {}]
     }), "#getDefaultMeta"));
     x(this, "reset", /* @__PURE__ */ a(() => {
       b(this, k, []), b(this, it, []), t(this, j).call(this);
@@ -1181,7 +1182,7 @@ const L = class L {
     return this.length;
   }
 };
-T = new WeakMap(), S = new WeakMap(), k = new WeakMap(), it = new WeakMap(), Bt = new WeakMap(), B = new WeakMap(), Dt = new WeakMap(), j = new WeakMap(), yt = new WeakMap(), Nt = new WeakMap(), Pt = new WeakMap(), st = new WeakMap(), a(L, "ngData"), // 🎯 행 상태 정의 상수를 클래스 내부로 내재화
+T = new WeakMap(), S = new WeakMap(), k = new WeakMap(), it = new WeakMap(), Bt = new WeakMap(), D = new WeakMap(), Dt = new WeakMap(), j = new WeakMap(), yt = new WeakMap(), Nt = new WeakMap(), Pt = new WeakMap(), st = new WeakMap(), a(L, "ngData"), // 🎯 행 상태 정의 상수를 클래스 내부로 내재화
 x(L, "ROW_STATE", {
   EMPTY: "EMPTY",
   NORMAL: "NORMAL",