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(e=>{e.querySelector("button").addEventListener("click",this.setActiveMedia.bind(this,e.dataset.target,!1))}),this.dataset.desktopLayout.includes("thumbnail")&&this.mql.matches&&this.removeListSemantic())}onSlideChanged(e){const i=this.elements.thumbnails.querySelector(`[data-target="${e.detail.currentElement.dataset.mediaId}"]`);this.setActiveThumbnail(i)}setActiveMedia(e,i){const t=this.elements.viewer.querySelector(`[data-media-id="${e}"]`)||this.elements.viewer.querySelector("[data-media-id]");if(!t)return;if(this.elements.viewer.querySelectorAll("[data-media-id]").forEach(s=>{s.classList.remove("is-active")}),t?.classList?.add("is-active"),i){if(t.parentElement.firstChild!==t&&t.parentElement.prepend(t),this.elements.thumbnails){const s=this.elements.thumbnails.querySelector(`[data-target="${e}"]`);s.parentElement.firstChild!==s&&s.parentElement.prepend(s)}this.elements.viewer.slider&&this.elements.viewer.resetPages()}if(this.preventStickyHeader(),window.setTimeout(()=>{(!this.mql.matches||this.elements.thumbnails)&&t.parentElement.scrollTo({left:t.offsetLeft});const s=t.getBoundingClientRect();if(s.top>-.5)return;const n=s.top+window.scrollY;window.scrollTo({top:n,behavior:"smooth"})}),this.playActiveMedia(t),!this.elements.thumbnails)return;const r=this.elements.thumbnails.querySelector(`[data-target="${e}"]`);this.setActiveThumbnail(r),this.announceLiveRegion(t,r.dataset.mediaPosition)}setActiveThumbnail(e){!this.elements.thumbnails||!e||(this.elements.thumbnails.querySelectorAll("button").forEach(i=>i.removeAttribute("aria-current")),e.querySelector("button").setAttribute("aria-current",!0),!this.elements.thumbnails.isSlideVisible(e,10)&&this.elements.thumbnails.slider.scrollTo({left:e.offsetLeft}))}announceLiveRegion(e,i){const t=e.querySelector(".product__modal-opener--image img");t&&(t.onload=()=>{this.elements.liveRegion.setAttribute("aria-hidden",!1),this.elements.liveRegion.innerHTML=window.accessibilityStrings.imageAvailable.replace("[index]",i),setTimeout(()=>{this.elements.liveRegion.setAttribute("aria-hidden",!0)},2e3)},t.src=t.src)}playActiveMedia(e){window.pauseAllMedia();const i=e.querySelector(".deferred-media");i&&i.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")))}});
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.