aleman 1.16.3 → 1.16.4

package/nemo/addons/j/fixture/j.js

@@ -0,0 +1,8 @@
+<ul data-name="menu" className="menu menu-hidden" style="left: 0px; top: 20px;">
+    <li data-name="menu-item" data-menu-index="0" className="menu-item icon icon-view menu-item-selected">
+        <label data-menu-path="View">View</label>
+    </li>
+    <li data-name="menu-item" data-menu-index="1" className="menu-item icon icon-edit">
+        <label data-menu-path="Edit">Edit</label>
+    </li>
+</ul>;

package/nemo/addons/j/fixture/m.js

@@ -0,0 +1,8 @@
+<ul data-name="menu" className="menu menu-hidden" style="left: 0px; top: 20px;">
+    <li data-name="menu-item" data-menu-index="0" className="menu-item icon icon-view">
+        <label data-menu-path="View">View</label>
+    </li>
+    <li data-name="menu-item" data-menu-index="1" className="menu-item icon icon-edit menu-item-selected">
+        <label data-menu-path="Edit">Edit</label>
+    </li>
+</ul>;

package/nemo/addons/j/fixture/submenu-fix.js

@@ -0,0 +1,8 @@
+<ul data-name="menu" className="menu" style="left: 0px; top: 20px;">
+    <li data-name="menu-item" data-menu-index="0" className="menu-item icon icon-view">
+        <label data-menu-path="View">View</label>
+    </li>
+    <li data-name="menu-item" data-menu-index="1" className="menu-item icon icon-edit menu-item-selected">
+        <label data-menu-path="Edit">Edit</label>
+    </li>
+</ul>;

package/nemo/addons/j/fixture/submenu-infinite-scroll-fix.js

@@ -0,0 +1,16 @@
+<ul data-name="menu" className="menu" style="left: 0px; top: 20px">
+    <li data-menu-path="Upload" data-name="menu-item" className="menu-item icon icon-view">
+        <label data-menu-path="Upload">Upload</label>
+    </li>
+    <li data-menu-path="New" className="menu-item icon icon-edit menu-submenu menu-submenu-show">
+        <label data-menu-path="New">New</label>
+        <ul data-name="menu" className="menu" style="left: 0px; top: 20px;">
+            <li data-menu-path="New.File" data-menu-index="0" data-name="menu-item" className="menu-item icon icon-view">
+                <label data-menu-path="New.File">File</label>
+            </li>
+            <li data-menu-path="New.Directory" data-menu-index="1" data-name="menu-item" className="menu-item icon icon-edit menu-item-selected">
+                <label data-menu-path="New.Directory">Directory</label>
+            </li>
+        </ul>
+    </li>
+</ul>;

package/nemo/addons/j/fixture/submenu-infinite-scroll.js

@@ -0,0 +1,16 @@
+<ul data-name="menu" className="menu" style="left: 0px; top: 20px">
+    <li data-menu-path="Upload" data-name="menu-item" className="menu-item icon icon-view">
+        <label data-menu-path="Upload">Upload</label>
+    </li>
+    <li data-menu-path="New" className="menu-item icon icon-edit menu-submenu menu-submenu-show menu-item-selected">
+        <label data-menu-path="New">New</label>
+        <ul data-name="menu" className="menu">
+            <li data-menu-path="New.File" data-menu-index="0" data-name="menu-item" className="menu-item icon icon-view">
+                <label data-menu-path="New.File">File</label>
+            </li>
+            <li data-menu-path="New.Directory" data-menu-index="1" data-name="menu-item" className="menu-item icon icon-edit menu-item-selected">
+                <label data-menu-path="New.Directory">Directory</label>
+            </li>
+        </ul>
+    </li>
+</ul>;

package/nemo/addons/j/fixture/submenu.js

@@ -0,0 +1,8 @@
+<ul data-name="menu" className="menu menu-hidden">
+    <li data-name="menu-item" data-menu-index="0" className="menu-item icon icon-view menu-item-selected">
+        <label data-menu-path="View">View</label>
+    </li>
+    <li data-name="menu-item" data-menu-index="1" className="menu-item icon icon-edit">
+        <label data-menu-path="Edit">Edit</label>
+    </li>
+</ul>;

