@ssgoi/core 2.3.0 → 2.4.0

package/dist/index.js

@@ -1,108 +1,108 @@
-var U = Object.defineProperty;
-var _ = (n, t, o) => t in n ? U(n, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : n[t] = o;
-var y = (n, t, o) => _(n, typeof t != "symbol" ? t + "" : t, o);
-import { animate as P } from "popmotion";
-class C {
+var M = Object.defineProperty;
+var U = (o, t, n) => t in o ? M(o, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : o[t] = n;
+var g = (o, t, n) => U(o, typeof t != "symbol" ? t + "" : t, n);
+import { animate as T } from "popmotion";
+class A {
   constructor(t) {
-    y(this, "options");
-    y(this, "currentValue");
-    y(this, "velocity");
-    y(this, "isAnimating", !1);
-    y(this, "controls", null);
+    g(this, "options");
+    g(this, "currentValue");
+    g(this, "velocity");
+    g(this, "isAnimating", !1);
+    g(this, "controls", null);
     // For object animations
-    y(this, "animationMap", null);
-    y(this, "activeAnimations", /* @__PURE__ */ new Set());
-    y(this, "completedAnimations", /* @__PURE__ */ new Set());
-    y(this, "updatedProperties", /* @__PURE__ */ new Set());
-    y(this, "animate", (t = !1) => {
+    g(this, "animationMap", null);
+    g(this, "activeAnimations", /* @__PURE__ */ new Set());
+    g(this, "completedAnimations", /* @__PURE__ */ new Set());
+    g(this, "updatedProperties", /* @__PURE__ */ new Set());
+    g(this, "animate", (t = !1) => {
       !this.isAnimating && this.options.onStart && this.options.onStart(), this.isAnimating = !0;
-      const o = t ? this.options.from : this.options.to;
+      const n = t ? this.options.from : this.options.to;
       if (typeof this.currentValue == "object" && this.currentValue !== null) {
-        this.animateObject(o);
+        this.animateObject(n);
         return;
       }
-      let i = this.currentValue, e = performance.now();
-      const m = {
+      let e = this.currentValue, i = performance.now();
+      const f = {
         from: this.currentValue,
-        to: o,
+        to: n,
         stiffness: this.options.spring.stiffness,
         damping: this.options.spring.damping,
         mass: 1
       };
-      typeof this.velocity == "number" && (m.velocity = this.velocity * 1e3), this.controls = P({
-        ...m,
+      typeof this.velocity == "number" && (f.velocity = this.velocity * 1e3), this.controls = T({
+        ...f,
         onUpdate: (l) => {
-          const p = performance.now(), r = (p - e) / 1e3;
-          if (r > 0) {
-            if (typeof l == "number" && typeof i == "number") {
-              const u = (l - i) / r;
-              this.velocity = u / 1e3;
+          const h = performance.now(), a = (h - i) / 1e3;
+          if (a > 0) {
+            if (typeof l == "number" && typeof e == "number") {
+              const p = (l - e) / a;
+              this.velocity = p / 1e3;
             } else if (typeof l == "object" && l !== null) {
-              const u = {};
-              Object.keys(l).forEach((f) => {
-                const c = l[f], a = i[f];
-                if (typeof c == "number" && typeof a == "number") {
-                  const h = (c - a) / r;
-                  u[f] = h / 1e3;
+              const p = {};
+              Object.keys(l).forEach((c) => {
+                const s = l[c], u = e[c];
+                if (typeof s == "number" && typeof u == "number") {
+                  const d = (s - u) / a;
+                  p[c] = d / 1e3;
                 }
-              }), this.velocity = u;
+              }), this.velocity = p;
             }
-            i = l, e = p;
+            e = l, i = h;
           }
           this.currentValue = l, this.options.onUpdate(l);
         },
         onComplete: () => {
-          this.currentValue = o, this.isAnimating = !1, this.controls = null, typeof this.velocity == "object" && this.velocity !== null ? Object.keys(this.velocity).forEach((l) => {
+          this.currentValue = n, this.isAnimating = !1, this.controls = null, typeof this.velocity == "object" && this.velocity !== null ? Object.keys(this.velocity).forEach((l) => {
             this.velocity[l] = 0;
           }) : this.velocity = 0, this.options.onComplete();
         }
       });
     });
-    y(this, "animateObject", (t) => {
-      const o = this.currentValue, i = Object.keys(o);
+    g(this, "animateObject", (t) => {
+      const n = this.currentValue, e = Object.keys(n);
       this.animationMap = /* @__PURE__ */ new Map(), this.activeAnimations.clear(), this.completedAnimations.clear(), this.updatedProperties.clear();
-      const e = { ...o }, m = {};
+      const i = { ...n }, f = {};
       let l = !1;
-      const p = () => {
-        const r = i.filter((f) => !this.completedAnimations.has(f));
-        if (r.every(
-          (f) => this.updatedProperties.has(f)
-        ) && r.length > 0) {
+      const h = () => {
+        const a = e.filter((c) => !this.completedAnimations.has(c));
+        if (a.every(
+          (c) => this.updatedProperties.has(c)
+        ) && a.length > 0) {
           if (typeof this.velocity == "object" && this.velocity) {
-            const f = performance.now();
-            Object.keys(e).forEach((c) => {
-              if (m[c]) {
-                const a = (f - m[c]) / 1e3, h = this.currentValue[c], s = e[c];
-                typeof h == "number" && typeof s == "number" && a > 0 && (this.velocity[c] = (s - h) / a / 1e3);
+            const c = performance.now();
+            Object.keys(i).forEach((s) => {
+              if (f[s]) {
+                const u = (c - f[s]) / 1e3, d = this.currentValue[s], r = i[s];
+                typeof d == "number" && typeof r == "number" && u > 0 && (this.velocity[s] = (r - d) / u / 1e3);
               }
-              m[c] = f;
+              f[s] = c;
             });
           }
-          this.currentValue = { ...e }, this.options.onUpdate(this.currentValue), this.updatedProperties.clear(), !l && this.options.onStart && (l = !0, this.options.onStart());
+          this.currentValue = { ...i }, this.options.onUpdate(this.currentValue), this.updatedProperties.clear(), !l && this.options.onStart && (l = !0, this.options.onStart());
         }
       };
-      i.forEach((r) => {
-        this.activeAnimations.add(r);
-        const u = {
-          from: o[r],
-          to: t[r],
+      e.forEach((a) => {
+        this.activeAnimations.add(a);
+        const p = {
+          from: n[a],
+          to: t[a],
           stiffness: this.options.spring.stiffness,
           damping: this.options.spring.damping,
           mass: 1
         };
-        typeof this.velocity == "object" && this.velocity && r in this.velocity && (u.velocity = this.velocity[r] * 1e3);
-        const f = P({
-          ...u,
-          onUpdate: (c) => {
-            e[r] = c, this.updatedProperties.add(r), p();
+        typeof this.velocity == "object" && this.velocity && a in this.velocity && (p.velocity = this.velocity[a] * 1e3);
+        const c = T({
+          ...p,
+          onUpdate: (s) => {
+            i[a] = s, this.updatedProperties.add(a), h();
           },
           onComplete: () => {
-            this.completedAnimations.add(r), this.updatedProperties.delete(r), 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((c) => {
-              this.velocity[c] = 0;
+            this.completedAnimations.add(a), this.updatedProperties.delete(a), this.completedAnimations.size === e.length && (this.currentValue = t, this.isAnimating = !1, this.animationMap = null, typeof this.velocity == "object" && this.velocity && Object.keys(this.velocity).forEach((s) => {
+              this.velocity[s] = 0;
             }), this.options.onComplete());
           }
         });
-        this.animationMap.set(r, f);
+        this.animationMap.set(a, c);
       });
     });
     if (this.options = {
@@ -115,10 +115,10 @@ class C {
       }),
       onStart: t.onStart
     }, this.currentValue = this.options.from, typeof this.options.from == "object" && this.options.from !== null) {
-      const o = {};
-      Object.keys(this.options.from).forEach((i) => {
-        o[i] = 0;
-      }), this.velocity = o;
+      const n = {};
+      Object.keys(this.options.from).forEach((e) => {
+        n[e] = 0;
+      }), this.velocity = n;
     } else
       this.velocity = 0;
   }
@@ -132,8 +132,8 @@ class C {
   reverse() {
     const t = this.options.from;
     if (this.options.from = this.options.to, this.options.to = t, this.isAnimating) {
-      const o = this.shouldReverse();
-      this.stop(), this.animate(!o);
+      const n = this.shouldReverse();
+      this.stop(), this.animate(!n);
     }
   }
   shouldReverse() {
@@ -172,37 +172,37 @@ class C {
   // Configuration
   updateOptions(t) {
     if (this.options = { ...this.options, ...t }, this.isAnimating && this.controls) {
-      const o = this.shouldReverse();
-      this.stop(), this.animate(!o);
+      const n = this.shouldReverse();
+      this.stop(), this.animate(!n);
     }
   }
   // Static factory method
-  static fromState(t, o) {
-    const i = new C(o);
-    return i.setValue(t.position), i.setVelocity(t.velocity), i;
+  static fromState(t, n) {
+    const e = new A(n);
+    return e.setValue(t.position), e.setVelocity(t.velocity), e;
   }
 }
-const x = Symbol.for("TRANSITION_STRATEGY"), I = (n) => ({
+const O = Symbol.for("TRANSITION_STRATEGY"), _ = (o) => ({
   runIn: async (t) => {
-    const { currentAnimation: o } = n;
-    if (o && o.direction === "out") {
-      const l = o.animator.getCurrentState();
-      if (o.animator.stop(), t.out) {
-        const p = await t.out, { from: r = 1, to: u = 0 } = p;
+    const { currentAnimation: n } = o;
+    if (n && n.direction === "out") {
+      const l = n.animator.getCurrentState();
+      if (n.animator.stop(), t.out) {
+        const h = await t.out, { from: a = 1, to: p = 0 } = h;
         return {
-          config: p,
+          config: h,
           state: l,
-          from: r,
+          from: a,
           // OUT animation's from
-          to: u,
+          to: p,
           // OUT animation's to
           direction: "backward"
           // Will actually go 0→1
         };
       }
     }
-    const i = await t.in;
-    if (!i)
+    const e = await t.in;
+    if (!e)
       return {
         state: {
           position: 0,
@@ -212,41 +212,41 @@ const x = Symbol.for("TRANSITION_STRATEGY"), I = (n) => ({
         to: 1,
         direction: "forward"
       };
-    const { from: e = 0, to: m = 1 } = i;
+    const { from: i = 0, to: f = 1 } = e;
     return {
-      config: i,
+      config: e,
       state: {
-        position: e,
+        position: i,
         velocity: 0
       },
-      from: e,
-      to: m,
+      from: i,
+      to: f,
       direction: "forward"
     };
   },
   runOut: async (t) => {
-    const { currentAnimation: o } = n;
-    if (o && o.direction === "in") {
-      const l = o.animator.getCurrentState();
-      if (o.animator.stop(), t.in) {
-        const p = await t.in, { from: r = 0, to: u = 1 } = p;
+    const { currentAnimation: n } = o;
+    if (n && n.direction === "in") {
+      const l = n.animator.getCurrentState();
+      if (n.animator.stop(), t.in) {
+        const h = await t.in, { from: a = 0, to: p = 1 } = h;
         return {
-          config: p,
+          config: h,
           state: {
             position: l.position,
             velocity: l.velocity
           },
-          from: r,
+          from: a,
           // IN animation's from
-          to: u,
+          to: p,
           // IN animation's to
           direction: "backward"
           // Will actually go 1→0
         };
       }
     }
-    const i = await t.out;
-    if (!i)
+    const e = await t.out;
+    if (!e)
       return {
         state: {
           position: 1,
@@ -256,21 +256,21 @@ const x = Symbol.for("TRANSITION_STRATEGY"), I = (n) => ({
         to: 0,
         direction: "forward"
       };
-    const { from: e = 1, to: m = 0 } = i;
+    const { from: i = 1, to: f = 0 } = e;
     return {
-      config: i,
+      config: e,
       state: {
-        position: e,
+        position: i,
         velocity: 0
       },
-      from: e,
-      to: m,
+      from: i,
+      to: f,
       direction: "forward"
     };
   }
-}), N = () => ({
-  runIn: async (n) => {
-    const t = await n.in;
+}), I = () => ({
+  runIn: async (o) => {
+    const t = await o.in;
     if (!t)
       return {
         state: {
@@ -281,20 +281,20 @@ const x = Symbol.for("TRANSITION_STRATEGY"), I = (n) => ({
         to: 1,
         direction: "forward"
       };
-    const { from: o = 0, to: i = 1 } = t;
+    const { from: n = 0, to: e = 1 } = t;
     return {
       config: t,
       state: {
-        position: o,
+        position: n,
         velocity: 0
       },
-      from: o,
-      to: i,
+      from: n,
+      to: e,
       direction: "forward"
     };
   },
-  runOut: async (n) => {
-    const t = await n.out;
+  runOut: async (o) => {
+    const t = await o.out;
     if (!t)
       return {
         state: {
@@ -305,282 +305,284 @@ const x = Symbol.for("TRANSITION_STRATEGY"), I = (n) => ({
         to: 0,
         direction: "forward"
       };
-    const { from: o = 1, to: i = 0 } = t;
+    const { from: n = 1, to: e = 0 } = t;
     return {
       config: t,
       state: {
-        position: o,
+        position: n,
         velocity: 0
       },
-      from: o,
-      to: i,
+      from: n,
+      to: e,
       direction: "forward"
     };
   }
 });
-function k(n, t) {
-  var f;
-  let o = null, i = null, e = null, m = null;
+function N(o, t) {
+  var c;
+  let n = null, e = null, i = null, f = null;
   const l = {
     get currentAnimation() {
-      return o;
+      return n;
     }
-  }, p = ((f = t == null ? void 0 : t.strategy) == null ? void 0 : f.call(t, l)) || I(l), r = async (c) => {
-    var w, S;
-    i && (i.remove(), i = null);
-    const a = n(), h = {
-      in: a.in && Promise.resolve(a.in(c)),
-      out: a.out && Promise.resolve(a.out(c))
-    }, s = await p.runIn(h);
-    if (!s.config)
+  }, h = ((c = t == null ? void 0 : t.strategy) == null ? void 0 : c.call(t, l)) || _(l), a = async (s) => {
+    var y, v;
+    e && (e.remove(), e = null);
+    const u = o(), d = {
+      in: u.in && Promise.resolve(u.in(s)),
+      out: u.out && Promise.resolve(u.out(s))
+    }, r = await h.runIn(d);
+    if (!r.config)
       return;
-    (S = (w = s.config).prepare) == null || S.call(w, c), s.config.wait && await s.config.wait();
-    const g = C.fromState(s.state, {
-      from: s.from,
-      to: s.to,
-      spring: s.config.spring,
-      onStart: s.config.onStart,
-      onUpdate: s.config.tick,
+    (v = (y = r.config).prepare) == null || v.call(y, s), r.config.wait && await r.config.wait();
+    const m = A.fromState(r.state, {
+      from: r.from,
+      to: r.to,
+      spring: r.config.spring,
+      onStart: r.config.onStart,
+      onUpdate: r.config.tick,
       onComplete: () => {
-        var v, d;
-        o = null, (d = (v = s.config) == null ? void 0 : v.onEnd) == null || d.call(v);
+        var w, S;
+        n = null, (S = (w = r.config) == null ? void 0 : w.onEnd) == null || S.call(w);
       }
     });
-    o = { animator: g, direction: "in" }, s.direction === "forward" ? g.forward() : g.backward();
-  }, u = async (c) => {
-    var S, v;
-    i = c;
-    const a = n(), h = {
-      in: a.in && Promise.resolve(a.in(c)),
-      out: a.out && Promise.resolve(a.out(c))
-    }, s = await p.runOut(h);
-    if (!s.config)
+    n = { animator: m, direction: "in" }, r.direction === "forward" ? m.forward() : m.backward();
+  }, p = async (s) => {
+    var v, w;
+    e = s;
+    const u = o(), d = {
+      in: u.in && Promise.resolve(u.in(s)),
+      out: u.out && Promise.resolve(u.out(s))
+    }, r = await h.runOut(d);
+    if (!r.config)
       return;
-    (v = (S = s.config).prepare) == null || v.call(S, c), w(), s.config.wait && await s.config.wait();
-    const g = C.fromState(s.state, {
-      from: s.from,
-      to: s.to,
-      spring: s.config.spring,
-      onStart: s.config.onStart,
-      onUpdate: s.config.tick,
+    (w = (v = r.config).prepare) == null || w.call(v, s), y(), r.config.wait && await r.config.wait();
+    const m = A.fromState(r.state, {
+      from: r.from,
+      to: r.to,
+      spring: r.config.spring,
+      onStart: r.config.onStart,
+      onUpdate: r.config.tick,
       onComplete: () => {
-        var d, V, T;
-        (V = (d = s.config) == null ? void 0 : d.onEnd) == null || V.call(d), i && (i.remove(), i = null), o = null, (T = t == null ? void 0 : t.onCleanupEnd) == null || T.call(t);
+        var S, C, b;
+        (C = (S = r.config) == null ? void 0 : S.onEnd) == null || C.call(S), e && (e.remove(), e = null), n = null, (b = t == null ? void 0 : t.onCleanupEnd) == null || b.call(t);
       }
     });
-    o = { animator: g, direction: "out" }, s.direction === "forward" ? g.forward() : g.backward();
-    function w() {
-      !e || !i || (m && e.contains(m) ? e.insertBefore(i, m) : e.appendChild(i));
+    n = { animator: m, direction: "out" }, r.direction === "forward" ? m.forward() : m.backward();
+    function y() {
+      !i || !e || (f && i.contains(f) ? i.insertBefore(e, f) : i.appendChild(e));
     }
   };
-  return (c) => {
-    if (c)
-      return e = c.parentElement, m = c.nextElementSibling, r(c), () => {
-        const a = c.cloneNode(!0);
-        u(a);
+  return (s) => {
+    if (s)
+      return i = s.parentElement, f = s.nextElementSibling, a(s), () => {
+        const u = s.cloneNode(!0);
+        p(u);
       };
   };
 }
-const D = 3, $ = (n) => {
-  if (!n) return null;
-  const t = n.split(`
-`).map((o) => o.trim());
-  for (let o = D; o < Math.min(t.length, 6); o++) {
-    const i = t[o], e = i == null ? void 0 : i.match(/\(?([^):]+):(\d+):(\d+)\)?$/);
-    if (!e)
+const D = 3, z = (o) => {
+  if (!o) return null;
+  const t = o.split(`
+`).map((n) => n.trim());
+  for (let n = D; n < Math.min(t.length, 6); n++) {
+    const e = t[n], i = e == null ? void 0 : e.match(/\(?([^):]+):(\d+):(\d+)\)?$/);
+    if (!i)
       continue;
-    const m = e[1] ?? "", l = e[2] ?? "0", p = e[3] ?? "0";
-    return { file: m.split(/[\\/]/).pop() || m, line: l, column: p };
+    const f = i[1] ?? "", l = i[2] ?? "0", h = i[3] ?? "0";
+    return { file: f.split(/[\\/]/).pop() || f, line: l, column: h };
   }
   return null;
-}, A = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map();
-function F(n, t, o) {
-  A.set(n, t);
-  let i = E.get(n);
-  return i || (i = k(
+}, V = /* @__PURE__ */ new Map(), P = /* @__PURE__ */ new Map();
+function $(o, t, n) {
+  V.set(o, t);
+  let e = P.get(o);
+  return e || (e = N(
     () => {
-      const e = A.get(n);
-      return e || (console.warn(`Transition "${String(n)}" not found`), {});
+      const i = V.get(o);
+      return i || (console.warn(`Transition "${String(o)}" not found`), {});
     },
     {
-      strategy: o,
-      onCleanupEnd: () => M(n)
+      strategy: n,
+      onCleanupEnd: () => j(o)
     }
-  ), E.set(n, i), i);
+  ), P.set(o, e), e);
 }
-function M(n) {
-  A.delete(n), E.delete(n);
+function j(o) {
+  V.delete(o), P.delete(o);
 }
-function K() {
-  const n = $(new Error().stack);
-  return n ? `auto_${n.file}_${n.line}_${n.column}` : Symbol(`ssgoi_auto_${Date.now()}`);
+function F() {
+  const o = z(new Error().stack);
+  return o ? `auto_${o.file}_${o.line}_${o.column}` : Symbol(`ssgoi_auto_${Date.now()}`);
 }
-const R = globalThis.FinalizationRegistry, O = R ? new R((n) => {
+const x = globalThis.FinalizationRegistry, R = x ? new x((o) => {
   try {
-    M(n);
+    j(o);
   } catch {
   }
 }) : void 0;
-function X(n) {
-  const t = n.key ?? K();
-  if (n.ref && O)
+function X(o) {
+  const t = o.key ?? F();
+  if (o.ref && R)
     try {
-      O.register(n.ref, t);
+      R.register(o.ref, t);
     } catch {
     }
-  return F(
+  return $(
     t,
     {
-      in: n.in,
-      out: n.out
+      in: o.in,
+      out: o.out
     },
-    n[x]
+    o[O]
   );
 }
-const W = (n) => {
-  let t = n.parentElement;
+const K = (o) => {
+  let t = o.parentElement;
   for (; t && t !== document.body; ) {
-    const o = window.getComputedStyle(t), i = o.overflow + o.overflowY + o.overflowX;
-    if (i.includes("auto") || i.includes("scroll") || t.scrollHeight > t.clientHeight || t.scrollWidth > t.clientWidth)
+    const n = window.getComputedStyle(t), e = n.overflow + n.overflowY + n.overflowX;
+    if (e.includes("auto") || e.includes("scroll") || t.scrollHeight > t.clientHeight || t.scrollWidth > t.clientWidth)
       return t;
     t = t.parentElement;
   }
   return document.documentElement;
-}, j = (n) => {
-  let t = n.parentElement;
+}, W = (o) => {
+  let t = o.parentElement;
   for (; t && t !== document.body; ) {
-    const o = window.getComputedStyle(t).position;
-    if (o === "relative" || o === "absolute" || o === "fixed" || o === "sticky")
+    const n = window.getComputedStyle(t).position;
+    if (n === "relative" || n === "absolute" || n === "fixed" || n === "sticky")
       return t;
     t = t.parentElement;
   }
   return document.body;
 };
-function L(n) {
-  const t = n.filter((o) => o.symmetric).map((o) => ({
-    from: o.to,
-    to: o.from,
-    transition: o.transition
+function k(o) {
+  const t = o.filter((n) => n.symmetric).map((n) => ({
+    from: n.to,
+    to: n.from,
+    transition: n.transition
   }));
-  return [...n, ...t];
+  return [...o, ...t];
 }
-function z() {
-  let n = null;
-  const t = /* @__PURE__ */ new Map();
-  let o = null;
+function L() {
+  let o = null, t = null;
+  const n = /* @__PURE__ */ new Map();
+  let e = null;
   const i = () => {
-    n && o && t.set(o, {
-      x: n.scrollLeft,
-      y: n.scrollTop
+    o && e && n.set(e, {
+      x: o.scrollLeft,
+      y: o.scrollTop
     });
   };
   return {
-    startScrollTracking: (r, u) => {
-      n || (n = W(r), (n === document.documentElement ? window : n).addEventListener("scroll", i, {
+    initializeContext: (c, s) => {
+      t = c, o || (o = K(c), (o === document.documentElement ? window : o).addEventListener("scroll", i, {
         passive: !0
-      })), o = u;
+      })), e = s;
     },
-    calculateScrollOffset: (r, u) => {
-      const f = r && t.has(r) ? t.get(r) : { x: 0, y: 0 }, c = u && t.has(u) ? t.get(u) : { x: 0, y: 0 };
+    calculateScrollOffset: (c, s) => {
+      const u = c && n.has(c) ? n.get(c) : { x: 0, y: 0 }, d = s && n.has(s) ? n.get(s) : { x: 0, y: 0 };
       return {
-        x: -c.x + f.x,
-        y: -c.y + f.y
+        x: -d.x + u.x,
+        y: -d.y + u.y
       };
     },
-    getScrollContainer: () => n,
-    getScrollPosition: (r) => r && t.has(r) ? t.get(r) : { x: 0, y: 0 }
+    getScrollContainer: () => o,
+    getPositionedParentElement: () => t ? W(t) : document.body,
+    getScrollPosition: (c) => c && n.has(c) ? n.get(c) : { x: 0, y: 0 }
   };
 }
-function B(n) {
+function B(o) {
   const {
     transitions: t = [],
-    defaultTransition: o,
-    middleware: i = (a, h) => ({ from: a, to: h })
+    defaultTransition: n,
+    middleware: e = (r, m) => ({ from: r, to: m })
     // Identity function as default
-  } = n;
-  let e = null;
-  const m = L(t), {
-    startScrollTracking: l,
-    calculateScrollOffset: p,
-    getScrollContainer: r,
-    getScrollPosition: u
-  } = z();
-  function f() {
-    if (e != null && e.from && (e != null && e.to)) {
-      const { from: a, to: h } = i(
-        e.from,
-        e.to
-      ), g = Y(
-        a,
-        h,
-        m
-      ) || o, w = p(
-        e.from,
-        e.to
+  } = o;
+  let i = null;
+  const f = k(t), {
+    initializeContext: l,
+    calculateScrollOffset: h,
+    getScrollContainer: a,
+    getPositionedParentElement: p,
+    getScrollPosition: c
+  } = L();
+  function s() {
+    if (i != null && i.from && (i != null && i.to)) {
+      const { from: r, to: m } = e(
+        i.from,
+        i.to
+      ), v = Y(
+        r,
+        m,
+        f
+      ) || n, w = h(
+        i.from,
+        i.to
       ), S = {
         scrollOffset: w,
-        scroll: u(e.from),
+        scroll: c(i.from),
         get scrollingElement() {
-          return r() || document.documentElement;
+          return a() || document.documentElement;
         },
         get positionedParent() {
-          const d = r();
-          return d ? j(d) : document.body;
+          return p();
         }
-      }, v = {
+      }, C = {
         scrollOffset: w,
-        scroll: u(e.to),
+        get scroll() {
+          return i ? c(i.to) : { x: 0, y: 0 };
+        },
         get scrollingElement() {
-          return r() || document.documentElement;
+          return a() || document.documentElement;
         },
         get positionedParent() {
-          const d = r();
-          return d ? j(d) : document.body;
+          return p();
         }
       };
-      g && (g.out && e.outResolve && e.outResolve(
-        (d) => g.out(d, S)
-      ), g.in && e.inResolve && e.inResolve(
-        (d) => g.in(d, v)
-      )), e = null;
+      v && (v.out && i.outResolve && i.outResolve(
+        (b) => v.out(b, S)
+      ), v.in && i.inResolve && i.inResolve(
+        (b) => v.in(b, C)
+      )), i = null;
     }
   }
-  const c = async (a, h) => h === "in" && (!e || !e.from) ? () => ({}) : (e || (e = {}), h === "out" ? (e.from = a, new Promise((s) => {
-    e.outResolve = s, f();
-  })) : (e.to = a, new Promise((s) => {
-    e.inResolve = s, f();
+  const u = async (r, m) => m === "in" && (!i || !i.from) ? () => ({}) : (i || (i = {}), m === "out" ? (i.from = r, new Promise((y) => {
+    i.outResolve = y, s();
+  })) : (i.to = r, new Promise((y) => {
+    i.inResolve = y, s();
   })));
-  return (a) => ({
-    key: a,
-    in: async (h) => (l(h, a), (await c(a, "in"))(h)),
-    out: async (h) => (await c(a, "out"))(h),
+  return (r) => ({
+    key: r,
+    in: async (m) => (l(m, r), (await u(r, "in"))(m)),
+    out: async (m) => (await u(r, "out"))(m),
     // Add page transition strategy for page-level transitions
-    [x]: N
+    [O]: I
   });
 }
-function Y(n, t, o) {
-  for (const i of o)
-    if (b(n, i.from) && b(t, i.to))
-      return i.transition;
-  for (const i of o)
-    if ((i.from === "*" || b(n, i.from)) && (i.to === "*" || b(t, i.to)))
-      return i.transition;
+function Y(o, t, n) {
+  for (const e of n)
+    if (E(o, e.from) && E(t, e.to))
+      return e.transition;
+  for (const e of n)
+    if ((e.from === "*" || E(o, e.from)) && (e.to === "*" || E(t, e.to)))
+      return e.transition;
   return null;
 }
-function b(n, t) {
+function E(o, t) {
   if (t === "*")
     return !0;
   if (t.endsWith("/*")) {
-    const o = t.slice(0, -2);
-    return n === o || n.startsWith(o + "/");
+    const n = t.slice(0, -2);
+    return o === n || o.startsWith(n + "/");
   }
-  return n === t;
+  return o === t;
 }
 export {
-  x as TRANSITION_STRATEGY,
-  I as createDefaultStrategy,
-  N as createPageTransitionStrategy,
+  O as TRANSITION_STRATEGY,
+  _ as createDefaultStrategy,
+  I as createPageTransitionStrategy,
   B as createSggoiTransitionContext,
-  K as generateAutoKey,
+  F as generateAutoKey,
   X as transition
 };