{"version":3,"file":"elements-featured-media.js","mappings":"yJAIAA,SAASC,iBAAiB,0BAA0BC,SAASC,IAC3D,MAAMC,EAAc,IAAIC,EAAAA,EAAOF,EAAGG,cAAc,8BAA+B,CAC7EC,QAAS,CAACC,EAAAA,GAAMC,EAAAA,IAChBC,OAAQ,OACRC,WAAY,CACVC,WAAW,GAEbC,MAAM,EACNC,MAAO,IACPC,gBAAgB,IAGlB,IAAIV,EAAAA,EAAOF,EAAGG,cAAc,wBAAyB,CACnDC,QAAS,CAACC,EAAAA,GAAMC,EAAAA,GAAYO,EAAAA,IAC5BC,cAAe,EACfP,OAAQ,OACRC,WAAY,CACVC,WAAW,GAEbC,MAAM,EACNC,MAAO,IACPC,gBAAgB,EAChBG,WAAY,CACVC,OAAQhB,EAAGG,cAAc,uBACzBc,OAAQjB,EAAGG,cAAc,wBAE3Be,GAAI,CACFC,kBAAoBC,IAClBnB,EAAYoB,QAAQD,EAAOE,UAAU,IAGzC,G","sources":["webpack://silverstripe-base/./themes/app/src/elements/featured-media.js"],"sourcesContent":["import Swiper from \"swiper\";\nimport { A11y, EffectFade, Navigation } from \"swiper/modules\";\nimport \"@styles/components/slider.css\";\n\ndocument.querySelectorAll(\".element-featuredmedia\").forEach((el) => {\n  const imageSwiper = new Swiper(el.querySelector(\".item-image-slider .swiper\"), {\n    modules: [A11y, EffectFade],\n    effect: \"fade\",\n    fadeEffect: {\n      crossFade: true,\n    },\n    loop: true,\n    speed: 500,\n    allowTouchMove: false,\n  });\n\n  new Swiper(el.querySelector(\".item-slider .swiper\"), {\n    modules: [A11y, EffectFade, Navigation],\n    slidesPerView: 1,\n    effect: \"fade\",\n    fadeEffect: {\n      crossFade: true,\n    },\n    loop: true,\n    speed: 500,\n    allowTouchMove: false,\n    navigation: {\n      nextEl: el.querySelector(\".slider-button-next\"),\n      prevEl: el.querySelector(\".slider-button-prev\"),\n    },\n    on: {\n      activeIndexChange: (swiper) => {\n        imageSwiper.slideTo(swiper.realIndex);\n      },\n    },\n  });\n});\n"],"names":["document","querySelectorAll","forEach","el","imageSwiper","Swiper","querySelector","modules","A11y","EffectFade","effect","fadeEffect","crossFade","loop","speed","allowTouchMove","Navigation","slidesPerView","navigation","nextEl","prevEl","on","activeIndexChange","swiper","slideTo","realIndex"],"sourceRoot":""}