Loading
function(e,t,n){"use strict";n.d(t,{U:()=>p,n:()=>E});var i=n(627968),r=n(64700),s=n(503698),a=n.n(s),o=n(873174),l=n(717421),u=n(866323),c=n(597619),d=n(872293);let _={config:{friction:50,tension:900,mass:1},unique:!0,initial:{dotPosition:1},from:{dotPosition:0},enter:{dotPosition:1},leave:{dotPosition:0}},f={config:{duration:2400},from:{dotCycle:2.8},reset:!0};function h(e){let t=e%2;return t>1?1-(t-1):t}let p=r.memo(function(e){let{dotRadius:t,dotPosition:n,fill:s="currentColor",spacing:a=2.5}=e,{focused:u}=(0,c.xb)(),d=r.useRef(!0);r.useEffect(()=>()=>void(d.current=!1),[]);let[_]=(0,l.z)(()=>({...f,to:async e=>{let t=2.8;for(;d.current;)u?(t+=4,await e({dotCycle:t,immediate:!1})):2.8!==t?(t=2.8,await e({dotCycle:t,immediate:!0})):await new Promise(e=>setTimeout(e,1e3))}}),"animate-always",[u]),p=(2*t*3+t/4*2)/2;return(0,i.jsx)(i.Fragment,{children:[0,1,2].map(e=>{let r=.25*e,l=t+t*a*e;return(0,i.jsx)(o.animated.circle,{cx:n?n.to([0,1],[p,l]):l,cy:t,r:_.dotCycle.to(e=>h(e-r)).to([0,.4,.8,1],[.8*t,.8*t,t,t]).to(e=>u?e:t),fill:s,style:{opacity:_.dotCycle.to(e=>h(e-r)).to([0,.4,.8,1],[.3,.3,1,1]).to(e=>u?e:1)}},e)})})}),E=r.memo(function(e){let{dotRadius:t,x:n,y:r,hide:s=!1,themed:l=!1,className:f,ref:h}=e,{focused:E}=(0,c.xb)();return(0,u.p)(s,{..._,key:e=>e?"true":"false"},E?"animate-always":"animate-never")((e,s,u)=>{let{dotPosition:c}=e,{key:_}=u;return s?null:(0,i.jsx)("svg",{ref:h,x:n,y:r,width:2*t*3+t/2*2,height:2*t,className:a()(f,d.r,l?d.S:null),children:(0,i.jsx)(o.animated.g,{style:{opacity:c.to(e=>Math.min(1,Math.max(e,0)))},children:(0,i.jsx)(p,{dotRadius:t,dotPosition:c})})},_)})})}