@wyxos/vibe 1.6.27 → 1.6.29

package/lib/index.js

@@ -1,22 +1,22 @@
-import { nextTick as X, ref as W, computed as K, defineComponent as _e, onMounted as Xe, onUnmounted as Ge, watch as ee, createElementBlock as q, openBlock as Y, createCommentVNode as te, createElementVNode as U, normalizeStyle as he, renderSlot as J, normalizeClass as re, withModifiers as Ae, toDisplayString as Pe, unref as G, Fragment as Re, renderList as Oe, createVNode as Se, withCtx as ve, mergeProps as fe, TransitionGroup as It } from "vue";
-let ke = null;
-function Lt() {
-  if (ke != null) return ke;
+import { nextTick as C, ref as D, computed as Q, defineComponent as Ge, onMounted as qe, onUnmounted as Je, watch as ae, createElementBlock as U, openBlock as _, createCommentVNode as ne, createElementVNode as X, normalizeStyle as he, renderSlot as K, normalizeClass as ie, withModifiers as Ce, toDisplayString as He, unref as J, Fragment as Oe, renderList as Ae, createVNode as ke, withCtx as ve, mergeProps as fe, TransitionGroup as Lt } from "vue";
+let Se = null;
+function kt() {
+  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 n = document.createElement("div");
   n.style.width = "100%", e.appendChild(n);
-  const i = e.offsetWidth - n.offsetWidth;
-  return document.body.removeChild(e), ke = i, i;
+  const s = e.offsetWidth - n.offsetWidth;
+  return document.body.removeChild(e), Se = s, s;
 }
-function Ce(e, n, i, a = {}) {
+function Ve(e, n, s, a = {}) {
   const {
-    gutterX: m = 0,
-    gutterY: d = 0,
+    gutterX: h = 0,
+    gutterY: g = 0,
     header: f = 0,
-    footer: o = 0,
-    paddingLeft: c = 0,
-    paddingRight: y = 0,
+    footer: l = 0,
+    paddingLeft: i = 0,
+    paddingRight: M = 0,
     sizes: t = {
       base: 1,
       sm: 2,
@@ -25,195 +25,195 @@ function Ce(e, n, i, a = {}) {
       xl: 5,
       "2xl": 6
     },
-    placement: w = "masonry"
+    placement: T = "masonry"
   } = a;
-  let T = 0, p = 0;
+  let I = 0, x = 0;
   try {
     if (n && n.nodeType === 1 && typeof window < "u" && window.getComputedStyle) {
       const k = window.getComputedStyle(n);
-      T = parseFloat(k.paddingLeft) || 0, p = parseFloat(k.paddingRight) || 0;
+      I = parseFloat(k.paddingLeft) || 0, x = parseFloat(k.paddingRight) || 0;
     }
   } catch {
   }
-  const h = (c || 0) + T, I = (y || 0) + p, S = n.offsetWidth - n.clientWidth, v = S > 0 ? S + 2 : Lt() + 2, r = n.offsetWidth - v - h - I, s = m * (i - 1), L = Math.floor((r - s) / i), M = e.map((k) => {
-    const N = k.width, A = k.height;
-    return Math.round(L * A / N) + o + f;
+  const m = (i || 0) + I, L = (M || 0) + x, S = n.offsetWidth - n.clientWidth, d = S > 0 ? S + 2 : kt() + 2, c = n.offsetWidth - d - m - L, r = h * (s - 1), b = Math.floor((c - r) / s), P = e.map((k) => {
+    const H = k.width, W = k.height;
+    return Math.round(b * W / H) + l + f;
   });
-  if (w === "sequential-balanced") {
-    const k = M.length;
+  if (T === "sequential-balanced") {
+    const k = P.length;
     if (k === 0) return [];
-    const N = (b, H, R) => b + (H > 0 ? d : 0) + R;
-    let A = Math.max(...M), P = M.reduce((b, H) => b + H, 0) + d * Math.max(0, k - 1);
-    const z = (b) => {
-      let H = 1, R = 0, ne = 0;
-      for (let _ = 0; _ < k; _++) {
-        const ie = M[_], Q = N(R, ne, ie);
-        if (Q <= b)
-          R = Q, ne++;
-        else if (H++, R = ie, ne = 1, ie > b || H > i) return !1;
+    const H = (w, F, B) => w + (F > 0 ? g : 0) + B;
+    let W = Math.max(...P), E = P.reduce((w, F) => w + F, 0) + g * Math.max(0, k - 1);
+    const N = (w) => {
+      let F = 1, B = 0, j = 0;
+      for (let q = 0; q < k; q++) {
+        const le = P[q], G = H(B, j, le);
+        if (G <= w)
+          B = G, j++;
+        else if (F++, B = le, j = 1, le > w || F > s) return !1;
       }
-      return H <= i;
+      return F <= s;
     };
-    for (; A < P; ) {
-      const b = Math.floor((A + P) / 2);
-      z(b) ? P = b : A = b + 1;
+    for (; W < E; ) {
+      const w = Math.floor((W + E) / 2);
+      N(w) ? E = w : W = w + 1;
     }
-    const F = P, l = new Array(i).fill(0);
-    let x = i - 1, E = 0, D = 0;
-    for (let b = k - 1; b >= 0; b--) {
-      const H = M[b], R = b < x;
-      !(N(E, D, H) <= F) || R ? (l[x] = b + 1, x--, E = H, D = 1) : (E = N(E, D, H), D++);
+    const Z = E, o = new Array(s).fill(0);
+    let v = s - 1, y = 0, R = 0;
+    for (let w = k - 1; w >= 0; w--) {
+      const F = P[w], B = w < v;
+      !(H(y, R, F) <= Z) || B ? (o[v] = w + 1, v--, y = F, R = 1) : (y = H(y, R, F), R++);
     }
-    l[0] = 0;
-    const V = [], C = new Array(i).fill(0);
-    for (let b = 0; b < i; b++) {
-      const H = l[b], R = b + 1 < i ? l[b + 1] : k, ne = b * (L + m);
-      for (let _ = H; _ < R; _++) {
-        const Q = {
-          ...e[_],
-          columnWidth: L,
+    o[0] = 0;
+    const O = [], V = new Array(s).fill(0);
+    for (let w = 0; w < s; w++) {
+      const F = o[w], B = w + 1 < s ? o[w + 1] : k, j = w * (b + h);
+      for (let q = F; q < B; q++) {
+        const G = {
+          ...e[q],
+          columnWidth: b,
           imageHeight: 0,
           columnHeight: 0,
           left: 0,
           top: 0
         };
-        Q.imageHeight = M[_] - (o + f), Q.columnHeight = M[_], Q.left = ne, Q.top = C[b], C[b] += Q.columnHeight + (_ + 1 < R ? d : 0), V.push(Q);
+        G.imageHeight = P[q] - (l + f), G.columnHeight = P[q], G.left = j, G.top = V[w], V[w] += G.columnHeight + (q + 1 < B ? g : 0), O.push(G);
       }
     }
-    return V;
+    return O;
   }
-  const g = new Array(i).fill(0), $ = [];
+  const p = new Array(s).fill(0), z = [];
   for (let k = 0; k < e.length; k++) {
-    const N = e[k], A = {
-      ...N,
+    const H = e[k], W = {
+      ...H,
       columnWidth: 0,
       imageHeight: 0,
       columnHeight: 0,
       left: 0,
       top: 0
-    }, P = g.indexOf(Math.min(...g)), z = N.width, F = N.height;
-    A.columnWidth = L, A.left = P * (L + m), A.imageHeight = Math.round(L * F / z), A.columnHeight = A.imageHeight + o + f, A.top = g[P], g[P] += A.columnHeight + d, $.push(A);
+    }, E = p.indexOf(Math.min(...p)), N = H.width, Z = H.height;
+    W.columnWidth = b, W.left = E * (b + h), W.imageHeight = Math.round(b * Z / N), W.columnHeight = W.imageHeight + l + f, W.top = p[E], p[E] += W.columnHeight + g, z.push(W);
   }
-  return $;
+  return z;
 }
-var St = typeof global == "object" && global && global.Object === Object && global, kt = typeof self == "object" && self && self.Object === Object && self, Je = St || kt || Function("return this")(), we = Je.Symbol, Ke = Object.prototype, Et = Ke.hasOwnProperty, Pt = Ke.toString, de = we ? we.toStringTag : void 0;
-function Ht(e) {
-  var n = Et.call(e, de), i = e[de];
+var St = typeof global == "object" && global && global.Object === Object && global, Et = typeof self == "object" && self && self.Object === Object && self, Ke = St || Et || Function("return this")(), we = Ke.Symbol, Qe = Object.prototype, Ht = Qe.hasOwnProperty, $t = Qe.toString, de = we ? we.toStringTag : void 0;
+function Dt(e) {
+  var n = Ht.call(e, de), s = e[de];
   try {
     e[de] = void 0;
     var a = !0;
   } catch {
   }
-  var m = Pt.call(e);
-  return a && (n ? e[de] = i : delete e[de]), m;
+  var h = $t.call(e);
+  return a && (n ? e[de] = s : delete e[de]), h;
 }
-var $t = Object.prototype, Ft = $t.toString;
-function zt(e) {
-  return Ft.call(e);
+var Nt = Object.prototype, zt = Nt.toString;
+function Bt(e) {
+  return zt.call(e);
 }
-var Dt = "[object Null]", Bt = "[object Undefined]", Ve = we ? we.toStringTag : void 0;
-function Nt(e) {
-  return e == null ? e === void 0 ? Bt : Dt : Ve && Ve in Object(e) ? Ht(e) : zt(e);
+var Wt = "[object Null]", Rt = "[object Undefined]", je = we ? we.toStringTag : void 0;
+function Ft(e) {
+  return e == null ? e === void 0 ? Rt : Wt : je && je in Object(e) ? Dt(e) : Bt(e);
 }
-function Wt(e) {
+function Ct(e) {
   return e != null && typeof e == "object";
 }
-var At = "[object Symbol]";
-function Rt(e) {
-  return typeof e == "symbol" || Wt(e) && Nt(e) == At;
+var Ot = "[object Symbol]";
+function At(e) {
+  return typeof e == "symbol" || Ct(e) && Ft(e) == Ot;
 }
-var Ot = /\s/;
-function Ct(e) {
-  for (var n = e.length; n-- && Ot.test(e.charAt(n)); )
+var Vt = /\s/;
+function jt(e) {
+  for (var n = e.length; n-- && Vt.test(e.charAt(n)); )
     ;
   return n;
 }
-var Vt = /^\s+/;
-function jt(e) {
-  return e && e.slice(0, Ct(e) + 1).replace(Vt, "");
+var Yt = /^\s+/;
+function Ut(e) {
+  return e && e.slice(0, jt(e) + 1).replace(Yt, "");
 }
-function He(e) {
+function $e(e) {
   var n = typeof e;
   return e != null && (n == "object" || n == "function");
 }
-var je = NaN, qt = /^[-+]0x[0-9a-f]+$/i, Yt = /^0b[01]+$/i, Ut = /^0o[0-7]+$/i, _t = parseInt;
-function qe(e) {
+var Ye = NaN, _t = /^[-+]0x[0-9a-f]+$/i, Xt = /^0b[01]+$/i, Gt = /^0o[0-7]+$/i, qt = parseInt;
+function Ue(e) {
   if (typeof e == "number")
     return e;
-  if (Rt(e))
-    return je;
-  if (He(e)) {
+  if (At(e))
+    return Ye;
+  if ($e(e)) {
     var n = typeof e.valueOf == "function" ? e.valueOf() : e;
-    e = He(n) ? n + "" : n;
+    e = $e(n) ? n + "" : n;
   }
   if (typeof e != "string")
     return e === 0 ? e : +e;
-  e = jt(e);
-  var i = Yt.test(e);
-  return i || Ut.test(e) ? _t(e.slice(2), i ? 2 : 8) : qt.test(e) ? je : +e;
+  e = Ut(e);
+  var s = Xt.test(e);
+  return s || Gt.test(e) ? qt(e.slice(2), s ? 2 : 8) : _t.test(e) ? Ye : +e;
 }
 var Ee = function() {
-  return Je.Date.now();
-}, Xt = "Expected a function", Gt = Math.max, Jt = Math.min;
-function Ye(e, n, i) {
-  var a, m, d, f, o, c, y = 0, t = !1, w = !1, T = !0;
+  return Ke.Date.now();
+}, Jt = "Expected a function", Kt = Math.max, Qt = Math.min;
+function _e(e, n, s) {
+  var a, h, g, f, l, i, M = 0, t = !1, T = !1, I = !0;
   if (typeof e != "function")
-    throw new TypeError(Xt);
-  n = qe(n) || 0, He(i) && (t = !!i.leading, w = "maxWait" in i, d = w ? Gt(qe(i.maxWait) || 0, n) : d, T = "trailing" in i ? !!i.trailing : T);
-  function p(g) {
-    var $ = a, k = m;
-    return a = m = void 0, y = g, f = e.apply(k, $), f;
+    throw new TypeError(Jt);
+  n = Ue(n) || 0, $e(s) && (t = !!s.leading, T = "maxWait" in s, g = T ? Kt(Ue(s.maxWait) || 0, n) : g, I = "trailing" in s ? !!s.trailing : I);
+  function x(p) {
+    var z = a, k = h;
+    return a = h = void 0, M = p, f = e.apply(k, z), f;
   }
-  function h(g) {
-    return y = g, o = setTimeout(v, n), t ? p(g) : f;
+  function m(p) {
+    return M = p, l = setTimeout(d, n), t ? x(p) : f;
   }
-  function I(g) {
-    var $ = g - c, k = g - y, N = n - $;
-    return w ? Jt(N, d - k) : N;
+  function L(p) {
+    var z = p - i, k = p - M, H = n - z;
+    return T ? Qt(H, g - k) : H;
   }
-  function S(g) {
-    var $ = g - c, k = g - y;
-    return c === void 0 || $ >= n || $ < 0 || w && k >= d;
+  function S(p) {
+    var z = p - i, k = p - M;
+    return i === void 0 || z >= n || z < 0 || T && k >= g;
   }
-  function v() {
-    var g = Ee();
-    if (S(g))
-      return r(g);
-    o = setTimeout(v, I(g));
+  function d() {
+    var p = Ee();
+    if (S(p))
+      return c(p);
+    l = setTimeout(d, L(p));
   }
-  function r(g) {
-    return o = void 0, T && a ? p(g) : (a = m = void 0, f);
+  function c(p) {
+    return l = void 0, I && a ? x(p) : (a = h = void 0, f);
   }
-  function s() {
-    o !== void 0 && clearTimeout(o), y = 0, a = c = m = o = void 0;
+  function r() {
+    l !== void 0 && clearTimeout(l), M = 0, a = i = h = l = void 0;
   }
-  function L() {
-    return o === void 0 ? f : r(Ee());
+  function b() {
+    return l === void 0 ? f : c(Ee());
   }
-  function M() {
-    var g = Ee(), $ = S(g);
-    if (a = arguments, m = this, c = g, $) {
-      if (o === void 0)
-        return h(c);
-      if (w)
-        return clearTimeout(o), o = setTimeout(v, n), p(c);
+  function P() {
+    var p = Ee(), z = S(p);
+    if (a = arguments, h = this, i = p, z) {
+      if (l === void 0)
+        return m(i);
+      if (T)
+        return clearTimeout(l), l = setTimeout(d, n), x(i);
     }
-    return o === void 0 && (o = setTimeout(v, n)), f;
+    return l === void 0 && (l = setTimeout(d, n)), f;
   }
-  return M.cancel = s, M.flush = L, M;
+  return P.cancel = r, P.flush = b, P;
 }
 function se(e, n) {
-  const i = n ?? (typeof window < "u" ? window.innerWidth : 1024), a = e.sizes;
-  return i >= 1536 && a["2xl"] ? a["2xl"] : i >= 1280 && a.xl ? a.xl : i >= 1024 && a.lg ? a.lg : i >= 768 && a.md ? a.md : i >= 640 && a.sm ? a.sm : a.base;
+  const s = n ?? (typeof window < "u" ? window.innerWidth : 1024), a = e.sizes;
+  return s >= 1536 && a["2xl"] ? a["2xl"] : s >= 1280 && a.xl ? a.xl : s >= 1024 && a.lg ? a.lg : s >= 768 && a.md ? a.md : s >= 640 && a.sm ? a.sm : a.base;
 }
-function Kt(e) {
+function Zt(e) {
   const n = e ?? (typeof window < "u" ? window.innerWidth : 1024);
   return n >= 1536 ? "2xl" : n >= 1280 ? "xl" : n >= 1024 ? "lg" : n >= 768 ? "md" : n >= 640 ? "sm" : "base";
 }
-function Qt(e) {
-  return e.reduce((i, a) => Math.max(i, a.top + a.columnHeight), 0) + 500;
+function ea(e) {
+  return e.reduce((s, a) => Math.max(s, a.top + a.columnHeight), 0) + 500;
 }
-function Zt(e) {
+function ta(e) {
   return {
     transform: `translate3d(${e.left}px, ${e.top}px, 0)`,
     top: "0px",
@@ -222,673 +222,712 @@ function Zt(e) {
     height: `${e.columnHeight}px`
   };
 }
-function ea(e, n = 0) {
+function aa(e, n = 0) {
   return {
-    style: Zt(e),
+    style: ta(e),
     "data-top": e.top,
     "data-left": e.left,
     "data-id": `${e.page}-${e.id}`,
     "data-index": n
   };
 }
-function $e(e, n) {
+function De(e, n) {
   if (!e.length || n <= 0)
     return new Array(Math.max(1, n)).fill(0);
-  const a = Array.from(new Set(e.map((f) => f.left))).sort((f, o) => f - o).slice(0, n), m = /* @__PURE__ */ new Map();
-  for (let f = 0; f < a.length; f++) m.set(a[f], f);
-  const d = new Array(a.length).fill(0);
+  const a = Array.from(new Set(e.map((f) => f.left))).sort((f, l) => f - l).slice(0, n), h = /* @__PURE__ */ new Map();
+  for (let f = 0; f < a.length; f++) h.set(a[f], f);
+  const g = new Array(a.length).fill(0);
   for (const f of e) {
-    const o = m.get(f.left);
-    o != null && (d[o] = Math.max(d[o], f.top + f.columnHeight));
+    const l = h.get(f.left);
+    l != null && (g[l] = Math.max(g[l], f.top + f.columnHeight));
   }
-  for (; d.length < n; ) d.push(0);
-  return d;
+  for (; g.length < n; ) g.push(0);
+  return g;
 }
-function ta(e, n) {
-  let i = 0, a = 0;
-  const m = 1e3;
-  function d(t, w) {
-    var h;
-    const T = (h = e.container) == null ? void 0 : h.value;
-    if (T) {
-      const I = T.scrollTop, S = T.clientHeight;
-      i = I - m, a = I + S + m;
+function na(e, n) {
+  let s = 0, a = 0;
+  const h = 1e3;
+  function g(t, T) {
+    var m;
+    const I = (m = e.container) == null ? void 0 : m.value;
+    if (I) {
+      const L = I.scrollTop, S = I.clientHeight;
+      s = L - h, a = L + S + h;
     }
-    return t + w >= i && t <= a;
+    return t + T >= s && t <= a;
   }
-  function f(t, w) {
+  function f(t, T) {
     var r;
-    const T = parseInt(t.dataset.left || "0", 10), p = parseInt(t.dataset.top || "0", 10), h = parseInt(t.dataset.index || "0", 10), I = t.offsetHeight || parseInt(getComputedStyle(t).height || "200", 10) || 200;
+    const I = parseInt(t.dataset.left || "0", 10), x = parseInt(t.dataset.top || "0", 10), m = parseInt(t.dataset.index || "0", 10), L = t.offsetHeight || parseInt(getComputedStyle(t).height || "200", 10) || 200;
     if ((r = n == null ? void 0 : n.virtualizing) != null && r.value) {
-      t.style.transition = "none", t.style.opacity = "1", t.style.transform = `translate3d(${T}px, ${p}px, 0) scale(1)`, t.style.removeProperty("--masonry-opacity-delay"), requestAnimationFrame(() => {
-        t.style.transition = "", w();
-      });
+      t.style.transition = "none", t.style.opacity = "1", t.style.transform = `translate3d(${I}px, ${x}px, 0) scale(1)`, t.style.removeProperty("--masonry-opacity-delay"), t.style.transition = "", T();
       return;
     }
-    if (!d(p, I)) {
-      t.style.opacity = "1", t.style.transform = `translate3d(${T}px, ${p}px, 0) scale(1)`, t.style.transition = "none", w();
+    if (!g(x, L)) {
+      t.style.opacity = "1", t.style.transform = `translate3d(${I}px, ${x}px, 0) scale(1)`, t.style.transition = "none", T();
       return;
     }
-    const S = Math.min(h * 20, 160), v = t.style.getPropertyValue("--masonry-opacity-delay");
-    t.style.setProperty("--masonry-opacity-delay", `${S}ms`), requestAnimationFrame(() => {
-      t.style.opacity = "1", t.style.transform = `translate3d(${T}px, ${p}px, 0) scale(1)`;
-      const s = () => {
-        v ? t.style.setProperty("--masonry-opacity-delay", v) : t.style.removeProperty("--masonry-opacity-delay"), t.removeEventListener("transitionend", s), w();
-      };
-      t.addEventListener("transitionend", s);
-    });
+    const S = Math.min(m * 20, 160), d = t.style.getPropertyValue("--masonry-opacity-delay");
+    t.style.setProperty("--masonry-opacity-delay", `${S}ms`), t.style.opacity = "1", t.style.transform = `translate3d(${I}px, ${x}px, 0) scale(1)`;
+    const c = () => {
+      d ? t.style.setProperty("--masonry-opacity-delay", d) : t.style.removeProperty("--masonry-opacity-delay"), t.removeEventListener("transitionend", c), T();
+    };
+    t.addEventListener("transitionend", c);
   }
-  function o(t) {
-    var p;
-    const w = parseInt(t.dataset.left || "0", 10), T = parseInt(t.dataset.top || "0", 10);
-    if ((p = n == null ? void 0 : n.virtualizing) != null && p.value) {
-      t.style.transition = "none", t.style.opacity = "1", t.style.transform = `translate3d(${w}px, ${T}px, 0) scale(1)`, t.style.removeProperty("--masonry-opacity-delay");
+  function l(t) {
+    var x;
+    const T = parseInt(t.dataset.left || "0", 10), I = parseInt(t.dataset.top || "0", 10);
+    if ((x = n == null ? void 0 : n.virtualizing) != null && x.value) {
+      t.style.transition = "none", t.style.opacity = "1", t.style.transform = `translate3d(${T}px, ${I}px, 0) scale(1)`, t.style.removeProperty("--masonry-opacity-delay");
       return;
     }
-    t.style.opacity = "0", t.style.transform = `translate3d(${w}px, ${T + 10}px, 0) scale(0.985)`;
+    t.style.opacity = "0", t.style.transform = `translate3d(${T}px, ${I + 10}px, 0) scale(0.985)`;
   }
-  function c(t) {
-    var h;
-    const w = parseInt(t.dataset.left || "0", 10), T = parseInt(t.dataset.top || "0", 10), p = t.offsetHeight || parseInt(getComputedStyle(t).height || "200", 10) || 200;
-    if (!((h = n == null ? void 0 : n.virtualizing) != null && h.value)) {
-      if (!d(T, p)) {
+  function i(t) {
+    var m;
+    const T = parseInt(t.dataset.left || "0", 10), I = parseInt(t.dataset.top || "0", 10), x = t.offsetHeight || parseInt(getComputedStyle(t).height || "200", 10) || 200;
+    if (!((m = n == null ? void 0 : n.virtualizing) != null && m.value)) {
+      if (!g(I, x)) {
         t.style.transition = "none";
         return;
       }
-      t.style.transition = "none", t.style.opacity = "1", t.style.transform = `translate3d(${w}px, ${T}px, 0) scale(1)`, t.style.removeProperty("--masonry-opacity-delay"), requestAnimationFrame(() => {
-        t.style.transition = "";
-      });
+      t.style.transition = "none", t.style.opacity = "1", t.style.transform = `translate3d(${T}px, ${I}px, 0) scale(1)`, t.style.removeProperty("--masonry-opacity-delay"), t.style.transition = "";
     }
   }
-  function y(t, w) {
-    var M;
-    const T = parseInt(t.dataset.left || "0", 10), p = parseInt(t.dataset.top || "0", 10), h = t.offsetHeight || parseInt(getComputedStyle(t).height || "200", 10) || 200;
-    if ((M = n == null ? void 0 : n.virtualizing) != null && M.value) {
-      w();
+  function M(t, T) {
+    var P;
+    const I = parseInt(t.dataset.left || "0", 10), x = parseInt(t.dataset.top || "0", 10), m = t.offsetHeight || parseInt(getComputedStyle(t).height || "200", 10) || 200;
+    if ((P = n == null ? void 0 : n.virtualizing) != null && P.value) {
+      T();
       return;
     }
-    if (!d(p, h)) {
-      t.style.transition = "none", t.style.opacity = "0", w();
+    if (!g(x, m)) {
+      t.style.transition = "none", t.style.opacity = "0", T();
       return;
     }
-    const I = typeof (n == null ? void 0 : n.leaveDurationMs) == "number" ? n.leaveDurationMs : Number.NaN;
-    let S = Number.isFinite(I) && I > 0 ? I : Number.NaN;
+    const L = typeof (n == null ? void 0 : n.leaveDurationMs) == "number" ? n.leaveDurationMs : Number.NaN;
+    let S = Number.isFinite(L) && L > 0 ? L : Number.NaN;
     if (!Number.isFinite(S)) {
-      const $ = getComputedStyle(t).getPropertyValue("--masonry-leave-duration") || "", k = parseFloat($);
+      const z = getComputedStyle(t).getPropertyValue("--masonry-leave-duration") || "", k = parseFloat(z);
       S = Number.isFinite(k) && k > 0 ? k : 200;
     }
-    const v = t.style.transitionDuration, r = () => {
-      t.removeEventListener("transitionend", s), clearTimeout(L), t.style.transitionDuration = v || "";
-    }, s = (g) => {
-      (!g || g.target === t) && (r(), w());
-    }, L = setTimeout(() => {
-      r(), w();
+    const d = t.style.transitionDuration, c = () => {
+      t.removeEventListener("transitionend", r), clearTimeout(b), t.style.transitionDuration = d || "";
+    }, r = (p) => {
+      (!p || p.target === t) && (c(), T());
+    }, b = setTimeout(() => {
+      c(), T();
     }, S + 100);
-    requestAnimationFrame(() => {
-      t.style.transitionDuration = `${S}ms`, t.style.opacity = "0", t.style.transform = `translate3d(${T}px, ${p + 10}px, 0) scale(0.985)`, t.addEventListener("transitionend", s);
-    });
+    t.style.transitionDuration = `${S}ms`, t.style.opacity = "0", t.style.transform = `translate3d(${I}px, ${x + 10}px, 0) scale(0.985)`, t.addEventListener("transitionend", r);
   }
   return {
     onEnter: f,
-    onBeforeEnter: o,
-    onBeforeLeave: c,
-    onLeave: y
+    onBeforeEnter: l,
+    onBeforeLeave: i,
+    onLeave: M
   };
 }
-function aa({
+function la({
   container: e,
   masonry: n,
-  columns: i,
+  columns: s,
   containerHeight: a,
-  isLoading: m,
-  pageSize: d,
+  isLoading: h,
+  pageSize: g,
   refreshLayout: f,
-  setItemsRaw: o,
-  loadNext: c,
-  loadThresholdPx: y
+  setItemsRaw: l,
+  loadNext: i,
+  loadThresholdPx: M
 }) {
   let t = 0;
-  async function w(T, p = !1) {
+  async function T(I, x = !1) {
     if (!e.value) return;
-    const h = T ?? $e(n.value, i.value), I = h.length ? Math.max(...h) : 0, S = e.value.scrollTop + e.value.clientHeight, v = e.value.scrollTop > t + 1;
+    const m = I ?? De(n.value, s.value), L = m.length ? Math.max(...m) : 0, S = e.value.scrollTop + e.value.clientHeight, d = e.value.scrollTop > t + 1;
     t = e.value.scrollTop;
-    const r = typeof y == "number" ? y : 200, s = r >= 0 ? Math.max(0, I - r) : Math.max(0, I + r);
-    if (S >= s && (v || p) && !m.value) {
-      await c(), await X();
+    const c = typeof M == "number" ? M : 200, r = c >= 0 ? Math.max(0, L - c) : Math.max(0, L + c);
+    if (S >= r && (d || x) && !h.value) {
+      await i(), await C();
       return;
     }
   }
   return {
-    handleScroll: w
+    handleScroll: T
   };
 }
-function na(e) {
-  const { useSwipeMode: n, masonry: i, isLoading: a, loadNext: m, loadPage: d, paginationHistory: f } = e, o = W(0), c = W(0), y = W(!1), t = W(0), w = W(0), T = W(null), p = K(() => {
-    if (!n.value || i.value.length === 0) return null;
-    const P = Math.max(0, Math.min(o.value, i.value.length - 1));
-    return i.value[P] || null;
-  }), h = K(() => {
-    if (!n.value || !p.value) return null;
-    const P = o.value + 1;
-    return P >= i.value.length ? null : i.value[P] || null;
-  }), I = K(() => {
-    if (!n.value || !p.value) return null;
-    const P = o.value - 1;
-    return P < 0 ? null : i.value[P] || null;
+function oa(e) {
+  const { useSwipeMode: n, masonry: s, isLoading: a, loadNext: h, loadPage: g, paginationHistory: f } = e, l = D(0), i = D(0), M = D(!1), t = D(0), T = D(0), I = D(null), x = Q(() => {
+    if (!n.value || s.value.length === 0) return null;
+    const E = Math.max(0, Math.min(l.value, s.value.length - 1));
+    return s.value[E] || null;
+  }), m = Q(() => {
+    if (!n.value || !x.value) return null;
+    const E = l.value + 1;
+    return E >= s.value.length ? null : s.value[E] || null;
+  }), L = Q(() => {
+    if (!n.value || !x.value) return null;
+    const E = l.value - 1;
+    return E < 0 ? null : s.value[E] || null;
   });
   function S() {
-    if (!T.value) return;
-    const P = T.value.clientHeight;
-    c.value = -o.value * P;
+    if (!I.value) return;
+    const E = I.value.clientHeight;
+    i.value = -l.value * E;
   }
-  function v() {
-    if (!h.value) {
-      m();
+  function d() {
+    if (!m.value) {
+      h();
       return;
     }
-    o.value++, S(), o.value >= i.value.length - 5 && m();
+    l.value++, S(), l.value >= s.value.length - 5 && h();
   }
-  function r() {
-    I.value && (o.value--, S());
+  function c() {
+    L.value && (l.value--, S());
   }
-  function s(P) {
-    n.value && (y.value = !0, t.value = P.touches[0].clientY, w.value = c.value, P.preventDefault());
+  function r(E) {
+    n.value && (M.value = !0, t.value = E.touches[0].clientY, T.value = i.value, E.preventDefault());
   }
-  function L(P) {
-    if (!n.value || !y.value) return;
-    const z = P.touches[0].clientY - t.value;
-    c.value = w.value + z, P.preventDefault();
+  function b(E) {
+    if (!n.value || !M.value) return;
+    const N = E.touches[0].clientY - t.value;
+    i.value = T.value + N, E.preventDefault();
   }
-  function M(P) {
-    if (!n.value || !y.value) return;
-    y.value = !1;
-    const z = c.value - w.value;
-    Math.abs(z) > 100 ? z > 0 && I.value ? r() : z < 0 && h.value ? v() : S() : S(), P.preventDefault();
+  function P(E) {
+    if (!n.value || !M.value) return;
+    M.value = !1;
+    const N = i.value - T.value;
+    Math.abs(N) > 100 ? N > 0 && L.value ? c() : N < 0 && m.value ? d() : S() : S(), E.preventDefault();
   }
-  function g(P) {
-    n.value && (y.value = !0, t.value = P.clientY, w.value = c.value, P.preventDefault());
+  function p(E) {
+    n.value && (M.value = !0, t.value = E.clientY, T.value = i.value, E.preventDefault());
   }
-  function $(P) {
-    if (!n.value || !y.value) return;
-    const z = P.clientY - t.value;
-    c.value = w.value + z, P.preventDefault();
+  function z(E) {
+    if (!n.value || !M.value) return;
+    const N = E.clientY - t.value;
+    i.value = T.value + N, E.preventDefault();
   }
-  function k(P) {
-    if (!n.value || !y.value) return;
-    y.value = !1;
-    const z = c.value - w.value;
-    Math.abs(z) > 100 ? z > 0 && I.value ? r() : z < 0 && h.value ? v() : S() : S(), P.preventDefault();
+  function k(E) {
+    if (!n.value || !M.value) return;
+    M.value = !1;
+    const N = i.value - T.value;
+    Math.abs(N) > 100 ? N > 0 && L.value ? c() : N < 0 && m.value ? d() : S() : S(), E.preventDefault();
   }
-  function N() {
-    !n.value && o.value > 0 && (o.value = 0, c.value = 0), n.value && i.value.length === 0 && !a.value && d(f.value[0]), n.value && S();
+  function H() {
+    !n.value && l.value > 0 && (l.value = 0, i.value = 0), n.value && s.value.length === 0 && !a.value && g(f.value[0]), n.value && S();
   }
-  function A() {
-    o.value = 0, c.value = 0, y.value = !1;
+  function W() {
+    l.value = 0, i.value = 0, M.value = !1;
   }
   return {
     // State
-    currentSwipeIndex: o,
-    swipeOffset: c,
-    isDragging: y,
-    swipeContainer: T,
+    currentSwipeIndex: l,
+    swipeOffset: i,
+    isDragging: M,
+    swipeContainer: I,
     // Computed
-    currentItem: p,
-    nextItem: h,
-    previousItem: I,
+    currentItem: x,
+    nextItem: m,
+    previousItem: L,
     // Functions
-    handleTouchStart: s,
-    handleTouchMove: L,
-    handleTouchEnd: M,
-    handleMouseDown: g,
-    handleMouseMove: $,
+    handleTouchStart: r,
+    handleTouchMove: b,
+    handleTouchEnd: P,
+    handleMouseDown: p,
+    handleMouseMove: z,
     handleMouseUp: k,
-    goToNextItem: v,
-    goToPreviousItem: r,
+    goToNextItem: d,
+    goToPreviousItem: c,
     snapToCurrentItem: S,
-    handleWindowResize: N,
-    reset: A
+    handleWindowResize: H,
+    reset: W
   };
 }
-function me(e) {
+function ge(e) {
   return e instanceof Error ? e : new Error(String(e));
 }
-function la(e) {
+function ra(e) {
   const {
     getPage: n,
-    context: i,
+    context: s,
     masonry: a,
-    isLoading: m,
-    hasReachedEnd: d,
+    isLoading: h,
+    hasReachedEnd: g,
     loadError: f,
-    currentPage: o,
-    paginationHistory: c,
-    refreshLayout: y,
+    currentPage: l,
+    paginationHistory: i,
+    refreshLayout: M,
     retryMaxAttempts: t,
-    retryInitialDelayMs: w,
-    retryBackoffStepMs: T,
-    mode: p,
-    backfillDelayMs: h,
-    backfillMaxCalls: I,
+    retryInitialDelayMs: T,
+    retryBackoffStepMs: I,
+    mode: x,
+    backfillDelayMs: m,
+    backfillMaxCalls: L,
     pageSize: S,
-    emits: v
-  } = e, r = W(!1);
-  let s = !1;
-  function L(F) {
-    return a.value.filter((l) => l.page === F).length;
+    emits: d
+  } = e, c = typeof x == "string" ? D(x) : x, r = D(!1);
+  let b = !1;
+  function P(o) {
+    return a.value.filter((v) => v.page === o).length;
   }
-  function M(F, l) {
-    return new Promise((x) => {
-      const E = Math.max(0, F | 0), D = Date.now();
-      l(E, E);
+  function p(o, v) {
+    return new Promise((y) => {
+      const R = Math.max(0, o | 0), O = Date.now();
+      v(R, R);
       const V = setInterval(() => {
         if (r.value) {
-          clearInterval(V), x();
+          clearInterval(V), y();
           return;
         }
-        const C = Date.now() - D, b = Math.max(0, E - C);
-        l(b, E), b <= 0 && (clearInterval(V), x());
+        const w = Date.now() - O, F = Math.max(0, R - w);
+        v(F, R), F <= 0 && (clearInterval(V), y());
       }, 100);
     });
   }
-  async function g(F) {
-    let l = 0;
-    const x = t;
-    let E = w;
+  async function z(o) {
+    let v = 0;
+    const y = t;
+    let R = T;
     for (; ; )
       try {
-        const D = await F();
-        return l > 0 && v("retry:stop", { attempt: l, success: !0 }), D;
-      } catch (D) {
-        if (l++, l > x)
-          throw v("retry:stop", { attempt: l - 1, success: !1 }), D;
-        v("retry:start", { attempt: l, max: x, totalMs: E }), await M(E, (V, C) => {
-          v("retry:tick", { attempt: l, remainingMs: V, totalMs: C });
-        }), E += T;
+        const O = await o();
+        return v > 0 && d("retry:stop", { attempt: v, success: !0 }), O;
+      } catch (O) {
+        if (v++, v > y)
+          throw d("retry:stop", { attempt: v - 1, success: !1 }), O;
+        d("retry:start", { attempt: v, max: y, totalMs: R }), await p(R, (V, w) => {
+          d("retry:tick", { attempt: v, remainingMs: V, totalMs: w });
+        }), R += I;
       }
   }
-  async function $(F) {
+  async function k(o) {
     try {
-      const l = await g(() => n(F, i == null ? void 0 : i.value));
-      return y([...a.value, ...l.items]), l;
-    } catch (l) {
-      throw l;
+      const v = await z(() => n(o, s == null ? void 0 : s.value)), y = [...a.value, ...v.items];
+      return a.value = y, await C(), await C(), await C(), M(y), v;
+    } catch (v) {
+      throw v;
     }
   }
-  async function k(F, l = !1) {
-    if (!l && p !== "backfill" || s || r.value || d.value) return;
-    const x = (F || 0) + (S || 0);
+  async function H(o, v = !1) {
+    if (!v && c.value !== "backfill" || b || r.value || g.value) return;
+    const y = (o || 0) + (S || 0);
     if (!S || S <= 0) return;
-    if (c.value[c.value.length - 1] == null) {
-      d.value = !0;
+    if (i.value[i.value.length - 1] == null) {
+      g.value = !0;
       return;
     }
-    if (!(a.value.length >= x)) {
-      s = !0, m.value || (m.value = !0, v("loading:start"));
+    if (!(a.value.length >= y)) {
+      b = !0, h.value || (h.value = !0, d("loading:start"));
       try {
-        let D = 0;
-        for (v("backfill:start", { target: x, fetched: a.value.length, calls: D }); a.value.length < x && D < I && c.value[c.value.length - 1] != null && !r.value && !d.value && s && (await M(h, (C, b) => {
-          v("backfill:tick", {
-            fetched: a.value.length,
-            target: x,
-            calls: D,
-            remainingMs: C,
-            totalMs: b
-          });
-        }), !(r.value || !s)); ) {
-          const V = c.value[c.value.length - 1];
-          if (V == null) {
-            d.value = !0;
+        let O = 0;
+        const V = l.value, w = i.value[i.value.length - 1];
+        for (d("backfill:start", {
+          target: y,
+          fetched: a.value.length,
+          calls: O,
+          currentPage: V,
+          nextPage: w
+        }); a.value.length < y && O < L && i.value[i.value.length - 1] != null && !r.value && !g.value && b; ) {
+          const j = l.value, q = i.value[i.value.length - 1];
+          if (await p(m, (G, be) => {
+            d("backfill:tick", {
+              fetched: a.value.length,
+              target: y,
+              calls: O,
+              remainingMs: G,
+              totalMs: be,
+              currentPage: j,
+              nextPage: q
+            });
+          }), r.value || !b) break;
+          const le = i.value[i.value.length - 1];
+          if (le == null) {
+            g.value = !0;
             break;
           }
           try {
-            if (r.value || !s) break;
-            const C = await $(V);
-            if (r.value || !s) break;
-            f.value = null, c.value.push(C.nextPage), C.nextPage == null && (d.value = !0);
-          } catch (C) {
-            if (r.value || !s) break;
-            f.value = me(C);
+            if (r.value || !b) break;
+            const G = await k(le);
+            if (r.value || !b) break;
+            f.value = null, l.value = le, i.value.push(G.nextPage), G.nextPage == null && (g.value = !0);
+          } catch (G) {
+            if (r.value || !b) break;
+            f.value = ge(G);
           }
-          D++;
+          O++;
         }
-        v("backfill:stop", { fetched: a.value.length, calls: D });
+        const F = l.value, B = i.value[i.value.length - 1];
+        d("backfill:stop", {
+          fetched: a.value.length,
+          calls: O,
+          currentPage: F,
+          nextPage: B
+        });
       } finally {
-        s = !1, m.value = !1, v("loading:stop", { fetched: a.value.length });
+        b = !1, h.value = !1;
+        const O = l.value, V = i.value[i.value.length - 1];
+        d("loading:stop", {
+          fetched: a.value.length,
+          currentPage: O,
+          nextPage: V
+        });
       }
     }
   }
-  async function N(F) {
-    if (!m.value) {
-      r.value = !1, m.value || (m.value = !0, v("loading:start")), d.value = !1, f.value = null;
+  async function W(o) {
+    if (!h.value) {
+      r.value = !1, h.value || (h.value = !0, d("loading:start")), g.value = !1, f.value = null;
       try {
-        const l = a.value.length;
+        const v = a.value.length;
         if (r.value) return;
-        const x = await $(F);
-        return r.value ? void 0 : (f.value = null, o.value = F, c.value.push(x.nextPage), x.nextPage == null && (d.value = !0), await k(l), x);
-      } catch (l) {
-        throw f.value = me(l), l;
+        const y = await k(o);
+        return r.value ? void 0 : (f.value = null, l.value = o, i.value.push(y.nextPage), y.nextPage == null && (g.value = !0), await H(v), y);
+      } catch (v) {
+        throw f.value = ge(v), v;
       } finally {
-        m.value = !1;
+        h.value = !1;
+        const v = l.value, y = i.value[i.value.length - 1];
+        d("loading:stop", {
+          fetched: a.value.length,
+          currentPage: v,
+          nextPage: y
+        });
       }
     }
   }
-  async function A() {
-    if (!m.value && !d.value) {
-      r.value = !1, m.value || (m.value = !0, v("loading:start")), f.value = null;
+  async function E() {
+    if (!h.value && !g.value) {
+      r.value = !1, h.value || (h.value = !0, d("loading:start")), f.value = null;
       try {
-        const F = a.value.length;
+        const o = a.value.length;
         if (r.value) return;
-        if (p === "refresh" && o.value != null && L(o.value) < S) {
-          const D = await g(() => n(o.value, i == null ? void 0 : i.value));
+        if (c.value === "refresh" && l.value != null && P(l.value) < S) {
+          const O = await z(() => n(l.value, s == null ? void 0 : s.value));
           if (r.value) return;
-          const V = [...a.value], C = D.items.filter((H) => !H || H.id == null || H.page == null ? !1 : !V.some((R) => R && R.id === H.id && R.page === H.page));
-          if (C.length > 0) {
-            const H = [...a.value, ...C];
-            y(H), await new Promise((R) => setTimeout(R, 0));
+          const V = [...a.value], w = O.items.filter((B) => !B || B.id == null || B.page == null ? !1 : !V.some((j) => j && j.id === B.id && j.page === B.page));
+          if (w.length > 0) {
+            const B = [...a.value, ...w];
+            a.value = B, await C(), await C(), await C(), M(B);
           }
-          if (f.value = null, C.length === 0) {
-            const H = c.value[c.value.length - 1];
-            if (H == null) {
-              d.value = !0;
+          if (f.value = null, w.length === 0) {
+            const B = i.value[i.value.length - 1];
+            if (B == null) {
+              g.value = !0;
               return;
             }
-            const R = await $(H);
-            return r.value ? void 0 : (f.value = null, o.value = H, c.value.push(R.nextPage), R.nextPage == null && (d.value = !0), await k(F), R);
+            const j = await k(B);
+            return r.value ? void 0 : (f.value = null, l.value = B, i.value.push(j.nextPage), j.nextPage == null && (g.value = !0), await H(o), j);
           }
-          if (L(o.value) >= S) {
-            const H = c.value[c.value.length - 1];
-            if (H == null) {
-              d.value = !0;
+          if (P(l.value) >= S) {
+            const B = i.value[i.value.length - 1];
+            if (B == null) {
+              g.value = !0;
               return;
             }
-            const R = await $(H);
-            return r.value ? void 0 : (f.value = null, o.value = H, c.value.push(R.nextPage), R.nextPage == null && (d.value = !0), await k(F), R);
+            const j = await k(B);
+            return r.value ? void 0 : (f.value = null, l.value = B, i.value.push(j.nextPage), j.nextPage == null && (g.value = !0), await H(o), j);
           } else
-            return D;
+            return O;
         }
-        const l = c.value[c.value.length - 1];
-        if (l == null) {
-          d.value = !0;
+        const v = i.value[i.value.length - 1];
+        if (v == null) {
+          g.value = !0;
           return;
         }
-        const x = await $(l);
-        return r.value ? void 0 : (f.value = null, o.value = l, c.value.push(x.nextPage), x.nextPage == null && (d.value = !0), await k(F), x);
-      } catch (F) {
-        throw f.value = me(F), F;
+        const y = await k(v);
+        return r.value ? void 0 : (f.value = null, l.value = v, i.value.push(y.nextPage), y.nextPage == null && (g.value = !0), await H(o), y);
+      } catch (o) {
+        throw f.value = ge(o), o;
       } finally {
-        m.value = !1, v("loading:stop", { fetched: a.value.length });
+        h.value = !1;
+        const o = l.value, v = i.value[i.value.length - 1];
+        d("loading:stop", {
+          fetched: a.value.length,
+          currentPage: o,
+          nextPage: v
+        });
       }
     }
   }
-  async function P() {
-    if (!m.value) {
-      r.value = !1, m.value = !0, v("loading:start");
+  async function N() {
+    if (!h.value) {
+      r.value = !1, h.value = !0, d("loading:start");
       try {
-        const F = o.value;
-        if (F == null) {
-          console.warn("[Masonry] No current page to refresh - currentPage:", o.value, "paginationHistory:", c.value);
+        const o = l.value;
+        if (o == null) {
+          console.warn("[Masonry] No current page to refresh - currentPage:", l.value, "paginationHistory:", i.value);
           return;
         }
-        a.value = [], d.value = !1, f.value = null, c.value = [F];
-        const l = await $(F);
+        a.value = [], g.value = !1, f.value = null, i.value = [o];
+        const v = await k(o);
         if (r.value) return;
-        f.value = null, o.value = F, c.value.push(l.nextPage), l.nextPage == null && (d.value = !0);
-        const x = a.value.length;
-        return await k(x), l;
-      } catch (F) {
-        throw f.value = me(F), F;
+        f.value = null, l.value = o, i.value.push(v.nextPage), v.nextPage == null && (g.value = !0);
+        const y = a.value.length;
+        return await H(y), v;
+      } catch (o) {
+        throw f.value = ge(o), o;
       } finally {
-        m.value = !1, v("loading:stop", { fetched: a.value.length });
+        h.value = !1;
+        const o = l.value, v = i.value[i.value.length - 1];
+        d("loading:stop", {
+          fetched: a.value.length,
+          currentPage: o,
+          nextPage: v
+        });
       }
     }
   }
-  function z() {
-    const F = s;
-    r.value = !0, m.value = !1, s = !1, F && v("backfill:stop", { fetched: a.value.length, calls: 0, cancelled: !0 }), v("loading:stop", { fetched: a.value.length });
+  function Z() {
+    const o = b;
+    r.value = !0, h.value = !1, b = !1;
+    const v = l.value, y = i.value[i.value.length - 1];
+    o && d("backfill:stop", {
+      fetched: a.value.length,
+      calls: 0,
+      cancelled: !0,
+      currentPage: v,
+      nextPage: y
+    }), d("loading:stop", {
+      fetched: a.value.length,
+      currentPage: v,
+      nextPage: y
+    });
   }
   return {
-    loadPage: N,
-    loadNext: A,
-    refreshCurrentPage: P,
-    cancelLoad: z,
-    maybeBackfillToTarget: k,
-    getContent: $
+    loadPage: W,
+    loadNext: E,
+    refreshCurrentPage: N,
+    cancelLoad: Z,
+    maybeBackfillToTarget: H,
+    getContent: k
   };
 }
-function oa(e) {
+function ia(e) {
   const {
     masonry: n,
-    useSwipeMode: i,
+    useSwipeMode: s,
     refreshLayout: a,
-    loadNext: m,
-    maybeBackfillToTarget: d,
+    loadNext: h,
+    maybeBackfillToTarget: g,
     paginationHistory: f
   } = e;
-  let o = /* @__PURE__ */ new Set(), c = null, y = !1;
+  let l = /* @__PURE__ */ new Set(), i = null, M = !1;
   async function t() {
-    if (o.size === 0 || y) return;
-    y = !0;
-    const v = Array.from(o);
-    o.clear(), c = null, await T(v), y = !1;
+    if (l.size === 0 || M) return;
+    M = !0;
+    const d = Array.from(l);
+    l.clear(), i = null, await I(d), M = !1;
   }
-  async function w(v) {
-    o.add(v), c && clearTimeout(c), c = setTimeout(() => {
+  async function T(d) {
+    l.add(d), i && clearTimeout(i), i = setTimeout(() => {
       t();
     }, 16);
   }
-  async function T(v) {
-    if (!v || v.length === 0) return;
-    const r = new Set(v.map((L) => L.id)), s = n.value.filter((L) => !r.has(L.id));
-    if (n.value = s, await X(), s.length === 0 && f.value.length > 0) {
+  async function I(d) {
+    if (!d || d.length === 0) return;
+    const c = new Set(d.map((b) => b.id)), r = n.value.filter((b) => !c.has(b.id));
+    if (n.value = r, await C(), r.length === 0 && f.value.length > 0) {
       try {
-        await m(), await d(0, !0);
+        await h(), await g(0, !0);
       } catch {
       }
       return;
     }
-    await new Promise((L) => requestAnimationFrame(() => L())), requestAnimationFrame(() => {
-      a(s);
-    });
+    await C(), await C(), a(r);
   }
-  async function p(v) {
-    !v || v.length === 0 || (v.forEach((r) => o.add(r)), c && clearTimeout(c), c = setTimeout(() => {
+  async function x(d) {
+    !d || d.length === 0 || (d.forEach((c) => l.add(c)), i && clearTimeout(i), i = setTimeout(() => {
       t();
     }, 16));
   }
-  async function h(v, r) {
-    if (!v) return;
-    const s = n.value;
-    if (s.findIndex(($) => $.id === v.id) !== -1) return;
-    const M = [...s], g = Math.min(r, M.length);
-    M.splice(g, 0, v), n.value = M, await X(), i.value || (await new Promise(($) => requestAnimationFrame(() => $())), requestAnimationFrame(() => {
-      a(M);
-    }));
+  async function m(d, c) {
+    if (!d) return;
+    const r = n.value;
+    if (r.findIndex((z) => z.id === d.id) !== -1) return;
+    const P = [...r], p = Math.min(c, P.length);
+    P.splice(p, 0, d), n.value = P, await C(), s.value || (await C(), await C(), a(P));
   }
-  async function I(v, r) {
-    var P;
-    if (!v || v.length === 0) return;
-    if (!r || r.length !== v.length) {
+  async function L(d, c) {
+    var E;
+    if (!d || d.length === 0) return;
+    if (!c || c.length !== d.length) {
       console.warn("[Masonry] restoreMany: items and indices arrays must have the same length");
       return;
     }
-    const s = n.value, L = new Set(s.map((z) => z.id)), M = [];
-    for (let z = 0; z < v.length; z++)
-      L.has((P = v[z]) == null ? void 0 : P.id) || M.push({ item: v[z], index: r[z] });
-    if (M.length === 0) return;
-    const g = /* @__PURE__ */ new Map();
-    for (const { item: z, index: F } of M)
-      g.set(F, z);
-    const $ = M.length > 0 ? Math.max(...M.map(({ index: z }) => z)) : -1, k = Math.max(s.length - 1, $), N = [];
-    let A = 0;
-    for (let z = 0; z <= k; z++)
-      g.has(z) ? N.push(g.get(z)) : A < s.length && (N.push(s[A]), A++);
-    for (; A < s.length; )
-      N.push(s[A]), A++;
-    n.value = N, await X(), i.value || (await new Promise((z) => requestAnimationFrame(() => z())), requestAnimationFrame(() => {
-      a(N);
-    }));
+    const r = n.value, b = new Set(r.map((N) => N.id)), P = [];
+    for (let N = 0; N < d.length; N++)
+      b.has((E = d[N]) == null ? void 0 : E.id) || P.push({ item: d[N], index: c[N] });
+    if (P.length === 0) return;
+    const p = /* @__PURE__ */ new Map();
+    for (const { item: N, index: Z } of P)
+      p.set(Z, N);
+    const z = P.length > 0 ? Math.max(...P.map(({ index: N }) => N)) : -1, k = Math.max(r.length - 1, z), H = [];
+    let W = 0;
+    for (let N = 0; N <= k; N++)
+      p.has(N) ? H.push(p.get(N)) : W < r.length && (H.push(r[W]), W++);
+    for (; W < r.length; )
+      H.push(r[W]), W++;
+    n.value = H, await C(), s.value || (await C(), await C(), a(H));
   }
   async function S() {
     n.value = [];
   }
   return {
-    remove: w,
-    removeMany: p,
-    restore: h,
-    restoreMany: I,
+    remove: T,
+    removeMany: x,
+    restore: m,
+    restoreMany: L,
     removeAll: S
   };
 }
-function ra(e) {
+function sa(e) {
   const {
     masonry: n,
-    useSwipeMode: i,
+    useSwipeMode: s,
     container: a,
-    columns: m,
-    containerWidth: d,
+    columns: h,
+    containerWidth: g,
     masonryContentHeight: f,
-    layout: o,
-    fixedDimensions: c,
-    checkItemDimensions: y
+    layout: l,
+    fixedDimensions: i,
+    checkItemDimensions: M
   } = e;
   let t = [];
-  function w(I) {
-    const S = Qt(I);
-    let v = 0;
+  function T(L) {
+    const S = ea(L);
+    let d = 0;
     if (a.value) {
-      const { scrollTop: r, clientHeight: s } = a.value;
-      v = r + s + 100;
+      const { scrollTop: c, clientHeight: r } = a.value;
+      d = c + r + 100;
     }
-    f.value = Math.max(S, v);
+    f.value = Math.max(S, d);
   }
-  function T(I) {
-    var s, L;
-    if (i.value) {
-      n.value = I;
+  function I(L) {
+    var r, b;
+    if (s.value) {
+      n.value = L;
       return;
     }
-    if (n.value = I, !a.value) return;
-    if (y(I, "refreshLayout"), I.length > 1e3 && t.length > I.length && t.length - I.length < 100) {
-      let M = !0;
-      for (let g = 0; g < I.length; g++)
-        if (((s = I[g]) == null ? void 0 : s.id) !== ((L = t[g]) == null ? void 0 : L.id)) {
-          M = !1;
+    if (n.value = L, !a.value) return;
+    if (M(L, "refreshLayout"), L.length > 1e3 && t.length > L.length && t.length - L.length < 100) {
+      let P = !0;
+      for (let p = 0; p < L.length; p++)
+        if (((r = L[p]) == null ? void 0 : r.id) !== ((b = t[p]) == null ? void 0 : b.id)) {
+          P = !1;
           break;
         }
-      if (M) {
-        const g = I.map(($, k) => ({
+      if (P) {
+        const p = L.map((z, k) => ({
           ...t[k],
           originalIndex: k
         }));
-        w(g), n.value = g, t = g;
+        T(p), n.value = p, t = p;
         return;
       }
     }
-    const v = I.map((M, g) => ({
-      ...M,
-      originalIndex: g
-    })), r = a.value;
-    if (c.value && c.value.width !== void 0) {
-      const M = r.style.width, g = r.style.boxSizing;
-      r.style.boxSizing = "border-box", r.style.width = `${c.value.width}px`, r.offsetWidth;
-      const $ = Ce(v, r, m.value, o.value);
-      r.style.width = M, r.style.boxSizing = g, w($), n.value = $, t = $;
+    const d = L.map((P, p) => ({
+      ...P,
+      originalIndex: p
+    })), c = a.value;
+    if (i.value && i.value.width !== void 0) {
+      const P = c.style.width, p = c.style.boxSizing;
+      c.style.boxSizing = "border-box", c.style.width = `${i.value.width}px`, c.offsetWidth;
+      const z = Ve(d, c, h.value, l.value);
+      c.style.width = P, c.style.boxSizing = p, T(z), n.value = z, t = z;
     } else {
-      const M = Ce(v, r, m.value, o.value);
-      w(M), n.value = M, t = M;
+      const P = Ve(d, c, h.value, l.value);
+      T(P), n.value = P, t = P;
     }
   }
-  function p(I, S) {
-    c.value = I, I && (I.width !== void 0 && (d.value = I.width), !i.value && a.value && n.value.length > 0 && X(() => {
-      m.value = se(o.value, d.value), T(n.value), S && S();
+  function x(L, S) {
+    i.value = L, L && (L.width !== void 0 && (g.value = L.width), !s.value && a.value && n.value.length > 0 && C(() => {
+      h.value = se(l.value, g.value), I(n.value), S && S();
     }));
   }
-  function h() {
-    m.value = se(o.value, d.value), T(n.value);
+  function m() {
+    h.value = se(l.value, g.value), I(n.value);
   }
   return {
-    refreshLayout: T,
-    setFixedDimensions: p,
-    onResize: h,
-    calculateHeight: w
+    refreshLayout: I,
+    setFixedDimensions: x,
+    onResize: m,
+    calculateHeight: T
   };
 }
-function ia(e) {
+function ua(e) {
   const {
     masonry: n,
-    container: i,
+    container: s,
     columns: a,
-    virtualBufferPx: m,
-    loadThresholdPx: d
-  } = e, f = W(e.handleScroll), o = W(0), c = W(0), y = m, t = W(!1), w = W({
+    virtualBufferPx: h,
+    loadThresholdPx: g
+  } = e, f = D(e.handleScroll), l = D(0), i = D(0), M = h, t = D(!1), T = D({
     distanceToTrigger: 0,
     isNearTrigger: !1
-  }), T = K(() => {
-    const S = o.value - y, v = o.value + c.value + y, r = n.value;
-    return !r || r.length === 0 ? [] : r.filter((L) => {
-      if (typeof L.top != "number" || typeof L.columnHeight != "number")
+  }), I = Q(() => {
+    const S = l.value - M, d = l.value + i.value + M, c = n.value;
+    return !c || c.length === 0 ? [] : c.filter((b) => {
+      if (typeof b.top != "number" || typeof b.columnHeight != "number")
         return !0;
-      const M = L.top;
-      return L.top + L.columnHeight >= S && M <= v;
+      const P = b.top;
+      return b.top + b.columnHeight >= S && P <= d;
     });
   });
-  function p(S) {
-    if (!i.value) return;
-    const { scrollTop: v, clientHeight: r } = i.value, s = v + r, L = S ?? $e(n.value, a.value), M = L.length ? Math.max(...L) : 0, g = typeof d == "number" ? d : 200, $ = g >= 0 ? Math.max(0, M - g) : Math.max(0, M + g), k = Math.max(0, $ - s), N = k <= 100;
-    w.value = {
+  function x(S) {
+    if (!s.value) return;
+    const { scrollTop: d, clientHeight: c } = s.value, r = d + c, b = S ?? De(n.value, a.value), P = b.length ? Math.max(...b) : 0, p = typeof g == "number" ? g : 200, z = p >= 0 ? Math.max(0, P - p) : Math.max(0, P + p), k = Math.max(0, z - r), H = k <= 100;
+    T.value = {
       distanceToTrigger: Math.round(k),
-      isNearTrigger: N
+      isNearTrigger: H
     };
   }
-  async function h() {
-    if (i.value) {
-      const v = i.value.scrollTop, r = i.value.clientHeight || window.innerHeight, s = r > 0 ? r : window.innerHeight;
-      o.value = v, c.value = s;
+  async function m() {
+    if (s.value) {
+      const d = s.value.scrollTop, c = s.value.clientHeight || window.innerHeight, r = c > 0 ? c : window.innerHeight;
+      l.value = d, i.value = r;
     }
-    t.value = !0, await X(), await new Promise((v) => requestAnimationFrame(() => v())), t.value = !1;
-    const S = $e(n.value, a.value);
-    f.value(S), p(S);
+    t.value = !0, await C(), await C(), t.value = !1;
+    const S = De(n.value, a.value);
+    f.value(S), x(S);
   }
-  function I() {
-    o.value = 0, c.value = 0, t.value = !1, w.value = {
+  function L() {
+    l.value = 0, i.value = 0, t.value = !1, T.value = {
       distanceToTrigger: 0,
       isNearTrigger: !1
     };
   }
   return {
-    viewportTop: o,
-    viewportHeight: c,
+    viewportTop: l,
+    viewportHeight: i,
     virtualizing: t,
-    scrollProgress: w,
-    visibleMasonry: T,
-    updateScrollProgress: p,
-    updateViewport: h,
-    reset: I,
+    scrollProgress: T,
+    visibleMasonry: I,
+    updateScrollProgress: x,
+    updateViewport: m,
+    reset: L,
     handleScroll: f
   };
 }
-function sa(e) {
-  const { masonry: n } = e, i = W(/* @__PURE__ */ new Set());
+function ca(e) {
+  const { masonry: n } = e, s = D(/* @__PURE__ */ new Set());
   function a(f) {
     return typeof f == "number" && f > 0 && Number.isFinite(f);
   }
-  function m(f, o) {
+  function h(f, l) {
     try {
       if (!Array.isArray(f) || f.length === 0) return;
-      const c = f.filter((t) => !a(t == null ? void 0 : t.width) || !a(t == null ? void 0 : t.height));
-      if (c.length === 0) return;
-      const y = [];
-      for (const t of c) {
-        const w = (t == null ? void 0 : t.id) ?? `idx:${n.value.indexOf(t)}`;
-        i.value.has(w) || (i.value.add(w), y.push(w));
+      const i = f.filter((t) => !a(t == null ? void 0 : t.width) || !a(t == null ? void 0 : t.height));
+      if (i.length === 0) return;
+      const M = [];
+      for (const t of i) {
+        const T = (t == null ? void 0 : t.id) ?? `idx:${n.value.indexOf(t)}`;
+        s.value.has(T) || (s.value.add(T), M.push(T));
       }
-      if (y.length > 0) {
-        const t = y.slice(0, 10);
+      if (M.length > 0) {
+        const t = M.slice(0, 10);
         console.warn(
           "[Masonry] Items missing width/height detected:",
           {
-            context: o,
-            count: y.length,
+            context: l,
+            count: M.length,
             sampleIds: t,
             hint: "Ensure each item has positive width and height. Consider providing fallbacks (e.g., 512x512) at the data layer."
           }
@@ -897,28 +936,28 @@ function sa(e) {
     } catch {
     }
   }
-  function d() {
-    i.value.clear();
+  function g() {
+    s.value.clear();
   }
   return {
-    checkItemDimensions: m,
-    invalidDimensionIds: i,
-    reset: d
+    checkItemDimensions: h,
+    invalidDimensionIds: s,
+    reset: g
   };
 }
-const ua = { class: "flex-1 relative min-h-0" }, ca = { class: "w-full h-full rounded-xl overflow-hidden shadow-sm transition-all duration-300 bg-white relative" }, va = {
+const va = { class: "flex-1 relative min-h-0" }, fa = { class: "w-full h-full rounded-xl overflow-hidden shadow-sm transition-all duration-300 bg-white relative" }, da = {
   key: 0,
   class: "absolute inset-0 flex flex-col items-center justify-center bg-slate-100 text-slate-400 text-sm p-4 text-center"
-}, fa = {
+}, ga = {
   key: 1,
   class: "relative w-full h-full"
-}, da = ["src"], ma = ["src", "autoplay", "controls"], ha = { class: "w-12 h-12 rounded-full bg-white/80 backdrop-blur-sm flex items-center justify-center shadow-sm" }, ga = {
+}, ha = ["src"], ma = ["src", "autoplay", "controls"], pa = { class: "w-12 h-12 rounded-full bg-white/80 backdrop-blur-sm flex items-center justify-center shadow-sm" }, ya = {
   key: 3,
   class: "absolute bottom-2 left-1/2 transform -translate-x-1/2 flex items-center justify-center z-10"
-}, pa = {
+}, wa = {
   key: 4,
   class: "absolute inset-0 flex flex-col items-center justify-center bg-slate-50 text-slate-400 text-sm p-4 text-center"
-}, xe = /* @__PURE__ */ _e({
+}, xe = /* @__PURE__ */ Ge({
   __name: "MasonryItem",
   props: {
     item: {},
@@ -933,310 +972,306 @@ const ua = { class: "flex-1 relative min-h-0" }, ca = { class: "w-full h-full ro
   },
   emits: ["preload:success", "preload:error", "mouse-enter", "mouse-leave", "in-view", "in-view-and-loaded"],
   setup(e, { emit: n }) {
-    const i = e, a = n, m = W(!1), d = W(!1), f = W(null), o = W(!1), c = W(!1), y = W(null), t = W(!1), w = W(!1), T = W(!1), p = W(!1), h = W(!1), I = W(null), S = W(null);
-    let v = null;
-    const r = K(() => {
-      var l;
-      return i.type ?? ((l = i.item) == null ? void 0 : l.type) ?? "image";
-    }), s = K(() => {
-      var l;
-      return i.notFound ?? ((l = i.item) == null ? void 0 : l.notFound) ?? !1;
-    }), L = K(() => !!i.inSwipeMode);
-    function M(l, x) {
-      const E = l === "image" ? m.value : o.value;
-      w.value && E && !T.value && (T.value = !0, a("in-view-and-loaded", { item: i.item, type: l, src: x }));
+    const s = e, a = n, h = D(!1), g = D(!1), f = D(null), l = D(!1), i = D(!1), M = D(null), t = D(!1), T = D(!1), I = D(!1), x = D(!1), m = D(!1), L = D(null), S = D(null);
+    let d = null;
+    const c = Q(() => {
+      var o;
+      return s.type ?? ((o = s.item) == null ? void 0 : o.type) ?? "image";
+    }), r = Q(() => {
+      var o;
+      return s.notFound ?? ((o = s.item) == null ? void 0 : o.notFound) ?? !1;
+    }), b = Q(() => !!s.inSwipeMode);
+    function P(o, v) {
+      const y = o === "image" ? h.value : l.value;
+      T.value && y && !I.value && (I.value = !0, a("in-view-and-loaded", { item: s.item, type: o, src: v }));
     }
-    function g(l) {
-      a("mouse-enter", { item: i.item, type: l });
+    function p(o) {
+      a("mouse-enter", { item: s.item, type: o });
     }
-    function $(l) {
-      a("mouse-leave", { item: i.item, type: l });
+    function z(o) {
+      a("mouse-leave", { item: s.item, type: o });
     }
-    function k(l) {
-      if (L.value) return;
-      const x = l.target;
-      x && (x.paused ? x.play() : x.pause());
+    function k(o) {
+      if (b.value) return;
+      const v = o.target;
+      v && (v.paused ? v.play() : v.pause());
     }
-    function N(l) {
-      const x = l.target;
-      x && (L.value || x.play(), g("video"));
+    function H(o) {
+      const v = o.target;
+      v && (b.value || v.play(), p("video"));
     }
-    function A(l) {
-      const x = l.target;
-      x && (L.value || x.pause(), $("video"));
+    function W(o) {
+      const v = o.target;
+      v && (b.value || v.pause(), z("video"));
     }
-    function P(l) {
-      return new Promise((x, E) => {
-        if (!l) {
-          const b = new Error("No image source provided");
-          a("preload:error", { item: i.item, type: "image", src: l, error: b }), E(b);
+    function E(o) {
+      return new Promise((v, y) => {
+        if (!o) {
+          const w = new Error("No image source provided");
+          a("preload:error", { item: s.item, type: "image", src: o, error: w }), y(w);
           return;
         }
-        const D = new Image(), V = Date.now(), C = 300;
-        D.onload = () => {
-          const b = Date.now() - V, H = Math.max(0, C - b);
+        const R = new Image(), O = Date.now(), V = 300;
+        R.onload = () => {
+          const w = Date.now() - O, F = Math.max(0, V - w);
           setTimeout(async () => {
-            m.value = !0, d.value = !1, p.value = !1, await X(), await new Promise((R) => setTimeout(R, 100)), h.value = !0, a("preload:success", { item: i.item, type: "image", src: l }), M("image", l), x();
-          }, H);
-        }, D.onerror = () => {
-          d.value = !0, m.value = !1, p.value = !1;
-          const b = new Error("Failed to load image");
-          a("preload:error", { item: i.item, type: "image", src: l, error: b }), E(b);
-        }, D.src = l;
+            h.value = !0, g.value = !1, x.value = !1, await C(), await new Promise((B) => setTimeout(B, 100)), m.value = !0, a("preload:success", { item: s.item, type: "image", src: o }), P("image", o), v();
+          }, F);
+        }, R.onerror = () => {
+          g.value = !0, h.value = !1, x.value = !1;
+          const w = new Error("Failed to load image");
+          a("preload:error", { item: s.item, type: "image", src: o, error: w }), y(w);
+        }, R.src = o;
       });
     }
-    function z(l) {
-      return new Promise((x, E) => {
-        if (!l) {
-          const b = new Error("No video source provided");
-          a("preload:error", { item: i.item, type: "video", src: l, error: b }), E(b);
+    function N(o) {
+      return new Promise((v, y) => {
+        if (!o) {
+          const w = new Error("No video source provided");
+          a("preload:error", { item: s.item, type: "video", src: o, error: w }), y(w);
           return;
         }
-        const D = document.createElement("video"), V = Date.now(), C = 300;
-        D.preload = "metadata", D.muted = !0, D.onloadedmetadata = () => {
-          const b = Date.now() - V, H = Math.max(0, C - b);
+        const R = document.createElement("video"), O = Date.now(), V = 300;
+        R.preload = "metadata", R.muted = !0, R.onloadedmetadata = () => {
+          const w = Date.now() - O, F = Math.max(0, V - w);
           setTimeout(async () => {
-            o.value = !0, c.value = !1, p.value = !1, await X(), await new Promise((R) => setTimeout(R, 100)), h.value = !0, a("preload:success", { item: i.item, type: "video", src: l }), M("video", l), x();
-          }, H);
-        }, D.onerror = () => {
-          c.value = !0, o.value = !1, p.value = !1;
-          const b = new Error("Failed to load video");
-          a("preload:error", { item: i.item, type: "video", src: l, error: b }), E(b);
-        }, D.src = l;
+            l.value = !0, i.value = !1, x.value = !1, await C(), await new Promise((B) => setTimeout(B, 100)), m.value = !0, a("preload:success", { item: s.item, type: "video", src: o }), P("video", o), v();
+          }, F);
+        }, R.onerror = () => {
+          i.value = !0, l.value = !1, x.value = !1;
+          const w = new Error("Failed to load video");
+          a("preload:error", { item: s.item, type: "video", src: o, error: w }), y(w);
+        }, R.src = o;
       });
     }
-    async function F() {
-      var x;
-      if (!t.value || p.value || s.value || r.value === "video" && o.value || r.value === "image" && m.value)
+    async function Z() {
+      var v;
+      if (!t.value || x.value || r.value || c.value === "video" && l.value || c.value === "image" && h.value)
         return;
-      const l = (x = i.item) == null ? void 0 : x.src;
-      if (l)
-        if (p.value = !0, h.value = !1, r.value === "video") {
-          y.value = l, o.value = !1, c.value = !1;
+      const o = (v = s.item) == null ? void 0 : v.src;
+      if (o)
+        if (x.value = !0, m.value = !1, c.value === "video") {
+          M.value = o, l.value = !1, i.value = !1;
           try {
-            await z(l);
+            await N(o);
           } catch {
           }
         } else {
-          f.value = l, m.value = !1, d.value = !1;
+          f.value = o, h.value = !1, g.value = !1;
           try {
-            await P(l);
+            await E(o);
           } catch {
           }
         }
     }
-    return Xe(async () => {
-      if (!I.value) return;
-      const l = [i.preloadThreshold, 1].filter((E, D, V) => V.indexOf(E) === D).sort((E, D) => E - D);
-      v = new IntersectionObserver(
-        (E) => {
-          E.forEach((D) => {
-            const V = D.intersectionRatio, C = V >= 1, b = V >= i.preloadThreshold;
-            if (C && !w.value) {
-              w.value = !0, a("in-view", { item: i.item, type: r.value });
-              const H = r.value === "image" ? f.value : y.value, R = r.value === "image" ? m.value : o.value;
-              H && R && M(r.value, H);
+    return qe(async () => {
+      if (!L.value) return;
+      const o = [s.preloadThreshold, 1].filter((y, R, O) => O.indexOf(y) === R).sort((y, R) => y - R);
+      d = new IntersectionObserver(
+        (y) => {
+          y.forEach((R) => {
+            const O = R.intersectionRatio, V = O >= 1, w = O >= s.preloadThreshold;
+            if (V && !T.value) {
+              T.value = !0, a("in-view", { item: s.item, type: c.value });
+              const F = c.value === "image" ? f.value : M.value, B = c.value === "image" ? h.value : l.value;
+              F && B && P(c.value, F);
             }
-            b && !t.value ? (t.value = !0, F()) : D.isIntersecting;
+            w && !t.value ? (t.value = !0, Z()) : R.isIntersecting;
           });
         },
         {
           // Trigger at both preloadThreshold and 1.0 (fully in view)
-          threshold: l
+          threshold: o
         }
-      ), v.observe(I.value), await X(), requestAnimationFrame(() => {
-        requestAnimationFrame(() => {
-          x();
-        });
-      }), setTimeout(() => {
-        x();
+      ), d.observe(L.value), await C(), await C(), await C(), v(), setTimeout(() => {
+        v();
       }, 100);
-      function x() {
-        if (!I.value || w.value) return;
-        const E = I.value.getBoundingClientRect(), D = window.innerHeight, V = window.innerWidth;
-        if (E.top >= 0 && E.bottom <= D && E.left >= 0 && E.right <= V && E.height > 0 && E.width > 0) {
-          w.value = !0, a("in-view", { item: i.item, type: r.value });
-          const b = r.value === "image" ? f.value : y.value, H = r.value === "image" ? m.value : o.value;
-          b && H && M(r.value, b);
+      function v() {
+        if (!L.value || T.value) return;
+        const y = L.value.getBoundingClientRect(), R = window.innerHeight, O = window.innerWidth;
+        if (y.top >= 0 && y.bottom <= R && y.left >= 0 && y.right <= O && y.height > 0 && y.width > 0) {
+          T.value = !0, a("in-view", { item: s.item, type: c.value });
+          const w = c.value === "image" ? f.value : M.value, F = c.value === "image" ? h.value : l.value;
+          w && F && P(c.value, w);
         }
       }
-    }), Ge(() => {
-      v && (v.disconnect(), v = null);
-    }), ee(
+    }), Je(() => {
+      d && (d.disconnect(), d = null);
+    }), ae(
       () => {
-        var l;
-        return (l = i.item) == null ? void 0 : l.src;
+        var o;
+        return (o = s.item) == null ? void 0 : o.src;
       },
-      async (l) => {
-        if (!(!l || s.value)) {
-          if (r.value === "video") {
-            if (l !== y.value && (o.value = !1, c.value = !1, y.value = l, t.value)) {
-              p.value = !0;
+      async (o) => {
+        if (!(!o || r.value)) {
+          if (c.value === "video") {
+            if (o !== M.value && (l.value = !1, i.value = !1, M.value = o, t.value)) {
+              x.value = !0;
               try {
-                await z(l);
+                await N(o);
               } catch {
               }
             }
-          } else if (l !== f.value && (m.value = !1, d.value = !1, f.value = l, t.value)) {
-            p.value = !0;
+          } else if (o !== f.value && (h.value = !1, g.value = !1, f.value = o, t.value)) {
+            x.value = !0;
             try {
-              await P(l);
+              await E(o);
             } catch {
             }
           }
         }
       }
-    ), ee(
-      () => i.isActive,
-      (l) => {
-        !L.value || !S.value || (l ? S.value.play() : S.value.pause());
+    ), ae(
+      () => s.isActive,
+      (o) => {
+        !b.value || !S.value || (o ? S.value.play() : S.value.pause());
       }
-    ), (l, x) => (Y(), q("div", {
+    ), (o, v) => (_(), U("div", {
       ref_key: "containerRef",
-      ref: I,
+      ref: L,
       class: "relative w-full h-full flex flex-col"
     }, [
-      l.headerHeight > 0 ? (Y(), q("div", {
+      o.headerHeight > 0 ? (_(), U("div", {
         key: 0,
         class: "relative z-10",
-        style: he({ height: `${l.headerHeight}px` })
+        style: he({ height: `${o.headerHeight}px` })
       }, [
-        J(l.$slots, "header", {
-          item: l.item,
-          remove: l.remove,
-          imageLoaded: m.value,
-          imageError: d.value,
-          videoLoaded: o.value,
-          videoError: c.value,
-          showNotFound: s.value,
-          isLoading: p.value,
-          mediaType: r.value,
-          isFullyInView: w.value
+        K(o.$slots, "header", {
+          item: o.item,
+          remove: o.remove,
+          imageLoaded: h.value,
+          imageError: g.value,
+          videoLoaded: l.value,
+          videoError: i.value,
+          showNotFound: r.value,
+          isLoading: x.value,
+          mediaType: c.value,
+          isFullyInView: T.value
         })
-      ], 4)) : te("", !0),
-      U("div", ua, [
-        J(l.$slots, "default", {
-          item: l.item,
-          remove: l.remove,
-          imageLoaded: m.value,
-          imageError: d.value,
-          videoLoaded: o.value,
-          videoError: c.value,
-          showNotFound: s.value,
-          isLoading: p.value,
-          mediaType: r.value,
+      ], 4)) : ne("", !0),
+      X("div", va, [
+        K(o.$slots, "default", {
+          item: o.item,
+          remove: o.remove,
+          imageLoaded: h.value,
+          imageError: g.value,
+          videoLoaded: l.value,
+          videoError: i.value,
+          showNotFound: r.value,
+          isLoading: x.value,
+          mediaType: c.value,
           imageSrc: f.value,
-          videoSrc: y.value,
-          showMedia: h.value,
-          isFullyInView: w.value
+          videoSrc: M.value,
+          showMedia: m.value,
+          isFullyInView: T.value
         }, () => [
-          U("div", ca, [
-            s.value ? (Y(), q("div", va, x[3] || (x[3] = [
-              U("i", { class: "fas fa-search text-3xl mb-3 opacity-50" }, null, -1),
-              U("span", { class: "font-medium" }, "Not Found", -1),
-              U("span", { class: "text-xs mt-1 opacity-75" }, "This item could not be located", -1)
-            ]))) : (Y(), q("div", fa, [
-              r.value === "image" && f.value ? (Y(), q("img", {
+          X("div", fa, [
+            r.value ? (_(), U("div", da, v[3] || (v[3] = [
+              X("i", { class: "fas fa-search text-3xl mb-3 opacity-50" }, null, -1),
+              X("span", { class: "font-medium" }, "Not Found", -1),
+              X("span", { class: "text-xs mt-1 opacity-75" }, "This item could not be located", -1)
+            ]))) : (_(), U("div", ga, [
+              c.value === "image" && f.value ? (_(), U("img", {
                 key: 0,
                 src: f.value,
-                class: re([
+                class: ie([
                   "w-full h-full object-cover transition-opacity duration-700 ease-in-out",
-                  m.value && h.value ? "opacity-100" : "opacity-0"
+                  h.value && m.value ? "opacity-100" : "opacity-0"
                 ]),
                 style: { position: "absolute", top: "0", left: "0" },
                 loading: "lazy",
                 decoding: "async",
                 alt: "",
-                onMouseenter: x[0] || (x[0] = (E) => g("image")),
-                onMouseleave: x[1] || (x[1] = (E) => $("image"))
-              }, null, 42, da)) : te("", !0),
-              r.value === "video" && y.value ? (Y(), q("video", {
+                onMouseenter: v[0] || (v[0] = (y) => p("image")),
+                onMouseleave: v[1] || (v[1] = (y) => z("image"))
+              }, null, 42, ha)) : ne("", !0),
+              c.value === "video" && M.value ? (_(), U("video", {
                 key: 1,
                 ref_key: "videoEl",
                 ref: S,
-                src: y.value,
-                class: re([
+                src: M.value,
+                class: ie([
                   "w-full h-full object-cover transition-opacity duration-700 ease-in-out",
-                  o.value && h.value ? "opacity-100" : "opacity-0"
+                  l.value && m.value ? "opacity-100" : "opacity-0"
                 ]),
                 style: { position: "absolute", top: "0", left: "0" },
                 muted: "",
                 loop: "",
                 playsinline: "",
-                autoplay: L.value && i.isActive,
-                controls: L.value,
-                onClick: Ae(k, ["stop"]),
-                onTouchend: Ae(k, ["stop", "prevent"]),
-                onMouseenter: N,
-                onMouseleave: A,
-                onError: x[2] || (x[2] = (E) => c.value = !0)
-              }, null, 42, ma)) : te("", !0),
-              !m.value && !o.value && !d.value && !c.value ? (Y(), q("div", {
+                autoplay: b.value && s.isActive,
+                controls: b.value,
+                onClick: Ce(k, ["stop"]),
+                onTouchend: Ce(k, ["stop", "prevent"]),
+                onMouseenter: H,
+                onMouseleave: W,
+                onError: v[2] || (v[2] = (y) => i.value = !0)
+              }, null, 42, ma)) : ne("", !0),
+              !h.value && !l.value && !g.value && !i.value ? (_(), U("div", {
                 key: 2,
-                class: re([
+                class: ie([
                   "absolute inset-0 bg-slate-100 flex items-center justify-center transition-opacity duration-500",
-                  h.value ? "opacity-0 pointer-events-none" : "opacity-100"
+                  m.value ? "opacity-0 pointer-events-none" : "opacity-100"
                 ])
               }, [
-                U("div", ha, [
-                  J(l.$slots, "placeholder-icon", { mediaType: r.value }, () => [
-                    U("i", {
-                      class: re(r.value === "video" ? "fas fa-video text-xl text-slate-400" : "fas fa-image text-xl text-slate-400")
+                X("div", pa, [
+                  K(o.$slots, "placeholder-icon", { mediaType: c.value }, () => [
+                    X("i", {
+                      class: ie(c.value === "video" ? "fas fa-video text-xl text-slate-400" : "fas fa-image text-xl text-slate-400")
                     }, null, 2)
                   ])
                 ])
-              ], 2)) : te("", !0),
-              p.value ? (Y(), q("div", ga, x[4] || (x[4] = [
-                U("div", { class: "bg-white/90 backdrop-blur-sm rounded-full px-3 py-1.5 shadow-sm" }, [
-                  U("div", { class: "animate-spin rounded-full h-4 w-4 border-b-2 border-blue-500" })
+              ], 2)) : ne("", !0),
+              x.value ? (_(), U("div", ya, v[4] || (v[4] = [
+                X("div", { class: "bg-white/90 backdrop-blur-sm rounded-full px-3 py-1.5 shadow-sm" }, [
+                  X("div", { class: "animate-spin rounded-full h-4 w-4 border-b-2 border-blue-500" })
                 ], -1)
-              ]))) : te("", !0),
-              r.value === "image" && d.value || r.value === "video" && c.value ? (Y(), q("div", pa, [
-                U("i", {
-                  class: re(r.value === "video" ? "fas fa-video text-2xl mb-2 opacity-50" : "fas fa-image text-2xl mb-2 opacity-50")
+              ]))) : ne("", !0),
+              c.value === "image" && g.value || c.value === "video" && i.value ? (_(), U("div", wa, [
+                X("i", {
+                  class: ie(c.value === "video" ? "fas fa-video text-2xl mb-2 opacity-50" : "fas fa-image text-2xl mb-2 opacity-50")
                 }, null, 2),
-                U("span", null, "Failed to load " + Pe(r.value), 1)
-              ])) : te("", !0)
+                X("span", null, "Failed to load " + He(c.value), 1)
+              ])) : ne("", !0)
             ]))
           ])
         ])
       ]),
-      l.footerHeight > 0 ? (Y(), q("div", {
+      o.footerHeight > 0 ? (_(), U("div", {
         key: 1,
         class: "relative z-10",
-        style: he({ height: `${l.footerHeight}px` })
+        style: he({ height: `${o.footerHeight}px` })
       }, [
-        J(l.$slots, "footer", {
-          item: l.item,
-          remove: l.remove,
-          imageLoaded: m.value,
-          imageError: d.value,
-          videoLoaded: o.value,
-          videoError: c.value,
-          showNotFound: s.value,
-          isLoading: p.value,
-          mediaType: r.value,
-          isFullyInView: w.value
+        K(o.$slots, "footer", {
+          item: o.item,
+          remove: o.remove,
+          imageLoaded: h.value,
+          imageError: g.value,
+          videoLoaded: l.value,
+          videoError: i.value,
+          showNotFound: r.value,
+          isLoading: x.value,
+          mediaType: c.value,
+          isFullyInView: T.value
         })
-      ], 4)) : te("", !0)
+      ], 4)) : ne("", !0)
     ], 512));
   }
-}), ya = {
+}), xa = {
   key: 0,
   class: "w-full h-full flex items-center justify-center"
-}, wa = { class: "w-full h-full flex items-center justify-center p-4" }, xa = { class: "w-full h-full max-w-full max-h-full relative" }, ba = {
+}, ba = { class: "w-full h-full flex items-center justify-center p-4" }, Ma = { class: "w-full h-full max-w-full max-h-full relative" }, Ta = {
   key: 0,
   class: "w-full py-8 text-center"
-}, Ma = {
+}, Pa = {
   key: 1,
   class: "w-full py-8 text-center"
-}, Ta = { class: "text-red-500 dark:text-red-400" }, Ia = {
+}, Ia = { class: "text-red-500 dark:text-red-400" }, La = {
   key: 0,
   class: "w-full py-8 text-center"
-}, La = {
+}, ka = {
   key: 1,
   class: "w-full py-8 text-center"
-}, Sa = { class: "text-red-500 dark:text-red-400" }, ka = /* @__PURE__ */ _e({
+}, Sa = { class: "text-red-500 dark:text-red-400" }, Ea = /* @__PURE__ */ Ge({
   __name: "Masonry",
   props: {
     getPage: {
@@ -1361,8 +1396,8 @@ const ua = { class: "flex-1 relative min-h-0" }, ca = { class: "w-full h-full ro
     "item:mouse-leave",
     "update:context"
   ],
-  setup(e, { expose: n, emit: i }) {
-    const a = e, m = {
+  setup(e, { expose: n, emit: s }) {
+    const a = e, h = {
       sizes: { base: 1, sm: 2, md: 3, lg: 4, xl: 5, "2xl": 6 },
       gutterX: 10,
       gutterY: 10,
@@ -1371,19 +1406,19 @@ const ua = { class: "flex-1 relative min-h-0" }, ca = { class: "w-full h-full ro
       paddingLeft: 0,
       paddingRight: 0,
       placement: "masonry"
-    }, d = K(() => {
+    }, g = Q(() => {
       var u;
       return {
-        ...m,
+        ...h,
         ...a.layout,
         sizes: {
-          ...m.sizes,
+          ...h.sizes,
           ...((u = a.layout) == null ? void 0 : u.sizes) || {}
         }
       };
-    }), f = W(null), o = W(typeof window < "u" ? window.innerWidth : 1024), c = W(typeof window < "u" ? window.innerHeight : 768), y = W(null);
+    }), f = D(null), l = D(typeof window < "u" ? window.innerWidth : 1024), i = D(typeof window < "u" ? window.innerHeight : 768), M = D(null);
     let t = null;
-    function w(u) {
+    function T(u) {
       return {
         sm: 640,
         md: 768,
@@ -1392,316 +1427,321 @@ const ua = { class: "flex-1 relative min-h-0" }, ca = { class: "w-full h-full ro
         "2xl": 1536
       }[u] || 768;
     }
-    const T = K(() => {
+    const I = Q(() => {
       if (a.layoutMode === "masonry") return !1;
       if (a.layoutMode === "swipe") return !0;
-      const u = typeof a.mobileBreakpoint == "string" ? w(a.mobileBreakpoint) : a.mobileBreakpoint;
-      return o.value < u;
-    }), p = i, h = K({
+      const u = typeof a.mobileBreakpoint == "string" ? T(a.mobileBreakpoint) : a.mobileBreakpoint;
+      return l.value < u;
+    }), x = s, m = Q({
       get: () => a.items,
-      set: (u) => p("update:items", u)
-    }), I = K({
+      set: (u) => x("update:items", u)
+    }), L = Q({
       get: () => a.context,
-      set: (u) => p("update:context", u)
+      set: (u) => x("update:context", u)
     });
     function S(u) {
-      I.value = u;
+      L.value = u;
     }
-    const v = K(() => {
-      const u = h.value;
+    const d = Q(() => {
+      const u = m.value;
       return (u == null ? void 0 : u.length) ?? 0;
-    }), r = W(7), s = W(null), L = W([]), M = W(null), g = W(!1), $ = W(0), k = W(!1), N = W(null), A = W(!1), P = K(() => Kt(o.value)), z = sa({
-      masonry: h
-    }), { checkItemDimensions: F, reset: l } = z, x = ra({
-      masonry: h,
-      useSwipeMode: T,
-      container: s,
-      columns: r,
-      containerWidth: o,
-      masonryContentHeight: $,
-      layout: d,
-      fixedDimensions: y,
-      checkItemDimensions: F
-    }), { refreshLayout: E, setFixedDimensions: D, onResize: V } = x, C = ia({
-      masonry: h,
-      container: s,
-      columns: r,
+    }), c = D(7), r = D(null), b = D([]), P = D(null), p = D(!1), z = D(0), k = D(!1), H = D(null), W = D(!1), E = Q(() => Zt(l.value)), N = ca({
+      masonry: m
+    }), { checkItemDimensions: Z, reset: o } = N, v = sa({
+      masonry: m,
+      useSwipeMode: I,
+      container: r,
+      columns: c,
+      containerWidth: l,
+      masonryContentHeight: z,
+      layout: g,
+      fixedDimensions: M,
+      checkItemDimensions: Z
+    }), { refreshLayout: y, setFixedDimensions: R, onResize: O } = v, V = ua({
+      masonry: m,
+      container: r,
+      columns: c,
       virtualBufferPx: a.virtualBufferPx,
       loadThresholdPx: a.loadThresholdPx,
       handleScroll: () => {
       }
       // Will be set after pagination is initialized
-    }), { viewportTop: b, viewportHeight: H, virtualizing: R, visibleMasonry: ne, updateScrollProgress: _, updateViewport: ie, reset: Q } = C, { onEnter: Qe, onBeforeEnter: Ze, onBeforeLeave: et, onLeave: tt } = ta(
-      { container: s },
-      { leaveDurationMs: a.leaveDurationMs, virtualizing: R }
-    ), at = Qe, nt = Ze, lt = et, ot = tt, rt = la({
+    }), { viewportTop: w, viewportHeight: F, virtualizing: B, visibleMasonry: j, updateScrollProgress: q, updateViewport: le, reset: G } = V, { onEnter: be, onBeforeEnter: Ze, onBeforeLeave: et, onLeave: tt } = na(
+      { container: r },
+      { leaveDurationMs: a.leaveDurationMs, virtualizing: B }
+    ), at = be, nt = Ze, lt = et, ot = tt, rt = Q(() => a.mode), it = ra({
       getPage: a.getPage,
-      context: I,
-      masonry: h,
-      isLoading: g,
+      context: L,
+      masonry: m,
+      isLoading: p,
       hasReachedEnd: k,
-      loadError: N,
-      currentPage: M,
-      paginationHistory: L,
-      refreshLayout: E,
+      loadError: H,
+      currentPage: P,
+      paginationHistory: b,
+      refreshLayout: y,
       retryMaxAttempts: a.retryMaxAttempts,
       retryInitialDelayMs: a.retryInitialDelayMs,
       retryBackoffStepMs: a.retryBackoffStepMs,
-      mode: a.mode,
+      mode: rt,
       backfillDelayMs: a.backfillDelayMs,
       backfillMaxCalls: a.backfillMaxCalls,
       pageSize: a.pageSize,
-      emits: p
-    }), { loadPage: be, loadNext: ge, refreshCurrentPage: it, cancelLoad: Me, maybeBackfillToTarget: st } = rt, Z = na({
-      useSwipeMode: T,
-      masonry: h,
-      isLoading: g,
-      loadNext: ge,
-      loadPage: be,
-      paginationHistory: L
-    }), { handleScroll: ut } = aa({
-      container: s,
-      masonry: h,
-      columns: r,
-      containerHeight: $,
-      isLoading: g,
+      emits: x
+    }), { loadPage: Me, loadNext: me, refreshCurrentPage: st, cancelLoad: Te, maybeBackfillToTarget: ut } = it, ee = oa({
+      useSwipeMode: I,
+      masonry: m,
+      isLoading: p,
+      loadNext: me,
+      loadPage: Me,
+      paginationHistory: b
+    }), { handleScroll: ct } = la({
+      container: r,
+      masonry: m,
+      columns: c,
+      containerHeight: z,
+      isLoading: p,
       pageSize: a.pageSize,
-      refreshLayout: E,
+      refreshLayout: y,
       setItemsRaw: (u) => {
-        h.value = u;
+        m.value = u;
       },
-      loadNext: ge,
+      loadNext: me,
       loadThresholdPx: a.loadThresholdPx
     });
-    C.handleScroll.value = ut;
-    const ct = oa({
-      masonry: h,
-      useSwipeMode: T,
-      refreshLayout: E,
-      loadNext: ge,
-      maybeBackfillToTarget: st,
-      paginationHistory: L
-    }), { remove: ue, removeMany: vt, restore: ft, restoreMany: dt, removeAll: mt } = ct;
-    function ht(u) {
-      D(u, _), !u && f.value && (o.value = f.value.clientWidth, c.value = f.value.clientHeight);
+    V.handleScroll.value = ct;
+    const vt = ia({
+      masonry: m,
+      useSwipeMode: I,
+      refreshLayout: y,
+      loadNext: me,
+      maybeBackfillToTarget: ut,
+      paginationHistory: b
+    }), { remove: ue, removeMany: ft, restore: dt, restoreMany: gt, removeAll: ht } = vt;
+    function mt(u) {
+      R(u, q), !u && f.value && (l.value = f.value.clientWidth, i.value = f.value.clientHeight);
     }
     n({
       // Cancels any ongoing load operations (page loads, backfills, etc.)
-      cancelLoad: Me,
+      cancelLoad: Te,
       // Opaque caller context passed through to getPage(page, context). Useful for including filters, service selection, tabId, etc.
-      context: I,
+      context: L,
       // Container height (wrapper element) in pixels
-      containerHeight: c,
+      containerHeight: i,
       // Container width (wrapper element) in pixels
-      containerWidth: o,
+      containerWidth: l,
       // Current Tailwind breakpoint name (base, sm, md, lg, xl, 2xl) based on containerWidth
-      currentBreakpoint: P,
+      currentBreakpoint: E,
       // Current page number or cursor being displayed
-      currentPage: M,
+      currentPage: P,
       // Completely destroys the component, clearing all state and resetting to initial state
-      destroy: Mt,
+      destroy: Pt,
       // Boolean indicating if the end of the list has been reached (no more pages to load)
       hasReachedEnd: k,
       // Initializes the component with items, page, and next page cursor. Use this for manual init mode.
-      initialize: Tt,
+      initialize: It,
       // Boolean indicating if the component has been initialized (first content has loaded)
-      isInitialized: A,
+      isInitialized: W,
       // Boolean indicating if a page load or backfill operation is currently in progress
-      isLoading: g,
+      isLoading: p,
       // Error object if the last load operation failed, null otherwise
-      loadError: N,
+      loadError: H,
       // Loads the next page of items asynchronously
-      loadNext: ge,
+      loadNext: me,
       // Loads a specific page number or cursor asynchronously
-      loadPage: be,
+      loadPage: Me,
       // Array tracking pagination history (pages/cursors that have been loaded)
-      paginationHistory: L,
+      paginationHistory: b,
       // Refreshes the current page by clearing items and reloading from the current page
-      refreshCurrentPage: it,
+      refreshCurrentPage: st,
       // Recalculates the layout positions for all items. Call this after manually modifying items.
-      refreshLayout: E,
+      refreshLayout: y,
       // Removes a single item from the masonry
       remove: ue,
       // Removes all items from the masonry
-      removeAll: mt,
+      removeAll: ht,
+      // Clears all items and pagination history (useful when applying filters)
+      clear: Mt,
       // Removes multiple items from the masonry in a single operation
-      removeMany: vt,
+      removeMany: ft,
       // Resets the component to initial state (clears items, resets pagination, scrolls to top)
-      reset: bt,
+      reset: Tt,
       // Restores a single item at its original index (useful for undo operations)
-      restore: ft,
+      restore: dt,
       // Restores multiple items at their original indices (useful for undo operations)
-      restoreMany: dt,
+      restoreMany: gt,
       // Scrolls the container to a specific position
-      scrollTo: wt,
+      scrollTo: xt,
       // Scrolls the container to the top
-      scrollToTop: yt,
+      scrollToTop: wt,
       // Sets the opaque caller context (alternative to v-model:context)
       setContext: S,
       // Sets fixed dimensions for the container, overriding ResizeObserver. Pass null to restore automatic sizing.
-      setFixedDimensions: ht,
+      setFixedDimensions: mt,
       // Computed property returning the total number of items currently in the masonry
-      totalItems: K(() => h.value.length)
+      totalItems: Q(() => m.value.length)
     });
-    const ce = Z.currentSwipeIndex, pe = Z.swipeOffset, ye = Z.isDragging, le = Z.swipeContainer, Fe = Z.handleTouchStart, ze = Z.handleTouchMove, De = Z.handleTouchEnd, Be = Z.handleMouseDown, Te = Z.handleMouseMove, Ie = Z.handleMouseUp, Le = Z.snapToCurrentItem;
-    function gt(u) {
-      const B = v.value, j = typeof u == "string" ? parseInt(u, 10) : u;
-      return B > 0 ? `${j * (100 / B)}%` : "0%";
+    const ce = ee.currentSwipeIndex, pe = ee.swipeOffset, ye = ee.isDragging, oe = ee.swipeContainer, Ne = ee.handleTouchStart, ze = ee.handleTouchMove, Be = ee.handleTouchEnd, We = ee.handleMouseDown, Pe = ee.handleMouseMove, Ie = ee.handleMouseUp, Le = ee.snapToCurrentItem;
+    function pt(u) {
+      const $ = d.value, Y = typeof u == "string" ? parseInt(u, 10) : u;
+      return $ > 0 ? `${Y * (100 / $)}%` : "0%";
     }
-    function pt() {
-      const u = v.value;
+    function yt() {
+      const u = d.value;
       return u > 0 ? `${100 / u}%` : "0%";
     }
-    function yt(u) {
-      s.value && s.value.scrollTo({
+    function wt(u) {
+      r.value && r.value.scrollTo({
         top: 0,
         behavior: (u == null ? void 0 : u.behavior) ?? "smooth",
         ...u
       });
     }
-    function wt(u) {
-      s.value && (s.value.scrollTo({
-        top: u.top ?? s.value.scrollTop,
-        left: u.left ?? s.value.scrollLeft,
+    function xt(u) {
+      r.value && (r.value.scrollTo({
+        top: u.top ?? r.value.scrollTop,
+        left: u.left ?? r.value.scrollLeft,
         behavior: u.behavior ?? "auto"
-      }), s.value && (b.value = s.value.scrollTop, H.value = s.value.clientHeight || window.innerHeight));
-    }
-    function xt() {
-      V(), s.value && (b.value = s.value.scrollTop, H.value = s.value.clientHeight);
+      }), r.value && (w.value = r.value.scrollTop, F.value = r.value.clientHeight || window.innerHeight));
     }
     function bt() {
-      Me(), s.value && s.value.scrollTo({
+      O(), r.value && (w.value = r.value.scrollTop, F.value = r.value.clientHeight);
+    }
+    function Mt() {
+      m.value = [], b.value = [];
+    }
+    function Tt() {
+      Te(), r.value && r.value.scrollTo({
         top: 0,
         behavior: "smooth"
-      }), h.value = [], c.value = 0, M.value = a.loadAtPage, L.value = [a.loadAtPage], k.value = !1, N.value = null, A.value = !1, Q();
+      }), m.value = [], i.value = 0, P.value = a.loadAtPage, b.value = [a.loadAtPage], k.value = !1, H.value = null, W.value = !1, G();
     }
-    function Mt() {
-      Me(), h.value = [], $.value = 0, M.value = null, L.value = [], k.value = !1, N.value = null, g.value = !1, A.value = !1, ce.value = 0, pe.value = 0, ye.value = !1, Q(), l(), s.value && s.value.scrollTo({
+    function Pt() {
+      Te(), m.value = [], z.value = 0, P.value = null, b.value = [], k.value = !1, H.value = null, p.value = !1, W.value = !1, ce.value = 0, pe.value = 0, ye.value = !1, G(), o(), r.value && r.value.scrollTo({
         top: 0,
         behavior: "auto"
         // Instant scroll for destroy
       });
     }
-    const oe = Ye(async () => {
-      T.value || await ie();
-    }, 200), Ne = Ye(xt, 200);
-    function We() {
-      Z.handleWindowResize();
+    const re = _e(async () => {
+      I.value || await le();
+    }, 200), Re = _e(bt, 200);
+    function Fe() {
+      ee.handleWindowResize();
     }
-    function Tt(u, B, j) {
-      M.value = B, L.value = [B], j != null && L.value.push(j), k.value = j === null, F(u, "initialize");
-      const ae = h.value, O = ae.length === 0 ? u : [...ae, ...u];
-      h.value = O, T.value ? ce.value === 0 && h.value.length > 0 && (pe.value = 0) : (E(O), s.value && (b.value = s.value.scrollTop, H.value = s.value.clientHeight || window.innerHeight), X(() => {
-        s.value && (b.value = s.value.scrollTop, H.value = s.value.clientHeight || window.innerHeight, _());
-      })), u && u.length > 0 && (A.value = !0);
+    async function It(u, $, Y) {
+      P.value = $, b.value = [$], Y != null && b.value.push(Y), k.value = Y === null, Z(u, "initialize");
+      const te = m.value, A = te.length === 0 ? u : [...te, ...u];
+      m.value = A, await C(), I.value ? ce.value === 0 && m.value.length > 0 && (pe.value = 0) : (await C(), await C(), y(A), r.value && (w.value = r.value.scrollTop, F.value = r.value.clientHeight || window.innerHeight), C(() => {
+        r.value && (w.value = r.value.scrollTop, F.value = r.value.clientHeight || window.innerHeight, q());
+      })), u && u.length > 0 && (W.value = !0);
     }
-    return ee(
-      d,
+    return ae(
+      g,
       () => {
-        T.value || s.value && (r.value = se(d.value, o.value), E(h.value));
+        I.value || r.value && (c.value = se(g.value, l.value), y(m.value));
       },
       { deep: !0 }
-    ), ee(() => a.layoutMode, () => {
-      y.value && y.value.width !== void 0 ? o.value = y.value.width : f.value && (o.value = f.value.clientWidth);
-    }), ee(s, (u) => {
-      u && !T.value ? (u.removeEventListener("scroll", oe), u.addEventListener("scroll", oe, { passive: !0 })) : u && u.removeEventListener("scroll", oe);
-    }, { immediate: !0 }), ee(
-      () => h.value.length,
-      (u, B) => {
-        a.init === "manual" && !A.value && u > 0 && B === 0 && (A.value = !0);
+    ), ae(() => a.layoutMode, () => {
+      M.value && M.value.width !== void 0 ? l.value = M.value.width : f.value && (l.value = f.value.clientWidth);
+    }), ae(r, (u) => {
+      u && !I.value ? (u.removeEventListener("scroll", re), u.addEventListener("scroll", re, { passive: !0 })) : u && u.removeEventListener("scroll", re);
+    }, { immediate: !0 }), ae(
+      () => m.value.length,
+      (u, $) => {
+        a.init === "manual" && !W.value && u > 0 && $ === 0 && (W.value = !0);
       },
       { immediate: !1 }
-    ), ee(T, (u, B) => {
-      B === void 0 && u === !1 || X(() => {
-        u ? (document.addEventListener("mousemove", Te), document.addEventListener("mouseup", Ie), s.value && s.value.removeEventListener("scroll", oe), ce.value = 0, pe.value = 0, h.value.length > 0 && Le()) : (document.removeEventListener("mousemove", Te), document.removeEventListener("mouseup", Ie), s.value && f.value && (y.value && y.value.width !== void 0 ? o.value = y.value.width : o.value = f.value.clientWidth, s.value.removeEventListener("scroll", oe), s.value.addEventListener("scroll", oe, { passive: !0 }), h.value.length > 0 && (r.value = se(d.value, o.value), E(h.value), b.value = s.value.scrollTop, H.value = s.value.clientHeight, _())));
+    ), ae(I, (u, $) => {
+      $ === void 0 && u === !1 || C(() => {
+        u ? (document.addEventListener("mousemove", Pe), document.addEventListener("mouseup", Ie), r.value && r.value.removeEventListener("scroll", re), ce.value = 0, pe.value = 0, m.value.length > 0 && Le()) : (document.removeEventListener("mousemove", Pe), document.removeEventListener("mouseup", Ie), r.value && f.value && (M.value && M.value.width !== void 0 ? l.value = M.value.width : l.value = f.value.clientWidth, r.value.removeEventListener("scroll", re), r.value.addEventListener("scroll", re, { passive: !0 }), m.value.length > 0 && (c.value = se(g.value, l.value), y(m.value), w.value = r.value.scrollTop, F.value = r.value.clientHeight, q())));
       });
-    }, { immediate: !0 }), ee(le, (u) => {
-      u && (u.addEventListener("touchstart", Fe, { passive: !1 }), u.addEventListener("touchmove", ze, { passive: !1 }), u.addEventListener("touchend", De), u.addEventListener("mousedown", Be));
-    }), ee(() => h.value.length, (u, B) => {
-      T.value && u > 0 && B === 0 && (ce.value = 0, X(() => Le()));
-    }), ee(f, (u) => {
-      t && (t.disconnect(), t = null), u && typeof ResizeObserver < "u" ? (t = new ResizeObserver((B) => {
-        if (!y.value)
-          for (const j of B) {
-            const ae = j.contentRect.width, O = j.contentRect.height;
-            o.value !== ae && (o.value = ae), c.value !== O && (c.value = O);
+    }, { immediate: !0 }), ae(oe, (u) => {
+      u && (u.addEventListener("touchstart", Ne, { passive: !1 }), u.addEventListener("touchmove", ze, { passive: !1 }), u.addEventListener("touchend", Be), u.addEventListener("mousedown", We));
+    }), ae(() => m.value.length, (u, $) => {
+      I.value && u > 0 && $ === 0 && (ce.value = 0, C(() => Le()));
+    }), ae(f, (u) => {
+      t && (t.disconnect(), t = null), u && typeof ResizeObserver < "u" ? (t = new ResizeObserver(($) => {
+        if (!M.value)
+          for (const Y of $) {
+            const te = Y.contentRect.width, A = Y.contentRect.height;
+            l.value !== te && (l.value = te), i.value !== A && (i.value = A);
           }
-      }), t.observe(u), y.value || (o.value = u.clientWidth, c.value = u.clientHeight)) : u && (y.value || (o.value = u.clientWidth, c.value = u.clientHeight));
-    }, { immediate: !0 }), ee(o, (u, B) => {
-      u !== B && u > 0 && !T.value && s.value && h.value.length > 0 && X(() => {
-        r.value = se(d.value, u), E(h.value), _();
+      }), t.observe(u), M.value || (l.value = u.clientWidth, i.value = u.clientHeight)) : u && (M.value || (l.value = u.clientWidth, i.value = u.clientHeight));
+    }, { immediate: !0 }), ae(l, (u, $) => {
+      u !== $ && u > 0 && !I.value && r.value && m.value.length > 0 && C(() => {
+        c.value = se(g.value, u), y(m.value), q();
       });
-    }), Xe(async () => {
+    }), qe(async () => {
       try {
-        await X(), f.value && !t && (o.value = f.value.clientWidth, c.value = f.value.clientHeight), T.value || (r.value = se(d.value, o.value), s.value && (b.value = s.value.scrollTop, H.value = s.value.clientHeight));
+        await C(), f.value && !t && (l.value = f.value.clientWidth, i.value = f.value.clientHeight), I.value || (c.value = se(g.value, l.value), r.value && (w.value = r.value.scrollTop, F.value = r.value.clientHeight));
         const u = a.loadAtPage;
-        if (L.value = [u], a.init === "auto") {
-          A.value = !0, await X();
+        if (a.init === "auto" && b.value.length === 0 && (b.value = [u]), a.init === "auto") {
+          W.value = !0, await C();
           try {
-            await be(u);
+            await Me(u);
           } catch {
           }
         }
-        T.value ? X(() => Le()) : _();
+        I.value ? C(() => Le()) : q();
       } catch (u) {
-        N.value || (console.error("Error during component initialization:", u), N.value = me(u)), g.value = !1;
+        H.value || (console.error("Error during component initialization:", u), H.value = ge(u)), p.value = !1;
       }
-      window.addEventListener("resize", Ne), window.addEventListener("resize", We);
-    }), Ge(() => {
+      window.addEventListener("resize", Re), window.addEventListener("resize", Fe);
+    }), Je(() => {
       var u;
-      t && (t.disconnect(), t = null), (u = s.value) == null || u.removeEventListener("scroll", oe), window.removeEventListener("resize", Ne), window.removeEventListener("resize", We), le.value && (le.value.removeEventListener("touchstart", Fe), le.value.removeEventListener("touchmove", ze), le.value.removeEventListener("touchend", De), le.value.removeEventListener("mousedown", Be)), document.removeEventListener("mousemove", Te), document.removeEventListener("mouseup", Ie);
-    }), (u, B) => (Y(), q("div", {
+      t && (t.disconnect(), t = null), (u = r.value) == null || u.removeEventListener("scroll", re), window.removeEventListener("resize", Re), window.removeEventListener("resize", Fe), oe.value && (oe.value.removeEventListener("touchstart", Ne), oe.value.removeEventListener("touchmove", ze), oe.value.removeEventListener("touchend", Be), oe.value.removeEventListener("mousedown", We)), document.removeEventListener("mousemove", Pe), document.removeEventListener("mouseup", Ie);
+    }), (u, $) => (_(), U("div", {
       ref_key: "wrapper",
       ref: f,
       class: "w-full h-full flex flex-col relative"
     }, [
-      A.value ? T.value ? (Y(), q("div", {
+      W.value ? I.value ? (_(), U("div", {
         key: 1,
-        class: re(["overflow-hidden w-full flex-1 swipe-container touch-none select-none", { "force-motion": a.forceMotion, "cursor-grab": !G(ye), "cursor-grabbing": G(ye) }]),
+        class: ie(["overflow-hidden w-full flex-1 swipe-container touch-none select-none", { "force-motion": a.forceMotion, "cursor-grab": !J(ye), "cursor-grabbing": J(ye) }]),
         ref_key: "swipeContainer",
-        ref: le,
+        ref: oe,
         style: { height: "100%", "max-height": "100%", position: "relative" }
       }, [
-        U("div", {
+        X("div", {
           class: "relative w-full",
           style: he({
-            transform: `translateY(${G(pe)}px)`,
-            transition: G(ye) ? "none" : `transform ${e.transitionDurationMs}ms ${e.transitionEasing}`,
-            height: `${v.value * 100}%`
+            transform: `translateY(${J(pe)}px)`,
+            transition: J(ye) ? "none" : `transform ${e.transitionDurationMs}ms ${e.transitionEasing}`,
+            height: `${d.value * 100}%`
           })
         }, [
-          (Y(!0), q(Re, null, Oe(h.value, (j, ae) => (Y(), q("div", {
-            key: `${j.page}-${j.id}`,
+          (_(!0), U(Oe, null, Ae(m.value, (Y, te) => (_(), U("div", {
+            key: `${Y.page}-${Y.id}`,
             class: "absolute top-0 left-0 w-full",
             style: he({
-              top: gt(ae),
-              height: pt()
+              top: pt(te),
+              height: yt()
             })
           }, [
-            U("div", wa, [
-              U("div", xa, [
-                J(u.$slots, "default", {
-                  item: j,
-                  remove: G(ue),
-                  index: j.originalIndex ?? h.value.indexOf(j)
+            X("div", ba, [
+              X("div", Ma, [
+                K(u.$slots, "default", {
+                  item: Y,
+                  remove: J(ue),
+                  index: Y.originalIndex ?? te
                 }, () => [
-                  Se(xe, {
-                    item: j,
-                    remove: G(ue),
-                    "header-height": d.value.header,
-                    "footer-height": d.value.footer,
+                  ke(xe, {
+                    item: Y,
+                    remove: J(ue),
+                    "header-height": g.value.header,
+                    "footer-height": g.value.footer,
                     "in-swipe-mode": !0,
-                    "is-active": ae === G(ce),
-                    "onPreload:success": B[0] || (B[0] = (O) => p("item:preload:success", O)),
-                    "onPreload:error": B[1] || (B[1] = (O) => p("item:preload:error", O)),
-                    onMouseEnter: B[2] || (B[2] = (O) => p("item:mouse-enter", O)),
-                    onMouseLeave: B[3] || (B[3] = (O) => p("item:mouse-leave", O))
+                    "is-active": te === J(ce),
+                    "onPreload:success": $[0] || ($[0] = (A) => x("item:preload:success", A)),
+                    "onPreload:error": $[1] || ($[1] = (A) => x("item:preload:error", A)),
+                    onMouseEnter: $[2] || ($[2] = (A) => x("item:mouse-enter", A)),
+                    onMouseLeave: $[3] || ($[3] = (A) => x("item:mouse-leave", A))
                   }, {
-                    header: ve((O) => [
-                      J(u.$slots, "item-header", fe({ ref_for: !0 }, O), void 0, !0)
+                    header: ve((A) => [
+                      K(u.$slots, "item-header", fe({ ref_for: !0 }, A), void 0, !0)
                     ]),
-                    footer: ve((O) => [
-                      J(u.$slots, "item-footer", fe({ ref_for: !0 }, O), void 0, !0)
+                    footer: ve((A) => [
+                      K(u.$slots, "item-footer", fe({ ref_for: !0 }, A), void 0, !0)
                     ]),
                     _: 2
                   }, 1032, ["item", "remove", "header-height", "footer-height", "is-active"])
@@ -1710,62 +1750,62 @@ const ua = { class: "flex-1 relative min-h-0" }, ca = { class: "w-full h-full ro
             ])
           ], 4))), 128))
         ], 4),
-        k.value && h.value.length > 0 ? (Y(), q("div", ba, [
-          J(u.$slots, "end-message", {}, () => [
-            B[9] || (B[9] = U("p", { class: "text-gray-500 dark:text-gray-400" }, "You've reached the end", -1))
+        k.value && m.value.length > 0 ? (_(), U("div", Ta, [
+          K(u.$slots, "end-message", {}, () => [
+            $[9] || ($[9] = X("p", { class: "text-gray-500 dark:text-gray-400" }, "You've reached the end", -1))
           ], !0)
-        ])) : te("", !0),
-        N.value && h.value.length > 0 ? (Y(), q("div", Ma, [
-          J(u.$slots, "error-message", { error: N.value }, () => [
-            U("p", Ta, "Failed to load content: " + Pe(N.value.message), 1)
+        ])) : ne("", !0),
+        H.value && m.value.length > 0 ? (_(), U("div", Pa, [
+          K(u.$slots, "error-message", { error: H.value }, () => [
+            X("p", Ia, "Failed to load content: " + He(H.value.message), 1)
           ], !0)
-        ])) : te("", !0)
-      ], 2)) : (Y(), q("div", {
+        ])) : ne("", !0)
+      ], 2)) : (_(), U("div", {
         key: 2,
-        class: re(["overflow-auto w-full flex-1 masonry-container", { "force-motion": a.forceMotion }]),
+        class: ie(["overflow-auto w-full flex-1 masonry-container", { "force-motion": a.forceMotion }]),
         ref_key: "container",
-        ref: s
+        ref: r
       }, [
-        U("div", {
+        X("div", {
           class: "relative",
-          style: he({ height: `${$.value}px`, "--masonry-duration": `${e.transitionDurationMs}ms`, "--masonry-leave-duration": `${e.leaveDurationMs}ms`, "--masonry-ease": e.transitionEasing })
+          style: he({ height: `${z.value}px`, "--masonry-duration": `${e.transitionDurationMs}ms`, "--masonry-leave-duration": `${e.leaveDurationMs}ms`, "--masonry-ease": e.transitionEasing })
         }, [
-          Se(It, {
+          ke(Lt, {
             name: "masonry",
             css: !1,
-            onEnter: G(at),
-            onBeforeEnter: G(nt),
-            onLeave: G(ot),
-            onBeforeLeave: G(lt)
+            onEnter: J(at),
+            onBeforeEnter: J(nt),
+            onLeave: J(ot),
+            onBeforeLeave: J(lt)
           }, {
             default: ve(() => [
-              (Y(!0), q(Re, null, Oe(G(ne), (j, ae) => (Y(), q("div", fe({
-                key: `${j.page}-${j.id}`,
+              (_(!0), U(Oe, null, Ae(J(j), (Y, te) => (_(), U("div", fe({
+                key: `${Y.page}-${Y.id}`,
                 class: "absolute masonry-item",
                 ref_for: !0
-              }, G(ea)(j, ae)), [
-                J(u.$slots, "default", {
-                  item: j,
-                  remove: G(ue),
-                  index: j.originalIndex ?? h.value.indexOf(j)
+              }, J(aa)(Y, te)), [
+                K(u.$slots, "default", {
+                  item: Y,
+                  remove: J(ue),
+                  index: Y.originalIndex ?? te
                 }, () => [
-                  Se(xe, {
-                    item: j,
-                    remove: G(ue),
-                    "header-height": d.value.header,
-                    "footer-height": d.value.footer,
+                  ke(xe, {
+                    item: Y,
+                    remove: J(ue),
+                    "header-height": g.value.header,
+                    "footer-height": g.value.footer,
                     "in-swipe-mode": !1,
                     "is-active": !1,
-                    "onPreload:success": B[4] || (B[4] = (O) => p("item:preload:success", O)),
-                    "onPreload:error": B[5] || (B[5] = (O) => p("item:preload:error", O)),
-                    onMouseEnter: B[6] || (B[6] = (O) => p("item:mouse-enter", O)),
-                    onMouseLeave: B[7] || (B[7] = (O) => p("item:mouse-leave", O))
+                    "onPreload:success": $[4] || ($[4] = (A) => x("item:preload:success", A)),
+                    "onPreload:error": $[5] || ($[5] = (A) => x("item:preload:error", A)),
+                    onMouseEnter: $[6] || ($[6] = (A) => x("item:mouse-enter", A)),
+                    onMouseLeave: $[7] || ($[7] = (A) => x("item:mouse-leave", A))
                   }, {
-                    header: ve((O) => [
-                      J(u.$slots, "item-header", fe({ ref_for: !0 }, O), void 0, !0)
+                    header: ve((A) => [
+                      K(u.$slots, "item-header", fe({ ref_for: !0 }, A), void 0, !0)
                     ]),
-                    footer: ve((O) => [
-                      J(u.$slots, "item-footer", fe({ ref_for: !0 }, O), void 0, !0)
+                    footer: ve((A) => [
+                      K(u.$slots, "item-footer", fe({ ref_for: !0 }, A), void 0, !0)
                     ]),
                     _: 2
                   }, 1032, ["item", "remove", "header-height", "footer-height"])
@@ -1775,35 +1815,35 @@ const ua = { class: "flex-1 relative min-h-0" }, ca = { class: "w-full h-full ro
             _: 3
           }, 8, ["onEnter", "onBeforeEnter", "onLeave", "onBeforeLeave"])
         ], 4),
-        k.value && h.value.length > 0 ? (Y(), q("div", Ia, [
-          J(u.$slots, "end-message", {}, () => [
-            B[10] || (B[10] = U("p", { class: "text-gray-500 dark:text-gray-400" }, "You've reached the end", -1))
+        k.value && m.value.length > 0 ? (_(), U("div", La, [
+          K(u.$slots, "end-message", {}, () => [
+            $[10] || ($[10] = X("p", { class: "text-gray-500 dark:text-gray-400" }, "You've reached the end", -1))
           ], !0)
-        ])) : te("", !0),
-        N.value && h.value.length > 0 ? (Y(), q("div", La, [
-          J(u.$slots, "error-message", { error: N.value }, () => [
-            U("p", Sa, "Failed to load content: " + Pe(N.value.message), 1)
+        ])) : ne("", !0),
+        H.value && m.value.length > 0 ? (_(), U("div", ka, [
+          K(u.$slots, "error-message", { error: H.value }, () => [
+            X("p", Sa, "Failed to load content: " + He(H.value.message), 1)
           ], !0)
-        ])) : te("", !0)
-      ], 2)) : (Y(), q("div", ya, [
-        J(u.$slots, "loading-message", {}, () => [
-          B[8] || (B[8] = U("p", { class: "text-gray-500 dark:text-gray-400" }, "Waiting for content to load...", -1))
+        ])) : ne("", !0)
+      ], 2)) : (_(), U("div", xa, [
+        K(u.$slots, "loading-message", {}, () => [
+          $[8] || ($[8] = X("p", { class: "text-gray-500 dark:text-gray-400" }, "Waiting for content to load...", -1))
         ], !0)
       ]))
     ], 512));
   }
-}), Ea = (e, n) => {
-  const i = e.__vccOpts || e;
-  for (const [a, m] of n)
-    i[a] = m;
-  return i;
-}, Ue = /* @__PURE__ */ Ea(ka, [["__scopeId", "data-v-ce75570c"]]), Ha = {
+}), Ha = (e, n) => {
+  const s = e.__vccOpts || e;
+  for (const [a, h] of n)
+    s[a] = h;
+  return s;
+}, Xe = /* @__PURE__ */ Ha(Ea, [["__scopeId", "data-v-3ebb00d9"]]), Da = {
   install(e) {
-    e.component("WyxosMasonry", Ue), e.component("WMasonry", Ue), e.component("WyxosMasonryItem", xe), e.component("WMasonryItem", xe);
+    e.component("WyxosMasonry", Xe), e.component("WMasonry", Xe), e.component("WyxosMasonryItem", xe), e.component("WMasonryItem", xe);
   }
 };
 export {
-  Ue as Masonry,
+  Xe as Masonry,
   xe as MasonryItem,
-  Ha as default
+  Da as default
 };