https://klavi.fr/cdn/shop/t/9/assets/progressbar-autoplay.js?v=65042286946445812501772395452

1export function setupProgressbarAutoplay(carousel,options){if(!carousel.swiperInstance||!options.autoplay)return;const autoplayDelay=options.autoplay.delay||5e3,progressbarEl=carousel.swiperInstance.pagination?.el;if(!progressbarEl)return;const progressbarFill=progressbarEl.querySelector(".swiper-pagination-progressbar-fill");if(!progressbarFill)return;const isHorizontal=carousel.swiperInstance.isHorizontal(),baseTransform="translate3d(0,0,0)";progressbarFill.style.transition="none",isHorizontal?progressbarFill.style.transform=`${baseTransform} scaleX(0)`:progressbarFill.style.transform=`${baseTransform} scaleY(0)`;let progressAnimationRafId=null;const animateProgress=()=>{progressAnimationRafId!==null&&cancelAnimationFrame(progressAnimationRafId),requestAnimationFrame(()=>{const isHorizontal2=carousel.swiperInstance.isHorizontal(),baseTransform2="translate3d(0,0,0)";progressbarFill.style.transition="none",isHorizontal2?progressbarFill.style.transform=`${baseTransform2} scaleX(0)`:progressbarFill.style.transform=`${baseTransform2} scaleY(0)`,progressAnimationRafId=requestAnimationFrame(()=>{progressAnimationRafId=requestAnimationFrame(()=>{progressAnimationRafId=null,isHorizontal2?(progressbarFill.style.transition=`transform ${autoplayDelay}ms linear`,progressbarFill.style.transform=`${baseTransform2} scaleX(1)`):(progressbarFill.style.transition=`transform ${autoplayDelay}ms linear`,progressbarFill.style.transform=`${baseTransform2} scaleY(1)`)})})})};carousel.swiperInstance.on("paginationRender",()=>{progressbarFill.style.transition="none",carousel.swiperInstance.isHorizontal()?progressbarFill.style.transform=`${baseTransform} scaleX(0)`:progressbarFill.style.transform=`${baseTransform} scaleY(0)`}),carousel.swiperInstance.on("autoplayStart",animateProgress),carousel.swiperInstance.on("paginationUpdate",()=>{carousel.swiperInstance.autoplay?.running&&animateProgress()});let breakpointAnimationTimeout=null;carousel.swiperInstance.on("breakpoint",()=>{breakpointAnimationTimeout&&clearTimeout(breakpointAnimationTimeout),breakpointAnimationTimeout=setTimeout(()=>{carousel.swiperInstance.autoplay?.running?requestAnimationFrame(()=>{requestAnimationFrame(()=>{carousel.swiperInstance.autoplay?.running&&animateProgress(),breakpointAnimationTimeout=null})}):breakpointAnimationTimeout=null},150)});let resizeAnimationTimeout=null;carousel.swiperInstance.on("resize",()=>{resizeAnimationTimeout&&clearTimeout(resizeAnimationTimeout),resizeAnimationTimeout=setTimeout(()=>{carousel.swiperInstance.autoplay?.running?requestAnimationFrame(()=>{requestAnimationFrame(()=>{carousel.swiperInstance.autoplay?.running&&animateProgress(),resizeAnimationTimeout=null})}):resizeAnimationTimeout=null},150)}),carousel.swiperInstance.on("autoplayStop",()=>{progressAnimationRafId!==null&&(cancelAnimationFrame(progressAnimationRafId),progressAnimationRafId=null),progressbarFill.style.transition="none"}),carousel.swiperInstance.on("autoplayPause",()=>{progressAnimationRafId!==null&&(cancelAnimationFrame(progressAnimationRafId),progressAnimationRafId=null)}),animateProgress()}
2//# sourceMappingURL=/cdn/shop/t/9/assets/progressbar-autoplay.js.map?v=65042286946445812501772395452