1if(!customElements.get("product-media")){class ProductMedia extends HTMLElement{constructor(){super(),this.selectors={slider:"[data-slider]",mediaItem:"[data-media-id]",modalOpeners:"[data-modal-opener-id]",zoomImages:"[data-pswp-image]",btnXr:"[data-shopify-xr]"},this.selectedMediaIndex=Number(this.querySelector(this.selectors.slider).querySelector("[data-selected]")?.dataset.index)||0;const swiperOptions=JSON.parse(this.querySelector(this.selectors.slider).getAttribute("data-swiper-options"));Shopify.designMode&&this.addEventListener("shopify:section:load",event=>{this.init()});const withThumbs=this.dataset.withThumbs;if(withThumbs==="true"){let setWrapperStyles=function(swiper){let wrapperCenterClass="swiper-wrapper__center",buttonDisabledClass=swiper.params.buttonDisabledClass,wrapperEl=swiper.wrapper[0];swiper.prevButton[0].classList.contains(buttonDisabledClass)&&swiper.nextButton[0].classList.contains(buttonDisabledClass)?wrapperEl.classList.add(wrapperCenterClass):wrapperEl.classList.remove(wrapperCenterClass)}}const isSingleSlide=this.querySelectorAll(".swiper-slide").length<=1;if(this.settings={sliderElement:this.querySelector(this.selectors.slider),sliderInstance:null,options:{initialSlide:0,direction:swiperOptions.direction||"horizontal",navigation:isSingleSlide?!1:{prevEl:this.querySelector(".swiper-button--prev"),nextEl:this.querySelector(".swiper-button--next")},pagination:isSingleSlide||swiperOptions.disablePagination?!1:{el:".swiper-pagination",type:"progressbar"},spaceBetween:swiperOptions.spaceBetween!==void 0?swiperOptions.spaceBetween:2,watchOverflow:!isSingleSlide,allowTouchMove:!isSingleSlide,watchSlidesVisibility:!0,watchSlidesProgress:!0,preventInteractionOnTransition:!0,resistanceRatio:swiperOptions.resistanceRatio!==void 0?swiperOptions.resistanceRatio:.85,autoHeight:this.dataset.autoHeight==="true",on:{afterInit:swiper=>{if(swiper.slides.length>1){const firstSlide=swiper.slides[0],firstSlideVideo=firstSlide.querySelector("video");firstSlideVideo&&this.playPromise(firstSlideVideo);const firstSlideYoutube=firstSlide.querySelector(".js-youtube");firstSlideYoutube&&this.playYoutubeVideo(firstSlideYoutube);const firstSlideVimeo=firstSlide.querySelector(".js-vimeo");firstSlideVimeo&&this.playVimeoVideo(firstSlideVimeo)}},reachEnd:swiper=>{this.closest("quick-cart-modal")&&window.innerWidth<750&&(swiper.allowSlideNext=!1)},slideChangeTransitionEnd:swiper=>{this.setActiveModalOpener(swiper)},transitionStart:swiper=>{const videos=swiper.el.querySelectorAll("video");Array.from(videos).forEach(video=>{video.pause()})},slideChange:swiper=>{if(this.closest("quick-cart-modal")&&window.innerWidth<750&&!swiper.isEnd&&(swiper.allowSlideNext=!0),window.innerWidth>=990){const activeIndex=swiper.activeIndex,totalSlides2=swiper.slides.length,previousIndex=swiper.previousIndex;let isLastSlide=activeIndex===totalSlides2-1,isArrivedLastSlide=!1;const prevButton=document.querySelector(".swiper-button.swiper-button--prev"),swiperContainer=document.querySelector(".product__media .swiper");prevButton&&prevButton.addEventListener("click",()=>{isArrivedLastSlide=!1,swiperContainer.style.marginInlineStart="0"}),swiperContainer&&(swiperContainer.style.marginInlineStart="0"),previousIndex>activeIndex&&(isArrivedLastSlide=!1,swiperContainer.style.marginInlineStart="0")}},transitionEnd:swiper=>{if(swiper.slides.length>1){let slideIndex=swiper.activeIndex;const swiperCardWidth=swiper.slides[0].offsetWidth;slideIndex=Math.abs(Math.floor(swiper.translate/[swiperCardWidth]));const activeSlide=Array.from(swiper.slides).find(sliderSlide=>sliderSlide.classList.contains("swiper-slide-active")),activeSlideVideo=activeSlide.querySelector("video"),nextSlideVideo=activeSlide.nextElementSibling?.querySelector("video"),playVideo=video=>{video&&video.paused?this.playPromise(video):video&&video.pause()};playVideo(activeSlideVideo),playVideo(nextSlideVideo);const activeSlideYoutube=activeSlide.querySelector(".js-youtube");activeSlideYoutube&&this.playYoutubeVideo(activeSlideYoutube);const activeSlideVimeo=activeSlide.querySelector(".js-vimeo");activeSlideVimeo&&this.playVimeoVideo(activeSlideVimeo)}}}}},withThumbs==="true"){const thumbSettings={swiper:{el:".swiper-thumbs",initialSlide:this.selectedMediaIndex,centeredSlides:!0,centeredSlidesB
1ounds:!0,freeMode:{enabled:!0,sticky:!0},direction:"horizontal",slidesPerView:6,spaceBetween:2,threshold:5,watchOverflow:!isSingleSlide,watchSlidesVisibility:!0,watchSlidesProgress:!0,breakpoints:{750:{direction:swiperOptions.thumbsDirectionDesktop,spaceBetween:5,slidesPerView:5}},on:{touchEnd:function(s,e){let range=5,diff=s.touches.diff=s.isHorizontal()?s.touches.currentX-s.touches.startX:s.touches.currentY-s.touches.startY;(diff<range||diff>-range)&&(s.allowClick=!0)},afterInit:()=>{this.querySelector(".swiper-thumbs").removeAttribute("style")}}}};this.settings.options.thumbs=thumbSettings,this.querySelectorAll(".swiper-slide").length===1?this.settings.options.breakpoints={750:{direction:swiperOptions.directionDesktop||swiperOptions.direction||"horizontal"},1e3:{slidesPerView:.6,direction:swiperOptions.directionDesktop||swiperOptions.direction||"horizontal"}}:this.settings.options.breakpoints={750:{direction:swiperOptions.directionDesktop||swiperOptions.direction||"horizontal",slidesPerView:swiperOptions.slidesPerViewDesktop||1},1e3:{slidesPerView:swiperOptions.slidesPerViewDesktop||1,direction:swiperOptions.directionDesktop||swiperOptions.direction||"horizontal"},1350:{slidesPerView:swiperOptions.slidesPerViewDesktop||1,direction:swiperOptions.directionDesktop||swiperOptions.direction||"horizontal"},1920:{slidesPerView:swiperOptions.slidesPerViewDesktop||1,direction:swiperOptions.directionDesktop||swiperOptions.direction||"horizontal"}},this.settings.options.on.init=swiper=>{setTimeout(()=>{swiper.thumbs.swiper.el.classList.add("swiper-thumbs--visible")},10)},this.settings.options.on.slideChangeTransitionStart=swiper=>{const thumbsSwiper=swiper.thumbs.swiper,activeIndex=swiper.activeIndex,thumbsActiveIndex=thumbsSwiper.activeIndex;activeIndex!==thumbsActiveIndex&&thumbsSwiper.slideTo(activeIndex)}}else this.querySelectorAll(".swiper-slide").length===1?(this.settings.options.slidesPerView=swiperOptions.slidesPerView||1,this.settings.options.breakpoints={750:{direction:swiperOptions.directionDesktop||swiperOptions.direction||"horizontal",slidesPerView:swiperOptions.slidesPerViewDesktop||.6},1e3:{slidesPerView:swiperOptions.slidesPerViewDesktop||.6,direction:swiperOptions.directionDesktop||swiperOptions.direction||"horizontal"}}):(this.settings.options.slidesPerView=swiperOptions.slidesPerView||1,this.settings.options.breakpoints={750:{direction:swiperOptions.directionDesktop||swiperOptions.direction||"horizontal",slidesPerView:swiperOptions.slidesPerViewDesktop||1},1e3:{slidesPerView:swiperOptions.slidesPerViewDesktop||1,direction:swiperOptions.directionDesktop||swiperOptions.direction||"horizontal"},1350:{slidesPerView:swiperOptions.slidesPerViewDesktop||1.3,direction:swiperOptions.directionDesktop||swiperOptions.direction||"horizontal"},1920:{slidesPerView:swiperOptions.slidesPerViewDesktop||1.7,direction:swiperOptions.directionDesktop||swiperOptions.direction||"horizontal"}})}playPromise(video){let playPromise=video.play();playPromise!==void 0&&playPromise.then(()=>{}).catch(error=>{video.pause()})}playYoutubeVideo(element){element.contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}',"*")}playVimeoVideo(element){element.contentWindow.postMessage('{"method":"play"}',"*")}connectedCallback(){this.init()}init(){const[zoomContainerWidth,zoomContainerHeight,closeIcon,prevIcon,nextIcon]=[this.offsetWidth,this.offsetHeight,this.querySelector("[data-close-icon]"),this.querySelector("[data-prev-icon]"),this.querySelector("[data-next-icon]")];function isPhone(){return window.innerWidth<750}const photoSwipeLightboxInstance=new PhotoSwipeLightbox({gallery:`#${this.settings.sliderElement.id}`,children:"a",mainClass:"pswp--product-media-gallery",loop:!1,showHideAnimationType:"zoom",initialZoomLevel:zoomLevelObject=>isPhone()?zoomLevelObject.vFill:zoomLevelObject.fit,secondaryZoomLevel:zoomLevelObject=>isPhone()?zoomLevelObject.fit:1,pswpModule:PhotoSwipe});photoSwipeLightboxInstance.addFilter("uiElement",(element,data)=>(data.name==="close"?element.innerHTML=closeIcon.innerHTML:data.name==="arrowPrev"?element.innerHTML=prevIcon.innerHTML:data.name==="arrowNext"&&(element.innerHTML=nextIcon.innerHTML),element)),photoSwipeLightboxInstance.addFilter("itemData",(itemData,index)=>itemData.type==="html"&&itemData.element?{html:itemData.element.dataset.pswpHtml}:itemData),photoSwipeLightboxInstance.init(),photoSwipeLightboxInstance.on("beforeOpen",()=>{const videos=this.querySelectorAll("video");
1Array.from(videos).forEach(video=>{video.play().then(()=>{}).catch(error=>{video.pause()})})}),this.addEventListener("dragstart",event=>{event.preventDefault()}),this.settings.sliderElement&&(this.settings.sliderInstance=new Swiper(this.settings.sliderElement,this.settings.options))}setActiveMedia(id){const mediaFound=Array.from(this.querySelectorAll(this.selectors.mediaItem)).find(media=>Number(media.dataset.mediaId)===id);mediaFound&&this.settings.sliderInstance.slideTo(Number(mediaFound.dataset.index))}setActiveModalOpener(swiper){const activeSlide=swiper.slides.filter(sliderSlide=>sliderSlide.classList.contains("swiper-slide-active"))[0];if(!activeSlide)return;const activeMediaId=activeSlide.dataset.mediaId;if(this.querySelector(`${this.selectors.modalOpeners}.is-active`)?.classList.remove("is-active"),this.querySelector(`${this.selectors.modalOpeners} [data-media-id="${activeMediaId}"]`)?.parentElement.classList.add("is-active"),!(activeSlide.dataset.mediaType==="model"))return;const btnXr=this.querySelector(this.selectors.btnXr);btnXr.dataset.shopifyModel3dId=activeMediaId}}customElements.define("product-media",ProductMedia)} 2//# sourceMappingURL=/cdn/shop/t/13/assets/product-media.js.map?v=133885309361849927311788885110
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.