@ssgoi/core 5.1.0 → 5.2.1

package/dist/index.js

@@ -1,10 +1,11 @@
-var et = Object.defineProperty;
-var nt = (e, i, t) => i in e ? et(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t;
-var d = (e, i, t) => nt(e, typeof i != "symbol" ? i + "" : i, t);
+var nt = Object.defineProperty;
+var it = (e, i, t) => i in e ? nt(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t;
+var d = (e, i, t) => it(e, typeof i != "symbol" ? i + "" : i, t);
 import { normalizeToMultiAnimation as F, normalizeSchedule as W } from "./types.js";
-import { isCssAnimation as jt, isMultiAnimation as Gt, isSingleAnimation as Kt, isTickAnimation as $t } from "./types.js";
-import { S as K, I as it, a as rt } from "./provider-Cu4NSF1Q.js";
-class ot {
+import { isCssAnimation as Gt, isKeyframesAnimation as $t, isMultiAnimation as Zt, isSingleAnimation as Jt, isTickAnimation as Qt } from "./types.js";
+import { S as $, a as rt } from "./spring-integrator-BM4a-82c.js";
+import { I as ot } from "./provider-B2B8CK6H.js";
+class st {
   constructor() {
     d(this, "listeners", /* @__PURE__ */ new Set());
     d(this, "rafId", null);
@@ -30,9 +31,9 @@ class ot {
       n > this.lagThreshold || n < 0 ? (this.startTime += n - this.adjustedLag, n = this.adjustedLag) : n > this.maxDeltaTime && (n = this.maxDeltaTime), this.lastUpdate = i;
       const r = i - this.startTime, o = r - this.nextTime;
       if (o > 0) {
-        const u = n / 1e3;
-        this.elapsed = r / 1e3, this.nextTime += o + (o >= this.gap ? 4 : this.gap - o), this.listeners.forEach((f) => {
-          f(u, this.elapsed);
+        const s = n / 1e3;
+        this.elapsed = r / 1e3, this.nextTime += o + (o >= this.gap ? 4 : this.gap - o), this.listeners.forEach((m) => {
+          m(s, this.elapsed);
         });
       }
       this.listeners.size > 0 ? this.rafId = requestAnimationFrame(this.tick) : (this.isRunning = !1, this.rafId = null);
@@ -68,62 +69,62 @@ class ot {
     return this.elapsed;
   }
 }
-const z = new ot();
-function st(e) {
+const z = new st();
+function at(e) {
   const {
     integrator: i,
     from: t,
     to: n,
     velocity: r = 0,
     onUpdate: o,
-    onComplete: u,
-    onStart: f
+    onComplete: s,
+    onStart: m
   } = e;
-  let a = { position: t, velocity: r }, m = !0, w = 0, E = !1;
-  const A = (T) => {
-    if (m) {
-      if (E || (E = !0, f == null || f()), a = i.step(a, n, T), i.isSettled(a, n)) {
-        if (w += Math.min(T, 0.033), w >= K) {
-          a = { position: n, velocity: 0 }, m = !1, o(a.position), z.unsubscribe(A), u();
+  let l = { position: t, velocity: r }, u = !0, h = 0, v = !1;
+  const A = (S) => {
+    if (u) {
+      if (v || (v = !0, m == null || m()), l = i.step(l, n, S), i.isSettled(l, n)) {
+        if (h += Math.min(S, 0.033), h >= $) {
+          l = { position: n, velocity: 0 }, u = !1, o(l.position), z.unsubscribe(A), s();
           return;
         }
       } else
-        w = 0;
-      o(a.position);
+        h = 0;
+      o(l.position);
     }
   };
   return z.subscribe(A), {
     stop: () => {
-      m && (m = !1, z.unsubscribe(A));
+      u && (u = !1, z.unsubscribe(A));
     },
-    getPosition: () => a.position,
-    getVelocity: () => a.velocity,
-    isRunning: () => m
+    getPosition: () => l.position,
+    getVelocity: () => l.velocity,
+    isRunning: () => u
   };
 }
-const O = 1e3 / 60;
+const L = 1e3 / 60;
 function ct(e, i, t, n = 0) {
-  let o = { position: i, velocity: n }, u = 0;
-  const f = [];
-  for (let a = 0; a < 600; a++) {
-    const m = a * O;
-    if (f.push({
-      time: m,
+  let o = { position: i, velocity: n }, s = 0;
+  const m = [];
+  for (let l = 0; l < 600; l++) {
+    const u = l * L;
+    if (m.push({
+      time: u,
       position: o.position,
       velocity: o.velocity
-    }), o = e.step(o, t, O / 1e3), e.isSettled(o, t)) {
-      if (u += O / 1e3, u >= K) {
-        f.push({
-          time: (a + 1) * O,
+    }), o = e.step(o, t, L / 1e3), e.isSettled(o, t)) {
+      if (s += L / 1e3, s >= $) {
+        m.push({
+          time: (l + 1) * L,
           position: t,
           velocity: 0
         });
         break;
       }
     } else
-      u = 0;
+      s = 0;
   }
-  return f;
+  return m;
 }
 function H(e, i) {
   if (e.length === 0)
@@ -135,71 +136,114 @@ function H(e, i) {
     return { position: n.position, velocity: n.velocity };
   let r = 0, o = e.length - 1;
   for (; r < o - 1; ) {
-    const m = Math.floor((r + o) / 2);
-    e[m].time <= i ? r = m : o = m;
+    const u = Math.floor((r + o) / 2);
+    e[u].time <= i ? r = u : o = u;
   }
-  const u = e[r], f = e[o], a = (i - u.time) / (f.time - u.time);
+  const s = e[r], m = e[o], l = (i - s.time) / (m.time - s.time);
   return {
-    position: u.position + (f.position - u.position) * a,
-    velocity: u.velocity + (f.velocity - u.velocity) * a
+    position: s.position + (m.position - s.position) * l,
+    velocity: s.velocity + (m.velocity - s.velocity) * l
   };
 }
-function at(e, i) {
+function lt(e, i) {
   return e.map((t) => i(t.position));
 }
-function lt(e) {
+function ut(e) {
   const {
     integrator: i,
     element: t,
     from: n,
     to: r,
     velocity: o = 0,
-    style: u,
-    onComplete: f,
-    onStart: a
-  } = e, m = ct(i, n, r, o);
-  if (m.length === 0)
-    return a == null || a(), f(), {
+    style: s,
+    onComplete: m,
+    onStart: l
+  } = e, u = ct(i, n, r, o);
+  if (u.length === 0)
+    return l == null || l(), m(), {
       stop: () => {
       },
       getPosition: () => r,
       getVelocity: () => 0,
       isRunning: () => !1
     };
-  const w = at(m, u), E = m[m.length - 1], A = E.time, T = w[0];
-  if (T)
-    for (const C of Object.keys(T))
-      t.style[C] = "";
-  const p = t.animate(w, {
+  const h = lt(u, s), v = u[u.length - 1], A = v.time, S = h[0];
+  if (S)
+    for (const T of Object.keys(S))
+      t.style[T] = "";
+  const y = t.animate(h, {
     duration: A,
     fill: "forwards",
     easing: "linear",
     composite: "replace"
   });
-  let y = !0;
-  const R = performance.now();
-  return a == null || a(), p.onfinish = () => {
-    y && (y = !1, f());
+  let p = !0;
+  const k = performance.now();
+  return l == null || l(), y.onfinish = () => {
+    p && (p = !1, m());
   }, {
     stop: () => {
-      y && (y = !1, p.cancel());
+      p && (p = !1, y.cancel());
     },
     getPosition: () => {
-      if (!y)
-        return E.position;
-      const C = performance.now() - R;
-      return H(m, C).position;
+      if (!p)
+        return v.position;
+      const T = performance.now() - k;
+      return H(u, T).position;
     },
     getVelocity: () => {
-      if (!y)
+      if (!p)
         return 0;
-      const C = performance.now() - R;
-      return H(m, C).velocity;
+      const T = performance.now() - k;
+      return H(u, T).velocity;
     },
-    isRunning: () => y
+    isRunning: () => p
   };
 }
-function ut(e) {
+function ft(e) {
+  const {
+    element: i,
+    frames: t,
+    duration: n,
+    easing: r = "linear",
+    from: o,
+    to: s,
+    onComplete: m,
+    onStart: l
+  } = e, u = t[0];
+  if (u)
+    for (const S of Object.keys(u))
+      S === "offset" || S === "easing" || S === "composite" || (i.style[S] = "");
+  const h = i.animate(t, {
+    duration: n,
+    fill: "forwards",
+    easing: r,
+    composite: "replace"
+  });
+  let v = !0;
+  const A = performance.now();
+  return l == null || l(), h.onfinish = () => {
+    v && (v = !1, m());
+  }, {
+    stop: () => {
+      v && (v = !1, h.cancel());
+    },
+    // Linear progress mapped onto [from, to] — used by MultiAnimator for
+    // stagger thresholds. The actual visual motion is whatever the keyframes
+    // dictate; this mapping just gives the orchestration layer a monotonic
+    // progress signal.
+    getPosition: () => {
+      if (!v) return s;
+      const S = performance.now() - A, y = Math.min(Math.max(S / n, 0), 1);
+      return o + (s - o) * y;
+    },
+    // Baked animations don't expose velocity — interruption/resumption isn't
+    // supported here (you can stop, but can't resume mid-flight with momentum).
+    getVelocity: () => 0,
+    isRunning: () => v
+  };
+}
+function mt(e) {
   const { to: i, onStart: t, onComplete: n } = e;
   return t == null || t(), n(), {
     stop: () => {
@@ -209,32 +253,61 @@ function ut(e) {
     isRunning: () => !1
   };
 }
-class ft {
+class dt {
   /**
    * Get bound runner based on animation mode
    *
-   * @param options Animation mode options (tick or css)
+   * @param options Animation mode options — exactly one of tick / css / keyframes
    * @returns Bound runner function (empty runner if no animation mode specified)
-   * @throws Error if both tick and css are provided
+   * @throws Error if more than one mode is provided
    */
   static from(i) {
-    const { tick: t, css: n } = i;
-    if (t && n)
-      throw new Error("Cannot use both 'tick' and 'css' options together");
-    return n ? (r) => lt({
-      ...r,
-      element: n.element,
-      style: n.style
-    }) : t ? (r) => st({
-      ...r,
-      onUpdate: t
-    }) : ut;
+    const { tick: t, css: n, keyframes: r } = i;
+    if ((t ? 1 : 0) + (n ? 1 : 0) + (r ? 1 : 0) > 1)
+      throw new Error(
+        "Cannot use more than one of 'tick', 'css', 'keyframes' together"
+      );
+    return r ? (s) => ft({
+      element: r.element,
+      frames: r.frames,
+      duration: r.duration,
+      easing: r.easing,
+      from: s.from,
+      to: s.to,
+      onComplete: s.onComplete,
+      onStart: s.onStart
+    }) : n ? (s) => {
+      if (!s.integrator)
+        throw new Error("css mode requires an integrator");
+      return ut({
+        integrator: s.integrator,
+        from: s.from,
+        to: s.to,
+        velocity: s.velocity,
+        onComplete: s.onComplete,
+        onStart: s.onStart,
+        element: n.element,
+        style: n.style
+      });
+    } : t ? (s) => {
+      if (!s.integrator)
+        throw new Error("tick mode requires an integrator");
+      return at({
+        integrator: s.integrator,
+        from: s.from,
+        to: s.to,
+        velocity: s.velocity,
+        onComplete: s.onComplete,
+        onStart: s.onStart,
+        onUpdate: t
+      });
+    } : mt;
   }
 }
-class $ {
+class Z {
 }
-const mt = { stiffness: 300, damping: 30 };
-class U extends $ {
+const ht = { stiffness: 300, damping: 30 };
+class K extends Z {
   constructor(t) {
     super();
     d(this, "options");
@@ -244,6 +317,7 @@ class U extends $ {
     d(this, "currentValue");
     d(this, "currentVelocity", 0);
     d(this, "updateFn");
+    d(this, "isKeyframesMode");
     if (this.options = {
       from: t.from ?? 0,
       to: t.to ?? 1,
@@ -251,7 +325,7 @@ class U extends $ {
       onComplete: t.onComplete ?? (() => {
       }),
       onStart: t.onStart
-    }, this.currentValue = this.options.from, t.tick)
+    }, this.currentValue = this.options.from, this.isKeyframesMode = !!t.keyframes, t.tick)
       this.updateFn = (n) => {
         var r;
         return (r = t.tick) == null ? void 0 : r.call(t, n);
@@ -259,16 +333,17 @@ class U extends $ {
     else if (t.css) {
       const { element: n, style: r } = t.css;
       this.updateFn = (o) => {
-        const u = r(o);
-        for (const [f, a] of Object.entries(u))
-          n.style[f] = typeof a == "number" ? String(a) : a;
+        const s = r(o);
+        for (const [m, l] of Object.entries(s))
+          n.style[m] = typeof l == "number" ? String(l) : l;
       };
     } else
       this.updateFn = () => {
       };
-    this.runner = ft.from({
+    this.runner = dt.from({
       tick: t.tick,
-      css: t.css
+      css: t.css,
+      keyframes: t.keyframes
     });
   }
   /**
@@ -285,14 +360,16 @@ class U extends $ {
    */
   createIntegrator() {
     const t = this.options.physics;
-    return t != null && t.integrator ? t.integrator() : t != null && t.spring || t != null && t.inertia ? it.from({
+    return t != null && t.integrator ? t.integrator() : t != null && t.spring || t != null && t.inertia ? ot.from({
       spring: t.spring,
       inertia: t.inertia
-    }) : new rt(mt);
+    }) : new rt(ht);
   }
   runAnimation(t) {
     this.isAnimating = !0, this.controls = this.runner({
-      integrator: this.createIntegrator(),
+      // Keyframes mode plays a pre-baked WAAPI animation — no integrator
+      // needed. tick/css modes still require one.
+      integrator: this.isKeyframesMode ? void 0 : this.createIntegrator(),
       from: this.currentValue,
       to: t,
       velocity: this.currentVelocity,
@@ -344,7 +421,7 @@ class U extends $ {
     this.options = { ...this.options, ...t };
   }
 }
-class D extends $ {
+class D extends Z {
   constructor(t) {
     super();
     d(this, "config");
@@ -368,12 +445,13 @@ class D extends $ {
   }
   initializeAnimators() {
     this.config.items.forEach((t, n) => {
-      const r = this.generateId(), o = new U({
+      const r = this.generateId(), o = new K({
         from: this.from,
         to: this.to,
         physics: t.physics,
         tick: t.tick,
         css: t.css,
+        keyframes: t.keyframes,
         onComplete: () => this.onAnimatorComplete(r),
         onStart: t.onStart
       });
@@ -402,9 +480,9 @@ class D extends $ {
     return this.direction === "forward" ? this.itemOrder : [...this.itemOrder].reverse();
   }
   onAnimatorComplete(t) {
-    var r, o, u, f, a, m;
+    var r, o, s, m, l, u;
     const n = this.animators.get(t);
-    !n || this.completedAnimators.has(t) || (this.completedAnimators.add(t), this.completedCount++, (o = (r = n.item).onComplete) == null || o.call(r), (f = (u = this.config).onProgress) == null || f.call(u, this.completedCount, this.config.items.length), this.completedCount === this.config.items.length && (this.stopScheduler(), (m = (a = this.config).onEnd) == null || m.call(a)));
+    !n || this.completedAnimators.has(t) || (this.completedAnimators.add(t), this.completedCount++, (o = (r = n.item).onComplete) == null || o.call(r), (m = (s = this.config).onProgress) == null || m.call(s, this.completedCount, this.config.items.length), this.completedCount === this.config.items.length && (this.stopScheduler(), (u = (l = this.config).onEnd) == null || u.call(l)));
   }
   /**
    * Check and start springs based on previous spring's progress
@@ -419,10 +497,10 @@ class D extends $ {
         this.startAnimator(r);
         continue;
       }
-      const u = t[n - 1], f = this.animators.get(u);
-      if (!f || !f.started) continue;
-      const a = this.getAnimatorProgress(f), m = o.item.normalizedOffset;
-      a >= m && this.startAnimator(r);
+      const s = t[n - 1], m = this.animators.get(s);
+      if (!m || !m.started) continue;
+      const l = this.getAnimatorProgress(m), u = o.item.normalizedOffset;
+      l >= u && this.startAnimator(r);
     }
   }
   startAnimator(t) {
@@ -470,12 +548,13 @@ class D extends $ {
         return;
       const n = t.animator.getCurrentState();
       if (n.position === n.to) {
-        const o = new U({
+        const o = new K({
           from: this.to,
           to: this.from,
           physics: t.item.physics,
           tick: t.item.tick,
           css: t.item.css,
+          keyframes: t.item.keyframes,
           onComplete: () => this.onAnimatorComplete(t.id),
           onStart: t.item.onStart
         });
@@ -540,7 +619,7 @@ class D extends $ {
     return new D({ ...n, state: t });
   }
 }
-const Z = Symbol.for("TRANSITION_STRATEGY"), dt = (e) => ({
+const J = Symbol.for("TRANSITION_STRATEGY"), gt = (e) => ({
   runIn: async (i) => {
     const { currentAnimation: t } = e;
     if (t && t.direction === "out") {
@@ -607,7 +686,7 @@ const Z = Symbol.for("TRANSITION_STRATEGY"), dt = (e) => ({
       direction: "forward"
     };
   }
-}), ht = () => ({
+}), yt = () => ({
   runIn: async (e) => e.in ? {
     config: await e.in,
     state: {
@@ -644,25 +723,25 @@ const Z = Symbol.for("TRANSITION_STRATEGY"), dt = (e) => ({
     to: 0,
     direction: "forward"
   }
-}), J = "data-ssgoi-scope", Q = "data-ssgoi-scope-ready";
-function zt() {
+}), Q = "data-ssgoi-scope", tt = "data-ssgoi-scope-ready";
+function Nt() {
   return (e) => {
     if (e)
-      return e.setAttribute(J, ""), queueMicrotask(() => {
+      return e.setAttribute(Q, ""), queueMicrotask(() => {
         queueMicrotask(() => {
-          e.setAttribute(Q, "true");
+          e.setAttribute(tt, "true");
         });
       }), () => {
       };
   };
 }
-function gt(e) {
-  return e.hasAttribute(Q);
-}
 function wt(e) {
-  return e.closest(`[${J}]`);
+  return e.hasAttribute(tt);
+}
+function pt(e) {
+  return e.closest(`[${Q}]`);
 }
-const pt = (e) => {
+const vt = (e) => {
   let i = e.parentElement;
   for (; i && i !== document.body; ) {
     const t = window.getComputedStyle(i), n = t.overflow + t.overflowY + t.overflowX;
@@ -671,7 +750,7 @@ const pt = (e) => {
     i = i.parentElement;
   }
   return document.documentElement;
-}, yt = (e) => {
+}, St = (e) => {
   let i = e.parentElement;
   for (; i && i !== document.body; ) {
     const t = window.getComputedStyle(i).position;
@@ -681,7 +760,7 @@ const pt = (e) => {
   }
   return document.body;
 };
-function B(e) {
+function U(e) {
   return new Promise((i) => {
     requestAnimationFrame(() => {
       requestAnimationFrame(() => {
@@ -690,104 +769,104 @@ function B(e) {
     });
   });
 }
-function vt(e, i) {
-  var T;
+function At(e, i) {
+  var S;
   let t = null, n = null, r = null, o = null;
-  const u = {
+  const s = {
     get currentAnimation() {
       return t;
     }
-  }, f = ((T = i == null ? void 0 : i.strategy) == null ? void 0 : T.call(i, u)) || dt(u), a = async (p) => {
-    var h, S;
+  }, m = ((S = i == null ? void 0 : i.strategy) == null ? void 0 : S.call(i, s)) || gt(s), l = async (y) => {
+    var g, E;
     n && (n.remove(), n = null);
-    const y = e(), R = y.in && y.in(p), C = !(i != null && i.strategy) && y.out ? y.out(p) : void 0;
-    if (!R)
+    const p = e(), k = p.in && p.in(y), T = !(i != null && i.strategy) && p.out ? p.out(y) : void 0;
+    if (!k)
       return;
-    const g = {
-      in: F(R),
-      out: C ? F(C) : void 0
-    }, l = await f.runIn(g);
-    if (!l.config) {
+    const w = {
+      in: F(k),
+      out: T ? F(T) : void 0
+    }, f = await m.runIn(w);
+    if (!f.config) {
       t && (t.direction = "in");
       return;
     }
-    const s = l.config;
-    (h = s.prepare) == null || h.call(s);
-    const v = W(
+    const a = f.config;
+    (g = a.prepare) == null || g.call(a);
+    const C = W(
       {
-        ...s,
+        ...a,
         onEnd: () => {
           var b;
-          t = null, (b = s.onEnd) == null || b.call(s);
+          t = null, (b = a.onEnd) == null || b.call(a);
         }
       },
-      p
+      y
     );
-    s.wait && await s.wait();
-    const c = D.fromState(l.state, {
-      config: v,
-      from: l.from,
-      to: l.to
+    a.wait && await a.wait();
+    const c = D.fromState(f.state, {
+      config: C,
+      from: f.from,
+      to: f.to
     });
-    t = { controller: c, direction: "in" }, (S = s.onReady) == null || S.call(s), await B(), l.direction === "forward" ? c.forward() : c.backward();
-  }, m = async (p) => {
-    var S, b;
-    n = p;
-    const y = e(), R = !(i != null && i.strategy) && y.in ? y.in(p) : void 0, C = y.out && y.out(p);
-    if (!C)
+    t = { controller: c, direction: "in" }, (E = a.onReady) == null || E.call(a), await U(), f.direction === "forward" ? c.forward() : c.backward();
+  }, u = async (y) => {
+    var E, b;
+    n = y;
+    const p = e(), k = !(i != null && i.strategy) && p.in ? p.in(y) : void 0, T = p.out && p.out(y);
+    if (!T)
       return;
-    const g = {
-      in: R ? F(R) : void 0,
-      out: F(C)
-    }, l = await f.runOut(g);
-    if (!l.config) {
+    const w = {
+      in: k ? F(k) : void 0,
+      out: F(T)
+    }, f = await m.runOut(w);
+    if (!f.config) {
       t && (t.direction = "out"), n && (n.remove(), n = null);
       return;
     }
-    const s = l.config;
-    h(), (S = s.prepare) == null || S.call(s);
-    const v = W(
+    const a = f.config;
+    g(), (E = a.prepare) == null || E.call(a);
+    const C = W(
       {
-        ...s,
+        ...a,
         onEnd: () => {
-          var k, M;
-          (k = s.onEnd) == null || k.call(s), n && (n.remove(), n = null), t = null, (M = i == null ? void 0 : i.onCleanupEnd) == null || M.call(i);
+          var R, M;
+          (R = a.onEnd) == null || R.call(a), n && (n.remove(), n = null), t = null, (M = i == null ? void 0 : i.onCleanupEnd) == null || M.call(i);
         }
       },
-      p
+      y
     );
-    s.wait && await s.wait();
-    const c = D.fromState(l.state, {
-      config: v,
-      from: l.from,
-      to: l.to
+    a.wait && await a.wait();
+    const c = D.fromState(f.state, {
+      config: C,
+      from: f.from,
+      to: f.to
     });
-    t = { controller: c, direction: "out" }, (b = s.onReady) == null || b.call(s), await B(), l.direction === "forward" ? c.forward() : c.backward();
-    function h() {
+    t = { controller: c, direction: "out" }, (b = a.onReady) == null || b.call(a), await U(), f.direction === "forward" ? c.forward() : c.backward();
+    function g() {
       !r || !n || (o && r.contains(o) ? r.insertBefore(n, o) : r.appendChild(n));
     }
   };
-  let w = null, E = !1;
-  const A = (p) => () => {
-    if (E) return;
-    E = !0;
-    const y = p.cloneNode(!0);
-    w ? queueMicrotask(() => {
-      document.contains(w) && m(y);
-    }) : m(y);
+  let h = null, v = !1;
+  const A = (y) => () => {
+    if (v) return;
+    v = !0;
+    const p = y.cloneNode(!0);
+    h ? queueMicrotask(() => {
+      document.contains(h) && u(p);
+    }) : u(p);
   };
-  return (p) => {
-    if (p)
+  return (y) => {
+    if (y)
       return requestAnimationFrame(() => {
-        r = p.parentElement, o = p.nextElementSibling;
-      }), E = !1, (i == null ? void 0 : i.scope) === "local" ? queueMicrotask(() => {
-        w = wt(p), !(w && !gt(w)) && a(p);
-      }) : a(p), A(p);
+        r = y.parentElement, o = y.nextElementSibling;
+      }), v = !1, (i == null ? void 0 : i.scope) === "local" ? queueMicrotask(() => {
+        h = pt(y), !(h && !wt(h)) && l(y);
+      }) : l(y), A(y);
   };
 }
 const P = /* @__PURE__ */ new Map();
-let I = null, N = !1;
-function tt(e) {
+let I = null, q = !1;
+function et(e) {
   if (e instanceof HTMLElement && P.has(e)) {
     const t = P.get(e);
     P.delete(e), queueMicrotask(() => {
@@ -797,16 +876,16 @@ function tt(e) {
   const i = e.childNodes;
   for (let t = 0; t < i.length; t++) {
     const n = i[t];
-    n && tt(n);
+    n && et(n);
   }
 }
-function St() {
-  N || typeof document > "u" || (N = !0, I = new MutationObserver((e) => {
+function Ct() {
+  q || typeof document > "u" || (q = !0, I = new MutationObserver((e) => {
     for (const i of e) {
       const t = i.removedNodes;
       for (let n = 0; n < t.length; n++) {
         const r = t[n];
-        r && tt(r);
+        r && et(r);
       }
     }
   }), document.body ? I.observe(document.body, {
@@ -824,54 +903,54 @@ function St() {
   ));
 }
 function Et(e, i) {
-  St(), P.set(e, i);
+  Ct(), P.set(e, i);
 }
-function Nt(e) {
+function Xt(e) {
   return P.has(e);
 }
-function qt() {
+function Wt() {
   return P.size;
 }
-function Xt(e) {
+function Ht(e) {
   const i = P.get(e);
   return i ? (P.delete(e), i(), !0) : !1;
 }
-function Wt() {
-  P.clear(), I == null || I.disconnect(), I = null, N = !1;
+function Kt() {
+  P.clear(), I == null || I.disconnect(), I = null, q = !1;
 }
-const L = /* @__PURE__ */ new Map(), q = /* @__PURE__ */ new Map(), X = /* @__PURE__ */ new Map();
-function At(e, i, t) {
-  L.set(e, i);
-  let n = q.get(e);
+const O = /* @__PURE__ */ new Map(), N = /* @__PURE__ */ new Map(), X = /* @__PURE__ */ new Map();
+function Tt(e, i, t) {
+  O.set(e, i);
+  let n = N.get(e);
   if (n)
     return n;
   const r = i;
-  return n = vt(
+  return n = At(
     () => {
-      const o = L.get(e);
+      const o = O.get(e);
       return o || (console.warn(`Transition "${String(e)}" not found`), {});
     },
     {
       strategy: t == null ? void 0 : t.strategy,
       scope: t == null ? void 0 : t.scope,
       onCleanupEnd: () => {
-        L.get(e) === r && Tt(e);
+        O.get(e) === r && bt(e);
       }
     }
-  ), q.set(e, n), n;
+  ), N.set(e, n), n;
 }
-function Tt(e) {
-  L.delete(e), q.delete(e), X.delete(e);
+function bt(e) {
+  O.delete(e), N.delete(e), X.delete(e);
 }
-function Ht(e, i = "manual") {
-  const t = At(
+function Ut(e, i = "manual") {
+  const t = Tt(
     e.key,
     {
       in: e.in,
       out: e.out
     },
     {
-      strategy: e[Z],
+      strategy: e[J],
       scope: e.scope
     }
   );
@@ -885,7 +964,7 @@ function Ht(e, i = "manual") {
     }
   }, X.set(e.key, n), n);
 }
-function Ct(e) {
+function kt(e) {
   const i = e.filter((t) => t.symmetric).map((t) => ({
     from: t.to,
     to: t.from,
@@ -902,7 +981,7 @@ function V(e, i) {
   }
   return e === i;
 }
-function bt(e, i, t) {
+function Rt(e, i, t) {
   for (const n of t)
     if (V(e, n.from) && V(i, n.to))
       return n.transition;
@@ -911,158 +990,162 @@ function bt(e, i, t) {
       return n.transition;
   return null;
 }
-const Rt = 768, kt = 10, It = 10;
-function Pt(e = {}) {
+const It = 768, Pt = 10, Mt = 10;
+function Vt(e = {}) {
   const { preserveScroll: i = (c) => c } = e, t = typeof i == "function" ? i : () => i;
   let n = null, r = !1, o = !1;
-  const u = () => {
-    const c = (n == null ? void 0 : n.clientWidth) ?? 0, h = c > 0 ? c : typeof window < "u" ? window.innerWidth : 0;
-    return h > 0 && h < Rt;
-  }, f = () => (o || (r = u(), o = !0), r), a = (c) => {
-    const h = t(f());
-    return h === !1 ? !1 : h === !0 ? !0 : !h.exclude.some((S) => V(c, S));
+  const s = () => {
+    const c = (n == null ? void 0 : n.clientWidth) ?? 0, g = c > 0 ? c : typeof window < "u" ? window.innerWidth : 0;
+    return g > 0 && g < It;
+  }, m = () => (o || (r = s(), o = !0), r), l = (c) => {
+    const g = t(m());
+    return g === !1 ? !1 : g === !0 ? !0 : !g.exclude.some((E) => V(c, E));
   };
-  let m = null;
-  const w = /* @__PURE__ */ new Map();
-  let E = null, A = !1, T = 0;
-  const p = () => {
-    n && E && !A && w.set(E, {
+  let u = null;
+  const h = /* @__PURE__ */ new Map();
+  let v = null, A = !1, S = 0;
+  const y = () => {
+    n && v && !A && h.set(v, {
       x: n.scrollLeft,
       y: n.scrollTop
     });
-  }, y = (c) => {
+  }, p = (c) => {
     if (!n) return;
-    const h = a(c) && w.has(c) ? w.get(c) : { x: 0, y: 0 };
-    let S = 0;
+    const g = l(c) && h.has(c) ? h.get(c) : { x: 0, y: 0 };
+    let E = 0;
     const b = () => {
       if (!n) return;
       n.scrollTo({
-        top: h.y,
-        left: h.x
-      }), !(Math.abs(n.scrollTop - h.y) < 1 && Math.abs(n.scrollLeft - h.x) < 1) && S < kt && (S++, requestAnimationFrame(b));
+        top: g.y,
+        left: g.x
+      }), !(Math.abs(n.scrollTop - g.y) < 1 && Math.abs(n.scrollLeft - g.x) < 1) && E < Pt && (E++, requestAnimationFrame(b));
     };
     requestAnimationFrame(b);
   };
   return {
-    initializeContext: (c, h) => {
+    initializeContext: (c, g) => {
       A = !0;
-      const S = ++T;
-      m = c, n || (n = pt(c), r = u(), o = !0, typeof ResizeObserver < "u" && new ResizeObserver(() => {
-        r = u();
-      }).observe(n), (n === document.documentElement ? window : n).addEventListener("scroll", p, {
+      const E = ++S;
+      u = c, n || (n = vt(c), r = s(), o = !0, typeof ResizeObserver < "u" && new ResizeObserver(() => {
+        r = s();
+      }).observe(n), (n === document.documentElement ? window : n).addEventListener("scroll", y, {
         passive: !0
-      })), E = h, y(h);
+      })), v = g, p(g);
       let b = 0;
-      const k = () => {
-        S === T && (b++, b >= It ? A = !1 : requestAnimationFrame(k));
+      const R = () => {
+        E === S && (b++, b >= Mt ? A = !1 : requestAnimationFrame(R));
       };
-      requestAnimationFrame(k);
+      requestAnimationFrame(R);
     },
-    calculateScrollOffset: (c, h) => {
-      const S = c && w.has(c) ? w.get(c) : { x: 0, y: 0 }, b = h && a(h) && w.has(h) ? w.get(h) : { x: 0, y: 0 };
+    calculateScrollOffset: (c, g) => {
+      const E = c && h.has(c) ? h.get(c) : { x: 0, y: 0 }, b = g && l(g) && h.has(g) ? h.get(g) : { x: 0, y: 0 };
       return {
-        x: -b.x + S.x,
-        y: -b.y + S.y
+        x: -b.x + E.x,
+        y: -b.y + E.y
       };
     },
     evictScrollPosition: (c) => {
-      w.delete(c);
+      h.delete(c);
     },
-    shouldPreserve: a,
+    shouldPreserve: l,
     getScrollContainer: () => n,
-    getPositionedParentElement: () => m ? yt(m) : document.body,
-    getScrollPosition: (c) => c && w.has(c) ? w.get(c) : { x: 0, y: 0 }
+    getPositionedParentElement: () => u ? St(u) : document.body,
+    getScrollPosition: (c) => c && h.has(c) ? h.get(c) : { x: 0, y: 0 }
   };
 }
-const Y = 30, j = 8, G = 1.2, Mt = 30, Vt = 600;
-function xt() {
+const j = 30, B = 8, Y = 1.2, G = 30, xt = 600;
+function Ft() {
   let e = null, i = !1, t = !1, n = null, r = null, o = !1;
-  const u = (g, l) => {
-    for (let s = 0; s < g.length; s++) {
-      const v = g.item(s);
-      if (v && v.identifier === l) return v;
+  const s = (w, f) => {
+    for (let a = 0; a < w.length; a++) {
+      const C = w.item(a);
+      if (C && C.identifier === f) return C;
     }
     return null;
-  }, f = () => {
+  }, m = () => {
     n !== null && (clearTimeout(n), n = null);
-  }, a = () => {
+  }, l = () => {
     r !== null && (clearTimeout(r), r = null);
-  }, m = () => {
-    i = !0, t = !0, f(), a(), n = setTimeout(() => {
+  }, u = () => {
+    i = !0, t = !0, m(), l(), n = setTimeout(() => {
       i = !1, t = !1, n = null;
-    }, Vt);
-  }, w = (g) => {
-    if (g.touches.length !== 1) {
+    }, xt);
+  }, h = (w) => {
+    if (w.touches.length !== 1) {
       e = null;
       return;
     }
-    const l = g.touches.item(0);
-    if (!l) {
+    const f = w.touches.item(0);
+    if (!f) {
       e = null;
       return;
     }
-    const s = window.innerWidth, v = l.clientX <= Y, c = l.clientX >= s - Y;
-    if (!v && !c) {
+    const a = window.innerWidth, C = f.clientX <= j, c = f.clientX >= a - j;
+    if (!C && !c) {
       e = null;
       return;
     }
     e = {
-      identifier: l.identifier,
-      startX: l.clientX,
-      startY: l.clientY,
-      fromLeftEdge: v,
+      identifier: f.identifier,
+      startX: f.clientX,
+      startY: f.clientY,
+      fromLeftEdge: C,
       moved: !1
     };
-  }, E = (g) => {
+  }, v = (w) => {
     if (!e) return;
-    if (g.touches.length !== 1) {
+    if (w.touches.length !== 1) {
       e = null;
       return;
     }
-    const l = u(g.touches, e.identifier);
-    if (!l) {
+    const f = s(w.touches, e.identifier);
+    if (!f) {
       e = null;
       return;
     }
-    const s = l.clientX - e.startX, v = l.clientY - e.startY, c = Math.abs(s), h = Math.abs(v);
-    if (h > j && h > c * G) {
+    const a = f.clientX - e.startX, C = f.clientY - e.startY, c = Math.abs(a), g = Math.abs(C);
+    if (g > B && g > c * Y) {
       e = null;
       return;
     }
-    const S = e.fromLeftEdge ? s > 0 : s < 0;
-    c > j && c > h * G && S && (e.moved = !0);
-  }, A = (g) => {
+    const E = e.fromLeftEdge ? a > 0 : a < 0;
+    c > B && c > g * Y && E && (e.moved = !0);
+  }, A = (w) => {
     if (!e) return;
-    const l = u(g.changedTouches, e.identifier);
-    if (!l) {
+    const f = s(w.changedTouches, e.identifier);
+    if (!f) {
       e = null;
       return;
     }
-    const s = l.clientX - e.startX, v = e.fromLeftEdge ? s > 0 : s < 0;
-    e.moved && v && Math.abs(s) >= Mt && m(), e = null;
-  }, T = () => {
-    e && (e.moved && m(), e = null);
+    const a = f.clientX - e.startX, C = e.fromLeftEdge ? a > 0 : a < 0;
+    if (e.moved && C && Math.abs(a) >= G) {
+      u(), e = null;
+      return;
+    }
+    e.moved && Math.abs(a) >= G && u(), e = null;
+  }, S = () => {
+    e && (e.moved && u(), e = null);
   };
   return { initialize: () => {
     if (typeof window > "u" || o) return;
     o = !0;
-    const g = { passive: !0, capture: !0 };
-    window.addEventListener("touchstart", w, g), window.addEventListener("touchmove", E, g), window.addEventListener("touchend", A, g), window.addEventListener("touchcancel", T, g);
+    const w = { passive: !0, capture: !0 };
+    window.addEventListener("touchstart", h, w), window.addEventListener("touchmove", v, w), window.addEventListener("touchend", A, w), window.addEventListener("touchcancel", S, w);
   }, destroy: () => {
     if (typeof window > "u" || !o) return;
     o = !1;
-    const g = { capture: !0 };
-    window.removeEventListener("touchstart", w, g), window.removeEventListener("touchmove", E, g), window.removeEventListener("touchend", A, g), window.removeEventListener("touchcancel", T, g), f(), a(), e = null, i = !1, t = !1;
+    const w = { capture: !0 };
+    window.removeEventListener("touchstart", h, w), window.removeEventListener("touchmove", v, w), window.removeEventListener("touchend", A, w), window.removeEventListener("touchcancel", S, w), m(), l(), e = null, i = !1, t = !1;
   }, isSwipeBack: () => {
-    const g = i || t;
-    return g && f(), g;
+    const w = i || t;
+    return w && m(), w;
   }, onPageEnter: () => {
-    i = !1, f(), a(), r = setTimeout(() => {
+    i = !1, m(), l(), r = setTimeout(() => {
       t = !1, r = null;
     }, 0);
   } };
 }
-function Ft() {
+function Lt() {
   let e = null;
   function i() {
     if (e != null && e.from && (e != null && e.to) && (e != null && e.outResolve) && (e != null && e.inResolve)) {
@@ -1108,100 +1191,101 @@ function Ot() {
     }
   };
 }
-function Ut(e, i) {
+function jt(e, i) {
   const {
     transitions: t = [],
     defaultTransition: n,
-    middleware: r = (l, s) => ({ from: l, to: s }),
+    middleware: r = (f, a) => ({ from: f, to: a }),
     // Identity function as default
-    preserveScroll: o = (l) => l
-  } = e, { outFirst: u = !0 } = i || {}, f = u ? Ft() : Ot(), a = Ct(t), m = xt();
-  m.initialize();
+    preserveScroll: o = (f) => f
+  } = e, { outFirst: s = !0 } = i || {}, m = s ? Lt() : Ot(), l = kt(t), u = Ft();
+  u.initialize();
   const {
-    initializeContext: w,
-    calculateScrollOffset: E,
+    initializeContext: h,
+    calculateScrollOffset: v,
     evictScrollPosition: A,
-    shouldPreserve: T,
-    getScrollContainer: p,
-    getPositionedParentElement: y,
-    getScrollPosition: R
-  } = Pt({
+    shouldPreserve: S,
+    getScrollContainer: y,
+    getPositionedParentElement: p,
+    getScrollPosition: k
+  } = Vt({
     preserveScroll: o
-  }), C = async (l, s) => {
-    const v = m.isSwipeBack();
-    f.trigger(l, s);
-    const c = await f.get(s);
-    if (s === "in" && m.onPageEnter(), !c) return () => ({});
-    if (v)
-      return s === "out" && c.from && !T(c.from) && A(c.from), () => ({});
-    const { from: h, to: S } = r(
+  }), T = async (f, a) => {
+    const C = u.isSwipeBack();
+    m.trigger(f, a);
+    const c = await m.get(a);
+    if (a === "in" && u.onPageEnter(), !c) return () => ({});
+    if (C)
+      return a === "out" && c.from && !S(c.from) && A(c.from), () => ({});
+    const { from: g, to: E } = r(
       c.from,
       c.to
-    ), k = bt(
-      h,
-      S,
-      a
+    ), R = Rt(
+      g,
+      E,
+      l
     ) || n;
-    if (!k) return () => ({});
-    const M = E(c.from, c.to);
-    if (s === "out") {
+    if (!R) return () => ({});
+    const M = v(c.from, c.to);
+    if (a === "out") {
       const x = {
         scrollOffset: M,
-        scroll: R(c.from),
+        scroll: k(c.from),
         get scrollingElement() {
-          return p() || document.documentElement;
+          return y() || document.documentElement;
         },
         get positionedParent() {
-          return y();
+          return p();
         }
       };
-      return c.from && !T(c.from) && A(c.from), (_) => k.out(_, x);
+      return c.from && !S(c.from) && A(c.from), (_) => R.out(_, x);
     } else {
       const x = {
         scrollOffset: M,
         get scroll() {
-          return R(c.to);
+          return k(c.to);
         },
         get scrollingElement() {
-          return p() || document.documentElement;
+          return y() || document.documentElement;
         },
         get positionedParent() {
-          return y();
+          return p();
         }
       };
-      return (_) => k.in(_, x);
+      return (_) => R.in(_, x);
     }
   };
-  return (l) => ({
-    key: l,
-    in: async (s) => (w(s, l), (await C(l, "in"))(s)),
-    out: async (s) => (await C(l, "out"))(s),
+  return (f) => ({
+    key: f,
+    in: async (a) => (h(a, f), (await T(f, "in"))(a)),
+    out: async (a) => (await T(f, "out"))(a),
     // Add page transition strategy for page-level transitions
-    [Z]: ht
+    [J]: yt
   });
 }
 export {
-  J as SCOPE_ATTR,
-  Q as SCOPE_READY_ATTR,
-  Z as TRANSITION_STRATEGY,
+  Q as SCOPE_ATTR,
+  tt as SCOPE_READY_ATTR,
+  J as TRANSITION_STRATEGY,
   Ot as createAnyOrderDetector,
-  dt as createDefaultStrategy,
-  Ft as createOutFirstDetector,
-  ht as createPageTransitionStrategy,
-  Ut as createSggoiTransitionContext,
-  zt as createTransitionScope,
-  wt as findScope,
-  qt as getWatchedCount,
-  jt as isCssAnimation,
-  Gt as isMultiAnimation,
-  gt as isScopeReady,
-  Kt as isSingleAnimation,
-  $t as isTickAnimation,
-  Nt as isWatched,
+  gt as createDefaultStrategy,
+  Lt as createOutFirstDetector,
+  yt as createPageTransitionStrategy,
+  jt as createSggoiTransitionContext,
+  Nt as createTransitionScope,
+  pt as findScope,
+  Wt as getWatchedCount,
+  Gt as isCssAnimation,
+  $t as isKeyframesAnimation,
+  Zt as isMultiAnimation,
+  wt as isScopeReady,
+  Jt as isSingleAnimation,
+  Qt as isTickAnimation,
+  Xt as isWatched,
   W as normalizeSchedule,
   F as normalizeToMultiAnimation,
-  Wt as resetObserver,
-  Ht as transition,
-  Xt as triggerUnmount,
+  Kt as resetObserver,
+  Ut as transition,
+  Ht as triggerUnmount,
   Et as watchUnmount
 };