vue-virtual-flow 0.1.0 → 0.1.1

package/dist/vue-virtual-flow.js

@@ -1,4 +1,4 @@
-import { watch as we, ref as ee, defineComponent as Qe, computed as m, shallowRef as ct, nextTick as Z, onMounted as _e, onUpdated as $t, onBeforeUnmount as qe, openBlock as j, createElementBlock as U, normalizeStyle as ue, createElementVNode as lt, mergeProps as Ot, unref as f, renderSlot as Se, createTextVNode as Ue, createCommentVNode as Ve, Fragment as Je, renderList as et, toDisplayString as vt, normalizeClass as ot } from "vue";
+import { watch as ye, ref as X, defineComponent as tt, computed as h, shallowRef as ft, nextTick as Z, onMounted as at, onUpdated as $t, onBeforeUnmount as Xe, openBlock as j, createElementBlock as U, normalizeStyle as re, createElementVNode as rt, mergeProps as Ot, unref as f, renderSlot as Se, createTextVNode as Ge, createCommentVNode as Re, Fragment as et, renderList as nt, toDisplayString as ht, normalizeClass as st } from "vue";
 function At(t) {
   return typeof t == "string" || typeof t == "number" || typeof t == "symbol";
 }
@@ -9,38 +9,38 @@ function zt(t, s) {
 function Ft(t) {
   return zt(t, "id") ?? zt(t, "key");
 }
-function tt(t) {
+function lt(t) {
   const s = /* @__PURE__ */ new WeakMap(), I = /* @__PURE__ */ new Map();
-  function e(M) {
-    if (At(M)) return M;
-    if (M !== null && typeof M == "object") {
-      let c = s.get(M);
-      return c || (c = Symbol(`${t.componentName} item`), s.set(M, c)), c;
-    }
-    let d = I.get(M);
-    return d || (d = Symbol(`${t.componentName} primitive`), I.set(M, d)), d;
+  function e(y) {
+    if (At(y)) return y;
+    if (y !== null && typeof y == "object") {
+      let u = s.get(y);
+      return u || (u = Symbol(`${t.componentName} item`), s.set(y, u)), u;
+    }
+    let r = I.get(y);
+    return r || (r = Symbol(`${t.componentName} primitive`), I.set(y, r)), r;
   }
-  function x(M, d) {
-    const c = t.itemKey();
-    if (typeof c == "function")
-      return c(M, d);
-    if (M !== null && typeof M == "object") {
-      if (c !== void 0) {
-        const h = zt(M, c);
-        if (h !== void 0) return h;
+  function z(y, r) {
+    const u = t.itemKey();
+    if (typeof u == "function")
+      return u(y, r);
+    if (y !== null && typeof y == "object") {
+      if (u !== void 0) {
+        const M = zt(y, u);
+        if (M !== void 0) return M;
       }
-      const n = Ft(M);
+      const n = Ft(y);
       if (n !== void 0) return n;
     }
-    return e(M);
+    return e(y);
   }
-  function y() {
+  function x() {
   }
-  return we(
+  return ye(
     () => [t.itemKey(), t.items(), t.items().length],
-    y,
+    x,
     { immediate: !0 }
-  ), { getItemKey: x };
+  ), { getItemKey: z };
 }
 const Nt = /* @__PURE__ */ new Set([
   "ArrowDown",
@@ -52,59 +52,59 @@ const Nt = /* @__PURE__ */ new Set([
   " "
 ]);
 function Yt(t) {
-  const s = ee(!1);
-  let I = !1, e = !1, x;
-  function y() {
-    clearTimeout(x), x = void 0;
+  const s = X(!1);
+  let I = !1, e = !1, z;
+  function x() {
+    clearTimeout(z), z = void 0;
   }
-  function M(S) {
-    S !== s.value && (s.value = S, t.onChange(S));
+  function y($) {
+    $ !== s.value && (s.value = $, t.onChange($));
   }
-  function d() {
-    I || e || (y(), M(!1), t.onSettled());
+  function r() {
+    I || e || (x(), y(!1), t.onSettled());
   }
-  function c() {
-    y(), (s.value || t.hasProgrammaticScroll()) && !I && !e && (x = setTimeout(d, t.delay()));
+  function u() {
+    x(), (s.value || t.hasProgrammaticScroll()) && !I && !e && (z = setTimeout(r, t.delay()));
   }
   function n() {
-    t.onInterrupt(), y(), M(!0), t.onStart();
+    t.onInterrupt(), x(), y(!0), t.onStart();
   }
-  function h() {
+  function M() {
     I = !0, n();
   }
-  function $(S) {
-    I = S.touches.length > 0, c();
+  function R($) {
+    I = $.touches.length > 0, u();
   }
-  function Y() {
-    n(), c();
+  function D() {
+    n(), u();
   }
-  function A(S) {
-    t.onInterrupt(), Nt.has(S.key) && (n(), c());
+  function b($) {
+    t.onInterrupt(), Nt.has($.key) && (n(), u());
   }
-  function P(S) {
-    t.onInterrupt(), S.pointerType === "mouse" && S.target === t.viewport() && (e = !0, n());
+  function A($) {
+    t.onInterrupt(), $.pointerType === "mouse" && $.target === t.viewport() && (e = !0, n());
   }
-  function E() {
-    e && (e = !1, c());
+  function C() {
+    e && (e = !1, u());
   }
   return {
     isScrolling: s,
-    setScrolling: M,
-    scheduleScrollEnd: c,
-    handleScrollEnd: d,
-    handleTouchStart: h,
-    handleTouchEnd: $,
-    handleWheel: Y,
-    handleKeyDown: A,
-    handlePointerDown: P,
-    handlePointerUp: E,
-    dispose: y
+    setScrolling: y,
+    scheduleScrollEnd: u,
+    handleScrollEnd: r,
+    handleTouchStart: M,
+    handleTouchEnd: R,
+    handleWheel: D,
+    handleKeyDown: b,
+    handlePointerDown: A,
+    handlePointerUp: C,
+    dispose: x
   };
 }
-function mt(t) {
+function gt(t) {
   return t === "fill" ? "100%" : typeof t == "number" ? `${t}px` : t;
 }
-function wt(t) {
+function Mt(t) {
   return (s, I) => {
     typeof I == "string" && (I === "fill" || I.trim().endsWith("%"));
   };
@@ -112,122 +112,122 @@ function wt(t) {
 function Ne(t) {
   return (t == null ? void 0 : t.count) ?? 0;
 }
-function dt(t) {
+function vt(t) {
   return (t == null ? void 0 : t.total) ?? 0;
 }
 function kt(t) {
-  t.count = 1 + Ne(t.left) + Ne(t.right), t.total = t.size + dt(t.left) + dt(t.right), t.left && (t.left.parent = t), t.right && (t.right.parent = t);
+  t.count = 1 + Ne(t.left) + Ne(t.right), t.total = t.size + vt(t.left) + vt(t.right), t.left && (t.left.parent = t), t.right && (t.right.parent = t);
 }
-function ft(t, s) {
-  return t ? s ? t.priority < s.priority ? (t.right = ft(t.right, s), kt(t), t) : (s.left = ft(t, s.left), kt(s), s) : t : s;
+function mt(t, s) {
+  return t ? s ? t.priority < s.priority ? (t.right = mt(t.right, s), kt(t), t) : (s.left = mt(t, s.left), kt(s), s) : t : s;
 }
 function jt(t) {
   let s, I = 0;
   const e = /* @__PURE__ */ new Map();
-  function x(c) {
+  function z(u) {
     const n = /* @__PURE__ */ new Set();
-    for (const h of c) {
-      if (e.has(h.key) || n.has(h.key))
+    for (const M of u) {
+      if (e.has(M.key) || n.has(M.key))
         throw new Error(
-          `[vue-virtual-flow] Duplicate item key \`${String(h.key)}\`. ChatVirtualScroll requires a unique stable key for every message.`
+          `[vue-virtual-flow] Duplicate item key \`${String(M.key)}\`. ChatVirtualScroll requires a unique stable key for every message.`
         );
-      n.add(h.key);
+      n.add(M.key);
     }
   }
-  function y(c) {
+  function x(u) {
     I += 1;
     let n = Math.imul(I ^ 2654435769, 2246822507);
     n ^= n >>> 13, n = Math.imul(n, 3266489909) ^ n >>> 16;
-    const h = {
-      key: c.key,
-      size: c.size,
+    const M = {
+      key: u.key,
+      size: u.size,
       priority: n >>> 0,
       count: 1,
-      total: c.size
+      total: u.size
     };
-    return e.set(c.key, h), h;
+    return e.set(u.key, M), M;
   }
-  function M(c) {
+  function y(u) {
     let n;
-    for (const h of c) n = ft(n, y(h));
+    for (const M of u) n = mt(n, x(M));
     return n && (n.parent = void 0), n;
   }
-  function d(c) {
-    let n = s, h = c;
+  function r(u) {
+    let n = s, M = u;
     for (; n; ) {
-      const $ = Ne(n.left);
-      if (h < $) n = n.left;
+      const R = Ne(n.left);
+      if (M < R) n = n.left;
       else {
-        if (h === $) return n;
-        h -= $ + 1, n = n.right;
+        if (M === R) return n;
+        M -= R + 1, n = n.right;
       }
     }
   }
-  return x(t), s = M(t), {
+  return z(t), s = y(t), {
     get length() {
       return Ne(s);
     },
     get total() {
-      return dt(s);
+      return vt(s);
     },
-    getSize(c) {
+    getSize(u) {
       var n;
-      return ((n = d(c)) == null ? void 0 : n.size) ?? 0;
+      return ((n = r(u)) == null ? void 0 : n.size) ?? 0;
     },
-    getOffset(c) {
-      let n = s, h = Math.max(0, Math.min(c, Ne(s))), $ = 0;
-      for (; n && h > 0; ) {
-        const Y = Ne(n.left);
-        h <= Y ? n = n.left : ($ += dt(n.left) + n.size, h -= Y + 1, n = n.right);
+    getOffset(u) {
+      let n = s, M = Math.max(0, Math.min(u, Ne(s))), R = 0;
+      for (; n && M > 0; ) {
+        const D = Ne(n.left);
+        M <= D ? n = n.left : (R += vt(n.left) + n.size, M -= D + 1, n = n.right);
       }
-      return $;
+      return R;
     },
-    setSize(c, n) {
-      let h = d(c);
-      if (!(!h || h.size === n))
-        for (h.size = n; h; )
-          kt(h), h = h.parent;
+    setSize(u, n) {
+      let M = r(u);
+      if (!(!M || M.size === n))
+        for (M.size = n; M; )
+          kt(M), M = M.parent;
     },
-    findIndex(c) {
-      if (!s || c <= 0) return 0;
-      if (c >= s.total) return s.count - 1;
-      let n = s, h = 0, $ = c;
+    findIndex(u) {
+      if (!s || u <= 0) return 0;
+      if (u >= s.total) return s.count - 1;
+      let n = s, M = 0, R = u;
       for (; n; ) {
-        const Y = dt(n.left), A = Ne(n.left);
-        if ($ < Y)
+        const D = vt(n.left), b = Ne(n.left);
+        if (R < D)
           n = n.left;
         else {
-          if ($ < Y + n.size)
-            return h + A;
-          $ -= Y + n.size, h += A + 1, n = n.right;
+          if (R < D + n.size)
+            return M + b;
+          R -= D + n.size, M += b + 1, n = n.right;
         }
       }
       return Math.max(0, Ne(s) - 1);
     },
-    getKey(c) {
+    getKey(u) {
       var n;
-      return (n = d(c)) == null ? void 0 : n.key;
+      return (n = r(u)) == null ? void 0 : n.key;
     },
-    getIndex(c) {
-      let n = e.get(c);
+    getIndex(u) {
+      let n = e.get(u);
       if (!n) return;
-      let h = Ne(n.left);
+      let M = Ne(n.left);
       for (; n.parent; )
-        n === n.parent.right && (h += Ne(n.parent.left) + 1), n = n.parent;
-      return n === s ? h : void 0;
+        n === n.parent.right && (M += Ne(n.parent.left) + 1), n = n.parent;
+      return n === s ? M : void 0;
     },
-    getSizeByKey(c) {
+    getSizeByKey(u) {
       var n;
-      return (n = e.get(c)) == null ? void 0 : n.size;
+      return (n = e.get(u)) == null ? void 0 : n.size;
     },
-    hasKey(c) {
-      return e.has(c);
+    hasKey(u) {
+      return e.has(u);
     },
-    append(c) {
-      c.length !== 0 && (x(c), s = ft(s, M(c)), s && (s.parent = void 0));
+    append(u) {
+      u.length !== 0 && (z(u), s = mt(s, y(u)), s && (s.parent = void 0));
     },
-    prepend(c) {
-      c.length !== 0 && (x(c), s = ft(M(c), s), s && (s.parent = void 0));
+    prepend(u) {
+      u.length !== 0 && (z(u), s = mt(y(u), s), s && (s.parent = void 0));
     }
   };
 }
@@ -240,7 +240,7 @@ const Ut = ["aria-label", "aria-live"], qt = {
   key: 0,
   class: "vue-chat-virtual-scroll__new-items",
   role: "status"
-}, Zt = /* @__PURE__ */ Qe({
+}, Zt = /* @__PURE__ */ tt({
   name: "ChatVirtualScroll",
   inheritAttrs: !1,
   __name: "ChatVirtualScroll",
@@ -272,320 +272,320 @@ const Ut = ["aria-label", "aria-live"], qt = {
   },
   emits: ["scroll", "loadOlder", "bottomChange", "scrollingChange", "newItemsChange", "visibleChange"],
   setup(t, { expose: s, emit: I }) {
-    const e = t, x = I, y = ee(), M = ee(0), d = ee(0), c = ee(0), n = ee(0), h = ee(!0), $ = ee(0), Y = ee(), A = /* @__PURE__ */ new Set(), P = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Set();
-    let S, B, K = -1, G = !1, te = 0, ce = !1, R = 0, fe, ne, oe, ie = 0;
-    const H = wt(), { getItemKey: le } = tt({
+    const e = t, z = I, x = X(), y = X(0), r = X(0), u = X(0), n = X(0), M = X(!0), R = X(0), D = X(), b = /* @__PURE__ */ new Set(), A = /* @__PURE__ */ new Map(), C = /* @__PURE__ */ new Set();
+    let $, B, V = -1, G = !1, Y = 0, se = !1, H = 0, ae, ne, le, ie = 0;
+    const te = Mt(), { getItemKey: ue } = lt({
       componentName: "ChatVirtualScroll",
       items: () => e.items,
       itemKey: () => e.itemKey
-    }), pe = m(
+    }), fe = h(
       () => Number.isFinite(e.estimatedItemSize) ? Math.max(1, e.estimatedItemSize) : 48
-    ), xe = m(() => Math.max(0, Math.floor(e.overscan))), he = m(
+    ), he = h(() => Math.max(0, Math.floor(e.overscan))), ve = h(
       () => Number.isFinite(e.scrollEndDelay) ? Math.max(0, e.scrollEndDelay) : 150
     ), {
-      isScrolling: ae,
-      setScrolling: F,
-      scheduleScrollEnd: b,
-      handleScrollEnd: C,
-      handleTouchStart: se,
-      handleTouchEnd: ve,
-      handleWheel: ke,
-      handleKeyDown: L,
-      handlePointerDown: N,
-      handlePointerUp: J,
-      dispose: Me
+      isScrolling: J,
+      setScrolling: O,
+      scheduleScrollEnd: S,
+      handleScrollEnd: P,
+      handleTouchStart: oe,
+      handleTouchEnd: me,
+      handleWheel: Ae,
+      handleKeyDown: E,
+      handlePointerDown: F,
+      handlePointerUp: _,
+      dispose: pe
     } = Yt({
-      delay: () => he.value,
-      viewport: () => y.value,
-      hasProgrammaticScroll: () => oe !== void 0,
-      onInterrupt: Le,
+      delay: () => ve.value,
+      viewport: () => x.value,
+      hasProgrammaticScroll: () => le !== void 0,
+      onInterrupt: $e,
       onStart: () => {
-        d.value = te;
+        r.value = Y;
       },
       onSettled: () => {
-        const o = oe;
-        if (oe = void 0, o) {
+        const o = le;
+        if (le = void 0, o) {
           o();
           return;
         }
-        M.value = W(), Ie();
+        y.value = L(), xe();
       },
       onChange: (o) => {
-        G && x("scrollingChange", o);
+        G && z("scrollingChange", o);
       }
-    }), $e = m(
+    }), ze = h(
       () => Number.isFinite(e.maxPinnedItems) ? Math.max(0, Math.floor(e.maxPinnedItems)) : 20
-    ), be = m(
+    ), be = h(
       () => e.size !== void 0 && Number.isFinite(e.size) && e.size > 0 ? Math.max(1, Math.floor(e.size)) : void 0
-    ), ye = m(() => c.value > 0 ? c.value : typeof e.height == "number" ? Math.max(0, e.height) : pe.value);
-    function re(o, u) {
-      var O;
-      const w = (O = e.estimateItemSize) == null ? void 0 : O.call(e, o, u);
-      return Number.isFinite(w) && (w ?? 0) > 0 ? w : pe.value;
+    ), Me = h(() => u.value > 0 ? u.value : typeof e.height == "number" ? Math.max(0, e.height) : fe.value);
+    function ce(o, c) {
+      var N;
+      const p = (N = e.estimateItemSize) == null ? void 0 : N.call(e, o, c);
+      return Number.isFinite(p) && (p ?? 0) > 0 ? p : fe.value;
     }
     function de(o) {
-      return jt(e.items.map((u, w) => {
-        const O = le(u, w);
+      return jt(e.items.map((c, p) => {
+        const N = ue(c, p);
         return {
-          key: O,
-          size: A.has(O) ? (o == null ? void 0 : o.getSizeByKey(O)) ?? re(u, w) : re(u, w)
+          key: N,
+          size: b.has(N) ? (o == null ? void 0 : o.getSizeByKey(N)) ?? ce(c, p) : ce(c, p)
         };
       }));
     }
-    const v = ct({ sizes: de() }), T = m(() => (n.value, { sizes: v.value.sizes, total: v.value.sizes.total }));
-    function r(o = T.value.total) {
-      return Math.max(0, o - ye.value);
+    const v = ft({ sizes: de() }), T = h(() => (n.value, { sizes: v.value.sizes, total: v.value.sizes.total }));
+    function i(o = T.value.total) {
+      return Math.max(0, o - Me.value);
     }
     function q(o) {
       return T.value.sizes.findIndex(o);
     }
-    M.value = e.initialScroll === "bottom" ? r() : 0;
-    const Q = m(() => {
+    y.value = e.initialScroll === "bottom" ? i() : 0;
+    const Q = h(() => {
       if (e.items.length === 0) return { start: 0, end: 0 };
-      const o = q(M.value), u = q(M.value + ye.value) + 1;
+      const o = q(y.value), c = q(y.value + Me.value) + 1;
       return {
         start: o,
-        end: Math.min(e.items.length, u)
+        end: Math.min(e.items.length, c)
       };
-    }), ze = m(() => {
+    }), ke = h(() => {
       if (e.items.length === 0) return { start: 0, end: 0 };
-      const o = Q.value.start, u = Q.value.end, w = Math.max(0, o - xe.value), O = Math.min(
+      const o = Q.value.start, c = Q.value.end, p = Math.max(0, o - he.value), N = Math.min(
         e.items.length,
-        u + xe.value
+        c + he.value
       ), Pe = be.value;
-      if (Pe === void 0 || O - w <= Pe) return { start: w, end: O };
-      const Ee = Math.max(0, Pe - (u - o)), De = o - w, Re = O - u;
-      let Fe = Math.min(De, Math.ceil(Ee / 2));
-      const Ge = Math.min(Re, Ee - Fe);
-      return Fe = Math.min(De, Ee - Ge), { start: o - Fe, end: u + Ge };
-    }), i = m(() => ze.value.start), D = m(() => ze.value.end), _ = m(() => {
+      if (Pe === void 0 || N - p <= Pe) return { start: p, end: N };
+      const Ce = Math.max(0, Pe - (c - o)), Ve = o - p, Oe = N - c;
+      let Fe = Math.min(Ve, Math.ceil(Ce / 2));
+      const Je = Math.min(Oe, Ce - Fe);
+      return Fe = Math.min(Ve, Ce - Je), { start: o - Fe, end: c + Je };
+    }), ge = h(() => ke.value.start), Ee = h(() => ke.value.end), d = h(() => {
       const o = /* @__PURE__ */ new Set();
-      for (let u = i.value; u < D.value; u += 1)
-        o.add(u);
-      for (const u of e.pinnedKeys.slice(0, $e.value)) {
-        const w = v.value.sizes.getIndex(u);
-        w !== void 0 && o.add(w);
+      for (let c = ge.value; c < Ee.value; c += 1)
+        o.add(c);
+      for (const c of e.pinnedKeys.slice(0, ze.value)) {
+        const p = v.value.sizes.getIndex(c);
+        p !== void 0 && o.add(p);
       }
-      if (e.keepFocusedItem && Y.value !== void 0) {
-        const u = v.value.sizes.getIndex(Y.value);
-        u !== void 0 && o.add(u);
+      if (e.keepFocusedItem && D.value !== void 0) {
+        const c = v.value.sizes.getIndex(D.value);
+        c !== void 0 && o.add(c);
       }
-      return [...o].sort((u, w) => u - w);
-    }), X = m(() => _.value.map((o) => {
-      const u = e.items[o];
+      return [...o].sort((c, p) => c - p);
+    }), K = h(() => d.value.map((o) => {
+      const c = e.items[o];
       return {
-        item: u,
+        item: c,
         index: o,
-        key: le(u, o),
-        bottom: Math.max(T.value.total, ye.value) - T.value.sizes.getOffset(o + 1) + d.value
+        key: ue(c, o),
+        bottom: Math.max(T.value.total, Me.value) - T.value.sizes.getOffset(o + 1) + r.value
       };
-    })), p = m(() => ({
-      height: mt(e.height)
-    })), z = m(() => ({
+    })), m = h(() => ({
+      height: gt(e.height)
+    })), w = h(() => ({
       "vue-chat-virtual-scroll--contained": e.contain
-    })), k = m(() => h.value && !ae.value ? "polite" : "off");
-    function me(o) {
-      var u;
-      return ((u = e.newItemsLabel) == null ? void 0 : u.call(e, o)) ?? `${o} new ${o === 1 ? "message" : "messages"}`;
-    }
-    function W(o = T.value.total) {
-      var O;
-      const u = r(o), w = Math.min(0, ((O = y.value) == null ? void 0 : O.scrollTop) ?? 0);
-      return Math.max(0, Math.min(u, u + w + te));
-    }
-    function Ie(o = !1) {
-      if (ce || (ae.value || oe) && !o || te === 0) return;
-      ce = !0;
-      const u = ie, w = ++R;
-      d.value = 0, Z(() => {
-        if (w !== R) return;
-        ce = !1;
-        const O = y.value;
-        !O || u !== ie || te === 0 || (te = 0, O.scrollTop = Math.min(0, M.value - r()), ne = O.scrollTop, M.value = W(), a(), V());
+    })), k = h(() => M.value && !J.value ? "polite" : "off");
+    function ee(o) {
+      var c;
+      return ((c = e.newItemsLabel) == null ? void 0 : c.call(e, o)) ?? `${o} new ${o === 1 ? "message" : "messages"}`;
+    }
+    function L(o = T.value.total) {
+      var N;
+      const c = i(o), p = Math.min(0, ((N = x.value) == null ? void 0 : N.scrollTop) ?? 0);
+      return Math.max(0, Math.min(c, c + p + Y));
+    }
+    function xe(o = !1) {
+      if (se || (J.value || le) && !o || Y === 0) return;
+      se = !0;
+      const c = ie, p = ++H;
+      r.value = 0, Z(() => {
+        if (p !== H) return;
+        se = !1;
+        const N = x.value;
+        !N || c !== ie || Y === 0 || (Y = 0, N.scrollTop = Math.min(0, y.value - i()), ne = N.scrollTop, y.value = L(), a(), W());
       });
     }
-    function ge(o) {
-      const u = y.value;
-      if (u) {
-        if (te += o, M.value = W(), te === 0 || r() === 0) {
-          te = 0, d.value = 0;
+    function we(o) {
+      const c = x.value;
+      if (c) {
+        if (Y += o, y.value = L(), Y === 0 || i() === 0) {
+          Y = 0, r.value = 0;
           return;
         }
-        (ae.value || oe) && !ce ? (d.value = te, u.scrollTop >= -1 && Ie(!0)) : Ie();
+        (J.value || le) && !se ? (r.value = Y, c.scrollTop >= -1 && xe(!0)) : xe();
       }
     }
-    function Le() {
-      fe = void 0, oe = void 0;
+    function $e() {
+      ae = void 0, le = void 0;
     }
-    function He() {
+    function De() {
       if (!e.keepFocusedItem) {
-        Y.value = void 0;
+        D.value = void 0;
         return;
       }
-      const o = document.activeElement, u = o instanceof Element ? o.closest(".vue-chat-virtual-scroll__item") : null;
-      Y.value = u ? P.get(u) : void 0;
+      const o = document.activeElement, c = o instanceof Element ? o.closest(".vue-chat-virtual-scroll__item") : null;
+      D.value = c ? A.get(c) : void 0;
     }
-    function Oe() {
-      He();
+    function Ie() {
+      De();
     }
-    function Mt() {
-      Z(He);
+    function Ye() {
+      Z(De);
     }
-    function ht(o) {
-      const u = Math.max(0, Math.floor(o));
-      u !== $.value && ($.value = u, G && x("newItemsChange", u));
+    function je(o) {
+      const c = Math.max(0, Math.floor(o));
+      c !== R.value && (R.value = c, G && z("newItemsChange", c));
     }
-    function it() {
-      ht(0);
+    function Ze() {
+      je(0);
     }
-    function rt() {
-      x("visibleChange", {
-        scrollTop: W(),
+    function ut() {
+      z("visibleChange", {
+        scrollTop: L(),
         startIndex: Q.value.start,
         endIndex: Q.value.end
       });
     }
     function a() {
-      const o = y.value;
+      const o = x.value;
       if (!o) return;
-      const w = Math.max(
+      const p = Math.max(
         0,
-        T.value.total - W() - o.clientHeight
+        T.value.total - L() - o.clientHeight
       ) <= Math.max(0, e.bottomThreshold);
-      w !== h.value && (h.value = w, G && x("bottomChange", w)), w && it();
+      p !== M.value && (M.value = p, G && z("bottomChange", p)), p && Ze();
     }
     function l() {
       var o;
-      c.value = ((o = y.value) == null ? void 0 : o.clientHeight) ?? 0, G && (M.value = W()), H(y.value, e.height), Z(() => {
-        a(), V();
+      u.value = ((o = x.value) == null ? void 0 : o.clientHeight) ?? 0, G && (y.value = L()), te(x.value, e.height), Z(() => {
+        a(), W();
       });
     }
     function g() {
-      var o, u;
-      fe && ne !== void 0 && Math.abs((((o = y.value) == null ? void 0 : o.scrollTop) ?? 0) - ne) > 1 && Le(), M.value = W(), te !== 0 && (((u = y.value) == null ? void 0 : u.scrollTop) ?? 0) >= -1 && Ie(!0), b(), a(), x("scroll", {
-        scrollTop: M.value,
-        startIndex: i.value,
-        endIndex: D.value
-      }), V();
+      var o, c;
+      ae && ne !== void 0 && Math.abs((((o = x.value) == null ? void 0 : o.scrollTop) ?? 0) - ne) > 1 && $e(), y.value = L(), Y !== 0 && (((c = x.value) == null ? void 0 : c.scrollTop) ?? 0) >= -1 && xe(!0), S(), a(), z("scroll", {
+        scrollTop: y.value,
+        startIndex: ge.value,
+        endIndex: Ee.value
+      }), W();
     }
-    function V() {
-      const o = y.value;
-      !G || !o || !e.hasOlder || e.loadingOlder || K === e.items.length || W() <= Math.max(0, e.loadOlderThreshold) && (K = e.items.length, x("loadOlder"));
+    function W() {
+      const o = x.value;
+      !G || !o || !e.hasOlder || e.loadingOlder || V === e.items.length || L() <= Math.max(0, e.loadOlderThreshold) && (V = e.items.length, z("loadOlder"));
     }
     function Te(o) {
-      const u = o.borderBoxSize;
-      if (u) {
-        const w = Array.isArray(u) ? u[0] : u;
-        if (w != null && w.blockSize) return w.blockSize;
+      const c = o.borderBoxSize;
+      if (c) {
+        const p = Array.isArray(c) ? c[0] : c;
+        if (p != null && p.blockSize) return p.blockSize;
       }
       return o.contentRect.height;
     }
-    function Be(o) {
-      const u = T.value.total, w = W(), O = !ae.value && !oe && h.value && e.stickToBottom && (G || e.initialScroll === "bottom"), Pe = q(w + ye.value - 1), Ee = !O && w <= 0;
-      let De = 0, Re = !1;
-      for (const { key: pt, height: Xe } of o) {
-        if (!Number.isFinite(Xe) || Xe <= 0) continue;
-        const Ye = v.value.sizes.getIndex(pt);
-        if (Ye === void 0) continue;
-        const Ze = T.value.sizes.getSize(Ye);
-        A.add(pt), !(Math.abs(Ze - Xe) < 0.5) && (Ye <= Pe && (De += Xe - Ze), T.value.sizes.setSize(Ye, Xe), Re = !0);
+    function Ke(o) {
+      const c = T.value.total, p = L(), N = !J.value && !le && M.value && e.stickToBottom && (G || e.initialScroll === "bottom"), Pe = q(p + Me.value - 1), Ce = !N && p <= 0;
+      let Ve = 0, Oe = !1;
+      for (const { key: yt, height: Qe } of o) {
+        if (!Number.isFinite(Qe) || Qe <= 0) continue;
+        const Ue = v.value.sizes.getIndex(yt);
+        if (Ue === void 0) continue;
+        const _e = T.value.sizes.getSize(Ue);
+        b.add(yt), !(Math.abs(_e - Qe) < 0.5) && (Ue <= Pe && (Ve += Qe - _e), T.value.sizes.setSize(Ue, Qe), Oe = !0);
       }
-      if (!Re) return;
+      if (!Oe) return;
       n.value += 1;
-      const Fe = r() - r(u), Ge = fe && v.value.sizes.getIndex(fe.key), bt = Ge !== void 0 && fe ? Ct(Ge, fe.align) : O ? r() : Ee ? 0 : w + De;
-      ge(bt - w - Fe), Z(a);
-    }
-    function Ae(o) {
-      const u = [];
-      for (const w of o) {
-        const O = P.get(w.target);
-        O !== void 0 && u.push({ key: O, height: Te(w) });
+      const Fe = i() - i(c), Je = ae && v.value.sizes.getIndex(ae.key), bt = Je !== void 0 && ae ? Ct(Je, ae.align) : N ? i() : Ce ? 0 : p + Ve;
+      we(bt - p - Fe), Z(a);
+    }
+    function Be(o) {
+      const c = [];
+      for (const p of o) {
+        const N = A.get(p.target);
+        N !== void 0 && c.push({ key: N, height: Te(p) });
       }
-      Be(u);
+      Ke(c);
     }
-    function We() {
+    function He() {
       const o = [];
-      for (const u of E) {
-        const w = P.get(u);
-        w !== void 0 && u.isConnected && o.push({ key: w, height: u.getBoundingClientRect().height });
+      for (const c of C) {
+        const p = A.get(c);
+        p !== void 0 && c.isConnected && o.push({ key: p, height: c.getBoundingClientRect().height });
       }
-      E.clear(), Be(o);
-    }
-    function at(o, u) {
-      o instanceof HTMLElement && P.get(o) !== u && (P.set(o, u), e.syncMeasurement && !A.has(u) && E.add(o), B == null || B.observe(o));
-    }
-    function Dt() {
-      for (const [o] of P)
-        o.isConnected || (B == null || B.unobserve(o), P.delete(o), E.delete(o));
-    }
-    function st(o, u, w = !1) {
-      const O = y.value;
-      if (!O) return;
-      const Pe = W(), Ee = d.value !== 0, De = ++ie;
-      R += 1, ce = !1, fe = void 0;
-      const Re = u.behavior ?? "auto";
-      oe = Re === "smooth" ? () => Et(o) : void 0, te = 0, d.value = 0, F(!1), Me(), Re === "auto" && (M.value = o);
+      C.clear(), Ke(o);
+    }
+    function ot(o, c) {
+      o instanceof HTMLElement && A.get(o) !== c && (A.set(o, c), e.syncMeasurement && !b.has(c) && C.add(o), B == null || B.observe(o));
+    }
+    function Bt() {
+      for (const [o] of A)
+        o.isConnected || (B == null || B.unobserve(o), A.delete(o), C.delete(o));
+    }
+    function ct(o, c, p = !1) {
+      const N = x.value;
+      if (!N) return;
+      const Pe = L(), Ce = r.value !== 0, Ve = ++ie;
+      H += 1, se = !1, ae = void 0;
+      const Oe = c.behavior ?? "auto";
+      le = Oe === "smooth" ? () => Et(o) : void 0, Y = 0, r.value = 0, O(!1), pe(), Oe === "auto" && (y.value = o);
       const Fe = () => {
-        y.value !== O || De !== ie || (Ee && Re !== "auto" && (O.scrollTop = Pe - r()), w && Re === "auto" ? O.scrollTop = o - r() : O.scrollTo({ ...u, top: o - r(), behavior: Re }), ne = O.scrollTop, Re === "auto" ? M.value = W() : b(), Z(a));
+        x.value !== N || Ve !== ie || (Ce && Oe !== "auto" && (N.scrollTop = Pe - i()), p && Oe === "auto" ? N.scrollTop = o - i() : N.scrollTo({ ...c, top: o - i(), behavior: Oe }), ne = N.scrollTop, Oe === "auto" ? y.value = L() : S(), Z(a));
       };
-      Ee ? Z(Fe) : Fe();
+      Ce ? Z(Fe) : Fe();
     }
-    function Et(o, u = {}) {
-      const w = y.value;
-      if (!w) return;
-      const O = Math.max(0, T.value.total - w.clientHeight), Pe = Math.min(
+    function Et(o, c = {}) {
+      const p = x.value;
+      if (!p) return;
+      const N = Math.max(0, T.value.total - p.clientHeight), Pe = Math.min(
         Math.max(0, Number.isFinite(o) ? o : 0),
-        O
+        N
       );
-      st(Pe, u);
+      ct(Pe, c);
     }
-    function Ct(o, u) {
-      const w = T.value.sizes.getSize(o);
-      let O = T.value.sizes.getOffset(o);
-      return u === "center" ? O -= (ye.value - w) / 2 : u === "end" && (O -= ye.value - w), Math.max(0, Math.min(O, r()));
+    function Ct(o, c) {
+      const p = T.value.sizes.getSize(o);
+      let N = T.value.sizes.getOffset(o);
+      return c === "center" ? N -= (Me.value - p) / 2 : c === "end" && (N -= Me.value - p), Math.max(0, Math.min(N, i()));
     }
-    function Tt(o, u = {}) {
-      if (!y.value || e.items.length === 0) return;
-      const w = Math.min(
+    function Tt(o, c = {}) {
+      if (!x.value || e.items.length === 0) return;
+      const p = Math.min(
         e.items.length - 1,
         Math.max(0, Math.floor(Number.isFinite(o) ? o : 0))
-      ), { align: O = "start", ...Pe } = u;
-      st(Ct(w, O), Pe);
-      const Ee = v.value.sizes.getKey(w);
-      u.behavior === "smooth" ? oe = () => {
-        const De = v.value.sizes.getIndex(Ee);
-        De !== void 0 && Tt(De, { align: O });
-      } : fe = { key: Ee, align: O };
-    }
-    function Kt(o, u = {}) {
-      const w = v.value.sizes.getIndex(o);
-      w !== void 0 && Tt(w, u);
+      ), { align: N = "start", ...Pe } = c;
+      ct(Ct(p, N), Pe);
+      const Ce = v.value.sizes.getKey(p);
+      c.behavior === "smooth" ? le = () => {
+        const Ve = v.value.sizes.getIndex(Ce);
+        Ve !== void 0 && Tt(Ve, { align: N });
+      } : ae = { key: Ce, align: N };
+    }
+    function Kt(o, c = {}) {
+      const p = v.value.sizes.getIndex(o);
+      p !== void 0 && Tt(p, c);
     }
     function Vt() {
-      return W();
+      return L();
     }
     function Wt(o = "auto") {
-      st(0, { behavior: o });
+      ct(0, { behavior: o });
     }
-    function gt(o = "auto") {
-      const u = y.value;
-      if (!u) return;
-      const w = Math.max(0, T.value.total - u.clientHeight);
-      st(w, { behavior: o }, !0), o === "smooth" && (oe = () => gt());
+    function pt(o = "auto") {
+      const c = x.value;
+      if (!c) return;
+      const p = Math.max(0, T.value.total - c.clientHeight);
+      ct(p, { behavior: o }, !0), o === "smooth" && (le = () => pt());
     }
-    const Lt = ee(0);
+    const Lt = X(0);
     function Rt() {
       Lt.value += 1;
     }
-    return we(
+    return ye(
       () => {
         const o = e.items.length;
         return [
           e.items,
           o,
-          o > 0 ? le(e.items[0], 0) : void 0,
-          o > 0 ? le(e.items[Math.floor(o / 2)], Math.floor(o / 2)) : void 0,
-          o > 0 ? le(e.items[o - 1], o - 1) : void 0,
+          o > 0 ? ue(e.items[0], 0) : void 0,
+          o > 0 ? ue(e.items[Math.floor(o / 2)], Math.floor(o / 2)) : void 0,
+          o > 0 ? ue(e.items[o - 1], o - 1) : void 0,
           e.itemKey,
           e.estimatedItemSize,
           e.estimateItemSize,
@@ -593,99 +593,99 @@ const Ut = ["aria-label", "aria-live"], qt = {
           Lt.value
         ];
       },
-      async (o, u) => {
-        const w = v.value.sizes, O = w.length, Pe = w.total, Ee = W(Pe), De = w.findIndex(Ee + ye.value - 1), Re = w.getKey(De), Fe = w.getOffset(De + 1), Ge = e.items.length, bt = o[5] !== u[5] || o[6] !== u[6] || o[7] !== u[7], pt = o[8] !== u[8] || o[9] !== u[9];
-        function Xe(Ce) {
-          if (O === 0) return !0;
-          const Ke = /* @__PURE__ */ new Set([0, Math.floor(O / 2), O - 1]);
-          for (const nt of Ke) {
-            const yt = Ce + nt;
-            if (yt >= Ge || w.getKey(nt) !== le(e.items[yt], yt))
+      async (o, c) => {
+        const p = v.value.sizes, N = p.length, Pe = p.total, Ce = L(Pe), Ve = p.findIndex(Ce + Me.value - 1), Oe = p.getKey(Ve), Fe = p.getOffset(Ve + 1), Je = e.items.length, bt = o[5] !== c[5] || o[6] !== c[6] || o[7] !== c[7], yt = o[8] !== c[8] || o[9] !== c[9];
+        function Qe(Le) {
+          if (N === 0) return !0;
+          const We = /* @__PURE__ */ new Set([0, Math.floor(N / 2), N - 1]);
+          for (const it of We) {
+            const wt = Le + it;
+            if (wt >= Je || p.getKey(it) !== ue(e.items[wt], wt))
               return !1;
           }
           return !0;
         }
-        const Ye = Ge - O;
-        let Ze = "rebuild";
-        !bt && !pt && Ye > 0 && (Xe(0) ? Ze = "append" : Xe(Ye) && (Ze = "prepend"));
-        let je = w;
-        Ze === "append" ? je.append(e.items.slice(O).map((Ce, Ke) => {
-          const nt = O + Ke;
-          return { key: le(Ce, nt), size: re(Ce, nt) };
-        })) : Ze === "prepend" ? je.prepend(e.items.slice(0, Ye).map((Ce, Ke) => ({ key: le(Ce, Ke), size: re(Ce, Ke) }))) : je = de(w), v.value = { sizes: je };
-        const St = Ze === "append" ? Array.from({ length: Ye }, (Ce, Ke) => O + Ke) : [], It = St.some(
-          (Ce) => {
-            var Ke;
-            return ((Ke = e.forceStickToBottom) == null ? void 0 : Ke.call(e, e.items[Ce], Ce)) === !0;
+        const Ue = Je - N;
+        let _e = "rebuild";
+        !bt && !yt && Ue > 0 && (Qe(0) ? _e = "append" : Qe(Ue) && (_e = "prepend"));
+        let qe = p;
+        _e === "append" ? qe.append(e.items.slice(N).map((Le, We) => {
+          const it = N + We;
+          return { key: ue(Le, it), size: ce(Le, it) };
+        })) : _e === "prepend" ? qe.prepend(e.items.slice(0, Ue).map((Le, We) => ({ key: ue(Le, We), size: ce(Le, We) }))) : qe = de(p), v.value = { sizes: qe };
+        const St = _e === "append" ? Array.from({ length: Ue }, (Le, We) => N + We) : [], It = St.some(
+          (Le) => {
+            var We;
+            return ((We = e.forceStickToBottom) == null ? void 0 : We.call(e, e.items[Le], Le)) === !0;
           }
-        ) || !ae.value && !oe && h.value && e.stickToBottom;
-        St.length > 0 && !It && ht($.value + St.length);
-        const Pt = Re === void 0 ? void 0 : je.getIndex(Re), Ht = r() - r(Pe);
-        for (const Ce of A)
-          je.hasKey(Ce) || A.delete(Ce);
-        if (je.length === 0 || Pt === void 0) {
-          te = 0, d.value = 0, M.value = It ? r() : Math.min(Ee, r());
-          const Ce = M.value, Ke = ie;
-          await Z(), Ke === ie && v.value.sizes === je && st(Ce, {}, !0);
+        ) || !J.value && !le && M.value && e.stickToBottom;
+        St.length > 0 && !It && je(R.value + St.length);
+        const Pt = Oe === void 0 ? void 0 : qe.getIndex(Oe), Ht = i() - i(Pe);
+        for (const Le of b)
+          qe.hasKey(Le) || b.delete(Le);
+        if (qe.length === 0 || Pt === void 0) {
+          Y = 0, r.value = 0, y.value = It ? i() : Math.min(Ce, i());
+          const Le = y.value, We = ie;
+          await Z(), We === ie && v.value.sizes === qe && ct(Le, {}, !0);
         } else {
-          const Ce = je.getOffset(Pt + 1) - Fe, Ke = It ? r() : Ee + Ce;
-          ge(Ke - Ee - Ht), await Z();
+          const Le = qe.getOffset(Pt + 1) - Fe, We = It ? i() : Ce + Le;
+          we(We - Ce - Ht), await Z();
         }
-        y.value && (M.value = W(), a(), V());
+        x.value && (y.value = L(), a(), W());
       }
-    ), we(
+    ), ye(
       () => [e.hasOlder, e.loadingOlder],
       async ([o]) => {
-        o || (K = -1), await Z(), V();
+        o || (V = -1), await Z(), W();
       }
-    ), we(
+    ), ye(
       () => e.syncMeasurement,
       (o) => {
-        if (E.clear(), !!o) {
-          for (const [u, w] of P)
-            A.has(w) || E.add(u);
-          Z(We);
+        if (C.clear(), !!o) {
+          for (const [c, p] of A)
+            b.has(p) || C.add(c);
+          Z(He);
         }
       }
-    ), we(
+    ), ye(
       Q,
       () => {
-        G && rt();
+        G && ut();
       },
       { flush: "post" }
-    ), _e(() => {
-      if (window.addEventListener("pointerup", J, { passive: !0 }), window.addEventListener("pointercancel", J, { passive: !0 }), l(), y.value && (y.value.scrollTop = e.initialScroll === "bottom" ? 0 : -r(), M.value = W()), We(), typeof ResizeObserver < "u") {
-        S = new ResizeObserver(l), B = new ResizeObserver(Ae), y.value && S.observe(y.value);
-        for (const [o] of P)
+    ), at(() => {
+      if (window.addEventListener("pointerup", _, { passive: !0 }), window.addEventListener("pointercancel", _, { passive: !0 }), l(), x.value && (x.value.scrollTop = e.initialScroll === "bottom" ? 0 : -i(), y.value = L()), He(), typeof ResizeObserver < "u") {
+        $ = new ResizeObserver(l), B = new ResizeObserver(Be), x.value && $.observe(x.value);
+        for (const [o] of A)
           B.observe(o);
       }
       Z(() => {
-        G = !0, a(), V(), rt();
+        G = !0, a(), W(), ut();
       });
     }), $t(() => {
-      Dt(), We();
-    }), qe(() => {
-      G = !1, window.removeEventListener("pointerup", J), window.removeEventListener("pointercancel", J), Me(), Le(), te = 0, ie += 1, R += 1, S && (S.disconnect(), S = void 0), B && (B.disconnect(), B = void 0), P.clear(), E.clear();
+      Bt(), He();
+    }), Xe(() => {
+      G = !1, window.removeEventListener("pointerup", _), window.removeEventListener("pointercancel", _), pe(), $e(), Y = 0, ie += 1, H += 1, $ && ($.disconnect(), $ = void 0), B && (B.disconnect(), B = void 0), A.clear(), C.clear();
     }), s({
-      isAtBottom: h,
-      isScrolling: ae,
-      newItemsCount: $,
-      clearNewItems: it,
+      isAtBottom: M,
+      isScrolling: J,
+      newItemsCount: R,
+      clearNewItems: Ze,
       refresh: Rt,
       getScrollPosition: Vt,
       scrollTo: Et,
       scrollToIndex: Tt,
       scrollToKey: Kt,
       scrollToTop: Wt,
-      scrollToBottom: gt
-    }), (o, u) => (j(), U("div", {
+      scrollToBottom: pt
+    }), (o, c) => (j(), U("div", {
       class: "vue-chat-virtual-scroll__root",
-      style: ue(p.value)
+      style: re(m.value)
     }, [
-      lt("div", Ot(o.$attrs, {
+      rt("div", Ot(o.$attrs, {
         ref_key: "viewport",
-        ref: y,
-        class: ["vue-chat-virtual-scroll", z.value],
+        ref: x,
+        class: ["vue-chat-virtual-scroll", w.value],
         role: "log",
         "aria-label": t.ariaLabel,
         "aria-live": k.value,
@@ -693,125 +693,125 @@ const Ut = ["aria-label", "aria-live"], qt = {
         "aria-atomic": "false",
         tabindex: "0",
         onScrollPassive: g,
-        onScrollendPassive: u[0] || (u[0] = //@ts-ignore
-        (...w) => f(C) && f(C)(...w)),
-        onPointerdownPassive: u[1] || (u[1] = //@ts-ignore
-        (...w) => f(N) && f(N)(...w)),
-        onWheelPassive: u[2] || (u[2] = //@ts-ignore
-        (...w) => f(ke) && f(ke)(...w)),
-        onKeydown: u[3] || (u[3] = //@ts-ignore
-        (...w) => f(L) && f(L)(...w)),
-        onFocusin: Oe,
-        onFocusout: Mt,
-        onTouchstartPassive: u[4] || (u[4] = //@ts-ignore
-        (...w) => f(se) && f(se)(...w)),
-        onTouchendPassive: u[5] || (u[5] = //@ts-ignore
-        (...w) => f(ve) && f(ve)(...w)),
-        onTouchcancelPassive: u[6] || (u[6] = //@ts-ignore
-        (...w) => f(ve) && f(ve)(...w))
+        onScrollendPassive: c[0] || (c[0] = //@ts-ignore
+        (...p) => f(P) && f(P)(...p)),
+        onPointerdownPassive: c[1] || (c[1] = //@ts-ignore
+        (...p) => f(F) && f(F)(...p)),
+        onWheelPassive: c[2] || (c[2] = //@ts-ignore
+        (...p) => f(Ae) && f(Ae)(...p)),
+        onKeydown: c[3] || (c[3] = //@ts-ignore
+        (...p) => f(E) && f(E)(...p)),
+        onFocusin: Ie,
+        onFocusout: Ye,
+        onTouchstartPassive: c[4] || (c[4] = //@ts-ignore
+        (...p) => f(oe) && f(oe)(...p)),
+        onTouchendPassive: c[5] || (c[5] = //@ts-ignore
+        (...p) => f(me) && f(me)(...p)),
+        onTouchcancelPassive: c[6] || (c[6] = //@ts-ignore
+        (...p) => f(me) && f(me)(...p))
       }), [
-        lt("div", {
+        rt("div", {
           class: "vue-chat-virtual-scroll__spacer",
-          style: ue({ height: `${Math.max(ye.value, T.value.total + d.value)}px` })
+          style: re({ height: `${Math.max(Me.value, T.value.total + r.value)}px` })
         }, [
           t.loadingOlder ? (j(), U("div", qt, [
-            lt("div", null, [
+            rt("div", null, [
               Se(o.$slots, "loadingOlder", {}, () => [
-                u[8] || (u[8] = Ue("Loading older messages…", -1))
+                c[8] || (c[8] = Ge("Loading older messages…", -1))
               ])
             ])
-          ])) : Ve("", !0),
-          (j(!0), U(Je, null, et(X.value, ({ item: w, index: O, key: Pe, bottom: Ee }) => (j(), U("div", {
+          ])) : Re("", !0),
+          (j(!0), U(et, null, nt(K.value, ({ item: p, index: N, key: Pe, bottom: Ce }) => (j(), U("div", {
             key: Pe,
             ref_for: !0,
-            ref: (De) => at(De, Pe),
+            ref: (Ve) => ot(Ve, Pe),
             class: "vue-chat-virtual-scroll__item",
-            style: ue({ transform: `translateY(${-Ee}px)` }),
+            style: re({ transform: `translateY(${-Ce}px)` }),
             role: "article",
-            "aria-posinset": O + 1,
+            "aria-posinset": N + 1,
             "aria-setsize": t.items.length
           }, [
             Se(o.$slots, "default", {
-              item: w,
-              index: O
+              item: p,
+              index: N
             })
           ], 12, Gt))), 128)),
-          t.items.length ? Ve("", !0) : Se(o.$slots, "empty", {}, void 0, void 0, 1)
+          t.items.length ? Re("", !0) : Se(o.$slots, "empty", {}, void 0, void 0, 1)
         ], 4)
       ], 16, Ut),
-      t.showNewItemsIndicator && $.value > 0 ? (j(), U("div", Xt, [
+      t.showNewItemsIndicator && R.value > 0 ? (j(), U("div", Xt, [
         Se(o.$slots, "newItems", {
-          count: $.value,
-          scrollToBottom: gt
+          count: R.value,
+          scrollToBottom: pt
         }, () => [
-          lt("button", {
+          rt("button", {
             type: "button",
-            onClick: u[7] || (u[7] = (w) => gt("smooth"))
-          }, vt(me($.value)), 1)
+            onClick: c[7] || (c[7] = (p) => pt("smooth"))
+          }, ht(ee(R.value)), 1)
         ])
-      ])) : Ve("", !0)
+      ])) : Re("", !0)
     ], 4));
   }
 });
 function xt(t) {
-  const s = ee(), I = ee(0), e = ee(!1), x = ee(!1), y = m(() => Math.max(1, t.threshold())), M = m(
-    () => t.refreshing() || x.value ? y.value : I.value
-  ), d = m(
-    () => Math.min(1, I.value / y.value)
-  ), c = m(() => t.refreshing() || x.value ? "Refreshing…" : d.value >= 1 ? "Release to refresh" : "Pull to refresh");
+  const s = X(), I = X(0), e = X(!1), z = X(!1), x = h(() => Math.max(1, t.threshold())), y = h(
+    () => t.refreshing() || z.value ? x.value : I.value
+  ), r = h(
+    () => Math.min(1, I.value / x.value)
+  ), u = h(() => t.refreshing() || z.value ? "Refreshing…" : r.value >= 1 ? "Release to refresh" : "Pull to refresh");
   function n() {
     s.value = void 0, e.value = !1, I.value = 0;
   }
-  function h(A) {
-    var S;
-    const P = A.currentTarget, E = ((S = t.scrollTop) == null ? void 0 : S.call(t)) ?? P.scrollTop;
-    !t.enabled() || t.refreshing() || E > 0 || A.touches.length !== 1 || (s.value = A.touches[0].clientY, e.value = !0);
+  function M(b) {
+    var $;
+    const A = b.currentTarget, C = (($ = t.scrollTop) == null ? void 0 : $.call(t)) ?? A.scrollTop;
+    !t.enabled() || t.refreshing() || C > 0 || b.touches.length !== 1 || (s.value = b.touches[0].clientY, e.value = !0);
   }
-  function $(A) {
+  function R(b) {
     var B;
     if (s.value === void 0 || !e.value) return;
-    const P = A.currentTarget;
-    if ((((B = t.scrollTop) == null ? void 0 : B.call(t)) ?? P.scrollTop) > 0 || A.touches.length !== 1) {
+    const A = b.currentTarget;
+    if ((((B = t.scrollTop) == null ? void 0 : B.call(t)) ?? A.scrollTop) > 0 || b.touches.length !== 1) {
       n();
       return;
     }
-    const S = A.touches[0].clientY - s.value;
-    if (S <= 0) {
+    const $ = b.touches[0].clientY - s.value;
+    if ($ <= 0) {
       I.value = 0;
       return;
     }
-    A.preventDefault(), I.value = Math.min(S * 0.5, y.value * 2);
+    b.preventDefault(), I.value = Math.min($ * 0.5, x.value * 2);
   }
-  function Y() {
+  function D() {
     if (s.value === void 0) return;
-    const A = I.value >= y.value && t.enabled() && !t.refreshing();
-    if (s.value = void 0, e.value = !1, !A) {
+    const b = I.value >= x.value && t.enabled() && !t.refreshing();
+    if (s.value = void 0, e.value = !1, !b) {
       I.value = 0;
       return;
     }
-    I.value = y.value, x.value = !0, t.onRefresh(), Z(() => {
-      t.refreshing() || (x.value = !1, I.value = 0);
+    I.value = x.value, z.value = !0, t.onRefresh(), Z(() => {
+      t.refreshing() || (z.value = !1, I.value = 0);
     });
   }
-  return we(
+  return ye(
     () => t.refreshing(),
-    (A, P) => {
-      A ? (x.value = !1, I.value = y.value) : P && (x.value = !1, I.value = 0);
+    (b, A) => {
+      b ? (z.value = !1, I.value = x.value) : A && (z.value = !1, I.value = 0);
     }
   ), {
     pulling: e,
     pullDistance: I,
-    pullOffset: M,
-    pullProgress: d,
-    refreshMessage: c,
-    refreshThreshold: y,
-    handleTouchStart: h,
-    handleTouchMove: $,
-    handleTouchEnd: Y,
+    pullOffset: y,
+    pullProgress: r,
+    refreshMessage: u,
+    refreshThreshold: x,
+    handleTouchStart: M,
+    handleTouchMove: R,
+    handleTouchEnd: D,
     handleTouchCancel: n
   };
 }
-const Jt = ["aria-label"], Qt = ["aria-posinset", "aria-setsize"], Bt = /* @__PURE__ */ Qe({
+const Jt = ["aria-label"], Qt = ["aria-posinset", "aria-setsize"], Dt = /* @__PURE__ */ tt({
   name: "DynamicVirtualScroll",
   __name: "DynamicVirtualScroll",
   props: {
@@ -831,284 +831,284 @@ const Jt = ["aria-label"], Qt = ["aria-posinset", "aria-setsize"], Bt = /* @__PU
   },
   emits: ["scroll", "loadMore", "refresh"],
   setup(t, { expose: s, emit: I }) {
-    const e = t, x = I, {
-      pulling: y,
-      pullDistance: M,
-      pullOffset: d,
-      pullProgress: c,
+    const e = t, z = I, {
+      pulling: x,
+      pullDistance: y,
+      pullOffset: r,
+      pullProgress: u,
       refreshMessage: n,
-      refreshThreshold: h,
-      handleTouchStart: $,
-      handleTouchMove: Y,
-      handleTouchEnd: A,
-      handleTouchCancel: P
+      refreshThreshold: M,
+      handleTouchStart: R,
+      handleTouchMove: D,
+      handleTouchEnd: b,
+      handleTouchCancel: A
     } = xt({
       enabled: () => e.pullToRefresh,
       refreshing: () => e.refreshing,
       threshold: () => e.pullRefreshThreshold,
-      onRefresh: () => x("refresh")
-    }), E = ee(), S = ee(0), B = ee(0), K = ee(0), G = /* @__PURE__ */ new Map(), te = /* @__PURE__ */ new Map();
-    let ce, R, fe = -1;
-    const ne = wt(), { getItemKey: oe } = tt({
+      onRefresh: () => z("refresh")
+    }), C = X(), $ = X(0), B = X(0), V = X(0), G = /* @__PURE__ */ new Map(), Y = /* @__PURE__ */ new Map();
+    let se, H, ae = -1;
+    const ne = Mt(), { getItemKey: le } = lt({
       componentName: "DynamicVirtualScroll",
       items: () => e.items,
       itemKey: () => e.itemKey
-    }), ie = m(
+    }), ie = h(
       () => Math.max(1, e.estimatedItemSize)
-    ), H = m(
+    ), te = h(
       () => Math.max(1, e.loadingItemSize ?? ie.value)
-    ), le = m(() => Math.max(0, Math.floor(e.overscan))), pe = m(() => B.value > 0 ? B.value : typeof e.height == "number" ? Math.max(0, e.height) : ie.value), xe = m(() => {
-      K.value;
+    ), ue = h(() => Math.max(0, Math.floor(e.overscan))), fe = h(() => B.value > 0 ? B.value : typeof e.height == "number" ? Math.max(0, e.height) : ie.value), he = h(() => {
+      V.value;
       const v = new Array(e.items.length + 1), T = new Array(e.items.length);
       v[0] = 0;
-      for (let r = 0; r < e.items.length; r += 1) {
-        const q = oe(e.items[r], r), Q = G.get(q) ?? ie.value;
-        T[r] = Q, v[r + 1] = v[r] + Q;
+      for (let i = 0; i < e.items.length; i += 1) {
+        const q = le(e.items[i], i), Q = G.get(q) ?? ie.value;
+        T[i] = Q, v[i + 1] = v[i] + Q;
       }
       return {
         offsets: v,
         sizes: T,
         total: v[e.items.length] ?? 0
       };
-    }), he = m(
-      () => xe.value.total + (e.loading ? H.value : 0)
-    ), ae = m(() => {
+    }), ve = h(
+      () => he.value.total + (e.loading ? te.value : 0)
+    ), J = h(() => {
       const v = /* @__PURE__ */ new Map();
-      return e.items.forEach((T, r) => {
-        v.set(oe(T, r), r);
+      return e.items.forEach((T, i) => {
+        v.set(le(T, i), i);
       }), v;
     });
-    function F(v) {
+    function O(v) {
       if (e.items.length === 0) return 0;
-      const T = xe.value.offsets;
-      let r = 0, q = e.items.length;
-      for (; r < q; ) {
-        const Q = Math.floor((r + q) / 2);
-        T[Q + 1] <= v ? r = Q + 1 : q = Q;
+      const T = he.value.offsets;
+      let i = 0, q = e.items.length;
+      for (; i < q; ) {
+        const Q = Math.floor((i + q) / 2);
+        T[Q + 1] <= v ? i = Q + 1 : q = Q;
       }
-      return Math.min(r, e.items.length - 1);
+      return Math.min(i, e.items.length - 1);
     }
-    const b = m(
+    const S = h(
       () => Math.max(
         0,
-        F(S.value) - le.value
+        O($.value) - ue.value
       )
-    ), C = m(() => {
+    ), P = h(() => {
       if (e.items.length === 0) return 0;
-      const v = F(S.value + pe.value) + 1;
+      const v = O($.value + fe.value) + 1;
       return Math.min(
         e.items.length,
-        v + le.value
+        v + ue.value
       );
-    }), se = m(
-      () => e.items.slice(b.value, C.value).map((v, T) => {
-        const r = b.value + T;
+    }), oe = h(
+      () => e.items.slice(S.value, P.value).map((v, T) => {
+        const i = S.value + T;
         return {
           item: v,
-          index: r,
-          key: oe(v, r),
-          top: xe.value.offsets[r]
+          index: i,
+          key: le(v, i),
+          top: he.value.offsets[i]
         };
       })
-    ), ve = m(() => ({
-      height: mt(e.height)
+    ), me = h(() => ({
+      height: gt(e.height)
     }));
-    function ke() {
+    function Ae() {
       var v;
-      B.value = ((v = E.value) == null ? void 0 : v.clientHeight) ?? 0, ne(E.value, e.height), Z(N);
-    }
-    function L(v) {
-      S.value = v.currentTarget.scrollTop, x("scroll", {
-        scrollTop: S.value,
-        startIndex: b.value,
-        endIndex: C.value
-      }), N();
-    }
-    function N() {
-      const v = E.value;
-      if (!v || !e.hasMore || e.loading || fe === e.items.length)
+      B.value = ((v = C.value) == null ? void 0 : v.clientHeight) ?? 0, ne(C.value, e.height), Z(F);
+    }
+    function E(v) {
+      $.value = v.currentTarget.scrollTop, z("scroll", {
+        scrollTop: $.value,
+        startIndex: S.value,
+        endIndex: P.value
+      }), F();
+    }
+    function F() {
+      const v = C.value;
+      if (!v || !e.hasMore || e.loading || ae === e.items.length)
         return;
       const T = Math.max(0, e.loadMoreThreshold);
-      he.value - v.scrollTop - v.clientHeight <= T && (fe = e.items.length, x("loadMore"));
+      ve.value - v.scrollTop - v.clientHeight <= T && (ae = e.items.length, z("loadMore"));
     }
-    function J(v) {
+    function _(v) {
       const T = v.borderBoxSize;
       if (T) {
-        const r = Array.isArray(T) ? T[0] : T;
-        if (r != null && r.blockSize) return r.blockSize;
+        const i = Array.isArray(T) ? T[0] : T;
+        if (i != null && i.blockSize) return i.blockSize;
       }
       return v.contentRect.height;
     }
-    function Me(v) {
-      const T = xe.value;
-      let r = 0, q = !1;
+    function pe(v) {
+      const T = he.value;
+      let i = 0, q = !1;
       for (const Q of v) {
-        const ze = Q.target, i = te.get(ze), D = J(Q);
-        if (i === void 0 || D <= 0) continue;
-        const _ = G.get(i) ?? ie.value;
-        if (Math.abs(_ - D) < 0.5) continue;
-        const X = ae.value.get(i);
-        X !== void 0 && T.offsets[X + 1] <= S.value && (r += D - _), G.set(i, D), q = !0;
+        const ke = Q.target, ge = Y.get(ke), Ee = _(Q);
+        if (ge === void 0 || Ee <= 0) continue;
+        const d = G.get(ge) ?? ie.value;
+        if (Math.abs(d - Ee) < 0.5) continue;
+        const K = J.value.get(ge);
+        K !== void 0 && T.offsets[K + 1] <= $.value && (i += Ee - d), G.set(ge, Ee), q = !0;
       }
-      q && (K.value += 1, Z(N), r !== 0 && Z(() => {
-        const Q = E.value;
-        Q && (Q.scrollTop += r, S.value = Q.scrollTop);
+      q && (V.value += 1, Z(F), i !== 0 && Z(() => {
+        const Q = C.value;
+        Q && (Q.scrollTop += i, $.value = Q.scrollTop);
       }));
     }
-    function $e(v, T) {
-      v instanceof HTMLElement && (te.set(v, T), R == null || R.observe(v));
+    function ze(v, T) {
+      v instanceof HTMLElement && (Y.set(v, T), H == null || H.observe(v));
     }
     function be() {
-      for (const [v] of te)
-        v.isConnected || (R == null || R.unobserve(v), te.delete(v));
+      for (const [v] of Y)
+        v.isConnected || (H == null || H.unobserve(v), Y.delete(v));
     }
-    function ye(v, T = {}) {
-      const r = E.value;
-      if (!r) return;
-      const q = Math.max(0, he.value - r.clientHeight), Q = Math.min(
+    function Me(v, T = {}) {
+      const i = C.value;
+      if (!i) return;
+      const q = Math.max(0, ve.value - i.clientHeight), Q = Math.min(
         Math.max(0, Number.isFinite(v) ? v : 0),
         q
-      ), ze = T.behavior ?? "auto";
-      ze === "auto" && (S.value = Q), r.scrollTo({ ...T, top: Q, behavior: ze });
+      ), ke = T.behavior ?? "auto";
+      ke === "auto" && ($.value = Q), i.scrollTo({ ...T, top: Q, behavior: ke });
     }
-    function re(v, T = {}) {
-      const r = E.value;
-      if (!r || e.items.length === 0) return;
+    function ce(v, T = {}) {
+      const i = C.value;
+      if (!i || e.items.length === 0) return;
       const q = Math.min(
         e.items.length - 1,
         Math.max(0, Math.floor(v))
-      ), { align: Q = "start", ...ze } = T;
-      let i = xe.value.offsets[q];
-      const D = xe.value.sizes[q];
-      Q === "center" ? i -= (r.clientHeight - D) / 2 : Q === "end" && (i -= r.clientHeight - D);
-      const _ = Math.max(
+      ), { align: Q = "start", ...ke } = T;
+      let ge = he.value.offsets[q];
+      const Ee = he.value.sizes[q];
+      Q === "center" ? ge -= (i.clientHeight - Ee) / 2 : Q === "end" && (ge -= i.clientHeight - Ee);
+      const d = Math.max(
         0,
-        Math.min(i, he.value - r.clientHeight)
-      ), X = ze.behavior ?? "auto";
-      X === "auto" && (S.value = _), r.scrollTo({
-        ...ze,
-        top: _,
-        behavior: X
+        Math.min(ge, ve.value - i.clientHeight)
+      ), K = ke.behavior ?? "auto";
+      K === "auto" && ($.value = d), i.scrollTo({
+        ...ke,
+        top: d,
+        behavior: K
       });
     }
     function de(v = "auto") {
       var T;
-      (T = E.value) == null || T.scrollTo({ top: 0, behavior: v });
+      (T = C.value) == null || T.scrollTo({ top: 0, behavior: v });
     }
-    return we(
+    return ye(
       () => e.itemKey,
       () => {
-        G.clear(), K.value += 1;
+        G.clear(), V.value += 1;
       }
-    ), we(
+    ), ye(
       () => e.items.length,
       async () => {
         const v = new Set(
-          e.items.map((q, Q) => oe(q, Q))
+          e.items.map((q, Q) => le(q, Q))
         );
         for (const q of G.keys())
           v.has(q) || G.delete(q);
-        K.value += 1, await Z();
-        const T = E.value;
+        V.value += 1, await Z();
+        const T = C.value;
         if (!T) return;
-        const r = Math.max(0, he.value - T.clientHeight);
-        T.scrollTop > r && (T.scrollTop = r, S.value = r), N();
+        const i = Math.max(0, ve.value - T.clientHeight);
+        T.scrollTop > i && (T.scrollTop = i, $.value = i), F();
       }
-    ), we(
+    ), ye(
       () => [e.hasMore, e.loading],
       async ([v]) => {
-        v || (fe = -1), await Z(), N();
+        v || (ae = -1), await Z(), F();
       }
-    ), _e(() => {
-      if (ke(), typeof ResizeObserver < "u") {
-        ce = new ResizeObserver(ke), R = new ResizeObserver(Me), E.value && ce.observe(E.value);
-        for (const [v] of te)
-          R.observe(v);
+    ), at(() => {
+      if (Ae(), typeof ResizeObserver < "u") {
+        se = new ResizeObserver(Ae), H = new ResizeObserver(pe), C.value && se.observe(C.value);
+        for (const [v] of Y)
+          H.observe(v);
       }
-      Z(N);
-    }), $t(be), qe(() => {
-      ce && (ce.disconnect(), ce = void 0), R && (R.disconnect(), R = void 0), te.clear();
+      Z(F);
+    }), $t(be), Xe(() => {
+      se && (se.disconnect(), se = void 0), H && (H.disconnect(), H = void 0), Y.clear();
     }), s({
-      scrollTo: ye,
-      scrollToIndex: re,
+      scrollTo: Me,
+      scrollToIndex: ce,
       scrollToTop: de
     }), (v, T) => (j(), U("div", {
       ref_key: "viewport",
-      ref: E,
-      class: ot(["vue-dynamic-virtual-scroll", { "vue-dynamic-virtual-scroll--pulling": f(y) }]),
-      style: ue(ve.value),
+      ref: C,
+      class: st(["vue-dynamic-virtual-scroll", { "vue-dynamic-virtual-scroll--pulling": f(x) }]),
+      style: re(me.value),
       role: "list",
       "aria-label": t.ariaLabel,
       tabindex: "0",
-      onScrollPassive: L,
+      onScrollPassive: E,
       onTouchstartPassive: T[0] || (T[0] = //@ts-ignore
-      (...r) => f($) && f($)(...r)),
+      (...i) => f(R) && f(R)(...i)),
       onTouchmove: T[1] || (T[1] = //@ts-ignore
-      (...r) => f(Y) && f(Y)(...r)),
+      (...i) => f(D) && f(D)(...i)),
       onTouchend: T[2] || (T[2] = //@ts-ignore
-      (...r) => f(A) && f(A)(...r)),
+      (...i) => f(b) && f(b)(...i)),
       onTouchcancel: T[3] || (T[3] = //@ts-ignore
-      (...r) => f(P) && f(P)(...r))
+      (...i) => f(A) && f(A)(...i))
     }, [
       t.pullToRefresh || t.refreshing ? (j(), U("div", {
         key: 0,
         class: "vue-dynamic-virtual-scroll__refresh",
-        style: ue({
-          height: `${f(h)}px`,
-          transform: `translateY(${f(d) - f(h)}px)`
+        style: re({
+          height: `${f(M)}px`,
+          transform: `translateY(${f(r) - f(M)}px)`
         }),
         role: "status",
         "aria-live": "polite"
       }, [
         Se(v.$slots, "refresh", {
-          pullDistance: f(M),
-          progress: f(c),
+          pullDistance: f(y),
+          progress: f(u),
           refreshing: t.refreshing
         }, () => [
-          Ue(vt(f(n)), 1)
+          Ge(ht(f(n)), 1)
         ])
-      ], 4)) : Ve("", !0),
+      ], 4)) : Re("", !0),
       t.items.length || t.loading ? (j(), U("div", {
         key: 1,
         class: "vue-dynamic-virtual-scroll__spacer",
-        style: ue({
-          height: `${he.value}px`,
-          transform: `translateY(${f(d)}px)`
+        style: re({
+          height: `${ve.value}px`,
+          transform: `translateY(${f(r)}px)`
         })
       }, [
-        (j(!0), U(Je, null, et(se.value, ({ item: r, index: q, key: Q, top: ze }) => (j(), U("div", {
+        (j(!0), U(et, null, nt(oe.value, ({ item: i, index: q, key: Q, top: ke }) => (j(), U("div", {
           key: Q,
           ref_for: !0,
-          ref: (i) => $e(i, Q),
+          ref: (ge) => ze(ge, Q),
           class: "vue-dynamic-virtual-scroll__item",
-          style: ue({ transform: `translateY(${ze}px)` }),
+          style: re({ transform: `translateY(${ke}px)` }),
           role: "listitem",
           "aria-posinset": q + 1,
           "aria-setsize": t.items.length
         }, [
           Se(v.$slots, "default", {
-            item: r,
+            item: i,
             index: q
           })
         ], 12, Qt))), 128)),
         t.loading ? (j(), U("div", {
           key: 0,
           class: "vue-dynamic-virtual-scroll__loading",
-          style: ue({
-            height: `${H.value}px`,
-            transform: `translateY(${xe.value.total}px)`
+          style: re({
+            height: `${te.value}px`,
+            transform: `translateY(${he.value.total}px)`
           }),
           role: "status",
           "aria-live": "polite"
         }, [
           Se(v.$slots, "loading", {}, () => [
-            T[4] || (T[4] = Ue("Loading more…", -1))
+            T[4] || (T[4] = Ge("Loading more…", -1))
           ])
-        ], 4)) : Ve("", !0)
+        ], 4)) : Re("", !0)
       ], 4)) : (j(), U("div", {
         key: 2,
         class: "vue-dynamic-virtual-scroll__empty",
-        style: ue({ transform: `translateY(${f(d)}px)` })
+        style: re({ transform: `translateY(${f(r)}px)` })
       }, [
         Se(v.$slots, "empty")
       ], 4))
@@ -1117,7 +1117,7 @@ const Jt = ["aria-label"], Qt = ["aria-posinset", "aria-setsize"], Bt = /* @__PU
 }), _t = ["aria-label"], ea = ["aria-current", "aria-posinset", "aria-setsize"], ta = {
   key: 1,
   class: "vue-short-media-feed__empty"
-}, aa = 36, na = 700, la = /* @__PURE__ */ Qe({
+}, aa = 36, na = 700, la = /* @__PURE__ */ tt({
   name: "ShortMediaFeed",
   __name: "ShortMediaFeed",
   props: {
@@ -1133,173 +1133,173 @@ const Jt = ["aria-label"], Qt = ["aria-posinset", "aria-setsize"], Bt = /* @__PU
   },
   emits: ["update:activeIndex", "change", "reachStart", "reachEnd", "loadMore"],
   setup(t, { expose: s, emit: I }) {
-    const e = t, x = I, y = ee(), M = ee(0), d = ee(ne(e.activeIndex));
-    let c, n = -1, h = 0, $ = !1, Y;
-    const A = wt(), { getItemKey: P } = tt({
+    const e = t, z = I, x = X(), y = X(0), r = X(ne(e.activeIndex));
+    let u, n = -1, M = 0, R = !1, D;
+    const b = Mt(), { getItemKey: A } = lt({
       componentName: "ShortMediaFeed",
       items: () => e.items,
       itemKey: () => e.itemKey
-    }), E = m(
+    }), C = h(
       () => Math.max(0, Math.floor(e.buffer))
-    ), S = m(
+    ), $ = h(
       () => Math.max(
         0,
         Math.floor(
           Number.isFinite(e.loadMoreThreshold) ? e.loadMoreThreshold : 0
         )
       )
-    ), B = m(() => M.value > 0 ? M.value : typeof e.height == "number" ? Math.max(1, e.height) : 0), K = m(
-      () => Math.max(0, d.value - E.value)
-    ), G = m(
+    ), B = h(() => y.value > 0 ? y.value : typeof e.height == "number" ? Math.max(1, e.height) : 0), V = h(
+      () => Math.max(0, r.value - C.value)
+    ), G = h(
       () => Math.min(
         e.items.length,
-        d.value + E.value + 1
+        r.value + C.value + 1
       )
-    ), te = m(
+    ), Y = h(
       () => (
         // Do not register zero-sized snap targets before a CSS height is measured.
         // WebKit can retain the second target at scrollTop=0 and jump to it on resize.
-        (B.value > 0 ? e.items : []).slice(K.value, G.value).map((b, C) => ({
-          item: b,
-          index: K.value + C
+        (B.value > 0 ? e.items : []).slice(V.value, G.value).map((S, P) => ({
+          item: S,
+          index: V.value + P
         }))
       )
-    ), ce = m(() => K.value * B.value), R = m(
+    ), se = h(() => V.value * B.value), H = h(
       () => (e.items.length - G.value) * B.value
-    ), fe = m(() => ({
-      height: mt(e.height)
+    ), ae = h(() => ({
+      height: gt(e.height)
     }));
-    function ne(b) {
+    function ne(S) {
       return e.items.length === 0 ? 0 : Math.min(
         e.items.length - 1,
-        Math.max(0, Math.floor(Number.isFinite(b) ? b : 0))
+        Math.max(0, Math.floor(Number.isFinite(S) ? S : 0))
       );
     }
-    function oe() {
+    function le() {
       if (!e.hasMore || e.loading || n === e.items.length)
         return;
-      (e.items.length === 0 ? 0 : e.items.length - 1 - d.value) <= S.value && (n = e.items.length, x("loadMore"));
+      (e.items.length === 0 ? 0 : e.items.length - 1 - r.value) <= $.value && (n = e.items.length, z("loadMore"));
     }
-    function ie(b) {
-      const C = ne(b);
-      C === d.value || e.items.length === 0 || (d.value = C, x("update:activeIndex", C), x("change", {
-        index: C,
-        item: e.items[C]
-      }), C === 0 && x("reachStart"), C === e.items.length - 1 && x("reachEnd"), oe());
+    function ie(S) {
+      const P = ne(S);
+      P === r.value || e.items.length === 0 || (r.value = P, z("update:activeIndex", P), z("change", {
+        index: P,
+        item: e.items[P]
+      }), P === 0 && z("reachStart"), P === e.items.length - 1 && z("reachEnd"), le());
     }
-    function H(b, C = {}) {
-      const se = y.value;
-      se && (typeof se.scrollTo == "function" ? se.scrollTo({ ...C, top: b }) : se.scrollTop = b);
+    function te(S, P = {}) {
+      const oe = x.value;
+      oe && (typeof oe.scrollTo == "function" ? oe.scrollTo({ ...P, top: S }) : oe.scrollTop = S);
     }
-    function le(b, C = {}) {
+    function ue(S, P = {}) {
       if (e.items.length === 0) return;
-      const se = ne(b);
-      ie(se), H(se * B.value, C);
+      const oe = ne(S);
+      ie(oe), te(oe * B.value, P);
     }
-    function pe(b) {
+    function fe(S) {
       if (B.value <= 0) return;
-      const C = b.currentTarget.scrollTop;
-      ie(Math.round(C / B.value));
-    }
-    function xe(b) {
-      let C;
-      b.key === "ArrowDown" || b.key === "PageDown" ? C = d.value + 1 : b.key === "ArrowUp" || b.key === "PageUp" ? C = d.value - 1 : b.key === "Home" ? C = 0 : b.key === "End" && (C = e.items.length - 1), C !== void 0 && (b.preventDefault(), le(C, { behavior: "smooth" }));
-    }
-    function he(b) {
-      return b.deltaMode === WheelEvent.DOM_DELTA_LINE ? b.deltaY * 16 : b.deltaMode === WheelEvent.DOM_DELTA_PAGE ? b.deltaY * (B.value || 1) : b.deltaY;
-    }
-    function ae(b) {
-      if (b.ctrlKey || Math.abs(b.deltaX) > Math.abs(b.deltaY) || e.items.length === 0 || B.value <= 0 || (b.preventDefault(), $)) return;
-      const C = he(b);
-      if (C * h < 0 && (h = 0), h += C, Math.abs(h) < aa) return;
-      const se = h > 0 ? 1 : -1;
-      h = 0;
-      const ve = d.value + se;
-      ve < 0 || ve >= e.items.length || ($ = !0, le(ve, { behavior: "smooth" }), Y = setTimeout(() => {
-        $ = !1;
+      const P = S.currentTarget.scrollTop;
+      ie(Math.round(P / B.value));
+    }
+    function he(S) {
+      let P;
+      S.key === "ArrowDown" || S.key === "PageDown" ? P = r.value + 1 : S.key === "ArrowUp" || S.key === "PageUp" ? P = r.value - 1 : S.key === "Home" ? P = 0 : S.key === "End" && (P = e.items.length - 1), P !== void 0 && (S.preventDefault(), ue(P, { behavior: "smooth" }));
+    }
+    function ve(S) {
+      return S.deltaMode === WheelEvent.DOM_DELTA_LINE ? S.deltaY * 16 : S.deltaMode === WheelEvent.DOM_DELTA_PAGE ? S.deltaY * (B.value || 1) : S.deltaY;
+    }
+    function J(S) {
+      if (S.ctrlKey || Math.abs(S.deltaX) > Math.abs(S.deltaY) || e.items.length === 0 || B.value <= 0 || (S.preventDefault(), R)) return;
+      const P = ve(S);
+      if (P * M < 0 && (M = 0), M += P, Math.abs(M) < aa) return;
+      const oe = M > 0 ? 1 : -1;
+      M = 0;
+      const me = r.value + oe;
+      me < 0 || me >= e.items.length || (R = !0, ue(me, { behavior: "smooth" }), D = setTimeout(() => {
+        R = !1;
       }, na));
     }
-    function F() {
-      var C;
-      const b = ((C = y.value) == null ? void 0 : C.clientHeight) ?? 0;
-      A(y.value, e.height), !(b <= 0 || b === M.value) && (M.value = b, Z(() => {
-        H(d.value * b);
+    function O() {
+      var P;
+      const S = ((P = x.value) == null ? void 0 : P.clientHeight) ?? 0;
+      b(x.value, e.height), !(S <= 0 || S === y.value) && (y.value = S, Z(() => {
+        te(r.value * S);
       }));
     }
-    return we(
+    return ye(
       () => e.activeIndex,
-      async (b) => {
-        const C = ne(b);
-        C !== d.value && (d.value = C, await Z(), H(C * B.value), oe());
+      async (S) => {
+        const P = ne(S);
+        P !== r.value && (r.value = P, await Z(), te(P * B.value), le());
       }
-    ), we(
+    ), ye(
       () => [
         e.hasMore,
         e.loading,
         e.loadMoreThreshold
       ],
-      async ([b]) => {
-        b || (n = -1), await Z(), oe();
+      async ([S]) => {
+        S || (n = -1), await Z(), le();
       }
-    ), we(
+    ), ye(
       () => e.items.length,
       async () => {
-        const b = ne(d.value);
-        e.items.length === 0 ? d.value !== 0 && (d.value = 0, x("update:activeIndex", 0)) : ie(b), await Z(), H(b * B.value), oe();
+        const S = ne(r.value);
+        e.items.length === 0 ? r.value !== 0 && (r.value = 0, z("update:activeIndex", 0)) : ie(S), await Z(), te(S * B.value), le();
       }
-    ), _e(async () => {
-      F(), typeof ResizeObserver < "u" && y.value && (c = new ResizeObserver(F), c.observe(y.value)), await Z(), H(d.value * B.value), oe();
-    }), qe(() => {
-      c && (c.disconnect(), c = void 0), Y && (clearTimeout(Y), Y = void 0);
+    ), at(async () => {
+      O(), typeof ResizeObserver < "u" && x.value && (u = new ResizeObserver(O), u.observe(x.value)), await Z(), te(r.value * B.value), le();
+    }), Xe(() => {
+      u && (u.disconnect(), u = void 0), D && (clearTimeout(D), D = void 0);
     }), s({
-      scrollToIndex: le
-    }), (b, C) => (j(), U("div", {
+      scrollToIndex: ue
+    }), (S, P) => (j(), U("div", {
       ref_key: "viewport",
-      ref: y,
+      ref: x,
       class: "vue-short-media-feed",
-      style: ue(fe.value),
+      style: re(ae.value),
       role: "list",
       "aria-orientation": "vertical",
       "aria-label": t.ariaLabel,
       tabindex: "0",
-      onScrollPassive: pe,
-      onWheel: ae,
-      onKeydown: xe
+      onScrollPassive: fe,
+      onWheel: J,
+      onKeydown: he
     }, [
-      t.items.length ? (j(), U(Je, { key: 0 }, [
-        ce.value > 0 ? (j(), U("div", {
+      t.items.length ? (j(), U(et, { key: 0 }, [
+        se.value > 0 ? (j(), U("div", {
           key: 0,
           class: "vue-short-media-feed__spacer",
-          style: ue({ height: `${ce.value}px` }),
+          style: re({ height: `${se.value}px` }),
           "aria-hidden": "true"
-        }, null, 4)) : Ve("", !0),
-        (j(!0), U(Je, null, et(te.value, ({ item: se, index: ve }) => (j(), U("div", {
-          key: f(P)(se, ve),
+        }, null, 4)) : Re("", !0),
+        (j(!0), U(et, null, nt(Y.value, ({ item: oe, index: me }) => (j(), U("div", {
+          key: f(A)(oe, me),
           class: "vue-short-media-feed__item",
-          style: ue({ height: `${B.value}px` }),
+          style: re({ height: `${B.value}px` }),
           role: "listitem",
-          "aria-current": ve === d.value ? "true" : void 0,
-          "aria-posinset": ve + 1,
+          "aria-current": me === r.value ? "true" : void 0,
+          "aria-posinset": me + 1,
           "aria-setsize": t.items.length
         }, [
-          Se(b.$slots, "default", {
-            item: se,
-            index: ve,
-            active: ve === d.value
+          Se(S.$slots, "default", {
+            item: oe,
+            index: me,
+            active: me === r.value
           })
         ], 12, ea))), 128)),
-        R.value > 0 ? (j(), U("div", {
+        H.value > 0 ? (j(), U("div", {
           key: 1,
           class: "vue-short-media-feed__spacer",
-          style: ue({ height: `${R.value}px` }),
+          style: re({ height: `${H.value}px` }),
           "aria-hidden": "true"
-        }, null, 4)) : Ve("", !0)
+        }, null, 4)) : Re("", !0)
       ], 64)) : (j(), U("div", ta, [
-        Se(b.$slots, "empty")
+        Se(S.$slots, "empty")
       ]))
     ], 44, _t));
   }
-}), oa = ["aria-label"], ia = /* @__PURE__ */ Qe({
+}), oa = ["aria-label"], ia = /* @__PURE__ */ tt({
   __name: "SkeletonLoader",
   props: {
     width: { default: "100%" },
@@ -1310,27 +1310,27 @@ const Jt = ["aria-label"], Qt = ["aria-posinset", "aria-setsize"], Bt = /* @__PU
   },
   setup(t) {
     const s = t;
-    function I(x) {
-      return typeof x == "number" ? `${Math.max(0, x)}px` : x;
+    function I(z) {
+      return typeof z == "number" ? `${Math.max(0, z)}px` : z;
     }
-    const e = m(() => ({
+    const e = h(() => ({
       width: I(s.width),
       height: I(s.height)
     }));
-    return (x, y) => (j(), U("div", {
-      class: ot(["vue-skeleton-loader", [
+    return (z, x) => (j(), U("div", {
+      class: st(["vue-skeleton-loader", [
         `vue-skeleton-loader--${t.variant}`,
         { "vue-skeleton-loader--animated": t.animated }
       ]]),
-      style: ue(e.value),
+      style: re(e.value),
       role: "status",
       "aria-label": t.ariaLabel
     }, null, 14, oa));
   }
 }), ra = (t, s) => {
   const I = t.__vccOpts || t;
-  for (const [e, x] of s)
-    I[e] = x;
+  for (const [e, z] of s)
+    I[e] = z;
   return I;
 }, sa = /* @__PURE__ */ ra(ia, [["__scopeId", "data-v-fc92f61f"]]), ua = 6e-3;
 function ca(t, s) {
@@ -1338,8 +1338,8 @@ function ca(t, s) {
   return Math.max(-e, Math.min(e, I));
 }
 function da(t, s, I, e = 250) {
-  const x = s - t, y = Math.abs(I);
-  if (!(y >= 0.1 && x * I > 0))
+  const z = s - t, x = Math.abs(I);
+  if (!(x >= 0.1 && z * I > 0))
     return {
       keyframes: [
         { transform: `translate3d(${t}px, 0, 0)` },
@@ -1347,221 +1347,236 @@ function da(t, s, I, e = 250) {
       ],
       options: {
         duration: Math.round(
-          Math.max(120, Math.min(650, (190 + Math.abs(x) * 0.35) * e / 250))
+          Math.max(120, Math.min(650, (190 + Math.abs(z) * 0.35) * e / 250))
         ),
         easing: "cubic-bezier(0.22, 1, 0.36, 1)",
         fill: "forwards"
       }
     };
-  const d = Math.round(
-    Math.max(180, Math.min(650, 2 * Math.abs(x) / y * e / 250))
-  ), c = Math.min(3, y * d / Math.abs(x)), n = Math.ceil(d / 8);
+  const r = Math.round(
+    Math.max(180, Math.min(650, 2 * Math.abs(z) / x * e / 250))
+  ), u = Math.min(3, x * r / Math.abs(z)), n = Math.ceil(r / 8);
   return {
-    keyframes: Array.from({ length: n + 1 }, ($, Y) => {
-      const A = Y / n, P = A * A, E = P * A, S = c * (E - 2 * P + A) + (-2 * E + 3 * P), B = t + x * S;
+    keyframes: Array.from({ length: n + 1 }, (R, D) => {
+      const b = D / n, A = b * b, C = A * b, $ = u * (C - 2 * A + b) + (-2 * C + 3 * A), B = t + z * $;
       return {
-        offset: A,
+        offset: b,
         transform: `translate3d(${B}px, 0, 0)`
       };
     }),
-    options: { duration: d, easing: "linear", fill: "forwards" }
+    options: { duration: r, easing: "linear", fill: "forwards" }
   };
 }
 function fa(t) {
-  const s = ee("idle"), I = m(() => s.value !== "idle"), e = m(() => s.value === "dragging"), x = ee(!1);
-  let y, M = "", d = 0, c = 0, n = 0, h = 0, $ = 0, Y = 0, A = 0, P = 0, E = 0, S, B, K, G = 0, te = !1, ce, R, fe = "", ne = !1, oe, ie = !1;
-  const H = () => t.rtl() ? -1 : 1, le = () => {
-    var i;
-    return (((i = t.viewport()) == null ? void 0 : i.scrollLeft) ?? 0) * H();
+  const s = X("idle"), I = X(!1), e = X(!1), z = h(() => s.value !== "idle" || I.value), x = h(() => s.value === "dragging" || e.value), y = X(!1);
+  let r, u = "", n = 0, M = 0, R = 0, D = 0, b = 0, A = 0, C = 0, $ = 0, B = 0, V, G, Y, se = 0, H = !1, ae, ne, le = "", ie = !1, te, ue = !1;
+  const fe = () => t.rtl() ? -1 : 1, he = () => {
+    var d;
+    return (((d = t.viewport()) == null ? void 0 : d.scrollLeft) ?? 0) * fe();
   };
-  function pe(i, D) {
-    const _ = t.viewport();
-    if (!_) return;
-    const X = i * H();
-    _.scrollTo ? _.scrollTo(D === void 0 ? { left: X } : { left: X, behavior: D }) : _.scrollLeft = X;
+  function ve(d, K) {
+    const m = t.viewport();
+    if (!m) return;
+    const w = d * fe();
+    m.scrollTo ? m.scrollTo(K === void 0 ? { left: w } : { left: w, behavior: K }) : m.scrollLeft = w;
   }
-  function xe() {
-    const i = t.viewport();
-    i && (ne || (fe = i.style.scrollSnapType), ne = !0, i.style.scrollSnapType = "none");
+  function J() {
+    const d = t.viewport();
+    d && (ie || (le = d.style.scrollSnapType), ie = !0, d.style.scrollSnapType = "none");
   }
-  function he() {
-    const i = G;
+  function O() {
+    const d = se;
     Z(() => {
-      ie || i !== G || s.value !== "idle" || (t.viewport() && (t.viewport().style.scrollSnapType = fe), ne = !1);
+      ue || d !== se || s.value !== "idle" || (t.viewport() && (t.viewport().style.scrollSnapType = le), ie = !1);
     });
   }
-  function ae() {
-    const i = t.track();
-    i && (i.style.transform = "", i.style.willChange = "");
+  function S() {
+    const d = t.track();
+    d && (d.style.transform = "", d.style.willChange = "");
   }
-  function F() {
-    const i = t.track();
-    if (!i || !S) return $;
-    const D = getComputedStyle(i).transform, _ = D.slice(D.indexOf("(") + 1, -1).split(",").map(Number), X = D.startsWith("matrix3d") ? _[12] : _[4];
-    return Number.isFinite(X) ? X : $;
+  function P() {
+    const d = t.track();
+    if (!d || !V) return b;
+    const K = getComputedStyle(d).transform, m = K.slice(K.indexOf("(") + 1, -1).split(",").map(Number), w = K.startsWith("matrix3d") ? m[12] : m[4];
+    return Number.isFinite(w) ? w : b;
   }
-  function b() {
-    return S ? h - F() * H() : x.value ? h - $ * H() : le();
+  function oe() {
+    return V ? D - P() * fe() : y.value ? D - b * fe() : he();
   }
-  function C() {
-    const i = S;
-    S = void 0, i && (i.onfinish = null, i.oncancel = null, i.cancel()), K !== void 0 && cancelAnimationFrame(K), K = void 0;
+  function me() {
+    const d = V;
+    V = void 0, d && (d.onfinish = null, d.oncancel = null, d.cancel()), Y !== void 0 && cancelAnimationFrame(Y), Y = void 0;
   }
-  function se() {
-    var _;
-    const i = y;
-    y = void 0;
-    const D = t.viewport();
-    i !== void 0 && ((_ = D == null ? void 0 : D.hasPointerCapture) != null && _.call(D, i)) && D.releasePointerCapture(i), window.removeEventListener("pointermove", ye), window.removeEventListener("pointerup", de), window.removeEventListener("pointercancel", v), window.removeEventListener("blur", T);
+  function Ae() {
+    var m;
+    const d = r;
+    r = void 0, I.value = !1, e.value = !1;
+    const K = t.viewport();
+    d !== void 0 && ((m = K == null ? void 0 : K.hasPointerCapture) != null && m.call(K, d)) && K.releasePointerCapture(d), window.removeEventListener("pointermove", de), window.removeEventListener("pointerup", T), window.removeEventListener("pointercancel", i), window.removeEventListener("blur", q);
   }
-  function ve(i, D) {
-    const _ = ++G;
-    xe(), s.value = "committing", C(), ae(), x.value = !1, $ = 0;
-    const X = t.canonical(i);
-    pe(X, D), t.onPosition(X), t.onCommit(i), Z(() => {
-      ie || _ !== G || (pe(X), s.value = "idle", he());
+  function E(d, K) {
+    const m = ++se;
+    J(), s.value = "committing", me(), S(), y.value = !1, b = 0;
+    const w = t.canonical(d);
+    ve(w, K), t.onPosition(w), t.onCommit(d), Z(() => {
+      ue || m !== se || (ve(w), s.value = "idle", O());
     });
   }
-  function ke(i = !0) {
-    R !== void 0 && clearTimeout(R), R = void 0;
-    const D = S !== void 0 || $ !== 0, _ = i ? b() : le();
-    return ++G, xe(), se(), C(), ae(), x.value = !1, B = void 0, $ = 0, s.value = "idle", i && (D && pe(_), t.onPosition(_)), he(), _;
+  function F(d = !0) {
+    ne !== void 0 && clearTimeout(ne), ne = void 0;
+    const K = V !== void 0 || b !== 0, m = d ? oe() : he();
+    return ++se, J(), Ae(), me(), S(), y.value = !1, G = void 0, b = 0, s.value = "idle", d && (K && ve(m), t.onPosition(m)), O(), m;
   }
-  function L() {
-    S && (t.onPosition(b()), K = requestAnimationFrame(L));
+  function _() {
+    V && (t.onPosition(oe()), Y = requestAnimationFrame(_));
   }
-  function N() {
+  function pe() {
     return typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
   }
-  function J(i, D, _) {
-    const X = t.track(), p = (h - D) * H();
-    if (!(X != null && X.animate) || N() || t.settleDuration() === 0 || Math.abs(p - $) < 1) {
-      ae(), x.value = !1, $ = 0, s.value = "idle", !(X != null && X.animate) && !N() && t.settleDuration() !== 0 ? (t.onCommit(i), B = D, pe(D, "smooth"), he()) : ve(i);
+  function ze(d, K, m) {
+    const w = t.track(), k = (D - K) * fe();
+    if (!(w != null && w.animate) || pe() || t.settleDuration() === 0 || Math.abs(k - b) < 1) {
+      S(), y.value = !1, b = 0, s.value = "idle", !(w != null && w.animate) && !pe() && t.settleDuration() !== 0 ? (t.onCommit(d), G = K, ve(K, "smooth"), O()) : E(d);
       return;
     }
-    ++G, xe(), s.value = "settling", x.value = !0;
-    const z = da($, p, _, t.settleDuration()), k = X.animate(z.keyframes, z.options);
-    S = k, k.onfinish = () => {
-      S === k && ve(i);
-    }, k.oncancel = () => {
-      S === k && ke();
-    }, K = requestAnimationFrame(L);
+    ++se, J(), s.value = "settling", y.value = !0;
+    const ee = da(b, k, m, t.settleDuration()), L = w.animate(ee.keyframes, ee.options);
+    V = L, L.onfinish = () => {
+      V === L && E(d);
+    }, L.oncancel = () => {
+      V === L && F();
+    }, Y = requestAnimationFrame(_);
   }
-  function Me(i, D = "smooth", _ = 0, X = !1) {
-    const p = ke(), z = t.target(i, p, _);
-    t.onCommit(i), Math.abs(z - p) < 0.5 || D !== "smooth" || N() ? ve(i, D) : X ? (h = le(), $ = (h - p) * H(), J(i, z, 0)) : (s.value = "settling", B = z, pe(z, D), t.viewport() && (t.viewport().style.scrollSnapType = fe), ne = !1);
+  function be(d, K = "smooth", m = 0, w = !1) {
+    const k = F(), ee = t.target(d, k, m);
+    t.onCommit(d), Math.abs(ee - k) < 0.5 || K !== "smooth" || pe() ? E(d, K) : w ? (D = he(), b = (D - k) * fe(), ze(d, ee, 0)) : (s.value = "settling", G = ee, ve(ee, K), t.viewport() && (t.viewport().style.scrollSnapType = le), ie = !1);
   }
-  function $e(i) {
-    const D = i.currentTarget.scrollLeft * H();
-    if (!(S || s.value === "dragging" || s.value === "committing")) {
-      if (t.onPosition(D), B !== void 0) {
-        if (Math.abs(D - B) > 1) return;
-        B = void 0, s.value = "idle";
+  function Me(d) {
+    const K = d.currentTarget.scrollLeft * fe();
+    if (!(V || s.value === "dragging" || s.value === "committing")) {
+      if (t.onPosition(K), G !== void 0) {
+        if (Math.abs(K - G) > 1) return;
+        G = void 0, s.value = "idle";
       }
-      t.onCommit(t.indexAt(D));
+      t.onCommit(t.indexAt(K));
     }
   }
-  function be(i) {
-    var X, p;
-    if (y !== void 0 || i.isPrimary === !1 || i.pointerType === "mouse" && (!t.mouseDrag() || i.button !== 0) || !["mouse", "touch", "pen"].includes(i.pointerType) || (p = (X = i.target) == null ? void 0 : X.closest) != null && p.call(X, 'input, textarea, select, [contenteditable="true"], [data-carousel-no-drag]')) return;
-    B !== void 0 && pe(le(), "auto");
-    const D = b();
-    S !== void 0 ? ($ = F(), C(), t.track().style.transform = `translate3d(${$}px, 0, 0)`, x.value = !0) : ($ = 0, h = le()), ++G, B = void 0, s.value = "pending", y = i.pointerId, M = i.pointerType, d = Y = i.clientX, c = i.clientY, n = D, A = i.timeStamp, P = 0, E = 0, te = !1, ce !== void 0 && clearTimeout(ce), window.addEventListener("pointermove", ye), window.addEventListener("pointerup", de), window.addEventListener("pointercancel", v), window.addEventListener("blur", T);
+  function ce(d) {
+    var w, k;
+    if (r !== void 0 || d.isPrimary === !1 || d.pointerType === "mouse" && (!t.mouseDrag() || d.button !== 0) || !["mouse", "touch", "pen"].includes(d.pointerType) || (k = (w = d.target) == null ? void 0 : w.closest) != null && k.call(w, 'input, textarea, select, [contenteditable="true"], [data-carousel-no-drag]')) return;
+    G !== void 0 && ve(he(), "auto");
+    const K = oe();
+    V !== void 0 ? (b = P(), me(), t.track().style.transform = `translate3d(${b}px, 0, 0)`, y.value = !0) : (b = 0, D = he()), ++se, G = void 0, s.value = "pending", r = d.pointerId, I.value = !0, u = d.pointerType, n = A = d.clientX, M = d.clientY, R = K, C = d.timeStamp, $ = 0, B = 0, H = !1, ae !== void 0 && clearTimeout(ae), window.addEventListener("pointermove", de), window.addEventListener("pointerup", T), window.addEventListener("pointercancel", i), window.addEventListener("blur", q);
   }
-  function ye(i) {
-    var W, Ie;
-    if (y !== i.pointerId || i === oe) return;
-    oe = i;
-    const D = i.clientX - d, _ = i.clientY - c, X = Number.isFinite(t.dragThreshold()) ? Math.max(1, t.dragThreshold()) : 8;
+  function de(d) {
+    var $e, De;
+    if (r !== d.pointerId || d === te) return;
+    if (te = d, e.value) {
+      d.cancelable && d.preventDefault();
+      return;
+    }
+    const K = d.clientX - n, m = d.clientY - M, w = Number.isFinite(t.dragThreshold()) ? Math.max(1, t.dragThreshold()) : 8, k = u === "mouse" && t.mouseDragMode() === "snap";
     if (s.value === "pending") {
-      if (Math.max(Math.abs(D), Math.abs(_)) < X) return;
-      if (M !== "mouse" && Math.abs(_) >= Math.abs(D)) {
-        ke();
+      if (Math.max(Math.abs(K), Math.abs(m)) < w || k && Math.abs(K) < w) return;
+      if (u !== "mouse" && Math.abs(m) >= Math.abs(K)) {
+        F();
         return;
       }
-      xe(), s.value = "dragging", (Ie = (W = t.viewport()) == null ? void 0 : W.setPointerCapture) == null || Ie.call(W, i.pointerId);
+      J(), s.value = "dragging", (De = ($e = t.viewport()) == null ? void 0 : $e.setPointerCapture) == null || De.call($e, d.pointerId);
     }
     if (s.value !== "dragging") return;
-    i.cancelable && i.preventDefault(), te = !0;
-    const p = i.timeStamp - A;
-    if (p > 0 && p <= 80) {
-      const ge = Math.max(-2.5, Math.min(2.5, (i.clientX - Y) / p));
-      P = E === 0 ? ge : P * 0.25 + ge * 0.75, E += 1;
-    } else p > 80 && (P = 0, E = 0);
-    Y = i.clientX, A = i.timeStamp;
-    let z = n - D * H();
-    const [k, me] = t.limits();
-    z < k && (z = k + (z - k) * 0.35), z > me && (z = me + (z - me) * 0.35), $ = (h - z) * H(), K === void 0 && (K = requestAnimationFrame(() => {
-      K = void 0;
-      const ge = t.track();
-      !ge || s.value !== "dragging" || (ge.style.willChange = "transform", ge.style.transform = `translate3d(${$}px, 0, 0)`, t.onPosition(h - $ * H()));
+    if (d.cancelable && d.preventDefault(), H = !0, k) {
+      e.value = !0;
+      const Ie = -Math.sign(K) * fe(), Ye = t.target(t.indexAt(R) + Ie, R, Ie), je = t.indexAt(Ye);
+      t.onCommit(je), ze(je, Ye, 0);
+      return;
+    }
+    const ee = d.timeStamp - C;
+    if (ee > 0 && ee <= 80) {
+      const Ie = Math.max(-2.5, Math.min(2.5, (d.clientX - A) / ee));
+      $ = B === 0 ? Ie : $ * 0.25 + Ie * 0.75, B += 1;
+    } else ee > 80 && ($ = 0, B = 0);
+    A = d.clientX, C = d.timeStamp;
+    let L = R - K * fe();
+    const [xe, we] = t.limits();
+    L < xe && (L = xe + (L - xe) * 0.35), L > we && (L = we + (L - we) * 0.35), b = (D - L) * fe(), Y === void 0 && (Y = requestAnimationFrame(() => {
+      Y = void 0;
+      const Ie = t.track();
+      !Ie || s.value !== "dragging" || (Ie.style.willChange = "transform", Ie.style.transform = `translate3d(${b}px, 0, 0)`, t.onPosition(D - b * fe()));
     }));
   }
-  function re(i, D = !1) {
-    if (y === void 0 || i && y !== i.pointerId) return;
-    const _ = s.value === "dragging", X = $ !== 0;
-    if (se(), K !== void 0 && cancelAnimationFrame(K), K = void 0, !_ && !X) {
-      s.value = "idle", he();
+  function v(d, K = !1) {
+    if (r === void 0 || d && r !== d.pointerId) return;
+    const m = s.value === "dragging", w = e.value, k = b !== 0;
+    if (Ae(), w) {
+      ae !== void 0 && clearTimeout(ae), ae = setTimeout(() => {
+        H = !1;
+      }, 0);
       return;
     }
-    const p = h - $ * H(), z = i ? Math.max(0, i.timeStamp - A) : 101, k = !D && t.momentum() && z <= 100 ? P * Math.exp(-z / 80) : 0, me = p - n, W = Math.min(80, Math.max(40, t.step() * 0.12)), Ie = E >= 2 && Math.abs(me) >= W ? ca(-k * H(), t.step()) : 0;
-    let ge = t.indexAt(p + Ie);
-    const Le = t.indexAt(n), He = Math.max(1, t.dragThreshold());
-    !D && _ && ge === Le && Math.abs(me) >= He && (ge = Le + Math.sign(me));
-    const Oe = t.target(ge, p);
-    t.onPosition(p), J(t.indexAt(Oe), Oe, k), ce !== void 0 && clearTimeout(ce), ce = setTimeout(() => {
-      te = !1;
+    if (Y !== void 0 && cancelAnimationFrame(Y), Y = void 0, !m && !k) {
+      s.value = "idle", O();
+      return;
+    }
+    const ee = D - b * fe(), L = d ? Math.max(0, d.timeStamp - C) : 101, xe = !K && t.momentum() && L <= 100 ? $ * Math.exp(-L / 80) : 0, we = ee - R, $e = Math.min(80, Math.max(40, t.step() * 0.12)), De = B >= 2 && Math.abs(we) >= $e ? ca(-xe * fe(), t.step()) : 0;
+    let Ie = t.indexAt(ee + De);
+    const Ye = t.indexAt(R), je = Math.max(1, t.dragThreshold());
+    !K && m && Ie === Ye && Math.abs(we) >= je && (Ie = Ye + Math.sign(we));
+    const Ze = t.target(Ie, ee);
+    t.onPosition(ee), ze(t.indexAt(Ze), Ze, xe), ae !== void 0 && clearTimeout(ae), ae = setTimeout(() => {
+      H = !1;
     }, 0);
   }
-  function de(i) {
-    re(i);
+  function T(d) {
+    v(d);
   }
-  function v(i) {
-    re(i, !0);
+  function i(d) {
+    v(d, !0);
   }
-  function T() {
-    re(void 0, !0);
+  function q() {
+    v(void 0, !0);
   }
-  function r(i) {
-    i.target === t.viewport() && y === i.pointerId && s.value === "dragging" && re(i, !0);
+  function Q(d) {
+    d.target === t.viewport() && r === d.pointerId && s.value === "dragging" && v(d, !0);
   }
-  function q(i) {
-    !te || i.detail === 0 || (i.preventDefault(), i.stopPropagation(), te = !1);
+  function ke(d) {
+    !H || d.detail === 0 || (d.preventDefault(), d.stopPropagation(), H = !1);
   }
-  function Q() {
-    const i = S !== void 0 || s.value === "dragging", D = ke();
-    i && t.onCommit(t.indexAt(D)), t.nativeSnap() || (R = setTimeout(() => {
-      if (R = void 0, ie || s.value !== "idle") return;
-      h = le(), $ = 0;
-      const _ = t.indexAt(h);
-      J(_, t.target(_, h), 0);
+  function ge() {
+    const d = V !== void 0 || s.value === "dragging", K = F();
+    d && t.onCommit(t.indexAt(K)), t.nativeSnap() || (ne = setTimeout(() => {
+      if (ne = void 0, ue || s.value !== "idle") return;
+      D = he(), b = 0;
+      const m = t.indexAt(D);
+      ze(m, t.target(m, D), 0);
     }, 120));
   }
-  function ze(i) {
-    y !== void 0 && i.preventDefault();
+  function Ee(d) {
+    r !== void 0 && d.preventDefault();
   }
-  return qe(() => {
-    ke(!1), ie = !0, ce !== void 0 && clearTimeout(ce), t.viewport() && (t.viewport().style.scrollSnapType = fe);
+  return Xe(() => {
+    F(!1), ue = !0, ae !== void 0 && clearTimeout(ae), t.viewport() && (t.viewport().style.scrollSnapType = le);
   }), {
     phase: s,
-    busy: I,
-    dragging: e,
-    transformed: x,
-    read: le,
-    write: pe,
-    cancel: ke,
-    commit: ve,
-    navigate: Me,
-    displayedPosition: b,
-    handleScroll: $e,
-    handlePointerDown: be,
-    handlePointerMove: ye,
-    handlePointerUp: de,
-    handlePointerCancel: v,
-    handleLostPointerCapture: r,
-    handleClick: q,
-    handleWheel: Q,
-    handleDragStart: ze
+    busy: z,
+    dragging: x,
+    pointerActive: I,
+    transformed: y,
+    read: he,
+    write: ve,
+    cancel: F,
+    commit: E,
+    navigate: be,
+    displayedPosition: oe,
+    handleScroll: Me,
+    handlePointerDown: ce,
+    handlePointerMove: de,
+    handlePointerUp: T,
+    handlePointerCancel: i,
+    handleLostPointerCapture: Q,
+    handleClick: ke,
+    handleWheel: ge,
+    handleDragStart: Ee
   };
 }
 function va(t) {
@@ -1571,45 +1586,45 @@ function va(t) {
   }
   function e() {
     if (I(), !t.enabled() || t.paused() || t.count() < 2 || t.atEnd() && !t.loop()) return;
-    const x = Number.isFinite(t.delay()) ? Math.max(1, t.delay()) : 3e3;
+    const z = Number.isFinite(t.delay()) ? Math.max(1, t.delay()) : 3e3;
     s = setTimeout(() => {
       s = void 0, !t.paused() && (t.atEnd() ? t.rewind() : t.advance(), e());
-    }, x);
+    }, z);
   }
-  return we(
+  return ye(
     () => [t.enabled(), t.paused(), t.delay(), t.count(), t.loop(), t.atEnd()],
     e,
     { immediate: !0 }
-  ), qe(I), { start: e, stop: I };
+  ), Xe(I), { start: e, stop: I };
 }
-function ut(t, s) {
+function dt(t, s) {
   return s > 0 ? (t % s + s) % s : 0;
 }
 function ma(t, s) {
   const I = new Array(t.length + 1);
   I[0] = 0;
-  for (let d = 0; d < t.length; d += 1)
-    I[d + 1] = I[d] + t[d] + s;
-  const e = I[t.length], x = Math.max(0, e - (t.length ? s : 0));
-  function y(d) {
+  for (let r = 0; r < t.length; r += 1)
+    I[r + 1] = I[r] + t[r] + s;
+  const e = I[t.length], z = Math.max(0, e - (t.length ? s : 0));
+  function x(r) {
     if (!t.length) return 0;
-    let c = 0, n = t.length - 1;
-    for (; c < n; ) {
-      const h = Math.ceil((c + n) / 2);
-      I[h] <= d ? c = h : n = h - 1;
+    let u = 0, n = t.length - 1;
+    for (; u < n; ) {
+      const M = Math.ceil((u + n) / 2);
+      I[M] <= r ? u = M : n = M - 1;
     }
-    return c;
+    return u;
   }
-  function M(d) {
-    const c = y(d), n = Math.min(t.length - 1, c + 1);
-    return d - I[c] <= I[n] - d ? c : n;
+  function y(r) {
+    const u = x(r), n = Math.min(t.length - 1, u + 1);
+    return r - I[u] <= I[n] - r ? u : n;
   }
-  return { offsets: I, cycleWidth: e, totalWidth: x, indexAt: y, nearestIndex: M };
+  return { offsets: I, cycleWidth: e, totalWidth: z, indexAt: x, nearestIndex: y };
 }
 const ha = ["dir", "aria-label"], ga = ["data-carousel-index", "aria-label", "aria-current", "aria-hidden", "inert"], pa = {
   key: 1,
   class: "vue-virtual-carousel__empty"
-}, ya = /* @__PURE__ */ Qe({
+}, ya = /* @__PURE__ */ tt({
   name: "VirtualCarousel",
   __name: "VirtualCarousel",
   props: {
@@ -1630,6 +1645,7 @@ const ha = ["dir", "aria-label"], ga = ["data-carousel-index", "aria-label", "ar
     autoplayLoop: { type: Boolean, default: !0 },
     pauseOnHover: { type: Boolean, default: !0 },
     mouseDrag: { type: Boolean, default: !0 },
+    mouseDragMode: { default: "drag" },
     dragThreshold: { default: 8 },
     momentum: { type: Boolean, default: !0 },
     settleDuration: { default: 250 },
@@ -1645,328 +1661,329 @@ const ha = ["dir", "aria-label"], ga = ["data-carousel-index", "aria-label", "ar
   },
   emits: ["update:activeIndex", "change", "reachStart", "reachEnd", "loadMore"],
   setup(t, { expose: s, emit: I }) {
-    const e = t, x = I, y = ee(), M = ee(), d = ee(0), c = ee(0), n = ee(0), h = ee(!1), $ = ee(!1), Y = ee(), A = ct([]), P = ct([0, 1]), E = ct(/* @__PURE__ */ new Map()), S = ct([]);
-    let B, K, G = -1, te = !1;
-    const ce = /* @__PURE__ */ new Map(), R = /* @__PURE__ */ new Map(), { getItemKey: fe } = tt({
+    const e = t, z = I, x = X(), y = X(), r = X(0), u = X(0), n = X(0), M = X(!1), R = X(!1), D = X(), b = ft([]), A = ft([0, 1]), C = ft(/* @__PURE__ */ new Map()), $ = ft([]);
+    let B, V, G = -1, Y = !1;
+    const se = /* @__PURE__ */ new Map(), H = /* @__PURE__ */ new Map(), { getItemKey: ae } = lt({
       componentName: "VirtualCarousel",
       items: () => e.items,
       itemKey: () => e.itemKey
-    }), ne = m(() => e.items.map((a, l) => fe(a, l))), oe = m(() => new Map(ne.value.map((a, l) => [a, l]))), ie = (a, l, g) => Math.max(l, Math.floor(Number.isFinite(a) ? a : g)), H = m(() => {
-      const a = [...e.responsive ?? []].sort((l, g) => g.breakpoint - l.breakpoint).find((l) => d.value >= l.breakpoint);
+    }), ne = h(() => e.items.map((a, l) => ae(a, l))), le = h(() => new Map(ne.value.map((a, l) => [a, l]))), ie = (a, l, g) => Math.max(l, Math.floor(Number.isFinite(a) ? a : g)), te = h(() => {
+      const a = [...e.responsive ?? []].sort((l, g) => g.breakpoint - l.breakpoint).find((l) => r.value >= l.breakpoint);
       return {
         slidesPerView: ie((a == null ? void 0 : a.slidesPerView) ?? e.slidesPerView, 1, 1),
         slidesToScroll: ie((a == null ? void 0 : a.slidesToScroll) ?? e.slidesToScroll, 1, 1),
         gap: Math.max(0, Number.isFinite((a == null ? void 0 : a.gap) ?? e.gap) ? (a == null ? void 0 : a.gap) ?? e.gap : 0)
       };
-    }), le = m(() => ie(e.buffer, 0, 1)), pe = m(() => ie(e.maxCachedItems, 0, 20)), xe = m(() => d.value > 0 ? Math.max(
+    }), ue = h(() => ie(e.buffer, 0, 1)), fe = h(() => ie(e.maxCachedItems, 0, 20)), he = h(() => r.value > 0 ? Math.max(
       1,
-      (d.value - (H.value.slidesPerView - 1) * H.value.gap) / H.value.slidesPerView
-    ) : 0), he = m(() => e.items.map((a, l) => e.autoWidth ? E.value.get(ne.value[l]) ?? Math.max(1, Number.isFinite(e.estimatedItemWidth) ? e.estimatedItemWidth : 240) : xe.value)), ae = m(() => ma(he.value, H.value.gap)), F = m(() => e.loop && e.items.length > 1 && ae.value.totalWidth > d.value), b = m(() => Math.max(0, ae.value.totalWidth - d.value)), C = m(() => {
-      if (F.value) return e.items.length - 1;
-      if (!e.autoWidth) return Math.max(0, e.items.length - H.value.slidesPerView);
-      if (b.value <= 0) return 0;
-      const a = ae.value.indexAt(b.value), l = ae.value.offsets[a] < b.value - 0.01 ? a + 1 : a;
+      (r.value - (te.value.slidesPerView - 1) * te.value.gap) / te.value.slidesPerView
+    ) : 0), ve = h(() => e.items.map((a, l) => e.autoWidth ? C.value.get(ne.value[l]) ?? Math.max(1, Number.isFinite(e.estimatedItemWidth) ? e.estimatedItemWidth : 240) : he.value)), J = h(() => ma(ve.value, te.value.gap)), O = h(() => e.loop && e.items.length > 1 && J.value.totalWidth > r.value), S = h(() => Math.max(0, J.value.totalWidth - r.value)), P = h(() => {
+      if (O.value) return e.items.length - 1;
+      if (!e.autoWidth) return Math.max(0, e.items.length - te.value.slidesPerView);
+      if (S.value <= 0) return 0;
+      const a = J.value.indexAt(S.value), l = J.value.offsets[a] < S.value - 0.01 ? a + 1 : a;
       return Math.min(e.items.length - 1, l);
-    }), se = m(() => F.value ? ae.value.cycleWidth * 3 : ae.value.totalWidth), ve = m(() => ({ height: mt(e.height) })), ke = m(() => ({
-      width: `${se.value}px`,
-      height: e.height === "auto" ? `${Math.max(1, c.value)}px` : "100%"
+    }), oe = h(() => O.value ? J.value.cycleWidth * 3 : J.value.totalWidth), me = h(() => ({ height: gt(e.height) })), Ae = h(() => ({
+      width: `${oe.value}px`,
+      height: e.height === "auto" ? `${Math.max(1, u.value)}px` : "100%"
     }));
-    function L(a) {
+    function E(a) {
       const l = Math.floor(Number.isFinite(a) ? a : 0);
-      return F.value ? ut(l, e.items.length) : Math.max(0, Math.min(C.value, l));
+      return O.value ? dt(l, e.items.length) : Math.max(0, Math.min(P.value, l));
     }
-    n.value = L(e.activeIndex);
-    function N(a) {
-      const l = ae.value.offsets[L(a)] ?? 0;
-      return F.value ? ae.value.cycleWidth + l : Math.min(b.value, l);
+    n.value = E(e.activeIndex);
+    function F(a) {
+      const l = J.value.offsets[E(a)] ?? 0;
+      return O.value ? J.value.cycleWidth + l : Math.min(S.value, l);
     }
-    function J(a) {
-      const l = ae.value.cycleWidth;
-      return F.value && l > 0 ? (a % l + l) % l : Math.max(0, a);
+    function _(a) {
+      const l = J.value.cycleWidth;
+      return O.value && l > 0 ? (a % l + l) % l : Math.max(0, a);
     }
-    function Me(a) {
-      if (!F.value && a >= b.value - 1 && b.value > 0) return C.value;
-      const l = J(a);
-      return F.value && l > (ae.value.offsets[e.items.length - 1] + ae.value.cycleWidth) / 2 ? 0 : L(ae.value.nearestIndex(l));
+    function pe(a) {
+      if (!O.value && a >= S.value - 1 && S.value > 0) return P.value;
+      const l = _(a);
+      return O.value && l > (J.value.offsets[e.items.length - 1] + J.value.cycleWidth) / 2 ? 0 : E(J.value.nearestIndex(l));
     }
-    function $e(a, l, g = 0) {
-      const V = N(a);
-      if (!F.value) return V;
-      const Te = ae.value.cycleWidth, Be = [V - Te, V, V + Te], Ae = Be.filter((We) => g > 0 ? We > l + 0.5 : g < 0 ? We < l - 0.5 : !0);
-      return (Ae.length ? Ae : Be).sort((We, at) => Math.abs(We - l) - Math.abs(at - l))[0];
+    function ze(a, l, g = 0) {
+      const W = F(a);
+      if (!O.value) return W;
+      const Te = J.value.cycleWidth, Ke = [W - Te, W, W + Te], Be = Ke.filter((He) => g > 0 ? He > l + 0.5 : g < 0 ? He < l - 0.5 : !0);
+      return (Be.length ? Be : Ke).sort((He, ot) => Math.abs(He - l) - Math.abs(ot - l))[0];
     }
     function be(a) {
-      if (!F.value) return ae.value.indexAt(Math.max(0, a));
-      const l = ae.value.cycleWidth, g = Math.floor(a / l);
-      return g * e.items.length + ae.value.indexAt(a - g * l);
+      if (!O.value) return J.value.indexAt(Math.max(0, a));
+      const l = J.value.cycleWidth, g = Math.floor(a / l);
+      return g * e.items.length + J.value.indexAt(a - g * l);
     }
-    function ye(a) {
-      return F.value ? Math.floor(a / e.items.length) * ae.value.cycleWidth + ae.value.offsets[ut(a, e.items.length)] : ae.value.offsets[a] ?? 0;
+    function Me(a) {
+      return O.value ? Math.floor(a / e.items.length) * J.value.cycleWidth + J.value.offsets[dt(a, e.items.length)] : J.value.offsets[a] ?? 0;
     }
-    function re(a) {
+    function ce(a) {
       if (e.items.length === 0) {
-        A.value = [], P.value = [0, 0];
+        b.value = [], A.value = [0, 0];
         return;
       }
-      if (d.value <= 0) return;
-      const l = be(a), g = be(a + d.value - 0.01);
-      (P.value[0] !== l || P.value[1] !== g + 1) && (P.value = [l, g + 1]);
-      const V = [];
+      if (r.value <= 0) return;
+      const l = be(a), g = be(a + r.value - 0.01);
+      (A.value[0] !== l || A.value[1] !== g + 1) && (A.value = [l, g + 1]);
+      const W = [];
       for (let Te = l; Te <= g; Te += 1) {
-        const Be = F.value ? ut(Te, e.items.length) : Te;
-        if (Be < 0 || Be >= e.items.length) continue;
-        const Ae = ye(Te);
-        Ae + he.value[Be] > a + 0.01 && Ae < a + d.value - 0.01 && !V.includes(Be) && V.push(Be);
+        const Ke = O.value ? dt(Te, e.items.length) : Te;
+        if (Ke < 0 || Ke >= e.items.length) continue;
+        const Be = Me(Te);
+        Be + ve.value[Ke] > a + 0.01 && Be < a + r.value - 0.01 && !W.includes(Ke) && W.push(Ke);
       }
-      V.join(",") !== A.value.join(",") && (A.value = V);
+      W.join(",") !== b.value.join(",") && (b.value = W);
     }
     function de(a) {
       if (e.autoWidth) {
-        const l = N(n.value), g = $e(a, l);
-        return g + he.value[a] > l && g < l + d.value;
+        const l = F(n.value), g = ze(a, l);
+        return g + ve.value[a] > l && g < l + r.value;
       }
-      return F.value ? ut(a - n.value, e.items.length) < H.value.slidesPerView : a >= n.value && a < n.value + H.value.slidesPerView;
+      return O.value ? dt(a - n.value, e.items.length) < te.value.slidesPerView : a >= n.value && a < n.value + te.value.slidesPerView;
     }
     function v() {
       if (!e.hasMore || e.loading || G === e.items.length) return;
-      const a = e.autoWidth ? A.value.length : H.value.slidesPerView;
-      e.items.length - n.value - Math.max(1, a) <= ie(e.loadMoreThreshold, 0, 2) && (G = e.items.length, x("loadMore"));
+      const a = e.autoWidth ? b.value.length : te.value.slidesPerView;
+      e.items.length - n.value - Math.max(1, a) <= ie(e.loadMoreThreshold, 0, 2) && (G = e.items.length, z("loadMore"));
     }
     function T(a) {
-      const l = L(a);
-      !e.items.length || l === n.value || (n.value = l, x("update:activeIndex", l), x("change", { index: l, item: e.items[l] }), l === 0 && x("reachStart"), l === C.value && x("reachEnd"), v());
+      const l = E(a);
+      !e.items.length || l === n.value || (n.value = l, z("update:activeIndex", l), z("change", { index: l, item: e.items[l] }), l === 0 && z("reachStart"), l === P.value && z("reachEnd"), v());
     }
-    const r = fa({
-      viewport: () => y.value,
-      track: () => M.value,
+    const i = fa({
+      viewport: () => x.value,
+      track: () => y.value,
       rtl: () => e.rtl,
       mouseDrag: () => e.mouseDrag,
-      nativeSnap: () => e.nativeSnap && !F.value,
+      mouseDragMode: () => e.mouseDragMode,
+      nativeSnap: () => e.nativeSnap && !O.value,
       dragThreshold: () => Math.max(1, Number.isFinite(e.dragThreshold) ? e.dragThreshold : 8),
       momentum: () => e.momentum,
       settleDuration: () => Math.max(0, Number.isFinite(e.settleDuration) ? e.settleDuration : 250),
-      limits: () => [0, F.value ? Math.max(0, se.value - d.value) : b.value],
-      step: () => he.value[n.value] + H.value.gap || 1,
-      indexAt: Me,
-      target: $e,
-      canonical: N,
-      onPosition: re,
+      limits: () => [0, O.value ? Math.max(0, oe.value - r.value) : S.value],
+      step: () => ve.value[n.value] + te.value.gap || 1,
+      indexAt: pe,
+      target: ze,
+      canonical: F,
+      onPosition: ce,
       onCommit: T
-    }), { phase: q, dragging: Q } = r, ze = va({
-      enabled: () => $.value && e.autoplay,
-      paused: () => q.value === "pending" || q.value === "dragging" || q.value === "committing" || F.value && q.value === "settling" || h.value && e.pauseOnHover,
+    }), { phase: q, dragging: Q } = i, ke = va({
+      enabled: () => R.value && e.autoplay,
+      paused: () => i.pointerActive.value || q.value === "pending" || q.value === "dragging" || q.value === "committing" || O.value && q.value === "settling" || M.value && e.pauseOnHover,
       delay: () => e.autoplayDelay,
       count: () => e.items.length,
-      atEnd: () => !F.value && n.value >= C.value,
-      loop: () => F.value || e.autoplayLoop,
-      advance: () => Le(),
-      rewind: () => ge(0, { behavior: "smooth" })
-    }), i = m(() => {
-      const a = Q.value || r.transformed.value, l = le.value + (a ? H.value.slidesPerView + 2 : 0);
-      let g, V;
-      !e.autoWidth && !F.value && !a ? (g = Math.max(0, n.value - l), V = Math.min(e.items.length, n.value + H.value.slidesPerView + l)) : (g = Math.max(0, P.value[0] - l), V = Math.min(F.value ? e.items.length * 3 : e.items.length, P.value[1] + l));
-      const Te = (P.value[0] + P.value[1] - 1) / 2, Be = /* @__PURE__ */ new Map();
-      for (let Ae = g; Ae < V; Ae += 1) {
-        const We = F.value ? ut(Ae, e.items.length) : Ae, at = Be.get(We);
-        (!at || Math.abs(Ae - Te) < Math.abs(at.virtual - Te)) && Be.set(We, { index: We, virtual: Ae, cached: !1 });
+      atEnd: () => !O.value && n.value >= P.value,
+      loop: () => O.value || e.autoplayLoop,
+      advance: () => $e(),
+      rewind: () => we(0, { behavior: "smooth" })
+    }), ge = h(() => {
+      const a = Q.value || i.transformed.value, l = ue.value + (a ? te.value.slidesPerView + 2 : 0);
+      let g, W;
+      !e.autoWidth && !O.value && !a ? (g = Math.max(0, n.value - l), W = Math.min(e.items.length, n.value + te.value.slidesPerView + l)) : (g = Math.max(0, A.value[0] - l), W = Math.min(O.value ? e.items.length * 3 : e.items.length, A.value[1] + l));
+      const Te = (A.value[0] + A.value[1] - 1) / 2, Ke = /* @__PURE__ */ new Map();
+      for (let Be = g; Be < W; Be += 1) {
+        const He = O.value ? dt(Be, e.items.length) : Be, ot = Ke.get(He);
+        (!ot || Math.abs(Be - Te) < Math.abs(ot.virtual - Te)) && Ke.set(He, { index: He, virtual: Be, cached: !1 });
       }
-      return [...Be.values()].sort((Ae, We) => Ae.virtual - We.virtual);
+      return [...Ke.values()].sort((Be, He) => Be.virtual - He.virtual);
     });
-    we([A, q, ne], () => {
+    ye([b, q, ne], () => {
       if (q.value !== "idle") return;
-      const a = A.value.filter((g) => g < e.items.length).map((g) => ne.value[g]);
+      const a = b.value.filter((g) => g < e.items.length).map((g) => ne.value[g]);
       if (!e.keepAlive) {
-        S.value = [];
+        $.value = [];
         return;
       }
-      const l = S.value.filter((g) => oe.value.has(g) && !a.includes(g));
-      S.value = [...l, ...a].slice(-(pe.value + a.length));
+      const l = $.value.filter((g) => le.value.has(g) && !a.includes(g));
+      $.value = [...l, ...a].slice(-(fe.value + a.length));
     }, { immediate: !0 });
-    const D = m(() => {
-      const a = [...i.value], l = new Set(a.map((V) => V.index)), g = /* @__PURE__ */ new Set();
-      for (const V of e.pinnedIndexes.slice(0, pe.value))
-        Number.isInteger(V) && V >= 0 && V < e.items.length && g.add(V);
-      if (Y.value !== void 0 && Y.value < e.items.length && g.add(Y.value), e.keepAlive)
-        for (const V of [...S.value].reverse()) {
-          const Te = oe.value.get(V);
-          Te !== void 0 && !l.has(Te) && g.size < pe.value && g.add(Te);
+    const Ee = h(() => {
+      const a = [...ge.value], l = new Set(a.map((W) => W.index)), g = /* @__PURE__ */ new Set();
+      for (const W of e.pinnedIndexes.slice(0, fe.value))
+        Number.isInteger(W) && W >= 0 && W < e.items.length && g.add(W);
+      if (D.value !== void 0 && D.value < e.items.length && g.add(D.value), e.keepAlive)
+        for (const W of [...$.value].reverse()) {
+          const Te = le.value.get(W);
+          Te !== void 0 && !l.has(Te) && g.size < fe.value && g.add(Te);
         }
-      for (const V of g)
-        l.has(V) || a.push({ index: V, virtual: F.value ? e.items.length + V : V, cached: V !== Y.value });
-      return a.sort((V, Te) => V.virtual - Te.virtual).map((V) => ({
-        ...V,
-        item: e.items[V.index],
-        key: ne.value[V.index]
+      for (const W of g)
+        l.has(W) || a.push({ index: W, virtual: O.value ? e.items.length + W : W, cached: W !== D.value });
+      return a.sort((W, Te) => W.virtual - Te.virtual).map((W) => ({
+        ...W,
+        item: e.items[W.index],
+        key: ne.value[W.index]
       }));
-    }), _ = m(() => i.value.length ? ye(i.value[0].virtual) : 0), X = m(() => !e.autoWidth && !F.value && !e.keepAlive && !e.pinnedIndexes.length && (Y.value === void 0 || i.value.some((a) => a.index === Y.value))), p = m(() => {
-      const a = i.value[i.value.length - 1];
-      return a ? Math.max(0, se.value - ye(a.virtual) - he.value[a.index] - H.value.gap) : 0;
+    }), d = h(() => ge.value.length ? Me(ge.value[0].virtual) : 0), K = h(() => !e.autoWidth && !O.value && !e.keepAlive && !e.pinnedIndexes.length && (D.value === void 0 || ge.value.some((a) => a.index === D.value))), m = h(() => {
+      const a = ge.value[ge.value.length - 1];
+      return a ? Math.max(0, oe.value - Me(a.virtual) - ve.value[a.index] - te.value.gap) : 0;
     });
-    function z(a) {
-      const l = he.value[a.index];
+    function w(a) {
+      const l = ve.value[a.index];
       return {
-        position: X.value ? "relative" : "absolute",
-        [e.rtl ? "right" : "left"]: X.value ? void 0 : `${ye(a.virtual)}px`,
+        position: K.value ? "relative" : "absolute",
+        [e.rtl ? "right" : "left"]: K.value ? void 0 : `${Me(a.virtual)}px`,
         width: e.autoWidth ? "max-content" : `${l}px`,
         flexBasis: e.autoWidth ? "auto" : `${l}px`,
-        marginRight: !e.rtl && a.index < e.items.length - 1 ? `${H.value.gap}px` : "0px",
-        marginLeft: e.rtl && a.index < e.items.length - 1 ? `${H.value.gap}px` : "0px",
+        marginRight: !e.rtl && a.index < e.items.length - 1 ? `${te.value.gap}px` : "0px",
+        marginLeft: e.rtl && a.index < e.items.length - 1 ? `${te.value.gap}px` : "0px",
         height: e.height === "auto" ? "auto" : "100%",
         visibility: a.cached ? "hidden" : void 0,
-        scrollSnapAlign: e.nativeSnap && !F.value && d.value > 0 ? "start" : "none"
+        scrollSnapAlign: e.nativeSnap && !O.value && r.value > 0 ? "start" : "none"
       };
     }
     function k() {
-      if (!R.size || q.value !== "idle") return;
-      const a = new Map(E.value);
-      for (const [l, g] of R) a.set(l, g);
-      R.clear(), E.value = a;
+      if (!H.size || q.value !== "idle") return;
+      const a = new Map(C.value);
+      for (const [l, g] of H) a.set(l, g);
+      H.clear(), C.value = a;
     }
-    function me(a, l) {
+    function ee(a, l) {
       if (l < 0 || l >= e.items.length) return;
-      const { width: g, height: V } = a.getBoundingClientRect();
-      V > c.value && (c.value = V);
+      const { width: g, height: W } = a.getBoundingClientRect();
+      W > u.value && (u.value = W);
       const Te = ne.value[l];
-      e.autoWidth && g > 0 && Math.abs((E.value.get(Te) ?? 0) - g) > 0.5 && R.set(Te, g);
+      e.autoWidth && g > 0 && Math.abs((C.value.get(Te) ?? 0) - g) > 0.5 && H.set(Te, g);
     }
-    function W() {
+    function L() {
       var l;
-      if (te || e.height !== "auto") return;
+      if (Y || e.height !== "auto") return;
       let a = 0;
-      for (const g of i.value)
-        a = Math.max(a, ((l = ce.get(g.index)) == null ? void 0 : l.getBoundingClientRect().height) ?? 0);
-      Math.abs(c.value - a) > 0.5 && (c.value = a);
-    }
-    function Ie(a, l) {
-      const g = ce.get(l);
-      if (g && (K == null || K.unobserve(g)), !(a instanceof HTMLElement)) {
-        ce.delete(l);
+      for (const g of ge.value)
+        a = Math.max(a, ((l = se.get(g.index)) == null ? void 0 : l.getBoundingClientRect().height) ?? 0);
+      Math.abs(u.value - a) > 0.5 && (u.value = a);
+    }
+    function xe(a, l) {
+      const g = se.get(l);
+      if (g && (V == null || V.unobserve(g)), !(a instanceof HTMLElement)) {
+        se.delete(l);
         return;
       }
-      ce.set(l, a), (e.autoWidth || e.height === "auto") && (K == null || K.observe(a), me(a, l), Z(k), Z(W));
+      se.set(l, a), (e.autoWidth || e.height === "auto") && (V == null || V.observe(a), ee(a, l), Z(k), Z(L));
     }
-    function ge(a, l = {}) {
-      !e.items.length || d.value <= 0 || r.navigate(L(a), l.behavior ?? "auto", 0, F.value || !e.nativeSnap);
+    function we(a, l = {}) {
+      !e.items.length || r.value <= 0 || i.navigate(E(a), l.behavior ?? "auto", 0, O.value || !e.nativeSnap);
     }
-    function Le(a = "smooth") {
-      !e.items.length || d.value <= 0 || r.navigate(L(n.value + H.value.slidesToScroll), a, 1, F.value || !e.nativeSnap);
+    function $e(a = "smooth") {
+      !e.items.length || r.value <= 0 || i.navigate(E(n.value + te.value.slidesToScroll), a, 1, O.value || !e.nativeSnap);
     }
-    function He(a = "smooth") {
-      !e.items.length || d.value <= 0 || r.navigate(L(n.value - H.value.slidesToScroll), a, -1, F.value || !e.nativeSnap);
+    function De(a = "smooth") {
+      !e.items.length || r.value <= 0 || i.navigate(E(n.value - te.value.slidesToScroll), a, -1, O.value || !e.nativeSnap);
     }
-    function Oe(a) {
-      var V, Te;
-      if ((Te = (V = a.target) == null ? void 0 : V.closest) != null && Te.call(V, 'input, textarea, select, [contenteditable="true"]')) return;
+    function Ie(a) {
+      var W, Te;
+      if ((Te = (W = a.target) == null ? void 0 : W.closest) != null && Te.call(W, 'input, textarea, select, [contenteditable="true"]')) return;
       const l = e.rtl ? "ArrowLeft" : "ArrowRight", g = e.rtl ? "ArrowRight" : "ArrowLeft";
-      a.key === l || a.key === "PageDown" ? (a.preventDefault(), Le()) : a.key === g || a.key === "PageUp" ? (a.preventDefault(), He()) : a.key === "Home" ? (a.preventDefault(), ge(0, { behavior: "smooth" })) : a.key === "End" && (a.preventDefault(), ge(C.value));
+      a.key === l || a.key === "PageDown" ? (a.preventDefault(), $e()) : a.key === g || a.key === "PageUp" ? (a.preventDefault(), De()) : a.key === "Home" ? (a.preventDefault(), we(0, { behavior: "smooth" })) : a.key === "End" && (a.preventDefault(), we(P.value));
     }
-    function Mt(a) {
-      var g, V;
-      const l = (V = (g = a.target) == null ? void 0 : g.closest) == null ? void 0 : V.call(g, "[data-carousel-index]");
-      Y.value = l ? Number(l.getAttribute("data-carousel-index")) : void 0;
+    function Ye(a) {
+      var g, W;
+      const l = (W = (g = a.target) == null ? void 0 : g.closest) == null ? void 0 : W.call(g, "[data-carousel-index]");
+      D.value = l ? Number(l.getAttribute("data-carousel-index")) : void 0;
     }
-    function ht() {
+    function je() {
       Z(() => {
         var a;
-        (a = y.value) != null && a.contains(document.activeElement) || (Y.value = void 0);
+        (a = x.value) != null && a.contains(document.activeElement) || (D.value = void 0);
       });
     }
-    function it() {
-      r.cancel(!1), e.items.length ? T(L(n.value)) : n.value !== 0 && (n.value = 0, x("update:activeIndex", 0)), te || r.commit(n.value), Z(v);
+    function Ze() {
+      i.cancel(!1), e.items.length ? T(E(n.value)) : n.value !== 0 && (n.value = 0, z("update:activeIndex", 0)), Y || i.commit(n.value), Z(v);
     }
-    function rt() {
+    function ut() {
       var l;
-      const a = ((l = y.value) == null ? void 0 : l.clientWidth) ?? 0;
-      a <= 0 || a === d.value || (d.value = a);
+      const a = ((l = x.value) == null ? void 0 : l.clientWidth) ?? 0;
+      a <= 0 || a === r.value || (r.value = a);
     }
-    return we(() => [
+    return ye(() => [
       e.items.length,
-      d.value,
-      H.value.slidesPerView,
-      H.value.gap,
+      r.value,
+      te.value.slidesPerView,
+      te.value.gap,
       e.rtl,
-      F.value,
+      O.value,
       e.autoWidth,
       e.nativeSnap,
-      E.value
-    ], it), we(() => e.activeIndex, (a) => {
-      const l = L(a);
-      l !== n.value && (r.cancel(!1), n.value = l, r.commit(l), Z(v));
-    }), we(() => [e.hasMore, e.loading, e.loadMoreThreshold], () => {
+      C.value
+    ], Ze), ye(() => e.activeIndex, (a) => {
+      const l = E(a);
+      l !== n.value && (i.cancel(!1), n.value = l, i.commit(l), Z(v));
+    }), ye(() => [e.hasMore, e.loading, e.loadMoreThreshold], () => {
       e.hasMore || (G = -1), Z(v);
-    }), we(() => ne.value, (a) => {
+    }), ye(() => ne.value, (a) => {
       const l = new Set(a);
-      E.value = new Map([...E.value].filter(([g]) => l.has(g))), S.value = S.value.filter((g) => l.has(g));
-    }), we(q, (a) => {
+      C.value = new Map([...C.value].filter(([g]) => l.has(g))), $.value = $.value.filter((g) => l.has(g));
+    }), ye(q, (a) => {
       a === "idle" && Z(k);
-    }), we(() => [e.keepAlive, e.maxCachedItems], () => {
-      const a = A.value.map((l) => ne.value[l]);
-      S.value = e.keepAlive ? [...S.value.filter((l) => !a.includes(l)), ...a].slice(-(pe.value + a.length)) : [];
-    }), _e(async () => {
-      if (rt(), typeof ResizeObserver < "u" && (B = new ResizeObserver(rt), y.value && B.observe(y.value), K = new ResizeObserver((a) => {
-        for (const l of a) me(l.target, Number(l.target.dataset.carouselIndex));
-        k(), W();
+    }), ye(() => [e.keepAlive, e.maxCachedItems], () => {
+      const a = b.value.map((l) => ne.value[l]);
+      $.value = e.keepAlive ? [...$.value.filter((l) => !a.includes(l)), ...a].slice(-(fe.value + a.length)) : [];
+    }), at(async () => {
+      if (ut(), typeof ResizeObserver < "u" && (B = new ResizeObserver(ut), x.value && B.observe(x.value), V = new ResizeObserver((a) => {
+        for (const l of a) ee(l.target, Number(l.target.dataset.carouselIndex));
+        k(), L();
       }), e.autoWidth || e.height === "auto"))
-        for (const [a, l] of ce)
-          K.observe(l), me(l, a);
-      await Z(), it(), $.value = !0;
-    }), qe(() => {
-      te = !0, B == null || B.disconnect(), K == null || K.disconnect();
-    }), s({ next: Le, previous: He, scrollToIndex: ge, startAutoplay: ze.start, stopAutoplay: ze.stop }), (a, l) => (j(), U("div", {
+        for (const [a, l] of se)
+          V.observe(l), ee(l, a);
+      await Z(), Ze(), R.value = !0;
+    }), Xe(() => {
+      Y = !0, B == null || B.disconnect(), V == null || V.disconnect();
+    }), s({ next: $e, previous: De, scrollToIndex: we, startAutoplay: ke.start, stopAutoplay: ke.stop }), (a, l) => (j(), U("div", {
       ref_key: "viewport",
-      ref: y,
-      class: ot(["vue-virtual-carousel", { "vue-virtual-carousel--mouse-drag": t.mouseDrag, "vue-virtual-carousel--dragging": f(Q), "vue-virtual-carousel--controlled": F.value || !t.nativeSnap }]),
-      style: ue(ve.value),
+      ref: x,
+      class: st(["vue-virtual-carousel", { "vue-virtual-carousel--mouse-drag": t.mouseDrag, "vue-virtual-carousel--dragging": f(Q), "vue-virtual-carousel--controlled": O.value || !t.nativeSnap }]),
+      style: re(me.value),
       dir: t.rtl ? "rtl" : "ltr",
       role: "region",
       "aria-roledescription": "carousel",
       "aria-label": t.ariaLabel,
       tabindex: "0",
       onScrollPassive: l[0] || (l[0] = //@ts-ignore
-      (...g) => f(r).handleScroll && f(r).handleScroll(...g)),
+      (...g) => f(i).handleScroll && f(i).handleScroll(...g)),
       onPointerdown: l[1] || (l[1] = //@ts-ignore
-      (...g) => f(r).handlePointerDown && f(r).handlePointerDown(...g)),
+      (...g) => f(i).handlePointerDown && f(i).handlePointerDown(...g)),
       onPointermove: l[2] || (l[2] = //@ts-ignore
-      (...g) => f(r).handlePointerMove && f(r).handlePointerMove(...g)),
+      (...g) => f(i).handlePointerMove && f(i).handlePointerMove(...g)),
       onPointerup: l[3] || (l[3] = //@ts-ignore
-      (...g) => f(r).handlePointerUp && f(r).handlePointerUp(...g)),
+      (...g) => f(i).handlePointerUp && f(i).handlePointerUp(...g)),
       onPointercancel: l[4] || (l[4] = //@ts-ignore
-      (...g) => f(r).handlePointerCancel && f(r).handlePointerCancel(...g)),
+      (...g) => f(i).handlePointerCancel && f(i).handlePointerCancel(...g)),
       onLostpointercapture: l[5] || (l[5] = //@ts-ignore
-      (...g) => f(r).handleLostPointerCapture && f(r).handleLostPointerCapture(...g)),
+      (...g) => f(i).handleLostPointerCapture && f(i).handleLostPointerCapture(...g)),
       onClickCapture: l[6] || (l[6] = //@ts-ignore
-      (...g) => f(r).handleClick && f(r).handleClick(...g)),
+      (...g) => f(i).handleClick && f(i).handleClick(...g)),
       onDragstart: l[7] || (l[7] = //@ts-ignore
-      (...g) => f(r).handleDragStart && f(r).handleDragStart(...g)),
+      (...g) => f(i).handleDragStart && f(i).handleDragStart(...g)),
       onWheelPassive: l[8] || (l[8] = //@ts-ignore
-      (...g) => f(r).handleWheel && f(r).handleWheel(...g)),
-      onKeydown: Oe,
-      onMouseenter: l[9] || (l[9] = (g) => h.value = !0),
-      onMouseleave: l[10] || (l[10] = (g) => h.value = !1),
-      onFocusin: Mt,
-      onFocusout: ht
+      (...g) => f(i).handleWheel && f(i).handleWheel(...g)),
+      onKeydown: Ie,
+      onMouseenter: l[9] || (l[9] = (g) => M.value = !0),
+      onMouseleave: l[10] || (l[10] = (g) => M.value = !1),
+      onFocusin: Ye,
+      onFocusout: je
     }, [
       t.items.length ? (j(), U("div", {
         key: 0,
         ref_key: "track",
-        ref: M,
+        ref: y,
         class: "vue-virtual-carousel__track",
-        style: ue(ke.value),
+        style: re(Ae.value),
         role: "list"
       }, [
-        _.value > 0 ? (j(), U("div", {
+        d.value > 0 ? (j(), U("div", {
           key: 0,
           class: "vue-virtual-carousel__spacer",
-          style: ue({ flexBasis: `${_.value}px`, position: X.value ? "relative" : "absolute" }),
+          style: re({ flexBasis: `${d.value}px`, position: K.value ? "relative" : "absolute" }),
           "aria-hidden": "true"
-        }, null, 4)) : Ve("", !0),
-        (j(!0), U(Je, null, et(D.value, (g) => (j(), U("div", {
+        }, null, 4)) : Re("", !0),
+        (j(!0), U(et, null, nt(Ee.value, (g) => (j(), U("div", {
           key: g.key,
           ref_for: !0,
-          ref: (V) => Ie(V, g.index),
+          ref: (W) => xe(W, g.index),
           class: "vue-virtual-carousel__item",
           "data-carousel-index": g.index,
-          style: ue(z(g)),
+          style: re(w(g)),
           role: "listitem",
           "aria-roledescription": "slide",
           "aria-label": `${g.index + 1} of ${t.items.length}`,
@@ -1979,21 +1996,21 @@ const ha = ["dir", "aria-label"], ga = ["data-carousel-index", "aria-label", "ar
             index: g.index,
             active: g.index === n.value,
             visible: de(g.index),
-            inViewport: A.value.includes(g.index)
+            inViewport: b.value.includes(g.index)
           })
         ], 12, ga))), 128)),
-        p.value > 0 ? (j(), U("div", {
+        m.value > 0 ? (j(), U("div", {
           key: 1,
           class: "vue-virtual-carousel__spacer",
-          style: ue({ flexBasis: `${p.value}px`, position: X.value ? "relative" : "absolute" }),
+          style: re({ flexBasis: `${m.value}px`, position: K.value ? "relative" : "absolute" }),
           "aria-hidden": "true"
-        }, null, 4)) : Ve("", !0)
+        }, null, 4)) : Re("", !0)
       ], 4)) : (j(), U("div", pa, [
         Se(a.$slots, "empty")
       ]))
     ], 46, ha));
   }
-}), wa = ["aria-label"], xa = ["aria-posinset", "aria-setsize"], Ma = /* @__PURE__ */ Qe({
+}), wa = ["aria-label"], Ma = ["aria-posinset", "aria-setsize"], xa = /* @__PURE__ */ tt({
   name: "VirtualScroll",
   __name: "VirtualScroll",
   props: {
@@ -2013,209 +2030,209 @@ const ha = ["dir", "aria-label"], ga = ["data-carousel-index", "aria-label", "ar
   },
   emits: ["scroll", "loadMore", "refresh"],
   setup(t, { expose: s, emit: I }) {
-    const e = t, x = I, {
-      pulling: y,
-      pullDistance: M,
-      pullOffset: d,
-      pullProgress: c,
+    const e = t, z = I, {
+      pulling: x,
+      pullDistance: y,
+      pullOffset: r,
+      pullProgress: u,
       refreshMessage: n,
-      refreshThreshold: h,
-      handleTouchStart: $,
-      handleTouchMove: Y,
-      handleTouchEnd: A,
-      handleTouchCancel: P
+      refreshThreshold: M,
+      handleTouchStart: R,
+      handleTouchMove: D,
+      handleTouchEnd: b,
+      handleTouchCancel: A
     } = xt({
       enabled: () => e.pullToRefresh,
       refreshing: () => e.refreshing,
       threshold: () => e.pullRefreshThreshold,
-      onRefresh: () => x("refresh")
-    }), E = ee(), S = ee(0), B = ee(0);
-    let K, G = -1;
-    const te = wt(), { getItemKey: ce } = tt({
+      onRefresh: () => z("refresh")
+    }), C = X(), $ = X(0), B = X(0);
+    let V, G = -1;
+    const Y = Mt(), { getItemKey: se } = lt({
       componentName: "VirtualScroll",
       items: () => e.items,
       itemKey: () => e.itemKey
-    }), R = m(() => Math.max(1, e.itemSize)), fe = m(() => Math.max(0, Math.floor(e.overscan))), ne = m(
-      () => e.items.length * R.value
-    ), oe = m(
-      () => Math.max(1, e.loadingItemSize ?? R.value)
-    ), ie = m(
-      () => ne.value + (e.loading ? oe.value : 0)
-    ), H = m(() => B.value > 0 ? B.value : typeof e.height == "number" ? e.height : 0), le = m(
+    }), H = h(() => Math.max(1, e.itemSize)), ae = h(() => Math.max(0, Math.floor(e.overscan))), ne = h(
+      () => e.items.length * H.value
+    ), le = h(
+      () => Math.max(1, e.loadingItemSize ?? H.value)
+    ), ie = h(
+      () => ne.value + (e.loading ? le.value : 0)
+    ), te = h(() => B.value > 0 ? B.value : typeof e.height == "number" ? e.height : 0), ue = h(
       () => Math.max(
         0,
-        Math.floor(S.value / R.value) - fe.value
+        Math.floor($.value / H.value) - ae.value
       )
-    ), pe = m(() => {
-      const L = Math.ceil(
-        (S.value + H.value) / R.value
+    ), fe = h(() => {
+      const E = Math.ceil(
+        ($.value + te.value) / H.value
       );
       return Math.min(
         e.items.length,
-        L + fe.value
+        E + ae.value
       );
-    }), xe = m(
-      () => e.items.slice(le.value, pe.value).map((L, N) => ({
-        item: L,
-        index: le.value + N
+    }), he = h(
+      () => e.items.slice(ue.value, fe.value).map((E, F) => ({
+        item: E,
+        index: ue.value + F
       }))
-    ), he = m(() => ({
-      height: mt(e.height)
-    })), ae = m(() => ({
-      transform: `translateY(${le.value * R.value}px)`
+    ), ve = h(() => ({
+      height: gt(e.height)
+    })), J = h(() => ({
+      transform: `translateY(${ue.value * H.value}px)`
     }));
-    function F() {
-      var L;
-      B.value = ((L = E.value) == null ? void 0 : L.clientHeight) ?? 0, te(E.value, e.height), Z(C);
-    }
-    function b(L) {
-      S.value = L.currentTarget.scrollTop, x("scroll", {
-        scrollTop: S.value,
-        startIndex: le.value,
-        endIndex: pe.value
-      }), C();
-    }
-    function C() {
-      const L = E.value;
-      if (!L || !e.hasMore || e.loading || G === e.items.length)
+    function O() {
+      var E;
+      B.value = ((E = C.value) == null ? void 0 : E.clientHeight) ?? 0, Y(C.value, e.height), Z(P);
+    }
+    function S(E) {
+      $.value = E.currentTarget.scrollTop, z("scroll", {
+        scrollTop: $.value,
+        startIndex: ue.value,
+        endIndex: fe.value
+      }), P();
+    }
+    function P() {
+      const E = C.value;
+      if (!E || !e.hasMore || e.loading || G === e.items.length)
         return;
-      const N = Math.max(0, e.loadMoreThreshold);
-      ie.value - L.scrollTop - L.clientHeight <= N && (G = e.items.length, x("loadMore"));
-    }
-    function se(L, N = {}) {
-      const J = E.value;
-      if (!J) return;
-      const Me = Math.max(0, ie.value - J.clientHeight), $e = Math.min(
-        Math.max(0, Number.isFinite(L) ? L : 0),
-        Me
-      ), be = N.behavior ?? "auto";
-      be === "auto" && (S.value = $e), J.scrollTo({ ...N, top: $e, behavior: be });
-    }
-    function ve(L, N = {}) {
-      const J = E.value;
-      if (!J || e.items.length === 0) return;
-      const Me = Math.min(
+      const F = Math.max(0, e.loadMoreThreshold);
+      ie.value - E.scrollTop - E.clientHeight <= F && (G = e.items.length, z("loadMore"));
+    }
+    function oe(E, F = {}) {
+      const _ = C.value;
+      if (!_) return;
+      const pe = Math.max(0, ie.value - _.clientHeight), ze = Math.min(
+        Math.max(0, Number.isFinite(E) ? E : 0),
+        pe
+      ), be = F.behavior ?? "auto";
+      be === "auto" && ($.value = ze), _.scrollTo({ ...F, top: ze, behavior: be });
+    }
+    function me(E, F = {}) {
+      const _ = C.value;
+      if (!_ || e.items.length === 0) return;
+      const pe = Math.min(
         e.items.length - 1,
-        Math.max(0, Math.floor(L))
-      ), { align: $e = "start", ...be } = N;
-      let ye = Me * R.value;
-      $e === "center" ? ye -= (J.clientHeight - R.value) / 2 : $e === "end" && (ye -= J.clientHeight - R.value), J.scrollTo({
+        Math.max(0, Math.floor(E))
+      ), { align: ze = "start", ...be } = F;
+      let Me = pe * H.value;
+      ze === "center" ? Me -= (_.clientHeight - H.value) / 2 : ze === "end" && (Me -= _.clientHeight - H.value), _.scrollTo({
         ...be,
-        top: Math.max(0, Math.min(ye, ie.value - J.clientHeight))
+        top: Math.max(0, Math.min(Me, ie.value - _.clientHeight))
       });
     }
-    function ke(L = "auto") {
-      var N;
-      (N = E.value) == null || N.scrollTo({ top: 0, behavior: L });
+    function Ae(E = "auto") {
+      var F;
+      (F = C.value) == null || F.scrollTo({ top: 0, behavior: E });
     }
-    return we(
+    return ye(
       () => [e.items.length, e.itemSize],
       async () => {
         await Z();
-        const L = E.value;
-        if (!L) return;
-        const N = Math.max(0, ie.value - L.clientHeight);
-        L.scrollTop > N && (L.scrollTop = N, S.value = N), C();
+        const E = C.value;
+        if (!E) return;
+        const F = Math.max(0, ie.value - E.clientHeight);
+        E.scrollTop > F && (E.scrollTop = F, $.value = F), P();
       }
-    ), we(
+    ), ye(
       () => [e.hasMore, e.loading],
-      async ([L]) => {
-        L || (G = -1), await Z(), C();
+      async ([E]) => {
+        E || (G = -1), await Z(), P();
       }
-    ), _e(() => {
-      F(), typeof ResizeObserver < "u" && E.value && (K = new ResizeObserver(F), K.observe(E.value)), Z(C);
-    }), qe(() => {
-      K && (K.disconnect(), K = void 0);
+    ), at(() => {
+      O(), typeof ResizeObserver < "u" && C.value && (V = new ResizeObserver(O), V.observe(C.value)), Z(P);
+    }), Xe(() => {
+      V && (V.disconnect(), V = void 0);
     }), s({
-      scrollTo: se,
-      scrollToIndex: ve,
-      scrollToTop: ke
-    }), (L, N) => (j(), U("div", {
+      scrollTo: oe,
+      scrollToIndex: me,
+      scrollToTop: Ae
+    }), (E, F) => (j(), U("div", {
       ref_key: "viewport",
-      ref: E,
-      class: ot(["vue-virtual-scroll", { "vue-virtual-scroll--pulling": f(y) }]),
-      style: ue(he.value),
+      ref: C,
+      class: st(["vue-virtual-scroll", { "vue-virtual-scroll--pulling": f(x) }]),
+      style: re(ve.value),
       role: "list",
       "aria-label": t.ariaLabel,
       tabindex: "0",
-      onScrollPassive: b,
-      onTouchstartPassive: N[0] || (N[0] = //@ts-ignore
-      (...J) => f($) && f($)(...J)),
-      onTouchmove: N[1] || (N[1] = //@ts-ignore
-      (...J) => f(Y) && f(Y)(...J)),
-      onTouchend: N[2] || (N[2] = //@ts-ignore
-      (...J) => f(A) && f(A)(...J)),
-      onTouchcancel: N[3] || (N[3] = //@ts-ignore
-      (...J) => f(P) && f(P)(...J))
+      onScrollPassive: S,
+      onTouchstartPassive: F[0] || (F[0] = //@ts-ignore
+      (..._) => f(R) && f(R)(..._)),
+      onTouchmove: F[1] || (F[1] = //@ts-ignore
+      (..._) => f(D) && f(D)(..._)),
+      onTouchend: F[2] || (F[2] = //@ts-ignore
+      (..._) => f(b) && f(b)(..._)),
+      onTouchcancel: F[3] || (F[3] = //@ts-ignore
+      (..._) => f(A) && f(A)(..._))
     }, [
       t.pullToRefresh || t.refreshing ? (j(), U("div", {
         key: 0,
         class: "vue-virtual-scroll__refresh",
-        style: ue({
-          height: `${f(h)}px`,
-          transform: `translateY(${f(d) - f(h)}px)`
+        style: re({
+          height: `${f(M)}px`,
+          transform: `translateY(${f(r) - f(M)}px)`
         }),
         role: "status",
         "aria-live": "polite"
       }, [
-        Se(L.$slots, "refresh", {
-          pullDistance: f(M),
-          progress: f(c),
+        Se(E.$slots, "refresh", {
+          pullDistance: f(y),
+          progress: f(u),
           refreshing: t.refreshing
         }, () => [
-          Ue(vt(f(n)), 1)
+          Ge(ht(f(n)), 1)
         ])
-      ], 4)) : Ve("", !0),
+      ], 4)) : Re("", !0),
       t.items.length || t.loading ? (j(), U("div", {
         key: 1,
         class: "vue-virtual-scroll__spacer",
-        style: ue({
+        style: re({
           height: `${ie.value}px`,
-          transform: `translateY(${f(d)}px)`
+          transform: `translateY(${f(r)}px)`
         })
       }, [
-        lt("div", {
+        rt("div", {
           class: "vue-virtual-scroll__content",
-          style: ue(ae.value)
+          style: re(J.value)
         }, [
-          (j(!0), U(Je, null, et(xe.value, ({ item: J, index: Me }) => (j(), U("div", {
-            key: f(ce)(J, Me),
+          (j(!0), U(et, null, nt(he.value, ({ item: _, index: pe }) => (j(), U("div", {
+            key: f(se)(_, pe),
             class: "vue-virtual-scroll__item",
-            style: ue({ height: `${R.value}px` }),
+            style: re({ height: `${H.value}px` }),
             role: "listitem",
-            "aria-posinset": Me + 1,
+            "aria-posinset": pe + 1,
             "aria-setsize": t.items.length
           }, [
-            Se(L.$slots, "default", {
-              item: J,
-              index: Me
+            Se(E.$slots, "default", {
+              item: _,
+              index: pe
             })
-          ], 12, xa))), 128))
+          ], 12, Ma))), 128))
         ], 4),
         t.loading ? (j(), U("div", {
           key: 0,
           class: "vue-virtual-scroll__loading",
-          style: ue({
-            height: `${oe.value}px`,
+          style: re({
+            height: `${le.value}px`,
             transform: `translateY(${ne.value}px)`
           }),
           role: "status",
           "aria-live": "polite"
         }, [
-          Se(L.$slots, "loading", {}, () => [
-            N[4] || (N[4] = Ue("Loading more…", -1))
+          Se(E.$slots, "loading", {}, () => [
+            F[4] || (F[4] = Ge("Loading more…", -1))
           ])
-        ], 4)) : Ve("", !0)
+        ], 4)) : Re("", !0)
       ], 4)) : (j(), U("div", {
         key: 2,
         class: "vue-virtual-scroll__empty",
-        style: ue({ transform: `translateY(${f(d)}px)` })
+        style: re({ transform: `translateY(${f(r)}px)` })
       }, [
-        Se(L.$slots, "empty")
+        Se(E.$slots, "empty")
       ], 4))
     ], 46, wa));
   }
-}), Ta = ["aria-label"], ba = ["aria-posinset", "aria-setsize"], Sa = /* @__PURE__ */ Qe({
+}), Ta = ["aria-label"], ba = ["aria-posinset", "aria-setsize"], Sa = /* @__PURE__ */ tt({
   name: "WindowDynamicVirtualScroll",
   __name: "WindowDynamicVirtualScroll",
   props: {
@@ -2234,328 +2251,328 @@ const ha = ["dir", "aria-label"], ga = ["data-carousel-index", "aria-label", "ar
   },
   emits: ["scroll", "loadMore", "refresh"],
   setup(t, { expose: s, emit: I }) {
-    const e = t, x = I, y = ee(), M = ee(0), d = ee(0), c = ee(0), n = ee(0), h = /* @__PURE__ */ new Map(), $ = /* @__PURE__ */ new Map(), Y = /* @__PURE__ */ new Map();
-    let A, P, E, S, B = !1, K = !1, G = -1;
-    const { getItemKey: te } = tt({
+    const e = t, z = I, x = X(), y = X(0), r = X(0), u = X(0), n = X(0), M = /* @__PURE__ */ new Map(), R = /* @__PURE__ */ new Map(), D = /* @__PURE__ */ new Map();
+    let b, A, C, $, B = !1, V = !1, G = -1;
+    const { getItemKey: Y } = lt({
       componentName: "WindowDynamicVirtualScroll",
       items: () => e.items,
       itemKey: () => e.itemKey
     });
-    function ce(p) {
+    function se(m) {
       return typeof window.requestAnimationFrame == "function" ? {
-        id: window.requestAnimationFrame(p),
+        id: window.requestAnimationFrame(m),
         type: "animation"
       } : {
-        id: window.setTimeout(p, 0),
+        id: window.setTimeout(m, 0),
         type: "timeout"
       };
     }
-    function R(p) {
-      p && (p.type === "animation" ? window.cancelAnimationFrame(p.id) : window.clearTimeout(p.id));
+    function H(m) {
+      m && (m.type === "animation" ? window.cancelAnimationFrame(m.id) : window.clearTimeout(m.id));
     }
     const {
-      pulling: fe,
+      pulling: ae,
       pullDistance: ne,
-      pullOffset: oe,
+      pullOffset: le,
       pullProgress: ie,
-      refreshMessage: H,
-      refreshThreshold: le,
-      handleTouchStart: pe,
-      handleTouchMove: xe,
-      handleTouchEnd: he,
-      handleTouchCancel: ae
+      refreshMessage: te,
+      refreshThreshold: ue,
+      handleTouchStart: fe,
+      handleTouchMove: he,
+      handleTouchEnd: ve,
+      handleTouchCancel: J
     } = xt({
       enabled: () => e.pullToRefresh,
       refreshing: () => e.refreshing,
       threshold: () => e.pullRefreshThreshold,
-      onRefresh: () => x("refresh"),
+      onRefresh: () => z("refresh"),
       scrollTop: () => typeof window > "u" ? 0 : Math.max(0, window.scrollY)
-    }), F = m(
+    }), O = h(
       () => Math.max(1, e.estimatedItemSize)
-    ), b = m(
-      () => Math.max(1, e.loadingItemSize ?? F.value)
-    ), C = m(() => Math.max(0, Math.floor(e.overscan))), se = m(() => {
+    ), S = h(
+      () => Math.max(1, e.loadingItemSize ?? O.value)
+    ), P = h(() => Math.max(0, Math.floor(e.overscan))), oe = h(() => {
       n.value;
-      const p = new Array(e.items.length + 1), z = new Array(e.items.length);
-      p[0] = 0;
+      const m = new Array(e.items.length + 1), w = new Array(e.items.length);
+      m[0] = 0;
       for (let k = 0; k < e.items.length; k += 1) {
-        const me = te(e.items[k], k), W = h.get(me) ?? F.value;
-        z[k] = W, p[k + 1] = p[k] + W;
+        const ee = Y(e.items[k], k), L = M.get(ee) ?? O.value;
+        w[k] = L, m[k + 1] = m[k] + L;
       }
       return {
-        offsets: p,
-        sizes: z,
-        total: p[e.items.length] ?? 0
+        offsets: m,
+        sizes: w,
+        total: m[e.items.length] ?? 0
       };
-    }), ve = m(
-      () => se.value.total + (e.loading ? b.value : 0)
-    ), ke = m(() => {
-      const p = /* @__PURE__ */ new Map();
-      return e.items.forEach((z, k) => {
-        p.set(te(z, k), k);
-      }), p;
-    }), L = m(
-      () => Math.max(0, M.value - c.value)
+    }), me = h(
+      () => oe.value.total + (e.loading ? S.value : 0)
+    ), Ae = h(() => {
+      const m = /* @__PURE__ */ new Map();
+      return e.items.forEach((w, k) => {
+        m.set(Y(w, k), k);
+      }), m;
+    }), E = h(
+      () => Math.max(0, y.value - u.value)
     );
-    function N(p) {
+    function F(m) {
       if (e.items.length === 0) return 0;
-      const z = se.value.offsets;
-      let k = 0, me = e.items.length;
-      for (; k < me; ) {
-        const W = Math.floor((k + me) / 2);
-        z[W + 1] <= p ? k = W + 1 : me = W;
+      const w = oe.value.offsets;
+      let k = 0, ee = e.items.length;
+      for (; k < ee; ) {
+        const L = Math.floor((k + ee) / 2);
+        w[L + 1] <= m ? k = L + 1 : ee = L;
       }
       return Math.min(k, e.items.length - 1);
     }
-    const J = m(
+    const _ = h(
       () => Math.max(
         0,
-        N(L.value) - C.value
+        F(E.value) - P.value
       )
-    ), Me = m(() => {
+    ), pe = h(() => {
       if (e.items.length === 0) return 0;
-      const p = M.value + d.value - c.value, z = Math.max(
-        F.value,
-        p
-      ), k = N(z) + 1;
+      const m = y.value + r.value - u.value, w = Math.max(
+        O.value,
+        m
+      ), k = F(w) + 1;
       return Math.min(
         e.items.length,
-        k + C.value
+        k + P.value
       );
-    }), $e = m(
-      () => e.items.slice(J.value, Me.value).map((p, z) => {
-        const k = J.value + z;
+    }), ze = h(
+      () => e.items.slice(_.value, pe.value).map((m, w) => {
+        const k = _.value + w;
         return {
-          item: p,
+          item: m,
           index: k,
-          key: te(p, k),
-          top: se.value.offsets[k]
+          key: Y(m, k),
+          top: oe.value.offsets[k]
         };
       })
     );
     function be() {
-      typeof window > "u" || (M.value = Math.max(0, window.scrollY), d.value = window.innerHeight, y.value && (c.value = y.value.getBoundingClientRect().top + M.value));
+      typeof window > "u" || (y.value = Math.max(0, window.scrollY), r.value = window.innerHeight, x.value && (u.value = x.value.getBoundingClientRect().top + y.value));
     }
-    function ye() {
-      x("scroll", {
-        scrollTop: L.value,
-        startIndex: J.value,
-        endIndex: Me.value
+    function Me() {
+      z("scroll", {
+        scrollTop: E.value,
+        startIndex: _.value,
+        endIndex: pe.value
       });
     }
-    function re(p = !1) {
-      K && (B || (B = p), !E && (E = ce(() => {
-        E = void 0, be(), B && (B = !1, ye()), T();
+    function ce(m = !1) {
+      V && (B || (B = m), !C && (C = se(() => {
+        C = void 0, be(), B && (B = !1, Me()), T();
       })));
     }
     function de() {
-      re(!0);
+      ce(!0);
     }
     function v() {
-      re();
+      ce();
     }
     function T() {
       if (typeof window > "u" || !e.hasMore || e.loading || G === e.items.length)
         return;
-      const p = Math.max(0, e.loadMoreThreshold), z = c.value + ve.value, k = M.value + d.value;
-      z - k <= p && (G = e.items.length, x("loadMore"));
+      const m = Math.max(0, e.loadMoreThreshold), w = u.value + me.value, k = y.value + r.value;
+      w - k <= m && (G = e.items.length, z("loadMore"));
     }
-    function r(p) {
-      const z = p.borderBoxSize;
-      if (z) {
-        const k = Array.isArray(z) ? z[0] : z;
+    function i(m) {
+      const w = m.borderBoxSize;
+      if (w) {
+        const k = Array.isArray(w) ? w[0] : w;
         if (k != null && k.blockSize) return k.blockSize;
       }
-      return p.contentRect.height;
-    }
-    function q(p) {
-      const z = se.value;
-      let k = 0, me = !1;
-      for (const W of p) {
-        const Ie = W.target, ge = $.get(Ie), Le = r(W);
-        if (ge === void 0 || Le <= 0) continue;
-        const He = h.get(ge) ?? F.value;
-        if (Math.abs(He - Le) < 0.5) continue;
-        const Oe = ke.value.get(ge);
-        Oe !== void 0 && z.offsets[Oe + 1] <= L.value && (k += Le - He), h.set(ge, Le), me = !0;
+      return m.contentRect.height;
+    }
+    function q(m) {
+      const w = oe.value;
+      let k = 0, ee = !1;
+      for (const L of m) {
+        const xe = L.target, we = R.get(xe), $e = i(L);
+        if (we === void 0 || $e <= 0) continue;
+        const De = M.get(we) ?? O.value;
+        if (Math.abs(De - $e) < 0.5) continue;
+        const Ie = Ae.value.get(we);
+        Ie !== void 0 && w.offsets[Ie + 1] <= E.value && (k += $e - De), M.set(we, $e), ee = !0;
       }
-      me && (n.value += 1, Z(() => {
-        if (K) {
+      ee && (n.value += 1, Z(() => {
+        if (V) {
           if (k !== 0 && typeof window < "u") {
-            const W = Math.max(
+            const L = Math.max(
               0,
-              M.value + k
+              y.value + k
             );
-            M.value = W, window.scrollTo({ top: W, behavior: "auto" });
+            y.value = L, window.scrollTo({ top: L, behavior: "auto" });
           }
           be(), T();
         }
       }));
     }
-    function Q(p) {
-      if (K) {
-        for (const z of p)
-          Y.set(z.target, z);
-        S || (S = ce(() => {
-          S = void 0;
-          const z = Array.from(Y.values());
-          Y.clear(), q(z);
+    function Q(m) {
+      if (V) {
+        for (const w of m)
+          D.set(w.target, w);
+        $ || ($ = se(() => {
+          $ = void 0;
+          const w = Array.from(D.values());
+          D.clear(), q(w);
         }));
       }
     }
-    function ze(p, z) {
-      p instanceof HTMLElement && ($.set(p, z), P == null || P.observe(p));
+    function ke(m, w) {
+      m instanceof HTMLElement && (R.set(m, w), A == null || A.observe(m));
     }
-    function i() {
-      for (const [p] of $)
-        p.isConnected || (P == null || P.unobserve(p), $.delete(p));
+    function ge() {
+      for (const [m] of R)
+        m.isConnected || (A == null || A.unobserve(m), R.delete(m));
     }
-    function D(p, z = {}) {
+    function Ee(m, w = {}) {
       if (typeof window > "u") return;
       be();
-      const k = Math.max(0, ve.value - d.value), me = Math.min(
-        Math.max(0, Number.isFinite(p) ? p : 0),
+      const k = Math.max(0, me.value - r.value), ee = Math.min(
+        Math.max(0, Number.isFinite(m) ? m : 0),
         k
-      ), W = Math.max(0, c.value + me), Ie = z.behavior ?? "auto";
-      Ie === "auto" && (M.value = W), window.scrollTo({ ...z, top: W, behavior: Ie });
+      ), L = Math.max(0, u.value + ee), xe = w.behavior ?? "auto";
+      xe === "auto" && (y.value = L), window.scrollTo({ ...w, top: L, behavior: xe });
     }
-    function _(p, z = {}) {
+    function d(m, w = {}) {
       if (typeof window > "u" || e.items.length === 0) return;
       be();
       const k = Math.min(
         e.items.length - 1,
-        Math.max(0, Math.floor(p))
-      ), { align: me = "start", ...W } = z, Ie = se.value.sizes[k];
-      let ge = c.value + se.value.offsets[k];
-      me === "center" ? ge -= (d.value - Ie) / 2 : me === "end" && (ge -= d.value - Ie);
-      const Le = Math.max(
-        c.value,
-        c.value + ve.value - d.value
-      ), He = Math.max(0, Math.min(ge, Le)), Oe = W.behavior ?? "auto";
-      Oe === "auto" && (M.value = He), window.scrollTo({
-        ...W,
-        top: He,
-        behavior: Oe
+        Math.max(0, Math.floor(m))
+      ), { align: ee = "start", ...L } = w, xe = oe.value.sizes[k];
+      let we = u.value + oe.value.offsets[k];
+      ee === "center" ? we -= (r.value - xe) / 2 : ee === "end" && (we -= r.value - xe);
+      const $e = Math.max(
+        u.value,
+        u.value + me.value - r.value
+      ), De = Math.max(0, Math.min(we, $e)), Ie = L.behavior ?? "auto";
+      Ie === "auto" && (y.value = De), window.scrollTo({
+        ...L,
+        top: De,
+        behavior: Ie
       });
     }
-    function X(p = "auto") {
-      typeof window > "u" || (be(), window.scrollTo({ top: Math.max(0, c.value), behavior: p }));
+    function K(m = "auto") {
+      typeof window > "u" || (be(), window.scrollTo({ top: Math.max(0, u.value), behavior: m }));
     }
-    return we(
+    return ye(
       () => e.itemKey,
       () => {
-        h.clear(), n.value += 1, G = -1;
+        M.clear(), n.value += 1, G = -1;
       }
-    ), we(
-      () => e.items.map((p, z) => te(p, z)),
-      async (p, z) => {
-        const k = p.length !== z.length || p.some((W, Ie) => W !== z[Ie]), me = new Set(p);
-        for (const W of h.keys())
-          me.has(W) || h.delete(W);
-        k && (G = -1), n.value += 1, await Z(), K && (be(), T());
+    ), ye(
+      () => e.items.map((m, w) => Y(m, w)),
+      async (m, w) => {
+        const k = m.length !== w.length || m.some((L, xe) => L !== w[xe]), ee = new Set(m);
+        for (const L of M.keys())
+          ee.has(L) || M.delete(L);
+        k && (G = -1), n.value += 1, await Z(), V && (be(), T());
       }
-    ), we(
+    ), ye(
       () => [e.hasMore, e.loading],
-      async ([p]) => {
-        p || (G = -1), await Z(), K && (be(), T());
+      async ([m]) => {
+        m || (G = -1), await Z(), V && (be(), T());
       }
-    ), _e(() => {
-      if (K = !0, be(), window.addEventListener("scroll", de, { passive: !0 }), window.addEventListener("resize", v, { passive: !0 }), typeof ResizeObserver < "u") {
-        A = new ResizeObserver(() => {
-          re();
-        }), P = new ResizeObserver(Q), y.value && A.observe(y.value);
-        for (const [p] of $)
-          P.observe(p);
+    ), at(() => {
+      if (V = !0, be(), window.addEventListener("scroll", de, { passive: !0 }), window.addEventListener("resize", v, { passive: !0 }), typeof ResizeObserver < "u") {
+        b = new ResizeObserver(() => {
+          ce();
+        }), A = new ResizeObserver(Q), x.value && b.observe(x.value);
+        for (const [m] of R)
+          A.observe(m);
       }
       Z(() => {
-        K && T();
+        V && T();
       });
-    }), $t(i), qe(() => {
-      K = !1, window.removeEventListener("scroll", de), window.removeEventListener("resize", v), R(E), R(S), E = void 0, S = void 0, B = !1, Y.clear(), A && (A.disconnect(), A = void 0), P && (P.disconnect(), P = void 0), $.clear();
+    }), $t(ge), Xe(() => {
+      V = !1, window.removeEventListener("scroll", de), window.removeEventListener("resize", v), H(C), H($), C = void 0, $ = void 0, B = !1, D.clear(), b && (b.disconnect(), b = void 0), A && (A.disconnect(), A = void 0), R.clear();
     }), s({
-      scrollTo: D,
-      scrollToIndex: _,
-      scrollToTop: X
-    }), (p, z) => (j(), U("div", {
+      scrollTo: Ee,
+      scrollToIndex: d,
+      scrollToTop: K
+    }), (m, w) => (j(), U("div", {
       ref_key: "root",
-      ref: y,
-      class: ot(["vue-window-dynamic-virtual-scroll", { "vue-window-dynamic-virtual-scroll--pulling": f(fe) }]),
+      ref: x,
+      class: st(["vue-window-dynamic-virtual-scroll", { "vue-window-dynamic-virtual-scroll--pulling": f(ae) }]),
       role: "list",
       "aria-label": t.ariaLabel,
-      onTouchstartPassive: z[0] || (z[0] = //@ts-ignore
-      (...k) => f(pe) && f(pe)(...k)),
-      onTouchmove: z[1] || (z[1] = //@ts-ignore
-      (...k) => f(xe) && f(xe)(...k)),
-      onTouchend: z[2] || (z[2] = //@ts-ignore
+      onTouchstartPassive: w[0] || (w[0] = //@ts-ignore
+      (...k) => f(fe) && f(fe)(...k)),
+      onTouchmove: w[1] || (w[1] = //@ts-ignore
       (...k) => f(he) && f(he)(...k)),
-      onTouchcancel: z[3] || (z[3] = //@ts-ignore
-      (...k) => f(ae) && f(ae)(...k))
+      onTouchend: w[2] || (w[2] = //@ts-ignore
+      (...k) => f(ve) && f(ve)(...k)),
+      onTouchcancel: w[3] || (w[3] = //@ts-ignore
+      (...k) => f(J) && f(J)(...k))
     }, [
       t.pullToRefresh || t.refreshing ? (j(), U("div", {
         key: 0,
         class: "vue-window-dynamic-virtual-scroll__refresh",
-        style: ue({
-          height: `${f(le)}px`,
-          transform: `translateY(${f(oe) - f(le)}px)`
+        style: re({
+          height: `${f(ue)}px`,
+          transform: `translateY(${f(le) - f(ue)}px)`
         }),
         role: "status",
         "aria-live": "polite"
       }, [
-        Se(p.$slots, "refresh", {
+        Se(m.$slots, "refresh", {
           pullDistance: f(ne),
           progress: f(ie),
           refreshing: t.refreshing
         }, () => [
-          Ue(vt(f(H)), 1)
+          Ge(ht(f(te)), 1)
         ])
-      ], 4)) : Ve("", !0),
+      ], 4)) : Re("", !0),
       t.items.length || t.loading ? (j(), U("div", {
         key: 1,
         class: "vue-window-dynamic-virtual-scroll__spacer",
-        style: ue({
-          height: `${ve.value}px`,
-          transform: `translateY(${f(oe)}px)`
+        style: re({
+          height: `${me.value}px`,
+          transform: `translateY(${f(le)}px)`
         })
       }, [
-        (j(!0), U(Je, null, et($e.value, ({ item: k, index: me, key: W, top: Ie }) => (j(), U("div", {
-          key: W,
+        (j(!0), U(et, null, nt(ze.value, ({ item: k, index: ee, key: L, top: xe }) => (j(), U("div", {
+          key: L,
           ref_for: !0,
-          ref: (ge) => ze(ge, W),
+          ref: (we) => ke(we, L),
           class: "vue-window-dynamic-virtual-scroll__item",
-          style: ue({ transform: `translateY(${Ie}px)` }),
+          style: re({ transform: `translateY(${xe}px)` }),
           role: "listitem",
-          "aria-posinset": me + 1,
+          "aria-posinset": ee + 1,
           "aria-setsize": t.items.length
         }, [
-          Se(p.$slots, "default", {
+          Se(m.$slots, "default", {
             item: k,
-            index: me
+            index: ee
           })
         ], 12, ba))), 128)),
         t.loading ? (j(), U("div", {
           key: 0,
           class: "vue-window-dynamic-virtual-scroll__loading",
-          style: ue({
-            height: `${b.value}px`,
-            transform: `translateY(${se.value.total}px)`
+          style: re({
+            height: `${S.value}px`,
+            transform: `translateY(${oe.value.total}px)`
           }),
           role: "status",
           "aria-live": "polite"
         }, [
-          Se(p.$slots, "loading", {}, () => [
-            z[4] || (z[4] = Ue("Loading more…", -1))
+          Se(m.$slots, "loading", {}, () => [
+            w[4] || (w[4] = Ge("Loading more…", -1))
           ])
-        ], 4)) : Ve("", !0)
+        ], 4)) : Re("", !0)
       ], 4)) : (j(), U("div", {
         key: 2,
         class: "vue-window-dynamic-virtual-scroll__empty",
-        style: ue({ transform: `translateY(${f(oe)}px)` })
+        style: re({ transform: `translateY(${f(le)}px)` })
       }, [
-        Se(p.$slots, "empty")
+        Se(m.$slots, "empty")
       ], 4))
     ], 42, Ta));
   }
-}), Ia = ["aria-label"], za = ["aria-posinset", "aria-setsize"], ka = /* @__PURE__ */ Qe({
+}), Ia = ["aria-label"], za = ["aria-posinset", "aria-setsize"], ka = /* @__PURE__ */ tt({
   name: "WindowGirdVirtualScroll",
   __name: "WindowGirdVirtualScroll",
   props: {
@@ -2576,132 +2593,132 @@ const ha = ["dir", "aria-label"], ga = ["data-carousel-index", "aria-label", "ar
   },
   emits: ["scroll", "loadMore", "refresh"],
   setup(t, { expose: s, emit: I }) {
-    const e = t, x = I, y = ee(), M = ee(0), d = ee(0), c = ee(0);
-    let n, h = -1;
-    const { getItemKey: $ } = tt({
+    const e = t, z = I, x = X(), y = X(0), r = X(0), u = X(0);
+    let n, M = -1;
+    const { getItemKey: R } = lt({
       componentName: "WindowGirdVirtualScroll",
       items: () => e.items,
       itemKey: () => e.itemKey
     }), {
-      pulling: Y,
-      pullDistance: A,
-      pullOffset: P,
-      pullProgress: E,
-      refreshMessage: S,
+      pulling: D,
+      pullDistance: b,
+      pullOffset: A,
+      pullProgress: C,
+      refreshMessage: $,
       refreshThreshold: B,
-      handleTouchStart: K,
+      handleTouchStart: V,
       handleTouchMove: G,
-      handleTouchEnd: te,
-      handleTouchCancel: ce
+      handleTouchEnd: Y,
+      handleTouchCancel: se
     } = xt({
       enabled: () => e.pullToRefresh,
       refreshing: () => e.refreshing,
       threshold: () => e.pullRefreshThreshold,
-      onRefresh: () => x("refresh"),
+      onRefresh: () => z("refresh"),
       scrollTop: () => typeof window > "u" ? 0 : Math.max(0, window.scrollY)
-    }), R = m(() => Math.max(1, e.itemSize)), fe = m(
+    }), H = h(() => Math.max(1, e.itemSize)), ae = h(
       () => Math.max(1, Math.floor(e.columns))
-    ), ne = m(() => Math.max(0, e.gap)), oe = m(() => Math.max(0, Math.floor(e.overscan))), ie = m(
-      () => Math.max(1, e.loadingItemSize ?? R.value)
-    ), H = m(
-      () => R.value + ne.value
-    ), le = m(
-      () => Math.ceil(e.items.length / fe.value)
-    ), pe = m(() => le.value === 0 ? 0 : le.value * R.value + (le.value - 1) * ne.value), xe = m(
-      () => pe.value + (e.items.length ? ne.value : 0)
-    ), he = m(
-      () => pe.value + (e.loading ? ie.value + (e.items.length ? ne.value : 0) : 0)
-    ), ae = m(
-      () => Math.max(0, M.value - c.value)
-    ), F = m(
+    ), ne = h(() => Math.max(0, e.gap)), le = h(() => Math.max(0, Math.floor(e.overscan))), ie = h(
+      () => Math.max(1, e.loadingItemSize ?? H.value)
+    ), te = h(
+      () => H.value + ne.value
+    ), ue = h(
+      () => Math.ceil(e.items.length / ae.value)
+    ), fe = h(() => ue.value === 0 ? 0 : ue.value * H.value + (ue.value - 1) * ne.value), he = h(
+      () => fe.value + (e.items.length ? ne.value : 0)
+    ), ve = h(
+      () => fe.value + (e.loading ? ie.value + (e.items.length ? ne.value : 0) : 0)
+    ), J = h(
+      () => Math.max(0, y.value - u.value)
+    ), O = h(
       () => Math.max(
         0,
-        Math.floor(ae.value / H.value) - oe.value
+        Math.floor(J.value / te.value) - le.value
       )
-    ), b = m(() => {
-      if (le.value === 0) return 0;
-      const re = Math.max(
-        R.value,
-        M.value + d.value - c.value
+    ), S = h(() => {
+      if (ue.value === 0) return 0;
+      const ce = Math.max(
+        H.value,
+        y.value + r.value - u.value
       ), de = Math.ceil(
-        (re + ne.value) / H.value
+        (ce + ne.value) / te.value
       );
       return Math.min(
-        le.value,
-        de + oe.value
+        ue.value,
+        de + le.value
       );
-    }), C = m(
-      () => Math.min(e.items.length, F.value * fe.value)
-    ), se = m(
-      () => Math.min(e.items.length, b.value * fe.value)
-    ), ve = m(
-      () => e.items.slice(C.value, se.value).map((re, de) => {
-        const v = C.value + de;
+    }), P = h(
+      () => Math.min(e.items.length, O.value * ae.value)
+    ), oe = h(
+      () => Math.min(e.items.length, S.value * ae.value)
+    ), me = h(
+      () => e.items.slice(P.value, oe.value).map((ce, de) => {
+        const v = P.value + de;
         return {
-          item: re,
+          item: ce,
           index: v,
-          key: $(re, v),
-          rowIndex: Math.floor(v / fe.value),
-          columnIndex: v % fe.value
+          key: R(ce, v),
+          rowIndex: Math.floor(v / ae.value),
+          columnIndex: v % ae.value
         };
       })
-    ), ke = m(() => ({
-      gridTemplateColumns: `repeat(${fe.value}, minmax(0, 1fr))`,
+    ), Ae = h(() => ({
+      gridTemplateColumns: `repeat(${ae.value}, minmax(0, 1fr))`,
       columnGap: `${ne.value}px`,
       rowGap: `${ne.value}px`,
-      transform: `translateY(${F.value * H.value}px)`
+      transform: `translateY(${O.value * te.value}px)`
     }));
-    function L() {
-      typeof window > "u" || (M.value = Math.max(0, window.scrollY), d.value = window.innerHeight, y.value && (c.value = y.value.getBoundingClientRect().top + M.value));
+    function E() {
+      typeof window > "u" || (y.value = Math.max(0, window.scrollY), r.value = window.innerHeight, x.value && (u.value = x.value.getBoundingClientRect().top + y.value));
     }
-    function N() {
-      x("scroll", {
-        scrollTop: ae.value,
-        startIndex: C.value,
-        endIndex: se.value
+    function F() {
+      z("scroll", {
+        scrollTop: J.value,
+        startIndex: P.value,
+        endIndex: oe.value
       });
     }
-    function J() {
-      L(), N(), Me();
+    function _() {
+      E(), F(), pe();
     }
-    function Me() {
-      if (typeof window > "u" || !e.hasMore || e.loading || h === e.items.length)
+    function pe() {
+      if (typeof window > "u" || !e.hasMore || e.loading || M === e.items.length)
         return;
-      const re = Math.max(0, e.loadMoreThreshold), de = c.value + he.value, v = M.value + d.value;
-      de - v <= re && (h = e.items.length, x("loadMore"));
+      const ce = Math.max(0, e.loadMoreThreshold), de = u.value + ve.value, v = y.value + r.value;
+      de - v <= ce && (M = e.items.length, z("loadMore"));
     }
-    function $e(re, de = {}) {
+    function ze(ce, de = {}) {
       if (typeof window > "u") return;
-      L();
-      const v = Math.max(0, he.value - d.value), T = Math.min(
-        Math.max(0, Number.isFinite(re) ? re : 0),
+      E();
+      const v = Math.max(0, ve.value - r.value), T = Math.min(
+        Math.max(0, Number.isFinite(ce) ? ce : 0),
         v
-      ), r = Math.max(0, c.value + T), q = de.behavior ?? "auto";
-      q === "auto" && (M.value = r), window.scrollTo({ ...de, top: r, behavior: q });
+      ), i = Math.max(0, u.value + T), q = de.behavior ?? "auto";
+      q === "auto" && (y.value = i), window.scrollTo({ ...de, top: i, behavior: q });
     }
-    function be(re, de = {}) {
+    function be(ce, de = {}) {
       if (typeof window > "u" || e.items.length === 0) return;
-      L();
+      E();
       const v = Math.min(
         e.items.length - 1,
-        Math.max(0, Math.floor(re))
-      ), T = Math.floor(v / fe.value), { align: r = "start", ...q } = de;
-      let Q = c.value + T * H.value;
-      r === "center" ? Q -= (d.value - R.value) / 2 : r === "end" && (Q -= d.value - R.value);
-      const ze = Math.max(
-        c.value,
-        c.value + he.value - d.value
-      ), i = Math.max(0, Math.min(Q, ze)), D = q.behavior ?? "auto";
-      D === "auto" && (M.value = i), window.scrollTo({
+        Math.max(0, Math.floor(ce))
+      ), T = Math.floor(v / ae.value), { align: i = "start", ...q } = de;
+      let Q = u.value + T * te.value;
+      i === "center" ? Q -= (r.value - H.value) / 2 : i === "end" && (Q -= r.value - H.value);
+      const ke = Math.max(
+        u.value,
+        u.value + ve.value - r.value
+      ), ge = Math.max(0, Math.min(Q, ke)), Ee = q.behavior ?? "auto";
+      Ee === "auto" && (y.value = ge), window.scrollTo({
         ...q,
-        top: i,
-        behavior: D
+        top: ge,
+        behavior: Ee
       });
     }
-    function ye(re = "auto") {
-      typeof window > "u" || (L(), window.scrollTo({ top: Math.max(0, c.value), behavior: re }));
+    function Me(ce = "auto") {
+      typeof window > "u" || (E(), window.scrollTo({ top: Math.max(0, u.value), behavior: ce }));
     }
-    return we(
+    return ye(
       () => [
         e.items.length,
         e.itemSize,
@@ -2709,77 +2726,77 @@ const ha = ["dir", "aria-label"], ga = ["data-carousel-index", "aria-label", "ar
         e.gap
       ],
       async () => {
-        await Z(), L(), Me();
+        await Z(), E(), pe();
       }
-    ), we(
+    ), ye(
       () => [e.hasMore, e.loading],
-      async ([re]) => {
-        re || (h = -1), await Z(), L(), Me();
+      async ([ce]) => {
+        ce || (M = -1), await Z(), E(), pe();
       }
-    ), _e(() => {
-      L(), window.addEventListener("scroll", J, { passive: !0 }), window.addEventListener("resize", J, { passive: !0 }), typeof ResizeObserver < "u" && (n = new ResizeObserver(() => {
-        L(), Me();
-      }), y.value && n.observe(y.value)), Z(Me);
-    }), qe(() => {
-      window.removeEventListener("scroll", J), window.removeEventListener("resize", J), n && (n.disconnect(), n = void 0);
+    ), at(() => {
+      E(), window.addEventListener("scroll", _, { passive: !0 }), window.addEventListener("resize", _, { passive: !0 }), typeof ResizeObserver < "u" && (n = new ResizeObserver(() => {
+        E(), pe();
+      }), x.value && n.observe(x.value)), Z(pe);
+    }), Xe(() => {
+      window.removeEventListener("scroll", _), window.removeEventListener("resize", _), n && (n.disconnect(), n = void 0);
     }), s({
-      scrollTo: $e,
+      scrollTo: ze,
       scrollToIndex: be,
-      scrollToTop: ye
-    }), (re, de) => (j(), U("div", {
+      scrollToTop: Me
+    }), (ce, de) => (j(), U("div", {
       ref_key: "root",
-      ref: y,
-      class: ot(["vue-window-gird-virtual-scroll", { "vue-window-gird-virtual-scroll--pulling": f(Y) }]),
+      ref: x,
+      class: st(["vue-window-gird-virtual-scroll", { "vue-window-gird-virtual-scroll--pulling": f(D) }]),
       role: "list",
       "aria-label": t.ariaLabel,
       onTouchstartPassive: de[0] || (de[0] = //@ts-ignore
-      (...v) => f(K) && f(K)(...v)),
+      (...v) => f(V) && f(V)(...v)),
       onTouchmove: de[1] || (de[1] = //@ts-ignore
       (...v) => f(G) && f(G)(...v)),
       onTouchend: de[2] || (de[2] = //@ts-ignore
-      (...v) => f(te) && f(te)(...v)),
+      (...v) => f(Y) && f(Y)(...v)),
       onTouchcancel: de[3] || (de[3] = //@ts-ignore
-      (...v) => f(ce) && f(ce)(...v))
+      (...v) => f(se) && f(se)(...v))
     }, [
       t.pullToRefresh || t.refreshing ? (j(), U("div", {
         key: 0,
         class: "vue-window-gird-virtual-scroll__refresh",
-        style: ue({
+        style: re({
           height: `${f(B)}px`,
-          transform: `translateY(${f(P) - f(B)}px)`
+          transform: `translateY(${f(A) - f(B)}px)`
         }),
         role: "status",
         "aria-live": "polite"
       }, [
-        Se(re.$slots, "refresh", {
-          pullDistance: f(A),
-          progress: f(E),
+        Se(ce.$slots, "refresh", {
+          pullDistance: f(b),
+          progress: f(C),
           refreshing: t.refreshing
         }, () => [
-          Ue(vt(f(S)), 1)
+          Ge(ht(f($)), 1)
         ])
-      ], 4)) : Ve("", !0),
+      ], 4)) : Re("", !0),
       t.items.length || t.loading ? (j(), U("div", {
         key: 1,
         class: "vue-window-gird-virtual-scroll__spacer",
-        style: ue({
-          height: `${he.value}px`,
-          transform: `translateY(${f(P)}px)`
+        style: re({
+          height: `${ve.value}px`,
+          transform: `translateY(${f(A)}px)`
         })
       }, [
-        lt("div", {
+        rt("div", {
           class: "vue-window-gird-virtual-scroll__content",
-          style: ue(ke.value)
+          style: re(Ae.value)
         }, [
-          (j(!0), U(Je, null, et(ve.value, ({ item: v, index: T, key: r, rowIndex: q, columnIndex: Q }) => (j(), U("div", {
-            key: r,
+          (j(!0), U(et, null, nt(me.value, ({ item: v, index: T, key: i, rowIndex: q, columnIndex: Q }) => (j(), U("div", {
+            key: i,
             class: "vue-window-gird-virtual-scroll__item",
-            style: ue({ height: `${R.value}px` }),
+            style: re({ height: `${H.value}px` }),
             role: "listitem",
             "aria-posinset": T + 1,
             "aria-setsize": t.items.length
           }, [
-            Se(re.$slots, "default", {
+            Se(ce.$slots, "default", {
               item: v,
               index: T,
               rowIndex: q,
@@ -2790,29 +2807,29 @@ const ha = ["dir", "aria-label"], ga = ["data-carousel-index", "aria-label", "ar
         t.loading ? (j(), U("div", {
           key: 0,
           class: "vue-window-gird-virtual-scroll__loading",
-          style: ue({
+          style: re({
             height: `${ie.value}px`,
-            transform: `translateY(${xe.value}px)`
+            transform: `translateY(${he.value}px)`
           }),
           role: "status",
           "aria-live": "polite"
         }, [
-          Se(re.$slots, "loading", {}, () => [
-            de[4] || (de[4] = Ue("Loading more…", -1))
+          Se(ce.$slots, "loading", {}, () => [
+            de[4] || (de[4] = Ge("Loading more…", -1))
           ])
-        ], 4)) : Ve("", !0)
+        ], 4)) : Re("", !0)
       ], 4)) : (j(), U("div", {
         key: 2,
         class: "vue-window-gird-virtual-scroll__empty",
-        style: ue({ transform: `translateY(${f(P)}px)` })
+        style: re({ transform: `translateY(${f(A)}px)` })
       }, [
-        Se(re.$slots, "empty")
+        Se(ce.$slots, "empty")
       ], 4))
     ], 42, Ia));
   }
-}), $a = Bt, La = {
+}), $a = Dt, La = {
   install(t) {
-    t.component("ChatVirtualScroll", Zt), t.component("DynamicVirtualScroll", Bt), t.component("ShortMediaFeed", la), t.component("SkeletonLoader", sa), t.component("VirtualCarousel", ya), t.component("VirtualList", $a), t.component("VirtualScroll", Ma), t.component(
+    t.component("ChatVirtualScroll", Zt), t.component("DynamicVirtualScroll", Dt), t.component("ShortMediaFeed", la), t.component("SkeletonLoader", sa), t.component("VirtualCarousel", ya), t.component("VirtualList", $a), t.component("VirtualScroll", xa), t.component(
       "WindowDynamicVirtualScroll",
       Sa
     ), t.component(
@@ -2823,12 +2840,12 @@ const ha = ["dir", "aria-label"], ga = ["data-carousel-index", "aria-label", "ar
 };
 export {
   Zt as ChatVirtualScroll,
-  Bt as DynamicVirtualScroll,
+  Dt as DynamicVirtualScroll,
   la as ShortMediaFeed,
   sa as SkeletonLoader,
   ya as VirtualCarousel,
   $a as VirtualList,
-  Ma as VirtualScroll,
+  xa as VirtualScroll,
   La as VueVirtualScroll,
   Sa as WindowDynamicVirtualScroll,
   ka as WindowGirdVirtualScroll,