vue-virtual-flow 0.0.6 → 0.0.8

package/dist/vue-virtual-flow.js

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