@fundar/data-chart-telling 0.0.64 → 1.0.0

package/dist/plots/line/ValueLabels.svelte

@@ -1,269 +0,0 @@
-<script lang="ts" generics="TData extends Record<string, unknown>">
-  import { SvelteMap } from 'svelte/reactivity';
-  import { Text, usePlot } from 'svelteplot';
-  import { resolveAccessor } from '../utils/accessors';
-  import { getConfiguration } from '../../configuration/config.svelte';
-  import { declutter1D, laneAssignment } from '../utils/declutter';
-  import { disabledFillOverride, disabledStrokeOverride } from '../utils/legendDisabled';
-  import { watchLabelOverflow } from '../utils/labelOverflow.svelte';
-  import type { Series } from '../../types/plots/data/common';
-  import type { ValuesStyle } from '../../types/layout/styles';
-  import type { ValueAnchor } from '../../types/plots/constants';
-  import type { LegendDisabledStyle } from '../../types/layout/legend';
-  import type { MarginOverflow } from '../utils/labelOverflow.svelte';
-
-  /**
-   * End-of-line value labels for `LinePlot`, with automatic collision
-   * resolution and shared horizontal alignment across labels.
-   */
-  let {
-    lastPoints,
-    values,
-    width,
-    height,
-    numericMargins,
-    onOverflow,
-    disabledFor,
-    onHoverSeries,
-    onHoverEnd,
-  }: {
-    lastPoints: { series: Series<TData>; lastRow: TData; color: string }[];
-    values: ValuesStyle | undefined;
-    /** Plot pixel size, used with `numericMargins` to compute the content box. */
-    width: number;
-    height: number;
-    /** `BasePlotLayout`'s resolved margins, already numeric on every side. */
-    numericMargins: { top: number; right: number; bottom: number; left: number };
-    /** Reports how far the rendered labels overflow the plot's own content box, in pixels, on each side (0 = no overflow). */
-    onOverflow?: (overflow: MarginOverflow) => void;
-    /** Resolved legend/hover-isolate dimming style for a series, if any. */
-    disabledFor?: (name: string) => LegendDisabledStyle | undefined;
-    /** Fired when the pointer enters a label — only wired when hover-isolate is enabled. */
-    onHoverSeries?: (name: string) => void;
-    onHoverEnd?: () => void;
-  } = $props();
-
-  const cfg = $derived(getConfiguration());
-
-  // Elbow-routed leader line geometry (pixels), configurable via
-  // `setConfiguration({ line: { valueLabels: {...} } })`. `connectorColor`/
-  // `connectorWidth` default to a neutral look rather than each series' own
-  // colour, overridable per-plot via `values.strokeStyle`.
-  const elbowGap = $derived(cfg.line.valueLabels.elbowGap);
-  const laneStep = $derived(cfg.line.valueLabels.laneStep);
-  const labelGap = $derived(cfg.line.valueLabels.labelGap);
-  const defaultConnectorColor = $derived(cfg.line.valueLabels.connectorColor);
-  const defaultConnectorWidth = $derived(cfg.line.valueLabels.connectorWidth);
-
-  const font = $derived(values?.fontStyle);
-  const connector = $derived(values?.strokeStyle);
-  const formatValue = $derived(values?.format ?? ((v: number, name: string) => `${name} - ${v}`));
-  const valAnchor = $derived<ValueAnchor>(values?.anchor ?? 'start');
-  // 'outside' is handled separately by HoverMarker, so it's treated as unset here.
-  const resolvedTextAnchor = $derived(font?.textAnchor === 'outside' ? undefined : font?.textAnchor);
-
-  const defaultDx = $derived(valAnchor === 'start' ? 6 : valAnchor === 'end' ? -6 : 0);
-  const baseDx = $derived(font?.dx ?? defaultDx);
-  const dir = $derived(Math.sign(baseDx) || 1);
-  const defaultDy = $derived(valAnchor === 'outside' ? -8 : 0);
-  const defaultTA = $derived(
-    valAnchor === 'start' ? ('start' as const) : valAnchor === 'end' ? ('end' as const) : ('middle' as const),
-  );
-  const defaultLA = $derived(valAnchor === 'outside' ? ('bottom' as const) : ('middle' as const));
-  const fontSize = $derived(typeof font?.fontSize === 'number' ? font.fontSize : 12);
-
-  const plot = usePlot();
-
-  // Measures how far the rendered labels extend past the plot's content box
-  // and reports it to the caller (`Plot.svelte`), which grows its own local
-  // margin state to fit. Reported via a plain callback rather than
-  // svelteplot's shared margin context, to keep it local per `<Plot>`
-  // instance.
-  let groupEl: SVGGElement | undefined = $state();
-
-  watchLabelOverflow({
-    el: () => groupEl,
-    // Built from `width`/`height`/`numericMargins` rather than the live
-    // scale's own `.range()`, which doesn't reconcile with an explicitly
-    // sized `<Plot>`.
-    bounds: () => {
-      // getBBox() isn't tracked reactively — depend on whatever changes the
-      // label layout so this re-measures.
-      void lastPoints;
-      void values;
-      return {
-        left: numericMargins.left,
-        right: width - numericMargins.right,
-        top: numericMargins.top,
-        bottom: height - numericMargins.bottom,
-      };
-    },
-    onOverflow: (overflow) => onOverflow?.(overflow),
-  });
-
-  /**
-   * Pixel-space collision fix-up for end-point labels: resolves each
-   * label's pixel Y through the live y-scale, then declutters those pixels
-   * to find how far each needs to move to clear its neighbours and stay
-   * within the plot's own top/bottom edge (`extraDy` — applies even to a
-   * lone label with no neighbours, if its own value sits close enough to
-   * the edge). `rank`/`lanesUsed`/`runSize` come from `laneAssignment`,
-   * which turns the decluttered runs into lane assignments.
-   *
-   * Horizontal placement (`aligned`/`reach`/`laneReach`/`dir`) is separate:
-   * every label reaches out to the same shared lane column, not just the
-   * ones in its own cluster, so the whole set of end-of-line labels lines
-   * up on one horizontal line. A label gets a connector whenever either of
-   * these moved it off its natural position — see the markup below.
-   *
-   * That shared column's direction can itself flip from `dir` to the right,
-   * but only ever away from the left: a leftward fan (`dir === -1`) runs
-   * into the Y axis's own tick labels once every point sits pinned against
-   * that same edge (e.g. a scroll/scrub caller's first visible point), with
-   * nowhere to reserve room without growing a margin purely to sit on top of
-   * them. The right has no such fixed content by default, so flipping there
-   * instead — for every aligned label at once — avoids the collision
-   * without needing any extra margin at all. The mirror case is deliberately
-   * left alone: a rightward fan's point is *always* pinned at the scale's
-   * own right edge by construction (`available` below would read ~0 for it
-   * too, same as the left), so the same check would flip the common case
-   * right back into the plot over its own lines — margin growth (see
-   * `Plot.svelte`'s `labelMargin`) is what actually handles that side.
-   */
-  const declutteredOffsets = $derived.by(() => {
-    const map = new SvelteMap<
-      string,
-      { extraDy: number; aligned: boolean; rank: number; reach: number; laneReach: number; dir: number }
-    >();
-    if (lastPoints.length < 2) return map;
-    const yScale = plot.scales.y?.fn;
-    if (!yScale) return map;
-    const xScale = plot.scales.x?.fn;
-    const minGap = Math.max(16, fontSize * 1.4);
-    const items = lastPoints.map(({ series: s, lastRow }) => ({
-      name: s.name,
-      pos: Number(yScale(Number(resolveAccessor(s.y)(lastRow)))),
-      px: xScale ? Number(xScale(resolveAccessor(s.x)(lastRow))) : undefined,
-    }));
-    const sorted = [...items].sort((a, b) => a.pos - b.pos);
-    // Same content-box source as `watchLabelOverflow`'s `bounds()` above.
-    const bounds: [number, number] = [numericMargins.top, height - numericMargins.bottom];
-    const { positions: spread, connected } = declutter1D(items, minGap, bounds);
-    const spreadByName = new Map(spread.map((d) => [d.name, d.pos]));
-    const originals = sorted.map((item) => item.pos);
-    const finals = sorted.map((item) => spreadByName.get(item.name) ?? item.pos);
-    const ranks = laneAssignment(originals, finals, connected);
-
-    const anyGrouped = ranks.some((r) => r.runSize > 1);
-    const globalLanes = anyGrouped ? Math.max(...ranks.map((r) => r.lanesUsed)) : 1;
-    const reach = elbowGap + (globalLanes - 1) * laneStep + labelGap;
-
-    let effectiveDir = dir;
-    if (anyGrouped && dir === -1) {
-      // -Infinity (not +Infinity) when the x-scale isn't resolved yet on an
-      // early render — defaults to flipped until proven safe not to be,
-      // rather than the other way around. Defaulting to "don't flip" here
-      // briefly rendered the full leftward fan with no available-space data
-      // at all, which `watchLabelOverflow` could catch and lock in via its
-      // own monotonic growth before a later render corrected it — flipping
-      // right is never wrong even when it turns out to be unnecessary (nothing
-      // fixed lives there to run into), so there's no equivalent risk on
-      // that side to defend against.
-      const roomsLeft = sorted
-        .filter((item): item is typeof item & { px: number } => item.px != null)
-        .map((item) => item.px - numericMargins.left);
-      const availableLeft = roomsLeft.length > 0 ? Math.min(...roomsLeft) : -Infinity;
-      if (availableLeft < reach) effectiveDir = 1;
-    }
-
-    sorted.forEach((item, i) => {
-      map.set(item.name, {
-        extraDy: finals[i] - originals[i],
-        aligned: anyGrouped,
-        rank: ranks[i].rank,
-        reach,
-        laneReach: elbowGap + ranks[i].rank * laneStep,
-        dir: effectiveDir,
-      });
-    });
-    return map;
-  });
-</script>
-
-<g bind:this={groupEl}>
-<!-- Nothing renders before both scales resolve: `declutteredOffsets` itself
-     only needs the y-scale, so an early render with the x-scale still
-     missing would otherwise fall back to plain `baseDx`, un-flipped — for a
-     long 'end'-anchored label that's a real, if brief, overflow past the
-     edge, and `watchLabelOverflow` can catch and lock that in via its own
-     monotonic growth before a later, correctly-positioned render arrives. -->
-{#if plot.scales.x?.fn && plot.scales.y?.fn}
-{#each lastPoints as { series: s, lastRow, color: seriesColor } (s.name)}
-  {@const xFn = resolveAccessor(s.x)}
-  {@const yFn = resolveAccessor(s.y)}
-  {@const offset = declutteredOffsets.get(s.name)}
-  {@const extraDy = offset?.extraDy ?? 0}
-  {@const effDir = offset?.aligned ? offset.dir : dir}
-  {@const flipped = offset?.aligned && effDir !== dir}
-  {@const labelDx = offset?.aligned ? effDir * offset.reach : baseDx}
-  {@const text = formatValue(Number(yFn(lastRow)), s.name)}
-  {@const preferredTA = resolvedTextAnchor ?? defaultTA}
-  {@const finalTA = flipped
-    ? preferredTA === 'start'
-      ? 'end'
-      : preferredTA === 'end'
-        ? 'start'
-        : preferredTA
-    : preferredTA}
-  {@const preferredLA = font?.lineAnchor ?? defaultLA}
-  {@const disabled = disabledFor?.(s.name)}
-  {@const disabledStroke = disabledStrokeOverride(disabled)}
-  {@const disabledFill = disabledFillOverride(disabled)}
-  {#if offset?.aligned || extraDy !== 0}
-    {@const px = Number(plot.scales.x.fn(xFn(lastRow)))}
-    {@const py = Number(plot.scales.y.fn(Number(yFn(lastRow))))}
-    {@const laneX = offset?.aligned ? px + effDir * offset.laneReach : px + labelDx}
-    {@const targetY = py + extraDy}
-    <path
-      d={`M ${px} ${py} H ${laneX} V ${targetY} H ${px + labelDx}`}
-      fill="none"
-      stroke={connector?.stroke ?? defaultConnectorColor}
-      stroke-width={connector?.strokeWidth ?? defaultConnectorWidth}
-      stroke-opacity={connector?.strokeOpacity ?? disabledStroke?.strokeOpacity ?? 1}
-      stroke-dasharray={connector?.strokeDasharray}
-      stroke-linecap={connector?.strokeLinecap ?? 'square'}
-      stroke-linejoin={connector?.strokeLinejoin ?? 'miter'}
-    />
-  {/if}
-  <!-- Text marks don't wire pointer handlers; a wrapping <g> catches them instead. -->
-  <g
-    role="presentation"
-    onpointerenter={onHoverSeries && (() => onHoverSeries(s.name))}
-    onpointerleave={onHoverEnd}
-  >
-    <Text
-      data={[lastRow]}
-      x={xFn}
-      y={yFn}
-      text={() => text}
-      dx={labelDx}
-      dy={(font?.dy ?? defaultDy) + extraDy}
-      textAnchor={finalTA}
-      lineAnchor={preferredLA}
-      lineHeight={font?.lineHeight}
-      rotate={font?.rotate}
-      class={font?.class}
-      textClass={font?.textClass}
-      fill={font?.fill ?? seriesColor}
-      fillOpacity={disabledFill?.fillOpacity}
-      {fontSize}
-      fontWeight={font?.fontWeight}
-      fontStyle={font?.fontStyle}
-      stroke={font?.stroke}
-      strokeWidth={font?.strokeWidth}
-      paintOrder={font?.paintOrder}
-    />
-  </g>
-{/each}
-{/if}
-</g>

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

@@ -1,52 +0,0 @@
-import type { Series } from '../../types/plots/data/common';
-import type { ValuesStyle } from '../../types/layout/styles';
-import type { LegendDisabledStyle } from '../../types/layout/legend';
-import type { MarginOverflow } from '../utils/labelOverflow.svelte';
-declare function $$render<TData extends Record<string, unknown>>(): {
-    props: {
-        lastPoints: {
-            series: Series<TData>;
-            lastRow: TData;
-            color: string;
-        }[];
-        values: ValuesStyle | undefined;
-        /** Plot pixel size, used with `numericMargins` to compute the content box. */
-        width: number;
-        height: number;
-        /** `BasePlotLayout`'s resolved margins, already numeric on every side. */
-        numericMargins: {
-            top: number;
-            right: number;
-            bottom: number;
-            left: number;
-        };
-        /** Reports how far the rendered labels overflow the plot's own content box, in pixels, on each side (0 = no overflow). */
-        onOverflow?: (overflow: MarginOverflow) => void;
-        /** Resolved legend/hover-isolate dimming style for a series, if any. */
-        disabledFor?: (name: string) => LegendDisabledStyle | undefined;
-        /** Fired when the pointer enters a label — only wired when hover-isolate is enabled. */
-        onHoverSeries?: (name: string) => void;
-        onHoverEnd?: () => void;
-    };
-    exports: {};
-    bindings: "";
-    slots: {};
-    events: {};
-};
-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(): "";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <TData extends Record<string, unknown>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TData>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TData>['props']>, ReturnType<__sveltets_Render<TData>['events']>, ReturnType<__sveltets_Render<TData>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<TData>['bindings']>;
-    } & ReturnType<__sveltets_Render<TData>['exports']>;
-    <TData extends Record<string, unknown>>(internal: unknown, props: ReturnType<__sveltets_Render<TData>['props']> & {}): ReturnType<__sveltets_Render<TData>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
-}
-declare const ValueLabels: $$IsomorphicComponent;
-type ValueLabels<TData extends Record<string, unknown>> = InstanceType<typeof ValueLabels<TData>>;
-export default ValueLabels;

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

@@ -1,28 +0,0 @@
-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
- * bridge drawn over a missing-data hole. `gaps` is resolved per series the
- * same way `segments` is (a named entry, falling back to `'default'` at
- * zone granularity — see `resolveGapsForSeries`). Defaults to the series'
- * own colour with `cfg.line.gap`'s stroke/dot styling (dashed and slightly
- * 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. `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

@@ -1,74 +0,0 @@
-import { resolveGapRuns, resolveGapsForSeries } from '../utils/gaps';
-import { getConfiguration } from '../../configuration/config.svelte';
-const gx = (p) => p.x;
-const gy = (p) => p.y;
-/**
- * One `'line'` (+ `'dot'`, when its zone sets `style.dots`) marker per
- * detected, configured gap run across every series — the interpolated
- * bridge drawn over a missing-data hole. `gaps` is resolved per series the
- * same way `segments` is (a named entry, falling back to `'default'` at
- * zone granularity — see `resolveGapsForSeries`). Defaults to the series'
- * own colour with `cfg.line.gap`'s stroke/dot styling (dashed and slightly
- * 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. `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, disabledStrokeFor, disabledDotsFor } = args;
-    const cfg = getConfiguration();
-    const gapDefaults = cfg.line.gap;
-    const markers = [];
-    seriesList.forEach((series, seriesIndex) => {
-        const zones = resolveGapsForSeries(gaps, series.name);
-        const runs = resolveGapRuns(series, zones);
-        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;
-            markers.push({
-                type: 'line',
-                data: run.points,
-                x: gx,
-                y: gy,
-                style: {
-                    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)
-                continue;
-            const dotDefaults = gapDefaults.dots;
-            const endpoints = [run.points[0], run.points[run.points.length - 1]];
-            markers.push({
-                type: 'dot',
-                data: endpoints,
-                x: gx,
-                y: gy,
-                style: {
-                    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,
-                },
-            });
-        }
-    });
-    return markers;
-}

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

