vue-virtual-flow 0.0.2 → 0.0.3

package/dist/vue-virtual-flow.js

@@ -1,51 +1,51 @@
-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) {
+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, _) {
-  const H = n[_];
-  return Ee(H) ? H : void 0;
+function be(n, W) {
+  const k = n[W];
+  return Ve(k) ? k : void 0;
 }
-function Ve(n) {
-  return Ie(n, "id") ?? Ie(n, "key");
+function Be(n) {
+  return be(n, "id") ?? be(n, "key");
 }
 function xe(n) {
-  function _(e, I) {
-    const m = n.itemKey();
-    if (typeof m == "function")
-      return m(e, I);
+  function W(e, w) {
+    const g = n.itemKey();
+    if (typeof g == "function")
+      return g(e, w);
     if (e !== null && typeof e == "object") {
-      if (m !== void 0) {
-        const u = Ie(e, m);
-        if (u !== void 0) return u;
+      if (g !== void 0) {
+        const r = be(e, g);
+        if (r !== void 0) return r;
       }
-      const w = Ve(e);
-      if (w !== void 0) return w;
+      const b = Be(e);
+      if (b !== void 0) return b;
     }
-    return I;
+    return w;
   }
-  function H() {
+  function k() {
   }
   return Z(
     () => [n.itemKey(), n.items()],
-    H,
+    k,
     { immediate: !0 }
-  ), { getItemKey: _ };
+  ), { getItemKey: W };
 }
-function we(n) {
+function Te(n) {
   return n === "fill" ? "100%" : typeof n == "number" ? `${n}px` : n;
 }
-function be(n) {
-  return (_, H) => {
-    typeof H == "string" && (H === "fill" || H.trim().endsWith("%"));
+function we(n) {
+  return (W, k) => {
+    typeof k == "string" && (k === "fill" || k.trim().endsWith("%"));
   };
 }
-const Ke = ["aria-label"], De = {
+const Ee = ["aria-label"], Le = {
   key: 0,
   class: "vue-chat-virtual-scroll__loading-older",
   role: "status",
   "aria-live": "polite"
-}, Ce = ["aria-posinset", "aria-setsize"], Ae = /* @__PURE__ */ ge({
+}, Ke = ["aria-posinset", "aria-setsize"], Oe = /* @__PURE__ */ ge({
   name: "ChatVirtualScroll",
   __name: "ChatVirtualScroll",
   props: {
@@ -63,304 +63,301 @@ const Ke = ["aria-label"], De = {
     loadOlderThreshold: { default: 120 }
   },
   emits: ["scroll", "loadOlder", "bottomChange"],
-  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({
+  setup(n, { expose: W, emit: k }) {
+    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
-    }), Y = i(
+    }), Y = s(
       () => Math.max(1, e.estimatedItemSize)
-    ), 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);
+    ), _ = 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 r = 0; r < e.items.length; r += 1) {
-        const K = F(e.items[r], r), D = R.get(K) ?? Y.value;
-        d[r] = D, o[r + 1] = o[r] + D;
+      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: o,
-        sizes: d,
+        sizes: c,
         total: o[e.items.length] ?? 0
       };
-    }), x = i(() => {
+    }), z = s(() => {
       const o = /* @__PURE__ */ new Map();
-      return e.items.forEach((d, r) => {
-        o.set(F(d, r), r);
+      return e.items.forEach((c, u) => {
+        o.set(P(c, u), u);
       }), o;
     });
-    function j(o) {
+    function Q(o) {
       if (e.items.length === 0) return 0;
-      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;
+      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 q = i(
+    const B = s(
       () => Math.max(
         0,
-        j(w.value) - J.value
+        Q(b.value) - _.value
       )
-    ), Q = i(() => {
+    ), q = s(() => {
       if (e.items.length === 0) return 0;
-      const o = j(w.value + ae.value) + 1;
+      const o = Q(b.value + ae.value) + 1;
       return Math.min(
         e.items.length,
-        o + J.value
+        o + _.value
       );
-    }), U = i(
-      () => e.items.slice(q.value, Q.value).map((o, d) => {
-        const r = q.value + d;
+    }), U = s(
+      () => e.items.slice(B.value, q.value).map((o, c) => {
+        const u = B.value + c;
         return {
           item: o,
-          index: r,
-          key: F(o, r),
-          top: V.value.offsets[r]
+          index: u,
+          key: P(o, u),
+          top: K.value.offsets[u]
         };
       })
-    ), ue = i(() => ({
-      height: we(e.height)
+    ), ie = s(() => ({
+      height: Te(e.height)
     }));
-    function O() {
-      const o = m.value;
+    function F() {
+      const o = g.value;
       if (!o) return;
-      const r = Math.max(
+      const u = Math.max(
         0,
-        V.value.total - o.scrollTop - o.clientHeight
+        K.value.total - o.scrollTop - o.clientHeight
       ) <= Math.max(0, e.bottomThreshold);
-      r !== N.value && (N.value = r, T && I("bottomChange", r));
+      u !== N.value && (N.value = u, M && w("bottomChange", u));
     }
-    function c() {
+    function f() {
       var o;
-      u.value = ((o = m.value) == null ? void 0 : o.clientHeight) ?? 0, $(m.value, e.height), k(() => {
-        O(), B();
+      r.value = ((o = g.value) == null ? void 0 : o.clientHeight) ?? 0, S(g.value, e.height), I(() => {
+        F(), O();
       });
     }
-    function g(o) {
-      w.value = o.currentTarget.scrollTop, O(), I("scroll", {
-        scrollTop: w.value,
-        startIndex: q.value,
-        endIndex: Q.value
-      }), B();
+    function m(o) {
+      b.value = o.currentTarget.scrollTop, F(), w("scroll", {
+        scrollTop: b.value,
+        startIndex: B.value,
+        endIndex: q.value
+      }), O();
     }
-    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 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 d = o.borderBoxSize;
-      if (d) {
-        const r = Array.isArray(d) ? d[0] : d;
-        if (r != null && r.blockSize) return r.blockSize;
+      const c = o.borderBoxSize;
+      if (c) {
+        const u = Array.isArray(c) ? c[0] : c;
+        if (u != null && u.blockSize) return u.blockSize;
       }
       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;
+    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;
       }
-      D && (L.value += 1, k(() => {
-        const W = m.value;
-        W && (r ? h("auto") : K !== 0 && (W.scrollTop += K, w.value = W.scrollTop, O()));
+      $ && (H.value += 1, I(() => {
+        const j = g.value;
+        j && (u ? p("auto") : E !== 0 && (j.scrollTop += E, b.value = j.scrollTop, F()));
       }));
     }
-    function se(o, d) {
-      o instanceof HTMLElement && (C.set(o, d), M == null || M.observe(o));
+    function ue(o, c) {
+      o instanceof HTMLElement && (L.set(o, c), h == null || h.observe(o));
     }
     function X() {
-      for (const [o] of C)
-        o.isConnected || (M == null || M.unobserve(o), C.delete(o));
+      for (const [o] of L)
+        o.isConnected || (h == null || h.unobserve(o), L.delete(o));
     }
-    function ie(o, d = {}) {
-      const r = m.value;
-      if (!r) return;
-      const K = Math.max(0, V.value.total - r.clientHeight), D = Math.min(
+    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),
-        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 K = Math.min(
+        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(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(
+      ), { 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, V.value.total - r.clientHeight)
-      ), l = W.behavior ?? "auto", y = Math.max(
-        r.clientHeight * 3,
-        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));
+        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, d) => F(o, d)),
+      () => e.items.map((o, c) => P(o, c)),
       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),
+        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, 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());
+        ) : 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());
       }
     ), Z(
       () => [e.hasOlder, e.loadingOlder],
       async ([o]) => {
-        o || (z = -1), await k(), B();
+        o || (V = -1), await I(), O();
       }
     ), pe(() => {
-      if (c(), typeof ResizeObserver < "u") {
-        E = new ResizeObserver(c), M = new ResizeObserver(ne), m.value && E.observe(m.value);
-        for (const [o] of C)
-          M.observe(o);
+      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);
       }
-      k(() => {
-        e.initialScroll === "bottom" && h("auto"), T = !0, O(), B();
+      I(() => {
+        e.initialScroll === "bottom" && p("auto"), M = !0, F(), O();
       });
-    }), ze(X), ye(() => {
-      E == null || E.disconnect(), M == null || M.disconnect(), C.clear();
-    }), _({
+    }), Se(X), ye(() => {
+      A && (A.disconnect(), A = void 0), h && (h.disconnect(), h = void 0), L.clear();
+    }), W({
       isAtBottom: N,
-      scrollTo: ie,
-      scrollToIndex: ee,
-      scrollToTop: de,
-      scrollToBottom: h
-    }), (o, d) => (b(), S("div", {
+      scrollTo: ce,
+      scrollToIndex: G,
+      scrollToTop: ne,
+      scrollToBottom: p
+    }), (o, c) => (x(), T("div", {
       ref_key: "viewport",
-      ref: m,
+      ref: g,
       class: "vue-chat-virtual-scroll",
-      style: A(ue.value),
+      style: R(ie.value),
       role: "log",
       "aria-label": n.ariaLabel,
       "aria-live": "polite",
       tabindex: "0",
-      onScrollPassive: g
+      onScrollPassive: m
     }, [
-      n.loadingOlder ? (b(), S("div", De, [
-        Be("div", null, [
-          le(o.$slots, "loadingOlder", {}, () => [
-            d[0] || (d[0] = ve("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 ? (b(), S("div", {
+      ])) : ve("", !0),
+      n.items.length ? (x(), T("div", {
         key: 1,
         class: "vue-chat-virtual-scroll__spacer",
-        style: A({ height: `${V.value.total}px` })
+        style: R({ height: `${K.value.total}px` })
       }, [
-        (b(!0), S(me, null, Me(U.value, ({ item: r, index: K, key: D, top: W }) => (b(), S("div", {
-          key: D,
+        (x(!0), T(me, null, Me(U.value, ({ item: u, index: E, key: $, top: j }) => (x(), T("div", {
+          key: $,
           ref_for: !0,
-          ref: (s) => se(s, D),
+          ref: (se) => ue(se, $),
           class: "vue-chat-virtual-scroll__item",
-          style: A({ transform: `translateY(${W}px)` }),
+          style: R({ transform: `translateY(${j}px)` }),
           role: "article",
-          "aria-posinset": K + 1,
+          "aria-posinset": E + 1,
           "aria-setsize": n.items.length
         }, [
-          le(o.$slots, "default", {
-            item: r,
-            index: K
+          te(o.$slots, "default", {
+            item: u,
+            index: E
           })
-        ], 12, Ce))), 128))
-      ], 4)) : le(o.$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 _ = 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, H.value / m.value)
-  ), L = i(() => n.refreshing() || I.value ? "Refreshing…" : u.value >= 1 ? "Release to refresh" : "Pull to refresh");
+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)
+  ), H = s(() => n.refreshing() || w.value ? "Refreshing…" : r.value >= 1 ? "Release to refresh" : "Pull to refresh");
   function N() {
-    _.value = void 0, e.value = !1, H.value = 0;
+    W.value = void 0, e.value = !1, k.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 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 C(M) {
-    var F;
-    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) {
+  function L(h) {
+    var P;
+    if (W.value === void 0 || !e.value) return;
+    const V = h.currentTarget;
+    if ((((P = n.scrollTop) == null ? void 0 : P.call(n)) ?? V.scrollTop) > 0 || h.touches.length !== 1) {
       N();
       return;
     }
-    const $ = M.touches[0].clientY - _.value;
-    if ($ <= 0) {
-      H.value = 0;
+    const S = h.touches[0].clientY - W.value;
+    if (S <= 0) {
+      k.value = 0;
       return;
     }
-    M.preventDefault(), H.value = Math.min($ * 0.5, m.value * 2);
+    h.preventDefault(), k.value = Math.min(S * 0.5, g.value * 2);
   }
-  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;
+  function A() {
+    if (W.value === void 0) return;
+    const h = k.value >= g.value && n.enabled() && !n.refreshing();
+    if (W.value = void 0, e.value = !1, !h) {
+      k.value = 0;
       return;
     }
-    H.value = m.value, I.value = !0, n.onRefresh(), k(() => {
-      n.refreshing() || (I.value = !1, H.value = 0);
+    k.value = g.value, w.value = !0, n.onRefresh(), I(() => {
+      n.refreshing() || (w.value = !1, k.value = 0);
     });
   }
   return Z(
     () => n.refreshing(),
-    (M, z) => {
-      M ? (I.value = !1, H.value = m.value) : z && (I.value = !1, H.value = 0);
+    (h, V) => {
+      h ? (w.value = !1, k.value = g.value) : V && (w.value = !1, k.value = 0);
     }
   ), {
     pulling: e,
-    pullDistance: H,
-    pullOffset: w,
-    pullProgress: u,
-    refreshMessage: L,
-    refreshThreshold: m,
-    handleTouchStart: R,
-    handleTouchMove: C,
-    handleTouchEnd: E,
+    pullDistance: k,
+    pullOffset: b,
+    pullProgress: r,
+    refreshMessage: H,
+    refreshThreshold: g,
+    handleTouchStart: C,
+    handleTouchMove: L,
+    handleTouchEnd: A,
     handleTouchCancel: N
   };
 }
-const Re = ["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: {
@@ -379,297 +376,294 @@ const Re = ["aria-label"], Pe = ["aria-posinset", "aria-setsize"], Le = /* @__PU
     pullRefreshThreshold: { default: 64 }
   },
   emits: ["scroll", "loadMore", "refresh"],
-  setup(n, { expose: _, emit: H }) {
-    const e = n, I = H, {
-      pulling: m,
-      pullDistance: w,
-      pullOffset: u,
-      pullProgress: L,
+  setup(n, { expose: W, emit: k }) {
+    const e = n, w = k, {
+      pulling: g,
+      pullDistance: b,
+      pullOffset: r,
+      pullProgress: H,
       refreshMessage: N,
-      refreshThreshold: R,
-      handleTouchStart: C,
-      handleTouchMove: E,
-      handleTouchEnd: M,
-      handleTouchCancel: z
-    } = He({
+      refreshThreshold: C,
+      handleTouchStart: L,
+      handleTouchMove: A,
+      handleTouchEnd: h,
+      handleTouchCancel: V
+    } = ke({
       enabled: () => e.pullToRefresh,
       refreshing: () => e.refreshing,
       threshold: () => e.pullRefreshThreshold,
-      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({
+      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
-    }), U = i(
+    }), U = s(
       () => Math.max(1, e.estimatedItemSize)
-    ), ue = i(
+    ), ie = s(
       () => 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(() => {
+    ), 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 t = new Array(e.items.length + 1), a = new Array(e.items.length);
-      t[0] = 0;
+      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 y = Q(e.items[l], l), p = J.get(y) ?? U.value;
-        a[l] = p, t[l + 1] = t[l] + p;
+        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: a,
-        total: t[e.items.length] ?? 0
+        offsets: a,
+        sizes: t,
+        total: a[e.items.length] ?? 0
       };
-    }), B = i(
-      () => g.value.total + (e.loading ? ue.value : 0)
-    ), oe = i(() => {
-      const t = /* @__PURE__ */ new Map();
-      return e.items.forEach((a, l) => {
-        t.set(Q(a, 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 ne(t) {
+    function le(a) {
       if (e.items.length === 0) return 0;
-      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;
+      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,
-        ne($.value) - O.value
+        le(S.value) - F.value
       )
-    ), X = i(() => {
+    ), X = s(() => {
       if (e.items.length === 0) return 0;
-      const t = ne($.value + c.value) + 1;
+      const a = le(S.value + f.value) + 1;
       return Math.min(
         e.items.length,
-        t + O.value
+        a + F.value
       );
-    }), ie = i(
-      () => e.items.slice(se.value, X.value).map((t, a) => {
-        const l = se.value + a;
+    }), 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: Q(t, l),
-          top: g.value.offsets[l]
+          key: q(a, l),
+          top: m.value.offsets[l]
         };
       })
-    ), ee = i(() => ({
-      height: we(e.height)
+    ), G = s(() => ({
+      height: Te(e.height)
     }));
-    function de() {
-      var t;
-      F.value = ((t = T.value) == null ? void 0 : t.clientHeight) ?? 0, q(T.value, e.height), k(v);
+    function ne() {
+      var a;
+      P.value = ((a = M.value) == null ? void 0 : a.clientHeight) ?? 0, B(M.value, e.height), I(y);
     }
-    function h(t) {
-      $.value = t.currentTarget.scrollTop, I("scroll", {
-        scrollTop: $.value,
-        startIndex: se.value,
+    function p(a) {
+      S.value = a.currentTarget.scrollTop, w("scroll", {
+        scrollTop: S.value,
+        startIndex: ue.value,
         endIndex: X.value
-      }), v();
+      }), y();
     }
-    function v() {
-      const t = T.value;
-      if (!t || !e.hasMore || e.loading || j === e.items.length)
+    function y() {
+      const a = M.value;
+      if (!a || !e.hasMore || e.loading || Q === e.items.length)
         return;
-      const a = Math.max(0, e.loadMoreThreshold);
-      B.value - t.scrollTop - t.clientHeight <= a && (j = e.items.length, I("loadMore"));
+      const t = Math.max(0, e.loadMoreThreshold);
+      O.value - a.scrollTop - a.clientHeight <= t && (Q = e.items.length, w("loadMore"));
     }
-    function o(t) {
-      const a = t.borderBoxSize;
-      if (a) {
-        const l = Array.isArray(a) ? a[0] : a;
+    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 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;
+      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;
       }
-      y && (Y.value += 1, k(v), l !== 0 && k(() => {
-        const p = T.value;
-        p && (p.scrollTop += l, $.value = p.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, a) {
-      t instanceof HTMLElement && (ae.set(t, a), x == null || x.observe(t));
+    function u(a, t) {
+      a instanceof HTMLElement && (ae.set(a, t), z == null || z.observe(a));
     }
-    function K() {
-      for (const [t] of ae)
-        t.isConnected || (x == null || x.unobserve(t), ae.delete(t));
+    function E() {
+      for (const [a] of ae)
+        a.isConnected || (z == null || z.unobserve(a), ae.delete(a));
     }
-    function D(t, a = {}) {
-      const l = T.value;
+    function $(a, t = {}) {
+      const l = M.value;
       if (!l) return;
-      const y = Math.max(0, B.value - l.clientHeight), p = Math.min(
-        Math.max(0, Number.isFinite(t) ? t : 0),
-        y
-      ), te = a.behavior ?? "auto";
-      te === "auto" && ($.value = p), l.scrollTo({ ...a, top: p, behavior: te });
-    }
-    function W(t, a = {}) {
-      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 y = Math.min(
+      const i = Math.min(
         e.items.length - 1,
-        Math.max(0, Math.floor(t))
-      ), { 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(
+        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(G, B.value - l.clientHeight)
-      ), fe = te.behavior ?? "auto", Se = Math.max(
-        l.clientHeight * 3,
-        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
+        Math.min(J, O.value - l.clientHeight)
+      ), fe = ee.behavior ?? "auto";
+      fe === "auto" && (S.value = de), l.scrollTo({
+        ...ee,
+        top: de,
+        behavior: fe
       });
     }
-    function s(t = "auto") {
-      var a;
-      (a = T.value) == null || a.scrollTo({ top: 0, behavior: t });
+    function se(a = "auto") {
+      var t;
+      (t = M.value) == null || t.scrollTo({ top: 0, behavior: a });
     }
     return Z(
       () => e.itemKey,
       () => {
-        J.clear(), Y.value += 1;
+        _.clear(), Y.value += 1;
       }
     ), Z(
       () => e.items.length,
       async () => {
-        const t = new Set(
-          e.items.map((y, p) => Q(y, p))
+        const a = new Set(
+          e.items.map((i, d) => q(i, d))
         );
-        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();
+        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();
       }
     ), Z(
       () => [e.hasMore, e.loading],
-      async ([t]) => {
-        t || (j = -1), await k(), v();
+      async ([a]) => {
+        a || (Q = -1), await I(), y();
       }
     ), pe(() => {
-      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);
+      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);
       }
-      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", {
+      I(y);
+    }), Se(E), ye(() => {
+      K && (K.disconnect(), K = void 0), z && (z.disconnect(), z = void 0), ae.clear();
+    }), W({
+      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": f(m) }]),
-      style: A(ee.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: 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))
+      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 ? (b(), S("div", {
+      n.pullToRefresh || n.refreshing ? (x(), T("div", {
         key: 0,
         class: "vue-dynamic-virtual-scroll__refresh",
-        style: A({
-          height: `${f(R)}px`,
-          transform: `translateY(${f(u) - f(R)}px)`
+        style: R({
+          height: `${v(C)}px`,
+          transform: `translateY(${v(r) - v(C)}px)`
         }),
         role: "status",
         "aria-live": "polite"
       }, [
-        le(t.$slots, "refresh", {
-          pullDistance: f(w),
-          progress: f(L),
+        te(a.$slots, "refresh", {
+          pullDistance: v(b),
+          progress: v(H),
           refreshing: n.refreshing
         }, () => [
-          ve(ke(f(N)), 1)
+          he(ze(v(N)), 1)
         ])
-      ], 4)) : he("", !0),
-      n.items.length || n.loading ? (b(), S("div", {
+      ], 4)) : ve("", !0),
+      n.items.length || n.loading ? (x(), T("div", {
         key: 1,
         class: "vue-dynamic-virtual-scroll__spacer",
-        style: A({
-          height: `${B.value}px`,
-          transform: `translateY(${f(u)}px)`
+        style: R({
+          height: `${O.value}px`,
+          transform: `translateY(${v(r)}px)`
         })
       }, [
-        (b(!0), S(me, null, Me(ie.value, ({ item: l, index: y, key: p, top: te }) => (b(), S("div", {
-          key: p,
+        (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: (G) => r(G, p),
+          ref: (J) => u(J, d),
           class: "vue-dynamic-virtual-scroll__item",
-          style: A({ transform: `translateY(${te}px)` }),
+          style: R({ transform: `translateY(${ee}px)` }),
           role: "listitem",
-          "aria-posinset": y + 1,
+          "aria-posinset": i + 1,
           "aria-setsize": n.items.length
         }, [
-          le(t.$slots, "default", {
+          te(a.$slots, "default", {
             item: l,
-            index: y
+            index: i
           })
-        ], 12, Pe))), 128)),
-        n.loading ? (b(), S("div", {
+        ], 12, Ce))), 128)),
+        n.loading ? (x(), T("div", {
           key: 0,
           class: "vue-dynamic-virtual-scroll__loading",
-          style: A({
-            height: `${ue.value}px`,
-            transform: `translateY(${g.value.total}px)`
+          style: R({
+            height: `${ie.value}px`,
+            transform: `translateY(${m.value.total}px)`
           }),
           role: "status",
           "aria-live": "polite"
         }, [
-          le(t.$slots, "loading", {}, () => [
-            a[4] || (a[4] = ve("Loading more…", -1))
+          te(a.$slots, "loading", {}, () => [
+            t[4] || (t[4] = he("Loading more…", -1))
           ])
-        ], 4)) : he("", !0)
-      ], 4)) : (b(), S("div", {
+        ], 4)) : ve("", !0)
+      ], 4)) : (x(), T("div", {
         key: 2,
         class: "vue-dynamic-virtual-scroll__empty",
-        style: A({ transform: `translateY(${f(u)}px)` })
+        style: R({ transform: `translateY(${v(r)}px)` })
       }, [
-        le(t.$slots, "empty")
+        te(a.$slots, "empty")
       ], 4))
     ], 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: {
@@ -684,87 +678,87 @@ const Re = ["aria-label"], Pe = ["aria-posinset", "aria-setsize"], Le = /* @__PU
     loadMoreThreshold: { default: 2 }
   },
   emits: ["update:activeIndex", "change", "reachStart", "reachEnd", "loadMore"],
-  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({
+  setup(n, { expose: W, emit: k }) {
+    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
-    }), E = i(
+    }), A = s(
       () => Math.max(0, Math.floor(e.buffer))
-    ), M = i(
+    ), h = s(
       () => Math.max(
         0,
         Math.floor(
           Number.isFinite(e.loadMoreThreshold) ? e.loadMoreThreshold : 0
         )
       )
-    ), 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(
+    ), 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 + E.value + 1
+        r.value + A.value + 1
       )
-    ), F = i(
-      () => e.items.slice(T.value, $.value).map((c, g) => ({
-        item: c,
-        index: T.value + g
+    ), P = s(
+      () => e.items.slice(M.value, S.value).map((f, m) => ({
+        item: f,
+        index: M.value + m
       }))
-    ), Y = i(() => T.value * z.value), J = i(
-      () => (e.items.length - $.value) * z.value
-    ), ae = 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 V(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 x() {
+    function z() {
       if (!e.hasMore || e.loading || N === e.items.length)
         return;
-      (e.items.length === 0 ? 0 : e.items.length - 1 - u.value) <= M.value && (N = e.items.length, I("loadMore"));
+      (e.items.length === 0 ? 0 : e.items.length - 1 - r.value) <= h.value && (N = e.items.length, w("loadMore"));
     }
-    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 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 q(c, g = {}) {
-      const B = m.value;
-      B && (typeof B.scrollTo == "function" ? B.scrollTo({ ...g, top: c }) : B.scrollTop = c);
+    function B(f, m = {}) {
+      const O = g.value;
+      O && (typeof O.scrollTo == "function" ? O.scrollTo({ ...m, top: f }) : O.scrollTop = f);
     }
-    function Q(c, g = {}) {
+    function q(f, m = {}) {
       if (e.items.length === 0) return;
-      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);
+      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 Z(
       () => e.activeIndex,
-      async (c) => {
-        const g = V(c);
-        g !== u.value && (u.value = g, await k(), q(g * z.value), x());
+      async (f) => {
+        const m = K(f);
+        m !== r.value && (r.value = m, await I(), B(m * V.value), z());
       }
     ), Z(
       () => [
@@ -772,74 +766,74 @@ const Re = ["aria-label"], Pe = ["aria-posinset", "aria-setsize"], Le = /* @__PU
         e.loading,
         e.loadMoreThreshold
       ],
-      async ([c]) => {
-        c || (N = -1), await k(), x();
+      async ([f]) => {
+        f || (N = -1), await I(), z();
       }
     ), Z(
       () => e.items.length,
       async () => {
-        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();
+        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 () => {
-      O(), typeof ResizeObserver < "u" && m.value && (L = new ResizeObserver(O), L.observe(m.value)), await k(), q(u.value * z.value), x();
+      F(), typeof ResizeObserver < "u" && g.value && (H = new ResizeObserver(F), H.observe(g.value)), await I(), B(r.value * V.value), z();
     }), ye(() => {
-      L == null || L.disconnect();
-    }), _({
-      scrollToIndex: Q
-    }), (c, g) => (b(), S("div", {
+      H && (H.disconnect(), H = void 0);
+    }), W({
+      scrollToIndex: q
+    }), (f, m) => (x(), T("div", {
       ref_key: "viewport",
-      ref: m,
+      ref: g,
       class: "vue-short-media-feed",
-      style: A(ae.value),
+      style: R(ae.value),
       role: "list",
       "aria-orientation": "vertical",
       "aria-label": n.ariaLabel,
       tabindex: "0",
       onScrollPassive: U,
-      onKeydown: ue
+      onKeydown: ie
     }, [
-      n.items.length ? (b(), S(me, { key: 0 }, [
-        Y.value > 0 ? (b(), S("div", {
+      n.items.length ? (x(), T(me, { key: 0 }, [
+        Y.value > 0 ? (x(), T("div", {
           key: 0,
           class: "vue-short-media-feed__spacer",
-          style: A({ height: `${Y.value}px` }),
+          style: R({ height: `${Y.value}px` }),
           "aria-hidden": "true"
-        }, null, 4)) : he("", !0),
-        (b(!0), S(me, null, Me(F.value, ({ item: B, index: oe }) => (b(), S("div", {
-          key: f(C)(B, oe),
+        }, 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: A({ height: `${z.value}px` }),
+          style: R({ height: `${V.value}px` }),
           role: "listitem",
-          "aria-current": oe === u.value ? "true" : void 0,
+          "aria-current": oe === r.value ? "true" : void 0,
           "aria-posinset": oe + 1,
           "aria-setsize": n.items.length
         }, [
-          le(c.$slots, "default", {
-            item: B,
+          te(f.$slots, "default", {
+            item: O,
             index: oe,
-            active: oe === u.value
+            active: oe === r.value
           })
-        ], 12, Ne))), 128)),
-        J.value > 0 ? (b(), S("div", {
+        ], 12, Pe))), 128)),
+        _.value > 0 ? (x(), T("div", {
           key: 1,
           class: "vue-short-media-feed__spacer",
-          style: A({ height: `${J.value}px` }),
+          style: R({ height: `${_.value}px` }),
           "aria-hidden": "true"
-        }, null, 4)) : he("", !0)
-      ], 64)) : (b(), S("div", Ye, [
-        le(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: {
@@ -858,277 +852,311 @@ const Re = ["aria-label"], Pe = ["aria-posinset", "aria-setsize"], Le = /* @__PU
     autoplay: { type: Boolean, default: !1 },
     autoplayDelay: { default: 3e3 },
     autoplayLoop: { type: Boolean, default: !0 },
-    pauseOnHover: { type: Boolean, default: !0 }
+    pauseOnHover: { type: Boolean, default: !0 },
+    responsive: { default: void 0 }
   },
   emits: ["update:activeIndex", "change", "reachStart", "reachEnd", "loadMore"],
-  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({
+  setup(n, { expose: W, emit: k }) {
+    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
-    }), z = 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
         )
       )
-    ), T = i(
+    ), Y = s(
       () => Math.max(
         1,
         Math.floor(
-          Number.isFinite(e.slidesToScroll) ? e.slidesToScroll : 1
+          Number.isFinite(S.value.slidesToScroll) ? S.value.slidesToScroll : 1
         )
       )
-    ), $ = i(
-      () => Math.max(0, Number.isFinite(e.gap) ? e.gap : 0)
-    ), F = 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)
       )
-    ), Y = i(
+    ), K = s(
       () => Math.max(
         0,
         Math.floor(
           Number.isFinite(e.loadMoreThreshold) ? e.loadMoreThreshold : 0
         )
       )
-    ), 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;
+    ), 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,
-        (ae.value - s) / z.value
+        (M.value - t) / P.value
       );
-    }), x = i(() => V.value + $.value), j = i(
+    }), B = s(() => Q.value + _.value), q = s(
       () => Math.max(
         0,
-        e.items.length - z.value
+        e.items.length - P.value
       )
-    ), q = i(
-      () => Math.max(0, u.value - F.value)
-    ), Q = i(
+    ), U = s(
+      () => Math.max(0, r.value - ae.value)
+    ), ie = s(
       () => Math.min(
         e.items.length,
-        u.value + z.value + F.value
+        r.value + P.value + ae.value
       )
-    ), U = i(
-      () => e.items.slice(q.value, Q.value).map((s, t) => ({
-        item: s,
-        index: q.value + t
+    ), F = s(
+      () => e.items.slice(U.value, ie.value).map((t, l) => ({
+        item: t,
+        index: U.value + l
       }))
-    ), 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(
+    ), 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,
-        ue.value - Q.value * x.value
+        f.value - ie.value * B.value
       )
-    ), g = i(() => ({
-      height: we(e.height)
+    ), oe = s(() => ({
+      height: Te(e.height)
     }));
-    function B(s) {
+    function le(t) {
       return Math.min(
-        j.value,
-        Math.max(0, Math.floor(Number.isFinite(s) ? s : 0))
+        q.value,
+        Math.max(0, Math.floor(Number.isFinite(t) ? t : 0))
       );
     }
-    u.value = B(e.activeIndex);
-    function oe(s) {
-      return s >= u.value && s < Math.min(
+    r.value = le(e.activeIndex);
+    function ue(t) {
+      return t >= r.value && t < Math.min(
         e.items.length,
-        u.value + z.value
+        r.value + P.value
       );
     }
-    function ne() {
+    function X() {
       if (!e.hasMore || e.loading || N === e.items.length)
         return;
-      const s = e.items.length === 0 ? -1 : Math.min(
+      const t = e.items.length === 0 ? -1 : Math.min(
         e.items.length - 1,
-        u.value + z.value - 1
+        r.value + P.value - 1
       );
-      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
+      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 ee(s = "smooth") {
-      ie(
-        u.value + T.value,
-        { behavior: s }
+    function p(t = "smooth") {
+      ne(
+        r.value + Y.value,
+        { behavior: t }
       );
     }
-    function de(s = "smooth") {
-      ie(
-        u.value - T.value,
-        { behavior: s }
+    function y(t = "smooth") {
+      ne(
+        r.value - Y.value,
+        { behavior: t }
       );
     }
-    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 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 v() {
-      R !== void 0 && (clearTimeout(R), R = void 0);
+    function c() {
+      C !== void 0 && (clearTimeout(C), C = void 0);
     }
-    function o() {
-      E.value = !0, e.pauseOnHover && v();
+    function u() {
+      h.value = !0, e.pauseOnHover && c();
     }
-    function d() {
-      E.value = !1, e.autoplay && h();
+    function E() {
+      h.value = !1, e.autoplay && o();
     }
-    function r() {
-      C = void 0;
+    function $() {
+      L = 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;
+    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;
       }
-      se(Math.round(t / x.value));
+      ce(Math.round(l / B.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 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 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);
+    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 Z(
       () => e.activeIndex,
-      async (s) => {
-        const t = B(s);
-        t !== u.value && (r(), u.value = t, await k(), X(t * x.value), ne());
+      async (t) => {
+        const l = le(t);
+        l !== r.value && ($(), r.value = l, await I(), G(l * B.value), X());
       }
     ), Z(
       () => [
         e.items.length,
-        e.slidesPerView,
-        e.gap
+        S.value.slidesPerView,
+        S.value.gap,
+        S.value.slidesToScroll
       ],
       async () => {
-        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();
+        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();
       }
+    ), Z(
+      () => e.responsive,
+      () => {
+        I(() => {
+          const t = le(r.value);
+          G(t * B.value);
+        });
+      },
+      { deep: !0 }
     ), Z(
       () => [
         e.hasMore,
         e.loading,
         e.loadMoreThreshold
       ],
-      async ([s]) => {
-        s || (N = -1), await k(), ne();
+      async ([t]) => {
+        t || (N = -1), await I(), X();
       }
     ), Z(
       () => e.autoplay,
-      (s) => {
-        s && !E.value ? h() : v();
+      (t) => {
+        t && !h.value ? o() : c();
       }
     ), Z(
       () => e.autoplayDelay,
       () => {
-        e.autoplay && !E.value && h();
+        e.autoplay && !h.value && o();
       }
     ), Z(
       () => e.autoplayLoop,
-      (s) => {
-        !e.autoplay || E.value || (!s && u.value >= j.value ? v() : h());
+      (t) => {
+        !e.autoplay || h.value || (!t && r.value >= q.value ? c() : o());
       }
     ), Z(
       () => e.pauseOnHover,
-      (s) => {
-        s && E.value ? v() : !s && e.autoplay && h();
+      (t) => {
+        t && h.value ? c() : !t && e.autoplay && o();
       }
     ), pe(async () => {
-      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();
+      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(() => {
-      L == null || L.disconnect(), v();
-    }), _({
-      next: ee,
-      previous: de,
-      scrollToIndex: ie,
-      startAutoplay: h,
-      stopAutoplay: v
-    }), (s, t) => (b(), S("div", {
+      H && (H.disconnect(), H = void 0), c();
+    }), W({
+      next: p,
+      previous: y,
+      scrollToIndex: ne,
+      startAutoplay: o,
+      stopAutoplay: c
+    }), (t, l) => (x(), T("div", {
       ref_key: "viewport",
-      ref: m,
+      ref: g,
       class: "vue-virtual-carousel",
-      style: A(g.value),
+      style: R(oe.value),
       role: "region",
       "aria-roledescription": "carousel",
       "aria-label": n.ariaLabel,
       tabindex: "0",
-      onScrollPassive: K,
-      onPointerdown: r,
-      onWheelPassive: r,
-      onKeydown: D,
-      onMouseenter: o,
-      onMouseleave: d
+      onScrollPassive: j,
+      onPointerdown: $,
+      onWheelPassive: $,
+      onKeydown: se,
+      onMouseenter: u,
+      onMouseleave: E
     }, [
-      n.items.length ? (b(), S("div", _e, [
-        O.value > 0 ? (b(), S("div", {
+      n.items.length ? (x(), T("div", Fe, [
+        m.value > 0 ? (x(), T("div", {
           key: 0,
           class: "vue-virtual-carousel__spacer",
-          style: A({ flexBasis: `${O.value}px` }),
+          style: R({ flexBasis: `${m.value}px` }),
           "aria-hidden": "true"
-        }, null, 4)) : he("", !0),
-        (b(!0), S(me, null, Me(U.value, ({ item: a, index: l }) => (b(), S("div", {
-          key: f(M)(a, l),
+        }, 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: A({
-            flexBasis: `${V.value}px`,
-            marginRight: l < n.items.length - 1 ? `${$.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": `${l + 1} of ${n.items.length}`,
-          "aria-current": l === u.value ? "true" : void 0
+          "aria-label": `${d + 1} of ${n.items.length}`,
+          "aria-current": d === r.value ? "true" : void 0
         }, [
-          le(s.$slots, "default", {
-            item: a,
-            index: l,
-            active: l === u.value,
-            visible: oe(l)
+          te(t.$slots, "default", {
+            item: i,
+            index: d,
+            active: d === r.value,
+            visible: ue(d)
           })
-        ], 12, Ue))), 128)),
-        c.value > 0 ? (b(), S("div", {
+        ], 12, We))), 128)),
+        O.value > 0 ? (x(), T("div", {
           key: 1,
           class: "vue-virtual-carousel__spacer",
-          style: A({ flexBasis: `${c.value}px` }),
+          style: R({ flexBasis: `${O.value}px` }),
           "aria-hidden": "true"
-        }, null, 4)) : he("", !0)
-      ])) : (b(), S("div", je, [
-        le(s.$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: {
@@ -1147,210 +1175,210 @@ const Re = ["aria-label"], Pe = ["aria-posinset", "aria-setsize"], Le = /* @__PU
     pullRefreshThreshold: { default: 64 }
   },
   emits: ["scroll", "loadMore", "refresh"],
-  setup(n, { expose: _, emit: H }) {
-    const e = n, I = H, {
-      pulling: m,
-      pullDistance: w,
-      pullOffset: u,
-      pullProgress: L,
+  setup(n, { expose: W, emit: k }) {
+    const e = n, w = k, {
+      pulling: g,
+      pullDistance: b,
+      pullOffset: r,
+      pullProgress: H,
       refreshMessage: N,
-      refreshThreshold: R,
-      handleTouchStart: C,
-      handleTouchMove: E,
-      handleTouchEnd: M,
-      handleTouchCancel: z
-    } = He({
+      refreshThreshold: C,
+      handleTouchStart: L,
+      handleTouchMove: A,
+      handleTouchEnd: h,
+      handleTouchCancel: V
+    } = ke({
       enabled: () => e.pullToRefresh,
       refreshing: () => e.refreshing,
       threshold: () => e.pullRefreshThreshold,
-      onRefresh: () => I("refresh")
-    }), T = P(), $ = P(0), F = P(0);
-    let Y, J = -1;
-    const ae = be(), { getItemKey: V } = 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
-    }), 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(
+    }), z = s(() => Math.max(1, e.itemSize)), Q = s(() => Math.max(0, Math.floor(e.overscan))), B = s(
+      () => e.items.length * z.value
+    ), q = s(
+      () => Math.max(1, e.loadingItemSize ?? z.value)
+    ), 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($.value / x.value) - j.value
+        Math.floor(S.value / z.value) - Q.value
       )
-    ), c = i(() => {
-      const h = Math.ceil(
-        ($.value + ue.value) / x.value
+    ), f = s(() => {
+      const p = Math.ceil(
+        (S.value + ie.value) / z.value
       );
       return Math.min(
         e.items.length,
-        h + j.value
+        p + Q.value
       );
-    }), g = i(
-      () => e.items.slice(O.value, c.value).map((h, v) => ({
-        item: h,
-        index: O.value + v
+    }), m = s(
+      () => e.items.slice(F.value, f.value).map((p, y) => ({
+        item: p,
+        index: F.value + y
       }))
-    ), B = i(() => ({
-      height: we(e.height)
-    })), oe = i(() => ({
-      transform: `translateY(${O.value * x.value}px)`
+    ), O = s(() => ({
+      height: Te(e.height)
+    })), oe = s(() => ({
+      transform: `translateY(${F.value * z.value}px)`
     }));
-    function ne() {
-      var h;
-      F.value = ((h = T.value) == null ? void 0 : h.clientHeight) ?? 0, ae(T.value, e.height), k(X);
-    }
-    function se(h) {
-      $.value = h.currentTarget.scrollTop, I("scroll", {
-        scrollTop: $.value,
-        startIndex: O.value,
-        endIndex: c.value
+    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 h = T.value;
-      if (!h || !e.hasMore || e.loading || J === e.items.length)
+      const p = M.value;
+      if (!p || !e.hasMore || e.loading || _ === e.items.length)
         return;
-      const v = Math.max(0, e.loadMoreThreshold);
-      U.value - h.scrollTop - h.clientHeight <= v && (J = e.items.length, I("loadMore"));
+      const y = Math.max(0, e.loadMoreThreshold);
+      U.value - p.scrollTop - p.clientHeight <= y && (_ = e.items.length, w("loadMore"));
     }
-    function ie(h, v = {}) {
-      const o = T.value;
+    function ce(p, y = {}) {
+      const o = M.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;
+      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 d = Math.min(
+      const c = Math.min(
         e.items.length - 1,
-        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))
+        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 de(h = "auto") {
-      var v;
-      (v = T.value) == null || v.scrollTo({ top: 0, behavior: h });
+    function ne(p = "auto") {
+      var y;
+      (y = M.value) == null || y.scrollTo({ top: 0, behavior: p });
     }
     return Z(
       () => [e.items.length, e.itemSize],
       async () => {
-        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();
+        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();
       }
     ), Z(
       () => [e.hasMore, e.loading],
-      async ([h]) => {
-        h || (J = -1), await k(), X();
+      async ([p]) => {
+        p || (_ = -1), await I(), X();
       }
     ), pe(() => {
-      ne(), typeof ResizeObserver < "u" && T.value && (Y = new ResizeObserver(ne), Y.observe(T.value)), k(X);
+      le(), typeof ResizeObserver < "u" && M.value && (Y = new ResizeObserver(le), Y.observe(M.value)), I(X);
     }), ye(() => {
-      Y == null || Y.disconnect();
-    }), _({
-      scrollTo: ie,
-      scrollToIndex: ee,
-      scrollToTop: de
-    }), (h, v) => (b(), S("div", {
+      Y && (Y.disconnect(), Y = void 0);
+    }), W({
+      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": f(m) }]),
-      style: A(B.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: 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))
+      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 ? (b(), S("div", {
+      n.pullToRefresh || n.refreshing ? (x(), T("div", {
         key: 0,
         class: "vue-virtual-scroll__refresh",
-        style: A({
-          height: `${f(R)}px`,
-          transform: `translateY(${f(u) - f(R)}px)`
+        style: R({
+          height: `${v(C)}px`,
+          transform: `translateY(${v(r) - v(C)}px)`
         }),
         role: "status",
         "aria-live": "polite"
       }, [
-        le(h.$slots, "refresh", {
-          pullDistance: f(w),
-          progress: f(L),
+        te(p.$slots, "refresh", {
+          pullDistance: v(b),
+          progress: v(H),
           refreshing: n.refreshing
         }, () => [
-          ve(ke(f(N)), 1)
+          he(ze(v(N)), 1)
         ])
-      ], 4)) : he("", !0),
-      n.items.length || n.loading ? (b(), S("div", {
+      ], 4)) : ve("", !0),
+      n.items.length || n.loading ? (x(), T("div", {
         key: 1,
         class: "vue-virtual-scroll__spacer",
-        style: A({
+        style: R({
           height: `${U.value}px`,
-          transform: `translateY(${f(u)}px)`
+          transform: `translateY(${v(r)}px)`
         })
       }, [
-        Be("div", {
+        $e("div", {
           class: "vue-virtual-scroll__content",
-          style: A(oe.value)
+          style: R(oe.value)
         }, [
-          (b(!0), S(me, null, Me(g.value, ({ item: o, index: d }) => (b(), S("div", {
-            key: f(V)(o, d),
+          (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: A({ height: `${x.value}px` }),
+            style: R({ height: `${z.value}px` }),
             role: "listitem",
-            "aria-posinset": d + 1,
+            "aria-posinset": c + 1,
             "aria-setsize": n.items.length
           }, [
-            le(h.$slots, "default", {
+            te(p.$slots, "default", {
               item: o,
-              index: d
+              index: c
             })
-          ], 12, Ge))), 128))
+          ], 12, Ze))), 128))
         ], 4),
-        n.loading ? (b(), S("div", {
+        n.loading ? (x(), T("div", {
           key: 0,
           class: "vue-virtual-scroll__loading",
-          style: A({
-            height: `${Q.value}px`,
-            transform: `translateY(${q.value}px)`
+          style: R({
+            height: `${q.value}px`,
+            transform: `translateY(${B.value}px)`
           }),
           role: "status",
           "aria-live": "polite"
         }, [
-          le(h.$slots, "loading", {}, () => [
-            v[4] || (v[4] = ve("Loading more…", -1))
+          te(p.$slots, "loading", {}, () => [
+            y[4] || (y[4] = he("Loading more…", -1))
           ])
-        ], 4)) : he("", !0)
-      ], 4)) : (b(), S("div", {
+        ], 4)) : ve("", !0)
+      ], 4)) : (x(), T("div", {
         key: 2,
         class: "vue-virtual-scroll__empty",
-        style: A({ transform: `translateY(${f(u)}px)` })
+        style: R({ transform: `translateY(${v(r)}px)` })
       }, [
-        le(h.$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: {
@@ -1368,313 +1396,310 @@ const Re = ["aria-label"], Pe = ["aria-posinset", "aria-setsize"], Le = /* @__PU
     pullRefreshThreshold: { default: 64 }
   },
   emits: ["scroll", "loadMore", "refresh"],
-  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({
+  setup(n, { expose: W, emit: k }) {
+    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: $,
-      pullDistance: F,
+      pulling: S,
+      pullDistance: P,
       pullOffset: Y,
-      pullProgress: J,
+      pullProgress: _,
       refreshMessage: ae,
-      refreshThreshold: V,
-      handleTouchStart: x,
-      handleTouchMove: j,
-      handleTouchEnd: q,
-      handleTouchCancel: Q
-    } = He({
+      refreshThreshold: K,
+      handleTouchStart: z,
+      handleTouchMove: Q,
+      handleTouchEnd: B,
+      handleTouchCancel: q
+    } = ke({
       enabled: () => e.pullToRefresh,
       refreshing: () => e.refreshing,
       threshold: () => e.pullRefreshThreshold,
-      onRefresh: () => I("refresh"),
+      onRefresh: () => w("refresh"),
       scrollTop: () => typeof window > "u" ? 0 : Math.max(0, window.scrollY)
-    }), U = i(
+    }), U = s(
       () => Math.max(1, e.estimatedItemSize)
-    ), ue = i(
+    ), ie = s(
       () => Math.max(1, e.loadingItemSize ?? U.value)
-    ), O = i(() => Math.max(0, Math.floor(e.overscan))), c = i(() => {
+    ), F = s(() => Math.max(0, Math.floor(e.overscan))), f = s(() => {
       N.value;
-      const t = new Array(e.items.length + 1), a = new Array(e.items.length);
-      t[0] = 0;
+      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 y = T(e.items[l], l), p = R.get(y) ?? U.value;
-        a[l] = p, t[l + 1] = t[l] + p;
+        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: a,
-        total: t[e.items.length] ?? 0
+        offsets: a,
+        sizes: t,
+        total: a[e.items.length] ?? 0
       };
-    }), g = i(
-      () => c.value.total + (e.loading ? ue.value : 0)
-    ), B = i(() => {
-      const t = /* @__PURE__ */ new Map();
-      return e.items.forEach((a, l) => {
-        t.set(T(a, l), l);
-      }), t;
-    }), oe = i(
-      () => Math.max(0, w.value - L.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 ne(t) {
+    function le(a) {
       if (e.items.length === 0) return 0;
-      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;
+      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,
-        ne(oe.value) - O.value
+        le(oe.value) - F.value
       )
-    ), X = i(() => {
+    ), X = s(() => {
       if (e.items.length === 0) return 0;
-      const t = w.value + u.value - L.value, a = Math.max(
+      const a = b.value + r.value - H.value, t = Math.max(
         U.value,
-        t
-      ), l = ne(a) + 1;
+        a
+      ), l = le(t) + 1;
       return Math.min(
         e.items.length,
-        l + O.value
+        l + F.value
       );
-    }), ie = i(
-      () => e.items.slice(se.value, X.value).map((t, a) => {
-        const l = se.value + a;
+    }), 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 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 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 de() {
-      I("scroll", {
+    function ne() {
+      w("scroll", {
         scrollTop: oe.value,
-        startIndex: se.value,
+        startIndex: ue.value,
         endIndex: X.value
       });
     }
-    function h() {
-      ee(), de(), v();
+    function p() {
+      G(), ne(), y();
     }
-    function v() {
-      if (typeof window > "u" || !e.hasMore || e.loading || z === 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), a = L.value + g.value, l = w.value + u.value;
-      a - l <= t && (z = e.items.length, I("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 o(t) {
-      const a = t.borderBoxSize;
-      if (a) {
-        const l = Array.isArray(a) ? a[0] : a;
+    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 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;
+      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;
       }
-      y && (N.value += 1, k(() => {
+      i && (N.value += 1, I(() => {
         if (l !== 0 && typeof window < "u") {
-          const p = Math.max(
+          const d = Math.max(
             0,
-            w.value + l
+            b.value + l
           );
-          w.value = p, window.scrollTo({ top: p, behavior: "auto" });
+          b.value = d, window.scrollTo({ top: d, behavior: "auto" });
         }
-        ee(), v();
+        G(), y();
       }));
     }
-    function r(t, a) {
-      t instanceof HTMLElement && (C.set(t, a), M == null || M.observe(t));
+    function u(a, t) {
+      a instanceof HTMLElement && (L.set(a, t), h == null || h.observe(a));
     }
-    function K() {
-      for (const [t] of C)
-        t.isConnected || (M == null || M.unobserve(t), C.delete(t));
+    function E() {
+      for (const [a] of L)
+        a.isConnected || (h == null || h.unobserve(a), L.delete(a));
     }
-    function D(t, a = {}) {
+    function $(a, t = {}) {
       if (typeof window > "u") return;
-      ee();
-      const l = Math.max(0, g.value - u.value), y = 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
-      ), p = Math.max(0, L.value + y), te = a.behavior ?? "auto";
-      te === "auto" && (w.value = p), window.scrollTo({ ...a, top: p, behavior: te });
+      ), d = Math.max(0, H.value + i), ee = t.behavior ?? "auto";
+      ee === "auto" && (b.value = d), window.scrollTo({ ...t, top: d, behavior: ee });
     }
-    function W(t, a = {}) {
+    function j(a, t = {}) {
       if (typeof window > "u" || e.items.length === 0) return;
-      ee();
+      G();
       const l = Math.min(
         e.items.length - 1,
-        Math.max(0, Math.floor(t))
-      ), { 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);
+        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(
-        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,
-        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
+        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 s(t = "auto") {
-      typeof window > "u" || (ee(), window.scrollTo({ top: Math.max(0, L.value), behavior: t }));
+    function se(a = "auto") {
+      typeof window > "u" || (G(), window.scrollTo({ top: Math.max(0, H.value), behavior: a }));
     }
     return Z(
       () => e.itemKey,
       () => {
-        R.clear(), N.value += 1;
+        C.clear(), N.value += 1;
       }
     ), Z(
       () => e.items.length,
       async () => {
-        const t = new Set(
-          e.items.map((a, l) => T(a, l))
+        const a = new Set(
+          e.items.map((t, l) => M(t, l))
         );
-        for (const a of R.keys())
-          t.has(a) || R.delete(a);
-        N.value += 1, await k(), ee(), v();
+        for (const t of C.keys())
+          a.has(t) || C.delete(t);
+        N.value += 1, await I(), G(), y();
       }
     ), Z(
       () => [e.hasMore, e.loading],
-      async ([t]) => {
-        t || (z = -1), await k(), ee(), v();
+      async ([a]) => {
+        a || (V = -1), await I(), G(), y();
       }
     ), pe(() => {
-      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);
+      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);
       }
-      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", {
+      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: $,
+      scrollToIndex: j,
+      scrollToTop: se
+    }), (a, t) => (x(), T("div", {
       ref_key: "root",
-      ref: m,
-      class: $e(["vue-window-dynamic-virtual-scroll", { "vue-window-dynamic-virtual-scroll--pulling": f($) }]),
+      ref: g,
+      class: Ie(["vue-window-dynamic-virtual-scroll", { "vue-window-dynamic-virtual-scroll--pulling": v(S) }]),
       role: "list",
       "aria-label": n.ariaLabel,
-      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))
+      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 ? (b(), S("div", {
+      n.pullToRefresh || n.refreshing ? (x(), T("div", {
         key: 0,
         class: "vue-window-dynamic-virtual-scroll__refresh",
-        style: A({
-          height: `${f(V)}px`,
-          transform: `translateY(${f(Y) - f(V)}px)`
+        style: R({
+          height: `${v(K)}px`,
+          transform: `translateY(${v(Y) - v(K)}px)`
         }),
         role: "status",
         "aria-live": "polite"
       }, [
-        le(t.$slots, "refresh", {
-          pullDistance: f(F),
-          progress: f(J),
+        te(a.$slots, "refresh", {
+          pullDistance: v(P),
+          progress: v(_),
           refreshing: n.refreshing
         }, () => [
-          ve(ke(f(ae)), 1)
+          he(ze(v(ae)), 1)
         ])
-      ], 4)) : he("", !0),
-      n.items.length || n.loading ? (b(), S("div", {
+      ], 4)) : ve("", !0),
+      n.items.length || n.loading ? (x(), T("div", {
         key: 1,
         class: "vue-window-dynamic-virtual-scroll__spacer",
-        style: A({
-          height: `${g.value}px`,
-          transform: `translateY(${f(Y)}px)`
+        style: R({
+          height: `${m.value}px`,
+          transform: `translateY(${v(Y)}px)`
         })
       }, [
-        (b(!0), S(me, null, Me(ie.value, ({ item: l, index: y, key: p, top: te }) => (b(), S("div", {
-          key: p,
+        (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: (G) => r(G, p),
+          ref: (J) => u(J, d),
           class: "vue-window-dynamic-virtual-scroll__item",
-          style: A({ transform: `translateY(${te}px)` }),
+          style: R({ transform: `translateY(${ee}px)` }),
           role: "listitem",
-          "aria-posinset": y + 1,
+          "aria-posinset": i + 1,
           "aria-setsize": n.items.length
         }, [
-          le(t.$slots, "default", {
+          te(a.$slots, "default", {
             item: l,
-            index: y
+            index: i
           })
-        ], 12, Xe))), 128)),
-        n.loading ? (b(), S("div", {
+        ], 12, Je))), 128)),
+        n.loading ? (x(), T("div", {
           key: 0,
           class: "vue-window-dynamic-virtual-scroll__loading",
-          style: A({
-            height: `${ue.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"
         }, [
-          le(t.$slots, "loading", {}, () => [
-            a[4] || (a[4] = ve("Loading more…", -1))
+          te(a.$slots, "loading", {}, () => [
+            t[4] || (t[4] = he("Loading more…", -1))
           ])
-        ], 4)) : he("", !0)
-      ], 4)) : (b(), S("div", {
+        ], 4)) : ve("", !0)
+      ], 4)) : (x(), T("div", {
         key: 2,
         class: "vue-window-dynamic-virtual-scroll__empty",
-        style: A({ transform: `translateY(${f(Y)}px)` })
+        style: R({ transform: `translateY(${v(Y)}px)` })
       }, [
-        le(t.$slots, "empty")
+        te(a.$slots, "empty")
       ], 4))
-    ], 42, Qe));
+    ], 42, Ge));
   }
-}), tt = Le, at = {
+}), Xe = He, tt = {
   install(n) {
-    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(
+    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 {
-  Ae 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
 };