{"version":3,"sources":["Components/LoadingScreen.tsx","App.tsx","index.tsx"],"names":["Loading","loadingBar","useRef","loadingScreen","useState","hidden","setHidden","useEffect","anime","timeline","easing","add","targets","current","width","duration","opacity","complete","ref","className","Content","React","lazy","App","fallback","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"oPA6CeA,MA1Cf,WACE,IAAMC,EAAaC,iBAAO,MACpBC,EAAgBD,iBAAO,MAC7B,EAA4BE,oBAAS,GAArC,mBAAOC,EAAP,KAAeC,EAAf,KA2BA,OAzBAC,qBAAU,WACRC,IACGC,SAAS,CACRC,OAAQ,gBAETC,IAAI,CACHC,QAASX,EAAWY,QACpBC,MAAO,CAAC,EAAG,QACXC,SAAU,MAEXJ,IAAI,CACHC,QAASX,EAAWY,QACpBG,QAAS,EACTD,SAAU,MAEXJ,IAAI,CACHC,QAAST,EAAcU,QACvBG,QAAS,CAAC,EAAG,GACbD,SAAU,IACVE,SAAU,WACRX,GAAU,SAMhB,yBACEY,IAAKf,EACLgB,UAAWd,EAAS,uBAAyB,kBAF/C,SAIE,qBAAKc,UAAU,kBAAf,SACE,qBAAKA,UAAU,MAAMD,IAAKjB,SCpC5BmB,EAAUC,IAAMC,MAAK,kBAAM,sDAalBC,MAXf,WACE,OACE,mCACE,eAAC,WAAD,CAAUC,SAAU,6CAApB,UACE,cAACJ,EAAD,IACA,cAAC,EAAD,UCLRK,IAASC,OACP,cAAC,IAAMC,WAAP,UACE,cAAC,EAAD,MAEFC,SAASC,eAAe,W","file":"static/js/main.e4be4983.chunk.js","sourcesContent":["import React, { useRef, useEffect, useState } from \"react\";\nimport anime from \"animejs\";\n\nfunction Loading() {\n  const loadingBar = useRef(null);\n  const loadingScreen = useRef(null);\n  const [hidden, setHidden] = useState(false);\n\n  useEffect(() => {\n    anime\n      .timeline({\n        easing: \"easeOutSine\",\n      })\n      .add({\n        targets: loadingBar.current,\n        width: [0, \"100%\"],\n        duration: 2000,\n      })\n      .add({\n        targets: loadingBar.current,\n        opacity: 0,\n        duration: 250,\n      })\n      .add({\n        targets: loadingScreen.current,\n        opacity: [1, 0],\n        duration: 400,\n        complete: () => {\n          setHidden(true);\n        },\n      });\n  });\n\n  return (\n    <section\n      ref={loadingScreen}\n      className={hidden ? \"loading_section hide\" : \"loading_section\"}\n    >\n      <div className=\"loading_wrapper\">\n        <div className=\"bar\" ref={loadingBar}></div>\n      </div>\n    </section>\n  );\n}\n\nexport default Loading;\n","import React, { Suspense } from \"react\";\nimport \"./Styles/style.css\";\nimport Loading from \"./Components/LoadingScreen\";\nconst Content = React.lazy(() => import(\"./Components/Content\"));\n\nfunction App() {\n  return (\n    <>\n      <Suspense fallback={<div>Loading...</div>}>\n        <Content />\n        <Loading />\n      </Suspense>\n    </>\n  );\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\n\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);"],"sourceRoot":""}