vue-virtual-flow 0.0.1 → 0.0.2

package/dist/vue-virtual-flow.js

@@ -1,51 +1,51 @@
-import { watch as ae, defineComponent as ge, ref as A, computed as i, nextTick as $, onMounted as pe, onUpdated as ze, onBeforeUnmount as ye, openBlock as w, createElementBlock as b, normalizeStyle as C, createElementVNode as Be, renderSlot as X, createTextVNode as me, createCommentVNode as he, Fragment as ve, renderList as Me, unref as m, normalizeClass as $e, toDisplayString as ke } from "vue";
-function Ve(n) {
+import { watch as Z, defineComponent as ge, ref as P, computed as i, nextTick as k, onMounted as pe, onUpdated as ze, onBeforeUnmount as ye, openBlock as b, createElementBlock as S, normalizeStyle as A, createElementVNode as Be, renderSlot as le, createTextVNode as ve, createCommentVNode as he, Fragment as me, renderList as Me, unref as f, normalizeClass as $e, toDisplayString as ke } from "vue";
+function Ee(n) {
   return typeof n == "string" || typeof n == "number" || typeof n == "symbol";
 }
-function Ie(n, W) {
-  const k = n[W];
-  return Ve(k) ? k : void 0;
+function Ie(n, _) {
+  const H = n[_];
+  return Ee(H) ? H : void 0;
 }
-function Ee(n) {
+function Ve(n) {
   return Ie(n, "id") ?? Ie(n, "key");
 }
 function xe(n) {
-  function W(e, S) {
-    const g = n.itemKey();
-    if (typeof g == "function")
-      return g(e, S);
+  function _(e, I) {
+    const m = n.itemKey();
+    if (typeof m == "function")
+      return m(e, I);
     if (e !== null && typeof e == "object") {
-      if (g !== void 0) {
-        const u = Ie(e, g);
+      if (m !== void 0) {
+        const u = Ie(e, m);
         if (u !== void 0) return u;
       }
-      const x = Ee(e);
-      if (x !== void 0) return x;
+      const w = Ve(e);
+      if (w !== void 0) return w;
     }
-    return S;
+    return I;
   }
-  function k() {
+  function H() {
   }
-  return ae(
+  return Z(
     () => [n.itemKey(), n.items()],
-    k,
+    H,
     { immediate: !0 }
-  ), { getItemKey: W };
+  ), { getItemKey: _ };
 }
 function we(n) {
   return n === "fill" ? "100%" : typeof n == "number" ? `${n}px` : n;
 }
 function be(n) {
-  return (W, k) => {
-    typeof k == "string" && (k === "fill" || k.trim().endsWith("%"));
+  return (_, H) => {
+    typeof H == "string" && (H === "fill" || H.trim().endsWith("%"));
   };
 }
-const Ke = ["aria-label"], Ce = {
+const Ke = ["aria-label"], De = {
   key: 0,
   class: "vue-chat-virtual-scroll__loading-older",
   role: "status",
   "aria-live": "polite"
-}, De = ["aria-posinset", "aria-setsize"], Re = /* @__PURE__ */ ge({
+}, Ce = ["aria-posinset", "aria-setsize"], Ae = /* @__PURE__ */ ge({
   name: "ChatVirtualScroll",
   __name: "ChatVirtualScroll",
   props: {
@@ -63,304 +63,304 @@ const Ke = ["aria-label"], Ce = {
     loadOlderThreshold: { default: 120 }
   },
   emits: ["scroll", "loadOlder", "bottomChange"],
-  setup(n, { expose: W, emit: k }) {
-    const e = n, S = k, g = A(), x = A(0), u = A(0), V = A(0), P = A(!0), O = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map();
-    let N, p, H = -1, T = !1;
-    const B = be(), { getItemKey: F } = xe({
+  setup(n, { expose: _, emit: H }) {
+    const e = n, I = H, m = P(), w = P(0), u = P(0), L = P(0), N = P(!0), R = /* @__PURE__ */ new Map(), C = /* @__PURE__ */ new Map();
+    let E, M, z = -1, T = !1;
+    const $ = be(), { getItemKey: F } = xe({
       componentName: "ChatVirtualScroll",
       items: () => e.items,
       itemKey: () => e.itemKey
-    }), I = i(
+    }), Y = i(
       () => Math.max(1, e.estimatedItemSize)
-    ), U = i(() => Math.max(0, Math.floor(e.overscan))), ee = i(() => u.value > 0 ? u.value : typeof e.height == "number" ? Math.max(0, e.height) : I.value), K = i(() => {
-      V.value;
-      const a = new Array(e.items.length + 1), f = new Array(e.items.length);
-      a[0] = 0;
+    ), J = i(() => Math.max(0, Math.floor(e.overscan))), ae = i(() => u.value > 0 ? u.value : typeof e.height == "number" ? Math.max(0, e.height) : Y.value), V = i(() => {
+      L.value;
+      const o = new Array(e.items.length + 1), d = new Array(e.items.length);
+      o[0] = 0;
       for (let r = 0; r < e.items.length; r += 1) {
-        const D = F(e.items[r], r), R = O.get(D) ?? I.value;
-        f[r] = R, a[r + 1] = a[r] + R;
+        const K = F(e.items[r], r), D = R.get(K) ?? Y.value;
+        d[r] = D, o[r + 1] = o[r] + D;
       }
       return {
-        offsets: a,
-        sizes: f,
-        total: a[e.items.length] ?? 0
+        offsets: o,
+        sizes: d,
+        total: o[e.items.length] ?? 0
       };
-    }), z = i(() => {
-      const a = /* @__PURE__ */ new Map();
-      return e.items.forEach((f, r) => {
-        a.set(F(f, r), r);
-      }), a;
+    }), x = i(() => {
+      const o = /* @__PURE__ */ new Map();
+      return e.items.forEach((d, r) => {
+        o.set(F(d, r), r);
+      }), o;
     });
-    function te(a) {
+    function j(o) {
       if (e.items.length === 0) return 0;
-      const f = K.value.offsets;
-      let r = 0, D = e.items.length;
-      for (; r < D; ) {
-        const R = Math.floor((r + D) / 2);
-        f[R + 1] <= a ? r = R + 1 : D = R;
+      const d = V.value.offsets;
+      let r = 0, K = e.items.length;
+      for (; r < K; ) {
+        const D = Math.floor((r + K) / 2);
+        d[D + 1] <= o ? r = D + 1 : K = D;
       }
       return Math.min(r, e.items.length - 1);
     }
-    const G = i(
+    const q = i(
       () => Math.max(
         0,
-        te(x.value) - U.value
+        j(w.value) - J.value
       )
-    ), J = i(() => {
+    ), Q = i(() => {
       if (e.items.length === 0) return 0;
-      const a = te(x.value + ee.value) + 1;
+      const o = j(w.value + ae.value) + 1;
       return Math.min(
         e.items.length,
-        a + U.value
+        o + J.value
       );
-    }), _ = i(
-      () => e.items.slice(G.value, J.value).map((a, f) => {
-        const r = G.value + f;
+    }), U = i(
+      () => e.items.slice(q.value, Q.value).map((o, d) => {
+        const r = q.value + d;
         return {
-          item: a,
+          item: o,
           index: r,
-          key: F(a, r),
-          top: K.value.offsets[r]
+          key: F(o, r),
+          top: V.value.offsets[r]
         };
       })
-    ), oe = i(() => ({
+    ), ue = i(() => ({
       height: we(e.height)
     }));
-    function Y() {
-      const a = g.value;
-      if (!a) return;
+    function O() {
+      const o = m.value;
+      if (!o) return;
       const r = Math.max(
         0,
-        K.value.total - a.scrollTop - a.clientHeight
+        V.value.total - o.scrollTop - o.clientHeight
       ) <= Math.max(0, e.bottomThreshold);
-      r !== P.value && (P.value = r, T && S("bottomChange", r));
+      r !== N.value && (N.value = r, T && I("bottomChange", r));
     }
     function c() {
-      var a;
-      u.value = ((a = g.value) == null ? void 0 : a.clientHeight) ?? 0, B(g.value, e.height), $(() => {
-        Y(), L();
+      var o;
+      u.value = ((o = m.value) == null ? void 0 : o.clientHeight) ?? 0, $(m.value, e.height), k(() => {
+        O(), B();
       });
     }
-    function v(a) {
-      x.value = a.currentTarget.scrollTop, Y(), S("scroll", {
-        scrollTop: x.value,
-        startIndex: G.value,
-        endIndex: J.value
-      }), L();
-    }
-    function L() {
-      const a = g.value;
-      !T || !a || !e.hasOlder || e.loadingOlder || H === e.items.length || a.scrollTop <= Math.max(0, e.loadOlderThreshold) && (H = e.items.length, S("loadOlder"));
-    }
-    function j(a) {
-      const f = a.borderBoxSize;
-      if (f) {
-        const r = Array.isArray(f) ? f[0] : f;
+    function g(o) {
+      w.value = o.currentTarget.scrollTop, O(), I("scroll", {
+        scrollTop: w.value,
+        startIndex: q.value,
+        endIndex: Q.value
+      }), B();
+    }
+    function B() {
+      const o = m.value;
+      !T || !o || !e.hasOlder || e.loadingOlder || z === e.items.length || o.scrollTop <= Math.max(0, e.loadOlderThreshold) && (z = e.items.length, I("loadOlder"));
+    }
+    function oe(o) {
+      const d = o.borderBoxSize;
+      if (d) {
+        const r = Array.isArray(d) ? d[0] : d;
         if (r != null && r.blockSize) return r.blockSize;
       }
-      return a.contentRect.height;
-    }
-    function re(a) {
-      const f = K.value, r = P.value && e.stickToBottom;
-      let D = 0, R = !1;
-      for (const Z of a) {
-        const ue = Z.target, t = E.get(ue), o = j(Z);
-        if (t === void 0 || o <= 0) continue;
-        const l = O.get(t) ?? I.value;
-        if (Math.abs(l - o) < 0.5) continue;
-        const M = z.value.get(t);
-        M !== void 0 && f.offsets[M + 1] <= x.value && (D += o - l), O.set(t, o), R = !0;
+      return o.contentRect.height;
+    }
+    function ne(o) {
+      const d = V.value, r = N.value && e.stickToBottom;
+      let K = 0, D = !1;
+      for (const W of o) {
+        const s = W.target, t = C.get(s), a = oe(W);
+        if (t === void 0 || a <= 0) continue;
+        const l = R.get(t) ?? Y.value;
+        if (Math.abs(l - a) < 0.5) continue;
+        const y = x.value.get(t);
+        y !== void 0 && d.offsets[y + 1] <= w.value && (K += a - l), R.set(t, a), D = !0;
       }
-      R && (V.value += 1, $(() => {
-        const Z = g.value;
-        Z && (r ? s("auto") : D !== 0 && (Z.scrollTop += D, x.value = Z.scrollTop, Y()));
+      D && (L.value += 1, k(() => {
+        const W = m.value;
+        W && (r ? h("auto") : K !== 0 && (W.scrollTop += K, w.value = W.scrollTop, O()));
       }));
     }
-    function se(a, f) {
-      a instanceof HTMLElement && (E.set(a, f), p == null || p.observe(a));
+    function se(o, d) {
+      o instanceof HTMLElement && (C.set(o, d), M == null || M.observe(o));
     }
-    function ne() {
-      for (const [a] of E)
-        a.isConnected || (p == null || p.unobserve(a), E.delete(a));
+    function X() {
+      for (const [o] of C)
+        o.isConnected || (M == null || M.unobserve(o), C.delete(o));
     }
-    function fe(a, f = {}) {
-      const r = g.value;
+    function ie(o, d = {}) {
+      const r = m.value;
       if (!r) return;
-      const D = Math.max(0, K.value.total - r.clientHeight), R = Math.min(
-        Math.max(0, Number.isFinite(a) ? a : 0),
-        D
-      ), Z = f.behavior ?? "auto";
-      Z === "auto" && (x.value = R), r.scrollTo({ ...f, top: R, behavior: Z }), $(Y);
-    }
-    function le(a, f = {}) {
-      const r = g.value;
+      const K = Math.max(0, V.value.total - r.clientHeight), D = Math.min(
+        Math.max(0, Number.isFinite(o) ? o : 0),
+        K
+      ), W = d.behavior ?? "auto";
+      W === "auto" && (w.value = D), r.scrollTo({ ...d, top: D, behavior: W }), k(O);
+    }
+    function ee(o, d = {}) {
+      const r = m.value;
       if (!r || e.items.length === 0) return;
-      const D = Math.min(
+      const K = Math.min(
         e.items.length - 1,
-        Math.max(0, Math.floor(a))
-      ), { align: R = "start", ...Z } = f, ue = K.value.sizes[D];
-      let t = K.value.offsets[D];
-      R === "center" ? t -= (r.clientHeight - ue) / 2 : R === "end" && (t -= r.clientHeight - ue);
-      const o = Math.max(
+        Math.max(0, Math.floor(o))
+      ), { align: D = "start", ...W } = d, s = V.value.sizes[K];
+      let t = V.value.offsets[K];
+      D === "center" ? t -= (r.clientHeight - s) / 2 : D === "end" && (t -= r.clientHeight - s);
+      const a = Math.max(
         0,
-        Math.min(t, K.value.total - r.clientHeight)
-      ), l = Z.behavior ?? "auto", M = Math.max(
+        Math.min(t, V.value.total - r.clientHeight)
+      ), l = W.behavior ?? "auto", y = Math.max(
         r.clientHeight * 3,
-        I.value * 10
-      ), y = l === "smooth" && Math.abs(o - r.scrollTop) > M ? "auto" : l;
-      y === "auto" && (x.value = o), r.scrollTo({
-        ...Z,
-        top: o,
-        behavior: y
-      }), $(Y);
-    }
-    function d(a = "auto") {
-      const f = g.value;
-      f && (a === "auto" && (x.value = 0), f.scrollTo({ top: 0, behavior: a }), $(Y));
-    }
-    function s(a = "auto") {
-      const f = g.value;
-      if (!f) return;
-      const r = Math.max(0, K.value.total - f.clientHeight);
-      a === "auto" ? (f.scrollTop = r, x.value = r) : f.scrollTo({ top: r, behavior: a }), $(Y);
-    }
-    let h = e.items.map((a, f) => F(a, f));
-    return ae(
-      () => e.items.map((a, f) => F(a, f)),
-      async (a) => {
-        const f = h;
-        h = a;
-        const r = g.value, D = (r == null ? void 0 : r.scrollTop) ?? 0, R = P.value && e.stickToBottom, Z = f[0], ue = Z === void 0 ? 0 : a.indexOf(Z), t = ue > 0 ? a.slice(0, ue).reduce(
-          (l, M) => l + (O.get(M) ?? I.value),
+        Y.value * 10
+      ), p = l === "smooth" && Math.abs(a - r.scrollTop) > y ? "auto" : l;
+      p === "auto" && (w.value = a), r.scrollTo({
+        ...W,
+        top: a,
+        behavior: p
+      }), k(O);
+    }
+    function de(o = "auto") {
+      const d = m.value;
+      d && (o === "auto" && (w.value = 0), d.scrollTo({ top: 0, behavior: o }), k(O));
+    }
+    function h(o = "auto") {
+      const d = m.value;
+      if (!d) return;
+      const r = Math.max(0, V.value.total - d.clientHeight);
+      o === "auto" ? (d.scrollTop = r, w.value = r) : d.scrollTo({ top: r, behavior: o }), k(O);
+    }
+    let v = e.items.map((o, d) => F(o, d));
+    return Z(
+      () => e.items.map((o, d) => F(o, d)),
+      async (o) => {
+        const d = v;
+        v = o;
+        const r = m.value, K = (r == null ? void 0 : r.scrollTop) ?? 0, D = N.value && e.stickToBottom, W = d[0], s = W === void 0 ? 0 : o.indexOf(W), t = s > 0 ? o.slice(0, s).reduce(
+          (l, y) => l + (R.get(y) ?? Y.value),
           0
-        ) : 0, o = new Set(a);
-        for (const l of O.keys())
-          o.has(l) || O.delete(l);
-        V.value += 1, await $(), r && (t > 0 ? (r.scrollTop = D + t, x.value = r.scrollTop) : a.length > f.length && R && s("auto"), Y(), L());
+        ) : 0, a = new Set(o);
+        for (const l of R.keys())
+          a.has(l) || R.delete(l);
+        L.value += 1, await k(), r && (t > 0 ? (r.scrollTop = K + t, w.value = r.scrollTop) : o.length > d.length && D && h("auto"), O(), B());
       }
-    ), ae(
+    ), Z(
       () => [e.hasOlder, e.loadingOlder],
-      async ([a]) => {
-        a || (H = -1), await $(), L();
+      async ([o]) => {
+        o || (z = -1), await k(), B();
       }
     ), pe(() => {
       if (c(), typeof ResizeObserver < "u") {
-        N = new ResizeObserver(c), p = new ResizeObserver(re), g.value && N.observe(g.value);
-        for (const [a] of E)
-          p.observe(a);
+        E = new ResizeObserver(c), M = new ResizeObserver(ne), m.value && E.observe(m.value);
+        for (const [o] of C)
+          M.observe(o);
       }
-      $(() => {
-        e.initialScroll === "bottom" && s("auto"), T = !0, Y(), L();
+      k(() => {
+        e.initialScroll === "bottom" && h("auto"), T = !0, O(), B();
       });
-    }), ze(ne), ye(() => {
-      N == null || N.disconnect(), p == null || p.disconnect(), E.clear();
-    }), W({
-      isAtBottom: P,
-      scrollTo: fe,
-      scrollToIndex: le,
-      scrollToTop: d,
-      scrollToBottom: s
-    }), (a, f) => (w(), b("div", {
+    }), ze(X), ye(() => {
+      E == null || E.disconnect(), M == null || M.disconnect(), C.clear();
+    }), _({
+      isAtBottom: N,
+      scrollTo: ie,
+      scrollToIndex: ee,
+      scrollToTop: de,
+      scrollToBottom: h
+    }), (o, d) => (b(), S("div", {
       ref_key: "viewport",
-      ref: g,
+      ref: m,
       class: "vue-chat-virtual-scroll",
-      style: C(oe.value),
+      style: A(ue.value),
       role: "log",
       "aria-label": n.ariaLabel,
       "aria-live": "polite",
       tabindex: "0",
-      onScrollPassive: v
+      onScrollPassive: g
     }, [
-      n.loadingOlder ? (w(), b("div", Ce, [
+      n.loadingOlder ? (b(), S("div", De, [
         Be("div", null, [
-          X(a.$slots, "loadingOlder", {}, () => [
-            f[0] || (f[0] = me("Loading older messages…", -1))
+          le(o.$slots, "loadingOlder", {}, () => [
+            d[0] || (d[0] = ve("Loading older messages…", -1))
           ])
         ])
       ])) : he("", !0),
-      n.items.length ? (w(), b("div", {
+      n.items.length ? (b(), S("div", {
         key: 1,
         class: "vue-chat-virtual-scroll__spacer",
-        style: C({ height: `${K.value.total}px` })
+        style: A({ height: `${V.value.total}px` })
       }, [
-        (w(!0), b(ve, null, Me(_.value, ({ item: r, index: D, key: R, top: Z }) => (w(), b("div", {
-          key: R,
+        (b(!0), S(me, null, Me(U.value, ({ item: r, index: K, key: D, top: W }) => (b(), S("div", {
+          key: D,
           ref_for: !0,
-          ref: (ue) => se(ue, R),
+          ref: (s) => se(s, D),
           class: "vue-chat-virtual-scroll__item",
-          style: C({ transform: `translateY(${Z}px)` }),
+          style: A({ transform: `translateY(${W}px)` }),
           role: "article",
-          "aria-posinset": D + 1,
+          "aria-posinset": K + 1,
           "aria-setsize": n.items.length
         }, [
-          X(a.$slots, "default", {
+          le(o.$slots, "default", {
             item: r,
-            index: D
+            index: K
           })
-        ], 12, De))), 128))
-      ], 4)) : X(a.$slots, "empty", {}, void 0, void 0, 2)
+        ], 12, Ce))), 128))
+      ], 4)) : le(o.$slots, "empty", {}, void 0, void 0, 2)
     ], 44, Ke));
   }
 });
 function He(n) {
-  const W = A(), k = A(0), e = A(!1), S = A(!1), g = i(() => Math.max(1, n.threshold())), x = i(
-    () => n.refreshing() || S.value ? g.value : k.value
+  const _ = P(), H = P(0), e = P(!1), I = P(!1), m = i(() => Math.max(1, n.threshold())), w = i(
+    () => n.refreshing() || I.value ? m.value : H.value
   ), u = i(
-    () => Math.min(1, k.value / g.value)
-  ), V = i(() => n.refreshing() || S.value ? "Refreshing…" : u.value >= 1 ? "Release to refresh" : "Pull to refresh");
-  function P() {
-    W.value = void 0, e.value = !1, k.value = 0;
+    () => Math.min(1, H.value / m.value)
+  ), L = i(() => n.refreshing() || I.value ? "Refreshing…" : u.value >= 1 ? "Release to refresh" : "Pull to refresh");
+  function N() {
+    _.value = void 0, e.value = !1, H.value = 0;
   }
-  function O(p) {
-    var B;
-    const H = p.currentTarget, T = ((B = n.scrollTop) == null ? void 0 : B.call(n)) ?? H.scrollTop;
-    !n.enabled() || n.refreshing() || T > 0 || p.touches.length !== 1 || (W.value = p.touches[0].clientY, e.value = !0);
+  function R(M) {
+    var $;
+    const z = M.currentTarget, T = (($ = n.scrollTop) == null ? void 0 : $.call(n)) ?? z.scrollTop;
+    !n.enabled() || n.refreshing() || T > 0 || M.touches.length !== 1 || (_.value = M.touches[0].clientY, e.value = !0);
   }
-  function E(p) {
+  function C(M) {
     var F;
-    if (W.value === void 0 || !e.value) return;
-    const H = p.currentTarget;
-    if ((((F = n.scrollTop) == null ? void 0 : F.call(n)) ?? H.scrollTop) > 0 || p.touches.length !== 1) {
-      P();
+    if (_.value === void 0 || !e.value) return;
+    const z = M.currentTarget;
+    if ((((F = n.scrollTop) == null ? void 0 : F.call(n)) ?? z.scrollTop) > 0 || M.touches.length !== 1) {
+      N();
       return;
     }
-    const B = p.touches[0].clientY - W.value;
-    if (B <= 0) {
-      k.value = 0;
+    const $ = M.touches[0].clientY - _.value;
+    if ($ <= 0) {
+      H.value = 0;
       return;
     }
-    p.preventDefault(), k.value = Math.min(B * 0.5, g.value * 2);
+    M.preventDefault(), H.value = Math.min($ * 0.5, m.value * 2);
   }
-  function N() {
-    if (W.value === void 0) return;
-    const p = k.value >= g.value && n.enabled() && !n.refreshing();
-    if (W.value = void 0, e.value = !1, !p) {
-      k.value = 0;
+  function E() {
+    if (_.value === void 0) return;
+    const M = H.value >= m.value && n.enabled() && !n.refreshing();
+    if (_.value = void 0, e.value = !1, !M) {
+      H.value = 0;
       return;
     }
-    k.value = g.value, S.value = !0, n.onRefresh(), $(() => {
-      n.refreshing() || (S.value = !1, k.value = 0);
+    H.value = m.value, I.value = !0, n.onRefresh(), k(() => {
+      n.refreshing() || (I.value = !1, H.value = 0);
     });
   }
-  return ae(
+  return Z(
     () => n.refreshing(),
-    (p, H) => {
-      p ? (S.value = !1, k.value = g.value) : H && (S.value = !1, k.value = 0);
+    (M, z) => {
+      M ? (I.value = !1, H.value = m.value) : z && (I.value = !1, H.value = 0);
     }
   ), {
     pulling: e,
-    pullDistance: k,
-    pullOffset: x,
+    pullDistance: H,
+    pullOffset: w,
     pullProgress: u,
-    refreshMessage: V,
-    refreshThreshold: g,
-    handleTouchStart: O,
-    handleTouchMove: E,
-    handleTouchEnd: N,
-    handleTouchCancel: P
+    refreshMessage: L,
+    refreshThreshold: m,
+    handleTouchStart: R,
+    handleTouchMove: C,
+    handleTouchEnd: E,
+    handleTouchCancel: N
   };
 }
-const Ae = ["aria-label"], Pe = ["aria-posinset", "aria-setsize"], Le = /* @__PURE__ */ ge({
+const Re = ["aria-label"], Pe = ["aria-posinset", "aria-setsize"], Le = /* @__PURE__ */ ge({
   name: "DynamicVirtualScroll",
   __name: "DynamicVirtualScroll",
   props: {
@@ -379,292 +379,292 @@ const Ae = ["aria-label"], Pe = ["aria-posinset", "aria-setsize"], Le = /* @__PU
     pullRefreshThreshold: { default: 64 }
   },
   emits: ["scroll", "loadMore", "refresh"],
-  setup(n, { expose: W, emit: k }) {
-    const e = n, S = k, {
-      pulling: g,
-      pullDistance: x,
+  setup(n, { expose: _, emit: H }) {
+    const e = n, I = H, {
+      pulling: m,
+      pullDistance: w,
       pullOffset: u,
-      pullProgress: V,
-      refreshMessage: P,
-      refreshThreshold: O,
-      handleTouchStart: E,
-      handleTouchMove: N,
-      handleTouchEnd: p,
-      handleTouchCancel: H
+      pullProgress: L,
+      refreshMessage: N,
+      refreshThreshold: R,
+      handleTouchStart: C,
+      handleTouchMove: E,
+      handleTouchEnd: M,
+      handleTouchCancel: z
     } = He({
       enabled: () => e.pullToRefresh,
       refreshing: () => e.refreshing,
       threshold: () => e.pullRefreshThreshold,
-      onRefresh: () => S("refresh")
-    }), T = A(), B = A(0), F = A(0), I = A(0), U = /* @__PURE__ */ new Map(), ee = /* @__PURE__ */ new Map();
-    let K, z, te = -1;
-    const G = be(), { getItemKey: J } = xe({
+      onRefresh: () => I("refresh")
+    }), T = P(), $ = P(0), F = P(0), Y = P(0), J = /* @__PURE__ */ new Map(), ae = /* @__PURE__ */ new Map();
+    let V, x, j = -1;
+    const q = be(), { getItemKey: Q } = xe({
       componentName: "DynamicVirtualScroll",
       items: () => e.items,
       itemKey: () => e.itemKey
-    }), _ = i(
+    }), U = i(
       () => Math.max(1, e.estimatedItemSize)
-    ), oe = i(
-      () => Math.max(1, e.loadingItemSize ?? _.value)
-    ), Y = i(() => Math.max(0, Math.floor(e.overscan))), c = i(() => F.value > 0 ? F.value : typeof e.height == "number" ? Math.max(0, e.height) : _.value), v = i(() => {
-      I.value;
-      const t = new Array(e.items.length + 1), o = new Array(e.items.length);
+    ), ue = i(
+      () => Math.max(1, e.loadingItemSize ?? U.value)
+    ), O = i(() => Math.max(0, Math.floor(e.overscan))), c = i(() => F.value > 0 ? F.value : typeof e.height == "number" ? Math.max(0, e.height) : U.value), g = i(() => {
+      Y.value;
+      const t = new Array(e.items.length + 1), a = new Array(e.items.length);
       t[0] = 0;
       for (let l = 0; l < e.items.length; l += 1) {
-        const M = J(e.items[l], l), y = U.get(M) ?? _.value;
-        o[l] = y, t[l + 1] = t[l] + y;
+        const y = Q(e.items[l], l), p = J.get(y) ?? U.value;
+        a[l] = p, t[l + 1] = t[l] + p;
       }
       return {
         offsets: t,
-        sizes: o,
+        sizes: a,
         total: t[e.items.length] ?? 0
       };
-    }), L = i(
-      () => v.value.total + (e.loading ? oe.value : 0)
-    ), j = i(() => {
+    }), B = i(
+      () => g.value.total + (e.loading ? ue.value : 0)
+    ), oe = i(() => {
       const t = /* @__PURE__ */ new Map();
-      return e.items.forEach((o, l) => {
-        t.set(J(o, l), l);
+      return e.items.forEach((a, l) => {
+        t.set(Q(a, l), l);
       }), t;
     });
-    function re(t) {
+    function ne(t) {
       if (e.items.length === 0) return 0;
-      const o = v.value.offsets;
-      let l = 0, M = e.items.length;
-      for (; l < M; ) {
-        const y = Math.floor((l + M) / 2);
-        o[y + 1] <= t ? l = y + 1 : M = y;
+      const a = g.value.offsets;
+      let l = 0, y = e.items.length;
+      for (; l < y; ) {
+        const p = Math.floor((l + y) / 2);
+        a[p + 1] <= t ? l = p + 1 : y = p;
       }
       return Math.min(l, e.items.length - 1);
     }
     const se = i(
       () => Math.max(
         0,
-        re(B.value) - Y.value
+        ne($.value) - O.value
       )
-    ), ne = i(() => {
+    ), X = i(() => {
       if (e.items.length === 0) return 0;
-      const t = re(B.value + c.value) + 1;
+      const t = ne($.value + c.value) + 1;
       return Math.min(
         e.items.length,
-        t + Y.value
+        t + O.value
       );
-    }), fe = i(
-      () => e.items.slice(se.value, ne.value).map((t, o) => {
-        const l = se.value + o;
+    }), ie = i(
+      () => e.items.slice(se.value, X.value).map((t, a) => {
+        const l = se.value + a;
         return {
           item: t,
           index: l,
-          key: J(t, l),
-          top: v.value.offsets[l]
+          key: Q(t, l),
+          top: g.value.offsets[l]
         };
       })
-    ), le = i(() => ({
+    ), ee = i(() => ({
       height: we(e.height)
     }));
-    function d() {
+    function de() {
       var t;
-      F.value = ((t = T.value) == null ? void 0 : t.clientHeight) ?? 0, G(T.value, e.height), $(h);
+      F.value = ((t = T.value) == null ? void 0 : t.clientHeight) ?? 0, q(T.value, e.height), k(v);
     }
-    function s(t) {
-      B.value = t.currentTarget.scrollTop, S("scroll", {
-        scrollTop: B.value,
+    function h(t) {
+      $.value = t.currentTarget.scrollTop, I("scroll", {
+        scrollTop: $.value,
         startIndex: se.value,
-        endIndex: ne.value
-      }), h();
+        endIndex: X.value
+      }), v();
     }
-    function h() {
+    function v() {
       const t = T.value;
-      if (!t || !e.hasMore || e.loading || te === e.items.length)
+      if (!t || !e.hasMore || e.loading || j === e.items.length)
         return;
-      const o = Math.max(0, e.loadMoreThreshold);
-      L.value - t.scrollTop - t.clientHeight <= o && (te = e.items.length, S("loadMore"));
+      const a = Math.max(0, e.loadMoreThreshold);
+      B.value - t.scrollTop - t.clientHeight <= a && (j = e.items.length, I("loadMore"));
     }
-    function a(t) {
-      const o = t.borderBoxSize;
-      if (o) {
-        const l = Array.isArray(o) ? o[0] : o;
+    function o(t) {
+      const a = t.borderBoxSize;
+      if (a) {
+        const l = Array.isArray(a) ? a[0] : a;
         if (l != null && l.blockSize) return l.blockSize;
       }
       return t.contentRect.height;
     }
-    function f(t) {
-      const o = v.value;
-      let l = 0, M = !1;
-      for (const y of t) {
-        const Q = y.target, q = ee.get(Q), ie = a(y);
-        if (q === void 0 || ie <= 0) continue;
-        const ce = U.get(q) ?? _.value;
-        if (Math.abs(ce - ie) < 0.5) continue;
-        const de = j.value.get(q);
-        de !== void 0 && o.offsets[de + 1] <= B.value && (l += ie - ce), U.set(q, ie), M = !0;
+    function d(t) {
+      const a = g.value;
+      let l = 0, y = !1;
+      for (const p of t) {
+        const te = p.target, G = ae.get(te), re = o(p);
+        if (G === void 0 || re <= 0) continue;
+        const ce = J.get(G) ?? U.value;
+        if (Math.abs(ce - re) < 0.5) continue;
+        const fe = oe.value.get(G);
+        fe !== void 0 && a.offsets[fe + 1] <= $.value && (l += re - ce), J.set(G, re), y = !0;
       }
-      M && (I.value += 1, $(h), l !== 0 && $(() => {
-        const y = T.value;
-        y && (y.scrollTop += l, B.value = y.scrollTop);
+      y && (Y.value += 1, k(v), l !== 0 && k(() => {
+        const p = T.value;
+        p && (p.scrollTop += l, $.value = p.scrollTop);
       }));
     }
-    function r(t, o) {
-      t instanceof HTMLElement && (ee.set(t, o), z == null || z.observe(t));
+    function r(t, a) {
+      t instanceof HTMLElement && (ae.set(t, a), x == null || x.observe(t));
     }
-    function D() {
-      for (const [t] of ee)
-        t.isConnected || (z == null || z.unobserve(t), ee.delete(t));
+    function K() {
+      for (const [t] of ae)
+        t.isConnected || (x == null || x.unobserve(t), ae.delete(t));
     }
-    function R(t, o = {}) {
+    function D(t, a = {}) {
       const l = T.value;
       if (!l) return;
-      const M = Math.max(0, L.value - l.clientHeight), y = Math.min(
+      const y = Math.max(0, B.value - l.clientHeight), p = Math.min(
         Math.max(0, Number.isFinite(t) ? t : 0),
-        M
-      ), Q = o.behavior ?? "auto";
-      Q === "auto" && (B.value = y), l.scrollTo({ ...o, top: y, behavior: Q });
+        y
+      ), te = a.behavior ?? "auto";
+      te === "auto" && ($.value = p), l.scrollTo({ ...a, top: p, behavior: te });
     }
-    function Z(t, o = {}) {
+    function W(t, a = {}) {
       const l = T.value;
       if (!l || e.items.length === 0) return;
-      const M = Math.min(
+      const y = Math.min(
         e.items.length - 1,
         Math.max(0, Math.floor(t))
-      ), { align: y = "start", ...Q } = o;
-      let q = v.value.offsets[M];
-      const ie = v.value.sizes[M];
-      y === "center" ? q -= (l.clientHeight - ie) / 2 : y === "end" && (q -= l.clientHeight - ie);
+      ), { align: p = "start", ...te } = a;
+      let G = g.value.offsets[y];
+      const re = g.value.sizes[y];
+      p === "center" ? G -= (l.clientHeight - re) / 2 : p === "end" && (G -= l.clientHeight - re);
       const ce = Math.max(
         0,
-        Math.min(q, L.value - l.clientHeight)
-      ), de = Q.behavior ?? "auto", Se = Math.max(
+        Math.min(G, B.value - l.clientHeight)
+      ), fe = te.behavior ?? "auto", Se = Math.max(
         l.clientHeight * 3,
-        _.value * 10
-      ), Te = de === "smooth" && Math.abs(ce - l.scrollTop) > Se ? "auto" : de;
-      Te === "auto" && (B.value = ce), l.scrollTo({
-        ...Q,
+        U.value * 10
+      ), Te = fe === "smooth" && Math.abs(ce - l.scrollTop) > Se ? "auto" : fe;
+      Te === "auto" && ($.value = ce), l.scrollTo({
+        ...te,
         top: ce,
         behavior: Te
       });
     }
-    function ue(t = "auto") {
-      var o;
-      (o = T.value) == null || o.scrollTo({ top: 0, behavior: t });
+    function s(t = "auto") {
+      var a;
+      (a = T.value) == null || a.scrollTo({ top: 0, behavior: t });
     }
-    return ae(
+    return Z(
       () => e.itemKey,
       () => {
-        U.clear(), I.value += 1;
+        J.clear(), Y.value += 1;
       }
-    ), ae(
+    ), Z(
       () => e.items.length,
       async () => {
         const t = new Set(
-          e.items.map((M, y) => J(M, y))
+          e.items.map((y, p) => Q(y, p))
         );
-        for (const M of U.keys())
-          t.has(M) || U.delete(M);
-        I.value += 1, await $();
-        const o = T.value;
-        if (!o) return;
-        const l = Math.max(0, L.value - o.clientHeight);
-        o.scrollTop > l && (o.scrollTop = l, B.value = l), h();
+        for (const y of J.keys())
+          t.has(y) || J.delete(y);
+        Y.value += 1, await k();
+        const a = T.value;
+        if (!a) return;
+        const l = Math.max(0, B.value - a.clientHeight);
+        a.scrollTop > l && (a.scrollTop = l, $.value = l), v();
       }
-    ), ae(
+    ), Z(
       () => [e.hasMore, e.loading],
       async ([t]) => {
-        t || (te = -1), await $(), h();
+        t || (j = -1), await k(), v();
       }
     ), pe(() => {
-      if (d(), typeof ResizeObserver < "u") {
-        K = new ResizeObserver(d), z = new ResizeObserver(f), T.value && K.observe(T.value);
-        for (const [t] of ee)
-          z.observe(t);
+      if (de(), typeof ResizeObserver < "u") {
+        V = new ResizeObserver(de), x = new ResizeObserver(d), T.value && V.observe(T.value);
+        for (const [t] of ae)
+          x.observe(t);
       }
-      $(h);
-    }), ze(D), ye(() => {
-      K == null || K.disconnect(), z == null || z.disconnect(), ee.clear();
-    }), W({
-      scrollTo: R,
-      scrollToIndex: Z,
-      scrollToTop: ue
-    }), (t, o) => (w(), b("div", {
+      k(v);
+    }), ze(K), ye(() => {
+      V == null || V.disconnect(), x == null || x.disconnect(), ae.clear();
+    }), _({
+      scrollTo: D,
+      scrollToIndex: W,
+      scrollToTop: s
+    }), (t, a) => (b(), S("div", {
       ref_key: "viewport",
       ref: T,
-      class: $e(["vue-dynamic-virtual-scroll", { "vue-dynamic-virtual-scroll--pulling": m(g) }]),
-      style: C(le.value),
+      class: $e(["vue-dynamic-virtual-scroll", { "vue-dynamic-virtual-scroll--pulling": f(m) }]),
+      style: A(ee.value),
       role: "list",
       "aria-label": n.ariaLabel,
       tabindex: "0",
-      onScrollPassive: s,
-      onTouchstartPassive: o[0] || (o[0] = //@ts-ignore
-      (...l) => m(E) && m(E)(...l)),
-      onTouchmove: o[1] || (o[1] = //@ts-ignore
-      (...l) => m(N) && m(N)(...l)),
-      onTouchend: o[2] || (o[2] = //@ts-ignore
-      (...l) => m(p) && m(p)(...l)),
-      onTouchcancel: o[3] || (o[3] = //@ts-ignore
-      (...l) => m(H) && m(H)(...l))
+      onScrollPassive: h,
+      onTouchstartPassive: a[0] || (a[0] = //@ts-ignore
+      (...l) => f(C) && f(C)(...l)),
+      onTouchmove: a[1] || (a[1] = //@ts-ignore
+      (...l) => f(E) && f(E)(...l)),
+      onTouchend: a[2] || (a[2] = //@ts-ignore
+      (...l) => f(M) && f(M)(...l)),
+      onTouchcancel: a[3] || (a[3] = //@ts-ignore
+      (...l) => f(z) && f(z)(...l))
     }, [
-      n.pullToRefresh || n.refreshing ? (w(), b("div", {
+      n.pullToRefresh || n.refreshing ? (b(), S("div", {
         key: 0,
         class: "vue-dynamic-virtual-scroll__refresh",
-        style: C({
-          height: `${m(O)}px`,
-          transform: `translateY(${m(u) - m(O)}px)`
+        style: A({
+          height: `${f(R)}px`,
+          transform: `translateY(${f(u) - f(R)}px)`
         }),
         role: "status",
         "aria-live": "polite"
       }, [
-        X(t.$slots, "refresh", {
-          pullDistance: m(x),
-          progress: m(V),
+        le(t.$slots, "refresh", {
+          pullDistance: f(w),
+          progress: f(L),
           refreshing: n.refreshing
         }, () => [
-          me(ke(m(P)), 1)
+          ve(ke(f(N)), 1)
         ])
       ], 4)) : he("", !0),
-      n.items.length || n.loading ? (w(), b("div", {
+      n.items.length || n.loading ? (b(), S("div", {
         key: 1,
         class: "vue-dynamic-virtual-scroll__spacer",
-        style: C({
-          height: `${L.value}px`,
-          transform: `translateY(${m(u)}px)`
+        style: A({
+          height: `${B.value}px`,
+          transform: `translateY(${f(u)}px)`
         })
       }, [
-        (w(!0), b(ve, null, Me(fe.value, ({ item: l, index: M, key: y, top: Q }) => (w(), b("div", {
-          key: y,
+        (b(!0), S(me, null, Me(ie.value, ({ item: l, index: y, key: p, top: te }) => (b(), S("div", {
+          key: p,
           ref_for: !0,
-          ref: (q) => r(q, y),
+          ref: (G) => r(G, p),
           class: "vue-dynamic-virtual-scroll__item",
-          style: C({ transform: `translateY(${Q}px)` }),
+          style: A({ transform: `translateY(${te}px)` }),
           role: "listitem",
-          "aria-posinset": M + 1,
+          "aria-posinset": y + 1,
           "aria-setsize": n.items.length
         }, [
-          X(t.$slots, "default", {
+          le(t.$slots, "default", {
             item: l,
-            index: M
+            index: y
           })
         ], 12, Pe))), 128)),
-        n.loading ? (w(), b("div", {
+        n.loading ? (b(), S("div", {
           key: 0,
           class: "vue-dynamic-virtual-scroll__loading",
-          style: C({
-            height: `${oe.value}px`,
-            transform: `translateY(${v.value.total}px)`
+          style: A({
+            height: `${ue.value}px`,
+            transform: `translateY(${g.value.total}px)`
           }),
           role: "status",
           "aria-live": "polite"
         }, [
-          X(t.$slots, "loading", {}, () => [
-            o[4] || (o[4] = me("Loading more…", -1))
+          le(t.$slots, "loading", {}, () => [
+            a[4] || (a[4] = ve("Loading more…", -1))
           ])
         ], 4)) : he("", !0)
-      ], 4)) : (w(), b("div", {
+      ], 4)) : (b(), S("div", {
         key: 2,
         class: "vue-dynamic-virtual-scroll__empty",
-        style: C({ transform: `translateY(${m(u)}px)` })
+        style: A({ transform: `translateY(${f(u)}px)` })
       }, [
-        X(t.$slots, "empty")
+        le(t.$slots, "empty")
       ], 4))
-    ], 46, Ae));
+    ], 46, Re));
   }
 }), Oe = ["aria-label"], Ne = ["aria-current", "aria-posinset", "aria-setsize"], Ye = {
   key: 1,
@@ -684,151 +684,151 @@ const Ae = ["aria-label"], Pe = ["aria-posinset", "aria-setsize"], Le = /* @__PU
     loadMoreThreshold: { default: 2 }
   },
   emits: ["update:activeIndex", "change", "reachStart", "reachEnd", "loadMore"],
-  setup(n, { expose: W, emit: k }) {
-    const e = n, S = k, g = A(), x = A(0), u = A(K(e.activeIndex));
-    let V, P = -1;
-    const O = be(), { getItemKey: E } = xe({
+  setup(n, { expose: _, emit: H }) {
+    const e = n, I = H, m = P(), w = P(0), u = P(V(e.activeIndex));
+    let L, N = -1;
+    const R = be(), { getItemKey: C } = xe({
       componentName: "ShortMediaFeed",
       items: () => e.items,
       itemKey: () => e.itemKey
-    }), N = i(
+    }), E = i(
       () => Math.max(0, Math.floor(e.buffer))
-    ), p = i(
+    ), M = i(
       () => Math.max(
         0,
         Math.floor(
           Number.isFinite(e.loadMoreThreshold) ? e.loadMoreThreshold : 0
         )
       )
-    ), H = i(() => x.value > 0 ? x.value : typeof e.height == "number" ? Math.max(1, e.height) : 0), T = i(
-      () => Math.max(0, u.value - N.value)
-    ), B = i(
+    ), z = i(() => w.value > 0 ? w.value : typeof e.height == "number" ? Math.max(1, e.height) : 0), T = i(
+      () => Math.max(0, u.value - E.value)
+    ), $ = i(
       () => Math.min(
         e.items.length,
-        u.value + N.value + 1
+        u.value + E.value + 1
       )
     ), F = i(
-      () => e.items.slice(T.value, B.value).map((c, v) => ({
+      () => e.items.slice(T.value, $.value).map((c, g) => ({
         item: c,
-        index: T.value + v
+        index: T.value + g
       }))
-    ), I = i(() => T.value * H.value), U = i(
-      () => (e.items.length - B.value) * H.value
-    ), ee = i(() => ({
+    ), Y = i(() => T.value * z.value), J = i(
+      () => (e.items.length - $.value) * z.value
+    ), ae = i(() => ({
       height: we(e.height)
     }));
-    function K(c) {
+    function V(c) {
       return e.items.length === 0 ? 0 : Math.min(
         e.items.length - 1,
         Math.max(0, Math.floor(Number.isFinite(c) ? c : 0))
       );
     }
-    function z() {
-      if (!e.hasMore || e.loading || P === e.items.length)
+    function x() {
+      if (!e.hasMore || e.loading || N === e.items.length)
         return;
-      (e.items.length === 0 ? 0 : e.items.length - 1 - u.value) <= p.value && (P = e.items.length, S("loadMore"));
+      (e.items.length === 0 ? 0 : e.items.length - 1 - u.value) <= M.value && (N = e.items.length, I("loadMore"));
     }
-    function te(c) {
-      const v = K(c);
-      v === u.value || e.items.length === 0 || (u.value = v, S("update:activeIndex", v), S("change", {
-        index: v,
-        item: e.items[v]
-      }), v === 0 && S("reachStart"), v === e.items.length - 1 && S("reachEnd"), z());
+    function j(c) {
+      const g = V(c);
+      g === u.value || e.items.length === 0 || (u.value = g, I("update:activeIndex", g), I("change", {
+        index: g,
+        item: e.items[g]
+      }), g === 0 && I("reachStart"), g === e.items.length - 1 && I("reachEnd"), x());
     }
-    function G(c, v = {}) {
-      const L = g.value;
-      L && (typeof L.scrollTo == "function" ? L.scrollTo({ ...v, top: c }) : L.scrollTop = c);
+    function q(c, g = {}) {
+      const B = m.value;
+      B && (typeof B.scrollTo == "function" ? B.scrollTo({ ...g, top: c }) : B.scrollTop = c);
     }
-    function J(c, v = {}) {
+    function Q(c, g = {}) {
       if (e.items.length === 0) return;
-      const L = K(c);
-      te(L), G(L * H.value, v);
-    }
-    function _(c) {
-      if (H.value <= 0) return;
-      const v = c.currentTarget.scrollTop;
-      te(Math.round(v / H.value));
-    }
-    function oe(c) {
-      let v;
-      c.key === "ArrowDown" || c.key === "PageDown" ? v = u.value + 1 : c.key === "ArrowUp" || c.key === "PageUp" ? v = u.value - 1 : c.key === "Home" ? v = 0 : c.key === "End" && (v = e.items.length - 1), v !== void 0 && (c.preventDefault(), J(v, { behavior: "smooth" }));
-    }
-    function Y() {
-      var v;
-      const c = ((v = g.value) == null ? void 0 : v.clientHeight) ?? 0;
-      O(g.value, e.height), !(c <= 0 || c === x.value) && (x.value = c, $(() => {
-        G(u.value * c);
+      const B = V(c);
+      j(B), q(B * z.value, g);
+    }
+    function U(c) {
+      if (z.value <= 0) return;
+      const g = c.currentTarget.scrollTop;
+      j(Math.round(g / z.value));
+    }
+    function ue(c) {
+      let g;
+      c.key === "ArrowDown" || c.key === "PageDown" ? g = u.value + 1 : c.key === "ArrowUp" || c.key === "PageUp" ? g = u.value - 1 : c.key === "Home" ? g = 0 : c.key === "End" && (g = e.items.length - 1), g !== void 0 && (c.preventDefault(), Q(g, { behavior: "smooth" }));
+    }
+    function O() {
+      var g;
+      const c = ((g = m.value) == null ? void 0 : g.clientHeight) ?? 0;
+      R(m.value, e.height), !(c <= 0 || c === w.value) && (w.value = c, k(() => {
+        q(u.value * c);
       }));
     }
-    return ae(
+    return Z(
       () => e.activeIndex,
       async (c) => {
-        const v = K(c);
-        v !== u.value && (u.value = v, await $(), G(v * H.value), z());
+        const g = V(c);
+        g !== u.value && (u.value = g, await k(), q(g * z.value), x());
       }
-    ), ae(
+    ), Z(
       () => [
         e.hasMore,
         e.loading,
         e.loadMoreThreshold
       ],
       async ([c]) => {
-        c || (P = -1), await $(), z();
+        c || (N = -1), await k(), x();
       }
-    ), ae(
+    ), Z(
       () => e.items.length,
       async () => {
-        const c = K(u.value);
-        e.items.length === 0 ? u.value !== 0 && (u.value = 0, S("update:activeIndex", 0)) : te(c), await $(), G(c * H.value), z();
+        const c = V(u.value);
+        e.items.length === 0 ? u.value !== 0 && (u.value = 0, I("update:activeIndex", 0)) : j(c), await k(), q(c * z.value), x();
       }
     ), pe(async () => {
-      Y(), typeof ResizeObserver < "u" && g.value && (V = new ResizeObserver(Y), V.observe(g.value)), await $(), G(u.value * H.value), z();
+      O(), typeof ResizeObserver < "u" && m.value && (L = new ResizeObserver(O), L.observe(m.value)), await k(), q(u.value * z.value), x();
     }), ye(() => {
-      V == null || V.disconnect();
-    }), W({
-      scrollToIndex: J
-    }), (c, v) => (w(), b("div", {
+      L == null || L.disconnect();
+    }), _({
+      scrollToIndex: Q
+    }), (c, g) => (b(), S("div", {
       ref_key: "viewport",
-      ref: g,
+      ref: m,
       class: "vue-short-media-feed",
-      style: C(ee.value),
+      style: A(ae.value),
       role: "list",
       "aria-orientation": "vertical",
       "aria-label": n.ariaLabel,
       tabindex: "0",
-      onScrollPassive: _,
-      onKeydown: oe
+      onScrollPassive: U,
+      onKeydown: ue
     }, [
-      n.items.length ? (w(), b(ve, { key: 0 }, [
-        I.value > 0 ? (w(), b("div", {
+      n.items.length ? (b(), S(me, { key: 0 }, [
+        Y.value > 0 ? (b(), S("div", {
           key: 0,
           class: "vue-short-media-feed__spacer",
-          style: C({ height: `${I.value}px` }),
+          style: A({ height: `${Y.value}px` }),
           "aria-hidden": "true"
         }, null, 4)) : he("", !0),
-        (w(!0), b(ve, null, Me(F.value, ({ item: L, index: j }) => (w(), b("div", {
-          key: m(E)(L, j),
+        (b(!0), S(me, null, Me(F.value, ({ item: B, index: oe }) => (b(), S("div", {
+          key: f(C)(B, oe),
           class: "vue-short-media-feed__item",
-          style: C({ height: `${H.value}px` }),
+          style: A({ height: `${z.value}px` }),
           role: "listitem",
-          "aria-current": j === u.value ? "true" : void 0,
-          "aria-posinset": j + 1,
+          "aria-current": oe === u.value ? "true" : void 0,
+          "aria-posinset": oe + 1,
           "aria-setsize": n.items.length
         }, [
-          X(c.$slots, "default", {
-            item: L,
-            index: j,
-            active: j === u.value
+          le(c.$slots, "default", {
+            item: B,
+            index: oe,
+            active: oe === u.value
           })
         ], 12, Ne))), 128)),
-        U.value > 0 ? (w(), b("div", {
+        J.value > 0 ? (b(), S("div", {
           key: 1,
           class: "vue-short-media-feed__spacer",
-          style: C({ height: `${U.value}px` }),
+          style: A({ height: `${J.value}px` }),
           "aria-hidden": "true"
         }, null, 4)) : he("", !0)
-      ], 64)) : (w(), b("div", Ye, [
-        X(c.$slots, "empty")
+      ], 64)) : (b(), S("div", Ye, [
+        le(c.$slots, "empty")
       ]))
     ], 44, Oe));
   }
@@ -854,225 +854,277 @@ const Ae = ["aria-label"], Pe = ["aria-posinset", "aria-setsize"], Le = /* @__PU
     ariaLabel: { default: "Carousel" },
     hasMore: { type: Boolean, default: !1 },
     loading: { type: Boolean, default: !1 },
-    loadMoreThreshold: { default: 2 }
+    loadMoreThreshold: { default: 2 },
+    autoplay: { type: Boolean, default: !1 },
+    autoplayDelay: { default: 3e3 },
+    autoplayLoop: { type: Boolean, default: !0 },
+    pauseOnHover: { type: Boolean, default: !0 }
   },
   emits: ["update:activeIndex", "change", "reachStart", "reachEnd", "loadMore"],
-  setup(n, { expose: W, emit: k }) {
-    const e = n, S = k, g = A(), x = A(0), u = A(0);
-    let V, P = -1;
-    const { getItemKey: O } = xe({
+  setup(n, { expose: _, emit: H }) {
+    const e = n, I = H, m = P(), w = P(0), u = P(0);
+    let L, N = -1, R, C;
+    const E = P(!1), { getItemKey: M } = xe({
       componentName: "VirtualCarousel",
       items: () => e.items,
       itemKey: () => e.itemKey
-    }), E = i(
+    }), z = i(
       () => Math.max(
         1,
         Math.floor(
           Number.isFinite(e.slidesPerView) ? e.slidesPerView : 1
         )
       )
-    ), N = i(
+    ), T = i(
       () => Math.max(
         1,
         Math.floor(
           Number.isFinite(e.slidesToScroll) ? e.slidesToScroll : 1
         )
       )
-    ), p = i(
+    ), $ = i(
       () => Math.max(0, Number.isFinite(e.gap) ? e.gap : 0)
-    ), H = i(
+    ), F = i(
       () => Math.max(
         0,
         Math.floor(Number.isFinite(e.buffer) ? e.buffer : 0)
       )
-    ), T = i(
+    ), Y = i(
       () => Math.max(
         0,
         Math.floor(
           Number.isFinite(e.loadMoreThreshold) ? e.loadMoreThreshold : 0
         )
       )
-    ), B = i(() => Math.max(0, x.value)), F = i(() => {
-      if (B.value <= 0) return 0;
-      const d = (E.value - 1) * p.value;
+    ), J = i(() => Number.isFinite(e.autoplayDelay) ? Math.max(1, e.autoplayDelay) : 3e3), ae = i(() => Math.max(0, w.value)), V = i(() => {
+      if (ae.value <= 0) return 0;
+      const s = (z.value - 1) * $.value;
       return Math.max(
         1,
-        (B.value - d) / E.value
+        (ae.value - s) / z.value
       );
-    }), I = i(() => F.value + p.value), U = i(
+    }), x = i(() => V.value + $.value), j = i(
       () => Math.max(
         0,
-        e.items.length - E.value
+        e.items.length - z.value
       )
-    ), ee = i(
-      () => Math.max(0, u.value - H.value)
-    ), K = i(
+    ), q = i(
+      () => Math.max(0, u.value - F.value)
+    ), Q = i(
       () => Math.min(
         e.items.length,
-        u.value + E.value + H.value
+        u.value + z.value + F.value
       )
-    ), z = i(
-      () => e.items.slice(ee.value, K.value).map((d, s) => ({
-        item: d,
-        index: ee.value + s
+    ), U = i(
+      () => e.items.slice(q.value, Q.value).map((s, t) => ({
+        item: s,
+        index: q.value + t
       }))
-    ), te = i(() => e.items.length === 0 ? 0 : e.items.length * F.value + (e.items.length - 1) * p.value), G = i(
-      () => ee.value * I.value
-    ), J = i(
+    ), ue = i(() => e.items.length === 0 ? 0 : e.items.length * V.value + (e.items.length - 1) * $.value), O = i(
+      () => q.value * x.value
+    ), c = i(
       () => Math.max(
         0,
-        te.value - K.value * I.value
+        ue.value - Q.value * x.value
       )
-    ), _ = i(() => ({
+    ), g = i(() => ({
       height: we(e.height)
     }));
-    function oe(d) {
+    function B(s) {
       return Math.min(
-        U.value,
-        Math.max(0, Math.floor(Number.isFinite(d) ? d : 0))
+        j.value,
+        Math.max(0, Math.floor(Number.isFinite(s) ? s : 0))
       );
     }
-    u.value = oe(e.activeIndex);
-    function Y(d) {
-      return d >= u.value && d < Math.min(
+    u.value = B(e.activeIndex);
+    function oe(s) {
+      return s >= u.value && s < Math.min(
         e.items.length,
-        u.value + E.value
+        u.value + z.value
       );
     }
-    function c() {
-      if (!e.hasMore || e.loading || P === e.items.length)
+    function ne() {
+      if (!e.hasMore || e.loading || N === e.items.length)
         return;
-      const d = e.items.length === 0 ? -1 : Math.min(
+      const s = e.items.length === 0 ? -1 : Math.min(
         e.items.length - 1,
-        u.value + E.value - 1
+        u.value + z.value - 1
       );
-      e.items.length - 1 - d <= T.value && (P = e.items.length, S("loadMore"));
-    }
-    function v(d) {
-      const s = oe(d);
-      s === u.value || e.items.length === 0 || (u.value = s, S("update:activeIndex", s), S("change", {
-        index: s,
-        item: e.items[s]
-      }), s === 0 && S("reachStart"), s === U.value && S("reachEnd"), c());
-    }
-    function L(d, s = {}) {
-      const h = g.value;
-      h && (typeof h.scrollTo == "function" ? h.scrollTo({ ...s, left: d }) : h.scrollLeft = d);
-    }
-    function j(d, s = {}) {
-      if (e.items.length === 0 || I.value <= 0) return;
-      const h = oe(d), a = Math.abs(h - u.value), f = s.behavior === "smooth" && a > H.value ? "auto" : s.behavior;
-      v(h), L(h * I.value, {
-        ...s,
-        behavior: f
+      e.items.length - 1 - s <= Y.value && (N = e.items.length, I("loadMore"));
+    }
+    function se(s) {
+      const t = B(s);
+      t === u.value || e.items.length === 0 || (u.value = t, I("update:activeIndex", t), I("change", {
+        index: t,
+        item: e.items[t]
+      }), t === 0 && I("reachStart"), t === j.value && I("reachEnd"), ne(), e.autoplay && !E.value && h());
+    }
+    function X(s, t = {}) {
+      const a = m.value;
+      a && (typeof a.scrollTo == "function" ? a.scrollTo({ ...t, left: s }) : a.scrollLeft = s);
+    }
+    function ie(s, t = {}) {
+      if (e.items.length === 0 || x.value <= 0) return;
+      const a = B(s), l = Math.abs(a - u.value), y = t.behavior === "smooth" && l > F.value ? "auto" : t.behavior;
+      C = y === "smooth" ? a : void 0, se(a), X(a * x.value, {
+        ...t,
+        behavior: y
       });
     }
-    function re(d = "smooth") {
-      j(
-        u.value + N.value,
-        { behavior: d }
+    function ee(s = "smooth") {
+      ie(
+        u.value + T.value,
+        { behavior: s }
       );
     }
-    function se(d = "smooth") {
-      j(
-        u.value - N.value,
-        { behavior: d }
+    function de(s = "smooth") {
+      ie(
+        u.value - T.value,
+        { behavior: s }
       );
     }
-    function ne(d) {
-      if (I.value <= 0) return;
-      const s = d.currentTarget.scrollLeft;
-      v(Math.round(s / I.value));
+    function h() {
+      v(), !(!e.autoplay || e.items.length === 0) && (R = setTimeout(() => {
+        u.value >= j.value ? e.autoplayLoop ? ie(0, { behavior: "smooth" }) : v() : ee("smooth");
+      }, J.value));
+    }
+    function v() {
+      R !== void 0 && (clearTimeout(R), R = void 0);
     }
-    function fe(d) {
-      d.key === "ArrowRight" || d.key === "PageDown" ? (d.preventDefault(), re()) : d.key === "ArrowLeft" || d.key === "PageUp" ? (d.preventDefault(), se()) : d.key === "Home" ? (d.preventDefault(), j(0, { behavior: "smooth" })) : d.key === "End" && (d.preventDefault(), j(U.value, { behavior: "auto" }));
+    function o() {
+      E.value = !0, e.pauseOnHover && v();
     }
-    function le() {
-      var s;
-      const d = ((s = g.value) == null ? void 0 : s.clientWidth) ?? 0;
-      d <= 0 || d === x.value || (x.value = d, $(() => {
-        L(u.value * I.value);
+    function d() {
+      E.value = !1, e.autoplay && h();
+    }
+    function r() {
+      C = void 0;
+    }
+    function K(s) {
+      if (x.value <= 0) return;
+      const t = s.currentTarget.scrollLeft;
+      if (C !== void 0) {
+        const a = C * x.value;
+        if (Math.abs(t - a) > 1) return;
+        C = void 0;
+      }
+      se(Math.round(t / x.value));
+    }
+    function D(s) {
+      s.key === "ArrowRight" || s.key === "PageDown" ? (s.preventDefault(), ee()) : s.key === "ArrowLeft" || s.key === "PageUp" ? (s.preventDefault(), de()) : s.key === "Home" ? (s.preventDefault(), ie(0, { behavior: "smooth" })) : s.key === "End" && (s.preventDefault(), ie(j.value, { behavior: "auto" }));
+    }
+    function W() {
+      var t;
+      const s = ((t = m.value) == null ? void 0 : t.clientWidth) ?? 0;
+      s <= 0 || s === w.value || (w.value = s, k(() => {
+        X(u.value * x.value);
       }));
     }
-    return ae(
+    return Z(
       () => e.activeIndex,
-      async (d) => {
-        const s = oe(d);
-        s !== u.value && (u.value = s, await $(), L(s * I.value), c());
+      async (s) => {
+        const t = B(s);
+        t !== u.value && (r(), u.value = t, await k(), X(t * x.value), ne());
       }
-    ), ae(
+    ), Z(
       () => [
         e.items.length,
         e.slidesPerView,
         e.gap
       ],
       async () => {
-        const d = oe(u.value);
-        e.items.length === 0 ? u.value !== 0 && (u.value = 0, S("update:activeIndex", 0)) : v(d), await $(), L(d * I.value), c();
+        const s = B(u.value);
+        e.items.length === 0 ? u.value !== 0 && (u.value = 0, I("update:activeIndex", 0)) : se(s), await k(), X(s * x.value), ne(), e.autoplay && e.items.length > 0 && !E.value && h();
       }
-    ), ae(
+    ), Z(
       () => [
         e.hasMore,
         e.loading,
         e.loadMoreThreshold
       ],
-      async ([d]) => {
-        d || (P = -1), await $(), c();
+      async ([s]) => {
+        s || (N = -1), await k(), ne();
+      }
+    ), Z(
+      () => e.autoplay,
+      (s) => {
+        s && !E.value ? h() : v();
+      }
+    ), Z(
+      () => e.autoplayDelay,
+      () => {
+        e.autoplay && !E.value && h();
+      }
+    ), Z(
+      () => e.autoplayLoop,
+      (s) => {
+        !e.autoplay || E.value || (!s && u.value >= j.value ? v() : h());
+      }
+    ), Z(
+      () => e.pauseOnHover,
+      (s) => {
+        s && E.value ? v() : !s && e.autoplay && h();
       }
     ), pe(async () => {
-      le(), typeof ResizeObserver < "u" && g.value && (V = new ResizeObserver(le), V.observe(g.value)), await $(), L(u.value * I.value), c();
+      W(), typeof ResizeObserver < "u" && m.value && (L = new ResizeObserver(W), L.observe(m.value)), await k(), X(u.value * x.value), ne(), e.autoplay && h();
     }), ye(() => {
-      V == null || V.disconnect();
-    }), W({
-      next: re,
-      previous: se,
-      scrollToIndex: j
-    }), (d, s) => (w(), b("div", {
+      L == null || L.disconnect(), v();
+    }), _({
+      next: ee,
+      previous: de,
+      scrollToIndex: ie,
+      startAutoplay: h,
+      stopAutoplay: v
+    }), (s, t) => (b(), S("div", {
       ref_key: "viewport",
-      ref: g,
+      ref: m,
       class: "vue-virtual-carousel",
-      style: C(_.value),
+      style: A(g.value),
       role: "region",
       "aria-roledescription": "carousel",
       "aria-label": n.ariaLabel,
       tabindex: "0",
-      onScrollPassive: ne,
-      onKeydown: fe
+      onScrollPassive: K,
+      onPointerdown: r,
+      onWheelPassive: r,
+      onKeydown: D,
+      onMouseenter: o,
+      onMouseleave: d
     }, [
-      n.items.length ? (w(), b("div", _e, [
-        G.value > 0 ? (w(), b("div", {
+      n.items.length ? (b(), S("div", _e, [
+        O.value > 0 ? (b(), S("div", {
           key: 0,
           class: "vue-virtual-carousel__spacer",
-          style: C({ flexBasis: `${G.value}px` }),
+          style: A({ flexBasis: `${O.value}px` }),
           "aria-hidden": "true"
         }, null, 4)) : he("", !0),
-        (w(!0), b(ve, null, Me(z.value, ({ item: h, index: a }) => (w(), b("div", {
-          key: m(O)(h, a),
+        (b(!0), S(me, null, Me(U.value, ({ item: a, index: l }) => (b(), S("div", {
+          key: f(M)(a, l),
           class: "vue-virtual-carousel__item",
-          style: C({
-            flexBasis: `${F.value}px`,
-            marginRight: a < n.items.length - 1 ? `${p.value}px` : "0px"
+          style: A({
+            flexBasis: `${V.value}px`,
+            marginRight: l < n.items.length - 1 ? `${$.value}px` : "0px"
           }),
           role: "listitem",
           "aria-roledescription": "slide",
-          "aria-label": `${a + 1} of ${n.items.length}`,
-          "aria-current": a === u.value ? "true" : void 0
+          "aria-label": `${l + 1} of ${n.items.length}`,
+          "aria-current": l === u.value ? "true" : void 0
         }, [
-          X(d.$slots, "default", {
-            item: h,
-            index: a,
-            active: a === u.value,
-            visible: Y(a)
+          le(s.$slots, "default", {
+            item: a,
+            index: l,
+            active: l === u.value,
+            visible: oe(l)
           })
         ], 12, Ue))), 128)),
-        J.value > 0 ? (w(), b("div", {
+        c.value > 0 ? (b(), S("div", {
           key: 1,
           class: "vue-virtual-carousel__spacer",
-          style: C({ flexBasis: `${J.value}px` }),
+          style: A({ flexBasis: `${c.value}px` }),
           "aria-hidden": "true"
         }, null, 4)) : he("", !0)
-      ])) : (w(), b("div", je, [
-        X(d.$slots, "empty")
+      ])) : (b(), S("div", je, [
+        le(s.$slots, "empty")
       ]))
     ], 44, We));
   }
@@ -1095,206 +1147,206 @@ const Ae = ["aria-label"], Pe = ["aria-posinset", "aria-setsize"], Le = /* @__PU
     pullRefreshThreshold: { default: 64 }
   },
   emits: ["scroll", "loadMore", "refresh"],
-  setup(n, { expose: W, emit: k }) {
-    const e = n, S = k, {
-      pulling: g,
-      pullDistance: x,
+  setup(n, { expose: _, emit: H }) {
+    const e = n, I = H, {
+      pulling: m,
+      pullDistance: w,
       pullOffset: u,
-      pullProgress: V,
-      refreshMessage: P,
-      refreshThreshold: O,
-      handleTouchStart: E,
-      handleTouchMove: N,
-      handleTouchEnd: p,
-      handleTouchCancel: H
+      pullProgress: L,
+      refreshMessage: N,
+      refreshThreshold: R,
+      handleTouchStart: C,
+      handleTouchMove: E,
+      handleTouchEnd: M,
+      handleTouchCancel: z
     } = He({
       enabled: () => e.pullToRefresh,
       refreshing: () => e.refreshing,
       threshold: () => e.pullRefreshThreshold,
-      onRefresh: () => S("refresh")
-    }), T = A(), B = A(0), F = A(0);
-    let I, U = -1;
-    const ee = be(), { getItemKey: K } = xe({
+      onRefresh: () => I("refresh")
+    }), T = P(), $ = P(0), F = P(0);
+    let Y, J = -1;
+    const ae = be(), { getItemKey: V } = xe({
       componentName: "VirtualScroll",
       items: () => e.items,
       itemKey: () => e.itemKey
-    }), z = i(() => Math.max(1, e.itemSize)), te = i(() => Math.max(0, Math.floor(e.overscan))), G = i(
-      () => e.items.length * z.value
-    ), J = i(
-      () => Math.max(1, e.loadingItemSize ?? z.value)
-    ), _ = i(
-      () => G.value + (e.loading ? J.value : 0)
-    ), oe = i(() => F.value > 0 ? F.value : typeof e.height == "number" ? e.height : 0), Y = i(
+    }), x = i(() => Math.max(1, e.itemSize)), j = i(() => Math.max(0, Math.floor(e.overscan))), q = i(
+      () => e.items.length * x.value
+    ), Q = i(
+      () => Math.max(1, e.loadingItemSize ?? x.value)
+    ), U = i(
+      () => q.value + (e.loading ? Q.value : 0)
+    ), ue = i(() => F.value > 0 ? F.value : typeof e.height == "number" ? e.height : 0), O = i(
       () => Math.max(
         0,
-        Math.floor(B.value / z.value) - te.value
+        Math.floor($.value / x.value) - j.value
       )
     ), c = i(() => {
-      const s = Math.ceil(
-        (B.value + oe.value) / z.value
+      const h = Math.ceil(
+        ($.value + ue.value) / x.value
       );
       return Math.min(
         e.items.length,
-        s + te.value
+        h + j.value
       );
-    }), v = i(
-      () => e.items.slice(Y.value, c.value).map((s, h) => ({
-        item: s,
-        index: Y.value + h
+    }), g = i(
+      () => e.items.slice(O.value, c.value).map((h, v) => ({
+        item: h,
+        index: O.value + v
       }))
-    ), L = i(() => ({
+    ), B = i(() => ({
       height: we(e.height)
-    })), j = i(() => ({
-      transform: `translateY(${Y.value * z.value}px)`
+    })), oe = i(() => ({
+      transform: `translateY(${O.value * x.value}px)`
     }));
-    function re() {
-      var s;
-      F.value = ((s = T.value) == null ? void 0 : s.clientHeight) ?? 0, ee(T.value, e.height), $(ne);
+    function ne() {
+      var h;
+      F.value = ((h = T.value) == null ? void 0 : h.clientHeight) ?? 0, ae(T.value, e.height), k(X);
     }
-    function se(s) {
-      B.value = s.currentTarget.scrollTop, S("scroll", {
-        scrollTop: B.value,
-        startIndex: Y.value,
+    function se(h) {
+      $.value = h.currentTarget.scrollTop, I("scroll", {
+        scrollTop: $.value,
+        startIndex: O.value,
         endIndex: c.value
-      }), ne();
+      }), X();
     }
-    function ne() {
-      const s = T.value;
-      if (!s || !e.hasMore || e.loading || U === e.items.length)
+    function X() {
+      const h = T.value;
+      if (!h || !e.hasMore || e.loading || J === e.items.length)
         return;
-      const h = Math.max(0, e.loadMoreThreshold);
-      _.value - s.scrollTop - s.clientHeight <= h && (U = e.items.length, S("loadMore"));
-    }
-    function fe(s, h = {}) {
-      const a = T.value;
-      if (!a) return;
-      const f = Math.max(0, _.value - a.clientHeight), r = Math.min(
-        Math.max(0, Number.isFinite(s) ? s : 0),
-        f
-      ), D = h.behavior ?? "auto";
-      D === "auto" && (B.value = r), a.scrollTo({ ...h, top: r, behavior: D });
-    }
-    function le(s, h = {}) {
-      const a = T.value;
-      if (!a || e.items.length === 0) return;
-      const f = Math.min(
+      const v = Math.max(0, e.loadMoreThreshold);
+      U.value - h.scrollTop - h.clientHeight <= v && (J = e.items.length, I("loadMore"));
+    }
+    function ie(h, v = {}) {
+      const o = T.value;
+      if (!o) return;
+      const d = Math.max(0, U.value - o.clientHeight), r = Math.min(
+        Math.max(0, Number.isFinite(h) ? h : 0),
+        d
+      ), K = v.behavior ?? "auto";
+      K === "auto" && ($.value = r), o.scrollTo({ ...v, top: r, behavior: K });
+    }
+    function ee(h, v = {}) {
+      const o = T.value;
+      if (!o || e.items.length === 0) return;
+      const d = Math.min(
         e.items.length - 1,
-        Math.max(0, Math.floor(s))
-      ), { align: r = "start", ...D } = h;
-      let R = f * z.value;
-      r === "center" ? R -= (a.clientHeight - z.value) / 2 : r === "end" && (R -= a.clientHeight - z.value), a.scrollTo({
-        ...D,
-        top: Math.max(0, Math.min(R, _.value - a.clientHeight))
+        Math.max(0, Math.floor(h))
+      ), { align: r = "start", ...K } = v;
+      let D = d * x.value;
+      r === "center" ? D -= (o.clientHeight - x.value) / 2 : r === "end" && (D -= o.clientHeight - x.value), o.scrollTo({
+        ...K,
+        top: Math.max(0, Math.min(D, U.value - o.clientHeight))
       });
     }
-    function d(s = "auto") {
-      var h;
-      (h = T.value) == null || h.scrollTo({ top: 0, behavior: s });
+    function de(h = "auto") {
+      var v;
+      (v = T.value) == null || v.scrollTo({ top: 0, behavior: h });
     }
-    return ae(
+    return Z(
       () => [e.items.length, e.itemSize],
       async () => {
-        await $();
-        const s = T.value;
-        if (!s) return;
-        const h = Math.max(0, _.value - s.clientHeight);
-        s.scrollTop > h && (s.scrollTop = h, B.value = h), ne();
+        await k();
+        const h = T.value;
+        if (!h) return;
+        const v = Math.max(0, U.value - h.clientHeight);
+        h.scrollTop > v && (h.scrollTop = v, $.value = v), X();
       }
-    ), ae(
+    ), Z(
       () => [e.hasMore, e.loading],
-      async ([s]) => {
-        s || (U = -1), await $(), ne();
+      async ([h]) => {
+        h || (J = -1), await k(), X();
       }
     ), pe(() => {
-      re(), typeof ResizeObserver < "u" && T.value && (I = new ResizeObserver(re), I.observe(T.value)), $(ne);
+      ne(), typeof ResizeObserver < "u" && T.value && (Y = new ResizeObserver(ne), Y.observe(T.value)), k(X);
     }), ye(() => {
-      I == null || I.disconnect();
-    }), W({
-      scrollTo: fe,
-      scrollToIndex: le,
-      scrollToTop: d
-    }), (s, h) => (w(), b("div", {
+      Y == null || Y.disconnect();
+    }), _({
+      scrollTo: ie,
+      scrollToIndex: ee,
+      scrollToTop: de
+    }), (h, v) => (b(), S("div", {
       ref_key: "viewport",
       ref: T,
-      class: $e(["vue-virtual-scroll", { "vue-virtual-scroll--pulling": m(g) }]),
-      style: C(L.value),
+      class: $e(["vue-virtual-scroll", { "vue-virtual-scroll--pulling": f(m) }]),
+      style: A(B.value),
       role: "list",
       "aria-label": n.ariaLabel,
       tabindex: "0",
       onScrollPassive: se,
-      onTouchstartPassive: h[0] || (h[0] = //@ts-ignore
-      (...a) => m(E) && m(E)(...a)),
-      onTouchmove: h[1] || (h[1] = //@ts-ignore
-      (...a) => m(N) && m(N)(...a)),
-      onTouchend: h[2] || (h[2] = //@ts-ignore
-      (...a) => m(p) && m(p)(...a)),
-      onTouchcancel: h[3] || (h[3] = //@ts-ignore
-      (...a) => m(H) && m(H)(...a))
+      onTouchstartPassive: v[0] || (v[0] = //@ts-ignore
+      (...o) => f(C) && f(C)(...o)),
+      onTouchmove: v[1] || (v[1] = //@ts-ignore
+      (...o) => f(E) && f(E)(...o)),
+      onTouchend: v[2] || (v[2] = //@ts-ignore
+      (...o) => f(M) && f(M)(...o)),
+      onTouchcancel: v[3] || (v[3] = //@ts-ignore
+      (...o) => f(z) && f(z)(...o))
     }, [
-      n.pullToRefresh || n.refreshing ? (w(), b("div", {
+      n.pullToRefresh || n.refreshing ? (b(), S("div", {
         key: 0,
         class: "vue-virtual-scroll__refresh",
-        style: C({
-          height: `${m(O)}px`,
-          transform: `translateY(${m(u) - m(O)}px)`
+        style: A({
+          height: `${f(R)}px`,
+          transform: `translateY(${f(u) - f(R)}px)`
         }),
         role: "status",
         "aria-live": "polite"
       }, [
-        X(s.$slots, "refresh", {
-          pullDistance: m(x),
-          progress: m(V),
+        le(h.$slots, "refresh", {
+          pullDistance: f(w),
+          progress: f(L),
           refreshing: n.refreshing
         }, () => [
-          me(ke(m(P)), 1)
+          ve(ke(f(N)), 1)
         ])
       ], 4)) : he("", !0),
-      n.items.length || n.loading ? (w(), b("div", {
+      n.items.length || n.loading ? (b(), S("div", {
         key: 1,
         class: "vue-virtual-scroll__spacer",
-        style: C({
-          height: `${_.value}px`,
-          transform: `translateY(${m(u)}px)`
+        style: A({
+          height: `${U.value}px`,
+          transform: `translateY(${f(u)}px)`
         })
       }, [
         Be("div", {
           class: "vue-virtual-scroll__content",
-          style: C(j.value)
+          style: A(oe.value)
         }, [
-          (w(!0), b(ve, null, Me(v.value, ({ item: a, index: f }) => (w(), b("div", {
-            key: m(K)(a, f),
+          (b(!0), S(me, null, Me(g.value, ({ item: o, index: d }) => (b(), S("div", {
+            key: f(V)(o, d),
             class: "vue-virtual-scroll__item",
-            style: C({ height: `${z.value}px` }),
+            style: A({ height: `${x.value}px` }),
             role: "listitem",
-            "aria-posinset": f + 1,
+            "aria-posinset": d + 1,
             "aria-setsize": n.items.length
           }, [
-            X(s.$slots, "default", {
-              item: a,
-              index: f
+            le(h.$slots, "default", {
+              item: o,
+              index: d
             })
           ], 12, Ge))), 128))
         ], 4),
-        n.loading ? (w(), b("div", {
+        n.loading ? (b(), S("div", {
           key: 0,
           class: "vue-virtual-scroll__loading",
-          style: C({
-            height: `${J.value}px`,
-            transform: `translateY(${G.value}px)`
+          style: A({
+            height: `${Q.value}px`,
+            transform: `translateY(${q.value}px)`
           }),
           role: "status",
           "aria-live": "polite"
         }, [
-          X(s.$slots, "loading", {}, () => [
-            h[4] || (h[4] = me("Loading more…", -1))
+          le(h.$slots, "loading", {}, () => [
+            v[4] || (v[4] = ve("Loading more…", -1))
           ])
         ], 4)) : he("", !0)
-      ], 4)) : (w(), b("div", {
+      ], 4)) : (b(), S("div", {
         key: 2,
         class: "vue-virtual-scroll__empty",
-        style: C({ transform: `translateY(${m(u)}px)` })
+        style: A({ transform: `translateY(${f(u)}px)` })
       }, [
-        X(s.$slots, "empty")
+        le(h.$slots, "empty")
       ], 4))
     ], 46, qe));
   }
@@ -1316,85 +1368,85 @@ const Ae = ["aria-label"], Pe = ["aria-posinset", "aria-setsize"], Le = /* @__PU
     pullRefreshThreshold: { default: 64 }
   },
   emits: ["scroll", "loadMore", "refresh"],
-  setup(n, { expose: W, emit: k }) {
-    const e = n, S = k, g = A(), x = A(0), u = A(0), V = A(0), P = A(0), O = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map();
-    let N, p, H = -1;
+  setup(n, { expose: _, emit: H }) {
+    const e = n, I = H, m = P(), w = P(0), u = P(0), L = P(0), N = P(0), R = /* @__PURE__ */ new Map(), C = /* @__PURE__ */ new Map();
+    let E, M, z = -1;
     const { getItemKey: T } = xe({
       componentName: "WindowDynamicVirtualScroll",
       items: () => e.items,
       itemKey: () => e.itemKey
     }), {
-      pulling: B,
+      pulling: $,
       pullDistance: F,
-      pullOffset: I,
-      pullProgress: U,
-      refreshMessage: ee,
-      refreshThreshold: K,
-      handleTouchStart: z,
-      handleTouchMove: te,
-      handleTouchEnd: G,
-      handleTouchCancel: J
+      pullOffset: Y,
+      pullProgress: J,
+      refreshMessage: ae,
+      refreshThreshold: V,
+      handleTouchStart: x,
+      handleTouchMove: j,
+      handleTouchEnd: q,
+      handleTouchCancel: Q
     } = He({
       enabled: () => e.pullToRefresh,
       refreshing: () => e.refreshing,
       threshold: () => e.pullRefreshThreshold,
-      onRefresh: () => S("refresh"),
+      onRefresh: () => I("refresh"),
       scrollTop: () => typeof window > "u" ? 0 : Math.max(0, window.scrollY)
-    }), _ = i(
+    }), U = i(
       () => Math.max(1, e.estimatedItemSize)
-    ), oe = i(
-      () => Math.max(1, e.loadingItemSize ?? _.value)
-    ), Y = i(() => Math.max(0, Math.floor(e.overscan))), c = i(() => {
-      P.value;
-      const t = new Array(e.items.length + 1), o = new Array(e.items.length);
+    ), ue = i(
+      () => Math.max(1, e.loadingItemSize ?? U.value)
+    ), O = i(() => Math.max(0, Math.floor(e.overscan))), c = i(() => {
+      N.value;
+      const t = new Array(e.items.length + 1), a = new Array(e.items.length);
       t[0] = 0;
       for (let l = 0; l < e.items.length; l += 1) {
-        const M = T(e.items[l], l), y = O.get(M) ?? _.value;
-        o[l] = y, t[l + 1] = t[l] + y;
+        const y = T(e.items[l], l), p = R.get(y) ?? U.value;
+        a[l] = p, t[l + 1] = t[l] + p;
       }
       return {
         offsets: t,
-        sizes: o,
+        sizes: a,
         total: t[e.items.length] ?? 0
       };
-    }), v = i(
-      () => c.value.total + (e.loading ? oe.value : 0)
-    ), L = i(() => {
+    }), g = i(
+      () => c.value.total + (e.loading ? ue.value : 0)
+    ), B = i(() => {
       const t = /* @__PURE__ */ new Map();
-      return e.items.forEach((o, l) => {
-        t.set(T(o, l), l);
+      return e.items.forEach((a, l) => {
+        t.set(T(a, l), l);
       }), t;
-    }), j = i(
-      () => Math.max(0, x.value - V.value)
+    }), oe = i(
+      () => Math.max(0, w.value - L.value)
     );
-    function re(t) {
+    function ne(t) {
       if (e.items.length === 0) return 0;
-      const o = c.value.offsets;
-      let l = 0, M = e.items.length;
-      for (; l < M; ) {
-        const y = Math.floor((l + M) / 2);
-        o[y + 1] <= t ? l = y + 1 : M = y;
+      const a = c.value.offsets;
+      let l = 0, y = e.items.length;
+      for (; l < y; ) {
+        const p = Math.floor((l + y) / 2);
+        a[p + 1] <= t ? l = p + 1 : y = p;
       }
       return Math.min(l, e.items.length - 1);
     }
     const se = i(
       () => Math.max(
         0,
-        re(j.value) - Y.value
+        ne(oe.value) - O.value
       )
-    ), ne = i(() => {
+    ), X = i(() => {
       if (e.items.length === 0) return 0;
-      const t = x.value + u.value - V.value, o = Math.max(
-        _.value,
+      const t = w.value + u.value - L.value, a = Math.max(
+        U.value,
         t
-      ), l = re(o) + 1;
+      ), l = ne(a) + 1;
       return Math.min(
         e.items.length,
-        l + Y.value
+        l + O.value
       );
-    }), fe = i(
-      () => e.items.slice(se.value, ne.value).map((t, o) => {
-        const l = se.value + o;
+    }), ie = i(
+      () => e.items.slice(se.value, X.value).map((t, a) => {
+        const l = se.value + a;
         return {
           item: t,
           index: l,
@@ -1403,220 +1455,220 @@ const Ae = ["aria-label"], Pe = ["aria-posinset", "aria-setsize"], Le = /* @__PU
         };
       })
     );
-    function le() {
-      typeof window > "u" || (x.value = Math.max(0, window.scrollY), u.value = window.innerHeight, g.value && (V.value = g.value.getBoundingClientRect().top + x.value));
+    function ee() {
+      typeof window > "u" || (w.value = Math.max(0, window.scrollY), u.value = window.innerHeight, m.value && (L.value = m.value.getBoundingClientRect().top + w.value));
     }
-    function d() {
-      S("scroll", {
-        scrollTop: j.value,
+    function de() {
+      I("scroll", {
+        scrollTop: oe.value,
         startIndex: se.value,
-        endIndex: ne.value
+        endIndex: X.value
       });
     }
-    function s() {
-      le(), d(), h();
-    }
     function h() {
-      if (typeof window > "u" || !e.hasMore || e.loading || H === e.items.length)
+      ee(), de(), v();
+    }
+    function v() {
+      if (typeof window > "u" || !e.hasMore || e.loading || z === e.items.length)
         return;
-      const t = Math.max(0, e.loadMoreThreshold), o = V.value + v.value, l = x.value + u.value;
-      o - l <= t && (H = e.items.length, S("loadMore"));
+      const t = Math.max(0, e.loadMoreThreshold), a = L.value + g.value, l = w.value + u.value;
+      a - l <= t && (z = e.items.length, I("loadMore"));
     }
-    function a(t) {
-      const o = t.borderBoxSize;
-      if (o) {
-        const l = Array.isArray(o) ? o[0] : o;
+    function o(t) {
+      const a = t.borderBoxSize;
+      if (a) {
+        const l = Array.isArray(a) ? a[0] : a;
         if (l != null && l.blockSize) return l.blockSize;
       }
       return t.contentRect.height;
     }
-    function f(t) {
-      const o = c.value;
-      let l = 0, M = !1;
-      for (const y of t) {
-        const Q = y.target, q = E.get(Q), ie = a(y);
-        if (q === void 0 || ie <= 0) continue;
-        const ce = O.get(q) ?? _.value;
-        if (Math.abs(ce - ie) < 0.5) continue;
-        const de = L.value.get(q);
-        de !== void 0 && o.offsets[de + 1] <= j.value && (l += ie - ce), O.set(q, ie), M = !0;
+    function d(t) {
+      const a = c.value;
+      let l = 0, y = !1;
+      for (const p of t) {
+        const te = p.target, G = C.get(te), re = o(p);
+        if (G === void 0 || re <= 0) continue;
+        const ce = R.get(G) ?? U.value;
+        if (Math.abs(ce - re) < 0.5) continue;
+        const fe = B.value.get(G);
+        fe !== void 0 && a.offsets[fe + 1] <= oe.value && (l += re - ce), R.set(G, re), y = !0;
       }
-      M && (P.value += 1, $(() => {
+      y && (N.value += 1, k(() => {
         if (l !== 0 && typeof window < "u") {
-          const y = Math.max(
+          const p = Math.max(
             0,
-            x.value + l
+            w.value + l
           );
-          x.value = y, window.scrollTo({ top: y, behavior: "auto" });
+          w.value = p, window.scrollTo({ top: p, behavior: "auto" });
         }
-        le(), h();
+        ee(), v();
       }));
     }
-    function r(t, o) {
-      t instanceof HTMLElement && (E.set(t, o), p == null || p.observe(t));
+    function r(t, a) {
+      t instanceof HTMLElement && (C.set(t, a), M == null || M.observe(t));
     }
-    function D() {
-      for (const [t] of E)
-        t.isConnected || (p == null || p.unobserve(t), E.delete(t));
+    function K() {
+      for (const [t] of C)
+        t.isConnected || (M == null || M.unobserve(t), C.delete(t));
     }
-    function R(t, o = {}) {
+    function D(t, a = {}) {
       if (typeof window > "u") return;
-      le();
-      const l = Math.max(0, v.value - u.value), M = Math.min(
+      ee();
+      const l = Math.max(0, g.value - u.value), y = Math.min(
         Math.max(0, Number.isFinite(t) ? t : 0),
         l
-      ), y = Math.max(0, V.value + M), Q = o.behavior ?? "auto";
-      Q === "auto" && (x.value = y), window.scrollTo({ ...o, top: y, behavior: Q });
+      ), p = Math.max(0, L.value + y), te = a.behavior ?? "auto";
+      te === "auto" && (w.value = p), window.scrollTo({ ...a, top: p, behavior: te });
     }
-    function Z(t, o = {}) {
+    function W(t, a = {}) {
       if (typeof window > "u" || e.items.length === 0) return;
-      le();
+      ee();
       const l = Math.min(
         e.items.length - 1,
         Math.max(0, Math.floor(t))
-      ), { align: M = "start", ...y } = o, Q = c.value.sizes[l];
-      let q = V.value + c.value.offsets[l];
-      M === "center" ? q -= (u.value - Q) / 2 : M === "end" && (q -= u.value - Q);
-      const ie = Math.max(
-        V.value,
-        V.value + v.value - u.value
-      ), ce = Math.max(0, Math.min(q, ie)), de = y.behavior ?? "auto", Se = Math.max(
+      ), { align: y = "start", ...p } = a, te = c.value.sizes[l];
+      let G = L.value + c.value.offsets[l];
+      y === "center" ? G -= (u.value - te) / 2 : y === "end" && (G -= u.value - te);
+      const re = Math.max(
+        L.value,
+        L.value + g.value - u.value
+      ), ce = Math.max(0, Math.min(G, re)), fe = p.behavior ?? "auto", Se = Math.max(
         u.value * 3,
-        _.value * 10
-      ), Te = de === "smooth" && Math.abs(ce - x.value) > Se ? "auto" : de;
-      Te === "auto" && (x.value = ce), window.scrollTo({
-        ...y,
+        U.value * 10
+      ), Te = fe === "smooth" && Math.abs(ce - w.value) > Se ? "auto" : fe;
+      Te === "auto" && (w.value = ce), window.scrollTo({
+        ...p,
         top: ce,
         behavior: Te
       });
     }
-    function ue(t = "auto") {
-      typeof window > "u" || (le(), window.scrollTo({ top: Math.max(0, V.value), behavior: t }));
+    function s(t = "auto") {
+      typeof window > "u" || (ee(), window.scrollTo({ top: Math.max(0, L.value), behavior: t }));
     }
-    return ae(
+    return Z(
       () => e.itemKey,
       () => {
-        O.clear(), P.value += 1;
+        R.clear(), N.value += 1;
       }
-    ), ae(
+    ), Z(
       () => e.items.length,
       async () => {
         const t = new Set(
-          e.items.map((o, l) => T(o, l))
+          e.items.map((a, l) => T(a, l))
         );
-        for (const o of O.keys())
-          t.has(o) || O.delete(o);
-        P.value += 1, await $(), le(), h();
+        for (const a of R.keys())
+          t.has(a) || R.delete(a);
+        N.value += 1, await k(), ee(), v();
       }
-    ), ae(
+    ), Z(
       () => [e.hasMore, e.loading],
       async ([t]) => {
-        t || (H = -1), await $(), le(), h();
+        t || (z = -1), await k(), ee(), v();
       }
     ), pe(() => {
-      if (le(), window.addEventListener("scroll", s, { passive: !0 }), window.addEventListener("resize", s, { passive: !0 }), typeof ResizeObserver < "u") {
-        N = new ResizeObserver(() => {
-          le(), h();
-        }), p = new ResizeObserver(f), g.value && N.observe(g.value);
-        for (const [t] of E)
-          p.observe(t);
+      if (ee(), window.addEventListener("scroll", h, { passive: !0 }), window.addEventListener("resize", h, { passive: !0 }), typeof ResizeObserver < "u") {
+        E = new ResizeObserver(() => {
+          ee(), v();
+        }), M = new ResizeObserver(d), m.value && E.observe(m.value);
+        for (const [t] of C)
+          M.observe(t);
       }
-      $(h);
-    }), ze(D), ye(() => {
-      window.removeEventListener("scroll", s), window.removeEventListener("resize", s), N == null || N.disconnect(), p == null || p.disconnect(), E.clear();
-    }), W({
-      scrollTo: R,
-      scrollToIndex: Z,
-      scrollToTop: ue
-    }), (t, o) => (w(), b("div", {
+      k(v);
+    }), ze(K), ye(() => {
+      window.removeEventListener("scroll", h), window.removeEventListener("resize", h), E == null || E.disconnect(), M == null || M.disconnect(), C.clear();
+    }), _({
+      scrollTo: D,
+      scrollToIndex: W,
+      scrollToTop: s
+    }), (t, a) => (b(), S("div", {
       ref_key: "root",
-      ref: g,
-      class: $e(["vue-window-dynamic-virtual-scroll", { "vue-window-dynamic-virtual-scroll--pulling": m(B) }]),
+      ref: m,
+      class: $e(["vue-window-dynamic-virtual-scroll", { "vue-window-dynamic-virtual-scroll--pulling": f($) }]),
       role: "list",
       "aria-label": n.ariaLabel,
-      onTouchstartPassive: o[0] || (o[0] = //@ts-ignore
-      (...l) => m(z) && m(z)(...l)),
-      onTouchmove: o[1] || (o[1] = //@ts-ignore
-      (...l) => m(te) && m(te)(...l)),
-      onTouchend: o[2] || (o[2] = //@ts-ignore
-      (...l) => m(G) && m(G)(...l)),
-      onTouchcancel: o[3] || (o[3] = //@ts-ignore
-      (...l) => m(J) && m(J)(...l))
+      onTouchstartPassive: a[0] || (a[0] = //@ts-ignore
+      (...l) => f(x) && f(x)(...l)),
+      onTouchmove: a[1] || (a[1] = //@ts-ignore
+      (...l) => f(j) && f(j)(...l)),
+      onTouchend: a[2] || (a[2] = //@ts-ignore
+      (...l) => f(q) && f(q)(...l)),
+      onTouchcancel: a[3] || (a[3] = //@ts-ignore
+      (...l) => f(Q) && f(Q)(...l))
     }, [
-      n.pullToRefresh || n.refreshing ? (w(), b("div", {
+      n.pullToRefresh || n.refreshing ? (b(), S("div", {
         key: 0,
         class: "vue-window-dynamic-virtual-scroll__refresh",
-        style: C({
-          height: `${m(K)}px`,
-          transform: `translateY(${m(I) - m(K)}px)`
+        style: A({
+          height: `${f(V)}px`,
+          transform: `translateY(${f(Y) - f(V)}px)`
         }),
         role: "status",
         "aria-live": "polite"
       }, [
-        X(t.$slots, "refresh", {
-          pullDistance: m(F),
-          progress: m(U),
+        le(t.$slots, "refresh", {
+          pullDistance: f(F),
+          progress: f(J),
           refreshing: n.refreshing
         }, () => [
-          me(ke(m(ee)), 1)
+          ve(ke(f(ae)), 1)
         ])
       ], 4)) : he("", !0),
-      n.items.length || n.loading ? (w(), b("div", {
+      n.items.length || n.loading ? (b(), S("div", {
         key: 1,
         class: "vue-window-dynamic-virtual-scroll__spacer",
-        style: C({
-          height: `${v.value}px`,
-          transform: `translateY(${m(I)}px)`
+        style: A({
+          height: `${g.value}px`,
+          transform: `translateY(${f(Y)}px)`
         })
       }, [
-        (w(!0), b(ve, null, Me(fe.value, ({ item: l, index: M, key: y, top: Q }) => (w(), b("div", {
-          key: y,
+        (b(!0), S(me, null, Me(ie.value, ({ item: l, index: y, key: p, top: te }) => (b(), S("div", {
+          key: p,
           ref_for: !0,
-          ref: (q) => r(q, y),
+          ref: (G) => r(G, p),
           class: "vue-window-dynamic-virtual-scroll__item",
-          style: C({ transform: `translateY(${Q}px)` }),
+          style: A({ transform: `translateY(${te}px)` }),
           role: "listitem",
-          "aria-posinset": M + 1,
+          "aria-posinset": y + 1,
           "aria-setsize": n.items.length
         }, [
-          X(t.$slots, "default", {
+          le(t.$slots, "default", {
             item: l,
-            index: M
+            index: y
           })
         ], 12, Xe))), 128)),
-        n.loading ? (w(), b("div", {
+        n.loading ? (b(), S("div", {
           key: 0,
           class: "vue-window-dynamic-virtual-scroll__loading",
-          style: C({
-            height: `${oe.value}px`,
+          style: A({
+            height: `${ue.value}px`,
             transform: `translateY(${c.value.total}px)`
           }),
           role: "status",
           "aria-live": "polite"
         }, [
-          X(t.$slots, "loading", {}, () => [
-            o[4] || (o[4] = me("Loading more…", -1))
+          le(t.$slots, "loading", {}, () => [
+            a[4] || (a[4] = ve("Loading more…", -1))
           ])
         ], 4)) : he("", !0)
-      ], 4)) : (w(), b("div", {
+      ], 4)) : (b(), S("div", {
         key: 2,
         class: "vue-window-dynamic-virtual-scroll__empty",
-        style: C({ transform: `translateY(${m(I)}px)` })
+        style: A({ transform: `translateY(${f(Y)}px)` })
       }, [
-        X(t.$slots, "empty")
+        le(t.$slots, "empty")
       ], 4))
     ], 42, Qe));
   }
 }), tt = Le, at = {
   install(n) {
-    n.component("ChatVirtualScroll", Re), n.component("DynamicVirtualScroll", Le), n.component("ShortMediaFeed", Fe), n.component("VirtualCarousel", Ze), n.component("VirtualList", tt), n.component("VirtualScroll", Je), n.component(
+    n.component("ChatVirtualScroll", Ae), n.component("DynamicVirtualScroll", Le), n.component("ShortMediaFeed", Fe), n.component("VirtualCarousel", Ze), n.component("VirtualList", tt), n.component("VirtualScroll", Je), n.component(
       "WindowDynamicVirtualScroll",
       et
     );
   }
 };
 export {
-  Re as ChatVirtualScroll,
+  Ae as ChatVirtualScroll,
   Le as DynamicVirtualScroll,
   Fe as ShortMediaFeed,
   Ze as VirtualCarousel,