{"version":3,"file":"398.8142db586f53c8fca0b5.js","mappings":"8JAEAA,EAAAA,GAAKC,eAAeC,EAAAA,GAmDpB,UAjDA,MACEC,WAAAA,GACEC,KAAKC,OAASL,EAAAA,GAAKM,MAAMC,QAAQ,uBACjCH,KAAKI,QAAU,CAAC,EAChBJ,KAAKK,YAAcC,OAAOC,SAASC,cAAc,gBAAgBC,QAAQJ,aACzEL,KAAKU,SACP,CAEAA,OAAAA,GACEV,KAAKC,OAAOU,SAAQC,IAClB,MAAMC,EAAQb,KAAKc,SAASF,EAAMG,wBAAwBF,OAE1Df,EAAAA,EAAckB,WAAW,CACvB,qBAAsBC,KACpBjB,KAAKI,QAAUR,EAAAA,GAAKsB,SAAS,CAC3BC,cAAe,CACbC,QAAS,eACTC,MAAO,aACPC,IAAK,gBACLC,OAAO,KAIXvB,KAAKI,QAAQoB,OACXZ,EACA,CACEa,SAAUZ,EACVa,KAAMC,EAAAA,IAER,CACEC,SAAU,GACVH,UAAmB,EAATZ,EACVa,KAAMC,EAAAA,IAET,GAEH,GAEN,CAEAb,QAAAA,CAASe,GACP,OAAQA,EAAIC,OAAOC,WAAc,GACnC,CAEAC,aAAAA,CAAcC,EAAKC,GACjB,OAAOC,KAAKC,MAAMD,KAAKE,UAAYH,EAAMD,EAAM,IAAMA,CACvD,E","sources":["webpack://pratt-parent/./static/js/components/parallax-image.js"],"sourcesContent":["import { gsap, ScrollTrigger, Power2 } from 'gsap/all';\n\ngsap.registerPlugin(ScrollTrigger);\n\nclass ParallaxImage {\n constructor() {\n this.images = gsap.utils.toArray('.js-parallax .tease');\n this.tlScrub = {};\n this.assetLength = Number(document.querySelector('.js-parallax').dataset.assetLength);\n this.animate();\n }\n\n animate() {\n this.images.forEach(image => {\n const width = this.getWidth(image.getBoundingClientRect().width);\n\n ScrollTrigger.matchMedia({\n '(min-width: 768px)': () => {\n this.tlScrub = gsap.timeline({\n scrollTrigger: {\n trigger: '.js-parallax',\n start: 'top center',\n end: `bottom center`,\n scrub: true,\n },\n });\n\n this.tlScrub.fromTo(\n image,\n {\n yPercent: width,\n ease: Power2,\n },\n {\n duration: 0.5,\n yPercent: width * -1,\n ease: Power2,\n },\n );\n },\n });\n });\n }\n\n getWidth(w) {\n return (w / window.innerWidth) * 100;\n }\n\n randomInteger(min, max) {\n return Math.floor(Math.random() * (max - min + 1)) + min;\n }\n}\n\nexport default ParallaxImage;\n"],"names":["gsap","registerPlugin","ScrollTrigger","constructor","this","images","utils","toArray","tlScrub","assetLength","Number","document","querySelector","dataset","animate","forEach","image","width","getWidth","getBoundingClientRect","matchMedia","(min-width: 768px)","timeline","scrollTrigger","trigger","start","end","scrub","fromTo","yPercent","ease","Power2","duration","w","window","innerWidth","randomInteger","min","max","Math","floor","random"],"sourceRoot":""}