{"version":3,"file":"static/js/333.111e1a1f.chunk.js","mappings":"gKAEO,MAAMA,GAAoBC,E,QAAAA,IAAO,MAAPA,CAAaC,IAAAA,GAAAC,EAAAA,EAAAA,GAAA,ucAc7BC,GAAOA,EAAEC,KAAO,UAAY,WAC/BD,GAAOA,EAAEC,KAAO,IAAM,MCjB7B,SAASC,EAASC,GACvB,OAAe,OAARA,QAAwBC,IAARD,GAAqBA,IAAQA,EAAIE,MAC1D,C,aCGA,MAqCA,EArCoBC,KAClB,MAAOC,EAAYC,IAAiBC,EAAAA,EAAAA,WAAS,GAEvCC,EAAkBC,IACtB,MAAMC,EDLeC,EACvBC,EACAC,KAEA,GAAsB,qBAAXV,OACT,OAAO,EAET,MAAMW,EAASD,EAAM,YAAc,aACnC,IAAIE,EAAS,EAYV,IAADC,EAIF,OAfIhB,EAASY,GACXG,EAAUH,EAAkBC,EAAM,cAAgB,eACzCD,aAAkBK,SAC3BF,EAASH,EAAOM,gBAAgBJ,GACvBF,IACTG,EAAUH,EAAuBE,IAGjCF,IACCZ,EAASY,IACQ,kBAAXG,IAEPA,EACkB,QADZC,GAAKJ,EAAuBO,eAAkBP,GACjDM,uBAAe,IAAAF,OAAA,EADTA,EACYF,IAEhBC,CAAM,ECnBWJ,CAAUF,EAAMG,QAAQ,IAEzCP,GAAcK,EAAgB,IACjCJ,GAAc,GACLI,GAAiB,KAC1BJ,GAAc,EAChB,GAGFc,EAAAA,EAAAA,YAAU,KACRjB,OAAOkB,iBAAiB,SAAUb,GAC3B,KACLL,OAAOmB,oBAAoB,SAAUd,EAAe,IAGrD,IAWH,OACEe,EAAAA,EAAAA,KAAC7B,EAAiB,CAAC8B,QAVJC,KACCC,SAASC,eAAe,SAChCC,eAAe,CACrBC,SAAU,SACVC,MAAO,MACPC,OAAQ,WACR,EAIoChC,KAAMM,EAAW2B,UACrDT,EAAAA,EAAAA,KAACU,EAAAA,EAAO,CAACC,IAAI,iBAAiBC,MAAM,OAAOC,OAAO,UAChC,C,+CCpCjB,MAAMH,EAAUI,IAAA,IAAC,IAAEH,EAAG,MAAEC,EAAK,OAAEC,GAAsBC,EAAA,OAC1Dd,EAAAA,EAAAA,KAAA,OAAKW,IAAG,YAAAI,OAAcJ,GAAOK,IAAKL,EAAKC,MAAOA,EAAOC,OAAQA,GAAU,C","sources":["common/ScrollToTop/styles.ts","common/utils/getWindow.ts","common/ScrollToTop/index.tsx","common/SvgIcon/index.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const ScrollUpContainer = styled(\"div\")<{\n  show: boolean;\n}>`\n  padding: 10px;\n  position: fixed;\n  right: 30px;\n  bottom: 30px;\n  z-index: 10;\n  cursor: pointer;\n  background: #4789f7;\n  text-align: center;\n  align-items: center;\n  border-radius: 4px;\n  transition: all 0.3s ease-in-out;\n  visibility: ${(p) => (p.show ? \"visible\" : \"hidden\")};\n  opacity: ${(p) => (p.show ? \"1\" : \"0\")};\n  display: flex;\n\n  &:hover,\n  &:active,\n  &:focus {\n    background: rgb(224, 224, 224);\n  }\n\n  @media screen and (max-width: 1240px) {\n    display: none;\n  }\n`;\n","export function isWindow(obj: typeof window | null): boolean {\n  return obj !== null && obj !== undefined && obj === obj.window;\n}\n\nexport const getScroll = (\n  target: HTMLElement | Window | Document | null,\n  top: boolean\n): number => {\n  if (typeof window === \"undefined\") {\n    return 0;\n  }\n  const method = top ? \"scrollTop\" : \"scrollLeft\";\n  let result = 0;\n  if (isWindow(target as typeof window)) {\n    result = (target as Window)[top ? \"pageYOffset\" : \"pageXOffset\"];\n  } else if (target instanceof Document) {\n    result = target.documentElement[method];\n  } else if (target) {\n    result = (target as HTMLElement)[method];\n  }\n  if (\n    target &&\n    !isWindow(target as typeof window) &&\n    typeof result !== \"number\"\n  ) {\n    result = ((target as HTMLElement).ownerDocument || (target as Document))\n      .documentElement?.[method];\n  }\n  return result;\n};\n","import { useEffect, useState } from \"react\";\nimport { SvgIcon } from \"../SvgIcon\";\nimport { ScrollUpContainer } from \"./styles\";\nimport { getScroll } from \"../utils/getWindow\";\n\nconst ScrollToTop = () => {\n  const [showScroll, setShowScroll] = useState(false);\n\n  const checkScrollTop = (event: any) => {\n    const offsetFromTop = getScroll(event.target, true);\n\n    if (!showScroll && offsetFromTop > 350) {\n      setShowScroll(true);\n    } else if (offsetFromTop <= 350) {\n      setShowScroll(false);\n    }\n  };\n\n  useEffect(() => {\n    window.addEventListener(\"scroll\", checkScrollTop);\n    return () => {\n      window.removeEventListener(\"scroll\", checkScrollTop);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const scrollUp = () => {\n    const element = document.getElementById(\"intro\") as HTMLDivElement;\n    element.scrollIntoView({\n      behavior: \"smooth\",\n      block: \"end\",\n      inline: \"nearest\",\n    });\n  };\n\n  return (\n    <ScrollUpContainer onClick={scrollUp} show={showScroll}>\n      <SvgIcon src=\"scroll-top.svg\" width=\"20px\" height=\"20px\" />\n    </ScrollUpContainer>\n  );\n};\n\nexport default ScrollToTop;\n","import { SvgIconProps } from \"../types\";\n\nexport const SvgIcon = ({ src, width, height }: SvgIconProps) => (\n  <img src={`/img/svg/${src}`} alt={src} width={width} height={height} />\n);\n"],"names":["ScrollUpContainer","styled","_templateObject","_taggedTemplateLiteral","p","show","isWindow","obj","undefined","window","ScrollToTop","showScroll","setShowScroll","useState","checkScrollTop","event","offsetFromTop","getScroll","target","top","method","result","_documentElement","Document","documentElement","ownerDocument","useEffect","addEventListener","removeEventListener","_jsx","onClick","scrollUp","document","getElementById","scrollIntoView","behavior","block","inline","children","SvgIcon","src","width","height","_ref","concat","alt"],"sourceRoot":""}