@dynatrace/strato-components 3.5.2 → 3.6.0

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/processing-strategies/strategies/groupable-series.ts"],
-  "sourcesContent": ["import type {\n  AxisId,\n  DatapointMetadata,\n  SeriesId,\n  XYChartAxisInternal,\n} from '../../types/xy-chart-internals.js';\nimport type { BarDatapoint } from '../../types/xy-chart.js';\nimport { getStackingData } from '../utils/stacking/stack-datapoints.js';\n\nexport interface GroupingResult {\n  datapointMetadata: DatapointMetadata;\n}\n\ninterface GroupData {\n  totalPositive: number;\n  totalNegative: number;\n}\n\n/**\n * A class that encapsulates grouping operations for series variants.\n * This class can be instantiated by any series strategy that needs grouping functionality.\n */\nexport class GroupableSeriesHelper {\n  private static readonly STARTING_POINT = 0;\n  private readonly groupData: Map<string, GroupData>;\n  public readonly axisIdToDimension: Map<AxisId, Set<SeriesId>>;\n\n  constructor() {\n    this.groupData = new Map();\n    this.axisIdToDimension = new Map();\n  }\n\n  /**\n   * Calculate total height of group bin.\n   * Should be called at the beginning of a new grouping calculation cycle (preprocess phase).\n   */\n  processGroupDomain(\n    datapoint: BarDatapoint,\n    chartOrientation: 'vertical' | 'horizontal',\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ): void {\n    const { stackKey, value } = getStackingData(\n      chartOrientation,\n      datapoint,\n      xAxis,\n      yAxis,\n    );\n\n    if (typeof value === 'number') {\n      const acc = this.groupData.get(stackKey) ?? {\n        totalPositive: GroupableSeriesHelper.STARTING_POINT,\n        totalNegative: GroupableSeriesHelper.STARTING_POINT,\n      };\n      if (value >= 0) {\n        acc.totalPositive += value;\n      } else {\n        acc.totalNegative += Math.abs(value);\n      }\n      this.groupData.set(stackKey, acc);\n    }\n  }\n\n  /**\n   * Returns the total bin domain for a given group key.\n   * The bin domain is the total height of the group, including both positive and negative values.\n   * Note: totalNegative is already stored as an absolute value.\n   */\n  getGroupBinDomain(groupKey: string): number | undefined {\n    const groupDomainObj = this.groupData.get(groupKey);\n    if (!groupDomainObj) {\n      return undefined;\n    }\n    return groupDomainObj.totalPositive + groupDomainObj.totalNegative;\n  }\n\n  /**\n   * Processes a datapoint for grouping, calculating the bin domain metadata.\n   * Also registers the series in the dimension map for the primary axis.\n   * Returns metadata with binDomain set but no accumulator (bars remain side-by-side).\n   */\n  processGroupDatapoint(\n    datapoint: BarDatapoint,\n    chartOrientation: 'vertical' | 'horizontal',\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    seriesId: string,\n    datapointMetadata: DatapointMetadata,\n  ): GroupingResult {\n    const primaryAxis = chartOrientation === 'vertical' ? xAxis : yAxis;\n    const dimension = this.axisIdToDimension.get(primaryAxis.id);\n\n    if (dimension) {\n      dimension.add(seriesId);\n      this.axisIdToDimension.set(primaryAxis.id, dimension);\n    } else {\n      this.axisIdToDimension.set(\n        primaryAxis.id,\n        new Set<string>().add(seriesId),\n      );\n    }\n\n    const { stackKey, value } = getStackingData(\n      chartOrientation,\n      datapoint,\n      xAxis,\n      yAxis,\n    );\n\n    if (typeof value !== 'number') {\n      return { datapointMetadata };\n    }\n\n    const binDomain = this.getGroupBinDomain(stackKey);\n\n    return {\n      datapointMetadata: {\n        ...datapointMetadata,\n        binDomain,\n      },\n    };\n  }\n}\n"],
-  "mappings": "AAOA,SAAS,uBAAuB;AAezB,MAAM,sBAAsB;AAAA,EACjC,OAAwB,iBAAiB;AAAA,EACxB;AAAA,EACD;AAAA,EAEhB,cAAc;AACZ,SAAK,YAAY,oBAAI,IAAI;AACzB,SAAK,oBAAoB,oBAAI,IAAI;AAAA,EACnC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,mBACE,WACA,kBACA,OACA,OACM;AACN,UAAM,EAAE,UAAU,MAAM,IAAI;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,QAAI,OAAO,UAAU,UAAU;AAC7B,YAAM,MAAM,KAAK,UAAU,IAAI,QAAQ,KAAK;AAAA,QAC1C,eAAe,sBAAsB;AAAA,QACrC,eAAe,sBAAsB;AAAA,MACvC;AACA,UAAI,SAAS,GAAG;AACd,YAAI,iBAAiB;AAAA,MACvB,OAAO;AACL,YAAI,iBAAiB,KAAK,IAAI,KAAK;AAAA,MACrC;AACA,WAAK,UAAU,IAAI,UAAU,GAAG;AAAA,IAClC;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,kBAAkB,UAAsC;AACtD,UAAM,iBAAiB,KAAK,UAAU,IAAI,QAAQ;AAClD,QAAI,CAAC,gBAAgB;AACnB,aAAO;AAAA,IACT;AACA,WAAO,eAAe,gBAAgB,eAAe;AAAA,EACvD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,sBACE,WACA,kBACA,OACA,OACA,UACA,mBACgB;AAChB,UAAM,cAAc,qBAAqB,aAAa,QAAQ;AAC9D,UAAM,YAAY,KAAK,kBAAkB,IAAI,YAAY,EAAE;AAE3D,QAAI,WAAW;AACb,gBAAU,IAAI,QAAQ;AACtB,WAAK,kBAAkB,IAAI,YAAY,IAAI,SAAS;AAAA,IACtD,OAAO;AACL,WAAK,kBAAkB;AAAA,QACrB,YAAY;AAAA,SACZ,oBAAI,IAAY,GAAE,IAAI,QAAQ;AAAA,MAChC;AAAA,IACF;AAEA,UAAM,EAAE,UAAU,MAAM,IAAI;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,QAAI,OAAO,UAAU,UAAU;AAC7B,aAAO,EAAE,kBAAkB;AAAA,IAC7B;AAEA,UAAM,YAAY,KAAK,kBAAkB,QAAQ;AAEjD,WAAO;AAAA,MACL,mBAAmB;AAAA,QACjB,GAAG;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
+  "sourcesContent": ["import type {\n  AxisId,\n  DatapointMetadata,\n  SeriesId,\n  XYChartAxisInternal,\n} from '../../types/xy-chart-internals.js';\nimport type { BarDatapoint } from '../../types/xy-chart.js';\nimport {\n  getCombinedAxesOrientationKey,\n  getStackingData,\n} from '../utils/stacking/stack-datapoints.js';\n\nexport interface GroupingResult {\n  datapointMetadata: DatapointMetadata;\n}\n\ninterface GroupData {\n  totalPositive: number;\n  totalNegative: number;\n  axisKey: string;\n}\n\n/** Per-axis state tracked during preprocessing.\n * `seriesIds.size === 1` \u21D2 single-series axis: `getGroupBinDomain` falls back to\n * `maxBinAbsValue` as a cross-bin reference so the tallest bar represents 100%. */\ninterface AxisStats {\n  seriesIds: Set<SeriesId>;\n  maxBinAbsValue: number;\n}\n\n/**\n * A class that encapsulates grouping operations for series variants.\n * This class can be instantiated by any series strategy that needs grouping functionality.\n */\nexport class GroupableSeriesHelper {\n  private static readonly STARTING_POINT = 0;\n  private readonly groupData: Map<string, GroupData>;\n  private readonly axisStats: Map<string, AxisStats>;\n  public readonly axisIdToDimension: Map<AxisId, Set<SeriesId>>;\n\n  constructor() {\n    this.groupData = new Map();\n    this.axisStats = new Map();\n    this.axisIdToDimension = new Map();\n  }\n\n  /**\n   * Calculate total height of group bin.\n   * Should be called at the beginning of a new grouping calculation cycle (preprocess phase).\n   *\n   * Also records which series contributed to each axisKey so that `getGroupBinDomain` can\n   * fall back to a cross-bin reference for single-series axes. Single-series groups would\n   * otherwise collapse to 100% in every bin.\n   */\n  processGroupDomain(\n    datapoint: BarDatapoint,\n    chartOrientation: 'vertical' | 'horizontal',\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    seriesId: SeriesId,\n  ): void {\n    const { stackKey, value } = getStackingData(\n      chartOrientation,\n      datapoint,\n      xAxis,\n      yAxis,\n    );\n\n    const axisKey = getCombinedAxesOrientationKey(\n      xAxis.id,\n      yAxis.id,\n      chartOrientation,\n    );\n    const stats = this.getOrInitAxisStats(axisKey);\n    stats.seriesIds.add(seriesId);\n\n    if (typeof value === 'number') {\n      const acc = this.groupData.get(stackKey) ?? {\n        totalPositive: GroupableSeriesHelper.STARTING_POINT,\n        totalNegative: GroupableSeriesHelper.STARTING_POINT,\n        axisKey,\n      };\n      if (value >= 0) {\n        acc.totalPositive += value;\n      } else {\n        acc.totalNegative += Math.abs(value);\n      }\n      this.groupData.set(stackKey, acc);\n\n      const binAbsValue = Math.max(acc.totalPositive, acc.totalNegative);\n      if (binAbsValue > stats.maxBinAbsValue) {\n        stats.maxBinAbsValue = binAbsValue;\n      }\n    }\n  }\n\n  /**\n   * Returns the total bin domain for a given group key.\n   *\n   * For axes with more than one contributing series the result is the per-bin total height\n   * of the group (|positive| + |negative|). For axes with only one contributing series the\n   * result collapses to a cross-bin reference: the largest per-bin absolute total across all\n   * bins of that axis. This keeps single-series groups consistent with the regular relative\n   * behavior, where the tallest bar represents 100% and the rest scale proportionally.\n   */\n  getGroupBinDomain(groupKey: string): number | undefined {\n    const groupDomainObj = this.groupData.get(groupKey);\n    if (!groupDomainObj) {\n      return undefined;\n    }\n    const stats = this.axisStats.get(groupDomainObj.axisKey);\n    if (stats && stats.seriesIds.size === 1) {\n      return stats.maxBinAbsValue;\n    }\n    return groupDomainObj.totalPositive + groupDomainObj.totalNegative;\n  }\n\n  private getOrInitAxisStats(axisKey: string): AxisStats {\n    let stats = this.axisStats.get(axisKey);\n    if (!stats) {\n      stats = { seriesIds: new Set(), maxBinAbsValue: 0 };\n      this.axisStats.set(axisKey, stats);\n    }\n    return stats;\n  }\n\n  /**\n   * Processes a datapoint for grouping, calculating the bin domain metadata.\n   * Also registers the series in the dimension map for the primary axis.\n   * Returns metadata with binDomain set but no accumulator (bars remain side-by-side).\n   */\n  processGroupDatapoint(\n    datapoint: BarDatapoint,\n    chartOrientation: 'vertical' | 'horizontal',\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    seriesId: string,\n    datapointMetadata: DatapointMetadata,\n  ): GroupingResult {\n    const primaryAxis = chartOrientation === 'vertical' ? xAxis : yAxis;\n    const dimension = this.axisIdToDimension.get(primaryAxis.id);\n\n    if (dimension) {\n      dimension.add(seriesId);\n      this.axisIdToDimension.set(primaryAxis.id, dimension);\n    } else {\n      this.axisIdToDimension.set(\n        primaryAxis.id,\n        new Set<string>().add(seriesId),\n      );\n    }\n\n    const { stackKey, value } = getStackingData(\n      chartOrientation,\n      datapoint,\n      xAxis,\n      yAxis,\n    );\n\n    if (typeof value !== 'number') {\n      return { datapointMetadata };\n    }\n\n    const binDomain = this.getGroupBinDomain(stackKey);\n\n    return {\n      datapointMetadata: {\n        ...datapointMetadata,\n        binDomain,\n      },\n    };\n  }\n}\n"],
+  "mappings": "AAOA;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAwBA,MAAM,sBAAsB;AAAA,EACjC,OAAwB,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACD;AAAA,EAEhB,cAAc;AACZ,SAAK,YAAY,oBAAI,IAAI;AACzB,SAAK,YAAY,oBAAI,IAAI;AACzB,SAAK,oBAAoB,oBAAI,IAAI;AAAA,EACnC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUA,mBACE,WACA,kBACA,OACA,OACA,UACM;AACN,UAAM,EAAE,UAAU,MAAM,IAAI;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,UAAM,UAAU;AAAA,MACd,MAAM;AAAA,MACN,MAAM;AAAA,MACN;AAAA,IACF;AACA,UAAM,QAAQ,KAAK,mBAAmB,OAAO;AAC7C,UAAM,UAAU,IAAI,QAAQ;AAE5B,QAAI,OAAO,UAAU,UAAU;AAC7B,YAAM,MAAM,KAAK,UAAU,IAAI,QAAQ,KAAK;AAAA,QAC1C,eAAe,sBAAsB;AAAA,QACrC,eAAe,sBAAsB;AAAA,QACrC;AAAA,MACF;AACA,UAAI,SAAS,GAAG;AACd,YAAI,iBAAiB;AAAA,MACvB,OAAO;AACL,YAAI,iBAAiB,KAAK,IAAI,KAAK;AAAA,MACrC;AACA,WAAK,UAAU,IAAI,UAAU,GAAG;AAEhC,YAAM,cAAc,KAAK,IAAI,IAAI,eAAe,IAAI,aAAa;AACjE,UAAI,cAAc,MAAM,gBAAgB;AACtC,cAAM,iBAAiB;AAAA,MACzB;AAAA,IACF;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWA,kBAAkB,UAAsC;AACtD,UAAM,iBAAiB,KAAK,UAAU,IAAI,QAAQ;AAClD,QAAI,CAAC,gBAAgB;AACnB,aAAO;AAAA,IACT;AACA,UAAM,QAAQ,KAAK,UAAU,IAAI,eAAe,OAAO;AACvD,QAAI,SAAS,MAAM,UAAU,SAAS,GAAG;AACvC,aAAO,MAAM;AAAA,IACf;AACA,WAAO,eAAe,gBAAgB,eAAe;AAAA,EACvD;AAAA,EAEQ,mBAAmB,SAA4B;AACrD,QAAI,QAAQ,KAAK,UAAU,IAAI,OAAO;AACtC,QAAI,CAAC,OAAO;AACV,cAAQ,EAAE,WAAW,oBAAI,IAAI,GAAG,gBAAgB,EAAE;AAClD,WAAK,UAAU,IAAI,SAAS,KAAK;AAAA,IACnC;AACA,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,sBACE,WACA,kBACA,OACA,OACA,UACA,mBACgB;AAChB,UAAM,cAAc,qBAAqB,aAAa,QAAQ;AAC9D,UAAM,YAAY,KAAK,kBAAkB,IAAI,YAAY,EAAE;AAE3D,QAAI,WAAW;AACb,gBAAU,IAAI,QAAQ;AACtB,WAAK,kBAAkB,IAAI,YAAY,IAAI,SAAS;AAAA,IACtD,OAAO;AACL,WAAK,kBAAkB;AAAA,QACrB,YAAY;AAAA,SACZ,oBAAI,IAAY,GAAE,IAAI,QAAQ;AAAA,MAChC;AAAA,IACF;AAEA,UAAM,EAAE,UAAU,MAAM,IAAI;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,QAAI,OAAO,UAAU,UAAU;AAC7B,aAAO,EAAE,kBAAkB;AAAA,IAC7B;AAEA,UAAM,YAAY,KAAK,kBAAkB,QAAQ;AAEjD,WAAO;AAAA,MACL,mBAAmB;AAAA,QACjB,GAAG;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

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

