vue-virtual-flow 0.0.7 → 0.0.8

package/dist/vue-virtual-flow.js

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