{
"version": 3,
"sources": ["/cdn/shop/t/4/assets/product-form.js?r=1789080886824"],
"sourcesContent": ["document.addEventListener('DOMContentLoaded', () => {\r\n initProductGalleries();\r\n initProductLightboxes();\r\n\r\n document.querySelectorAll('[data-product-json]').forEach((jsonEl) => {\r\n try {\r\n initProductForm(jsonEl);\r\n } catch (error) {\r\n console.error('Failed to initialize product form', error);\r\n }\r\n });\r\n});\r\n\r\nfunction initProductGalleries() {\n document.querySelectorAll('[data-gallery-thumb]').forEach((thumb) => {\n thumb.addEventListener('click', () => {\n const gallery = thumb.closest('[data-gallery], .product-gallery__thumbs');\n if (!gallery) return;\n showGalleryMedia(gallery, thumb.dataset.mediaId);\n });\n });\n}\n\nfunction showGalleryMedia(gallery, mediaId) {\n const productGallery = gallery.closest('.product-gallery');\n if (!productGallery || !mediaId) return;\n\n productGallery.querySelectorAll('[data-gallery-main-media]').forEach((media) => {\n const isActive = media.dataset.mediaId === String(mediaId);\n media.classList.toggle('is-active', isActive);\n media.hidden = !isActive;\n if (!isActive) media.querySelectorAll('video').forEach((video) => video.pause());\n });\n\n gallery.querySelectorAll('[data-gallery-thumb]').forEach((thumb) => {\n thumb.classList.toggle('is-active', thumb.dataset.mediaId === String(mediaId));\n });\n}\n\r\nfunction fullscreenSrc(src) {\r\n if (!src) return '';\r\n if (src.includes('width=')) {\r\n return src.replace(/width=\\d+/, 'width=2400');\r\n }\r\n return `${src}${src.includes('?') ? '&' : '?'}width=2400`;\r\n}\r\n\r\nfunction getGalleryImages(gallery, mainImage) {\n const thumbs = [...gallery.querySelectorAll('[data-gallery-thumb][data-media-type=\"image\"]')];\n if (thumbs.length) {\r\n return thumbs.map((thumb) => {\r\n const img = thumb.querySelector('img');\r\n return {\r\n src: fullscreenSrc(thumb.dataset.fullSrc || img?.src || ''),\r\n alt: img?.alt || mainImage.alt || '',\r\n };\r\n });\r\n }\r\n\r\n if (mainImage.src) {\r\n return [{ src: fullscreenSrc(mainImage.src), alt: mainImage.alt || '' }];\r\n }\r\n\r\n return [];\r\n}\r\n\r\nfunction getActiveGalleryIndex(gallery) {\n const activeThumb = gallery.querySelector('[data-gallery-thumb].is-active');\n if (!activeThumb || activeThumb.dataset.mediaType !== 'image') return 0;\n\n const thumbs = [...gallery.querySelectorAll('[data-gallery-thumb][data-media-type=\"image\"]')];\n const index = thumbs.indexOf(activeThumb);\r\n return index >= 0 ? index : 0;\r\n}\r\n\r\nfunction initProductLightboxes() {\r\n const lightbox = ensureLightbox();\r\n const lightboxImg = lightbox.querySelector('[data-lightbox-image]');\r\n const prevBtn = lightbox.querySelector('[data-lightbox-prev]');\r\n const nextBtn = lightbox.querySelector('[data-lightbox-next]');\r\n let images = [];\r\n let currentIndex = 0;\r\n let triggerEl = null;\r\n\r\n function showImage(index) {\r\n if (!images.length) return;\r\n\r\n currentIndex = ((index % images.length) + images.length) % images.length;\r\n const image = images[currentIndex];\r\n lightboxImg.src = image.src;\r\n lightboxImg.alt = image.alt;\r\n const hasMultiple = images.length > 1;\r\n if (prevBtn) prevBtn.hidden = !hasMultiple;\r\n if (nextBtn) nextBtn.hidden = !hasMultiple;\r\n }\r\n\r\n function closeLightbox() {\r\n lightbox.hidden = true;\r\n lightbox.setAttribute('aria-hidden', 'true');\r\n document.body.classList.remove('image-lightbox-open');\r\n document.removeEventListener('keydown', onKeyDown);\r\n triggerEl?.focus?.();\r\n }\r\n\r\n function openLightbox() {\r\n lightbox.hidden = false;\r\n lightbox.setAttribute('aria-hidden', 'false');\r\n document.body.classList.add('image-lightbox-open');\r\n lightbox.querySelector('.image-lightbox__close')?.focus();\r\n document.addEventListener('keydown', onKeyDown);\r\n }\r\n\r\n function onKeyDown(event) {\r\n if (lightbox.hidden) return;\r\n\r\n if (event.key === 'Escape') {\r\n event.preventDefault();\r\n closeLightbox();\r\n return;\r\n }\r\n\r\n if (event.key === 'ArrowLeft') {\r\n event.preventDefault();\r\n showImage(currentIndex - 1);\r\n return;\r\n }\r\n\r\n if (event.key === 'ArrowRight') {\r\n event.preventDefault();\r\n showImage(currentIndex + 1);\r\n }\r\n }\r\n\r\n lightbox.querySelectorAll('[data-lightbox-close]').forEach((btn) => {\r\n btn.addEventListener('click', closeLightbox);\r\n });\r\n\r\n prevBtn?.addEventListener('click', () => showImage(currentIndex - 1));\r\n nextBtn?.addEventListener('click', () => showImage(currentIndex + 1));\r\n\r\n document.querySelectorAll('.product-gallery').forEach((gallery) => {\r\n const mainWrap = gallery.querySelector('.product-gallery__main');\r\n const mainImage = mainWrap?.querySelector('img') || (mainWrap?.tagName === 'IMG' ? mainWrap : null);\r\n if (!mainWrap || !mainImage) return;\r\n\r\n const galleryImages = getGalleryImages(gallery, mainImage);\r\n if (!galleryImages.length) return;\r\n\r\n mainWrap.style.cursor = 'zoom-in';\r\n\r\n if (mainWrap.tagName !== 'BUTTON') {\r\n mainWrap.setAttribute('role', 'button');\r\n mainWrap.setAttribute('tabindex', '0');\r\n mainWrap.setAttribute('aria-label', window.theme?.strings?.viewFullscreen || 'View image full screen');\r\n }\r\n\r\n const handleOpen = (event) => {\n if (mainWrap.querySelector('[data-gallery-main-media].is-active video')) return;\n event.preventDefault();\n triggerEl = mainWrap;\r\n images = galleryImages;\r\n showImage(getActiveGalleryIndex(gallery));\r\n openLightbox();\r\n };\r\n\r\n mainWrap.addEventListener('click', handleOpen);\r\n mainWrap.addEventListener('keydown', (event) => {\r\n if (event.key === 'Enter' || event.key === ' ') {\r\n handleOpen(event);\r\n }\r\n });\r\n });\r\n}\r\n\r\nfunction ensureLightbox() {\r\n let lightbox = document.getElementById('product-image-lightbox');\r\n if (lightbox) return lightbox;\r\n\r\n lightbox = document.createElement('div');\r\n lightbox.id = 'product-image-lightbox';\r\n lightbox.className = 'image-lightbox';\r\n lightbox.hidden = true;\r\n lightbox.setAttribute('aria-hidden', 'true');\r\n lightbox.innerHTML = `\r\n \r\n \r\n
\r\n
\r\n
\r\n
![\"\"](\"\")
\r\n