@dynatrace/strato-components 3.4.0 → 3.5.0

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/processing-strategies/strategies/line-series.ts"],
-  "sourcesContent": ["import { SeriesBaseStrategy } from './base-series.js';\nimport { GappableSeriesHelper } from './gappable-series.js';\nimport { isValidPointsDisplay } from '../../../core/components/canvas/utils/is-valid-points-display.js';\nimport { safeGet } from '../../../core/utils/safe-get.js';\nimport { DEFAULT_POINTS_DISPLAY } from '../../constants/defaults.js';\nimport type {\n  DatapointMetadata,\n  LineSeriesWithDatapoints,\n  XYChartAxisInternal,\n  XYChartLineSeriesInternal,\n  XYChartVariantsInternal,\n} from '../../types/xy-chart-internals.js';\nimport type { XYChartSelectionLinearMetadata } from '../../types/xy-chart-selection.js';\nimport {\n  type LineDatapoint,\n  type XYChartColorPalette,\n  type XYChartData,\n} from '../../types/xy-chart.js';\nimport { isLineSeries } from '../../utils/type-guards.js';\nimport type {\n  LineSeriesConstructor,\n  MutableProcessingContext,\n} from '../types/processing-types.js';\nimport {\n  getDatumValue,\n  getLineDatapoint,\n} from '../utils/access-datapoint/get-datapoints.js';\nimport { getCalculatedLinearPoint } from '../utils/cast-data/get-calculated-linear-point.js';\nimport { getLinearColor } from '../utils/coloring/get-linear-color-palette.js';\n\nexport class LineSeriesStrategy extends SeriesBaseStrategy<XYChartSelectionLinearMetadata> {\n  private readonly gapHelper: GappableSeriesHelper<LineDatapoint>;\n\n  constructor(initializer: LineSeriesConstructor) {\n    super(initializer);\n    this.gapHelper = new GappableSeriesHelper();\n  }\n\n  canHandle(\n    seriesProps: XYChartVariantsInternal,\n  ): seriesProps is XYChartLineSeriesInternal {\n    return isLineSeries(seriesProps);\n  }\n\n  protected getSeriesId(\n    datum: XYChartData,\n    seriesProps: XYChartLineSeriesInternal,\n  ): string {\n    return getDatumValue(\n      datum,\n      seriesProps.seriesIdAccessor,\n    )?.toString() as string;\n  }\n\n  protected createSeriesMetadata(\n    datum: XYChartData,\n    seriesProps: XYChartLineSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    seriesId: string,\n    context: MutableProcessingContext,\n  ) {\n    const { intl, seriesIndexes } = context;\n    const { nameAccessor: seriesNameAccessor } = seriesProps;\n\n    const seriesIndex = this.getOrCreateSeriesIndex(seriesId, seriesIndexes);\n    const seriesName = this.getSeriesName(intl, seriesIndex, undefined, {\n      seriesNameAccessor,\n      datum,\n    });\n\n    const color = this.getColor(\n      datum,\n      seriesProps,\n      context.colorPalette,\n      seriesName,\n      seriesIndex,\n    );\n\n    return {\n      xAxis,\n      yAxis,\n      curve: seriesProps.curve,\n      actions: seriesProps.actions,\n      pointsDisplay:\n        seriesProps.pointsDisplay &&\n        isValidPointsDisplay(seriesProps.pointsDisplay)\n          ? seriesProps.pointsDisplay\n          : DEFAULT_POINTS_DISPLAY,\n      ...color,\n      name: seriesName,\n    };\n  }\n\n  protected getCalculationPoint(\n    datapoint: LineDatapoint,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return getCalculatedLinearPoint(datapoint, xAxis, yAxis);\n  }\n\n  protected processImpl(\n    datum: XYChartData,\n    seriesProps: XYChartLineSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    datapoint: LineDatapoint,\n    context: MutableProcessingContext,\n  ) {\n    const { seriesMap, seriesToMetadata } = context;\n\n    const seriesId = this.getSeriesId(datum, seriesProps);\n    const isSeriesVisible =\n      context.filteredSeriesIds === undefined ||\n      context.filteredSeriesIds.has(seriesId);\n\n    let currentSeries: LineSeriesWithDatapoints | undefined =\n      seriesMap.get(seriesId);\n\n    if (!currentSeries) {\n      currentSeries = this.createSeries(\n        seriesId,\n        seriesProps,\n        xAxis,\n        yAxis,\n      ) as LineSeriesWithDatapoints;\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\n      seriesToMetadata.set(currentSeries, {\n        ...metadata,\n        isVisible: isSeriesVisible,\n      });\n    }\n\n    const datapointMetadata: DatapointMetadata = { isGap: false };\n\n    if (isSeriesVisible) {\n      const gappedDatapoint = this.gapHelper.handleGapDetection(\n        datapoint,\n        currentSeries,\n        xAxis,\n        yAxis,\n      );\n\n      if (gappedDatapoint) {\n        this.registerDatapoint(\n          gappedDatapoint,\n          { isGap: true },\n          currentSeries,\n          context,\n        );\n      }\n    }\n\n    this.registerDatapoint(\n      datapoint,\n      datapointMetadata,\n      currentSeries,\n      context,\n    );\n\n    if (isSeriesVisible) {\n      const currentSeriesMetadata = safeGet(seriesToMetadata, currentSeries);\n\n      this.addValue({\n        series: currentSeries,\n        datapoint,\n        color: currentSeriesMetadata?.color,\n      });\n\n      const calcPoint = this.getCalculationPoint(datapoint, xAxis, yAxis);\n\n      this.updateAxisDomains(\n        calcPoint,\n        xAxis,\n        yAxis,\n        context.axisIdToScaleDomain,\n      );\n    }\n  }\n\n  getColor(\n    datum: XYChartData,\n    seriesProps: XYChartLineSeriesInternal,\n    configColorPalette: XYChartColorPalette | undefined,\n    seriesName: string,\n    seriesIndex: number,\n  ) {\n    return getLinearColor(\n      datum,\n      seriesProps,\n      configColorPalette,\n      seriesName,\n      seriesIndex,\n    );\n  }\n\n  getDatapoint(\n    datum: XYChartData,\n    seriesProps: XYChartLineSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return getLineDatapoint(datum, seriesProps, xAxis, yAxis);\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { SeriesBaseStrategy } from './base-series.js';\nimport { GappableSeriesHelper } from './gappable-series.js';\nimport { isValidPointsDisplay } from '../../../core/components/canvas/utils/is-valid-points-display.js';\nimport { safeGet } from '../../../core/utils/safe-get.js';\nimport { DEFAULT_POINTS_DISPLAY } from '../../constants/defaults.js';\nimport type {\n  DatapointMetadata,\n  LineSeriesWithDatapoints,\n  XYChartAxisInternal,\n  XYChartLineSeriesInternal,\n  XYChartVariantsInternal,\n} from '../../types/xy-chart-internals.js';\nimport type { XYChartSelectionLinearMetadata } from '../../types/xy-chart-selection.js';\nimport {\n  type LineDatapoint,\n  type XYChartColorPalette,\n  type XYChartData,\n} from '../../types/xy-chart.js';\nimport { isLineSeries } from '../../utils/type-guards.js';\nimport type {\n  LineSeriesConstructor,\n  MutableProcessingContext,\n} from '../types/processing-types.js';\nimport {\n  getDatumValue,\n  getLineDatapoint,\n} from '../utils/access-datapoint/get-datapoints.js';\nimport { getCalculatedLinearPoint } from '../utils/cast-data/get-calculated-linear-point.js';\nimport { getLinearColor } from '../utils/coloring/get-linear-color-palette.js';\n\nexport class LineSeriesStrategy extends SeriesBaseStrategy<XYChartSelectionLinearMetadata> {\n  private readonly gapHelper: GappableSeriesHelper<LineDatapoint>;\n\n  constructor(initializer: LineSeriesConstructor) {\n    super(initializer);\n    this.gapHelper = new GappableSeriesHelper();\n  }\n\n  canHandle(\n    seriesProps: XYChartVariantsInternal,\n  ): seriesProps is XYChartLineSeriesInternal {\n    return isLineSeries(seriesProps);\n  }\n\n  protected getSeriesId(\n    datum: XYChartData,\n    seriesProps: XYChartLineSeriesInternal,\n  ): string {\n    return getDatumValue(\n      datum,\n      seriesProps.seriesIdAccessor,\n    )?.toString() as string;\n  }\n\n  protected createSeriesMetadata(\n    datum: XYChartData,\n    seriesProps: XYChartLineSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    seriesId: string,\n    context: MutableProcessingContext,\n  ) {\n    const { intl, seriesIndexes } = context;\n    const { nameAccessor: seriesNameAccessor } = seriesProps;\n\n    const seriesIndex = this.getOrCreateSeriesIndex(seriesId, seriesIndexes);\n    const seriesName = this.getSeriesName(intl, seriesIndex, undefined, {\n      seriesNameAccessor,\n      datum,\n    });\n\n    const color = this.getColor(\n      datum,\n      seriesProps,\n      context.colorPalette,\n      seriesName,\n      seriesIndex,\n    );\n\n    return {\n      xAxis,\n      yAxis,\n      curve: seriesProps.curve,\n      actions: seriesProps.actions,\n      pointsDisplay:\n        seriesProps.pointsDisplay &&\n        isValidPointsDisplay(seriesProps.pointsDisplay)\n          ? seriesProps.pointsDisplay\n          : DEFAULT_POINTS_DISPLAY,\n      ...color,\n      name: seriesName,\n    };\n  }\n\n  protected getCalculationPoint(\n    datapoint: LineDatapoint,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return getCalculatedLinearPoint(datapoint, xAxis, yAxis);\n  }\n\n  protected processImpl(\n    datum: XYChartData,\n    seriesProps: XYChartLineSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    datapoint: LineDatapoint,\n    context: MutableProcessingContext,\n  ) {\n    const { seriesMap, seriesToMetadata } = context;\n\n    const seriesId = this.getSeriesId(datum, seriesProps);\n    const isSeriesVisible =\n      context.filteredSeriesIds === undefined ||\n      context.filteredSeriesIds.has(seriesId);\n\n    let currentSeries: LineSeriesWithDatapoints | undefined =\n      seriesMap.get(seriesId);\n\n    if (!currentSeries) {\n      currentSeries = this.createSeries(\n        seriesId,\n        seriesProps,\n        xAxis,\n        yAxis,\n      ) as LineSeriesWithDatapoints;\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\n      seriesToMetadata.set(currentSeries, {\n        ...metadata,\n        isVisible: isSeriesVisible,\n      });\n    }\n\n    const datapointMetadata: DatapointMetadata = { isGap: false };\n\n    if (isSeriesVisible) {\n      const gappedDatapoint = this.gapHelper.handleGapDetection(\n        datapoint,\n        currentSeries,\n        xAxis,\n        yAxis,\n      );\n\n      if (gappedDatapoint) {\n        this.registerDatapoint(\n          gappedDatapoint,\n          { isGap: true },\n          currentSeries,\n          context,\n        );\n      }\n    }\n\n    this.registerDatapoint(\n      datapoint,\n      datapointMetadata,\n      currentSeries,\n      context,\n    );\n\n    const calcPoint = this.getCalculationPoint(datapoint, xAxis, yAxis);\n\n    this.updateAxisDomains(\n      calcPoint,\n      xAxis,\n      yAxis,\n      context.axisIdToScaleDomain,\n      isSeriesVisible,\n    );\n\n    if (isSeriesVisible) {\n      context.axisWithSeries.add(xAxis.id);\n      context.axisWithSeries.add(yAxis.id);\n\n      const currentSeriesMetadata = safeGet(seriesToMetadata, currentSeries);\n\n      this.addValue({\n        series: currentSeries,\n        datapoint,\n        color: currentSeriesMetadata?.color,\n      });\n    }\n  }\n\n  getColor(\n    datum: XYChartData,\n    seriesProps: XYChartLineSeriesInternal,\n    configColorPalette: XYChartColorPalette | undefined,\n    seriesName: string,\n    seriesIndex: number,\n  ) {\n    return getLinearColor(\n      datum,\n      seriesProps,\n      configColorPalette,\n      seriesName,\n      seriesIndex,\n    );\n  }\n\n  getDatapoint(\n    datum: XYChartData,\n    seriesProps: XYChartLineSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return getLineDatapoint(datum, seriesProps, xAxis, yAxis);\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -97,20 +97,23 @@ class RectSeriesStrategy extends SeriesBaseStrategy {
       context
     );
     const datapointIsVisible = datapointMetadata.isVisible === void 0 || datapointMetadata.isVisible === true;
