{"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":""}