@ssgoi/core 2.5.2 → 2.5.4

package/dist/index.js

@@ -1,36 +1,36 @@
 var _ = Object.defineProperty;
 var $ = (n, t, e) => t in n ? _(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var d = (n, t, e) => $(n, typeof t != "symbol" ? t + "" : t, e);
-import { isMultiSpring as R } from "./types.js";
+var m = (n, t, e) => $(n, typeof t != "symbol" ? t + "" : t, e);
+import { isMultiSpring as V } from "./types.js";
 import { isSingleSpring as at } from "./types.js";
 import { j as lt } from "./jaemin-BAi8PTrj.js";
-class F {
+class H {
   constructor() {
-    d(this, "listeners", /* @__PURE__ */ new Set());
-    d(this, "rafId", null);
-    d(this, "isRunning", !1);
+    m(this, "listeners", /* @__PURE__ */ new Set());
+    m(this, "rafId", null);
+    m(this, "isRunning", !1);
     // Timing
-    d(this, "startTime", Date.now());
-    d(this, "lastUpdate", this.startTime);
-    d(this, "elapsed", 0);
+    m(this, "startTime", Date.now());
+    m(this, "lastUpdate", this.startTime);
+    m(this, "elapsed", 0);
     // Lag smoothing (mobile optimization)
-    d(this, "lagThreshold", 500);
+    m(this, "lagThreshold", 500);
     // ms - detect tab switches, backgrounding
-    d(this, "adjustedLag", 33);
+    m(this, "adjustedLag", 33);
     // ms - max time jump to prevent animation skip
     // FPS throttling
-    d(this, "gap", 1e3 / 240);
+    m(this, "gap", 1e3 / 240);
     // max 240fps
-    d(this, "nextTime", this.gap);
-    d(this, "tick", () => {
+    m(this, "nextTime", this.gap);
+    m(this, "tick", () => {
       const t = Date.now();
       let e = t - this.lastUpdate;
       (e > this.lagThreshold || e < 0) && (this.startTime += e - this.adjustedLag, e = this.adjustedLag), this.lastUpdate = t;
-      const i = t - this.startTime, r = i - this.nextTime;
-      if (r > 0) {
-        const o = e / 1e3;
-        this.elapsed = i / 1e3, this.nextTime += r + (r >= this.gap ? 4 : this.gap - r), this.listeners.forEach((s) => {
-          s(o, this.elapsed);
+      const i = t - this.startTime, o = i - this.nextTime;
+      if (o > 0) {
+        const r = e / 1e3;
+        this.elapsed = i / 1e3, this.nextTime += o + (o >= this.gap ? 4 : this.gap - o), this.listeners.forEach((s) => {
+          s(r, this.elapsed);
         });
       }
       this.listeners.size > 0 ? this.rafId = requestAnimationFrame(this.tick) : (this.isRunning = !1, this.rafId = null);
@@ -66,72 +66,72 @@ class F {
     return this.elapsed;
   }
 }
-const I = new F();
+const I = new H();
 function k(n) {
   const {
     from: t,
     to: e,
     stiffness: i,
-    damping: r,
-    mass: o,
+    damping: o,
+    mass: r,
     velocity: s = 0,
-    onUpdate: m,
+    onUpdate: d,
     onComplete: l
   } = n;
   let h = t, u = s, a = !0;
-  const p = Math.sqrt(i / o), c = r / (2 * Math.sqrt(i * o)), S = 0.01, w = 0.01;
+  const p = Math.sqrt(i / r), c = o / (2 * Math.sqrt(i * r)), g = 0.01, w = 0.01;
   let f = 0;
-  const g = 0.05, v = (A) => {
+  const y = 0.05, S = (C) => {
     if (!a) return;
-    const C = Math.min(A, 0.033), y = -2 * C * c * p * u, b = C * p * p * (e - h);
-    u += y + b, h += C * u;
-    const E = Math.abs(e - h), T = Math.abs(u);
-    if (E < S && T < w) {
-      if (f += C, f >= g) {
-        h = e, u = 0, a = !1, m(h), I.unsubscribe(v), l();
+    const T = Math.min(C, 0.033), v = -2 * T * c * p * u, b = T * p * p * (e - h);
+    u += v + b, h += T * u;
+    const E = Math.abs(e - h), A = Math.abs(u);
+    if (E < g && A < w) {
+      if (f += T, f >= y) {
+        h = e, u = 0, a = !1, d(h), I.unsubscribe(S), l();
         return;
       }
     } else
       f = 0;
-    m(h);
+    d(h);
   };
-  return I.subscribe(v), {
+  return I.subscribe(S), {
     stop: () => {
-      a && (a = !1, I.unsubscribe(v));
+      a && (a = !1, I.unsubscribe(S));
     }
   };
 }
 class O {
   constructor(t) {
-    d(this, "options");
-    d(this, "currentValue");
-    d(this, "velocity");
-    d(this, "isAnimating", !1);
-    d(this, "controls", null);
+    m(this, "options");
+    m(this, "currentValue");
+    m(this, "velocity");
+    m(this, "isAnimating", !1);
+    m(this, "controls", null);
     // For object animations
-    d(this, "animationMap", null);
-    d(this, "activeAnimations", /* @__PURE__ */ new Set());
-    d(this, "completedAnimations", /* @__PURE__ */ new Set());
-    d(this, "updatedProperties", /* @__PURE__ */ new Set());
-    d(this, "animate", (t = !1) => {
+    m(this, "animationMap", null);
+    m(this, "activeAnimations", /* @__PURE__ */ new Set());
+    m(this, "completedAnimations", /* @__PURE__ */ new Set());
+    m(this, "updatedProperties", /* @__PURE__ */ new Set());
+    m(this, "animate", (t = !1) => {
       !this.isAnimating && this.options.onStart && this.options.onStart(), this.isAnimating = !0;
       const e = t ? this.options.from : this.options.to;
       if (typeof this.currentValue == "object" && this.currentValue !== null) {
         this.animateObject(e);
         return;
       }
-      let i = this.currentValue, r = performance.now();
-      const o = {
+      let i = this.currentValue, o = performance.now();
+      const r = {
         from: this.currentValue,
         to: e,
         stiffness: this.options.spring.stiffness,
         damping: this.options.spring.damping,
         mass: 1
       };
-      typeof this.velocity == "number" && (o.velocity = this.velocity * 1e3), this.controls = k({
-        ...o,
+      typeof this.velocity == "number" && (r.velocity = this.velocity * 1e3), this.controls = k({
+        ...r,
         onUpdate: (s) => {
-          const m = performance.now(), l = (m - r) / 1e3;
+          const d = performance.now(), l = (d - o) / 1e3;
           if (l > 0) {
             if (typeof s == "number" && typeof i == "number") {
               const h = (s - i) / l;
@@ -146,7 +146,7 @@ class O {
                 }
               }), this.velocity = h;
             }
-            i = s, r = m;
+            i = s, o = d;
           }
           this.currentValue = s, this.options.onUpdate(s);
         },
@@ -157,27 +157,27 @@ class O {
         }
       });
     });
-    d(this, "animateObject", (t) => {
+    m(this, "animateObject", (t) => {
       const e = this.currentValue, i = Object.keys(e);
       this.animationMap = /* @__PURE__ */ new Map(), this.activeAnimations.clear(), this.completedAnimations.clear(), this.updatedProperties.clear();
-      const r = { ...e }, o = {};
+      const o = { ...e }, r = {};
       let s = !1;
-      const m = () => {
+      const d = () => {
         const l = i.filter((u) => !this.completedAnimations.has(u));
         if (l.every(
           (u) => this.updatedProperties.has(u)
         ) && l.length > 0) {
           if (typeof this.velocity == "object" && this.velocity) {
             const u = performance.now();
-            Object.keys(r).forEach((a) => {
-              if (o[a]) {
-                const p = (u - o[a]) / 1e3, c = this.currentValue[a], S = r[a];
-                typeof c == "number" && typeof S == "number" && p > 0 && (this.velocity[a] = (S - c) / p / 1e3);
+            Object.keys(o).forEach((a) => {
+              if (r[a]) {
+                const p = (u - r[a]) / 1e3, c = this.currentValue[a], g = o[a];
+                typeof c == "number" && typeof g == "number" && p > 0 && (this.velocity[a] = (g - c) / p / 1e3);
               }
-              o[a] = u;
+              r[a] = u;
             });
           }
-          this.currentValue = { ...r }, this.options.onUpdate(this.currentValue), this.updatedProperties.clear(), !s && this.options.onStart && (s = !0, this.options.onStart());
+          this.currentValue = { ...o }, this.options.onUpdate(this.currentValue), this.updatedProperties.clear(), !s && this.options.onStart && (s = !0, this.options.onStart());
         }
       };
       i.forEach((l) => {
@@ -193,7 +193,7 @@ class O {
         const u = k({
           ...h,
           onUpdate: (a) => {
-            r[l] = a, this.updatedProperties.add(l), m();
+            o[l] = a, this.updatedProperties.add(l), d();
           },
           onComplete: () => {
             this.completedAnimations.add(l), this.updatedProperties.delete(l), this.completedAnimations.size === i.length && (this.currentValue = t, this.isAnimating = !1, this.animationMap = null, typeof this.velocity == "object" && this.velocity && Object.keys(this.velocity).forEach((a) => {
@@ -284,14 +284,14 @@ class O {
 }
 class j {
   constructor(t) {
-    d(this, "config");
-    d(this, "animators", /* @__PURE__ */ new Map());
-    d(this, "springOrder", []);
-    d(this, "completedCount", 0);
-    d(this, "completedAnimators", /* @__PURE__ */ new Set());
-    d(this, "direction", "forward");
-    d(this, "idCounter", 0);
-    d(this, "timeoutIds", []);
+    m(this, "config");
+    m(this, "animators", /* @__PURE__ */ new Map());
+    m(this, "springOrder", []);
+    m(this, "completedCount", 0);
+    m(this, "completedAnimators", /* @__PURE__ */ new Set());
+    m(this, "direction", "forward");
+    m(this, "idCounter", 0);
+    m(this, "timeoutIds", []);
     this.config = t, this.initializeAnimators();
   }
   generateId() {
@@ -323,9 +323,9 @@ class j {
    */
   normalizeSchedule(t) {
     const e = this.config.schedule ?? "overlap";
-    return this.springOrder.map((i, r) => {
-      const o = this.animators.get(i);
-      if (!o)
+    return this.springOrder.map((i, o) => {
+      const r = this.animators.get(i);
+      if (!r)
         throw new Error(
           `AnimationScheduler: animator with id "${i}" not found during normalization`
         );
@@ -336,11 +336,11 @@ class j {
           delay: 0
         };
       if (e === "wait")
-        return t === "forward" && r === 0 ? {
+        return t === "forward" && o === 0 ? {
           type: "offset",
           id: i,
           delay: 0
-        } : t === "backward" && r === this.springOrder.length - 1 ? {
+        } : t === "backward" && o === this.springOrder.length - 1 ? {
           type: "offset",
           id: i,
           delay: 0
@@ -348,14 +348,14 @@ class j {
           type: "wait",
           id: i
         };
-      const s = o.item.offset ?? 0;
+      const s = r.item.offset ?? 0;
       if (t === "forward")
         return {
           type: "offset",
           id: i,
           delay: s
         };
-      const m = this.animators.size === 0 ? 0 : Math.max(
+      const d = this.animators.size === 0 ? 0 : Math.max(
         ...Array.from(this.animators.values()).map(
           (l) => l.item.offset ?? 0
         )
@@ -363,12 +363,12 @@ class j {
       return {
         type: "offset",
         id: i,
-        delay: m - s
+        delay: d - s
       };
     });
   }
   onAnimatorComplete(t) {
-    var i, r, o, s, m, l;
+    var i, o, r, s, d, l;
     const e = this.animators.get(t);
     if (!e) {
       console.warn(
@@ -376,7 +376,7 @@ class j {
       );
       return;
     }
-    this.completedAnimators.has(t) || (this.completedAnimators.add(t), this.completedCount++, (r = (i = e.item).onComplete) == null || r.call(i), (s = (o = this.config).onProgress) == null || s.call(o, this.completedCount, this.config.springs.length), this.handleWaitModeChaining(t), this.completedCount === this.config.springs.length && ((l = (m = this.config).onEnd) == null || l.call(m)));
+    this.completedAnimators.has(t) || (this.completedAnimators.add(t), this.completedCount++, (o = (i = e.item).onComplete) == null || o.call(i), (s = (r = this.config).onProgress) == null || s.call(r, this.completedCount, this.config.springs.length), this.handleWaitModeChaining(t), this.completedCount === this.config.springs.length && ((l = (d = this.config).onEnd) == null || l.call(d)));
   }
   /**
    * Handle wait mode chaining: start next/previous spring after completion
@@ -386,18 +386,18 @@ class j {
       return;
     const e = this.springOrder.indexOf(t);
     if (this.direction === "forward") {
-      const o = this.springOrder[e + 1];
-      if (!o)
+      const r = this.springOrder[e + 1];
+      if (!r)
         return;
-      const s = this.animators.get(o);
-      s && s.startTime === null && this.startAnimator(o);
+      const s = this.animators.get(r);
+      s && s.startTime === null && this.startAnimator(r);
       return;
     }
     const i = this.springOrder[e - 1];
     if (!i)
       return;
-    const r = this.animators.get(i);
-    r && r.startTime === null && this.startBackwardAnimator(i);
+    const o = this.animators.get(i);
+    o && o.startTime === null && this.startBackwardAnimator(i);
   }
   startAnimator(t) {
     const e = this.animators.get(t);
@@ -433,34 +433,34 @@ class j {
   }
   forward() {
     var e, i;
-    this.stop(), this.direction = "forward", this.completedCount = 0, this.completedAnimators.clear(), (i = (e = this.config).onStart) == null || i.call(e), this.normalizeSchedule("forward").forEach((r) => {
-      if (r.type === "wait")
+    this.stop(), this.direction = "forward", this.completedCount = 0, this.completedAnimators.clear(), (i = (e = this.config).onStart) == null || i.call(e), this.normalizeSchedule("forward").forEach((o) => {
+      if (o.type === "wait")
         return;
-      if (r.delay === 0) {
-        this.startAnimator(r.id);
+      if (o.delay === 0) {
+        this.startAnimator(o.id);
         return;
       }
-      const o = window.setTimeout(
-        () => this.startAnimator(r.id),
-        r.delay
+      const r = window.setTimeout(
+        () => this.startAnimator(o.id),
+        o.delay
       );
-      this.timeoutIds.push(o);
+      this.timeoutIds.push(r);
     });
   }
   backward() {
     var e, i;
-    this.stop(), this.direction = "backward", this.completedCount = 0, this.completedAnimators.clear(), (i = (e = this.config).onStart) == null || i.call(e), this.normalizeSchedule("backward").forEach((r) => {
-      if (r.type === "wait")
+    this.stop(), this.direction = "backward", this.completedCount = 0, this.completedAnimators.clear(), (i = (e = this.config).onStart) == null || i.call(e), this.normalizeSchedule("backward").forEach((o) => {
+      if (o.type === "wait")
         return;
-      if (r.delay === 0) {
-        this.startBackwardAnimator(r.id);
+      if (o.delay === 0) {
+        this.startBackwardAnimator(o.id);
         return;
       }
-      const o = window.setTimeout(
-        () => this.startBackwardAnimator(r.id),
-        r.delay
+      const r = window.setTimeout(
+        () => this.startBackwardAnimator(o.id),
+        o.delay
       );
-      this.timeoutIds.push(o);
+      this.timeoutIds.push(r);
     });
   }
   stop() {
@@ -474,10 +474,10 @@ class j {
     ), this.direction = this.direction === "forward" ? "backward" : "forward", this.animators.forEach((i) => {
       if (i.startTime === null)
         return;
-      const r = i.animator.getCurrentState();
-      if (r.type !== "single")
+      const o = i.animator.getCurrentState();
+      if (o.type !== "single")
         return;
-      if (r.position === r.to) {
+      if (o.position === o.to) {
         const s = O.fromState(
           {
             position: 1,
@@ -507,7 +507,7 @@ class j {
     };
   }
 }
-const L = Symbol.for("TRANSITION_STRATEGY"), N = (n) => ({
+const z = Symbol.for("TRANSITION_STRATEGY"), F = (n) => ({
   runIn: async (t) => {
     const { currentAnimation: e } = n;
     if (e && e.direction === "out") {
@@ -523,9 +523,9 @@ const L = Symbol.for("TRANSITION_STRATEGY"), N = (n) => ({
           direction: "forward"
         };
       if (t.out) {
-        const m = await t.out, { from: l = 1, to: h = 0 } = m;
+        const d = await t.out, { from: l = 1, to: h = 0 } = d;
         return {
-          config: m,
+          config: d,
           state: {
             position: s.position,
             velocity: s.velocity
@@ -561,15 +561,15 @@ const L = Symbol.for("TRANSITION_STRATEGY"), N = (n) => ({
         to: 1,
         direction: "forward"
       };
-    const { from: r = 0, to: o = 1 } = i;
+    const { from: o = 0, to: r = 1 } = i;
     return {
       config: i,
       state: {
-        position: r,
+        position: o,
         velocity: 0
       },
-      from: r,
-      to: o,
+      from: o,
+      to: r,
       direction: "forward"
     };
   },
@@ -588,9 +588,9 @@ const L = Symbol.for("TRANSITION_STRATEGY"), N = (n) => ({
           direction: "forward"
         };
       if (t.in) {
-        const m = await t.in, { from: l = 0, to: h = 1 } = m;
+        const d = await t.in, { from: l = 0, to: h = 1 } = d;
         return {
-          config: m,
+          config: d,
           state: {
             position: s.position,
             velocity: s.velocity
@@ -626,19 +626,19 @@ const L = Symbol.for("TRANSITION_STRATEGY"), N = (n) => ({
         to: 0,
         direction: "forward"
       };
-    const { from: r = 1, to: o = 0 } = i;
+    const { from: o = 1, to: r = 0 } = i;
     return {
       config: i,
       state: {
-        position: r,
+        position: o,
         velocity: 0
       },
-      from: r,
-      to: o,
+      from: o,
+      to: r,
       direction: "forward"
     };
   }
-}), H = () => ({
+}), N = () => ({
   runIn: async (n) => {
     const t = await n.in;
     if (!t)
@@ -712,32 +712,32 @@ const L = Symbol.for("TRANSITION_STRATEGY"), N = (n) => ({
 });
 function W(n, t) {
   var u;
-  let e = null, i = null, r = null, o = null;
+  let e = null, i = null, o = null, r = null;
   const s = {
     get currentAnimation() {
       return e;
     }
-  }, m = ((u = t == null ? void 0 : t.strategy) == null ? void 0 : u.call(t, s)) || N(s), l = async (a) => {
-    var v, A, C;
+  }, d = ((u = t == null ? void 0 : t.strategy) == null ? void 0 : u.call(t, s)) || F(s), l = async (a) => {
+    var S, C, T;
     i && (i.remove(), i = null);
-    const p = n(), c = p.in && await p.in(a), S = !(t != null && t.strategy) && p.out ? await p.out(a) : void 0;
+    const p = n(), c = p.in && await p.in(a), g = !(t != null && t.strategy) && p.out ? p.out(a) : void 0;
     if (!c)
       return;
-    if (R(c)) {
-      const y = {
+    if (V(c)) {
+      const v = {
         in: Promise.resolve(c),
-        out: S && Promise.resolve(S)
+        out: g && Promise.resolve(g)
       };
-      if (!(await m.runIn(y)).config) {
+      if (!(await d.runIn(v)).config) {
         e && (e.direction = "in");
         return;
       }
-      (v = c.prepare) == null || v.call(c, a), c.wait && await c.wait();
+      (S = c.prepare) == null || S.call(c, a), c.wait && await c.wait();
       const E = new j({
         ...c,
         onEnd: () => {
-          var T;
-          e = null, (T = c.onEnd) == null || T.call(c);
+          var A;
+          e = null, (A = c.onEnd) == null || A.call(c);
         }
       });
       e = {
@@ -748,49 +748,49 @@ function W(n, t) {
     }
     const w = {
       in: Promise.resolve(c),
-      out: S && Promise.resolve(S)
-    }, f = await m.runIn(w);
+      out: g && Promise.resolve(g)
+    }, f = await d.runIn(w);
     if (!f.config)
       return;
     if ("springs" in f.config) {
       console.error("Unexpected MultiSpringConfig in single-spring path");
       return;
     }
-    (C = (A = f.config).prepare) == null || C.call(A, a), f.config.wait && await f.config.wait();
-    const g = O.fromState(f.state, {
+    (T = (C = f.config).prepare) == null || T.call(C, a), f.config.wait && await f.config.wait();
+    const y = O.fromState(f.state, {
       from: f.from,
       to: f.to,
       spring: f.config.spring,
       onStart: f.config.onStart,
       onUpdate: f.config.tick,
       onComplete: () => {
-        var y, b;
-        e = null, (b = (y = f.config) == null ? void 0 : y.onEnd) == null || b.call(y);
+        var v, b;
+        e = null, (b = (v = f.config) == null ? void 0 : v.onEnd) == null || b.call(v);
       }
     });
-    e = { controller: g, direction: "in" }, f.direction === "forward" ? g.forward() : g.backward();
+    e = { controller: y, direction: "in" }, f.direction === "forward" ? y.forward() : y.backward();
   }, h = async (a) => {
-    var v, A, C;
+    var S, C, T;
     i = a;
     const p = n(), c = p.out && await p.out(a);
     if (!c)
       return;
-    if (R(c)) {
-      const y = {
+    if (V(c)) {
+      const v = {
         in: void 0,
         // Don't fetch IN config for exit transitions
         out: Promise.resolve(c)
       };
-      if (!(await m.runOut(y)).config) {
+      if (!(await d.runOut(v)).config) {
         e && (e.direction = "out"), i && (i.remove(), i = null);
         return;
       }
-      (v = c.prepare) == null || v.call(c, a), g(), c.wait && await c.wait();
+      (S = c.prepare) == null || S.call(c, a), y(), c.wait && await c.wait();
       const E = new j({
         ...c,
         onEnd: () => {
-          var T, x;
-          (T = c.onEnd) == null || T.call(c), i && (i.remove(), i = null), e = null, (x = t == null ? void 0 : t.onCleanupEnd) == null || x.call(t);
+          var A, x;
+          (A = c.onEnd) == null || A.call(c), i && (i.remove(), i = null), e = null, (x = t == null ? void 0 : t.onCleanupEnd) == null || x.call(t);
         }
       });
       e = {
@@ -799,18 +799,18 @@ function W(n, t) {
       }, E.forward();
       return;
     }
-    const S = {
+    const g = {
       in: void 0,
       // Don't fetch IN config for exit transitions
       out: Promise.resolve(c)
-    }, w = await m.runOut(S);
+    }, w = await d.runOut(g);
     if (!w.config)
       return;
     if ("springs" in w.config) {
       console.error("Unexpected MultiSpringConfig in single-spring path");
       return;
     }
-    (C = (A = w.config).prepare) == null || C.call(A, a), g(), w.config.wait && await w.config.wait();
+    (T = (C = w.config).prepare) == null || T.call(C, a), y(), w.config.wait && await w.config.wait();
     const f = O.fromState(w.state, {
       from: w.from,
       to: w.to,
@@ -818,99 +818,86 @@ function W(n, t) {
       onStart: w.config.onStart,
       onUpdate: w.config.tick,
       onComplete: () => {
-        var y, b, E;
-        (b = (y = w.config) == null ? void 0 : y.onEnd) == null || b.call(y), i && (i.remove(), i = null), e = null, (E = t == null ? void 0 : t.onCleanupEnd) == null || E.call(t);
+        var v, b, E;
+        (b = (v = w.config) == null ? void 0 : v.onEnd) == null || b.call(v), i && (i.remove(), i = null), e = null, (E = t == null ? void 0 : t.onCleanupEnd) == null || E.call(t);
       }
     });
     e = { controller: f, direction: "out" }, w.direction === "forward" ? f.forward() : f.backward();
-    function g() {
-      !r || !i || (o && r.contains(o) ? r.insertBefore(i, o) : r.appendChild(i));
+    function y() {
+      !o || !i || (r && o.contains(r) ? o.insertBefore(i, r) : o.appendChild(i));
     }
   };
   return (a) => {
     if (a)
-      return r = a.parentElement, o = a.nextElementSibling, l(a), () => {
-        const p = a.cloneNode(!0);
-        h(p);
+      return o = a.parentElement, r = a.nextElementSibling, l(a), () => {
+        if (a.isConnected) {
+          const p = a.cloneNode(!0);
+          h(p);
+        } else
+          h(a);
       };
   };
 }
-const B = 3, K = (n) => {
+const Y = 3, X = (n) => {
   if (!n) return null;
   const t = n.split(`
 `).map((e) => e.trim());
-  for (let e = B; e < Math.min(t.length, 6); e++) {
-    const i = t[e], r = i == null ? void 0 : i.match(/\(?([^):]+):(\d+):(\d+)\)?$/);
-    if (!r)
+  for (let e = Y; e < Math.min(t.length, 6); e++) {
+    const i = t[e], o = i == null ? void 0 : i.match(/\(?([^):]+):(\d+):(\d+)\)?$/);
+    if (!o)
       continue;
-    const o = r[1] ?? "", s = r[2] ?? "0", m = r[3] ?? "0";
-    return { file: o.split(/[\\/]/).pop() || o, line: s, column: m };
+    const r = o[1] ?? "", s = o[2] ?? "0", d = o[3] ?? "0";
+    return { file: r.split(/[\\/]/).pop() || r, line: s, column: d };
   }
   return null;
-}, V = /* @__PURE__ */ new Map(), M = /* @__PURE__ */ new Map();
-function q(n, t, e) {
-  V.set(n, t);
-  let i = M.get(n);
+}, M = /* @__PURE__ */ new Map(), R = /* @__PURE__ */ new Map();
+function B(n, t, e) {
+  M.set(n, t);
+  let i = R.get(n);
   return i || (i = W(
     () => {
-      const r = V.get(n);
-      return r || (console.warn(`Transition "${String(n)}" not found`), {});
+      const o = M.get(n);
+      return o || (console.warn(`Transition "${String(n)}" not found`), {});
     },
     {
       strategy: e,
       onCleanupEnd: () => D(n)
     }
-  ), M.set(n, i), i);
+  ), R.set(n, i), i);
 }
 function D(n) {
-  V.delete(n), M.delete(n);
+  M.delete(n), R.delete(n);
 }
-function Y() {
-  const n = K(new Error().stack);
+function K() {
+  const n = X(new Error().stack);
   return n ? `auto_${n.file}_${n.line}_${n.column}` : Symbol(`ssgoi_auto_${Date.now()}`);
 }
-const U = globalThis.FinalizationRegistry, z = U ? new U((n) => {
-  try {
-    D(n);
-  } catch {
-  }
-}) : void 0;
+const L = globalThis.FinalizationRegistry, U = L ? (
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  new L((n) => {
+    try {
+      D(n);
+    } catch {
+    }
+  })
+) : void 0;
 function nt(n) {
-  const t = n.key ?? Y();
-  if (n.ref && z)
+  const t = n.key ?? K();
+  if (n.ref && U)
     try {
-      z.register(n.ref, t);
+      U.register(n.ref, t);
     } catch {
     }
-  return q(
+  return B(
     t,
     {
       in: n.in,
       out: n.out
     },
-    n[L]
+    n[z]
   );
 }
-const X = (n) => {
-  let t = n.parentElement;
-  for (; t && t !== document.body; ) {
-    const e = window.getComputedStyle(t), i = e.overflow + e.overflowY + e.overflowX;
-    if (i.includes("auto") || i.includes("scroll") || t.scrollHeight > t.clientHeight || t.scrollWidth > t.clientWidth)
-      return t;
-    t = t.parentElement;
-  }
-  return document.documentElement;
-}, G = (n) => {
-  let t = n.parentElement;
-  for (; t && t !== document.body; ) {
-    const e = window.getComputedStyle(t).position;
-    if (e === "relative" || e === "absolute" || e === "fixed" || e === "sticky")
-      return t;
-    t = t.parentElement;
-  }
-  return document.body;
-};
-function J(n) {
+function q(n) {
   const t = n.filter((e) => e.symmetric).map((e) => ({
     from: e.to,
     to: e.from,
@@ -918,32 +905,57 @@ function J(n) {
   }));
   return [...n, ...t];
 }
-function Q(n) {
-  let t = !1, e = !1;
-  const i = (l) => {
+function G(n) {
+  let t = !1, e = 0, i = 0, o = !1;
+  const r = 50, s = 50, d = (c) => {
     if (!n) return;
-    const h = l.touches[0];
-    h && (e = h.clientX < 50);
-  }, r = () => {
-    n && (e && (t = !0, setTimeout(() => {
+    const g = c.touches[0];
+    g && (o = g.clientX < s, o && (e = g.clientX, i = g.clientY));
+  }, l = (c) => {
+    if (!n || !o || t) return;
+    const g = c.touches[0];
+    if (!g) return;
+    const w = g.clientX - e, f = g.clientY - i;
+    w > r && Math.abs(w) > Math.abs(f) && (t = !0, setTimeout(() => {
       t = !1;
-    }, 500)), e = !1);
+    }, 500));
+  }, h = () => {
+    n && (o = !1, e = 0, i = 0);
   };
   return {
     initialize: () => {
-      typeof window > "u" || n && (window.addEventListener("touchstart", i, { passive: !0 }), window.addEventListener("touchend", r, { passive: !0 }));
+      typeof window > "u" || n && (window.addEventListener("touchstart", d, { passive: !0 }), window.addEventListener("touchmove", l, { passive: !0 }), window.addEventListener("touchend", h, { passive: !0 }));
     },
     cleanup: () => {
-      typeof window > "u" || (window.removeEventListener("touchstart", i), window.removeEventListener("touchend", r));
+      typeof window > "u" || (window.removeEventListener("touchstart", d), window.removeEventListener("touchmove", l), window.removeEventListener("touchend", h));
     },
     isSwipePending: () => t
   };
 }
+const J = (n) => {
+  let t = n.parentElement;
+  for (; t && t !== document.body; ) {
+    const e = window.getComputedStyle(t), i = e.overflow + e.overflowY + e.overflowX;
+    if (i.includes("auto") || i.includes("scroll") || t.scrollHeight > t.clientHeight || t.scrollWidth > t.clientWidth)
+      return t;
+    t = t.parentElement;
+  }
+  return document.documentElement;
+}, Q = (n) => {
+  let t = n.parentElement;
+  for (; t && t !== document.body; ) {
+    const e = window.getComputedStyle(t).position;
+    if (e === "relative" || e === "absolute" || e === "fixed" || e === "sticky")
+      return t;
+    t = t.parentElement;
+  }
+  return document.body;
+};
 function Z() {
   let n = null, t = null;
   const e = /* @__PURE__ */ new Map();
   let i = null;
-  const r = () => {
+  const o = () => {
     n && i && e.set(i, {
       x: n.scrollLeft,
       y: n.scrollTop
@@ -951,7 +963,7 @@ function Z() {
   };
   return {
     initializeContext: (u, a) => {
-      t = u, n || (n = X(u), (n === document.documentElement ? window : n).addEventListener("scroll", r, {
+      t = u, n || (n = J(u), (n === document.documentElement ? window : n).addEventListener("scroll", o, {
         passive: !0
       })), i = a;
     },
@@ -963,43 +975,61 @@ function Z() {
       };
     },
     getScrollContainer: () => n,
-    getPositionedParentElement: () => t ? G(t) : document.body,
+    getPositionedParentElement: () => t ? Q(t) : document.body,
     getScrollPosition: (u) => u && e.has(u) ? e.get(u) : { x: 0, y: 0 }
   };
 }
+function P(n, t) {
+  if (t === "*")
+    return !0;
+  if (t.endsWith("/*")) {
+    const e = t.slice(0, -2);
+    return n === e || n.startsWith(e + "/");
+  }
+  return n === t;
+}
+function tt(n, t, e) {
+  for (const i of e)
+    if (P(n, i.from) && P(t, i.to))
+      return i.transition;
+  for (const i of e)
+    if ((i.from === "*" || P(n, i.from)) && (i.to === "*" || P(t, i.to)))
+      return i.transition;
+  return null;
+}
 function ot(n) {
   const {
     transitions: t = [],
     defaultTransition: e,
-    middleware: i = (f, g) => ({ from: f, to: g }),
+    middleware: i = (f, y) => ({ from: f, to: y }),
     // Identity function as default
-    skipOnIosSwipe: r = !1
+    skipOnIosSwipe: o = !0
     // Default to true - skip animations on iOS swipe
   } = n;
-  let o = null;
-  const s = J(t), {
-    initializeContext: m,
+  let r = null;
+  const s = q(t), {
+    initializeContext: d,
     calculateScrollOffset: l,
     getScrollContainer: h,
     getPositionedParentElement: u,
     getScrollPosition: a
-  } = Z(), p = Q(r);
+  } = Z(), p = G(o);
   p.initialize();
   function c() {
-    if (o != null && o.from && (o != null && o.to)) {
-      const { from: f, to: g } = i(
-        o.from,
-        o.to
-      ), A = tt(
+    if (r != null && r.from && (r != null && r.to)) {
+      const { from: f, to: y } = i(
+        r.from,
+        r.to
+      ), C = tt(
         f,
-        g,
+        y,
         s
-      ) || e, C = l(
-        o.from,
-        o.to
-      ), y = {
-        scrollOffset: C,
-        scroll: a(o.from),
+      ) || e, T = l(
+        r.from,
+        r.to
+      ), v = {
+        scrollOffset: T,
+        scroll: a(r.from),
         get scrollingElement() {
           return h() || document.documentElement;
         },
@@ -1007,9 +1037,9 @@ function ot(n) {
           return u();
         }
       }, b = {
-        scrollOffset: C,
+        scrollOffset: T,
         get scroll() {
-          return o ? a(o.to) : { x: 0, y: 0 };
+          return r ? a(r.to) : { x: 0, y: 0 };
         },
         get scrollingElement() {
           return h() || document.documentElement;
@@ -1018,51 +1048,33 @@ function ot(n) {
           return u();
         }
       };
-      A && (A.out && o.outResolve && o.outResolve(
-        (E) => A.out(E, y)
-      ), A.in && o.inResolve && o.inResolve(
-        (E) => A.in(E, b)
-      )), o = null;
+      C && (C.out && r.outResolve && r.outResolve(
+        (E) => C.out(E, v)
+      ), C.in && r.inResolve && r.inResolve(
+        (E) => C.in(E, b)
+      )), r = null;
     }
   }
-  const S = async (f, g) => p.isSwipePending() ? () => ({}) : g === "in" && (!o || !o.from) ? () => ({}) : (o || (o = {}), g === "out" ? (o.from = f, new Promise((v) => {
-    o.outResolve = v, c();
-  })) : (o.to = f, new Promise((v) => {
-    o.inResolve = v, c();
+  const g = async (f, y) => p.isSwipePending() ? () => ({}) : y === "in" && (!r || !r.from) ? () => ({}) : (r || (r = {}), y === "out" ? (r.from = f, new Promise((S) => {
+    r.outResolve = S, c();
+  })) : (r.to = f, new Promise((S) => {
+    r.inResolve = S, c();
   })));
   return (f) => ({
     key: f,
-    in: async (g) => (m(g, f), (await S(f, "in"))(g)),
-    out: async (g) => (await S(f, "out"))(g),
+    in: async (y) => (d(y, f), (await g(f, "in"))(y)),
+    out: async (y) => (await g(f, "out"))(y),
     // Add page transition strategy for page-level transitions
-    [L]: H
+    [z]: N
   });
 }
-function tt(n, t, e) {
-  for (const i of e)
-    if (P(n, i.from) && P(t, i.to))
-      return i.transition;
-  for (const i of e)
-    if ((i.from === "*" || P(n, i.from)) && (i.to === "*" || P(t, i.to)))
-      return i.transition;
-  return null;
-}
-function P(n, t) {
-  if (t === "*")
-    return !0;
-  if (t.endsWith("/*")) {
-    const e = t.slice(0, -2);
-    return n === e || n.startsWith(e + "/");
-  }
-  return n === t;
-}
 export {
-  L as TRANSITION_STRATEGY,
-  N as createDefaultStrategy,
-  H as createPageTransitionStrategy,
+  z as TRANSITION_STRATEGY,
+  F as createDefaultStrategy,
+  N as createPageTransitionStrategy,
   ot as createSggoiTransitionContext,
-  Y as generateAutoKey,
-  R as isMultiSpring,
+  K as generateAutoKey,
+  V as isMultiSpring,
   at as isSingleSpring,
   lt as jaeminInternal,
   nt as transition