https://www.memorylink.app/assets/scrolling-motion-flow-kEOgsnp0.js

1import{s as e,t}from"./react-CtTwWkI9.js";import{t as n}from"./jsx-runtime-Deq3KfO3.js";import{t as r}from"./compiler-runtime-Bx0QOiZF.js";import{t as i}from"./proxy-DjGprnBa.js";import{t as a}from"./cubic-bezier-BTHk9Bhb.js";import{t as o}from"./use-transform-C6LSTHBh.js";import{t as ee}from"./use-motion-value-event-OjlydELi.js";import{t as te}from"./use-time--1sdxzv3.js";import{d as ne,f as re,g as ie,h as ae,l as oe,m as se,o as ce,r as le,s as ue,t as de,u as fe}from"./stage-chrome-C2loJpFA.js";import{t as pe}from"./FakeSite-Cvn2GBhV.js";import{A as me,E as he,T as ge,_ as _e,m as ve,w as ye}from"./timeline-BS6RGaYL.js";var s=e(t()),be=r(),c=13.55,l=1280,xe=908,Se=2067,u={x:160,y:1176,width:600,height:1556},d={x:800,y:1176,width:320,height:186},f={x:193,y:1245,width:535,height:40},p={x:193,y:1333,width:535,height:131},m=Math.max(1,Math.ceil(u.height/820)),h=1080,Ce=u.y,g=Array.from({length:m},(e,t)=>Math.min(Se,Ce+t*820));function we(e,t){return{...e,y:e.y-t}}function _(e,t){let n=we(e,t),r=Math.max(n.y,0),i=Math.min(n.y+n.height,820);return{...n,y:r,height:Math.max(0,i-r)}}var Te=g.map(e=>_(u,e)),v=we(u,h),Ee=[d,f,p,u],De=u,Oe=.22,y={x:1180,y:80};function ke(e,t){let n=_(e,t);return{x:n.x+n.width*.5,y:n.y+n.height*.55}}var Ae={x:600,y:394},je=Ee.map(e=>e===u?Ae:ke(e,h)),Me=m-1,b={width:292,height:48},Ne={x:1080,y:820-b.height-18},x={x:v.x+v.width+14,y:Math.min(820-b.height-12,v.y+v.height/2-b.height/2)},S={x:x.x+84,y:x.y+b.height/2},Pe=153;function C(e){let t=(e,t,n)=>Math.min(Math.max(e,t),n),n=t(e.x+e.width/2-120,16,Math.max(16,l-240-16)),r=e.y-Pe-20;return{left:n,top:r>=16?r:t(e.y+e.height+20,16,651)}}var Fe=Te.map(C),Ie={left:l-240-16,top:595},w={idle:0,keyPress:1,cameraPullBack:1.25,armed:1.45,cameraWide:1.85,scrollStart:2.05,scrollEnd:3.05,panIn:3.3,panStop1:3.82,panStop2:4.34,panStop3:4.86,select:5.38,toolbarZoomIn:5.74,toolbarClose:6.24,save:6.5,saveHold:6.95,toolbarZoomOut:7,toolbarWide:7.5,alignStart:7.55,alignEnd:7.9,shot1:8.05,shotScroll1Start:8.7,shotScroll1End:9.1,shot2:9.2,shotsEnd:9.85,stitchingIn:9.95,stitchingOut:10.85,savedIn:10.95,savedOut:11.95,scrolledBack:12.75,end:c},Le=he(w.keyPress),T=[w.alignEnd,w.shotScroll1End],Re=[w.shot1,w.shot2],E=[{at:0,scroll:0},{at:w.scrollStart,scroll:0},{at:w.scrollEnd,scroll:h},{at:w.alignStart,scroll:h},{at:w.alignEnd,scroll:g[0]},{at:w.shotScroll1Start,scroll:g[0]},{at:w.shotScroll1End,scroll:g[1]},{at:w.savedOut,scroll:g[1]},{at:w.scrolledBack,scroll:0},{at:w.end,scroll:0}];function ze(e){let t=[w.panIn,w.panStop1,w.panStop2,w.panStop3],n=-1;for(let r=0;r<t.length;r+=1)e>=t[r]&&(n=r);return n}function Be(e){let t=0;for(let n=0;n<T.length;n+=1)e>=T[n]&&(t=n+1);return e<w.shotsEnd?t:0}var D=[w.shotScroll1Start,w.shotsEnd],Ve=.1,O=[.65,0,.35,1],k=[.32,0,.2,1];function A(e,t){let n=(e,n)=>Math.min(0,Math.max(n*(1-t),n/2-t*e));return{zoom:t,x:n(e.x,l),y:n(e.y+88,xe)}}var j={x:l/2,y:112},M=A(j,1.75),N=A(S,1.5),P=A(j,1),F=e(n()),I=e=>e/c,He={duration:c,times:void 0,repeat:1/0,ease:`linear`};function L(e,t={}){return{...He,times:e,...t}}var Ue=[M,M,P,P,N,N,P,P,M],We=[0,I(w.cameraPullBack),I(w.cameraWide),I(w.toolbarZoomIn),I(w.toolbarClose),I(w.toolbarZoomOut),I(w.toolbarWide),I(w.scrolledBack),1],Ge=[`linear`,[...O],`linear`,[...O],`linear`,[...O],`linear`,[...O]],Ke=E.map(e=>e.at),qe=E.map(e=>e.scroll),R=e=>e,Je=E.slice(1).map((e,t)=>e.scroll===E[t].scroll?R:a(...k)),Ye=(()=>{let e=[],t=[],n=[],r=(r,i)=>{e.push(I(r)),t.push(i.x),n.push(i.y)},i=[w.panIn,w.panStop1,w.panStop2,w.panStop3];return r(0,y),r(w.panIn-Oe,y),i.forEach((e,t)=>{let n=je[t];r(e,n);let a=i[t+1];r(a?a-Oe:w.toolbarClose,n)}),r(w.save-.12,S),r(c,S),{times:e,x:t,y:n}})();function Xe(e){return{left:e.x,top:e.y,width:e.width,height:e.height}}var[Ze,Qe]=(()=>{let e=[0],t=[0];return T.forEach((n,r)=>{e.push(I(n),I(Re[r])),t.push(0,1),e.push(I(D[r]-Ve),I(D[r])),t.push(1,0)}),e.push(1),t.push(0),[e,t]})(),z={x:x.x-Ne.x,y:x.y-Ne.y};function B(e){let t=(0,be.c)(68),{scale:n}=e,r=n===void 0?1:n,a=te(),he=o(a,at),c;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(c={ease:Je},t[0]=c):c=t[0];let Se=o(he,Ke,qe,c),d=o(Se,it),f=o(Se,rt),p=o(Se,nt),[h,Ce]=(0,s.use

1State)(!1),[g,_]=(0,s.useState)(-1),[y,ke]=(0,s.useState)(!1),[Ae,je]=(0,s.useState)(-1),[b,x]=(0,s.useState)(1),[S,Pe]=(0,s.useState)(!1),C;t[1]===Symbol.for(`react.memo_cache_sentinel`)?(C=e=>{let t=e>=w.select+.16&&e<w.toolbarWide;Ce(e=>e===t?e:t);let n=e<w.select?ze(e):-1;_(e=>e===n?e:n);let r=e>=w.select&&e<w.saveHold;ke(e=>e===r?e:r);let i=_e.findIndex((t,n)=>me(e,n,w.keyPress)>.5);je(e=>e===i?e:i);let a=Be(e);a>0&&x(e=>e===a?e:a);let o=e>=w.saveHold&&e<w.stitchingOut;Pe(e=>e===o?e:o)},t[1]=C):C=t[1],ee(he,`change`,C);let T=Fe[b-1],Re=l*r,E=xe*r,D;t[2]!==Re||t[3]!==E?(D={width:Re,height:E,overflow:`hidden`},t[2]=Re,t[3]=E,t[4]=D):D=t[4];let Ve=`scale(${r})`,O;t[5]===Ve?O=t[6]:(O={width:l,height:xe,background:`#faf7f2`,transform:Ve,transformOrigin:`top left`},t[5]=Ve,t[6]=O);let k,A,j;t[7]===Symbol.for(`react.memo_cache_sentinel`)?(j={position:`absolute`,inset:0,transformOrigin:`top left`},k={scale:Ue.map(tt),x:Ue.map(et),y:Ue.map($e)},A=L(We,{ease:Ge}),t[7]=k,t[8]=A,t[9]=j):(k=t[7],A=t[8],j=t[9]);let M;t[10]===Symbol.for(`react.memo_cache_sentinel`)?(M={position:`absolute`,inset:0,overflow:`hidden`},t[10]=M):M=t[10];let N=S?`on`:`off`,P;t[11]===d?P=t[12]:(P={position:`absolute`,top:0,left:0,width:l,y:d},t[11]=d,t[12]=P);let R;t[13]===Symbol.for(`react.memo_cache_sentinel`)?(R=(0,F.jsx)(pe,{}),t[13]=R):R=t[13];let B;t[14]!==N||t[15]!==P?(B=(0,F.jsx)(`div`,{style:M,children:(0,F.jsx)(i.div,{className:`scrolling-page`,"data-capture":N,style:P,children:R})}),t[14]=N,t[15]=P,t[16]=B):B=t[16];let V;t[17]===g?V=t[18]:(V=g>=0&&(0,F.jsx)(i.div,{style:ue,initial:!1,animate:Xe(we(Ee[g],1080)),transition:{duration:.1,ease:[...ve]}}),t[17]=g,t[18]=V);let H;t[19]===y?H=t[20]:(H=y&&(0,F.jsx)(ne,{rect:v,opacity:1}),t[19]=y,t[20]=H);let U,W,ot;t[21]===Symbol.for(`react.memo_cache_sentinel`)?(U={left:Ne.x,top:Ne.y},W={opacity:[0,0,1,1,1,1,0,0],scale:[.94,.94,1,1,1,1,1,.94],x:[0,0,0,0,z.x,z.x,z.x,0],y:[0,0,0,0,z.y,z.y,z.y,0]},ot=L([0,I(w.cameraWide-.12),I(w.cameraWide),I(w.select),I(w.select+ge),I(w.saveHold),I(w.saveHold+.1),1],{ease:[`linear`,`linear`,`linear`,[...ye],`linear`,`linear`,`linear`]}),t[21]=U,t[22]=W,t[23]=ot):(U=t[21],W=t[22],ot=t[23]);let G;t[24]===h?G=t[25]:(G=(0,F.jsx)(i.div,{className:`screenshot-tool-toolbar`,role:`toolbar`,"aria-label":`Screenshot tools`,"data-mode":`selection`,style:U,animate:W,transition:ot,children:(0,F.jsx)(ae,{mode:`selection`,canSave:h,extraShots:Me})}),t[24]=h,t[25]=G);let st,ct;t[26]===Symbol.for(`react.memo_cache_sentinel`)?(st={opacity:Qe},ct=L(Ze),t[26]=st,t[27]=ct):(st=t[26],ct=t[27]);let K;t[28]!==p||t[29]!==f?(K={...de,left:u.x,width:u.width,top:f,height:p},t[28]=p,t[29]=f,t[30]=K):K=t[30];let lt;t[31]===Symbol.for(`react.memo_cache_sentinel`)?(lt=(0,F.jsx)(le,{}),t[31]=lt):lt=t[31];let q;t[32]===K?q=t[33]:(q=(0,F.jsx)(i.div,{style:K,children:lt}),t[32]=K,t[33]=q);let J;t[34]!==T.left||t[35]!==T.top||t[36]!==b?(J=(0,F.jsx)(fe,{shot:b,totalShots:m,left:T.left,top:T.top}),t[34]=T.left,t[35]=T.top,t[36]=b,t[37]=J):J=t[37];let Y;t[38]!==q||t[39]!==J?(Y=(0,F.jsxs)(i.div,{animate:st,transition:ct,children:[q,J]}),t[38]=q,t[39]=J,t[40]=Y):Y=t[40];let ut;t[41]===Symbol.for(`react.memo_cache_sentinel`)?(ut=(0,F.jsx)(i.div,{animate:{opacity:[0,0,1,1,0,0]},transition:L([0,I(w.stitchingIn-.12),I(w.stitchingIn),I(w.stitchingOut-.1),I(w.stitchingOut),1]),children:(0,F.jsx)(se,{left:Ie.left,top:Ie.top})}),t[41]=ut):ut=t[41];let dt;t[42]===Symbol.for(`react.memo_cache_sentinel`)?(dt=(0,F.jsx)(i.div,{animate:{opacity:[0,0,1,1,0,0]},transition:L([0,I(w.savedIn-.08),I(w.savedIn),I(w.savedOut-.2),I(w.savedOut),1]),children:(0,F.jsx)(oe,{rect:Te[Te.length-1],opacity:1,sizeLabel:`${De.width}×${De.height}`})}),t[42]=dt):dt=t[42];let ft,pt,mt;t[43]===Symbol.for(`react.memo_cache_sentinel`)?(ft={position:`absolute`,transformOrigin:`top left`},pt={left:Ye.x,top:Ye.y},mt=L(Ye.times),t[43]=ft,t[44]=pt,t[45]=mt):(ft=t[43],pt=t[44],mt=t[45]);let ht;t[46]===Symbol.for(`react.memo_cache_sentinel`)?(ht={opacity:[0,0,1,1,0,0],scale:[1,1,1,.82,1,1,.82,1,1]},t[46]=ht):ht=t[46];let gt;t[47]===Symbol.for(`react.memo_cache_sentinel`)?(gt={...He,times:[0,I(w.panIn-Oe-.06),I(w.panIn-Oe),I(w.saveHold),I(w.saveHold+.15),1]},t[47]=gt):gt=t[47];let _t;t[48]===Symbol.for(`react.memo_cache_sentinel`)?(_t=(0,F.jsx)(i.div,{style:ft,animate:pt,transition:mt,children:(0,F.jsx)(i.div,{animate:ht,transition:{...He,opacity:gt,scale:{...He,times:[0,I(w.select-.07),I(w.select-.02),I(w.select),I(w.select+.13),I(w.save-.05),I(w.save),I(w.save+.13),1]}},style:{transformOrigin:`top left`},children:(0,F.jsx)(ce,{x:0,y:0,opacity:1,pressed:0})})}),t[48]=_t):_t=t[48];let vt,yt;

1t[49]===Symbol.for(`react.memo_cache_sentinel`)?(vt={opacity:[1,1,0,0,1]},yt=L([0,I(Le),I(w.armed),I(w.scrolledBack),1]),t[49]=vt,t[50]=yt):(vt=t[49],yt=t[50]);let X;t[51]===Ae?X=t[52]:(X=_e.map((e,t)=>({label:e,pressed:+(t===Ae)})),t[51]=Ae,t[52]=X);let Z;t[53]===X?Z=t[54]:(Z=(0,F.jsx)(i.div,{animate:vt,transition:yt,children:(0,F.jsx)(re,{opacity:1,caps:X})}),t[53]=X,t[54]=Z);let Q;t[55]!==B||t[56]!==V||t[57]!==H||t[58]!==G||t[59]!==Y||t[60]!==Z?(Q=(0,F.jsx)(i.div,{style:j,animate:k,transition:A,children:(0,F.jsxs)(ie,{pageHeight:820,children:[B,V,H,G,Y,ut,dt,_t,Z]})}),t[55]=B,t[56]=V,t[57]=H,t[58]=G,t[59]=Y,t[60]=Z,t[61]=Q):Q=t[61];let $;t[62]!==Q||t[63]!==O?($=(0,F.jsx)(`div`,{className:`screenshot-stage`,style:O,children:Q}),t[62]=Q,t[63]=O,t[64]=$):$=t[64];let bt;return t[65]!==$||t[66]!==D?(bt=(0,F.jsx)(`div`,{style:D,children:$}),t[65]=$,t[66]=D,t[67]=bt):bt=t[67],bt}function $e(e){return e.y}function et(e){return e.x}function tt(e){return e.zoom}function nt(e){return _(u,e).height}function rt(e){return _(u,e).y}function it(e){return-e}function at(e){return e/1e3%c}export{l as a,xe as i,u as n,m as o,c as r,B as t};