{"version":3,"file":"elements-content-panel-scroller.js","mappings":"yJAIA,MAAMA,EAAoBA,KACnBC,OAAOC,WAAW,uBAAuBC,SAG9CC,SAASC,iBAAiB,iCAAiCC,SAASC,IAClE,MAAMC,EAAeJ,SAASK,cAAc,gBAAgBC,aAE5DH,EAAGF,iBAAiB,iBAAiBC,SAASK,IAC5C,MAAMC,EAAKD,EAAME,QAAQD,GAEnBE,EADOH,EAAMI,wBACIC,IAAMR,EACfD,EAAGE,cAAe,yBAAwBG,OAGhDK,MAAMC,UADVJ,EAAY,EACW,cAAaA,OAEb,eAC3B,GACA,GACF,EAGJb,OAAOkB,iBAAiB,SAAUnB,GAClCC,OAAOkB,iBAAiB,SAAUnB,GAElCA,IAEAI,SAASC,iBAAiB,qDAAqDC,SAASC,IACtF,MAAMa,EAAYb,EAAGE,cAAc,WAGnC,GAFkBF,EAAGF,iBAAiB,iBAAiBgB,OAEvC,EAAG,CACjB,MAAMC,EAAO,CACXC,QAAS,CAACC,EAAAA,GAAMC,EAAAA,GAAUC,EAAAA,IAC1BC,SAAU,CACRC,MAAO,KAETC,OAAQ,OACRC,WAAY,CACVC,WAAW,GAEbC,MAAM,EACNC,MAAO,KAGT,IAAIC,EAAAA,EAAOd,EAAWE,EACxB,I","sources":["webpack://silverstripe-base/./themes/app/src/elements/content-panel-scroller.js"],"sourcesContent":["import Swiper from \"swiper\";\nimport { A11y, Autoplay, EffectFade } from \"swiper/modules\";\nimport \"@styles/components/slider.css\";\n\nconst handlePanelScroll = () => {\n  if (!window.matchMedia(\"(min-width: 1024px)\").matches) {\n    return;\n  }\n  document.querySelectorAll(\".element-contentpanelscroller\").forEach((el) => {\n    const headerHeight = document.querySelector(\".site-header\").offsetHeight;\n\n    el.querySelectorAll(\".scroll-panel\").forEach((panel) => {\n      const id = panel.dataset.id;\n      const rect = panel.getBoundingClientRect();\n      const topOffset = rect.top - headerHeight;\n      const media = el.querySelector(`.panel-media[data-id=\"${id}\"]`);\n\n      if (topOffset < 0) {\n        media.style.transform = `translateY(${topOffset}px)`;\n      } else {\n        media.style.transform = `translateY(0)`;\n      }\n    });\n  });\n};\n\nwindow.addEventListener(\"scroll\", handlePanelScroll);\nwindow.addEventListener(\"resize\", handlePanelScroll);\n\nhandlePanelScroll();\n\ndocument.querySelectorAll(\".element-contentpanelscroller .panel-media-slider\").forEach((el) => {\n  const container = el.querySelector(\".swiper\");\n  const numSlides = el.querySelectorAll(\".swiper-slide\").length;\n\n  if (numSlides > 1) {\n    const opts = {\n      modules: [A11y, Autoplay, EffectFade],\n      autoplay: {\n        delay: 4000,\n      },\n      effect: \"fade\",\n      fadeEffect: {\n        crossFade: true,\n      },\n      loop: true,\n      speed: 1000,\n    };\n\n    new Swiper(container, opts);\n  }\n});\n"],"names":["handlePanelScroll","window","matchMedia","matches","document","querySelectorAll","forEach","el","headerHeight","querySelector","offsetHeight","panel","id","dataset","topOffset","getBoundingClientRect","top","style","transform","addEventListener","container","length","opts","modules","A11y","Autoplay","EffectFade","autoplay","delay","effect","fadeEffect","crossFade","loop","speed","Swiper"],"sourceRoot":""}