https://outletshoesmx.com/cdn/shop/t/52/assets/product-media-gallery.js?v=104362594913971771821790102490

1class InstanceSwiper extends HTMLElement{constructor(){super(),this.handle=this.getAttribute("handle"),this.debug=!1,Shopify.designMode&&window.addEventListener("shopify:section:load",this.init.bind(this)),window.addEventListener("resize",this.init.bind(this))}static get observedAttributes(){return["handle"]}init(){this.options=this.setOptions(),this.instance=new Swiper(".swiper--"+this.handle,this.options),this.setInteractions()}connectedCallback(){this.init()}disconnectedCallback(){this.instance&&this.instance.destroy&&this.instance.destroy()}setOptions(){return this.debug&&console.log("setOptions"),this._options=this.getOptionsAsJsonScripts(),this._options}getOptionsAsJsonScripts(){this.debug&&console.log("getOptionsAsJsonScripts");const jsonScriptAutomated=this.querySelector(`script#swiper--${this.handle}--automated-options`),jsonScriptOverwrite=this.querySelector(`script#swiper--${this.handle}--overwrite-options`);let options={};if(jsonScriptAutomated&&jsonScriptAutomated.textContent)try{options={...options,...JSON.parse(jsonScriptAutomated.textContent)}}catch(error){console.error("Error parsing JSON",error,jsonScriptAutomated?.textContent)}if(jsonScriptOverwrite&&jsonScriptOverwrite.textContent)try{options={...options,...JSON.parse(jsonScriptOverwrite.textContent)}}catch(error){console.error("Error parsing JSON",error,jsonScriptOverwrite?.textContent)}return options}getThumbsInstance(){if(this.isThumbsActive)return document.querySelector(`[handle="${this.getAttribute("thumbs")}"]`)?.instance}setInteractions(){this.debug&&console.log("setInteractions")}}class InstanceSwiperProductThumbs extends InstanceSwiper{constructor(){super()}setOptions(){return super.setOptions(),this.setCenteredSlides(),this._options}setCenteredSlides(){if(this.handle!=="product-thumbs")return;this.debug&&console.log("setCenteredSlides");const afterInit=swiper=>{swiper.activeIndex!==0&&swiper.slideTo(0),this.debug&&console.log("afterInit");const swiperWrapper=swiper.wrapperEl,observer=new MutationObserver(resetSwiperWrapperTransform);observer.observe(swiperWrapper,{attributes:!0});function resetSwiperWrapperTransform(){swiperWrapper.hasAttribute("style")&&swiperWrapper.style?.transform&&swiperWrapper.style?.transform!=="translate3d(0px, 0px, 0px)"?(swiperWrapper.style.transform="translate3d(0px, 0px, 0px)",this.debug&&console.log("swipreWrapper observer removed styles!")):swiperWrapper.hasAttribute("style")&&swiperWrapper.style?.transform&&swiperWrapper.style?.transform==="translate3d(0px, 0px, 0px)"&&setTimeout(()=>{swiperWrapper.hasAttribute("style")&&swiperWrapper.style?.transform&&swiperWrapper.style?.transform==="translate3d(0px, 0px, 0px)"&&(observer.disconnect(),this.debug&&console.log("swipreWrapper observer disconnect!"))},500)}const calculateAllThumbHeight=(this.querySelector(".swiper-slide").clientHeight+16)*this.querySelectorAll(".swiper-slide").length,thumbsWrapper=this.parentElement;function setThumbsWrapperHeightToAuto(){thumbsWrapper.offsetHeight>calculateAllThumbHeight?thumbsWrapper.style.height=calculateAllThumbHeight-16+"px":thumbsWrapper.removeAttribute("style")}window.addEventListener("resize",setThumbsWrapperHeightToAuto),setTimeout(()=>{setThumbsWrapperHeightToAuto()},2500)};this._options={...this._options,on:{...this._options.on||{},afterInit}}}}customElements.get("swiper-product-thumbs")||customElements.define("swiper-product-thumbs",InstanceSwiperProductThumbs);class InstanceSwiperProductGallery extends InstanceSwiper{constructor(){super(),this.isThumbsActive=this.hasAttribute("thumbs"),this.isZoomActive=this.hasAttribute("zoom")}static get observedAttributes(){return["thumbs","zoom"]}setOptions(){return super.setOptions(),this.setThumbOptions(),this._options}setThumbOptions(){if(!this.isThumbsActive)return;this.debug&&console.log("setThumbOptions");const thumbsInstance=super.getThumbsInstance();this.debug&&console.log("thumbsInstance",thumbsInstance),this._options={...this._options,thumbs:{swiper:thumbsInstance}}}setInteractions(){this.setThumbsInteraction(),this.isZoomActive&&this.photoSwipeLightboxInit()}setThumbsInteraction(){if(!this.isThumbsActive||!this.instance)return;this.debug&&console.log("setThumbsInteraction");const thumbsSwiper=this.options.thumbs.swiper;this.instance.on("slideChangeTransitionStart",function(swiper){const activeIndex=swiper.activeIndex,thumbsActiveIndex=thumbsSwiper.activeIndex;this.debug&&console.log("slideChangeTransitionStart",activeIndex,thumbsActiveIndex),activeIndex!==thumbsActiveIndex&&thumbsSwiper.slideTo(activeIndex)})}photoSwipeLightboxInit(){const[zoomContainerWidth,zoomContainerHeight,closeIcon,prevIcon,nextIcon]=[this.offsetWidth,this.offsetHeight,document.querySelector("[data-close-icon]"),document.querySelector("[data-prev-icon]"),document.querySelector("[data-next-icon]")];function isPhone(){return window.innerWidth<750}const photoSwipeLightboxInstance=new PhotoSwipeLightbox({gallery:".photoswipe-wrapper",children:"a.product__gallery-toggle",mainClass:"pswp--product-media-gallery",loop:!1,showHideAnimationType:"zoom",initialZoomLevel:zoomLevelOb

1ject=>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",()=>{document.body.classList.add("oveflow-hidden");const videos=this.querySelectorAll("video");Array.from(videos).forEach(video=>{video.play().then(()=>{}).catch(error=>{video.pause()})})}),photoSwipeLightboxInstance.on("closingAnimationStart",()=>{document.body.classList.remove("oveflow-hidden")})}setActiveMedia(id){const mediaFound=Array.from(this.querySelectorAll("[data-media-id]")).find(media=>Number(media.dataset.mediaId)===id);mediaFound&&this.instance&&typeof this.instance.slideTo=="function"&&this.instance.slideTo(Number(mediaFound.dataset.index))}}customElements.get("swiper-product-gallery")||customElements.define("swiper-product-gallery",InstanceSwiperProductGallery);class ProductMediaInfo extends HTMLElement{constructor(){super(),this.init(),window.addEventListener("resize",this.init.bind(this)),Shopify.designMode&&window.addEventListener("shopify:section:load",this.init.bind(this))}init(){let containerOffsetWidth=document.querySelector(".main-product__media--slider").offsetWidth||330;document.querySelector(".main-product__media--grid-item")&&window.innerWidth>750&&(containerOffsetWidth=document.querySelector(".main-product__media--grid-item").offsetWidth);const maxWidthForInfo=(containerOffsetWidth-48)/2,mediaInfoTextWidth=this.querySelector("p:last-child").offsetWidth,mediaInfoHidden=this.querySelector("p[aria-hidden]");mediaInfoTextWidth>maxWidthForInfo?(this.classList.remove("animation-stopped"),this.style.cssText=`--marquee-speed: ${mediaInfoTextWidth/maxWidthForInfo*8}s`,mediaInfoHidden.style.display=""):(this.classList.add("animation-stopped"),this.style.cssText="",mediaInfoHidden.style.display="none")}}customElements.get("product-media-info")||customElements.define("product-media-info",ProductMediaInfo);
2//# sourceMappingURL=/cdn/shop/t/52/assets/product-media-gallery.js.map?v=104362594913971771821790102490