aleman 1.0.12 → 1.0.14

package/lib/main.js

@@ -8,7 +8,7 @@ import menu from './globals/menu.js';
 import {hydrate} from './aleman/aleman.js';
 import {rules} from './rules/index.js';
 
-export function hydrateMenu() {
+export function hydrateMenu(element, options, menuData = menu) {
     const addons = [
         start,
         stop,

package/menu/main.js

@@ -0,0 +1,29 @@
+import * as menuClick from '../lib//addons/show-menu-click.js';
+import * as menuItemClick from '../lib/addons/menu-item-click.js';
+import * as menuMouseOver from '../lib/addons/menu-mouse-over.js';
+import menu from '../lib//globals/menu.js';
+import {hydrate} from '../lib/aleman/aleman.js';
+import {rules} from '../lib/rules/index.js';
+
+export function hydrateMenu(element, options, menuData = menu) {
+    const addons = [
+        menuClick,
+        menuItemClick,
+        menuMouseOver,
+    ];
+    
+    const globals = [...menu];
+    
+    const state = {
+        'menu-toggler': {
+            command: 'hide',
+        },
+    };
+    
+    hydrate({
+        state,
+        rules,
+        addons,
+        globals,
+    });
+}

package/menu/menu.js

@@ -1,25 +1,18 @@
-export const createMenu = async () => {
+export const createMenu = async (element, options, menuData) => {
     createHydrate();
     createMap();
     
-    await createLink();
-    const {hydrateMenu} = await import('../lib/main.js');
+    createLink();
+    const {hydrateMenu} = await import('./main.js');
     
-    hydrateMenu(hydrateMenu);
+    hydrateMenu();
 };
 
-async function createLink() {
-    const style = document.createElement('style');
-    const content = await import('https://esm.sh/aleman@1.0.12/menu/menu.css', {
-        with: {
-            type: 'css',
-        },
-    });
-    
-    for (const rule of content.default.cssRules) {
-        style.innerHTML += rule.cssText;
-    }
+function createLink() {
+    const style = document.createElement('link');
     
+    style.rel = 'stylesheet';
+    style.href = 'https://esm.sh/aleman@1.0.12/menu/menu.css';
     document.head.appendChild(style);
 }
 

package/package.json

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