Function initSidebar

web/src/scripts/main.js:454–484

()

}

function initSidebar() {
    function openSidebar() {
        sidebar?.classList.add('open');
        sidebarOverlay?.classList.add('open');
        document.body.style.overflow = 'hidden';
    }

    function closeSidebar() {
        sidebar?.classList.remove('open');
        sidebarOverlay?.classList.remove('open');
        document.body.style.overflow = '';
    }

    menuBtn?.addEventListener('click', openSidebar);
    closeSidebarBtn?.addEventListener('click', closeSidebar);
    sidebarOverlay?.addEventListener('click', closeSidebar);

    document.querySelectorAll('.nav-item, .mobile-category-item').forEach((item) => {
        item.addEventListener('click', (event) => {
            const id = item.dataset.id || 'featured';
            const href = item.getAttribute('href');
            if (href && id !== 'featured') {
                if (window.innerWidth <= 768) closeSidebar();
                return;
            }
            event.preventDefault();
            renderSection(id, { updateUrl: true, clearSearch: true, scroll: true });
            if (window.innerWidth <= 768) closeSidebar();
        });
    });
}

function initSearch() {
    function clearSearch({ focus = true } = {}) {