@opendata-ai/openchart-engine 8.0.0-rc.8 → 8.0.0

package/src/barlist/compile-barlist.ts

@@ -1,391 +0,0 @@
-/**
- * BarList compilation pipeline.
- *
- * Takes a raw barlist spec, validates, normalizes, resolves theme, computes
- * chrome, lays out rows with proportional bars, builds tooltips and a11y,
- * and returns a BarListLayout.
- *
- * Pipeline:
- *   validate -> normalize -> resolve theme -> dark mode adapt ->
- *   compute chrome -> extract data -> sort/limit rows ->
- *   compute row layout -> build row marks -> tooltips -> a11y ->
- *   animation -> return BarListLayout
- */
-
-import type {
-  BarListLayout,
-  BarListRowMark,
-  CompileOptions,
-  ResolvedAnimation,
-  ResolvedTheme,
-  TextStyle,
-  TooltipContent,
-  TooltipField,
-} from '@opendata-ai/openchart-core';
-import {
-  adaptTheme,
-  computeChrome,
-  estimateTextWidth,
-  resolveTheme,
-} from '@opendata-ai/openchart-core';
-import { emitSpecWarnings, expandSpecSugar } from '../compile/spec-sugar';
-import { resolveAnimation } from '../compiler/animation';
-import { compile as compileSpec } from '../compiler/index';
-import { resolveFieldFormatter } from '../format/field-format';
-import type { NormalizedBarListSpec } from './types';
-
-// ---------------------------------------------------------------------------
-// Constants
-// ---------------------------------------------------------------------------
-
-const DEFAULT_ROW_GAP = 8;
-const LABEL_BAR_GAP = 12;
-const BAR_VALUE_GAP = 12;
-const VALUE_WIDTH = 56;
-const LABEL_FONT_SIZE = 13;
-const LABEL_FONT_WEIGHT = 500;
-const SUBTITLE_FONT_SIZE = 12;
-const SUBTITLE_FONT_WEIGHT = 400;
-const VALUE_FONT_SIZE = 12;
-const VALUE_FONT_WEIGHT = 400;
-
-const BARLIST_COLORS = ['#06b6d4', '#34d399', '#fbbf24', '#f472b6', '#a78bfa'];
-
-// ---------------------------------------------------------------------------
-// Public API
-// ---------------------------------------------------------------------------
-
-export function compileBarList(spec: unknown, options: CompileOptions): BarListLayout {
-  // Expand deprecated top-level sugar (valueFormat -> encoding.value.format)
-  // before validation, then validate + normalize via the shared pipeline.
-  const sugarWarnings: string[] = [];
-  const expandedSpec =
-    spec && typeof spec === 'object' && !Array.isArray(spec)
-      ? expandSpecSugar(spec as Record<string, unknown>, sugarWarnings)
-      : spec;
-  const { spec: normalized, warnings } = compileSpec(expandedSpec);
-  emitSpecWarnings([...sugarWarnings, ...warnings], options.onWarn);
-
-  if (!('type' in normalized) || normalized.type !== 'barlist') {
-    throw new Error(
-      'compileBarList received a non-barlist spec. Use compileChart, compileTable, compileGraph, compileSankey, or compileTileMap instead.',
-    );
-  }
-
-  const barlistSpec = normalized as NormalizedBarListSpec;
-
-  const rawWatermark = (spec as Record<string, unknown>).watermark;
-  const watermark =
-    rawWatermark !== undefined ? barlistSpec.watermark : (options.watermark ?? true);
-
-  // Resolve theme
-  const mergedThemeConfig = options.theme
-    ? { ...barlistSpec.theme, ...options.theme }
-    : barlistSpec.theme;
-  const lightTheme: ResolvedTheme = resolveTheme(mergedThemeConfig);
-  let theme: ResolvedTheme = lightTheme;
-  if (options.darkMode) {
-    theme = adaptTheme(theme);
-  }
-
-  // Compute chrome
-  const chrome = computeChrome(
-    {
-      title: barlistSpec.chrome.title,
-      subtitle: barlistSpec.chrome.subtitle,
-      source: barlistSpec.chrome.source,
-      byline: barlistSpec.chrome.byline,
-      footer: barlistSpec.chrome.footer,
-    },
-    theme,
-    options.width,
-    options.measureText,
-    'full',
-    undefined,
-    watermark,
-  );
-
-  // Compute drawing area
-  const padding = theme.spacing.padding;
-  const fullArea = {
-    x: padding,
-    y: padding + chrome.topHeight,
-    width: options.width - padding * 2,
-    height: options.height - chrome.topHeight - chrome.bottomHeight - padding * 2,
-  };
-
-  if (fullArea.width <= 0 || fullArea.height <= 0) {
-    return emptyLayout(chrome, theme, options, watermark);
-  }
-
-  // Extract data
-  const labelField = barlistSpec.encoding.label.field;
-  const valueField = barlistSpec.encoding.value.field;
-  const subtitleField = barlistSpec.encoding.subtitle?.field;
-  const colorField = barlistSpec.encoding.color?.field;
-
-  // Compute row dimensions up front so we can auto-cap maxItems to fit available height
-  const barHeight = barlistSpec.barHeight;
-  const cornerRadius =
-    barlistSpec.cornerRadius === 'pill' ? barHeight / 2 : barlistSpec.cornerRadius;
-  const rowContentHeight = Math.max(barHeight, LABEL_FONT_SIZE * 1.4);
-  const rowHeight = rowContentHeight + DEFAULT_ROW_GAP;
-  const maxFittingRows = Math.max(1, Math.floor(fullArea.height / rowHeight));
-
-  // Filter valid rows, sort descending, cap to the lesser of maxItems and available height
-  const validRows = barlistSpec.data
-    .filter((row) => {
-      const val = row[valueField];
-      return val !== null && val !== undefined && !Number.isNaN(Number(val));
-    })
-    .sort((a, b) => Number(b[valueField]) - Number(a[valueField]))
-    .slice(0, Math.min(barlistSpec.maxItems, maxFittingRows));
-
-  if (validRows.length === 0) {
-    return emptyLayout(chrome, theme, options, watermark);
-  }
-
-  // Use absolute max so negative-only datasets produce valid proportions (e.g. [-100,-50] -> maxAbs=100)
-  const maxValue = Math.max(...validRows.map((r) => Math.abs(Number(r[valueField]))));
-
-  // Color assignment: cycle through barlist-specific palette
-  const colorMap = new Map<string, string>();
-  let colorIndex = 0;
-  const palette = BARLIST_COLORS;
-
-  function getColor(row: Record<string, unknown>, idx: number): string {
-    if (colorField) {
-      const key = String(row[colorField] ?? '');
-      if (!colorMap.has(key)) {
-        colorMap.set(key, palette[colorIndex % palette.length]);
-        colorIndex++;
-      }
-      return colorMap.get(key)!;
-    }
-    return palette[idx % palette.length];
-  }
-
-  // Value formatter: prefer encoding-level format (v8 canonical), fall back to deprecated valueFormat
-  const formatter = resolveFieldFormatter({
-    surfaceFormat: barlistSpec.encoding.value.format ?? barlistSpec.valueFormat,
-    values: validRows.map((r) => r[valueField]),
-  });
-
-  // Compute label width: measure all labels and use a consistent width
-  const measureText =
-    options.measureText ??
-    ((text: string, fontSize: number) => ({
-      width: estimateTextWidth(text, fontSize),
-      height: fontSize,
-    }));
-
-  // When subtitles are present the column must fit: labelText + 6px gap + subtitleText
-  const perRowLabelWidths = new Map<number, number>();
-  let maxCombinedWidth = 0;
-  for (let i = 0; i < validRows.length; i++) {
-    const row = validRows[i];
-    const label = String(row[labelField] ?? '');
-    const labelW = measureText(label, LABEL_FONT_SIZE, LABEL_FONT_WEIGHT).width;
-    perRowLabelWidths.set(i, labelW);
-    let combined = labelW + 4;
-    if (subtitleField && row[subtitleField] != null) {
-      const subtitle = String(row[subtitleField]);
-      combined =
-        labelW + 6 + measureText(subtitle, SUBTITLE_FONT_SIZE, SUBTITLE_FONT_WEIGHT).width + 4;
-    }
-    maxCombinedWidth = Math.max(maxCombinedWidth, combined);
-  }
-  const isNarrow = fullArea.width < 400;
-  const labelBarGap = isNarrow ? 8 : LABEL_BAR_GAP;
-  const barValueGap = isNarrow ? 6 : BAR_VALUE_GAP;
-  const valueWidth = isNarrow ? 44 : VALUE_WIDTH;
-  const maxLabelPct = isNarrow ? 0.35 : 0.4;
-  const labelWidth = Math.max(50, Math.min(maxCombinedWidth, fullArea.width * maxLabelPct));
-
-  const barAreaWidth = fullArea.width - labelWidth - labelBarGap - barValueGap - valueWidth;
-
-  const labelColor = theme.colors.text;
-  const subtitleColor = options.darkMode ? 'rgba(255,255,255,0.5)' : 'rgba(0,0,0,0.45)';
-  const valueColor = options.darkMode ? 'rgba(255,255,255,0.6)' : 'rgba(0,0,0,0.55)';
-
-  // Build row marks
-  const rows: BarListRowMark[] = [];
-
-  for (let i = 0; i < validRows.length; i++) {
-    const row = validRows[i];
-    const value = Number(row[valueField]);
-    const labelText = String(row[labelField] ?? '');
-    const formattedValue = formatter(value);
-    const barColor = getColor(row, i);
-    const pct = maxValue > 0 ? Math.abs(value) / maxValue : 0;
-
-    const rowY = fullArea.y + i * rowHeight;
-    const centerY = rowY + rowContentHeight / 2;
-
-    // Label (left-aligned)
-    const labelX = fullArea.x;
-    const labelStyle: TextStyle = {
-      fontFamily: theme.fonts.family,
-      fontSize: LABEL_FONT_SIZE,
-      fontWeight: LABEL_FONT_WEIGHT,
-      fill: labelColor,
-      lineHeight: 1.4,
-    };
-
-    // Subtitle (left-aligned, positioned after this row's measured label width + gap)
-    let subtitle: BarListRowMark['subtitle'];
-    if (subtitleField && row[subtitleField] != null) {
-      const subtitleText = String(row[subtitleField]);
-      const subtitleX = labelX + (perRowLabelWidths.get(i) ?? 0) + 6;
-      subtitle = {
-        text: subtitleText,
-        x: subtitleX,
-        y: centerY,
-        style: {
-          fontFamily: theme.fonts.family,
-          fontSize: SUBTITLE_FONT_SIZE,
-          fontWeight: SUBTITLE_FONT_WEIGHT,
-          fill: subtitleColor,
-          lineHeight: 1.4,
-        },
-        visible: true,
-      };
-    }
-
-    // Track (muted background bar)
-    const trackX = fullArea.x + labelWidth + labelBarGap;
-    const trackY = centerY - barHeight / 2;
-    const trackWidth = Math.max(barAreaWidth, 0);
-
-    // Fill bar (proportional width)
-    const barWidth = Math.max(pct * trackWidth, 0);
-
-    // Value label (right-aligned)
-    const valueLabelX = trackX + trackWidth + barValueGap + valueWidth;
-    const valueLabelStyle: TextStyle = {
-      fontFamily: `${theme.fonts.family}, ui-monospace, monospace`,
-      fontSize: VALUE_FONT_SIZE,
-      fontWeight: VALUE_FONT_WEIGHT,
-      fill: valueColor,
-      lineHeight: 1.4,
-      fontVariant: 'tabular-nums',
-    };
-
-    const rowMark: BarListRowMark = {
-      type: 'barlist-row',
-      index: i,
-      y: rowY,
-      height: rowHeight,
-      label: {
-        text: labelText,
-        x: labelX,
-        y: centerY,
-        style: labelStyle,
-        visible: true,
-      },
-      subtitle,
-      track: {
-        x: trackX,
-        y: trackY,
-        width: trackWidth,
-        height: barHeight,
-        cornerRadius,
-      },
-      bar: {
-        x: trackX,
-        y: trackY,
-        width: barWidth,
-        height: barHeight,
-        cornerRadius,
-        fill: barColor,
-      },
-      valueLabel: {
-        text: formattedValue,
-        x: valueLabelX,
-        y: centerY,
-        style: valueLabelStyle,
-        visible: true,
-      },
-      value,
-      formattedValue,
-      aria: {
-        role: 'listitem',
-        label: `${labelText}: ${formattedValue}`,
-      },
-      animationIndex: i,
-      data: row,
-    };
-
-    rows.push(rowMark);
-  }
-
-  // Build tooltip descriptors.
-  // TODO: honour encoding.tooltip channel to let callers add extra fields beyond the default value field.
-  const tooltipDescriptors = new Map<string, TooltipContent>();
-  for (const row of rows) {
-    const fields: TooltipField[] = [
-      { label: barlistSpec.encoding.value.title ?? valueField, value: row.formattedValue },
-    ];
-    tooltipDescriptors.set(String(row.index), {
-      title: row.label.text,
-      fields,
-    });
-  }
-
-  // Build a11y metadata
-  const a11y = {
-    altText: `Bar list showing ${rows.length} items ranked by ${valueField}`,
-    dataTableFallback: rows.map((r) => [r.label.text, r.formattedValue]),
-    role: 'list' as const,
-    keyboardNavigable: rows.length > 0,
-  };
-
-  // Resolve animation
-  const resolvedAnimation: ResolvedAnimation | undefined = resolveAnimation(barlistSpec.animation);
-
-  return {
-    area: fullArea,
-    chrome,
-    rows,
-    tooltipDescriptors,
-    a11y,
-    theme,
-    width: options.width,
-    height: options.height,
-    animation: resolvedAnimation,
-    watermark,
-    measureText,
-  };
-}
-
-// ---------------------------------------------------------------------------
-// Empty layout fallback
-// ---------------------------------------------------------------------------
-
-function emptyLayout(
-  chrome: ReturnType<typeof computeChrome>,
-  theme: ResolvedTheme,
-  options: CompileOptions,
-  watermark: boolean,
-): BarListLayout {
-  return {
-    area: { x: 0, y: 0, width: 0, height: 0 },
-    chrome,
-    rows: [],
-    tooltipDescriptors: new Map(),
-    a11y: {
-      altText: 'Empty bar list',
-      dataTableFallback: [],
-      role: 'list',
-      keyboardNavigable: false,
-    },
-    theme,
-    width: options.width,
-    height: options.height,
-    watermark,
-    animation: undefined,
-    measureText:
-      options.measureText ??
-      ((text, fontSize) => ({ width: estimateTextWidth(text, fontSize), height: fontSize })),
-  };
-}

