aleman 1.1.43 → 1.1.44

package/ChangeLog

@@ -1,3 +1,8 @@
+2025.09.02, v1.1.44
+
+feature:
+- b9af387 aleman: menu: element -> selector
+
 2025.09.01, v1.1.43
 
 feature:

package/menu/addons/context-menu.js

@@ -1,10 +1,19 @@
-export const events = [
+export const createContextMenu = (name) => {
+    return {
+        name,
+        events,
+        preventDefault,
+        listener,
+    };
+};
+
+const events = [
     'contextmenu',
 ];
 
-export const preventDefault = true;
+const preventDefault = true;
 
-export const listener = ({event, state, options}) => {
+const listener = ({event, state, options}) => {
     const {beforeShow} = options;
     
     const is = !beforeShow || beforeShow?.({

package/menu/addons/index.js

@@ -1,4 +1,3 @@
-import * as contextMenu from './context-menu.js';
 import * as click from './click.js';
 import * as escape from './escape.js';
 import * as down from './down.js';
@@ -6,7 +5,6 @@ import * as up from './up.js';
 import * as enter from './enter.js';
 
 export const addons = [
-    contextMenu,
     click,
     escape,
     down,

package/menu/hydrate-menu.js

@@ -6,19 +6,22 @@ import {createMouseEnter} from './addons/mouse-enter.js';
 import {createItemClick} from './addons/item-click.js';
 import * as contextMenu from './addons/context-menu.js';
 import * as click from './addons/click.js';
+import {createContextMenu} from './addons/context-menu.js';
 
 const {assign} = Object;
 
-export const hydrateMenu = (element, options, menu) => {
+export const hydrateMenu = (name, {hydrateElement, options, menu}) => {
     assign(options, {
         menu,
     });
     
     const state = initState(options);
-    const {run} = hydrate(element, {
+    const contextMenu = createContextMenu(name);
+    const {run} = hydrate(hydrateElement, {
         options,
         state,
         addons: [
+            contextMenu,
             createMouseEnter(options.name),
             createItemClick(options.name),
             ...addons,

package/menu/menu.js

@@ -1,6 +1,6 @@
 const {stringify} = JSON;
 
-export const createMenu = async (element, options, menuData) => {
+export const createMenu = async (elementName, options, menu) => {
     options.name = options.name || 'menu';
     const {name} = options;
     
@@ -12,7 +12,11 @@ export const createMenu = async (element, options, menuData) => {
     createStateElement(name);
     const {hydrateMenu} = await import('./hydrate-menu.js');
     
-    return hydrateMenu(hydrateElement, options, menuData);
+    return hydrateMenu(elementName, {
+        hydrateElement,
+        options,
+        menu,
+    });
 };
 
 async function createLink() {

package/package.json

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