vue-virtual-flow 0.0.8 → 0.1.0

package/dist/vue-virtual-flow.js

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