{"version":3,"sources":["webpack:///./Scripts/Components/Vanilla/ProductPageMenu.js"],"names":["links","document","querySelectorAll","addEventListener","clickHandler","allProductsLink","getElementById","e","preventDefault","href","this","getAttribute","yOffset","body","clientWidth","y","replace","getBoundingClientRect","top","window","pageYOffset","scrollTo","behavior","headerRef","headerHeight","offsetHeight","menuRef","menu","documentElement","scrollTop","offsetTop","classList","remove","add"],"mappings":"wHAAMA,EAAQC,SAASC,iBAAiB,oC,uBAExC,gBAAmBF,KAAnB,0BAA0B,SACjBG,iBAAiB,QAASC,I,kFAEnC,IAAIC,EAAkBJ,SAASK,eAAe,qBAK9C,SAASF,EAAaG,GAClBA,EAAEC,iBACF,IAAMC,EAAOC,KAAKC,aAAa,QAC3BC,GAAW,GACXX,SAASY,KAAKC,aAAe,OAC7BF,GAAW,KAEf,IACMG,EADUd,SAASK,eAAeG,EAAKO,QAAQ,KAAM,KAE/CC,wBAAwBC,IAAMC,OAAOC,YAAcR,EAE/DO,OAAOE,SAAS,CAAEH,IAAKH,EAAGO,SAAU,WAfpCjB,GACAA,EAAgBF,iBAAiB,QAASC,GAiB9C,IAAImB,EAAYtB,SAASK,eAAe,uBACpCkB,EAAevB,SAASK,eAAe,UAAUmB,aACjDC,EAAUzB,SAASK,eAAe,qCAClCqB,EAAO1B,SAASK,eAAe,mCAE/BqB,KAEK1B,SAAS2B,iBAAmB3B,SAAS2B,gBAAgBC,WACtD5B,SAASY,KAAKgB,YACDH,EAAQI,UAAYN,GAE7BD,GACAA,EAAUQ,UAAUC,OAAO,cAE/BL,EAAKI,UAAUE,IAAI,YAEfV,GACAA,EAAUQ,UAAUE,IAAI,cAE5BN,EAAKI,UAAUC,OAAO,WAG1Bb,OAAOhB,iBAAiB,UAAU,YAEzBF,SAAS2B,iBAAmB3B,SAAS2B,gBAAgBC,WACtD5B,SAASY,KAAKgB,YACDH,EAAQI,UAAYN,GAE7BD,GACAA,EAAUQ,UAAUC,OAAO,cAE/BL,EAAKI,UAAUE,IAAI,YAEfV,GACAA,EAAUQ,UAAUE,IAAI,cAE5BN,EAAKI,UAAUC,OAAO","file":"20.07ada7839470366fa481.js","sourcesContent":["const links = document.querySelectorAll(\".product-content__menu-wrapper a\");\r\n\r\nfor (const link of links) {\r\n    link.addEventListener(\"click\", clickHandler);\r\n}\r\nvar allProductsLink = document.getElementById(\"show-all-products\");\r\nif (allProductsLink) {\r\n    allProductsLink.addEventListener(\"click\", clickHandler);\r\n}\r\n\r\nfunction clickHandler(e) {\r\n    e.preventDefault();\r\n    const href = this.getAttribute(\"href\");\r\n    let yOffset = -50;\r\n    if (document.body.clientWidth <= 1023) {\r\n        yOffset = -150;\r\n    }\r\n    const element = document.getElementById(href.replace(/#/g, \"\"));\r\n    const y =\r\n        element.getBoundingClientRect().top + window.pageYOffset + yOffset;\r\n\r\n    window.scrollTo({ top: y, behavior: \"smooth\" });\r\n}\r\n\r\nlet headerRef = document.getElementById(\"header__top-section\");\r\nlet headerHeight = document.getElementById(\"header\").offsetHeight;\r\nlet menuRef = document.getElementById(\"product-content__menu-wrapper-row\");\r\nlet menu = document.getElementById(\"product-content__menu-container\");\r\n\r\nif (menu) {\r\n    var y =\r\n        (document.documentElement && document.documentElement.scrollTop) ||\r\n        document.body.scrollTop;\r\n    var checkValue = menuRef.offsetTop - headerHeight;\r\n    if (y >= checkValue) {\r\n        if (headerRef) {\r\n            headerRef.classList.remove(\"box-shadow\");\r\n        }\r\n        menu.classList.add(\"sticky\");\r\n    } else {\r\n        if (headerRef) {\r\n            headerRef.classList.add(\"box-shadow\");\r\n        }\r\n        menu.classList.remove(\"sticky\");\r\n    }\r\n\r\n    window.addEventListener(\"scroll\", function () {\r\n        var y =\r\n            (document.documentElement && document.documentElement.scrollTop) ||\r\n            document.body.scrollTop;\r\n        var checkValue = menuRef.offsetTop - headerHeight;\r\n        if (y >= checkValue) {\r\n            if (headerRef) {\r\n                headerRef.classList.remove(\"box-shadow\");\r\n            }\r\n            menu.classList.add(\"sticky\");\r\n        } else {\r\n            if (headerRef) {\r\n                headerRef.classList.add(\"box-shadow\");\r\n            }\r\n            menu.classList.remove(\"sticky\");\r\n        }\r\n    });\r\n}\r\n"],"sourceRoot":""}