https://www.violettefr.com/cdn/shop/t/37/assets/media-gallery.js?v=130972757299154605761781107324

1customElements.get("media-gallery")||customElements.define("media-gallery",class extends SplideCarousel{constructor(){super(),this.elements={liveRegion:this.querySelector('[id^="GalleryStatus"]'),viewer:this.querySelector('[id^="GalleryViewer"]')},this.addEventListener("splide:mounted",()=>{this.updateSlideVisibility(this.getCurrentActiveMedia()),this.splideInstance.on("moved",newIndex=>{const activeMedia=this.splideInstance.Components.Elements.slides[newIndex];activeMedia&&(this.playActiveMedia(activeMedia),this.updateSlideVisibility(activeMedia))})}),this._desktopMediaQuery=window.matchMedia("(min-width: 750px)"),this._onBreakpointChange=()=>{this.splideInstance&&(this._pendingStart=this.splideInstance.index,this.splideInstance.destroy(),this.splide=null,this._createSplide())},this._desktopMediaQuery.addEventListener("change",this._onBreakpointChange)}disconnectedCallback(){super.disconnectedCallback(),this._desktopMediaQuery&&this._desktopMediaQuery.removeEventListener("change",this._onBreakpointChange)}get splideConfig(){const config=super.splideConfig,isDesktop=window.matchMedia("(min-width: 750px)").matches;return config.type=isDesktop?"fade":"slide",config.drag=!isDesktop,this._pendingStart!=null&&(config.start=this._pendingStart,this._pendingStart=null),config}getCurrentActiveMedia(){const slides=this.splideInstance?.Components?.Elements?.slides||[];return slides[this.splideInstance?.index]||slides.find(slide=>slide.classList.contains("is-active"))||slides[0]||null}updateSlideVisibility(activeMediaOrIndex){const slides=this.splideInstance.Components.Elements.slides,activeMedia=typeof activeMediaOrIndex=="number"?slides[activeMediaOrIndex]||slides[0]:activeMediaOrIndex||this.getCurrentActiveMedia();this.elements.viewer.querySelectorAll(".product__media-item").forEach(mediaItem=>{this.setMediaItemVisibility(mediaItem,mediaItem===activeMedia)})}setMediaItemVisibility(mediaItem,visible){mediaItem.setAttribute("aria-hidden",visible?"false":"true"),mediaItem.toggleAttribute("inert",!visible),mediaItem.querySelectorAll("a, button, input, select, textarea, [tabindex]").forEach(element=>{const originalTabindex=element.getAttribute("data-media-gallery-tabindex");if(!visible){if(originalTabindex===null){const currentTabindex=element.getAttribute("tabindex");element.setAttribute("data-media-gallery-tabindex",currentTabindex!==null&&currentTabindex!=="-1"?currentTabindex:"")}element.setAttribute("tabindex","-1");return}originalTabindex===""?element.removeAttribute("tabindex"):originalTabindex!==null&&element.setAttribute("tabindex",originalTabindex)})}setActiveMediaList({mediaListIds,section,variantId}){this.elements.viewer.querySelectorAll(".splide__slide").forEach(sli

1de=>{slide.classList.remove("splide__slide"),slide.classList.add("product__media-item--variant")}),mediaListIds.forEach(mediaId=>{const media=this.elements.viewer.querySelector(`[data-media-id="${section}-${mediaId}-${variantId}"]`);media&&(media.classList.add("splide__slide"),media.classList.remove("product__media-item--variant"))}),this.splideInstance.refresh(),this.preventStickyHeader(),window.setTimeout(()=>{this.splideInstance.go(0),this.updateSlideVisibility(this.splideInstance.Components.Elements.slides[0])},200),this.playActiveMedia(this.splideInstance.Components.Elements.slides[0])}setActiveMedia(mediaId,variantId,prepend){if(!this.splideInstance.Components)return;const activeMedia=this.elements.viewer.querySelector(`[data-media-id="${mediaId}-${variantId}"], [data-media-id="${mediaId}"]`),activeMediaIndex=this.splideInstance.Components.Elements.slides.indexOf(activeMedia);if(!activeMedia)return;this.elements.viewer.querySelectorAll(".splide__slide.product__media-item--variant").forEach(item=>{item.classList.remove("splide__slide")}),activeMedia.classList.add("splide__slide"),this.splideInstance.refresh();const refreshedActiveMediaIndex=this.splideInstance.Components.Elements.slides.indexOf(activeMedia);prepend?(activeMedia.parentElement.prepend(activeMedia),this.splideInstance.refresh(),this.preventStickyHeader(),window.setTimeout(()=>{this.splideInstance.go(0),this.updateSlideVisibility(this.splideInstance.Components.Elements.slides[0])})):(this.preventStickyHeader(),window.setTimeout(()=>{this.splideInstance.go(refreshedActiveMediaIndex),this.updateSlideVisibility(activeMedia)})),this.playActiveMedia(activeMedia)}playActiveMedia(activeItem){const deferredMedia=activeItem.querySelector(".deferred-media");if(deferredMedia&&deferredMedia.getAttribute("loaded")){const video=deferredMedia.querySelector("video");if(!video)return;window.pauseAllMedia(),video.play();return}deferredMedia&&deferredMedia.loadContent(!1)}preventStickyHeader(){this.stickyHeader=this.stickyHeader||document.querySelector("sticky-header"),this.stickyHeader&&this.stickyHeader.dispatchEvent(new Event("preventHeaderReveal"))}}),customElements.get("thumbnail-gallery")||customElements.define("thumbnail-gallery",class extends SplideCarousel{constructor(){super(),this.gallery=document.querySelector("media-gallery"),this.addEventListener("click",this.onThumbnailClick.bind(this)),this.gallery.splideInstance?this.listenToMove():this.gallery.addEventListener("splide:mounted",()=>{this.listenToMove()})}listenToMove(){this.gallery.splideInstance.on("moved",newIndex=>{const activeMedia=this.gallery.splideInstance.Components.Elements.slides[newIndex];if(!activeMedia)return;const mediaId=activeMedia.getAttribute("data-media-id");if(!mediaId)return;const thumbnail=this.querySelector(`[data-media-id="${mediaId}"]`);if(!thumbnail)return;const activeThumbnail=this.querySelector(".product__thumbnail.is-selected");if(activeThumbnail){activeThumbnail.classList.remove("is-selected");const prevBtn=activeThumbnail.querySelector("button");prevBtn&&prevBtn.removeAttribute("aria-current")}thumbnail.classList.add("is-selected");const activeBtn=thumbnail.querySelector("button");activeBtn&&activeBtn.setAttribute("aria-current","true"),this.splideInstance.go(this.splideInstance.Components.Elements.slides.indexOf(thumbnail))})}onThumbnailClick(event){const thumbnail=event.target.closest(".product__thumbnail");if(!thumbnail)return;const mediaId=thumbnail.getAttribute("data-media-id");if(!mediaId)return;const galleryMedia=this.gallery.elements.viewer.querySelector(`[data-media-id="${mediaId}"]`);galleryMedia&&this.gallery.splideInstance.go(this.gallery.splideInstance.Components.Elements.slides.indexOf(galleryMedia))}});
2//# sourceMappingURL=/cdn/shop/t/37/assets/media-gallery.js.map?v=130972757299154605761781107324