@vbarbarosh/menu
Advanced tools
Comparing version 0.0.6 to 0.0.7
{ | ||
"author": "Vladimir Barbarosh", | ||
"name": "@vbarbarosh/menu", | ||
"version": "0.0.6", | ||
"version": "0.0.7", | ||
"description": "A small js for making menus", | ||
@@ -6,0 +6,0 @@ "license": "ISC", |
@@ -9,7 +9,7 @@ A small js for making menus | ||
<script src="https://unpkg.com/@vbarbarosh/menu@0.0.6/dist/menu.js"></script> | ||
<script src="https://unpkg.com/@vbarbarosh/menu@0.0.7/dist/menu.js"></script> | ||
## Usage in plain JavaScript | ||
<link href="https://unpkg.com/@vbarbarosh/menu@0.0.6/dist/theme-flat.css" rel="stylesheet"> | ||
<link href="https://unpkg.com/@vbarbarosh/menu@0.0.7/dist/theme-flat.css" rel="stylesheet"> | ||
@@ -37,3 +37,3 @@ <ul id="main" class="menu-flat"> | ||
<script src="https://unpkg.com/jquery@3.5.1/dist/jquery.js"></script> | ||
<script src="https://unpkg.com/@vbarbarosh/menu@0.0.6/dist/menu.js"></script> | ||
<script src="https://unpkg.com/@vbarbarosh/menu@0.0.7/dist/menu.js"></script> | ||
<script> | ||
@@ -40,0 +40,0 @@ menu(document.getElementById('main')) |
@@ -1,2 +0,2 @@ | ||
function contextmenu(menu, client_x, client_y) | ||
function contextmenu(elem, client_x, client_y) | ||
{ | ||
@@ -23,9 +23,9 @@ // 1. Create a backdrop element to intercept mouse events | ||
Array.from(menu.querySelectorAll('.open')).forEach(v => v.classList.remove('open')); | ||
menu.style.display = ''; | ||
menu.style.zIndex = '10001'; | ||
menu.addEventListener('click', menu_click); | ||
menu.addEventListener('mouseover', menu_mouseover); | ||
menu.addEventListener('contextmenu', menu_contextmenu); | ||
elem_move_root(menu, client_x, client_y); | ||
Array.from(elem.querySelectorAll('.open')).forEach(v => v.classList.remove('open')); | ||
elem.style.display = ''; | ||
elem.style.zIndex = '10001'; | ||
elem.addEventListener('click', menu_click); | ||
elem.addEventListener('mouseover', menu_mouseover); | ||
elem.addEventListener('contextmenu', menu_contextmenu); | ||
elem_move_root(elem, client_x, client_y); | ||
@@ -36,6 +36,6 @@ return {end, promise}; | ||
_resolve(retval); | ||
menu.style.display = 'none'; | ||
menu.removeEventListener('click', menu_click); | ||
menu.removeEventListener('mouseover', menu_mouseover); | ||
menu.removeEventListener('contextmenu', menu_contextmenu); | ||
elem.style.display = 'none'; | ||
elem.removeEventListener('click', menu_click); | ||
elem.removeEventListener('mouseover', menu_mouseover); | ||
elem.removeEventListener('contextmenu', menu_contextmenu); | ||
backdrop.removeEventListener('click', backdrop_click); | ||
@@ -74,3 +74,3 @@ backdrop.removeEventListener('contextmenu', backdrop_contextmenu); | ||
const ancestors = elem_ancestors(li); | ||
Array.from(menu.querySelectorAll('.open')).filter(v => !ancestors.includes(v)).forEach(v => v.classList.remove('open')); | ||
Array.from(elem.querySelectorAll('.open')).filter(v => !ancestors.includes(v)).forEach(v => v.classList.remove('open')); | ||
// Possibly open new submenu | ||
@@ -77,0 +77,0 @@ const submenu = Array.from(li.children).find(v => v.tagName == 'UL'); |
Mixed license
License(Experimental) Package contains multiple licenses.
Found 1 instance in 1 package
25619
12
549
1