@@ -1,16 +0,0 @@
-import type { Series } from '../../types/plots/data/common';
-import type { LineSegmentStyle } from '../../types/plots/segments/common';
-import type { VisualGroup } from '../../types/plots/segments/config';
-import type { StrokeStyle, DotStyle } from '../../types/plots/styling';
-import type { LineMarkerConfig, DotMarkerConfig } from '../../types/markers/common';
-/**
- * Every `'line'` (+ `'dot'`, where a segment's style asks for them) marker
- * for one LinePlot render: one `'line'` marker per visual segment, plus a
- * `'dot'` marker right after it when that segment sets `style.dots`.
- */
-export declare function buildLineMarkers<TData extends Record<string, unknown>>(args: {
-    groupedSeries: VisualGroup<Series<TData>, LineSegmentStyle>[];
-    colorFor: (seriesName: string) => string;
-    disabledStrokeFor: (seriesName: string) => StrokeStyle | undefined;
-    disabledDotsFor: (seriesName: string) => DotStyle | undefined;
-}): (LineMarkerConfig | DotMarkerConfig)[];

package/dist/plots/line/buildLineMarkers.js

@@ -1,56 +0,0 @@
-import { resolveAccessor } from '../utils/accessors';
-import { getConfiguration } from '../../configuration/config.svelte';
-/**
- * Every `'line'` (+ `'dot'`, where a segment's style asks for them) marker
- * for one LinePlot render: one `'line'` marker per visual segment, plus a
- * `'dot'` marker right after it when that segment sets `style.dots`.
- */
-export function buildLineMarkers(args) {
-    const { groupedSeries, colorFor, disabledStrokeFor, disabledDotsFor } = args;
-    const cfg = getConfiguration();
-    const markers = [];
-    groupedSeries.forEach((group) => {
-        const defaultColor = colorFor(group.series.name);
-        const disabledStroke = disabledStrokeFor(group.series.name);
-        const disabledDots = disabledDotsFor(group.series.name);
-        const xFn = resolveAccessor(group.series.x);
-        const yFn = resolveAccessor(group.series.y);
-        for (const seg of group.visualSegments) {
-            const strokeStyle = seg.style.stroke;
-            const dotStyle = seg.style.dots;
-            markers.push({
-                type: 'line',
-                data: seg.data,
-                x: xFn,
-                y: yFn,
-                style: {
-                    stroke: disabledStroke?.stroke ?? strokeStyle?.stroke ?? defaultColor,
-                    strokeWidth: disabledStroke?.strokeWidth ?? strokeStyle?.strokeWidth ?? cfg.line.strokeWidth,
-                    strokeOpacity: disabledStroke?.strokeOpacity ?? strokeStyle?.strokeOpacity ?? 1,
-                    strokeDasharray: disabledStroke?.strokeDasharray ?? strokeStyle?.strokeDasharray,
-                    strokeLinejoin: disabledStroke?.strokeLinejoin ?? strokeStyle?.strokeLinejoin,
-                    strokeLinecap: disabledStroke?.strokeLinecap ?? strokeStyle?.strokeLinecap,
-                },
-            });
-            if (!dotStyle)
-                continue;
-            markers.push({
-                type: 'dot',
-                data: seg.data,
-                x: xFn,
-                y: yFn,
-                style: {
-                    dotRadius: disabledDots?.dotRadius ?? dotStyle.dotRadius ?? cfg.line.dotRadius,
-                    dotFill: disabledDots?.dotFill ?? dotStyle.dotFill ?? strokeStyle?.stroke ?? defaultColor,
-                    dotSymbol: disabledDots?.dotSymbol ?? dotStyle.dotSymbol ?? 'circle',
-                    dotStroke: disabledDots?.dotStroke ?? dotStyle.dotStroke ?? strokeStyle?.stroke ?? defaultColor,
-                    dotStrokeWidth: disabledDots?.dotStrokeWidth ?? dotStyle.dotStrokeWidth ?? 1,
-                    dotFillOpacity: disabledDots?.dotFillOpacity ?? dotStyle.dotFillOpacity ?? strokeStyle?.strokeOpacity ?? 1,
-                    dotStrokeOpacity: disabledDots?.dotStrokeOpacity ?? dotStyle.dotStrokeOpacity ?? strokeStyle?.strokeOpacity ?? 1,
-                    dotStrokeDasharray: disabledDots?.dotStrokeDasharray ?? dotStyle.dotStrokeDasharray,
-                },
-            });
-        }
-    });
-    return markers;
-}

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

