@ssgoi/core 2.0.0 → 2.1.0

package/dist/index.js

@@ -1,107 +1,107 @@
-var j = Object.defineProperty;
-var T = (e, t, n) => t in e ? j(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var y = (e, t, n) => T(e, typeof t != "symbol" ? t + "" : t, n);
-import { animate as R } from "popmotion";
-import { g as P } from "./utils-DR41YsAh.js";
+var M = Object.defineProperty;
+var x = (i, t, o) => t in i ? M(i, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : i[t] = o;
+var g = (i, t, o) => x(i, typeof t != "symbol" ? t + "" : t, o);
+import { animate as E } from "popmotion";
+import { p as U, g as _ } from "./utils-DTRMUQW4.js";
 class V {
   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 n = t ? this.options.from : this.options.to;
+      const o = t ? this.options.from : this.options.to;
       if (typeof this.currentValue == "object" && this.currentValue !== null) {
-        this.animateObject(n, t);
+        this.animateObject(o, t);
         return;
       }
-      let i = this.currentValue, a = performance.now();
-      const u = {
+      let n = this.currentValue, e = performance.now();
+      const m = {
         from: this.currentValue,
-        to: n,
+        to: o,
         stiffness: this.options.spring.stiffness,
         damping: this.options.spring.damping,
         mass: 1
       };
-      typeof this.velocity == "number" && (u.velocity = this.velocity * 1e3), this.controls = R({
-        ...u,
-        onUpdate: (l) => {
-          const m = performance.now(), p = (m - a) / 1e3;
-          if (p > 0) {
-            if (typeof l == "number" && typeof i == "number") {
-              const f = (l - i) / p;
-              this.velocity = f / 1e3;
-            } else if (typeof l == "object" && l !== null) {
-              const f = {};
-              Object.keys(l).forEach((d) => {
-                const r = l[d], o = i[d];
-                if (typeof r == "number" && typeof o == "number") {
-                  const c = (r - o) / p;
-                  f[d] = c / 1e3;
+      typeof this.velocity == "number" && (m.velocity = this.velocity * 1e3), this.controls = E({
+        ...m,
+        onUpdate: (a) => {
+          const f = performance.now(), h = (f - e) / 1e3;
+          if (h > 0) {
+            if (typeof a == "number" && typeof n == "number") {
+              const c = (a - n) / h;
+              this.velocity = c / 1e3;
+            } else if (typeof a == "object" && a !== null) {
+              const c = {};
+              Object.keys(a).forEach((u) => {
+                const r = a[u], s = n[u];
+                if (typeof r == "number" && typeof s == "number") {
+                  const p = (r - s) / h;
+                  c[u] = p / 1e3;
                 }
-              }), this.velocity = f;
+              }), this.velocity = c;
             }
-            i = l, a = m;
+            n = a, e = f;
           }
-          this.currentValue = l, this.options.onUpdate(l);
+          this.currentValue = a, this.options.onUpdate(a);
         },
         onComplete: () => {
-          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.currentValue = o, this.isAnimating = !1, this.controls = null, typeof this.velocity == "object" && this.velocity !== null ? Object.keys(this.velocity).forEach((a) => {
+            this.velocity[a] = 0;
           }) : this.velocity = 0, this.options.onComplete();
         }
       });
     });
-    y(this, "animateObject", (t, n) => {
-      const i = this.currentValue, a = Object.keys(i);
+    g(this, "animateObject", (t, o) => {
+      const n = this.currentValue, e = Object.keys(n);
       this.animationMap = /* @__PURE__ */ new Map(), this.activeAnimations.clear(), this.completedAnimations.clear(), this.updatedProperties.clear();
-      const u = { ...i }, l = {};
-      let m = !1;
-      const p = () => {
-        const f = a.filter((r) => !this.completedAnimations.has(r));
-        if (f.every((r) => this.updatedProperties.has(r)) && f.length > 0) {
+      const m = { ...n }, a = {};
+      let f = !1;
+      const h = () => {
+        const c = e.filter((r) => !this.completedAnimations.has(r));
+        if (c.every((r) => this.updatedProperties.has(r)) && c.length > 0) {
           if (typeof this.velocity == "object" && this.velocity) {
             const r = performance.now();
-            Object.keys(u).forEach((o) => {
-              if (l[o]) {
-                const c = (r - l[o]) / 1e3, s = this.currentValue[o], h = u[o];
-                typeof s == "number" && typeof h == "number" && c > 0 && (this.velocity[o] = (h - s) / c / 1e3);
+            Object.keys(m).forEach((s) => {
+              if (a[s]) {
+                const p = (r - a[s]) / 1e3, l = this.currentValue[s], d = m[s];
+                typeof l == "number" && typeof d == "number" && p > 0 && (this.velocity[s] = (d - l) / p / 1e3);
               }
-              l[o] = r;
+              a[s] = r;
             });
           }
-          this.currentValue = { ...u }, this.options.onUpdate(this.currentValue), this.updatedProperties.clear(), !m && this.options.onStart && (m = !0, this.options.onStart());
+          this.currentValue = { ...m }, this.options.onUpdate(this.currentValue), this.updatedProperties.clear(), !f && this.options.onStart && (f = !0, this.options.onStart());
         }
       };
-      a.forEach((f) => {
-        this.activeAnimations.add(f);
-        const d = {
-          from: i[f],
-          to: t[f],
+      e.forEach((c) => {
+        this.activeAnimations.add(c);
+        const u = {
+          from: n[c],
+          to: t[c],
           stiffness: this.options.spring.stiffness,
           damping: this.options.spring.damping,
           mass: 1
         };
-        typeof this.velocity == "object" && this.velocity && f in this.velocity && (d.velocity = this.velocity[f] * 1e3);
-        const r = R({
-          ...d,
-          onUpdate: (o) => {
-            u[f] = o, this.updatedProperties.add(f), p();
+        typeof this.velocity == "object" && this.velocity && c in this.velocity && (u.velocity = this.velocity[c] * 1e3);
+        const r = E({
+          ...u,
+          onUpdate: (s) => {
+            m[c] = s, this.updatedProperties.add(c), h();
           },
           onComplete: () => {
-            this.completedAnimations.add(f), this.updatedProperties.delete(f), this.completedAnimations.size === a.length && (this.currentValue = t, this.isAnimating = !1, this.animationMap = null, typeof this.velocity == "object" && this.velocity && Object.keys(this.velocity).forEach((o) => {
-              this.velocity[o] = 0;
+            this.completedAnimations.add(c), this.updatedProperties.delete(c), 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(f, r);
+        this.animationMap.set(c, r);
       });
     });
     if (this.options = {
@@ -114,10 +114,10 @@ class V {
       }),
       onStart: t.onStart
     }, this.currentValue = this.options.from, typeof this.options.from == "object" && this.options.from !== null) {
-      const n = {};
-      Object.keys(this.options.from).forEach((i) => {
-        n[i] = 0;
-      }), this.velocity = n;
+      const o = {};
+      Object.keys(this.options.from).forEach((n) => {
+        o[n] = 0;
+      }), this.velocity = o;
     } else
       this.velocity = 0;
   }
@@ -131,8 +131,8 @@ class V {
   reverse() {
     const t = this.options.from;
     if (this.options.from = this.options.to, this.options.to = t, this.isAnimating) {
-      const n = this.shouldReverse();
-      this.stop(), this.animate(!n);
+      const o = this.shouldReverse();
+      this.stop(), this.animate(!o);
     }
   }
   shouldReverse() {
@@ -171,256 +171,302 @@ class V {
   // Configuration
   updateOptions(t) {
     if (this.options = { ...this.options, ...t }, this.isAnimating && this.controls) {
-      const n = this.shouldReverse();
-      this.stop(), this.animate(!n);
+      const o = this.shouldReverse();
+      this.stop(), this.animate(!o);
     }
   }
   // Static factory method
-  static fromState(t, n) {
-    const i = new V(n);
-    return i.setValue(t.position), i.setVelocity(t.velocity), i;
+  static fromState(t, o) {
+    const n = new V(o);
+    return n.setValue(t.position), n.setVelocity(t.velocity), n;
   }
 }
-const x = Symbol.for("TRANSITION_STRATEGY"), M = (e) => ({
+const k = Symbol.for("TRANSITION_STRATEGY"), I = (i) => ({
   runIn: async (t) => {
-    const { currentAnimation: n } = e;
-    if (n && n.direction === "out") {
-      const l = n.animator.getCurrentState();
-      if (n.animator.stop(), t.out) {
-        const m = await t.out, { from: p = 1, to: f = 0 } = m;
+    const { currentAnimation: o } = i;
+    if (o && o.direction === "out") {
+      const a = o.animator.getCurrentState();
+      if (o.animator.stop(), t.out) {
+        const f = await t.out, { from: h = 1, to: c = 0 } = f;
         return {
-          config: m,
-          state: l,
-          from: p,
+          config: f,
+          state: a,
+          from: h,
           // OUT animation's from
-          to: f,
+          to: c,
           // OUT animation's to
           direction: "backward"
           // Will actually go 0→1
         };
       }
     }
-    const i = await t.in;
-    if (!i)
+    const n = await t.in;
+    if (!n)
       return {
-        state: { position: 0, velocity: 0 },
+        state: {
+          position: 0,
+          velocity: 0
+        },
         from: 0,
         to: 1,
         direction: "forward"
       };
-    const { from: a = 0, to: u = 1 } = i;
+    const { from: e = 0, to: m = 1 } = n;
     return {
-      config: i,
-      state: { position: a, velocity: 0 },
-      from: a,
-      to: u,
+      config: n,
+      state: {
+        position: e,
+        velocity: 0
+      },
+      from: e,
+      to: m,
       direction: "forward"
     };
   },
   runOut: async (t) => {
-    const { currentAnimation: n } = e;
-    if (n && n.direction === "in") {
-      const l = n.animator.getCurrentState();
-      if (n.animator.stop(), t.in) {
-        const m = await t.in, { from: p = 0, to: f = 1 } = m;
+    const { currentAnimation: o } = i;
+    if (o && o.direction === "in") {
+      const a = o.animator.getCurrentState();
+      if (o.animator.stop(), t.in) {
+        const f = await t.in, { from: h = 0, to: c = 1 } = f;
         return {
-          config: m,
+          config: f,
           state: {
-            position: l.position,
-            velocity: l.velocity
+            position: a.position,
+            velocity: a.velocity
           },
-          from: p,
+          from: h,
           // IN animation's from
-          to: f,
+          to: c,
           // IN animation's to
           direction: "backward"
           // Will actually go 1→0
         };
       }
     }
-    const i = await t.out;
-    if (!i)
+    const n = await t.out;
+    if (!n)
       return {
-        state: { position: 1, velocity: 0 },
+        state: {
+          position: 1,
+          velocity: 0
+        },
         from: 1,
         to: 0,
         direction: "forward"
       };
-    const { from: a = 1, to: u = 0 } = i;
+    const { from: e = 1, to: m = 0 } = n;
     return {
-      config: i,
-      state: { position: a, velocity: 0 },
-      from: a,
-      to: u,
+      config: n,
+      state: {
+        position: e,
+        velocity: 0
+      },
+      from: e,
+      to: m,
       direction: "forward"
     };
   }
 });
-function U(e, t) {
-  var d;
-  let n = null, i = null, a = null, u = null;
-  const l = {
+function D(i, t) {
+  var u;
+  let o = null, n = null, e = null, m = null;
+  const a = {
     get currentAnimation() {
-      return n;
+      return o;
     }
-  }, m = ((d = t == null ? void 0 : t.strategy) == null ? void 0 : d.call(t, l)) || M(l), p = async (r) => {
-    var g, b;
-    i && (i.remove(), i = null);
-    const o = e(), c = {
-      in: o.in && Promise.resolve(o.in(r)),
-      out: o.out && Promise.resolve(o.out(r))
-    }, s = await m.runIn(c);
-    if (!s.config)
+  }, f = ((u = t == null ? void 0 : t.strategy) == null ? void 0 : u.call(t, a)) || I(a), h = async (r) => {
+    var y, S;
+    n && (n.remove(), n = null);
+    const s = i(), p = {
+      in: s.in && Promise.resolve(s.in(r)),
+      out: s.out && Promise.resolve(s.out(r))
+    }, l = await f.runIn(p);
+    if (!l.config)
       return;
-    (b = (g = s.config).prepare) == null || b.call(g, r);
-    const h = V.fromState(s.state, {
-      from: s.from,
-      to: s.to,
-      spring: s.config.spring,
-      onStart: s.config.onStart,
-      onUpdate: s.config.tick,
+    (S = (y = l.config).prepare) == null || S.call(y, r), l.config.wait && await l.config.wait();
+    const d = V.fromState(l.state, {
+      from: l.from,
+      to: l.to,
+      spring: l.config.spring,
+      onStart: l.config.onStart,
+      onUpdate: l.config.tick,
       onComplete: () => {
         var v, w;
-        n = null, (w = (v = s.config) == null ? void 0 : v.onEnd) == null || w.call(v);
+        o = null, (w = (v = l.config) == null ? void 0 : v.onEnd) == null || w.call(v);
       }
     });
-    n = { animator: h, direction: "in" }, s.direction === "forward" ? h.forward() : h.backward();
-  }, f = async (r) => {
-    var b, v;
-    i = r;
-    const o = e(), c = {
-      in: o.in && Promise.resolve(o.in(r)),
-      out: o.out && Promise.resolve(o.out(r))
-    }, s = await m.runOut(c);
-    if (!s.config)
+    o = { animator: d, direction: "in" }, l.direction === "forward" ? d.forward() : d.backward();
+  }, c = async (r) => {
+    var S, v;
+    n = r;
+    const s = i(), p = {
+      in: s.in && Promise.resolve(s.in(r)),
+      out: s.out && Promise.resolve(s.out(r))
+    }, l = await f.runOut(p);
+    if (!l.config)
       return;
-    (v = (b = s.config).prepare) == null || v.call(b, r), g();
-    const h = V.fromState(s.state, {
-      from: s.from,
-      to: s.to,
-      spring: s.config.spring,
-      onStart: s.config.onStart,
-      onUpdate: s.config.tick,
+    (v = (S = l.config).prepare) == null || v.call(S, r), y(), l.config.wait && await l.config.wait();
+    const d = V.fromState(l.state, {
+      from: l.from,
+      to: l.to,
+      spring: l.config.spring,
+      onStart: l.config.onStart,
+      onUpdate: l.config.tick,
       onComplete: () => {
-        var w, E, O;
-        (E = (w = s.config) == null ? void 0 : w.onEnd) == null || E.call(w), i && (i.remove(), i = null), n = null, (O = t == null ? void 0 : t.onCleanupEnd) == null || O.call(t);
+        var w, T, O;
+        (T = (w = l.config) == null ? void 0 : w.onEnd) == null || T.call(w), n && (n.remove(), n = null), o = null, (O = t == null ? void 0 : t.onCleanupEnd) == null || O.call(t);
       }
     });
-    n = { animator: h, direction: "out" }, s.direction === "forward" ? h.forward() : h.backward();
-    function g() {
-      !a || !i || (u && a.contains(u) ? a.insertBefore(i, u) : a.appendChild(i));
+    o = { animator: d, direction: "out" }, l.direction === "forward" ? d.forward() : d.backward();
+    function y() {
+      !e || !n || (m && e.contains(m) ? e.insertBefore(n, m) : e.appendChild(n));
     }
   };
   return (r) => {
     if (r)
-      return a = r.parentElement, u = r.nextElementSibling, p(r), () => {
-        const o = r.cloneNode(!0);
-        f(o);
+      return e = r.parentElement, m = r.nextElementSibling, h(r), () => {
+        const s = r.cloneNode(!0);
+        c(s);
       };
   };
 }
 const A = /* @__PURE__ */ new Map(), C = /* @__PURE__ */ new Map();
-function I(e, t, n) {
-  A.set(e, t);
-  let i = C.get(e);
-  return i || (i = U(
+function N(i, t, o) {
+  A.set(i, t);
+  let n = C.get(i);
+  return n || (n = D(
     () => {
-      const a = A.get(e);
-      return a || (console.warn(`Transition "${String(e)}" not found`), {});
+      const e = A.get(i);
+      return e || (console.warn(`Transition "${String(i)}" not found`), {});
     },
     {
-      strategy: n,
-      onCleanupEnd: () => D(e)
+      strategy: o,
+      onCleanupEnd: () => P(i)
     }
-  ), C.set(e, i), i);
+  ), C.set(i, n), n);
+}
+function P(i) {
+  A.delete(i), C.delete(i);
+}
+function $() {
+  const i = U(new Error().stack);
+  return i ? `auto_${i.file}_${i.line}_${i.column}` : Symbol(`ssgoi_auto_${Date.now()}`);
 }
-function D(e) {
-  A.delete(e), C.delete(e);
+const R = globalThis.FinalizationRegistry, j = R ? new R((i) => {
+  try {
+    P(i);
+  } catch {
+  }
+}) : void 0;
+function Y(i) {
+  const t = i.key ?? $();
+  if (i.ref && j)
+    try {
+      j.register(i.ref, t);
+    } catch {
+    }
+  return N(
+    t,
+    {
+      in: i.in,
+      out: i.out
+    },
+    i[k]
+  );
 }
-function Y(e) {
-  return I(e.key, {
-    in: e.in,
-    out: e.out
-  }, e[x]);
+function F(i) {
+  const t = i.filter((o) => o.symmetric).map((o) => ({
+    from: o.to,
+    to: o.from,
+    transition: o.transition
+  }));
+  return [...i, ...t];
 }
-function _(e) {
-  let t = null;
-  const n = [...e.transitions], i = [];
-  for (const o of e.transitions)
-    o.symmetric && (n.some(
-      (s) => s.from === o.to && s.to === o.from
-    ) || i.push({
-      from: o.to,
-      to: o.from,
-      transition: o.transition
-      // Don't add symmetric flag to the reverse to avoid infinite loop
-    }));
-  n.push(...i);
-  let a = null;
-  const u = /* @__PURE__ */ new Map();
-  let l = null;
-  const m = () => {
-    a && l && u.set(l, {
-      x: a.scrollLeft,
-      y: a.scrollTop
+function L() {
+  let i = null;
+  const t = /* @__PURE__ */ new Map();
+  let o = null;
+  const n = () => {
+    i && o && t.set(o, {
+      x: i.scrollLeft,
+      y: i.scrollTop
     });
-  }, p = (o, c) => {
-    a || (a = P(o), a.addEventListener("scroll", m, {
-      passive: !0
-    })), l = c;
-  }, f = () => {
-    const o = t == null ? void 0 : t.from, c = t == null ? void 0 : t.to, s = o && u.has(o) ? u.get(o) : { x: 0, y: 0 }, h = c && u.has(c) ? u.get(c) : { x: 0, y: 0 };
-    return {
-      x: -h.x + s.x,
-      y: -h.y + s.y
-    };
   };
-  function d() {
-    if (t != null && t.from && (t != null && t.to)) {
-      const c = N(
-        t.from,
-        t.to,
-        n
-      ) || e.defaultTransition, h = { scrollOffset: f() };
-      c && (c.out && t.outResolve && t.outResolve(
-        (g) => c.out(g, h)
-      ), c.in && t.inResolve && t.inResolve(
-        (g) => c.in(g, h)
-      )), t = null;
+  return {
+    startScrollTracking: (a, f) => {
+      i || (i = _(a), (i === document.documentElement ? window : i).addEventListener("scroll", n, {
+        passive: !0
+      })), o = f;
+    },
+    calculateScrollOffset: (a, f) => {
+      const h = a && t.has(a) ? t.get(a) : { x: 0, y: 0 }, c = f && t.has(f) ? t.get(f) : { x: 0, y: 0 };
+      return {
+        x: -c.x + h.x,
+        y: -c.y + h.y
+      };
+    }
+  };
+}
+function B(i) {
+  const {
+    transitions: t = [],
+    defaultTransition: o,
+    middleware: n = (u, r) => ({ from: u, to: r })
+    // Identity function as default
+  } = i;
+  let e = null;
+  const m = F(t), { startScrollTracking: a, calculateScrollOffset: f } = L();
+  function h() {
+    if (e != null && e.from && (e != null && e.to)) {
+      const { from: u, to: r } = n(
+        e.from,
+        e.to
+      ), p = z(
+        u,
+        r,
+        m
+      ) || o, d = { scrollOffset: f(e.from, e.to) };
+      p && (p.out && e.outResolve && e.outResolve(
+        (y) => p.out(y, d)
+      ), p.in && e.inResolve && e.inResolve(
+        (y) => p.in(y, d)
+      )), e = null;
     }
   }
-  const r = async (o, c) => c === "in" && (!t || !t.from) ? () => ({}) : (t || (t = {}), c === "out" ? (t.from = o, new Promise((s) => {
-    t.outResolve = s, d();
-  })) : (t.to = o, new Promise((s) => {
-    t.inResolve = s, d();
+  const c = async (u, r) => r === "in" && (!e || !e.from) ? () => ({}) : (e || (e = {}), r === "out" ? (e.from = u, new Promise((s) => {
+    e.outResolve = s, h();
+  })) : (e.to = u, new Promise((s) => {
+    e.inResolve = s, h();
   })));
-  return (o) => ({
-    key: o,
-    in: async (c) => (p(c, o), (await r(o, "in"))(c)),
-    out: async (c) => (await r(o, "out"))(c)
+  return (u) => ({
+    key: u,
+    in: async (r) => (a(r, u), (await c(u, "in"))(r)),
+    out: async (r) => (await c(u, "out"))(r)
   });
 }
-function N(e, t, n) {
-  for (const i of n)
-    if (S(e, i.from) && S(t, i.to))
-      return i.transition;
-  for (const i of n)
-    if ((i.from === "*" || S(e, i.from)) && (i.to === "*" || S(t, i.to)))
-      return i.transition;
+function z(i, t, o) {
+  for (const n of o)
+    if (b(i, n.from) && b(t, n.to))
+      return n.transition;
+  for (const n of o)
+    if ((n.from === "*" || b(i, n.from)) && (n.to === "*" || b(t, n.to)))
+      return n.transition;
   return null;
 }
-function S(e, t) {
+function b(i, t) {
   if (t === "*")
     return !0;
   if (t.endsWith("/*")) {
-    const n = t.slice(0, -2);
-    return e === n || e.startsWith(n + "/");
+    const o = t.slice(0, -2);
+    return i === o || i.startsWith(o + "/");
   }
-  return e === t;
+  return i === t;
 }
 export {
-  x as TRANSITION_STRATEGY,
-  M as createDefaultStrategy,
-  _ as createSggoiTransitionContext,
+  k as TRANSITION_STRATEGY,
+  I as createDefaultStrategy,
+  B as createSggoiTransitionContext,
+  $ as generateAutoKey,
   Y as transition
 };