@ninebone/table 0.0.370 → 0.0.371

package/dist/nine-table.js

@@ -23,7 +23,7 @@ const ne = class ne extends xe.constructor {
 a(ne, "Trace");
 let Ut = ne;
 const W = new Ut();
-var _, O, p, N, P, Y, vt, V, wt;
+var _, O, p, N, P, V, vt, Y, wt;
 const oe = class oe extends HTMLElement {
   constructor() {
     super();
@@ -32,13 +32,13 @@ const oe = class oe extends HTMLElement {
     c(this, p);
     c(this, N);
     c(this, P);
-    c(this, Y);
+    c(this, V);
     c(this, vt, /* @__PURE__ */ a(() => {
       if (!t(this, _)) return;
       const e = t(this, _).querySelector(".ng-container-body");
-      e && (g(this, Y, new ResizeObserver(() => {
+      e && (g(this, V, new ResizeObserver(() => {
         this.refresh();
-      })), t(this, Y).observe(e));
+      })), t(this, V).observe(e));
     }, "#observeResize"));
     x(this, "refresh", /* @__PURE__ */ a(() => {
       if (!t(this, _) || !t(this, p) || t(this, O)) return;
@@ -61,7 +61,7 @@ const oe = class oe extends HTMLElement {
       const w = d - f;
       y > w && (y = w), r.style.left = `${y}px`, W.log(y), t(this, p).left.disabled = y === 0, t(this, p).right.disabled = y >= w - 1;
     }, "refresh"));
-    c(this, V, /* @__PURE__ */ a((e) => {
+    c(this, Y, /* @__PURE__ */ a((e) => {
       if (!t(this, p)) return !1;
       const s = t(this, p).container, o = s.querySelector("table");
       if (!o) return !1;
@@ -77,10 +77,10 @@ const oe = class oe extends HTMLElement {
       const e = /* @__PURE__ */ a((o) => {
         clearInterval(t(this, N)), clearInterval(t(this, P));
         const r = parseInt(t(this, p).thumb.style.left || 0, 10);
-        t(this, V).call(this, r + o), g(this, N, setInterval(() => {
+        t(this, Y).call(this, r + o), g(this, N, setInterval(() => {
           clearInterval(t(this, N)), g(this, P, setInterval(() => {
             const n = parseInt(t(this, p).thumb.style.left || 0, 10);
-            t(this, V).call(this, n + o) || clearInterval(t(this, P));
+            t(this, Y).call(this, n + o) || clearInterval(t(this, P));
           }, 50));
         }, 500));
       }, "delayScroll"), s = /* @__PURE__ */ a(() => {
@@ -96,14 +96,14 @@ const oe = class oe extends HTMLElement {
         if (o.button !== 0) return;
         o.preventDefault();
         const r = t(this, p).track.getBoundingClientRect(), n = t(this, p).thumb.clientWidth;
-        t(this, V).call(this, o.clientX - r.left - n / 2);
+        t(this, Y).call(this, o.clientX - r.left - n / 2);
       }), t(this, p).thumb.addEventListener("mousedown", (o) => {
         if (o.button !== 0) return;
         o.stopPropagation(), o.preventDefault(), g(this, O, !0), this.shiftX = o.clientX - t(this, p).thumb.getBoundingClientRect().left;
         const r = /* @__PURE__ */ a((l) => {
           if (!t(this, O)) return;
           const h = t(this, p).track.getBoundingClientRect();
-          t(this, V).call(this, l.clientX - h.left - this.shiftX);
+          t(this, Y).call(this, l.clientX - h.left - this.shiftX);
         }, "onMouseMove"), n = /* @__PURE__ */ a(() => {
           g(this, O, !1), s(), document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", n), this.refresh();
         }, "onMouseUp");
@@ -195,10 +195,10 @@ const oe = class oe extends HTMLElement {
     e();
   }
   disconnectedCallback() {
-    t(this, Y) && t(this, Y).disconnect();
+    t(this, V) && t(this, V).disconnect();
   }
 };
-_ = new WeakMap(), O = new WeakMap(), p = new WeakMap(), N = new WeakMap(), P = new WeakMap(), Y = new WeakMap(), vt = new WeakMap(), V = new WeakMap(), wt = new WeakMap(), a(oe, "NineTableHScrollBar");
+_ = new WeakMap(), O = new WeakMap(), p = new WeakMap(), N = new WeakMap(), P = new WeakMap(), V = new WeakMap(), vt = new WeakMap(), Y = new WeakMap(), wt = new WeakMap(), a(oe, "NineTableHScrollBar");
 let Ft = oe;
 customElements.get("nine-table-hscrollbar") || customElements.define("nine-table-hscrollbar", Ft);
 var X, z, S, lt, at, St;
@@ -502,17 +502,16 @@ const le = class le {
     }, "#measureAndCacheHeight"));
     c(this, ct, /* @__PURE__ */ a(() => {
       if (!t(this, v).querySelector(".ng-container-body")) return;
-      const e = t(this, M).data.get() || [], s = e.length > 0 ? e.length : 100, o = t(this, A), r = s * o;
-      W.log(":", s, r), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((n) => {
+      const s = (t(this, M).data.get() || []).length, o = t(this, A) || 24, r = s * o;
+      W.log(`[VirtualHeight] totalCount: ${s}, rowHeight: ${o}, totalVirtualHeight: ${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 e = (t(this, M).data.get() || []).length;
-      if (t(this, U) > 0 && t(this, A) > 0) {
-        const s = Math.ceil(t(this, U) / t(this, A));
-        g(this, J, Math.min(e, s + t(this, Rt))), W.log(s, t(this, J));
+      if ((t(this, M).data.get() || []).length, t(this, U) > 0 && t(this, A) > 0) {
+        const e = Math.ceil(t(this, U) / t(this, A));
+        g(this, J, e + t(this, Rt)), W.log("visibleRows:", e, "cachedRowCount:", t(this, J));
       }
     }, "#updateRowCount"));
     c(this, Tt, /* @__PURE__ */ a(() => {
@@ -614,7 +613,7 @@ const le = class le {
 };
 M = new WeakMap(), v = new WeakMap(), I = new WeakMap(), A = new WeakMap(), B = new WeakMap(), U = new WeakMap(), J = new WeakMap(), Q = 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(), tt = new WeakMap(), ft = new WeakMap(), a(le, "RowManager");
 let Zt = le;
-var Ht, et, F, Ct, _t, Mt, It, $t;
+var Ht, et, F, Ct, _t, Mt, $t, It;
 const rt = class rt extends HTMLElement {
   constructor() {
     super();
@@ -689,10 +688,10 @@ const rt = class rt extends HTMLElement {
       const s = this.querySelector(".ng-container-body");
       s && (s.scrollTop = e);
     }, "scrollToY"));
-    c(this, It, /* @__PURE__ */ a(() => {
-      t(this, $t).call(this);
-    }, "#init"));
     c(this, $t, /* @__PURE__ */ a(() => {
+      t(this, It).call(this);
+    }, "#init"));
+    c(this, It, /* @__PURE__ */ a(() => {
       const e = rt.SCROLLBAR_SIZE;
       this.innerHTML = `
             <style>
@@ -842,13 +841,13 @@ const rt = class rt extends HTMLElement {
     g(this, F, new Zt(this)), g(this, Ht, this.getRootNode().host);
   }
   connectedCallback() {
-    t(this, It).call(this);
+    t(this, $t).call(this);
   }
   disconnectedCallback() {
     this.innerHTML = "", W.log("NineTableSheet destroyed.");
   }
 };
-Ht = new WeakMap(), et = new WeakMap(), F = new WeakMap(), Ct = new WeakMap(), _t = new WeakMap(), Mt = new WeakMap(), It = new WeakMap(), $t = new WeakMap(), a(rt, "NineTableSheet"), x(rt, "SCROLLBAR_SIZE", 16);
+Ht = new WeakMap(), et = new WeakMap(), F = new WeakMap(), Ct = new WeakMap(), _t = new WeakMap(), Mt = new WeakMap(), $t = new WeakMap(), It = new WeakMap(), a(rt, "NineTableSheet"), x(rt, "SCROLLBAR_SIZE", 16);
 let xt = rt;
 customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", xt);
 var Wt, ut;
@@ -1224,7 +1223,7 @@ const de = class de {
 };
 K = new WeakMap(), a(de, "ngDataManager");
 let ee = de;
-var ot, R, pt, Yt;
+var ot, R, pt, Vt;
 const fe = class fe {
   // 🎯 이제 { name: string, type: string } 객체들의 배열로 관리합니다.
   constructor(i) {
@@ -1241,7 +1240,7 @@ const fe = class fe {
         i.set(e.name, e.type);
       }), g(this, R, Array.from(i, ([e, s]) => ({ name: e, type: s }))), g(this, R, t(this, R).filter((e) => e.name !== "" && e.name !== "__ng")), t(this, R).sort((e, s) => e.name.length < s.name.length ? 1 : -1);
     }, "#adjust"));
-    c(this, Yt, /* @__PURE__ */ a(() => {
+    c(this, Vt, /* @__PURE__ */ a(() => {
       g(this, R, []), W.log(t(this, ot).querySelectorAll("table"));
       const i = Array.from(t(this, ot).querySelectorAll("table"));
       if (!(!i || i.length === 0)) {
@@ -1273,7 +1272,7 @@ const fe = class fe {
         t(this, pt).call(this);
       }
     }, "#init"));
-    g(this, ot, i), t(this, Yt).call(this);
+    g(this, ot, i), t(this, Vt).call(this);
   }
   // 🎯 기존에 필드 이름만 쓰던 곳들과의 호환을 위해 이름 배열만 리턴하는 메서드 유지
   get() {
@@ -1295,17 +1294,17 @@ const fe = class fe {
     return t(this, R).some((e) => e.name === i);
   }
 };
-ot = new WeakMap(), R = new WeakMap(), pt = new WeakMap(), Yt = new WeakMap(), a(fe, "ngFields");
+ot = new WeakMap(), R = new WeakMap(), pt = new WeakMap(), Vt = new WeakMap(), a(fe, "ngFields");
 let ie = fe;
-var Z, Vt, Xt;
+var Z, Yt, Xt;
 const ue = class ue extends HTMLElement {
   constructor() {
     super();
     //#created = false;
     c(this, Z);
-    c(this, Vt);
+    c(this, Yt);
     c(this, Xt, /* @__PURE__ */ a(() => {
-      this.fields = new ie(this), g(this, Vt, new Jt(this)), W.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
+      this.fields = new ie(this), g(this, Yt, new Jt(this)), W.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
     }, "#init"));
     this.attachShadow({ mode: "open" }), g(this, Z, new ee(this));
   }
@@ -1328,7 +1327,7 @@ const ue = class ue extends HTMLElement {
     return t(this, Z);
   }
 };
-Z = new WeakMap(), Vt = new WeakMap(), Xt = new WeakMap(), a(ue, "NineTable");
+Z = new WeakMap(), Yt = new WeakMap(), Xt = new WeakMap(), a(ue, "NineTable");
 let se = ue;
 customElements.get("nine-table") || customElements.define("nine-table", se);
 //# sourceMappingURL=nine-table.js.map