layerchart 0.21.0 → 0.21.1

package/dist/components/TooltipContext.svelte

@@ -5,7 +5,7 @@ const defaultContext = writable({
     left: 0,
     data: null,
     show: () => { },
-    hide: () => { }
+    hide: () => { },
 });
 export function tooltipContext() {
     return getContext(tooltipContextKey) ?? defaultContext;
@@ -27,7 +27,6 @@ import { localPoint } from '../utils/event';
 import { isScaleBand, scaleInvert } from '../utils/scales';
 import { quadtreeRects } from '../utils/quadtree';
 import { createPropertySortFunc, createSortFunc } from 'svelte-ux/utils/sort';
-import { firstValue } from '../utils/rect';
 const dispatch = createEventDispatcher();
 const { flatData, x, xScale, xGet, xRange, y, yScale, yGet, yRange, width, height, padding } = getContext('LayerCake');
 /*
@@ -171,7 +170,7 @@ function showTooltip(event, tooltipData) {
             ...$tooltip,
             left: snapToDataX ? $xGet(tooltipData) + $padding.left : localX,
             top: snapToDataY ? $yGet(tooltipData) + $padding.top : localY,
-            data: tooltipData
+            data: tooltipData,
         };
     }
     else {
@@ -204,7 +203,7 @@ $: if (mode === 'quadtree') {
     quadtree = d3Quadtree()
         .extent([
         [0, 0],
-        [$width, $height]
+        [$width, $height],
     ])
         .x((d) => {
         const value = $xGet(d);
@@ -238,10 +237,10 @@ let rects = [];
 $: if (mode === 'bounds' || mode === 'band') {
     rects = $flatData
         .map((d) => {
-        const xValue = firstValue($xGet(d));
-        const yValue = firstValue($yGet(d));
-        const x = Array.isArray(xValue) ? min(xValue) : xValue;
-        const y = Array.isArray(yValue) ? max(yValue) : yValue;
+        const xValue = $xGet(d);
+        const yValue = $yGet(d);
+        const x = Array.isArray(xValue) ? xValue[0] : xValue;
+        const y = Array.isArray(yValue) ? yValue[0] : yValue;
         const xOffset = isScaleBand($xScale) ? ($xScale.padding() * $xScale.step()) / 2 : 0;
         const yOffset = isScaleBand($yScale) ? ($yScale.padding() * $yScale.step()) / 2 : 0;
         const fullWidth = max($xRange) - min($xRange);
@@ -253,7 +252,7 @@ $: if (mode === 'bounds' || mode === 'band') {
                 y: isScaleBand($yScale) ? y - yOffset : min($yRange),
                 width: isScaleBand($xScale) ? $xScale.step() : fullWidth,
                 height: isScaleBand($yScale) ? $yScale.step() : fullHeight,
-                data: d
+                data: d,
             };
         }
         else if (mode === 'bounds') {
@@ -271,7 +270,7 @@ $: if (mode === 'bounds' || mode === 'band') {
                     : isScaleBand($yScale)
                         ? $yScale.step()
                         : max($yRange) - y,
-                data: d
+                data: d,
             };
         }
     })

package/package.json

@@ -3,7 +3,7 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/layerchart",
-  "version": "0.21.0",
+  "version": "0.21.1",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build",