@@ -1,19 +0,0 @@
-import type { MarginOverflow } from '../utils/labelOverflow.svelte';
-import type { Series } from '../../types/plots/data/common';
-import type { FontStyle } from '../../types/plots/styling';
-import type { ValueAnchor } from '../../types/plots/constants';
-/**
- * `LinePlot`'s value-label margin estimate: the end-of-line fan's
- * horizontal reach (`left` or `right`, whichever side it fans toward, with
- * the same amount mirrored to the other side for a fan that can flip),
- * plus the label text's own vertical reach on `top`/`bottom`. Stable across
- * a timeline scrubber or dataset change, not DOM-measured. Also used by a
- * faceted caller to build a shared `FacetConfig.marginsForFacet`.
- */
-export declare function estimateLineValueLabelMargin<TData extends Record<string, unknown>>(series: Series<TData>[], options?: {
-    valAnchor?: ValueAnchor;
-    fontStyle?: FontStyle;
-    formatValue?: (value: number, name: string) => string;
-    /** A pinned y domain (e.g. `scales.y.domain`), covering the whole range a timeline scrubber might reveal — see this function's own stability note above. Falls back to `series`'s own current values when omitted. */
-    yDomain?: readonly (number | string | boolean | Date | null)[];
-}): MarginOverflow;

