@dynatrace/strato-components 3.7.1 → 3.9.0

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

@@ -1,16 +1,20 @@
-import { SeriesBaseStrategy } from "./base-series.js";
+import { FastSeriesBaseStrategy } from "./fast-series.js";
 import { GappableSeriesHelper } from "./gappable-series.js";
 import { isValidPointsDisplay } from "../../../core/components/canvas/utils/is-valid-points-display.js";
 import { safeGet } from "../../../core/utils/safe-get.js";
+import { singleLineName } from "../../../core/utils/single-line-name.js";
 import { DEFAULT_POINTS_DISPLAY } from "../../constants/defaults.js";
+import { isLinear, isTime } from "../../types/guards.js";
 import { isLineSeries } from "../../utils/type-guards.js";
 import {
   getDatumValue,
-  getLineDatapoint
+  getLineDatapoint,
+  isFlatStringPath
 } from "../utils/access-datapoint/get-datapoints.js";
 import { getCalculatedLinearPoint } from "../utils/cast-data/get-calculated-linear-point.js";
 import { getLinearColor } from "../utils/coloring/get-linear-color-palette.js";
-class LineSeriesStrategy extends SeriesBaseStrategy {
+const GAP_FALSE_METADATA = { isGap: false };
+class LineSeriesStrategy extends FastSeriesBaseStrategy {
   gapHelper;
   constructor(initializer) {
     super(initializer);
@@ -33,11 +37,12 @@ class LineSeriesStrategy extends SeriesBaseStrategy {
       seriesNameAccessor,
       datum
     });
+    const name = singleLineName(seriesName);
     const color = this.getColor(
       datum,
       seriesProps,
       context.colorPalette,
-      seriesName,
+      name,
       seriesIndex
     );
     return {
@@ -47,7 +52,8 @@ class LineSeriesStrategy extends SeriesBaseStrategy {
       actions: seriesProps.actions,
       pointsDisplay: seriesProps.pointsDisplay && isValidPointsDisplay(seriesProps.pointsDisplay) ? seriesProps.pointsDisplay : DEFAULT_POINTS_DISPLAY,
       ...color,
-      name: seriesName
+      name,
+      nameSegments: Array.isArray(seriesName) ? seriesName : void 0
     };
   }
   getCalculationPoint(datapoint, xAxis, yAxis) {
@@ -121,6 +127,109 @@ class LineSeriesStrategy extends SeriesBaseStrategy {
       });
     }
   }
