@ssgoi/core 4.0.0 → 4.1.0

package/dist/index.js

@@ -1,10 +1,10 @@
-var K = Object.defineProperty;
-var J = (n, i, t) => i in n ? K(n, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[i] = t;
-var d = (n, i, t) => J(n, typeof i != "symbol" ? i + "" : i, t);
-import { normalizeToMultiSpring as P, normalizeMultiSpringSchedule as U } from "./types.js";
-import { isCssAnimation as Ot, isMultiSpring as Lt, isSingleSpring as Dt, isTickAnimation as zt, validateAnimationMode as Nt, validateSpringItem as qt } from "./types.js";
-import { S as X, I as Q, a as Z } from "./provider-CMBovM_W.js";
-class tt {
+var J = Object.defineProperty;
+var Q = (n, i, t) => i in n ? J(n, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[i] = t;
+var d = (n, i, t) => Q(n, typeof i != "symbol" ? i + "" : i, t);
+import { normalizeToMultiAnimation as R, normalizeSchedule as N } from "./types.js";
+import { isCssAnimation as Lt, isMultiAnimation as Dt, isSingleAnimation as zt, isTickAnimation as qt } from "./types.js";
+import { S as Y, I as Z, a as tt } from "./provider-Cu4NSF1Q.js";
+class et {
   constructor() {
     d(this, "listeners", /* @__PURE__ */ new Set());
     d(this, "rafId", null);
@@ -30,9 +30,9 @@ class tt {
       e > this.lagThreshold || e < 0 ? (this.startTime += e - this.adjustedLag, e = this.adjustedLag) : e > this.maxDeltaTime && (e = this.maxDeltaTime), this.lastUpdate = i;
       const o = i - this.startTime, s = o - this.nextTime;
       if (s > 0) {
-        const l = e / 1e3;
+        const c = e / 1e3;
         this.elapsed = o / 1e3, this.nextTime += s + (s >= this.gap ? 4 : this.gap - s), this.listeners.forEach((r) => {
-          r(l, this.elapsed);
+          r(c, this.elapsed);
         });
       }
       this.listeners.size > 0 ? this.rafId = requestAnimationFrame(this.tick) : (this.isRunning = !1, this.rafId = null);
@@ -68,64 +68,64 @@ class tt {
     return this.elapsed;
   }
 }
-const z = new tt();
-function et(n) {
+const D = new et();
+function it(n) {
   const {
     integrator: i,
     from: t,
     to: e,
     velocity: o = 0,
     onUpdate: s,
-    onComplete: l,
+    onComplete: c,
     onStart: r
   } = n;
-  let c = { position: t, velocity: o }, u = !0, m = 0, g = !1;
+  let a = { position: t, velocity: o }, u = !0, m = 0, g = !1;
   const y = (S) => {
     if (u) {
-      if (g || (g = !0, r == null || r()), c = i.step(c, e, S), i.isSettled(c, e)) {
-        if (m += Math.min(S, 0.033), m >= X) {
-          c = { position: e, velocity: 0 }, u = !1, s(c.position), z.unsubscribe(y), l();
+      if (g || (g = !0, r == null || r()), a = i.step(a, e, S), i.isSettled(a, e)) {
+        if (m += Math.min(S, 0.033), m >= Y) {
+          a = { position: e, velocity: 0 }, u = !1, s(a.position), D.unsubscribe(y), c();
           return;
         }
       } else
         m = 0;
-      s(c.position);
+      s(a.position);
     }
   };
-  return z.subscribe(y), {
+  return D.subscribe(y), {
     stop: () => {
-      u && (u = !1, z.unsubscribe(y));
+      u && (u = !1, D.unsubscribe(y));
     },
-    getPosition: () => c.position,
-    getVelocity: () => c.velocity,
+    getPosition: () => a.position,
+    getVelocity: () => a.velocity,
     isRunning: () => u
   };
 }
-const x = 1e3 / 60;
-function it(n, i, t, e = 0) {
-  let s = { position: i, velocity: e }, l = 0;
+const F = 1e3 / 60;
+function nt(n, i, t, e = 0) {
+  let s = { position: i, velocity: e }, c = 0;
   const r = [];
-  for (let c = 0; c < 600; c++) {
-    const u = c * x;
+  for (let a = 0; a < 600; a++) {
+    const u = a * F;
     if (r.push({
       time: u,
       position: s.position,
       velocity: s.velocity
-    }), s = n.step(s, t, x / 1e3), n.isSettled(s, t)) {
-      if (l += x / 1e3, l >= X) {
+    }), s = n.step(s, t, F / 1e3), n.isSettled(s, t)) {
+      if (c += F / 1e3, c >= Y) {
         r.push({
-          time: (c + 1) * x,
+          time: (a + 1) * F,
           position: t,
           velocity: 0
         });
         break;
       }
     } else
-      l = 0;
+      c = 0;
   }
   return r;
 }
-function H(n, i) {
+function U(n, i) {
   if (n.length === 0)
     return { position: 0, velocity: 0 };
   const t = n[0], e = n[n.length - 1];
@@ -138,63 +138,68 @@ function H(n, i) {
     const u = Math.floor((o + s) / 2);
     n[u].time <= i ? o = u : s = u;
   }
-  const l = n[o], r = n[s], c = (i - l.time) / (r.time - l.time);
+  const c = n[o], r = n[s], a = (i - c.time) / (r.time - c.time);
   return {
-    position: l.position + (r.position - l.position) * c,
-    velocity: l.velocity + (r.velocity - l.velocity) * c
+    position: c.position + (r.position - c.position) * a,
+    velocity: c.velocity + (r.velocity - c.velocity) * a
   };
 }
-function nt(n, i) {
+function rt(n, i) {
   return n.map((t) => i(t.position));
 }
-function rt(n) {
+function ot(n) {
   const {
     integrator: i,
     element: t,
     from: e,
     to: o,
     velocity: s = 0,
-    style: l,
+    style: c,
     onComplete: r,
-    onStart: c
-  } = n, u = it(i, e, o, s);
+    onStart: a
+  } = n, u = nt(i, e, o, s);
   if (u.length === 0)
-    return c == null || c(), r(), {
+    return a == null || a(), r(), {
       stop: () => {
       },
       getPosition: () => o,
       getVelocity: () => 0,
       isRunning: () => !1
     };
-  const m = nt(u, l), g = u[u.length - 1], y = g.time, S = t.animate(m, {
+  const m = rt(u, c), g = u[u.length - 1], y = g.time, S = m[0];
+  if (S)
+    for (const A of Object.keys(S))
+      t.style[A] = "";
+  const f = t.animate(m, {
     duration: y,
     fill: "forwards",
-    easing: "linear"
+    easing: "linear",
+    composite: "replace"
   });
-  let a = !0;
-  const f = performance.now();
-  return c == null || c(), S.onfinish = () => {
-    a && (a = !1, r());
+  let l = !0;
+  const E = performance.now();
+  return a == null || a(), f.onfinish = () => {
+    l && (l = !1, r());
   }, {
     stop: () => {
-      a && (a = !1, S.cancel());
+      l && (l = !1, f.cancel());
     },
     getPosition: () => {
-      if (!a)
+      if (!l)
         return g.position;
-      const A = performance.now() - f;
-      return H(u, A).position;
+      const A = performance.now() - E;
+      return U(u, A).position;
     },
     getVelocity: () => {
-      if (!a)
+      if (!l)
         return 0;
-      const A = performance.now() - f;
-      return H(u, A).velocity;
+      const A = performance.now() - E;
+      return U(u, A).velocity;
     },
-    isRunning: () => a
+    isRunning: () => l
   };
 }
-class ot {
+class st {
   /**
    * Get bound runner based on animation mode
    *
@@ -206,20 +211,20 @@ class ot {
     const { tick: t, css: e } = i;
     if (t && e)
       throw new Error("Cannot use both 'tick' and 'css' options together");
-    return e ? (o) => rt({
+    return e ? (o) => ot({
       ...o,
       element: e.element,
       style: e.style
-    }) : t ? (o) => et({
+    }) : t ? (o) => it({
       ...o,
       onUpdate: t
     }) : null;
   }
 }
-class Y {
+class j {
 }
-const st = { stiffness: 300, damping: 30 };
-class O extends Y {
+const at = { stiffness: 300, damping: 30 };
+class H extends j {
   constructor(t) {
     super();
     d(this, "options");
@@ -228,28 +233,52 @@ class O extends Y {
     d(this, "isAnimating", !1);
     d(this, "currentValue");
     d(this, "currentVelocity", 0);
-    this.options = {
+    d(this, "updateFn");
+    if (this.options = {
       from: t.from ?? 0,
       to: t.to ?? 1,
       physics: t.physics,
       onComplete: t.onComplete ?? (() => {
       }),
       onStart: t.onStart
-    }, this.currentValue = this.options.from, this.runner = ot.from({
+    }, this.currentValue = this.options.from, t.tick)
+      this.updateFn = (e) => {
+        var o;
+        return (o = t.tick) == null ? void 0 : o.call(t, e);
+      };
+    else if (t.css) {
+      const { element: e, style: o } = t.css;
+      this.updateFn = (s) => {
+        const c = o(s);
+        for (const [r, a] of Object.entries(c))
+          e.style[r] = typeof a == "number" ? String(a) : a;
+      };
+    } else
+      this.updateFn = () => {
+      };
+    this.runner = st.from({
       tick: t.tick,
       css: t.css
     });
   }
+  /**
+   * Sync element state to current progress value
+   * Uses the update callback if provided
+   */
+  syncState() {
+    var t;
+    (t = this.updateFn) == null || t.call(this, this.currentValue);
+  }
   /**
    * Create Integrator from physics options
    * Priority: integrator factory > inertia/spring config > default spring
    */
   createIntegrator() {
     const t = this.options.physics;
-    return t != null && t.integrator ? t.integrator() : t != null && t.spring || t != null && t.inertia ? Q.from({
+    return t != null && t.integrator ? t.integrator() : t != null && t.spring || t != null && t.inertia ? Z.from({
       spring: t.spring,
       inertia: t.inertia
-    }) : new Z(st);
+    }) : new tt(at);
   }
   runAnimation(t) {
     var e, o;
@@ -309,17 +338,13 @@ class O extends Y {
   updateOptions(t) {
     this.options = { ...this.options, ...t };
   }
-  static fromState(t, e) {
-    const o = new O(e);
-    return o.setValue(t.position), o.setVelocity(t.velocity), o;
-  }
 }
-class L extends Y {
+class M extends j {
   constructor(t) {
     super();
     d(this, "config");
     d(this, "animators", /* @__PURE__ */ new Map());
-    d(this, "springOrder", []);
+    d(this, "itemOrder", []);
     d(this, "completedCount", 0);
     d(this, "completedAnimators", /* @__PURE__ */ new Set());
     d(this, "direction", "forward");
@@ -327,28 +352,32 @@ class L extends Y {
     d(this, "rafId", null);
     d(this, "from");
     d(this, "to");
-    this.config = t.config, this.from = t.from, this.to = t.to, this.initializeAnimators();
+    d(this, "initialState");
+    this.config = t.config, this.from = t.from, this.to = t.to, this.initialState = t.state ?? {
+      position: t.from,
+      velocity: 0
+    }, this.initializeAnimators();
   }
   generateId() {
     return `spring_${this.idCounter++}`;
   }
   initializeAnimators() {
-    this.config.springs.forEach((t) => {
-      const e = this.generateId(), o = new O({
+    this.config.items.forEach((t, e) => {
+      const o = this.generateId(), s = new H({
         from: this.from,
         to: this.to,
         physics: t.physics,
         tick: t.tick,
         css: t.css,
-        onComplete: () => this.onAnimatorComplete(e),
+        onComplete: () => this.onAnimatorComplete(o),
         onStart: t.onStart
       });
-      this.animators.set(e, {
-        id: e,
+      (e === 0 || t.normalizedOffset === 0) && (s.setValue(this.initialState.position), s.setVelocity(this.initialState.velocity), s.syncState()), this.animators.set(o, {
+        id: o,
         item: t,
-        animator: o,
+        animator: s,
         started: !1
-      }), this.springOrder.push(e);
+      }), this.itemOrder.push(o);
     });
   }
   /**
@@ -365,12 +394,12 @@ class L extends Y {
    * Backward: n-1, n-2, ..., 0
    */
   getOrderedIds() {
-    return this.direction === "forward" ? this.springOrder : [...this.springOrder].reverse();
+    return this.direction === "forward" ? this.itemOrder : [...this.itemOrder].reverse();
   }
   onAnimatorComplete(t) {
-    var o, s, l, r, c, u;
+    var o, s, c, r, a, u;
     const e = this.animators.get(t);
-    !e || this.completedAnimators.has(t) || (this.completedAnimators.add(t), this.completedCount++, (s = (o = e.item).onComplete) == null || s.call(o), (r = (l = this.config).onProgress) == null || r.call(l, this.completedCount, this.config.springs.length), this.completedCount === this.config.springs.length && (this.stopScheduler(), (u = (c = this.config).onEnd) == null || u.call(c)));
+    !e || this.completedAnimators.has(t) || (this.completedAnimators.add(t), this.completedCount++, (s = (o = e.item).onComplete) == null || s.call(o), (r = (c = this.config).onProgress) == null || r.call(c, this.completedCount, this.config.items.length), this.completedCount === this.config.items.length && (this.stopScheduler(), (u = (a = this.config).onEnd) == null || u.call(a)));
   }
   /**
    * Check and start springs based on previous spring's progress
@@ -385,10 +414,10 @@ class L extends Y {
         this.startAnimator(o);
         continue;
       }
-      const l = t[e - 1], r = this.animators.get(l);
+      const c = t[e - 1], r = this.animators.get(c);
       if (!r || !r.started) continue;
-      const c = this.getAnimatorProgress(r), u = s.item.normalizedOffset;
-      c >= u && this.startAnimator(o);
+      const a = this.getAnimatorProgress(r), u = s.item.normalizedOffset;
+      a >= u && this.startAnimator(o);
     }
   }
   startAnimator(t) {
@@ -409,7 +438,7 @@ class L extends Y {
   }
   getFirstAnimator() {
     var e;
-    const t = this.springOrder[0];
+    const t = this.itemOrder[0];
     return t ? ((e = this.animators.get(t)) == null ? void 0 : e.animator) ?? null : null;
   }
   forward() {
@@ -436,19 +465,16 @@ class L extends Y {
         return;
       const e = t.animator.getCurrentState();
       if (e.position === e.to) {
-        const s = O.fromState(
-          { position: this.to, velocity: 0 },
-          {
-            from: this.to,
-            to: this.from,
-            physics: t.item.physics,
-            tick: t.item.tick,
-            css: t.item.css,
-            onComplete: () => this.onAnimatorComplete(t.id),
-            onStart: t.item.onStart
-          }
-        );
-        s.forward(), t.animator = s;
+        const s = new H({
+          from: this.to,
+          to: this.from,
+          physics: t.item.physics,
+          tick: t.item.tick,
+          css: t.item.css,
+          onComplete: () => this.onAnimatorComplete(t.id),
+          onStart: t.item.onStart
+        });
+        s.setValue(this.to), s.setVelocity(0), s.syncState(), s.forward(), t.animator = s;
       } else
         t.animator.reverse();
     });
@@ -506,11 +532,10 @@ class L extends Y {
    * Uses first animator's state for initialization
    */
   static fromState(t, e) {
-    const o = new L(e);
-    return o.setValue(t.position), o.setVelocity(t.velocity), o;
+    return new M({ ...e, state: t });
   }
 }
-const W = Symbol.for("TRANSITION_STRATEGY"), at = (n) => ({
+const W = Symbol.for("TRANSITION_STRATEGY"), ct = (n) => ({
   runIn: async (i) => {
     const { currentAnimation: t } = n;
     if (t && t.direction === "out") {
@@ -577,7 +602,7 @@ const W = Symbol.for("TRANSITION_STRATEGY"), at = (n) => ({
       direction: "forward"
     };
   }
-}), ct = () => ({
+}), lt = () => ({
   runIn: async (n) => n.in ? {
     config: await n.in,
     state: {
@@ -614,48 +639,76 @@ const W = Symbol.for("TRANSITION_STRATEGY"), at = (n) => ({
     to: 0,
     direction: "forward"
   }
-}), j = "data-ssgoi-scope", G = "data-ssgoi-scope-ready";
-function bt() {
+}), G = "data-ssgoi-scope", $ = "data-ssgoi-scope-ready";
+function kt() {
   return (n) => {
     if (n)
-      return n.setAttribute(j, ""), queueMicrotask(() => {
+      return n.setAttribute(G, ""), queueMicrotask(() => {
         queueMicrotask(() => {
-          n.setAttribute(G, "true");
+          n.setAttribute($, "true");
         });
       }), () => {
       };
   };
 }
-function lt(n) {
-  return n.hasAttribute(G);
-}
 function ut(n) {
-  return n.closest(`[${j}]`);
+  return n.hasAttribute($);
+}
+function ft(n) {
+  return n.closest(`[${G}]`);
+}
+const dt = (n) => {
+  let i = n.parentElement;
+  for (; i && i !== document.body; ) {
+    const t = window.getComputedStyle(i), e = t.overflow + t.overflowY + t.overflowX;
+    if (e.includes("auto") || e.includes("scroll") || i.scrollHeight > i.clientHeight || i.scrollWidth > i.clientWidth)
+      return i;
+    i = i.parentElement;
+  }
+  return document.documentElement;
+}, mt = (n) => {
+  let i = n.parentElement;
+  for (; i && i !== document.body; ) {
+    const t = window.getComputedStyle(i).position;
+    if (t === "relative" || t === "absolute" || t === "fixed" || t === "sticky")
+      return i;
+    i = i.parentElement;
+  }
+  return document.body;
+};
+function X(n) {
+  return new Promise((i) => {
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        i();
+      });
+    });
+  });
 }
-function ft(n, i) {
+function ht(n, i) {
   var S;
   let t = null, e = null, o = null, s = null;
-  const l = {
+  const c = {
     get currentAnimation() {
       return t;
     }
-  }, r = ((S = i == null ? void 0 : i.strategy) == null ? void 0 : S.call(i, l)) || at(l), c = async (a) => {
-    var E;
+  }, r = ((S = i == null ? void 0 : i.strategy) == null ? void 0 : S.call(i, c)) || ct(c), a = async (f) => {
+    var T;
     e && (e.remove(), e = null);
-    const f = n(), A = f.in && f.in(a), k = !(i != null && i.strategy) && f.out ? f.out(a) : void 0;
-    if (!A)
+    const l = n(), E = l.in && l.in(f), A = !(i != null && i.strategy) && l.out ? l.out(f) : void 0;
+    if (!E)
       return;
-    const R = {
-      in: P(A),
-      out: k ? P(k) : void 0
-    }, v = await r.runIn(R);
+    const I = {
+      in: R(E),
+      out: A ? R(A) : void 0
+    }, v = await r.runIn(I);
     if (!v.config) {
       t && (t.direction = "in");
       return;
     }
     const p = v.config;
-    (E = p.prepare) == null || E.call(p, a), p.wait && await p.wait();
-    const w = U(
+    (T = p.prepare) == null || T.call(p);
+    const w = N(
       {
         ...p,
         onEnd: () => {
@@ -663,97 +716,101 @@ function ft(n, i) {
           t = null, (C = p.onEnd) == null || C.call(p);
         }
       },
-      a
-    ), h = L.fromState(v.state, {
+      f
+    );
+    p.wait && await p.wait();
+    const h = M.fromState(v.state, {
       config: w,
       from: v.from,
       to: v.to
     });
-    t = { controller: h, direction: "in" }, v.direction === "forward" ? h.forward() : h.backward();
-  }, u = async (a) => {
+    t = { controller: h, direction: "in" }, await X(), v.direction === "forward" ? h.forward() : h.backward();
+  }, u = async (f) => {
     var C;
-    e = a;
-    const f = n(), A = !(i != null && i.strategy) && f.in ? f.in(a) : void 0, k = f.out && f.out(a);
-    if (!k)
+    e = f;
+    const l = n(), E = !(i != null && i.strategy) && l.in ? l.in(f) : void 0, A = l.out && l.out(f);
+    if (!A)
       return;
-    const R = {
-      in: A ? P(A) : void 0,
-      out: P(k)
-    }, v = await r.runOut(R);
+    const I = {
+      in: E ? R(E) : void 0,
+      out: R(A)
+    }, v = await r.runOut(I);
     if (!v.config) {
       t && (t.direction = "out"), e && (e.remove(), e = null);
       return;
     }
     const p = v.config;
-    (C = p.prepare) == null || C.call(p, a), E(), p.wait && await p.wait();
-    const w = U(
+    T(), (C = p.prepare) == null || C.call(p);
+    const w = N(
       {
         ...p,
         onEnd: () => {
-          var V, I;
-          (V = p.onEnd) == null || V.call(p), e && (e.remove(), e = null), t = null, (I = i == null ? void 0 : i.onCleanupEnd) == null || I.call(i);
+          var V, P;
+          (V = p.onEnd) == null || V.call(p), e && (e.remove(), e = null), t = null, (P = i == null ? void 0 : i.onCleanupEnd) == null || P.call(i);
         }
       },
-      a
-    ), h = L.fromState(v.state, {
+      f
+    );
+    p.wait && await p.wait();
+    const h = M.fromState(v.state, {
       config: w,
       from: v.from,
       to: v.to
     });
-    t = { controller: h, direction: "out" }, v.direction === "forward" ? h.forward() : h.backward();
-    function E() {
+    t = { controller: h, direction: "out" }, await X(), v.direction === "forward" ? h.forward() : h.backward();
+    function T() {
       !o || !e || (s && o.contains(s) ? o.insertBefore(e, s) : o.appendChild(e));
     }
   };
   let m = null, g = !1;
-  const y = (a) => () => {
+  const y = (f) => () => {
     if (g) return;
     g = !0;
-    const f = a.cloneNode(!0);
+    const l = f.cloneNode(!0);
     m ? queueMicrotask(() => {
-      document.contains(m) && u(f);
-    }) : u(f);
+      document.contains(m) && u(l);
+    }) : u(l);
   };
-  return (a) => {
-    if (a)
+  return (f) => {
+    if (f)
       return requestAnimationFrame(() => {
-        o = a.parentElement, s = a.nextElementSibling;
+        o = f.parentElement, s = f.nextElementSibling;
       }), g = !1, (i == null ? void 0 : i.scope) === "local" ? queueMicrotask(() => {
-        m = ut(a), !(m && !lt(m)) && c(a);
-      }) : c(a), y(a);
+        m = ft(f), !(m && !ut(m)) && a(f);
+      }) : a(f), y(f);
   };
 }
-const b = /* @__PURE__ */ new Map();
-let T = null, N = !1;
-function $(n) {
-  if (n instanceof HTMLElement && b.has(n)) {
-    const t = b.get(n);
-    b.delete(n), queueMicrotask(() => {
+const k = /* @__PURE__ */ new Map();
+let b = null, z = !1;
+function K(n) {
+  if (n instanceof HTMLElement && k.has(n)) {
+    const t = k.get(n);
+    k.delete(n), queueMicrotask(() => {
       t();
     });
   }
   const i = n.childNodes;
   for (let t = 0; t < i.length; t++) {
     const e = i[t];
-    e && $(e);
+    e && K(e);
   }
 }
-function dt() {
-  N || typeof document > "u" || (N = !0, T = new MutationObserver((n) => {
+function gt() {
+  z || typeof document > "u" || (z = !0, b = new MutationObserver((n) => {
     for (const i of n) {
       const t = i.removedNodes;
       for (let e = 0; e < t.length; e++) {
         const o = t[e];
-        o && $(o);
+        o && K(o);
       }
     }
-  }), document.body ? T.observe(document.body, {
+  }), document.body ? b.observe(document.body, {
     childList: !0,
     subtree: !0
   }) : document.addEventListener(
     "DOMContentLoaded",
     () => {
-      T == null || T.observe(document.body, {
+      b == null || b.observe(document.body, {
         childList: !0,
         subtree: !0
       });
@@ -761,48 +818,48 @@ function dt() {
     { once: !0 }
   ));
 }
-function mt(n, i) {
-  dt(), b.set(n, i);
+function pt(n, i) {
+  gt(), k.set(n, i);
 }
-function kt(n) {
-  return b.has(n);
+function Vt(n) {
+  return k.has(n);
 }
-function Vt() {
-  return b.size;
+function It() {
+  return k.size;
 }
-function Rt(n) {
-  const i = b.get(n);
-  return i ? (b.delete(n), i(), !0) : !1;
+function Pt(n) {
+  const i = k.get(n);
+  return i ? (k.delete(n), i(), !0) : !1;
 }
-function It() {
-  b.clear(), T == null || T.disconnect(), T = null, N = !1;
+function Rt() {
+  k.clear(), b == null || b.disconnect(), b = null, z = !1;
 }
-const F = /* @__PURE__ */ new Map(), q = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new Map();
-function ht(n, i, t) {
-  F.set(n, i);
+const O = /* @__PURE__ */ new Map(), q = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new Map();
+function wt(n, i, t) {
+  O.set(n, i);
   let e = q.get(n);
   if (e)
     return e;
   const o = i;
-  return e = ft(
+  return e = ht(
     () => {
-      const s = F.get(n);
+      const s = O.get(n);
       return s || (console.warn(`Transition "${String(n)}" not found`), {});
     },
     {
       strategy: t == null ? void 0 : t.strategy,
       scope: t == null ? void 0 : t.scope,
       onCleanupEnd: () => {
-        F.get(n) === o && gt(n);
+        O.get(n) === o && yt(n);
       }
     }
   ), q.set(n, e), e;
 }
-function gt(n) {
-  F.delete(n), q.delete(n), _.delete(n);
+function yt(n) {
+  O.delete(n), q.delete(n), _.delete(n);
 }
-function Pt(n, i = "manual") {
-  const t = ht(
+function Ft(n, i = "manual") {
+  const t = wt(
     n.key,
     {
       in: n.in,
@@ -819,11 +876,11 @@ function Pt(n, i = "manual") {
   return e || (e = (o) => {
     if (o) {
       const s = t(o);
-      s && mt(o, s);
+      s && pt(o, s);
     }
   }, _.set(n.key, e), e);
 }
-function pt(n) {
+function vt(n) {
   const i = n.filter((t) => t.symmetric).map((t) => ({
     from: t.to,
     to: t.from,
@@ -831,24 +888,24 @@ function pt(n) {
   }));
   return [...n, ...i];
 }
-function wt(n) {
+function St(n) {
   let i = !1, t = 0, e = 0, o = !1;
-  const s = 50, l = (a) => {
+  const s = 50, c = (f) => {
     if (!n) return;
-    const f = a.touches[0];
-    f && (o = f.clientX < s, o && (t = f.clientX, e = f.clientY));
-  }, r = (a) => {
+    const l = f.touches[0];
+    l && (o = l.clientX < s, o && (t = l.clientX, e = l.clientY));
+  }, r = (f) => {
     if (!n || !o) return;
-    const f = a.touches[0];
-    if (!f) return;
-    const A = f.clientX - t, k = f.clientY - e;
-    A > window.outerWidth / 2 - 5 && Math.abs(A) > Math.abs(k) ? i = !0 : i = !1;
-  }, c = () => {
+    const l = f.touches[0];
+    if (!l) return;
+    const E = l.clientX - t, A = l.clientY - e;
+    E > window.outerWidth / 2 - 5 && Math.abs(E) > Math.abs(A) ? i = !0 : i = !1;
+  }, a = () => {
     n && (o = !1, t = 0, e = 0);
   }, u = () => i, m = () => {
-    typeof window > "u" || n && (window.addEventListener("touchstart", l, { passive: !0 }), window.addEventListener("touchmove", r, { passive: !0 }), window.addEventListener("touchend", c, { passive: !0 }));
+    typeof window > "u" || n && (window.addEventListener("touchstart", c, { passive: !0 }), window.addEventListener("touchmove", r, { passive: !0 }), window.addEventListener("touchend", a, { passive: !0 }));
   }, g = () => {
-    typeof window > "u" || (window.removeEventListener("touchstart", l), window.removeEventListener("touchmove", r), window.removeEventListener("touchend", c));
+    typeof window > "u" || (window.removeEventListener("touchstart", c), window.removeEventListener("touchmove", r), window.removeEventListener("touchend", a));
   };
   let y = 0;
   return {
@@ -860,26 +917,7 @@ function wt(n) {
     }
   };
 }
-const yt = (n) => {
-  let i = n.parentElement;
-  for (; i && i !== document.body; ) {
-    const t = window.getComputedStyle(i), e = t.overflow + t.overflowY + t.overflowX;
-    if (e.includes("auto") || e.includes("scroll") || i.scrollHeight > i.clientHeight || i.scrollWidth > i.clientWidth)
-      return i;
-    i = i.parentElement;
-  }
-  return document.documentElement;
-}, vt = (n) => {
-  let i = n.parentElement;
-  for (; i && i !== document.body; ) {
-    const t = window.getComputedStyle(i).position;
-    if (t === "relative" || t === "absolute" || t === "fixed" || t === "sticky")
-      return i;
-    i = i.parentElement;
-  }
-  return document.body;
-};
-function St() {
+function Ct() {
   let n = null, i = null;
   const t = /* @__PURE__ */ new Map();
   let e = null;
@@ -891,7 +929,7 @@ function St() {
   };
   return {
     initializeContext: (m, g) => {
-      i = m, n || (n = yt(m), (n === document.documentElement ? window : n).addEventListener("scroll", o, {
+      i = m, n || (n = dt(m), (n === document.documentElement ? window : n).addEventListener("scroll", o, {
         passive: !0
       })), e = g;
     },
@@ -903,11 +941,11 @@ function St() {
       };
     },
     getScrollContainer: () => n,
-    getPositionedParentElement: () => i ? vt(i) : document.body,
+    getPositionedParentElement: () => i ? mt(i) : document.body,
     getScrollPosition: (m) => m && t.has(m) ? t.get(m) : { x: 0, y: 0 }
   };
 }
-function M(n, i) {
+function x(n, i) {
   if (i === "*")
     return !0;
   if (i.endsWith("/*")) {
@@ -916,12 +954,12 @@ function M(n, i) {
   }
   return n === i;
 }
-function Ct(n, i, t) {
+function At(n, i, t) {
   for (const e of t)
-    if (M(n, e.from) && M(i, e.to))
+    if (x(n, e.from) && x(i, e.to))
       return e.transition;
   for (const e of t)
-    if ((e.from === "*" || M(n, e.from)) && (e.to === "*" || M(i, e.to)))
+    if ((e.from === "*" || x(n, e.from)) && (e.to === "*" || x(i, e.to)))
       return e.transition;
   return null;
 }
@@ -933,29 +971,29 @@ function xt(n, i) {
     // Identity function as default
     skipOnIosSwipe: s = !0
     // Default to true - skip animations on iOS swipe
-  } = n, { outFirst: l = !0 } = i || {};
+  } = n, { outFirst: c = !0 } = i || {};
   let r = null;
-  const c = pt(t), {
+  const a = vt(t), {
     initializeContext: u,
     calculateScrollOffset: m,
     getScrollContainer: g,
     getPositionedParentElement: y,
     getScrollPosition: S
-  } = St(), a = wt(s);
-  a.initialize();
-  function f() {
+  } = Ct(), f = St(s);
+  f.initialize();
+  function l() {
     if (r != null && r.from && (r != null && r.to)) {
       const { from: w, to: h } = o(
         r.from,
         r.to
-      ), C = Ct(
+      ), C = At(
         w,
         h,
-        c
+        a
       ) || e, V = m(
         r.from,
         r.to
-      ), I = {
+      ), P = {
         scrollOffset: V,
         scroll: S(r.from),
         get scrollingElement() {
@@ -977,54 +1015,52 @@ function xt(n, i) {
         }
       };
       C && (C.out && r.outResolve && r.outResolve(
-        (D) => C.out(D, I)
+        (L) => C.out(L, P)
       ), C.in && r.inResolve && r.inResolve(
-        (D) => C.in(D, B)
+        (L) => C.in(L, B)
       )), r = null;
     }
   }
-  function A() {
+  function E() {
     r && (r.inResolve && r.inResolve(() => ({})), r.outResolve && r.outResolve(() => ({})), r = null);
   }
-  const v = l ? async (w, h) => a.isSwipePending() ? (a.resetSwipeDetection(), () => ({})) : h === "in" && (!r || !r.from) ? () => ({}) : (r || (r = {}), h === "out" ? (r.from = w, new Promise((E) => {
-    r.outResolve = E, f();
-  })) : (r.to = w, new Promise((E) => {
-    r.inResolve = E, f();
-  }))) : async (w, h) => a.isSwipePending() ? (a.resetSwipeDetection(), () => ({})) : (r && (h === "out" && r.from && r.from !== w || h === "in" && r.to && r.to !== w) && A(), r || (r = {}), h === "out" ? (r.from = w, new Promise((C) => {
-    r.outResolve = C, f();
+  const v = c ? async (w, h) => f.isSwipePending() ? (f.resetSwipeDetection(), () => ({})) : h === "in" && (!r || !r.from) ? () => ({}) : (r || (r = {}), h === "out" ? (r.from = w, new Promise((T) => {
+    r.outResolve = T, l();
+  })) : (r.to = w, new Promise((T) => {
+    r.inResolve = T, l();
+  }))) : async (w, h) => f.isSwipePending() ? (f.resetSwipeDetection(), () => ({})) : (r && (h === "out" && r.from && r.from !== w || h === "in" && r.to && r.to !== w) && E(), r || (r = {}), h === "out" ? (r.from = w, new Promise((C) => {
+    r.outResolve = C, l();
   })) : (r.to = w, new Promise((C) => {
-    r.inResolve = C, f();
+    r.inResolve = C, l();
   })));
   return (w) => ({
     key: w,
     in: async (h) => (u(h, w), (await v(w, "in"))(h)),
     out: async (h) => (await v(w, "out"))(h),
     // Add page transition strategy for page-level transitions
-    [W]: ct
+    [W]: lt
   });
 }
 export {
-  j as SCOPE_ATTR,
-  G as SCOPE_READY_ATTR,
+  G as SCOPE_ATTR,
+  $ as SCOPE_READY_ATTR,
   W as TRANSITION_STRATEGY,
-  at as createDefaultStrategy,
-  ct as createPageTransitionStrategy,
+  ct as createDefaultStrategy,
+  lt as createPageTransitionStrategy,
   xt as createSggoiTransitionContext,
-  bt as createTransitionScope,
-  ut as findScope,
-  Vt as getWatchedCount,
-  Ot as isCssAnimation,
-  Lt as isMultiSpring,
-  lt as isScopeReady,
-  Dt as isSingleSpring,
-  zt as isTickAnimation,
-  kt as isWatched,
-  U as normalizeMultiSpringSchedule,
-  P as normalizeToMultiSpring,
-  It as resetObserver,
-  Pt as transition,
-  Rt as triggerUnmount,
-  Nt as validateAnimationMode,
-  qt as validateSpringItem,
-  mt as watchUnmount
+  kt as createTransitionScope,
+  ft as findScope,
+  It as getWatchedCount,
+  Lt as isCssAnimation,
+  Dt as isMultiAnimation,
+  ut as isScopeReady,
+  zt as isSingleAnimation,
+  qt as isTickAnimation,
+  Vt as isWatched,
+  N as normalizeSchedule,
+  R as normalizeToMultiAnimation,
+  Rt as resetObserver,
+  Ft as transition,
+  Pt as triggerUnmount,
+  pt as watchUnmount
 };