@fundar/data-chart-telling 0.0.40 → 0.0.42

package/dist/plots/line/Plot.svelte

@@ -21,7 +21,7 @@
 		validateSegments,
 		buildScopedMarkerGroups
 	} from '../utils/segments';
-	import type { BasePlotProps } from '../../types/plots/props';
+	import type { BasePlotProps, MarginConfig } from '../../types/plots/props';
 	import type { AxisValue, AxisBasedScalesConfig } from '../../types/layout/scales';
 	import type { Series, SeriesProps, DataProps } from '../../types/plots/data/common';
 	import type { GapsAwarePlotStylesConfig } from '../../types/layout/styles';
@@ -50,7 +50,7 @@
 		segments = {},
 		markers = [],
 		scales = {},
-		margins,
+		margins = $bindable(),
 		tooltip = undefined
 	}: Props = $props();
 
@@ -129,7 +129,9 @@
 		buildGapMarkers<TData>({
 			seriesList: resolvedSeries,
 			gaps,
-			colorFor: (seriesIndex) => paletteColor(seriesIndex, cfg.palette)
+			colorFor: (seriesIndex) => paletteColor(seriesIndex, cfg.palette),
+			disabledStrokeFor: (name) => disabledStrokeOverride(effectiveDisabledFor(name)),
+			disabledDotsFor: (name) => disabledDotsOverride(effectiveDisabledFor(name))
 		})
 	);
 
@@ -169,6 +171,26 @@
 		() => margins,
 		() => resolvedSeries
 	);
+
+	// Writes the resolved margin back into the bindable `margins` prop once it
+	// settles, so a caller binding it (`bind:margins`) can capture and reuse a
+	// fixed margin later. `lastWritten` is a plain variable (not `$state`) so
+	// the effect only depends on `resolvedMargins`, never on `margins` itself.
+	let lastWritten: MarginConfig | undefined;
+	$effect(() => {
+		const next = labelMargin.resolvedMargins;
+		if (!next) return;
+		const changed =
+			!lastWritten ||
+			next.top !== lastWritten.top ||
+			next.right !== lastWritten.right ||
+			next.bottom !== lastWritten.bottom ||
+			next.left !== lastWritten.left;
+		if (changed) {
+			lastWritten = { top: next.top, right: next.right, bottom: next.bottom, left: next.left };
+			margins = next;
+		}
+	});
 </script>
 
 <BasePlotLayout

package/dist/plots/line/Plot.svelte.d.ts

@@ -7,7 +7,7 @@ import type { LineMarkersConfig } from '../../types/markers/line';
 declare function $$render<TData extends Record<string, unknown>>(): {
     props: BasePlotProps<SeriesProps<TData> | DataProps<TData>, TData, GapsAwarePlotStylesConfig<LineSegmentStyle>, LineSegmentStyle, LineMarkersConfig, AxisBasedScalesConfig<TData>>;
     exports: {};
-    bindings: "";
+    bindings: "margins";
     slots: {};
     events: {};
 };
@@ -15,7 +15,7 @@ declare class __sveltets_Render<TData extends Record<string, unknown>> {
     props(): ReturnType<typeof $$render<TData>>['props'];
     events(): ReturnType<typeof $$render<TData>>['events'];
     slots(): ReturnType<typeof $$render<TData>>['slots'];
-    bindings(): "";
+    bindings(): "margins";
     exports(): {};
 }
 interface $$IsomorphicComponent {

package/dist/plots/line/buildGapMarkers.d.ts

@@ -2,6 +2,7 @@ import type { Series } from '../../types/plots/data/common';
 import type { GapsConfig } from '../../types/plots/gaps';
 import type { LineSegmentStyle } from '../../types/plots/segments/common';
 import type { LineMarkerConfig, DotMarkerConfig } from '../../types/markers/common';
+import type { StrokeStyle, DotStyle } from '../../types/plots/styling';
 /**
  * One `'line'` (+ `'dot'`, when its zone sets `style.dots`) marker per
  * detected, configured gap run across every series — the interpolated
@@ -12,10 +13,16 @@ import type { LineMarkerConfig, DotMarkerConfig } from '../../types/markers/comm
  * muted out of the box), so a gap-fill reads as estimated rather than real
  * data unless a zone or the global configuration overrides it. Dots (when
  * requested) are drawn only at a run's two endpoints, not along every
- * sampled bridge point.
+ * sampled bridge point. `disabledStrokeFor`/`disabledDotsFor` mirror
+ * `buildLineMarkers`'s own params — a legend-disabled (or hover-isolated)
+ * series must dim its gap bridge exactly like it dims the real line it's
+ * bridging, so both take the same precedence: disabled override, then the
+ * gap zone's own style, then the shared gap default.
  */
 export declare function buildGapMarkers<TData extends Record<string, unknown>>(args: {
     seriesList: Series<TData>[];
     gaps: GapsConfig<LineSegmentStyle>;
     colorFor: (seriesIndex: number) => string;
+    disabledStrokeFor: (seriesName: string) => StrokeStyle | undefined;
+    disabledDotsFor: (seriesName: string) => DotStyle | undefined;
 }): (LineMarkerConfig | DotMarkerConfig)[];

package/dist/plots/line/buildGapMarkers.js

@@ -12,10 +12,14 @@ const gy = (p) => p.y;
  * muted out of the box), so a gap-fill reads as estimated rather than real
  * data unless a zone or the global configuration overrides it. Dots (when
  * requested) are drawn only at a run's two endpoints, not along every
