@ssgoi/core 3.0.0 → 3.1.1

package/dist/index.js

@@ -1,10 +1,10 @@
-var $ = Object.defineProperty;
-var j = (i, n, t) => n in i ? $(i, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[n] = t;
-var d = (i, n, t) => j(i, typeof n != "symbol" ? n + "" : n, t);
-import { normalizeToMultiSpring as V, normalizeMultiSpringSchedule as M } from "./types.js";
-import { isCssAnimation as vt, isMultiSpring as St, isSingleSpring as Ct, isTickAnimation as At, validateAnimationMode as Et, validateSpringItem as Tt } from "./types.js";
-import { j as bt } from "./jaemin-BWkrXq0V.js";
-class W {
+var K = Object.defineProperty;
+var U = (n, e, t) => e in n ? K(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var d = (n, e, t) => U(n, typeof e != "symbol" ? e + "" : e, t);
+import { normalizeToMultiSpring as k, normalizeMultiSpringSchedule as F } from "./types.js";
+import { isCssAnimation as kt, isMultiSpring as Vt, isSingleSpring as bt, isTickAnimation as Rt, validateAnimationMode as It, validateSpringItem as Pt } from "./types.js";
+import { j as Mt } from "./jaemin-BWkrXq0V.js";
+class G {
   constructor() {
     d(this, "listeners", /* @__PURE__ */ new Set());
     d(this, "rafId", null);
@@ -25,12 +25,12 @@ class W {
     // max 240fps
     d(this, "nextTime", this.gap);
     d(this, "tick", () => {
-      const n = Date.now();
-      let e = n - this.lastUpdate;
-      e > this.lagThreshold || e < 0 ? (this.startTime += e - this.adjustedLag, e = this.adjustedLag) : e > this.maxDeltaTime && (e = this.maxDeltaTime), this.lastUpdate = n;
-      const r = n - this.startTime, o = r - this.nextTime;
+      const e = Date.now();
+      let i = e - this.lastUpdate;
+      i > this.lagThreshold || i < 0 ? (this.startTime += i - this.adjustedLag, i = this.adjustedLag) : i > this.maxDeltaTime && (i = this.maxDeltaTime), this.lastUpdate = e;
+      const r = e - this.startTime, o = r - this.nextTime;
       if (o > 0) {
-        const s = e / 1e3;
+        const s = i / 1e3;
         this.elapsed = r / 1e3, this.nextTime += o + (o >= this.gap ? 4 : this.gap - o), this.listeners.forEach((a) => {
           a(s, this.elapsed);
         });
@@ -38,28 +38,28 @@ class W {
       this.listeners.size > 0 ? this.rafId = requestAnimationFrame(this.tick) : (this.isRunning = !1, this.rafId = null);
     });
   }
-  subscribe(n) {
-    return this.listeners.add(n), this.isRunning || (this.isRunning = !0, this.rafId = requestAnimationFrame(this.tick)), () => {
-      this.unsubscribe(n);
+  subscribe(e) {
+    return this.listeners.add(e), this.isRunning || (this.isRunning = !0, this.rafId = requestAnimationFrame(this.tick)), () => {
+      this.unsubscribe(e);
     };
   }
-  unsubscribe(n) {
-    this.listeners.delete(n), this.listeners.size === 0 && this.rafId !== null && (cancelAnimationFrame(this.rafId), this.isRunning = !1, this.rafId = null);
+  unsubscribe(e) {
+    this.listeners.delete(e), this.listeners.size === 0 && this.rafId !== null && (cancelAnimationFrame(this.rafId), this.isRunning = !1, this.rafId = null);
   }
   /**
    * Configure lag smoothing behavior
    * @param threshold - Time threshold to detect lag (default: 500ms)
    * @param adjustedLag - Max time jump when lag detected (default: 33ms)
    */
-  lagSmoothing(n, t) {
-    this.lagThreshold = n, this.adjustedLag = Math.min(t, n);
+  lagSmoothing(e, t) {
+    this.lagThreshold = e, this.adjustedLag = Math.min(t, e);
   }
   /**
    * Set maximum FPS
    * @param fps - Target FPS (default: 240)
    */
-  fps(n) {
-    this.gap = 1e3 / n, this.nextTime = this.elapsed * 1e3 + this.gap;
+  fps(e) {
+    this.gap = 1e3 / e, this.nextTime = this.elapsed * 1e3 + this.gap;
   }
   getListenerCount() {
     return this.listeners.size;
@@ -68,71 +68,71 @@ class W {
     return this.elapsed;
   }
 }
-const P = new W();
-function z(i) {
-  const n = i.stiffness, t = i.damping, e = 1, r = Math.sqrt(n / e), o = t / (2 * Math.sqrt(n * e));
+const P = new G();
+function z(n) {
+  const e = n.stiffness, t = n.damping, i = 1, r = Math.sqrt(e / i), o = t / (2 * Math.sqrt(e * i));
   return { omega: r, zeta: o };
 }
-function _(i, n, t, e) {
-  const { omega: r, zeta: o } = t, { position: s, velocity: a } = i, c = Math.min(e, 0.033), u = -2 * c * o * r * a, h = c * r * r * (n - s), l = a + u + h;
+function q(n, e, t, i) {
+  const { omega: r, zeta: o } = t, { position: s, velocity: a } = n, c = Math.min(i, 0.033), l = -2 * c * o * r * a, f = c * r * r * (e - s), w = a + l + f;
   return {
-    position: s + c * l,
-    velocity: l
+    position: s + c * w,
+    velocity: w
   };
 }
-const K = 0.01, U = 0.01, H = 0.05;
-function N(i, n) {
-  const t = Math.abs(n - i.position), e = Math.abs(i.velocity);
-  return t < K && e < U;
+const B = 0.01, J = 0.01, H = 0.05;
+function N(n, e) {
+  const t = Math.abs(e - n.position), i = Math.abs(n.velocity);
+  return t < B && i < J;
 }
-function G(i) {
+function Q(n) {
   const {
-    from: n,
+    from: e,
     to: t,
-    spring: e,
+    spring: i,
     velocity: r = 0,
     onUpdate: o,
     onComplete: s,
     onStart: a
-  } = i;
-  let c = { position: n, velocity: r }, u = !0, h = 0, l = !1;
-  const g = z(e), w = (p) => {
-    if (u) {
-      if (l || (l = !0, a == null || a()), c = _(c, t, g, p), N(c, t)) {
-        if (h += Math.min(p, 0.033), h >= H) {
-          c = { position: t, velocity: 0 }, u = !1, o(c.position), P.unsubscribe(w), s();
+  } = n;
+  let c = { position: e, velocity: r }, l = !0, f = 0, w = !1;
+  const u = z(i), h = (p) => {
+    if (l) {
+      if (w || (w = !0, a == null || a()), c = q(c, t, u, p), N(c, t)) {
+        if (f += Math.min(p, 0.033), f >= H) {
+          c = { position: t, velocity: 0 }, l = !1, o(c.position), P.unsubscribe(h), s();
           return;
         }
       } else
-        h = 0;
+        f = 0;
       o(c.position);
     }
   };
-  return P.subscribe(w), {
+  return P.subscribe(h), {
     stop: () => {
-      u && (u = !1, P.unsubscribe(w));
+      l && (l = !1, P.unsubscribe(h));
     },
     getPosition: () => c.position,
     getVelocity: () => c.velocity,
-    isRunning: () => u
+    isRunning: () => l
   };
 }
-const b = 1e3 / 60;
-function B(i, n, t, e = 0) {
+const V = 1e3 / 60;
+function Z(n, e, t, i = 0) {
   const r = z(t), o = 600;
-  let s = { position: i, velocity: e }, a = 0;
+  let s = { position: n, velocity: i }, a = 0;
   const c = [];
-  for (let u = 0; u < o; u++) {
-    const h = u * b;
+  for (let l = 0; l < o; l++) {
+    const f = l * V;
     if (c.push({
-      time: h,
+      time: f,
       position: s.position,
       velocity: s.velocity
-    }), s = _(s, n, r, b / 1e3), N(s, n)) {
-      if (a += b / 1e3, a >= H) {
+    }), s = q(s, e, r, V / 1e3), N(s, e)) {
+      if (a += V / 1e3, a >= H) {
         c.push({
-          time: (u + 1) * b,
-          position: n,
+          time: (l + 1) * V,
+          position: e,
           velocity: 0
         });
         break;
@@ -142,78 +142,78 @@ function B(i, n, t, e = 0) {
   }
   return c;
 }
-function O(i, n) {
-  if (i.length === 0)
+function D(n, e) {
+  if (n.length === 0)
     return { position: 0, velocity: 0 };
-  const t = i[0], e = i[i.length - 1];
-  if (n <= 0)
+  const t = n[0], i = n[n.length - 1];
+  if (e <= 0)
     return { position: t.position, velocity: t.velocity };
-  if (n >= e.time)
-    return { position: e.position, velocity: e.velocity };
-  let r = 0, o = i.length - 1;
+  if (e >= i.time)
+    return { position: i.position, velocity: i.velocity };
+  let r = 0, o = n.length - 1;
   for (; r < o - 1; ) {
-    const u = Math.floor((r + o) / 2);
-    i[u].time <= n ? r = u : o = u;
+    const l = Math.floor((r + o) / 2);
+    n[l].time <= e ? r = l : o = l;
   }
-  const s = i[r], a = i[o], c = (n - s.time) / (a.time - s.time);
+  const s = n[r], a = n[o], c = (e - s.time) / (a.time - s.time);
   return {
     position: s.position + (a.position - s.position) * c,
     velocity: s.velocity + (a.velocity - s.velocity) * c
   };
 }
-function J(i, n) {
-  return i.map((t) => n(t.position));
+function tt(n, e) {
+  return n.map((t) => e(t.position));
 }
-function Q(i) {
+function et(n) {
   const {
-    element: n,
+    element: e,
     from: t,
-    to: e,
+    to: i,
     spring: r,
     velocity: o = 0,
     style: s,
     onComplete: a,
     onStart: c
-  } = i, u = B(t, e, r, o);
-  if (u.length === 0)
+  } = n, l = Z(t, i, r, o);
+  if (l.length === 0)
     return c == null || c(), a(), {
       stop: () => {
       },
-      getPosition: () => e,
+      getPosition: () => i,
       getVelocity: () => 0,
       isRunning: () => !1
     };
-  const h = J(u, s), l = u[u.length - 1], g = l.time, w = n.animate(h, {
-    duration: g,
+  const f = tt(l, s), w = l[l.length - 1], u = w.time, h = e.animate(f, {
+    duration: u,
     fill: "forwards",
     easing: "linear"
     // Spring physics already applied in keyframes
   });
   let p = !0;
-  const y = performance.now();
-  return c == null || c(), w.onfinish = () => {
+  const v = performance.now();
+  return c == null || c(), h.onfinish = () => {
     p && (p = !1, a());
   }, {
     stop: () => {
-      p && (p = !1, w.cancel());
+      p && (p = !1, h.cancel());
     },
     getPosition: () => {
       if (!p)
-        return l.position;
-      const m = performance.now() - y;
-      return O(u, m).position;
+        return w.position;
+      const y = performance.now() - v;
+      return D(l, y).position;
     },
     getVelocity: () => {
       if (!p)
         return 0;
-      const m = performance.now() - y;
-      return O(u, m).velocity;
+      const y = performance.now() - v;
+      return D(l, y).velocity;
     },
     isRunning: () => p
   };
 }
-function Z(i) {
-  const { from: n, to: t, spring: e, velocity: r, onComplete: o, onStart: s, tick: a, css: c } = i;
+function it(n) {
+  const { from: e, to: t, spring: i, velocity: r, onComplete: o, onStart: s, tick: a, css: c } = n;
   if (a && c)
     throw new Error("Cannot use both 'tick' and 'css' options together");
   return !a && !c ? (s == null || s(), o(), {
@@ -222,28 +222,28 @@ function Z(i) {
     getPosition: () => t,
     getVelocity: () => 0,
     isRunning: () => !1
-  }) : c ? Q({
+  }) : c ? et({
     element: c.element,
-    from: n,
+    from: e,
     to: t,
-    spring: e,
+    spring: i,
     velocity: r,
     style: c.style,
     onComplete: o,
     onStart: s
-  }) : G({
-    from: n,
+  }) : Q({
+    from: e,
     to: t,
-    spring: e,
+    spring: i,
     velocity: r,
     onUpdate: a,
     onComplete: o,
     onStart: s
   });
 }
-class X {
+class Y {
 }
-class I extends X {
+class R extends Y {
   constructor(t) {
     super();
     d(this, "options");
@@ -265,7 +265,7 @@ class I extends X {
     }, this.currentValue = this.options.from;
   }
   runAnimation(t) {
-    this.isAnimating = !0, this.controls = Z({
+    this.isAnimating = !0, this.controls = it({
       from: this.currentValue,
       to: t,
       spring: this.options.spring,
@@ -319,12 +319,12 @@ class I extends X {
   updateOptions(t) {
     this.options = { ...this.options, ...t };
   }
-  static fromState(t, e) {
-    const r = new I(e);
+  static fromState(t, i) {
+    const r = new R(i);
     return r.setValue(t.position), r.setVelocity(t.velocity), r;
   }
 }
-class x extends X {
+class I extends Y {
   constructor(t) {
     super();
     d(this, "config");
@@ -345,21 +345,21 @@ class x extends X {
   }
   initializeAnimators() {
     this.config.springs.forEach((t) => {
-      const e = this.generateId(), r = new I({
+      const i = this.generateId(), r = new R({
         from: this.from,
         to: this.to,
         spring: t.spring,
         tick: t.tick,
         css: t.css && this.element ? { element: this.element, style: t.css } : void 0,
-        onComplete: () => this.onAnimatorComplete(e),
+        onComplete: () => this.onAnimatorComplete(i),
         onStart: t.onStart
       });
-      this.animators.set(e, {
-        id: e,
+      this.animators.set(i, {
+        id: i,
         item: t,
         animator: r,
         started: !1
-      }), this.springOrder.push(e);
+      }), this.springOrder.push(i);
     });
   }
   /**
@@ -367,8 +367,8 @@ class x extends X {
    * Progress = |position - from| / |to - from|
    */
   getAnimatorProgress(t) {
-    const e = t.animator.getCurrentState(), r = Math.abs(e.to - e.from);
-    return r === 0 ? 1 : Math.abs(e.position - e.from) / r;
+    const i = t.animator.getCurrentState(), r = Math.abs(i.to - i.from);
+    return r === 0 ? 1 : Math.abs(i.position - i.from) / r;
   }
   /**
    * Get order of springs based on direction
@@ -379,9 +379,9 @@ class x extends X {
     return this.direction === "forward" ? this.springOrder : [...this.springOrder].reverse();
   }
   onAnimatorComplete(t) {
-    var r, o, s, a, c, u;
-    const e = this.animators.get(t);
-    !e || this.completedAnimators.has(t) || (this.completedAnimators.add(t), this.completedCount++, (o = (r = e.item).onComplete) == null || o.call(r), (a = (s = this.config).onProgress) == null || a.call(s, this.completedCount, this.config.springs.length), this.completedCount === this.config.springs.length && (this.stopScheduler(), (u = (c = this.config).onEnd) == null || u.call(c)));
+    var r, o, s, a, c, l;
+    const i = this.animators.get(t);
+    !i || this.completedAnimators.has(t) || (this.completedAnimators.add(t), this.completedCount++, (o = (r = i.item).onComplete) == null || o.call(r), (a = (s = this.config).onProgress) == null || a.call(s, this.completedCount, this.config.springs.length), this.completedCount === this.config.springs.length && (this.stopScheduler(), (l = (c = this.config).onEnd) == null || l.call(c)));
   }
   /**
    * Check and start springs based on previous spring's progress
@@ -389,22 +389,22 @@ class x extends X {
    */
   checkAndStartSprings() {
     const t = this.getOrderedIds();
-    for (let e = 0; e < t.length; e++) {
-      const r = t[e], o = this.animators.get(r);
+    for (let i = 0; i < t.length; i++) {
+      const r = t[i], o = this.animators.get(r);
       if (!o || o.started) continue;
-      if (e === 0) {
+      if (i === 0) {
         this.startAnimator(r);
         continue;
       }
-      const s = t[e - 1], a = this.animators.get(s);
+      const s = t[i - 1], a = this.animators.get(s);
       if (!a || !a.started) continue;
-      const c = this.getAnimatorProgress(a), u = o.item.normalizedOffset;
-      c >= u && this.startAnimator(r);
+      const c = this.getAnimatorProgress(a), l = o.item.normalizedOffset;
+      c >= l && this.startAnimator(r);
     }
   }
   startAnimator(t) {
-    const e = this.animators.get(t);
-    !e || e.started || (e.started = !0, this.direction === "forward" ? e.animator.forward() : e.animator.backward());
+    const i = this.animators.get(t);
+    !i || i.started || (i.started = !0, this.direction === "forward" ? i.animator.forward() : i.animator.backward());
   }
   /**
    * Start the scheduler loop that checks spring progress
@@ -413,23 +413,23 @@ class x extends X {
     const t = () => {
       this.checkAndStartSprings(), this.getIsAnimating() && (this.rafId = requestAnimationFrame(t));
     };
-    this.rafId = requestAnimationFrame(t);
+    t();
   }
   stopScheduler() {
     this.rafId !== null && (cancelAnimationFrame(this.rafId), this.rafId = null);
   }
   getFirstAnimator() {
-    var e;
+    var i;
     const t = this.springOrder[0];
-    return t ? ((e = this.animators.get(t)) == null ? void 0 : e.animator) ?? null : null;
+    return t ? ((i = this.animators.get(t)) == null ? void 0 : i.animator) ?? null : null;
   }
   forward() {
-    var t, e;
-    this.stop(), this.direction = "forward", this.completedCount = 0, this.completedAnimators.clear(), this.resetStartedFlags(), (e = (t = this.config).onStart) == null || e.call(t), this.startScheduler();
+    var t, i;
+    this.stop(), this.direction = "forward", this.completedCount = 0, this.completedAnimators.clear(), this.resetStartedFlags(), (i = (t = this.config).onStart) == null || i.call(t), this.startScheduler();
   }
   backward() {
-    var t, e;
-    this.stop(), this.direction = "backward", this.completedCount = 0, this.completedAnimators.clear(), this.resetStartedFlags(), (e = (t = this.config).onStart) == null || e.call(t), this.startScheduler();
+    var t, i;
+    this.stop(), this.direction = "backward", this.completedCount = 0, this.completedAnimators.clear(), this.resetStartedFlags(), (i = (t = this.config).onStart) == null || i.call(t), this.startScheduler();
   }
   resetStartedFlags() {
     this.animators.forEach((t) => {
@@ -445,9 +445,9 @@ class x extends X {
     this.direction = this.direction === "forward" ? "backward" : "forward", this.animators.forEach((t) => {
       if (!t.started)
         return;
-      const e = t.animator.getCurrentState();
-      if (e.position === e.to) {
-        const o = t.item.css && this.element ? { element: this.element, style: t.item.css } : void 0, s = I.fromState(
+      const i = t.animator.getCurrentState();
+      if (i.position === i.to) {
+        const o = t.item.css && this.element ? { element: this.element, style: t.item.css } : void 0, s = R.fromState(
           { position: this.to, velocity: 0 },
           {
             from: this.to,
@@ -492,16 +492,16 @@ class x extends X {
    * TODO: Support per-spring control
    */
   setValue(t) {
-    const e = this.getFirstAnimator();
-    e == null || e.setValue(t);
+    const i = this.getFirstAnimator();
+    i == null || i.setValue(t);
   }
   /**
    * Set velocity on first animator
    * TODO: Support per-spring control
    */
   setVelocity(t) {
-    const e = this.getFirstAnimator();
-    e == null || e.setVelocity(t);
+    const i = this.getFirstAnimator();
+    i == null || i.setVelocity(t);
   }
   /**
    * Check if any animation is currently running
@@ -516,19 +516,19 @@ class x extends X {
    * Create MultiAnimator from existing state
    * Uses first animator's state for initialization
    */
-  static fromState(t, e) {
-    const r = new x(e);
+  static fromState(t, i) {
+    const r = new I(i);
     return r.setValue(t.position), r.setVelocity(t.velocity), r;
   }
 }
-const Y = Symbol.for("TRANSITION_STRATEGY"), tt = (i) => ({
-  runIn: async (n) => {
-    const { currentAnimation: t } = i;
+const X = Symbol.for("TRANSITION_STRATEGY"), nt = (n) => ({
+  runIn: async (e) => {
+    const { currentAnimation: t } = n;
     if (t && t.direction === "out") {
       const r = t.controller.getCurrentValue(), o = t.controller.getVelocity();
-      if (t.controller.stop(), n.out)
+      if (t.controller.stop(), e.out)
         return {
-          config: n.out,
+          config: await e.out,
           state: { position: r, velocity: o },
           from: 1,
           to: 0,
@@ -536,9 +536,8 @@ const Y = Symbol.for("TRANSITION_STRATEGY"), tt = (i) => ({
           // Will actually go 0→1 (backward means toward 'from')
         };
     }
-    const e = n.in;
-    return e ? {
-      config: e,
+    return e.in ? {
+      config: await e.in,
       state: {
         position: 0,
         velocity: 0
@@ -556,13 +555,13 @@ const Y = Symbol.for("TRANSITION_STRATEGY"), tt = (i) => ({
       direction: "forward"
     };
   },
-  runOut: async (n) => {
-    const { currentAnimation: t } = i;
+  runOut: async (e) => {
+    const { currentAnimation: t } = n;
     if (t && t.direction === "in") {
       const r = t.controller.getCurrentValue(), o = t.controller.getVelocity();
-      if (t.controller.stop(), n.in)
+      if (t.controller.stop(), e.in)
         return {
-          config: n.in,
+          config: await e.in,
           state: { position: r, velocity: o },
           from: 0,
           to: 1,
@@ -570,9 +569,8 @@ const Y = Symbol.for("TRANSITION_STRATEGY"), tt = (i) => ({
           // Will actually go 1→0 (backward means toward 'from')
         };
     }
-    const e = n.out;
-    return e ? {
-      config: e,
+    return e.out ? {
+      config: await e.out,
       state: {
         position: 1,
         velocity: 0
@@ -590,376 +588,398 @@ const Y = Symbol.for("TRANSITION_STRATEGY"), tt = (i) => ({
       direction: "forward"
     };
   }
-}), et = () => ({
-  runIn: async (i) => {
-    const n = i.in;
-    return n ? {
-      config: n,
-      state: {
-        position: 0,
-        velocity: 0
-      },
-      from: 0,
-      to: 1,
-      direction: "forward"
-    } : {
-      state: {
-        position: 0,
-        velocity: 0
-      },
-      from: 0,
-      to: 1,
-      direction: "forward"
-    };
+}), ot = () => ({
+  runIn: async (n) => n.in ? {
+    config: await n.in,
+    state: {
+      position: 0,
+      velocity: 0
+    },
+    from: 0,
+    to: 1,
+    direction: "forward"
+  } : {
+    state: {
+      position: 0,
+      velocity: 0
+    },
+    from: 0,
+    to: 1,
+    direction: "forward"
   },
-  runOut: async (i) => {
-    const n = i.out;
-    return n ? {
-      config: n,
-      state: {
-        position: 1,
-        velocity: 0
-      },
-      from: 1,
-      to: 0,
-      direction: "forward"
-    } : {
-      state: {
-        position: 1,
-        velocity: 0
-      },
-      from: 1,
-      to: 0,
-      direction: "forward"
-    };
-  }
-});
-function nt(i, n) {
-  var h;
-  let t = null, e = null, r = null, o = null;
+  runOut: async (n) => n.out ? {
+    config: await n.out,
+    state: {
+      position: 1,
+      velocity: 0
+    },
+    from: 1,
+    to: 0,
+    direction: "forward"
+  } : {
+    state: {
+      position: 1,
+      velocity: 0
+    },
+    from: 1,
+    to: 0,
+    direction: "forward"
+  }
+}), $ = "data-ssgoi-scope", j = "data-ssgoi-scope-ready";
+function St() {
+  return (n) => {
+    if (n)
+      return n.setAttribute($, ""), queueMicrotask(() => {
+        queueMicrotask(() => {
+          n.setAttribute(j, "true");
+        });
+      }), () => {
+      };
+  };
+}
+function rt(n) {
+  return n.hasAttribute(j);
+}
+function st(n) {
+  return n.closest(`[${$}]`);
+}
+function ct(n, e) {
+  var w;
+  let t = null, i = null, r = null, o = null;
   const s = {
     get currentAnimation() {
       return t;
     }
-  }, a = ((h = n == null ? void 0 : n.strategy) == null ? void 0 : h.call(n, s)) || tt(s), c = async (l) => {
-    var C;
-    e && (e.remove(), e = null);
-    const g = i(), w = g.in && await g.in(l), p = !(n != null && n.strategy) && g.out ? await g.out(l) : void 0;
-    if (!w)
+  }, a = ((w = e == null ? void 0 : e.strategy) == null ? void 0 : w.call(e, s)) || nt(s), c = async (u) => {
+    var E;
+    i && (i.remove(), i = null);
+    const h = n(), p = h.in && h.in(u), v = !(e != null && e.strategy) && h.out ? h.out(u) : void 0;
+    if (!p)
       return;
     const y = {
-      in: V(w),
-      out: p ? V(p) : void 0
+      in: k(p),
+      out: v ? k(v) : void 0
     }, m = await a.runIn(y);
     if (!m.config) {
       t && (t.direction = "in");
       return;
     }
-    const f = m.config;
-    (C = f.prepare) == null || C.call(f, l), f.wait && await f.wait();
-    const S = M({
-      ...f,
+    const g = m.config;
+    (E = g.prepare) == null || E.call(g, u), g.wait && await g.wait();
+    const C = F({
+      ...g,
       onEnd: () => {
         var A;
-        t = null, (A = f.onEnd) == null || A.call(f);
+        t = null, (A = g.onEnd) == null || A.call(g);
       }
-    }), v = x.fromState(m.state, {
-      config: S,
+    }), S = I.fromState(m.state, {
+      config: C,
       from: m.from,
       to: m.to,
-      element: l
+      element: u
     });
-    t = { controller: v, direction: "in" }, m.direction === "forward" ? v.forward() : v.backward();
-  }, u = async (l) => {
+    t = { controller: S, direction: "in" }, m.direction === "forward" ? S.forward() : S.backward();
+  }, l = async (u) => {
     var A;
-    e = l;
-    const g = i(), w = !(n != null && n.strategy) && g.in ? await g.in(l) : void 0, p = g.out && await g.out(l);
-    if (!p)
+    i = u;
+    const h = n(), p = !(e != null && e.strategy) && h.in ? h.in(u) : void 0, v = h.out && h.out(u);
+    if (!v)
       return;
     const y = {
-      in: w ? V(w) : void 0,
-      out: V(p)
+      in: p ? k(p) : void 0,
+      out: k(v)
     }, m = await a.runOut(y);
     if (!m.config) {
-      t && (t.direction = "out"), e && (e.remove(), e = null);
+      t && (t.direction = "out"), i && (i.remove(), i = null);
       return;
     }
-    const f = m.config;
-    (A = f.prepare) == null || A.call(f, l), C(), f.wait && await f.wait();
-    const S = M({
-      ...f,
+    const g = m.config;
+    (A = g.prepare) == null || A.call(g, u), E(), g.wait && await g.wait();
+    const C = F({
+      ...g,
       onEnd: () => {
-        var T, E;
-        (T = f.onEnd) == null || T.call(f), e && (e.remove(), e = null), t = null, (E = n == null ? void 0 : n.onCleanupEnd) == null || E.call(n);
+        var T, O;
+        (T = g.onEnd) == null || T.call(g), i && (i.remove(), i = null), t = null, (O = e == null ? void 0 : e.onCleanupEnd) == null || O.call(e);
       }
-    }), v = x.fromState(m.state, {
-      config: S,
+    }), S = I.fromState(m.state, {
+      config: C,
       from: m.from,
       to: m.to,
-      element: l
+      element: u
     });
-    t = { controller: v, direction: "out" }, m.direction === "forward" ? v.forward() : v.backward();
-    function C() {
-      !r || !e || (o && r.contains(o) ? r.insertBefore(e, o) : r.appendChild(e));
+    t = { controller: S, direction: "out" }, m.direction === "forward" ? S.forward() : S.backward();
+    function E() {
+      !r || !i || (o && r.contains(o) ? r.insertBefore(i, o) : r.appendChild(i));
     }
   };
-  return (l) => {
-    if (l)
-      return r = l.parentElement, o = l.nextElementSibling, c(l), () => {
-        if (l.isConnected) {
-          const g = l.cloneNode(!0);
-          u(g);
-        } else
-          u(l);
+  let f = null;
+  return (u) => {
+    if (u)
+      return r = u.parentElement, o = u.nextElementSibling, (e == null ? void 0 : e.scope) === "local" ? queueMicrotask(() => {
+        f = st(u), !(f && !rt(f)) && c(u);
+      }) : c(u), () => {
+        const h = u.isConnected ? u.cloneNode(!0) : u;
+        f ? queueMicrotask(() => {
+          document.contains(f) && l(h);
+        }) : l(h);
       };
   };
 }
-const it = 3, ot = (i) => {
-  if (!i) return null;
-  const n = i.split(`
+const at = 3, lt = (n) => {
+  if (!n) return null;
+  const e = n.split(`
 `).map((t) => t.trim());
-  for (let t = it; t < Math.min(n.length, 6); t++) {
-    const e = n[t], r = e == null ? void 0 : e.match(/\(?([^):]+):(\d+):(\d+)\)?$/);
+  for (let t = at; t < Math.min(e.length, 6); t++) {
+    const i = e[t], r = i == null ? void 0 : i.match(/\(?([^):]+):(\d+):(\d+)\)?$/);
     if (!r)
       continue;
     const o = r[1] ?? "", s = r[2] ?? "0", a = r[3] ?? "0";
     return { file: o.split(/[\\/]/).pop() || o, line: s, column: a };
   }
   return null;
-}, R = /* @__PURE__ */ new Map(), F = /* @__PURE__ */ new Map();
-function rt(i, n, t) {
-  R.set(i, n);
-  let e = F.get(i);
-  return e || (e = nt(
+}, x = /* @__PURE__ */ new Map(), M = /* @__PURE__ */ new Map();
+function ut(n, e, t) {
+  x.set(n, e);
+  let i = M.get(n);
+  return i || (i = ct(
     () => {
-      const r = R.get(i);
-      return r || (console.warn(`Transition "${String(i)}" not found`), {});
+      const r = x.get(n);
+      return r || (console.warn(`Transition "${String(n)}" not found`), {});
     },
     {
-      strategy: t,
-      onCleanupEnd: () => q(i)
+      strategy: t == null ? void 0 : t.strategy,
+      scope: t == null ? void 0 : t.scope,
+      onCleanupEnd: () => W(n)
     }
-  ), F.set(i, e), e);
+  ), M.set(n, i), i);
 }
-function q(i) {
-  R.delete(i), F.delete(i);
+function W(n) {
+  x.delete(n), M.delete(n);
 }
-function st() {
-  const i = ot(new Error().stack);
-  return i ? `auto_${i.file}_${i.line}_${i.column}` : Symbol(`ssgoi_auto_${Date.now()}`);
+function ft() {
+  const n = lt(new Error().stack);
+  return n ? `auto_${n.file}_${n.line}_${n.column}` : Symbol(`ssgoi_auto_${Date.now()}`);
 }
-const L = globalThis.FinalizationRegistry, D = L ? (
+const L = globalThis.FinalizationRegistry, _ = L ? (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  new L((i) => {
+  new L((n) => {
     try {
-      q(i);
+      W(n);
     } catch {
     }
   })
 ) : void 0;
-function gt(i) {
-  const n = i.key ?? st();
-  if (i.ref && D)
+function Ct(n) {
+  const e = n.key ?? ft();
+  if (n.ref && _)
     try {
-      D.register(i.ref, n);
+      _.register(n.ref, e);
     } catch {
     }
-  return rt(
-    n,
+  return ut(
+    e,
     {
-      in: i.in,
-      out: i.out
+      in: n.in,
+      out: n.out
     },
-    i[Y]
+    {
+      strategy: n[X],
+      scope: n.scope
+    }
   );
 }
-function ct(i) {
-  const n = i.filter((t) => t.symmetric).map((t) => ({
+function dt(n) {
+  const e = n.filter((t) => t.symmetric).map((t) => ({
     from: t.to,
     to: t.from,
     transition: t.transition
   }));
-  return [...i, ...n];
+  return [...n, ...e];
 }
-function at(i) {
-  let n = !1, t = 0, e = 0, r = !1;
+function mt(n) {
+  let e = !1, t = 0, i = 0, r = !1;
   const o = 50, s = (p) => {
-    if (!i) return;
-    const y = p.touches[0];
-    y && (r = y.clientX < o, r && (t = y.clientX, e = y.clientY));
+    if (!n) return;
+    const v = p.touches[0];
+    v && (r = v.clientX < o, r && (t = v.clientX, i = v.clientY));
   }, a = (p) => {
-    if (!i || !r) return;
-    const y = p.touches[0];
-    if (!y) return;
-    const m = y.clientX - t, f = y.clientY - e;
-    m > window.outerWidth / 2 - 5 && Math.abs(m) > Math.abs(f) ? n = !0 : n = !1;
+    if (!n || !r) return;
+    const v = p.touches[0];
+    if (!v) return;
+    const y = v.clientX - t, m = v.clientY - i;
+    y > window.outerWidth / 2 - 5 && Math.abs(y) > Math.abs(m) ? e = !0 : e = !1;
   }, c = () => {
-    i && (r = !1, t = 0, e = 0);
-  }, u = () => n, h = () => {
-    typeof window > "u" || i && (window.addEventListener("touchstart", s, { passive: !0 }), window.addEventListener("touchmove", a, { passive: !0 }), window.addEventListener("touchend", c, { passive: !0 }));
-  }, l = () => {
+    n && (r = !1, t = 0, i = 0);
+  }, l = () => e, f = () => {
+    typeof window > "u" || n && (window.addEventListener("touchstart", s, { passive: !0 }), window.addEventListener("touchmove", a, { passive: !0 }), window.addEventListener("touchend", c, { passive: !0 }));
+  }, w = () => {
     typeof window > "u" || (window.removeEventListener("touchstart", s), window.removeEventListener("touchmove", a), window.removeEventListener("touchend", c));
   };
-  let g = 0;
+  let u = 0;
   return {
-    initialize: h,
-    cleanup: l,
-    isSwipePending: u,
+    initialize: f,
+    cleanup: w,
+    isSwipePending: l,
     resetSwipeDetection: () => {
-      g++, g > 1 && (g = 0, n = !1);
+      u++, u > 1 && (u = 0, e = !1);
     }
   };
 }
-const lt = (i) => {
-  let n = i.parentElement;
-  for (; n && n !== document.body; ) {
-    const t = window.getComputedStyle(n), e = t.overflow + t.overflowY + t.overflowX;
-    if (e.includes("auto") || e.includes("scroll") || n.scrollHeight > n.clientHeight || n.scrollWidth > n.clientWidth)
-      return n;
-    n = n.parentElement;
+const ht = (n) => {
+  let e = n.parentElement;
+  for (; e && e !== document.body; ) {
+    const t = window.getComputedStyle(e), i = t.overflow + t.overflowY + t.overflowX;
+    if (i.includes("auto") || i.includes("scroll") || e.scrollHeight > e.clientHeight || e.scrollWidth > e.clientWidth)
+      return e;
+    e = e.parentElement;
   }
   return document.documentElement;
-}, ut = (i) => {
-  let n = i.parentElement;
-  for (; n && n !== document.body; ) {
-    const t = window.getComputedStyle(n).position;
+}, gt = (n) => {
+  let e = n.parentElement;
+  for (; e && e !== document.body; ) {
+    const t = window.getComputedStyle(e).position;
     if (t === "relative" || t === "absolute" || t === "fixed" || t === "sticky")
-      return n;
-    n = n.parentElement;
+      return e;
+    e = e.parentElement;
   }
   return document.body;
 };
-function ft() {
-  let i = null, n = null;
+function pt() {
+  let n = null, e = null;
   const t = /* @__PURE__ */ new Map();
-  let e = null;
+  let i = null;
   const r = () => {
-    i && e && t.set(e, {
-      x: i.scrollLeft,
-      y: i.scrollTop
+    n && i && t.set(i, {
+      x: n.scrollLeft,
+      y: n.scrollTop
     });
   };
   return {
-    initializeContext: (h, l) => {
-      n = h, i || (i = lt(h), (i === document.documentElement ? window : i).addEventListener("scroll", r, {
+    initializeContext: (f, w) => {
+      e = f, n || (n = ht(f), (n === document.documentElement ? window : n).addEventListener("scroll", r, {
         passive: !0
-      })), e = l;
+      })), i = w;
     },
-    calculateScrollOffset: (h, l) => {
-      const g = h && t.has(h) ? t.get(h) : { x: 0, y: 0 }, w = l && t.has(l) ? t.get(l) : { x: 0, y: 0 };
+    calculateScrollOffset: (f, w) => {
+      const u = f && t.has(f) ? t.get(f) : { x: 0, y: 0 }, h = w && t.has(w) ? t.get(w) : { x: 0, y: 0 };
       return {
-        x: -w.x + g.x,
-        y: -w.y + g.y
+        x: -h.x + u.x,
+        y: -h.y + u.y
       };
     },
-    getScrollContainer: () => i,
-    getPositionedParentElement: () => n ? ut(n) : document.body,
-    getScrollPosition: (h) => h && t.has(h) ? t.get(h) : { x: 0, y: 0 }
+    getScrollContainer: () => n,
+    getPositionedParentElement: () => e ? gt(e) : document.body,
+    getScrollPosition: (f) => f && t.has(f) ? t.get(f) : { x: 0, y: 0 }
   };
 }
-function k(i, n) {
-  if (n === "*")
+function b(n, e) {
+  if (e === "*")
     return !0;
-  if (n.endsWith("/*")) {
-    const t = n.slice(0, -2);
-    return i === t || i.startsWith(t + "/");
+  if (e.endsWith("/*")) {
+    const t = e.slice(0, -2);
+    return n === t || n.startsWith(t + "/");
   }
-  return i === n;
+  return n === e;
 }
-function mt(i, n, t) {
-  for (const e of t)
-    if (k(i, e.from) && k(n, e.to))
-      return e.transition;
-  for (const e of t)
-    if ((e.from === "*" || k(i, e.from)) && (e.to === "*" || k(n, e.to)))
-      return e.transition;
+function wt(n, e, t) {
+  for (const i of t)
+    if (b(n, i.from) && b(e, i.to))
+      return i.transition;
+  for (const i of t)
+    if ((i.from === "*" || b(n, i.from)) && (i.to === "*" || b(e, i.to)))
+      return i.transition;
   return null;
 }
-function pt(i) {
+function At(n) {
   const {
-    transitions: n = [],
+    transitions: e = [],
     defaultTransition: t,
-    middleware: e = (m, f) => ({ from: m, to: f }),
+    middleware: i = (y, m) => ({ from: y, to: m }),
     // Identity function as default
     skipOnIosSwipe: r = !0
     // Default to true - skip animations on iOS swipe
-  } = i;
+  } = n;
   let o = null;
-  const s = ct(n), {
+  const s = dt(e), {
     initializeContext: a,
     calculateScrollOffset: c,
-    getScrollContainer: u,
-    getPositionedParentElement: h,
-    getScrollPosition: l
-  } = ft(), g = at(r);
-  g.initialize();
-  function w() {
+    getScrollContainer: l,
+    getPositionedParentElement: f,
+    getScrollPosition: w
+  } = pt(), u = mt(r);
+  u.initialize();
+  function h() {
     if (o != null && o.from && (o != null && o.to)) {
-      const { from: m, to: f } = e(
+      const { from: y, to: m } = i(
         o.from,
         o.to
-      ), v = mt(
+      ), C = wt(
+        y,
         m,
-        f,
         s
-      ) || t, C = c(
+      ) || t, S = c(
         o.from,
         o.to
-      ), A = {
-        scrollOffset: C,
-        scroll: l(o.from),
+      ), E = {
+        scrollOffset: S,
+        scroll: w(o.from),
         get scrollingElement() {
-          return u() || document.documentElement;
+          return l() || document.documentElement;
         },
         get positionedParent() {
-          return h();
+          return f();
         }
-      }, T = {
-        scrollOffset: C,
+      }, A = {
+        scrollOffset: S,
         get scroll() {
-          return o ? l(o.to) : { x: 0, y: 0 };
+          return o ? w(o.to) : { x: 0, y: 0 };
         },
         get scrollingElement() {
-          return u() || document.documentElement;
+          return l() || document.documentElement;
         },
         get positionedParent() {
-          return h();
+          return f();
         }
       };
-      v && (v.out && o.outResolve && o.outResolve(
-        (E) => v.out(E, A)
-      ), v.in && o.inResolve && o.inResolve(
-        (E) => v.in(E, T)
+      C && (C.out && o.outResolve && o.outResolve(
+        (T) => C.out(T, E)
+      ), C.in && o.inResolve && o.inResolve(
+        (T) => C.in(T, A)
       )), o = null;
     }
   }
-  const p = async (m, f) => g.isSwipePending() ? (g.resetSwipeDetection(), () => ({})) : f === "in" && (!o || !o.from) ? () => ({}) : (o || (o = {}), f === "out" ? (o.from = m, new Promise((S) => {
-    o.outResolve = S, w();
-  })) : (o.to = m, new Promise((S) => {
-    o.inResolve = S, w();
+  const p = async (y, m) => u.isSwipePending() ? (u.resetSwipeDetection(), () => ({})) : m === "in" && (!o || !o.from) ? () => ({}) : (o || (o = {}), m === "out" ? (o.from = y, new Promise((g) => {
+    o.outResolve = g, h();
+  })) : (o.to = y, new Promise((g) => {
+    o.inResolve = g, h();
   })));
-  return (m) => ({
-    key: m,
-    in: async (f) => (a(f, m), (await p(m, "in"))(f)),
-    out: async (f) => (await p(m, "out"))(f),
+  return (y) => ({
+    key: y,
+    in: async (m) => (a(m, y), (await p(y, "in"))(m)),
+    out: async (m) => (await p(y, "out"))(m),
     // Add page transition strategy for page-level transitions
-    [Y]: et
+    [X]: ot
   });
 }
 export {
-  Y as TRANSITION_STRATEGY,
-  tt as createDefaultStrategy,
-  et as createPageTransitionStrategy,
-  pt as createSggoiTransitionContext,
-  st as generateAutoKey,
-  vt as isCssAnimation,
-  St as isMultiSpring,
-  Ct as isSingleSpring,
-  At as isTickAnimation,
-  bt as jaeminInternal,
-  M as normalizeMultiSpringSchedule,
-  V as normalizeToMultiSpring,
-  gt as transition,
-  Et as validateAnimationMode,
-  Tt as validateSpringItem
+  $ as SCOPE_ATTR,
+  j as SCOPE_READY_ATTR,
+  X as TRANSITION_STRATEGY,
+  nt as createDefaultStrategy,
+  ot as createPageTransitionStrategy,
+  At as createSggoiTransitionContext,
+  St as createTransitionScope,
+  st as findScope,
+  ft as generateAutoKey,
+  kt as isCssAnimation,
+  Vt as isMultiSpring,
+  rt as isScopeReady,
+  bt as isSingleSpring,
+  Rt as isTickAnimation,
+  Mt as jaeminInternal,
+  F as normalizeMultiSpringSchedule,
+  k as normalizeToMultiSpring,
+  Ct as transition,
+  It as validateAnimationMode,
+  Pt as validateSpringItem
 };