@dynatrace/strato-components 3.1.3 → 3.2.1

package/esm/charts/tree-map/utils/iterate-slots.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/tree-map/utils/iterate-slots.ts"],
-  "sourcesContent": ["import { Children, type PropsWithChildren, type ReactNode } from 'react';\nimport { isElement } from 'react-is';\n\nimport { Intent, IntentProps } from '../../../core/slots/Intent/Intent.js';\nimport { isSlot } from '../../../core/utils/is-slot.js';\nimport { ColorRule } from '../../core/slots/ColorRule.js';\nimport { ChartToolbar } from '../../core/slots/toolbar/ChartToolbar.js';\nimport { sanitizeProps } from '../../core/slots/toolbar/CompactToolbar.js';\nimport { DownloadData } from '../../core/slots/toolbar/DownloadData.js';\nimport type { ChartToolbarProps } from '../../core/types/toolbar.js';\nimport { TreeMapDownloadCSVSlot } from '../slots/DownloadCSV.js';\nimport { Toolbar } from '../slots/Toolbar.js';\nimport { Tooltip } from '../slots/Tooltip.js';\nimport { Legend as TreeMapLegend } from '../slots/TreeMapChartLegend.js';\nimport {\n  TreemapChartLegendConfig,\n  TreeMapChartSlots,\n  type TreeMapChartToolbarConfig,\n} from '../types/treemap-chart.config.js';\n\n/**\n * Generate chart config based on slots\n * @param children - CharInteraction children\n * @returns ChartInteraction slot config\n */\nconst iterateChartToolbarSlots = (\n  children: ReactNode,\n): TreeMapChartToolbarConfig => {\n  let slots = {};\n\n  Children.forEach(children, (childInteractions) => {\n    if (isElement(childInteractions)) {\n      switch (childInteractions.type) {\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        case DownloadData:\n          slots = { ...slots, downloadData: { enabled: true } };\n          break;\n      }\n    }\n  });\n\n  return slots;\n};\n\n/**\n * Iterate over the slotted children to merge the configuration.\n * @param children - Slotted children to iterate\n * @returns Merged config as TreemapChartSlots\n */\nexport function iterateSlots(children: ReactNode): TreeMapChartSlots {\n  let slots: TreeMapChartSlots = {\n    legend: {},\n    tooltip: false,\n    toolbar: undefined,\n    colorRules: [],\n  };\n\n  let intents: IntentProps[] | undefined;\n\n  Children.map(children, (child) => {\n    if (isSlot(child, Tooltip)) {\n      slots = { ...slots, tooltip: true };\n    } else if (isSlot(child, TreeMapLegend)) {\n      const legend = child.props as TreemapChartLegendConfig;\n\n      slots = { ...slots, legend };\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n    } else if (isSlot(child, ChartToolbar)) {\n      const { children, ...toolbarProps } =\n        child.props as PropsWithChildren<ChartToolbarProps>;\n\n      const toolbarSlots = iterateChartToolbarSlots(children);\n\n      const toolbar = { ...toolbarProps, ...toolbarSlots };\n      slots = { ...slots, toolbar };\n    } else if (isSlot(child, ColorRule)) {\n      const colorRule = child.props;\n      if (slots.colorRules) {\n        slots.colorRules.push(colorRule);\n      }\n    } else if (isSlot(child, Intent)) {\n      intents = intents ? [...intents, child.props] : [child.props];\n    } else if (isSlot(child, Toolbar)) {\n      slots = {\n        ...slots,\n        toolbar: {\n          ...slots.toolbar,\n          ...sanitizeProps(child.props),\n        },\n      };\n    } else if (isSlot(child, TreeMapDownloadCSVSlot)) {\n      slots = {\n        ...slots,\n        toolbar: {\n          ...slots.toolbar,\n          downloadData: { enabled: true },\n        },\n      };\n    }\n  });\n\n  if (intents?.length) {\n    slots = {\n      ...slots,\n      toolbar: {\n        ...slots.toolbar,\n        intents,\n      },\n    };\n  }\n\n  return slots;\n}\n"],
-  "mappings": "AAAA,SAAS,gBAAwD;AACjE,SAAS,iBAAiB;AAE1B,SAAS,cAA2B;AACpC,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAE7B,SAAS,8BAA8B;AACvC,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,UAAU,qBAAqB;AAYxC,MAAM,2BAA2B,CAC/B,aAC8B;AAC9B,MAAI,QAAQ,CAAC;AAEb,WAAS,QAAQ,UAAU,CAAC,sBAAsB;AAChD,QAAI,UAAU,iBAAiB,GAAG;AAChC,cAAQ,kBAAkB,MAAM;AAAA;AAAA,QAE9B,KAAK;AACH,kBAAQ,EAAE,GAAG,OAAO,cAAc,EAAE,SAAS,KAAK,EAAE;AACpD;AAAA,MACJ;AAAA,IACF;AAAA,EACF,CAAC;AAED,SAAO;AACT;AAOO,SAAS,aAAa,UAAwC;AACnE,MAAI,QAA2B;AAAA,IAC7B,QAAQ,CAAC;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY,CAAC;AAAA,EACf;AAEA,MAAI;AAEJ,WAAS,IAAI,UAAU,CAAC,UAAU;AAChC,QAAI,OAAO,OAAO,OAAO,GAAG;AAC1B,cAAQ,EAAE,GAAG,OAAO,SAAS,KAAK;AAAA,IACpC,WAAW,OAAO,OAAO,aAAa,GAAG;AACvC,YAAM,SAAS,MAAM;AAErB,cAAQ,EAAE,GAAG,OAAO,OAAO;AAAA,IAE7B,WAAW,OAAO,OAAO,YAAY,GAAG;AACtC,YAAM,EAAE,UAAAA,WAAU,GAAG,aAAa,IAChC,MAAM;AAER,YAAM,eAAe,yBAAyBA,SAAQ;AAEtD,YAAM,UAAU,EAAE,GAAG,cAAc,GAAG,aAAa;AACnD,cAAQ,EAAE,GAAG,OAAO,QAAQ;AAAA,IAC9B,WAAW,OAAO,OAAO,SAAS,GAAG;AACnC,YAAM,YAAY,MAAM;AACxB,UAAI,MAAM,YAAY;AACpB,cAAM,WAAW,KAAK,SAAS;AAAA,MACjC;AAAA,IACF,WAAW,OAAO,OAAO,MAAM,GAAG;AAChC,gBAAU,UAAU,CAAC,GAAG,SAAS,MAAM,KAAK,IAAI,CAAC,MAAM,KAAK;AAAA,IAC9D,WAAW,OAAO,OAAO,OAAO,GAAG;AACjC,cAAQ;AAAA,QACN,GAAG;AAAA,QACH,SAAS;AAAA,UACP,GAAG,MAAM;AAAA,UACT,GAAG,cAAc,MAAM,KAAK;AAAA,QAC9B;AAAA,MACF;AAAA,IACF,WAAW,OAAO,OAAO,sBAAsB,GAAG;AAChD,cAAQ;AAAA,QACN,GAAG;AAAA,QACH,SAAS;AAAA,UACP,GAAG,MAAM;AAAA,UACT,cAAc,EAAE,SAAS,KAAK;AAAA,QAChC;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAC;AAED,MAAI,SAAS,QAAQ;AACnB,YAAQ;AAAA,MACN,GAAG;AAAA,MACH,SAAS;AAAA,QACP,GAAG,MAAM;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import { Children, type PropsWithChildren, type ReactNode } from 'react';\nimport { isElement } from 'react-is';\n\nimport { Intent, IntentProps } from '../../../core/slots/Intent/Intent.js';\nimport { isSlot } from '../../../core/utils/is-slot.js';\nimport { ColorRule } from '../../core/slots/ColorRule.js';\nimport { ChartToolbar } from '../../core/slots/toolbar/ChartToolbar.js';\nimport { sanitizeProps } from '../../core/slots/toolbar/CompactToolbar.js';\nimport { DownloadData } from '../../core/slots/toolbar/DownloadData.js';\nimport type { ChartToolbarProps } from '../../core/types/toolbar.js';\nimport { extractBehaviorTrackingProps } from '../../core/utils/extract-behavior-tracking-props.js';\nimport { TreeMapDownloadCSVSlot } from '../slots/DownloadCSV.js';\nimport { Toolbar } from '../slots/Toolbar.js';\nimport { Tooltip } from '../slots/Tooltip.js';\nimport { Legend as TreeMapLegend } from '../slots/TreeMapChartLegend.js';\nimport {\n  TreemapChartLegendConfig,\n  TreeMapChartSlots,\n  type TreeMapChartToolbarConfig,\n} from '../types/treemap-chart.config.js';\n\n/**\n * Generate chart config based on slots\n * @param children - CharInteraction children\n * @returns ChartInteraction slot config\n */\nconst iterateChartToolbarSlots = (\n  children: ReactNode,\n): TreeMapChartToolbarConfig => {\n  let slots = {};\n\n  Children.forEach(children, (childInteractions) => {\n    if (isElement(childInteractions)) {\n      switch (childInteractions.type) {\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        case DownloadData:\n          slots = { ...slots, downloadData: { enabled: true } };\n          break;\n      }\n    }\n  });\n\n  return slots;\n};\n\n/**\n * Iterate over the slotted children to merge the configuration.\n * @param children - Slotted children to iterate\n * @returns Merged config as TreemapChartSlots\n */\nexport function iterateSlots(children: ReactNode): TreeMapChartSlots {\n  let slots: TreeMapChartSlots = {\n    legend: {},\n    tooltip: false,\n    toolbar: undefined,\n    colorRules: [],\n  };\n\n  let intents: IntentProps[] | undefined;\n\n  Children.map(children, (child) => {\n    if (isSlot(child, Tooltip)) {\n      slots = { ...slots, tooltip: true };\n    } else if (isSlot(child, TreeMapLegend)) {\n      const legend = child.props as TreemapChartLegendConfig;\n\n      slots = { ...slots, legend };\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n    } else if (isSlot(child, ChartToolbar)) {\n      const { children, ...toolbarProps } =\n        child.props as PropsWithChildren<ChartToolbarProps>;\n\n      const toolbarSlots = iterateChartToolbarSlots(children);\n\n      const toolbar = { ...toolbarProps, ...toolbarSlots };\n      slots = { ...slots, toolbar };\n    } else if (isSlot(child, ColorRule)) {\n      const colorRule = child.props;\n      if (slots.colorRules) {\n        slots.colorRules.push(colorRule);\n      }\n    } else if (isSlot(child, Intent)) {\n      intents = intents ? [...intents, child.props] : [child.props];\n    } else if (isSlot(child, Toolbar)) {\n      slots = {\n        ...slots,\n        toolbar: {\n          ...slots.toolbar,\n          ...sanitizeProps(child.props),\n          ...extractBehaviorTrackingProps(child.props),\n        },\n      };\n    } else if (isSlot(child, TreeMapDownloadCSVSlot)) {\n      slots = {\n        ...slots,\n        toolbar: {\n          ...slots.toolbar,\n          downloadData: { enabled: true },\n        },\n      };\n    }\n  });\n\n  if (intents?.length) {\n    slots = {\n      ...slots,\n      toolbar: {\n        ...slots.toolbar,\n        intents,\n      },\n    };\n  }\n\n  return slots;\n}\n"],
+  "mappings": "AAAA,SAAS,gBAAwD;AACjE,SAAS,iBAAiB;AAE1B,SAAS,cAA2B;AACpC,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAE7B,SAAS,oCAAoC;AAC7C,SAAS,8BAA8B;AACvC,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,UAAU,qBAAqB;AAYxC,MAAM,2BAA2B,CAC/B,aAC8B;AAC9B,MAAI,QAAQ,CAAC;AAEb,WAAS,QAAQ,UAAU,CAAC,sBAAsB;AAChD,QAAI,UAAU,iBAAiB,GAAG;AAChC,cAAQ,kBAAkB,MAAM;AAAA;AAAA,QAE9B,KAAK;AACH,kBAAQ,EAAE,GAAG,OAAO,cAAc,EAAE,SAAS,KAAK,EAAE;AACpD;AAAA,MACJ;AAAA,IACF;AAAA,EACF,CAAC;AAED,SAAO;AACT;AAOO,SAAS,aAAa,UAAwC;AACnE,MAAI,QAA2B;AAAA,IAC7B,QAAQ,CAAC;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY,CAAC;AAAA,EACf;AAEA,MAAI;AAEJ,WAAS,IAAI,UAAU,CAAC,UAAU;AAChC,QAAI,OAAO,OAAO,OAAO,GAAG;AAC1B,cAAQ,EAAE,GAAG,OAAO,SAAS,KAAK;AAAA,IACpC,WAAW,OAAO,OAAO,aAAa,GAAG;AACvC,YAAM,SAAS,MAAM;AAErB,cAAQ,EAAE,GAAG,OAAO,OAAO;AAAA,IAE7B,WAAW,OAAO,OAAO,YAAY,GAAG;AACtC,YAAM,EAAE,UAAAA,WAAU,GAAG,aAAa,IAChC,MAAM;AAER,YAAM,eAAe,yBAAyBA,SAAQ;AAEtD,YAAM,UAAU,EAAE,GAAG,cAAc,GAAG,aAAa;AACnD,cAAQ,EAAE,GAAG,OAAO,QAAQ;AAAA,IAC9B,WAAW,OAAO,OAAO,SAAS,GAAG;AACnC,YAAM,YAAY,MAAM;AACxB,UAAI,MAAM,YAAY;AACpB,cAAM,WAAW,KAAK,SAAS;AAAA,MACjC;AAAA,IACF,WAAW,OAAO,OAAO,MAAM,GAAG;AAChC,gBAAU,UAAU,CAAC,GAAG,SAAS,MAAM,KAAK,IAAI,CAAC,MAAM,KAAK;AAAA,IAC9D,WAAW,OAAO,OAAO,OAAO,GAAG;AACjC,cAAQ;AAAA,QACN,GAAG;AAAA,QACH,SAAS;AAAA,UACP,GAAG,MAAM;AAAA,UACT,GAAG,cAAc,MAAM,KAAK;AAAA,UAC5B,GAAG,6BAA6B,MAAM,KAAK;AAAA,QAC7C;AAAA,MACF;AAAA,IACF,WAAW,OAAO,OAAO,sBAAsB,GAAG;AAChD,cAAQ;AAAA,QACN,GAAG;AAAA,QACH,SAAS;AAAA,UACP,GAAG,MAAM;AAAA,UACT,cAAc,EAAE,SAAS,KAAK;AAAA,QAChC;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAC;AAED,MAAI,SAAS,QAAQ;AACnB,YAAQ;AAAA,MACN,GAAG;AAAA,MACH,SAAS;AAAA,QACP,GAAG,MAAM;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
   "names": ["children"]
 }

