@fundar/data-chart-telling 0.0.40 → 0.0.41

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();
 
@@ -169,6 +169,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/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.41",
   "type": "module",
   "files": [
     "dist"