@dynatrace/strato-components 3.11.2 → 3.12.0

package/esm/charts/xy-chart/components/thresholds/builder.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/thresholds/builder.ts"],
-  "sourcesContent": ["import { getYValue } from './get-y-value.js';\nimport { isThresholdDynamic } from './type-guards.js';\nimport { axesPositionsIncludes, axisPositionIncludes } from './utils.js';\nimport { THRESHOLD_BAR_THICKNESS } from '../../../core/components/threshold-bar/types/constants.js';\nimport { isPointThreshold } from '../../../core/types/type-guards.js';\nimport { getValidColor } from '../../../core/utils/getValidColor.js';\nimport { NoThresholdData } from '../../context/XYChartThresholds.context.js';\nimport {\n  castDynamicThresholdsDataType,\n  castStaticThresholdsDataType,\n} from '../../processing-strategies/utils/cast-data/cast-data-types.js';\nimport type { XYAxisAnyNumericalType } from '../../types/axis.js';\nimport { isAnyNumericalAxis } from '../../types/guards.js';\nimport type {\n  XYChartAxisInternal,\n  XYChartSlots,\n  XYChartThresholdsInternal,\n  XYChartThresholdsPropsInternal,\n} from '../../types/xy-chart-internals.js';\nimport type { XYChartThresholdIndicatorProps } from '../../types/xy-chart-props.js';\nimport type {\n  XYChartXAxisPosition,\n  XYChartYAxisPosition,\n} from '../../types/xy-chart.js';\n\ntype BuildThresholds = (\n  yAxes: {\n    id: XYChartAxisInternal['id'];\n    position: XYChartYAxisPosition;\n    type: XYChartAxisInternal['type'];\n  }[],\n  xAxes: {\n    id: XYChartAxisInternal['id'];\n    reversed?: XYChartAxisInternal['reversed'];\n    position: XYChartXAxisPosition;\n    type: XYChartAxisInternal['type'];\n  }[],\n  thresholdSlots: XYChartSlots['thresholds'],\n) => XYChartThresholdsInternal;\n\ntype NumericalXAxisMetadata = Record<\n  string,\n  {\n    position: XYChartXAxisPosition;\n    type: XYAxisAnyNumericalType;\n    reversed: XYChartAxisInternal['reversed'];\n  }\n>;\n\ntype NumericalYAxisMetadata = Record<\n  string,\n  {\n    position: XYChartYAxisPosition;\n    type: XYAxisAnyNumericalType;\n  }\n>;\n\nfunction getStrokeOnly(threshold: XYChartThresholdIndicatorProps) {\n  const firstData = isThresholdDynamic(threshold)\n    ? threshold.data[0]\n    : threshold.data;\n\n  const firstMarkerDomain = {\n    y0: getYValue(firstData, 'min'),\n    y1: getYValue(firstData, 'max'),\n  };\n\n  return (\n    (isPointThreshold(firstMarkerDomain.y0, firstMarkerDomain.y1) ||\n      threshold.strokeOnly) ??\n    false\n  );\n}\n\n/**\n * Checks if the Thresholds has valid axes.\n *\n * @param threshold - The threshold object containing `xAxisId` and `yAxisId`.\n * @param xAxisMetadata - Metadata for the x-axes, keyed by ID.\n * @param yAxisMetadata - Metadata for the y-axes, keyed by ID.\n * @returns `true` if both axis IDs are valid and they are not Categorical, `false` otherwise.\n */\nfunction hasValidAxes(\n  threshold: XYChartThresholdIndicatorProps,\n  yAxisMetadata: NumericalYAxisMetadata,\n  xAxisMetadata: NumericalXAxisMetadata | undefined = undefined,\n) {\n  let xAxisValid = true;\n  if (isThresholdDynamic(threshold) && xAxisMetadata) {\n    xAxisValid =\n      threshold.xAxisId !== undefined && threshold.xAxisId in xAxisMetadata;\n  }\n\n  return xAxisValid && threshold.yAxisId in yAxisMetadata;\n}\n\nexport const buildThresholds: BuildThresholds = (\n  yAxes,\n  xAxes,\n  thresholdSlots,\n) => {\n  const xAxisMetadata = xAxes.filter(isAnyNumericalAxis).reduce((acc, axis) => {\n    acc[axis.id] = {\n      position: axis.position,\n      type: axis.type,\n      reversed: axis.reversed,\n    };\n    return acc;\n  }, {} as NumericalXAxisMetadata);\n\n  const yAxisMetadata = yAxes.filter(isAnyNumericalAxis).reduce((acc, axis) => {\n    acc[axis.id] = {\n      position: axis.position,\n      type: axis.type,\n    };\n    return acc;\n  }, {} as NumericalYAxisMetadata);\n  const leftAxisWithThresholds = new Set<string>();\n  const rightAxisWithThresholds = new Set<string>();\n\n  const thresholdsData = thresholdSlots.reduce(\n    (acc: XYChartThresholdsPropsInternal, threshold) => {\n      if (hasValidAxes(threshold, yAxisMetadata, xAxisMetadata)) {\n        const yAxis = yAxisMetadata[threshold.yAxisId];\n\n        const baseThresholdData = {\n          id: crypto.randomUUID(),\n          yAxisId: threshold.yAxisId,\n          color: getValidColor(threshold.color),\n          position: yAxis.position,\n          label: threshold.label,\n          strokeOnly: getStrokeOnly(threshold),\n        };\n\n        if (axisPositionIncludes('left')(yAxis.position)) {\n          leftAxisWithThresholds.add(threshold.yAxisId);\n        }\n        if (axisPositionIncludes('right')(yAxis.position)) {\n          rightAxisWithThresholds.add(threshold.yAxisId);\n        }\n\n        if (isThresholdDynamic(threshold)) {\n          const xAxis = xAxisMetadata[threshold.xAxisId];\n          const castedData = castDynamicThresholdsDataType(\n            threshold.data,\n            xAxis.type,\n            yAxis.type,\n          );\n\n          if (castedData.length) {\n            const dynamicData = xAxis.reversed\n              ? castedData.toReversed()\n              : castedData;\n\n            acc.push({\n              ...baseThresholdData,\n              xAxisId: threshold.xAxisId,\n              data: dynamicData,\n            });\n          }\n        } else {\n          const castedData = castStaticThresholdsDataType(\n            threshold.data,\n            yAxis.type,\n          );\n\n          if (castedData) {\n            acc.push({\n              ...baseThresholdData,\n              data: castedData,\n            });\n          }\n        }\n      }\n\n      return acc;\n    },\n    [],\n  );\n\n  if (!thresholdsData.length) {\n    return NoThresholdData;\n  }\n\n  const thresholds: XYChartThresholdsInternal = {\n    thresholds: thresholdsData,\n    none: false,\n    offset: {\n      left: axesPositionsIncludes('left', thresholdsData)\n        ? THRESHOLD_BAR_THICKNESS\n        : 0,\n      right: axesPositionsIncludes('right', thresholdsData)\n        ? THRESHOLD_BAR_THICKNESS\n        : 0,\n    },\n    yAxes: {\n      left: leftAxisWithThresholds,\n      right: rightAxisWithThresholds,\n    },\n  };\n  return thresholds;\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { getXValue } from './get-x-value.js';\nimport { getYValue } from './get-y-value.js';\nimport { isThresholdDynamic, isThresholdXStatic } from './type-guards.js';\nimport { axisPositionIncludes, xAxisPositionIncludes } from './utils.js';\nimport { THRESHOLD_BAR_THICKNESS } from '../../../core/components/threshold-bar/types/constants.js';\nimport { isPointThreshold } from '../../../core/types/type-guards.js';\nimport { getValidColor } from '../../../core/utils/getValidColor.js';\nimport { NoThresholdData } from '../../context/XYChartThresholds.context.js';\nimport {\n  castDynamicThresholdsDataType,\n  castStaticThresholdsDataType,\n  castStaticXThresholdsDataType,\n} from '../../processing-strategies/utils/cast-data/cast-data-types.js';\nimport type { XYAxisAnyNumericalType } from '../../types/axis.js';\nimport { isAnyNumericalAxis } from '../../types/guards.js';\nimport type {\n  XYChartAxisInternal,\n  XYChartSlots,\n  XYChartThresholdsInternal,\n  XYChartThresholdsPropsInternal,\n} from '../../types/xy-chart-internals.js';\nimport type {\n  XYChartThresholdDynamicProps,\n  XYChartThresholdIndicatorProps,\n  XYChartThresholdStaticProps,\n  _XYChartThresholdStaticXProps,\n} from '../../types/xy-chart-props.js';\nimport type {\n  XYChartXAxisPosition,\n  XYChartYAxisPosition,\n} from '../../types/xy-chart.js';\n\ntype BuildThresholds = (\n  yAxes: {\n    id: XYChartAxisInternal['id'];\n    position: XYChartYAxisPosition;\n    type: XYChartAxisInternal['type'];\n  }[],\n  xAxes: {\n    id: XYChartAxisInternal['id'];\n    reversed?: XYChartAxisInternal['reversed'];\n    position: XYChartXAxisPosition;\n    type: XYChartAxisInternal['type'];\n  }[],\n  thresholdSlots: XYChartSlots['thresholds'],\n) => XYChartThresholdsInternal;\n\ntype NumericalXAxisMetadata = Record<\n  string,\n  {\n    position: XYChartXAxisPosition;\n    type: XYAxisAnyNumericalType;\n    reversed: XYChartAxisInternal['reversed'];\n  }\n>;\n\ntype NumericalYAxisMetadata = Record<\n  string,\n  {\n    position: XYChartYAxisPosition;\n    type: XYAxisAnyNumericalType;\n  }\n>;\n\nfunction getStrokeOnly(\n  threshold: XYChartThresholdStaticProps | XYChartThresholdDynamicProps,\n) {\n  const firstData = isThresholdDynamic(threshold)\n    ? threshold.data[0]\n    : threshold.data;\n\n  const firstMarkerDomain = {\n    y0: getYValue(firstData, 'min'),\n    y1: getYValue(firstData, 'max'),\n  };\n\n  return (\n    (isPointThreshold(firstMarkerDomain.y0, firstMarkerDomain.y1) ||\n      threshold.strokeOnly) ??\n    false\n  );\n}\n\nfunction getStrokeOnlyX(threshold: _XYChartThresholdStaticXProps) {\n  const firstMarkerDomain = {\n    x0: getXValue(threshold.data, 'min'),\n    x1: getXValue(threshold.data, 'max'),\n  };\n\n  return (\n    (isPointThreshold(firstMarkerDomain.x0, firstMarkerDomain.x1) ||\n      threshold.strokeOnly) ??\n    false\n  );\n}\n\n/**\n * Checks if the Thresholds has valid axes.\n *\n * @param threshold - The threshold object containing `xAxisId` and `yAxisId`.\n * @param xAxisMetadata - Metadata for the x-axes, keyed by ID.\n * @param yAxisMetadata - Metadata for the y-axes, keyed by ID.\n * @returns `true` if both axis IDs are valid and they are not Categorical, `false` otherwise.\n */\nfunction hasValidAxes(\n  threshold: XYChartThresholdIndicatorProps | _XYChartThresholdStaticXProps,\n  yAxisMetadata: NumericalYAxisMetadata,\n  xAxisMetadata: NumericalXAxisMetadata | undefined = undefined,\n) {\n  if (isThresholdXStatic(threshold)) {\n    return !!xAxisMetadata && threshold.xAxisId in xAxisMetadata;\n  }\n\n  let xAxisValid = true;\n  if (isThresholdDynamic(threshold) && xAxisMetadata) {\n    xAxisValid =\n      threshold.xAxisId !== undefined && threshold.xAxisId in xAxisMetadata;\n  }\n\n  return xAxisValid && threshold.yAxisId in yAxisMetadata;\n}\n\nexport const buildThresholds: BuildThresholds = (\n  yAxes,\n  xAxes,\n  thresholdSlots,\n) => {\n  const xAxisMetadata = xAxes.filter(isAnyNumericalAxis).reduce((acc, axis) => {\n    acc[axis.id] = {\n      position: axis.position,\n      type: axis.type,\n      reversed: axis.reversed,\n    };\n    return acc;\n  }, {} as NumericalXAxisMetadata);\n\n  const yAxisMetadata = yAxes.filter(isAnyNumericalAxis).reduce((acc, axis) => {\n    acc[axis.id] = {\n      position: axis.position,\n      type: axis.type,\n    };\n    return acc;\n  }, {} as NumericalYAxisMetadata);\n  const leftAxisWithThresholds = new Set<string>();\n  const rightAxisWithThresholds = new Set<string>();\n  const topAxisWithThresholds = new Set<string>();\n  const bottomAxisWithThresholds = new Set<string>();\n\n  const thresholdsData = thresholdSlots.reduce(\n    (acc: XYChartThresholdsPropsInternal, threshold) => {\n      if (!hasValidAxes(threshold, yAxisMetadata, xAxisMetadata)) {\n        return acc;\n      }\n\n      if (isThresholdXStatic(threshold)) {\n        const xAxis = xAxisMetadata[threshold.xAxisId];\n        const castedData = castStaticXThresholdsDataType(\n          threshold.data,\n          xAxis.type,\n        );\n\n        if (castedData) {\n          if (xAxisPositionIncludes('top')(xAxis.position)) {\n            topAxisWithThresholds.add(threshold.xAxisId);\n          }\n          if (xAxisPositionIncludes('bottom')(xAxis.position)) {\n            bottomAxisWithThresholds.add(threshold.xAxisId);\n          }\n\n          acc.push({\n            id: crypto.randomUUID(),\n            xAxisId: threshold.xAxisId,\n            color: getValidColor(threshold.color),\n            position: xAxis.position,\n            label: threshold.label,\n            strokeOnly: getStrokeOnlyX(threshold),\n            data: castedData,\n          });\n        }\n\n        return acc;\n      }\n\n      {\n        const yAxis = yAxisMetadata[threshold.yAxisId];\n\n        const baseThresholdData = {\n          id: crypto.randomUUID(),\n          yAxisId: threshold.yAxisId,\n          color: getValidColor(threshold.color),\n          position: yAxis.position,\n          label: threshold.label,\n          strokeOnly: getStrokeOnly(threshold),\n        };\n\n        if (axisPositionIncludes('left')(yAxis.position)) {\n          leftAxisWithThresholds.add(threshold.yAxisId);\n        }\n        if (axisPositionIncludes('right')(yAxis.position)) {\n          rightAxisWithThresholds.add(threshold.yAxisId);\n        }\n\n        if (isThresholdDynamic(threshold)) {\n          const xAxis = xAxisMetadata[threshold.xAxisId];\n          const castedData = castDynamicThresholdsDataType(\n            threshold.data,\n            xAxis.type,\n            yAxis.type,\n          );\n\n          if (castedData.length) {\n            const dynamicData = xAxis.reversed\n              ? castedData.toReversed()\n              : castedData;\n\n            acc.push({\n              ...baseThresholdData,\n              xAxisId: threshold.xAxisId,\n              data: dynamicData,\n            });\n          }\n        } else {\n          const castedData = castStaticThresholdsDataType(\n            threshold.data,\n            yAxis.type,\n          );\n\n          if (castedData) {\n            acc.push({\n              ...baseThresholdData,\n              data: castedData,\n            });\n          }\n        }\n      }\n\n      return acc;\n    },\n    [],\n  );\n\n  if (!thresholdsData.length) {\n    return NoThresholdData;\n  }\n\n  const thresholds: XYChartThresholdsInternal = {\n    thresholds: thresholdsData,\n    none: false,\n    offset: {\n      left: leftAxisWithThresholds.size ? THRESHOLD_BAR_THICKNESS : 0,\n      right: rightAxisWithThresholds.size ? THRESHOLD_BAR_THICKNESS : 0,\n      top: topAxisWithThresholds.size ? THRESHOLD_BAR_THICKNESS : 0,\n      bottom: bottomAxisWithThresholds.size ? THRESHOLD_BAR_THICKNESS : 0,\n    },\n    yAxes: {\n      left: leftAxisWithThresholds,\n      right: rightAxisWithThresholds,\n    },\n    xAxes: {\n      top: topAxisWithThresholds,\n      bottom: bottomAxisWithThresholds,\n    },\n  };\n  return thresholds;\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart/components/thresholds/get-border-threshold.js

@@ -1,14 +1,18 @@
 import {
   BothBorders,
+  BottomBorder,
   LeftBorder,
-  RightBorder
+  RightBorder,
+  TopBorder
 } from "../../../core/components/threshold-bar/types.js";
-function getBorderThreshold(left, right) {
+function getBorderThresholds(left, right, top, bottom) {
   const leftBorder = !left || left.hidden ? BothBorders : LeftBorder;
-  const rightBorder = !right || right?.hidden ? BothBorders : RightBorder;
-  return { leftBorder, rightBorder };
+  const rightBorder = !right || right.hidden ? BothBorders : RightBorder;
+  const topBorder = !top || top.hidden ? BothBorders : TopBorder;
+  const bottomBorder = !bottom || bottom.hidden ? BothBorders : BottomBorder;
+  return { leftBorder, rightBorder, topBorder, bottomBorder };
 }
 export {
-  getBorderThreshold
+  getBorderThresholds
 };
 //# sourceMappingURL=get-border-threshold.js.map

package/esm/charts/xy-chart/components/thresholds/get-border-threshold.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/thresholds/get-border-threshold.ts"],
-  "sourcesContent": ["import {\n  BothBorders,\n  LeftBorder,\n  RightBorder,\n} from '../../../core/components/threshold-bar/types.js';\nimport type { XYChartAxisInternal } from '../../types/xy-chart-internals.js';\nexport function getBorderThreshold(\n  left: XYChartAxisInternal | undefined,\n  right: XYChartAxisInternal | undefined,\n) {\n  const leftBorder = !left || left.hidden ? BothBorders : LeftBorder;\n  const rightBorder = !right || right?.hidden ? BothBorders : RightBorder;\n  return { leftBorder, rightBorder };\n}\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,SAAS,mBACd,MACA,OACA;AACA,QAAM,aAAa,CAAC,QAAQ,KAAK,SAAS,cAAc;AACxD,QAAM,cAAc,CAAC,SAAS,OAAO,SAAS,cAAc;AAC5D,SAAO,EAAE,YAAY,YAAY;AACnC;",
+  "sourcesContent": ["import {\n  BothBorders,\n  BottomBorder,\n  LeftBorder,\n  RightBorder,\n  TopBorder,\n} from '../../../core/components/threshold-bar/types.js';\nimport type { XYChartAxisInternal } from '../../types/xy-chart-internals.js';\n\nexport function getBorderThresholds(\n  left: XYChartAxisInternal | undefined,\n  right: XYChartAxisInternal | undefined,\n  top: XYChartAxisInternal | undefined,\n  bottom: XYChartAxisInternal | undefined,\n) {\n  const leftBorder = !left || left.hidden ? BothBorders : LeftBorder;\n  const rightBorder = !right || right.hidden ? BothBorders : RightBorder;\n  const topBorder = !top || top.hidden ? BothBorders : TopBorder;\n  const bottomBorder = !bottom || bottom.hidden ? BothBorders : BottomBorder;\n  return { leftBorder, rightBorder, topBorder, bottomBorder };\n}\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGA,SAAS,oBACd,MACA,OACA,KACA,QACA;AACA,QAAM,aAAa,CAAC,QAAQ,KAAK,SAAS,cAAc;AACxD,QAAM,cAAc,CAAC,SAAS,MAAM,SAAS,cAAc;AAC3D,QAAM,YAAY,CAAC,OAAO,IAAI,SAAS,cAAc;AACrD,QAAM,eAAe,CAAC,UAAU,OAAO,SAAS,cAAc;AAC9D,SAAO,EAAE,YAAY,aAAa,WAAW,aAAa;AAC5D;",
   "names": []
 }

package/esm/charts/xy-chart/components/thresholds/get-x-value.js

@@ -0,0 +1,12 @@
+import { isDataRangeX } from "./type-guards.js";
+const getXValue = (data, type) => {
+  const key = type === "min" ? "xMin" : "xMax";
+  if (isDataRangeX(data)) {
+    return data[key];
+  }
+  return data.x;
+};
+export {
+  getXValue
+};
+//# sourceMappingURL=get-x-value.js.map

package/esm/charts/xy-chart/components/thresholds/get-x-value.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/xy-chart/components/thresholds/get-x-value.ts"],
+  "sourcesContent": ["import { isDataRangeX } from './type-guards.js';\nimport type { _XYChartThresholdXStaticData } from '../../types/xy-chart-props.js';\n\n/**\n * Retrieves either the 'xMin' or 'xMax' value from `data` based on `type`,\n * defaulting to `data.x` when the range keys are absent. Mirrors {@link getYValue}\n * for X-axis-bound (vertical) thresholds.\n *\n * @param data - Object containing potential 'xMin', 'xMax', or 'x' properties.\n * @param type - Specifies whether to retrieve 'min' (xMin) or 'max' (xMax).\n * @returns The 'xMin', 'xMax', or 'x' value from the data object.\n */\nexport const getXValue = (\n  data: _XYChartThresholdXStaticData,\n  type: 'min' | 'max',\n) => {\n  const key = type === 'min' ? 'xMin' : 'xMax';\n  if (isDataRangeX(data)) {\n    return data[key];\n  }\n\n  return data.x;\n};\n"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAYtB,MAAM,YAAY,CACvB,MACA,SACG;AACH,QAAM,MAAM,SAAS,QAAQ,SAAS;AACtC,MAAI,aAAa,IAAI,GAAG;AACtB,WAAO,KAAK,GAAG;AAAA,EACjB;AAEA,SAAO,KAAK;AACd;",
+  "names": []
+}

package/esm/charts/xy-chart/components/thresholds/type-guards.js

@@ -1,11 +1,23 @@
 const isDataRange = (obj) => {
   return typeof obj === "object" && obj !== null && "yMin" in obj && "yMax" in obj;
 };
+const isDataRangeX = (obj) => {
+  return typeof obj === "object" && obj !== null && "xMin" in obj && "xMax" in obj;
+};
 const isThresholdDynamic = (obj) => {
   return "xAxisId" in obj && Array.isArray(obj.data);
 };
+const isThresholdXStatic = (obj) => {
+  return "xAxisId" in obj && !Array.isArray(obj.data) && typeof obj.data === "object" && obj.data !== null && ("x" in obj.data || "xMin" in obj.data);
+};
+const isThresholdXStaticInternal = (threshold) => {
+  return "xAxisId" in threshold && !("yAxisId" in threshold);
+};
 export {
   isDataRange,
-  isThresholdDynamic
+  isDataRangeX,
+  isThresholdDynamic,
+  isThresholdXStatic,
+  isThresholdXStaticInternal
 };
 //# sourceMappingURL=type-guards.js.map

package/esm/charts/xy-chart/components/thresholds/type-guards.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/thresholds/type-guards.ts"],
-  "sourcesContent": ["import {\n  XYChartThresholdDynamicProps,\n  XYChartThresholdIndicatorProps,\n} from '../../types/xy-chart-props.js';\nimport {\n  XYChartThresholdData,\n  type XYChartThresholdRangeBase,\n} from '../../types/xy-chart.js';\n\n/**\n * Type guard to check if a given object is of type DataRangeStatic.\n *\n * @param obj - The object to check.\n * @returns True if the object is a DataRangeStatic, false otherwise.\n */\nexport const isDataRange = (\n  obj: XYChartThresholdData,\n): obj is XYChartThresholdRangeBase => {\n  return (\n    typeof obj === 'object' && obj !== null && 'yMin' in obj && 'yMax' in obj\n  );\n};\n\nexport const isThresholdDynamic = (\n  obj: XYChartThresholdIndicatorProps,\n): obj is XYChartThresholdDynamicProps => {\n  return 'xAxisId' in obj && Array.isArray(obj.data);\n};\n"],
-  "mappings": "AAeO,MAAM,cAAc,CACzB,QACqC;AACrC,SACE,OAAO,QAAQ,YAAY,QAAQ,QAAQ,UAAU,OAAO,UAAU;AAE1E;AAEO,MAAM,qBAAqB,CAChC,QACwC;AACxC,SAAO,aAAa,OAAO,MAAM,QAAQ,IAAI,IAAI;AACnD;",
+  "sourcesContent": ["import type {\n  XYChartThresholdsPropsInternal,\n  XYChartThresholdXStaticPropsInternal,\n} from '../../types/xy-chart-internals.js';\nimport {\n  XYChartThresholdDynamicProps,\n  XYChartThresholdIndicatorProps,\n  _XYChartThresholdDataXRangeStatic,\n  _XYChartThresholdStaticXProps,\n  _XYChartThresholdXStaticData,\n} from '../../types/xy-chart-props.js';\nimport {\n  XYChartThresholdData,\n  type XYChartThresholdRangeBase,\n} from '../../types/xy-chart.js';\n\n/**\n * Type guard to check if a given object is of type DataRangeStatic.\n *\n * @param obj - The object to check.\n * @returns True if the object is a DataRangeStatic, false otherwise.\n */\nexport const isDataRange = (\n  obj: XYChartThresholdData,\n): obj is XYChartThresholdRangeBase => {\n  return (\n    typeof obj === 'object' && obj !== null && 'yMin' in obj && 'yMax' in obj\n  );\n};\n\n/**\n * Type guard to check if a given X-axis threshold data object is a range (vertical band).\n *\n * @param obj - The object to check.\n * @returns True if the object is an X-axis range, false otherwise.\n */\nexport const isDataRangeX = (\n  obj: _XYChartThresholdXStaticData,\n): obj is _XYChartThresholdDataXRangeStatic => {\n  return (\n    typeof obj === 'object' && obj !== null && 'xMin' in obj && 'xMax' in obj\n  );\n};\n\nexport const isThresholdDynamic = (\n  obj: XYChartThresholdIndicatorProps,\n): obj is XYChartThresholdDynamicProps => {\n  return 'xAxisId' in obj && Array.isArray(obj.data);\n};\n\n/**\n * Type guard for a static threshold bound to the X axis (vertical line or band).\n * Distinguished from the dynamic path by its non-array `data`.\n *\n * @param obj - The threshold props to check.\n * @returns True if the threshold is an X-axis static threshold, false otherwise.\n */\nexport const isThresholdXStatic = (\n  obj: XYChartThresholdIndicatorProps | _XYChartThresholdStaticXProps,\n): obj is _XYChartThresholdStaticXProps => {\n  return (\n    'xAxisId' in obj &&\n    !Array.isArray(obj.data) &&\n    typeof obj.data === 'object' &&\n    obj.data !== null &&\n    ('x' in obj.data || 'xMin' in obj.data)\n  );\n};\n\n/**\n * Type guard for the internal representation of an X-axis static threshold.\n * X-static is the only internal variant with an `xAxisId` but no `yAxisId`.\n *\n * @param threshold - The internal threshold to check.\n * @returns True if the threshold is an internal X-axis static threshold.\n */\nexport const isThresholdXStaticInternal = (\n  threshold: XYChartThresholdsPropsInternal[number],\n): threshold is XYChartThresholdXStaticPropsInternal => {\n  return 'xAxisId' in threshold && !('yAxisId' in threshold);\n};\n"],
+  "mappings": "AAsBO,MAAM,cAAc,CACzB,QACqC;AACrC,SACE,OAAO,QAAQ,YAAY,QAAQ,QAAQ,UAAU,OAAO,UAAU;AAE1E;AAQO,MAAM,eAAe,CAC1B,QAC6C;AAC7C,SACE,OAAO,QAAQ,YAAY,QAAQ,QAAQ,UAAU,OAAO,UAAU;AAE1E;AAEO,MAAM,qBAAqB,CAChC,QACwC;AACxC,SAAO,aAAa,OAAO,MAAM,QAAQ,IAAI,IAAI;AACnD;AASO,MAAM,qBAAqB,CAChC,QACyC;AACzC,SACE,aAAa,OACb,CAAC,MAAM,QAAQ,IAAI,IAAI,KACvB,OAAO,IAAI,SAAS,YACpB,IAAI,SAAS,SACZ,OAAO,IAAI,QAAQ,UAAU,IAAI;AAEtC;AASO,MAAM,6BAA6B,CACxC,cACsD;AACtD,SAAO,aAAa,aAAa,EAAE,aAAa;AAClD;",
   "names": []
 }

package/esm/charts/xy-chart/components/thresholds/utils.js

@@ -1,7 +1,11 @@
 import { scaleLinear } from "d3-scale";
 import { minBy, maxBy } from "lodash-es";
+import { getXValue } from "./get-x-value.js";
 import { getYValue } from "./get-y-value.js";
-import { isThresholdDynamic } from "./type-guards.js";
+import {
+  isThresholdDynamic,
+  isThresholdXStaticInternal
+} from "./type-guards.js";
 import { getMarkerValue } from "../../../core/components/threshold-bar/utils/get-marker-value.js";
 import { getThresholdPixel } from "../../../core/components/threshold-bar/utils/get-threshold-pixel.ts.js";
 import { THRESHOLD } from "../../../core/messages.js";
@@ -51,6 +55,9 @@ function markersReducer({
   axes
 }) {
   return (acc, threshold) => {
+    if (isThresholdXStaticInternal(threshold)) {
+      return acc;
+    }
     if (!axes.find((axis2) => axis2.id === threshold.yAxisId)) {
       return acc;
     }
@@ -114,20 +121,79 @@ function markersReducer({
     return acc;
   };
 }
-const axesPositionsIncludes = (axisPosition, axesPositions) => {
-  const expectedPositionsIncludes = axisPositionIncludes(axisPosition);
-  return !!axesPositions.find(
-    ({ position }) => expectedPositionsIncludes(position)
-  );
-};
+function xMarkersReducer({
+  axis,
+  axisConfig,
+  axesIdToScales,
+  axesIdToFormatter,
+  width,
+  axes
+}) {
+  return (acc, threshold) => {
+    if (!isThresholdXStaticInternal(threshold)) {
+      return acc;
+    }
+    if (!axes.find((a) => a.id === threshold.xAxisId)) {
+      return acc;
+    }
+    if (xAxisPositionIncludes(axis)(threshold.position)) {
+      const xScale = getCurrentScale(
+        axesIdToScales,
+        threshold.xAxisId
+      );
+      const markerDomain = {
+        x0: getXValue(threshold.data, "min"),
+        x1: getXValue(threshold.data, "max")
+      };
+      acc.push({
+        ...threshold,
+        y0: getThresholdPixel(markerDomain.x0, xScale),
+        y1: getThresholdPixel(markerDomain.x1, xScale),
+        value: getMarkerValue(
+          { y0: markerDomain.x0, y1: markerDomain.x1 },
+          getAxisFormatterWithTimeFallback({
+            axisConfig,
+            axisId: threshold.xAxisId,
+            scale: xScale,
+            axesIdToFormatter,
+            width
+          })
+        )
+      });
+    }
+    return acc;
+  };
+}
 const axisPositionIncludes = (expectedPosition) => (actualPosition) => {
   return [expectedPosition, "both"].includes(actualPosition);
 };
+const xAxisPositionIncludes = (expectedPosition) => (actualPosition) => {
+  return [expectedPosition, "both"].includes(actualPosition);
+};
 const mapIndicatorDataFrom = ({
   axisIdToScales,
   threshold,
-  width
+  width,
+  height
 }) => {
+  if (isThresholdXStaticInternal(threshold)) {
+    const xScale = getCurrentScale(
+      axisIdToScales,
+      threshold.xAxisId
+    );
+    const xMinScaleValue = getThresholdPixel(
+      getXValue(threshold.data, "min"),
+      xScale
+    );
+    const xMaxScaleValue = getThresholdPixel(
+      getXValue(threshold.data, "max"),
+      xScale
+    );
+    return [
+      { x0: xMinScaleValue, x1: xMaxScaleValue, y0: 0, y1: 0 },
+      { x0: xMinScaleValue, x1: xMaxScaleValue, y0: height, y1: height }
+    ];
+  }
   const yScale = getCurrentScale(
     axisIdToScales,
     threshold.yAxisId
@@ -178,10 +244,11 @@ const mapIndicatorDataFrom = ({
   }
 };
 export {
-  axesPositionsIncludes,
   axisPositionIncludes,
   getDynamicThresholdDomain,
   mapIndicatorDataFrom,
-  markersReducer
+  markersReducer,
+  xAxisPositionIncludes,
+  xMarkersReducer
 };
 //# sourceMappingURL=utils.js.map

package/esm/charts/xy-chart/components/thresholds/utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/thresholds/utils.ts"],
-  "sourcesContent": ["import { scaleLinear } from 'd3-scale';\nimport { minBy, maxBy } from 'lodash-es';\n\nimport { getYValue } from './get-y-value.js';\nimport { isThresholdDynamic } from './type-guards.js';\nimport { type ThresholdIndicatorData } from '../../../core/components/threshold-bar/indicators/ThresholdIndicator.js';\nimport type { ThresholdMarker } from '../../../core/components/threshold-bar/types.js';\nimport { getMarkerValue } from '../../../core/components/threshold-bar/utils/get-marker-value.js';\nimport { getThresholdPixel } from '../../../core/components/threshold-bar/utils/get-threshold-pixel.ts.js';\nimport { THRESHOLD } from '../../../core/messages.js';\nimport type { MinMax } from '../../../core/types/min-max.js';\nimport type { AnyNumberScale } from '../../../core/types/scales.js';\nimport type { AxisIdToScales } from '../../context/XYChartScales.context.js';\nimport type {\n  AxisIdToFormatter,\n  XYChartAxisInternal,\n  XYChartThresholdsPropsInternal,\n} from '../../types/xy-chart-internals.js';\nimport type {\n  XYChartThresholdDataLineStatic,\n  XYChartThresholdDataRangeStatic,\n  XYChartThresholdDynamicData,\n  XYChartYAxisPosition,\n} from '../../types/xy-chart.js';\nimport { getCurrentScale } from '../../utils/get-scale.js';\nimport { getAxisFormatterWithTimeFallback } from '../overlay/utils/get-axis-formatter-with-time-fallback.js';\n\ninterface ThresholdMarkersReducerConfig {\n  axis: 'left' | 'right';\n  axisConfig?: XYChartAxisInternal;\n  axesIdToScales: AxisIdToScales;\n  axesIdToFormatter: AxisIdToFormatter;\n  width: number;\n  axes: XYChartAxisInternal[];\n}\n\nexport function getDynamicThresholdDomain(\n  data: XYChartThresholdDynamicData[],\n  side: 'left' | 'right',\n  visibleDomain: MinMax,\n) {\n  const minXPoint = findPointWithMinX(data);\n  const maxXPoint = findPointWithMaxX(data);\n\n  const targetXDomain = side === 'left' ? visibleDomain.min : visibleDomain.max;\n\n  if (targetXDomain <= minXPoint.x.valueOf()) {\n    return getYRangeFromPoint(minXPoint);\n  }\n  if (targetXDomain >= maxXPoint.x.valueOf()) {\n    return getYRangeFromPoint(maxXPoint);\n  }\n  return interpolateYRange(data, targetXDomain);\n}\n\nfunction findPointWithMinX(data: XYChartThresholdDynamicData[]) {\n  return minBy(data, (point) => point.x.valueOf()) ?? data[0];\n}\n\nfunction findPointWithMaxX(data: XYChartThresholdDynamicData[]) {\n  return maxBy(data, (point) => point.x.valueOf()) ?? data[data.length - 1];\n}\n\nfunction getYRangeFromPoint(point: XYChartThresholdDynamicData) {\n  return {\n    y0: getYValue(point, 'min'),\n    y1: getYValue(point, 'max'),\n  };\n}\nfunction interpolateYRange(\n  data: XYChartThresholdDynamicData[],\n  targetX: number,\n) {\n  const xValues = data.map((point) => Number(point.x));\n  const minYValues = data.map((point) => getYValue(point, 'min'));\n  const maxYValues = data.map((point) => getYValue(point, 'max'));\n  const minYScale = scaleLinear(xValues, minYValues).clamp(true);\n  const maxYScale = scaleLinear(xValues, maxYValues).clamp(true);\n\n  return {\n    y0: minYScale(targetX),\n    y1: maxYScale(targetX),\n  };\n}\n\n/**\n * Returns a reducer function to accumulate threshold markers with scale and formatted value.\n */\nexport function markersReducer({\n  axis,\n  axisConfig,\n  axesIdToScales,\n  axesIdToFormatter,\n  width,\n  axes,\n}: ThresholdMarkersReducerConfig) {\n  return (\n    acc: ThresholdMarker[],\n    threshold: XYChartThresholdsPropsInternal[number],\n  ) => {\n    // TODO: workaround to dont let chart break. follow up APPDEV-16553\n    // workaround applied after adding the new filtering series | toggling visible axis\n    // we should refactor how we manage the threshold instead\n\n    if (!axes.find((axis) => axis.id === threshold.yAxisId)) {\n      return acc;\n    }\n\n    if (axisPositionIncludes(axis)(threshold.position)) {\n      const yScale = getCurrentScale(\n        axesIdToScales,\n        threshold.yAxisId,\n      ) as AnyNumberScale;\n\n      if (isThresholdDynamic(threshold)) {\n        const xScale = getCurrentScale(\n          axesIdToScales,\n          threshold.xAxisId,\n        ) as AnyNumberScale;\n        const data = threshold.data;\n        const minElement = minBy(data, (e) => getYValue(e, 'min'));\n        const maxElement = maxBy(data, (e) => getYValue(e, 'max'));\n\n        if (!minElement || !maxElement) {\n          return acc;\n        }\n\n        acc.push({\n          ...threshold,\n          y0: getThresholdPixel(getYValue(minElement, 'min'), yScale),\n          y1: getThresholdPixel(getYValue(maxElement, 'max'), yScale),\n          value: 'dynamic',\n          isShadow: true,\n        });\n\n        const domain = xScale.domain();\n        const xMinMax = {\n          min: domain[0].valueOf(),\n          max: domain[1].valueOf(),\n        };\n\n        const { y0, y1 } = getDynamicThresholdDomain(data, axis, xMinMax);\n\n        acc.push({\n          ...threshold,\n          y0: getThresholdPixel(y0, yScale),\n          y1: getThresholdPixel(y1, yScale),\n          value: THRESHOLD.dynamic.defaultMessage,\n        });\n      } else {\n        const markerDomain = {\n          y0: getYValue(threshold.data, 'min'),\n          y1: getYValue(threshold.data, 'max'),\n        };\n\n        acc.push({\n          ...threshold,\n          y0: getThresholdPixel(markerDomain.y0, yScale),\n          y1: getThresholdPixel(markerDomain.y1, yScale),\n          value: getMarkerValue(\n            markerDomain,\n            getAxisFormatterWithTimeFallback({\n              axisConfig,\n              axisId: threshold.yAxisId,\n              scale: yScale,\n              axesIdToFormatter,\n              width,\n            }),\n          ),\n        });\n      }\n    }\n    return acc;\n  };\n}\n\nexport const axesPositionsIncludes = (\n  axisPosition: 'left' | 'right',\n  axesPositions: { position: XYChartYAxisPosition }[],\n) => {\n  const expectedPositionsIncludes = axisPositionIncludes(axisPosition);\n\n  return !!axesPositions.find(({ position }) =>\n    expectedPositionsIncludes(position),\n  );\n};\n\nexport const axisPositionIncludes =\n  (expectedPosition: 'left' | 'right') =>\n  (actualPosition: 'left' | 'right' | 'both') => {\n    return [expectedPosition, 'both'].includes(actualPosition);\n  };\n\ntype IndicatorData = (args: {\n  axisIdToScales: AxisIdToScales;\n  threshold: XYChartThresholdsPropsInternal[number];\n  width: number;\n}) => ThresholdIndicatorData[];\n\nexport const mapIndicatorDataFrom: IndicatorData = ({\n  axisIdToScales,\n  threshold,\n  width,\n}) => {\n  const yScale = getCurrentScale(\n    axisIdToScales,\n    threshold.yAxisId,\n  ) as AnyNumberScale;\n\n  if (isThresholdDynamic(threshold)) {\n    const data: XYChartThresholdDynamicData[] = threshold.data;\n\n    const xScale = getCurrentScale(\n      axisIdToScales,\n      threshold.xAxisId,\n    ) as AnyNumberScale;\n\n    const initialSegment = {\n      x0: 0,\n      x1: 0,\n      y0: getThresholdPixel(getYValue(data[0], 'min'), yScale),\n      y1: getThresholdPixel(getYValue(data[0], 'max'), yScale),\n    };\n\n    const finalSegment = {\n      x0: width,\n      x1: width,\n      y0: getThresholdPixel(getYValue(data[data.length - 1], 'min'), yScale),\n      y1: getThresholdPixel(getYValue(data[data.length - 1], 'max'), yScale),\n    };\n\n    const segments = data.map((coordinate) => ({\n      x0: getThresholdPixel(coordinate.x, xScale),\n      x1: getThresholdPixel(coordinate.x, xScale),\n      y0: getThresholdPixel(getYValue(coordinate, 'min'), yScale),\n      y1: getThresholdPixel(getYValue(coordinate, 'max'), yScale),\n    }));\n\n    return [initialSegment, ...segments, finalSegment];\n  } else {\n    const data = threshold.data as\n      | XYChartThresholdDataRangeStatic\n      | XYChartThresholdDataLineStatic;\n\n    const yMinScaleValue = getThresholdPixel(getYValue(data, 'min'), yScale);\n    const yMaxScaleValue = getThresholdPixel(getYValue(data, 'max'), yScale);\n\n    return [\n      {\n        x0: 0,\n        x1: 0,\n        y0: yMinScaleValue,\n        y1: yMaxScaleValue,\n      },\n      {\n        x0: width,\n        x1: width,\n        y0: yMinScaleValue,\n        y1: yMaxScaleValue,\n      },\n    ];\n  }\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { scaleLinear } from 'd3-scale';\nimport { minBy, maxBy } from 'lodash-es';\n\nimport { getXValue } from './get-x-value.js';\nimport { getYValue } from './get-y-value.js';\nimport {\n  isThresholdDynamic,\n  isThresholdXStaticInternal,\n} from './type-guards.js';\nimport { type ThresholdIndicatorData } from '../../../core/components/threshold-bar/indicators/ThresholdIndicator.js';\nimport type { ThresholdMarker } from '../../../core/components/threshold-bar/types.js';\nimport { getMarkerValue } from '../../../core/components/threshold-bar/utils/get-marker-value.js';\nimport { getThresholdPixel } from '../../../core/components/threshold-bar/utils/get-threshold-pixel.ts.js';\nimport { THRESHOLD } from '../../../core/messages.js';\nimport type { MinMax } from '../../../core/types/min-max.js';\nimport type { AnyNumberScale } from '../../../core/types/scales.js';\nimport type { AxisIdToScales } from '../../context/XYChartScales.context.js';\nimport type {\n  AxisIdToFormatter,\n  XYChartAxisInternal,\n  XYChartThresholdsPropsInternal,\n} from '../../types/xy-chart-internals.js';\nimport type {\n  XYChartThresholdDataLineStatic,\n  XYChartThresholdDataRangeStatic,\n  XYChartThresholdDynamicData,\n  XYChartXAxisPosition,\n  XYChartYAxisPosition,\n} from '../../types/xy-chart.js';\nimport { getCurrentScale } from '../../utils/get-scale.js';\nimport { getAxisFormatterWithTimeFallback } from '../overlay/utils/get-axis-formatter-with-time-fallback.js';\n\ninterface ThresholdMarkersReducerConfig {\n  axis: 'left' | 'right';\n  axisConfig?: XYChartAxisInternal;\n  axesIdToScales: AxisIdToScales;\n  axesIdToFormatter: AxisIdToFormatter;\n  width: number;\n  axes: XYChartAxisInternal[];\n}\n\nexport function getDynamicThresholdDomain(\n  data: XYChartThresholdDynamicData[],\n  side: 'left' | 'right',\n  visibleDomain: MinMax,\n) {\n  const minXPoint = findPointWithMinX(data);\n  const maxXPoint = findPointWithMaxX(data);\n\n  const targetXDomain = side === 'left' ? visibleDomain.min : visibleDomain.max;\n\n  if (targetXDomain <= minXPoint.x.valueOf()) {\n    return getYRangeFromPoint(minXPoint);\n  }\n  if (targetXDomain >= maxXPoint.x.valueOf()) {\n    return getYRangeFromPoint(maxXPoint);\n  }\n  return interpolateYRange(data, targetXDomain);\n}\n\nfunction findPointWithMinX(data: XYChartThresholdDynamicData[]) {\n  return minBy(data, (point) => point.x.valueOf()) ?? data[0];\n}\n\nfunction findPointWithMaxX(data: XYChartThresholdDynamicData[]) {\n  return maxBy(data, (point) => point.x.valueOf()) ?? data[data.length - 1];\n}\n\nfunction getYRangeFromPoint(point: XYChartThresholdDynamicData) {\n  return {\n    y0: getYValue(point, 'min'),\n    y1: getYValue(point, 'max'),\n  };\n}\nfunction interpolateYRange(\n  data: XYChartThresholdDynamicData[],\n  targetX: number,\n) {\n  const xValues = data.map((point) => Number(point.x));\n  const minYValues = data.map((point) => getYValue(point, 'min'));\n  const maxYValues = data.map((point) => getYValue(point, 'max'));\n  const minYScale = scaleLinear(xValues, minYValues).clamp(true);\n  const maxYScale = scaleLinear(xValues, maxYValues).clamp(true);\n\n  return {\n    y0: minYScale(targetX),\n    y1: maxYScale(targetX),\n  };\n}\n\n/**\n * Returns a reducer function to accumulate threshold markers with scale and formatted value.\n */\nexport function markersReducer({\n  axis,\n  axisConfig,\n  axesIdToScales,\n  axesIdToFormatter,\n  width,\n  axes,\n}: ThresholdMarkersReducerConfig) {\n  return (\n    acc: ThresholdMarker[],\n    threshold: XYChartThresholdsPropsInternal[number],\n  ) => {\n    // X-static thresholds render in the top/bottom bars via xMarkersReducer.\n    if (isThresholdXStaticInternal(threshold)) {\n      return acc;\n    }\n\n    // Skip when the bound Y axis is not present (e.g. toggled off via filtering).\n    if (!axes.find((axis) => axis.id === threshold.yAxisId)) {\n      return acc;\n    }\n\n    if (axisPositionIncludes(axis)(threshold.position)) {\n      const yScale = getCurrentScale(\n        axesIdToScales,\n        threshold.yAxisId,\n      ) as AnyNumberScale;\n\n      if (isThresholdDynamic(threshold)) {\n        const xScale = getCurrentScale(\n          axesIdToScales,\n          threshold.xAxisId,\n        ) as AnyNumberScale;\n        const data = threshold.data;\n        const minElement = minBy(data, (e) => getYValue(e, 'min'));\n        const maxElement = maxBy(data, (e) => getYValue(e, 'max'));\n\n        if (!minElement || !maxElement) {\n          return acc;\n        }\n\n        acc.push({\n          ...threshold,\n          y0: getThresholdPixel(getYValue(minElement, 'min'), yScale),\n          y1: getThresholdPixel(getYValue(maxElement, 'max'), yScale),\n          value: 'dynamic',\n          isShadow: true,\n        });\n\n        const domain = xScale.domain();\n        const xMinMax = {\n          min: domain[0].valueOf(),\n          max: domain[1].valueOf(),\n        };\n\n        const { y0, y1 } = getDynamicThresholdDomain(data, axis, xMinMax);\n\n        acc.push({\n          ...threshold,\n          y0: getThresholdPixel(y0, yScale),\n          y1: getThresholdPixel(y1, yScale),\n          value: THRESHOLD.dynamic.defaultMessage,\n        });\n      } else {\n        const markerDomain = {\n          y0: getYValue(threshold.data, 'min'),\n          y1: getYValue(threshold.data, 'max'),\n        };\n\n        acc.push({\n          ...threshold,\n          y0: getThresholdPixel(markerDomain.y0, yScale),\n          y1: getThresholdPixel(markerDomain.y1, yScale),\n          value: getMarkerValue(\n            markerDomain,\n            getAxisFormatterWithTimeFallback({\n              axisConfig,\n              axisId: threshold.yAxisId,\n              scale: yScale,\n              axesIdToFormatter,\n              width,\n            }),\n          ),\n        });\n      }\n    }\n    return acc;\n  };\n}\n\ninterface XThresholdMarkersReducerConfig {\n  axis: 'top' | 'bottom';\n  axisConfig?: XYChartAxisInternal;\n  axesIdToScales: AxisIdToScales;\n  axesIdToFormatter: AxisIdToFormatter;\n  width: number;\n  axes: XYChartAxisInternal[];\n}\n\n/**\n * Reducer that accumulates the horizontal (X-axis static) threshold markers for the\n * top/bottom pill bars. Mirrors {@link markersReducer}, using the X scale and binding\n * to `xAxisId`. Non X-static thresholds are ignored.\n */\nexport function xMarkersReducer({\n  axis,\n  axisConfig,\n  axesIdToScales,\n  axesIdToFormatter,\n  width,\n  axes,\n}: XThresholdMarkersReducerConfig) {\n  return (\n    acc: ThresholdMarker[],\n    threshold: XYChartThresholdsPropsInternal[number],\n  ) => {\n    if (!isThresholdXStaticInternal(threshold)) {\n      return acc;\n    }\n\n    // Skip when the bound X axis is not present (e.g. toggled off via filtering).\n    if (!axes.find((a) => a.id === threshold.xAxisId)) {\n      return acc;\n    }\n\n    if (xAxisPositionIncludes(axis)(threshold.position)) {\n      const xScale = getCurrentScale(\n        axesIdToScales,\n        threshold.xAxisId,\n      ) as AnyNumberScale;\n\n      const markerDomain = {\n        x0: getXValue(threshold.data, 'min'),\n        x1: getXValue(threshold.data, 'max'),\n      };\n\n      acc.push({\n        ...threshold,\n        y0: getThresholdPixel(markerDomain.x0, xScale),\n        y1: getThresholdPixel(markerDomain.x1, xScale),\n        value: getMarkerValue(\n          { y0: markerDomain.x0, y1: markerDomain.x1 },\n          getAxisFormatterWithTimeFallback({\n            axisConfig,\n            axisId: threshold.xAxisId,\n            scale: xScale,\n            axesIdToFormatter,\n            width,\n          }),\n        ),\n      });\n    }\n    return acc;\n  };\n}\n\nexport const axisPositionIncludes =\n  (expectedPosition: 'left' | 'right') =>\n  (actualPosition: XYChartYAxisPosition | XYChartXAxisPosition) => {\n    return [expectedPosition, 'both'].includes(actualPosition);\n  };\n\nexport const xAxisPositionIncludes =\n  (expectedPosition: 'top' | 'bottom') =>\n  (actualPosition: XYChartYAxisPosition | XYChartXAxisPosition) => {\n    return [expectedPosition, 'both'].includes(actualPosition);\n  };\n\ntype IndicatorData = (args: {\n  axisIdToScales: AxisIdToScales;\n  threshold: XYChartThresholdsPropsInternal[number];\n  width: number;\n  height: number;\n}) => ThresholdIndicatorData[];\n\nexport const mapIndicatorDataFrom: IndicatorData = ({\n  axisIdToScales,\n  threshold,\n  width,\n  height,\n}) => {\n  if (isThresholdXStaticInternal(threshold)) {\n    const xScale = getCurrentScale(\n      axisIdToScales,\n      threshold.xAxisId,\n    ) as AnyNumberScale;\n\n    const xMinScaleValue = getThresholdPixel(\n      getXValue(threshold.data, 'min'),\n      xScale,\n    );\n    const xMaxScaleValue = getThresholdPixel(\n      getXValue(threshold.data, 'max'),\n      xScale,\n    );\n\n    return [\n      { x0: xMinScaleValue, x1: xMaxScaleValue, y0: 0, y1: 0 },\n      { x0: xMinScaleValue, x1: xMaxScaleValue, y0: height, y1: height },\n    ];\n  }\n\n  const yScale = getCurrentScale(\n    axisIdToScales,\n    threshold.yAxisId,\n  ) as AnyNumberScale;\n\n  if (isThresholdDynamic(threshold)) {\n    const data: XYChartThresholdDynamicData[] = threshold.data;\n\n    const xScale = getCurrentScale(\n      axisIdToScales,\n      threshold.xAxisId,\n    ) as AnyNumberScale;\n\n    const initialSegment = {\n      x0: 0,\n      x1: 0,\n      y0: getThresholdPixel(getYValue(data[0], 'min'), yScale),\n      y1: getThresholdPixel(getYValue(data[0], 'max'), yScale),\n    };\n\n    const finalSegment = {\n      x0: width,\n      x1: width,\n      y0: getThresholdPixel(getYValue(data[data.length - 1], 'min'), yScale),\n      y1: getThresholdPixel(getYValue(data[data.length - 1], 'max'), yScale),\n    };\n\n    const segments = data.map((coordinate) => ({\n      x0: getThresholdPixel(coordinate.x, xScale),\n      x1: getThresholdPixel(coordinate.x, xScale),\n      y0: getThresholdPixel(getYValue(coordinate, 'min'), yScale),\n      y1: getThresholdPixel(getYValue(coordinate, 'max'), yScale),\n    }));\n\n    return [initialSegment, ...segments, finalSegment];\n  } else {\n    const data = threshold.data as\n      | XYChartThresholdDataRangeStatic\n      | XYChartThresholdDataLineStatic;\n\n    const yMinScaleValue = getThresholdPixel(getYValue(data, 'min'), yScale);\n    const yMaxScaleValue = getThresholdPixel(getYValue(data, 'max'), yScale);\n\n    return [\n      {\n        x0: 0,\n        x1: 0,\n        y0: yMinScaleValue,\n        y1: yMaxScaleValue,\n      },\n      {\n        x0: width,\n        x1: width,\n        y0: yMinScaleValue,\n        y1: yMaxScaleValue,\n      },\n    ];\n  }\n};\n"],
+  "mappings": "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",
   "names": ["axis"]
 }

package/esm/charts/xy-chart/components/toolbar/ExploreButton.js

@@ -15,6 +15,7 @@ import { ChartToolbarRenderer } from "../../../core/components/toolbar/ChartTool
 import { useToolbarContext } from "../../../core/components/toolbar/hooks/useToolbarContext.js";
 import { useA11yToolbarTabIndex } from "../../../core/hooks/useA11yToolbarTabIndex.js";
 import { getPercentageFromPixel } from "../../../core/utils/get-percentage-from-pixel.js";
+import { useSelectConfig } from "../../hooks/useSelectConfig.js";
 import { XYCHART_MESSAGES } from "../../messages/messages.js";
 import { reduceInteractionMode } from "../../store/reduce-interaction-mode.js";
 import {
@@ -38,6 +39,7 @@ const ExploreButton = (props) => {
   const { updateLastItemSelected } = useToolbarContext();
   const selectState = useSelectState();
   const isSelected = interactionMode === INTERACTION_MODE.Explore;
+  const isSelectDisabled = useSelectConfig()?.disabled === true;
   const createInitialSelectionArea = () => {
     if (!isNil(chartRef.current)) {
       const bounds = chartRef.current.getBoundingClientRect();
@@ -71,7 +73,9 @@ const ExploreButton = (props) => {
   };
   const handleKeyDown = () => {
     setState(reduceInteractionMode(INTERACTION_MODE.Explore));
-    createInitialSelectionArea();
+    if (!isSelectDisabled) {
+      createInitialSelectionArea();
+    }
   };
   return /* @__PURE__ */ jsx(
     ChartToolbarRenderer.Control,

package/esm/charts/xy-chart/components/toolbar/ExploreButton.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/toolbar/ExploreButton.tsx"],
-  "sourcesContent": ["import { isNil } from 'lodash-es';\nimport { useRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { CrosshairIcon } from '@dynatrace/strato-icons';\n\nimport { allowWhenKeyIsEnter } from './utils.js';\nimport { useGridPlotSize } from '../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { KeyboardControls } from '../../../core/components/interactions-overlay/constants.js';\nimport { INTERACTION_MODE } from '../../../core/components/interactions-overlay/types.js';\nimport { calculateInitialSelectionAreaPositions } from '../../../core/components/interactions-overlay/utils/calculate-initial-selection-area-positions.js';\nimport { reduceSelectionAreaVariant } from '../../../core/components/interactions-state-helpers/reducers/mode-reducers.js';\nimport { useOverlay } from '../../../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { useSynchronizedSelection } from '../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js';\nimport { ChartToolbarRenderer } from '../../../core/components/toolbar/ChartToolbarRenderer.js';\nimport { useToolbarContext } from '../../../core/components/toolbar/hooks/useToolbarContext.js';\nimport { useA11yToolbarTabIndex } from '../../../core/hooks/useA11yToolbarTabIndex.js';\nimport { getPercentageFromPixel } from '../../../core/utils/get-percentage-from-pixel.js';\nimport { XYCHART_MESSAGES } from '../../messages/messages.js';\nimport { reduceInteractionMode } from '../../store/reduce-interaction-mode.js';\nimport {\n  reduceExploreCancelAll,\n  reduceExploreSelect,\n} from '../../store/reducer-explorer.js';\nimport {\n  useInteractionModeState,\n  useSelectState,\n  useSetState,\n} from '../../store/selectors.js';\n\nexport const ExploreButton = (props: { placement: 'menu' | 'auto' }) => {\n  const setState = useSetState();\n  const exploreButtonRef = useRef<HTMLButtonElement>(null);\n  const tabIndex = useA11yToolbarTabIndex(INTERACTION_MODE.Explore);\n  const intl = useIntl();\n  const interactionMode = useInteractionModeState();\n  const { overlayRef: chartRef } = useOverlay();\n  const { width } = useGridPlotSize();\n  const { resetSelectionState } = useSynchronizedSelection();\n  const { updateLastItemSelected } = useToolbarContext();\n  const selectState = useSelectState();\n\n  const isSelected = interactionMode === INTERACTION_MODE.Explore;\n\n  const createInitialSelectionArea = () => {\n    if (!isNil(chartRef.current)) {\n      const bounds = chartRef.current.getBoundingClientRect();\n\n      const [start, end] = calculateInitialSelectionAreaPositions(bounds);\n\n      setState(\n        reduceExploreSelect({\n          start,\n          end,\n          finished: true,\n          accessible: true,\n          variant: 'select',\n          isKeyboardCreated: true,\n          selectionPercentage: getPercentageFromPixel([start, end], width),\n        }),\n      );\n    }\n  };\n\n  const handleClick = () => {\n    if (interactionMode !== 'explore') {\n      setState(reduceInteractionMode(INTERACTION_MODE.Explore));\n    }\n\n    if (selectState?.start && selectState?.end) {\n      if (selectState?.isKeyboardCreated) {\n        reduceSelectionAreaVariant('select');\n      } else {\n        resetSelectionState?.();\n        setState(reduceExploreCancelAll);\n      }\n    }\n\n    updateLastItemSelected(INTERACTION_MODE.Explore);\n  };\n\n  const handleKeyDown = () => {\n    setState(reduceInteractionMode(INTERACTION_MODE.Explore));\n    createInitialSelectionArea();\n  };\n\n  return (\n    <ChartToolbarRenderer.Control\n      ref={exploreButtonRef}\n      prefixIcon={<CrosshairIcon />}\n      tooltipText={intl.formatMessage(XYCHART_MESSAGES.zoomModeExplore)}\n      tooltipKeyShortcut={\n        KeyboardControls.KEYBOARD_EXPLORE_MODE_SHORTCUT_ALTERNATIVE\n      }\n      selected={isSelected}\n      onKeyDown={allowWhenKeyIsEnter(handleKeyDown)}\n      onClick={handleClick}\n      tabIndex={tabIndex}\n      placement={props.placement}\n      data-dt-name=\"ToolbarExploreMode\"\n    />\n  );\n};\n\nExploreButton['displayName'] = 'ExploreButton';\n"],
-  "mappings": "AAyFkB;AAzFlB,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,eAAe;AAExB,SAAS,qBAAqB;AAE9B,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,8CAA8C;AACvD,SAAS,kCAAkC;AAC3C,SAAS,kBAAkB;AAC3B,SAAS,gCAAgC;AACzC,SAAS,4BAA4B;AACrC,SAAS,yBAAyB;AAClC,SAAS,8BAA8B;AACvC,SAAS,8BAA8B;AACvC,SAAS,wBAAwB;AACjC,SAAS,6BAA6B;AACtC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,gBAAgB,CAAC,UAA0C;AACtE,QAAM,WAAW,YAAY;AAC7B,QAAM,mBAAmB,OAA0B,IAAI;AACvD,QAAM,WAAW,uBAAuB,iBAAiB,OAAO;AAChE,QAAM,OAAO,QAAQ;AACrB,QAAM,kBAAkB,wBAAwB;AAChD,QAAM,EAAE,YAAY,SAAS,IAAI,WAAW;AAC5C,QAAM,EAAE,MAAM,IAAI,gBAAgB;AAClC,QAAM,EAAE,oBAAoB,IAAI,yBAAyB;AACzD,QAAM,EAAE,uBAAuB,IAAI,kBAAkB;AACrD,QAAM,cAAc,eAAe;AAEnC,QAAM,aAAa,oBAAoB,iBAAiB;AAExD,QAAM,6BAA6B,MAAM;AACvC,QAAI,CAAC,MAAM,SAAS,OAAO,GAAG;AAC5B,YAAM,SAAS,SAAS,QAAQ,sBAAsB;AAEtD,YAAM,CAAC,OAAO,GAAG,IAAI,uCAAuC,MAAM;AAElE;AAAA,QACE,oBAAoB;AAAA,UAClB;AAAA,UACA;AAAA,UACA,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,mBAAmB;AAAA,UACnB,qBAAqB,uBAAuB,CAAC,OAAO,GAAG,GAAG,KAAK;AAAA,QACjE,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAEA,QAAM,cAAc,MAAM;AACxB,QAAI,oBAAoB,WAAW;AACjC,eAAS,sBAAsB,iBAAiB,OAAO,CAAC;AAAA,IAC1D;AAEA,QAAI,aAAa,SAAS,aAAa,KAAK;AAC1C,UAAI,aAAa,mBAAmB;AAClC,mCAA2B,QAAQ;AAAA,MACrC,OAAO;AACL,8BAAsB;AACtB,iBAAS,sBAAsB;AAAA,MACjC;AAAA,IACF;AAEA,2BAAuB,iBAAiB,OAAO;AAAA,EACjD;AAEA,QAAM,gBAAgB,MAAM;AAC1B,aAAS,sBAAsB,iBAAiB,OAAO,CAAC;AACxD,+BAA2B;AAAA,EAC7B;AAEA,SACE;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,KAAK;AAAA,MACL,YAAY,oBAAC,iBAAc;AAAA,MAC3B,aAAa,KAAK,cAAc,iBAAiB,eAAe;AAAA,MAChE,oBACE,iBAAiB;AAAA,MAEnB,UAAU;AAAA,MACV,WAAW,oBAAoB,aAAa;AAAA,MAC5C,SAAS;AAAA,MACT;AAAA,MACA,WAAW,MAAM;AAAA,MACjB,gBAAa;AAAA;AAAA,EACf;AAEJ;AAEA,cAAc,aAAa,IAAI;",
+  "sourcesContent": ["import { isNil } from 'lodash-es';\nimport { useRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { CrosshairIcon } from '@dynatrace/strato-icons';\n\nimport { allowWhenKeyIsEnter } from './utils.js';\nimport { useGridPlotSize } from '../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { KeyboardControls } from '../../../core/components/interactions-overlay/constants.js';\nimport { INTERACTION_MODE } from '../../../core/components/interactions-overlay/types.js';\nimport { calculateInitialSelectionAreaPositions } from '../../../core/components/interactions-overlay/utils/calculate-initial-selection-area-positions.js';\nimport { reduceSelectionAreaVariant } from '../../../core/components/interactions-state-helpers/reducers/mode-reducers.js';\nimport { useOverlay } from '../../../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { useSynchronizedSelection } from '../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js';\nimport { ChartToolbarRenderer } from '../../../core/components/toolbar/ChartToolbarRenderer.js';\nimport { useToolbarContext } from '../../../core/components/toolbar/hooks/useToolbarContext.js';\nimport { useA11yToolbarTabIndex } from '../../../core/hooks/useA11yToolbarTabIndex.js';\nimport { getPercentageFromPixel } from '../../../core/utils/get-percentage-from-pixel.js';\nimport { useSelectConfig } from '../../hooks/useSelectConfig.js';\nimport { XYCHART_MESSAGES } from '../../messages/messages.js';\nimport { reduceInteractionMode } from '../../store/reduce-interaction-mode.js';\nimport {\n  reduceExploreCancelAll,\n  reduceExploreSelect,\n} from '../../store/reducer-explorer.js';\nimport {\n  useInteractionModeState,\n  useSelectState,\n  useSetState,\n} from '../../store/selectors.js';\n\nexport const ExploreButton = (props: { placement: 'menu' | 'auto' }) => {\n  const setState = useSetState();\n  const exploreButtonRef = useRef<HTMLButtonElement>(null);\n  const tabIndex = useA11yToolbarTabIndex(INTERACTION_MODE.Explore);\n  const intl = useIntl();\n  const interactionMode = useInteractionModeState();\n  const { overlayRef: chartRef } = useOverlay();\n  const { width } = useGridPlotSize();\n  const { resetSelectionState } = useSynchronizedSelection();\n  const { updateLastItemSelected } = useToolbarContext();\n  const selectState = useSelectState();\n\n  const isSelected = interactionMode === INTERACTION_MODE.Explore;\n  const isSelectDisabled = useSelectConfig()?.disabled === true;\n\n  const createInitialSelectionArea = () => {\n    if (!isNil(chartRef.current)) {\n      const bounds = chartRef.current.getBoundingClientRect();\n\n      const [start, end] = calculateInitialSelectionAreaPositions(bounds);\n\n      setState(\n        reduceExploreSelect({\n          start,\n          end,\n          finished: true,\n          accessible: true,\n          variant: 'select',\n          isKeyboardCreated: true,\n          selectionPercentage: getPercentageFromPixel([start, end], width),\n        }),\n      );\n    }\n  };\n\n  const handleClick = () => {\n    if (interactionMode !== 'explore') {\n      setState(reduceInteractionMode(INTERACTION_MODE.Explore));\n    }\n\n    if (selectState?.start && selectState?.end) {\n      if (selectState?.isKeyboardCreated) {\n        reduceSelectionAreaVariant('select');\n      } else {\n        resetSelectionState?.();\n        setState(reduceExploreCancelAll);\n      }\n    }\n\n    updateLastItemSelected(INTERACTION_MODE.Explore);\n  };\n\n  const handleKeyDown = () => {\n    setState(reduceInteractionMode(INTERACTION_MODE.Explore));\n    if (!isSelectDisabled) {\n      createInitialSelectionArea();\n    }\n  };\n\n  return (\n    <ChartToolbarRenderer.Control\n      ref={exploreButtonRef}\n      prefixIcon={<CrosshairIcon />}\n      tooltipText={intl.formatMessage(XYCHART_MESSAGES.zoomModeExplore)}\n      tooltipKeyShortcut={\n        KeyboardControls.KEYBOARD_EXPLORE_MODE_SHORTCUT_ALTERNATIVE\n      }\n      selected={isSelected}\n      onKeyDown={allowWhenKeyIsEnter(handleKeyDown)}\n      onClick={handleClick}\n      tabIndex={tabIndex}\n      placement={props.placement}\n      data-dt-name=\"ToolbarExploreMode\"\n    />\n  );\n};\n\nExploreButton['displayName'] = 'ExploreButton';\n"],
+  "mappings": "AA6FkB;AA7FlB,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,eAAe;AAExB,SAAS,qBAAqB;AAE9B,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,8CAA8C;AACvD,SAAS,kCAAkC;AAC3C,SAAS,kBAAkB;AAC3B,SAAS,gCAAgC;AACzC,SAAS,4BAA4B;AACrC,SAAS,yBAAyB;AAClC,SAAS,8BAA8B;AACvC,SAAS,8BAA8B;AACvC,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,6BAA6B;AACtC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,gBAAgB,CAAC,UAA0C;AACtE,QAAM,WAAW,YAAY;AAC7B,QAAM,mBAAmB,OAA0B,IAAI;AACvD,QAAM,WAAW,uBAAuB,iBAAiB,OAAO;AAChE,QAAM,OAAO,QAAQ;AACrB,QAAM,kBAAkB,wBAAwB;AAChD,QAAM,EAAE,YAAY,SAAS,IAAI,WAAW;AAC5C,QAAM,EAAE,MAAM,IAAI,gBAAgB;AAClC,QAAM,EAAE,oBAAoB,IAAI,yBAAyB;AACzD,QAAM,EAAE,uBAAuB,IAAI,kBAAkB;AACrD,QAAM,cAAc,eAAe;AAEnC,QAAM,aAAa,oBAAoB,iBAAiB;AACxD,QAAM,mBAAmB,gBAAgB,GAAG,aAAa;AAEzD,QAAM,6BAA6B,MAAM;AACvC,QAAI,CAAC,MAAM,SAAS,OAAO,GAAG;AAC5B,YAAM,SAAS,SAAS,QAAQ,sBAAsB;AAEtD,YAAM,CAAC,OAAO,GAAG,IAAI,uCAAuC,MAAM;AAElE;AAAA,QACE,oBAAoB;AAAA,UAClB;AAAA,UACA;AAAA,UACA,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,mBAAmB;AAAA,UACnB,qBAAqB,uBAAuB,CAAC,OAAO,GAAG,GAAG,KAAK;AAAA,QACjE,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAEA,QAAM,cAAc,MAAM;AACxB,QAAI,oBAAoB,WAAW;AACjC,eAAS,sBAAsB,iBAAiB,OAAO,CAAC;AAAA,IAC1D;AAEA,QAAI,aAAa,SAAS,aAAa,KAAK;AAC1C,UAAI,aAAa,mBAAmB;AAClC,mCAA2B,QAAQ;AAAA,MACrC,OAAO;AACL,8BAAsB;AACtB,iBAAS,sBAAsB;AAAA,MACjC;AAAA,IACF;AAEA,2BAAuB,iBAAiB,OAAO;AAAA,EACjD;AAEA,QAAM,gBAAgB,MAAM;AAC1B,aAAS,sBAAsB,iBAAiB,OAAO,CAAC;AACxD,QAAI,CAAC,kBAAkB;AACrB,iCAA2B;AAAA,IAC7B;AAAA,EACF;AAEA,SACE;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,KAAK;AAAA,MACL,YAAY,oBAAC,iBAAc;AAAA,MAC3B,aAAa,KAAK,cAAc,iBAAiB,eAAe;AAAA,MAChE,oBACE,iBAAiB;AAAA,MAEnB,UAAU;AAAA,MACV,WAAW,oBAAoB,aAAa;AAAA,MAC5C,SAAS;AAAA,MACT;AAAA,MACA,WAAW,MAAM;AAAA,MACjB,gBAAa;AAAA;AAAA,EACf;AAEJ;AAEA,cAAc,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/xy-chart/components/tooltip/SharedXYChartTooltip/SharedXYChartTooltip.js

@@ -14,13 +14,16 @@ import { useXYChartColorScales } from "../../../hooks/useXYChartColorScales.js";
 import { useXYChartData } from "../../../hooks/useXYChartData.js";
 import { useXYChartTooltip } from "../../../hooks/useXYChartTooltip.js";
 import { useXYChartTruncationMode } from "../../../hooks/useXYChartTruncationMode.js";
+function formatSharedTooltipValue(row) {
+  return row.yAxisDuration ? `${row.yAxisValue} (${row.yAxisDuration})` : row.yAxisValue;
+}
 function LazySharedTooltipRow({
   raw,
   ctx,
   seriesDisplayMode
 }) {
   const row = buildSharedTooltipRow(raw.result, ctx);
-  const value = row.yAxisDuration ? `${row.yAxisValue} (${row.yAxisDuration})` : row.yAxisValue;
+  const value = formatSharedTooltipValue(row);
   const isMultiLine = row.nameSegments !== void 0 && seriesDisplayMode === "multi-line";
   const displayName = isMultiLine ? row.nameSegments : row.name;
   return /* @__PURE__ */ jsx(
@@ -66,9 +69,11 @@ function SharedXYChartTooltip({
     const metadata = safeGet(seriesToMetadata, result.series);
     const row = buildSharedTooltipRow(result, ctx);
     const isMultiLine = row.nameSegments !== void 0 && seriesDisplayMode === "multi-line";
+    const value = formatSharedTooltipValue(row);
     return {
       name: isMultiLine ? row.nameSegments : metadata.name,
       nameSegments: row.nameSegments,
+      value,
       result
     };
   });

package/esm/charts/xy-chart/components/tooltip/SharedXYChartTooltip/SharedXYChartTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/tooltip/SharedXYChartTooltip/SharedXYChartTooltip.tsx"],
-  "sourcesContent": ["import { useIntl } from 'react-intl';\n\nimport {\n  buildSharedTooltipHeader,\n  buildSharedTooltipRow,\n} from './sharedXYChartTooltipUtils.js';\nimport { OverlayTooltip } from '../../../../core/components/overlay-tooltip/OverlayTooltip.js';\nimport type { SeriesDisplayMode } from '../../../../core/types/tooltip.js';\nimport { safeGet } from '../../../../core/utils/safe-get.js';\nimport type { SeriesQueryResult } from '../../../context/XYChartOverlayPerformance.context.js';\nimport { useAreaData } from '../../../hooks/useAreaData.js';\nimport { useAxesFormatter } from '../../../hooks/useAxesFormatter.js';\nimport { useBarData } from '../../../hooks/useBarData.js';\nimport { useFormatCategory } from '../../../hooks/useFormatCategory.js';\nimport { useXYChartColorScales } from '../../../hooks/useXYChartColorScales.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartTooltip } from '../../../hooks/useXYChartTooltip.js';\nimport { useXYChartTruncationMode } from '../../../hooks/useXYChartTruncationMode.js';\nimport type { TooltipContent } from '../../../types/state.js';\n\ntype SharedTooltipCtx = Parameters<typeof buildSharedTooltipRow>[1];\n\ntype LazySharedRow = {\n  name: string | string[];\n  nameSegments: string[] | undefined;\n  result: SeriesQueryResult;\n};\n\nfunction LazySharedTooltipRow({\n  raw,\n  ctx,\n  seriesDisplayMode,\n}: {\n  readonly raw: LazySharedRow;\n  readonly ctx: SharedTooltipCtx;\n  readonly seriesDisplayMode: SeriesDisplayMode | undefined;\n}) {\n  const row = buildSharedTooltipRow(raw.result as TooltipContent, ctx);\n  const value = row.yAxisDuration\n    ? `${row.yAxisValue} (${row.yAxisDuration})`\n    : row.yAxisValue;\n\n  const isMultiLine =\n    row.nameSegments !== undefined && seriesDisplayMode === 'multi-line';\n  const displayName: string | string[] = isMultiLine\n    ? (row.nameSegments as string[])\n    : row.name;\n\n  return (\n    <OverlayTooltip.SeriesItem\n      name={displayName}\n      multiLine={isMultiLine}\n      value={value}\n      color={row.color}\n      actions={row.actions}\n    />\n  );\n}\n\nexport function SharedXYChartTooltip({\n  preferred,\n  datapoints,\n}: Readonly<{\n  preferred: TooltipContent;\n  datapoints: SeriesQueryResult[];\n}>) {\n  const { seriesToMetadata, axisIdToScaleDomain, datapointMetadataMap } =\n    useXYChartData();\n  const axisIdToFormatter = useAxesFormatter();\n  const intl = useIntl();\n  const colorScaleMap = useXYChartColorScales();\n  const { truncationMode } = useXYChartTruncationMode();\n  const formatCategory = useFormatCategory();\n  const { filteredSeriesWithDatapoints } = useBarData();\n  const { filteredSeriesWithDatapoints: filteredAreaSeriesWithDatapoints } =\n    useAreaData();\n  const { seriesDisplayMode } = useXYChartTooltip();\n\n  const ctx = {\n    seriesToMetadata,\n    axisIdToFormatter,\n    axisIdToScaleDomain,\n    datapointMetadataMap,\n    formatCategory,\n    intl,\n    colorScaleMap,\n    allBarSeries: filteredSeriesWithDatapoints,\n    allAreaSeries: filteredAreaSeriesWithDatapoints,\n  };\n\n  const { xAxisValue, xAxisDuration, label } = buildSharedTooltipHeader(\n    preferred,\n    ctx,\n  );\n\n  const rows: LazySharedRow[] = datapoints.map((result) => {\n    const metadata = safeGet(seriesToMetadata, result.series);\n    const row = buildSharedTooltipRow(result as TooltipContent, ctx);\n\n    const isMultiLine =\n      row.nameSegments !== undefined && seriesDisplayMode === 'multi-line';\n    return {\n      name: isMultiLine ? row.nameSegments : metadata.name,\n      nameSegments: row.nameSegments,\n      result,\n    };\n  });\n\n  const activeItemIndex = datapoints.findIndex(\n    (d) => d.series === preferred.series,\n  );\n\n  return (\n    <OverlayTooltip truncation={truncationMode}>\n      <OverlayTooltip.Header\n        header1={xAxisValue}\n        duration1={xAxisDuration}\n        label={label}\n      />\n      <OverlayTooltip.Series\n        data={rows}\n        variant=\"shared\"\n        activeItem={activeItemIndex}\n        seriesItemTemplate={(item) => (\n          <LazySharedTooltipRow\n            raw={item}\n            ctx={ctx}\n            seriesDisplayMode={seriesDisplayMode}\n          />\n        )}\n      />\n    </OverlayTooltip>\n  );\n}\n"],
-  "mappings": "AAiDI,cAgEA,YAhEA;AAjDJ,SAAS,eAAe;AAExB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAE/B,SAAS,eAAe;AAExB,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAClC,SAAS,6BAA6B;AACtC,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AAWzC,SAAS,qBAAqB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,MAAM,sBAAsB,IAAI,QAA0B,GAAG;AACnE,QAAM,QAAQ,IAAI,gBACd,GAAG,IAAI,UAAU,KAAK,IAAI,aAAa,MACvC,IAAI;AAER,QAAM,cACJ,IAAI,iBAAiB,UAAa,sBAAsB;AAC1D,QAAM,cAAiC,cAClC,IAAI,eACL,IAAI;AAER,SACE;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC,MAAM;AAAA,MACN,WAAW;AAAA,MACX;AAAA,MACA,OAAO,IAAI;AAAA,MACX,SAAS,IAAI;AAAA;AAAA,EACf;AAEJ;AAEO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AACF,GAGI;AACF,QAAM,EAAE,kBAAkB,qBAAqB,qBAAqB,IAClE,eAAe;AACjB,QAAM,oBAAoB,iBAAiB;AAC3C,QAAM,OAAO,QAAQ;AACrB,QAAM,gBAAgB,sBAAsB;AAC5C,QAAM,EAAE,eAAe,IAAI,yBAAyB;AACpD,QAAM,iBAAiB,kBAAkB;AACzC,QAAM,EAAE,6BAA6B,IAAI,WAAW;AACpD,QAAM,EAAE,8BAA8B,iCAAiC,IACrE,YAAY;AACd,QAAM,EAAE,kBAAkB,IAAI,kBAAkB;AAEhD,QAAM,MAAM;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,eAAe;AAAA,EACjB;AAEA,QAAM,EAAE,YAAY,eAAe,MAAM,IAAI;AAAA,IAC3C;AAAA,IACA;AAAA,EACF;AAEA,QAAM,OAAwB,WAAW,IAAI,CAAC,WAAW;AACvD,UAAM,WAAW,QAAQ,kBAAkB,OAAO,MAAM;AACxD,UAAM,MAAM,sBAAsB,QAA0B,GAAG;AAE/D,UAAM,cACJ,IAAI,iBAAiB,UAAa,sBAAsB;AAC1D,WAAO;AAAA,MACL,MAAM,cAAc,IAAI,eAAe,SAAS;AAAA,MAChD,cAAc,IAAI;AAAA,MAClB;AAAA,IACF;AAAA,EACF,CAAC;AAED,QAAM,kBAAkB,WAAW;AAAA,IACjC,CAAC,MAAM,EAAE,WAAW,UAAU;AAAA,EAChC;AAEA,SACE,qBAAC,kBAAe,YAAY,gBAC1B;AAAA;AAAA,MAAC,eAAe;AAAA,MAAf;AAAA,QACC,SAAS;AAAA,QACT,WAAW;AAAA,QACX;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAC,eAAe;AAAA,MAAf;AAAA,QACC,MAAM;AAAA,QACN,SAAQ;AAAA,QACR,YAAY;AAAA,QACZ,oBAAoB,CAAC,SACnB;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL;AAAA,YACA;AAAA;AAAA,QACF;AAAA;AAAA,IAEJ;AAAA,KACF;AAEJ;",
+  "sourcesContent": ["import { useIntl } from 'react-intl';\n\nimport {\n  buildSharedTooltipHeader,\n  buildSharedTooltipRow,\n  type SharedTooltipRow,\n} from './sharedXYChartTooltipUtils.js';\nimport { OverlayTooltip } from '../../../../core/components/overlay-tooltip/OverlayTooltip.js';\nimport type { SeriesDisplayMode } from '../../../../core/types/tooltip.js';\nimport { safeGet } from '../../../../core/utils/safe-get.js';\nimport type { SeriesQueryResult } from '../../../context/XYChartOverlayPerformance.context.js';\nimport { useAreaData } from '../../../hooks/useAreaData.js';\nimport { useAxesFormatter } from '../../../hooks/useAxesFormatter.js';\nimport { useBarData } from '../../../hooks/useBarData.js';\nimport { useFormatCategory } from '../../../hooks/useFormatCategory.js';\nimport { useXYChartColorScales } from '../../../hooks/useXYChartColorScales.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartTooltip } from '../../../hooks/useXYChartTooltip.js';\nimport { useXYChartTruncationMode } from '../../../hooks/useXYChartTruncationMode.js';\nimport type { TooltipContent } from '../../../types/state.js';\n\ntype SharedTooltipCtx = Parameters<typeof buildSharedTooltipRow>[1];\n\ntype LazySharedRow = {\n  name: string | string[];\n  nameSegments: string[] | undefined;\n  value: string;\n  result: SeriesQueryResult;\n};\n\nfunction formatSharedTooltipValue(row: SharedTooltipRow) {\n  return row.yAxisDuration\n    ? `${row.yAxisValue} (${row.yAxisDuration})`\n    : row.yAxisValue;\n}\n\nfunction LazySharedTooltipRow({\n  raw,\n  ctx,\n  seriesDisplayMode,\n}: {\n  readonly raw: LazySharedRow;\n  readonly ctx: SharedTooltipCtx;\n  readonly seriesDisplayMode: SeriesDisplayMode | undefined;\n}) {\n  const row = buildSharedTooltipRow(raw.result as TooltipContent, ctx);\n  const value = formatSharedTooltipValue(row);\n\n  const isMultiLine =\n    row.nameSegments !== undefined && seriesDisplayMode === 'multi-line';\n  const displayName: string | string[] = isMultiLine\n    ? (row.nameSegments as string[])\n    : row.name;\n\n  return (\n    <OverlayTooltip.SeriesItem\n      name={displayName}\n      multiLine={isMultiLine}\n      value={value}\n      color={row.color}\n      actions={row.actions}\n    />\n  );\n}\n\nexport function SharedXYChartTooltip({\n  preferred,\n  datapoints,\n}: Readonly<{\n  preferred: TooltipContent;\n  datapoints: SeriesQueryResult[];\n}>) {\n  const { seriesToMetadata, axisIdToScaleDomain, datapointMetadataMap } =\n    useXYChartData();\n  const axisIdToFormatter = useAxesFormatter();\n  const intl = useIntl();\n  const colorScaleMap = useXYChartColorScales();\n  const { truncationMode } = useXYChartTruncationMode();\n  const formatCategory = useFormatCategory();\n  const { filteredSeriesWithDatapoints } = useBarData();\n  const { filteredSeriesWithDatapoints: filteredAreaSeriesWithDatapoints } =\n    useAreaData();\n  const { seriesDisplayMode } = useXYChartTooltip();\n\n  const ctx = {\n    seriesToMetadata,\n    axisIdToFormatter,\n    axisIdToScaleDomain,\n    datapointMetadataMap,\n    formatCategory,\n    intl,\n    colorScaleMap,\n    allBarSeries: filteredSeriesWithDatapoints,\n    allAreaSeries: filteredAreaSeriesWithDatapoints,\n  };\n\n  const { xAxisValue, xAxisDuration, label } = buildSharedTooltipHeader(\n    preferred,\n    ctx,\n  );\n\n  const rows: LazySharedRow[] = datapoints.map((result) => {\n    const metadata = safeGet(seriesToMetadata, result.series);\n    const row = buildSharedTooltipRow(result as TooltipContent, ctx);\n\n    const isMultiLine =\n      row.nameSegments !== undefined && seriesDisplayMode === 'multi-line';\n    const value = formatSharedTooltipValue(row);\n    return {\n      name: isMultiLine ? row.nameSegments : metadata.name,\n      nameSegments: row.nameSegments,\n      value,\n      result,\n    };\n  });\n\n  const activeItemIndex = datapoints.findIndex(\n    (d) => d.series === preferred.series,\n  );\n\n  return (\n    <OverlayTooltip truncation={truncationMode}>\n      <OverlayTooltip.Header\n        header1={xAxisValue}\n        duration1={xAxisDuration}\n        label={label}\n      />\n      <OverlayTooltip.Series\n        data={rows}\n        variant=\"shared\"\n        activeItem={activeItemIndex}\n        seriesItemTemplate={(item) => (\n          <LazySharedTooltipRow\n            raw={item}\n            ctx={ctx}\n            seriesDisplayMode={seriesDisplayMode}\n          />\n        )}\n      />\n    </OverlayTooltip>\n  );\n}\n"],
+  "mappings": "AAuDI,cAkEA,YAlEA;AAvDJ,SAAS,eAAe;AAExB;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP,SAAS,sBAAsB;AAE/B,SAAS,eAAe;AAExB,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAClC,SAAS,6BAA6B;AACtC,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AAYzC,SAAS,yBAAyB,KAAuB;AACvD,SAAO,IAAI,gBACP,GAAG,IAAI,UAAU,KAAK,IAAI,aAAa,MACvC,IAAI;AACV;AAEA,SAAS,qBAAqB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,MAAM,sBAAsB,IAAI,QAA0B,GAAG;AACnE,QAAM,QAAQ,yBAAyB,GAAG;AAE1C,QAAM,cACJ,IAAI,iBAAiB,UAAa,sBAAsB;AAC1D,QAAM,cAAiC,cAClC,IAAI,eACL,IAAI;AAER,SACE;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC,MAAM;AAAA,MACN,WAAW;AAAA,MACX;AAAA,MACA,OAAO,IAAI;AAAA,MACX,SAAS,IAAI;AAAA;AAAA,EACf;AAEJ;AAEO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AACF,GAGI;AACF,QAAM,EAAE,kBAAkB,qBAAqB,qBAAqB,IAClE,eAAe;AACjB,QAAM,oBAAoB,iBAAiB;AAC3C,QAAM,OAAO,QAAQ;AACrB,QAAM,gBAAgB,sBAAsB;AAC5C,QAAM,EAAE,eAAe,IAAI,yBAAyB;AACpD,QAAM,iBAAiB,kBAAkB;AACzC,QAAM,EAAE,6BAA6B,IAAI,WAAW;AACpD,QAAM,EAAE,8BAA8B,iCAAiC,IACrE,YAAY;AACd,QAAM,EAAE,kBAAkB,IAAI,kBAAkB;AAEhD,QAAM,MAAM;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,eAAe;AAAA,EACjB;AAEA,QAAM,EAAE,YAAY,eAAe,MAAM,IAAI;AAAA,IAC3C;AAAA,IACA;AAAA,EACF;AAEA,QAAM,OAAwB,WAAW,IAAI,CAAC,WAAW;AACvD,UAAM,WAAW,QAAQ,kBAAkB,OAAO,MAAM;AACxD,UAAM,MAAM,sBAAsB,QAA0B,GAAG;AAE/D,UAAM,cACJ,IAAI,iBAAiB,UAAa,sBAAsB;AAC1D,UAAM,QAAQ,yBAAyB,GAAG;AAC1C,WAAO;AAAA,MACL,MAAM,cAAc,IAAI,eAAe,SAAS;AAAA,MAChD,cAAc,IAAI;AAAA,MAClB;AAAA,MACA;AAAA,IACF;AAAA,EACF,CAAC;AAED,QAAM,kBAAkB,WAAW;AAAA,IACjC,CAAC,MAAM,EAAE,WAAW,UAAU;AAAA,EAChC;AAEA,SACE,qBAAC,kBAAe,YAAY,gBAC1B;AAAA;AAAA,MAAC,eAAe;AAAA,MAAf;AAAA,QACC,SAAS;AAAA,QACT,WAAW;AAAA,QACX;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAC,eAAe;AAAA,MAAf;AAAA,QACC,MAAM;AAAA,QACN,SAAQ;AAAA,QACR,YAAY;AAAA,QACZ,oBAAoB,CAAC,SACnB;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL;AAAA,YACA;AAAA;AAAA,QACF;AAAA;AAAA,IAEJ;AAAA,KACF;AAEJ;",
   "names": []
 }

package/esm/charts/xy-chart/components/tooltip/utils/tooltip-styles.css

@@ -1,23 +1,23 @@
-._1u58xor0-3-11-2 {
+._1u58xor0-3-12-0 {
   display: flex;
   flex-wrap: wrap;
   overflow-wrap: anywhere;
   margin-left: var(--dt-spacings-size-4, 4px);
   margin-right: var(--dt-spacings-size-4, 4px);
 }
-._1u58xor1-3-11-2 {
+._1u58xor1-3-12-0 {
   font-weight: var(--dt-typography-text-small-emphasized-weight, 500);
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._1u58xor1-3-11-2::after {
+._1u58xor1-3-12-0::after {
   content: " ";
   white-space: pre;
 }
-._1u58xor2-3-11-2 {
+._1u58xor2-3-12-0 {
   flex: 0 1 auto;
   font-weight: var(--dt-typography-text-small-default-weight, 400);
 }
-._1u58xor3-3-11-2 {
+._1u58xor3-3-12-0 {
   flex: 1 1 auto;
   font-weight: var(--dt-typography-text-small-default-weight, 400);
 }

package/esm/charts/xy-chart/components/tooltip/utils/tooltip-styles.sty.js

@@ -1,8 +1,8 @@
 import "./tooltip-styles.css";
-var axisName = "_1u58xor1-3-11-2";
-var axisValue = "_1u58xor2-3-11-2";
-var duration = "_1u58xor3-3-11-2";
-var wrapper = "_1u58xor0-3-11-2";
+var axisName = "_1u58xor1-3-12-0";
+var axisValue = "_1u58xor2-3-12-0";
+var duration = "_1u58xor3-3-12-0";
+var wrapper = "_1u58xor0-3-12-0";
 export {
   axisName,
   axisValue,

package/esm/charts/xy-chart/components/tooltip/utils/tooltip-styles.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/tooltip/utils/tooltip-styles.css.ts"],
-  "sourcesContent": ["import './tooltip-styles.css';\nexport var axisName = '_1u58xor1-3-11-2';\nexport var axisValue = '_1u58xor2-3-11-2';\nexport var duration = '_1u58xor3-3-11-2';\nexport var wrapper = '_1u58xor0-3-11-2';"],
+  "sourcesContent": ["import './tooltip-styles.css';\nexport var axisName = '_1u58xor1-3-12-0';\nexport var axisValue = '_1u58xor2-3-12-0';\nexport var duration = '_1u58xor3-3-12-0';\nexport var wrapper = '_1u58xor0-3-12-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;AACf,IAAI,YAAY;AAChB,IAAI,WAAW;AACf,IAAI,UAAU;",
   "names": []
 }

package/esm/charts/xy-chart/context/XYChartThresholds.context.js

@@ -4,11 +4,17 @@ const NoThresholdData = {
   thresholds: [],
   offset: {
     left: 0,
-    right: 0
+    right: 0,
+    top: 0,
+    bottom: 0
   },
   yAxes: {
     left: /* @__PURE__ */ new Set(),
     right: /* @__PURE__ */ new Set()
+  },
+  xAxes: {
+    top: /* @__PURE__ */ new Set(),
+    bottom: /* @__PURE__ */ new Set()
   }
 };
 const XYChartThresholdsContext = createContext(NoThresholdData);

package/esm/charts/xy-chart/context/XYChartThresholds.context.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/context/XYChartThresholds.context.ts"],
-  "sourcesContent": ["import { createContext } from 'react';\n\nimport type { XYChartThresholdsInternal } from '../types/xy-chart-internals.js';\n\nexport const NoThresholdData: XYChartThresholdsInternal = {\n  none: true,\n  thresholds: [],\n  offset: {\n    left: 0,\n    right: 0,\n  },\n  yAxes: {\n    left: new Set(),\n    right: new Set(),\n  },\n};\n\nexport const XYChartThresholdsContext =\n  createContext<XYChartThresholdsInternal>(NoThresholdData);\n"],
-  "mappings": "AAAA,SAAS,qBAAqB;AAIvB,MAAM,kBAA6C;AAAA,EACxD,MAAM;AAAA,EACN,YAAY,CAAC;AAAA,EACb,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,MAAM,oBAAI,IAAI;AAAA,IACd,OAAO,oBAAI,IAAI;AAAA,EACjB;AACF;AAEO,MAAM,2BACX,cAAyC,eAAe;",
+  "sourcesContent": ["import { createContext } from 'react';\n\nimport type { XYChartThresholdsInternal } from '../types/xy-chart-internals.js';\n\nexport const NoThresholdData: XYChartThresholdsInternal = {\n  none: true,\n  thresholds: [],\n  offset: {\n    left: 0,\n    right: 0,\n    top: 0,\n    bottom: 0,\n  },\n  yAxes: {\n    left: new Set(),\n    right: new Set(),\n  },\n  xAxes: {\n    top: new Set(),\n    bottom: new Set(),\n  },\n};\n\nexport const XYChartThresholdsContext =\n  createContext<XYChartThresholdsInternal>(NoThresholdData);\n"],
+  "mappings": "AAAA,SAAS,qBAAqB;AAIvB,MAAM,kBAA6C;AAAA,EACxD,MAAM;AAAA,EACN,YAAY,CAAC;AAAA,EACb,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA,OAAO;AAAA,IACL,MAAM,oBAAI,IAAI;AAAA,IACd,OAAO,oBAAI,IAAI;AAAA,EACjB;AAAA,EACA,OAAO;AAAA,IACL,KAAK,oBAAI,IAAI;AAAA,IACb,QAAQ,oBAAI,IAAI;AAAA,EAClB;AACF;AAEO,MAAM,2BACX,cAAyC,eAAe;",
   "names": []
 }

package/esm/charts/xy-chart/context/XYChartToolbar.context.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/context/XYChartToolbar.context.tsx"],
-  "sourcesContent": ["import { createContext } from 'react';\n\nimport type { XYChartToolbar } from '../types/xy-chart-props.js';\n\nexport const XYChartToolbarContext = createContext<XYChartToolbar | undefined>(\n  undefined,\n);\nXYChartToolbarContext['displayName'] = 'XYChartToolbarContext';\n"],
+  "sourcesContent": ["import { createContext } from 'react';\n\nimport type { XYChartToolbar } from '../types/xy-chart-internals.js';\n\nexport const XYChartToolbarContext = createContext<XYChartToolbar | undefined>(\n  undefined,\n);\nXYChartToolbarContext['displayName'] = 'XYChartToolbarContext';\n"],
   "mappings": "AAAA,SAAS,qBAAqB;AAIvB,MAAM,wBAAwB;AAAA,EACnC;AACF;AACA,sBAAsB,aAAa,IAAI;",
   "names": []
 }