- * sampled bridge point.
+ * sampled bridge point. `disabledStrokeFor`/`disabledDotsFor` mirror
+ * `buildLineMarkers`'s own params — a legend-disabled (or hover-isolated)
+ * series must dim its gap bridge exactly like it dims the real line it's
+ * bridging, so both take the same precedence: disabled override, then the
+ * gap zone's own style, then the shared gap default.
  */
 export function buildGapMarkers(args) {
-    const { seriesList, gaps, colorFor } = args;
+    const { seriesList, gaps, colorFor, disabledStrokeFor, disabledDotsFor } = args;
     const cfg = getConfiguration();
     const gapDefaults = cfg.line.gap;
     const markers = [];
@@ -25,6 +29,8 @@ export function buildGapMarkers(args) {
         if (runs.length === 0)
             return;
         const defaultColor = colorFor(seriesIndex);
+        const disabledStroke = disabledStrokeFor(series.name);
+        const disabledDots = disabledDotsFor(series.name);
         for (const run of runs) {
             const strokeStyle = run.zone.style?.stroke;
             const dotStyle = run.zone.style?.dots;
@@ -34,12 +40,12 @@ export function buildGapMarkers(args) {
                 x: gx,
                 y: gy,
                 style: {
-                    stroke: strokeStyle?.stroke ?? defaultColor,
-                    strokeWidth: strokeStyle?.strokeWidth ?? gapDefaults.stroke.strokeWidth ?? cfg.line.strokeWidth,
-                    strokeOpacity: strokeStyle?.strokeOpacity ?? gapDefaults.stroke.strokeOpacity,
-                    strokeDasharray: strokeStyle?.strokeDasharray ?? gapDefaults.stroke.strokeDasharray,
-                    strokeLinejoin: strokeStyle?.strokeLinejoin ?? gapDefaults.stroke.strokeLinejoin,
-                    strokeLinecap: strokeStyle?.strokeLinecap ?? gapDefaults.stroke.strokeLinecap,
+                    stroke: disabledStroke?.stroke ?? strokeStyle?.stroke ?? defaultColor,
+                    strokeWidth: disabledStroke?.strokeWidth ?? strokeStyle?.strokeWidth ?? gapDefaults.stroke.strokeWidth ?? cfg.line.strokeWidth,
+                    strokeOpacity: disabledStroke?.strokeOpacity ?? strokeStyle?.strokeOpacity ?? gapDefaults.stroke.strokeOpacity,
+                    strokeDasharray: disabledStroke?.strokeDasharray ?? strokeStyle?.strokeDasharray ?? gapDefaults.stroke.strokeDasharray,
+                    strokeLinejoin: disabledStroke?.strokeLinejoin ?? strokeStyle?.strokeLinejoin ?? gapDefaults.stroke.strokeLinejoin,
+                    strokeLinecap: disabledStroke?.strokeLinecap ?? strokeStyle?.strokeLinecap ?? gapDefaults.stroke.strokeLinecap,
                 },
             });
             if (!dotStyle)
@@ -52,14 +58,14 @@ export function buildGapMarkers(args) {
                 x: gx,
                 y: gy,
                 style: {
-                    dotRadius: dotStyle.dotRadius ?? dotDefaults.dotRadius ?? cfg.line.dotRadius,
-                    dotFill: dotStyle.dotFill ?? strokeStyle?.stroke ?? dotDefaults.dotFill ?? defaultColor,
-                    dotSymbol: dotStyle.dotSymbol ?? dotDefaults.dotSymbol ?? 'circle',
-                    dotStroke: dotStyle.dotStroke ?? strokeStyle?.stroke ?? dotDefaults.dotStroke ?? defaultColor,
-                    dotStrokeWidth: dotStyle.dotStrokeWidth ?? dotDefaults.dotStrokeWidth ?? 1,
-                    dotFillOpacity: dotStyle.dotFillOpacity ?? dotDefaults.dotFillOpacity ?? 1,
-                    dotStrokeOpacity: dotStyle.dotStrokeOpacity ?? dotDefaults.dotStrokeOpacity ?? 1,
-                    dotStrokeDasharray: dotStyle.dotStrokeDasharray ?? dotDefaults.dotStrokeDasharray,
+                    dotRadius: disabledDots?.dotRadius ?? dotStyle.dotRadius ?? dotDefaults.dotRadius ?? cfg.line.dotRadius,
+                    dotFill: disabledDots?.dotFill ?? dotStyle.dotFill ?? strokeStyle?.stroke ?? dotDefaults.dotFill ?? defaultColor,
+                    dotSymbol: disabledDots?.dotSymbol ?? dotStyle.dotSymbol ?? dotDefaults.dotSymbol ?? 'circle',
+                    dotStroke: disabledDots?.dotStroke ?? dotStyle.dotStroke ?? strokeStyle?.stroke ?? dotDefaults.dotStroke ?? defaultColor,
+                    dotStrokeWidth: disabledDots?.dotStrokeWidth ?? dotStyle.dotStrokeWidth ?? dotDefaults.dotStrokeWidth ?? 1,
+                    dotFillOpacity: disabledDots?.dotFillOpacity ?? dotStyle.dotFillOpacity ?? dotDefaults.dotFillOpacity ?? 1,
+                    dotStrokeOpacity: disabledDots?.dotStrokeOpacity ?? dotStyle.dotStrokeOpacity ?? dotDefaults.dotStrokeOpacity ?? 1,
+                    dotStrokeDasharray: disabledDots?.dotStrokeDasharray ?? dotStyle.dotStrokeDasharray ?? dotDefaults.dotStrokeDasharray,
                 },
             });
         }

