vue-virtual-flow 0.0.1

package/dist/vue-virtual-flow.js

@@ -0,0 +1,1628 @@
+import { watch as ae, defineComponent as ge, ref as A, computed as i, nextTick as $, onMounted as pe, onUpdated as ze, onBeforeUnmount as ye, openBlock as w, createElementBlock as b, normalizeStyle as C, createElementVNode as Be, renderSlot as X, createTextVNode as me, createCommentVNode as he, Fragment as ve, renderList as Me, unref as m, normalizeClass as $e, toDisplayString as ke } from "vue";
+function Ve(n) {
+  return typeof n == "string" || typeof n == "number" || typeof n == "symbol";
+}
+function Ie(n, W) {
+  const k = n[W];
+  return Ve(k) ? k : void 0;
+}
+function Ee(n) {
+  return Ie(n, "id") ?? Ie(n, "key");
+}
+function xe(n) {
+  function W(e, S) {
+    const g = n.itemKey();
+    if (typeof g == "function")
+      return g(e, S);
+    if (e !== null && typeof e == "object") {
+      if (g !== void 0) {
+        const u = Ie(e, g);
+        if (u !== void 0) return u;
+      }
+      const x = Ee(e);
+      if (x !== void 0) return x;
+    }
+    return S;
+  }
+  function k() {
+  }
+  return ae(
+    () => [n.itemKey(), n.items()],
+    k,
+    { immediate: !0 }
+  ), { getItemKey: W };
+}
+function we(n) {
+  return n === "fill" ? "100%" : typeof n == "number" ? `${n}px` : n;
+}
+function be(n) {
+  return (W, k) => {
+    typeof k == "string" && (k === "fill" || k.trim().endsWith("%"));
+  };
+}
+const Ke = ["aria-label"], Ce = {
+  key: 0,
+  class: "vue-chat-virtual-scroll__loading-older",
+  role: "status",
+  "aria-live": "polite"
+}, De = ["aria-posinset", "aria-setsize"], Re = /* @__PURE__ */ ge({
+  name: "ChatVirtualScroll",
+  __name: "ChatVirtualScroll",
+  props: {
+    items: {},
+    estimatedItemSize: { default: 48 },
+    height: { default: 400 },
+    overscan: { default: 5 },
+    itemKey: { default: void 0 },
+    ariaLabel: { default: "Chat messages" },
+    stickToBottom: { type: Boolean, default: !0 },
+    bottomThreshold: { default: 80 },
+    initialScroll: { default: "bottom" },
+    hasOlder: { type: Boolean, default: !1 },
+    loadingOlder: { type: Boolean, default: !1 },
+    loadOlderThreshold: { default: 120 }
+  },
+  emits: ["scroll", "loadOlder", "bottomChange"],
+  setup(n, { expose: W, emit: k }) {
+    const e = n, S = k, g = A(), x = A(0), u = A(0), V = A(0), P = A(!0), O = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map();
+    let N, p, H = -1, T = !1;
+    const B = be(), { getItemKey: F } = xe({
+      componentName: "ChatVirtualScroll",
+      items: () => e.items,
+      itemKey: () => e.itemKey
+    }), I = i(
+      () => Math.max(1, e.estimatedItemSize)
+    ), U = i(() => Math.max(0, Math.floor(e.overscan))), ee = i(() => u.value > 0 ? u.value : typeof e.height == "number" ? Math.max(0, e.height) : I.value), K = i(() => {
+      V.value;
+      const a = new Array(e.items.length + 1), f = new Array(e.items.length);
+      a[0] = 0;
+      for (let r = 0; r < e.items.length; r += 1) {
+        const D = F(e.items[r], r), R = O.get(D) ?? I.value;
+        f[r] = R, a[r + 1] = a[r] + R;
+      }
+      return {
+        offsets: a,
+        sizes: f,
+        total: a[e.items.length] ?? 0
+      };
+    }), z = i(() => {
+      const a = /* @__PURE__ */ new Map();
+      return e.items.forEach((f, r) => {
+        a.set(F(f, r), r);
+      }), a;
+    });
+    function te(a) {
+      if (e.items.length === 0) return 0;
+      const f = K.value.offsets;
+      let r = 0, D = e.items.length;
+      for (; r < D; ) {
+        const R = Math.floor((r + D) / 2);
+        f[R + 1] <= a ? r = R + 1 : D = R;
+      }
+      return Math.min(r, e.items.length - 1);
+    }
+    const G = i(
+      () => Math.max(
+        0,
+        te(x.value) - U.value
+      )
+    ), J = i(() => {
+      if (e.items.length === 0) return 0;
+      const a = te(x.value + ee.value) + 1;
+      return Math.min(
+        e.items.length,
+        a + U.value
+      );
+    }), _ = i(
+      () => e.items.slice(G.value, J.value).map((a, f) => {
+        const r = G.value + f;
+        return {
+          item: a,
+          index: r,
+          key: F(a, r),
+          top: K.value.offsets[r]
+        };
+      })
+    ), oe = i(() => ({
+      height: we(e.height)
+    }));
+    function Y() {
+      const a = g.value;
+      if (!a) return;
+      const r = Math.max(
+        0,
+        K.value.total - a.scrollTop - a.clientHeight
+      ) <= Math.max(0, e.bottomThreshold);
+      r !== P.value && (P.value = r, T && S("bottomChange", r));
+    }
+    function c() {
+      var a;
+      u.value = ((a = g.value) == null ? void 0 : a.clientHeight) ?? 0, B(g.value, e.height), $(() => {
+        Y(), L();
+      });
+    }
+    function v(a) {
+      x.value = a.currentTarget.scrollTop, Y(), S("scroll", {
+        scrollTop: x.value,
+        startIndex: G.value,
+        endIndex: J.value
+      }), L();
+    }
+    function L() {
+      const a = g.value;
+      !T || !a || !e.hasOlder || e.loadingOlder || H === e.items.length || a.scrollTop <= Math.max(0, e.loadOlderThreshold) && (H = e.items.length, S("loadOlder"));
+    }
+    function j(a) {
+      const f = a.borderBoxSize;
+      if (f) {
+        const r = Array.isArray(f) ? f[0] : f;
+        if (r != null && r.blockSize) return r.blockSize;
+      }
+      return a.contentRect.height;
+    }
+    function re(a) {
+      const f = K.value, r = P.value && e.stickToBottom;
+      let D = 0, R = !1;
+      for (const Z of a) {
+        const ue = Z.target, t = E.get(ue), o = j(Z);
+        if (t === void 0 || o <= 0) continue;
+        const l = O.get(t) ?? I.value;
+        if (Math.abs(l - o) < 0.5) continue;
+        const M = z.value.get(t);
+        M !== void 0 && f.offsets[M + 1] <= x.value && (D += o - l), O.set(t, o), R = !0;
+      }
+      R && (V.value += 1, $(() => {
+        const Z = g.value;
+        Z && (r ? s("auto") : D !== 0 && (Z.scrollTop += D, x.value = Z.scrollTop, Y()));
+      }));
+    }
+    function se(a, f) {
+      a instanceof HTMLElement && (E.set(a, f), p == null || p.observe(a));
+    }
+    function ne() {
+      for (const [a] of E)
+        a.isConnected || (p == null || p.unobserve(a), E.delete(a));
+    }
+    function fe(a, f = {}) {
+      const r = g.value;
+      if (!r) return;
+      const D = Math.max(0, K.value.total - r.clientHeight), R = Math.min(
+        Math.max(0, Number.isFinite(a) ? a : 0),
+        D
+      ), Z = f.behavior ?? "auto";
+      Z === "auto" && (x.value = R), r.scrollTo({ ...f, top: R, behavior: Z }), $(Y);
+    }
+    function le(a, f = {}) {
+      const r = g.value;
+      if (!r || e.items.length === 0) return;
+      const D = Math.min(
+        e.items.length - 1,
+        Math.max(0, Math.floor(a))
+      ), { align: R = "start", ...Z } = f, ue = K.value.sizes[D];
+      let t = K.value.offsets[D];
+      R === "center" ? t -= (r.clientHeight - ue) / 2 : R === "end" && (t -= r.clientHeight - ue);
+      const o = Math.max(
+        0,
+        Math.min(t, K.value.total - r.clientHeight)
+      ), l = Z.behavior ?? "auto", M = Math.max(
+        r.clientHeight * 3,
+        I.value * 10
+      ), y = l === "smooth" && Math.abs(o - r.scrollTop) > M ? "auto" : l;
+      y === "auto" && (x.value = o), r.scrollTo({
+        ...Z,
+        top: o,
+        behavior: y
+      }), $(Y);
+    }
+    function d(a = "auto") {
+      const f = g.value;
+      f && (a === "auto" && (x.value = 0), f.scrollTo({ top: 0, behavior: a }), $(Y));
+    }
+    function s(a = "auto") {
+      const f = g.value;
+      if (!f) return;
+      const r = Math.max(0, K.value.total - f.clientHeight);
+      a === "auto" ? (f.scrollTop = r, x.value = r) : f.scrollTo({ top: r, behavior: a }), $(Y);
+    }
+    let h = e.items.map((a, f) => F(a, f));
+    return ae(
+      () => e.items.map((a, f) => F(a, f)),
+      async (a) => {
+        const f = h;
+        h = a;
+        const r = g.value, D = (r == null ? void 0 : r.scrollTop) ?? 0, R = P.value && e.stickToBottom, Z = f[0], ue = Z === void 0 ? 0 : a.indexOf(Z), t = ue > 0 ? a.slice(0, ue).reduce(
+          (l, M) => l + (O.get(M) ?? I.value),
+          0
+        ) : 0, o = new Set(a);
+        for (const l of O.keys())
+          o.has(l) || O.delete(l);
+        V.value += 1, await $(), r && (t > 0 ? (r.scrollTop = D + t, x.value = r.scrollTop) : a.length > f.length && R && s("auto"), Y(), L());
+      }
+    ), ae(
+      () => [e.hasOlder, e.loadingOlder],
+      async ([a]) => {
+        a || (H = -1), await $(), L();
+      }
+    ), pe(() => {
+      if (c(), typeof ResizeObserver < "u") {
+        N = new ResizeObserver(c), p = new ResizeObserver(re), g.value && N.observe(g.value);
+        for (const [a] of E)
+          p.observe(a);
+      }
+      $(() => {
+        e.initialScroll === "bottom" && s("auto"), T = !0, Y(), L();
+      });
+    }), ze(ne), ye(() => {
+      N == null || N.disconnect(), p == null || p.disconnect(), E.clear();
+    }), W({
+      isAtBottom: P,
+      scrollTo: fe,
+      scrollToIndex: le,
+      scrollToTop: d,
+      scrollToBottom: s
+    }), (a, f) => (w(), b("div", {
+      ref_key: "viewport",
+      ref: g,
+      class: "vue-chat-virtual-scroll",
+      style: C(oe.value),
+      role: "log",
+      "aria-label": n.ariaLabel,
+      "aria-live": "polite",
+      tabindex: "0",
+      onScrollPassive: v
+    }, [
+      n.loadingOlder ? (w(), b("div", Ce, [
+        Be("div", null, [
+          X(a.$slots, "loadingOlder", {}, () => [
+            f[0] || (f[0] = me("Loading older messages…", -1))
+          ])
+        ])
+      ])) : he("", !0),
+      n.items.length ? (w(), b("div", {
+        key: 1,
+        class: "vue-chat-virtual-scroll__spacer",
+        style: C({ height: `${K.value.total}px` })
+      }, [
+        (w(!0), b(ve, null, Me(_.value, ({ item: r, index: D, key: R, top: Z }) => (w(), b("div", {
+          key: R,
+          ref_for: !0,
+          ref: (ue) => se(ue, R),
+          class: "vue-chat-virtual-scroll__item",
+          style: C({ transform: `translateY(${Z}px)` }),
+          role: "article",
+          "aria-posinset": D + 1,
+          "aria-setsize": n.items.length
+        }, [
+          X(a.$slots, "default", {
+            item: r,
+            index: D
+          })
+        ], 12, De))), 128))
+      ], 4)) : X(a.$slots, "empty", {}, void 0, void 0, 2)
+    ], 44, Ke));
+  }
+});
+function He(n) {
+  const W = A(), k = A(0), e = A(!1), S = A(!1), g = i(() => Math.max(1, n.threshold())), x = i(
+    () => n.refreshing() || S.value ? g.value : k.value
+  ), u = i(
+    () => Math.min(1, k.value / g.value)
+  ), V = i(() => n.refreshing() || S.value ? "Refreshing…" : u.value >= 1 ? "Release to refresh" : "Pull to refresh");
+  function P() {
+    W.value = void 0, e.value = !1, k.value = 0;
+  }
+  function O(p) {
+    var B;
+    const H = p.currentTarget, T = ((B = n.scrollTop) == null ? void 0 : B.call(n)) ?? H.scrollTop;
+    !n.enabled() || n.refreshing() || T > 0 || p.touches.length !== 1 || (W.value = p.touches[0].clientY, e.value = !0);
+  }
+  function E(p) {
+    var F;
+    if (W.value === void 0 || !e.value) return;
+    const H = p.currentTarget;
+    if ((((F = n.scrollTop) == null ? void 0 : F.call(n)) ?? H.scrollTop) > 0 || p.touches.length !== 1) {
+      P();
+      return;
+    }
+    const B = p.touches[0].clientY - W.value;
+    if (B <= 0) {
+      k.value = 0;
+      return;
+    }
+    p.preventDefault(), k.value = Math.min(B * 0.5, g.value * 2);
+  }
+  function N() {
+    if (W.value === void 0) return;
+    const p = k.value >= g.value && n.enabled() && !n.refreshing();
+    if (W.value = void 0, e.value = !1, !p) {
+      k.value = 0;
+      return;
+    }
+    k.value = g.value, S.value = !0, n.onRefresh(), $(() => {
+      n.refreshing() || (S.value = !1, k.value = 0);
+    });
+  }
+  return ae(
+    () => n.refreshing(),
+    (p, H) => {
+      p ? (S.value = !1, k.value = g.value) : H && (S.value = !1, k.value = 0);
+    }
+  ), {
+    pulling: e,
+    pullDistance: k,
+    pullOffset: x,
+    pullProgress: u,
+    refreshMessage: V,
+    refreshThreshold: g,
+    handleTouchStart: O,
+    handleTouchMove: E,
+    handleTouchEnd: N,
+    handleTouchCancel: P
+  };
+}
+const Ae = ["aria-label"], Pe = ["aria-posinset", "aria-setsize"], Le = /* @__PURE__ */ ge({
+  name: "DynamicVirtualScroll",
+  __name: "DynamicVirtualScroll",
+  props: {
+    items: {},
+    estimatedItemSize: { default: 48 },
+    height: { default: 400 },
+    overscan: { default: 3 },
+    itemKey: { default: void 0 },
+    ariaLabel: { default: "Dynamic virtual list" },
+    hasMore: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    loadingItemSize: { default: void 0 },
+    loadMoreThreshold: { default: 200 },
+    pullToRefresh: { type: Boolean, default: !1 },
+    refreshing: { type: Boolean, default: !1 },
+    pullRefreshThreshold: { default: 64 }
+  },
+  emits: ["scroll", "loadMore", "refresh"],
+  setup(n, { expose: W, emit: k }) {
+    const e = n, S = k, {
+      pulling: g,
+      pullDistance: x,
+      pullOffset: u,
+      pullProgress: V,
+      refreshMessage: P,
+      refreshThreshold: O,
+      handleTouchStart: E,
+      handleTouchMove: N,
+      handleTouchEnd: p,
+      handleTouchCancel: H
+    } = He({
+      enabled: () => e.pullToRefresh,
+      refreshing: () => e.refreshing,
+      threshold: () => e.pullRefreshThreshold,
+      onRefresh: () => S("refresh")
+    }), T = A(), B = A(0), F = A(0), I = A(0), U = /* @__PURE__ */ new Map(), ee = /* @__PURE__ */ new Map();
+    let K, z, te = -1;
+    const G = be(), { getItemKey: J } = xe({
+      componentName: "DynamicVirtualScroll",
+      items: () => e.items,
+      itemKey: () => e.itemKey
+    }), _ = i(
+      () => Math.max(1, e.estimatedItemSize)
+    ), oe = i(
+      () => Math.max(1, e.loadingItemSize ?? _.value)
+    ), Y = i(() => Math.max(0, Math.floor(e.overscan))), c = i(() => F.value > 0 ? F.value : typeof e.height == "number" ? Math.max(0, e.height) : _.value), v = i(() => {
+      I.value;
+      const t = new Array(e.items.length + 1), o = new Array(e.items.length);
+      t[0] = 0;
+      for (let l = 0; l < e.items.length; l += 1) {
+        const M = J(e.items[l], l), y = U.get(M) ?? _.value;
+        o[l] = y, t[l + 1] = t[l] + y;
+      }
+      return {
+        offsets: t,
+        sizes: o,
+        total: t[e.items.length] ?? 0
+      };
+    }), L = i(
+      () => v.value.total + (e.loading ? oe.value : 0)
+    ), j = i(() => {
+      const t = /* @__PURE__ */ new Map();
+      return e.items.forEach((o, l) => {
+        t.set(J(o, l), l);
+      }), t;
+    });
+    function re(t) {
+      if (e.items.length === 0) return 0;
+      const o = v.value.offsets;
+      let l = 0, M = e.items.length;
+      for (; l < M; ) {
+        const y = Math.floor((l + M) / 2);
+        o[y + 1] <= t ? l = y + 1 : M = y;
+      }
+      return Math.min(l, e.items.length - 1);
+    }
+    const se = i(
+      () => Math.max(
+        0,
+        re(B.value) - Y.value
+      )
+    ), ne = i(() => {
+      if (e.items.length === 0) return 0;
+      const t = re(B.value + c.value) + 1;
+      return Math.min(
+        e.items.length,
+        t + Y.value
+      );
+    }), fe = i(
+      () => e.items.slice(se.value, ne.value).map((t, o) => {
+        const l = se.value + o;
+        return {
+          item: t,
+          index: l,
+          key: J(t, l),
+          top: v.value.offsets[l]
+        };
+      })
+    ), le = i(() => ({
+      height: we(e.height)
+    }));
+    function d() {
+      var t;
+      F.value = ((t = T.value) == null ? void 0 : t.clientHeight) ?? 0, G(T.value, e.height), $(h);
+    }
+    function s(t) {
+      B.value = t.currentTarget.scrollTop, S("scroll", {
+        scrollTop: B.value,
+        startIndex: se.value,
+        endIndex: ne.value
+      }), h();
+    }
+    function h() {
+      const t = T.value;
+      if (!t || !e.hasMore || e.loading || te === e.items.length)
+        return;
+      const o = Math.max(0, e.loadMoreThreshold);
+      L.value - t.scrollTop - t.clientHeight <= o && (te = e.items.length, S("loadMore"));
+    }
+    function a(t) {
+      const o = t.borderBoxSize;
+      if (o) {
+        const l = Array.isArray(o) ? o[0] : o;
+        if (l != null && l.blockSize) return l.blockSize;
+      }
+      return t.contentRect.height;
+    }
+    function f(t) {
+      const o = v.value;
+      let l = 0, M = !1;
+      for (const y of t) {
+        const Q = y.target, q = ee.get(Q), ie = a(y);
+        if (q === void 0 || ie <= 0) continue;
+        const ce = U.get(q) ?? _.value;
+        if (Math.abs(ce - ie) < 0.5) continue;
+        const de = j.value.get(q);
+        de !== void 0 && o.offsets[de + 1] <= B.value && (l += ie - ce), U.set(q, ie), M = !0;
+      }
+      M && (I.value += 1, $(h), l !== 0 && $(() => {
+        const y = T.value;
+        y && (y.scrollTop += l, B.value = y.scrollTop);
+      }));
+    }
+    function r(t, o) {
+      t instanceof HTMLElement && (ee.set(t, o), z == null || z.observe(t));
+    }
+    function D() {
+      for (const [t] of ee)
+        t.isConnected || (z == null || z.unobserve(t), ee.delete(t));
+    }
+    function R(t, o = {}) {
+      const l = T.value;
+      if (!l) return;
+      const M = Math.max(0, L.value - l.clientHeight), y = Math.min(
+        Math.max(0, Number.isFinite(t) ? t : 0),
+        M
+      ), Q = o.behavior ?? "auto";
+      Q === "auto" && (B.value = y), l.scrollTo({ ...o, top: y, behavior: Q });
+    }
+    function Z(t, o = {}) {
+      const l = T.value;
+      if (!l || e.items.length === 0) return;
+      const M = Math.min(
+        e.items.length - 1,
+        Math.max(0, Math.floor(t))
+      ), { align: y = "start", ...Q } = o;
+      let q = v.value.offsets[M];
+      const ie = v.value.sizes[M];
+      y === "center" ? q -= (l.clientHeight - ie) / 2 : y === "end" && (q -= l.clientHeight - ie);
+      const ce = Math.max(
+        0,
+        Math.min(q, L.value - l.clientHeight)
+      ), de = Q.behavior ?? "auto", Se = Math.max(
+        l.clientHeight * 3,
+        _.value * 10
+      ), Te = de === "smooth" && Math.abs(ce - l.scrollTop) > Se ? "auto" : de;
+      Te === "auto" && (B.value = ce), l.scrollTo({
+        ...Q,
+        top: ce,
+        behavior: Te
+      });
+    }
+    function ue(t = "auto") {
+      var o;
+      (o = T.value) == null || o.scrollTo({ top: 0, behavior: t });
+    }
+    return ae(
+      () => e.itemKey,
+      () => {
+        U.clear(), I.value += 1;
+      }
+    ), ae(
+      () => e.items.length,
+      async () => {
+        const t = new Set(
+          e.items.map((M, y) => J(M, y))
+        );
+        for (const M of U.keys())
+          t.has(M) || U.delete(M);
+        I.value += 1, await $();
+        const o = T.value;
+        if (!o) return;
+        const l = Math.max(0, L.value - o.clientHeight);
+        o.scrollTop > l && (o.scrollTop = l, B.value = l), h();
+      }
+    ), ae(
+      () => [e.hasMore, e.loading],
+      async ([t]) => {
+        t || (te = -1), await $(), h();
+      }
+    ), pe(() => {
+      if (d(), typeof ResizeObserver < "u") {
+        K = new ResizeObserver(d), z = new ResizeObserver(f), T.value && K.observe(T.value);
+        for (const [t] of ee)
+          z.observe(t);
+      }
+      $(h);
+    }), ze(D), ye(() => {
+      K == null || K.disconnect(), z == null || z.disconnect(), ee.clear();
+    }), W({
+      scrollTo: R,
+      scrollToIndex: Z,
+      scrollToTop: ue
+    }), (t, o) => (w(), b("div", {
+      ref_key: "viewport",
+      ref: T,
+      class: $e(["vue-dynamic-virtual-scroll", { "vue-dynamic-virtual-scroll--pulling": m(g) }]),
+      style: C(le.value),
+      role: "list",
+      "aria-label": n.ariaLabel,
+      tabindex: "0",
+      onScrollPassive: s,
+      onTouchstartPassive: o[0] || (o[0] = //@ts-ignore
+      (...l) => m(E) && m(E)(...l)),
+      onTouchmove: o[1] || (o[1] = //@ts-ignore
+      (...l) => m(N) && m(N)(...l)),
+      onTouchend: o[2] || (o[2] = //@ts-ignore
+      (...l) => m(p) && m(p)(...l)),
+      onTouchcancel: o[3] || (o[3] = //@ts-ignore
+      (...l) => m(H) && m(H)(...l))
+    }, [
+      n.pullToRefresh || n.refreshing ? (w(), b("div", {
+        key: 0,
+        class: "vue-dynamic-virtual-scroll__refresh",
+        style: C({
+          height: `${m(O)}px`,
+          transform: `translateY(${m(u) - m(O)}px)`
+        }),
+        role: "status",
+        "aria-live": "polite"
+      }, [
+        X(t.$slots, "refresh", {
+          pullDistance: m(x),
+          progress: m(V),
+          refreshing: n.refreshing
+        }, () => [
+          me(ke(m(P)), 1)
+        ])
+      ], 4)) : he("", !0),
+      n.items.length || n.loading ? (w(), b("div", {
+        key: 1,
+        class: "vue-dynamic-virtual-scroll__spacer",
+        style: C({
+          height: `${L.value}px`,
+          transform: `translateY(${m(u)}px)`
+        })
+      }, [
+        (w(!0), b(ve, null, Me(fe.value, ({ item: l, index: M, key: y, top: Q }) => (w(), b("div", {
+          key: y,
+          ref_for: !0,
+          ref: (q) => r(q, y),
+          class: "vue-dynamic-virtual-scroll__item",
+          style: C({ transform: `translateY(${Q}px)` }),
+          role: "listitem",
+          "aria-posinset": M + 1,
+          "aria-setsize": n.items.length
+        }, [
+          X(t.$slots, "default", {
+            item: l,
+            index: M
+          })
+        ], 12, Pe))), 128)),
+        n.loading ? (w(), b("div", {
+          key: 0,
+          class: "vue-dynamic-virtual-scroll__loading",
+          style: C({
+            height: `${oe.value}px`,
+            transform: `translateY(${v.value.total}px)`
+          }),
+          role: "status",
+          "aria-live": "polite"
+        }, [
+          X(t.$slots, "loading", {}, () => [
+            o[4] || (o[4] = me("Loading more…", -1))
+          ])
+        ], 4)) : he("", !0)
+      ], 4)) : (w(), b("div", {
+        key: 2,
+        class: "vue-dynamic-virtual-scroll__empty",
+        style: C({ transform: `translateY(${m(u)}px)` })
+      }, [
+        X(t.$slots, "empty")
+      ], 4))
+    ], 46, Ae));
+  }
+}), Oe = ["aria-label"], Ne = ["aria-current", "aria-posinset", "aria-setsize"], Ye = {
+  key: 1,
+  class: "vue-short-media-feed__empty"
+}, Fe = /* @__PURE__ */ ge({
+  name: "ShortMediaFeed",
+  __name: "ShortMediaFeed",
+  props: {
+    items: {},
+    activeIndex: { default: 0 },
+    buffer: { default: 1 },
+    height: { default: "100dvh" },
+    itemKey: { default: void 0 },
+    ariaLabel: { default: "Short media feed" },
+    hasMore: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    loadMoreThreshold: { default: 2 }
+  },
+  emits: ["update:activeIndex", "change", "reachStart", "reachEnd", "loadMore"],
+  setup(n, { expose: W, emit: k }) {
+    const e = n, S = k, g = A(), x = A(0), u = A(K(e.activeIndex));
+    let V, P = -1;
+    const O = be(), { getItemKey: E } = xe({
+      componentName: "ShortMediaFeed",
+      items: () => e.items,
+      itemKey: () => e.itemKey
+    }), N = i(
+      () => Math.max(0, Math.floor(e.buffer))
+    ), p = i(
+      () => Math.max(
+        0,
+        Math.floor(
+          Number.isFinite(e.loadMoreThreshold) ? e.loadMoreThreshold : 0
+        )
+      )
+    ), H = i(() => x.value > 0 ? x.value : typeof e.height == "number" ? Math.max(1, e.height) : 0), T = i(
+      () => Math.max(0, u.value - N.value)
+    ), B = i(
+      () => Math.min(
+        e.items.length,
+        u.value + N.value + 1
+      )
+    ), F = i(
+      () => e.items.slice(T.value, B.value).map((c, v) => ({
+        item: c,
+        index: T.value + v
+      }))
+    ), I = i(() => T.value * H.value), U = i(
+      () => (e.items.length - B.value) * H.value
+    ), ee = i(() => ({
+      height: we(e.height)
+    }));
+    function K(c) {
+      return e.items.length === 0 ? 0 : Math.min(
+        e.items.length - 1,
+        Math.max(0, Math.floor(Number.isFinite(c) ? c : 0))
+      );
+    }
+    function z() {
+      if (!e.hasMore || e.loading || P === e.items.length)
+        return;
+      (e.items.length === 0 ? 0 : e.items.length - 1 - u.value) <= p.value && (P = e.items.length, S("loadMore"));
+    }
+    function te(c) {
+      const v = K(c);
+      v === u.value || e.items.length === 0 || (u.value = v, S("update:activeIndex", v), S("change", {
+        index: v,
+        item: e.items[v]
+      }), v === 0 && S("reachStart"), v === e.items.length - 1 && S("reachEnd"), z());
+    }
+    function G(c, v = {}) {
+      const L = g.value;
+      L && (typeof L.scrollTo == "function" ? L.scrollTo({ ...v, top: c }) : L.scrollTop = c);
+    }
+    function J(c, v = {}) {
+      if (e.items.length === 0) return;
+      const L = K(c);
+      te(L), G(L * H.value, v);
+    }
+    function _(c) {
+      if (H.value <= 0) return;
+      const v = c.currentTarget.scrollTop;
+      te(Math.round(v / H.value));
+    }
+    function oe(c) {
+      let v;
+      c.key === "ArrowDown" || c.key === "PageDown" ? v = u.value + 1 : c.key === "ArrowUp" || c.key === "PageUp" ? v = u.value - 1 : c.key === "Home" ? v = 0 : c.key === "End" && (v = e.items.length - 1), v !== void 0 && (c.preventDefault(), J(v, { behavior: "smooth" }));
+    }
+    function Y() {
+      var v;
+      const c = ((v = g.value) == null ? void 0 : v.clientHeight) ?? 0;
+      O(g.value, e.height), !(c <= 0 || c === x.value) && (x.value = c, $(() => {
+        G(u.value * c);
+      }));
+    }
+    return ae(
+      () => e.activeIndex,
+      async (c) => {
+        const v = K(c);
+        v !== u.value && (u.value = v, await $(), G(v * H.value), z());
+      }
+    ), ae(
+      () => [
+        e.hasMore,
+        e.loading,
+        e.loadMoreThreshold
+      ],
+      async ([c]) => {
+        c || (P = -1), await $(), z();
+      }
+    ), ae(
+      () => e.items.length,
+      async () => {
+        const c = K(u.value);
+        e.items.length === 0 ? u.value !== 0 && (u.value = 0, S("update:activeIndex", 0)) : te(c), await $(), G(c * H.value), z();
+      }
+    ), pe(async () => {
+      Y(), typeof ResizeObserver < "u" && g.value && (V = new ResizeObserver(Y), V.observe(g.value)), await $(), G(u.value * H.value), z();
+    }), ye(() => {
+      V == null || V.disconnect();
+    }), W({
+      scrollToIndex: J
+    }), (c, v) => (w(), b("div", {
+      ref_key: "viewport",
+      ref: g,
+      class: "vue-short-media-feed",
+      style: C(ee.value),
+      role: "list",
+      "aria-orientation": "vertical",
+      "aria-label": n.ariaLabel,
+      tabindex: "0",
+      onScrollPassive: _,
+      onKeydown: oe
+    }, [
+      n.items.length ? (w(), b(ve, { key: 0 }, [
+        I.value > 0 ? (w(), b("div", {
+          key: 0,
+          class: "vue-short-media-feed__spacer",
+          style: C({ height: `${I.value}px` }),
+          "aria-hidden": "true"
+        }, null, 4)) : he("", !0),
+        (w(!0), b(ve, null, Me(F.value, ({ item: L, index: j }) => (w(), b("div", {
+          key: m(E)(L, j),
+          class: "vue-short-media-feed__item",
+          style: C({ height: `${H.value}px` }),
+          role: "listitem",
+          "aria-current": j === u.value ? "true" : void 0,
+          "aria-posinset": j + 1,
+          "aria-setsize": n.items.length
+        }, [
+          X(c.$slots, "default", {
+            item: L,
+            index: j,
+            active: j === u.value
+          })
+        ], 12, Ne))), 128)),
+        U.value > 0 ? (w(), b("div", {
+          key: 1,
+          class: "vue-short-media-feed__spacer",
+          style: C({ height: `${U.value}px` }),
+          "aria-hidden": "true"
+        }, null, 4)) : he("", !0)
+      ], 64)) : (w(), b("div", Ye, [
+        X(c.$slots, "empty")
+      ]))
+    ], 44, Oe));
+  }
+}), We = ["aria-label"], _e = {
+  key: 0,
+  class: "vue-virtual-carousel__track",
+  role: "list"
+}, Ue = ["aria-label", "aria-current"], je = {
+  key: 1,
+  class: "vue-virtual-carousel__empty"
+}, Ze = /* @__PURE__ */ ge({
+  name: "VirtualCarousel",
+  __name: "VirtualCarousel",
+  props: {
+    items: {},
+    activeIndex: { default: 0 },
+    slidesPerView: { default: 1 },
+    slidesToScroll: { default: 1 },
+    gap: { default: 0 },
+    buffer: { default: 1 },
+    height: { default: "auto" },
+    itemKey: { default: void 0 },
+    ariaLabel: { default: "Carousel" },
+    hasMore: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    loadMoreThreshold: { default: 2 }
+  },
+  emits: ["update:activeIndex", "change", "reachStart", "reachEnd", "loadMore"],
+  setup(n, { expose: W, emit: k }) {
+    const e = n, S = k, g = A(), x = A(0), u = A(0);
+    let V, P = -1;
+    const { getItemKey: O } = xe({
+      componentName: "VirtualCarousel",
+      items: () => e.items,
+      itemKey: () => e.itemKey
+    }), E = i(
+      () => Math.max(
+        1,
+        Math.floor(
+          Number.isFinite(e.slidesPerView) ? e.slidesPerView : 1
+        )
+      )
+    ), N = i(
+      () => Math.max(
+        1,
+        Math.floor(
+          Number.isFinite(e.slidesToScroll) ? e.slidesToScroll : 1
+        )
+      )
+    ), p = i(
+      () => Math.max(0, Number.isFinite(e.gap) ? e.gap : 0)
+    ), H = i(
+      () => Math.max(
+        0,
+        Math.floor(Number.isFinite(e.buffer) ? e.buffer : 0)
+      )
+    ), T = i(
+      () => Math.max(
+        0,
+        Math.floor(
+          Number.isFinite(e.loadMoreThreshold) ? e.loadMoreThreshold : 0
+        )
+      )
+    ), B = i(() => Math.max(0, x.value)), F = i(() => {
+      if (B.value <= 0) return 0;
+      const d = (E.value - 1) * p.value;
+      return Math.max(
+        1,
+        (B.value - d) / E.value
+      );
+    }), I = i(() => F.value + p.value), U = i(
+      () => Math.max(
+        0,
+        e.items.length - E.value
+      )
+    ), ee = i(
+      () => Math.max(0, u.value - H.value)
+    ), K = i(
+      () => Math.min(
+        e.items.length,
+        u.value + E.value + H.value
+      )
+    ), z = i(
+      () => e.items.slice(ee.value, K.value).map((d, s) => ({
+        item: d,
+        index: ee.value + s
+      }))
+    ), te = i(() => e.items.length === 0 ? 0 : e.items.length * F.value + (e.items.length - 1) * p.value), G = i(
+      () => ee.value * I.value
+    ), J = i(
+      () => Math.max(
+        0,
+        te.value - K.value * I.value
+      )
+    ), _ = i(() => ({
+      height: we(e.height)
+    }));
+    function oe(d) {
+      return Math.min(
+        U.value,
+        Math.max(0, Math.floor(Number.isFinite(d) ? d : 0))
+      );
+    }
+    u.value = oe(e.activeIndex);
+    function Y(d) {
+      return d >= u.value && d < Math.min(
+        e.items.length,
+        u.value + E.value
+      );
+    }
+    function c() {
+      if (!e.hasMore || e.loading || P === e.items.length)
+        return;
+      const d = e.items.length === 0 ? -1 : Math.min(
+        e.items.length - 1,
+        u.value + E.value - 1
+      );
+      e.items.length - 1 - d <= T.value && (P = e.items.length, S("loadMore"));
+    }
+    function v(d) {
+      const s = oe(d);
+      s === u.value || e.items.length === 0 || (u.value = s, S("update:activeIndex", s), S("change", {
+        index: s,
+        item: e.items[s]
+      }), s === 0 && S("reachStart"), s === U.value && S("reachEnd"), c());
+    }
+    function L(d, s = {}) {
+      const h = g.value;
+      h && (typeof h.scrollTo == "function" ? h.scrollTo({ ...s, left: d }) : h.scrollLeft = d);
+    }
+    function j(d, s = {}) {
+      if (e.items.length === 0 || I.value <= 0) return;
+      const h = oe(d), a = Math.abs(h - u.value), f = s.behavior === "smooth" && a > H.value ? "auto" : s.behavior;
+      v(h), L(h * I.value, {
+        ...s,
+        behavior: f
+      });
+    }
+    function re(d = "smooth") {
+      j(
+        u.value + N.value,
+        { behavior: d }
+      );
+    }
+    function se(d = "smooth") {
+      j(
+        u.value - N.value,
+        { behavior: d }
+      );
+    }
+    function ne(d) {
+      if (I.value <= 0) return;
+      const s = d.currentTarget.scrollLeft;
+      v(Math.round(s / I.value));
+    }
+    function fe(d) {
+      d.key === "ArrowRight" || d.key === "PageDown" ? (d.preventDefault(), re()) : d.key === "ArrowLeft" || d.key === "PageUp" ? (d.preventDefault(), se()) : d.key === "Home" ? (d.preventDefault(), j(0, { behavior: "smooth" })) : d.key === "End" && (d.preventDefault(), j(U.value, { behavior: "auto" }));
+    }
+    function le() {
+      var s;
+      const d = ((s = g.value) == null ? void 0 : s.clientWidth) ?? 0;
+      d <= 0 || d === x.value || (x.value = d, $(() => {
+        L(u.value * I.value);
+      }));
+    }
+    return ae(
+      () => e.activeIndex,
+      async (d) => {
+        const s = oe(d);
+        s !== u.value && (u.value = s, await $(), L(s * I.value), c());
+      }
+    ), ae(
+      () => [
+        e.items.length,
+        e.slidesPerView,
+        e.gap
+      ],
+      async () => {
+        const d = oe(u.value);
+        e.items.length === 0 ? u.value !== 0 && (u.value = 0, S("update:activeIndex", 0)) : v(d), await $(), L(d * I.value), c();
+      }
+    ), ae(
+      () => [
+        e.hasMore,
+        e.loading,
+        e.loadMoreThreshold
+      ],
+      async ([d]) => {
+        d || (P = -1), await $(), c();
+      }
+    ), pe(async () => {
+      le(), typeof ResizeObserver < "u" && g.value && (V = new ResizeObserver(le), V.observe(g.value)), await $(), L(u.value * I.value), c();
+    }), ye(() => {
+      V == null || V.disconnect();
+    }), W({
+      next: re,
+      previous: se,
+      scrollToIndex: j
+    }), (d, s) => (w(), b("div", {
+      ref_key: "viewport",
+      ref: g,
+      class: "vue-virtual-carousel",
+      style: C(_.value),
+      role: "region",
+      "aria-roledescription": "carousel",
+      "aria-label": n.ariaLabel,
+      tabindex: "0",
+      onScrollPassive: ne,
+      onKeydown: fe
+    }, [
+      n.items.length ? (w(), b("div", _e, [
+        G.value > 0 ? (w(), b("div", {
+          key: 0,
+          class: "vue-virtual-carousel__spacer",
+          style: C({ flexBasis: `${G.value}px` }),
+          "aria-hidden": "true"
+        }, null, 4)) : he("", !0),
+        (w(!0), b(ve, null, Me(z.value, ({ item: h, index: a }) => (w(), b("div", {
+          key: m(O)(h, a),
+          class: "vue-virtual-carousel__item",
+          style: C({
+            flexBasis: `${F.value}px`,
+            marginRight: a < n.items.length - 1 ? `${p.value}px` : "0px"
+          }),
+          role: "listitem",
+          "aria-roledescription": "slide",
+          "aria-label": `${a + 1} of ${n.items.length}`,
+          "aria-current": a === u.value ? "true" : void 0
+        }, [
+          X(d.$slots, "default", {
+            item: h,
+            index: a,
+            active: a === u.value,
+            visible: Y(a)
+          })
+        ], 12, Ue))), 128)),
+        J.value > 0 ? (w(), b("div", {
+          key: 1,
+          class: "vue-virtual-carousel__spacer",
+          style: C({ flexBasis: `${J.value}px` }),
+          "aria-hidden": "true"
+        }, null, 4)) : he("", !0)
+      ])) : (w(), b("div", je, [
+        X(d.$slots, "empty")
+      ]))
+    ], 44, We));
+  }
+}), qe = ["aria-label"], Ge = ["aria-posinset", "aria-setsize"], Je = /* @__PURE__ */ ge({
+  name: "VirtualScroll",
+  __name: "VirtualScroll",
+  props: {
+    items: {},
+    itemSize: {},
+    height: { default: 400 },
+    overscan: { default: 3 },
+    itemKey: { default: void 0 },
+    ariaLabel: { default: "Virtual list" },
+    hasMore: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    loadingItemSize: { default: void 0 },
+    loadMoreThreshold: { default: 200 },
+    pullToRefresh: { type: Boolean, default: !1 },
+    refreshing: { type: Boolean, default: !1 },
+    pullRefreshThreshold: { default: 64 }
+  },
+  emits: ["scroll", "loadMore", "refresh"],
+  setup(n, { expose: W, emit: k }) {
+    const e = n, S = k, {
+      pulling: g,
+      pullDistance: x,
+      pullOffset: u,
+      pullProgress: V,
+      refreshMessage: P,
+      refreshThreshold: O,
+      handleTouchStart: E,
+      handleTouchMove: N,
+      handleTouchEnd: p,
+      handleTouchCancel: H
+    } = He({
+      enabled: () => e.pullToRefresh,
+      refreshing: () => e.refreshing,
+      threshold: () => e.pullRefreshThreshold,
+      onRefresh: () => S("refresh")
+    }), T = A(), B = A(0), F = A(0);
+    let I, U = -1;
+    const ee = be(), { getItemKey: K } = xe({
+      componentName: "VirtualScroll",
+      items: () => e.items,
+      itemKey: () => e.itemKey
+    }), z = i(() => Math.max(1, e.itemSize)), te = i(() => Math.max(0, Math.floor(e.overscan))), G = i(
+      () => e.items.length * z.value
+    ), J = i(
+      () => Math.max(1, e.loadingItemSize ?? z.value)
+    ), _ = i(
+      () => G.value + (e.loading ? J.value : 0)
+    ), oe = i(() => F.value > 0 ? F.value : typeof e.height == "number" ? e.height : 0), Y = i(
+      () => Math.max(
+        0,
+        Math.floor(B.value / z.value) - te.value
+      )
+    ), c = i(() => {
+      const s = Math.ceil(
+        (B.value + oe.value) / z.value
+      );
+      return Math.min(
+        e.items.length,
+        s + te.value
+      );
+    }), v = i(
+      () => e.items.slice(Y.value, c.value).map((s, h) => ({
+        item: s,
+        index: Y.value + h
+      }))
+    ), L = i(() => ({
+      height: we(e.height)
+    })), j = i(() => ({
+      transform: `translateY(${Y.value * z.value}px)`
+    }));
+    function re() {
+      var s;
+      F.value = ((s = T.value) == null ? void 0 : s.clientHeight) ?? 0, ee(T.value, e.height), $(ne);
+    }
+    function se(s) {
+      B.value = s.currentTarget.scrollTop, S("scroll", {
+        scrollTop: B.value,
+        startIndex: Y.value,
+        endIndex: c.value
+      }), ne();
+    }
+    function ne() {
+      const s = T.value;
+      if (!s || !e.hasMore || e.loading || U === e.items.length)
+        return;
+      const h = Math.max(0, e.loadMoreThreshold);
+      _.value - s.scrollTop - s.clientHeight <= h && (U = e.items.length, S("loadMore"));
+    }
+    function fe(s, h = {}) {
+      const a = T.value;
+      if (!a) return;
+      const f = Math.max(0, _.value - a.clientHeight), r = Math.min(
+        Math.max(0, Number.isFinite(s) ? s : 0),
+        f
+      ), D = h.behavior ?? "auto";
+      D === "auto" && (B.value = r), a.scrollTo({ ...h, top: r, behavior: D });
+    }
+    function le(s, h = {}) {
+      const a = T.value;
+      if (!a || e.items.length === 0) return;
+      const f = Math.min(
+        e.items.length - 1,
+        Math.max(0, Math.floor(s))
+      ), { align: r = "start", ...D } = h;
+      let R = f * z.value;
+      r === "center" ? R -= (a.clientHeight - z.value) / 2 : r === "end" && (R -= a.clientHeight - z.value), a.scrollTo({
+        ...D,
+        top: Math.max(0, Math.min(R, _.value - a.clientHeight))
+      });
+    }
+    function d(s = "auto") {
+      var h;
+      (h = T.value) == null || h.scrollTo({ top: 0, behavior: s });
+    }
+    return ae(
+      () => [e.items.length, e.itemSize],
+      async () => {
+        await $();
+        const s = T.value;
+        if (!s) return;
+        const h = Math.max(0, _.value - s.clientHeight);
+        s.scrollTop > h && (s.scrollTop = h, B.value = h), ne();
+      }
+    ), ae(
+      () => [e.hasMore, e.loading],
+      async ([s]) => {
+        s || (U = -1), await $(), ne();
+      }
+    ), pe(() => {
+      re(), typeof ResizeObserver < "u" && T.value && (I = new ResizeObserver(re), I.observe(T.value)), $(ne);
+    }), ye(() => {
+      I == null || I.disconnect();
+    }), W({
+      scrollTo: fe,
+      scrollToIndex: le,
+      scrollToTop: d
+    }), (s, h) => (w(), b("div", {
+      ref_key: "viewport",
+      ref: T,
+      class: $e(["vue-virtual-scroll", { "vue-virtual-scroll--pulling": m(g) }]),
+      style: C(L.value),
+      role: "list",
+      "aria-label": n.ariaLabel,
+      tabindex: "0",
+      onScrollPassive: se,
+      onTouchstartPassive: h[0] || (h[0] = //@ts-ignore
+      (...a) => m(E) && m(E)(...a)),
+      onTouchmove: h[1] || (h[1] = //@ts-ignore
+      (...a) => m(N) && m(N)(...a)),
+      onTouchend: h[2] || (h[2] = //@ts-ignore
+      (...a) => m(p) && m(p)(...a)),
+      onTouchcancel: h[3] || (h[3] = //@ts-ignore
+      (...a) => m(H) && m(H)(...a))
+    }, [
+      n.pullToRefresh || n.refreshing ? (w(), b("div", {
+        key: 0,
+        class: "vue-virtual-scroll__refresh",
+        style: C({
+          height: `${m(O)}px`,
+          transform: `translateY(${m(u) - m(O)}px)`
+        }),
+        role: "status",
+        "aria-live": "polite"
+      }, [
+        X(s.$slots, "refresh", {
+          pullDistance: m(x),
+          progress: m(V),
+          refreshing: n.refreshing
+        }, () => [
+          me(ke(m(P)), 1)
+        ])
+      ], 4)) : he("", !0),
+      n.items.length || n.loading ? (w(), b("div", {
+        key: 1,
+        class: "vue-virtual-scroll__spacer",
+        style: C({
+          height: `${_.value}px`,
+          transform: `translateY(${m(u)}px)`
+        })
+      }, [
+        Be("div", {
+          class: "vue-virtual-scroll__content",
+          style: C(j.value)
+        }, [
+          (w(!0), b(ve, null, Me(v.value, ({ item: a, index: f }) => (w(), b("div", {
+            key: m(K)(a, f),
+            class: "vue-virtual-scroll__item",
+            style: C({ height: `${z.value}px` }),
+            role: "listitem",
+            "aria-posinset": f + 1,
+            "aria-setsize": n.items.length
+          }, [
+            X(s.$slots, "default", {
+              item: a,
+              index: f
+            })
+          ], 12, Ge))), 128))
+        ], 4),
+        n.loading ? (w(), b("div", {
+          key: 0,
+          class: "vue-virtual-scroll__loading",
+          style: C({
+            height: `${J.value}px`,
+            transform: `translateY(${G.value}px)`
+          }),
+          role: "status",
+          "aria-live": "polite"
+        }, [
+          X(s.$slots, "loading", {}, () => [
+            h[4] || (h[4] = me("Loading more…", -1))
+          ])
+        ], 4)) : he("", !0)
+      ], 4)) : (w(), b("div", {
+        key: 2,
+        class: "vue-virtual-scroll__empty",
+        style: C({ transform: `translateY(${m(u)}px)` })
+      }, [
+        X(s.$slots, "empty")
+      ], 4))
+    ], 46, qe));
+  }
+}), Qe = ["aria-label"], Xe = ["aria-posinset", "aria-setsize"], et = /* @__PURE__ */ ge({
+  name: "WindowDynamicVirtualScroll",
+  __name: "WindowDynamicVirtualScroll",
+  props: {
+    items: {},
+    estimatedItemSize: { default: 48 },
+    overscan: { default: 3 },
+    itemKey: { default: void 0 },
+    ariaLabel: { default: "Window dynamic virtual list" },
+    hasMore: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    loadingItemSize: { default: void 0 },
+    loadMoreThreshold: { default: 200 },
+    pullToRefresh: { type: Boolean, default: !1 },
+    refreshing: { type: Boolean, default: !1 },
+    pullRefreshThreshold: { default: 64 }
+  },
+  emits: ["scroll", "loadMore", "refresh"],
+  setup(n, { expose: W, emit: k }) {
+    const e = n, S = k, g = A(), x = A(0), u = A(0), V = A(0), P = A(0), O = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map();
+    let N, p, H = -1;
+    const { getItemKey: T } = xe({
+      componentName: "WindowDynamicVirtualScroll",
+      items: () => e.items,
+      itemKey: () => e.itemKey
+    }), {
+      pulling: B,
+      pullDistance: F,
+      pullOffset: I,
+      pullProgress: U,
+      refreshMessage: ee,
+      refreshThreshold: K,
+      handleTouchStart: z,
+      handleTouchMove: te,
+      handleTouchEnd: G,
+      handleTouchCancel: J
+    } = He({
+      enabled: () => e.pullToRefresh,
+      refreshing: () => e.refreshing,
+      threshold: () => e.pullRefreshThreshold,
+      onRefresh: () => S("refresh"),
+      scrollTop: () => typeof window > "u" ? 0 : Math.max(0, window.scrollY)
+    }), _ = i(
+      () => Math.max(1, e.estimatedItemSize)
+    ), oe = i(
+      () => Math.max(1, e.loadingItemSize ?? _.value)
+    ), Y = i(() => Math.max(0, Math.floor(e.overscan))), c = i(() => {
+      P.value;
+      const t = new Array(e.items.length + 1), o = new Array(e.items.length);
+      t[0] = 0;
+      for (let l = 0; l < e.items.length; l += 1) {
+        const M = T(e.items[l], l), y = O.get(M) ?? _.value;
+        o[l] = y, t[l + 1] = t[l] + y;
+      }
+      return {
+        offsets: t,
+        sizes: o,
+        total: t[e.items.length] ?? 0
+      };
+    }), v = i(
+      () => c.value.total + (e.loading ? oe.value : 0)
+    ), L = i(() => {
+      const t = /* @__PURE__ */ new Map();
+      return e.items.forEach((o, l) => {
+        t.set(T(o, l), l);
+      }), t;
+    }), j = i(
+      () => Math.max(0, x.value - V.value)
+    );
+    function re(t) {
+      if (e.items.length === 0) return 0;
+      const o = c.value.offsets;
+      let l = 0, M = e.items.length;
+      for (; l < M; ) {
+        const y = Math.floor((l + M) / 2);
+        o[y + 1] <= t ? l = y + 1 : M = y;
+      }
+      return Math.min(l, e.items.length - 1);
+    }
+    const se = i(
+      () => Math.max(
+        0,
+        re(j.value) - Y.value
+      )
+    ), ne = i(() => {
+      if (e.items.length === 0) return 0;
+      const t = x.value + u.value - V.value, o = Math.max(
+        _.value,
+        t
+      ), l = re(o) + 1;
+      return Math.min(
+        e.items.length,
+        l + Y.value
+      );
+    }), fe = i(
+      () => e.items.slice(se.value, ne.value).map((t, o) => {
+        const l = se.value + o;
+        return {
+          item: t,
+          index: l,
+          key: T(t, l),
+          top: c.value.offsets[l]
+        };
+      })
+    );
+    function le() {
+      typeof window > "u" || (x.value = Math.max(0, window.scrollY), u.value = window.innerHeight, g.value && (V.value = g.value.getBoundingClientRect().top + x.value));
+    }
+    function d() {
+      S("scroll", {
+        scrollTop: j.value,
+        startIndex: se.value,
+        endIndex: ne.value
+      });
+    }
+    function s() {
+      le(), d(), h();
+    }
+    function h() {
+      if (typeof window > "u" || !e.hasMore || e.loading || H === e.items.length)
+        return;
+      const t = Math.max(0, e.loadMoreThreshold), o = V.value + v.value, l = x.value + u.value;
+      o - l <= t && (H = e.items.length, S("loadMore"));
+    }
+    function a(t) {
+      const o = t.borderBoxSize;
+      if (o) {
+        const l = Array.isArray(o) ? o[0] : o;
+        if (l != null && l.blockSize) return l.blockSize;
+      }
+      return t.contentRect.height;
+    }
+    function f(t) {
+      const o = c.value;
+      let l = 0, M = !1;
+      for (const y of t) {
+        const Q = y.target, q = E.get(Q), ie = a(y);
+        if (q === void 0 || ie <= 0) continue;
+        const ce = O.get(q) ?? _.value;
+        if (Math.abs(ce - ie) < 0.5) continue;
+        const de = L.value.get(q);
+        de !== void 0 && o.offsets[de + 1] <= j.value && (l += ie - ce), O.set(q, ie), M = !0;
+      }
+      M && (P.value += 1, $(() => {
+        if (l !== 0 && typeof window < "u") {
+          const y = Math.max(
+            0,
+            x.value + l
+          );
+          x.value = y, window.scrollTo({ top: y, behavior: "auto" });
+        }
+        le(), h();
+      }));
+    }
+    function r(t, o) {
+      t instanceof HTMLElement && (E.set(t, o), p == null || p.observe(t));
+    }
+    function D() {
+      for (const [t] of E)
+        t.isConnected || (p == null || p.unobserve(t), E.delete(t));
+    }
+    function R(t, o = {}) {
+      if (typeof window > "u") return;
+      le();
+      const l = Math.max(0, v.value - u.value), M = Math.min(
+        Math.max(0, Number.isFinite(t) ? t : 0),
+        l
+      ), y = Math.max(0, V.value + M), Q = o.behavior ?? "auto";
+      Q === "auto" && (x.value = y), window.scrollTo({ ...o, top: y, behavior: Q });
+    }
+    function Z(t, o = {}) {
+      if (typeof window > "u" || e.items.length === 0) return;
+      le();
+      const l = Math.min(
+        e.items.length - 1,
+        Math.max(0, Math.floor(t))
+      ), { align: M = "start", ...y } = o, Q = c.value.sizes[l];
+      let q = V.value + c.value.offsets[l];
+      M === "center" ? q -= (u.value - Q) / 2 : M === "end" && (q -= u.value - Q);
+      const ie = Math.max(
+        V.value,
+        V.value + v.value - u.value
+      ), ce = Math.max(0, Math.min(q, ie)), de = y.behavior ?? "auto", Se = Math.max(
+        u.value * 3,
+        _.value * 10
+      ), Te = de === "smooth" && Math.abs(ce - x.value) > Se ? "auto" : de;
+      Te === "auto" && (x.value = ce), window.scrollTo({
+        ...y,
+        top: ce,
+        behavior: Te
+      });
+    }
+    function ue(t = "auto") {
+      typeof window > "u" || (le(), window.scrollTo({ top: Math.max(0, V.value), behavior: t }));
+    }
+    return ae(
+      () => e.itemKey,
+      () => {
+        O.clear(), P.value += 1;
+      }
+    ), ae(
+      () => e.items.length,
+      async () => {
+        const t = new Set(
+          e.items.map((o, l) => T(o, l))
+        );
+        for (const o of O.keys())
+          t.has(o) || O.delete(o);
+        P.value += 1, await $(), le(), h();
+      }
+    ), ae(
+      () => [e.hasMore, e.loading],
+      async ([t]) => {
+        t || (H = -1), await $(), le(), h();
+      }
+    ), pe(() => {
+      if (le(), window.addEventListener("scroll", s, { passive: !0 }), window.addEventListener("resize", s, { passive: !0 }), typeof ResizeObserver < "u") {
+        N = new ResizeObserver(() => {
+          le(), h();
+        }), p = new ResizeObserver(f), g.value && N.observe(g.value);
+        for (const [t] of E)
+          p.observe(t);
+      }
+      $(h);
+    }), ze(D), ye(() => {
+      window.removeEventListener("scroll", s), window.removeEventListener("resize", s), N == null || N.disconnect(), p == null || p.disconnect(), E.clear();
+    }), W({
+      scrollTo: R,
+      scrollToIndex: Z,
+      scrollToTop: ue
+    }), (t, o) => (w(), b("div", {
+      ref_key: "root",
+      ref: g,
+      class: $e(["vue-window-dynamic-virtual-scroll", { "vue-window-dynamic-virtual-scroll--pulling": m(B) }]),
+      role: "list",
+      "aria-label": n.ariaLabel,
+      onTouchstartPassive: o[0] || (o[0] = //@ts-ignore
+      (...l) => m(z) && m(z)(...l)),
+      onTouchmove: o[1] || (o[1] = //@ts-ignore
+      (...l) => m(te) && m(te)(...l)),
+      onTouchend: o[2] || (o[2] = //@ts-ignore
+      (...l) => m(G) && m(G)(...l)),
+      onTouchcancel: o[3] || (o[3] = //@ts-ignore
+      (...l) => m(J) && m(J)(...l))
+    }, [
+      n.pullToRefresh || n.refreshing ? (w(), b("div", {
+        key: 0,
+        class: "vue-window-dynamic-virtual-scroll__refresh",
+        style: C({
+          height: `${m(K)}px`,
+          transform: `translateY(${m(I) - m(K)}px)`
+        }),
+        role: "status",
+        "aria-live": "polite"
+      }, [
+        X(t.$slots, "refresh", {
+          pullDistance: m(F),
+          progress: m(U),
+          refreshing: n.refreshing
+        }, () => [
+          me(ke(m(ee)), 1)
+        ])
+      ], 4)) : he("", !0),
+      n.items.length || n.loading ? (w(), b("div", {
+        key: 1,
+        class: "vue-window-dynamic-virtual-scroll__spacer",
+        style: C({
+          height: `${v.value}px`,
+          transform: `translateY(${m(I)}px)`
+        })
+      }, [
+        (w(!0), b(ve, null, Me(fe.value, ({ item: l, index: M, key: y, top: Q }) => (w(), b("div", {
+          key: y,
+          ref_for: !0,
+          ref: (q) => r(q, y),
+          class: "vue-window-dynamic-virtual-scroll__item",
+          style: C({ transform: `translateY(${Q}px)` }),
+          role: "listitem",
+          "aria-posinset": M + 1,
+          "aria-setsize": n.items.length
+        }, [
+          X(t.$slots, "default", {
+            item: l,
+            index: M
+          })
+        ], 12, Xe))), 128)),
+        n.loading ? (w(), b("div", {
+          key: 0,
+          class: "vue-window-dynamic-virtual-scroll__loading",
+          style: C({
+            height: `${oe.value}px`,
+            transform: `translateY(${c.value.total}px)`
+          }),
+          role: "status",
+          "aria-live": "polite"
+        }, [
+          X(t.$slots, "loading", {}, () => [
+            o[4] || (o[4] = me("Loading more…", -1))
+          ])
+        ], 4)) : he("", !0)
+      ], 4)) : (w(), b("div", {
+        key: 2,
+        class: "vue-window-dynamic-virtual-scroll__empty",
+        style: C({ transform: `translateY(${m(I)}px)` })
+      }, [
+        X(t.$slots, "empty")
+      ], 4))
+    ], 42, Qe));
+  }
+}), tt = Le, at = {
+  install(n) {
+    n.component("ChatVirtualScroll", Re), n.component("DynamicVirtualScroll", Le), n.component("ShortMediaFeed", Fe), n.component("VirtualCarousel", Ze), n.component("VirtualList", tt), n.component("VirtualScroll", Je), n.component(
+      "WindowDynamicVirtualScroll",
+      et
+    );
+  }
+};
+export {
+  Re as ChatVirtualScroll,
+  Le as DynamicVirtualScroll,
+  Fe as ShortMediaFeed,
+  Ze as VirtualCarousel,
+  tt as VirtualList,
+  Je as VirtualScroll,
+  at as VueVirtualScroll,
+  et as WindowDynamicVirtualScroll,
+  at as default
+};