vue-virtual-flow 0.0.8 → 0.0.9

package/dist/vue-virtual-flow.js

@@ -1,28 +1,28 @@
-import { watch as ie, defineComponent as Oe, ref as U, computed as n, nextTick as K, onMounted as Ce, onUpdated as Je, onBeforeUnmount as Pe, openBlock as I, createElementBlock as $, normalizeStyle as N, createElementVNode as je, renderSlot as ce, createTextVNode as Ve, createCommentVNode as ze, Fragment as He, renderList as Ae, unref as u, normalizeClass as We, toDisplayString as Ge } from "vue";
+import { watch as ie, defineComponent as Oe, ref as j, computed as n, nextTick as C, onMounted as Ae, onUpdated as Xe, onBeforeUnmount as Ce, openBlock as I, createElementBlock as $, normalizeStyle as N, createElementVNode as Ge, renderSlot as ce, createTextVNode as Ve, createCommentVNode as ze, Fragment as Re, renderList as De, unref as c, normalizeClass as Ye, toDisplayString as je } from "vue";
 function tt(l) {
   return typeof l == "string" || typeof l == "number" || typeof l == "symbol";
 }
-function Ze(l, C) {
-  const x = l[C];
+function Ze(l, P) {
+  const x = l[P];
   return tt(x) ? x : void 0;
 }
 function lt(l) {
   return Ze(l, "id") ?? Ze(l, "key");
 }
-function De(l) {
-  function C(e, m) {
-    const c = l.itemKey();
-    if (typeof c == "function")
-      return c(e, m);
+function Pe(l) {
+  function P(e, p) {
+    const f = l.itemKey();
+    if (typeof f == "function")
+      return f(e, p);
     if (e !== null && typeof e == "object") {
-      if (c !== void 0) {
-        const o = Ze(e, c);
+      if (f !== void 0) {
+        const o = Ze(e, f);
         if (o !== void 0) return o;
       }
       const r = lt(e);
       if (r !== void 0) return r;
     }
-    return m;
+    return p;
   }
   function x() {
   }
@@ -30,56 +30,56 @@ function De(l) {
     () => [l.itemKey(), l.items()],
     x,
     { immediate: !0 }
-  ), { getItemKey: C };
+  ), { getItemKey: P };
 }
-function Ye(l) {
+function Fe(l) {
   return l === "fill" ? "100%" : typeof l == "number" ? `${l}px` : l;
 }
 function Ue(l) {
-  return (C, x) => {
+  return (P, x) => {
     typeof x == "string" && (x === "fill" || x.trim().endsWith("%"));
   };
 }
 function at(l) {
-  const C = Float64Array.from(l), x = C.length, e = new Float64Array(x + 1);
-  let m = 0;
+  const P = Float64Array.from(l), x = P.length, e = new Float64Array(x + 1);
+  let p = 0;
   for (let r = 1; r <= x; r += 1) {
-    const o = C[r - 1];
-    m += o, e[r] += o;
-    const f = r + (r & -r);
-    f <= x && (e[f] += e[r]);
+    const o = P[r - 1];
+    p += o, e[r] += o;
+    const m = r + (r & -r);
+    m <= x && (e[m] += e[r]);
   }
-  let c = 1;
-  for (; c * 2 <= x; ) c *= 2;
+  let f = 1;
+  for (; f * 2 <= x; ) f *= 2;
   return {
     length: x,
     get total() {
-      return m;
+      return p;
     },
     getSize(r) {
-      return C[r];
+      return P[r];
     },
     getOffset(r) {
       let o = 0;
-      for (let f = r; f > 0; f -= f & -f)
-        o += e[f];
+      for (let m = r; m > 0; m -= m & -m)
+        o += e[m];
       return o;
     },
     setSize(r, o) {
-      const f = o - C[r];
-      if (f !== 0) {
-        C[r] = o, m += f;
-        for (let O = r + 1; O <= x; O += O & -O)
-          e[O] += f;
+      const m = o - P[r];
+      if (m !== 0) {
+        P[r] = o, p += m;
+        for (let A = r + 1; A <= x; A += A & -A)
+          e[A] += m;
       }
     },
     findIndex(r) {
       if (x === 0 || r <= 0) return 0;
-      if (r >= m) return x - 1;
-      let o = 0, f = 0;
-      for (let O = c; O > 0; O = Math.floor(O / 2)) {
-        const P = o + O;
-        P <= x && f + e[P] <= r && (o = P, f += e[P]);
+      if (r >= p) return x - 1;
+      let o = 0, m = 0;
+      for (let A = f; A > 0; A = Math.floor(A / 2)) {
+        const O = o + A;
+        O <= x && m + e[O] <= r && (o = O, m += e[O]);
       }
       return Math.min(o, x - 1);
     }
@@ -109,310 +109,310 @@ const ot = ["aria-label"], nt = {
     loadOlderThreshold: { default: 120 }
   },
   emits: ["scroll", "loadOlder", "bottomChange"],
-  setup(l, { expose: C, emit: x }) {
-    const e = l, m = x, c = U(), r = U(0), o = U(0), f = U(0), O = U(0), P = U(!0), Q = /* @__PURE__ */ new Map(), X = /* @__PURE__ */ new Map(), V = /* @__PURE__ */ new Set();
-    let L, p, z = -1, Y = !1, j = !1, A = !1, ne, W = 0, k = !1, te = 0, R, ae, G, se = 0;
-    const ue = Ue(), { getItemKey: y } = De({
+  setup(l, { expose: P, emit: x }) {
+    const e = l, p = x, f = j(), r = j(0), o = j(0), m = j(0), A = j(0), O = j(!0), U = /* @__PURE__ */ new Map(), q = /* @__PURE__ */ new Map(), V = /* @__PURE__ */ new Set();
+    let D, w, k = -1, E = !1, F = !1, W = !1, ne, Z = 0, H = !1, ae = 0, R, J, Y, le = 0;
+    const se = Ue(), { getItemKey: me } = Pe({
       componentName: "ChatVirtualScroll",
       items: () => e.items,
       itemKey: () => e.itemKey
-    }), w = n(
+    }), de = n(
       () => Number.isFinite(e.estimatedItemSize) ? Math.max(1, e.estimatedItemSize) : 48
-    ), q = n(() => Math.max(0, Math.floor(e.overscan))), he = n(
+    ), ue = n(() => Math.max(0, Math.floor(e.overscan))), we = n(
       () => e.size !== void 0 && Number.isFinite(e.size) && e.size > 0 ? Math.max(1, Math.floor(e.size)) : void 0
-    ), ee = n(() => f.value > 0 ? f.value : typeof e.height == "number" ? Math.max(0, e.height) : w.value), de = n(() => {
-      const i = e.items.map((v, M) => y(v, M));
+    ), G = n(() => m.value > 0 ? m.value : typeof e.height == "number" ? Math.max(0, e.height) : de.value), u = n(() => {
+      const i = e.items.map((h, M) => me(h, M));
       return {
         keys: i,
-        indexes: new Map(i.map((v, M) => [v, M])),
-        sizes: at(i.map((v) => Q.get(v) ?? w.value))
+        indexes: new Map(i.map((h, M) => [h, M])),
+        sizes: at(i.map((h) => U.get(h) ?? de.value))
       };
-    }), D = n(() => (O.value, { sizes: de.value.sizes, total: de.value.sizes.total }));
-    function F(i = D.value.total) {
-      return Math.max(0, i - ee.value);
+    }), d = n(() => (A.value, { sizes: u.value.sizes, total: u.value.sizes.total }));
+    function z(i = d.value.total) {
+      return Math.max(0, i - G.value);
     }
-    function ve(i) {
-      return D.value.sizes.findIndex(i);
+    function Q(i) {
+      return d.value.sizes.findIndex(i);
     }
-    r.value = e.initialScroll === "bottom" ? F() : 0;
-    const ge = n(() => {
+    r.value = e.initialScroll === "bottom" ? z() : 0;
+    const he = n(() => {
       if (e.items.length === 0) return { start: 0, end: 0 };
-      const i = ve(r.value), v = ve(r.value + ee.value) + 1, M = Math.max(0, i - q.value), H = Math.min(
+      const i = Q(r.value), h = Q(r.value + G.value) + 1, M = Math.max(0, i - ue.value), K = Math.min(
         e.items.length,
-        v + q.value
-      ), ye = he.value;
-      if (ye === void 0 || H - M <= ye) return { start: M, end: H };
-      const we = Math.max(0, ye - (v - i)), Te = i - M, Se = H - v;
-      let Le = Math.min(Te, Math.ceil(we / 2));
-      const $e = Math.min(Se, we - Le);
-      return Le = Math.min(Te, we - $e), { start: i - Le, end: v + $e };
-    }), g = n(() => ge.value.start), E = n(() => ge.value.end), B = n(
-      () => e.items.slice(g.value, E.value).map((i, v) => {
-        const M = g.value + v;
+        h + ue.value
+      ), pe = we.value;
+      if (pe === void 0 || K - M <= pe) return { start: M, end: K };
+      const xe = Math.max(0, pe - (h - i)), Te = i - M, Se = K - h;
+      let Ee = Math.min(Te, Math.ceil(xe / 2));
+      const $e = Math.min(Se, xe - Ee);
+      return Ee = Math.min(Te, xe - $e), { start: i - Ee, end: h + $e };
+    }), y = n(() => he.value.start), L = n(() => he.value.end), B = n(
+      () => e.items.slice(y.value, L.value).map((i, h) => {
+        const M = y.value + h;
         return {
           item: i,
           index: M,
-          key: y(i, M),
-          bottom: Math.max(D.value.total, ee.value) - D.value.sizes.getOffset(M + 1) + o.value
+          key: me(i, M),
+          bottom: Math.max(d.value.total, G.value) - d.value.sizes.getOffset(M + 1) + o.value
         };
       })
-    ), le = n(() => ({
-      height: Ye(e.height)
+    ), te = n(() => ({
+      height: Fe(e.height)
     }));
-    function oe(i = D.value.total) {
-      var H;
-      const v = F(i), M = Math.min(0, ((H = c.value) == null ? void 0 : H.scrollTop) ?? 0);
-      return Math.max(0, Math.min(v, v + M + W));
+    function oe(i = d.value.total) {
+      var K;
+      const h = z(i), M = Math.min(0, ((K = f.value) == null ? void 0 : K.scrollTop) ?? 0);
+      return Math.max(0, Math.min(h, h + M + Z));
     }
     function re(i = !1) {
-      if (k || (A || G) && !i || W === 0) return;
-      k = !0;
-      const v = se, M = ++te;
-      o.value = 0, K(() => {
-        if (M !== te) return;
-        k = !1;
-        const H = c.value;
-        !H || v !== se || W === 0 || (W = 0, H.scrollTop = Math.min(0, r.value - F()), ae = H.scrollTop, r.value = oe(), b(), me());
+      if (H || (W || Y) && !i || Z === 0) return;
+      H = !0;
+      const h = le, M = ++ae;
+      o.value = 0, C(() => {
+        if (M !== ae) return;
+        H = !1;
+        const K = f.value;
+        !K || h !== le || Z === 0 || (Z = 0, K.scrollTop = Math.min(0, r.value - z()), J = K.scrollTop, r.value = oe(), b(), ve());
       });
     }
-    function Me(i) {
-      const v = c.value;
-      if (v) {
-        if (W += i, r.value = oe(), W === 0 || F() === 0) {
-          W = 0, o.value = 0;
+    function ye(i) {
+      const h = f.value;
+      if (h) {
+        if (Z += i, r.value = oe(), Z === 0 || z() === 0) {
+          Z = 0, o.value = 0;
           return;
         }
-        (A || G) && !k ? (o.value = W, v.scrollTop >= -1 && re(!0)) : re();
+        (W || Y) && !H ? (o.value = Z, h.scrollTop >= -1 && re(!0)) : re();
       }
     }
     function _() {
       clearTimeout(ne), ne = void 0;
     }
-    function J() {
-      if (j) return;
-      _(), A = !1;
-      const i = G;
-      if (G = void 0, i) {
+    function ee() {
+      if (F) return;
+      _(), W = !1;
+      const i = Y;
+      if (Y = void 0, i) {
         i();
         return;
       }
       r.value = oe(), re();
     }
     function s() {
-      _(), (A || G) && !j && (ne = setTimeout(J, 150));
+      _(), (W || Y) && !F && (ne = setTimeout(ee, 150));
     }
     function t() {
-      R = void 0, G = void 0;
+      R = void 0, Y = void 0;
     }
     function a() {
-      t(), _(), j = !0, A = !0, o.value = W;
+      t(), _(), F = !0, W = !0, o.value = Z;
     }
-    function h(i) {
-      j = i.touches.length > 0, s();
+    function g(i) {
+      F = i.touches.length > 0, s();
     }
     function b() {
-      const i = c.value;
+      const i = f.value;
       if (!i) return;
       const M = Math.max(
         0,
-        D.value.total - oe() - i.clientHeight
+        d.value.total - oe() - i.clientHeight
       ) <= Math.max(0, e.bottomThreshold);
-      M !== P.value && (P.value = M, Y && m("bottomChange", M));
+      M !== O.value && (O.value = M, E && p("bottomChange", M));
     }
-    function xe() {
+    function Me() {
       var i;
-      f.value = ((i = c.value) == null ? void 0 : i.clientHeight) ?? 0, Y && (r.value = oe()), ue(c.value, e.height), K(() => {
-        b(), me();
+      m.value = ((i = f.value) == null ? void 0 : i.clientHeight) ?? 0, E && (r.value = oe()), se(f.value, e.height), C(() => {
+        b(), ve();
       });
     }
-    function pe() {
-      var i, v;
-      R && ae !== void 0 && Math.abs((((i = c.value) == null ? void 0 : i.scrollTop) ?? 0) - ae) > 1 && t(), r.value = oe(), W !== 0 && (((v = c.value) == null ? void 0 : v.scrollTop) ?? 0) >= -1 && re(!0), s(), b(), m("scroll", {
+    function ge() {
+      var i, h;
+      R && J !== void 0 && Math.abs((((i = f.value) == null ? void 0 : i.scrollTop) ?? 0) - J) > 1 && t(), r.value = oe(), Z !== 0 && (((h = f.value) == null ? void 0 : h.scrollTop) ?? 0) >= -1 && re(!0), s(), b(), p("scroll", {
         scrollTop: r.value,
-        startIndex: g.value,
-        endIndex: E.value
-      }), me();
-    }
-    function me() {
-      const i = c.value;
-      !Y || !i || !e.hasOlder || e.loadingOlder || z === e.items.length || oe() <= Math.max(0, e.loadOlderThreshold) && (z = e.items.length, m("loadOlder"));
-    }
-    function Ee(i) {
-      const v = i.borderBoxSize;
-      if (v) {
-        const M = Array.isArray(v) ? v[0] : v;
+        startIndex: y.value,
+        endIndex: L.value
+      }), ve();
+    }
+    function ve() {
+      const i = f.value;
+      !E || !i || !e.hasOlder || e.loadingOlder || k === e.items.length || oe() <= Math.max(0, e.loadOlderThreshold) && (k = e.items.length, p("loadOlder"));
+    }
+    function Le(i) {
+      const h = i.borderBoxSize;
+      if (h) {
+        const M = Array.isArray(h) ? h[0] : h;
         if (M != null && M.blockSize) return M.blockSize;
       }
       return i.contentRect.height;
     }
     function ke(i) {
-      const v = D.value.total, M = oe(), H = !A && !G && P.value && e.stickToBottom && (Y || e.initialScroll === "bottom"), ye = ve(M + ee.value - 1), we = !H && M <= 0;
+      const h = d.value.total, M = oe(), K = !W && !Y && O.value && e.stickToBottom && (E || e.initialScroll === "bottom"), pe = Q(M + G.value - 1), xe = !K && M <= 0;
       let Te = 0, Se = !1;
-      for (const { key: Qe, height: Fe } of i) {
-        if (!Number.isFinite(Fe) || Fe <= 0) continue;
-        const _e = de.value.indexes.get(Qe);
+      for (const { key: Je, height: We } of i) {
+        if (!Number.isFinite(We) || We <= 0) continue;
+        const _e = u.value.indexes.get(Je);
         if (_e === void 0) continue;
-        const Xe = D.value.sizes.getSize(_e);
-        Q.set(Qe, Fe), !(Math.abs(Xe - Fe) < 0.5) && (_e <= ye && (Te += Fe - Xe), D.value.sizes.setSize(_e, Fe), Se = !0);
+        const Qe = d.value.sizes.getSize(_e);
+        U.set(Je, We), !(Math.abs(Qe - We) < 0.5) && (_e <= pe && (Te += We - Qe), d.value.sizes.setSize(_e, We), Se = !0);
       }
       if (!Se) return;
-      O.value += 1;
-      const Le = F() - F(v), $e = R && de.value.indexes.get(R.key), Ne = $e !== void 0 && R ? Ie($e, R.align) : H ? F() : we ? 0 : M + Te;
-      Me(Ne - M - Le), K(b);
+      A.value += 1;
+      const Ee = z() - z(h), $e = R && u.value.indexes.get(R.key), Ne = $e !== void 0 && R ? Ie($e, R.align) : K ? z() : xe ? 0 : M + Te;
+      ye(Ne - M - Ee), C(b);
     }
-    function d(i) {
-      const v = [];
+    function v(i) {
+      const h = [];
       for (const M of i) {
-        const H = X.get(M.target);
-        H !== void 0 && v.push({ key: H, height: Ee(M) });
+        const K = q.get(M.target);
+        K !== void 0 && h.push({ key: K, height: Le(M) });
       }
-      ke(v);
+      ke(h);
     }
     function S() {
       const i = [];
-      for (const v of V) {
-        const M = X.get(v);
-        M !== void 0 && v.isConnected && i.push({ key: M, height: v.getBoundingClientRect().height });
+      for (const h of V) {
+        const M = q.get(h);
+        M !== void 0 && h.isConnected && i.push({ key: M, height: h.getBoundingClientRect().height });
       }
       V.clear(), ke(i);
     }
-    function T(i, v) {
-      i instanceof HTMLElement && X.get(i) !== v && (X.set(i, v), Q.has(v) || V.add(i), p == null || p.observe(i));
+    function T(i, h) {
+      i instanceof HTMLElement && q.get(i) !== h && (q.set(i, h), U.has(h) || V.add(i), w == null || w.observe(i));
     }
     function fe() {
-      for (const [i] of X)
-        i.isConnected || (p == null || p.unobserve(i), X.delete(i), V.delete(i));
-    }
-    function Z(i, v, M = !1) {
-      const H = c.value;
-      if (!H) return;
-      const ye = oe(), we = o.value !== 0, Te = ++se;
-      te += 1, k = !1, R = void 0;
-      const Se = v.behavior ?? "auto";
-      G = Se === "smooth" ? () => be(i) : void 0, W = 0, o.value = 0, A = !1, _(), Se === "auto" && (r.value = i);
-      const Le = () => {
-        c.value !== H || Te !== se || (we && Se !== "auto" && (H.scrollTop = ye - F()), M && Se === "auto" ? H.scrollTop = i - F() : H.scrollTo({ ...v, top: i - F(), behavior: Se }), ae = H.scrollTop, Se === "auto" ? r.value = oe() : s(), K(b));
+      for (const [i] of q)
+        i.isConnected || (w == null || w.unobserve(i), q.delete(i), V.delete(i));
+    }
+    function X(i, h, M = !1) {
+      const K = f.value;
+      if (!K) return;
+      const pe = oe(), xe = o.value !== 0, Te = ++le;
+      ae += 1, H = !1, R = void 0;
+      const Se = h.behavior ?? "auto";
+      Y = Se === "smooth" ? () => be(i) : void 0, Z = 0, o.value = 0, W = !1, _(), Se === "auto" && (r.value = i);
+      const Ee = () => {
+        f.value !== K || Te !== le || (xe && Se !== "auto" && (K.scrollTop = pe - z()), M && Se === "auto" ? K.scrollTop = i - z() : K.scrollTo({ ...h, top: i - z(), behavior: Se }), J = K.scrollTop, Se === "auto" ? r.value = oe() : s(), C(b));
       };
-      we ? K(Le) : Le();
+      xe ? C(Ee) : Ee();
     }
-    function be(i, v = {}) {
-      const M = c.value;
+    function be(i, h = {}) {
+      const M = f.value;
       if (!M) return;
-      const H = Math.max(0, D.value.total - M.clientHeight), ye = Math.min(
+      const K = Math.max(0, d.value.total - M.clientHeight), pe = Math.min(
         Math.max(0, Number.isFinite(i) ? i : 0),
-        H
+        K
       );
-      Z(ye, v);
+      X(pe, h);
     }
-    function Ie(i, v) {
-      const M = D.value.sizes.getSize(i);
-      let H = D.value.sizes.getOffset(i);
-      return v === "center" ? H -= (ee.value - M) / 2 : v === "end" && (H -= ee.value - M), Math.max(0, Math.min(H, F()));
+    function Ie(i, h) {
+      const M = d.value.sizes.getSize(i);
+      let K = d.value.sizes.getOffset(i);
+      return h === "center" ? K -= (G.value - M) / 2 : h === "end" && (K -= G.value - M), Math.max(0, Math.min(K, z()));
     }
-    function Be(i, v = {}) {
-      if (!c.value || e.items.length === 0) return;
+    function Be(i, h = {}) {
+      if (!f.value || e.items.length === 0) return;
       const M = Math.min(
         e.items.length - 1,
         Math.max(0, Math.floor(Number.isFinite(i) ? i : 0))
-      ), { align: H = "start", ...ye } = v;
-      Z(Ie(M, H), ye);
-      const we = de.value.keys[M];
-      v.behavior === "smooth" ? G = () => {
-        const Te = de.value.indexes.get(we);
-        Te !== void 0 && Be(Te, { align: H });
-      } : R = { key: we, align: H };
+      ), { align: K = "start", ...pe } = h;
+      X(Ie(M, K), pe);
+      const xe = u.value.keys[M];
+      h.behavior === "smooth" ? Y = () => {
+        const Te = u.value.indexes.get(xe);
+        Te !== void 0 && Be(Te, { align: K });
+      } : R = { key: xe, align: K };
     }
     function Ke(i = "auto") {
-      Z(0, { behavior: i });
+      X(0, { behavior: i });
     }
-    function Re(i = "auto") {
-      const v = c.value;
-      if (!v) return;
-      const M = Math.max(0, D.value.total - v.clientHeight);
-      Z(M, { behavior: i }, !0), i === "smooth" && (G = () => Re());
+    function He(i = "auto") {
+      const h = f.value;
+      if (!h) return;
+      const M = Math.max(0, d.value.total - h.clientHeight);
+      X(M, { behavior: i }, !0), i === "smooth" && (Y = () => He());
     }
     return ie(
-      de,
-      async (i, v) => {
-        const M = v.sizes.total, H = oe(M), ye = !A && !G && P.value && e.stickToBottom, we = v.sizes.findIndex(H + ee.value - 1), Te = v.keys[we], Se = Te === void 0 ? void 0 : i.indexes.get(Te), Le = F() - F(M);
-        for (const $e of Q.keys())
-          i.indexes.has($e) || Q.delete($e);
+      u,
+      async (i, h) => {
+        const M = h.sizes.total, K = oe(M), pe = !W && !Y && O.value && e.stickToBottom, xe = h.sizes.findIndex(K + G.value - 1), Te = h.keys[xe], Se = Te === void 0 ? void 0 : i.indexes.get(Te), Ee = z() - z(M);
+        for (const $e of U.keys())
+          i.indexes.has($e) || U.delete($e);
         if (i.keys.length === 0 || Se === void 0) {
-          W = 0, o.value = 0, r.value = ye ? F() : Math.min(H, F());
-          const $e = r.value, Ne = se;
-          await K(), Ne === se && de.value === i && Z($e, {}, !0);
+          Z = 0, o.value = 0, r.value = pe ? z() : Math.min(K, z());
+          const $e = r.value, Ne = le;
+          await C(), Ne === le && u.value === i && X($e, {}, !0);
         } else {
-          const $e = i.sizes.getOffset(Se + 1) - v.sizes.getOffset(we + 1), Ne = ye ? F() : H + $e;
-          Me(Ne - H - Le), await K();
+          const $e = i.sizes.getOffset(Se + 1) - h.sizes.getOffset(xe + 1), Ne = pe ? z() : K + $e;
+          ye(Ne - K - Ee), await C();
         }
-        c.value && (r.value = oe(), b(), me());
+        f.value && (r.value = oe(), b(), ve());
       }
     ), ie(
       () => [e.hasOlder, e.loadingOlder],
       async ([i]) => {
-        i || (z = -1), await K(), me();
+        i || (k = -1), await C(), ve();
       }
-    ), Ce(() => {
-      if (xe(), c.value && (c.value.scrollTop = e.initialScroll === "bottom" ? 0 : -F(), r.value = oe()), S(), typeof ResizeObserver < "u") {
-        L = new ResizeObserver(xe), p = new ResizeObserver(d), c.value && L.observe(c.value);
-        for (const [i] of X)
-          p.observe(i);
+    ), Ae(() => {
+      if (Me(), f.value && (f.value.scrollTop = e.initialScroll === "bottom" ? 0 : -z(), r.value = oe()), S(), typeof ResizeObserver < "u") {
+        D = new ResizeObserver(Me), w = new ResizeObserver(v), f.value && D.observe(f.value);
+        for (const [i] of q)
+          w.observe(i);
       }
-      K(() => {
-        Y = !0, b(), me();
+      C(() => {
+        E = !0, b(), ve();
       });
-    }), Je(() => {
+    }), Xe(() => {
       fe(), S();
-    }), Pe(() => {
-      Y = !1, _(), t(), W = 0, se += 1, te += 1, L && (L.disconnect(), L = void 0), p && (p.disconnect(), p = void 0), X.clear(), V.clear();
-    }), C({
-      isAtBottom: P,
+    }), Ce(() => {
+      E = !1, _(), t(), Z = 0, le += 1, ae += 1, D && (D.disconnect(), D = void 0), w && (w.disconnect(), w = void 0), q.clear(), V.clear();
+    }), P({
+      isAtBottom: O,
       scrollTo: be,
       scrollToIndex: Be,
       scrollToTop: Ke,
-      scrollToBottom: Re
-    }), (i, v) => (I(), $("div", {
+      scrollToBottom: He
+    }), (i, h) => (I(), $("div", {
       ref_key: "viewport",
-      ref: c,
+      ref: f,
       class: "vue-chat-virtual-scroll",
-      style: N(le.value),
+      style: N(te.value),
       role: "log",
       "aria-label": l.ariaLabel,
       "aria-live": "polite",
       tabindex: "0",
-      onScrollPassive: pe,
-      onScrollendPassive: J,
+      onScrollPassive: ge,
+      onScrollendPassive: ee,
       onPointerdownPassive: t,
       onWheelPassive: t,
       onKeydown: t,
       onTouchstartPassive: a,
-      onTouchendPassive: h,
-      onTouchcancelPassive: h
+      onTouchendPassive: g,
+      onTouchcancelPassive: g
     }, [
-      je("div", {
+      Ge("div", {
         class: "vue-chat-virtual-scroll__spacer",
-        style: N({ height: `${Math.max(ee.value, D.value.total + o.value)}px` })
+        style: N({ height: `${Math.max(G.value, d.value.total + o.value)}px` })
       }, [
         l.loadingOlder ? (I(), $("div", nt, [
-          je("div", null, [
+          Ge("div", null, [
             ce(i.$slots, "loadingOlder", {}, () => [
-              v[0] || (v[0] = Ve("Loading older messages…", -1))
+              h[0] || (h[0] = Ve("Loading older messages…", -1))
             ])
           ])
         ])) : ze("", !0),
-        (I(!0), $(He, null, Ae(B.value, ({ item: M, index: H, key: ye, bottom: we }) => (I(), $("div", {
-          key: ye,
+        (I(!0), $(Re, null, De(B.value, ({ item: M, index: K, key: pe, bottom: xe }) => (I(), $("div", {
+          key: pe,
           ref_for: !0,
-          ref: (Te) => T(Te, ye),
+          ref: (Te) => T(Te, pe),
           class: "vue-chat-virtual-scroll__item",
-          style: N({ transform: `translateY(${-we}px)` }),
+          style: N({ transform: `translateY(${-xe}px)` }),
           role: "article",
-          "aria-posinset": H + 1,
+          "aria-posinset": K + 1,
           "aria-setsize": l.items.length
         }, [
           ce(i.$slots, "default", {
             item: M,
-            index: H
+            index: K
           })
         ], 12, it))), 128)),
         l.items.length ? ze("", !0) : ce(i.$slots, "empty", {}, void 0, void 0, 1)
@@ -421,61 +421,61 @@ const ot = ["aria-label"], nt = {
   }
 });
 function qe(l) {
-  const C = U(), x = U(0), e = U(!1), m = U(!1), c = n(() => Math.max(1, l.threshold())), r = n(
-    () => l.refreshing() || m.value ? c.value : x.value
+  const P = j(), x = j(0), e = j(!1), p = j(!1), f = n(() => Math.max(1, l.threshold())), r = n(
+    () => l.refreshing() || p.value ? f.value : x.value
   ), o = n(
-    () => Math.min(1, x.value / c.value)
-  ), f = n(() => l.refreshing() || m.value ? "Refreshing…" : o.value >= 1 ? "Release to refresh" : "Pull to refresh");
-  function O() {
-    C.value = void 0, e.value = !1, x.value = 0;
+    () => Math.min(1, x.value / f.value)
+  ), m = n(() => l.refreshing() || p.value ? "Refreshing…" : o.value >= 1 ? "Release to refresh" : "Pull to refresh");
+  function A() {
+    P.value = void 0, e.value = !1, x.value = 0;
   }
-  function P(V) {
-    var z;
-    const L = V.currentTarget, p = ((z = l.scrollTop) == null ? void 0 : z.call(l)) ?? L.scrollTop;
-    !l.enabled() || l.refreshing() || p > 0 || V.touches.length !== 1 || (C.value = V.touches[0].clientY, e.value = !0);
+  function O(V) {
+    var k;
+    const D = V.currentTarget, w = ((k = l.scrollTop) == null ? void 0 : k.call(l)) ?? D.scrollTop;
+    !l.enabled() || l.refreshing() || w > 0 || V.touches.length !== 1 || (P.value = V.touches[0].clientY, e.value = !0);
   }
-  function Q(V) {
-    var Y;
-    if (C.value === void 0 || !e.value) return;
-    const L = V.currentTarget;
-    if ((((Y = l.scrollTop) == null ? void 0 : Y.call(l)) ?? L.scrollTop) > 0 || V.touches.length !== 1) {
-      O();
+  function U(V) {
+    var E;
+    if (P.value === void 0 || !e.value) return;
+    const D = V.currentTarget;
+    if ((((E = l.scrollTop) == null ? void 0 : E.call(l)) ?? D.scrollTop) > 0 || V.touches.length !== 1) {
+      A();
       return;
     }
-    const z = V.touches[0].clientY - C.value;
-    if (z <= 0) {
+    const k = V.touches[0].clientY - P.value;
+    if (k <= 0) {
       x.value = 0;
       return;
     }
-    V.preventDefault(), x.value = Math.min(z * 0.5, c.value * 2);
+    V.preventDefault(), x.value = Math.min(k * 0.5, f.value * 2);
   }
-  function X() {
-    if (C.value === void 0) return;
-    const V = x.value >= c.value && l.enabled() && !l.refreshing();
-    if (C.value = void 0, e.value = !1, !V) {
+  function q() {
+    if (P.value === void 0) return;
+    const V = x.value >= f.value && l.enabled() && !l.refreshing();
+    if (P.value = void 0, e.value = !1, !V) {
       x.value = 0;
       return;
     }
-    x.value = c.value, m.value = !0, l.onRefresh(), K(() => {
-      l.refreshing() || (m.value = !1, x.value = 0);
+    x.value = f.value, p.value = !0, l.onRefresh(), C(() => {
+      l.refreshing() || (p.value = !1, x.value = 0);
     });
   }
   return ie(
     () => l.refreshing(),
-    (V, L) => {
-      V ? (m.value = !1, x.value = c.value) : L && (m.value = !1, x.value = 0);
+    (V, D) => {
+      V ? (p.value = !1, x.value = f.value) : D && (p.value = !1, x.value = 0);
     }
   ), {
     pulling: e,
     pullDistance: x,
     pullOffset: r,
     pullProgress: o,
-    refreshMessage: f,
-    refreshThreshold: c,
-    handleTouchStart: P,
-    handleTouchMove: Q,
-    handleTouchEnd: X,
-    handleTouchCancel: O
+    refreshMessage: m,
+    refreshThreshold: f,
+    handleTouchStart: O,
+    handleTouchMove: U,
+    handleTouchEnd: q,
+    handleTouchCancel: A
   };
 }
 const rt = ["aria-label"], ut = ["aria-posinset", "aria-setsize"], et = /* @__PURE__ */ Oe({
@@ -497,39 +497,39 @@ const rt = ["aria-label"], ut = ["aria-posinset", "aria-setsize"], et = /* @__PU
     pullRefreshThreshold: { default: 64 }
   },
   emits: ["scroll", "loadMore", "refresh"],
-  setup(l, { expose: C, emit: x }) {
-    const e = l, m = x, {
-      pulling: c,
+  setup(l, { expose: P, emit: x }) {
+    const e = l, p = x, {
+      pulling: f,
       pullDistance: r,
       pullOffset: o,
-      pullProgress: f,
-      refreshMessage: O,
-      refreshThreshold: P,
-      handleTouchStart: Q,
-      handleTouchMove: X,
+      pullProgress: m,
+      refreshMessage: A,
+      refreshThreshold: O,
+      handleTouchStart: U,
+      handleTouchMove: q,
       handleTouchEnd: V,
-      handleTouchCancel: L
+      handleTouchCancel: D
     } = qe({
       enabled: () => e.pullToRefresh,
       refreshing: () => e.refreshing,
       threshold: () => e.pullRefreshThreshold,
-      onRefresh: () => m("refresh")
-    }), p = U(), z = U(0), Y = U(0), j = U(0), A = /* @__PURE__ */ new Map(), ne = /* @__PURE__ */ new Map();
-    let W, k, te = -1;
-    const R = Ue(), { getItemKey: ae } = De({
+      onRefresh: () => p("refresh")
+    }), w = j(), k = j(0), E = j(0), F = j(0), W = /* @__PURE__ */ new Map(), ne = /* @__PURE__ */ new Map();
+    let Z, H, ae = -1;
+    const R = Ue(), { getItemKey: J } = Pe({
       componentName: "DynamicVirtualScroll",
       items: () => e.items,
       itemKey: () => e.itemKey
-    }), G = n(
+    }), Y = n(
       () => Math.max(1, e.estimatedItemSize)
-    ), se = n(
-      () => Math.max(1, e.loadingItemSize ?? G.value)
-    ), ue = n(() => Math.max(0, Math.floor(e.overscan))), y = n(() => Y.value > 0 ? Y.value : typeof e.height == "number" ? Math.max(0, e.height) : G.value), w = n(() => {
-      j.value;
+    ), le = n(
+      () => Math.max(1, e.loadingItemSize ?? Y.value)
+    ), se = n(() => Math.max(0, Math.floor(e.overscan))), me = n(() => E.value > 0 ? E.value : typeof e.height == "number" ? Math.max(0, e.height) : Y.value), de = n(() => {
+      F.value;
       const s = new Array(e.items.length + 1), t = new Array(e.items.length);
       s[0] = 0;
       for (let a = 0; a < e.items.length; a += 1) {
-        const h = ae(e.items[a], a), b = A.get(h) ?? G.value;
+        const g = J(e.items[a], a), b = W.get(g) ?? Y.value;
         t[a] = b, s[a + 1] = s[a] + b;
       }
       return {
@@ -537,66 +537,66 @@ const rt = ["aria-label"], ut = ["aria-posinset", "aria-setsize"], et = /* @__PU
         sizes: t,
         total: s[e.items.length] ?? 0
       };
-    }), q = n(
-      () => w.value.total + (e.loading ? se.value : 0)
-    ), he = n(() => {
+    }), ue = n(
+      () => de.value.total + (e.loading ? le.value : 0)
+    ), we = n(() => {
       const s = /* @__PURE__ */ new Map();
       return e.items.forEach((t, a) => {
-        s.set(ae(t, a), a);
+        s.set(J(t, a), a);
       }), s;
     });
-    function ee(s) {
+    function G(s) {
       if (e.items.length === 0) return 0;
-      const t = w.value.offsets;
-      let a = 0, h = e.items.length;
-      for (; a < h; ) {
-        const b = Math.floor((a + h) / 2);
-        t[b + 1] <= s ? a = b + 1 : h = b;
+      const t = de.value.offsets;
+      let a = 0, g = e.items.length;
+      for (; a < g; ) {
+        const b = Math.floor((a + g) / 2);
+        t[b + 1] <= s ? a = b + 1 : g = b;
       }
       return Math.min(a, e.items.length - 1);
     }
-    const de = n(
+    const u = n(
       () => Math.max(
         0,
-        ee(z.value) - ue.value
+        G(k.value) - se.value
       )
-    ), D = n(() => {
+    ), d = n(() => {
       if (e.items.length === 0) return 0;
-      const s = ee(z.value + y.value) + 1;
+      const s = G(k.value + me.value) + 1;
       return Math.min(
         e.items.length,
-        s + ue.value
+        s + se.value
       );
-    }), F = n(
-      () => e.items.slice(de.value, D.value).map((s, t) => {
-        const a = de.value + t;
+    }), z = n(
+      () => e.items.slice(u.value, d.value).map((s, t) => {
+        const a = u.value + t;
         return {
           item: s,
           index: a,
-          key: ae(s, a),
-          top: w.value.offsets[a]
+          key: J(s, a),
+          top: de.value.offsets[a]
         };
       })
-    ), ve = n(() => ({
-      height: Ye(e.height)
+    ), Q = n(() => ({
+      height: Fe(e.height)
     }));
-    function ge() {
+    function he() {
       var s;
-      Y.value = ((s = p.value) == null ? void 0 : s.clientHeight) ?? 0, R(p.value, e.height), K(E);
-    }
-    function g(s) {
-      z.value = s.currentTarget.scrollTop, m("scroll", {
-        scrollTop: z.value,
-        startIndex: de.value,
-        endIndex: D.value
-      }), E();
-    }
-    function E() {
-      const s = p.value;
-      if (!s || !e.hasMore || e.loading || te === e.items.length)
+      E.value = ((s = w.value) == null ? void 0 : s.clientHeight) ?? 0, R(w.value, e.height), C(L);
+    }
+    function y(s) {
+      k.value = s.currentTarget.scrollTop, p("scroll", {
+        scrollTop: k.value,
+        startIndex: u.value,
+        endIndex: d.value
+      }), L();
+    }
+    function L() {
+      const s = w.value;
+      if (!s || !e.hasMore || e.loading || ae === e.items.length)
         return;
       const t = Math.max(0, e.loadMoreThreshold);
-      q.value - s.scrollTop - s.clientHeight <= t && (te = e.items.length, m("loadMore"));
+      ue.value - s.scrollTop - s.clientHeight <= t && (ae = e.items.length, p("loadMore"));
     }
     function B(s) {
       const t = s.borderBoxSize;
@@ -606,164 +606,164 @@ const rt = ["aria-label"], ut = ["aria-posinset", "aria-setsize"], et = /* @__PU
       }
       return s.contentRect.height;
     }
-    function le(s) {
-      const t = w.value;
-      let a = 0, h = !1;
+    function te(s) {
+      const t = de.value;
+      let a = 0, g = !1;
       for (const b of s) {
-        const xe = b.target, pe = ne.get(xe), me = B(b);
-        if (pe === void 0 || me <= 0) continue;
-        const Ee = A.get(pe) ?? G.value;
-        if (Math.abs(Ee - me) < 0.5) continue;
-        const ke = he.value.get(pe);
-        ke !== void 0 && t.offsets[ke + 1] <= z.value && (a += me - Ee), A.set(pe, me), h = !0;
+        const Me = b.target, ge = ne.get(Me), ve = B(b);
+        if (ge === void 0 || ve <= 0) continue;
+        const Le = W.get(ge) ?? Y.value;
+        if (Math.abs(Le - ve) < 0.5) continue;
+        const ke = we.value.get(ge);
+        ke !== void 0 && t.offsets[ke + 1] <= k.value && (a += ve - Le), W.set(ge, ve), g = !0;
       }
-      h && (j.value += 1, K(E), a !== 0 && K(() => {
-        const b = p.value;
-        b && (b.scrollTop += a, z.value = b.scrollTop);
+      g && (F.value += 1, C(L), a !== 0 && C(() => {
+        const b = w.value;
+        b && (b.scrollTop += a, k.value = b.scrollTop);
       }));
     }
     function oe(s, t) {
-      s instanceof HTMLElement && (ne.set(s, t), k == null || k.observe(s));
+      s instanceof HTMLElement && (ne.set(s, t), H == null || H.observe(s));
     }
     function re() {
       for (const [s] of ne)
-        s.isConnected || (k == null || k.unobserve(s), ne.delete(s));
+        s.isConnected || (H == null || H.unobserve(s), ne.delete(s));
     }
-    function Me(s, t = {}) {
-      const a = p.value;
+    function ye(s, t = {}) {
+      const a = w.value;
       if (!a) return;
-      const h = Math.max(0, q.value - a.clientHeight), b = Math.min(
+      const g = Math.max(0, ue.value - a.clientHeight), b = Math.min(
         Math.max(0, Number.isFinite(s) ? s : 0),
-        h
-      ), xe = t.behavior ?? "auto";
-      xe === "auto" && (z.value = b), a.scrollTo({ ...t, top: b, behavior: xe });
+        g
+      ), Me = t.behavior ?? "auto";
+      Me === "auto" && (k.value = b), a.scrollTo({ ...t, top: b, behavior: Me });
     }
     function _(s, t = {}) {
-      const a = p.value;
+      const a = w.value;
       if (!a || e.items.length === 0) return;
-      const h = Math.min(
+      const g = Math.min(
         e.items.length - 1,
         Math.max(0, Math.floor(s))
-      ), { align: b = "start", ...xe } = t;
-      let pe = w.value.offsets[h];
-      const me = w.value.sizes[h];
-      b === "center" ? pe -= (a.clientHeight - me) / 2 : b === "end" && (pe -= a.clientHeight - me);
-      const Ee = Math.max(
+      ), { align: b = "start", ...Me } = t;
+      let ge = de.value.offsets[g];
+      const ve = de.value.sizes[g];
+      b === "center" ? ge -= (a.clientHeight - ve) / 2 : b === "end" && (ge -= a.clientHeight - ve);
+      const Le = Math.max(
         0,
-        Math.min(pe, q.value - a.clientHeight)
-      ), ke = xe.behavior ?? "auto";
-      ke === "auto" && (z.value = Ee), a.scrollTo({
-        ...xe,
-        top: Ee,
+        Math.min(ge, ue.value - a.clientHeight)
+      ), ke = Me.behavior ?? "auto";
+      ke === "auto" && (k.value = Le), a.scrollTo({
+        ...Me,
+        top: Le,
         behavior: ke
       });
     }
-    function J(s = "auto") {
+    function ee(s = "auto") {
       var t;
-      (t = p.value) == null || t.scrollTo({ top: 0, behavior: s });
+      (t = w.value) == null || t.scrollTo({ top: 0, behavior: s });
     }
     return ie(
       () => e.itemKey,
       () => {
-        A.clear(), j.value += 1;
+        W.clear(), F.value += 1;
       }
     ), ie(
       () => e.items.length,
       async () => {
         const s = new Set(
-          e.items.map((h, b) => ae(h, b))
+          e.items.map((g, b) => J(g, b))
         );
-        for (const h of A.keys())
-          s.has(h) || A.delete(h);
-        j.value += 1, await K();
-        const t = p.value;
+        for (const g of W.keys())
+          s.has(g) || W.delete(g);
+        F.value += 1, await C();
+        const t = w.value;
         if (!t) return;
-        const a = Math.max(0, q.value - t.clientHeight);
-        t.scrollTop > a && (t.scrollTop = a, z.value = a), E();
+        const a = Math.max(0, ue.value - t.clientHeight);
+        t.scrollTop > a && (t.scrollTop = a, k.value = a), L();
       }
     ), ie(
       () => [e.hasMore, e.loading],
       async ([s]) => {
-        s || (te = -1), await K(), E();
+        s || (ae = -1), await C(), L();
       }
-    ), Ce(() => {
-      if (ge(), typeof ResizeObserver < "u") {
-        W = new ResizeObserver(ge), k = new ResizeObserver(le), p.value && W.observe(p.value);
+    ), Ae(() => {
+      if (he(), typeof ResizeObserver < "u") {
+        Z = new ResizeObserver(he), H = new ResizeObserver(te), w.value && Z.observe(w.value);
         for (const [s] of ne)
-          k.observe(s);
+          H.observe(s);
       }
-      K(E);
-    }), Je(re), Pe(() => {
-      W && (W.disconnect(), W = void 0), k && (k.disconnect(), k = void 0), ne.clear();
-    }), C({
-      scrollTo: Me,
+      C(L);
+    }), Xe(re), Ce(() => {
+      Z && (Z.disconnect(), Z = void 0), H && (H.disconnect(), H = void 0), ne.clear();
+    }), P({
+      scrollTo: ye,
       scrollToIndex: _,
-      scrollToTop: J
+      scrollToTop: ee
     }), (s, t) => (I(), $("div", {
       ref_key: "viewport",
-      ref: p,
-      class: We(["vue-dynamic-virtual-scroll", { "vue-dynamic-virtual-scroll--pulling": u(c) }]),
-      style: N(ve.value),
+      ref: w,
+      class: Ye(["vue-dynamic-virtual-scroll", { "vue-dynamic-virtual-scroll--pulling": c(f) }]),
+      style: N(Q.value),
       role: "list",
       "aria-label": l.ariaLabel,
       tabindex: "0",
-      onScrollPassive: g,
+      onScrollPassive: y,
       onTouchstartPassive: t[0] || (t[0] = //@ts-ignore
-      (...a) => u(Q) && u(Q)(...a)),
+      (...a) => c(U) && c(U)(...a)),
       onTouchmove: t[1] || (t[1] = //@ts-ignore
-      (...a) => u(X) && u(X)(...a)),
+      (...a) => c(q) && c(q)(...a)),
       onTouchend: t[2] || (t[2] = //@ts-ignore
-      (...a) => u(V) && u(V)(...a)),
+      (...a) => c(V) && c(V)(...a)),
       onTouchcancel: t[3] || (t[3] = //@ts-ignore
-      (...a) => u(L) && u(L)(...a))
+      (...a) => c(D) && c(D)(...a))
     }, [
       l.pullToRefresh || l.refreshing ? (I(), $("div", {
         key: 0,
         class: "vue-dynamic-virtual-scroll__refresh",
         style: N({
-          height: `${u(P)}px`,
-          transform: `translateY(${u(o) - u(P)}px)`
+          height: `${c(O)}px`,
+          transform: `translateY(${c(o) - c(O)}px)`
         }),
         role: "status",
         "aria-live": "polite"
       }, [
         ce(s.$slots, "refresh", {
-          pullDistance: u(r),
-          progress: u(f),
+          pullDistance: c(r),
+          progress: c(m),
           refreshing: l.refreshing
         }, () => [
-          Ve(Ge(u(O)), 1)
+          Ve(je(c(A)), 1)
         ])
       ], 4)) : ze("", !0),
       l.items.length || l.loading ? (I(), $("div", {
         key: 1,
         class: "vue-dynamic-virtual-scroll__spacer",
         style: N({
-          height: `${q.value}px`,
-          transform: `translateY(${u(o)}px)`
+          height: `${ue.value}px`,
+          transform: `translateY(${c(o)}px)`
         })
       }, [
-        (I(!0), $(He, null, Ae(F.value, ({ item: a, index: h, key: b, top: xe }) => (I(), $("div", {
+        (I(!0), $(Re, null, De(z.value, ({ item: a, index: g, key: b, top: Me }) => (I(), $("div", {
           key: b,
           ref_for: !0,
-          ref: (pe) => oe(pe, b),
+          ref: (ge) => oe(ge, b),
           class: "vue-dynamic-virtual-scroll__item",
-          style: N({ transform: `translateY(${xe}px)` }),
+          style: N({ transform: `translateY(${Me}px)` }),
           role: "listitem",
-          "aria-posinset": h + 1,
+          "aria-posinset": g + 1,
           "aria-setsize": l.items.length
         }, [
           ce(s.$slots, "default", {
             item: a,
-            index: h
+            index: g
           })
         ], 12, ut))), 128)),
         l.loading ? (I(), $("div", {
           key: 0,
           class: "vue-dynamic-virtual-scroll__loading",
           style: N({
-            height: `${se.value}px`,
-            transform: `translateY(${w.value.total}px)`
+            height: `${le.value}px`,
+            transform: `translateY(${de.value.total}px)`
           }),
           role: "status",
           "aria-live": "polite"
@@ -775,16 +775,16 @@ const rt = ["aria-label"], ut = ["aria-posinset", "aria-setsize"], et = /* @__PU
       ], 4)) : (I(), $("div", {
         key: 2,
         class: "vue-dynamic-virtual-scroll__empty",
-        style: N({ transform: `translateY(${u(o)}px)` })
+        style: N({ transform: `translateY(${c(o)}px)` })
       }, [
         ce(s.$slots, "empty")
       ], 4))
     ], 46, rt));
   }
-}), ct = ["aria-label"], dt = ["aria-current", "aria-posinset", "aria-setsize"], vt = {
+}), ct = ["aria-label"], dt = ["aria-current", "aria-posinset", "aria-setsize"], ft = {
   key: 1,
   class: "vue-short-media-feed__empty"
-}, ft = /* @__PURE__ */ Oe({
+}, vt = 36, ht = 700, mt = /* @__PURE__ */ Oe({
   name: "ShortMediaFeed",
   __name: "ShortMediaFeed",
   props: {
@@ -799,87 +799,101 @@ const rt = ["aria-label"], ut = ["aria-posinset", "aria-setsize"], et = /* @__PU
     loadMoreThreshold: { default: 2 }
   },
   emits: ["update:activeIndex", "change", "reachStart", "reachEnd", "loadMore"],
-  setup(l, { expose: C, emit: x }) {
-    const e = l, m = x, c = U(), r = U(0), o = U(W(e.activeIndex));
-    let f, O = -1;
-    const P = Ue(), { getItemKey: Q } = De({
+  setup(l, { expose: P, emit: x }) {
+    const e = l, p = x, f = j(), r = j(0), o = j(R(e.activeIndex));
+    let m, A = -1, O = 0, U = !1, q;
+    const V = Ue(), { getItemKey: D } = Pe({
       componentName: "ShortMediaFeed",
       items: () => e.items,
       itemKey: () => e.itemKey
-    }), X = n(
+    }), w = n(
       () => Math.max(0, Math.floor(e.buffer))
-    ), V = n(
+    ), k = n(
       () => Math.max(
         0,
         Math.floor(
           Number.isFinite(e.loadMoreThreshold) ? e.loadMoreThreshold : 0
         )
       )
-    ), L = n(() => r.value > 0 ? r.value : typeof e.height == "number" ? Math.max(1, e.height) : 0), p = n(
-      () => Math.max(0, o.value - X.value)
-    ), z = n(
+    ), E = n(() => r.value > 0 ? r.value : typeof e.height == "number" ? Math.max(1, e.height) : 0), F = n(
+      () => Math.max(0, o.value - w.value)
+    ), W = n(
       () => Math.min(
         e.items.length,
-        o.value + X.value + 1
+        o.value + w.value + 1
       )
-    ), Y = n(
-      () => e.items.slice(p.value, z.value).map((y, w) => ({
-        item: y,
-        index: p.value + w
+    ), ne = n(
+      () => e.items.slice(F.value, W.value).map((u, d) => ({
+        item: u,
+        index: F.value + d
       }))
-    ), j = n(() => p.value * L.value), A = n(
-      () => (e.items.length - z.value) * L.value
-    ), ne = n(() => ({
-      height: Ye(e.height)
+    ), Z = n(() => F.value * E.value), H = n(
+      () => (e.items.length - W.value) * E.value
+    ), ae = n(() => ({
+      height: Fe(e.height)
     }));
-    function W(y) {
+    function R(u) {
       return e.items.length === 0 ? 0 : Math.min(
         e.items.length - 1,
-        Math.max(0, Math.floor(Number.isFinite(y) ? y : 0))
+        Math.max(0, Math.floor(Number.isFinite(u) ? u : 0))
       );
     }
-    function k() {
-      if (!e.hasMore || e.loading || O === e.items.length)
+    function J() {
+      if (!e.hasMore || e.loading || A === e.items.length)
         return;
-      (e.items.length === 0 ? 0 : e.items.length - 1 - o.value) <= V.value && (O = e.items.length, m("loadMore"));
+      (e.items.length === 0 ? 0 : e.items.length - 1 - o.value) <= k.value && (A = e.items.length, p("loadMore"));
     }
-    function te(y) {
-      const w = W(y);
-      w === o.value || e.items.length === 0 || (o.value = w, m("update:activeIndex", w), m("change", {
-        index: w,
-        item: e.items[w]
-      }), w === 0 && m("reachStart"), w === e.items.length - 1 && m("reachEnd"), k());
+    function Y(u) {
+      const d = R(u);
+      d === o.value || e.items.length === 0 || (o.value = d, p("update:activeIndex", d), p("change", {
+        index: d,
+        item: e.items[d]
+      }), d === 0 && p("reachStart"), d === e.items.length - 1 && p("reachEnd"), J());
     }
-    function R(y, w = {}) {
-      const q = c.value;
-      q && (typeof q.scrollTo == "function" ? q.scrollTo({ ...w, top: y }) : q.scrollTop = y);
+    function le(u, d = {}) {
+      const z = f.value;
+      z && (typeof z.scrollTo == "function" ? z.scrollTo({ ...d, top: u }) : z.scrollTop = u);
     }
-    function ae(y, w = {}) {
+    function se(u, d = {}) {
       if (e.items.length === 0) return;
-      const q = W(y);
-      te(q), R(q * L.value, w);
-    }
-    function G(y) {
-      if (L.value <= 0) return;
-      const w = y.currentTarget.scrollTop;
-      te(Math.round(w / L.value));
-    }
-    function se(y) {
-      let w;
-      y.key === "ArrowDown" || y.key === "PageDown" ? w = o.value + 1 : y.key === "ArrowUp" || y.key === "PageUp" ? w = o.value - 1 : y.key === "Home" ? w = 0 : y.key === "End" && (w = e.items.length - 1), w !== void 0 && (y.preventDefault(), ae(w, { behavior: "smooth" }));
-    }
-    function ue() {
-      var w;
-      const y = ((w = c.value) == null ? void 0 : w.clientHeight) ?? 0;
-      P(c.value, e.height), !(y <= 0 || y === r.value) && (r.value = y, K(() => {
-        R(o.value * y);
+      const z = R(u);
+      Y(z), le(z * E.value, d);
+    }
+    function me(u) {
+      if (E.value <= 0) return;
+      const d = u.currentTarget.scrollTop;
+      Y(Math.round(d / E.value));
+    }
+    function de(u) {
+      let d;
+      u.key === "ArrowDown" || u.key === "PageDown" ? d = o.value + 1 : u.key === "ArrowUp" || u.key === "PageUp" ? d = o.value - 1 : u.key === "Home" ? d = 0 : u.key === "End" && (d = e.items.length - 1), d !== void 0 && (u.preventDefault(), se(d, { behavior: "smooth" }));
+    }
+    function ue(u) {
+      return u.deltaMode === WheelEvent.DOM_DELTA_LINE ? u.deltaY * 16 : u.deltaMode === WheelEvent.DOM_DELTA_PAGE ? u.deltaY * (E.value || 1) : u.deltaY;
+    }
+    function we(u) {
+      if (u.ctrlKey || Math.abs(u.deltaX) > Math.abs(u.deltaY) || e.items.length === 0 || E.value <= 0 || (u.preventDefault(), U)) return;
+      const d = ue(u);
+      if (d * O < 0 && (O = 0), O += d, Math.abs(O) < vt) return;
+      const z = O > 0 ? 1 : -1;
+      O = 0;
+      const Q = o.value + z;
+      Q < 0 || Q >= e.items.length || (U = !0, se(Q, { behavior: "smooth" }), q = setTimeout(() => {
+        U = !1;
+      }, ht));
+    }
+    function G() {
+      var d;
+      const u = ((d = f.value) == null ? void 0 : d.clientHeight) ?? 0;
+      V(f.value, e.height), !(u <= 0 || u === r.value) && (r.value = u, C(() => {
+        le(o.value * u);
       }));
     }
     return ie(
       () => e.activeIndex,
-      async (y) => {
-        const w = W(y);
-        w !== o.value && (o.value = w, await K(), R(w * L.value), k());
+      async (u) => {
+        const d = R(u);
+        d !== o.value && (o.value = d, await C(), le(d * E.value), J());
       }
     ), ie(
       () => [
@@ -887,67 +901,68 @@ const rt = ["aria-label"], ut = ["aria-posinset", "aria-setsize"], et = /* @__PU
         e.loading,
         e.loadMoreThreshold
       ],
-      async ([y]) => {
-        y || (O = -1), await K(), k();
+      async ([u]) => {
+        u || (A = -1), await C(), J();
       }
     ), ie(
       () => e.items.length,
       async () => {
-        const y = W(o.value);
-        e.items.length === 0 ? o.value !== 0 && (o.value = 0, m("update:activeIndex", 0)) : te(y), await K(), R(y * L.value), k();
+        const u = R(o.value);
+        e.items.length === 0 ? o.value !== 0 && (o.value = 0, p("update:activeIndex", 0)) : Y(u), await C(), le(u * E.value), J();
       }
-    ), Ce(async () => {
-      ue(), typeof ResizeObserver < "u" && c.value && (f = new ResizeObserver(ue), f.observe(c.value)), await K(), R(o.value * L.value), k();
-    }), Pe(() => {
-      f && (f.disconnect(), f = void 0);
-    }), C({
-      scrollToIndex: ae
-    }), (y, w) => (I(), $("div", {
+    ), Ae(async () => {
+      G(), typeof ResizeObserver < "u" && f.value && (m = new ResizeObserver(G), m.observe(f.value)), await C(), le(o.value * E.value), J();
+    }), Ce(() => {
+      m && (m.disconnect(), m = void 0), q && (clearTimeout(q), q = void 0);
+    }), P({
+      scrollToIndex: se
+    }), (u, d) => (I(), $("div", {
       ref_key: "viewport",
-      ref: c,
+      ref: f,
       class: "vue-short-media-feed",
-      style: N(ne.value),
+      style: N(ae.value),
       role: "list",
       "aria-orientation": "vertical",
       "aria-label": l.ariaLabel,
       tabindex: "0",
-      onScrollPassive: G,
-      onKeydown: se
+      onScrollPassive: me,
+      onWheel: we,
+      onKeydown: de
     }, [
-      l.items.length ? (I(), $(He, { key: 0 }, [
-        j.value > 0 ? (I(), $("div", {
+      l.items.length ? (I(), $(Re, { key: 0 }, [
+        Z.value > 0 ? (I(), $("div", {
           key: 0,
           class: "vue-short-media-feed__spacer",
-          style: N({ height: `${j.value}px` }),
+          style: N({ height: `${Z.value}px` }),
           "aria-hidden": "true"
         }, null, 4)) : ze("", !0),
-        (I(!0), $(He, null, Ae(Y.value, ({ item: q, index: he }) => (I(), $("div", {
-          key: u(Q)(q, he),
+        (I(!0), $(Re, null, De(ne.value, ({ item: z, index: Q }) => (I(), $("div", {
+          key: c(D)(z, Q),
           class: "vue-short-media-feed__item",
-          style: N({ height: `${L.value}px` }),
+          style: N({ height: `${E.value}px` }),
           role: "listitem",
-          "aria-current": he === o.value ? "true" : void 0,
-          "aria-posinset": he + 1,
+          "aria-current": Q === o.value ? "true" : void 0,
+          "aria-posinset": Q + 1,
           "aria-setsize": l.items.length
         }, [
-          ce(y.$slots, "default", {
-            item: q,
-            index: he,
-            active: he === o.value
+          ce(u.$slots, "default", {
+            item: z,
+            index: Q,
+            active: Q === o.value
           })
         ], 12, dt))), 128)),
-        A.value > 0 ? (I(), $("div", {
+        H.value > 0 ? (I(), $("div", {
           key: 1,
           class: "vue-short-media-feed__spacer",
-          style: N({ height: `${A.value}px` }),
+          style: N({ height: `${H.value}px` }),
           "aria-hidden": "true"
         }, null, 4)) : ze("", !0)
-      ], 64)) : (I(), $("div", vt, [
-        ce(y.$slots, "empty")
+      ], 64)) : (I(), $("div", ft, [
+        ce(u.$slots, "empty")
       ]))
     ], 44, ct));
   }
-}), ht = ["aria-label"], mt = /* @__PURE__ */ Oe({
+}), gt = ["aria-label"], pt = /* @__PURE__ */ Oe({
   __name: "SkeletonLoader",
   props: {
     width: { default: "100%" },
@@ -957,37 +972,37 @@ const rt = ["aria-label"], ut = ["aria-posinset", "aria-setsize"], et = /* @__PU
     ariaLabel: { default: "Loading…" }
   },
   setup(l) {
-    const C = l;
-    function x(m) {
-      return typeof m == "number" ? `${Math.max(0, m)}px` : m;
+    const P = l;
+    function x(p) {
+      return typeof p == "number" ? `${Math.max(0, p)}px` : p;
     }
     const e = n(() => ({
-      width: x(C.width),
-      height: x(C.height)
+      width: x(P.width),
+      height: x(P.height)
     }));
-    return (m, c) => (I(), $("div", {
-      class: We(["vue-skeleton-loader", [
+    return (p, f) => (I(), $("div", {
+      class: Ye(["vue-skeleton-loader", [
         `vue-skeleton-loader--${l.variant}`,
         { "vue-skeleton-loader--animated": l.animated }
       ]]),
       style: N(e.value),
       role: "status",
       "aria-label": l.ariaLabel
-    }, null, 14, ht));
+    }, null, 14, gt));
   }
-}), gt = (l, C) => {
+}), yt = (l, P) => {
   const x = l.__vccOpts || l;
-  for (const [e, m] of C)
-    x[e] = m;
+  for (const [e, p] of P)
+    x[e] = p;
   return x;
-}, pt = /* @__PURE__ */ gt(mt, [["__scopeId", "data-v-fc92f61f"]]), yt = ["aria-label"], Mt = {
+}, Mt = /* @__PURE__ */ yt(pt, [["__scopeId", "data-v-fc92f61f"]]), xt = ["aria-label"], wt = {
   key: 0,
   class: "vue-virtual-carousel__track",
   role: "list"
-}, xt = ["aria-label", "aria-current"], wt = {
+}, Tt = ["aria-label", "aria-current"], bt = {
   key: 1,
   class: "vue-virtual-carousel__empty"
-}, Tt = /* @__PURE__ */ Oe({
+}, St = /* @__PURE__ */ Oe({
   name: "VirtualCarousel",
   __name: "VirtualCarousel",
   props: {
@@ -1010,211 +1025,211 @@ const rt = ["aria-label"], ut = ["aria-posinset", "aria-setsize"], et = /* @__PU
     responsive: { default: void 0 }
   },
   emits: ["update:activeIndex", "change", "reachStart", "reachEnd", "loadMore"],
-  setup(l, { expose: C, emit: x }) {
-    const e = l, m = x, c = U(), r = U(0), o = U(0);
-    let f, O = -1, P, Q, X = !1;
-    const V = U(!1), { getItemKey: L } = De({
+  setup(l, { expose: P, emit: x }) {
+    const e = l, p = x, f = j(), r = j(0), o = j(0);
+    let m, A = -1, O, U, q = !1;
+    const V = j(!1), { getItemKey: D } = Pe({
       componentName: "VirtualCarousel",
       items: () => e.items,
       itemKey: () => e.itemKey
-    }), p = n(() => Math.max(0, r.value)), z = n(() => {
+    }), w = n(() => Math.max(0, r.value)), k = n(() => {
       if (!e.responsive || e.responsive.length === 0)
         return {
           slidesPerView: e.slidesPerView,
           slidesToScroll: e.slidesToScroll,
           gap: e.gap
         };
-      const t = p.value, a = [...e.responsive].sort(
-        (h, b) => b.breakpoint - h.breakpoint
+      const t = w.value, a = [...e.responsive].sort(
+        (g, b) => b.breakpoint - g.breakpoint
       );
-      for (const h of a)
-        if (t >= h.breakpoint)
+      for (const g of a)
+        if (t >= g.breakpoint)
           return {
-            slidesPerView: h.slidesPerView ?? e.slidesPerView,
-            slidesToScroll: h.slidesToScroll ?? e.slidesToScroll,
-            gap: h.gap ?? e.gap
+            slidesPerView: g.slidesPerView ?? e.slidesPerView,
+            slidesToScroll: g.slidesToScroll ?? e.slidesToScroll,
+            gap: g.gap ?? e.gap
           };
       return {
         slidesPerView: e.slidesPerView,
         slidesToScroll: e.slidesToScroll,
         gap: e.gap
       };
-    }), Y = n(
+    }), E = n(
       () => Math.max(
         1,
         Math.floor(
-          Number.isFinite(z.value.slidesPerView) ? z.value.slidesPerView : 1
+          Number.isFinite(k.value.slidesPerView) ? k.value.slidesPerView : 1
         )
       )
-    ), j = n(
+    ), F = n(
       () => Math.max(
         1,
         Math.floor(
-          Number.isFinite(z.value.slidesToScroll) ? z.value.slidesToScroll : 1
+          Number.isFinite(k.value.slidesToScroll) ? k.value.slidesToScroll : 1
         )
       )
-    ), A = n(
-      () => Math.max(0, Number.isFinite(z.value.gap) ? z.value.gap : 0)
+    ), W = n(
+      () => Math.max(0, Number.isFinite(k.value.gap) ? k.value.gap : 0)
     ), ne = n(
       () => Math.max(
         0,
         Math.floor(Number.isFinite(e.buffer) ? e.buffer : 0)
       )
-    ), W = n(
+    ), Z = n(
       () => Math.max(
         0,
         Math.floor(
           Number.isFinite(e.loadMoreThreshold) ? e.loadMoreThreshold : 0
         )
       )
-    ), k = n(() => Number.isFinite(e.autoplayDelay) ? Math.max(1, e.autoplayDelay) : 3e3), te = n(() => {
-      if (p.value <= 0) return 0;
-      const t = (Y.value - 1) * A.value;
+    ), H = n(() => Number.isFinite(e.autoplayDelay) ? Math.max(1, e.autoplayDelay) : 3e3), ae = n(() => {
+      if (w.value <= 0) return 0;
+      const t = (E.value - 1) * W.value;
       return Math.max(
         1,
-        (p.value - t) / Y.value
+        (w.value - t) / E.value
       );
-    }), R = n(() => te.value + A.value), ae = n(
+    }), R = n(() => ae.value + W.value), J = n(
       () => Math.max(
         0,
-        e.items.length - Y.value
+        e.items.length - E.value
       )
-    ), G = n(
+    ), Y = n(
       () => Math.max(0, o.value - ne.value)
-    ), se = n(
+    ), le = n(
       () => Math.min(
         e.items.length,
-        o.value + Y.value + ne.value
+        o.value + E.value + ne.value
       )
-    ), ue = n(
-      () => e.items.slice(G.value, se.value).map((t, a) => ({
+    ), se = n(
+      () => e.items.slice(Y.value, le.value).map((t, a) => ({
         item: t,
-        index: G.value + a
+        index: Y.value + a
       }))
-    ), y = n(() => e.items.length === 0 ? 0 : e.items.length * te.value + (e.items.length - 1) * A.value), w = n(
-      () => G.value * R.value
-    ), q = n(
+    ), me = n(() => e.items.length === 0 ? 0 : e.items.length * ae.value + (e.items.length - 1) * W.value), de = n(
+      () => Y.value * R.value
+    ), ue = n(
       () => Math.max(
         0,
-        y.value - se.value * R.value
+        me.value - le.value * R.value
       )
-    ), he = n(() => ({
-      height: Ye(e.height)
+    ), we = n(() => ({
+      height: Fe(e.height)
     }));
-    function ee(t) {
+    function G(t) {
       return Math.min(
-        ae.value,
+        J.value,
         Math.max(0, Math.floor(Number.isFinite(t) ? t : 0))
       );
     }
-    o.value = ee(e.activeIndex);
-    function de(t) {
+    o.value = G(e.activeIndex);
+    function u(t) {
       return t >= o.value && t < Math.min(
         e.items.length,
-        o.value + Y.value
+        o.value + E.value
       );
     }
-    function D() {
-      if (!e.hasMore || e.loading || O === e.items.length)
+    function d() {
+      if (!e.hasMore || e.loading || A === e.items.length)
         return;
       const t = e.items.length === 0 ? -1 : Math.min(
         e.items.length - 1,
-        o.value + Y.value - 1
+        o.value + E.value - 1
       );
-      e.items.length - 1 - t <= W.value && (O = e.items.length, m("loadMore"));
+      e.items.length - 1 - t <= Z.value && (A = e.items.length, p("loadMore"));
     }
-    function F(t) {
-      const a = ee(t);
-      a === o.value || e.items.length === 0 || (o.value = a, m("update:activeIndex", a), m("change", {
+    function z(t) {
+      const a = G(t);
+      a === o.value || e.items.length === 0 || (o.value = a, p("update:activeIndex", a), p("change", {
         index: a,
         item: e.items[a]
-      }), a === 0 && m("reachStart"), a === ae.value && m("reachEnd"), D(), e.autoplay && !V.value && B());
+      }), a === 0 && p("reachStart"), a === J.value && p("reachEnd"), d(), e.autoplay && !V.value && B());
     }
-    function ve(t, a = {}) {
-      const h = c.value;
-      h && (typeof h.scrollTo == "function" ? h.scrollTo({ ...a, left: t }) : h.scrollLeft = t);
+    function Q(t, a = {}) {
+      const g = f.value;
+      g && (typeof g.scrollTo == "function" ? g.scrollTo({ ...a, left: t }) : g.scrollLeft = t);
     }
-    function ge(t, a = {}) {
+    function he(t, a = {}) {
       if (e.items.length === 0 || R.value <= 0) return;
-      const h = ee(t);
-      Q = a.behavior === "smooth" ? h : void 0, F(h), ve(h * R.value, {
+      const g = G(t);
+      U = a.behavior === "smooth" ? g : void 0, z(g), Q(g * R.value, {
         ...a,
         behavior: a.behavior
       });
     }
-    function g(t = "smooth") {
-      ge(
-        o.value + j.value,
+    function y(t = "smooth") {
+      he(
+        o.value + F.value,
         { behavior: t }
       );
     }
-    function E(t = "smooth") {
-      ge(
-        o.value - j.value,
+    function L(t = "smooth") {
+      he(
+        o.value - F.value,
         { behavior: t }
       );
     }
     function B() {
-      le(), !(!e.autoplay || e.items.length === 0) && (P = setTimeout(() => {
-        o.value >= ae.value ? e.autoplayLoop ? ge(0, { behavior: "smooth" }) : le() : g("smooth");
-      }, k.value));
+      te(), !(!e.autoplay || e.items.length === 0) && (O = setTimeout(() => {
+        o.value >= J.value ? e.autoplayLoop ? he(0, { behavior: "smooth" }) : te() : y("smooth");
+      }, H.value));
     }
-    function le() {
-      P !== void 0 && (clearTimeout(P), P = void 0);
+    function te() {
+      O !== void 0 && (clearTimeout(O), O = void 0);
     }
     function oe() {
-      V.value = !0, e.pauseOnHover && le();
+      V.value = !0, e.pauseOnHover && te();
     }
     function re() {
       V.value = !1, e.autoplay && B();
     }
-    function Me() {
-      Q = void 0;
+    function ye() {
+      U = void 0;
     }
     function _(t) {
-      if (R.value <= 0 || X) return;
+      if (R.value <= 0 || q) return;
       const a = t.currentTarget.scrollLeft;
-      if (Q !== void 0) {
-        const h = Q * R.value;
-        if (Math.abs(a - h) > 1) return;
-        Q = void 0;
+      if (U !== void 0) {
+        const g = U * R.value;
+        if (Math.abs(a - g) > 1) return;
+        U = void 0;
       }
-      F(Math.round(a / R.value));
+      z(Math.round(a / R.value));
     }
-    function J(t) {
-      t.key === "ArrowRight" || t.key === "PageDown" ? (t.preventDefault(), g()) : t.key === "ArrowLeft" || t.key === "PageUp" ? (t.preventDefault(), E()) : t.key === "Home" ? (t.preventDefault(), ge(0, { behavior: "smooth" })) : t.key === "End" && (t.preventDefault(), ge(ae.value, { behavior: "auto" }));
+    function ee(t) {
+      t.key === "ArrowRight" || t.key === "PageDown" ? (t.preventDefault(), y()) : t.key === "ArrowLeft" || t.key === "PageUp" ? (t.preventDefault(), L()) : t.key === "Home" ? (t.preventDefault(), he(0, { behavior: "smooth" })) : t.key === "End" && (t.preventDefault(), he(J.value, { behavior: "auto" }));
     }
     function s() {
       var a;
-      const t = ((a = c.value) == null ? void 0 : a.clientWidth) ?? 0;
-      t <= 0 || t === r.value || (X = !0, r.value = t, K(() => {
-        const h = ee(o.value);
-        ve(h * R.value), X = !1;
+      const t = ((a = f.value) == null ? void 0 : a.clientWidth) ?? 0;
+      t <= 0 || t === r.value || (q = !0, r.value = t, C(() => {
+        const g = G(o.value);
+        Q(g * R.value), q = !1;
       }));
     }
     return ie(
       () => e.activeIndex,
       async (t) => {
-        const a = ee(t);
-        a !== o.value && (Me(), o.value = a, await K(), ve(a * R.value), D());
+        const a = G(t);
+        a !== o.value && (ye(), o.value = a, await C(), Q(a * R.value), d());
       }
     ), ie(
       () => [
         e.items.length,
-        z.value.slidesPerView,
-        z.value.gap,
-        z.value.slidesToScroll
+        k.value.slidesPerView,
+        k.value.gap,
+        k.value.slidesToScroll
       ],
       async () => {
-        const t = ee(o.value);
-        e.items.length === 0 ? o.value !== 0 && (o.value = 0, m("update:activeIndex", 0)) : F(t), await K(), ve(t * R.value), D(), e.autoplay && e.items.length > 0 && !V.value && B();
+        const t = G(o.value);
+        e.items.length === 0 ? o.value !== 0 && (o.value = 0, p("update:activeIndex", 0)) : z(t), await C(), Q(t * R.value), d(), e.autoplay && e.items.length > 0 && !V.value && B();
       }
     ), ie(
       () => e.responsive,
       () => {
-        K(() => {
-          const t = ee(o.value);
-          ve(t * R.value);
+        C(() => {
+          const t = G(o.value);
+          Q(t * R.value);
         });
       },
       { deep: !0 }
@@ -1225,12 +1240,12 @@ const rt = ["aria-label"], ut = ["aria-posinset", "aria-setsize"], et = /* @__PU
         e.loadMoreThreshold
       ],
       async ([t]) => {
-        t || (O = -1), await K(), D();
+        t || (A = -1), await C(), d();
       }
     ), ie(
       () => e.autoplay,
       (t) => {
-        t && !V.value ? B() : le();
+        t && !V.value ? B() : te();
       }
     ), ie(
       () => e.autoplayDelay,
@@ -1240,52 +1255,52 @@ const rt = ["aria-label"], ut = ["aria-posinset", "aria-setsize"], et = /* @__PU
     ), ie(
       () => e.autoplayLoop,
       (t) => {
-        !e.autoplay || V.value || (!t && o.value >= ae.value ? le() : B());
+        !e.autoplay || V.value || (!t && o.value >= J.value ? te() : B());
       }
     ), ie(
       () => e.pauseOnHover,
       (t) => {
-        t && V.value ? le() : !t && e.autoplay && B();
+        t && V.value ? te() : !t && e.autoplay && B();
       }
-    ), Ce(async () => {
-      s(), typeof ResizeObserver < "u" && c.value && (f = new ResizeObserver(s), f.observe(c.value)), await K(), ve(o.value * R.value), D(), e.autoplay && B();
-    }), Pe(() => {
-      f && (f.disconnect(), f = void 0), le();
-    }), C({
-      next: g,
-      previous: E,
-      scrollToIndex: ge,
+    ), Ae(async () => {
+      s(), typeof ResizeObserver < "u" && f.value && (m = new ResizeObserver(s), m.observe(f.value)), await C(), Q(o.value * R.value), d(), e.autoplay && B();
+    }), Ce(() => {
+      m && (m.disconnect(), m = void 0), te();
+    }), P({
+      next: y,
+      previous: L,
+      scrollToIndex: he,
       startAutoplay: B,
-      stopAutoplay: le
+      stopAutoplay: te
     }), (t, a) => (I(), $("div", {
       ref_key: "viewport",
-      ref: c,
+      ref: f,
       class: "vue-virtual-carousel",
-      style: N(he.value),
+      style: N(we.value),
       role: "region",
       "aria-roledescription": "carousel",
       "aria-label": l.ariaLabel,
       tabindex: "0",
       onScrollPassive: _,
-      onPointerdown: Me,
-      onWheelPassive: Me,
-      onKeydown: J,
+      onPointerdown: ye,
+      onWheelPassive: ye,
+      onKeydown: ee,
       onMouseenter: oe,
       onMouseleave: re
     }, [
-      l.items.length ? (I(), $("div", Mt, [
-        w.value > 0 ? (I(), $("div", {
+      l.items.length ? (I(), $("div", wt, [
+        de.value > 0 ? (I(), $("div", {
           key: 0,
           class: "vue-virtual-carousel__spacer",
-          style: N({ flexBasis: `${w.value}px` }),
+          style: N({ flexBasis: `${de.value}px` }),
           "aria-hidden": "true"
         }, null, 4)) : ze("", !0),
-        (I(!0), $(He, null, Ae(ue.value, ({ item: h, index: b }) => (I(), $("div", {
-          key: u(L)(h, b),
+        (I(!0), $(Re, null, De(se.value, ({ item: g, index: b }) => (I(), $("div", {
+          key: c(D)(g, b),
           class: "vue-virtual-carousel__item",
           style: N({
-            flexBasis: `${te.value}px`,
-            marginRight: b < l.items.length - 1 ? `${A.value}px` : "0px"
+            flexBasis: `${ae.value}px`,
+            marginRight: b < l.items.length - 1 ? `${W.value}px` : "0px"
           }),
           role: "listitem",
           "aria-roledescription": "slide",
@@ -1293,24 +1308,24 @@ const rt = ["aria-label"], ut = ["aria-posinset", "aria-setsize"], et = /* @__PU
           "aria-current": b === o.value ? "true" : void 0
         }, [
           ce(t.$slots, "default", {
-            item: h,
+            item: g,
             index: b,
             active: b === o.value,
-            visible: de(b)
+            visible: u(b)
           })
-        ], 12, xt))), 128)),
-        q.value > 0 ? (I(), $("div", {
+        ], 12, Tt))), 128)),
+        ue.value > 0 ? (I(), $("div", {
           key: 1,
           class: "vue-virtual-carousel__spacer",
-          style: N({ flexBasis: `${q.value}px` }),
+          style: N({ flexBasis: `${ue.value}px` }),
           "aria-hidden": "true"
         }, null, 4)) : ze("", !0)
-      ])) : (I(), $("div", wt, [
+      ])) : (I(), $("div", bt, [
         ce(t.$slots, "empty")
       ]))
-    ], 44, yt));
+    ], 44, xt));
   }
-}), bt = ["aria-label"], St = ["aria-posinset", "aria-setsize"], zt = /* @__PURE__ */ Oe({
+}), zt = ["aria-label"], It = ["aria-posinset", "aria-setsize"], $t = /* @__PURE__ */ Oe({
   name: "VirtualScroll",
   __name: "VirtualScroll",
   props: {
@@ -1329,210 +1344,210 @@ const rt = ["aria-label"], ut = ["aria-posinset", "aria-setsize"], et = /* @__PU
     pullRefreshThreshold: { default: 64 }
   },
   emits: ["scroll", "loadMore", "refresh"],
-  setup(l, { expose: C, emit: x }) {
-    const e = l, m = x, {
-      pulling: c,
+  setup(l, { expose: P, emit: x }) {
+    const e = l, p = x, {
+      pulling: f,
       pullDistance: r,
       pullOffset: o,
-      pullProgress: f,
-      refreshMessage: O,
-      refreshThreshold: P,
-      handleTouchStart: Q,
-      handleTouchMove: X,
+      pullProgress: m,
+      refreshMessage: A,
+      refreshThreshold: O,
+      handleTouchStart: U,
+      handleTouchMove: q,
       handleTouchEnd: V,
-      handleTouchCancel: L
+      handleTouchCancel: D
     } = qe({
       enabled: () => e.pullToRefresh,
       refreshing: () => e.refreshing,
       threshold: () => e.pullRefreshThreshold,
-      onRefresh: () => m("refresh")
-    }), p = U(), z = U(0), Y = U(0);
-    let j, A = -1;
-    const ne = Ue(), { getItemKey: W } = De({
+      onRefresh: () => p("refresh")
+    }), w = j(), k = j(0), E = j(0);
+    let F, W = -1;
+    const ne = Ue(), { getItemKey: Z } = Pe({
       componentName: "VirtualScroll",
       items: () => e.items,
       itemKey: () => e.itemKey
-    }), k = n(() => Math.max(1, e.itemSize)), te = n(() => Math.max(0, Math.floor(e.overscan))), R = n(
-      () => e.items.length * k.value
-    ), ae = n(
-      () => Math.max(1, e.loadingItemSize ?? k.value)
-    ), G = n(
-      () => R.value + (e.loading ? ae.value : 0)
-    ), se = n(() => Y.value > 0 ? Y.value : typeof e.height == "number" ? e.height : 0), ue = n(
+    }), H = n(() => Math.max(1, e.itemSize)), ae = n(() => Math.max(0, Math.floor(e.overscan))), R = n(
+      () => e.items.length * H.value
+    ), J = n(
+      () => Math.max(1, e.loadingItemSize ?? H.value)
+    ), Y = n(
+      () => R.value + (e.loading ? J.value : 0)
+    ), le = n(() => E.value > 0 ? E.value : typeof e.height == "number" ? e.height : 0), se = n(
       () => Math.max(
         0,
-        Math.floor(z.value / k.value) - te.value
+        Math.floor(k.value / H.value) - ae.value
       )
-    ), y = n(() => {
-      const g = Math.ceil(
-        (z.value + se.value) / k.value
+    ), me = n(() => {
+      const y = Math.ceil(
+        (k.value + le.value) / H.value
       );
       return Math.min(
         e.items.length,
-        g + te.value
+        y + ae.value
       );
-    }), w = n(
-      () => e.items.slice(ue.value, y.value).map((g, E) => ({
-        item: g,
-        index: ue.value + E
+    }), de = n(
+      () => e.items.slice(se.value, me.value).map((y, L) => ({
+        item: y,
+        index: se.value + L
       }))
-    ), q = n(() => ({
-      height: Ye(e.height)
-    })), he = n(() => ({
-      transform: `translateY(${ue.value * k.value}px)`
+    ), ue = n(() => ({
+      height: Fe(e.height)
+    })), we = n(() => ({
+      transform: `translateY(${se.value * H.value}px)`
     }));
-    function ee() {
-      var g;
-      Y.value = ((g = p.value) == null ? void 0 : g.clientHeight) ?? 0, ne(p.value, e.height), K(D);
-    }
-    function de(g) {
-      z.value = g.currentTarget.scrollTop, m("scroll", {
-        scrollTop: z.value,
-        startIndex: ue.value,
-        endIndex: y.value
-      }), D();
-    }
-    function D() {
-      const g = p.value;
-      if (!g || !e.hasMore || e.loading || A === e.items.length)
+    function G() {
+      var y;
+      E.value = ((y = w.value) == null ? void 0 : y.clientHeight) ?? 0, ne(w.value, e.height), C(d);
+    }
+    function u(y) {
+      k.value = y.currentTarget.scrollTop, p("scroll", {
+        scrollTop: k.value,
+        startIndex: se.value,
+        endIndex: me.value
+      }), d();
+    }
+    function d() {
+      const y = w.value;
+      if (!y || !e.hasMore || e.loading || W === e.items.length)
         return;
-      const E = Math.max(0, e.loadMoreThreshold);
-      G.value - g.scrollTop - g.clientHeight <= E && (A = e.items.length, m("loadMore"));
+      const L = Math.max(0, e.loadMoreThreshold);
+      Y.value - y.scrollTop - y.clientHeight <= L && (W = e.items.length, p("loadMore"));
     }
-    function F(g, E = {}) {
-      const B = p.value;
+    function z(y, L = {}) {
+      const B = w.value;
       if (!B) return;
-      const le = Math.max(0, G.value - B.clientHeight), oe = Math.min(
-        Math.max(0, Number.isFinite(g) ? g : 0),
-        le
-      ), re = E.behavior ?? "auto";
-      re === "auto" && (z.value = oe), B.scrollTo({ ...E, top: oe, behavior: re });
-    }
-    function ve(g, E = {}) {
-      const B = p.value;
+      const te = Math.max(0, Y.value - B.clientHeight), oe = Math.min(
+        Math.max(0, Number.isFinite(y) ? y : 0),
+        te
+      ), re = L.behavior ?? "auto";
+      re === "auto" && (k.value = oe), B.scrollTo({ ...L, top: oe, behavior: re });
+    }
+    function Q(y, L = {}) {
+      const B = w.value;
       if (!B || e.items.length === 0) return;
-      const le = Math.min(
+      const te = Math.min(
         e.items.length - 1,
-        Math.max(0, Math.floor(g))
-      ), { align: oe = "start", ...re } = E;
-      let Me = le * k.value;
-      oe === "center" ? Me -= (B.clientHeight - k.value) / 2 : oe === "end" && (Me -= B.clientHeight - k.value), B.scrollTo({
+        Math.max(0, Math.floor(y))
+      ), { align: oe = "start", ...re } = L;
+      let ye = te * H.value;
+      oe === "center" ? ye -= (B.clientHeight - H.value) / 2 : oe === "end" && (ye -= B.clientHeight - H.value), B.scrollTo({
         ...re,
-        top: Math.max(0, Math.min(Me, G.value - B.clientHeight))
+        top: Math.max(0, Math.min(ye, Y.value - B.clientHeight))
       });
     }
-    function ge(g = "auto") {
-      var E;
-      (E = p.value) == null || E.scrollTo({ top: 0, behavior: g });
+    function he(y = "auto") {
+      var L;
+      (L = w.value) == null || L.scrollTo({ top: 0, behavior: y });
     }
     return ie(
       () => [e.items.length, e.itemSize],
       async () => {
-        await K();
-        const g = p.value;
-        if (!g) return;
-        const E = Math.max(0, G.value - g.clientHeight);
-        g.scrollTop > E && (g.scrollTop = E, z.value = E), D();
+        await C();
+        const y = w.value;
+        if (!y) return;
+        const L = Math.max(0, Y.value - y.clientHeight);
+        y.scrollTop > L && (y.scrollTop = L, k.value = L), d();
       }
     ), ie(
       () => [e.hasMore, e.loading],
-      async ([g]) => {
-        g || (A = -1), await K(), D();
+      async ([y]) => {
+        y || (W = -1), await C(), d();
       }
-    ), Ce(() => {
-      ee(), typeof ResizeObserver < "u" && p.value && (j = new ResizeObserver(ee), j.observe(p.value)), K(D);
-    }), Pe(() => {
-      j && (j.disconnect(), j = void 0);
-    }), C({
-      scrollTo: F,
-      scrollToIndex: ve,
-      scrollToTop: ge
-    }), (g, E) => (I(), $("div", {
+    ), Ae(() => {
+      G(), typeof ResizeObserver < "u" && w.value && (F = new ResizeObserver(G), F.observe(w.value)), C(d);
+    }), Ce(() => {
+      F && (F.disconnect(), F = void 0);
+    }), P({
+      scrollTo: z,
+      scrollToIndex: Q,
+      scrollToTop: he
+    }), (y, L) => (I(), $("div", {
       ref_key: "viewport",
-      ref: p,
-      class: We(["vue-virtual-scroll", { "vue-virtual-scroll--pulling": u(c) }]),
-      style: N(q.value),
+      ref: w,
+      class: Ye(["vue-virtual-scroll", { "vue-virtual-scroll--pulling": c(f) }]),
+      style: N(ue.value),
       role: "list",
       "aria-label": l.ariaLabel,
       tabindex: "0",
-      onScrollPassive: de,
-      onTouchstartPassive: E[0] || (E[0] = //@ts-ignore
-      (...B) => u(Q) && u(Q)(...B)),
-      onTouchmove: E[1] || (E[1] = //@ts-ignore
-      (...B) => u(X) && u(X)(...B)),
-      onTouchend: E[2] || (E[2] = //@ts-ignore
-      (...B) => u(V) && u(V)(...B)),
-      onTouchcancel: E[3] || (E[3] = //@ts-ignore
-      (...B) => u(L) && u(L)(...B))
+      onScrollPassive: u,
+      onTouchstartPassive: L[0] || (L[0] = //@ts-ignore
+      (...B) => c(U) && c(U)(...B)),
+      onTouchmove: L[1] || (L[1] = //@ts-ignore
+      (...B) => c(q) && c(q)(...B)),
+      onTouchend: L[2] || (L[2] = //@ts-ignore
+      (...B) => c(V) && c(V)(...B)),
+      onTouchcancel: L[3] || (L[3] = //@ts-ignore
+      (...B) => c(D) && c(D)(...B))
     }, [
       l.pullToRefresh || l.refreshing ? (I(), $("div", {
         key: 0,
         class: "vue-virtual-scroll__refresh",
         style: N({
-          height: `${u(P)}px`,
-          transform: `translateY(${u(o) - u(P)}px)`
+          height: `${c(O)}px`,
+          transform: `translateY(${c(o) - c(O)}px)`
         }),
         role: "status",
         "aria-live": "polite"
       }, [
-        ce(g.$slots, "refresh", {
-          pullDistance: u(r),
-          progress: u(f),
+        ce(y.$slots, "refresh", {
+          pullDistance: c(r),
+          progress: c(m),
           refreshing: l.refreshing
         }, () => [
-          Ve(Ge(u(O)), 1)
+          Ve(je(c(A)), 1)
         ])
       ], 4)) : ze("", !0),
       l.items.length || l.loading ? (I(), $("div", {
         key: 1,
         class: "vue-virtual-scroll__spacer",
         style: N({
-          height: `${G.value}px`,
-          transform: `translateY(${u(o)}px)`
+          height: `${Y.value}px`,
+          transform: `translateY(${c(o)}px)`
         })
       }, [
-        je("div", {
+        Ge("div", {
           class: "vue-virtual-scroll__content",
-          style: N(he.value)
+          style: N(we.value)
         }, [
-          (I(!0), $(He, null, Ae(w.value, ({ item: B, index: le }) => (I(), $("div", {
-            key: u(W)(B, le),
+          (I(!0), $(Re, null, De(de.value, ({ item: B, index: te }) => (I(), $("div", {
+            key: c(Z)(B, te),
             class: "vue-virtual-scroll__item",
-            style: N({ height: `${k.value}px` }),
+            style: N({ height: `${H.value}px` }),
             role: "listitem",
-            "aria-posinset": le + 1,
+            "aria-posinset": te + 1,
             "aria-setsize": l.items.length
           }, [
-            ce(g.$slots, "default", {
+            ce(y.$slots, "default", {
               item: B,
-              index: le
+              index: te
             })
-          ], 12, St))), 128))
+          ], 12, It))), 128))
         ], 4),
         l.loading ? (I(), $("div", {
           key: 0,
           class: "vue-virtual-scroll__loading",
           style: N({
-            height: `${ae.value}px`,
+            height: `${J.value}px`,
             transform: `translateY(${R.value}px)`
           }),
           role: "status",
           "aria-live": "polite"
         }, [
-          ce(g.$slots, "loading", {}, () => [
-            E[4] || (E[4] = Ve("Loading more…", -1))
+          ce(y.$slots, "loading", {}, () => [
+            L[4] || (L[4] = Ve("Loading more…", -1))
           ])
         ], 4)) : ze("", !0)
       ], 4)) : (I(), $("div", {
         key: 2,
         class: "vue-virtual-scroll__empty",
-        style: N({ transform: `translateY(${u(o)}px)` })
+        style: N({ transform: `translateY(${c(o)}px)` })
       }, [
-        ce(g.$slots, "empty")
+        ce(y.$slots, "empty")
       ], 4))
-    ], 46, bt));
+    ], 46, zt));
   }
-}), It = ["aria-label"], $t = ["aria-posinset", "aria-setsize"], kt = /* @__PURE__ */ Oe({
+}), kt = ["aria-label"], Et = ["aria-posinset", "aria-setsize"], Lt = /* @__PURE__ */ Oe({
   name: "WindowDynamicVirtualScroll",
   __name: "WindowDynamicVirtualScroll",
   props: {
@@ -1550,329 +1565,329 @@ const rt = ["aria-label"], ut = ["aria-posinset", "aria-setsize"], et = /* @__PU
     pullRefreshThreshold: { default: 64 }
   },
   emits: ["scroll", "loadMore", "refresh"],
-  setup(l, { expose: C, emit: x }) {
-    const e = l, m = x, c = U(), r = U(0), o = U(0), f = U(0), O = U(0), P = /* @__PURE__ */ new Map(), Q = /* @__PURE__ */ new Map(), X = /* @__PURE__ */ new Map();
-    let V, L, p, z, Y = !1, j = !1, A = -1;
-    const { getItemKey: ne } = De({
+  setup(l, { expose: P, emit: x }) {
+    const e = l, p = x, f = j(), r = j(0), o = j(0), m = j(0), A = j(0), O = /* @__PURE__ */ new Map(), U = /* @__PURE__ */ new Map(), q = /* @__PURE__ */ new Map();
+    let V, D, w, k, E = !1, F = !1, W = -1;
+    const { getItemKey: ne } = Pe({
       componentName: "WindowDynamicVirtualScroll",
       items: () => e.items,
       itemKey: () => e.itemKey
     });
-    function W(d) {
+    function Z(v) {
       return typeof window.requestAnimationFrame == "function" ? {
-        id: window.requestAnimationFrame(d),
+        id: window.requestAnimationFrame(v),
         type: "animation"
       } : {
-        id: window.setTimeout(d, 0),
+        id: window.setTimeout(v, 0),
         type: "timeout"
       };
     }
-    function k(d) {
-      d && (d.type === "animation" ? window.cancelAnimationFrame(d.id) : window.clearTimeout(d.id));
+    function H(v) {
+      v && (v.type === "animation" ? window.cancelAnimationFrame(v.id) : window.clearTimeout(v.id));
     }
     const {
-      pulling: te,
+      pulling: ae,
       pullDistance: R,
-      pullOffset: ae,
-      pullProgress: G,
-      refreshMessage: se,
-      refreshThreshold: ue,
-      handleTouchStart: y,
-      handleTouchMove: w,
-      handleTouchEnd: q,
-      handleTouchCancel: he
+      pullOffset: J,
+      pullProgress: Y,
+      refreshMessage: le,
+      refreshThreshold: se,
+      handleTouchStart: me,
+      handleTouchMove: de,
+      handleTouchEnd: ue,
+      handleTouchCancel: we
     } = qe({
       enabled: () => e.pullToRefresh,
       refreshing: () => e.refreshing,
       threshold: () => e.pullRefreshThreshold,
-      onRefresh: () => m("refresh"),
+      onRefresh: () => p("refresh"),
       scrollTop: () => typeof window > "u" ? 0 : Math.max(0, window.scrollY)
-    }), ee = n(
+    }), G = n(
       () => Math.max(1, e.estimatedItemSize)
-    ), de = n(
-      () => Math.max(1, e.loadingItemSize ?? ee.value)
-    ), D = n(() => Math.max(0, Math.floor(e.overscan))), F = n(() => {
-      O.value;
-      const d = new Array(e.items.length + 1), S = new Array(e.items.length);
-      d[0] = 0;
+    ), u = n(
+      () => Math.max(1, e.loadingItemSize ?? G.value)
+    ), d = n(() => Math.max(0, Math.floor(e.overscan))), z = n(() => {
+      A.value;
+      const v = new Array(e.items.length + 1), S = new Array(e.items.length);
+      v[0] = 0;
       for (let T = 0; T < e.items.length; T += 1) {
-        const fe = ne(e.items[T], T), Z = P.get(fe) ?? ee.value;
-        S[T] = Z, d[T + 1] = d[T] + Z;
+        const fe = ne(e.items[T], T), X = O.get(fe) ?? G.value;
+        S[T] = X, v[T + 1] = v[T] + X;
       }
       return {
-        offsets: d,
+        offsets: v,
         sizes: S,
-        total: d[e.items.length] ?? 0
+        total: v[e.items.length] ?? 0
       };
-    }), ve = n(
-      () => F.value.total + (e.loading ? de.value : 0)
-    ), ge = n(() => {
-      const d = /* @__PURE__ */ new Map();
+    }), Q = n(
+      () => z.value.total + (e.loading ? u.value : 0)
+    ), he = n(() => {
+      const v = /* @__PURE__ */ new Map();
       return e.items.forEach((S, T) => {
-        d.set(ne(S, T), T);
-      }), d;
-    }), g = n(
-      () => Math.max(0, r.value - f.value)
+        v.set(ne(S, T), T);
+      }), v;
+    }), y = n(
+      () => Math.max(0, r.value - m.value)
     );
-    function E(d) {
+    function L(v) {
       if (e.items.length === 0) return 0;
-      const S = F.value.offsets;
+      const S = z.value.offsets;
       let T = 0, fe = e.items.length;
       for (; T < fe; ) {
-        const Z = Math.floor((T + fe) / 2);
-        S[Z + 1] <= d ? T = Z + 1 : fe = Z;
+        const X = Math.floor((T + fe) / 2);
+        S[X + 1] <= v ? T = X + 1 : fe = X;
       }
       return Math.min(T, e.items.length - 1);
     }
     const B = n(
       () => Math.max(
         0,
-        E(g.value) - D.value
+        L(y.value) - d.value
       )
-    ), le = n(() => {
+    ), te = n(() => {
       if (e.items.length === 0) return 0;
-      const d = r.value + o.value - f.value, S = Math.max(
-        ee.value,
-        d
-      ), T = E(S) + 1;
+      const v = r.value + o.value - m.value, S = Math.max(
+        G.value,
+        v
+      ), T = L(S) + 1;
       return Math.min(
         e.items.length,
-        T + D.value
+        T + d.value
       );
     }), oe = n(
-      () => e.items.slice(B.value, le.value).map((d, S) => {
+      () => e.items.slice(B.value, te.value).map((v, S) => {
         const T = B.value + S;
         return {
-          item: d,
+          item: v,
           index: T,
-          key: ne(d, T),
-          top: F.value.offsets[T]
+          key: ne(v, T),
+          top: z.value.offsets[T]
         };
       })
     );
     function re() {
-      typeof window > "u" || (r.value = Math.max(0, window.scrollY), o.value = window.innerHeight, c.value && (f.value = c.value.getBoundingClientRect().top + r.value));
+      typeof window > "u" || (r.value = Math.max(0, window.scrollY), o.value = window.innerHeight, f.value && (m.value = f.value.getBoundingClientRect().top + r.value));
     }
-    function Me() {
-      m("scroll", {
-        scrollTop: g.value,
+    function ye() {
+      p("scroll", {
+        scrollTop: y.value,
         startIndex: B.value,
-        endIndex: le.value
+        endIndex: te.value
       });
     }
-    function _(d = !1) {
-      j && (Y || (Y = d), !p && (p = W(() => {
-        p = void 0, re(), Y && (Y = !1, Me()), t();
+    function _(v = !1) {
+      F && (E || (E = v), !w && (w = Z(() => {
+        w = void 0, re(), E && (E = !1, ye()), t();
       })));
     }
-    function J() {
+    function ee() {
       _(!0);
     }
     function s() {
       _();
     }
     function t() {
-      if (typeof window > "u" || !e.hasMore || e.loading || A === e.items.length)
+      if (typeof window > "u" || !e.hasMore || e.loading || W === e.items.length)
         return;
-      const d = Math.max(0, e.loadMoreThreshold), S = f.value + ve.value, T = r.value + o.value;
-      S - T <= d && (A = e.items.length, m("loadMore"));
+      const v = Math.max(0, e.loadMoreThreshold), S = m.value + Q.value, T = r.value + o.value;
+      S - T <= v && (W = e.items.length, p("loadMore"));
     }
-    function a(d) {
-      const S = d.borderBoxSize;
+    function a(v) {
+      const S = v.borderBoxSize;
       if (S) {
         const T = Array.isArray(S) ? S[0] : S;
         if (T != null && T.blockSize) return T.blockSize;
       }
-      return d.contentRect.height;
+      return v.contentRect.height;
     }
-    function h(d) {
-      const S = F.value;
+    function g(v) {
+      const S = z.value;
       let T = 0, fe = !1;
-      for (const Z of d) {
-        const be = Z.target, Ie = Q.get(be), Be = a(Z);
+      for (const X of v) {
+        const be = X.target, Ie = U.get(be), Be = a(X);
         if (Ie === void 0 || Be <= 0) continue;
-        const Ke = P.get(Ie) ?? ee.value;
+        const Ke = O.get(Ie) ?? G.value;
         if (Math.abs(Ke - Be) < 0.5) continue;
-        const Re = ge.value.get(Ie);
-        Re !== void 0 && S.offsets[Re + 1] <= g.value && (T += Be - Ke), P.set(Ie, Be), fe = !0;
+        const He = he.value.get(Ie);
+        He !== void 0 && S.offsets[He + 1] <= y.value && (T += Be - Ke), O.set(Ie, Be), fe = !0;
       }
-      fe && (O.value += 1, K(() => {
-        if (j) {
+      fe && (A.value += 1, C(() => {
+        if (F) {
           if (T !== 0 && typeof window < "u") {
-            const Z = Math.max(
+            const X = Math.max(
               0,
               r.value + T
             );
-            r.value = Z, window.scrollTo({ top: Z, behavior: "auto" });
+            r.value = X, window.scrollTo({ top: X, behavior: "auto" });
           }
           re(), t();
         }
       }));
     }
-    function b(d) {
-      if (j) {
-        for (const S of d)
-          X.set(S.target, S);
-        z || (z = W(() => {
-          z = void 0;
-          const S = Array.from(X.values());
-          X.clear(), h(S);
+    function b(v) {
+      if (F) {
+        for (const S of v)
+          q.set(S.target, S);
+        k || (k = Z(() => {
+          k = void 0;
+          const S = Array.from(q.values());
+          q.clear(), g(S);
         }));
       }
     }
-    function xe(d, S) {
-      d instanceof HTMLElement && (Q.set(d, S), L == null || L.observe(d));
+    function Me(v, S) {
+      v instanceof HTMLElement && (U.set(v, S), D == null || D.observe(v));
     }
-    function pe() {
-      for (const [d] of Q)
-        d.isConnected || (L == null || L.unobserve(d), Q.delete(d));
+    function ge() {
+      for (const [v] of U)
+        v.isConnected || (D == null || D.unobserve(v), U.delete(v));
     }
-    function me(d, S = {}) {
+    function ve(v, S = {}) {
       if (typeof window > "u") return;
       re();
-      const T = Math.max(0, ve.value - o.value), fe = Math.min(
-        Math.max(0, Number.isFinite(d) ? d : 0),
+      const T = Math.max(0, Q.value - o.value), fe = Math.min(
+        Math.max(0, Number.isFinite(v) ? v : 0),
         T
-      ), Z = Math.max(0, f.value + fe), be = S.behavior ?? "auto";
-      be === "auto" && (r.value = Z), window.scrollTo({ ...S, top: Z, behavior: be });
+      ), X = Math.max(0, m.value + fe), be = S.behavior ?? "auto";
+      be === "auto" && (r.value = X), window.scrollTo({ ...S, top: X, behavior: be });
     }
-    function Ee(d, S = {}) {
+    function Le(v, S = {}) {
       if (typeof window > "u" || e.items.length === 0) return;
       re();
       const T = Math.min(
         e.items.length - 1,
-        Math.max(0, Math.floor(d))
-      ), { align: fe = "start", ...Z } = S, be = F.value.sizes[T];
-      let Ie = f.value + F.value.offsets[T];
+        Math.max(0, Math.floor(v))
+      ), { align: fe = "start", ...X } = S, be = z.value.sizes[T];
+      let Ie = m.value + z.value.offsets[T];
       fe === "center" ? Ie -= (o.value - be) / 2 : fe === "end" && (Ie -= o.value - be);
       const Be = Math.max(
-        f.value,
-        f.value + ve.value - o.value
-      ), Ke = Math.max(0, Math.min(Ie, Be)), Re = Z.behavior ?? "auto";
-      Re === "auto" && (r.value = Ke), window.scrollTo({
-        ...Z,
+        m.value,
+        m.value + Q.value - o.value
+      ), Ke = Math.max(0, Math.min(Ie, Be)), He = X.behavior ?? "auto";
+      He === "auto" && (r.value = Ke), window.scrollTo({
+        ...X,
         top: Ke,
-        behavior: Re
+        behavior: He
       });
     }
-    function ke(d = "auto") {
-      typeof window > "u" || (re(), window.scrollTo({ top: Math.max(0, f.value), behavior: d }));
+    function ke(v = "auto") {
+      typeof window > "u" || (re(), window.scrollTo({ top: Math.max(0, m.value), behavior: v }));
     }
     return ie(
       () => e.itemKey,
       () => {
-        P.clear(), O.value += 1, A = -1;
+        O.clear(), A.value += 1, W = -1;
       }
     ), ie(
-      () => e.items.map((d, S) => ne(d, S)),
-      async (d, S) => {
-        const T = d.length !== S.length || d.some((Z, be) => Z !== S[be]), fe = new Set(d);
-        for (const Z of P.keys())
-          fe.has(Z) || P.delete(Z);
-        T && (A = -1), O.value += 1, await K(), j && (re(), t());
+      () => e.items.map((v, S) => ne(v, S)),
+      async (v, S) => {
+        const T = v.length !== S.length || v.some((X, be) => X !== S[be]), fe = new Set(v);
+        for (const X of O.keys())
+          fe.has(X) || O.delete(X);
+        T && (W = -1), A.value += 1, await C(), F && (re(), t());
       }
     ), ie(
       () => [e.hasMore, e.loading],
-      async ([d]) => {
-        d || (A = -1), await K(), j && (re(), t());
+      async ([v]) => {
+        v || (W = -1), await C(), F && (re(), t());
       }
-    ), Ce(() => {
-      if (j = !0, re(), window.addEventListener("scroll", J, { passive: !0 }), window.addEventListener("resize", s, { passive: !0 }), typeof ResizeObserver < "u") {
+    ), Ae(() => {
+      if (F = !0, re(), window.addEventListener("scroll", ee, { passive: !0 }), window.addEventListener("resize", s, { passive: !0 }), typeof ResizeObserver < "u") {
         V = new ResizeObserver(() => {
           _();
-        }), L = new ResizeObserver(b), c.value && V.observe(c.value);
-        for (const [d] of Q)
-          L.observe(d);
+        }), D = new ResizeObserver(b), f.value && V.observe(f.value);
+        for (const [v] of U)
+          D.observe(v);
       }
-      K(() => {
-        j && t();
+      C(() => {
+        F && t();
       });
-    }), Je(pe), Pe(() => {
-      j = !1, window.removeEventListener("scroll", J), window.removeEventListener("resize", s), k(p), k(z), p = void 0, z = void 0, Y = !1, X.clear(), V && (V.disconnect(), V = void 0), L && (L.disconnect(), L = void 0), Q.clear();
-    }), C({
-      scrollTo: me,
-      scrollToIndex: Ee,
+    }), Xe(ge), Ce(() => {
+      F = !1, window.removeEventListener("scroll", ee), window.removeEventListener("resize", s), H(w), H(k), w = void 0, k = void 0, E = !1, q.clear(), V && (V.disconnect(), V = void 0), D && (D.disconnect(), D = void 0), U.clear();
+    }), P({
+      scrollTo: ve,
+      scrollToIndex: Le,
       scrollToTop: ke
-    }), (d, S) => (I(), $("div", {
+    }), (v, S) => (I(), $("div", {
       ref_key: "root",
-      ref: c,
-      class: We(["vue-window-dynamic-virtual-scroll", { "vue-window-dynamic-virtual-scroll--pulling": u(te) }]),
+      ref: f,
+      class: Ye(["vue-window-dynamic-virtual-scroll", { "vue-window-dynamic-virtual-scroll--pulling": c(ae) }]),
       role: "list",
       "aria-label": l.ariaLabel,
       onTouchstartPassive: S[0] || (S[0] = //@ts-ignore
-      (...T) => u(y) && u(y)(...T)),
+      (...T) => c(me) && c(me)(...T)),
       onTouchmove: S[1] || (S[1] = //@ts-ignore
-      (...T) => u(w) && u(w)(...T)),
+      (...T) => c(de) && c(de)(...T)),
       onTouchend: S[2] || (S[2] = //@ts-ignore
-      (...T) => u(q) && u(q)(...T)),
+      (...T) => c(ue) && c(ue)(...T)),
       onTouchcancel: S[3] || (S[3] = //@ts-ignore
-      (...T) => u(he) && u(he)(...T))
+      (...T) => c(we) && c(we)(...T))
     }, [
       l.pullToRefresh || l.refreshing ? (I(), $("div", {
         key: 0,
         class: "vue-window-dynamic-virtual-scroll__refresh",
         style: N({
-          height: `${u(ue)}px`,
-          transform: `translateY(${u(ae) - u(ue)}px)`
+          height: `${c(se)}px`,
+          transform: `translateY(${c(J) - c(se)}px)`
         }),
         role: "status",
         "aria-live": "polite"
       }, [
-        ce(d.$slots, "refresh", {
-          pullDistance: u(R),
-          progress: u(G),
+        ce(v.$slots, "refresh", {
+          pullDistance: c(R),
+          progress: c(Y),
           refreshing: l.refreshing
         }, () => [
-          Ve(Ge(u(se)), 1)
+          Ve(je(c(le)), 1)
         ])
       ], 4)) : ze("", !0),
       l.items.length || l.loading ? (I(), $("div", {
         key: 1,
         class: "vue-window-dynamic-virtual-scroll__spacer",
         style: N({
-          height: `${ve.value}px`,
-          transform: `translateY(${u(ae)}px)`
+          height: `${Q.value}px`,
+          transform: `translateY(${c(J)}px)`
         })
       }, [
-        (I(!0), $(He, null, Ae(oe.value, ({ item: T, index: fe, key: Z, top: be }) => (I(), $("div", {
-          key: Z,
+        (I(!0), $(Re, null, De(oe.value, ({ item: T, index: fe, key: X, top: be }) => (I(), $("div", {
+          key: X,
           ref_for: !0,
-          ref: (Ie) => xe(Ie, Z),
+          ref: (Ie) => Me(Ie, X),
           class: "vue-window-dynamic-virtual-scroll__item",
           style: N({ transform: `translateY(${be}px)` }),
           role: "listitem",
           "aria-posinset": fe + 1,
           "aria-setsize": l.items.length
         }, [
-          ce(d.$slots, "default", {
+          ce(v.$slots, "default", {
             item: T,
             index: fe
           })
-        ], 12, $t))), 128)),
+        ], 12, Et))), 128)),
         l.loading ? (I(), $("div", {
           key: 0,
           class: "vue-window-dynamic-virtual-scroll__loading",
           style: N({
-            height: `${de.value}px`,
-            transform: `translateY(${F.value.total}px)`
+            height: `${u.value}px`,
+            transform: `translateY(${z.value.total}px)`
           }),
           role: "status",
           "aria-live": "polite"
         }, [
-          ce(d.$slots, "loading", {}, () => [
+          ce(v.$slots, "loading", {}, () => [
             S[4] || (S[4] = Ve("Loading more…", -1))
           ])
         ], 4)) : ze("", !0)
       ], 4)) : (I(), $("div", {
         key: 2,
         class: "vue-window-dynamic-virtual-scroll__empty",
-        style: N({ transform: `translateY(${u(ae)}px)` })
+        style: N({ transform: `translateY(${c(J)}px)` })
       }, [
-        ce(d.$slots, "empty")
+        ce(v.$slots, "empty")
       ], 4))
-    ], 42, It));
+    ], 42, kt));
   }
-}), Lt = ["aria-label"], Et = ["aria-posinset", "aria-setsize"], Bt = /* @__PURE__ */ Oe({
+}), Bt = ["aria-label"], Vt = ["aria-posinset", "aria-setsize"], Ht = /* @__PURE__ */ Oe({
   name: "WindowGirdVirtualScroll",
   __name: "WindowGirdVirtualScroll",
   props: {
@@ -1892,131 +1907,131 @@ const rt = ["aria-label"], ut = ["aria-posinset", "aria-setsize"], et = /* @__PU
     pullRefreshThreshold: { default: 64 }
   },
   emits: ["scroll", "loadMore", "refresh"],
-  setup(l, { expose: C, emit: x }) {
-    const e = l, m = x, c = U(), r = U(0), o = U(0), f = U(0);
-    let O, P = -1;
-    const { getItemKey: Q } = De({
+  setup(l, { expose: P, emit: x }) {
+    const e = l, p = x, f = j(), r = j(0), o = j(0), m = j(0);
+    let A, O = -1;
+    const { getItemKey: U } = Pe({
       componentName: "WindowGirdVirtualScroll",
       items: () => e.items,
       itemKey: () => e.itemKey
     }), {
-      pulling: X,
+      pulling: q,
       pullDistance: V,
-      pullOffset: L,
-      pullProgress: p,
-      refreshMessage: z,
-      refreshThreshold: Y,
-      handleTouchStart: j,
-      handleTouchMove: A,
+      pullOffset: D,
+      pullProgress: w,
+      refreshMessage: k,
+      refreshThreshold: E,
+      handleTouchStart: F,
+      handleTouchMove: W,
       handleTouchEnd: ne,
-      handleTouchCancel: W
+      handleTouchCancel: Z
     } = qe({
       enabled: () => e.pullToRefresh,
       refreshing: () => e.refreshing,
       threshold: () => e.pullRefreshThreshold,
-      onRefresh: () => m("refresh"),
+      onRefresh: () => p("refresh"),
       scrollTop: () => typeof window > "u" ? 0 : Math.max(0, window.scrollY)
-    }), k = n(() => Math.max(1, e.itemSize)), te = n(
+    }), H = n(() => Math.max(1, e.itemSize)), ae = n(
       () => Math.max(1, Math.floor(e.columns))
-    ), R = n(() => Math.max(0, e.gap)), ae = n(() => Math.max(0, Math.floor(e.overscan))), G = n(
-      () => Math.max(1, e.loadingItemSize ?? k.value)
+    ), R = n(() => Math.max(0, e.gap)), J = n(() => Math.max(0, Math.floor(e.overscan))), Y = n(
+      () => Math.max(1, e.loadingItemSize ?? H.value)
+    ), le = n(
+      () => H.value + R.value
     ), se = n(
-      () => k.value + R.value
+      () => Math.ceil(e.items.length / ae.value)
+    ), me = n(() => se.value === 0 ? 0 : se.value * H.value + (se.value - 1) * R.value), de = n(
+      () => me.value + (e.items.length ? R.value : 0)
     ), ue = n(
-      () => Math.ceil(e.items.length / te.value)
-    ), y = n(() => ue.value === 0 ? 0 : ue.value * k.value + (ue.value - 1) * R.value), w = n(
-      () => y.value + (e.items.length ? R.value : 0)
-    ), q = n(
-      () => y.value + (e.loading ? G.value + (e.items.length ? R.value : 0) : 0)
-    ), he = n(
-      () => Math.max(0, r.value - f.value)
-    ), ee = n(
+      () => me.value + (e.loading ? Y.value + (e.items.length ? R.value : 0) : 0)
+    ), we = n(
+      () => Math.max(0, r.value - m.value)
+    ), G = n(
       () => Math.max(
         0,
-        Math.floor(he.value / se.value) - ae.value
+        Math.floor(we.value / le.value) - J.value
       )
-    ), de = n(() => {
-      if (ue.value === 0) return 0;
+    ), u = n(() => {
+      if (se.value === 0) return 0;
       const _ = Math.max(
-        k.value,
-        r.value + o.value - f.value
-      ), J = Math.ceil(
-        (_ + R.value) / se.value
+        H.value,
+        r.value + o.value - m.value
+      ), ee = Math.ceil(
+        (_ + R.value) / le.value
       );
       return Math.min(
-        ue.value,
-        J + ae.value
+        se.value,
+        ee + J.value
       );
-    }), D = n(
-      () => Math.min(e.items.length, ee.value * te.value)
-    ), F = n(
-      () => Math.min(e.items.length, de.value * te.value)
-    ), ve = n(
-      () => e.items.slice(D.value, F.value).map((_, J) => {
-        const s = D.value + J;
+    }), d = n(
+      () => Math.min(e.items.length, G.value * ae.value)
+    ), z = n(
+      () => Math.min(e.items.length, u.value * ae.value)
+    ), Q = n(
+      () => e.items.slice(d.value, z.value).map((_, ee) => {
+        const s = d.value + ee;
         return {
           item: _,
           index: s,
-          key: Q(_, s),
-          rowIndex: Math.floor(s / te.value),
-          columnIndex: s % te.value
+          key: U(_, s),
+          rowIndex: Math.floor(s / ae.value),
+          columnIndex: s % ae.value
         };
       })
-    ), ge = n(() => ({
-      gridTemplateColumns: `repeat(${te.value}, minmax(0, 1fr))`,
+    ), he = n(() => ({
+      gridTemplateColumns: `repeat(${ae.value}, minmax(0, 1fr))`,
       columnGap: `${R.value}px`,
       rowGap: `${R.value}px`,
-      transform: `translateY(${ee.value * se.value}px)`
+      transform: `translateY(${G.value * le.value}px)`
     }));
-    function g() {
-      typeof window > "u" || (r.value = Math.max(0, window.scrollY), o.value = window.innerHeight, c.value && (f.value = c.value.getBoundingClientRect().top + r.value));
-    }
-    function E() {
-      m("scroll", {
-        scrollTop: he.value,
-        startIndex: D.value,
-        endIndex: F.value
+    function y() {
+      typeof window > "u" || (r.value = Math.max(0, window.scrollY), o.value = window.innerHeight, f.value && (m.value = f.value.getBoundingClientRect().top + r.value));
+    }
+    function L() {
+      p("scroll", {
+        scrollTop: we.value,
+        startIndex: d.value,
+        endIndex: z.value
       });
     }
     function B() {
-      g(), E(), le();
+      y(), L(), te();
     }
-    function le() {
-      if (typeof window > "u" || !e.hasMore || e.loading || P === e.items.length)
+    function te() {
+      if (typeof window > "u" || !e.hasMore || e.loading || O === e.items.length)
         return;
-      const _ = Math.max(0, e.loadMoreThreshold), J = f.value + q.value, s = r.value + o.value;
-      J - s <= _ && (P = e.items.length, m("loadMore"));
+      const _ = Math.max(0, e.loadMoreThreshold), ee = m.value + ue.value, s = r.value + o.value;
+      ee - s <= _ && (O = e.items.length, p("loadMore"));
     }
-    function oe(_, J = {}) {
+    function oe(_, ee = {}) {
       if (typeof window > "u") return;
-      g();
-      const s = Math.max(0, q.value - o.value), t = Math.min(
+      y();
+      const s = Math.max(0, ue.value - o.value), t = Math.min(
         Math.max(0, Number.isFinite(_) ? _ : 0),
         s
-      ), a = Math.max(0, f.value + t), h = J.behavior ?? "auto";
-      h === "auto" && (r.value = a), window.scrollTo({ ...J, top: a, behavior: h });
+      ), a = Math.max(0, m.value + t), g = ee.behavior ?? "auto";
+      g === "auto" && (r.value = a), window.scrollTo({ ...ee, top: a, behavior: g });
     }
-    function re(_, J = {}) {
+    function re(_, ee = {}) {
       if (typeof window > "u" || e.items.length === 0) return;
-      g();
+      y();
       const s = Math.min(
         e.items.length - 1,
         Math.max(0, Math.floor(_))
-      ), t = Math.floor(s / te.value), { align: a = "start", ...h } = J;
-      let b = f.value + t * se.value;
-      a === "center" ? b -= (o.value - k.value) / 2 : a === "end" && (b -= o.value - k.value);
-      const xe = Math.max(
-        f.value,
-        f.value + q.value - o.value
-      ), pe = Math.max(0, Math.min(b, xe)), me = h.behavior ?? "auto";
-      me === "auto" && (r.value = pe), window.scrollTo({
-        ...h,
-        top: pe,
-        behavior: me
+      ), t = Math.floor(s / ae.value), { align: a = "start", ...g } = ee;
+      let b = m.value + t * le.value;
+      a === "center" ? b -= (o.value - H.value) / 2 : a === "end" && (b -= o.value - H.value);
+      const Me = Math.max(
+        m.value,
+        m.value + ue.value - o.value
+      ), ge = Math.max(0, Math.min(b, Me)), ve = g.behavior ?? "auto";
+      ve === "auto" && (r.value = ge), window.scrollTo({
+        ...g,
+        top: ge,
+        behavior: ve
       });
     }
-    function Me(_ = "auto") {
-      typeof window > "u" || (g(), window.scrollTo({ top: Math.max(0, f.value), behavior: _ }));
+    function ye(_ = "auto") {
+      typeof window > "u" || (y(), window.scrollTo({ top: Math.max(0, m.value), behavior: _ }));
     }
     return ie(
       () => [
@@ -2026,72 +2041,72 @@ const rt = ["aria-label"], ut = ["aria-posinset", "aria-setsize"], et = /* @__PU
         e.gap
       ],
       async () => {
-        await K(), g(), le();
+        await C(), y(), te();
       }
     ), ie(
       () => [e.hasMore, e.loading],
       async ([_]) => {
-        _ || (P = -1), await K(), g(), le();
+        _ || (O = -1), await C(), y(), te();
       }
-    ), Ce(() => {
-      g(), window.addEventListener("scroll", B, { passive: !0 }), window.addEventListener("resize", B, { passive: !0 }), typeof ResizeObserver < "u" && (O = new ResizeObserver(() => {
-        g(), le();
-      }), c.value && O.observe(c.value)), K(le);
-    }), Pe(() => {
-      window.removeEventListener("scroll", B), window.removeEventListener("resize", B), O && (O.disconnect(), O = void 0);
-    }), C({
+    ), Ae(() => {
+      y(), window.addEventListener("scroll", B, { passive: !0 }), window.addEventListener("resize", B, { passive: !0 }), typeof ResizeObserver < "u" && (A = new ResizeObserver(() => {
+        y(), te();
+      }), f.value && A.observe(f.value)), C(te);
+    }), Ce(() => {
+      window.removeEventListener("scroll", B), window.removeEventListener("resize", B), A && (A.disconnect(), A = void 0);
+    }), P({
       scrollTo: oe,
       scrollToIndex: re,
-      scrollToTop: Me
-    }), (_, J) => (I(), $("div", {
+      scrollToTop: ye
+    }), (_, ee) => (I(), $("div", {
       ref_key: "root",
-      ref: c,
-      class: We(["vue-window-gird-virtual-scroll", { "vue-window-gird-virtual-scroll--pulling": u(X) }]),
+      ref: f,
+      class: Ye(["vue-window-gird-virtual-scroll", { "vue-window-gird-virtual-scroll--pulling": c(q) }]),
       role: "list",
       "aria-label": l.ariaLabel,
-      onTouchstartPassive: J[0] || (J[0] = //@ts-ignore
-      (...s) => u(j) && u(j)(...s)),
-      onTouchmove: J[1] || (J[1] = //@ts-ignore
-      (...s) => u(A) && u(A)(...s)),
-      onTouchend: J[2] || (J[2] = //@ts-ignore
-      (...s) => u(ne) && u(ne)(...s)),
-      onTouchcancel: J[3] || (J[3] = //@ts-ignore
-      (...s) => u(W) && u(W)(...s))
+      onTouchstartPassive: ee[0] || (ee[0] = //@ts-ignore
+      (...s) => c(F) && c(F)(...s)),
+      onTouchmove: ee[1] || (ee[1] = //@ts-ignore
+      (...s) => c(W) && c(W)(...s)),
+      onTouchend: ee[2] || (ee[2] = //@ts-ignore
+      (...s) => c(ne) && c(ne)(...s)),
+      onTouchcancel: ee[3] || (ee[3] = //@ts-ignore
+      (...s) => c(Z) && c(Z)(...s))
     }, [
       l.pullToRefresh || l.refreshing ? (I(), $("div", {
         key: 0,
         class: "vue-window-gird-virtual-scroll__refresh",
         style: N({
-          height: `${u(Y)}px`,
-          transform: `translateY(${u(L) - u(Y)}px)`
+          height: `${c(E)}px`,
+          transform: `translateY(${c(D) - c(E)}px)`
         }),
         role: "status",
         "aria-live": "polite"
       }, [
         ce(_.$slots, "refresh", {
-          pullDistance: u(V),
-          progress: u(p),
+          pullDistance: c(V),
+          progress: c(w),
           refreshing: l.refreshing
         }, () => [
-          Ve(Ge(u(z)), 1)
+          Ve(je(c(k)), 1)
         ])
       ], 4)) : ze("", !0),
       l.items.length || l.loading ? (I(), $("div", {
         key: 1,
         class: "vue-window-gird-virtual-scroll__spacer",
         style: N({
-          height: `${q.value}px`,
-          transform: `translateY(${u(L)}px)`
+          height: `${ue.value}px`,
+          transform: `translateY(${c(D)}px)`
         })
       }, [
-        je("div", {
+        Ge("div", {
           class: "vue-window-gird-virtual-scroll__content",
-          style: N(ge.value)
+          style: N(he.value)
         }, [
-          (I(!0), $(He, null, Ae(ve.value, ({ item: s, index: t, key: a, rowIndex: h, columnIndex: b }) => (I(), $("div", {
+          (I(!0), $(Re, null, De(Q.value, ({ item: s, index: t, key: a, rowIndex: g, columnIndex: b }) => (I(), $("div", {
             key: a,
             class: "vue-window-gird-virtual-scroll__item",
-            style: N({ height: `${k.value}px` }),
+            style: N({ height: `${H.value}px` }),
             role: "listitem",
             "aria-posinset": t + 1,
             "aria-setsize": l.items.length
@@ -2099,55 +2114,55 @@ const rt = ["aria-label"], ut = ["aria-posinset", "aria-setsize"], et = /* @__PU
             ce(_.$slots, "default", {
               item: s,
               index: t,
-              rowIndex: h,
+              rowIndex: g,
               columnIndex: b
             })
-          ], 12, Et))), 128))
+          ], 12, Vt))), 128))
         ], 4),
         l.loading ? (I(), $("div", {
           key: 0,
           class: "vue-window-gird-virtual-scroll__loading",
           style: N({
-            height: `${G.value}px`,
-            transform: `translateY(${w.value}px)`
+            height: `${Y.value}px`,
+            transform: `translateY(${de.value}px)`
           }),
           role: "status",
           "aria-live": "polite"
         }, [
           ce(_.$slots, "loading", {}, () => [
-            J[4] || (J[4] = Ve("Loading more…", -1))
+            ee[4] || (ee[4] = Ve("Loading more…", -1))
           ])
         ], 4)) : ze("", !0)
       ], 4)) : (I(), $("div", {
         key: 2,
         class: "vue-window-gird-virtual-scroll__empty",
-        style: N({ transform: `translateY(${u(L)}px)` })
+        style: N({ transform: `translateY(${c(D)}px)` })
       }, [
         ce(_.$slots, "empty")
       ], 4))
-    ], 42, Lt));
+    ], 42, Bt));
   }
-}), Vt = et, Ht = {
+}), Rt = et, Kt = {
   install(l) {
-    l.component("ChatVirtualScroll", st), l.component("DynamicVirtualScroll", et), l.component("ShortMediaFeed", ft), l.component("SkeletonLoader", pt), l.component("VirtualCarousel", Tt), l.component("VirtualList", Vt), l.component("VirtualScroll", zt), l.component(
+    l.component("ChatVirtualScroll", st), l.component("DynamicVirtualScroll", et), l.component("ShortMediaFeed", mt), l.component("SkeletonLoader", Mt), l.component("VirtualCarousel", St), l.component("VirtualList", Rt), l.component("VirtualScroll", $t), l.component(
       "WindowDynamicVirtualScroll",
-      kt
+      Lt
     ), l.component(
       "WindowGirdVirtualScroll",
-      Bt
+      Ht
     );
   }
 };
 export {
   st as ChatVirtualScroll,
   et as DynamicVirtualScroll,
-  ft as ShortMediaFeed,
-  pt as SkeletonLoader,
-  Tt as VirtualCarousel,
-  Vt as VirtualList,
-  zt as VirtualScroll,
-  Ht as VueVirtualScroll,
-  kt as WindowDynamicVirtualScroll,
-  Bt as WindowGirdVirtualScroll,
-  Ht as default
+  mt as ShortMediaFeed,
+  Mt as SkeletonLoader,
+  St as VirtualCarousel,
+  Rt as VirtualList,
+  $t as VirtualScroll,
+  Kt as VueVirtualScroll,
+  Lt as WindowDynamicVirtualScroll,
+  Ht as WindowGirdVirtualScroll,
+  Kt as default
 };