@momentum-design/components 0.22.0 → 0.22.1

package/dist/components/input/input.component.d.ts

@@ -175,6 +175,12 @@ declare class Input extends Input_base {
    * @param event - Event which contains information about the value change.
    */
     private onChange;
+    /**
+     * Handles the keydown event of the input field.
+     * If the key pressed is 'Enter', it submits the form.
+     * @param event - Keyboard event
+     */
+    private handleKeyDown;
     /**
    * Renders the leading icon before the input field.
    * If the leading icon is not set, it will not be displayed.

package/dist/components/input/input.component.js

@@ -212,6 +212,17 @@ class Input extends DataAriaLabelMixin(ValueMixin(NameMixin(FormfieldWrapper)))
         const EventConstructor = event.constructor;
         this.dispatchEvent(new EventConstructor(event.type, event));
     }
+    /**
+     * Handles the keydown event of the input field.
+     * If the key pressed is 'Enter', it submits the form.
+     * @param event - Keyboard event
+     */
+    handleKeyDown(event) {
+        var _a;
+        if (event.key === 'Enter') {
+            (_a = this.internals.form) === null || _a === void 0 ? void 0 : _a.requestSubmit();
+        }
+    }
     /**
    * Renders the leading icon before the input field.
    * If the leading icon is not set, it will not be displayed.
@@ -319,6 +330,7 @@ class Input extends DataAriaLabelMixin(ValueMixin(NameMixin(FormfieldWrapper)))
             size=${ifDefined(this.size)}
             @input=${this.onInput}
             @change=${this.onChange}
+            @keydown=${this.handleKeyDown}
           />
         </slot>
        </div>

package/dist/custom-elements.json

@@ -3518,6 +3518,21 @@
               ],
               "description": "Handles the change event of the input field.\nUpdates the value and sets the validity of the input field.\n\nThe 'change' event does not bubble up through the shadow DOM as it was not composed.\nTherefore, we need to re-dispatch the same event to ensure it is propagated correctly.\nRead more: https://developer.mozilla.org/en-US/docs/Web/API/Event/composed"
             },
+            {
+              "kind": "method",
+              "name": "handleKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  },
+                  "description": "Keyboard event"
+                }
+              ],
+              "description": "Handles the keydown event of the input field.\nIf the key pressed is 'Enter', it submits the form."
+            },
             {
               "kind": "method",
               "name": "renderLeadingIcon",

package/package.json

@@ -36,5 +36,5 @@
     "lit": "^3.2.0",
     "uuid": "^11.0.5"
   },
-  "version": "0.22.0"
+  "version": "0.22.1"
 }