{
  "version": 3,
  "sources": ["/cdn/shop/t/724/assets/media-gallery.js?enable_js_minification=1"],
  "sourcesContent": ["if (!customElements.get('media-gallery')) {\n  customElements.define('media-gallery', class MediaGallery extends HTMLElement {\n    constructor() {\n      super();\n      this.elements = {\n        liveRegion: this.querySelector('[id^=\"GalleryStatus\"]'),\n        viewer: this.querySelector('[id^=\"GalleryViewer\"]'),\n        thumbnails: this.querySelector('[id^=\"GalleryThumbnails\"]')\n      }\n      this.mql = window.matchMedia('(min-width: 750px)');\n      if (!this.elements.thumbnails) return;\n\n      this.elements.viewer.addEventListener('slideChanged', debounce(this.onSlideChanged.bind(this), 500));\n      this.elements.thumbnails.querySelectorAll('[data-target]').forEach((mediaToSwitch) => {\n        mediaToSwitch.querySelector('button').addEventListener('click', this.setActiveMedia.bind(this, mediaToSwitch.dataset.target, false));\n      });\n      if (this.dataset.desktopLayout.includes('thumbnail') && this.mql.matches) this.removeListSemantic();\n    }\n\n    onSlideChanged(event) {\n      const thumbnail = this.elements.thumbnails.querySelector(`[data-target=\"${ event.detail.currentElement.dataset.mediaId }\"]`);\n      this.setActiveThumbnail(thumbnail);\n    }\n\n    setActiveMedia(mediaId, prepend) {\n      const activeMedia = this.elements.viewer.querySelector(`[data-media-id=\"${ mediaId }\"]`);\n      this.elements.viewer.querySelectorAll('[data-media-id]').forEach((element) => {\n        element.classList.remove('is-active');\n      });\n      activeMedia.classList.add('is-active');\n\n      if (prepend) {\n        activeMedia.parentElement.prepend(activeMedia);\n        if (this.elements.thumbnails) {\n          const activeThumbnail = this.elements.thumbnails.querySelector(`[data-target=\"${ mediaId }\"]`);\n          activeThumbnail.parentElement.prepend(activeThumbnail);\n        }\n        if (this.elements.viewer.slider) this.elements.viewer.resetPages();\n      }\n\n      this.preventStickyHeader();\n      window.setTimeout(() => {\n        if (this.elements.thumbnails) {\n          activeMedia.parentElement.scrollTo({ left: activeMedia.offsetLeft });\n        }\n        if (!this.elements.thumbnails || this.dataset.desktopLayout === 'stacked') {\n          activeMedia.scrollIntoView({behavior: 'smooth'});\n        }\n      });\n      this.playActiveMedia(activeMedia);\n\n      if (!this.elements.thumbnails) return;\n      const activeThumbnail = this.elements.thumbnails.querySelector(`[data-target=\"${ mediaId }\"]`);\n      this.setActiveThumbnail(activeThumbnail);\n      this.announceLiveRegion(activeMedia, activeThumbnail.dataset.mediaPosition);\n    }\n\n    setActiveThumbnail(thumbnail) {\n      if (!this.elements.thumbnails || !thumbnail) return;\n\n      this.elements.thumbnails.querySelectorAll('button').forEach((element) => element.removeAttribute('aria-current'));\n      thumbnail.querySelector('button').setAttribute('aria-current', true);\n      if (this.elements.thumbnails.isSlideVisible(thumbnail, 10)) return;\n\n      this.elements.thumbnails.slider.scrollTo({ left: thumbnail.offsetLeft });\n    }\n\n    announceLiveRegion(activeItem, position) {\n      const image = activeItem.querySelector('.product__modal-opener--image img');\n      if (!image) return;\n      image.onload = () => {\n        this.elements.liveRegion.setAttribute('aria-hidden', false);\n        this.elements.liveRegion.innerHTML = window.accessibilityStrings.imageAvailable.replace(\n          '[index]',\n          position\n        );\n        setTimeout(() => {\n          this.elements.liveRegion.setAttribute('aria-hidden', true);\n        }, 2000);\n      };\n      image.src = image.src;\n    }\n\n    playActiveMedia(activeItem) {\n      window.pauseAllMedia();\n      const deferredMedia = activeItem.querySelector('.deferred-media');\n      if (deferredMedia) deferredMedia.loadContent(false);\n    }\n\n    preventStickyHeader() {\n      this.stickyHeader = this.stickyHeader || document.querySelector('sticky-header');\n      if (!this.stickyHeader) return;\n      this.stickyHeader.dispatchEvent(new Event('preventHeaderReveal'));\n    }\n\n    removeListSemantic() {\n      if (!this.elements.viewer.slider) return;\n      this.elements.viewer.slider.setAttribute('role', 'presentation');\n      this.elements.viewer.sliderItems.forEach(slide => slide.setAttribute('role', 'presentation'));\n    }\n  });\n}\n"],
  "mappings": "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",
  "names": ["activeThumbnail"]
}