@rokkit/chart 1.0.3 → 1.0.4

package/package.json

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

package/src/ChartExporter.svelte

@@ -26,6 +26,7 @@
 	 * @param {SVGSVGElement} svg
 	 * @returns {SVGSVGElement}
 	 */
+	// eslint-disable-next-line complexity
 	function inlineStyles(svg) {
 		const clone = /** @type {SVGSVGElement} */ (svg.cloneNode(true))
 		const computed = getComputedStyle(svg)

package/src/PlotState.svelte.js

@@ -191,6 +191,7 @@ export class PlotState {
 	// use it instead of deriving distinct values from the local panel data.
 	colors = $derived.by(() => {
 		const field = this.#effectiveChannels.color
+		// eslint-disable-next-line svelte/prefer-svelte-reactivity
 		if (isLiteralColor(field)) return new Map([[null, { fill: field, stroke: field }]])
 		const values = this.#colorDomain ?? distinct(this.#data, field)
 		// No color channel but data exists → use first preset color for single-series rendering.

package/src/crossfilter/FilterHistogram.svelte

@@ -149,7 +149,7 @@
 	>
 		<g transform="translate({margin.left},{margin.top})">
 			<!-- Y axis ticks -->
-			{#each yTicks as tick}
+			{#each yTicks as tick (tick)}
 				<line
 					x1={0}
 					x2={innerWidth}
@@ -181,7 +181,7 @@
 			/>
 
 			<!-- X axis ticks -->
-			{#each xTicks as tick}
+			{#each xTicks as tick (tick)}
 				<text
 					x={xScale(tick)}
 					y={innerHeight + 12}
@@ -193,7 +193,7 @@
 			{/each}
 
 			<!-- Bars -->
-			{#each binned as b}
+			{#each binned as b (b.x0)}
 				{@const bx = xScale(b.x0) + 1}
 				{@const bw = Math.max(0, xScale(b.x1) - xScale(b.x0) - 1)}
 				{@const by = yScale(b.length)}

package/src/geoms/Hexbin.svelte

@@ -40,9 +40,11 @@
 	const continuousColor = $derived(plotState.continuousColorScale)
 
 	// Hex binning: group data points into hexagonal cells
+	// eslint-disable-next-line max-params, complexity
 	function hexBin(data, xField, yField, xScale, yScale, r) {
 		const dx = r * 2 * Math.sin(Math.PI / 3) // horizontal spacing
 		const dy = r * 1.5                        // vertical spacing
+		// eslint-disable-next-line svelte/prefer-svelte-reactivity
 		const bins = new Map()
 
 		for (const d of data) {

package/src/geoms/Ribbon.svelte

@@ -43,6 +43,7 @@
 	const innerWidth = $derived(plotState.innerWidth)
 
 	// Compute Sankey-style layout
+	// eslint-disable-next-line max-lines-per-function, complexity
 	const ribbons = $derived.by(() => {
 		if (!data?.length) return { links: [], sourceNodes: [], targetNodes: [] }
 
@@ -55,7 +56,9 @@
 		}))
 
 		// Compute node positions
+		// eslint-disable-next-line svelte/prefer-svelte-reactivity
 		const sourceMap = new Map()
+		// eslint-disable-next-line svelte/prefer-svelte-reactivity
 		const targetMap = new Map()
 		for (const f of flows) {
 			sourceMap.set(f.source, (sourceMap.get(f.source) ?? 0) + f.value)
@@ -86,11 +89,14 @@
 		}
 
 		// Build ribbon paths
+		// eslint-disable-next-line svelte/prefer-svelte-reactivity
 		const sourceOffsets = new Map(sourceNodes.map((n) => [n.name, n.y]))
+		// eslint-disable-next-line svelte/prefer-svelte-reactivity
 		const targetOffsets = new Map(targetNodes.map((n) => [n.name, n.y]))
 		const x0 = 0
 		const x1 = innerWidth
 
+		// eslint-disable-next-line complexity
 		const links = flows.map((f, i) => {
 			const sy0 = sourceOffsets.get(f.source) ?? 0
 			const ty0 = targetOffsets.get(f.target) ?? 0

package/src/geoms/Waterfall.svelte

@@ -42,6 +42,7 @@
 	const xScale = $derived(plotState.xScale)
 	const yScale = $derived(plotState.yScale)
 
+	// eslint-disable-next-line max-lines-per-function
 	const bars = $derived.by(() => {
 		if (!data?.length || !xScale || !yScale) return []
 		const bw = typeof xScale.bandwidth === 'function' ? xScale.bandwidth() : 10

package/src/lib/keyboard-nav.js

@@ -10,6 +10,7 @@
  * @param {boolean} enabled
  */
 export function keyboardNav(node, enabled) {
+	// eslint-disable-next-line complexity
 	function handleKeydown(e) {
 		if (!enabled) return
 		if (e.key !== 'ArrowLeft' && e.key !== 'ArrowRight') return