{"version":3,"file":"elements-why-celebrate.6129461722abd2fa6717.js","mappings":"yJAGA,MAAMA,EAA0BA,CAACC,EAAQC,KACvC,MAAMC,EAAWD,EAAGE,cAAc,oBAE9BH,EAAOI,aAAeJ,EAAOK,MAC/BH,EAASI,UAAUC,IAAI,UAEvBL,EAASI,UAAUE,OAAO,SAC5B,EAGFC,SAASC,iBAAiB,yBAAyBC,SAASV,IAC1D,MAAMW,EAAYX,EAAGE,cAAc,WAC7BU,EAAiBZ,EAAGS,iBAAiB,oBAErCV,EAAS,IAAIc,EAAAA,EAAOF,EAAW,CACnCG,QAAS,CAACC,EAAAA,GAAMC,EAAAA,IAChBC,cAAe,EACfC,aAAc,GACdC,WAAY,CACVC,OAAQpB,EAAGE,cAAc,uBACzBmB,OAAQrB,EAAGE,cAAc,wBAE3BoB,qBAAqB,EACrBC,YAAa,CACX,IAAK,CACHN,cAAe,EACfC,aAAc,IAEhB,KAAM,CACJD,cAAe,EACfC,aAAc,IAEhB,KAAM,CACJD,cAAe,EACfC,aAAc,IAEhB,KAAM,CACJD,cAAe,EACfC,aAAc,KAGlBM,GAAI,CACFC,KAAO1B,IACLD,EAAwBC,EAAQC,EAAG,EAErC0B,OAAS3B,IACPD,EAAwBC,EAAQC,EAAG,KAKrCY,EAAee,QACjBf,EAAeF,SAASkB,IACtBA,EAAOC,iBAAiB,SAAS,KAC/B7B,EAAGK,UAAUyB,OAAO,eAEhB9B,EAAGK,UAAU0B,SAAS,gBACxBhC,EAAOiC,QAAQ,EAAG,GAClBjC,EAAOkC,YAEPjC,EAAGK,UAAUC,IAAI,eACjBP,EAAOmC,SAEPC,YAAW,KACTnC,EAAGK,UAAUE,OAAO,cAAc,GACjC,KACL,GACA,GAEN,G","sources":["webpack://silverstripe-base/./themes/app/src/elements/why-celebrate.js"],"sourcesContent":["import Swiper from 'swiper'\nimport { A11y, Navigation } from 'swiper/modules'\n\nconst handleShowAllVisibility = (swiper, el) => {\n  const controls = el.querySelector('.slider-controls')\n\n  if (swiper.isBeginning && swiper.isEnd) {\n    controls.classList.add('hidden')\n  } else {\n    controls.classList.remove('hidden')\n  }\n}\n\ndocument.querySelectorAll('.element-whycelebrate').forEach((el) => {\n  const container = el.querySelector('.swiper')\n  const showAllToggles = el.querySelectorAll('.show-all-toggle')\n\n  const swiper = new Swiper(container, {\n    modules: [A11y, Navigation],\n    slidesPerView: 1,\n    spaceBetween: 24,\n    navigation: {\n      nextEl: el.querySelector('.slider-button-next'),\n      prevEl: el.querySelector('.slider-button-prev'),\n    },\n    watchSlidesProgress: true,\n    breakpoints: {\n      768: {\n        slidesPerView: 2,\n        spaceBetween: 24,\n      },\n      1024: {\n        slidesPerView: 3,\n        spaceBetween: 24,\n      },\n      1280: {\n        slidesPerView: 3,\n        spaceBetween: 36,\n      },\n      1536: {\n        slidesPerView: 3,\n        spaceBetween: 64,\n      },\n    },\n    on: {\n      init: (swiper) => {\n        handleShowAllVisibility(swiper, el)\n      },\n      resize: (swiper) => {\n        handleShowAllVisibility(swiper, el)\n      },\n    },\n  })\n\n  if (showAllToggles.length) {\n    showAllToggles.forEach((button) => {\n      button.addEventListener('click', () => {\n        el.classList.toggle('is-show-all')\n\n        if (el.classList.contains('is-show-all')) {\n          swiper.slideTo(0, 0)\n          swiper.disable()\n        } else {\n          el.classList.add('is-enabling')\n          swiper.enable()\n\n          setTimeout(() => {\n            el.classList.remove('is-enabling')\n          }, 300)\n        }\n      })\n    })\n  }\n})\n"],"names":["handleShowAllVisibility","swiper","el","controls","querySelector","isBeginning","isEnd","classList","add","remove","document","querySelectorAll","forEach","container","showAllToggles","Swiper","modules","A11y","Navigation","slidesPerView","spaceBetween","navigation","nextEl","prevEl","watchSlidesProgress","breakpoints","on","init","resize","length","button","addEventListener","toggle","contains","slideTo","disable","enable","setTimeout"],"sourceRoot":""}