@fundar/data-chart-telling 0.0.2 → 0.0.4

package/dist/layout/plot/PlotLayout.svelte

@@ -218,7 +218,7 @@
   </Plot>
 
   {#if tooltip && ctrl.showTooltip && ctrl.tooltipPosition}
-    <Tooltip x={ctrl.tooltipPosition.x} y={ctrl.tooltipPosition.y}>
+    <Tooltip x={ctrl.tooltipPosition?.x ?? 0} y={ctrl.tooltipPosition?.y ?? 0}>
       {#if tooltip.content}
         {@render tooltip.content({ rows: ctrl.matchedRows.map((p) => p.row) })}
       {:else}

package/dist/plots/markers/DeltaMarker.svelte

@@ -59,15 +59,27 @@
       ? Math.min(fromVis, toVis)
       : (fromVis + toVis) / 2;
   }
-</script>
 
-{#if resolved}
-  {@const fromVis = clamp(resolved.from)}
-  {@const toVis = clamp(resolved.to)}
-  {@const textPt = pt(resolved.at, textVaryCoord(fromVis, toVis))}
+  // Pre-derive all coordinates as script-level signals so prop getters read safe
+  // values during Svelte 5 teardown, before the {#if} guard finishes unmounting.
+  const coords = $derived.by(() => {
+    if (!resolved) return null;
+    const fromVis = clamp(resolved.from ?? 0);
+    const toVis = clamp(resolved.to ?? 0);
+    const at = resolved.at ?? 0;
+    return {
+      fromPt: pt(at, fromVis),
+      toPt: pt(at, toVis),
+      textPt: pt(at, textVaryCoord(fromVis, toVis)),
+      lineData: [pt(at, fromVis), pt(at, toVis)],
+      diff: resolved.diff ?? 0,
+    };
+  });
+</script>
 
+{#if coords}
   <Line
-    data={[pt(resolved.at, fromVis), pt(resolved.at, toVis)]}
+    data={coords.lineData}
     x={(p) => p.x}
     y={(p) => p.y}
     stroke={strokeStyle?.stroke ?? 'currentColor'}
@@ -77,19 +89,19 @@
     strokeLinecap={strokeStyle?.strokeLinecap ?? 'round'}
   />
   <DotMarker
-    x={pt(resolved.at, fromVis).x}
-    y={pt(resolved.at, fromVis).y}
+    x={coords?.fromPt?.x ?? 0}
+    y={coords?.fromPt?.y ?? 0}
     style={{ dotRadius: 4, dotFill: strokeStyle?.stroke, dotStroke: strokeStyle?.stroke, dotStrokeWidth: 2, ...dotStyle }}
   />
   <DotMarker
-    x={pt(resolved.at, toVis).x}
-    y={pt(resolved.at, toVis).y}
+    x={coords?.toPt?.x ?? 0}
+    y={coords?.toPt?.y ?? 0}
     style={{ dotRadius: 4, dotFill: strokeStyle?.stroke, dotStroke: strokeStyle?.stroke, dotStrokeWidth: 2, ...dotStyle }}
   />
   <TextMarker
-    x={textPt.x}
-    y={textPt.y}
-    text={(formatDiff ?? ((v: number) => v.toFixed(1)))(resolved.diff)}
+    x={coords?.textPt?.x ?? 0}
+    y={coords?.textPt?.y ?? 0}
+    text={(formatDiff ?? ((v: number) => v.toFixed(1)))(coords?.diff ?? 0)}
     style={{
       fontWeight: 'bold',
       fontSize: 14,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@fundar/data-chart-telling",
-	"version": "0.0.2",
+	"version": "0.0.4",
 	"type": "module",
 	"scripts": {
 		"build": "svelte-package",