@ssgoi/core 3.2.1 → 3.3.0

package/dist/index.js

@@ -1,10 +1,10 @@
-var et = Object.defineProperty;
-var nt = (i, e, t) => e in i ? et(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var m = (i, e, t) => nt(i, typeof e != "symbol" ? e + "" : e, t);
-import { normalizeToMultiSpring as I, normalizeMultiSpringSchedule as H } from "./types.js";
-import { isCssAnimation as Nt, isMultiSpring as Ht, isSingleSpring as qt, isTickAnimation as Yt, validateAnimationMode as Ut, validateSpringItem as Wt } from "./types.js";
-import { j as $t } from "./jaemin-BWkrXq0V.js";
-class it {
+var Z = Object.defineProperty;
+var tt = (i, e, t) => e in i ? Z(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var m = (i, e, t) => tt(i, typeof e != "symbol" ? e + "" : e, t);
+import { normalizeToMultiSpring as I, normalizeMultiSpringSchedule as _ } from "./types.js";
+import { isCssAnimation as Lt, isMultiSpring as Dt, isSingleSpring as zt, isTickAnimation as qt, validateAnimationMode as Ht, validateSpringItem as Nt } from "./types.js";
+import { j as Yt } from "./jaemin-BWkrXq0V.js";
+class et {
   constructor() {
     m(this, "listeners", /* @__PURE__ */ new Set());
     m(this, "rafId", null);
@@ -68,24 +68,24 @@ class it {
     return this.elapsed;
   }
 }
-const z = new it();
-function W(i) {
+const z = new et();
+function U(i) {
   const e = i.stiffness, t = i.damping, n = 1, r = Math.sqrt(e / n), s = t / (2 * Math.sqrt(e * n));
   return { omega: r, zeta: s };
 }
-function X(i, e, t, n) {
+function W(i, e, t, n) {
   const { omega: r, zeta: s } = t, { position: a, velocity: o } = i, c = Math.min(n, 0.033), u = -2 * c * s * r * o, f = c * r * r * (e - a), h = o + u + f;
   return {
     position: a + c * h,
     velocity: h
   };
 }
-const ot = 0.01, rt = 0.01, $ = 0.05;
+const nt = 0.01, it = 0.01, X = 0.05;
 function j(i, e) {
   const t = Math.abs(e - i.position), n = Math.abs(i.velocity);
-  return t < ot && n < rt;
+  return t < nt && n < it;
 }
-function st(i) {
+function ot(i) {
   const {
     from: e,
     to: t,
@@ -96,10 +96,10 @@ function st(i) {
     onStart: o
   } = i;
   let c = { position: e, velocity: r }, u = !0, f = 0, h = !1;
-  const y = W(n), v = (l) => {
+  const y = U(n), v = (l) => {
     if (u) {
-      if (h || (h = !0, o == null || o()), c = X(c, t, y, l), j(c, t)) {
-        if (f += Math.min(l, 0.033), f >= $) {
+      if (h || (h = !0, o == null || o()), c = W(c, t, y, l), j(c, t)) {
+        if (f += Math.min(l, 0.033), f >= X) {
           c = { position: t, velocity: 0 }, u = !1, s(c.position), z.unsubscribe(v), a();
           return;
         }
@@ -118,8 +118,8 @@ function st(i) {
   };
 }
 const M = 1e3 / 60;
-function ct(i, e, t, n = 0) {
-  const r = W(t), s = 600;
+function rt(i, e, t, n = 0) {
+  const r = U(t), s = 600;
   let a = { position: i, velocity: n }, o = 0;
   const c = [];
   for (let u = 0; u < s; u++) {
@@ -128,8 +128,8 @@ function ct(i, e, t, n = 0) {
       time: f,
       position: a.position,
       velocity: a.velocity
-    }), a = X(a, e, r, M / 1e3), j(a, e)) {
-      if (o += M / 1e3, o >= $) {
+    }), a = W(a, e, r, M / 1e3), j(a, e)) {
+      if (o += M / 1e3, o >= X) {
         c.push({
           time: (u + 1) * M,
           position: e,
@@ -142,7 +142,7 @@ function ct(i, e, t, n = 0) {
   }
   return c;
 }
-function q(i, e) {
+function Y(i, e) {
   if (i.length === 0)
     return { position: 0, velocity: 0 };
   const t = i[0], n = i[i.length - 1];
@@ -161,10 +161,10 @@ function q(i, e) {
     velocity: a.velocity + (o.velocity - a.velocity) * c
   };
 }
-function at(i, e) {
+function st(i, e) {
   return i.map((t) => e(t.position));
 }
-function lt(i) {
+function ct(i) {
   const {
     element: e,
     from: t,
@@ -174,7 +174,7 @@ function lt(i) {
     style: a,
     onComplete: o,
     onStart: c
-  } = i, u = ct(t, n, r, s);
+  } = i, u = rt(t, n, r, s);
   if (u.length === 0)
     return c == null || c(), o(), {
       stop: () => {
@@ -183,7 +183,7 @@ function lt(i) {
       getVelocity: () => 0,
       isRunning: () => !1
     };
-  const f = at(u, a), h = u[u.length - 1], y = h.time, v = e.animate(f, {
+  const f = st(u, a), h = u[u.length - 1], y = h.time, v = e.animate(f, {
     duration: y,
     fill: "forwards",
     easing: "linear"
@@ -201,18 +201,18 @@ function lt(i) {
       if (!l)
         return h.position;
       const A = performance.now() - d;
-      return q(u, A).position;
+      return Y(u, A).position;
     },
     getVelocity: () => {
       if (!l)
         return 0;
       const A = performance.now() - d;
-      return q(u, A).velocity;
+      return Y(u, A).velocity;
     },
     isRunning: () => l
   };
 }
-function ut(i) {
+function at(i) {
   const { from: e, to: t, spring: n, velocity: r, onComplete: s, onStart: a, tick: o, css: c } = i;
   if (o && c)
     throw new Error("Cannot use both 'tick' and 'css' options together");
@@ -222,7 +222,7 @@ function ut(i) {
     getPosition: () => t,
     getVelocity: () => 0,
     isRunning: () => !1
-  }) : c ? lt({
+  }) : c ? ct({
     element: c.element,
     from: e,
     to: t,
@@ -231,7 +231,7 @@ function ut(i) {
     style: c.style,
     onComplete: s,
     onStart: a
-  }) : st({
+  }) : ot({
     from: e,
     to: t,
     spring: n,
@@ -241,9 +241,9 @@ function ut(i) {
     onStart: a
   });
 }
-class K {
+class G {
 }
-class F extends K {
+class F extends G {
   constructor(t) {
     super();
     m(this, "options");
@@ -265,7 +265,7 @@ class F extends K {
     }, this.currentValue = this.options.from;
   }
   runAnimation(t) {
-    this.isAnimating = !0, this.controls = ut({
+    this.isAnimating = !0, this.controls = at({
       from: this.currentValue,
       to: t,
       spring: this.options.spring,
@@ -324,7 +324,7 @@ class F extends K {
     return r.setValue(t.position), r.setVelocity(t.velocity), r;
   }
 }
-class L extends K {
+class L extends G {
   constructor(t) {
     super();
     m(this, "config");
@@ -520,7 +520,7 @@ class L extends K {
     return r.setValue(t.position), r.setVelocity(t.velocity), r;
   }
 }
-const G = Symbol.for("TRANSITION_STRATEGY"), ft = (i) => ({
+const $ = Symbol.for("TRANSITION_STRATEGY"), lt = (i) => ({
   runIn: async (e) => {
     const { currentAnimation: t } = i;
     if (t && t.direction === "out") {
@@ -587,7 +587,7 @@ const G = Symbol.for("TRANSITION_STRATEGY"), ft = (i) => ({
       direction: "forward"
     };
   }
-}), dt = () => ({
+}), ut = () => ({
   runIn: async (i) => i.in ? {
     config: await i.in,
     state: {
@@ -624,48 +624,48 @@ const G = Symbol.for("TRANSITION_STRATEGY"), ft = (i) => ({
     to: 0,
     direction: "forward"
   }
-}), B = "data-ssgoi-scope", J = "data-ssgoi-scope-ready";
-function Pt() {
+}), B = "data-ssgoi-scope", K = "data-ssgoi-scope-ready";
+function kt() {
   return (i) => {
     if (i)
       return i.setAttribute(B, ""), queueMicrotask(() => {
         queueMicrotask(() => {
-          i.setAttribute(J, "true");
+          i.setAttribute(K, "true");
         });
       }), () => {
       };
   };
 }
-function mt(i) {
-  return i.hasAttribute(J);
+function ft(i) {
+  return i.hasAttribute(K);
 }
-function ht(i) {
+function dt(i) {
   return i.closest(`[${B}]`);
 }
-function gt(i, e) {
+function mt(i, e) {
   var v;
   let t = null, n = null, r = null, s = null;
   const a = {
     get currentAnimation() {
       return t;
     }
-  }, o = ((v = e == null ? void 0 : e.strategy) == null ? void 0 : v.call(e, a)) || ft(a), c = async (l) => {
+  }, o = ((v = e == null ? void 0 : e.strategy) == null ? void 0 : v.call(e, a)) || lt(a), c = async (l) => {
     var E;
     n && (n.remove(), n = null);
     const d = i(), A = d.in && d.in(l), k = !(e != null && e.strategy) && d.out ? d.out(l) : void 0;
     if (!A)
       return;
-    const V = {
+    const R = {
       in: I(A),
       out: k ? I(k) : void 0
-    }, S = await o.runIn(V);
+    }, S = await o.runIn(R);
     if (!S.config) {
       t && (t.direction = "in");
       return;
     }
     const p = S.config;
     (E = p.prepare) == null || E.call(p, l), p.wait && await p.wait();
-    const w = H(
+    const w = _(
       {
         ...p,
         onEnd: () => {
@@ -686,22 +686,22 @@ function gt(i, e) {
     const d = i(), A = !(e != null && e.strategy) && d.in ? d.in(l) : void 0, k = d.out && d.out(l);
     if (!k)
       return;
-    const V = {
+    const R = {
       in: A ? I(A) : void 0,
       out: I(k)
-    }, S = await o.runOut(V);
+    }, S = await o.runOut(R);
     if (!S.config) {
       t && (t.direction = "out"), n && (n.remove(), n = null);
       return;
     }
     const p = S.config;
     (C = p.prepare) == null || C.call(p, l), E(), p.wait && await p.wait();
-    const w = H(
+    const w = _(
       {
         ...p,
         onEnd: () => {
-          var R, P;
-          (R = p.onEnd) == null || R.call(p), n && (n.remove(), n = null), t = null, (P = e == null ? void 0 : e.onCleanupEnd) == null || P.call(e);
+          var V, P;
+          (V = p.onEnd) == null || V.call(p), n && (n.remove(), n = null), t = null, (P = e == null ? void 0 : e.onCleanupEnd) == null || P.call(e);
         }
       },
       l
@@ -726,82 +726,16 @@ function gt(i, e) {
   };
   return (l) => {
     if (l)
-      return r = l.parentElement, s = l.nextElementSibling, h = !1, (e == null ? void 0 : e.scope) === "local" ? queueMicrotask(() => {
-        f = ht(l), !(f && !mt(f)) && c(l);
+      return requestAnimationFrame(() => {
+        r = l.parentElement, s = l.nextElementSibling;
+      }), h = !1, (e == null ? void 0 : e.scope) === "local" ? queueMicrotask(() => {
+        f = dt(l), !(f && !ft(f)) && c(l);
       }) : c(l), y(l);
   };
 }
-const pt = 3, wt = (i) => {
-  if (!i) return null;
-  const e = i.split(`
-`).map((t) => t.trim());
-  for (let t = pt; t < Math.min(e.length, 6); t++) {
-    const n = e[t], r = n == null ? void 0 : n.match(/\(?([^):]+):(\d+):(\d+)\)?$/);
-    if (!r)
-      continue;
-    const s = r[1] ?? "", a = r[2] ?? "0", o = r[3] ?? "0";
-    return { file: s.split(/[\\/]/).pop() || s, line: a, column: o };
-  }
-  return null;
-}, O = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new Map();
-function yt(i, e, t) {
-  O.set(i, e);
-  let n = _.get(i);
-  if (n)
-    return n;
-  const r = e;
-  return n = gt(
-    () => {
-      const s = O.get(i);
-      return s || (console.warn(`Transition "${String(i)}" not found`), {});
-    },
-    {
-      strategy: t == null ? void 0 : t.strategy,
-      scope: t == null ? void 0 : t.scope,
-      onCleanupEnd: () => {
-        O.get(i) === r && Q(i);
-      }
-    }
-  ), _.set(i, n), n;
-}
-function Q(i) {
-  O.delete(i), _.delete(i);
-}
-function vt() {
-  const i = wt(new Error().stack);
-  return i ? `auto_${i.file}_${i.line}_${i.column}` : Symbol(`ssgoi_auto_${Date.now()}`);
-}
-const Y = globalThis.FinalizationRegistry, U = Y ? (
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  new Y((i) => {
-    try {
-      Q(i);
-    } catch {
-    }
-  })
-) : void 0;
-function It(i) {
-  const e = i.key ?? vt();
-  if (i.ref && U)
-    try {
-      U.register(i.ref, e);
-    } catch {
-    }
-  return yt(
-    e,
-    {
-      in: i.in,
-      out: i.out
-    },
-    {
-      strategy: i[G],
-      scope: i.scope
-    }
-  );
-}
 const b = /* @__PURE__ */ new Map();
-let T = null, N = !1;
-function Z(i) {
+let T = null, q = !1;
+function J(i) {
   if (i instanceof HTMLElement && b.has(i)) {
     const t = b.get(i);
     b.delete(i), queueMicrotask(() => {
@@ -811,16 +745,16 @@ function Z(i) {
   const e = i.childNodes;
   for (let t = 0; t < e.length; t++) {
     const n = e[t];
-    n && Z(n);
+    n && J(n);
   }
 }
-function St() {
-  N || typeof document > "u" || (N = !0, T = new MutationObserver((i) => {
+function ht() {
+  q || typeof document > "u" || (q = !0, T = new MutationObserver((i) => {
     for (const e of i) {
       const t = e.removedNodes;
       for (let n = 0; n < t.length; n++) {
         const r = t[n];
-        r && Z(r);
+        r && J(r);
       }
     }
   }), document.body ? T.observe(document.body, {
@@ -837,23 +771,69 @@ function St() {
     { once: !0 }
   ));
 }
-function Mt(i, e) {
-  St(), b.set(i, e);
+function gt(i, e) {
+  ht(), b.set(i, e);
 }
-function xt(i) {
+function Vt(i) {
   return b.has(i);
 }
-function Ot() {
+function Rt() {
   return b.size;
 }
-function Ft(i) {
+function Pt(i) {
   const e = b.get(i);
   return e ? (b.delete(i), e(), !0) : !1;
 }
-function Lt() {
-  b.clear(), T == null || T.disconnect(), T = null, N = !1;
+function It() {
+  b.clear(), T == null || T.disconnect(), T = null, q = !1;
+}
+const O = /* @__PURE__ */ new Map(), H = /* @__PURE__ */ new Map(), N = /* @__PURE__ */ new Map();
+function pt(i, e, t) {
+  O.set(i, e);
+  let n = H.get(i);
+  if (n)
+    return n;
+  const r = e;
+  return n = mt(
+    () => {
+      const s = O.get(i);
+      return s || (console.warn(`Transition "${String(i)}" not found`), {});
+    },
+    {
+      strategy: t == null ? void 0 : t.strategy,
+      scope: t == null ? void 0 : t.scope,
+      onCleanupEnd: () => {
+        O.get(i) === r && wt(i);
+      }
+    }
+  ), H.set(i, n), n;
+}
+function wt(i) {
+  O.delete(i), H.delete(i), N.delete(i);
+}
+function Mt(i, e = "manual") {
+  const t = pt(
+    i.key,
+    {
+      in: i.in,
+      out: i.out
+    },
+    {
+      strategy: i[$],
+      scope: i.scope
+    }
+  );
+  if (e === "manual")
+    return t;
+  let n = N.get(i.key);
+  return n || (n = (r) => {
+    if (r) {
+      const s = t(r);
+      s && gt(r, s);
+    }
+  }, N.set(i.key, n), n);
 }
-function Ct(i) {
+function yt(i) {
   const e = i.filter((t) => t.symmetric).map((t) => ({
     from: t.to,
     to: t.from,
@@ -861,7 +841,7 @@ function Ct(i) {
   }));
   return [...i, ...e];
 }
-function At(i) {
+function vt(i) {
   let e = !1, t = 0, n = 0, r = !1;
   const s = 50, a = (l) => {
     if (!i) return;
@@ -890,7 +870,7 @@ function At(i) {
     }
   };
 }
-const Et = (i) => {
+const St = (i) => {
   let e = i.parentElement;
   for (; e && e !== document.body; ) {
     const t = window.getComputedStyle(e), n = t.overflow + t.overflowY + t.overflowX;
@@ -899,7 +879,7 @@ const Et = (i) => {
     e = e.parentElement;
   }
   return document.documentElement;
-}, Tt = (i) => {
+}, Ct = (i) => {
   let e = i.parentElement;
   for (; e && e !== document.body; ) {
     const t = window.getComputedStyle(e).position;
@@ -909,7 +889,7 @@ const Et = (i) => {
   }
   return document.body;
 };
-function bt() {
+function At() {
   let i = null, e = null;
   const t = /* @__PURE__ */ new Map();
   let n = null;
@@ -921,7 +901,7 @@ function bt() {
   };
   return {
     initializeContext: (f, h) => {
-      e = f, i || (i = Et(f), (i === document.documentElement ? window : i).addEventListener("scroll", r, {
+      e = f, i || (i = St(f), (i === document.documentElement ? window : i).addEventListener("scroll", r, {
         passive: !0
       })), n = h;
     },
@@ -933,7 +913,7 @@ function bt() {
       };
     },
     getScrollContainer: () => i,
-    getPositionedParentElement: () => e ? Tt(e) : document.body,
+    getPositionedParentElement: () => e ? Ct(e) : document.body,
     getScrollPosition: (f) => f && t.has(f) ? t.get(f) : { x: 0, y: 0 }
   };
 }
@@ -946,7 +926,7 @@ function x(i, e) {
   }
   return i === e;
 }
-function kt(i, e, t) {
+function Et(i, e, t) {
   for (const n of t)
     if (x(i, n.from) && x(e, n.to))
       return n.transition;
@@ -955,7 +935,7 @@ function kt(i, e, t) {
       return n.transition;
   return null;
 }
-function Dt(i, e) {
+function xt(i, e) {
   const {
     transitions: t = [],
     defaultTransition: n,
@@ -965,28 +945,28 @@ function Dt(i, e) {
     // Default to true - skip animations on iOS swipe
   } = i, { outFirst: a = !0 } = e || {};
   let o = null;
-  const c = Ct(t), {
+  const c = yt(t), {
     initializeContext: u,
     calculateScrollOffset: f,
     getScrollContainer: h,
     getPositionedParentElement: y,
     getScrollPosition: v
-  } = bt(), l = At(s);
+  } = At(), l = vt(s);
   l.initialize();
   function d() {
     if (o != null && o.from && (o != null && o.to)) {
       const { from: w, to: g } = r(
         o.from,
         o.to
-      ), C = kt(
+      ), C = Et(
         w,
         g,
         c
-      ) || n, R = f(
+      ) || n, V = f(
         o.from,
         o.to
       ), P = {
-        scrollOffset: R,
+        scrollOffset: V,
         scroll: v(o.from),
         get scrollingElement() {
           return h() || document.documentElement;
@@ -994,8 +974,8 @@ function Dt(i, e) {
         get positionedParent() {
           return y();
         }
-      }, tt = {
-        scrollOffset: R,
+      }, Q = {
+        scrollOffset: V,
         get scroll() {
           return o ? v(o.to) : { x: 0, y: 0 };
         },
@@ -1009,7 +989,7 @@ function Dt(i, e) {
       C && (C.out && o.outResolve && o.outResolve(
         (D) => C.out(D, P)
       ), C.in && o.inResolve && o.inResolve(
-        (D) => C.in(D, tt)
+        (D) => C.in(D, Q)
       )), o = null;
     }
   }
@@ -1030,33 +1010,32 @@ function Dt(i, e) {
     in: async (g) => (u(g, w), (await S(w, "in"))(g)),
     out: async (g) => (await S(w, "out"))(g),
     // Add page transition strategy for page-level transitions
-    [G]: dt
+    [$]: ut
   });
 }
 export {
   B as SCOPE_ATTR,
-  J as SCOPE_READY_ATTR,
-  G as TRANSITION_STRATEGY,
-  ft as createDefaultStrategy,
-  dt as createPageTransitionStrategy,
-  Dt as createSggoiTransitionContext,
-  Pt as createTransitionScope,
-  ht as findScope,
-  vt as generateAutoKey,
-  Ot as getWatchedCount,
-  Nt as isCssAnimation,
-  Ht as isMultiSpring,
-  mt as isScopeReady,
-  qt as isSingleSpring,
-  Yt as isTickAnimation,
-  xt as isWatched,
-  $t as jaeminInternal,
-  H as normalizeMultiSpringSchedule,
+  K as SCOPE_READY_ATTR,
+  $ as TRANSITION_STRATEGY,
+  lt as createDefaultStrategy,
+  ut as createPageTransitionStrategy,
+  xt as createSggoiTransitionContext,
+  kt as createTransitionScope,
+  dt as findScope,
+  Rt as getWatchedCount,
+  Lt as isCssAnimation,
+  Dt as isMultiSpring,
+  ft as isScopeReady,
+  zt as isSingleSpring,
+  qt as isTickAnimation,
+  Vt as isWatched,
+  Yt as jaeminInternal,
+  _ as normalizeMultiSpringSchedule,
   I as normalizeToMultiSpring,
-  Lt as resetObserver,
-  It as transition,
-  Ft as triggerUnmount,
-  Ut as validateAnimationMode,
-  Wt as validateSpringItem,
-  Mt as watchUnmount
+  It as resetObserver,
+  Mt as transition,
+  Pt as triggerUnmount,
+  Ht as validateAnimationMode,
+  Nt as validateSpringItem,
+  gt as watchUnmount
 };

package/dist/transition/create-transition-callback.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-transition-callback.d.ts","sourceRoot":"","sources":["../../src/lib/transition/create-transition-callback.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAIhF,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,kBAAkB,EAExB,MAAM,uBAAuB,CAAC;AAG/B,wBAAgB,wBAAwB,CACtC,aAAa,EAAE,MAAM,UAAU,CAAC,SAAS,CAAC,EAC1C,OAAO,CAAC,EAAE;IACR,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,kBAAkB,CAAC;IAC5D,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB,GACA,kBAAkB,CAgOpB"}
+{"version":3,"file":"create-transition-callback.d.ts","sourceRoot":"","sources":["../../src/lib/transition/create-transition-callback.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAIhF,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,kBAAkB,EAExB,MAAM,uBAAuB,CAAC;AAG/B,wBAAgB,wBAAwB,CACtC,aAAa,EAAE,MAAM,UAAU,CAAC,SAAS,CAAC,EAC1C,OAAO,CAAC,EAAE;IACR,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,kBAAkB,CAAC;IAC5D,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB,GACA,kBAAkB,CAkOpB"}