1class pdpSwiper extends HTMLElement{constructor(){super(),this.options=this.getAttribute("data-swiper")?JSON.parse(this.getAttribute("data-swiper")):{},this.swiper}connectedCallback(){this.initGallerySlider(),this.zoomTrigger(),this.setSwiperImagesAlt(),subscribe(PUB_SUB_EVENTS.variantChange,async payload=>{this.setSwiperImagesAlt()})}static get observedAttributes(){return["data-reset"]}setSwiperImagesAlt(){const thumbnailsSlider=this.querySelectorAll(".swiper-pagination-thumbnail"),mainSlides=this.querySelectorAll(".product-media-container .product__media.media");this.assignVariantAltAndTitle(thumbnailsSlider),this.assignVariantAltAndTitle(mainSlides)}assignVariantAltAndTitle(sliderSlides){sliderSlides.forEach((slide,index)=>{const newSeoValue=`${slide.querySelector("img").getAttribute("alt")} - Image ${index+1} - Variant Link`;slide.querySelector("img").setAttribute("alt",newSeoValue),slide.querySelector("img").setAttribute("title",newSeoValue)})}attributeChangedCallback(name,oldValue,newValue){oldValue=="false"&&(this.updateGallery(),this.setAttribute("data-reset","false"))}initGallerySlider(){const self=this;if(typeof Swiper<"u"){let galleryWrapper=this.querySelector(".swiper.gallery-swiper");this.swiper=new Swiper(galleryWrapper,self.options),this.swiper.on("init",function(){self.updateAriaHidden(this)}),this.swiper.on("slideChange",function(){self.updateAriaHidden(this)}),this.paginationThumbnail(),this.removeSkeletonLoader()}}updateGallery(){this.swiper.destroy(!0,!0),this.initGallerySlider()}updateAriaHidden(swiper){swiper.slides.forEach((slide,index)=>{const isActiveSlide=index===swiper.activeIndex;slide.setAttribute("aria-hidden",isActiveSlide?"false":"true"),slide.querySelectorAll("button, [tabindex]").forEach(el=>{el.setAttribute("tabindex",isActiveSlide?"0":"-1")})})}paginationThumbnail(){this.querySelectorAll(".swiper-pagination-thumbnail").forEach((bullet,index)=>{let imgCloned=this.swiper.slides[index].querySelector(".product__modal-opener .product__media").cloneNode(!0);imgCloned&&bullet.appendChild(imgCloned)})}zoomTrigger(){const self=this;this.querySelector(".zoom-trigger").addEventListener("click",function(){let slideToZoom=self.querySelector(".swiper-slide-active .product__media-toggle");slideToZoom&&slideToZoom.click()})}removeSkeletonLoader(){this.querySelectorAll(".swiper-pagination--custom-loader").forEach(paginationLoader=>{paginationLoader.style.display="none"}),this.querySelectorAll(".swiper-pagination--custom").forEach(pagination=>{pagination.style.display="flex"})}}customElements.define("pdp-swiper",pdpSwiper); 2//# sourceMappingURL=/cdn/shop/t/236/assets/pdp-swiper.js.map?v=84325789070804287351769607664
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.