vue-virtual-flow 0.0.1 → 0.0.3

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