feat(@vtmn/svelte): dispatch missing events on VtmnInput + export…

… ref on `VtmnIcon` (#1469)
Decathlon · Oct 19, 2023 · 61417fb · 61417fb
1 parent 4aa3ab8
commit 61417fb
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/packages/sources/svelte/src/components/forms/VtmnTextInput/VtmnTextInput.svelte b/packages/sources/svelte/src/components/forms/VtmnTextInput/VtmnTextInput.svelte
@@ -94,6 +94,9 @@
     on:change
     on:blur
     on:focus
+    on:keyup
+    on:keydown
+    on:keypress
     class={componentClass}
     {id}
     {disabled}
@@ -108,6 +111,9 @@
       on:change
       on:blur
       on:focus
+      on:keyup
+      on:keydown
+      on:keypress
       class={componentClass}
       type="text"
       {id}

diff --git a/packages/sources/svelte/src/guidelines/iconography/VtmnIcon/VtmnIcon.svelte b/packages/sources/svelte/src/guidelines/iconography/VtmnIcon/VtmnIcon.svelte
@@ -18,6 +18,11 @@
    */
   export let variant = undefined;
 
+  /**
+   * Target reference of the icon
+   */
+  export let ref = undefined;
+
   let className = undefined;
   /**
    * @type {string} Custom classes to apply to the component.
@@ -52,7 +57,12 @@
   }
 </script>
 
-<span class={componentClass} style={componentStyle} {...$$restProps} />
+<span
+  bind:this={ref}
+  class={componentClass}
+  style={componentStyle}
+  {...$$restProps}
+/>
 
 <style>
   @import '@vtmn/icons/dist/vitamix/font/vitamix.css';