Mobile menu internal anchors should close menu

[jsakas]

When you click a link in the mobile slide out menu, it should close the menu

[jsakas]

let mobileMenuOpen = false;
let openMenu: () => void;
let closeMenu: () => void;
const initMobileMenuToggle = (): void => {
    // init mobile menu toggle
    //
    const header = document.getElementById('header');
    const toggle = document.getElementById('mobile-nav-toggle');
    const navigation = document.getElementById('header__mobile-nav');

    openMenu = (): void => {
        // open the menu
        disableBodyScroll(navigation);
        toggle.classList.add('is-active');
        header.classList.add('header--mobile-nav-open');
        navigation.classList.add('header__mobile-nav--open');
        mobileMenuOpen = true;
    };

    closeMenu = (): void => {
        // close the menu
        enableBodyScroll(navigation);
        toggle.classList.remove('is-active');
        header.classList.remove('header--mobile-nav-open');
        navigation.classList.remove('header__mobile-nav--open');
        mobileMenuOpen = false;
    };

    toggle && toggle.addEventListener('click', () => {
        if (mobileMenuOpen) {
            closeMenu();
        } else {
            openMenu();
        }
    });

    const anchors = document.querySelectorAll('#header__mobile-nav a');
    anchors && anchors.forEach((a: HTMLElement) => {
        a.addEventListener('click', (e) => {
            if (!e.defaultPrevented) {
                typeof closeMenu === 'function' && closeMenu();
            }
        });
    });
}