deps: Update svelte version

Fix accessibility warnings:
- no role for canvas
- Custom legend items are now buttons (can be focused and react to keydown.enter event)

packages/visualizations/package.json

@@ -82,7 +82,7 @@
         "rollup-plugin-svelte": "^6.1.0",
         "rollup-plugin-terser": "^7.0.2",
         "rollup-plugin-visualizer": "^4.2.0",
-        "svelte": "^3.43.2",
+        "svelte": "^3.59.2",
         "svelte-check": "^2.2.7",
         "svelte-preprocess": "^4.9.8",
         "tslib": "^2.0.3",

packages/visualizations/src/components/Chart/Chart.svelte

@@ -246,7 +246,6 @@
         {/if}
         <figure class="chart legend--{legendPosition}">
             <canvas
-                role="img"
                 use:chartJs={chartConfig}
                 aria-describedby={options.description ? chartId : undefined}
             />

packages/visualizations/src/components/Legend/CategoryLegend/Item/CategoryLegendItem.svelte

@@ -8,6 +8,20 @@
     export let toggleSerie: (index: number) => void;
     export let refined: boolean;
 
+    function handleOnClick() {
+        if (item.onClick) {
+            toggleSerie(itemIndex);
+            item.onClick(itemIndex);
+        }
+    }
+
+    function handleOnKeyDown(e: KeyboardEvent) {
+        if (item.onClick && e.key === 'Enter') {
+            toggleSerie(itemIndex);
+            item.onClick(itemIndex);
+        }
+    }
+
     $: stringLabel =
         item.label &&
         (typeof item.label === 'string' ? item.label : item?.label?.text?.(itemIndex));
@@ -16,12 +30,10 @@
 <div
     class:refined
     style="--cursor-style: {item.onClick ? 'pointer' : 'default'};"
-    on:click={() => {
-        if (item.onClick) {
-            toggleSerie(itemIndex);
-            item.onClick?.(itemIndex);
-        }
-    }}
+    role="button"
+    tabindex={item.onClick ? 0 : -1}
+    on:click={handleOnClick}
+    on:keydown={handleOnKeyDown}
     on:mouseenter={() => {
         if (item.onHover) {
             item.onHover(itemIndex, !refined);