{"version":3,"file":"scripts/chunks/_app_app_components_organisms_GoToTopButton_index_ts.da17d268fceff4b7306b.mjs","mappings":"wLAaA,IAT8BA,GAC5BC,EAAAA,cAAA,OAAAC,EAAAA,EAAAA,GAAA,CAAKC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,aAAgBL,GAClDC,EAAAA,cAAA,QACEK,SAAS,UACTC,EAAE,+F,yHCHR,MAAMC,EAAoBA,KACxB,MAAMC,GAAMC,EAAAA,EAAAA,QAA0B,MAQhCC,EAAiBA,KACHC,OAAOC,SAER,IACfJ,EAAIK,QAAQC,UAAUC,OAAO,aAE7BP,EAAIK,QAAQC,UAAUE,IAAI,YAC5B,EAWF,OARAC,EAAAA,EAAAA,YAAU,KACRN,OAAOO,iBAAiB,SAAUR,EAAgB,CAAES,SAAS,EAAMC,SAAS,IAErE,KACLT,OAAOU,oBAAoB,SAAUX,EAAe,IAErD,IAGDV,EAAAA,cAAA,UAAQQ,IAAKA,EAAKc,QAzBEC,KACpBC,IAAAA,QAAiBC,SAASC,gBAAiB,SAAU,CACnDC,OAAQ,eACR,EAsBwCC,KAAK,SAASC,UAAU,uBAChE7B,EAAAA,cAAA,QAAM6B,UAAU,0BACd7B,EAAAA,cAAC8B,EAAAA,EAAS,OAEL,C","sources":["webpack://rockworld/./app/components/atoms/icons/ArrowIcon.tsx","webpack://rockworld/./app/components/organisms/GoToTopButton/GoToTopButton.tsx"],"sourcesContent":["import React, { FC, SVGProps } from 'react';\r\n\r\ntype Props = SVGProps<SVGSVGElement>;\r\n\r\nconst ArrowIcon: FC<Props> = (props) => (\r\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" {...props}>\r\n    <path\r\n      fillRule=\"nonzero\"\r\n      d=\"M11.166 8.81l-2.962 3.308 1.118 1 4.55-5.083L9.316 3 8.204 4.007l2.989 3.302H1v1.5h10.166z\"\r\n    />\r\n  </svg>\r\n);\r\n\r\nexport default ArrowIcon;\r\n","import React, { FC, useEffect, useRef } from 'react';\r\nimport ArrowIcon from '@atoms/icons/ArrowIcon';\r\nimport Velocity from 'velocity-animate';\r\nimport './GoToTopButton.scss';\r\n\r\nconst GoToTopButton: FC = () => {\r\n  const ref = useRef<HTMLButtonElement>(null);\r\n\r\n  const onClickButton = () => {\r\n    Velocity.animate(document.documentElement, 'scroll', {\r\n      easing: 'easeOutQuad',\r\n    });\r\n  };\r\n\r\n  const onWindowScroll = () => {\r\n    const scrollTop = window.scrollY;\r\n\r\n    if (scrollTop >= 100) {\r\n      ref.current.classList.remove('is-hidden');\r\n    } else {\r\n      ref.current.classList.add('is-hidden');\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    window.addEventListener('scroll', onWindowScroll, { capture: true, passive: true });\r\n\r\n    return () => {\r\n      window.removeEventListener('scroll', onWindowScroll);\r\n    };\r\n  }, []);\r\n\r\n  return (\r\n    <button ref={ref} onClick={onClickButton} type=\"button\" className=\"go-to-top is-hidden\">\r\n      <span className=\"icon icon--arrow-right\">\r\n        <ArrowIcon />\r\n      </span>\r\n    </button>\r\n  );\r\n};\r\nexport { GoToTopButton };\r\n"],"names":["props","React","_extends","width","height","viewBox","fillRule","d","GoToTopButton","ref","useRef","onWindowScroll","window","scrollY","current","classList","remove","add","useEffect","addEventListener","capture","passive","removeEventListener","onClick","onClickButton","Velocity","document","documentElement","easing","type","className","ArrowIcon"],"sourceRoot":""}