mmenu-js/src/addons/navbars/_navbar.close.ts

The best javascript plugin for app look-alike on- and off-canvas menus with sliding submenus for your website and webapp.

import Mmenu from '../../core/oncanvas/mmenu.oncanvas';
import * as DOM from '../../_modules/dom';

export default function(this: Mmenu, navbar: HTMLElement) {
    //	Add content
    var close = DOM.create('a.mm-btn.mm-btn_close.mm-navbar__btn');
    navbar.append(close);

    //	Update to page node
    this.bind('setPage:after', (page: HTMLElement) => {
        close.setAttribute('href', '#' + page.id);
    });

    //	Add screenreader / text support
    this.bind('setPage:after:sr-text', () => {
        close.innerHTML = Mmenu.sr_text(
            this.i18n(this.conf.screenReader.text.closeMenu)
        );
        Mmenu.sr_aria(close, 'owns', close.getAttribute('href').slice(1));
    });
}