@dynatrace/strato-components 3.11.2 → 3.12.0

package/esm/charts/xy-chart/utils/query-get-closest-point.js

@@ -169,20 +169,38 @@ function serializeBoundingBoxValue(value) {
   }
   return `other:${String(value)}`;
 }
-function boundingBoxKey(datapoint) {
-  return [datapoint.x0, datapoint.x1, datapoint.y0, datapoint.y1].map(serializeBoundingBoxValue).join("|");
+function boundingBoxKey(datapoint, metadata) {
+  const accumulator = metadata?.accumulator;
+  const baseline = metadata?.baseline;
+  const x0 = datapoint.x0;
+  let x1 = datapoint.x1;
+  const y0 = datapoint.y0;
+  let y1 = datapoint.y1;
+  if (accumulator !== void 0) {
+    if (baseline === "x") {
+      y1 = typeof datapoint.y1 === "number" ? datapoint.y1 + accumulator : datapoint.y1;
+    } else if (baseline === "y") {
+      x1 = typeof datapoint.x1 === "number" ? datapoint.x1 + accumulator : datapoint.x1;
+    }
+  }
+  return [x0, x1, y0, y1].map(serializeBoundingBoxValue).join("|");
 }
-function exactMatchKey(series, datapoint) {
-  return `${series.xAxisId}|${series.yAxisId}|${boundingBoxKey(datapoint)}`;
+function exactMatchKey(series, datapoint, metadata) {
+  return `${series.xAxisId}|${series.yAxisId}|${boundingBoxKey(datapoint, metadata)}`;
 }
 function buildExactMatchIndex(allSeries, datapointMetadataMap) {
   const index = /* @__PURE__ */ new Map();
   for (const series of allSeries) {
     for (const dp of series.data) {
-      if (datapointMetadataMap?.get(dp)?.isGap) {
+      const metadata = datapointMetadataMap?.get(dp);
+      if (metadata?.isGap) {
         continue;
       }
-      const key = exactMatchKey(series, dp);
+      const key = exactMatchKey(
+        series,
+        dp,
+        metadata
+      );
       const entry = {
         type: series.type,
         distance: 0,
@@ -199,10 +217,14 @@ function buildExactMatchIndex(allSeries, datapointMetadataMap) {
   }
   return index;
 }
-function findExactMatchFromIndex(preferred, index) {
+function findExactMatchFromIndex(preferred, index, datapointMetadataMap) {
+  const metadata = datapointMetadataMap?.get(
+    preferred.datapoint
+  );
   const key = exactMatchKey(
     preferred.series,
-    preferred.datapoint
+    preferred.datapoint,
+    metadata
   );
   const matches = index.get(key);
   return matches && matches.length > 0 ? matches : [preferred];

package/esm/charts/xy-chart/utils/query-get-closest-point.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/utils/query-get-closest-point.ts"],
-  "sourcesContent": ["import { isEmpty } from 'lodash-es';\n\nimport {\n  getLinearAccessors,\n  type AnyLinearAccessors,\n  type AnyLinearDatapoint,\n} from './get-linear-accessors.js';\nimport { getCurrentScale } from './get-scale.js';\nimport { distanceBetweenTwoPoints } from './query-closest-quadtree.js';\nimport { relAccessor } from './value-representation.js';\nimport { DEFAULT_DATA_POINT_RADIUS } from '../../core/constants.js';\nimport type { Point } from '../../core/types/point.js';\nimport { isBandScale } from '../../core/utils/detect-scale.js';\nimport { safeGet } from '../../core/utils/safe-get.js';\nimport type {\n  AreaSeriesQueryResult,\n  DotSeriesQueryResult,\n  LineSeriesQueryResult,\n  SeriesQueryResult,\n} from '../context/XYChartOverlayPerformance.context.js';\nimport type { AxisIdToScales } from '../context/XYChartScales.context.js';\nimport {\n  type AnyLinearSeries,\n  type AnyXYChartScale,\n  type AreaSeriesWithDatapoints,\n  type AxisIdToScaleDomain,\n  type DotSeriesWithDatapoints,\n  type LineSeriesWithDatapoints,\n  type MapDatapoints,\n  type SeriesToMetadata,\n  type XYChartSeriesWithDatapoints,\n} from '../types/xy-chart-internals.js';\n\ntype RelAccessorFn = ((value: number) => number) | undefined;\n\ntype ScaleBounds = {\n  minWidth: number;\n  maxWidth: number;\n  minHeight: number;\n  maxHeight: number;\n};\n\ntype Accumulator = {\n  distance: number;\n  datapoint: AnyLinearDatapoint;\n  series: AnyLinearSeries;\n};\n\nexport function getDistance(\n  datapoint: AnyLinearDatapoint,\n  xScale: AnyXYChartScale,\n  yScale: AnyXYChartScale,\n  relativePosition: Point,\n  xAccessor: (scale: AnyXYChartScale) => (d: AnyLinearDatapoint) => number,\n  yAccessor: (scale: AnyXYChartScale) => (d: AnyLinearDatapoint) => number,\n) {\n  const xPixel = xAccessor(xScale)(datapoint);\n  const yPixel = yAccessor(yScale)(datapoint);\n\n  return distanceBetweenTwoPoints(\n    relativePosition.x,\n    xPixel,\n    relativePosition.y,\n    yPixel,\n  );\n}\n\nfunction calculateScalesBounds(\n  xScale: AnyXYChartScale,\n  yScale: AnyXYChartScale,\n): ScaleBounds {\n  const [minWidth, maxWidth] = xScale.range();\n  const yScaleRange = yScale.range();\n  const [minHeight, maxHeight] = isBandScale(yScale)\n    ? [yScaleRange[0], yScaleRange[1]]\n    : [yScaleRange[1], yScaleRange[0]];\n\n  return { minWidth, maxWidth, minHeight, maxHeight };\n}\n\n/**\n * Get the appropriate accessors for a series based on its type.\n *\n * @param seriesType - The type of the series.\n * @param seriesToMetadata - Map from series to metadata.\n * @param currentSeries - The current series.\n * @param xScale - The X scale.\n * @param yScale - The Y scale.\n * @param datapointToMetadata - Map with datapoint metadata.\n * @returns Object with xAccessor and yAccessor functions.\n */\nfunction getAccessorsForSeries(\n  seriesType: AnyLinearSeries['type'],\n  seriesToMetadata: SeriesToMetadata,\n  currentSeries: AnyLinearSeries,\n  datapointToMetadata: MapDatapoints,\n  xRelAccessor: RelAccessorFn,\n  yRelAccessor: RelAccessorFn,\n): AnyLinearAccessors {\n  const metadata = safeGet(seriesToMetadata, currentSeries);\n\n  return getLinearAccessors(\n    seriesType,\n    metadata,\n    datapointToMetadata,\n    xRelAccessor,\n    yRelAccessor,\n  );\n}\n\n/**\n * Check if a datapoint is within the scale bounds.\n *\n * @param xPixel - X coordinate of the datapoint.\n * @param yPixel - Y coordinate of the datapoint.\n * @param bounds - Scale bounds.\n * @returns True if the datapoint is out of bounds.\n */\nfunction isDatapointOutOfBounds(\n  xPixel: number,\n  yPixel: number,\n  bounds: ScaleBounds,\n): boolean {\n  const { minWidth, maxWidth, minHeight, maxHeight } = bounds;\n  return (\n    xPixel < minWidth ||\n    xPixel > maxWidth ||\n    yPixel < minHeight ||\n    yPixel > maxHeight\n  );\n}\n\n/**\n * Find the closest datapoint within a single series.\n *\n * @param data - Array of datapoints to search.\n * @param xScale - X scale.\n * @param yScale - Y scale.\n * @param relativePosition - The position to find closest datapoint to.\n * @param accessors - Accessor functions.\n * @param bounds - Scale bounds.\n * @param currentAccumulator - Current best match to compare against.\n * @returns Updated accumulator with the closest datapoint, or undefined if none found within radius.\n */\nfunction findClosestInSeriesData(\n  data: AnyLinearDatapoint[],\n  xScale: AnyXYChartScale,\n  yScale: AnyXYChartScale,\n  relativePosition: Point,\n  accessors: AnyLinearAccessors,\n  bounds: ScaleBounds,\n  currentAccumulator: Accumulator,\n): Accumulator | undefined {\n  let bestInSeries = currentAccumulator;\n\n  let datapointIndex = 0;\n  while (datapointIndex < data.length) {\n    const datapoint = data[datapointIndex];\n\n    const xPixel = accessors.xAccessor(xScale)(datapoint);\n    const yPixel = accessors.yAccessor(yScale)(datapoint);\n\n    if (isDatapointOutOfBounds(xPixel, yPixel, bounds)) {\n      datapointIndex += 1;\n      continue;\n    }\n\n    const distance = getDistance(\n      datapoint,\n      xScale,\n      yScale,\n      relativePosition,\n      accessors.xAccessor,\n      accessors.yAccessor,\n    );\n\n    if (distance < bestInSeries.distance) {\n      bestInSeries = {\n        distance,\n        datapoint,\n        series: currentAccumulator.series,\n      };\n    }\n\n    if (distance <= DEFAULT_DATA_POINT_RADIUS) {\n      return bestInSeries;\n    }\n\n    datapointIndex += 1;\n  }\n\n  return bestInSeries.distance < currentAccumulator.distance\n    ? bestInSeries\n    : undefined;\n}\n\nexport function getClosestDatapoint(\n  relativePosition: Point,\n  series: AnyLinearSeries[],\n  axisIdToScales: AxisIdToScales,\n  seriesToMetadata: SeriesToMetadata,\n  datapointToMetadata: MapDatapoints,\n  axisIdToScaleDomain?: AxisIdToScaleDomain,\n) {\n  if (!series.length) {\n    return undefined;\n  }\n\n  const initialAccumulator: Accumulator = {\n    distance: Infinity,\n    datapoint: {} as AnyLinearDatapoint,\n    series: {} as AnyLinearSeries,\n  };\n\n  let bestMatch = initialAccumulator;\n\n  let seriesIndex = series.length - 1;\n  while (seriesIndex >= 0) {\n    const currentSeries = series[seriesIndex];\n    const { data, xAxisId, yAxisId, type } = currentSeries;\n\n    const xScale = getCurrentScale(axisIdToScales, xAxisId);\n    const yScale = getCurrentScale(axisIdToScales, yAxisId);\n    const seriesMetadata = safeGet(seriesToMetadata, currentSeries);\n    const xRelAccessor = axisIdToScaleDomain\n      ? relAccessor(seriesMetadata.xAxis, axisIdToScaleDomain)\n      : undefined;\n    const yRelAccessor = axisIdToScaleDomain\n      ? relAccessor(seriesMetadata.yAxis, axisIdToScaleDomain)\n      : undefined;\n    const accessors = getAccessorsForSeries(\n      type,\n      seriesToMetadata,\n      currentSeries,\n      datapointToMetadata,\n      xRelAccessor,\n      yRelAccessor,\n    );\n\n    const bounds = calculateScalesBounds(xScale, yScale);\n\n    const seriesAccumulator: Accumulator = {\n      ...initialAccumulator,\n      series: currentSeries,\n    };\n\n    const updatedAccumulator = findClosestInSeriesData(\n      data,\n      xScale,\n      yScale,\n      relativePosition,\n      accessors,\n      bounds,\n      seriesAccumulator,\n    );\n\n    if (updatedAccumulator) {\n      bestMatch = updatedAccumulator;\n      if (updatedAccumulator.distance <= DEFAULT_DATA_POINT_RADIUS) {\n        break;\n      }\n    }\n\n    seriesIndex -= 1;\n  }\n\n  if (isEmpty(bestMatch.datapoint) || isEmpty(bestMatch.series)) {\n    return undefined;\n  }\n\n  return {\n    datapoint: bestMatch.datapoint,\n    series: bestMatch.series,\n    distance: bestMatch.distance,\n  };\n}\n\nexport function buildQueryGetClosestPoint(\n  axisIdToScales: AxisIdToScales,\n  seriesToMetadata: SeriesToMetadata,\n  datapointToMetadata: MapDatapoints,\n  axisIdToScaleDomain?: AxisIdToScaleDomain,\n) {\n  function query(\n    arrayOfSeries: DotSeriesWithDatapoints[],\n    position: Point,\n  ): DotSeriesQueryResult | undefined;\n  function query(\n    arrayOfSeries: LineSeriesWithDatapoints[],\n    position: Point,\n  ): LineSeriesQueryResult | undefined;\n  function query(\n    arrayOfSeries: AreaSeriesWithDatapoints[],\n    position: Point,\n  ): AreaSeriesQueryResult | undefined;\n  function query(arrayOfSeries: AnyLinearSeries[], position: Point) {\n    if (isEmpty(arrayOfSeries)) {\n      return undefined;\n    }\n\n    const closest = getClosestDatapoint(\n      position,\n      arrayOfSeries,\n      axisIdToScales,\n      seriesToMetadata,\n      datapointToMetadata,\n      axisIdToScaleDomain,\n    );\n\n    if (!closest) {\n      return undefined;\n    }\n\n    return {\n      type: closest.series.type,\n      distance: closest?.distance,\n      datapoint: closest?.datapoint,\n      series: closest?.series,\n    } as DotSeriesQueryResult | LineSeriesQueryResult | AreaSeriesQueryResult;\n  }\n\n  return query;\n}\n\nfunction serializeBoundingBoxValue(value: unknown): string {\n  if (value === undefined) {\n    return 'undefined';\n  }\n  if (value instanceof Date) {\n    return `d:${value.getTime()}`;\n  }\n  if (typeof value === 'number') {\n    return `n:${value}`;\n  }\n  if (typeof value === 'string') {\n    return `s:${value}`;\n  }\n  return `other:${String(value)}`;\n}\n\nfunction boundingBoxKey(datapoint: Record<string, unknown>): string {\n  return [datapoint.x0, datapoint.x1, datapoint.y0, datapoint.y1]\n    .map(serializeBoundingBoxValue)\n    .join('|');\n}\n\nfunction exactMatchKey(\n  series: XYChartSeriesWithDatapoints,\n  datapoint: Record<string, unknown>,\n): string {\n  return `${series.xAxisId}|${series.yAxisId}|${boundingBoxKey(datapoint)}`;\n}\n\nexport type ExactMatchIndex = Map<string, SeriesQueryResult[]>;\n\nexport function buildExactMatchIndex(\n  allSeries: XYChartSeriesWithDatapoints[],\n  datapointMetadataMap?: MapDatapoints,\n): ExactMatchIndex {\n  const index: ExactMatchIndex = new Map();\n\n  for (const series of allSeries) {\n    for (const dp of series.data) {\n      if (datapointMetadataMap?.get(dp)?.isGap) {\n        continue;\n      }\n      const key = exactMatchKey(series, dp as Record<string, unknown>);\n      const entry = {\n        type: series.type,\n        distance: 0,\n        datapoint: dp,\n        series,\n      } as SeriesQueryResult;\n      const existing = index.get(key);\n      if (existing) {\n        existing.push(entry);\n      } else {\n        index.set(key, [entry]);\n      }\n    }\n  }\n\n  return index;\n}\n\nexport function findExactMatchFromIndex(\n  preferred: SeriesQueryResult,\n  index: ExactMatchIndex,\n): SeriesQueryResult[] {\n  const key = exactMatchKey(\n    preferred.series,\n    preferred.datapoint as Record<string, unknown>,\n  );\n  const matches = index.get(key);\n  return matches && matches.length > 0 ? matches : [preferred];\n}\n\nexport function findExactMatchDatapoints(\n  preferred: SeriesQueryResult,\n  allSeries: XYChartSeriesWithDatapoints[],\n): SeriesQueryResult[] {\n  return findExactMatchFromIndex(preferred, buildExactMatchIndex(allSeries));\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { isEmpty } from 'lodash-es';\n\nimport {\n  getLinearAccessors,\n  type AnyLinearAccessors,\n  type AnyLinearDatapoint,\n} from './get-linear-accessors.js';\nimport { getCurrentScale } from './get-scale.js';\nimport { distanceBetweenTwoPoints } from './query-closest-quadtree.js';\nimport { relAccessor } from './value-representation.js';\nimport { DEFAULT_DATA_POINT_RADIUS } from '../../core/constants.js';\nimport type { Point } from '../../core/types/point.js';\nimport { isBandScale } from '../../core/utils/detect-scale.js';\nimport { safeGet } from '../../core/utils/safe-get.js';\nimport type {\n  AreaSeriesQueryResult,\n  DotSeriesQueryResult,\n  LineSeriesQueryResult,\n  SeriesQueryResult,\n} from '../context/XYChartOverlayPerformance.context.js';\nimport type { AxisIdToScales } from '../context/XYChartScales.context.js';\nimport {\n  type AnyLinearSeries,\n  type AnyXYChartScale,\n  type AreaSeriesWithDatapoints,\n  type AxisIdToScaleDomain,\n  type DatapointMetadata,\n  type DotSeriesWithDatapoints,\n  type LineSeriesWithDatapoints,\n  type MapDatapoints,\n  type SeriesToMetadata,\n  type XYChartSeriesWithDatapoints,\n} from '../types/xy-chart-internals.js';\n\ntype RelAccessorFn = ((value: number) => number) | undefined;\n\ntype ScaleBounds = {\n  minWidth: number;\n  maxWidth: number;\n  minHeight: number;\n  maxHeight: number;\n};\n\ntype Accumulator = {\n  distance: number;\n  datapoint: AnyLinearDatapoint;\n  series: AnyLinearSeries;\n};\n\nexport function getDistance(\n  datapoint: AnyLinearDatapoint,\n  xScale: AnyXYChartScale,\n  yScale: AnyXYChartScale,\n  relativePosition: Point,\n  xAccessor: (scale: AnyXYChartScale) => (d: AnyLinearDatapoint) => number,\n  yAccessor: (scale: AnyXYChartScale) => (d: AnyLinearDatapoint) => number,\n) {\n  const xPixel = xAccessor(xScale)(datapoint);\n  const yPixel = yAccessor(yScale)(datapoint);\n\n  return distanceBetweenTwoPoints(\n    relativePosition.x,\n    xPixel,\n    relativePosition.y,\n    yPixel,\n  );\n}\n\nfunction calculateScalesBounds(\n  xScale: AnyXYChartScale,\n  yScale: AnyXYChartScale,\n): ScaleBounds {\n  const [minWidth, maxWidth] = xScale.range();\n  const yScaleRange = yScale.range();\n  const [minHeight, maxHeight] = isBandScale(yScale)\n    ? [yScaleRange[0], yScaleRange[1]]\n    : [yScaleRange[1], yScaleRange[0]];\n\n  return { minWidth, maxWidth, minHeight, maxHeight };\n}\n\n/**\n * Get the appropriate accessors for a series based on its type.\n *\n * @param seriesType - The type of the series.\n * @param seriesToMetadata - Map from series to metadata.\n * @param currentSeries - The current series.\n * @param xScale - The X scale.\n * @param yScale - The Y scale.\n * @param datapointToMetadata - Map with datapoint metadata.\n * @returns Object with xAccessor and yAccessor functions.\n */\nfunction getAccessorsForSeries(\n  seriesType: AnyLinearSeries['type'],\n  seriesToMetadata: SeriesToMetadata,\n  currentSeries: AnyLinearSeries,\n  datapointToMetadata: MapDatapoints,\n  xRelAccessor: RelAccessorFn,\n  yRelAccessor: RelAccessorFn,\n): AnyLinearAccessors {\n  const metadata = safeGet(seriesToMetadata, currentSeries);\n\n  return getLinearAccessors(\n    seriesType,\n    metadata,\n    datapointToMetadata,\n    xRelAccessor,\n    yRelAccessor,\n  );\n}\n\n/**\n * Check if a datapoint is within the scale bounds.\n *\n * @param xPixel - X coordinate of the datapoint.\n * @param yPixel - Y coordinate of the datapoint.\n * @param bounds - Scale bounds.\n * @returns True if the datapoint is out of bounds.\n */\nfunction isDatapointOutOfBounds(\n  xPixel: number,\n  yPixel: number,\n  bounds: ScaleBounds,\n): boolean {\n  const { minWidth, maxWidth, minHeight, maxHeight } = bounds;\n  return (\n    xPixel < minWidth ||\n    xPixel > maxWidth ||\n    yPixel < minHeight ||\n    yPixel > maxHeight\n  );\n}\n\n/**\n * Find the closest datapoint within a single series.\n *\n * @param data - Array of datapoints to search.\n * @param xScale - X scale.\n * @param yScale - Y scale.\n * @param relativePosition - The position to find closest datapoint to.\n * @param accessors - Accessor functions.\n * @param bounds - Scale bounds.\n * @param currentAccumulator - Current best match to compare against.\n * @returns Updated accumulator with the closest datapoint, or undefined if none found within radius.\n */\nfunction findClosestInSeriesData(\n  data: AnyLinearDatapoint[],\n  xScale: AnyXYChartScale,\n  yScale: AnyXYChartScale,\n  relativePosition: Point,\n  accessors: AnyLinearAccessors,\n  bounds: ScaleBounds,\n  currentAccumulator: Accumulator,\n): Accumulator | undefined {\n  let bestInSeries = currentAccumulator;\n\n  let datapointIndex = 0;\n  while (datapointIndex < data.length) {\n    const datapoint = data[datapointIndex];\n\n    const xPixel = accessors.xAccessor(xScale)(datapoint);\n    const yPixel = accessors.yAccessor(yScale)(datapoint);\n\n    if (isDatapointOutOfBounds(xPixel, yPixel, bounds)) {\n      datapointIndex += 1;\n      continue;\n    }\n\n    const distance = getDistance(\n      datapoint,\n      xScale,\n      yScale,\n      relativePosition,\n      accessors.xAccessor,\n      accessors.yAccessor,\n    );\n\n    if (distance < bestInSeries.distance) {\n      bestInSeries = {\n        distance,\n        datapoint,\n        series: currentAccumulator.series,\n      };\n    }\n\n    if (distance <= DEFAULT_DATA_POINT_RADIUS) {\n      return bestInSeries;\n    }\n\n    datapointIndex += 1;\n  }\n\n  return bestInSeries.distance < currentAccumulator.distance\n    ? bestInSeries\n    : undefined;\n}\n\nexport function getClosestDatapoint(\n  relativePosition: Point,\n  series: AnyLinearSeries[],\n  axisIdToScales: AxisIdToScales,\n  seriesToMetadata: SeriesToMetadata,\n  datapointToMetadata: MapDatapoints,\n  axisIdToScaleDomain?: AxisIdToScaleDomain,\n) {\n  if (!series.length) {\n    return undefined;\n  }\n\n  const initialAccumulator: Accumulator = {\n    distance: Infinity,\n    datapoint: {} as AnyLinearDatapoint,\n    series: {} as AnyLinearSeries,\n  };\n\n  let bestMatch = initialAccumulator;\n\n  let seriesIndex = series.length - 1;\n  while (seriesIndex >= 0) {\n    const currentSeries = series[seriesIndex];\n    const { data, xAxisId, yAxisId, type } = currentSeries;\n\n    const xScale = getCurrentScale(axisIdToScales, xAxisId);\n    const yScale = getCurrentScale(axisIdToScales, yAxisId);\n    const seriesMetadata = safeGet(seriesToMetadata, currentSeries);\n    const xRelAccessor = axisIdToScaleDomain\n      ? relAccessor(seriesMetadata.xAxis, axisIdToScaleDomain)\n      : undefined;\n    const yRelAccessor = axisIdToScaleDomain\n      ? relAccessor(seriesMetadata.yAxis, axisIdToScaleDomain)\n      : undefined;\n    const accessors = getAccessorsForSeries(\n      type,\n      seriesToMetadata,\n      currentSeries,\n      datapointToMetadata,\n      xRelAccessor,\n      yRelAccessor,\n    );\n\n    const bounds = calculateScalesBounds(xScale, yScale);\n\n    const seriesAccumulator: Accumulator = {\n      ...initialAccumulator,\n      series: currentSeries,\n    };\n\n    const updatedAccumulator = findClosestInSeriesData(\n      data,\n      xScale,\n      yScale,\n      relativePosition,\n      accessors,\n      bounds,\n      seriesAccumulator,\n    );\n\n    if (updatedAccumulator) {\n      bestMatch = updatedAccumulator;\n      if (updatedAccumulator.distance <= DEFAULT_DATA_POINT_RADIUS) {\n        break;\n      }\n    }\n\n    seriesIndex -= 1;\n  }\n\n  if (isEmpty(bestMatch.datapoint) || isEmpty(bestMatch.series)) {\n    return undefined;\n  }\n\n  return {\n    datapoint: bestMatch.datapoint,\n    series: bestMatch.series,\n    distance: bestMatch.distance,\n  };\n}\n\nexport function buildQueryGetClosestPoint(\n  axisIdToScales: AxisIdToScales,\n  seriesToMetadata: SeriesToMetadata,\n  datapointToMetadata: MapDatapoints,\n  axisIdToScaleDomain?: AxisIdToScaleDomain,\n) {\n  function query(\n    arrayOfSeries: DotSeriesWithDatapoints[],\n    position: Point,\n  ): DotSeriesQueryResult | undefined;\n  function query(\n    arrayOfSeries: LineSeriesWithDatapoints[],\n    position: Point,\n  ): LineSeriesQueryResult | undefined;\n  function query(\n    arrayOfSeries: AreaSeriesWithDatapoints[],\n    position: Point,\n  ): AreaSeriesQueryResult | undefined;\n  function query(arrayOfSeries: AnyLinearSeries[], position: Point) {\n    if (isEmpty(arrayOfSeries)) {\n      return undefined;\n    }\n\n    const closest = getClosestDatapoint(\n      position,\n      arrayOfSeries,\n      axisIdToScales,\n      seriesToMetadata,\n      datapointToMetadata,\n      axisIdToScaleDomain,\n    );\n\n    if (!closest) {\n      return undefined;\n    }\n\n    return {\n      type: closest.series.type,\n      distance: closest?.distance,\n      datapoint: closest?.datapoint,\n      series: closest?.series,\n    } as DotSeriesQueryResult | LineSeriesQueryResult | AreaSeriesQueryResult;\n  }\n\n  return query;\n}\n\nfunction serializeBoundingBoxValue(value: unknown): string {\n  if (value === undefined) {\n    return 'undefined';\n  }\n  if (value instanceof Date) {\n    return `d:${value.getTime()}`;\n  }\n  if (typeof value === 'number') {\n    return `n:${value}`;\n  }\n  if (typeof value === 'string') {\n    return `s:${value}`;\n  }\n  return `other:${String(value)}`;\n}\n\nfunction boundingBoxKey(\n  datapoint: Record<string, unknown>,\n  metadata?: DatapointMetadata,\n): string {\n  const accumulator = metadata?.accumulator;\n  const baseline = metadata?.baseline;\n\n  const x0 = datapoint.x0;\n  let x1 = datapoint.x1;\n  const y0 = datapoint.y0;\n  let y1 = datapoint.y1;\n\n  if (accumulator !== undefined) {\n    if (baseline === 'x') {\n      y1 =\n        typeof datapoint.y1 === 'number'\n          ? datapoint.y1 + accumulator\n          : datapoint.y1;\n    } else if (baseline === 'y') {\n      x1 =\n        typeof datapoint.x1 === 'number'\n          ? datapoint.x1 + accumulator\n          : datapoint.x1;\n    }\n  }\n\n  return [x0, x1, y0, y1].map(serializeBoundingBoxValue).join('|');\n}\n\nfunction exactMatchKey(\n  series: XYChartSeriesWithDatapoints,\n  datapoint: Record<string, unknown>,\n  metadata?: DatapointMetadata,\n): string {\n  return `${series.xAxisId}|${series.yAxisId}|${boundingBoxKey(datapoint, metadata)}`;\n}\n\nexport type ExactMatchIndex = Map<string, SeriesQueryResult[]>;\n\nexport function buildExactMatchIndex(\n  allSeries: XYChartSeriesWithDatapoints[],\n  datapointMetadataMap?: MapDatapoints,\n): ExactMatchIndex {\n  const index: ExactMatchIndex = new Map();\n\n  for (const series of allSeries) {\n    for (const dp of series.data) {\n      const metadata = datapointMetadataMap?.get(dp);\n      if (metadata?.isGap) {\n        continue;\n      }\n      const key = exactMatchKey(\n        series,\n        dp as Record<string, unknown>,\n        metadata,\n      );\n      const entry = {\n        type: series.type,\n        distance: 0,\n        datapoint: dp,\n        series,\n      } as SeriesQueryResult;\n      const existing = index.get(key);\n      if (existing) {\n        existing.push(entry);\n      } else {\n        index.set(key, [entry]);\n      }\n    }\n  }\n\n  return index;\n}\n\nexport function findExactMatchFromIndex(\n  preferred: SeriesQueryResult,\n  index: ExactMatchIndex,\n  datapointMetadataMap?: MapDatapoints,\n): SeriesQueryResult[] {\n  const metadata = datapointMetadataMap?.get(\n    preferred.datapoint as AnyLinearDatapoint,\n  );\n  const key = exactMatchKey(\n    preferred.series,\n    preferred.datapoint as Record<string, unknown>,\n    metadata,\n  );\n  const matches = index.get(key);\n  return matches && matches.length > 0 ? matches : [preferred];\n}\n\nexport function findExactMatchDatapoints(\n  preferred: SeriesQueryResult,\n  allSeries: XYChartSeriesWithDatapoints[],\n): SeriesQueryResult[] {\n  return findExactMatchFromIndex(preferred, buildExactMatchIndex(allSeries));\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart/utils/query-shared.js

@@ -35,14 +35,17 @@ function buildQueryShared(sortedEntries, queryAllHovered, getBarPixelCenter, get
       sortedEntries.combined,
       searchBaselinePixel,
       getClusterKey
-    ) : findClosestClusterLinear(
-      barSeriesData,
-      lineSeriesData,
-      areaSeriesData,
-      datapointMetadataMap,
-      getBarPixelCenter,
-      getLinearSeriesPixelCenter,
-      searchBaselinePixel
+    ) : filterToClosestCluster(
+      collectLinearEntries(
+        barSeriesData,
+        lineSeriesData,
+        areaSeriesData,
+        datapointMetadataMap,
+        getBarPixelCenter,
+        getLinearSeriesPixelCenter
+      ),
+      searchBaselinePixel,
+      getClusterKey
     );
     if (clusterEntries.length === 0) {
       return { preferred: void 0, datapoints: [] };
@@ -59,18 +62,48 @@ function buildQueryShared(sortedEntries, queryAllHovered, getBarPixelCenter, get
         Math.pow(entry.baselinePixel - cursorDomain, 2) + Math.pow(entry.value0Pixel - cursorVal, 2)
       );
     };
+    const deltasCache = /* @__PURE__ */ new WeakMap();
+    const groupedBarAxisDeltas = (entry) => {
+      const cached = deltasCache.get(entry);
+      if (cached !== void 0) {
+        return cached;
+      }
+      const [cursorDomain, cursorVal] = entry.isHorizontal ? [relative.y, relative.x] : [relative.x, relative.y];
+      const valueSpanStart = Math.min(entry.value0Pixel, entry.value1Pixel);
+      const valueSpanEnd = Math.max(entry.value0Pixel, entry.value1Pixel);
+      const valueDelta = Math.max(
+        valueSpanStart - cursorVal,
+        cursorVal - valueSpanEnd,
+        0
+      );
+      const baselineDelta = Math.abs(entry.baselinePixel - cursorDomain);
+      const result = { baselineDelta, valueDelta };
+      deltasCache.set(entry, result);
+      return result;
+    };
+    const compareGroupedBarDistance = (a, b) => {
+      const deltaA = groupedBarAxisDeltas(a);
+      const deltaB = groupedBarAxisDeltas(b);
+      if (deltaA.baselineDelta !== deltaB.baselineDelta) {
+        return deltaA.baselineDelta - deltaB.baselineDelta;
+      }
+      const valueA = Number.isNaN(deltaA.valueDelta) ? Infinity : deltaA.valueDelta;
+      const valueB = Number.isNaN(deltaB.valueDelta) ? Infinity : deltaB.valueDelta;
+      return valueA - valueB;
+    };
+    const compareEntries = hasGroupedBars ? compareGroupedBarDistance : (a, b) => distanceToCursor(a) - distanceToCursor(b);
     const closestEntry = clusterEntries.reduce(
       (closest, entry) => {
         if (closest === void 0) {
           return entry;
         }
         if (entry.result.type === BAR_VARIANT && topmostHovered && entry.result.datapoint === topmostHovered.datapoint) {
-          if (closest.result.type === BAR_VARIANT || distanceToCursor(entry) <= distanceToCursor(closest)) {
+          if (closest.result.type === BAR_VARIANT || compareEntries(entry, closest) <= 0) {
             return entry;
           }
           return closest;
         }
-        const diff = distanceToCursor(entry) - distanceToCursor(closest);
+        const diff = compareEntries(entry, closest);
         if (diff !== 0) {
           return diff < 0 ? entry : closest;
         }
@@ -129,25 +162,15 @@ function findClosestClusterBinary(sorted, searchBaselinePixel, getClusterKey) {
   }
   return sorted.slice(left, right + 1);
 }
-function findClosestClusterLinear(barSeriesData, lineSeriesData, areaSeriesData, datapointMetadataMap, getBarPixelCenter, getLinearSeriesPixelCenter, searchBaselinePixel) {
+function collectLinearEntries(barSeriesData, lineSeriesData, areaSeriesData, datapointMetadataMap, getBarPixelCenter, getLinearSeriesPixelCenter) {
   const entries = [];
-  let closestKey;
-  let closestDistance = Infinity;
-  function visit(entry) {
-    entries.push(entry);
-    const distance = Math.abs(entry.baselinePixel - searchBaselinePixel);
-    if (distance < closestDistance) {
-      closestDistance = distance;
-      closestKey = Math.round(entry.baselinePixel);
-    }
-  }
   for (const series of barSeriesData) {
     for (const datapoint of series.data) {
       if (safeGet(datapointMetadataMap, datapoint).isGap) {
         continue;
       }
       const center = getBarPixelCenter(series, datapoint);
-      visit({
+      entries.push({
         ...center,
         result: {
           type: series.type,
@@ -164,7 +187,7 @@ function findClosestClusterLinear(barSeriesData, lineSeriesData, areaSeriesData,
         continue;
       }
       const center = getLinearSeriesPixelCenter(series, datapoint);
-      visit({
+      entries.push({
         ...center,
         result: {
           type: series.type,
@@ -175,10 +198,22 @@ function findClosestClusterLinear(barSeriesData, lineSeriesData, areaSeriesData,
       });
     }
   }
+  return entries;
+}
+function filterToClosestCluster(entries, searchBaselinePixel, getClusterKey) {
+  let closestKey;
+  let closestDistance = Infinity;
+  for (const entry of entries) {
+    const distance = Math.abs(entry.baselinePixel - searchBaselinePixel);
+    if (distance < closestDistance) {
+      closestDistance = distance;
+      closestKey = getClusterKey(entry);
+    }
+  }
   if (closestKey === void 0) {
     return [];
   }
-  return entries.filter((e) => Math.round(e.baselinePixel) === closestKey);
+  return entries.filter((e) => getClusterKey(e) === closestKey);
 }
 export {
   buildQueryShared

package/esm/charts/xy-chart/utils/query-shared.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/utils/query-shared.ts"],
-  "sourcesContent": ["import type {\n  GetBarPixelCenter,\n  GetLinearSeriesPixelCenter,\n  SortedEntriesPerShape,\n  SortedEntry,\n} from './build-sorted-entries.js';\nimport type { QueryAllHovered } from './query-hovered.js';\nimport { DEFAULT_DATA_POINT_RADIUS } from '../../core/constants.js';\nimport { getClusterBoundariesAtPosition } from '../../core/utils/binary-search.js';\nimport { safeGet } from '../../core/utils/safe-get.js';\nimport type {\n  BarSeriesQueryResult,\n  HoverQuery,\n  HoverQueryArgs,\n  HoverQueryResult,\n  SeriesQueryResult,\n} from '../context/XYChartOverlayPerformance.context.js';\nimport {\n  BAR_VARIANT,\n  type AreaSeriesWithDatapoints,\n  type BarSeriesWithDatapoints,\n  type LineSeriesWithDatapoints,\n  type MapDatapoints,\n} from '../types/xy-chart-internals.js';\nimport type {\n  AreaDatapoint,\n  BarDatapoint,\n  LineDatapoint,\n} from '../types/xy-chart.js';\n\nexport function buildQueryShared(\n  sortedEntries: SortedEntriesPerShape | undefined,\n  queryAllHovered: QueryAllHovered,\n  getBarPixelCenter: GetBarPixelCenter,\n  getLinearSeriesPixelCenter: GetLinearSeriesPixelCenter,\n  datapointMetadataMap: MapDatapoints,\n  hasGroupedBars: boolean,\n): HoverQuery {\n  // Grouped (side-by-side) bars share a domain range but sit at different\n  // pixel positions, so we cluster by `boundaries` to keep the whole\n  // category together. Otherwise we cluster by rounded baseline pixel to\n  // preserve the default XY behavior for stacked bars and cross-shape\n  // overlaps.\n  const getClusterKey = hasGroupedBars\n    ? (e: SortedEntry) => e.boundaries\n    : (e: SortedEntry) => Math.round(e.baselinePixel);\n\n  return function queryShared({\n    position,\n    rectSeriesData,\n    barSeriesData,\n    lineSeriesData,\n    areaSeriesData,\n  }: HoverQueryArgs): HoverQueryResult {\n    const relative = position.relative;\n\n    const allRectsHovered = queryAllHovered(rectSeriesData, relative);\n    if (allRectsHovered.length > 0) {\n      return {\n        preferred: allRectsHovered.at(-1),\n        datapoints: allRectsHovered,\n      };\n    }\n\n    const allBarsHovered = queryAllHovered(\n      barSeriesData,\n      relative,\n    ) as BarSeriesQueryResult[];\n\n    const lastHovered = allBarsHovered.at(-1);\n    const lastHoveredCenter = lastHovered\n      ? getBarPixelCenter(lastHovered.series, lastHovered.datapoint)\n      : undefined;\n    const firstBarSeries = barSeriesData[0];\n    const firstBarDatapoint = firstBarSeries?.data[0];\n    const isHorizontal =\n      lastHoveredCenter?.isHorizontal ??\n      (firstBarSeries !== undefined && firstBarDatapoint !== undefined\n        ? getBarPixelCenter(firstBarSeries, firstBarDatapoint).isHorizontal\n        : false);\n    const searchBaselinePixel =\n      lastHoveredCenter?.baselinePixel ??\n      (isHorizontal ? relative.y : relative.x);\n\n    // The sorted-entry build is debounced and `undefined` during the\n    // first few frames of a render. Fall back to a linear scan over all\n    // series so the tooltip works immediately on first hover.\n    const clusterEntries = sortedEntries\n      ? findClosestClusterBinary(\n          sortedEntries.combined,\n          searchBaselinePixel,\n          getClusterKey,\n        )\n      : findClosestClusterLinear(\n          barSeriesData,\n          lineSeriesData,\n          areaSeriesData,\n          datapointMetadataMap,\n          getBarPixelCenter,\n          getLinearSeriesPixelCenter,\n          searchBaselinePixel,\n        );\n\n    if (clusterEntries.length === 0) {\n      return { preferred: undefined, datapoints: [] };\n    }\n\n    const topmostHovered = allBarsHovered.at(-1);\n\n    // For vertical charts the cursor discriminates stacked bars by Y; for\n    // horizontal charts it discriminates by X (the value axis).\n    const cursorValue = clusterEntries[0].isHorizontal\n      ? relative.x\n      : relative.y;\n\n    const distanceToCursor = (entry: SortedEntry): number =>\n      Math.min(\n        Math.abs(entry.value0Pixel - cursorValue),\n        Math.abs(entry.value1Pixel - cursorValue),\n      );\n\n    const euclideanDistanceToCursor = (entry: SortedEntry): number => {\n      const [cursorDomain, cursorVal] = entry.isHorizontal\n        ? [relative.y, relative.x]\n        : [relative.x, relative.y];\n      return Math.sqrt(\n        Math.pow(entry.baselinePixel - cursorDomain, 2) +\n          Math.pow(entry.value0Pixel - cursorVal, 2),\n      );\n    };\n\n    const closestEntry = clusterEntries.reduce<SortedEntry | undefined>(\n      (closest, entry) => {\n        if (closest === undefined) {\n          return entry;\n        }\n        if (\n          entry.result.type === BAR_VARIANT &&\n          topmostHovered &&\n          entry.result.datapoint === topmostHovered.datapoint\n        ) {\n          if (\n            closest.result.type === BAR_VARIANT ||\n            distanceToCursor(entry) <= distanceToCursor(closest)\n          ) {\n            return entry;\n          }\n          return closest;\n        }\n        const diff = distanceToCursor(entry) - distanceToCursor(closest);\n        if (diff !== 0) {\n          return diff < 0 ? entry : closest;\n        }\n        // Tie between bar and non-bar: prefer non-bar only if within snap radius.\n        if (entry.result.type !== closest.result.type) {\n          const nonBar = entry.result.type !== BAR_VARIANT ? entry : closest;\n          const bar = entry.result.type === BAR_VARIANT ? entry : closest;\n          return euclideanDistanceToCursor(nonBar) <\n            DEFAULT_DATA_POINT_RADIUS * 2\n            ? nonBar\n            : bar;\n        }\n        return closest;\n      },\n      undefined,\n    );\n\n    const preferred = closestEntry?.result ?? allBarsHovered.at(-1);\n\n    let allowedBoundaries: Set<string> | undefined;\n    if (allBarsHovered.length > 0) {\n      allowedBoundaries = new Set(\n        allBarsHovered.map(\n          (b) => getBarPixelCenter(b.series, b.datapoint).boundaries,\n        ),\n      );\n    } else if (preferred) {\n      if (preferred.type === BAR_VARIANT) {\n        allowedBoundaries = new Set([\n          getBarPixelCenter(\n            preferred.series as BarSeriesWithDatapoints,\n            preferred.datapoint as BarDatapoint,\n          ).boundaries,\n        ]);\n      } else {\n        allowedBoundaries = new Set([\n          `${String(preferred.datapoint.x0)}-${String(preferred.datapoint.x1)}`,\n        ]);\n      }\n    }\n\n    const filteredEntries = clusterEntries.filter(\n      (e) =>\n        allowedBoundaries === undefined || allowedBoundaries.has(e.boundaries),\n    );\n    const datapoints: SeriesQueryResult[] = filteredEntries.map(\n      (e) => e.result,\n    );\n\n    return { preferred, datapoints };\n  };\n}\n\nfunction findClosestClusterBinary(\n  sorted: SortedEntry[],\n  searchBaselinePixel: number,\n  getClusterKey: (e: SortedEntry) => number | string,\n): SortedEntry[] {\n  if (sorted.length === 0) {\n    return [];\n  }\n\n  const [left, right] = getClusterBoundariesAtPosition(\n    searchBaselinePixel,\n    sorted,\n    (e) => e.baselinePixel,\n    getClusterKey,\n  );\n\n  if (left === -1) {\n    return [];\n  }\n\n  return sorted.slice(left, right + 1);\n}\n\nfunction findClosestClusterLinear(\n  barSeriesData: BarSeriesWithDatapoints[],\n  lineSeriesData: LineSeriesWithDatapoints[],\n  areaSeriesData: AreaSeriesWithDatapoints[],\n  datapointMetadataMap: MapDatapoints,\n  getBarPixelCenter: GetBarPixelCenter,\n  getLinearSeriesPixelCenter: GetLinearSeriesPixelCenter,\n  searchBaselinePixel: number,\n): SortedEntry[] {\n  const entries: SortedEntry[] = [];\n  let closestKey: number | undefined;\n  let closestDistance = Infinity;\n\n  function visit(entry: SortedEntry) {\n    entries.push(entry);\n    const distance = Math.abs(entry.baselinePixel - searchBaselinePixel);\n    if (distance < closestDistance) {\n      closestDistance = distance;\n      closestKey = Math.round(entry.baselinePixel);\n    }\n  }\n\n  for (const series of barSeriesData) {\n    for (const datapoint of series.data) {\n      if (safeGet(datapointMetadataMap, datapoint).isGap) {\n        continue;\n      }\n\n      const center = getBarPixelCenter(series, datapoint);\n      visit({\n        ...center,\n        result: {\n          type: series.type,\n          distance: 0,\n          datapoint,\n          series,\n        } as unknown as SeriesQueryResult,\n      });\n    }\n  }\n\n  for (const series of [...lineSeriesData, ...areaSeriesData]) {\n    for (const datapoint of series.data as (LineDatapoint | AreaDatapoint)[]) {\n      if (safeGet(datapointMetadataMap, datapoint).isGap) {\n        continue;\n      }\n      const center = getLinearSeriesPixelCenter(series, datapoint);\n      visit({\n        ...center,\n        result: {\n          type: series.type,\n          distance: 0,\n          datapoint,\n          series,\n        } as unknown as SeriesQueryResult,\n      });\n    }\n  }\n\n  if (closestKey === undefined) {\n    return [];\n  }\n  return entries.filter((e) => Math.round(e.baselinePixel) === closestKey);\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type {\n  GetBarPixelCenter,\n  GetLinearSeriesPixelCenter,\n  SortedEntriesPerShape,\n  SortedEntry,\n} from './build-sorted-entries.js';\nimport type { QueryAllHovered } from './query-hovered.js';\nimport { DEFAULT_DATA_POINT_RADIUS } from '../../core/constants.js';\nimport { getClusterBoundariesAtPosition } from '../../core/utils/binary-search.js';\nimport { safeGet } from '../../core/utils/safe-get.js';\nimport type {\n  BarSeriesQueryResult,\n  HoverQuery,\n  HoverQueryArgs,\n  HoverQueryResult,\n  SeriesQueryResult,\n} from '../context/XYChartOverlayPerformance.context.js';\nimport {\n  type AreaSeriesWithDatapoints,\n  BAR_VARIANT,\n  type BarSeriesWithDatapoints,\n  type LineSeriesWithDatapoints,\n  type MapDatapoints,\n} from '../types/xy-chart-internals.js';\nimport type {\n  AreaDatapoint,\n  BarDatapoint,\n  LineDatapoint,\n} from '../types/xy-chart.js';\n\nexport function buildQueryShared(\n  sortedEntries: SortedEntriesPerShape | undefined,\n  queryAllHovered: QueryAllHovered,\n  getBarPixelCenter: GetBarPixelCenter,\n  getLinearSeriesPixelCenter: GetLinearSeriesPixelCenter,\n  datapointMetadataMap: MapDatapoints,\n  hasGroupedBars: boolean,\n): HoverQuery {\n  // Grouped (side-by-side) bars share a domain range but sit at different\n  // pixel positions, so we cluster by `boundaries` to keep the whole\n  // category together. Otherwise we cluster by rounded baseline pixel to\n  // preserve the default XY behavior for stacked bars and cross-shape\n  // overlaps.\n  const getClusterKey = hasGroupedBars\n    ? (e: SortedEntry) => e.boundaries\n    : (e: SortedEntry) => Math.round(e.baselinePixel);\n\n  return function queryShared({\n    position,\n    rectSeriesData,\n    barSeriesData,\n    lineSeriesData,\n    areaSeriesData,\n  }: HoverQueryArgs): HoverQueryResult {\n    const relative = position.relative;\n\n    const allRectsHovered = queryAllHovered(rectSeriesData, relative);\n    if (allRectsHovered.length > 0) {\n      return {\n        preferred: allRectsHovered.at(-1),\n        datapoints: allRectsHovered,\n      };\n    }\n\n    const allBarsHovered = queryAllHovered(\n      barSeriesData,\n      relative,\n    ) as BarSeriesQueryResult[];\n\n    const lastHovered = allBarsHovered.at(-1);\n    const lastHoveredCenter = lastHovered\n      ? getBarPixelCenter(lastHovered.series, lastHovered.datapoint)\n      : undefined;\n    const firstBarSeries = barSeriesData[0];\n    const firstBarDatapoint = firstBarSeries?.data[0];\n    const isHorizontal =\n      lastHoveredCenter?.isHorizontal ??\n      (firstBarSeries !== undefined && firstBarDatapoint !== undefined\n        ? getBarPixelCenter(firstBarSeries, firstBarDatapoint).isHorizontal\n        : false);\n    const searchBaselinePixel =\n      lastHoveredCenter?.baselinePixel ??\n      (isHorizontal ? relative.y : relative.x);\n\n    // The sorted-entry build is debounced and `undefined` during the\n    // first few frames of a render. Fall back to a linear scan over all\n    // series so the tooltip works immediately on first hover.\n    const clusterEntries = sortedEntries\n      ? findClosestClusterBinary(\n          sortedEntries.combined,\n          searchBaselinePixel,\n          getClusterKey,\n        )\n      : filterToClosestCluster(\n          collectLinearEntries(\n            barSeriesData,\n            lineSeriesData,\n            areaSeriesData,\n            datapointMetadataMap,\n            getBarPixelCenter,\n            getLinearSeriesPixelCenter,\n          ),\n          searchBaselinePixel,\n          getClusterKey,\n        );\n\n    if (clusterEntries.length === 0) {\n      return { preferred: undefined, datapoints: [] };\n    }\n\n    const topmostHovered = allBarsHovered.at(-1);\n\n    // For vertical charts the cursor discriminates stacked bars by Y; for\n    // horizontal charts it discriminates by X (the value axis).\n    const cursorValue = clusterEntries[0].isHorizontal\n      ? relative.x\n      : relative.y;\n\n    const distanceToCursor = (entry: SortedEntry): number =>\n      Math.min(\n        Math.abs(entry.value0Pixel - cursorValue),\n        Math.abs(entry.value1Pixel - cursorValue),\n      );\n\n    const euclideanDistanceToCursor = (entry: SortedEntry): number => {\n      const [cursorDomain, cursorVal] = entry.isHorizontal\n        ? [relative.y, relative.x]\n        : [relative.x, relative.y];\n      return Math.sqrt(\n        Math.pow(entry.baselinePixel - cursorDomain, 2) +\n          Math.pow(entry.value0Pixel - cursorVal, 2),\n      );\n    };\n\n    const deltasCache = new WeakMap<\n      SortedEntry,\n      { baselineDelta: number; valueDelta: number }\n    >();\n    const groupedBarAxisDeltas = (\n      entry: SortedEntry,\n    ): { baselineDelta: number; valueDelta: number } => {\n      const cached = deltasCache.get(entry);\n      if (cached !== undefined) {\n        return cached;\n      }\n      const [cursorDomain, cursorVal] = entry.isHorizontal\n        ? [relative.y, relative.x]\n        : [relative.x, relative.y];\n      const valueSpanStart = Math.min(entry.value0Pixel, entry.value1Pixel);\n      const valueSpanEnd = Math.max(entry.value0Pixel, entry.value1Pixel);\n      const valueDelta = Math.max(\n        valueSpanStart - cursorVal,\n        cursorVal - valueSpanEnd,\n        0,\n      );\n      const baselineDelta = Math.abs(entry.baselinePixel - cursorDomain);\n      const result = { baselineDelta, valueDelta };\n      deltasCache.set(entry, result);\n      return result;\n    };\n\n    const compareGroupedBarDistance = (\n      a: SortedEntry,\n      b: SortedEntry,\n    ): number => {\n      const deltaA = groupedBarAxisDeltas(a);\n      const deltaB = groupedBarAxisDeltas(b);\n      if (deltaA.baselineDelta !== deltaB.baselineDelta) {\n        return deltaA.baselineDelta - deltaB.baselineDelta;\n      }\n      const valueA = Number.isNaN(deltaA.valueDelta)\n        ? Infinity\n        : deltaA.valueDelta;\n      const valueB = Number.isNaN(deltaB.valueDelta)\n        ? Infinity\n        : deltaB.valueDelta;\n      return valueA - valueB;\n    };\n\n    const compareEntries = hasGroupedBars\n      ? compareGroupedBarDistance\n      : (a: SortedEntry, b: SortedEntry) =>\n          distanceToCursor(a) - distanceToCursor(b);\n\n    const closestEntry = clusterEntries.reduce<SortedEntry | undefined>(\n      (closest, entry) => {\n        if (closest === undefined) {\n          return entry;\n        }\n        if (\n          entry.result.type === BAR_VARIANT &&\n          topmostHovered &&\n          entry.result.datapoint === topmostHovered.datapoint\n        ) {\n          if (\n            closest.result.type === BAR_VARIANT ||\n            compareEntries(entry, closest) <= 0\n          ) {\n            return entry;\n          }\n          return closest;\n        }\n        const diff = compareEntries(entry, closest);\n        if (diff !== 0) {\n          return diff < 0 ? entry : closest;\n        }\n        // Tie between bar and non-bar: prefer non-bar only if within snap radius.\n        if (entry.result.type !== closest.result.type) {\n          const nonBar = entry.result.type !== BAR_VARIANT ? entry : closest;\n          const bar = entry.result.type === BAR_VARIANT ? entry : closest;\n          return euclideanDistanceToCursor(nonBar) <\n            DEFAULT_DATA_POINT_RADIUS * 2\n            ? nonBar\n            : bar;\n        }\n        return closest;\n      },\n      undefined,\n    );\n\n    const preferred = closestEntry?.result ?? allBarsHovered.at(-1);\n\n    let allowedBoundaries: Set<string> | undefined;\n    if (allBarsHovered.length > 0) {\n      allowedBoundaries = new Set(\n        allBarsHovered.map(\n          (b) => getBarPixelCenter(b.series, b.datapoint).boundaries,\n        ),\n      );\n    } else if (preferred) {\n      if (preferred.type === BAR_VARIANT) {\n        allowedBoundaries = new Set([\n          getBarPixelCenter(\n            preferred.series as BarSeriesWithDatapoints,\n            preferred.datapoint as BarDatapoint,\n          ).boundaries,\n        ]);\n      } else {\n        allowedBoundaries = new Set([\n          `${String(preferred.datapoint.x0)}-${String(preferred.datapoint.x1)}`,\n        ]);\n      }\n    }\n\n    const filteredEntries = clusterEntries.filter(\n      (e) =>\n        allowedBoundaries === undefined || allowedBoundaries.has(e.boundaries),\n    );\n    const datapoints: SeriesQueryResult[] = filteredEntries.map(\n      (e) => e.result,\n    );\n\n    return { preferred, datapoints };\n  };\n}\n\nfunction findClosestClusterBinary(\n  sorted: SortedEntry[],\n  searchBaselinePixel: number,\n  getClusterKey: (e: SortedEntry) => number | string,\n): SortedEntry[] {\n  if (sorted.length === 0) {\n    return [];\n  }\n\n  const [left, right] = getClusterBoundariesAtPosition(\n    searchBaselinePixel,\n    sorted,\n    (e) => e.baselinePixel,\n    getClusterKey,\n  );\n\n  if (left === -1) {\n    return [];\n  }\n\n  return sorted.slice(left, right + 1);\n}\n\nfunction collectLinearEntries(\n  barSeriesData: BarSeriesWithDatapoints[],\n  lineSeriesData: LineSeriesWithDatapoints[],\n  areaSeriesData: AreaSeriesWithDatapoints[],\n  datapointMetadataMap: MapDatapoints,\n  getBarPixelCenter: GetBarPixelCenter,\n  getLinearSeriesPixelCenter: GetLinearSeriesPixelCenter,\n): SortedEntry[] {\n  const entries: SortedEntry[] = [];\n\n  for (const series of barSeriesData) {\n    for (const datapoint of series.data) {\n      if (safeGet(datapointMetadataMap, datapoint).isGap) {\n        continue;\n      }\n      const center = getBarPixelCenter(series, datapoint);\n      entries.push({\n        ...center,\n        result: {\n          type: series.type,\n          distance: 0,\n          datapoint,\n          series,\n        } as unknown as SeriesQueryResult,\n      });\n    }\n  }\n\n  for (const series of [...lineSeriesData, ...areaSeriesData]) {\n    for (const datapoint of series.data as (LineDatapoint | AreaDatapoint)[]) {\n      if (safeGet(datapointMetadataMap, datapoint).isGap) {\n        continue;\n      }\n      const center = getLinearSeriesPixelCenter(series, datapoint);\n      entries.push({\n        ...center,\n        result: {\n          type: series.type,\n          distance: 0,\n          datapoint,\n          series,\n        } as unknown as SeriesQueryResult,\n      });\n    }\n  }\n\n  return entries;\n}\n\nfunction filterToClosestCluster(\n  entries: SortedEntry[],\n  searchBaselinePixel: number,\n  getClusterKey: (e: SortedEntry) => number | string,\n): SortedEntry[] {\n  let closestKey: number | string | undefined;\n  let closestDistance = Infinity;\n\n  for (const entry of entries) {\n    const distance = Math.abs(entry.baselinePixel - searchBaselinePixel);\n    if (distance < closestDistance) {\n      closestDistance = distance;\n      closestKey = getClusterKey(entry);\n    }\n  }\n\n  if (closestKey === undefined) {\n    return [];\n  }\n  return entries.filter((e) => getClusterKey(e) === closestKey);\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart/utils/query-single.js

@@ -44,7 +44,11 @@ function buildQuerySingle(queryClosest, queryHovered, datapointMetadataMap) {
       );
     }
     const preferred = results[prevailingShape];
-    const datapoints = findExactMatchFromIndex(preferred, cachedIndex);
+    const datapoints = findExactMatchFromIndex(
+      preferred,
+      cachedIndex,
+      datapointMetadataMap
+    );
     return { preferred, datapoints };
   };
 }

package/esm/charts/xy-chart/utils/query-single.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/utils/query-single.ts"],
-  "sourcesContent": ["import {\n  buildExactMatchIndex,\n  findExactMatchFromIndex,\n  type ExactMatchIndex,\n} from './query-get-closest-point.js';\nimport { getPrevailingShapeType } from '../components/overlay/utils/get-prevailing-shape-type.js';\nimport type {\n  HoverQuery,\n  HoverQueryArgs,\n  HoverQueryResult,\n  QueryClosest,\n  QueryHovered,\n} from '../context/XYChartOverlayPerformance.context.js';\nimport type {\n  AreaSeriesWithDatapoints,\n  DotSeriesWithDatapoints,\n  LineSeriesWithDatapoints,\n  MapDatapoints,\n} from '../types/xy-chart-internals.js';\n\n/**\n * Build the single-datapoint hover query.\n *\n * Runs closest-point queries on continuous series (dot/line/area) and\n * hovered queries on geometric series (rect/bar), then picks the\n * prevailing shape under the cursor. Every datapoint that shares the exact\n * same `x0`/`x1`/`y0`/`y1` bounding box as the prevailing one is included so\n * overlapping points are displayed together, falling back to the single\n * prevailing datapoint when nothing else matches.\n */\nexport function buildQuerySingle(\n  queryClosest: QueryClosest,\n  queryHovered: QueryHovered,\n  datapointMetadataMap?: MapDatapoints,\n): HoverQuery {\n  let cachedDotSeriesData: DotSeriesWithDatapoints[] | undefined;\n  let cachedLineSeriesData: LineSeriesWithDatapoints[] | undefined;\n  let cachedAreaSeriesData: AreaSeriesWithDatapoints[] | undefined;\n  let cachedIndex: ExactMatchIndex | undefined;\n\n  return function querySingle({\n    position,\n    dotSeriesData,\n    lineSeriesData,\n    areaSeriesData,\n    rectSeriesData,\n    barSeriesData,\n  }: HoverQueryArgs): HoverQueryResult {\n    const relative = position.relative;\n    const results = {\n      dot: queryClosest(dotSeriesData, relative),\n      line: queryClosest(lineSeriesData, relative),\n      area: queryClosest(areaSeriesData, relative),\n      rect: queryHovered(rectSeriesData, relative),\n      bar: queryHovered(barSeriesData, relative),\n    };\n\n    const prevailingShape = getPrevailingShapeType(\n      results.dot?.distance,\n      results.line?.distance,\n      results.area?.distance,\n      !!results.rect,\n      !!results.bar,\n    );\n\n    if (!prevailingShape || !results[prevailingShape]) {\n      return { preferred: undefined, datapoints: [] };\n    }\n\n    if (\n      cachedIndex === undefined ||\n      cachedDotSeriesData !== dotSeriesData ||\n      cachedLineSeriesData !== lineSeriesData ||\n      cachedAreaSeriesData !== areaSeriesData\n    ) {\n      cachedDotSeriesData = dotSeriesData;\n      cachedLineSeriesData = lineSeriesData;\n      cachedAreaSeriesData = areaSeriesData;\n      cachedIndex = buildExactMatchIndex(\n        [...dotSeriesData, ...lineSeriesData, ...areaSeriesData],\n        datapointMetadataMap,\n      );\n    }\n\n    const preferred = results[prevailingShape];\n    const datapoints = findExactMatchFromIndex(preferred, cachedIndex);\n    return { preferred, datapoints };\n  };\n}\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP,SAAS,8BAA8B;AAyBhC,SAAS,iBACd,cACA,cACA,sBACY;AACZ,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI;AAEJ,SAAO,SAAS,YAAY;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,GAAqC;AACnC,UAAM,WAAW,SAAS;AAC1B,UAAM,UAAU;AAAA,MACd,KAAK,aAAa,eAAe,QAAQ;AAAA,MACzC,MAAM,aAAa,gBAAgB,QAAQ;AAAA,MAC3C,MAAM,aAAa,gBAAgB,QAAQ;AAAA,MAC3C,MAAM,aAAa,gBAAgB,QAAQ;AAAA,MAC3C,KAAK,aAAa,eAAe,QAAQ;AAAA,IAC3C;AAEA,UAAM,kBAAkB;AAAA,MACtB,QAAQ,KAAK;AAAA,MACb,QAAQ,MAAM;AAAA,MACd,QAAQ,MAAM;AAAA,MACd,CAAC,CAAC,QAAQ;AAAA,MACV,CAAC,CAAC,QAAQ;AAAA,IACZ;AAEA,QAAI,CAAC,mBAAmB,CAAC,QAAQ,eAAe,GAAG;AACjD,aAAO,EAAE,WAAW,QAAW,YAAY,CAAC,EAAE;AAAA,IAChD;AAEA,QACE,gBAAgB,UAChB,wBAAwB,iBACxB,yBAAyB,kBACzB,yBAAyB,gBACzB;AACA,4BAAsB;AACtB,6BAAuB;AACvB,6BAAuB;AACvB,oBAAc;AAAA,QACZ,CAAC,GAAG,eAAe,GAAG,gBAAgB,GAAG,cAAc;AAAA,QACvD;AAAA,MACF;AAAA,IACF;AAEA,UAAM,YAAY,QAAQ,eAAe;AACzC,UAAM,aAAa,wBAAwB,WAAW,WAAW;AACjE,WAAO,EAAE,WAAW,WAAW;AAAA,EACjC;AACF;",
+  "sourcesContent": ["import {\n  buildExactMatchIndex,\n  findExactMatchFromIndex,\n  type ExactMatchIndex,\n} from './query-get-closest-point.js';\nimport { getPrevailingShapeType } from '../components/overlay/utils/get-prevailing-shape-type.js';\nimport type {\n  HoverQuery,\n  HoverQueryArgs,\n  HoverQueryResult,\n  QueryClosest,\n  QueryHovered,\n} from '../context/XYChartOverlayPerformance.context.js';\nimport type {\n  AreaSeriesWithDatapoints,\n  DotSeriesWithDatapoints,\n  LineSeriesWithDatapoints,\n  MapDatapoints,\n} from '../types/xy-chart-internals.js';\n\n/**\n * Build the single-datapoint hover query.\n *\n * Runs closest-point queries on continuous series (dot/line/area) and\n * hovered queries on geometric series (rect/bar), then picks the\n * prevailing shape under the cursor. Every datapoint that shares the exact\n * same `x0`/`x1`/`y0`/`y1` bounding box as the prevailing one is included so\n * overlapping points are displayed together, falling back to the single\n * prevailing datapoint when nothing else matches.\n */\nexport function buildQuerySingle(\n  queryClosest: QueryClosest,\n  queryHovered: QueryHovered,\n  datapointMetadataMap?: MapDatapoints,\n): HoverQuery {\n  let cachedDotSeriesData: DotSeriesWithDatapoints[] | undefined;\n  let cachedLineSeriesData: LineSeriesWithDatapoints[] | undefined;\n  let cachedAreaSeriesData: AreaSeriesWithDatapoints[] | undefined;\n  let cachedIndex: ExactMatchIndex | undefined;\n\n  return function querySingle({\n    position,\n    dotSeriesData,\n    lineSeriesData,\n    areaSeriesData,\n    rectSeriesData,\n    barSeriesData,\n  }: HoverQueryArgs): HoverQueryResult {\n    const relative = position.relative;\n    const results = {\n      dot: queryClosest(dotSeriesData, relative),\n      line: queryClosest(lineSeriesData, relative),\n      area: queryClosest(areaSeriesData, relative),\n      rect: queryHovered(rectSeriesData, relative),\n      bar: queryHovered(barSeriesData, relative),\n    };\n\n    const prevailingShape = getPrevailingShapeType(\n      results.dot?.distance,\n      results.line?.distance,\n      results.area?.distance,\n      !!results.rect,\n      !!results.bar,\n    );\n\n    if (!prevailingShape || !results[prevailingShape]) {\n      return { preferred: undefined, datapoints: [] };\n    }\n\n    if (\n      cachedIndex === undefined ||\n      cachedDotSeriesData !== dotSeriesData ||\n      cachedLineSeriesData !== lineSeriesData ||\n      cachedAreaSeriesData !== areaSeriesData\n    ) {\n      cachedDotSeriesData = dotSeriesData;\n      cachedLineSeriesData = lineSeriesData;\n      cachedAreaSeriesData = areaSeriesData;\n      cachedIndex = buildExactMatchIndex(\n        [...dotSeriesData, ...lineSeriesData, ...areaSeriesData],\n        datapointMetadataMap,\n      );\n    }\n\n    const preferred = results[prevailingShape];\n    const datapoints = findExactMatchFromIndex(\n      preferred,\n      cachedIndex,\n      datapointMetadataMap,\n    );\n    return { preferred, datapoints };\n  };\n}\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP,SAAS,8BAA8B;AAyBhC,SAAS,iBACd,cACA,cACA,sBACY;AACZ,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI;AAEJ,SAAO,SAAS,YAAY;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,GAAqC;AACnC,UAAM,WAAW,SAAS;AAC1B,UAAM,UAAU;AAAA,MACd,KAAK,aAAa,eAAe,QAAQ;AAAA,MACzC,MAAM,aAAa,gBAAgB,QAAQ;AAAA,MAC3C,MAAM,aAAa,gBAAgB,QAAQ;AAAA,MAC3C,MAAM,aAAa,gBAAgB,QAAQ;AAAA,MAC3C,KAAK,aAAa,eAAe,QAAQ;AAAA,IAC3C;AAEA,UAAM,kBAAkB;AAAA,MACtB,QAAQ,KAAK;AAAA,MACb,QAAQ,MAAM;AAAA,MACd,QAAQ,MAAM;AAAA,MACd,CAAC,CAAC,QAAQ;AAAA,MACV,CAAC,CAAC,QAAQ;AAAA,IACZ;AAEA,QAAI,CAAC,mBAAmB,CAAC,QAAQ,eAAe,GAAG;AACjD,aAAO,EAAE,WAAW,QAAW,YAAY,CAAC,EAAE;AAAA,IAChD;AAEA,QACE,gBAAgB,UAChB,wBAAwB,iBACxB,yBAAyB,kBACzB,yBAAyB,gBACzB;AACA,4BAAsB;AACtB,6BAAuB;AACvB,6BAAuB;AACvB,oBAAc;AAAA,QACZ,CAAC,GAAG,eAAe,GAAG,gBAAgB,GAAG,cAAc;AAAA,QACvD;AAAA,MACF;AAAA,IACF;AAEA,UAAM,YAAY,QAAQ,eAAe;AACzC,UAAM,aAAa;AAAA,MACjB;AAAA,MACA;AAAA,MACA;AAAA,IACF;AACA,WAAO,EAAE,WAAW,WAAW;AAAA,EACjC;AACF;",
   "names": []
 }

package/esm/charts/xy-chart/utils/xy-chart-configuration.js

@@ -99,7 +99,7 @@ const createXYChartConfiguration = (slots, contextConfig, rootProps) => {
     slots.annotations,
     contextConfig.annotations
   );
-  const select = slots.select || void 0;
+  const select = slots.select !== void 0 || contextConfig.select !== void 0 ? merge({}, contextConfig.select, slots.select) : void 0;
   const thresholdIndicators = [
     ...slots.thresholds,
     ...contextConfig.thresholdIndicators || []

package/esm/charts/xy-chart/utils/xy-chart-configuration.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/utils/xy-chart-configuration.ts"],
-  "sourcesContent": ["import { isEmpty, merge } from 'lodash-es';\n\nimport { interactionsFor } from './axis-interactions.js';\nimport { doesNothing } from './defaults.js';\nimport { isXAxis } from './is-axis.js';\nimport type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js';\nimport { TRUNCATION_MODE } from '../../core/constants.js';\nimport { isValidColorRule } from '../../core/slots/ColorRule.js';\nimport { isCustomColorPalette } from '../../core/types/color-palette.js';\nimport { isColoredRangeArray } from '../../core/types/colored-range.js';\nimport type { ChartTooltipConfigProps } from '../../core/types/tooltip.js';\nimport { isValidColorPalette } from '../../core/utils/is-valid-color-palette.js';\nimport { isValidLegendPosition } from '../../core/utils/is-valid-legend-position.js';\nimport { isValidToolbarPlacement } from '../../core/utils/is-valid-toolbar-placement.js';\nimport { buildThresholds } from '../components/thresholds/builder.js';\nimport {\n  DEFAULT_AXIS_CONFIG,\n  defaultConfig,\n  defaultLegend,\n  defaultToolbar,\n} from '../constants/defaults.js';\nimport { XYChartAnnotationsConfigProps } from '../context/XYChartAnnotationsConfig.context.js';\nimport {\n  DEFAULT_CUSTOM_TOOLTIP_CONFIG,\n  XYChartTooltipConfig,\n} from '../context/XYChartTooltip.context.js';\nimport { XYAxisMapper } from '../types/axis.js';\nimport {\n  type ExportableXYChartProps,\n  type XYChartAxisInternal,\n  type XYChartInternals,\n  type XYChartSeriesBasePropsExtended,\n  type XYChartSlots,\n} from '../types/xy-chart-internals.js';\nimport type {\n  XYChartAxisProps,\n  XYChartChartLegendProps,\n  XYChartConfigProperties,\n  XYChartSelectConfig,\n  XYChartToolbarConfigProps,\n  XYChartToolbarSlotProps,\n} from '../types/xy-chart-props.js';\nimport {\n  NUMERICAL_SCALE_TYPE,\n  type XYChartColorPalette,\n} from '../types/xy-chart.js';\n\n/**\n * Builds a legend configuration based on context and slots\n * @param slotsLegend - legend slots\n * @param contextLegend - legend context\n */\nfunction getLegendConfiguration(\n  slotsLegend: XYChartChartLegendProps,\n  contextLegend: XYChartChartLegendProps | undefined,\n): XYChartChartLegendProps {\n  const legendConfig: XYChartChartLegendProps = merge(\n    {},\n    defaultLegend,\n    contextLegend,\n    slotsLegend,\n  );\n\n  legendConfig.position = isValidLegendPosition(legendConfig.position)\n    ? legendConfig.position\n    : defaultLegend.position;\n\n  return legendConfig;\n}\n\nfunction getToolbarConfiguration(\n  slotsToolbar: XYChartToolbarSlotProps,\n  contextToolbar: XYChartToolbarConfigProps | undefined,\n) {\n  const toolbarConfig = merge({}, defaultToolbar, contextToolbar, slotsToolbar);\n\n  toolbarConfig.placement = isValidToolbarPlacement(toolbarConfig.placement)\n    ? toolbarConfig.placement\n    : defaultToolbar.placement;\n\n  return toolbarConfig;\n}\n\nfunction getAxesWithSeries(\n  axisSlots: XYChartAxisInternal[],\n  series: XYChartSeriesBasePropsExtended[],\n) {\n  let axesConfig: XYChartAxisInternal[] = [];\n  const matchingIds = new Set();\n\n  axisSlots.forEach((axis) => {\n    const isAlreadyDefined = matchingIds.has(axis.id);\n\n    if (isAlreadyDefined) {\n      return;\n    }\n\n    const hasMatchingSeriesId = series.find((series) => {\n      return isXAxis(axis)\n        ? series.xAxisId === axis.id\n        : series.yAxisId === axis.id;\n    });\n\n    if (hasMatchingSeriesId) {\n      matchingIds.add(axis.id);\n      axesConfig = [...axesConfig, axis];\n    }\n  });\n\n  return axesConfig;\n}\n\n/**\n * Builds a ColorPalette configuration based on context and props\n * @param contextColorPalette - color palette context\n * @param propsColorPalette - color palette props\n */\nfunction getColorPaletteConfiguration(\n  contextColorPalette?: XYChartColorPalette,\n  propsColorPalette?: XYChartColorPalette,\n) {\n  const colorPalette = propsColorPalette ?? contextColorPalette ?? undefined;\n\n  if (!colorPalette) {\n    return undefined;\n  }\n\n  return isColoredRangeArray(colorPalette) ||\n    isCustomColorPalette(colorPalette) ||\n    isValidColorPalette(colorPalette)\n    ? colorPalette\n    : undefined;\n}\n\nexport function getTruncationModeConfiguration(\n  contextTruncationMode?: TruncationMode,\n  propsTruncationMode?: TruncationMode,\n) {\n  return propsTruncationMode ?? contextTruncationMode ?? TRUNCATION_MODE.Middle;\n}\n\nexport function getXYChartAnnotationsConfiguration(\n  slotsAnnotations?: XYChartAnnotationsConfigProps,\n  configAnnotations?: XYChartAnnotationsConfigProps,\n) {\n  if (isEmpty(slotsAnnotations) && !configAnnotations) {\n    return undefined;\n  }\n  return merge({}, configAnnotations, slotsAnnotations);\n}\n\nfunction getCustomTooltipConfiguration(\n  slotsCustomTooltip: XYChartTooltipConfig | undefined,\n  contextCustomTooltip: ChartTooltipConfigProps | undefined,\n): XYChartTooltipConfig {\n  if (slotsCustomTooltip !== undefined) {\n    return slotsCustomTooltip;\n  }\n  return {\n    ...DEFAULT_CUSTOM_TOOLTIP_CONFIG,\n    hidden:\n      contextCustomTooltip?.hidden ?? DEFAULT_CUSTOM_TOOLTIP_CONFIG.hidden,\n    variant: 'single',\n  };\n}\n\n/**\n * Creates a XY chart configuration merging the configuration\n * provided in the context config, slots, and defaults.\n * @param slots - xy chart slots\n * @param contextConfig - config pass in config context\n * @param rootProps - Config props passed in root component level\n */\nexport type XYChartConfig = Omit<\n  Required<XYChartConfigProperties>,\n  'annotations' | 'select' | 'colorPalette' | 'tooltip'\n> & {\n  annotations?: XYChartAnnotationsConfigProps;\n  select?: XYChartSelectConfig;\n  colorPalette?: XYChartColorPalette;\n  tooltip: XYChartTooltipConfig;\n};\n\nexport const createXYChartConfiguration = (\n  slots: XYChartSlots,\n  contextConfig: XYChartConfigProperties,\n  rootProps: ExportableXYChartProps,\n): XYChartConfig => {\n  const colorPalette = getColorPaletteConfiguration(\n    contextConfig.colorPalette,\n    rootProps?.colorPalette,\n  );\n\n  const truncationMode = getTruncationModeConfiguration(\n    contextConfig.truncationMode,\n    rootProps?.truncationMode,\n  );\n\n  const legend = getLegendConfiguration(slots.legend, contextConfig.legend);\n  const xAxes = getAxes(slots.xAxes, contextConfig.xAxes);\n  const yAxes = getAxes(slots.yAxes, contextConfig.yAxes);\n  const toolbar = getToolbarConfiguration(slots.toolbar, contextConfig.toolbar);\n  const annotations = getXYChartAnnotationsConfiguration(\n    slots.annotations,\n    contextConfig.annotations,\n  );\n  const select = slots.select || undefined;\n  const thresholdIndicators = [\n    ...slots.thresholds,\n    ...(contextConfig.thresholdIndicators || []),\n  ];\n  const colorRules = (contextConfig.colorRules || [])\n    .filter(isValidColorRule)\n    .concat(slots.colorRules || []);\n  const tooltip = getCustomTooltipConfiguration(\n    slots.tooltip,\n    contextConfig.tooltip,\n  );\n\n  return {\n    colorPalette,\n    legend,\n    toolbar,\n    truncationMode,\n    xAxes,\n    yAxes,\n    thresholdIndicators,\n    annotations,\n    select,\n    colorRules,\n    tooltip,\n    customTooltip: {},\n  };\n};\n\nexport function getAxes<T extends XYChartAxisProps>(\n  slotAxes: T[],\n  contextAxes: T[] | undefined,\n): T[] {\n  const configContextAxes = contextAxes ?? [];\n  const ids = new Set<string>();\n  const axesConfig = [...slotAxes, ...configContextAxes];\n\n  return axesConfig.reduce<T[]>((acc: T[], axis: T) => {\n    if (!ids.has(axis.id)) {\n      acc.push(merge({}, DEFAULT_AXIS_CONFIG, axis));\n      ids.add(axis.id);\n    }\n\n    return acc;\n  }, []);\n}\n\nexport const deserializeConfig = (\n  serializedConfig: string,\n): XYChartConfigProperties => {\n  try {\n    return merge({}, defaultConfig, JSON.parse(serializedConfig));\n  } catch {\n    return defaultConfig;\n  }\n};\n\ntype InternalConfig = {\n  xAxes: XYChartSlots['xAxes'];\n  yAxes: XYChartSlots['yAxes'];\n  thresholdIndicators: XYChartSlots['thresholds'];\n};\ntype InternalSlots = {\n  series: XYChartSlots['series'];\n};\ntype BuildInternalConfig = (\n  config: InternalConfig,\n  slots: InternalSlots,\n) => XYChartInternals;\n\nexport const buildInternalConfig: BuildInternalConfig = (config, slots) => {\n  const yAxes = config.yAxes.map((axis) => ({\n    ...axis,\n    coordinate: 'y',\n    tickLabelLayout: 'horizontal',\n    type: XYAxisMapper[axis.type],\n    interactions: { zoom: false, pan: false, infinite: false },\n    onZoomChange: doesNothing,\n    isRelative:\n      axis.type === NUMERICAL_SCALE_TYPE &&\n      axis.valueRepresentation === 'relative',\n  }));\n\n  const xAxes = config.xAxes.map((axis) => ({\n    ...axis,\n    coordinate: 'x' as const,\n    tickLabelLayout: axis.tickLabelLayout ?? 'horizontal',\n    type: XYAxisMapper[axis.type],\n    interactions: interactionsFor(axis),\n    onZoomChange: axis.onZoomChange ?? doesNothing,\n    isRelative:\n      axis.type === NUMERICAL_SCALE_TYPE &&\n      axis.valueRepresentation === 'relative',\n  }));\n\n  const axes = getAxesWithSeries(\n    [...yAxes, ...xAxes] as XYChartAxisInternal[],\n    slots.series,\n  );\n\n  const thresholds = buildThresholds(yAxes, xAxes, config.thresholdIndicators);\n\n  return { series: slots.series, axes, thresholds };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { isEmpty, merge } from 'lodash-es';\n\nimport { interactionsFor } from './axis-interactions.js';\nimport { doesNothing } from './defaults.js';\nimport { isXAxis } from './is-axis.js';\nimport type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js';\nimport { TRUNCATION_MODE } from '../../core/constants.js';\nimport { isValidColorRule } from '../../core/slots/ColorRule.js';\nimport { isCustomColorPalette } from '../../core/types/color-palette.js';\nimport { isColoredRangeArray } from '../../core/types/colored-range.js';\nimport type { ChartTooltipConfigProps } from '../../core/types/tooltip.js';\nimport { isValidColorPalette } from '../../core/utils/is-valid-color-palette.js';\nimport { isValidLegendPosition } from '../../core/utils/is-valid-legend-position.js';\nimport { isValidToolbarPlacement } from '../../core/utils/is-valid-toolbar-placement.js';\nimport { buildThresholds } from '../components/thresholds/builder.js';\nimport {\n  DEFAULT_AXIS_CONFIG,\n  defaultConfig,\n  defaultLegend,\n  defaultToolbar,\n} from '../constants/defaults.js';\nimport { XYChartAnnotationsConfigProps } from '../context/XYChartAnnotationsConfig.context.js';\nimport {\n  DEFAULT_CUSTOM_TOOLTIP_CONFIG,\n  XYChartTooltipConfig,\n} from '../context/XYChartTooltip.context.js';\nimport { XYAxisMapper } from '../types/axis.js';\nimport {\n  type ExportableXYChartProps,\n  type XYChartAxisInternal,\n  type XYChartInternals,\n  type XYChartSeriesBasePropsExtended,\n  type XYChartSlots,\n} from '../types/xy-chart-internals.js';\nimport type {\n  XYChartAxisProps,\n  XYChartChartLegendProps,\n  XYChartConfigProperties,\n  XYChartSelectConfig,\n  XYChartToolbarConfigProps,\n  XYChartToolbarSlotProps,\n} from '../types/xy-chart-props.js';\nimport {\n  NUMERICAL_SCALE_TYPE,\n  type XYChartColorPalette,\n} from '../types/xy-chart.js';\n\n/**\n * Builds a legend configuration based on context and slots\n * @param slotsLegend - legend slots\n * @param contextLegend - legend context\n */\nfunction getLegendConfiguration(\n  slotsLegend: XYChartChartLegendProps,\n  contextLegend: XYChartChartLegendProps | undefined,\n): XYChartChartLegendProps {\n  const legendConfig: XYChartChartLegendProps = merge(\n    {},\n    defaultLegend,\n    contextLegend,\n    slotsLegend,\n  );\n\n  legendConfig.position = isValidLegendPosition(legendConfig.position)\n    ? legendConfig.position\n    : defaultLegend.position;\n\n  return legendConfig;\n}\n\nfunction getToolbarConfiguration(\n  slotsToolbar: XYChartToolbarSlotProps,\n  contextToolbar: XYChartToolbarConfigProps | undefined,\n) {\n  const toolbarConfig = merge({}, defaultToolbar, contextToolbar, slotsToolbar);\n\n  toolbarConfig.placement = isValidToolbarPlacement(toolbarConfig.placement)\n    ? toolbarConfig.placement\n    : defaultToolbar.placement;\n\n  return toolbarConfig;\n}\n\nfunction getAxesWithSeries(\n  axisSlots: XYChartAxisInternal[],\n  series: XYChartSeriesBasePropsExtended[],\n) {\n  let axesConfig: XYChartAxisInternal[] = [];\n  const matchingIds = new Set();\n\n  axisSlots.forEach((axis) => {\n    const isAlreadyDefined = matchingIds.has(axis.id);\n\n    if (isAlreadyDefined) {\n      return;\n    }\n\n    const hasMatchingSeriesId = series.find((series) => {\n      return isXAxis(axis)\n        ? series.xAxisId === axis.id\n        : series.yAxisId === axis.id;\n    });\n\n    if (hasMatchingSeriesId) {\n      matchingIds.add(axis.id);\n      axesConfig = [...axesConfig, axis];\n    }\n  });\n\n  return axesConfig;\n}\n\n/**\n * Builds a ColorPalette configuration based on context and props\n * @param contextColorPalette - color palette context\n * @param propsColorPalette - color palette props\n */\nfunction getColorPaletteConfiguration(\n  contextColorPalette?: XYChartColorPalette,\n  propsColorPalette?: XYChartColorPalette,\n) {\n  const colorPalette = propsColorPalette ?? contextColorPalette ?? undefined;\n\n  if (!colorPalette) {\n    return undefined;\n  }\n\n  return isColoredRangeArray(colorPalette) ||\n    isCustomColorPalette(colorPalette) ||\n    isValidColorPalette(colorPalette)\n    ? colorPalette\n    : undefined;\n}\n\nexport function getTruncationModeConfiguration(\n  contextTruncationMode?: TruncationMode,\n  propsTruncationMode?: TruncationMode,\n) {\n  return propsTruncationMode ?? contextTruncationMode ?? TRUNCATION_MODE.Middle;\n}\n\nexport function getXYChartAnnotationsConfiguration(\n  slotsAnnotations?: XYChartAnnotationsConfigProps,\n  configAnnotations?: XYChartAnnotationsConfigProps,\n) {\n  if (isEmpty(slotsAnnotations) && !configAnnotations) {\n    return undefined;\n  }\n  return merge({}, configAnnotations, slotsAnnotations);\n}\n\nfunction getCustomTooltipConfiguration(\n  slotsCustomTooltip: XYChartTooltipConfig | undefined,\n  contextCustomTooltip: ChartTooltipConfigProps | undefined,\n): XYChartTooltipConfig {\n  if (slotsCustomTooltip !== undefined) {\n    return slotsCustomTooltip;\n  }\n  return {\n    ...DEFAULT_CUSTOM_TOOLTIP_CONFIG,\n    hidden:\n      contextCustomTooltip?.hidden ?? DEFAULT_CUSTOM_TOOLTIP_CONFIG.hidden,\n    variant: 'single',\n  };\n}\n\n/**\n * Creates a XY chart configuration merging the configuration\n * provided in the context config, slots, and defaults.\n * @param slots - xy chart slots\n * @param contextConfig - config pass in config context\n * @param rootProps - Config props passed in root component level\n */\nexport type XYChartConfig = Omit<\n  Required<XYChartConfigProperties>,\n  'annotations' | 'select' | 'colorPalette' | 'tooltip' | 'thresholdIndicators'\n> & {\n  annotations?: XYChartAnnotationsConfigProps;\n  select?: XYChartSelectConfig;\n  colorPalette?: XYChartColorPalette;\n  tooltip: XYChartTooltipConfig;\n  thresholdIndicators: XYChartSlots['thresholds'];\n};\n\nexport const createXYChartConfiguration = (\n  slots: XYChartSlots,\n  contextConfig: XYChartConfigProperties,\n  rootProps: ExportableXYChartProps,\n): XYChartConfig => {\n  const colorPalette = getColorPaletteConfiguration(\n    contextConfig.colorPalette,\n    rootProps?.colorPalette,\n  );\n\n  const truncationMode = getTruncationModeConfiguration(\n    contextConfig.truncationMode,\n    rootProps?.truncationMode,\n  );\n\n  const legend = getLegendConfiguration(slots.legend, contextConfig.legend);\n  const xAxes = getAxes(slots.xAxes, contextConfig.xAxes);\n  const yAxes = getAxes(slots.yAxes, contextConfig.yAxes);\n  const toolbar = getToolbarConfiguration(slots.toolbar, contextConfig.toolbar);\n  const annotations = getXYChartAnnotationsConfiguration(\n    slots.annotations,\n    contextConfig.annotations,\n  );\n  const select =\n    slots.select !== undefined || contextConfig.select !== undefined\n      ? merge({}, contextConfig.select, slots.select)\n      : undefined;\n  const thresholdIndicators = [\n    ...slots.thresholds,\n    ...(contextConfig.thresholdIndicators || []),\n  ];\n  const colorRules = (contextConfig.colorRules || [])\n    .filter(isValidColorRule)\n    .concat(slots.colorRules || []);\n  const tooltip = getCustomTooltipConfiguration(\n    slots.tooltip,\n    contextConfig.tooltip,\n  );\n\n  return {\n    colorPalette,\n    legend,\n    toolbar,\n    truncationMode,\n    xAxes,\n    yAxes,\n    thresholdIndicators,\n    annotations,\n    select,\n    colorRules,\n    tooltip,\n    customTooltip: {},\n  };\n};\n\nexport function getAxes<T extends XYChartAxisProps>(\n  slotAxes: T[],\n  contextAxes: T[] | undefined,\n): T[] {\n  const configContextAxes = contextAxes ?? [];\n  const ids = new Set<string>();\n  const axesConfig = [...slotAxes, ...configContextAxes];\n\n  return axesConfig.reduce<T[]>((acc: T[], axis: T) => {\n    if (!ids.has(axis.id)) {\n      acc.push(merge({}, DEFAULT_AXIS_CONFIG, axis));\n      ids.add(axis.id);\n    }\n\n    return acc;\n  }, []);\n}\n\nexport const deserializeConfig = (\n  serializedConfig: string,\n): XYChartConfigProperties => {\n  try {\n    return merge({}, defaultConfig, JSON.parse(serializedConfig));\n  } catch {\n    return defaultConfig;\n  }\n};\n\ntype InternalConfig = {\n  xAxes: XYChartSlots['xAxes'];\n  yAxes: XYChartSlots['yAxes'];\n  thresholdIndicators: XYChartSlots['thresholds'];\n};\ntype InternalSlots = {\n  series: XYChartSlots['series'];\n};\ntype BuildInternalConfig = (\n  config: InternalConfig,\n  slots: InternalSlots,\n) => XYChartInternals;\n\nexport const buildInternalConfig: BuildInternalConfig = (config, slots) => {\n  const yAxes = config.yAxes.map((axis) => ({\n    ...axis,\n    coordinate: 'y',\n    tickLabelLayout: 'horizontal',\n    type: XYAxisMapper[axis.type],\n    interactions: { zoom: false, pan: false, infinite: false },\n    onZoomChange: doesNothing,\n    isRelative:\n      axis.type === NUMERICAL_SCALE_TYPE &&\n      axis.valueRepresentation === 'relative',\n  }));\n\n  const xAxes = config.xAxes.map((axis) => ({\n    ...axis,\n    coordinate: 'x' as const,\n    tickLabelLayout: axis.tickLabelLayout ?? 'horizontal',\n    type: XYAxisMapper[axis.type],\n    interactions: interactionsFor(axis),\n    onZoomChange: axis.onZoomChange ?? doesNothing,\n    isRelative:\n      axis.type === NUMERICAL_SCALE_TYPE &&\n      axis.valueRepresentation === 'relative',\n  }));\n\n  const axes = getAxesWithSeries(\n    [...yAxes, ...xAxes] as XYChartAxisInternal[],\n    slots.series,\n  );\n\n  const thresholds = buildThresholds(yAxes, xAxes, config.thresholdIndicators);\n\n  return { series: slots.series, axes, thresholds };\n};\n"],
+  "mappings": "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",
   "names": ["series"]
 }

package/esm/charts/xy-chart-adoption/categorical-bar/CategoricalBarToXY.js

@@ -8,6 +8,7 @@ import {
   useRef
 } from "react";
 import { getBarSeriesAccessors } from "./bar-series-accessors.js";
+import { CATEGORICAL_BAR_CHART_ARIA_LABEL } from "./constants.js";
 import { iterateSlots } from "./iterate-slots.js";
 import { resolveCategoricalColorSupport } from "./resolve-categorical-color-support.js";
 import { transformCategoricalBarDataToXY } from "./transformer-data-to-xy.js";
@@ -23,6 +24,7 @@ import { defaultConfig } from "../../categorical-bar/types/defaults.js";
 import { CSS_DOWNLOAD_FILENAME } from "../../core/constants.js";
 import { ChartType } from "../../core/types/chart-types.js";
 import { getUnitAsString } from "../../core/utils/get-unit-as-string.js";
+import { isValidValueRepresentation } from "../../core/utils/is-valid-value-representation.js";
 import { XYChart } from "../../xy-chart/XYChartRoot.js";
 const CATEGORY_AXIS_ID = "x-axis";
 const Y_NUMERICAL_AXIS_ID = "y-axis-default";
@@ -42,8 +44,13 @@ const CategoricalBarToXY = forwardRef((props, forwardedRef) => {
     truncationMode,
     seriesActions,
     layout,
+    valueRepresentation,
     "data-dtrum-mask": dataDtrumMask,
-    "data-dtrum-allow": dataDtrumAllow
+    "data-dtrum-allow": dataDtrumAllow,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
+    "aria-details": ariaDetails
   } = props;
   const xyRef = useRef(null);
   const mappedSeriesActions = useMemo(
@@ -100,8 +107,12 @@ const CategoricalBarToXY = forwardRef((props, forwardedRef) => {
   );
   const isHorizontal = layout === "horizontal";
   const barSeriesAccessors = getBarSeriesAccessors(isHorizontal);
+  const resolvedValueRepresentation = valueRepresentation !== void 0 && isValidValueRepresentation(valueRepresentation) ? valueRepresentation : "absolute";
   const xAxisProps = mapCategoryAxisToXAxis(resolvedCategoryAxis);
-  const yAxisProps = mapValueAxisToYAxis(resolvedValueAxis);
+  const yAxisProps = mapValueAxisToYAxis(
+    resolvedValueAxis,
+    resolvedValueRepresentation
+  );
   const dimToAxisId = /* @__PURE__ */ new Map();
   const numericalAxisGroups = /* @__PURE__ */ new Map();
   if (seriesByDimension !== null) {
@@ -142,6 +153,10 @@ const CategoricalBarToXY = forwardRef((props, forwardedRef) => {
       "data-dtrum-allow": dataDtrumAllow,
       "data-dt-component": "CategoricalBarChart",
       __downloadDataCallback: downloadDataCallback,
+      "aria-label": ariaLabel ?? CATEGORICAL_BAR_CHART_ARIA_LABEL,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
+      "aria-details": ariaDetails,
       ...behaviorTrackingProps,
       children: [
         seriesByDimension !== null ? [...seriesByDimension.entries()].map(([dim, dimData]) => {

package/esm/charts/xy-chart-adoption/categorical-bar/CategoricalBarToXY.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart-adoption/categorical-bar/CategoricalBarToXY.tsx"],
-  "sourcesContent": ["import { merge } from 'lodash-es';\nimport {\n  forwardRef,\n  type PropsWithChildren,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport { getBarSeriesAccessors } from './bar-series-accessors.js';\nimport { iterateSlots } from './iterate-slots.js';\nimport { resolveCategoricalColorSupport } from './resolve-categorical-color-support.js';\nimport { transformCategoricalBarDataToXY } from './transformer-data-to-xy.js';\nimport { mapCategoricalSeriesActionsToXY } from './transformer-series-actions-to-xy.js';\nimport { formatCSV } from './utils/format-csv.js';\nimport {\n  mapCategoryAxisToXAxis,\n  mapValueAxisToYAxis,\n} from './utils/map-axes-to-xy.js';\nimport { useBehavioralTrackingProps } from '../../../core/hooks/useBehavioralTrackingProps.js';\nimport { downloadCSV } from '../../../core/utils/download.js';\nimport type {\n  CategoricalBarChartProps,\n  CategoricalBarChartRef,\n} from '../../categorical-bar/types/categorical-bar-chart.js';\nimport { defaultConfig } from '../../categorical-bar/types/defaults.js';\nimport { CSS_DOWNLOAD_FILENAME } from '../../core/constants.js';\nimport { ChartType } from '../../core/types/chart-types.js';\nimport type { ChartUnit } from '../../core/types/chart-unit.js';\nimport { getUnitAsString } from '../../core/utils/get-unit-as-string.js';\nimport type { XYChartData, XYChartRef } from '../../xy-chart/types/xy-chart.js';\nimport { XYChart } from '../../xy-chart/XYChartRoot.js';\n\nconst CATEGORY_AXIS_ID = 'x-axis';\nconst Y_NUMERICAL_AXIS_ID = 'y-axis-default';\n\nconst toNumericalAxisId = (unit: ChartUnit): string =>\n  `y-axis-${getUnitAsString(unit)}`;\n\nexport const CategoricalBarToXY = forwardRef<\n  CategoricalBarChartRef,\n  PropsWithChildren<CategoricalBarChartProps>\n>((props, forwardedRef) => {\n  const {\n    data,\n    colorPalette,\n    colorPaletteMode,\n    groupMode,\n    children,\n    className,\n    style,\n    width,\n    height,\n    loading,\n    truncationMode,\n    seriesActions,\n    layout,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n  } = props;\n\n  const xyRef = useRef<XYChartRef | null>(null);\n\n  const mappedSeriesActions = useMemo(\n    () =>\n      seriesActions\n        ? mapCategoricalSeriesActionsToXY(seriesActions, data)\n        : undefined,\n    [seriesActions, data],\n  );\n\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n  const {\n    variant,\n    data: xyData,\n    seriesByDimension,\n    unitPerSeries,\n  } = transformCategoricalBarDataToXY(data, groupMode);\n\n  const {\n    colorRules: userColorRules,\n    categoryAxis: slotCategoryAxis,\n    valueAxis: slotValueAxis,\n    legend,\n    emptyState,\n    errorState,\n    intents,\n    toolbar,\n    tooltip,\n  } = iterateSlots(children);\n\n  const resolvedTooltipVariant =\n    tooltip?.variant === 'single' ? 'single' : 'shared';\n\n  const resolvedColorRules = resolveCategoricalColorSupport(\n    data,\n    xyData,\n    colorPalette,\n    colorPaletteMode,\n    userColorRules,\n    groupMode,\n  );\n\n  const resolvedCategoryAxis = merge(\n    {},\n    defaultConfig.categoryAxis,\n    slotCategoryAxis,\n  );\n  const resolvedValueAxis = merge({}, defaultConfig.valueAxis, slotValueAxis);\n\n  const downloadDataCallback = useCallback(() => {\n    const csv = formatCSV(data);\n    downloadCSV(csv, CSS_DOWNLOAD_FILENAME);\n  }, [data]);\n\n  useImperativeHandle(\n    forwardedRef,\n    () => ({\n      get element() {\n        return xyRef.current?.element ?? null;\n      },\n      getConfig: () => JSON.stringify({ type: ChartType.CategoricalBar }),\n      downloadData: () => xyRef.current?.downloadData(),\n    }),\n    [],\n  );\n\n  const isHorizontal = layout === 'horizontal';\n  const barSeriesAccessors = getBarSeriesAccessors(isHorizontal);\n  const xAxisProps = mapCategoryAxisToXAxis(resolvedCategoryAxis);\n  const yAxisProps = mapValueAxisToYAxis(resolvedValueAxis);\n\n  // Build unique numerical axis groups.\n  // For multi-dim data, each dimension maps to its unit's axis (data lives in seriesByDimension).\n  // For scalar data, each data point is bucketed into its unit's axis group.\n  const dimToAxisId = new Map<string, string>();\n  const numericalAxisGroups = new Map<\n    string,\n    { data: XYChartData[]; unit: ChartUnit | undefined }\n  >();\n\n  if (seriesByDimension !== null) {\n    for (const [dim] of seriesByDimension) {\n      const unit = unitPerSeries.get(dim);\n      const axisId =\n        unit !== undefined ? toNumericalAxisId(unit) : Y_NUMERICAL_AXIS_ID;\n      dimToAxisId.set(dim, axisId);\n      if (!numericalAxisGroups.has(axisId)) {\n        numericalAxisGroups.set(axisId, { data: [], unit });\n      }\n    }\n  } else {\n    for (const dataPoint of xyData) {\n      const unit = unitPerSeries.get(String(dataPoint.seriesId));\n      const axisId =\n        unit !== undefined ? toNumericalAxisId(unit) : Y_NUMERICAL_AXIS_ID;\n      let group = numericalAxisGroups.get(axisId);\n      if (group === undefined) {\n        group = { data: [], unit };\n        numericalAxisGroups.set(axisId, group);\n      }\n      group.data.push(dataPoint);\n    }\n  }\n\n  const numericalAxisEntries = [...numericalAxisGroups.entries()];\n\n  return (\n    <XYChart\n      ref={xyRef}\n      data={[]}\n      width={width}\n      height={height}\n      className={className}\n      style={style}\n      colorPalette={colorPalette}\n      loading={loading}\n      truncationMode={truncationMode}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      data-dt-component=\"CategoricalBarChart\"\n      __downloadDataCallback={downloadDataCallback}\n      {...behaviorTrackingProps}\n    >\n      {seriesByDimension !== null\n        ? [...seriesByDimension.entries()].map(([dim, dimData]) => {\n            const axisId = dimToAxisId.get(dim) ?? Y_NUMERICAL_AXIS_ID;\n            return (\n              <XYChart.BarSeries\n                key={dim}\n                variant={variant}\n                data={dimData}\n                xAxisId={isHorizontal ? axisId : CATEGORY_AXIS_ID}\n                yAxisId={isHorizontal ? CATEGORY_AXIS_ID : axisId}\n                {...barSeriesAccessors}\n                seriesIdAccessor=\"seriesId\"\n                nameAccessor=\"seriesName\"\n                actions={mappedSeriesActions}\n              />\n            );\n          })\n        : numericalAxisEntries.map(([axisId, { data: seriesData }]) => (\n            <XYChart.BarSeries\n              key={axisId}\n              variant={variant}\n              data={seriesData}\n              xAxisId={isHorizontal ? axisId : CATEGORY_AXIS_ID}\n              yAxisId={isHorizontal ? CATEGORY_AXIS_ID : axisId}\n              {...barSeriesAccessors}\n              seriesIdAccessor=\"seriesId\"\n              nameAccessor=\"seriesName\"\n              actions={mappedSeriesActions}\n            />\n          ))}\n      {isHorizontal\n        ? numericalAxisEntries.map(([axisId, { unit }]) => (\n            <XYChart.XAxis\n              key={axisId}\n              id={axisId}\n              {...yAxisProps}\n              position=\"bottom\"\n              unit={unit}\n            />\n          ))\n        : numericalAxisEntries.map(([axisId, { unit }]) => (\n            <XYChart.YAxis\n              key={axisId}\n              id={axisId}\n              position=\"left\"\n              unit={unit}\n              {...yAxisProps}\n            />\n          ))}\n      {isHorizontal ? (\n        <XYChart.YAxis\n          id={CATEGORY_AXIS_ID}\n          type=\"categorical\"\n          position=\"left\"\n          label={xAxisProps.label}\n          tickLabelMaxSize={xAxisProps.tickLabelMaxSize}\n        />\n      ) : (\n        <XYChart.XAxis\n          id={CATEGORY_AXIS_ID}\n          type=\"categorical\"\n          position=\"bottom\"\n          {...xAxisProps}\n          disableZoom\n          disablePan\n        />\n      )}\n      <XYChart.Tooltip _variant={resolvedTooltipVariant} />\n      {resolvedColorRules.map((rule, i) => (\n        <XYChart.ColorRule key={i} {...rule} />\n      ))}\n      {legend && <XYChart.Legend {...legend} />}\n      <XYChart.Toolbar {...(toolbar ?? {})} />\n      {errorState && (\n        <XYChart.ErrorState>{errorState.children}</XYChart.ErrorState>\n      )}\n      {emptyState && (\n        <XYChart.EmptyState>{emptyState.children}</XYChart.EmptyState>\n      )}\n      {intents.map((intent, i) => (\n        <XYChart.Intent key={i} {...intent} />\n      ))}\n    </XYChart>\n  );\n});\n\n(\n  CategoricalBarToXY as typeof CategoricalBarToXY & { displayName: string }\n).displayName = 'CategoricalBarToXY';\n"],
-  "mappings": "AAyKI,SAoBU,KApBV;AAzKJ,SAAS,aAAa;AACtB;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,6BAA6B;AACtC,SAAS,oBAAoB;AAC7B,SAAS,sCAAsC;AAC/C,SAAS,uCAAuC;AAChD,SAAS,uCAAuC;AAChD,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,kCAAkC;AAC3C,SAAS,mBAAmB;AAK5B,SAAS,qBAAqB;AAC9B,SAAS,6BAA6B;AACtC,SAAS,iBAAiB;AAE1B,SAAS,uBAAuB;AAEhC,SAAS,eAAe;AAExB,MAAM,mBAAmB;AACzB,MAAM,sBAAsB;AAE5B,MAAM,oBAAoB,CAAC,SACzB,UAAU,gBAAgB,IAAI,CAAC;AAE1B,MAAM,qBAAqB,WAGhC,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,EACtB,IAAI;AAEJ,QAAM,QAAQ,OAA0B,IAAI;AAE5C,QAAM,sBAAsB;AAAA,IAC1B,MACE,gBACI,gCAAgC,eAAe,IAAI,IACnD;AAAA,IACN,CAAC,eAAe,IAAI;AAAA,EACtB;AAEA,QAAM,CAAC,qBAAqB,IAAI,2BAA2B,KAAK;AAChE,QAAM;AAAA,IACJ;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,EACF,IAAI,gCAAgC,MAAM,SAAS;AAEnD,QAAM;AAAA,IACJ,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,aAAa,QAAQ;AAEzB,QAAM,yBACJ,SAAS,YAAY,WAAW,WAAW;AAE7C,QAAM,qBAAqB;AAAA,IACzB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,uBAAuB;AAAA,IAC3B,CAAC;AAAA,IACD,cAAc;AAAA,IACd;AAAA,EACF;AACA,QAAM,oBAAoB,MAAM,CAAC,GAAG,cAAc,WAAW,aAAa;AAE1E,QAAM,uBAAuB,YAAY,MAAM;AAC7C,UAAM,MAAM,UAAU,IAAI;AAC1B,gBAAY,KAAK,qBAAqB;AAAA,EACxC,GAAG,CAAC,IAAI,CAAC;AAET;AAAA,IACE;AAAA,IACA,OAAO;AAAA,MACL,IAAI,UAAU;AACZ,eAAO,MAAM,SAAS,WAAW;AAAA,MACnC;AAAA,MACA,WAAW,MAAM,KAAK,UAAU,EAAE,MAAM,UAAU,eAAe,CAAC;AAAA,MAClE,cAAc,MAAM,MAAM,SAAS,aAAa;AAAA,IAClD;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,eAAe,WAAW;AAChC,QAAM,qBAAqB,sBAAsB,YAAY;AAC7D,QAAM,aAAa,uBAAuB,oBAAoB;AAC9D,QAAM,aAAa,oBAAoB,iBAAiB;AAKxD,QAAM,cAAc,oBAAI,IAAoB;AAC5C,QAAM,sBAAsB,oBAAI,IAG9B;AAEF,MAAI,sBAAsB,MAAM;AAC9B,eAAW,CAAC,GAAG,KAAK,mBAAmB;AACrC,YAAM,OAAO,cAAc,IAAI,GAAG;AAClC,YAAM,SACJ,SAAS,SAAY,kBAAkB,IAAI,IAAI;AACjD,kBAAY,IAAI,KAAK,MAAM;AAC3B,UAAI,CAAC,oBAAoB,IAAI,MAAM,GAAG;AACpC,4BAAoB,IAAI,QAAQ,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC;AAAA,MACpD;AAAA,IACF;AAAA,EACF,OAAO;AACL,eAAW,aAAa,QAAQ;AAC9B,YAAM,OAAO,cAAc,IAAI,OAAO,UAAU,QAAQ,CAAC;AACzD,YAAM,SACJ,SAAS,SAAY,kBAAkB,IAAI,IAAI;AACjD,UAAI,QAAQ,oBAAoB,IAAI,MAAM;AAC1C,UAAI,UAAU,QAAW;AACvB,gBAAQ,EAAE,MAAM,CAAC,GAAG,KAAK;AACzB,4BAAoB,IAAI,QAAQ,KAAK;AAAA,MACvC;AACA,YAAM,KAAK,KAAK,SAAS;AAAA,IAC3B;AAAA,EACF;AAEA,QAAM,uBAAuB,CAAC,GAAG,oBAAoB,QAAQ,CAAC;AAE9D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,MAAM,CAAC;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,qBAAkB;AAAA,MAClB,wBAAwB;AAAA,MACvB,GAAG;AAAA,MAEH;AAAA,8BAAsB,OACnB,CAAC,GAAG,kBAAkB,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAC,KAAK,OAAO,MAAM;AACvD,gBAAM,SAAS,YAAY,IAAI,GAAG,KAAK;AACvC,iBACE;AAAA,YAAC,QAAQ;AAAA,YAAR;AAAA,cAEC;AAAA,cACA,MAAM;AAAA,cACN,SAAS,eAAe,SAAS;AAAA,cACjC,SAAS,eAAe,mBAAmB;AAAA,cAC1C,GAAG;AAAA,cACJ,kBAAiB;AAAA,cACjB,cAAa;AAAA,cACb,SAAS;AAAA;AAAA,YARJ;AAAA,UASP;AAAA,QAEJ,CAAC,IACD,qBAAqB,IAAI,CAAC,CAAC,QAAQ,EAAE,MAAM,WAAW,CAAC,MACrD;AAAA,UAAC,QAAQ;AAAA,UAAR;AAAA,YAEC;AAAA,YACA,MAAM;AAAA,YACN,SAAS,eAAe,SAAS;AAAA,YACjC,SAAS,eAAe,mBAAmB;AAAA,YAC1C,GAAG;AAAA,YACJ,kBAAiB;AAAA,YACjB,cAAa;AAAA,YACb,SAAS;AAAA;AAAA,UARJ;AAAA,QASP,CACD;AAAA,QACJ,eACG,qBAAqB,IAAI,CAAC,CAAC,QAAQ,EAAE,KAAK,CAAC,MACzC;AAAA,UAAC,QAAQ;AAAA,UAAR;AAAA,YAEC,IAAI;AAAA,YACH,GAAG;AAAA,YACJ,UAAS;AAAA,YACT;AAAA;AAAA,UAJK;AAAA,QAKP,CACD,IACD,qBAAqB,IAAI,CAAC,CAAC,QAAQ,EAAE,KAAK,CAAC,MACzC;AAAA,UAAC,QAAQ;AAAA,UAAR;AAAA,YAEC,IAAI;AAAA,YACJ,UAAS;AAAA,YACT;AAAA,YACC,GAAG;AAAA;AAAA,UAJC;AAAA,QAKP,CACD;AAAA,QACJ,eACC;AAAA,UAAC,QAAQ;AAAA,UAAR;AAAA,YACC,IAAI;AAAA,YACJ,MAAK;AAAA,YACL,UAAS;AAAA,YACT,OAAO,WAAW;AAAA,YAClB,kBAAkB,WAAW;AAAA;AAAA,QAC/B,IAEA;AAAA,UAAC,QAAQ;AAAA,UAAR;AAAA,YACC,IAAI;AAAA,YACJ,MAAK;AAAA,YACL,UAAS;AAAA,YACR,GAAG;AAAA,YACJ,aAAW;AAAA,YACX,YAAU;AAAA;AAAA,QACZ;AAAA,QAEF,oBAAC,QAAQ,SAAR,EAAgB,UAAU,wBAAwB;AAAA,QAClD,mBAAmB,IAAI,CAAC,MAAM,MAC7B,oBAAC,QAAQ,WAAR,EAA2B,GAAG,QAAP,CAAa,CACtC;AAAA,QACA,UAAU,oBAAC,QAAQ,QAAR,EAAgB,GAAG,QAAQ;AAAA,QACvC,oBAAC,QAAQ,SAAR,EAAiB,GAAI,WAAW,CAAC,GAAI;AAAA,QACrC,cACC,oBAAC,QAAQ,YAAR,EAAoB,qBAAW,UAAS;AAAA,QAE1C,cACC,oBAAC,QAAQ,YAAR,EAAoB,qBAAW,UAAS;AAAA,QAE1C,QAAQ,IAAI,CAAC,QAAQ,MACpB,oBAAC,QAAQ,QAAR,EAAwB,GAAG,UAAP,CAAe,CACrC;AAAA;AAAA;AAAA,EACH;AAEJ,CAAC;AAGC,mBACA,cAAc;",
+  "sourcesContent": ["import { merge } from 'lodash-es';\nimport {\n  forwardRef,\n  type PropsWithChildren,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport { getBarSeriesAccessors } from './bar-series-accessors.js';\nimport { CATEGORICAL_BAR_CHART_ARIA_LABEL } from './constants.js';\nimport { iterateSlots } from './iterate-slots.js';\nimport { resolveCategoricalColorSupport } from './resolve-categorical-color-support.js';\nimport { transformCategoricalBarDataToXY } from './transformer-data-to-xy.js';\nimport { mapCategoricalSeriesActionsToXY } from './transformer-series-actions-to-xy.js';\nimport { formatCSV } from './utils/format-csv.js';\nimport {\n  mapCategoryAxisToXAxis,\n  mapValueAxisToYAxis,\n} from './utils/map-axes-to-xy.js';\nimport { useBehavioralTrackingProps } from '../../../core/hooks/useBehavioralTrackingProps.js';\nimport { downloadCSV } from '../../../core/utils/download.js';\nimport type {\n  CategoricalBarChartProps,\n  CategoricalBarChartRef,\n} from '../../categorical-bar/types/categorical-bar-chart.js';\nimport { defaultConfig } from '../../categorical-bar/types/defaults.js';\nimport { CSS_DOWNLOAD_FILENAME } from '../../core/constants.js';\nimport { ChartType } from '../../core/types/chart-types.js';\nimport type { ChartUnit } from '../../core/types/chart-unit.js';\nimport { getUnitAsString } from '../../core/utils/get-unit-as-string.js';\nimport { isValidValueRepresentation } from '../../core/utils/is-valid-value-representation.js';\nimport type { XYChartData, XYChartRef } from '../../xy-chart/types/xy-chart.js';\nimport { XYChart } from '../../xy-chart/XYChartRoot.js';\n\nconst CATEGORY_AXIS_ID = 'x-axis';\nconst Y_NUMERICAL_AXIS_ID = 'y-axis-default';\n\nconst toNumericalAxisId = (unit: ChartUnit): string =>\n  `y-axis-${getUnitAsString(unit)}`;\n\nexport const CategoricalBarToXY = forwardRef<\n  CategoricalBarChartRef,\n  PropsWithChildren<CategoricalBarChartProps>\n>((props, forwardedRef) => {\n  const {\n    data,\n    colorPalette,\n    colorPaletteMode,\n    groupMode,\n    children,\n    className,\n    style,\n    width,\n    height,\n    loading,\n    truncationMode,\n    seriesActions,\n    layout,\n    valueRepresentation,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    'aria-details': ariaDetails,\n  } = props;\n\n  const xyRef = useRef<XYChartRef | null>(null);\n\n  const mappedSeriesActions = useMemo(\n    () =>\n      seriesActions\n        ? mapCategoricalSeriesActionsToXY(seriesActions, data)\n        : undefined,\n    [seriesActions, data],\n  );\n\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n  const {\n    variant,\n    data: xyData,\n    seriesByDimension,\n    unitPerSeries,\n  } = transformCategoricalBarDataToXY(data, groupMode);\n\n  const {\n    colorRules: userColorRules,\n    categoryAxis: slotCategoryAxis,\n    valueAxis: slotValueAxis,\n    legend,\n    emptyState,\n    errorState,\n    intents,\n    toolbar,\n    tooltip,\n  } = iterateSlots(children);\n\n  const resolvedTooltipVariant =\n    tooltip?.variant === 'single' ? 'single' : 'shared';\n\n  const resolvedColorRules = resolveCategoricalColorSupport(\n    data,\n    xyData,\n    colorPalette,\n    colorPaletteMode,\n    userColorRules,\n    groupMode,\n  );\n\n  const resolvedCategoryAxis = merge(\n    {},\n    defaultConfig.categoryAxis,\n    slotCategoryAxis,\n  );\n  const resolvedValueAxis = merge({}, defaultConfig.valueAxis, slotValueAxis);\n\n  const downloadDataCallback = useCallback(() => {\n    const csv = formatCSV(data);\n    downloadCSV(csv, CSS_DOWNLOAD_FILENAME);\n  }, [data]);\n\n  useImperativeHandle(\n    forwardedRef,\n    () => ({\n      get element() {\n        return xyRef.current?.element ?? null;\n      },\n      getConfig: () => JSON.stringify({ type: ChartType.CategoricalBar }),\n      downloadData: () => xyRef.current?.downloadData(),\n    }),\n    [],\n  );\n\n  const isHorizontal = layout === 'horizontal';\n  const barSeriesAccessors = getBarSeriesAccessors(isHorizontal);\n  const resolvedValueRepresentation =\n    valueRepresentation !== undefined &&\n    isValidValueRepresentation(valueRepresentation)\n      ? valueRepresentation\n      : 'absolute';\n  const xAxisProps = mapCategoryAxisToXAxis(resolvedCategoryAxis);\n  const yAxisProps = mapValueAxisToYAxis(\n    resolvedValueAxis,\n    resolvedValueRepresentation,\n  );\n\n  // Build unique numerical axis groups.\n  // For multi-dim data, each dimension maps to its unit's axis (data lives in seriesByDimension).\n  // For scalar data, each data point is bucketed into its unit's axis group.\n  const dimToAxisId = new Map<string, string>();\n  const numericalAxisGroups = new Map<\n    string,\n    { data: XYChartData[]; unit: ChartUnit | undefined }\n  >();\n\n  if (seriesByDimension !== null) {\n    for (const [dim] of seriesByDimension) {\n      const unit = unitPerSeries.get(dim);\n      const axisId =\n        unit !== undefined ? toNumericalAxisId(unit) : Y_NUMERICAL_AXIS_ID;\n      dimToAxisId.set(dim, axisId);\n      if (!numericalAxisGroups.has(axisId)) {\n        numericalAxisGroups.set(axisId, { data: [], unit });\n      }\n    }\n  } else {\n    for (const dataPoint of xyData) {\n      const unit = unitPerSeries.get(String(dataPoint.seriesId));\n      const axisId =\n        unit !== undefined ? toNumericalAxisId(unit) : Y_NUMERICAL_AXIS_ID;\n      let group = numericalAxisGroups.get(axisId);\n      if (group === undefined) {\n        group = { data: [], unit };\n        numericalAxisGroups.set(axisId, group);\n      }\n      group.data.push(dataPoint);\n    }\n  }\n\n  const numericalAxisEntries = [...numericalAxisGroups.entries()];\n\n  return (\n    <XYChart\n      ref={xyRef}\n      data={[]}\n      width={width}\n      height={height}\n      className={className}\n      style={style}\n      colorPalette={colorPalette}\n      loading={loading}\n      truncationMode={truncationMode}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      data-dt-component=\"CategoricalBarChart\"\n      __downloadDataCallback={downloadDataCallback}\n      aria-label={ariaLabel ?? CATEGORICAL_BAR_CHART_ARIA_LABEL}\n      aria-labelledby={ariaLabelledBy}\n      aria-describedby={ariaDescribedBy}\n      aria-details={ariaDetails}\n      {...behaviorTrackingProps}\n    >\n      {seriesByDimension !== null\n        ? [...seriesByDimension.entries()].map(([dim, dimData]) => {\n            const axisId = dimToAxisId.get(dim) ?? Y_NUMERICAL_AXIS_ID;\n            return (\n              <XYChart.BarSeries\n                key={dim}\n                variant={variant}\n                data={dimData}\n                xAxisId={isHorizontal ? axisId : CATEGORY_AXIS_ID}\n                yAxisId={isHorizontal ? CATEGORY_AXIS_ID : axisId}\n                {...barSeriesAccessors}\n                seriesIdAccessor=\"seriesId\"\n                nameAccessor=\"seriesName\"\n                actions={mappedSeriesActions}\n              />\n            );\n          })\n        : numericalAxisEntries.map(([axisId, { data: seriesData }]) => (\n            <XYChart.BarSeries\n              key={axisId}\n              variant={variant}\n              data={seriesData}\n              xAxisId={isHorizontal ? axisId : CATEGORY_AXIS_ID}\n              yAxisId={isHorizontal ? CATEGORY_AXIS_ID : axisId}\n              {...barSeriesAccessors}\n              seriesIdAccessor=\"seriesId\"\n              nameAccessor=\"seriesName\"\n              actions={mappedSeriesActions}\n            />\n          ))}\n      {isHorizontal\n        ? numericalAxisEntries.map(([axisId, { unit }]) => (\n            <XYChart.XAxis\n              key={axisId}\n              id={axisId}\n              {...yAxisProps}\n              position=\"bottom\"\n              unit={unit}\n            />\n          ))\n        : numericalAxisEntries.map(([axisId, { unit }]) => (\n            <XYChart.YAxis\n              key={axisId}\n              id={axisId}\n              position=\"left\"\n              unit={unit}\n              {...yAxisProps}\n            />\n          ))}\n      {isHorizontal ? (\n        <XYChart.YAxis\n          id={CATEGORY_AXIS_ID}\n          type=\"categorical\"\n          position=\"left\"\n          label={xAxisProps.label}\n          tickLabelMaxSize={xAxisProps.tickLabelMaxSize}\n        />\n      ) : (\n        <XYChart.XAxis\n          id={CATEGORY_AXIS_ID}\n          type=\"categorical\"\n          position=\"bottom\"\n          {...xAxisProps}\n          disableZoom\n          disablePan\n        />\n      )}\n      <XYChart.Tooltip _variant={resolvedTooltipVariant} />\n      {resolvedColorRules.map((rule, i) => (\n        <XYChart.ColorRule key={i} {...rule} />\n      ))}\n      {legend && <XYChart.Legend {...legend} />}\n      <XYChart.Toolbar {...(toolbar ?? {})} />\n      {errorState && (\n        <XYChart.ErrorState>{errorState.children}</XYChart.ErrorState>\n      )}\n      {emptyState && (\n        <XYChart.EmptyState>{emptyState.children}</XYChart.EmptyState>\n      )}\n      {intents.map((intent, i) => (\n        <XYChart.Intent key={i} {...intent} />\n      ))}\n    </XYChart>\n  );\n});\n\n(\n  CategoricalBarToXY as typeof CategoricalBarToXY & { displayName: string }\n).displayName = 'CategoricalBarToXY';\n"],
+  "mappings": "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",
   "names": []
 }