{"version":3,"sources":["../scripts/bikes.js"],"names":["document","addEventListener","body","querySelector","section","texts","querySelectorAll","svg","height","clientHeight","svgPadding","parseFloat","window","getComputedStyle","getPropertyValue","scrollY","scroll","getBoundingClientRect","top","bottom","isInside","classList","toggle","phase1","phase2","phase3","style"],"mappings":";AAAAA,SAASC,iBAAiB,mBAAoB,WACtCC,IAAAA,EAAOF,SAASG,cAAc,QAC9BC,EAAUJ,SAASG,cAAc,iBAGjCE,EADOD,EAAQD,cAAc,YAChBG,iBAAiB,OAC9BC,EAAMH,EAAQD,cAAc,OAE5BK,EAASN,EAAKO,aACdC,EAAaC,WAAWC,OAAOC,iBAAiBT,EAAS,MAAMU,iBAAiB,gBAoBtFF,OAAOX,iBAAiB,SAlBP,WACAW,OAAOG,QAAhBC,IACkBZ,EAAAA,EAAQa,wBAAxBC,EAAAA,EAAAA,IAAKC,EAAAA,EAAAA,OACPC,EAAWF,GAAO,GAAKC,EAASX,EAEtCD,EAAIc,UAAUC,OAAO,QAASF,GAC9Bb,EAAIc,UAAUC,OAAO,SAAUH,EAASX,GAElCe,IAAAA,EAASlB,EAAM,GAAGY,wBAAwBC,IAAe,IAATV,GAAiB,EACjEgB,EAASnB,EAAM,GAAGY,wBAAwBC,IAAe,IAATV,GAAiB,EAEjEiB,EAASpB,EAAM,GAAGY,wBAAwBC,IAAe,IAATV,GAAiB,EAEvED,EAAIc,UAAUC,OAAO,UAAWC,IAAWC,GAC3CjB,EAAIc,UAAUC,OAAO,UAAWE,IAAWC,GAC3ClB,EAAIc,UAAUC,OAAO,UAAWG,KAKlClB,EAAImB,MAAMlB,OAAYA,GAAAA,OAAAA,EAAsB,EAAbE,EAA/B","file":"bikes.d19bb621.js","sourceRoot":"../src/pages","sourcesContent":["document.addEventListener('DOMContentLoaded', () => {\n  const body = document.querySelector('body');\n  const section = document.querySelector('section.bikes');\n\n  const text = section.querySelector('.content');\n  const texts = text.querySelectorAll('div');\n  const svg = section.querySelector('svg');\n\n  const height = body.clientHeight;\n  const svgPadding = parseFloat(window.getComputedStyle(section, null).getPropertyValue('padding-top'));\n\n  const onScroll = () => {\n    const scroll = window.scrollY;\n    const { top, bottom } = section.getBoundingClientRect();\n    const isInside = top <= 0 && bottom > height;\n\n    svg.classList.toggle('fixed', isInside);\n    svg.classList.toggle('bottom', bottom < height);\n\n    const phase1 = texts[1].getBoundingClientRect().top - height * 0.25 <= 0;\n    const phase2 = texts[1].getBoundingClientRect().top + height * 0.25 <= 0;\n\n    const phase3 = texts[2].getBoundingClientRect().top - height * 0.25 <= 0;\n\n    svg.classList.toggle('phase-1', phase1 && !phase2);\n    svg.classList.toggle('phase-2', phase2 && !phase3)\n    svg.classList.toggle('phase-3', phase3);\n  }\n\n  window.addEventListener('scroll', onScroll);\n\n  svg.style.height = `${height - svgPadding * 2}px`;\n});\n"]}