https://onlinehoortoestel.nl/cdn/shop/t/44/assets/product-media-slider.js?v=109222650269938176921783405125

1(async()=>{if(!customElements.get("product-media-slider")){const{default:Swiper,Navigation,Pagination,Scrollbar,Autoplay,Thumbs}=await import("./swiper.esm-dbcfe320.async.js"),{Fancybox}=await import("./fancybox.esm-575fa3d8.async.js");Swiper.use([Navigation,Pagination,Scrollbar,Autoplay,Thumbs]);class ProductMediaSlider extends HTMLElement{constructor(){super(),this.thumbSlider(),this.mainSlider(),this.fancybox(),this.reducer={slideToVariant:e=>this.slideToVariant(e)},document.addEventListener("variant-change",this.reducer.slideToVariant)}thumbSlider(){if(!Swiper)return!1;this.swiperThumbs=this.querySelector("[data-product-media-thumbnails-slider]"),this.swiperThumbsOptions={spaceBetween:12,direction:"vertical",slidesPerView:"auto",watchSlidesProgress:!0,navigation:{nextEl:".swiper-button-thumbnails-next",prevEl:".swiper-button-thumbnails-prev"}},this.swiperThumbsInstance=new Swiper(this.swiperThumbs,this.swiperThumbsOptions),Shopify.designMode&&this.swiperThumbsInstance&&window.addEventListener("shopify:section:load",(()=>{setTimeout((()=>{this.swiperThumbsInstance.update()}),300)}))}

1mainSlider(){if(typeof Swiper>"u")return!1;this.swiperMain=this.querySelector("[data-product-media-slider]");let thumbOptions;this.swiperThumbsInstance&&(thumbOptions={thumbs:{swiper:this.swiperThumbsInstance,slideThumbActiveClass:"swiper-slide-thumb-active border-primary"}});let initialSlideIndex=0;const initialVariant=parseInt(this.swiperMain.dataset.productMediaSlider);if(initialVariant){const initialSlide=this.matchVariantIdWithSlide(initialVariant);initialSlideIndex=initialSlide||initialSlideIndex}this.swiperMainOptions={direction:"horizontal",initialSlide:initialSlideIndex,spaceBetween:0,navigation:{nextEl:".product-media-slider__button-next",prevEl:".product-media-slider__button-prev"},pagination:{el:".swiper-pagination",clickable:!0},...thumbOptions},this.swiperMainInstance=new Swiper(this.swiperMain,this.swiperMainOptions),Shopify.designMode&&this.swiperMainInstance&&window.addEventListener("shopify:section:load",(()=>{this.swiperMainInstance.update()}))}fancybox(){if(typeof Swiper>"u")return!1;Fancybox.bind("[data-fancybox]",{animated:!1,showClass:!1,mainClass:"image-zoom"})}slideToVariant(e){if(e?.detail?.variant?.id){const slideIndex=this.matchVariantIdWithSlide(e.detail.variant.id);typeof slideIndex=="number"&&this.goToSlide(slideIndex)}}matchVariantIdWithSlide(id){if(!id||!this.swiperMain)return!1;const slide=[...this.swiperMain.querySelectorAll("[data-product-variant-image]")].find((slide2=>{if(JSON.parse(slide2.dataset.productVariantImage).includes(id))return slide2}));return slide?getNodeIndex(slide):!1}goToSlide(slide){if(typeof slide!="number"&&typeof slide!="object"||!this.swiperMainInstance)return!1;const index=typeof slide=="number"?parseInt(slide):getNodeIndex(slide);this.swiperMainInstance.slideTo(index)}}window.ProductMediaSlider=ProductMediaSlider,customElements.define("product-media-slider",ProductMediaSlider)}})();
2//# sourceMappingURL=/cdn/shop/t/44/assets/product-media-slider.js.map?v=109222650269938176921783405125