{"version":3,"file":"list-with-image.bundle.js","mappings":"0HAGA,aAAyB,CAErB,qBAAsB,WAClB,MAAMA,EAAYC,SAASC,uBAAuB,aASlD,SAASC,EAAeC,GACpB,MAAMC,EAAkBJ,SAASC,uBAAuB,mBAClDI,EAA2BL,SAASC,uBAAuB,8BAA8B,GACzFK,EAAUN,SAASO,eAAe,GAAGC,KAAKC,QAAQH,WAExDI,MAAMC,KAAKP,GAAiBQ,SAAQC,IAChCA,EAAeC,MAAMC,QAAU,UAEnCV,EAAyBS,MAAME,WAAa,OAAOR,KAAKC,QAAQQ,MAChEX,EAAQQ,MAAMC,QAAU,OAhB5BL,MAAMC,KAAKZ,GAAWa,SAAQM,IAE1BA,EAASC,iBAAiB,aAAcjB,GACxCgB,EAASC,iBAAiB,QAASjB,GACnCgB,EAASC,iBAAiB,aAAcjB,OAehD,qBAAsB,WAElB,IAAIkB,EAEJ,MAAMC,EAASrB,SAASsB,iBAAiB,UACnCC,EAAavB,SAASwB,cAAc,eACpCC,EAAazB,SAASwB,cAAc,eACpCE,EAAe,gBAAgB,EAAG,GAElCC,EAAYN,EAAOO,OAEzB,SAASP,EAAQ,CACbQ,SAAUC,GAAS,IAAJA,IAGnB,MAAMC,EAAO,iBAAiB,IAAuB,KAAjBJ,EAAY,IAE1CK,EAAY,QAAQX,EAAQ,CAC9BQ,SAAU,KAAiB,IAAZF,EACfM,SAAU,EACVC,KAAM,OACNC,QAAQ,EACRC,QAAS,EACTC,UAAW,CACPR,SAAUE,KAIZO,EAAQtC,SAASuC,cAAc,OACrC,IAAIC,EAAiB,QAAQ,GAAI,IAC7BC,EAAa,EACbC,EAAY,EAahB,SAASC,EAAcC,GACnBJ,EAAeK,OAEf,MAAMC,EAAI1B,EAAM,iBAAiBkB,EAAO,KAAOM,EAAYH,GAE3DD,EAAiB,QAAQF,EAAO,CAC5BQ,EAAGA,EACHb,SAlDc,GAmDdc,SAAUC,IAIlB,SAASA,IACLhB,EAAUiB,SAASvB,EAAa,iBAAiBY,EAAO,KAAOI,IAGnE,SAASQ,IACL,MAAMC,EAAQ,iBAAiBb,EAAO,KAAOI,GAAc,EAE3DD,EAAapB,EAAO,GAAG+B,YACvBV,EAAYD,EAAad,EACzBP,EAAQ,gBAAgBqB,GAExB,SAASH,EAAO,CACZQ,EAAGK,EAAOT,IAGdC,EAAc,GACdH,EAAeS,SAAS,GAxC5BC,IAEAG,OAAOlC,iBAAiB,SAAU+B,GAElC3B,EAAWJ,iBAAiB,SAAS,WACjCwB,EAAc,MAGlBlB,EAAWN,iBAAiB,SAAS,WACjCwB,GAAe,W","sources":["webpack:///./components/list-with-image.js"],"sourcesContent":["import { gsap } from \"gsap\";\nimport { ScrollTrigger } from \"gsap/ScrollTrigger\";\n\nScrollTrigger.matchMedia({\n\n    \"(min-width: 768px)\": function () {\n        const listItems = document.getElementsByClassName(\"list-item\");\n\n        Array.from(listItems).forEach(listItem => {\n\n            listItem.addEventListener(\"touchstart\", handleListItem);\n            listItem.addEventListener(\"click\", handleListItem);\n            listItem.addEventListener(\"mouseenter\", handleListItem);\n        });\n\n        function handleListItem(evt) {\n            const careersOverlays = document.getElementsByClassName(\"careers-overlay\");\n            const careersOverlaysContainer = document.getElementsByClassName(\"careers-overlays-container\")[0];\n            const overlay = document.getElementById(`${this.dataset.overlay}`);\n\n            Array.from(careersOverlays).forEach(careersOverlay => {\n                careersOverlay.style.display = \"none\";\n            });\n            careersOverlaysContainer.style.background = `url(${this.dataset.bg})`;\n            overlay.style.display = \"flex\";\n        }\n    },\n    \"(max-width: 767px)\": function () {\n        const slideDuration = 0.3;\n        let snapX;\n\n        const slides = document.querySelectorAll(\".slide\");\n        const prevButton = document.querySelector(\"#prevButton\");\n        const nextButton = document.querySelector(\"#nextButton\");\n        const progressWrap = gsap.utils.wrap(0, 1);\n\n        const numSlides = slides.length;\n\n        gsap.set(slides, {\n            xPercent: i => i * 100\n        });\n\n        const wrap = gsap.utils.wrap(-100, (numSlides - 1) * 100);\n\n        const animation = gsap.to(slides, {\n            xPercent: `+=${numSlides * 100}`,\n            duration: 1,\n            ease: \"none\",\n            paused: true,\n            repeat: -1,\n            modifiers: {\n                xPercent: wrap\n            }\n        });\n\n        const proxy = document.createElement(\"div\");\n        let slideAnimation = gsap.to({}, {});\n        let slideWidth = 0;\n        let wrapWidth = 0;\n        resize();\n\n        window.addEventListener(\"resize\", resize);\n\n        prevButton.addEventListener(\"click\", function () {\n            animateSlides(1);\n        });\n\n        nextButton.addEventListener(\"click\", function () {\n            animateSlides(-1);\n        });\n\n        function animateSlides(direction) {\n            slideAnimation.kill();\n\n            const x = snapX(gsap.getProperty(proxy, \"x\") + direction * slideWidth);\n\n            slideAnimation = gsap.to(proxy, {\n                x: x,\n                duration: slideDuration,\n                onUpdate: updateProgress\n            });\n        }\n\n        function updateProgress() {\n            animation.progress(progressWrap(gsap.getProperty(proxy, \"x\") / wrapWidth));\n        }\n\n        function resize() {\n            const norm = (gsap.getProperty(proxy, \"x\") / wrapWidth) || 0;\n\n            slideWidth = slides[0].offsetWidth;\n            wrapWidth = slideWidth * numSlides;\n            snapX = gsap.utils.snap(slideWidth);\n\n            gsap.set(proxy, {\n                x: norm * wrapWidth\n            });\n\n            animateSlides(0);\n            slideAnimation.progress(1);\n        }\n    }\n});"],"names":["listItems","document","getElementsByClassName","handleListItem","evt","careersOverlays","careersOverlaysContainer","overlay","getElementById","this","dataset","Array","from","forEach","careersOverlay","style","display","background","bg","listItem","addEventListener","snapX","slides","querySelectorAll","prevButton","querySelector","nextButton","progressWrap","numSlides","length","xPercent","i","wrap","animation","duration","ease","paused","repeat","modifiers","proxy","createElement","slideAnimation","slideWidth","wrapWidth","animateSlides","direction","kill","x","onUpdate","updateProgress","progress","resize","norm","offsetWidth","window"],"sourceRoot":""}