@dynatrace/strato-components 3.8.0 → 3.10.0

package/esm/charts/xy-chart/processing-strategies/strategies/rect-series.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/processing-strategies/strategies/rect-series.ts"],
-  "sourcesContent": ["import { SeriesBaseStrategy } from './base-series.js';\nimport { safeGet } from '../../../core/utils/safe-get.js';\nimport { DEFAULT_COLOR_PALETTE_RECT } from '../../constants/defaults.js';\nimport type { XYChartSelectionRectangleMetadata } from '../../hooks/useSortRectangleDatapoints.js';\nimport {\n  RANGE_LEGEND_TYPE,\n  type DatapointMetadata,\n  type RectDatapointInternal,\n  type RectMetadata,\n  type RectSeriesIdToValueScaleDomain,\n  type RectSeriesWithDatapoints,\n  type XYChartAxisInternal,\n  type XYChartRectSeriesInternal,\n  type XYChartVariantsInternal,\n} from '../../types/xy-chart-internals.js';\nimport type { XYChartColorPalette, XYChartData } from '../../types/xy-chart.js';\nimport {\n  isRectSeries,\n  isStringOrValidNumber,\n} from '../../utils/type-guards.js';\nimport type {\n  MutableProcessingContext,\n  RectSeriesConstructor,\n} from '../types/processing-types.js';\nimport { getRectDatapoint } from '../utils/access-datapoint/get-datapoints.js';\nimport { getLegendType } from '../utils/cast-data/get-legend-type.js';\nimport { getValidColorPalette } from '../utils/coloring/get-valid-color-palette.js';\nimport { getValueScaleDomain } from '../utils/scale/get-value-scale-domain.js';\n\nexport class RectSeriesStrategy extends SeriesBaseStrategy<XYChartSelectionRectangleMetadata> {\n  public seriesIdToValueScaleDomain: RectSeriesIdToValueScaleDomain;\n\n  constructor(initializer: RectSeriesConstructor) {\n    super(initializer);\n    this.seriesIdToValueScaleDomain = new Map();\n  }\n\n  canHandle(\n    seriesProps: XYChartVariantsInternal,\n  ): seriesProps is XYChartRectSeriesInternal {\n    return isRectSeries(seriesProps);\n  }\n\n  protected getSeriesId(\n    _datum: XYChartData,\n    seriesProps: XYChartRectSeriesInternal,\n  ): string {\n    return seriesProps.id;\n  }\n\n  protected createSeries(\n    seriesId: string,\n    seriesProps: XYChartRectSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return {\n      id: seriesId,\n      type: seriesProps.type,\n      data: [],\n      filteredData: [],\n      xAxisId: xAxis.id,\n      yAxisId: yAxis.id,\n    };\n  }\n\n  protected createSeriesMetadata(\n    _datum: XYChartData,\n    seriesProps: XYChartRectSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    seriesId: string,\n    context: MutableProcessingContext,\n  ) {\n    const { intl, seriesIndexes } = context;\n\n    const color = this.getColor(seriesProps.colorPalette, context.colorPalette);\n    const seriesIndex = this.getOrCreateSeriesIndex(seriesId, seriesIndexes);\n    const seriesName = this.getSeriesName(intl, seriesIndex, undefined);\n\n    return {\n      name: seriesName,\n      xAxis,\n      yAxis,\n      actions: seriesProps.actions,\n      valueFormatter: seriesProps.valueFormatter,\n      valueUnit: seriesProps.valueUnit,\n      colorPalette: color.colorPalette,\n      valueAccessor: seriesProps.valueAccessor,\n      colorIsFromSlot: color.colorIsFromSlot,\n      valueType: undefined,\n      valueAccessorLabel: seriesProps.valueAccessorLabel,\n      valueMin: seriesProps.valueMin,\n      valueMax: seriesProps.valueMax,\n    };\n  }\n\n  protected processImpl(\n    datum: XYChartData,\n    seriesProps: XYChartRectSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    datapoint: RectDatapointInternal,\n    context: MutableProcessingContext,\n  ) {\n    const { seriesMap, seriesToMetadata } = context;\n\n    const seriesId = this.getSeriesId(datum, seriesProps);\n\n    let currentSeries: RectSeriesWithDatapoints | undefined =\n      seriesMap.get(seriesId);\n\n    if (!currentSeries) {\n      currentSeries = this.createSeries(seriesId, seriesProps, xAxis, yAxis);\n\n      this.registerSeries(currentSeries, seriesId, context);\n\n      const metadata = this.createSeriesMetadata(\n        datum,\n        seriesProps,\n        xAxis,\n        yAxis,\n        seriesId,\n        context,\n      );\n      // When filtering is active, isVisible starts as false and is set to true\n      // once any visible datapoint (category) is encountered.\n      // When no filtering, isVisible stays undefined (all visible).\n      seriesToMetadata.set(currentSeries, {\n        ...metadata,\n        isVisible: context.filteredSeriesIds !== undefined ? false : undefined,\n      });\n    }\n\n    const datapointMetadata: DatapointMetadata = { isGap: true };\n\n    // Value domain logic (unique to RectSeriesStrategy)\n    if (isStringOrValidNumber(datapoint.value)) {\n      const valueDomain = getValueScaleDomain(\n        datapoint.value,\n        seriesProps.id,\n        this.seriesIdToValueScaleDomain,\n      );\n\n      this.seriesIdToValueScaleDomain.set(seriesProps.id, valueDomain);\n\n      datapointMetadata.isGap = false;\n\n      const tempSeriesMetadata = safeGet<\n        RectSeriesWithDatapoints,\n        RectMetadata\n      >(seriesToMetadata, currentSeries);\n\n      tempSeriesMetadata.valueType ??= getLegendType(datapoint.value);\n\n      // Range Legend (number values) associated datapoints are always visible.\n      const isDatapointVisible =\n        tempSeriesMetadata.valueType === RANGE_LEGEND_TYPE ||\n        context.filteredSeriesIds === undefined ||\n        context.filteredSeriesIds.has(`${seriesId}--${datapoint.value}`);\n\n      datapointMetadata.isVisible = isDatapointVisible;\n      tempSeriesMetadata.isVisible ||= isDatapointVisible;\n    }\n\n    this.registerDatapoint(\n      datapoint,\n      datapointMetadata,\n      currentSeries,\n      context,\n    );\n\n    const datapointIsVisible =\n      datapointMetadata.isVisible === undefined ||\n      datapointMetadata.isVisible === true;\n\n    if (datapointIsVisible) {\n      context.axisWithSeries.add(xAxis.id);\n      context.axisWithSeries.add(yAxis.id);\n      if (!datapointMetadata.isGap) {\n        this.addValue({\n          series: currentSeries,\n          datapoint,\n        });\n      }\n    }\n\n    this.updateAxisDomains(\n      datapoint,\n      xAxis,\n      yAxis,\n      context.axisIdToScaleDomain,\n      datapointIsVisible,\n    );\n  }\n\n  getColor(\n    colorPalette: XYChartColorPalette | undefined,\n    fallbackColorPalette: XYChartColorPalette | undefined,\n  ) {\n    const validColorPalette = getValidColorPalette(\n      colorPalette,\n      fallbackColorPalette ?? DEFAULT_COLOR_PALETTE_RECT,\n    );\n    return {\n      colorPalette: validColorPalette,\n      colorIsFromSlot: validColorPalette === colorPalette,\n    };\n  }\n\n  getDatapoint(\n    datum: XYChartData,\n    seriesProps: XYChartRectSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return getRectDatapoint(datum, seriesProps, xAxis, yAxis);\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { SeriesBaseStrategy } from './base-series.js';\nimport { safeGet } from '../../../core/utils/safe-get.js';\nimport { singleLineName } from '../../../core/utils/single-line-name.js';\nimport { DEFAULT_COLOR_PALETTE_RECT } from '../../constants/defaults.js';\nimport type { XYChartSelectionRectangleMetadata } from '../../hooks/useSortRectangleDatapoints.js';\nimport {\n  RANGE_LEGEND_TYPE,\n  type DatapointMetadata,\n  type RectDatapointInternal,\n  type RectMetadata,\n  type RectSeriesIdToValueScaleDomain,\n  type RectSeriesWithDatapoints,\n  type XYChartAxisInternal,\n  type XYChartRectSeriesInternal,\n  type XYChartVariantsInternal,\n} from '../../types/xy-chart-internals.js';\nimport type { XYChartColorPalette, XYChartData } from '../../types/xy-chart.js';\nimport {\n  isRectSeries,\n  isStringOrValidNumber,\n} from '../../utils/type-guards.js';\nimport type {\n  MutableProcessingContext,\n  RectSeriesConstructor,\n} from '../types/processing-types.js';\nimport { getRectDatapoint } from '../utils/access-datapoint/get-datapoints.js';\nimport { getLegendType } from '../utils/cast-data/get-legend-type.js';\nimport { getValidColorPalette } from '../utils/coloring/get-valid-color-palette.js';\nimport { getValueScaleDomain } from '../utils/scale/get-value-scale-domain.js';\n\nexport class RectSeriesStrategy extends SeriesBaseStrategy<XYChartSelectionRectangleMetadata> {\n  public seriesIdToValueScaleDomain: RectSeriesIdToValueScaleDomain;\n\n  constructor(initializer: RectSeriesConstructor) {\n    super(initializer);\n    this.seriesIdToValueScaleDomain = new Map();\n  }\n\n  canHandle(\n    seriesProps: XYChartVariantsInternal,\n  ): seriesProps is XYChartRectSeriesInternal {\n    return isRectSeries(seriesProps);\n  }\n\n  protected getSeriesId(\n    _datum: XYChartData,\n    seriesProps: XYChartRectSeriesInternal,\n  ): string {\n    return seriesProps.id;\n  }\n\n  protected createSeries(\n    seriesId: string,\n    seriesProps: XYChartRectSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return {\n      id: seriesId,\n      type: seriesProps.type,\n      data: [],\n      filteredData: [],\n      xAxisId: xAxis.id,\n      yAxisId: yAxis.id,\n    };\n  }\n\n  protected createSeriesMetadata(\n    _datum: XYChartData,\n    seriesProps: XYChartRectSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    seriesId: string,\n    context: MutableProcessingContext,\n  ) {\n    const { intl, seriesIndexes } = context;\n\n    const color = this.getColor(seriesProps.colorPalette, context.colorPalette);\n    const seriesIndex = this.getOrCreateSeriesIndex(seriesId, seriesIndexes);\n    const seriesName = this.getSeriesName(intl, seriesIndex, undefined);\n    const name = singleLineName(seriesName);\n\n    return {\n      name,\n      nameSegments: Array.isArray(seriesName) ? seriesName : undefined,\n      xAxis,\n      yAxis,\n      actions: seriesProps.actions,\n      valueFormatter: seriesProps.valueFormatter,\n      valueUnit: seriesProps.valueUnit,\n      colorPalette: color.colorPalette,\n      valueAccessor: seriesProps.valueAccessor,\n      colorIsFromSlot: color.colorIsFromSlot,\n      valueType: undefined,\n      valueAccessorLabel: seriesProps.valueAccessorLabel,\n      valueMin: seriesProps.valueMin,\n      valueMax: seriesProps.valueMax,\n    };\n  }\n\n  protected processImpl(\n    datum: XYChartData,\n    seriesProps: XYChartRectSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    datapoint: RectDatapointInternal,\n    context: MutableProcessingContext,\n  ) {\n    const { seriesMap, seriesToMetadata } = context;\n\n    const seriesId = this.getSeriesId(datum, seriesProps);\n\n    let currentSeries: RectSeriesWithDatapoints | undefined =\n      seriesMap.get(seriesId);\n\n    if (!currentSeries) {\n      currentSeries = this.createSeries(seriesId, seriesProps, xAxis, yAxis);\n\n      this.registerSeries(currentSeries, seriesId, context);\n\n      const metadata = this.createSeriesMetadata(\n        datum,\n        seriesProps,\n        xAxis,\n        yAxis,\n        seriesId,\n        context,\n      );\n      // When filtering is active, isVisible starts as false and is set to true\n      // once any visible datapoint (category) is encountered.\n      // When no filtering, isVisible stays undefined (all visible).\n      seriesToMetadata.set(currentSeries, {\n        ...metadata,\n        isVisible: context.filteredSeriesIds !== undefined ? false : undefined,\n      });\n    }\n\n    const datapointMetadata: DatapointMetadata = { isGap: true };\n\n    // Value domain logic (unique to RectSeriesStrategy)\n    if (isStringOrValidNumber(datapoint.value)) {\n      const valueDomain = getValueScaleDomain(\n        datapoint.value,\n        seriesProps.id,\n        this.seriesIdToValueScaleDomain,\n      );\n\n      this.seriesIdToValueScaleDomain.set(seriesProps.id, valueDomain);\n\n      datapointMetadata.isGap = false;\n\n      const tempSeriesMetadata = safeGet<\n        RectSeriesWithDatapoints,\n        RectMetadata\n      >(seriesToMetadata, currentSeries);\n\n      tempSeriesMetadata.valueType ??= getLegendType(datapoint.value);\n\n      // Range Legend (number values) associated datapoints are always visible.\n      const isDatapointVisible =\n        tempSeriesMetadata.valueType === RANGE_LEGEND_TYPE ||\n        context.filteredSeriesIds === undefined ||\n        context.filteredSeriesIds.has(`${seriesId}--${datapoint.value}`);\n\n      datapointMetadata.isVisible = isDatapointVisible;\n      tempSeriesMetadata.isVisible ||= isDatapointVisible;\n    }\n\n    this.registerDatapoint(\n      datapoint,\n      datapointMetadata,\n      currentSeries,\n      context,\n    );\n\n    const datapointIsVisible =\n      datapointMetadata.isVisible === undefined ||\n      datapointMetadata.isVisible === true;\n\n    if (datapointIsVisible) {\n      context.axisWithSeries.add(xAxis.id);\n      context.axisWithSeries.add(yAxis.id);\n      if (!datapointMetadata.isGap) {\n        this.addValue({\n          series: currentSeries,\n          datapoint,\n        });\n      }\n    }\n\n    this.updateAxisDomains(\n      datapoint,\n      xAxis,\n      yAxis,\n      context.axisIdToScaleDomain,\n      datapointIsVisible,\n    );\n  }\n\n  getColor(\n    colorPalette: XYChartColorPalette | undefined,\n    fallbackColorPalette: XYChartColorPalette | undefined,\n  ) {\n    const validColorPalette = getValidColorPalette(\n      colorPalette,\n      fallbackColorPalette ?? DEFAULT_COLOR_PALETTE_RECT,\n    );\n    return {\n      colorPalette: validColorPalette,\n      colorIsFromSlot: validColorPalette === colorPalette,\n    };\n  }\n\n  getDatapoint(\n    datum: XYChartData,\n    seriesProps: XYChartRectSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return getRectDatapoint(datum, seriesProps, xAxis, yAxis);\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart/processing-strategies/utils/series-naming/get-series-name.js

@@ -6,15 +6,33 @@ function getSeriesNameWithFallback(intl, seriesIndex, seriesNameFallback) {
     index: seriesIndex + 1
   });
 }
