aleman 1.9.1 → 1.10.0

package/ChangeLog

@@ -1,3 +1,8 @@
+2025.09.14, v1.10.0
+
+feature:
+- d50edf7 aleman: menu: do not close menu when click on submenu name
+
 2025.09.14, v1.9.1
 
 feature:

package/menu/addons/click.js

@@ -1,6 +1,24 @@
+import jessy from 'jessy';
+import {getMenuPath} from './menu/get-menu-path.js';
+
+const isFn = (a) => typeof a === 'function';
+
 export const events = ['click'];
 
-export const filter = ({state}) => state.command === 'show';
+export const filter = ({event, state, options}) => {
+    const {menu} = options;
+    const menuPath = getMenuPath(event);
+    
+    if (!menuPath)
+        return true;
+    
+    const fn = jessy(menuPath, menu);
+    
+    if (!isFn(fn))
+        return false;
+    
+    return state.command === 'show';
+};
 
 export const listener = ({options, state}) => {
     options.beforeHide?.(state);
@@ -12,3 +30,4 @@ export const listener = ({options, state}) => {
         insideSubmenu: false,
     };
 };
+

package/menu/addons/item-click.js

@@ -1,12 +1,24 @@
 import jessy from 'jessy';
+import {getMenuPath as _getMenuPath} from './menu/get-menu-path.js';
+
+const isFn = (a) => typeof a === 'function';
 
 export const createItemClick = (name) => ({
     name,
     events: ['click'],
     listener,
+    filter,
 });
 
-const listener = ({event, options}) => {
+const filter = ({event, options, getMenuPath = _getMenuPath}) => {
+    const {menu} = options;
+    const menuPath = getMenuPath(event);
+    const fn = jessy(menuPath, menu);
+    
+    return isFn(fn);
+};
+
+const listener = ({event, options, getMenuPath = _getMenuPath}) => {
     const {menu} = options;
     const menuPath = getMenuPath(event);
     const fn = jessy(menuPath, menu);
@@ -21,12 +33,3 @@ const listener = ({event, options}) => {
     };
 };
 
-function getMenuPath(event) {
-    let menuItemElement = document.elementFromPoint(event.clientX, event.clientY);
-    const {menuPath} = menuItemElement.dataset;
-    
-    if (!menuPath)
-        menuItemElement = menuItemElement.querySelector('[data-menu-path]');
-    
-    return menuItemElement.dataset.menuPath;
-}

package/menu/addons/menu/get-menu-path.js

@@ -0,0 +1,13 @@
+export function getMenuPath(event) {
+    let menuItemElement = document.elementFromPoint(event.clientX, event.clientY);
+    const {menuPath} = menuItemElement.dataset;
+    
+    if (!menuPath)
+        menuItemElement = menuItemElement.querySelector('[data-menu-path]');
+    
+    if (!menuPath)
+        return '';
+    
+    return menuItemElement.dataset.menuPath;
+}
+

package/menu/menu.js

@@ -34,11 +34,10 @@ async function loadStyle() {
 }
 
 function createLink() {
-    const href = new URL('menu.css', import.meta.url).pathname;
     const link = document.createElement('link');
     
     link.rel = 'stylesheet';
-    link.href = href;
+    link.href = new URL('menu.css', import.meta.url).pathname;
     document.head.appendChild(link);
 }
 
@@ -116,4 +115,3 @@ async function tryToCatch(fn, args) {
         return [error];
     }
 }
-

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aleman",
-  "version": "1.9.1",
+  "version": "1.10.0",
   "type": "module",
   "author": "coderaiser <mnemonic.enemy@gmail.com> (https://github.com/coderaiser)",
   "description": "🐊Putout-based framework for web",