https://tuple.app/assets/EffectiveAndFun.astro_astro_type_script_index_0_lang.I8_txGOw.js

1import{r as o,a as e,p as z,$ as m,d as T}from"./motion.CDxiufRC.js";const g="#animation-1",u=(t,n,d)=>e(`${g} ${t}`,n,d),f=(t,n)=>o(`${g} ${t}`,n),M=[{delay:100,fn:()=>{u("#emoji-1","!scale-100","transition duration-500 ease-[cubic-bezier(.2,2,.3,1)]")}},{delay:100,fn:()=>{u("#emoji-2","!scale-100","transition duration-500 ease-[cubic-bezier(.2,2,.3,1)]")}},{delay:100,fn:()=>{u("#emoji-3","!scale-100","transition duration-500 ease-[cubic-bezier(.2,2,.3,1)]")}},{delay:100,fn:()=>{u("#emoji-4","!scale-100","transition duration-500 ease-[cubic-bezier(.2,2,.3,1)]")}},{delay:100,fn:()=>{u("#emoji-5","!scale-100","transition duration-500 ease-[cubic-bezier(.2,2,.3,1)]")}},{delay:3e3,fn:()=>{}}],h=()=>{f("#emoji-1","!scale-100"),f("#emoji-2","!scale-100"),f("#emoji-3","!scale-100"),f("#emoji-4","!scale-100"),f("#emoji-5","!scale-100")},p="#animation-2",i=t=>m(`${p} ${t}`),r=(t,n,d)=>e(`${p} ${t}`,n,d),s=(t,n)=>o(`${p} ${t}`,n),a=(t,{x:n,y:d},P)=>z(`${p} ${t}`,{x:n,y:d},P),q=[{delay:100,fn:()=>{r("#cursor-1","!opacity-100","transition duration-500")}},{delay:600,fn:()=>{a("#cursor-1",{x:"356px",y:"45px"},"transition duration-500")}},{delay:600,fn:()=>{a("#cursor-1",{x:"192px",y:"32px"});const t=i("#cursor-1");t.style.offsetPath="path('M164 13 C166 12 155 8 155 8 L155 8 C133 1 110 1 87 3 C58 5 -7 14 3 60 C8 83 36 94 55 98 C93 106 140 100 173 78 C185 69 204 51 201 33 C199 23 188 19 180 15')"}},{delay:100,fn:()=>{r("#cursor-1","[offset-distance:100%]","transition-all duration-1000"),r("#annotation-1","![stroke-dashoffset:0]","transition-all duration-1000")}},{delay:1100,fn:()=>{s("#cursor-1","[offset-distance:100%]");const t=i("#cursor-1");t.style.offsetPath="none",a("#cursor-1",{x:"372px",y:"47px"})}},{delay:100,fn:()=>{a("#cursor-1",{x:"358px",y:"130px"},"transition-all duration-500")}},{delay:600,fn:()=>{a("#cursor-1",{x:"322px",y:"128px"});const t=i("#cursor-1");t.style.offsetPath="path('M36 2 C49 17 55 48 49 68 C43 90 23 107 2 118')"}},{delay:100,fn:()=>{r("#cursor-1","[offset-distance:100%]","transition-all duration-700"),r("#annotation-2","![stroke-dashoffset:0]","transition-all duration-700")}},{delay:800,fn:()=>{s("#cursor-1","[offset-distance:100%]");const t=i("#cursor-1");t.style.offsetPath="",a("#cursor-1",{x:"324px",y:"246px"})}},{delay:100,fn:()=>{a("#cursor-1",{x:"323px",y:"226px"},"transition duration-200")}},{delay:250,fn:()=>{s("#cursor-1","[offset-distance:100%]");const t=i("#cursor-1");t.style.offsetPath="path('M3 99 C3 104 2 110 2 116 C2 123 17 121 23 121')",a("#cursor-1",{x:"320px",y:"127px"})}},{delay:50,fn:()=>{r("#cursor-1","[offset-distance:100%]","transition-all duration-[400ms]"),r("#annotation-3","![stroke-dashoffset:0]","transition-all duration-[400ms]")}},{delay:500,fn:()=>{s("#cursor-1","[offset-distance:100%]");const t=i("#cursor-1");t.style.offsetPath="",a("#cursor-1",{x:"343px",y:"248px"})}},{delay:50,fn:()=>{a("#cursor-1",{x:"382px",y:"255px"},"transition duration-300")}},{delay:800,fn:()=>{a("#cursor-1",{x:"96px",y:"308px"},"transition duration-700")}},{delay:800,fn:()=>{a("#cursor-1",{x:"83px",y:"302px"});const t=i("#cursor-1");t.style.offsetPath="path('M13 6 C11 15 5 24 2 32 C-2 47 14 31 17 29 C26 23 34 17 43 12 C46 11 51 7 48 13 C44 22 36 31 34 41 C33 43 38 39 40 37 C47 32 55 26 63 20 C67 18 78 10 73 22 C72 25 63 37 71 30 C80 23 88 17 97 11 C101 9 108 2 113 2 C116 1 104 23 103 25 C102 26 99 30 102 29 C109 27 115 19 122 15 C124 13 144 -1 142 11 C140 16 132 30 142 22 C144 21 159 8 158 14 C157 18 151 26 158 23 C172 19 184 6 198 4 C206 2 198 20 197 23')"}},{delay:100,fn:()=>{r("#cursor-1","[offset-distance:100%]","transition-all duration-[1300ms] ease-[cubic-bezier(.37,0,.63,1)]"),r("#annotation-4","![stroke-dashoffset:0]","transition-all duration-[1300ms] ease-[cubic-bezier(.37,0,.63,1)]")}},{delay:1400,fn:()=>{s("#cursor-1","[offset-distance:100%]");const t=i("#cursor-1");t.style.offsetPath="",a("#cursor-1",{x:"280px",y:"325px"})}},{delay:100,fn:()=>{a("#cursor-1",{x:"300px",y:"320px"},"transition duration-300")}}],$=()=>{s("#cursor-1","!opacity-100"),s("#cursor-1","[offset-distance:100%]"),s("#annotation-1","![stroke-dashoffset:0]"),s("#annotation-2","![stroke-dashoffset:0]"),s("#annotation-3","![stroke-dashoffset:0]"),s("#annotation-4","![stroke-dashoffset:0]"),i("#cursor-1").style.offsetPath="",a("#cursor-1",{x:"300px",y:"100px"})},L=[{delay:500,fn:()=>{m("lottie-player").play()}}

1,{delay:3e3,fn:()=>{}}],b=()=>{m("lottie-player").stop()},k=[{delay:100,fn:()=>{o("#progress-1","opacity-0"),e("#animation-1","!opacity-100"),e("#progress-1","!scale-x-100","transition duration-[4000ms] ease-linear")}},...M,{delay:1e3,fn:()=>{o("#animation-1","!opacity-100"),e("#progress-1","opacity-0","transition duration-1000")}},{delay:1e3,fn:()=>{o("#progress-1","opacity-0 !scale-x-100 transition duration-[4000ms] ease-linear"),h(),c=[...j]}}],x=[{delay:100,fn:()=>{o("#progress-2","opacity-0"),e("#animation-2","!opacity-100"),e("#progress-2","!scale-x-100","transition duration-[9000ms] ease-linear")}},...q,{delay:1e3,fn:()=>{o("#animation-2","!opacity-100"),e("#progress-2","opacity-0","transition duration-1000")}},{delay:1e3,fn:()=>{o("#progress-2","opacity-0 !scale-x-100 transition duration-[9000ms] ease-linear"),$(),c=[...k]}}],j=[{delay:100,fn:()=>{o("#progress-3","opacity-0"),e("#animation-3","!opacity-100"),e("#progress-3","!scale-x-100","transition duration-[4500ms] ease-linear")}},...L,{delay:1e3,fn:()=>{o("#animation-3","!opacity-100"),e("#progress-3","opacity-0","transition duration-1000")}},{delay:1e3,fn:()=>{o("#progress-3","opacity-0 !scale-x-100 transition duration-[4500ms] ease-linear"),b(),c=[...x]}}];let c=[],l;const y=()=>{const t=c.shift();t&&(l=setTimeout(()=>{t.fn(),y()},t.delay))},v=new IntersectionObserver(t=>{t[0].isIntersecting&&(e("#animations","visible"),l=setTimeout(()=>{c=[...x],y()},500),v.disconnect())},{threshold:.8});v.observe(document.querySelector("#animations"));const C=()=>{c=[],clearTimeout(l),o("#animation-1","!opacity-100"),o("#animation-2","!opacity-100"),o("#animation-3","!opacity-100"),e("#progress-1","opacity-0","transition !duration-300"),e("#progress-2","opacity-0","transition !duration-300"),e("#progress-3","opacity-0","transition !duration-300"),setTimeout(()=>{h(),$(),b(),T(),o("#progress-1","opacity-0 !scale-x-100 transition !duration-300 duration-[4000ms] ease-linear"),o("#progress-2","opacity-0 !scale-x-100 transition !duration-300 duration-[9000ms] ease-linear"),o("#progress-3","opacity-0 !scale-x-100 transition !duration-300 duration-[4500ms] ease-linear")},300)};document.querySelector("#trigger-animation-1").addEventListener("click",()=>{C(),l=setTimeout(()=>{c=[...k],y()},500)});document.querySelector("#trigger-animation-2").addEventListener("click",()=>{C(),l=setTimeout(()=>{c=[...x],y()},500)});document.querySelector("#trigger-animation-3").addEventListener("click",()=>{C(),l=setTimeout(()=>{c=[...j],y()},500)});