layerchart 0.75.0 → 0.75.1

package/dist/components/charts/AreaChart.svelte

@@ -374,12 +374,12 @@
             />
           {/each}
 
-          {#if stackSeries}
+          {#if stackSeries && visibleSeries.length > 1}
             <Tooltip.Separator {...props.tooltip?.separator} />
 
             <Tooltip.Item
               label="total"
-              value={sum(series, (s) => {
+              value={sum(visibleSeries, (s) => {
                 const seriesTooltipData = s.data ? s.data.find((d) => x(d) === x(data)) : data;
                 const valueAccessor = accessor(s.value ?? (s.data ? asAny(y) : s.key));
 

package/dist/components/tooltip/TooltipContext.svelte

@@ -171,18 +171,18 @@
 
     const referenceNode = (e.target as Element).closest('.layercake-container')!;
     const point = localPoint(referenceNode, e);
-    const localX = point?.x ?? 0;
-    const localY = point?.y ?? 0;
+    const pointerX = point?.x ?? 0;
+    const pointerY = point?.y ?? 0;
 
     if (
       // @ts-expect-error
-      e.offsetX < e.currentTarget?.offsetLeft ||
+      pointerX < e.currentTarget?.offsetLeft ||
       // @ts-expect-error
-      e.offsetX > e.currentTarget?.offsetLeft + e.currentTarget?.offsetWidth ||
+      pointerX > e.currentTarget?.offsetLeft + e.currentTarget?.offsetWidth ||
       // @ts-expect-error
-      e.offsetY < e.currentTarget?.offsetTop ||
+      pointerY < e.currentTarget?.offsetTop ||
       // @ts-expect-error
-      e.offsetY > e.currentTarget?.offsetTop + e.currentTarget?.offsetHeight
+      pointerY > e.currentTarget?.offsetTop + e.currentTarget?.offsetHeight
     ) {
       // Ignore if within padding of chart
       hideTooltip();
@@ -197,10 +197,10 @@
           let xValueAtPoint: any;
           if ($radial) {
             // Assume radial is always centered
-            const { radians } = cartesianToPolar(localX - $width / 2, localY - $height / 2);
+            const { radians } = cartesianToPolar(pointerX - $width / 2, pointerY - $height / 2);
             xValueAtPoint = scaleInvert($xScale, radians);
           } else {
-            xValueAtPoint = scaleInvert($xScale, localX - $padding.left);
+            xValueAtPoint = scaleInvert($xScale, pointerX - $padding.left);
           }
 
           const index = bisectX($flatData, xValueAtPoint, 1);
@@ -212,7 +212,7 @@
 
         case 'bisect-y': {
           // `y` value at pointer coordinate
-          const yValueAtPoint = scaleInvert($yScale, localY - $padding.top);
+          const yValueAtPoint = scaleInvert($yScale, pointerY - $padding.top);
 
           const index = bisectY($flatData, yValueAtPoint, 1);
           const previousValue = $flatData[index - 1];
@@ -223,8 +223,8 @@
 
         case 'bisect-band': {
           // `x` and `y` values at pointer coordinate
-          const xValueAtPoint = scaleInvert($xScale, localX);
-          const yValueAtPoint = scaleInvert($yScale, localY);
+          const xValueAtPoint = scaleInvert($xScale, pointerX);
+          const yValueAtPoint = scaleInvert($yScale, pointerY);
 
           if (isScaleBand($xScale)) {
             // Find point closest to pointer within the x band
@@ -251,7 +251,7 @@
         }
 
         case 'quadtree': {
-          tooltipData = quadtree.find(localX, localY, radius);
+          tooltipData = quadtree.find(pointerX, pointerY, radius);
           break;
         }
       }
@@ -264,8 +264,8 @@
 
       $tooltip = {
         ...$tooltip,
-        x: localX,
-        y: localY,
+        x: pointerX,
+        y: pointerY,
         data: tooltipData,
       };
     } else {

package/package.json

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