{"version":3,"file":"js/769.1c379e5e9315051e33fd.chunk.js","mappings":"wIACO,MAAMA,EAAoB,KAC7B,MAAMC,EAAgBC,SAASC,iBAAiB,kBAChD,IAGIC,EAHAC,GAA2B,EAC3BC,GAAY,EACZC,EAAe,EAEHC,UAAUC,UAC1B,IAAIC,EACJ,MAKMC,EAAiBC,IACnBX,EAAcY,SAASC,IACnBA,EAAIC,UAAUC,OAAO,mBAAoB,aAAa,GACxD,EAGNf,EAAcY,SAAQ,CAACI,EAAQL,KAC3BK,EAAOC,iBAAiB,SAAS,KAC7BC,aAAaf,GACbC,GAA2B,EAC3B,MAAMe,EAAYH,EAAOI,aAAa,cACtC,GAAID,EACAV,EAAiBR,SAASoB,eAAeF,OAExC,CACD,MAAMG,EAAgBN,EAAOO,UAAUC,OACvCf,EAAiBR,SAASoB,eAAeC,EAC7C,CACA,GAAIb,EAAgB,CAChBA,EAAegB,eAAe,CAC1BC,SAAU,SACVC,OAAQ,YAEZ,MAAMC,EAAS3B,SAAS4B,cAAc,0BAClC,UAAoBD,GACpBE,YAAW,KAEP,GAA8B,UADTC,iBAAiBH,GACrBI,SAAsB,CAEnC,MAAMC,EAAeL,EAAOM,aAC5BzB,EAAegB,eAAe,CAC1BC,SAAU,SACVS,MAAO,QACPR,OAAQ,UACRS,WAAYH,GAEpB,IACD,KAEPvB,GACJ,CACAP,EAAc2B,YAAW,KACrB1B,GAA2B,CAAI,GAChC,IAAK,GACV,IAEN,MAAMiC,EAAkBpC,SAASC,iBAAiB,oBAYlD,SAASoC,IACDlC,IACAiC,EAAgBzB,SAAQ,CAAC2B,EAAS5B,KAjElB,CAAC6B,IACrB,MAAMC,EAAiBC,OAAOC,SAAWD,OAAOE,YAChD,OAAQH,GAAkBD,EAAKJ,UAAY,KACvCK,EAAiBD,EAAKJ,UAAYI,EAAKN,YAAa,EA+D5CW,CAAgBN,KAChBjC,EAAeK,EACnB,IAEAL,EAAe+B,EAAgBS,OAAS,IACxCzC,GAAY,EACZK,KAEAJ,GAAgB+B,EAAgBS,OAAS,GAAMzC,IAC/CK,IACAL,GAAY,GAGxB,CACA,MAAM0C,EA5BN,SAAkBC,EAAMC,GACpB,IAAIC,EACJ,OAAO,WACH,MAAMC,EAAUC,KACVC,EAAOC,UACbpC,aAAagC,GACbA,EAAYpB,YAAW,KACnBkB,EAAKO,MAAMJ,EAASE,EAAK,GAC1BJ,EACP,CACJ,CAkB8BO,CAASlB,EAAc,IACrDI,OAAOzB,iBAAiB,SAAU8B,GAClCT,GAAc,C","sources":["webpack:///./wwwroot/js/paragraphScroller.ts"],"sourcesContent":["import { isMediumScreen } from './utils';\nexport const paragraphScroller = () => {\n    const letterButtons = document.querySelectorAll('.letter-button');\n    let shouldExecuteScrollEvent = true;\n    let lastIndex = false;\n    let currentIndex = 0;\n    let isScrolling;\n    var userAgent = navigator.userAgent;\n    let contentSection;\n    const isElementInView = (elem) => {\n        const scrollPosition = window.scrollY || window.pageYOffset;\n        return (scrollPosition >= elem.offsetTop - 150 &&\n            scrollPosition < elem.offsetTop + elem.offsetHeight);\n    };\n    const toggleClasses = (index) => {\n        letterButtons.forEach((btn) => {\n            btn.classList.remove('bg-primary-color', 'text-white');\n        });\n        // letterButtons[index].classList.add('bg-primary-color', 'text-white');\n    };\n    letterButtons.forEach((button, index) => {\n        button.addEventListener('click', () => {\n            clearTimeout(isScrolling);\n            shouldExecuteScrollEvent = false;\n            const contentId = button.getAttribute('data-value');\n            if (contentId) {\n                contentSection = document.getElementById(contentId);\n            }\n            else {\n                const glossaryTitle = button.innerText.trim();\n                contentSection = document.getElementById(glossaryTitle);\n            }\n            if (contentSection) {\n                contentSection.scrollIntoView({\n                    behavior: 'smooth',\n                    inline: 'nearest',\n                });\n                const header = document.querySelector('.qq__sticky-container');\n                if (isMediumScreen() && header) {\n                    setTimeout(() => {\n                        const headerStyles = getComputedStyle(header);\n                        if (headerStyles.position === 'fixed') {\n                            // Header is sticky, adjust scrolling\n                            const headerHeight = header.offsetHeight;\n                            contentSection.scrollIntoView({\n                                behavior: 'smooth',\n                                block: 'start',\n                                inline: 'nearest',\n                                offsetTop: -headerHeight,\n                            });\n                        }\n                    }, 500);\n                }\n                toggleClasses(index);\n            }\n            isScrolling = setTimeout(() => {\n                shouldExecuteScrollEvent = true;\n            }, 1000);\n        });\n    });\n    const contentSections = document.querySelectorAll('.content-section');\n    function debounce(func, delay) {\n        let timeoutId;\n        return function () {\n            const context = this;\n            const args = arguments;\n            clearTimeout(timeoutId);\n            timeoutId = setTimeout(() => {\n                func.apply(context, args);\n            }, delay);\n        };\n    }\n    function scrollAction() {\n        if (shouldExecuteScrollEvent) {\n            contentSections.forEach((section, index) => {\n                if (isElementInView(section)) {\n                    currentIndex = index;\n                }\n            });\n            if (currentIndex < contentSections.length - 1) {\n                lastIndex = false;\n                toggleClasses(currentIndex);\n            }\n            if (currentIndex == contentSections.length - 1 && !lastIndex) {\n                toggleClasses(currentIndex);\n                lastIndex = true;\n            }\n        }\n    }\n    const debouncedScrollAction = debounce(scrollAction, 10);\n    window.addEventListener('scroll', debouncedScrollAction);\n    scrollAction();\n};\n"],"names":["paragraphScroller","letterButtons","document","querySelectorAll","isScrolling","shouldExecuteScrollEvent","lastIndex","currentIndex","navigator","userAgent","contentSection","toggleClasses","index","forEach","btn","classList","remove","button","addEventListener","clearTimeout","contentId","getAttribute","getElementById","glossaryTitle","innerText","trim","scrollIntoView","behavior","inline","header","querySelector","setTimeout","getComputedStyle","position","headerHeight","offsetHeight","block","offsetTop","contentSections","scrollAction","section","elem","scrollPosition","window","scrollY","pageYOffset","isElementInView","length","debouncedScrollAction","func","delay","timeoutId","context","this","args","arguments","apply","debounce"],"sourceRoot":""}