package/nemo/addons/j/j.js

@@ -0,0 +1,10 @@
+import {updateState} from '../../state/state.js';
+
+export const filter = ({state}) => state.show;
+export const commands = ['j'];
+
+export function listener({count, state}) {
+    return updateState('down', state, {
+        count,
+    });
+}

package/nemo/addons/k/fixture/infinite-scroll-fix.js

@@ -0,0 +1,8 @@
+<ul data-name="menu" className="menu" style="left: 0px; top: 20px;">
+    <li data-name="menu-item" data-menu-index="0" className="menu-item icon icon-view">
+        <label data-menu-path="View">View</label>
+    </li>
+    <li data-name="menu-item" data-menu-index="1" className="menu-item icon icon-edit menu-item-selected">
+        <label data-menu-path="Edit">Edit</label>
+    </li>
+</ul>;

package/nemo/addons/k/fixture/infinite-scroll.js

@@ -0,0 +1,8 @@
+<ul data-name="menu" className="menu" style="left: 0px; top: 20px;">
+    <li data-name="menu-item" data-menu-index="0" className="menu-item icon icon-view menu-item-selected">
+        <label data-menu-path="View">View</label>
+    </li>
+    <li data-name="menu-item" data-menu-index="1" className="menu-item icon icon-edit">
+        <label data-menu-path="Edit">Edit</label>
+    </li>
+</ul>;

package/nemo/addons/k/fixture/k-fix.js

@@ -0,0 +1,8 @@
+<ul data-name="menu" className="menu" style="left: 0px; top: 20px;">
+    <li data-name="menu-item" data-menu-index="0" className="menu-item icon icon-view menu-item-selected">
+        <label data-menu-path="View">View</label>
+    </li>
+    <li data-name="menu-item" data-menu-index="1" className="menu-item icon icon-edit">
+        <label data-menu-path="Edit">Edit</label>
+    </li>
+</ul>;

package/nemo/addons/k/fixture/k.js

@@ -0,0 +1,8 @@
+<ul data-name="menu" className="menu menu-hidden" style="left: 0px; top: 20px;">
+    <li data-name="menu-item" data-menu-index="0" className="menu-item icon icon-view">
+        <label data-menu-path="View">View</label>
+    </li>
+    <li data-name="menu-item" data-menu-index="1" className="menu-item icon icon-edit menu-item-selected">
+        <label data-menu-path="Edit">Edit</label>
+    </li>
+</ul>;

package/nemo/addons/k/fixture/m.js

@@ -0,0 +1,8 @@
+<ul data-name="menu" className="menu menu-hidden" style="left: 0px; top: 20px;">
+    <li data-name="menu-item" data-menu-index="0" className="menu-item icon icon-view">
+        <label data-menu-path="View">View</label>
+    </li>
+    <li data-name="menu-item" data-menu-index="1" className="menu-item icon icon-edit menu-item-selected">
+        <label data-menu-path="Edit">Edit</label>
+    </li>
+</ul>;

package/nemo/addons/k/fixture/submenu-fix.js

@@ -0,0 +1,8 @@
+<ul data-name="menu" className="menu" style="left: 0px; top: 20px;">
+    <li data-name="menu-item" data-menu-index="0" className="menu-item icon icon-view">
+        <label data-menu-path="View">View</label>
+    </li>
+    <li data-name="menu-item" data-menu-index="1" className="menu-item icon icon-edit menu-item-selected">
+        <label data-menu-path="Edit">Edit</label>
+    </li>
+</ul>;

package/nemo/addons/k/fixture/submenu.js

@@ -0,0 +1,8 @@
+<ul data-name="menu" className="menu" style="left: 0px; top: 20px;">
+    <li data-name="menu-item" data-menu-index="0" className="menu-item icon icon-view menu-item-selected">
+        <label data-menu-path="View">View</label>
+    </li>
+    <li data-name="menu-item" data-menu-index="1" className="menu-item icon icon-edit">
+        <label data-menu-path="Edit">Edit</label>
+    </li>
+</ul>;