-    if (!datapointMetadata.isGap && datapointIsVisible) {
-      this.addValue({
-        series: currentSeries,
-        datapoint
-      });
-    }
     if (datapointIsVisible) {
-      this.updateAxisDomains(
-        datapoint,
-        xAxis,
-        yAxis,
-        context.axisIdToScaleDomain
-      );
+      context.axisWithSeries.add(xAxis.id);
+      context.axisWithSeries.add(yAxis.id);
+      if (!datapointMetadata.isGap) {
+        this.addValue({
+          series: currentSeries,
+          datapoint
+        });
+      }
     }
+    this.updateAxisDomains(
+      datapoint,
+      xAxis,
+      yAxis,
+      context.axisIdToScaleDomain,
+      datapointIsVisible
+    );
   }
   getColor(colorPalette, fallbackColorPalette) {
     const validColorPalette = getValidColorPalette(

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 (!datapointMetadata.isGap && datapointIsVisible) {\n      this.addValue({\n        series: currentSeries,\n        datapoint,\n      });\n    }\n\n    if (datapointIsVisible) {\n      this.updateAxisDomains(\n        datapoint,\n        xAxis,\n        yAxis,\n        context.axisIdToScaleDomain,\n      );\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 { 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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",
   "names": []
 }

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

@@ -7,11 +7,13 @@ import { XYChartAnnotationsHiddenTracksContext } from "../context/XYChartAnnotat
 import { XYChartAnnotationsIndicatorsContext } from "../context/XYChartAnnotationsIndicators.context.js";
 import { useAxesConfig } from "../hooks/useAxesConfig.js";
 import { useXYChartAnnotationsConfig } from "../hooks/useXYChartAnnotationsConfig.js";
+import { useAnnotationsState } from "../store/selectors.js";
 const XYChartAnnotationsDataProvider = ({
   children
 }) => {
   const annotationsConfig = useXYChartAnnotationsConfig();
   const axesConfig = useAxesConfig();
+  const selection = useAnnotationsState();
   if (isUndefined(annotationsConfig) || isUndefined(annotationsConfig?.data)) {
     return children;
   }
@@ -19,7 +21,7 @@ const XYChartAnnotationsDataProvider = ({
     return children;
   }
   const { data, tracksConfig, markersConfig } = annotationsConfig;
-  const { indicators, annotationsByTrack, hiddenTracks } = getIndicatorsFromAnnotations(data, tracksConfig, markersConfig);
+  const { indicators, annotationsByTrack, hiddenTracks } = getIndicatorsFromAnnotations(data, tracksConfig, markersConfig, selection);
   return /* @__PURE__ */ jsx(XYChartAnnotationsDataContext.Provider, { value: annotationsByTrack, children: /* @__PURE__ */ jsx(
     XYChartAnnotationsHiddenTracksContext.Provider,
     {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/providers/XYChartAnnotationsDataProvider.tsx"],
-  "sourcesContent": ["import { isUndefined } from 'lodash-es';\nimport { PropsWithChildren } from 'react';\n\nimport { getIndicatorsFromAnnotations } from '../components/annotations/utils/get-indicators-from-annotations.js';\nimport { isValidAnnotationsAxis } from '../components/annotations/utils.js';\nimport { XYChartAnnotationsDataContext } from '../context/XYChartAnnotationsData.context.js';\nimport { XYChartAnnotationsHiddenTracksContext } from '../context/XYChartAnnotationsHiddenTracks.context.js';\nimport { XYChartAnnotationsIndicatorsContext } from '../context/XYChartAnnotationsIndicators.context.js';\nimport { useAxesConfig } from '../hooks/useAxesConfig.js';\nimport { useXYChartAnnotationsConfig } from '../hooks/useXYChartAnnotationsConfig.js';\n\nexport const XYChartAnnotationsDataProvider = ({\n  children,\n}: PropsWithChildren) => {\n  const annotationsConfig = useXYChartAnnotationsConfig();\n  const axesConfig = useAxesConfig();\n\n  if (isUndefined(annotationsConfig) || isUndefined(annotationsConfig?.data)) {\n    return children;\n  }\n\n  if (!isValidAnnotationsAxis(annotationsConfig.xAxisId, axesConfig)) {\n    return children;\n  }\n\n  const { data, tracksConfig, markersConfig } = annotationsConfig;\n  const { indicators, annotationsByTrack, hiddenTracks } =\n    getIndicatorsFromAnnotations(data, tracksConfig, markersConfig);\n\n  return (\n    <XYChartAnnotationsDataContext.Provider value={annotationsByTrack}>\n      <XYChartAnnotationsHiddenTracksContext.Provider\n        value={Array.from(hiddenTracks)}\n      >\n        <XYChartAnnotationsIndicatorsContext.Provider value={indicators}>\n          {children}\n        </XYChartAnnotationsIndicatorsContext.Provider>\n      </XYChartAnnotationsHiddenTracksContext.Provider>\n    </XYChartAnnotationsDataContext.Provider>\n  );\n};\n"],
-  "mappings": "AAkCQ;AAlCR,SAAS,mBAAmB;AAG5B,SAAS,oCAAoC;AAC7C,SAAS,8BAA8B;AACvC,SAAS,qCAAqC;AAC9C,SAAS,6CAA6C;AACtD,SAAS,2CAA2C;AACpD,SAAS,qBAAqB;AAC9B,SAAS,mCAAmC;AAErC,MAAM,iCAAiC,CAAC;AAAA,EAC7C;AACF,MAAyB;AACvB,QAAM,oBAAoB,4BAA4B;AACtD,QAAM,aAAa,cAAc;AAEjC,MAAI,YAAY,iBAAiB,KAAK,YAAY,mBAAmB,IAAI,GAAG;AAC1E,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,uBAAuB,kBAAkB,SAAS,UAAU,GAAG;AAClE,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,MAAM,cAAc,cAAc,IAAI;AAC9C,QAAM,EAAE,YAAY,oBAAoB,aAAa,IACnD,6BAA6B,MAAM,cAAc,aAAa;AAEhE,SACE,oBAAC,8BAA8B,UAA9B,EAAuC,OAAO,oBAC7C;AAAA,IAAC,sCAAsC;AAAA,IAAtC;AAAA,MACC,OAAO,MAAM,KAAK,YAAY;AAAA,MAE9B,8BAAC,oCAAoC,UAApC,EAA6C,OAAO,YAClD,UACH;AAAA;AAAA,EACF,GACF;AAEJ;",
+  "sourcesContent": ["import { isUndefined } from 'lodash-es';\nimport { PropsWithChildren } from 'react';\n\nimport { getIndicatorsFromAnnotations } from '../components/annotations/utils/get-indicators-from-annotations.js';\nimport { isValidAnnotationsAxis } from '../components/annotations/utils.js';\nimport { XYChartAnnotationsDataContext } from '../context/XYChartAnnotationsData.context.js';\nimport { XYChartAnnotationsHiddenTracksContext } from '../context/XYChartAnnotationsHiddenTracks.context.js';\nimport { XYChartAnnotationsIndicatorsContext } from '../context/XYChartAnnotationsIndicators.context.js';\nimport { useAxesConfig } from '../hooks/useAxesConfig.js';\nimport { useXYChartAnnotationsConfig } from '../hooks/useXYChartAnnotationsConfig.js';\nimport { useAnnotationsState } from '../store/selectors.js';\n\nexport const XYChartAnnotationsDataProvider = ({\n  children,\n}: PropsWithChildren) => {\n  const annotationsConfig = useXYChartAnnotationsConfig();\n  const axesConfig = useAxesConfig();\n  const selection = useAnnotationsState();\n\n  if (isUndefined(annotationsConfig) || isUndefined(annotationsConfig?.data)) {\n    return children;\n  }\n\n  if (!isValidAnnotationsAxis(annotationsConfig.xAxisId, axesConfig)) {\n    return children;\n  }\n\n  const { data, tracksConfig, markersConfig } = annotationsConfig;\n  const { indicators, annotationsByTrack, hiddenTracks } =\n    getIndicatorsFromAnnotations(data, tracksConfig, markersConfig, selection);\n\n  return (\n    <XYChartAnnotationsDataContext.Provider value={annotationsByTrack}>\n      <XYChartAnnotationsHiddenTracksContext.Provider\n        value={Array.from(hiddenTracks)}\n      >\n        <XYChartAnnotationsIndicatorsContext.Provider value={indicators}>\n          {children}\n        </XYChartAnnotationsIndicatorsContext.Provider>\n      </XYChartAnnotationsHiddenTracksContext.Provider>\n    </XYChartAnnotationsDataContext.Provider>\n  );\n};\n"],
+  "mappings": "AAoCQ;AApCR,SAAS,mBAAmB;AAG5B,SAAS,oCAAoC;AAC7C,SAAS,8BAA8B;AACvC,SAAS,qCAAqC;AAC9C,SAAS,6CAA6C;AACtD,SAAS,2CAA2C;AACpD,SAAS,qBAAqB;AAC9B,SAAS,mCAAmC;AAC5C,SAAS,2BAA2B;AAE7B,MAAM,iCAAiC,CAAC;AAAA,EAC7C;AACF,MAAyB;AACvB,QAAM,oBAAoB,4BAA4B;AACtD,QAAM,aAAa,cAAc;AACjC,QAAM,YAAY,oBAAoB;AAEtC,MAAI,YAAY,iBAAiB,KAAK,YAAY,mBAAmB,IAAI,GAAG;AAC1E,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,uBAAuB,kBAAkB,SAAS,UAAU,GAAG;AAClE,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,MAAM,cAAc,cAAc,IAAI;AAC9C,QAAM,EAAE,YAAY,oBAAoB,aAAa,IACnD,6BAA6B,MAAM,cAAc,eAAe,SAAS;AAE3E,SACE,oBAAC,8BAA8B,UAA9B,EAAuC,OAAO,oBAC7C;AAAA,IAAC,sCAAsC;AAAA,IAAtC;AAAA,MACC,OAAO,MAAM,KAAK,YAAY;AAAA,MAE9B,8BAAC,oCAAoC,UAApC,EAA6C,OAAO,YAClD,UACH;AAAA;AAAA,EACF,GACF;AAEJ;",
   "names": []
 }

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

@@ -9,18 +9,26 @@ import {
 } from "../../core/utils/ticks.js";
 import { XYChartAxesTicksContext } from "../context/axes/XYChartAxesTicks.context.js";
 import { useAxesFormatter } from "../hooks/useAxesFormatter.js";
+import {
+  useFormatCategory
+} from "../hooks/useFormatCategory.js";
 import { useVisibleAxesConfig } from "../hooks/useVisibleAxesConfig.js";
 import { useVisibleAxesScales } from "../hooks/useVisibleAxesScales.js";
+import { isCategorical } from "../types/guards.js";
 import {
   computeNiceUnitTicks,
   shouldUseNiceUnitTicks
 } from "../utils/generate-nice-unit-ticks.js";
 import { getTicksFormattedByConfig } from "../utils/get-ticks-formatted-by-config.js";
-function getFormatter(numTicks, axisIdToFormatter, config, scale) {
+function getFormatter(numTicks, axisIdToFormatter, config, scale, formatCategory) {
+  if (isCategorical(config.type)) {
+    const stringFormatter = (raw) => formatCategory(config, raw) ?? raw;
+    return stringFormatter;
+  }
   return config?.isRelative ? getFormatterByTicks(numTicks, scale, units.percentage.percent) : safeGet(axisIdToFormatter, config.id);
 }
 function getTicksForAxis(config, numTicks, scale, formatter, availableSize, orientation) {
-  if (shouldUseNiceUnitTicks(config) && scale !== void 0 && formatter !== void 0) {
+  if (config && !("categories" in config) && shouldUseNiceUnitTicks(config) && scale !== void 0 && formatter !== void 0) {
     const domain = scale.domain();
     const niceTicks = computeNiceUnitTicks(
       domain,
@@ -44,9 +52,16 @@ function XYChartAxesTicksProvider({
   const scales = useVisibleAxesScales();
   const horizontalNumTicks = getHorizontalNumTicks(width);
   const verticalNumTicks = getVerticalNumTicks(height);
+  const formatCategory = useFormatCategory();
   const topScale = scales.top;
   const topConfig = config.top;
-  const topFormatter = topConfig ? getFormatter(horizontalNumTicks, axisIdToFormatter, topConfig, topScale) : void 0;
+  const topFormatter = topConfig ? getFormatter(
+    horizontalNumTicks,
+    axisIdToFormatter,
+    topConfig,
+    topScale,
+    formatCategory
+  ) : void 0;
   const topTicks = getTicksForAxis(
     topConfig,
     horizontalNumTicks,
@@ -61,7 +76,8 @@ function XYChartAxesTicksProvider({
     horizontalNumTicks,
     axisIdToFormatter,
     bottomConfig,
-    bottomScale
+    bottomScale,
+    formatCategory
   ) : void 0;
   const bottomTicks = getTicksForAxis(
     bottomConfig,
@@ -73,7 +89,13 @@ function XYChartAxesTicksProvider({
   );
   const leftScale = scales.left;
   const leftConfig = config.left;
-  const leftFormatter = leftConfig ? getFormatter(verticalNumTicks, axisIdToFormatter, leftConfig, leftScale) : void 0;
+  const leftFormatter = leftConfig ? getFormatter(
+    verticalNumTicks,
+    axisIdToFormatter,
+    leftConfig,
+    leftScale,
+    formatCategory
+  ) : void 0;
   const leftTicks = getTicksForAxis(
     leftConfig,
     verticalNumTicks,
@@ -84,7 +106,13 @@ function XYChartAxesTicksProvider({
   );
   const rightScale = scales.right;
   const rightConfig = config.right;
-  const rightFormatter = rightConfig ? getFormatter(verticalNumTicks, axisIdToFormatter, rightConfig, rightScale) : void 0;
+  const rightFormatter = rightConfig ? getFormatter(
+    verticalNumTicks,
+    axisIdToFormatter,
+    rightConfig,
+    rightScale,
+    formatCategory
+  ) : void 0;
   const rightTicks = getTicksForAxis(
     rightConfig,
     verticalNumTicks,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/providers/XYChartAxesTicksProvider.tsx"],
-  "sourcesContent": ["import { type PropsWithChildren } from 'react';\n\nimport { units } from '@dynatrace-sdk/units';\n\nimport { useGridPlotSize } from '../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { getFormatterByTicks } from '../../core/utils/formatter-by-ticks.js';\nimport type { TickAxis } from '../../core/utils/formatter-by-ticks.js';\nimport { safeGet } from '../../core/utils/safe-get.js';\nimport {\n  getHorizontalNumTicks,\n  getVerticalNumTicks,\n} from '../../core/utils/ticks.js';\nimport { XYChartAxesTicksContext } from '../context/axes/XYChartAxesTicks.context.js';\nimport { useAxesFormatter } from '../hooks/useAxesFormatter.js';\nimport { useVisibleAxesConfig } from '../hooks/useVisibleAxesConfig.js';\nimport { useVisibleAxesScales } from '../hooks/useVisibleAxesScales.js';\nimport type {\n  AnyXYChartScale,\n  AxisIdToFormatter,\n  XYChartAxisInternal,\n} from '../types/xy-chart-internals.js';\nimport {\n  computeNiceUnitTicks,\n  shouldUseNiceUnitTicks,\n} from '../utils/generate-nice-unit-ticks.js';\nimport { getTicksFormattedByConfig } from '../utils/get-ticks-formatted-by-config.js';\n\nfunction getFormatter(\n  numTicks: number,\n  axisIdToFormatter: AxisIdToFormatter,\n  config: XYChartAxisInternal,\n  scale?: AnyXYChartScale,\n) {\n  return config?.isRelative\n    ? getFormatterByTicks(numTicks, scale, units.percentage.percent)\n    : safeGet(axisIdToFormatter, config.id);\n}\n\n/**\n * @internal\n * Resolves the tick data for a single axis. Uses nice unit ticks when the axis\n * is linear with a unit-converting formatter; otherwise falls back to the\n * standard formatted-ticks path.\n */\nexport function getTicksForAxis(\n  config: XYChartAxisInternal | undefined,\n  numTicks: number,\n  scale: AnyXYChartScale | undefined,\n  formatter: ReturnType<typeof getFormatter> | undefined,\n  availableSize: number,\n  orientation: 'horizontal' | 'vertical',\n): TickAxis {\n  if (\n    shouldUseNiceUnitTicks(config) &&\n    scale !== undefined &&\n    formatter !== undefined\n  ) {\n    const domain = scale.domain() as [number, number];\n    const niceTicks = computeNiceUnitTicks(\n      domain,\n      config.formatter,\n      availableSize,\n      orientation,\n      formatter,\n    );\n\n    if (niceTicks !== null) {\n      return niceTicks;\n    }\n  }\n\n  return getTicksFormattedByConfig(config, numTicks, scale, formatter);\n}\n\nexport function XYChartAxesTicksProvider({\n  children,\n}: Readonly<PropsWithChildren>) {\n  const { width, height } = useGridPlotSize();\n  const axisIdToFormatter: AxisIdToFormatter = useAxesFormatter();\n  const config = useVisibleAxesConfig();\n  const scales = useVisibleAxesScales();\n  const horizontalNumTicks = getHorizontalNumTicks(width);\n  const verticalNumTicks = getVerticalNumTicks(height);\n\n  const topScale = scales.top;\n  const topConfig = config.top;\n\n  const topFormatter = topConfig\n    ? getFormatter(horizontalNumTicks, axisIdToFormatter, topConfig, topScale)\n    : undefined;\n\n  const topTicks = getTicksForAxis(\n    topConfig,\n    horizontalNumTicks,\n    topScale,\n    topFormatter,\n    width,\n    'horizontal',\n  );\n\n  const bottomScale = scales.bottom;\n  const bottomConfig = config.bottom;\n\n  const bottomFormatter = bottomConfig\n    ? getFormatter(\n        horizontalNumTicks,\n        axisIdToFormatter,\n        bottomConfig,\n        bottomScale,\n      )\n    : undefined;\n\n  const bottomTicks = getTicksForAxis(\n    bottomConfig,\n    horizontalNumTicks,\n    bottomScale,\n    bottomFormatter,\n    width,\n    'horizontal',\n  );\n\n  const leftScale = scales.left;\n  const leftConfig = config.left;\n\n  const leftFormatter = leftConfig\n    ? getFormatter(verticalNumTicks, axisIdToFormatter, leftConfig, leftScale)\n    : undefined;\n\n  const leftTicks = getTicksForAxis(\n    leftConfig,\n    verticalNumTicks,\n    leftScale,\n    leftFormatter,\n    height,\n    'vertical',\n  );\n\n  const rightScale = scales.right;\n  const rightConfig = config.right;\n\n  const rightFormatter = rightConfig\n    ? getFormatter(verticalNumTicks, axisIdToFormatter, rightConfig, rightScale)\n    : undefined;\n\n  const rightTicks = getTicksForAxis(\n    rightConfig,\n    verticalNumTicks,\n    rightScale,\n    rightFormatter,\n    height,\n    'vertical',\n  );\n\n  return (\n    <XYChartAxesTicksContext.Provider\n      value={{ topTicks, bottomTicks, leftTicks, rightTicks }}\n    >\n      {children}\n    </XYChartAxesTicksContext.Provider>\n  );\n}\n"],
-  "mappings": "AA0JI;AAxJJ,SAAS,aAAa;AAEtB,SAAS,uBAAuB;AAChC,SAAS,2BAA2B;AAEpC,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,+BAA+B;AACxC,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AAMrC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,iCAAiC;AAE1C,SAAS,aACP,UACA,mBACA,QACA,OACA;AACA,SAAO,QAAQ,aACX,oBAAoB,UAAU,OAAO,MAAM,WAAW,OAAO,IAC7D,QAAQ,mBAAmB,OAAO,EAAE;AAC1C;AAQO,SAAS,gBACd,QACA,UACA,OACA,WACA,eACA,aACU;AACV,MACE,uBAAuB,MAAM,KAC7B,UAAU,UACV,cAAc,QACd;AACA,UAAM,SAAS,MAAM,OAAO;AAC5B,UAAM,YAAY;AAAA,MAChB;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,QAAI,cAAc,MAAM;AACtB,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO,0BAA0B,QAAQ,UAAU,OAAO,SAAS;AACrE;AAEO,SAAS,yBAAyB;AAAA,EACvC;AACF,GAAgC;AAC9B,QAAM,EAAE,OAAO,OAAO,IAAI,gBAAgB;AAC1C,QAAM,oBAAuC,iBAAiB;AAC9D,QAAM,SAAS,qBAAqB;AACpC,QAAM,SAAS,qBAAqB;AACpC,QAAM,qBAAqB,sBAAsB,KAAK;AACtD,QAAM,mBAAmB,oBAAoB,MAAM;AAEnD,QAAM,WAAW,OAAO;AACxB,QAAM,YAAY,OAAO;AAEzB,QAAM,eAAe,YACjB,aAAa,oBAAoB,mBAAmB,WAAW,QAAQ,IACvE;AAEJ,QAAM,WAAW;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,cAAc,OAAO;AAC3B,QAAM,eAAe,OAAO;AAE5B,QAAM,kBAAkB,eACpB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IACA;AAEJ,QAAM,cAAc;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,YAAY,OAAO;AACzB,QAAM,aAAa,OAAO;AAE1B,QAAM,gBAAgB,aAClB,aAAa,kBAAkB,mBAAmB,YAAY,SAAS,IACvE;AAEJ,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,aAAa,OAAO;AAC1B,QAAM,cAAc,OAAO;AAE3B,QAAM,iBAAiB,cACnB,aAAa,kBAAkB,mBAAmB,aAAa,UAAU,IACzE;AAEJ,QAAM,aAAa;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACC,OAAO,EAAE,UAAU,aAAa,WAAW,WAAW;AAAA,MAErD;AAAA;AAAA,EACH;AAEJ;",
+  "sourcesContent": ["import { type PropsWithChildren } from 'react';\n\nimport { units } from '@dynatrace-sdk/units';\n\nimport { useGridPlotSize } from '../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport type {\n  FormatterWithPrecision,\n  StringFormatter,\n} from '../../core/types/formatter.js';\nimport type { TickAxis } from '../../core/utils/formatter-by-ticks.js';\nimport { getFormatterByTicks } from '../../core/utils/formatter-by-ticks.js';\nimport { safeGet } from '../../core/utils/safe-get.js';\nimport {\n  getHorizontalNumTicks,\n  getVerticalNumTicks,\n} from '../../core/utils/ticks.js';\nimport { XYChartAxesTicksContext } from '../context/axes/XYChartAxesTicks.context.js';\nimport { useAxesFormatter } from '../hooks/useAxesFormatter.js';\nimport {\n  type FormatCategory,\n  useFormatCategory,\n} from '../hooks/useFormatCategory.js';\nimport { useVisibleAxesConfig } from '../hooks/useVisibleAxesConfig.js';\nimport { useVisibleAxesScales } from '../hooks/useVisibleAxesScales.js';\nimport { isCategorical } from '../types/guards.js';\nimport type {\n  AnyXYChartScale,\n  AxisIdToFormatter,\n  XYChartAxisInternal,\n} from '../types/xy-chart-internals.js';\nimport {\n  computeNiceUnitTicks,\n  shouldUseNiceUnitTicks,\n} from '../utils/generate-nice-unit-ticks.js';\nimport { getTicksFormattedByConfig } from '../utils/get-ticks-formatted-by-config.js';\n\nfunction getFormatter(\n  numTicks: number,\n  axisIdToFormatter: AxisIdToFormatter,\n  config: XYChartAxisInternal,\n  scale: AnyXYChartScale | undefined,\n  formatCategory: FormatCategory,\n) {\n  if (isCategorical(config.type)) {\n    const stringFormatter: StringFormatter = (raw) =>\n      formatCategory(config, raw) ?? raw;\n    return stringFormatter;\n  }\n  return config?.isRelative\n    ? getFormatterByTicks(numTicks, scale, units.percentage.percent)\n    : safeGet(axisIdToFormatter, config.id);\n}\n\n/**\n * @internal\n * Resolves the tick data for a single axis. Uses nice unit ticks when the axis\n * is linear with a unit-converting formatter; otherwise falls back to the\n * standard formatted-ticks path.\n */\nexport function getTicksForAxis(\n  config: XYChartAxisInternal | undefined,\n  numTicks: number,\n  scale: AnyXYChartScale | undefined,\n  formatter: ReturnType<typeof getFormatter> | undefined,\n  availableSize: number,\n  orientation: 'horizontal' | 'vertical',\n): TickAxis {\n  if (\n    config &&\n    !('categories' in config) &&\n    shouldUseNiceUnitTicks(config) &&\n    scale !== undefined &&\n    formatter !== undefined\n  ) {\n    const domain = scale.domain() as [number, number];\n    const niceTicks = computeNiceUnitTicks(\n      domain,\n      config.formatter,\n      availableSize,\n      orientation,\n      formatter as FormatterWithPrecision,\n    );\n\n    if (niceTicks !== null) {\n      return niceTicks;\n    }\n  }\n\n  return getTicksFormattedByConfig(config, numTicks, scale, formatter);\n}\n\nexport function XYChartAxesTicksProvider({\n  children,\n}: Readonly<PropsWithChildren>) {\n  const { width, height } = useGridPlotSize();\n  const axisIdToFormatter: AxisIdToFormatter = useAxesFormatter();\n  const config = useVisibleAxesConfig();\n  const scales = useVisibleAxesScales();\n  const horizontalNumTicks = getHorizontalNumTicks(width);\n  const verticalNumTicks = getVerticalNumTicks(height);\n  const formatCategory = useFormatCategory();\n\n  const topScale = scales.top;\n  const topConfig = config.top;\n\n  const topFormatter = topConfig\n    ? getFormatter(\n        horizontalNumTicks,\n        axisIdToFormatter,\n        topConfig,\n        topScale,\n        formatCategory,\n      )\n    : undefined;\n\n  const topTicks = getTicksForAxis(\n    topConfig,\n    horizontalNumTicks,\n    topScale,\n    topFormatter,\n    width,\n    'horizontal',\n  );\n\n  const bottomScale = scales.bottom;\n  const bottomConfig = config.bottom;\n\n  const bottomFormatter = bottomConfig\n    ? getFormatter(\n        horizontalNumTicks,\n        axisIdToFormatter,\n        bottomConfig,\n        bottomScale,\n        formatCategory,\n      )\n    : undefined;\n\n  const bottomTicks = getTicksForAxis(\n    bottomConfig,\n    horizontalNumTicks,\n    bottomScale,\n    bottomFormatter,\n    width,\n    'horizontal',\n  );\n\n  const leftScale = scales.left;\n  const leftConfig = config.left;\n\n  const leftFormatter = leftConfig\n    ? getFormatter(\n        verticalNumTicks,\n        axisIdToFormatter,\n        leftConfig,\n        leftScale,\n        formatCategory,\n      )\n    : undefined;\n\n  const leftTicks = getTicksForAxis(\n    leftConfig,\n    verticalNumTicks,\n    leftScale,\n    leftFormatter,\n    height,\n    'vertical',\n  );\n\n  const rightScale = scales.right;\n  const rightConfig = config.right;\n\n  const rightFormatter = rightConfig\n    ? getFormatter(\n        verticalNumTicks,\n        axisIdToFormatter,\n        rightConfig,\n        rightScale,\n        formatCategory,\n      )\n    : undefined;\n\n  const rightTicks = getTicksForAxis(\n    rightConfig,\n    verticalNumTicks,\n    rightScale,\n    rightFormatter,\n    height,\n    'vertical',\n  );\n\n  return (\n    <XYChartAxesTicksContext.Provider\n      value={{ topTicks, bottomTicks, leftTicks, rightTicks }}\n    >\n      {children}\n    </XYChartAxesTicksContext.Provider>\n  );\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -13,6 +13,7 @@ const XYChartChartDataProvider = ({
   const {
     axes,
     axisIdToScaleDomain,
+    axisIdToCategoryDatum,
     seriesIdToValueScaleDomain,
     axesMetadata,
     datapointMetadataMap,
@@ -38,6 +39,7 @@ const XYChartChartDataProvider = ({
         filteredSeriesWithDatapoints,
         seriesToMetadata,
         axisIdToScaleDomain,
+        axisIdToCategoryDatum,
         datapointMetadataMap,
         axisIdToDimension
       },

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/providers/XYChartDataProvider.tsx"],
-  "sourcesContent": ["import { type PropsWithChildren } from 'react';\n\nimport { XYChartDataContext } from '../context/XYChartData.context.js';\nimport { XYChartLinearSelectionContext } from '../context/XYChartLinearSelection.context.js';\nimport { XYChartRectDataContext } from '../context/XYChartRectData.context.js';\nimport { XYChartRectSelectionContext } from '../context/XYChartRectSelection.context.js';\nimport { useColorRule } from '../hooks/useColorRule.js';\nimport { useXYChartDataProvider } from '../hooks/useXYChartDataProvider.js';\nimport type { XYChartVariantsInternal } from '../types/xy-chart-internals.js';\nimport { type XYChartData } from '../types/xy-chart.js';\n\ninterface XYChartChartDataProviderProps {\n  seriesVariantsProps: XYChartVariantsInternal[];\n  data: XYChartData[];\n}\n\nexport const XYChartChartDataProvider = ({\n  seriesVariantsProps,\n  data,\n  children,\n}: PropsWithChildren<XYChartChartDataProviderProps>) => {\n  const {\n    axes,\n    axisIdToScaleDomain,\n    seriesIdToValueScaleDomain,\n    axesMetadata,\n    datapointMetadataMap,\n    linearSelectionContextValue,\n    rectSelectionContextValue,\n    seriesWithDatapoints,\n    seriesToMetadata: metadataWithoutColorRules,\n    axisIdToDimension,\n    filteredSeriesWithDatapoints,\n  } = useXYChartDataProvider(seriesVariantsProps, data);\n\n  const seriesToMetadata = useColorRule({\n    seriesWithDatapoints,\n    seriesToMetadata: metadataWithoutColorRules,\n    datapointMetadataMap,\n  });\n\n  return (\n    <XYChartDataContext.Provider\n      value={{\n        axesMetadata,\n        axes,\n        seriesWithDatapoints,\n        filteredSeriesWithDatapoints,\n        seriesToMetadata,\n        axisIdToScaleDomain,\n        datapointMetadataMap,\n        axisIdToDimension,\n      }}\n    >\n      <XYChartRectDataContext.Provider\n        value={{\n          seriesIdToValueScaleDomain,\n        }}\n      >\n        <XYChartLinearSelectionContext.Provider\n          value={linearSelectionContextValue}\n        >\n          <XYChartRectSelectionContext.Provider\n            value={rectSelectionContextValue}\n          >\n            {children}\n          </XYChartRectSelectionContext.Provider>\n        </XYChartLinearSelectionContext.Provider>\n      </XYChartRectDataContext.Provider>\n    </XYChartDataContext.Provider>\n  );\n};\n\nXYChartChartDataProvider['displayName'] = 'XYChartChartDataProvider';\n"],
-  "mappings": "AA8DU;AA5DV,SAAS,0BAA0B;AACnC,SAAS,qCAAqC;AAC9C,SAAS,8BAA8B;AACvC,SAAS,mCAAmC;AAC5C,SAAS,oBAAoB;AAC7B,SAAS,8BAA8B;AAShC,MAAM,2BAA2B,CAAC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AACF,MAAwD;AACtD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,EACF,IAAI,uBAAuB,qBAAqB,IAAI;AAEpD,QAAM,mBAAmB,aAAa;AAAA,IACpC;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,EACF,CAAC;AAED,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEA;AAAA,QAAC,uBAAuB;AAAA,QAAvB;AAAA,UACC,OAAO;AAAA,YACL;AAAA,UACF;AAAA,UAEA;AAAA,YAAC,8BAA8B;AAAA,YAA9B;AAAA,cACC,OAAO;AAAA,cAEP;AAAA,gBAAC,4BAA4B;AAAA,gBAA5B;AAAA,kBACC,OAAO;AAAA,kBAEN;AAAA;AAAA,cACH;AAAA;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,yBAAyB,aAAa,IAAI;",
+  "sourcesContent": ["import { type PropsWithChildren } from 'react';\n\nimport { XYChartDataContext } from '../context/XYChartData.context.js';\nimport { XYChartLinearSelectionContext } from '../context/XYChartLinearSelection.context.js';\nimport { XYChartRectDataContext } from '../context/XYChartRectData.context.js';\nimport { XYChartRectSelectionContext } from '../context/XYChartRectSelection.context.js';\nimport { useColorRule } from '../hooks/useColorRule.js';\nimport { useXYChartDataProvider } from '../hooks/useXYChartDataProvider.js';\nimport type { XYChartVariantsInternal } from '../types/xy-chart-internals.js';\nimport { type XYChartData } from '../types/xy-chart.js';\n\ninterface XYChartChartDataProviderProps {\n  seriesVariantsProps: XYChartVariantsInternal[];\n  data: XYChartData[];\n}\n\nexport const XYChartChartDataProvider = ({\n  seriesVariantsProps,\n  data,\n  children,\n}: PropsWithChildren<XYChartChartDataProviderProps>) => {\n  const {\n    axes,\n    axisIdToScaleDomain,\n    axisIdToCategoryDatum,\n    seriesIdToValueScaleDomain,\n    axesMetadata,\n    datapointMetadataMap,\n    linearSelectionContextValue,\n    rectSelectionContextValue,\n    seriesWithDatapoints,\n    seriesToMetadata: metadataWithoutColorRules,\n    axisIdToDimension,\n    filteredSeriesWithDatapoints,\n  } = useXYChartDataProvider(seriesVariantsProps, data);\n\n  const seriesToMetadata = useColorRule({\n    seriesWithDatapoints,\n    seriesToMetadata: metadataWithoutColorRules,\n    datapointMetadataMap,\n  });\n\n  return (\n    <XYChartDataContext.Provider\n      value={{\n        axesMetadata,\n        axes,\n        seriesWithDatapoints,\n        filteredSeriesWithDatapoints,\n        seriesToMetadata,\n        axisIdToScaleDomain,\n        axisIdToCategoryDatum,\n        datapointMetadataMap,\n        axisIdToDimension,\n      }}\n    >\n      <XYChartRectDataContext.Provider\n        value={{\n          seriesIdToValueScaleDomain,\n        }}\n      >\n        <XYChartLinearSelectionContext.Provider\n          value={linearSelectionContextValue}\n        >\n          <XYChartRectSelectionContext.Provider\n            value={rectSelectionContextValue}\n          >\n            {children}\n          </XYChartRectSelectionContext.Provider>\n        </XYChartLinearSelectionContext.Provider>\n      </XYChartRectDataContext.Provider>\n    </XYChartDataContext.Provider>\n  );\n};\n\nXYChartChartDataProvider['displayName'] = 'XYChartChartDataProvider';\n"],
+  "mappings": "AAgEU;AA9DV,SAAS,0BAA0B;AACnC,SAAS,qCAAqC;AAC9C,SAAS,8BAA8B;AACvC,SAAS,mCAAmC;AAC5C,SAAS,oBAAoB;AAC7B,SAAS,8BAA8B;AAShC,MAAM,2BAA2B,CAAC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AACF,MAAwD;AACtD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,EACF,IAAI,uBAAuB,qBAAqB,IAAI;AAEpD,QAAM,mBAAmB,aAAa;AAAA,IACpC;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,EACF,CAAC;AAED,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEA;AAAA,QAAC,uBAAuB;AAAA,QAAvB;AAAA,UACC,OAAO;AAAA,YACL;AAAA,UACF;AAAA,UAEA;AAAA,YAAC,8BAA8B;AAAA,YAA9B;AAAA,cACC,OAAO;AAAA,cAEP;AAAA,gBAAC,4BAA4B;AAAA,gBAA5B;AAAA,kBACC,OAAO;AAAA,kBAEN;AAAA;AAAA,cACH;AAAA;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,yBAAyB,aAAa,IAAI;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/slots/CustomTooltip.tsx"],
-  "sourcesContent": ["import type { XYChartCustomTooltipProps } from '../types/xy-chart-props.js';\n\nexport const CustomTooltip = (props: XYChartCustomTooltipProps) => null;\n\nCustomTooltip['displayName'] = 'XYChartChart.CustomTooltip';\n"],
-  "mappings": "AAEO,MAAM,gBAAgB,CAAC,UAAqC;AAEnE,cAAc,aAAa,IAAI;",
+  "sourcesContent": ["import type { XYChartCustomTooltipProps } from '../types/xy-chart-props.js';\n\n/**\n * @deprecated Use `XYChart.Tooltip` instead. The `CustomTooltip` slot will be removed in a future release.\n */\n// TODO [APPDEV-17650] Remove CustomTooltip slot.\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport const CustomTooltip = (props: XYChartCustomTooltipProps) => null;\n\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nCustomTooltip['displayName'] = 'XYChartChart.CustomTooltip';\n"],
+  "mappings": "AAOO,MAAM,gBAAgB,CAAC,UAAqC;AAGnE,cAAc,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/xy-chart/slots/Tooltip.js

@@ -0,0 +1,7 @@
+import { Tooltip } from "../../core/slots/Tooltip.js";
+import { DISPLAY_NAME } from "../constants/defaults.js";
+const XYChartTooltipSlot = Tooltip(DISPLAY_NAME);
+export {
+  XYChartTooltipSlot
+};
+//# sourceMappingURL=Tooltip.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/xy-chart/slots/Tooltip.tsx"],
+  "sourcesContent": ["import type { ReactNode } from 'react';\n\nimport { Tooltip } from '../../core/slots/Tooltip.js';\nimport { DISPLAY_NAME } from '../constants/defaults.js';\nimport { XYChartTooltipPayload } from '../types/xy-chart.js';\n\nexport const XYChartTooltipSlot = Tooltip<{\n  hidden?: boolean;\n  children?: (tooltipPayload: XYChartTooltipPayload) => ReactNode;\n}>(DISPLAY_NAME);\n"],
+  "mappings": "AAEA,SAAS,eAAe;AACxB,SAAS,oBAAoB;AAGtB,MAAM,qBAAqB,QAG/B,YAAY;",
+  "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  XYChartCustomTooltipProps,\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  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';\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?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\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  customTooltip?: XYChartCustomTooltipProps;\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}\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": "AAiEA;AAAA,EACE;AAAA,EACA;AAAA,OAGK;AA2hBA,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 { XYChartCustomTooltipConfig } from '../context/XYChartCustomTooltip.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: XYChartCustomTooltipConfig | 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}\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;AAgiBA,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/calculate-axes-domains.js

@@ -63,19 +63,19 @@ const calculateAxesDomainsMap = {
     );
   }
 };
-function calculateAxesDomains(xAxis, yAxis, datapoint, axisIdToScaleDomain) {
+function calculateAxesDomains(xAxis, yAxis, datapoint, axisIdToScaleDomain, isSeriesVisible) {
   const xDomain = calculateAxesDomainsMap[xAxis.type]({
     axisId: xAxis.id,
     a0: datapoint.x0,
     a1: datapoint.x1,
     axisIdToScaleDomain
   });
-  const yDomain = calculateAxesDomainsMap[yAxis.type]({
+  const yDomain = isSeriesVisible || yAxis.type === XYAxisTypeCategorical ? calculateAxesDomainsMap[yAxis.type]({
     axisId: yAxis.id,
     a0: datapoint.y0,
     a1: datapoint.y1,
     axisIdToScaleDomain
-  });
+  }) : axisIdToScaleDomain.get(yAxis.id) ?? {};
   return { xDomain, yDomain };
 }
 export {

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

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

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

@@ -10,7 +10,11 @@ import {
 } from "../../core/utils/ticks.js";
 import { isLinear } from "../types/guards.js";
 function shouldUseNiceUnitTicks(config) {
-  return config !== void 0 && !config.isRelative && isLinear(config.type) && isFormatterOptions(config.formatter) && config.formatter.input !== void 0 && config.formatter.output !== void 0;
+  if (!config || config.isRelative || !isLinear(config.type)) {
+    return false;
+  }
+  const formatter = config.formatter;
+  return isFormatterOptions(formatter) && formatter.input !== void 0 && formatter.output !== void 0;
 }
 function getBestModulusDivisor(totalDomain) {
   let bestDivisor = 4;