vue-virtual-flow 0.0.4 → 0.0.6

package/dist/vue-virtual-flow.js

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