{
  "version": 3,
  "sources": ["/cdn/shop/t/23/assets/product-gallery.js?=124908639636300920611773923410&v%5B0%5D%5B1000%5D=whscheck"],
  "sourcesContent": ["class ProductGallery extends HTMLElement {\n  constructor() {\n    super();\n    this.init()\n\n    // Add resize observer to update container height\n    const resizeObserver = new ResizeObserver(entries => {\n      let elem = document.querySelector('.product-gallery__image--active');\n      elem.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' });\n      this.update();\n    });\n    resizeObserver.observe(this);\n\n    // Bind event listeners\n    this.navItems.forEach(item => item.addEventListener('click', this.onNavItemClick.bind(this)))\n    //this.prevButton.addEventListener('click', this.onButtonClick.bind(this));\n    //this.nextButton.addEventListener('click', this.onButtonClick.bind(this));\n    // For loop for applying button event handlers in case of using mobile slider buttons\n    this.prevButton.forEach((button) => {\n      button.addEventListener('click', this.onButtonClick.bind(this));\n    });\n    this.nextButton.forEach((button) => {\n      button.addEventListener('click', this.onButtonClick.bind(this));\n    });\n    // Listen for variant selection change to make current variant image active\n    window.addEventListener('message', this.onMessage.bind(this))\n\n    //Resize image\n    window.addEventListener(\"resize\", this.onResize.bind(this));\n    \n    \n  }\n\n  init() {\n    // Set up our DOM element variables\n    this.imagesContainer = this.querySelector('.product-gallery__images');\n    this.navItems = this.querySelectorAll('.product-gallery__nav-item');\n    this.dots = this.querySelectorAll('.product-gallery__nav-item.dot-nav');\n    this.images = this.querySelectorAll('.product-gallery__image');\n    this.filteredImages = this.querySelectorAll('.product-gallery__image.filtered');\n    this.filteredDots = this.querySelectorAll('.product-gallery__nav-item.dot-nav.filtered');\n    this.prevButton = this.querySelectorAll('button[name=\"previous\"]');\n    this.nextButton = this.querySelectorAll('button[name=\"next\"]');\n    this.arrowContainer = this.querySelector(\".carousel-arrow-container\");\n    this.onlyDefaultVariant = this.dataset.onlyDefaultVariant;\n    // If there is no active images, or the product only has the default variant set the first image to active\n    if (this.findCurrentIndex() === -1 || this.onlyDefaultVariant === 'true') {\n      this.setCurrentImage(this.images[0]);\n      this.setCurrentDot(this.dots[0]);\n    } else {\n      this.setSlideCount(this.findCurrentIndex() + 1);\n      this.setCurrentDot(this.dots[this.findCurrentIndex()]);\n    }\n\n    if (window.innerWidth < 750) {\n      this.imagesContainer.style.maxHeight = \"none\";\n    } else {\n      this.imagesContainer.style.maxHeight = this.querySelector(\".product-gallery__image--active img\").height + \"px\";\n      \n    }\n\n    if (this.arrowContainer) {\n    this.arrowContainer.style.top = (this.querySelector(\".product-gallery__image--active img\").height / 2) + \"px\";\n    }\n  }\n  \n\n  onMessage(event) {\n    if (!event.data) return;\n    if (event.data.type !== 'variant_changed' || event.data.action != 'filter') {\n      if (event.data.type == 'variant_changed') {\n        let currentImage = Array.from(this.images).find(item => item.dataset.mediaId == event.data.variant.featured_media.id)\n        if (currentImage) {\n          this.setCurrentImage(currentImage)\n        }\n        this.setCurrentDot(this.dots[Array.from(this.images).findIndex(item => item.classList.contains('product-gallery__image--active'))]);\n      }\n      if (event.data.type == 'product_gallery' && event.data.action == 'filter') {\n        this.filteredImages = this.querySelectorAll('.product-gallery__image.filtered');\n        this.filteredDots = this.querySelectorAll('.product-gallery__nav-item.dot-nav.filtered');\n        this.setCurrentImage(this.filteredImages[0]);\n        this.setCurrentDot(this.filteredDots[0]);\n      }\n\n      if (event.data.type == 'product_gallery' && event.data.action == 'unfilter') {\n        this.setSlideCount(Array.from(this.images).findIndex(item => item.classList.contains('product-gallery__image--active')) + 1);\n        this.setCurrentDot(this.dots[Array.from(this.images).findIndex(item => item.classList.contains('product-gallery__image--active'))]);\n      }\n    }\n  }\n\n  onResize(event) {\n    if (window.innerWidth < 750) {\n      this.imagesContainer.style.maxHeight = \"none\";\n    } else {\n      this.imagesContainer.style.maxHeight = this.querySelector(\".product-gallery__image--active img\").height + \"px\";\n    }\n    if (this.arrowContainer) {\n      this.arrowContainer.style.top = (this.querySelector(\".product-gallery__image--active img\").height / 2) + \"px\";\n      }\n    \n  }\n\n  onVariantChange(event) {\n    if (!event.data || event.data.type !== 'variant_changed') return \n    const currentImage = Array.from(this.images).find(item => item.dataset.mediaId == event.data.variant.featured_media.id)\n    if (currentImage) {\n      this.setCurrentImage(currentImage)\n    }\n    this.setSlideCount(Array.from(this.images).findIndex(item => item.classList.contains('product-gallery__image--active')) + 1);\n  }\n\n  onNavItemClick(event) {\n    window.postMessage({ type: 'product_gallery', action: \"nav_click\" }, '*');\n    const mediaId = event.target.closest('li').dataset.mediaId;\n    const targetDot = event.target.closest('li.dot-nav');\n    this.setCurrentDot(targetDot);\n    this.images.forEach(item => item.classList.remove('product-gallery__image--active'));\n    this.setCurrentImage(Array.from(this.images).find(item => item.dataset.mediaId === mediaId))\n    if (this.querySelectorAll('.product-gallery__image.filtered').length > 0) {\n      this.setSlideCount(Array.from(this.filteredImages).findIndex(item => item.classList.contains('product-gallery__image--active')) + 1);\n    } else {\n      this.setSlideCount(Array.from(this.images).findIndex(item => item.classList.contains('product-gallery__image--active')) + 1);\n    }\n  }\n\n  update() {\n    window.postMessage({ type: 'product_gallery', action: \"update\" }, '*');\n    // For loop for applying button event handlers in case of using mobile slider buttons\n    this.prevButton.forEach((button) => {\n      button.removeAttribute('disabled');\n    });\n    this.nextButton.forEach((button) => {\n      button.removeAttribute('disabled');\n    });\n  }\n\n  setCurrentImage(elem) {\n    window.postMessage({ type: 'product_gallery', action: \"set_image\", media_id: elem.dataset.mediaId }, '*');\n    this.images.forEach(item => item.classList.remove('product-gallery__image--active'))\n    elem.classList.add('product-gallery__image--active')\n    elem.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' });\n    this.update()\n  }\n\n  setCurrentDot(elem) {\n    window.postMessage({ type: 'product_gallery', action: \"set_dot\" }, '*');\n    if (this.dots.length > 0) {\n    this.dots.forEach(item => item.classList.remove('product-gallery__nav-item--active'))\n    elem.classList.add('product-gallery__nav-item--active');\n    this.update()\n    }\n  }\n\n  setSlideCount(index) {\n    window.postMessage({ type: 'product_gallery', action: \"set_count\" }, '*');\n    let sliderCount = document.getElementById(\"sliderCount\");\n    if (sliderCount) {\n      document.getElementById(\"sliderCountCurrent\").textContent = index;\n    }\n  }\n\n  findCurrentIndex() {\n    if ($(\".product-gallery__images .filtered\").length > 0) {\n      return Array.from(this.filteredImages).findIndex(item => item.classList.contains('product-gallery__image--active'));\n    } else {\n      return Array.from(this.images).findIndex(item => item.classList.contains('product-gallery__image--active'));\n    }\n    \n  }\n\n  onButtonClick(event) {\n    event.preventDefault();\n    let index = this.findCurrentIndex();\n    let slideCount = this.images.length - 1;\n    if ($(\".product-gallery__images .filtered\").length > 0) {\n      slideCount = $(\".product-gallery__images #sliderCount\").attr(\"data-slides\") - 1;\n      slideCount = $(\".product-gallery__images .filtered\").length - 1;\n    }\n    if (event.currentTarget.name === 'next') {\n      if (index == slideCount) {\n        index = 0;\n      } else {\n        index++;\n      }\n      \n    } else {\n      if (index == 0) {\n        index = slideCount;\n      } else {\n      index--;\n      }\n    }\n\n    this.setSlideCount(index + 1);\n    \n    if ($(\".product-gallery__images .filtered\").length > 0) {\n      this.setCurrentImage(this.filteredImages[index]);\n      this.setCurrentDot(this.filteredDots[index]);\n    } else {\n      this.setCurrentImage(this.images[index]);\n      this.setCurrentDot(this.dots[index])\n    }\n    \n  }\n}\n\ncustomElements.define('product-gallery', ProductGallery);\n\n"],
  "mappings": "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",
  "names": []
}