import type { TruncationMode } from '../../../../typography/text-ellipsis/TextEllipsis.js'; import type { ChartColorPalette, ChartDatapoint } from '../../../core/types/chart-data.js'; import type { Formatter } from '../../../core/types/formatter.js'; import type { SeriesActionsTemplate } from '../../../core/types/series-actions-template.js'; /** * Renders the flame with the root at the top (`'top-down'`, "icicle") or at the * bottom (`'bottom-up'`, classic flame). * @internal */ export type FlameOrientation = 'top-down' | 'bottom-up'; /** @internal */ export type FlameChartProps = { data: TData[]; idAccessor: string; parentIdAccessor: string; startAccessor: string; endAccessor: string; selfValueAccessor?: string; labelAccessor: string; colorPalette?: ChartColorPalette; /** * Root at the top (`'top-down'`, "icicle") or bottom (`'bottom-up'`, classic). * @defaultValue 'bottom-up' */ orientation?: FlameOrientation; /** * How each bar's label is truncated when it exceeds the bar width. * @defaultValue 'middle' */ truncationMode?: TruncationMode; /** Formats a numeric value for display in the tooltip. Defaults to `String(value)`. */ valueFormatter?: Formatter; /** * Epoch offset to subtract from `startAccessor`/`endAccessor` values so the x-axis * starts at 0. Pass the minimum start time in the dataset. */ minTime?: number; /** Controlled zoom domain `[start, end]` on the x-axis. */ currentZoom?: [number, number]; /** Returns the actions to render inside the tooltip series item for a given datapoint. */ seriesActions?: (datapoint: TData) => SeriesActionsTemplate; /** * Chart height. Numbers are pixels; strings are any valid CSS height. * @defaultValue '300px' */ height?: number | string; }; /** @internal */ export type FlameGraphProps = { data: TData[]; idAccessor: string; parentIdAccessor: string; valueAccessor: string; selfValueAccessor?: string; labelAccessor: string; /** Accessor used to sort sibling spans. Defaults to `labelAccessor`. */ sortAccessor?: string; colorPalette?: ChartColorPalette; /** * Root at the top (`'top-down'`, "icicle") or bottom (`'bottom-up'`, classic). * @defaultValue 'bottom-up' */ orientation?: FlameOrientation; /** * How each bar's label is truncated when it exceeds the bar width. * @defaultValue 'middle' */ truncationMode?: TruncationMode; /** Formats a numeric value for display in the tooltip. Defaults to `String(value)`. */ valueFormatter?: Formatter; /** Controlled zoom domain `[start, end]` on the x-axis. */ currentZoom?: [number, number]; /** Returns the actions to render inside the tooltip series item for a given datapoint. */ seriesActions?: (datapoint: TData) => SeriesActionsTemplate; /** * Chart height. Numbers are pixels; strings are any valid CSS height. * @defaultValue '300px' */ height?: number | string; }; //# sourceMappingURL=flame-chart.d.ts.map