(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[33316],{38266:(s,e,r)=>{"use strict";r.d(e,{A:()=>i});var n=r(87687),t=r(52751),a=r(31928),l=r(68852);let c=(0,a.I)("svg")({name:"Svg",class:"s876rwi",propsAsIs:!1}),o=(0,a.I)("line")({name:"Axis",class:"aalvasc",propsAsIs:!0}),i=t.memo(function(s){let{numOfRows:e=12,numOfCols:r=12,axisLines:t,...a}=s,i=(0,l.y1)(e-1).map(s=>(0,l.y1)(r-1).map(a=>{let l=a===r/2-1;return t&&(s===e/2-1||l)?null:(0,n.jsx)("circle",{cx:(a+1)/r*200,cy:(s+1)/e*200,r:1,fill:"var(--dot-color, var(--color-gray-300))",fillOpacity:"var(--dot-opacity, 0.5)"},a)}));return(0,n.jsxs)(c,{viewBox:"0 0 200 200",...a,children:[t&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o,{x1:0,y1:100,x2:200,y2:100}),(0,n.jsx)(o,{x1:100,y1:0,x2:100,y2:200})]}),(0,n.jsx)("g",{children:i})]})});r(79264)},24616:(s,e,r)=>{"use strict";r.d(e,{Ay:()=>u,K1:()=>a});var n=r(87687),t=r(31928);let a=228,l=(0,t.I)("div")({name:"BlockWrapper",class:"bba74ff",propsAsIs:!1}),c=(0,t.I)("div")({name:"BackgroundLayer",class:"by3bjmz",propsAsIs:!1}),o=(0,t.I)("div")({name:"Block",class:"b7i16se",propsAsIs:!1}),i=(0,t.I)("div")({name:"Track",class:"tx8tqis",propsAsIs:!1}),p=(0,t.I)(o)({name:"GhostBlock",class:"g5ze39b",propsAsIs:!0}),u=function(s){let{style:e,blockAs:r="div",...t}=s;return(0,n.jsxs)(l,{...t,children:[(0,n.jsxs)(c,{children:[(0,n.jsx)(p,{}),(0,n.jsx)(i,{}),(0,n.jsx)(p,{})]}),(0,n.jsx)(o,{as:r,style:e})]})};r(16782)},33316:(s,e,r)=>{"use strict";r.r(e),r.d(e,{default:()=>C});var n=r(87687),t=r(52751),a=r(31928),l=r(53740),c=r(42558),o=r(42591),i=r(38266);let{sqrt:p,exp:u,sin:d,cos:x}=Math,m=(0,a.I)("div")({name:"Wrapper",class:"w1202yov",propsAsIs:!1}),f=(0,a.I)("div")({name:"Label",class:"ltd11up",propsAsIs:!1}),v=(0,a.I)(f)({name:"YLabel",class:"y1v3019n",propsAsIs:!0}),I=(0,a.I)(f)({name:"XLabel",class:"xjkcmda",propsAsIs:!0}),j=(0,a.I)(i.A)({name:"Background",class:"b11cft50",propsAsIs:!0}),b=(0,a.I)("svg")({name:"Svg",class:"s19f1uwv",propsAsIs:!1}),h=(0,a.I)("path")({name:"SpringPath",class:"s1k5idw",propsAsIs:!0}),A=t.memo(function(s){let{stiffness:e,damping:r,mass:t}=s,a=function(s,e,r){let n=[];for(let t=0;t<200;t++){let a=function(s,e,r,n,t){let[a]=(function(s,e,r,n,t,a,l){let c=function(s){let{k:e,c:r,m:n,x0:t,v0:a}=s,l=r*r-4*e*n;if(l>0){let s=(-r+p(l))/(2*n),e=(-r-p(l))/(2*n),c=(t*s-a)/(s-e),o=(a-t*e)/(s-e);return r=>[c*u(e*r)+o*u(s*r),c*e*u(e*r)+o*s*u(s*r)]}if(l<0){let s=-r/(2*n),e=p(-l)/(2*n),c=(a-s*t)/e;return r=>[u(s*r)*(t*x(e*r)+c*d(e*r)),u(s*r)*((c*e+t*s)*x(e*r)-(t*e-c*s)*d(e*r))]}{let s=-r/(2*n),e=a-s*t;return r=>[(t+e*r)*u(s*r),(e+t*s+e*s*r)*u(s*r)]}}({k:t,c:a,m:l,x0:150,v0:0});return s=>{let[e,r]=c((s-0)/1e3);return[0-e,r]}})(0,-150,0,0,e,r,n)(t);return a}(0,s,e,r,10.050251256281408*t),l=t/199*300,c=150-a;n.push({x:l,y:c})}return 0===n.length?"":n.map((s,e)=>0===e?"M ".concat(s.x," ").concat(s.y):"L ".concat(s.x," ").concat(s.y)).join(" ")}(e,r,t);return(0,n.jsxs)(m,{children:[(0,n.jsx)(v,{children:(0,n.jsx)("span",{children:"— Progress —"})}),(0,n.jsx)(I,{children:"— Time —"}),(0,n.jsx)(j,{numOfRows:10,numOfCols:10}),(0,n.jsx)(b,{viewBox:"0 0 ".concat(300," ").concat(300),children:(0,n.jsx)(h,{d:a})})]})});r(76614);var g=r(30251),y=r(24616);let k=function(s){let{stiffness:e,damping:r,direction:t}=s,a=(0,g.zh)({transform:"translateX(".concat("left"===t?0:y.K1,"px)"),config:{tension:e,friction:r}});return(0,n.jsx)(y.Ay,{blockAs:g.CS.div,style:a})},w=(0,a.I)(o.Ay)({name:"OuterWrapper",class:"o1gugn2u",propsAsIs:!0}),z=(0,a.I)("div")({name:"GraphWrapper",class:"g1crtnyl",propsAsIs:!1}),B=(0,a.I)("div")({name:"BlockWrapper",class:"b4pbmtr",propsAsIs:!1}),q=(0,a.I)("div")({name:"HorizontalRule",class:"h1h1z17j",propsAsIs:!1}),S=(0,a.I)(c.A)({name:"ActionButton",class:"avq0dv5",propsAsIs:!0}),C=function(s){let{stiffness:e=200,damping:r=20,mass:a=1}=s,[c,o]=t.useState(null),[i,p]=t.useState("left");return(0,n.jsxs)(w,{colorMode:"dark",children:[(0,n.jsx)(z,{children:(0,n.jsx)(A,{stiffness:e,damping:r,mass:a})}),(0,n.jsx)(B,{children:(0,n.jsx)(k,{stiffness:e,damping:r,mass:a,triggeredAt:c,direction:i})}),(0,n.jsx)(q,{}),(0,n.jsx)(S,{Icon:l.A,onClick:()=>{o(performance.now()),p("left"===i?"right":"left")},children:"Run Animation"})]})};r(94637)},79264:s=>{s.exports={s876rwi:"s876rwi",aalvasc:"aalvasc"}},16782:s=>{s.exports={bba74ff:"bba74ff",by3bjmz:"by3bjmz",b7i16se:"b7i16se",tx8tqis:"tx8tqis",g5ze39b:"g5ze39b"}},76614:s=>{s.exports={w1202yov:"w1202yov",ltd11up:"ltd11up",y1v3019n:"y1v3019n",xjkcmda:"xjkcmda",b11cft50:"b11cft50",s19f1uwv:"s19f1uwv",s1k5idw:"s1k5idw"}},94637:s=>{s.exports={o1gugn2u:"o1gugn2u",g1crtnyl:"g1crtnyl",b4pbmtr:"b4pbmtr",h1h1z17j:"h1h1z17j",avq0dv5:"avq0dv5"}}}]);
//# sourceMappingURL=33316.f353018e553714c8.js.map