Socket
Socket
Sign inDemoInstall

mmenu-js

Package Overview
Dependencies
0
Maintainers
1
Versions
65
Alerts
File Explorer

Advanced tools

npm Scripts

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 9.1.6 to 9.2.0

src/core/theme/typings.d.ts

20

dist/addons/counters/mmenu.counters.js

@@ -43,3 +43,5 @@ import OPTIONS from './options';

this.bind('initListview:after', (listview) => {
/** The panel where the listview is in. */
const panel = listview.closest('.mm-panel');
/** The parent LI for the panel */
const parent = this.node.pnls.querySelector(`#${panel.dataset.mmParent}`);

@@ -49,9 +51,13 @@ if (!parent) {

}
/** The button inside the parent LI */
const button = DOM.children(parent, '.mm-btn')[0];
if (!button) {
return;
}
// Check if no counter already excists.
if (!DOM.find(parent, '.mm-counter').length) {
const ctr = DOM.create('span.mm-counter');
// @ts-ignore
ctr.ariaHidden = 'true';
const btn = DOM.children(parent, '.mm-btn')[0];
btn === null || btn === void 0 ? void 0 : btn.prepend(ctr);
if (!DOM.children(button, '.mm-counter').length) {
/** The counter for the listitem. */
const counter = DOM.create('span.mm-counter');
counter.setAttribute('aria-hidden', 'true');
button.prepend(counter);
}

@@ -63,2 +69,3 @@ // Count immediately.

this.bind('initListitem:after', (listitem) => {
/** The panel where the listitem is in. */
const panel = listitem.closest('.mm-panel');

@@ -68,2 +75,3 @@ if (!panel) {

}
/** The parent LI for the panel. */
const parent = this.node.pnls.querySelector(`#${panel.dataset.mmParent}`);

@@ -70,0 +78,0 @@ if (!parent) {

60

dist/addons/iconpanels/mmenu.iconpanels.js

@@ -20,31 +20,4 @@ import OPTIONS from './_options';

});
this.bind('initPanel:after', panel => {
panel.tabIndex = -1;
});
// Keyboard navigation
this.bind('initPanels:after', () => {
document.addEventListener('keyup', evnt => {
var _a;
// When tabbing inside the menu
if (evnt.key === 'Tab' &&
((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.closest('.mm-menu')) === this.node.menu) {
/** panel where focus is in. */
const panel = document.activeElement.closest('.mm-panel');
// Tabbing in a parent-panel.
if (!document.activeElement.matches('.mm-panel__blocker') && (panel === null || panel === void 0 ? void 0 : panel.matches('.mm-panel--parent'))) {
// backward tabbing: focus blocker.
if (evnt.shiftKey) {
DOM.children(panel, '.mm-panel__blocker')[0].focus();
// forward tabbing: focus opened panel.
}
else {
DOM.children(this.node.pnls, '.mm-panel--opened')[0].focus();
}
}
}
});
});
/** The classnames that can be set to a panel */
const classnames = [
'mm-panel--iconpanel-first',
'mm-panel--iconpanel-0',

@@ -59,3 +32,3 @@ 'mm-panel--iconpanel-1',

var _a;
(_a = DOM.children(this.node.pnls, '.mm-panel')[0]) === null || _a === void 0 ? void 0 : _a.classList.add(classnames[0]);
(_a = DOM.children(this.node.pnls, '.mm-panel')[0]) === null || _a === void 0 ? void 0 : _a.classList.add('mm-panel--iconpanel-first');
});

@@ -67,3 +40,3 @@ // Show parent panel(s).

// Do nothing when opening a vertical submenu
if (panel.parentElement.matches('.mm-listitem--vertical')) {
if (panel.closest('.mm-listitem--vertical')) {
return;

@@ -80,25 +53,16 @@ }

panels.forEach((panel, p) => {
panel.classList.remove(...classnames);
panel.classList.add('mm-panel--iconpanel-' + p);
panel.classList.remove('mm-panel--iconpanel-first', ...classnames);
panel.classList.add(`mm-panel--iconpanel-${p}`);
});
});
}
this.bind('initPanel:after', (panel) => {
if (options.blockPanel &&
!panel.parentElement.matches('.mm-listitem--vertical') &&
!DOM.children(panel, '.mm-panel__blocker')[0]) {
const blocker = DOM.create('a.mm-blocker.mm-panel__blocker');
blocker.href = `#${panel.closest('.mm-panel').id}`;
blocker.title = this.i18n(this.conf.screenReader.closeSubmenu);
panel.prepend(blocker);
}
});
// Block / unblock
this.bind('openPanel:after', (panel) => {
DOM.children(this.node.pnls, '.mm-panel').forEach(panel => {
const blocker = DOM.children(panel, '.mm-panel__blocker')[0];
blocker === null || blocker === void 0 ? void 0 : blocker.classList[panel.matches('.mm-panel--parent') ? 'add' : 'remove']('mm-blocker--blocking');
});
});
// this.bind('initPanel:after', (panel: HTMLElement) => {
// if (!panel.closest('.mm-listitem--vertical') &&
// !DOM.children(panel, '.mm-panel__blocker')[0]
// ) {
// const blocker = DOM.create('div.mm-blocker.mm-panel__blocker') as HTMLElement;
// panel.prepend(blocker);
// }
// });
}
}

2

dist/addons/navbars/navbar.close.js

@@ -5,3 +5,3 @@ import * as DOM from '../../_modules/dom';

const close = DOM.create('a.mm-btn.mm-btn--close.mm-navbar__btn');
close.title = this.i18n(this.conf.offCanvas.screenReader.closeMenu);
close.setAttribute('aria-label', this.i18n(this.conf.offCanvas.screenReader.closeMenu));
// Add the button to the navbar.

@@ -8,0 +8,0 @@ navbar.append(close);

47

dist/addons/searchfield/mmenu.searchfield.js

@@ -204,3 +204,3 @@ import OPTIONS from './options';

reset.type = 'reset';
reset.title = this.i18n('Clear searchfield');
reset.setAttribute('aria-label', this.i18n('Clear searchfield'));
field.append(reset);

@@ -220,3 +220,3 @@ // Apparently, resetting a form doesn't trigger any event on the input,

cancel.href = '#';
cancel.title = this.i18n('Cancel searching');
cancel.setAttribute('aria-label', this.i18n('Cancel searching'));
cancel.textContent = this.i18n('cancel');

@@ -246,3 +246,3 @@ form.append(cancel);

let searchIn = resultspanel.matches('.mm-panel--search')
? DOM.find(this.node.pnls, options.searchIn)
? DOM.children(this.node.pnls, options.searchIn)
: [resultspanel];

@@ -255,2 +255,11 @@ // Filter out the resultspanel

const query = input.value.toLowerCase().trim();
if (query.length) {
form.classList.add('mm-searchfield--searching');
}
else {
form.classList.remove('mm-searchfield--searching');
}
if (!options.search) {
return;
}
/** All listitems */

@@ -268,3 +277,2 @@ const listitems = [];

this.trigger('search:before');
form.classList.add('mm-searchfield--searching');
resultspanel.classList.add('mm-panel--searching');

@@ -296,3 +304,2 @@ // Add data attribute to the matching listitems.

this.trigger('clear:before');
form.classList.remove('mm-searchfield--searching');
resultspanel.classList.remove('mm-panel--searching', 'mm-panel--noresults');

@@ -324,3 +331,3 @@ // Resultspanel.

let count = 0;
searchIn.forEach((panel) => {
searchIn.forEach(panel => {
/** The results in this panel. */

@@ -340,6 +347,21 @@ const results = DOM.find(panel, `[data-mm-searchresult="${query}"]`);

results.forEach((result) => {
listview.append(result.cloneNode(true));
const clone = result.cloneNode(true);
listview.append(clone);
});
}
});
// Remove inline subpanels.
DOM.find(listview, '.mm-panel').forEach(panel => {
panel.remove();
});
// Remove ID's and data-attributes
['id', 'data-mm-parent', 'data-mm-child'].forEach(attr => {
DOM.find(listview, `[${attr}]`).forEach(elem => {
elem.removeAttribute(attr);
});
});
// Remove "opened" class
DOM.find(listview, '.mm-listitem--opened').forEach(listitem => {
listitem.classList.remove('mm-listitem--opened');
});
return count;

@@ -356,3 +378,3 @@ };

