{"version":3,"file":"elements-benefits.js","mappings":"yJAIAA,SAASC,iBAAiB,+BAA+BC,SAASC,IAChE,MAAMC,EAAYD,EAAGE,cAAc,WAE7BC,EAAS,IAAIC,EAAAA,EAAOH,EAAW,CACnCI,QAAS,CAACC,EAAAA,GAAMC,EAAAA,IAChBC,SAAU,CACRC,MAAO,MAETC,MAAO,IACPC,MAAM,EACNC,cAAe,EACfC,aAAc,GACdC,YAAa,CACX,IAAK,CACHF,cAAe,EACfG,SAAS,EACTJ,MAAM,MAKZR,EAAOK,SAASQ,OAEhB,MAAMC,EAAW,IAAIC,sBACnB,EAAEC,MACIA,EAAEC,iBACJjB,EAAOK,SAASa,QAChBJ,EAASK,aACX,GAEF,CACEC,UAAW,CAAC,MAIhBN,EAASO,QAAQxB,EAAG,G","sources":["webpack://silverstripe-base/./themes/app/src/elements/benefits.js"],"sourcesContent":["import Swiper from \"swiper\";\nimport { A11y, Autoplay } from \"swiper/modules\";\nimport \"@styles/components/slider.css\";\n\ndocument.querySelectorAll(\".element-benefits .callouts\").forEach((el) => {\n  const container = el.querySelector(\".swiper\");\n\n  const swiper = new Swiper(container, {\n    modules: [A11y, Autoplay],\n    autoplay: {\n      delay: 1500,\n    },\n    speed: 750,\n    loop: true,\n    slidesPerView: 3,\n    spaceBetween: 16,\n    breakpoints: {\n      768: {\n        slidesPerView: 5,\n        enabled: false,\n        loop: false,\n      },\n    },\n  });\n\n  swiper.autoplay.stop();\n\n  const observer = new IntersectionObserver(\n    ([e]) => {\n      if (e.isIntersecting) {\n        swiper.autoplay.start();\n        observer.disconnect();\n      }\n    },\n    {\n      threshold: [0.7],\n    },\n  );\n\n  observer.observe(el);\n});\n"],"names":["document","querySelectorAll","forEach","el","container","querySelector","swiper","Swiper","modules","A11y","Autoplay","autoplay","delay","speed","loop","slidesPerView","spaceBetween","breakpoints","enabled","stop","observer","IntersectionObserver","e","isIntersecting","start","disconnect","threshold","observe"],"sourceRoot":""}