https://malabarwatches.com/cdn/shop/t/35/assets/media-gallery.js?v=175909265117457020111787131318

1customElements.get("media-gallery")||customElements.define("media-gallery",class extends HTMLElement{constructor(){super(),this.elements={liveRegion:this.querySelector('[id^="GalleryStatus"]'),viewer:this.querySelector('[id^="GalleryViewer"]'),thumbnails:this.querySelector('[id^="GalleryThumbnails"]')},this.mql=window.matchMedia("(min-width: 750px)"),this.elements.thumbnails&&(this.elements.viewer.addEventListener("slideChanged",debounce(this.onSlideChanged.bind(this),500)),this.elements.thumbnails.querySelectorAll("[data-target]").forEach(mediaToSwitch=>{mediaToSwitch.querySelector("button").addEventListener("click",this.setActiveMedia.bind(this,mediaToSwitch.dataset.target,!1))}),this.dataset.desktopLayout.includes("thumbnail")&&this.mql.matches&&this.removeListSemantic(),this.updateThumbnailHeight(),window.addEventListener("resize",debounce(this.updateThumbnailHeight.bind(this),150)),window.setTimeout(()=>this.updateThumbnailHeight(),300))}onSlideChanged(event){const thumbnail=this.elements.thumbnails.querySelector(`[data-target="${event.detail.currentElement.dataset.mediaId}"]`);this.setActiveThumbnail(thumbnail)}setActiveMedia(mediaId,prepend){const activeMedia=this.elements.viewer.querySelector(`[data-media-id="${mediaId}"]`)||this.elements.viewer.querySelector("[data-media-id]");if(!activeMedia)return;if(this.elements.viewer.querySelectorAll("[data-media-id]").forEach(element=>{element.classList.remove("is-active")}),activeMedia?.classList?.add("is-active"),prepend){if(activeMedia.parentElement.firstChild!==activeMedia&&activeMedia.parentElement.prepend(activeMedia),this.elements.thumbnails){const activeThumbnail2=this.elements.thumbnails.querySelector(`[data-target="${mediaId}"]`);activeThumbnail2.parentElement.firstChild!==activeThumbnail2&&activeThumbnail2.parentElement.prepend(activeThumbnail2)}this.elements.viewer.slider&&this.elements.viewer.resetPages()}if(this.preventStickyHeader(),window.setTimeout(()=>{(!this.mql.matches||this.elements.thumbnails)&&activeMedia.parentElement.scrollTo({left:activeMedia.offsetLeft});const activeMediaRect=activeMedia.getBoundingClientRect();if(activeMediaRect.top>-.5)return;const top=activeMediaRect.top+window.scrollY;window.scrollTo({top,behavior:"smooth"})}),this.playActiveMedia(activeMedia),!this.elements.thumbnails)return;const activeThumbnail=this.elements.thumbnails.querySelector(`[data-target="${mediaId}"]`);this.setActiveThumbnail(activeThumbnail),this.announceLiveRegion(activeMedia,activeThumbnail.dataset.mediaPosition)}setActiveThumbnail(thumbnail){if(!this.elements.thumbnails||!thumbnail)return;this.elements.thumbnails.querySelectorAll("button").forEach(element=>{element.removeAttribute("aria-current"),element.classList.remove("active")});const button=thumbnail.querySelector("button");button&&(button.setAttribute("aria-current",!0),button.classList.add("active")),this.elements.thumbnails.slider&&this.elements.thumbnails.slider.scrollTo({left:thumbnail.offsetLeft,top:thumbnail.offsetTop,behavior:"smooth"})}updateThumbnailHeight(){if(!this.elements.thumbnails||!this.elements.viewer)return;const thumbnailPosition=this.dataset.thumbnailPosition;if(thumbnailPosition==="left"||thumbnailPosition==="right"){const mediaList=this.elements.viewer.querySelector(".product__media-list")||this.elements.viewer;if(mediaList&&mediaList.offsetHeight>0){const targetHeight=mediaList.offsetHeight;this.elements.thumbnails.style.maxHeight=`${targetHeight}px`;const thumbnailList=this.elements.thumbnails.querySelector(".thumbnail-list");thumbnailList&&(thumbnailList.style.maxHeight=`${targetHeight}px`)}}else{this.elements.thumbnails.style.maxHeight="";const thumbnailList=this.elements.thumbnails.querySelector(".thumbnail-list");thumbnailList&&(thumbnailList.style.maxHeight="")}}announceLiveRegion(activeItem,position){const image=activeItem.querySelector(".product__modal-opener--image img");image&&(image.onload=()=>{this.elements.liveRegion.setAttribute("aria-hidden",!1),this.elements.liveRegion.innerHTML=window.accessibilityStrings.imageAvailable.replace("[index]",position),setTimeout(()=>{this.elements.liveRegion.setAttribute("aria-hidden",!0)},2e3)},image.src=image.src)}playActiveMedia(activeItem){window.pauseAllMedia();const deferredMedia=activeItem.querySelector(".deferred-media");deferredMedia&&deferredMedia.loadContent(!1)}preventStickyHeader(){this.stickyHeader=this.stickyHeader||document.querySelector("sticky-header"),this.stickyHeader&&this.stickyHeader.dispatchEvent(new Event("preventHeaderReveal"))}removeListSemantic(){this.elements.viewer.slider&&(this.elements.viewer.slider.setAttribute("role","presentation"),this.elements.viewer.sliderItems.forEac

1h(slide=>slide.setAttribute("role","presentation")))}});
2//# sourceMappingURL=/cdn/shop/t/35/assets/media-gallery.js.map?v=175909265117457020111787131318