fix(select): forward missing focus, input events #501

Fixes #501

COMPONENT_INDEX.md

@@ -3242,6 +3242,8 @@ None.
 | Event name | Type       | Detail              |
 | :--------- | :--------- | :------------------ |
 | change     | dispatched | <code>string</code> |
+| input      | forwarded  | --                  |
+| focus      | forwarded  | --                  |
 | blur       | forwarded  | --                  |
 
 ## `SelectItem`

docs/src/COMPONENT_API.json

@@ -9304,6 +9304,8 @@
       ],
       "events": [
         { "type": "dispatched", "name": "change", "detail": "string" },
+        { "type": "forwarded", "name": "input", "element": "select" },
+        { "type": "forwarded", "name": "focus", "element": "select" },
         { "type": "forwarded", "name": "blur", "element": "select" }
       ],
       "typedefs": [],

src/Select/Select.svelte

@@ -119,6 +119,8 @@
             on:change="{({ target }) => {
               selectedValue.set(target.value);
             }}"
+            on:input
+            on:focus
             on:blur
           >
             <slot />
@@ -160,6 +162,8 @@
           on:change="{({ target }) => {
             selectedValue.set(target.value);
           }}"
+          on:input
+          on:focus
           on:blur
         >
           <slot />

types/Select/Select.d.ts

@@ -99,6 +99,11 @@ export interface SelectProps
 
 export default class Select extends SvelteComponentTyped<
   SelectProps,
-  { change: CustomEvent<string>; blur: WindowEventMap["blur"] },
+  {
+    change: CustomEvent<string>;
+    input: WindowEventMap["input"];
+    focus: WindowEventMap["focus"];
+    blur: WindowEventMap["blur"];
+  },
   { default: {}; labelText: {} }
 > {}