@dynatrace/strato-components 3.5.2 → 3.7.0

package/esm/charts/xy-chart/types/xy-chart.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/types/xy-chart.ts"],
-  "sourcesContent": ["import type { Unit } from '@dynatrace-sdk/units';\n\nimport type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js';\nimport type { PointShapeType } from '../../core/components/shape/type.js';\nimport type {\n  ColorPalette,\n  CustomColorPalette,\n} from '../../core/types/color-palette.js';\nimport type { ColoredRange } from '../../core/types/colored-range.js';\nimport type { Formatter, TimeFormatter } from '../../core/types/formatter.js';\nimport { ProgrammaticZoomHandlers } from '../../core/types/zoom.js';\n\n/**\n * Curve shape for line, band and area series\n * @public\n */\nexport type SeriesCurve = 'linear' | 'smooth';\n\n/**\n * Data type for the XY chart\n * @public\n */\nexport type XYChartData = Record<string, unknown>;\n\n/**\n * Bar series single constant variant.\n * @public\n */\nexport const BAR_VARIANT_SINGLE = 'single';\n/**\n * Bar series stack constant variant.\n * @public\n */\nexport const BAR_VARIANT_STACK = 'stack';\n/**\n * Bar series group constant variant.\n * @public\n */\nexport const BAR_VARIANT_GROUP = 'group';\n\n/**\n * Bar series variant type.\n * @public\n */\nexport type BarSeriesVariant =\n  | typeof BAR_VARIANT_SINGLE\n  | typeof BAR_VARIANT_STACK\n  | typeof BAR_VARIANT_GROUP;\n\n/**\n * Color palette options for XYChart.\n * @public\n */\nexport type XYChartColorPalette =\n  | ColorPalette\n  | CustomColorPalette\n  | ColoredRange[];\n\n/**\n * Props definition for the XYChart legend\n * @public\n */\nexport type XYChartLegend = {\n  /**\n   * The truncation mode to be used as start, middle or end in the long legend\n   * labels\n   * @defaultValue 'middle'\n   */\n  truncationMode: TruncationMode;\n};\n\n/**\n * XYChart Ref\n * @public\n */\nexport interface XYChartRef extends ProgrammaticZoomHandlers {\n  /** Chart div element. */\n  element: HTMLDivElement | null;\n  /** Returns the current serialized config of the XYChart. */\n  getConfig: () => string;\n  /** Downloads series. */\n  downloadData: () => void;\n}\n\n/**\n * The position for the xy chart x-axis\n * @public\n */\nexport type XYChartXAxisPosition =\n  | typeof BOTTOM_POSITION\n  | typeof TOP_POSITION\n  | typeof BOTH_POSITION;\n\n/**\n * The position for the xy chart y-axis\n * @public\n */\nexport type XYChartYAxisPosition =\n  | typeof LEFT_POSITION\n  | typeof RIGHT_POSITION\n  | typeof BOTH_POSITION;\n\n/**\n * The numerical scale type for the xy chart axis\n * @public\n */\nexport const NUMERICAL_SCALE_TYPE = 'numerical';\n\n/**\n * The log scale type for the xy chart axis\n * @public\n */\nexport const LOG_SCALE_TYPE = 'log';\n\n/**\n * The time scale type for the xy chart axis\n * @public\n */\nexport const TIME_SCALE_TYPE = 'time';\n\n/**\n * The categorical scale type for the xy chart axis\n * @public\n */\nexport const CATEGORICAL_SCALE_TYPE = 'categorical';\n\n/**\n * The data type for the xy chart axis\n * @public\n */\nexport type XYChartAxisType =\n  | typeof LOG_SCALE_TYPE\n  | typeof NUMERICAL_SCALE_TYPE\n  | typeof TIME_SCALE_TYPE\n  | typeof CATEGORICAL_SCALE_TYPE;\n\n/**\n * The top position for the xy chart x-axis\n * @public\n */\nexport const TOP_POSITION = 'top';\n\n/**\n * The bottom position for the xy chart x-axis\n * @public\n */\nexport const BOTTOM_POSITION = 'bottom';\n\n/**\n * The left position for the xy chart x-axis\n * @public\n */\nexport const LEFT_POSITION = 'left';\n\n/**\n * The right position for the xy chart x-axis\n * @public\n */\nexport const RIGHT_POSITION = 'right';\n\n/**\n * The both position for the xy chart x-axis\n * @public\n */\nexport const BOTH_POSITION = 'both';\n\n/**\n * The valid data types for x and y accessors\n * @public\n */\nexport type XYAccessorDataTypes = string | number | Date;\n\n/**\n * The base selected datapoint information\n * @public\n */\nexport interface BaseDatapoint extends Record<string, unknown> {\n  /**\n   * datapoint x0 value\n   */\n  x0: XYAccessorDataTypes;\n  /**\n   * datapoint y0 value\n   */\n  y0: XYAccessorDataTypes;\n}\n\n/**\n * The selected rect datapoint information\n * @public\n */\nexport interface RectDatapoint extends BaseDatapoint {\n  /**\n   *  datapoint x1 value\n   */\n  x1?: XYAccessorDataTypes;\n  /**\n   * datapoint y1 value\n   */\n  y1?: XYAccessorDataTypes;\n  /**\n   * datapoint value\n   */\n  value: number | string;\n}\n\n/**\n * The selected dot series datapoint information\n * @public\n */\nexport interface DotDatapoint extends BaseDatapoint {\n  /**\n   * datapoint x1 value, exclusive to timeframe datapoints\n   */\n  x1?: Date;\n  /**\n   * datapoint y1 value, exclusive to timeframe datapoints\n   */\n  y1?: Date;\n}\n\n/**\n * The selected line series datapoint information\n * @public\n */\nexport interface LineDatapoint extends BaseDatapoint {\n  /**\n   * datapoint x1 value, exclusive to timeframe datapoints\n   */\n  x1?: Date;\n  /**\n   * datapoint y1 value, exclusive to timeframe datapoints\n   */\n  y1?: Date;\n}\n\n/**\n * The selected bar series datapoint information\n * @public\n */\nexport interface BarDatapoint extends Partial<BaseDatapoint> {\n  /**\n   *  datapoint x1 value\n   */\n  x1?: XYAccessorDataTypes;\n  /**\n   * datapoint y1 value\n   */\n  y1?: XYAccessorDataTypes;\n}\n\n/**\n * The selected area series datapoint information\n * @public\n */\nexport interface AreaDatapoint extends Partial<BaseDatapoint> {\n  /**\n   *  datapoint x1 value\n   */\n  x1?: XYAccessorDataTypes;\n  /**\n   * datapoint y1 value\n   */\n  y1?: XYAccessorDataTypes;\n}\n\n/**\n * The selected area datapoint displayed on the action\n * @public\n */\nexport type XYChartAreaSeriesActionItem = {\n  datapoint: AreaDatapoint;\n  category?: string;\n  datapoints?: AreaDatapoint[];\n  name: string;\n};\n\n/**\n * The selected area series in the action\n * @public\n */\nexport type XYChartAreaSeries = XYChartSeriesActionInfo<AreaDatapoint>;\n\n/**\n * The selected dot datapoint displayed on the action\n * @public\n */\nexport type XYChartDotSeriesActionItem = DotDatapoint & {\n  /**\n   * series name\n   */\n  name: string;\n};\n\n/**\n * Base type for series action info containing datapoints and name.\n * @public\n */\nexport type XYChartSeriesActionInfo<T> = {\n  /** All datapoints belonging to the selected series or category */\n  datapoints: T[];\n  /** The name of the selected series or category */\n  name: string;\n};\n\n/**\n * The selected dot series in the action\n * @public\n */\nexport type XYChartDotSeries = XYChartSeriesActionInfo<DotDatapoint>;\n\n/**\n * The selected rect datapoint displayed on the action\n * @public\n */\nexport type XYChartRectSeriesActionItem = RectDatapoint;\n\n/**\n * The selected rect series in the action\n * @public\n */\nexport type XYChartRectSeries = XYChartSeriesActionInfo<RectDatapoint>;\n\n/**\n * The selected line datapoint displayed on the action\n * @public\n */\nexport type XYChartLineSeriesActionItem = LineDatapoint & {\n  /**\n   * The name for the series\n   */\n  name: string;\n};\n\n/**\n * The selected line series in the action\n * @public\n */\nexport type XYChartLineSeries = XYChartSeriesActionInfo<LineDatapoint>;\n\n/**\n * The selected bar datapoint displayed on the action.\n * Can be a single BarDatapoint or include grouped datapoints for stacked/grouped bars.\n * @public\n */\nexport type XYChartBarSeriesActionItem = {\n  datapoint: BarDatapoint;\n  category?: string;\n  datapoints?: BarDatapoint[];\n  name: string;\n};\n\n/**\n * The selected bar series in the action\n * @public\n */\nexport type XYChartBarSeries = XYChartSeriesActionInfo<BarDatapoint>;\n\n/**\n * Static threshold data: a single value or a range.\n * @public\n */\nexport type XYChartThresholdStaticData =\n  | XYChartThresholdDataLineStatic\n  | XYChartThresholdDataRangeStatic;\n\n/**\n * Dynamic threshold data: a single value or a range, with an x coordinate.\n * @public\n */\nexport type XYChartThresholdDynamicData =\n  | XYChartThresholdDataLineDynamic\n  | XYChartThresholdDataRangeDynamic;\n\n/**\n * All possible threshold data types for XYChart.\n * @public\n */\nexport type XYChartThresholdData =\n  | XYChartThresholdStaticData\n  | XYChartThresholdDynamicData[];\n\n/**\n * A single threshold datapoint (static or dynamic).\n * @public\n */\nexport type XYChartThresholdDatapoint =\n  | XYChartThresholdStaticData\n  | XYChartThresholdDynamicData;\n\n/**\n * Value type for a threshold (number or Date).\n * @public\n */\nexport type XYChartThresholdValue = number | Date;\n\n/**\n * Base type for a line threshold (single value).\n * @public\n */\nexport type XYChartThresholdLineBase = { y: XYChartThresholdValue };\n\n/**\n * Base type for a range threshold (min/max).\n * @public\n */\nexport type XYChartThresholdRangeBase = {\n  yMin: number | Date;\n  yMax: number | Date;\n};\n\n/**\n * Static line threshold data.\n * @public\n */\nexport type XYChartThresholdDataLineStatic = XYChartThresholdLineBase;\n\n/**\n * Static range threshold data.\n * @public\n */\nexport type XYChartThresholdDataRangeStatic = XYChartThresholdRangeBase;\n\n/**\n * Dynamic line threshold data (with x).\n * @public\n */\nexport type XYChartThresholdDataLineDynamic = XYChartThresholdLineBase & {\n  x: XYChartThresholdValue;\n};\n\n/**\n * Dynamic range threshold data (with x).\n * @public\n */\nexport type XYChartThresholdDataRangeDynamic = XYChartThresholdRangeBase & {\n  x: XYChartThresholdValue;\n};\n\n/**\n * The selected datapoints per series in the XYChart.\n * @public\n */\nexport type XYChartSelectedSeries = Record<\n  string,\n  | XYChartRectSeriesActionItem[]\n  | XYChartDotSeriesActionItem[]\n  | XYChartLineSeriesActionItem[]\n  | XYChartBarSeriesActionItem[]\n>[];\n\n/**\n * The selected datapoints per series in the XYChart.\n * @public\n */\nexport type XYChartSelectedDomains = Record<\n  string,\n  [Date, Date] | [number, number]\n>[];\n\n/**\n * Datapoint types for the tooltip payload\n * @public\n */\nexport type XYChartTooltipDatapoint =\n  | DotDatapoint\n  | LineDatapoint\n  | RectDatapoint\n  | BarDatapoint\n  | AreaDatapoint;\n\n/**\n * NumericalFormatter\n * @public\n */\nexport type NumericalFormatter = (\n  value: number,\n  unit?: string | Unit,\n  precision?: number,\n) => string;\n\n/**\n * AxisFormatter\n * @public\n */\nexport type AxisFormatter = NumericalFormatter | TimeFormatter;\n\n/**\n * Base tooltip payload shared across all series types\n * @public\n */\nexport type BaseTooltipPayload<T extends XYChartTooltipDatapoint> = {\n  datapoint: T;\n  seriesId: string;\n  seriesName: string;\n  xFormatter: AxisFormatter;\n  yFormatter: AxisFormatter;\n  color: string;\n  xAxisLabel?: string;\n  yAxisLabel?: string;\n};\n\n/**\n * Tooltip payload containing dot series specific data\n * @public\n */\nexport interface DotTooltipPayload extends BaseTooltipPayload<DotDatapoint> {\n  /** Shape of the dot */\n  shape: PointShapeType;\n}\n\n/**\n * Tooltip payload containing line series specific data\n * @public\n */\nexport type LineTooltipPayload = BaseTooltipPayload<LineDatapoint>;\n\n/**\n * Tooltip payload containing rect series specific data\n * @public\n */\nexport interface RectTooltipPayload extends BaseTooltipPayload<RectDatapoint> {\n  /** Rect datapoint */\n  datapoint: RectDatapoint;\n  /** Label for the value */\n  valueLabel: string;\n  /** Formatter for the value */\n  valueFormatter?: Formatter;\n}\n\n/**\n * Tooltip payload containing bar series specific data\n * @public\n */\nexport type BarTooltipPayload = BaseTooltipPayload<BarDatapoint>;\n\n/**\n * Tooltip payload containing area series specific data\n * @public\n */\nexport type AreaTooltipPayload = BaseTooltipPayload<AreaDatapoint>;\n\n/**\n * Tooltip payload containing optional payloads for different series types\n * @public\n */\nexport type XYChartTooltipPayload = {\n  dotPayload?: DotTooltipPayload;\n  linePayload?: LineTooltipPayload;\n  rectPayload?: RectTooltipPayload;\n  barPayload?: BarTooltipPayload;\n  areaPayload?: AreaTooltipPayload;\n};\n"],
+  "sourcesContent": ["import type { Unit } from '@dynatrace-sdk/units';\n\nimport type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js';\nimport type { PointShapeType } from '../../core/components/shape/type.js';\nimport type {\n  ColorPalette,\n  CustomColorPalette,\n} from '../../core/types/color-palette.js';\nimport type { ColoredRange } from '../../core/types/colored-range.js';\nimport type { Formatter, TimeFormatter } from '../../core/types/formatter.js';\nimport { ProgrammaticZoomHandlers } from '../../core/types/zoom.js';\n\n/**\n * Curve shape for line, band and area series\n * @public\n */\nexport type SeriesCurve = 'linear' | 'smooth';\n\n/**\n * Data type for the XY chart\n * @public\n */\nexport type XYChartData = Record<string, unknown>;\n\n/**\n * Bar series single constant variant.\n * @public\n */\nexport const BAR_VARIANT_SINGLE = 'single';\n/**\n * Bar series stack constant variant.\n * @public\n */\nexport const BAR_VARIANT_STACK = 'stack';\n/**\n * Bar series group constant variant.\n * @public\n */\nexport const BAR_VARIANT_GROUP = 'group';\n\n/**\n * Bar series variant type.\n * @public\n */\nexport type BarSeriesVariant =\n  | typeof BAR_VARIANT_SINGLE\n  | typeof BAR_VARIANT_STACK\n  | typeof BAR_VARIANT_GROUP;\n\n/**\n * Color palette options for XYChart.\n * @public\n */\nexport type XYChartColorPalette =\n  | ColorPalette\n  | CustomColorPalette\n  | ColoredRange[];\n\n/**\n * Props definition for the XYChart legend\n * @public\n */\nexport type XYChartLegend = {\n  /**\n   * The truncation mode to be used as start, middle or end in the long legend\n   * labels\n   * @defaultValue 'middle'\n   */\n  truncationMode: TruncationMode;\n};\n\n/**\n * XYChart Ref\n * @public\n */\nexport interface XYChartRef extends ProgrammaticZoomHandlers {\n  /** Chart div element. */\n  element: HTMLDivElement | null;\n  /** Returns the current serialized config of the XYChart. */\n  getConfig: () => string;\n  /** Downloads series. */\n  downloadData: () => void;\n}\n\n/**\n * The position for the xy chart x-axis\n * @public\n */\nexport type XYChartXAxisPosition =\n  | typeof BOTTOM_POSITION\n  | typeof TOP_POSITION\n  | typeof BOTH_POSITION;\n\n/**\n * The position for the xy chart y-axis\n * @public\n */\nexport type XYChartYAxisPosition =\n  | typeof LEFT_POSITION\n  | typeof RIGHT_POSITION\n  | typeof BOTH_POSITION;\n\n/**\n * The numerical scale type for the xy chart axis\n * @public\n */\nexport const NUMERICAL_SCALE_TYPE = 'numerical';\n\n/**\n * The log scale type for the xy chart axis\n * @public\n */\nexport const LOG_SCALE_TYPE = 'log';\n\n/**\n * The time scale type for the xy chart axis\n * @public\n */\nexport const TIME_SCALE_TYPE = 'time';\n\n/**\n * The categorical scale type for the xy chart axis\n * @public\n */\nexport const CATEGORICAL_SCALE_TYPE = 'categorical';\n\n/**\n * The data type for the xy chart axis\n * @public\n */\nexport type XYChartAxisType =\n  | typeof LOG_SCALE_TYPE\n  | typeof NUMERICAL_SCALE_TYPE\n  | typeof TIME_SCALE_TYPE\n  | typeof CATEGORICAL_SCALE_TYPE;\n\n/**\n * The top position for the xy chart x-axis\n * @public\n */\nexport const TOP_POSITION = 'top';\n\n/**\n * The bottom position for the xy chart x-axis\n * @public\n */\nexport const BOTTOM_POSITION = 'bottom';\n\n/**\n * The left position for the xy chart x-axis\n * @public\n */\nexport const LEFT_POSITION = 'left';\n\n/**\n * The right position for the xy chart x-axis\n * @public\n */\nexport const RIGHT_POSITION = 'right';\n\n/**\n * The both position for the xy chart x-axis\n * @public\n */\nexport const BOTH_POSITION = 'both';\n\n/**\n * The valid data types for x and y accessors\n * @public\n */\nexport type XYAccessorDataTypes = string | number | Date;\n\n/**\n * The base selected datapoint information\n * @public\n */\nexport interface BaseDatapoint extends Record<string, unknown> {\n  /**\n   * datapoint x0 value\n   */\n  x0: XYAccessorDataTypes;\n  /**\n   * datapoint y0 value\n   */\n  y0: XYAccessorDataTypes;\n}\n\n/**\n * The selected rect datapoint information\n * @public\n */\nexport interface RectDatapoint extends BaseDatapoint {\n  /**\n   *  datapoint x1 value\n   */\n  x1?: XYAccessorDataTypes;\n  /**\n   * datapoint y1 value\n   */\n  y1?: XYAccessorDataTypes;\n  /**\n   * datapoint value\n   */\n  value: number | string;\n}\n\n/**\n * The selected dot series datapoint information\n * @public\n */\nexport interface DotDatapoint extends BaseDatapoint {\n  /**\n   * datapoint x1 value, exclusive to timeframe datapoints\n   */\n  x1?: Date;\n  /**\n   * datapoint y1 value, exclusive to timeframe datapoints\n   */\n  y1?: Date;\n}\n\n/**\n * The selected line series datapoint information\n * @public\n */\nexport interface LineDatapoint extends BaseDatapoint {\n  /**\n   * datapoint x1 value, exclusive to timeframe datapoints\n   */\n  x1?: Date;\n  /**\n   * datapoint y1 value, exclusive to timeframe datapoints\n   */\n  y1?: Date;\n}\n\n/**\n * The selected bar series datapoint information\n * @public\n */\nexport interface BarDatapoint extends Partial<BaseDatapoint> {\n  /**\n   *  datapoint x1 value\n   */\n  x1?: XYAccessorDataTypes;\n  /**\n   * datapoint y1 value\n   */\n  y1?: XYAccessorDataTypes;\n  /**\n   * datapoint label value\n   */\n  label?: string;\n}\n\n/**\n * The selected area series datapoint information\n * @public\n */\nexport interface AreaDatapoint extends Partial<BaseDatapoint> {\n  /**\n   *  datapoint x1 value\n   */\n  x1?: XYAccessorDataTypes;\n  /**\n   * datapoint y1 value\n   */\n  y1?: XYAccessorDataTypes;\n}\n\n/**\n * The selected area datapoint displayed on the action\n * @public\n */\nexport type XYChartAreaSeriesActionItem = {\n  datapoint: AreaDatapoint;\n  category?: string;\n  datapoints?: AreaDatapoint[];\n  name: string;\n};\n\n/**\n * The selected area series in the action\n * @public\n */\nexport type XYChartAreaSeries = XYChartSeriesActionInfo<AreaDatapoint>;\n\n/**\n * The selected dot datapoint displayed on the action\n * @public\n */\nexport type XYChartDotSeriesActionItem = DotDatapoint & {\n  /**\n   * series name\n   */\n  name: string;\n};\n\n/**\n * Base type for series action info containing datapoints and name.\n * @public\n */\nexport type XYChartSeriesActionInfo<T> = {\n  /** All datapoints belonging to the selected series or category */\n  datapoints: T[];\n  /** The name of the selected series or category */\n  name: string;\n};\n\n/**\n * The selected dot series in the action\n * @public\n */\nexport type XYChartDotSeries = XYChartSeriesActionInfo<DotDatapoint>;\n\n/**\n * The selected rect datapoint displayed on the action\n * @public\n */\nexport type XYChartRectSeriesActionItem = RectDatapoint;\n\n/**\n * The selected rect series in the action\n * @public\n */\nexport type XYChartRectSeries = XYChartSeriesActionInfo<RectDatapoint>;\n\n/**\n * The selected line datapoint displayed on the action\n * @public\n */\nexport type XYChartLineSeriesActionItem = LineDatapoint & {\n  /**\n   * The name for the series\n   */\n  name: string;\n};\n\n/**\n * The selected line series in the action\n * @public\n */\nexport type XYChartLineSeries = XYChartSeriesActionInfo<LineDatapoint>;\n\n/**\n * The selected bar datapoint displayed on the action.\n * Can be a single BarDatapoint or include grouped datapoints for stacked/grouped bars.\n * @public\n */\nexport type XYChartBarSeriesActionItem = {\n  datapoint: BarDatapoint;\n  category?: string;\n  datapoints?: BarDatapoint[];\n  name: string;\n};\n\n/**\n * The selected bar series in the action\n * @public\n */\nexport type XYChartBarSeries = XYChartSeriesActionInfo<BarDatapoint>;\n\n/**\n * Static threshold data: a single value or a range.\n * @public\n */\nexport type XYChartThresholdStaticData =\n  | XYChartThresholdDataLineStatic\n  | XYChartThresholdDataRangeStatic;\n\n/**\n * Dynamic threshold data: a single value or a range, with an x coordinate.\n * @public\n */\nexport type XYChartThresholdDynamicData =\n  | XYChartThresholdDataLineDynamic\n  | XYChartThresholdDataRangeDynamic;\n\n/**\n * All possible threshold data types for XYChart.\n * @public\n */\nexport type XYChartThresholdData =\n  | XYChartThresholdStaticData\n  | XYChartThresholdDynamicData[];\n\n/**\n * A single threshold datapoint (static or dynamic).\n * @public\n */\nexport type XYChartThresholdDatapoint =\n  | XYChartThresholdStaticData\n  | XYChartThresholdDynamicData;\n\n/**\n * Value type for a threshold (number or Date).\n * @public\n */\nexport type XYChartThresholdValue = number | Date;\n\n/**\n * Base type for a line threshold (single value).\n * @public\n */\nexport type XYChartThresholdLineBase = { y: XYChartThresholdValue };\n\n/**\n * Base type for a range threshold (min/max).\n * @public\n */\nexport type XYChartThresholdRangeBase = {\n  yMin: number | Date;\n  yMax: number | Date;\n};\n\n/**\n * Static line threshold data.\n * @public\n */\nexport type XYChartThresholdDataLineStatic = XYChartThresholdLineBase;\n\n/**\n * Static range threshold data.\n * @public\n */\nexport type XYChartThresholdDataRangeStatic = XYChartThresholdRangeBase;\n\n/**\n * Dynamic line threshold data (with x).\n * @public\n */\nexport type XYChartThresholdDataLineDynamic = XYChartThresholdLineBase & {\n  x: XYChartThresholdValue;\n};\n\n/**\n * Dynamic range threshold data (with x).\n * @public\n */\nexport type XYChartThresholdDataRangeDynamic = XYChartThresholdRangeBase & {\n  x: XYChartThresholdValue;\n};\n\n/**\n * The selected datapoints per series in the XYChart.\n * @public\n */\nexport type XYChartSelectedSeries = Record<\n  string,\n  | XYChartRectSeriesActionItem[]\n  | XYChartDotSeriesActionItem[]\n  | XYChartLineSeriesActionItem[]\n  | XYChartBarSeriesActionItem[]\n>[];\n\n/**\n * The selected datapoints per series in the XYChart.\n * @public\n */\nexport type XYChartSelectedDomains = Record<\n  string,\n  [Date, Date] | [number, number]\n>[];\n\n/**\n * Datapoint types for the tooltip payload\n * @public\n */\nexport type XYChartTooltipDatapoint =\n  | DotDatapoint\n  | LineDatapoint\n  | RectDatapoint\n  | BarDatapoint\n  | AreaDatapoint;\n\n/**\n * NumericalFormatter\n * @public\n */\nexport type NumericalFormatter = (\n  value: number,\n  unit?: string | Unit,\n  precision?: number,\n) => string;\n\n/**\n * AxisFormatter\n * @public\n */\nexport type AxisFormatter = NumericalFormatter | TimeFormatter;\n\n/**\n * Base tooltip payload shared across all series types\n * @public\n */\nexport type BaseTooltipPayload<T extends XYChartTooltipDatapoint> = {\n  datapoint: T;\n  seriesId: string;\n  seriesName: string;\n  xFormatter: AxisFormatter;\n  yFormatter: AxisFormatter;\n  color: string;\n  xAxisLabel?: string;\n  yAxisLabel?: string;\n};\n\n/**\n * Tooltip payload containing dot series specific data\n * @public\n */\nexport interface DotTooltipPayload extends BaseTooltipPayload<DotDatapoint> {\n  /** Shape of the dot */\n  shape: PointShapeType;\n}\n\n/**\n * Tooltip payload containing line series specific data\n * @public\n */\nexport type LineTooltipPayload = BaseTooltipPayload<LineDatapoint>;\n\n/**\n * Tooltip payload containing rect series specific data\n * @public\n */\nexport interface RectTooltipPayload extends BaseTooltipPayload<RectDatapoint> {\n  /** Rect datapoint */\n  datapoint: RectDatapoint;\n  /** Label for the value */\n  valueLabel: string;\n  /** Formatter for the value */\n  valueFormatter?: Formatter;\n}\n\n/**\n * Tooltip payload containing bar series specific data\n * @public\n */\nexport type BarTooltipPayload = BaseTooltipPayload<BarDatapoint>;\n\n/**\n * Tooltip payload containing area series specific data\n * @public\n */\nexport type AreaTooltipPayload = BaseTooltipPayload<AreaDatapoint>;\n\n/**\n * Tooltip payload containing optional payloads for different series types\n * @public\n */\nexport type XYChartTooltipPayload = {\n  dotPayload?: DotTooltipPayload;\n  linePayload?: LineTooltipPayload;\n  rectPayload?: RectTooltipPayload;\n  barPayload?: BarTooltipPayload;\n  areaPayload?: AreaTooltipPayload;\n};\n"],
   "mappings": "AA4BO,MAAM,qBAAqB;AAK3B,MAAM,oBAAoB;AAK1B,MAAM,oBAAoB;AAoE1B,MAAM,uBAAuB;AAM7B,MAAM,iBAAiB;AAMvB,MAAM,kBAAkB;AAMxB,MAAM,yBAAyB;AAgB/B,MAAM,eAAe;AAMrB,MAAM,kBAAkB;AAMxB,MAAM,gBAAgB;AAMtB,MAAM,iBAAiB;AAMvB,MAAM,gBAAgB;",
   "names": []
 }

