@wyxos/vibe 1.4.1 → 1.5.0

package/lib/index.js

@@ -1,21 +1,23 @@
-import { nextTick as X, defineComponent as gt, computed as et, ref as B, onMounted as pt, onUnmounted as mt, createElementBlock as Y, openBlock as J, normalizeClass as nt, createElementVNode as C, normalizeStyle as ht, createVNode as yt, createCommentVNode as vt, TransitionGroup as bt, unref as q, withCtx as xt, Fragment as wt, renderList as Tt, mergeProps as at, renderSlot as Mt, toDisplayString as rt } from "vue";
-function It() {
-  const t = document.createElement("div");
-  t.style.visibility = "hidden", t.style.overflow = "scroll", t.style.msOverflowStyle = "scrollbar", t.style.width = "100px", t.style.height = "100px", document.body.appendChild(t);
-  const a = document.createElement("div");
-  a.style.width = "100%", t.appendChild(a);
-  const o = t.offsetWidth - a.offsetWidth;
-  return document.body.removeChild(t), o;
+import { nextTick as ee, defineComponent as Ne, computed as ae, ref as j, onMounted as $e, onUnmounted as Ae, createElementBlock as re, openBlock as oe, normalizeClass as he, createElementVNode as V, normalizeStyle as We, createVNode as Be, createCommentVNode as ze, TransitionGroup as Fe, withCtx as Oe, Fragment as De, renderList as je, mergeProps as me, unref as Re, renderSlot as _e, toDisplayString as ve } from "vue";
+let se = null;
+function Ce() {
+  if (se != null) return se;
+  const e = document.createElement("div");
+  e.style.visibility = "hidden", e.style.overflow = "scroll", e.style.msOverflowStyle = "scrollbar", e.style.width = "100px", e.style.height = "100px", document.body.appendChild(e);
+  const o = document.createElement("div");
+  o.style.width = "100%", e.appendChild(o);
+  const i = e.offsetWidth - o.offsetWidth;
+  return document.body.removeChild(e), se = i, i;
 }
-function St(t, a, o, l = {}) {
+function qe(e, o, i, s = {}) {
   const {
-    gutterX: b = 0,
-    gutterY: r = 0,
-    header: d = 0,
-    footer: i = 0,
-    paddingLeft: w = 0,
-    paddingRight: m = 0,
-    sizes: h = {
+    gutterX: m = 0,
+    gutterY: v = 0,
+    header: n = 0,
+    footer: r = 0,
+    paddingLeft: y = 0,
+    paddingRight: c = 0,
+    sizes: f = {
       base: 1,
       sm: 2,
       md: 3,
@@ -23,295 +25,295 @@ function St(t, a, o, l = {}) {
       xl: 5,
       "2xl": 6
     },
-    placement: g = "masonry"
-  } = l;
-  let x = 0, E = 0;
+    placement: d = "masonry"
+  } = s;
+  let x = 0, w = 0;
   try {
-    if (a && a.nodeType === 1 && typeof window < "u" && window.getComputedStyle) {
-      const u = window.getComputedStyle(a);
-      x = parseFloat(u.paddingLeft) || 0, E = parseFloat(u.paddingRight) || 0;
+    if (o && o.nodeType === 1 && typeof window < "u" && window.getComputedStyle) {
+      const b = window.getComputedStyle(o);
+      x = parseFloat(b.paddingLeft) || 0, w = parseFloat(b.paddingRight) || 0;
     }
   } catch {
   }
-  const W = (w || 0) + x, O = (m || 0) + E, M = a.offsetWidth - a.clientWidth, T = M > 0 ? M + 2 : It() + 2, L = a.offsetWidth - T - W - O, $ = b * (o - 1), I = Math.floor((L - $) / o), p = t.map((u) => {
-    const k = u.width, H = u.height;
-    return Math.round(I * H / k) + i + d;
+  const W = (y || 0) + x, R = (c || 0) + w, T = o.offsetWidth - o.clientWidth, M = T > 0 ? T + 2 : Ce() + 2, N = o.offsetWidth - M - W - R, F = m * (i - 1), H = Math.floor((N - F) / i), k = e.map((b) => {
+    const L = b.width, S = b.height;
+    return Math.round(H * S / L) + r + n;
   });
-  if (g === "sequential-balanced") {
-    const u = p.length;
-    if (u === 0) return [];
-    const k = (e, n, c) => e + (n > 0 ? r : 0) + c;
-    let H = Math.max(...p), N = p.reduce((e, n) => e + n, 0) + r * Math.max(0, u - 1);
-    const R = (e) => {
-      let n = 1, c = 0, f = 0;
-      for (let y = 0; y < u; y++) {
-        const P = p[y], S = k(c, f, P);
-        if (S <= e)
-          c = S, f++;
-        else if (n++, c = P, f = 1, P > e || n > o) return !1;
+  if (d === "sequential-balanced") {
+    const b = k.length;
+    if (b === 0) return [];
+    const L = (p, I, A) => p + (I > 0 ? v : 0) + A;
+    let S = Math.max(...k), O = k.reduce((p, I) => p + I, 0) + v * Math.max(0, b - 1);
+    const Y = (p) => {
+      let I = 1, A = 0, _ = 0;
+      for (let z = 0; z < b; z++) {
+        const q = k[z], D = L(A, _, q);
+        if (D <= p)
+          A = D, _++;
+        else if (I++, A = q, _ = 1, q > p || I > i) return !1;
       }
-      return n <= o;
+      return I <= i;
     };
-    for (; H < N; ) {
-      const e = Math.floor((H + N) / 2);
-      R(e) ? N = e : H = e + 1;
+    for (; S < O; ) {
+      const p = Math.floor((S + O) / 2);
+      Y(p) ? O = p : S = p + 1;
     }
-    const _ = N, A = new Array(o).fill(0);
-    let z = o - 1, D = 0, j = 0;
-    for (let e = u - 1; e >= 0; e--) {
-      const n = p[e], c = e < z;
-      !(k(D, j, n) <= _) || c ? (A[z] = e + 1, z--, D = n, j = 1) : (D = k(D, j, n), j++);
+    const J = O, G = new Array(i).fill(0);
+    let K = i - 1, U = 0, B = 0;
+    for (let p = b - 1; p >= 0; p--) {
+      const I = k[p], A = p < K;
+      !(L(U, B, I) <= J) || A ? (G[K] = p + 1, K--, U = I, B = 1) : (U = L(U, B, I), B++);
     }
-    A[0] = 0;
-    const V = [], U = new Array(o).fill(0);
-    for (let e = 0; e < o; e++) {
-      const n = A[e], c = e + 1 < o ? A[e + 1] : u, f = e * (I + b);
-      for (let y = n; y < c; y++) {
-        const S = { ...t[y], columnWidth: I, imageHeight: 0, columnHeight: 0, left: 0, top: 0 }, F = p[y] - (i + d);
-        S.imageHeight = F, S.columnHeight = p[y], S.left = f, S.top = U[e], U[e] += S.columnHeight + (y + 1 < c ? r : 0), V.push(S);
+    G[0] = 0;
+    const Q = [], X = new Array(i).fill(0);
+    for (let p = 0; p < i; p++) {
+      const I = G[p], A = p + 1 < i ? G[p + 1] : b, _ = p * (H + m);
+      for (let z = I; z < A; z++) {
+        const D = {
+          ...e[z],
+          columnWidth: H,
+          imageHeight: 0,
+          columnHeight: 0,
+          left: 0,
+          top: 0
+        };
+        D.imageHeight = k[z] - (r + n), D.columnHeight = k[z], D.left = _, D.top = X[p], X[p] += D.columnHeight + (z + 1 < A ? v : 0), Q.push(D);
       }
     }
-    return V;
+    return Q;
   }
-  const s = new Array(o).fill(0), v = [];
-  for (let u = 0; u < t.length; u++) {
-    const k = t[u], H = { ...k, columnWidth: 0, imageHeight: 0, columnHeight: 0, left: 0, top: 0 }, N = s.indexOf(Math.min(...s)), R = k.width, _ = k.height;
-    H.columnWidth = I, H.left = N * (I + b), H.imageHeight = Math.round(I * _ / R), H.columnHeight = H.imageHeight + i + d, H.top = s[N], s[N] += H.columnHeight + r, v.push(H);
+  const h = new Array(i).fill(0), $ = [];
+  for (let b = 0; b < e.length; b++) {
+    const L = e[b], S = {
+      ...L,
+      columnWidth: 0,
+      imageHeight: 0,
+      columnHeight: 0,
+      left: 0,
+      top: 0
+    }, O = h.indexOf(Math.min(...h)), Y = L.width, J = L.height;
+    S.columnWidth = H, S.left = O * (H + m), S.imageHeight = Math.round(H * J / Y), S.columnHeight = S.imageHeight + r + n, S.top = h[O], h[O] += S.columnHeight + v, $.push(S);
   }
-  return v;
+  return $;
 }
-var kt = typeof global == "object" && global && global.Object === Object && global, Ht = typeof self == "object" && self && self.Object === Object && self, ft = kt || Ht || Function("return this")(), K = ft.Symbol, dt = Object.prototype, Et = dt.hasOwnProperty, Pt = dt.toString, G = K ? K.toStringTag : void 0;
-function Lt(t) {
-  var a = Et.call(t, G), o = t[G];
+var Ve = typeof global == "object" && global && global.Object === Object && global, Ge = typeof self == "object" && self && self.Object === Object && self, Ie = Ve || Ge || Function("return this")(), ie = Ie.Symbol, Pe = Object.prototype, Ue = Pe.hasOwnProperty, Xe = Pe.toString, Z = ie ? ie.toStringTag : void 0;
+function Ye(e) {
+  var o = Ue.call(e, Z), i = e[Z];
   try {
-    t[G] = void 0;
-    var l = !0;
+    e[Z] = void 0;
+    var s = !0;
   } catch {
   }
-  var b = Pt.call(t);
-  return l && (a ? t[G] = o : delete t[G]), b;
+  var m = Xe.call(e);
+  return s && (o ? e[Z] = i : delete e[Z]), m;
 }
-var $t = Object.prototype, Nt = $t.toString;
-function Wt(t) {
-  return Nt.call(t);
+var Je = Object.prototype, Ke = Je.toString;
+function Qe(e) {
+  return Ke.call(e);
 }
-var Ot = "[object Null]", At = "[object Undefined]", ot = K ? K.toStringTag : void 0;
-function jt(t) {
-  return t == null ? t === void 0 ? At : Ot : ot && ot in Object(t) ? Lt(t) : Wt(t);
+var Ze = "[object Null]", et = "[object Undefined]", be = ie ? ie.toStringTag : void 0;
+function tt(e) {
+  return e == null ? e === void 0 ? et : Ze : be && be in Object(e) ? Ye(e) : Qe(e);
 }
-function Bt(t) {
-  return t != null && typeof t == "object";
+function nt(e) {
+  return e != null && typeof e == "object";
 }
-var Ct = "[object Symbol]";
-function zt(t) {
-  return typeof t == "symbol" || Bt(t) && jt(t) == Ct;
+var at = "[object Symbol]";
+function rt(e) {
+  return typeof e == "symbol" || nt(e) && tt(e) == at;
 }
-var Dt = /\s/;
-function Ft(t) {
-  for (var a = t.length; a-- && Dt.test(t.charAt(a)); )
+var ot = /\s/;
+function it(e) {
+  for (var o = e.length; o-- && ot.test(e.charAt(o)); )
     ;
-  return a;
+  return o;
 }
-var Rt = /^\s+/;
-function _t(t) {
-  return t && t.slice(0, Ft(t) + 1).replace(Rt, "");
+var st = /^\s+/;
+function lt(e) {
+  return e && e.slice(0, it(e) + 1).replace(st, "");
 }
-function Z(t) {
-  var a = typeof t;
-  return t != null && (a == "object" || a == "function");
+function ce(e) {
+  var o = typeof e;
+  return e != null && (o == "object" || o == "function");
 }
-var it = NaN, Vt = /^[-+]0x[0-9a-f]+$/i, qt = /^0b[01]+$/i, Gt = /^0o[0-7]+$/i, Xt = parseInt;
-function st(t) {
-  if (typeof t == "number")
-    return t;
-  if (zt(t))
-    return it;
-  if (Z(t)) {
-    var a = typeof t.valueOf == "function" ? t.valueOf() : t;
-    t = Z(a) ? a + "" : a;
+var xe = NaN, ct = /^[-+]0x[0-9a-f]+$/i, ut = /^0b[01]+$/i, ft = /^0o[0-7]+$/i, dt = parseInt;
+function we(e) {
+  if (typeof e == "number")
+    return e;
+  if (rt(e))
+    return xe;
+  if (ce(e)) {
+    var o = typeof e.valueOf == "function" ? e.valueOf() : e;
+    e = ce(o) ? o + "" : o;
   }
-  if (typeof t != "string")
-    return t === 0 ? t : +t;
-  t = _t(t);
-  var o = qt.test(t);
-  return o || Gt.test(t) ? Xt(t.slice(2), o ? 2 : 8) : Vt.test(t) ? it : +t;
+  if (typeof e != "string")
+    return e === 0 ? e : +e;
+  e = lt(e);
+  var i = ut.test(e);
+  return i || ft.test(e) ? dt(e.slice(2), i ? 2 : 8) : ct.test(e) ? xe : +e;
 }
-var Q = function() {
-  return ft.Date.now();
-}, Ut = "Expected a function", Yt = Math.max, Jt = Math.min;
-function lt(t, a, o) {
-  var l, b, r, d, i, w, m = 0, h = !1, g = !1, x = !0;
-  if (typeof t != "function")
-    throw new TypeError(Ut);
-  a = st(a) || 0, Z(o) && (h = !!o.leading, g = "maxWait" in o, r = g ? Yt(st(o.maxWait) || 0, a) : r, x = "trailing" in o ? !!o.trailing : x);
-  function E(s) {
-    var v = l, u = b;
-    return l = b = void 0, m = s, d = t.apply(u, v), d;
+var le = function() {
+  return Ie.Date.now();
+}, gt = "Expected a function", pt = Math.max, yt = Math.min;
+function Te(e, o, i) {
+  var s, m, v, n, r, y, c = 0, f = !1, d = !1, x = !0;
+  if (typeof e != "function")
+    throw new TypeError(gt);
+  o = we(o) || 0, ce(i) && (f = !!i.leading, d = "maxWait" in i, v = d ? pt(we(i.maxWait) || 0, o) : v, x = "trailing" in i ? !!i.trailing : x);
+  function w(h) {
+    var $ = s, b = m;
+    return s = m = void 0, c = h, n = e.apply(b, $), n;
   }
-  function W(s) {
-    return m = s, i = setTimeout(T, a), h ? E(s) : d;
+  function W(h) {
+    return c = h, r = setTimeout(M, o), f ? w(h) : n;
   }
-  function O(s) {
-    var v = s - w, u = s - m, k = a - v;
-    return g ? Jt(k, r - u) : k;
+  function R(h) {
+    var $ = h - y, b = h - c, L = o - $;
+    return d ? yt(L, v - b) : L;
   }
-  function M(s) {
-    var v = s - w, u = s - m;
-    return w === void 0 || v >= a || v < 0 || g && u >= r;
+  function T(h) {
+    var $ = h - y, b = h - c;
+    return y === void 0 || $ >= o || $ < 0 || d && b >= v;
   }
-  function T() {
-    var s = Q();
-    if (M(s))
-      return L(s);
-    i = setTimeout(T, O(s));
+  function M() {
+    var h = le();
+    if (T(h))
+      return N(h);
+    r = setTimeout(M, R(h));
   }
-  function L(s) {
-    return i = void 0, x && l ? E(s) : (l = b = void 0, d);
+  function N(h) {
+    return r = void 0, x && s ? w(h) : (s = m = void 0, n);
   }
-  function $() {
-    i !== void 0 && clearTimeout(i), m = 0, l = w = b = i = void 0;
+  function F() {
+    r !== void 0 && clearTimeout(r), c = 0, s = y = m = r = void 0;
   }
-  function I() {
-    return i === void 0 ? d : L(Q());
+  function H() {
+    return r === void 0 ? n : N(le());
   }
-  function p() {
-    var s = Q(), v = M(s);
-    if (l = arguments, b = this, w = s, v) {
-      if (i === void 0)
-        return W(w);
-      if (g)
-        return clearTimeout(i), i = setTimeout(T, a), E(w);
+  function k() {
+    var h = le(), $ = T(h);
+    if (s = arguments, m = this, y = h, $) {
+      if (r === void 0)
+        return W(y);
+      if (d)
+        return clearTimeout(r), r = setTimeout(M, o), w(y);
     }
-    return i === void 0 && (i = setTimeout(T, a)), d;
+    return r === void 0 && (r = setTimeout(M, o)), n;
   }
-  return p.cancel = $, p.flush = I, p;
+  return k.cancel = F, k.flush = H, k;
 }
-function ct(t) {
-  const a = window.innerWidth, o = t.sizes;
-  return a >= 1536 && o["2xl"] ? o["2xl"] : a >= 1280 && o.xl ? o.xl : a >= 1024 && o.lg ? o.lg : a >= 768 && o.md ? o.md : a >= 640 && o.sm ? o.sm : o.base;
+function Me(e) {
+  const o = window.innerWidth, i = e.sizes;
+  return o >= 1536 && i["2xl"] ? i["2xl"] : o >= 1280 && i.xl ? i.xl : o >= 1024 && i.lg ? i.lg : o >= 768 && i.md ? i.md : o >= 640 && i.sm ? i.sm : i.base;
 }
-function Kt(t) {
-  return t.reduce((o, l) => Math.max(o, l.top + l.columnHeight), 0) + 500;
+function ht(e) {
+  return e.reduce((i, s) => Math.max(i, s.top + s.columnHeight), 0) + 500;
 }
-function Qt(t) {
+function mt(e) {
   return {
-    transform: `translate3d(${t.left}px, ${t.top}px, 0)`,
+    transform: `translate3d(${e.left}px, ${e.top}px, 0)`,
     top: "0px",
     left: "0px",
-    width: `${t.columnWidth}px`,
-    height: `${t.columnHeight}px`
+    width: `${e.columnWidth}px`,
+    height: `${e.columnHeight}px`
   };
 }
-function Zt(t, a = 0) {
+function vt(e, o = 0) {
   return {
-    style: Qt(t),
-    "data-top": t.top,
-    "data-left": t.left,
-    "data-id": `${t.page}-${t.id}`,
-    "data-index": a
+    style: mt(e),
+    "data-top": e.top,
+    "data-left": e.left,
+    "data-id": `${e.page}-${e.id}`,
+    "data-index": o
   };
 }
-function tt(t, a) {
-  const o = new Array(a).fill(0);
-  for (let l = 0; l < t.length; l++) {
-    const b = t[l], r = l % a;
-    o[r] = Math.max(o[r], b.top + b.columnHeight);
+function ue(e, o) {
+  if (!e.length || o <= 0)
+    return new Array(Math.max(1, o)).fill(0);
+  const s = Array.from(new Set(e.map((n) => n.left))).sort((n, r) => n - r).slice(0, o), m = /* @__PURE__ */ new Map();
+  for (let n = 0; n < s.length; n++) m.set(s[n], n);
+  const v = new Array(s.length).fill(0);
+  for (const n of e) {
+    const r = m.get(n.left);
+    r != null && (v[r] = Math.max(v[r], n.top + n.columnHeight));
   }
-  return o;
+  for (; v.length < o; ) v.push(0);
+  return v;
 }
-function te(t) {
-  function a(r, d) {
-    const i = parseInt(r.dataset.left || "0", 10), w = parseInt(r.dataset.top || "0", 10), m = parseInt(r.dataset.index || "0", 10), h = Math.min(m * 20, 160), g = r.style.getPropertyValue("--masonry-opacity-delay");
-    r.style.setProperty("--masonry-opacity-delay", `${h}ms`), requestAnimationFrame(() => {
-      r.style.opacity = "1", r.style.transform = `translate3d(${i}px, ${w}px, 0) scale(1)`;
-      const x = () => {
-        g ? r.style.setProperty("--masonry-opacity-delay", g) : r.style.removeProperty("--masonry-opacity-delay"), r.removeEventListener("transitionend", x), d();
+function bt(e, o) {
+  function i(n, r) {
+    const y = parseInt(n.dataset.left || "0", 10), c = parseInt(n.dataset.top || "0", 10), f = parseInt(n.dataset.index || "0", 10), d = Math.min(f * 20, 160), x = n.style.getPropertyValue("--masonry-opacity-delay");
+    n.style.setProperty("--masonry-opacity-delay", `${d}ms`), requestAnimationFrame(() => {
+      n.style.opacity = "1", n.style.transform = `translate3d(${y}px, ${c}px, 0) scale(1)`;
+      const w = () => {
+        x ? n.style.setProperty("--masonry-opacity-delay", x) : n.style.removeProperty("--masonry-opacity-delay"), n.removeEventListener("transitionend", w), r();
       };
-      r.addEventListener("transitionend", x);
+      n.addEventListener("transitionend", w);
     });
   }
-  function o(r) {
-    const d = parseInt(r.dataset.left || "0", 10), i = parseInt(r.dataset.top || "0", 10);
-    r.style.opacity = "0", r.style.transform = `translate3d(${d}px, ${i + 10}px, 0) scale(0.985)`;
+  function s(n) {
+    const r = parseInt(n.dataset.left || "0", 10), y = parseInt(n.dataset.top || "0", 10);
+    n.style.opacity = "0", n.style.transform = `translate3d(${r}px, ${y + 10}px, 0) scale(0.985)`;
   }
-  function l(r) {
-    const d = parseInt(r.dataset.left || "0", 10), i = parseInt(r.dataset.top || "0", 10);
-    r.style.transition = "none", r.style.opacity = "1", r.style.transform = `translate3d(${d}px, ${i}px, 0) scale(1)`, r.style.removeProperty("--masonry-opacity-delay"), r.offsetWidth, r.style.transition = "";
+  function m(n) {
+    const r = parseInt(n.dataset.left || "0", 10), y = parseInt(n.dataset.top || "0", 10);
+    n.style.transition = "none", n.style.opacity = "1", n.style.transform = `translate3d(${r}px, ${y}px, 0) scale(1)`, n.style.removeProperty("--masonry-opacity-delay"), requestAnimationFrame(() => {
+      n.style.transition = "";
+    });
   }
-  function b(r, d) {
-    const i = parseInt(r.dataset.left || "0", 10), w = parseInt(r.dataset.top || "0", 10), h = getComputedStyle(r).getPropertyValue("--masonry-leave-duration") || "", g = parseFloat(h), x = Number.isFinite(g) && g > 0 ? g : 200, E = r.style.transitionDuration, W = () => {
-      r.removeEventListener("transitionend", O), clearTimeout(M), r.style.transitionDuration = E || "";
-    }, O = (T) => {
-      (!T || T.target === r) && (W(), d());
-    }, M = setTimeout(() => {
-      W(), d();
-    }, x + 100);
+  function v(n, r) {
+    const y = parseInt(n.dataset.left || "0", 10), c = parseInt(n.dataset.top || "0", 10), f = typeof (o == null ? void 0 : o.leaveDurationMs) == "number" ? o.leaveDurationMs : NaN;
+    let d = Number.isFinite(f) && f > 0 ? f : NaN;
+    if (!Number.isFinite(d)) {
+      const M = getComputedStyle(n).getPropertyValue("--masonry-leave-duration") || "", N = parseFloat(M);
+      d = Number.isFinite(N) && N > 0 ? N : 200;
+    }
+    const x = n.style.transitionDuration, w = () => {
+      n.removeEventListener("transitionend", W), clearTimeout(R), n.style.transitionDuration = x || "";
+    }, W = (T) => {
+      (!T || T.target === n) && (w(), r());
+    }, R = setTimeout(() => {
+      w(), r();
+    }, d + 100);
     requestAnimationFrame(() => {
-      r.style.transitionDuration = `${x}ms`, r.style.opacity = "0", r.style.transform = `translate3d(${i}px, ${w + 10}px, 0) scale(0.985)`, r.addEventListener("transitionend", O);
+      n.style.transitionDuration = `${d}ms`, n.style.opacity = "0", n.style.transform = `translate3d(${y}px, ${c + 10}px, 0) scale(0.985)`, n.addEventListener("transitionend", W);
     });
   }
   return {
-    onEnter: a,
-    onBeforeEnter: o,
-    onBeforeLeave: l,
-    onLeave: b
+    onEnter: i,
+    onBeforeEnter: s,
+    onBeforeLeave: m,
+    onLeave: v
   };
 }
-function ee({
-  container: t,
-  masonry: a,
-  columns: o,
-  containerHeight: l,
-  isLoading: b,
-  maxItems: r,
-  pageSize: d,
-  refreshLayout: i,
-  setItemsRaw: w,
-  loadNext: m,
-  leaveEstimateMs: h
+function xt({
+  container: e,
+  masonry: o,
+  columns: i,
+  containerHeight: s,
+  isLoading: m,
+  pageSize: v,
+  refreshLayout: n,
+  setItemsRaw: r,
+  loadNext: y,
+  loadThresholdPx: c
 }) {
-  let g = !1, x = 0;
-  async function E() {
-    if (!t.value) return;
-    const { scrollTop: M, clientHeight: T } = t.value, L = M + T, $ = M > x + 1;
-    x = M;
-    const I = tt(a.value, o.value), s = Math.max(...I) + 300 < L - 1, v = M + T >= l.value - 1;
-    if ((s || v) && $ && !b.value && !g)
-      try {
-        a.value.length > r && await W(I), await m(), await X();
-      } catch (u) {
-        console.error("Error in scroll handler:", u);
-      }
-  }
-  async function W(M) {
-    if (!a.value.length || a.value.length <= d) return;
-    const T = a.value.reduce((s, v) => {
-      const u = v.page;
-      return s[u] || (s[u] = []), s[u].push(v), s;
-    }, {}), L = Object.keys(T).sort((s, v) => parseInt(s) - parseInt(v));
-    if (L.length === 0) return;
-    let $ = 0;
-    const I = [];
-    for (const s of L)
-      if (I.push(s), $ += T[s].length, $ >= d) break;
-    const p = a.value.filter((s) => !I.includes(String(s.page)));
-    p.length !== a.value.length && (g = !0, w(p), await X(), await new Promise((s) => requestAnimationFrame(() => s())), i(p), await X(), await O(), g = !1);
-  }
-  async function O() {
-    if (!t.value) return;
-    const { scrollTop: M, clientHeight: T } = t.value, L = M + T * 0.4, $ = tt(a.value, o.value), I = $.indexOf(Math.max(...$)), p = a.value.filter((u, k) => k % o.value === I);
-    if (p.length === 0) return;
-    let s = p[0];
-    for (const u of p)
-      u.top <= L && u.top >= s.top && (s = u);
-    const v = Math.max(0, s.top - T * 0.4);
-    Math.abs(v - M) > 4 && t.value.scrollTo({ top: v, behavior: "auto" });
+  let f = 0;
+  async function d(x) {
+    if (!e.value) return;
+    const w = x ?? ue(o.value, i.value), W = w.length ? Math.max(...w) : 0, R = e.value.scrollTop + e.value.clientHeight, T = e.value.scrollTop > f + 1;
+    f = e.value.scrollTop;
+    const M = typeof c == "number" ? c : 200, N = M >= 0 ? Math.max(0, W - M) : Math.max(0, W + M);
+    if (R >= N && T && !m.value) {
+      await y(), await ee();
+      return;
+    }
   }
   return {
-    handleScroll: E
+    handleScroll: d
   };
 }
-const ne = ["src"], ae = ["onClick"], re = /* @__PURE__ */ gt({
+const wt = ["src"], Tt = ["onClick"], Mt = /* @__PURE__ */ Ne({
   __name: "Masonry",
   props: {
     getNextPage: {
@@ -334,16 +336,12 @@ const ne = ["src"], ae = ["onClick"], re = /* @__PURE__ */ gt({
       type: String,
       default: "page",
       // or 'cursor'
-      validator: (t) => ["page", "cursor"].includes(t)
+      validator: (e) => ["page", "cursor"].includes(e)
     },
     skipInitialLoad: {
       type: Boolean,
       default: !1
     },
-    maxItems: {
-      type: Number,
-      default: 100
-    },
     pageSize: {
       type: Number,
       default: 40
@@ -391,6 +389,14 @@ const ne = ["src"], ae = ["onClick"], re = /* @__PURE__ */ gt({
     forceMotion: {
       type: Boolean,
       default: !1
+    },
+    virtualBufferPx: {
+      type: Number,
+      default: 600
+    },
+    loadThresholdPx: {
+      type: Number,
+      default: 200
     }
   },
   emits: [
@@ -400,10 +406,11 @@ const ne = ["src"], ae = ["onClick"], re = /* @__PURE__ */ gt({
     "backfill:stop",
     "retry:start",
     "retry:tick",
-    "retry:stop"
+    "retry:stop",
+    "remove-all:complete"
   ],
-  setup(t, { expose: a, emit: o }) {
-    const l = t, b = {
+  setup(e, { expose: o, emit: i }) {
+    const s = e, m = {
       sizes: { base: 1, sm: 2, md: 3, lg: 4, xl: 5, "2xl": 6 },
       gutterX: 10,
       gutterY: 10,
@@ -412,273 +419,357 @@ const ne = ["src"], ae = ["onClick"], re = /* @__PURE__ */ gt({
       paddingLeft: 0,
       paddingRight: 0,
       placement: "masonry"
-    }, r = et(() => {
-      var e;
+    }, v = ae(() => {
+      var t;
       return {
-        ...b,
-        ...l.layout,
+        ...m,
+        ...s.layout,
         sizes: {
-          ...b.sizes,
-          ...((e = l.layout) == null ? void 0 : e.sizes) || {}
+          ...m.sizes,
+          ...((t = s.layout) == null ? void 0 : t.sizes) || {}
         }
       };
-    }), d = o, i = et({
-      get: () => l.items,
-      set: (e) => d("update:items", e)
-    }), w = B(7), m = B(null), h = B([]);
-    B(null);
-    const g = B(!1), x = B(0), E = B({
+    }), n = i, r = ae({
+      get: () => s.items,
+      set: (t) => n("update:items", t)
+    }), y = j(7), c = j(null), f = j([]), d = j(!1), x = j(0), w = j(/* @__PURE__ */ new Set());
+    function W(t) {
+      return typeof t == "number" && Number.isFinite(t) && t > 0;
+    }
+    function R(t, a) {
+      try {
+        if (!Array.isArray(t) || t.length === 0) return;
+        const l = t.filter((g) => !W(g == null ? void 0 : g.width) || !W(g == null ? void 0 : g.height));
+        if (l.length === 0) return;
+        const u = [];
+        for (const g of l) {
+          const P = (g == null ? void 0 : g.id) ?? `idx:${t.indexOf(g)}`;
+          w.value.has(P) || (w.value.add(P), u.push(P));
+        }
+        if (u.length > 0) {
+          const g = u.slice(0, 10);
+          console.warn(
+            "[Masonry] Items missing width/height detected:",
+            {
+              context: a,
+              count: u.length,
+              sampleIds: g,
+              hint: "Ensure each item has positive width and height. Consider providing fallbacks (e.g., 512x512) at the data layer."
+            }
+          );
+        }
+      } catch {
+      }
+    }
+    const T = j(0), M = j(0), N = s.virtualBufferPx, F = j(!1), H = j({
       distanceToTrigger: 0,
       isNearTrigger: !1
-    }), W = () => {
-      if (!m.value) return;
-      const { scrollTop: e, clientHeight: n } = m.value, c = e + n, f = tt(i.value, w.value), P = Math.max(...f) + 300, S = Math.max(0, P - c), F = S <= 100;
-      E.value = {
-        distanceToTrigger: Math.round(S),
-        isNearTrigger: F
+    }), k = (t) => {
+      if (!c.value) return;
+      const { scrollTop: a, clientHeight: l } = c.value, u = a + l, g = t ?? ue(r.value, y.value), P = g.length ? Math.max(...g) : 0, C = typeof s.loadThresholdPx == "number" ? s.loadThresholdPx : 200, ne = C >= 0 ? Math.max(0, P - C) : Math.max(0, P + C), ye = Math.max(0, ne - u), Ee = ye <= 100;
+      H.value = {
+        distanceToTrigger: Math.round(ye),
+        isNearTrigger: Ee
       };
-    }, { onEnter: O, onBeforeEnter: M, onBeforeLeave: T, onLeave: L } = te(), { handleScroll: $ } = ee({
-      container: m,
-      masonry: i,
-      columns: w,
+    }, { onEnter: h, onBeforeEnter: $, onBeforeLeave: b, onLeave: L } = bt(r, { leaveDurationMs: s.leaveDurationMs });
+    function S(t, a) {
+      if (F.value) {
+        const l = parseInt(t.dataset.left || "0", 10), u = parseInt(t.dataset.top || "0", 10);
+        t.style.transition = "none", t.style.opacity = "1", t.style.transform = `translate3d(${l}px, ${u}px, 0) scale(1)`, t.style.removeProperty("--masonry-opacity-delay"), requestAnimationFrame(() => {
+          t.style.transition = "", a();
+        });
+      } else
+        h(t, a);
+    }
+    function O(t) {
+      if (F.value) {
+        const a = parseInt(t.dataset.left || "0", 10), l = parseInt(t.dataset.top || "0", 10);
+        t.style.transition = "none", t.style.opacity = "1", t.style.transform = `translate3d(${a}px, ${l}px, 0) scale(1)`, t.style.removeProperty("--masonry-opacity-delay");
+      } else
+        $(t);
+    }
+    function Y(t) {
+      F.value || b(t);
+    }
+    function J(t, a) {
+      F.value ? a() : L(t, a);
+    }
+    const G = ae(() => {
+      const t = T.value - N, a = T.value + M.value + N, l = r.value;
+      return !l || l.length === 0 ? [] : l.filter((u) => {
+        const g = u.top;
+        return u.top + u.columnHeight >= t && g <= a;
+      });
+    }), { handleScroll: K } = xt({
+      container: c,
+      masonry: r,
+      columns: y,
       containerHeight: x,
-      isLoading: g,
-      maxItems: l.maxItems,
-      pageSize: l.pageSize,
-      refreshLayout: p,
-      setItemsRaw: (e) => {
-        i.value = e;
+      isLoading: d,
+      pageSize: s.pageSize,
+      refreshLayout: B,
+      setItemsRaw: (t) => {
+        r.value = t;
       },
-      loadNext: H,
-      leaveEstimateMs: l.leaveDurationMs
+      loadNext: A,
+      loadThresholdPx: s.loadThresholdPx
     });
-    a({
-      isLoading: g,
-      refreshLayout: p,
+    o({
+      isLoading: d,
+      refreshLayout: B,
       containerHeight: x,
-      remove: N,
-      removeMany: R,
-      loadNext: H,
-      loadPage: k,
-      reset: D,
-      init: U,
-      paginationHistory: h
+      remove: _,
+      removeMany: z,
+      removeAll: D,
+      loadNext: A,
+      loadPage: I,
+      reset: He,
+      init: Le,
+      paginationHistory: f,
+      cancelLoad: de,
+      scrollToTop: q,
+      totalItems: ae(() => r.value.length)
     });
-    function I(e) {
-      const n = Kt(e);
-      let c = 0;
-      if (m.value) {
-        const { scrollTop: f, clientHeight: y } = m.value;
-        c = f + y + 100;
+    function U(t) {
+      const a = ht(t);
+      let l = 0;
+      if (c.value) {
+        const { scrollTop: u, clientHeight: g } = c.value;
+        l = u + g + 100;
       }
-      x.value = Math.max(n, c);
+      x.value = Math.max(a, l);
     }
-    function p(e) {
-      if (!m.value) return;
-      const n = St(e, m.value, w.value, r.value);
-      I(n), i.value = n;
+    function B(t) {
+      if (!c.value) return;
+      R(t, "refreshLayout");
+      const a = qe(t, c.value, y.value, v.value);
+      U(a), r.value = a;
     }
-    function s(e, n) {
-      return new Promise((c) => {
-        const f = Math.max(0, e | 0), y = Date.now();
-        n(f, f);
+    function Q(t, a) {
+      return new Promise((l) => {
+        const u = Math.max(0, t | 0), g = Date.now();
+        a(u, u);
         const P = setInterval(() => {
-          const S = Date.now() - y, F = Math.max(0, f - S);
-          n(F, f), F <= 0 && (clearInterval(P), c());
+          if (E.value) {
+            clearInterval(P), l();
+            return;
+          }
+          const C = Date.now() - g, ne = Math.max(0, u - C);
+          a(ne, u), ne <= 0 && (clearInterval(P), l());
         }, 100);
       });
     }
-    async function v(e) {
+    async function X(t) {
       try {
-        const n = await u(() => l.getNextPage(e));
-        return p([...i.value, ...n.items]), n;
-      } catch (n) {
-        throw console.error("Error in getContent:", n), n;
+        const a = await p(() => s.getNextPage(t));
+        return B([...r.value, ...a.items]), a;
+      } catch (a) {
+        throw console.error("Error in getContent:", a), a;
       }
     }
-    async function u(e) {
-      let n = 0;
-      const c = l.retryMaxAttempts;
-      let f = l.retryInitialDelayMs;
+    async function p(t) {
+      let a = 0;
+      const l = s.retryMaxAttempts;
+      let u = s.retryInitialDelayMs;
       for (; ; )
         try {
-          const y = await e();
-          return n > 0 && d("retry:stop", { attempt: n, success: !0 }), y;
-        } catch (y) {
-          if (n++, n > c)
-            throw d("retry:stop", { attempt: n - 1, success: !1 }), y;
-          d("retry:start", { attempt: n, max: c, totalMs: f }), await s(f, (P, S) => {
-            d("retry:tick", { attempt: n, remainingMs: P, totalMs: S });
-          }), f += l.retryBackoffStepMs;
+          const g = await t();
+          return a > 0 && n("retry:stop", { attempt: a, success: !0 }), g;
+        } catch (g) {
+          if (a++, a > l)
+            throw n("retry:stop", { attempt: a - 1, success: !1 }), g;
+          n("retry:start", { attempt: a, max: l, totalMs: u }), await Q(u, (P, C) => {
+            n("retry:tick", { attempt: a, remainingMs: P, totalMs: C });
+          }), u += s.retryBackoffStepMs;
         }
     }
-    async function k(e) {
-      if (!g.value) {
-        g.value = !0;
+    async function I(t) {
+      if (!(d.value || E.value)) {
+        d.value = !0, E.value = !1;
         try {
-          const n = i.value.length, c = await v(e);
-          return h.value.push(c.nextPage), await z(n), c;
-        } catch (n) {
-          throw console.error("Error loading page:", n), n;
+          const a = r.value.length;
+          if (E.value) return;
+          const l = await X(t);
+          return E.value ? void 0 : (f.value.push(l.nextPage), await fe(a), l);
+        } catch (a) {
+          throw console.error("Error loading page:", a), a;
         } finally {
-          g.value = !1;
+          d.value = !1;
         }
       }
     }
-    async function H() {
-      if (!g.value) {
-        g.value = !0;
+    async function A() {
+      if (!(d.value || E.value)) {
+        d.value = !0, E.value = !1;
         try {
-          const e = i.value.length, n = h.value[h.value.length - 1], c = await v(n);
-          return h.value.push(c.nextPage), await z(e), c;
-        } catch (e) {
-          throw console.error("Error loading next page:", e), e;
+          const t = r.value.length;
+          if (E.value) return;
+          const a = f.value[f.value.length - 1], l = await X(a);
+          return E.value ? void 0 : (f.value.push(l.nextPage), await fe(t), l);
+        } catch (t) {
+          throw console.error("Error loading next page:", t), t;
         } finally {
-          g.value = !1;
+          d.value = !1;
         }
       }
     }
-    async function N(e) {
-      var c;
-      const n = i.value.filter((f) => f.id !== e.id);
-      i.value = n, await X(), (c = m.value) == null || c.offsetHeight, requestAnimationFrame(() => {
-        p(n);
+    async function _(t) {
+      const a = r.value.filter((l) => l.id !== t.id);
+      r.value = a, await ee(), await new Promise((l) => requestAnimationFrame(() => l())), requestAnimationFrame(() => {
+        B(a);
       });
     }
-    async function R(e) {
-      var f;
-      if (!e || e.length === 0) return;
-      const n = new Set(e.map((y) => y.id)), c = i.value.filter((y) => !n.has(y.id));
-      i.value = c, await X(), (f = m.value) == null || f.offsetHeight, requestAnimationFrame(() => {
-        p(c);
+    async function z(t) {
+      if (!t || t.length === 0) return;
+      const a = new Set(t.map((u) => u.id)), l = r.value.filter((u) => !a.has(u.id));
+      r.value = l, await ee(), await new Promise((u) => requestAnimationFrame(() => u())), requestAnimationFrame(() => {
+        B(l);
       });
     }
-    function _() {
-      w.value = ct(r.value), p(i.value);
+    function q(t) {
+      c.value && c.value.scrollTo({
+        top: 0,
+        behavior: (t == null ? void 0 : t.behavior) ?? "smooth",
+        ...t
+      });
     }
-    let A = !1;
-    async function z(e) {
-      if (!l.backfillEnabled || A) return;
-      const n = (e || 0) + (l.pageSize || 0);
-      if (!(!l.pageSize || l.pageSize <= 0 || h.value[h.value.length - 1] == null) && !(i.value.length >= n)) {
-        A = !0;
+    async function D() {
+      q({ behavior: "smooth" }), r.value = [], x.value = 0, await ee(), n("remove-all:complete");
+    }
+    function ke() {
+      y.value = Me(v.value), B(r.value), c.value && (T.value = c.value.scrollTop, M.value = c.value.clientHeight);
+    }
+    let te = !1;
+    const E = j(!1);
+    async function fe(t) {
+      if (!s.backfillEnabled || te || E.value) return;
+      const a = (t || 0) + (s.pageSize || 0);
+      if (!(!s.pageSize || s.pageSize <= 0 || f.value[f.value.length - 1] == null) && !(r.value.length >= a)) {
+        te = !0;
         try {
-          let f = 0;
-          for (d("backfill:start", { target: n, fetched: i.value.length, calls: f }); i.value.length < n && f < l.backfillMaxCalls && h.value[h.value.length - 1] != null; ) {
-            await s(l.backfillDelayMs, (P, S) => {
-              d("backfill:tick", {
-                fetched: i.value.length,
-                target: n,
-                calls: f,
-                remainingMs: P,
-                totalMs: S
-              });
+          let u = 0;
+          for (n("backfill:start", { target: a, fetched: r.value.length, calls: u }); r.value.length < a && u < s.backfillMaxCalls && f.value[f.value.length - 1] != null && !E.value && (await Q(s.backfillDelayMs, (P, C) => {
+            n("backfill:tick", {
+              fetched: r.value.length,
+              target: a,
+              calls: u,
+              remainingMs: P,
+              totalMs: C
             });
-            const y = h.value[h.value.length - 1];
+          }), !E.value); ) {
+            const g = f.value[f.value.length - 1];
             try {
-              g.value = !0;
-              const P = await v(y);
-              h.value.push(P.nextPage);
+              d.value = !0;
+              const P = await X(g);
+              if (E.value) break;
+              f.value.push(P.nextPage);
             } finally {
-              g.value = !1;
+              d.value = !1;
             }
-            f++;
+            u++;
           }
-          d("backfill:stop", { fetched: i.value.length, calls: f });
+          n("backfill:stop", { fetched: r.value.length, calls: u });
         } finally {
-          A = !1;
+          te = !1;
         }
       }
     }
-    function D() {
-      m.value && m.value.scrollTo({
+    function de() {
+      E.value = !0, d.value = !1, te = !1;
+    }
+    function He() {
+      de(), c.value && c.value.scrollTo({
         top: 0,
         behavior: "smooth"
-      }), i.value = [], x.value = 0, h.value = [l.loadAtPage], E.value = {
+      }), r.value = [], x.value = 0, f.value = [s.loadAtPage], H.value = {
         distanceToTrigger: 0,
         isNearTrigger: !1
       };
     }
-    const j = lt(() => {
-      $(), W();
-    }, 200), V = lt(_, 200);
-    function U(e, n, c) {
-      h.value = [n], h.value.push(c), p([...i.value, ...e]), W();
+    const ge = Te(async () => {
+      c.value && (T.value = c.value.scrollTop, M.value = c.value.clientHeight), F.value = !0, await ee(), await new Promise((a) => requestAnimationFrame(() => a())), F.value = !1;
+      const t = ue(r.value, y.value);
+      K(t), k(t);
+    }, 200), pe = Te(ke, 200);
+    function Le(t, a, l) {
+      f.value = [a], f.value.push(l), R(t, "init"), B([...r.value, ...t]), k();
     }
-    return pt(async () => {
-      var e;
+    return $e(async () => {
+      var t;
       try {
-        w.value = ct(r.value);
-        const n = l.loadAtPage;
-        h.value = [n], l.skipInitialLoad || await k(h.value[0]), W();
-      } catch (n) {
-        console.error("Error during component initialization:", n), g.value = !1;
+        y.value = Me(v.value), c.value && (T.value = c.value.scrollTop, M.value = c.value.clientHeight);
+        const a = s.loadAtPage;
+        f.value = [a], s.skipInitialLoad || await I(f.value[0]), k();
+      } catch (a) {
+        console.error("Error during component initialization:", a), d.value = !1;
       }
-      (e = m.value) == null || e.addEventListener("scroll", j), window.addEventListener("resize", V);
-    }), mt(() => {
-      var e;
-      (e = m.value) == null || e.removeEventListener("scroll", j), window.removeEventListener("resize", V);
-    }), (e, n) => (J(), Y("div", {
-      class: nt(["overflow-auto w-full flex-1 masonry-container", { "force-motion": l.forceMotion }]),
+      (t = c.value) == null || t.addEventListener("scroll", ge, { passive: !0 }), window.addEventListener("resize", pe);
+    }), Ae(() => {
+      var t;
+      (t = c.value) == null || t.removeEventListener("scroll", ge), window.removeEventListener("resize", pe);
+    }), (t, a) => (oe(), re("div", {
+      class: he(["overflow-auto w-full flex-1 masonry-container", { "force-motion": s.forceMotion }]),
       ref_key: "container",
-      ref: m
+      ref: c
     }, [
-      C("div", {
+      V("div", {
         class: "relative",
-        style: ht({ height: `${x.value}px`, "--masonry-duration": `${t.transitionDurationMs}ms`, "--masonry-leave-duration": `${t.leaveDurationMs}ms`, "--masonry-ease": t.transitionEasing })
+        style: We({ height: `${x.value}px`, "--masonry-duration": `${e.transitionDurationMs}ms`, "--masonry-leave-duration": `${e.leaveDurationMs}ms`, "--masonry-ease": e.transitionEasing })
       }, [
-        yt(bt, {
+        Be(Fe, {
           name: "masonry",
           css: !1,
-          onEnter: q(O),
-          onBeforeEnter: q(M),
-          onLeave: q(L),
-          onBeforeLeave: q(T)
+          onEnter: S,
+          onBeforeEnter: O,
+          onLeave: J,
+          onBeforeLeave: Y
         }, {
-          default: xt(() => [
-            (J(!0), Y(wt, null, Tt(i.value, (c, f) => (J(), Y("div", at({
-              key: `${c.page}-${c.id}`,
+          default: Oe(() => [
+            (oe(!0), re(De, null, je(G.value, (l, u) => (oe(), re("div", me({
+              key: `${l.page}-${l.id}`,
               class: "absolute masonry-item",
               ref_for: !0
-            }, q(Zt)(c, f)), [
-              Mt(e.$slots, "item", at({ ref_for: !0 }, { item: c, remove: N }), () => [
-                C("img", {
-                  src: c.src,
-                  class: "w-full"
-                }, null, 8, ne),
-                C("button", {
+            }, Re(vt)(l, u)), [
+              _e(t.$slots, "item", me({ ref_for: !0 }, { item: l, remove: _ }), () => [
+                V("img", {
+                  src: l.src,
+                  class: "w-full",
+                  loading: "lazy",
+                  decoding: "async"
+                }, null, 8, wt),
+                V("button", {
                   class: "absolute bottom-0 right-0 bg-red-500 text-white p-2 rounded cursor-pointer",
-                  onClick: (y) => N(c)
-                }, n[0] || (n[0] = [
-                  C("i", { class: "fas fa-trash" }, null, -1)
-                ]), 8, ae)
+                  onClick: (g) => _(l)
+                }, a[0] || (a[0] = [
+                  V("i", { class: "fas fa-trash" }, null, -1)
+                ]), 8, Tt)
               ], !0)
             ], 16))), 128))
           ]),
           _: 3
-        }, 8, ["onEnter", "onBeforeEnter", "onLeave", "onBeforeLeave"]),
-        x.value > 0 ? (J(), Y("div", {
+        }),
+        x.value > 0 ? (oe(), re("div", {
           key: 0,
-          class: nt(["fixed bottom-4 right-4 bg-gray-800 text-white text-xs rounded-full px-3 py-1.5 shadow-lg z-10 transition-opacity duration-300", { "opacity-50 hover:opacity-100": !E.value.isNearTrigger, "opacity-100": E.value.isNearTrigger }])
+          class: he(["fixed bottom-4 right-4 bg-gray-800 text-white text-xs rounded-full px-3 py-1.5 shadow-lg z-10 transition-opacity duration-300", { "opacity-50 hover:opacity-100": !H.value.isNearTrigger, "opacity-100": H.value.isNearTrigger }])
         }, [
-          C("span", null, rt(i.value.length) + " items", 1),
-          n[1] || (n[1] = C("span", { class: "mx-2" }, "|", -1)),
-          C("span", null, rt(E.value.distanceToTrigger) + "px to load", 1)
-        ], 2)) : vt("", !0)
+          V("span", null, ve(r.value.length) + " items", 1),
+          a[1] || (a[1] = V("span", { class: "mx-2" }, "|", -1)),
+          V("span", null, ve(H.value.distanceToTrigger) + "px to load", 1)
+        ], 2)) : ze("", !0)
       ], 4)
     ], 2));
   }
-}), oe = (t, a) => {
-  const o = t.__vccOpts || t;
-  for (const [l, b] of a)
-    o[l] = b;
-  return o;
-}, ut = /* @__PURE__ */ oe(re, [["__scopeId", "data-v-a75cd886"]]), se = {
-  install(t) {
-    t.component("WyxosMasonry", ut), t.component("WMasonry", ut);
+}), St = (e, o) => {
+  const i = e.__vccOpts || e;
+  for (const [s, m] of o)
+    i[s] = m;
+  return i;
+}, Se = /* @__PURE__ */ St(Mt, [["__scopeId", "data-v-b855ca99"]]), Pt = {
+  install(e) {
+    e.component("WyxosMasonry", Se), e.component("WMasonry", Se);
   }
 };
 export {
-  ut as Masonry,
-  se as default
+  Se as Masonry,
+  Pt as default
 };