package/dist/plots/line/valueLabelMargin.js

@@ -1,65 +0,0 @@
-import { resolveAccessor } from '../utils/accessors';
-import { getConfiguration } from '../../configuration/config.svelte';
-import { estimateValueLabelMargin, estimateValueLabelVerticalMargin, laneReachUpperBound } from '../utils/valueLabelMargin';
-/**
- * `LinePlot`'s value-label margin estimate: the end-of-line fan's
- * horizontal reach (`left` or `right`, whichever side it fans toward, with
- * the same amount mirrored to the other side for a fan that can flip),
- * plus the label text's own vertical reach on `top`/`bottom`. Stable across
- * a timeline scrubber or dataset change, not DOM-measured. Also used by a
- * faceted caller to build a shared `FacetConfig.marginsForFacet`.
- */
-export function estimateLineValueLabelMargin(series, options = {}) {
-    const cfg = getConfiguration();
-    const valAnchor = options.valAnchor ?? 'start';
-    const formatValue = options.formatValue ?? ((v, name) => `${name} - ${v}`);
-    const font = options.fontStyle;
-    const defaultDx = valAnchor === 'start' ? 6 : valAnchor === 'end' ? -6 : 0;
-    const baseDx = typeof font?.dx === 'number' ? font.dx : defaultDx;
-    const dir = Math.sign(baseDx) || 1;
-    const defaultTA = valAnchor === 'start' ? 'start' : valAnchor === 'end' ? 'end' : 'middle';
-    const resolvedTextAnchor = font?.textAnchor === 'outside' ? undefined : font?.textAnchor;
-    const preferredTA = resolvedTextAnchor ?? defaultTA;
-    const outwardFraction = preferredTA === 'start' ? 1 : preferredTA === 'end' ? 0 : 0.5;
-    const fontSize = typeof font?.fontSize === 'number' ? font.fontSize : 12;
-    const canvasFont = `${fontSize}px ${cfg.font === 'inherit' ? 'sans-serif' : cfg.font}`;
-    const seriesCount = series.length;
-    const reach = seriesCount > 1 ? laneReachUpperBound(seriesCount, cfg.line.valueLabels) : Math.abs(baseDx);
-    const texts = [];
-    if (options.yDomain && options.yDomain.length >= 2) {
-        const lo = Number(options.yDomain[0]);
-        const hi = Number(options.yDomain[options.yDomain.length - 1]);
-        for (const s of series) {
-            texts.push(formatValue(lo, s.name), formatValue(hi, s.name));
-        }
-    }
-    else {
-        for (const s of series) {
-            const sy = resolveAccessor(s.y);
-            for (const d of s.data) {
-                const v = Number(sy(d));
-                if (Number.isNaN(v))
-                    continue;
-                texts.push(formatValue(v, s.name));
-            }
-        }
-    }
-    // +2px: canvas text measurement and svelteplot's own rendered SVG text
-    // can disagree by a pixel or so (different rendering engines) — a small
-    // buffer that narrows, but doesn't eliminate, the gap noted above.
-    const horizontal = estimateValueLabelMargin(texts, { canvasFont, textFraction: outwardFraction, reach }) + 2;
-    const defaultDy = valAnchor === 'outside' ? -8 : 0;
-    const defaultLA = valAnchor === 'outside' ? 'bottom' : 'middle';
-    const dy = typeof font?.dy === 'number' ? font.dy : defaultDy;
-    const { top, bottom } = estimateValueLabelVerticalMargin({
-        fontSize,
-        lineAnchor: font?.lineAnchor ?? defaultLA,
-        dy
-    });
-    return {
-        left: dir === -1 ? horizontal : 0,
-        right: dir === 1 ? horizontal : seriesCount > 1 ? horizontal : 0,
-        top,
-        bottom
-    };
-}