@ssgoi/core 0.0.3 → 2.1.0

package/dist/transitions/index.js

@@ -1,173 +1,253 @@
-const l = (r = {}) => {
+const m = ($ = {}) => {
   const {
-    from: i = 0,
-    to: c = 1,
-    spring: a = { stiffness: 300, damping: 30 }
-  } = r;
+    from: n = 0,
+    to: s = 1,
+    spring: r = { stiffness: 300, damping: 30 },
+    key: u
+  } = $;
   return {
-    in: (o) => ({
-      spring: a,
-      tick: (s) => {
-        const t = i + (c - i) * s;
-        o.style.opacity = t.toString();
+    in: (l) => ({
+      spring: r,
+      tick: (y) => {
+        const c = n + (s - n) * y;
+        l.style.opacity = c.toString();
       }
     }),
-    out: (o) => ({
-      spring: a,
-      tick: (s) => {
-        const t = i + (c - i) * s;
-        o.style.opacity = t.toString();
+    out: (l) => ({
+      spring: r,
+      tick: (y) => {
+        const c = n + (s - n) * y;
+        l.style.opacity = c.toString();
       }
-    })
+    }),
+    ...u && { key: u }
   };
-}, u = (r = {}) => {
+}, b = ($ = {}) => {
   const {
-    from: i = 0,
-    to: c = 1,
-    spring: a = { stiffness: 300, damping: 30 }
-  } = r;
+    start: n = 0,
+    opacity: s = 0,
+    axis: r = "both",
+    spring: u = { stiffness: 300, damping: 30 },
+    key: l
+  } = $, y = (c) => {
+    switch (r) {
+      case "x":
+        return `scaleX(${c})`;
+      case "y":
+        return `scaleY(${c})`;
+      case "both":
+      default:
+        return `scale(${c})`;
+    }
+  };
   return {
-    in: (o) => ({
-      spring: a,
-      tick: (s) => {
-        const t = i + (c - i) * s;
-        o.style.transform = `scale(${t})`;
+    in: (c) => ({
+      spring: u,
+      tick: (t) => {
+        const e = n + (1 - n) * t;
+        c.style.transform = y(e), c.style.opacity = (s + (1 - s) * t).toString();
       }
     }),
-    out: (o) => ({
-      spring: a,
-      tick: (s) => {
-        const t = i + (c - i) * s;
-        o.style.transform = `scale(${t})`;
+    out: (c) => ({
+      spring: u,
+      tick: (t) => {
+        const e = n + (1 - n) * t;
+        c.style.transform = y(e), c.style.opacity = (s + (1 - s) * t).toString();
       }
-    })
+    }),
+    ...l && { key: l }
   };
-}, y = (r = {}) => {
+}, x = ($ = {}) => {
   const {
-    direction: i = "left",
-    distance: c = 100,
-    fade: a = !0,
-    spring: o = { stiffness: 400, damping: 35 }
-  } = r, s = (t) => {
-    const n = (1 - t) * c;
-    switch (i) {
+    direction: n,
+    distance: s = 100,
+    opacity: r = 0,
+    fade: u = !0,
+    axis: l,
+    spring: y = { stiffness: 400, damping: 35 },
+    key: c
+  } = $, e = n || (l === "x" ? "left" : l === "y" ? "up" : "left"), o = (a) => typeof a == "number" ? `${a}px` : a, f = (a) => {
+    const i = 1 - a, p = typeof s == "number" ? i * s : `calc(${o(s)} * ${i})`;
+    switch (e) {
       case "left":
-        return `translateX(${-n}px)`;
+        return typeof s == "number" ? `translateX(${-p}px)` : `translateX(calc(-1 * ${p}))`;
       case "right":
-        return `translateX(${n}px)`;
+        return typeof s == "number" ? `translateX(${p}px)` : `translateX(${p})`;
       case "up":
-        return `translateY(${-n}px)`;
+        return typeof s == "number" ? `translateY(${-p}px)` : `translateY(calc(-1 * ${p}))`;
       case "down":
-        return `translateY(${n}px)`;
+        return typeof s == "number" ? `translateY(${p}px)` : `translateY(${p})`;
     }
   };
   return {
-    in: (t) => ({
-      spring: o,
-      tick: (n) => {
-        t.style.transform = s(n), a && (t.style.opacity = n.toString());
+    in: (a) => ({
+      spring: y,
+      tick: (i) => {
+        a.style.transform = f(i), u && (a.style.opacity = (r + (1 - r) * i).toString());
       }
     }),
-    out: (t) => ({
-      spring: o,
-      tick: (n) => {
-        t.style.transform = s(n), a && (t.style.opacity = n.toString());
+    out: (a) => ({
+      spring: y,
+      tick: (i) => {
+        a.style.transform = f(i), u && (a.style.opacity = (r + (1 - r) * i).toString());
       }
-    })
+    }),
+    ...c && { key: c }
+  };
+}, d = ($ = {}) => {
+  const {
+    degrees: n = 360,
+    clockwise: s = !0,
+    scale: r = !1,
+    fade: u = !0,
+    origin: l = "center",
+    axis: y = "2d",
+    perspective: c = 800,
+    spring: t = { stiffness: 500, damping: 25 },
+    key: e
+  } = $, o = s ? n : -n, f = (a) => {
+    const i = (1 - a) * o;
+    switch (y) {
+      case "x":
+        return `perspective(${c}px) rotateX(${i}deg)`;
+      case "y":
+        return `perspective(${c}px) rotateY(${i}deg)`;
+      case "z":
+        return `rotateZ(${i}deg)`;
+      case "2d":
+      default:
+        return `rotate(${i}deg)`;
+    }
+  };
+  return {
+    in: (a) => ({
+      spring: t,
+      tick: (i) => {
+        const p = [f(i)];
+        r && p.push(`scale(${i})`), a.style.transform = p.join(" "), a.style.transformOrigin = l, u && (a.style.opacity = i.toString());
+      }
+    }),
+    out: (a) => ({
+      spring: t,
+      tick: (i) => {
+        const p = [f(i)];
+        r && p.push(`scale(${i})`), a.style.transform = p.join(" "), a.style.transformOrigin = l, u && (a.style.opacity = i.toString());
+      }
+    }),
+    ...e && { key: e }
   };
-}, p = (r = {}) => {
+}, g = ($ = {}) => {
   const {
-    degrees: i = 360,
-    clockwise: c = !0,
-    scale: a = !1,
-    fade: o = !1,
-    spring: s = { stiffness: 500, damping: 25 }
-  } = r, t = c ? i : -i;
+    height: n = 20,
+    intensity: s = 1,
+    scale: r = !0,
+    fade: u = !0,
+    direction: l = "up",
+    spring: y = { stiffness: 800, damping: 15 },
+    key: c
+  } = $;
   return {
-    in: (n) => ({
-      spring: s,
+    in: (t) => ({
+      spring: y,
       tick: (e) => {
-        const f = [`rotate(${e * t}deg)`];
-        a && f.push(`scale(${e})`), n.style.transform = f.join(" "), o && (n.style.opacity = e.toString());
+        const o = [], f = Math.sin(e * Math.PI * (1 + s)), a = 1 - e, i = f * n * a;
+        if (l === "up" ? o.push(`translateY(${-Math.abs(i)}px)`) : o.push(`translateY(${Math.abs(i)}px)`), r) {
+          const p = 0.8 + e * 0.2 + f * 0.05 * a;
+          o.push(`scale(${p})`);
+        }
+        t.style.transform = o.join(" "), u && (t.style.opacity = e.toString());
       }
     }),
-    out: (n) => ({
-      spring: s,
+    out: (t) => ({
+      spring: y,
       tick: (e) => {
-        const f = [`rotate(${e * t}deg)`];
-        a && f.push(`scale(${e})`), n.style.transform = f.join(" "), o && (n.style.opacity = e.toString());
+        const o = [], f = Math.sin(e * Math.PI * (1 + s)), a = 1 - e, i = f * n * a;
+        if (l === "up" ? o.push(`translateY(${-Math.abs(i)}px)`) : o.push(`translateY(${Math.abs(i)}px)`), r) {
+          const p = 0.8 + e * 0.2 + f * 0.05 * a;
+          o.push(`scale(${p})`);
+        }
+        t.style.transform = o.join(" "), u && (t.style.opacity = e.toString());
       }
-    })
+    }),
+    ...c && { key: c }
   };
-}, d = (r = {}) => {
+}, k = ($ = {}) => {
   const {
-    height: i = 20,
-    scale: c = !0,
-    fade: a = !1,
-    spring: o = { stiffness: 800, damping: 15 }
-  } = r;
+    amount: n = 10,
+    opacity: s = 0,
+    scale: r = !1,
+    fade: u = !0,
+    spring: l = { stiffness: 300, damping: 30 },
+    key: y
+  } = $, c = (t) => typeof t == "number" ? `${t}px` : t;
   return {
-    in: (s) => ({
-      spring: o,
-      tick: (t) => {
-        const n = [], e = Math.sin(t * Math.PI) * i * (1 - t);
-        n.push(`translateY(${-e}px)`), c && n.push(`scale(${0.8 + t * 0.2})`), s.style.transform = n.join(" "), a && (s.style.opacity = t.toString());
+    in: (t) => ({
+      spring: l,
+      tick: (e) => {
+        const o = 1 - e, f = typeof n == "number" ? o * n : `calc(${c(n)} * ${o})`;
+        t.style.filter = typeof n == "number" ? `blur(${f}px)` : `blur(${f})`, r && (t.style.transform = `scale(${0.8 + e * 0.2})`), u && (t.style.opacity = (s + (1 - s) * e).toString());
       }
     }),
-    out: (s) => ({
-      spring: o,
-      tick: (t) => {
-        const n = [], e = Math.sin(t * Math.PI) * i * (1 - t);
-        n.push(`translateY(${-e}px)`), c && n.push(`scale(${0.8 + t * 0.2})`), s.style.transform = n.join(" "), a && (s.style.opacity = t.toString());
+    out: (t) => ({
+      spring: l,
+      tick: (e) => {
+        const o = 1 - e, f = typeof n == "number" ? o * n : `calc(${c(n)} * ${o})`;
+        t.style.filter = typeof n == "number" ? `blur(${f}px)` : `blur(${f})`, r && (t.style.transform = `scale(${0.8 + e * 0.2})`), u && (t.style.opacity = (s + (1 - s) * e).toString());
       }
-    })
+    }),
+    ...y && { key: y }
   };
-}, $ = (r = {}) => {
+}, h = ($ = {}) => {
   const {
-    amount: i = 10,
-    scale: c = !1,
-    fade: a = !0,
-    spring: o = { stiffness: 300, damping: 30 }
-  } = r;
+    x: n = 0,
+    y: s = -100,
+    opacity: r = 0,
+    spring: u = { stiffness: 400, damping: 35 },
+    key: l
+  } = $, y = (t) => typeof t == "number" ? `${t}px` : t, c = (t) => typeof t == "number" ? `${t}px` : t;
   return {
-    in: (s) => ({
-      spring: o,
-      tick: (t) => {
-        const e = [`blur(${(1 - t) * i}px)`];
-        s.style.filter = e.join(" "), c && (s.style.transform = `scale(${0.8 + t * 0.2})`), a && (s.style.opacity = t.toString());
+    in: (t) => ({
+      spring: u,
+      tick: (e) => {
+        const o = typeof n == "number" ? (1 - e) * n : `calc(${y(n)} * ${1 - e})`, f = typeof s == "number" ? (1 - e) * s : `calc(${c(s)} * ${1 - e})`;
+        t.style.transform = `translate(${typeof n == "number" ? o + "px" : o}, ${typeof s == "number" ? f + "px" : f})`, t.style.opacity = (r + (1 - r) * e).toString();
       }
     }),
-    out: (s) => ({
-      spring: o,
-      tick: (t) => {
-        const e = [`blur(${(1 - t) * i}px)`];
-        s.style.filter = e.join(" "), c && (s.style.transform = `scale(${0.8 + t * 0.2})`), a && (s.style.opacity = t.toString());
+    out: (t) => ({
+      spring: u,
+      tick: (e) => {
+        const o = typeof n == "number" ? (1 - e) * n : `calc(${y(n)} * ${1 - e})`, f = typeof s == "number" ? (1 - e) * s : `calc(${c(s)} * ${1 - e})`;
+        t.style.transform = `translate(${typeof n == "number" ? o + "px" : o}, ${typeof s == "number" ? f + "px" : f})`, t.style.opacity = (r + (1 - r) * e).toString();
       }
-    })
+    }),
+    ...l && { key: l }
   };
-}, m = (r = {}) => {
+}, S = ($ = {}) => {
   const {
-    spring: i = { stiffness: 1e3, damping: 100 }
-  } = r;
+    spring: n = { stiffness: 1e3, damping: 100 },
+    key: s
+  } = $;
   return {
-    in: (c) => ({
-      spring: i,
-      tick: (a) => {
+    in: (r) => ({
+      spring: n,
+      tick: (u) => {
       }
     }),
-    out: (c) => ({
-      spring: i,
-      tick: (a) => {
+    out: (r) => ({
+      spring: n,
+      tick: (u) => {
       }
-    })
+    }),
+    ...s && { key: s }
   };
 };
 export {
-  $ as blur,
-  d as bounce,
-  l as fade,
-  m as none,
-  p as rotate,
-  u as scale,
-  y as slide
+  k as blur,
+  g as bounce,
+  m as fade,
+  h as fly,
+  S as none,
+  d as rotate,
+  b as scale,
+  x as slide
 };

package/dist/transitions/none.d.ts

@@ -1,10 +1,13 @@
+import { TransitionKey } from '../types';
 interface NoneOptions {
     spring?: {
         stiffness?: number;
         damping?: number;
     };
+    key?: TransitionKey;
 }
 export declare const none: (options?: NoneOptions) => {
+    key?: TransitionKey | undefined;
     in: (_element: HTMLElement) => {
         spring: {
             stiffness?: number;

package/dist/transitions/none.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"none.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/none.ts"],"names":[],"mappings":"AAAA,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB;mBAM3B,WAAW;;wBAXd,MAAM;sBACR,MAAM;;0BAYI,MAAM;;oBAIV,WAAW;;wBAjBf,MAAM;sBACR,MAAM;;0BAkBI,MAAM;;CAK7B,CAAC"}
+{"version":3,"file":"none.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/none.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB;;mBAO3B,WAAW;;wBAbd,MAAM;sBACR,MAAM;;0BAcI,MAAM;;oBAIV,WAAW;;wBAnBf,MAAM;sBACR,MAAM;;0BAoBI,MAAM;;CAM7B,CAAC"}

package/dist/transitions/rotate.d.ts

@@ -1,14 +1,20 @@
+import { TransitionKey } from '../types';
 interface RotateOptions {
     degrees?: number;
     clockwise?: boolean;
     scale?: boolean;
     fade?: boolean;
+    origin?: string;
+    axis?: '2d' | 'x' | 'y' | 'z';
+    perspective?: number;
     spring?: {
         stiffness?: number;
         damping?: number;
     };
+    key?: TransitionKey;
 }
 export declare const rotate: (options?: RotateOptions) => {
+    key?: TransitionKey | undefined;
     in: (element: HTMLElement) => {
         spring: {
             stiffness?: number;

package/dist/transitions/rotate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rotate.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/rotate.ts"],"names":[],"mappings":"AAAA,UAAU,aAAa;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,eAAO,MAAM,MAAM,GAAI,UAAS,aAAkB;kBAYhC,WAAW;;wBAjBb,MAAM;sBACR,MAAM;;yBAkBG,MAAM;;mBAcV,WAAW;;wBAjCd,MAAM;sBACR,MAAM;;yBAkCG,MAAM;;CAe5B,CAAC"}
+{"version":3,"file":"rotate.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/rotate.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,UAAU,aAAa;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,GAAI,UAAS,aAAkB;;kBA+BhC,WAAW;;wBArCb,MAAM;sBACR,MAAM;;yBAsCG,MAAM;;mBAeV,WAAW;;wBAtDd,MAAM;sBACR,MAAM;;yBAuDG,MAAM;;CAiB5B,CAAC"}

package/dist/transitions/scale.d.ts

@@ -1,13 +1,16 @@
+import { TransitionKey } from '../types';
 interface ScaleOptions {
-    duration?: number;
-    from?: number;
-    to?: number;
+    start?: number;
+    opacity?: number;
+    axis?: 'x' | 'y' | 'both';
     spring?: {
         stiffness?: number;
         damping?: number;
     };
+    key?: TransitionKey;
 }
 export declare const scale: (options?: ScaleOptions) => {
+    key?: TransitionKey | undefined;
     in: (element: HTMLElement) => {
         spring: {
             stiffness?: number;

package/dist/transitions/scale.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scale.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/scale.ts"],"names":[],"mappings":"AAAA,UAAU,YAAY;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,eAAO,MAAM,KAAK,GAAI,UAAS,YAAiB;kBAQ9B,WAAW;;wBAbb,MAAM;sBACR,MAAM;;yBAcG,MAAM;;mBAKV,WAAW;;wBApBd,MAAM;sBACR,MAAM;;yBAqBG,MAAM;;CAM5B,CAAC"}
+{"version":3,"file":"scale.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/scale.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,UAAU,YAAY;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,KAAK,GAAI,UAAS,YAAiB;;kBAsB9B,WAAW;;wBA5Bb,MAAM;sBACR,MAAM;;yBA6BG,MAAM;;mBAMV,WAAW;;wBApCd,MAAM;sBACR,MAAM;;yBAqCG,MAAM;;CAQ5B,CAAC"}

package/dist/transitions/slide.d.ts

@@ -1,13 +1,18 @@
+import { TransitionKey } from '../types';
 interface SlideOptions {
     direction?: 'left' | 'right' | 'up' | 'down';
-    distance?: number;
+    distance?: number | string;
+    opacity?: number;
     fade?: boolean;
+    axis?: 'x' | 'y';
     spring?: {
         stiffness?: number;
         damping?: number;
     };
+    key?: TransitionKey;
 }
 export declare const slide: (options?: SlideOptions) => {
+    key?: TransitionKey | undefined;
     in: (element: HTMLElement) => {
         spring: {
             stiffness?: number;

package/dist/transitions/slide.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slide.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/slide.ts"],"names":[],"mappings":"AAAA,UAAU,YAAY;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,CAAC;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,eAAO,MAAM,KAAK,GAAI,UAAS,YAAiB;kBAuB9B,WAAW;;wBA5Bb,MAAM;sBACR,MAAM;;yBA6BG,MAAM;;mBAOV,WAAW;;wBArCd,MAAM;sBACR,MAAM;;yBAsCG,MAAM;;CAQ5B,CAAC"}
+{"version":3,"file":"slide.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/slide.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,UAAU,YAAY;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,CAAC;IAC7C,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,KAAK,GAAI,UAAS,YAAiB;;kBAoD9B,WAAW;;wBA1Db,MAAM;sBACR,MAAM;;yBA2DG,MAAM;;mBAOV,WAAW;;wBAnEd,MAAM;sBACR,MAAM;;yBAoEG,MAAM;;CAS5B,CAAC"}

package/dist/types.d.ts

@@ -3,17 +3,25 @@ export type SpringConfig = {
     stiffness?: number;
     damping?: number;
 };
-export type TransitionConfig = {
+export type TransitionConfig<TAnimationValue = number> = {
     spring?: SpringConfig;
-    tick?: (progress: number) => void;
+    from?: TAnimationValue;
+    to?: TAnimationValue;
+    tick?: (progress: TAnimationValue) => void;
     prepare?: (element: HTMLElement) => void;
+    wait?: () => Promise<void>;
     onStart?: () => void;
     onEnd?: () => void;
 };
-export type GetTransitionConfig<TContext = undefined> = TContext extends undefined ? (node: HTMLElement) => TransitionConfig | Promise<TransitionConfig> : (node: HTMLElement, context: TContext) => TransitionConfig | Promise<TransitionConfig>;
-export type Transition<TContext = undefined> = {
-    in?: GetTransitionConfig<TContext>;
-    out?: GetTransitionConfig<TContext>;
+export type GetTransitionConfig<TContext = undefined, TAnimationValue = number> = TContext extends undefined ? (node: HTMLElement) => TransitionConfig<TAnimationValue> | Promise<TransitionConfig<TAnimationValue>> : (node: HTMLElement, context: TContext) => TransitionConfig<TAnimationValue> | Promise<TransitionConfig<TAnimationValue>>;
+export type Transition<TContext = undefined, TAnimationValue = number> = {
+    in?: GetTransitionConfig<TContext, TAnimationValue>;
+    out?: GetTransitionConfig<TContext, TAnimationValue>;
+    key?: TransitionKey;
+};
+export type TransitionOptions<TContext = undefined, TAnimationValue = number> = Transition<TContext, TAnimationValue> & {
+    key?: TransitionKey;
+    ref?: object;
 };
 export type TransitionCallback = (element: HTMLElement | null) => void | (() => void);
 export type SggoiTransitionContext = {
@@ -24,13 +32,17 @@ export type SggoiTransitionContext = {
 };
 export type SggoiTransition = Transition<SggoiTransitionContext>;
 export type SsgoiConfig = {
-    transitions: {
+    transitions?: {
         from: string;
         to: string;
         transition: SggoiTransition;
         symmetric?: boolean;
     }[];
     defaultTransition?: SggoiTransition;
+    middleware?: (from: string, to: string) => {
+        from: string;
+        to: string;
+    };
 };
 export type SsgoiContext = (path: string) => Transition & {
     key: TransitionKey;

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/lib/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,CAAC;AAE5C,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAE7B,MAAM,CAAC,EAAE,YAAY,CAAC;IAGtB,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAGlC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAGzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAGrB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,CAAC,QAAQ,GAAG,SAAS,IAClD,QAAQ,SAAS,SAAS,GACtB,CAAC,IAAI,EAAE,WAAW,KAAK,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,CAAC,GACnE,CACE,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,QAAQ,KACd,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAC;AAExD,MAAM,MAAM,UAAU,CAAC,QAAQ,GAAG,SAAS,IAAI;IAC7C,EAAE,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IACnC,GAAG,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,CAC/B,OAAO,EAAE,WAAW,GAAG,IAAI,KACxB,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC;AAEzB,MAAM,MAAM,sBAAsB,GAAG;IACnC,YAAY,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;AAEjE,MAAM,MAAM,WAAW,GAAG;IACxB,WAAW,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,EAAE,EAAE,MAAM,CAAC;QACX,UAAU,EAAE,eAAe,CAAC;QAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,EAAE,CAAC;IACJ,iBAAiB,CAAC,EAAE,eAAe,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,CACzB,IAAI,EAAE,MAAM,KACT,UAAU,GAAG;IAAE,GAAG,EAAE,aAAa,CAAA;CAAE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/lib/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,CAAC;AAE5C,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,eAAe,GAAG,MAAM,IAAI;IAEvD,MAAM,CAAC,EAAE,YAAY,CAAC;IAGtB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,EAAE,CAAC,EAAE,eAAe,CAAC;IAGrB,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IAG3C,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAGzC,IAAI,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAG3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAGrB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,CAC7B,QAAQ,GAAG,SAAS,EACpB,eAAe,GAAG,MAAM,IACtB,QAAQ,SAAS,SAAS,GAC1B,CACE,IAAI,EAAE,WAAW,KAEf,gBAAgB,CAAC,eAAe,CAAC,GACjC,OAAO,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,GAC9C,CACE,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,QAAQ,KAEf,gBAAgB,CAAC,eAAe,CAAC,GACjC,OAAO,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,CAAC;AAEnD,MAAM,MAAM,UAAU,CAAC,QAAQ,GAAG,SAAS,EAAE,eAAe,GAAG,MAAM,IAAI;IACvE,EAAE,CAAC,EAAE,mBAAmB,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;IACpD,GAAG,CAAC,EAAE,mBAAmB,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;IACrD,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAAC,QAAQ,GAAG,SAAS,EAAE,eAAe,GAAG,MAAM,IAAI,UAAU,CAAC,QAAQ,EAAE,eAAe,CAAC,GAAG;IACtH,GAAG,CAAC,EAAE,aAAa,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,CAC/B,OAAO,EAAE,WAAW,GAAG,IAAI,KACxB,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC;AAEzB,MAAM,MAAM,sBAAsB,GAAG;IACnC,YAAY,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;AAEjE,MAAM,MAAM,WAAW,GAAG;IACxB,WAAW,CAAC,EAAE;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,EAAE,EAAE,MAAM,CAAC;QACX,UAAU,EAAE,eAAe,CAAC;QAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,EAAE,CAAC;IACJ,iBAAiB,CAAC,EAAE,eAAe,CAAC;IACpC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;CACzE,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,CACzB,IAAI,EAAE,MAAM,KACT,UAAU,GAAG;IAAE,GAAG,EAAE,aAAa,CAAA;CAAE,CAAC"}

package/dist/utils-8Eptbv7c.cjs

@@ -0,0 +1,2 @@
+"use strict";const c=e=>{e.style.position="absolute",e.style.width="100%",e.style.top="0",e.style.left="0"},u=e=>{let t=e.parentElement;for(;t&&t!==document.body;){const n=window.getComputedStyle(t),l=n.overflow+n.overflowY+n.overflowX;if(l.includes("auto")||l.includes("scroll")||t.scrollHeight>t.clientHeight||t.scrollWidth>t.clientWidth)return t;t=t.parentElement}return document.documentElement};const p=e=>{if(!e)return null;const t=e.split(`
+`).map(n=>n.trim());for(let n=3;n<Math.min(t.length,6);n++){const l=t[n],o=l==null?void 0:l.match(/\(?([^):]+):(\d+):(\d+)\)?$/);if(!o)continue;const r=o[1]??"",i=o[2]??"0",s=o[3]??"0";return{file:r.split(/[\\/]/).pop()||r,line:i,column:s}}return null},a=e=>new Promise(t=>setTimeout(t,e));exports.getScrollingElement=u;exports.parseCallerLocation=p;exports.prepareOutgoing=c;exports.sleep=a;

package/dist/utils-DTRMUQW4.js

@@ -0,0 +1,31 @@
+const u = (e) => {
+  e.style.position = "absolute", e.style.width = "100%", e.style.top = "0", e.style.left = "0";
+}, a = (e) => {
+  let t = e.parentElement;
+  for (; t && t !== document.body; ) {
+    const n = window.getComputedStyle(t), o = n.overflow + n.overflowY + n.overflowX;
+    if (o.includes("auto") || o.includes("scroll") || t.scrollHeight > t.clientHeight || t.scrollWidth > t.clientWidth)
+      return t;
+    t = t.parentElement;
+  }
+  return document.documentElement;
+};
+const p = (e) => {
+  if (!e) return null;
+  const t = e.split(`
+`).map((n) => n.trim());
+  for (let n = 3; n < Math.min(t.length, 6); n++) {
+    const o = t[n], l = o == null ? void 0 : o.match(/\(?([^):]+):(\d+):(\d+)\)?$/);
+    if (!l)
+      continue;
+    const s = l[1] ?? "", r = l[2] ?? "0", i = l[3] ?? "0";
+    return { file: s.split(/[\\/]/).pop() || s, line: r, column: i };
+  }
+  return null;
+}, m = (e) => new Promise((t) => setTimeout(t, e));
+export {
+  u as a,
+  a as g,
+  p,
+  m as s
+};

package/dist/utils.d.ts

@@ -8,4 +8,15 @@ export declare const prepareOutgoing: (element: HTMLElement) => void;
  * Returns the first scrollable parent element or document.documentElement
  */
 export declare const getScrollingElement: (element: HTMLElement) => HTMLElement;
+export declare const parseCallerLocation: (stack?: string) => {
+    file: string;
+    line: string;
+    column: string;
+} | null;
+/**
+ * Delays execution for a specified amount of milliseconds
+ * @param ms - Milliseconds to wait
+ * @returns Promise that resolves after the specified delay
+ */
+export declare const sleep: (ms: number) => Promise<void>;
 //# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/lib/utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,SAAS,WAAW,KAAG,IAKtD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAAI,SAAS,WAAW,KAAG,WAuB1D,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/lib/utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,SAAS,WAAW,KAAG,IAKtD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAAI,SAAS,WAAW,KAAG,WAyB1D,CAAC;AAIF,eAAO,MAAM,mBAAmB,GAAI,QAAQ,MAAM,KAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,IA2BrG,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK,GAAI,IAAI,MAAM,KAAG,OAAO,CAAC,IAAI,CAE9C,CAAC"}

package/dist/view-transitions/drill.d.ts

@@ -0,0 +1,9 @@
+import { SpringConfig, SggoiTransition } from '../types';
+interface DrillOptions {
+    opacity?: boolean;
+    direction?: "enter" | "exit";
+    spring?: Partial<SpringConfig>;
+}
+export declare const drill: (options?: DrillOptions) => SggoiTransition;
+export {};
+//# sourceMappingURL=drill.d.ts.map

package/dist/view-transitions/drill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drill.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/drill.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAG9D,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CAChC;AAED,eAAO,MAAM,KAAK,GAAI,UAAS,YAAiB,KAAG,eAsElD,CAAC"}

package/dist/view-transitions/fade.d.ts

@@ -1,6 +1,8 @@
 import { SpringConfig, SggoiTransition } from '../types';
 interface FadeOptions {
-    spring?: Partial<SpringConfig>;
+    inSpring?: SpringConfig;
+    outSpring?: SpringConfig;
+    transitionDelay?: number;
 }
 export declare const fade: (options?: FadeOptions) => SggoiTransition;
 export {};

package/dist/view-transitions/fade.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fade.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/fade.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAG9D,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CAChC;AAED,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB,KAAG,eAqBhD,CAAC"}
+{"version":3,"file":"fade.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/fade.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAO9D,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB,KAAG,eAmDhD,CAAC"}

package/dist/view-transitions/hero.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/hero.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAG9D,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAkBD,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB,KAAG,eA0JhD,CAAC"}
+{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/hero.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAG9D,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAkBD,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB,KAAG,eAgKhD,CAAC"}