{"version":3,"file":"../modal.js","names":["modal","document","querySelector","modalClose","querySelectorAll","modalTrigger","body","forEach","el","addEventListener","e","preventDefault","classList","add","closeModal","event","contains","target","parent","closest","remove"],"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,SAAAA,QACA,IAAAA,EAAAC,SAAAC,cAAA,UACAC,EAAAF,SAAAG,iBAAA,iBACAC,EAAAJ,SAAAG,iBAAA,mBACAE,EAAAL,SAAAC,cAAA,QAEAG,EAAAE,SAAA,SAAAC,GACAA,EAAAC,iBAAA,kBAAAC,GACAA,EAAAC,iBACAL,EAAAM,UAAAC,IAAA,oBACAb,EAAAY,UAAAC,IAAA,gBACA,GACA,IAEAV,EAAAI,SAAA,SAAAC,GACAA,EAAAC,iBAAA,kBAAAC,GACAI,WAAAJ,EACA,GACA,IAEAV,EAAAS,iBAAA,kBAAAM,GACAd,SAAAC,cAAA,eAAAc,SAAAD,EAAAE,SACAH,WAAAC,EAEA,GACA,CAEA,SAAAD,WAAAC,GACA,IAAAG,EAAAH,EAAAE,OAAAE,QAAA,UACAb,KAAAM,UAAAQ,OAAA,oBACAF,EAAAN,UAAAQ,OAAA,gBACA"}