@glhrmoura/vue-virtualize 0.2.0 → 0.2.2

package/dist/index.mjs

@@ -1,8 +1,8 @@
-import { shallowRef as _e, ref as W, toValue as l, watch as Ee, onBeforeUnmount as Ce, computed as C, defineComponent as ge, openBlock as V, createBlock as le, resolveDynamicComponent as ae, normalizeStyle as B, withCtx as ce, renderSlot as U, createElementBlock as K, Fragment as te, renderList as ne, unref as j, mergeProps as we, createElementVNode as Me, toDisplayString as Oe, createTextVNode as Xe } from "vue";
+import { shallowRef as Xe, ref as _, toValue as l, watch as Te, onBeforeUnmount as Ce, computed as T, defineComponent as we, openBlock as V, createBlock as ce, resolveDynamicComponent as ue, normalizeStyle as W, withCtx as de, renderSlot as Z, createElementBlock as B, Fragment as ne, renderList as ie, unref as N, mergeProps as ve, createElementVNode as Ee, toDisplayString as Oe, createTextVNode as Ye } from "vue";
 function he(e) {
   return !Number.isFinite(e) || e < 0 ? 0 : e;
 }
-class Ye {
+class qe {
   sizes = /* @__PURE__ */ new Map();
   divergent = !1;
   get(t) {
@@ -33,52 +33,52 @@ class Ye {
     if (!t) return;
     const i = /* @__PURE__ */ new Map();
     for (const [n, r] of this.sizes) {
-      const s = n + t;
-      s >= 0 && i.set(s, r);
+      const o = n + t;
+      o >= 0 && i.set(o, r);
     }
     this.sizes.clear();
     for (const [n, r] of i) this.sizes.set(n, r);
   }
 }
-function Te(e, t, i) {
+function ke(e, t, i) {
   return Math.min(i, Math.max(t, e));
 }
-const qe = 16777216;
+const Ue = 16777216;
 function J(e, t, i) {
   const n = Math.max(0, t - Math.max(0, i));
-  return Te(Number.isFinite(e) ? e : 0, 0, n);
+  return ke(Number.isFinite(e) ? e : 0, 0, n);
 }
-function H(e, t) {
-  const i = Math.max(0, Number.isFinite(e) ? e : 0), n = Math.min(i, qe);
+function X(e, t) {
+  const i = Math.max(0, Number.isFinite(e) ? e : 0), n = Math.min(i, Ue);
   return t === void 0 || !Number.isFinite(t) || t <= 0 ? n : Math.min(n, t);
 }
-function Ue(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 ? J(e, t, n) : Math.max(0, e) / s * r;
-}
 function Ze(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 ? J(e, t, n) : J(e, t, n) / r * s;
+  const r = Math.max(0, t - Math.max(0, n)), o = Math.max(0, i - Math.max(0, n));
+  return r <= 0 ? 0 : o <= 0 || o >= r ? J(e, t, n) : Math.max(0, e) / o * r;
+}
+function Je(e, t, i, n) {
+  const r = Math.max(0, t - Math.max(0, n)), o = Math.max(0, i - Math.max(0, n));
+  return o <= 0 ? 0 : r <= 0 || o >= r ? J(e, t, n) : J(e, t, n) / r * o;
 }
-function Je(e, t, i) {
+function Qe(e, t, i) {
   if (e <= 0) return 0;
-  let n = 0, r = e - 1, s = e - 1;
+  let n = 0, r = e - 1, o = e - 1;
   for (; n <= r; ) {
     const d = n + r >>> 1;
-    i(d) > t ? (s = d, r = d - 1) : n = d + 1;
+    i(d) > t ? (o = d, r = d - 1) : n = d + 1;
   }
-  return s;
+  return o;
 }
-function Qe(e, t, i) {
+function et(e, t, i) {
   if (e <= 0) return 0;
-  let n = 0, r = e - 1, s = 0;
+  let n = 0, r = e - 1, o = 0;
   for (; n <= r; ) {
     const d = n + r >>> 1;
-    i(d) < t ? (s = d, n = d + 1) : r = d - 1;
+    i(d) < t ? (o = d, n = d + 1) : r = d - 1;
   }
-  return s;
+  return o;
 }
-function et(e) {
+function tt(e) {
   const t = e.start + e.size;
   let i = e.align;
   if (i === "auto") {
@@ -88,7 +88,7 @@ function et(e) {
   }
   return i === "center" ? e.start - (e.viewport - e.size) / 2 : i === "end" ? t - e.viewport : e.start;
 }
-class tt {
+class nt {
   count = 0;
   estimateSize = () => 0;
   overscan = 0;
@@ -100,14 +100,14 @@ class tt {
   viewportSize = 0;
   scrollOffset = 0;
   getItemKey = (t) => t;
-  measurements = new Ye();
+  measurements = new qe();
   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, d = Math.max(0, Math.floor(t.count)), I = t.itemSize === void 0 || t.itemSize === null ? null : he(t.itemSize), O = this.itemSize, p = i !== this.lanes || n !== this.gap || r !== this.paddingStart || s !== this.paddingEnd || t.estimateSize !== this.estimateSize || I !== 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 = I, this.getItemKey = t.getItemKey ?? ((c) => c), t.viewportSize !== void 0 && (this.viewportSize = Math.max(0, t.viewportSize)), I !== O && 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, o = t.paddingEnd ?? 0, d = Math.max(0, Math.floor(t.count)), O = t.itemSize === void 0 || t.itemSize === null ? null : he(t.itemSize), E = this.itemSize, p = i !== this.lanes || n !== this.gap || r !== this.paddingStart || o !== this.paddingEnd || t.estimateSize !== this.estimateSize || O !== this.itemSize;
+    this.count = d, this.lanes = i, this.gap = n, this.paddingStart = r, this.paddingEnd = o, this.overscan = Math.max(0, Math.floor(t.overscan ?? 0)), this.estimateSize = t.estimateSize, this.itemSize = O, this.getItemKey = t.getItemKey ?? ((c) => c), t.viewportSize !== void 0 && (this.viewportSize = Math.max(0, t.viewportSize)), O !== E && this.measurements.clear(), this.measurements.trim(this.count, this.itemSize), (p || this.built > this.count) && this.resetGeometry();
   }
   setScrollOffset(t) {
     this.scrollOffset = Number.isFinite(t) ? t : 0;
@@ -122,8 +122,8 @@ class tt {
     if (t < 0 || t >= this.count) return !1;
     const n = he(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);
+    const o = this.getItemSize(t);
+    return this.measurements.set(t, n, this.itemSize), Math.abs(o - n) < 0.5 ? !1 : (this.resetGeometry(), !0);
   }
   clearMeasurements() {
     this.measurements.clear(), this.resetGeometry();
@@ -150,7 +150,7 @@ class tt {
       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), d = this.paddingStart + s * n + Math.max(0, s - 1) * this.gap;
+        const o = this.laneLength(r), d = this.paddingStart + o * n + Math.max(0, o - 1) * this.gap;
         d > i && (i = d);
       }
       return i + this.paddingEnd;
@@ -167,35 +167,35 @@ class tt {
     if (this.count <= 0 || this.viewportSize <= 0) return [];
     const t = J(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 d = Je(s, t, (c) => {
-        const g = this.ordinalIndex(r, c);
-        return this.getItemOffset(g) + this.getItemSize(g);
-      }), I = Qe(
-        s,
+      const o = this.laneLength(r);
+      if (o <= 0) continue;
+      const d = Qe(o, t, (c) => {
+        const w = this.ordinalIndex(r, c);
+        return this.getItemOffset(w) + this.getItemSize(w);
+      }), O = et(
+        o,
         i,
         (c) => this.getItemOffset(this.ordinalIndex(r, c))
-      ), O = Math.max(0, Math.min(d, I) - this.overscan), p = Math.min(s - 1, Math.max(d, I) + this.overscan);
-      for (let c = O; c <= p; c += 1) {
-        const g = this.ordinalIndex(r, c), k = this.getItemOffset(g), A = this.getItemSize(g);
+      ), E = Math.max(0, Math.min(d, O) - this.overscan), p = Math.min(o - 1, Math.max(d, O) + this.overscan);
+      for (let c = E; c <= p; c += 1) {
+        const w = this.ordinalIndex(r, c), k = this.getItemOffset(w), L = this.getItemSize(w);
         n.push({
-          index: g,
-          key: this.getItemKey(g),
+          index: w,
+          key: this.getItemKey(w),
           start: k,
-          size: A,
-          end: k + A,
+          size: L,
+          end: k + L,
           lane: r
         });
       }
     }
-    return n.sort((r, s) => r.index - s.index), n;
+    return n.sort((r, o) => r.index - o.index), n;
   }
   getOffsetForIndex(t, i = "auto") {
     if (this.count <= 0) return 0;
-    const n = Te(t, 0, this.count - 1), r = this.getItemOffset(n), s = this.getItemSize(n), d = et({
+    const n = ke(t, 0, this.count - 1), r = this.getItemOffset(n), o = this.getItemSize(n), d = tt({
       start: r,
-      size: s,
+      size: o,
       viewport: this.viewportSize,
       current: this.scrollOffset,
       align: i
@@ -217,21 +217,21 @@ class tt {
     for (; this.built <= i; ) {
       const n = this.built % this.lanes, r = this.laneCursor[n] ?? this.paddingStart;
       this.offsets[this.built] = r;
-      const s = r + this.getItemSize(this.built);
-      this.laneEnd[n] = s, this.laneCursor[n] = s + this.gap, this.built += 1;
+      const o = r + this.getItemSize(this.built);
+      this.laneEnd[n] = o, this.laneCursor[n] = o + this.gap, this.built += 1;
     }
   }
   resetGeometry() {
     this.built = 0, this.offsets = [], this.laneCursor = Array.from({ length: this.lanes }, () => this.paddingStart), this.laneEnd = Array.from({ length: this.lanes }, () => this.paddingStart);
   }
 }
-function Z() {
+function U() {
   return typeof window < "u" && typeof document < "u";
 }
-function ke(e) {
+function Ve(e) {
   return typeof Element > "u" ? null : e instanceof Element ? e : null;
 }
-function nt(e, t, i, n) {
+function it(e, t, i, n) {
   if (n === "smooth" && typeof e.scrollTo == "function") {
     e.scrollTo({
       top: i ? e.scrollTop : t,
@@ -242,37 +242,47 @@ function nt(e, t, i, n) {
   }
   i ? e.scrollLeft = t : e.scrollTop = t;
 }
-function it(e, t, i) {
-  if (!(typeof window > "u")) {
-    if (i === "smooth") {
-      window.scrollTo({
-        top: t ? window.scrollY : e,
-        left: t ? e : window.scrollX,
+function rt(e, t, i) {
+  if (typeof window > "u" || typeof document > "u") return;
+  const n = document.scrollingElement;
+  if (i === "smooth") {
+    if (n && typeof n.scrollTo == "function") {
+      n.scrollTo({
+        top: t ? n.scrollTop : e,
+        left: t ? e : n.scrollLeft,
         behavior: i
       });
       return;
     }
-    t ? window.scrollTo(e, window.scrollY) : window.scrollTo(window.scrollX, e);
+    window.scrollTo({
+      top: t ? window.scrollY : e,
+      left: t ? e : window.scrollX,
+      behavior: i
+    });
+    return;
+  }
+  if (n) {
+    t ? n.scrollLeft = e : n.scrollTop = e;
+    return;
   }
+  t ? window.scrollTo(e, window.scrollY) : window.scrollTo(window.scrollX, e);
 }
 function Ie(e, t) {
   return t ? e.scrollLeft : e.scrollTop;
 }
-function rt(e) {
-  return typeof window > "u" ? 0 : e ? window.scrollX : window.scrollY;
+function st(e) {
+  if (typeof window > "u" || typeof document > "u") return 0;
+  const t = document.scrollingElement;
+  return t ? e ? t.scrollLeft : t.scrollTop : e ? window.scrollX : window.scrollY;
 }
-function st(e, t) {
+function ot(e, t) {
   return t ? e.clientWidth : e.clientHeight;
 }
-function ot(e) {
+function lt(e) {
   return typeof window > "u" ? 0 : e ? window.innerWidth : window.innerHeight;
 }
-function lt(e, t) {
-  return t ? e.scrollWidth : e.scrollHeight;
-}
 function at(e, t) {
-  const i = e.getBoundingClientRect();
-  return typeof window > "u" ? t ? i.left : i.top : t ? i.left + window.scrollX : i.top + window.scrollY;
+  return t ? e.scrollWidth : e.scrollHeight;
 }
 function ct(e) {
   return typeof requestAnimationFrame == "function" ? requestAnimationFrame(e) : setTimeout(e, 0);
@@ -289,13 +299,13 @@ function dt(e, t) {
   }
   return !0;
 }
-function me(e) {
-  const t = new tt(), i = _e([]), n = W(0), r = W(0), s = W(0), d = W(!1), I = (o) => e.estimateSize(o);
-  let O = null, p = !1, c = null, g = null, k = 0, A = 0, f = 0, b = l(e.revision), S = l(e.count), v = e.getItemKey?.(0) ?? 0, z = !1, h = "";
-  const T = /* @__PURE__ */ new Map(), M = /* @__PURE__ */ new Map(), G = [];
-  function D() {
-    const o = l(e.container);
-    return typeof HTMLElement > "u" ? null : o instanceof HTMLElement ? o : null;
+function ge(e) {
+  const t = new nt(), i = Xe([]), n = _(0), r = _(0), o = _(0), d = _(!1), O = (s) => e.estimateSize(s);
+  let E = null, p = !1, c = null, w = null, k = 0, L = 0, m = 0, b = l(e.revision), v = l(e.count), S = e.getItemKey?.(0) ?? 0, y = !1, h = "";
+  const C = /* @__PURE__ */ new Map(), M = /* @__PURE__ */ new Map(), H = [];
+  function Q() {
+    const s = l(e.container);
+    return typeof HTMLElement > "u" ? null : s instanceof HTMLElement ? s : null;
   }
   function $() {
     return l(e.horizontal) ?? !1;
@@ -303,167 +313,174 @@ function me(e) {
   function u() {
     return l(e.windowScroll) ?? !1;
   }
-  function R() {
+  function I() {
     return l(e.reverse) ?? !1;
   }
-  function y() {
-    const o = l(e.initialRect);
-    return o ? $() ? o.width : o.height : 0;
+  function x() {
+    const s = l(e.initialRect);
+    return s ? $() ? s.width : s.height : 0;
   }
-  function L() {
-    const o = D(), a = l(e.scrollMargin) ?? 0;
-    return !o || !Z() ? a : at(o, $()) + a;
+  function j(s) {
+    const a = s.getBoundingClientRect(), f = l(e.scrollMargin) ?? 0, g = $() ? -a.left : -a.top;
+    return Math.max(0, g - f);
   }
-  function ee(o, a) {
-    return u() || !o ? H(a) : H(a, lt(o, $()));
+  function te(s, a) {
+    return u() || !s ? X(a) : X(a, at(s, $()));
   }
-  function $e(o) {
-    return u() ? Math.max(0, rt($()) - L()) : o ? Ie(o, $()) : 0;
+  function Le(s) {
+    return u() ? !s || !U() ? 0 : j(s) : s ? Ie(s, $()) : 0;
   }
-  function ve(o) {
-    return u() ? ot($()) : o ? st(o, $()) : 0;
+  function ye(s) {
+    return u() ? lt($()) : s ? ot(s, $()) : 0;
   }
-  function Ae(o, a, m) {
+  function Ae(s, a, f) {
     if (u()) {
-      it(a + L(), $(), m);
+      if (!s || !U()) return;
+      const g = st($()), z = j(s);
+      rt(g + (a - z), $(), f);
       return;
     }
-    o && nt(o, a, $(), m);
+    s && it(s, a, $(), f);
   }
-  function ue(o, a, m) {
-    return Ue(
-      $e(o),
+  function re(s, a, f) {
+    return Ze(
+      Le(s),
       a,
-      ee(o, a),
-      m
+      te(s, a),
+      f
     );
   }
-  function P(o, a, m, w, x) {
+  function Y(s, a, f, g, z) {
     Ae(
-      o,
-      Ze(a, m, ee(o, m), w),
-      x
+      s,
+      Je(a, f, te(s, f), g),
+      z
     );
   }
   function Fe() {
-    const o = e.onVisibleRangeChange;
-    if (!o) return;
-    const a = i.value, m = l(e.count), w = a.length ? {
+    const s = e.onVisibleRangeChange;
+    if (!s) return;
+    const a = i.value, f = l(e.count), g = a.length ? {
       startIndex: a[0]?.index ?? 0,
       endIndex: a[a.length - 1]?.index ?? -1,
-      count: m
-    } : { startIndex: 0, endIndex: -1, count: m }, x = `${w.startIndex}:${w.endIndex}:${w.count}`;
-    x !== h && (h = x, o(w));
+      count: f
+    } : { startIndex: 0, endIndex: -1, count: f }, z = `${g.startIndex}:${g.endIndex}:${g.count}`;
+    z !== h && (h = z, s(g));
   }
   function F() {
-    const o = l(e.revision);
-    Object.is(o, b) || (b = o, t.clearMeasurements());
-    const a = l(e.count), m = e.getItemKey?.(0) ?? 0, w = R() && S > 0 && a > S && m !== v, x = R() && S > 0 && a > S && m === v, E = w || x ? a - S : 0, _ = R() && t.getViewportSize() > 0 && t.getScrollOffset() + t.getViewportSize() >= t.getTotalSize() - 64;
-    w && E > 0 && t.shiftMeasurements(E);
-    const X = D(), xe = ve(X), He = l(e.viewportInset) ?? 0, Y = Math.max(0, (xe > 0 ? xe : y()) - He), De = l(e.itemSize);
+    const s = l(e.revision);
+    Object.is(s, b) || (b = s, t.clearMeasurements());
+    const a = l(e.count), f = e.getItemKey?.(0) ?? 0, g = I() && v > 0 && a > v && f !== S, z = I() && v > 0 && a > v && f === S, R = g || z ? a - v : 0, K = I() && t.getViewportSize() > 0 && t.getScrollOffset() + t.getViewportSize() >= t.getTotalSize() - 64;
+    g && R > 0 && t.shiftMeasurements(R);
+    const D = Q(), pe = ye(D), De = l(e.viewportInset) ?? 0, P = Math.max(0, (pe > 0 ? pe : x()) - De), Pe = l(e.itemSize);
     if (t.setOptions({
       count: a,
-      estimateSize: I,
-      overscan: (l(e.overscan) ?? 8) + f,
+      estimateSize: O,
+      overscan: (l(e.overscan) ?? 8) + m,
       gap: l(e.gap) ?? 0,
       paddingStart: l(e.paddingStart) ?? 0,
       paddingEnd: l(e.paddingEnd) ?? 0,
       lanes: l(e.lanes) ?? 1,
-      itemSize: De ?? null,
+      itemSize: Pe ?? null,
       getItemKey: e.getItemKey,
-      viewportSize: Y
-    }), w && E > 0) {
-      let re = 0;
-      const Pe = l(e.gap) ?? 0;
-      for (let se = 0; se < E; se += 1)
-        re += t.getItemSize(se), se < E - 1 && (re += Pe);
-      re > 0 && t.setScrollOffset(t.getScrollOffset() + re);
+      viewportSize: P
+    }), g && R > 0) {
+      let oe = 0;
+      const _e = l(e.gap) ?? 0;
+      for (let le = 0; le < R; le += 1)
+        oe += t.getItemSize(le), le < R - 1 && (oe += _e);
+      oe > 0 && t.setScrollOffset(t.getScrollOffset() + oe);
     }
-    const N = t.getTotalSize(), q = Math.max(0, N - Y);
-    R() && !z && N > 0 && Y > 0 ? (z = !0, t.setScrollOffset(q), P(X, q, N, Y, "auto")) : x && _ || t.getScrollOffset() > q ? (t.setScrollOffset(q), P(X, q, N, Y, "auto")) : w && E > 0 && P(X, t.getScrollOffset(), N, Y, "auto"), S = a, v = m;
-    const pe = t.getVirtualItems();
-    dt(i.value, pe) || (i.value = pe), n.value !== N && (n.value = N);
-    const fe = t.getScrollOffset();
-    r.value !== fe && (r.value = fe);
-    const be = X && !u() ? fe - Ie(X, $()) : 0;
-    s.value !== be && (s.value = be), Fe();
+    const G = t.getTotalSize(), q = Math.max(0, G - P);
+    let se = !1;
+    I() && !y && G > 0 && P > 0 ? (y = !0, t.setScrollOffset(q), Y(D, q, G, P, "auto"), se = !0) : z && K ? (t.setScrollOffset(q), Y(D, q, G, P, "auto"), se = !0) : g && R > 0 && (Y(D, t.getScrollOffset(), G, P, "auto"), se = !0), !se && u() && D ? t.setScrollOffset(
+      J(re(D, G, P), G, P)
+    ) : t.getScrollOffset() > q && (t.setScrollOffset(q), Y(D, q, G, P, "auto")), v = a, S = f;
+    const be = t.getVirtualItems();
+    dt(i.value, be) || (i.value = be), n.value !== G && (n.value = G);
+    const me = t.getScrollOffset();
+    r.value !== me && (r.value = me);
+    const Me = D && !u() ? me - Ie(D, $()) : 0;
+    o.value !== Me && (o.value = Me), Fe();
   }
   function Ke() {
-    d.value = !1, f = 0;
-    for (const [o, a] of T)
-      G.push({ element: o, index: a });
+    d.value = !1, m = 0;
+    for (const [s, a] of C)
+      H.push({ element: s, index: a });
     ze(), F(), e.onScrollEnd?.();
   }
-  function Le() {
-    d.value = !0, !(typeof window > "u") && (window.clearTimeout(A), A = window.setTimeout(Ke, 120));
+  function Be() {
+    d.value = !0, !(typeof window > "u") && (window.clearTimeout(L), L = window.setTimeout(Ke, 120));
   }
-  function ie() {
-    const o = D();
-    if (!u() && !o) return;
-    Le();
-    const a = t.getViewportSize(), m = t.getTotalSize(), w = ue(o, m, a), x = t.getScrollOffset(), E = Math.max(1, l(e.itemSize) ?? 48);
-    f = Math.min(24, Math.ceil(Math.abs(w - x) / E)), t.setScrollOffset(w), F();
+  function A() {
+    const s = Q();
+    if (!u() && !s) return;
+    Be();
+    const a = t.getViewportSize(), f = t.getTotalSize(), g = re(s, f, a), z = t.getScrollOffset(), R = Math.max(1, l(e.itemSize) ?? 48);
+    m = Math.min(24, Math.ceil(Math.abs(g - z) / R)), t.setScrollOffset(g), F();
   }
-  function de() {
-    O && (O.removeEventListener("scroll", ie), O = null), p && typeof window < "u" && (window.removeEventListener("scroll", ie), window.removeEventListener("resize", F), p = !1), c?.disconnect(), c = null;
+  function fe() {
+    E && (E.removeEventListener("scroll", A), E = null), p && typeof window < "u" && (window.removeEventListener("scroll", A, !0), window.removeEventListener("scroll", A), document.removeEventListener("scroll", A, !0), document.documentElement.removeEventListener("scroll", A), document.body?.removeEventListener("scroll", A), document.scrollingElement?.removeEventListener("scroll", A), window.removeEventListener("resize", F), p = !1), c?.disconnect(), c = null;
   }
-  function Be() {
-    const o = D();
+  function je() {
+    const s = Q();
     if (u()) {
-      if (p && O === o || (de(), O = o, !Z())) return;
+      if (p && E === s || (fe(), E = s, !U())) return;
       p = !0;
-      const x = t.getViewportSize(), E = t.getTotalSize();
-      t.getScrollOffset() > 0 ? P(o, t.getScrollOffset(), E, x, "auto") : t.setScrollOffset(ue(o, E, x)), window.addEventListener("scroll", ie, { passive: !0 }), window.addEventListener("resize", F), o && typeof ResizeObserver < "u" && (c = new ResizeObserver(() => F()), c.observe(o));
+      const z = t.getViewportSize(), R = t.getTotalSize();
+      t.getScrollOffset() > 0 ? Y(s, t.getScrollOffset(), R, z, "auto") : s && t.setScrollOffset(re(s, R, z)), window.addEventListener("scroll", A, { passive: !0, capture: !0 }), document.addEventListener("scroll", A, { passive: !0, capture: !0 }), document.documentElement.addEventListener("scroll", A, { passive: !0 }), document.body?.addEventListener("scroll", A, { passive: !0 });
+      const K = document.scrollingElement;
+      K && K !== document.documentElement && K !== document.body && K.addEventListener("scroll", A, { passive: !0 }), window.addEventListener("resize", F), s && typeof ResizeObserver < "u" && (c = new ResizeObserver(() => F()), c.observe(s));
       return;
     }
-    if (o === O && !p || (de(), O = o, !o || !Z())) return;
-    const m = t.getViewportSize(), w = t.getTotalSize();
-    t.getScrollOffset() > 0 ? P(o, t.getScrollOffset(), w, m, "auto") : t.setScrollOffset(ue(o, w, m)), o.addEventListener("scroll", ie, { passive: !0 }), typeof ResizeObserver < "u" && (c = new ResizeObserver(() => F()), c.observe(o));
+    if (s === E && !p || (fe(), E = s, !s || !U())) return;
+    const f = t.getViewportSize(), g = t.getTotalSize();
+    t.getScrollOffset() > 0 ? Y(s, t.getScrollOffset(), g, f, "auto") : t.setScrollOffset(re(s, g, f)), s.addEventListener("scroll", A, { passive: !0 }), typeof ResizeObserver < "u" && (c = new ResizeObserver(() => F()), c.observe(s));
   }
-  function je() {
-    return !Z() || typeof ResizeObserver > "u" ? null : (g || (g = new ResizeObserver((o) => {
+  function Ge() {
+    return !U() || typeof ResizeObserver > "u" ? null : (w || (w = new ResizeObserver((s) => {
       const a = $();
-      let m = !1;
+      let f = !1;
       if (!d.value) {
-        for (const w of o) {
-          const x = T.get(w.target);
-          if (x === void 0) continue;
-          const E = w.borderBoxSize?.[0], _ = Math.round(
-            a ? E?.inlineSize ?? w.contentRect.width : E?.blockSize ?? w.contentRect.height
+        for (const g of s) {
+          const z = C.get(g.target);
+          if (z === void 0) continue;
+          const R = g.borderBoxSize?.[0], K = Math.round(
+            a ? R?.inlineSize ?? g.contentRect.width : R?.blockSize ?? g.contentRect.height
           );
-          _ > 0 && t.measure(x, _) && (m = !0);
+          K > 0 && t.measure(z, K) && (f = !0);
         }
-        m && F();
+        f && F();
       }
-    })), g);
+    })), w);
   }
   function ze() {
     if (k = 0, d.value) return;
-    const o = G.splice(0, G.length), a = $();
-    let m = !1;
-    for (const w of o) {
-      if (!w.element.isConnected) continue;
-      const x = w.element.getBoundingClientRect(), E = Math.round(a ? x.width : x.height);
-      E > 0 && t.measure(w.index, E) && (m = !0);
+    const s = H.splice(0, H.length), a = $();
+    let f = !1;
+    for (const g of s) {
+      if (!g.element.isConnected) continue;
+      const z = g.element.getBoundingClientRect(), R = Math.round(a ? z.width : z.height);
+      R > 0 && t.measure(g.index, R) && (f = !0);
     }
-    m && F();
+    f && F();
   }
-  function Ge(o, a) {
-    const m = ke(o), w = je(), x = M.get(a);
-    x && x !== m && (w?.unobserve(x), T.delete(x), M.delete(a)), m && (M.set(a, m), T.set(m, a), w?.observe(m), G.push({ element: m, index: a }), !(d.value || k) && (k = ct(ze)));
+  function We(s, a) {
+    const f = Ve(s), g = Ge(), z = M.get(a);
+    z && z !== f && (g?.unobserve(z), C.delete(z), M.delete(a)), f && (M.set(a, f), C.set(f, a), g?.observe(f), H.push({ element: f, index: a }), !(d.value || k) && (k = ct(ze)));
   }
-  function ye(o, a = "auto") {
-    const m = D(), w = ve(m), x = w > 0 ? w : t.getViewportSize(), E = t.getTotalSize(), _ = J(o, E, x);
-    t.setScrollOffset(_), P(m, _, E, x, a), F();
+  function xe(s, a = "auto") {
+    const f = Q(), g = ye(f), z = g > 0 ? g : t.getViewportSize(), R = t.getTotalSize(), K = J(s, R, z);
+    t.setScrollOffset(K), Y(f, K, R, z, a), F();
   }
-  function We(o, a) {
-    const m = t.getOffsetForIndex(o, a?.align ?? "auto");
-    ye(m, a?.behavior ?? "auto");
+  function Ne(s, a) {
+    const f = t.getOffsetForIndex(s, a?.align ?? "auto");
+    xe(f, a?.behavior ?? "auto");
   }
-  function Ne(o, a) {
-    t.measure(o, a) && F();
+  function He(s, a) {
+    t.measure(s, a) && F();
   }
-  return F(), Ee(
+  return F(), Te(
     () => [
       l(e.count),
       l(e.overscan),
@@ -483,36 +500,36 @@ function me(e) {
       l(e.initialRect)?.height
     ],
     () => {
-      Be(), F();
+      je(), F();
     },
-    { flush: "post" }
+    { flush: "post", immediate: !0 }
   ), Ce(() => {
-    de(), g?.disconnect(), ut(k), typeof window < "u" && window.clearTimeout(A), T.clear(), M.clear(), G.length = 0;
+    fe(), w?.disconnect(), ut(k), typeof window < "u" && window.clearTimeout(L), C.clear(), M.clear(), H.length = 0;
   }), {
-    virtualItems: C(() => i.value),
-    totalSize: C(() => n.value),
-    scrollOffset: C(() => r.value),
-    scrollAdjust: C(() => s.value),
-    isScrolling: C(() => d.value),
-    scrollToIndex: We,
-    scrollToOffset: ye,
-    measure: Ne,
-    measureElement: Ge
+    virtualItems: T(() => i.value),
+    totalSize: T(() => n.value),
+    scrollOffset: T(() => r.value),
+    scrollAdjust: T(() => o.value),
+    isScrolling: T(() => d.value),
+    scrollToIndex: Ne,
+    scrollToOffset: xe,
+    measure: He,
+    measureElement: We
   };
 }
 function ft(e, t, i) {
   return typeof e == "function" ? e(t, i) : typeof e == "number" ? e : 48;
 }
-function Ve(e) {
-  const t = me({
+function $e(e) {
+  const t = ge({
     count: () => l(e.items).length,
     estimateSize: (n) => {
       const r = l(e.items);
       return ft(e.estimateSize, n, r[n]);
     },
     getItemKey: (n) => {
-      const s = l(e.items)[n];
-      return e.getItemKey?.(s, n) ?? n;
+      const o = l(e.items)[n];
+      return e.getItemKey?.(o, n) ?? n;
     },
     itemSize: () => e.itemSize !== void 0 ? l(e.itemSize) : typeof e.estimateSize == "number" ? e.estimateSize : void 0,
     container: e.container,
@@ -531,14 +548,14 @@ function Ve(e) {
     onScrollEnd: e.onScrollEnd
   });
   return {
-    virtualItems: C(() => {
+    virtualItems: T(() => {
       const n = l(e.items);
       return t.virtualItems.value.map((r) => {
-        const s = n[r.index];
+        const o = n[r.index];
         return {
           ...r,
-          item: s,
-          key: e.getItemKey?.(s, r.index) ?? r.key
+          item: o,
+          key: e.getItemKey?.(o, r.index) ?? r.key
         };
       });
     }),
@@ -555,13 +572,13 @@ function Ve(e) {
 function Re(e, t, i) {
   return typeof e == "function" ? e(t) : typeof e == "number" ? e : i;
 }
-function ht(e) {
-  const t = C(() => Math.max(1, Math.floor(l(e.columnCount) || 1))), i = C(() => Math.ceil(l(e.items).length / t.value)), n = /* @__PURE__ */ new Map(), r = me({
+function mt(e) {
+  const t = T(() => Math.max(1, Math.floor(l(e.columnCount) || 1))), i = T(() => Math.ceil(l(e.items).length / t.value)), n = /* @__PURE__ */ new Map(), r = ge({
     count: () => i.value,
-    estimateSize: (f) => Re(l(e.estimateRowSize), f, 48),
+    estimateSize: (m) => Re(l(e.estimateRowSize), m, 48),
     itemSize: () => {
-      const f = l(e.estimateRowSize);
-      return typeof f == "number" ? f : void 0;
+      const m = l(e.estimateRowSize);
+      return typeof m == "number" ? m : void 0;
     },
     overscan: () => l(e.overscanRows) ?? l(e.overscan) ?? 2,
     gap: () => l(e.rowGap) ?? 0,
@@ -573,12 +590,12 @@ function ht(e) {
     scrollMargin: e.scrollMargin,
     onVisibleRangeChange: e.onVisibleRangeChange,
     onScrollEnd: e.onScrollEnd
-  }), s = me({
+  }), o = ge({
     count: () => t.value,
-    estimateSize: (f) => Re(l(e.estimateColumnSize), f, 160),
+    estimateSize: (m) => Re(l(e.estimateColumnSize), m, 160),
     itemSize: () => {
-      const f = l(e.estimateColumnSize);
-      return typeof f == "number" ? f : void 0;
+      const m = l(e.estimateColumnSize);
+      return typeof m == "number" ? m : void 0;
     },
     overscan: () => l(e.overscanColumns) ?? l(e.overscan) ?? 1,
     gap: () => l(e.columnGap) ?? 0,
@@ -588,74 +605,74 @@ function ht(e) {
     revision: e.revision,
     windowScroll: e.windowScroll,
     scrollMargin: e.scrollMargin
-  }), d = C(() => {
-    const f = l(e.items), b = t.value, S = [];
-    for (const v of r.virtualItems.value)
-      for (const z of s.virtualItems.value) {
-        const h = v.index * b + z.index;
-        if (h >= f.length) continue;
-        const T = f[h];
-        S.push({
+  }), d = T(() => {
+    const m = l(e.items), b = t.value, v = [];
+    for (const S of r.virtualItems.value)
+      for (const y of o.virtualItems.value) {
+        const h = S.index * b + y.index;
+        if (h >= m.length) continue;
+        const C = m[h];
+        v.push({
           index: h,
-          key: e.getItemKey?.(T, h) ?? h,
-          item: T,
-          row: v,
-          column: z
+          key: e.getItemKey?.(C, h) ?? h,
+          item: C,
+          row: S,
+          column: y
         });
       }
-    return S;
+    return v;
   });
-  function I(f, b) {
-    const S = l(e.items);
-    if (!S.length) return;
-    const v = Math.min(Math.max(f, 0), S.length - 1), z = t.value;
-    r.scrollToIndex(Math.floor(v / z), b), s.scrollToIndex(v % z, b);
+  function O(m, b) {
+    const v = l(e.items);
+    if (!v.length) return;
+    const S = Math.min(Math.max(m, 0), v.length - 1), y = t.value;
+    r.scrollToIndex(Math.floor(S / y), b), o.scrollToIndex(S % y, b);
   }
-  function O(f, b = "auto") {
-    f.top !== void 0 && r.scrollToOffset(f.top, b), f.left !== void 0 && s.scrollToOffset(f.left, b);
+  function E(m, b = "auto") {
+    m.top !== void 0 && r.scrollToOffset(m.top, b), m.left !== void 0 && o.scrollToOffset(m.left, b);
   }
-  function p(f, b) {
-    const S = Math.max(n.get(f) ?? 0, b);
-    S <= 0 || S === n.get(f) || (n.set(f, S), r.measure(f, S));
+  function p(m, b) {
+    const v = Math.max(n.get(m) ?? 0, b);
+    v <= 0 || v === n.get(m) || (n.set(m, v), r.measure(m, v));
   }
   let c = null;
-  const g = /* @__PURE__ */ new Map();
+  const w = /* @__PURE__ */ new Map();
   function k() {
-    return !Z() || typeof ResizeObserver > "u" ? null : (c || (c = new ResizeObserver((f) => {
-      for (const b of f) {
-        const S = g.get(b.target);
-        if (S === void 0) continue;
-        const z = b.borderBoxSize?.[0]?.blockSize ?? b.contentRect.height;
-        z > 0 && p(S, z);
+    return !U() || typeof ResizeObserver > "u" ? null : (c || (c = new ResizeObserver((m) => {
+      for (const b of m) {
+        const v = w.get(b.target);
+        if (v === void 0) continue;
+        const y = b.borderBoxSize?.[0]?.blockSize ?? b.contentRect.height;
+        y > 0 && p(v, y);
       }
     })), c);
   }
-  function A(f, b) {
-    const S = ke(f), v = k();
-    if (!S) return;
-    g.set(S, b), v?.observe(S);
-    const z = S.getBoundingClientRect().height;
-    z > 0 && p(b, z);
+  function L(m, b) {
+    const v = Ve(m), S = k();
+    if (!v) return;
+    w.set(v, b), S?.observe(v);
+    const y = v.getBoundingClientRect().height;
+    y > 0 && p(b, y);
   }
   return Ce(() => {
-    c?.disconnect(), g.clear();
+    c?.disconnect(), w.clear();
   }), {
     virtualRows: r.virtualItems,
-    virtualColumns: s.virtualItems,
+    virtualColumns: o.virtualItems,
     virtualCells: d,
     totalHeight: r.totalSize,
-    totalWidth: s.totalSize,
-    scrollAdjustX: s.scrollAdjust,
+    totalWidth: o.totalSize,
+    scrollAdjustX: o.scrollAdjust,
     scrollAdjustY: r.scrollAdjust,
-    scrollToIndex: I,
-    scrollToOffset: O,
+    scrollToIndex: O,
+    scrollToOffset: E,
     measureRow: p,
-    measureRowElement: A,
-    measureColumn: s.measure
+    measureRowElement: L,
+    measureColumn: o.measure
   };
 }
-function mt(e) {
-  const t = Ve({
+function ht(e) {
+  const t = $e({
     items: e.rows,
     estimateSize: e.estimateRowSize,
     container: e.container,
@@ -670,43 +687,43 @@ function mt(e) {
     reverse: e.reverse,
     onVisibleRangeChange: e.onVisibleRangeChange,
     onScrollEnd: e.onScrollEnd
-  }), i = C(() => {
-    const s = l(e.columns);
+  }), i = T(() => {
+    const o = l(e.columns);
     let d = 0;
-    const I = s.map((c) => {
-      const g = c.width ?? c.minWidth ?? 160, k = {
+    const O = o.map((c) => {
+      const w = c.width ?? c.minWidth ?? 160, k = {
         ...c,
         start: d,
-        size: g,
-        end: d + g,
+        size: w,
+        end: d + w,
         pinOffset: 0,
         stickyStyle: {}
       };
-      return d += g, k;
+      return d += w, k;
     });
-    let O = 0;
-    for (const c of I)
-      c.pin === "start" && (c.pinOffset = O, c.stickyStyle = {
+    let E = 0;
+    for (const c of O)
+      c.pin === "start" && (c.pinOffset = E, c.stickyStyle = {
         position: "sticky",
-        left: `${O}px`,
+        left: `${E}px`,
         zIndex: 2
-      }, O += c.size);
+      }, E += c.size);
     let p = 0;
-    for (let c = I.length - 1; c >= 0; c -= 1) {
-      const g = I[c];
-      !g || g.pin !== "end" || (g.pinOffset = p, g.stickyStyle = {
+    for (let c = O.length - 1; c >= 0; c -= 1) {
+      const w = O[c];
+      !w || w.pin !== "end" || (w.pinOffset = p, w.stickyStyle = {
         position: "sticky",
         right: `${p}px`,
         zIndex: 2
-      }, p += g.size);
+      }, p += w.size);
     }
-    return I;
-  }), n = C(() => {
-    const s = i.value;
-    return s.length ? s[s.length - 1]?.end ?? 0 : 0;
+    return O;
+  }), n = T(() => {
+    const o = i.value;
+    return o.length ? o[o.length - 1]?.end ?? 0 : 0;
   });
   return {
-    virtualRows: C(() => t.virtualItems.value),
+    virtualRows: T(() => t.virtualItems.value),
     columns: i,
     totalHeight: t.totalSize,
     totalWidth: n,
@@ -719,11 +736,11 @@ function mt(e) {
     measureElement: t.measureElement
   };
 }
-function oe(e) {
+function ae(e) {
   if (typeof e == "number" && Number.isFinite(e)) return `${e}px`;
   if (typeof e == "string" && e.trim()) return e;
 }
-function Q(e) {
+function ee(e) {
   if (typeof e == "number" && Number.isFinite(e)) return e;
   if (typeof e != "string") return 0;
   const t = /^(-?\d+(?:\.\d+)?)px$/.exec(e.trim());
@@ -734,39 +751,46 @@ function Q(e) {
 function Se(e) {
   return e.windowScroll ? {
     position: "relative",
-    width: oe(e.width) ?? "100%",
-    height: oe(e.height),
+    width: ae(e.width) ?? "100%",
+    height: ae(e.height),
     overflowAnchor: "none"
   } : {
     overflow: "auto",
     position: "relative",
-    height: oe(e.height) ?? (e.horizontal ? "100%" : void 0),
-    width: oe(e.width) ?? (e.horizontal ? void 0 : "100%"),
+    height: ae(e.height) ?? (e.horizontal ? "100%" : void 0),
+    width: ae(e.width) ?? (e.horizontal ? void 0 : "100%"),
     overflowAnchor: "none"
   };
 }
 function gt(e, t) {
-  const i = H(e);
+  const i = X(e);
   return {
     position: "relative",
     width: t ? `${i}px` : "100%",
     height: t ? "100%" : `${i}px`
   };
 }
-function wt(e, t, i) {
-  return {
+function wt(e, t, i, n) {
+  const r = n?.fixed ?? !1;
+  return t ? {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    height: "100%",
+    transform: `translateX(${e}px)`,
+    boxSizing: "border-box",
+    ...r && i !== void 0 ? { width: `${i}px`, overflow: "hidden", contain: "layout style" } : {}
+  } : {
     position: "absolute",
     top: 0,
     left: 0,
-    width: t ? i === void 0 ? void 0 : `${i}px` : "100%",
-    height: t ? "100%" : i === void 0 ? void 0 : `${i}px`,
-    transform: t ? `translateX(${e}px)` : `translateY(${e}px)`,
-    contain: "layout style",
+    width: "100%",
+    transform: `translateY(${e}px)`,
     boxSizing: "border-box",
-    overflow: "hidden"
+    ...r && i !== void 0 ? { height: `${i}px`, overflow: "hidden", contain: "layout style" } : {}
   };
 }
-const yt = /* @__PURE__ */ ge({
+const zt = /* @__PURE__ */ we({
   __name: "VirtualList",
   props: {
     items: {},
@@ -789,76 +813,78 @@ const yt = /* @__PURE__ */ ge({
   },
   emits: ["visibleRangeChange", "scrollEnd"],
   setup(e, { expose: t, emit: i }) {
-    const n = e, r = i, s = W(null), { virtualItems: d, totalSize: I, scrollAdjust: O, scrollToIndex: p, scrollToOffset: c, measure: g, measureElement: k } = Ve({
+    const n = e, r = i, o = _(null), { virtualItems: d, totalSize: O, scrollAdjust: E, scrollToIndex: p, scrollToOffset: c, measure: w, measureElement: k } = $e({
       items: () => n.items,
-      estimateSize: (v, z) => {
+      estimateSize: (S, y) => {
         const h = n.estimateSize;
-        return typeof h == "number" ? h : h(v, z);
+        return typeof h == "number" ? h : h(S, y);
       },
       itemSize: () => typeof n.estimateSize == "number" ? n.estimateSize : void 0,
-      container: s,
+      container: o,
       horizontal: () => n.horizontal,
       overscan: () => n.overscan,
       gap: () => n.gap,
       paddingStart: () => n.paddingStart,
       paddingEnd: () => n.paddingEnd,
-      getItemKey: (v, z) => n.getItemKey?.(v, z) ?? z,
+      getItemKey: (S, y) => n.getItemKey?.(S, y) ?? y,
       initialRect: () => ({
-        width: Q(n.width),
-        height: Q(n.height)
+        width: ee(n.width),
+        height: ee(n.height)
       }),
       revision: () => n.revision,
       windowScroll: () => n.windowScroll,
       scrollMargin: () => n.scrollMargin,
       reverse: () => n.reverse,
-      onVisibleRangeChange: (v) => r("visibleRangeChange", v),
+      onVisibleRangeChange: (S) => r("visibleRangeChange", S),
       onScrollEnd: () => r("scrollEnd")
-    }), A = C(
+    }), L = T(
       () => Se({
         height: n.height,
         width: n.width,
         horizontal: n.horizontal,
         windowScroll: n.windowScroll
       })
-    ), f = C(() => gt(I.value, n.horizontal));
-    function b(v, z) {
-      return wt(v, n.horizontal, z);
+    ), m = T(() => gt(O.value, n.horizontal));
+    function b(S, y) {
+      return wt(S, n.horizontal, y, {
+        fixed: typeof n.estimateSize == "number"
+      });
     }
-    function S(v) {
-      return (z) => {
-        k(z, v);
+    function v(S) {
+      return (y) => {
+        k(y, S);
       };
     }
     return t({
       scrollToIndex: p,
       scrollToOffset: c,
-      measure: g
-    }), (v, z) => (V(), le(ae(e.tag), {
+      measure: w
+    }), (S, y) => (V(), ce(ue(e.tag), {
       ref_key: "container",
-      ref: s,
+      ref: o,
       "data-virtual-container": "",
       role: "list",
-      style: B(A.value)
+      style: W(L.value)
     }, {
-      default: ce(() => [
-        e.items.length ? (V(), K("div", {
+      default: de(() => [
+        e.items.length ? (V(), B("div", {
           key: 1,
           "data-virtual-spacer": "",
-          style: B(f.value)
+          style: W(m.value)
         }, [
-          (V(!0), K(te, null, ne(j(d), (h) => (V(), le(ae(e.itemTag), we({
+          (V(!0), B(ne, null, ie(N(d), (h) => (V(), ce(ue(e.itemTag), ve({
             key: h.key,
             ref_for: !0,
-            ref: S(h.index),
+            ref: v(h.index),
             role: "listitem",
             "data-index": h.index,
             "data-key": String(h.key),
             "aria-setsize": e.items.length,
             "aria-posinset": h.index + 1,
-            style: b(h.start - j(O), h.size)
+            style: b(h.start - N(E), h.size)
           }, { ref_for: !0 }, e.itemAttrs), {
-            default: ce(() => [
-              U(v.$slots, "default", {
+            default: de(() => [
+              Z(S.$slots, "default", {
                 item: h.item,
                 index: h.index,
                 start: h.start,
@@ -868,12 +894,12 @@ const yt = /* @__PURE__ */ ge({
             ]),
             _: 2
           }, 1040, ["data-index", "data-key", "aria-setsize", "aria-posinset", "style"]))), 128))
-        ], 4)) : U(v.$slots, "empty", {}, void 0, void 0, 0)
+        ], 4)) : Z(S.$slots, "empty", {}, void 0, void 0, 0)
       ]),
       _: 3
     }, 8, ["style"]));
   }
-}), St = ["data-index", "data-key"], xt = /* @__PURE__ */ ge({
+}), vt = ["data-index", "data-key"], xt = /* @__PURE__ */ we({
   __name: "VirtualGrid",
   props: {
     items: {},
@@ -896,61 +922,61 @@ const yt = /* @__PURE__ */ ge({
   },
   emits: ["visibleRangeChange", "scrollEnd"],
   setup(e, { expose: t, emit: i }) {
-    const n = e, r = i, s = W(null), {
+    const n = e, r = i, o = _(null), {
       virtualCells: d,
-      totalWidth: I,
-      totalHeight: O,
+      totalWidth: O,
+      totalHeight: E,
       scrollAdjustX: p,
       scrollAdjustY: c,
-      scrollToIndex: g,
+      scrollToIndex: w,
       scrollToOffset: k,
-      measureRow: A,
-      measureRowElement: f
-    } = ht({
+      measureRow: L,
+      measureRowElement: m
+    } = mt({
       items: () => n.items,
       columnCount: () => n.columnCount,
       estimateRowSize: () => n.estimateRowSize,
       estimateColumnSize: () => n.estimateColumnSize,
-      container: s,
+      container: o,
       overscan: () => n.overscan,
       overscanRows: () => n.overscanRows,
       overscanColumns: () => n.overscanColumns,
       rowGap: () => n.rowGap,
       columnGap: () => n.columnGap,
-      getItemKey: (h, T) => n.getItemKey?.(h, T) ?? T,
+      getItemKey: (h, C) => n.getItemKey?.(h, C) ?? C,
       initialRect: () => ({
-        width: Q(n.width),
-        height: Q(n.height)
+        width: ee(n.width),
+        height: ee(n.height)
       }),
       revision: () => n.revision,
       windowScroll: () => n.windowScroll,
       scrollMargin: () => n.scrollMargin,
       onVisibleRangeChange: (h) => r("visibleRangeChange", h),
       onScrollEnd: () => r("scrollEnd")
-    }), b = C(
+    }), b = T(
       () => Se({
         height: n.height,
         width: n.width,
         horizontal: !1,
         windowScroll: n.windowScroll
       })
-    ), S = C(() => ({
+    ), v = T(() => ({
       position: "relative",
-      width: `${H(I.value)}px`,
-      height: `${H(O.value)}px`
+      width: `${X(O.value)}px`,
+      height: `${X(E.value)}px`
     }));
-    function v(h) {
-      return (T) => {
-        f(T, h);
+    function S(h) {
+      return (C) => {
+        m(C, h);
       };
     }
-    function z(h, T, M, G) {
+    function y(h, C, M, H) {
       return {
         position: "absolute",
         top: 0,
         left: 0,
-        width: `${T}px`,
-        height: `${G}px`,
+        width: `${C}px`,
+        height: `${H}px`,
         transform: `translate(${h}px, ${M}px)`,
         contain: "layout style",
         boxSizing: "border-box",
@@ -958,32 +984,32 @@ const yt = /* @__PURE__ */ ge({
       };
     }
     return t({
-      scrollToIndex: g,
+      scrollToIndex: w,
       scrollToOffset: k,
-      measureRow: A
-    }), (h, T) => (V(), le(ae(e.tag), {
+      measureRow: L
+    }), (h, C) => (V(), ce(ue(e.tag), {
       ref_key: "container",
-      ref: s,
+      ref: o,
       "data-virtual-container": "",
       role: "grid",
-      style: B(b.value)
+      style: W(b.value)
     }, {
-      default: ce(() => [
-        e.items.length ? (V(), K("div", {
+      default: de(() => [
+        e.items.length ? (V(), B("div", {
           key: 1,
           "data-virtual-spacer": "",
-          style: B(S.value)
+          style: W(v.value)
         }, [
-          (V(!0), K(te, null, ne(j(d), (M) => (V(), K("div", we({
+          (V(!0), B(ne, null, ie(N(d), (M) => (V(), B("div", ve({
             key: M.key,
             ref_for: !0,
-            ref: v(M.row.index),
+            ref: S(M.row.index),
             role: "gridcell",
             "data-index": M.index,
             "data-key": String(M.key),
-            style: z(M.column.start - j(p), M.column.size, M.row.start - j(c), M.row.size)
+            style: y(M.column.start - N(p), M.column.size, M.row.start - N(c), M.row.size)
           }, { ref_for: !0 }, e.itemAttrs), [
-            U(h.$slots, "default", {
+            Z(h.$slots, "default", {
               item: M.item,
               index: M.index,
               rowIndex: M.row.index,
@@ -991,13 +1017,13 @@ const yt = /* @__PURE__ */ ge({
               row: M.row,
               column: M.column
             })
-          ], 16, St))), 128))
-        ], 4)) : U(h.$slots, "empty", {}, void 0, void 0, 0)
+          ], 16, vt))), 128))
+        ], 4)) : Z(h.$slots, "empty", {}, void 0, void 0, 0)
       ]),
       _: 3
     }, 8, ["style"]));
   }
-}), vt = ["data-index", "data-key", "aria-rowindex"], pt = /* @__PURE__ */ ge({
+}), St = ["data-index", "data-key", "aria-rowindex"], pt = /* @__PURE__ */ we({
   __name: "VirtualTable",
   props: {
     rows: {},
@@ -1017,31 +1043,31 @@ const yt = /* @__PURE__ */ ge({
   },
   emits: ["visibleRangeChange", "scrollEnd"],
   setup(e, { expose: t, emit: i }) {
-    const n = e, r = i, s = W(null), d = W(null), I = W(0), {
-      virtualRows: O,
+    const n = e, r = i, o = _(null), d = _(null), O = _(0), {
+      virtualRows: E,
       columns: p,
       totalWidth: c,
-      totalHeight: g,
+      totalHeight: w,
       scrollAdjust: k,
-      scrollToIndex: A,
-      scrollToOffset: f,
+      scrollToIndex: L,
+      scrollToOffset: m,
       measure: b,
-      measureElement: S
-    } = mt({
+      measureElement: v
+    } = ht({
       rows: () => n.rows,
       columns: () => n.columns,
-      estimateRowSize: (u, R) => {
-        const y = n.estimateRowSize;
-        return typeof y == "number" ? y : y(u, R);
+      estimateRowSize: (u, I) => {
+        const x = n.estimateRowSize;
+        return typeof x == "number" ? x : x(u, I);
       },
-      container: s,
+      container: o,
       overscan: () => n.overscan,
-      getRowKey: (u, R) => n.getRowKey?.(u, R) ?? R,
+      getRowKey: (u, I) => n.getRowKey?.(u, I) ?? I,
       initialRect: () => ({
-        width: Q(n.width),
-        height: Q(n.height)
+        width: ee(n.width),
+        height: ee(n.height)
       }),
-      viewportInset: I,
+      viewportInset: O,
       revision: () => n.revision,
       itemSize: () => typeof n.estimateRowSize == "number" ? n.estimateRowSize : void 0,
       windowScroll: () => n.windowScroll,
@@ -1050,32 +1076,32 @@ const yt = /* @__PURE__ */ ge({
       onVisibleRangeChange: (u) => r("visibleRangeChange", u),
       onScrollEnd: () => r("scrollEnd")
     });
-    Ee(d, (u, R, y) => {
-      if (R === u && !u || !u || !Z() || typeof ResizeObserver > "u") return;
-      const L = () => {
-        I.value = u.getBoundingClientRect().height;
-      }, ee = new ResizeObserver(L);
-      ee.observe(u), L(), y(() => ee.disconnect());
+    Te(d, (u, I, x) => {
+      if (I === u && !u || !u || !U() || typeof ResizeObserver > "u") return;
+      const j = () => {
+        O.value = u.getBoundingClientRect().height;
+      }, te = new ResizeObserver(j);
+      te.observe(u), j(), x(() => te.disconnect());
     });
-    const v = C(
+    const S = T(
       () => Se({
         height: n.height,
         width: n.width,
         horizontal: !1,
         windowScroll: n.windowScroll
       })
-    ), z = C(() => ({
+    ), y = T(() => ({
       minWidth: `${c.value}px`
-    })), h = C(() => ({
+    })), h = T(() => ({
       position: n.stickyHeader ? "sticky" : "relative",
       top: n.stickyHeader ? "0px" : void 0,
       zIndex: 3,
       display: "flex",
       width: `${c.value}px`
-    })), T = C(() => ({
+    })), C = T(() => ({
       position: "relative",
-      height: `${H(g.value)}px`,
-      width: `${H(c.value)}px`
+      height: `${X(w.value)}px`,
+      width: `${X(c.value)}px`
     }));
     function M(u) {
       return {
@@ -1087,13 +1113,13 @@ const yt = /* @__PURE__ */ ge({
         zIndex: u.pin ? n.stickyHeader ? 4 : 2 : u.stickyStyle.zIndex
       };
     }
-    function G(u, R) {
+    function H(u, I) {
       return {
         position: "absolute",
         top: 0,
         left: 0,
         width: "100%",
-        height: `${R}px`,
+        height: `${I}px`,
         display: "flex",
         transform: `translateY(${u}px)`,
         contain: "layout style",
@@ -1101,75 +1127,75 @@ const yt = /* @__PURE__ */ ge({
         overflow: "hidden"
       };
     }
-    function D(u) {
-      return (R) => {
-        S(R, u);
+    function Q(u) {
+      return (I) => {
+        v(I, u);
       };
     }
-    function $(u, R, y) {
-      return R.accessor ? R.accessor(u, y) : u && typeof u == "object" && R.id in u ? u[R.id] : "";
+    function $(u, I, x) {
+      return I.accessor ? I.accessor(u, x) : u && typeof u == "object" && I.id in u ? u[I.id] : "";
     }
     return t({
-      scrollToIndex: A,
-      scrollToOffset: f,
+      scrollToIndex: L,
+      scrollToOffset: m,
       measure: b
-    }), (u, R) => (V(), le(ae(e.tag), {
+    }), (u, I) => (V(), ce(ue(e.tag), {
       ref_key: "container",
-      ref: s,
+      ref: o,
       "data-virtual-container": "",
       role: "table",
-      style: B(v.value)
+      style: W(S.value)
     }, {
-      default: ce(() => [
-        Me("div", {
-          style: B(z.value)
+      default: de(() => [
+        Ee("div", {
+          style: W(y.value)
         }, [
-          Me("div", {
+          Ee("div", {
             ref_key: "header",
             ref: d,
             role: "row",
-            style: B(h.value)
+            style: W(h.value)
           }, [
-            U(u.$slots, "header", { columns: j(p) }, () => [
-              (V(!0), K(te, null, ne(j(p), (y) => (V(), K("div", {
-                key: y.id,
+            Z(u.$slots, "header", { columns: N(p) }, () => [
+              (V(!0), B(ne, null, ie(N(p), (x) => (V(), B("div", {
+                key: x.id,
                 role: "columnheader",
-                style: B(M(y))
-              }, Oe(y.header), 5))), 128))
+                style: W(M(x))
+              }, Oe(x.header), 5))), 128))
             ])
           ], 4),
-          e.rows.length ? (V(), K("div", {
+          e.rows.length ? (V(), B("div", {
             key: 1,
             "data-virtual-spacer": "",
             role: "rowgroup",
-            style: B(T.value)
+            style: W(C.value)
           }, [
-            (V(!0), K(te, null, ne(j(O), (y) => (V(), K("div", we({
-              key: y.key,
+            (V(!0), B(ne, null, ie(N(E), (x) => (V(), B("div", ve({
+              key: x.key,
               ref_for: !0,
-              ref: D(y.index),
+              ref: Q(x.index),
               role: "row",
-              "data-index": y.index,
-              "data-key": String(y.key),
-              "aria-rowindex": y.index + 1,
-              style: G(y.start - j(k), y.size)
+              "data-index": x.index,
+              "data-key": String(x.key),
+              "aria-rowindex": x.index + 1,
+              style: H(x.start - N(k), x.size)
             }, { ref_for: !0 }, e.rowAttrs), [
-              (V(!0), K(te, null, ne(j(p), (L) => (V(), K("div", {
-                key: L.id,
+              (V(!0), B(ne, null, ie(N(p), (j) => (V(), B("div", {
+                key: j.id,
                 role: "cell",
-                style: B(M(L))
+                style: W(M(j))
               }, [
-                U(u.$slots, "cell", {
-                  row: y.item,
-                  column: L,
-                  rowIndex: y.index,
-                  value: $(y.item, L, y.index)
+                Z(u.$slots, "cell", {
+                  row: x.item,
+                  column: j,
+                  rowIndex: x.index,
+                  value: $(x.item, j, x.index)
                 }, () => [
-                  Xe(Oe($(y.item, L, y.index)), 1)
+                  Ye(Oe($(x.item, j, x.index)), 1)
                 ])
               ], 4))), 128))
-            ], 16, vt))), 128))
-          ], 4)) : U(u.$slots, "empty", {}, void 0, void 0, 0)
+            ], 16, St))), 128))
+          ], 4)) : Z(u.$slots, "empty", {}, void 0, void 0, 0)
         ], 4)
       ]),
       _: 3
@@ -1177,20 +1203,20 @@ const yt = /* @__PURE__ */ ge({
   }
 });
 export {
-  Ye as MeasurementCache,
+  qe as MeasurementCache,
   xt as VirtualGrid,
-  yt as VirtualList,
+  zt as VirtualList,
   pt as VirtualTable,
-  tt as Virtualizer,
+  nt as Virtualizer,
   J as clampScrollOffset,
-  Ue as mapDomOffsetToVirtual,
-  Ze as mapVirtualOffsetToDom,
+  Ze as mapDomOffsetToVirtual,
+  Je as mapVirtualOffsetToDom,
   he as normalizeSize,
-  et as resolveScrollOffset,
-  H as scrollContentSize,
-  ht as useVirtualGrid,
-  Ve as useVirtualList,
-  mt as useVirtualTable,
-  me as useVirtualizer
+  tt as resolveScrollOffset,
+  X as scrollContentSize,
+  mt as useVirtualGrid,
+  $e as useVirtualList,
+  ht as useVirtualTable,
+  ge as useVirtualizer
 };
 //# sourceMappingURL=index.mjs.map