aleman 1.12.3 → 1.12.4

package/ChangeLog

@@ -1,3 +1,8 @@
+2025.09.16, v1.12.4
+
+fix:
+- 870da2e aleman: menu: addons: set-position: clientX / 2
+
 2025.09.15, v1.12.3
 
 fix:

package/menu/addons/context-menu.js

@@ -1,4 +1,4 @@
-import {setPosition} from './set-position.js';
+import {setPosition} from './set-position/set-position.js';
 
 export const createContextMenu = (name) => ({
     name,

package/menu/addons/set-position/calculate.js

@@ -0,0 +1,28 @@
+export function calculate(event, sizes) {
+    let {clientX, clientY} = event;
+    const {
+        heightMenu,
+        widthMenu,
+        innerHeight,
+        innerWidth,
+    } = sizes;
+    
+    if (innerWidth < widthMenu + clientX + clientX / 2) {
+        clientX -= widthMenu;
+        
+        if (clientX < 0)
+            clientX = 0;
+    }
+    
+    if (innerHeight < heightMenu + clientY) {
+        clientY -= heightMenu;
+        
+        if (clientY < 0)
+            clientY = 0;
+    }
+    
+    return {
+        x: clientX,
+        y: clientY - 14,
+    };
+}

package/menu/addons/{set-position.js → set-position/set-position.js}

@@ -1,6 +1,17 @@
+import {calculate} from './calculate.js';
+
 export const setPosition = (name, event) => {
     const element = document.querySelector(`[data-name="${name}"]`);
-    const {x, y} = calculate(element, event);
+    const heightMenu = getMenuHeight(element);
+    const widthMenu = getMenuWidth(element);
+    const {innerHeight, innerWidth} = window;
+    
+    const {x, y} = calculate(event, {
+        heightMenu,
+        widthMenu,
+        innerWidth,
+        innerHeight,
+    });
     
     element.style.left = `${x}px`;
     element.style.top = `${y}px`;
@@ -13,32 +24,6 @@ export const setPosition = (name, event) => {
     };
 };
 
-function calculate(element, {clientX, clientY}) {
-    const heightMenu = getMenuHeight(element);
-    const widthMenu = getMenuWidth(element);
-    const heightInner = window.innerHeight;
-    const widthInner = window.innerWidth;
-    
-    if (widthInner < widthMenu + clientX) {
-        clientX -= widthMenu;
-        
-        if (clientX < 0)
-            clientX = 0;
-    }
-    
-    if (heightInner < heightMenu + clientY) {
-        clientY -= heightMenu;
-        
-        if (clientY < 0)
-            clientY = 0;
-    }
-    
-    return {
-        x: clientX,
-        y: clientY - 14,
-    };
-}
-
 function getMenuHeight(element) {
     const {height} = getComputedStyle(element);
     return parseInt(height, 10);

package/menu/hydrate-menu.js

@@ -6,7 +6,7 @@ import {createMouseEnter} from './addons/mouse-enter.js';
 import {createItemClick} from './addons/item-click.js';
 import * as click from './addons/click.js';
 import {createContextMenu} from './addons/context-menu.js';
-import {setPosition} from './addons/set-position.js';
+import {setPosition} from './addons/set-position/set-position.js';
 
 const {assign} = Object;
 

package/menu/rules/build-menu/index.js

@@ -8,7 +8,6 @@ const {
 
 const {entries} = Object;
 
-const noop = () => {};
 const isObject = (a) => a && typeof a === 'object';
 
 export const report = () => `Build menu`;
@@ -22,8 +21,8 @@ const createMenu = template(`
 `);
 
 const DefaultMenu = {
-    hello: noop,
-    world: noop,
+    hello: null,
+    world: null,
 };
 
 export const fix = ({path, menu, icon, name = ''}) => {

package/package.json

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