@ssgoi/core 2.1.2 → 2.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/README.md +10 -11
  2. package/dist/animator.d.ts.map +1 -1
  3. package/dist/create-ssgoi-transition-context.d.ts.map +1 -1
  4. package/dist/create-transition-callback.d.ts.map +1 -1
  5. package/dist/index.cjs +2 -1
  6. package/dist/index.js +204 -126
  7. package/dist/transition-strategy.d.ts +5 -0
  8. package/dist/transition-strategy.d.ts.map +1 -1
  9. package/dist/transition.d.ts.map +1 -1
  10. package/dist/transitions/blur.d.ts.map +1 -1
  11. package/dist/transitions/bounce.d.ts +1 -1
  12. package/dist/transitions/bounce.d.ts.map +1 -1
  13. package/dist/transitions/fly.d.ts.map +1 -1
  14. package/dist/transitions/index.cjs +1 -1
  15. package/dist/transitions/index.d.ts +1 -0
  16. package/dist/transitions/index.d.ts.map +1 -1
  17. package/dist/transitions/index.js +175 -119
  18. package/dist/transitions/mask.d.ts +31 -0
  19. package/dist/transitions/mask.d.ts.map +1 -0
  20. package/dist/transitions/none.d.ts.map +1 -1
  21. package/dist/transitions/rotate.d.ts +1 -1
  22. package/dist/transitions/scale.d.ts +1 -1
  23. package/dist/transitions/slide.d.ts +2 -2
  24. package/dist/transitions/slide.d.ts.map +1 -1
  25. package/dist/types.d.ts.map +1 -1
  26. package/dist/utils/get-rect.d.ts +7 -0
  27. package/dist/utils/get-rect.d.ts.map +1 -0
  28. package/dist/utils/get-scrolling-element.d.ts +6 -0
  29. package/dist/utils/get-scrolling-element.d.ts.map +1 -0
  30. package/dist/utils/index.d.ts +6 -0
  31. package/dist/utils/index.d.ts.map +1 -0
  32. package/dist/utils/parse-caller-location.d.ts +6 -0
  33. package/dist/utils/parse-caller-location.d.ts.map +1 -0
  34. package/dist/utils/prepare-outgoing.d.ts +6 -0
  35. package/dist/utils/prepare-outgoing.d.ts.map +1 -0
  36. package/dist/utils/sleep.d.ts +7 -0
  37. package/dist/utils/sleep.d.ts.map +1 -0
  38. package/dist/utils.d.ts.map +1 -1
  39. package/dist/view-transitions/blind.d.ts +13 -0
  40. package/dist/view-transitions/blind.d.ts.map +1 -0
  41. package/dist/view-transitions/fade.d.ts.map +1 -1
  42. package/dist/view-transitions/hero.d.ts.map +1 -1
  43. package/dist/view-transitions/index.cjs +30 -1
  44. package/dist/view-transitions/index.d.ts +2 -0
  45. package/dist/view-transitions/index.d.ts.map +1 -1
  46. package/dist/view-transitions/index.js +371 -217
  47. package/dist/view-transitions/pinterest.d.ts.map +1 -1
  48. package/dist/view-transitions/slide.d.ts +8 -0
  49. package/dist/view-transitions/slide.d.ts.map +1 -0
  50. package/package.json +8 -2
  51. package/dist/utils-8Eptbv7c.cjs +0 -2
  52. package/dist/utils-DTRMUQW4.js +0 -31
  53. package/dist/view-transitions/ripple.d.ts +0 -7
  54. package/dist/view-transitions/ripple.d.ts.map +0 -1
