@ssgoi/core 3.4.0 → 3.5.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.
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +12 -14
- package/dist/transitions/blur.d.ts +2 -5
- package/dist/transitions/blur.d.ts.map +1 -1
- package/dist/transitions/bounce.d.ts +2 -5
- package/dist/transitions/bounce.d.ts.map +1 -1
- package/dist/transitions/fade.d.ts +2 -5
- package/dist/transitions/fade.d.ts.map +1 -1
- package/dist/transitions/fly.d.ts +2 -5
- package/dist/transitions/fly.d.ts.map +1 -1
- package/dist/transitions/index.cjs +1 -1
- package/dist/transitions/index.js +181 -172
- package/dist/transitions/mask.d.ts +2 -5
- package/dist/transitions/mask.d.ts.map +1 -1
- package/dist/transitions/none.d.ts +2 -5
- package/dist/transitions/none.d.ts.map +1 -1
- package/dist/transitions/rotate.d.ts +2 -5
- package/dist/transitions/rotate.d.ts.map +1 -1
- package/dist/transitions/scale.d.ts +2 -5
- package/dist/transitions/scale.d.ts.map +1 -1
- package/dist/transitions/slide.d.ts +2 -5
- package/dist/transitions/slide.d.ts.map +1 -1
- package/dist/view-transitions/depth.d.ts +19 -0
- package/dist/view-transitions/depth.d.ts.map +1 -0
- package/dist/view-transitions/index.cjs +13 -13
- package/dist/view-transitions/index.d.ts +5 -2
- package/dist/view-transitions/index.d.ts.map +1 -1
- package/dist/view-transitions/index.js +980 -602
- package/dist/view-transitions/instagram.d.ts.map +1 -1
- package/dist/view-transitions/jaemin.d.ts +0 -4
- package/dist/view-transitions/jaemin.d.ts.map +1 -1
- package/dist/view-transitions/pinterest.d.ts.map +1 -1
- package/dist/view-transitions/sheet.d.ts +19 -0
- package/dist/view-transitions/sheet.d.ts.map +1 -0
- package/dist/view-transitions/swap.d.ts +13 -0
- package/dist/view-transitions/swap.d.ts.map +1 -0
- package/package.json +1 -1
- package/dist/jaemin-BG8HRXG1.cjs +0 -1
- package/dist/jaemin-BWkrXq0V.js +0 -131
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=(t,n)=>{var r;t.style.position="absolute",t.style.width="100%",t.style.top=`${-1*(((r=n==null?void 0:n.scrollOffset)==null?void 0:r.y)??0)}px`,t.style.left="0"},N=t=>new Promise(n=>setTimeout(n,t));function x(t,n){function r(o){let d=0,s=0;const c=o.offsetWidth,e=o.offsetHeight;let i=o;for(;i;)d+=i.offsetTop,s+=i.offsetLeft,i=i.offsetParent;return d-=window.scrollY,s-=window.scrollX,{top:d,left:s,width:c,height:e}}const p=r(t),a=r(n);return new DOMRect(a.left-p.left,a.top-p.top,a.width,a.height)}function S(){let t,n;return{promise:new Promise((p,a)=>{t=p,n=a}),resolve:t,reject:n}}const Q={stiffness:80,damping:25},R={stiffness:75,damping:25},tt=300,nt=10,it="horizontal",st="#000000",et=(t={})=>{const{inSpring:n=R,outSpring:r=Q,transitionDelay:p=tt,blindCount:a=nt,direction:o=it,blindColor:d=st}=t;let s,c=null;const e=(i,y,h="left")=>{window.getComputedStyle(i).position==="static"&&(i.style.position="relative");const l=document.createElement("div");l.className="blind-container",l.style.cssText=`
|
|
2
2
|
position: absolute;
|
|
3
3
|
top: 0;
|
|
4
4
|
left: 0;
|
|
@@ -7,29 +7,29 @@
|
|
|
7
7
|
pointer-events: none;
|
|
8
8
|
z-index: 9999;
|
|
9
9
|
overflow: hidden;
|
|
10
|
-
`;const u=[];for(let
|
|
10
|
+
`;const u=[];for(let b=0;b<a;b++){const f=document.createElement("div");if(o==="horizontal"){const $=100/a,w=`calc(${$}% + 1px)`;f.style.cssText=`
|
|
11
11
|
position: absolute;
|
|
12
|
-
top: ${b
|
|
12
|
+
top: ${$*b}%;
|
|
13
13
|
left: 0;
|
|
14
14
|
width: 100%;
|
|
15
|
-
height: ${
|
|
16
|
-
background: ${
|
|
15
|
+
height: ${w};
|
|
16
|
+
background: ${d};
|
|
17
17
|
transform: scaleX(${y==="hidden"?0:1});
|
|
18
|
-
transform-origin: ${
|
|
18
|
+
transform-origin: ${h} center;
|
|
19
19
|
will-change: transform;
|
|
20
|
-
`}else{const
|
|
20
|
+
`}else{const $=100/a,w=`calc(${$}% + 1px)`;f.style.cssText=`
|
|
21
21
|
position: absolute;
|
|
22
22
|
top: 0;
|
|
23
|
-
left: ${b
|
|
24
|
-
width: ${
|
|
23
|
+
left: ${$*b}%;
|
|
24
|
+
width: ${w};
|
|
25
25
|
height: 100%;
|
|
26
|
-
background: ${
|
|
26
|
+
background: ${d};
|
|
27
27
|
transform: scaleY(${y==="hidden"?0:1});
|
|
28
|
-
transform-origin: ${
|
|
28
|
+
transform-origin: ${h==="left"?"top":"bottom"} center;
|
|
29
29
|
will-change: transform;
|
|
30
|
-
`}u.push($),p.appendChild($)}return e.appendChild(p),{container:p,blinds:u}};return{out:()=>{let e=null;r=new Promise(h=>{o=h});const y=h=>{const p=1-h;return{transform:s==="horizontal"?`scaleX(${p})`:`scaleY(${p})`}};return{springs:Array.from({length:a},(h,p)=>({spring:i,offset:.2,css:{get element(){return e==null?void 0:e.blinds[p]},style:y}})),schedule:"stagger",prepare:h=>{f.prepareOutgoing(h),h.style.zIndex="1000",e=c(h,"hidden","left")},onStart:()=>{},onEnd:()=>{o&&o()}}},in:()=>{let e=null;const y=h=>{const p=1-h;return{transform:s==="horizontal"?`scaleX(${p})`:`scaleY(${p})`}};return{springs:Array.from({length:a},(h,p)=>({spring:n,offset:.2,css:{get element(){return e==null?void 0:e.blinds[p]},style:y}})),schedule:"stagger",prepare:h=>{h.style.position="relative",h.style.zIndex="0",e=c(h,"closed","right")},onStart:()=>{},wait:async()=>{r&&await r,await v(d)},onEnd:()=>{e&&e.container&&e.container.remove()}}}}},J={stiffness:125,damping:20,doubleSpring:.8},Q={stiffness:130,damping:20,doubleSpring:.8},R=(t={})=>{var s,l,r;const{opacity:n=!1,direction:i="enter"}=t,d=i==="enter"?J:Q,a={stiffness:((s=t.spring)==null?void 0:s.stiffness)??d.stiffness,damping:((l=t.spring)==null?void 0:l.damping)??d.damping,doubleSpring:((r=t.spring)==null?void 0:r.doubleSpring)??d.doubleSpring};return i==="enter"?{in:o=>({spring:a,prepare:()=>{o.style.willChange=n?"transform, opacity":"transform",o.style.backfaceVisibility="hidden",o.style.contain="layout paint"},css:c=>{const e={transform:`translate3d(${(1-c)*100}%, 0, 0)`};return n&&(e.opacity=c),e},onEnd:()=>{o.style.willChange="auto",o.style.backfaceVisibility="",o.style.contain=""}}),out:(o,c)=>({spring:a,prepare:e=>{f.prepareOutgoing(e,c),e.style.zIndex="-1",e.style.willChange=n?"transform, opacity":"transform",e.style.backfaceVisibility="hidden",e.style.contain="layout paint",e.style.pointerEvents="none"},css:e=>{const y={transform:`translate3d(${-(1-e)*20}%, 0, 0)`};return n&&(y.opacity=e),y}})}:{in:o=>({spring:a,prepare:()=>{o.style.willChange=n?"transform, opacity":"transform",o.style.backfaceVisibility="hidden",o.style.contain="layout paint"},css:c=>{const e={transform:`translate3d(${-(1-c)*20}%, 0, 0)`};return n&&(e.opacity=c),e},onEnd:()=>{o.style.willChange="auto",o.style.backfaceVisibility="",o.style.contain=""}}),out:(o,c)=>({spring:a,prepare:e=>{f.prepareOutgoing(e,c),e.style.zIndex="100",e.style.willChange=n?"transform, opacity":"transform",e.style.backfaceVisibility="hidden",e.style.contain="layout paint",e.style.pointerEvents="none"},css:e=>{const y={transform:`translate3d(${(1-e)*100}%, 0, 0)`};return n&&(y.opacity=e),y}})}},tt={stiffness:180,damping:20,doubleSpring:!0},nt={stiffness:170,damping:20,doubleSpring:!0},et=0,it=(t={})=>{const{inSpring:n=nt,outSpring:i=tt,transitionDelay:d=et}=t;let{promise:a,resolve:s}=L();return{in:l=>({spring:n,prepare:()=>{l.style.opacity="0",l.style.willChange="opacity"},wait:async()=>{if(a){await a;const r=L();a=r.promise,s=r.resolve,await v(d)}},css:r=>({opacity:r}),onEnd:()=>{l.style.willChange="auto",l.style.opacity="1"}}),out:(l,r)=>({spring:i,css:o=>({opacity:o}),prepare:()=>{f.prepareOutgoing(l,r),l.style.willChange="opacity"},onEnd:()=>{s&&s(),l.style.willChange="auto"}})}},st={scaleDown:{stiffness:20,damping:7},translate:{stiffness:15,damping:7},scaleUp:{stiffness:20,damping:7}},x={scaleDown:0,translate:.2,scaleUp:.8},rt=.8,at="white",lt=t=>{var a;const n=st,i=rt,d=((a=t==null?void 0:t.border)==null?void 0:a.color)??at;return{out:async(s,l)=>{const r=T(l),o=f.getRect(document.body,l.positionedParent),c=ct(d,{...r,top:o.top}),e={scale:1,translateY:-r.top},y=()=>{s.style.transform=`translateY(${e.translateY}px) scale(${e.scale})`;const g=(r.width-r.width*e.scale)/2,h=(r.height-r.height*e.scale)/2;ot(c,g,h)};return{springs:[{spring:n.scaleDown,offset:x.scaleDown,tick:g=>{const h=1-g;e.scale=1-(1-i)*h,y()}},{spring:n.translate,offset:x.translate,tick:g=>{const h=1-g;e.translateY=-r.top-r.height*h,y()}},{spring:n.scaleUp,offset:x.scaleUp,tick:g=>{const h=1-g;e.scale=i+(1-i)*h,y()}}],schedule:"stagger",prepare:()=>{f.prepareOutgoing(s),O(s,r),k(s,r),dt(s,r);for(const g of c)l.positionedParent.appendChild(g)},onEnd:()=>{s.style.clipPath="",s.style.transformOrigin="",setTimeout(()=>{for(const g of c)l.positionedParent.removeChild(g)},1e3)}}},in:async(s,l)=>{const r=T(l),o={scale:i,translateY:-r.top+r.height},c=()=>{s.style.transform=`translateY(${o.translateY}px) scale(${o.scale})`};return{springs:[{spring:n.scaleDown,offset:x.scaleDown,tick:e=>{o.scale=1-(1-i)*e,c()}},{spring:n.translate,offset:x.translate,tick:e=>{o.translateY=-r.top+r.height*(1-e),c()}},{spring:n.scaleUp,offset:x.scaleUp,tick:e=>{o.scale=i+(1-i)*e,c()}}],schedule:"stagger",prepare:()=>{O(s,r),k(s,r),s.style.transform=`translateY(${-r.top+r.height}px) scale(${i})`},onEnd:()=>{s.style.clipPath="",s.style.transformOrigin="",s.style.transform=""}}}}};function ot(t,n,i){const d=n*.7,a=i*.7;t.topLeft.style.transform=`translate(${d}px, ${a}px)`,t.topRight.style.transform=`translate(${-d}px, ${a}px)`,t.bottomLeft.style.transform=`translate(${d}px, ${-a}px)`,t.bottomRight.style.transform=`translate(${-d}px, ${-a}px)`}function ct(t="white",n){const a=document.createElement("div");a.style.position="fixed",a.style.pointerEvents="none",a.style.zIndex="9999",a.style.top=`${n.top-1}px`,a.style.left=`${n.left-1}px`,a.style.width="15px",a.style.height="15px";const s=document.createElement("div");s.style.position="absolute",s.style.width="15px",s.style.height="1px",s.style.backgroundColor=t,s.style.top="0",s.style.left="0";const l=document.createElement("div");l.style.position="absolute",l.style.width="1px",l.style.height="15px",l.style.backgroundColor=t,l.style.top="0",l.style.left="0",a.appendChild(s),a.appendChild(l);const r=document.createElement("div");r.style.position="fixed",r.style.pointerEvents="none",r.style.zIndex="9999",r.style.top=`${n.top-1}px`,r.style.left=`${n.left+n.width-15+1}px`,r.style.width="15px",r.style.height="15px";const o=document.createElement("div");o.style.position="absolute",o.style.width="15px",o.style.height="1px",o.style.backgroundColor=t,o.style.top="0",o.style.right="0";const c=document.createElement("div");c.style.position="absolute",c.style.width="1px",c.style.height="15px",c.style.backgroundColor=t,c.style.top="0",c.style.right="0",r.appendChild(o),r.appendChild(c);const e=document.createElement("div");e.style.position="fixed",e.style.pointerEvents="none",e.style.zIndex="9999",e.style.top=`${n.top+n.height-15+1}px`,e.style.left=`${n.left-1}px`,e.style.width="15px",e.style.height="15px";const y=document.createElement("div");y.style.position="absolute",y.style.width="15px",y.style.height="1px",y.style.backgroundColor=t,y.style.bottom="0",y.style.left="0";const g=document.createElement("div");g.style.position="absolute",g.style.width="1px",g.style.height="15px",g.style.backgroundColor=t,g.style.bottom="0",g.style.left="0",e.appendChild(y),e.appendChild(g);const h=document.createElement("div");h.style.position="fixed",h.style.pointerEvents="none",h.style.zIndex="9999",h.style.top=`${n.top+n.height-15+1}px`,h.style.left=`${n.left+n.width-15+1}px`,h.style.width="15px",h.style.height="15px";const p=document.createElement("div");p.style.position="absolute",p.style.width="15px",p.style.height="1px",p.style.backgroundColor=t,p.style.bottom="0",p.style.right="0";const u=document.createElement("div");return u.style.position="absolute",u.style.width="1px",u.style.height="15px",u.style.backgroundColor=t,u.style.bottom="0",u.style.right="0",h.appendChild(p),h.appendChild(u),{topLeft:a,topRight:r,bottomLeft:e,bottomRight:h,*[Symbol.iterator](){yield a,yield r,yield e,yield h}}}function T(t){const n=f.getRect(document.body,t.positionedParent);return{top:t.scroll.y,left:0,width:n.width,height:window.innerHeight-n.top}}function O(t,n){const i=n.left+n.width/2,d=n.top+n.height/2;t.style.transformOrigin=`${i}px ${d}px`}function k(t,n){t.style.clipPath=`polygon(
|
|
30
|
+
`}u.push(f),l.appendChild(f)}return i.appendChild(l),{container:l,blinds:u}};return{out:()=>{let i=null;s=new Promise(g=>{c=g});const y=g=>{const l=1-g;return{transform:o==="horizontal"?`scaleX(${l})`:`scaleY(${l})`}};return{springs:Array.from({length:a},(g,l)=>({spring:r,offset:.2,css:{get element(){return i==null?void 0:i.blinds[l]},style:y}})),schedule:"stagger",prepare:g=>{m(g),g.style.zIndex="1000",i=e(g,"hidden","left")},onStart:()=>{},onEnd:()=>{c&&c()}}},in:()=>{let i=null;const y=g=>{const l=1-g;return{transform:o==="horizontal"?`scaleX(${l})`:`scaleY(${l})`}};return{springs:Array.from({length:a},(g,l)=>({spring:n,offset:.2,css:{get element(){return i==null?void 0:i.blinds[l]},style:y}})),schedule:"stagger",prepare:g=>{g.style.position="relative",g.style.zIndex="0",i=e(g,"closed","right")},onStart:()=>{},wait:async()=>{s&&await s,await N(p)},onEnd:()=>{i&&i.container&&i.container.remove()}}}}},rt={stiffness:1,damping:1},at={stiffness:20,damping:25},ot="#000000",lt="circle",F="CURTAIN_REVEAL_OVERLAY_ID",ct={position:"fixed",inset:"0",width:"100vw",height:"100%",zIndex:"9999",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden"},dt={position:"relative",display:"inline-block",height:"5.5rem",overflow:"hidden"},pt={display:"flex",height:"100%",willChange:"transform",transition:"transform 0.3s ease"},yt={display:"inline-flex",alignItems:"center",justifyContent:"center",whiteSpace:"nowrap",fontSize:"5.5rem",fontWeight:"900",letterSpacing:"0.02em",color:"#FFFFFF"},ht=.4,P=.5,gt=.2;function ut(t,n){switch(t){case"circle":return`circle(${n*100}% at 50% 50%)`;case"square":return`inset(${(1-n)*50}% round ${10*n}%)`;case"triangle":{const r=n*100;return`polygon(50% ${50-r}%, ${50-r}% ${50+r}%, ${50+r}% ${50+r}%)`}}}const ft=t=>t.reduce((n,r)=>n+r,0),wt=(t={})=>{const{background:n=ot,texts:r=[],shape:p=lt,inSpring:a=at,outSpring:o=rt,textStyle:d={}}=t;return{out:(s,c)=>{const e=s.style.opacity;return{spring:o,from:1,to:0,prepare:i=>{m(i,c),i.style.opacity="1"},tick:i=>{const y=Math.max(0,i-ht);s.style.opacity=String(y)},onEnd:()=>{s.style.opacity=e}}},in:s=>{let c=null,e=null,i=null;const y=document.body.style.overflow,h=document.getElementById(F);let g=[];const l=()=>{c=document.createElement("div"),c.id=F,Object.assign(c.style,ct,{background:n}),document.body.appendChild(c),e=document.createElement("div"),Object.assign(e.style,dt),c.appendChild(e),i=document.createElement("div"),Object.assign(i.style,pt),e.appendChild(i),r.forEach(u=>{const b=document.createElement("div");b.textContent=u,Object.assign(b.style,yt,d),i.appendChild(b)}),g=Array.from(i.children).map(u=>u.getBoundingClientRect().width)};return{spring:a,from:0,to:1,prepare:()=>{document.body.style.overflow="hidden",s.style.opacity="1",h==null||h.remove(),l(),c&&e&&(c.style.clipPath="none",e.style.transform="scale(1)")},tick:u=>{if(!(!c||!e||!i)){if(u<=P&&r.length>0){const b=u/P,f=Math.min(Math.floor(b*r.length),r.length-1),$=g[f]??0,w=ft(g.slice(0,f));e.style.width=`${$}px`,i.style.transform=`translateX(-${w}px)`}if(u>P){const f=1-Math.max(0,Math.min(1,(u-P)/gt));c.style.clipPath=ut(p,f),e.style.transform=`scale(${f})`}}},onEnd:()=>{c==null||c.remove(),c=e=i=null,document.body.style.overflow=y}}}}},bt={stiffness:300,damping:22,doubleSpring:.5},$t={stiffness:300,damping:22,doubleSpring:.5},C=.05;function k(t){const n=x(document.body,t.positionedParent),r=t.scroll.y,p=window.innerHeight-n.top;return{top:r,left:0,width:n.width,height:p}}const mt=(t={})=>{var d,s,c;const{direction:n="enter"}=t,r=n==="enter"?bt:$t,p={stiffness:((d=t.spring)==null?void 0:d.stiffness)??r.stiffness,damping:((s=t.spring)==null?void 0:s.damping)??r.damping,doubleSpring:((c=t.spring)==null?void 0:c.doubleSpring)??r.doubleSpring};let{promise:a,resolve:o}=S();return n==="enter"?{in:(e,i)=>{const y=k(i),h=y.left+y.width/2,g=y.top+y.height/2;return{spring:p,prepare:()=>{e.style.opacity="0",e.style.willChange="transform, opacity",e.style.backfaceVisibility="hidden",e.style.contain="layout paint",e.style.transformOrigin=`${h}px ${g}px`},wait:async()=>{if(a){await a;const l=S();a=l.promise,o=l.resolve}},css:l=>({transform:`scale(${1-C+l*C})`,opacity:l}),onEnd:()=>{e.style.opacity="1",e.style.willChange="auto",e.style.backfaceVisibility="",e.style.contain="",e.style.transformOrigin=""}}},out:(e,i)=>{const y=k(i),h=y.left+y.width/2,g=y.top+y.height/2+i.scrollOffset.y;return{spring:p,prepare:l=>{m(l,i),l.style.zIndex="-1",l.style.willChange="transform, opacity",l.style.backfaceVisibility="hidden",l.style.contain="layout paint",l.style.pointerEvents="none",l.style.transformOrigin=`${h}px ${g}px`},css:l=>({transform:`scale(${1+(1-l)*C})`,opacity:l}),onEnd:()=>{o&&o()}}}}:{in:(e,i)=>{const y=k(i),h=y.left+y.width/2,g=y.top+y.height/2;return{spring:p,prepare:()=>{e.style.opacity="0",e.style.willChange="transform, opacity",e.style.backfaceVisibility="hidden",e.style.contain="layout paint",e.style.transformOrigin=`${h}px ${g}px`},wait:async()=>{if(a){await a;const l=S();a=l.promise,o=l.resolve}},css:l=>({transform:`scale(${1+C-l*C})`,opacity:l}),onEnd:()=>{e.style.opacity="1",e.style.willChange="auto",e.style.backfaceVisibility="",e.style.contain="",e.style.transformOrigin=""}}},out:(e,i)=>{const y=k(i),h=y.left+y.width/2,g=y.top+y.height/2+i.scrollOffset.y;return{spring:p,prepare:l=>{m(l,i),l.style.zIndex="100",l.style.willChange="transform, opacity",l.style.backfaceVisibility="hidden",l.style.contain="layout paint",l.style.pointerEvents="none",l.style.transformOrigin=`${h}px ${g}px`},css:l=>({transform:`scale(${1-(1-l)*C})`,opacity:l}),onEnd:()=>{o&&o()}}}}},xt={stiffness:125,damping:14,doubleSpring:.5},Et={stiffness:128,damping:14,doubleSpring:.5},St=(t={})=>{var o,d,s;const{opacity:n=!1,direction:r="enter"}=t,p=r==="enter"?xt:Et,a={stiffness:((o=t.spring)==null?void 0:o.stiffness)??p.stiffness,damping:((d=t.spring)==null?void 0:d.damping)??p.damping,doubleSpring:((s=t.spring)==null?void 0:s.doubleSpring)??p.doubleSpring};return r==="enter"?{in:c=>({spring:a,prepare:()=>{c.style.willChange=n?"transform, opacity":"transform",c.style.backfaceVisibility="hidden",c.style.contain="layout paint"},css:e=>{const i={transform:`translate3d(${(1-e)*100}%, 0, 0)`};return n&&(i.opacity=e),i},onEnd:()=>{c.style.willChange="auto",c.style.backfaceVisibility="",c.style.contain=""}}),out:(c,e)=>({spring:a,prepare:i=>{m(i,e),i.style.zIndex="-1",i.style.willChange=n?"transform, opacity":"transform",i.style.backfaceVisibility="hidden",i.style.contain="layout paint",i.style.pointerEvents="none"},css:i=>{const y={transform:`translate3d(${-(1-i)*20}%, 0, 0)`};return n&&(y.opacity=i),y}})}:{in:c=>({spring:a,prepare:()=>{c.style.willChange=n?"transform, opacity":"transform",c.style.backfaceVisibility="hidden",c.style.contain="layout paint"},css:e=>{const i={transform:`translate3d(${-(1-e)*20}%, 0, 0)`};return n&&(i.opacity=e),i},onEnd:()=>{c.style.willChange="auto",c.style.backfaceVisibility="",c.style.contain=""}}),out:(c,e)=>({spring:a,prepare:i=>{m(i,e),i.style.zIndex="100",i.style.willChange=n?"transform, opacity":"transform",i.style.backfaceVisibility="hidden",i.style.contain="layout paint",i.style.pointerEvents="none"},css:i=>{const y={transform:`translate3d(${(1-i)*100}%, 0, 0)`};return n&&(y.opacity=i),y}})}},Ct={stiffness:180,damping:20,doubleSpring:!0},At={stiffness:170,damping:20,doubleSpring:!0},Pt=0,kt=(t={})=>{const{inSpring:n=At,outSpring:r=Ct,transitionDelay:p=Pt}=t;let{promise:a,resolve:o}=S();return{in:d=>({spring:n,prepare:()=>{d.style.opacity="0",d.style.willChange="opacity"},wait:async()=>{if(a){await a;const s=S();a=s.promise,o=s.resolve,await N(p)}},css:s=>({opacity:s}),onEnd:()=>{d.style.willChange="auto",d.style.opacity="1"}}),out:(d,s)=>({spring:r,css:c=>({opacity:c}),prepare:()=>{m(d,s),d.style.willChange="opacity"},onEnd:()=>{o&&o(),d.style.willChange="auto"}})}},Tt={scaleDown:{stiffness:20,damping:7},translate:{stiffness:15,damping:7},scaleUp:{stiffness:20,damping:7}},A={scaleDown:0,translate:.2,scaleUp:.8},Ot=.8,Lt="white",vt=t=>{var a;const n=Tt,r=Ot,p=((a=t==null?void 0:t.border)==null?void 0:a.color)??Lt;return{out:async(o,d)=>{const s=Y(d),c=x(document.body,d.positionedParent),e=_t(p,{...s,top:c.top}),i={scale:1,translateY:-s.top},y=()=>{o.style.transform=`translateY(${i.translateY}px) scale(${i.scale})`;const h=(s.width-s.width*i.scale)/2,g=(s.height-s.height*i.scale)/2;It(e,h,g)};return{springs:[{spring:n.scaleDown,offset:A.scaleDown,tick:h=>{const g=1-h;i.scale=1-(1-r)*g,y()}},{spring:n.translate,offset:A.translate,tick:h=>{const g=1-h;i.translateY=-s.top-s.height*g,y()}},{spring:n.scaleUp,offset:A.scaleUp,tick:h=>{const g=1-h;i.scale=r+(1-r)*g,y()}}],schedule:"stagger",prepare:()=>{m(o),V(o,s),U(o,s),Dt(o,s);for(const h of e)d.positionedParent.appendChild(h)},onEnd:()=>{o.style.clipPath="",o.style.transformOrigin="",setTimeout(()=>{for(const h of e)d.positionedParent.removeChild(h)},1e3)}}},in:async(o,d)=>{const s=Y(d),c={scale:r,translateY:-s.top+s.height},e=()=>{o.style.transform=`translateY(${c.translateY}px) scale(${c.scale})`};return{springs:[{spring:n.scaleDown,offset:A.scaleDown,tick:i=>{c.scale=1-(1-r)*i,e()}},{spring:n.translate,offset:A.translate,tick:i=>{c.translateY=-s.top+s.height*(1-i),e()}},{spring:n.scaleUp,offset:A.scaleUp,tick:i=>{c.scale=r+(1-r)*i,e()}}],schedule:"stagger",prepare:()=>{V(o,s),U(o,s),o.style.transform=`translateY(${-s.top+s.height}px) scale(${r})`},onEnd:()=>{o.style.clipPath="",o.style.transformOrigin="",o.style.transform=""}}}}};function It(t,n,r){const p=n*.7,a=r*.7;t.topLeft.style.transform=`translate(${p}px, ${a}px)`,t.topRight.style.transform=`translate(${-p}px, ${a}px)`,t.bottomLeft.style.transform=`translate(${p}px, ${-a}px)`,t.bottomRight.style.transform=`translate(${-p}px, ${-a}px)`}function _t(t="white",n){const a=document.createElement("div");a.style.position="fixed",a.style.pointerEvents="none",a.style.zIndex="9999",a.style.top=`${n.top-1}px`,a.style.left=`${n.left-1}px`,a.style.width="15px",a.style.height="15px";const o=document.createElement("div");o.style.position="absolute",o.style.width="15px",o.style.height="1px",o.style.backgroundColor=t,o.style.top="0",o.style.left="0";const d=document.createElement("div");d.style.position="absolute",d.style.width="1px",d.style.height="15px",d.style.backgroundColor=t,d.style.top="0",d.style.left="0",a.appendChild(o),a.appendChild(d);const s=document.createElement("div");s.style.position="fixed",s.style.pointerEvents="none",s.style.zIndex="9999",s.style.top=`${n.top-1}px`,s.style.left=`${n.left+n.width-15+1}px`,s.style.width="15px",s.style.height="15px";const c=document.createElement("div");c.style.position="absolute",c.style.width="15px",c.style.height="1px",c.style.backgroundColor=t,c.style.top="0",c.style.right="0";const e=document.createElement("div");e.style.position="absolute",e.style.width="1px",e.style.height="15px",e.style.backgroundColor=t,e.style.top="0",e.style.right="0",s.appendChild(c),s.appendChild(e);const i=document.createElement("div");i.style.position="fixed",i.style.pointerEvents="none",i.style.zIndex="9999",i.style.top=`${n.top+n.height-15+1}px`,i.style.left=`${n.left-1}px`,i.style.width="15px",i.style.height="15px";const y=document.createElement("div");y.style.position="absolute",y.style.width="15px",y.style.height="1px",y.style.backgroundColor=t,y.style.bottom="0",y.style.left="0";const h=document.createElement("div");h.style.position="absolute",h.style.width="1px",h.style.height="15px",h.style.backgroundColor=t,h.style.bottom="0",h.style.left="0",i.appendChild(y),i.appendChild(h);const g=document.createElement("div");g.style.position="fixed",g.style.pointerEvents="none",g.style.zIndex="9999",g.style.top=`${n.top+n.height-15+1}px`,g.style.left=`${n.left+n.width-15+1}px`,g.style.width="15px",g.style.height="15px";const l=document.createElement("div");l.style.position="absolute",l.style.width="15px",l.style.height="1px",l.style.backgroundColor=t,l.style.bottom="0",l.style.right="0";const u=document.createElement("div");return u.style.position="absolute",u.style.width="1px",u.style.height="15px",u.style.backgroundColor=t,u.style.bottom="0",u.style.right="0",g.appendChild(l),g.appendChild(u),{topLeft:a,topRight:s,bottomLeft:i,bottomRight:g,*[Symbol.iterator](){yield a,yield s,yield i,yield g}}}function Y(t){const n=x(document.body,t.positionedParent);return{top:t.scroll.y,left:0,width:n.width,height:window.innerHeight-n.top}}function V(t,n){const r=n.left+n.width/2,p=n.top+n.height/2;t.style.transformOrigin=`${r}px ${p}px`}function U(t,n){t.style.clipPath=`polygon(
|
|
31
31
|
${n.left}px ${n.top}px,
|
|
32
32
|
${n.left+n.width}px ${n.top}px,
|
|
33
33
|
${n.left+n.width}px ${n.top+n.height}px,
|
|
34
34
|
${n.left}px ${n.top+n.height}px
|
|
35
|
-
)`}function dt(t,n){t.style.transform=`translateY(${-n.top}px)`}function pt(t,n){return t.querySelector(`[data-hero-key="${n}"]`)}const ht=(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},i=t.timeout??300,d=t.maxDistance??700;let a=null,s=null;return{in:async(o,c)=>{const e=o,y=Array.from(e.querySelectorAll("[data-hero-key]"));if(y.length===0)return{spring:n,tick:()=>{}};if(!await new Promise(p=>{a?p(!0):(s=p,setTimeout(()=>{s=null,p(!1)},i))})||!a)return a=null,{spring:n,tick:()=>{}};const h=y.map(p=>{const u=p.getAttribute("data-hero-key");if(!u)return null;const w=pt(a,u);if(!w)return null;const $=p,b=f.getRect(a,w),m=f.getRect(e,$),F=b.left-m.left-c.scrollOffset.x,Y=b.top-m.top-c.scrollOffset.y,U=b.width/m.width,V=b.height/m.height,W=$.style.transform,z=$.style.position,X=$.style.transformOrigin,M=$.style.zIndex,B=$.style.willChange;return{toEl:$,dx:F,dy:Y,dw:U,dh:V,originalTransform:W,originalPosition:z,originalTransformOrigin:X,originalZIndex:M,originalWillChange:B}}).filter(p=>p!==null&&Math.abs(p.dy)<=d);return a=null,h.length===0?{spring:n,tick:()=>{}}:{springs:h.map(({toEl:p,dx:u,dy:w,dw:$,dh:b})=>({spring:n,tick:m=>{p.style.transform=`translate(${(1-m)*u}px, ${(1-m)*w}px) scale(${m+(1-m)*$}, ${m+(1-m)*b})`}})),schedule:"parallel",prepare:()=>{h.forEach(({toEl:p})=>{p.style.position="relative",p.style.transformOrigin="top left",p.style.zIndex="1000",p.style.willChange="transform"})},onEnd:()=>{h.forEach(({toEl:p,originalTransform:u,originalPosition:w,originalTransformOrigin:$,originalZIndex:b,originalWillChange:m})=>{p.style.transform=u,p.style.position=w,p.style.transformOrigin=$,p.style.zIndex=b,p.style.willChange=m})}}},out:async o=>({spring:n,onStart:()=>{a=o,s&&(s(!0),s=null)},tick:()=>{},prepare:c=>{f.prepareOutgoing(c),c.style.opacity="0"}})}};function gt({detailRect:t,galleryRect:n,pageRect:i,scrollOffset:d}){const a=n.left-t.left+(n.width-t.width)/2-d.x,s=n.top-t.top+(n.height-t.height)/2-d.y,l=n.width/t.width,r=n.height/t.height,o=Math.max(l,r),c=t.top/i.height*100,e=(i.width-(t.left+t.width))/i.width*100,y=(i.height-(t.top+t.height))/i.height*100,g=t.left/i.width*100;return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:p=>{const u=1-p;return{clipPath:`inset(${c*u}% ${e*u}% ${y*u}% ${g*u}%)`,transform:`translate(${a*u}px, ${s*u}px) scale(${1+(o-1)*u})`}}}}function yt({detailRect:t,galleryRect:n,pageRect:i,scrollOffset:d}){const a=n.left-t.left+(n.width-t.width)/2+d.x,s=n.top-t.top+(n.height-t.height)/2+d.y,l=n.width/t.width,r=n.height/t.height,o=Math.min(l,r),c=t.top/i.height*100,e=(i.width-(t.left+t.width))/i.width*100,y=(i.height-(t.top+t.height))/i.height*100,g=t.left/i.width*100;return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:p=>{const u=1-p;return{clipPath:`inset(${c*u}% ${e*u}% ${y*u}% ${g*u}%)`,transform:`translate(${a*u-d.x}px, ${s*u-d.y}px) scale(${1+(o-1)*u})`}}}}function ut(t,n,i){const d=t.querySelector("[data-instagram-detail-key]"),a=n.querySelector("[data-instagram-detail-key]");if(t.querySelectorAll("[data-instagram-detail-key]").length>1||n.querySelectorAll("[data-instagram-detail-key]").length>1)return null;let s=null,l=null,r=!1;if(!d&&a){l=a;const e=l.getAttribute("data-instagram-detail-key");if(!e)return null;s=t.querySelector(`[data-instagram-gallery-key="${e}"]`),s&&(r=!0)}else if(d&&!a){l=d;const e=l.getAttribute("data-instagram-detail-key");if(!e)return null;s=n.querySelector(`[data-instagram-gallery-key="${e}"]`),s&&(r=!1)}if(!s||!l)return null;const o=f.getRect(r?t:n,s),c=f.getRect(r?n:t,l);if(r){const e=gt({detailRect:c,galleryRect:o,pageRect:n.getBoundingClientRect(),scrollOffset:i});return n.style.transformOrigin=e.transformOrigin,{isEnterMode:!0,inAnimation:e.animate}}else{const e=yt({detailRect:c,galleryRect:o,pageRect:t.getBoundingClientRect(),scrollOffset:i});return t.style.transformOrigin=e.transformOrigin,{isEnterMode:!1,outAnimation:e.animate}}}const ft=(t={})=>{var r,o,c;const n={stiffness:((r=t.spring)==null?void 0:r.stiffness)??150,damping:((o=t.spring)==null?void 0:o.damping)??20,doubleSpring:((c=t.spring)==null?void 0:c.doubleSpring)??!0},i=t.timeout??300;let d=null,a=null,s=null,l=null;return{in:async(e,{scrollOffset:y})=>{const g=e;return!await new Promise(p=>{d?p(!0):(a=p,setTimeout(()=>{a=null,p(!1)},i))})||!d?(l==null||l(),l=null,d=null,{spring:n,css:()=>({})}):(s=ut(d,g,y),l==null||l(),l=null,s?(d=null,{spring:n,css:p=>s!=null&&s.inAnimation?s.inAnimation(p):{}}):(d=null,{spring:n,css:()=>({})}))},out:async(e,y)=>{const g=new Promise(h=>{l=h});return{spring:n,prepare:h=>{s!=null&&s.isEnterMode?f.prepareOutgoing(h):(f.prepareOutgoing(h,y),h.style.zIndex="-1")},wait:async()=>{d=e,a&&(a(!0),a=null),await g},css:h=>s!=null&&s.outAnimation?s.outAnimation(h):{}}}}};function $t({detailRect:t,galleryRect:n,pageRect:i,scrollOffset:d}){const a=n.left-t.left+(n.width-t.width)/2-d.x,s=n.top-t.top+(n.height-t.height)/2-d.y,l=n.width/t.width,r=n.height/t.height,o=Math.max(l,r),c=t.top/i.height*100,e=(i.width-(t.left+t.width))/i.width*100,y=(i.height-(t.top+t.height))/i.height*100,g=t.left/i.width*100;return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:p=>{const u=1-p;return{clipPath:`inset(${c*u}% ${e*u}% ${y*u}% ${g*u}%)`,transform:`translate(${a*u}px, ${s*u}px) scale(${1+(o-1)*u})`}}}}function mt({galleryRect:t,detailRect:n,scrollOffset:i}){const d=n.left-t.left+(n.width-t.width)/2+i.x,a=n.top-t.top+(n.height-t.height)/2+i.y,s=n.width/t.width,l=n.height/t.height,r=Math.max(s,l);return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:c=>{const e=1-c;return{transform:`translate(${d*e-i.x}px, ${a*e-i.y}px) scale(${1+(r-1)*e})`,opacity:`${1-e}`}}}}function wt({galleryRect:t,detailRect:n,scrollOffset:i}){const d=n.left-t.left+(n.width-t.width)/2-i.x,a=n.top-t.top+(n.height-t.height)/2-i.y,s=n.width/t.width,l=n.height/t.height,r=Math.max(s,l);return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:c=>{const e=1-c,y=c;return{transform:`translate(${d*e}px, ${a*e}px) scale(${1+(r-1)*e})`,opacity:`${y}`}}}}function bt({detailRect:t,galleryRect:n,pageRect:i,scrollOffset:d}){const a=n.left-t.left+(n.width-t.width)/2+d.x,s=n.top-t.top+(n.height-t.height)/2+d.y,l=n.width/t.width,r=n.height/t.height,o=Math.min(l,r),c=t.top/i.height*100,e=(i.width-(t.left+t.width))/i.width*100,y=(i.height-(t.top+t.height))/i.height*100,g=t.left/i.width*100;return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:p=>{const u=1-p;return{clipPath:`inset(${c*u}% ${e*u}% ${y*u}% ${g*u}%)`,transform:`translate(${a*u-d.x}px, ${s*u-d.y}px) scale(${1+(o-1)*u})`}}}}function xt(t,n,i){const d=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 s=null,l=null,r=!1;if(!d&&a){l=a;const e=l.getAttribute("data-pinterest-detail-key");if(!e)return null;s=t.querySelector(`[data-pinterest-gallery-key="${e}"]`),s&&(r=!0)}else if(d&&!a){l=d;const e=l.getAttribute("data-pinterest-detail-key");if(!e)return null;s=n.querySelector(`[data-pinterest-gallery-key="${e}"]`),s&&(r=!1)}if(!s||!l)return null;const o=f.getRect(r?t:n,s),c=f.getRect(r?n:t,l);if(r){const e=$t({detailRect:c,galleryRect:o,pageRect:n.getBoundingClientRect(),scrollOffset:i}),y=mt({galleryRect:o,detailRect:c,scrollOffset:i});return n.style.transformOrigin=e.transformOrigin,t.style.transformOrigin=y.transformOrigin,{inAnimation:e.animate,outAnimation:y.animate}}else{const e=wt({galleryRect:o,detailRect:c,scrollOffset:i}),y=bt({detailRect:c,galleryRect:o,pageRect:t.getBoundingClientRect(),scrollOffset:i});return n.style.transformOrigin=e.transformOrigin,t.style.transformOrigin=y.transformOrigin,{inAnimation:e.animate,outAnimation:y.animate}}}const Et=(t={})=>{var r,o,c;const n={stiffness:((r=t.spring)==null?void 0:r.stiffness)??30,damping:((o=t.spring)==null?void 0:o.damping)??10,doubleSpring:((c=t.spring)==null?void 0:c.doubleSpring)??!0},i=t.timeout??300;let d=null,a=null,s=null,l=null;return{in:async(e,{scrollOffset:y})=>{const g=e;return!await new Promise(p=>{d?p(!0):(a=p,setTimeout(()=>{a=null,p(!1)},i))})||!d?(l==null||l(),l=null,d=null,{spring:n,css:()=>({})}):(s=xt(d,g,y),l==null||l(),l=null,s?(d=null,{spring:n,css:p=>s?s.inAnimation(p):{}}):(d=null,{spring:n,css:()=>({})}))},out:async e=>{const y=new Promise(g=>{l=g});return{spring:n,prepare:g=>{f.prepareOutgoing(g),g.style.zIndex="-1"},wait:async()=>{d=e,a&&(a(!0),a=null),await y},css:g=>s?s.outAnimation(g):{}}}}},_={stiffness:100,damping:30},Ct=()=>({in:t=>({spring:_,prepare:()=>{t.style.opacity="0",t.style.transform="rotate(-180deg)",t.style.transformOrigin="center center",t.style.willChange="transform, opacity"},css:n=>({transform:`rotate(${(n-1)*180}deg)`,opacity:n>.5?1:0}),onEnd:()=>{t.style.willChange="auto",t.style.transform="",t.style.transformOrigin="",t.style.opacity=""}}),out:(t,n)=>({spring:_,prepare:()=>{f.prepareOutgoing(t,n),t.style.transformOrigin="center center",t.style.willChange="transform, opacity"},css:i=>({transform:`rotate(${(1-i)*180}deg)`,opacity:i>.5?1:0}),onEnd:()=>{t.style.willChange="auto"}})}),I={stiffness:5,damping:4},At=(t={})=>{var o,c;const n=t.direction??"up",i={stiffness:((o=t.spring)==null?void 0:o.stiffness)??I.stiffness,damping:((c=t.spring)==null?void 0:c.damping)??I.damping},d=n==="up";let a=null,s=null,l=null;const r=()=>{if(a===null||s===null)return null;const e=Math.min(a,s),y=window.innerHeight;return Math.max(e,y)};return{in:e=>(s=e.offsetHeight,a!==null&&(l=r()),{spring:i,prepare:()=>{e.style.willChange="transform",e.style.backfaceVisibility="hidden",e.style.contain="layout paint"},tick:y=>{l===null&&(l=r());const g=l??window.innerHeight,h=d?(1-y)*g:(1-y)*-g;e.style.transform=`translate3d(0, ${h}px, 0)`},onEnd:()=>{e.style.willChange="auto",e.style.backfaceVisibility="",e.style.contain=""}}),out:(e,y)=>({spring:i,onStart:()=>{a=e.offsetHeight,s!==null&&(l=r())},tick:g=>{l===null&&(l=r());const h=l??window.innerHeight,p=d?(1-g)*-h:(1-g)*h;e.style.transform=`translate3d(0, ${p}px, 0)`},prepare:g=>{f.prepareOutgoing(g,y),g.style.zIndex=d?"-1":"1",g.style.willChange="transform",g.style.backfaceVisibility="hidden",g.style.contain="layout paint",g.style.pointerEvents="none"}})}},A={stiffness:15,damping:7,doubleSpring:!0},St=(t={})=>{var a,s,l;const n=t.direction??"left",i={stiffness:((a=t.spring)==null?void 0:a.stiffness)??A.stiffness,damping:((s=t.spring)==null?void 0:s.damping)??A.damping,doubleSpring:((l=t.spring)==null?void 0:l.doubleSpring)??A.doubleSpring},d=n==="left";return{in:r=>({spring:i,prepare:()=>{r.style.willChange="transform",r.style.backfaceVisibility="hidden",r.style.contain="layout paint"},css:o=>({transform:`translate3d(${d?(1-o)*100:(1-o)*-100}%, 0, 0)`}),onEnd:()=>{r.style.willChange="auto",r.style.backfaceVisibility="",r.style.contain=""}}),out:(r,o)=>({spring:i,css:c=>({transform:`translate3d(${d?(1-c)*-100:(1-c)*100}%, 0, 0)`}),prepare:c=>{f.prepareOutgoing(c,o),c.style.willChange="transform",c.style.backfaceVisibility="hidden",c.style.contain="layout paint",c.style.pointerEvents="none"}})}},D={stiffness:17,damping:6},S=20,E=800,Lt=()=>{let t,n=null;return{in:i=>({spring:D,prepare:()=>{i.style.willChange="transform",i.style.backfaceVisibility="hidden",i.style.contain="layout paint",i.style.transform=`perspective(${E}px) rotateY(${S}deg) translate3d(-100%, 0, 0)`},wait:async()=>{t&&await t},css:d=>{const a=(1-d)*S,s=-(1-d)*100;return{transform:`perspective(${E}px) rotateY(${a}deg) translate3d(${s}%, 0, 0)`}},onEnd:()=>{i.style.transform="",i.style.willChange="auto",i.style.backfaceVisibility="",i.style.contain=""}}),out:(i,d)=>(t=new Promise(a=>{n=a}),{spring:D,prepare:a=>{f.prepareOutgoing(a,d),a.style.willChange="transform",a.style.backfaceVisibility="hidden",a.style.contain="layout paint",a.style.pointerEvents="none",a.style.transform=`perspective(${E}px) rotateY(0deg) translate3d(0%, 0, 0)`},css:a=>{const s=1-a,l=s*S,r=s*100;return{transform:`perspective(${E}px) rotateY(${-l}deg) translate3d(${r}%, 0, 0)`}},onEnd:()=>{n&&n(),i.style.transform=""}})}},Tt={stiffness:1,damping:1},Ot={stiffness:20,damping:25},kt="#000000",_t="circle",P="CURTAIN_REVEAL_OVERLAY_ID",It={position:"fixed",inset:"0",width:"100vw",height:"100%",zIndex:"9999",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden"},Dt={position:"relative",display:"inline-block",height:"5.5rem",overflow:"hidden"},Pt={display:"flex",height:"100%",willChange:"transform",transition:"transform 0.3s ease"},vt={display:"inline-flex",alignItems:"center",justifyContent:"center",whiteSpace:"nowrap",fontSize:"5.5rem",fontWeight:"900",letterSpacing:"0.02em",color:"#FFFFFF"},Ft=.4,C=.5,Yt=.2;function Ut(t,n){switch(t){case"circle":return`circle(${n*100}% at 50% 50%)`;case"square":return`inset(${(1-n)*50}% round ${10*n}%)`;case"triangle":{const i=n*100;return`polygon(50% ${50-i}%, ${50-i}% ${50+i}%, ${50+i}% ${50+i}%)`}}}const Vt=t=>t.reduce((n,i)=>n+i,0),Wt=(t={})=>{const{background:n=kt,texts:i=[],shape:d=_t,inSpring:a=Ot,outSpring:s=Tt,textStyle:l={}}=t;return{out:(r,o)=>{const c=r.style.opacity;return{spring:s,from:1,to:0,prepare:e=>{f.prepareOutgoing(e,o),e.style.opacity="1"},tick:e=>{const y=Math.max(0,e-Ft);r.style.opacity=String(y)},onEnd:()=>{r.style.opacity=c}}},in:r=>{let o=null,c=null,e=null;const y=document.body.style.overflow,g=document.getElementById(P);let h=[];const p=()=>{o=document.createElement("div"),o.id=P,Object.assign(o.style,It,{background:n}),document.body.appendChild(o),c=document.createElement("div"),Object.assign(c.style,Dt),o.appendChild(c),e=document.createElement("div"),Object.assign(e.style,Pt),c.appendChild(e),i.forEach(u=>{const w=document.createElement("div");w.textContent=u,Object.assign(w.style,vt,l),e.appendChild(w)}),h=Array.from(e.children).map(u=>u.getBoundingClientRect().width)};return{spring:a,from:0,to:1,prepare:()=>{document.body.style.overflow="hidden",r.style.opacity="1",g==null||g.remove(),p(),o&&c&&(o.style.clipPath="none",c.style.transform="scale(1)")},tick:u=>{if(!(!o||!c||!e)){if(u<=C&&i.length>0){const w=u/C,$=Math.min(Math.floor(w*i.length),i.length-1),b=h[$]??0,m=Vt(h.slice(0,$));c.style.width=`${b}px`,e.style.transform=`translateX(-${m}px)`}if(u>C){const $=1-Math.max(0,Math.min(1,(u-C)/Yt));o.style.clipPath=Ut(d,$),c.style.transform=`scale(${$})`}}},onEnd:()=>{o==null||o.remove(),o=c=e=null,document.body.style.overflow=y}}}}};exports.jaemin=f.jaemin;exports.blind=Z;exports.curtainReveal=Wt;exports.drill=R;exports.fade=it;exports.film=lt;exports.hero=ht;exports.instagram=ft;exports.pinterest=Et;exports.rotate=Ct;exports.scroll=At;exports.slide=St;exports.strip=Lt;
|
|
35
|
+
)`}function Dt(t,n){t.style.transform=`translateY(${-n.top}px)`}function Ft(t,n){return t.querySelector(`[data-hero-key="${n}"]`)}const Yt=(t={})=>{var d,s;const n={stiffness:((d=t.spring)==null?void 0:d.stiffness)??300,damping:((s=t.spring)==null?void 0:s.damping)??30},r=t.timeout??300,p=t.maxDistance??700;let a=null,o=null;return{in:async(c,e)=>{const i=c,y=Array.from(i.querySelectorAll("[data-hero-key]"));if(y.length===0)return{spring:n,tick:()=>{}};if(!await new Promise(l=>{a?l(!0):(o=l,setTimeout(()=>{o=null,l(!1)},r))})||!a)return a=null,{spring:n,tick:()=>{}};const g=y.map(l=>{const u=l.getAttribute("data-hero-key");if(!u)return null;const b=Ft(a,u);if(!b)return null;const f=l,$=x(a,b),w=x(i,f),E=$.left-w.left-e.scrollOffset.x,W=$.top-w.top-e.scrollOffset.y,G=$.width/w.width,B=$.height/w.height,q=f.style.transform,j=f.style.position,Z=f.style.transformOrigin,J=f.style.zIndex,K=f.style.willChange;return{toEl:f,dx:E,dy:W,dw:G,dh:B,originalTransform:q,originalPosition:j,originalTransformOrigin:Z,originalZIndex:J,originalWillChange:K}}).filter(l=>l!==null&&Math.abs(l.dy)<=p);return a=null,g.length===0?{spring:n,tick:()=>{}}:{springs:g.map(({toEl:l,dx:u,dy:b,dw:f,dh:$})=>({spring:n,tick:w=>{l.style.transform=`translate(${(1-w)*u}px, ${(1-w)*b}px) scale(${w+(1-w)*f}, ${w+(1-w)*$})`}})),schedule:"parallel",prepare:()=>{g.forEach(({toEl:l})=>{l.style.position="relative",l.style.transformOrigin="top left",l.style.zIndex="1000",l.style.willChange="transform"})},onEnd:()=>{g.forEach(({toEl:l,originalTransform:u,originalPosition:b,originalTransformOrigin:f,originalZIndex:$,originalWillChange:w})=>{l.style.transform=u,l.style.position=b,l.style.transformOrigin=f,l.style.zIndex=$,l.style.willChange=w})}}},out:async c=>({spring:n,onStart:()=>{a=c,o&&(o(!0),o=null)},tick:()=>{},prepare:e=>{m(e),e.style.opacity="0"}})}},L={stiffness:140,damping:19,doubleSpring:.8};function Vt({detailRect:t,galleryRect:n,pageRect:r,scrollOffset:p}){const a=n.left-t.left+(n.width-t.width)/2-p.x,o=n.top-t.top+(n.height-t.height)/2-p.y,d=n.width/t.width,s=n.height/t.height,c=Math.max(d,s),e=t.top/r.height*100,i=(r.width-(t.left+t.width))/r.width*100,y=(r.height-(t.top+t.height))/r.height*100,h=t.left/r.width*100;return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:l=>{const u=1-l;return{clipPath:`inset(${e*u}% ${i*u}% ${y*u}% ${h*u}%)`,transform:`translate(${a*u}px, ${o*u}px) scale(${1+(c-1)*u})`}}}}function Ut({detailRect:t,galleryRect:n,pageRect:r,scrollOffset:p}){const a=n.left-t.left+(n.width-t.width)/2+p.x,o=n.top-t.top+(n.height-t.height)/2+p.y,d=n.width/t.width,s=n.height/t.height,c=Math.min(d,s),e=t.top/r.height*100,i=(r.width-(t.left+t.width))/r.width*100,y=(r.height-(t.top+t.height))/r.height*100,h=t.left/r.width*100;return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:l=>{const u=1-l;return{clipPath:`inset(${e*u}% ${i*u}% ${y*u}% ${h*u}%)`,transform:`translate(${a*u-p.x}px, ${o*u-p.y}px) scale(${1+(c-1)*u})`}}}}function Xt(t,n,r){const p=t.querySelector("[data-instagram-detail-key]"),a=n.querySelector("[data-instagram-detail-key]");if(t.querySelectorAll("[data-instagram-detail-key]").length>1||n.querySelectorAll("[data-instagram-detail-key]").length>1)return null;let o=null,d=null,s=!1;if(!p&&a){d=a;const i=d.getAttribute("data-instagram-detail-key");if(!i)return null;o=t.querySelector(`[data-instagram-gallery-key="${i}"]`),o&&(s=!0)}else if(p&&!a){d=p;const i=d.getAttribute("data-instagram-detail-key");if(!i)return null;o=n.querySelector(`[data-instagram-gallery-key="${i}"]`),o&&(s=!1)}if(!o||!d)return null;const c=x(s?t:n,o),e=x(s?n:t,d);if(s){const i=Vt({detailRect:e,galleryRect:c,pageRect:n.getBoundingClientRect(),scrollOffset:r});return n.style.transformOrigin=i.transformOrigin,{isEnterMode:!0,inAnimation:i.animate}}else{const i=Ut({detailRect:e,galleryRect:c,pageRect:t.getBoundingClientRect(),scrollOffset:r});return t.style.transformOrigin=i.transformOrigin,{isEnterMode:!1,outAnimation:i.animate}}}const zt=(t={})=>{var s,c,e;const n={stiffness:((s=t.spring)==null?void 0:s.stiffness)??L.stiffness,damping:((c=t.spring)==null?void 0:c.damping)??L.damping,doubleSpring:((e=t.spring)==null?void 0:e.doubleSpring)??L.doubleSpring},r=t.timeout??300;let p=null,a=null,o=null,d=null;return{in:async(i,{scrollOffset:y})=>{const h=i;return!await new Promise(l=>{p?l(!0):(a=l,setTimeout(()=>{a=null,l(!1)},r))})||!p?(d==null||d(),d=null,p=null,{spring:n,css:()=>({})}):(o=Xt(p,h,y),d==null||d(),d=null,o?(p=null,{spring:n,css:l=>o!=null&&o.inAnimation?o.inAnimation(l):{}}):(p=null,{spring:n,css:()=>({})}))},out:async(i,y)=>{const h=new Promise(g=>{d=g});return{spring:n,prepare:g=>{o!=null&&o.isEnterMode?m(g):(m(g,y),g.style.zIndex="-1")},wait:async()=>{p=i,a&&(a(!0),a=null),await h},css:g=>o!=null&&o.outAnimation?o.outAnimation(g):{}}}}};function Ht(t){const n=x(document.body,t.positionedParent);return{top:t.scroll.y,left:0,width:n.width,height:window.innerHeight-n.top}}const Mt=(t={})=>{var o,d;const n={stiffness:((o=t.spring)==null?void 0:o.stiffness)??50,damping:((d=t.spring)==null?void 0:d.damping)??30},r=t.initialRotation??45,p=t.initialScale??.01,a=t.rotationTriggerPoint??.8;return{out:async(s,c)=>{const e=s.style.opacity;return{spring:{stiffness:80,damping:25},from:1,to:0,prepare:()=>{m(s,c),s.style.opacity="1"},tick:i=>{s.style.opacity=String(i)},onEnd:()=>{s.style.opacity=e}}},in:async(s,c)=>{const e=Ht(c),i=s.style.transform,y=s.style.transformOrigin,h=s.style.position,g=s.style.zIndex;return{spring:n,from:0,to:1,prepare:()=>{const l=Math.min(e.width,e.height)*.4;s.style.setProperty("--max-border-radius",`${l}px`),s.style.setProperty("--border-radius-scale","1"),s.style.willChange="transform",s.style.backfaceVisibility="hidden";const u=e.left+e.width/2,b=e.top+e.height/2;s.style.transformOrigin=`${u}px ${b}px`,s.style.position="fixed",s.style.top=`${e.top}px`,s.style.left=`${e.left}px`,s.style.width=`${e.width}px`,s.style.height=`${e.height}px`,s.style.zIndex="1000",s.style.overflow="hidden",s.style.transform=`rotate(${r}deg) scale(${p}) translateZ(0)`,s.style.borderRadius="calc(var(--max-border-radius) * var(--border-radius-scale))",s.style.opacity="1"},tick:l=>{let u;if(l<=.05)u=p;else if(l<=a){const w=(l-.05)/(a-.05),E=Math.pow(w,9);u=p+(.8-p)*E}else{const w=(l-a)/(1-a);u=.8+.2*(1-Math.pow(1-w,3))}let b;const f=.7;if(l<=f)b=r;else{const w=(l-f)/(1-f),E=1-Math.pow(1-w,2);b=r*(1-E)}let $;if(l<=f)$=1;else{const w=(l-f)/(1-f);$=1-Math.pow(w,.5)}s.style.transform=`rotate(${b.toFixed(2)}deg) scale(${u.toFixed(4)}) translateZ(0)`,s.style.setProperty("--border-radius-scale",$.toFixed(4))},onEnd:()=>{s.style.willChange="",s.style.backfaceVisibility="",s.style.removeProperty("--max-border-radius"),s.style.removeProperty("--border-radius-scale"),s.style.transform=i,s.style.transformOrigin=y,s.style.position=h,s.style.zIndex=g,s.style.top="",s.style.left="",s.style.width="",s.style.height="",s.style.overflow="",s.style.borderRadius=""}}}}},v={stiffness:140,damping:19,doubleSpring:.7};function Nt({detailRect:t,galleryRect:n,pageRect:r,scrollOffset:p}){const a=n.left-t.left+(n.width-t.width)/2-p.x,o=n.top-t.top+(n.height-t.height)/2-p.y,d=n.width/t.width,s=n.height/t.height,c=Math.max(d,s),e=t.top/r.height*100,i=(r.width-(t.left+t.width))/r.width*100,y=(r.height-(t.top+t.height))/r.height*100,h=t.left/r.width*100;return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:l=>{const u=1-l;return{clipPath:`inset(${e*u}% ${i*u}% ${y*u}% ${h*u}%)`,transform:`translate(${a*u}px, ${o*u}px) scale(${1+(c-1)*u})`}}}}function Wt({galleryRect:t,detailRect:n,scrollOffset:r}){const p=n.left-t.left+(n.width-t.width)/2+r.x,a=n.top-t.top+(n.height-t.height)/2+r.y,o=n.width/t.width,d=n.height/t.height,s=Math.max(o,d);return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:e=>{const i=1-e;return{transform:`translate(${p*i-r.x}px, ${a*i-r.y}px) scale(${1+(s-1)*i})`,opacity:`${1-i}`}}}}function Gt({galleryRect:t,detailRect:n,scrollOffset:r}){const p=n.left-t.left+(n.width-t.width)/2-r.x,a=n.top-t.top+(n.height-t.height)/2-r.y,o=n.width/t.width,d=n.height/t.height,s=Math.max(o,d);return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:e=>{const i=1-e,y=e;return{transform:`translate(${p*i}px, ${a*i}px) scale(${1+(s-1)*i})`,opacity:`${y}`}}}}function Bt({detailRect:t,galleryRect:n,pageRect:r,scrollOffset:p}){const a=n.left-t.left+(n.width-t.width)/2+p.x,o=n.top-t.top+(n.height-t.height)/2+p.y,d=n.width/t.width,s=n.height/t.height,c=Math.min(d,s),e=t.top/r.height*100,i=(r.width-(t.left+t.width))/r.width*100,y=(r.height-(t.top+t.height))/r.height*100,h=t.left/r.width*100;return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:l=>{const u=1-l;return{clipPath:`inset(${e*u}% ${i*u}% ${y*u}% ${h*u}%)`,transform:`translate(${a*u-p.x}px, ${o*u-p.y}px) scale(${1+(c-1)*u})`}}}}function qt(t,n,r){const p=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 o=null,d=null,s=!1;if(!p&&a){d=a;const i=d.getAttribute("data-pinterest-detail-key");if(!i)return null;o=t.querySelector(`[data-pinterest-gallery-key="${i}"]`),o&&(s=!0)}else if(p&&!a){d=p;const i=d.getAttribute("data-pinterest-detail-key");if(!i)return null;o=n.querySelector(`[data-pinterest-gallery-key="${i}"]`),o&&(s=!1)}if(!o||!d)return null;const c=x(s?t:n,o),e=x(s?n:t,d);if(s){const i=Nt({detailRect:e,galleryRect:c,pageRect:n.getBoundingClientRect(),scrollOffset:r}),y=Wt({galleryRect:c,detailRect:e,scrollOffset:r});return n.style.transformOrigin=i.transformOrigin,t.style.transformOrigin=y.transformOrigin,{inAnimation:i.animate,outAnimation:y.animate}}else{const i=Gt({galleryRect:c,detailRect:e,scrollOffset:r}),y=Bt({detailRect:e,galleryRect:c,pageRect:t.getBoundingClientRect(),scrollOffset:r});return n.style.transformOrigin=i.transformOrigin,t.style.transformOrigin=y.transformOrigin,{inAnimation:i.animate,outAnimation:y.animate}}}const jt=(t={})=>{var s,c,e;const n={stiffness:((s=t.spring)==null?void 0:s.stiffness)??v.stiffness,damping:((c=t.spring)==null?void 0:c.damping)??v.damping,doubleSpring:((e=t.spring)==null?void 0:e.doubleSpring)??v.doubleSpring},r=t.timeout??300;let p=null,a=null,o=null,d=null;return{in:async(i,{scrollOffset:y})=>{const h=i;return!await new Promise(l=>{p?l(!0):(a=l,setTimeout(()=>{a=null,l(!1)},r))})||!p?(d==null||d(),d=null,p=null,{spring:n,css:()=>({})}):(o=qt(p,h,y),d==null||d(),d=null,o?(p=null,{spring:n,css:l=>o?o.inAnimation(l):{}}):(p=null,{spring:n,css:()=>({})}))},out:async i=>{const y=new Promise(h=>{d=h});return{spring:n,prepare:h=>{m(h),h.style.zIndex="-1"},wait:async()=>{p=i,a&&(a(!0),a=null),await y},css:h=>o?o.outAnimation(h):{}}}}},X={stiffness:100,damping:30},Zt=()=>({in:t=>({spring:X,prepare:()=>{t.style.opacity="0",t.style.transform="rotate(-180deg)",t.style.transformOrigin="center center",t.style.willChange="transform, opacity"},css:n=>({transform:`rotate(${(n-1)*180}deg)`,opacity:n>.5?1:0}),onEnd:()=>{t.style.willChange="auto",t.style.transform="",t.style.transformOrigin="",t.style.opacity=""}}),out:(t,n)=>({spring:X,prepare:()=>{m(t,n),t.style.transformOrigin="center center",t.style.willChange="transform, opacity"},css:r=>({transform:`rotate(${(1-r)*180}deg)`,opacity:r>.5?1:0}),onEnd:()=>{t.style.willChange="auto"}})}),z={stiffness:5,damping:4},Jt=(t={})=>{var c,e;const n=t.direction??"up",r={stiffness:((c=t.spring)==null?void 0:c.stiffness)??z.stiffness,damping:((e=t.spring)==null?void 0:e.damping)??z.damping},p=n==="up";let a=null,o=null,d=null;const s=()=>{if(a===null||o===null)return null;const i=Math.min(a,o),y=window.innerHeight;return Math.max(i,y)};return{in:i=>(o=i.offsetHeight,a!==null&&(d=s()),{spring:r,prepare:()=>{i.style.willChange="transform",i.style.backfaceVisibility="hidden",i.style.contain="layout paint"},tick:y=>{d===null&&(d=s());const h=d??window.innerHeight,g=p?(1-y)*h:(1-y)*-h;i.style.transform=`translate3d(0, ${g}px, 0)`},onEnd:()=>{i.style.willChange="auto",i.style.backfaceVisibility="",i.style.contain=""}}),out:(i,y)=>({spring:r,onStart:()=>{a=i.offsetHeight,o!==null&&(d=s())},tick:h=>{d===null&&(d=s());const g=d??window.innerHeight,l=p?(1-h)*-g:(1-h)*g;i.style.transform=`translate3d(0, ${l}px, 0)`},prepare:h=>{m(h,y),h.style.zIndex=p?"-1":"1",h.style.willChange="transform",h.style.backfaceVisibility="hidden",h.style.contain="layout paint",h.style.pointerEvents="none"}})}},Kt={stiffness:140,damping:15,doubleSpring:.5},Qt={stiffness:145,damping:15,doubleSpring:.5};function T(t){const n=x(document.body,t.positionedParent),r=t.scroll.y,p=window.innerHeight-n.top;return{top:r,left:0,width:n.width,height:p}}const Rt=(t={})=>{var a,o,d;const{direction:n="enter"}=t,r=n==="enter"?Kt:Qt,p={stiffness:((a=t.spring)==null?void 0:a.stiffness)??r.stiffness,damping:((o=t.spring)==null?void 0:o.damping)??r.damping,doubleSpring:((d=t.spring)==null?void 0:d.doubleSpring)??r.doubleSpring};return n==="enter"?{in:(s,c)=>{const i=T(c).height;return{spring:p,prepare:()=>{s.style.willChange="transform",s.style.backfaceVisibility="hidden",s.style.contain="layout paint"},css:y=>({transform:`translate3d(0, ${(1-y)*i}px, 0)`}),onEnd:()=>{s.style.willChange="auto",s.style.backfaceVisibility="",s.style.contain=""}}},out:(s,c)=>{const e=T(c),i=e.left+e.width/2,y=e.top+e.height/2+c.scrollOffset.y;return{spring:p,prepare:h=>{m(h,c),h.style.zIndex="-1",h.style.willChange="transform, opacity",h.style.backfaceVisibility="hidden",h.style.contain="layout paint",h.style.pointerEvents="none",h.style.transformOrigin=`${i}px ${y}px`},css:h=>({transform:`scale(${.8+h*.2})`,opacity:h})}}}:{in:(s,c)=>{const e=T(c),i=e.left+e.width/2,y=e.top+e.height/2;return{spring:p,prepare:()=>{s.style.willChange="transform, opacity",s.style.backfaceVisibility="hidden",s.style.contain="layout paint",s.style.transformOrigin=`${i}px ${y}px`},css:h=>({transform:`scale(${.8+h*.2})`,opacity:h}),onEnd:()=>{s.style.willChange="auto",s.style.backfaceVisibility="",s.style.contain="",s.style.transformOrigin=""}}},out:(s,c)=>{const i=T(c).height;return{spring:p,prepare:y=>{m(y,c),y.style.zIndex="100",y.style.willChange="transform",y.style.backfaceVisibility="hidden",y.style.contain="layout paint",y.style.pointerEvents="none"},css:y=>({transform:`translate3d(0, ${(1-y)*i}px, 0)`})}}}},I={stiffness:140,damping:19,doubleSpring:.8},tn=(t={})=>{var a,o,d;const n=t.direction??"left",r={stiffness:((a=t.spring)==null?void 0:a.stiffness)??I.stiffness,damping:((o=t.spring)==null?void 0:o.damping)??I.damping,doubleSpring:((d=t.spring)==null?void 0:d.doubleSpring)??I.doubleSpring},p=n==="left";return{in:s=>({spring:r,prepare:()=>{s.style.willChange="transform",s.style.backfaceVisibility="hidden",s.style.contain="layout paint"},css:c=>({transform:`translate3d(${p?(1-c)*100:(1-c)*-100}%, 0, 0)`}),onEnd:()=>{s.style.willChange="auto",s.style.backfaceVisibility="",s.style.contain=""}}),out:(s,c)=>({spring:r,css:e=>({transform:`translate3d(${p?(1-e)*-100:(1-e)*100}%, 0, 0)`}),prepare:e=>{m(e,c),e.style.willChange="transform",e.style.backfaceVisibility="hidden",e.style.contain="layout paint",e.style.pointerEvents="none"}})}},H={stiffness:17,damping:6},_=20,O=800,nn=()=>{let t,n=null;return{in:r=>({spring:H,prepare:()=>{r.style.willChange="transform",r.style.backfaceVisibility="hidden",r.style.contain="layout paint",r.style.transform=`perspective(${O}px) rotateY(${_}deg) translate3d(-100%, 0, 0)`},wait:async()=>{t&&await t},css:p=>{const a=(1-p)*_,o=-(1-p)*100;return{transform:`perspective(${O}px) rotateY(${a}deg) translate3d(${o}%, 0, 0)`}},onEnd:()=>{r.style.transform="",r.style.willChange="auto",r.style.backfaceVisibility="",r.style.contain=""}}),out:(r,p)=>(t=new Promise(a=>{n=a}),{spring:H,prepare:a=>{m(a,p),a.style.willChange="transform",a.style.backfaceVisibility="hidden",a.style.contain="layout paint",a.style.pointerEvents="none",a.style.transform=`perspective(${O}px) rotateY(0deg) translate3d(0%, 0, 0)`},css:a=>{const o=1-a,d=o*_,s=o*100;return{transform:`perspective(${O}px) rotateY(${-d}deg) translate3d(${s}%, 0, 0)`}},onEnd:()=>{n&&n(),r.style.transform=""}})}},D={stiffness:300,damping:22,doubleSpring:.5},M=.05;function sn(t){const n=x(document.body,t.positionedParent),r=t.scroll.y,p=window.innerHeight-n.top;return{top:r,left:0,width:n.width,height:p}}const en=(t={})=>{var a,o,d;const n={stiffness:((a=t.spring)==null?void 0:a.stiffness)??D.stiffness,damping:((o=t.spring)==null?void 0:o.damping)??D.damping,doubleSpring:((d=t.spring)==null?void 0:d.doubleSpring)??D.doubleSpring};let{promise:r,resolve:p}=S();return{in:(s,c)=>{const e=sn(c),i=e.left+e.width/2,y=e.top+e.height/2;return{spring:n,prepare:()=>{s.style.opacity="0",s.style.willChange="transform, opacity",s.style.backfaceVisibility="hidden",s.style.contain="layout paint",s.style.transformOrigin=`${i}px ${y}px`},wait:async()=>{if(r){await r;const h=S();r=h.promise,p=h.resolve}},css:h=>({transform:`scale(${1-M+h*M})`,opacity:h}),onEnd:()=>{s.style.opacity="1",s.style.willChange="auto",s.style.backfaceVisibility="",s.style.contain="",s.style.transformOrigin=""}}},out:(s,c)=>({spring:n,prepare:e=>{m(e,c),e.style.willChange="opacity",e.style.backfaceVisibility="hidden",e.style.contain="layout paint",e.style.pointerEvents="none"},css:e=>({opacity:e}),onEnd:()=>{p&&p()}})}};exports.blind=et;exports.curtainReveal=wt;exports.depth=mt;exports.drill=St;exports.fade=kt;exports.film=vt;exports.hero=Yt;exports.instagram=zt;exports.jaemin=Mt;exports.pinterest=jt;exports.rotate=Zt;exports.scroll=Jt;exports.sheet=Rt;exports.slide=tn;exports.strip=nn;exports.swap=en;
|
|
@@ -1,14 +1,17 @@
|
|
|
1
1
|
export * from './blind';
|
|
2
|
+
export * from './curtain-reveal';
|
|
3
|
+
export * from './depth';
|
|
2
4
|
export * from './drill';
|
|
3
5
|
export * from './fade';
|
|
4
6
|
export * from './film';
|
|
5
7
|
export * from './hero';
|
|
6
8
|
export * from './instagram';
|
|
7
|
-
export
|
|
9
|
+
export * from './jaemin';
|
|
8
10
|
export * from './pinterest';
|
|
9
11
|
export * from './rotate';
|
|
10
12
|
export * from './scroll';
|
|
13
|
+
export * from './sheet';
|
|
11
14
|
export * from './slide';
|
|
12
15
|
export * from './strip';
|
|
13
|
-
export * from './
|
|
16
|
+
export * from './swap';
|
|
14
17
|
//# 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,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC"}
|