@dynatrace/strato-components 3.7.1 → 3.8.0

package/esm/charts/xy-chart/utils/query-hovered-grid.js

@@ -0,0 +1,176 @@
+import { getCurrentScale } from "./get-scale.js";
+import {
+  getAccessors,
+  getPixelDimensionsForDatapoint
+} from "./query-hovered.js";
+import { isRectSeries } from "./type-guards.js";
+import { relAccessor } from "./value-representation.js";
+import { safeGet } from "../../core/utils/safe-get.js";
+const HOVER_GRID_CELL_SIZE = 32;
+function isInPixelRange(position, start, span) {
+  return position >= start && position <= start + span;
+}
+function buildSingleHoverGrid(series, axisIdToScales, datapointMetadataMap, seriesToMetadata, axisIdToScaleDomain) {
+  const { xAxis, yAxis } = safeGet(seriesToMetadata, series);
+  const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);
+  const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);
+  const accessors = getAccessors(
+    series,
+    axisIdToScales,
+    datapointMetadataMap,
+    xRelAccessor,
+    yRelAccessor
+  );
+  const xScale = getCurrentScale(axisIdToScales, series.xAxisId, series.type);
+  const yScale = getCurrentScale(axisIdToScales, series.yAxisId, series.type);
+  const [xRangeA, xRangeB] = xScale.range();
+  const [yRangeA, yRangeB] = yScale.range();
+  const originX = Math.min(xRangeA, xRangeB);
+  const originY = Math.min(yRangeA, yRangeB);
+  const maxX = Math.max(xRangeA, xRangeB);
+  const maxY = Math.max(yRangeA, yRangeB);
+  const cols = Math.max(1, Math.ceil((maxX - originX) / HOVER_GRID_CELL_SIZE));
+  const rows = Math.max(1, Math.ceil((maxY - originY) / HOVER_GRID_CELL_SIZE));
+  const cells = Array.from(
+    { length: cols * rows },
+    () => []
+  );
+  const data = isRectSeries(series) ? series.filteredData : series.data;
+  for (const datapoint of data) {
+    if (safeGet(datapointMetadataMap, datapoint).isGap) {
+      continue;
+    }
+    const { x, y, width, height } = getPixelDimensionsForDatapoint(
+      datapoint,
+      accessors
+    );
+    if (width <= 0 || height <= 0) {
+      continue;
+    }
+    const colStart = Math.max(
+      0,
+      Math.floor((x - originX) / HOVER_GRID_CELL_SIZE)
+    );
+    const colEnd = Math.min(
+      cols - 1,
+      Math.floor((x + width - originX) / HOVER_GRID_CELL_SIZE)
+    );
+    const rowStart = Math.max(
+      0,
+      Math.floor((y - originY) / HOVER_GRID_CELL_SIZE)
+    );
+    const rowEnd = Math.min(
+      rows - 1,
+      Math.floor((y + height - originY) / HOVER_GRID_CELL_SIZE)
+    );
+    if (colStart > colEnd || rowStart > rowEnd) {
+      continue;
+    }
+    const entry = {
+      datapoint,
+      x,
+      y,
+      width,
+      height
+    };
+    for (let row = rowStart; row <= rowEnd; row++) {
+      for (let col = colStart; col <= colEnd; col++) {
+        cells[row * cols + col].push(entry);
+      }
+    }
+  }
+  return {
+    cells,
+    cellSize: HOVER_GRID_CELL_SIZE,
+    originX,
+    originY,
+    cols,
+    rows
+  };
+}
+function buildHoverGrids(seriesWithDatapoints, axisIdToScales, datapointMetadataMap, seriesToMetadata, axisIdToScaleDomain) {
+  const seriesToGrids = /* @__PURE__ */ new Map();
+  for (const series of seriesWithDatapoints) {
+    const grid = buildSingleHoverGrid(
+      series,
+      axisIdToScales,
+      datapointMetadataMap,
+      seriesToMetadata,
+      axisIdToScaleDomain
+    );
+    seriesToGrids.set(series.id, grid);
+  }
+  return seriesToGrids;
+}
+function findInGrid(grid, position) {
+  const { cells, cellSize, originX, originY, cols, rows } = grid;
+  const col = Math.floor((position.x - originX) / cellSize);
+  const row = Math.floor((position.y - originY) / cellSize);
+  if (col < 0 || col >= cols || row < 0 || row >= rows) {
+    return void 0;
+  }
+  const candidates = cells[row * cols + col];
+  for (const entry of candidates) {
+    if (isInPixelRange(position.x, entry.x, entry.width) && isInPixelRange(position.y, entry.y, entry.height)) {
+      return entry.datapoint;
+    }
+  }
+  return void 0;
+}
+function buildQueryAllHoveredFromGrid(seriesIdToGrid) {
+  return (arrayOfSeries, position) => {
+    if (position.x < 0 || position.y < 0) {
+      return [];
+    }
+    const results = [];
+    for (const series of arrayOfSeries) {
+      const grid = seriesIdToGrid.get(series.id);
+      if (!grid) {
+        continue;
+      }
+      const datapoint = findInGrid(grid, position);
+      if (!datapoint) {
+        continue;
+      }
+      results.push({
+        type: series.type,
+        distance: 0,
+        datapoint,
+        series
+      });
+    }
+    return results;
+  };
+}
+function buildQueryHoveredFromGrid(seriesIdToGrid) {
+  function query(arrayOfSeries, position) {
+    if (position.x < 0 || position.y < 0) {
+      return void 0;
+    }
+    for (let i = arrayOfSeries.length - 1; i >= 0; i--) {
+      const series = arrayOfSeries[i];
+      const grid = seriesIdToGrid.get(series.id);
+      if (!grid) {
+        continue;
+      }
+      const datapoint = findInGrid(grid, position);
+      if (!datapoint) {
+        continue;
+      }
+      return {
+        type: series.type,
+        distance: 0,
+        datapoint,
+        series
+      };
+    }
+    return void 0;
+  }
+  return query;
+}
+export {
+  buildHoverGrids,
+  buildQueryAllHoveredFromGrid,
+  buildQueryHoveredFromGrid
+};
+//# sourceMappingURL=query-hovered-grid.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/xy-chart/utils/query-hovered-grid.ts"],
+  "sourcesContent": ["import { getCurrentScale } from './get-scale.js';\nimport {\n  getAccessors,\n  getPixelDimensionsForDatapoint,\n} from './query-hovered.js';\nimport { isRectSeries } from './type-guards.js';\nimport { relAccessor } from './value-representation.js';\nimport type { Point } from '../../core/types/point.js';\nimport { safeGet } from '../../core/utils/safe-get.js';\nimport type {\n  BarSeriesQueryResult,\n  HoverGrid,\n  HoverGridDatapoint,\n  HoverGridEntry,\n  RectSeriesQueryResult,\n  SeriesQueryResult,\n  SeriesToHoverGrid,\n} from '../context/XYChartOverlayPerformance.context.js';\nimport type { AxisIdToScales } from '../context/XYChartScales.context.js';\nimport {\n  type AxisIdToScaleDomain,\n  type BarSeriesWithDatapoints,\n  type MapDatapoints,\n  type RectSeriesWithDatapoints,\n  type SeriesToMetadata,\n} from '../types/xy-chart-internals.js';\n\n// Picked as a reasonable default for typical chart densities;\n// dynamic cell-size adaptation is intentionally deferred.\nconst HOVER_GRID_CELL_SIZE = 32;\n\nfunction isInPixelRange(\n  position: number,\n  start: number,\n  span: number,\n): boolean {\n  return position >= start && position <= start + span;\n}\n\nfunction buildSingleHoverGrid(\n  series: RectSeriesWithDatapoints | BarSeriesWithDatapoints,\n  axisIdToScales: AxisIdToScales,\n  datapointMetadataMap: MapDatapoints,\n  seriesToMetadata: SeriesToMetadata,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n): HoverGrid<HoverGridDatapoint> {\n  const { xAxis, yAxis } = safeGet(seriesToMetadata, series);\n  const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);\n  const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);\n\n  const accessors = getAccessors(\n    series,\n    axisIdToScales,\n    datapointMetadataMap,\n    xRelAccessor,\n    yRelAccessor,\n  );\n\n  const xScale = getCurrentScale(axisIdToScales, series.xAxisId, series.type);\n  const yScale = getCurrentScale(axisIdToScales, series.yAxisId, series.type);\n  const [xRangeA, xRangeB] = xScale.range();\n  const [yRangeA, yRangeB] = yScale.range();\n  const originX = Math.min(xRangeA, xRangeB);\n  const originY = Math.min(yRangeA, yRangeB);\n  const maxX = Math.max(xRangeA, xRangeB);\n  const maxY = Math.max(yRangeA, yRangeB);\n\n  const cols = Math.max(1, Math.ceil((maxX - originX) / HOVER_GRID_CELL_SIZE));\n  const rows = Math.max(1, Math.ceil((maxY - originY) / HOVER_GRID_CELL_SIZE));\n  const cells: HoverGridEntry<HoverGridDatapoint>[][] = Array.from(\n    { length: cols * rows },\n    () => [],\n  );\n\n  const data = isRectSeries(series) ? series.filteredData : series.data;\n\n  for (const datapoint of data) {\n    if (safeGet(datapointMetadataMap, datapoint).isGap) {\n      continue;\n    }\n\n    const { x, y, width, height } = getPixelDimensionsForDatapoint(\n      datapoint,\n      accessors,\n    );\n\n    if (width <= 0 || height <= 0) {\n      continue;\n    }\n\n    const colStart = Math.max(\n      0,\n      Math.floor((x - originX) / HOVER_GRID_CELL_SIZE),\n    );\n    const colEnd = Math.min(\n      cols - 1,\n      Math.floor((x + width - originX) / HOVER_GRID_CELL_SIZE),\n    );\n    const rowStart = Math.max(\n      0,\n      Math.floor((y - originY) / HOVER_GRID_CELL_SIZE),\n    );\n    const rowEnd = Math.min(\n      rows - 1,\n      Math.floor((y + height - originY) / HOVER_GRID_CELL_SIZE),\n    );\n\n    if (colStart > colEnd || rowStart > rowEnd) {\n      continue;\n    }\n\n    const entry: HoverGridEntry<HoverGridDatapoint> = {\n      datapoint,\n      x,\n      y,\n      width,\n      height,\n    };\n\n    for (let row = rowStart; row <= rowEnd; row++) {\n      for (let col = colStart; col <= colEnd; col++) {\n        cells[row * cols + col].push(entry);\n      }\n    }\n  }\n\n  return {\n    cells,\n    cellSize: HOVER_GRID_CELL_SIZE,\n    originX,\n    originY,\n    cols,\n    rows,\n  };\n}\n\n/**\n * Build per-series hover grids for fast point-in-rect queries.\n *\n * Each cell holds entries for datapoints whose pixel bounding box\n * intersects that cell, enabling near-constant-time lookup at hover\n * time regardless of total datapoint count.\n */\nexport function buildHoverGrids(\n  seriesWithDatapoints: (RectSeriesWithDatapoints | BarSeriesWithDatapoints)[],\n  axisIdToScales: AxisIdToScales,\n  datapointMetadataMap: MapDatapoints,\n  seriesToMetadata: SeriesToMetadata,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n): SeriesToHoverGrid {\n  const seriesToGrids: SeriesToHoverGrid = new Map();\n\n  for (const series of seriesWithDatapoints) {\n    const grid = buildSingleHoverGrid(\n      series,\n      axisIdToScales,\n      datapointMetadataMap,\n      seriesToMetadata,\n      axisIdToScaleDomain,\n    );\n    seriesToGrids.set(series.id, grid);\n  }\n\n  return seriesToGrids;\n}\n\nfunction findInGrid(\n  grid: HoverGrid<HoverGridDatapoint>,\n  position: Point,\n): HoverGridDatapoint | undefined {\n  const { cells, cellSize, originX, originY, cols, rows } = grid;\n\n  const col = Math.floor((position.x - originX) / cellSize);\n  const row = Math.floor((position.y - originY) / cellSize);\n\n  if (col < 0 || col >= cols || row < 0 || row >= rows) {\n    return undefined;\n  }\n\n  const candidates = cells[row * cols + col];\n  for (const entry of candidates) {\n    if (\n      isInPixelRange(position.x, entry.x, entry.width) &&\n      isInPixelRange(position.y, entry.y, entry.height)\n    ) {\n      return entry.datapoint;\n    }\n  }\n  return undefined;\n}\n\n/**\n * Build a query that returns every series whose hovered datapoint\n * sits under the cursor, backed by the same per-series grids used by\n * the single-tooltip path. Mirrors `buildQueryAllHovered` but trades\n * the O(series \u00D7 datapoints) linear scan for an O(series) cell\n * lookup \u2014 the hot path the shared tooltip walks on every mouse\n * move.\n */\nexport function buildQueryAllHoveredFromGrid(\n  seriesIdToGrid: SeriesToHoverGrid,\n) {\n  return (\n    arrayOfSeries: (RectSeriesWithDatapoints | BarSeriesWithDatapoints)[],\n    position: Point,\n  ): SeriesQueryResult[] => {\n    if (position.x < 0 || position.y < 0) {\n      return [];\n    }\n\n    const results: SeriesQueryResult[] = [];\n    for (const series of arrayOfSeries) {\n      const grid = seriesIdToGrid.get(series.id);\n      if (!grid) {\n        continue;\n      }\n\n      const datapoint = findInGrid(grid, position);\n      if (!datapoint) {\n        continue;\n      }\n\n      results.push({\n        type: series.type,\n        distance: 0,\n        datapoint,\n        series,\n      } as SeriesQueryResult);\n    }\n    return results;\n  };\n}\n\n/**\n * Build a hovered-datapoint query backed by pre-computed per-series\n * grids. Iterates the input series in reverse so the topmost\n * (last-rendered) overlapping datapoint wins, matching the legacy\n * `buildQueryHovered` behaviour.\n */\nexport function buildQueryHoveredFromGrid(seriesIdToGrid: SeriesToHoverGrid) {\n  function query(\n    arrayOfSeries: RectSeriesWithDatapoints[],\n    position: Point,\n  ): RectSeriesQueryResult | undefined;\n  function query(\n    arrayOfSeries: BarSeriesWithDatapoints[],\n    position: Point,\n  ): BarSeriesQueryResult | undefined;\n  function query(\n    arrayOfSeries: (RectSeriesWithDatapoints | BarSeriesWithDatapoints)[],\n    position: Point,\n  ) {\n    if (position.x < 0 || position.y < 0) {\n      return undefined;\n    }\n\n    for (let i = arrayOfSeries.length - 1; i >= 0; i--) {\n      const series = arrayOfSeries[i];\n      const grid = seriesIdToGrid.get(series.id);\n      if (!grid) {\n        continue;\n      }\n\n      const datapoint = findInGrid(grid, position);\n      if (!datapoint) {\n        continue;\n      }\n\n      return {\n        type: series.type,\n        distance: 0,\n        datapoint,\n        series,\n      };\n    }\n    return undefined;\n  }\n  return query;\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -1,10 +1,12 @@
 import { getClusterBoundariesAtPosition } from "../../core/utils/binary-search.js";
 import { safeGet } from "../../core/utils/safe-get.js";
-function buildQueryShared(sortedEntries, queryAllHovered, getBarPixelCenter, datapointMetadataMap) {
+function buildQueryShared(sortedEntries, queryAllHovered, getBarPixelCenter, getLinearSeriesPixelCenter, datapointMetadataMap) {
   return function queryShared({
     position,
     rectSeriesData,
-    barSeriesData
+    barSeriesData,
+    lineSeriesData,
+    areaSeriesData
   }) {
     const relative = position.relative;
     const allRectsHovered = queryAllHovered(rectSeriesData, relative);
@@ -20,31 +22,39 @@ function buildQueryShared(sortedEntries, queryAllHovered, getBarPixelCenter, dat
     );
     const lastHovered = allBarsHovered.at(-1);
     const searchX = lastHovered ? getBarPixelCenter(lastHovered.series, lastHovered.datapoint).xPixel : relative.x;
-    const clusterEntries = sortedEntries ? findClosestClusterBinary(sortedEntries.bar, searchX) : findClosestClusterLinear(
+    const clusterEntries = sortedEntries ? findClosestClusterBinary(sortedEntries.combined, searchX) : findClosestClusterLinear(
       barSeriesData,
+      lineSeriesData,
+      areaSeriesData,
       datapointMetadataMap,
       getBarPixelCenter,
+      getLinearSeriesPixelCenter,
       searchX
     );
     if (clusterEntries.length === 0) {
       return { preferred: void 0, datapoints: [] };
     }
+    let closestEntry;
     if (allBarsHovered.length === 0) {
       const cursorY = relative.y;
-      const closestEntry = clusterEntries.reduce(
+      closestEntry = clusterEntries.reduce(
         (closest, entry) => closest === void 0 || Math.abs(entry.yPixel - cursorY) < Math.abs(closest.yPixel - cursorY) ? entry : closest,
         void 0
       );
-      if (closestEntry?.result) {
-        allBarsHovered.push(closestEntry.result);
-      }
     }
-    const preferred = allBarsHovered.at(-1);
-    const allowedBoundaries = allBarsHovered.length > 0 ? new Set(
-      allBarsHovered.map(
-        (b) => `${String(b.datapoint.x0)}-${String(b.datapoint.x1)}`
-      )
-    ) : void 0;
+    const preferred = closestEntry?.result ?? allBarsHovered.at(-1);
+    let allowedBoundaries;
+    if (allBarsHovered.length > 0) {
+      allowedBoundaries = new Set(
+        allBarsHovered.map(
+          (b) => `${String(b.datapoint.x0)}-${String(b.datapoint.x1)}`
+        )
+      );
+    } else if (preferred) {
+      allowedBoundaries = /* @__PURE__ */ new Set([
+        `${String(preferred.datapoint.x0)}-${String(preferred.datapoint.x1)}`
+      ]);
+    }
     const filteredEntries = clusterEntries.filter(
       (e) => allowedBoundaries === void 0 || allowedBoundaries.has(e.boundaries)
     );
@@ -69,10 +79,18 @@ function findClosestClusterBinary(sorted, searchX) {
   }
   return sorted.slice(left, right + 1);
 }
-function findClosestClusterLinear(barSeriesData, datapointMetadataMap, getBarPixelCenter, searchX) {
+function findClosestClusterLinear(barSeriesData, lineSeriesData, areaSeriesData, datapointMetadataMap, getBarPixelCenter, getLinearSeriesPixelCenter, searchX) {
   const entries = [];
   let closestKey;
   let closestDistance = Infinity;
+  function visit(xPixel, yPixel, boundaries, result) {
+    entries.push({ xPixel, yPixel, boundaries, result });
+    const distance = Math.abs(xPixel - searchX);
+    if (distance < closestDistance) {
+      closestDistance = distance;
+      closestKey = Math.round(xPixel);
+    }
+  }
   for (const series of barSeriesData) {
     for (const datapoint of series.data) {
       if (safeGet(datapointMetadataMap, datapoint).isGap) {
@@ -82,17 +100,29 @@ function findClosestClusterLinear(barSeriesData, datapointMetadataMap, getBarPix
         series,
         datapoint
       );
-      entries.push({
-        xPixel,
-        yPixel,
-        boundaries,
-        result: { type: series.type, distance: 0, datapoint, series }
+      visit(xPixel, yPixel, boundaries, {
+        type: series.type,
+        distance: 0,
+        datapoint,
+        series
       });
-      const distance = Math.abs(xPixel - searchX);
-      if (distance < closestDistance) {
-        closestDistance = distance;
-        closestKey = Math.round(xPixel);
+    }
+  }
+  for (const series of [...lineSeriesData, ...areaSeriesData]) {
+    for (const datapoint of series.data) {
+      if (safeGet(datapointMetadataMap, datapoint).isGap) {
+        continue;
       }
+      const { xPixel, yPixel, boundaries } = getLinearSeriesPixelCenter(
+        series,
+        datapoint
+      );
+      visit(xPixel, yPixel, boundaries, {
+        type: series.type,
+        distance: 0,
+        datapoint,
+        series
+      });
     }
   }
   if (closestKey === void 0) {

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  BarSortedEntry,\n  GetBarPixelCenter,\n  SortedEntriesPerShape,\n} from './build-sorted-entries.js';\nimport type { QueryAllHovered } from './query-hovered.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 type {\n  BarSeriesWithDatapoints,\n  MapDatapoints,\n} from '../types/xy-chart-internals.js';\nexport function buildQueryShared(\n  sortedEntries: SortedEntriesPerShape | undefined,\n  queryAllHovered: QueryAllHovered,\n  getBarPixelCenter: GetBarPixelCenter,\n  datapointMetadataMap: MapDatapoints,\n): HoverQuery {\n  return function queryShared({\n    position,\n    rectSeriesData,\n    barSeriesData,\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 searchX = lastHovered\n      ? getBarPixelCenter(lastHovered.series, lastHovered.datapoint).xPixel\n      : 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\n    // `barSeriesData` so the tooltip works immediately on first hover.\n    const clusterEntries = sortedEntries\n      ? findClosestClusterBinary(sortedEntries.bar, searchX)\n      : findClosestClusterLinear(\n          barSeriesData,\n          datapointMetadataMap,\n          getBarPixelCenter,\n          searchX,\n        );\n\n    if (clusterEntries.length === 0) {\n      return { preferred: undefined, datapoints: [] };\n    }\n\n    if (allBarsHovered.length === 0) {\n      const cursorY = relative.y;\n      const closestEntry = clusterEntries.reduce<BarSortedEntry | undefined>(\n        (closest, entry) =>\n          closest === undefined ||\n          Math.abs(entry.yPixel - cursorY) < Math.abs(closest.yPixel - cursorY)\n            ? entry\n            : closest,\n        undefined,\n      );\n      if (closestEntry?.result) {\n        allBarsHovered.push(closestEntry.result);\n      }\n    }\n\n    const preferred = allBarsHovered.at(-1);\n\n    const allowedBoundaries =\n      allBarsHovered.length > 0\n        ? new Set(\n            allBarsHovered.map(\n              (b) => `${String(b.datapoint.x0)}-${String(b.datapoint.x1)}`,\n            ),\n          )\n        : undefined;\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: BarSortedEntry[],\n  searchX: number,\n): BarSortedEntry[] {\n  if (sorted.length === 0) {\n    return [];\n  }\n\n  const [left, right] = getClusterBoundariesAtPosition(\n    searchX,\n    sorted,\n    (e) => e.xPixel,\n    (e) => Math.round(e.xPixel),\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  datapointMetadataMap: MapDatapoints,\n  getBarPixelCenter: GetBarPixelCenter,\n  searchX: number,\n): BarSortedEntry[] {\n  const entries: BarSortedEntry[] = [];\n  let closestKey: number | undefined;\n  let closestDistance = Infinity;\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 { xPixel, yPixel, boundaries } = getBarPixelCenter(\n        series,\n        datapoint,\n      );\n\n      entries.push({\n        xPixel,\n        yPixel,\n        boundaries,\n        result: { type: series.type, distance: 0, datapoint, series },\n      });\n\n      const distance = Math.abs(xPixel - searchX);\n\n      if (distance < closestDistance) {\n        closestDistance = distance;\n        closestKey = Math.round(xPixel);\n      }\n    }\n  }\n\n  if (closestKey === undefined) {\n    return [];\n  }\n  return entries.filter((e) => Math.round(e.xPixel) === closestKey);\n}\n"],
-  "mappings": "AAMA,SAAS,sCAAsC;AAC/C,SAAS,eAAe;AAYjB,SAAS,iBACd,eACA,iBACA,mBACA,sBACY;AACZ,SAAO,SAAS,YAAY;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,EACF,GAAqC;AACnC,UAAM,WAAW,SAAS;AAE1B,UAAM,kBAAkB,gBAAgB,gBAAgB,QAAQ;AAChE,QAAI,gBAAgB,SAAS,GAAG;AAC9B,aAAO;AAAA,QACL,WAAW,gBAAgB,GAAG,EAAE;AAAA,QAChC,YAAY;AAAA,MACd;AAAA,IACF;AAEA,UAAM,iBAAiB;AAAA,MACrB;AAAA,MACA;AAAA,IACF;AAEA,UAAM,cAAc,eAAe,GAAG,EAAE;AACxC,UAAM,UAAU,cACZ,kBAAkB,YAAY,QAAQ,YAAY,SAAS,EAAE,SAC7D,SAAS;AAKb,UAAM,iBAAiB,gBACnB,yBAAyB,cAAc,KAAK,OAAO,IACnD;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEJ,QAAI,eAAe,WAAW,GAAG;AAC/B,aAAO,EAAE,WAAW,QAAW,YAAY,CAAC,EAAE;AAAA,IAChD;AAEA,QAAI,eAAe,WAAW,GAAG;AAC/B,YAAM,UAAU,SAAS;AACzB,YAAM,eAAe,eAAe;AAAA,QAClC,CAAC,SAAS,UACR,YAAY,UACZ,KAAK,IAAI,MAAM,SAAS,OAAO,IAAI,KAAK,IAAI,QAAQ,SAAS,OAAO,IAChE,QACA;AAAA,QACN;AAAA,MACF;AACA,UAAI,cAAc,QAAQ;AACxB,uBAAe,KAAK,aAAa,MAAM;AAAA,MACzC;AAAA,IACF;AAEA,UAAM,YAAY,eAAe,GAAG,EAAE;AAEtC,UAAM,oBACJ,eAAe,SAAS,IACpB,IAAI;AAAA,MACF,eAAe;AAAA,QACb,CAAC,MAAM,GAAG,OAAO,EAAE,UAAU,EAAE,CAAC,IAAI,OAAO,EAAE,UAAU,EAAE,CAAC;AAAA,MAC5D;AAAA,IACF,IACA;AAEN,UAAM,kBAAkB,eAAe;AAAA,MACrC,CAAC,MACC,sBAAsB,UAAa,kBAAkB,IAAI,EAAE,UAAU;AAAA,IACzE;AACA,UAAM,aAAkC,gBAAgB;AAAA,MACtD,CAAC,MAAM,EAAE;AAAA,IACX;AAEA,WAAO,EAAE,WAAW,WAAW;AAAA,EACjC;AACF;AAEA,SAAS,yBACP,QACA,SACkB;AAClB,MAAI,OAAO,WAAW,GAAG;AACvB,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,CAAC,MAAM,KAAK,IAAI;AAAA,IACpB;AAAA,IACA;AAAA,IACA,CAAC,MAAM,EAAE;AAAA,IACT,CAAC,MAAM,KAAK,MAAM,EAAE,MAAM;AAAA,EAC5B;AAEA,MAAI,SAAS,IAAI;AACf,WAAO,CAAC;AAAA,EACV;AAEA,SAAO,OAAO,MAAM,MAAM,QAAQ,CAAC;AACrC;AAEA,SAAS,yBACP,eACA,sBACA,mBACA,SACkB;AAClB,QAAM,UAA4B,CAAC;AACnC,MAAI;AACJ,MAAI,kBAAkB;AAEtB,aAAW,UAAU,eAAe;AAClC,eAAW,aAAa,OAAO,MAAM;AACnC,UAAI,QAAQ,sBAAsB,SAAS,EAAE,OAAO;AAClD;AAAA,MACF;AAEA,YAAM,EAAE,QAAQ,QAAQ,WAAW,IAAI;AAAA,QACrC;AAAA,QACA;AAAA,MACF;AAEA,cAAQ,KAAK;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA,QAAQ,EAAE,MAAM,OAAO,MAAM,UAAU,GAAG,WAAW,OAAO;AAAA,MAC9D,CAAC;AAED,YAAM,WAAW,KAAK,IAAI,SAAS,OAAO;AAE1C,UAAI,WAAW,iBAAiB;AAC9B,0BAAkB;AAClB,qBAAa,KAAK,MAAM,MAAM;AAAA,MAChC;AAAA,IACF;AAAA,EACF;AAEA,MAAI,eAAe,QAAW;AAC5B,WAAO,CAAC;AAAA,EACV;AACA,SAAO,QAAQ,OAAO,CAAC,MAAM,KAAK,MAAM,EAAE,MAAM,MAAM,UAAU;AAClE;",
+  "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 { 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 type {\n  AreaSeriesWithDatapoints,\n  BarSeriesWithDatapoints,\n  LineSeriesWithDatapoints,\n  MapDatapoints,\n} from '../types/xy-chart-internals.js';\nimport type { AreaDatapoint, LineDatapoint } from '../types/xy-chart.js';\nexport function buildQueryShared(\n  sortedEntries: SortedEntriesPerShape | undefined,\n  queryAllHovered: QueryAllHovered,\n  getBarPixelCenter: GetBarPixelCenter,\n  getLinearSeriesPixelCenter: GetLinearSeriesPixelCenter,\n  datapointMetadataMap: MapDatapoints,\n): HoverQuery {\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 searchX = lastHovered\n      ? getBarPixelCenter(lastHovered.series, lastHovered.datapoint).xPixel\n      : 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(sortedEntries.combined, searchX)\n      : findClosestClusterLinear(\n          barSeriesData,\n          lineSeriesData,\n          areaSeriesData,\n          datapointMetadataMap,\n          getBarPixelCenter,\n          getLinearSeriesPixelCenter,\n          searchX,\n        );\n\n    if (clusterEntries.length === 0) {\n      return { preferred: undefined, datapoints: [] };\n    }\n\n    let closestEntry: SortedEntry | undefined;\n\n    if (allBarsHovered.length === 0) {\n      const cursorY = relative.y;\n      closestEntry = clusterEntries.reduce<SortedEntry | undefined>(\n        (closest, entry) =>\n          closest === undefined ||\n          Math.abs(entry.yPixel - cursorY) < Math.abs(closest.yPixel - cursorY)\n            ? entry\n            : closest,\n        undefined,\n      );\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) => `${String(b.datapoint.x0)}-${String(b.datapoint.x1)}`,\n        ),\n      );\n    } else if (preferred) {\n      allowedBoundaries = new Set([\n        `${String(preferred.datapoint.x0)}-${String(preferred.datapoint.x1)}`,\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  searchX: number,\n): SortedEntry[] {\n  if (sorted.length === 0) {\n    return [];\n  }\n\n  const [left, right] = getClusterBoundariesAtPosition(\n    searchX,\n    sorted,\n    (e) => e.xPixel,\n    (e) => Math.round(e.xPixel),\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  searchX: number,\n): SortedEntry[] {\n  const entries: SortedEntry[] = [];\n  let closestKey: number | undefined;\n  let closestDistance = Infinity;\n\n  function visit(\n    xPixel: number,\n    yPixel: number,\n    boundaries: string,\n    result: SeriesQueryResult,\n  ) {\n    entries.push({ xPixel, yPixel, boundaries, result });\n    const distance = Math.abs(xPixel - searchX);\n    if (distance < closestDistance) {\n      closestDistance = distance;\n      closestKey = Math.round(xPixel);\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 { xPixel, yPixel, boundaries } = getBarPixelCenter(\n        series,\n        datapoint,\n      );\n      visit(xPixel, yPixel, boundaries, {\n        type: series.type,\n        distance: 0,\n        datapoint,\n        series,\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 { xPixel, yPixel, boundaries } = getLinearSeriesPixelCenter(\n        series,\n        datapoint,\n      );\n      visit(xPixel, yPixel, boundaries, {\n        type: series.type,\n        distance: 0,\n        datapoint,\n        series,\n      } as unknown as SeriesQueryResult);\n    }\n  }\n\n  if (closestKey === undefined) {\n    return [];\n  }\n  return entries.filter((e) => Math.round(e.xPixel) === closestKey);\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart-adoption/histogram/HistogramToXY.js

@@ -7,10 +7,7 @@ import {
   useRef
 } from "react";
 import { useHistogramToXYColorRules } from "./hooks/use-histogram-to-xy-color-rules.js";
-import {
-  ANNOTATIONS_KEYS,
-  transformHistogramAnnotationsToXY
-} from "./transformer-annotations-to-xy.js";
+import { transformHistogramAnnotationsToXY } from "./transformer-annotations-to-xy.js";
 import { transformHistogramDataToXYChart } from "./transformer-data-to-xy.js";
 import {
   mapSelectedSeriesToHistogram,
@@ -24,12 +21,13 @@ import { buildYAxesConfigFromConfig } from "./utils/build-y-axes-config.js";
 import { defineAxisId } from "./utils/define-axis-id.js";
 import { deriveXYChartPropsFromConfig } from "./utils/derive-xychart-props-from-config.js";
 import { formatCSV } from "./utils/format-csv.js";
+import { useBehavioralTrackingProps } from "../../../core/hooks/useBehavioralTrackingProps.js";
 import { downloadCSV } from "../../../core/utils/download.js";
 import { getChartStatesTemplates } from "../../core/components/chart-states/utils/get-chart-states-template.js";
 import { CSS_DOWNLOAD_FILENAME } from "../../core/constants.js";
 import { useHistogramChartConfig } from "../../histogram/hooks/useHistogramChartConfig.js";
-import { XYChart, XYChartAnnotations } from "../../xy-chart/XYChartRoot.js";
-const getAnnotationField = (d, key) => d[key];
+import { XYChart } from "../../xy-chart/XYChartRoot.js";
+import { renderXYAnnotations } from "../shared/utils/render-xy-annotations.js";
 const HistogramToXY = forwardRef((props, forwardedRef) => {
   const {
     data: propsData,
@@ -50,6 +48,7 @@ const HistogramToXY = forwardRef((props, forwardedRef) => {
     onZoomChange,
     infiniteZoom
   } = props;
+  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);
   const config = useHistogramChartConfig(children, {
     colorPalette,
     truncationMode,
@@ -113,6 +112,8 @@ const HistogramToXY = forwardRef((props, forwardedRef) => {
       "data-dtrum-allow": dataDtrumAllow,
       truncationMode: config.truncationMode,
       __downloadDataCallback: downloadDataCallback,
+      "data-dt-component": "HistogramChart",
+      ...behaviorTrackingProps,
       children: [
         /* @__PURE__ */ jsx(XYChart.Tooltip, { _variant: tooltipVariant }),
         errorState && /* @__PURE__ */ jsx(XYChart.ErrorState, { children: errorState }),
@@ -186,50 +187,10 @@ const HistogramToXY = forwardRef((props, forwardedRef) => {
         )),
         /* @__PURE__ */ jsx(XYChart.Toolbar, { hidden: !toolbarEnabled, placement: toolbarPlacement }),
         toolbarIntents?.map((intentProps, index) => /* @__PURE__ */ jsx(XYChart.Intent, { ...intentProps }, index)),
-        annotations && /* @__PURE__ */ jsxs(
-          XYChart.Annotations,
-          {
-            data: transformHistogramAnnotationsToXY(annotations.tracks),
-            xAxisId,
-            showLabels: annotations.showLabels,
-            fixedTracks: annotations.visibleTracksLimit,
-            annotationsActions: annotations.annotationsActions,
-            children: [
-              /* @__PURE__ */ jsx(
-                XYChartAnnotations.Track,
-                {
-                  trackIdAccessor: ANNOTATIONS_KEYS.trackId,
-                  labelAccessor: ANNOTATIONS_KEYS.trackLabel,
-                  colorAccessor: ANNOTATIONS_KEYS.trackColor,
-                  hidden: (d) => getAnnotationField(d, ANNOTATIONS_KEYS.trackHidden),
-                  symbol: (d) => getAnnotationField(d, ANNOTATIONS_KEYS.trackSymbol),
-                  indicatorsDisplay: (d) => getAnnotationField(
-                    d,
-                    ANNOTATIONS_KEYS.trackIndicators
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                XYChartAnnotations.Marker,
-                {
-                  startAccessor: ANNOTATIONS_KEYS.markerStart,
-                  endAccessor: ANNOTATIONS_KEYS.markerEnd,
-                  trackByAccessor: ANNOTATIONS_KEYS.trackId,
-                  titleAccessor: ANNOTATIONS_KEYS.markerTitle,
-                  descriptionAccessor: ANNOTATIONS_KEYS.markerDescription,
-                  colorAccessor: ANNOTATIONS_KEYS.markerColor,
-                  hidden: (d) => getAnnotationField(d, ANNOTATIONS_KEYS.markerHidden),
-                  symbol: (d) => getAnnotationField(d, ANNOTATIONS_KEYS.markerSymbol),
-                  indicatorsDisplay: (d) => getAnnotationField(
-                    d,
-                    ANNOTATIONS_KEYS.markerIndicators
-                  ),
-                  priority: (d) => getAnnotationField(d, ANNOTATIONS_KEYS.markerPriority)
-                }
-              ),
-              annotations.tooltip?.template && /* @__PURE__ */ jsx(XYChartAnnotations.Tooltip, { hidden: annotations.tooltip.hidden, children: annotations.tooltip.template })
-            ]
-          }
+        annotations && renderXYAnnotations(
+          transformHistogramAnnotationsToXY(annotations.tracks),
+          xAxisId,
+          annotations
         )
       ]
     }

package/esm/charts/xy-chart-adoption/histogram/HistogramToXY.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart-adoption/histogram/HistogramToXY.tsx"],
-  "sourcesContent": ["import {\n  forwardRef,\n  type PropsWithChildren,\n  type ReactNode,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport { useHistogramToXYColorRules } from './hooks/use-histogram-to-xy-color-rules.js';\nimport {\n  ANNOTATIONS_KEYS,\n  transformHistogramAnnotationsToXY,\n} from './transformer-annotations-to-xy.js';\nimport { transformHistogramDataToXYChart } from './transformer-data-to-xy.js';\nimport {\n  mapSelectedSeriesToHistogram,\n  mapSelectionDomainToHistogramDomains,\n} from './transformer-selection-to-histogram.js';\nimport { mapHistogramSeriesActionsToXY } from './transformer-series-actions-to-xy.js';\nimport { mapHistogramThresholdsToXY } from './transformer-thresholds-to-xy.js';\nimport { buildYAxisProps } from './utils/axis-props-mapping.js';\nimport { buildHistogramImperativeHandle } from './utils/build-histogram-imperative-handle.js';\nimport { buildYAxesConfigFromConfig } from './utils/build-y-axes-config.js';\nimport { defineAxisId } from './utils/define-axis-id.js';\nimport { deriveXYChartPropsFromConfig } from './utils/derive-xychart-props-from-config.js';\nimport { formatCSV } from './utils/format-csv.js';\nimport { downloadCSV } from '../../../core/utils/download.js';\nimport type { IndicatorsDisplay } from '../../core/components/annotations/components/indicators/types.js';\nimport { getChartStatesTemplates } from '../../core/components/chart-states/utils/get-chart-states-template.js';\nimport { CSS_DOWNLOAD_FILENAME } from '../../core/constants.js';\nimport { useHistogramChartConfig } from '../../histogram/hooks/useHistogramChartConfig.js';\nimport type { HistogramChartProps } from '../../histogram/types/histogram-props.js';\nimport type { HistogramChartRef } from '../../histogram/types/histogram-ref.js';\nimport type { XYChartRef } from '../../xy-chart/types/xy-chart.js';\nimport { XYChart, XYChartAnnotations } from '../../xy-chart/XYChartRoot.js';\n\ntype AnnotationsKey = (typeof ANNOTATIONS_KEYS)[keyof typeof ANNOTATIONS_KEYS];\nconst getAnnotationField = <T,>(d: unknown, key: AnnotationsKey): T =>\n  (d as Record<string, unknown>)[key] as T;\n\nexport const HistogramToXY = forwardRef<\n  HistogramChartRef,\n  PropsWithChildren<HistogramChartProps>\n>((props, forwardedRef) => {\n  const {\n    data: propsData,\n    loading,\n    children,\n    className,\n    style,\n    width,\n    height,\n    colorPalette,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    truncationMode,\n    valueRepresentation,\n    seriesActions,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n  } = props;\n\n  const config = useHistogramChartConfig(children, {\n    colorPalette,\n    truncationMode,\n    valueRepresentation,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n  });\n\n  const { barSeriesProps, units, seriesColors } =\n    transformHistogramDataToXYChart(propsData);\n\n  const allColorRules = useHistogramToXYColorRules({\n    data: propsData,\n    seriesColors,\n    colorRules: config.colorRules,\n  });\n\n  const { emptyState, errorState } = getChartStatesTemplates(children);\n\n  const downloadDataCallback = useCallback(() => {\n    const csvString = formatCSV(propsData);\n    downloadCSV(csvString, CSS_DOWNLOAD_FILENAME);\n  }, [propsData]);\n\n  const selectActions = config.select?.actions;\n  const mappedSeriesActions = useMemo(\n    () =>\n      seriesActions\n        ? mapHistogramSeriesActionsToXY(seriesActions, propsData)\n        : undefined,\n    [seriesActions, propsData],\n  );\n\n  const yAxesConfig = buildYAxesConfigFromConfig(config);\n\n  const mappedThresholds = useMemo(\n    () => mapHistogramThresholdsToXY(config.thresholds, [...units]),\n    [config.thresholds, units],\n  );\n\n  const {\n    xAxisConfig,\n    disableZoom,\n    disablePan,\n    toolbarEnabled,\n    toolbarPlacement,\n    toolbarIntents,\n    onZoomChange: effectiveOnZoomChange,\n  } = deriveXYChartPropsFromConfig(config, onZoomChange);\n\n  const xyRef = useRef<XYChartRef>(null);\n\n  useImperativeHandle(\n    forwardedRef,\n    () => buildHistogramImperativeHandle(xyRef, config),\n    [config],\n  );\n\n  const annotations = config.annotations;\n  const xAxisId = 'x-axis';\n  // 'grouped' is a Histogram-only variant \u2014 XYChart only knows 'single' | 'shared'\n  const tooltipVariant =\n    config.tooltip.variant === 'single' ? 'single' : 'shared';\n\n  return (\n    <XYChart\n      data={[]}\n      ref={xyRef}\n      loading={loading}\n      className={className}\n      style={style}\n      width={width}\n      height={height}\n      colorPalette={config.colorPalette}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      truncationMode={config.truncationMode}\n      __downloadDataCallback={downloadDataCallback}\n    >\n      <XYChart.Tooltip _variant={tooltipVariant} />\n      {errorState && <XYChart.ErrorState>{errorState}</XYChart.ErrorState>}\n      {emptyState && <XYChart.EmptyState>{emptyState}</XYChart.EmptyState>}\n      {selectActions ? (\n        <XYChart.Select\n          actions={(selectedSeries, selectionDomain) =>\n            selectActions(\n              mapSelectedSeriesToHistogram(selectedSeries),\n              mapSelectionDomainToHistogramDomains(selectionDomain),\n            )\n          }\n        />\n      ) : null}\n      {barSeriesProps.map(({ data, unit }, index) => (\n        <XYChart.BarSeries\n          key={index}\n          data={data}\n          xAxisId={xAxisId}\n          yAxisId={defineAxisId(unit)}\n          x0Accessor=\"x0\"\n          x1Accessor=\"x1\"\n          y1Accessor=\"y1\"\n          variant={\n            config.valueRepresentation === 'relative' && propsData.length === 1\n              ? 'single'\n              : 'stack'\n          }\n          seriesIdAccessor=\"seriesId\"\n          nameAccessor=\"name\"\n          actions={mappedSeriesActions}\n        />\n      ))}\n      <XYChart.XAxis\n        id={xAxisId}\n        type={xAxisConfig.scale === 'log' ? 'log' : 'numerical'}\n        position=\"bottom\"\n        disableZoom={disableZoom}\n        disablePan={disablePan}\n        initialZoom={config.initialZoom as [number, number]}\n        currentZoom={config.currentZoom as [number, number]}\n        onZoomChange={effectiveOnZoomChange}\n        infiniteZoom={config.infiniteZoom}\n        {...xAxisConfig}\n      />\n      {[...units].map((unit, index) => (\n        <XYChart.YAxis\n          key={defineAxisId(unit)}\n          {...buildYAxisProps(\n            index,\n            unit,\n            yAxesConfig,\n            config.valueRepresentation,\n          )}\n        />\n      ))}\n      <XYChart.Legend {...config.legend} />\n      {allColorRules.map((rule) => (\n        <XYChart.ColorRule\n          key={`${rule.comparator}-${rule.matchValue}-${rule.valueAccessor}`}\n          {...rule}\n        />\n      ))}\n      {mappedThresholds.map((threshold) => (\n        <XYChart.ThresholdIndicator\n          key={`${threshold.yAxisId}-${threshold.color}-${\n            threshold.label ?? ''\n          }`}\n          {...threshold}\n        />\n      ))}\n      <XYChart.Toolbar hidden={!toolbarEnabled} placement={toolbarPlacement} />\n      {toolbarIntents?.map((intentProps, index) => (\n        <XYChart.Intent key={index} {...intentProps} />\n      ))}\n      {annotations && (\n        <XYChart.Annotations\n          data={transformHistogramAnnotationsToXY(annotations.tracks)}\n          xAxisId={xAxisId}\n          showLabels={annotations.showLabels}\n          fixedTracks={annotations.visibleTracksLimit}\n          annotationsActions={annotations.annotationsActions}\n        >\n          <XYChartAnnotations.Track\n            trackIdAccessor={ANNOTATIONS_KEYS.trackId}\n            labelAccessor={ANNOTATIONS_KEYS.trackLabel}\n            colorAccessor={ANNOTATIONS_KEYS.trackColor}\n            hidden={(d) =>\n              getAnnotationField<boolean>(d, ANNOTATIONS_KEYS.trackHidden)\n            }\n            symbol={(d) =>\n              getAnnotationField<ReactNode>(d, ANNOTATIONS_KEYS.trackSymbol)\n            }\n            indicatorsDisplay={(d) =>\n              getAnnotationField<IndicatorsDisplay>(\n                d,\n                ANNOTATIONS_KEYS.trackIndicators,\n              )\n            }\n          />\n          <XYChartAnnotations.Marker\n            startAccessor={ANNOTATIONS_KEYS.markerStart}\n            endAccessor={ANNOTATIONS_KEYS.markerEnd}\n            trackByAccessor={ANNOTATIONS_KEYS.trackId}\n            titleAccessor={ANNOTATIONS_KEYS.markerTitle}\n            descriptionAccessor={ANNOTATIONS_KEYS.markerDescription}\n            colorAccessor={ANNOTATIONS_KEYS.markerColor}\n            hidden={(d) =>\n              getAnnotationField<boolean>(d, ANNOTATIONS_KEYS.markerHidden)\n            }\n            symbol={(d) =>\n              getAnnotationField<ReactNode>(d, ANNOTATIONS_KEYS.markerSymbol)\n            }\n            indicatorsDisplay={(d) =>\n              getAnnotationField<IndicatorsDisplay>(\n                d,\n                ANNOTATIONS_KEYS.markerIndicators,\n              )\n            }\n            priority={(d) =>\n              getAnnotationField<number>(d, ANNOTATIONS_KEYS.markerPriority)\n            }\n          />\n          {annotations.tooltip?.template && (\n            <XYChartAnnotations.Tooltip hidden={annotations.tooltip.hidden}>\n              {annotations.tooltip.template}\n            </XYChartAnnotations.Tooltip>\n          )}\n        </XYChart.Annotations>\n      )}\n    </XYChart>\n  );\n});\n\n(\n  HistogramToXY as typeof HistogramToXY & {\n    displayName: string;\n  }\n).displayName = 'HistogramToXY';\n"],
-  "mappings": "AAmJM,cA2EE,YA3EF;AAnJN;AAAA,EACE;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,kCAAkC;AAC3C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,uCAAuC;AAChD;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,qCAAqC;AAC9C,SAAS,kCAAkC;AAC3C,SAAS,uBAAuB;AAChC,SAAS,sCAAsC;AAC/C,SAAS,kCAAkC;AAC3C,SAAS,oBAAoB;AAC7B,SAAS,oCAAoC;AAC7C,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAE5B,SAAS,+BAA+B;AACxC,SAAS,6BAA6B;AACtC,SAAS,+BAA+B;AAIxC,SAAS,SAAS,0BAA0B;AAG5C,MAAM,qBAAqB,CAAK,GAAY,QACzC,EAA8B,GAAG;AAE7B,MAAM,gBAAgB,WAG3B,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,SAAS,wBAAwB,UAAU;AAAA,IAC/C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,EAAE,gBAAgB,OAAO,aAAa,IAC1C,gCAAgC,SAAS;AAE3C,QAAM,gBAAgB,2BAA2B;AAAA,IAC/C,MAAM;AAAA,IACN;AAAA,IACA,YAAY,OAAO;AAAA,EACrB,CAAC;AAED,QAAM,EAAE,YAAY,WAAW,IAAI,wBAAwB,QAAQ;AAEnE,QAAM,uBAAuB,YAAY,MAAM;AAC7C,UAAM,YAAY,UAAU,SAAS;AACrC,gBAAY,WAAW,qBAAqB;AAAA,EAC9C,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,gBAAgB,OAAO,QAAQ;AACrC,QAAM,sBAAsB;AAAA,IAC1B,MACE,gBACI,8BAA8B,eAAe,SAAS,IACtD;AAAA,IACN,CAAC,eAAe,SAAS;AAAA,EAC3B;AAEA,QAAM,cAAc,2BAA2B,MAAM;AAErD,QAAM,mBAAmB;AAAA,IACvB,MAAM,2BAA2B,OAAO,YAAY,CAAC,GAAG,KAAK,CAAC;AAAA,IAC9D,CAAC,OAAO,YAAY,KAAK;AAAA,EAC3B;AAEA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,EAChB,IAAI,6BAA6B,QAAQ,YAAY;AAErD,QAAM,QAAQ,OAAmB,IAAI;AAErC;AAAA,IACE;AAAA,IACA,MAAM,+BAA+B,OAAO,MAAM;AAAA,IAClD,CAAC,MAAM;AAAA,EACT;AAEA,QAAM,cAAc,OAAO;AAC3B,QAAM,UAAU;AAEhB,QAAM,iBACJ,OAAO,QAAQ,YAAY,WAAW,WAAW;AAEnD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,CAAC;AAAA,MACP,KAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc,OAAO;AAAA,MACrB,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,gBAAgB,OAAO;AAAA,MACvB,wBAAwB;AAAA,MAExB;AAAA,4BAAC,QAAQ,SAAR,EAAgB,UAAU,gBAAgB;AAAA,QAC1C,cAAc,oBAAC,QAAQ,YAAR,EAAoB,sBAAW;AAAA,QAC9C,cAAc,oBAAC,QAAQ,YAAR,EAAoB,sBAAW;AAAA,QAC9C,gBACC;AAAA,UAAC,QAAQ;AAAA,UAAR;AAAA,YACC,SAAS,CAAC,gBAAgB,oBACxB;AAAA,cACE,6BAA6B,cAAc;AAAA,cAC3C,qCAAqC,eAAe;AAAA,YACtD;AAAA;AAAA,QAEJ,IACE;AAAA,QACH,eAAe,IAAI,CAAC,EAAE,MAAM,KAAK,GAAG,UACnC;AAAA,UAAC,QAAQ;AAAA,UAAR;AAAA,YAEC;AAAA,YACA;AAAA,YACA,SAAS,aAAa,IAAI;AAAA,YAC1B,YAAW;AAAA,YACX,YAAW;AAAA,YACX,YAAW;AAAA,YACX,SACE,OAAO,wBAAwB,cAAc,UAAU,WAAW,IAC9D,WACA;AAAA,YAEN,kBAAiB;AAAA,YACjB,cAAa;AAAA,YACb,SAAS;AAAA;AAAA,UAdJ;AAAA,QAeP,CACD;AAAA,QACD;AAAA,UAAC,QAAQ;AAAA,UAAR;AAAA,YACC,IAAI;AAAA,YACJ,MAAM,YAAY,UAAU,QAAQ,QAAQ;AAAA,YAC5C,UAAS;AAAA,YACT;AAAA,YACA;AAAA,YACA,aAAa,OAAO;AAAA,YACpB,aAAa,OAAO;AAAA,YACpB,cAAc;AAAA,YACd,cAAc,OAAO;AAAA,YACpB,GAAG;AAAA;AAAA,QACN;AAAA,QACC,CAAC,GAAG,KAAK,EAAE,IAAI,CAAC,MAAM,UACrB;AAAA,UAAC,QAAQ;AAAA,UAAR;AAAA,YAEE,GAAG;AAAA,cACF;AAAA,cACA;AAAA,cACA;AAAA,cACA,OAAO;AAAA,YACT;AAAA;AAAA,UANK,aAAa,IAAI;AAAA,QAOxB,CACD;AAAA,QACD,oBAAC,QAAQ,QAAR,EAAgB,GAAG,OAAO,QAAQ;AAAA,QAClC,cAAc,IAAI,CAAC,SAClB;AAAA,UAAC,QAAQ;AAAA,UAAR;AAAA,YAEE,GAAG;AAAA;AAAA,UADC,GAAG,KAAK,UAAU,IAAI,KAAK,UAAU,IAAI,KAAK,aAAa;AAAA,QAElE,CACD;AAAA,QACA,iBAAiB,IAAI,CAAC,cACrB;AAAA,UAAC,QAAQ;AAAA,UAAR;AAAA,YAIE,GAAG;AAAA;AAAA,UAHC,GAAG,UAAU,OAAO,IAAI,UAAU,KAAK,IAC1C,UAAU,SAAS,EACrB;AAAA,QAEF,CACD;AAAA,QACD,oBAAC,QAAQ,SAAR,EAAgB,QAAQ,CAAC,gBAAgB,WAAW,kBAAkB;AAAA,QACtE,gBAAgB,IAAI,CAAC,aAAa,UACjC,oBAAC,QAAQ,QAAR,EAA4B,GAAG,eAAX,KAAwB,CAC9C;AAAA,QACA,eACC;AAAA,UAAC,QAAQ;AAAA,UAAR;AAAA,YACC,MAAM,kCAAkC,YAAY,MAAM;AAAA,YAC1D;AAAA,YACA,YAAY,YAAY;AAAA,YACxB,aAAa,YAAY;AAAA,YACzB,oBAAoB,YAAY;AAAA,YAEhC;AAAA;AAAA,gBAAC,mBAAmB;AAAA,gBAAnB;AAAA,kBACC,iBAAiB,iBAAiB;AAAA,kBAClC,eAAe,iBAAiB;AAAA,kBAChC,eAAe,iBAAiB;AAAA,kBAChC,QAAQ,CAAC,MACP,mBAA4B,GAAG,iBAAiB,WAAW;AAAA,kBAE7D,QAAQ,CAAC,MACP,mBAA8B,GAAG,iBAAiB,WAAW;AAAA,kBAE/D,mBAAmB,CAAC,MAClB;AAAA,oBACE;AAAA,oBACA,iBAAiB;AAAA,kBACnB;AAAA;AAAA,cAEJ;AAAA,cACA;AAAA,gBAAC,mBAAmB;AAAA,gBAAnB;AAAA,kBACC,eAAe,iBAAiB;AAAA,kBAChC,aAAa,iBAAiB;AAAA,kBAC9B,iBAAiB,iBAAiB;AAAA,kBAClC,eAAe,iBAAiB;AAAA,kBAChC,qBAAqB,iBAAiB;AAAA,kBACtC,eAAe,iBAAiB;AAAA,kBAChC,QAAQ,CAAC,MACP,mBAA4B,GAAG,iBAAiB,YAAY;AAAA,kBAE9D,QAAQ,CAAC,MACP,mBAA8B,GAAG,iBAAiB,YAAY;AAAA,kBAEhE,mBAAmB,CAAC,MAClB;AAAA,oBACE;AAAA,oBACA,iBAAiB;AAAA,kBACnB;AAAA,kBAEF,UAAU,CAAC,MACT,mBAA2B,GAAG,iBAAiB,cAAc;AAAA;AAAA,cAEjE;AAAA,cACC,YAAY,SAAS,YACpB,oBAAC,mBAAmB,SAAnB,EAA2B,QAAQ,YAAY,QAAQ,QACrD,sBAAY,QAAQ,UACvB;AAAA;AAAA;AAAA,QAEJ;AAAA;AAAA;AAAA,EAEJ;AAEJ,CAAC;AAGC,cAGA,cAAc;",
+  "sourcesContent": ["import {\n  forwardRef,\n  type PropsWithChildren,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport { useHistogramToXYColorRules } from './hooks/use-histogram-to-xy-color-rules.js';\nimport { transformHistogramAnnotationsToXY } from './transformer-annotations-to-xy.js';\nimport { transformHistogramDataToXYChart } from './transformer-data-to-xy.js';\nimport {\n  mapSelectedSeriesToHistogram,\n  mapSelectionDomainToHistogramDomains,\n} from './transformer-selection-to-histogram.js';\nimport { mapHistogramSeriesActionsToXY } from './transformer-series-actions-to-xy.js';\nimport { mapHistogramThresholdsToXY } from './transformer-thresholds-to-xy.js';\nimport { buildYAxisProps } from './utils/axis-props-mapping.js';\nimport { buildHistogramImperativeHandle } from './utils/build-histogram-imperative-handle.js';\nimport { buildYAxesConfigFromConfig } from './utils/build-y-axes-config.js';\nimport { defineAxisId } from './utils/define-axis-id.js';\nimport { deriveXYChartPropsFromConfig } from './utils/derive-xychart-props-from-config.js';\nimport { formatCSV } from './utils/format-csv.js';\nimport { useBehavioralTrackingProps } from '../../../core/hooks/useBehavioralTrackingProps.js';\nimport { downloadCSV } from '../../../core/utils/download.js';\nimport { getChartStatesTemplates } from '../../core/components/chart-states/utils/get-chart-states-template.js';\nimport { CSS_DOWNLOAD_FILENAME } from '../../core/constants.js';\nimport { useHistogramChartConfig } from '../../histogram/hooks/useHistogramChartConfig.js';\nimport type { HistogramChartProps } from '../../histogram/types/histogram-props.js';\nimport type { HistogramChartRef } from '../../histogram/types/histogram-ref.js';\nimport type { XYChartRef } from '../../xy-chart/types/xy-chart.js';\nimport { XYChart } from '../../xy-chart/XYChartRoot.js';\nimport { renderXYAnnotations } from '../shared/utils/render-xy-annotations.js';\n\nexport const HistogramToXY = forwardRef<\n  HistogramChartRef,\n  PropsWithChildren<HistogramChartProps>\n>((props, forwardedRef) => {\n  const {\n    data: propsData,\n    loading,\n    children,\n    className,\n    style,\n    width,\n    height,\n    colorPalette,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    truncationMode,\n    valueRepresentation,\n    seriesActions,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n  } = props;\n\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n\n  const config = useHistogramChartConfig(children, {\n    colorPalette,\n    truncationMode,\n    valueRepresentation,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n  });\n\n  const { barSeriesProps, units, seriesColors } =\n    transformHistogramDataToXYChart(propsData);\n\n  const allColorRules = useHistogramToXYColorRules({\n    data: propsData,\n    seriesColors,\n    colorRules: config.colorRules,\n  });\n\n  const { emptyState, errorState } = getChartStatesTemplates(children);\n\n  const downloadDataCallback = useCallback(() => {\n    const csvString = formatCSV(propsData);\n    downloadCSV(csvString, CSS_DOWNLOAD_FILENAME);\n  }, [propsData]);\n\n  const selectActions = config.select?.actions;\n  const mappedSeriesActions = useMemo(\n    () =>\n      seriesActions\n        ? mapHistogramSeriesActionsToXY(seriesActions, propsData)\n        : undefined,\n    [seriesActions, propsData],\n  );\n\n  const yAxesConfig = buildYAxesConfigFromConfig(config);\n\n  const mappedThresholds = useMemo(\n    () => mapHistogramThresholdsToXY(config.thresholds, [...units]),\n    [config.thresholds, units],\n  );\n\n  const {\n    xAxisConfig,\n    disableZoom,\n    disablePan,\n    toolbarEnabled,\n    toolbarPlacement,\n    toolbarIntents,\n    onZoomChange: effectiveOnZoomChange,\n  } = deriveXYChartPropsFromConfig(config, onZoomChange);\n\n  const xyRef = useRef<XYChartRef>(null);\n\n  useImperativeHandle(\n    forwardedRef,\n    () => buildHistogramImperativeHandle(xyRef, config),\n    [config],\n  );\n\n  const annotations = config.annotations;\n  const xAxisId = 'x-axis';\n  // 'grouped' is a Histogram-only variant \u2014 XYChart only knows 'single' | 'shared'\n  const tooltipVariant =\n    config.tooltip.variant === 'single' ? 'single' : 'shared';\n\n  return (\n    <XYChart\n      data={[]}\n      ref={xyRef}\n      loading={loading}\n      className={className}\n      style={style}\n      width={width}\n      height={height}\n      colorPalette={config.colorPalette}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      truncationMode={config.truncationMode}\n      __downloadDataCallback={downloadDataCallback}\n      data-dt-component=\"HistogramChart\"\n      {...behaviorTrackingProps}\n    >\n      <XYChart.Tooltip _variant={tooltipVariant} />\n      {errorState && <XYChart.ErrorState>{errorState}</XYChart.ErrorState>}\n      {emptyState && <XYChart.EmptyState>{emptyState}</XYChart.EmptyState>}\n      {selectActions ? (\n        <XYChart.Select\n          actions={(selectedSeries, selectionDomain) =>\n            selectActions(\n              mapSelectedSeriesToHistogram(selectedSeries),\n              mapSelectionDomainToHistogramDomains(selectionDomain),\n            )\n          }\n        />\n      ) : null}\n      {barSeriesProps.map(({ data, unit }, index) => (\n        <XYChart.BarSeries\n          key={index}\n          data={data}\n          xAxisId={xAxisId}\n          yAxisId={defineAxisId(unit)}\n          x0Accessor=\"x0\"\n          x1Accessor=\"x1\"\n          y1Accessor=\"y1\"\n          variant={\n            config.valueRepresentation === 'relative' && propsData.length === 1\n              ? 'single'\n              : 'stack'\n          }\n          seriesIdAccessor=\"seriesId\"\n          nameAccessor=\"name\"\n          actions={mappedSeriesActions}\n        />\n      ))}\n      <XYChart.XAxis\n        id={xAxisId}\n        type={xAxisConfig.scale === 'log' ? 'log' : 'numerical'}\n        position=\"bottom\"\n        disableZoom={disableZoom}\n        disablePan={disablePan}\n        initialZoom={config.initialZoom as [number, number]}\n        currentZoom={config.currentZoom as [number, number]}\n        onZoomChange={effectiveOnZoomChange}\n        infiniteZoom={config.infiniteZoom}\n        {...xAxisConfig}\n      />\n      {[...units].map((unit, index) => (\n        <XYChart.YAxis\n          key={defineAxisId(unit)}\n          {...buildYAxisProps(\n            index,\n            unit,\n            yAxesConfig,\n            config.valueRepresentation,\n          )}\n        />\n      ))}\n      <XYChart.Legend {...config.legend} />\n      {allColorRules.map((rule) => (\n        <XYChart.ColorRule\n          key={`${rule.comparator}-${rule.matchValue}-${rule.valueAccessor}`}\n          {...rule}\n        />\n      ))}\n      {mappedThresholds.map((threshold) => (\n        <XYChart.ThresholdIndicator\n          key={`${threshold.yAxisId}-${threshold.color}-${\n            threshold.label ?? ''\n          }`}\n          {...threshold}\n        />\n      ))}\n      <XYChart.Toolbar hidden={!toolbarEnabled} placement={toolbarPlacement} />\n      {toolbarIntents?.map((intentProps, index) => (\n        <XYChart.Intent key={index} {...intentProps} />\n      ))}\n      {annotations &&\n        renderXYAnnotations(\n          transformHistogramAnnotationsToXY(annotations.tracks),\n          xAxisId,\n          annotations,\n        )}\n    </XYChart>\n  );\n});\n\n(\n  HistogramToXY as typeof HistogramToXY & {\n    displayName: string;\n  }\n).displayName = 'HistogramToXY';\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart-adoption/histogram/transformer-annotations-to-xy.js

@@ -1,20 +1,5 @@
-const ANNOTATIONS_KEYS = {
-  trackId: "__annotationsTrackId",
-  trackLabel: "__annotationsTrackLabel",
-  trackColor: "__annotationsTrackColor",
-  trackHidden: "__annotationsTrackHidden",
-  trackSymbol: "__annotationsTrackSymbol",
-  trackIndicators: "__annotationsTrackIndicators",
-  markerStart: "__annotationsMarkerStart",
-  markerEnd: "__annotationsMarkerEnd",
-  markerTitle: "__annotationsMarkerTitle",
-  markerDescription: "__annotationsMarkerDescription",
-  markerColor: "__annotationsMarkerColor",
-  markerHidden: "__annotationsMarkerHidden",
-  markerSymbol: "__annotationsMarkerSymbol",
-  markerIndicators: "__annotationsMarkerIndicators",
-  markerPriority: "__annotationsMarkerPriority"
-};
+import { ANNOTATIONS_KEYS } from "../shared/utils/render-xy-annotations.js";
+import { ANNOTATIONS_KEYS as ANNOTATIONS_KEYS2 } from "../shared/utils/render-xy-annotations.js";
 const transformHistogramAnnotationsToXY = (tracks) => {
   const data = [];
   tracks.forEach((track, trackIndex) => {
@@ -44,7 +29,7 @@ const transformHistogramAnnotationsToXY = (tracks) => {
   return data;
 };
 export {
-  ANNOTATIONS_KEYS,
+  ANNOTATIONS_KEYS2 as ANNOTATIONS_KEYS,
   transformHistogramAnnotationsToXY
 };
 //# sourceMappingURL=transformer-annotations-to-xy.js.map

package/esm/charts/xy-chart-adoption/histogram/transformer-annotations-to-xy.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart-adoption/histogram/transformer-annotations-to-xy.ts"],
-  "sourcesContent": ["import type { AnnotationsTrackConfig } from '../../core/components/annotations/types/annotations-track-props.js';\nimport type {\n  NumericalAnnotationsMarkerConfig,\n  NumericalAnnotationsTrackConfig,\n} from '../../core/components/annotations/types/numerical-annotations-config.js';\nimport type { XYChartData } from '../../xy-chart/types/xy-chart.js';\n\nexport const ANNOTATIONS_KEYS = {\n  trackId: '__annotationsTrackId',\n  trackLabel: '__annotationsTrackLabel',\n  trackColor: '__annotationsTrackColor',\n  trackHidden: '__annotationsTrackHidden',\n  trackSymbol: '__annotationsTrackSymbol',\n  trackIndicators: '__annotationsTrackIndicators',\n  markerStart: '__annotationsMarkerStart',\n  markerEnd: '__annotationsMarkerEnd',\n  markerTitle: '__annotationsMarkerTitle',\n  markerDescription: '__annotationsMarkerDescription',\n  markerColor: '__annotationsMarkerColor',\n  markerHidden: '__annotationsMarkerHidden',\n  markerSymbol: '__annotationsMarkerSymbol',\n  markerIndicators: '__annotationsMarkerIndicators',\n  markerPriority: '__annotationsMarkerPriority',\n} as const;\n\nexport const transformHistogramAnnotationsToXY = (\n  tracks: AnnotationsTrackConfig[],\n): XYChartData[] => {\n  const data: XYChartData[] = [];\n\n  tracks.forEach((track, trackIndex) => {\n    const histogramTrack = track as NumericalAnnotationsTrackConfig;\n    const trackId = `track-${trackIndex}`;\n\n    track.markers.forEach((marker) => {\n      const histogramMarker = marker as NumericalAnnotationsMarkerConfig;\n\n      data.push({\n        [ANNOTATIONS_KEYS.trackId]: trackId,\n        [ANNOTATIONS_KEYS.trackLabel]: histogramTrack.label,\n        [ANNOTATIONS_KEYS.trackColor]: histogramTrack.color,\n        [ANNOTATIONS_KEYS.trackHidden]: histogramTrack.hidden,\n        [ANNOTATIONS_KEYS.trackSymbol]: histogramTrack.symbol,\n        [ANNOTATIONS_KEYS.trackIndicators]: histogramTrack.indicatorsDisplay,\n        [ANNOTATIONS_KEYS.markerStart]: histogramMarker.start,\n        [ANNOTATIONS_KEYS.markerEnd]: histogramMarker.end,\n        [ANNOTATIONS_KEYS.markerTitle]: histogramMarker.title,\n        [ANNOTATIONS_KEYS.markerDescription]: histogramMarker.description,\n        [ANNOTATIONS_KEYS.markerColor]: histogramMarker.color,\n        [ANNOTATIONS_KEYS.markerHidden]: histogramMarker.hidden,\n        [ANNOTATIONS_KEYS.markerSymbol]: histogramMarker.symbol,\n        [ANNOTATIONS_KEYS.markerIndicators]: histogramMarker.indicatorsDisplay,\n        [ANNOTATIONS_KEYS.markerPriority]: histogramMarker.priority,\n      });\n    });\n  });\n\n  return data;\n};\n"],
-  "mappings": "AAOO,MAAM,mBAAmB;AAAA,EAC9B,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,WAAW;AAAA,EACX,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,gBAAgB;AAClB;AAEO,MAAM,oCAAoC,CAC/C,WACkB;AAClB,QAAM,OAAsB,CAAC;AAE7B,SAAO,QAAQ,CAAC,OAAO,eAAe;AACpC,UAAM,iBAAiB;AACvB,UAAM,UAAU,SAAS,UAAU;AAEnC,UAAM,QAAQ,QAAQ,CAAC,WAAW;AAChC,YAAM,kBAAkB;AAExB,WAAK,KAAK;AAAA,QACR,CAAC,iBAAiB,OAAO,GAAG;AAAA,QAC5B,CAAC,iBAAiB,UAAU,GAAG,eAAe;AAAA,QAC9C,CAAC,iBAAiB,UAAU,GAAG,eAAe;AAAA,QAC9C,CAAC,iBAAiB,WAAW,GAAG,eAAe;AAAA,QAC/C,CAAC,iBAAiB,WAAW,GAAG,eAAe;AAAA,QAC/C,CAAC,iBAAiB,eAAe,GAAG,eAAe;AAAA,QACnD,CAAC,iBAAiB,WAAW,GAAG,gBAAgB;AAAA,QAChD,CAAC,iBAAiB,SAAS,GAAG,gBAAgB;AAAA,QAC9C,CAAC,iBAAiB,WAAW,GAAG,gBAAgB;AAAA,QAChD,CAAC,iBAAiB,iBAAiB,GAAG,gBAAgB;AAAA,QACtD,CAAC,iBAAiB,WAAW,GAAG,gBAAgB;AAAA,QAChD,CAAC,iBAAiB,YAAY,GAAG,gBAAgB;AAAA,QACjD,CAAC,iBAAiB,YAAY,GAAG,gBAAgB;AAAA,QACjD,CAAC,iBAAiB,gBAAgB,GAAG,gBAAgB;AAAA,QACrD,CAAC,iBAAiB,cAAc,GAAG,gBAAgB;AAAA,MACrD,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC;AAED,SAAO;AACT;",
-  "names": []
+  "sourcesContent": ["import type { AnnotationsTrackConfig } from '../../core/components/annotations/types/annotations-track-props.js';\nimport type {\n  NumericalAnnotationsMarkerConfig,\n  NumericalAnnotationsTrackConfig,\n} from '../../core/components/annotations/types/numerical-annotations-config.js';\nimport type { XYChartData } from '../../xy-chart/types/xy-chart.js';\nimport { ANNOTATIONS_KEYS } from '../shared/utils/render-xy-annotations.js';\n\nexport { ANNOTATIONS_KEYS } from '../shared/utils/render-xy-annotations.js';\n\nexport const transformHistogramAnnotationsToXY = (\n  tracks: AnnotationsTrackConfig[],\n): XYChartData[] => {\n  const data: XYChartData[] = [];\n\n  tracks.forEach((track, trackIndex) => {\n    const histogramTrack = track as NumericalAnnotationsTrackConfig;\n    const trackId = `track-${trackIndex}`;\n\n    track.markers.forEach((marker) => {\n      const histogramMarker = marker as NumericalAnnotationsMarkerConfig;\n\n      data.push({\n        [ANNOTATIONS_KEYS.trackId]: trackId,\n        [ANNOTATIONS_KEYS.trackLabel]: histogramTrack.label,\n        [ANNOTATIONS_KEYS.trackColor]: histogramTrack.color,\n        [ANNOTATIONS_KEYS.trackHidden]: histogramTrack.hidden,\n        [ANNOTATIONS_KEYS.trackSymbol]: histogramTrack.symbol,\n        [ANNOTATIONS_KEYS.trackIndicators]: histogramTrack.indicatorsDisplay,\n        [ANNOTATIONS_KEYS.markerStart]: histogramMarker.start,\n        [ANNOTATIONS_KEYS.markerEnd]: histogramMarker.end,\n        [ANNOTATIONS_KEYS.markerTitle]: histogramMarker.title,\n        [ANNOTATIONS_KEYS.markerDescription]: histogramMarker.description,\n        [ANNOTATIONS_KEYS.markerColor]: histogramMarker.color,\n        [ANNOTATIONS_KEYS.markerHidden]: histogramMarker.hidden,\n        [ANNOTATIONS_KEYS.markerSymbol]: histogramMarker.symbol,\n        [ANNOTATIONS_KEYS.markerIndicators]: histogramMarker.indicatorsDisplay,\n        [ANNOTATIONS_KEYS.markerPriority]: histogramMarker.priority,\n      });\n    });\n  });\n\n  return data;\n};\n"],
+  "mappings": "AAMA,SAAS,wBAAwB;AAEjC,SAAS,oBAAAA,yBAAwB;AAE1B,MAAM,oCAAoC,CAC/C,WACkB;AAClB,QAAM,OAAsB,CAAC;AAE7B,SAAO,QAAQ,CAAC,OAAO,eAAe;AACpC,UAAM,iBAAiB;AACvB,UAAM,UAAU,SAAS,UAAU;AAEnC,UAAM,QAAQ,QAAQ,CAAC,WAAW;AAChC,YAAM,kBAAkB;AAExB,WAAK,KAAK;AAAA,QACR,CAAC,iBAAiB,OAAO,GAAG;AAAA,QAC5B,CAAC,iBAAiB,UAAU,GAAG,eAAe;AAAA,QAC9C,CAAC,iBAAiB,UAAU,GAAG,eAAe;AAAA,QAC9C,CAAC,iBAAiB,WAAW,GAAG,eAAe;AAAA,QAC/C,CAAC,iBAAiB,WAAW,GAAG,eAAe;AAAA,QAC/C,CAAC,iBAAiB,eAAe,GAAG,eAAe;AAAA,QACnD,CAAC,iBAAiB,WAAW,GAAG,gBAAgB;AAAA,QAChD,CAAC,iBAAiB,SAAS,GAAG,gBAAgB;AAAA,QAC9C,CAAC,iBAAiB,WAAW,GAAG,gBAAgB;AAAA,QAChD,CAAC,iBAAiB,iBAAiB,GAAG,gBAAgB;AAAA,QACtD,CAAC,iBAAiB,WAAW,GAAG,gBAAgB;AAAA,QAChD,CAAC,iBAAiB,YAAY,GAAG,gBAAgB;AAAA,QACjD,CAAC,iBAAiB,YAAY,GAAG,gBAAgB;AAAA,QACjD,CAAC,iBAAiB,gBAAgB,GAAG,gBAAgB;AAAA,QACrD,CAAC,iBAAiB,cAAc,GAAG,gBAAgB;AAAA,MACrD,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC;AAED,SAAO;AACT;",
+  "names": ["ANNOTATIONS_KEYS"]
 }

package/esm/charts/xy-chart-adoption/shared/types/legacy-props.js

@@ -0,0 +1 @@
+//# sourceMappingURL=legacy-props.js.map

package/esm/charts/xy-chart-adoption/shared/types/legacy-props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/esm/charts/xy-chart-adoption/shared/types/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}