{"version":3,"sources":["../scripts/regularity.js"],"names":["document","addEventListener","body","querySelector","section","texts","querySelectorAll","svg","height","clientHeight","parseFloat","window","getComputedStyle","getPropertyValue","scrollY","scroll","getBoundingClientRect","top","bottom","isInside","classList","toggle","phase1","phase2","phase3","phase4","phase5","phase6","style"],"mappings":";AAAAA,SAASC,iBAAiB,mBAAoB,WACtCC,IAAAA,EAAOF,SAASG,cAAc,QAC9BC,EAAUJ,SAASG,cAAc,sBAGjCE,EADOD,EAAQD,cAAc,YAChBG,iBAAiB,OAC9BC,EAAMH,EAAQD,cAAc,OAE5BK,EAASN,EAAKO,aACDC,WAAWC,OAAOC,iBAAiBR,EAAS,MAAMS,iBAAiB,gBA2BtFF,OAAOV,iBAAiB,SAzBP,WACAU,OAAOG,QAAhBC,IACkBX,EAAAA,EAAQY,wBAAxBC,EAAAA,EAAAA,IAAKC,EAAAA,EAAAA,OACPC,EAAWF,GAAO,GAAKC,EAASV,EAEtCD,EAAIa,UAAUC,OAAO,QAASF,GAC9BZ,EAAIa,UAAUC,OAAO,SAAUH,EAASV,GAElCc,IAAAA,EAASjB,EAAM,GAAGW,wBAAwBC,IAAe,IAATT,GAAiB,EACjEe,EAASlB,EAAM,GAAGW,wBAAwBC,IAAe,IAATT,GAAiB,EAEjEgB,EAASnB,EAAM,GAAGW,wBAAwBC,IAAe,GAATT,GAAgB,EAChEiB,EAASpB,EAAM,GAAGW,wBAAwBC,IAAe,IAATT,GAAiB,EACjEkB,EAASrB,EAAM,GAAGW,wBAAwBC,IAAe,IAATT,GAAiB,EACjEmB,EAAStB,EAAM,GAAGW,wBAAwBC,IAAe,IAATT,GAAiB,EAEvED,EAAIa,UAAUC,OAAO,WAAYC,GACjCf,EAAIa,UAAUC,OAAO,UAAWC,IAAWC,GAC3ChB,EAAIa,UAAUC,OAAO,UAAWE,IAAWC,GAC3CjB,EAAIa,UAAUC,OAAO,UAAWG,IAAWC,GAC3ClB,EAAIa,UAAUC,OAAO,UAAWI,IAAWC,GAC3CnB,EAAIa,UAAUC,OAAO,UAAWK,IAAWC,GAC3CpB,EAAIa,UAAUC,OAAO,UAAWM,KAKlCpB,EAAIqB,MAAMpB,OAAYA,GAAAA,OAAAA,EAAtB","file":"regularity.ffd4d5a1.js","sourceRoot":"../src/pages","sourcesContent":["document.addEventListener('DOMContentLoaded', () => {\n  const body = document.querySelector('body');\n  const section = document.querySelector('section.regularity');\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.1 <= 0;\n    const phase4 = texts[3].getBoundingClientRect().top - height * 0.25 <= 0;\n    const phase5 = texts[4].getBoundingClientRect().top - height * 0.25 <= 0;\n    const phase6 = texts[5].getBoundingClientRect().top - height * 0.25 <= 0;\n\n    svg.classList.toggle('phase-0', !phase1);\n    svg.classList.toggle('phase-1', phase1 && !phase2);\n    svg.classList.toggle('phase-2', phase2 && !phase3);\n    svg.classList.toggle('phase-3', phase3 && !phase4);\n    svg.classList.toggle('phase-4', phase4 && !phase5);\n    svg.classList.toggle('phase-5', phase5 && !phase6);\n    svg.classList.toggle('phase-6', phase6);\n  }\n\n  window.addEventListener('scroll', onScroll);\n\n  svg.style.height = `${height}px`;\n});\n\n// вначале — маска — первый абзац\n// phase1 и phase2 (меняющаяся фигура) - второй абзац\n// третий-шестой абзацы: phase3 (голова), phase4 (змеи), phase5 (обезьяны), phase6 (рука)\n"]}