package/dist/plots/utils/labelOverflow.svelte.js

@@ -160,15 +160,18 @@ export function createLabelMarginTracker(margins, resetKey) {
             out.bottom = AUTO_MARGIN_ESTIMATE.bottom + measured.bottom;
         return out;
     });
-    // Bundles `resolvedMargins` with a remount key derived from `measured`,
-    // ready to spread straight onto `<BasePlotLayout>` as its `margins`/
-    // `marginRemountKey` props (see that prop's doc comment for *why* a
-    // remount key is needed here at all) — keeps the caller from re-deriving
-    // the same key by hand, and from having to know it's `measured` that key
-    // must track.
+    // Bundles `resolvedMargins` with a remount key, ready to spread straight
+    // onto `<BasePlotLayout>` as its `margins`/`marginRemountKey` props (see
+    // that prop's doc comment for *why* a remount key is needed here at all)
+    // — keeps the caller from re-deriving the same key by hand. Tracks both
+    // `measured` (this tracker's own auto-grown overflow) and the caller's
+    // own `margins()` — a caller that changes its explicit margins prop
+    // after mount (e.g. locking in a previously-measured value) needs that
+    // picked up just as cleanly as internal growth does; keying only on
+    // `measured` would silently miss it.
     const plotProps = $derived.by(() => ({
         margins: resolvedMargins,
-        marginRemountKey: JSON.stringify(measured)
+        marginRemountKey: JSON.stringify({ base: margins(), measured })
     }));
     return {
         report,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundar/data-chart-telling",
-  "version": "0.0.40",
+  "version": "0.0.42",
   "type": "module",
   "files": [
     "dist"