@ssgoi/core 3.2.0 → 3.2.1
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/utils/index.d.ts +1 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/with-resolvers.d.ts +7 -0
- package/dist/utils/with-resolvers.d.ts.map +1 -0
- package/dist/view-transitions/fade.d.ts.map +1 -1
- package/dist/view-transitions/index.cjs +11 -11
- package/dist/view-transitions/index.js +346 -337
- package/dist/view-transitions/instagram.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/utils/index.d.ts
CHANGED
|
@@ -5,4 +5,5 @@ export { parseCallerLocation } from './parse-caller-location';
|
|
|
5
5
|
export { sleep } from './sleep';
|
|
6
6
|
export { getRect } from './get-rect';
|
|
7
7
|
export { round, floor, ceil, toFixed } from './number';
|
|
8
|
+
export { withResolvers } from './with-resolvers';
|
|
8
9
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"with-resolvers.d.ts","sourceRoot":"","sources":["../../src/lib/utils/with-resolvers.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,CAAC,CAAC,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CASrD;AAED,MAAM,WAAW,QAAQ,CAAC,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IACpB,OAAO,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC7C,MAAM,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC"}
|
|
@@ -1 +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;AAQ3E,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,
|
|
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;AAQ3E,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,eAyDhD,CAAC"}
|
|
@@ -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=require("../jaemin-BG8HRXG1.cjs"),P=t=>new Promise(n=>setTimeout(n,t));function L(){let t,n;return{promise:new Promise((d,r)=>{t=d,n=r}),resolve:t,reject:n}}const B={stiffness:80,damping:25},H={stiffness:75,damping:25},q=300,N=10,G="horizontal",j="#000000",K=(t={})=>{const{inSpring:n=H,outSpring:s=B,transitionDelay:d=q,blindCount:r=N,direction:a=G,blindColor:l=j}=t;let i,c=null;const o=(e,h,y="left")=>{window.getComputedStyle(e).position==="static"&&(e.style.position="relative");const g=document.createElement("div");g.className="blind-container",g.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
|
|
10
|
+
`;const u=[];for(let w=0;w<r;w++){const f=document.createElement("div");if(a==="horizontal"){const x=100/r,$=`calc(${x}% + 1px)`;f.style.cssText=`
|
|
11
11
|
position: absolute;
|
|
12
12
|
top: ${x*w}%;
|
|
13
13
|
left: 0;
|
|
14
14
|
width: 100%;
|
|
15
|
-
height: ${
|
|
15
|
+
height: ${$};
|
|
16
16
|
background: ${l};
|
|
17
|
-
transform: scaleX(${
|
|
18
|
-
transform-origin: ${
|
|
17
|
+
transform: scaleX(${h==="hidden"?0:1});
|
|
18
|
+
transform-origin: ${y} center;
|
|
19
19
|
will-change: transform;
|
|
20
|
-
`}else{const x=100/r
|
|
20
|
+
`}else{const x=100/r,$=`calc(${x}% + 1px)`;f.style.cssText=`
|
|
21
21
|
position: absolute;
|
|
22
22
|
top: 0;
|
|
23
23
|
left: ${x*w}%;
|
|
24
|
-
width: ${
|
|
24
|
+
width: ${$};
|
|
25
25
|
height: 100%;
|
|
26
26
|
background: ${l};
|
|
27
|
-
transform: scaleY(${
|
|
28
|
-
transform-origin: ${
|
|
27
|
+
transform: scaleY(${h==="hidden"?0:1});
|
|
28
|
+
transform-origin: ${y==="left"?"top":"bottom"} center;
|
|
29
29
|
will-change: transform;
|
|
30
|
-
`}
|
|
30
|
+
`}u.push(f),g.appendChild(f)}return e.appendChild(g),{container:g,blinds:u}};return{out:()=>{let e=null;i=new Promise(p=>{c=p});const h=p=>{const g=1-p;return{transform:a==="horizontal"?`scaleX(${g})`:`scaleY(${g})`}};return{springs:Array.from({length:r},(p,g)=>({spring:s,offset:.2,css:{get element(){return e==null?void 0:e.blinds[g]},style:h}})),schedule:"stagger",prepare:p=>{m.prepareOutgoing(p),p.style.zIndex="1000",e=o(p,"hidden","left")},onStart:()=>{},onEnd:()=>{c&&c()}}},in:()=>{let e=null;const h=p=>{const g=1-p;return{transform:a==="horizontal"?`scaleX(${g})`:`scaleY(${g})`}};return{springs:Array.from({length:r},(p,g)=>({spring:n,offset:.2,css:{get element(){return e==null?void 0:e.blinds[g]},style:h}})),schedule:"stagger",prepare:p=>{p.style.position="relative",p.style.zIndex="0",e=o(p,"closed","right")},onStart:()=>{},wait:async()=>{i&&await i,await P(d)},onEnd:()=>{e&&e.container&&e.container.remove()}}}}},Z={stiffness:150,damping:20},J={stiffness:100,damping:20},Q=(t={})=>{var a,l;const{opacity:n=!1,direction:s="enter"}=t,d=s==="enter"?Z:J,r={stiffness:((a=t.spring)==null?void 0:a.stiffness)??d.stiffness,damping:((l=t.spring)==null?void 0:l.damping)??d.damping};return s==="enter"?{in:i=>({spring:r,prepare:()=>{i.style.willChange=n?"transform, opacity":"transform",i.style.backfaceVisibility="hidden",i.style.contain="layout paint"},css:c=>{const o={transform:`translate3d(${(1-c)*100}%, 0, 0)`};return n&&(o.opacity=c),o},onEnd:()=>{i.style.willChange="auto",i.style.backfaceVisibility="",i.style.contain=""}}),out:(i,c)=>({spring:r,prepare:o=>{m.prepareOutgoing(o,c),o.style.zIndex="-1",o.style.willChange=n?"transform, opacity":"transform",o.style.backfaceVisibility="hidden",o.style.contain="layout paint",o.style.pointerEvents="none"},css:o=>{const e={transform:`translate3d(${-(1-o)*20}%, 0, 0)`};return n&&(e.opacity=o),e}})}:{in:i=>({spring:r,prepare:()=>{i.style.willChange=n?"transform, opacity":"transform",i.style.backfaceVisibility="hidden",i.style.contain="layout paint"},css:c=>{const o={transform:`translate3d(${-(1-c)*20}%, 0, 0)`};return n&&(o.opacity=c),o},onEnd:()=>{i.style.willChange="auto",i.style.backfaceVisibility="",i.style.contain=""}}),out:(i,c)=>({spring:r,prepare:o=>{m.prepareOutgoing(o,c),o.style.zIndex="100",o.style.willChange=n?"transform, opacity":"transform",o.style.backfaceVisibility="hidden",o.style.contain="layout paint",o.style.pointerEvents="none"},css:o=>{const e={transform:`translate3d(${(1-o)*100}%, 0, 0)`};return n&&(e.opacity=o),e}})}},R={stiffness:120,damping:15},tt={stiffness:100,damping:20},nt=0,et=(t={})=>{const{inSpring:n=tt,outSpring:s=R,transitionDelay:d=nt}=t;let{promise:r,resolve:a}=L();return{in:l=>({spring:n,prepare:()=>{l.style.opacity="0",l.style.willChange="opacity"},wait:async()=>{if(r){await r;const i=L();r=i.promise,a=i.resolve,await P(d)}},css:i=>({opacity:i}),onEnd:()=>{l.style.willChange="auto",l.style.opacity="1"}}),out:(l,i)=>({spring:s,css:c=>({opacity:c}),prepare:()=>{m.prepareOutgoing(l,i),l.style.willChange="opacity"},onEnd:()=>{a&&a(),l.style.willChange="auto"}})}},it={scaleDown:{stiffness:20,damping:7},translate:{stiffness:15,damping:7},scaleUp:{stiffness:20,damping:7}},b={scaleDown:0,translate:.2,scaleUp:.8},st=.8,at="white",rt=t=>{var r;const n=it,s=st,d=((r=t==null?void 0:t.border)==null?void 0:r.color)??at;return{out:async(a,l)=>{const i=T(l),c=m.getRect(document.body,l.positionedParent),o=ot(d,{...i,top:c.top}),e={scale:1,translateY:-i.top},h=()=>{a.style.transform=`translateY(${e.translateY}px) scale(${e.scale})`;const y=(i.width-i.width*e.scale)/2,p=(i.height-i.height*e.scale)/2;lt(o,y,p)};return{springs:[{spring:n.scaleDown,offset:b.scaleDown,tick:y=>{const p=1-y;e.scale=1-(1-s)*p,h()}},{spring:n.translate,offset:b.translate,tick:y=>{const p=1-y;e.translateY=-i.top-i.height*p,h()}},{spring:n.scaleUp,offset:b.scaleUp,tick:y=>{const p=1-y;e.scale=s+(1-s)*p,h()}}],schedule:"stagger",prepare:()=>{m.prepareOutgoing(a),k(a,i),O(a,i),ct(a,i);for(const y of o)l.positionedParent.appendChild(y)},onEnd:()=>{a.style.clipPath="",a.style.transformOrigin="",setTimeout(()=>{for(const y of o)l.positionedParent.removeChild(y)},1e3)}}},in:async(a,l)=>{const i=T(l),c={scale:s,translateY:-i.top+i.height},o=()=>{a.style.transform=`translateY(${c.translateY}px) scale(${c.scale})`};return{springs:[{spring:n.scaleDown,offset:b.scaleDown,tick:e=>{c.scale=1-(1-s)*e,o()}},{spring:n.translate,offset:b.translate,tick:e=>{c.translateY=-i.top+i.height*(1-e),o()}},{spring:n.scaleUp,offset:b.scaleUp,tick:e=>{c.scale=s+(1-s)*e,o()}}],schedule:"stagger",prepare:()=>{k(a,i),O(a,i),a.style.transform=`translateY(${-i.top+i.height}px) scale(${s})`},onEnd:()=>{a.style.clipPath="",a.style.transformOrigin="",a.style.transform=""}}}}};function lt(t,n,s){const d=n*.7,r=s*.7;t.topLeft.style.transform=`translate(${d}px, ${r}px)`,t.topRight.style.transform=`translate(${-d}px, ${r}px)`,t.bottomLeft.style.transform=`translate(${d}px, ${-r}px)`,t.bottomRight.style.transform=`translate(${-d}px, ${-r}px)`}function ot(t="white",n){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-1}px`,r.style.width="15px",r.style.height="15px";const a=document.createElement("div");a.style.position="absolute",a.style.width="15px",a.style.height="1px",a.style.backgroundColor=t,a.style.top="0",a.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",r.appendChild(a),r.appendChild(l);const i=document.createElement("div");i.style.position="fixed",i.style.pointerEvents="none",i.style.zIndex="9999",i.style.top=`${n.top-1}px`,i.style.left=`${n.left+n.width-15+1}px`,i.style.width="15px",i.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 o=document.createElement("div");o.style.position="absolute",o.style.width="1px",o.style.height="15px",o.style.backgroundColor=t,o.style.top="0",o.style.right="0",i.appendChild(c),i.appendChild(o);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 h=document.createElement("div");h.style.position="absolute",h.style.width="15px",h.style.height="1px",h.style.backgroundColor=t,h.style.bottom="0",h.style.left="0";const y=document.createElement("div");y.style.position="absolute",y.style.width="1px",y.style.height="15px",y.style.backgroundColor=t,y.style.bottom="0",y.style.left="0",e.appendChild(h),e.appendChild(y);const p=document.createElement("div");p.style.position="fixed",p.style.pointerEvents="none",p.style.zIndex="9999",p.style.top=`${n.top+n.height-15+1}px`,p.style.left=`${n.left+n.width-15+1}px`,p.style.width="15px",p.style.height="15px";const g=document.createElement("div");g.style.position="absolute",g.style.width="15px",g.style.height="1px",g.style.backgroundColor=t,g.style.bottom="0",g.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",p.appendChild(g),p.appendChild(u),{topLeft:r,topRight:i,bottomLeft:e,bottomRight:p,*[Symbol.iterator](){yield r,yield i,yield e,yield p}}}function T(t){const n=m.getRect(document.body,t.positionedParent);return{top:t.scroll.y,left:0,width:n.width,height:window.innerHeight-n.top}}function k(t,n){const s=n.left+n.width/2,d=n.top+n.height/2;t.style.transformOrigin=`${s}px ${d}px`}function O(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 ot(t,n){t.style.transform=`translateY(${-n.top}px)`}function ct(t,n){return t.querySelector(`[data-hero-key="${n}"]`)}const dt=(t={})=>{var l,i;const n={stiffness:((l=t.spring)==null?void 0:l.stiffness)??300,damping:((i=t.spring)==null?void 0:i.damping)??30},a=t.timeout??300,d=t.maxDistance??700;let r=null,s=null;return{in:async(c,o)=>{const e=c,p=Array.from(e.querySelectorAll("[data-hero-key]"));if(p.length===0)return{spring:n,tick:()=>{}};if(!await new Promise(y=>{r?y(!0):(s=y,setTimeout(()=>{s=null,y(!1)},a))})||!r)return r=null,{spring:n,tick:()=>{}};const h=p.map(y=>{const g=y.getAttribute("data-hero-key");if(!g)return null;const w=ct(r,g);if(!w)return null;const f=y,x=$.getRect(r,w),m=$.getRect(e,f),P=x.left-m.left-o.scrollOffset.x,v=x.top-m.top-o.scrollOffset.y,F=x.width/m.width,Y=x.height/m.height,U=f.style.transform,V=f.style.position,W=f.style.transformOrigin,z=f.style.zIndex,X=f.style.willChange;return{toEl:f,dx:P,dy:v,dw:F,dh:Y,originalTransform:U,originalPosition:V,originalTransformOrigin:W,originalZIndex:z,originalWillChange:X}}).filter(y=>y!==null&&Math.abs(y.dy)<=d);return r=null,h.length===0?{spring:n,tick:()=>{}}:{springs:h.map(({toEl:y,dx:g,dy:w,dw:f,dh:x})=>({spring:n,tick:m=>{y.style.transform=`translate(${(1-m)*g}px, ${(1-m)*w}px) scale(${m+(1-m)*f}, ${m+(1-m)*x})`}})),schedule:"parallel",prepare:()=>{h.forEach(({toEl:y})=>{y.style.position="relative",y.style.transformOrigin="top left",y.style.zIndex="1000",y.style.willChange="transform"})},onEnd:()=>{h.forEach(({toEl:y,originalTransform:g,originalPosition:w,originalTransformOrigin:f,originalZIndex:x,originalWillChange:m})=>{y.style.transform=g,y.style.position=w,y.style.transformOrigin=f,y.style.zIndex=x,y.style.willChange=m})}}},out:async c=>({spring:n,onStart:()=>{r=c,s&&(s(!0),s=null)},tick:()=>{},prepare:o=>{$.prepareOutgoing(o),o.style.opacity="0"}})}};function pt({detailRect:t,galleryRect:n,pageRect:a,scrollOffset:d}){const r=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,i=n.height/t.height,c=Math.max(l,i),o=t.top/a.height*100,e=(a.width-(t.left+t.width))/a.width*100,p=(a.height-(t.top+t.height))/a.height*100,u=t.left/a.width*100;return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:y=>{const g=1-y;return{clipPath:`inset(${o*g}% ${e*g}% ${p*g}% ${u*g}%)`,transform:`translate(${r*g}px, ${s*g}px) scale(${1+(c-1)*g})`}}}}function ht({detailRect:t,galleryRect:n,pageRect:a,scrollOffset:d}){const r=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,i=n.height/t.height,c=Math.min(l,i),o=t.top/a.height*100,e=(a.width-(t.left+t.width))/a.width*100,p=(a.height-(t.top+t.height))/a.height*100,u=t.left/a.width*100;return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:y=>{const g=1-y;return{clipPath:`inset(${o*g}% ${e*g}% ${p*g}% ${u*g}%)`,transform:`translate(${r*g-d.x}px, ${s*g-d.y}px) scale(${1+(c-1)*g})`}}}}function yt(t,n,a){const d=t.querySelector("[data-instagram-detail-key]"),r=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,i=!1;if(!d&&r){l=r;const e=l.getAttribute("data-instagram-detail-key");if(!e)return null;s=t.querySelector(`[data-instagram-gallery-key="${e}"]`),s&&(i=!0)}else if(d&&!r){l=d;const e=l.getAttribute("data-instagram-detail-key");if(!e)return null;s=n.querySelector(`[data-instagram-gallery-key="${e}"]`),s&&(i=!1)}if(!s||!l)return null;const c=$.getRect(i?t:n,s),o=$.getRect(i?n:t,l);if(i){const e=pt({detailRect:o,galleryRect:c,pageRect:n.getBoundingClientRect(),scrollOffset:a});return n.style.transformOrigin=e.transformOrigin,{isEnterMode:!0,inAnimation:e.animate}}else{const e=ht({detailRect:o,galleryRect:c,pageRect:t.getBoundingClientRect(),scrollOffset:a});return t.style.transformOrigin=e.transformOrigin,{isEnterMode:!1,outAnimation:e.animate}}}const gt=(t={})=>{var i,c;const n={stiffness:((i=t.spring)==null?void 0:i.stiffness)??150,damping:((c=t.spring)==null?void 0:c.damping)??20},a=t.timeout??300;let d=null,r=null,s=null,l=null;return{in:async(o,{scrollOffset:e})=>{const p=o;return!await new Promise(h=>{d?h(!0):(r=h,setTimeout(()=>{r=null,h(!1)},a))})||!d?(l==null||l(),l=null,d=null,{spring:n,css:()=>({})}):(s=yt(d,p,e),l==null||l(),l=null,s?(d=null,{spring:n,css:h=>s!=null&&s.inAnimation?s.inAnimation(h):{}}):(d=null,{spring:n,css:()=>({})}))},out:async o=>{const e=new Promise(p=>{l=p});return{spring:n,prepare:p=>{$.prepareOutgoing(p),s!=null&&s.isEnterMode||(p.style.zIndex="-1")},wait:async()=>{d=o,r&&(r(!0),r=null),await e},css:p=>s!=null&&s.outAnimation?s.outAnimation(p):{}}}}};function ut({detailRect:t,galleryRect:n,pageRect:a,scrollOffset:d}){const r=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,i=n.height/t.height,c=Math.max(l,i),o=t.top/a.height*100,e=(a.width-(t.left+t.width))/a.width*100,p=(a.height-(t.top+t.height))/a.height*100,u=t.left/a.width*100;return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:y=>{const g=1-y;return{clipPath:`inset(${o*g}% ${e*g}% ${p*g}% ${u*g}%)`,transform:`translate(${r*g}px, ${s*g}px) scale(${1+(c-1)*g})`}}}}function ft({galleryRect:t,detailRect:n,scrollOffset:a}){const d=n.left-t.left+(n.width-t.width)/2+a.x,r=n.top-t.top+(n.height-t.height)/2+a.y,s=n.width/t.width,l=n.height/t.height,i=Math.max(s,l);return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:o=>{const e=1-o;return{transform:`translate(${d*e-a.x}px, ${r*e-a.y}px) scale(${1+(i-1)*e})`,opacity:`${1-e}`}}}}function $t({galleryRect:t,detailRect:n,scrollOffset:a}){const d=n.left-t.left+(n.width-t.width)/2-a.x,r=n.top-t.top+(n.height-t.height)/2-a.y,s=n.width/t.width,l=n.height/t.height,i=Math.max(s,l);return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:o=>{const e=1-o,p=o;return{transform:`translate(${d*e}px, ${r*e}px) scale(${1+(i-1)*e})`,opacity:`${p}`}}}}function mt({detailRect:t,galleryRect:n,pageRect:a,scrollOffset:d}){const r=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,i=n.height/t.height,c=Math.min(l,i),o=t.top/a.height*100,e=(a.width-(t.left+t.width))/a.width*100,p=(a.height-(t.top+t.height))/a.height*100,u=t.left/a.width*100;return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:y=>{const g=1-y;return{clipPath:`inset(${o*g}% ${e*g}% ${p*g}% ${u*g}%)`,transform:`translate(${r*g-d.x}px, ${s*g-d.y}px) scale(${1+(c-1)*g})`}}}}function wt(t,n,a){const d=t.querySelector("[data-pinterest-detail-key]"),r=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,i=!1;if(!d&&r){l=r;const e=l.getAttribute("data-pinterest-detail-key");if(!e)return null;s=t.querySelector(`[data-pinterest-gallery-key="${e}"]`),s&&(i=!0)}else if(d&&!r){l=d;const e=l.getAttribute("data-pinterest-detail-key");if(!e)return null;s=n.querySelector(`[data-pinterest-gallery-key="${e}"]`),s&&(i=!1)}if(!s||!l)return null;const c=$.getRect(i?t:n,s),o=$.getRect(i?n:t,l);if(i){const e=ut({detailRect:o,galleryRect:c,pageRect:n.getBoundingClientRect(),scrollOffset:a}),p=ft({galleryRect:c,detailRect:o,scrollOffset:a});return n.style.transformOrigin=e.transformOrigin,t.style.transformOrigin=p.transformOrigin,{inAnimation:e.animate,outAnimation:p.animate}}else{const e=$t({galleryRect:c,detailRect:o,scrollOffset:a}),p=mt({detailRect:o,galleryRect:c,pageRect:t.getBoundingClientRect(),scrollOffset:a});return n.style.transformOrigin=e.transformOrigin,t.style.transformOrigin=p.transformOrigin,{inAnimation:e.animate,outAnimation:p.animate}}}const xt=(t={})=>{var i,c;const n={stiffness:((i=t.spring)==null?void 0:i.stiffness)??30,damping:((c=t.spring)==null?void 0:c.damping)??10},a=t.timeout??300;let d=null,r=null,s=null,l=null;return{in:async(o,{scrollOffset:e})=>{const p=o;return!await new Promise(h=>{d?h(!0):(r=h,setTimeout(()=>{r=null,h(!1)},a))})||!d?(l==null||l(),l=null,d=null,{spring:n,css:()=>({})}):(s=wt(d,p,e),l==null||l(),l=null,s?(d=null,{spring:n,css:h=>s?s.inAnimation(h):{}}):(d=null,{spring:n,css:()=>({})}))},out:async o=>{const e=new Promise(p=>{l=p});return{spring:n,prepare:p=>{$.prepareOutgoing(p),p.style.zIndex="-1"},wait:async()=>{d=o,r&&(r(!0),r=null),await e},css:p=>s?s.outAnimation(p):{}}}}},O={stiffness:5,damping:4},bt=(t={})=>{var c,o;const n=t.direction??"up",a={stiffness:((c=t.spring)==null?void 0:c.stiffness)??O.stiffness,damping:((o=t.spring)==null?void 0:o.damping)??O.damping},d=n==="up";let r=null,s=null,l=null;const i=()=>{if(r===null||s===null)return null;const e=Math.min(r,s),p=window.innerHeight;return Math.max(e,p)};return{in:e=>(s=e.offsetHeight,r!==null&&(l=i()),{spring:a,prepare:()=>{e.style.willChange="transform",e.style.backfaceVisibility="hidden",e.style.contain="layout paint"},tick:p=>{l===null&&(l=i());const u=l??window.innerHeight,h=d?(1-p)*u:(1-p)*-u;e.style.transform=`translate3d(0, ${h}px, 0)`},onEnd:()=>{e.style.willChange="auto",e.style.backfaceVisibility="",e.style.contain=""}}),out:(e,p)=>({spring:a,onStart:()=>{r=e.offsetHeight,s!==null&&(l=i())},tick:u=>{l===null&&(l=i());const h=l??window.innerHeight,y=d?(1-u)*-h:(1-u)*h;e.style.transform=`translate3d(0, ${y}px, 0)`},prepare:u=>{$.prepareOutgoing(u,p),u.style.zIndex=d?"-1":"1",u.style.willChange="transform",u.style.backfaceVisibility="hidden",u.style.contain="layout paint",u.style.pointerEvents="none"}})}},S={stiffness:15,damping:7},Et=(t={})=>{var r,s;const n=t.direction??"left",a={stiffness:((r=t.spring)==null?void 0:r.stiffness)??S.stiffness,damping:((s=t.spring)==null?void 0:s.damping)??S.damping},d=n==="left";return{in:l=>({spring:a,prepare:()=>{l.style.willChange="transform",l.style.backfaceVisibility="hidden",l.style.contain="layout paint"},css:i=>({transform:`translate3d(${d?(1-i)*100:(1-i)*-100}%, 0, 0)`}),onEnd:()=>{l.style.willChange="auto",l.style.backfaceVisibility="",l.style.contain=""}}),out:(l,i)=>({spring:a,css:c=>({transform:`translate3d(${d?(1-c)*-100:(1-c)*100}%, 0, 0)`}),prepare:c=>{$.prepareOutgoing(c,i),c.style.willChange="transform",c.style.backfaceVisibility="hidden",c.style.contain="layout paint",c.style.pointerEvents="none"}})}},_={stiffness:17,damping:6},A=20,E=800,Ct=()=>{let t,n=null;return{in:a=>({spring:_,prepare:()=>{a.style.willChange="transform",a.style.backfaceVisibility="hidden",a.style.contain="layout paint",a.style.transform=`perspective(${E}px) rotateY(${A}deg) translate3d(-100%, 0, 0)`},wait:async()=>{t&&await t},css:d=>{const r=(1-d)*A,s=-(1-d)*100;return{transform:`perspective(${E}px) rotateY(${r}deg) translate3d(${s}%, 0, 0)`}},onEnd:()=>{a.style.transform="",a.style.willChange="auto",a.style.backfaceVisibility="",a.style.contain=""}}),out:(a,d)=>(t=new Promise(r=>{n=r}),{spring:_,prepare:r=>{$.prepareOutgoing(r,d),r.style.willChange="transform",r.style.backfaceVisibility="hidden",r.style.contain="layout paint",r.style.pointerEvents="none",r.style.transform=`perspective(${E}px) rotateY(0deg) translate3d(0%, 0, 0)`},css:r=>{const s=1-r,l=s*A,i=s*100;return{transform:`perspective(${E}px) rotateY(${-l}deg) translate3d(${i}%, 0, 0)`}},onEnd:()=>{n&&n(),a.style.transform=""}})}},At={stiffness:1,damping:1},Lt={stiffness:20,damping:25},Tt="#000000",kt="circle",I="CURTAIN_REVEAL_OVERLAY_ID",Ot={position:"fixed",inset:"0",width:"100vw",height:"100%",zIndex:"9999",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden"},St={position:"relative",display:"inline-block",height:"5.5rem",overflow:"hidden"},_t={display:"flex",height:"100%",willChange:"transform",transition:"transform 0.3s ease"},It={display:"inline-flex",alignItems:"center",justifyContent:"center",whiteSpace:"nowrap",fontSize:"5.5rem",fontWeight:"900",letterSpacing:"0.02em",color:"#FFFFFF"},Dt=.4,C=.5,Pt=.2;function vt(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 a=n*100;return`polygon(50% ${50-a}%, ${50-a}% ${50+a}%, ${50+a}% ${50+a}%)`}}}const Ft=t=>t.reduce((n,a)=>n+a,0),Yt=(t={})=>{const{background:n=Tt,texts:a=[],shape:d=kt,inSpring:r=Lt,outSpring:s=At,textStyle:l={}}=t;return{out:(i,c)=>{const o=i.style.opacity;return{spring:s,from:1,to:0,prepare:e=>{$.prepareOutgoing(e,c),e.style.opacity="1"},tick:e=>{const p=Math.max(0,e-Dt);i.style.opacity=String(p)},onEnd:()=>{i.style.opacity=o}}},in:i=>{let c=null,o=null,e=null;const p=document.body.style.overflow,u=document.getElementById(I);let h=[];const y=()=>{c=document.createElement("div"),c.id=I,Object.assign(c.style,Ot,{background:n}),document.body.appendChild(c),o=document.createElement("div"),Object.assign(o.style,St),c.appendChild(o),e=document.createElement("div"),Object.assign(e.style,_t),o.appendChild(e),a.forEach(g=>{const w=document.createElement("div");w.textContent=g,Object.assign(w.style,It,l),e.appendChild(w)}),h=Array.from(e.children).map(g=>g.getBoundingClientRect().width)};return{spring:r,from:0,to:1,prepare:()=>{document.body.style.overflow="hidden",i.style.opacity="1",u==null||u.remove(),y(),c&&o&&(c.style.clipPath="none",o.style.transform="scale(1)")},tick:g=>{if(!(!c||!o||!e)){if(g<=C&&a.length>0){const w=g/C,f=Math.min(Math.floor(w*a.length),a.length-1),x=h[f]??0,m=Ft(h.slice(0,f));o.style.width=`${x}px`,e.style.transform=`translateX(-${m}px)`}if(g>C){const f=1-Math.max(0,Math.min(1,(g-C)/Pt));c.style.clipPath=vt(d,f),o.style.transform=`scale(${f})`}}},onEnd:()=>{c==null||c.remove(),c=o=e=null,document.body.style.overflow=p}}}}};exports.jaemin=$.jaemin;exports.blind=j;exports.curtainReveal=Yt;exports.drill=J;exports.fade=nt;exports.film=at;exports.hero=dt;exports.instagram=gt;exports.pinterest=xt;exports.scroll=bt;exports.slide=Et;exports.strip=Ct;
|
|
35
|
+
)`}function ct(t,n){t.style.transform=`translateY(${-n.top}px)`}function dt(t,n){return t.querySelector(`[data-hero-key="${n}"]`)}const pt=(t={})=>{var l,i;const n={stiffness:((l=t.spring)==null?void 0:l.stiffness)??300,damping:((i=t.spring)==null?void 0:i.damping)??30},s=t.timeout??300,d=t.maxDistance??700;let r=null,a=null;return{in:async(c,o)=>{const e=c,h=Array.from(e.querySelectorAll("[data-hero-key]"));if(h.length===0)return{spring:n,tick:()=>{}};if(!await new Promise(g=>{r?g(!0):(a=g,setTimeout(()=>{a=null,g(!1)},s))})||!r)return r=null,{spring:n,tick:()=>{}};const p=h.map(g=>{const u=g.getAttribute("data-hero-key");if(!u)return null;const w=dt(r,u);if(!w)return null;const f=g,x=m.getRect(r,w),$=m.getRect(e,f),v=x.left-$.left-o.scrollOffset.x,F=x.top-$.top-o.scrollOffset.y,Y=x.width/$.width,U=x.height/$.height,V=f.style.transform,W=f.style.position,z=f.style.transformOrigin,X=f.style.zIndex,M=f.style.willChange;return{toEl:f,dx:v,dy:F,dw:Y,dh:U,originalTransform:V,originalPosition:W,originalTransformOrigin:z,originalZIndex:X,originalWillChange:M}}).filter(g=>g!==null&&Math.abs(g.dy)<=d);return r=null,p.length===0?{spring:n,tick:()=>{}}:{springs:p.map(({toEl:g,dx:u,dy:w,dw:f,dh:x})=>({spring:n,tick:$=>{g.style.transform=`translate(${(1-$)*u}px, ${(1-$)*w}px) scale(${$+(1-$)*f}, ${$+(1-$)*x})`}})),schedule:"parallel",prepare:()=>{p.forEach(({toEl:g})=>{g.style.position="relative",g.style.transformOrigin="top left",g.style.zIndex="1000",g.style.willChange="transform"})},onEnd:()=>{p.forEach(({toEl:g,originalTransform:u,originalPosition:w,originalTransformOrigin:f,originalZIndex:x,originalWillChange:$})=>{g.style.transform=u,g.style.position=w,g.style.transformOrigin=f,g.style.zIndex=x,g.style.willChange=$})}}},out:async c=>({spring:n,onStart:()=>{r=c,a&&(a(!0),a=null)},tick:()=>{},prepare:o=>{m.prepareOutgoing(o),o.style.opacity="0"}})}};function ht({detailRect:t,galleryRect:n,pageRect:s,scrollOffset:d}){const r=n.left-t.left+(n.width-t.width)/2-d.x,a=n.top-t.top+(n.height-t.height)/2-d.y,l=n.width/t.width,i=n.height/t.height,c=Math.max(l,i),o=t.top/s.height*100,e=(s.width-(t.left+t.width))/s.width*100,h=(s.height-(t.top+t.height))/s.height*100,y=t.left/s.width*100;return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:g=>{const u=1-g;return{clipPath:`inset(${o*u}% ${e*u}% ${h*u}% ${y*u}%)`,transform:`translate(${r*u}px, ${a*u}px) scale(${1+(c-1)*u})`}}}}function yt({detailRect:t,galleryRect:n,pageRect:s,scrollOffset:d}){const r=n.left-t.left+(n.width-t.width)/2+d.x,a=n.top-t.top+(n.height-t.height)/2+d.y,l=n.width/t.width,i=n.height/t.height,c=Math.min(l,i),o=t.top/s.height*100,e=(s.width-(t.left+t.width))/s.width*100,h=(s.height-(t.top+t.height))/s.height*100,y=t.left/s.width*100;return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:g=>{const u=1-g;return{clipPath:`inset(${o*u}% ${e*u}% ${h*u}% ${y*u}%)`,transform:`translate(${r*u-d.x}px, ${a*u-d.y}px) scale(${1+(c-1)*u})`}}}}function gt(t,n,s){const d=t.querySelector("[data-instagram-detail-key]"),r=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 a=null,l=null,i=!1;if(!d&&r){l=r;const e=l.getAttribute("data-instagram-detail-key");if(!e)return null;a=t.querySelector(`[data-instagram-gallery-key="${e}"]`),a&&(i=!0)}else if(d&&!r){l=d;const e=l.getAttribute("data-instagram-detail-key");if(!e)return null;a=n.querySelector(`[data-instagram-gallery-key="${e}"]`),a&&(i=!1)}if(!a||!l)return null;const c=m.getRect(i?t:n,a),o=m.getRect(i?n:t,l);if(i){const e=ht({detailRect:o,galleryRect:c,pageRect:n.getBoundingClientRect(),scrollOffset:s});return n.style.transformOrigin=e.transformOrigin,{isEnterMode:!0,inAnimation:e.animate}}else{const e=yt({detailRect:o,galleryRect:c,pageRect:t.getBoundingClientRect(),scrollOffset:s});return t.style.transformOrigin=e.transformOrigin,{isEnterMode:!1,outAnimation:e.animate}}}const ut=(t={})=>{var i,c;const n={stiffness:((i=t.spring)==null?void 0:i.stiffness)??150,damping:((c=t.spring)==null?void 0:c.damping)??20},s=t.timeout??300;let d=null,r=null,a=null,l=null;return{in:async(o,{scrollOffset:e})=>{const h=o;return!await new Promise(p=>{d?p(!0):(r=p,setTimeout(()=>{r=null,p(!1)},s))})||!d?(l==null||l(),l=null,d=null,{spring:n,css:()=>({})}):(a=gt(d,h,e),l==null||l(),l=null,a?(d=null,{spring:n,css:p=>a!=null&&a.inAnimation?a.inAnimation(p):{}}):(d=null,{spring:n,css:()=>({})}))},out:async(o,e)=>{const h=new Promise(y=>{l=y});return{spring:n,prepare:y=>{a!=null&&a.isEnterMode?m.prepareOutgoing(y):(m.prepareOutgoing(y,e),y.style.zIndex="-1")},wait:async()=>{d=o,r&&(r(!0),r=null),await h},css:y=>a!=null&&a.outAnimation?a.outAnimation(y):{}}}}};function ft({detailRect:t,galleryRect:n,pageRect:s,scrollOffset:d}){const r=n.left-t.left+(n.width-t.width)/2-d.x,a=n.top-t.top+(n.height-t.height)/2-d.y,l=n.width/t.width,i=n.height/t.height,c=Math.max(l,i),o=t.top/s.height*100,e=(s.width-(t.left+t.width))/s.width*100,h=(s.height-(t.top+t.height))/s.height*100,y=t.left/s.width*100;return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:g=>{const u=1-g;return{clipPath:`inset(${o*u}% ${e*u}% ${h*u}% ${y*u}%)`,transform:`translate(${r*u}px, ${a*u}px) scale(${1+(c-1)*u})`}}}}function mt({galleryRect:t,detailRect:n,scrollOffset:s}){const d=n.left-t.left+(n.width-t.width)/2+s.x,r=n.top-t.top+(n.height-t.height)/2+s.y,a=n.width/t.width,l=n.height/t.height,i=Math.max(a,l);return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:o=>{const e=1-o;return{transform:`translate(${d*e-s.x}px, ${r*e-s.y}px) scale(${1+(i-1)*e})`,opacity:`${1-e}`}}}}function $t({galleryRect:t,detailRect:n,scrollOffset:s}){const d=n.left-t.left+(n.width-t.width)/2-s.x,r=n.top-t.top+(n.height-t.height)/2-s.y,a=n.width/t.width,l=n.height/t.height,i=Math.max(a,l);return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:o=>{const e=1-o,h=o;return{transform:`translate(${d*e}px, ${r*e}px) scale(${1+(i-1)*e})`,opacity:`${h}`}}}}function wt({detailRect:t,galleryRect:n,pageRect:s,scrollOffset:d}){const r=n.left-t.left+(n.width-t.width)/2+d.x,a=n.top-t.top+(n.height-t.height)/2+d.y,l=n.width/t.width,i=n.height/t.height,c=Math.min(l,i),o=t.top/s.height*100,e=(s.width-(t.left+t.width))/s.width*100,h=(s.height-(t.top+t.height))/s.height*100,y=t.left/s.width*100;return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:g=>{const u=1-g;return{clipPath:`inset(${o*u}% ${e*u}% ${h*u}% ${y*u}%)`,transform:`translate(${r*u-d.x}px, ${a*u-d.y}px) scale(${1+(c-1)*u})`}}}}function xt(t,n,s){const d=t.querySelector("[data-pinterest-detail-key]"),r=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 a=null,l=null,i=!1;if(!d&&r){l=r;const e=l.getAttribute("data-pinterest-detail-key");if(!e)return null;a=t.querySelector(`[data-pinterest-gallery-key="${e}"]`),a&&(i=!0)}else if(d&&!r){l=d;const e=l.getAttribute("data-pinterest-detail-key");if(!e)return null;a=n.querySelector(`[data-pinterest-gallery-key="${e}"]`),a&&(i=!1)}if(!a||!l)return null;const c=m.getRect(i?t:n,a),o=m.getRect(i?n:t,l);if(i){const e=ft({detailRect:o,galleryRect:c,pageRect:n.getBoundingClientRect(),scrollOffset:s}),h=mt({galleryRect:c,detailRect:o,scrollOffset:s});return n.style.transformOrigin=e.transformOrigin,t.style.transformOrigin=h.transformOrigin,{inAnimation:e.animate,outAnimation:h.animate}}else{const e=$t({galleryRect:c,detailRect:o,scrollOffset:s}),h=wt({detailRect:o,galleryRect:c,pageRect:t.getBoundingClientRect(),scrollOffset:s});return n.style.transformOrigin=e.transformOrigin,t.style.transformOrigin=h.transformOrigin,{inAnimation:e.animate,outAnimation:h.animate}}}const bt=(t={})=>{var i,c;const n={stiffness:((i=t.spring)==null?void 0:i.stiffness)??30,damping:((c=t.spring)==null?void 0:c.damping)??10},s=t.timeout??300;let d=null,r=null,a=null,l=null;return{in:async(o,{scrollOffset:e})=>{const h=o;return!await new Promise(p=>{d?p(!0):(r=p,setTimeout(()=>{r=null,p(!1)},s))})||!d?(l==null||l(),l=null,d=null,{spring:n,css:()=>({})}):(a=xt(d,h,e),l==null||l(),l=null,a?(d=null,{spring:n,css:p=>a?a.inAnimation(p):{}}):(d=null,{spring:n,css:()=>({})}))},out:async o=>{const e=new Promise(h=>{l=h});return{spring:n,prepare:h=>{m.prepareOutgoing(h),h.style.zIndex="-1"},wait:async()=>{d=o,r&&(r(!0),r=null),await e},css:h=>a?a.outAnimation(h):{}}}}},S={stiffness:5,damping:4},Et=(t={})=>{var c,o;const n=t.direction??"up",s={stiffness:((c=t.spring)==null?void 0:c.stiffness)??S.stiffness,damping:((o=t.spring)==null?void 0:o.damping)??S.damping},d=n==="up";let r=null,a=null,l=null;const i=()=>{if(r===null||a===null)return null;const e=Math.min(r,a),h=window.innerHeight;return Math.max(e,h)};return{in:e=>(a=e.offsetHeight,r!==null&&(l=i()),{spring:s,prepare:()=>{e.style.willChange="transform",e.style.backfaceVisibility="hidden",e.style.contain="layout paint"},tick:h=>{l===null&&(l=i());const y=l??window.innerHeight,p=d?(1-h)*y:(1-h)*-y;e.style.transform=`translate3d(0, ${p}px, 0)`},onEnd:()=>{e.style.willChange="auto",e.style.backfaceVisibility="",e.style.contain=""}}),out:(e,h)=>({spring:s,onStart:()=>{r=e.offsetHeight,a!==null&&(l=i())},tick:y=>{l===null&&(l=i());const p=l??window.innerHeight,g=d?(1-y)*-p:(1-y)*p;e.style.transform=`translate3d(0, ${g}px, 0)`},prepare:y=>{m.prepareOutgoing(y,h),y.style.zIndex=d?"-1":"1",y.style.willChange="transform",y.style.backfaceVisibility="hidden",y.style.contain="layout paint",y.style.pointerEvents="none"}})}},_={stiffness:15,damping:7},Ct=(t={})=>{var r,a;const n=t.direction??"left",s={stiffness:((r=t.spring)==null?void 0:r.stiffness)??_.stiffness,damping:((a=t.spring)==null?void 0:a.damping)??_.damping},d=n==="left";return{in:l=>({spring:s,prepare:()=>{l.style.willChange="transform",l.style.backfaceVisibility="hidden",l.style.contain="layout paint"},css:i=>({transform:`translate3d(${d?(1-i)*100:(1-i)*-100}%, 0, 0)`}),onEnd:()=>{l.style.willChange="auto",l.style.backfaceVisibility="",l.style.contain=""}}),out:(l,i)=>({spring:s,css:c=>({transform:`translate3d(${d?(1-c)*-100:(1-c)*100}%, 0, 0)`}),prepare:c=>{m.prepareOutgoing(c,i),c.style.willChange="transform",c.style.backfaceVisibility="hidden",c.style.contain="layout paint",c.style.pointerEvents="none"}})}},I={stiffness:17,damping:6},A=20,E=800,At=()=>{let t,n=null;return{in:s=>({spring:I,prepare:()=>{s.style.willChange="transform",s.style.backfaceVisibility="hidden",s.style.contain="layout paint",s.style.transform=`perspective(${E}px) rotateY(${A}deg) translate3d(-100%, 0, 0)`},wait:async()=>{t&&await t},css:d=>{const r=(1-d)*A,a=-(1-d)*100;return{transform:`perspective(${E}px) rotateY(${r}deg) translate3d(${a}%, 0, 0)`}},onEnd:()=>{s.style.transform="",s.style.willChange="auto",s.style.backfaceVisibility="",s.style.contain=""}}),out:(s,d)=>(t=new Promise(r=>{n=r}),{spring:I,prepare:r=>{m.prepareOutgoing(r,d),r.style.willChange="transform",r.style.backfaceVisibility="hidden",r.style.contain="layout paint",r.style.pointerEvents="none",r.style.transform=`perspective(${E}px) rotateY(0deg) translate3d(0%, 0, 0)`},css:r=>{const a=1-r,l=a*A,i=a*100;return{transform:`perspective(${E}px) rotateY(${-l}deg) translate3d(${i}%, 0, 0)`}},onEnd:()=>{n&&n(),s.style.transform=""}})}},Lt={stiffness:1,damping:1},Tt={stiffness:20,damping:25},kt="#000000",Ot="circle",D="CURTAIN_REVEAL_OVERLAY_ID",St={position:"fixed",inset:"0",width:"100vw",height:"100%",zIndex:"9999",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden"},_t={position:"relative",display:"inline-block",height:"5.5rem",overflow:"hidden"},It={display:"flex",height:"100%",willChange:"transform",transition:"transform 0.3s ease"},Dt={display:"inline-flex",alignItems:"center",justifyContent:"center",whiteSpace:"nowrap",fontSize:"5.5rem",fontWeight:"900",letterSpacing:"0.02em",color:"#FFFFFF"},Pt=.4,C=.5,vt=.2;function Ft(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 s=n*100;return`polygon(50% ${50-s}%, ${50-s}% ${50+s}%, ${50+s}% ${50+s}%)`}}}const Yt=t=>t.reduce((n,s)=>n+s,0),Ut=(t={})=>{const{background:n=kt,texts:s=[],shape:d=Ot,inSpring:r=Tt,outSpring:a=Lt,textStyle:l={}}=t;return{out:(i,c)=>{const o=i.style.opacity;return{spring:a,from:1,to:0,prepare:e=>{m.prepareOutgoing(e,c),e.style.opacity="1"},tick:e=>{const h=Math.max(0,e-Pt);i.style.opacity=String(h)},onEnd:()=>{i.style.opacity=o}}},in:i=>{let c=null,o=null,e=null;const h=document.body.style.overflow,y=document.getElementById(D);let p=[];const g=()=>{c=document.createElement("div"),c.id=D,Object.assign(c.style,St,{background:n}),document.body.appendChild(c),o=document.createElement("div"),Object.assign(o.style,_t),c.appendChild(o),e=document.createElement("div"),Object.assign(e.style,It),o.appendChild(e),s.forEach(u=>{const w=document.createElement("div");w.textContent=u,Object.assign(w.style,Dt,l),e.appendChild(w)}),p=Array.from(e.children).map(u=>u.getBoundingClientRect().width)};return{spring:r,from:0,to:1,prepare:()=>{document.body.style.overflow="hidden",i.style.opacity="1",y==null||y.remove(),g(),c&&o&&(c.style.clipPath="none",o.style.transform="scale(1)")},tick:u=>{if(!(!c||!o||!e)){if(u<=C&&s.length>0){const w=u/C,f=Math.min(Math.floor(w*s.length),s.length-1),x=p[f]??0,$=Yt(p.slice(0,f));o.style.width=`${x}px`,e.style.transform=`translateX(-${$}px)`}if(u>C){const f=1-Math.max(0,Math.min(1,(u-C)/vt));c.style.clipPath=Ft(d,f),o.style.transform=`scale(${f})`}}},onEnd:()=>{c==null||c.remove(),c=o=e=null,document.body.style.overflow=h}}}}};exports.jaemin=m.jaemin;exports.blind=K;exports.curtainReveal=Ut;exports.drill=Q;exports.fade=et;exports.film=rt;exports.hero=pt;exports.instagram=ut;exports.pinterest=bt;exports.scroll=Et;exports.slide=Ct;exports.strip=At;
|