element-vir 26.6.0 → 26.7.0

package/dist/declarative-element/directives/listen-to-activate.d.ts

@@ -1,7 +1,15 @@
 import { type MaybePromise } from '@augment-vir/common';
 /**
- * Listens to enter, return, and space key hits on an element.
+ * Listens to enter, return, and space key hits on an element. Similar to {@link listenToEnter} but
+ * includes space.
  *
  * @category Directives
  */
 export declare function listenToActivate(callback: () => MaybePromise<void>): import("lit-html/directive.js").DirectiveResult<any>;
+/**
+ * Listens to enter and return key hits on an element. Similar to {@link listenToActivate} but
+ * doesn't include space.
+ *
+ * @category Directives
+ */
+export declare function listenToEnter(callback: () => MaybePromise<void>): import("lit-html/directive.js").DirectiveResult<any>;

package/dist/declarative-element/directives/listen-to-activate.js

@@ -1,6 +1,7 @@
 import { listen } from './listen.directive.js';
 /**
- * Listens to enter, return, and space key hits on an element.
+ * Listens to enter, return, and space key hits on an element. Similar to {@link listenToEnter} but
+ * includes space.
  *
  * @category Directives
  */
@@ -14,3 +15,19 @@ export function listenToActivate(callback) {
         }
     });
 }
+/**
+ * Listens to enter and return key hits on an element. Similar to {@link listenToActivate} but
+ * doesn't include space.
+ *
+ * @category Directives
+ */
+export function listenToEnter(callback) {
+    return listen('keydown', async (event) => {
+        const key = event.code.toLowerCase();
+        if (key.includes('enter') || key.includes('return')) {
+            event.stopImmediatePropagation();
+            event.preventDefault();
+            await callback();
+        }
+    });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "element-vir",
-    "version": "26.6.0",
+    "version": "26.7.0",
     "keywords": [
         "custom",
         "web",