{"version":3,"file":"../product-detail.js","names":["accordion","document","querySelector","addEventListener","e","target","classList","contains","accordionToggle","isExpanded","getAttribute","setAttribute","releventItem","getElementById","dataset","contentId","toggle"],"sources":["modules/animation.js"],"sourcesContent":["// Add loaded class to body\r\nvar ageGateElement = document.getElementById(\"ageGate\");\r\n\r\nif (!ageGateElement) {\r\n window.addEventListener('load', function () {\r\n document.querySelector('body').classList.add('body--loaded')\r\n });\r\n\r\n}\r\n\r\n// Header\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n let header = document.querySelector('.header');\r\n let isScrolling;\r\n let lastScroll = 0;\r\n\r\n window.addEventListener('scroll', function () {\r\n window.clearTimeout(isScrolling);\r\n const currentScroll = window.scrollY;\r\n\r\n if (window.scrollY < 120) {\r\n header.classList.remove('header--hide');\r\n } else {\r\n isScrolling = setTimeout(function () {\r\n if (currentScroll > lastScroll) {\r\n // show if scroll down\r\n header.classList.add('header--hide');\r\n } else {\r\n // hide if scroll up\r\n header.classList.remove('header--hide');\r\n }\r\n lastScroll = currentScroll;\r\n }, 25);\r\n }\r\n\r\n });\r\n\r\n\r\n var productDetailHero = document.querySelector('.productDetail');\r\n if (productDetailHero) {\r\n productDetailHero.classList.add('section--visible');\r\n }\r\n\r\n});\r\n\r\n\r\n// Sections\r\nfunction isNearTop(element, offset = 200) {\r\n var rect = element.getBoundingClientRect();\r\n return rect.top <= (window.innerHeight || document.documentElement.clientHeight) - offset;\r\n}\r\n\r\nfunction handleLayoutItems() {\r\n var layoutItems = document.querySelectorAll('.umb-block-grid__layout-item, .divider--products, .divider--template');\r\n if (layoutItems) {\r\n layoutItems.forEach(function (el) {\r\n if (isNearTop(el, 200)) {\r\n el.classList.add('section--visible');\r\n }\r\n });\r\n }\r\n\r\n var productContainers = document.querySelectorAll('.container--products');\r\n if (productContainers) {\r\n productContainers.forEach((productContainer) => {\r\n var items = productContainer.querySelectorAll('.products__item');\r\n items.forEach(function (el) {\r\n if (isNearTop(el, 200)) {\r\n el.classList.add('item--visible');\r\n }\r\n });\r\n });\r\n }\r\n\r\n}\r\n\r\nwindow.addEventListener(\"scroll\", handleLayoutItems);\r\nwindow.addEventListener(\"load\", handleLayoutItems);\r\n\r\n\r\n"],"mappings":"AAAA,IAAAA,UAAAC,SAAAC,cAAA,cAEAF,WACAA,UAAAG,iBAAA,SAAAC,IACA,GAAAA,EAAAC,OAAAC,UAAAC,SAAA,sBACA,IAAAC,EAAAJ,EAAAC,OAEAI,EAAA,SAAAD,EAAAE,aAAA,iBACAF,EAAAG,aAAA,iBAAAF,GAEA,IAAAG,EAAAX,SAAAY,eAAAL,EAAAM,QAAAC,WAEAH,GACAA,EAAAN,UAAAU,OAAA,oBAEA"}