vue-virtual-flow 0.0.7 → 0.0.9

package/dist/vue-virtual-flow.js

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