@fundar/data-chart-telling 0.0.24 → 0.0.26

package/dist/layout/plot/RuleLayout.svelte

@@ -1,111 +0,0 @@
-<script lang="ts" generics="TData extends Record<string, unknown>">
-  import type { Snippet } from 'svelte';
-  import { RuleX, RuleY } from 'svelteplot';
-  import HoverMarker from '../../markers/HoverMarker.svelte';
-  import type { AxisValue } from '../../types/plots/axis';
-  import type { Series } from '../../types/plots/data/common';
-  import type { Marker } from '../../types/markers/common';
-  import type { HoverPoint } from '../../types/layout/tooltip';
-
-  /**
-   * Standalone rule markers (`ruleX`/`ruleY`/un-scoped `component`) plus the
-   * unscoped hover crosshair+dot+label — the plot kinds with an x/y axis pair
-   * only (line/bar/heatmap/pyramid); `GeoPlot` has no rule/crosshair concept
-   * of its own. Wraps `children` (the plot kind's actual marks) so both draw
-   * in the same order as before this was split out of `BasePlotLayout`: marks
-   * first, then rules/hover marker on top of them.
-   */
-  let {
-    markers = [],
-    seriesData = [],
-    matchedPoints,
-    ruleX,
-    ruleY,
-    impliesRuleX,
-    impliesRuleY,
-    showHoverLabels = true,
-    children,
-  }: {
-    markers?: Marker[];
-    /** All resolved series, forwarded to unscoped component markers (e.g. DeltaMarker). */
-    seriesData?: Series<TData>[];
-    matchedPoints: HoverPoint<TData>[];
-    ruleX: AxisValue | null;
-    ruleY: AxisValue | null;
-    impliesRuleX: boolean;
-    impliesRuleY: boolean;
-    showHoverLabels?: boolean;
-    children: Snippet;
-  } = $props();
-
-  const topLevelMarkers = $derived(
-    markers.filter(
-      (marker) =>
-        marker.type === 'ruleX' ||
-        marker.type === 'ruleY' ||
-        (marker.type === 'component' && !marker.series),
-    ),
-  );
-
-  /** The unscoped (no `series`) hover marker, if any. */
-  const unscopedHoverMarker = $derived(
-    markers.find((m) => m.type === 'hover' && !m.series) as
-      | Extract<Marker, { type: 'hover' }>
-      | undefined,
-  );
-
-  /**
-   * Gate ruleX display: shows when the strategy implies it (default) or the
-   * marker explicitly requests it (`ruleX: true`), and is never suppressed
-   * unless the marker explicitly disables it (`ruleX: false`).
-   */
-  const showRuleX = $derived(
-    unscopedHoverMarker != null &&
-    unscopedHoverMarker.ruleX !== false &&
-    (impliesRuleX || unscopedHoverMarker.ruleX === true),
-  );
-  const showRuleY = $derived(
-    unscopedHoverMarker != null &&
-    unscopedHoverMarker.ruleY !== false &&
-    (impliesRuleY || unscopedHoverMarker.ruleY === true),
-  );
-</script>
-
-{@render children()}
-
-{#each topLevelMarkers as marker, i (marker.type === 'ruleX' ? `${marker.type}-${marker.x}` : marker.type === 'ruleY' ? `${marker.type}-${marker.y}` : `${marker.type}-${i}`)}
-  {#if marker.type === 'ruleX'}
-    <RuleX
-      data={[{ xValue: marker.x }]}
-      x={(d) => d.xValue}
-      stroke={marker.style?.stroke ?? 'currentColor'}
-      strokeWidth={marker.style?.strokeWidth ?? 1}
-      strokeOpacity={marker.style?.strokeOpacity ?? 1}
-      strokeDasharray={marker.style?.strokeDasharray}
-    />
-  {:else if marker.type === 'ruleY'}
-    <RuleY
-      data={[{ yValue: marker.y }]}
-      y={(d) => d.yValue}
-      stroke={marker.style?.stroke ?? 'currentColor'}
-      strokeWidth={marker.style?.strokeWidth ?? 1}
-      strokeOpacity={marker.style?.strokeOpacity ?? 1}
-      strokeDasharray={marker.style?.strokeDasharray}
-    />
-  {:else if marker.type === 'component'}
-    <marker.component {...marker.props} data={marker.data ?? seriesData} />
-  {/if}
-{/each}
-
-{#if unscopedHoverMarker}
-  <HoverMarker
-    data={matchedPoints}
-    ruleX={showRuleX ? ruleX : null}
-    ruleY={showRuleY ? ruleY : null}
-    showLabels={unscopedHoverMarker.showLabels ?? showHoverLabels}
-    format={unscopedHoverMarker.format}
-    ruleStyle={unscopedHoverMarker.ruleStyle}
-    dotStyle={unscopedHoverMarker.dotStyle}
-    fontStyle={unscopedHoverMarker.fontStyle}
-  />
-{/if}

package/dist/plots/bar/BarSegments.svelte

@@ -1,69 +0,0 @@
-<script lang="ts" generics="TData extends Record<string, unknown>">
-  import { BarX, BarY } from 'svelteplot';
-  import { resolveAccessor } from '../utils/accessors';
-  import type { Series } from '../../types/plots/data/common';
-  import type { BarSegmentStyle } from '../../types/plots/segments/common';
-  import type { VisualGroup } from '../../types/plots/segments/config';
-  import type { BarLayout } from './layout.svelte';
-
-  /**
-   * Renders one series' bars — the `'stacked'` branch (cumulative baseline
-   * from {@link BarLayout.stackedBaseline}) or the `'grouped'`/`'overlap'`
-   * branch (per-segment insets from {@link BarLayout.seriesStep}/`seriesGap`).
-   */
-  let {
-    group,
-    seriesIndex,
-    barLayout,
-    isHorizontal,
-    BarMark,
-    defaultColor,
-    disabledFill,
-  }: {
-    group: VisualGroup<Series<TData>, BarSegmentStyle>;
-    seriesIndex: number;
-    barLayout: BarLayout<TData>;
-    isHorizontal: boolean;
-    BarMark: typeof BarX | typeof BarY;
-    defaultColor: string;
-    disabledFill?: { fill?: string; fillOpacity?: number };
-  } = $props();
-
-  const xFn = $derived(resolveAccessor(group.series.x));
-  const yFn = $derived(resolveAccessor(group.series.y));
-</script>
-
-{#if barLayout.layout === 'stacked'}
-  {@const stackedBaselineFn = (d: TData) => barLayout.stackedBaseline(xFn(d), seriesIndex)}
-  {@const stackedTopFn = (d: TData) => barLayout.stackedBaseline(xFn(d), seriesIndex) + Number(yFn(d))}
-  <BarMark
-    data={group.series.data}
-    {...isHorizontal
-      ? { y: xFn, x1: stackedBaselineFn, x2: stackedTopFn }
-      : { x: xFn, y1: stackedBaselineFn, y2: stackedTopFn }}
-    fill={disabledFill?.fill ?? defaultColor}
-    fillOpacity={disabledFill?.fillOpacity ?? 1}
-  />
-{:else}
-  {#each group.visualSegments as seg, i (`${group.series.name}-${i}`)}
-    <BarMark
-      data={seg.data}
-      {...isHorizontal
-        ? { y: xFn, x1: barLayout.valueBaseline, x2: yFn }
-        : { x: xFn, y1: barLayout.valueBaseline, y2: yFn }}
-      fill={disabledFill?.fill ?? seg.style.fill ?? defaultColor}
-      fillOpacity={disabledFill?.fillOpacity ?? seg.style.fillOpacity ?? 1}
-      {...barLayout.layout === 'grouped'
-        ? isHorizontal
-          ? {
-              insetTop: seriesIndex * barLayout.seriesStep + barLayout.seriesGap / 2,
-              insetBottom: (barLayout.seriesCount - 1 - seriesIndex) * barLayout.seriesStep + barLayout.seriesGap / 2,
-            }
-          : {
-              insetLeft: seriesIndex * barLayout.seriesStep + barLayout.seriesGap / 2,
-              insetRight: (barLayout.seriesCount - 1 - seriesIndex) * barLayout.seriesStep + barLayout.seriesGap / 2,
-            }
-        : {}}
-    />
-  {/each}
-{/if}

package/dist/types/plots/delta.d.ts

@@ -1,19 +0,0 @@
-import type { AxisValue } from './axis';
-import type { StrokeStyle, FontStyle, DotStyle } from './styling';
-export type DeltaTarget = {
-    type: 'series';
-    series: string;
-} | {
-    type: 'axis';
-    value?: number;
-};
-export type DeltaConfig = {
-    axis: 'x' | 'y';
-    at: AxisValue;
-    from: DeltaTarget;
-    to?: DeltaTarget;
-    formatDiff?: (diff: number) => string;
-    strokeStyle?: StrokeStyle;
-    fontStyle?: FontStyle;
-    dotStyle?: DotStyle;
-};

package/dist/types/plots/styles/common.d.ts

@@ -1,52 +0,0 @@
-import type { ValueAnchor } from '../constants';
-import type { FontStyle, StrokeStyle } from '../styling';
-/**
- * Controls if and how value labels are rendered on a plot. The high-level
- * `anchor` sets sensible defaults for placement; `fontStyle` (`dx`, `dy`,
- * `textAnchor`, `lineAnchor`, `lineHeight`, `rotate`, `class`, `textClass`,
- * `fill`, …) overrides those defaults field-by-field when provided — mirrors
- * {@link DeltaConfig}'s `fontStyle`/`strokeStyle` split, so label text and
- * connector-line styling never mix into one flat bag of props.
- */
-export type ValuesStyle = {
-    show?: boolean;
-    anchor?: ValueAnchor;
-    /** Called with the numeric value and the series name. Return a string to render. */
-    format?: (value: number, seriesName: string) => string;
-    /** Text styling for the label itself. */
-    fontStyle?: FontStyle;
-    /**
-     * Style for the leader line drawn from a label displaced to clear an
-     * overlap with another series' label, back to its real data point.
-     * Labels only ever move when they'd otherwise collide — this is a no-op
-     * style until that happens. Falls back to a neutral grey, thin, solid
-     * stroke — deliberately not the series' own colour or stroke width, since
-     * matching the data line reads as more data rather than as a leader,
-     * right where several lines are already converging. Unset fields keep
-     * that fallback.
-     */
-    strokeStyle?: StrokeStyle;
-};
-/**
- * Color overrides for plots that derive their palette from data.
- * Each plot uses only the fields relevant to its kind; unused fields are
- * silently ignored.
- *
- * - `min` / `max` — sequential colour ramp endpoints (heatmap).
- * - `left` / `right` — diverging bar sides (pyramid).
- */
-export type ColorsStyle = {
-    min?: string;
-    max?: string;
-    left?: string;
-    right?: string;
-};
-/**
- * Top-level rendering style overrides shared by the non-geo plot kinds.
- * Passed as the `styles` prop. Each plot reads only the fields it cares
- * about.
- */
-export type BasePlotStyles = {
-    values?: ValuesStyle;
-    colors?: ColorsStyle;
-};

package/dist/types/plots/styles/geo.d.ts

@@ -1,42 +0,0 @@
-import type { ColorsStyle } from './common';
-import type { GeoFeature } from '../data/geo';
-export type GeoTileLayerConfig = {
-    /** XYZ tile URL template, e.g. `'https://tile.openstreetmap.org/{z}/{x}/{y}.png'`. */
-    url: string;
-    attribution?: string;
-    opacity?: number;
-    minZoom?: number;
-    maxZoom?: number;
-    /** Tile edge length in pixels. Defaults to `256`. */
-    tileSize?: number;
-};
-export type GeoZoomConfig = {
-    min?: number;
-    max?: number;
-    initial?: {
-        x?: number;
-        y?: number;
-        k?: number;
-    };
-};
-/**
- * `styles` prop for GeoPlot — the geo analog of `BasePlotStyles`. Unlike the
- * other plot kinds, GeoPlot's styling needs (base map, choropleth ramp, tile
- * background, zoom, click handling) are unlike anything x/y plots need, so
- * this is its own type rather than a reuse of `BasePlotStyles`.
- */
-export type GeoStyles<TProps extends Record<string, unknown> = Record<string, unknown>> = {
-    /** Base map fill, used when a feature isn't styled by `segments` or the choropleth ramp. */
-    fill?: string;
-    fillOpacity?: number;
-    stroke?: string;
-    strokeWidth?: number;
-    /** Continuous choropleth ramp endpoints — used when `value` is provided on data. Mirrors heatmap's `styles.colors`. */
-    colors?: ColorsStyle;
-    /** Raster XYZ tile basemap under the vector geometry. Mercator-family projections only. */
-    tileLayer?: GeoTileLayerConfig;
-    /** `true`/config enables drag-pan + scroll-zoom. Omitted/`false` = static map. */
-    zoom?: boolean | GeoZoomConfig;
-    /** Fired when a base-map feature is clicked. */
-    onFeatureClick?: (feature: GeoFeature<TProps>, event: Event) => void;
-};