https://sportsacademy.us/cdn/shop/t/24/assets/smi-gallery-product.min.js?v=15592768174600262181768470805

1var SMI_Magnify=class{overlay=null;constructor(e,t){this.sectionEl=t||document,this.enableZoomOnHover(e)}createOverlay(e){const t=document.createElement("img");return t.setAttribute("src",`${e.src}`),this.overlay=document.createElement("div"),this.prepareOverlay(this.overlay,t),e.style.opacity="50%",t.onload=()=>{e.parentElement.insertBefore(this.overlay,e),e.style.opacity="100%"},this.overlay}prepareOverlay(e,t){e.setAttribute("class","smi-image-magnify-full-size"),e.setAttribute("aria-hidden","true"),e.style.backgroundImage=`url('${t.src}')`,e.style.backgroundColor="var(--gradient-background)",e.style.backgroundRepeat="no-repeat",e.style.width="100%",e.style.height="100%",e.style.top="0",e.style.left="0",e.style.position="absolute",e.style.zIndex="3",e.style.cursor="zoom-out"}moveWithHover(e,t,i){const s=e.height/e.width,o=t.target.getBoundingClientRect(),r=t.clientX-o.left,n=t.clientY-o.top,l=r/(e.clientWidth/100)+"%",a=n/(e.clientWidth*s/100)+"%";this.overlay.style.backgroundPosition=`${l} ${a}`,this.overlay.style.backgroundSize=e.width*i+"px"}magnify(e,t){const i=this.createOverlay(e);i.onclick=s=>{this.moveWithHover(e,s,t),i.remove()},i.onmousemove=i=>this.moveWithHover(e,i,t),i.onmouseleave=()=>i.remove()}enableZoomOnHover(e){this.sectionEl.querySelectorAll(".smi-image-magnify-hover").forEach((t=>{t.onclick=i=>{this.magnify(t,e),this.moveWithHover(t,i,e)}}))}},SMI_ProductGallery=function(){"use strict";return class{swiperThumb=null;swiperMain=null;sectionEl=null;lightbox=null;variantsMainSlide=[];variantsThumbnailSlide=[];constructor(e){this.sectionEl=document.querySelector(`#${e}`),this.sectionId=e.replace("smi-",""),this._init(this.sectionEl)}_init(e){if("object"!=typeof e)return null;this.sectionEl=e,this._handleLayout(),this._handleZoomSetting(),this._handleVariantProduct(),this._handleColorForLightbox(),this._addAltToImgInVideoUpload(),this.sectionEl.querySelectorAll('.smi-hook-lightbox[href="#"]').forEach((e=>{e.addEventListener("click",(e=>e.preventDefault()))}))}_handleLayout(){const e=this.sectionEl.querySelector(".smi-product-gallery");let t=e.getAttribute("data-desktop-layout"),i=e.getAttribute("data-mobile-layout");const s=e.querySelector(".smi-product-gallery__thumbnail");let o=null;const r=["vertical-thumbnails","horizontal-thumbnails","pagination","2-columns-carousel"],n=["vertical-thumbnails","horizontal-thumbnails"],changeLayout=(t,i)=>{if(t===o)return null;o=t,e.className=this._clearLayout(e.className),e?.classList.add("smi-product-gallery--layout-"+t),r.includes(t)?(this._detroySwiper(),this._initSwiper(i,t)):(this._detroySwiper(),setTimeout((()=>{this.playFirstVideo()}),1e3)),n.includes(t)?s?.classList.remove("smi-d-none","smi-d-md-none"):s?.classList.add("smi-d-none","smi-d-md-none")},l=window.matchMedia("(min-width: 768px)"),handleClickWithParam=e=>{e.preventDefault(),e.stopPropagation(),this._handleMediaPlayOnDesktop(e.currentTarget)},tabletChange=e=>{e.matches?changeLayout(t):changeLayout(i,!0),this.sectionEl.querySelectorAll(".smi-media").forEach((e=>{e.classList.contains("smi-media--image")||(e.removeEventListener("click",handleClickWithParam),e.addEventListener("click",handleClickWithParam))}))};tabletChange(l),l.addListener(tabletChange)}_clearLayout(e){return e.replace(/\s+/g," ").split(" ").filter((function(e){return 0!==e.lastIndexOf("smi-product-gallery--layout-",0)})).join(" ").trim()}_detroySwiper(){this.swiperMain?.initialized&&this.swiperMain.destroy(),this.swiperThumb?.initialized&&this.swiperThumb.destroy()}_updateSwiper(){this.swiperMain?.initialized&&this.swiperMain.update(),this.swiperThumb?.initialized&&this.swiperThumb.update()}_initSwiper(e,t){if("undefined"==typeof Swiper)return null;this.sectionEl.querySelector(".smi-product-gallery__thumbnail")&&(this.swiperThumb=this._initSwiperThumbnail()),this.sectionEl.querySelector(".smi-product-gallery__slider")&&(this.swiperMain=this._initSwiperMain(e,t))}_handleZoomSetting(){const e=this.sectionEl.querySelector(".smi-product-gallery");if(e.classList.contains("smi-image-zoom-open-lightbox")&&this.initlightbox(),e.classList.contains("smi-image-zoom-click-and-hover")&&"function"==typeof SMI_Magnify){const t=window.matchMedia("(min-width: 768px)"),tabletChange=t=>

1{t.matches?(new SMI_Magnify(2,this.sectionEl),this.lightbox&&this.lightbox.destroy()):(e.querySelectorAll(".smi-product-gallery__slider .smi-media--image").forEach((e=>{e.querySelector(".smi-media__image-item").addEventListener("click",(e=>e.target.click()))})),this.initlightbox())};tabletChange(t),t.addListener(tabletChange)}}_handleButtonZoom(e){try{this.sectionEl.querySelectorAll(".smi-media__icon-zoom").forEach((e=>{e.addEventListener("click",(e=>{e.target.closest(".smi-media").querySelector(".smi-image-magnify-hover")?.click()}))}))}catch(e){console.log(e.message)}}_pauseAllVideo(e){this.sectionEl.querySelectorAll(".smi-media--video video").forEach((e=>{e.pause()})),this.sectionEl.querySelectorAll(".smi-media--external-video iframe").forEach((e=>{e.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}',"*"),e.contentWindow.postMessage('{"method":"pause"}',"*")}))}_initSwiperThumbnail(){const e={loop:!1,slidesPerView:"auto",watchSlidesProgress:!0,autoHeight:!0,resizeObserver:!0,navigation:{nextEl:this.sectionEl.querySelector(".smi-product-gallery__thumbnail .swiper-button-next"),prevEl:this.sectionEl.querySelector(".smi-product-gallery__thumbnail .swiper-button-prev")}};null!==this.sectionEl.querySelector(".smi-product-gallery--layout-vertical-thumbnails")?e.direction="vertical":e.direction="horizontal";const t=this.sectionEl.querySelector(".smi-product-gallery__thumbnail .smi-slide-wrap");return new Swiper(t,e)}_initSwiperMain(e,t){const i=this.sectionEl.querySelector(".smi-product-gallery__slider .smi-slide-wrap"),s=this.sectionEl.querySelector(".smi-product-gallery__slider .swiper-button-next"),o=this.sectionEl.querySelector(".smi-product-gallery__slider .swiper-button-prev"),r=this.sectionEl.querySelector(".smi-product-gallery__slider .smi-pagination");let n=null,l=-1,a={init:!0,noSwipingClass:"smi-no-swiping",loop:!0,autoHeight:!0,updateOnWindowResize:!0,watchSlidesProgress:!0,slidesPerView:"auto",navigation:{nextEl:s,prevEl:o},pagination:{el:r,clickable:!0},thumbs:{swiper:this.swiperThumb},breakpoints:{768:{autoHeight:!0}},on:{transitionEnd:e=>{e&&(l!==e.realIndex&&(this._pauseAllVideo(e),this._handleButtonZoom(e),window.dispatchEvent(new Event("resize")),clearTimeout(n),n=setTimeout(this._handleMediaPlayOnSlide(),100)),l=e.realIndex)},afterInit:e=>{this._handleButtonZoom(e),this._handlePagination(e)}}};if(e&&"2-columns-carousel"===t&&(a.autoHeight=!1),e&&"horizontal-thumbnails"===t){const e=this.sectionEl.querySelector(".smi-product-gallery__slider .smi-swiper-pagination");e?.classList.add("smi-d-none")}const c=i?.getAttribute("data-swiper-pagination");return c?.includes("text-style")&&(a.pagination.type="fraction"),new Swiper(i,a)}initlightbox(){const e=this.sectionEl?.querySelector(".smi-product-gallery__slider"),t=new PhotoSwipeLightbox({gallery:e,children:"a",mainClass:"smi-lightbox",bgOpacity:1,pswpModule:PhotoSwipe,closeOnVerticalDrag:!1});t.init(),this.lightbox=t,this._syncLightboxWithSwiper(t),this._addControlButtonToLightbox(t),this._customLightboxContent(t),t.on("pointerMove",(e=>{"MODEL-VIEWER"===e.originalEvent.target.tagName&&e.preventDefault()}))}_syncLightboxWithSwiper(e){const t=this.swiperMain;if(!t)return null;e.on("change",(()=>{const{pswp:i}=e;t.slideTo(i.currIndex,0,!1)})),e.on("afterInit",(()=>{t.params?.autoplay.enabled&&t?.autoplay.stop()})),e.on("closingAnimationStart",(()=>{const{pswp:i}=e;t.slideTo(i.currIndex,0,!1),t.params?.autoplay.enabled&&t?.autoplay.start()}))}_addControlButtonToLightbox(e){e.on("uiRegister",(function(){e.pswp.ui.registerElement({name:"customButton",className:"pswp__custom-button",appendTo:"wrapper",onInit:(e,t)=>{let i,s,o;i=document.createElement("div"),i.className="smi-btn-prev",i.innerHTML='<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="arrow-right-2"><path id="Vector" d="M5.26835 2.22168C5.39502 2.22168 5.52169 2.26835 5.62169 2.36835L9.96835 6.71501C10.675 7.42168 10.675 8.58168 9.96835 9.28835L5.62169 13.635C5.42835 13.8283 5.10835 13.8283 4.91502 13.635C4.72169 13.4417 4.72169 13.1217 4.91502 12.9283L9.26169 8.58168C9.58169 8.26168 9.58169 7.74168 9.26169 7.42168L4.91502 3.07501C4.72169 2.88168 4.72169 2.56168 4.91502 2.36835C5.01502 2.27501 5.14169 2.22168 5.26835 2.22168Z" fill="#1B1B1B"/></g></svg>',i.onclick=e=>{t.prev()},e.appendChild(i),o=document.createElement("div"),o.className="smi-btn-close",o.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"><path d="m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z"/></svg>',o.onclick=e=>{t.close()},e.appendChild(o),s=document.createElement("div"),s.className="smi-btn-next",s.innerHTML='<svg width="16" height="16" viewB

1ox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="arrow-right-2"><path id="Vector" d="M5.26835 2.22168C5.39502 2.22168 5.52169 2.26835 5.62169 2.36835L9.96835 6.71501C10.675 7.42168 10.675 8.58168 9.96835 9.28835L5.62169 13.635C5.42835 13.8283 5.10835 13.8283 4.91502 13.635C4.72169 13.4417 4.72169 13.1217 4.91502 12.9283L9.26169 8.58168C9.58169 8.26168 9.58169 7.74168 9.26169 7.42168L4.91502 3.07501C4.72169 2.88168 4.72169 2.56168 4.91502 2.36835C5.01502 2.27501 5.14169 2.22168 5.26835 2.22168Z" fill="#1B1B1B"/></g></svg>',s.onclick=e=>{t.next()},e.appendChild(s)}})}))}_customLightboxContent(e){e.addFilter("itemData",((e,t)=>{const i=e.element.dataset.pswpHtml;return i&&(e.html=i,e.src=""),e}))}_handlePagination(e){}_handleVariantProduct(){const e=this.sectionEl.querySelector(".smi-product-gallery");e.classList.contains("smi-hide-variants")?(this._handleHideOtherVariant(e,this.isSlide(e)),document.addEventListener("smiVariantChange",(t=>{const i=t.detail.id;this.sectionId===t.detail.sectionId&&this._changeVariantSlide(e,i,this.isSlide(e))}))):document.addEventListener("smiVariantChange",(t=>{const i=t.detail.id;this.sectionId===t.detail.sectionId&&this._handleVariantImageToTop(e,i,this.isSlide(e))}))}isSlide(e){const t=Array.from(e.classList);return["vertical-thumbnails","horizontal-thumbnails","pagination","2-columns-carousel"].some((e=>t.includes("smi-product-gallery--layout-"+e)))}_handleVariantImageToTop(e,t,i=!0){const s=e.querySelector(".smi-product-gallery__slider .swiper-wrapper"),o=e.querySelector(".smi-product-gallery__thumbnail .swiper-wrapper");function moveSlideToTop(e,t){const i=e.querySelectorAll(".swiper-slide");for(const s of i){const i=s.getAttribute("data-attached-variant");if(i&&i.includes(t)){e.prepend(s);break}}}i&&(s&&s.parentElement?.swiper.destroy(),o&&o.parentElement?.swiper.destroy()),o&&moveSlideToTop(o,t),s&&moveSlideToTop(s,t),i&&this._initSwiper()}_handleHideOtherVariant(e,t=!0){const i=e.querySelector(".smi-product-gallery__slider .swiper-wrapper"),s=e.querySelector(".smi-product-gallery__thumbnail .swiper-wrapper");t&&(i?.parentElement?.swiper.destroy(),s?.parentElement?.swiper.destroy());const archiveSlide=e=>{const t=e.getAttribute("data-current-variant"),i=e.querySelectorAll(".swiper-slide"),s=[];for(const e of i){const i=e.getAttribute("data-attached-variant");i&&i.length>0&&(s.push(e),i.includes(t)||e.remove())}return s};i&&(this.variantsMainSlide=archiveSlide(i)),s&&(this.variantsThumbnailSlide=archiveSlide(s)),t&&this._initSwiper(),i.childElementCount>1?this.showArrowButton(!0):this.showArrowButton(!1)}_changeVariantSlide(e,t,i=!0){const s=e.querySelector(".smi-product-gallery__slider .swiper-wrapper"),o=e.querySelector(".smi-product-gallery__thumbnail .swiper-wrapper");i&&(s?.parentElement?.swiper.destroy(),o?.parentElement?.swiper.destroy());const changeFirstSlide=(e,t,i)=>{e.querySelectorAll(".swiper-slide").forEach((t=>{t.getAttribute("data-attached-variant")&&e.removeChild(t)}));let s=null;for(let o=t.length-1;o>=0;o--){const r=t[o];r.getAttribute("data-attached-variant")?.includes(i)&&(r.hasAttribute("data-feature-media")?s=r:e.prepend(r))}s&&e.prepend(s)};s&&changeFirstSlide(s,this.variantsMainSlide,t),o&&changeFirstSlide(o,this.variantsThumbnailSlide,t),s.childElementCount>1?this.showArrowButton(!0):this.showArrowButton(!1),i&&this._initSwiper()}showArrowButton(e=!0){const t=this.sectionEl.querySelector(".smi-product-gallery__slider .swiper-button-next"),i=this.sectionEl.querySelector(".smi-product-gallery__slider .swiper-button-prev");t&&i&&(e?(t.classList.remove("smi-d-none"),i.classList.remove("smi-d-none")):(t.classList.add("smi-d-none"),i.classList.add("smi-d-none")))}_handleMediaPlayOnSlide(){const e=this.sectionEl.querySelector(".smi-product-gallery__slider .swiper-slide-active .smi-media");e&&this._handleMediaPlayOnDesktop(e)}_handleMediaPlayOnDesktop(e){e.querySelector(".smi-hook-lightbox").addEventListener("click",(t=>{e.classList.contains("smi-media--image")||(t.preventDefault(),t.stopPropagation())}));const t=e.querySelector(".smi-preview-image");t&&!t.classList.contains("smi-d-none")&&t.classList.add("smi-d-none"),this.playVideo(e)}playFirstVideo(){const e=this.sectionEl.querySelector(".smi-media--video, .smi-media--external-video");if(e){const t=e.querySelector(".smi-preview-image");t&&!t.classList.contains("smi-d-none")&&t.classList.add("smi-d-none"),this.playVideo(e)}}playVideo(e){const t=e.getAttribute("data-media-host")??!1,i=e.querySelector(".smi-video-upload video");if("vimeo"===t?setTimeout((()=>{e.querySelector("iframe").contentWindow.postMessage('{"method":"play"}',"*")}),500):"youtube"===t&&setTimeout((()=>{e.querySelector("iframe").contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}',"*")}),500),i){let e;clearTimeout(e),e=setTimeout((()=>i.play()),150)}}_handleColorForLightbox(){const e=getComputedStyle(this.sectionEl),t=e.getPropertyValue("--color-background"),i=e.getPropertyValue("--color-foreground");let s=document.createElement("style"),o=`\n                .smi-lightbox {\n                    --color-background: ${t};\n                    --color-foreground: ${i};\n                }\n            `;s.appendChild(document.createTextNode(o)),(document.head||document.getElementsByTagName("head")[0]).appendChild(s)}_addAltToImgInVideoUpload(){this.sectionEl.querySelectorAll(".smi-video-upload").forEach((e=>{const t=e.querySelector("img");t&&t.setAttribute("alt","video")}))}}}();;