aleman 1.1.20 → 1.1.21

package/menu/addons/index.js

@@ -5,8 +5,6 @@ import * as down from './down.js';
 import * as up from './up.js';
 import * as f9 from './f9.js';
 import * as enter from './enter.js';
-import * as mouseEnter from './mouse-enter.js';
-import * as itemClick from './item-click.js';
 
 export const addons = [
     contextMenu,
@@ -16,6 +14,4 @@ export const addons = [
     up,
     f9,
     enter,
-    mouseEnter,
-    itemClick,
 ];

package/menu/addons/item-click.js

@@ -1,7 +1,10 @@
-export const name = 'menu';
-export const events = ['click'];
+export const createItemClick = (name) => ({
+    name,
+    events: ['click'],
+    listener,
+});
 
-export const listener = ({event, options}) => {
+const listener = ({event, options}) => {
     const menuItemElement = document.elementFromPoint(event.clientX, event.clientY);
     const name = menuItemElement.textContent.trim();
     const {menu} = options;

package/menu/addons/mouse-enter.js

@@ -1,5 +1,7 @@
-export const name = 'menu';
-export const events = ['mouseenter'];
-export const listener = () => ({
-    index: -1,
+export const createMouseEnter = (name) => ({
+    name,
+    events: ['mouseenter'],
+    listener: () => ({
+        index: -1,
+    }),
 });

package/menu/hydrate-menu.js

@@ -2,6 +2,8 @@ import {rules} from './rules/index.js';
 import {hydrate} from '../aleman/index.js';
 import {initState} from './state.js';
 import {addons} from './addons/index.js';
+import {createMouseEnter} from './addons/mouse-enter.js';
+import {createItemClick} from './addons/item-click.js';
 
 const {assign} = Object;
 
@@ -14,7 +16,11 @@ export const hydrateMenu = (element, options, menu) => {
     const {run} = hydrate(element, {
         options,
         state,
-        addons,
+        addons: [
+            createMouseEnter(options.name),
+            createItemClick(options.name),
+            ...addons,
+        ],
         rules,
         stateName: `aleman-state-${options.name}`,
     });

package/package.json

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