package/nemo/addons/k/k.js

@@ -0,0 +1,34 @@
+import * as up from '../up.js';
+
+export const {filter} = up;
+export const commands = ['k'];
+
+export function listener({count, state, options}) {
+    const {
+        insideSubmenu,
+        index,
+        submenuIndex,
+    } = state;
+    
+    let newIndex = insideSubmenu ? index : index - count + 1;
+    let newSubmenuIndex = insideSubmenu ? submenuIndex - count + 1 : submenuIndex;
+    
+    const {infiniteScroll} = options;
+    
+    if (newIndex <= 0)
+        newIndex = infiniteScroll ? -1 : 0;
+    
+    if (newSubmenuIndex < -1)
+        newSubmenuIndex = -1;
+    
+    const newState = {
+        ...state,
+        index: newIndex,
+        submenuIndex: newSubmenuIndex,
+    };
+    
+    return up.listener({
+        state: newState,
+        options,
+    });
+}

package/nemo/addons/left.js

@@ -0,0 +1,11 @@
+export const keys = [
+    'ArrowLeft',
+    'h',
+];
+export const preventDefault = true;
+
+export const listener = () => ({
+    submenuIndex: -1,
+    insideSubmenu: false,
+    showSubmenu: false,
+});

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

@@ -0,0 +1,12 @@
+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/nemo/addons/mouse-leave/fixture/mouse-enter-fix.js

@@ -0,0 +1,8 @@
+<ul data-name="menu" className="menu" style="left: 0px; top: 20px;">
+    <li data-name="menu-item" data-index="0" className="menu-item icon icon-view">
+        <label data-menu-path="View">View</label>
+    </li>
+    <li data-name="menu-item" className="menu-item icon icon-edit">
+        <label data-menu-path="Edit">Edit</label>
+    </li>
+</ul>;

package/nemo/addons/mouse-leave/fixture/mouse-enter.js

@@ -0,0 +1,8 @@
+<ul data-name="menu" className="menu" style="left: 0px; top: 20px;">
+    <li data-name="menu-item" data-index="0" className="menu-item icon icon-view menu-item-selected">
+        <label data-menu-path="View">View</label>
+    </li>
+    <li data-name="menu-item" className="menu-item icon icon-edit">
+        <label data-menu-path="Edit">Edit</label>
+    </li>
+</ul>;

package/nemo/addons/mouse-leave/fixture/unselect-all.js

@@ -0,0 +1,8 @@
+<ul data-name="menu" className="menu" style="left: 0px; top: 20px;">
+    <li data-name="menu-item" data-index="0" className="menu-item icon icon-view menu-item-selected">
+        <label data-menu-path="View">View</label>
+    </li>
+    <li data-name="menu-item" className="menu-item icon icon-edit">
+        <label data-menu-path="Edit">Edit</label>
+    </li>
+</ul>;

package/nemo/addons/mouse-leave/index.js

@@ -0,0 +1,10 @@
+export const createMouseEnter = (name) => ({
+    name,
+    events: ['mouseleave'],
+    listener: () => ({
+        index: -1,
+        showSubmenu: false,
+        insideSubmenu: false,
+        submenuIndex: 0,
+    }),
+});

package/nemo/addons/right.js

@@ -0,0 +1,23 @@
+import {getSubmenu} from './submenu/index.js';
+
+export const keys = [
+    'ArrowRight',
+    'l',
+];
+export const preventDefault = true;
+
+export const filter = ({state, options}) => {
+    const {index} = state;
+    const submenu = getSubmenu({
+        index,
+        options,
+    });
+    
+    return Object.keys(submenu).length;
+};
+
+export const listener = () => ({
+    submenuIndex: 0,
+    insideSubmenu: true,
+    showSubmenu: true,
+});

package/nemo/addons/run/index.js

@@ -0,0 +1,17 @@
+const isObject = (a) => a && typeof a === 'object';
+const {values} = Object;
+
+export const run = ({options, state}) => {
+    const {index, submenuIndex} = state;
+    const {menu} = options;
+    
+    const fn = values(menu)[index];
+    
+    if (isObject(fn) && submenuIndex === -1)
+        return [false];
+    
+    if (isObject(fn))
+        return [true, setTimeout(values(fn)[submenuIndex])];
+    
+    return [true, setTimeout(fn)];
+};

