@n8d/htwoo-core
Version:
hTWOo is a Fluent Design Framework purely in HTML and CSS
56 lines (33 loc) • 1.56 kB
JavaScript
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
typeof define === 'function' && define.amd ? define(['exports'], factory) :
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.htwoo = global.htwoo || {}, global.htwoo.nav = {})));
}(this, (function (exports) { 'use strict';
/** MENU ITEM */
const handleMenuItems = (event) => {
console.log(event);
let curNavItem = event.target;
let curNavMenu = curNavItem.closest('.hoo-navitem');
console.log(curNavMenu);
console.log(curNavMenu.getAttribute('aria-expanded'));
console.log(typeof curNavMenu.getAttribute('aria-expanded'));
console.log(" LOOMA ::: ",
curNavMenu.getAttribute('aria-expanded'),
Boolean(curNavMenu.getAttribute('aria-expanded')),
Boolean(curNavMenu.getAttribute('aria-expanded')) === true
);
if (curNavMenu.getAttribute('aria-expanded') === 'true') {
curNavMenu.setAttribute('aria-expanded', false);
} else {
curNavMenu.setAttribute('aria-expanded', true);
}
};
const initMenu = () => {
let menuItems = document.querySelectorAll('.hoo-navitem[aria-expanded]');
menuItems.forEach(item => {
item.addEventListener('click', handleMenuItems);
});
};
exports.initMenu = initMenu;
Object.defineProperty(exports, '__esModule', { value: true });
})));