vue-virtual-flow 0.0.9 → 0.1.0

package/dist/vue-virtual-flow.js

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