vue-virtual-flow 0.0.6 → 0.0.7

package/dist/vue-virtual-flow.js

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