vue-virtual-flow 0.0.9 → 0.1.1

package/dist/vue-virtual-flow.js

@@ -1,101 +1,254 @@
-import { watch as ie, defineComponent as Oe, ref as j, computed as n, nextTick as C, onMounted as Ae, onUpdated as Xe, onBeforeUnmount as Ce, openBlock as I, createElementBlock as $, normalizeStyle as N, createElementVNode as Ge, renderSlot as ce, createTextVNode as Ve, createCommentVNode as ze, Fragment as Re, renderList as De, unref as c, normalizeClass as Ye, toDisplayString as je } from "vue";
-function tt(l) {
-  return typeof l == "string" || typeof l == "number" || typeof l == "symbol";
+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";
 }
-function Ze(l, P) {
-  const x = l[P];
-  return tt(x) ? x : void 0;
+function zt(t, s) {
+  const I = t[s];
+  return At(I) ? I : void 0;
 }
-function lt(l) {
-  return Ze(l, "id") ?? Ze(l, "key");
+function Ft(t) {
+  return zt(t, "id") ?? zt(t, "key");
 }
-function Pe(l) {
-  function P(e, p) {
-    const f = l.itemKey();
-    if (typeof f == "function")
-      return f(e, p);
-    if (e !== null && typeof e == "object") {
-      if (f !== void 0) {
-        const o = Ze(e, f);
-        if (o !== void 0) return o;
+function lt(t) {
+  const s = /* @__PURE__ */ new WeakMap(), I = /* @__PURE__ */ new Map();
+  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 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 r = lt(e);
-      if (r !== void 0) return r;
+      const n = Ft(y);
+      if (n !== void 0) return n;
     }
-    return p;
+    return e(y);
   }
   function x() {
   }
-  return ie(
-    () => [l.itemKey(), l.items()],
+  return ye(
+    () => [t.itemKey(), t.items(), t.items().length],
     x,
     { immediate: !0 }
-  ), { getItemKey: P };
+  ), { getItemKey: z };
 }
-function Fe(l) {
-  return l === "fill" ? "100%" : typeof l == "number" ? `${l}px` : l;
+const Nt = /* @__PURE__ */ new Set([
+  "ArrowDown",
+  "ArrowUp",
+  "End",
+  "Home",
+  "PageDown",
+  "PageUp",
+  " "
+]);
+function Yt(t) {
+  const s = X(!1);
+  let I = !1, e = !1, z;
+  function x() {
+    clearTimeout(z), z = void 0;
+  }
+  function y($) {
+    $ !== s.value && (s.value = $, t.onChange($));
+  }
+  function r() {
+    I || e || (x(), y(!1), t.onSettled());
+  }
+  function u() {
+    x(), (s.value || t.hasProgrammaticScroll()) && !I && !e && (z = setTimeout(r, t.delay()));
+  }
+  function n() {
+    t.onInterrupt(), x(), y(!0), t.onStart();
+  }
+  function M() {
+    I = !0, n();
+  }
+  function R($) {
+    I = $.touches.length > 0, u();
+  }
+  function D() {
+    n(), u();
+  }
+  function b($) {
+    t.onInterrupt(), Nt.has($.key) && (n(), u());
+  }
+  function A($) {
+    t.onInterrupt(), $.pointerType === "mouse" && $.target === t.viewport() && (e = !0, n());
+  }
+  function C() {
+    e && (e = !1, u());
+  }
+  return {
+    isScrolling: s,
+    setScrolling: y,
+    scheduleScrollEnd: u,
+    handleScrollEnd: r,
+    handleTouchStart: M,
+    handleTouchEnd: R,
+    handleWheel: D,
+    handleKeyDown: b,
+    handlePointerDown: A,
+    handlePointerUp: C,
+    dispose: x
+  };
 }
-function Ue(l) {
-  return (P, x) => {
-    typeof x == "string" && (x === "fill" || x.trim().endsWith("%"));
+function gt(t) {
+  return t === "fill" ? "100%" : typeof t == "number" ? `${t}px` : t;
+}
+function Mt(t) {
+  return (s, I) => {
+    typeof I == "string" && (I === "fill" || I.trim().endsWith("%"));
   };
 }
-function at(l) {
-  const P = Float64Array.from(l), x = P.length, e = new Float64Array(x + 1);
-  let p = 0;
-  for (let r = 1; r <= x; r += 1) {
-    const o = P[r - 1];
-    p += o, e[r] += o;
-    const m = r + (r & -r);
-    m <= x && (e[m] += e[r]);
+function Ne(t) {
+  return (t == null ? void 0 : t.count) ?? 0;
+}
+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 + vt(t.left) + vt(t.right), t.left && (t.left.parent = t), t.right && (t.right.parent = t);
+}
+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 z(u) {
+    const n = /* @__PURE__ */ new Set();
+    for (const M of u) {
+      if (e.has(M.key) || n.has(M.key))
+        throw new Error(
+          `[vue-virtual-flow] Duplicate item key \`${String(M.key)}\`. ChatVirtualScroll requires a unique stable key for every message.`
+        );
+      n.add(M.key);
+    }
   }
-  let f = 1;
-  for (; f * 2 <= x; ) f *= 2;
-  return {
-    length: x,
-    get total() {
-      return p;
+  function x(u) {
+    I += 1;
+    let n = Math.imul(I ^ 2654435769, 2246822507);
+    n ^= n >>> 13, n = Math.imul(n, 3266489909) ^ n >>> 16;
+    const M = {
+      key: u.key,
+      size: u.size,
+      priority: n >>> 0,
+      count: 1,
+      total: u.size
+    };
+    return e.set(u.key, M), M;
+  }
+  function y(u) {
+    let n;
+    for (const M of u) n = mt(n, x(M));
+    return n && (n.parent = void 0), n;
+  }
+  function r(u) {
+    let n = s, M = u;
+    for (; n; ) {
+      const R = Ne(n.left);
+      if (M < R) n = n.left;
+      else {
+        if (M === R) return n;
+        M -= R + 1, n = n.right;
+      }
+    }
+  }
+  return z(t), s = y(t), {
+    get length() {
+      return Ne(s);
     },
-    getSize(r) {
-      return P[r];
+    get total() {
+      return vt(s);
     },
-    getOffset(r) {
-      let o = 0;
-      for (let m = r; m > 0; m -= m & -m)
-        o += e[m];
-      return o;
+    getSize(u) {
+      var n;
+      return ((n = r(u)) == null ? void 0 : n.size) ?? 0;
     },
-    setSize(r, o) {
-      const m = o - P[r];
-      if (m !== 0) {
-        P[r] = o, p += m;
-        for (let A = r + 1; A <= x; A += A & -A)
-          e[A] += m;
+    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 R;
+    },
+    setSize(u, n) {
+      let M = r(u);
+      if (!(!M || M.size === n))
+        for (M.size = n; M; )
+          kt(M), M = M.parent;
     },
-    findIndex(r) {
-      if (x === 0 || r <= 0) return 0;
-      if (r >= p) return x - 1;
-      let o = 0, m = 0;
-      for (let A = f; A > 0; A = Math.floor(A / 2)) {
-        const O = o + A;
-        O <= x && m + e[O] <= r && (o = O, m += e[O]);
+    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 D = vt(n.left), b = Ne(n.left);
+        if (R < D)
+          n = n.left;
+        else {
+          if (R < D + n.size)
+            return M + b;
+          R -= D + n.size, M += b + 1, n = n.right;
+        }
       }
-      return Math.min(o, x - 1);
+      return Math.max(0, Ne(s) - 1);
+    },
+    getKey(u) {
+      var n;
+      return (n = r(u)) == null ? void 0 : n.key;
+    },
+    getIndex(u) {
+      let n = e.get(u);
+      if (!n) return;
+      let M = Ne(n.left);
+      for (; n.parent; )
+        n === n.parent.right && (M += Ne(n.parent.left) + 1), n = n.parent;
+      return n === s ? M : void 0;
+    },
+    getSizeByKey(u) {
+      var n;
+      return (n = e.get(u)) == null ? void 0 : n.size;
+    },
+    hasKey(u) {
+      return e.has(u);
+    },
+    append(u) {
+      u.length !== 0 && (z(u), s = mt(s, y(u)), s && (s.parent = void 0));
+    },
+    prepend(u) {
+      u.length !== 0 && (z(u), s = mt(y(u), s), s && (s.parent = void 0));
     }
   };
 }
-const ot = ["aria-label"], nt = {
+const Ut = ["aria-label", "aria-live"], qt = {
   key: 0,
   class: "vue-chat-virtual-scroll__loading-older",
   role: "status",
   "aria-live": "polite"
-}, it = ["aria-posinset", "aria-setsize"], st = /* @__PURE__ */ Oe({
+}, Gt = ["aria-posinset", "aria-setsize"], Xt = {
+  key: 0,
+  class: "vue-chat-virtual-scroll__new-items",
+  role: "status"
+}, Zt = /* @__PURE__ */ tt({
   name: "ChatVirtualScroll",
+  inheritAttrs: !1,
   __name: "ChatVirtualScroll",
   props: {
     items: {},
+    itemsVersion: {},
     estimatedItemSize: { default: 48 },
+    estimateItemSize: {},
     height: { default: 400 },
     overscan: { default: 5 },
     size: { default: void 0 },
@@ -106,379 +259,559 @@ const ot = ["aria-label"], nt = {
     initialScroll: { default: "bottom" },
     hasOlder: { type: Boolean, default: !1 },
     loadingOlder: { type: Boolean, default: !1 },
-    loadOlderThreshold: { default: 120 }
+    loadOlderThreshold: { default: 120 },
+    scrollEndDelay: { default: 150 },
+    syncMeasurement: { type: Boolean, default: !0 },
+    pinnedKeys: { default: () => [] },
+    maxPinnedItems: { default: 20 },
+    keepFocusedItem: { type: Boolean, default: !0 },
+    showNewItemsIndicator: { type: Boolean, default: !0 },
+    newItemsLabel: { type: Function, default: void 0 },
+    forceStickToBottom: { type: Function, default: void 0 },
+    contain: { type: Boolean, default: !0 }
   },
-  emits: ["scroll", "loadOlder", "bottomChange"],
-  setup(l, { expose: P, emit: x }) {
-    const e = l, p = x, f = j(), r = j(0), o = j(0), m = j(0), A = j(0), O = j(!0), U = /* @__PURE__ */ new Map(), q = /* @__PURE__ */ new Map(), V = /* @__PURE__ */ new Set();
-    let D, w, k = -1, E = !1, F = !1, W = !1, ne, Z = 0, H = !1, ae = 0, R, J, Y, le = 0;
-    const se = Ue(), { getItemKey: me } = Pe({
+  emits: ["scroll", "loadOlder", "bottomChange", "scrollingChange", "newItemsChange", "visibleChange"],
+  setup(t, { expose: s, emit: I }) {
+    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
-    }), de = n(
+    }), fe = h(
       () => Number.isFinite(e.estimatedItemSize) ? Math.max(1, e.estimatedItemSize) : 48
-    ), ue = n(() => Math.max(0, Math.floor(e.overscan))), we = n(
+    ), he = h(() => Math.max(0, Math.floor(e.overscan))), ve = h(
+      () => Number.isFinite(e.scrollEndDelay) ? Math.max(0, e.scrollEndDelay) : 150
+    ), {
+      isScrolling: J,
+      setScrolling: O,
+      scheduleScrollEnd: S,
+      handleScrollEnd: P,
+      handleTouchStart: oe,
+      handleTouchEnd: me,
+      handleWheel: Ae,
+      handleKeyDown: E,
+      handlePointerDown: F,
+      handlePointerUp: _,
+      dispose: pe
+    } = Yt({
+      delay: () => ve.value,
+      viewport: () => x.value,
+      hasProgrammaticScroll: () => le !== void 0,
+      onInterrupt: $e,
+      onStart: () => {
+        r.value = Y;
+      },
+      onSettled: () => {
+        const o = le;
+        if (le = void 0, o) {
+          o();
+          return;
+        }
+        y.value = L(), xe();
+      },
+      onChange: (o) => {
+        G && z("scrollingChange", o);
+      }
+    }), ze = h(
+      () => Number.isFinite(e.maxPinnedItems) ? Math.max(0, Math.floor(e.maxPinnedItems)) : 20
+    ), be = h(
       () => e.size !== void 0 && Number.isFinite(e.size) && e.size > 0 ? Math.max(1, Math.floor(e.size)) : void 0
-    ), G = n(() => m.value > 0 ? m.value : typeof e.height == "number" ? Math.max(0, e.height) : de.value), u = n(() => {
-      const i = e.items.map((h, M) => me(h, M));
-      return {
-        keys: i,
-        indexes: new Map(i.map((h, M) => [h, M])),
-        sizes: at(i.map((h) => U.get(h) ?? de.value))
-      };
-    }), d = n(() => (A.value, { sizes: u.value.sizes, total: u.value.sizes.total }));
-    function z(i = d.value.total) {
-      return Math.max(0, i - G.value);
+    ), 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((c, p) => {
+        const N = ue(c, p);
+        return {
+          key: N,
+          size: b.has(N) ? (o == null ? void 0 : o.getSizeByKey(N)) ?? ce(c, p) : ce(c, p)
+        };
+      }));
     }
-    function Q(i) {
-      return d.value.sizes.findIndex(i);
+    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);
     }
-    r.value = e.initialScroll === "bottom" ? z() : 0;
-    const he = n(() => {
+    function q(o) {
+      return T.value.sizes.findIndex(o);
+    }
+    y.value = e.initialScroll === "bottom" ? i() : 0;
+    const Q = h(() => {
       if (e.items.length === 0) return { start: 0, end: 0 };
-      const i = Q(r.value), h = Q(r.value + G.value) + 1, M = Math.max(0, i - ue.value), K = Math.min(
+      const o = q(y.value), c = q(y.value + Me.value) + 1;
+      return {
+        start: o,
+        end: Math.min(e.items.length, c)
+      };
+    }), ke = h(() => {
+      if (e.items.length === 0) return { start: 0, end: 0 };
+      const o = Q.value.start, c = Q.value.end, p = Math.max(0, o - he.value), N = Math.min(
         e.items.length,
-        h + ue.value
-      ), pe = we.value;
-      if (pe === void 0 || K - M <= pe) return { start: M, end: K };
-      const xe = Math.max(0, pe - (h - i)), Te = i - M, Se = K - h;
-      let Ee = Math.min(Te, Math.ceil(xe / 2));
-      const $e = Math.min(Se, xe - Ee);
-      return Ee = Math.min(Te, xe - $e), { start: i - Ee, end: h + $e };
-    }), y = n(() => he.value.start), L = n(() => he.value.end), B = n(
-      () => e.items.slice(y.value, L.value).map((i, h) => {
-        const M = y.value + h;
-        return {
-          item: i,
-          index: M,
-          key: me(i, M),
-          bottom: Math.max(d.value.total, G.value) - d.value.sizes.getOffset(M + 1) + o.value
-        };
-      })
-    ), te = n(() => ({
-      height: Fe(e.height)
-    }));
-    function oe(i = d.value.total) {
-      var K;
-      const h = z(i), M = Math.min(0, ((K = f.value) == null ? void 0 : K.scrollTop) ?? 0);
-      return Math.max(0, Math.min(h, h + M + Z));
-    }
-    function re(i = !1) {
-      if (H || (W || Y) && !i || Z === 0) return;
-      H = !0;
-      const h = le, M = ++ae;
-      o.value = 0, C(() => {
-        if (M !== ae) return;
-        H = !1;
-        const K = f.value;
-        !K || h !== le || Z === 0 || (Z = 0, K.scrollTop = Math.min(0, r.value - z()), J = K.scrollTop, r.value = oe(), b(), ve());
+        c + he.value
+      ), Pe = be.value;
+      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 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 && D.value !== void 0) {
+        const c = v.value.sizes.getIndex(D.value);
+        c !== void 0 && o.add(c);
+      }
+      return [...o].sort((c, p) => c - p);
+    }), K = h(() => d.value.map((o) => {
+      const c = e.items[o];
+      return {
+        item: c,
+        index: o,
+        key: ue(c, o),
+        bottom: Math.max(T.value.total, Me.value) - T.value.sizes.getOffset(o + 1) + r.value
+      };
+    })), m = h(() => ({
+      height: gt(e.height)
+    })), w = h(() => ({
+      "vue-chat-virtual-scroll--contained": e.contain
+    })), 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 ye(i) {
-      const h = f.value;
-      if (h) {
-        if (Z += i, r.value = oe(), Z === 0 || z() === 0) {
-          Z = 0, o.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;
         }
-        (W || Y) && !H ? (o.value = Z, h.scrollTop >= -1 && re(!0)) : re();
+        (J.value || le) && !se ? (r.value = Y, c.scrollTop >= -1 && xe(!0)) : xe();
       }
     }
-    function _() {
-      clearTimeout(ne), ne = void 0;
-    }
-    function ee() {
-      if (F) return;
-      _(), W = !1;
-      const i = Y;
-      if (Y = void 0, i) {
-        i();
+    function $e() {
+      ae = void 0, le = void 0;
+    }
+    function De() {
+      if (!e.keepFocusedItem) {
+        D.value = void 0;
         return;
       }
-      r.value = oe(), re();
+      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 s() {
-      _(), (W || Y) && !F && (ne = setTimeout(ee, 150));
+    function Ie() {
+      De();
     }
-    function t() {
-      R = void 0, Y = void 0;
+    function Ye() {
+      Z(De);
     }
-    function a() {
-      t(), _(), F = !0, W = !0, o.value = Z;
+    function je(o) {
+      const c = Math.max(0, Math.floor(o));
+      c !== R.value && (R.value = c, G && z("newItemsChange", c));
     }
-    function g(i) {
-      F = i.touches.length > 0, s();
+    function Ze() {
+      je(0);
     }
-    function b() {
-      const i = f.value;
-      if (!i) return;
-      const M = Math.max(
+    function ut() {
+      z("visibleChange", {
+        scrollTop: L(),
+        startIndex: Q.value.start,
+        endIndex: Q.value.end
+      });
+    }
+    function a() {
+      const o = x.value;
+      if (!o) return;
+      const p = Math.max(
         0,
-        d.value.total - oe() - i.clientHeight
+        T.value.total - L() - o.clientHeight
       ) <= Math.max(0, e.bottomThreshold);
-      M !== O.value && (O.value = M, E && p("bottomChange", M));
+      p !== M.value && (M.value = p, G && z("bottomChange", p)), p && Ze();
     }
-    function Me() {
-      var i;
-      m.value = ((i = f.value) == null ? void 0 : i.clientHeight) ?? 0, E && (r.value = oe()), se(f.value, e.height), C(() => {
-        b(), ve();
+    function l() {
+      var o;
+      u.value = ((o = x.value) == null ? void 0 : o.clientHeight) ?? 0, G && (y.value = L()), te(x.value, e.height), Z(() => {
+        a(), W();
       });
     }
-    function ge() {
-      var i, h;
-      R && J !== void 0 && Math.abs((((i = f.value) == null ? void 0 : i.scrollTop) ?? 0) - J) > 1 && t(), r.value = oe(), Z !== 0 && (((h = f.value) == null ? void 0 : h.scrollTop) ?? 0) >= -1 && re(!0), s(), b(), p("scroll", {
-        scrollTop: r.value,
-        startIndex: y.value,
-        endIndex: L.value
-      }), ve();
-    }
-    function ve() {
-      const i = f.value;
-      !E || !i || !e.hasOlder || e.loadingOlder || k === e.items.length || oe() <= Math.max(0, e.loadOlderThreshold) && (k = e.items.length, p("loadOlder"));
-    }
-    function Le(i) {
-      const h = i.borderBoxSize;
-      if (h) {
-        const M = Array.isArray(h) ? h[0] : h;
-        if (M != null && M.blockSize) return M.blockSize;
+    function g() {
+      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 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 c = o.borderBoxSize;
+      if (c) {
+        const p = Array.isArray(c) ? c[0] : c;
+        if (p != null && p.blockSize) return p.blockSize;
       }
-      return i.contentRect.height;
-    }
-    function ke(i) {
-      const h = d.value.total, M = oe(), K = !W && !Y && O.value && e.stickToBottom && (E || e.initialScroll === "bottom"), pe = Q(M + G.value - 1), xe = !K && M <= 0;
-      let Te = 0, Se = !1;
-      for (const { key: Je, height: We } of i) {
-        if (!Number.isFinite(We) || We <= 0) continue;
-        const _e = u.value.indexes.get(Je);
-        if (_e === void 0) continue;
-        const Qe = d.value.sizes.getSize(_e);
-        U.set(Je, We), !(Math.abs(Qe - We) < 0.5) && (_e <= pe && (Te += We - Qe), d.value.sizes.setSize(_e, We), Se = !0);
+      return o.contentRect.height;
+    }
+    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 (!Se) return;
-      A.value += 1;
-      const Ee = z() - z(h), $e = R && u.value.indexes.get(R.key), Ne = $e !== void 0 && R ? Ie($e, R.align) : K ? z() : xe ? 0 : M + Te;
-      ye(Ne - M - Ee), C(b);
-    }
-    function v(i) {
-      const h = [];
-      for (const M of i) {
-        const K = q.get(M.target);
-        K !== void 0 && h.push({ key: K, height: Le(M) });
+      if (!Oe) return;
+      n.value += 1;
+      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) });
       }
-      ke(h);
+      Ke(c);
     }
-    function S() {
-      const i = [];
-      for (const h of V) {
-        const M = q.get(h);
-        M !== void 0 && h.isConnected && i.push({ key: M, height: h.getBoundingClientRect().height });
+    function He() {
+      const o = [];
+      for (const c of C) {
+        const p = A.get(c);
+        p !== void 0 && c.isConnected && o.push({ key: p, height: c.getBoundingClientRect().height });
       }
-      V.clear(), ke(i);
-    }
-    function T(i, h) {
-      i instanceof HTMLElement && q.get(i) !== h && (q.set(i, h), U.has(h) || V.add(i), w == null || w.observe(i));
-    }
-    function fe() {
-      for (const [i] of q)
-        i.isConnected || (w == null || w.unobserve(i), q.delete(i), V.delete(i));
-    }
-    function X(i, h, M = !1) {
-      const K = f.value;
-      if (!K) return;
-      const pe = oe(), xe = o.value !== 0, Te = ++le;
-      ae += 1, H = !1, R = void 0;
-      const Se = h.behavior ?? "auto";
-      Y = Se === "smooth" ? () => be(i) : void 0, Z = 0, o.value = 0, W = !1, _(), Se === "auto" && (r.value = i);
-      const Ee = () => {
-        f.value !== K || Te !== le || (xe && Se !== "auto" && (K.scrollTop = pe - z()), M && Se === "auto" ? K.scrollTop = i - z() : K.scrollTo({ ...h, top: i - z(), behavior: Se }), J = K.scrollTop, Se === "auto" ? r.value = oe() : s(), C(b));
+      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 = () => {
+        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));
       };
-      xe ? C(Ee) : Ee();
-    }
-    function be(i, h = {}) {
-      const M = f.value;
-      if (!M) return;
-      const K = Math.max(0, d.value.total - M.clientHeight), pe = Math.min(
-        Math.max(0, Number.isFinite(i) ? i : 0),
-        K
+      Ce ? Z(Fe) : Fe();
+    }
+    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),
+        N
       );
-      X(pe, h);
+      ct(Pe, c);
     }
-    function Ie(i, h) {
-      const M = d.value.sizes.getSize(i);
-      let K = d.value.sizes.getOffset(i);
-      return h === "center" ? K -= (G.value - M) / 2 : h === "end" && (K -= G.value - M), Math.max(0, Math.min(K, z()));
+    function 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 Be(i, h = {}) {
-      if (!f.value || e.items.length === 0) return;
-      const M = 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(i) ? i : 0))
-      ), { align: K = "start", ...pe } = h;
-      X(Ie(M, K), pe);
-      const xe = u.value.keys[M];
-      h.behavior === "smooth" ? Y = () => {
-        const Te = u.value.indexes.get(xe);
-        Te !== void 0 && Be(Te, { align: K });
-      } : R = { key: xe, align: K };
-    }
-    function Ke(i = "auto") {
-      X(0, { behavior: i });
-    }
-    function He(i = "auto") {
-      const h = f.value;
-      if (!h) return;
-      const M = Math.max(0, d.value.total - h.clientHeight);
-      X(M, { behavior: i }, !0), i === "smooth" && (Y = () => He());
-    }
-    return ie(
-      u,
-      async (i, h) => {
-        const M = h.sizes.total, K = oe(M), pe = !W && !Y && O.value && e.stickToBottom, xe = h.sizes.findIndex(K + G.value - 1), Te = h.keys[xe], Se = Te === void 0 ? void 0 : i.indexes.get(Te), Ee = z() - z(M);
-        for (const $e of U.keys())
-          i.indexes.has($e) || U.delete($e);
-        if (i.keys.length === 0 || Se === void 0) {
-          Z = 0, o.value = 0, r.value = pe ? z() : Math.min(K, z());
-          const $e = r.value, Ne = le;
-          await C(), Ne === le && u.value === i && X($e, {}, !0);
+        Math.max(0, Math.floor(Number.isFinite(o) ? o : 0))
+      ), { 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 L();
+    }
+    function Wt(o = "auto") {
+      ct(0, { behavior: o });
+    }
+    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 = X(0);
+    function Rt() {
+      Lt.value += 1;
+    }
+    return ye(
+      () => {
+        const o = e.items.length;
+        return [
+          e.items,
+          o,
+          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,
+          e.itemsVersion,
+          Lt.value
+        ];
+      },
+      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 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;
+          }
+        ) || !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 $e = i.sizes.getOffset(Se + 1) - h.sizes.getOffset(xe + 1), Ne = pe ? z() : K + $e;
-          ye(Ne - K - Ee), await C();
+          const Le = qe.getOffset(Pt + 1) - Fe, We = It ? i() : Ce + Le;
+          we(We - Ce - Ht), await Z();
         }
-        f.value && (r.value = oe(), b(), ve());
+        x.value && (y.value = L(), a(), W());
       }
-    ), ie(
+    ), ye(
       () => [e.hasOlder, e.loadingOlder],
-      async ([i]) => {
-        i || (k = -1), await C(), ve();
+      async ([o]) => {
+        o || (V = -1), await Z(), W();
       }
-    ), Ae(() => {
-      if (Me(), f.value && (f.value.scrollTop = e.initialScroll === "bottom" ? 0 : -z(), r.value = oe()), S(), typeof ResizeObserver < "u") {
-        D = new ResizeObserver(Me), w = new ResizeObserver(v), f.value && D.observe(f.value);
-        for (const [i] of q)
-          w.observe(i);
+    ), ye(
+      () => e.syncMeasurement,
+      (o) => {
+        if (C.clear(), !!o) {
+          for (const [c, p] of A)
+            b.has(p) || C.add(c);
+          Z(He);
+        }
       }
-      C(() => {
-        E = !0, b(), ve();
+    ), ye(
+      Q,
+      () => {
+        G && ut();
+      },
+      { flush: "post" }
+    ), 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(), W(), ut();
       });
+    }), $t(() => {
+      Bt(), He();
     }), Xe(() => {
-      fe(), S();
-    }), Ce(() => {
-      E = !1, _(), t(), Z = 0, le += 1, ae += 1, D && (D.disconnect(), D = void 0), w && (w.disconnect(), w = void 0), q.clear(), V.clear();
-    }), P({
-      isAtBottom: O,
-      scrollTo: be,
-      scrollToIndex: Be,
-      scrollToTop: Ke,
-      scrollToBottom: He
-    }), (i, h) => (I(), $("div", {
-      ref_key: "viewport",
-      ref: f,
-      class: "vue-chat-virtual-scroll",
-      style: N(te.value),
-      role: "log",
-      "aria-label": l.ariaLabel,
-      "aria-live": "polite",
-      tabindex: "0",
-      onScrollPassive: ge,
-      onScrollendPassive: ee,
-      onPointerdownPassive: t,
-      onWheelPassive: t,
-      onKeydown: t,
-      onTouchstartPassive: a,
-      onTouchendPassive: g,
-      onTouchcancelPassive: g
+      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: M,
+      isScrolling: J,
+      newItemsCount: R,
+      clearNewItems: Ze,
+      refresh: Rt,
+      getScrollPosition: Vt,
+      scrollTo: Et,
+      scrollToIndex: Tt,
+      scrollToKey: Kt,
+      scrollToTop: Wt,
+      scrollToBottom: pt
+    }), (o, c) => (j(), U("div", {
+      class: "vue-chat-virtual-scroll__root",
+      style: re(m.value)
     }, [
-      Ge("div", {
-        class: "vue-chat-virtual-scroll__spacer",
-        style: N({ height: `${Math.max(G.value, d.value.total + o.value)}px` })
-      }, [
-        l.loadingOlder ? (I(), $("div", nt, [
-          Ge("div", null, [
-            ce(i.$slots, "loadingOlder", {}, () => [
-              h[0] || (h[0] = Ve("Loading older messages…", -1))
-            ])
-          ])
-        ])) : ze("", !0),
-        (I(!0), $(Re, null, De(B.value, ({ item: M, index: K, key: pe, bottom: xe }) => (I(), $("div", {
-          key: pe,
-          ref_for: !0,
-          ref: (Te) => T(Te, pe),
-          class: "vue-chat-virtual-scroll__item",
-          style: N({ transform: `translateY(${-xe}px)` }),
-          role: "article",
-          "aria-posinset": K + 1,
-          "aria-setsize": l.items.length
+      rt("div", Ot(o.$attrs, {
+        ref_key: "viewport",
+        ref: x,
+        class: ["vue-chat-virtual-scroll", w.value],
+        role: "log",
+        "aria-label": t.ariaLabel,
+        "aria-live": k.value,
+        "aria-relevant": "additions",
+        "aria-atomic": "false",
+        tabindex: "0",
+        onScrollPassive: g,
+        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))
+      }), [
+        rt("div", {
+          class: "vue-chat-virtual-scroll__spacer",
+          style: re({ height: `${Math.max(Me.value, T.value.total + r.value)}px` })
         }, [
-          ce(i.$slots, "default", {
-            item: M,
-            index: K
-          })
-        ], 12, it))), 128)),
-        l.items.length ? ze("", !0) : ce(i.$slots, "empty", {}, void 0, void 0, 1)
-      ], 4)
-    ], 44, ot));
+          t.loadingOlder ? (j(), U("div", qt, [
+            rt("div", null, [
+              Se(o.$slots, "loadingOlder", {}, () => [
+                c[8] || (c[8] = Ge("Loading older messages…", -1))
+              ])
+            ])
+          ])) : 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: (Ve) => ot(Ve, Pe),
+            class: "vue-chat-virtual-scroll__item",
+            style: re({ transform: `translateY(${-Ce}px)` }),
+            role: "article",
+            "aria-posinset": N + 1,
+            "aria-setsize": t.items.length
+          }, [
+            Se(o.$slots, "default", {
+              item: p,
+              index: N
+            })
+          ], 12, Gt))), 128)),
+          t.items.length ? Re("", !0) : Se(o.$slots, "empty", {}, void 0, void 0, 1)
+        ], 4)
+      ], 16, Ut),
+      t.showNewItemsIndicator && R.value > 0 ? (j(), U("div", Xt, [
+        Se(o.$slots, "newItems", {
+          count: R.value,
+          scrollToBottom: pt
+        }, () => [
+          rt("button", {
+            type: "button",
+            onClick: c[7] || (c[7] = (p) => pt("smooth"))
+          }, ht(ee(R.value)), 1)
+        ])
+      ])) : Re("", !0)
+    ], 4));
   }
 });
-function qe(l) {
-  const P = j(), x = j(0), e = j(!1), p = j(!1), f = n(() => Math.max(1, l.threshold())), r = n(
-    () => l.refreshing() || p.value ? f.value : x.value
-  ), o = n(
-    () => Math.min(1, x.value / f.value)
-  ), m = n(() => l.refreshing() || p.value ? "Refreshing…" : o.value >= 1 ? "Release to refresh" : "Pull to refresh");
-  function A() {
-    P.value = void 0, e.value = !1, x.value = 0;
+function xt(t) {
+  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 O(V) {
-    var k;
-    const D = V.currentTarget, w = ((k = l.scrollTop) == null ? void 0 : k.call(l)) ?? D.scrollTop;
-    !l.enabled() || l.refreshing() || w > 0 || V.touches.length !== 1 || (P.value = V.touches[0].clientY, e.value = !0);
+  function 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 U(V) {
-    var E;
-    if (P.value === void 0 || !e.value) return;
-    const D = V.currentTarget;
-    if ((((E = l.scrollTop) == null ? void 0 : E.call(l)) ?? D.scrollTop) > 0 || V.touches.length !== 1) {
-      A();
+  function R(b) {
+    var B;
+    if (s.value === void 0 || !e.value) return;
+    const A = b.currentTarget;
+    if ((((B = t.scrollTop) == null ? void 0 : B.call(t)) ?? A.scrollTop) > 0 || b.touches.length !== 1) {
+      n();
       return;
     }
-    const k = V.touches[0].clientY - P.value;
-    if (k <= 0) {
-      x.value = 0;
+    const $ = b.touches[0].clientY - s.value;
+    if ($ <= 0) {
+      I.value = 0;
       return;
     }
-    V.preventDefault(), x.value = Math.min(k * 0.5, f.value * 2);
+    b.preventDefault(), I.value = Math.min($ * 0.5, x.value * 2);
   }
-  function q() {
-    if (P.value === void 0) return;
-    const V = x.value >= f.value && l.enabled() && !l.refreshing();
-    if (P.value = void 0, e.value = !1, !V) {
-      x.value = 0;
+  function D() {
+    if (s.value === void 0) return;
+    const b = I.value >= x.value && t.enabled() && !t.refreshing();
+    if (s.value = void 0, e.value = !1, !b) {
+      I.value = 0;
       return;
     }
-    x.value = f.value, p.value = !0, l.onRefresh(), C(() => {
-      l.refreshing() || (p.value = !1, x.value = 0);
+    I.value = x.value, z.value = !0, t.onRefresh(), Z(() => {
+      t.refreshing() || (z.value = !1, I.value = 0);
     });
   }
-  return ie(
-    () => l.refreshing(),
-    (V, D) => {
-      V ? (p.value = !1, x.value = f.value) : D && (p.value = !1, x.value = 0);
+  return ye(
+    () => t.refreshing(),
+    (b, A) => {
+      b ? (z.value = !1, I.value = x.value) : A && (z.value = !1, I.value = 0);
     }
   ), {
     pulling: e,
-    pullDistance: x,
-    pullOffset: r,
-    pullProgress: o,
-    refreshMessage: m,
-    refreshThreshold: f,
-    handleTouchStart: O,
-    handleTouchMove: U,
-    handleTouchEnd: q,
-    handleTouchCancel: A
+    pullDistance: I,
+    pullOffset: y,
+    pullProgress: r,
+    refreshMessage: u,
+    refreshThreshold: x,
+    handleTouchStart: M,
+    handleTouchMove: R,
+    handleTouchEnd: D,
+    handleTouchCancel: n
   };
 }
-const rt = ["aria-label"], ut = ["aria-posinset", "aria-setsize"], et = /* @__PURE__ */ Oe({
+const Jt = ["aria-label"], Qt = ["aria-posinset", "aria-setsize"], Dt = /* @__PURE__ */ tt({
   name: "DynamicVirtualScroll",
   __name: "DynamicVirtualScroll",
   props: {
@@ -497,294 +830,294 @@ const rt = ["aria-label"], ut = ["aria-posinset", "aria-setsize"], et = /* @__PU
     pullRefreshThreshold: { default: 64 }
   },
   emits: ["scroll", "loadMore", "refresh"],
-  setup(l, { expose: P, emit: x }) {
-    const e = l, p = x, {
-      pulling: f,
-      pullDistance: r,
-      pullOffset: o,
-      pullProgress: m,
-      refreshMessage: A,
-      refreshThreshold: O,
-      handleTouchStart: U,
-      handleTouchMove: q,
-      handleTouchEnd: V,
-      handleTouchCancel: D
-    } = qe({
+  setup(t, { expose: s, emit: I }) {
+    const e = t, z = I, {
+      pulling: x,
+      pullDistance: y,
+      pullOffset: r,
+      pullProgress: u,
+      refreshMessage: n,
+      refreshThreshold: M,
+      handleTouchStart: R,
+      handleTouchMove: D,
+      handleTouchEnd: b,
+      handleTouchCancel: A
+    } = xt({
       enabled: () => e.pullToRefresh,
       refreshing: () => e.refreshing,
       threshold: () => e.pullRefreshThreshold,
-      onRefresh: () => p("refresh")
-    }), w = j(), k = j(0), E = j(0), F = j(0), W = /* @__PURE__ */ new Map(), ne = /* @__PURE__ */ new Map();
-    let Z, H, ae = -1;
-    const R = Ue(), { getItemKey: J } = Pe({
+      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
-    }), Y = n(
+    }), ie = h(
       () => Math.max(1, e.estimatedItemSize)
-    ), le = n(
-      () => Math.max(1, e.loadingItemSize ?? Y.value)
-    ), se = n(() => Math.max(0, Math.floor(e.overscan))), me = n(() => E.value > 0 ? E.value : typeof e.height == "number" ? Math.max(0, e.height) : Y.value), de = n(() => {
-      F.value;
-      const s = new Array(e.items.length + 1), t = new Array(e.items.length);
-      s[0] = 0;
-      for (let a = 0; a < e.items.length; a += 1) {
-        const g = J(e.items[a], a), b = W.get(g) ?? Y.value;
-        t[a] = b, s[a + 1] = s[a] + b;
+    ), te = h(
+      () => Math.max(1, e.loadingItemSize ?? ie.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 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: s,
-        sizes: t,
-        total: s[e.items.length] ?? 0
+        offsets: v,
+        sizes: T,
+        total: v[e.items.length] ?? 0
       };
-    }), ue = n(
-      () => de.value.total + (e.loading ? le.value : 0)
-    ), we = n(() => {
-      const s = /* @__PURE__ */ new Map();
-      return e.items.forEach((t, a) => {
-        s.set(J(t, a), a);
-      }), s;
+    }), ve = h(
+      () => he.value.total + (e.loading ? te.value : 0)
+    ), J = h(() => {
+      const v = /* @__PURE__ */ new Map();
+      return e.items.forEach((T, i) => {
+        v.set(le(T, i), i);
+      }), v;
     });
-    function G(s) {
+    function O(v) {
       if (e.items.length === 0) return 0;
-      const t = de.value.offsets;
-      let a = 0, g = e.items.length;
-      for (; a < g; ) {
-        const b = Math.floor((a + g) / 2);
-        t[b + 1] <= s ? a = b + 1 : g = b;
+      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(a, e.items.length - 1);
+      return Math.min(i, e.items.length - 1);
     }
-    const u = n(
+    const S = h(
       () => Math.max(
         0,
-        G(k.value) - se.value
+        O($.value) - ue.value
       )
-    ), d = n(() => {
+    ), P = h(() => {
       if (e.items.length === 0) return 0;
-      const s = G(k.value + me.value) + 1;
+      const v = O($.value + fe.value) + 1;
       return Math.min(
         e.items.length,
-        s + se.value
+        v + ue.value
       );
-    }), z = n(
-      () => e.items.slice(u.value, d.value).map((s, t) => {
-        const a = u.value + t;
+    }), oe = h(
+      () => e.items.slice(S.value, P.value).map((v, T) => {
+        const i = S.value + T;
         return {
-          item: s,
-          index: a,
-          key: J(s, a),
-          top: de.value.offsets[a]
+          item: v,
+          index: i,
+          key: le(v, i),
+          top: he.value.offsets[i]
         };
       })
-    ), Q = n(() => ({
-      height: Fe(e.height)
+    ), me = h(() => ({
+      height: gt(e.height)
     }));
-    function he() {
-      var s;
-      E.value = ((s = w.value) == null ? void 0 : s.clientHeight) ?? 0, R(w.value, e.height), C(L);
-    }
-    function y(s) {
-      k.value = s.currentTarget.scrollTop, p("scroll", {
-        scrollTop: k.value,
-        startIndex: u.value,
-        endIndex: d.value
-      }), L();
-    }
-    function L() {
-      const s = w.value;
-      if (!s || !e.hasMore || e.loading || ae === e.items.length)
+    function Ae() {
+      var v;
+      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);
-      ue.value - s.scrollTop - s.clientHeight <= t && (ae = e.items.length, p("loadMore"));
-    }
-    function B(s) {
-      const t = s.borderBoxSize;
-      if (t) {
-        const a = Array.isArray(t) ? t[0] : t;
-        if (a != null && a.blockSize) return a.blockSize;
+      const T = Math.max(0, e.loadMoreThreshold);
+      ve.value - v.scrollTop - v.clientHeight <= T && (ae = e.items.length, z("loadMore"));
+    }
+    function _(v) {
+      const T = v.borderBoxSize;
+      if (T) {
+        const i = Array.isArray(T) ? T[0] : T;
+        if (i != null && i.blockSize) return i.blockSize;
       }
-      return s.contentRect.height;
-    }
-    function te(s) {
-      const t = de.value;
-      let a = 0, g = !1;
-      for (const b of s) {
-        const Me = b.target, ge = ne.get(Me), ve = B(b);
-        if (ge === void 0 || ve <= 0) continue;
-        const Le = W.get(ge) ?? Y.value;
-        if (Math.abs(Le - ve) < 0.5) continue;
-        const ke = we.value.get(ge);
-        ke !== void 0 && t.offsets[ke + 1] <= k.value && (a += ve - Le), W.set(ge, ve), g = !0;
+      return v.contentRect.height;
+    }
+    function pe(v) {
+      const T = he.value;
+      let i = 0, q = !1;
+      for (const Q of v) {
+        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;
       }
-      g && (F.value += 1, C(L), a !== 0 && C(() => {
-        const b = w.value;
-        b && (b.scrollTop += a, k.value = b.scrollTop);
+      q && (V.value += 1, Z(F), i !== 0 && Z(() => {
+        const Q = C.value;
+        Q && (Q.scrollTop += i, $.value = Q.scrollTop);
       }));
     }
-    function oe(s, t) {
-      s instanceof HTMLElement && (ne.set(s, t), H == null || H.observe(s));
-    }
-    function re() {
-      for (const [s] of ne)
-        s.isConnected || (H == null || H.unobserve(s), ne.delete(s));
-    }
-    function ye(s, t = {}) {
-      const a = w.value;
-      if (!a) return;
-      const g = Math.max(0, ue.value - a.clientHeight), b = Math.min(
-        Math.max(0, Number.isFinite(s) ? s : 0),
-        g
-      ), Me = t.behavior ?? "auto";
-      Me === "auto" && (k.value = b), a.scrollTo({ ...t, top: b, behavior: Me });
-    }
-    function _(s, t = {}) {
-      const a = w.value;
-      if (!a || e.items.length === 0) return;
-      const g = Math.min(
+    function ze(v, T) {
+      v instanceof HTMLElement && (Y.set(v, T), H == null || H.observe(v));
+    }
+    function be() {
+      for (const [v] of Y)
+        v.isConnected || (H == null || H.unobserve(v), Y.delete(v));
+    }
+    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
+      ), ke = T.behavior ?? "auto";
+      ke === "auto" && ($.value = Q), i.scrollTo({ ...T, top: Q, behavior: ke });
+    }
+    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(s))
-      ), { align: b = "start", ...Me } = t;
-      let ge = de.value.offsets[g];
-      const ve = de.value.sizes[g];
-      b === "center" ? ge -= (a.clientHeight - ve) / 2 : b === "end" && (ge -= a.clientHeight - ve);
-      const Le = Math.max(
+        Math.max(0, Math.floor(v))
+      ), { 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(ge, ue.value - a.clientHeight)
-      ), ke = Me.behavior ?? "auto";
-      ke === "auto" && (k.value = Le), a.scrollTo({
-        ...Me,
-        top: Le,
-        behavior: ke
+        Math.min(ge, ve.value - i.clientHeight)
+      ), K = ke.behavior ?? "auto";
+      K === "auto" && ($.value = d), i.scrollTo({
+        ...ke,
+        top: d,
+        behavior: K
       });
     }
-    function ee(s = "auto") {
-      var t;
-      (t = w.value) == null || t.scrollTo({ top: 0, behavior: s });
+    function de(v = "auto") {
+      var T;
+      (T = C.value) == null || T.scrollTo({ top: 0, behavior: v });
     }
-    return ie(
+    return ye(
       () => e.itemKey,
       () => {
-        W.clear(), F.value += 1;
+        G.clear(), V.value += 1;
       }
-    ), ie(
+    ), ye(
       () => e.items.length,
       async () => {
-        const s = new Set(
-          e.items.map((g, b) => J(g, b))
+        const v = new Set(
+          e.items.map((q, Q) => le(q, Q))
         );
-        for (const g of W.keys())
-          s.has(g) || W.delete(g);
-        F.value += 1, await C();
-        const t = w.value;
-        if (!t) return;
-        const a = Math.max(0, ue.value - t.clientHeight);
-        t.scrollTop > a && (t.scrollTop = a, k.value = a), L();
+        for (const q of G.keys())
+          v.has(q) || G.delete(q);
+        V.value += 1, await Z();
+        const T = C.value;
+        if (!T) return;
+        const i = Math.max(0, ve.value - T.clientHeight);
+        T.scrollTop > i && (T.scrollTop = i, $.value = i), F();
       }
-    ), ie(
+    ), ye(
       () => [e.hasMore, e.loading],
-      async ([s]) => {
-        s || (ae = -1), await C(), L();
+      async ([v]) => {
+        v || (ae = -1), await Z(), F();
       }
-    ), Ae(() => {
-      if (he(), typeof ResizeObserver < "u") {
-        Z = new ResizeObserver(he), H = new ResizeObserver(te), w.value && Z.observe(w.value);
-        for (const [s] of ne)
-          H.observe(s);
+    ), 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);
       }
-      C(L);
-    }), Xe(re), Ce(() => {
-      Z && (Z.disconnect(), Z = void 0), H && (H.disconnect(), H = void 0), ne.clear();
-    }), P({
-      scrollTo: ye,
-      scrollToIndex: _,
-      scrollToTop: ee
-    }), (s, t) => (I(), $("div", {
+      Z(F);
+    }), $t(be), Xe(() => {
+      se && (se.disconnect(), se = void 0), H && (H.disconnect(), H = void 0), Y.clear();
+    }), s({
+      scrollTo: Me,
+      scrollToIndex: ce,
+      scrollToTop: de
+    }), (v, T) => (j(), U("div", {
       ref_key: "viewport",
-      ref: w,
-      class: Ye(["vue-dynamic-virtual-scroll", { "vue-dynamic-virtual-scroll--pulling": c(f) }]),
-      style: N(Q.value),
+      ref: C,
+      class: st(["vue-dynamic-virtual-scroll", { "vue-dynamic-virtual-scroll--pulling": f(x) }]),
+      style: re(me.value),
       role: "list",
-      "aria-label": l.ariaLabel,
+      "aria-label": t.ariaLabel,
       tabindex: "0",
-      onScrollPassive: y,
-      onTouchstartPassive: t[0] || (t[0] = //@ts-ignore
-      (...a) => c(U) && c(U)(...a)),
-      onTouchmove: t[1] || (t[1] = //@ts-ignore
-      (...a) => c(q) && c(q)(...a)),
-      onTouchend: t[2] || (t[2] = //@ts-ignore
-      (...a) => c(V) && c(V)(...a)),
-      onTouchcancel: t[3] || (t[3] = //@ts-ignore
-      (...a) => c(D) && c(D)(...a))
+      onScrollPassive: E,
+      onTouchstartPassive: T[0] || (T[0] = //@ts-ignore
+      (...i) => f(R) && f(R)(...i)),
+      onTouchmove: T[1] || (T[1] = //@ts-ignore
+      (...i) => f(D) && f(D)(...i)),
+      onTouchend: T[2] || (T[2] = //@ts-ignore
+      (...i) => f(b) && f(b)(...i)),
+      onTouchcancel: T[3] || (T[3] = //@ts-ignore
+      (...i) => f(A) && f(A)(...i))
     }, [
-      l.pullToRefresh || l.refreshing ? (I(), $("div", {
+      t.pullToRefresh || t.refreshing ? (j(), U("div", {
         key: 0,
         class: "vue-dynamic-virtual-scroll__refresh",
-        style: N({
-          height: `${c(O)}px`,
-          transform: `translateY(${c(o) - c(O)}px)`
+        style: re({
+          height: `${f(M)}px`,
+          transform: `translateY(${f(r) - f(M)}px)`
         }),
         role: "status",
         "aria-live": "polite"
       }, [
-        ce(s.$slots, "refresh", {
-          pullDistance: c(r),
-          progress: c(m),
-          refreshing: l.refreshing
+        Se(v.$slots, "refresh", {
+          pullDistance: f(y),
+          progress: f(u),
+          refreshing: t.refreshing
         }, () => [
-          Ve(je(c(A)), 1)
+          Ge(ht(f(n)), 1)
         ])
-      ], 4)) : ze("", !0),
-      l.items.length || l.loading ? (I(), $("div", {
+      ], 4)) : Re("", !0),
+      t.items.length || t.loading ? (j(), U("div", {
         key: 1,
         class: "vue-dynamic-virtual-scroll__spacer",
-        style: N({
-          height: `${ue.value}px`,
-          transform: `translateY(${c(o)}px)`
+        style: re({
+          height: `${ve.value}px`,
+          transform: `translateY(${f(r)}px)`
         })
       }, [
-        (I(!0), $(Re, null, De(z.value, ({ item: a, index: g, key: b, top: Me }) => (I(), $("div", {
-          key: b,
+        (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: (ge) => oe(ge, b),
+          ref: (ge) => ze(ge, Q),
           class: "vue-dynamic-virtual-scroll__item",
-          style: N({ transform: `translateY(${Me}px)` }),
+          style: re({ transform: `translateY(${ke}px)` }),
           role: "listitem",
-          "aria-posinset": g + 1,
-          "aria-setsize": l.items.length
+          "aria-posinset": q + 1,
+          "aria-setsize": t.items.length
         }, [
-          ce(s.$slots, "default", {
-            item: a,
-            index: g
+          Se(v.$slots, "default", {
+            item: i,
+            index: q
           })
-        ], 12, ut))), 128)),
-        l.loading ? (I(), $("div", {
+        ], 12, Qt))), 128)),
+        t.loading ? (j(), U("div", {
           key: 0,
           class: "vue-dynamic-virtual-scroll__loading",
-          style: N({
-            height: `${le.value}px`,
-            transform: `translateY(${de.value.total}px)`
+          style: re({
+            height: `${te.value}px`,
+            transform: `translateY(${he.value.total}px)`
           }),
           role: "status",
           "aria-live": "polite"
         }, [
-          ce(s.$slots, "loading", {}, () => [
-            t[4] || (t[4] = Ve("Loading more…", -1))
+          Se(v.$slots, "loading", {}, () => [
+            T[4] || (T[4] = Ge("Loading more…", -1))
           ])
-        ], 4)) : ze("", !0)
-      ], 4)) : (I(), $("div", {
+        ], 4)) : Re("", !0)
+      ], 4)) : (j(), U("div", {
         key: 2,
         class: "vue-dynamic-virtual-scroll__empty",
-        style: N({ transform: `translateY(${c(o)}px)` })
+        style: re({ transform: `translateY(${f(r)}px)` })
       }, [
-        ce(s.$slots, "empty")
+        Se(v.$slots, "empty")
       ], 4))
-    ], 46, rt));
+    ], 46, Jt));
   }
-}), ct = ["aria-label"], dt = ["aria-current", "aria-posinset", "aria-setsize"], ft = {
+}), _t = ["aria-label"], ea = ["aria-current", "aria-posinset", "aria-setsize"], ta = {
   key: 1,
   class: "vue-short-media-feed__empty"
-}, vt = 36, ht = 700, mt = /* @__PURE__ */ Oe({
+}, aa = 36, na = 700, la = /* @__PURE__ */ tt({
   name: "ShortMediaFeed",
   __name: "ShortMediaFeed",
   props: {
@@ -799,170 +1132,174 @@ const rt = ["aria-label"], ut = ["aria-posinset", "aria-setsize"], et = /* @__PU
     loadMoreThreshold: { default: 2 }
   },
   emits: ["update:activeIndex", "change", "reachStart", "reachEnd", "loadMore"],
-  setup(l, { expose: P, emit: x }) {
-    const e = l, p = x, f = j(), r = j(0), o = j(R(e.activeIndex));
-    let m, A = -1, O = 0, U = !1, q;
-    const V = Ue(), { getItemKey: D } = Pe({
+  setup(t, { expose: s, emit: I }) {
+    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
-    }), w = n(
+    }), C = h(
       () => Math.max(0, Math.floor(e.buffer))
-    ), k = n(
+    ), $ = h(
       () => Math.max(
         0,
         Math.floor(
           Number.isFinite(e.loadMoreThreshold) ? e.loadMoreThreshold : 0
         )
       )
-    ), E = n(() => r.value > 0 ? r.value : typeof e.height == "number" ? Math.max(1, e.height) : 0), F = n(
-      () => Math.max(0, o.value - w.value)
-    ), W = n(
+    ), 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,
-        o.value + w.value + 1
+        r.value + C.value + 1
       )
-    ), ne = n(
-      () => e.items.slice(F.value, W.value).map((u, d) => ({
-        item: u,
-        index: F.value + d
-      }))
-    ), Z = n(() => F.value * E.value), H = n(
-      () => (e.items.length - W.value) * E.value
-    ), ae = n(() => ({
-      height: Fe(e.height)
+    ), 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(V.value, G.value).map((S, P) => ({
+          item: S,
+          index: V.value + P
+        }))
+      )
+    ), se = h(() => V.value * B.value), H = h(
+      () => (e.items.length - G.value) * B.value
+    ), ae = h(() => ({
+      height: gt(e.height)
     }));
-    function R(u) {
+    function ne(S) {
       return e.items.length === 0 ? 0 : Math.min(
         e.items.length - 1,
-        Math.max(0, Math.floor(Number.isFinite(u) ? u : 0))
+        Math.max(0, Math.floor(Number.isFinite(S) ? S : 0))
       );
     }
-    function J() {
-      if (!e.hasMore || e.loading || A === e.items.length)
+    function le() {
+      if (!e.hasMore || e.loading || n === e.items.length)
         return;
-      (e.items.length === 0 ? 0 : e.items.length - 1 - o.value) <= k.value && (A = e.items.length, p("loadMore"));
+      (e.items.length === 0 ? 0 : e.items.length - 1 - r.value) <= $.value && (n = e.items.length, z("loadMore"));
     }
-    function Y(u) {
-      const d = R(u);
-      d === o.value || e.items.length === 0 || (o.value = d, p("update:activeIndex", d), p("change", {
-        index: d,
-        item: e.items[d]
-      }), d === 0 && p("reachStart"), d === e.items.length - 1 && p("reachEnd"), J());
+    function 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 le(u, d = {}) {
-      const z = f.value;
-      z && (typeof z.scrollTo == "function" ? z.scrollTo({ ...d, top: u }) : z.scrollTop = u);
+    function te(S, P = {}) {
+      const oe = x.value;
+      oe && (typeof oe.scrollTo == "function" ? oe.scrollTo({ ...P, top: S }) : oe.scrollTop = S);
     }
-    function se(u, d = {}) {
+    function ue(S, P = {}) {
       if (e.items.length === 0) return;
-      const z = R(u);
-      Y(z), le(z * E.value, d);
-    }
-    function me(u) {
-      if (E.value <= 0) return;
-      const d = u.currentTarget.scrollTop;
-      Y(Math.round(d / E.value));
-    }
-    function de(u) {
-      let d;
-      u.key === "ArrowDown" || u.key === "PageDown" ? d = o.value + 1 : u.key === "ArrowUp" || u.key === "PageUp" ? d = o.value - 1 : u.key === "Home" ? d = 0 : u.key === "End" && (d = e.items.length - 1), d !== void 0 && (u.preventDefault(), se(d, { behavior: "smooth" }));
-    }
-    function ue(u) {
-      return u.deltaMode === WheelEvent.DOM_DELTA_LINE ? u.deltaY * 16 : u.deltaMode === WheelEvent.DOM_DELTA_PAGE ? u.deltaY * (E.value || 1) : u.deltaY;
-    }
-    function we(u) {
-      if (u.ctrlKey || Math.abs(u.deltaX) > Math.abs(u.deltaY) || e.items.length === 0 || E.value <= 0 || (u.preventDefault(), U)) return;
-      const d = ue(u);
-      if (d * O < 0 && (O = 0), O += d, Math.abs(O) < vt) return;
-      const z = O > 0 ? 1 : -1;
-      O = 0;
-      const Q = o.value + z;
-      Q < 0 || Q >= e.items.length || (U = !0, se(Q, { behavior: "smooth" }), q = setTimeout(() => {
-        U = !1;
-      }, ht));
-    }
-    function G() {
-      var d;
-      const u = ((d = f.value) == null ? void 0 : d.clientHeight) ?? 0;
-      V(f.value, e.height), !(u <= 0 || u === r.value) && (r.value = u, C(() => {
-        le(o.value * u);
+      const oe = ne(S);
+      ie(oe), te(oe * B.value, P);
+    }
+    function fe(S) {
+      if (B.value <= 0) return;
+      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 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 ie(
+    return ye(
       () => e.activeIndex,
-      async (u) => {
-        const d = R(u);
-        d !== o.value && (o.value = d, await C(), le(d * E.value), J());
+      async (S) => {
+        const P = ne(S);
+        P !== r.value && (r.value = P, await Z(), te(P * B.value), le());
       }
-    ), ie(
+    ), ye(
       () => [
         e.hasMore,
         e.loading,
         e.loadMoreThreshold
       ],
-      async ([u]) => {
-        u || (A = -1), await C(), J();
+      async ([S]) => {
+        S || (n = -1), await Z(), le();
       }
-    ), ie(
+    ), ye(
       () => e.items.length,
       async () => {
-        const u = R(o.value);
-        e.items.length === 0 ? o.value !== 0 && (o.value = 0, p("update:activeIndex", 0)) : Y(u), await C(), le(u * E.value), J();
+        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();
       }
-    ), Ae(async () => {
-      G(), typeof ResizeObserver < "u" && f.value && (m = new ResizeObserver(G), m.observe(f.value)), await C(), le(o.value * E.value), J();
-    }), Ce(() => {
-      m && (m.disconnect(), m = void 0), q && (clearTimeout(q), q = void 0);
-    }), P({
-      scrollToIndex: se
-    }), (u, d) => (I(), $("div", {
+    ), 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: ue
+    }), (S, P) => (j(), U("div", {
       ref_key: "viewport",
-      ref: f,
+      ref: x,
       class: "vue-short-media-feed",
-      style: N(ae.value),
+      style: re(ae.value),
       role: "list",
       "aria-orientation": "vertical",
-      "aria-label": l.ariaLabel,
+      "aria-label": t.ariaLabel,
       tabindex: "0",
-      onScrollPassive: me,
-      onWheel: we,
-      onKeydown: de
+      onScrollPassive: fe,
+      onWheel: J,
+      onKeydown: he
     }, [
-      l.items.length ? (I(), $(Re, { key: 0 }, [
-        Z.value > 0 ? (I(), $("div", {
+      t.items.length ? (j(), U(et, { key: 0 }, [
+        se.value > 0 ? (j(), U("div", {
           key: 0,
           class: "vue-short-media-feed__spacer",
-          style: N({ height: `${Z.value}px` }),
+          style: re({ height: `${se.value}px` }),
           "aria-hidden": "true"
-        }, null, 4)) : ze("", !0),
-        (I(!0), $(Re, null, De(ne.value, ({ item: z, index: Q }) => (I(), $("div", {
-          key: c(D)(z, Q),
+        }, 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: N({ height: `${E.value}px` }),
+          style: re({ height: `${B.value}px` }),
           role: "listitem",
-          "aria-current": Q === o.value ? "true" : void 0,
-          "aria-posinset": Q + 1,
-          "aria-setsize": l.items.length
+          "aria-current": me === r.value ? "true" : void 0,
+          "aria-posinset": me + 1,
+          "aria-setsize": t.items.length
         }, [
-          ce(u.$slots, "default", {
-            item: z,
-            index: Q,
-            active: Q === o.value
+          Se(S.$slots, "default", {
+            item: oe,
+            index: me,
+            active: me === r.value
           })
-        ], 12, dt))), 128)),
-        H.value > 0 ? (I(), $("div", {
+        ], 12, ea))), 128)),
+        H.value > 0 ? (j(), U("div", {
           key: 1,
           class: "vue-short-media-feed__spacer",
-          style: N({ height: `${H.value}px` }),
+          style: re({ height: `${H.value}px` }),
           "aria-hidden": "true"
-        }, null, 4)) : ze("", !0)
-      ], 64)) : (I(), $("div", ft, [
-        ce(u.$slots, "empty")
+        }, null, 4)) : Re("", !0)
+      ], 64)) : (j(), U("div", ta, [
+        Se(S.$slots, "empty")
       ]))
-    ], 44, ct));
+    ], 44, _t));
   }
-}), gt = ["aria-label"], pt = /* @__PURE__ */ Oe({
+}), oa = ["aria-label"], ia = /* @__PURE__ */ tt({
   __name: "SkeletonLoader",
   props: {
     width: { default: "100%" },
@@ -971,38 +1308,323 @@ const rt = ["aria-label"], ut = ["aria-posinset", "aria-setsize"], et = /* @__PU
     animated: { type: Boolean, default: !0 },
     ariaLabel: { default: "Loading…" }
   },
-  setup(l) {
-    const P = l;
-    function x(p) {
-      return typeof p == "number" ? `${Math.max(0, p)}px` : p;
-    }
-    const e = n(() => ({
-      width: x(P.width),
-      height: x(P.height)
+  setup(t) {
+    const s = t;
+    function I(z) {
+      return typeof z == "number" ? `${Math.max(0, z)}px` : z;
+    }
+    const e = h(() => ({
+      width: I(s.width),
+      height: I(s.height)
     }));
-    return (p, f) => (I(), $("div", {
-      class: Ye(["vue-skeleton-loader", [
-        `vue-skeleton-loader--${l.variant}`,
-        { "vue-skeleton-loader--animated": l.animated }
+    return (z, x) => (j(), U("div", {
+      class: st(["vue-skeleton-loader", [
+        `vue-skeleton-loader--${t.variant}`,
+        { "vue-skeleton-loader--animated": t.animated }
       ]]),
-      style: N(e.value),
+      style: re(e.value),
       role: "status",
-      "aria-label": l.ariaLabel
-    }, null, 14, gt));
+      "aria-label": t.ariaLabel
+    }, null, 14, oa));
   }
-}), yt = (l, P) => {
-  const x = l.__vccOpts || l;
-  for (const [e, p] of P)
-    x[e] = p;
-  return x;
-}, Mt = /* @__PURE__ */ yt(pt, [["__scopeId", "data-v-fc92f61f"]]), xt = ["aria-label"], wt = {
-  key: 0,
-  class: "vue-virtual-carousel__track",
-  role: "list"
-}, Tt = ["aria-label", "aria-current"], bt = {
+}), ra = (t, s) => {
+  const I = t.__vccOpts || t;
+  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) {
+  const I = t * Math.abs(t) / (2 * ua), e = s * 2;
+  return Math.max(-e, Math.min(e, I));
+}
+function da(t, s, I, e = 250) {
+  const z = s - t, x = Math.abs(I);
+  if (!(x >= 0.1 && z * I > 0))
+    return {
+      keyframes: [
+        { transform: `translate3d(${t}px, 0, 0)` },
+        { transform: `translate3d(${s}px, 0, 0)` }
+      ],
+      options: {
+        duration: Math.round(
+          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 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 }, (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: b,
+        transform: `translate3d(${B}px, 0, 0)`
+      };
+    }),
+    options: { duration: r, easing: "linear", fill: "forwards" }
+  };
+}
+function fa(t) {
+  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 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 J() {
+    const d = t.viewport();
+    d && (ie || (le = d.style.scrollSnapType), ie = !0, d.style.scrollSnapType = "none");
+  }
+  function O() {
+    const d = se;
+    Z(() => {
+      ue || d !== se || s.value !== "idle" || (t.viewport() && (t.viewport().style.scrollSnapType = le), ie = !1);
+    });
+  }
+  function S() {
+    const d = t.track();
+    d && (d.style.transform = "", d.style.willChange = "");
+  }
+  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 oe() {
+    return V ? D - P() * fe() : y.value ? D - b * fe() : he();
+  }
+  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 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 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 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 _() {
+    V && (t.onPosition(oe()), Y = requestAnimationFrame(_));
+  }
+  function pe() {
+    return typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+  }
+  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;
+    }
+    ++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 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 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(K));
+    }
+  }
+  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 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(K), Math.abs(m)) < w || k && Math.abs(K) < w) return;
+      if (u !== "mouse" && Math.abs(m) >= Math.abs(K)) {
+        F();
+        return;
+      }
+      J(), s.value = "dragging", (De = ($e = t.viewport()) == null ? void 0 : $e.setPointerCapture) == null || De.call($e, d.pointerId);
+    }
+    if (s.value !== "dragging") return;
+    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 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;
+    }
+    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 T(d) {
+    v(d);
+  }
+  function i(d) {
+    v(d, !0);
+  }
+  function q() {
+    v(void 0, !0);
+  }
+  function Q(d) {
+    d.target === t.viewport() && r === d.pointerId && s.value === "dragging" && v(d, !0);
+  }
+  function ke(d) {
+    !H || d.detail === 0 || (d.preventDefault(), d.stopPropagation(), H = !1);
+  }
+  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 Ee(d) {
+    r !== void 0 && d.preventDefault();
+  }
+  return Xe(() => {
+    F(!1), ue = !0, ae !== void 0 && clearTimeout(ae), t.viewport() && (t.viewport().style.scrollSnapType = le);
+  }), {
+    phase: s,
+    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) {
+  let s;
+  function I() {
+    s !== void 0 && clearTimeout(s), s = void 0;
+  }
+  function e() {
+    if (I(), !t.enabled() || t.paused() || t.count() < 2 || t.atEnd() && !t.loop()) return;
+    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());
+    }, z);
+  }
+  return ye(
+    () => [t.enabled(), t.paused(), t.delay(), t.count(), t.loop(), t.atEnd()],
+    e,
+    { immediate: !0 }
+  ), Xe(I), { start: e, stop: I };
+}
+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 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 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 u;
+  }
+  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: 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"
-}, St = /* @__PURE__ */ Oe({
+}, ya = /* @__PURE__ */ tt({
   name: "VirtualCarousel",
   __name: "VirtualCarousel",
   props: {
@@ -1022,310 +1644,373 @@ const rt = ["aria-label"], ut = ["aria-posinset", "aria-setsize"], et = /* @__PU
     autoplayDelay: { default: 3e3 },
     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 },
+    nativeSnap: { type: Boolean, default: !0 },
+    autoWidth: { type: Boolean, default: !1 },
+    estimatedItemWidth: { default: 240 },
+    rtl: { type: Boolean, default: !1 },
+    loop: { type: Boolean, default: !1 },
+    keepAlive: { type: Boolean, default: !1 },
+    maxCachedItems: { default: 20 },
+    pinnedIndexes: { default: () => [] },
     responsive: { default: void 0 }
   },
   emits: ["update:activeIndex", "change", "reachStart", "reachEnd", "loadMore"],
-  setup(l, { expose: P, emit: x }) {
-    const e = l, p = x, f = j(), r = j(0), o = j(0);
-    let m, A = -1, O, U, q = !1;
-    const V = j(!1), { getItemKey: D } = Pe({
+  setup(t, { expose: s, emit: I }) {
+    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
-    }), w = n(() => Math.max(0, r.value)), k = n(() => {
-      if (!e.responsive || e.responsive.length === 0)
-        return {
-          slidesPerView: e.slidesPerView,
-          slidesToScroll: e.slidesToScroll,
-          gap: e.gap
-        };
-      const t = w.value, a = [...e.responsive].sort(
-        (g, b) => b.breakpoint - g.breakpoint
-      );
-      for (const g of a)
-        if (t >= g.breakpoint)
-          return {
-            slidesPerView: g.slidesPerView ?? e.slidesPerView,
-            slidesToScroll: g.slidesToScroll ?? e.slidesToScroll,
-            gap: g.gap ?? e.gap
-          };
+    }), 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: e.slidesPerView,
-        slidesToScroll: e.slidesToScroll,
-        gap: e.gap
+        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)
       };
-    }), E = n(
-      () => Math.max(
-        1,
-        Math.floor(
-          Number.isFinite(k.value.slidesPerView) ? k.value.slidesPerView : 1
-        )
-      )
-    ), F = n(
-      () => Math.max(
-        1,
-        Math.floor(
-          Number.isFinite(k.value.slidesToScroll) ? k.value.slidesToScroll : 1
-        )
-      )
-    ), W = n(
-      () => Math.max(0, Number.isFinite(k.value.gap) ? k.value.gap : 0)
-    ), ne = n(
-      () => Math.max(
-        0,
-        Math.floor(Number.isFinite(e.buffer) ? e.buffer : 0)
-      )
-    ), Z = n(
-      () => Math.max(
-        0,
-        Math.floor(
-          Number.isFinite(e.loadMoreThreshold) ? e.loadMoreThreshold : 0
-        )
-      )
-    ), H = n(() => Number.isFinite(e.autoplayDelay) ? Math.max(1, e.autoplayDelay) : 3e3), ae = n(() => {
-      if (w.value <= 0) return 0;
-      const t = (E.value - 1) * W.value;
-      return Math.max(
-        1,
-        (w.value - t) / E.value
-      );
-    }), R = n(() => ae.value + W.value), J = n(
-      () => Math.max(
-        0,
-        e.items.length - E.value
-      )
-    ), Y = n(
-      () => Math.max(0, o.value - ne.value)
-    ), le = n(
-      () => Math.min(
-        e.items.length,
-        o.value + E.value + ne.value
-      )
-    ), se = n(
-      () => e.items.slice(Y.value, le.value).map((t, a) => ({
-        item: t,
-        index: Y.value + a
-      }))
-    ), me = n(() => e.items.length === 0 ? 0 : e.items.length * ae.value + (e.items.length - 1) * W.value), de = n(
-      () => Y.value * R.value
-    ), ue = n(
-      () => Math.max(
-        0,
-        me.value - le.value * R.value
-      )
-    ), we = n(() => ({
-      height: Fe(e.height)
+    }), ue = h(() => ie(e.buffer, 0, 1)), fe = h(() => ie(e.maxCachedItems, 0, 20)), he = h(() => r.value > 0 ? Math.max(
+      1,
+      (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);
+    }), 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 G(t) {
-      return Math.min(
-        J.value,
-        Math.max(0, Math.floor(Number.isFinite(t) ? t : 0))
-      );
-    }
-    o.value = G(e.activeIndex);
-    function u(t) {
-      return t >= o.value && t < Math.min(
-        e.items.length,
-        o.value + E.value
-      );
-    }
-    function d() {
-      if (!e.hasMore || e.loading || A === e.items.length)
+    function E(a) {
+      const l = Math.floor(Number.isFinite(a) ? a : 0);
+      return O.value ? dt(l, e.items.length) : Math.max(0, Math.min(P.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 _(a) {
+      const l = J.value.cycleWidth;
+      return O.value && l > 0 ? (a % l + l) % l : Math.max(0, a);
+    }
+    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 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 (!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 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 ce(a) {
+      if (e.items.length === 0) {
+        b.value = [], A.value = [0, 0];
         return;
-      const t = e.items.length === 0 ? -1 : Math.min(
-        e.items.length - 1,
-        o.value + E.value - 1
-      );
-      e.items.length - 1 - t <= Z.value && (A = e.items.length, p("loadMore"));
-    }
-    function z(t) {
-      const a = G(t);
-      a === o.value || e.items.length === 0 || (o.value = a, p("update:activeIndex", a), p("change", {
-        index: a,
-        item: e.items[a]
-      }), a === 0 && p("reachStart"), a === J.value && p("reachEnd"), d(), e.autoplay && !V.value && B());
-    }
-    function Q(t, a = {}) {
-      const g = f.value;
-      g && (typeof g.scrollTo == "function" ? g.scrollTo({ ...a, left: t }) : g.scrollLeft = t);
-    }
-    function he(t, a = {}) {
-      if (e.items.length === 0 || R.value <= 0) return;
-      const g = G(t);
-      U = a.behavior === "smooth" ? g : void 0, z(g), Q(g * R.value, {
-        ...a,
-        behavior: a.behavior
-      });
+      }
+      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 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);
+      }
+      W.join(",") !== b.value.join(",") && (b.value = W);
     }
-    function y(t = "smooth") {
-      he(
-        o.value + F.value,
-        { behavior: t }
-      );
+    function de(a) {
+      if (e.autoWidth) {
+        const l = F(n.value), g = ze(a, l);
+        return g + ve.value[a] > l && g < l + r.value;
+      }
+      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 ? 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 = 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 i = fa({
+      viewport: () => x.value,
+      track: () => y.value,
+      rtl: () => e.rtl,
+      mouseDrag: () => e.mouseDrag,
+      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, 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 } = 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: () => !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 [...Ke.values()].sort((Be, He) => Be.virtual - He.virtual);
+    });
+    ye([b, q, ne], () => {
+      if (q.value !== "idle") return;
+      const a = b.value.filter((g) => g < e.items.length).map((g) => ne.value[g]);
+      if (!e.keepAlive) {
+        $.value = [];
+        return;
+      }
+      const l = $.value.filter((g) => le.value.has(g) && !a.includes(g));
+      $.value = [...l, ...a].slice(-(fe.value + a.length));
+    }, { immediate: !0 });
+    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 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]
+      }));
+    }), 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 w(a) {
+      const l = ve.value[a.index];
+      return {
+        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 ? `${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 && !O.value && r.value > 0 ? "start" : "none"
+      };
     }
-    function L(t = "smooth") {
-      he(
-        o.value - F.value,
-        { behavior: t }
-      );
+    function k() {
+      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 B() {
-      te(), !(!e.autoplay || e.items.length === 0) && (O = setTimeout(() => {
-        o.value >= J.value ? e.autoplayLoop ? he(0, { behavior: "smooth" }) : te() : y("smooth");
-      }, H.value));
+    function ee(a, l) {
+      if (l < 0 || l >= e.items.length) return;
+      const { width: g, height: W } = a.getBoundingClientRect();
+      W > u.value && (u.value = W);
+      const Te = ne.value[l];
+      e.autoWidth && g > 0 && Math.abs((C.value.get(Te) ?? 0) - g) > 0.5 && H.set(Te, g);
     }
-    function te() {
-      O !== void 0 && (clearTimeout(O), O = void 0);
+    function L() {
+      var l;
+      if (Y || e.height !== "auto") return;
+      let a = 0;
+      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;
+      }
+      se.set(l, a), (e.autoWidth || e.height === "auto") && (V == null || V.observe(a), ee(a, l), Z(k), Z(L));
     }
-    function oe() {
-      V.value = !0, e.pauseOnHover && te();
+    function we(a, l = {}) {
+      !e.items.length || r.value <= 0 || i.navigate(E(a), l.behavior ?? "auto", 0, O.value || !e.nativeSnap);
     }
-    function re() {
-      V.value = !1, e.autoplay && B();
+    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 ye() {
-      U = void 0;
+    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 _(t) {
-      if (R.value <= 0 || q) return;
-      const a = t.currentTarget.scrollLeft;
-      if (U !== void 0) {
-        const g = U * R.value;
-        if (Math.abs(a - g) > 1) return;
-        U = void 0;
-      }
-      z(Math.round(a / R.value));
+    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(), $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 ee(t) {
-      t.key === "ArrowRight" || t.key === "PageDown" ? (t.preventDefault(), y()) : t.key === "ArrowLeft" || t.key === "PageUp" ? (t.preventDefault(), L()) : t.key === "Home" ? (t.preventDefault(), he(0, { behavior: "smooth" })) : t.key === "End" && (t.preventDefault(), he(J.value, { behavior: "auto" }));
+    function 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 s() {
-      var a;
-      const t = ((a = f.value) == null ? void 0 : a.clientWidth) ?? 0;
-      t <= 0 || t === r.value || (q = !0, r.value = t, C(() => {
-        const g = G(o.value);
-        Q(g * R.value), q = !1;
-      }));
+    function je() {
+      Z(() => {
+        var a;
+        (a = x.value) != null && a.contains(document.activeElement) || (D.value = void 0);
+      });
     }
-    return ie(
-      () => e.activeIndex,
-      async (t) => {
-        const a = G(t);
-        a !== o.value && (ye(), o.value = a, await C(), Q(a * R.value), d());
-      }
-    ), ie(
-      () => [
-        e.items.length,
-        k.value.slidesPerView,
-        k.value.gap,
-        k.value.slidesToScroll
-      ],
-      async () => {
-        const t = G(o.value);
-        e.items.length === 0 ? o.value !== 0 && (o.value = 0, p("update:activeIndex", 0)) : z(t), await C(), Q(t * R.value), d(), e.autoplay && e.items.length > 0 && !V.value && B();
-      }
-    ), ie(
-      () => e.responsive,
-      () => {
-        C(() => {
-          const t = G(o.value);
-          Q(t * R.value);
-        });
-      },
-      { deep: !0 }
-    ), ie(
-      () => [
-        e.hasMore,
-        e.loading,
-        e.loadMoreThreshold
-      ],
-      async ([t]) => {
-        t || (A = -1), await C(), d();
-      }
-    ), ie(
-      () => e.autoplay,
-      (t) => {
-        t && !V.value ? B() : te();
-      }
-    ), ie(
-      () => e.autoplayDelay,
-      () => {
-        e.autoplay && !V.value && B();
-      }
-    ), ie(
-      () => e.autoplayLoop,
-      (t) => {
-        !e.autoplay || V.value || (!t && o.value >= J.value ? te() : B());
-      }
-    ), ie(
-      () => e.pauseOnHover,
-      (t) => {
-        t && V.value ? te() : !t && e.autoplay && B();
-      }
-    ), Ae(async () => {
-      s(), typeof ResizeObserver < "u" && f.value && (m = new ResizeObserver(s), m.observe(f.value)), await C(), Q(o.value * R.value), d(), e.autoplay && B();
-    }), Ce(() => {
-      m && (m.disconnect(), m = void 0), te();
-    }), P({
-      next: y,
-      previous: L,
-      scrollToIndex: he,
-      startAutoplay: B,
-      stopAutoplay: te
-    }), (t, a) => (I(), $("div", {
+    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 ut() {
+      var l;
+      const a = ((l = x.value) == null ? void 0 : l.clientWidth) ?? 0;
+      a <= 0 || a === r.value || (r.value = a);
+    }
+    return ye(() => [
+      e.items.length,
+      r.value,
+      te.value.slidesPerView,
+      te.value.gap,
+      e.rtl,
+      O.value,
+      e.autoWidth,
+      e.nativeSnap,
+      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);
+    }), ye(() => ne.value, (a) => {
+      const l = new Set(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);
+    }), 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 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: f,
-      class: "vue-virtual-carousel",
-      style: N(we.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": l.ariaLabel,
+      "aria-label": t.ariaLabel,
       tabindex: "0",
-      onScrollPassive: _,
-      onPointerdown: ye,
-      onWheelPassive: ye,
-      onKeydown: ee,
-      onMouseenter: oe,
-      onMouseleave: re
+      onScrollPassive: l[0] || (l[0] = //@ts-ignore
+      (...g) => f(i).handleScroll && f(i).handleScroll(...g)),
+      onPointerdown: l[1] || (l[1] = //@ts-ignore
+      (...g) => f(i).handlePointerDown && f(i).handlePointerDown(...g)),
+      onPointermove: l[2] || (l[2] = //@ts-ignore
+      (...g) => f(i).handlePointerMove && f(i).handlePointerMove(...g)),
+      onPointerup: l[3] || (l[3] = //@ts-ignore
+      (...g) => f(i).handlePointerUp && f(i).handlePointerUp(...g)),
+      onPointercancel: l[4] || (l[4] = //@ts-ignore
+      (...g) => f(i).handlePointerCancel && f(i).handlePointerCancel(...g)),
+      onLostpointercapture: l[5] || (l[5] = //@ts-ignore
+      (...g) => f(i).handleLostPointerCapture && f(i).handleLostPointerCapture(...g)),
+      onClickCapture: l[6] || (l[6] = //@ts-ignore
+      (...g) => f(i).handleClick && f(i).handleClick(...g)),
+      onDragstart: l[7] || (l[7] = //@ts-ignore
+      (...g) => f(i).handleDragStart && f(i).handleDragStart(...g)),
+      onWheelPassive: l[8] || (l[8] = //@ts-ignore
+      (...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
     }, [
-      l.items.length ? (I(), $("div", wt, [
-        de.value > 0 ? (I(), $("div", {
+      t.items.length ? (j(), U("div", {
+        key: 0,
+        ref_key: "track",
+        ref: y,
+        class: "vue-virtual-carousel__track",
+        style: re(Ae.value),
+        role: "list"
+      }, [
+        d.value > 0 ? (j(), U("div", {
           key: 0,
           class: "vue-virtual-carousel__spacer",
-          style: N({ flexBasis: `${de.value}px` }),
+          style: re({ flexBasis: `${d.value}px`, position: K.value ? "relative" : "absolute" }),
           "aria-hidden": "true"
-        }, null, 4)) : ze("", !0),
-        (I(!0), $(Re, null, De(se.value, ({ item: g, index: b }) => (I(), $("div", {
-          key: c(D)(g, b),
+        }, null, 4)) : Re("", !0),
+        (j(!0), U(et, null, nt(Ee.value, (g) => (j(), U("div", {
+          key: g.key,
+          ref_for: !0,
+          ref: (W) => xe(W, g.index),
           class: "vue-virtual-carousel__item",
-          style: N({
-            flexBasis: `${ae.value}px`,
-            marginRight: b < l.items.length - 1 ? `${W.value}px` : "0px"
-          }),
+          "data-carousel-index": g.index,
+          style: re(w(g)),
           role: "listitem",
           "aria-roledescription": "slide",
-          "aria-label": `${b + 1} of ${l.items.length}`,
-          "aria-current": b === o.value ? "true" : void 0
+          "aria-label": `${g.index + 1} of ${t.items.length}`,
+          "aria-current": g.index === n.value ? "true" : void 0,
+          "aria-hidden": g.cached ? "true" : void 0,
+          inert: g.cached ? !0 : void 0
         }, [
-          ce(t.$slots, "default", {
-            item: g,
-            index: b,
-            active: b === o.value,
-            visible: u(b)
+          Se(a.$slots, "default", {
+            item: g.item,
+            index: g.index,
+            active: g.index === n.value,
+            visible: de(g.index),
+            inViewport: b.value.includes(g.index)
           })
-        ], 12, Tt))), 128)),
-        ue.value > 0 ? (I(), $("div", {
+        ], 12, ga))), 128)),
+        m.value > 0 ? (j(), U("div", {
           key: 1,
           class: "vue-virtual-carousel__spacer",
-          style: N({ flexBasis: `${ue.value}px` }),
+          style: re({ flexBasis: `${m.value}px`, position: K.value ? "relative" : "absolute" }),
           "aria-hidden": "true"
-        }, null, 4)) : ze("", !0)
-      ])) : (I(), $("div", bt, [
-        ce(t.$slots, "empty")
+        }, null, 4)) : Re("", !0)
+      ], 4)) : (j(), U("div", pa, [
+        Se(a.$slots, "empty")
       ]))
-    ], 44, xt));
+    ], 46, ha));
   }
-}), zt = ["aria-label"], It = ["aria-posinset", "aria-setsize"], $t = /* @__PURE__ */ Oe({
+}), wa = ["aria-label"], Ma = ["aria-posinset", "aria-setsize"], xa = /* @__PURE__ */ tt({
   name: "VirtualScroll",
   __name: "VirtualScroll",
   props: {
@@ -1344,210 +2029,210 @@ const rt = ["aria-label"], ut = ["aria-posinset", "aria-setsize"], et = /* @__PU
     pullRefreshThreshold: { default: 64 }
   },
   emits: ["scroll", "loadMore", "refresh"],
-  setup(l, { expose: P, emit: x }) {
-    const e = l, p = x, {
-      pulling: f,
-      pullDistance: r,
-      pullOffset: o,
-      pullProgress: m,
-      refreshMessage: A,
-      refreshThreshold: O,
-      handleTouchStart: U,
-      handleTouchMove: q,
-      handleTouchEnd: V,
-      handleTouchCancel: D
-    } = qe({
+  setup(t, { expose: s, emit: I }) {
+    const e = t, z = I, {
+      pulling: x,
+      pullDistance: y,
+      pullOffset: r,
+      pullProgress: u,
+      refreshMessage: n,
+      refreshThreshold: M,
+      handleTouchStart: R,
+      handleTouchMove: D,
+      handleTouchEnd: b,
+      handleTouchCancel: A
+    } = xt({
       enabled: () => e.pullToRefresh,
       refreshing: () => e.refreshing,
       threshold: () => e.pullRefreshThreshold,
-      onRefresh: () => p("refresh")
-    }), w = j(), k = j(0), E = j(0);
-    let F, W = -1;
-    const ne = Ue(), { getItemKey: Z } = Pe({
+      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
-    }), H = n(() => Math.max(1, e.itemSize)), ae = n(() => Math.max(0, Math.floor(e.overscan))), R = n(
+    }), H = h(() => Math.max(1, e.itemSize)), ae = h(() => Math.max(0, Math.floor(e.overscan))), ne = h(
       () => e.items.length * H.value
-    ), J = n(
+    ), le = h(
       () => Math.max(1, e.loadingItemSize ?? H.value)
-    ), Y = n(
-      () => R.value + (e.loading ? J.value : 0)
-    ), le = n(() => E.value > 0 ? E.value : typeof e.height == "number" ? e.height : 0), se = n(
+    ), 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(k.value / H.value) - ae.value
+        Math.floor($.value / H.value) - ae.value
       )
-    ), me = n(() => {
-      const y = Math.ceil(
-        (k.value + le.value) / H.value
+    ), fe = h(() => {
+      const E = Math.ceil(
+        ($.value + te.value) / H.value
       );
       return Math.min(
         e.items.length,
-        y + ae.value
+        E + ae.value
       );
-    }), de = n(
-      () => e.items.slice(se.value, me.value).map((y, L) => ({
-        item: y,
-        index: se.value + L
+    }), he = h(
+      () => e.items.slice(ue.value, fe.value).map((E, F) => ({
+        item: E,
+        index: ue.value + F
       }))
-    ), ue = n(() => ({
-      height: Fe(e.height)
-    })), we = n(() => ({
-      transform: `translateY(${se.value * H.value}px)`
+    ), ve = h(() => ({
+      height: gt(e.height)
+    })), J = h(() => ({
+      transform: `translateY(${ue.value * H.value}px)`
     }));
-    function G() {
-      var y;
-      E.value = ((y = w.value) == null ? void 0 : y.clientHeight) ?? 0, ne(w.value, e.height), C(d);
-    }
-    function u(y) {
-      k.value = y.currentTarget.scrollTop, p("scroll", {
-        scrollTop: k.value,
-        startIndex: se.value,
-        endIndex: me.value
-      }), d();
-    }
-    function d() {
-      const y = w.value;
-      if (!y || !e.hasMore || e.loading || W === e.items.length)
+    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 L = Math.max(0, e.loadMoreThreshold);
-      Y.value - y.scrollTop - y.clientHeight <= L && (W = e.items.length, p("loadMore"));
-    }
-    function z(y, L = {}) {
-      const B = w.value;
-      if (!B) return;
-      const te = Math.max(0, Y.value - B.clientHeight), oe = Math.min(
-        Math.max(0, Number.isFinite(y) ? y : 0),
-        te
-      ), re = L.behavior ?? "auto";
-      re === "auto" && (k.value = oe), B.scrollTo({ ...L, top: oe, behavior: re });
-    }
-    function Q(y, L = {}) {
-      const B = w.value;
-      if (!B || e.items.length === 0) return;
-      const te = Math.min(
+      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(y))
-      ), { align: oe = "start", ...re } = L;
-      let ye = te * H.value;
-      oe === "center" ? ye -= (B.clientHeight - H.value) / 2 : oe === "end" && (ye -= B.clientHeight - H.value), B.scrollTo({
-        ...re,
-        top: Math.max(0, Math.min(ye, Y.value - B.clientHeight))
+        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(Me, ie.value - _.clientHeight))
       });
     }
-    function he(y = "auto") {
-      var L;
-      (L = w.value) == null || L.scrollTo({ top: 0, behavior: y });
+    function Ae(E = "auto") {
+      var F;
+      (F = C.value) == null || F.scrollTo({ top: 0, behavior: E });
     }
-    return ie(
+    return ye(
       () => [e.items.length, e.itemSize],
       async () => {
-        await C();
-        const y = w.value;
-        if (!y) return;
-        const L = Math.max(0, Y.value - y.clientHeight);
-        y.scrollTop > L && (y.scrollTop = L, k.value = L), d();
+        await Z();
+        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();
       }
-    ), ie(
+    ), ye(
       () => [e.hasMore, e.loading],
-      async ([y]) => {
-        y || (W = -1), await C(), d();
+      async ([E]) => {
+        E || (G = -1), await Z(), P();
       }
-    ), Ae(() => {
-      G(), typeof ResizeObserver < "u" && w.value && (F = new ResizeObserver(G), F.observe(w.value)), C(d);
-    }), Ce(() => {
-      F && (F.disconnect(), F = void 0);
-    }), P({
-      scrollTo: z,
-      scrollToIndex: Q,
-      scrollToTop: he
-    }), (y, L) => (I(), $("div", {
+    ), 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: oe,
+      scrollToIndex: me,
+      scrollToTop: Ae
+    }), (E, F) => (j(), U("div", {
       ref_key: "viewport",
-      ref: w,
-      class: Ye(["vue-virtual-scroll", { "vue-virtual-scroll--pulling": c(f) }]),
-      style: N(ue.value),
+      ref: C,
+      class: st(["vue-virtual-scroll", { "vue-virtual-scroll--pulling": f(x) }]),
+      style: re(ve.value),
       role: "list",
-      "aria-label": l.ariaLabel,
+      "aria-label": t.ariaLabel,
       tabindex: "0",
-      onScrollPassive: u,
-      onTouchstartPassive: L[0] || (L[0] = //@ts-ignore
-      (...B) => c(U) && c(U)(...B)),
-      onTouchmove: L[1] || (L[1] = //@ts-ignore
-      (...B) => c(q) && c(q)(...B)),
-      onTouchend: L[2] || (L[2] = //@ts-ignore
-      (...B) => c(V) && c(V)(...B)),
-      onTouchcancel: L[3] || (L[3] = //@ts-ignore
-      (...B) => c(D) && c(D)(...B))
+      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)(..._))
     }, [
-      l.pullToRefresh || l.refreshing ? (I(), $("div", {
+      t.pullToRefresh || t.refreshing ? (j(), U("div", {
         key: 0,
         class: "vue-virtual-scroll__refresh",
-        style: N({
-          height: `${c(O)}px`,
-          transform: `translateY(${c(o) - c(O)}px)`
+        style: re({
+          height: `${f(M)}px`,
+          transform: `translateY(${f(r) - f(M)}px)`
         }),
         role: "status",
         "aria-live": "polite"
       }, [
-        ce(y.$slots, "refresh", {
-          pullDistance: c(r),
-          progress: c(m),
-          refreshing: l.refreshing
+        Se(E.$slots, "refresh", {
+          pullDistance: f(y),
+          progress: f(u),
+          refreshing: t.refreshing
         }, () => [
-          Ve(je(c(A)), 1)
+          Ge(ht(f(n)), 1)
         ])
-      ], 4)) : ze("", !0),
-      l.items.length || l.loading ? (I(), $("div", {
+      ], 4)) : Re("", !0),
+      t.items.length || t.loading ? (j(), U("div", {
         key: 1,
         class: "vue-virtual-scroll__spacer",
-        style: N({
-          height: `${Y.value}px`,
-          transform: `translateY(${c(o)}px)`
+        style: re({
+          height: `${ie.value}px`,
+          transform: `translateY(${f(r)}px)`
         })
       }, [
-        Ge("div", {
+        rt("div", {
           class: "vue-virtual-scroll__content",
-          style: N(we.value)
+          style: re(J.value)
         }, [
-          (I(!0), $(Re, null, De(de.value, ({ item: B, index: te }) => (I(), $("div", {
-            key: c(Z)(B, te),
+          (j(!0), U(et, null, nt(he.value, ({ item: _, index: pe }) => (j(), U("div", {
+            key: f(se)(_, pe),
             class: "vue-virtual-scroll__item",
-            style: N({ height: `${H.value}px` }),
+            style: re({ height: `${H.value}px` }),
             role: "listitem",
-            "aria-posinset": te + 1,
-            "aria-setsize": l.items.length
+            "aria-posinset": pe + 1,
+            "aria-setsize": t.items.length
           }, [
-            ce(y.$slots, "default", {
-              item: B,
-              index: te
+            Se(E.$slots, "default", {
+              item: _,
+              index: pe
             })
-          ], 12, It))), 128))
+          ], 12, Ma))), 128))
         ], 4),
-        l.loading ? (I(), $("div", {
+        t.loading ? (j(), U("div", {
           key: 0,
           class: "vue-virtual-scroll__loading",
-          style: N({
-            height: `${J.value}px`,
-            transform: `translateY(${R.value}px)`
+          style: re({
+            height: `${le.value}px`,
+            transform: `translateY(${ne.value}px)`
           }),
           role: "status",
           "aria-live": "polite"
         }, [
-          ce(y.$slots, "loading", {}, () => [
-            L[4] || (L[4] = Ve("Loading more…", -1))
+          Se(E.$slots, "loading", {}, () => [
+            F[4] || (F[4] = Ge("Loading more…", -1))
           ])
-        ], 4)) : ze("", !0)
-      ], 4)) : (I(), $("div", {
+        ], 4)) : Re("", !0)
+      ], 4)) : (j(), U("div", {
         key: 2,
         class: "vue-virtual-scroll__empty",
-        style: N({ transform: `translateY(${c(o)}px)` })
+        style: re({ transform: `translateY(${f(r)}px)` })
       }, [
-        ce(y.$slots, "empty")
+        Se(E.$slots, "empty")
       ], 4))
-    ], 46, zt));
+    ], 46, wa));
   }
-}), kt = ["aria-label"], Et = ["aria-posinset", "aria-setsize"], Lt = /* @__PURE__ */ Oe({
+}), Ta = ["aria-label"], ba = ["aria-posinset", "aria-setsize"], Sa = /* @__PURE__ */ tt({
   name: "WindowDynamicVirtualScroll",
   __name: "WindowDynamicVirtualScroll",
   props: {
@@ -1565,329 +2250,329 @@ const rt = ["aria-label"], ut = ["aria-posinset", "aria-setsize"], et = /* @__PU
     pullRefreshThreshold: { default: 64 }
   },
   emits: ["scroll", "loadMore", "refresh"],
-  setup(l, { expose: P, emit: x }) {
-    const e = l, p = x, f = j(), r = j(0), o = j(0), m = j(0), A = j(0), O = /* @__PURE__ */ new Map(), U = /* @__PURE__ */ new Map(), q = /* @__PURE__ */ new Map();
-    let V, D, w, k, E = !1, F = !1, W = -1;
-    const { getItemKey: ne } = Pe({
+  setup(t, { expose: s, emit: I }) {
+    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 Z(v) {
+    function se(m) {
       return typeof window.requestAnimationFrame == "function" ? {
-        id: window.requestAnimationFrame(v),
+        id: window.requestAnimationFrame(m),
         type: "animation"
       } : {
-        id: window.setTimeout(v, 0),
+        id: window.setTimeout(m, 0),
         type: "timeout"
       };
     }
-    function H(v) {
-      v && (v.type === "animation" ? window.cancelAnimationFrame(v.id) : window.clearTimeout(v.id));
+    function H(m) {
+      m && (m.type === "animation" ? window.cancelAnimationFrame(m.id) : window.clearTimeout(m.id));
     }
     const {
       pulling: ae,
-      pullDistance: R,
-      pullOffset: J,
-      pullProgress: Y,
-      refreshMessage: le,
-      refreshThreshold: se,
-      handleTouchStart: me,
-      handleTouchMove: de,
-      handleTouchEnd: ue,
-      handleTouchCancel: we
-    } = qe({
+      pullDistance: ne,
+      pullOffset: le,
+      pullProgress: ie,
+      refreshMessage: te,
+      refreshThreshold: ue,
+      handleTouchStart: fe,
+      handleTouchMove: he,
+      handleTouchEnd: ve,
+      handleTouchCancel: J
+    } = xt({
       enabled: () => e.pullToRefresh,
       refreshing: () => e.refreshing,
       threshold: () => e.pullRefreshThreshold,
-      onRefresh: () => p("refresh"),
+      onRefresh: () => z("refresh"),
       scrollTop: () => typeof window > "u" ? 0 : Math.max(0, window.scrollY)
-    }), G = n(
+    }), O = h(
       () => Math.max(1, e.estimatedItemSize)
-    ), u = n(
-      () => Math.max(1, e.loadingItemSize ?? G.value)
-    ), d = n(() => Math.max(0, Math.floor(e.overscan))), z = n(() => {
-      A.value;
-      const v = new Array(e.items.length + 1), S = new Array(e.items.length);
-      v[0] = 0;
-      for (let T = 0; T < e.items.length; T += 1) {
-        const fe = ne(e.items[T], T), X = O.get(fe) ?? G.value;
-        S[T] = X, v[T + 1] = v[T] + X;
+    ), S = h(
+      () => Math.max(1, e.loadingItemSize ?? O.value)
+    ), P = h(() => Math.max(0, Math.floor(e.overscan))), oe = h(() => {
+      n.value;
+      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 ee = Y(e.items[k], k), L = M.get(ee) ?? O.value;
+        w[k] = L, m[k + 1] = m[k] + L;
       }
       return {
-        offsets: v,
-        sizes: S,
-        total: v[e.items.length] ?? 0
+        offsets: m,
+        sizes: w,
+        total: m[e.items.length] ?? 0
       };
-    }), Q = n(
-      () => z.value.total + (e.loading ? u.value : 0)
-    ), he = n(() => {
-      const v = /* @__PURE__ */ new Map();
-      return e.items.forEach((S, T) => {
-        v.set(ne(S, T), T);
-      }), v;
-    }), y = n(
-      () => Math.max(0, r.value - m.value)
+    }), 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 L(v) {
+    function F(m) {
       if (e.items.length === 0) return 0;
-      const S = z.value.offsets;
-      let T = 0, fe = e.items.length;
-      for (; T < fe; ) {
-        const X = Math.floor((T + fe) / 2);
-        S[X + 1] <= v ? T = X + 1 : fe = X;
+      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(T, e.items.length - 1);
+      return Math.min(k, e.items.length - 1);
     }
-    const B = n(
+    const _ = h(
       () => Math.max(
         0,
-        L(y.value) - d.value
+        F(E.value) - P.value
       )
-    ), te = n(() => {
+    ), pe = h(() => {
       if (e.items.length === 0) return 0;
-      const v = r.value + o.value - m.value, S = Math.max(
-        G.value,
-        v
-      ), T = L(S) + 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,
-        T + d.value
+        k + P.value
       );
-    }), oe = n(
-      () => e.items.slice(B.value, te.value).map((v, S) => {
-        const T = B.value + S;
+    }), ze = h(
+      () => e.items.slice(_.value, pe.value).map((m, w) => {
+        const k = _.value + w;
         return {
-          item: v,
-          index: T,
-          key: ne(v, T),
-          top: z.value.offsets[T]
+          item: m,
+          index: k,
+          key: Y(m, k),
+          top: oe.value.offsets[k]
         };
       })
     );
-    function re() {
-      typeof window > "u" || (r.value = Math.max(0, window.scrollY), o.value = window.innerHeight, f.value && (m.value = f.value.getBoundingClientRect().top + r.value));
+    function be() {
+      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() {
-      p("scroll", {
-        scrollTop: y.value,
-        startIndex: B.value,
-        endIndex: te.value
+    function Me() {
+      z("scroll", {
+        scrollTop: E.value,
+        startIndex: _.value,
+        endIndex: pe.value
       });
     }
-    function _(v = !1) {
-      F && (E || (E = v), !w && (w = Z(() => {
-        w = void 0, re(), E && (E = !1, ye()), t();
+    function ce(m = !1) {
+      V && (B || (B = m), !C && (C = se(() => {
+        C = void 0, be(), B && (B = !1, Me()), T();
       })));
     }
-    function ee() {
-      _(!0);
+    function de() {
+      ce(!0);
     }
-    function s() {
-      _();
+    function v() {
+      ce();
     }
-    function t() {
-      if (typeof window > "u" || !e.hasMore || e.loading || W === e.items.length)
+    function T() {
+      if (typeof window > "u" || !e.hasMore || e.loading || G === e.items.length)
         return;
-      const v = Math.max(0, e.loadMoreThreshold), S = m.value + Q.value, T = r.value + o.value;
-      S - T <= v && (W = e.items.length, p("loadMore"));
-    }
-    function a(v) {
-      const S = v.borderBoxSize;
-      if (S) {
-        const T = Array.isArray(S) ? S[0] : S;
-        if (T != null && T.blockSize) return T.blockSize;
+      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 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 v.contentRect.height;
-    }
-    function g(v) {
-      const S = z.value;
-      let T = 0, fe = !1;
-      for (const X of v) {
-        const be = X.target, Ie = U.get(be), Be = a(X);
-        if (Ie === void 0 || Be <= 0) continue;
-        const Ke = O.get(Ie) ?? G.value;
-        if (Math.abs(Ke - Be) < 0.5) continue;
-        const He = he.value.get(Ie);
-        He !== void 0 && S.offsets[He + 1] <= y.value && (T += Be - Ke), O.set(Ie, Be), fe = !0;
+      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;
       }
-      fe && (A.value += 1, C(() => {
-        if (F) {
-          if (T !== 0 && typeof window < "u") {
-            const X = Math.max(
+      ee && (n.value += 1, Z(() => {
+        if (V) {
+          if (k !== 0 && typeof window < "u") {
+            const L = Math.max(
               0,
-              r.value + T
+              y.value + k
             );
-            r.value = X, window.scrollTo({ top: X, behavior: "auto" });
+            y.value = L, window.scrollTo({ top: L, behavior: "auto" });
           }
-          re(), t();
+          be(), T();
         }
       }));
     }
-    function b(v) {
-      if (F) {
-        for (const S of v)
-          q.set(S.target, S);
-        k || (k = Z(() => {
-          k = void 0;
-          const S = Array.from(q.values());
-          q.clear(), g(S);
+    function 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 Me(v, S) {
-      v instanceof HTMLElement && (U.set(v, S), D == null || D.observe(v));
+    function ke(m, w) {
+      m instanceof HTMLElement && (R.set(m, w), A == null || A.observe(m));
     }
     function ge() {
-      for (const [v] of U)
-        v.isConnected || (D == null || D.unobserve(v), U.delete(v));
+      for (const [m] of R)
+        m.isConnected || (A == null || A.unobserve(m), R.delete(m));
     }
-    function ve(v, S = {}) {
+    function Ee(m, w = {}) {
       if (typeof window > "u") return;
-      re();
-      const T = Math.max(0, Q.value - o.value), fe = Math.min(
-        Math.max(0, Number.isFinite(v) ? v : 0),
-        T
-      ), X = Math.max(0, m.value + fe), be = S.behavior ?? "auto";
-      be === "auto" && (r.value = X), window.scrollTo({ ...S, top: X, behavior: be });
-    }
-    function Le(v, S = {}) {
+      be();
+      const k = Math.max(0, me.value - r.value), ee = Math.min(
+        Math.max(0, Number.isFinite(m) ? m : 0),
+        k
+      ), L = Math.max(0, u.value + ee), xe = w.behavior ?? "auto";
+      xe === "auto" && (y.value = L), window.scrollTo({ ...w, top: L, behavior: xe });
+    }
+    function d(m, w = {}) {
       if (typeof window > "u" || e.items.length === 0) return;
-      re();
-      const T = Math.min(
+      be();
+      const k = Math.min(
         e.items.length - 1,
-        Math.max(0, Math.floor(v))
-      ), { align: fe = "start", ...X } = S, be = z.value.sizes[T];
-      let Ie = m.value + z.value.offsets[T];
-      fe === "center" ? Ie -= (o.value - be) / 2 : fe === "end" && (Ie -= o.value - be);
-      const Be = Math.max(
-        m.value,
-        m.value + Q.value - o.value
-      ), Ke = Math.max(0, Math.min(Ie, Be)), He = X.behavior ?? "auto";
-      He === "auto" && (r.value = Ke), window.scrollTo({
-        ...X,
-        top: Ke,
-        behavior: He
+        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 ke(v = "auto") {
-      typeof window > "u" || (re(), window.scrollTo({ top: Math.max(0, m.value), behavior: v }));
+    function K(m = "auto") {
+      typeof window > "u" || (be(), window.scrollTo({ top: Math.max(0, u.value), behavior: m }));
     }
-    return ie(
+    return ye(
       () => e.itemKey,
       () => {
-        O.clear(), A.value += 1, W = -1;
+        M.clear(), n.value += 1, G = -1;
       }
-    ), ie(
-      () => e.items.map((v, S) => ne(v, S)),
-      async (v, S) => {
-        const T = v.length !== S.length || v.some((X, be) => X !== S[be]), fe = new Set(v);
-        for (const X of O.keys())
-          fe.has(X) || O.delete(X);
-        T && (W = -1), A.value += 1, await C(), F && (re(), t());
+    ), 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());
       }
-    ), ie(
+    ), ye(
       () => [e.hasMore, e.loading],
-      async ([v]) => {
-        v || (W = -1), await C(), F && (re(), t());
+      async ([m]) => {
+        m || (G = -1), await Z(), V && (be(), T());
       }
-    ), Ae(() => {
-      if (F = !0, re(), window.addEventListener("scroll", ee, { passive: !0 }), window.addEventListener("resize", s, { passive: !0 }), typeof ResizeObserver < "u") {
-        V = new ResizeObserver(() => {
-          _();
-        }), D = new ResizeObserver(b), f.value && V.observe(f.value);
-        for (const [v] of U)
-          D.observe(v);
+    ), 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);
       }
-      C(() => {
-        F && t();
+      Z(() => {
+        V && T();
       });
-    }), Xe(ge), Ce(() => {
-      F = !1, window.removeEventListener("scroll", ee), window.removeEventListener("resize", s), H(w), H(k), w = void 0, k = void 0, E = !1, q.clear(), V && (V.disconnect(), V = void 0), D && (D.disconnect(), D = void 0), U.clear();
-    }), P({
-      scrollTo: ve,
-      scrollToIndex: Le,
-      scrollToTop: ke
-    }), (v, S) => (I(), $("div", {
+    }), $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: Ee,
+      scrollToIndex: d,
+      scrollToTop: K
+    }), (m, w) => (j(), U("div", {
       ref_key: "root",
-      ref: f,
-      class: Ye(["vue-window-dynamic-virtual-scroll", { "vue-window-dynamic-virtual-scroll--pulling": c(ae) }]),
+      ref: x,
+      class: st(["vue-window-dynamic-virtual-scroll", { "vue-window-dynamic-virtual-scroll--pulling": f(ae) }]),
       role: "list",
-      "aria-label": l.ariaLabel,
-      onTouchstartPassive: S[0] || (S[0] = //@ts-ignore
-      (...T) => c(me) && c(me)(...T)),
-      onTouchmove: S[1] || (S[1] = //@ts-ignore
-      (...T) => c(de) && c(de)(...T)),
-      onTouchend: S[2] || (S[2] = //@ts-ignore
-      (...T) => c(ue) && c(ue)(...T)),
-      onTouchcancel: S[3] || (S[3] = //@ts-ignore
-      (...T) => c(we) && c(we)(...T))
+      "aria-label": t.ariaLabel,
+      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)),
+      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))
     }, [
-      l.pullToRefresh || l.refreshing ? (I(), $("div", {
+      t.pullToRefresh || t.refreshing ? (j(), U("div", {
         key: 0,
         class: "vue-window-dynamic-virtual-scroll__refresh",
-        style: N({
-          height: `${c(se)}px`,
-          transform: `translateY(${c(J) - c(se)}px)`
+        style: re({
+          height: `${f(ue)}px`,
+          transform: `translateY(${f(le) - f(ue)}px)`
         }),
         role: "status",
         "aria-live": "polite"
       }, [
-        ce(v.$slots, "refresh", {
-          pullDistance: c(R),
-          progress: c(Y),
-          refreshing: l.refreshing
+        Se(m.$slots, "refresh", {
+          pullDistance: f(ne),
+          progress: f(ie),
+          refreshing: t.refreshing
         }, () => [
-          Ve(je(c(le)), 1)
+          Ge(ht(f(te)), 1)
         ])
-      ], 4)) : ze("", !0),
-      l.items.length || l.loading ? (I(), $("div", {
+      ], 4)) : Re("", !0),
+      t.items.length || t.loading ? (j(), U("div", {
         key: 1,
         class: "vue-window-dynamic-virtual-scroll__spacer",
-        style: N({
-          height: `${Q.value}px`,
-          transform: `translateY(${c(J)}px)`
+        style: re({
+          height: `${me.value}px`,
+          transform: `translateY(${f(le)}px)`
         })
       }, [
-        (I(!0), $(Re, null, De(oe.value, ({ item: T, index: fe, key: X, top: be }) => (I(), $("div", {
-          key: X,
+        (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: (Ie) => Me(Ie, X),
+          ref: (we) => ke(we, L),
           class: "vue-window-dynamic-virtual-scroll__item",
-          style: N({ transform: `translateY(${be}px)` }),
+          style: re({ transform: `translateY(${xe}px)` }),
           role: "listitem",
-          "aria-posinset": fe + 1,
-          "aria-setsize": l.items.length
+          "aria-posinset": ee + 1,
+          "aria-setsize": t.items.length
         }, [
-          ce(v.$slots, "default", {
-            item: T,
-            index: fe
+          Se(m.$slots, "default", {
+            item: k,
+            index: ee
           })
-        ], 12, Et))), 128)),
-        l.loading ? (I(), $("div", {
+        ], 12, ba))), 128)),
+        t.loading ? (j(), U("div", {
           key: 0,
           class: "vue-window-dynamic-virtual-scroll__loading",
-          style: N({
-            height: `${u.value}px`,
-            transform: `translateY(${z.value.total}px)`
+          style: re({
+            height: `${S.value}px`,
+            transform: `translateY(${oe.value.total}px)`
           }),
           role: "status",
           "aria-live": "polite"
         }, [
-          ce(v.$slots, "loading", {}, () => [
-            S[4] || (S[4] = Ve("Loading more…", -1))
+          Se(m.$slots, "loading", {}, () => [
+            w[4] || (w[4] = Ge("Loading more…", -1))
           ])
-        ], 4)) : ze("", !0)
-      ], 4)) : (I(), $("div", {
+        ], 4)) : Re("", !0)
+      ], 4)) : (j(), U("div", {
         key: 2,
         class: "vue-window-dynamic-virtual-scroll__empty",
-        style: N({ transform: `translateY(${c(J)}px)` })
+        style: re({ transform: `translateY(${f(le)}px)` })
       }, [
-        ce(v.$slots, "empty")
+        Se(m.$slots, "empty")
       ], 4))
-    ], 42, kt));
+    ], 42, Ta));
   }
-}), Bt = ["aria-label"], Vt = ["aria-posinset", "aria-setsize"], Ht = /* @__PURE__ */ Oe({
+}), Ia = ["aria-label"], za = ["aria-posinset", "aria-setsize"], ka = /* @__PURE__ */ tt({
   name: "WindowGirdVirtualScroll",
   __name: "WindowGirdVirtualScroll",
   props: {
@@ -1907,133 +2592,133 @@ const rt = ["aria-label"], ut = ["aria-posinset", "aria-setsize"], et = /* @__PU
     pullRefreshThreshold: { default: 64 }
   },
   emits: ["scroll", "loadMore", "refresh"],
-  setup(l, { expose: P, emit: x }) {
-    const e = l, p = x, f = j(), r = j(0), o = j(0), m = j(0);
-    let A, O = -1;
-    const { getItemKey: U } = Pe({
+  setup(t, { expose: s, emit: I }) {
+    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: q,
-      pullDistance: V,
-      pullOffset: D,
-      pullProgress: w,
-      refreshMessage: k,
-      refreshThreshold: E,
-      handleTouchStart: F,
-      handleTouchMove: W,
-      handleTouchEnd: ne,
-      handleTouchCancel: Z
-    } = qe({
+      pulling: D,
+      pullDistance: b,
+      pullOffset: A,
+      pullProgress: C,
+      refreshMessage: $,
+      refreshThreshold: B,
+      handleTouchStart: V,
+      handleTouchMove: G,
+      handleTouchEnd: Y,
+      handleTouchCancel: se
+    } = xt({
       enabled: () => e.pullToRefresh,
       refreshing: () => e.refreshing,
       threshold: () => e.pullRefreshThreshold,
-      onRefresh: () => p("refresh"),
+      onRefresh: () => z("refresh"),
       scrollTop: () => typeof window > "u" ? 0 : Math.max(0, window.scrollY)
-    }), H = n(() => Math.max(1, e.itemSize)), ae = n(
+    }), H = h(() => Math.max(1, e.itemSize)), ae = h(
       () => Math.max(1, Math.floor(e.columns))
-    ), R = n(() => Math.max(0, e.gap)), J = n(() => Math.max(0, Math.floor(e.overscan))), Y = n(
+    ), 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)
-    ), le = n(
-      () => H.value + R.value
-    ), se = n(
+    ), te = h(
+      () => H.value + ne.value
+    ), ue = h(
       () => Math.ceil(e.items.length / ae.value)
-    ), me = n(() => se.value === 0 ? 0 : se.value * H.value + (se.value - 1) * R.value), de = n(
-      () => me.value + (e.items.length ? R.value : 0)
-    ), ue = n(
-      () => me.value + (e.loading ? Y.value + (e.items.length ? R.value : 0) : 0)
-    ), we = n(
-      () => Math.max(0, r.value - m.value)
-    ), G = n(
+    ), 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(we.value / le.value) - J.value
+        Math.floor(J.value / te.value) - le.value
       )
-    ), u = n(() => {
-      if (se.value === 0) return 0;
-      const _ = Math.max(
+    ), S = h(() => {
+      if (ue.value === 0) return 0;
+      const ce = Math.max(
         H.value,
-        r.value + o.value - m.value
-      ), ee = Math.ceil(
-        (_ + R.value) / le.value
+        y.value + r.value - u.value
+      ), de = Math.ceil(
+        (ce + ne.value) / te.value
       );
       return Math.min(
-        se.value,
-        ee + J.value
+        ue.value,
+        de + le.value
       );
-    }), d = n(
-      () => Math.min(e.items.length, G.value * ae.value)
-    ), z = n(
-      () => Math.min(e.items.length, u.value * ae.value)
-    ), Q = n(
-      () => e.items.slice(d.value, z.value).map((_, ee) => {
-        const s = d.value + ee;
+    }), 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: _,
-          index: s,
-          key: U(_, s),
-          rowIndex: Math.floor(s / ae.value),
-          columnIndex: s % ae.value
+          item: ce,
+          index: v,
+          key: R(ce, v),
+          rowIndex: Math.floor(v / ae.value),
+          columnIndex: v % ae.value
         };
       })
-    ), he = n(() => ({
+    ), Ae = h(() => ({
       gridTemplateColumns: `repeat(${ae.value}, minmax(0, 1fr))`,
-      columnGap: `${R.value}px`,
-      rowGap: `${R.value}px`,
-      transform: `translateY(${G.value * le.value}px)`
+      columnGap: `${ne.value}px`,
+      rowGap: `${ne.value}px`,
+      transform: `translateY(${O.value * te.value}px)`
     }));
-    function y() {
-      typeof window > "u" || (r.value = Math.max(0, window.scrollY), o.value = window.innerHeight, f.value && (m.value = f.value.getBoundingClientRect().top + r.value));
-    }
-    function L() {
-      p("scroll", {
-        scrollTop: we.value,
-        startIndex: d.value,
-        endIndex: z.value
+    function 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 F() {
+      z("scroll", {
+        scrollTop: J.value,
+        startIndex: P.value,
+        endIndex: oe.value
       });
     }
-    function B() {
-      y(), L(), te();
+    function _() {
+      E(), F(), pe();
     }
-    function te() {
-      if (typeof window > "u" || !e.hasMore || e.loading || O === e.items.length)
+    function pe() {
+      if (typeof window > "u" || !e.hasMore || e.loading || M === e.items.length)
         return;
-      const _ = Math.max(0, e.loadMoreThreshold), ee = m.value + ue.value, s = r.value + o.value;
-      ee - s <= _ && (O = e.items.length, p("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 oe(_, ee = {}) {
+    function ze(ce, de = {}) {
       if (typeof window > "u") return;
-      y();
-      const s = Math.max(0, ue.value - o.value), t = Math.min(
-        Math.max(0, Number.isFinite(_) ? _ : 0),
-        s
-      ), a = Math.max(0, m.value + t), g = ee.behavior ?? "auto";
-      g === "auto" && (r.value = a), window.scrollTo({ ...ee, top: a, behavior: g });
-    }
-    function re(_, ee = {}) {
+      E();
+      const v = Math.max(0, ve.value - r.value), T = Math.min(
+        Math.max(0, Number.isFinite(ce) ? ce : 0),
+        v
+      ), 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(ce, de = {}) {
       if (typeof window > "u" || e.items.length === 0) return;
-      y();
-      const s = Math.min(
+      E();
+      const v = Math.min(
         e.items.length - 1,
-        Math.max(0, Math.floor(_))
-      ), t = Math.floor(s / ae.value), { align: a = "start", ...g } = ee;
-      let b = m.value + t * le.value;
-      a === "center" ? b -= (o.value - H.value) / 2 : a === "end" && (b -= o.value - H.value);
-      const Me = Math.max(
-        m.value,
-        m.value + ue.value - o.value
-      ), ge = Math.max(0, Math.min(b, Me)), ve = g.behavior ?? "auto";
-      ve === "auto" && (r.value = ge), window.scrollTo({
-        ...g,
+        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: ge,
-        behavior: ve
+        behavior: Ee
       });
     }
-    function ye(_ = "auto") {
-      typeof window > "u" || (y(), window.scrollTo({ top: Math.max(0, m.value), behavior: _ }));
+    function Me(ce = "auto") {
+      typeof window > "u" || (E(), window.scrollTo({ top: Math.max(0, u.value), behavior: ce }));
     }
-    return ie(
+    return ye(
       () => [
         e.items.length,
         e.itemSize,
@@ -2041,128 +2726,128 @@ const rt = ["aria-label"], ut = ["aria-posinset", "aria-setsize"], et = /* @__PU
         e.gap
       ],
       async () => {
-        await C(), y(), te();
+        await Z(), E(), pe();
       }
-    ), ie(
+    ), ye(
       () => [e.hasMore, e.loading],
-      async ([_]) => {
-        _ || (O = -1), await C(), y(), te();
+      async ([ce]) => {
+        ce || (M = -1), await Z(), E(), pe();
       }
-    ), Ae(() => {
-      y(), window.addEventListener("scroll", B, { passive: !0 }), window.addEventListener("resize", B, { passive: !0 }), typeof ResizeObserver < "u" && (A = new ResizeObserver(() => {
-        y(), te();
-      }), f.value && A.observe(f.value)), C(te);
-    }), Ce(() => {
-      window.removeEventListener("scroll", B), window.removeEventListener("resize", B), A && (A.disconnect(), A = void 0);
-    }), P({
-      scrollTo: oe,
-      scrollToIndex: re,
-      scrollToTop: ye
-    }), (_, ee) => (I(), $("div", {
+    ), 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: ze,
+      scrollToIndex: be,
+      scrollToTop: Me
+    }), (ce, de) => (j(), U("div", {
       ref_key: "root",
-      ref: f,
-      class: Ye(["vue-window-gird-virtual-scroll", { "vue-window-gird-virtual-scroll--pulling": c(q) }]),
+      ref: x,
+      class: st(["vue-window-gird-virtual-scroll", { "vue-window-gird-virtual-scroll--pulling": f(D) }]),
       role: "list",
-      "aria-label": l.ariaLabel,
-      onTouchstartPassive: ee[0] || (ee[0] = //@ts-ignore
-      (...s) => c(F) && c(F)(...s)),
-      onTouchmove: ee[1] || (ee[1] = //@ts-ignore
-      (...s) => c(W) && c(W)(...s)),
-      onTouchend: ee[2] || (ee[2] = //@ts-ignore
-      (...s) => c(ne) && c(ne)(...s)),
-      onTouchcancel: ee[3] || (ee[3] = //@ts-ignore
-      (...s) => c(Z) && c(Z)(...s))
+      "aria-label": t.ariaLabel,
+      onTouchstartPassive: de[0] || (de[0] = //@ts-ignore
+      (...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(Y) && f(Y)(...v)),
+      onTouchcancel: de[3] || (de[3] = //@ts-ignore
+      (...v) => f(se) && f(se)(...v))
     }, [
-      l.pullToRefresh || l.refreshing ? (I(), $("div", {
+      t.pullToRefresh || t.refreshing ? (j(), U("div", {
         key: 0,
         class: "vue-window-gird-virtual-scroll__refresh",
-        style: N({
-          height: `${c(E)}px`,
-          transform: `translateY(${c(D) - c(E)}px)`
+        style: re({
+          height: `${f(B)}px`,
+          transform: `translateY(${f(A) - f(B)}px)`
         }),
         role: "status",
         "aria-live": "polite"
       }, [
-        ce(_.$slots, "refresh", {
-          pullDistance: c(V),
-          progress: c(w),
-          refreshing: l.refreshing
+        Se(ce.$slots, "refresh", {
+          pullDistance: f(b),
+          progress: f(C),
+          refreshing: t.refreshing
         }, () => [
-          Ve(je(c(k)), 1)
+          Ge(ht(f($)), 1)
         ])
-      ], 4)) : ze("", !0),
-      l.items.length || l.loading ? (I(), $("div", {
+      ], 4)) : Re("", !0),
+      t.items.length || t.loading ? (j(), U("div", {
         key: 1,
         class: "vue-window-gird-virtual-scroll__spacer",
-        style: N({
-          height: `${ue.value}px`,
-          transform: `translateY(${c(D)}px)`
+        style: re({
+          height: `${ve.value}px`,
+          transform: `translateY(${f(A)}px)`
         })
       }, [
-        Ge("div", {
+        rt("div", {
           class: "vue-window-gird-virtual-scroll__content",
-          style: N(he.value)
+          style: re(Ae.value)
         }, [
-          (I(!0), $(Re, null, De(Q.value, ({ item: s, index: t, key: a, rowIndex: g, columnIndex: b }) => (I(), $("div", {
-            key: a,
+          (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: N({ height: `${H.value}px` }),
+            style: re({ height: `${H.value}px` }),
             role: "listitem",
-            "aria-posinset": t + 1,
-            "aria-setsize": l.items.length
+            "aria-posinset": T + 1,
+            "aria-setsize": t.items.length
           }, [
-            ce(_.$slots, "default", {
-              item: s,
-              index: t,
-              rowIndex: g,
-              columnIndex: b
+            Se(ce.$slots, "default", {
+              item: v,
+              index: T,
+              rowIndex: q,
+              columnIndex: Q
             })
-          ], 12, Vt))), 128))
+          ], 12, za))), 128))
         ], 4),
-        l.loading ? (I(), $("div", {
+        t.loading ? (j(), U("div", {
           key: 0,
           class: "vue-window-gird-virtual-scroll__loading",
-          style: N({
-            height: `${Y.value}px`,
-            transform: `translateY(${de.value}px)`
+          style: re({
+            height: `${ie.value}px`,
+            transform: `translateY(${he.value}px)`
           }),
           role: "status",
           "aria-live": "polite"
         }, [
-          ce(_.$slots, "loading", {}, () => [
-            ee[4] || (ee[4] = Ve("Loading more…", -1))
+          Se(ce.$slots, "loading", {}, () => [
+            de[4] || (de[4] = Ge("Loading more…", -1))
           ])
-        ], 4)) : ze("", !0)
-      ], 4)) : (I(), $("div", {
+        ], 4)) : Re("", !0)
+      ], 4)) : (j(), U("div", {
         key: 2,
         class: "vue-window-gird-virtual-scroll__empty",
-        style: N({ transform: `translateY(${c(D)}px)` })
+        style: re({ transform: `translateY(${f(A)}px)` })
       }, [
-        ce(_.$slots, "empty")
+        Se(ce.$slots, "empty")
       ], 4))
-    ], 42, Bt));
+    ], 42, Ia));
   }
-}), Rt = et, Kt = {
-  install(l) {
-    l.component("ChatVirtualScroll", st), l.component("DynamicVirtualScroll", et), l.component("ShortMediaFeed", mt), l.component("SkeletonLoader", Mt), l.component("VirtualCarousel", St), l.component("VirtualList", Rt), l.component("VirtualScroll", $t), l.component(
+}), $a = Dt, La = {
+  install(t) {
+    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",
-      Lt
-    ), l.component(
+      Sa
+    ), t.component(
       "WindowGirdVirtualScroll",
-      Ht
+      ka
     );
   }
 };
 export {
-  st as ChatVirtualScroll,
-  et as DynamicVirtualScroll,
-  mt as ShortMediaFeed,
-  Mt as SkeletonLoader,
-  St as VirtualCarousel,
-  Rt as VirtualList,
-  $t as VirtualScroll,
-  Kt as VueVirtualScroll,
-  Lt as WindowDynamicVirtualScroll,
-  Ht as WindowGirdVirtualScroll,
-  Kt as default
+  Zt as ChatVirtualScroll,
+  Dt as DynamicVirtualScroll,
+  la as ShortMediaFeed,
+  sa as SkeletonLoader,
+  ya as VirtualCarousel,
+  $a as VirtualList,
+  xa as VirtualScroll,
+  La as VueVirtualScroll,
+  Sa as WindowDynamicVirtualScroll,
+  ka as WindowGirdVirtualScroll,
+  La as default
 };