{"version":3,"sources":["modules/animation.js"],"names":["ageGateElement","document","getElementById","isNearTop","element","offset","getBoundingClientRect","top","window","innerHeight","documentElement","clientHeight","handleLayoutItems","layoutItems","querySelectorAll","forEach","el","classList","add","productContainer","querySelector","addEventListener","isScrolling","header","lastScroll","clearTimeout","currentScroll","scrollY","remove","setTimeout","productDetailHero"],"mappings":"AAGA,IAAAA,eAAAC,SAAAC,eAAA,WA8CA,SAAAC,UAAAC,EAAAC,EAAA,KAEA,OADAD,EAAAE,wBACAC,MAAAC,OAAAC,aAAAR,SAAAS,gBAAAC,cAAAN,CACA,CAEA,SAAAO,oBACA,IAAAC,EAAAZ,SAAAa,iBAAA,wEACAD,GACAA,EAAAE,SAAA,SAAAC,GACAb,UAAAa,EAAA,MACAA,EAAAC,UAAAC,IAAA,mBAEA,IAGA,IAAAC,EAAAlB,SAAAmB,cAAA,wBACAD,GACAA,EAAAL,iBAAA,mBACAC,SAAA,SAAAC,GACAb,UAAAa,EAAA,MACAA,EAAAC,UAAAC,IAAA,gBAEA,GAGA,CArEAlB,gBACAQ,OAAAa,iBAAA,mBACApB,SAAAmB,cAAA,QAAAH,UAAAC,IAAA,eACA,IAKAjB,SAAAoB,iBAAA,+BACA,IACAC,EADAC,EAAAtB,SAAAmB,cAAA,WAEAI,EAAA,EAEAhB,OAAAa,iBAAA,qBACAb,OAAAiB,aAAAH,GACA,MAAAI,EAAAlB,OAAAmB,QAEAnB,OAAAmB,QAAA,IACAJ,EAAAN,UAAAW,OAAA,gBAEAN,EAAAO,YAAA,WACAH,EAAAF,EAEAD,EAAAN,UAAAC,IAAA,gBAGAK,EAAAN,UAAAW,OAAA,gBAEAJ,EAAAE,CACA,MAGA,IAGA,IAAAI,EAAA7B,SAAAmB,cAAA,kBACAU,GACAA,EAAAb,UAAAC,IAAA,mBAGA,IA+BAV,OAAAa,iBAAA,SAAAT,mBACAJ,OAAAa,iBAAA,OAAAT","file":"../compiled.min.js","sourcesContent":["console.log('fett theme - animation.js');\r\n\r\n// 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 productContainer = document.querySelector('.container--products');\r\n    if (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\nwindow.addEventListener(\"scroll\", handleLayoutItems);\r\nwindow.addEventListener(\"load\", handleLayoutItems);\r\n\r\n\r\n"]}