package/esm/charts/xy-chart/utils/build-sorted-entries.js

@@ -0,0 +1,66 @@
+import {
+  getAccessors,
+  getPixelDimensionsForDatapoint
+} from "./query-hovered.js";
+import { relAccessor } from "./value-representation.js";
+import { safeGet } from "../../core/utils/safe-get.js";
+function buildGetBarPixelCenter(axisIdToScales, seriesToMetadata, axisIdToScaleDomain, datapointMetadataMap) {
+  const accessorsBySeries = /* @__PURE__ */ new Map();
+  return (series, datapoint) => {
+    let accessors = accessorsBySeries.get(series.id);
+    if (!accessors) {
+      const metadata = safeGet(seriesToMetadata, series);
+      const xRelAccessor = relAccessor(metadata.xAxis, axisIdToScaleDomain);
+      const yRelAccessor = relAccessor(metadata.yAxis, axisIdToScaleDomain);
+      accessors = getAccessors(
+        series,
+        axisIdToScales,
+        datapointMetadataMap,
+        xRelAccessor,
+        yRelAccessor
+      );
+      accessorsBySeries.set(series.id, accessors);
+    }
+    const { x, y, width, height } = getPixelDimensionsForDatapoint(
+      datapoint,
+      accessors
+    );
+    return {
+      xPixel: x + width / 2,
+      yPixel: y + height / 2,
+      boundaries: `${String(datapoint.x0)}-${String(datapoint.x1)}`
+    };
+  };
+}
+function buildSortedEntries(barSeries, datapointMetadataMap, getBarPixelCenter) {
+  const bar = [];
+  for (const series of barSeries) {
+    for (const datapoint of series.data) {
+      if (safeGet(datapointMetadataMap, datapoint).isGap) {
+        continue;
+      }
+      const { xPixel, yPixel, boundaries } = getBarPixelCenter(
+        series,
+        datapoint
+      );
+      bar.push({
+        xPixel,
+        yPixel,
+        boundaries,
+        result: {
+          type: series.type,
+          distance: 0,
+          datapoint,
+          series
+        }
+      });
+    }
+  }
+  bar.sort((a, b) => a.xPixel - b.xPixel);
+  return { bar };
+}
+export {
+  buildGetBarPixelCenter,
+  buildSortedEntries
+};
+//# sourceMappingURL=build-sorted-entries.js.map

package/esm/charts/xy-chart/utils/build-sorted-entries.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/xy-chart/utils/build-sorted-entries.ts"],
+  "sourcesContent": ["import {\n  getAccessors,\n  getPixelDimensionsForDatapoint,\n} from './query-hovered.js';\nimport { relAccessor } from './value-representation.js';\nimport { safeGet } from '../../core/utils/safe-get.js';\nimport type { BarSeriesQueryResult } from '../context/XYChartOverlayPerformance.context.js';\nimport type { AxisIdToScales } from '../context/XYChartScales.context.js';\nimport type {\n  AxisIdToScaleDomain,\n  BarSeriesWithDatapoints,\n  MapDatapoints,\n  SeriesId,\n  SeriesToMetadata,\n} from '../types/xy-chart-internals.js';\nimport type { BarDatapoint } from '../types/xy-chart.js';\n\nexport type BarSortedEntry = {\n  xPixel: number;\n  yPixel: number;\n  /**\n   * Stable cluster identifier built from the datapoint's x-domain\n   * (`x0-x1`). Bars sharing the same `boundaries` belong to the same\n   * stack / same start-end domain group.\n   */\n  boundaries: string;\n  result: BarSeriesQueryResult;\n};\n\n/**\n * Sorted-entry buckets keyed by shape. Only `bar` is populated today;\n * follow-up stories add other shapes (rect, dot, line, area).\n *\n * Selection state in the shared tooltip is expected to be tracked per\n * shape, so the underlying data structure separates entries by shape\n * even when only one is in use.\n */\nexport type SortedEntriesPerShape = {\n  bar: BarSortedEntry[];\n};\n\nexport type BarPixelCenter = {\n  xPixel: number;\n  yPixel: number;\n  boundaries: string;\n};\n\n/**\n * Maps a (series, datapoint) pair to its bar's pixel center and\n * stack/cluster boundary. Used to anchor cluster lookups around the\n * hovered bar's exact pixel position instead of the cursor's.\n */\nexport type GetBarPixelCenter = (\n  series: BarSeriesWithDatapoints,\n  datapoint: BarDatapoint,\n) => BarPixelCenter;\n\n/**\n * Build a per-series-cached `GetBarPixelCenter`. Accessor construction\n * is non-trivial, so we memoize per series id to keep tight loops fast.\n */\nexport function buildGetBarPixelCenter(\n  axisIdToScales: AxisIdToScales,\n  seriesToMetadata: SeriesToMetadata,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n  datapointMetadataMap: MapDatapoints,\n): GetBarPixelCenter {\n  const accessorsBySeries = new Map<\n    SeriesId,\n    ReturnType<typeof getAccessors>\n  >();\n\n  return (series, datapoint) => {\n    let accessors = accessorsBySeries.get(series.id);\n    if (!accessors) {\n      const metadata = safeGet(seriesToMetadata, series);\n      const xRelAccessor = relAccessor(metadata.xAxis, axisIdToScaleDomain);\n      const yRelAccessor = relAccessor(metadata.yAxis, axisIdToScaleDomain);\n      accessors = getAccessors(\n        series,\n        axisIdToScales,\n        datapointMetadataMap,\n        xRelAccessor,\n        yRelAccessor,\n      );\n      accessorsBySeries.set(series.id, accessors);\n    }\n    const { x, y, width, height } = getPixelDimensionsForDatapoint(\n      datapoint,\n      accessors,\n    );\n    return {\n      xPixel: x + width / 2,\n      yPixel: y + height / 2,\n      boundaries: `${String(datapoint.x0)}-${String(datapoint.x1)}`,\n    };\n  };\n}\n\n/**\n * Build the per-shape sorted entries used by the shared tooltip query.\n *\n * Only bar series are processed. Each bar datapoint becomes one entry\n * positioned at the bar's pixel center, with a `boundaries` key that\n * groups bars sharing the same `x0-x1` (stacks and start-end clusters).\n *\n * Entries are returned sorted ascending by `xPixel` so callers can run a\n * binary search by x-position.\n */\nexport function buildSortedEntries(\n  barSeries: BarSeriesWithDatapoints[],\n  datapointMetadataMap: MapDatapoints,\n  getBarPixelCenter: GetBarPixelCenter,\n): SortedEntriesPerShape {\n  const bar: BarSortedEntry[] = [];\n\n  for (const series of barSeries) {\n    for (const datapoint of series.data) {\n      if (safeGet(datapointMetadataMap, datapoint).isGap) {\n        continue;\n      }\n      const { xPixel, yPixel, boundaries } = getBarPixelCenter(\n        series,\n        datapoint,\n      );\n      bar.push({\n        xPixel,\n        yPixel,\n        boundaries,\n        result: {\n          type: series.type,\n          distance: 0,\n          datapoint,\n          series,\n        },\n      });\n    }\n  }\n\n  bar.sort((a, b) => a.xPixel - b.xPixel);\n\n  return { bar };\n}\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB;AAC5B,SAAS,eAAe;AAwDjB,SAAS,uBACd,gBACA,kBACA,qBACA,sBACmB;AACnB,QAAM,oBAAoB,oBAAI,IAG5B;AAEF,SAAO,CAAC,QAAQ,cAAc;AAC5B,QAAI,YAAY,kBAAkB,IAAI,OAAO,EAAE;AAC/C,QAAI,CAAC,WAAW;AACd,YAAM,WAAW,QAAQ,kBAAkB,MAAM;AACjD,YAAM,eAAe,YAAY,SAAS,OAAO,mBAAmB;AACpE,YAAM,eAAe,YAAY,SAAS,OAAO,mBAAmB;AACpE,kBAAY;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AACA,wBAAkB,IAAI,OAAO,IAAI,SAAS;AAAA,IAC5C;AACA,UAAM,EAAE,GAAG,GAAG,OAAO,OAAO,IAAI;AAAA,MAC9B;AAAA,MACA;AAAA,IACF;AACA,WAAO;AAAA,MACL,QAAQ,IAAI,QAAQ;AAAA,MACpB,QAAQ,IAAI,SAAS;AAAA,MACrB,YAAY,GAAG,OAAO,UAAU,EAAE,CAAC,IAAI,OAAO,UAAU,EAAE,CAAC;AAAA,IAC7D;AAAA,EACF;AACF;AAYO,SAAS,mBACd,WACA,sBACA,mBACuB;AACvB,QAAM,MAAwB,CAAC;AAE/B,aAAW,UAAU,WAAW;AAC9B,eAAW,aAAa,OAAO,MAAM;AACnC,UAAI,QAAQ,sBAAsB,SAAS,EAAE,OAAO;AAClD;AAAA,MACF;AACA,YAAM,EAAE,QAAQ,QAAQ,WAAW,IAAI;AAAA,QACrC;AAAA,QACA;AAAA,MACF;AACA,UAAI,KAAK;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA,QAAQ;AAAA,UACN,MAAM,OAAO;AAAA,UACb,UAAU;AAAA,UACV;AAAA,UACA;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAEA,MAAI,KAAK,CAAC,GAAG,MAAM,EAAE,SAAS,EAAE,MAAM;AAEtC,SAAO,EAAE,IAAI;AACf;",
+  "names": []
+}

package/esm/charts/xy-chart/utils/calculate-axes-domains.js

@@ -9,14 +9,26 @@ function getMinMax(axisId, coordinate0, coordinate1, axisIdToScaleDomain) {
     min: coordinate0,
     max: coordinate1
   };
-  const minValues = [minMax.min, coordinate0, coordinate1].filter(
-    (value) => value !== void 0
-  );
-  const maxValues = [minMax.max, coordinate0, coordinate1].filter(
-    (value) => value !== void 0
-  );
-  minMax.min = Math.min(...minValues);
-  minMax.max = Math.max(...maxValues);
+  let min = minMax.min;
+  let max = minMax.max;
+  if (coordinate0 !== void 0) {
+    if (min === void 0 || coordinate0 < min) {
+      min = coordinate0;
+    }
+    if (max === void 0 || coordinate0 > max) {
+      max = coordinate0;
+    }
+  }
+  if (coordinate1 !== void 0) {
+    if (min === void 0 || coordinate1 < min) {
+      min = coordinate1;
+    }
+    if (max === void 0 || coordinate1 > max) {
+      max = coordinate1;
+    }
+  }
+  minMax.min = min;
+  minMax.max = max;
   return minMax;
 }
 function getCategoricalDomain(axisId, v0, v1, axisIdToScaleDomain) {
@@ -30,52 +42,42 @@ function getCategoricalDomain(axisId, v0, v1, axisIdToScaleDomain) {
   return categoricalSet;
 }
 const calculateAxesDomainsMap = {
-  [XYAxisTypeLinear]: (args) => {
-    return getMinMax(
-      args.axisId,
-      args.a0,
-      args.a1,
-      args.axisIdToScaleDomain
-    );
+  [XYAxisTypeLinear]: (axisId, a0, a1, axisIdToScaleDomain) => {
+    return getMinMax(axisId, a0, a1, axisIdToScaleDomain);
   },
-  [XYAxisTypeLog]: (args) => {
-    return getMinMax(
-      args.axisId,
-      args.a0,
-      args.a1,
-      args.axisIdToScaleDomain
-    );
+  [XYAxisTypeLog]: (axisId, a0, a1, axisIdToScaleDomain) => {
+    return getMinMax(axisId, a0, a1, axisIdToScaleDomain);
   },
-  [XYAxisTypeCategorical]: (args) => {
+  [XYAxisTypeCategorical]: (axisId, a0, a1, axisIdToScaleDomain) => {
     return getCategoricalDomain(
-      args.axisId,
-      args.a0,
-      args.a1,
-      args.axisIdToScaleDomain
+      axisId,
+      a0,
+      a1,
+      axisIdToScaleDomain
     );
   },
-  [XYAxisTypeTime]: (args) => {
+  [XYAxisTypeTime]: (axisId, a0, a1, axisIdToScaleDomain) => {
     return getMinMax(
-      args.axisId,
-      args.a0?.valueOf(),
-      args.a1?.valueOf(),
-      args.axisIdToScaleDomain
+      axisId,
+      a0?.valueOf(),
+      a1?.valueOf(),
+      axisIdToScaleDomain
     );
   }
 };
 function calculateAxesDomains(xAxis, yAxis, datapoint, axisIdToScaleDomain, isSeriesVisible) {
-  const xDomain = calculateAxesDomainsMap[xAxis.type]({
-    axisId: xAxis.id,
-    a0: datapoint.x0,
-    a1: datapoint.x1,
+  const xDomain = calculateAxesDomainsMap[xAxis.type](
+    xAxis.id,
+    datapoint.x0,
+    datapoint.x1,
     axisIdToScaleDomain
-  });
-  const yDomain = isSeriesVisible || yAxis.type === XYAxisTypeCategorical ? calculateAxesDomainsMap[yAxis.type]({
-    axisId: yAxis.id,
-    a0: datapoint.y0,
-    a1: datapoint.y1,
+  );
+  const yDomain = isSeriesVisible || yAxis.type === XYAxisTypeCategorical ? calculateAxesDomainsMap[yAxis.type](
+    yAxis.id,
+    datapoint.y0,
+    datapoint.y1,
     axisIdToScaleDomain
-  }) : axisIdToScaleDomain.get(yAxis.id) ?? {};
+  ) : axisIdToScaleDomain.get(yAxis.id) ?? {};
   return { xDomain, yDomain };
 }
 export {

package/esm/charts/xy-chart/utils/calculate-axes-domains.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/utils/calculate-axes-domains.ts"],
-  "sourcesContent": ["import type { MinMax } from '../../core/types/min-max.js';\nimport {\n  XYAxisTypeCategorical,\n  XYAxisTypeLinear,\n  XYAxisTypeLog,\n  XYAxisTypeTime,\n} from '../types/axis.js';\nimport type {\n  AxisIdToScaleDomain,\n  CategoryName,\n  XYChartAxisInternal,\n} from '../types/xy-chart-internals.js';\nimport {\n  type AreaDatapoint,\n  type BarDatapoint,\n  type DotDatapoint,\n  type LineDatapoint,\n  type RectDatapoint,\n  type XYAccessorDataTypes,\n} from '../types/xy-chart.js';\n\nfunction getMinMax(\n  axisId: string,\n  coordinate0: number,\n  coordinate1: number | undefined,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n): MinMax {\n  const minMax = (axisIdToScaleDomain.get(axisId) ?? {\n    min: coordinate0,\n    max: coordinate1,\n  }) as MinMax;\n\n  const minValues = [minMax.min, coordinate0, coordinate1].filter(\n    (value) => value !== undefined,\n  );\n  const maxValues = [minMax.max, coordinate0, coordinate1].filter(\n    (value) => value !== undefined,\n  );\n\n  minMax.min = Math.min(...minValues);\n  minMax.max = Math.max(...maxValues);\n\n  return minMax;\n}\n\nfunction getCategoricalDomain(\n  axisId: string,\n  v0: string,\n  v1: string,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n) {\n  const categoricalSet = (axisIdToScaleDomain.get(axisId) ??\n    new Set()) as Set<CategoryName>;\n\n  if (v0) {\n    categoricalSet.add(v0);\n  }\n  if (v1) {\n    categoricalSet.add(v1);\n  }\n\n  return categoricalSet;\n}\n\ntype CalculateAxesDomainArgs = {\n  axisId: string;\n  a0: XYAccessorDataTypes | undefined;\n  a1: XYAccessorDataTypes | undefined | unknown;\n  axisIdToScaleDomain: AxisIdToScaleDomain;\n};\n\ntype CalculateAxesDomainByType = {\n  [XYAxisTypeLinear]: (args: CalculateAxesDomainArgs) => MinMax;\n  [XYAxisTypeLog]: (args: CalculateAxesDomainArgs) => MinMax;\n  [XYAxisTypeCategorical]: (args: CalculateAxesDomainArgs) => Set<CategoryName>;\n  [XYAxisTypeTime]: (args: CalculateAxesDomainArgs) => MinMax;\n};\n\nconst calculateAxesDomainsMap: CalculateAxesDomainByType = {\n  [XYAxisTypeLinear]: (args) => {\n    return getMinMax(\n      args.axisId,\n      args.a0 as number,\n      args.a1 as number,\n      args.axisIdToScaleDomain,\n    );\n  },\n  [XYAxisTypeLog]: (args) => {\n    return getMinMax(\n      args.axisId,\n      args.a0 as number,\n      args.a1 as number,\n      args.axisIdToScaleDomain,\n    );\n  },\n  [XYAxisTypeCategorical]: (args) => {\n    return getCategoricalDomain(\n      args.axisId,\n      args.a0 as string,\n      args.a1 as string,\n      args.axisIdToScaleDomain,\n    );\n  },\n  [XYAxisTypeTime]: (args) => {\n    return getMinMax(\n      args.axisId,\n      args.a0?.valueOf() as number,\n      args.a1?.valueOf() as number,\n      args.axisIdToScaleDomain,\n    );\n  },\n};\n\n//TODO: types issues, rect and dot series not share the same types, x1 and y1 are working cause of unknown type\nexport function calculateAxesDomains(\n  xAxis: XYChartAxisInternal,\n  yAxis: XYChartAxisInternal,\n  datapoint:\n    | LineDatapoint\n    | DotDatapoint\n    | BarDatapoint\n    | RectDatapoint\n    | AreaDatapoint,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n  isSeriesVisible: boolean,\n) {\n  const xDomain = calculateAxesDomainsMap[xAxis.type]({\n    axisId: xAxis.id,\n    a0: datapoint.x0,\n    a1: datapoint.x1,\n    axisIdToScaleDomain,\n  });\n\n  const yDomain =\n    isSeriesVisible || yAxis.type === XYAxisTypeCategorical\n      ? calculateAxesDomainsMap[yAxis.type]({\n          axisId: yAxis.id,\n          a0: datapoint.y0,\n          a1: datapoint.y1,\n          axisIdToScaleDomain,\n        })\n      : axisIdToScaleDomain.get(yAxis.id) ?? {};\n\n  return { xDomain, yDomain };\n}\n"],
-  "mappings": "AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAeP,SAAS,UACP,QACA,aACA,aACA,qBACQ;AACR,QAAM,SAAU,oBAAoB,IAAI,MAAM,KAAK;AAAA,IACjD,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAEA,QAAM,YAAY,CAAC,OAAO,KAAK,aAAa,WAAW,EAAE;AAAA,IACvD,CAAC,UAAU,UAAU;AAAA,EACvB;AACA,QAAM,YAAY,CAAC,OAAO,KAAK,aAAa,WAAW,EAAE;AAAA,IACvD,CAAC,UAAU,UAAU;AAAA,EACvB;AAEA,SAAO,MAAM,KAAK,IAAI,GAAG,SAAS;AAClC,SAAO,MAAM,KAAK,IAAI,GAAG,SAAS;AAElC,SAAO;AACT;AAEA,SAAS,qBACP,QACA,IACA,IACA,qBACA;AACA,QAAM,iBAAkB,oBAAoB,IAAI,MAAM,KACpD,oBAAI,IAAI;AAEV,MAAI,IAAI;AACN,mBAAe,IAAI,EAAE;AAAA,EACvB;AACA,MAAI,IAAI;AACN,mBAAe,IAAI,EAAE;AAAA,EACvB;AAEA,SAAO;AACT;AAgBA,MAAM,0BAAqD;AAAA,EACzD,CAAC,gBAAgB,GAAG,CAAC,SAAS;AAC5B,WAAO;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP;AAAA,EACF;AAAA,EACA,CAAC,aAAa,GAAG,CAAC,SAAS;AACzB,WAAO;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP;AAAA,EACF;AAAA,EACA,CAAC,qBAAqB,GAAG,CAAC,SAAS;AACjC,WAAO;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP;AAAA,EACF;AAAA,EACA,CAAC,cAAc,GAAG,CAAC,SAAS;AAC1B,WAAO;AAAA,MACL,KAAK;AAAA,MACL,KAAK,IAAI,QAAQ;AAAA,MACjB,KAAK,IAAI,QAAQ;AAAA,MACjB,KAAK;AAAA,IACP;AAAA,EACF;AACF;AAGO,SAAS,qBACd,OACA,OACA,WAMA,qBACA,iBACA;AACA,QAAM,UAAU,wBAAwB,MAAM,IAAI,EAAE;AAAA,IAClD,QAAQ,MAAM;AAAA,IACd,IAAI,UAAU;AAAA,IACd,IAAI,UAAU;AAAA,IACd;AAAA,EACF,CAAC;AAED,QAAM,UACJ,mBAAmB,MAAM,SAAS,wBAC9B,wBAAwB,MAAM,IAAI,EAAE;AAAA,IAClC,QAAQ,MAAM;AAAA,IACd,IAAI,UAAU;AAAA,IACd,IAAI,UAAU;AAAA,IACd;AAAA,EACF,CAAC,IACD,oBAAoB,IAAI,MAAM,EAAE,KAAK,CAAC;AAE5C,SAAO,EAAE,SAAS,QAAQ;AAC5B;",
+  "sourcesContent": ["import type { MinMax } from '../../core/types/min-max.js';\nimport {\n  XYAxisTypeCategorical,\n  XYAxisTypeLinear,\n  XYAxisTypeLog,\n  XYAxisTypeTime,\n} from '../types/axis.js';\nimport type {\n  AxisIdToScaleDomain,\n  CategoryName,\n  XYChartAxisInternal,\n} from '../types/xy-chart-internals.js';\nimport {\n  type AreaDatapoint,\n  type BarDatapoint,\n  type DotDatapoint,\n  type LineDatapoint,\n  type RectDatapoint,\n  type XYAccessorDataTypes,\n} from '../types/xy-chart.js';\n\nfunction getMinMax(\n  axisId: string,\n  coordinate0: number | undefined,\n  coordinate1: number | undefined,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n): MinMax {\n  const minMax = (axisIdToScaleDomain.get(axisId) ?? {\n    min: coordinate0,\n    max: coordinate1,\n  }) as MinMax;\n\n  let min = minMax.min;\n  let max = minMax.max;\n\n  if (coordinate0 !== undefined) {\n    if (min === undefined || coordinate0 < min) {\n      min = coordinate0;\n    }\n    if (max === undefined || coordinate0 > max) {\n      max = coordinate0;\n    }\n  }\n  if (coordinate1 !== undefined) {\n    if (min === undefined || coordinate1 < min) {\n      min = coordinate1;\n    }\n    if (max === undefined || coordinate1 > max) {\n      max = coordinate1;\n    }\n  }\n\n  minMax.min = min;\n  minMax.max = max;\n\n  return minMax;\n}\n\nfunction getCategoricalDomain(\n  axisId: string,\n  v0: string,\n  v1: string,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n) {\n  const categoricalSet = (axisIdToScaleDomain.get(axisId) ??\n    new Set()) as Set<CategoryName>;\n\n  if (v0) {\n    categoricalSet.add(v0);\n  }\n  if (v1) {\n    categoricalSet.add(v1);\n  }\n\n  return categoricalSet;\n}\n\ntype CalculateLinearDomain = (\n  axisId: string,\n  a0: XYAccessorDataTypes | undefined,\n  a1: XYAccessorDataTypes | undefined | unknown,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n) => MinMax;\n\ntype CalculateCategoricalDomain = (\n  axisId: string,\n  a0: XYAccessorDataTypes | undefined,\n  a1: XYAccessorDataTypes | undefined | unknown,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n) => Set<CategoryName>;\n\ntype CalculateAxesDomainByType = {\n  [XYAxisTypeLinear]: CalculateLinearDomain;\n  [XYAxisTypeLog]: CalculateLinearDomain;\n  [XYAxisTypeCategorical]: CalculateCategoricalDomain;\n  [XYAxisTypeTime]: CalculateLinearDomain;\n};\n\nconst calculateAxesDomainsMap: CalculateAxesDomainByType = {\n  [XYAxisTypeLinear]: (axisId, a0, a1, axisIdToScaleDomain) => {\n    return getMinMax(axisId, a0 as number, a1 as number, axisIdToScaleDomain);\n  },\n  [XYAxisTypeLog]: (axisId, a0, a1, axisIdToScaleDomain) => {\n    return getMinMax(axisId, a0 as number, a1 as number, axisIdToScaleDomain);\n  },\n  [XYAxisTypeCategorical]: (axisId, a0, a1, axisIdToScaleDomain) => {\n    return getCategoricalDomain(\n      axisId,\n      a0 as string,\n      a1 as string,\n      axisIdToScaleDomain,\n    );\n  },\n  [XYAxisTypeTime]: (axisId, a0, a1, axisIdToScaleDomain) => {\n    return getMinMax(\n      axisId,\n      a0?.valueOf() as number,\n      a1?.valueOf() as number,\n      axisIdToScaleDomain,\n    );\n  },\n};\n\n//TODO: types issues, rect and dot series not share the same types, x1 and y1 are working cause of unknown type\nexport function calculateAxesDomains(\n  xAxis: XYChartAxisInternal,\n  yAxis: XYChartAxisInternal,\n  datapoint:\n    | LineDatapoint\n    | DotDatapoint\n    | BarDatapoint\n    | RectDatapoint\n    | AreaDatapoint,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n  isSeriesVisible: boolean,\n) {\n  const xDomain = calculateAxesDomainsMap[xAxis.type](\n    xAxis.id,\n    datapoint.x0,\n    datapoint.x1,\n    axisIdToScaleDomain,\n  );\n\n  const yDomain =\n    isSeriesVisible || yAxis.type === XYAxisTypeCategorical\n      ? calculateAxesDomainsMap[yAxis.type](\n          yAxis.id,\n          datapoint.y0,\n          datapoint.y1,\n          axisIdToScaleDomain,\n        )\n      : axisIdToScaleDomain.get(yAxis.id) ?? {};\n\n  return { xDomain, yDomain };\n}\n"],
+  "mappings": "AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAeP,SAAS,UACP,QACA,aACA,aACA,qBACQ;AACR,QAAM,SAAU,oBAAoB,IAAI,MAAM,KAAK;AAAA,IACjD,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAEA,MAAI,MAAM,OAAO;AACjB,MAAI,MAAM,OAAO;AAEjB,MAAI,gBAAgB,QAAW;AAC7B,QAAI,QAAQ,UAAa,cAAc,KAAK;AAC1C,YAAM;AAAA,IACR;AACA,QAAI,QAAQ,UAAa,cAAc,KAAK;AAC1C,YAAM;AAAA,IACR;AAAA,EACF;AACA,MAAI,gBAAgB,QAAW;AAC7B,QAAI,QAAQ,UAAa,cAAc,KAAK;AAC1C,YAAM;AAAA,IACR;AACA,QAAI,QAAQ,UAAa,cAAc,KAAK;AAC1C,YAAM;AAAA,IACR;AAAA,EACF;AAEA,SAAO,MAAM;AACb,SAAO,MAAM;AAEb,SAAO;AACT;AAEA,SAAS,qBACP,QACA,IACA,IACA,qBACA;AACA,QAAM,iBAAkB,oBAAoB,IAAI,MAAM,KACpD,oBAAI,IAAI;AAEV,MAAI,IAAI;AACN,mBAAe,IAAI,EAAE;AAAA,EACvB;AACA,MAAI,IAAI;AACN,mBAAe,IAAI,EAAE;AAAA,EACvB;AAEA,SAAO;AACT;AAuBA,MAAM,0BAAqD;AAAA,EACzD,CAAC,gBAAgB,GAAG,CAAC,QAAQ,IAAI,IAAI,wBAAwB;AAC3D,WAAO,UAAU,QAAQ,IAAc,IAAc,mBAAmB;AAAA,EAC1E;AAAA,EACA,CAAC,aAAa,GAAG,CAAC,QAAQ,IAAI,IAAI,wBAAwB;AACxD,WAAO,UAAU,QAAQ,IAAc,IAAc,mBAAmB;AAAA,EAC1E;AAAA,EACA,CAAC,qBAAqB,GAAG,CAAC,QAAQ,IAAI,IAAI,wBAAwB;AAChE,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EACA,CAAC,cAAc,GAAG,CAAC,QAAQ,IAAI,IAAI,wBAAwB;AACzD,WAAO;AAAA,MACL;AAAA,MACA,IAAI,QAAQ;AAAA,MACZ,IAAI,QAAQ;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AACF;AAGO,SAAS,qBACd,OACA,OACA,WAMA,qBACA,iBACA;AACA,QAAM,UAAU,wBAAwB,MAAM,IAAI;AAAA,IAChD,MAAM;AAAA,IACN,UAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA,EACF;AAEA,QAAM,UACJ,mBAAmB,MAAM,SAAS,wBAC9B,wBAAwB,MAAM,IAAI;AAAA,IAChC,MAAM;AAAA,IACN,UAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA,EACF,IACA,oBAAoB,IAAI,MAAM,EAAE,KAAK,CAAC;AAE5C,SAAO,EAAE,SAAS,QAAQ;AAC5B;",
   "names": []
 }

package/esm/charts/xy-chart/utils/generate-nice-unit-ticks.js

@@ -4,6 +4,7 @@ import {
 import {
   isFormatterOptions
 } from "../../core/types/formatter.js";
+import { adaptivelyReduceHorizontalTicks } from "../../core/utils/adaptively-reduce-horizontal-ticks.js";
 import {
   getHorizontalNumTicks,
   getVerticalNumTicks
@@ -87,7 +88,7 @@ function niceUnitDomain(domain, formatterOptions, niceMin, niceMax) {
     max: convert(nicedMax, outputUnit, inputUnit, true)
   };
 }
-function computeNiceUnitTicks(domain, formatterOptions, availableSize, orientation, formatter) {
+function computeNiceUnitTicks(domain, formatterOptions, availableSize, orientation, formatter, scale) {
   const { targetMin, targetMax, inputUnit, outputUnit } = convertDomainToTargetUnit(domain, formatterOptions);
   if (targetMin === targetMax) {
     return {
@@ -106,19 +107,49 @@ function computeNiceUnitTicks(domain, formatterOptions, availableSize, orientati
   if (step === 0) {
     return null;
   }
-  const targetTicks = generateTicks([targetMin, targetMax], step);
-  const baseUnitTicks = targetTicks.map(
-    (tick) => convert(tick, outputUnit, inputUnit, true)
+  const buildResult = (currentStep) => {
+    const targetTicks = generateTicks([targetMin, targetMax], currentStep);
+    if (targetTicks[targetTicks.length - 1] !== targetMax) {
+      targetTicks.push(targetMax);
+    }
+    if (targetTicks[0] !== targetMin) {
+      targetTicks.unshift(targetMin);
+    }
+    const baseUnitTicks = targetTicks.map(
+      (tick) => convert(tick, outputUnit, inputUnit, true)
+    );
+    return {
+      ticks: baseUnitTicks.map(String),
+      formattedTicks: baseUnitTicks.map((tick) => formatter(tick)),
+      numericTicks: baseUnitTicks
+    };
+  };
+  if (orientation !== "horizontal" || scale === void 0) {
+    return buildResult(step);
+  }
+  const reduced = adaptivelyReduceHorizontalTicks(
+    createDoublingStepCandidateBuilder(step, buildResult),
+    scale
   );
-  const formattedStrings = baseUnitTicks.map((tick) => formatter(tick));
   return {
-    ticks: baseUnitTicks.map(String),
-    formattedTicks: formattedStrings,
-    numericTicks: baseUnitTicks
+    ticks: reduced.ticks,
+    formattedTicks: reduced.formattedTicks,
+    numericTicks: reduced.numericTicks
+  };
+}
+function createDoublingStepCandidateBuilder(initialStep, buildResult) {
+  let currentStep = initialStep;
+  return (attempt) => {
+    if (attempt > 0) {
+      currentStep *= 2;
+    }
+    const r = buildResult(currentStep);
+    return { ...r, rawTicks: r.numericTicks };
   };
 }
 export {
   computeNiceUnitTicks,
+  createDoublingStepCandidateBuilder,
   generateTicks,
   getBestModulusDivisor,
   niceUnitDomain,

package/esm/charts/xy-chart/utils/generate-nice-unit-ticks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/utils/generate-nice-unit-ticks.ts"],
-  "sourcesContent": ["import {\n  convert,\n  type ConvertibleUnit,\n  type FormatOptions,\n  type Unit,\n} from '@dynatrace-sdk/units';\n\nimport {\n  type AnyNumericFormatter,\n  type CategoricalFormatter,\n  type FormatterWithPrecision,\n  isFormatterOptions,\n} from '../../core/types/formatter.js';\nimport {\n  getHorizontalNumTicks,\n  getVerticalNumTicks,\n} from '../../core/utils/ticks.js';\nimport { isLinear } from '../types/guards.js';\n\ninterface AxisFormatterConfig {\n  isRelative: boolean;\n  type: string;\n  formatter?: AnyNumericFormatter | CategoricalFormatter;\n}\n\n/**\n * Returns true when the axis should use nice unit-converted ticks.\n * Works with any axis shape that exposes isRelative, type and formatter.\n */\nexport function shouldUseNiceUnitTicks(\n  config: AxisFormatterConfig | undefined,\n): config is AxisFormatterConfig & {\n  formatter: FormatOptions<Unit, ConvertibleUnit>;\n} {\n  if (!config || config.isRelative || !isLinear(config.type)) {\n    return false;\n  }\n  const formatter = config.formatter as AnyNumericFormatter | undefined;\n  return (\n    isFormatterOptions(formatter) &&\n    formatter.input !== undefined &&\n    formatter.output !== undefined\n  );\n}\n\n/**\n * Finds the best divisor (between 4 and 8) for dividing the total domain\n * into tick steps that produce the least remainder.\n */\nexport function getBestModulusDivisor(totalDomain: number): number {\n  let bestDivisor = 4;\n  let minMod = totalDomain % 4;\n\n  for (let divisor = 4; divisor <= 8; divisor++) {\n    const mod = totalDomain % divisor;\n    if (mod === 0) {\n      return divisor;\n    }\n    if (mod < minMod || (mod === minMod && divisor < bestDivisor)) {\n      minMod = mod;\n      bestDivisor = divisor;\n    }\n  }\n\n  return bestDivisor;\n}\n\n/**\n * Converts domain endpoints to the target unit and returns them with the unit references.\n */\nfunction convertDomainToTargetUnit(\n  domain: [number, number],\n  formatterOptions: FormatOptions<Unit, ConvertibleUnit>,\n) {\n  const inputUnit = formatterOptions.input as ConvertibleUnit;\n  const outputUnit = formatterOptions.output as ConvertibleUnit;\n  return {\n    targetMin: convert(domain[0], inputUnit, outputUnit, true),\n    targetMax: convert(domain[1], inputUnit, outputUnit, true),\n    inputUnit,\n    outputUnit,\n  };\n}\n\n/**\n * Computes a nice step size for the given total domain and tick divisor.\n */\nfunction computeNiceStep(totalDomain: number, tickDivisor: number): number {\n  if (totalDomain < 1) {\n    return 0;\n  }\n\n  const amount = totalDomain / Math.max(tickDivisor, 1);\n  return amount < 10 ? Math.ceil(amount) : Math.floor(amount / 10) * 10;\n}\n\n/**\n * Generates tick values from 0 outward in both directions based on step size.\n */\nexport function generateTicks(\n  domain: [number, number],\n  step: number,\n): number[] {\n  if (step <= 0) {\n    return [0];\n  }\n  const [min, max] = domain;\n  const allTicks: number[] = [0];\n\n  if (Math.sign(min) === Math.sign(max)) {\n    const sign = Math.sign(max) || 1;\n    const absMax = Math.max(Math.abs(min), Math.abs(max));\n    const count = Math.floor(absMax / step);\n    for (let i = 1; i <= count; i++) {\n      allTicks.push(step * i * sign);\n    }\n  } else {\n    const posCount = Math.floor(Math.abs(max) / step);\n    const negCount = Math.floor(Math.abs(min) / step);\n    for (let i = 1; i <= negCount; i++) {\n      allTicks.push(-step * i);\n    }\n    for (let i = 1; i <= posCount; i++) {\n      allTicks.push(step * i);\n    }\n  }\n\n  return allTicks.sort((a, b) => a - b);\n}\n\n/**\n * Nices a scale domain in the target (output) unit space.\n *\n * Converts the domain to the output unit, computes a nice step,\n * rounds boundaries to step multiples, and converts back.\n *\n * Returns null when the step is 0 (sub-unit domain), signaling\n * the caller should fall back to d3 nicing.\n */\nexport function niceUnitDomain(\n  domain: [number, number],\n  formatterOptions: FormatOptions<Unit, ConvertibleUnit>,\n  niceMin: boolean,\n  niceMax: boolean,\n): { min: number; max: number } | null {\n  const { targetMin, targetMax, inputUnit, outputUnit } =\n    convertDomainToTargetUnit(domain, formatterOptions);\n\n  const totalDomain = Math.abs(targetMin) + Math.abs(targetMax);\n  const step = computeNiceStep(totalDomain, getBestModulusDivisor(totalDomain));\n\n  if (step === 0) {\n    return null;\n  }\n\n  const nicedMin = niceMin ? Math.floor(targetMin / step) * step : targetMin;\n  const nicedMax = niceMax ? Math.ceil(targetMax / step) * step : targetMax;\n\n  return {\n    min: convert(nicedMin, outputUnit, inputUnit, true),\n    max: convert(nicedMax, outputUnit, inputUnit, true),\n  };\n}\n\nexport interface NiceUnitTicksResult {\n  ticks: string[];\n  formattedTicks: string[];\n  numericTicks: number[];\n}\n\n/** Returned when the domain is too small for nice unit rounding; caller should fall back to default ticks. */\nexport type NiceUnitTicksResultOrNull = NiceUnitTicksResult | null;\n\n/**\n * Computes \"nice\" round ticks for a unit-converted numerical axis.\n *\n * Uses convert() for precise domain conversion to the target unit,\n * then generates ticks from 0 outward (staying within domain boundaries),\n * and converts back to base unit for scale positioning.\n *\n * Requires explicit input and output units in formatterOptions.\n */\nexport function computeNiceUnitTicks(\n  domain: [number, number],\n  formatterOptions: FormatOptions<Unit, ConvertibleUnit>,\n  availableSize: number,\n  orientation: 'horizontal' | 'vertical',\n  formatter: FormatterWithPrecision,\n): NiceUnitTicksResultOrNull {\n  const { targetMin, targetMax, inputUnit, outputUnit } =\n    convertDomainToTargetUnit(domain, formatterOptions);\n\n  if (targetMin === targetMax) {\n    return {\n      ticks: ['0'],\n      formattedTicks: [formatter(0)],\n      numericTicks: [0],\n    };\n  }\n\n  // Total domain as sum of absolute values (handles mixed +/- domains)\n  const totalDomain = Math.abs(targetMin) + Math.abs(targetMax);\n  let tickDivisor = getBestModulusDivisor(totalDomain);\n\n  // Prevent tick overcrowding in small charts\n  const TICK_SPACING = 20;\n\n  if (tickDivisor * TICK_SPACING >= availableSize) {\n    tickDivisor =\n      orientation === 'vertical'\n        ? getVerticalNumTicks(availableSize)\n        : getHorizontalNumTicks(availableSize);\n  }\n\n  const step = computeNiceStep(totalDomain, tickDivisor);\n\n  // Domain is sub-unit (e.g. 40 bytes \u2192 0.00004 MB) \u2014 nice rounding is\n  // meaningless; let the caller fall back to default tick generation.\n  if (step === 0) {\n    return null;\n  }\n\n  // Generate ticks from 0 outward, staying within domain boundaries\n  const targetTicks = generateTicks([targetMin, targetMax], step);\n\n  // Convert ticks back to base unit for scale positioning\n  const baseUnitTicks = targetTicks.map((tick) =>\n    convert(tick, outputUnit, inputUnit, true),\n  );\n\n  // Format ticks using the provided formatter\n  const formattedStrings = baseUnitTicks.map((tick) => formatter(tick));\n\n  return {\n    ticks: baseUnitTicks.map(String),\n    formattedTicks: formattedStrings,\n    numericTicks: baseUnitTicks,\n  };\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  convert,\n  type ConvertibleUnit,\n  type FormatOptions,\n  type Unit,\n} from '@dynatrace-sdk/units';\n\nimport {\n  type AnyNumericFormatter,\n  type CategoricalFormatter,\n  type FormatterWithPrecision,\n  isFormatterOptions,\n} from '../../core/types/formatter.js';\nimport { adaptivelyReduceHorizontalTicks } from '../../core/utils/adaptively-reduce-horizontal-ticks.js';\nimport type { ContinuousScale } from '../../core/utils/has-horizontal-label-collision.js';\nimport {\n  getHorizontalNumTicks,\n  getVerticalNumTicks,\n} from '../../core/utils/ticks.js';\nimport { isLinear } from '../types/guards.js';\n\ninterface AxisFormatterConfig {\n  isRelative: boolean;\n  type: string;\n  formatter?: AnyNumericFormatter | CategoricalFormatter;\n}\n\n/**\n * Returns true when the axis should use nice unit-converted ticks.\n * Works with any axis shape that exposes isRelative, type and formatter.\n */\nexport function shouldUseNiceUnitTicks(\n  config: AxisFormatterConfig | undefined,\n): config is AxisFormatterConfig & {\n  formatter: FormatOptions<Unit, ConvertibleUnit>;\n} {\n  if (!config || config.isRelative || !isLinear(config.type)) {\n    return false;\n  }\n  const formatter = config.formatter as AnyNumericFormatter | undefined;\n  return (\n    isFormatterOptions(formatter) &&\n    formatter.input !== undefined &&\n    formatter.output !== undefined\n  );\n}\n\n/**\n * Finds the best divisor (between 4 and 8) for dividing the total domain\n * into tick steps that produce the least remainder.\n */\nexport function getBestModulusDivisor(totalDomain: number): number {\n  let bestDivisor = 4;\n  let minMod = totalDomain % 4;\n\n  for (let divisor = 4; divisor <= 8; divisor++) {\n    const mod = totalDomain % divisor;\n    if (mod === 0) {\n      return divisor;\n    }\n    if (mod < minMod || (mod === minMod && divisor < bestDivisor)) {\n      minMod = mod;\n      bestDivisor = divisor;\n    }\n  }\n\n  return bestDivisor;\n}\n\n/**\n * Converts domain endpoints to the target unit and returns them with the unit references.\n */\nfunction convertDomainToTargetUnit(\n  domain: [number, number],\n  formatterOptions: FormatOptions<Unit, ConvertibleUnit>,\n) {\n  const inputUnit = formatterOptions.input as ConvertibleUnit;\n  const outputUnit = formatterOptions.output as ConvertibleUnit;\n  return {\n    targetMin: convert(domain[0], inputUnit, outputUnit, true),\n    targetMax: convert(domain[1], inputUnit, outputUnit, true),\n    inputUnit,\n    outputUnit,\n  };\n}\n\n/**\n * Computes a nice step size for the given total domain and tick divisor.\n */\nfunction computeNiceStep(totalDomain: number, tickDivisor: number): number {\n  if (totalDomain < 1) {\n    return 0;\n  }\n\n  const amount = totalDomain / Math.max(tickDivisor, 1);\n  return amount < 10 ? Math.ceil(amount) : Math.floor(amount / 10) * 10;\n}\n\n/**\n * Generates tick values from 0 outward in both directions based on step size.\n */\nexport function generateTicks(\n  domain: [number, number],\n  step: number,\n): number[] {\n  if (step <= 0) {\n    return [0];\n  }\n  const [min, max] = domain;\n  const allTicks: number[] = [0];\n\n  if (Math.sign(min) === Math.sign(max)) {\n    const sign = Math.sign(max) || 1;\n    const absMax = Math.max(Math.abs(min), Math.abs(max));\n    const count = Math.floor(absMax / step);\n    for (let i = 1; i <= count; i++) {\n      allTicks.push(step * i * sign);\n    }\n  } else {\n    const posCount = Math.floor(Math.abs(max) / step);\n    const negCount = Math.floor(Math.abs(min) / step);\n    for (let i = 1; i <= negCount; i++) {\n      allTicks.push(-step * i);\n    }\n    for (let i = 1; i <= posCount; i++) {\n      allTicks.push(step * i);\n    }\n  }\n\n  return allTicks.sort((a, b) => a - b);\n}\n\n/**\n * Nices a scale domain in the target (output) unit space.\n *\n * Converts the domain to the output unit, computes a nice step,\n * rounds boundaries to step multiples, and converts back.\n *\n * Returns null when the step is 0 (sub-unit domain), signaling\n * the caller should fall back to d3 nicing.\n */\nexport function niceUnitDomain(\n  domain: [number, number],\n  formatterOptions: FormatOptions<Unit, ConvertibleUnit>,\n  niceMin: boolean,\n  niceMax: boolean,\n): { min: number; max: number } | null {\n  const { targetMin, targetMax, inputUnit, outputUnit } =\n    convertDomainToTargetUnit(domain, formatterOptions);\n\n  const totalDomain = Math.abs(targetMin) + Math.abs(targetMax);\n  const step = computeNiceStep(totalDomain, getBestModulusDivisor(totalDomain));\n\n  if (step === 0) {\n    return null;\n  }\n\n  const nicedMin = niceMin ? Math.floor(targetMin / step) * step : targetMin;\n  const nicedMax = niceMax ? Math.ceil(targetMax / step) * step : targetMax;\n\n  return {\n    min: convert(nicedMin, outputUnit, inputUnit, true),\n    max: convert(nicedMax, outputUnit, inputUnit, true),\n  };\n}\n\nexport interface NiceUnitTicksResult {\n  ticks: string[];\n  formattedTicks: string[];\n  numericTicks: number[];\n}\n\n/** Returned when the domain is too small for nice unit rounding; caller should fall back to default ticks. */\nexport type NiceUnitTicksResultOrNull = NiceUnitTicksResult | null;\n\n/**\n * Computes \"nice\" round ticks for a unit-converted numerical axis.\n *\n * Uses convert() for precise domain conversion to the target unit,\n * then generates ticks from 0 outward (staying within domain boundaries),\n * and converts back to base unit for scale positioning.\n *\n * Requires explicit input and output units in formatterOptions.\n */\nexport function computeNiceUnitTicks(\n  domain: [number, number],\n  formatterOptions: FormatOptions<Unit, ConvertibleUnit>,\n  availableSize: number,\n  orientation: 'horizontal' | 'vertical',\n  formatter: FormatterWithPrecision,\n  scale?: ContinuousScale,\n): NiceUnitTicksResultOrNull {\n  const { targetMin, targetMax, inputUnit, outputUnit } =\n    convertDomainToTargetUnit(domain, formatterOptions);\n\n  if (targetMin === targetMax) {\n    return {\n      ticks: ['0'],\n      formattedTicks: [formatter(0)],\n      numericTicks: [0],\n    };\n  }\n\n  // Total domain as sum of absolute values (handles mixed +/- domains)\n  const totalDomain = Math.abs(targetMin) + Math.abs(targetMax);\n  let tickDivisor = getBestModulusDivisor(totalDomain);\n\n  // Prevent tick overcrowding in very small charts (same guard as before).\n  const TICK_SPACING = 20;\n\n  if (tickDivisor * TICK_SPACING >= availableSize) {\n    tickDivisor =\n      orientation === 'vertical'\n        ? getVerticalNumTicks(availableSize)\n        : getHorizontalNumTicks(availableSize);\n  }\n\n  const step = computeNiceStep(totalDomain, tickDivisor);\n\n  // Domain is sub-unit (e.g. 40 bytes \u2192 0.00004 MB) \u2014 nice rounding is\n  // meaningless; let the caller fall back to default tick generation.\n  if (step === 0) {\n    return null;\n  }\n\n  const buildResult = (currentStep: number): NiceUnitTicksResult => {\n    const targetTicks = generateTicks([targetMin, targetMax], currentStep);\n\n    // When the step doesn't evenly divide the domain boundaries, generateTicks\n    // stops short (e.g. step=4 on a 14-unit domain yields [..., 12] not 14).\n    // The missing boundary tick would get `middle` alignment and overflow the\n    // chart edge, so we always pin the domain endpoints into the array.\n    if (targetTicks[targetTicks.length - 1] !== targetMax) {\n      targetTicks.push(targetMax);\n    }\n    if (targetTicks[0] !== targetMin) {\n      targetTicks.unshift(targetMin);\n    }\n\n    const baseUnitTicks = targetTicks.map((tick) =>\n      convert(tick, outputUnit, inputUnit, true),\n    );\n    return {\n      ticks: baseUnitTicks.map(String),\n      formattedTicks: baseUnitTicks.map((tick) => formatter(tick)),\n      numericTicks: baseUnitTicks,\n    };\n  };\n\n  // For vertical axes (or when no scale is available) return the initial\n  // result directly. For horizontal axes adaptively reduce tick count when\n  // labels would collide.\n  if (orientation !== 'horizontal' || scale === undefined) {\n    return buildResult(step);\n  }\n\n  const reduced = adaptivelyReduceHorizontalTicks(\n    createDoublingStepCandidateBuilder(step, buildResult),\n    scale,\n  );\n\n  return {\n    ticks: reduced.ticks,\n    formattedTicks: reduced.formattedTicks,\n    numericTicks: reduced.numericTicks,\n  };\n}\n\nexport type NiceUnitTickCandidate = NiceUnitTicksResult & {\n  rawTicks: number[];\n};\n\n/**\n * Returns a stateful candidate builder for `adaptivelyReduceHorizontalTicks`.\n *\n * Attempt 0 builds at `initialStep`; each subsequent attempt doubles the\n * step. Exposed for unit testing \u2014 production callers should pass the result\n * directly to `adaptivelyReduceHorizontalTicks`.\n */\nexport function createDoublingStepCandidateBuilder(\n  initialStep: number,\n  buildResult: (step: number) => NiceUnitTicksResult,\n): (attempt: number) => NiceUnitTickCandidate {\n  let currentStep = initialStep;\n  return (attempt) => {\n    if (attempt > 0) {\n      currentStep *= 2;\n    }\n    const r = buildResult(currentStep);\n    return { ...r, rawTicks: r.numericTicks };\n  };\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart/utils/get-ticks-formatted-by-config.js

@@ -1,30 +1,112 @@
+import { adaptivelyReduceHorizontalTicks } from "../../core/utils/adaptively-reduce-horizontal-ticks.js";
 import {
   getCategoricalTicks,
   getDateNumericalFormattedTicks,
   getFormattedTicks
 } from "../../core/utils/formatter-by-ticks.js";
 import { isCategorical, isLinear, isLogarithmic } from "../types/guards.js";
-function getTicksFormattedByConfig(config, numTicks, scale, formatter) {
+const MIN_TICK_COUNT = 2;
+function getTicksFormattedByConfig(config, numTicks, scale, formatter, availableWidth) {
   const axisType = config?.type || "";
   if (isCategorical(axisType)) {
     return getCategoricalTicks(scale, formatter);
   }
-  if (isLogarithmic(axisType)) {
-    return getFormattedTicks(
-      numTicks,
-      scale,
-      void 0,
-      formatter
-    );
-  }
-  return getDateNumericalFormattedTicks(
-    numTicks,
+  const getTicksForCount = isLogarithmic(axisType) ? (count) => getFormattedTicks(
+    count,
+    scale,
+    void 0,
+    formatter
+  ) : (count) => getDateNumericalFormattedTicks(
+    count,
     scale,
     isLinear(axisType) && !config?.isRelative ? config?.unit : void 0,
     formatter
   );
+  const result = getTicksForCount(numTicks);
+  if (availableWidth === void 0 || scale === void 0) {
+    return result;
+  }
+  let initialResult = result;
+  if (result.formattedTicks.length < MIN_TICK_COUNT) {
+    const boosted = getTicksForCount(MIN_TICK_COUNT);
+    if (boosted.formattedTicks.length >= MIN_TICK_COUNT) {
+      initialResult = boosted;
+    } else {
+      return result;
+    }
+  }
+  const continuousScale = scale;
+  const rawDomain = typeof scale.domain === "function" ? scale.domain() : null;
+  const domainBounds = rawDomain !== null && rawDomain.length >= 2 ? [+rawDomain[0], +rawDomain[rawDomain.length - 1]] : void 0;
+  const reduced = adaptivelyReduceHorizontalTicks(
+    isLogarithmic(axisType) ? createLogMajorTickThinningBuilder(initialResult, MIN_TICK_COUNT) : createHalvingHintCandidateBuilder(
+      initialResult,
+      getTicksForCount,
+      MIN_TICK_COUNT
+    ),
+    continuousScale,
+    { domainBounds }
+  );
+  return {
+    ...reduced,
+    numericTicks: reduced.rawTicks.map(Number)
+  };
+}
+function createLogMajorTickThinningBuilder(initialResult, minTickCount) {
+  const allTicks = initialResult.ticks;
+  const majorIndices = initialResult.formattedTicks.reduce(
+    (acc, label, i) => {
+      if (label !== "") {
+        acc.push(i);
+      }
+      return acc;
+    },
+    []
+  );
+  return (attempt) => {
+    if (attempt === 0) {
+      return {
+        ...initialResult,
+        rawTicks: allTicks
+      };
+    }
+    const step = Math.pow(2, attempt);
+    const selectedMajorIndices = majorIndices.filter(
+      (_, i) => i === 0 || i === majorIndices.length - 1 || i % step === 0
+    );
+    if (selectedMajorIndices.length < minTickCount) {
+      return null;
+    }
+    const selectedSet = new Set(selectedMajorIndices);
+    const newFormattedTicks = initialResult.formattedTicks.map((label, i) => {
+      if (label === "") {
+        return "";
+      }
+      return selectedSet.has(i) ? label : "";
+    });
+    return {
+      ...initialResult,
+      formattedTicks: newFormattedTicks,
+      rawTicks: allTicks
+    };
+  };
+}
+function createHalvingHintCandidateBuilder(initialResult, getTicksForCount, minTickCount) {
+  let hint = initialResult.formattedTicks.length;
+  return (attempt) => {
+    if (attempt === 0) {
+      return {
+        ...initialResult,
+        rawTicks: initialResult.ticks
+      };
+    }
+    hint = Math.max(Math.floor(hint / 2), minTickCount);
+    const next = getTicksForCount(hint);
+    return { ...next, rawTicks: next.ticks };
+  };
 }
 export {
+  createHalvingHintCandidateBuilder,
   getTicksFormattedByConfig
 };
 //# sourceMappingURL=get-ticks-formatted-by-config.js.map

package/esm/charts/xy-chart/utils/get-ticks-formatted-by-config.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/utils/get-ticks-formatted-by-config.ts"],
-  "sourcesContent": ["import { ScaleSymLog } from 'd3-scale';\n\nimport type {\n  DateTimeFormatter,\n  FormatterWithPrecision,\n  StringFormatter,\n} from '../../core/types/formatter.js';\nimport {\n  getCategoricalTicks,\n  getDateNumericalFormattedTicks,\n  getFormattedTicks,\n} from '../../core/utils/formatter-by-ticks.js';\nimport { isCategorical, isLinear, isLogarithmic } from '../types/guards.js';\nimport type {\n  AnyXYChartScale,\n  XYChartAxisInternal,\n} from '../types/xy-chart-internals.js';\n\nexport function getTicksFormattedByConfig(\n  config: XYChartAxisInternal | undefined,\n  numTicks: number,\n  scale: AnyXYChartScale | undefined,\n  formatter:\n    | FormatterWithPrecision\n    | DateTimeFormatter\n    | StringFormatter\n    | undefined,\n) {\n  const axisType = config?.type || '';\n\n  if (isCategorical(axisType)) {\n    return getCategoricalTicks(scale, formatter as StringFormatter | undefined);\n  }\n\n  if (isLogarithmic(axisType)) {\n    return getFormattedTicks(\n      numTicks,\n      scale as ScaleSymLog<number, never>,\n      undefined,\n      formatter as FormatterWithPrecision | undefined,\n    );\n  }\n\n  return getDateNumericalFormattedTicks(\n    numTicks,\n    scale,\n    isLinear(axisType) && !config?.isRelative ? config?.unit : undefined,\n    formatter as FormatterWithPrecision | DateTimeFormatter | undefined,\n  );\n}\n"],
-  "mappings": "AAOA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe,UAAU,qBAAqB;AAMhD,SAAS,0BACd,QACA,UACA,OACA,WAKA;AACA,QAAM,WAAW,QAAQ,QAAQ;AAEjC,MAAI,cAAc,QAAQ,GAAG;AAC3B,WAAO,oBAAoB,OAAO,SAAwC;AAAA,EAC5E;AAEA,MAAI,cAAc,QAAQ,GAAG;AAC3B,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,SAAS,QAAQ,KAAK,CAAC,QAAQ,aAAa,QAAQ,OAAO;AAAA,IAC3D;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { type NumberValue, ScaleSymLog } from 'd3-scale';\n\nimport type {\n  DateTimeFormatter,\n  FormatterWithPrecision,\n  StringFormatter,\n} from '../../core/types/formatter.js';\nimport { adaptivelyReduceHorizontalTicks } from '../../core/utils/adaptively-reduce-horizontal-ticks.js';\nimport {\n  getCategoricalTicks,\n  getDateNumericalFormattedTicks,\n  getFormattedTicks,\n  type TickAxis,\n} from '../../core/utils/formatter-by-ticks.js';\nimport type { ContinuousScale } from '../../core/utils/has-horizontal-label-collision.js';\nimport { isCategorical, isLinear, isLogarithmic } from '../types/guards.js';\nimport type {\n  AnyXYChartScale,\n  XYChartAxisInternal,\n} from '../types/xy-chart-internals.js';\n\nconst MIN_TICK_COUNT = 2;\n\nexport function getTicksFormattedByConfig(\n  config: XYChartAxisInternal | undefined,\n  numTicks: number,\n  scale: AnyXYChartScale | undefined,\n  formatter:\n    | FormatterWithPrecision\n    | DateTimeFormatter\n    | StringFormatter\n    | undefined,\n  availableWidth?: number,\n) {\n  const axisType = config?.type || '';\n\n  if (isCategorical(axisType)) {\n    return getCategoricalTicks(scale, formatter as StringFormatter | undefined);\n  }\n\n  const getTicksForCount = isLogarithmic(axisType)\n    ? (count: number) =>\n        getFormattedTicks(\n          count,\n          scale as ScaleSymLog<number, never>,\n          undefined,\n          formatter as FormatterWithPrecision | undefined,\n        )\n    : (count: number) =>\n        getDateNumericalFormattedTicks(\n          count,\n          scale,\n          isLinear(axisType) && !config?.isRelative ? config?.unit : undefined,\n          formatter as FormatterWithPrecision | DateTimeFormatter | undefined,\n        );\n\n  const result = getTicksForCount(numTicks);\n\n  if (availableWidth === undefined || scale === undefined) {\n    return result;\n  }\n\n  // When D3 returned fewer than the minimum (e.g. numTicks=1 on a narrow chart),\n  // try once more with an explicit hint of MIN_TICK_COUNT before falling back.\n  let initialResult = result;\n  if (result.formattedTicks.length < MIN_TICK_COUNT) {\n    const boosted = getTicksForCount(MIN_TICK_COUNT);\n    if (boosted.formattedTicks.length >= MIN_TICK_COUNT) {\n      initialResult = boosted;\n    } else {\n      return result;\n    }\n  }\n\n  const continuousScale = scale as ContinuousScale;\n  const rawDomain =\n    typeof (scale as { domain?: unknown }).domain === 'function'\n      ? (scale as { domain(): (number | Date)[] }).domain()\n      : null;\n  const domainBounds: [number, number] | undefined =\n    rawDomain !== null && rawDomain.length >= 2\n      ? [+rawDomain[0], +rawDomain[rawDomain.length - 1]]\n      : undefined;\n\n  const reduced = adaptivelyReduceHorizontalTicks(\n    isLogarithmic(axisType)\n      ? createLogMajorTickThinningBuilder(initialResult, MIN_TICK_COUNT)\n      : createHalvingHintCandidateBuilder(\n          initialResult,\n          getTicksForCount,\n          MIN_TICK_COUNT,\n        ),\n    continuousScale,\n    { domainBounds },\n  );\n\n  return {\n    ...reduced,\n    numericTicks: reduced.rawTicks.map(Number),\n  };\n}\n\nexport type FormattedTickCandidate = TickAxis & {\n  // `TickAxis.ticks` is typed as `string[]` for legacy reasons, but at runtime\n  // `getTicks` returns the raw scale values (numbers/Dates) which satisfy\n  // `NumberValue`. We cast at the boundary so the collision check can use them\n  // as scale-position inputs.\n  rawTicks: NumberValue[];\n};\n\n/**\n * Returns a candidate builder for `adaptivelyReduceHorizontalTicks` that is\n * tailored to logarithmic (symlog) x-axes.\n *\n * Unlike the halving-hint builder, D3's symlog tick generator returns the same\n * set of major ticks regardless of the hint once the hint is below the number\n * of decades in the domain. This builder therefore skips the hint entirely and\n * instead manually thins the major (non-empty-label) ticks on each attempt,\n * keeping the first and last decade visible and dropping every other one in\n * between. Minor ticks (empty-string labels) are preserved so that their tick\n * marks remain visible on the axis.\n */\nfunction createLogMajorTickThinningBuilder(\n  initialResult: TickAxis,\n  minTickCount: number,\n): (attempt: number) => FormattedTickCandidate | null {\n  const allTicks = initialResult.ticks;\n  const majorIndices = initialResult.formattedTicks.reduce<number[]>(\n    (acc, label, i) => {\n      if (label !== '') {\n        acc.push(i);\n      }\n      return acc;\n    },\n    [],\n  );\n\n  return (attempt) => {\n    if (attempt === 0) {\n      return {\n        ...initialResult,\n        rawTicks: allTicks as unknown as NumberValue[],\n      };\n    }\n\n    // Keep the first and last major tick; between them retain every 2^attempt-th.\n    const step = Math.pow(2, attempt);\n    const selectedMajorIndices = majorIndices.filter(\n      (_, i) => i === 0 || i === majorIndices.length - 1 || i % step === 0,\n    );\n\n    if (selectedMajorIndices.length < minTickCount) {\n      return null;\n    }\n\n    const selectedSet = new Set(selectedMajorIndices);\n    const newFormattedTicks = initialResult.formattedTicks.map((label, i) => {\n      if (label === '') {\n        return ''; // minor tick \u2014 keep invisible\n      }\n      return selectedSet.has(i) ? label : ''; // deselected major tick\n    });\n\n    return {\n      ...initialResult,\n      formattedTicks: newFormattedTicks,\n      rawTicks: allTicks as unknown as NumberValue[],\n    };\n  };\n}\n\n/**\n * Returns a stateful candidate builder for `adaptivelyReduceHorizontalTicks`.\n *\n * Attempt 0 returns `initialResult` directly. Each subsequent attempt halves\n * the d3 tick-count hint (floored to `minTickCount`); if d3's nice-snapping\n * returns the same count for a given hint, the next halving eventually forces\n * d3 to pick a coarser nice step. Exposed for unit testing \u2014 production\n * callers should pass the result directly to `adaptivelyReduceHorizontalTicks`.\n */\nexport function createHalvingHintCandidateBuilder(\n  initialResult: TickAxis,\n  getTicksForCount: (count: number) => TickAxis,\n  minTickCount: number,\n): (attempt: number) => FormattedTickCandidate {\n  let hint = initialResult.formattedTicks.length;\n  return (attempt) => {\n    if (attempt === 0) {\n      return {\n        ...initialResult,\n        rawTicks: initialResult.ticks as unknown as NumberValue[],\n      };\n    }\n    hint = Math.max(Math.floor(hint / 2), minTickCount);\n    const next = getTicksForCount(hint);\n    return { ...next, rawTicks: next.ticks as unknown as NumberValue[] };\n  };\n}\n"],
+  "mappings": "AAOA,SAAS,uCAAuC;AAChD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAEP,SAAS,eAAe,UAAU,qBAAqB;AAMvD,MAAM,iBAAiB;AAEhB,SAAS,0BACd,QACA,UACA,OACA,WAKA,gBACA;AACA,QAAM,WAAW,QAAQ,QAAQ;AAEjC,MAAI,cAAc,QAAQ,GAAG;AAC3B,WAAO,oBAAoB,OAAO,SAAwC;AAAA,EAC5E;AAEA,QAAM,mBAAmB,cAAc,QAAQ,IAC3C,CAAC,UACC;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IACF,CAAC,UACC;AAAA,IACE;AAAA,IACA;AAAA,IACA,SAAS,QAAQ,KAAK,CAAC,QAAQ,aAAa,QAAQ,OAAO;AAAA,IAC3D;AAAA,EACF;AAEN,QAAM,SAAS,iBAAiB,QAAQ;AAExC,MAAI,mBAAmB,UAAa,UAAU,QAAW;AACvD,WAAO;AAAA,EACT;AAIA,MAAI,gBAAgB;AACpB,MAAI,OAAO,eAAe,SAAS,gBAAgB;AACjD,UAAM,UAAU,iBAAiB,cAAc;AAC/C,QAAI,QAAQ,eAAe,UAAU,gBAAgB;AACnD,sBAAgB;AAAA,IAClB,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AAEA,QAAM,kBAAkB;AACxB,QAAM,YACJ,OAAQ,MAA+B,WAAW,aAC7C,MAA0C,OAAO,IAClD;AACN,QAAM,eACJ,cAAc,QAAQ,UAAU,UAAU,IACtC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,UAAU,UAAU,SAAS,CAAC,CAAC,IAChD;AAEN,QAAM,UAAU;AAAA,IACd,cAAc,QAAQ,IAClB,kCAAkC,eAAe,cAAc,IAC/D;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACJ;AAAA,IACA,EAAE,aAAa;AAAA,EACjB;AAEA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,cAAc,QAAQ,SAAS,IAAI,MAAM;AAAA,EAC3C;AACF;AAsBA,SAAS,kCACP,eACA,cACoD;AACpD,QAAM,WAAW,cAAc;AAC/B,QAAM,eAAe,cAAc,eAAe;AAAA,IAChD,CAAC,KAAK,OAAO,MAAM;AACjB,UAAI,UAAU,IAAI;AAChB,YAAI,KAAK,CAAC;AAAA,MACZ;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC;AAAA,EACH;AAEA,SAAO,CAAC,YAAY;AAClB,QAAI,YAAY,GAAG;AACjB,aAAO;AAAA,QACL,GAAG;AAAA,QACH,UAAU;AAAA,MACZ;AAAA,IACF;AAGA,UAAM,OAAO,KAAK,IAAI,GAAG,OAAO;AAChC,UAAM,uBAAuB,aAAa;AAAA,MACxC,CAAC,GAAG,MAAM,MAAM,KAAK,MAAM,aAAa,SAAS,KAAK,IAAI,SAAS;AAAA,IACrE;AAEA,QAAI,qBAAqB,SAAS,cAAc;AAC9C,aAAO;AAAA,IACT;AAEA,UAAM,cAAc,IAAI,IAAI,oBAAoB;AAChD,UAAM,oBAAoB,cAAc,eAAe,IAAI,CAAC,OAAO,MAAM;AACvE,UAAI,UAAU,IAAI;AAChB,eAAO;AAAA,MACT;AACA,aAAO,YAAY,IAAI,CAAC,IAAI,QAAQ;AAAA,IACtC,CAAC;AAED,WAAO;AAAA,MACL,GAAG;AAAA,MACH,gBAAgB;AAAA,MAChB,UAAU;AAAA,IACZ;AAAA,EACF;AACF;AAWO,SAAS,kCACd,eACA,kBACA,cAC6C;AAC7C,MAAI,OAAO,cAAc,eAAe;AACxC,SAAO,CAAC,YAAY;AAClB,QAAI,YAAY,GAAG;AACjB,aAAO;AAAA,QACL,GAAG;AAAA,QACH,UAAU,cAAc;AAAA,MAC1B;AAAA,IACF;AACA,WAAO,KAAK,IAAI,KAAK,MAAM,OAAO,CAAC,GAAG,YAAY;AAClD,UAAM,OAAO,iBAAiB,IAAI;AAClC,WAAO,EAAE,GAAG,MAAM,UAAU,KAAK,MAAkC;AAAA,EACrE;AACF;",
   "names": []
 }

package/esm/charts/xy-chart/utils/iterate-slots.js

@@ -94,12 +94,14 @@ const iterateSlots = (children) => {
     } else if (isSlot(child, CustomTooltip)) {
       slots.tooltip = {
         hidden: false,
-        template: child.props.children
+        template: child.props.children,
+        variant: "single"
       };
     } else if (isSlot(child, XYChartTooltipSlot)) {
       slots.tooltip = {
         hidden: child.props.hidden ?? false,
-        template: child.props.children
+        template: child.props.children,
+        variant: child.props._variant ?? "single"
       };
     }
   });