https://us.londonnootropics.com/cdn/shop/t/113/assets/timeline-slider.js?v=69659857739657266911758561757

1if(!customElements.get("timeline-slider")){class TimelineSlider extends HTMLElement{static selectors={arrows:{left:".arrow-left",right:".arrow-right"},contentSlider:"[js-content-slider]",imageSlider:"[js-image-slider]"};static SWIPER_ACTIVE_CLASS="swiper-currently-active";static SPACE_BETWEEN_DESKTOP=41;static SPACE_BETWEEN_MOBILE=32;constructor(){super(),this.mediaQuery=window.matchMedia("(max-width: 749px)"),this.autoSlideInterval=null}calculateSliderOffset(){const offset=window.innerWidth/2-67;return this.mediaQuery.matches?offset:0}onSlideChange(activeSwiper,syncedSwiper){!activeSwiper||!syncedSwiper||(activeSwiper.activeIndex!==syncedSwiper.activeIndex&&syncedSwiper.slideTo(activeSwiper.activeIndex),activeSwiper.slides.forEach((slide,index)=>{slide.classList.toggle(TimelineSlider.SWIPER_ACTIVE_CLASS,index===activeSwiper.activeIndex)}),syncedSwiper.slides.forEach((slide,index)=>{slide.classList.toggle(TimelineSlider.SWIPER_ACTIVE_CLASS,index===syncedSwiper.activeIndex)}))}initImageSlider(){if(!this.imageSliderElement)return;const offset=this.calculateSliderOffset();this.imageSliderSettings={slidesPerView:"auto",spaceBetween:TimelineSlider.SPACE_BETWEEN_DESKTOP,centerInsufficientSlides:!0,allowTouchMove:!1,slidesOffsetBefore:offset,slidesOffsetAfter:offset,breakpoints:{750:{spaceBetween:TimelineSlider.SPACE_BETWEEN_MOBILE,slidesOffsetBefore:0}},on:{resize:swiper=>{const offset2=this.calculateSliderOffset();swiper.slidesOffsetBefore=offset2,swiper.slidesOffsetAfter=offset2},slideChange:()=>this.onSlideChange(this.imageSliderInstance,this.contentSliderInstance)}},this.imageSliderInstance=new Swiper(this.imageSliderElement,this.imageSliderSettings)}initContentSlider(){if(!this.contentSliderElement)return;const offset=this.calculateSliderOffset();this.contentSliderSettings={slidesPerView:"auto",spaceBetween:TimelineSlider.SPACE_BETWEEN_DESKTOP,centerInsufficientSlides:!0,allowTouchMove:!1,slidesOffsetBefore:offset,slidesOffsetAfter:offset,breakpoints:{750:{slidesOffsetBefore:0,spaceBetween:TimelineSlider.SPACE_BETWEEN_MOBILE}},on:{resize:swiper=>{const offset2=this.calculateSliderOffset();swiper.slidesOffsetBefore=offset2,swiper.slidesOffsetAfter=offset2},slideChange:()=>this.onSlideChange(this.imageSliderInstance,this.contentSliderInstance)}},this.imageSliderInstance&&(this.contentSliderSettings.thumbs={swiper:this.imageSliderInstance}),this.contentSliderInstance=new Swiper(this.contentSliderElement,this.contentSliderSettings)}changeSlide(direction){const totalSlides=this.imageSliderInstance.slides.length;this.currentIndex=(this.currentIndex+direction+totalSlides)%totalSlides;const prevSlideIndex=(this.currentIndex-direction+totalSlides)%totalSlides;this.imageSliderInstance.slides.forEach((slide,index)=>{slide.classList.remove(TimelineSlider.SWIPER_ACTIVE_CLASS,index!=this.currentIndex)}),this.imageSliderInstance.slideTo(this.currentIndex);const prevSlide=this.imageSliderInstance.slides[prevSlideIndex];prevSlide&&prevSlide.classList.remove(TimelineSlider.SWIPER_ACTIVE_CLASS);const newSlide=this.imageSliderInstance.slides[this.currentIndex];newSlide.classList.contains(TimelineSlider.SWIPER_ACTIVE_CLASS)||newSlide.classList.add(TimelineSlider.SWIPER_ACTIVE_CLASS),this.resetAutoSlideInterval()}clearAutoSlideInterval(){this.autoSlideInterval&&clearInterval(this.autoSlideInterval)}resetAutoSlideInterval(){this.clearAutoSlideInterval(),this.autoSlideInterval=setInterval(()=>this.changeSlide(1),3e3)}disconnectedCallback(){this.clearAutoSlideInterval()}connectedCallback(){if(this.imageSliderElement=this.querySelector(TimelineSlider.selectors.imageSlider),this.contentSliderElement=this.querySelector(TimelineSlider.selectors.contentSlider),this.initImageSlider(),this.initContentSlider(),!this.imageSliderInstance)return;this.currentIndex=this.imageSliderInstance.activeIndex,this.imageSliderInstance.slides[this.currentIndex].classList.add(TimelineSlider.SWIPER_ACTIVE_CLASS),this.autoSlideInterval=setInterval(()=>{this.changeSlide(1)},3e3);const prevEl=this.querySelector(TimelineSlider.selectors.arrows.left),nextEl=this.querySelector(TimelineSlider.selectors.arrows.right);prevEl&&prevEl.addEventListener("click",()=>{this.currentIndex!==0&&this.changeSlide(-1)}),nextEl&&nextEl.addEventListener("click",()=>{this.currentIndex!==this.imageSliderInstance.slides.length-1&&this.changeSlide(1)})}}customElements.define("timeline-slider",TimelineSlider)}
2//# sourceMappingURL=/cdn/shop/t/113/assets/timeline-slider.js.map?v=6965985

27739657266911758561757