@rokkit/chart 1.0.4 → 1.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rokkit/chart",
-  "version": "1.0.4",
+  "version": "1.1.0",
   "type": "module",
   "description": "Data-driven chart components",
   "repository": {

package/src/crossfilter/FilterHistogram.svelte

@@ -136,11 +136,12 @@
 	{#if label}
 		<div data-filter-histogram-label>{label}</div>
 	{/if}
+	<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
 	<svg
 		{width}
 		{height}
 		style="display:block;cursor:crosshair;user-select:none"
-		role="img"
+		role="application"
 		aria-label="Histogram filter for {label || field}"
 		onmousedown={onMouseDown}
 		onmousemove={onMouseMove}

package/src/geoms/Candlestick.svelte

@@ -100,6 +100,7 @@
 				height={c.bodyHeight}
 				fill={c.fill}
 				data-plot-element="candle"
+				role="img"
 				onmouseenter={() => plotState.setHovered(c.data)}
 				onmouseleave={() => plotState.clearHovered()}
 			>

package/src/geoms/Heatmap.svelte

@@ -82,6 +82,7 @@
 				fill={cell.fill}
 				rx={rx}
 				data-plot-element="cell"
+				role="img"
 				onmouseenter={() => plotState.setHovered(cell.data)}
 				onmouseleave={() => plotState.clearHovered()}
 			>

package/src/geoms/Hexbin.svelte

@@ -106,6 +106,7 @@
 				stroke="white"
 				stroke-width="0.5"
 				data-plot-element="hex"
+				role="img"
 				onmouseenter={() => plotState.setHovered(h.data)}
 				onmouseleave={() => plotState.clearHovered()}
 			>

package/src/geoms/Ribbon.svelte

@@ -133,6 +133,7 @@
 				fill={link.fill}
 				opacity="0.5"
 				data-plot-element="ribbon"
+				role="img"
 				onmouseenter={() => plotState.setHovered(link.data)}
 				onmouseleave={() => plotState.clearHovered()}
 			>

package/src/geoms/Waterfall.svelte

@@ -91,6 +91,7 @@
 				height={bar.height}
 				fill={bar.fill}
 				data-plot-element="waterfall-bar"
+				role="img"
 				onmouseenter={() => plotState.setHovered(bar.data)}
 				onmouseleave={() => plotState.clearHovered()}
 			>