let count = 0;
searchIn.forEach((panel) => {
searchIn.forEach(panel => {
/** The results in this panel. */

@@ -371,3 +393,10 @@ const results = DOM.find(panel, `[data-mm-searchresult="${query}"]`);

DOM.find(panel, '.mm-listitem, .mm-divider').forEach(item => {
item.classList[item.dataset.mmSearchresult === query ? 'remove' : 'add']('mm-hidden');
// Hide all
item.classList.add('mm-hidden');
// Show matching + its parents.
if (item.dataset.mmSearchresult === query) {
[item, ...DOM.parents(item, '.mm-listitem')].forEach(item2 => {
item2.classList.remove('mm-hidden');
});
}
});

@@ -374,0 +403,0 @@ });

1

dist/addons/searchfield/options.js

@@ -6,2 +6,3 @@ const options = {

placeholder: 'Search',
search: true,
searchIn: 'panels',

@@ -8,0 +9,0 @@ splash: '',

39

dist/addons/sidebar/mmenu.sidebar.js

@@ -0,3 +1,3 @@

import Mmenu from '../../core/oncanvas/mmenu.oncanvas';
import OPTIONS from './options';
import * as DOM from '../../_modules/dom';
import * as media from '../../_modules/matchmedia';

@@ -18,34 +18,12 @@ import { extend } from '../../_modules/helpers';

this.node.menu.classList.add('mm-menu--sidebar-collapsed');
if (options.collapsed.blockMenu &&
!this.node.blck) {
const blocker = DOM.create('a.mm-menu__blocker.mm-blocker');
blocker.setAttribute('href', `#${this.node.menu.id}`);
this.node.blck = blocker;
this.node.menu.prepend(blocker);
// Add screenreader support
blocker.title = this.i18n(this.conf.offCanvas.screenReader.openMenu);
}
});
const blockMenu = () => {
var _a;
if (this.node.wrpr.matches('.mm-wrapper--sidebar-collapsed')) {
(_a = this.node.blck) === null || _a === void 0 ? void 0 : _a.classList.add('mm-blocker--blocking');
}
};
const unblockMenu = () => {
var _a;
(_a = this.node.blck) === null || _a === void 0 ? void 0 : _a.classList.remove('mm-blocker--blocking');
};
this.bind('open:after', unblockMenu);
this.bind('close:after', blockMenu);
// En-/disable the collapsed sidebar.
/** Enable the collapsed sidebar */
let enable = () => {
this.node.wrpr.classList.add('mm-wrapper--sidebar-collapsed');
blockMenu();
};
/** Disable the collapsed sidebar */
let disable = () => {
this.node.wrpr.classList.remove('mm-wrapper--sidebar-collapsed');
unblockMenu();
};
if (typeof options.collapsed.use == 'boolean') {
if (typeof options.collapsed.use === 'boolean') {
this.bind('initMenu:after', enable);

@@ -64,11 +42,15 @@ }

let expandedEnabled = false;
// En-/disable the expanded sidebar.
/** Enable the expanded sidebar */
let enable = () => {
expandedEnabled = true;
this.node.wrpr.classList.add('mm-wrapper--sidebar-expanded');
this.node.menu.removeAttribute('aria-modal');
this.open();
Mmenu.node.page.removeAttribute('inert');
};
/** Disable the expanded sidebar */
let disable = () => {
expandedEnabled = false;
this.node.wrpr.classList.remove('mm-wrapper--sidebar-expanded');
this.node.menu.setAttribute('aria-modal', 'true');
this.close();

@@ -91,2 +73,3 @@ };

window.sessionStorage.setItem('mmenuExpandedState', 'open');
Mmenu.node.page.removeAttribute('inert');
}

@@ -103,3 +86,3 @@ });

}
if (initialState == 'closed') {
if (initialState === 'closed') {
this.bind('init:after', () => {

@@ -106,0 +89,0 @@ this.close();

1

dist/addons/sidebar/options.js
const options = {
collapsed: {
use: false,
blockMenu: true
},

@@ -6,0 +5,0 @@ expanded: {

77

dist/core/offcanvas/mmenu.offcanvas.js

@@ -6,2 +6,10 @@ import Mmenu from './../oncanvas/mmenu.oncanvas';

import { extend, uniqueId, cloneId, originalId, } from '../../_modules/helpers';
const possiblePositions = [
'left',
'left-front',
'right',
'right-front',
'top',
'bottom'
];
export default function () {

@@ -16,15 +24,7 @@ this.opts.offCanvas = this.opts.offCanvas || {};

}
const positions = [
'left',
'left-front',
'right',
'right-front',
'top',
'bottom'
];
if (!positions.includes(options.position)) {
options.position = positions[0];
if (!possiblePositions.includes(options.position)) {
options.position = possiblePositions[0];
}
// Add methods to the API.
this._api.push('open', 'close', 'setPage');
this._api.push('open', 'close', 'setPage', 'position');
// Clone menu and prepend it to the <body>.

@@ -45,3 +45,2 @@ this.bind('initMenu:before', () => {

this.node.wrpr = document.querySelector(configs.menu.insertSelector);
this.node.wrpr.classList.add(`mm-wrapper--position-${options.position}`);
// Prepend to the <body>

@@ -56,5 +55,4 @@ this.node.wrpr[configs.menu.insertMethod](this.node.menu);

blocker.id = uniqueId();
blocker.title = this.i18n(configs.screenReader.closeMenu);
// Make the blocker able to receive focus.
blocker.tabIndex = 0;
blocker.setAttribute('aria-label', this.i18n(configs.screenReader.closeMenu));
blocker.setAttribute('inert', 'true');
// Append the blocker node to the body.

@@ -70,3 +68,8 @@ document.querySelector(configs.menu.insertSelector).append(blocker);

// Setup the menu.
this.node.menu.classList.add('mm-menu--offcanvas', `mm-menu--position-${options.position}`);
this.node.menu.classList.add('mm-menu--offcanvas');
this.node.menu.setAttribute('inert', 'true');
if (possiblePositions.includes(options.position)) {
this.node.wrpr.classList.add(`mm-wrapper--position-${options.position}`);
this.node.menu.classList.add(`mm-menu--position-${options.position}`);
}
// Open if url hash equals menu id (usefull when user clicks the hamburger icon before the menu is created)

@@ -107,17 +110,2 @@ let hash = window.location.hash;

});
// Tabbing
document.addEventListener('focusin', (event) => {
var _a, _b;
// Focus inside the menu -> open the menu
if (((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.closest(`#${this.node.menu.id}`)) &&
!this.node.menu.matches('.mm-menu--opened')) {
this.open();
}
// Focus outside the menu -> close menu
if (!((_b = document.activeElement) === null || _b === void 0 ? void 0 : _b.closest(`#${this.node.menu.id}`)) &&
!this.node.wrpr.matches('.mm-wrapper--sidebar-expanded') &&
this.node.menu.matches('.mm-menu--opened')) {
this.close();
}
});
}

@@ -134,11 +122,15 @@ /**

// Open
this.node.wrpr.classList.add('mm-wrapper--opened', `mm-wrapper--position-${this.opts.offCanvas.position}`);
this.node.menu.classList.add('mm-menu--opened');
this.node.wrpr.classList.add('mm-wrapper--opened');
Mmenu.node.blck.classList.add('mm-blocker--blocking');
// Focus the menu.
this.node.menu.removeAttribute('inert');
Mmenu.node.blck.removeAttribute('inert');
Mmenu.node.page.setAttribute('inert', 'true');
// Store the last focesed element.
this.node.open = document.activeElement;
this.node.menu.focus();
// Invoke "after" hook.
this.trigger('open:after');
};
/**
* Close the menu.
*/
Mmenu.prototype.close = function () {

@@ -151,7 +143,9 @@ var _a;

this.trigger('close:before');
this.node.wrpr.classList.remove('mm-wrapper--opened', `mm-wrapper--position-${this.opts.offCanvas.position}`);
this.node.menu.classList.remove('mm-menu--opened');
this.node.wrpr.classList.remove('mm-wrapper--opened');
Mmenu.node.blck.classList.remove('mm-blocker--blocking');
// Focus opening link or page.
const focus = this.node.open || document.querySelector(`[href="#${this.node.menu.id}"]`) || Mmenu.node.page || null;
this.node.menu.setAttribute('inert', 'true');
Mmenu.node.blck.setAttribute('inert', 'true');
Mmenu.node.page.removeAttribute('inert');
/** Element to focus. */
const focus = this.node.open || document.querySelector(`[href="#${this.node.menu.id}"]`) || null;
(_a = focus) === null || _a === void 0 ? void 0 : _a.focus();

@@ -170,3 +164,4 @@ // Prevent html/body from scrolling due to focus.

Mmenu.prototype.setPage = function (page) {
var configs = this.conf.offCanvas;
/** Offcanvas config */
const configs = this.conf.offCanvas;
// If no page was specified, find it.

@@ -197,4 +192,2 @@ if (!page) {

this.trigger('setPage:before', [page]);
// Make the page able to receive focus.
page.tabIndex = -1;
// Set the classes

@@ -201,0 +194,0 @@ page.classList.add('mm-page', 'mm-slideout');

52

dist/core/oncanvas/mmenu.oncanvas.js

@@ -84,5 +84,3 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, privateMap, value) {

}
if (!panel.matches('.mm-panel')) {
panel = panel.closest('.mm-panel');
}
panel = panel.closest('.mm-panel');
// Invoke "before" hook.

@@ -93,5 +91,10 @@ this.trigger('openPanel:before', [panel, {

}]);
/** Wrapping listitem (for a vertical panel) */
const listitem = panel.closest('.mm-listitem--vertical');
// Open a "vertical" panel.
if (panel.parentElement.matches('.mm-listitem--vertical')) {
panel.parentElement.classList.add('mm-listitem--opened');
if (listitem) {
listitem.classList.add('mm-listitem--opened');
/** The parent panel */
const parent = listitem.closest('.mm-panel');
this.openPanel(parent);
// Open a "horizontal" panel.

@@ -121,2 +124,9 @@ }

}
// Set inert attribute.
if (pnl === panel) {
pnl.removeAttribute('inert');
}
else {
pnl.setAttribute('inert', 'true');
}
});

@@ -133,11 +143,2 @@ // Open new panel.

}
// Focus the panels.
if (setfocus) {
panel.focus();
// Prevent panels from scrolling due to focus.
panel.scrollLeft = 0;
this.node.pnls.scrollLeft = 0;
document.body.scrollLeft = 0;
document.documentElement.scrollLeft = 0;
}
}

@@ -328,5 +329,6 @@ // Invoke "after" hook.

this.node.menu.id = this.node.menu.id || uniqueId();
// Make menu able to receive focus.
this.node.menu.tabIndex = -1;
// All nodes in the menu.
this.node.menu.setAttribute('aria-label', this.i18n(this.opts.navbar.title || 'Menu'));
this.node.menu.setAttribute('aria-modal', 'true');
this.node.menu.setAttribute('role', 'dialog');
/** All panel nodes in the menu. */
const panels = DOM.children(this.node.menu).filter((panel) => panel.matches(this.conf.panelNodetype.join(', ')));

@@ -336,4 +338,2 @@ // Wrap the panels in a node.

this.node.menu.append(this.node.pnls);
// Make panels able to receive focus.
// this.node.pnls.tabIndex = -1;
// Initiate all panel like nodes

@@ -424,3 +424,2 @@ panels.forEach((panel) => {

panel.classList.add('mm-panel');
panel.tabIndex = -1;
// Append to the panels node if not vertically expanding

@@ -459,3 +458,3 @@ if (!((_a = panel.parentElement) === null || _a === void 0 ? void 0 : _a.matches('.mm-listitem--vertical'))) {

if (panel.dataset.mmParent) {
parentListitem = DOM.find(this.node.pnls, '#' + panel.dataset.mmParent)[0];
parentListitem = DOM.find(this.node.pnls, `#${panel.dataset.mmParent}`)[0];
parentPanel = parentListitem.closest('.mm-panel');

@@ -483,3 +482,3 @@ while (parentPanel.closest('.mm-listitem--vertical')) {

prev.href = `#${parentPanel.id}`;
prev.title = this.i18n(this.conf.screenReader.closeSubmenu);
prev.setAttribute('aria-label', this.i18n(this.conf.screenReader.closeSubmenu));
navbar.append(prev);

@@ -501,4 +500,3 @@ }

title.tabIndex = -1;
// @ts-ignore
title.ariaHidden = 'true';
title.setAttribute('aria-hidden', 'true');
switch (this.opts.navbar.titleLink) {

@@ -521,3 +519,3 @@ case 'anchor':

DOM.childText(opener) ||
(this.i18n(this.opts.navbar.title) || this.i18n('Menu'));
this.i18n(this.opts.navbar.title || 'Menu');
// Add to DOM

@@ -636,5 +634,5 @@ panel.prepend(navbar);

});
button.title = this.i18n(this.conf.screenReader[listitem.matches('.mm-listitem--vertical')
button.setAttribute('aria-label', this.i18n(this.conf.screenReader[listitem.matches('.mm-listitem--vertical')
? 'toggleSubmenu'
: 'openSubmenu']);
: 'openSubmenu']));
}

@@ -641,0 +639,0 @@ button.href = `#${subpanel.id}`;

38

dist/core/theme/mmenu.theme.js

@@ -0,7 +1,43 @@

import Mmenu from '../../core/oncanvas/mmenu.oncanvas';
import OPTIONS from './options';
/** A list of available themes. */
const possibleThemes = [
'light',
'dark',
'white',
'black',
'light-contrast',
'dark-contrast',
'white-contrast',
'black-contrast'
];
export default function () {
this.opts.theme = this.opts.theme || OPTIONS;
const theme = this.opts.theme;
if (!possibleThemes.includes(theme)) {
this.opts.theme = possibleThemes[0];
}
this._api.push('theme');
this.bind('initMenu:after', () => {
this.node.menu.classList.add(`mm-menu--theme-${this.opts.theme}`);
this.theme(this.opts.theme);
});
}
/**
* Get or set the theme for the menu.
*
* @param {string} [position] The theme for the menu.
*/
Mmenu.prototype.theme = function (theme = null) {
/** The previously used theme */
const oldTheme = this.opts.theme;
if (theme) {
if (possibleThemes.includes(theme)) {
this.node.menu.classList.remove(`mm-menu--theme-${oldTheme}`);
this.node.menu.classList.add(`mm-menu--theme-${theme}`);
this.opts.theme = theme;
}
}
else {
return oldTheme;
}
};

4

dist/mmenu.js

@@ -1,2 +0,2 @@

!function(e){var t={};function n(s){if(t[s])return t[s].exports;var i=t[s]={i:s,l:!1,exports:{}};return e[s].call(i.exports,i,i.exports,n),i.l=!0,i.exports}n.m=e,n.c=t,n.d=function(e,t,s){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(n.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(s,i,function(t){return e[t]}.bind(null,i));return s},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";n.r(t);var s={hooks:{},navbar:{add:!0,title:"Menu",titleLink:"parent"},slidingSubmenus:!0};var i={classNames:{divider:"Divider",nolistview:"NoListview",nopanel:"NoPanel",panel:"Panel",selected:"Selected",vertical:"Vertical"},language:null,panelNodetype:["ul","ol","div"],screenReader:{closeSubmenu:"Close submenu",openSubmenu:"Open submenu",toggleSubmenu:"Toggle submenu"}};const a=(e,t)=>{"object"!=o(e)&&(e={}),"object"!=o(t)&&(t={});for(let n in t)t.hasOwnProperty(n)&&(void 0===e[n]?e[n]=t[n]:"object"==o(e[n])&&a(e[n],t[n]));return e},o=e=>({}.toString.call(e).match(/\s([a-zA-Z]+)/)[1].toLowerCase()),l=()=>"mm-"+r++;let r=0;const m=e=>"mm-clone-"==e.slice(0,9)?e:"mm-clone-"+e,c=e=>"mm-clone-"==e.slice(0,9)?e.slice(9):e,d={},h=(e,t)=>{void 0===d[t]&&(d[t]={}),a(d[t],e)};var p={"Close submenu":"بستن زیرمنو",Menu:"منو","Open submenu":"بازکردن زیرمنو","Toggle submenu":"سوییچ زیرمنو"},u={"Close submenu":"Submenu sluiten",Menu:"Menu","Open submenu":"Submenu openen","Toggle submenu":"Submenu wisselen"},f={"Close submenu":"Fechar submenu",Menu:"Menu","Open submenu":"Abrir submenu","Toggle submenu":"Alternar submenu"},b={"Close submenu":"Закрыть подменю",Menu:"Меню","Open submenu":"Открыть подменю","Toggle submenu":"Переключить подменю"},v={"Close submenu":"Zatvoriť submenu",Menu:"Menu","Open submenu":"Otvoriť submenu","Toggle submenu":"Prepnúť submenu"};const g=e=>{const t=e.split("."),n=document.createElement(t.shift());return n.classList.add(...t),n},L=(e,t)=>t.length?[].slice.call(e.querySelectorAll(t)):[],_=(e,t)=>{const n=Array.prototype.slice.call(e.children);return t?n.filter(e=>e.matches(t)):n},E=e=>e.filter(e=>!e.matches(".mm-hidden")),w=e=>{let t=[];return E(e).forEach(e=>{t.push(..._(e,"a.mm-listitem__text"))}),t.filter(e=>!e.matches(".mm-btn--next"))},y=(e,t,n)=>{e.matches("."+t)&&e.classList.add(n)};let P={};const S=(e,t,n)=>{"number"==typeof e&&(e="(min-width: "+e+"px)"),P[e]=P[e]||[],P[e].push({yes:t,no:n})},k=(e,t)=>{var n=t.matches?"yes":"no";for(let t=0;t<P[e].length;t++)P[e][t][n]()};var M,x,T,C=function(e,t,n){if(!t.has(e))throw new TypeError("attempted to set private field on non-instance");return t.set(e,n),n},N=function(e,t){if(!t.has(e))throw new TypeError("attempted to get private field on non-instance");return t.get(e)};h({"Close submenu":"Untermenü schließen",Menu:"Menü","Open submenu":"Untermenü öffnen","Toggle submenu":"Untermenü wechseln"},"de"),h(p,"fa"),h(u,"nl"),h(f,"pt_br"),h(b,"ru"),h(v,"sk");class O{constructor(e,t,n){return M.set(this,void 0),x.set(this,void 0),T.set(this,void 0),this.opts=a(t,s),this.conf=a(n,i),this._api=["i18n","bind","openPanel","closePanel","setSelected"],this.node={},this.hook={},this.node.menu="string"==typeof e?document.querySelector(e):e,"function"==typeof this._deprecatedWarnings&&this._deprecatedWarnings(),this.trigger("init:before"),this._initObservers(),this._initAddons(),this._initHooks(),this._initAPI(),this._initMenu(),this._initPanels(),this._initOpened(),(()=>{for(let e in P){let t=window.matchMedia(e);k(e,t),t.onchange=n=>{k(e,t)}}})(),this.trigger("init:after"),this}openPanel(e,t=!0,n=!0){if(e){if(e.matches(".mm-panel")||(e=e.closest(".mm-panel")),this.trigger("openPanel:before",[e,{animation:t,setfocus:n}]),e.parentElement.matches(".mm-listitem--vertical"))e.parentElement.classList.add("mm-listitem--opened");else{const s=_(this.node.pnls,".mm-panel--opened")[0];e.matches(".mm-panel--parent")&&s&&s.classList.add("mm-panel--highest");const i=["mm-panel--opened","mm-panel--parent"],a=[];t?i.push("mm-panel--noanimation"):a.push("mm-panel--noanimation"),_(this.node.pnls,".mm-panel").forEach(e=>{e.classList.add(...a),e.classList.remove(...i),e!==s&&e.classList.remove("mm-panel--highest")}),e.classList.add("mm-panel--opened");let o=L(this.node.pnls,"#"+e.dataset.mmParent)[0];for(;o;)o=o.closest(".mm-panel"),o.classList.add("mm-panel--parent"),o=L(this.node.pnls,"#"+o.dataset.mmParent)[0];n&&(e.focus(),e.scrollLeft=0,this.node.pnls.scrollLeft=0,document.body.scrollLeft=0,document.documentElement.scrollLeft=0)}this.trigger("openPanel:after",[e,{animation:t,setfocus:n}])}}closePanel(e,t=!0,n=!0){if(e&&(e.matches(".mm-panel--opened")||e.parentElement.matches(".mm-listitem--opened"))){if(this.trigger("closePanel:before",[e]),e.parentElement.matches(".mm-listitem--vertical"))e.parentElement.classList.remove("mm-listitem--opened");else if(e.dataset.mmParent){const s=L(this.node.pnls,"#"+e.dataset.mmParent)[0];this.openPanel(s,t,n)}else{const s=_(this.node.pnls,".mm-panel--parent").pop();if(s&&s!==e)this.openPanel(s,t,n);else{const s=_(this.node.pnls,".mm-panel")[0];s&&s!==e&&this.openPanel(s,t,n)}}this.trigger("closePanel:after",[e])}}togglePanel(e){let t="openPanel";(e.parentElement.matches(".mm-listitem--opened")||e.matches(".mm-panel--opened"))&&(t="closePanel"),this[t](e)}setSelected(e){this.trigger("setSelected:before",[e]),L(this.node.menu,".mm-listitem--selected").forEach(e=>{e.classList.remove("mm-listitem--selected")}),e.classList.add("mm-listitem--selected"),this.trigger("setSelected:after",[e])}bind(e,t){this.hook[e]=this.hook[e]||[],this.hook[e].push(t)}trigger(e,t){if(this.hook[e])for(var n=0,s=this.hook[e].length;n<s;n++)this.hook[e][n].apply(this,t)}_initObservers(){C(this,M,new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{e.matches(this.conf.panelNodetype.join(", "))&&this._initListview(e)})})})),C(this,x,new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{this._initListitem(e)})})})),C(this,T,new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{(null==e?void 0:e.matches(this.conf.panelNodetype.join(", ")))&&this._initSubPanel(e)})})}))}_initAPI(){const e=this;this.API={},this._api.forEach(t=>{this.API[t]=function(){return e[t].apply(e,arguments)}}),this.node.menu.mmApi=this.API}_initHooks(){for(let e in this.opts.hooks)this.bind(e,this.opts.hooks[e])}_initAddons(){this.trigger("initAddons:before");for(let e in O.addons)O.addons[e].call(this);this.trigger("initAddons:after")}_initMenu(){this.trigger("initMenu:before"),this.node.wrpr=this.node.wrpr||this.node.menu.parentElement,this.node.wrpr.classList.add("mm-wrapper"),this.node.menu.classList.add("mm-menu"),this.node.menu.id=this.node.menu.id||l(),this.node.menu.tabIndex=-1;const e=_(this.node.menu).filter(e=>e.matches(this.conf.panelNodetype.join(", ")));this.node.pnls=g("div.mm-panels"),this.node.menu.append(this.node.pnls),e.forEach(e=>{this._initPanel(e)}),this.trigger("initMenu:after")}_initPanels(){this.trigger("initPanels:before"),this.node.menu.addEventListener("click",e=>{var t,n;const s=(null===(n=null===(t=e.target)||void 0===t?void 0:t.closest("a[href]"))||void 0===n?void 0:n.getAttribute("href"))||"";if("#"===s.slice(0,1))try{const t=L(this.node.menu,s)[0];t&&(e.preventDefault(),this.togglePanel(t))}catch(e){}},{capture:!0}),this.trigger("initPanels:after")}_initPanel(e){var t;if(!e.matches(".mm-panel")&&(y(e,this.conf.classNames.panel,"mm-panel"),y(e,this.conf.classNames.nopanel,"mm-nopanel"),!e.matches(".mm-nopanel"))){if(this.trigger("initPanel:before",[e]),e.id=e.id||l(),e.matches("ul, ol")){const t=g("div");t.id=e.id,e.removeAttribute("id"),[].slice.call(e.classList).filter(e=>"mm-"===e.slice(0,3)).forEach(n=>{t.classList.add(n),e.classList.remove(n)}),Object.keys(e.dataset).filter(e=>"mm"===e.slice(0,2)).forEach(n=>{t.dataset[n]=e.dataset[n],delete e.dataset[n]}),e.before(t),t.append(e),e=t}return e.classList.add("mm-panel"),e.tabIndex=-1,(null===(t=e.parentElement)||void 0===t?void 0:t.matches(".mm-listitem--vertical"))||this.node.pnls.append(e),this._initNavbar(e),_(e,"ul, ol").forEach(e=>{this._initListview(e)}),N(this,M).observe(e,{childList:!0}),this.trigger("initPanel:after",[e]),e}}_initNavbar(e){if(_(e,".mm-navbar").length)return;let t=null,n=null;if(e.dataset.mmParent)for(t=L(this.node.pnls,"#"+e.dataset.mmParent)[0],n=t.closest(".mm-panel");n.closest(".mm-listitem--vertical");)n=n.parentElement.closest(".mm-panel");if(null==t?void 0:t.matches(".mm-listitem--vertical"))return;this.trigger("initNavbar:before",[e]);const s=g("div.mm-navbar");if(this.opts.navbar.add||s.classList.add("mm-hidden"),n){const e=g("a.mm-btn.mm-btn--prev.mm-navbar__btn");e.href="#"+n.id,e.title=this.i18n(this.conf.screenReader.closeSubmenu),s.append(e)}let i=null;t?i=_(t,".mm-listitem__text")[0]:n&&(i=L(n,'a[href="#'+e.id+'"]')[0]);const a=g("a.mm-navbar__title");switch(a.tabIndex=-1,a.ariaHidden="true",this.opts.navbar.titleLink){case"anchor":i&&(a.href=i.getAttribute("href"));break;case"parent":n&&(a.href="#"+n.id)}const o=g("span");var l;o.innerHTML=e.dataset.mmTitle||((l=i)?[].slice.call(l.childNodes).filter(e=>e.nodeType===Node.TEXT_NODE).map(e=>e.nodeValue.trim()).join(" "):"")||this.i18n(this.opts.navbar.title)||this.i18n("Menu"),e.prepend(s),s.append(a),a.append(o),this.trigger("initNavbar:after",[e])}_initListview(e){["htmlulistelement","htmlolistelement"].includes(o(e))&&(e.matches(".mm-listview")||(y(e,this.conf.classNames.nolistview,"mm-nolistview"),e.matches(".mm-nolistview")||(this.trigger("initListview:before",[e]),e.classList.add("mm-listview"),_(e).forEach(e=>{this._initListitem(e)}),N(this,x).observe(e,{childList:!0}),this.trigger("initListview:after",[e]))))}_initListitem(e){["htmllielement"].includes(o(e))&&(e.matches(".mm-listitem")||(y(e,this.conf.classNames.divider,"mm-divider"),e.matches(".mm-divider")||(this.trigger("initListitem:before",[e]),e.classList.add("mm-listitem"),y(e,this.conf.classNames.selected,"mm-listitem--selected"),_(e,"a, span").forEach(e=>{e.classList.add("mm-listitem__text")}),_(e,this.conf.panelNodetype.join(", ")).forEach(e=>{this._initSubPanel(e)}),N(this,T).observe(e,{childList:!0}),this.trigger("initListitem:after",[e]))))}_initSubPanel(e){if(e.matches(".mm-panel"))return;const t=e.parentElement;(e.matches("."+this.conf.classNames.vertical)||!this.opts.slidingSubmenus)&&t.classList.add("mm-listitem--vertical"),t.id=t.id||l(),e.id=e.id||l(),t.dataset.mmChild=e.id,e.dataset.mmParent=t.id;let n=_(t,".mm-btn")[0];n||(n=g("a.mm-btn.mm-btn--next.mm-listitem__btn"),_(t,"a, span").forEach(e=>{e.matches("span")?(n.classList.add("mm-listitem__text"),n.innerHTML=e.innerHTML,t.insertBefore(n,e.nextElementSibling),e.remove()):t.insertBefore(n,e.nextElementSibling)}),n.title=this.i18n(this.conf.screenReader[t.matches(".mm-listitem--vertical")?"toggleSubmenu":"openSubmenu"])),n.href="#"+e.id,this._initPanel(e)}_initOpened(){this.trigger("initOpened:before");const e=L(this.node.pnls,".mm-listitem--selected").pop();let t=_(this.node.pnls,".mm-panel")[0];e&&(this.setSelected(e),t=e.closest(".mm-panel")),this.openPanel(t,!1,!1),this.trigger("initOpened:after")}i18n(e){return((e,t)=>"string"==typeof t&&void 0!==d[t]&&d[t][e]||e)(e,this.conf.language)}static i18n(e={},t=""){if(!e||!t)return d;h(e,t)}}M=new WeakMap,x=new WeakMap,T=new WeakMap,O.addons={},O.node={},O.vars={};var A={use:!0,position:"left"};var H={clone:!1,menu:{insertMethod:"append",insertSelector:"body"},page:{nodetype:"div",selector:null,noSelector:[]},screenReader:{closeMenu:"Close menu",openMenu:"Open menu"}};O.prototype.open=function(){this.node.menu.matches(".mm-menu--opened")||(this.trigger("open:before"),this.node.menu.classList.add("mm-menu--opened"),this.node.wrpr.classList.add("mm-wrapper--opened"),O.node.blck.classList.add("mm-blocker--blocking"),this.node.open=document.activeElement,this.node.menu.focus(),this.trigger("open:after"))},O.prototype.close=function(){var e;if(!this.node.menu.matches(".mm-menu--opened"))return;this.trigger("close:before"),this.node.menu.classList.remove("mm-menu--opened"),this.node.wrpr.classList.remove("mm-wrapper--opened"),O.node.blck.classList.remove("mm-blocker--blocking");null===(e=this.node.open||document.querySelector(`[href="#${this.node.menu.id}"]`)||O.node.page||null)||void 0===e||e.focus(),document.body.scrollLeft=0,document.documentElement.scrollLeft=0,this.trigger("close:after")},O.prototype.setPage=function(e){var t=this.conf.offCanvas;if(!e){let n="string"==typeof t.page.selector?L(document.body,t.page.selector):_(document.body,t.page.nodetype);if(n=n.filter(e=>!e.matches(".mm-menu, .mm-wrapper__blocker")),t.page.noSelector.length&&(n=n.filter(e=>!e.matches(t.page.noSelector.join(", ")))),n.length>1){let e=g("div");n[0].before(e),n.forEach(t=>{e.append(t)}),n=[e]}e=n[0]}this.trigger("setPage:before",[e]),e.tabIndex=-1,e.classList.add("mm-page","mm-slideout"),e.id=e.id||l(),O.node.blck.setAttribute("href","#"+e.id),O.node.page=e,this.trigger("setPage:after",[e])};var j={fix:!0};const I="ontouchstart"in window||!!navigator.msMaxTouchPoints||!1;var q={close:!1,open:!1};var R={add:!1};var B={use:!1,top:[],bottom:[],position:"left",type:"default"};var D={add:!1,blockPanel:!0,visible:3};var F={breadcrumbs:{separator:"/",removeFirst:!1}};function $(){this.opts.navbars=this.opts.navbars||[],this.conf.navbars=this.conf.navbars||{},a(this.conf.navbars,F);let e=this.opts.navbars;if(void 0!==e&&(e instanceof Array||(e=[e]),e.length)){var t={};e.forEach(e=>{if(!(e=function(e){return"boolean"==typeof e&&e&&(e={}),"object"!=typeof e&&(e={}),void 0===e.content&&(e.content=["prev","title"]),e.content instanceof Array||(e.content=[e.content]),void 0===e.use&&(e.use=!0),e}(e)).use)return;const n=g("div.mm-navbar");let{position:s}=e;"bottom"!==s&&(s="top"),t[s]||(t[s]=g("div.mm-navbars.mm-navbars--"+s)),t[s].append(n);for(let t=0,s=e.content.length;t<s;t++){const s=e.content[t];if("string"==typeof s){const e=$.navbarContents[s];if("function"==typeof e)e.call(this,n);else{let e=g("span");e.innerHTML=s;const t=_(e);1==t.length&&(e=t[0]),n.append(e)}}else n.append(s)}if("string"==typeof e.type){const t=$.navbarTypes[e.type];"function"==typeof t&&t.call(this,n)}let i=()=>{n.classList.remove("mm-hidden")},a=()=>{n.classList.add("mm-hidden")};"boolean"==typeof e.use?this.bind("initMenu:after",i):S(e.use,i,a)}),this.bind("initMenu:after",()=>{for(let e in t)this.node.pnls["bottom"==e?"after":"before"](t[e])})}}$.navbarContents={breadcrumbs:function(e){var t=g("div.mm-navbar__breadcrumbs");e.append(t),this.bind("initNavbar:after",e=>{if(!e.querySelector(".mm-navbar__breadcrumbs")){_(e,".mm-navbar")[0].classList.add("mm-hidden");for(var t=[],n=g("span.mm-navbar__breadcrumbs"),s=e,i=!0;s;){if(!(s=s.closest(".mm-panel")).parentElement.matches(".mm-listitem--vertical")){let e=L(s,".mm-navbar__title span")[0];if(e){let n=e.textContent;n.length&&t.unshift(i?`<span>${n}</span>`:`<a \n href="#${s.id}" \n title="${this.i18n(this.conf.screenReader.openSubmenu)}"\n >${n}</a>`)}i=!1}s=L(this.node.pnls,"#"+s.dataset.mmParent)[0]}this.conf.navbars.breadcrumbs.removeFirst&&t.shift(),n.innerHTML=t.join('<span class="mm-separator">'+this.conf.navbars.breadcrumbs.separator+"</span>"),_(e,".mm-navbar")[0].append(n)}}),this.bind("openPanel:before",e=>{var n=e.querySelector(".mm-navbar__breadcrumbs");t.innerHTML=n?n.innerHTML:""})},close:function(e){const t=g("a.mm-btn.mm-btn--close.mm-navbar__btn");t.title=this.i18n(this.conf.offCanvas.screenReader.closeMenu),e.append(t),this.bind("setPage:after",e=>{t.href="#"+e.id})},prev:function(e){let t=g("a.mm-btn.mm-hidden");e.append(t),this.bind("initNavbar:after",e=>{_(e,".mm-navbar")[0].classList.add("mm-hidden")}),this.bind("openPanel:before",e=>{if(e.parentElement.matches(".mm-listitem--vertical"))return;t.classList.add("mm-hidden");const n=e.querySelector(".mm-navbar__btn.mm-btn--prev");if(n){const e=n.cloneNode(!0);t.after(e),t.remove(),t=e}})},searchfield:function(e){let t=g("div.mm-navbar__searchfield");t.id=l(),e.append(t),this.opts.searchfield=this.opts.searchfield||{},this.opts.searchfield.add=!0,this.opts.searchfield.addTo="#"+t.id},title:function(e){let t=g("a.mm-navbar__title");e.append(t),this.bind("openPanel:before",e=>{if(e.parentElement.matches(".mm-listitem--vertical"))return;const n=e.querySelector(".mm-navbar__title");if(n){const e=n.cloneNode(!0);t.after(e),t.remove(),t=e}})}},$.navbarTypes={tabs:function(e){function t(n){const s=_(e,`.mm-navbar__tab[href="#${n.id}"]`)[0];if(s)s.classList.add("mm-navbar__tab--selected"),s.ariaExpanded="true";else{const e=L(this.node.pnls,"#"+n.dataset.mmParent)[0];e&&t.call(this,e.closest(".mm-panel"))}}e.classList.add("mm-navbar--tabs"),e.closest(".mm-navbars").classList.add("mm-navbars--has-tabs"),_(e,"a").forEach(e=>{e.classList.add("mm-navbar__tab")}),this.bind("openPanel:before",n=>{_(e,"a").forEach(e=>{e.classList.remove("mm-navbar__tab--selected"),e.ariaExpanded="false"}),t.call(this,n)}),this.bind("initPanels:after",()=>{e.addEventListener("click",e=>{var t,n,s;const i=null===(n=null===(t=e.target)||void 0===t?void 0:t.closest(".mm-navbar__tab"))||void 0===n?void 0:n.getAttribute("href");try{null===(s=L(this.node.pnls,i+".mm-panel")[0])||void 0===s||s.classList.add("mm-panel--noanimation")}catch(e){}},{capture:!0})})}};var Z={scroll:!1,update:!1};var W={scrollOffset:0,updateOffset:50};var z={add:!1,addTo:"panels",noResults:"No results found.",placeholder:"Search",searchIn:"panels",splash:"",title:"Search"};var V={cancel:!0,clear:!0,form:{},input:{},panel:{},submit:!1},U={cancel:"انصراف","Cancel searching":"لغو جستجو","Clear searchfield":"پاک کردن فیلد جستجو","No results found.":"نتیجه‌ای یافت نشد.",Search:"جستجو"},Y={cancel:"annuleren","Cancel searching":"Zoeken annuleren","Clear searchfield":"Zoekveld leeg maken","No results found.":"Geen resultaten gevonden.",Search:"Zoeken"},K={cancel:"cancelar","Cancel searching":"Cancelar pesquisa","Clear searchfield":"Limpar campo de pesquisa","No results found.":"Nenhum resultado encontrado.",Search:"Buscar"},G={cancel:"отменить","Cancel searching":"Отменить поиск","Clear searchfield":"Очистить поле поиска","No results found.":"Ничего не найдено.",Search:"Найти"},X={cancel:"zrušiť","Cancel searching":"Zrušiť vyhľadávanie","Clear searchfield":"Vymazať pole vyhľadávania","No results found.":"Neboli nájdené žiadne výsledky.",Search:"Vyhľadávanie"};h({cancel:"abbrechen","Cancel searching":"Suche abbrechen","Clear searchfield":"Suchfeld löschen","No results found.":"Keine Ergebnisse gefunden.",Search:"Suche"},"de"),h(U,"fa"),h(Y,"nl"),h(K,"pt_br"),h(G,"ru"),h(X,"sk");const J=function(){const e=this.opts.searchfield,t=this.conf.searchfield;let n=_(this.node.pnls,".mm-panel--search")[0];return n||(n=g("div.mm-panel--search"),oe(n,t.panel),e.title.length&&(n.dataset.mmTitle=this.i18n(e.title)),n.append(g("ul")),this._initPanel(n),n)},Q=function(e){const t=this.opts.searchfield;if(e.matches(t.addTo)){const t=e.matches(".mm-panel--search");if(!L(e,".mm-searchfield").length){const n=ee.call(this,t);t&&n.classList.add("mm-searchfield--cancelable"),e.prepend(n),te.call(this,n)}}if(t.splash.length&&e.matches(".mm-panel--search")&&!L(e,".mm-panel__splash").length){const n=g("div.mm-panel__splash");n.innerHTML=t.splash,e.append(n)}if(t.noResults.length&&!L(e,".mm-panel__noresults").length){const n=g("div.mm-panel__noresults");n.innerHTML=this.i18n(t.noResults),e.append(n)}},ee=function(e=!1){const t=this.opts.searchfield,n=this.conf.searchfield,s=g("form.mm-searchfield");oe(s,n.form);const i=g("div.mm-searchfield__input");s.append(i);const a=g("input");if(i.append(a),a.type="text",a.autocomplete="off",a.placeholder=this.i18n(t.placeholder),a.setAttribute("aria-label",this.i18n(t.placeholder)),oe(a,n.input),n.submit){const e=g("button.mm-btnreset.mm-btn.mm-btn--next.mm-searchfield__btn");e.type="submit",i.append(e)}else if(n.clear){const e=g("button.mm-btnreset.mm-btn.mm-btn--close.mm-searchfield__btn");e.type="reset",e.title=this.i18n("Clear searchfield"),i.append(e),s.addEventListener("reset",()=>{window.requestAnimationFrame(()=>{a.dispatchEvent(new Event("input"))})})}if(n.cancel&&e){const e=g("a.mm-searchfield__cancel");e.href="#",e.title=this.i18n("Cancel searching"),e.textContent=this.i18n("cancel"),s.append(e),e.addEventListener("click",e=>{e.preventDefault(),this.closePanel(_(this.node.pnls,".mm-panel--search")[0],!1)})}return s},te=function(e){const t=this.opts.searchfield,n=e.closest(".mm-panel")||L(this.node.pnls,".mm-panel--search")[0],s=L(e,"input")[0];let i=n.matches(".mm-panel--search")?L(this.node.pnls,t.searchIn):[n];i=i.filter(e=>!e.matches(".mm-panel--search"));const a=()=>{const a=s.value.toLowerCase().trim(),o=[];if(i.forEach(e=>{e.scrollTop=0,o.push(...L(e,".mm-listitem"))}),a.length){this.trigger("search:before"),e.classList.add("mm-searchfield--searching"),n.classList.add("mm-panel--searching"),o.forEach(e=>{const t=_(e,".mm-listitem__text")[0];var n;(!t||(n=t,[].slice.call(n.childNodes).filter(e=>!e.ariaHidden).map(e=>e.textContent).join(" ")).toLowerCase().indexOf(a)>-1)&&(e.dataset.mmSearchresult=a)});let t=0;t=n.matches(".mm-panel--search")?ne(n,a,i):ie(a,i),n.classList[0==t?"add":"remove"]("mm-panel--noresults"),this.trigger("search:after")}else this.trigger("clear:before"),e.classList.remove("mm-searchfield--searching"),n.classList.remove("mm-panel--searching","mm-panel--noresults"),n.matches(".mm-panel--search")?(se(n),t.splash||this.closePanel(n,!1,!1)):ae(i),this.trigger("clear:after")};s.addEventListener("input",a),a()},ne=(e,t,n)=>{const s=L(e,".mm-listview")[0];s.innerHTML="";let i=0;return n.forEach(e=>{const n=L(e,`[data-mm-searchresult="${t}"]`);if(i+=n.length,n.length){const t=L(e,".mm-navbar__title")[0];if(t){const e=g("li.mm-divider");e.innerHTML=t.innerHTML,s.append(e)}n.forEach(e=>{s.append(e.cloneNode(!0))})}}),i},se=e=>{L(e,".mm-listview")[0].innerHTML=""},ie=(e,t)=>{let n=0;return t.forEach(t=>{const s=L(t,`[data-mm-searchresult="${e}"]`);n+=s.length,s.length&&s.forEach(t=>{const n=((e,t)=>{let n=[],s=e.previousElementSibling;for(;s;)t&&!s.matches(t)||n.push(s),s=s.previousElementSibling;return n})(t,".mm-divider")[0];n&&(n.dataset.mmSearchresult=e)}),L(t,".mm-listitem, .mm-divider").forEach(t=>{t.classList[t.dataset.mmSearchresult===e?"remove":"add"]("mm-hidden")})}),n},ae=e=>{e.forEach(e=>{L(e,".mm-listitem, .mm-divider").forEach(e=>{e.classList.remove("mm-hidden")})})},oe=(e,t)=>{t&&Object.keys(t).forEach(n=>{e[n]=t[n]})};var le={add:!1,addTo:"panels"};var re={current:!0,hover:!1,parent:!1};var me={collapsed:{use:!1,blockMenu:!0},expanded:{use:!1,initial:"open"}};
!function(e){var t={};function n(s){if(t[s])return t[s].exports;var i=t[s]={i:s,l:!1,exports:{}};return e[s].call(i.exports,i,i.exports,n),i.l=!0,i.exports}n.m=e,n.c=t,n.d=function(e,t,s){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(n.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(s,i,function(t){return e[t]}.bind(null,i));return s},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";n.r(t);var s={hooks:{},navbar:{add:!0,title:"Menu",titleLink:"parent"},slidingSubmenus:!0};var i={classNames:{divider:"Divider",nolistview:"NoListview",nopanel:"NoPanel",panel:"Panel",selected:"Selected",vertical:"Vertical"},language:null,panelNodetype:["ul","ol","div"],screenReader:{closeSubmenu:"Close submenu",openSubmenu:"Open submenu",toggleSubmenu:"Toggle submenu"}};const a=(e,t)=>{"object"!=o(e)&&(e={}),"object"!=o(t)&&(t={});for(let n in t)t.hasOwnProperty(n)&&(void 0===e[n]?e[n]=t[n]:"object"==o(e[n])&&a(e[n],t[n]));return e},o=e=>({}.toString.call(e).match(/\s([a-zA-Z]+)/)[1].toLowerCase()),r=()=>"mm-"+l++;let l=0;const m=e=>"mm-clone-"==e.slice(0,9)?e:"mm-clone-"+e,c=e=>"mm-clone-"==e.slice(0,9)?e.slice(9):e,d={},h=(e,t)=>{void 0===d[t]&&(d[t]={}),a(d[t],e)};var p={"Close submenu":"بستن زیرمنو",Menu:"منو","Open submenu":"بازکردن زیرمنو","Toggle submenu":"سوییچ زیرمنو"},u={"Close submenu":"Submenu sluiten",Menu:"Menu","Open submenu":"Submenu openen","Toggle submenu":"Submenu wisselen"},f={"Close submenu":"Fechar submenu",Menu:"Menu","Open submenu":"Abrir submenu","Toggle submenu":"Alternar submenu"},b={"Close submenu":"Закрыть подменю",Menu:"Меню","Open submenu":"Открыть подменю","Toggle submenu":"Переключить подменю"},v={"Close submenu":"Zatvoriť submenu",Menu:"Menu","Open submenu":"Otvoriť submenu","Toggle submenu":"Prepnúť submenu"};const g=e=>{const t=e.split("."),n=document.createElement(t.shift());return n.classList.add(...t),n},L=(e,t)=>t.length?[].slice.call(e.querySelectorAll(t)):[],_=(e,t)=>{const n=Array.prototype.slice.call(e.children);return t?n.filter(e=>e.matches(t)):n},w=(e,t)=>{let n=[],s=e.parentElement;for(;s;)n.push(s),s=s.parentElement;return t?n.filter(e=>e.matches(t)):n},E=e=>e.filter(e=>!e.matches(".mm-hidden")),y=e=>{let t=[];return E(e).forEach(e=>{t.push(..._(e,"a.mm-listitem__text"))}),t.filter(e=>!e.matches(".mm-btn--next"))},P=(e,t,n)=>{e.matches("."+t)&&e.classList.add(n)};let S={};const M=(e,t,n)=>{"number"==typeof e&&(e="(min-width: "+e+"px)"),S[e]=S[e]||[],S[e].push({yes:t,no:n})},x=(e,t)=>{var n=t.matches?"yes":"no";for(let t=0;t<S[e].length;t++)S[e][t][n]()};var k,T,A,C=function(e,t,n){if(!t.has(e))throw new TypeError("attempted to set private field on non-instance");return t.set(e,n),n},N=function(e,t){if(!t.has(e))throw new TypeError("attempted to get private field on non-instance");return t.get(e)};h({"Close submenu":"Untermenü schließen",Menu:"Menü","Open submenu":"Untermenü öffnen","Toggle submenu":"Untermenü wechseln"},"de"),h(p,"fa"),h(u,"nl"),h(f,"pt_br"),h(b,"ru"),h(v,"sk");class O{constructor(e,t,n){return k.set(this,void 0),T.set(this,void 0),A.set(this,void 0),this.opts=a(t,s),this.conf=a(n,i),this._api=["i18n","bind","openPanel","closePanel","setSelected"],this.node={},this.hook={},this.node.menu="string"==typeof e?document.querySelector(e):e,"function"==typeof this._deprecatedWarnings&&this._deprecatedWarnings(),this.trigger("init:before"),this._initObservers(),this._initAddons(),this._initHooks(),this._initAPI(),this._initMenu(),this._initPanels(),this._initOpened(),(()=>{for(let e in S){let t=window.matchMedia(e);x(e,t),t.onchange=n=>{x(e,t)}}})(),this.trigger("init:after"),this}openPanel(e,t=!0,n=!0){if(!e)return;e=e.closest(".mm-panel"),this.trigger("openPanel:before",[e,{animation:t,setfocus:n}]);const s=e.closest(".mm-listitem--vertical");if(s){s.classList.add("mm-listitem--opened");const e=s.closest(".mm-panel");this.openPanel(e)}else{const n=_(this.node.pnls,".mm-panel--opened")[0];e.matches(".mm-panel--parent")&&n&&n.classList.add("mm-panel--highest");const s=["mm-panel--opened","mm-panel--parent"],i=[];t?s.push("mm-panel--noanimation"):i.push("mm-panel--noanimation"),_(this.node.pnls,".mm-panel").forEach(t=>{t.classList.add(...i),t.classList.remove(...s),t!==n&&t.classList.remove("mm-panel--highest"),t===e?t.removeAttribute("inert"):t.setAttribute("inert","true")}),e.classList.add("mm-panel--opened");let a=L(this.node.pnls,"#"+e.dataset.mmParent)[0];for(;a;)a=a.closest(".mm-panel"),a.classList.add("mm-panel--parent"),a=L(this.node.pnls,"#"+a.dataset.mmParent)[0]}this.trigger("openPanel:after",[e,{animation:t,setfocus:n}])}closePanel(e,t=!0,n=!0){if(e&&(e.matches(".mm-panel--opened")||e.parentElement.matches(".mm-listitem--opened"))){if(this.trigger("closePanel:before",[e]),e.parentElement.matches(".mm-listitem--vertical"))e.parentElement.classList.remove("mm-listitem--opened");else if(e.dataset.mmParent){const s=L(this.node.pnls,"#"+e.dataset.mmParent)[0];this.openPanel(s,t,n)}else{const s=_(this.node.pnls,".mm-panel--parent").pop();if(s&&s!==e)this.openPanel(s,t,n);else{const s=_(this.node.pnls,".mm-panel")[0];s&&s!==e&&this.openPanel(s,t,n)}}this.trigger("closePanel:after",[e])}}togglePanel(e){let t="openPanel";(e.parentElement.matches(".mm-listitem--opened")||e.matches(".mm-panel--opened"))&&(t="closePanel"),this[t](e)}setSelected(e){this.trigger("setSelected:before",[e]),L(this.node.menu,".mm-listitem--selected").forEach(e=>{e.classList.remove("mm-listitem--selected")}),e.classList.add("mm-listitem--selected"),this.trigger("setSelected:after",[e])}bind(e,t){this.hook[e]=this.hook[e]||[],this.hook[e].push(t)}trigger(e,t){if(this.hook[e])for(var n=0,s=this.hook[e].length;n<s;n++)this.hook[e][n].apply(this,t)}_initObservers(){C(this,k,new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{e.matches(this.conf.panelNodetype.join(", "))&&this._initListview(e)})})})),C(this,T,new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{this._initListitem(e)})})})),C(this,A,new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{(null==e?void 0:e.matches(this.conf.panelNodetype.join(", ")))&&this._initSubPanel(e)})})}))}_initAPI(){const e=this;this.API={},this._api.forEach(t=>{this.API[t]=function(){return e[t].apply(e,arguments)}}),this.node.menu.mmApi=this.API}_initHooks(){for(let e in this.opts.hooks)this.bind(e,this.opts.hooks[e])}_initAddons(){this.trigger("initAddons:before");for(let e in O.addons)O.addons[e].call(this);this.trigger("initAddons:after")}_initMenu(){this.trigger("initMenu:before"),this.node.wrpr=this.node.wrpr||this.node.menu.parentElement,this.node.wrpr.classList.add("mm-wrapper"),this.node.menu.classList.add("mm-menu"),this.node.menu.id=this.node.menu.id||r(),this.node.menu.setAttribute("aria-label",this.i18n(this.opts.navbar.title||"Menu")),this.node.menu.setAttribute("aria-modal","true"),this.node.menu.setAttribute("role","dialog");const e=_(this.node.menu).filter(e=>e.matches(this.conf.panelNodetype.join(", ")));this.node.pnls=g("div.mm-panels"),this.node.menu.append(this.node.pnls),e.forEach(e=>{this._initPanel(e)}),this.trigger("initMenu:after")}_initPanels(){this.trigger("initPanels:before"),this.node.menu.addEventListener("click",e=>{var t,n;const s=(null===(n=null===(t=e.target)||void 0===t?void 0:t.closest("a[href]"))||void 0===n?void 0:n.getAttribute("href"))||"";if("#"===s.slice(0,1))try{const t=L(this.node.menu,s)[0];t&&(e.preventDefault(),this.togglePanel(t))}catch(e){}},{capture:!0}),this.trigger("initPanels:after")}_initPanel(e){var t;if(!e.matches(".mm-panel")&&(P(e,this.conf.classNames.panel,"mm-panel"),P(e,this.conf.classNames.nopanel,"mm-nopanel"),!e.matches(".mm-nopanel"))){if(this.trigger("initPanel:before",[e]),e.id=e.id||r(),e.matches("ul, ol")){const t=g("div");t.id=e.id,e.removeAttribute("id"),[].slice.call(e.classList).filter(e=>"mm-"===e.slice(0,3)).forEach(n=>{t.classList.add(n),e.classList.remove(n)}),Object.keys(e.dataset).filter(e=>"mm"===e.slice(0,2)).forEach(n=>{t.dataset[n]=e.dataset[n],delete e.dataset[n]}),e.before(t),t.append(e),e=t}return e.classList.add("mm-panel"),(null===(t=e.parentElement)||void 0===t?void 0:t.matches(".mm-listitem--vertical"))||this.node.pnls.append(e),this._initNavbar(e),_(e,"ul, ol").forEach(e=>{this._initListview(e)}),N(this,k).observe(e,{childList:!0}),this.trigger("initPanel:after",[e]),e}}_initNavbar(e){if(_(e,".mm-navbar").length)return;let t=null,n=null;if(e.dataset.mmParent)for(t=L(this.node.pnls,"#"+e.dataset.mmParent)[0],n=t.closest(".mm-panel");n.closest(".mm-listitem--vertical");)n=n.parentElement.closest(".mm-panel");if(null==t?void 0:t.matches(".mm-listitem--vertical"))return;this.trigger("initNavbar:before",[e]);const s=g("div.mm-navbar");if(this.opts.navbar.add||s.classList.add("mm-hidden"),n){const e=g("a.mm-btn.mm-btn--prev.mm-navbar__btn");e.href="#"+n.id,e.setAttribute("aria-label",this.i18n(this.conf.screenReader.closeSubmenu)),s.append(e)}let i=null;t?i=_(t,".mm-listitem__text")[0]:n&&(i=L(n,'a[href="#'+e.id+'"]')[0]);const a=g("a.mm-navbar__title");switch(a.tabIndex=-1,a.setAttribute("aria-hidden","true"),this.opts.navbar.titleLink){case"anchor":i&&(a.href=i.getAttribute("href"));break;case"parent":n&&(a.href="#"+n.id)}const o=g("span");var r;o.innerHTML=e.dataset.mmTitle||((r=i)?[].slice.call(r.childNodes).filter(e=>e.nodeType===Node.TEXT_NODE).map(e=>e.nodeValue.trim()).join(" "):"")||this.i18n(this.opts.navbar.title||"Menu"),e.prepend(s),s.append(a),a.append(o),this.trigger("initNavbar:after",[e])}_initListview(e){["htmlulistelement","htmlolistelement"].includes(o(e))&&(e.matches(".mm-listview")||(P(e,this.conf.classNames.nolistview,"mm-nolistview"),e.matches(".mm-nolistview")||(this.trigger("initListview:before",[e]),e.classList.add("mm-listview"),_(e).forEach(e=>{this._initListitem(e)}),N(this,T).observe(e,{childList:!0}),this.trigger("initListview:after",[e]))))}_initListitem(e){["htmllielement"].includes(o(e))&&(e.matches(".mm-listitem")||(P(e,this.conf.classNames.divider,"mm-divider"),e.matches(".mm-divider")||(this.trigger("initListitem:before",[e]),e.classList.add("mm-listitem"),P(e,this.conf.classNames.selected,"mm-listitem--selected"),_(e,"a, span").forEach(e=>{e.classList.add("mm-listitem__text")}),_(e,this.conf.panelNodetype.join(", ")).forEach(e=>{this._initSubPanel(e)}),N(this,A).observe(e,{childList:!0}),this.trigger("initListitem:after",[e]))))}_initSubPanel(e){if(e.matches(".mm-panel"))return;const t=e.parentElement;(e.matches("."+this.conf.classNames.vertical)||!this.opts.slidingSubmenus)&&t.classList.add("mm-listitem--vertical"),t.id=t.id||r(),e.id=e.id||r(),t.dataset.mmChild=e.id,e.dataset.mmParent=t.id;let n=_(t,".mm-btn")[0];n||(n=g("a.mm-btn.mm-btn--next.mm-listitem__btn"),_(t,"a, span").forEach(e=>{e.matches("span")?(n.classList.add("mm-listitem__text"),n.innerHTML=e.innerHTML,t.insertBefore(n,e.nextElementSibling),e.remove()):t.insertBefore(n,e.nextElementSibling)}),n.setAttribute("aria-label",this.i18n(this.conf.screenReader[t.matches(".mm-listitem--vertical")?"toggleSubmenu":"openSubmenu"]))),n.href="#"+e.id,this._initPanel(e)}_initOpened(){this.trigger("initOpened:before");const e=L(this.node.pnls,".mm-listitem--selected").pop();let t=_(this.node.pnls,".mm-panel")[0];e&&(this.setSelected(e),t=e.closest(".mm-panel")),this.openPanel(t,!1,!1),this.trigger("initOpened:after")}i18n(e){return((e,t)=>"string"==typeof t&&void 0!==d[t]&&d[t][e]||e)(e,this.conf.language)}static i18n(e={},t=""){if(!e||!t)return d;h(e,t)}}k=new WeakMap,T=new WeakMap,A=new WeakMap,O.addons={},O.node={},O.vars={};var j={use:!0,position:"left"};var H={clone:!1,menu:{insertMethod:"append",insertSelector:"body"},page:{nodetype:"div",selector:null,noSelector:[]},screenReader:{closeMenu:"Close menu",openMenu:"Open menu"}};const q=["left","left-front","right","right-front","top","bottom"];O.prototype.open=function(){this.node.menu.matches(".mm-menu--opened")||(this.trigger("open:before"),this.node.wrpr.classList.add("mm-wrapper--opened","mm-wrapper--position-"+this.opts.offCanvas.position),this.node.menu.classList.add("mm-menu--opened"),this.node.menu.removeAttribute("inert"),O.node.blck.removeAttribute("inert"),O.node.page.setAttribute("inert","true"),this.node.open=document.activeElement,this.trigger("open:after"))},O.prototype.close=function(){var e;if(!this.node.menu.matches(".mm-menu--opened"))return;this.trigger("close:before"),this.node.wrpr.classList.remove("mm-wrapper--opened","mm-wrapper--position-"+this.opts.offCanvas.position),this.node.menu.classList.remove("mm-menu--opened"),this.node.menu.setAttribute("inert","true"),O.node.blck.setAttribute("inert","true"),O.node.page.removeAttribute("inert");null===(e=this.node.open||document.querySelector(`[href="#${this.node.menu.id}"]`)||null)||void 0===e||e.focus(),document.body.scrollLeft=0,document.documentElement.scrollLeft=0,this.trigger("close:after")},O.prototype.setPage=function(e){const t=this.conf.offCanvas;if(!e){let n="string"==typeof t.page.selector?L(document.body,t.page.selector):_(document.body,t.page.nodetype);if(n=n.filter(e=>!e.matches(".mm-menu, .mm-wrapper__blocker")),t.page.noSelector.length&&(n=n.filter(e=>!e.matches(t.page.noSelector.join(", ")))),n.length>1){let e=g("div");n[0].before(e),n.forEach(t=>{e.append(t)}),n=[e]}e=n[0]}this.trigger("setPage:before",[e]),e.classList.add("mm-page","mm-slideout"),e.id=e.id||r(),O.node.blck.setAttribute("href","#"+e.id),O.node.page=e,this.trigger("setPage:after",[e])};var I={fix:!0};const B="ontouchstart"in window||!!navigator.msMaxTouchPoints||!1;const R=["light","dark","white","black","light-contrast","dark-contrast","white-contrast","black-contrast"];O.prototype.theme=function(e=null){const t=this.opts.theme;if(!e)return t;R.includes(e)&&(this.node.menu.classList.remove("mm-menu--theme-"+t),this.node.menu.classList.add("mm-menu--theme-"+e),this.opts.theme=e)};var D={close:!1,open:!1};var $={add:!1};var F={use:!1,top:[],bottom:[],position:"left",type:"default"};var Z={add:!1,blockPanel:!0,visible:3};var W={breadcrumbs:{separator:"/",removeFirst:!1}};function z(){this.opts.navbars=this.opts.navbars||[],this.conf.navbars=this.conf.navbars||{},a(this.conf.navbars,W);let e=this.opts.navbars;if(void 0!==e&&(e instanceof Array||(e=[e]),e.length)){var t={};e.forEach(e=>{if(!(e=function(e){return"boolean"==typeof e&&e&&(e={}),"object"!=typeof e&&(e={}),void 0===e.content&&(e.content=["prev","title"]),e.content instanceof Array||(e.content=[e.content]),void 0===e.use&&(e.use=!0),e}(e)).use)return;const n=g("div.mm-navbar");let{position:s}=e;"bottom"!==s&&(s="top"),t[s]||(t[s]=g("div.mm-navbars.mm-navbars--"+s)),t[s].append(n);for(let t=0,s=e.content.length;t<s;t++){const s=e.content[t];if("string"==typeof s){const e=z.navbarContents[s];if("function"==typeof e)e.call(this,n);else{let e=g("span");e.innerHTML=s;const t=_(e);1==t.length&&(e=t[0]),n.append(e)}}else n.append(s)}if("string"==typeof e.type){const t=z.navbarTypes[e.type];"function"==typeof t&&t.call(this,n)}let i=()=>{n.classList.remove("mm-hidden")},a=()=>{n.classList.add("mm-hidden")};"boolean"==typeof e.use?this.bind("initMenu:after",i):M(e.use,i,a)}),this.bind("initMenu:after",()=>{for(let e in t)this.node.pnls["bottom"==e?"after":"before"](t[e])})}}z.navbarContents={breadcrumbs:function(e){var t=g("div.mm-navbar__breadcrumbs");e.append(t),this.bind("initNavbar:after",e=>{if(!e.querySelector(".mm-navbar__breadcrumbs")){_(e,".mm-navbar")[0].classList.add("mm-hidden");for(var t=[],n=g("span.mm-navbar__breadcrumbs"),s=e,i=!0;s;){if(!(s=s.closest(".mm-panel")).parentElement.matches(".mm-listitem--vertical")){let e=L(s,".mm-navbar__title span")[0];if(e){let n=e.textContent;n.length&&t.unshift(i?`<span>${n}</span>`:`<a \n href="#${s.id}" \n title="${this.i18n(this.conf.screenReader.openSubmenu)}"\n >${n}</a>`)}i=!1}s=L(this.node.pnls,"#"+s.dataset.mmParent)[0]}this.conf.navbars.breadcrumbs.removeFirst&&t.shift(),n.innerHTML=t.join('<span class="mm-separator">'+this.conf.navbars.breadcrumbs.separator+"</span>"),_(e,".mm-navbar")[0].append(n)}}),this.bind("openPanel:before",e=>{var n=e.querySelector(".mm-navbar__breadcrumbs");t.innerHTML=n?n.innerHTML:""})},close:function(e){const t=g("a.mm-btn.mm-btn--close.mm-navbar__btn");t.setAttribute("aria-label",this.i18n(this.conf.offCanvas.screenReader.closeMenu)),e.append(t),this.bind("setPage:after",e=>{t.href="#"+e.id})},prev:function(e){let t=g("a.mm-btn.mm-hidden");e.append(t),this.bind("initNavbar:after",e=>{_(e,".mm-navbar")[0].classList.add("mm-hidden")}),this.bind("openPanel:before",e=>{if(e.parentElement.matches(".mm-listitem--vertical"))return;t.classList.add("mm-hidden");const n=e.querySelector(".mm-navbar__btn.mm-btn--prev");if(n){const e=n.cloneNode(!0);t.after(e),t.remove(),t=e}})},searchfield:function(e){let t=g("div.mm-navbar__searchfield");t.id=r(),e.append(t),this.opts.searchfield=this.opts.searchfield||{},this.opts.searchfield.add=!0,this.opts.searchfield.addTo="#"+t.id},title:function(e){let t=g("a.mm-navbar__title");e.append(t),this.bind("openPanel:before",e=>{if(e.parentElement.matches(".mm-listitem--vertical"))return;const n=e.querySelector(".mm-navbar__title");if(n){const e=n.cloneNode(!0);t.after(e),t.remove(),t=e}})}},z.navbarTypes={tabs:function(e){function t(n){const s=_(e,`.mm-navbar__tab[href="#${n.id}"]`)[0];if(s)s.classList.add("mm-navbar__tab--selected"),s.ariaExpanded="true";else{const e=L(this.node.pnls,"#"+n.dataset.mmParent)[0];e&&t.call(this,e.closest(".mm-panel"))}}e.classList.add("mm-navbar--tabs"),e.closest(".mm-navbars").classList.add("mm-navbars--has-tabs"),_(e,"a").forEach(e=>{e.classList.add("mm-navbar__tab")}),this.bind("openPanel:before",n=>{_(e,"a").forEach(e=>{e.classList.remove("mm-navbar__tab--selected"),e.ariaExpanded="false"}),t.call(this,n)}),this.bind("initPanels:after",()=>{e.addEventListener("click",e=>{var t,n,s;const i=null===(n=null===(t=e.target)||void 0===t?void 0:t.closest(".mm-navbar__tab"))||void 0===n?void 0:n.getAttribute("href");try{null===(s=L(this.node.pnls,i+".mm-panel")[0])||void 0===s||s.classList.add("mm-panel--noanimation")}catch(e){}},{capture:!0})})}};var V={scroll:!1,update:!1};var U={scrollOffset:0,updateOffset:50};var Y={add:!1,addTo:"panels",noResults:"No results found.",placeholder:"Search",search:!0,searchIn:"panels",splash:"",title:"Search"};var G={cancel:!0,clear:!0,form:{},input:{},panel:{},submit:!1},K={cancel:"انصراف","Cancel searching":"لغو جستجو","Clear searchfield":"پاک کردن فیلد جستجو","No results found.":"نتیجه‌ای یافت نشد.",Search:"جستجو"},X={cancel:"annuleren","Cancel searching":"Zoeken annuleren","Clear searchfield":"Zoekveld leeg maken","No results found.":"Geen resultaten gevonden.",Search:"Zoeken"},J={cancel:"cancelar","Cancel searching":"Cancelar pesquisa","Clear searchfield":"Limpar campo de pesquisa","No results found.":"Nenhum resultado encontrado.",Search:"Buscar"},Q={cancel:"отменить","Cancel searching":"Отменить поиск","Clear searchfield":"Очистить поле поиска","No results found.":"Ничего не найдено.",Search:"Найти"},ee={cancel:"zrušiť","Cancel searching":"Zrušiť vyhľadávanie","Clear searchfield":"Vymazať pole vyhľadávania","No results found.":"Neboli nájdené žiadne výsledky.",Search:"Vyhľadávanie"};h({cancel:"abbrechen","Cancel searching":"Suche abbrechen","Clear searchfield":"Suchfeld löschen","No results found.":"Keine Ergebnisse gefunden.",Search:"Suche"},"de"),h(K,"fa"),h(X,"nl"),h(J,"pt_br"),h(Q,"ru"),h(ee,"sk");const te=function(){const e=this.opts.searchfield,t=this.conf.searchfield;let n=_(this.node.pnls,".mm-panel--search")[0];return n||(n=g("div.mm-panel--search"),me(n,t.panel),e.title.length&&(n.dataset.mmTitle=this.i18n(e.title)),n.append(g("ul")),this._initPanel(n),n)},ne=function(e){const t=this.opts.searchfield;if(e.matches(t.addTo)){const t=e.matches(".mm-panel--search");if(!L(e,".mm-searchfield").length){const n=se.call(this,t);t&&n.classList.add("mm-searchfield--cancelable"),e.prepend(n),ie.call(this,n)}}if(t.splash.length&&e.matches(".mm-panel--search")&&!L(e,".mm-panel__splash").length){const n=g("div.mm-panel__splash");n.innerHTML=t.splash,e.append(n)}if(t.noResults.length&&!L(e,".mm-panel__noresults").length){const n=g("div.mm-panel__noresults");n.innerHTML=this.i18n(t.noResults),e.append(n)}},se=function(e=!1){const t=this.opts.searchfield,n=this.conf.searchfield,s=g("form.mm-searchfield");me(s,n.form);const i=g("div.mm-searchfield__input");s.append(i);const a=g("input");if(i.append(a),a.type="text",a.autocomplete="off",a.placeholder=this.i18n(t.placeholder),a.setAttribute("aria-label",this.i18n(t.placeholder)),me(a,n.input),n.submit){const e=g("button.mm-btnreset.mm-btn.mm-btn--next.mm-searchfield__btn");e.type="submit",i.append(e)}else if(n.clear){const e=g("button.mm-btnreset.mm-btn.mm-btn--close.mm-searchfield__btn");e.type="reset",e.setAttribute("aria-label",this.i18n("Clear searchfield")),i.append(e),s.addEventListener("reset",()=>{window.requestAnimationFrame(()=>{a.dispatchEvent(new Event("input"))})})}if(n.cancel&&e){const e=g("a.mm-searchfield__cancel");e.href="#",e.setAttribute("aria-label",this.i18n("Cancel searching")),e.textContent=this.i18n("cancel"),s.append(e),e.addEventListener("click",e=>{e.preventDefault(),this.closePanel(_(this.node.pnls,".mm-panel--search")[0],!1)})}return s},ie=function(e){const t=this.opts.searchfield,n=e.closest(".mm-panel")||L(this.node.pnls,".mm-panel--search")[0],s=L(e,"input")[0];let i=n.matches(".mm-panel--search")?_(this.node.pnls,t.searchIn):[n];i=i.filter(e=>!e.matches(".mm-panel--search"));const a=()=>{const a=s.value.toLowerCase().trim();if(a.length?e.classList.add("mm-searchfield--searching"):e.classList.remove("mm-searchfield--searching"),!t.search)return;const o=[];if(i.forEach(e=>{e.scrollTop=0,o.push(...L(e,".mm-listitem"))}),a.length){this.trigger("search:before"),n.classList.add("mm-panel--searching"),o.forEach(e=>{const t=_(e,".mm-listitem__text")[0];var n;(!t||(n=t,[].slice.call(n.childNodes).filter(e=>!e.ariaHidden).map(e=>e.textContent).join(" ")).toLowerCase().indexOf(a)>-1)&&(e.dataset.mmSearchresult=a)});let e=0;e=n.matches(".mm-panel--search")?ae(n,a,i):re(a,i),n.classList[0==e?"add":"remove"]("mm-panel--noresults"),this.trigger("search:after")}else this.trigger("clear:before"),n.classList.remove("mm-panel--searching","mm-panel--noresults"),n.matches(".mm-panel--search")?(oe(n),t.splash||this.closePanel(n,!1,!1)):le(i),this.trigger("clear:after")};s.addEventListener("input",a),a()},ae=(e,t,n)=>{const s=L(e,".mm-listview")[0];s.innerHTML="";let i=0;return n.forEach(e=>{const n=L(e,`[data-mm-searchresult="${t}"]`);if(i+=n.length,n.length){const t=L(e,".mm-navbar__title")[0];if(t){const e=g("li.mm-divider");e.innerHTML=t.innerHTML,s.append(e)}n.forEach(e=>{const t=e.cloneNode(!0);s.append(t)})}}),L(s,".mm-panel").forEach(e=>{e.remove()}),["id","data-mm-parent","data-mm-child"].forEach(e=>{L(s,`[${e}]`).forEach(t=>{t.removeAttribute(e)})}),L(s,".mm-listitem--opened").forEach(e=>{e.classList.remove("mm-listitem--opened")}),i},oe=e=>{L(e,".mm-listview")[0].innerHTML=""},re=(e,t)=>{let n=0;return t.forEach(t=>{const s=L(t,`[data-mm-searchresult="${e}"]`);n+=s.length,s.length&&s.forEach(t=>{const n=((e,t)=>{let n=[],s=e.previousElementSibling;for(;s;)t&&!s.matches(t)||n.push(s),s=s.previousElementSibling;return n})(t,".mm-divider")[0];n&&(n.dataset.mmSearchresult=e)}),L(t,".mm-listitem, .mm-divider").forEach(t=>{t.classList.add("mm-hidden"),t.dataset.mmSearchresult===e&&[t,...w(t,".mm-listitem")].forEach(e=>{e.classList.remove("mm-hidden")})})}),n},le=e=>{e.forEach(e=>{L(e,".mm-listitem, .mm-divider").forEach(e=>{e.classList.remove("mm-hidden")})})},me=(e,t)=>{t&&Object.keys(t).forEach(n=>{e[n]=t[n]})};var ce={add:!1,addTo:"panels"};var de={current:!0,hover:!1,parent:!1};var he={collapsed:{use:!1},expanded:{use:!1,initial:"open"}};
/*!

@@ -9,2 +9,2 @@ * mmenu.js

*/
O.addons={offcanvas:function(){this.opts.offCanvas=this.opts.offCanvas||{},this.conf.offCanvas=this.conf.offCanvas||{};const e=a(this.opts.offCanvas,A),t=a(this.conf.offCanvas,H);if(!e.use)return;const n=["left","left-front","right","right-front","top","bottom"];n.includes(e.position)||(e.position=n[0]),this._api.push("open","close","setPage"),this.bind("initMenu:before",()=>{t.clone&&(this.node.menu=this.node.menu.cloneNode(!0),this.node.menu.id&&(this.node.menu.id=m(this.node.menu.id)),L(this.node.menu,"[id]").forEach(e=>{e.id=m(e.id)})),this.node.wrpr=document.querySelector(t.menu.insertSelector),this.node.wrpr.classList.add("mm-wrapper--position-"+e.position),this.node.wrpr[t.menu.insertMethod](this.node.menu)}),O.node.blck||this.bind("initMenu:before",()=>{const e=g("a.mm-wrapper__blocker.mm-blocker.mm-slideout");e.id=l(),e.title=this.i18n(t.screenReader.closeMenu),e.tabIndex=0,document.querySelector(t.menu.insertSelector).append(e),O.node.blck=e}),this.bind("initMenu:after",()=>{this.setPage(O.node.page),this.node.menu.classList.add("mm-menu--offcanvas","mm-menu--position-"+e.position);let t=window.location.hash;if(t){let e=c(this.node.menu.id);e&&e==t.slice(1)&&setTimeout(()=>{this.open()},1e3)}}),document.addEventListener("click",e=>{var t;switch(null===(t=e.target.closest("a"))||void 0===t?void 0:t.getAttribute("href")){case"#"+c(this.node.menu.id):e.preventDefault(),this.open();break;case"#"+c(O.node.page.id):e.preventDefault(),this.close()}}),document.addEventListener("keyup",e=>{"Escape"==e.key&&this.close()}),document.addEventListener("focusin",e=>{var t,n;(null===(t=document.activeElement)||void 0===t?void 0:t.closest("#"+this.node.menu.id))&&!this.node.menu.matches(".mm-menu--opened")&&this.open(),(null===(n=document.activeElement)||void 0===n?void 0:n.closest("#"+this.node.menu.id))||this.node.wrpr.matches(".mm-wrapper--sidebar-expanded")||!this.node.menu.matches(".mm-menu--opened")||this.close()})},scrollBugFix:function(){if(!I||!this.opts.offCanvas.use)return;this.opts.scrollBugFix=this.opts.scrollBugFix||{};if(!a(this.opts.scrollBugFix,j).fix)return;const e=(e=>{let t="",n=null;return e.addEventListener("touchstart",e=>{1===e.touches.length&&(t="",n=e.touches[0].pageY)}),e.addEventListener("touchend",e=>{0===e.touches.length&&(t="",n=null)}),e.addEventListener("touchmove",e=>{if(t="",n&&1===e.touches.length){const s=e.changedTouches[0].pageY;s>n?t="down":s<n&&(t="up"),n=s}}),{get:()=>t}})(this.node.menu);this.node.menu.addEventListener("scroll",e=>{e.preventDefault(),e.stopPropagation()},{passive:!1}),this.node.menu.addEventListener("touchmove",t=>{let n=t.target.closest(".mm-panel, .mm-iconbar__top, .mm-iconbar__bottom");n&&n.closest(".mm-listitem--vertical")&&(n=((e,t)=>{let n=[],s=e.parentElement;for(;s;)n.push(s),s=s.parentElement;return t?n.filter(e=>e.matches(t)):n})(n,".mm-panel").pop()),n?(n.scrollHeight===n.offsetHeight||0==n.scrollTop&&"down"==e.get()||n.scrollHeight==n.scrollTop+n.offsetHeight&&"up"==e.get())&&t.stopPropagation():t.stopPropagation()},{passive:!1}),this.bind("open:after",()=>{var e=_(this.node.pnls,".mm-panel--opened")[0];e&&(e.scrollTop=0)}),window.addEventListener("orientationchange",e=>{var t=_(this.node.pnls,".mm-panel--opened")[0];t&&(t.scrollTop=0,t.style["-webkit-overflow-scrolling"]="auto",t.style["-webkit-overflow-scrolling"]="touch")})},theme:function(){this.opts.theme=this.opts.theme||"light",this.bind("initMenu:after",()=>{this.node.menu.classList.add("mm-menu--theme-"+this.opts.theme)})},backButton:function(){if(this.opts.backButton=this.opts.backButton||{},!this.opts.offCanvas.use)return;const e=a(this.opts.backButton,q),t="#"+this.node.menu.id;if(e.close){var n=[];const e=()=>{n=[t],_(this.node.pnls,".mm-panel--opened, .mm-panel--parent").forEach(e=>{n.push("#"+e.id)})};this.bind("open:after",()=>{history.pushState(null,document.title,t)}),this.bind("open:after",e),this.bind("openPanel:after",e),this.bind("close:after",()=>{n=[],history.back(),history.pushState(null,document.title,location.pathname+location.search)}),window.addEventListener("popstate",e=>{if(this.node.menu.matches(".mm-menu--opened")&&n.length){var s=(n=n.slice(0,-1))[n.length-1];s==t?this.close():(this.openPanel(this.node.menu.querySelector(s)),history.pushState(null,document.title,t))}})}e.open&&window.addEventListener("popstate",e=>{this.node.menu.matches(".mm-menu--opened")||location.hash!=t||this.open()})},counters:function(){this.opts.counters=this.opts.counters||{};if(!a(this.opts.counters,R).add)return;const e=e=>{const t=this.node.pnls.querySelector("#"+e.dataset.mmParent);if(!t)return;const n=t.querySelector(".mm-counter");if(!n)return;const s=[];_(e,".mm-listview").forEach(e=>{s.push(..._(e,".mm-listitem"))}),n.innerHTML=E(s).length.toString()},t=new MutationObserver(t=>{t.forEach(t=>{"class"==t.attributeName&&e(t.target.closest(".mm-panel"))})});this.bind("initListview:after",t=>{const n=t.closest(".mm-panel"),s=this.node.pnls.querySelector("#"+n.dataset.mmParent);if(s){if(!L(s,".mm-counter").length){const e=g("span.mm-counter");e.ariaHidden="true";const t=_(s,".mm-btn")[0];null==t||t.prepend(e)}e(n)}}),this.bind("initListitem:after",e=>{const n=e.closest(".mm-panel");if(!n)return;this.node.pnls.querySelector("#"+n.dataset.mmParent)&&t.observe(e,{attributes:!0})})},iconbar:function(){this.opts.iconbar=this.opts.iconbar||{};const e=a(this.opts.iconbar,B);if(!e.use)return;let t;if(["top","bottom"].forEach((n,s)=>{let i=e[n];"array"!=o(i)&&(i=[i]);const a=g("div.mm-iconbar__"+n);for(let e=0,t=i.length;e<t;e++)"string"==typeof i[e]?a.innerHTML+=i[e]:a.append(i[e]);a.children.length&&(t||(t=g("div.mm-iconbar")),t.append(a))}),t){this.bind("initMenu:after",()=>{this.node.menu.prepend(t)});let n="mm-menu--iconbar-"+e.position,s=()=>{this.node.menu.classList.add(n)},i=()=>{this.node.menu.classList.remove(n)};if("boolean"==typeof e.use?this.bind("initMenu:after",s):S(e.use,s,i),"tabs"==e.type){t.classList.add("mm-iconbar--tabs"),t.addEventListener("click",e=>{const t=e.target.closest(".mm-iconbar__tab");if(t)if(t.matches(".mm-iconbar__tab--selected"))e.stopImmediatePropagation();else try{const n=L(this.node.menu,t.getAttribute("href")+".mm-panel")[0];n&&(e.preventDefault(),e.stopImmediatePropagation(),this.openPanel(n,!1))}catch(e){}});const e=n=>{L(t,"a").forEach(e=>{e.classList.remove("mm-iconbar__tab--selected")});const s=L(t,'[href="#'+n.id+'"]')[0];if(s)s.classList.add("mm-iconbar__tab--selected");else{const t=L(this.node.pnls,"#"+n.dataset.mmParent)[0];t&&e(t.closest(".mm-panel"))}};this.bind("openPanel:before",e)}}},iconPanels:function(){this.opts.iconPanels=this.opts.iconPanels||{};const e=a(this.opts.iconPanels,D);let t=!1;if("first"==e.visible&&(t=!0,e.visible=1),e.visible=Math.min(3,Math.max(1,e.visible)),e.visible++,e.add){this.bind("initMenu:after",()=>{this.node.menu.classList.add("mm-menu--iconpanel")}),this.bind("initPanel:after",e=>{e.tabIndex=-1}),this.bind("initPanels:after",()=>{document.addEventListener("keyup",e=>{var t;if("Tab"===e.key&&(null===(t=document.activeElement)||void 0===t?void 0:t.closest(".mm-menu"))===this.node.menu){const t=document.activeElement.closest(".mm-panel");!document.activeElement.matches(".mm-panel__blocker")&&(null==t?void 0:t.matches(".mm-panel--parent"))&&(e.shiftKey?_(t,".mm-panel__blocker")[0].focus():_(this.node.pnls,".mm-panel--opened")[0].focus())}})});const n=["mm-panel--iconpanel-first","mm-panel--iconpanel-0","mm-panel--iconpanel-1","mm-panel--iconpanel-2","mm-panel--iconpanel-3"];t?this.bind("initMenu:after",()=>{var e;null===(e=_(this.node.pnls,".mm-panel")[0])||void 0===e||e.classList.add(n[0])}):this.bind("openPanel:after",t=>{if(t.parentElement.matches(".mm-listitem--vertical"))return;let s=_(this.node.pnls,".mm-panel");s=s.filter(e=>e.matches(".mm-panel--parent")),s.push(t),s=s.slice(-e.visible),s.forEach((e,t)=>{e.classList.remove(...n),e.classList.add("mm-panel--iconpanel-"+t)})}),this.bind("initPanel:after",t=>{if(e.blockPanel&&!t.parentElement.matches(".mm-listitem--vertical")&&!_(t,".mm-panel__blocker")[0]){const e=g("a.mm-blocker.mm-panel__blocker");e.href="#"+t.closest(".mm-panel").id,e.title=this.i18n(this.conf.screenReader.closeSubmenu),t.prepend(e)}}),this.bind("openPanel:after",e=>{_(this.node.pnls,".mm-panel").forEach(e=>{const t=_(e,".mm-panel__blocker")[0];null==t||t.classList[e.matches(".mm-panel--parent")?"add":"remove"]("mm-blocker--blocking")})})}},navbars:$,pageScroll:function(){this.opts.pageScroll=this.opts.pageScroll||{},this.conf.pageScroll=this.conf.pageScroll||{};const e=a(this.opts.pageScroll,Z),t=a(this.conf.pageScroll,W);var n;function s(){n&&window.scrollTo({top:n.getBoundingClientRect().top+document.scrollingElement.scrollTop-t.scrollOffset,behavior:"smooth"}),n=null}function i(e){try{if("#"==e.slice(0,1))return L(O.node.page,e)[0]}catch(e){}return null}if(this.opts.offCanvas.use&&e.scroll&&(this.bind("close:after",()=>{s()}),this.node.menu.addEventListener("click",e=>{var t,a;const o=(null===(a=null===(t=e.target)||void 0===t?void 0:t.closest("a[href]"))||void 0===a?void 0:a.getAttribute("href"))||"";(n=i(o))&&(e.preventDefault(),this.node.menu.matches(".mm-menu--sidebar-expanded")&&this.node.wrpr.matches(".mm-wrapper--sidebar-expanded")?s():this.close())})),e.update){let e=[];this.bind("initListview:after",t=>{const n=_(t,".mm-listitem");w(n).forEach(t=>{const n=i(t.getAttribute("href"));n&&e.unshift(n)})});let n=-1;window.addEventListener("scroll",s=>{const i=window.scrollY;for(var a=0;a<e.length;a++)if(e[a].offsetTop<i+t.updateOffset){if(n!==a){n=a;let t=_(this.node.pnls,".mm-panel--opened")[0],s=L(t,".mm-listitem"),i=w(s);i=i.filter(t=>t.matches('[href="#'+e[a].id+'"]')),i.length&&this.setSelected(i[0].parentElement)}break}},{passive:!0})}},searchfield:function(){this.opts.searchfield=this.opts.searchfield||{},this.conf.searchfield=this.conf.searchfield||{};const e=a(this.opts.searchfield,z);a(this.conf.searchfield,V);if(e.add){switch(e.addTo){case"panels":e.addTo=".mm-panel";break;case"searchpanel":e.addTo=".mm-panel--search"}switch(e.searchIn){case"panels":e.searchIn=".mm-panel"}this.bind("initPanel:after",t=>{t.matches(e.addTo)&&!t.closest(".mm-listitem--vertical")&&Q.call(this,t)}),this.bind("initMenu:after",()=>{const t=J.call(this);Q.call(this,t),L(this.node.menu,e.addTo).forEach(n=>{if(!n.matches(".mm-panel")){const s=ee.call(this,!0);n.append(s);const i=L(s,"input")[0];e.splash.length?(i.addEventListener("focusin",()=>{this.openPanel(t,!1,!1)}),this.bind("openPanel:after",e=>{e.matches(".mm-panel--search")?s.classList.add("mm-searchfield--cancelable"):s.classList.remove("mm-searchfield--cancelable")})):(this.bind("search:after",()=>{this.openPanel(t,!1,!1)}),i.addEventListener("focusout",()=>{i.value.length||this.closePanel(t,!1)})),te.call(this,s)}})}),this.bind("close:before",()=>{L(this.node.menu,".mm-searchfield input").forEach(e=>{e.blur()})})}},sectionIndexer:function(){this.opts.sectionIndexer=this.opts.sectionIndexer||{};a(this.opts.sectionIndexer,le).add&&this.bind("initPanels:after",()=>{if(!this.node.indx){let e="";"abcdefghijklmnopqrstuvwxyz".split("").forEach(t=>{e+='<a href="#">'+t+"</a>"});let t=g("div.mm-sectionindexer");t.innerHTML=e,this.node.pnls.prepend(t),this.node.indx=t,this.node.indx.addEventListener("click",e=>{e.target.matches("a")&&e.preventDefault()});let n=e=>{if(!e.target.matches("a"))return;const t=e.target.textContent,n=_(this.node.pnls,".mm-panel--opened")[0];let s=-1,i=n.scrollTop;n.scrollTop=0,L(n,".mm-divider").filter(e=>!e.matches(".mm-hidden")).forEach(e=>{s<0&&t==e.textContent.trim().slice(0,1).toLowerCase()&&(s=e.offsetTop)}),n.scrollTop=s>-1?s:i};I?(this.node.indx.addEventListener("touchstart",n),this.node.indx.addEventListener("touchmove",n)):this.node.indx.addEventListener("mouseover",n)}this.bind("openPanel:before",e=>{const t=L(e,".mm-divider").filter(e=>!e.matches(".mm-hidden")).length;this.node.indx.classList[t?"add":"remove"]("mm-sectionindexer--active")})})},setSelected:function(){this.opts.setSelected=this.opts.setSelected||{};const e=a(this.opts.setSelected,re);if("detect"==e.current){const e=t=>{t=t.split("?")[0].split("#")[0];const n=this.node.menu.querySelector('a[href="'+t+'"], a[href="'+t+'/"]');if(n)this.setSelected(n.parentElement);else{const n=t.split("/").slice(0,-1);n.length&&e(n.join("/"))}};this.bind("initMenu:after",()=>{e.call(this,window.location.href)})}else e.current||this.bind("initListview:after",e=>{_(e,".mm-listitem--selected").forEach(e=>{e.classList.remove("mm-listitem--selected")})});e.hover&&this.bind("initMenu:after",()=>{this.node.menu.classList.add("mm-menu--selected-hover")}),e.parent&&(this.bind("openPanel:after",e=>{L(this.node.pnls,".mm-listitem--selected-parent").forEach(e=>{e.classList.remove("mm-listitem--selected-parent")});let t=e;for(;t;){let e=L(this.node.pnls,"#"+t.dataset.mmParent)[0];t=null==e?void 0:e.closest(".mm-panel"),e&&!e.matches(".mm-listitem--vertical")&&e.classList.add("mm-listitem--selected-parent")}}),this.bind("initMenu:after",()=>{this.node.menu.classList.add("mm-menu--selected-parent")}))},sidebar:function(){if(!this.opts.offCanvas.use)return;this.opts.sidebar=this.opts.sidebar||{};const e=a(this.opts.sidebar,me);if(e.collapsed.use){this.bind("initMenu:after",()=>{if(this.node.menu.classList.add("mm-menu--sidebar-collapsed"),e.collapsed.blockMenu&&!this.node.blck){const e=g("a.mm-menu__blocker.mm-blocker");e.setAttribute("href","#"+this.node.menu.id),this.node.blck=e,this.node.menu.prepend(e),e.title=this.i18n(this.conf.offCanvas.screenReader.openMenu)}});const t=()=>{var e;this.node.wrpr.matches(".mm-wrapper--sidebar-collapsed")&&(null===(e=this.node.blck)||void 0===e||e.classList.add("mm-blocker--blocking"))},n=()=>{var e;null===(e=this.node.blck)||void 0===e||e.classList.remove("mm-blocker--blocking")};this.bind("open:after",n),this.bind("close:after",t);let s=()=>{this.node.wrpr.classList.add("mm-wrapper--sidebar-collapsed"),t()},i=()=>{this.node.wrpr.classList.remove("mm-wrapper--sidebar-collapsed"),n()};"boolean"==typeof e.collapsed.use?this.bind("initMenu:after",s):S(e.collapsed.use,s,i)}if(e.expanded.use){this.bind("initMenu:after",()=>{this.node.menu.classList.add("mm-menu--sidebar-expanded")});let t=!1,n=()=>{t=!0,this.node.wrpr.classList.add("mm-wrapper--sidebar-expanded"),this.open()},s=()=>{t=!1,this.node.wrpr.classList.remove("mm-wrapper--sidebar-expanded"),this.close()};"boolean"==typeof e.expanded.use?this.bind("initMenu:after",n):S(e.expanded.use,n,s),this.bind("close:after",()=>{t&&window.sessionStorage.setItem("mmenuExpandedState","closed")}),this.bind("open:after",()=>{t&&window.sessionStorage.setItem("mmenuExpandedState","open")});let i=e.expanded.initial;const a=window.sessionStorage.getItem("mmenuExpandedState");switch(a){case"open":case"closed":i=a}"closed"==i&&this.bind("init:after",()=>{this.close()})}}};t.default=O;window&&(window.Mmenu=O)}]);
O.addons={offcanvas:function(){this.opts.offCanvas=this.opts.offCanvas||{},this.conf.offCanvas=this.conf.offCanvas||{};const e=a(this.opts.offCanvas,j),t=a(this.conf.offCanvas,H);e.use&&(q.includes(e.position)||(e.position=q[0]),this._api.push("open","close","setPage","position"),this.bind("initMenu:before",()=>{t.clone&&(this.node.menu=this.node.menu.cloneNode(!0),this.node.menu.id&&(this.node.menu.id=m(this.node.menu.id)),L(this.node.menu,"[id]").forEach(e=>{e.id=m(e.id)})),this.node.wrpr=document.querySelector(t.menu.insertSelector),this.node.wrpr[t.menu.insertMethod](this.node.menu)}),O.node.blck||this.bind("initMenu:before",()=>{const e=g("a.mm-wrapper__blocker.mm-blocker.mm-slideout");e.id=r(),e.setAttribute("aria-label",this.i18n(t.screenReader.closeMenu)),e.setAttribute("inert","true"),document.querySelector(t.menu.insertSelector).append(e),O.node.blck=e}),this.bind("initMenu:after",()=>{this.setPage(O.node.page),this.node.menu.classList.add("mm-menu--offcanvas"),this.node.menu.setAttribute("inert","true"),q.includes(e.position)&&(this.node.wrpr.classList.add("mm-wrapper--position-"+e.position),this.node.menu.classList.add("mm-menu--position-"+e.position));let t=window.location.hash;if(t){let e=c(this.node.menu.id);e&&e==t.slice(1)&&setTimeout(()=>{this.open()},1e3)}}),document.addEventListener("click",e=>{var t;switch(null===(t=e.target.closest("a"))||void 0===t?void 0:t.getAttribute("href")){case"#"+c(this.node.menu.id):e.preventDefault(),this.open();break;case"#"+c(O.node.page.id):e.preventDefault(),this.close()}}),document.addEventListener("keyup",e=>{"Escape"==e.key&&this.close()}))},scrollBugFix:function(){if(!B||!this.opts.offCanvas.use)return;this.opts.scrollBugFix=this.opts.scrollBugFix||{};if(!a(this.opts.scrollBugFix,I).fix)return;const e=(e=>{let t="",n=null;return e.addEventListener("touchstart",e=>{1===e.touches.length&&(t="",n=e.touches[0].pageY)}),e.addEventListener("touchend",e=>{0===e.touches.length&&(t="",n=null)}),e.addEventListener("touchmove",e=>{if(t="",n&&1===e.touches.length){const s=e.changedTouches[0].pageY;s>n?t="down":s<n&&(t="up"),n=s}}),{get:()=>t}})(this.node.menu);this.node.menu.addEventListener("scroll",e=>{e.preventDefault(),e.stopPropagation()},{passive:!1}),this.node.menu.addEventListener("touchmove",t=>{let n=t.target.closest(".mm-panel, .mm-iconbar__top, .mm-iconbar__bottom");n&&n.closest(".mm-listitem--vertical")&&(n=w(n,".mm-panel").pop()),n?(n.scrollHeight===n.offsetHeight||0==n.scrollTop&&"down"==e.get()||n.scrollHeight==n.scrollTop+n.offsetHeight&&"up"==e.get())&&t.stopPropagation():t.stopPropagation()},{passive:!1}),this.bind("open:after",()=>{var e=_(this.node.pnls,".mm-panel--opened")[0];e&&(e.scrollTop=0)}),window.addEventListener("orientationchange",e=>{var t=_(this.node.pnls,".mm-panel--opened")[0];t&&(t.scrollTop=0,t.style["-webkit-overflow-scrolling"]="auto",t.style["-webkit-overflow-scrolling"]="touch")})},theme:function(){this.opts.theme=this.opts.theme||"light";const e=this.opts.theme;R.includes(e)||(this.opts.theme=R[0]),this._api.push("theme"),this.bind("initMenu:after",()=>{this.theme(this.opts.theme)})},backButton:function(){if(this.opts.backButton=this.opts.backButton||{},!this.opts.offCanvas.use)return;const e=a(this.opts.backButton,D),t="#"+this.node.menu.id;if(e.close){var n=[];const e=()=>{n=[t],_(this.node.pnls,".mm-panel--opened, .mm-panel--parent").forEach(e=>{n.push("#"+e.id)})};this.bind("open:after",()=>{history.pushState(null,document.title,t)}),this.bind("open:after",e),this.bind("openPanel:after",e),this.bind("close:after",()=>{n=[],history.back(),history.pushState(null,document.title,location.pathname+location.search)}),window.addEventListener("popstate",e=>{if(this.node.menu.matches(".mm-menu--opened")&&n.length){var s=(n=n.slice(0,-1))[n.length-1];s==t?this.close():(this.openPanel(this.node.menu.querySelector(s)),history.pushState(null,document.title,t))}})}e.open&&window.addEventListener("popstate",e=>{this.node.menu.matches(".mm-menu--opened")||location.hash!=t||this.open()})},counters:function(){this.opts.counters=this.opts.counters||{};if(!a(this.opts.counters,$).add)return;const e=e=>{const t=this.node.pnls.querySelector("#"+e.dataset.mmParent);if(!t)return;const n=t.querySelector(".mm-counter");if(!n)return;const s=[];_(e,".mm-listview").forEach(e=>{s.push(..._(e,".mm-listitem"))}),n.innerHTML=E(s).length.toString()},t=new MutationObserver(t=>{t.forEach(t=>{"class"==t.attributeName&&e(t.target.closest(".mm-panel"))})});this.bind("initListview:after",t=>{const n=t.closest(".mm-panel"),s=this.node.pnls.querySelector("#"+n.dataset.mmParent);if(!s)return;const i=_(s,".mm-btn")[0];if(i){if(!_(i,".mm-counter").length){const e=g("span.mm-counter");e.setAttribute("aria-hidden","true"),i.prepend(e)}e(n)}}),this.bind("initListitem:after",e=>{const n=e.closest(".mm-panel");if(!n)return;this.node.pnls.querySelector("#"+n.dataset.mmParent)&&t.observe(e,{attributes:!0})})},iconbar:function(){this.opts.iconbar=this.opts.iconbar||{};const e=a(this.opts.iconbar,F);if(!e.use)return;let t;if(["top","bottom"].forEach((n,s)=>{let i=e[n];"array"!=o(i)&&(i=[i]);const a=g("div.mm-iconbar__"+n);for(let e=0,t=i.length;e<t;e++)"string"==typeof i[e]?a.innerHTML+=i[e]:a.append(i[e]);a.children.length&&(t||(t=g("div.mm-iconbar")),t.append(a))}),t){this.bind("initMenu:after",()=>{this.node.menu.prepend(t)});let n="mm-menu--iconbar-"+e.position,s=()=>{this.node.menu.classList.add(n)},i=()=>{this.node.menu.classList.remove(n)};if("boolean"==typeof e.use?this.bind("initMenu:after",s):M(e.use,s,i),"tabs"==e.type){t.classList.add("mm-iconbar--tabs"),t.addEventListener("click",e=>{const t=e.target.closest(".mm-iconbar__tab");if(t)if(t.matches(".mm-iconbar__tab--selected"))e.stopImmediatePropagation();else try{const n=L(this.node.menu,t.getAttribute("href")+".mm-panel")[0];n&&(e.preventDefault(),e.stopImmediatePropagation(),this.openPanel(n,!1))}catch(e){}});const e=n=>{L(t,"a").forEach(e=>{e.classList.remove("mm-iconbar__tab--selected")});const s=L(t,'[href="#'+n.id+'"]')[0];if(s)s.classList.add("mm-iconbar__tab--selected");else{const t=L(this.node.pnls,"#"+n.dataset.mmParent)[0];t&&e(t.closest(".mm-panel"))}};this.bind("openPanel:before",e)}}},iconPanels:function(){this.opts.iconPanels=this.opts.iconPanels||{};const e=a(this.opts.iconPanels,Z);let t=!1;if("first"==e.visible&&(t=!0,e.visible=1),e.visible=Math.min(3,Math.max(1,e.visible)),e.visible++,e.add){this.bind("initMenu:after",()=>{this.node.menu.classList.add("mm-menu--iconpanel")});const n=["mm-panel--iconpanel-0","mm-panel--iconpanel-1","mm-panel--iconpanel-2","mm-panel--iconpanel-3"];t?this.bind("initMenu:after",()=>{var e;null===(e=_(this.node.pnls,".mm-panel")[0])||void 0===e||e.classList.add("mm-panel--iconpanel-first")}):this.bind("openPanel:after",t=>{if(t.closest(".mm-listitem--vertical"))return;let s=_(this.node.pnls,".mm-panel");s=s.filter(e=>e.matches(".mm-panel--parent")),s.push(t),s=s.slice(-e.visible),s.forEach((e,t)=>{e.classList.remove("mm-panel--iconpanel-first",...n),e.classList.add("mm-panel--iconpanel-"+t)})})}},navbars:z,pageScroll:function(){this.opts.pageScroll=this.opts.pageScroll||{},this.conf.pageScroll=this.conf.pageScroll||{};const e=a(this.opts.pageScroll,V),t=a(this.conf.pageScroll,U);var n;function s(){n&&window.scrollTo({top:n.getBoundingClientRect().top+document.scrollingElement.scrollTop-t.scrollOffset,behavior:"smooth"}),n=null}function i(e){try{if("#"==e.slice(0,1))return L(O.node.page,e)[0]}catch(e){}return null}if(this.opts.offCanvas.use&&e.scroll&&(this.bind("close:after",()=>{s()}),this.node.menu.addEventListener("click",e=>{var t,a;const o=(null===(a=null===(t=e.target)||void 0===t?void 0:t.closest("a[href]"))||void 0===a?void 0:a.getAttribute("href"))||"";(n=i(o))&&(e.preventDefault(),this.node.menu.matches(".mm-menu--sidebar-expanded")&&this.node.wrpr.matches(".mm-wrapper--sidebar-expanded")?s():this.close())})),e.update){let e=[];this.bind("initListview:after",t=>{const n=_(t,".mm-listitem");y(n).forEach(t=>{const n=i(t.getAttribute("href"));n&&e.unshift(n)})});let n=-1;window.addEventListener("scroll",s=>{const i=window.scrollY;for(var a=0;a<e.length;a++)if(e[a].offsetTop<i+t.updateOffset){if(n!==a){n=a;let t=_(this.node.pnls,".mm-panel--opened")[0],s=L(t,".mm-listitem"),i=y(s);i=i.filter(t=>t.matches('[href="#'+e[a].id+'"]')),i.length&&this.setSelected(i[0].parentElement)}break}},{passive:!0})}},searchfield:function(){this.opts.searchfield=this.opts.searchfield||{},this.conf.searchfield=this.conf.searchfield||{};const e=a(this.opts.searchfield,Y);a(this.conf.searchfield,G);if(e.add){switch(e.addTo){case"panels":e.addTo=".mm-panel";break;case"searchpanel":e.addTo=".mm-panel--search"}switch(e.searchIn){case"panels":e.searchIn=".mm-panel"}this.bind("initPanel:after",t=>{t.matches(e.addTo)&&!t.closest(".mm-listitem--vertical")&&ne.call(this,t)}),this.bind("initMenu:after",()=>{const t=te.call(this);ne.call(this,t),L(this.node.menu,e.addTo).forEach(n=>{if(!n.matches(".mm-panel")){const s=se.call(this,!0);n.append(s);const i=L(s,"input")[0];e.splash.length?(i.addEventListener("focusin",()=>{this.openPanel(t,!1,!1)}),this.bind("openPanel:after",e=>{e.matches(".mm-panel--search")?s.classList.add("mm-searchfield--cancelable"):s.classList.remove("mm-searchfield--cancelable")})):(this.bind("search:after",()=>{this.openPanel(t,!1,!1)}),i.addEventListener("focusout",()=>{i.value.length||this.closePanel(t,!1)})),ie.call(this,s)}})}),this.bind("close:before",()=>{L(this.node.menu,".mm-searchfield input").forEach(e=>{e.blur()})})}},sectionIndexer:function(){this.opts.sectionIndexer=this.opts.sectionIndexer||{};a(this.opts.sectionIndexer,ce).add&&this.bind("initPanels:after",()=>{if(!this.node.indx){let e="";"abcdefghijklmnopqrstuvwxyz".split("").forEach(t=>{e+='<a href="#">'+t+"</a>"});let t=g("div.mm-sectionindexer");t.innerHTML=e,this.node.pnls.prepend(t),this.node.indx=t,this.node.indx.addEventListener("click",e=>{e.target.matches("a")&&e.preventDefault()});let n=e=>{if(!e.target.matches("a"))return;const t=e.target.textContent,n=_(this.node.pnls,".mm-panel--opened")[0];let s=-1,i=n.scrollTop;n.scrollTop=0,L(n,".mm-divider").filter(e=>!e.matches(".mm-hidden")).forEach(e=>{s<0&&t==e.textContent.trim().slice(0,1).toLowerCase()&&(s=e.offsetTop)}),n.scrollTop=s>-1?s:i};B?(this.node.indx.addEventListener("touchstart",n),this.node.indx.addEventListener("touchmove",n)):this.node.indx.addEventListener("mouseover",n)}this.bind("openPanel:before",e=>{const t=L(e,".mm-divider").filter(e=>!e.matches(".mm-hidden")).length;this.node.indx.classList[t?"add":"remove"]("mm-sectionindexer--active")})})},setSelected:function(){this.opts.setSelected=this.opts.setSelected||{};const e=a(this.opts.setSelected,de);if("detect"==e.current){const e=t=>{t=t.split("?")[0].split("#")[0];const n=this.node.menu.querySelector('a[href="'+t+'"], a[href="'+t+'/"]');if(n)this.setSelected(n.parentElement);else{const n=t.split("/").slice(0,-1);n.length&&e(n.join("/"))}};this.bind("initMenu:after",()=>{e.call(this,window.location.href)})}else e.current||this.bind("initListview:after",e=>{_(e,".mm-listitem--selected").forEach(e=>{e.classList.remove("mm-listitem--selected")})});e.hover&&this.bind("initMenu:after",()=>{this.node.menu.classList.add("mm-menu--selected-hover")}),e.parent&&(this.bind("openPanel:after",e=>{L(this.node.pnls,".mm-listitem--selected-parent").forEach(e=>{e.classList.remove("mm-listitem--selected-parent")});let t=e;for(;t;){let e=L(this.node.pnls,"#"+t.dataset.mmParent)[0];t=null==e?void 0:e.closest(".mm-panel"),e&&!e.matches(".mm-listitem--vertical")&&e.classList.add("mm-listitem--selected-parent")}}),this.bind("initMenu:after",()=>{this.node.menu.classList.add("mm-menu--selected-parent")}))},sidebar:function(){if(!this.opts.offCanvas.use)return;this.opts.sidebar=this.opts.sidebar||{};const e=a(this.opts.sidebar,he);if(e.collapsed.use){this.bind("initMenu:after",()=>{this.node.menu.classList.add("mm-menu--sidebar-collapsed")});let t=()=>{this.node.wrpr.classList.add("mm-wrapper--sidebar-collapsed")},n=()=>{this.node.wrpr.classList.remove("mm-wrapper--sidebar-collapsed")};"boolean"==typeof e.collapsed.use?this.bind("initMenu:after",t):M(e.collapsed.use,t,n)}if(e.expanded.use){this.bind("initMenu:after",()=>{this.node.menu.classList.add("mm-menu--sidebar-expanded")});let t=!1,n=()=>{t=!0,this.node.wrpr.classList.add("mm-wrapper--sidebar-expanded"),this.node.menu.removeAttribute("aria-modal"),this.open(),O.node.page.removeAttribute("inert")},s=()=>{t=!1,this.node.wrpr.classList.remove("mm-wrapper--sidebar-expanded"),this.node.menu.setAttribute("aria-modal","true"),this.close()};"boolean"==typeof e.expanded.use?this.bind("initMenu:after",n):M(e.expanded.use,n,s),this.bind("close:after",()=>{t&&window.sessionStorage.setItem("mmenuExpandedState","closed")}),this.bind("open:after",()=>{t&&(window.sessionStorage.setItem("mmenuExpandedState","open"),O.node.page.removeAttribute("inert"))});let i=e.expanded.initial;const a=window.sessionStorage.getItem("mmenuExpandedState");switch(a){case"open":case"closed":i=a}"closed"===i&&this.bind("init:after",()=>{this.close()})}}};t.default=O;window&&(window.Mmenu=O)}]);

4

package.json
{
"name": "mmenu-js",
"version": "9.1.6",
"version": "9.2.0",
"main": "dist/mmenu.js",

@@ -37,3 +37,3 @@ "module": "src/mmenu.js",

"gulp-typescript": "^5.0.1",
"sass": "^1.37.5",
"sass": "^1.53.0",
"typescript": "^3.9.9",

@@ -40,0 +40,0 @@ "webpack-stream": "^5.2.1"

26

src/addons/counters/mmenu.counters.ts

@@ -56,3 +56,6 @@ import Mmenu from '../../core/oncanvas/mmenu.oncanvas';

/** The panel where the listview is in. */
const panel: HTMLDivElement = listview.closest('.mm-panel');
/** The parent LI for the panel */
const parent: HTMLLIElement = this.node.pnls.querySelector(`#${panel.dataset.mmParent}`);

@@ -64,10 +67,16 @@

/** The button inside the parent LI */
const button = DOM.children(parent, '.mm-btn')[0];
if (!button) {
return;
}
// Check if no counter already excists.
if (!DOM.find(parent, '.mm-counter').length) {
const ctr = DOM.create('span.mm-counter');
// @ts-ignore
ctr.ariaHidden = 'true';
const btn = DOM.children(parent, '.mm-btn')[0];
btn?.prepend(ctr);
if (!DOM.children(button, '.mm-counter').length) {
/** The counter for the listitem. */
const counter = DOM.create('span.mm-counter');
counter.setAttribute('aria-hidden', 'true');
button.prepend(counter);
}

@@ -79,6 +88,6 @@

// Count when LI classname changes.
this.bind('initListitem:after', (listitem: HTMLLIElement) => {
/** The panel where the listitem is in. */
const panel: HTMLDivElement = listitem.closest('.mm-panel');

@@ -89,2 +98,3 @@ if (!panel) {

/** The parent LI for the panel. */
const parent: HTMLLIElement = this.node.pnls.querySelector(`#${panel.dataset.mmParent}`);

@@ -91,0 +101,0 @@ if (!parent) {

71

src/addons/iconpanels/mmenu.iconpanels.ts

@@ -28,38 +28,4 @@ import Mmenu from '../../core/oncanvas/mmenu.oncanvas';

this.bind('initPanel:after', panel => {
panel.tabIndex = -1;
});
// Keyboard navigation
this.bind('initPanels:after', () => {
document.addEventListener('keyup', evnt => {
// When tabbing inside the menu
if (evnt.key === 'Tab' &&
document.activeElement?.closest('.mm-menu') === this.node.menu
) {
/** panel where focus is in. */
const panel = document.activeElement.closest('.mm-panel') as HTMLElement;
// Tabbing in a parent-panel.
if (!document.activeElement.matches('.mm-panel__blocker') &&
panel?.matches('.mm-panel--parent')
) {
// backward tabbing: focus blocker.
if (evnt.shiftKey) {
DOM.children(panel, '.mm-panel__blocker')[0].focus();
// forward tabbing: focus opened panel.
} else {
DOM.children(this.node.pnls, '.mm-panel--opened')[0].focus();
}
}
}
});
});
/** The classnames that can be set to a panel */
const classnames = [
'mm-panel--iconpanel-first',
'mm-panel--iconpanel-0',

@@ -74,3 +40,3 @@ 'mm-panel--iconpanel-1',

this.bind('initMenu:after', () => {
DOM.children(this.node.pnls, '.mm-panel')[0]?.classList.add(classnames[0]);
DOM.children(this.node.pnls, '.mm-panel')[0]?.classList.add('mm-panel--iconpanel-first');
});

@@ -84,3 +50,3 @@

// Do nothing when opening a vertical submenu
if (panel.parentElement.matches('.mm-listitem--vertical')) {
if (panel.closest('.mm-listitem--vertical')) {
return;

@@ -104,4 +70,4 @@ }

panels.forEach((panel, p) => {
panel.classList.remove(...classnames);
panel.classList.add('mm-panel--iconpanel-' + p);
panel.classList.remove('mm-panel--iconpanel-first', ...classnames);
panel.classList.add(`mm-panel--iconpanel-${p}`);
});

@@ -111,24 +77,11 @@ });

this.bind('initPanel:after', (panel: HTMLElement) => {
if (
options.blockPanel &&
!panel.parentElement.matches('.mm-listitem--vertical') &&
!DOM.children(panel, '.mm-panel__blocker')[0]
) {
const blocker = DOM.create('a.mm-blocker.mm-panel__blocker') as HTMLAnchorElement;
blocker.href = `#${panel.closest('.mm-panel').id}`;
blocker.title = this.i18n(this.conf.screenReader.closeSubmenu);
panel.prepend(blocker);
}
});
// Block / unblock
this.bind('openPanel:after', (panel: HTMLElement) => {
DOM.children(this.node.pnls, '.mm-panel').forEach(panel => {
const blocker = DOM.children(panel, '.mm-panel__blocker')[0];
blocker?.classList[panel.matches('.mm-panel--parent') ? 'add' : 'remove']('mm-blocker--blocking');
});
});
// this.bind('initPanel:after', (panel: HTMLElement) => {
// if (!panel.closest('.mm-listitem--vertical') &&
// !DOM.children(panel, '.mm-panel__blocker')[0]
// ) {
// const blocker = DOM.create('div.mm-blocker.mm-panel__blocker') as HTMLElement;
// panel.prepend(blocker);
// }
// });
}
}

2

src/addons/navbars/navbar.close.ts

@@ -7,3 +7,3 @@ import Mmenu from '../../core/oncanvas/mmenu.oncanvas';

const close = DOM.create('a.mm-btn.mm-btn--close.mm-navbar__btn') as HTMLAnchorElement;
close.title = this.i18n(this.conf.offCanvas.screenReader.closeMenu);
close.setAttribute('aria-label', this.i18n(this.conf.offCanvas.screenReader.closeMenu));

@@ -10,0 +10,0 @@ // Add the button to the navbar.

54

src/addons/searchfield/mmenu.searchfield.ts

@@ -276,3 +276,3 @@ import Mmenu from '../../core/oncanvas/mmenu.oncanvas';

reset.type = 'reset';
reset.title = this.i18n('Clear searchfield');
reset.setAttribute('aria-label', this.i18n('Clear searchfield'));

@@ -296,3 +296,3 @@ field.append(reset);

cancel.href = '#';
cancel.title = this.i18n('Cancel searching');
cancel.setAttribute('aria-label', this.i18n('Cancel searching'));
cancel.textContent = this.i18n('cancel');

@@ -333,3 +333,3 @@

let searchIn = resultspanel.matches('.mm-panel--search')
? DOM.find(this.node.pnls, options.searchIn)
? DOM.children(this.node.pnls, options.searchIn)
: [resultspanel];

@@ -346,2 +346,12 @@

if (query.length) {
form.classList.add('mm-searchfield--searching');
} else {
form.classList.remove('mm-searchfield--searching');
}
if (!options.search) {
return;
}
/** All listitems */

@@ -362,4 +372,2 @@ const listitems = [];

this.trigger('search:before');
form.classList.add('mm-searchfield--searching');
resultspanel.classList.add('mm-panel--searching');

@@ -397,3 +405,2 @@

form.classList.remove('mm-searchfield--searching');
resultspanel.classList.remove('mm-panel--searching', 'mm-panel--noresults');

@@ -437,3 +444,3 @@

searchIn.forEach((panel) => {
searchIn.forEach(panel => {
/** The results in this panel. */

@@ -456,3 +463,4 @@ const results = DOM.find(panel, `[data-mm-searchresult="${query}"]`);

results.forEach((result) => {
listview.append(result.cloneNode(true) as HTMLElement);
const clone = result.cloneNode(true) as HTMLElement;
listview.append(clone);
});

@@ -462,2 +470,19 @@ }

// Remove inline subpanels.
DOM.find(listview, '.mm-panel').forEach(panel => {
panel.remove();
});
// Remove ID's and data-attributes
['id', 'data-mm-parent', 'data-mm-child'].forEach(attr => {
DOM.find(listview, `[${attr}]`).forEach(elem => {
elem.removeAttribute(attr);
});
});
// Remove "opened" class
DOM.find(listview, '.mm-listitem--opened').forEach(listitem => {
listitem.classList.remove('mm-listitem--opened');
});
return count;

@@ -483,5 +508,6 @@ }

searchIn.forEach((panel) => {
searchIn.forEach(panel => {
/** The results in this panel. */
const results = DOM.find(panel, `[data-mm-searchresult="${query}"]`);
count += results.length;

@@ -501,3 +527,11 @@

DOM.find(panel, '.mm-listitem, .mm-divider').forEach(item => {
item.classList[ item.dataset.mmSearchresult === query ? 'remove' : 'add']('mm-hidden');
// Hide all
item.classList.add('mm-hidden');
// Show matching + its parents.
if (item.dataset.mmSearchresult === query) {
[item, ...DOM.parents(item, '.mm-listitem')].forEach(item2 => {
item2.classList.remove('mm-hidden');
});
}
});

@@ -504,0 +538,0 @@ });

1

src/addons/searchfield/options.ts

@@ -6,2 +6,3 @@ const options: mmOptionsSearchfield = {

placeholder: 'Search',
search: true,
searchIn: 'panels',

@@ -8,0 +9,0 @@ splash: '',

3

src/addons/searchfield/typings.d.ts

@@ -16,2 +16,5 @@ /** Options for the searchfield add-on. */

/** Whether or not to search. */
search?: boolean
/** QuerySelector for the panels to search in. */

@@ -18,0 +21,0 @@ searchIn?: string

46

src/addons/sidebar/mmenu.sidebar.ts

@@ -23,42 +23,15 @@ import Mmenu from '../../core/oncanvas/mmenu.oncanvas';

this.node.menu.classList.add('mm-menu--sidebar-collapsed');
if (
options.collapsed.blockMenu &&
!this.node.blck
) {
const blocker = DOM.create('a.mm-menu__blocker.mm-blocker');
blocker.setAttribute('href', `#${this.node.menu.id}`);
this.node.blck = blocker;
this.node.menu.prepend(blocker);
// Add screenreader support
blocker.title = this.i18n(this.conf.offCanvas.screenReader.openMenu);
}
});
const blockMenu = () => {
if (this.node.wrpr.matches('.mm-wrapper--sidebar-collapsed')) {
this.node.blck?.classList.add('mm-blocker--blocking');
}
}
const unblockMenu = () => {
this.node.blck?.classList.remove('mm-blocker--blocking');
}
this.bind('open:after', unblockMenu);
this.bind('close:after', blockMenu);
// En-/disable the collapsed sidebar.
/** Enable the collapsed sidebar */
let enable = () => {
this.node.wrpr.classList.add('mm-wrapper--sidebar-collapsed');
blockMenu();
};
/** Disable the collapsed sidebar */
let disable = () => {
this.node.wrpr.classList.remove('mm-wrapper--sidebar-collapsed');
unblockMenu();
};
if (typeof options.collapsed.use == 'boolean') {
if (typeof options.collapsed.use === 'boolean') {
this.bind('initMenu:after', enable);

@@ -79,13 +52,19 @@ } else {

// En-/disable the expanded sidebar.
/** Enable the expanded sidebar */
let enable = () => {
expandedEnabled = true;
this.node.wrpr.classList.add('mm-wrapper--sidebar-expanded');
this.node.menu.removeAttribute('aria-modal');
this.open();
Mmenu.node.page.removeAttribute('inert');
};
/** Disable the expanded sidebar */
let disable = () => {
expandedEnabled = false;
this.node.wrpr.classList.remove('mm-wrapper--sidebar-expanded');
this.node.menu.setAttribute('aria-modal', 'true');
this.close();
};
if (typeof options.expanded.use == 'boolean') {

@@ -107,2 +86,3 @@ this.bind('initMenu:after', enable);

window.sessionStorage.setItem('mmenuExpandedState', 'open');
Mmenu.node.page.removeAttribute('inert');
}

@@ -122,3 +102,3 @@ });

if (initialState == 'closed') {
if (initialState === 'closed') {
this.bind('init:after', () => {

@@ -125,0 +105,0 @@ this.close();

1

src/addons/sidebar/options.ts
const options: mmOptionsSidebar = {
collapsed: {
use: false,
blockMenu: true
},

@@ -6,0 +5,0 @@ expanded: {

3

src/addons/sidebar/typings.d.ts

@@ -14,5 +14,2 @@ /** Options for the sidebar add-on. */

use?: boolean | string | number;
/** Whether or not to block the collapsed menu from interaction. */
blockMenu?: boolean;
}

@@ -19,0 +16,0 @@

91

src/core/offcanvas/mmenu.offcanvas.ts

@@ -12,2 +12,11 @@ import Mmenu from './../oncanvas/mmenu.oncanvas';

const possiblePositions = [
'left',
'left-front',
'right',
'right-front',
'top',
'bottom'
];
export default function (this: Mmenu) {

@@ -26,16 +35,8 @@

const positions = [
'left',
'left-front',
'right',
'right-front',
'top',
'bottom'
];
if (!positions.includes(options.position)) {
options.position = positions[0];
if (!possiblePositions.includes(options.position)) {
options.position = possiblePositions[0];
}
// Add methods to the API.
this._api.push('open', 'close', 'setPage');
this._api.push('open', 'close', 'setPage', 'position');

@@ -59,3 +60,2 @@ // Clone menu and prepend it to the <body>.

this.node.wrpr = document.querySelector(configs.menu.insertSelector);
this.node.wrpr.classList.add(`mm-wrapper--position-${options.position}`);

@@ -73,7 +73,5 @@ // Prepend to the <body>

blocker.id = uniqueId();
blocker.title = this.i18n(configs.screenReader.closeMenu);
blocker.setAttribute('aria-label', this.i18n(configs.screenReader.closeMenu));
blocker.setAttribute('inert', 'true');
// Make the blocker able to receive focus.
blocker.tabIndex = 0;
// Append the blocker node to the body.

@@ -93,4 +91,10 @@ document.querySelector(configs.menu.insertSelector).append(blocker);

// Setup the menu.
this.node.menu.classList.add('mm-menu--offcanvas', `mm-menu--position-${options.position}`);
this.node.menu.classList.add('mm-menu--offcanvas');
this.node.menu.setAttribute('inert', 'true');
if (possiblePositions.includes(options.position)) {
this.node.wrpr.classList.add(`mm-wrapper--position-${options.position}`);
this.node.menu.classList.add(`mm-menu--position-${options.position}`);
}
// Open if url hash equals menu id (usefull when user clicks the hamburger icon before the menu is created)

@@ -135,20 +139,2 @@ let hash = window.location.hash;

});
// Tabbing
document.addEventListener('focusin', (event: KeyboardEvent) => {
// Focus inside the menu -> open the menu
if (document.activeElement?.closest(`#${this.node.menu.id}`) &&
!this.node.menu.matches('.mm-menu--opened')
) {
this.open();
}
// Focus outside the menu -> close menu
if (!document.activeElement?.closest(`#${this.node.menu.id}`) &&
!this.node.wrpr.matches('.mm-wrapper--sidebar-expanded') &&
this.node.menu.matches('.mm-menu--opened')
) {
this.close();
}
});
}

@@ -159,3 +145,3 @@

*/
Mmenu.prototype.open = function (this: Mmenu) {
Mmenu.prototype.open = function(this: Mmenu) {
if (this.node.menu.matches('.mm-menu--opened')) {

@@ -169,9 +155,10 @@ return;

// Open
this.node.wrpr.classList.add('mm-wrapper--opened', `mm-wrapper--position-${this.opts.offCanvas.position}`);
this.node.menu.classList.add('mm-menu--opened');
this.node.wrpr.classList.add('mm-wrapper--opened');
Mmenu.node.blck.classList.add('mm-blocker--blocking');
this.node.menu.removeAttribute('inert');
Mmenu.node.blck.removeAttribute('inert');
Mmenu.node.page.setAttribute('inert', 'true');
// Focus the menu.
// Store the last focesed element.
this.node.open = document.activeElement as HTMLElement;
this.node.menu.focus();

@@ -182,3 +169,7 @@ // Invoke "after" hook.

Mmenu.prototype.close = function (this: Mmenu) {
/**
* Close the menu.
*/
Mmenu.prototype.close = function(this: Mmenu) {
if (!this.node.menu.matches('.mm-menu--opened')) {

@@ -191,8 +182,10 @@ return;

this.node.wrpr.classList.remove('mm-wrapper--opened', `mm-wrapper--position-${this.opts.offCanvas.position}`);
this.node.menu.classList.remove('mm-menu--opened');
this.node.wrpr.classList.remove('mm-wrapper--opened');
Mmenu.node.blck.classList.remove('mm-blocker--blocking');
this.node.menu.setAttribute('inert', 'true');
Mmenu.node.blck.setAttribute('inert', 'true');
Mmenu.node.page.removeAttribute('inert');
// Focus opening link or page.
const focus = this.node.open || document.querySelector(`[href="#${this.node.menu.id}"]`) || Mmenu.node.page || null;
/** Element to focus. */
const focus = this.node.open || document.querySelector(`[href="#${this.node.menu.id}"]`) || null;
(focus as HTMLElement)?.focus();

@@ -213,5 +206,6 @@

*/
Mmenu.prototype.setPage = function (this: Mmenu, page: HTMLElement) {
Mmenu.prototype.setPage = function(this: Mmenu, page: HTMLElement) {
var configs = this.conf.offCanvas;
/** Offcanvas config */
const configs = this.conf.offCanvas;

@@ -255,5 +249,2 @@ // If no page was specified, find it.

// Make the page able to receive focus.
page.tabIndex = -1;
// Set the classes

@@ -260,0 +251,0 @@ page.classList.add('mm-page', 'mm-slideout');

5

src/core/offcanvas/typings.d.ts
// Add-on options interface.
interface mmOptionsOffcanvas {
use?: boolean
position?: 'left' | 'left-front' | 'right' | 'right-front' | 'top' | 'bottom'
position?: mmOptionsOffcanvasPositions
}
/** Possible positions for the menu. */
type mmOptionsOffcanvasPositions = 'left' | 'left-front' | 'right' | 'right-front' | 'top' | 'bottom'
// Add-on configs interfaces.

@@ -8,0 +11,0 @@ interface mmConfigsOffcanvas {

63

src/core/oncanvas/mmenu.oncanvas.ts

@@ -56,2 +56,5 @@ import OPTIONS from './options';

hook: mmLooseObject;
/** Set the menu theme. */
theme: Function;

@@ -71,3 +74,3 @@ /** Log deprecated warnings when using the debugger. */

setPage: Function;
/**

@@ -148,5 +151,3 @@ * Create a mobile menu.

if (!panel.matches('.mm-panel')) {
panel = panel.closest('.mm-panel') as HTMLElement;
}
panel = panel.closest('.mm-panel') as HTMLElement;

@@ -159,6 +160,13 @@ // Invoke "before" hook.

/** Wrapping listitem (for a vertical panel) */
const listitem = panel.closest('.mm-listitem--vertical');
// Open a "vertical" panel.
if (panel.parentElement.matches('.mm-listitem--vertical')) {
panel.parentElement.classList.add('mm-listitem--opened');
if (listitem) {
listitem.classList.add('mm-listitem--opened');
/** The parent panel */
const parent = listitem.closest('.mm-panel') as HTMLElement;
this.openPanel(parent);
// Open a "horizontal" panel.

@@ -192,2 +200,9 @@ } else {

}
// Set inert attribute.
if (pnl === panel) {
pnl.removeAttribute('inert');
} else {
pnl.setAttribute('inert', 'true');
}
});

@@ -208,13 +223,2 @@

}
// Focus the panels.
if (setfocus) {
panel.focus();
// Prevent panels from scrolling due to focus.
panel.scrollLeft = 0;
this.node.pnls.scrollLeft = 0;
document.body.scrollLeft = 0;
document.documentElement.scrollLeft = 0;
}
}

@@ -449,6 +453,7 @@

// Make menu able to receive focus.
this.node.menu.tabIndex = -1;
this.node.menu.setAttribute('aria-label', this.i18n(this.opts.navbar.title || 'Menu'));
this.node.menu.setAttribute('aria-modal', 'true');
this.node.menu.setAttribute('role', 'dialog');
// All nodes in the menu.
/** All panel nodes in the menu. */
const panels = DOM.children(this.node.menu).filter((panel) =>

@@ -462,5 +467,2 @@ panel.matches(this.conf.panelNodetype.join(', '))

// Make panels able to receive focus.
// this.node.pnls.tabIndex = -1;
// Initiate all panel like nodes

@@ -566,3 +568,2 @@ panels.forEach((panel) => {

panel.classList.add('mm-panel');
panel.tabIndex = -1;

@@ -614,3 +615,3 @@ // Append to the panels node if not vertically expanding

this.node.pnls,
'#' + panel.dataset.mmParent
`#${panel.dataset.mmParent}`
)[0];

@@ -649,3 +650,3 @@

prev.href = `#${parentPanel.id}`;
prev.title = this.i18n(this.conf.screenReader.closeSubmenu);
prev.setAttribute('aria-label', this.i18n(this.conf.screenReader.closeSubmenu));

@@ -674,6 +675,4 @@ navbar.append(prev);

title.tabIndex = -1;
title.setAttribute('aria-hidden', 'true');
// @ts-ignore
title.ariaHidden = 'true';
switch (this.opts.navbar.titleLink) {

@@ -699,3 +698,3 @@ case 'anchor':

DOM.childText(opener) ||
(this.i18n(this.opts.navbar.title) || this.i18n('Menu'));
this.i18n(this.opts.navbar.title || 'Menu');

@@ -861,3 +860,3 @@ // Add to DOM

button.title = this.i18n(
button.setAttribute('aria-label', this.i18n(
this.conf.screenReader[

@@ -868,3 +867,3 @@ listitem.matches('.mm-listitem--vertical')

]
);
));
}

@@ -871,0 +870,0 @@

41

src/core/theme/mmenu.theme.ts
import Mmenu from '../../core/oncanvas/mmenu.oncanvas';
import OPTIONS from './options';
/** A list of available themes. */
const possibleThemes = [
'light',
'dark',
'white',
'black',
'light-contrast',
'dark-contrast',
'white-contrast',
'black-contrast'
];
export default function (this: Mmenu) {
this.opts.theme = this.opts.theme || OPTIONS;
const theme = this.opts.theme;
if (!possibleThemes.includes(theme)) {
this.opts.theme = possibleThemes[0];
}
this._api.push('theme');
this.bind('initMenu:after', () => {
this.node.menu.classList.add(`mm-menu--theme-${this.opts.theme}`);
this.theme(this.opts.theme);
});
}
/**
* Get or set the theme for the menu.
*
* @param {string} [position] The theme for the menu.
*/
Mmenu.prototype.theme = function(this: Mmenu, theme: mmOptionsTheme = null) {
/** The previously used theme */
const oldTheme = this.opts.theme;
if (theme) {
if (possibleThemes.includes(theme)) {
this.node.menu.classList.remove(`mm-menu--theme-${oldTheme}`);
this.node.menu.classList.add(`mm-menu--theme-${theme}`);
this.opts.theme = theme;
}
} else {
return oldTheme;
}
}

2

src/core/theme/options.ts

@@ -1,3 +0,3 @@

const options : string = 'light';
const options : mmOptionsTheme = 'light';
export default options;
demo/advanced.html

Sorry, the diff of this file is not supported yet

dist/addons/iconpanels/mmenu.iconpanels.css

Sorry, the diff of this file is not supported yet

dist/addons/sidebar/mmenu.sidebar.css

Sorry, the diff of this file is not supported yet

dist/core/offcanvas/mmenu.offcanvas.css

Sorry, the diff of this file is not supported yet

dist/core/oncanvas/mmenu.oncanvas.css

Sorry, the diff of this file is not supported yet

dist/mmenu.css

Sorry, the diff of this file is not supported yet

index.html

Sorry, the diff of this file is not supported yet

src/_mixins.scss

Sorry, the diff of this file is not supported yet

src/addons/iconpanels/mmenu.iconpanels.scss

Sorry, the diff of this file is not supported yet

src/addons/navbars/_breadcrumbs.scss

Sorry, the diff of this file is not supported yet

src/addons/searchfield/mmenu.searchfield.scss

Sorry, the diff of this file is not supported yet

src/addons/sidebar/mmenu.sidebar.scss

Sorry, the diff of this file is not supported yet

src/core/offcanvas/_positions.scss

Sorry, the diff of this file is not supported yet

src/core/offcanvas/mmenu.offcanvas.scss

Sorry, the diff of this file is not supported yet

src/core/oncanvas/_blocker.scss

Sorry, the diff of this file is not supported yet

src/core/oncanvas/_divider.scss

Sorry, the diff of this file is not supported yet

src/core/oncanvas/_listitem.scss

Sorry, the diff of this file is not supported yet

src/core/oncanvas/_menu.scss

Sorry, the diff of this file is not supported yet

src/core/oncanvas/_navbar.scss

Sorry, the diff of this file is not supported yet

src/core/oncanvas/_panel.scss

Sorry, the diff of this file is not supported yet

src/core/oncanvas/_toggle.scss

Sorry, the diff of this file is not supported yet

src/core/oncanvas/_vertical.scss

Sorry, the diff of this file is not supported yet

src/core/oncanvas/mmenu.oncanvas.scss

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

About

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc