layerchart 0.43.2 → 0.43.3

package/dist/components/Highlight.svelte

@@ -142,31 +142,73 @@ $: if (highlightData) {
     }
     // points
     if (Array.isArray(xCoord)) {
-        // `x` accessor with multiple properties (ex. `x={['start', 'end']})`)
-        _points = xCoord.filter(notNull).map((xItem, i) => ({
-            x: xItem + xOffset,
-            y: $yGet(highlightData) + yOffset,
-            fill: $config.r ? $rGet(highlightData) : null,
-        }));
+        // `x` accessor with multiple properties (ex. `x={['start', 'end']}` or `x={[0, 1]}`)
+        if (Array.isArray(highlightData)) {
+            // Stack series  (ex. `y={[['apples', 'bananas', 'oranges']]})`)
+            // `highlightData` is a single stack layer/point, which is an 2 element array with an extra `data` property `[number, number, data: any]`.
+            const highlightSeriesPoint = highlightData;
+            // Ignore non-array data such as hierarchy and graph (make Typescript happy)
+            if (Array.isArray($contextData)) {
+                // For each series, find the related data point
+                const seriesPointsData = $contextData.map((series) => {
+                    return {
+                        series,
+                        point: series.find((d) => $y(d) === $y(highlightSeriesPoint)),
+                    };
+                });
+                _points = seriesPointsData.map((seriesPoint, i) => ({
+                    x: $xScale(seriesPoint.point[1]) + xOffset,
+                    y: yCoord + yOffset,
+                    fill: $config.r ? $rGet(seriesPoint.series) : null,
+                }));
+            }
+        }
+        else {
+            // Multi series / etc  (ex. `y={['apples', 'bananas', 'oranges']}`)
+            _points = xCoord.filter(notNull).map((xItem, i) => {
+                const $key = $config.x[i];
+                return {
+                    x: xItem + xOffset,
+                    y: $xGet(highlightData) + yOffset,
+                    // TODO: is there a better way to expose the series key/value?
+                    fill: $config.r ? $rGet({ ...highlightData, $key }) : null,
+                };
+            });
+        }
     }
-    else if (Array.isArray(highlightData)) {
-        // Stack series
-        // `highlightData` is a single stack layer/point, which is an 2 element array with an extra `data` property `[number, number, data: any]`.
-        const highlightSeriesPoint = highlightData;
-        // Ignore non-array data such as hierarchy and graph (make Typescript happy)
-        if (Array.isArray($contextData)) {
-            // For each series, find the related data point
-            const seriesPointsData = $contextData.map((series) => {
+    else if (Array.isArray(yCoord)) {
+        // `y` accessor with multiple properties (ex. `y={['apples', 'bananas', 'oranges']}` or `y={[0, 1]})
+        if (Array.isArray(highlightData)) {
+            // Stack series  (ex. `y={[['apples', 'bananas', 'oranges']]})`)
+            // `highlightData` is a single stack layer/point, which is an 2 element array with an extra `data` property `[number, number, data: any]`.
+            const highlightSeriesPoint = highlightData;
+            // Ignore non-array data such as hierarchy and graph (make Typescript happy)
+            if (Array.isArray($contextData)) {
+                // For each series, find the related data point
+                const seriesPointsData = $contextData.map((series) => {
+                    return {
+                        series,
+                        point: series.find((d) => $x(d) === $x(highlightSeriesPoint)),
+                    };
+                });
+                _points = seriesPointsData.map((seriesPoint, i) => ({
+                    x: xCoord + xOffset,
+                    y: $yScale(seriesPoint.point[1]) + yOffset,
+                    fill: $config.r ? $rGet(seriesPoint.series) : null,
+                }));
+            }
+        }
+        else {
+            // Multi series / etc  (ex. `y={['apples', 'bananas', 'oranges']}`)
+            _points = yCoord.filter(notNull).map((yItem, i) => {
+                const $key = $config.y[i];
                 return {
-                    series,
-                    point: series.find((d) => $x(d) === $x(highlightSeriesPoint)),
+                    x: $xGet(highlightData) + xOffset,
+                    y: yItem + yOffset,
+                    // TODO: is there a better way to expose the series key/value?
+                    fill: $config.r ? $rGet({ ...highlightData, $key }) : null,
                 };
             });
-            _points = seriesPointsData.map((seriesPoint, i) => ({
-                x: xCoord + xOffset,
-                y: $yScale(seriesPoint.point[1]) + yOffset,
-                fill: $config.r ? $rGet(seriesPoint.series) : null,
-            }));
         }
     }
     else {

package/package.json

@@ -4,7 +4,7 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/layerchart",
-  "version": "0.43.2",
+  "version": "0.43.3",
   "devDependencies": {
     "@changesets/cli": "^2.27.5",
     "@mdi/js": "^7.4.47",