{"version":3,"file":"elements-quotes.js","mappings":"yJAIAA,SAASC,iBAAiB,mBAAmBC,SAASC,IACpD,MAAMC,EAAc,IAAIC,EAAAA,EAAOF,EAAGG,cAAc,6BAA8B,CAC5EC,QAAS,CAACC,EAAAA,GAAMC,EAAAA,IAChBC,OAAQ,OACRC,WAAY,CACVC,WAAW,GAEbC,MAAM,EACNC,MAAO,IACPC,gBAAgB,IAGZC,EAAiBb,EAAGG,cAAc,sBAiClCW,EAAW,IAAIC,sBACnB,EAAEC,MACIA,EAAEC,iBAhCR,IAAIf,EAAAA,EAAOF,EAAGG,cAAc,0BAA2B,CACrDC,QAAS,CAACC,EAAAA,GAAMa,EAAAA,GAAUZ,EAAAA,GAAYa,EAAAA,IACtCC,SAAU,CACRC,MAAO,IACPC,sBAAsB,GAExBf,OAAQ,OACRC,WAAY,CACVC,WAAW,GAEbC,MAAM,EACNC,MAAO,IACPC,gBAAgB,EAChBW,WAAY,CACVC,OAAQxB,EAAGG,cAAc,uBACzBsB,OAAQzB,EAAGG,cAAc,wBAE3BuB,GAAI,CACFC,kBAAoBC,IAClB3B,EAAY4B,QAAQD,EAAOE,UAAU,EAEvCC,gBAAAA,CAAiBC,EAAGC,EAAIC,GAClBrB,GACFA,EAAesB,MAAMC,YAAY,aAAc,EAAIF,EAEvD,KASApB,EAASuB,aACX,GAEF,CACEC,UAAW,CAAC,MAIhBxB,EAASyB,QAAQvC,EAAG,G","sources":["webpack://silverstripe-base/./themes/app/src/elements/quotes.js"],"sourcesContent":["import Swiper from \"swiper\";\nimport { A11y, Autoplay, EffectFade, Navigation } from \"swiper/modules\";\nimport \"@styles/components/slider.css\";\n\ndocument.querySelectorAll(\".element-quotes\").forEach((el) => {\n const imageSwiper = new Swiper(el.querySelector(\".quotes-bg-slider .swiper\"), {\n modules: [A11y, EffectFade],\n effect: \"fade\",\n fadeEffect: {\n crossFade: true,\n },\n loop: true,\n speed: 750,\n allowTouchMove: false,\n });\n\n const progressCircle = el.querySelector(\".autoplay-progress\");\n\n const start = () => {\n new Swiper(el.querySelector(\".quotes-slider .swiper\"), {\n modules: [A11y, Autoplay, EffectFade, Navigation],\n autoplay: {\n delay: 6000,\n disableOnInteraction: false,\n },\n effect: \"fade\",\n fadeEffect: {\n crossFade: true,\n },\n loop: true,\n speed: 750,\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 autoplayTimeLeft(_, __, progress) {\n if (progressCircle) {\n progressCircle.style.setProperty(\"--progress\", 1 - progress);\n }\n },\n },\n });\n };\n\n const observer = new IntersectionObserver(\n ([e]) => {\n if (e.isIntersecting) {\n 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","imageSwiper","Swiper","querySelector","modules","A11y","EffectFade","effect","fadeEffect","crossFade","loop","speed","allowTouchMove","progressCircle","observer","IntersectionObserver","e","isIntersecting","Autoplay","Navigation","autoplay","delay","disableOnInteraction","navigation","nextEl","prevEl","on","activeIndexChange","swiper","slideTo","realIndex","autoplayTimeLeft","_","__","progress","style","setProperty","disconnect","threshold","observe"],"sourceRoot":""}