@itrocks/menu 0.0.2 → 0.0.4

package/cjs/menu.d.ts

@@ -3,13 +3,16 @@ export declare class Menu {
     constructor(config?: Record<string, Record<string, string>>);
     loadConfig(config: Record<string, Record<string, string>>): void;
 }
-export declare class MenuBlock {
-    items: MenuItem[];
+declare class MenuCommons {
     title: string;
     constructor(title: string);
+    get class(): string;
+}
+export declare class MenuBlock extends MenuCommons {
+    items: MenuItem[];
 }
-export declare class MenuItem {
+export declare class MenuItem extends MenuCommons {
     link: string;
-    title: string;
     constructor(title: string, link: string);
 }
+export {};

package/cjs/menu.html

@@ -11,7 +11,7 @@
 
 	<ul>
 		<!--blocks-->
-		<li class="{title.toRoute}">
+		<li class="{class}">
 			<h3>{title.tr}</h3>
 			<ul>
 				<!--items-->

package/cjs/menu.js

@@ -19,20 +19,24 @@ class Menu {
     }
 }
 exports.Menu = Menu;
-class MenuBlock {
-    items = [];
+class MenuCommons {
     title;
     constructor(title) {
         this.title = title;
     }
+    get class() {
+        return this.title.toLowerCase().replace(/[^a-z0-9]/g, '-');
+    }
+}
+class MenuBlock extends MenuCommons {
+    items = [];
 }
 exports.MenuBlock = MenuBlock;
-class MenuItem {
+class MenuItem extends MenuCommons {
     link;
-    title;
     constructor(title, link) {
+        super(title);
         this.link = link;
-        this.title = title;
     }
 }
 exports.MenuItem = MenuItem;

package/css/menu.css

@@ -14,7 +14,7 @@ body > .app.menu > ul {
 }
 body > .app.menu > ul > li > h3 {
   background-color: #ddd;
-  background-position: 10px center;
+  background-position: 0.5em center;
   background-repeat: no-repeat;
   background-size: 24px;
   font-weight: normal;

package/package.json

@@ -3,12 +3,11 @@
 		"name": "Baptiste Pillot",
 		"email": "baptiste@pillot.fr"
 	},
-	"dependencies": {
-	},
+	"dependencies": {},
 	"description": "A flexible and accessible customizable main menu component with sidebar layout",
 	"devDependencies": {
 		"sass": "^1.83",
-		"typescript": "~5.6"
+		"typescript": "~5.8"
 	},
 	"engines": {
 		"node": ">=18"
@@ -47,5 +46,5 @@
 		"build:css": "sass --no-source-map src:css"
 	},
 	"types": "./cjs/menu.d.ts",
-	"version": "0.0.2"
+	"version": "0.0.4"
 }