@opendata-ai/openchart-core 7.8.0 → 7.9.1

package/dist/index.d.ts

@@ -734,6 +734,12 @@ interface Encoding<TData extends DataRow = DataRow> {
      * Useful when you want separate lines per category but don't need the color to differ.
      */
     detail?: EncodingChannel<TData>;
+    /**
+     * Identity channel for data-update transitions. Maps a field whose value
+     * uniquely identifies each datum across updates. Mirrors Vega-Lite's key channel.
+     * Not visually encoded. Optional: charts derive sensible default keys.
+     */
+    key?: EncodingChannel<TData>;
     /**
      * Secondary x position. Used with `x` to define a horizontal span (rect marks, error bars).
      * Both `x` and `x2` must be quantitative.
@@ -1341,15 +1347,13 @@ interface AnimationPhaseConfig {
 /**
  * Full animation config object. Structured as enter/update/exit phases
  * following Vega's encoding set model.
- *
- * v1 implements enter only. update and exit reserved for v2.
  */
 interface AnimationConfig {
     /** Entrance animation when chart first renders. */
     enter?: AnimationPhaseConfig | boolean;
-    /** Transition animation when data updates. Reserved for v2. */
+    /** Transition animation when data updates. */
     update?: AnimationPhaseConfig | boolean;
-    /** Exit animation when marks are removed. Reserved for v2. */
+    /** Exit animation when marks are removed. */
     exit?: AnimationPhaseConfig | boolean;
     /** Delay before annotations animate in (ms after marks). Default: 200. */
     annotationDelay?: number;
@@ -2669,11 +2673,18 @@ interface MarkAria {
  */
 interface LineMark {
     type: 'line';
+    /** Stable identity key for data-update transitions. */
+    key?: string;
+    /** Per-point identity keys parallel to `points`, for data-update transitions. */
+    pointKeys?: string[];
     /** Ordered array of points defining the line path. */
     points: Point[];
     /** Pre-computed SVG path string (D3 monotone curve). When present, renderers
      *  should use this instead of reconstructing straight M/L segments from points. */
     path?: string;
+    /** Curve interpolation method used to build the path. Stored so the transition
+     *  driver can reconstruct paths from interpolated point positions. */
+    interpolate?: string;
     /** Stroke color. */
     stroke: string;
     /** Stroke width in pixels. */
@@ -2711,6 +2722,10 @@ interface LineMark {
  */
 interface AreaMark {
     type: 'area';
+    /** Stable identity key for data-update transitions. */
+    key?: string;
+    /** Per-point identity keys parallel to `topPoints`, for data-update transitions. */
+    pointKeys?: string[];
     /** Upper boundary points. */
     topPoints: Point[];
     /** Lower boundary points (baseline, usually y=0). */
@@ -2719,6 +2734,8 @@ interface AreaMark {
     path: string;
     /** SVG path string for just the top boundary (for stroking the data line only). */
     topPath: string;
+    /** Curve interpolation method used to build the path. */
+    interpolate?: string;
     /** Fill color or gradient. */
     fill: string | GradientDef;
     /** Fill opacity. */
@@ -2754,6 +2771,8 @@ interface AreaMark {
  */
 interface RectMark {
     type: 'rect';
+    /** Stable identity key for data-update transitions. */
+    key?: string;
     /** X position. */
     x: number;
     /** Y position. */
@@ -2831,6 +2850,8 @@ interface ArcMark {
     label?: ResolvedLabel;
     /** Accessibility attributes. */
     aria: MarkAria;
+    /** Stable identity key for data-update transitions. */
+    key?: string;
     /** Index for stagger animation ordering. */
     animationIndex?: number;
 }
@@ -2840,6 +2861,8 @@ interface ArcMark {
  */
 interface PointMark {
     type: 'point';
+    /** Stable identity key for data-update transitions. */
+    key?: string;
     /** Center x position. */
     cx: number;
     /** Center y position. */
@@ -2871,6 +2894,8 @@ interface PointMark {
  */
 interface TextMarkLayout {
     type: 'textMark';
+    /** Stable identity key for data-update transitions. */
+    key?: string;
     /** X position. */
     x: number;
     /** Y position. */
@@ -2906,6 +2931,8 @@ interface TextMarkLayout {
  */
 interface RuleMarkLayout {
     type: 'rule';
+    /** Stable identity key for data-update transitions. */
+    key?: string;
     /** Start x position. */
     x1: number;
     /** Start y position. */
@@ -2937,6 +2964,8 @@ interface RuleMarkLayout {
  */
 interface TickMarkLayout {
     type: 'tick';
+    /** Stable identity key for data-update transitions. */
+    key?: string;
     /** X position. */
     x: number;
     /** Y position. */
@@ -3221,10 +3250,8 @@ interface A11yMetadata {
     /** Whether the visualization is keyboard-navigable. */
     keyboardNavigable: boolean;
 }
-/** Resolved entrance animation config with all defaults applied. */
-interface ResolvedAnimation {
-    /** Whether entrance animation is enabled. */
-    enabled: boolean;
+/** One fully-resolved animation phase. */
+interface ResolvedAnimationPhase {
     /** Duration in ms. */
     duration: number;
     /** Easing preset name. */
@@ -3233,6 +3260,15 @@ interface ResolvedAnimation {
     staggerDelay: number;
     /** Stagger ordering. */
     staggerOrder: 'index' | 'value' | 'reverse';
+}
+/** Resolved animation config. A phase is present iff that phase is enabled. */
+interface ResolvedAnimation {
+    /** Entrance animation phase. Present when enter animation is enabled. */
+    enter?: ResolvedAnimationPhase;
+    /** Data-update transition phase. Present when update animation is enabled. */
+    update?: ResolvedAnimationPhase;
+    /** Exit animation phase. Present when exit animation is enabled. */
+    exit?: ResolvedAnimationPhase;
     /** Delay before annotations animate in (ms after marks). */
     annotationDelay: number;
 }
@@ -4292,10 +4328,15 @@ declare const AXIS_TITLE_GAP = 7;
  * visible clearance remains. Falls back to the viewport-minimum offset when the
  * dynamic value would be smaller (short tick labels on wide containers).
  *
+ * When `inline` is true the y-tick labels render inside the chart area (above
+ * their gridlines) rather than in a left gutter, so the title only needs to
+ * clear the chart edge — no tick-label width and no viewport-minimum floor,
+ * both of which would otherwise leave a dead gap between the title and the plot.
+ *
  * Shared by the engine (margin reservation) and the renderer (title placement)
  * so the reserved space always matches where the title is drawn.
  */
-declare function axisTitleOffset(maxTickLabelWidth: number, titleFontSize: number, width: number): number;
+declare function axisTitleOffset(maxTickLabelWidth: number, titleFontSize: number, width: number, inline?: boolean): number;
 /**
  * Width below which "narrow" adjustments apply: extra iOS Safari top padding and
  * tighter category label gaps. Sits between compact (< 400) and medium (400–700).
@@ -4714,4 +4755,4 @@ interface TileMapBuilderOptions {
  */
 declare function tileMap(data: Record<string, number | string | null> | DataRow[], options?: TileMapBuilderOptions): TileMapSpec;
 
-export { type A11yMetadata, ACHROMATIC_RAMP, AXIS_TITLE_GAP, AXIS_TITLE_OFFSET_COMPACT, AXIS_TITLE_OFFSET_DEFAULT, AXIS_TITLE_TRAILING_PAD, type AggregateOp, type AggregateTransform, type AnimationConfig, type AnimationEase, type AnimationPhaseConfig, type AnimationSpec, type AnimationStagger, type Annotation, type AnnotationAnchor, type AnnotationFootnote, type AnnotationOffset, type AnnotationPosition, type ArcEncoding, type ArcMark, type AreaEncoding, type AreaMark, type AxisConfig, type AxisLabelDensity, type AxisLayout, type AxisTick, BRAND_FONT_SIZE, BRAND_MIN_WIDTH, BRAND_RESERVE_WIDTH, BREAKPOINT_COMPACT_MAX, BREAKPOINT_MEDIUM_MAX, type BarColumnConfig, type BarEncoding, type BarListEncoding, type BarListLayout, type BarListRowMark, type BarListSpec, type BarListSpecWithoutData, type BarTableCell, type BaseLegendLayout, type BinParams, type BinTransform, type Breakpoint, CATEGORICAL_PALETTE, CHART_ENCODING_RULES, CHART_TYPES, COMPACT_WIDTH, type CalculateExpression, type CalculateTransform, type CategoricalLegendLayout, type CategoricalPalette, type CategoryColorsConfig, type CategoryTableCell, type CellStyle, type ChannelRule, type ChartBuilderOptions, type ChartEventHandlers, type ChartLayout, type ChartSpec, type ChartSpecOverride, type ChartSpecWithoutData, type ChartType, type Chrome, type ChromeDefaults, type ChromeKey, type ChromeMode, type ChromeText, type ChromeTextStyle, type ChromeThemeOverride, type CircleEncoding, type ColorBlindnessType, type ColumnConfig, type CompileOptions, type CompileTableOptions, type Condition, type ConditionalValueDef, DEFAULT_THEME, DIVERGING_PALETTES, type DarkMode, type DataRow, type DateGranularity, type Display, type DivergingPalette, EXTENDED_OFFSET_STRATEGIES, type ElementEdit, type ElementRef, type Encoding, type EncodingChannel, type EncodingRule, type EndpointLabelEntry, type EndpointLabelsConfig, type EndpointLabelsLayout, type FacetChannel, type FacetLayout, type FacetPanelLayout, type FieldPredicate, type FieldRef, type FieldType, type FilterPredicate, type FilterTransform, type FlagTableCell, type FoldTransform, GRAPH_ENCODING_RULES, type GradientColorStop, type GradientDef, type GradientLegendLayout, type GradientStop, type GraphChannelRule, type GraphEdge, type GraphEdgeLayout, type GraphEncoding, type GraphEncodingChannel, type GraphLayout, type GraphLayoutConfig, type GraphNode, type GraphNodeLayout, type GraphSpec, type GraphSpecWithoutData, type Gridline, HEIGHT_CRAMPED_MAX, HEIGHT_SHORT_MAX, HPAD_COMPACT_FRACTION, HPAD_COMPACT_MIN, type HeatmapColumnConfig, type HeatmapTableCell, type HeightClass, type ImageColumnConfig, type ImageTableCell, LABEL_GAP_COMPACT, LABEL_GAP_DEFAULT, LABEL_GAP_NARROW_MAX, type LabelCandidate, type LabelConfig, type LabelDensity, type LabelMode, type LabelPriority, type LabelSpec, type LayerSpec, type LayoutStrategy, type LegendConfig, type LegendEntry, type LegendEntryPosition, type LegendLayout, type LegendPosition, type LineEncoding, type LineMark, type LinearGradient, type LogicalAnd, type LogicalNot, type LogicalOr, type LollipopEncoding, MARK_DISPLAY_NAMES, MARK_ENCODING_RULES, MARK_TYPES, MAX_LEFT_LABEL_FRACTION_COMPACT, MAX_LEFT_LABEL_FRACTION_DEFAULT, MAX_LEFT_LABEL_FRACTION_MEDIUM, MAX_LEFT_LABEL_FRACTION_MEDIUM_MAX, type Margins, type Mark, type MarkAria, type MarkDef, type MarkEvent, type MarkType, type MeasureTextFn, type Metric, NARROW_VIEWPORT_MAX, type NodeOverride, OFFSET_STRATEGIES, type OffsetStrategy, type PaginationState, type Point, type PointEncoding, type PointMark, type RadialGradient, type RangeAnnotation, type Rect, type RectEncoding, type RectMark, type RefLineAnnotation, type RelativeTimeRef, type ResolveConfig, type ResolveMode, type ResolvedAnimation, type ResolvedAnnotation, type ResolvedChrome, type ResolvedChromeElement, type ResolvedColumn, type ResolvedLabel, type ResolvedMetricBar, type ResolvedMetricCell, type ResolvedTheme, type ResponsiveConfig, type RuleMarkLayout, SEQUENTIAL_PALETTES, type SankeyEncoding, type SankeyLayout, type SankeyLinkColor, type SankeyLinkMark, type SankeyNodeAlign, type SankeyNodeMark, type SankeySpec, type SankeySpecWithoutData, type ScaleConfig, type ScaleType, type SequentialPalette, type SeriesStrategy, type SeriesStyle, type SortState, type SparklineColumnConfig, type SparklineData, type SparklineTableCell, type StoredVizSpec, TICK_LABEL_OFFSET, TOP_PAD_EXTRA_NARROW, TOP_PAD_NARROW_MAX, type TableBuilderOptions, type TableCell, type TableCellBase, type TableLayout, type TableRow, type TableSpec, type TableSpecWithoutData, type TextAnnotation, type TextEncoding, type TextMarkLayout, type TextStyle, type TextTableCell, type Theme, type ThemeChromeDefaults, type ThemeColors, type ThemeConfig, type ThemeFontSizes, type ThemeFontWeights, type ThemeFonts, type ThemeSpacing, type TickEncoding, type TickMarkLayout, type TileMapBuilderOptions, type TileMapEncoding, type TileMapLayout, type TileMapPalette, type TileMapSpec, type TileMapSpecWithoutData, type TileMapTileMark, type TimeUnit, type TimeUnitTransform, type TokenValue, type TooltipContent, type TooltipField, type Transform, type VizSpec, type WindowFieldDef, type WindowOp, type WindowSortField, type WindowTransform, type XAxisExtentInput, X_AXIS_BAND_HEIGHT, X_AXIS_TITLE_BAND, X_AXIS_TITLE_BAND_ROTATED, abbreviateNumber, adaptColorForDarkMode, adaptForLightLineStroke, adaptTheme, areaChart, axisTitleOffset, barChart, buildD3Formatter, buildTemporalFormatter, checkPaletteDistinguishability, columnChart, computeChrome, computeLabelBounds, computeXAxisExtentFromLabels, contrastRatio, dataTable, detectCollision, donutChart, dotChart, editorial, elementRef, essay, estimateTextWidth, findAccessibleColor, formatDate, formatNumber, generateAltText, generateAriaLabels, generateDataTable, getAxisTitleOffset, getBreakpoint, getHeightClass, getLayoutStrategy, getRepresentativeColor, heuristicMeasure, inferFieldType, isBarListSpec, isChartSpec, isConditionalDef, isEncodingChannel, isGradientDef, isGraphSpec, isLayerSpec, isRangeAnnotation, isRefLineAnnotation, isSankeySpec, isTableSpec, isTextAnnotation, isTileMapSpec, lineChart, meetsAA, overlapArea, pickLabelColor, pieChart, resolveCollisions, resolveMarkDef, resolveMarkType, resolveMeasurer, resolveTheme, scatterChart, simulateColorBlindness, textAscent, tileMap, wire, wrapText };
+export { type A11yMetadata, ACHROMATIC_RAMP, AXIS_TITLE_GAP, AXIS_TITLE_OFFSET_COMPACT, AXIS_TITLE_OFFSET_DEFAULT, AXIS_TITLE_TRAILING_PAD, type AggregateOp, type AggregateTransform, type AnimationConfig, type AnimationEase, type AnimationPhaseConfig, type AnimationSpec, type AnimationStagger, type Annotation, type AnnotationAnchor, type AnnotationFootnote, type AnnotationOffset, type AnnotationPosition, type ArcEncoding, type ArcMark, type AreaEncoding, type AreaMark, type AxisConfig, type AxisLabelDensity, type AxisLayout, type AxisTick, BRAND_FONT_SIZE, BRAND_MIN_WIDTH, BRAND_RESERVE_WIDTH, BREAKPOINT_COMPACT_MAX, BREAKPOINT_MEDIUM_MAX, type BarColumnConfig, type BarEncoding, type BarListEncoding, type BarListLayout, type BarListRowMark, type BarListSpec, type BarListSpecWithoutData, type BarTableCell, type BaseLegendLayout, type BinParams, type BinTransform, type Breakpoint, CATEGORICAL_PALETTE, CHART_ENCODING_RULES, CHART_TYPES, COMPACT_WIDTH, type CalculateExpression, type CalculateTransform, type CategoricalLegendLayout, type CategoricalPalette, type CategoryColorsConfig, type CategoryTableCell, type CellStyle, type ChannelRule, type ChartBuilderOptions, type ChartEventHandlers, type ChartLayout, type ChartSpec, type ChartSpecOverride, type ChartSpecWithoutData, type ChartType, type Chrome, type ChromeDefaults, type ChromeKey, type ChromeMode, type ChromeText, type ChromeTextStyle, type ChromeThemeOverride, type CircleEncoding, type ColorBlindnessType, type ColumnConfig, type CompileOptions, type CompileTableOptions, type Condition, type ConditionalValueDef, DEFAULT_THEME, DIVERGING_PALETTES, type DarkMode, type DataRow, type DateGranularity, type Display, type DivergingPalette, EXTENDED_OFFSET_STRATEGIES, type ElementEdit, type ElementRef, type Encoding, type EncodingChannel, type EncodingRule, type EndpointLabelEntry, type EndpointLabelsConfig, type EndpointLabelsLayout, type FacetChannel, type FacetLayout, type FacetPanelLayout, type FieldPredicate, type FieldRef, type FieldType, type FilterPredicate, type FilterTransform, type FlagTableCell, type FoldTransform, GRAPH_ENCODING_RULES, type GradientColorStop, type GradientDef, type GradientLegendLayout, type GradientStop, type GraphChannelRule, type GraphEdge, type GraphEdgeLayout, type GraphEncoding, type GraphEncodingChannel, type GraphLayout, type GraphLayoutConfig, type GraphNode, type GraphNodeLayout, type GraphSpec, type GraphSpecWithoutData, type Gridline, HEIGHT_CRAMPED_MAX, HEIGHT_SHORT_MAX, HPAD_COMPACT_FRACTION, HPAD_COMPACT_MIN, type HeatmapColumnConfig, type HeatmapTableCell, type HeightClass, type ImageColumnConfig, type ImageTableCell, LABEL_GAP_COMPACT, LABEL_GAP_DEFAULT, LABEL_GAP_NARROW_MAX, type LabelCandidate, type LabelConfig, type LabelDensity, type LabelMode, type LabelPriority, type LabelSpec, type LayerSpec, type LayoutStrategy, type LegendConfig, type LegendEntry, type LegendEntryPosition, type LegendLayout, type LegendPosition, type LineEncoding, type LineMark, type LinearGradient, type LogicalAnd, type LogicalNot, type LogicalOr, type LollipopEncoding, MARK_DISPLAY_NAMES, MARK_ENCODING_RULES, MARK_TYPES, MAX_LEFT_LABEL_FRACTION_COMPACT, MAX_LEFT_LABEL_FRACTION_DEFAULT, MAX_LEFT_LABEL_FRACTION_MEDIUM, MAX_LEFT_LABEL_FRACTION_MEDIUM_MAX, type Margins, type Mark, type MarkAria, type MarkDef, type MarkEvent, type MarkType, type MeasureTextFn, type Metric, NARROW_VIEWPORT_MAX, type NodeOverride, OFFSET_STRATEGIES, type OffsetStrategy, type PaginationState, type Point, type PointEncoding, type PointMark, type RadialGradient, type RangeAnnotation, type Rect, type RectEncoding, type RectMark, type RefLineAnnotation, type RelativeTimeRef, type ResolveConfig, type ResolveMode, type ResolvedAnimation, type ResolvedAnimationPhase, type ResolvedAnnotation, type ResolvedChrome, type ResolvedChromeElement, type ResolvedColumn, type ResolvedLabel, type ResolvedMetricBar, type ResolvedMetricCell, type ResolvedTheme, type ResponsiveConfig, type RuleMarkLayout, SEQUENTIAL_PALETTES, type SankeyEncoding, type SankeyLayout, type SankeyLinkColor, type SankeyLinkMark, type SankeyNodeAlign, type SankeyNodeMark, type SankeySpec, type SankeySpecWithoutData, type ScaleConfig, type ScaleType, type SequentialPalette, type SeriesStrategy, type SeriesStyle, type SortState, type SparklineColumnConfig, type SparklineData, type SparklineTableCell, type StoredVizSpec, TICK_LABEL_OFFSET, TOP_PAD_EXTRA_NARROW, TOP_PAD_NARROW_MAX, type TableBuilderOptions, type TableCell, type TableCellBase, type TableLayout, type TableRow, type TableSpec, type TableSpecWithoutData, type TextAnnotation, type TextEncoding, type TextMarkLayout, type TextStyle, type TextTableCell, type Theme, type ThemeChromeDefaults, type ThemeColors, type ThemeConfig, type ThemeFontSizes, type ThemeFontWeights, type ThemeFonts, type ThemeSpacing, type TickEncoding, type TickMarkLayout, type TileMapBuilderOptions, type TileMapEncoding, type TileMapLayout, type TileMapPalette, type TileMapSpec, type TileMapSpecWithoutData, type TileMapTileMark, type TimeUnit, type TimeUnitTransform, type TokenValue, type TooltipContent, type TooltipField, type Transform, type VizSpec, type WindowFieldDef, type WindowOp, type WindowSortField, type WindowTransform, type XAxisExtentInput, X_AXIS_BAND_HEIGHT, X_AXIS_TITLE_BAND, X_AXIS_TITLE_BAND_ROTATED, abbreviateNumber, adaptColorForDarkMode, adaptForLightLineStroke, adaptTheme, areaChart, axisTitleOffset, barChart, buildD3Formatter, buildTemporalFormatter, checkPaletteDistinguishability, columnChart, computeChrome, computeLabelBounds, computeXAxisExtentFromLabels, contrastRatio, dataTable, detectCollision, donutChart, dotChart, editorial, elementRef, essay, estimateTextWidth, findAccessibleColor, formatDate, formatNumber, generateAltText, generateAriaLabels, generateDataTable, getAxisTitleOffset, getBreakpoint, getHeightClass, getLayoutStrategy, getRepresentativeColor, heuristicMeasure, inferFieldType, isBarListSpec, isChartSpec, isConditionalDef, isEncodingChannel, isGradientDef, isGraphSpec, isLayerSpec, isRangeAnnotation, isRefLineAnnotation, isSankeySpec, isTableSpec, isTextAnnotation, isTileMapSpec, lineChart, meetsAA, overlapArea, pickLabelColor, pieChart, resolveCollisions, resolveMarkDef, resolveMarkType, resolveMeasurer, resolveTheme, scatterChart, simulateColorBlindness, textAscent, tileMap, wire, wrapText };

package/dist/index.js

@@ -1209,8 +1209,11 @@ var HPAD_COMPACT_MIN = 4;
 var TICK_LABEL_OFFSET = 6;
 var AXIS_TITLE_TRAILING_PAD = 4;
 var AXIS_TITLE_GAP = 7;
-function axisTitleOffset(maxTickLabelWidth, titleFontSize, width) {
+function axisTitleOffset(maxTickLabelWidth, titleFontSize, width, inline = false) {
   const halfTitleGlyph = Math.ceil(titleFontSize / 2);
+  if (inline) {
+    return TICK_LABEL_OFFSET + AXIS_TITLE_GAP + halfTitleGlyph;
+  }
   const dynamic = TICK_LABEL_OFFSET + maxTickLabelWidth + AXIS_TITLE_GAP + halfTitleGlyph;
   return Math.max(dynamic, getAxisTitleOffset(width));
 }