add input event to Slider component

carbon-design-system · Jan 27, 2024 · 13fc203 · 13fc203
1 parent f1cafd4
commit 13fc203
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
@@ -11358,7 +11358,8 @@
         { "type": "forwarded", "name": "mouseover", "element": "div" },
         { "type": "forwarded", "name": "mouseenter", "element": "div" },
         { "type": "forwarded", "name": "mouseleave", "element": "div" },
-        { "type": "dispatched", "name": "change" }
+        { "type": "dispatched", "name": "change" },
+        { "type": "dispatched", "name": "input" }
       ],
       "typedefs": [],
       "rest_props": { "type": "Element", "name": "div" }

diff --git a/src/Slider/Slider.svelte b/src/Slider/Slider.svelte
@@ -105,6 +105,7 @@
     }
 
     value = nextValue;
+    dispatch("input", value);
   }
 
   $: labelId = `label-${id}`;

diff --git a/types/Slider/Slider.svelte.d.ts b/types/Slider/Slider.svelte.d.ts
@@ -131,6 +131,7 @@ export default class Slider extends SvelteComponentTyped<
     mouseenter: WindowEventMap["mouseenter"];
     mouseleave: WindowEventMap["mouseleave"];
     change: CustomEvent<any>;
+    input: CustomEvent<any>;
   },
   { labelText: {} }
 > {}
-Original file line number
+Diff line change
@@ Expand Up / @@ -105,6 +105,7 @@ @@
         }
         value = nextValue;
+        dispatch("input", value);
       }
       $: labelId = `label-${id}`;
@@ Expand Down @@