@@ -1 +1,30 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("../utils-8Eptbv7c.cjs"),q=(t={})=>{var a,l;const{opacity:n=!1,direction:s="enter"}=t,e={stiffness:((a=t.spring)==null?void 0:a.stiffness)??150,damping:((l=t.spring)==null?void 0:l.damping)??20};return s==="enter"?{in:r=>({spring:e,tick:i=>{r.style.transform=`translateX(${(1-i)*100}%)`,n&&(r.style.opacity=i.toString())}}),out:r=>({spring:e,prepare:i=>{x.prepareOutgoing(i),i.style.zIndex="-1"},tick:i=>{r.style.transform=`translateX(${-(1-i)*20}%)`,n&&(r.style.opacity=i.toString())}})}:{in:r=>({spring:{stiffness:100,damping:20},tick:i=>{r.style.transform=`translateX(${-(1-i)*20}%)`,n&&(r.style.opacity=i.toString())}}),out:r=>({spring:{stiffness:100,damping:20},prepare:i=>{x.prepareOutgoing(i),i.style.zIndex="100"},tick:i=>{r.style.transform=`translateX(${(1-i)*100}%)`,n&&(r.style.opacity=i.toString())}})}},L={stiffness:400,damping:20},Y={stiffness:40,damping:8},F=100,M=(t={})=>{const{inSpring:n=Y,outSpring:s=L,transitionDelay:e=F}=t;let a,l=null;return{in:r=>({spring:n,prepare:i=>{i.style.opacity="0"},wait:async()=>{a&&(await a,await x.sleep(e))},tick:i=>{r.style.opacity=i.toString()}}),out:r=>(a=new Promise(i=>{l=i}),{spring:s,tick:i=>{r.style.opacity=i.toString()},prepare:x.prepareOutgoing,onEnd:()=>{l&&l()}})}};function X(t,n){return t.querySelector(`[data-hero-key="${n}"]`)}function S(t,n){const s=t.getBoundingClientRect(),e=n.getBoundingClientRect();return new DOMRect(e.left-s.left,e.top-s.top,e.width,e.height)}const z=(t={})=>{var l,r;const n={stiffness:((l=t.spring)==null?void 0:l.stiffness)??300,damping:((r=t.spring)==null?void 0:r.damping)??30},s=t.timeout??300;let e=null,a=null;return{in:async(i,o)=>{const u=i,p=Array.from(u.querySelectorAll("[data-hero-key]"));if(p.length===0)return{spring:n,tick:()=>{}};if(!await new Promise(h=>{e?h(!0):(a=h,setTimeout(()=>{a=null,h(!1)},s))})||!e)return e=null,{spring:n,tick:()=>{}};const g=p.map(h=>{const $=h.getAttribute("data-hero-key");if(!$)return null;const c=X(e,$);if(!c)return null;const y=h,f=S(e,c),w=S(u,y),k=f.left-w.left-o.scrollOffset.x,T=f.top-w.top-o.scrollOffset.y,m=f.width/w.width,O=f.height/w.height,D=y.style.transform,E=y.style.position,B=y.style.transformOrigin,P=y.style.zIndex;return{toEl:y,dx:k,dy:T,dw:m,dh:O,originalTransform:D,originalPosition:E,originalTransformOrigin:B,originalZIndex:P}}).filter(Boolean);return e=null,g.length===0?{spring:n,tick:()=>{}}:{spring:n,prepare:()=>{g.forEach(({toEl:h})=>{h.style.position="relative",h.style.transformOrigin="top left",h.style.zIndex="1000"})},tick:h=>{g.forEach(({toEl:$,dx:c,dy:y,dw:f,dh:w})=>{$.style.transform=`translate(${(1-h)*c}px,${(1-h)*y}px) scale(${h+(1-h)*f}, ${h+(1-h)*w})`})},onEnd:()=>{g.forEach(({toEl:h,originalTransform:$,originalPosition:c,originalTransformOrigin:y,originalZIndex:f})=>{h.style.transform=$,h.style.position=c,h.style.transformOrigin=y,h.style.zIndex=f})}}},out:async i=>({onStart:()=>{e=i,a&&(a(!0),a=null)},prepare:o=>{x.prepareOutgoing(o),o.style.opacity="0"}})}};function A(t,n){const s=t.getBoundingClientRect(),e=n.getBoundingClientRect();return new DOMRect(e.left-s.left,e.top-s.top,e.width,e.height)}function C({detailRect:t,galleryRect:n,pageRect:s,scrollOffset:e},a){const l=n.left-t.left+(n.width-t.width)/2-e.x,r=n.top-t.top+(n.height-t.height)/2-e.y,i=n.width/t.width,o=n.height/t.height,u=Math.max(i,o),p=t.top/s.height*100,d=(s.width-(t.left+t.width))/s.width*100,g=(s.height-(t.top+t.height))/s.height*100,h=t.left/s.width*100;return a.style.transformOrigin=`${t.left+t.width/2}px ${t.top+t.height/2}px`,$=>{const c=1-$,y=p*c,f=d*c,w=g*c,k=h*c;a.style.clipPath=`inset(${y}% ${f}% ${w}% ${k}%)`,a.style.transform=`translate(${l*c}px, ${r*c}px) scale(${1+(u-1)*c})`}}function _({galleryRect:t,detailRect:n,scrollOffset:s},e){const a=n.left-t.left+(n.width-t.width)/2+s.x,l=n.top-t.top+(n.height-t.height)/2+s.y,r=n.width/t.width,i=n.height/t.height,o=Math.max(r,i);return u=>{e.style.transformOrigin=`${t.left+t.width/2}px ${t.top+t.height/2}px`;const p=1-u;e.style.transform=`translate(${a*p-s.x}px, ${l*p-s.y}px) scale(${1+(o-1)*p})`,e.style.opacity=`${1-p}`}}function U({galleryRect:t,detailRect:n,scrollOffset:s},e){const a=n.left-t.left+(n.width-t.width)/2-s.x,l=n.top-t.top+(n.height-t.height)/2-s.y,r=n.width/t.width,i=n.height/t.height,o=Math.max(r,i);return u=>{const p=1-u,d=u;e.style.transformOrigin=`${t.left+t.width/2}px ${t.top+t.height/2}px`,e.style.transform=`translate(${a*p}px, ${l*p}px) scale(${1+(o-1)*p})`,e.style.opacity=`${d}`}}function b({detailRect:t,galleryRect:n,pageRect:s,scrollOffset:e},a){const l=n.left-t.left+(n.width-t.width)/2+e.x,r=n.top-t.top+(n.height-t.height)/2+e.y,i=n.width/t.width,o=n.height/t.height,u=Math.min(i,o),p=t.top/s.height*100,d=(s.width-(t.left+t.width))/s.width*100,g=(s.height-(t.top+t.height))/s.height*100,h=t.left/s.width*100;return a.style.transformOrigin=`${t.left+t.width/2}px ${t.top+t.height/2}px`,$=>{const c=1-$,y=p*c,f=d*c,w=g*c,k=h*c;a.style.clipPath=`inset(${y}% ${f}% ${w}% ${k}%)`,a.style.transform=`translate(${l*c-e.x}px, ${r*c-e.y}px) scale(${1+(u-1)*c})`}}function G(t,n,s){const e=t.querySelector("[data-pinterest-detail-key]"),a=n.querySelector("[data-pinterest-detail-key]");if(t.querySelectorAll("[data-pinterest-detail-key]").length>1||n.querySelectorAll("[data-pinterest-detail-key]").length>1)return null;let l=null,r=null,i=!1;if(!e&&a){r=a;const d=r.getAttribute("data-pinterest-detail-key");if(!d)return null;l=t.querySelector(`[data-pinterest-gallery-key="${d}"]`),l&&(i=!0)}else if(e&&!a){r=e;const d=r.getAttribute("data-pinterest-detail-key");if(!d)return null;l=n.querySelector(`[data-pinterest-gallery-key="${d}"]`),l&&(i=!1)}if(!l||!r)return null;const o=A(i?t:n,l),u=A(i?n:t,r),p=n.getBoundingClientRect();return i?{inAnimation:C({detailRect:u,galleryRect:o,pageRect:p,scrollOffset:s},n),outAnimation:_({galleryRect:o,detailRect:u,scrollOffset:s},t)}:{inAnimation:U({galleryRect:o,detailRect:u,scrollOffset:s},n),outAnimation:b({detailRect:u,galleryRect:o,pageRect:p,scrollOffset:s},t)}}const v=(t={})=>{var r,i;const n={stiffness:((r=t.spring)==null?void 0:r.stiffness)??50,damping:((i=t.spring)==null?void 0:i.damping)??10},s=t.timeout??300;let e=null,a=null,l=null;return{in:async(o,{scrollOffset:u})=>{const p=o;return!await new Promise(g=>{e?g(!0):(a=g,setTimeout(()=>{a=null,g(!1)},s))})||!e?(e=null,{spring:n,tick:()=>{}}):(l=G(e,p,u),l?(e=null,{spring:n,tick:g=>{l&&l.inAnimation(g)}}):{spring:n,tick:()=>{}})},out:async o=>({spring:n,onStart:()=>{e=o,a&&(a(!0),a=null)},prepare:u=>{x.prepareOutgoing(u),u.style.zIndex="-1"},tick:u=>{l&&l.outAnimation(u)}})}},I={stiffness:30,damping:7},j=(t={})=>{var a,l;const n=t.direction??"up",s={stiffness:((a=t.spring)==null?void 0:a.stiffness)??I.stiffness,damping:((l=t.spring)==null?void 0:l.damping)??I.damping},e=n==="up";return{in:r=>({spring:s,tick:i=>{const o=e?(1-i)*100:(1-i)*-100;r.style.transform=`translateY(${o}vh)`}}),out:r=>({spring:s,tick:i=>{const o=e?(1-i)*-100:(1-i)*100;r.style.transform=`translateY(${o}vh)`},prepare:i=>{x.prepareOutgoing(i),i.style.zIndex=e?"-1":"1"}})}};exports.drill=q;exports.fade=M;exports.hero=z;exports.pinterest=v;exports.scroll=j;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=t=>{t.style.position="absolute",t.style.width="100%",t.style.top="0",t.style.left="0"},X=t=>new Promise(i=>setTimeout(i,t)),z={stiffness:80,damping:25},F={stiffness:75,damping:25},U=300,O=10,Y="horizontal",v="#000000",C=(t={})=>{const{inSpring:i=F,outSpring:a=z,transitionDelay:e=U,blindCount:s=O,direction:o=Y,staggerDelay:r=100,blindColor:n=v}=t;let c,d=null;const p=(h,l,f,u=!1)=>{const y=Math.min(.5,r*f/1e3),g=1-y,x=(u?f-1-l:l)/f*y,k=x+g;return h<=x?0:h>=k?1:(h-x)/g},$=(h,l,f="left")=>{window.getComputedStyle(h).position==="static"&&(h.style.position="relative");const y=document.createElement("div");y.className="blind-container",y.style.cssText=`
2
+ position: absolute;
3
+ top: 0;
4
+ left: 0;
5
+ width: 100%;
6
+ height: 100%;
7
+ pointer-events: none;
8
+ z-index: 9999;
9
+ overflow: hidden;
10
+ `;const g=[];for(let w=0;w<s;w++){const x=document.createElement("div");if(o==="horizontal"){const k=100/s,A=`calc(${k}% + 1px)`;x.style.cssText=`
11
+ position: absolute;
12
+ top: ${k*w}%;
13
+ left: 0;
14
+ width: 100%;
15
+ height: ${A};
16
+ background: ${n};
17
+ transform: scaleX(${l==="hidden"?0:1});
18
+ transform-origin: ${f} center;
19
+ will-change: transform;
20
+ `}else{const k=100/s,A=`calc(${k}% + 1px)`;x.style.cssText=`
21
+ position: absolute;
22
+ top: 0;
23
+ left: ${k*w}%;
24
+ width: ${A};
25
+ height: 100%;
26
+ background: ${n};
27
+ transform: scaleY(${l==="hidden"?0:1});
28
+ transform-origin: ${f==="left"?"top":"bottom"} center;
29
+ will-change: transform;
30
+ `}g.push(x),y.appendChild(x)}return h.appendChild(y),{container:y,blinds:g}};return{out:()=>{let h=null;return c=new Promise(l=>{d=l}),{spring:a,prepare:l=>{E(l),l.style.zIndex="1000",h=$(l,"hidden","left")},onStart:()=>{},tick:l=>{if(!h)return;const f=1-l;h.blinds.forEach((u,y)=>{const g=p(f,y,s,!1);o==="horizontal"?u.style.transform=`scaleX(${g})`:u.style.transform=`scaleY(${g})`})},onEnd:()=>{d&&d()}}},in:()=>{let h=null;return{spring:i,prepare:l=>{l.style.position="relative",l.style.zIndex="0",h=$(l,"closed","right")},onStart:()=>{},wait:async()=>{c&&await c,await X(e)},tick:l=>{h&&h.blinds.forEach((f,u)=>{const y=p(l,u,s,!1);o==="horizontal"?f.style.transform=`scaleX(${1-y})`:f.style.transform=`scaleY(${1-y})`})},onEnd:()=>{h&&h.container&&h.container.remove()}}}}},T=t=>{t.style.position="absolute",t.style.width="100%",t.style.top="0",t.style.left="0"},N=(t={})=>{var s,o;const{opacity:i=!1,direction:a="enter"}=t,e={stiffness:((s=t.spring)==null?void 0:s.stiffness)??150,damping:((o=t.spring)==null?void 0:o.damping)??20};return a==="enter"?{in:r=>({spring:e,tick:n=>{r.style.transform=`translateX(${(1-n)*100}%)`,i&&(r.style.opacity=n.toString())}}),out:r=>({spring:e,prepare:n=>{T(n),n.style.zIndex="-1"},tick:n=>{r.style.transform=`translateX(${-(1-n)*20}%)`,i&&(r.style.opacity=n.toString())}})}:{in:r=>({spring:{stiffness:100,damping:20},tick:n=>{r.style.transform=`translateX(${-(1-n)*20}%)`,i&&(r.style.opacity=n.toString())}}),out:r=>({spring:{stiffness:100,damping:20},prepare:n=>{T(n),n.style.zIndex="100"},tick:n=>{r.style.transform=`translateX(${(1-n)*100}%)`,i&&(r.style.opacity=n.toString())}})}},q=t=>new Promise(i=>setTimeout(i,t)),B={stiffness:400,damping:20},G={stiffness:40,damping:8},M=100,H=(t={})=>{const{inSpring:i=G,outSpring:a=B,transitionDelay:e=M}=t;let s,o=null;return{in:r=>({spring:i,prepare:n=>{n.style.opacity="0"},wait:async()=>{s&&(await s,await q(e))},tick:n=>{r.style.opacity=n.toString()}}),out:r=>(s=new Promise(n=>{o=n}),{spring:a,tick:n=>{r.style.opacity=n.toString()},prepare:T,onEnd:()=>{o&&o()}})}};function S(t,i){function a(o){let r=0,n=0;const c=o.offsetWidth,d=o.offsetHeight;let p=o;for(;p;)r+=p.offsetTop,n+=p.offsetLeft,p=p.offsetParent;return r-=window.scrollY,n-=window.scrollX,{top:r,left:n,width:c,height:d}}const e=a(t),s=a(i);return new DOMRect(s.left-e.left,s.top-e.top,s.width,s.height)}function W(t,i){return t.querySelector(`[data-hero-key="${i}"]`)}const j=(t={})=>{var o,r;const i={stiffness:((o=t.spring)==null?void 0:o.stiffness)??300,damping:((r=t.spring)==null?void 0:r.damping)??30},a=t.timeout??300;let e=null,s=null;return{in:async(n,c)=>{const d=n,p=Array.from(d.querySelectorAll("[data-hero-key]"));if(p.length===0)return{spring:i,tick:()=>{}};if(!await new Promise(l=>{e?l(!0):(s=l,setTimeout(()=>{s=null,l(!1)},a))})||!e)return e=null,{spring:i,tick:()=>{}};const h=p.map(l=>{const f=l.getAttribute("data-hero-key");if(!f)return null;const u=W(e,f);if(!u)return null;const y=l,g=S(e,u),w=S(d,y),x=g.left-w.left-c.scrollOffset.x,k=g.top-w.top-c.scrollOffset.y,A=g.width/w.width,b=g.height/w.height,D=y.style.transform,L=y.style.position,P=y.style.transformOrigin,_=y.style.zIndex;return{toEl:y,dx:x,dy:k,dw:A,dh:b,originalTransform:D,originalPosition:L,originalTransformOrigin:P,originalZIndex:_}}).filter(Boolean);return e=null,h.length===0?{spring:i,tick:()=>{}}:{spring:i,prepare:()=>{h.forEach(({toEl:l})=>{l.style.position="relative",l.style.transformOrigin="top left",l.style.zIndex="1000"})},tick:l=>{h.forEach(({toEl:f,dx:u,dy:y,dw:g,dh:w})=>{f.style.transform=`translate(${(1-l)*u}px,${(1-l)*y}px) scale(${l+(1-l)*g}, ${l+(1-l)*w})`})},onEnd:()=>{h.forEach(({toEl:l,originalTransform:f,originalPosition:u,originalTransformOrigin:y,originalZIndex:g})=>{l.style.transform=f,l.style.position=u,l.style.transformOrigin=y,l.style.zIndex=g})}}},out:async n=>({onStart:()=>{e=n,s&&(s(!0),s=null)},prepare:c=>{T(c),c.style.opacity="0"}})}};function Z({detailRect:t,galleryRect:i,pageRect:a,scrollOffset:e},s){const o=i.left-t.left+(i.width-t.width)/2-e.x,r=i.top-t.top+(i.height-t.height)/2-e.y,n=i.width/t.width,c=i.height/t.height,d=Math.max(n,c),p=t.top/a.height*100,$=(a.width-(t.left+t.width))/a.width*100,h=(a.height-(t.top+t.height))/a.height*100,l=t.left/a.width*100;return s.style.transformOrigin=`${t.left+t.width/2}px ${t.top+t.height/2}px`,f=>{const u=1-f,y=p*u,g=$*u,w=h*u,x=l*u;s.style.clipPath=`inset(${y}% ${g}% ${w}% ${x}%)`,s.style.transform=`translate(${o*u}px, ${r*u}px) scale(${1+(d-1)*u})`}}function J({galleryRect:t,detailRect:i,scrollOffset:a},e){const s=i.left-t.left+(i.width-t.width)/2+a.x,o=i.top-t.top+(i.height-t.height)/2+a.y,r=i.width/t.width,n=i.height/t.height,c=Math.max(r,n);return d=>{e.style.transformOrigin=`${t.left+t.width/2}px ${t.top+t.height/2}px`;const p=1-d;e.style.transform=`translate(${s*p-a.x}px, ${o*p-a.y}px) scale(${1+(c-1)*p})`,e.style.opacity=`${1-p}`}}function K({galleryRect:t,detailRect:i,scrollOffset:a},e){const s=i.left-t.left+(i.width-t.width)/2-a.x,o=i.top-t.top+(i.height-t.height)/2-a.y,r=i.width/t.width,n=i.height/t.height,c=Math.max(r,n);return d=>{const p=1-d,$=d;e.style.transformOrigin=`${t.left+t.width/2}px ${t.top+t.height/2}px`,e.style.transform=`translate(${s*p}px, ${o*p}px) scale(${1+(c-1)*p})`,e.style.opacity=`${$}`}}function Q({detailRect:t,galleryRect:i,pageRect:a,scrollOffset:e},s){const o=i.left-t.left+(i.width-t.width)/2+e.x,r=i.top-t.top+(i.height-t.height)/2+e.y,n=i.width/t.width,c=i.height/t.height,d=Math.min(n,c),p=t.top/a.height*100,$=(a.width-(t.left+t.width))/a.width*100,h=(a.height-(t.top+t.height))/a.height*100,l=t.left/a.width*100;return s.style.transformOrigin=`${t.left+t.width/2}px ${t.top+t.height/2}px`,f=>{const u=1-f,y=p*u,g=$*u,w=h*u,x=l*u;s.style.clipPath=`inset(${y}% ${g}% ${w}% ${x}%)`,s.style.transform=`translate(${o*u-e.x}px, ${r*u-e.y}px) scale(${1+(d-1)*u})`}}function V(t,i,a){const e=t.querySelector("[data-pinterest-detail-key]"),s=i.querySelector("[data-pinterest-detail-key]");if(t.querySelectorAll("[data-pinterest-detail-key]").length>1||i.querySelectorAll("[data-pinterest-detail-key]").length>1)return null;let o=null,r=null,n=!1;if(!e&&s){r=s;const $=r.getAttribute("data-pinterest-detail-key");if(!$)return null;o=t.querySelector(`[data-pinterest-gallery-key="${$}"]`),o&&(n=!0)}else if(e&&!s){r=e;const $=r.getAttribute("data-pinterest-detail-key");if(!$)return null;o=i.querySelector(`[data-pinterest-gallery-key="${$}"]`),o&&(n=!1)}if(!o||!r)return null;const c=S(n?t:i,o),d=S(n?i:t,r),p=i.getBoundingClientRect();return n?{inAnimation:Z({detailRect:d,galleryRect:c,pageRect:p,scrollOffset:a},i),outAnimation:J({galleryRect:c,detailRect:d,scrollOffset:a},t)}:{inAnimation:K({galleryRect:c,detailRect:d,scrollOffset:a},i),outAnimation:Q({detailRect:d,galleryRect:c,pageRect:p,scrollOffset:a},t)}}const R=(t={})=>{var r,n;const i={stiffness:((r=t.spring)==null?void 0:r.stiffness)??50,damping:((n=t.spring)==null?void 0:n.damping)??10},a=t.timeout??300;let e=null,s=null,o=null;return{in:async(c,{scrollOffset:d})=>{const p=c;return!await new Promise(h=>{e?h(!0):(s=h,setTimeout(()=>{s=null,h(!1)},a))})||!e?(e=null,{spring:i,tick:()=>{}}):(o=V(e,p,d),o?(e=null,{spring:i,tick:h=>{o&&o.inAnimation(h)}}):{spring:i,tick:()=>{}})},out:async c=>({spring:i,onStart:()=>{e=c,s&&(s(!0),s=null)},prepare:d=>{T(d),d.style.zIndex="-1"},tick:d=>{o&&o.outAnimation(d)}})}},m={stiffness:30,damping:7},tt=(t={})=>{var s,o;const i=t.direction??"up",a={stiffness:((s=t.spring)==null?void 0:s.stiffness)??m.stiffness,damping:((o=t.spring)==null?void 0:o.damping)??m.damping},e=i==="up";return{in:r=>({spring:a,tick:n=>{const c=e?(1-n)*100:(1-n)*-100;r.style.transform=`translateY(${c}vh)`}}),out:r=>({spring:a,tick:n=>{const c=e?(1-n)*-100:(1-n)*100;r.style.transform=`translateY(${c}vh)`},prepare:n=>{T(n),n.style.zIndex=e?"-1":"1"}})}},I={stiffness:30,damping:7},nt=(t={})=>{var s,o;const i=t.direction??"left",a={stiffness:((s=t.spring)==null?void 0:s.stiffness)??I.stiffness,damping:((o=t.spring)==null?void 0:o.damping)??I.damping},e=i==="left";return{in:r=>({spring:a,tick:n=>{const c=e?(1-n)*100:(1-n)*-100;r.style.transform=`translateX(${c}%)`}}),out:r=>({spring:a,tick:n=>{const c=e?(1-n)*-100:(1-n)*100;r.style.transform=`translateX(${c}%)`},prepare:n=>{E(n),n.style.zIndex=e?"-1":"1"}})}};exports.blind=C;exports.drill=N;exports.fade=H;exports.hero=j;exports.pinterest=R;exports.scroll=tt;exports.slide=nt;
@@ -1,6 +1,8 @@
1
+ export * from './blind';
1
2
  export * from './drill';
2
3
  export * from './fade';
3
4
  export * from './hero';
4
5
  export * from './pinterest';
5
6
  export * from './scroll';
7
+ export * from './slide';
6
8
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}