+function getNameRawValue(datum, accessor) {
+  if (!accessor) {
+    return void 0;
+  }
+  const value = getDatumValue(datum, accessor);
+  if (value === void 0 || value === null) {
+    return void 0;
+  }
+  if (Array.isArray(value)) {
+    const strings = value.filter(
+      (v) => v !== void 0 && v !== null && !(typeof v === "number" && Number.isNaN(v))
+    ).map(String);
+    return strings.length > 0 ? strings : void 0;
+  }
+  if (typeof value === "number" && Number.isNaN(value)) {
+    return void 0;
+  }
+  const stringValue = String(value);
+  return stringValue.length > 0 ? stringValue : void 0;
+}
 function getSeriesNameWithAccessor(intl, seriesIndex, seriesNameFallback, seriesNameAccessor, datum) {
-  const seriesNameFromAccessor = getDatumValue(datum, seriesNameAccessor);
+  const seriesNameFromAccessor = getNameRawValue(datum, seriesNameAccessor);
+  if (Array.isArray(seriesNameFromAccessor)) {
+    return seriesNameFromAccessor;
+  }
   const finalSeriesName = seriesNameFromAccessor ?? seriesNameFallback;
-  const seriesNameValidated = getSeriesNameWithFallback(
-    intl,
-    seriesIndex,
-    finalSeriesName
-  );
-  return seriesNameValidated;
+  return getSeriesNameWithFallback(intl, seriesIndex, finalSeriesName);
 }
 export {
   getSeriesNameWithAccessor,

package/esm/charts/xy-chart/processing-strategies/utils/series-naming/get-series-name.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/processing-strategies/utils/series-naming/get-series-name.ts"],
-  "sourcesContent": ["import type { IntlShape } from 'react-intl';\n\nimport { XYCHART_MESSAGES } from '../../../messages/messages.js';\nimport type {\n  XYAccessorDataTypes,\n  XYChartData,\n} from '../../../types/xy-chart.js';\nimport { isValidName } from '../../../utils/type-guards.js';\nimport { getDatumValue } from '../access-datapoint/get-datapoints.js';\n\nexport function getSeriesNameWithFallback(\n  intl: IntlShape,\n  seriesIndex: number,\n  seriesNameFallback: XYAccessorDataTypes | undefined,\n) {\n  return isValidName(seriesNameFallback)\n    ? String(seriesNameFallback)\n    : intl.formatMessage(XYCHART_MESSAGES.unnamedSeriesMessage, {\n        index: seriesIndex + 1,\n      });\n}\n\nexport function getSeriesNameWithAccessor(\n  intl: IntlShape,\n  seriesIndex: number,\n  seriesNameFallback: string | undefined,\n  seriesNameAccessor: string | undefined,\n  datum: XYChartData,\n) {\n  const seriesNameFromAccessor = getDatumValue(datum, seriesNameAccessor);\n\n  const finalSeriesName = seriesNameFromAccessor ?? seriesNameFallback;\n\n  const seriesNameValidated = getSeriesNameWithFallback(\n    intl,\n    seriesIndex,\n    finalSeriesName,\n  );\n\n  return seriesNameValidated;\n}\n"],
-  "mappings": "AAEA,SAAS,wBAAwB;AAKjC,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAEvB,SAAS,0BACd,MACA,aACA,oBACA;AACA,SAAO,YAAY,kBAAkB,IACjC,OAAO,kBAAkB,IACzB,KAAK,cAAc,iBAAiB,sBAAsB;AAAA,IACxD,OAAO,cAAc;AAAA,EACvB,CAAC;AACP;AAEO,SAAS,0BACd,MACA,aACA,oBACA,oBACA,OACA;AACA,QAAM,yBAAyB,cAAc,OAAO,kBAAkB;AAEtE,QAAM,kBAAkB,0BAA0B;AAElD,QAAM,sBAAsB;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import type { IntlShape } from 'react-intl';\n\nimport { XYCHART_MESSAGES } from '../../../messages/messages.js';\nimport type {\n  XYAccessorDataTypes,\n  XYChartData,\n} from '../../../types/xy-chart.js';\nimport { isValidName } from '../../../utils/type-guards.js';\nimport { getDatumValue } from '../access-datapoint/get-datapoints.js';\n\nexport function getSeriesNameWithFallback(\n  intl: IntlShape,\n  seriesIndex: number,\n  seriesNameFallback: XYAccessorDataTypes | undefined,\n) {\n  return isValidName(seriesNameFallback)\n    ? String(seriesNameFallback)\n    : intl.formatMessage(XYCHART_MESSAGES.unnamedSeriesMessage, {\n        index: seriesIndex + 1,\n      });\n}\n\nfunction getNameRawValue(\n  datum: XYChartData,\n  accessor: string | undefined,\n): string | string[] | undefined {\n  if (!accessor) {\n    return undefined;\n  }\n\n  const value = getDatumValue(datum, accessor) as\n    | XYAccessorDataTypes\n    | string[]\n    | undefined;\n\n  if (value === undefined || value === null) {\n    return undefined;\n  }\n\n  if (Array.isArray(value)) {\n    const strings = value\n      .filter(\n        (v) =>\n          v !== undefined &&\n          v !== null &&\n          !(typeof v === 'number' && Number.isNaN(v)),\n      )\n      .map(String);\n\n    return strings.length > 0 ? strings : undefined;\n  }\n\n  if (typeof value === 'number' && Number.isNaN(value)) {\n    return undefined;\n  }\n\n  const stringValue = String(value);\n  return stringValue.length > 0 ? stringValue : undefined;\n}\n\nexport function getSeriesNameWithAccessor(\n  intl: IntlShape,\n  seriesIndex: number,\n  seriesNameFallback: string | undefined,\n  seriesNameAccessor: string | undefined,\n  datum: XYChartData,\n): string | string[] {\n  const seriesNameFromAccessor = getNameRawValue(datum, seriesNameAccessor);\n\n  if (Array.isArray(seriesNameFromAccessor)) {\n    return seriesNameFromAccessor;\n  }\n\n  const finalSeriesName = seriesNameFromAccessor ?? seriesNameFallback;\n  return getSeriesNameWithFallback(intl, seriesIndex, finalSeriesName);\n}\n"],
+  "mappings": "AAEA,SAAS,wBAAwB;AAKjC,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAEvB,SAAS,0BACd,MACA,aACA,oBACA;AACA,SAAO,YAAY,kBAAkB,IACjC,OAAO,kBAAkB,IACzB,KAAK,cAAc,iBAAiB,sBAAsB;AAAA,IACxD,OAAO,cAAc;AAAA,EACvB,CAAC;AACP;AAEA,SAAS,gBACP,OACA,UAC+B;AAC/B,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,cAAc,OAAO,QAAQ;AAK3C,MAAI,UAAU,UAAa,UAAU,MAAM;AACzC,WAAO;AAAA,EACT;AAEA,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,UAAM,UAAU,MACb;AAAA,MACC,CAAC,MACC,MAAM,UACN,MAAM,QACN,EAAE,OAAO,MAAM,YAAY,OAAO,MAAM,CAAC;AAAA,IAC7C,EACC,IAAI,MAAM;AAEb,WAAO,QAAQ,SAAS,IAAI,UAAU;AAAA,EACxC;AAEA,MAAI,OAAO,UAAU,YAAY,OAAO,MAAM,KAAK,GAAG;AACpD,WAAO;AAAA,EACT;AAEA,QAAM,cAAc,OAAO,KAAK;AAChC,SAAO,YAAY,SAAS,IAAI,cAAc;AAChD;AAEO,SAAS,0BACd,MACA,aACA,oBACA,oBACA,OACmB;AACnB,QAAM,yBAAyB,gBAAgB,OAAO,kBAAkB;AAExE,MAAI,MAAM,QAAQ,sBAAsB,GAAG;AACzC,WAAO;AAAA,EACT;AAEA,QAAM,kBAAkB,0BAA0B;AAClD,SAAO,0BAA0B,MAAM,aAAa,eAAe;AACrE;",
   "names": []
 }

package/esm/charts/xy-chart/providers/XYChartOverlayPerformanceProvider.js

@@ -67,7 +67,9 @@ const XYChartOverlayPerformanceProvider = ({
       datapointMetadataMap,
       axisIdToScaleDomain
     );
-    return { query: buildQuerySingle(queryClosest, queryHovered) };
+    return {
+      query: buildQuerySingle(queryClosest, queryHovered, datapointMetadataMap)
+    };
   }, [
     axisIdToScales,
     datapointMetadataMap,

package/esm/charts/xy-chart/providers/XYChartOverlayPerformanceProvider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/providers/XYChartOverlayPerformanceProvider.tsx"],
-  "sourcesContent": ["import { useMemo } from 'react';\n\nimport { WithChildren } from '../../../core/types/with-children.js';\nimport {\n  XYChartOverlayPerformanceContext,\n  type SeriesToQuadtree,\n} from '../context/XYChartOverlayPerformance.context.js';\nimport { useBuildHoverGrid } from '../hooks/useBuildHoverGrid.js';\nimport { useBuildOverlayStrategy } from '../hooks/useBuildOverlayStrategy.js';\nimport { useXYChartData } from '../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../hooks/useXYChartScales.js';\nimport { useXYChartTooltip } from '../hooks/useXYChartTooltip.js';\nimport type { SortedEntriesPerShape } from '../utils/build-sorted-entries.js';\nimport { buildQueryClosest } from '../utils/query-closest-quadtree.js';\nimport { buildQueryGetClosestPoint } from '../utils/query-get-closest-point.js';\nimport {\n  buildQueryAllHoveredFromGrid,\n  buildQueryHoveredFromGrid,\n} from '../utils/query-hovered-grid.js';\nimport {\n  buildQueryAllHovered,\n  buildQueryHovered,\n} from '../utils/query-hovered.js';\nimport { buildQueryShared } from '../utils/query-shared.js';\nimport { buildQuerySingle } from '../utils/query-single.js';\n\nexport const XYChartOverlayPerformanceProvider = ({\n  children,\n}: WithChildren) => {\n  const axisIdToScales = useXYChartScales();\n  const { datapointMetadataMap, axisIdToScaleDomain, seriesToMetadata } =\n    useXYChartData();\n  const { variant } = useXYChartTooltip();\n  const isSharedVariant = variant === 'shared';\n\n  const { buildResult, getBarPixelCenter, getLinearSeriesPixelCenter } =\n    useBuildOverlayStrategy();\n  const seriesIdToHoverGrid = useBuildHoverGrid();\n\n  const sortedEntries = isSharedVariant\n    ? (buildResult as SortedEntriesPerShape | undefined)\n    : undefined;\n  const seriesIdToTree = isSharedVariant\n    ? undefined\n    : (buildResult as SeriesToQuadtree | undefined);\n\n  const context = useMemo(() => {\n    if (isSharedVariant) {\n      const queryAllHovered = seriesIdToHoverGrid\n        ? buildQueryAllHoveredFromGrid(seriesIdToHoverGrid)\n        : buildQueryAllHovered(\n            axisIdToScales,\n            datapointMetadataMap,\n            seriesToMetadata,\n            axisIdToScaleDomain,\n          );\n      return {\n        query: buildQueryShared(\n          sortedEntries,\n          queryAllHovered,\n          getBarPixelCenter,\n          getLinearSeriesPixelCenter,\n          datapointMetadataMap,\n        ),\n      };\n    }\n\n    const queryHovered = seriesIdToHoverGrid\n      ? buildQueryHoveredFromGrid(seriesIdToHoverGrid)\n      : buildQueryHovered(\n          axisIdToScales,\n          datapointMetadataMap,\n          seriesToMetadata,\n          axisIdToScaleDomain,\n        );\n\n    const queryClosest = seriesIdToTree\n      ? buildQueryClosest(\n          seriesIdToTree,\n          axisIdToScales,\n          seriesToMetadata,\n          axisIdToScaleDomain,\n          datapointMetadataMap,\n        )\n      : buildQueryGetClosestPoint(\n          axisIdToScales,\n          seriesToMetadata,\n          datapointMetadataMap,\n          axisIdToScaleDomain,\n        );\n    return { query: buildQuerySingle(queryClosest, queryHovered) };\n  }, [\n    axisIdToScales,\n    datapointMetadataMap,\n    seriesToMetadata,\n    axisIdToScaleDomain,\n    isSharedVariant,\n    sortedEntries,\n    getBarPixelCenter,\n    getLinearSeriesPixelCenter,\n    seriesIdToTree,\n    seriesIdToHoverGrid,\n  ]);\n\n  return (\n    <XYChartOverlayPerformanceContext.Provider value={context}>\n      {children}\n    </XYChartOverlayPerformanceContext.Provider>\n  );\n};\n\nXYChartOverlayPerformanceProvider.displayName =\n  'XYChartOverlayPerformanceProvider';\n"],
-  "mappings": "AAyGI;AAzGJ,SAAS,eAAe;AAGxB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,yBAAyB;AAClC,SAAS,+BAA+B;AACxC,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAElC,SAAS,yBAAyB;AAClC,SAAS,iCAAiC;AAC1C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAE1B,MAAM,oCAAoC,CAAC;AAAA,EAChD;AACF,MAAoB;AAClB,QAAM,iBAAiB,iBAAiB;AACxC,QAAM,EAAE,sBAAsB,qBAAqB,iBAAiB,IAClE,eAAe;AACjB,QAAM,EAAE,QAAQ,IAAI,kBAAkB;AACtC,QAAM,kBAAkB,YAAY;AAEpC,QAAM,EAAE,aAAa,mBAAmB,2BAA2B,IACjE,wBAAwB;AAC1B,QAAM,sBAAsB,kBAAkB;AAE9C,QAAM,gBAAgB,kBACjB,cACD;AACJ,QAAM,iBAAiB,kBACnB,SACC;AAEL,QAAM,UAAU,QAAQ,MAAM;AAC5B,QAAI,iBAAiB;AACnB,YAAM,kBAAkB,sBACpB,6BAA6B,mBAAmB,IAChD;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AACJ,aAAO;AAAA,QACL,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,UAAM,eAAe,sBACjB,0BAA0B,mBAAmB,IAC7C;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEJ,UAAM,eAAe,iBACjB;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AACJ,WAAO,EAAE,OAAO,iBAAiB,cAAc,YAAY,EAAE;AAAA,EAC/D,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,oBAAC,iCAAiC,UAAjC,EAA0C,OAAO,SAC/C,UACH;AAEJ;AAEA,kCAAkC,cAChC;",
+  "sourcesContent": ["import { useMemo } from 'react';\n\nimport { WithChildren } from '../../../core/types/with-children.js';\nimport {\n  XYChartOverlayPerformanceContext,\n  type SeriesToQuadtree,\n} from '../context/XYChartOverlayPerformance.context.js';\nimport { useBuildHoverGrid } from '../hooks/useBuildHoverGrid.js';\nimport { useBuildOverlayStrategy } from '../hooks/useBuildOverlayStrategy.js';\nimport { useXYChartData } from '../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../hooks/useXYChartScales.js';\nimport { useXYChartTooltip } from '../hooks/useXYChartTooltip.js';\nimport type { SortedEntriesPerShape } from '../utils/build-sorted-entries.js';\nimport { buildQueryClosest } from '../utils/query-closest-quadtree.js';\nimport { buildQueryGetClosestPoint } from '../utils/query-get-closest-point.js';\nimport {\n  buildQueryAllHoveredFromGrid,\n  buildQueryHoveredFromGrid,\n} from '../utils/query-hovered-grid.js';\nimport {\n  buildQueryAllHovered,\n  buildQueryHovered,\n} from '../utils/query-hovered.js';\nimport { buildQueryShared } from '../utils/query-shared.js';\nimport { buildQuerySingle } from '../utils/query-single.js';\n\nexport const XYChartOverlayPerformanceProvider = ({\n  children,\n}: WithChildren) => {\n  const axisIdToScales = useXYChartScales();\n  const { datapointMetadataMap, axisIdToScaleDomain, seriesToMetadata } =\n    useXYChartData();\n  const { variant } = useXYChartTooltip();\n  const isSharedVariant = variant === 'shared';\n\n  const { buildResult, getBarPixelCenter, getLinearSeriesPixelCenter } =\n    useBuildOverlayStrategy();\n  const seriesIdToHoverGrid = useBuildHoverGrid();\n\n  const sortedEntries = isSharedVariant\n    ? (buildResult as SortedEntriesPerShape | undefined)\n    : undefined;\n  const seriesIdToTree = isSharedVariant\n    ? undefined\n    : (buildResult as SeriesToQuadtree | undefined);\n\n  const context = useMemo(() => {\n    if (isSharedVariant) {\n      const queryAllHovered = seriesIdToHoverGrid\n        ? buildQueryAllHoveredFromGrid(seriesIdToHoverGrid)\n        : buildQueryAllHovered(\n            axisIdToScales,\n            datapointMetadataMap,\n            seriesToMetadata,\n            axisIdToScaleDomain,\n          );\n      return {\n        query: buildQueryShared(\n          sortedEntries,\n          queryAllHovered,\n          getBarPixelCenter,\n          getLinearSeriesPixelCenter,\n          datapointMetadataMap,\n        ),\n      };\n    }\n\n    const queryHovered = seriesIdToHoverGrid\n      ? buildQueryHoveredFromGrid(seriesIdToHoverGrid)\n      : buildQueryHovered(\n          axisIdToScales,\n          datapointMetadataMap,\n          seriesToMetadata,\n          axisIdToScaleDomain,\n        );\n\n    const queryClosest = seriesIdToTree\n      ? buildQueryClosest(\n          seriesIdToTree,\n          axisIdToScales,\n          seriesToMetadata,\n          axisIdToScaleDomain,\n          datapointMetadataMap,\n        )\n      : buildQueryGetClosestPoint(\n          axisIdToScales,\n          seriesToMetadata,\n          datapointMetadataMap,\n          axisIdToScaleDomain,\n        );\n    return {\n      query: buildQuerySingle(queryClosest, queryHovered, datapointMetadataMap),\n    };\n  }, [\n    axisIdToScales,\n    datapointMetadataMap,\n    seriesToMetadata,\n    axisIdToScaleDomain,\n    isSharedVariant,\n    sortedEntries,\n    getBarPixelCenter,\n    getLinearSeriesPixelCenter,\n    seriesIdToTree,\n    seriesIdToHoverGrid,\n  ]);\n\n  return (\n    <XYChartOverlayPerformanceContext.Provider value={context}>\n      {children}\n    </XYChartOverlayPerformanceContext.Provider>\n  );\n};\n\nXYChartOverlayPerformanceProvider.displayName =\n  'XYChartOverlayPerformanceProvider';\n"],
+  "mappings": "AA2GI;AA3GJ,SAAS,eAAe;AAGxB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,yBAAyB;AAClC,SAAS,+BAA+B;AACxC,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAElC,SAAS,yBAAyB;AAClC,SAAS,iCAAiC;AAC1C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAE1B,MAAM,oCAAoC,CAAC;AAAA,EAChD;AACF,MAAoB;AAClB,QAAM,iBAAiB,iBAAiB;AACxC,QAAM,EAAE,sBAAsB,qBAAqB,iBAAiB,IAClE,eAAe;AACjB,QAAM,EAAE,QAAQ,IAAI,kBAAkB;AACtC,QAAM,kBAAkB,YAAY;AAEpC,QAAM,EAAE,aAAa,mBAAmB,2BAA2B,IACjE,wBAAwB;AAC1B,QAAM,sBAAsB,kBAAkB;AAE9C,QAAM,gBAAgB,kBACjB,cACD;AACJ,QAAM,iBAAiB,kBACnB,SACC;AAEL,QAAM,UAAU,QAAQ,MAAM;AAC5B,QAAI,iBAAiB;AACnB,YAAM,kBAAkB,sBACpB,6BAA6B,mBAAmB,IAChD;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AACJ,aAAO;AAAA,QACL,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,UAAM,eAAe,sBACjB,0BAA0B,mBAAmB,IAC7C;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEJ,UAAM,eAAe,iBACjB;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AACJ,WAAO;AAAA,MACL,OAAO,iBAAiB,cAAc,cAAc,oBAAoB;AAAA,IAC1E;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,oBAAC,iCAAiC,UAAjC,EAA0C,OAAO,SAC/C,UACH;AAEJ;AAEA,kCAAkC,cAChC;",
   "names": []
 }

