https://lukacosmetics.com/cdn/shop/t/55/assets/media-gallery.aio.min.js?v=99846396710191383851756143364

1/*
2Generated time: August 25, 2025 17:36
3This file was created by the app developer. Feel free to contact the original developer with any questions. It was minified (compressed) by AVADA. AVADA do NOT own this script.
4*/
5customElements.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(e=>{e.querySelector("button").addEventListener("click",this.setActiveMedia.bind(this,e.dataset.target,!1,!0))}),"thumbnail_slider"===this.dataset.desktopLayout)&&this.mql.matches&&this.removeListSemantic()}onSlideChanged(e){null!=e.detail.currentElement&&(e=this.elements.thumbnails.querySelector(`[data-target="${e.detail.currentElement.dataset.mediaId}"]`),this.setActiveThumbnail(e))}setActiveMedia(t,e,i=!0){let s=this.elements.viewer.querySelector(`[data-media-id="${t}"]`);if(this.elements.viewer.querySelectorAll("[data-media-id]").forEach(e=>{e.classList.remove("is-active")}),s.classList.add("is-active"),e){if(s.parentElement.prepend(s),this.elements.thumbnails){let e=this.elements.thumbnails.querySelector(`[data-target="${t}"]`);e.parentElement.prepend(e)}this.elements.viewer.slider&&this.elements.viewer.resetPages()}if(this.preventStickyHeader(),window.setTimeout(()=>{this.elements.thumbnails&&s.parentElement.scrollTo({left:s.offsetLeft}),this.elements.thumbnails&&"stacked"!==this.dataset.desktopLayout||!i||s.scrollIntoView({behavior:"smooth"})}),this.playActiveMedia(s),this.elements.thumbnails){let e=this.elements.thumbnails.querySelector(`[data-target="${t}"]`);this.setActiveThumbnail(e),this.announceLiveRegion(s,e.dataset.mediaPosition)}}setActiveThumbnail(e){this.elements.thumbnails&&e&&(this.elements.thumbnails.querySelectorAll('[id^="Slide-"]').forEach(e=>{e.classList.remove("is-active"),e.querySelector("button").removeAttribute("aria-current")}),e.classList.add("is-active"),e.querySelector("button").setAttribute("aria-current",!0),this.elements.thumbnails.isSlideVisible(e,10)||this.elements.thumbnails.slider.scrollTo({left:e.offsetLeft}))}announceLiveRegion(e,t){e=e.querySelector(".product__modal-opener--image img");e&&(e.onload=()=>{this.elements.liveRegion.setAttribute("aria-hidden",!1),this.elements.liveRegion.innerHTML=theme.accessibilityStrings.imageAvailable.replace("[index]",t),setTimeout(()=>{this.elements.liveRegion.setAttribute("aria-hidden",!0)},2e3)},e.src=e.src)}playActiveMedia(e){window.pauseAllMedia();e=e.querySelector(".deferred-media");e&&e.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.forEach(e=>e.setAttribute("role","presentation")))}});