+  isEligibleForFastPath(data, seriesProps, xAxis, yAxis) {
+    if (!isTime(xAxis.type) || !isLinear(yAxis.type)) {
+      return false;
+    }
+    const x0Acc = seriesProps.x0Accessor;
+    const x1Acc = seriesProps.x1Accessor;
+    const y0Acc = seriesProps.y0Accessor;
+    if (!x0Acc || !y0Acc) {
+      return false;
+    }
+    if (!isFlatStringPath(x0Acc) || x1Acc !== void 0 && !isFlatStringPath(x1Acc) || !isFlatStringPath(y0Acc) || !isFlatStringPath(seriesProps.seriesIdAccessor)) {
+      return false;
+    }
+    const d0 = data[0];
+    if (d0 === void 0) {
+      return false;
+    }
+    return d0[x0Acc] instanceof Date && typeof d0[y0Acc] === "number";
+  }
+  processFastPath(datum, seriesProps, xAxis, yAxis, context) {
+    const x0Acc = seriesProps.x0Accessor;
+    const x1Acc = seriesProps.x1Accessor;
+    const y0Acc = seriesProps.y0Accessor;
+    const seriesIdAccessor = seriesProps.seriesIdAccessor;
+    const d = datum;
+    const x0 = d[x0Acc];
+    const x1 = x1Acc ? d[x1Acc] : void 0;
+    const y0 = d[y0Acc];
+    const seriesId = d[seriesIdAccessor];
+    const isSeriesVisible = context.filteredSeriesIds === void 0 || context.filteredSeriesIds.has(seriesId);
+    const { seriesMap, seriesToMetadata } = context;
+    const dp = { ...datum, x0, x1, y0 };
+    let currentSeries = seriesMap.get(seriesId);
+    if (currentSeries === void 0) {
+      currentSeries = this.createSeries(
+        seriesId,
+        seriesProps,
+        xAxis,
+        yAxis
+      );
+      this.registerSeries(currentSeries, seriesId, context);
+      const metadata = this.createSeriesMetadata(
+        datum,
+        seriesProps,
+        xAxis,
+        yAxis,
+        seriesId,
+        context
+      );
+      seriesToMetadata.set(currentSeries, {
+        ...metadata,
+        isVisible: isSeriesVisible
+      });
+    }
+    if (isSeriesVisible) {
+      const gappedDatapoint = this.gapHelper.handleGapDetection(
+        dp,
+        currentSeries,
+        xAxis,
+        yAxis
+      );
+      if (gappedDatapoint) {
+        this.registerDatapoint(
+          gappedDatapoint,
+          { isGap: true },
+          currentSeries,
+          context
+        );
+      }
+    }
+    this.registerDatapoint(dp, GAP_FALSE_METADATA, currentSeries, context);
+    const centerMs = x1 ? (x0.getTime() + x1.getTime()) / 2 : x0.getTime();
+    const axisIdToScaleDomain = context.axisIdToScaleDomain;
+    const xDom = axisIdToScaleDomain.get(xAxis.id);
+    if (xDom === void 0) {
+      axisIdToScaleDomain.set(xAxis.id, { min: centerMs, max: centerMs });
+    } else if (centerMs < xDom.min) {
+      xDom.min = centerMs;
+    } else if (centerMs > xDom.max) {
+      xDom.max = centerMs;
+    }
+    if (isSeriesVisible) {
+      const yDom = axisIdToScaleDomain.get(yAxis.id);
+      if (yDom === void 0) {
+        axisIdToScaleDomain.set(yAxis.id, { min: y0, max: y0 });
+      } else {
+        if (yDom.min === void 0 || y0 < yDom.min) {
+          yDom.min = y0;
+        }
+        if (yDom.max === void 0 || y0 > yDom.max) {
+          yDom.max = y0;
+        }
+      }
+      context.axisWithSeries.add(xAxis.id);
+      context.axisWithSeries.add(yAxis.id);
+      const currentSeriesMetadata = safeGet(seriesToMetadata, currentSeries);
+      this.addValue({
+        series: currentSeries,
+        datapoint: dp,
+        color: currentSeriesMetadata?.color
+      });
+    }
+  }
   getColor(datum, seriesProps, configColorPalette, seriesName, seriesIndex) {
     return getLinearColor(
       datum,

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    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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",
+  "sourcesContent": ["import { FastSeriesBaseStrategy } from './fast-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 { singleLineName } from '../../../core/utils/single-line-name.js';\nimport { DEFAULT_POINTS_DISPLAY } from '../../constants/defaults.js';\nimport { isLinear, isTime } from '../../types/guards.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  ControlFlowCommand,\n  LineSeriesConstructor,\n  MutableProcessingContext,\n} from '../types/processing-types.js';\nimport {\n  getDatumValue,\n  getLineDatapoint,\n  isFlatStringPath,\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\nconst GAP_FALSE_METADATA: DatapointMetadata = { isGap: false };\n\nexport class LineSeriesStrategy extends FastSeriesBaseStrategy<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 name = singleLineName(seriesName);\n    const color = this.getColor(\n      datum,\n      seriesProps,\n      context.colorPalette,\n      name,\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,\n      nameSegments: Array.isArray(seriesName) ? seriesName : undefined,\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  protected isEligibleForFastPath(\n    data: XYChartData[],\n    seriesProps: XYChartLineSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ): boolean {\n    if (!isTime(xAxis.type) || !isLinear(yAxis.type)) {\n      return false;\n    }\n    const x0Acc = seriesProps.x0Accessor;\n    const x1Acc = seriesProps.x1Accessor;\n    const y0Acc = seriesProps.y0Accessor;\n    if (!x0Acc || !y0Acc) {\n      return false;\n    }\n    if (\n      !isFlatStringPath(x0Acc) ||\n      (x1Acc !== undefined && !isFlatStringPath(x1Acc)) ||\n      !isFlatStringPath(y0Acc) ||\n      !isFlatStringPath(seriesProps.seriesIdAccessor)\n    ) {\n      return false;\n    }\n    const d0 = data[0] as Record<string, unknown> | undefined;\n    if (d0 === undefined) {\n      return false;\n    }\n    return d0[x0Acc] instanceof Date && typeof d0[y0Acc] === 'number';\n  }\n\n  protected processFastPath(\n    datum: XYChartData,\n    seriesProps: XYChartLineSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    context: MutableProcessingContext,\n  ): ControlFlowCommand {\n    const x0Acc = seriesProps.x0Accessor;\n    const x1Acc = seriesProps.x1Accessor;\n    const y0Acc = seriesProps.y0Accessor;\n    const seriesIdAccessor = seriesProps.seriesIdAccessor;\n\n    const d = datum as Record<string, unknown>;\n    const x0 = d[x0Acc] as Date;\n    const x1 = x1Acc ? (d[x1Acc] as Date) : undefined;\n    const y0 = d[y0Acc] as number;\n    const seriesId = d[seriesIdAccessor] as string;\n\n    const isSeriesVisible =\n      context.filteredSeriesIds === undefined ||\n      context.filteredSeriesIds.has(seriesId);\n\n    const { seriesMap, seriesToMetadata } = context;\n\n    const dp = { ...datum, x0, x1, y0 } as LineDatapoint &\n      Record<string, unknown>;\n\n    let currentSeries = seriesMap.get(seriesId) as\n      | LineSeriesWithDatapoints\n      | undefined;\n\n    if (currentSeries === undefined) {\n      currentSeries = this.createSeries(\n        seriesId,\n        seriesProps,\n        xAxis,\n        yAxis,\n      ) as LineSeriesWithDatapoints;\n      this.registerSeries(currentSeries, seriesId, context);\n      const metadata = this.createSeriesMetadata(\n        datum,\n        seriesProps,\n        xAxis,\n        yAxis,\n        seriesId,\n        context,\n      );\n      seriesToMetadata.set(currentSeries, {\n        ...metadata,\n        isVisible: isSeriesVisible,\n      });\n    }\n\n    if (isSeriesVisible) {\n      const gappedDatapoint = this.gapHelper.handleGapDetection(\n        dp,\n        currentSeries,\n        xAxis,\n        yAxis,\n      );\n      if (gappedDatapoint) {\n        this.registerDatapoint(\n          gappedDatapoint,\n          { isGap: true },\n          currentSeries,\n          context,\n        );\n      }\n    }\n\n    this.registerDatapoint(dp, GAP_FALSE_METADATA, currentSeries, context);\n\n    const centerMs = x1 ? (x0.getTime() + x1.getTime()) / 2 : x0.getTime();\n    const axisIdToScaleDomain = context.axisIdToScaleDomain;\n    const xDom = axisIdToScaleDomain.get(xAxis.id) as\n      | { min: number; max: number }\n      | undefined;\n    if (xDom === undefined) {\n      axisIdToScaleDomain.set(xAxis.id, { min: centerMs, max: centerMs });\n    } else if (centerMs < xDom.min) {\n      xDom.min = centerMs;\n    } else if (centerMs > xDom.max) {\n      xDom.max = centerMs;\n    }\n\n    if (isSeriesVisible) {\n      const yDom = axisIdToScaleDomain.get(yAxis.id) as\n        | { min: number | undefined; max: number | undefined }\n        | undefined;\n      if (yDom === undefined) {\n        axisIdToScaleDomain.set(yAxis.id, { min: y0, max: y0 });\n      } else {\n        if (yDom.min === undefined || y0 < yDom.min) {\n          yDom.min = y0;\n        }\n        if (yDom.max === undefined || y0 > yDom.max) {\n          yDom.max = y0;\n        }\n      }\n      context.axisWithSeries.add(xAxis.id);\n      context.axisWithSeries.add(yAxis.id);\n\n      const currentSeriesMetadata = safeGet(seriesToMetadata, currentSeries);\n      this.addValue({\n        series: currentSeries,\n        datapoint: dp,\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

@@ -1,5 +1,6 @@
 import { SeriesBaseStrategy } from "./base-series.js";
 import { safeGet } from "../../../core/utils/safe-get.js";
+import { singleLineName } from "../../../core/utils/single-line-name.js";
 import { DEFAULT_COLOR_PALETTE_RECT } from "../../constants/defaults.js";
 import {
   RANGE_LEGEND_TYPE
@@ -39,8 +40,10 @@ class RectSeriesStrategy extends SeriesBaseStrategy {
     const color = this.getColor(seriesProps.colorPalette, context.colorPalette);
     const seriesIndex = this.getOrCreateSeriesIndex(seriesId, seriesIndexes);
     const seriesName = this.getSeriesName(intl, seriesIndex, void 0);
+    const name = singleLineName(seriesName);
     return {
-      name: seriesName,
+      name,
+      nameSegments: Array.isArray(seriesName) ? seriesName : void 0,
       xAxis,
       yAxis,
       actions: seriesProps.actions,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/processing-strategies/strategies/rect-series.ts"],
-  "sourcesContent": ["import { SeriesBaseStrategy } from './base-series.js';\nimport { safeGet } from '../../../core/utils/safe-get.js';\nimport { DEFAULT_COLOR_PALETTE_RECT } from '../../constants/defaults.js';\nimport type { XYChartSelectionRectangleMetadata } from '../../hooks/useSortRectangleDatapoints.js';\nimport {\n  RANGE_LEGEND_TYPE,\n  type DatapointMetadata,\n  type RectDatapointInternal,\n  type RectMetadata,\n  type RectSeriesIdToValueScaleDomain,\n  type RectSeriesWithDatapoints,\n  type XYChartAxisInternal,\n  type XYChartRectSeriesInternal,\n  type XYChartVariantsInternal,\n} from '../../types/xy-chart-internals.js';\nimport type { XYChartColorPalette, XYChartData } from '../../types/xy-chart.js';\nimport {\n  isRectSeries,\n  isStringOrValidNumber,\n} from '../../utils/type-guards.js';\nimport type {\n  MutableProcessingContext,\n  RectSeriesConstructor,\n} from '../types/processing-types.js';\nimport { getRectDatapoint } from '../utils/access-datapoint/get-datapoints.js';\nimport { getLegendType } from '../utils/cast-data/get-legend-type.js';\nimport { getValidColorPalette } from '../utils/coloring/get-valid-color-palette.js';\nimport { getValueScaleDomain } from '../utils/scale/get-value-scale-domain.js';\n\nexport class RectSeriesStrategy extends SeriesBaseStrategy<XYChartSelectionRectangleMetadata> {\n  public seriesIdToValueScaleDomain: RectSeriesIdToValueScaleDomain;\n\n  constructor(initializer: RectSeriesConstructor) {\n    super(initializer);\n    this.seriesIdToValueScaleDomain = new Map();\n  }\n\n  canHandle(\n    seriesProps: XYChartVariantsInternal,\n  ): seriesProps is XYChartRectSeriesInternal {\n    return isRectSeries(seriesProps);\n  }\n\n  protected getSeriesId(\n    _datum: XYChartData,\n    seriesProps: XYChartRectSeriesInternal,\n  ): string {\n    return seriesProps.id;\n  }\n\n  protected createSeries(\n    seriesId: string,\n    seriesProps: XYChartRectSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return {\n      id: seriesId,\n      type: seriesProps.type,\n      data: [],\n      filteredData: [],\n      xAxisId: xAxis.id,\n      yAxisId: yAxis.id,\n    };\n  }\n\n  protected createSeriesMetadata(\n    _datum: XYChartData,\n    seriesProps: XYChartRectSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    seriesId: string,\n    context: MutableProcessingContext,\n  ) {\n    const { intl, seriesIndexes } = context;\n\n    const color = this.getColor(seriesProps.colorPalette, context.colorPalette);\n    const seriesIndex = this.getOrCreateSeriesIndex(seriesId, seriesIndexes);\n    const seriesName = this.getSeriesName(intl, seriesIndex, undefined);\n\n    return {\n      name: seriesName,\n      xAxis,\n      yAxis,\n      actions: seriesProps.actions,\n      valueFormatter: seriesProps.valueFormatter,\n      valueUnit: seriesProps.valueUnit,\n      colorPalette: color.colorPalette,\n      valueAccessor: seriesProps.valueAccessor,\n      colorIsFromSlot: color.colorIsFromSlot,\n      valueType: undefined,\n      valueAccessorLabel: seriesProps.valueAccessorLabel,\n      valueMin: seriesProps.valueMin,\n      valueMax: seriesProps.valueMax,\n    };\n  }\n\n  protected processImpl(\n    datum: XYChartData,\n    seriesProps: XYChartRectSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    datapoint: RectDatapointInternal,\n    context: MutableProcessingContext,\n  ) {\n    const { seriesMap, seriesToMetadata } = context;\n\n    const seriesId = this.getSeriesId(datum, seriesProps);\n\n    let currentSeries: RectSeriesWithDatapoints | undefined =\n      seriesMap.get(seriesId);\n\n    if (!currentSeries) {\n      currentSeries = this.createSeries(seriesId, seriesProps, xAxis, yAxis);\n\n      this.registerSeries(currentSeries, seriesId, context);\n\n      const metadata = this.createSeriesMetadata(\n        datum,\n        seriesProps,\n        xAxis,\n        yAxis,\n        seriesId,\n        context,\n      );\n      // When filtering is active, isVisible starts as false and is set to true\n      // once any visible datapoint (category) is encountered.\n      // When no filtering, isVisible stays undefined (all visible).\n      seriesToMetadata.set(currentSeries, {\n        ...metadata,\n        isVisible: context.filteredSeriesIds !== undefined ? false : undefined,\n      });\n    }\n\n    const datapointMetadata: DatapointMetadata = { isGap: true };\n\n    // Value domain logic (unique to RectSeriesStrategy)\n    if (isStringOrValidNumber(datapoint.value)) {\n      const valueDomain = getValueScaleDomain(\n        datapoint.value,\n        seriesProps.id,\n        this.seriesIdToValueScaleDomain,\n      );\n\n      this.seriesIdToValueScaleDomain.set(seriesProps.id, valueDomain);\n\n      datapointMetadata.isGap = false;\n\n      const tempSeriesMetadata = safeGet<\n        RectSeriesWithDatapoints,\n        RectMetadata\n      >(seriesToMetadata, currentSeries);\n\n      tempSeriesMetadata.valueType ??= getLegendType(datapoint.value);\n\n      // Range Legend (number values) associated datapoints are always visible.\n      const isDatapointVisible =\n        tempSeriesMetadata.valueType === RANGE_LEGEND_TYPE ||\n        context.filteredSeriesIds === undefined ||\n        context.filteredSeriesIds.has(`${seriesId}--${datapoint.value}`);\n\n      datapointMetadata.isVisible = isDatapointVisible;\n      tempSeriesMetadata.isVisible ||= isDatapointVisible;\n    }\n\n    this.registerDatapoint(\n      datapoint,\n      datapointMetadata,\n      currentSeries,\n      context,\n    );\n\n    const datapointIsVisible =\n      datapointMetadata.isVisible === undefined ||\n      datapointMetadata.isVisible === true;\n\n    if (datapointIsVisible) {\n      context.axisWithSeries.add(xAxis.id);\n      context.axisWithSeries.add(yAxis.id);\n      if (!datapointMetadata.isGap) {\n        this.addValue({\n          series: currentSeries,\n          datapoint,\n        });\n      }\n    }\n\n    this.updateAxisDomains(\n      datapoint,\n      xAxis,\n      yAxis,\n      context.axisIdToScaleDomain,\n      datapointIsVisible,\n    );\n  }\n\n  getColor(\n    colorPalette: XYChartColorPalette | undefined,\n    fallbackColorPalette: XYChartColorPalette | undefined,\n  ) {\n    const validColorPalette = getValidColorPalette(\n      colorPalette,\n      fallbackColorPalette ?? DEFAULT_COLOR_PALETTE_RECT,\n    );\n    return {\n      colorPalette: validColorPalette,\n      colorIsFromSlot: validColorPalette === colorPalette,\n    };\n  }\n\n  getDatapoint(\n    datum: XYChartData,\n    seriesProps: XYChartRectSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return getRectDatapoint(datum, seriesProps, xAxis, yAxis);\n  }\n}\n"],
-  "mappings": "AAAA,SAAS,0BAA0B;AACnC,SAAS,eAAe;AACxB,SAAS,kCAAkC;AAE3C;AAAA,EACE;AAAA,OASK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAKP,SAAS,wBAAwB;AACjC,SAAS,qBAAqB;AAC9B,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AAE7B,MAAM,2BAA2B,mBAAsD;AAAA,EACrF;AAAA,EAEP,YAAY,aAAoC;AAC9C,UAAM,WAAW;AACjB,SAAK,6BAA6B,oBAAI,IAAI;AAAA,EAC5C;AAAA,EAEA,UACE,aAC0C;AAC1C,WAAO,aAAa,WAAW;AAAA,EACjC;AAAA,EAEU,YACR,QACA,aACQ;AACR,WAAO,YAAY;AAAA,EACrB;AAAA,EAEU,aACR,UACA,aACA,OACA,OACA;AACA,WAAO;AAAA,MACL,IAAI;AAAA,MACJ,MAAM,YAAY;AAAA,MAClB,MAAM,CAAC;AAAA,MACP,cAAc,CAAC;AAAA,MACf,SAAS,MAAM;AAAA,MACf,SAAS,MAAM;AAAA,IACjB;AAAA,EACF;AAAA,EAEU,qBACR,QACA,aACA,OACA,OACA,UACA,SACA;AACA,UAAM,EAAE,MAAM,cAAc,IAAI;AAEhC,UAAM,QAAQ,KAAK,SAAS,YAAY,cAAc,QAAQ,YAAY;AAC1E,UAAM,cAAc,KAAK,uBAAuB,UAAU,aAAa;AACvE,UAAM,aAAa,KAAK,cAAc,MAAM,aAAa,MAAS;AAElE,WAAO;AAAA,MACL,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA,SAAS,YAAY;AAAA,MACrB,gBAAgB,YAAY;AAAA,MAC5B,WAAW,YAAY;AAAA,MACvB,cAAc,MAAM;AAAA,MACpB,eAAe,YAAY;AAAA,MAC3B,iBAAiB,MAAM;AAAA,MACvB,WAAW;AAAA,MACX,oBAAoB,YAAY;AAAA,MAChC,UAAU,YAAY;AAAA,MACtB,UAAU,YAAY;AAAA,IACxB;AAAA,EACF;AAAA,EAEU,YACR,OACA,aACA,OACA,OACA,WACA,SACA;AACA,UAAM,EAAE,WAAW,iBAAiB,IAAI;AAExC,UAAM,WAAW,KAAK,YAAY,OAAO,WAAW;AAEpD,QAAI,gBACF,UAAU,IAAI,QAAQ;AAExB,QAAI,CAAC,eAAe;AAClB,sBAAgB,KAAK,aAAa,UAAU,aAAa,OAAO,KAAK;AAErE,WAAK,eAAe,eAAe,UAAU,OAAO;AAEpD,YAAM,WAAW,KAAK;AAAA,QACpB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAIA,uBAAiB,IAAI,eAAe;AAAA,QAClC,GAAG;AAAA,QACH,WAAW,QAAQ,sBAAsB,SAAY,QAAQ;AAAA,MAC/D,CAAC;AAAA,IACH;AAEA,UAAM,oBAAuC,EAAE,OAAO,KAAK;AAG3D,QAAI,sBAAsB,UAAU,KAAK,GAAG;AAC1C,YAAM,cAAc;AAAA,QAClB,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,KAAK;AAAA,MACP;AAEA,WAAK,2BAA2B,IAAI,YAAY,IAAI,WAAW;AAE/D,wBAAkB,QAAQ;AAE1B,YAAM,qBAAqB,QAGzB,kBAAkB,aAAa;AAEjC,yBAAmB,cAAc,cAAc,UAAU,KAAK;AAG9D,YAAM,qBACJ,mBAAmB,cAAc,qBACjC,QAAQ,sBAAsB,UAC9B,QAAQ,kBAAkB,IAAI,GAAG,QAAQ,KAAK,UAAU,KAAK,EAAE;AAEjE,wBAAkB,YAAY;AAC9B,yBAAmB,cAAc;AAAA,IACnC;AAEA,SAAK;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,UAAM,qBACJ,kBAAkB,cAAc,UAChC,kBAAkB,cAAc;AAElC,QAAI,oBAAoB;AACtB,cAAQ,eAAe,IAAI,MAAM,EAAE;AACnC,cAAQ,eAAe,IAAI,MAAM,EAAE;AACnC,UAAI,CAAC,kBAAkB,OAAO;AAC5B,aAAK,SAAS;AAAA,UACZ,QAAQ;AAAA,UACR;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAEA,SAAK;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EAEA,SACE,cACA,sBACA;AACA,UAAM,oBAAoB;AAAA,MACxB;AAAA,MACA,wBAAwB;AAAA,IAC1B;AACA,WAAO;AAAA,MACL,cAAc;AAAA,MACd,iBAAiB,sBAAsB;AAAA,IACzC;AAAA,EACF;AAAA,EAEA,aACE,OACA,aACA,OACA,OACA;AACA,WAAO,iBAAiB,OAAO,aAAa,OAAO,KAAK;AAAA,EAC1D;AACF;",
+  "sourcesContent": ["import { SeriesBaseStrategy } from './base-series.js';\nimport { safeGet } from '../../../core/utils/safe-get.js';\nimport { singleLineName } from '../../../core/utils/single-line-name.js';\nimport { DEFAULT_COLOR_PALETTE_RECT } from '../../constants/defaults.js';\nimport type { XYChartSelectionRectangleMetadata } from '../../hooks/useSortRectangleDatapoints.js';\nimport {\n  RANGE_LEGEND_TYPE,\n  type DatapointMetadata,\n  type RectDatapointInternal,\n  type RectMetadata,\n  type RectSeriesIdToValueScaleDomain,\n  type RectSeriesWithDatapoints,\n  type XYChartAxisInternal,\n  type XYChartRectSeriesInternal,\n  type XYChartVariantsInternal,\n} from '../../types/xy-chart-internals.js';\nimport type { XYChartColorPalette, XYChartData } from '../../types/xy-chart.js';\nimport {\n  isRectSeries,\n  isStringOrValidNumber,\n} from '../../utils/type-guards.js';\nimport type {\n  MutableProcessingContext,\n  RectSeriesConstructor,\n} from '../types/processing-types.js';\nimport { getRectDatapoint } from '../utils/access-datapoint/get-datapoints.js';\nimport { getLegendType } from '../utils/cast-data/get-legend-type.js';\nimport { getValidColorPalette } from '../utils/coloring/get-valid-color-palette.js';\nimport { getValueScaleDomain } from '../utils/scale/get-value-scale-domain.js';\n\nexport class RectSeriesStrategy extends SeriesBaseStrategy<XYChartSelectionRectangleMetadata> {\n  public seriesIdToValueScaleDomain: RectSeriesIdToValueScaleDomain;\n\n  constructor(initializer: RectSeriesConstructor) {\n    super(initializer);\n    this.seriesIdToValueScaleDomain = new Map();\n  }\n\n  canHandle(\n    seriesProps: XYChartVariantsInternal,\n  ): seriesProps is XYChartRectSeriesInternal {\n    return isRectSeries(seriesProps);\n  }\n\n  protected getSeriesId(\n    _datum: XYChartData,\n    seriesProps: XYChartRectSeriesInternal,\n  ): string {\n    return seriesProps.id;\n  }\n\n  protected createSeries(\n    seriesId: string,\n    seriesProps: XYChartRectSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return {\n      id: seriesId,\n      type: seriesProps.type,\n      data: [],\n      filteredData: [],\n      xAxisId: xAxis.id,\n      yAxisId: yAxis.id,\n    };\n  }\n\n  protected createSeriesMetadata(\n    _datum: XYChartData,\n    seriesProps: XYChartRectSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    seriesId: string,\n    context: MutableProcessingContext,\n  ) {\n    const { intl, seriesIndexes } = context;\n\n    const color = this.getColor(seriesProps.colorPalette, context.colorPalette);\n    const seriesIndex = this.getOrCreateSeriesIndex(seriesId, seriesIndexes);\n    const seriesName = this.getSeriesName(intl, seriesIndex, undefined);\n    const name = singleLineName(seriesName);\n\n    return {\n      name,\n      nameSegments: Array.isArray(seriesName) ? seriesName : undefined,\n      xAxis,\n      yAxis,\n      actions: seriesProps.actions,\n      valueFormatter: seriesProps.valueFormatter,\n      valueUnit: seriesProps.valueUnit,\n      colorPalette: color.colorPalette,\n      valueAccessor: seriesProps.valueAccessor,\n      colorIsFromSlot: color.colorIsFromSlot,\n      valueType: undefined,\n      valueAccessorLabel: seriesProps.valueAccessorLabel,\n      valueMin: seriesProps.valueMin,\n      valueMax: seriesProps.valueMax,\n    };\n  }\n\n  protected processImpl(\n    datum: XYChartData,\n    seriesProps: XYChartRectSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    datapoint: RectDatapointInternal,\n    context: MutableProcessingContext,\n  ) {\n    const { seriesMap, seriesToMetadata } = context;\n\n    const seriesId = this.getSeriesId(datum, seriesProps);\n\n    let currentSeries: RectSeriesWithDatapoints | undefined =\n      seriesMap.get(seriesId);\n\n    if (!currentSeries) {\n      currentSeries = this.createSeries(seriesId, seriesProps, xAxis, yAxis);\n\n      this.registerSeries(currentSeries, seriesId, context);\n\n      const metadata = this.createSeriesMetadata(\n        datum,\n        seriesProps,\n        xAxis,\n        yAxis,\n        seriesId,\n        context,\n      );\n      // When filtering is active, isVisible starts as false and is set to true\n      // once any visible datapoint (category) is encountered.\n      // When no filtering, isVisible stays undefined (all visible).\n      seriesToMetadata.set(currentSeries, {\n        ...metadata,\n        isVisible: context.filteredSeriesIds !== undefined ? false : undefined,\n      });\n    }\n\n    const datapointMetadata: DatapointMetadata = { isGap: true };\n\n    // Value domain logic (unique to RectSeriesStrategy)\n    if (isStringOrValidNumber(datapoint.value)) {\n      const valueDomain = getValueScaleDomain(\n        datapoint.value,\n        seriesProps.id,\n        this.seriesIdToValueScaleDomain,\n      );\n\n      this.seriesIdToValueScaleDomain.set(seriesProps.id, valueDomain);\n\n      datapointMetadata.isGap = false;\n\n      const tempSeriesMetadata = safeGet<\n        RectSeriesWithDatapoints,\n        RectMetadata\n      >(seriesToMetadata, currentSeries);\n\n      tempSeriesMetadata.valueType ??= getLegendType(datapoint.value);\n\n      // Range Legend (number values) associated datapoints are always visible.\n      const isDatapointVisible =\n        tempSeriesMetadata.valueType === RANGE_LEGEND_TYPE ||\n        context.filteredSeriesIds === undefined ||\n        context.filteredSeriesIds.has(`${seriesId}--${datapoint.value}`);\n\n      datapointMetadata.isVisible = isDatapointVisible;\n      tempSeriesMetadata.isVisible ||= isDatapointVisible;\n    }\n\n    this.registerDatapoint(\n      datapoint,\n      datapointMetadata,\n      currentSeries,\n      context,\n    );\n\n    const datapointIsVisible =\n      datapointMetadata.isVisible === undefined ||\n      datapointMetadata.isVisible === true;\n\n    if (datapointIsVisible) {\n      context.axisWithSeries.add(xAxis.id);\n      context.axisWithSeries.add(yAxis.id);\n      if (!datapointMetadata.isGap) {\n        this.addValue({\n          series: currentSeries,\n          datapoint,\n        });\n      }\n    }\n\n    this.updateAxisDomains(\n      datapoint,\n      xAxis,\n      yAxis,\n      context.axisIdToScaleDomain,\n      datapointIsVisible,\n    );\n  }\n\n  getColor(\n    colorPalette: XYChartColorPalette | undefined,\n    fallbackColorPalette: XYChartColorPalette | undefined,\n  ) {\n    const validColorPalette = getValidColorPalette(\n      colorPalette,\n      fallbackColorPalette ?? DEFAULT_COLOR_PALETTE_RECT,\n    );\n    return {\n      colorPalette: validColorPalette,\n      colorIsFromSlot: validColorPalette === colorPalette,\n    };\n  }\n\n  getDatapoint(\n    datum: XYChartData,\n    seriesProps: XYChartRectSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return getRectDatapoint(datum, seriesProps, xAxis, yAxis);\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

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

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

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

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

@@ -7,16 +7,14 @@ const XYChartAnnotationsShownIndicatorsProvider = ({
   children
 }) => {
   const { alwaysVisible, selectable } = useXYChartAnnotationsIndicators();
-  const { hoveredGroup } = useAnnotationsState();
+  const { data } = useAnnotationsState();
   const shownIndicators = useMemo(() => {
-    if (hoveredGroup && selectable.has(hoveredGroup)) {
-      const hoveredIndicator = selectable.get(hoveredGroup);
-      if (hoveredIndicator) {
-        return [hoveredIndicator, ...alwaysVisible];
-      }
-    }
-    return alwaysVisible;
-  }, [hoveredGroup, alwaysVisible, selectable]);
+    const hoveredIndicators = data?.flatMap(({ key }) => {
+      const indicator = selectable.get(key);
+      return indicator ? [indicator] : [];
+    }) ?? [];
+    return [...hoveredIndicators, ...alwaysVisible];
+  }, [data, alwaysVisible, selectable]);
   return /* @__PURE__ */ jsx(XYChartAnnotationsShownIndicatorsContext.Provider, { value: shownIndicators, children });
 };
 export {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/providers/XYChartAnnotationsShownIndicatorsProvider.tsx"],
-  "sourcesContent": ["import { PropsWithChildren, useMemo } from 'react';\n\nimport { XYChartAnnotationsShownIndicatorsContext } from '../context/XYChartAnnotationsShownIndicators.context.js';\nimport { useXYChartAnnotationsIndicators } from '../hooks/useXYChartAnnotationsIndicators.js';\nimport { useAnnotationsState } from '../store/selectors.js';\n\nexport const XYChartAnnotationsShownIndicatorsProvider = ({\n  children,\n}: PropsWithChildren) => {\n  const { alwaysVisible, selectable } = useXYChartAnnotationsIndicators();\n  const { hoveredGroup } = useAnnotationsState();\n\n  const shownIndicators = useMemo(() => {\n    if (hoveredGroup && selectable.has(hoveredGroup)) {\n      const hoveredIndicator = selectable.get(hoveredGroup);\n      if (hoveredIndicator) {\n        return [hoveredIndicator, ...alwaysVisible];\n      }\n    }\n    return alwaysVisible;\n  }, [hoveredGroup, alwaysVisible, selectable]);\n\n  return (\n    <XYChartAnnotationsShownIndicatorsContext.Provider value={shownIndicators}>\n      {children}\n    </XYChartAnnotationsShownIndicatorsContext.Provider>\n  );\n};\n"],
-  "mappings": "AAuBI;AAvBJ,SAA4B,eAAe;AAE3C,SAAS,gDAAgD;AACzD,SAAS,uCAAuC;AAChD,SAAS,2BAA2B;AAE7B,MAAM,4CAA4C,CAAC;AAAA,EACxD;AACF,MAAyB;AACvB,QAAM,EAAE,eAAe,WAAW,IAAI,gCAAgC;AACtE,QAAM,EAAE,aAAa,IAAI,oBAAoB;AAE7C,QAAM,kBAAkB,QAAQ,MAAM;AACpC,QAAI,gBAAgB,WAAW,IAAI,YAAY,GAAG;AAChD,YAAM,mBAAmB,WAAW,IAAI,YAAY;AACpD,UAAI,kBAAkB;AACpB,eAAO,CAAC,kBAAkB,GAAG,aAAa;AAAA,MAC5C;AAAA,IACF;AACA,WAAO;AAAA,EACT,GAAG,CAAC,cAAc,eAAe,UAAU,CAAC;AAE5C,SACE,oBAAC,yCAAyC,UAAzC,EAAkD,OAAO,iBACvD,UACH;AAEJ;",
+  "sourcesContent": ["import { PropsWithChildren, useMemo } from 'react';\n\nimport { XYChartAnnotationsShownIndicatorsContext } from '../context/XYChartAnnotationsShownIndicators.context.js';\nimport { useXYChartAnnotationsIndicators } from '../hooks/useXYChartAnnotationsIndicators.js';\nimport { useAnnotationsState } from '../store/selectors.js';\n\nexport const XYChartAnnotationsShownIndicatorsProvider = ({\n  children,\n}: PropsWithChildren) => {\n  const { alwaysVisible, selectable } = useXYChartAnnotationsIndicators();\n  const { data } = useAnnotationsState();\n\n  const shownIndicators = useMemo(() => {\n    const hoveredIndicators =\n      data?.flatMap(({ key }) => {\n        const indicator = selectable.get(key);\n        return indicator ? [indicator] : [];\n      }) ?? [];\n\n    return [...hoveredIndicators, ...alwaysVisible];\n  }, [data, alwaysVisible, selectable]);\n\n  return (\n    <XYChartAnnotationsShownIndicatorsContext.Provider value={shownIndicators}>\n      {children}\n    </XYChartAnnotationsShownIndicatorsContext.Provider>\n  );\n};\n"],
+  "mappings": "AAuBI;AAvBJ,SAA4B,eAAe;AAE3C,SAAS,gDAAgD;AACzD,SAAS,uCAAuC;AAChD,SAAS,2BAA2B;AAE7B,MAAM,4CAA4C,CAAC;AAAA,EACxD;AACF,MAAyB;AACvB,QAAM,EAAE,eAAe,WAAW,IAAI,gCAAgC;AACtE,QAAM,EAAE,KAAK,IAAI,oBAAoB;AAErC,QAAM,kBAAkB,QAAQ,MAAM;AACpC,UAAM,oBACJ,MAAM,QAAQ,CAAC,EAAE,IAAI,MAAM;AACzB,YAAM,YAAY,WAAW,IAAI,GAAG;AACpC,aAAO,YAAY,CAAC,SAAS,IAAI,CAAC;AAAA,IACpC,CAAC,KAAK,CAAC;AAET,WAAO,CAAC,GAAG,mBAAmB,GAAG,aAAa;AAAA,EAChD,GAAG,CAAC,MAAM,eAAe,UAAU,CAAC;AAEpC,SACE,oBAAC,yCAAyC,UAAzC,EAAkD,OAAO,iBACvD,UACH;AAEJ;",
   "names": []
 }

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

@@ -15,6 +15,7 @@ import {
 import { useVisibleAxesConfig } from "../hooks/useVisibleAxesConfig.js";
 import { useVisibleAxesScales } from "../hooks/useVisibleAxesScales.js";
 import { isCategorical } from "../types/guards.js";
+import { filterOutOfRangeTicks } from "../utils/filter-out-of-range-ticks.js";
 import {
   computeNiceUnitTicks,
   shouldUseNiceUnitTicks
@@ -69,13 +70,17 @@ function XYChartAxesTicksProvider({
     topScale,
     formatCategory
   ) : void 0;
-  const topTicks = getTicksForAxis(
-    topConfig,
-    horizontalNumTicks,
+  const topTicks = filterOutOfRangeTicks(
+    getTicksForAxis(
+      topConfig,
+      horizontalNumTicks,
+      topScale,
+      topFormatter,
+      width,
+      "horizontal"
+    ),
     topScale,
-    topFormatter,
-    width,
-    "horizontal"
+    width
   );
   const bottomScale = scales.bottom;
   const bottomConfig = config.bottom;
@@ -86,13 +91,17 @@ function XYChartAxesTicksProvider({
     bottomScale,
     formatCategory
   ) : void 0;
-  const bottomTicks = getTicksForAxis(
-    bottomConfig,
-    horizontalNumTicks,
+  const bottomTicks = filterOutOfRangeTicks(
+    getTicksForAxis(
+      bottomConfig,
+      horizontalNumTicks,
+      bottomScale,
+      bottomFormatter,
+      width,
+      "horizontal"
+    ),
     bottomScale,
-    bottomFormatter,
-    width,
-    "horizontal"
+    width
   );
   const leftScale = scales.left;
   const leftConfig = config.left;
@@ -103,13 +112,17 @@ function XYChartAxesTicksProvider({
     leftScale,
     formatCategory
   ) : void 0;
-  const leftTicks = getTicksForAxis(
-    leftConfig,
-    verticalNumTicks,
+  const leftTicks = filterOutOfRangeTicks(
+    getTicksForAxis(
+      leftConfig,
+      verticalNumTicks,
+      leftScale,
+      leftFormatter,
+      height,
+      "vertical"
+    ),
     leftScale,
-    leftFormatter,
-    height,
-    "vertical"
+    height
   );
   const rightScale = scales.right;
   const rightConfig = config.right;
@@ -120,13 +133,17 @@ function XYChartAxesTicksProvider({
     rightScale,
     formatCategory
   ) : void 0;
-  const rightTicks = getTicksForAxis(
-    rightConfig,
-    verticalNumTicks,
+  const rightTicks = filterOutOfRangeTicks(
+    getTicksForAxis(
+      rightConfig,
+      verticalNumTicks,
+      rightScale,
+      rightFormatter,
+      height,
+      "vertical"
+    ),
     rightScale,
-    rightFormatter,
-    height,
-    "vertical"
+    height
   );
   return /* @__PURE__ */ jsx(
     XYChartAxesTicksContext.Provider,

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 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 type { ContinuousScale } from '../../core/utils/has-horizontal-label-collision.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      scale as ContinuousScale,\n    );\n\n    if (niceTicks !== null) {\n      return niceTicks;\n    }\n  }\n\n  return getTicksFormattedByConfig(\n    config,\n    numTicks,\n    scale,\n    formatter,\n    orientation === 'horizontal' ? availableSize : undefined,\n  );\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": "AAuMI;AArMJ,SAAS,aAAa;AAEtB,SAAS,uBAAuB;AAMhC,SAAS,2BAA2B;AAEpC,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,+BAA+B;AACxC,SAAS,wBAAwB;AACjC;AAAA,EAEE;AAAA,OACK;AACP,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AACrC,SAAS,qBAAqB;AAM9B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,iCAAiC;AAE1C,SAAS,aACP,UACA,mBACA,QACA,OACA,gBACA;AACA,MAAI,cAAc,OAAO,IAAI,GAAG;AAC9B,UAAM,kBAAmC,CAAC,QACxC,eAAe,QAAQ,GAAG,KAAK;AACjC,WAAO;AAAA,EACT;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,UACA,EAAE,gBAAgB,WAClB,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,MACA;AAAA,IACF;AAEA,QAAI,cAAc,MAAM;AACtB,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB,eAAe,gBAAgB;AAAA,EACjD;AACF;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;AACnD,QAAM,iBAAiB,kBAAkB;AAEzC,QAAM,WAAW,OAAO;AACxB,QAAM,YAAY,OAAO;AAEzB,QAAM,eAAe,YACjB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IACA;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,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,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IACA;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,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IACA;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 type { ContinuousScale } from '../../core/utils/has-horizontal-label-collision.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 { filterOutOfRangeTicks } from '../utils/filter-out-of-range-ticks.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      scale as ContinuousScale,\n    );\n\n    if (niceTicks !== null) {\n      return niceTicks;\n    }\n  }\n\n  return getTicksFormattedByConfig(\n    config,\n    numTicks,\n    scale,\n    formatter,\n    orientation === 'horizontal' ? availableSize : undefined,\n  );\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 = filterOutOfRangeTicks(\n    getTicksForAxis(\n      topConfig,\n      horizontalNumTicks,\n      topScale,\n      topFormatter,\n      width,\n      'horizontal',\n    ),\n    topScale,\n    width,\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 = filterOutOfRangeTicks(\n    getTicksForAxis(\n      bottomConfig,\n      horizontalNumTicks,\n      bottomScale,\n      bottomFormatter,\n      width,\n      'horizontal',\n    ),\n    bottomScale,\n    width,\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 = filterOutOfRangeTicks(\n    getTicksForAxis(\n      leftConfig,\n      verticalNumTicks,\n      leftScale,\n      leftFormatter,\n      height,\n      'vertical',\n    ),\n    leftScale,\n    height,\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 = filterOutOfRangeTicks(\n    getTicksForAxis(\n      rightConfig,\n      verticalNumTicks,\n      rightScale,\n      rightFormatter,\n      height,\n      'vertical',\n    ),\n    rightScale,\n    height,\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": []
 }