mmenu-js/src/addons/navbars/_navbar.next.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';

//	DEPRECATED
//	Will be removed in version 8.2

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

    //	Update to opened panel
    var org: HTMLElement;
    var _url, _txt;

    this.bind('openPanel:start', (panel: HTMLElement) => {
        org = panel.querySelector('.' + this.conf.classNames.navbars.panelNext);

        _url = org ? org.getAttribute('href') : '';
        _txt = org ? org.innerHTML : '';

        if (_url) {
            next.setAttribute('href', _url);
        } else {
            next.removeAttribute('href');
        }

        next.classList[_url || _txt ? 'remove' : 'add']('mm-hidden');
        next.innerHTML = _txt;
    });

    //	Add screenreader / aria support
    this.bind('openPanel:start:sr-aria', (panel: HTMLElement) => {
        Mmenu.sr_aria(next, 'hidden', next.matches('mm-hidden'));
        Mmenu.sr_aria(next, 'owns', (next.getAttribute('href') || '').slice(1));
    });
}