package/nemo/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/nemo/addons/set-position/set-position.js

@@ -0,0 +1,35 @@
+import {calculate} from './calculate.js';
+
+export const setPosition = (name, event) => {
+    const element = document.querySelector(`[data-name="${name}"]`);
+    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`;
+    
+    return {
+        position: {
+            x,
+            y,
+        },
+    };
+};
+
+function getMenuHeight(element) {
+    const {height} = getComputedStyle(element);
+    return parseInt(height, 10);
+}
+
+function getMenuWidth(element) {
+    const {width} = getComputedStyle(element);
+    return parseInt(width, 10);
+}

package/nemo/addons/shift-g/fixture/hide.js

@@ -0,0 +1,8 @@
+<ul data-name="menu" className="menu menu-hidden" style="left: 0px; top: 20px;">
+    <li data-name="menu-item" data-menu-index="0" className="menu-item icon icon-view">
+        <label data-menu-path="View">View</label>
+    </li>
+    <li data-name="menu-item" data-menu-index="1" className="menu-item icon icon-edit menu-item-selected">
+        <label data-menu-path="Edit">Edit</label>
+    </li>
+</ul>;

package/nemo/addons/shift-g/fixture/shift-g-fix.js

@@ -0,0 +1,8 @@
+<ul data-name="menu" className="menu" style="left: 0px; top: 20px;">
+    <li data-name="menu-item" data-menu-index="0" className="menu-item icon icon-view">
+        <label data-menu-path="View">View</label>
+    </li>
+    <li data-name="menu-item" data-menu-index="1" className="menu-item icon icon-edit menu-item-selected">
+        <label data-menu-path="Edit">Edit</label>
+    </li>
+</ul>;

package/nemo/addons/shift-g/fixture/shift-g.js

@@ -0,0 +1,8 @@
+<ul data-name="menu" className="menu menu-hidden" style="left: 0px; top: 20px;">
+    <li data-name="menu-item" data-menu-index="0" className="menu-item icon icon-view menu-item-selected">
+        <label data-menu-path="View">View</label>
+    </li>
+    <li data-name="menu-item" data-menu-index="1" className="menu-item icon icon-edit">
+        <label data-menu-path="Edit">Edit</label>
+    </li>
+</ul>;

package/nemo/addons/shift-g/shift-g.js

@@ -0,0 +1,41 @@
+import {getSubmenu} from '../submenu/index.js';
+
+export const keys = [
+    'G',
+    '$',
+];
+
+export const filter = ({state}) => state.command === 'show';
+
+export const preventDefault = true;
+
+export const listener = ({state, options}) => {
+    const {menu} = options;
+    let {
+        index,
+        insideSubmenu,
+        submenuIndex,
+    } = state;
+    
+    const menuValues = Object.values(menu);
+    
+    const submenu = getSubmenu({
+        index,
+        options,
+    });
+    
+    const submenuCount = Object.keys(submenu).length;
+    
+    if (insideSubmenu)
+        submenuIndex = submenuCount - 1;
+    else
+        index = menuValues.length - 1;
+    
+    const showSubmenu = submenuCount > 0;
+    
+    return {
+        index,
+        submenuIndex,
+        showSubmenu,
+    };
+};

package/nemo/addons/submenu/index.js

@@ -0,0 +1,12 @@
+const isObject = (a) => a && typeof a === 'object';
+
+export function getSubmenu({index, options}) {
+    const {menu} = options;
+    const currentName = Object.keys(menu)[index];
+    const submenu = menu[currentName];
+    
+    if (isObject(submenu))
+        return submenu;
+    
+    return {};
+}

package/nemo/addons/up.js

@@ -0,0 +1,42 @@
+import {getSubmenu} from './submenu/index.js';
+
+export const keys = ['ArrowUp'];
+
+export const preventDefault = true;
+export const filter = ({state}) => state.command === 'show';
+
+export const listener = ({state, options}) => {
+    const {menu, infiniteScroll} = options;
+    let {
+        index,
+        insideSubmenu,
+        submenuIndex,
+    } = state;
+    
+    const count = Object.keys(menu).length;
+    
+    if (insideSubmenu && submenuIndex > 0)
+        --submenuIndex;
+    
+    if (infiniteScroll && !index)
+        index = count - 1;
+    else if (!insideSubmenu && index > 0)
+        --index;
+    
+    if (index === -1)
+        index = count - 1;
+    
+    const submenu = getSubmenu({
+        index,
+        options,
+    });
+    
+    const submenuCount = Object.keys(submenu).length;
+    const showSubmenu = submenuCount > 0;
+    
+    return {
+        index,
+        submenuIndex,
+        showSubmenu,
+    };
+};

package/nemo/hydrate-menu.js

@@ -0,0 +1,47 @@
+import {rules} from './rules/index.js';
+import {hydrate} from '../aleman/index.js';
+import {createState} from './state/state.js';
+import {addons} from './addons/index.js';
+import {createMouseEnter} from './addons/mouse-leave/index.js';
+import {createItemClick} from './addons/item-click/item-click.js';
+import * as click from './addons/click/click.js';
+import {createContextMenu} from './addons/context-menu.js';
+import {setPosition} from './addons/set-position/set-position.js';
+
+const {assign} = Object;
+
+export const hydrateMenu = (elementName, {hydrateElement, options, menu}) => {
+    assign(options, {
+        menu,
+    });
+    
+    const {name} = options;
+    const state = createState(options);
+    const contextMenu = createContextMenu(elementName);
+    
+    const {run} = hydrate(hydrateElement, {
+        options,
+        state,
+        addons: [
+            contextMenu,
+            createMouseEnter(name),
+            createItemClick(name),
+            ...addons,
+        ],
+        rules,
+        afterHydrate: setPosition,
+        stateName: `aleman-state-${name}`,
+    });
+    
+    return {
+        show: (clientX, clientY) => {
+            const event = {
+                clientX,
+                clientY,
+            };
+            
+            run(event, contextMenu);
+        },
+        hide: () => run({}, click),
+    };
+};

package/nemo/importmap.js

@@ -0,0 +1,8 @@
+export const importmap = {
+    imports: {
+        'putout': 'https://esm.sh/@putout/bundle@4.7.6',
+        '@putout/processor-html': 'https://esm.sh/@putout/processor-html',
+        'fullstore': 'https://esm.sh/fullstore',
+        'jessy': 'https://esm.sh/jessy',
+    },
+};

package/nemo/menu.css

@@ -0,0 +1,65 @@
+.menu-hidden {
+    display: none;
+}
+
+.menu {
+    position            : absolute;
+    z-index             : 2;
+    padding             : 0;
+    font-size           : 14px;
+    list-style          : none;
+    color               : #222;
+    background          : rgb(255 255 255 / 90%);
+    border-color        : rgb(49 123 249 / 40%);
+    border-style        : solid;
+    border-width        : 1px;
+    border-radius       : 5px;
+    -webkit-user-select : none;
+    -moz-user-select    : none;
+    -ms-user-select     : none;
+    user-select         : none;
+}
+
+.menu-button {
+    background: white;
+    border: 0;
+}
+
+.menu-item {
+    position: relative;
+    padding: 3px 20px;
+    white-space: nowrap;
+}
+
+.menu-item::after {
+    content: attr(data-key);
+    float: right;
+}
+
+.menu-item:hover, .menu-item-selected {
+    background-color: #e3f2ff;
+}
+
+.menu-item > .menu {
+    top: 0;
+    left: 100%;
+    display: none;
+}
+
+.menu-submenu-show > .menu, .menu-item:hover > .menu  {
+    display: block;
+}
+
+.menu-submenu > label::after {
+    display: block;
+    float: right;
+    width: 0;
+    height: 0;
+    margin-top: 3px;
+    margin-right: -10px;
+    border-color: transparent;
+    border-left-color: rgb(49 123 249);
+    border-style: solid;
+    border-width: 5px 0 5px 5px;
+    content: ' ';
+}