https://namuk.com/cdn/shop/t/119/assets/product-media-slider.js?v=156809700431256208761789544165

1(async()=>{if(!customElements.get("product-media-slider")){const{default:Swiper,Navigation,Pagination,Scrollbar,Autoplay,Thumbs}=await import("./swiper.esm-da447325.async.js"),{Fancybox}=await import("./fancybox.esm-6f4b27d2.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:8,direction:"horizontal",slidesPerView:4.5,autoHeight:!0,watchSlidesProgress:!0,navigation:!1,observer:!0,threshold:10,slidesOffsetBefore:8,slidesOffsetAfter:8,breakpoints:{768:{direction:"vertical",slidesPerView:6.5,slidesOffsetBefore:0,slidesOffsetAfter:0}}},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}});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:1,navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"},pagination:{el:".swiper-pagination-pdp",type:"bullets"},loop:!1,slidesPerView:"auto",scrollbar:{el:".swiper-scrollbar",draggable:!0},observer:!0,threshold:10,...thumbOptions},this.swiperMainInstance=new Swiper(this.swiperMain,this.swiperMainOptions),this.observeVideoAutoplay(),Shopify.designMode&&this.swiperMainInstance&&window.addEventListener("shopify:section:load",()=>{this.swiperMainInstance.update()})}observeVideoAutoplay(){this.fancyboxOpen=!1;const sliderVideos=this.swiperMain.querySelectorAll("video");this.pauseSliderVideos=()=>{sliderVideos.forEach(video=>{video.pause()})},this.videoObserver=new IntersectionObserver(entries=>{if(this.fancyboxOpen){entries.forEach(({target})=>{target.pause()});return}entries.forEach(({target,isIntersecting})=>{if(isIntersecting){target.play().catch(()=>{});return}target.pause()})},{root:this.swiperMain,threshold:.5}),this.syncVideoObserver=()=>{this.videoObserver.disconnect(),this.pauseSliderVideos(),sliderVideos.forEach(video=>{this.videoObserver.observe(video)})},this.syncVideoObserver()}fancybox(){if(typeof Fancybox>"u")return!1;Fancybox.bind('.swiper-slide:not(.swiper-slide-duplicate) [data-fancybox="product-media-slider"]',{animated:!1,dragToClose:!1,infinite:!1,on:{done:()=>{this.fancyboxOpen=!0,this.pauseSliderVideos?.()},closing:()=>{this.fancyboxOpen=!1,this.syncVideoObserver?.()}}})}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/119/assets/product-media-slider.js.map?v=156809700431256208761789544165