package/esm/charts/xy-chart/slots/Annotations/Annotations.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/slots/Annotations/Annotations.tsx"],
-  "sourcesContent": ["import { PropsWithChildren } from 'react';\n\nimport type { BehaviorTrackingProps } from '../../../../core/types/behavior-tracking-props.js';\nimport type { AnnotationsActionsHandler } from '../../../core/components/annotations/types/annotations.js';\nimport { XYChartData } from '../../types/xy-chart.js';\n\n/**\n * The props for the `XYChart.Annotations` slot component.\n * @public\n */\nexport interface XYChartAnnotationsProps extends BehaviorTrackingProps {\n  /**\n   * Data object for the xy chart.\n   */\n  data: XYChartData[];\n  /**\n   * Unique Id required to attach the annotations to its x-axis.\n   */\n  xAxisId: string;\n  /**\n   * Flag for showing/hiding track labels\n   * @defaultValue false\n   */\n  showLabels?: boolean;\n  /**\n   * Amount of tracks visible without scrolling.\n   * @defaultValue 3\n   */\n  fixedTracks?: number;\n  /**\n   * Custom annotations actions on entry selection.\n   */\n  annotationsActions?: AnnotationsActionsHandler;\n}\n\n/**\n * The `Annotations` slot component for XYChart.\n * @public\n */\nexport const Annotations = (\n  props: PropsWithChildren<XYChartAnnotationsProps>,\n) => null;\n\nAnnotations['displayName'] = 'XYChart.Annotations';\n"],
-  "mappings": "AAuCO,MAAM,cAAc,CACzB,UACG;AAEL,YAAY,aAAa,IAAI;",
+  "sourcesContent": ["import { PropsWithChildren } from 'react';\n\nimport type { BehaviorTrackingProps } from '../../../../core/types/behavior-tracking-props.js';\nimport type { AnnotationsActionsHandler } from '../../../core/components/annotations/types/annotations.js';\nimport type { TextOverflowOptions } from '../../../core/components/annotations/types/marker.js';\nimport { XYChartData } from '../../types/xy-chart.js';\n\n/**\n * The props for the `XYChart.Annotations` slot component.\n * @public\n */\nexport interface XYChartAnnotationsProps extends BehaviorTrackingProps {\n  /**\n   * Data object for the xy chart.\n   */\n  data: XYChartData[];\n  /**\n   * Unique Id required to attach the annotations to its x-axis.\n   */\n  xAxisId: string;\n  /**\n   * Flag for showing/hiding track labels\n   * @defaultValue false\n   */\n  showLabels?: boolean;\n  /**\n   * Amount of tracks visible without scrolling.\n   * @defaultValue 3\n   */\n  fixedTracks?: number;\n  /**\n   * Custom annotations actions on entry selection.\n   */\n  annotationsActions?: AnnotationsActionsHandler;\n  /**\n   * Controls whether annotation text may expand beyond its track boundary or is truncated.\n   * @defaultValue 'expand'\n   */\n  textOverflow?: TextOverflowOptions;\n}\n\n/**\n * The `Annotations` slot component for XYChart.\n * @public\n */\nexport const Annotations = (\n  props: PropsWithChildren<XYChartAnnotationsProps>,\n) => null;\n\nAnnotations['displayName'] = 'XYChart.Annotations';\n"],
+  "mappings": "AA6CO,MAAM,cAAc,CACzB,UACG;AAEL,YAAY,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/xy-chart/slots/Annotations/Marker.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/slots/Annotations/Marker.tsx"],
-  "sourcesContent": ["import { ReactNode } from 'react';\n\nimport { IndicatorsDisplay } from '../../../core/components/annotations/components/indicators/types.js';\n\n/**\n * The Marker slot component for XYChart Annotations\n * @public\n */\nexport interface XYChartAnnotationsMarkerProps {\n  /** Indicates what data field from the data object should be used as the start point for the markers */\n  startAccessor: string;\n  /** Indicates what data field from the data object should be used as the end point of the markers */\n  endAccessor: string;\n  /** Indicates what data field from the data object should be used to link this marker to a track. It must contain the unique id of a track. */\n  trackByAccessor: string;\n  /** Indicates what data field from the data object should be used as the description of each marker */\n  descriptionAccessor?: string;\n  /** Indicates what data field from the data object should be used as the color of each marker\n   *  @defaultValue Colors.Charts.Categorical.Color01.Default\n   */\n  colorAccessor?: string;\n  /** Indicates what data field from the data object should be used as the title of each marker */\n  titleAccessor?: string;\n  /** letter/emoji/icon/glyph or Unicode character */\n  symbol?: ReactNode | ((t: unknown) => ReactNode);\n  /** Defines the display behaviour of marker's indicators of a particular track */\n  indicatorsDisplay?: IndicatorsDisplay | ((t: unknown) => IndicatorsDisplay);\n  /** Flag to hide a marker */\n  hidden?: boolean | ((t: unknown) => boolean);\n  /** Priority of annotation in case of overlapping. The higher the number, the higher priority */\n  priority?: number | ((t: unknown) => number);\n}\n\nexport const Marker = (props: XYChartAnnotationsMarkerProps) => null;\n\nMarker['displayName'] = 'XYChartAnnotations.Marker';\n"],
-  "mappings": "AAiCO,MAAM,SAAS,CAAC,UAAyC;AAEhE,OAAO,aAAa,IAAI;",
+  "sourcesContent": ["import { ReactNode } from 'react';\n\nimport { IndicatorsDisplay } from '../../../core/components/annotations/components/indicators/types.js';\n\n/**\n * The Marker slot component for XYChart Annotations\n * @public\n */\nexport interface XYChartAnnotationsMarkerProps {\n  /** Indicates what data field from the data object should be used as the start point for the markers */\n  startAccessor: string;\n  /** Indicates what data field from the data object should be used as the end point of the markers */\n  endAccessor: string;\n  /** Indicates what data field from the data object should be used to link this marker to a track. It must contain the unique id of a track. */\n  trackByAccessor: string;\n  /** Indicates what data field from the data object should be used as the description of each marker */\n  descriptionAccessor?: string;\n  /** Indicates what data field from the data object should be used as the color of each marker\n   *  @defaultValue Colors.Charts.Categorical.Color01.Default\n   */\n  colorAccessor?: string;\n  /** Indicates what data field from the data object should be used as the symbol color of each marker */\n  symbolColorAccessor?: string;\n  /** Indicates what data field from the data object should be used as the title of each marker */\n  titleAccessor?: string;\n  /** letter/emoji/icon/glyph or Unicode character */\n  symbol?: ReactNode | ((t: unknown) => ReactNode);\n  /** Defines the display behaviour of marker's indicators of a particular track */\n  indicatorsDisplay?: IndicatorsDisplay | ((t: unknown) => IndicatorsDisplay);\n  /** Flag to hide a marker */\n  hidden?: boolean | ((t: unknown) => boolean);\n  /** Priority of annotation in case of overlapping. The higher the number, the higher priority */\n  priority?: number | ((t: unknown) => number);\n}\n\nexport const Marker = (props: XYChartAnnotationsMarkerProps) => null;\n\nMarker['displayName'] = 'XYChartAnnotations.Marker';\n"],
+  "mappings": "AAmCO,MAAM,SAAS,CAAC,UAAyC;AAEhE,OAAO,aAAa,IAAI;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/types/xy-chart-internals.ts"],
-  "sourcesContent": ["import {\n  type ScaleBand,\n  type ScaleLinear,\n  type ScaleOrdinal,\n  ScaleQuantize,\n  type ScaleSymLog,\n  ScaleThreshold,\n  type ScaleTime,\n} from 'd3-scale';\n\nimport type {\n  ConvertibleUnit,\n  FormatOptions,\n  Unit,\n} from '@dynatrace-sdk/units';\n\nimport type { XYAxisTypeLinear, XYAxisTypeLog } from './axis.js';\nimport type {\n  XYChartAreaSeriesProps,\n  XYChartBarSeriesProps,\n  XYChartCategoricalAxisProps,\n  XYChartChartLegendProps,\n  XYChartDotSeriesProps,\n  XYChartLineSeriesProps,\n  XYChartLogAxisProps,\n  XYChartNumericalAxisProps,\n  XYChartProps,\n  XYChartRectSeriesProps,\n  XYChartSelectConfig,\n  XYChartSeriesBaseProps,\n  XYChartThresholdIndicatorProps,\n  XYChartTimeAxisProps,\n  XYChartToolbarConfigProps,\n  XYChartXAxisProps,\n  XYChartYAxisProps,\n  XYShapeColorPaletteProp,\n} from './xy-chart-props.js';\nimport type {\n  XYChartAreaSeries,\n  XYChartBarSeries,\n  XYChartDotSeries,\n  XYChartLineSeries,\n  XYChartRectSeries,\n  AreaDatapoint,\n  BarDatapoint,\n  BarSeriesVariant,\n  BaseDatapoint,\n  DotDatapoint,\n  LineDatapoint,\n  SeriesCurve,\n  XYAccessorDataTypes,\n  XYChartAreaSeriesActionItem,\n  XYChartBarSeriesActionItem,\n  XYChartColorPalette,\n  XYChartData,\n  XYChartDotSeriesActionItem,\n  XYChartLineSeriesActionItem,\n  XYChartRectSeriesActionItem,\n  XYChartThresholdDynamicData,\n  XYChartThresholdStaticData,\n  XYChartXAxisPosition,\n  XYChartYAxisPosition,\n} from './xy-chart.js';\nimport type { TickLabelLayout } from '../../core/components/axes/types.js';\nimport {\n  ORIENTATION_HORIZONTAL,\n  ORIENTATION_VERTICAL,\n  type Orientation,\n  type PointsDisplay,\n} from '../../core/components/canvas/types/canvas-shape.js';\nimport type { PointShapeType } from '../../core/components/shape/type.js';\nimport type { THRESHOLD_BAR_THICKNESS } from '../../core/components/threshold-bar/types/constants.js';\nimport { ChartUnit } from '../../core/types/chart-unit.js';\nimport type { ColorToken } from '../../core/types/color-palette.js';\nimport type {\n  ColorRuleProps,\n  MatchValue,\n} from '../../core/types/color-rule.js';\nimport type { DataPoint } from '../../core/types/data-point.js';\nimport type {\n  CategoricalFormatter,\n  DateTimeFormatter,\n  Formatter,\n  FormatterWithPrecision,\n} from '../../core/types/formatter.js';\nimport type { ZoomChangeHandler } from '../../core/types/interactions.js';\nimport type { MinMax } from '../../core/types/min-max.js';\nimport { SeriesActionsTemplate } from '../../core/types/series-actions-template.js';\nimport { XYChartAnnotationsConfigProps } from '../context/XYChartAnnotationsConfig.context.js';\nimport { XYChartTooltipConfig } from '../context/XYChartTooltip.context.js';\n\n/**\n * Type for the validator function returned by buildValidator(VALUE_MATCHERS)\n */\nexport type ColorRuleValidator = <T extends MatchValue>(\n  subject: T,\n  comparator: ColorRuleProps['comparator'],\n  value: T,\n) => boolean;\n\nexport type ChartInteractionsInternal = {\n  zoom: boolean;\n  pan: boolean;\n  infinite: boolean;\n} & (\n  | {\n      initial?: [Date, Date];\n      current?: [Date, Date];\n    }\n  | {\n      initial?: [number, number];\n      current?: [number, number];\n    }\n);\n\nexport interface XYChartLinearAxisInternalProps\n  extends Omit<XYChartNumericalAxisProps, 'type'> {\n  type: XYAxisTypeLinear;\n}\n\nexport interface XYChartLogAxisInternalProps\n  extends Omit<XYChartLogAxisProps, 'type'> {\n  type: XYAxisTypeLog;\n}\n\n/**\n * @internal\n * axis slot config\n */\nexport type XYChartAxisInternal = XYChartAxisInternalProps & {\n  tickLabelLayout: TickLabelLayout;\n  formatter?:\n    | Formatter\n    | FormatOptions<Unit, ConvertibleUnit>\n    | CategoricalFormatter;\n  unit?: ChartUnit;\n  isRelative: boolean;\n} & (\n    | {\n        coordinate: 'x';\n        position: XYChartXAxisPosition;\n        interactions: ChartInteractionsInternal;\n        onZoomChange: ZoomChangeHandler;\n      }\n    | {\n        coordinate: 'y';\n        position: XYChartYAxisPosition;\n        interactions: Record<\n          keyof Omit<ChartInteractionsInternal, 'initial' | 'current'>,\n          false\n        > & { initial?: undefined; current?: undefined };\n        onZoomChange: ZoomChangeHandler;\n      }\n  );\n\n/**\n * @internal\n * xychart axis props\n */\nexport type XYChartAxisInternalProps =\n  | XYChartLinearAxisInternalProps\n  | XYChartLogAxisInternalProps\n  | XYChartCategoricalAxisProps\n  | XYChartTimeAxisProps;\n\nexport interface XYChartSeriesBaseInternal {\n  id: SeriesId;\n}\n\n/**\n * @internal\n * rect series slot config\n */\nexport interface XYChartRectSeriesInternal\n  extends XYChartRectSeriesProps,\n    XYChartSeriesBaseInternal {\n  type: typeof RECT_VARIANT;\n}\n\n/**\n * @internal\n * Dot series slot config\n */\nexport type XYChartDotSeriesInternal = XYChartDotSeriesProps &\n  XYChartSeriesBaseInternal & {\n    type: typeof DOT_VARIANT;\n  };\n\n/**\n * @internal\n * Line series slot config\n */\nexport type XYChartLineSeriesInternal = XYChartLineSeriesProps &\n  XYChartSeriesBaseInternal & {\n    type: typeof LINE_VARIANT;\n  };\n\n/**\n * @internal\n * Bar series slot config\n */\nexport type XYChartBarSeriesInternal = XYChartBarSeriesProps &\n  XYChartSeriesBaseInternal & {\n    type: typeof BAR_VARIANT;\n  };\n\n/**\n * @internal\n * xy chart orientation type for Bar and Area variants.\n * Extends AreaCanvasOrientation with 'both' for cases like rect series\n * where datapoints can have both horizontal and vertical extent.\n */\nexport type XYChartOrientation = Orientation | 'both';\n\n/**\n * @internal\n * xy chart area variant type - determines if the area is a simple area or a band (with both y0 and y1)\n */\nexport type XYChartAreaVariant = 'area' | 'band';\n\n/**\n * @internal\n * Area series slot config\n */\nexport type XYChartAreaSeriesInternal = XYChartAreaSeriesProps &\n  XYChartSeriesBaseInternal & {\n    type: typeof AREA_VARIANT;\n  };\n\n/**\n * @internal\n * xy chart axis direction type\n */\nexport type XYChartAxisDirection = 'x' | 'y' | undefined;\n\n/**\n * @internal\n * xy chart stacking value boundaries\n */\nexport type XYChartStackingValueBoundaries = {\n  minBoundary: number;\n  maxBoundary: number;\n};\n\n/**\n * @internal\n * series variant type\n */\nexport type XYChartVariantsInternal =\n  | XYChartRectSeriesInternal\n  | XYChartDotSeriesInternal\n  | XYChartLineSeriesInternal\n  | XYChartBarSeriesInternal\n  | XYChartAreaSeriesInternal;\n\nexport type AnyXYChartScale =\n  | ScaleSymLog<number, number>\n  | ScaleLinear<number, number>\n  | ScaleTime<number, number>\n  | ScaleBand<string>;\n\n/** The color scale for the xy chart */\nexport type XYChartColorScale =\n  | ScaleQuantize<string>\n  | ScaleOrdinal<string, string, string>\n  | ScaleThreshold<number, string>;\n\n/** The id for the axis */\nexport type AxisId = string;\n\n/** The id for the series */\nexport type SeriesId = string;\n\n/**\n * @internal\n * Props that represent the extracted slots of the xy chart\n */\nexport interface XYChartSlots {\n  series: Array<\n    | XYChartRectSeriesInternal\n    | XYChartDotSeriesInternal\n    | XYChartLineSeriesInternal\n    | XYChartBarSeriesInternal\n    | XYChartAreaSeriesInternal\n  >;\n  yAxes: XYChartYAxisProps[];\n  xAxes: XYChartXAxisProps[];\n  legend: XYChartChartLegendProps;\n  toolbar: XYChartToolbarConfigProps;\n  thresholds: XYChartThresholdIndicatorProps[];\n  annotations?: XYChartAnnotationsConfigProps;\n  select?: XYChartSelectConfig;\n  colorRules?: ColorRuleProps[];\n  tooltip: XYChartTooltipConfig | undefined;\n}\n\nexport interface XYChartInternals {\n  series: XYChartSlots['series'];\n  axes: XYChartAxisInternal[];\n  thresholds: XYChartThresholdsInternal;\n}\n\nexport type XYChartThresholdsInternal =\n  | {\n      thresholds: [];\n      none: true;\n      offset: { left: 0; right: 0 };\n      yAxes: {\n        left: Set<string>;\n        right: Set<string>;\n      };\n    }\n  | {\n      thresholds: XYChartThresholdsPropsInternal;\n      none: false;\n      offset: {\n        left: typeof THRESHOLD_BAR_THICKNESS | 0;\n        right: typeof THRESHOLD_BAR_THICKNESS | 0;\n      };\n      yAxes: {\n        left: Set<string>;\n        right: Set<string>;\n      };\n    };\n\ntype XYChartThresholdPropsInternal = {\n  id: string;\n  data: XYChartThresholdStaticData;\n  color: string;\n  position: XYChartYAxisPosition;\n  label?: string;\n  strokeOnly?: boolean;\n  yAxisId: string;\n};\n\nexport type XYChartThresholdDynamicPropsInternal = {\n  xAxisId: string;\n  data: XYChartThresholdDynamicData[];\n} & Omit<XYChartThresholdPropsInternal, 'data'>;\n\nexport type XYChartThresholdStaticPropsInternal = XYChartThresholdPropsInternal;\n\nexport type XYChartThresholdsPropsInternal = (\n  | XYChartThresholdDynamicPropsInternal\n  | XYChartThresholdStaticPropsInternal\n)[];\n\nexport interface XYChartVisibleAxesScales {\n  top: AnyXYChartScale | undefined;\n  bottom: AnyXYChartScale | undefined;\n  left: AnyXYChartScale | undefined;\n  right: AnyXYChartScale | undefined;\n}\n\nexport interface XYChartVisibleAxesConfig {\n  top: XYChartAxisInternal | undefined;\n  bottom: XYChartAxisInternal | undefined;\n  left: XYChartAxisInternal | undefined;\n  right: XYChartAxisInternal | undefined;\n}\n\n/**\n * @internal\n * XYCharts that can be used in exported/imported configuration\n */\nexport type ExportableXYChartProps = Pick<\n  XYChartProps,\n  'colorPalette' | 'truncationMode'\n>;\n\n/**\n * @internal\n * Category unique name\n */\nexport type CategoryName = string;\n\n/**\n * @internal\n *\n * min/max map by Axis Id filled in the data processing loop\n */\nexport type AxisIdToScaleDomain = Map<AxisId, MinMax | Set<CategoryName>>;\n\n/**\n * @internal\n * Maps each axis to the set of grouped categories (dimension keys) detected during data processing.\n */\nexport type AxisIdToDimension = Map<AxisId, Set<SeriesId>>;\n\n/**\n * @internal\n *\n * min/max map by Axis Id with only valid axis and\n */\nexport type AxisIdToCurrentScaleDomain = Map<AxisId, MinMax | undefined>;\n\n/**\n * @internal\n *\n * Formatter map by Axis Id\n */\nexport type AxisIdToFormatter = Map<\n  AxisId,\n  FormatterWithPrecision | DateTimeFormatter\n>;\n\n/**\n * @internal\n *\n * min/max OR categories value by Series Id filled in the data processing loop\n */\nexport type RectSeriesIdToValueScaleDomain = Map<\n  SeriesId,\n  MinMax | Set<CategoryName>\n>;\n\nexport interface SeriesPropsWithAxes {\n  seriesProps: XYChartVariantsInternal;\n  xAxis: XYChartAxisInternal;\n  yAxis: XYChartAxisInternal;\n}\n\n/* @internal\n * The base datapoint for the xy chart\n */\nexport type XYValueAccessorDataTypes = number | string | undefined | null;\n\n/* @internal\n */\nexport interface RectDatapointInternal extends BaseDatapoint {\n  x1?: XYAccessorDataTypes;\n  y1?: XYAccessorDataTypes;\n  value: XYValueAccessorDataTypes;\n}\n\nexport type XYChartSeriesWithDatapoints =\n  | RectSeriesWithDatapoints\n  | DotSeriesWithDatapoints\n  | LineSeriesWithDatapoints\n  | BarSeriesWithDatapoints\n  | AreaSeriesWithDatapoints;\n\nexport interface RectSeriesWithDatapoints {\n  id: SeriesId;\n  type: typeof RECT_VARIANT;\n  data: RectDatapointInternal[];\n  filteredData: RectDatapointInternal[];\n  xAxisId: string;\n  yAxisId: string;\n}\n\nexport interface DotSeriesWithDatapoints {\n  id: SeriesId;\n  type: typeof DOT_VARIANT;\n  data: DotDatapoint[];\n  xAxisId: string;\n  yAxisId: string;\n}\n\nexport interface LineSeriesWithDatapoints {\n  id: SeriesId;\n  type: typeof LINE_VARIANT;\n  data: LineDatapoint[];\n  xAxisId: string;\n  yAxisId: string;\n}\n\nexport interface BarSeriesWithDatapoints {\n  id: SeriesId;\n  type: typeof BAR_VARIANT;\n  data: BarDatapoint[];\n  xAxisId: string;\n  yAxisId: string;\n  hasLabels?: boolean;\n  labelAccessor?: string;\n}\n\nexport interface AreaSeriesWithDatapoints {\n  id: SeriesId;\n  type: typeof AREA_VARIANT;\n  data: AreaDatapoint[];\n  xAxisId: string;\n  yAxisId: string;\n}\n\nexport type AnyDatapoint =\n  | RectDatapointInternal\n  | DotDatapoint\n  | LineDatapoint\n  | BarDatapoint\n  | AreaDatapoint;\n\nexport type BaseMetadata = {\n  name: string;\n  xAxis: XYChartAxisInternal;\n  yAxis: XYChartAxisInternal;\n  colorPalette: XYChartColorPalette;\n  colorIsFromSlot: boolean;\n  isVisible?: boolean;\n};\n\nexport interface RectMetadata extends BaseMetadata {\n  valueMin: XYChartRectSeriesProps['valueMin'];\n  valueMax: XYChartRectSeriesProps['valueMax'];\n  valueAccessor: string;\n  valueType?: LegendType;\n  valueAccessorLabel?: XYChartRectSeriesProps['valueAccessorLabel'];\n  valueFormatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n  valueUnit?: ChartUnit;\n  actions?: (\n    datapoint: XYChartRectSeriesActionItem,\n    series?: XYChartRectSeries,\n  ) => SeriesActionsTemplate;\n}\n\nexport interface BarMetadata extends BaseMetadata {\n  color: ColorToken;\n  variant: BarSeriesVariant;\n  chartOrientation?: XYChartOrientation;\n  actions?: (\n    datapoint: XYChartBarSeriesActionItem,\n    series?: XYChartBarSeries,\n  ) => SeriesActionsTemplate;\n}\n\nexport interface AreaMetadata extends BaseMetadata {\n  curve?: SeriesCurve;\n  color: ColorToken;\n  orientation: Orientation;\n  isStacked: boolean;\n  variant: XYChartAreaVariant;\n  pointsDisplay?: PointsDisplay;\n  actions?: (\n    datapoint: XYChartAreaSeriesActionItem,\n    series?: XYChartAreaSeries,\n  ) => SeriesActionsTemplate;\n}\n\nexport interface DotMetadata extends BaseMetadata {\n  color: ColorToken;\n  shape?: PointShapeType;\n  actions?: (\n    datapoint: XYChartDotSeriesActionItem,\n    series?: XYChartDotSeries,\n  ) => SeriesActionsTemplate;\n}\n\nexport interface LineMetadata extends BaseMetadata {\n  curve?: SeriesCurve;\n  actions?: (\n    datapoint: XYChartLineSeriesActionItem,\n    series?: XYChartLineSeries,\n  ) => SeriesActionsTemplate;\n  pointsDisplay?: PointsDisplay;\n  color: ColorToken;\n}\n\nexport interface SeriesToMetadata\n  extends Map<\n    XYChartSeriesWithDatapoints,\n    RectMetadata | DotMetadata | LineMetadata | BarMetadata | AreaMetadata\n  > {\n  get(key: RectSeriesWithDatapoints): RectMetadata | undefined;\n\n  get(key: DotSeriesWithDatapoints): DotMetadata | undefined;\n\n  get(key: LineSeriesWithDatapoints): LineMetadata | undefined;\n\n  get(key: BarSeriesWithDatapoints): BarMetadata | undefined;\n\n  get(key: AreaSeriesWithDatapoints): AreaMetadata | undefined;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  get(key: unknown): any | undefined;\n}\n\nexport type RectSeriesToMetadata = Map<RectSeriesWithDatapoints, RectMetadata>;\n\nexport type BarSeriesToMetadata = Map<BarSeriesWithDatapoints, BarMetadata>;\n\nexport type DotSeriesToMetadata = Map<DotSeriesWithDatapoints, DotMetadata>;\n\nexport type LineSeriesToMetadata = Map<LineSeriesWithDatapoints, LineMetadata>;\n\nexport type AreaSeriesToMetadata = Map<AreaSeriesWithDatapoints, AreaMetadata>;\n\nexport type DatapointMetadata = {\n  isGap: boolean;\n  accumulator?: number;\n  baseline?: XYChartAxisDirection;\n  colorOverride?: string;\n  binDomain?: number;\n  isVisible?: boolean;\n};\n\nexport type MapDatapoints = Map<\n  | RectDatapointInternal\n  | DotDatapoint\n  | LineDatapoint\n  | BarDatapoint\n  | AreaDatapoint,\n  DatapointMetadata\n>;\n\n/**\n * @internal\n */\nexport type XYChartDataWithCorrespondingSeries = {\n  data: XYChartData[];\n  series: SeriesPropsWithAxes[];\n};\n\n/**\n * @internal\n * The range legend type for the xy chart */\nexport const RANGE_LEGEND_TYPE = 'range';\n\n/**\n * @internal\n * The categorical legend type for the xy chart */\nexport const CATEGORICAL_LEGEND_TYPE = 'categorical';\n\nexport const RECT_VARIANT = 'rect';\n\nexport const DOT_VARIANT = 'dot';\n\nexport const LINE_VARIANT = 'line';\n\nexport const BAR_VARIANT = 'bar';\n\nexport const AREA_VARIANT = 'area';\n\nexport const BAND_VARIANT = 'band';\n\nexport const AREA_HORIZONTAL =\n  `${AREA_VARIANT}${ORIENTATION_HORIZONTAL}` as const;\n\nexport const AREA_VERTICAL = `${AREA_VARIANT}${ORIENTATION_VERTICAL}` as const;\n\nexport const BAND_HORIZONTAL =\n  `${BAND_VARIANT}${ORIENTATION_HORIZONTAL}` as const;\n\nexport const BAND_VERTICAL = `${BAND_VARIANT}${ORIENTATION_VERTICAL}` as const;\n\nexport const DOT_ID = 'dot_id';\n\nexport const LINE_ID = 'line_id';\n\nexport const AREA_ID = 'area_id';\n\nexport const RECT_ID = 'rect_id';\n\nexport const BAR_ID = 'bar_id';\n\nexport type LegendType =\n  | typeof RANGE_LEGEND_TYPE\n  | typeof CATEGORICAL_LEGEND_TYPE;\n\nexport type SeriesVariantType =\n  | typeof RECT_VARIANT\n  | typeof DOT_VARIANT\n  | typeof LINE_VARIANT\n  | typeof BAR_VARIANT\n  | typeof AREA_VARIANT\n  | typeof AREA_HORIZONTAL\n  | typeof AREA_VERTICAL\n  | typeof BAND_HORIZONTAL\n  | typeof BAND_VERTICAL;\n\n/**\n * @internal\n *\n * Series base props extended to support types coming from slots and might be incompatible between each other in the root\n */\nexport interface XYChartSeriesBasePropsExtended\n  extends Omit<\n    XYChartSeriesBaseProps,\n    'colorPalette' | 'x0Accessor' | 'y0Accessor'\n  > {\n  colorPalette?: XYChartColorPalette | XYShapeColorPaletteProp;\n  x0Accessor?: string;\n  y0Accessor?: string;\n}\n\nexport interface HighlightedLinearPoint extends DataPoint {\n  shape?: PointShapeType;\n}\n\nexport type AnyLinearSeries =\n  | DotSeriesWithDatapoints\n  | LineSeriesWithDatapoints\n  | AreaSeriesWithDatapoints;\nexport type AnyLinearMetadata = DotMetadata | LineMetadata | AreaMetadata;\n\n/**\n * @internal\n * Shape types compatible with gap strategies\n */\nexport type ShapeDatapointWithGapPolicy =\n  | LineDatapoint\n  | RectDatapointInternal\n  | AreaDatapoint;\n"],
-  "mappings": "AAgEA;AAAA,EACE;AAAA,EACA;AAAA,OAGK;AAkiBA,MAAM,oBAAoB;AAK1B,MAAM,0BAA0B;AAEhC,MAAM,eAAe;AAErB,MAAM,cAAc;AAEpB,MAAM,eAAe;AAErB,MAAM,cAAc;AAEpB,MAAM,eAAe;AAErB,MAAM,eAAe;AAErB,MAAM,kBACX,GAAG,YAAY,GAAG,sBAAsB;AAEnC,MAAM,gBAAgB,GAAG,YAAY,GAAG,oBAAoB;AAE5D,MAAM,kBACX,GAAG,YAAY,GAAG,sBAAsB;AAEnC,MAAM,gBAAgB,GAAG,YAAY,GAAG,oBAAoB;AAE5D,MAAM,SAAS;AAEf,MAAM,UAAU;AAEhB,MAAM,UAAU;AAEhB,MAAM,UAAU;AAEhB,MAAM,SAAS;",
+  "sourcesContent": ["import {\n  type ScaleBand,\n  type ScaleLinear,\n  type ScaleOrdinal,\n  ScaleQuantize,\n  type ScaleSymLog,\n  ScaleThreshold,\n  type ScaleTime,\n} from 'd3-scale';\n\nimport type {\n  ConvertibleUnit,\n  FormatOptions,\n  Unit,\n} from '@dynatrace-sdk/units';\n\nimport type { XYAxisTypeLinear, XYAxisTypeLog } from './axis.js';\nimport type {\n  XYChartAreaSeriesProps,\n  XYChartBarSeriesProps,\n  XYChartCategoricalAxisProps,\n  XYChartChartLegendProps,\n  XYChartDotSeriesProps,\n  XYChartLineSeriesProps,\n  XYChartLogAxisProps,\n  XYChartNumericalAxisProps,\n  XYChartProps,\n  XYChartRectSeriesProps,\n  XYChartSelectConfig,\n  XYChartSeriesBaseProps,\n  XYChartThresholdIndicatorProps,\n  XYChartTimeAxisProps,\n  XYChartToolbarConfigProps,\n  XYChartXAxisProps,\n  XYChartYAxisProps,\n  XYShapeColorPaletteProp,\n} from './xy-chart-props.js';\nimport type {\n  XYChartAreaSeries,\n  XYChartBarSeries,\n  XYChartDotSeries,\n  XYChartLineSeries,\n  XYChartRectSeries,\n  AreaDatapoint,\n  BarDatapoint,\n  BarSeriesVariant,\n  BaseDatapoint,\n  DotDatapoint,\n  LineDatapoint,\n  SeriesCurve,\n  XYAccessorDataTypes,\n  XYChartAreaSeriesActionItem,\n  XYChartBarSeriesActionItem,\n  XYChartColorPalette,\n  XYChartData,\n  XYChartDotSeriesActionItem,\n  XYChartLineSeriesActionItem,\n  XYChartRectSeriesActionItem,\n  XYChartThresholdDynamicData,\n  XYChartThresholdStaticData,\n  XYChartXAxisPosition,\n  XYChartYAxisPosition,\n} from './xy-chart.js';\nimport type { TickLabelLayout } from '../../core/components/axes/types.js';\nimport {\n  ORIENTATION_HORIZONTAL,\n  ORIENTATION_VERTICAL,\n  type Orientation,\n  type PointsDisplay,\n} from '../../core/components/canvas/types/canvas-shape.js';\nimport type { PointShapeType } from '../../core/components/shape/type.js';\nimport type { THRESHOLD_BAR_THICKNESS } from '../../core/components/threshold-bar/types/constants.js';\nimport { ChartUnit } from '../../core/types/chart-unit.js';\nimport type { ColorToken } from '../../core/types/color-palette.js';\nimport type {\n  ColorRuleProps,\n  MatchValue,\n} from '../../core/types/color-rule.js';\nimport type { DataPoint } from '../../core/types/data-point.js';\nimport type {\n  CategoricalFormatter,\n  DateTimeFormatter,\n  Formatter,\n  FormatterWithPrecision,\n} from '../../core/types/formatter.js';\nimport type { ZoomChangeHandler } from '../../core/types/interactions.js';\nimport type { MinMax } from '../../core/types/min-max.js';\nimport { SeriesActionsTemplate } from '../../core/types/series-actions-template.js';\nimport { XYChartAnnotationsConfigProps } from '../context/XYChartAnnotationsConfig.context.js';\nimport { XYChartTooltipConfig } from '../context/XYChartTooltip.context.js';\n\n/**\n * Type for the validator function returned by buildValidator(VALUE_MATCHERS)\n */\nexport type ColorRuleValidator = <T extends MatchValue>(\n  subject: T,\n  comparator: ColorRuleProps['comparator'],\n  value: T,\n) => boolean;\n\nexport type ChartInteractionsInternal = {\n  zoom: boolean;\n  pan: boolean;\n  infinite: boolean;\n} & (\n  | {\n      initial?: [Date, Date];\n      current?: [Date, Date];\n    }\n  | {\n      initial?: [number, number];\n      current?: [number, number];\n    }\n);\n\nexport interface XYChartLinearAxisInternalProps\n  extends Omit<XYChartNumericalAxisProps, 'type'> {\n  type: XYAxisTypeLinear;\n}\n\nexport interface XYChartLogAxisInternalProps\n  extends Omit<XYChartLogAxisProps, 'type'> {\n  type: XYAxisTypeLog;\n}\n\n/**\n * @internal\n * axis slot config\n */\nexport type XYChartAxisInternal = XYChartAxisInternalProps & {\n  tickLabelLayout: TickLabelLayout;\n  formatter?:\n    | Formatter\n    | FormatOptions<Unit, ConvertibleUnit>\n    | CategoricalFormatter;\n  unit?: ChartUnit;\n  isRelative: boolean;\n} & (\n    | {\n        coordinate: 'x';\n        position: XYChartXAxisPosition;\n        interactions: ChartInteractionsInternal;\n        onZoomChange: ZoomChangeHandler;\n      }\n    | {\n        coordinate: 'y';\n        position: XYChartYAxisPosition;\n        interactions: Record<\n          keyof Omit<ChartInteractionsInternal, 'initial' | 'current'>,\n          false\n        > & { initial?: undefined; current?: undefined };\n        onZoomChange: ZoomChangeHandler;\n      }\n  );\n\n/**\n * @internal\n * xychart axis props\n */\nexport type XYChartAxisInternalProps =\n  | XYChartLinearAxisInternalProps\n  | XYChartLogAxisInternalProps\n  | XYChartCategoricalAxisProps\n  | XYChartTimeAxisProps;\n\nexport interface XYChartSeriesBaseInternal {\n  id: SeriesId;\n}\n\n/**\n * @internal\n * rect series slot config\n */\nexport interface XYChartRectSeriesInternal\n  extends XYChartRectSeriesProps,\n    XYChartSeriesBaseInternal {\n  type: typeof RECT_VARIANT;\n}\n\n/**\n * @internal\n * Dot series slot config\n */\nexport type XYChartDotSeriesInternal = XYChartDotSeriesProps &\n  XYChartSeriesBaseInternal & {\n    type: typeof DOT_VARIANT;\n  };\n\n/**\n * @internal\n * Line series slot config\n */\nexport type XYChartLineSeriesInternal = XYChartLineSeriesProps &\n  XYChartSeriesBaseInternal & {\n    type: typeof LINE_VARIANT;\n  };\n\n/**\n * @internal\n * Bar series slot config\n */\nexport type XYChartBarSeriesInternal = XYChartBarSeriesProps &\n  XYChartSeriesBaseInternal & {\n    type: typeof BAR_VARIANT;\n  };\n\n/**\n * @internal\n * xy chart orientation type for Bar and Area variants.\n * Extends AreaCanvasOrientation with 'both' for cases like rect series\n * where datapoints can have both horizontal and vertical extent.\n */\nexport type XYChartOrientation = Orientation | 'both';\n\n/**\n * @internal\n * xy chart area variant type - determines if the area is a simple area or a band (with both y0 and y1)\n */\nexport type XYChartAreaVariant = 'area' | 'band';\n\n/**\n * @internal\n * Area series slot config\n */\nexport type XYChartAreaSeriesInternal = XYChartAreaSeriesProps &\n  XYChartSeriesBaseInternal & {\n    type: typeof AREA_VARIANT;\n  };\n\n/**\n * @internal\n * xy chart axis direction type\n */\nexport type XYChartAxisDirection = 'x' | 'y' | undefined;\n\n/**\n * @internal\n * xy chart stacking value boundaries\n */\nexport type XYChartStackingValueBoundaries = {\n  minBoundary: number;\n  maxBoundary: number;\n};\n\n/**\n * @internal\n * series variant type\n */\nexport type XYChartVariantsInternal =\n  | XYChartRectSeriesInternal\n  | XYChartDotSeriesInternal\n  | XYChartLineSeriesInternal\n  | XYChartBarSeriesInternal\n  | XYChartAreaSeriesInternal;\n\nexport type AnyXYChartScale =\n  | ScaleSymLog<number, number>\n  | ScaleLinear<number, number>\n  | ScaleTime<number, number>\n  | ScaleBand<string>;\n\n/** The color scale for the xy chart */\nexport type XYChartColorScale =\n  | ScaleQuantize<string>\n  | ScaleOrdinal<string, string, string>\n  | ScaleThreshold<number, string>;\n\n/** The id for the axis */\nexport type AxisId = string;\n\n/** The id for the series */\nexport type SeriesId = string;\n\n/**\n * @internal\n * Props that represent the extracted slots of the xy chart\n */\nexport interface XYChartSlots {\n  series: Array<\n    | XYChartRectSeriesInternal\n    | XYChartDotSeriesInternal\n    | XYChartLineSeriesInternal\n    | XYChartBarSeriesInternal\n    | XYChartAreaSeriesInternal\n  >;\n  yAxes: XYChartYAxisProps[];\n  xAxes: XYChartXAxisProps[];\n  legend: XYChartChartLegendProps;\n  toolbar: XYChartToolbarConfigProps;\n  thresholds: XYChartThresholdIndicatorProps[];\n  annotations?: XYChartAnnotationsConfigProps;\n  select?: XYChartSelectConfig;\n  colorRules?: ColorRuleProps[];\n  tooltip: XYChartTooltipConfig | undefined;\n}\n\nexport interface XYChartInternals {\n  series: XYChartSlots['series'];\n  axes: XYChartAxisInternal[];\n  thresholds: XYChartThresholdsInternal;\n}\n\nexport type XYChartThresholdsInternal =\n  | {\n      thresholds: [];\n      none: true;\n      offset: { left: 0; right: 0 };\n      yAxes: {\n        left: Set<string>;\n        right: Set<string>;\n      };\n    }\n  | {\n      thresholds: XYChartThresholdsPropsInternal;\n      none: false;\n      offset: {\n        left: typeof THRESHOLD_BAR_THICKNESS | 0;\n        right: typeof THRESHOLD_BAR_THICKNESS | 0;\n      };\n      yAxes: {\n        left: Set<string>;\n        right: Set<string>;\n      };\n    };\n\ntype XYChartThresholdPropsInternal = {\n  id: string;\n  data: XYChartThresholdStaticData;\n  color: string;\n  position: XYChartYAxisPosition;\n  label?: string;\n  strokeOnly?: boolean;\n  yAxisId: string;\n};\n\nexport type XYChartThresholdDynamicPropsInternal = {\n  xAxisId: string;\n  data: XYChartThresholdDynamicData[];\n} & Omit<XYChartThresholdPropsInternal, 'data'>;\n\nexport type XYChartThresholdStaticPropsInternal = XYChartThresholdPropsInternal;\n\nexport type XYChartThresholdsPropsInternal = (\n  | XYChartThresholdDynamicPropsInternal\n  | XYChartThresholdStaticPropsInternal\n)[];\n\nexport interface XYChartVisibleAxesScales {\n  top: AnyXYChartScale | undefined;\n  bottom: AnyXYChartScale | undefined;\n  left: AnyXYChartScale | undefined;\n  right: AnyXYChartScale | undefined;\n}\n\nexport interface XYChartVisibleAxesConfig {\n  top: XYChartAxisInternal | undefined;\n  bottom: XYChartAxisInternal | undefined;\n  left: XYChartAxisInternal | undefined;\n  right: XYChartAxisInternal | undefined;\n}\n\n/**\n * @internal\n * XYCharts that can be used in exported/imported configuration\n */\nexport type ExportableXYChartProps = Pick<\n  XYChartProps,\n  'colorPalette' | 'truncationMode'\n>;\n\n/**\n * @internal\n * Category unique name\n */\nexport type CategoryName = string;\n\n/**\n * @internal\n *\n * min/max map by Axis Id filled in the data processing loop\n */\nexport type AxisIdToScaleDomain = Map<AxisId, MinMax | Set<CategoryName>>;\n\n/**\n * @internal\n * Maps each axis to the set of grouped categories (dimension keys) detected during data processing.\n */\nexport type AxisIdToDimension = Map<AxisId, Set<SeriesId>>;\n\n/**\n * @internal\n *\n * min/max map by Axis Id with only valid axis and\n */\nexport type AxisIdToCurrentScaleDomain = Map<AxisId, MinMax | undefined>;\n\n/**\n * @internal\n *\n * Formatter map by Axis Id\n */\nexport type AxisIdToFormatter = Map<\n  AxisId,\n  FormatterWithPrecision | DateTimeFormatter\n>;\n\n/**\n * @internal\n *\n * min/max OR categories value by Series Id filled in the data processing loop\n */\nexport type RectSeriesIdToValueScaleDomain = Map<\n  SeriesId,\n  MinMax | Set<CategoryName>\n>;\n\nexport interface SeriesPropsWithAxes {\n  seriesProps: XYChartVariantsInternal;\n  xAxis: XYChartAxisInternal;\n  yAxis: XYChartAxisInternal;\n}\n\n/* @internal\n * The base datapoint for the xy chart\n */\nexport type XYValueAccessorDataTypes = number | string | undefined | null;\n\n/* @internal\n */\nexport interface RectDatapointInternal extends BaseDatapoint {\n  x1?: XYAccessorDataTypes;\n  y1?: XYAccessorDataTypes;\n  value: XYValueAccessorDataTypes;\n}\n\nexport type XYChartSeriesWithDatapoints =\n  | RectSeriesWithDatapoints\n  | DotSeriesWithDatapoints\n  | LineSeriesWithDatapoints\n  | BarSeriesWithDatapoints\n  | AreaSeriesWithDatapoints;\n\nexport interface RectSeriesWithDatapoints {\n  id: SeriesId;\n  type: typeof RECT_VARIANT;\n  data: RectDatapointInternal[];\n  filteredData: RectDatapointInternal[];\n  xAxisId: string;\n  yAxisId: string;\n}\n\nexport interface DotSeriesWithDatapoints {\n  id: SeriesId;\n  type: typeof DOT_VARIANT;\n  data: DotDatapoint[];\n  xAxisId: string;\n  yAxisId: string;\n}\n\nexport interface LineSeriesWithDatapoints {\n  id: SeriesId;\n  type: typeof LINE_VARIANT;\n  data: LineDatapoint[];\n  xAxisId: string;\n  yAxisId: string;\n}\n\nexport interface BarSeriesWithDatapoints {\n  id: SeriesId;\n  type: typeof BAR_VARIANT;\n  data: BarDatapoint[];\n  xAxisId: string;\n  yAxisId: string;\n  hasLabels?: boolean;\n  labelAccessor?: string;\n}\n\nexport interface AreaSeriesWithDatapoints {\n  id: SeriesId;\n  type: typeof AREA_VARIANT;\n  data: AreaDatapoint[];\n  xAxisId: string;\n  yAxisId: string;\n}\n\nexport type AnyDatapoint =\n  | RectDatapointInternal\n  | DotDatapoint\n  | LineDatapoint\n  | BarDatapoint\n  | AreaDatapoint;\n\nexport type BaseMetadata = {\n  name: string;\n  nameSegments?: string[];\n  xAxis: XYChartAxisInternal;\n  yAxis: XYChartAxisInternal;\n  colorPalette: XYChartColorPalette;\n  colorIsFromSlot: boolean;\n  isVisible?: boolean;\n};\n\nexport interface RectMetadata extends BaseMetadata {\n  valueMin: XYChartRectSeriesProps['valueMin'];\n  valueMax: XYChartRectSeriesProps['valueMax'];\n  valueAccessor: string;\n  valueType?: LegendType;\n  valueAccessorLabel?: XYChartRectSeriesProps['valueAccessorLabel'];\n  valueFormatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n  valueUnit?: ChartUnit;\n  actions?: (\n    datapoint: XYChartRectSeriesActionItem,\n    series?: XYChartRectSeries,\n  ) => SeriesActionsTemplate;\n}\n\nexport interface BarMetadata extends BaseMetadata {\n  color: ColorToken;\n  variant: BarSeriesVariant;\n  chartOrientation?: XYChartOrientation;\n  actions?: (\n    datapoint: XYChartBarSeriesActionItem,\n    series?: XYChartBarSeries,\n  ) => SeriesActionsTemplate;\n}\n\nexport interface AreaMetadata extends BaseMetadata {\n  curve?: SeriesCurve;\n  color: ColorToken;\n  orientation: Orientation;\n  isStacked: boolean;\n  variant: XYChartAreaVariant;\n  pointsDisplay?: PointsDisplay;\n  actions?: (\n    datapoint: XYChartAreaSeriesActionItem,\n    series?: XYChartAreaSeries,\n  ) => SeriesActionsTemplate;\n}\n\nexport interface DotMetadata extends BaseMetadata {\n  color: ColorToken;\n  shape?: PointShapeType;\n  actions?: (\n    datapoint: XYChartDotSeriesActionItem,\n    series?: XYChartDotSeries,\n  ) => SeriesActionsTemplate;\n}\n\nexport interface LineMetadata extends BaseMetadata {\n  curve?: SeriesCurve;\n  actions?: (\n    datapoint: XYChartLineSeriesActionItem,\n    series?: XYChartLineSeries,\n  ) => SeriesActionsTemplate;\n  pointsDisplay?: PointsDisplay;\n  color: ColorToken;\n}\n\nexport interface SeriesToMetadata\n  extends Map<\n    XYChartSeriesWithDatapoints,\n    RectMetadata | DotMetadata | LineMetadata | BarMetadata | AreaMetadata\n  > {\n  get(key: RectSeriesWithDatapoints): RectMetadata | undefined;\n\n  get(key: DotSeriesWithDatapoints): DotMetadata | undefined;\n\n  get(key: LineSeriesWithDatapoints): LineMetadata | undefined;\n\n  get(key: BarSeriesWithDatapoints): BarMetadata | undefined;\n\n  get(key: AreaSeriesWithDatapoints): AreaMetadata | undefined;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  get(key: unknown): any | undefined;\n}\n\nexport type RectSeriesToMetadata = Map<RectSeriesWithDatapoints, RectMetadata>;\n\nexport type BarSeriesToMetadata = Map<BarSeriesWithDatapoints, BarMetadata>;\n\nexport type DotSeriesToMetadata = Map<DotSeriesWithDatapoints, DotMetadata>;\n\nexport type LineSeriesToMetadata = Map<LineSeriesWithDatapoints, LineMetadata>;\n\nexport type AreaSeriesToMetadata = Map<AreaSeriesWithDatapoints, AreaMetadata>;\n\nexport type DatapointMetadata = {\n  isGap: boolean;\n  accumulator?: number;\n  baseline?: XYChartAxisDirection;\n  colorOverride?: string;\n  binDomain?: number;\n  isVisible?: boolean;\n};\n\nexport type MapDatapoints = Map<\n  | RectDatapointInternal\n  | DotDatapoint\n  | LineDatapoint\n  | BarDatapoint\n  | AreaDatapoint,\n  DatapointMetadata\n>;\n\n/**\n * @internal\n */\nexport type XYChartDataWithCorrespondingSeries = {\n  data: XYChartData[];\n  series: SeriesPropsWithAxes[];\n};\n\n/**\n * @internal\n * The range legend type for the xy chart */\nexport const RANGE_LEGEND_TYPE = 'range';\n\n/**\n * @internal\n * The categorical legend type for the xy chart */\nexport const CATEGORICAL_LEGEND_TYPE = 'categorical';\n\nexport const RECT_VARIANT = 'rect';\n\nexport const DOT_VARIANT = 'dot';\n\nexport const LINE_VARIANT = 'line';\n\nexport const BAR_VARIANT = 'bar';\n\nexport const AREA_VARIANT = 'area';\n\nexport const BAND_VARIANT = 'band';\n\nexport const AREA_HORIZONTAL =\n  `${AREA_VARIANT}${ORIENTATION_HORIZONTAL}` as const;\n\nexport const AREA_VERTICAL = `${AREA_VARIANT}${ORIENTATION_VERTICAL}` as const;\n\nexport const BAND_HORIZONTAL =\n  `${BAND_VARIANT}${ORIENTATION_HORIZONTAL}` as const;\n\nexport const BAND_VERTICAL = `${BAND_VARIANT}${ORIENTATION_VERTICAL}` as const;\n\nexport const DOT_ID = 'dot_id';\n\nexport const LINE_ID = 'line_id';\n\nexport const AREA_ID = 'area_id';\n\nexport const RECT_ID = 'rect_id';\n\nexport const BAR_ID = 'bar_id';\n\nexport type LegendType =\n  | typeof RANGE_LEGEND_TYPE\n  | typeof CATEGORICAL_LEGEND_TYPE;\n\nexport type SeriesVariantType =\n  | typeof RECT_VARIANT\n  | typeof DOT_VARIANT\n  | typeof LINE_VARIANT\n  | typeof BAR_VARIANT\n  | typeof AREA_VARIANT\n  | typeof AREA_HORIZONTAL\n  | typeof AREA_VERTICAL\n  | typeof BAND_HORIZONTAL\n  | typeof BAND_VERTICAL;\n\n/**\n * @internal\n *\n * Series base props extended to support types coming from slots and might be incompatible between each other in the root\n */\nexport interface XYChartSeriesBasePropsExtended\n  extends Omit<\n    XYChartSeriesBaseProps,\n    'colorPalette' | 'x0Accessor' | 'y0Accessor'\n  > {\n  colorPalette?: XYChartColorPalette | XYShapeColorPaletteProp;\n  x0Accessor?: string;\n  y0Accessor?: string;\n}\n\nexport interface HighlightedLinearPoint extends DataPoint {\n  shape?: PointShapeType;\n}\n\nexport type AnyLinearSeries =\n  | DotSeriesWithDatapoints\n  | LineSeriesWithDatapoints\n  | AreaSeriesWithDatapoints;\nexport type AnyLinearMetadata = DotMetadata | LineMetadata | AreaMetadata;\n\n/**\n * @internal\n * Shape types compatible with gap strategies\n */\nexport type ShapeDatapointWithGapPolicy =\n  | LineDatapoint\n  | RectDatapointInternal\n  | AreaDatapoint;\n"],
+  "mappings": "AAgEA;AAAA,EACE;AAAA,EACA;AAAA,OAGK;AAmiBA,MAAM,oBAAoB;AAK1B,MAAM,0BAA0B;AAEhC,MAAM,eAAe;AAErB,MAAM,cAAc;AAEpB,MAAM,eAAe;AAErB,MAAM,cAAc;AAEpB,MAAM,eAAe;AAErB,MAAM,eAAe;AAErB,MAAM,kBACX,GAAG,YAAY,GAAG,sBAAsB;AAEnC,MAAM,gBAAgB,GAAG,YAAY,GAAG,oBAAoB;AAE5D,MAAM,kBACX,GAAG,YAAY,GAAG,sBAAsB;AAEnC,MAAM,gBAAgB,GAAG,YAAY,GAAG,oBAAoB;AAE5D,MAAM,SAAS;AAEf,MAAM,UAAU;AAEhB,MAAM,UAAU;AAEhB,MAAM,UAAU;AAEhB,MAAM,SAAS;",
   "names": []
 }