package/src/barlist/types.ts

@@ -1,28 +0,0 @@
-/**
- * Internal normalized barlist spec type used by the compilation pipeline.
- */
-
-import type {
-  AnimationSpec,
-  BarListEncoding,
-  DarkMode,
-  DataRow,
-  ThemeConfig,
-} from '@opendata-ai/openchart-core';
-
-import type { NormalizedChrome } from '../compiler/types';
-
-export interface NormalizedBarListSpec {
-  type: 'barlist';
-  data: DataRow[];
-  encoding: BarListEncoding;
-  barHeight: number;
-  cornerRadius: number | 'pill';
-  maxItems: number;
-  chrome: NormalizedChrome;
-  theme: ThemeConfig;
-  darkMode: DarkMode;
-  watermark: boolean;
-  animation?: AnimationSpec;
-  valueFormat?: string;
-}

package/src/charts/__tests__/post-process.test.ts

@@ -1,237 +0,0 @@
-import type { Mark, PointMark, RectMark, ResolvedAnimation } from '@opendata-ai/openchart-core';
-import { describe, expect, it } from 'vitest';
-import type { ResolvedScales } from '../../layout/scales';
-import { assignAnimationIndices, computeMarkObstacles, resolveRendererKey } from '../post-process';
-
-// ---------------------------------------------------------------------------
-// computeMarkObstacles
-// ---------------------------------------------------------------------------
-
-describe('computeMarkObstacles', () => {
-  it('returns individual rects for non-band rect marks', () => {
-    const marks: Mark[] = [
-      { type: 'rect', x: 10, y: 20, width: 50, height: 30, fill: '#000' } as RectMark,
-      { type: 'rect', x: 80, y: 20, width: 50, height: 30, fill: '#000' } as RectMark,
-    ];
-    const scales = { y: { type: 'linear' } } as unknown as ResolvedScales;
-    const result = computeMarkObstacles(marks, scales);
-    expect(result).toHaveLength(2);
-    expect(result[0]).toEqual({ x: 10, y: 20, width: 50, height: 30, kind: 'mark' });
-    expect(result[1]).toEqual({ x: 80, y: 20, width: 50, height: 30, kind: 'mark' });
-  });
-
-  it('returns point mark bounds as bounding box from cx/cy/r', () => {
-    const marks: Mark[] = [{ type: 'point', cx: 100, cy: 100, r: 10, fill: '#000' } as PointMark];
-    const scales = { y: { type: 'linear' } } as unknown as ResolvedScales;
-    const result = computeMarkObstacles(marks, scales);
-    expect(result).toHaveLength(1);
-    expect(result[0]).toEqual({ x: 90, y: 90, width: 20, height: 20, kind: 'mark' });
-  });
-
-  it('returns grouped row obstacles for band-scale charts', () => {
-    const marks: Mark[] = [
-      { type: 'rect', x: 10, y: 50, width: 40, height: 20, fill: '#000' } as RectMark,
-      { type: 'rect', x: 60, y: 50, width: 30, height: 20, fill: '#000' } as RectMark,
-    ];
-    const bandScale = Object.assign((v: string) => (v === 'A' ? 40 : 100), {
-      bandwidth: () => 30,
-      domain: () => ['A', 'B'],
-    });
-    const scales = { y: { type: 'band', scale: bandScale } } as unknown as ResolvedScales;
-    const result = computeMarkObstacles(marks, scales);
-    // Both marks have cy ~60, so they group into one row obstacle
-    expect(result).toHaveLength(1);
-    expect(result[0].x).toBe(10);
-    expect(result[0].width).toBe(80); // 90 - 10
-  });
-
-  it('returns empty array for empty marks', () => {
-    const scales = { y: { type: 'linear' } } as unknown as ResolvedScales;
-    const result = computeMarkObstacles([], scales);
-    expect(result).toHaveLength(0);
-  });
-});
-
-// ---------------------------------------------------------------------------
-// resolveRendererKey
-// ---------------------------------------------------------------------------
-
-describe('resolveRendererKey', () => {
-  it('keeps bar as bar when x=quantitative, y=nominal (horizontal)', () => {
-    const encoding = {
-      x: { field: 'val', type: 'quantitative' },
-      y: { field: 'cat', type: 'nominal' },
-    };
-    expect(resolveRendererKey('bar', encoding, {})).toBe('bar');
-  });
-
-  it('resolves bar to bar:vertical when x=nominal, y=quantitative', () => {
-    const encoding = {
-      x: { field: 'cat', type: 'nominal' },
-      y: { field: 'val', type: 'quantitative' },
-    };
-    expect(resolveRendererKey('bar', encoding, {})).toBe('bar:vertical');
-  });
-
-  it('resolves bar to bar:vertical when x=ordinal, y=quantitative', () => {
-    const encoding = {
-      x: { field: 'cat', type: 'ordinal' },
-      y: { field: 'val', type: 'quantitative' },
-    };
-    expect(resolveRendererKey('bar', encoding, {})).toBe('bar:vertical');
-  });
-
-  it('resolves bar to bar:vertical when x=temporal, y=quantitative', () => {
-    const encoding = {
-      x: { field: 'date', type: 'temporal' },
-      y: { field: 'val', type: 'quantitative' },
-    };
-    expect(resolveRendererKey('bar', encoding, {})).toBe('bar:vertical');
-  });
-
-  it('resolves arc to arc:donut when innerRadius > 0', () => {
-    expect(resolveRendererKey('arc', {}, { innerRadius: 50 })).toBe('arc:donut');
-  });
-
-  it('keeps arc as arc when no innerRadius', () => {
-    expect(resolveRendererKey('arc', {}, {})).toBe('arc');
-  });
-
-  it('keeps arc as arc when innerRadius is 0', () => {
-    expect(resolveRendererKey('arc', {}, { innerRadius: 0 })).toBe('arc');
-  });
-
-  it('passes through other mark types unchanged', () => {
-    expect(resolveRendererKey('line', {}, {})).toBe('line');
-    expect(resolveRendererKey('area', {}, {})).toBe('area');
-    expect(resolveRendererKey('point', {}, {})).toBe('point');
-  });
-});
-
-// ---------------------------------------------------------------------------
-// assignAnimationIndices
-// ---------------------------------------------------------------------------
-
-describe('assignAnimationIndices', () => {
-  it('assigns sequential indices sorted by primary value for value stagger', () => {
-    const marks: Mark[] = [
-      { type: 'rect', x: 0, y: 0, width: 10, height: 30, fill: '#000' } as RectMark,
-      { type: 'rect', x: 0, y: 0, width: 10, height: 10, fill: '#000' } as RectMark,
-      { type: 'rect', x: 0, y: 0, width: 10, height: 50, fill: '#000' } as RectMark,
-    ];
-    const animation: ResolvedAnimation = {
-      enter: { duration: 500, ease: 'smooth', staggerDelay: 50, staggerOrder: 'value' },
-      annotationDelay: 0,
-    };
-    assignAnimationIndices(marks, animation);
-    // Sorted by height: 10, 30, 50 -> indices 0, 1, 2
-    expect(marks[0].animationIndex).toBe(1); // height 30
-    expect(marks[1].animationIndex).toBe(0); // height 10
-    expect(marks[2].animationIndex).toBe(2); // height 50
-  });
-
-  it('assigns group-based indices for stacked rects', () => {
-    const marks: Mark[] = [
-      {
-        type: 'rect',
-        x: 0,
-        y: 0,
-        width: 10,
-        height: 30,
-        fill: '#000',
-        stackGroup: 'A',
-      } as RectMark,
-      {
-        type: 'rect',
-        x: 0,
-        y: 0,
-        width: 10,
-        height: 20,
-        fill: '#000',
-        stackGroup: 'A',
-      } as RectMark,
-      {
-        type: 'rect',
-        x: 0,
-        y: 0,
-        width: 10,
-        height: 40,
-        fill: '#000',
-        stackGroup: 'B',
-      } as RectMark,
-    ];
-    const animation: ResolvedAnimation = {
-      enter: { duration: 500, ease: 'smooth', staggerDelay: 50, staggerOrder: 'value' },
-      annotationDelay: 0,
-    };
-    assignAnimationIndices(marks, animation);
-    // Stack group A gets index 0, B gets index 1
-    const rectMarks = marks as RectMark[];
-    expect(rectMarks[0].animationIndex).toBe(0);
-    expect(rectMarks[0].stackPos).toBe(0);
-    expect(rectMarks[1].animationIndex).toBe(0);
-    expect(rectMarks[1].stackPos).toBe(1);
-    expect(rectMarks[2].animationIndex).toBe(1);
-    expect(rectMarks[2].stackPos).toBe(0);
-  });
-
-  it('stack indices overwrite value-based indices', () => {
-    const marks: Mark[] = [
-      {
-        type: 'rect',
-        x: 0,
-        y: 0,
-        width: 10,
-        height: 30,
-        fill: '#000',
-        stackGroup: 'A',
-      } as RectMark,
-      {
-        type: 'rect',
-        x: 0,
-        y: 0,
-        width: 10,
-        height: 50,
-        fill: '#000',
-        stackGroup: 'A',
-      } as RectMark,
-    ];
-    const animation: ResolvedAnimation = {
-      enter: { duration: 500, ease: 'smooth', staggerDelay: 50, staggerOrder: 'value' },
-      annotationDelay: 0,
-    };
-    assignAnimationIndices(marks, animation);
-    // Both should have the same group index (0), not value-sorted indices
-    expect((marks[0] as RectMark).animationIndex).toBe(0);
-    expect((marks[1] as RectMark).animationIndex).toBe(0);
-  });
-
-  it('is a no-op when animation is undefined', () => {
-    const marks: Mark[] = [
-      { type: 'rect', x: 0, y: 0, width: 10, height: 30, fill: '#000' } as RectMark,
-    ];
-    assignAnimationIndices(marks, undefined);
-    expect(marks[0].animationIndex).toBeUndefined();
-  });
-
-  it('is a no-op when animation has no enter phase', () => {
-    const marks: Mark[] = [
-      { type: 'rect', x: 0, y: 0, width: 10, height: 30, fill: '#000' } as RectMark,
-    ];
-    const animation: ResolvedAnimation = {
-      annotationDelay: 0,
-    };
-    assignAnimationIndices(marks, animation);
-    expect(marks[0].animationIndex).toBeUndefined();
-  });
-
-  it('handles empty marks array', () => {
-    const animation: ResolvedAnimation = {
-      enter: { duration: 500, ease: 'smooth', staggerDelay: 50, staggerOrder: 'value' },
-      annotationDelay: 0,
-    };
-    const marks: Mark[] = [];
-    assignAnimationIndices(marks, animation);
-    expect(marks).toHaveLength(0);
-  });
-});