@dynatrace/strato-components 3.4.1 → 3.5.2

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/processing-strategies/strategies/base-series.ts"],
-  "sourcesContent": ["import { isUndefined } from 'lodash-es';\nimport type { IntlShape } from 'react-intl';\n\nimport type { XYChartSelectionRectangleMetadata } from '../../hooks/useSortRectangleDatapoints.js';\nimport type {\n  AnyDatapoint,\n  DatapointMetadata,\n  XYChartAxisInternal,\n  XYChartSeriesWithDatapoints,\n  XYChartVariantsInternal,\n} from '../../types/xy-chart-internals.js';\nimport type { XYChartSelectionLinearMetadata } from '../../types/xy-chart-selection.js';\nimport type { XYChartColorPalette, XYChartData } from '../../types/xy-chart.js';\nimport { calculateAxesDomains } from '../../utils/calculate-axes-domains.js';\nimport type {\n  ControlFlowCommand,\n  MutableProcessingContext,\n  SeriesConstructor,\n  SeriesProcessingStrategy,\n} from '../types/processing-types.js';\nimport {\n  getSeriesNameWithAccessor,\n  getSeriesNameWithFallback,\n} from '../utils/series-naming/get-series-name.js';\n\nexport abstract class SeriesBaseStrategy<\n  T extends XYChartSelectionLinearMetadata | XYChartSelectionRectangleMetadata,\n> implements SeriesProcessingStrategy\n{\n  protected readonly addValue: (point: T) => void;\n\n  constructor(initializer: SeriesConstructor<T>) {\n    this.addValue = initializer.addValue;\n  }\n\n  abstract canHandle(seriesProps: XYChartVariantsInternal): boolean;\n\n  public preprocess(\n    data: XYChartData[],\n    seriesProps: XYChartVariantsInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    context: MutableProcessingContext,\n  ): ControlFlowCommand {\n    if (!this.canHandle(seriesProps)) {\n      return;\n    }\n    return this.preprocessImpl(data, seriesProps, xAxis, yAxis, context);\n  }\n\n  public process(\n    datum: XYChartData,\n    seriesProps: XYChartVariantsInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    context: MutableProcessingContext,\n  ): ControlFlowCommand {\n    if (!this.canHandle(seriesProps)) {\n      return;\n    }\n\n    const datapoint = this.getDatapoint(datum, seriesProps, xAxis, yAxis);\n    if (!datapoint) {\n      return 'continue';\n    }\n\n    return this.processImpl(\n      datum,\n      seriesProps,\n      xAxis,\n      yAxis,\n      datapoint,\n      context,\n    );\n  }\n\n  protected preprocessImpl(\n    data: XYChartData[],\n    seriesProps: XYChartVariantsInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    context: MutableProcessingContext,\n  ): ControlFlowCommand {\n    return;\n  }\n\n  protected abstract processImpl(\n    datum: XYChartData,\n    seriesProps: XYChartVariantsInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    datapoint: AnyDatapoint,\n    context: MutableProcessingContext,\n  ): ControlFlowCommand;\n\n  /**\n   * Gets the series ID for this datum. Override in subclasses for custom ID logic.\n   */\n  protected abstract getSeriesId(\n    datum: XYChartData,\n    seriesProps: XYChartVariantsInternal,\n  ): string;\n\n  /**\n   * Gets or creates the series index, adding to seriesIndexes if new.\n   */\n  protected getOrCreateSeriesIndex(\n    seriesId: string,\n    seriesIndexes: string[],\n  ): number {\n    if (!seriesIndexes.includes(seriesId)) {\n      seriesIndexes.push(seriesId);\n    }\n    return seriesIndexes.indexOf(seriesId);\n  }\n\n  /**\n   * Creates a new series object. Override in subclasses for custom series structure.\n   */\n  protected createSeries(\n    seriesId: string,\n    seriesProps: XYChartVariantsInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return {\n      id: seriesId,\n      type: seriesProps.type,\n      data: [],\n      xAxisId: xAxis.id,\n      yAxisId: yAxis.id,\n    };\n  }\n\n  /**\n   * Registers a new series in the context maps.\n   */\n  protected registerSeries(\n    currentSeries: XYChartSeriesWithDatapoints,\n    seriesId: string,\n    context: MutableProcessingContext,\n  ): void {\n    context.seriesMap.set(seriesId, currentSeries);\n    context.seriesWithDatapoints.push(currentSeries);\n  }\n\n  /**\n   * Registers a datapoint to the series and updates metadata and domains.\n   */\n  protected registerDatapoint<\n    D extends AnyDatapoint,\n    Y extends XYChartSeriesWithDatapoints & { data: D[] },\n  >(\n    datapoint: D,\n    datapointMetadata: DatapointMetadata,\n    currentSeries: Y,\n    context: MutableProcessingContext,\n  ) {\n    currentSeries.data.push(datapoint);\n    context.datapointMetadataMap.set(datapoint, datapointMetadata);\n  }\n\n  /**\n   * Creates series metadata. Override in subclasses for custom metadata.\n   */\n  protected abstract createSeriesMetadata(\n    datum: XYChartData,\n    seriesProps: XYChartVariantsInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    seriesId: string,\n    context: MutableProcessingContext,\n  ): Record<string, unknown>;\n\n  /**\n   * Calculates and sets the axis domains.\n   */\n  protected updateAxisDomains(\n    calcPoint: AnyDatapoint,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    axisIdToScaleDomain: MutableProcessingContext['axisIdToScaleDomain'],\n  ): void {\n    const { xDomain, yDomain } = calculateAxesDomains(\n      xAxis,\n      yAxis,\n      calcPoint,\n      axisIdToScaleDomain,\n    );\n    axisIdToScaleDomain.set(xAxis.id, xDomain);\n    axisIdToScaleDomain.set(yAxis.id, yDomain);\n  }\n\n  /**\n   * Gets the calculation point for domain updates. Override for custom logic (e.g., time centering).\n   */\n  protected getCalculationPoint(\n    datapoint: AnyDatapoint,\n    _xAxis: XYChartAxisInternal,\n    _yAxis: XYChartAxisInternal,\n  ): { x0?: unknown; y0?: unknown; x1?: unknown; y1?: unknown } {\n    return datapoint;\n  }\n\n  getSeriesName(\n    intl: IntlShape,\n    seriesIndex: number,\n    seriesNameFallback: string | undefined,\n    namingWithAccessor?: {\n      seriesNameAccessor?: string;\n      datum: XYChartData;\n    },\n  ) {\n    return isUndefined(namingWithAccessor)\n      ? getSeriesNameWithFallback(intl, seriesIndex, seriesNameFallback)\n      : getSeriesNameWithAccessor(\n          intl,\n          seriesIndex,\n          seriesNameFallback,\n          namingWithAccessor.seriesNameAccessor,\n          namingWithAccessor.datum,\n        );\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  abstract getColor(...args: any[]):\n    | {\n        color: { Default: string };\n        colorPalette: XYChartColorPalette;\n        colorIsFromSlot: boolean;\n      }\n    | {\n        colorPalette: XYChartColorPalette;\n        colorIsFromSlot: boolean;\n      };\n\n  abstract getDatapoint(\n    datum: XYChartData,\n    seriesProps: XYChartVariantsInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ): AnyDatapoint | undefined;\n}\n"],
-  "mappings": "AAAA,SAAS,mBAAmB;AAa5B,SAAS,4BAA4B;AAOrC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEA,MAAe,mBAGtB;AAAA,EACqB;AAAA,EAEnB,YAAY,aAAmC;AAC7C,SAAK,WAAW,YAAY;AAAA,EAC9B;AAAA,EAIO,WACL,MACA,aACA,OACA,OACA,SACoB;AACpB,QAAI,CAAC,KAAK,UAAU,WAAW,GAAG;AAChC;AAAA,IACF;AACA,WAAO,KAAK,eAAe,MAAM,aAAa,OAAO,OAAO,OAAO;AAAA,EACrE;AAAA,EAEO,QACL,OACA,aACA,OACA,OACA,SACoB;AACpB,QAAI,CAAC,KAAK,UAAU,WAAW,GAAG;AAChC;AAAA,IACF;AAEA,UAAM,YAAY,KAAK,aAAa,OAAO,aAAa,OAAO,KAAK;AACpE,QAAI,CAAC,WAAW;AACd,aAAO;AAAA,IACT;AAEA,WAAO,KAAK;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EAEU,eACR,MACA,aACA,OACA,OACA,SACoB;AACpB;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAsBU,uBACR,UACA,eACQ;AACR,QAAI,CAAC,cAAc,SAAS,QAAQ,GAAG;AACrC,oBAAc,KAAK,QAAQ;AAAA,IAC7B;AACA,WAAO,cAAc,QAAQ,QAAQ;AAAA,EACvC;AAAA;AAAA;AAAA;AAAA,EAKU,aACR,UACA,aACA,OACA,OACA;AACA,WAAO;AAAA,MACL,IAAI;AAAA,MACJ,MAAM,YAAY;AAAA,MAClB,MAAM,CAAC;AAAA,MACP,SAAS,MAAM;AAAA,MACf,SAAS,MAAM;AAAA,IACjB;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKU,eACR,eACA,UACA,SACM;AACN,YAAQ,UAAU,IAAI,UAAU,aAAa;AAC7C,YAAQ,qBAAqB,KAAK,aAAa;AAAA,EACjD;AAAA;AAAA;AAAA;AAAA,EAKU,kBAIR,WACA,mBACA,eACA,SACA;AACA,kBAAc,KAAK,KAAK,SAAS;AACjC,YAAQ,qBAAqB,IAAI,WAAW,iBAAiB;AAAA,EAC/D;AAAA;AAAA;AAAA;AAAA,EAiBU,kBACR,WACA,OACA,OACA,qBACM;AACN,UAAM,EAAE,SAAS,QAAQ,IAAI;AAAA,MAC3B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AACA,wBAAoB,IAAI,MAAM,IAAI,OAAO;AACzC,wBAAoB,IAAI,MAAM,IAAI,OAAO;AAAA,EAC3C;AAAA;AAAA;AAAA;AAAA,EAKU,oBACR,WACA,QACA,QAC4D;AAC5D,WAAO;AAAA,EACT;AAAA,EAEA,cACE,MACA,aACA,oBACA,oBAIA;AACA,WAAO,YAAY,kBAAkB,IACjC,0BAA0B,MAAM,aAAa,kBAAkB,IAC/D;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,IACrB;AAAA,EACN;AAoBF;",
+  "sourcesContent": ["import { isUndefined } from 'lodash-es';\nimport type { IntlShape } from 'react-intl';\n\nimport type { MinMax } from '../../../core/types/min-max.js';\nimport type { XYChartSelectionRectangleMetadata } from '../../hooks/useSortRectangleDatapoints.js';\nimport { XYAxisTypeCategorical } from '../../types/axis.js';\nimport type {\n  AnyDatapoint,\n  DatapointMetadata,\n  XYChartAxisInternal,\n  XYChartSeriesWithDatapoints,\n  XYChartVariantsInternal,\n} from '../../types/xy-chart-internals.js';\nimport type { XYChartSelectionLinearMetadata } from '../../types/xy-chart-selection.js';\nimport type { XYChartColorPalette, XYChartData } from '../../types/xy-chart.js';\nimport { calculateAxesDomains } from '../../utils/calculate-axes-domains.js';\nimport type {\n  ControlFlowCommand,\n  MutableProcessingContext,\n  SeriesConstructor,\n  SeriesProcessingStrategy,\n} from '../types/processing-types.js';\nimport {\n  getSeriesNameWithAccessor,\n  getSeriesNameWithFallback,\n} from '../utils/series-naming/get-series-name.js';\n\nexport abstract class SeriesBaseStrategy<\n  T extends XYChartSelectionLinearMetadata | XYChartSelectionRectangleMetadata,\n> implements SeriesProcessingStrategy\n{\n  protected readonly addValue: (point: T) => void;\n\n  constructor(initializer: SeriesConstructor<T>) {\n    this.addValue = initializer.addValue;\n  }\n\n  abstract canHandle(seriesProps: XYChartVariantsInternal): boolean;\n\n  public preprocess(\n    data: XYChartData[],\n    seriesProps: XYChartVariantsInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    context: MutableProcessingContext,\n  ): ControlFlowCommand {\n    if (!this.canHandle(seriesProps)) {\n      return;\n    }\n    return this.preprocessImpl(data, seriesProps, xAxis, yAxis, context);\n  }\n\n  public process(\n    datum: XYChartData,\n    seriesProps: XYChartVariantsInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    context: MutableProcessingContext,\n  ): ControlFlowCommand {\n    if (!this.canHandle(seriesProps)) {\n      return;\n    }\n\n    const datapoint = this.getDatapoint(datum, seriesProps, xAxis, yAxis);\n    if (!datapoint) {\n      return 'continue';\n    }\n\n    return this.processImpl(\n      datum,\n      seriesProps,\n      xAxis,\n      yAxis,\n      datapoint,\n      context,\n    );\n  }\n\n  protected preprocessImpl(\n    data: XYChartData[],\n    seriesProps: XYChartVariantsInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    context: MutableProcessingContext,\n  ): ControlFlowCommand {\n    return;\n  }\n\n  protected abstract processImpl(\n    datum: XYChartData,\n    seriesProps: XYChartVariantsInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    datapoint: AnyDatapoint,\n    context: MutableProcessingContext,\n  ): ControlFlowCommand;\n\n  /**\n   * Gets the series ID for this datum. Override in subclasses for custom ID logic.\n   */\n  protected abstract getSeriesId(\n    datum: XYChartData,\n    seriesProps: XYChartVariantsInternal,\n  ): string;\n\n  /**\n   * Gets or creates the series index, adding to seriesIndexes if new.\n   */\n  protected getOrCreateSeriesIndex(\n    seriesId: string,\n    seriesIndexes: string[],\n  ): number {\n    if (!seriesIndexes.includes(seriesId)) {\n      seriesIndexes.push(seriesId);\n    }\n    return seriesIndexes.indexOf(seriesId);\n  }\n\n  /**\n   * Creates a new series object. Override in subclasses for custom series structure.\n   */\n  protected createSeries(\n    seriesId: string,\n    seriesProps: XYChartVariantsInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return {\n      id: seriesId,\n      type: seriesProps.type,\n      data: [],\n      xAxisId: xAxis.id,\n      yAxisId: yAxis.id,\n    };\n  }\n\n  /**\n   * Registers a new series in the context maps.\n   */\n  protected registerSeries(\n    currentSeries: XYChartSeriesWithDatapoints,\n    seriesId: string,\n    context: MutableProcessingContext,\n  ): void {\n    context.seriesMap.set(seriesId, currentSeries);\n    context.seriesWithDatapoints.push(currentSeries);\n  }\n\n  /**\n   * Registers a datapoint to the series and updates metadata and domains.\n   */\n  protected registerDatapoint<\n    D extends AnyDatapoint,\n    Y extends XYChartSeriesWithDatapoints & { data: D[] },\n  >(\n    datapoint: D,\n    datapointMetadata: DatapointMetadata,\n    currentSeries: Y,\n    context: MutableProcessingContext,\n  ) {\n    currentSeries.data.push(datapoint);\n    context.datapointMetadataMap.set(datapoint, datapointMetadata);\n  }\n\n  /**\n   * Creates series metadata. Override in subclasses for custom metadata.\n   */\n  protected abstract createSeriesMetadata(\n    datum: XYChartData,\n    seriesProps: XYChartVariantsInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    seriesId: string,\n    context: MutableProcessingContext,\n  ): Record<string, unknown>;\n\n  /**\n   * Calculates and sets the axis domains.\n   */\n  protected updateAxisDomains(\n    calcPoint: AnyDatapoint,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    axisIdToScaleDomain: MutableProcessingContext['axisIdToScaleDomain'],\n    isSeriesVisible: boolean,\n  ): void {\n    const { xDomain, yDomain } = calculateAxesDomains(\n      xAxis,\n      yAxis,\n      calcPoint,\n      axisIdToScaleDomain,\n      isSeriesVisible,\n    );\n    axisIdToScaleDomain.set(xAxis.id, xDomain);\n    if (isSeriesVisible || yAxis.type === XYAxisTypeCategorical) {\n      axisIdToScaleDomain.set(yAxis.id, yDomain as MinMax | Set<string>);\n    }\n  }\n\n  /**\n   * Gets the calculation point for domain updates. Override for custom logic (e.g., time centering).\n   */\n  protected getCalculationPoint(\n    datapoint: AnyDatapoint,\n    _xAxis: XYChartAxisInternal,\n    _yAxis: XYChartAxisInternal,\n  ): { x0?: unknown; y0?: unknown; x1?: unknown; y1?: unknown } {\n    return datapoint;\n  }\n\n  getSeriesName(\n    intl: IntlShape,\n    seriesIndex: number,\n    seriesNameFallback: string | undefined,\n    namingWithAccessor?: {\n      seriesNameAccessor?: string;\n      datum: XYChartData;\n    },\n  ) {\n    return isUndefined(namingWithAccessor)\n      ? getSeriesNameWithFallback(intl, seriesIndex, seriesNameFallback)\n      : getSeriesNameWithAccessor(\n          intl,\n          seriesIndex,\n          seriesNameFallback,\n          namingWithAccessor.seriesNameAccessor,\n          namingWithAccessor.datum,\n        );\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  abstract getColor(...args: any[]):\n    | {\n        color: { Default: string };\n        colorPalette: XYChartColorPalette;\n        colorIsFromSlot: boolean;\n      }\n    | {\n        colorPalette: XYChartColorPalette;\n        colorIsFromSlot: boolean;\n      };\n\n  abstract getDatapoint(\n    datum: XYChartData,\n    seriesProps: XYChartVariantsInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ): AnyDatapoint | undefined;\n}\n"],
+  "mappings": "AAAA,SAAS,mBAAmB;AAK5B,SAAS,6BAA6B;AAUtC,SAAS,4BAA4B;AAOrC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEA,MAAe,mBAGtB;AAAA,EACqB;AAAA,EAEnB,YAAY,aAAmC;AAC7C,SAAK,WAAW,YAAY;AAAA,EAC9B;AAAA,EAIO,WACL,MACA,aACA,OACA,OACA,SACoB;AACpB,QAAI,CAAC,KAAK,UAAU,WAAW,GAAG;AAChC;AAAA,IACF;AACA,WAAO,KAAK,eAAe,MAAM,aAAa,OAAO,OAAO,OAAO;AAAA,EACrE;AAAA,EAEO,QACL,OACA,aACA,OACA,OACA,SACoB;AACpB,QAAI,CAAC,KAAK,UAAU,WAAW,GAAG;AAChC;AAAA,IACF;AAEA,UAAM,YAAY,KAAK,aAAa,OAAO,aAAa,OAAO,KAAK;AACpE,QAAI,CAAC,WAAW;AACd,aAAO;AAAA,IACT;AAEA,WAAO,KAAK;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EAEU,eACR,MACA,aACA,OACA,OACA,SACoB;AACpB;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAsBU,uBACR,UACA,eACQ;AACR,QAAI,CAAC,cAAc,SAAS,QAAQ,GAAG;AACrC,oBAAc,KAAK,QAAQ;AAAA,IAC7B;AACA,WAAO,cAAc,QAAQ,QAAQ;AAAA,EACvC;AAAA;AAAA;AAAA;AAAA,EAKU,aACR,UACA,aACA,OACA,OACA;AACA,WAAO;AAAA,MACL,IAAI;AAAA,MACJ,MAAM,YAAY;AAAA,MAClB,MAAM,CAAC;AAAA,MACP,SAAS,MAAM;AAAA,MACf,SAAS,MAAM;AAAA,IACjB;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKU,eACR,eACA,UACA,SACM;AACN,YAAQ,UAAU,IAAI,UAAU,aAAa;AAC7C,YAAQ,qBAAqB,KAAK,aAAa;AAAA,EACjD;AAAA;AAAA;AAAA;AAAA,EAKU,kBAIR,WACA,mBACA,eACA,SACA;AACA,kBAAc,KAAK,KAAK,SAAS;AACjC,YAAQ,qBAAqB,IAAI,WAAW,iBAAiB;AAAA,EAC/D;AAAA;AAAA;AAAA;AAAA,EAiBU,kBACR,WACA,OACA,OACA,qBACA,iBACM;AACN,UAAM,EAAE,SAAS,QAAQ,IAAI;AAAA,MAC3B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AACA,wBAAoB,IAAI,MAAM,IAAI,OAAO;AACzC,QAAI,mBAAmB,MAAM,SAAS,uBAAuB;AAC3D,0BAAoB,IAAI,MAAM,IAAI,OAA+B;AAAA,IACnE;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKU,oBACR,WACA,QACA,QAC4D;AAC5D,WAAO;AAAA,EACT;AAAA,EAEA,cACE,MACA,aACA,oBACA,oBAIA;AACA,WAAO,YAAY,kBAAkB,IACjC,0BAA0B,MAAM,aAAa,kBAAkB,IAC/D;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,IACrB;AAAA,EACN;AAoBF;",
   "names": []
 }

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

