1import{Swiper}from"@theme/swiper";export function setupThumbnails(carousel,config){if(!carousel.querySelector('[ref="thumbnails"]')){console.warn("Thumbnail container not found");return}initThumbnailSwiper(carousel,config),bindThumbnailEvents(carousel),syncThumbnailsWithMain(carousel)}function initThumbnailSwiper(carousel,config){const swiperEl=carousel.querySelector('[ref="thumbnails"] .carousel__thumbnails-swiper');if(!swiperEl){console.warn("Thumbnail swiper element not found");return}const swiperOptions={slidesPerView:config.slidesPerView||4,spaceBetween:config.spaceBetween||8,watchSlidesProgress:!0,slideToClickedSlide:!0,centeredSlides:!1,freeMode:!1,...config};carousel.thumbnailSwiper=new Swiper(swiperEl,swiperOptions)}function bindThumbnailEvents(carousel){const thumbnailContainer=carousel.querySelector('[ref="thumbnails"]');thumbnailContainer&&thumbnailContainer.addEventListener("click",event=>{const thumb=event.target.closest(".carousel__thumbnail");if(!thumb)return;const index=Array.from(thumbnailContainer.querySelectorAll(".carousel__thumbnail")).indexOf(thumb);index!==-1&&carousel.goToSlide(index)})}function syncThumbnailsWithMain(carousel){if(!carousel.swiperInstance)return;carousel.swiperInstance.on("slideChange",()=>{const currentIndex=carousel.lastResolvedOptions?.loop?carousel.swiperInstance.realIndex??0:carousel.swiperInstance.activeIndex??0;updateActiveThumbnail(carousel,currentIndex)});const initialIndex=carousel.lastResolvedOptions?.loop?carousel.swiperInstance.realIndex??0:carousel.swiperInstance.activeIndex??0;updateActiveThumbnail(carousel,initialIndex)}function updateActiveThumbnail(carousel,activeIndex){const thumbnailContainer=carousel.querySelector('[ref="thumbnails"]');if(!thumbnailContainer)return;thumbnailContainer.querySelectorAll(".carousel__thumbnail").forEach((thumb,index)=>{thumb.classList.toggle("is-active",index===activeIndex)}),carousel.thumbnailSwiper&&carousel.thumbnailSwiper.slideTo(activeIndex)}export function destroyThumbnailSwiper(carousel){if(carousel.thumbnailSwiper){try{carousel.thumbnailSwiper.destroy(!0,!0)}catch{}carousel.thumbnailSwiper=null}} 2//# sourceMappingURL=/cdn/shop/t/98/assets/thumbnails.js.map?v=178047058174984258961781849778
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.