@@ -1,4 +1,5 @@
 import {
+  getCombinedAxesOrientationKey,
   getStackedValue,
   getStackingData
 } from "../utils/stacking/stack-datapoints.js";
@@ -6,26 +7,40 @@ class StackableSeriesHelper {
   static STARTING_POINT = 0;
   stackGroups;
   stackDomainData;
+  axisStats;
   constructor() {
     this.stackGroups = /* @__PURE__ */ new Map();
     this.stackDomainData = /* @__PURE__ */ new Map();
+    this.axisStats = /* @__PURE__ */ new Map();
   }
   /**
    * Accumulates total positive and negative values per stack key.
    * Should be called during the preprocess phase before processing individual datapoints.
    * This is needed so that binDomain can be included in metadata for relative stacking.
+   *
+   * Also records which series contributed to each axisKey so that `getStackBinDomain` can
+   * fall back to a cross-bin reference for single-series axes. Single-series stacks would
+   * otherwise collapse to 100% in every bin.
    */
-  processStackDomain(datapoint, chartOrientation, xAxis, yAxis) {
+  processStackDomain(datapoint, chartOrientation, xAxis, yAxis, seriesId) {
     const { stackKey, value } = getStackingData(
       chartOrientation,
       datapoint,
       xAxis,
       yAxis
     );
+    const axisKey = getCombinedAxesOrientationKey(
+      xAxis.id,
+      yAxis.id,
+      chartOrientation
+    );
+    const stats = this.getOrInitAxisStats(axisKey);
+    stats.seriesIds.add(seriesId);
     if (typeof value === "number") {
       const acc = this.stackDomainData.get(stackKey) ?? {
         totalPositive: StackableSeriesHelper.STARTING_POINT,
-        totalNegative: StackableSeriesHelper.STARTING_POINT
+        totalNegative: StackableSeriesHelper.STARTING_POINT,
+        axisKey
       };
       if (value >= 0) {
         acc.totalPositive += value;
@@ -33,20 +48,40 @@ class StackableSeriesHelper {
         acc.totalNegative += Math.abs(value);
       }
       this.stackDomainData.set(stackKey, acc);
+      const binAbsValue = Math.max(acc.totalPositive, acc.totalNegative);
+      if (binAbsValue > stats.maxBinAbsValue) {
+        stats.maxBinAbsValue = binAbsValue;
+      }
     }
   }
   /**
    * Returns the total bin domain for a given stack key.
-   * The bin domain is the total height of the stack, including both positive and negative values.
-   * Note: totalNegative is already stored as an absolute value.
+   *
+   * For axes with more than one contributing series the result is the per-bin total height
+   * of the stack (|positive| + |negative| within the bin). For axes with only one contributing
+   * series the result collapses to a cross-bin reference: the largest per-bin absolute total
+   * across all bins of that axis. This keeps single-series stacks consistent with the regular
+   * relative behavior, where the tallest bar represents 100% and the rest scale proportionally.
    */
   getStackBinDomain(stackKey) {
     const domainData = this.stackDomainData.get(stackKey);
     if (!domainData) {
       return void 0;
     }
+    const stats = this.axisStats.get(domainData.axisKey);
+    if (stats && stats.seriesIds.size === 1) {
+      return stats.maxBinAbsValue;
+    }
     return domainData.totalPositive + domainData.totalNegative;
   }
+  getOrInitAxisStats(axisKey) {
+    let stats = this.axisStats.get(axisKey);
+    if (!stats) {
+      stats = { seriesIds: /* @__PURE__ */ new Set(), maxBinAbsValue: 0 };
+      this.axisStats.set(axisKey, stats);
+    }
+    return stats;
+  }
   /**
    * Processes a datapoint for stacking, calculating the offset and updating stack groups.
    * Returns the calculated datapoint with stacking offsets applied and enriched metadata.

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/processing-strategies/strategies/stackable-series.ts"],
-  "sourcesContent": ["import type {\n  AnyDatapoint,\n  DatapointMetadata,\n  XYChartAxisInternal,\n  XYChartStackingValueBoundaries,\n} from '../../types/xy-chart-internals.js';\nimport type { AreaDatapoint, BarDatapoint } from '../../types/xy-chart.js';\nimport {\n  getStackedValue,\n  getStackingData,\n} from '../utils/stacking/stack-datapoints.js';\n\nexport interface StackingResult {\n  calcDatapoint: AnyDatapoint;\n  datapointMetadata: DatapointMetadata;\n  shouldContinue: boolean;\n}\n\n/**\n * A class that encapsulates stacking operations for series variants.\n * This class can be instantiated by any series strategy that needs stacking functionality.\n */\ninterface StackDomainData {\n  totalPositive: number;\n  totalNegative: number;\n}\n\nexport class StackableSeriesHelper {\n  private static readonly STARTING_POINT = 0;\n  private readonly stackGroups: Map<string, XYChartStackingValueBoundaries>;\n  private readonly stackDomainData: Map<string, StackDomainData>;\n\n  constructor() {\n    this.stackGroups = new Map();\n    this.stackDomainData = new Map();\n  }\n\n  /**\n   * Accumulates total positive and negative values per stack key.\n   * Should be called during the preprocess phase before processing individual datapoints.\n   * This is needed so that binDomain can be included in metadata for relative stacking.\n   */\n  processStackDomain(\n    datapoint: BarDatapoint | AreaDatapoint,\n    chartOrientation: 'vertical' | 'horizontal',\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ): void {\n    const { stackKey, value } = getStackingData(\n      chartOrientation,\n      datapoint,\n      xAxis,\n      yAxis,\n    );\n\n    if (typeof value === 'number') {\n      const acc = this.stackDomainData.get(stackKey) ?? {\n        totalPositive: StackableSeriesHelper.STARTING_POINT,\n        totalNegative: StackableSeriesHelper.STARTING_POINT,\n      };\n      if (value >= 0) {\n        acc.totalPositive += value;\n      } else {\n        acc.totalNegative += Math.abs(value);\n      }\n      this.stackDomainData.set(stackKey, acc);\n    }\n  }\n\n  /**\n   * Returns the total bin domain for a given stack key.\n   * The bin domain is the total height of the stack, including both positive and negative values.\n   * Note: totalNegative is already stored as an absolute value.\n   */\n  getStackBinDomain(stackKey: string): number | undefined {\n    const domainData = this.stackDomainData.get(stackKey);\n    if (!domainData) {\n      return undefined;\n    }\n\n    return domainData.totalPositive + domainData.totalNegative;\n  }\n\n  /**\n   * Processes a datapoint for stacking, calculating the offset and updating stack groups.\n   * Returns the calculated datapoint with stacking offsets applied and enriched metadata.\n   */\n  processStackedDatapoint(\n    datapoint: BarDatapoint | AreaDatapoint,\n    chartOrientation: 'vertical' | 'horizontal',\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    datapointMetadata: DatapointMetadata,\n  ): StackingResult {\n    const { stackKey, value } = getStackingData(\n      chartOrientation,\n      datapoint,\n      xAxis,\n      yAxis,\n    );\n\n    if (typeof value !== 'number') {\n      return {\n        calcDatapoint: {\n          x0: datapoint.x0,\n          x1: datapoint.x1,\n          y0: datapoint.y0,\n          y1: datapoint.y1,\n        },\n        datapointMetadata,\n        shouldContinue: true,\n      };\n    }\n\n    const prevValue = this.stackGroups.get(stackKey) ?? {\n      minBoundary: StackableSeriesHelper.STARTING_POINT,\n      maxBoundary: StackableSeriesHelper.STARTING_POINT,\n    };\n\n    const binDomain = this.getStackBinDomain(stackKey);\n\n    const updatedMetadata: DatapointMetadata = {\n      ...datapointMetadata,\n      accumulator: value > 0 ? prevValue.maxBoundary : prevValue.minBoundary,\n      binDomain,\n    };\n\n    const stackingOffset =\n      value > 0 ? prevValue.maxBoundary : prevValue.minBoundary;\n\n    const calcDatapoint: BarDatapoint = {\n      x0:\n        chartOrientation === 'horizontal' && typeof datapoint.x0 === 'number'\n          ? datapoint.x0 + stackingOffset\n          : datapoint.x0,\n      x1:\n        chartOrientation === 'horizontal' && typeof datapoint.x1 === 'number'\n          ? datapoint.x1 + stackingOffset\n          : datapoint.x1,\n      y0:\n        chartOrientation === 'vertical' && typeof datapoint.y0 === 'number'\n          ? datapoint.y0 + stackingOffset\n          : datapoint.y0,\n      y1:\n        chartOrientation === 'vertical' && typeof datapoint.y1 === 'number'\n          ? datapoint.y1 + stackingOffset\n          : datapoint.y1,\n    };\n\n    this.stackGroups.set(stackKey, {\n      ...prevValue,\n      ...getStackedValue(value, prevValue),\n    });\n\n    return {\n      calcDatapoint,\n      datapointMetadata: updatedMetadata,\n      shouldContinue: false,\n    };\n  }\n}\n"],
-  "mappings": "AAOA;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAiBA,MAAM,sBAAsB;AAAA,EACjC,OAAwB,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EAEjB,cAAc;AACZ,SAAK,cAAc,oBAAI,IAAI;AAC3B,SAAK,kBAAkB,oBAAI,IAAI;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,mBACE,WACA,kBACA,OACA,OACM;AACN,UAAM,EAAE,UAAU,MAAM,IAAI;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,QAAI,OAAO,UAAU,UAAU;AAC7B,YAAM,MAAM,KAAK,gBAAgB,IAAI,QAAQ,KAAK;AAAA,QAChD,eAAe,sBAAsB;AAAA,QACrC,eAAe,sBAAsB;AAAA,MACvC;AACA,UAAI,SAAS,GAAG;AACd,YAAI,iBAAiB;AAAA,MACvB,OAAO;AACL,YAAI,iBAAiB,KAAK,IAAI,KAAK;AAAA,MACrC;AACA,WAAK,gBAAgB,IAAI,UAAU,GAAG;AAAA,IACxC;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,kBAAkB,UAAsC;AACtD,UAAM,aAAa,KAAK,gBAAgB,IAAI,QAAQ;AACpD,QAAI,CAAC,YAAY;AACf,aAAO;AAAA,IACT;AAEA,WAAO,WAAW,gBAAgB,WAAW;AAAA,EAC/C;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,wBACE,WACA,kBACA,OACA,OACA,mBACgB;AAChB,UAAM,EAAE,UAAU,MAAM,IAAI;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,QAAI,OAAO,UAAU,UAAU;AAC7B,aAAO;AAAA,QACL,eAAe;AAAA,UACb,IAAI,UAAU;AAAA,UACd,IAAI,UAAU;AAAA,UACd,IAAI,UAAU;AAAA,UACd,IAAI,UAAU;AAAA,QAChB;AAAA,QACA;AAAA,QACA,gBAAgB;AAAA,MAClB;AAAA,IACF;AAEA,UAAM,YAAY,KAAK,YAAY,IAAI,QAAQ,KAAK;AAAA,MAClD,aAAa,sBAAsB;AAAA,MACnC,aAAa,sBAAsB;AAAA,IACrC;AAEA,UAAM,YAAY,KAAK,kBAAkB,QAAQ;AAEjD,UAAM,kBAAqC;AAAA,MACzC,GAAG;AAAA,MACH,aAAa,QAAQ,IAAI,UAAU,cAAc,UAAU;AAAA,MAC3D;AAAA,IACF;AAEA,UAAM,iBACJ,QAAQ,IAAI,UAAU,cAAc,UAAU;AAEhD,UAAM,gBAA8B;AAAA,MAClC,IACE,qBAAqB,gBAAgB,OAAO,UAAU,OAAO,WACzD,UAAU,KAAK,iBACf,UAAU;AAAA,MAChB,IACE,qBAAqB,gBAAgB,OAAO,UAAU,OAAO,WACzD,UAAU,KAAK,iBACf,UAAU;AAAA,MAChB,IACE,qBAAqB,cAAc,OAAO,UAAU,OAAO,WACvD,UAAU,KAAK,iBACf,UAAU;AAAA,MAChB,IACE,qBAAqB,cAAc,OAAO,UAAU,OAAO,WACvD,UAAU,KAAK,iBACf,UAAU;AAAA,IAClB;AAEA,SAAK,YAAY,IAAI,UAAU;AAAA,MAC7B,GAAG;AAAA,MACH,GAAG,gBAAgB,OAAO,SAAS;AAAA,IACrC,CAAC;AAED,WAAO;AAAA,MACL;AAAA,MACA,mBAAmB;AAAA,MACnB,gBAAgB;AAAA,IAClB;AAAA,EACF;AACF;",
+  "sourcesContent": ["import type {\n  AnyDatapoint,\n  DatapointMetadata,\n  SeriesId,\n  XYChartAxisInternal,\n  XYChartStackingValueBoundaries,\n} from '../../types/xy-chart-internals.js';\nimport type { AreaDatapoint, BarDatapoint } from '../../types/xy-chart.js';\nimport {\n  getCombinedAxesOrientationKey,\n  getStackedValue,\n  getStackingData,\n} from '../utils/stacking/stack-datapoints.js';\n\nexport interface StackingResult {\n  calcDatapoint: AnyDatapoint;\n  datapointMetadata: DatapointMetadata;\n  shouldContinue: boolean;\n}\n\n/**\n * A class that encapsulates stacking operations for series variants.\n * This class can be instantiated by any series strategy that needs stacking functionality.\n */\ninterface StackDomainData {\n  totalPositive: number;\n  totalNegative: number;\n  axisKey: string;\n}\n\n/** Per-axis state tracked during preprocessing.\n * `seriesIds.size === 1` \u21D2 single-series axis: `getStackBinDomain` falls back to\n * `maxBinAbsValue` as a cross-bin reference so the tallest bar represents 100%. */\ninterface AxisStats {\n  seriesIds: Set<SeriesId>;\n  maxBinAbsValue: number;\n}\n\nexport class StackableSeriesHelper {\n  private static readonly STARTING_POINT = 0;\n  private readonly stackGroups: Map<string, XYChartStackingValueBoundaries>;\n  private readonly stackDomainData: Map<string, StackDomainData>;\n  private readonly axisStats: Map<string, AxisStats>;\n\n  constructor() {\n    this.stackGroups = new Map();\n    this.stackDomainData = new Map();\n    this.axisStats = new Map();\n  }\n\n  /**\n   * Accumulates total positive and negative values per stack key.\n   * Should be called during the preprocess phase before processing individual datapoints.\n   * This is needed so that binDomain can be included in metadata for relative stacking.\n   *\n   * Also records which series contributed to each axisKey so that `getStackBinDomain` can\n   * fall back to a cross-bin reference for single-series axes. Single-series stacks would\n   * otherwise collapse to 100% in every bin.\n   */\n  processStackDomain(\n    datapoint: BarDatapoint | AreaDatapoint,\n    chartOrientation: 'vertical' | 'horizontal',\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    seriesId: SeriesId,\n  ): void {\n    const { stackKey, value } = getStackingData(\n      chartOrientation,\n      datapoint,\n      xAxis,\n      yAxis,\n    );\n\n    const axisKey = getCombinedAxesOrientationKey(\n      xAxis.id,\n      yAxis.id,\n      chartOrientation,\n    );\n    const stats = this.getOrInitAxisStats(axisKey);\n    stats.seriesIds.add(seriesId);\n\n    if (typeof value === 'number') {\n      const acc = this.stackDomainData.get(stackKey) ?? {\n        totalPositive: StackableSeriesHelper.STARTING_POINT,\n        totalNegative: StackableSeriesHelper.STARTING_POINT,\n        axisKey,\n      };\n      if (value >= 0) {\n        acc.totalPositive += value;\n      } else {\n        acc.totalNegative += Math.abs(value);\n      }\n      this.stackDomainData.set(stackKey, acc);\n\n      const binAbsValue = Math.max(acc.totalPositive, acc.totalNegative);\n      if (binAbsValue > stats.maxBinAbsValue) {\n        stats.maxBinAbsValue = binAbsValue;\n      }\n    }\n  }\n\n  /**\n   * Returns the total bin domain for a given stack key.\n   *\n   * For axes with more than one contributing series the result is the per-bin total height\n   * of the stack (|positive| + |negative| within the bin). For axes with only one contributing\n   * series the result collapses to a cross-bin reference: the largest per-bin absolute total\n   * across all bins of that axis. This keeps single-series stacks consistent with the regular\n   * relative behavior, where the tallest bar represents 100% and the rest scale proportionally.\n   */\n  getStackBinDomain(stackKey: string): number | undefined {\n    const domainData = this.stackDomainData.get(stackKey);\n    if (!domainData) {\n      return undefined;\n    }\n\n    const stats = this.axisStats.get(domainData.axisKey);\n    if (stats && stats.seriesIds.size === 1) {\n      return stats.maxBinAbsValue;\n    }\n\n    return domainData.totalPositive + domainData.totalNegative;\n  }\n\n  private getOrInitAxisStats(axisKey: string): AxisStats {\n    let stats = this.axisStats.get(axisKey);\n    if (!stats) {\n      stats = { seriesIds: new Set(), maxBinAbsValue: 0 };\n      this.axisStats.set(axisKey, stats);\n    }\n    return stats;\n  }\n\n  /**\n   * Processes a datapoint for stacking, calculating the offset and updating stack groups.\n   * Returns the calculated datapoint with stacking offsets applied and enriched metadata.\n   */\n  processStackedDatapoint(\n    datapoint: BarDatapoint | AreaDatapoint,\n    chartOrientation: 'vertical' | 'horizontal',\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    datapointMetadata: DatapointMetadata,\n  ): StackingResult {\n    const { stackKey, value } = getStackingData(\n      chartOrientation,\n      datapoint,\n      xAxis,\n      yAxis,\n    );\n\n    if (typeof value !== 'number') {\n      return {\n        calcDatapoint: {\n          x0: datapoint.x0,\n          x1: datapoint.x1,\n          y0: datapoint.y0,\n          y1: datapoint.y1,\n        },\n        datapointMetadata,\n        shouldContinue: true,\n      };\n    }\n\n    const prevValue = this.stackGroups.get(stackKey) ?? {\n      minBoundary: StackableSeriesHelper.STARTING_POINT,\n      maxBoundary: StackableSeriesHelper.STARTING_POINT,\n    };\n\n    const binDomain = this.getStackBinDomain(stackKey);\n\n    const updatedMetadata: DatapointMetadata = {\n      ...datapointMetadata,\n      accumulator: value > 0 ? prevValue.maxBoundary : prevValue.minBoundary,\n      binDomain,\n    };\n\n    const stackingOffset =\n      value > 0 ? prevValue.maxBoundary : prevValue.minBoundary;\n\n    const calcDatapoint: BarDatapoint = {\n      x0:\n        chartOrientation === 'horizontal' && typeof datapoint.x0 === 'number'\n          ? datapoint.x0 + stackingOffset\n          : datapoint.x0,\n      x1:\n        chartOrientation === 'horizontal' && typeof datapoint.x1 === 'number'\n          ? datapoint.x1 + stackingOffset\n          : datapoint.x1,\n      y0:\n        chartOrientation === 'vertical' && typeof datapoint.y0 === 'number'\n          ? datapoint.y0 + stackingOffset\n          : datapoint.y0,\n      y1:\n        chartOrientation === 'vertical' && typeof datapoint.y1 === 'number'\n          ? datapoint.y1 + stackingOffset\n          : datapoint.y1,\n    };\n\n    this.stackGroups.set(stackKey, {\n      ...prevValue,\n      ...getStackedValue(value, prevValue),\n    });\n\n    return {\n      calcDatapoint,\n      datapointMetadata: updatedMetadata,\n      shouldContinue: false,\n    };\n  }\n}\n"],
+  "mappings": "AAQA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AA0BA,MAAM,sBAAsB;AAAA,EACjC,OAAwB,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EAEjB,cAAc;AACZ,SAAK,cAAc,oBAAI,IAAI;AAC3B,SAAK,kBAAkB,oBAAI,IAAI;AAC/B,SAAK,YAAY,oBAAI,IAAI;AAAA,EAC3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWA,mBACE,WACA,kBACA,OACA,OACA,UACM;AACN,UAAM,EAAE,UAAU,MAAM,IAAI;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,UAAM,UAAU;AAAA,MACd,MAAM;AAAA,MACN,MAAM;AAAA,MACN;AAAA,IACF;AACA,UAAM,QAAQ,KAAK,mBAAmB,OAAO;AAC7C,UAAM,UAAU,IAAI,QAAQ;AAE5B,QAAI,OAAO,UAAU,UAAU;AAC7B,YAAM,MAAM,KAAK,gBAAgB,IAAI,QAAQ,KAAK;AAAA,QAChD,eAAe,sBAAsB;AAAA,QACrC,eAAe,sBAAsB;AAAA,QACrC;AAAA,MACF;AACA,UAAI,SAAS,GAAG;AACd,YAAI,iBAAiB;AAAA,MACvB,OAAO;AACL,YAAI,iBAAiB,KAAK,IAAI,KAAK;AAAA,MACrC;AACA,WAAK,gBAAgB,IAAI,UAAU,GAAG;AAEtC,YAAM,cAAc,KAAK,IAAI,IAAI,eAAe,IAAI,aAAa;AACjE,UAAI,cAAc,MAAM,gBAAgB;AACtC,cAAM,iBAAiB;AAAA,MACzB;AAAA,IACF;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWA,kBAAkB,UAAsC;AACtD,UAAM,aAAa,KAAK,gBAAgB,IAAI,QAAQ;AACpD,QAAI,CAAC,YAAY;AACf,aAAO;AAAA,IACT;AAEA,UAAM,QAAQ,KAAK,UAAU,IAAI,WAAW,OAAO;AACnD,QAAI,SAAS,MAAM,UAAU,SAAS,GAAG;AACvC,aAAO,MAAM;AAAA,IACf;AAEA,WAAO,WAAW,gBAAgB,WAAW;AAAA,EAC/C;AAAA,EAEQ,mBAAmB,SAA4B;AACrD,QAAI,QAAQ,KAAK,UAAU,IAAI,OAAO;AACtC,QAAI,CAAC,OAAO;AACV,cAAQ,EAAE,WAAW,oBAAI,IAAI,GAAG,gBAAgB,EAAE;AAClD,WAAK,UAAU,IAAI,SAAS,KAAK;AAAA,IACnC;AACA,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,wBACE,WACA,kBACA,OACA,OACA,mBACgB;AAChB,UAAM,EAAE,UAAU,MAAM,IAAI;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,QAAI,OAAO,UAAU,UAAU;AAC7B,aAAO;AAAA,QACL,eAAe;AAAA,UACb,IAAI,UAAU;AAAA,UACd,IAAI,UAAU;AAAA,UACd,IAAI,UAAU;AAAA,UACd,IAAI,UAAU;AAAA,QAChB;AAAA,QACA;AAAA,QACA,gBAAgB;AAAA,MAClB;AAAA,IACF;AAEA,UAAM,YAAY,KAAK,YAAY,IAAI,QAAQ,KAAK;AAAA,MAClD,aAAa,sBAAsB;AAAA,MACnC,aAAa,sBAAsB;AAAA,IACrC;AAEA,UAAM,YAAY,KAAK,kBAAkB,QAAQ;AAEjD,UAAM,kBAAqC;AAAA,MACzC,GAAG;AAAA,MACH,aAAa,QAAQ,IAAI,UAAU,cAAc,UAAU;AAAA,MAC3D;AAAA,IACF;AAEA,UAAM,iBACJ,QAAQ,IAAI,UAAU,cAAc,UAAU;AAEhD,UAAM,gBAA8B;AAAA,MAClC,IACE,qBAAqB,gBAAgB,OAAO,UAAU,OAAO,WACzD,UAAU,KAAK,iBACf,UAAU;AAAA,MAChB,IACE,qBAAqB,gBAAgB,OAAO,UAAU,OAAO,WACzD,UAAU,KAAK,iBACf,UAAU;AAAA,MAChB,IACE,qBAAqB,cAAc,OAAO,UAAU,OAAO,WACvD,UAAU,KAAK,iBACf,UAAU;AAAA,MAChB,IACE,qBAAqB,cAAc,OAAO,UAAU,OAAO,WACvD,UAAU,KAAK,iBACf,UAAU;AAAA,IAClB;AAEA,SAAK,YAAY,IAAI,UAAU;AAAA,MAC7B,GAAG;AAAA,MACH,GAAG,gBAAgB,OAAO,SAAS;AAAA,IACrC,CAAC;AAED,WAAO;AAAA,MACL;AAAA,MACA,mBAAmB;AAAA,MACnB,gBAAgB;AAAA,IAClB;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/charts/xy-chart/processing-strategies/utils/access-datapoint/get-bar-datapoints.js

@@ -1,5 +1,16 @@
-import { getAxisType, getPoint } from "./get-datapoints.js";
+import { getAxisType, getDatumValue, getPoint } from "./get-datapoints.js";
 import { numberOfCoordinatesByDimension } from "./number-of-coordinates-by-dimension.js";
+function resolveLabel(datum, labelAccessor) {
+  if (!labelAccessor) {
+    return void 0;
+  }
+  const raw = getDatumValue(datum, labelAccessor);
+  if (raw === void 0 || raw === null) {
+    return void 0;
+  }
+  const label = String(raw);
+  return label.length > 0 ? label : void 0;
+}
 function getBarDatapoint(datum, seriesProps, xAxis, yAxis) {
   const xAxisType = getAxisType("x", xAxis, yAxis);
   const yAxisType = getAxisType("y", xAxis, yAxis);
@@ -21,7 +32,8 @@ function getBarDatapoint(datum, seriesProps, xAxis, yAxis) {
   }
   return {
     ...datum,
-    ...point
+    ...point,
+    label: resolveLabel(datum, seriesProps.labelAccessor)
   };
 }
 export {

package/esm/charts/xy-chart/processing-strategies/utils/access-datapoint/get-bar-datapoints.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/processing-strategies/utils/access-datapoint/get-bar-datapoints.ts"],
-  "sourcesContent": ["import { getAxisType, getPoint } from './get-datapoints.js';\nimport { numberOfCoordinatesByDimension } from './number-of-coordinates-by-dimension.js';\nimport type {\n  XYChartAxisInternal,\n  XYChartBarSeriesInternal,\n} from '../../../types/xy-chart-internals.js';\nimport type { XYChartData } from '../../../types/xy-chart.js';\n\n/**\n * Generates a bar from the provided datum and series properties.\n *\n * @param datum - The individual data point.\n * @param seriesProps - The series path properties for the line.\n * @param xAxis - The x-axis internal configuration.\n * @param yAxis - The y-axis internal configuration.\n * @returns - The bar series data point, or undefined if any required value is missing or invalid.\n */\nexport function getBarDatapoint(\n  datum: XYChartData,\n  seriesProps: XYChartBarSeriesInternal,\n  xAxis: XYChartAxisInternal,\n  yAxis: XYChartAxisInternal,\n) {\n  const xAxisType = getAxisType('x', xAxis, yAxis);\n  const yAxisType = getAxisType('y', xAxis, yAxis);\n\n  const point = {\n    x0: getPoint(datum, seriesProps.x0Accessor, xAxisType),\n    x1: getPoint(datum, seriesProps.x1Accessor, xAxisType),\n    y0: getPoint(datum, seriesProps.y0Accessor, yAxisType),\n    y1: getPoint(datum, seriesProps.y1Accessor, yAxisType),\n  };\n\n  const { xCoordinateCount, yCoordinateCount } =\n    numberOfCoordinatesByDimension(point);\n\n  // Early return when missing whole axis or having just one coordinate (which doesn't produce an bar)\n  if (\n    xCoordinateCount === 0 ||\n    yCoordinateCount === 0 ||\n    xCoordinateCount + yCoordinateCount === 1\n  ) {\n    return undefined;\n  }\n\n  // Prevent bars that have both coords on the same axis defined\n  if (xCoordinateCount + yCoordinateCount === 2) {\n    const invalidCombinations =\n      (point.x0 !== undefined && point.y0 !== undefined) ||\n      (point.x1 !== undefined && point.y1 !== undefined);\n\n    if (invalidCombinations) {\n      return undefined;\n    }\n  }\n\n  return {\n    ...datum,\n    ...point,\n  };\n}\n"],
-  "mappings": "AAAA,SAAS,aAAa,gBAAgB;AACtC,SAAS,sCAAsC;AAgBxC,SAAS,gBACd,OACA,aACA,OACA,OACA;AACA,QAAM,YAAY,YAAY,KAAK,OAAO,KAAK;AAC/C,QAAM,YAAY,YAAY,KAAK,OAAO,KAAK;AAE/C,QAAM,QAAQ;AAAA,IACZ,IAAI,SAAS,OAAO,YAAY,YAAY,SAAS;AAAA,IACrD,IAAI,SAAS,OAAO,YAAY,YAAY,SAAS;AAAA,IACrD,IAAI,SAAS,OAAO,YAAY,YAAY,SAAS;AAAA,IACrD,IAAI,SAAS,OAAO,YAAY,YAAY,SAAS;AAAA,EACvD;AAEA,QAAM,EAAE,kBAAkB,iBAAiB,IACzC,+BAA+B,KAAK;AAGtC,MACE,qBAAqB,KACrB,qBAAqB,KACrB,mBAAmB,qBAAqB,GACxC;AACA,WAAO;AAAA,EACT;AAGA,MAAI,mBAAmB,qBAAqB,GAAG;AAC7C,UAAM,sBACH,MAAM,OAAO,UAAa,MAAM,OAAO,UACvC,MAAM,OAAO,UAAa,MAAM,OAAO;AAE1C,QAAI,qBAAqB;AACvB,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AACF;",
+  "sourcesContent": ["import { getAxisType, getDatumValue, getPoint } from './get-datapoints.js';\nimport { numberOfCoordinatesByDimension } from './number-of-coordinates-by-dimension.js';\nimport type {\n  XYChartAxisInternal,\n  XYChartBarSeriesInternal,\n} from '../../../types/xy-chart-internals.js';\nimport type { XYChartData } from '../../../types/xy-chart.js';\n\nfunction resolveLabel(\n  datum: XYChartData,\n  labelAccessor: string | undefined,\n): string | undefined {\n  if (!labelAccessor) {\n    return undefined;\n  }\n  const raw = getDatumValue(datum, labelAccessor);\n  if (raw === undefined || raw === null) {\n    return undefined;\n  }\n  const label = String(raw);\n  return label.length > 0 ? label : undefined;\n}\n\n/**\n * Generates a bar from the provided datum and series properties.\n *\n * @param datum - The individual data point.\n * @param seriesProps - The series path properties for the line.\n * @param xAxis - The x-axis internal configuration.\n * @param yAxis - The y-axis internal configuration.\n * @returns - The bar series data point, or undefined if any required value is missing or invalid.\n */\nexport function getBarDatapoint(\n  datum: XYChartData,\n  seriesProps: XYChartBarSeriesInternal,\n  xAxis: XYChartAxisInternal,\n  yAxis: XYChartAxisInternal,\n) {\n  const xAxisType = getAxisType('x', xAxis, yAxis);\n  const yAxisType = getAxisType('y', xAxis, yAxis);\n\n  const point = {\n    x0: getPoint(datum, seriesProps.x0Accessor, xAxisType),\n    x1: getPoint(datum, seriesProps.x1Accessor, xAxisType),\n    y0: getPoint(datum, seriesProps.y0Accessor, yAxisType),\n    y1: getPoint(datum, seriesProps.y1Accessor, yAxisType),\n  };\n\n  const { xCoordinateCount, yCoordinateCount } =\n    numberOfCoordinatesByDimension(point);\n\n  // Early return when missing whole axis or having just one coordinate (which doesn't produce an bar)\n  if (\n    xCoordinateCount === 0 ||\n    yCoordinateCount === 0 ||\n    xCoordinateCount + yCoordinateCount === 1\n  ) {\n    return undefined;\n  }\n\n  // Prevent bars that have both coords on the same axis defined\n  if (xCoordinateCount + yCoordinateCount === 2) {\n    const invalidCombinations =\n      (point.x0 !== undefined && point.y0 !== undefined) ||\n      (point.x1 !== undefined && point.y1 !== undefined);\n\n    if (invalidCombinations) {\n      return undefined;\n    }\n  }\n\n  return {\n    ...datum,\n    ...point,\n    label: resolveLabel(datum, seriesProps.labelAccessor),\n  };\n}\n"],
+  "mappings": "AAAA,SAAS,aAAa,eAAe,gBAAgB;AACrD,SAAS,sCAAsC;AAO/C,SAAS,aACP,OACA,eACoB;AACpB,MAAI,CAAC,eAAe;AAClB,WAAO;AAAA,EACT;AACA,QAAM,MAAM,cAAc,OAAO,aAAa;AAC9C,MAAI,QAAQ,UAAa,QAAQ,MAAM;AACrC,WAAO;AAAA,EACT;AACA,QAAM,QAAQ,OAAO,GAAG;AACxB,SAAO,MAAM,SAAS,IAAI,QAAQ;AACpC;AAWO,SAAS,gBACd,OACA,aACA,OACA,OACA;AACA,QAAM,YAAY,YAAY,KAAK,OAAO,KAAK;AAC/C,QAAM,YAAY,YAAY,KAAK,OAAO,KAAK;AAE/C,QAAM,QAAQ;AAAA,IACZ,IAAI,SAAS,OAAO,YAAY,YAAY,SAAS;AAAA,IACrD,IAAI,SAAS,OAAO,YAAY,YAAY,SAAS;AAAA,IACrD,IAAI,SAAS,OAAO,YAAY,YAAY,SAAS;AAAA,IACrD,IAAI,SAAS,OAAO,YAAY,YAAY,SAAS;AAAA,EACvD;AAEA,QAAM,EAAE,kBAAkB,iBAAiB,IACzC,+BAA+B,KAAK;AAGtC,MACE,qBAAqB,KACrB,qBAAqB,KACrB,mBAAmB,qBAAqB,GACxC;AACA,WAAO;AAAA,EACT;AAGA,MAAI,mBAAmB,qBAAqB,GAAG;AAC7C,UAAM,sBACH,MAAM,OAAO,UAAa,MAAM,OAAO,UACvC,MAAM,OAAO,UAAa,MAAM,OAAO;AAE1C,QAAI,qBAAqB;AACvB,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO,aAAa,OAAO,YAAY,aAAa;AAAA,EACtD;AACF;",
   "names": []
 }

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

@@ -35,13 +35,20 @@ function getTicksForAxis(config, numTicks, scale, formatter, availableSize, orie
       config.formatter,
       availableSize,
       orientation,
-      formatter
+      formatter,
+      scale
     );
     if (niceTicks !== null) {
       return niceTicks;
     }
   }
-  return getTicksFormattedByConfig(config, numTicks, scale, formatter);
+  return getTicksFormattedByConfig(
+    config,
+    numTicks,
+    scale,
+    formatter,
+    orientation === "horizontal" ? availableSize : void 0
+  );
 }
 function XYChartAxesTicksProvider({
   children

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/providers/XYChartAxesTicksProvider.tsx"],
-  "sourcesContent": ["import { type PropsWithChildren } from 'react';\n\nimport { units } from '@dynatrace-sdk/units';\n\nimport { useGridPlotSize } from '../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport type {\n  FormatterWithPrecision,\n  StringFormatter,\n} from '../../core/types/formatter.js';\nimport type { TickAxis } from '../../core/utils/formatter-by-ticks.js';\nimport { getFormatterByTicks } from '../../core/utils/formatter-by-ticks.js';\nimport { 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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",
+  "sourcesContent": ["import { type PropsWithChildren } from 'react';\n\nimport { units } from '@dynatrace-sdk/units';\n\nimport { useGridPlotSize } from '../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport type {\n  FormatterWithPrecision,\n  StringFormatter,\n} from '../../core/types/formatter.js';\nimport type { TickAxis } from '../../core/utils/formatter-by-ticks.js';\nimport { getFormatterByTicks } from '../../core/utils/formatter-by-ticks.js';\nimport type { ContinuousScale } from '../../core/utils/has-horizontal-label-collision.js';\nimport { safeGet } from '../../core/utils/safe-get.js';\nimport {\n  getHorizontalNumTicks,\n  getVerticalNumTicks,\n} from '../../core/utils/ticks.js';\nimport { XYChartAxesTicksContext } from '../context/axes/XYChartAxesTicks.context.js';\nimport { useAxesFormatter } from '../hooks/useAxesFormatter.js';\nimport {\n  type FormatCategory,\n  useFormatCategory,\n} from '../hooks/useFormatCategory.js';\nimport { useVisibleAxesConfig } from '../hooks/useVisibleAxesConfig.js';\nimport { useVisibleAxesScales } from '../hooks/useVisibleAxesScales.js';\nimport { isCategorical } from '../types/guards.js';\nimport type {\n  AnyXYChartScale,\n  AxisIdToFormatter,\n  XYChartAxisInternal,\n} from '../types/xy-chart-internals.js';\nimport {\n  computeNiceUnitTicks,\n  shouldUseNiceUnitTicks,\n} from '../utils/generate-nice-unit-ticks.js';\nimport { getTicksFormattedByConfig } from '../utils/get-ticks-formatted-by-config.js';\n\nfunction getFormatter(\n  numTicks: number,\n  axisIdToFormatter: AxisIdToFormatter,\n  config: XYChartAxisInternal,\n  scale: AnyXYChartScale | undefined,\n  formatCategory: FormatCategory,\n) {\n  if (isCategorical(config.type)) {\n    const stringFormatter: StringFormatter = (raw) =>\n      formatCategory(config, raw) ?? raw;\n    return stringFormatter;\n  }\n  return config?.isRelative\n    ? getFormatterByTicks(numTicks, scale, units.percentage.percent)\n    : safeGet(axisIdToFormatter, config.id);\n}\n\n/**\n * @internal\n * Resolves the tick data for a single axis. Uses nice unit ticks when the axis\n * is linear with a unit-converting formatter; otherwise falls back to the\n * standard formatted-ticks path.\n */\nexport function getTicksForAxis(\n  config: XYChartAxisInternal | undefined,\n  numTicks: number,\n  scale: AnyXYChartScale | undefined,\n  formatter: ReturnType<typeof getFormatter> | undefined,\n  availableSize: number,\n  orientation: 'horizontal' | 'vertical',\n): TickAxis {\n  if (\n    config &&\n    !('categories' in config) &&\n    shouldUseNiceUnitTicks(config) &&\n    scale !== undefined &&\n    formatter !== undefined\n  ) {\n    const domain = scale.domain() as [number, number];\n    const niceTicks = computeNiceUnitTicks(\n      domain,\n      config.formatter,\n      availableSize,\n      orientation,\n      formatter as FormatterWithPrecision,\n      scale as ContinuousScale,\n    );\n\n    if (niceTicks !== null) {\n      return niceTicks;\n    }\n  }\n\n  return getTicksFormattedByConfig(\n    config,\n    numTicks,\n    scale,\n    formatter,\n    orientation === 'horizontal' ? availableSize : undefined,\n  );\n}\n\nexport function XYChartAxesTicksProvider({\n  children,\n}: Readonly<PropsWithChildren>) {\n  const { width, height } = useGridPlotSize();\n  const axisIdToFormatter: AxisIdToFormatter = useAxesFormatter();\n  const config = useVisibleAxesConfig();\n  const scales = useVisibleAxesScales();\n  const horizontalNumTicks = getHorizontalNumTicks(width);\n  const verticalNumTicks = getVerticalNumTicks(height);\n  const formatCategory = useFormatCategory();\n\n  const topScale = scales.top;\n  const topConfig = config.top;\n\n  const topFormatter = topConfig\n    ? getFormatter(\n        horizontalNumTicks,\n        axisIdToFormatter,\n        topConfig,\n        topScale,\n        formatCategory,\n      )\n    : undefined;\n\n  const topTicks = getTicksForAxis(\n    topConfig,\n    horizontalNumTicks,\n    topScale,\n    topFormatter,\n    width,\n    'horizontal',\n  );\n\n  const bottomScale = scales.bottom;\n  const bottomConfig = config.bottom;\n\n  const bottomFormatter = bottomConfig\n    ? getFormatter(\n        horizontalNumTicks,\n        axisIdToFormatter,\n        bottomConfig,\n        bottomScale,\n        formatCategory,\n      )\n    : undefined;\n\n  const bottomTicks = getTicksForAxis(\n    bottomConfig,\n    horizontalNumTicks,\n    bottomScale,\n    bottomFormatter,\n    width,\n    'horizontal',\n  );\n\n  const leftScale = scales.left;\n  const leftConfig = config.left;\n\n  const leftFormatter = leftConfig\n    ? getFormatter(\n        verticalNumTicks,\n        axisIdToFormatter,\n        leftConfig,\n        leftScale,\n        formatCategory,\n      )\n    : undefined;\n\n  const leftTicks = getTicksForAxis(\n    leftConfig,\n    verticalNumTicks,\n    leftScale,\n    leftFormatter,\n    height,\n    'vertical',\n  );\n\n  const rightScale = scales.right;\n  const rightConfig = config.right;\n\n  const rightFormatter = rightConfig\n    ? getFormatter(\n        verticalNumTicks,\n        axisIdToFormatter,\n        rightConfig,\n        rightScale,\n        formatCategory,\n      )\n    : undefined;\n\n  const rightTicks = getTicksForAxis(\n    rightConfig,\n    verticalNumTicks,\n    rightScale,\n    rightFormatter,\n    height,\n    'vertical',\n  );\n\n  return (\n    <XYChartAxesTicksContext.Provider\n      value={{ topTicks, bottomTicks, leftTicks, rightTicks }}\n    >\n      {children}\n    </XYChartAxesTicksContext.Provider>\n  );\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,7 +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;",
+  "sourcesContent": ["import { Tooltip } from '../../core/slots/Tooltip.js';\nimport { DISPLAY_NAME } from '../constants/defaults.js';\nimport { XYChartTooltipProps } from '../types/xy-chart-props.js';\n\nexport const XYChartTooltipSlot = Tooltip<XYChartTooltipProps>(DISPLAY_NAME);\n"],
+  "mappings": "AAAA,SAAS,eAAe;AACxB,SAAS,oBAAoB;AAGtB,MAAM,qBAAqB,QAA6B,YAAY;",
   "names": []
 }

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

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/types/xy-chart.ts"],
-  "sourcesContent": ["import type { Unit } from '@dynatrace-sdk/units';\n\nimport type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js';\nimport type { PointShapeType } from '../../core/components/shape/type.js';\nimport type {\n  ColorPalette,\n  CustomColorPalette,\n} from '../../core/types/color-palette.js';\nimport type { ColoredRange } from '../../core/types/colored-range.js';\nimport type { Formatter, TimeFormatter } from '../../core/types/formatter.js';\nimport { ProgrammaticZoomHandlers } from '../../core/types/zoom.js';\n\n/**\n * Curve shape for line, band and area series\n * @public\n */\nexport type SeriesCurve = 'linear' | 'smooth';\n\n/**\n * Data type for the XY chart\n * @public\n */\nexport type XYChartData = Record<string, unknown>;\n\n/**\n * Bar series single constant variant.\n * @public\n */\nexport const BAR_VARIANT_SINGLE = 'single';\n/**\n * Bar series stack constant variant.\n * @public\n */\nexport const BAR_VARIANT_STACK = 'stack';\n/**\n * Bar series group constant variant.\n * @public\n */\nexport const BAR_VARIANT_GROUP = 'group';\n\n/**\n * Bar series variant type.\n * @public\n */\nexport type BarSeriesVariant =\n  | typeof BAR_VARIANT_SINGLE\n  | typeof BAR_VARIANT_STACK\n  | typeof BAR_VARIANT_GROUP;\n\n/**\n * Color palette options for XYChart.\n * @public\n */\nexport type XYChartColorPalette =\n  | ColorPalette\n  | CustomColorPalette\n  | ColoredRange[];\n\n/**\n * Props definition for the XYChart legend\n * @public\n */\nexport type XYChartLegend = {\n  /**\n   * The truncation mode to be used as start, middle or end in the long legend\n   * labels\n   * @defaultValue 'middle'\n   */\n  truncationMode: TruncationMode;\n};\n\n/**\n * XYChart Ref\n * @public\n */\nexport interface XYChartRef extends ProgrammaticZoomHandlers {\n  /** Chart div element. */\n  element: HTMLDivElement | null;\n  /** Returns the current serialized config of the XYChart. */\n  getConfig: () => string;\n  /** Downloads series. */\n  downloadData: () => void;\n}\n\n/**\n * The position for the xy chart x-axis\n * @public\n */\nexport type XYChartXAxisPosition =\n  | typeof BOTTOM_POSITION\n  | typeof TOP_POSITION\n  | typeof BOTH_POSITION;\n\n/**\n * The position for the xy chart y-axis\n * @public\n */\nexport type XYChartYAxisPosition =\n  | typeof LEFT_POSITION\n  | typeof RIGHT_POSITION\n  | typeof BOTH_POSITION;\n\n/**\n * The numerical scale type for the xy chart axis\n * @public\n */\nexport const NUMERICAL_SCALE_TYPE = 'numerical';\n\n/**\n * The log scale type for the xy chart axis\n * @public\n */\nexport const LOG_SCALE_TYPE = 'log';\n\n/**\n * The time scale type for the xy chart axis\n * @public\n */\nexport const TIME_SCALE_TYPE = 'time';\n\n/**\n * The categorical scale type for the xy chart axis\n * @public\n */\nexport const CATEGORICAL_SCALE_TYPE = 'categorical';\n\n/**\n * The data type for the xy chart axis\n * @public\n */\nexport type XYChartAxisType =\n  | typeof LOG_SCALE_TYPE\n  | typeof NUMERICAL_SCALE_TYPE\n  | typeof TIME_SCALE_TYPE\n  | typeof CATEGORICAL_SCALE_TYPE;\n\n/**\n * The top position for the xy chart x-axis\n * @public\n */\nexport const TOP_POSITION = 'top';\n\n/**\n * The bottom position for the xy chart x-axis\n * @public\n */\nexport const BOTTOM_POSITION = 'bottom';\n\n/**\n * The left position for the xy chart x-axis\n * @public\n */\nexport const LEFT_POSITION = 'left';\n\n/**\n * The right position for the xy chart x-axis\n * @public\n */\nexport const RIGHT_POSITION = 'right';\n\n/**\n * The both position for the xy chart x-axis\n * @public\n */\nexport const BOTH_POSITION = 'both';\n\n/**\n * The valid data types for x and y accessors\n * @public\n */\nexport type XYAccessorDataTypes = string | number | Date;\n\n/**\n * The base selected datapoint information\n * @public\n */\nexport interface BaseDatapoint extends Record<string, unknown> {\n  /**\n   * datapoint x0 value\n   */\n  x0: XYAccessorDataTypes;\n  /**\n   * datapoint y0 value\n   */\n  y0: XYAccessorDataTypes;\n}\n\n/**\n * The selected rect datapoint information\n * @public\n */\nexport interface RectDatapoint extends BaseDatapoint {\n  /**\n   *  datapoint x1 value\n   */\n  x1?: XYAccessorDataTypes;\n  /**\n   * datapoint y1 value\n   */\n  y1?: XYAccessorDataTypes;\n  /**\n   * datapoint value\n   */\n  value: number | string;\n}\n\n/**\n * The selected dot series datapoint information\n * @public\n */\nexport interface DotDatapoint extends BaseDatapoint {\n  /**\n   * datapoint x1 value, exclusive to timeframe datapoints\n   */\n  x1?: Date;\n  /**\n   * datapoint y1 value, exclusive to timeframe datapoints\n   */\n  y1?: Date;\n}\n\n/**\n * The selected line series datapoint information\n * @public\n */\nexport interface LineDatapoint extends BaseDatapoint {\n  /**\n   * datapoint x1 value, exclusive to timeframe datapoints\n   */\n  x1?: Date;\n  /**\n   * datapoint y1 value, exclusive to timeframe datapoints\n   */\n  y1?: Date;\n}\n\n/**\n * The selected bar series datapoint information\n * @public\n */\nexport interface BarDatapoint extends Partial<BaseDatapoint> {\n  /**\n   *  datapoint x1 value\n   */\n  x1?: XYAccessorDataTypes;\n  /**\n   * datapoint y1 value\n   */\n  y1?: XYAccessorDataTypes;\n}\n\n/**\n * The selected area series datapoint information\n * @public\n */\nexport interface AreaDatapoint extends Partial<BaseDatapoint> {\n  /**\n   *  datapoint x1 value\n   */\n  x1?: XYAccessorDataTypes;\n  /**\n   * datapoint y1 value\n   */\n  y1?: XYAccessorDataTypes;\n}\n\n/**\n * The selected area datapoint displayed on the action\n * @public\n */\nexport type XYChartAreaSeriesActionItem = {\n  datapoint: AreaDatapoint;\n  category?: string;\n  datapoints?: AreaDatapoint[];\n  name: string;\n};\n\n/**\n * The selected area series in the action\n * @public\n */\nexport type XYChartAreaSeries = XYChartSeriesActionInfo<AreaDatapoint>;\n\n/**\n * The selected dot datapoint displayed on the action\n * @public\n */\nexport type XYChartDotSeriesActionItem = DotDatapoint & {\n  /**\n   * series name\n   */\n  name: string;\n};\n\n/**\n * Base type for series action info containing datapoints and name.\n * @public\n */\nexport type XYChartSeriesActionInfo<T> = {\n  /** All datapoints belonging to the selected series or category */\n  datapoints: T[];\n  /** The name of the selected series or category */\n  name: string;\n};\n\n/**\n * The selected dot series in the action\n * @public\n */\nexport type XYChartDotSeries = XYChartSeriesActionInfo<DotDatapoint>;\n\n/**\n * The selected rect datapoint displayed on the action\n * @public\n */\nexport type XYChartRectSeriesActionItem = RectDatapoint;\n\n/**\n * The selected rect series in the action\n * @public\n */\nexport type XYChartRectSeries = XYChartSeriesActionInfo<RectDatapoint>;\n\n/**\n * The selected line datapoint displayed on the action\n * @public\n */\nexport type XYChartLineSeriesActionItem = LineDatapoint & {\n  /**\n   * The name for the series\n   */\n  name: string;\n};\n\n/**\n * The selected line series in the action\n * @public\n */\nexport type XYChartLineSeries = XYChartSeriesActionInfo<LineDatapoint>;\n\n/**\n * The selected bar datapoint displayed on the action.\n * Can be a single BarDatapoint or include grouped datapoints for stacked/grouped bars.\n * @public\n */\nexport type XYChartBarSeriesActionItem = {\n  datapoint: BarDatapoint;\n  category?: string;\n  datapoints?: BarDatapoint[];\n  name: string;\n};\n\n/**\n * The selected bar series in the action\n * @public\n */\nexport type XYChartBarSeries = XYChartSeriesActionInfo<BarDatapoint>;\n\n/**\n * Static threshold data: a single value or a range.\n * @public\n */\nexport type XYChartThresholdStaticData =\n  | XYChartThresholdDataLineStatic\n  | XYChartThresholdDataRangeStatic;\n\n/**\n * Dynamic threshold data: a single value or a range, with an x coordinate.\n * @public\n */\nexport type XYChartThresholdDynamicData =\n  | XYChartThresholdDataLineDynamic\n  | XYChartThresholdDataRangeDynamic;\n\n/**\n * All possible threshold data types for XYChart.\n * @public\n */\nexport type XYChartThresholdData =\n  | XYChartThresholdStaticData\n  | XYChartThresholdDynamicData[];\n\n/**\n * A single threshold datapoint (static or dynamic).\n * @public\n */\nexport type XYChartThresholdDatapoint =\n  | XYChartThresholdStaticData\n  | XYChartThresholdDynamicData;\n\n/**\n * Value type for a threshold (number or Date).\n * @public\n */\nexport type XYChartThresholdValue = number | Date;\n\n/**\n * Base type for a line threshold (single value).\n * @public\n */\nexport type XYChartThresholdLineBase = { y: XYChartThresholdValue };\n\n/**\n * Base type for a range threshold (min/max).\n * @public\n */\nexport type XYChartThresholdRangeBase = {\n  yMin: number | Date;\n  yMax: number | Date;\n};\n\n/**\n * Static line threshold data.\n * @public\n */\nexport type XYChartThresholdDataLineStatic = XYChartThresholdLineBase;\n\n/**\n * Static range threshold data.\n * @public\n */\nexport type XYChartThresholdDataRangeStatic = XYChartThresholdRangeBase;\n\n/**\n * Dynamic line threshold data (with x).\n * @public\n */\nexport type XYChartThresholdDataLineDynamic = XYChartThresholdLineBase & {\n  x: XYChartThresholdValue;\n};\n\n/**\n * Dynamic range threshold data (with x).\n * @public\n */\nexport type XYChartThresholdDataRangeDynamic = XYChartThresholdRangeBase & {\n  x: XYChartThresholdValue;\n};\n\n/**\n * The selected datapoints per series in the XYChart.\n * @public\n */\nexport type XYChartSelectedSeries = Record<\n  string,\n  | XYChartRectSeriesActionItem[]\n  | XYChartDotSeriesActionItem[]\n  | XYChartLineSeriesActionItem[]\n  | XYChartBarSeriesActionItem[]\n>[];\n\n/**\n * The selected datapoints per series in the XYChart.\n * @public\n */\nexport type XYChartSelectedDomains = Record<\n  string,\n  [Date, Date] | [number, number]\n>[];\n\n/**\n * Datapoint types for the tooltip payload\n * @public\n */\nexport type XYChartTooltipDatapoint =\n  | DotDatapoint\n  | LineDatapoint\n  | RectDatapoint\n  | BarDatapoint\n  | AreaDatapoint;\n\n/**\n * NumericalFormatter\n * @public\n */\nexport type NumericalFormatter = (\n  value: number,\n  unit?: string | Unit,\n  precision?: number,\n) => string;\n\n/**\n * AxisFormatter\n * @public\n */\nexport type AxisFormatter = NumericalFormatter | TimeFormatter;\n\n/**\n * Base tooltip payload shared across all series types\n * @public\n */\nexport type BaseTooltipPayload<T extends XYChartTooltipDatapoint> = {\n  datapoint: T;\n  seriesId: string;\n  seriesName: string;\n  xFormatter: AxisFormatter;\n  yFormatter: AxisFormatter;\n  color: string;\n  xAxisLabel?: string;\n  yAxisLabel?: string;\n};\n\n/**\n * Tooltip payload containing dot series specific data\n * @public\n */\nexport interface DotTooltipPayload extends BaseTooltipPayload<DotDatapoint> {\n  /** Shape of the dot */\n  shape: PointShapeType;\n}\n\n/**\n * Tooltip payload containing line series specific data\n * @public\n */\nexport type LineTooltipPayload = BaseTooltipPayload<LineDatapoint>;\n\n/**\n * Tooltip payload containing rect series specific data\n * @public\n */\nexport interface RectTooltipPayload extends BaseTooltipPayload<RectDatapoint> {\n  /** Rect datapoint */\n  datapoint: RectDatapoint;\n  /** Label for the value */\n  valueLabel: string;\n  /** Formatter for the value */\n  valueFormatter?: Formatter;\n}\n\n/**\n * Tooltip payload containing bar series specific data\n * @public\n */\nexport type BarTooltipPayload = BaseTooltipPayload<BarDatapoint>;\n\n/**\n * Tooltip payload containing area series specific data\n * @public\n */\nexport type AreaTooltipPayload = BaseTooltipPayload<AreaDatapoint>;\n\n/**\n * Tooltip payload containing optional payloads for different series types\n * @public\n */\nexport type XYChartTooltipPayload = {\n  dotPayload?: DotTooltipPayload;\n  linePayload?: LineTooltipPayload;\n  rectPayload?: RectTooltipPayload;\n  barPayload?: BarTooltipPayload;\n  areaPayload?: AreaTooltipPayload;\n};\n"],
+  "sourcesContent": ["import type { Unit } from '@dynatrace-sdk/units';\n\nimport type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js';\nimport type { PointShapeType } from '../../core/components/shape/type.js';\nimport type {\n  ColorPalette,\n  CustomColorPalette,\n} from '../../core/types/color-palette.js';\nimport type { ColoredRange } from '../../core/types/colored-range.js';\nimport type { Formatter, TimeFormatter } from '../../core/types/formatter.js';\nimport { ProgrammaticZoomHandlers } from '../../core/types/zoom.js';\n\n/**\n * Curve shape for line, band and area series\n * @public\n */\nexport type SeriesCurve = 'linear' | 'smooth';\n\n/**\n * Data type for the XY chart\n * @public\n */\nexport type XYChartData = Record<string, unknown>;\n\n/**\n * Bar series single constant variant.\n * @public\n */\nexport const BAR_VARIANT_SINGLE = 'single';\n/**\n * Bar series stack constant variant.\n * @public\n */\nexport const BAR_VARIANT_STACK = 'stack';\n/**\n * Bar series group constant variant.\n * @public\n */\nexport const BAR_VARIANT_GROUP = 'group';\n\n/**\n * Bar series variant type.\n * @public\n */\nexport type BarSeriesVariant =\n  | typeof BAR_VARIANT_SINGLE\n  | typeof BAR_VARIANT_STACK\n  | typeof BAR_VARIANT_GROUP;\n\n/**\n * Color palette options for XYChart.\n * @public\n */\nexport type XYChartColorPalette =\n  | ColorPalette\n  | CustomColorPalette\n  | ColoredRange[];\n\n/**\n * Props definition for the XYChart legend\n * @public\n */\nexport type XYChartLegend = {\n  /**\n   * The truncation mode to be used as start, middle or end in the long legend\n   * labels\n   * @defaultValue 'middle'\n   */\n  truncationMode: TruncationMode;\n};\n\n/**\n * XYChart Ref\n * @public\n */\nexport interface XYChartRef extends ProgrammaticZoomHandlers {\n  /** Chart div element. */\n  element: HTMLDivElement | null;\n  /** Returns the current serialized config of the XYChart. */\n  getConfig: () => string;\n  /** Downloads series. */\n  downloadData: () => void;\n}\n\n/**\n * The position for the xy chart x-axis\n * @public\n */\nexport type XYChartXAxisPosition =\n  | typeof BOTTOM_POSITION\n  | typeof TOP_POSITION\n  | typeof BOTH_POSITION;\n\n/**\n * The position for the xy chart y-axis\n * @public\n */\nexport type XYChartYAxisPosition =\n  | typeof LEFT_POSITION\n  | typeof RIGHT_POSITION\n  | typeof BOTH_POSITION;\n\n/**\n * The numerical scale type for the xy chart axis\n * @public\n */\nexport const NUMERICAL_SCALE_TYPE = 'numerical';\n\n/**\n * The log scale type for the xy chart axis\n * @public\n */\nexport const LOG_SCALE_TYPE = 'log';\n\n/**\n * The time scale type for the xy chart axis\n * @public\n */\nexport const TIME_SCALE_TYPE = 'time';\n\n/**\n * The categorical scale type for the xy chart axis\n * @public\n */\nexport const CATEGORICAL_SCALE_TYPE = 'categorical';\n\n/**\n * The data type for the xy chart axis\n * @public\n */\nexport type XYChartAxisType =\n  | typeof LOG_SCALE_TYPE\n  | typeof NUMERICAL_SCALE_TYPE\n  | typeof TIME_SCALE_TYPE\n  | typeof CATEGORICAL_SCALE_TYPE;\n\n/**\n * The top position for the xy chart x-axis\n * @public\n */\nexport const TOP_POSITION = 'top';\n\n/**\n * The bottom position for the xy chart x-axis\n * @public\n */\nexport const BOTTOM_POSITION = 'bottom';\n\n/**\n * The left position for the xy chart x-axis\n * @public\n */\nexport const LEFT_POSITION = 'left';\n\n/**\n * The right position for the xy chart x-axis\n * @public\n */\nexport const RIGHT_POSITION = 'right';\n\n/**\n * The both position for the xy chart x-axis\n * @public\n */\nexport const BOTH_POSITION = 'both';\n\n/**\n * The valid data types for x and y accessors\n * @public\n */\nexport type XYAccessorDataTypes = string | number | Date;\n\n/**\n * The base selected datapoint information\n * @public\n */\nexport interface BaseDatapoint extends Record<string, unknown> {\n  /**\n   * datapoint x0 value\n   */\n  x0: XYAccessorDataTypes;\n  /**\n   * datapoint y0 value\n   */\n  y0: XYAccessorDataTypes;\n}\n\n/**\n * The selected rect datapoint information\n * @public\n */\nexport interface RectDatapoint extends BaseDatapoint {\n  /**\n   *  datapoint x1 value\n   */\n  x1?: XYAccessorDataTypes;\n  /**\n   * datapoint y1 value\n   */\n  y1?: XYAccessorDataTypes;\n  /**\n   * datapoint value\n   */\n  value: number | string;\n}\n\n/**\n * The selected dot series datapoint information\n * @public\n */\nexport interface DotDatapoint extends BaseDatapoint {\n  /**\n   * datapoint x1 value, exclusive to timeframe datapoints\n   */\n  x1?: Date;\n  /**\n   * datapoint y1 value, exclusive to timeframe datapoints\n   */\n  y1?: Date;\n}\n\n/**\n * The selected line series datapoint information\n * @public\n */\nexport interface LineDatapoint extends BaseDatapoint {\n  /**\n   * datapoint x1 value, exclusive to timeframe datapoints\n   */\n  x1?: Date;\n  /**\n   * datapoint y1 value, exclusive to timeframe datapoints\n   */\n  y1?: Date;\n}\n\n/**\n * The selected bar series datapoint information\n * @public\n */\nexport interface BarDatapoint extends Partial<BaseDatapoint> {\n  /**\n   *  datapoint x1 value\n   */\n  x1?: XYAccessorDataTypes;\n  /**\n   * datapoint y1 value\n   */\n  y1?: XYAccessorDataTypes;\n  /**\n   * datapoint label value\n   */\n  label?: string;\n}\n\n/**\n * The selected area series datapoint information\n * @public\n */\nexport interface AreaDatapoint extends Partial<BaseDatapoint> {\n  /**\n   *  datapoint x1 value\n   */\n  x1?: XYAccessorDataTypes;\n  /**\n   * datapoint y1 value\n   */\n  y1?: XYAccessorDataTypes;\n}\n\n/**\n * The selected area datapoint displayed on the action\n * @public\n */\nexport type XYChartAreaSeriesActionItem = {\n  datapoint: AreaDatapoint;\n  category?: string;\n  datapoints?: AreaDatapoint[];\n  name: string;\n};\n\n/**\n * The selected area series in the action\n * @public\n */\nexport type XYChartAreaSeries = XYChartSeriesActionInfo<AreaDatapoint>;\n\n/**\n * The selected dot datapoint displayed on the action\n * @public\n */\nexport type XYChartDotSeriesActionItem = DotDatapoint & {\n  /**\n   * series name\n   */\n  name: string;\n};\n\n/**\n * Base type for series action info containing datapoints and name.\n * @public\n */\nexport type XYChartSeriesActionInfo<T> = {\n  /** All datapoints belonging to the selected series or category */\n  datapoints: T[];\n  /** The name of the selected series or category */\n  name: string;\n};\n\n/**\n * The selected dot series in the action\n * @public\n */\nexport type XYChartDotSeries = XYChartSeriesActionInfo<DotDatapoint>;\n\n/**\n * The selected rect datapoint displayed on the action\n * @public\n */\nexport type XYChartRectSeriesActionItem = RectDatapoint;\n\n/**\n * The selected rect series in the action\n * @public\n */\nexport type XYChartRectSeries = XYChartSeriesActionInfo<RectDatapoint>;\n\n/**\n * The selected line datapoint displayed on the action\n * @public\n */\nexport type XYChartLineSeriesActionItem = LineDatapoint & {\n  /**\n   * The name for the series\n   */\n  name: string;\n};\n\n/**\n * The selected line series in the action\n * @public\n */\nexport type XYChartLineSeries = XYChartSeriesActionInfo<LineDatapoint>;\n\n/**\n * The selected bar datapoint displayed on the action.\n * Can be a single BarDatapoint or include grouped datapoints for stacked/grouped bars.\n * @public\n */\nexport type XYChartBarSeriesActionItem = {\n  datapoint: BarDatapoint;\n  category?: string;\n  datapoints?: BarDatapoint[];\n  name: string;\n};\n\n/**\n * The selected bar series in the action\n * @public\n */\nexport type XYChartBarSeries = XYChartSeriesActionInfo<BarDatapoint>;\n\n/**\n * Static threshold data: a single value or a range.\n * @public\n */\nexport type XYChartThresholdStaticData =\n  | XYChartThresholdDataLineStatic\n  | XYChartThresholdDataRangeStatic;\n\n/**\n * Dynamic threshold data: a single value or a range, with an x coordinate.\n * @public\n */\nexport type XYChartThresholdDynamicData =\n  | XYChartThresholdDataLineDynamic\n  | XYChartThresholdDataRangeDynamic;\n\n/**\n * All possible threshold data types for XYChart.\n * @public\n */\nexport type XYChartThresholdData =\n  | XYChartThresholdStaticData\n  | XYChartThresholdDynamicData[];\n\n/**\n * A single threshold datapoint (static or dynamic).\n * @public\n */\nexport type XYChartThresholdDatapoint =\n  | XYChartThresholdStaticData\n  | XYChartThresholdDynamicData;\n\n/**\n * Value type for a threshold (number or Date).\n * @public\n */\nexport type XYChartThresholdValue = number | Date;\n\n/**\n * Base type for a line threshold (single value).\n * @public\n */\nexport type XYChartThresholdLineBase = { y: XYChartThresholdValue };\n\n/**\n * Base type for a range threshold (min/max).\n * @public\n */\nexport type XYChartThresholdRangeBase = {\n  yMin: number | Date;\n  yMax: number | Date;\n};\n\n/**\n * Static line threshold data.\n * @public\n */\nexport type XYChartThresholdDataLineStatic = XYChartThresholdLineBase;\n\n/**\n * Static range threshold data.\n * @public\n */\nexport type XYChartThresholdDataRangeStatic = XYChartThresholdRangeBase;\n\n/**\n * Dynamic line threshold data (with x).\n * @public\n */\nexport type XYChartThresholdDataLineDynamic = XYChartThresholdLineBase & {\n  x: XYChartThresholdValue;\n};\n\n/**\n * Dynamic range threshold data (with x).\n * @public\n */\nexport type XYChartThresholdDataRangeDynamic = XYChartThresholdRangeBase & {\n  x: XYChartThresholdValue;\n};\n\n/**\n * The selected datapoints per series in the XYChart.\n * @public\n */\nexport type XYChartSelectedSeries = Record<\n  string,\n  | XYChartRectSeriesActionItem[]\n  | XYChartDotSeriesActionItem[]\n  | XYChartLineSeriesActionItem[]\n  | XYChartBarSeriesActionItem[]\n>[];\n\n/**\n * The selected datapoints per series in the XYChart.\n * @public\n */\nexport type XYChartSelectedDomains = Record<\n  string,\n  [Date, Date] | [number, number]\n>[];\n\n/**\n * Datapoint types for the tooltip payload\n * @public\n */\nexport type XYChartTooltipDatapoint =\n  | DotDatapoint\n  | LineDatapoint\n  | RectDatapoint\n  | BarDatapoint\n  | AreaDatapoint;\n\n/**\n * NumericalFormatter\n * @public\n */\nexport type NumericalFormatter = (\n  value: number,\n  unit?: string | Unit,\n  precision?: number,\n) => string;\n\n/**\n * AxisFormatter\n * @public\n */\nexport type AxisFormatter = NumericalFormatter | TimeFormatter;\n\n/**\n * Base tooltip payload shared across all series types\n * @public\n */\nexport type BaseTooltipPayload<T extends XYChartTooltipDatapoint> = {\n  datapoint: T;\n  seriesId: string;\n  seriesName: string;\n  xFormatter: AxisFormatter;\n  yFormatter: AxisFormatter;\n  color: string;\n  xAxisLabel?: string;\n  yAxisLabel?: string;\n};\n\n/**\n * Tooltip payload containing dot series specific data\n * @public\n */\nexport interface DotTooltipPayload extends BaseTooltipPayload<DotDatapoint> {\n  /** Shape of the dot */\n  shape: PointShapeType;\n}\n\n/**\n * Tooltip payload containing line series specific data\n * @public\n */\nexport type LineTooltipPayload = BaseTooltipPayload<LineDatapoint>;\n\n/**\n * Tooltip payload containing rect series specific data\n * @public\n */\nexport interface RectTooltipPayload extends BaseTooltipPayload<RectDatapoint> {\n  /** Rect datapoint */\n  datapoint: RectDatapoint;\n  /** Label for the value */\n  valueLabel: string;\n  /** Formatter for the value */\n  valueFormatter?: Formatter;\n}\n\n/**\n * Tooltip payload containing bar series specific data\n * @public\n */\nexport type BarTooltipPayload = BaseTooltipPayload<BarDatapoint>;\n\n/**\n * Tooltip payload containing area series specific data\n * @public\n */\nexport type AreaTooltipPayload = BaseTooltipPayload<AreaDatapoint>;\n\n/**\n * Tooltip payload containing optional payloads for different series types\n * @public\n */\nexport type XYChartTooltipPayload = {\n  dotPayload?: DotTooltipPayload;\n  linePayload?: LineTooltipPayload;\n  rectPayload?: RectTooltipPayload;\n  barPayload?: BarTooltipPayload;\n  areaPayload?: AreaTooltipPayload;\n};\n"],
   "mappings": "AA4BO,MAAM,qBAAqB;AAK3B,MAAM,oBAAoB;AAK1B,MAAM,oBAAoB;AAoE1B,MAAM,uBAAuB;AAM7B,MAAM,iBAAiB;AAMvB,MAAM,kBAAkB;AAMxB,MAAM,yBAAyB;AAgB/B,MAAM,eAAe;AAMrB,MAAM,kBAAkB;AAMxB,MAAM,gBAAgB;AAMtB,MAAM,iBAAiB;AAMvB,MAAM,gBAAgB;",
   "names": []
 }

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

@@ -4,6 +4,7 @@ import {
 import {
   isFormatterOptions
 } from "../../core/types/formatter.js";
+import { adaptivelyReduceHorizontalTicks } from "../../core/utils/adaptively-reduce-horizontal-ticks.js";
 import {
   getHorizontalNumTicks,
   getVerticalNumTicks
@@ -87,7 +88,7 @@ function niceUnitDomain(domain, formatterOptions, niceMin, niceMax) {
     max: convert(nicedMax, outputUnit, inputUnit, true)
   };
 }
-function computeNiceUnitTicks(domain, formatterOptions, availableSize, orientation, formatter) {
+function computeNiceUnitTicks(domain, formatterOptions, availableSize, orientation, formatter, scale) {
   const { targetMin, targetMax, inputUnit, outputUnit } = convertDomainToTargetUnit(domain, formatterOptions);
   if (targetMin === targetMax) {
     return {
@@ -106,19 +107,49 @@ function computeNiceUnitTicks(domain, formatterOptions, availableSize, orientati
   if (step === 0) {
     return null;
   }
-  const targetTicks = generateTicks([targetMin, targetMax], step);
-  const baseUnitTicks = targetTicks.map(
-    (tick) => convert(tick, outputUnit, inputUnit, true)
+  const buildResult = (currentStep) => {
+    const targetTicks = generateTicks([targetMin, targetMax], currentStep);
+    if (targetTicks[targetTicks.length - 1] !== targetMax) {
+      targetTicks.push(targetMax);
+    }
+    if (targetTicks[0] !== targetMin) {
+      targetTicks.unshift(targetMin);
+    }
+    const baseUnitTicks = targetTicks.map(
+      (tick) => convert(tick, outputUnit, inputUnit, true)
+    );
+    return {
+      ticks: baseUnitTicks.map(String),
+      formattedTicks: baseUnitTicks.map((tick) => formatter(tick)),
+      numericTicks: baseUnitTicks
+    };
+  };
+  if (orientation !== "horizontal" || scale === void 0) {
+    return buildResult(step);
+  }
+  const reduced = adaptivelyReduceHorizontalTicks(
+    createDoublingStepCandidateBuilder(step, buildResult),
+    scale
   );
-  const formattedStrings = baseUnitTicks.map((tick) => formatter(tick));
   return {
-    ticks: baseUnitTicks.map(String),
-    formattedTicks: formattedStrings,
-    numericTicks: baseUnitTicks
+    ticks: reduced.ticks,
+    formattedTicks: reduced.formattedTicks,
+    numericTicks: reduced.numericTicks
+  };
+}
+function createDoublingStepCandidateBuilder(initialStep, buildResult) {
+  let currentStep = initialStep;
+  return (attempt) => {
+    if (attempt > 0) {
+      currentStep *= 2;
+    }
+    const r = buildResult(currentStep);
+    return { ...r, rawTicks: r.numericTicks };
   };
 }
 export {
   computeNiceUnitTicks,
+  createDoublingStepCandidateBuilder,
   generateTicks,
   getBestModulusDivisor,
   niceUnitDomain,