@@ -86,20 +86,23 @@ class DotSeriesStrategy extends SeriesBaseStrategy {
       currentSeries,
       context
     );
+    const calcPoint = this.getCalculationPoint(datapoint, xAxis, yAxis);
+    this.updateAxisDomains(
+      calcPoint,
+      xAxis,
+      yAxis,
+      context.axisIdToScaleDomain,
+      isSeriesVisible
+    );
     if (isSeriesVisible) {
+      context.axisWithSeries.add(xAxis.id);
+      context.axisWithSeries.add(yAxis.id);
       const currentSeriesMetadata = safeGet(seriesToMetadata, currentSeries);
       this.addValue({
         series: currentSeries,
         datapoint,
         color: currentSeriesMetadata?.color
       });
-      const calcPoint = this.getCalculationPoint(datapoint, xAxis, yAxis);
-      this.updateAxisDomains(
-        calcPoint,
-        xAxis,
-        yAxis,
-        context.axisIdToScaleDomain
-      );
     }
   }
   getColor(datum, seriesProps, configColorPalette, seriesName, seriesIndex) {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/processing-strategies/strategies/dot-series.ts"],
-  "sourcesContent": ["import { SeriesBaseStrategy } from './base-series.js';\nimport { safeGet } from '../../../core/utils/safe-get.js';\nimport type {\n  DatapointMetadata,\n  DotSeriesWithDatapoints,\n  XYChartAxisInternal,\n  XYChartDotSeriesInternal,\n  XYChartVariantsInternal,\n} from '../../types/xy-chart-internals.js';\nimport type { XYChartSelectionLinearMetadata } from '../../types/xy-chart-selection.js';\nimport {\n  type DotDatapoint,\n  type XYChartColorPalette,\n  type XYChartData,\n} from '../../types/xy-chart.js';\nimport { isDotSeries } from '../../utils/type-guards.js';\nimport type { MutableProcessingContext } from '../types/processing-types.js';\nimport {\n  getDatumValue,\n  getDotDatapoint,\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 DotSeriesStrategy extends SeriesBaseStrategy<XYChartSelectionLinearMetadata> {\n  canHandle(\n    seriesProps: XYChartVariantsInternal,\n  ): seriesProps is XYChartDotSeriesInternal {\n    return isDotSeries(seriesProps);\n  }\n\n  // can this method be un base?\n  protected getSeriesId(\n    datum: XYChartData,\n    seriesProps: XYChartDotSeriesInternal,\n  ): string {\n    const seriesIdAccessor = getDatumValue(\n      datum,\n      seriesProps.seriesIdAccessor,\n    )?.toString() as string;\n    return seriesIdAccessor ?? seriesProps.id;\n  }\n\n  protected createSeriesMetadata(\n    datum: XYChartData,\n    seriesProps: XYChartDotSeriesInternal,\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(\n      intl,\n      seriesIndex,\n      // APPDEV-15290 - Adjust after removing name prop from series\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      seriesProps.name,\n      {\n        seriesNameAccessor,\n        datum,\n      },\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      actions: seriesProps.actions,\n      ...color,\n      name: seriesName,\n      shape: seriesProps.shape,\n    };\n  }\n\n  protected getCalculationPoint(\n    datapoint: DotDatapoint,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return getCalculatedLinearPoint(datapoint, xAxis, yAxis);\n  }\n\n  protected processImpl(\n    datum: XYChartData,\n    seriesProps: XYChartDotSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    datapoint: DotDatapoint,\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: DotSeriesWithDatapoints | undefined =\n      seriesMap.get(seriesId);\n\n    if (!currentSeries) {\n      currentSeries = this.createSeries(\n        seriesId,\n        seriesProps,\n        xAxis,\n        yAxis,\n      ) as DotSeriesWithDatapoints;\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    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: XYChartDotSeriesInternal,\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: XYChartDotSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return getDotDatapoint(datum, seriesProps, xAxis, yAxis);\n  }\n}\n"],
-  "mappings": "AAAA,SAAS,0BAA0B;AACnC,SAAS,eAAe;AAcxB,SAAS,mBAAmB;AAE5B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,gCAAgC;AACzC,SAAS,sBAAsB;AAExB,MAAM,0BAA0B,mBAAmD;AAAA,EACxF,UACE,aACyC;AACzC,WAAO,YAAY,WAAW;AAAA,EAChC;AAAA;AAAA,EAGU,YACR,OACA,aACQ;AACR,UAAM,mBAAmB;AAAA,MACvB;AAAA,MACA,YAAY;AAAA,IACd,GAAG,SAAS;AACZ,WAAO,oBAAoB,YAAY;AAAA,EACzC;AAAA,EAEU,qBACR,OACA,aACA,OACA,OACA,UACA,SACA;AACA,UAAM,EAAE,MAAM,cAAc,IAAI;AAChC,UAAM,EAAE,cAAc,mBAAmB,IAAI;AAE7C,UAAM,cAAc,KAAK,uBAAuB,UAAU,aAAa;AACvE,UAAM,aAAa,KAAK;AAAA,MACtB;AAAA,MACA;AAAA;AAAA;AAAA,MAGA,YAAY;AAAA,MACZ;AAAA,QACE;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,UAAM,QAAQ,KAAK;AAAA,MACjB;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,IACF;AAEA,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,SAAS,YAAY;AAAA,MACrB,GAAG;AAAA,MACH,MAAM;AAAA,MACN,OAAO,YAAY;AAAA,IACrB;AAAA,EACF;AAAA,EAEU,oBACR,WACA,OACA,OACA;AACA,WAAO,yBAAyB,WAAW,OAAO,KAAK;AAAA,EACzD;AAAA,EAEU,YACR,OACA,aACA,OACA,OACA,WACA,SACA;AACA,UAAM,EAAE,WAAW,iBAAiB,IAAI;AAExC,UAAM,WAAW,KAAK,YAAY,OAAO,WAAW;AACpD,UAAM,kBACJ,QAAQ,sBAAsB,UAC9B,QAAQ,kBAAkB,IAAI,QAAQ;AAExC,QAAI,gBACF,UAAU,IAAI,QAAQ;AAExB,QAAI,CAAC,eAAe;AAClB,sBAAgB,KAAK;AAAA,QACnB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAEA,WAAK,eAAe,eAAe,UAAU,OAAO;AAEpD,YAAM,WAAW,KAAK;AAAA,QACpB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAEA,uBAAiB,IAAI,eAAe;AAAA,QAClC,GAAG;AAAA,QACH,WAAW;AAAA,MACb,CAAC;AAAA,IACH;AAEA,UAAM,oBAAuC,EAAE,OAAO,MAAM;AAE5D,SAAK;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,QAAI,iBAAiB;AACnB,YAAM,wBAAwB,QAAQ,kBAAkB,aAAa;AAErE,WAAK,SAAS;AAAA,QACZ,QAAQ;AAAA,QACR;AAAA,QACA,OAAO,uBAAuB;AAAA,MAChC,CAAC;AAED,YAAM,YAAY,KAAK,oBAAoB,WAAW,OAAO,KAAK;AAElE,WAAK;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAAA,EAEA,SACE,OACA,aACA,oBACA,YACA,aACA;AACA,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EAEA,aACE,OACA,aACA,OACA,OACA;AACA,WAAO,gBAAgB,OAAO,aAAa,OAAO,KAAK;AAAA,EACzD;AACF;",
+  "sourcesContent": ["import { SeriesBaseStrategy } from './base-series.js';\nimport { safeGet } from '../../../core/utils/safe-get.js';\nimport type {\n  DatapointMetadata,\n  DotSeriesWithDatapoints,\n  XYChartAxisInternal,\n  XYChartDotSeriesInternal,\n  XYChartVariantsInternal,\n} from '../../types/xy-chart-internals.js';\nimport type { XYChartSelectionLinearMetadata } from '../../types/xy-chart-selection.js';\nimport {\n  type DotDatapoint,\n  type XYChartColorPalette,\n  type XYChartData,\n} from '../../types/xy-chart.js';\nimport { isDotSeries } from '../../utils/type-guards.js';\nimport type { MutableProcessingContext } from '../types/processing-types.js';\nimport {\n  getDatumValue,\n  getDotDatapoint,\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 DotSeriesStrategy extends SeriesBaseStrategy<XYChartSelectionLinearMetadata> {\n  canHandle(\n    seriesProps: XYChartVariantsInternal,\n  ): seriesProps is XYChartDotSeriesInternal {\n    return isDotSeries(seriesProps);\n  }\n\n  // can this method be un base?\n  protected getSeriesId(\n    datum: XYChartData,\n    seriesProps: XYChartDotSeriesInternal,\n  ): string {\n    const seriesIdAccessor = getDatumValue(\n      datum,\n      seriesProps.seriesIdAccessor,\n    )?.toString() as string;\n    return seriesIdAccessor ?? seriesProps.id;\n  }\n\n  protected createSeriesMetadata(\n    datum: XYChartData,\n    seriesProps: XYChartDotSeriesInternal,\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(\n      intl,\n      seriesIndex,\n      // APPDEV-15290 - Adjust after removing name prop from series\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      seriesProps.name,\n      {\n        seriesNameAccessor,\n        datum,\n      },\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      actions: seriesProps.actions,\n      ...color,\n      name: seriesName,\n      shape: seriesProps.shape,\n    };\n  }\n\n  protected getCalculationPoint(\n    datapoint: DotDatapoint,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return getCalculatedLinearPoint(datapoint, xAxis, yAxis);\n  }\n\n  protected processImpl(\n    datum: XYChartData,\n    seriesProps: XYChartDotSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    datapoint: DotDatapoint,\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: DotSeriesWithDatapoints | undefined =\n      seriesMap.get(seriesId);\n\n    if (!currentSeries) {\n      currentSeries = this.createSeries(\n        seriesId,\n        seriesProps,\n        xAxis,\n        yAxis,\n      ) as DotSeriesWithDatapoints;\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    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: XYChartDotSeriesInternal,\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: XYChartDotSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return getDotDatapoint(datum, seriesProps, xAxis, yAxis);\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,0BAA0B;AACnC,SAAS,eAAe;AAcxB,SAAS,mBAAmB;AAE5B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,gCAAgC;AACzC,SAAS,sBAAsB;AAExB,MAAM,0BAA0B,mBAAmD;AAAA,EACxF,UACE,aACyC;AACzC,WAAO,YAAY,WAAW;AAAA,EAChC;AAAA;AAAA,EAGU,YACR,OACA,aACQ;AACR,UAAM,mBAAmB;AAAA,MACvB;AAAA,MACA,YAAY;AAAA,IACd,GAAG,SAAS;AACZ,WAAO,oBAAoB,YAAY;AAAA,EACzC;AAAA,EAEU,qBACR,OACA,aACA,OACA,OACA,UACA,SACA;AACA,UAAM,EAAE,MAAM,cAAc,IAAI;AAChC,UAAM,EAAE,cAAc,mBAAmB,IAAI;AAE7C,UAAM,cAAc,KAAK,uBAAuB,UAAU,aAAa;AACvE,UAAM,aAAa,KAAK;AAAA,MACtB;AAAA,MACA;AAAA;AAAA;AAAA,MAGA,YAAY;AAAA,MACZ;AAAA,QACE;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,UAAM,QAAQ,KAAK;AAAA,MACjB;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,IACF;AAEA,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,SAAS,YAAY;AAAA,MACrB,GAAG;AAAA,MACH,MAAM;AAAA,MACN,OAAO,YAAY;AAAA,IACrB;AAAA,EACF;AAAA,EAEU,oBACR,WACA,OACA,OACA;AACA,WAAO,yBAAyB,WAAW,OAAO,KAAK;AAAA,EACzD;AAAA,EAEU,YACR,OACA,aACA,OACA,OACA,WACA,SACA;AACA,UAAM,EAAE,WAAW,iBAAiB,IAAI;AAExC,UAAM,WAAW,KAAK,YAAY,OAAO,WAAW;AACpD,UAAM,kBACJ,QAAQ,sBAAsB,UAC9B,QAAQ,kBAAkB,IAAI,QAAQ;AAExC,QAAI,gBACF,UAAU,IAAI,QAAQ;AAExB,QAAI,CAAC,eAAe;AAClB,sBAAgB,KAAK;AAAA,QACnB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAEA,WAAK,eAAe,eAAe,UAAU,OAAO;AAEpD,YAAM,WAAW,KAAK;AAAA,QACpB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAEA,uBAAiB,IAAI,eAAe;AAAA,QAClC,GAAG;AAAA,QACH,WAAW;AAAA,MACb,CAAC;AAAA,IACH;AAEA,UAAM,oBAAuC,EAAE,OAAO,MAAM;AAE5D,SAAK;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,UAAM,YAAY,KAAK,oBAAoB,WAAW,OAAO,KAAK;AAElE,SAAK;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,IACF;AAEA,QAAI,iBAAiB;AACnB,cAAQ,eAAe,IAAI,MAAM,EAAE;AACnC,cAAQ,eAAe,IAAI,MAAM,EAAE;AAEnC,YAAM,wBAAwB,QAAQ,kBAAkB,aAAa;AAErE,WAAK,SAAS;AAAA,QACZ,QAAQ;AAAA,QACR;AAAA,QACA,OAAO,uBAAuB;AAAA,MAChC,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,SACE,OACA,aACA,oBACA,YACA,aACA;AACA,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EAEA,aACE,OACA,aACA,OACA,OACA;AACA,WAAO,gBAAgB,OAAO,aAAa,OAAO,KAAK;AAAA,EACzD;AACF;",
   "names": []
 }

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

@@ -102,20 +102,23 @@ class LineSeriesStrategy extends SeriesBaseStrategy {
       currentSeries,
       context
     );
+    const calcPoint = this.getCalculationPoint(datapoint, xAxis, yAxis);
+    this.updateAxisDomains(
+      calcPoint,
+      xAxis,
+      yAxis,
+      context.axisIdToScaleDomain,
+      isSeriesVisible
+    );
     if (isSeriesVisible) {
+      context.axisWithSeries.add(xAxis.id);
+      context.axisWithSeries.add(yAxis.id);
       const currentSeriesMetadata = safeGet(seriesToMetadata, currentSeries);
       this.addValue({
         series: currentSeries,
         datapoint,
         color: currentSeriesMetadata?.color
       });
-      const calcPoint = this.getCalculationPoint(datapoint, xAxis, yAxis);
-      this.updateAxisDomains(
-        calcPoint,
-        xAxis,
-        yAxis,
-        context.axisIdToScaleDomain
-      );
     }
   }
   getColor(datum, seriesProps, configColorPalette, seriesName, seriesIndex) {

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": []
+}