@glhrmoura/vue-virtualize 0.1.3 → 0.1.4

package/dist/index.mjs

@@ -1,8 +1,8 @@
-import { shallowRef as xe, ref as L, toValue as l, watch as me, onBeforeUnmount as ge, computed as b, defineComponent as ee, openBlock as R, createBlock as j, resolveDynamicComponent as q, normalizeStyle as V, withCtx as Y, renderSlot as A, createElementBlock as C, Fragment as H, renderList as P, unref as B, mergeProps as te, createElementVNode as oe, toDisplayString as le, createTextVNode as pe } from "vue";
-function U(e) {
+import { shallowRef as Me, ref as L, toValue as o, watch as ve, onBeforeUnmount as Se, computed as O, defineComponent as ie, openBlock as T, createBlock as q, resolveDynamicComponent as U, normalizeStyle as F, withCtx as Z, renderSlot as j, createElementBlock as V, Fragment as W, renderList as _, unref as K, mergeProps as ne, createElementVNode as le, toDisplayString as ue, createTextVNode as Re } from "vue";
+function ee(e) {
   return !Number.isFinite(e) || e < 0 ? 0 : e;
 }
-class be {
+class Te {
   sizes = /* @__PURE__ */ new Map();
   divergent = !1;
   get(t) {
@@ -30,32 +30,45 @@ class be {
     }
   }
 }
-function ve(e, t, i) {
+function ze(e, t, i) {
   return Math.min(i, Math.max(t, e));
 }
-function Q(e, t, i) {
+const Ee = 16777216;
+function B(e, t, i) {
   const n = Math.max(0, t - Math.max(0, i));
-  return ve(Number.isFinite(e) ? e : 0, 0, n);
+  return ze(Number.isFinite(e) ? e : 0, 0, n);
+}
+function G(e, t) {
+  const i = Math.max(0, Number.isFinite(e) ? e : 0), n = Math.min(i, Ee);
+  return t === void 0 || !Number.isFinite(t) || t <= 0 ? n : Math.min(n, t);
+}
+function Ce(e, t, i, n) {
+  const r = Math.max(0, t - Math.max(0, n)), s = Math.max(0, i - Math.max(0, n));
+  return r <= 0 ? 0 : s <= 0 || s >= r ? B(e, t, n) : Math.max(0, e) / s * r;
+}
+function ke(e, t, i, n) {
+  const r = Math.max(0, t - Math.max(0, n)), s = Math.max(0, i - Math.max(0, n));
+  return s <= 0 ? 0 : r <= 0 || s >= r ? B(e, t, n) : B(e, t, n) / r * s;
 }
-function Ie(e, t, i) {
+function Ve(e, t, i) {
   if (e <= 0) return 0;
   let n = 0, r = e - 1, s = e - 1;
   for (; n <= r; ) {
-    const f = n + r >>> 1;
-    i(f) > t ? (s = f, r = f - 1) : n = f + 1;
+    const d = n + r >>> 1;
+    i(d) > t ? (s = d, r = d - 1) : n = d + 1;
   }
   return s;
 }
-function Oe(e, t, i) {
+function Ae(e, t, i) {
   if (e <= 0) return 0;
   let n = 0, r = e - 1, s = 0;
   for (; n <= r; ) {
-    const f = n + r >>> 1;
-    i(f) < t ? (s = f, n = f + 1) : r = f - 1;
+    const d = n + r >>> 1;
+    i(d) < t ? (s = d, n = d + 1) : r = d - 1;
   }
   return s;
 }
-function Re(e) {
+function $e(e) {
   const t = e.start + e.size;
   let i = e.align;
   if (i === "auto") {
@@ -65,7 +78,7 @@ function Re(e) {
   }
   return i === "center" ? e.start - (e.viewport - e.size) / 2 : i === "end" ? t - e.viewport : e.start;
 }
-class Te {
+class Fe {
   count = 0;
   estimateSize = () => 0;
   overscan = 0;
@@ -77,14 +90,14 @@ class Te {
   viewportSize = 0;
   scrollOffset = 0;
   getItemKey = (t) => t;
-  measurements = new be();
+  measurements = new Te();
   built = 0;
   offsets = [];
   laneCursor = [];
   laneEnd = [];
   setOptions(t) {
-    const i = Math.max(1, Math.floor(t.lanes ?? 1)), n = t.gap ?? 0, r = t.paddingStart ?? 0, s = t.paddingEnd ?? 0, f = Math.max(0, Math.floor(t.count)), m = t.itemSize === void 0 || t.itemSize === null ? null : U(t.itemSize), y = this.itemSize, p = i !== this.lanes || n !== this.gap || r !== this.paddingStart || s !== this.paddingEnd || t.estimateSize !== this.estimateSize || m !== this.itemSize;
-    this.count = f, this.lanes = i, this.gap = n, this.paddingStart = r, this.paddingEnd = s, this.overscan = Math.max(0, Math.floor(t.overscan ?? 0)), this.estimateSize = t.estimateSize, this.itemSize = m, this.getItemKey = t.getItemKey ?? ((v) => v), t.viewportSize !== void 0 && (this.viewportSize = Math.max(0, t.viewportSize)), m !== y && this.measurements.clear(), this.measurements.trim(this.count, this.itemSize), (p || this.built > this.count) && this.resetGeometry();
+    const i = Math.max(1, Math.floor(t.lanes ?? 1)), n = t.gap ?? 0, r = t.paddingStart ?? 0, s = t.paddingEnd ?? 0, d = Math.max(0, Math.floor(t.count)), p = t.itemSize === void 0 || t.itemSize === null ? null : ee(t.itemSize), w = this.itemSize, I = i !== this.lanes || n !== this.gap || r !== this.paddingStart || s !== this.paddingEnd || t.estimateSize !== this.estimateSize || p !== this.itemSize;
+    this.count = d, this.lanes = i, this.gap = n, this.paddingStart = r, this.paddingEnd = s, this.overscan = Math.max(0, Math.floor(t.overscan ?? 0)), this.estimateSize = t.estimateSize, this.itemSize = p, this.getItemKey = t.getItemKey ?? ((y) => y), t.viewportSize !== void 0 && (this.viewportSize = Math.max(0, t.viewportSize)), p !== w && this.measurements.clear(), this.measurements.trim(this.count, this.itemSize), (I || this.built > this.count) && this.resetGeometry();
   }
   setScrollOffset(t) {
     this.scrollOffset = Number.isFinite(t) ? t : 0;
@@ -97,7 +110,7 @@ class Te {
   }
   measure(t, i) {
     if (t < 0 || t >= this.count) return !1;
-    const n = U(i), r = this.measurements.get(t);
+    const n = ee(i), r = this.measurements.get(t);
     if (r !== void 0 && Math.abs(r - n) < 0.5) return !1;
     const s = this.getItemSize(t);
     return this.measurements.set(t, n, this.itemSize), Math.abs(s - n) < 0.5 ? !1 : (this.resetGeometry(), !0);
@@ -107,7 +120,7 @@ class Te {
   }
   getItemSize(t) {
     const i = this.measurements.get(t);
-    return i !== void 0 ? i : this.itemSize !== null ? this.itemSize : U(this.estimateSize(t));
+    return i !== void 0 ? i : this.itemSize !== null ? this.itemSize : ee(this.estimateSize(t));
   }
   getItemOffset(t) {
     if (t <= 0 || this.count <= 0) return this.paddingStart;
@@ -124,8 +137,8 @@ class Te {
       let i = this.paddingStart;
       const n = this.itemSize ?? 0;
       for (let r = 0; r < this.lanes && r < this.count; r += 1) {
-        const s = this.laneLength(r), f = this.paddingStart + s * n + Math.max(0, s - 1) * this.gap;
-        f > i && (i = f);
+        const s = this.laneLength(r), d = this.paddingStart + s * n + Math.max(0, s - 1) * this.gap;
+        d > i && (i = d);
       }
       return i + this.paddingEnd;
     }
@@ -139,26 +152,26 @@ class Te {
   }
   getVirtualItems() {
     if (this.count <= 0 || this.viewportSize <= 0) return [];
-    const t = Q(this.scrollOffset, this.getTotalSize(), this.viewportSize), i = t + this.viewportSize, n = [];
+    const t = B(this.scrollOffset, this.getTotalSize(), this.viewportSize), i = t + this.viewportSize, n = [];
     for (let r = 0; r < this.lanes; r += 1) {
       const s = this.laneLength(r);
       if (s <= 0) continue;
-      const f = Ie(s, t, (v) => {
-        const w = this.ordinalIndex(r, v);
-        return this.getItemOffset(w) + this.getItemSize(w);
-      }), m = Oe(
+      const d = Ve(s, t, (y) => {
+        const b = this.ordinalIndex(r, y);
+        return this.getItemOffset(b) + this.getItemSize(b);
+      }), p = Ae(
         s,
         i,
-        (v) => this.getItemOffset(this.ordinalIndex(r, v))
-      ), y = Math.max(0, Math.min(f, m) - this.overscan), p = Math.min(s - 1, Math.max(f, m) + this.overscan);
-      for (let v = y; v <= p; v += 1) {
-        const w = this.ordinalIndex(r, v), E = this.getItemOffset(w), k = this.getItemSize(w);
+        (y) => this.getItemOffset(this.ordinalIndex(r, y))
+      ), w = Math.max(0, Math.min(d, p) - this.overscan), I = Math.min(s - 1, Math.max(d, p) + this.overscan);
+      for (let y = w; y <= I; y += 1) {
+        const b = this.ordinalIndex(r, y), E = this.getItemOffset(b), C = this.getItemSize(b);
         n.push({
-          index: w,
-          key: this.getItemKey(w),
+          index: b,
+          key: this.getItemKey(b),
           start: E,
-          size: k,
-          end: E + k,
+          size: C,
+          end: E + C,
           lane: r
         });
       }
@@ -167,14 +180,14 @@ class Te {
   }
   getOffsetForIndex(t, i = "auto") {
     if (this.count <= 0) return 0;
-    const n = ve(t, 0, this.count - 1), r = this.getItemOffset(n), s = this.getItemSize(n), f = Re({
+    const n = ze(t, 0, this.count - 1), r = this.getItemOffset(n), s = this.getItemSize(n), d = $e({
       start: r,
       size: s,
       viewport: this.viewportSize,
       current: this.scrollOffset,
       align: i
     });
-    return Q(f, this.getTotalSize(), this.viewportSize);
+    return B(d, this.getTotalSize(), this.viewportSize);
   }
   usesFixedPath() {
     return this.itemSize !== null && !this.measurements.hasDivergent;
@@ -199,13 +212,13 @@ class Te {
     this.built = 0, this.offsets = [], this.laneCursor = Array.from({ length: this.lanes }, () => this.paddingStart), this.laneEnd = Array.from({ length: this.lanes }, () => this.paddingStart);
   }
 }
-function W() {
+function D() {
   return typeof window < "u" && typeof document < "u";
 }
-function Se(e) {
+function ye(e) {
   return typeof Element > "u" ? null : e instanceof Element ? e : null;
 }
-function X(e, t, i, n) {
+function Ke(e, t, i, n) {
   if (n === "smooth" && typeof e.scrollTo == "function") {
     e.scrollTo({
       top: i ? e.scrollTop : t,
@@ -216,19 +229,22 @@ function X(e, t, i, n) {
   }
   i ? e.scrollLeft = t : e.scrollTop = t;
 }
-function J(e, t) {
+function ce(e, t) {
   return t ? e.scrollLeft : e.scrollTop;
 }
-function ue(e, t) {
+function fe(e, t) {
   return t ? e.clientWidth : e.clientHeight;
 }
-function ce(e) {
+function Le(e, t) {
+  return t ? e.scrollWidth : e.scrollHeight;
+}
+function de(e) {
   return typeof requestAnimationFrame == "function" ? requestAnimationFrame(e) : setTimeout(e, 0);
 }
-function fe(e) {
+function he(e) {
   e && (typeof cancelAnimationFrame == "function" ? cancelAnimationFrame(e) : clearTimeout(e));
 }
-function Ee(e, t) {
+function je(e, t) {
   if (e.length !== t.length) return !1;
   for (let i = 0; i < e.length; i += 1) {
     const n = e[i], r = t[i];
@@ -237,154 +253,176 @@ function Ee(e, t) {
   }
   return !0;
 }
-function Z(e) {
-  const t = new Te(), i = xe([]), n = L(0), r = L(0), s = L(!1), f = (c) => e.estimateSize(c);
-  let m = null, y = null, p = null, v = 0, w = 0, E = 0, k = l(e.revision);
-  const o = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map(), a = [];
-  function d() {
-    const c = l(e.container);
-    return typeof HTMLElement > "u" ? null : c instanceof HTMLElement ? c : null;
-  }
+function te(e) {
+  const t = new Fe(), i = Me([]), n = L(0), r = L(0), s = L(0), d = L(!1), p = (a) => e.estimateSize(a);
+  let w = null, I = null, y = null, b = 0, E = 0, C = 0, u = o(e.revision);
+  const c = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map(), l = [];
   function S() {
-    return l(e.horizontal) ?? !1;
-  }
-  function K() {
-    const c = l(e.initialRect);
-    return c ? S() ? c.width : c.height : 0;
-  }
-  function M() {
-    const c = l(e.revision);
-    Object.is(c, k) || (k = c, t.clearMeasurements());
-    const z = d(), x = z ? ue(z, S()) : 0, O = l(e.viewportInset) ?? 0, T = Math.max(0, (x > 0 ? x : K()) - O), F = l(e.itemSize);
+    const a = o(e.container);
+    return typeof HTMLElement > "u" ? null : a instanceof HTMLElement ? a : null;
+  }
+  function m() {
+    return o(e.horizontal) ?? !1;
+  }
+  function N() {
+    const a = o(e.initialRect);
+    return a ? m() ? a.width : a.height : 0;
+  }
+  function X(a, f) {
+    return a ? G(f, Le(a, m())) : G(f);
+  }
+  function P(a, f, g) {
+    return Ce(
+      ce(a, m()),
+      f,
+      X(a, f),
+      g
+    );
+  }
+  function v(a, f, g, R, M) {
+    Ke(
+      a,
+      ke(f, g, X(a, g), R),
+      m(),
+      M
+    );
+  }
+  function x() {
+    const a = o(e.revision);
+    Object.is(a, u) || (u = a, t.clearMeasurements());
+    const f = S(), g = f ? fe(f, m()) : 0, R = o(e.viewportInset) ?? 0, M = Math.max(0, (g > 0 ? g : N()) - R), A = o(e.itemSize);
     t.setOptions({
-      count: l(e.count),
-      estimateSize: f,
-      overscan: l(e.overscan) ?? 5,
-      gap: l(e.gap) ?? 0,
-      paddingStart: l(e.paddingStart) ?? 0,
-      paddingEnd: l(e.paddingEnd) ?? 0,
-      lanes: l(e.lanes) ?? 1,
-      itemSize: F ?? null,
+      count: o(e.count),
+      estimateSize: p,
+      overscan: o(e.overscan) ?? 5,
+      gap: o(e.gap) ?? 0,
+      paddingStart: o(e.paddingStart) ?? 0,
+      paddingEnd: o(e.paddingEnd) ?? 0,
+      lanes: o(e.lanes) ?? 1,
+      itemSize: A ?? null,
       getItemKey: e.getItemKey,
-      viewportSize: T
+      viewportSize: M
     });
-    const G = Math.max(0, t.getTotalSize() - T);
-    t.getScrollOffset() > G && (t.setScrollOffset(G), z && J(z, S()) !== G && X(z, G, S(), "auto"));
-    const re = t.getVirtualItems();
-    Ee(i.value, re) || (i.value = re);
-    const se = t.getTotalSize();
-    n.value !== se && (n.value = se);
-    const ae = t.getScrollOffset();
-    r.value !== ae && (r.value = ae);
-  }
-  function _() {
-    if (!W()) {
-      M();
+    const $ = t.getTotalSize(), J = Math.max(0, $ - M);
+    t.getScrollOffset() > J && (t.setScrollOffset(J), f && v(f, J, $, M, "auto"));
+    const oe = t.getVirtualItems();
+    je(i.value, oe) || (i.value = oe), n.value !== $ && (n.value = $);
+    const Q = t.getScrollOffset();
+    r.value !== Q && (r.value = Q);
+    const ae = f ? Q - ce(f, m()) : 0;
+    s.value !== ae && (s.value = ae);
+  }
+  function z() {
+    if (!D()) {
+      x();
       return;
     }
-    v || (v = ce(() => {
-      v = 0, s.value = !0, M(), typeof window < "u" && (window.clearTimeout(E), E = window.setTimeout(() => {
-        s.value = !1;
+    b || (b = de(() => {
+      b = 0, d.value = !0, x(), typeof window < "u" && (window.clearTimeout(C), C = window.setTimeout(() => {
+        d.value = !1;
       }, 150));
     }));
   }
-  function h() {
-    const c = d();
-    c && (t.setScrollOffset(J(c, S())), _());
-  }
-  function I() {
-    const c = d();
-    if (c === m || (m && (m.removeEventListener("scroll", h), y?.disconnect(), y = null), m = c, !c || !W())) return;
-    const z = S();
-    t.getScrollOffset() > 0 ? X(c, t.getScrollOffset(), z, "auto") : t.setScrollOffset(J(c, z)), c.addEventListener("scroll", h, { passive: !0 }), typeof ResizeObserver < "u" && (y = new ResizeObserver(() => M()), y.observe(c));
-  }
-  function g() {
-    return !W() || typeof ResizeObserver > "u" ? null : (p || (p = new ResizeObserver((c) => {
-      const z = S();
-      let x = !1;
-      for (const O of c) {
-        const T = o.get(O.target);
-        if (T === void 0) continue;
-        const F = O.borderBoxSize?.[0], G = z ? F?.inlineSize ?? O.contentRect.width : F?.blockSize ?? O.contentRect.height;
-        G > 0 && t.measure(T, G) && (x = !0);
+  function k() {
+    const a = S();
+    if (!a) return;
+    const f = t.getViewportSize(), g = t.getTotalSize();
+    t.setScrollOffset(P(a, g, f)), z();
+  }
+  function Y() {
+    const a = S();
+    if (a === w || (w && (w.removeEventListener("scroll", k), I?.disconnect(), I = null), w = a, !a || !D())) return;
+    const f = t.getViewportSize(), g = t.getTotalSize();
+    t.getScrollOffset() > 0 ? v(a, t.getScrollOffset(), g, f, "auto") : t.setScrollOffset(P(a, g, f)), a.addEventListener("scroll", k, { passive: !0 }), typeof ResizeObserver < "u" && (I = new ResizeObserver(() => x()), I.observe(a));
+  }
+  function xe() {
+    return !D() || typeof ResizeObserver > "u" ? null : (y || (y = new ResizeObserver((a) => {
+      const f = m();
+      let g = !1;
+      for (const R of a) {
+        const M = c.get(R.target);
+        if (M === void 0) continue;
+        const A = R.borderBoxSize?.[0], $ = f ? A?.inlineSize ?? R.contentRect.width : A?.blockSize ?? R.contentRect.height;
+        $ > 0 && t.measure(M, $) && (g = !0);
       }
-      x && M();
-    })), p);
-  }
-  function $() {
-    w = 0;
-    const c = a.splice(0, a.length), z = S();
-    let x = !1;
-    for (const O of c) {
-      if (!O.element.isConnected) continue;
-      const T = O.element.getBoundingClientRect(), F = z ? T.width : T.height;
-      F > 0 && t.measure(O.index, F) && (x = !0);
+      g && x();
+    })), y);
+  }
+  function pe() {
+    E = 0;
+    const a = l.splice(0, l.length), f = m();
+    let g = !1;
+    for (const R of a) {
+      if (!R.element.isConnected) continue;
+      const M = R.element.getBoundingClientRect(), A = f ? M.width : M.height;
+      A > 0 && t.measure(R.index, A) && (g = !0);
     }
-    x && M();
+    g && x();
   }
-  function D(c, z) {
-    const x = Se(c), O = g(), T = u.get(z);
-    T && T !== x && (O?.unobserve(T), o.delete(T), u.delete(z)), x && (u.set(z, x), o.set(x, z), O?.observe(x), a.push({ element: x, index: z }), !w && (w = ce($)));
+  function be(a, f) {
+    const g = ye(a), R = xe(), M = h.get(f);
+    M && M !== g && (R?.unobserve(M), c.delete(M), h.delete(f)), g && (h.set(f, g), c.set(g, f), R?.observe(g), l.push({ element: g, index: f }), !E && (E = de(pe)));
   }
-  function ne(c, z = "auto") {
-    const x = d(), O = x ? ue(x, S()) : 0, T = O > 0 ? O : t.getViewportSize(), F = Q(c, t.getTotalSize(), T);
-    t.setScrollOffset(F), x && X(x, F, S(), z), M();
+  function se(a, f = "auto") {
+    const g = S(), R = g ? fe(g, m()) : 0, M = R > 0 ? R : t.getViewportSize(), A = t.getTotalSize(), $ = B(a, A, M);
+    t.setScrollOffset($), g && v(g, $, A, M, f), x();
   }
-  function ye(c, z) {
-    const x = t.getOffsetForIndex(c, z?.align ?? "auto");
-    ne(x, z?.behavior ?? "auto");
+  function Ie(a, f) {
+    const g = t.getOffsetForIndex(a, f?.align ?? "auto");
+    se(g, f?.behavior ?? "auto");
   }
-  function we(c, z) {
-    t.measure(c, z) && M();
+  function Oe(a, f) {
+    t.measure(a, f) && x();
   }
-  return M(), me(
+  return x(), ve(
     () => [
-      l(e.count),
-      l(e.overscan),
-      l(e.gap),
-      l(e.paddingStart),
-      l(e.paddingEnd),
-      l(e.lanes),
-      l(e.horizontal),
-      l(e.itemSize),
-      l(e.viewportInset),
-      l(e.revision),
-      l(e.container),
-      l(e.initialRect)?.width,
-      l(e.initialRect)?.height
+      o(e.count),
+      o(e.overscan),
+      o(e.gap),
+      o(e.paddingStart),
+      o(e.paddingEnd),
+      o(e.lanes),
+      o(e.horizontal),
+      o(e.itemSize),
+      o(e.viewportInset),
+      o(e.revision),
+      o(e.container),
+      o(e.initialRect)?.width,
+      o(e.initialRect)?.height
     ],
     () => {
-      I(), M();
+      Y(), x();
     },
     { flush: "post" }
-  ), ge(() => {
-    m && m.removeEventListener("scroll", h), y?.disconnect(), p?.disconnect(), fe(v), fe(w), typeof window < "u" && window.clearTimeout(E), o.clear(), u.clear(), a.length = 0;
+  ), Se(() => {
+    w && w.removeEventListener("scroll", k), I?.disconnect(), y?.disconnect(), he(b), he(E), typeof window < "u" && window.clearTimeout(C), c.clear(), h.clear(), l.length = 0;
   }), {
-    virtualItems: b(() => i.value),
-    totalSize: b(() => n.value),
-    scrollOffset: b(() => r.value),
-    isScrolling: b(() => s.value),
-    scrollToIndex: ye,
-    scrollToOffset: ne,
-    measure: we,
-    measureElement: D
+    virtualItems: O(() => i.value),
+    totalSize: O(() => n.value),
+    scrollOffset: O(() => r.value),
+    scrollAdjust: O(() => s.value),
+    isScrolling: O(() => d.value),
+    scrollToIndex: Ie,
+    scrollToOffset: se,
+    measure: Oe,
+    measureElement: be
   };
 }
-function Me(e, t, i) {
+function Ge(e, t, i) {
   return typeof e == "function" ? e(t, i) : typeof e == "number" ? e : 48;
 }
-function ze(e) {
-  const t = Z({
-    count: () => l(e.items).length,
+function we(e) {
+  const t = te({
+    count: () => o(e.items).length,
     estimateSize: (n) => {
-      const r = l(e.items);
-      return Me(e.estimateSize, n, r[n]);
+      const r = o(e.items);
+      return Ge(e.estimateSize, n, r[n]);
     },
     getItemKey: (n) => {
-      const s = l(e.items)[n];
+      const s = o(e.items)[n];
       return e.getItemKey?.(s, n) ?? n;
     },
-    itemSize: () => e.itemSize !== void 0 ? l(e.itemSize) : typeof e.estimateSize == "number" ? e.estimateSize : void 0,
+    itemSize: () => e.itemSize !== void 0 ? o(e.itemSize) : typeof e.estimateSize == "number" ? e.estimateSize : void 0,
     container: e.container,
     horizontal: e.horizontal,
     overscan: e.overscan,
@@ -396,8 +434,8 @@ function ze(e) {
     revision: e.revision
   });
   return {
-    virtualItems: b(() => {
-      const n = l(e.items);
+    virtualItems: O(() => {
+      const n = o(e.items);
       return t.virtualItems.value.map((r) => {
         const s = n[r.index];
         return {
@@ -409,6 +447,7 @@ function ze(e) {
     }),
     totalSize: t.totalSize,
     scrollOffset: t.scrollOffset,
+    scrollAdjust: t.scrollAdjust,
     isScrolling: t.isScrolling,
     scrollToIndex: t.scrollToIndex,
     scrollToOffset: t.scrollToOffset,
@@ -416,102 +455,104 @@ function ze(e) {
     measureElement: t.measureElement
   };
 }
-function de(e, t, i) {
+function me(e, t, i) {
   return typeof e == "function" ? e(t) : typeof e == "number" ? e : i;
 }
-function ke(e) {
-  const t = b(() => Math.max(1, Math.floor(l(e.columnCount) || 1))), i = b(() => Math.ceil(l(e.items).length / t.value)), n = /* @__PURE__ */ new Map(), r = Z({
+function Ne(e) {
+  const t = O(() => Math.max(1, Math.floor(o(e.columnCount) || 1))), i = O(() => Math.ceil(o(e.items).length / t.value)), n = /* @__PURE__ */ new Map(), r = te({
     count: () => i.value,
-    estimateSize: (o) => de(l(e.estimateRowSize), o, 48),
+    estimateSize: (u) => me(o(e.estimateRowSize), u, 48),
     itemSize: () => {
-      const o = l(e.estimateRowSize);
-      return typeof o == "number" ? o : void 0;
+      const u = o(e.estimateRowSize);
+      return typeof u == "number" ? u : void 0;
     },
-    overscan: () => l(e.overscanRows) ?? l(e.overscan) ?? 2,
-    gap: () => l(e.rowGap) ?? 0,
+    overscan: () => o(e.overscanRows) ?? o(e.overscan) ?? 2,
+    gap: () => o(e.rowGap) ?? 0,
     horizontal: !1,
     container: e.container,
     initialRect: e.initialRect,
     revision: e.revision
-  }), s = Z({
+  }), s = te({
     count: () => t.value,
-    estimateSize: (o) => de(l(e.estimateColumnSize), o, 160),
+    estimateSize: (u) => me(o(e.estimateColumnSize), u, 160),
     itemSize: () => {
-      const o = l(e.estimateColumnSize);
-      return typeof o == "number" ? o : void 0;
+      const u = o(e.estimateColumnSize);
+      return typeof u == "number" ? u : void 0;
     },
-    overscan: () => l(e.overscanColumns) ?? l(e.overscan) ?? 1,
-    gap: () => l(e.columnGap) ?? 0,
+    overscan: () => o(e.overscanColumns) ?? o(e.overscan) ?? 1,
+    gap: () => o(e.columnGap) ?? 0,
     horizontal: !0,
     container: e.container,
     initialRect: e.initialRect,
     revision: e.revision
-  }), f = b(() => {
-    const o = l(e.items), u = t.value, a = [];
-    for (const d of r.virtualItems.value)
+  }), d = O(() => {
+    const u = o(e.items), c = t.value, h = [];
+    for (const l of r.virtualItems.value)
       for (const S of s.virtualItems.value) {
-        const K = d.index * u + S.index;
-        if (K >= o.length) continue;
-        const M = o[K];
-        a.push({
-          index: K,
-          key: e.getItemKey?.(M, K) ?? K,
-          item: M,
-          row: d,
+        const m = l.index * c + S.index;
+        if (m >= u.length) continue;
+        const N = u[m];
+        h.push({
+          index: m,
+          key: e.getItemKey?.(N, m) ?? m,
+          item: N,
+          row: l,
           column: S
         });
       }
-    return a;
+    return h;
   });
-  function m(o, u) {
-    const a = l(e.items);
-    if (!a.length) return;
-    const d = Math.min(Math.max(o, 0), a.length - 1), S = t.value;
-    r.scrollToIndex(Math.floor(d / S), u), s.scrollToIndex(d % S, u);
+  function p(u, c) {
+    const h = o(e.items);
+    if (!h.length) return;
+    const l = Math.min(Math.max(u, 0), h.length - 1), S = t.value;
+    r.scrollToIndex(Math.floor(l / S), c), s.scrollToIndex(l % S, c);
   }
-  function y(o, u = "auto") {
-    o.top !== void 0 && r.scrollToOffset(o.top, u), o.left !== void 0 && s.scrollToOffset(o.left, u);
+  function w(u, c = "auto") {
+    u.top !== void 0 && r.scrollToOffset(u.top, c), u.left !== void 0 && s.scrollToOffset(u.left, c);
   }
-  function p(o, u) {
-    const a = Math.max(n.get(o) ?? 0, u);
-    a <= 0 || a === n.get(o) || (n.set(o, a), r.measure(o, a));
+  function I(u, c) {
+    const h = Math.max(n.get(u) ?? 0, c);
+    h <= 0 || h === n.get(u) || (n.set(u, h), r.measure(u, h));
   }
-  let v = null;
-  const w = /* @__PURE__ */ new Map();
+  let y = null;
+  const b = /* @__PURE__ */ new Map();
   function E() {
-    return !W() || typeof ResizeObserver > "u" ? null : (v || (v = new ResizeObserver((o) => {
-      for (const u of o) {
-        const a = w.get(u.target);
-        if (a === void 0) continue;
-        const S = u.borderBoxSize?.[0]?.blockSize ?? u.contentRect.height;
-        S > 0 && p(a, S);
+    return !D() || typeof ResizeObserver > "u" ? null : (y || (y = new ResizeObserver((u) => {
+      for (const c of u) {
+        const h = b.get(c.target);
+        if (h === void 0) continue;
+        const S = c.borderBoxSize?.[0]?.blockSize ?? c.contentRect.height;
+        S > 0 && I(h, S);
       }
-    })), v);
+    })), y);
   }
-  function k(o, u) {
-    const a = Se(o), d = E();
-    if (!a) return;
-    w.set(a, u), d?.observe(a);
-    const S = a.getBoundingClientRect().height;
-    S > 0 && p(u, S);
+  function C(u, c) {
+    const h = ye(u), l = E();
+    if (!h) return;
+    b.set(h, c), l?.observe(h);
+    const S = h.getBoundingClientRect().height;
+    S > 0 && I(c, S);
   }
-  return ge(() => {
-    v?.disconnect(), w.clear();
+  return Se(() => {
+    y?.disconnect(), b.clear();
   }), {
     virtualRows: r.virtualItems,
     virtualColumns: s.virtualItems,
-    virtualCells: f,
+    virtualCells: d,
     totalHeight: r.totalSize,
     totalWidth: s.totalSize,
-    scrollToIndex: m,
-    scrollToOffset: y,
-    measureRow: p,
-    measureRowElement: k,
+    scrollAdjustX: s.scrollAdjust,
+    scrollAdjustY: r.scrollAdjust,
+    scrollToIndex: p,
+    scrollToOffset: w,
+    measureRow: I,
+    measureRowElement: C,
     measureColumn: s.measure
   };
 }
-function Ce(e) {
-  const t = ze({
+function Be(e) {
+  const t = we({
     items: e.rows,
     estimateSize: e.estimateRowSize,
     container: e.container,
@@ -521,28 +562,29 @@ function Ce(e) {
     viewportInset: e.viewportInset,
     revision: e.revision,
     itemSize: e.itemSize
-  }), i = b(() => {
-    const s = l(e.columns);
-    let f = 0;
-    return s.map((m) => {
-      const y = m.width ?? m.minWidth ?? 160, p = {
-        ...m,
-        start: f,
-        size: y,
-        end: f + y
+  }), i = O(() => {
+    const s = o(e.columns);
+    let d = 0;
+    return s.map((p) => {
+      const w = p.width ?? p.minWidth ?? 160, I = {
+        ...p,
+        start: d,
+        size: w,
+        end: d + w
       };
-      return f += y, p;
+      return d += w, I;
     });
-  }), n = b(() => {
+  }), n = O(() => {
     const s = i.value;
     return s.length ? s[s.length - 1]?.end ?? 0 : 0;
   });
   return {
-    virtualRows: b(() => t.virtualItems.value),
+    virtualRows: O(() => t.virtualItems.value),
     columns: i,
     totalHeight: t.totalSize,
     totalWidth: n,
     scrollOffset: t.scrollOffset,
+    scrollAdjust: t.scrollAdjust,
     isScrolling: t.isScrolling,
     scrollToIndex: t.scrollToIndex,
     scrollToOffset: t.scrollToOffset,
@@ -550,11 +592,11 @@ function Ce(e) {
     measureElement: t.measureElement
   };
 }
-function he(e) {
+function ge(e) {
   if (typeof e == "number" && Number.isFinite(e)) return `${e}px`;
   if (typeof e == "string" && e.trim()) return e;
 }
-function N(e) {
+function H(e) {
   if (typeof e == "number" && Number.isFinite(e)) return e;
   if (typeof e != "string") return 0;
   const t = /^(-?\d+(?:\.\d+)?)px$/.exec(e.trim());
@@ -562,23 +604,24 @@ function N(e) {
   const i = Number(t[1]);
   return Number.isFinite(i) ? i : 0;
 }
-function ie(e) {
+function re(e) {
   return {
     overflow: "auto",
     position: "relative",
-    height: he(e.height) ?? (e.horizontal ? "100%" : void 0),
-    width: he(e.width) ?? (e.horizontal ? void 0 : "100%"),
+    height: ge(e.height) ?? (e.horizontal ? "100%" : void 0),
+    width: ge(e.width) ?? (e.horizontal ? void 0 : "100%"),
     overflowAnchor: "none"
   };
 }
-function $e(e, t) {
+function He(e, t) {
+  const i = G(e);
   return {
     position: "relative",
-    width: t ? `${e}px` : "100%",
-    height: t ? "100%" : `${e}px`
+    width: t ? `${i}px` : "100%",
+    height: t ? "100%" : `${i}px`
   };
 }
-function Fe(e, t) {
+function Pe(e, t) {
   return {
     position: "absolute",
     top: 0,
@@ -588,7 +631,7 @@ function Fe(e, t) {
     transform: t ? `translateX(${e}px)` : `translateY(${e}px)`
   };
 }
-const Ae = /* @__PURE__ */ ee({
+const Xe = /* @__PURE__ */ ie({
   __name: "VirtualList",
   props: {
     items: {},
@@ -607,11 +650,11 @@ const Ae = /* @__PURE__ */ ee({
     revision: {}
   },
   setup(e, { expose: t }) {
-    const i = e, n = L(null), { virtualItems: r, totalSize: s, scrollToIndex: f, scrollToOffset: m, measure: y, measureElement: p } = ze({
+    const i = e, n = L(null), { virtualItems: r, totalSize: s, scrollAdjust: d, scrollToIndex: p, scrollToOffset: w, measure: I, measureElement: y } = we({
       items: () => i.items,
-      estimateSize: (o, u) => {
-        const a = i.estimateSize;
-        return typeof a == "number" ? a : a(o, u);
+      estimateSize: (c, h) => {
+        const l = i.estimateSize;
+        return typeof l == "number" ? l : l(c, h);
       },
       itemSize: () => typeof i.estimateSize == "number" ? i.estimateSize : void 0,
       container: n,
@@ -620,72 +663,72 @@ const Ae = /* @__PURE__ */ ee({
       gap: () => i.gap,
       paddingStart: () => i.paddingStart,
       paddingEnd: () => i.paddingEnd,
-      getItemKey: (o, u) => i.getItemKey?.(o, u) ?? u,
+      getItemKey: (c, h) => i.getItemKey?.(c, h) ?? h,
       initialRect: () => ({
-        width: N(i.width),
-        height: N(i.height)
+        width: H(i.width),
+        height: H(i.height)
       }),
       revision: () => i.revision
-    }), v = b(
-      () => ie({
+    }), b = O(
+      () => re({
         height: i.height,
         width: i.width,
         horizontal: i.horizontal
       })
-    ), w = b(() => $e(s.value, i.horizontal));
-    function E(o) {
-      return Fe(o, i.horizontal);
+    ), E = O(() => He(s.value, i.horizontal));
+    function C(c) {
+      return Pe(c, i.horizontal);
     }
-    function k(o) {
-      return (u) => {
-        p(u, o);
+    function u(c) {
+      return (h) => {
+        y(h, c);
       };
     }
     return t({
-      scrollToIndex: f,
-      scrollToOffset: m,
-      measure: y
-    }), (o, u) => (R(), j(q(e.tag), {
+      scrollToIndex: p,
+      scrollToOffset: w,
+      measure: I
+    }), (c, h) => (T(), q(U(e.tag), {
       ref_key: "container",
       ref: n,
       "data-virtual-container": "",
       role: "list",
-      style: V(v.value)
+      style: F(b.value)
     }, {
-      default: Y(() => [
-        e.items.length ? (R(), C("div", {
+      default: Z(() => [
+        e.items.length ? (T(), V("div", {
           key: 1,
           "data-virtual-spacer": "",
-          style: V(w.value)
+          style: F(E.value)
         }, [
-          (R(!0), C(H, null, P(B(r), (a) => (R(), j(q(e.itemTag), te({
-            key: a.key,
+          (T(!0), V(W, null, _(K(r), (l) => (T(), q(U(e.itemTag), ne({
+            key: l.key,
             ref_for: !0,
-            ref: k(a.index),
+            ref: u(l.index),
             role: "listitem",
-            "data-index": a.index,
-            "data-key": String(a.key),
+            "data-index": l.index,
+            "data-key": String(l.key),
             "aria-setsize": e.items.length,
-            "aria-posinset": a.index + 1,
-            style: E(a.start)
+            "aria-posinset": l.index + 1,
+            style: C(l.start - K(d))
           }, { ref_for: !0 }, e.itemAttrs), {
-            default: Y(() => [
-              A(o.$slots, "default", {
-                item: a.item,
-                index: a.index,
-                start: a.start,
-                size: a.size,
-                end: a.end
+            default: Z(() => [
+              j(c.$slots, "default", {
+                item: l.item,
+                index: l.index,
+                start: l.start,
+                size: l.size,
+                end: l.end
               })
             ]),
             _: 2
           }, 1040, ["data-index", "data-key", "aria-setsize", "aria-posinset", "style"]))), 128))
-        ], 4)) : A(o.$slots, "empty", {}, void 0, void 0, 0)
+        ], 4)) : j(c.$slots, "empty", {}, void 0, void 0, 0)
       ]),
       _: 3
     }, 8, ["style"]));
   }
-}), Ve = ["data-index", "data-key"], Be = /* @__PURE__ */ ee({
+}), We = ["data-index", "data-key"], Ye = /* @__PURE__ */ ie({
   __name: "VirtualGrid",
   props: {
     items: {},
@@ -708,12 +751,14 @@ const Ae = /* @__PURE__ */ ee({
     const i = e, n = L(null), {
       virtualCells: r,
       totalWidth: s,
-      totalHeight: f,
-      scrollToIndex: m,
+      totalHeight: d,
+      scrollAdjustX: p,
+      scrollAdjustY: w,
+      scrollToIndex: I,
       scrollToOffset: y,
-      measureRow: p,
-      measureRowElement: v
-    } = ke({
+      measureRow: b,
+      measureRowElement: E
+    } = Ne({
       items: () => i.items,
       columnCount: () => i.columnCount,
       estimateRowSize: () => i.estimateRowSize,
@@ -724,78 +769,78 @@ const Ae = /* @__PURE__ */ ee({
       overscanColumns: () => i.overscanColumns,
       rowGap: () => i.rowGap,
       columnGap: () => i.columnGap,
-      getItemKey: (u, a) => i.getItemKey?.(u, a) ?? a,
+      getItemKey: (l, S) => i.getItemKey?.(l, S) ?? S,
       initialRect: () => ({
-        width: N(i.width),
-        height: N(i.height)
+        width: H(i.width),
+        height: H(i.height)
       }),
       revision: () => i.revision
-    }), w = b(
-      () => ie({
+    }), C = O(
+      () => re({
         height: i.height,
         width: i.width,
         horizontal: !1
       })
-    ), E = b(() => ({
+    ), u = O(() => ({
       position: "relative",
-      width: `${s.value}px`,
-      height: `${f.value}px`
+      width: `${G(s.value)}px`,
+      height: `${G(d.value)}px`
     }));
-    function k(u) {
-      return (a) => {
-        v(a, u);
+    function c(l) {
+      return (S) => {
+        E(S, l);
       };
     }
-    function o(u, a, d) {
+    function h(l, S, m) {
       return {
         position: "absolute",
         top: 0,
         left: 0,
-        width: `${a}px`,
-        transform: `translate(${u}px, ${d}px)`
+        width: `${S}px`,
+        transform: `translate(${l}px, ${m}px)`
       };
     }
     return t({
-      scrollToIndex: m,
+      scrollToIndex: I,
       scrollToOffset: y,
-      measureRow: p
-    }), (u, a) => (R(), j(q(e.tag), {
+      measureRow: b
+    }), (l, S) => (T(), q(U(e.tag), {
       ref_key: "container",
       ref: n,
       "data-virtual-container": "",
       role: "grid",
-      style: V(w.value)
+      style: F(C.value)
     }, {
-      default: Y(() => [
-        e.items.length ? (R(), C("div", {
+      default: Z(() => [
+        e.items.length ? (T(), V("div", {
           key: 1,
           "data-virtual-spacer": "",
-          style: V(E.value)
+          style: F(u.value)
         }, [
-          (R(!0), C(H, null, P(B(r), (d) => (R(), C("div", te({
-            key: d.key,
+          (T(!0), V(W, null, _(K(r), (m) => (T(), V("div", ne({
+            key: m.key,
             ref_for: !0,
-            ref: k(d.row.index),
+            ref: c(m.row.index),
             role: "gridcell",
-            "data-index": d.index,
-            "data-key": String(d.key),
-            style: o(d.column.start, d.column.size, d.row.start)
+            "data-index": m.index,
+            "data-key": String(m.key),
+            style: h(m.column.start - K(p), m.column.size, m.row.start - K(w))
           }, { ref_for: !0 }, e.itemAttrs), [
-            A(u.$slots, "default", {
-              item: d.item,
-              index: d.index,
-              rowIndex: d.row.index,
-              columnIndex: d.column.index,
-              row: d.row,
-              column: d.column
+            j(l.$slots, "default", {
+              item: m.item,
+              index: m.index,
+              rowIndex: m.row.index,
+              columnIndex: m.column.index,
+              row: m.row,
+              column: m.column
             })
-          ], 16, Ve))), 128))
-        ], 4)) : A(u.$slots, "empty", {}, void 0, void 0, 0)
+          ], 16, We))), 128))
+        ], 4)) : j(l.$slots, "empty", {}, void 0, void 0, 0)
       ]),
       _: 3
     }, 8, ["style"]));
   }
-}), Ke = ["data-index", "data-key", "aria-rowindex"], Ne = /* @__PURE__ */ ee({
+}), _e = ["data-index", "data-key", "aria-rowindex"], qe = /* @__PURE__ */ ie({
   __name: "VirtualTable",
   props: {
     rows: {},
@@ -812,145 +857,146 @@ const Ae = /* @__PURE__ */ ee({
   },
   setup(e, { expose: t }) {
     const i = e, n = L(null), r = L(null), s = L(0), {
-      virtualRows: f,
-      columns: m,
-      totalWidth: y,
-      totalHeight: p,
-      scrollToIndex: v,
-      scrollToOffset: w,
-      measure: E,
-      measureElement: k
-    } = Ce({
+      virtualRows: d,
+      columns: p,
+      totalWidth: w,
+      totalHeight: I,
+      scrollAdjust: y,
+      scrollToIndex: b,
+      scrollToOffset: E,
+      measure: C,
+      measureElement: u
+    } = Be({
       rows: () => i.rows,
       columns: () => i.columns,
-      estimateRowSize: (h, I) => {
-        const g = i.estimateRowSize;
-        return typeof g == "number" ? g : g(h, I);
+      estimateRowSize: (v, x) => {
+        const z = i.estimateRowSize;
+        return typeof z == "number" ? z : z(v, x);
       },
       container: n,
       overscan: () => i.overscan,
-      getRowKey: (h, I) => i.getRowKey?.(h, I) ?? I,
+      getRowKey: (v, x) => i.getRowKey?.(v, x) ?? x,
       initialRect: () => ({
-        width: N(i.width),
-        height: N(i.height)
+        width: H(i.width),
+        height: H(i.height)
       }),
       viewportInset: s,
       revision: () => i.revision,
       itemSize: () => typeof i.estimateRowSize == "number" ? i.estimateRowSize : void 0
     });
-    me(r, (h, I, g) => {
-      if (I === h && !h || !h || !W() || typeof ResizeObserver > "u") return;
-      const $ = () => {
-        s.value = h.getBoundingClientRect().height;
-      }, D = new ResizeObserver($);
-      D.observe(h), $(), g(() => D.disconnect());
+    ve(r, (v, x, z) => {
+      if (x === v && !v || !v || !D() || typeof ResizeObserver > "u") return;
+      const k = () => {
+        s.value = v.getBoundingClientRect().height;
+      }, Y = new ResizeObserver(k);
+      Y.observe(v), k(), z(() => Y.disconnect());
     });
-    const o = b(
-      () => ie({
+    const c = O(
+      () => re({
         height: i.height,
         width: i.width,
         horizontal: !1
       })
-    ), u = b(() => ({
-      minWidth: `${y.value}px`
-    })), a = b(() => ({
+    ), h = O(() => ({
+      minWidth: `${w.value}px`
+    })), l = O(() => ({
       position: i.stickyHeader ? "sticky" : "relative",
       top: i.stickyHeader ? "0px" : void 0,
       zIndex: 1,
       display: "flex",
-      width: `${y.value}px`
-    })), d = b(() => ({
+      width: `${w.value}px`
+    })), S = O(() => ({
       position: "relative",
-      height: `${p.value}px`,
-      width: `${y.value}px`
+      height: `${G(I.value)}px`,
+      width: `${G(w.value)}px`
     }));
-    function S(h) {
+    function m(v) {
       return {
-        width: `${h.size}px`,
-        minWidth: `${h.size}px`,
+        width: `${v.size}px`,
+        minWidth: `${v.size}px`,
         flex: "0 0 auto",
-        textAlign: h.align ?? "left"
+        textAlign: v.align ?? "left"
       };
     }
-    function K(h) {
+    function N(v) {
       return {
         position: "absolute",
         top: 0,
         left: 0,
         width: "100%",
         display: "flex",
-        transform: `translateY(${h}px)`
+        transform: `translateY(${v}px)`
       };
     }
-    function M(h) {
-      return (I) => {
-        k(I, h);
+    function X(v) {
+      return (x) => {
+        u(x, v);
       };
     }
-    function _(h, I, g) {
-      return I.accessor ? I.accessor(h, g) : h && typeof h == "object" && I.id in h ? h[I.id] : "";
+    function P(v, x, z) {
+      return x.accessor ? x.accessor(v, z) : v && typeof v == "object" && x.id in v ? v[x.id] : "";
     }
     return t({
-      scrollToIndex: v,
-      scrollToOffset: w,
-      measure: E
-    }), (h, I) => (R(), j(q(e.tag), {
+      scrollToIndex: b,
+      scrollToOffset: E,
+      measure: C
+    }), (v, x) => (T(), q(U(e.tag), {
       ref_key: "container",
       ref: n,
       "data-virtual-container": "",
       role: "table",
-      style: V(o.value)
+      style: F(c.value)
     }, {
-      default: Y(() => [
-        oe("div", {
-          style: V(u.value)
+      default: Z(() => [
+        le("div", {
+          style: F(h.value)
         }, [
-          oe("div", {
+          le("div", {
             ref_key: "header",
             ref: r,
             role: "row",
-            style: V(a.value)
+            style: F(l.value)
           }, [
-            A(h.$slots, "header", { columns: B(m) }, () => [
-              (R(!0), C(H, null, P(B(m), (g) => (R(), C("div", {
-                key: g.id,
+            j(v.$slots, "header", { columns: K(p) }, () => [
+              (T(!0), V(W, null, _(K(p), (z) => (T(), V("div", {
+                key: z.id,
                 role: "columnheader",
-                style: V(S(g))
-              }, le(g.header), 5))), 128))
+                style: F(m(z))
+              }, ue(z.header), 5))), 128))
             ])
           ], 4),
-          e.rows.length ? (R(), C("div", {
+          e.rows.length ? (T(), V("div", {
             key: 1,
             "data-virtual-spacer": "",
             role: "rowgroup",
-            style: V(d.value)
+            style: F(S.value)
           }, [
-            (R(!0), C(H, null, P(B(f), (g) => (R(), C("div", te({
-              key: g.key,
+            (T(!0), V(W, null, _(K(d), (z) => (T(), V("div", ne({
+              key: z.key,
               ref_for: !0,
-              ref: M(g.index),
+              ref: X(z.index),
               role: "row",
-              "data-index": g.index,
-              "data-key": String(g.key),
-              "aria-rowindex": g.index + 1,
-              style: K(g.start)
+              "data-index": z.index,
+              "data-key": String(z.key),
+              "aria-rowindex": z.index + 1,
+              style: N(z.start - K(y))
             }, { ref_for: !0 }, e.rowAttrs), [
-              (R(!0), C(H, null, P(B(m), ($) => (R(), C("div", {
-                key: $.id,
+              (T(!0), V(W, null, _(K(p), (k) => (T(), V("div", {
+                key: k.id,
                 role: "cell",
-                style: V(S($))
+                style: F(m(k))
               }, [
-                A(h.$slots, "cell", {
-                  row: g.item,
-                  column: $,
-                  rowIndex: g.index,
-                  value: _(g.item, $, g.index)
+                j(v.$slots, "cell", {
+                  row: z.item,
+                  column: k,
+                  rowIndex: z.index,
+                  value: P(z.item, k, z.index)
                 }, () => [
-                  pe(le(_(g.item, $, g.index)), 1)
+                  Re(ue(P(z.item, k, z.index)), 1)
                 ])
               ], 4))), 128))
-            ], 16, Ke))), 128))
-          ], 4)) : A(h.$slots, "empty", {}, void 0, void 0, 0)
+            ], 16, _e))), 128))
+          ], 4)) : j(v.$slots, "empty", {}, void 0, void 0, 0)
         ], 4)
       ]),
       _: 3
@@ -958,17 +1004,20 @@ const Ae = /* @__PURE__ */ ee({
   }
 });
 export {
-  be as MeasurementCache,
-  Be as VirtualGrid,
-  Ae as VirtualList,
-  Ne as VirtualTable,
-  Te as Virtualizer,
-  Q as clampScrollOffset,
-  U as normalizeSize,
-  Re as resolveScrollOffset,
-  ke as useVirtualGrid,
-  ze as useVirtualList,
-  Ce as useVirtualTable,
-  Z as useVirtualizer
+  Te as MeasurementCache,
+  Ye as VirtualGrid,
+  Xe as VirtualList,
+  qe as VirtualTable,
+  Fe as Virtualizer,
+  B as clampScrollOffset,
+  Ce as mapDomOffsetToVirtual,
+  ke as mapVirtualOffsetToDom,
+  ee as normalizeSize,
+  $e as resolveScrollOffset,
+  G as scrollContentSize,
+  Ne as useVirtualGrid,
+  we as useVirtualList,
+  Be as useVirtualTable,
+  te as useVirtualizer
 };
 //# sourceMappingURL=index.mjs.map