virtua 0.49.0 → 0.49.2

package/lib/react/VGrid.d.ts

@@ -151,8 +151,6 @@ export interface VGridProps extends ViewportComponentAttributes {
     item?: keyof JSX.IntrinsicElements | CustomCellComponent;
     /** Reference to the rendered DOM element (the one that scrolls). */
     domRef?: Ref<HTMLDivElement>;
-    /** Reference to the inner rendered DOM element (the one that contains all the cells). */
-    innerDomRef?: Ref<HTMLDivElement>;
     /**
      * Callback invoked whenever scroll offset changes.
      */

package/lib/solid/index.cjs

@@ -1,12 +1,12 @@
 var e = require("solid-js/web"), t = require("solid-js");
 
-const r = null, {min: n, max: o, abs: s, floor: i} = Math, c = (e, t, r) => n(r, o(t, e)), l = e => [ ...e ].sort(((e, t) => e - t)), u = "function" == typeof queueMicrotask ? queueMicrotask : e => {
+const r = null, {min: n, max: o, abs: s, floor: i} = Math, c = (e, t, r) => n(r, o(t, e)), l = e => [ ...e ].sort((e, t) => e - t), u = "function" == typeof queueMicrotask ? queueMicrotask : e => {
     Promise.resolve().then(e);
 }, f = () => {
     let e;
-    return [ new Promise((t => {
+    return [ new Promise(t => {
         e = t;
-    })), e ];
+    }), e ];
 }, a = e => {
     let t;
     return () => (e && (t = e(), e = void 0), t);
@@ -37,8 +37,8 @@ const r = null, {min: n, max: o, abs: s, floor: i} = Math, c = (e, t, r) => n(r,
 }, m = (e, t, r) => {
     const o = t - e.u;
     return e.l = r ? -1 : n(t - 1, e.l), e.u = t, o > 0 ? (d(e.h, o), d(e.o, o, r), 
-    e.i * o) : (e.h.splice(o), (r ? e.o.splice(0, -o) : e.o.splice(o)).reduce(((t, r) => t - (-1 === r ? e.i : r)), 0));
-}, S = e => e.documentElement, $ = e => e.ownerDocument, b = e => e.defaultView, x = /*#__PURE__*/ a((() => !!/iP(hone|od|ad)/.test(navigator.userAgent) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 0)), z = /*#__PURE__*/ a((() => "scrollBehavior" in S(document).style)), w = (e, t = 40, i = 0, c, u = !1) => {
+    e.i * o) : (e.h.splice(o), (r ? e.o.splice(0, -o) : e.o.splice(o)).reduce((t, r) => t - (-1 === r ? e.i : r), 0));
+}, S = e => e.documentElement, $ = e => e.ownerDocument, b = e => e.defaultView, x = /*#__PURE__*/ a(() => !!/iP(hone|od|ad)/.test(navigator.userAgent) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 0), z = /*#__PURE__*/ a(() => "scrollBehavior" in S(document).style), w = (e, t = 40, i = 0, c, u = !1) => {
     let f = !!i, a = 1, S = 0, $ = 0, b = 0, z = 0, w = 0, y = 0, _ = 0, I = 0, k = r, T = [ 0, f ? o(i - 1, 0) : -1 ], M = 0, O = !1;
     const R = ((e, t, r) => ({
         i: t,
@@ -115,16 +115,16 @@ const r = null, {min: n, max: o, abs: s, floor: i} = Math, c = (e, t, r) => n(r,
 
               case 3:
                 {
-                    const e = t.filter((([e, t]) => !P(e, t)));
+                    const e = t.filter(([e, t]) => !P(e, t));
                     if (!e.length) break;
-                    W(e.reduce(((e, [t, r]) => {
+                    W(e.reduce((e, [t, r]) => {
                         let n;
                         if (2 === I) n = !0; else if (k && 1 === I) n = t < k[0]; else {
                             const e = J(), r = H(t), o = L(t);
-                            n = 1 !== _ && 0 === I ? r + o < e : r < e && r + o < e + S;
+                            n = 1 !== _ && 0 === I ? r + o <= e : r < e && r + o < e + S;
                         }
                         return n && (e += r - L(t)), e;
-                    }), 0));
+                    }, 0));
                     for (const [t, r] of e) {
                         const e = L(t), n = h(R, t, r);
                         u && (M += n ? r : r - e);
@@ -132,9 +132,9 @@ const r = null, {min: n, max: o, abs: s, floor: i} = Math, c = (e, t, r) => n(r,
                     u && S && M > S && (W(((e, t) => {
                         let r = 0;
                         const n = [];
-                        e.o.forEach(((e, o) => {
+                        e.o.forEach((e, o) => {
                             -1 !== e && (n.push(e), o < t && r++);
-                        })), e.l = -1;
+                        }), e.l = -1;
                         const s = l(n), i = s.length, c = i / 2 | 0, u = i % 2 == 0 ? (s[c - 1] + s[c]) / 2 : s[c], f = e.i;
                         return ((e.i = u) - f) * o(t - r, 0);
                     })(R, v(R, B()))), u = !1), c = 3, i = !0;
@@ -160,9 +160,9 @@ const r = null, {min: n, max: o, abs: s, floor: i} = Math, c = (e, t, r) => n(r,
               case 8:
                 k = C(t, t + S), c = 1;
             }
-            c && (a = 1 + (2147483647 & a), n && w && (z += w, w = 0), q.forEach((([e, t]) => {
+            c && (a = 1 + (2147483647 & a), n && w && (z += w, w = 0), q.forEach(([e, t]) => {
                 c & e && t(i);
-            })));
+            }));
         }
     };
 }, y = setTimeout, _ = (e, t) => t ? -e : e, I = (e, t, n, o, s, i) => {
@@ -173,12 +173,12 @@ const r = null, {min: n, max: o, abs: s, floor: i} = Math, c = (e, t, r) => n(r,
         const n = () => {
             t != r && clearTimeout(t);
         }, o = () => {
-            n(), t = y((() => {
+            n(), t = y(() => {
                 t = r, (() => {
                     if (u || f) return u = !1, void g();
                     a = !1, e.H(2);
                 })();
-            }), 150);
+            }, 150);
         };
         return o.L = n, o;
     })(), h = () => {
@@ -217,11 +217,11 @@ const r = null, {min: n, max: o, abs: s, floor: i} = Math, c = (e, t, r) => n(r,
             const [t, r] = f();
             return n = () => {
                 r(!1);
-            }, e.R() && y(n, 150), [ t, e.C(2, (() => {
+            }, e.R() && y(n, 150), [ t, e.C(2, () => {
                 r(!0);
-            })) ];
+            }) ];
         };
-        if (s && z()) e.H(8, o()), u((async () => {
+        if (s && z()) e.H(8, o()), u(async () => {
             for (;;) {
                 let t = !0;
                 for (let [r, n] = e.S(); r <= n; r++) if (e._(r)) {
@@ -237,7 +237,7 @@ const r = null, {min: n, max: o, abs: s, floor: i} = Math, c = (e, t, r) => n(r,
                 }
             }
             e.H(7), r(o(), s);
-        })); else for (;;) {
+        }); else for (;;) {
             const [t, n] = i();
             try {
                 if (e.H(7), r(o()), !await t) return;
@@ -265,10 +265,10 @@ const r = null, {min: n, max: o, abs: s, floor: i} = Math, c = (e, t, r) => n(r,
     let n;
     r = t.mergeProps({
         V: "div"
-    }, r), t.createEffect((() => {
+    }, r), t.createEffect(() => {
         n && t.onCleanup(r.X(n, r.Y));
-    }));
-    const o = t.createMemo((() => {
+    });
+    const o = t.createMemo(() => {
         const e = r.D, t = {
             contain: "layout style",
             position: "absolute",
@@ -278,7 +278,7 @@ const r = null, {min: n, max: o, abs: s, floor: i} = Math, c = (e, t, r) => n(r,
             visibility: r.A ? "hidden" : void 0
         };
         return e && (t.display = "inline-flex"), t;
-    }));
+    });
     return e.createComponent(e.Dynamic, {
         get component() {
             return r.V;
@@ -304,14 +304,14 @@ const r = null, {min: n, max: o, abs: s, floor: i} = Math, c = (e, t, r) => n(r,
     }, n);
     const d = w(n.data.length, i, void 0, a, !i), g = ((e, t) => {
         let n;
-        const o = t ? "width" : "height", s = new WeakMap, i = T((t => {
+        const o = t ? "width" : "height", s = new WeakMap, i = T(t => {
             const i = [];
             for (const {target: c, contentRect: l} of t) if (c.offsetParent) if (c === n) e.H(4, l[o]); else {
                 const e = s.get(c);
                 e != r && i.push([ e, l[o] ]);
             }
             i.length && e.H(3, i);
-        }));
+        });
         return {
             G(e) {
                 i.j(n = e);
@@ -323,33 +323,33 @@ const r = null, {min: n, max: o, abs: s, floor: i} = Math, c = (e, t, r) => n(r,
         };
     })(d, u), h = ((e, t) => {
         let r, n, o = f(), s = !1;
-        const i = t ? "scrollLeft" : "scrollTop", l = t ? "overflowX" : "overflowY", [u, a] = k(e, (() => o[0]), ((e, n) => {
+        const i = t ? "scrollLeft" : "scrollTop", l = t ? "overflowX" : "overflowY", [u, a] = k(e, () => o[0], (e, n) => {
             e = _(e, s), n ? r.scrollTo({
                 [t ? "left" : "top"]: e,
                 behavior: "smooth"
             }) : r[i] = e;
-        }));
+        });
         return {
             Z(c, u) {
-                r = u, t && (s = "rtl" === getComputedStyle(u).direction), n = I(e, u, t, (() => _(u[i], s)), ((t, r, n) => {
+                r = u, t && (s = "rtl" === getComputedStyle(u).direction), n = I(e, u, t, () => _(u[i], s), (t, r, n) => {
                     if (n) {
                         const e = u.style, t = e[l];
-                        e[l] = "hidden", y((() => {
+                        e[l] = "hidden", y(() => {
                             e[l] = t;
-                        }));
+                        });
                     }
                     u[i] = _(e.M() + t, s), r && a();
-                })), o[1](!0);
+                }), o[1](!0);
             },
             p() {
                 n && n.P(), o[1](!1), o = f();
             },
             ee: () => s,
             te(e) {
-                u((() => e));
+                u(() => e);
             },
             re(t) {
-                t += e.M(), u((() => t));
+                t += e.M(), u(() => t);
             },
             ne(t, {align: r, smooth: n, offset: o = 0} = {}) {
                 if (t = c(t, 0, e.T() - 1), "nearest" === r) {
@@ -359,26 +359,26 @@ const r = null, {min: n, max: o, abs: s, floor: i} = Math, c = (e, t, r) => n(r,
                         r = "end";
                     }
                 }
-                u((() => o + e.q() + e.I(t) + ("end" === r ? e.k(t) - e.R() : "center" === r ? (e.k(t) - e.R()) / 2 : 0)), n);
+                u(() => o + e.q() + e.I(t) + ("end" === r ? e.k(t) - e.R() : "center" === r ? (e.k(t) - e.R()) / 2 : 0), n);
             },
             oe: () => {
                 n && n.W();
             }
         };
     })(d, u), [p, v] = t.createSignal(d.v());
-    d.C(1, (() => {
+    d.C(1, () => {
         v(d.v());
-    })), d.C(4, (() => {
+    }), d.C(4, () => {
         n.onScroll?.(d.M());
-    })), d.C(8, (() => {
+    }), d.C(8, () => {
         n.onScrollEnd?.();
-    }));
-    const m = t.createMemo((e => {
+    });
+    const m = t.createMemo(e => {
         p();
         const t = d.S(n.bufferSize);
         return e && O(e, t) ? e : t;
-    })), S = t.createMemo((() => p() && d.O())), $ = t.createMemo((() => p() && d.J())), b = t.createMemo((() => p() && h.ee()));
-    t.onMount((() => {
+    }), S = t.createMemo(() => p() && d.O()), $ = t.createMemo(() => p() && d.J()), b = t.createMemo(() => p() && h.ee());
+    t.onMount(() => {
         n.ref && n.ref({
             get cache() {
                 return d.m();
@@ -400,32 +400,32 @@ const r = null, {min: n, max: o, abs: s, floor: i} = Math, c = (e, t, r) => n(r,
             scrollBy: h.re
         });
         const e = s, r = n.scrollRef || e.parentElement;
-        g.G(r), h.Z(e, r), t.onCleanup((() => {
+        g.G(r), h.Z(e, r), t.onCleanup(() => {
             n.ref && n.ref(), d.p(), g.p(), h.p();
-        }));
-    })), t.createComputed(t.on((() => n.startMargin || 0), (e => {
+        });
+    }), t.createComputed(t.on(() => n.startMargin || 0, e => {
         e !== d.q() && d.H(6, e);
-    }))), t.createEffect(t.on(p, (() => {
+    })), t.createEffect(t.on(p, () => {
         h.oe();
-    })));
-    const x = t.createMemo((() => {
+    }));
+    const x = t.createMemo(() => {
         const e = n.data.length;
-        t.untrack((() => {
+        t.untrack(() => {
             e !== d.T() && d.H(5, [ e, n.shift ]);
-        }));
+        });
         const r = [], o = [];
         if (n.keepMounted) {
             const e = new Set(n.keepMounted);
             for (let [t, r] = m(); t <= r; t++) e.add(t);
-            l([ ...e ]).forEach((e => {
+            l([ ...e ]).forEach(e => {
                 r.push(n.data[e]), o.push(e);
-            }));
+            });
         } else for (let [e, t] = m(); e <= t; e++) r.push(n.data[e]), o.push(e);
         return {
             se: r,
             ie: o
         };
-    }));
+    });
     return e.createComponent(e.Dynamic, {
         get component() {
             return n.as;
@@ -450,8 +450,8 @@ const r = null, {min: n, max: o, abs: s, floor: i} = Math, c = (e, t, r) => n(r,
                     return x().se;
                 },
                 children: (r, o) => ((r, o) => {
-                    const s = t.createMemo((() => (p(), d.I(o(), b())))), i = t.createMemo((() => (p(), 
-                    d._(o())))), c = t.createMemo((() => t.untrack((() => n.children(r, o)))));
+                    const s = t.createMemo(() => (p(), d.I(o(), b()))), i = t.createMemo(() => (p(), 
+                    d._(o()))), c = t.createMemo(() => t.untrack(() => n.children(r, o)));
                     return e.createComponent(M, {
                         get V() {
                             return n.item;
@@ -473,7 +473,7 @@ const r = null, {min: n, max: o, abs: s, floor: i} = Math, c = (e, t, r) => n(r,
                         },
                         D: u
                     });
-                })(r, t.createMemo((() => x().ie[o()])))
+                })(r, t.createMemo(() => x().ie[o()]))
             });
         }
     });
@@ -537,7 +537,7 @@ exports.VList = r => {
 }, exports.Virtualizer = R, exports.WindowVirtualizer = n => {
     let o;
     const {ref: s, data: i, children: l, itemSize: a, shift: d, horizontal: g = !1, cache: h, onScrollEnd: p} = n, v = w(n.data.length, a, void 0, h, !a), m = ((e, t) => {
-        const n = t ? "width" : "height", o = t ? "innerWidth" : "innerHeight", s = new WeakMap, i = T((t => {
+        const n = t ? "width" : "height", o = t ? "innerWidth" : "innerHeight", s = new WeakMap, i = T(t => {
             const o = [];
             for (const {target: e, contentRect: i} of t) {
                 if (!e.offsetParent) continue;
@@ -545,7 +545,7 @@ exports.VList = r => {
                 t != r && o.push([ t, i[n] ]);
             }
             o.length && e.H(3, o);
-        }));
+        });
         let c;
         return {
             G(t) {
@@ -565,7 +565,7 @@ exports.VList = r => {
         };
     })(v, g), x = ((e, t) => {
         let r, n, o = f(), s = !1;
-        const i = t ? "left" : "top", [l] = k(e, (() => o[0]), ((e, t) => {
+        const i = t ? "left" : "top", [l] = k(e, () => o[0], (e, t) => {
             e = _(e, s);
             const n = b($(r));
             t ? n.scroll({
@@ -574,7 +574,7 @@ exports.VList = r => {
             }) : n.scroll({
                 [i]: e
             });
-        })), u = (e, t, r, n, o = 0) => {
+        }), u = (e, t, r, n, o = 0) => {
             const i = n ? "offsetLeft" : "offsetTop", c = o + (n && s ? r.innerWidth - e[i] - e.offsetWidth : e[i]), l = e.offsetParent;
             return e !== t && l ? u(l, t, r, n, c) : c;
         };
@@ -582,13 +582,13 @@ exports.VList = r => {
             Z(c) {
                 r = c;
                 const l = t ? "scrollX" : "scrollY", f = $(c), a = b(f);
-                t && (s = "rtl" === getComputedStyle(S(f)).direction), n = I(e, a, t, (() => _(a[l], s)), ((t, r) => {
+                t && (s = "rtl" === getComputedStyle(S(f)).direction), n = I(e, a, t, () => _(a[l], s), (t, r) => {
                     r ? a.scroll({
                         [i]: _(e.M() + t, s)
                     }) : a.scrollBy({
                         [i]: _(t, s)
                     });
-                }), (() => u(c, f.body, a, t))), o[1](!0);
+                }, () => u(c, f.body, a, t)), o[1](!0);
             },
             p() {
                 n && n.P(), r = void 0, o[1](!1), o = f();
@@ -607,23 +607,23 @@ exports.VList = r => {
                     }
                 }
                 const f = $(r), a = b(f), d = S(f), g = () => e.R() - (t ? d.clientWidth : d.clientHeight);
-                l((() => i + u(r, f.body, a, t) + e.I(n) + ("end" === o ? e.k(n) - (e.R() - g()) : "center" === o ? (e.k(n) - (e.R() - g())) / 2 : 0)), s);
+                l(() => i + u(r, f.body, a, t) + e.I(n) + ("end" === o ? e.k(n) - (e.R() - g()) : "center" === o ? (e.k(n) - (e.R() - g())) / 2 : 0), s);
             }
         };
     })(v, g), [z, y] = t.createSignal(v.v());
-    v.C(1, (() => {
+    v.C(1, () => {
         y(v.v());
-    })), v.C(4, (() => {
+    }), v.C(4, () => {
         n.onScroll?.();
-    })), v.C(8, (() => {
+    }), v.C(8, () => {
         n.onScrollEnd?.();
-    }));
-    const R = t.createMemo((e => {
+    });
+    const R = t.createMemo(e => {
         z();
         const t = v.S(n.bufferSize);
         return e && O(e, t) ? e : t;
-    })), q = t.createMemo((() => z() && v.O())), B = t.createMemo((() => z() && v.J())), C = t.createMemo((() => z() && x.ee()));
-    t.onMount((() => {
+    }), q = t.createMemo(() => z() && v.O()), B = t.createMemo(() => z() && v.J()), C = t.createMemo(() => z() && x.ee());
+    t.onMount(() => {
         n.ref && n.ref({
             get cache() {
                 return v.m();
@@ -638,28 +638,28 @@ exports.VList = r => {
             getItemOffset: v.I,
             getItemSize: v.k,
             scrollToIndex: x.ne
-        }), m.G(o), x.Z(o), t.onCleanup((() => {
+        }), m.G(o), x.Z(o), t.onCleanup(() => {
             n.ref && n.ref(), v.p(), m.p(), x.p();
-        }));
-    })), t.createEffect(t.on(z, (() => {
+        });
+    }), t.createEffect(t.on(z, () => {
         x.oe();
-    })));
-    const E = t.createMemo((() => {
+    }));
+    const E = t.createMemo(() => {
         const e = n.data.length;
-        t.untrack((() => {
+        t.untrack(() => {
             e !== v.T() && v.H(5, [ e, n.shift ]);
-        }));
+        });
         const r = [];
         for (let [e, t] = R(); e <= t; e++) r.push(n.data[e]);
         return r;
-    }));
+    });
     return H = J(), "function" == typeof (L = o) ? e.use(L, H) : o = H, e.insert(H, e.createComponent(t.For, {
         get each() {
             return E();
         },
         children: (r, o) => {
-            const s = t.createMemo((() => R()[0] + o())), i = t.createMemo((() => (z(), v.I(s(), C())))), c = t.createMemo((() => (z(), 
-            v._(s())))), l = t.createMemo((() => t.untrack((() => n.children(r, s)))));
+            const s = t.createMemo(() => R()[0] + o()), i = t.createMemo(() => (z(), v.I(s(), C()))), c = t.createMemo(() => (z(), 
+            v._(s()))), l = t.createMemo(() => t.untrack(() => n.children(r, s)));
             return e.createComponent(M, {
                 get Y() {
                     return s();
@@ -679,11 +679,11 @@ exports.VList = r => {
                 D: g
             });
         }
-    })), e.effect((t => {
+    })), e.effect(t => {
         var r = g ? B() + "px" : "100%", n = g ? "100%" : B() + "px", o = q() ? "none" : void 0;
         return r !== t.e && e.setStyleProperty(H, "width", t.e = r), n !== t.t && e.setStyleProperty(H, "height", t.t = n), 
         o !== t.a && e.setStyleProperty(H, "pointer-events", t.a = o), t;
-    }), {
+    }, {
         e: void 0,
         t: void 0,
         a: void 0