package/esm/charts/xy-chart/XYChartRoot.js

@@ -41,6 +41,7 @@ import { isEmptyData } from "./utils/is-empty-data.js";
 import { iterateSlots } from "./utils/iterate-slots.js";
 import { buildInternalConfig } from "./utils/xy-chart-configuration.js";
 import { XYChart as XYChartInternal } from "./XYChart.js";
+import { useBehavioralTrackingProps } from "../../core/hooks/useBehavioralTrackingProps.js";
 import { useMergeRefs } from "../../core/hooks/useMergeRefs.js";
 import { Intent } from "../../core/slots/Intent/Intent.js";
 import { ChartLayout } from "../core/components/chart-layout/ChartLayout.js";
@@ -64,6 +65,7 @@ const XYChartRoot = /* @__PURE__ */ forwardRef((props, ref) => {
     "data-dtrum-mask": dataDtrumMask,
     "data-dtrum-allow": dataDtrumAllow
   } = props;
+  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);
   const slots = iterateSlots(props.children);
   const config = useXYChartConfig(props, slots);
   const { emptyState, errorState } = getChartStatesTemplates(props.children);
@@ -107,6 +109,7 @@ const XYChartRoot = /* @__PURE__ */ forwardRef((props, ref) => {
               style,
               "data-dtrum-mask": dataDtrumMask,
               "data-dtrum-allow": dataDtrumAllow,
+              ...behaviorTrackingProps,
               "data-dt-component": COMPONENT_NAME_BEHAVIOURAL_TRACKING,
               children: [
                 /* @__PURE__ */ jsx(ChartLayout.Graph, { children: /* @__PURE__ */ jsx(

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/xy-chart/XYChartRoot.tsx"],
-  "sourcesContent": ["import { forwardRef, type PropsWithChildren, useRef } from 'react';\n\nimport { XYChartLegend } from './components/legend/XYChartLegend.js';\nimport {\n  DEFAULT_CHART_HEIGHT,\n  DEFAULT_LOADING_STATE,\n} from './constants/defaults.js';\nimport { XYChartAxesConfigContext } from './context/axes/XYChartAxesConfig.context.js';\nimport { XYChartAnnotationsConfig } from './context/XYChartAnnotationsConfig.context.js';\nimport { XYChartColorPaletteContext } from './context/XYChartColorPalette.context.js';\nimport { XYChartLoadingContext } from './context/XYChartLoading.context.js';\nimport { XYChartThresholdsContext } from './context/XYChartThresholds.context.js';\nimport { XYChartToolbarContext } from './context/XYChartToolbar.context.js';\nimport { XYChartTruncationModeContext } from './context/XYChartTruncationMode.context.js';\nimport { useXYChartConfig } from './hooks/useXYChartConfig.js';\nimport { XYChartAnnotationsDataProvider } from './providers/XYChartAnnotationsDataProvider.js';\nimport { XYChartAnnotationsShownIndicatorsProvider } from './providers/XYChartAnnotationsShownIndicatorsProvider.js';\nimport { XYChartColorScalesProvider } from './providers/XYChartColorScalesProvider.js';\nimport { XYChartChartDataProvider } from './providers/XYChartDataProvider.js';\nimport { XYChartIdProvider } from './providers/XYChartIdProvider.js';\nimport { XYChartStoreDomainSync } from './providers/XYChartStoreDomainSync.js';\nimport { XYChartStoreProvider } from './providers/XYChartStoreProvider.js';\nimport { XYChartVisibleAxesProvider } from './providers/XYChartVisibleAxesProvider.js';\nimport { Annotations } from './slots/Annotations/Annotations.js';\nimport { Marker } from './slots/Annotations/Marker.js';\nimport { AnnotationsTooltip } from './slots/Annotations/Tooltip.js';\nimport { Track } from './slots/Annotations/Track.js';\nimport { AreaSeries } from './slots/AreaSeries.js';\nimport { BarSeries } from './slots/BarSeries.js';\nimport { CustomTooltip } from './slots/CustomTooltip.js';\nimport { DotSeries } from './slots/DotSeries.js';\nimport { Legend } from './slots/Legend.js';\nimport { LineSeries } from './slots/LineSeries.js';\nimport { RectSeries } from './slots/RectSeries.js';\nimport { Select } from './slots/Select.js';\nimport { ThresholdIndicator } from './slots/ThresholdIndicator.js';\nimport { Toolbar } from './slots/Toolbar.js';\nimport { XAxis } from './slots/XAxis.js';\nimport { YAxis } from './slots/YAxis.js';\nimport type { XYChartProps } from './types/xy-chart-props.js';\nimport { XYChartRef } from './types/xy-chart.js';\nimport { isEmptyData } from './utils/is-empty-data.js';\nimport { iterateSlots } from './utils/iterate-slots.js';\nimport { buildInternalConfig } from './utils/xy-chart-configuration.js';\nimport { XYChart as XYChartInternal } from './XYChart.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { ChartLayout } from '../core/components/chart-layout/ChartLayout.js';\nimport { useAutoLegendRefresh } from '../core/components/chart-layout/hooks/useAutoLegendRefresh.js';\nimport { getChartStatesTemplates } from '../core/components/chart-states/utils/get-chart-states-template.js';\nimport { ColorRuleContext } from '../core/context/ColorRuleContext.js';\nimport { EmptyStateSlot } from '../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../core/slots/chart-states/ErrorStateSlot.js';\nimport { ColorRule } from '../core/slots/ColorRule.js';\nimport { coerceSizeValue } from '../core/utils/coerceSizeValue.js';\n\n/**\n * Component name used for data-dt-component in behavioural tracking\n */\nconst COMPONENT_NAME_BEHAVIOURAL_TRACKING = 'XYChart';\n\n/**\n * @internal\n */\nexport const XYChartRoot = /* @__PURE__ */ forwardRef<\n  XYChartRef,\n  PropsWithChildren<XYChartProps>\n>((props, ref) => {\n  const {\n    data,\n    children,\n    height,\n    width,\n    loading = DEFAULT_LOADING_STATE,\n    style,\n    className,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n  } = props;\n  const slots = iterateSlots(props.children);\n  const config = useXYChartConfig(props, slots);\n  const { emptyState, errorState } = getChartStatesTemplates(props.children);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const rootRef = useMergeRefs<XYChartRef | HTMLDivElement>([\n    ref,\n    containerRef,\n  ]);\n\n  const {\n    hidden: legendHidden,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    ratio,\n    initialRatio,\n    onRatioChange,\n    position: legendPosition,\n  } = config.legend;\n\n  const legendRatio = initialRatio ?? ratio;\n\n  const chartHeight = coerceSizeValue(height ?? DEFAULT_CHART_HEIGHT);\n\n  const internalConfig = buildInternalConfig(config, slots);\n  const chartLayoutRef = useAutoLegendRefresh(data);\n\n  return (\n    <XYChartIdProvider>\n      <XYChartLoadingContext.Provider value={loading}>\n        <XYChartThresholdsContext.Provider value={internalConfig.thresholds}>\n          <XYChartAxesConfigContext.Provider value={internalConfig.axes}>\n            <XYChartColorPaletteContext.Provider value={config.colorPalette}>\n              <XYChartToolbarContext.Provider value={config.toolbar}>\n                <XYChartTruncationModeContext.Provider\n                  value={{ truncationMode: config.truncationMode }}\n                >\n                  <XYChartAnnotationsConfig.Provider value={config.annotations}>\n                    <ColorRuleContext.Provider value={config.colorRules}>\n                      <XYChartStoreProvider>\n                        <XYChartChartDataProvider\n                          data={data}\n                          seriesVariantsProps={internalConfig.series}\n                        >\n                          <XYChartStoreDomainSync>\n                            <XYChartAnnotationsDataProvider>\n                              <XYChartVisibleAxesProvider>\n                                <XYChartColorScalesProvider>\n                                  <XYChartAnnotationsShownIndicatorsProvider>\n                                    <ChartLayout\n                                      ref={chartLayoutRef}\n                                      chartHeight={chartHeight}\n                                      chartWidth={width}\n                                      className={className}\n                                      emptyState={emptyState}\n                                      errorState={errorState}\n                                      isEmpty={isEmptyData(children, data)}\n                                      showLoader={loading}\n                                      style={style}\n                                      data-dtrum-mask={dataDtrumMask}\n                                      data-dtrum-allow={dataDtrumAllow}\n                                      data-dt-component={\n                                        COMPONENT_NAME_BEHAVIOURAL_TRACKING\n                                      }\n                                    >\n                                      <ChartLayout.Graph>\n                                        <XYChartInternal\n                                          config={config}\n                                          ref={rootRef}\n                                        />\n                                      </ChartLayout.Graph>\n                                      {!legendHidden && (\n                                        <ChartLayout.Legend\n                                          position={legendPosition}\n                                          initialRatio={legendRatio}\n                                          onResize={onRatioChange}\n                                        >\n                                          <XYChartLegend />\n                                        </ChartLayout.Legend>\n                                      )}\n                                    </ChartLayout>\n                                  </XYChartAnnotationsShownIndicatorsProvider>\n                                </XYChartColorScalesProvider>\n                              </XYChartVisibleAxesProvider>\n                            </XYChartAnnotationsDataProvider>\n                          </XYChartStoreDomainSync>\n                        </XYChartChartDataProvider>\n                      </XYChartStoreProvider>\n                    </ColorRuleContext.Provider>\n                  </XYChartAnnotationsConfig.Provider>\n                </XYChartTruncationModeContext.Provider>\n              </XYChartToolbarContext.Provider>\n            </XYChartColorPaletteContext.Provider>\n          </XYChartAxesConfigContext.Provider>\n        </XYChartThresholdsContext.Provider>\n      </XYChartLoadingContext.Provider>\n    </XYChartIdProvider>\n  );\n});\n\n/**\n * The `XYChart` encompasses various types of charts that utilize both x-axis and\n * y-axis for data representation, designed to visually display and analyze data\n * that involve two numerical variables.\n * @public\n */\nexport const XYChart = Object.assign(XYChartRoot, {\n  Annotations,\n  RectSeries,\n  DotSeries,\n  LineSeries,\n  BarSeries,\n  AreaSeries,\n  XAxis,\n  YAxis,\n  Legend,\n  Toolbar,\n  CustomTooltip,\n  Intent,\n  Select,\n  ThresholdIndicator,\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n  ColorRule,\n});\n\n(XYChart as typeof XYChart & { displayName: string }).displayName = 'XYChart';\n\n/**\n * XYAnnotations Slots\n * @public\n */\nexport const XYChartAnnotations = {\n  Marker,\n  Track,\n  Tooltip: AnnotationsTooltip,\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { forwardRef, type PropsWithChildren, useRef } from 'react';\n\nimport { XYChartLegend } from './components/legend/XYChartLegend.js';\nimport {\n  DEFAULT_CHART_HEIGHT,\n  DEFAULT_LOADING_STATE,\n} from './constants/defaults.js';\nimport { XYChartAxesConfigContext } from './context/axes/XYChartAxesConfig.context.js';\nimport { XYChartAnnotationsConfig } from './context/XYChartAnnotationsConfig.context.js';\nimport { XYChartColorPaletteContext } from './context/XYChartColorPalette.context.js';\nimport { XYChartLoadingContext } from './context/XYChartLoading.context.js';\nimport { XYChartThresholdsContext } from './context/XYChartThresholds.context.js';\nimport { XYChartToolbarContext } from './context/XYChartToolbar.context.js';\nimport { XYChartTruncationModeContext } from './context/XYChartTruncationMode.context.js';\nimport { useXYChartConfig } from './hooks/useXYChartConfig.js';\nimport { XYChartAnnotationsDataProvider } from './providers/XYChartAnnotationsDataProvider.js';\nimport { XYChartAnnotationsShownIndicatorsProvider } from './providers/XYChartAnnotationsShownIndicatorsProvider.js';\nimport { XYChartColorScalesProvider } from './providers/XYChartColorScalesProvider.js';\nimport { XYChartChartDataProvider } from './providers/XYChartDataProvider.js';\nimport { XYChartIdProvider } from './providers/XYChartIdProvider.js';\nimport { XYChartStoreDomainSync } from './providers/XYChartStoreDomainSync.js';\nimport { XYChartStoreProvider } from './providers/XYChartStoreProvider.js';\nimport { XYChartVisibleAxesProvider } from './providers/XYChartVisibleAxesProvider.js';\nimport { Annotations } from './slots/Annotations/Annotations.js';\nimport { Marker } from './slots/Annotations/Marker.js';\nimport { AnnotationsTooltip } from './slots/Annotations/Tooltip.js';\nimport { Track } from './slots/Annotations/Track.js';\nimport { AreaSeries } from './slots/AreaSeries.js';\nimport { BarSeries } from './slots/BarSeries.js';\nimport { CustomTooltip } from './slots/CustomTooltip.js';\nimport { DotSeries } from './slots/DotSeries.js';\nimport { Legend } from './slots/Legend.js';\nimport { LineSeries } from './slots/LineSeries.js';\nimport { RectSeries } from './slots/RectSeries.js';\nimport { Select } from './slots/Select.js';\nimport { ThresholdIndicator } from './slots/ThresholdIndicator.js';\nimport { Toolbar } from './slots/Toolbar.js';\nimport { XAxis } from './slots/XAxis.js';\nimport { YAxis } from './slots/YAxis.js';\nimport type { XYChartProps } from './types/xy-chart-props.js';\nimport { XYChartRef } from './types/xy-chart.js';\nimport { isEmptyData } from './utils/is-empty-data.js';\nimport { iterateSlots } from './utils/iterate-slots.js';\nimport { buildInternalConfig } from './utils/xy-chart-configuration.js';\nimport { XYChart as XYChartInternal } from './XYChart.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { ChartLayout } from '../core/components/chart-layout/ChartLayout.js';\nimport { useAutoLegendRefresh } from '../core/components/chart-layout/hooks/useAutoLegendRefresh.js';\nimport { getChartStatesTemplates } from '../core/components/chart-states/utils/get-chart-states-template.js';\nimport { ColorRuleContext } from '../core/context/ColorRuleContext.js';\nimport { EmptyStateSlot } from '../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../core/slots/chart-states/ErrorStateSlot.js';\nimport { ColorRule } from '../core/slots/ColorRule.js';\nimport { coerceSizeValue } from '../core/utils/coerceSizeValue.js';\n\n/**\n * Component name used for data-dt-component in behavioural tracking\n */\nconst COMPONENT_NAME_BEHAVIOURAL_TRACKING = 'XYChart';\n\n/**\n * @internal\n */\nexport const XYChartRoot = /* @__PURE__ */ forwardRef<\n  XYChartRef,\n  PropsWithChildren<XYChartProps>\n>((props, ref) => {\n  const {\n    data,\n    children,\n    height,\n    width,\n    loading = DEFAULT_LOADING_STATE,\n    style,\n    className,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n  } = props;\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n  const slots = iterateSlots(props.children);\n  const config = useXYChartConfig(props, slots);\n  const { emptyState, errorState } = getChartStatesTemplates(props.children);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const rootRef = useMergeRefs<XYChartRef | HTMLDivElement>([\n    ref,\n    containerRef,\n  ]);\n\n  const {\n    hidden: legendHidden,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    ratio,\n    initialRatio,\n    onRatioChange,\n    position: legendPosition,\n  } = config.legend;\n\n  const legendRatio = initialRatio ?? ratio;\n\n  const chartHeight = coerceSizeValue(height ?? DEFAULT_CHART_HEIGHT);\n\n  const internalConfig = buildInternalConfig(config, slots);\n  const chartLayoutRef = useAutoLegendRefresh(data);\n\n  return (\n    <XYChartIdProvider>\n      <XYChartLoadingContext.Provider value={loading}>\n        <XYChartThresholdsContext.Provider value={internalConfig.thresholds}>\n          <XYChartAxesConfigContext.Provider value={internalConfig.axes}>\n            <XYChartColorPaletteContext.Provider value={config.colorPalette}>\n              <XYChartToolbarContext.Provider value={config.toolbar}>\n                <XYChartTruncationModeContext.Provider\n                  value={{ truncationMode: config.truncationMode }}\n                >\n                  <XYChartAnnotationsConfig.Provider value={config.annotations}>\n                    <ColorRuleContext.Provider value={config.colorRules}>\n                      <XYChartStoreProvider>\n                        <XYChartChartDataProvider\n                          data={data}\n                          seriesVariantsProps={internalConfig.series}\n                        >\n                          <XYChartStoreDomainSync>\n                            <XYChartAnnotationsDataProvider>\n                              <XYChartVisibleAxesProvider>\n                                <XYChartColorScalesProvider>\n                                  <XYChartAnnotationsShownIndicatorsProvider>\n                                    <ChartLayout\n                                      ref={chartLayoutRef}\n                                      chartHeight={chartHeight}\n                                      chartWidth={width}\n                                      className={className}\n                                      emptyState={emptyState}\n                                      errorState={errorState}\n                                      isEmpty={isEmptyData(children, data)}\n                                      showLoader={loading}\n                                      style={style}\n                                      data-dtrum-mask={dataDtrumMask}\n                                      data-dtrum-allow={dataDtrumAllow}\n                                      {...behaviorTrackingProps}\n                                      data-dt-component={\n                                        COMPONENT_NAME_BEHAVIOURAL_TRACKING\n                                      }\n                                    >\n                                      <ChartLayout.Graph>\n                                        <XYChartInternal\n                                          config={config}\n                                          ref={rootRef}\n                                        />\n                                      </ChartLayout.Graph>\n                                      {!legendHidden && (\n                                        <ChartLayout.Legend\n                                          position={legendPosition}\n                                          initialRatio={legendRatio}\n                                          onResize={onRatioChange}\n                                        >\n                                          <XYChartLegend />\n                                        </ChartLayout.Legend>\n                                      )}\n                                    </ChartLayout>\n                                  </XYChartAnnotationsShownIndicatorsProvider>\n                                </XYChartColorScalesProvider>\n                              </XYChartVisibleAxesProvider>\n                            </XYChartAnnotationsDataProvider>\n                          </XYChartStoreDomainSync>\n                        </XYChartChartDataProvider>\n                      </XYChartStoreProvider>\n                    </ColorRuleContext.Provider>\n                  </XYChartAnnotationsConfig.Provider>\n                </XYChartTruncationModeContext.Provider>\n              </XYChartToolbarContext.Provider>\n            </XYChartColorPaletteContext.Provider>\n          </XYChartAxesConfigContext.Provider>\n        </XYChartThresholdsContext.Provider>\n      </XYChartLoadingContext.Provider>\n    </XYChartIdProvider>\n  );\n});\n\n/**\n * The `XYChart` encompasses various types of charts that utilize both x-axis and\n * y-axis for data representation, designed to visually display and analyze data\n * that involve two numerical variables.\n * @public\n */\nexport const XYChart = Object.assign(XYChartRoot, {\n  Annotations,\n  RectSeries,\n  DotSeries,\n  LineSeries,\n  BarSeries,\n  AreaSeries,\n  XAxis,\n  YAxis,\n  Legend,\n  Toolbar,\n  CustomTooltip,\n  Intent,\n  Select,\n  ThresholdIndicator,\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n  ColorRule,\n});\n\n(XYChart as typeof XYChart & { displayName: string }).displayName = 'XYChart';\n\n/**\n * XYAnnotations Slots\n * @public\n */\nexport const XYChartAnnotations = {\n  Marker,\n  Track,\n  Tooltip: AnnotationsTooltip,\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart/components/axes/AxisArea.css

@@ -1,3 +1,3 @@
-._bidc430-3-1-3 {
+._bidc430-3-2-1 {
   position: relative;
 }

package/esm/charts/xy-chart/components/axes/AxisArea.sty.js

@@ -1,5 +1,5 @@
 import "./AxisArea.css";
-var axisContainerStyle = "_bidc430-3-1-3";
+var axisContainerStyle = "_bidc430-3-2-1";
 export {
   axisContainerStyle
 };

package/esm/charts/xy-chart/components/axes/AxisArea.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/axes/AxisArea.css.ts"],
-  "sourcesContent": ["import './AxisArea.css';\nexport var axisContainerStyle = '_bidc430-3-1-3';"],
+  "sourcesContent": ["import './AxisArea.css';\nexport var axisContainerStyle = '_bidc430-3-2-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;",
   "names": []
 }

package/esm/charts/xy-chart/components/axes/AxisTickWithTruncation.css

@@ -1,8 +1,8 @@
-._z2zz8y2-3-1-3 {
-  direction: var(--_z2zz8y0-3-1-3);
+._z2zz8y2-3-2-1 {
+  direction: var(--_z2zz8y0-3-2-1);
   display: inline-block;
   overflow: hidden;
   text-overflow: ellipsis;
   text-wrap: nowrap;
-  width: var(--_z2zz8y1-3-1-3);
+  width: var(--_z2zz8y1-3-2-1);
 }

package/esm/charts/xy-chart/components/axes/AxisTickWithTruncation.sty.js

@@ -1,7 +1,7 @@
 import "./AxisTickWithTruncation.css";
-var directionValue = "var(--_z2zz8y0-3-1-3)";
-var tickStyle = "_z2zz8y2-3-1-3";
-var widthContainer = "var(--_z2zz8y1-3-1-3)";
+var directionValue = "var(--_z2zz8y0-3-2-1)";
+var tickStyle = "_z2zz8y2-3-2-1";
+var widthContainer = "var(--_z2zz8y1-3-2-1)";
 export {
   directionValue,
   tickStyle,

package/esm/charts/xy-chart/components/axes/AxisTickWithTruncation.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/axes/AxisTickWithTruncation.css.ts"],
-  "sourcesContent": ["import './AxisTickWithTruncation.css';\nexport var directionValue = 'var(--_z2zz8y0-3-1-3)';\nexport var tickStyle = '_z2zz8y2-3-1-3';\nexport var widthContainer = 'var(--_z2zz8y1-3-1-3)';"],
+  "sourcesContent": ["import './AxisTickWithTruncation.css';\nexport var directionValue = 'var(--_z2zz8y0-3-2-1)';\nexport var tickStyle = '_z2zz8y2-3-2-1';\nexport var widthContainer = 'var(--_z2zz8y1-3-2-1)';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;AACrB,IAAI,YAAY;AAChB,IAAI,iBAAiB;",
   "names": []
 }

package/esm/charts/xy-chart/components/displays/band-accessors.js

@@ -41,10 +41,26 @@ const bandX0Accessor = (scale, relAccessor) => getBandValueAccessor("x0")(scale,
 const bandX1Accessor = (scale, relAccessor) => getBandValueAccessor("x1")(scale, relAccessor);
 const bandY0Accessor = (scale, relAccessor) => getBandValueAccessor("y0")(scale, relAccessor);
 const bandY1Accessor = (scale, relAccessor) => getBandValueAccessor("y1")(scale, relAccessor);
+function xMiddleBandAccessor(scale, relAccessor) {
+  return (datapoint) => {
+    const x0 = bandX0Accessor(scale, relAccessor)(datapoint);
+    const x1 = bandX1Accessor(scale, relAccessor)(datapoint);
+    return (x0 + x1) / 2;
+  };
+}
+function yMiddleBandAccessor(scale, relAccessor) {
+  return (datapoint) => {
+    const y0 = bandY0Accessor(scale, relAccessor)(datapoint);
+    const y1 = bandY1Accessor(scale, relAccessor)(datapoint);
+    return (y0 + y1) / 2;
+  };
+}
 export {
   bandX0Accessor,
   bandX1Accessor,
   bandY0Accessor,
-  bandY1Accessor
+  bandY1Accessor,
+  xMiddleBandAccessor,
+  yMiddleBandAccessor
 };
 //# sourceMappingURL=band-accessors.js.map

package/esm/charts/xy-chart/components/displays/band-accessors.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/displays/band-accessors.ts"],
-  "sourcesContent": ["import type { AnyXYChartScale } from '../../types/xy-chart-internals.js';\nimport type { AreaDatapoint } from '../../types/xy-chart.js';\nimport { getBandCenteredPoint } from '../../utils/get-band-centered-point.js';\nimport { getCenterDate } from '../../utils/get-center-date.js';\nimport {\n  isCategoricalAreaScale,\n  isNumericalAreaScale,\n  isTimeAreaScale,\n} from '../../utils/type-guards.js';\n\n/**\n * Creates a direct value accessor for band charts.\n * Unlike stacking accessors, band accessors return the scaled value directly\n * without any accumulation or baseline calculations.\n *\n * For full-band charts (where all x0, x1, y0, y1 are defined) with time on the x-axis,\n * the accessor centers the x value between x0 and x1 to ensure consistency with domain calculations.\n *\n * @param accessorKey - The key to access the value from the datapoint\n * @param relAccessor - Optional function to convert absolute numerical values to relative values\n */\nconst getBandValueAccessor = (accessorKey: 'x0' | 'x1' | 'y0' | 'y1') => {\n  return (scale: AnyXYChartScale, relAccessor?: (value: number) => number) => {\n    return (datapoint: AreaDatapoint) => {\n      const value = datapoint[accessorKey];\n\n      if (value === undefined) {\n        throw Error(\n          `${accessorKey} cannot be undefined for band chart accessor`,\n        );\n      }\n\n      const args = { scale, v0: value, v1: undefined };\n\n      if (isNumericalAreaScale(args)) {\n        return args.scale(relAccessor ? relAccessor(args.v0) : args.v0);\n      }\n\n      if (isTimeAreaScale(args)) {\n        const isXAccessor = accessorKey === 'x0' || accessorKey === 'x1';\n        const hasAllBandCoordinates =\n          datapoint.x0 !== undefined &&\n          datapoint.x1 !== undefined &&\n          datapoint.y0 !== undefined &&\n          datapoint.y1 !== undefined;\n\n        if (hasAllBandCoordinates && isXAccessor) {\n          const centeredTimestamp = getCenterDate(\n            datapoint.x0 as Date,\n            datapoint.x1 as Date,\n          );\n          return args.scale(new Date(centeredTimestamp));\n        }\n\n        return args.scale(args.v0);\n      }\n\n      if (isCategoricalAreaScale(args)) {\n        return getBandCenteredPoint(args.scale, args.v0);\n      }\n\n      throw Error(`unknown scale type for band accessor ${accessorKey}`);\n    };\n  };\n};\n\n/**\n * Band chart x0 accessor - returns the scaled x0 value directly.\n */\nexport const bandX0Accessor = (\n  scale: AnyXYChartScale,\n  relAccessor?: (value: number) => number,\n) => getBandValueAccessor('x0')(scale, relAccessor);\n\n/**\n * Band chart x1 accessor - returns the scaled x1 value directly.\n */\nexport const bandX1Accessor = (\n  scale: AnyXYChartScale,\n  relAccessor?: (value: number) => number,\n) => getBandValueAccessor('x1')(scale, relAccessor);\n\n/**\n * Band chart y0 accessor - returns the scaled y0 value directly.\n */\nexport const bandY0Accessor = (\n  scale: AnyXYChartScale,\n  relAccessor?: (value: number) => number,\n) => getBandValueAccessor('y0')(scale, relAccessor);\n\n/**\n * Band chart y1 accessor - returns the scaled y1 value directly.\n */\nexport const bandY1Accessor = (\n  scale: AnyXYChartScale,\n  relAccessor?: (value: number) => number,\n) => getBandValueAccessor('y1')(scale, relAccessor);\n"],
-  "mappings": "AAEA,SAAS,4BAA4B;AACrC,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAaP,MAAM,uBAAuB,CAAC,gBAA2C;AACvE,SAAO,CAAC,OAAwB,gBAA4C;AAC1E,WAAO,CAAC,cAA6B;AACnC,YAAM,QAAQ,UAAU,WAAW;AAEnC,UAAI,UAAU,QAAW;AACvB,cAAM;AAAA,UACJ,GAAG,WAAW;AAAA,QAChB;AAAA,MACF;AAEA,YAAM,OAAO,EAAE,OAAO,IAAI,OAAO,IAAI,OAAU;AAE/C,UAAI,qBAAqB,IAAI,GAAG;AAC9B,eAAO,KAAK,MAAM,cAAc,YAAY,KAAK,EAAE,IAAI,KAAK,EAAE;AAAA,MAChE;AAEA,UAAI,gBAAgB,IAAI,GAAG;AACzB,cAAM,cAAc,gBAAgB,QAAQ,gBAAgB;AAC5D,cAAM,wBACJ,UAAU,OAAO,UACjB,UAAU,OAAO,UACjB,UAAU,OAAO,UACjB,UAAU,OAAO;AAEnB,YAAI,yBAAyB,aAAa;AACxC,gBAAM,oBAAoB;AAAA,YACxB,UAAU;AAAA,YACV,UAAU;AAAA,UACZ;AACA,iBAAO,KAAK,MAAM,IAAI,KAAK,iBAAiB,CAAC;AAAA,QAC/C;AAEA,eAAO,KAAK,MAAM,KAAK,EAAE;AAAA,MAC3B;AAEA,UAAI,uBAAuB,IAAI,GAAG;AAChC,eAAO,qBAAqB,KAAK,OAAO,KAAK,EAAE;AAAA,MACjD;AAEA,YAAM,MAAM,wCAAwC,WAAW,EAAE;AAAA,IACnE;AAAA,EACF;AACF;AAKO,MAAM,iBAAiB,CAC5B,OACA,gBACG,qBAAqB,IAAI,EAAE,OAAO,WAAW;AAK3C,MAAM,iBAAiB,CAC5B,OACA,gBACG,qBAAqB,IAAI,EAAE,OAAO,WAAW;AAK3C,MAAM,iBAAiB,CAC5B,OACA,gBACG,qBAAqB,IAAI,EAAE,OAAO,WAAW;AAK3C,MAAM,iBAAiB,CAC5B,OACA,gBACG,qBAAqB,IAAI,EAAE,OAAO,WAAW;",
+  "sourcesContent": ["import type { AnyXYChartScale } from '../../types/xy-chart-internals.js';\nimport type { AreaDatapoint } from '../../types/xy-chart.js';\nimport { getBandCenteredPoint } from '../../utils/get-band-centered-point.js';\nimport { getCenterDate } from '../../utils/get-center-date.js';\nimport {\n  isCategoricalAreaScale,\n  isNumericalAreaScale,\n  isTimeAreaScale,\n} from '../../utils/type-guards.js';\n\n/**\n * Creates a direct value accessor for band charts.\n * Unlike stacking accessors, band accessors return the scaled value directly\n * without any accumulation or baseline calculations.\n *\n * For full-band charts (where all x0, x1, y0, y1 are defined) with time on the x-axis,\n * the accessor centers the x value between x0 and x1 to ensure consistency with domain calculations.\n *\n * @param accessorKey - The key to access the value from the datapoint\n * @param relAccessor - Optional function to convert absolute numerical values to relative values\n */\nconst getBandValueAccessor = (accessorKey: 'x0' | 'x1' | 'y0' | 'y1') => {\n  return (scale: AnyXYChartScale, relAccessor?: (value: number) => number) => {\n    return (datapoint: AreaDatapoint) => {\n      const value = datapoint[accessorKey];\n\n      if (value === undefined) {\n        throw Error(\n          `${accessorKey} cannot be undefined for band chart accessor`,\n        );\n      }\n\n      const args = { scale, v0: value, v1: undefined };\n\n      if (isNumericalAreaScale(args)) {\n        return args.scale(relAccessor ? relAccessor(args.v0) : args.v0);\n      }\n\n      if (isTimeAreaScale(args)) {\n        const isXAccessor = accessorKey === 'x0' || accessorKey === 'x1';\n        const hasAllBandCoordinates =\n          datapoint.x0 !== undefined &&\n          datapoint.x1 !== undefined &&\n          datapoint.y0 !== undefined &&\n          datapoint.y1 !== undefined;\n\n        if (hasAllBandCoordinates && isXAccessor) {\n          const centeredTimestamp = getCenterDate(\n            datapoint.x0 as Date,\n            datapoint.x1 as Date,\n          );\n          return args.scale(new Date(centeredTimestamp));\n        }\n\n        return args.scale(args.v0);\n      }\n\n      if (isCategoricalAreaScale(args)) {\n        return getBandCenteredPoint(args.scale, args.v0);\n      }\n\n      throw Error(`unknown scale type for band accessor ${accessorKey}`);\n    };\n  };\n};\n\n/**\n * Band chart x0 accessor - returns the scaled x0 value directly.\n */\nexport const bandX0Accessor = (\n  scale: AnyXYChartScale,\n  relAccessor?: (value: number) => number,\n) => getBandValueAccessor('x0')(scale, relAccessor);\n\n/**\n * Band chart x1 accessor - returns the scaled x1 value directly.\n */\nexport const bandX1Accessor = (\n  scale: AnyXYChartScale,\n  relAccessor?: (value: number) => number,\n) => getBandValueAccessor('x1')(scale, relAccessor);\n\n/**\n * Band chart y0 accessor - returns the scaled y0 value directly.\n */\nexport const bandY0Accessor = (\n  scale: AnyXYChartScale,\n  relAccessor?: (value: number) => number,\n) => getBandValueAccessor('y0')(scale, relAccessor);\n\n/**\n * Band chart y1 accessor - returns the scaled y1 value directly.\n */\nexport const bandY1Accessor = (\n  scale: AnyXYChartScale,\n  relAccessor?: (value: number) => number,\n) => getBandValueAccessor('y1')(scale, relAccessor);\n\nexport function xMiddleBandAccessor(\n  scale: AnyXYChartScale,\n  relAccessor?: (value: number) => number,\n) {\n  return (datapoint: AreaDatapoint) => {\n    const x0 = bandX0Accessor(scale, relAccessor)(datapoint);\n    const x1 = bandX1Accessor(scale, relAccessor)(datapoint);\n    return (x0 + x1) / 2;\n  };\n}\n\nexport function yMiddleBandAccessor(\n  scale: AnyXYChartScale,\n  relAccessor?: (value: number) => number,\n) {\n  return (datapoint: AreaDatapoint) => {\n    const y0 = bandY0Accessor(scale, relAccessor)(datapoint);\n    const y1 = bandY1Accessor(scale, relAccessor)(datapoint);\n    return (y0 + y1) / 2;\n  };\n}\n"],
+  "mappings": "AAEA,SAAS,4BAA4B;AACrC,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAaP,MAAM,uBAAuB,CAAC,gBAA2C;AACvE,SAAO,CAAC,OAAwB,gBAA4C;AAC1E,WAAO,CAAC,cAA6B;AACnC,YAAM,QAAQ,UAAU,WAAW;AAEnC,UAAI,UAAU,QAAW;AACvB,cAAM;AAAA,UACJ,GAAG,WAAW;AAAA,QAChB;AAAA,MACF;AAEA,YAAM,OAAO,EAAE,OAAO,IAAI,OAAO,IAAI,OAAU;AAE/C,UAAI,qBAAqB,IAAI,GAAG;AAC9B,eAAO,KAAK,MAAM,cAAc,YAAY,KAAK,EAAE,IAAI,KAAK,EAAE;AAAA,MAChE;AAEA,UAAI,gBAAgB,IAAI,GAAG;AACzB,cAAM,cAAc,gBAAgB,QAAQ,gBAAgB;AAC5D,cAAM,wBACJ,UAAU,OAAO,UACjB,UAAU,OAAO,UACjB,UAAU,OAAO,UACjB,UAAU,OAAO;AAEnB,YAAI,yBAAyB,aAAa;AACxC,gBAAM,oBAAoB;AAAA,YACxB,UAAU;AAAA,YACV,UAAU;AAAA,UACZ;AACA,iBAAO,KAAK,MAAM,IAAI,KAAK,iBAAiB,CAAC;AAAA,QAC/C;AAEA,eAAO,KAAK,MAAM,KAAK,EAAE;AAAA,MAC3B;AAEA,UAAI,uBAAuB,IAAI,GAAG;AAChC,eAAO,qBAAqB,KAAK,OAAO,KAAK,EAAE;AAAA,MACjD;AAEA,YAAM,MAAM,wCAAwC,WAAW,EAAE;AAAA,IACnE;AAAA,EACF;AACF;AAKO,MAAM,iBAAiB,CAC5B,OACA,gBACG,qBAAqB,IAAI,EAAE,OAAO,WAAW;AAK3C,MAAM,iBAAiB,CAC5B,OACA,gBACG,qBAAqB,IAAI,EAAE,OAAO,WAAW;AAK3C,MAAM,iBAAiB,CAC5B,OACA,gBACG,qBAAqB,IAAI,EAAE,OAAO,WAAW;AAK3C,MAAM,iBAAiB,CAC5B,OACA,gBACG,qBAAqB,IAAI,EAAE,OAAO,WAAW;AAE3C,SAAS,oBACd,OACA,aACA;AACA,SAAO,CAAC,cAA6B;AACnC,UAAM,KAAK,eAAe,OAAO,WAAW,EAAE,SAAS;AACvD,UAAM,KAAK,eAAe,OAAO,WAAW,EAAE,SAAS;AACvD,YAAQ,KAAK,MAAM;AAAA,EACrB;AACF;AAEO,SAAS,oBACd,OACA,aACA;AACA,SAAO,CAAC,cAA6B;AACnC,UAAM,KAAK,eAAe,OAAO,WAAW,EAAE,SAAS;AACvD,UAAM,KAAK,eAAe,OAAO,WAAW,EAAE,SAAS;AACvD,YAAQ,KAAK,MAAM;AAAA,EACrB;AACF;",
   "names": []
 }

package/esm/charts/xy-chart/components/displays/index.js

@@ -1,3 +1,15 @@
+import {
+  xAccessor as xAreaAccessor,
+  x1Accessor as x1AreaAccessor,
+  yAccessor as yAreaAccessor,
+  y1Accessor as y1AreaAccessor
+} from "./area-accessors.js";
+import {
+  bandX0Accessor as x0BandAccessor,
+  xMiddleBandAccessor,
+  bandY0Accessor as y0BandAccessor,
+  yMiddleBandAccessor
+} from "./band-accessors.js";
 import {
   xAccessor as xDotAccessor,
   yAccessor as yDotAccessor
@@ -6,8 +18,23 @@ import {
   xAccessor as xLineAccessor,
   yAccessor as yLineAccessor
 } from "./line-accessors.js";
-import { DOT_VARIANT, LINE_VARIANT } from "../../types/xy-chart-internals.js";
+import {
+  DOT_VARIANT,
+  LINE_VARIANT,
+  AREA_HORIZONTAL,
+  AREA_VERTICAL,
+  BAND_HORIZONTAL,
+  BAND_VERTICAL
+} from "../../types/xy-chart-internals.js";
 const LINEAR_ACCESSORS = {
+  [BAND_HORIZONTAL]: {
+    x: xMiddleBandAccessor,
+    y: y0BandAccessor
+  },
+  [BAND_VERTICAL]: {
+    x: x0BandAccessor,
+    y: yMiddleBandAccessor
+  },
   [DOT_VARIANT]: {
     x: xDotAccessor,
     y: yDotAccessor
@@ -15,6 +42,14 @@ const LINEAR_ACCESSORS = {
   [LINE_VARIANT]: {
     x: xLineAccessor,
     y: yLineAccessor
+  },
+  [AREA_HORIZONTAL]: {
+    x: x1AreaAccessor,
+    y: yAreaAccessor
+  },
+  [AREA_VERTICAL]: {
+    x: xAreaAccessor,
+    y: y1AreaAccessor
   }
 };
 export {

package/esm/charts/xy-chart/components/displays/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/displays/index.ts"],
-  "sourcesContent": ["import {\n  xAccessor as xDotAccessor,\n  yAccessor as yDotAccessor,\n} from './dot-accessors.js';\nimport {\n  xAccessor as xLineAccessor,\n  yAccessor as yLineAccessor,\n} from './line-accessors.js';\nimport { DOT_VARIANT, LINE_VARIANT } from '../../types/xy-chart-internals.js';\n\ntype LinearAccessors = {\n  [DOT_VARIANT]: {\n    x: typeof xDotAccessor;\n    y: typeof yDotAccessor;\n  };\n  [LINE_VARIANT]: {\n    x: typeof xLineAccessor;\n    y: typeof yLineAccessor;\n  };\n};\n\nexport const LINEAR_ACCESSORS: LinearAccessors = {\n  [DOT_VARIANT]: {\n    x: xDotAccessor,\n    y: yDotAccessor,\n  },\n  [LINE_VARIANT]: {\n    x: xLineAccessor,\n    y: yLineAccessor,\n  },\n} as const;\n"],
-  "mappings": "AAAA;AAAA,EACE,aAAa;AAAA,EACb,aAAa;AAAA,OACR;AACP;AAAA,EACE,aAAa;AAAA,EACb,aAAa;AAAA,OACR;AACP,SAAS,aAAa,oBAAoB;AAanC,MAAM,mBAAoC;AAAA,EAC/C,CAAC,WAAW,GAAG;AAAA,IACb,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA,EACA,CAAC,YAAY,GAAG;AAAA,IACd,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AACF;",
+  "sourcesContent": ["import {\n  xAccessor as xAreaAccessor,\n  x1Accessor as x1AreaAccessor,\n  yAccessor as yAreaAccessor,\n  y1Accessor as y1AreaAccessor,\n} from './area-accessors.js';\nimport {\n  bandX0Accessor as x0BandAccessor,\n  xMiddleBandAccessor,\n  bandY0Accessor as y0BandAccessor,\n  yMiddleBandAccessor,\n} from './band-accessors.js';\nimport {\n  xAccessor as xDotAccessor,\n  yAccessor as yDotAccessor,\n} from './dot-accessors.js';\nimport {\n  xAccessor as xLineAccessor,\n  yAccessor as yLineAccessor,\n} from './line-accessors.js';\nimport {\n  DOT_VARIANT,\n  LINE_VARIANT,\n  AREA_HORIZONTAL,\n  AREA_VERTICAL,\n  BAND_HORIZONTAL,\n  BAND_VERTICAL,\n} from '../../types/xy-chart-internals.js';\nimport type { LinearAccessors } from '../../utils/type-guards.js';\n\nexport const LINEAR_ACCESSORS: LinearAccessors = {\n  [BAND_HORIZONTAL]: {\n    x: xMiddleBandAccessor,\n    y: y0BandAccessor,\n  },\n  [BAND_VERTICAL]: {\n    x: x0BandAccessor,\n    y: yMiddleBandAccessor,\n  },\n  [DOT_VARIANT]: {\n    x: xDotAccessor,\n    y: yDotAccessor,\n  },\n  [LINE_VARIANT]: {\n    x: xLineAccessor,\n    y: yLineAccessor,\n  },\n  [AREA_HORIZONTAL]: {\n    x: x1AreaAccessor,\n    y: yAreaAccessor,\n  },\n  [AREA_VERTICAL]: {\n    x: xAreaAccessor,\n    y: y1AreaAccessor,\n  },\n} as const;\n"],
+  "mappings": "AAAA;AAAA,EACE,aAAa;AAAA,EACb,cAAc;AAAA,EACd,aAAa;AAAA,EACb,cAAc;AAAA,OACT;AACP;AAAA,EACE,kBAAkB;AAAA,EAClB;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,OACK;AACP;AAAA,EACE,aAAa;AAAA,EACb,aAAa;AAAA,OACR;AACP;AAAA,EACE,aAAa;AAAA,EACb,aAAa;AAAA,OACR;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGA,MAAM,mBAAoC;AAAA,EAC/C,CAAC,eAAe,GAAG;AAAA,IACjB,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA,EACA,CAAC,aAAa,GAAG;AAAA,IACf,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA,EACA,CAAC,WAAW,GAAG;AAAA,IACb,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA,EACA,CAAC,YAAY,GAAG;AAAA,IACd,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA,EACA,CAAC,eAAe,GAAG;AAAA,IACjB,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA,EACA,CAAC,aAAa,GAAG;AAAA,IACf,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AACF;",
   "names": []
 }

package/esm/charts/xy-chart/components/layout/XYChartGridLayout.js

@@ -2,18 +2,22 @@ import { jsx } from "react/jsx-runtime";
 import { plotLayout } from "../../../core/components/chart-grid/ChartGrid.sty.js";
 import { useGridPlotSize } from "../../../core/components/chart-grid/hooks/useGridPlotSize.js";
 import { Grid } from "../../../core/components/grid/Grid.js";
+import { useAxesTicks } from "../../hooks/useAxesTicks.js";
 import { useGetVisibleAxesScales } from "../../hooks/useGetVisibleAxesScales.js";
 import { useShouldShowGrid } from "../../hooks/useShouldShowGrid.js";
 const XYChartGridLayout = () => {
   const { width, height } = useGridPlotSize();
   const { shouldShowGrid } = useShouldShowGrid();
   const visibleAxisScales = useGetVisibleAxesScales();
+  const { topTicks, bottomTicks, leftTicks, rightTicks } = useAxesTicks();
   if (!shouldShowGrid()) {
     return null;
   }
   if (!visibleAxisScales.hasXAndYScale) {
     return null;
   }
+  const xTicks = bottomTicks.numericTicks ?? topTicks.numericTicks;
+  const yTicks = leftTicks.numericTicks ?? rightTicks.numericTicks;
   return /* @__PURE__ */ jsx("svg", { className: plotLayout, children: /* @__PURE__ */ jsx(
     Grid,
     {
@@ -21,6 +25,8 @@ const XYChartGridLayout = () => {
       yScale: visibleAxisScales.yScale,
       height,
       width,
+      xTicks,
+      yTicks,
       highlightZeroLine: {
         horizontal: false,
         vertical: false

package/esm/charts/xy-chart/components/layout/XYChartGridLayout.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/layout/XYChartGridLayout.tsx"],
-  "sourcesContent": ["import { plotLayout } from '../../../core/components/chart-grid/ChartGrid.sty.js';\nimport { useGridPlotSize } from '../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { Grid } from '../../../core/components/grid/Grid.js';\nimport { useGetVisibleAxesScales } from '../../hooks/useGetVisibleAxesScales.js';\nimport { useShouldShowGrid } from '../../hooks/useShouldShowGrid.js';\n\nexport const XYChartGridLayout = () => {\n  const { width, height } = useGridPlotSize();\n\n  const { shouldShowGrid } = useShouldShowGrid();\n  const visibleAxisScales = useGetVisibleAxesScales();\n\n  if (!shouldShowGrid()) {\n    return null;\n  }\n\n  if (!visibleAxisScales.hasXAndYScale) {\n    return null;\n  }\n\n  return (\n    <svg className={plotLayout}>\n      <Grid\n        xScale={visibleAxisScales.xScale}\n        yScale={visibleAxisScales.yScale}\n        height={height}\n        width={width}\n        highlightZeroLine={{\n          horizontal: false,\n          vertical: false,\n        }}\n      />\n    </svg>\n  );\n};\n\nXYChartGridLayout['displayName'] = 'XYChartGridLayout';\n"],
-  "mappings": "AAsBM;AAtBN,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAChC,SAAS,YAAY;AACrB,SAAS,+BAA+B;AACxC,SAAS,yBAAyB;AAE3B,MAAM,oBAAoB,MAAM;AACrC,QAAM,EAAE,OAAO,OAAO,IAAI,gBAAgB;AAE1C,QAAM,EAAE,eAAe,IAAI,kBAAkB;AAC7C,QAAM,oBAAoB,wBAAwB;AAElD,MAAI,CAAC,eAAe,GAAG;AACrB,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,kBAAkB,eAAe;AACpC,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,SAAI,WAAW,YACd;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ,kBAAkB;AAAA,MAC1B,QAAQ,kBAAkB;AAAA,MAC1B;AAAA,MACA;AAAA,MACA,mBAAmB;AAAA,QACjB,YAAY;AAAA,QACZ,UAAU;AAAA,MACZ;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,kBAAkB,aAAa,IAAI;",
+  "sourcesContent": ["import { plotLayout } from '../../../core/components/chart-grid/ChartGrid.sty.js';\nimport { useGridPlotSize } from '../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { Grid } from '../../../core/components/grid/Grid.js';\nimport { useAxesTicks } from '../../hooks/useAxesTicks.js';\nimport { useGetVisibleAxesScales } from '../../hooks/useGetVisibleAxesScales.js';\nimport { useShouldShowGrid } from '../../hooks/useShouldShowGrid.js';\n\nexport const XYChartGridLayout = () => {\n  const { width, height } = useGridPlotSize();\n\n  const { shouldShowGrid } = useShouldShowGrid();\n  const visibleAxisScales = useGetVisibleAxesScales();\n  const { topTicks, bottomTicks, leftTicks, rightTicks } = useAxesTicks();\n\n  if (!shouldShowGrid()) {\n    return null;\n  }\n\n  if (!visibleAxisScales.hasXAndYScale) {\n    return null;\n  }\n\n  const xTicks = bottomTicks.numericTicks ?? topTicks.numericTicks;\n  const yTicks = leftTicks.numericTicks ?? rightTicks.numericTicks;\n\n  return (\n    <svg className={plotLayout}>\n      <Grid\n        xScale={visibleAxisScales.xScale}\n        yScale={visibleAxisScales.yScale}\n        height={height}\n        width={width}\n        xTicks={xTicks}\n        yTicks={yTicks}\n        highlightZeroLine={{\n          horizontal: false,\n          vertical: false,\n        }}\n      />\n    </svg>\n  );\n};\n\nXYChartGridLayout['displayName'] = 'XYChartGridLayout';\n"],
+  "mappings": "AA2BM;AA3BN,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAChC,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAC7B,SAAS,+BAA+B;AACxC,SAAS,yBAAyB;AAE3B,MAAM,oBAAoB,MAAM;AACrC,QAAM,EAAE,OAAO,OAAO,IAAI,gBAAgB;AAE1C,QAAM,EAAE,eAAe,IAAI,kBAAkB;AAC7C,QAAM,oBAAoB,wBAAwB;AAClD,QAAM,EAAE,UAAU,aAAa,WAAW,WAAW,IAAI,aAAa;AAEtE,MAAI,CAAC,eAAe,GAAG;AACrB,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,kBAAkB,eAAe;AACpC,WAAO;AAAA,EACT;AAEA,QAAM,SAAS,YAAY,gBAAgB,SAAS;AACpD,QAAM,SAAS,UAAU,gBAAgB,WAAW;AAEpD,SACE,oBAAC,SAAI,WAAW,YACd;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ,kBAAkB;AAAA,MAC1B,QAAQ,kBAAkB;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,mBAAmB;AAAA,QACjB,YAAY;AAAA,QACZ,UAAU;AAAA,MACZ;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,kBAAkB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/xy-chart/components/legend/XYLegend/xy-legend.css

@@ -1,3 +1,3 @@
-._1lwufqz0-3-1-3 {
+._1lwufqz0-3-2-1 {
   margin: var(--dt-spacings-size-2, 2px);
 }

package/esm/charts/xy-chart/components/legend/XYLegend/xy-legend.sty.js

@@ -1,5 +1,5 @@
 import "./xy-legend.css";
-var shapeIconWrapper = "_1lwufqz0-3-1-3";
+var shapeIconWrapper = "_1lwufqz0-3-2-1";
 export {
   shapeIconWrapper
 };

package/esm/charts/xy-chart/components/legend/XYLegend/xy-legend.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/legend/XYLegend/xy-legend.css.ts"],
-  "sourcesContent": ["import './xy-legend.css';\nexport var shapeIconWrapper = '_1lwufqz0-3-1-3';"],
+  "sourcesContent": ["import './xy-legend.css';\nexport var shapeIconWrapper = '_1lwufqz0-3-2-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,mBAAmB;",
   "names": []
 }

package/esm/charts/xy-chart/components/overlay/explore/XYChartCrosshair.css

@@ -1,4 +1,4 @@
-._1bbe5uo0-3-1-3 {
+._1bbe5uo0-3-2-1 {
   overflow: visible;
   cursor: crosshair;
   z-index: 1;

package/esm/charts/xy-chart/components/overlay/explore/XYChartCrosshair.js

@@ -44,7 +44,7 @@ function XYChartCrosshair({
   const setState = useSetState();
   const onScrollCallback = () => setState(reduceResetExploreVisible);
   useApplyCallbackOnScroll(pinned, onScrollCallback);
-  const { xAxis, yAxis, variant, orientation } = seriesToMetadata.get(tooltipContent?.series) ?? {};
+  const { xAxis, yAxis, variant, orientation, isStacked } = seriesToMetadata.get(tooltipContent?.series) ?? {};
   const isArea = isAreaTooltipContent(tooltipContent);
   const isHorizontal = orientation === "horizontal";
   const calculatedCoordinates = useMemo(() => {
@@ -64,7 +64,8 @@ function XYChartCrosshair({
       xRelAccessor,
       yRelAccessor,
       isArea,
-      isHorizontal
+      isHorizontal,
+      isStacked
     });
   }, [
     tooltipContent,
@@ -75,7 +76,8 @@ function XYChartCrosshair({
     axisIdToScales,
     datapointMetadataMap,
     isArea,
-    isHorizontal
+    isHorizontal,
+    isStacked
   ]);
   const coordinates = calculatedCoordinates ?? position ?? { x: 0, y: 0 };
   if (!position) {

package/esm/charts/xy-chart/components/overlay/explore/XYChartCrosshair.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/overlay/explore/XYChartCrosshair.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { type RefObject, useMemo } from 'react';\n\nimport { crosshair } from './XYChartCrosshair.sty.js';\nimport { plotLayout } from '../../../../core/components/chart-grid/ChartGrid.sty.js';\nimport { useGridPlotSize } from '../../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { HorizontalCrosshair } from '../../../../core/components/crosshair/HorizontalCrosshair.js';\nimport { VerticalCrosshair } from '../../../../core/components/crosshair/VerticalCrosshair.js';\nimport { reduceResetExploreVisible } from '../../../../core/components/interactions-state-helpers/reducers/reset-reducers.js';\nimport { useApplyCallbackOnScroll } from '../../../../core/hooks/useApplyCallbackOnScroll.js';\nimport { useAxesFormatter } from '../../../hooks/useAxesFormatter.js';\nimport { useGetThresholds } from '../../../hooks/useGetThresholds.js';\nimport { useVisibleAxesConfig } from '../../../hooks/useVisibleAxesConfig.js';\nimport { useVisibleAxesScales } from '../../../hooks/useVisibleAxesScales.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../../../hooks/useXYChartScales.js';\nimport {\n  useContentState,\n  usePositionState,\n  useSetState,\n} from '../../../store/selectors.js';\nimport {\n  isAreaTooltipContent,\n  isDotTooltipContent,\n  isLineTooltipContent,\n} from '../../../utils/type-guards.js';\nimport { relAccessor } from '../../../utils/value-representation.js';\nimport { calculateCrosshairCoordinates } from '../utils/calculate-crosshair-coordinates.js';\nimport { chartCrosshairDataTransformer as transformer } from '../utils/chartCrosshairDataTransformer.js';\n\nexport function XYChartCrosshair({\n  pinned,\n  chartRef,\n}: Readonly<{\n  chartRef: RefObject<HTMLDivElement | null>;\n  pinned: boolean;\n}>) {\n  const { relative: position } = usePositionState() ?? {};\n  const axesScale = useVisibleAxesScales();\n  const axesConfig = useVisibleAxesConfig();\n  const axesIdToFormatter = useAxesFormatter();\n  const { width, height } = useGridPlotSize();\n  const { offset: thresholdOffset } = useGetThresholds();\n  const { axisIdToScaleDomain, seriesToMetadata, datapointMetadataMap } =\n    useXYChartData();\n\n  const chartBounds = chartRef.current?.getBoundingClientRect();\n  const tooltipContent = useContentState();\n  const axisIdToScales = useXYChartScales();\n\n  const setState = useSetState();\n  const onScrollCallback = () => setState(reduceResetExploreVisible);\n\n  useApplyCallbackOnScroll(pinned, onScrollCallback);\n\n  const { xAxis, yAxis, variant, orientation } =\n    seriesToMetadata.get(tooltipContent?.series) ?? {};\n\n  const isArea = isAreaTooltipContent(tooltipContent);\n  const isHorizontal = orientation === 'horizontal';\n\n  const calculatedCoordinates = useMemo(() => {\n    const tooltipContentHasCenteredCrosshair =\n      isDotTooltipContent(tooltipContent) ||\n      isLineTooltipContent(tooltipContent) ||\n      isAreaTooltipContent(tooltipContent);\n\n    if (\n      !pinned ||\n      !tooltipContentHasCenteredCrosshair ||\n      !tooltipContent.series ||\n      !tooltipContent.datapoint\n    ) {\n      return null;\n    }\n\n    const xRelAccessor = xAxis\n      ? relAccessor(xAxis, axisIdToScaleDomain)\n      : undefined;\n    const yRelAccessor = yAxis\n      ? relAccessor(yAxis, axisIdToScaleDomain)\n      : undefined;\n\n    return calculateCrosshairCoordinates({\n      pinned,\n      tooltipContentHasCenteredCrosshair,\n      tooltipContentSeries: tooltipContent.series,\n      datapoint: tooltipContent.datapoint,\n      axisIdToScales,\n      datapointMetadataMap,\n      xRelAccessor,\n      yRelAccessor,\n      isArea,\n      isHorizontal,\n    });\n  }, [\n    tooltipContent,\n    xAxis,\n    yAxis,\n    axisIdToScaleDomain,\n    pinned,\n    axisIdToScales,\n    datapointMetadataMap,\n    isArea,\n    isHorizontal,\n  ]);\n\n  const coordinates = calculatedCoordinates ?? position ?? { x: 0, y: 0 };\n\n  if (!position) {\n    return null;\n  }\n\n  const { labels } = transformer({\n    position,\n    pinned,\n    axesScale,\n    axesIdToFormatter,\n    axesConfig,\n    width,\n  });\n\n  const isBottomLabelRotated =\n    axesConfig['bottom']?.tickLabelLayout === 'vertical';\n  const isTopLabelRotated = axesConfig['top']?.tickLabelLayout === 'vertical';\n\n  const leftOffset = labels.left ? thresholdOffset.left : 0;\n  const rightOffset = labels.right ? thresholdOffset.right : 0;\n  const widthWithOffset = width + leftOffset + rightOffset;\n\n  const isBand = variant === 'band';\n  const showHorizontalCrosshair = !isBand || isHorizontal || !pinned;\n  const showVerticalCrosshair = !isBand || !isHorizontal || !pinned;\n\n  return (\n    <svg className={clsx(plotLayout, crosshair)}>\n      {showHorizontalCrosshair && (\n        <HorizontalCrosshair\n          dashed={!pinned}\n          leftLabel={labels.left}\n          rightLabel={labels.right}\n          y={coordinates.y}\n          width={widthWithOffset}\n          height={height}\n          chartBounds={chartBounds}\n          leftOffset={leftOffset}\n          rightOffset={rightOffset}\n        />\n      )}\n      {showVerticalCrosshair && (\n        <VerticalCrosshair\n          dashed={!pinned}\n          bottomLabel={labels.bottom}\n          topLabel={labels.top}\n          isBottomLabelRotated={isBottomLabelRotated}\n          isTopLabelRotated={isTopLabelRotated}\n          x={coordinates.x}\n          height={height}\n          width={widthWithOffset}\n          chartBounds={chartBounds}\n        />\n      )}\n    </svg>\n  );\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { type RefObject, useMemo } from 'react';\n\nimport { crosshair } from './XYChartCrosshair.sty.js';\nimport { plotLayout } from '../../../../core/components/chart-grid/ChartGrid.sty.js';\nimport { useGridPlotSize } from '../../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { HorizontalCrosshair } from '../../../../core/components/crosshair/HorizontalCrosshair.js';\nimport { VerticalCrosshair } from '../../../../core/components/crosshair/VerticalCrosshair.js';\nimport { reduceResetExploreVisible } from '../../../../core/components/interactions-state-helpers/reducers/reset-reducers.js';\nimport { useApplyCallbackOnScroll } from '../../../../core/hooks/useApplyCallbackOnScroll.js';\nimport { useAxesFormatter } from '../../../hooks/useAxesFormatter.js';\nimport { useGetThresholds } from '../../../hooks/useGetThresholds.js';\nimport { useVisibleAxesConfig } from '../../../hooks/useVisibleAxesConfig.js';\nimport { useVisibleAxesScales } from '../../../hooks/useVisibleAxesScales.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../../../hooks/useXYChartScales.js';\nimport {\n  useContentState,\n  usePositionState,\n  useSetState,\n} from '../../../store/selectors.js';\nimport {\n  isAreaTooltipContent,\n  isDotTooltipContent,\n  isLineTooltipContent,\n} from '../../../utils/type-guards.js';\nimport { relAccessor } from '../../../utils/value-representation.js';\nimport { calculateCrosshairCoordinates } from '../utils/calculate-crosshair-coordinates.js';\nimport { chartCrosshairDataTransformer as transformer } from '../utils/chartCrosshairDataTransformer.js';\n\nexport function XYChartCrosshair({\n  pinned,\n  chartRef,\n}: Readonly<{\n  chartRef: RefObject<HTMLDivElement | null>;\n  pinned: boolean;\n}>) {\n  const { relative: position } = usePositionState() ?? {};\n  const axesScale = useVisibleAxesScales();\n  const axesConfig = useVisibleAxesConfig();\n  const axesIdToFormatter = useAxesFormatter();\n  const { width, height } = useGridPlotSize();\n  const { offset: thresholdOffset } = useGetThresholds();\n  const { axisIdToScaleDomain, seriesToMetadata, datapointMetadataMap } =\n    useXYChartData();\n\n  const chartBounds = chartRef.current?.getBoundingClientRect();\n  const tooltipContent = useContentState();\n  const axisIdToScales = useXYChartScales();\n\n  const setState = useSetState();\n  const onScrollCallback = () => setState(reduceResetExploreVisible);\n\n  useApplyCallbackOnScroll(pinned, onScrollCallback);\n\n  const { xAxis, yAxis, variant, orientation, isStacked } =\n    seriesToMetadata.get(tooltipContent?.series) ?? {};\n\n  const isArea = isAreaTooltipContent(tooltipContent);\n  const isHorizontal = orientation === 'horizontal';\n\n  const calculatedCoordinates = useMemo(() => {\n    const tooltipContentHasCenteredCrosshair =\n      isDotTooltipContent(tooltipContent) ||\n      isLineTooltipContent(tooltipContent) ||\n      isAreaTooltipContent(tooltipContent);\n\n    if (\n      !pinned ||\n      !tooltipContentHasCenteredCrosshair ||\n      !tooltipContent.series ||\n      !tooltipContent.datapoint\n    ) {\n      return null;\n    }\n\n    const xRelAccessor = xAxis\n      ? relAccessor(xAxis, axisIdToScaleDomain)\n      : undefined;\n    const yRelAccessor = yAxis\n      ? relAccessor(yAxis, axisIdToScaleDomain)\n      : undefined;\n\n    return calculateCrosshairCoordinates({\n      pinned,\n      tooltipContentHasCenteredCrosshair,\n      tooltipContentSeries: tooltipContent.series,\n      datapoint: tooltipContent.datapoint,\n      axisIdToScales,\n      datapointMetadataMap,\n      xRelAccessor,\n      yRelAccessor,\n      isArea,\n      isHorizontal,\n      isStacked,\n    });\n  }, [\n    tooltipContent,\n    xAxis,\n    yAxis,\n    axisIdToScaleDomain,\n    pinned,\n    axisIdToScales,\n    datapointMetadataMap,\n    isArea,\n    isHorizontal,\n    isStacked,\n  ]);\n\n  const coordinates = calculatedCoordinates ?? position ?? { x: 0, y: 0 };\n\n  if (!position) {\n    return null;\n  }\n\n  const { labels } = transformer({\n    position,\n    pinned,\n    axesScale,\n    axesIdToFormatter,\n    axesConfig,\n    width,\n  });\n\n  const isBottomLabelRotated =\n    axesConfig['bottom']?.tickLabelLayout === 'vertical';\n  const isTopLabelRotated = axesConfig['top']?.tickLabelLayout === 'vertical';\n\n  const leftOffset = labels.left ? thresholdOffset.left : 0;\n  const rightOffset = labels.right ? thresholdOffset.right : 0;\n  const widthWithOffset = width + leftOffset + rightOffset;\n\n  const isBand = variant === 'band';\n  const showHorizontalCrosshair = !isBand || isHorizontal || !pinned;\n  const showVerticalCrosshair = !isBand || !isHorizontal || !pinned;\n\n  return (\n    <svg className={clsx(plotLayout, crosshair)}>\n      {showHorizontalCrosshair && (\n        <HorizontalCrosshair\n          dashed={!pinned}\n          leftLabel={labels.left}\n          rightLabel={labels.right}\n          y={coordinates.y}\n          width={widthWithOffset}\n          height={height}\n          chartBounds={chartBounds}\n          leftOffset={leftOffset}\n          rightOffset={rightOffset}\n        />\n      )}\n      {showVerticalCrosshair && (\n        <VerticalCrosshair\n          dashed={!pinned}\n          bottomLabel={labels.bottom}\n          topLabel={labels.top}\n          isBottomLabelRotated={isBottomLabelRotated}\n          isTopLabelRotated={isTopLabelRotated}\n          x={coordinates.x}\n          height={height}\n          width={widthWithOffset}\n          chartBounds={chartBounds}\n        />\n      )}\n    </svg>\n  );\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart/components/overlay/explore/XYChartCrosshair.sty.js

@@ -1,5 +1,5 @@
 import "./XYChartCrosshair.css";
-var crosshair = "_1bbe5uo0-3-1-3";
+var crosshair = "_1bbe5uo0-3-2-1";
 export {
   crosshair
 };

package/esm/charts/xy-chart/components/overlay/explore/XYChartCrosshair.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/overlay/explore/XYChartCrosshair.css.ts"],
-  "sourcesContent": ["import './XYChartCrosshair.css';\nexport var crosshair = '_1bbe5uo0-3-1-3';"],
+  "sourcesContent": ["import './XYChartCrosshair.css';\nexport var crosshair = '_1bbe5uo0-3-2-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/xy-chart/components/overlay/explore/XYChartExplore.css

@@ -1,4 +1,4 @@
-._cd1yys0-3-1-3 {
+._cd1yys0-3-2-1 {
   top: -11px;
   left: -11px;
   width: calc(100% + 22px);
@@ -6,7 +6,7 @@
   z-index: 2;
   pointer-events: none;
 }
-._cd1yys1-3-1-3 {
+._cd1yys1-3-2-1 {
   top: 0px;
   left: 0px;
   width: calc(100% + 1px);

package/esm/charts/xy-chart/components/overlay/explore/XYChartExplore.sty.js

@@ -1,7 +1,7 @@
 import "../../../../core/components/chart-grid/ChartGrid.css";
 import "./XYChartExplore.css";
-var datapointIndicatorLayout = "_cd1yys1-3-1-3 _13lzg4k0-3-1-3";
-var datapointIndicatorShiftedLayout = "_cd1yys0-3-1-3 _13lzg4k0-3-1-3";
+var datapointIndicatorLayout = "_cd1yys1-3-2-1 _13lzg4k0-3-2-1";
+var datapointIndicatorShiftedLayout = "_cd1yys0-3-2-1 _13lzg4k0-3-2-1";
 export {
   datapointIndicatorLayout,
   datapointIndicatorShiftedLayout

package/esm/charts/xy-chart/components/overlay/explore/XYChartExplore.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/overlay/explore/XYChartExplore.css.ts"],
-  "sourcesContent": ["import '../../../../core/components/chart-grid/ChartGrid.css';\nimport './XYChartExplore.css';\nexport var datapointIndicatorLayout = '_cd1yys1-3-1-3 _13lzg4k0-3-1-3';\nexport var datapointIndicatorShiftedLayout = '_cd1yys0-3-1-3 _13lzg4k0-3-1-3';"],
+  "sourcesContent": ["import '../../../../core/components/chart-grid/ChartGrid.css';\nimport './XYChartExplore.css';\nexport var datapointIndicatorLayout = '_cd1yys1-3-2-1 _13lzg4k0-3-2-1';\nexport var datapointIndicatorShiftedLayout = '_cd1yys0-3-2-1 _13lzg4k0-3-2-1';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,2BAA2B;AAC/B,IAAI,kCAAkC;",
   "names": []
 }

package/esm/charts/xy-chart/components/overlay/utils/calculate-crosshair-coordinates.js

@@ -17,7 +17,8 @@ function calculateCrosshairCoordinates({
   xRelAccessor,
   yRelAccessor,
   isArea,
-  isHorizontal
+  isHorizontal,
+  isStacked
 }) {
   const xScale = getCurrentScale(axisIdToScales, tooltipContentSeries.xAxisId);
   const yScale = getCurrentScale(axisIdToScales, tooltipContentSeries.yAxisId);
@@ -26,7 +27,8 @@ function calculateCrosshairCoordinates({
     x = isHorizontal ? areaX1Accessor(
       xScale,
       datapointMetadataMap,
-      xRelAccessor
+      xRelAccessor,
+      isStacked
     )(datapoint) : areaXAccessor(xScale, xRelAccessor)(datapoint);
   } else {
     x = dotXAccessor(
@@ -39,7 +41,8 @@ function calculateCrosshairCoordinates({
     y = isHorizontal ? areaYAccessor(yScale, yRelAccessor)(datapoint) : areaY1Accessor(
       yScale,
       datapointMetadataMap,
-      yRelAccessor
+      yRelAccessor,
+      isStacked
     )(datapoint);
   } else {
     y = dotYAccessor(

package/esm/charts/xy-chart/components/overlay/utils/calculate-crosshair-coordinates.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/overlay/utils/calculate-crosshair-coordinates.ts"],
-  "sourcesContent": ["import type { AxisIdToScales } from '../../../context/XYChartScales.context.js';\nimport type { MapDatapoints } from '../../../types/xy-chart-internals.js';\nimport type {\n  AreaDatapoint,\n  DotDatapoint,\n  LineDatapoint,\n} from '../../../types/xy-chart.js';\nimport { getCurrentScale } from '../../../utils/get-scale.js';\nimport {\n  xAccessor as areaXAccessor,\n  x1Accessor as areaX1Accessor,\n  y1Accessor as areaY1Accessor,\n  yAccessor as areaYAccessor,\n} from '../../displays/area-accessors.js';\nimport {\n  xAccessor as dotXAccessor,\n  yAccessor as dotYAccessor,\n} from '../../displays/dot-accessors.js';\n\ntype Position = { x: number; y: number };\ntype Datapoint = DotDatapoint | LineDatapoint | AreaDatapoint;\n\nexport interface CalculateCrosshairCoordinatesInput {\n  pinned: boolean;\n  tooltipContentHasCenteredCrosshair: boolean;\n  tooltipContentSeries: { xAxisId: string; yAxisId: string };\n  datapoint: Datapoint;\n  axisIdToScales: AxisIdToScales;\n  datapointMetadataMap: MapDatapoints;\n  xRelAccessor: ((value: number) => number) | undefined;\n  yRelAccessor: ((value: number) => number) | undefined;\n  isArea: boolean;\n  isHorizontal: boolean;\n}\n\n/**\n * Calculates crosshair coordinates for a datapoint on the chart.\n * Optimized for high-frequency calls during mouse movement.\n *\n * @param input - Coordinate calculation parameters\n * @returns Position to render the crosshair at\n */\nexport function calculateCrosshairCoordinates({\n  tooltipContentSeries,\n  datapoint,\n  axisIdToScales,\n  datapointMetadataMap,\n  xRelAccessor,\n  yRelAccessor,\n  isArea,\n  isHorizontal,\n}: Readonly<CalculateCrosshairCoordinatesInput>): Position {\n  const xScale = getCurrentScale(axisIdToScales, tooltipContentSeries.xAxisId);\n  const yScale = getCurrentScale(axisIdToScales, tooltipContentSeries.yAxisId);\n\n  let x: number;\n  if (isArea) {\n    x = isHorizontal\n      ? areaX1Accessor(\n          xScale,\n          datapointMetadataMap,\n          xRelAccessor,\n        )(datapoint as AreaDatapoint)\n      : areaXAccessor(xScale, xRelAccessor)(datapoint as AreaDatapoint);\n  } else {\n    x = dotXAccessor(\n      xScale,\n      xRelAccessor,\n    )(datapoint as DotDatapoint | LineDatapoint);\n  }\n\n  let y: number;\n  if (isArea) {\n    y = isHorizontal\n      ? areaYAccessor(yScale, yRelAccessor)(datapoint as AreaDatapoint)\n      : areaY1Accessor(\n          yScale,\n          datapointMetadataMap,\n          yRelAccessor,\n        )(datapoint as AreaDatapoint);\n  } else {\n    y = dotYAccessor(\n      yScale,\n      yRelAccessor,\n    )(datapoint as DotDatapoint | LineDatapoint);\n  }\n\n  return { x, y };\n}\n"],
-  "mappings": "AAOA,SAAS,uBAAuB;AAChC;AAAA,EACE,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,aAAa;AAAA,OACR;AACP;AAAA,EACE,aAAa;AAAA,EACb,aAAa;AAAA,OACR;AAyBA,SAAS,8BAA8B;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2D;AACzD,QAAM,SAAS,gBAAgB,gBAAgB,qBAAqB,OAAO;AAC3E,QAAM,SAAS,gBAAgB,gBAAgB,qBAAqB,OAAO;AAE3E,MAAI;AACJ,MAAI,QAAQ;AACV,QAAI,eACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,IACF,EAAE,SAA0B,IAC5B,cAAc,QAAQ,YAAY,EAAE,SAA0B;AAAA,EACpE,OAAO;AACL,QAAI;AAAA,MACF;AAAA,MACA;AAAA,IACF,EAAE,SAAyC;AAAA,EAC7C;AAEA,MAAI;AACJ,MAAI,QAAQ;AACV,QAAI,eACA,cAAc,QAAQ,YAAY,EAAE,SAA0B,IAC9D;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,IACF,EAAE,SAA0B;AAAA,EAClC,OAAO;AACL,QAAI;AAAA,MACF;AAAA,MACA;AAAA,IACF,EAAE,SAAyC;AAAA,EAC7C;AAEA,SAAO,EAAE,GAAG,EAAE;AAChB;",
+  "sourcesContent": ["import type { AxisIdToScales } from '../../../context/XYChartScales.context.js';\nimport type { MapDatapoints } from '../../../types/xy-chart-internals.js';\nimport type {\n  AreaDatapoint,\n  DotDatapoint,\n  LineDatapoint,\n} from '../../../types/xy-chart.js';\nimport { getCurrentScale } from '../../../utils/get-scale.js';\nimport {\n  xAccessor as areaXAccessor,\n  x1Accessor as areaX1Accessor,\n  y1Accessor as areaY1Accessor,\n  yAccessor as areaYAccessor,\n} from '../../displays/area-accessors.js';\nimport {\n  xAccessor as dotXAccessor,\n  yAccessor as dotYAccessor,\n} from '../../displays/dot-accessors.js';\n\ntype Position = { x: number; y: number };\ntype Datapoint = DotDatapoint | LineDatapoint | AreaDatapoint;\n\nexport interface CalculateCrosshairCoordinatesInput {\n  pinned: boolean;\n  tooltipContentHasCenteredCrosshair: boolean;\n  tooltipContentSeries: { xAxisId: string; yAxisId: string };\n  datapoint: Datapoint;\n  axisIdToScales: AxisIdToScales;\n  datapointMetadataMap: MapDatapoints;\n  xRelAccessor: ((value: number) => number) | undefined;\n  yRelAccessor: ((value: number) => number) | undefined;\n  isArea: boolean;\n  isHorizontal: boolean;\n  isStacked: boolean | undefined;\n}\n\n/**\n * Calculates crosshair coordinates for a datapoint on the chart.\n * Optimized for high-frequency calls during mouse movement.\n *\n * @param input - Coordinate calculation parameters\n * @returns Position to render the crosshair at\n */\nexport function calculateCrosshairCoordinates({\n  tooltipContentSeries,\n  datapoint,\n  axisIdToScales,\n  datapointMetadataMap,\n  xRelAccessor,\n  yRelAccessor,\n  isArea,\n  isHorizontal,\n  isStacked,\n}: Readonly<CalculateCrosshairCoordinatesInput>): Position {\n  const xScale = getCurrentScale(axisIdToScales, tooltipContentSeries.xAxisId);\n  const yScale = getCurrentScale(axisIdToScales, tooltipContentSeries.yAxisId);\n\n  let x: number;\n  if (isArea) {\n    x = isHorizontal\n      ? areaX1Accessor(\n          xScale,\n          datapointMetadataMap,\n          xRelAccessor,\n          isStacked,\n        )(datapoint as AreaDatapoint)\n      : areaXAccessor(xScale, xRelAccessor)(datapoint as AreaDatapoint);\n  } else {\n    x = dotXAccessor(\n      xScale,\n      xRelAccessor,\n    )(datapoint as DotDatapoint | LineDatapoint);\n  }\n\n  let y: number;\n  if (isArea) {\n    y = isHorizontal\n      ? areaYAccessor(yScale, yRelAccessor)(datapoint as AreaDatapoint)\n      : areaY1Accessor(\n          yScale,\n          datapointMetadataMap,\n          yRelAccessor,\n          isStacked,\n        )(datapoint as AreaDatapoint);\n  } else {\n    y = dotYAccessor(\n      yScale,\n      yRelAccessor,\n    )(datapoint as DotDatapoint | LineDatapoint);\n  }\n\n  return { x, y };\n}\n"],
+  "mappings": "AAOA,SAAS,uBAAuB;AAChC;AAAA,EACE,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,aAAa;AAAA,OACR;AACP;AAAA,EACE,aAAa;AAAA,EACb,aAAa;AAAA,OACR;AA0BA,SAAS,8BAA8B;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2D;AACzD,QAAM,SAAS,gBAAgB,gBAAgB,qBAAqB,OAAO;AAC3E,QAAM,SAAS,gBAAgB,gBAAgB,qBAAqB,OAAO;AAE3E,MAAI;AACJ,MAAI,QAAQ;AACV,QAAI,eACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,EAAE,SAA0B,IAC5B,cAAc,QAAQ,YAAY,EAAE,SAA0B;AAAA,EACpE,OAAO;AACL,QAAI;AAAA,MACF;AAAA,MACA;AAAA,IACF,EAAE,SAAyC;AAAA,EAC7C;AAEA,MAAI;AACJ,MAAI,QAAQ;AACV,QAAI,eACA,cAAc,QAAQ,YAAY,EAAE,SAA0B,IAC9D;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,EAAE,SAA0B;AAAA,EAClC,OAAO;AACL,QAAI;AAAA,MACF;AAAA,MACA;AAAA,IACF,EAAE,SAAyC;AAAA,EAC7C;AAEA,SAAO,EAAE,GAAG,EAAE;AAChB;",
   "names": []
 }