package/esm/charts/xy-chart/utils/build-and-download-csv.js

@@ -4,7 +4,8 @@ import { downloadCSV } from "../../../core/utils/download.js";
 import { CSS_DOWNLOAD_FILENAME } from "../../core/constants.js";
 const getSeriesName = (metadata) => {
   return (series) => {
-    return metadata.get(series)?.name;
+    const name = metadata.get(series)?.name;
+    return name !== void 0 ? name : "";
   };
 };
 const buildAndDownloadCsv = (data, seriesMetadata, datapointMetadata, downloadDataCallback) => {

package/esm/charts/xy-chart/utils/build-and-download-csv.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/utils/build-and-download-csv.ts"],
-  "sourcesContent": ["import { formatCSV } from './format-csv.js';\nimport { isValidDatapointForDownload } from './validation-datapoint.js';\nimport { downloadCSV } from '../../../core/utils/download.js';\nimport { CSS_DOWNLOAD_FILENAME } from '../../core/constants.js';\nimport {\n  type SeriesToMetadata,\n  type MapDatapoints,\n  type XYChartSeriesWithDatapoints,\n} from '../types/xy-chart-internals.js';\n\nexport const getSeriesName = (metadata: SeriesToMetadata) => {\n  return (series: XYChartSeriesWithDatapoints) => {\n    return metadata.get(series)?.name;\n  };\n};\n\n/**\n * XYChart data and downloads the file.\n * @param data - XYChart series with data points\n * @returns void\n */\nexport const buildAndDownloadCsv = (\n  data: XYChartSeriesWithDatapoints[],\n  seriesMetadata: SeriesToMetadata,\n  datapointMetadata: MapDatapoints,\n  downloadDataCallback?: () => void,\n) => {\n  if (downloadDataCallback) {\n    downloadDataCallback();\n  } else {\n    const csvString = formatCSV(\n      data,\n      isValidDatapointForDownload(datapointMetadata),\n      getSeriesName(seriesMetadata),\n    );\n    downloadCSV(csvString, CSS_DOWNLOAD_FILENAME);\n  }\n};\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAC1B,SAAS,mCAAmC;AAC5C,SAAS,mBAAmB;AAC5B,SAAS,6BAA6B;AAO/B,MAAM,gBAAgB,CAAC,aAA+B;AAC3D,SAAO,CAAC,WAAwC;AAC9C,WAAO,SAAS,IAAI,MAAM,GAAG;AAAA,EAC/B;AACF;AAOO,MAAM,sBAAsB,CACjC,MACA,gBACA,mBACA,yBACG;AACH,MAAI,sBAAsB;AACxB,yBAAqB;AAAA,EACvB,OAAO;AACL,UAAM,YAAY;AAAA,MAChB;AAAA,MACA,4BAA4B,iBAAiB;AAAA,MAC7C,cAAc,cAAc;AAAA,IAC9B;AACA,gBAAY,WAAW,qBAAqB;AAAA,EAC9C;AACF;",
+  "sourcesContent": ["import { formatCSV } from './format-csv.js';\nimport { isValidDatapointForDownload } from './validation-datapoint.js';\nimport { downloadCSV } from '../../../core/utils/download.js';\nimport { CSS_DOWNLOAD_FILENAME } from '../../core/constants.js';\nimport {\n  type SeriesToMetadata,\n  type MapDatapoints,\n  type XYChartSeriesWithDatapoints,\n} from '../types/xy-chart-internals.js';\n\nexport const getSeriesName = (metadata: SeriesToMetadata) => {\n  return (series: XYChartSeriesWithDatapoints) => {\n    const name = metadata.get(series)?.name;\n    return name !== undefined ? name : '';\n  };\n};\n\n/**\n * XYChart data and downloads the file.\n * @param data - XYChart series with data points\n * @returns void\n */\nexport const buildAndDownloadCsv = (\n  data: XYChartSeriesWithDatapoints[],\n  seriesMetadata: SeriesToMetadata,\n  datapointMetadata: MapDatapoints,\n  downloadDataCallback?: () => void,\n) => {\n  if (downloadDataCallback) {\n    downloadDataCallback();\n  } else {\n    const csvString = formatCSV(\n      data,\n      isValidDatapointForDownload(datapointMetadata),\n      getSeriesName(seriesMetadata),\n    );\n    downloadCSV(csvString, CSS_DOWNLOAD_FILENAME);\n  }\n};\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAC1B,SAAS,mCAAmC;AAC5C,SAAS,mBAAmB;AAC5B,SAAS,6BAA6B;AAO/B,MAAM,gBAAgB,CAAC,aAA+B;AAC3D,SAAO,CAAC,WAAwC;AAC9C,UAAM,OAAO,SAAS,IAAI,MAAM,GAAG;AACnC,WAAO,SAAS,SAAY,OAAO;AAAA,EACrC;AACF;AAOO,MAAM,sBAAsB,CACjC,MACA,gBACA,mBACA,yBACG;AACH,MAAI,sBAAsB;AACxB,yBAAqB;AAAA,EACvB,OAAO;AACL,UAAM,YAAY;AAAA,MAChB;AAAA,MACA,4BAA4B,iBAAiB;AAAA,MAC7C,cAAc,cAAc;AAAA,IAC9B;AACA,gBAAY,WAAW,qBAAqB;AAAA,EAC9C;AACF;",
   "names": []
 }

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

@@ -6,6 +6,11 @@ import {
 } from "./query-hovered.js";
 import { relAccessor } from "./value-representation.js";
 import { safeGet } from "../../core/utils/safe-get.js";
+import {
+  bandY0Accessor,
+  bandY1Accessor
+} from "../components/displays/band-accessors.js";
+import { AREA_VARIANT, BAND_VARIANT } from "../types/xy-chart-internals.js";
 function buildGetBarPixelCenter(axisIdToScales, seriesToMetadata, axisIdToScaleDomain, datapointMetadataMap) {
   const accessorsBySeries = /* @__PURE__ */ new Map();
   return (series, datapoint) => {
@@ -29,7 +34,8 @@ function buildGetBarPixelCenter(axisIdToScales, seriesToMetadata, axisIdToScaleD
     );
     return {
       xPixel: x + width / 2,
-      yPixel: y + height / 2,
+      y0Pixel: y,
+      y1Pixel: y + height,
       boundaries: `${String(datapoint.x0)}-${String(datapoint.x1)}`
     };
   };
@@ -51,15 +57,22 @@ function buildGetLinearSeriesPixelCenter(axisIdToScales, seriesToMetadata, axisI
       );
       const xScale = getCurrentScale(axisIdToScales, series.xAxisId);
       const yScale = getCurrentScale(axisIdToScales, series.yAxisId);
+      const isBandArea = series.type === AREA_VARIANT && "variant" in metadata && metadata.variant === BAND_VARIANT;
       cached = {
         xPixelFn: xAccessor(xScale),
-        yPixelFn: yAccessor(yScale)
+        yPixelFn: yAccessor(yScale),
+        ...isBandArea ? {
+          y0PixelFn: bandY0Accessor(yScale, yRelAccessor),
+          y1PixelFn: bandY1Accessor(yScale, yRelAccessor)
+        } : {}
       };
       accessorsBySeries.set(series.id, cached);
     }
+    const yPixel = cached.yPixelFn(datapoint);
     return {
       xPixel: cached.xPixelFn(datapoint),
-      yPixel: cached.yPixelFn(datapoint),
+      y0Pixel: cached.y0PixelFn?.(datapoint) ?? yPixel,
+      y1Pixel: cached.y1PixelFn?.(datapoint) ?? yPixel,
       boundaries: `${String(datapoint.x0)}-${String(datapoint.x1)}`
     };
   };
@@ -72,10 +85,11 @@ function collectSortedEntries(seriesArray, datapointMetadataMap, getPixelCenter)
       if (safeGet(datapointMetadataMap, datapoint).isGap) {
         continue;
       }
-      const { xPixel, yPixel, boundaries } = fn(series, datapoint);
+      const { xPixel, y0Pixel, y1Pixel, boundaries } = fn(series, datapoint);
       entries.push({
         xPixel,
-        yPixel,
+        y0Pixel,
+        y1Pixel,
         boundaries,
         result: {
           type: series.type,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/utils/build-sorted-entries.ts"],
-  "sourcesContent": ["import { getLinearAccessors } from './get-linear-accessors.js';\nimport { getCurrentScale } from './get-scale.js';\nimport {\n  getAccessors,\n  getPixelDimensionsForDatapoint,\n} from './query-hovered.js';\nimport { relAccessor } from './value-representation.js';\nimport { safeGet } from '../../core/utils/safe-get.js';\nimport type { SeriesQueryResult } from '../context/XYChartOverlayPerformance.context.js';\nimport type { AxisIdToScales } from '../context/XYChartScales.context.js';\nimport type {\n  AreaSeriesWithDatapoints,\n  AxisIdToScaleDomain,\n  BarSeriesWithDatapoints,\n  LineSeriesWithDatapoints,\n  MapDatapoints,\n  SeriesId,\n  SeriesToMetadata,\n} from '../types/xy-chart-internals.js';\nimport type {\n  AreaDatapoint,\n  BarDatapoint,\n  LineDatapoint,\n} from '../types/xy-chart.js';\n\nexport type SortedEntry = {\n  xPixel: number;\n  yPixel: number;\n  /**\n   * Stable cluster identifier built from the datapoint's x-domain\n   * (`x0-x1`). Entries sharing the same `boundaries` belong to the same\n   * stack / same start-end domain group.\n   */\n  boundaries: string;\n  result: SeriesQueryResult;\n};\n\n/**\n * Sorted-entry buckets keyed by shape. `bar`, `line`, and `area` are each\n * sorted ascending by `xPixel`. `combined` is the concatenation of all three,\n * also sorted ascending by `xPixel`, and is used for the cross-shape binary-\n * search cluster lookup that spans all shapes.\n *\n * Selection state in the shared tooltip is tracked per shape, so the\n * underlying data structure separates entries by shape even when only one is\n * in use.\n */\nexport type SortedEntriesPerShape = {\n  bar: SortedEntry[];\n  line: SortedEntry[];\n  area: SortedEntry[];\n  combined: SortedEntry[];\n};\n\nexport type BarPixelCenter = {\n  xPixel: number;\n  yPixel: number;\n  boundaries: string;\n};\n\n/**\n * Maps a (series, datapoint) pair to its bar's pixel center and\n * stack/cluster boundary. Used to anchor cluster lookups around the\n * hovered bar's exact pixel position instead of the cursor's.\n */\nexport type GetBarPixelCenter = (\n  series: BarSeriesWithDatapoints,\n  datapoint: BarDatapoint,\n) => BarPixelCenter;\n\n/**\n * Maps a (series, datapoint) pair to its line or area pixel center.\n * Handles both line and area series with a single builder \u2014 the accessor\n * selection (`yMiddleBandAccessor` for bands, `y1AreaAccessor` for plain\n * areas, etc.) is delegated to `getLinearAccessors`.\n */\nexport type GetLinearSeriesPixelCenter = (\n  series: LineSeriesWithDatapoints | AreaSeriesWithDatapoints,\n  datapoint: LineDatapoint | AreaDatapoint,\n) => BarPixelCenter;\n\n/**\n * Build a per-series-cached `GetBarPixelCenter`. Accessor construction\n * is non-trivial, so we memoize per series id to keep tight loops fast.\n */\nexport function buildGetBarPixelCenter(\n  axisIdToScales: AxisIdToScales,\n  seriesToMetadata: SeriesToMetadata,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n  datapointMetadataMap: MapDatapoints,\n): GetBarPixelCenter {\n  const accessorsBySeries = new Map<\n    SeriesId,\n    ReturnType<typeof getAccessors>\n  >();\n\n  return (series, datapoint) => {\n    let accessors = accessorsBySeries.get(series.id);\n    if (!accessors) {\n      const metadata = safeGet(seriesToMetadata, series);\n      const xRelAccessor = relAccessor(metadata.xAxis, axisIdToScaleDomain);\n      const yRelAccessor = relAccessor(metadata.yAxis, axisIdToScaleDomain);\n      accessors = getAccessors(\n        series,\n        axisIdToScales,\n        datapointMetadataMap,\n        xRelAccessor,\n        yRelAccessor,\n      );\n      accessorsBySeries.set(series.id, accessors);\n    }\n    const { x, y, width, height } = getPixelDimensionsForDatapoint(\n      datapoint,\n      accessors,\n    );\n    return {\n      xPixel: x + width / 2,\n      yPixel: y + height / 2,\n      boundaries: `${String(datapoint.x0)}-${String(datapoint.x1)}`,\n    };\n  };\n}\n\n/**\n * Build a per-series-cached `GetLinearSeriesPixelCenter` for both line and\n * area series. Uses the display accessors from `getLinearAccessors` \u2014 x\n * centers time bands and uses x0 for numeric/categorical; y resolves to\n * `yMiddleBandAccessor` for bands (AC4 mid(y0,y1)) or `y1AreaAccessor` for\n * plain areas. Memoizes per series id to keep tight loops fast.\n */\nexport function buildGetLinearSeriesPixelCenter(\n  axisIdToScales: AxisIdToScales,\n  seriesToMetadata: SeriesToMetadata,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n  datapointMetadataMap: MapDatapoints,\n): GetLinearSeriesPixelCenter {\n  const accessorsBySeries = new Map<\n    SeriesId,\n    {\n      xPixelFn: (d: LineDatapoint | AreaDatapoint) => number;\n      yPixelFn: (d: LineDatapoint | AreaDatapoint) => number;\n    }\n  >();\n\n  return (series, datapoint) => {\n    let cached = accessorsBySeries.get(series.id);\n    if (!cached) {\n      const metadata = safeGet(seriesToMetadata, series);\n      const xRelAccessor = relAccessor(metadata.xAxis, axisIdToScaleDomain);\n      const yRelAccessor = relAccessor(metadata.yAxis, axisIdToScaleDomain);\n      const { xAccessor, yAccessor } = getLinearAccessors(\n        series.type,\n        metadata,\n        datapointMetadataMap,\n        xRelAccessor,\n        yRelAccessor,\n      );\n      const xScale = getCurrentScale(axisIdToScales, series.xAxisId);\n      const yScale = getCurrentScale(axisIdToScales, series.yAxisId);\n      cached = {\n        xPixelFn: xAccessor(xScale) as (\n          d: LineDatapoint | AreaDatapoint,\n        ) => number,\n        yPixelFn: yAccessor(yScale) as (\n          d: LineDatapoint | AreaDatapoint,\n        ) => number,\n      };\n      accessorsBySeries.set(series.id, cached);\n    }\n    return {\n      xPixel: cached.xPixelFn(datapoint),\n      yPixel: cached.yPixelFn(datapoint),\n      boundaries: `${String(datapoint.x0)}-${String(datapoint.x1)}`,\n    };\n  };\n}\n\n// Overloads ensure call sites pass matching series/function pairs.\nfunction collectSortedEntries(\n  seriesArray: BarSeriesWithDatapoints[],\n  datapointMetadataMap: MapDatapoints,\n  getPixelCenter: GetBarPixelCenter,\n): SortedEntry[];\nfunction collectSortedEntries(\n  seriesArray: (LineSeriesWithDatapoints | AreaSeriesWithDatapoints)[],\n  datapointMetadataMap: MapDatapoints,\n  getPixelCenter: GetLinearSeriesPixelCenter,\n): SortedEntry[];\nfunction collectSortedEntries(\n  seriesArray: (\n    | BarSeriesWithDatapoints\n    | LineSeriesWithDatapoints\n    | AreaSeriesWithDatapoints\n  )[],\n  datapointMetadataMap: MapDatapoints,\n  getPixelCenter: GetBarPixelCenter | GetLinearSeriesPixelCenter,\n): SortedEntry[] {\n  // Cast once: the overloads above guarantee series and fn are a matched pair.\n  type AnyFn = (\n    series:\n      | BarSeriesWithDatapoints\n      | LineSeriesWithDatapoints\n      | AreaSeriesWithDatapoints,\n    datapoint: BarDatapoint | LineDatapoint | AreaDatapoint,\n  ) => BarPixelCenter;\n  const fn = getPixelCenter as unknown as AnyFn;\n\n  const entries: SortedEntry[] = [];\n  for (const series of seriesArray) {\n    for (const datapoint of series.data as (\n      | BarDatapoint\n      | LineDatapoint\n      | AreaDatapoint\n    )[]) {\n      if (safeGet(datapointMetadataMap, datapoint).isGap) {\n        continue;\n      }\n      const { xPixel, yPixel, boundaries } = fn(series, datapoint);\n      entries.push({\n        xPixel,\n        yPixel,\n        boundaries,\n        result: {\n          type: series.type,\n          distance: 0,\n          datapoint,\n          series,\n        } as unknown as SeriesQueryResult,\n      });\n    }\n  }\n  return entries;\n}\n\n/**\n * Build the per-shape sorted entries used by the shared tooltip query.\n *\n * Bar, line, and area series are each processed into their own bucket.\n * Each datapoint becomes one entry positioned at the series' pixel center,\n * with a `boundaries` key that groups entries sharing the same `x0-x1`.\n * Gap datapoints are skipped.\n *\n * Each per-shape bucket is sorted ascending by `xPixel`. `combined` merges\n * all three buckets and is also sorted ascending by `xPixel`, ready for a\n * cross-shape binary search cluster lookup.\n */\nexport function buildSortedEntries(\n  barSeries: BarSeriesWithDatapoints[],\n  lineSeries: LineSeriesWithDatapoints[],\n  areaSeries: AreaSeriesWithDatapoints[],\n  datapointMetadataMap: MapDatapoints,\n  getBarPixelCenter: GetBarPixelCenter,\n  getLinearSeriesPixelCenter: GetLinearSeriesPixelCenter,\n): SortedEntriesPerShape {\n  const bar = collectSortedEntries(\n    barSeries,\n    datapointMetadataMap,\n    getBarPixelCenter,\n  );\n  const line = collectSortedEntries(\n    lineSeries,\n    datapointMetadataMap,\n    getLinearSeriesPixelCenter,\n  );\n  const area = collectSortedEntries(\n    areaSeries,\n    datapointMetadataMap,\n    getLinearSeriesPixelCenter,\n  );\n\n  const byX = (a: SortedEntry, b: SortedEntry) => a.xPixel - b.xPixel;\n  bar.sort(byX);\n  line.sort(byX);\n  area.sort(byX);\n\n  const combined = [...bar, ...line, ...area].sort(byX);\n\n  return { bar, line, area, combined };\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { getLinearAccessors } from './get-linear-accessors.js';\nimport { getCurrentScale } from './get-scale.js';\nimport {\n  getAccessors,\n  getPixelDimensionsForDatapoint,\n} from './query-hovered.js';\nimport { relAccessor } from './value-representation.js';\nimport { safeGet } from '../../core/utils/safe-get.js';\nimport {\n  bandY0Accessor,\n  bandY1Accessor,\n} from '../components/displays/band-accessors.js';\nimport type { SeriesQueryResult } from '../context/XYChartOverlayPerformance.context.js';\nimport type { AxisIdToScales } from '../context/XYChartScales.context.js';\nimport { AREA_VARIANT, BAND_VARIANT } from '../types/xy-chart-internals.js';\nimport type {\n  AreaSeriesWithDatapoints,\n  AxisIdToScaleDomain,\n  BarSeriesWithDatapoints,\n  LineSeriesWithDatapoints,\n  MapDatapoints,\n  SeriesId,\n  SeriesToMetadata,\n} from '../types/xy-chart-internals.js';\nimport type {\n  AreaDatapoint,\n  BarDatapoint,\n  LineDatapoint,\n} from '../types/xy-chart.js';\n\nexport type SortedEntry = {\n  xPixel: number;\n  y0Pixel: number;\n  y1Pixel: number;\n  /**\n   * Stable cluster identifier built from the datapoint's x-domain\n   * (`x0-x1`). Entries sharing the same `boundaries` belong to the same\n   * stack / same start-end domain group.\n   */\n  boundaries: string;\n  result: SeriesQueryResult;\n};\n\n/**\n * Sorted-entry buckets keyed by shape. `bar`, `line`, and `area` are each\n * sorted ascending by `xPixel`. `combined` is the concatenation of all three,\n * also sorted ascending by `xPixel`, and is used for the cross-shape binary-\n * search cluster lookup that spans all shapes.\n *\n * Selection state in the shared tooltip is tracked per shape, so the\n * underlying data structure separates entries by shape even when only one is\n * in use.\n */\nexport type SortedEntriesPerShape = {\n  bar: SortedEntry[];\n  line: SortedEntry[];\n  area: SortedEntry[];\n  combined: SortedEntry[];\n};\n\nexport type BarPixelCenter = {\n  xPixel: number;\n  y0Pixel: number;\n  y1Pixel: number;\n  boundaries: string;\n};\n\n/**\n * Maps a (series, datapoint) pair to its bar's pixel center and\n * stack/cluster boundary. Used to anchor cluster lookups around the\n * hovered bar's exact pixel position instead of the cursor's.\n */\nexport type GetBarPixelCenter = (\n  series: BarSeriesWithDatapoints,\n  datapoint: BarDatapoint,\n) => BarPixelCenter;\n\n/**\n * Maps a (series, datapoint) pair to its line or area pixel center.\n * Handles both line and area series with a single builder \u2014 the accessor\n * selection (`yMiddleBandAccessor` for bands, `y1AreaAccessor` for plain\n * areas, etc.) is delegated to `getLinearAccessors`.\n */\nexport type GetLinearSeriesPixelCenter = (\n  series: LineSeriesWithDatapoints | AreaSeriesWithDatapoints,\n  datapoint: LineDatapoint | AreaDatapoint,\n) => BarPixelCenter;\n\n/**\n * Build a per-series-cached `GetBarPixelCenter`. Accessor construction\n * is non-trivial, so we memoize per series id to keep tight loops fast.\n */\nexport function buildGetBarPixelCenter(\n  axisIdToScales: AxisIdToScales,\n  seriesToMetadata: SeriesToMetadata,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n  datapointMetadataMap: MapDatapoints,\n): GetBarPixelCenter {\n  const accessorsBySeries = new Map<\n    SeriesId,\n    ReturnType<typeof getAccessors>\n  >();\n\n  return (series, datapoint) => {\n    let accessors = accessorsBySeries.get(series.id);\n    if (!accessors) {\n      const metadata = safeGet(seriesToMetadata, series);\n      const xRelAccessor = relAccessor(metadata.xAxis, axisIdToScaleDomain);\n      const yRelAccessor = relAccessor(metadata.yAxis, axisIdToScaleDomain);\n      accessors = getAccessors(\n        series,\n        axisIdToScales,\n        datapointMetadataMap,\n        xRelAccessor,\n        yRelAccessor,\n      );\n      accessorsBySeries.set(series.id, accessors);\n    }\n    const { x, y, width, height } = getPixelDimensionsForDatapoint(\n      datapoint,\n      accessors,\n    );\n    return {\n      xPixel: x + width / 2,\n      y0Pixel: y,\n      y1Pixel: y + height,\n      boundaries: `${String(datapoint.x0)}-${String(datapoint.x1)}`,\n    };\n  };\n}\n\n/**\n * Build a per-series-cached `GetLinearSeriesPixelCenter` for both line and\n * area series. Uses the display accessors from `getLinearAccessors` \u2014 x\n * centers time bands and uses x0 for numeric/categorical; y resolves to\n * `yMiddleBandAccessor` for bands (AC4 mid(y0,y1)) or `y1AreaAccessor` for\n * plain areas. Band areas also preserve their scaled `y0`/`y1` edges so\n * shared-hover distance checks can use the full band span. Memoizes per\n * series id to keep tight loops fast.\n */\nexport function buildGetLinearSeriesPixelCenter(\n  axisIdToScales: AxisIdToScales,\n  seriesToMetadata: SeriesToMetadata,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n  datapointMetadataMap: MapDatapoints,\n): GetLinearSeriesPixelCenter {\n  const accessorsBySeries = new Map<\n    SeriesId,\n    {\n      xPixelFn: (d: LineDatapoint | AreaDatapoint) => number;\n      yPixelFn: (d: LineDatapoint | AreaDatapoint) => number;\n      y0PixelFn?: (d: AreaDatapoint) => number;\n      y1PixelFn?: (d: AreaDatapoint) => number;\n    }\n  >();\n\n  return (series, datapoint) => {\n    let cached = accessorsBySeries.get(series.id);\n    if (!cached) {\n      const metadata = safeGet(seriesToMetadata, series);\n      const xRelAccessor = relAccessor(metadata.xAxis, axisIdToScaleDomain);\n      const yRelAccessor = relAccessor(metadata.yAxis, axisIdToScaleDomain);\n      const { xAccessor, yAccessor } = getLinearAccessors(\n        series.type,\n        metadata,\n        datapointMetadataMap,\n        xRelAccessor,\n        yRelAccessor,\n      );\n      const xScale = getCurrentScale(axisIdToScales, series.xAxisId);\n      const yScale = getCurrentScale(axisIdToScales, series.yAxisId);\n      const isBandArea =\n        series.type === AREA_VARIANT &&\n        'variant' in metadata &&\n        metadata.variant === BAND_VARIANT;\n      cached = {\n        xPixelFn: xAccessor(xScale) as (\n          d: LineDatapoint | AreaDatapoint,\n        ) => number,\n        yPixelFn: yAccessor(yScale) as (\n          d: LineDatapoint | AreaDatapoint,\n        ) => number,\n        ...(isBandArea\n          ? {\n              y0PixelFn: bandY0Accessor(yScale, yRelAccessor) as (\n                d: AreaDatapoint,\n              ) => number,\n              y1PixelFn: bandY1Accessor(yScale, yRelAccessor) as (\n                d: AreaDatapoint,\n              ) => number,\n            }\n          : {}),\n      };\n      accessorsBySeries.set(series.id, cached);\n    }\n    const yPixel = cached.yPixelFn(datapoint);\n    return {\n      xPixel: cached.xPixelFn(datapoint),\n      y0Pixel: cached.y0PixelFn?.(datapoint) ?? yPixel,\n      y1Pixel: cached.y1PixelFn?.(datapoint) ?? yPixel,\n      boundaries: `${String(datapoint.x0)}-${String(datapoint.x1)}`,\n    };\n  };\n}\n\n// Overloads ensure call sites pass matching series/function pairs.\nfunction collectSortedEntries(\n  seriesArray: BarSeriesWithDatapoints[],\n  datapointMetadataMap: MapDatapoints,\n  getPixelCenter: GetBarPixelCenter,\n): SortedEntry[];\nfunction collectSortedEntries(\n  seriesArray: (LineSeriesWithDatapoints | AreaSeriesWithDatapoints)[],\n  datapointMetadataMap: MapDatapoints,\n  getPixelCenter: GetLinearSeriesPixelCenter,\n): SortedEntry[];\nfunction collectSortedEntries(\n  seriesArray: (\n    | BarSeriesWithDatapoints\n    | LineSeriesWithDatapoints\n    | AreaSeriesWithDatapoints\n  )[],\n  datapointMetadataMap: MapDatapoints,\n  getPixelCenter: GetBarPixelCenter | GetLinearSeriesPixelCenter,\n): SortedEntry[] {\n  // Cast once: the overloads above guarantee series and fn are a matched pair.\n  type AnyFn = (\n    series:\n      | BarSeriesWithDatapoints\n      | LineSeriesWithDatapoints\n      | AreaSeriesWithDatapoints,\n    datapoint: BarDatapoint | LineDatapoint | AreaDatapoint,\n  ) => BarPixelCenter;\n  const fn = getPixelCenter as unknown as AnyFn;\n\n  const entries: SortedEntry[] = [];\n  for (const series of seriesArray) {\n    for (const datapoint of series.data as (\n      | BarDatapoint\n      | LineDatapoint\n      | AreaDatapoint\n    )[]) {\n      if (safeGet(datapointMetadataMap, datapoint).isGap) {\n        continue;\n      }\n      const { xPixel, y0Pixel, y1Pixel, boundaries } = fn(series, datapoint);\n      entries.push({\n        xPixel,\n        y0Pixel,\n        y1Pixel,\n        boundaries,\n        result: {\n          type: series.type,\n          distance: 0,\n          datapoint,\n          series,\n        } as unknown as SeriesQueryResult,\n      });\n    }\n  }\n  return entries;\n}\n\n/**\n * Build the per-shape sorted entries used by the shared tooltip query.\n *\n * Bar, line, and area series are each processed into their own bucket.\n * Each datapoint becomes one entry positioned at the series' pixel center,\n * with a `boundaries` key that groups entries sharing the same `x0-x1`.\n * Gap datapoints are skipped.\n *\n * Each per-shape bucket is sorted ascending by `xPixel`. `combined` merges\n * all three buckets and is also sorted ascending by `xPixel`, ready for a\n * cross-shape binary search cluster lookup.\n */\nexport function buildSortedEntries(\n  barSeries: BarSeriesWithDatapoints[],\n  lineSeries: LineSeriesWithDatapoints[],\n  areaSeries: AreaSeriesWithDatapoints[],\n  datapointMetadataMap: MapDatapoints,\n  getBarPixelCenter: GetBarPixelCenter,\n  getLinearSeriesPixelCenter: GetLinearSeriesPixelCenter,\n): SortedEntriesPerShape {\n  const bar = collectSortedEntries(\n    barSeries,\n    datapointMetadataMap,\n    getBarPixelCenter,\n  );\n  const line = collectSortedEntries(\n    lineSeries,\n    datapointMetadataMap,\n    getLinearSeriesPixelCenter,\n  );\n  const area = collectSortedEntries(\n    areaSeries,\n    datapointMetadataMap,\n    getLinearSeriesPixelCenter,\n  );\n\n  const byX = (a: SortedEntry, b: SortedEntry) => a.xPixel - b.xPixel;\n  bar.sort(byX);\n  line.sort(byX);\n  area.sort(byX);\n\n  const combined = [...bar, ...line, ...area].sort(byX);\n\n  return { bar, line, area, combined };\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart/utils/coloring/apply-color-rule-to-bar-series.js

@@ -0,0 +1,40 @@
+import { barDatapointMatchesColorRule } from "./bar-datapoint-matches-color-rule.js";
+import { getColorFromRule } from "./get-color-from-rule.js";
+import { safeGet } from "../../../core/utils/safe-get.js";
+const applyColorRuleToBarSeries = (series, rules, isValid, datapointMetadataMap, seriesToMetadata, seriesMetadata) => {
+  const datapointCount = series.data.length;
+  let matchedCount = 0;
+  const matchedColors = /* @__PURE__ */ new Set();
+  series.data.forEach((datapoint) => {
+    const matchingRule = rules.find(
+      (rule) => barDatapointMatchesColorRule(datapoint, rule, isValid, series)
+    );
+    if (!matchingRule) {
+      return;
+    }
+    const color = getColorFromRule(matchingRule);
+    if (!color) {
+      return;
+    }
+    matchedCount += 1;
+    matchedColors.add(color);
+    const metadata = safeGet(datapointMetadataMap, datapoint);
+    if (metadata) {
+      datapointMetadataMap.set(datapoint, {
+        ...metadata,
+        colorOverride: color
+      });
+    }
+  });
+  if (datapointCount > 0 && matchedCount === datapointCount && matchedColors.size === 1) {
+    const [sharedColor] = matchedColors;
+    seriesToMetadata.set(series, {
+      ...seriesMetadata,
+      color: { Default: sharedColor }
+    });
+  }
+};
+export {
+  applyColorRuleToBarSeries
+};
+//# sourceMappingURL=apply-color-rule-to-bar-series.js.map

package/esm/charts/xy-chart/utils/coloring/apply-color-rule-to-bar-series.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/xy-chart/utils/coloring/apply-color-rule-to-bar-series.ts"],
+  "sourcesContent": ["import { barDatapointMatchesColorRule } from './bar-datapoint-matches-color-rule.js';\nimport { getColorFromRule } from './get-color-from-rule.js';\nimport { ColorRuleProps } from '../../../core/types/color-rule.js';\nimport { safeGet } from '../../../core/utils/safe-get.js';\nimport type {\n  BarMetadata,\n  BarSeriesWithDatapoints,\n  ColorRuleValidator,\n  MapDatapoints,\n  SeriesToMetadata,\n} from '../../types/xy-chart-internals.js';\n\nexport const applyColorRuleToBarSeries = (\n  series: BarSeriesWithDatapoints,\n  rules: ColorRuleProps[],\n  isValid: ColorRuleValidator,\n  datapointMetadataMap: MapDatapoints,\n  seriesToMetadata: SeriesToMetadata,\n  seriesMetadata: BarMetadata,\n): void => {\n  const datapointCount = series.data.length;\n  let matchedCount = 0;\n  const matchedColors = new Set<string>();\n\n  series.data.forEach((datapoint) => {\n    const matchingRule = rules.find((rule) =>\n      barDatapointMatchesColorRule(datapoint, rule, isValid, series),\n    );\n\n    if (!matchingRule) {\n      return;\n    }\n\n    const color = getColorFromRule(matchingRule);\n    if (!color) {\n      return;\n    }\n\n    matchedCount += 1;\n    matchedColors.add(color);\n\n    const metadata = safeGet(datapointMetadataMap, datapoint);\n    if (metadata) {\n      datapointMetadataMap.set(datapoint, {\n        ...metadata,\n        colorOverride: color,\n      });\n    }\n  });\n\n  // Mirror Honeycomb legend semantics: only recolor the legend swatch when\n  // every datapoint in the series ends up recolored to the same rule color;\n  // partial matches keep the original series color so the legend does not\n  // misrepresent the mixed datapoint palette.\n  if (\n    datapointCount > 0 &&\n    matchedCount === datapointCount &&\n    matchedColors.size === 1\n  ) {\n    const [sharedColor] = matchedColors;\n    seriesToMetadata.set(series, {\n      ...seriesMetadata,\n      color: { Default: sharedColor },\n    });\n  }\n};\n"],
+  "mappings": "AAAA,SAAS,oCAAoC;AAC7C,SAAS,wBAAwB;AAEjC,SAAS,eAAe;AASjB,MAAM,4BAA4B,CACvC,QACA,OACA,SACA,sBACA,kBACA,mBACS;AACT,QAAM,iBAAiB,OAAO,KAAK;AACnC,MAAI,eAAe;AACnB,QAAM,gBAAgB,oBAAI,IAAY;AAEtC,SAAO,KAAK,QAAQ,CAAC,cAAc;AACjC,UAAM,eAAe,MAAM;AAAA,MAAK,CAAC,SAC/B,6BAA6B,WAAW,MAAM,SAAS,MAAM;AAAA,IAC/D;AAEA,QAAI,CAAC,cAAc;AACjB;AAAA,IACF;AAEA,UAAM,QAAQ,iBAAiB,YAAY;AAC3C,QAAI,CAAC,OAAO;AACV;AAAA,IACF;AAEA,oBAAgB;AAChB,kBAAc,IAAI,KAAK;AAEvB,UAAM,WAAW,QAAQ,sBAAsB,SAAS;AACxD,QAAI,UAAU;AACZ,2BAAqB,IAAI,WAAW;AAAA,QAClC,GAAG;AAAA,QACH,eAAe;AAAA,MACjB,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAMD,MACE,iBAAiB,KACjB,iBAAiB,kBACjB,cAAc,SAAS,GACvB;AACA,UAAM,CAAC,WAAW,IAAI;AACtB,qBAAiB,IAAI,QAAQ;AAAA,MAC3B,GAAG;AAAA,MACH,OAAO,EAAE,SAAS,YAAY;AAAA,IAChC,CAAC;AAAA,EACH;AACF;",
+  "names": []
+}

package/esm/charts/xy-chart/utils/coloring/apply-color-rule-to-series-metadata.js

@@ -1,6 +1,7 @@
 import { getColorPalette } from "../../../core/utils/get-color-palette.js";
 const applyColorRuleToSeriesMetadata = (seriesToMetadata, series, seriesMetadata, rule, index) => {
-  const colorOverride = rule.colorPalette ? getColorPalette(seriesMetadata.name, index, rule.colorPalette) : { Default: rule.color };
+  const seriesName = seriesMetadata.name ?? "";
+  const colorOverride = rule.colorPalette ? getColorPalette(seriesName, index, rule.colorPalette) : { Default: rule.color };
   if (colorOverride) {
     seriesToMetadata.set(series, {
       ...seriesMetadata,

package/esm/charts/xy-chart/utils/coloring/apply-color-rule-to-series-metadata.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/utils/coloring/apply-color-rule-to-series-metadata.ts"],
-  "sourcesContent": ["import { ColorRuleProps } from '../../../core/types/color-rule.js';\nimport { getColorPalette } from '../../../core/utils/get-color-palette.js';\nimport type {\n  BarMetadata,\n  DotMetadata,\n  LineMetadata,\n  SeriesToMetadata,\n  XYChartSeriesWithDatapoints,\n} from '../../types/xy-chart-internals.js';\n\nexport const applyColorRuleToSeriesMetadata = (\n  seriesToMetadata: SeriesToMetadata,\n  series: XYChartSeriesWithDatapoints,\n  seriesMetadata: DotMetadata | LineMetadata | BarMetadata,\n  rule: ColorRuleProps,\n  index: number,\n) => {\n  const colorOverride = rule.colorPalette\n    ? getColorPalette(seriesMetadata.name, index, rule.colorPalette)\n    : { Default: rule.color };\n\n  if (colorOverride) {\n    seriesToMetadata.set(series, {\n      ...seriesMetadata,\n      color: colorOverride,\n    });\n  }\n};\n"],
-  "mappings": "AACA,SAAS,uBAAuB;AASzB,MAAM,iCAAiC,CAC5C,kBACA,QACA,gBACA,MACA,UACG;AACH,QAAM,gBAAgB,KAAK,eACvB,gBAAgB,eAAe,MAAM,OAAO,KAAK,YAAY,IAC7D,EAAE,SAAS,KAAK,MAAM;AAE1B,MAAI,eAAe;AACjB,qBAAiB,IAAI,QAAQ;AAAA,MAC3B,GAAG;AAAA,MACH,OAAO;AAAA,IACT,CAAC;AAAA,EACH;AACF;",
+  "sourcesContent": ["import { ColorRuleProps } from '../../../core/types/color-rule.js';\nimport { getColorPalette } from '../../../core/utils/get-color-palette.js';\nimport type {\n  BarMetadata,\n  DotMetadata,\n  LineMetadata,\n  SeriesToMetadata,\n  XYChartSeriesWithDatapoints,\n} from '../../types/xy-chart-internals.js';\n\nexport const applyColorRuleToSeriesMetadata = (\n  seriesToMetadata: SeriesToMetadata,\n  series: XYChartSeriesWithDatapoints,\n  seriesMetadata: DotMetadata | LineMetadata | BarMetadata,\n  rule: ColorRuleProps,\n  index: number,\n) => {\n  const seriesName = seriesMetadata.name ?? '';\n  const colorOverride = rule.colorPalette\n    ? getColorPalette(seriesName, index, rule.colorPalette)\n    : { Default: rule.color };\n\n  if (colorOverride) {\n    seriesToMetadata.set(series, {\n      ...seriesMetadata,\n      color: colorOverride,\n    });\n  }\n};\n"],
+  "mappings": "AACA,SAAS,uBAAuB;AASzB,MAAM,iCAAiC,CAC5C,kBACA,QACA,gBACA,MACA,UACG;AACH,QAAM,aAAa,eAAe,QAAQ;AAC1C,QAAM,gBAAgB,KAAK,eACvB,gBAAgB,YAAY,OAAO,KAAK,YAAY,IACpD,EAAE,SAAS,KAAK,MAAM;AAE1B,MAAI,eAAe;AACjB,qBAAiB,IAAI,QAAQ;AAAA,MAC3B,GAAG;AAAA,MACH,OAAO;AAAA,IACT,CAAC;AAAA,EACH;AACF;",
   "names": []
 }

package/esm/charts/xy-chart/utils/coloring/bar-datapoint-matches-color-rule.js

@@ -0,0 +1,11 @@
+import { get, isNil } from "lodash-es";
+import { getFallbackValueAccessor } from "../get-fallback-value-accessor.js";
+const barDatapointMatchesColorRule = (datapoint, rule, isValid, series) => {
+  const accessor = rule.valueAccessor ?? getFallbackValueAccessor(series);
+  const subject = get(datapoint, accessor);
+  return !isNil(subject) && isValid(subject, rule.comparator, rule.matchValue);
+};
+export {
+  barDatapointMatchesColorRule
+};
+//# sourceMappingURL=bar-datapoint-matches-color-rule.js.map

package/esm/charts/xy-chart/utils/coloring/bar-datapoint-matches-color-rule.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/xy-chart/utils/coloring/bar-datapoint-matches-color-rule.ts"],
+  "sourcesContent": ["import { get, isNil } from 'lodash-es';\n\nimport { ColorRuleProps, MatchValue } from '../../../core/types/color-rule.js';\nimport type {\n  BarSeriesWithDatapoints,\n  ColorRuleValidator,\n} from '../../types/xy-chart-internals.js';\nimport type { BarDatapoint } from '../../types/xy-chart.js';\nimport { getFallbackValueAccessor } from '../get-fallback-value-accessor.js';\n\nexport const barDatapointMatchesColorRule = (\n  datapoint: BarDatapoint,\n  rule: ColorRuleProps,\n  isValid: ColorRuleValidator,\n  series: BarSeriesWithDatapoints,\n): boolean => {\n  const accessor = rule.valueAccessor ?? getFallbackValueAccessor(series);\n  const subject = get(datapoint, accessor) as MatchValue;\n  return !isNil(subject) && isValid(subject, rule.comparator, rule.matchValue);\n};\n"],
+  "mappings": "AAAA,SAAS,KAAK,aAAa;AAQ3B,SAAS,gCAAgC;AAElC,MAAM,+BAA+B,CAC1C,WACA,MACA,SACA,WACY;AACZ,QAAM,WAAW,KAAK,iBAAiB,yBAAyB,MAAM;AACtE,QAAM,UAAU,IAAI,WAAW,QAAQ;AACvC,SAAO,CAAC,MAAM,OAAO,KAAK,QAAQ,SAAS,KAAK,YAAY,KAAK,UAAU;AAC7E;",
+  "names": []
+}

package/esm/charts/xy-chart/utils/coloring/has-series-matching-datapoint.js

@@ -1,9 +1,11 @@
 import { get, isNil } from "lodash-es";
+import { singleLineName } from "../../../core/utils/single-line-name.js";
 import { getFallbackValueAccessor } from "../get-fallback-value-accessor.js";
 const hasSeriesMatchingDatapoint = (series, rule, isValid) => {
   const accessor = rule.valueAccessor ?? getFallbackValueAccessor(series);
   return series.data.some((datapoint) => {
-    const subject = get(datapoint, accessor);
+    const rawSubject = get(datapoint, accessor);
+    const subject = Array.isArray(rawSubject) ? singleLineName(rawSubject) : rawSubject;
     return !isNil(subject) && isValid(subject, rule.comparator, rule.matchValue);
   });
 };

package/esm/charts/xy-chart/utils/coloring/has-series-matching-datapoint.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/utils/coloring/has-series-matching-datapoint.ts"],
-  "sourcesContent": ["import { get, isNil } from 'lodash-es';\n\nimport { ColorRuleProps, MatchValue } from '../../../core/types/color-rule.js';\nimport type {\n  XYChartSeriesWithDatapoints,\n  ColorRuleValidator,\n} from '../../types/xy-chart-internals.js';\nimport { getFallbackValueAccessor } from '../get-fallback-value-accessor.js';\n\nexport const hasSeriesMatchingDatapoint = (\n  series: XYChartSeriesWithDatapoints,\n  rule: ColorRuleProps,\n  isValid: ColorRuleValidator,\n): boolean => {\n  const accessor = rule.valueAccessor ?? getFallbackValueAccessor(series);\n\n  return series.data.some((datapoint) => {\n    const subject = get(datapoint, accessor) as MatchValue;\n    return (\n      !isNil(subject) && isValid(subject, rule.comparator, rule.matchValue)\n    );\n  });\n};\n"],
-  "mappings": "AAAA,SAAS,KAAK,aAAa;AAO3B,SAAS,gCAAgC;AAElC,MAAM,6BAA6B,CACxC,QACA,MACA,YACY;AACZ,QAAM,WAAW,KAAK,iBAAiB,yBAAyB,MAAM;AAEtE,SAAO,OAAO,KAAK,KAAK,CAAC,cAAc;AACrC,UAAM,UAAU,IAAI,WAAW,QAAQ;AACvC,WACE,CAAC,MAAM,OAAO,KAAK,QAAQ,SAAS,KAAK,YAAY,KAAK,UAAU;AAAA,EAExE,CAAC;AACH;",
+  "sourcesContent": ["import { get, isNil } from 'lodash-es';\n\nimport { ColorRuleProps, MatchValue } from '../../../core/types/color-rule.js';\nimport { singleLineName } from '../../../core/utils/single-line-name.js';\nimport type {\n  XYChartSeriesWithDatapoints,\n  ColorRuleValidator,\n} from '../../types/xy-chart-internals.js';\nimport { getFallbackValueAccessor } from '../get-fallback-value-accessor.js';\n\nexport const hasSeriesMatchingDatapoint = (\n  series: XYChartSeriesWithDatapoints,\n  rule: ColorRuleProps,\n  isValid: ColorRuleValidator,\n): boolean => {\n  const accessor = rule.valueAccessor ?? getFallbackValueAccessor(series);\n\n  return series.data.some((datapoint) => {\n    const rawSubject = get(datapoint, accessor);\n    const subject = Array.isArray(rawSubject)\n      ? singleLineName(rawSubject as string[])\n      : (rawSubject as MatchValue);\n    return (\n      !isNil(subject) && isValid(subject, rule.comparator, rule.matchValue)\n    );\n  });\n};\n"],
+  "mappings": "AAAA,SAAS,KAAK,aAAa;AAG3B,SAAS,sBAAsB;AAK/B,SAAS,gCAAgC;AAElC,MAAM,6BAA6B,CACxC,QACA,MACA,YACY;AACZ,QAAM,WAAW,KAAK,iBAAiB,yBAAyB,MAAM;AAEtE,SAAO,OAAO,KAAK,KAAK,CAAC,cAAc;AACrC,UAAM,aAAa,IAAI,WAAW,QAAQ;AAC1C,UAAM,UAAU,MAAM,QAAQ,UAAU,IACpC,eAAe,UAAsB,IACpC;AACL,WACE,CAAC,MAAM,OAAO,KAAK,QAAQ,SAAS,KAAK,YAAY,KAAK,UAAU;AAAA,EAExE,CAAC;AACH;",
   "names": []
 }

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

@@ -101,7 +101,8 @@ const iterateSlots = (children) => {
       slots.tooltip = {
         hidden: child.props.hidden ?? false,
         template: child.props.children,
-        variant: child.props._variant ?? "single"
+        variant: child.props._variant ?? "single",
+        seriesDisplayMode: child.props._seriesDisplayMode
       };
     }
   });