@aquera/nile-elements 0.1.33-beta-1.0 → 0.1.33-beta-1.1

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent nile-elements following open-wc recommendations",
   "license": "MIT",
   "author": "nile-elements",
-  "version": "0.1.33-beta-1.0",
+  "version": "0.1.33-beta-1.1",
   "main": "dist/src/index.js",
   "type": "module",
   "module": "dist/src/index.js",

package/src/nile-menu/nile-menu.ts

@@ -31,6 +31,8 @@ export class NileMenu extends NileElement {
 
   @property({ type: Boolean }) showNoResults: boolean = false;
 
+  @property({ type: Boolean }) allowSpaceKey: boolean = false;
+
   @property({ type: String }) noResultsMessage: string = 'No results found';
 
   @query('slot:not([name])') defaultSlot!: HTMLSlotElement;
@@ -67,12 +69,6 @@ export class NileMenu extends NileElement {
   }
 
   private handleKeyDown(event: KeyboardEvent) {
-    const target = event.target as HTMLElement;
-
-    // Only handle keyboard shortcuts if NOT inside input, textarea, or contenteditable
-    if (target.closest('nile-input') || target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {
-      return; // Ignore handling space, arrows, etc.
-    }
 
     // Make a selection when pressing enter
     if (event.key === 'Enter') {
@@ -82,7 +78,7 @@ export class NileMenu extends NileElement {
     }
 
     // Prevent scrolling when space is pressed (ONLY if not typing)
-    if (event.key === ' ') {
+    if (!this.allowSpaceKey && event.key === ' ') {
       event.preventDefault();
     }
 
@@ -107,7 +103,7 @@ export class NileMenu extends NileElement {
         items[index].focus();
       }
     }
-}
+  }
 
 
   private handleMouseDown(event: MouseEvent) {

package/vscode-html-custom-data.json

@@ -2215,7 +2215,7 @@
     },
     {
       "name": "nile-menu",
-      "description": "An nile-menu element.\n\nEvents:\n\n  * `nile-select` {} - Emitted when a menu item is selected.\n\n  * `count-changed` {} - Indicates when the count changes\n\nSlots:\n\n  * ` ` {} - The menu's content, including menu items, menu labels, and dividers.\n\nAttributes:\n\n  * `searchEnabled` {`boolean`} - \n\n  * `customSearch` {`boolean`} - \n\n  * `showNoResults` {`boolean`} - \n\n  * `noResultsMessage` {`string`} - \n\nProperties:\n\n  * `styles` - \n\n  * `searchValue` {`string`} - \n\n  * `searchWidth` {`number`} - \n\n  * `searchEnabled` {`boolean`} - \n\n  * `customSearch` {`boolean`} - \n\n  * `showNoResults` {`boolean`} - \n\n  * `noResultsMessage` {`string`} - \n\n  * `defaultSlot` {`HTMLSlotElement`} - \n\n  * `hasSlotController` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "An nile-menu element.\n\nEvents:\n\n  * `nile-select` {} - Emitted when a menu item is selected.\n\n  * `count-changed` {} - Indicates when the count changes\n\nSlots:\n\n  * ` ` {} - The menu's content, including menu items, menu labels, and dividers.\n\nAttributes:\n\n  * `searchEnabled` {`boolean`} - \n\n  * `customSearch` {`boolean`} - \n\n  * `showNoResults` {`boolean`} - \n\n  * `allowSpaceKey` {`boolean`} - \n\n  * `noResultsMessage` {`string`} - \n\nProperties:\n\n  * `styles` - \n\n  * `searchValue` {`string`} - \n\n  * `searchWidth` {`number`} - \n\n  * `searchEnabled` {`boolean`} - \n\n  * `customSearch` {`boolean`} - \n\n  * `showNoResults` {`boolean`} - \n\n  * `allowSpaceKey` {`boolean`} - \n\n  * `noResultsMessage` {`string`} - \n\n  * `defaultSlot` {`HTMLSlotElement`} - \n\n  * `hasSlotController` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "searchEnabled",
@@ -2232,6 +2232,11 @@
           "description": "`showNoResults` {`boolean`} - \n\nProperty: showNoResults\n\nDefault: false",
           "valueSet": "v"
         },
+        {
+          "name": "allowSpaceKey",
+          "description": "`allowSpaceKey` {`boolean`} - \n\nProperty: allowSpaceKey\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "noResultsMessage",
           "description": "`noResultsMessage` {`string`} - \n\nProperty: noResultsMessage\n\nDefault: No results found"