@dynatrace/strato-components 3.12.2 → 3.13.2

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, useContext, 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 {\n  useSelector,\n  useTooltipSnapshot,\n} from '../../../../core/components/overlay-tooltip/selectors.js';\nimport { useTooltipReducer } from '../../../../core/components/overlay-tooltip/useTooltipReducer.js';\nimport { ChartVariantContext } from '../../../../core/context/ChartVariantContext.js';\nimport { useApplyCallbackOnScroll } from '../../../../core/hooks/useApplyCallbackOnScroll.js';\nimport { useAxesFormatter } from '../../../hooks/useAxesFormatter.js';\nimport { useFormatCategory } from '../../../hooks/useFormatCategory.js';\nimport { useGetThresholds } from '../../../hooks/useGetThresholds.js';\nimport { useVisibleAxesConfig } from '../../../hooks/useVisibleAxesConfig.js';\nimport { useVisibleAxesScales } from '../../../hooks/useVisibleAxesScales.js';\nimport { useXYChartCrosshairHidden } from '../../../hooks/useXYChartCrosshairHidden.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../../../hooks/useXYChartScales.js';\nimport { useFilteredSeriesIdsState } from '../../../store/selectors.js';\nimport {\n  UndefinedContent,\n  type XYChartTooltipMetadata,\n} from '../../../types/state.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 {\n  chartCrosshairDataTransformer,\n  type CrosshairLabelsGetter,\n} from '../utils/chartCrosshairDataTransformer.js';\n\ntype XYChartCrosshairLinesProps = Readonly<{\n  getLabels: CrosshairLabelsGetter;\n  height: number;\n  thresholdOffset: ReturnType<typeof useGetThresholds>['offset'];\n  thresholdYAxes: ReturnType<typeof useGetThresholds>['yAxes'];\n  axisIdToScaleDomain: ReturnType<typeof useXYChartData>['axisIdToScaleDomain'];\n  seriesToMetadata: ReturnType<typeof useXYChartData>['seriesToMetadata'];\n  datapointMetadataMap: ReturnType<\n    typeof useXYChartData\n  >['datapointMetadataMap'];\n  axisIdToScales: ReturnType<typeof useXYChartScales>;\n  hasVisibleSeriesOnThresholdAxis: (axisIds: Set<string>) => boolean;\n  chartBounds: DOMRect | undefined;\n  isBottomLabelRotated: boolean;\n  isTopLabelRotated: boolean;\n  widthWithBaseOffset: number;\n  hideHorizontal: boolean;\n  hideVertical: boolean;\n}>;\n\nfunction XYChartCrosshairLines({\n  getLabels,\n  height,\n  thresholdOffset,\n  thresholdYAxes,\n  axisIdToScaleDomain,\n  seriesToMetadata,\n  datapointMetadataMap,\n  axisIdToScales,\n  hasVisibleSeriesOnThresholdAxis,\n  chartBounds,\n  isBottomLabelRotated,\n  isTopLabelRotated,\n  widthWithBaseOffset,\n  hideHorizontal,\n  hideVertical,\n}: XYChartCrosshairLinesProps) {\n  useSelector(({ relativeX, relativeY }) => `${relativeX}-${relativeY}`);\n  const { relativeX, relativeY, pinned, data } = useTooltipSnapshot();\n  const position =\n    relativeX !== null && relativeY !== null\n      ? { x: relativeX, y: relativeY }\n      : undefined;\n\n  const tooltipContent =\n    (data.metadata as XYChartTooltipMetadata | undefined)?.preferred ??\n    UndefinedContent;\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 { crosshair: crosshairConfig } = useContext(ChartVariantContext);\n\n  const coordinates = calculatedCoordinates ?? position ?? { x: 0, y: 0 };\n\n  if (!position) {\n    return null;\n  }\n\n  const labels = getLabels({ position, pinned });\n\n  const leftOffset =\n    labels.left && hasVisibleSeriesOnThresholdAxis(thresholdYAxes.left)\n      ? thresholdOffset.left\n      : 0;\n  const rightOffset =\n    labels.right && hasVisibleSeriesOnThresholdAxis(thresholdYAxes.right)\n      ? thresholdOffset.right\n      : 0;\n  const widthWithOffset = widthWithBaseOffset + leftOffset + rightOffset;\n\n  const isBand = variant === 'band';\n  const showHorizontalCrosshair =\n    (!isBand || isHorizontal || !pinned) &&\n    !crosshairConfig?.horizontalHidden &&\n    !hideHorizontal;\n  const showVerticalCrosshair =\n    (!isBand || !isHorizontal || !pinned) &&\n    !crosshairConfig?.verticalHidden &&\n    !hideVertical;\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\nexport function XYChartCrosshair({\n  chartRef,\n}: Readonly<{\n  chartRef: RefObject<HTMLDivElement | null>;\n}>) {\n  const filteredSeriesIds = useFilteredSeriesIdsState();\n  const axesScale = useVisibleAxesScales();\n  const axesConfig = useVisibleAxesConfig();\n  const axesIdToFormatter = useAxesFormatter();\n  const formatCategory = useFormatCategory();\n  const { width, height } = useGridPlotSize();\n  const { offset: thresholdOffset, yAxes: thresholdYAxes } = useGetThresholds();\n  const { axisIdToScaleDomain, seriesToMetadata, datapointMetadataMap } =\n    useXYChartData();\n  const axisIdToScales = useXYChartScales();\n\n  const chartBounds = chartRef.current?.getBoundingClientRect();\n\n  const dispatch = useTooltipReducer();\n  const pinned = useSelector(({ pinned }) => pinned);\n  useApplyCallbackOnScroll(pinned, dispatch({ type: 'RESET_TOOLTIP' }));\n\n  const isBottomLabelRotated =\n    axesConfig['bottom']?.tickLabelLayout === 'vertical';\n  const isTopLabelRotated = axesConfig['top']?.tickLabelLayout === 'vertical';\n\n  const { hideHorizontal, hideVertical } = useXYChartCrosshairHidden();\n\n  const hasVisibleSeriesOnThresholdAxis = (() => {\n    if (!filteredSeriesIds) {\n      return (_axisIds: Set<string>) => true;\n    }\n    const visibleSeriesEntries = [...seriesToMetadata.entries()].filter(\n      ([series]) => filteredSeriesIds.has(series.id),\n    );\n    return (axisIds: Set<string>) => {\n      return visibleSeriesEntries.some(([, series]) =>\n        axisIds.has(series.yAxis?.id ?? ''),\n      );\n    };\n  })();\n\n  const getLabels = chartCrosshairDataTransformer({\n    axesScale,\n    axesConfig,\n    axesIdToFormatter,\n    width,\n    formatCategory,\n  });\n\n  return (\n    <XYChartCrosshairLines\n      getLabels={getLabels}\n      height={height}\n      thresholdOffset={thresholdOffset}\n      thresholdYAxes={thresholdYAxes}\n      axisIdToScaleDomain={axisIdToScaleDomain}\n      seriesToMetadata={seriesToMetadata}\n      datapointMetadataMap={datapointMetadataMap}\n      axisIdToScales={axisIdToScales}\n      hasVisibleSeriesOnThresholdAxis={hasVisibleSeriesOnThresholdAxis}\n      chartBounds={chartBounds}\n      isBottomLabelRotated={isBottomLabelRotated}\n      isTopLabelRotated={isTopLabelRotated}\n      widthWithBaseOffset={width}\n      hideHorizontal={hideHorizontal}\n      hideVertical={hideVertical}\n    />\n  );\n}\n"],
-  "mappings": "AA6KI,SAEI,KAFJ;AA7KJ,OAAO,UAAU;AACjB,SAAyB,YAAY,eAAe;AAEpD,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAChC,SAAS,2BAA2B;AACpC,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,yBAAyB;AAClC,SAAS,2BAA2B;AACpC,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AACrC,SAAS,iCAAiC;AAC1C,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,iCAAiC;AAC1C;AAAA,EACE;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB;AAC5B,SAAS,qCAAqC;AAC9C;AAAA,EACE;AAAA,OAEK;AAsBP,SAAS,sBAAsB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA+B;AAC7B,cAAY,CAAC,EAAE,WAAAA,YAAW,WAAAC,WAAU,MAAM,GAAGD,UAAS,IAAIC,UAAS,EAAE;AACrE,QAAM,EAAE,WAAW,WAAW,QAAQ,KAAK,IAAI,mBAAmB;AAClE,QAAM,WACJ,cAAc,QAAQ,cAAc,OAChC,EAAE,GAAG,WAAW,GAAG,UAAU,IAC7B;AAEN,QAAM,iBACH,KAAK,UAAiD,aACvD;AAEF,QAAM,EAAE,OAAO,OAAO,SAAS,aAAa,UAAU,IACpD,iBAAiB,IAAI,gBAAgB,MAAM,KAAK,CAAC;AAEnD,QAAM,SAAS,qBAAqB,cAAc;AAClD,QAAM,eAAe,gBAAgB;AAErC,QAAM,wBAAwB,QAAQ,MAAM;AAC1C,UAAM,qCACJ,oBAAoB,cAAc,KAClC,qBAAqB,cAAc,KACnC,qBAAqB,cAAc;AAErC,QACE,CAAC,UACD,CAAC,sCACD,CAAC,eAAe,UAChB,CAAC,eAAe,WAChB;AACA,aAAO;AAAA,IACT;AAEA,UAAM,eAAe,QACjB,YAAY,OAAO,mBAAmB,IACtC;AACJ,UAAM,eAAe,QACjB,YAAY,OAAO,mBAAmB,IACtC;AAEJ,WAAO,8BAA8B;AAAA,MACnC;AAAA,MACA;AAAA,MACA,sBAAsB,eAAe;AAAA,MACrC,WAAW,eAAe;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,EAAE,WAAW,gBAAgB,IAAI,WAAW,mBAAmB;AAErE,QAAM,cAAc,yBAAyB,YAAY,EAAE,GAAG,GAAG,GAAG,EAAE;AAEtE,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAEA,QAAM,SAAS,UAAU,EAAE,UAAU,OAAO,CAAC;AAE7C,QAAM,aACJ,OAAO,QAAQ,gCAAgC,eAAe,IAAI,IAC9D,gBAAgB,OAChB;AACN,QAAM,cACJ,OAAO,SAAS,gCAAgC,eAAe,KAAK,IAChE,gBAAgB,QAChB;AACN,QAAM,kBAAkB,sBAAsB,aAAa;AAE3D,QAAM,SAAS,YAAY;AAC3B,QAAM,2BACH,CAAC,UAAU,gBAAgB,CAAC,WAC7B,CAAC,iBAAiB,oBAClB,CAAC;AACH,QAAM,yBACH,CAAC,UAAU,CAAC,gBAAgB,CAAC,WAC9B,CAAC,iBAAiB,kBAClB,CAAC;AAEH,SACE,qBAAC,SAAI,WAAW,KAAK,YAAY,SAAS,GACvC;AAAA,+BACC;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,CAAC;AAAA,QACT,WAAW,OAAO;AAAA,QAClB,YAAY,OAAO;AAAA,QACnB,GAAG,YAAY;AAAA,QACf,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IAED,yBACC;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,CAAC;AAAA,QACT,aAAa,OAAO;AAAA,QACpB,UAAU,OAAO;AAAA,QACjB;AAAA,QACA;AAAA,QACA,GAAG,YAAY;AAAA,QACf;AAAA,QACA,OAAO;AAAA,QACP;AAAA;AAAA,IACF;AAAA,KAEJ;AAEJ;AAEO,SAAS,iBAAiB;AAAA,EAC/B;AACF,GAEI;AACF,QAAM,oBAAoB,0BAA0B;AACpD,QAAM,YAAY,qBAAqB;AACvC,QAAM,aAAa,qBAAqB;AACxC,QAAM,oBAAoB,iBAAiB;AAC3C,QAAM,iBAAiB,kBAAkB;AACzC,QAAM,EAAE,OAAO,OAAO,IAAI,gBAAgB;AAC1C,QAAM,EAAE,QAAQ,iBAAiB,OAAO,eAAe,IAAI,iBAAiB;AAC5E,QAAM,EAAE,qBAAqB,kBAAkB,qBAAqB,IAClE,eAAe;AACjB,QAAM,iBAAiB,iBAAiB;AAExC,QAAM,cAAc,SAAS,SAAS,sBAAsB;AAE5D,QAAM,WAAW,kBAAkB;AACnC,QAAM,SAAS,YAAY,CAAC,EAAE,QAAAC,QAAO,MAAMA,OAAM;AACjD,2BAAyB,QAAQ,SAAS,EAAE,MAAM,gBAAgB,CAAC,CAAC;AAEpE,QAAM,uBACJ,WAAW,QAAQ,GAAG,oBAAoB;AAC5C,QAAM,oBAAoB,WAAW,KAAK,GAAG,oBAAoB;AAEjE,QAAM,EAAE,gBAAgB,aAAa,IAAI,0BAA0B;AAEnE,QAAM,mCAAmC,MAAM;AAC7C,QAAI,CAAC,mBAAmB;AACtB,aAAO,CAAC,aAA0B;AAAA,IACpC;AACA,UAAM,uBAAuB,CAAC,GAAG,iBAAiB,QAAQ,CAAC,EAAE;AAAA,MAC3D,CAAC,CAAC,MAAM,MAAM,kBAAkB,IAAI,OAAO,EAAE;AAAA,IAC/C;AACA,WAAO,CAAC,YAAyB;AAC/B,aAAO,qBAAqB;AAAA,QAAK,CAAC,CAAC,EAAE,MAAM,MACzC,QAAQ,IAAI,OAAO,OAAO,MAAM,EAAE;AAAA,MACpC;AAAA,IACF;AAAA,EACF,GAAG;AAEH,QAAM,YAAY,8BAA8B;AAAA,IAC9C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,qBAAqB;AAAA,MACrB;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;",
+  "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 {\n  useSelector,\n  useTooltipSnapshot,\n} from '../../../../core/components/overlay-tooltip/selectors.js';\nimport { useTooltipReducer } from '../../../../core/components/overlay-tooltip/useTooltipReducer.js';\nimport { useApplyCallbackOnScroll } from '../../../../core/hooks/useApplyCallbackOnScroll.js';\nimport { useAxesFormatter } from '../../../hooks/useAxesFormatter.js';\nimport { useFormatCategory } from '../../../hooks/useFormatCategory.js';\nimport { useGetThresholds } from '../../../hooks/useGetThresholds.js';\nimport { useVisibleAxesConfig } from '../../../hooks/useVisibleAxesConfig.js';\nimport { useVisibleAxesScales } from '../../../hooks/useVisibleAxesScales.js';\nimport { useXYChartCrosshairHidden } from '../../../hooks/useXYChartCrosshairHidden.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../../../hooks/useXYChartScales.js';\nimport { useFilteredSeriesIdsState } from '../../../store/selectors.js';\nimport {\n  UndefinedContent,\n  type XYChartTooltipMetadata,\n} from '../../../types/state.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 {\n  chartCrosshairDataTransformer,\n  type CrosshairLabelsGetter,\n} from '../utils/chartCrosshairDataTransformer.js';\n\ntype XYChartCrosshairLinesProps = Readonly<{\n  getLabels: CrosshairLabelsGetter;\n  height: number;\n  thresholdOffset: ReturnType<typeof useGetThresholds>['offset'];\n  thresholdYAxes: ReturnType<typeof useGetThresholds>['yAxes'];\n  thresholdXAxes: ReturnType<typeof useGetThresholds>['xAxes'];\n  axisIdToScaleDomain: ReturnType<typeof useXYChartData>['axisIdToScaleDomain'];\n  seriesToMetadata: ReturnType<typeof useXYChartData>['seriesToMetadata'];\n  datapointMetadataMap: ReturnType<\n    typeof useXYChartData\n  >['datapointMetadataMap'];\n  axisIdToScales: ReturnType<typeof useXYChartScales>;\n  hasVisibleSeriesOnThresholdAxis: (axisIds: Set<string>) => boolean;\n  hasVisibleSeriesOnThresholdXAxis: (axisIds: Set<string>) => boolean;\n  chartBounds: DOMRect | undefined;\n  isBottomLabelRotated: boolean;\n  isTopLabelRotated: boolean;\n  widthWithBaseOffset: number;\n  heightWithBaseOffset: number;\n  hideHorizontal: boolean;\n  hideVertical: boolean;\n}>;\n\nfunction XYChartCrosshairLines({\n  getLabels,\n  height,\n  thresholdOffset,\n  thresholdYAxes,\n  thresholdXAxes,\n  axisIdToScaleDomain,\n  seriesToMetadata,\n  datapointMetadataMap,\n  axisIdToScales,\n  hasVisibleSeriesOnThresholdAxis,\n  hasVisibleSeriesOnThresholdXAxis,\n  chartBounds,\n  isBottomLabelRotated,\n  isTopLabelRotated,\n  widthWithBaseOffset,\n  heightWithBaseOffset,\n  hideHorizontal,\n  hideVertical,\n}: XYChartCrosshairLinesProps) {\n  useSelector(({ relativeX, relativeY }) => `${relativeX}-${relativeY}`);\n  const { relativeX, relativeY, pinned, data } = useTooltipSnapshot();\n  const position =\n    relativeX !== null && relativeY !== null\n      ? { x: relativeX, y: relativeY }\n      : undefined;\n\n  const tooltipContent =\n    (data.metadata as XYChartTooltipMetadata | undefined)?.preferred ??\n    UndefinedContent;\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 = getLabels({ position, pinned });\n\n  const leftOffset =\n    labels.left && hasVisibleSeriesOnThresholdAxis(thresholdYAxes.left)\n      ? thresholdOffset.left\n      : 0;\n  const rightOffset =\n    labels.right && hasVisibleSeriesOnThresholdAxis(thresholdYAxes.right)\n      ? thresholdOffset.right\n      : 0;\n  const widthWithOffset = widthWithBaseOffset + leftOffset + rightOffset;\n\n  const topOffset =\n    labels.top && hasVisibleSeriesOnThresholdXAxis(thresholdXAxes.top)\n      ? thresholdOffset.top\n      : 0;\n  const bottomOffset =\n    labels.bottom && hasVisibleSeriesOnThresholdXAxis(thresholdXAxes.bottom)\n      ? thresholdOffset.bottom\n      : 0;\n  const heightWithOffset = heightWithBaseOffset + topOffset + bottomOffset;\n\n  const isBand = variant === 'band';\n  const showHorizontalCrosshair =\n    (!isBand || isHorizontal || !pinned) && !hideHorizontal;\n  const showVerticalCrosshair =\n    (!isBand || !isHorizontal || !pinned) && !hideVertical;\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          top={-topOffset}\n          height={heightWithOffset}\n          width={widthWithOffset}\n          offset={bottomOffset}\n          topOffset={topOffset}\n          chartBounds={chartBounds}\n        />\n      )}\n    </svg>\n  );\n}\n\nexport function XYChartCrosshair({\n  chartRef,\n}: Readonly<{\n  chartRef: RefObject<HTMLDivElement | null>;\n}>) {\n  const filteredSeriesIds = useFilteredSeriesIdsState();\n  const axesScale = useVisibleAxesScales();\n  const axesConfig = useVisibleAxesConfig();\n  const axesIdToFormatter = useAxesFormatter();\n  const formatCategory = useFormatCategory();\n  const { width, height } = useGridPlotSize();\n  const {\n    offset: thresholdOffset,\n    yAxes: thresholdYAxes,\n    xAxes: thresholdXAxes,\n  } = useGetThresholds();\n  const { axisIdToScaleDomain, seriesToMetadata, datapointMetadataMap } =\n    useXYChartData();\n  const axisIdToScales = useXYChartScales();\n\n  const chartBounds = chartRef.current?.getBoundingClientRect();\n\n  const dispatch = useTooltipReducer();\n  const pinned = useSelector(({ pinned }) => pinned);\n  useApplyCallbackOnScroll(pinned, dispatch({ type: 'RESET_TOOLTIP' }));\n\n  const isBottomLabelRotated =\n    axesConfig['bottom']?.tickLabelLayout === 'vertical';\n  const isTopLabelRotated = axesConfig['top']?.tickLabelLayout === 'vertical';\n\n  const { hideHorizontal, hideVertical } = useXYChartCrosshairHidden();\n\n  const { hasVisibleSeriesOnThresholdAxis, hasVisibleSeriesOnThresholdXAxis } =\n    (() => {\n      if (!filteredSeriesIds) {\n        return {\n          hasVisibleSeriesOnThresholdAxis: (_axisIds: Set<string>) => true,\n          hasVisibleSeriesOnThresholdXAxis: (_axisIds: Set<string>) => true,\n        };\n      }\n      const visibleSeriesEntries = [...seriesToMetadata.entries()].filter(\n        ([series]) => filteredSeriesIds.has(series.id),\n      );\n      return {\n        hasVisibleSeriesOnThresholdAxis: (axisIds: Set<string>) =>\n          visibleSeriesEntries.some(([, series]) =>\n            axisIds.has(series.yAxis?.id ?? ''),\n          ),\n        hasVisibleSeriesOnThresholdXAxis: (axisIds: Set<string>) =>\n          visibleSeriesEntries.some(([, series]) =>\n            axisIds.has(series.xAxis?.id ?? ''),\n          ),\n      };\n    })();\n\n  const getLabels = chartCrosshairDataTransformer({\n    axesScale,\n    axesConfig,\n    axesIdToFormatter,\n    width,\n    formatCategory,\n  });\n\n  return (\n    <XYChartCrosshairLines\n      getLabels={getLabels}\n      height={height}\n      thresholdOffset={thresholdOffset}\n      thresholdYAxes={thresholdYAxes}\n      thresholdXAxes={thresholdXAxes}\n      axisIdToScaleDomain={axisIdToScaleDomain}\n      seriesToMetadata={seriesToMetadata}\n      datapointMetadataMap={datapointMetadataMap}\n      axisIdToScales={axisIdToScales}\n      hasVisibleSeriesOnThresholdAxis={hasVisibleSeriesOnThresholdAxis}\n      hasVisibleSeriesOnThresholdXAxis={hasVisibleSeriesOnThresholdXAxis}\n      chartBounds={chartBounds}\n      isBottomLabelRotated={isBottomLabelRotated}\n      isTopLabelRotated={isTopLabelRotated}\n      widthWithBaseOffset={width}\n      heightWithBaseOffset={height}\n      hideHorizontal={hideHorizontal}\n      hideVertical={hideVertical}\n    />\n  );\n}\n"],
+  "mappings": "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",
   "names": ["relativeX", "relativeY", "pinned"]
 }

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

@@ -1,5 +1,5 @@
 import "./XYChartCrosshair.css";
-var crosshair = "_1bbe5uo0-3-12-2";
+var crosshair = "_1bbe5uo0-3-13-2";
 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-12-2';"],
+  "sourcesContent": ["import './XYChartCrosshair.css';\nexport var crosshair = '_1bbe5uo0-3-13-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._cd1yys0-3-12-2 {
+._cd1yys0-3-13-2 {
   top: -11px;
   left: -11px;
   width: calc(100% + 22px);
@@ -6,7 +6,7 @@
   z-index: 2;
   pointer-events: none;
 }
-._cd1yys1-3-12-2 {
+._cd1yys1-3-13-2 {
   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-12-2 _13lzg4k0-3-12-2";
-var datapointIndicatorShiftedLayout = "_cd1yys0-3-12-2 _13lzg4k0-3-12-2";
+var datapointIndicatorLayout = "_cd1yys1-3-13-2 _13lzg4k0-3-13-2";
+var datapointIndicatorShiftedLayout = "_cd1yys0-3-13-2 _13lzg4k0-3-13-2";
 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-12-2 _13lzg4k0-3-12-2';\nexport var datapointIndicatorShiftedLayout = '_cd1yys0-3-12-2 _13lzg4k0-3-12-2';"],
+  "sourcesContent": ["import '../../../../core/components/chart-grid/ChartGrid.css';\nimport './XYChartExplore.css';\nexport var datapointIndicatorLayout = '_cd1yys1-3-13-2 _13lzg4k0-3-13-2';\nexport var datapointIndicatorShiftedLayout = '_cd1yys0-3-13-2 _13lzg4k0-3-13-2';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,2BAA2B;AAC/B,IAAI,kCAAkC;",
   "names": []
 }

package/esm/charts/xy-chart/components/overlay/hooks/useOverlayEvents.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/overlay/hooks/useOverlayEvents.ts"],
-  "sourcesContent": ["import { useEffect, type RefObject } from 'react';\n\nimport { useApplyPanDelta } from './useApplyPanDelta.js';\nimport { useApplyZoomDelta } from './useApplyZoomDelta.js';\nimport { useResetInteractions } from './useResetInteractions.js';\nimport { useZoomToSelection } from './useZoomToSelection.js';\nimport { useGridPlotSize } from '../../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport {\n  INTERACTION_MODE,\n  type InteractionMode,\n  type InteractionTriggers,\n  isSelectCancelled,\n  type ZoomBehavior,\n} from '../../../../core/components/interactions-overlay/types.js';\nimport { useDismissChartTooltipSignal } from '../../../../core/components/overlay-tooltip/pinCoordinationSelectors.js';\nimport { usePinCoordinationActions } from '../../../../core/components/overlay-tooltip/usePinCoordinationActions.js';\nimport { useTooltipActions } from '../../../../core/components/overlay-tooltip/useTooltipActions.js';\nimport type {\n  _SelectionRef,\n  SelectionAreaVariant,\n} from '../../../../core/components/selection-area/types.js';\nimport { useSynchronizedCrosshair } from '../../../../core/components/shared-chart-interactions/hooks/useSynchronizedCrosshair.js';\nimport { useSynchronizedSelection } from '../../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js';\nimport type { RelativeAbsolutePosition } from '../../../../core/types/pointer-events.js';\nimport { ZOOM_CHANGE_TYPE } from '../../../../core/types/zoom.js';\nimport { getPercentageFromPixel } from '../../../../core/utils/get-percentage-from-pixel.js';\nimport { isTouchableDevice } from '../../../../core/utils/is-touchable-device.js';\nimport { useAreaData } from '../../../hooks/useAreaData.js';\nimport { useBarData } from '../../../hooks/useBarData.js';\nimport { useDotData } from '../../../hooks/useDotData.js';\nimport { useLineData } from '../../../hooks/useLineData.js';\nimport { useOverlayPerformance } from '../../../hooks/useOverlayPerformance.js';\nimport { useRectData } from '../../../hooks/useRectData.js';\nimport { useSyncedXScaleByPriority } from '../../../hooks/useSyncedXScaleByPriority.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartId } from '../../../hooks/useXYChartId.js';\nimport { reduceInteractionMode } from '../../../store/reduce-interaction-mode.js';\nimport {\n  reduceExploreCancelAll,\n  reduceExploreCancelHighlight,\n  reduceExploreCancelSelect,\n  reduceExplorePin,\n  reduceExploreReset,\n  reduceExploreSelect,\n  reduceExploreUnPin,\n} from '../../../store/reducer-explorer.js';\nimport {\n  useInteractionModeState,\n  useSetState,\n  useZoomState,\n} from '../../../store/selectors.js';\n\nexport const useOverlayEvents = () => {\n  const { filteredSeriesWithDatapoints: rectSeriesData } = useRectData();\n  const { filteredSeriesWithDatapoints: barSeriesData } = useBarData();\n  const { filteredSeriesWithDatapoints: dotSeriesData } = useDotData();\n  const { filteredSeriesWithDatapoints: lineSeriesData } = useLineData();\n  const { filteredSeriesWithDatapoints: areaSeriesData } = useAreaData();\n  const zoomToSelection = useZoomToSelection();\n  const setState = useSetState();\n  const mode = useInteractionModeState();\n  const applyPanDelta = useApplyPanDelta();\n  const applyReset = useResetInteractions();\n  const applyZoomDelta = useApplyZoomDelta();\n  const zoomState = useZoomState();\n  const { query } = useOverlayPerformance();\n  const { axesMetadata } = useXYChartData();\n  const chartId = useXYChartId();\n  const synchronizedCrosshair = useSynchronizedCrosshair();\n  const { width } = useGridPlotSize();\n  const {\n    updateSelectionState: updateSynchronizedSelection,\n    resetSelectionState: resetSynchronizedSelection,\n  } = useSynchronizedSelection();\n  const syncedXScale = useSyncedXScaleByPriority();\n  const { hover, pin, unpin, reset, outOfBounds } = useTooltipActions();\n  const { dismissAnnotation } = usePinCoordinationActions();\n  const dismissChartAt = useDismissChartTooltipSignal();\n  const {\n    updateHoverState: updateSynchronizedCrosshair,\n    setDisabled: disableSynchronizedCrosshair,\n  } = synchronizedCrosshair ?? {};\n\n  const getDatapoints = (position: RelativeAbsolutePosition) =>\n    query({\n      position,\n      dotSeriesData,\n      lineSeriesData,\n      areaSeriesData,\n      rectSeriesData,\n      barSeriesData,\n    });\n\n  const resetTooltip = () => {\n    setState(reduceExploreCancelHighlight);\n    reset();\n    dismissAnnotation();\n  };\n\n  // The annotations tooltip just took the pin \u2014 release this chart's own\n  // pinned tooltip without re-signaling the annotation (that would just\n  // dismiss the annotation tooltip that triggered this in the first place).\n  useEffect(() => {\n    if (dismissChartAt === 0) {\n      return;\n    }\n    setState(reduceExploreCancelHighlight);\n    unpin();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dismissChartAt]);\n\n  const handleModeChange = (event: {\n    mode: InteractionMode;\n    keyboard: boolean;\n  }) => {\n    const canPan = axesMetadata.isPanEnabled && zoomState.zoomOutEnabled;\n    const shouldSwitchToPanMode = event.mode === 'pan' && canPan;\n    const shouldSwitchToZoomMode =\n      event.mode === 'zoom' && axesMetadata.isZoomEnabled;\n\n    if (shouldSwitchToPanMode || shouldSwitchToZoomMode) {\n      resetSynchronizedSelection?.();\n      setState(reduceInteractionMode(event.mode));\n      setState(reduceExploreReset);\n    } else if (event.mode === 'explore') {\n      setState(reduceInteractionMode(INTERACTION_MODE.Explore));\n    }\n  };\n\n  const handleHover = ({\n    position,\n  }: {\n    triggeredBy: InteractionTriggers;\n    position: RelativeAbsolutePosition;\n  }) => {\n    if (isTouchableDevice()) {\n      return;\n    }\n\n    if (syncedXScale) {\n      const hoveredDate = syncedXScale.invert(position.relative.x);\n      disableSynchronizedCrosshair?.(false);\n      updateSynchronizedCrosshair?.(chartId, hoveredDate.valueOf());\n    }\n\n    const metadata = getDatapoints(position);\n\n    const payload = metadata.preferred\n      ? {\n          geometry: metadata.preferred.type,\n          header1: undefined,\n          series: [],\n          metadata,\n        }\n      : undefined;\n\n    hover(\n      { clientX: position.absolute.x, clientY: position.absolute.y },\n      payload,\n    );\n  };\n\n  const handleTogglePin = (\n    shouldPin: boolean,\n    position: RelativeAbsolutePosition | undefined,\n  ) => {\n    if (shouldPin) {\n      handlePin(position);\n      updateSynchronizedCrosshair?.(undefined);\n    } else {\n      handleUnPin(position);\n    }\n  };\n\n  const handleUnPin = (position: RelativeAbsolutePosition | undefined) => {\n    setState(reduceExploreUnPin);\n\n    if (position) {\n      dismissAnnotation();\n      const metadata = getDatapoints(position);\n\n      unpin();\n\n      if (metadata.preferred) {\n        hover(\n          { clientX: position.absolute.x, clientY: position.absolute.y },\n          {\n            geometry: metadata.preferred.type,\n            header1: undefined,\n            series: [],\n            metadata,\n          },\n        );\n      }\n    } else {\n      resetTooltip();\n    }\n  };\n\n  const handlePin = (position: RelativeAbsolutePosition | undefined) => {\n    if (!position) {\n      return;\n    }\n\n    const metadata = getDatapoints(position);\n\n    dismissAnnotation();\n\n    if (metadata.preferred) {\n      setState(reduceExplorePin(metadata.preferred.series.id));\n      pin(\n        { clientX: position.absolute.x, clientY: position.absolute.y },\n        {\n          geometry: metadata.preferred.type,\n          header1: undefined,\n          series: [],\n          metadata,\n        },\n      );\n    }\n  };\n\n  const handleReset = (event: {\n    triggeredBy: InteractionTriggers;\n    mousePosition?: RelativeAbsolutePosition;\n  }) => {\n    const { mousePosition: position } = event;\n    applyReset({ position });\n    disableSynchronizedCrosshair?.(false);\n    resetSynchronizedSelection?.();\n\n    if (!position) {\n      setState(reduceExploreCancelAll);\n\n      return;\n    }\n\n    setState(reduceExploreCancelAll);\n\n    const metadata = getDatapoints(position);\n\n    if (metadata.preferred) {\n      hover(\n        { clientX: position.absolute.x, clientY: position.absolute.y },\n        {\n          geometry: metadata.preferred.type,\n          header1: undefined,\n          series: [],\n          metadata,\n        },\n      );\n    } else {\n      outOfBounds();\n    }\n  };\n\n  const handleLeave = (_: { triggeredBy: InteractionTriggers }) => {\n    updateSynchronizedCrosshair?.(undefined);\n    outOfBounds();\n  };\n\n  const handlePanChange = (event: {\n    triggeredBy: InteractionTriggers;\n    delta: number;\n  }) => {\n    applyPanDelta(event.delta);\n  };\n\n  const handleSelectStart = (event: {\n    triggeredBy: InteractionTriggers;\n    position: RelativeAbsolutePosition;\n  }) => {\n    if (mode === 'explore') {\n      disableSynchronizedCrosshair?.(true);\n      updateSynchronizedSelection?.();\n    }\n    resetTooltip();\n  };\n\n  const handleSelectChange = (event: {\n    triggeredBy: InteractionTriggers;\n    start: RelativeAbsolutePosition;\n    end: RelativeAbsolutePosition;\n    mode: 'explore' | 'zoom';\n  }): void => {\n    const variant: SelectionAreaVariant =\n      event.mode === 'explore' ? 'select' : 'zoom';\n\n    setState(\n      reduceExploreSelect({\n        start: event.start,\n        end: event.end,\n        finished: false,\n        accessible: false,\n        variant,\n        selectionPercentage: getPercentageFromPixel(\n          [event.start, event.end],\n          width,\n        ),\n      }),\n    );\n    if (mode === 'explore' && syncedXScale) {\n      updateSynchronizedSelection?.({\n        selection: [event.start, event.end],\n        chartId,\n        scale: syncedXScale,\n      });\n    }\n  };\n\n  const handleSelectEnd = (\n    event:\n      | {\n          triggeredBy: InteractionTriggers;\n          start: RelativeAbsolutePosition;\n          end: RelativeAbsolutePosition;\n        }\n      | { cancelled: true },\n    ref: RefObject<_SelectionRef | null>,\n  ): void => {\n    if (isSelectCancelled(event)) {\n      setState(reduceExploreCancelSelect);\n      resetSynchronizedSelection?.();\n    } else if (mode === 'explore') {\n      setState(\n        reduceExploreSelect({\n          start: event.start,\n          end: event.end,\n          finished: true,\n          accessible: false,\n          variant: 'select',\n          selectionPercentage: getPercentageFromPixel(\n            [event.start, event.end],\n            width,\n          ),\n        }),\n      );\n      ref.current?.focus();\n      if (syncedXScale) {\n        updateSynchronizedSelection?.({\n          selection: [event.start, event.end],\n          chartId,\n          scale: syncedXScale,\n        });\n      }\n    } else {\n      // in case select is disabled and zoomX is enabled, only zoom to selection interaction is possible\n      zoomToSelection();\n    }\n  };\n\n  const handleZoomChange = (event: {\n    triggeredBy: InteractionTriggers;\n    deltaStart: number;\n    deltaEnd: number;\n    behavior: ZoomBehavior;\n  }) => {\n    const canZoomIn =\n      event.behavior === ZOOM_CHANGE_TYPE.ZoomIn && zoomState?.zoomInEnabled;\n    const canZoomOut =\n      event.behavior === ZOOM_CHANGE_TYPE.ZoomOut && zoomState.zoomOutEnabled;\n    const canZoomX = event.behavior === ZOOM_CHANGE_TYPE.ZoomX;\n\n    const canZoom = canZoomIn || canZoomOut || canZoomX;\n\n    if (canZoom && axesMetadata.isZoomEnabled) {\n      setState(reduceExploreCancelAll);\n\n      applyZoomDelta(event.deltaStart, event.deltaEnd, event.behavior);\n    }\n  };\n\n  return {\n    handleModeChange,\n    handleHover,\n    handleTogglePin,\n    handleReset,\n    handleLeave,\n    handlePanChange,\n    handleSelectChange,\n    handleSelectEnd,\n    handleZoomChange,\n    handleSelectStart,\n    resetTooltip,\n  };\n};\n"],
+  "sourcesContent": ["import { useEffect, type RefObject } from 'react';\n\nimport { useApplyPanDelta } from './useApplyPanDelta.js';\nimport { useApplyZoomDelta } from './useApplyZoomDelta.js';\nimport { useResetInteractions } from './useResetInteractions.js';\nimport { useZoomToSelection } from './useZoomToSelection.js';\nimport { useGridPlotSize } from '../../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport {\n  INTERACTION_MODE,\n  type InteractionMode,\n  type InteractionTriggers,\n  isSelectCancelled,\n  type ZoomBehavior,\n} from '../../../../core/components/interactions-overlay/types.js';\nimport { useDismissChartTooltipSignal } from '../../../../core/components/overlay-tooltip/pinCoordinationSelectors.js';\nimport { usePinCoordinationActions } from '../../../../core/components/overlay-tooltip/usePinCoordinationActions.js';\nimport { useTooltipActions } from '../../../../core/components/overlay-tooltip/useTooltipActions.js';\nimport type {\n  _SelectionRef,\n  SelectionAreaVariant,\n} from '../../../../core/components/selection-area/types.js';\nimport { useSynchronizedCrosshair } from '../../../../core/components/shared-chart-interactions/hooks/useSynchronizedCrosshair.js';\nimport { useSynchronizedSelection } from '../../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js';\nimport type { RelativeAbsolutePosition } from '../../../../core/types/pointer-events.js';\nimport { ZOOM_CHANGE_TYPE } from '../../../../core/types/zoom.js';\nimport { getPercentageFromPixel } from '../../../../core/utils/get-percentage-from-pixel.js';\nimport { isTouchableDevice } from '../../../../core/utils/is-touchable-device.js';\nimport { useAreaData } from '../../../hooks/useAreaData.js';\nimport { useBarData } from '../../../hooks/useBarData.js';\nimport { useDotData } from '../../../hooks/useDotData.js';\nimport { useLineData } from '../../../hooks/useLineData.js';\nimport { useOverlayPerformance } from '../../../hooks/useOverlayPerformance.js';\nimport { useRectData } from '../../../hooks/useRectData.js';\nimport { useSyncedXScaleByPriority } from '../../../hooks/useSyncedXScaleByPriority.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartId } from '../../../hooks/useXYChartId.js';\nimport { reduceInteractionMode } from '../../../store/reduce-interaction-mode.js';\nimport {\n  reduceExploreCancelAll,\n  reduceExploreCancelHighlight,\n  reduceExploreCancelSelect,\n  reduceExplorePin,\n  reduceExploreReset,\n  reduceExploreSelect,\n  reduceExploreUnPin,\n} from '../../../store/reducer-explorer.js';\nimport {\n  useInteractionModeState,\n  useSetState,\n  useZoomState,\n} from '../../../store/selectors.js';\n\nexport const useOverlayEvents = () => {\n  const { filteredSeriesWithDatapoints: rectSeriesData } = useRectData();\n  const { filteredSeriesWithDatapoints: barSeriesData } = useBarData();\n  const { filteredSeriesWithDatapoints: dotSeriesData } = useDotData();\n  const { filteredSeriesWithDatapoints: lineSeriesData } = useLineData();\n  const { filteredSeriesWithDatapoints: areaSeriesData } = useAreaData();\n  const zoomToSelection = useZoomToSelection();\n  const setState = useSetState();\n  const mode = useInteractionModeState();\n  const applyPanDelta = useApplyPanDelta();\n  const applyReset = useResetInteractions();\n  const applyZoomDelta = useApplyZoomDelta();\n  const zoomState = useZoomState();\n  const { query } = useOverlayPerformance();\n  const { axesMetadata } = useXYChartData();\n  const chartId = useXYChartId();\n  const synchronizedCrosshair = useSynchronizedCrosshair();\n  const { width } = useGridPlotSize();\n  const {\n    updateSelectionState: updateSynchronizedSelection,\n    resetSelectionState: resetSynchronizedSelection,\n  } = useSynchronizedSelection();\n  const syncedXScale = useSyncedXScaleByPriority();\n  const { hover, pin, unpin, reset, outOfBounds } = useTooltipActions();\n  const { dismissAnnotation } = usePinCoordinationActions();\n  const dismissChartAt = useDismissChartTooltipSignal();\n  const {\n    updateHoverState: updateSynchronizedCrosshair,\n    setDisabled: disableSynchronizedCrosshair,\n  } = synchronizedCrosshair ?? {};\n\n  const getDatapoints = (position: RelativeAbsolutePosition) =>\n    query({\n      position,\n      dotSeriesData,\n      lineSeriesData,\n      areaSeriesData,\n      rectSeriesData,\n      barSeriesData,\n    });\n\n  const resetTooltip = () => {\n    setState(reduceExploreCancelHighlight);\n    reset();\n    dismissAnnotation();\n  };\n\n  // The annotations tooltip just took the pin \u2014 release this chart's own\n  // pinned tooltip without re-signaling the annotation (that would just\n  // dismiss the annotation tooltip that triggered this in the first place).\n  useEffect(() => {\n    if (dismissChartAt === 0) {\n      return;\n    }\n    setState(reduceExploreCancelHighlight);\n    unpin();\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [dismissChartAt]);\n\n  const handleModeChange = (event: {\n    mode: InteractionMode;\n    keyboard: boolean;\n  }) => {\n    const canPan = axesMetadata.isPanEnabled && zoomState.zoomOutEnabled;\n    const shouldSwitchToPanMode = event.mode === 'pan' && canPan;\n    const shouldSwitchToZoomMode =\n      event.mode === 'zoom' && axesMetadata.isZoomEnabled;\n\n    if (shouldSwitchToPanMode || shouldSwitchToZoomMode) {\n      resetSynchronizedSelection?.();\n      setState(reduceInteractionMode(event.mode));\n      setState(reduceExploreReset);\n    } else if (event.mode === 'explore') {\n      setState(reduceInteractionMode(INTERACTION_MODE.Explore));\n    }\n  };\n\n  const handleHover = ({\n    position,\n  }: {\n    triggeredBy: InteractionTriggers;\n    position: RelativeAbsolutePosition;\n  }) => {\n    if (isTouchableDevice()) {\n      return;\n    }\n\n    if (syncedXScale) {\n      const hoveredDate = syncedXScale.invert(position.relative.x);\n      disableSynchronizedCrosshair?.(false);\n      updateSynchronizedCrosshair?.(chartId, hoveredDate.valueOf());\n    }\n\n    const metadata = getDatapoints(position);\n\n    const payload = metadata.preferred\n      ? {\n          geometry: metadata.preferred.type,\n          header1: undefined,\n          series: [],\n          metadata,\n        }\n      : undefined;\n\n    hover(\n      { clientX: position.absolute.x, clientY: position.absolute.y },\n      payload,\n    );\n  };\n\n  const handleTogglePin = (\n    shouldPin: boolean,\n    position: RelativeAbsolutePosition | undefined,\n  ) => {\n    if (shouldPin) {\n      handlePin(position);\n      updateSynchronizedCrosshair?.(undefined);\n    } else {\n      handleUnPin(position);\n    }\n  };\n\n  const handleUnPin = (position: RelativeAbsolutePosition | undefined) => {\n    setState(reduceExploreUnPin);\n\n    if (position) {\n      dismissAnnotation();\n      const metadata = getDatapoints(position);\n\n      unpin();\n\n      if (metadata.preferred) {\n        hover(\n          { clientX: position.absolute.x, clientY: position.absolute.y },\n          {\n            geometry: metadata.preferred.type,\n            header1: undefined,\n            series: [],\n            metadata,\n          },\n        );\n      }\n    } else {\n      resetTooltip();\n    }\n  };\n\n  const handlePin = (position: RelativeAbsolutePosition | undefined) => {\n    if (!position) {\n      return;\n    }\n\n    const metadata = getDatapoints(position);\n\n    dismissAnnotation();\n\n    if (metadata.preferred) {\n      setState(reduceExplorePin(metadata.preferred.series.id));\n      pin(\n        { clientX: position.absolute.x, clientY: position.absolute.y },\n        {\n          geometry: metadata.preferred.type,\n          header1: undefined,\n          series: [],\n          metadata,\n        },\n      );\n    }\n  };\n\n  const handleReset = (event: {\n    triggeredBy: InteractionTriggers;\n    mousePosition?: RelativeAbsolutePosition;\n  }) => {\n    const { mousePosition: position } = event;\n    applyReset({ position });\n    disableSynchronizedCrosshair?.(false);\n    resetSynchronizedSelection?.();\n\n    if (!position) {\n      setState(reduceExploreCancelAll);\n\n      return;\n    }\n\n    setState(reduceExploreCancelAll);\n\n    const metadata = getDatapoints(position);\n\n    if (metadata.preferred) {\n      hover(\n        { clientX: position.absolute.x, clientY: position.absolute.y },\n        {\n          geometry: metadata.preferred.type,\n          header1: undefined,\n          series: [],\n          metadata,\n        },\n      );\n    } else {\n      outOfBounds();\n    }\n  };\n\n  const handleLeave = (_: { triggeredBy: InteractionTriggers }) => {\n    updateSynchronizedCrosshair?.(undefined);\n    outOfBounds();\n  };\n\n  const handlePanChange = (event: {\n    triggeredBy: InteractionTriggers;\n    delta: number;\n  }) => {\n    applyPanDelta(event.delta);\n  };\n\n  const handleSelectStart = (event: {\n    triggeredBy: InteractionTriggers;\n    position: RelativeAbsolutePosition;\n  }) => {\n    if (mode === 'explore') {\n      disableSynchronizedCrosshair?.(true);\n      updateSynchronizedSelection?.();\n    }\n    resetTooltip();\n  };\n\n  const handleSelectChange = (event: {\n    triggeredBy: InteractionTriggers;\n    start: RelativeAbsolutePosition;\n    end: RelativeAbsolutePosition;\n    mode: 'explore' | 'zoom';\n  }): void => {\n    const variant: SelectionAreaVariant =\n      event.mode === 'explore' ? 'select' : 'zoom';\n\n    setState(\n      reduceExploreSelect({\n        start: event.start,\n        end: event.end,\n        finished: false,\n        accessible: false,\n        variant,\n        selectionPercentage: getPercentageFromPixel(\n          [event.start, event.end],\n          width,\n        ),\n      }),\n    );\n    if (mode === 'explore' && syncedXScale) {\n      updateSynchronizedSelection?.({\n        selection: [event.start, event.end],\n        chartId,\n        scale: syncedXScale,\n      });\n    }\n  };\n\n  const handleSelectEnd = (\n    event:\n      | {\n          triggeredBy: InteractionTriggers;\n          start: RelativeAbsolutePosition;\n          end: RelativeAbsolutePosition;\n        }\n      | { cancelled: true },\n    ref: RefObject<_SelectionRef | null>,\n  ): void => {\n    if (isSelectCancelled(event)) {\n      setState(reduceExploreCancelSelect);\n      resetSynchronizedSelection?.();\n    } else if (mode === 'explore') {\n      setState(\n        reduceExploreSelect({\n          start: event.start,\n          end: event.end,\n          finished: true,\n          accessible: false,\n          variant: 'select',\n          selectionPercentage: getPercentageFromPixel(\n            [event.start, event.end],\n            width,\n          ),\n        }),\n      );\n      ref.current?.focus();\n      if (syncedXScale) {\n        updateSynchronizedSelection?.({\n          selection: [event.start, event.end],\n          chartId,\n          scale: syncedXScale,\n        });\n      }\n    } else {\n      // in case select is disabled and zoomX is enabled, only zoom to selection interaction is possible\n      zoomToSelection();\n    }\n  };\n\n  const handleZoomChange = (event: {\n    triggeredBy: InteractionTriggers;\n    deltaStart: number;\n    deltaEnd: number;\n    behavior: ZoomBehavior;\n  }) => {\n    const canZoomIn =\n      event.behavior === ZOOM_CHANGE_TYPE.ZoomIn && zoomState?.zoomInEnabled;\n    const canZoomOut =\n      event.behavior === ZOOM_CHANGE_TYPE.ZoomOut && zoomState.zoomOutEnabled;\n    const canZoomX = event.behavior === ZOOM_CHANGE_TYPE.ZoomX;\n\n    const canZoom = canZoomIn || canZoomOut || canZoomX;\n\n    if (canZoom && axesMetadata.isZoomEnabled) {\n      setState(reduceExploreCancelAll);\n\n      applyZoomDelta(event.deltaStart, event.deltaEnd, event.behavior);\n    }\n  };\n\n  return {\n    handleModeChange,\n    handleHover,\n    handleTogglePin,\n    handleReset,\n    handleLeave,\n    handlePanChange,\n    handleSelectChange,\n    handleSelectEnd,\n    handleZoomChange,\n    handleSelectStart,\n    resetTooltip,\n  };\n};\n"],
   "mappings": "AAAA,SAAS,iBAAiC;AAE1C,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,EAGA;AAAA,OAEK;AACP,SAAS,oCAAoC;AAC7C,SAAS,iCAAiC;AAC1C,SAAS,yBAAyB;AAKlC,SAAS,gCAAgC;AACzC,SAAS,gCAAgC;AAEzC,SAAS,wBAAwB;AACjC,SAAS,8BAA8B;AACvC,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,6BAA6B;AACtC,SAAS,mBAAmB;AAC5B,SAAS,iCAAiC;AAC1C,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,6BAA6B;AACtC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,mBAAmB,MAAM;AACpC,QAAM,EAAE,8BAA8B,eAAe,IAAI,YAAY;AACrE,QAAM,EAAE,8BAA8B,cAAc,IAAI,WAAW;AACnE,QAAM,EAAE,8BAA8B,cAAc,IAAI,WAAW;AACnE,QAAM,EAAE,8BAA8B,eAAe,IAAI,YAAY;AACrE,QAAM,EAAE,8BAA8B,eAAe,IAAI,YAAY;AACrE,QAAM,kBAAkB,mBAAmB;AAC3C,QAAM,WAAW,YAAY;AAC7B,QAAM,OAAO,wBAAwB;AACrC,QAAM,gBAAgB,iBAAiB;AACvC,QAAM,aAAa,qBAAqB;AACxC,QAAM,iBAAiB,kBAAkB;AACzC,QAAM,YAAY,aAAa;AAC/B,QAAM,EAAE,MAAM,IAAI,sBAAsB;AACxC,QAAM,EAAE,aAAa,IAAI,eAAe;AACxC,QAAM,UAAU,aAAa;AAC7B,QAAM,wBAAwB,yBAAyB;AACvD,QAAM,EAAE,MAAM,IAAI,gBAAgB;AAClC,QAAM;AAAA,IACJ,sBAAsB;AAAA,IACtB,qBAAqB;AAAA,EACvB,IAAI,yBAAyB;AAC7B,QAAM,eAAe,0BAA0B;AAC/C,QAAM,EAAE,OAAO,KAAK,OAAO,OAAO,YAAY,IAAI,kBAAkB;AACpE,QAAM,EAAE,kBAAkB,IAAI,0BAA0B;AACxD,QAAM,iBAAiB,6BAA6B;AACpD,QAAM;AAAA,IACJ,kBAAkB;AAAA,IAClB,aAAa;AAAA,EACf,IAAI,yBAAyB,CAAC;AAE9B,QAAM,gBAAgB,CAAC,aACrB,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAEH,QAAM,eAAe,MAAM;AACzB,aAAS,4BAA4B;AACrC,UAAM;AACN,sBAAkB;AAAA,EACpB;AAKA,YAAU,MAAM;AACd,QAAI,mBAAmB,GAAG;AACxB;AAAA,IACF;AACA,aAAS,4BAA4B;AACrC,UAAM;AAAA,EAER,GAAG,CAAC,cAAc,CAAC;AAEnB,QAAM,mBAAmB,CAAC,UAGpB;AACJ,UAAM,SAAS,aAAa,gBAAgB,UAAU;AACtD,UAAM,wBAAwB,MAAM,SAAS,SAAS;AACtD,UAAM,yBACJ,MAAM,SAAS,UAAU,aAAa;AAExC,QAAI,yBAAyB,wBAAwB;AACnD,mCAA6B;AAC7B,eAAS,sBAAsB,MAAM,IAAI,CAAC;AAC1C,eAAS,kBAAkB;AAAA,IAC7B,WAAW,MAAM,SAAS,WAAW;AACnC,eAAS,sBAAsB,iBAAiB,OAAO,CAAC;AAAA,IAC1D;AAAA,EACF;AAEA,QAAM,cAAc,CAAC;AAAA,IACnB;AAAA,EACF,MAGM;AACJ,QAAI,kBAAkB,GAAG;AACvB;AAAA,IACF;AAEA,QAAI,cAAc;AAChB,YAAM,cAAc,aAAa,OAAO,SAAS,SAAS,CAAC;AAC3D,qCAA+B,KAAK;AACpC,oCAA8B,SAAS,YAAY,QAAQ,CAAC;AAAA,IAC9D;AAEA,UAAM,WAAW,cAAc,QAAQ;AAEvC,UAAM,UAAU,SAAS,YACrB;AAAA,MACE,UAAU,SAAS,UAAU;AAAA,MAC7B,SAAS;AAAA,MACT,QAAQ,CAAC;AAAA,MACT;AAAA,IACF,IACA;AAEJ;AAAA,MACE,EAAE,SAAS,SAAS,SAAS,GAAG,SAAS,SAAS,SAAS,EAAE;AAAA,MAC7D;AAAA,IACF;AAAA,EACF;AAEA,QAAM,kBAAkB,CACtB,WACA,aACG;AACH,QAAI,WAAW;AACb,gBAAU,QAAQ;AAClB,oCAA8B,MAAS;AAAA,IACzC,OAAO;AACL,kBAAY,QAAQ;AAAA,IACtB;AAAA,EACF;AAEA,QAAM,cAAc,CAAC,aAAmD;AACtE,aAAS,kBAAkB;AAE3B,QAAI,UAAU;AACZ,wBAAkB;AAClB,YAAM,WAAW,cAAc,QAAQ;AAEvC,YAAM;AAEN,UAAI,SAAS,WAAW;AACtB;AAAA,UACE,EAAE,SAAS,SAAS,SAAS,GAAG,SAAS,SAAS,SAAS,EAAE;AAAA,UAC7D;AAAA,YACE,UAAU,SAAS,UAAU;AAAA,YAC7B,SAAS;AAAA,YACT,QAAQ,CAAC;AAAA,YACT;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF,OAAO;AACL,mBAAa;AAAA,IACf;AAAA,EACF;AAEA,QAAM,YAAY,CAAC,aAAmD;AACpE,QAAI,CAAC,UAAU;AACb;AAAA,IACF;AAEA,UAAM,WAAW,cAAc,QAAQ;AAEvC,sBAAkB;AAElB,QAAI,SAAS,WAAW;AACtB,eAAS,iBAAiB,SAAS,UAAU,OAAO,EAAE,CAAC;AACvD;AAAA,QACE,EAAE,SAAS,SAAS,SAAS,GAAG,SAAS,SAAS,SAAS,EAAE;AAAA,QAC7D;AAAA,UACE,UAAU,SAAS,UAAU;AAAA,UAC7B,SAAS;AAAA,UACT,QAAQ,CAAC;AAAA,UACT;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,cAAc,CAAC,UAGf;AACJ,UAAM,EAAE,eAAe,SAAS,IAAI;AACpC,eAAW,EAAE,SAAS,CAAC;AACvB,mCAA+B,KAAK;AACpC,iCAA6B;AAE7B,QAAI,CAAC,UAAU;AACb,eAAS,sBAAsB;AAE/B;AAAA,IACF;AAEA,aAAS,sBAAsB;AAE/B,UAAM,WAAW,cAAc,QAAQ;AAEvC,QAAI,SAAS,WAAW;AACtB;AAAA,QACE,EAAE,SAAS,SAAS,SAAS,GAAG,SAAS,SAAS,SAAS,EAAE;AAAA,QAC7D;AAAA,UACE,UAAU,SAAS,UAAU;AAAA,UAC7B,SAAS;AAAA,UACT,QAAQ,CAAC;AAAA,UACT;AAAA,QACF;AAAA,MACF;AAAA,IACF,OAAO;AACL,kBAAY;AAAA,IACd;AAAA,EACF;AAEA,QAAM,cAAc,CAAC,MAA4C;AAC/D,kCAA8B,MAAS;AACvC,gBAAY;AAAA,EACd;AAEA,QAAM,kBAAkB,CAAC,UAGnB;AACJ,kBAAc,MAAM,KAAK;AAAA,EAC3B;AAEA,QAAM,oBAAoB,CAAC,UAGrB;AACJ,QAAI,SAAS,WAAW;AACtB,qCAA+B,IAAI;AACnC,oCAA8B;AAAA,IAChC;AACA,iBAAa;AAAA,EACf;AAEA,QAAM,qBAAqB,CAAC,UAKhB;AACV,UAAM,UACJ,MAAM,SAAS,YAAY,WAAW;AAExC;AAAA,MACE,oBAAoB;AAAA,QAClB,OAAO,MAAM;AAAA,QACb,KAAK,MAAM;AAAA,QACX,UAAU;AAAA,QACV,YAAY;AAAA,QACZ;AAAA,QACA,qBAAqB;AAAA,UACnB,CAAC,MAAM,OAAO,MAAM,GAAG;AAAA,UACvB;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AACA,QAAI,SAAS,aAAa,cAAc;AACtC,oCAA8B;AAAA,QAC5B,WAAW,CAAC,MAAM,OAAO,MAAM,GAAG;AAAA,QAClC;AAAA,QACA,OAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,EACF;AAEA,QAAM,kBAAkB,CACtB,OAOA,QACS;AACT,QAAI,kBAAkB,KAAK,GAAG;AAC5B,eAAS,yBAAyB;AAClC,mCAA6B;AAAA,IAC/B,WAAW,SAAS,WAAW;AAC7B;AAAA,QACE,oBAAoB;AAAA,UAClB,OAAO,MAAM;AAAA,UACb,KAAK,MAAM;AAAA,UACX,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,qBAAqB;AAAA,YACnB,CAAC,MAAM,OAAO,MAAM,GAAG;AAAA,YACvB;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AACA,UAAI,SAAS,MAAM;AACnB,UAAI,cAAc;AAChB,sCAA8B;AAAA,UAC5B,WAAW,CAAC,MAAM,OAAO,MAAM,GAAG;AAAA,UAClC;AAAA,UACA,OAAO;AAAA,QACT,CAAC;AAAA,MACH;AAAA,IACF,OAAO;AAEL,sBAAgB;AAAA,IAClB;AAAA,EACF;AAEA,QAAM,mBAAmB,CAAC,UAKpB;AACJ,UAAM,YACJ,MAAM,aAAa,iBAAiB,UAAU,WAAW;AAC3D,UAAM,aACJ,MAAM,aAAa,iBAAiB,WAAW,UAAU;AAC3D,UAAM,WAAW,MAAM,aAAa,iBAAiB;AAErD,UAAM,UAAU,aAAa,cAAc;AAE3C,QAAI,WAAW,aAAa,eAAe;AACzC,eAAS,sBAAsB;AAE/B,qBAAe,MAAM,YAAY,MAAM,UAAU,MAAM,QAAQ;AAAA,IACjE;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/charts/xy-chart/components/thresholds/XYChartThresholdIndicators.css

@@ -1,3 +1,3 @@
-._1mfu0sw0-3-12-2 {
+._1mfu0sw0-3-13-2 {
   z-index: 2;
 }

package/esm/charts/xy-chart/components/thresholds/XYChartThresholdIndicators.sty.js

@@ -1,6 +1,6 @@
 import "../../../core/components/chart-grid/ChartGrid.css";
 import "./XYChartThresholdIndicators.css";
-var thresholdPlot = "_1mfu0sw0-3-12-2 _13lzg4k0-3-12-2";
+var thresholdPlot = "_1mfu0sw0-3-13-2 _13lzg4k0-3-13-2";
 export {
   thresholdPlot
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/thresholds/XYChartThresholdIndicators.css.ts"],
-  "sourcesContent": ["import '../../../core/components/chart-grid/ChartGrid.css';\nimport './XYChartThresholdIndicators.css';\nexport var thresholdPlot = '_1mfu0sw0-3-12-2 _13lzg4k0-3-12-2';"],
+  "sourcesContent": ["import '../../../core/components/chart-grid/ChartGrid.css';\nimport './XYChartThresholdIndicators.css';\nexport var thresholdPlot = '_1mfu0sw0-3-13-2 _13lzg4k0-3-13-2';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,gBAAgB;",
   "names": []
 }

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

@@ -12,6 +12,7 @@ import { useAxesFormatter } from "../../hooks/useAxesFormatter.js";
 import { useXYChartColorScales } from "../../hooks/useXYChartColorScales.js";
 import { useXYChartData } from "../../hooks/useXYChartData.js";
 import { useXYChartTooltip } from "../../hooks/useXYChartTooltip.js";
+import { useXYChartTruncationMode } from "../../hooks/useXYChartTruncationMode.js";
 import {
   AREA_VARIANT,
   BAR_VARIANT,
@@ -28,6 +29,7 @@ const XYChartTooltipContent = ({
   const colorScaleMap = useXYChartColorScales();
   const { seriesToMetadata } = useXYChartData();
   const { datapointMetadataMap } = useXYChartData();
+  const { truncationMode } = useXYChartTruncationMode();
   if (customTooltip?.hidden) {
     return null;
   }
@@ -45,7 +47,13 @@ const XYChartTooltipContent = ({
       return null;
     }
     if (customTooltipContent) {
-      return /* @__PURE__ */ jsx(OverlayTooltip, { template: customTooltipContent });
+      return /* @__PURE__ */ jsx(
+        OverlayTooltip,
+        {
+          template: customTooltipContent,
+          truncation: truncationMode
+        }
+      );
     }
   }
   switch (content.type) {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/tooltip/XYChartTooltipContent.tsx"],
-  "sourcesContent": ["import { useIntl } from 'react-intl';\n\nimport { AreaSeriesTooltip } from './AreaSeriesTooltip.js';\nimport { BarSeriesTooltip } from './BarSeriesTooltip.js';\nimport { DotSeriesTooltip } from './DotSeriesTooltip.js';\nimport { LineSeriesTooltip } from './LineSeriesTooltip.js';\nimport { RectSeriesTooltip } from './RectSeriesTooltip.js';\nimport { getCustomTooltipPayload } from './utils/get-custom-tooltip-payload.js';\nimport { OverlayTooltip } from '../../../core/components/overlay-tooltip/OverlayTooltip.js';\nimport { safeGet } from '../../../core/utils/safe-get.js';\nimport { useAxesFormatter } from '../../hooks/useAxesFormatter.js';\nimport { useXYChartColorScales } from '../../hooks/useXYChartColorScales.js';\nimport { useXYChartData } from '../../hooks/useXYChartData.js';\nimport { useXYChartTooltip } from '../../hooks/useXYChartTooltip.js';\nimport type { TooltipContent } from '../../types/state.js';\nimport {\n  AREA_VARIANT,\n  BAR_VARIANT,\n  DOT_VARIANT,\n  LINE_VARIANT,\n  RECT_VARIANT,\n} from '../../types/xy-chart-internals.js';\n\nexport const XYChartTooltipContent = ({\n  content,\n}: {\n  content: TooltipContent;\n}) => {\n  const customTooltip = useXYChartTooltip();\n  const axisIdToFormatter = useAxesFormatter();\n  const intl = useIntl();\n  const colorScaleMap = useXYChartColorScales();\n  const { seriesToMetadata } = useXYChartData();\n  const { datapointMetadataMap } = useXYChartData();\n\n  if (customTooltip?.hidden) {\n    return null;\n  }\n\n  if (customTooltip?.template) {\n    const customTooltipPayload = getCustomTooltipPayload(\n      content,\n      safeGet(seriesToMetadata, content.series),\n      axisIdToFormatter,\n      intl,\n      colorScaleMap,\n      safeGet(datapointMetadataMap, content.datapoint).colorOverride,\n    );\n\n    const customTooltipContent = customTooltip.template?.(customTooltipPayload);\n\n    if (customTooltipContent === null) {\n      return null;\n    }\n\n    if (customTooltipContent) {\n      return <OverlayTooltip template={customTooltipContent}></OverlayTooltip>;\n    }\n  }\n\n  switch (content.type) {\n    case RECT_VARIANT:\n      return (\n        <RectSeriesTooltip\n          datapoint={content.datapoint}\n          series={content.series}\n        />\n      );\n    case BAR_VARIANT:\n      return (\n        <BarSeriesTooltip\n          datapoint={content.datapoint}\n          series={content.series}\n        />\n      );\n    case DOT_VARIANT:\n      return (\n        <DotSeriesTooltip\n          datapoint={content.datapoint}\n          series={content.series}\n        />\n      );\n    case LINE_VARIANT:\n      return (\n        <LineSeriesTooltip\n          datapoint={content.datapoint}\n          series={content.series}\n        />\n      );\n    case AREA_VARIANT:\n      return (\n        <AreaSeriesTooltip\n          datapoint={content.datapoint}\n          series={content.series}\n        />\n      );\n\n    default:\n      return null;\n  }\n};\n"],
-  "mappings": "AAwDa;AAxDb,SAAS,eAAe;AAExB,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AAClC,SAAS,+BAA+B;AACxC,SAAS,sBAAsB;AAC/B,SAAS,eAAe;AACxB,SAAS,wBAAwB;AACjC,SAAS,6BAA6B;AACtC,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAElC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,wBAAwB,CAAC;AAAA,EACpC;AACF,MAEM;AACJ,QAAM,gBAAgB,kBAAkB;AACxC,QAAM,oBAAoB,iBAAiB;AAC3C,QAAM,OAAO,QAAQ;AACrB,QAAM,gBAAgB,sBAAsB;AAC5C,QAAM,EAAE,iBAAiB,IAAI,eAAe;AAC5C,QAAM,EAAE,qBAAqB,IAAI,eAAe;AAEhD,MAAI,eAAe,QAAQ;AACzB,WAAO;AAAA,EACT;AAEA,MAAI,eAAe,UAAU;AAC3B,UAAM,uBAAuB;AAAA,MAC3B;AAAA,MACA,QAAQ,kBAAkB,QAAQ,MAAM;AAAA,MACxC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,sBAAsB,QAAQ,SAAS,EAAE;AAAA,IACnD;AAEA,UAAM,uBAAuB,cAAc,WAAW,oBAAoB;AAE1E,QAAI,yBAAyB,MAAM;AACjC,aAAO;AAAA,IACT;AAEA,QAAI,sBAAsB;AACxB,aAAO,oBAAC,kBAAe,UAAU,sBAAsB;AAAA,IACzD;AAAA,EACF;AAEA,UAAQ,QAAQ,MAAM;AAAA,IACpB,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,QAAQ;AAAA,UACnB,QAAQ,QAAQ;AAAA;AAAA,MAClB;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,QAAQ;AAAA,UACnB,QAAQ,QAAQ;AAAA;AAAA,MAClB;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,QAAQ;AAAA,UACnB,QAAQ,QAAQ;AAAA;AAAA,MAClB;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,QAAQ;AAAA,UACnB,QAAQ,QAAQ;AAAA;AAAA,MAClB;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,QAAQ;AAAA,UACnB,QAAQ,QAAQ;AAAA;AAAA,MAClB;AAAA,IAGJ;AACE,aAAO;AAAA,EACX;AACF;",
+  "sourcesContent": ["import { useIntl } from 'react-intl';\n\nimport { AreaSeriesTooltip } from './AreaSeriesTooltip.js';\nimport { BarSeriesTooltip } from './BarSeriesTooltip.js';\nimport { DotSeriesTooltip } from './DotSeriesTooltip.js';\nimport { LineSeriesTooltip } from './LineSeriesTooltip.js';\nimport { RectSeriesTooltip } from './RectSeriesTooltip.js';\nimport { getCustomTooltipPayload } from './utils/get-custom-tooltip-payload.js';\nimport { OverlayTooltip } from '../../../core/components/overlay-tooltip/OverlayTooltip.js';\nimport { safeGet } from '../../../core/utils/safe-get.js';\nimport { useAxesFormatter } from '../../hooks/useAxesFormatter.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';\nimport {\n  AREA_VARIANT,\n  BAR_VARIANT,\n  DOT_VARIANT,\n  LINE_VARIANT,\n  RECT_VARIANT,\n} from '../../types/xy-chart-internals.js';\n\nexport const XYChartTooltipContent = ({\n  content,\n}: {\n  content: TooltipContent;\n}) => {\n  const customTooltip = useXYChartTooltip();\n  const axisIdToFormatter = useAxesFormatter();\n  const intl = useIntl();\n  const colorScaleMap = useXYChartColorScales();\n  const { seriesToMetadata } = useXYChartData();\n  const { datapointMetadataMap } = useXYChartData();\n  const { truncationMode } = useXYChartTruncationMode();\n\n  if (customTooltip?.hidden) {\n    return null;\n  }\n\n  if (customTooltip?.template) {\n    const customTooltipPayload = getCustomTooltipPayload(\n      content,\n      safeGet(seriesToMetadata, content.series),\n      axisIdToFormatter,\n      intl,\n      colorScaleMap,\n      safeGet(datapointMetadataMap, content.datapoint).colorOverride,\n    );\n\n    const customTooltipContent = customTooltip.template?.(customTooltipPayload);\n\n    if (customTooltipContent === null) {\n      return null;\n    }\n\n    if (customTooltipContent) {\n      return (\n        <OverlayTooltip\n          template={customTooltipContent}\n          truncation={truncationMode}\n        ></OverlayTooltip>\n      );\n    }\n  }\n\n  switch (content.type) {\n    case RECT_VARIANT:\n      return (\n        <RectSeriesTooltip\n          datapoint={content.datapoint}\n          series={content.series}\n        />\n      );\n    case BAR_VARIANT:\n      return (\n        <BarSeriesTooltip\n          datapoint={content.datapoint}\n          series={content.series}\n        />\n      );\n    case DOT_VARIANT:\n      return (\n        <DotSeriesTooltip\n          datapoint={content.datapoint}\n          series={content.series}\n        />\n      );\n    case LINE_VARIANT:\n      return (\n        <LineSeriesTooltip\n          datapoint={content.datapoint}\n          series={content.series}\n        />\n      );\n    case AREA_VARIANT:\n      return (\n        <AreaSeriesTooltip\n          datapoint={content.datapoint}\n          series={content.series}\n        />\n      );\n\n    default:\n      return null;\n  }\n};\n"],
+  "mappings": "AA2DQ;AA3DR,SAAS,eAAe;AAExB,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AAClC,SAAS,+BAA+B;AACxC,SAAS,sBAAsB;AAC/B,SAAS,eAAe;AACxB,SAAS,wBAAwB;AACjC,SAAS,6BAA6B;AACtC,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AAEzC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,wBAAwB,CAAC;AAAA,EACpC;AACF,MAEM;AACJ,QAAM,gBAAgB,kBAAkB;AACxC,QAAM,oBAAoB,iBAAiB;AAC3C,QAAM,OAAO,QAAQ;AACrB,QAAM,gBAAgB,sBAAsB;AAC5C,QAAM,EAAE,iBAAiB,IAAI,eAAe;AAC5C,QAAM,EAAE,qBAAqB,IAAI,eAAe;AAChD,QAAM,EAAE,eAAe,IAAI,yBAAyB;AAEpD,MAAI,eAAe,QAAQ;AACzB,WAAO;AAAA,EACT;AAEA,MAAI,eAAe,UAAU;AAC3B,UAAM,uBAAuB;AAAA,MAC3B;AAAA,MACA,QAAQ,kBAAkB,QAAQ,MAAM;AAAA,MACxC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,sBAAsB,QAAQ,SAAS,EAAE;AAAA,IACnD;AAEA,UAAM,uBAAuB,cAAc,WAAW,oBAAoB;AAE1E,QAAI,yBAAyB,MAAM;AACjC,aAAO;AAAA,IACT;AAEA,QAAI,sBAAsB;AACxB,aACE;AAAA,QAAC;AAAA;AAAA,UACC,UAAU;AAAA,UACV,YAAY;AAAA;AAAA,MACb;AAAA,IAEL;AAAA,EACF;AAEA,UAAQ,QAAQ,MAAM;AAAA,IACpB,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,QAAQ;AAAA,UACnB,QAAQ,QAAQ;AAAA;AAAA,MAClB;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,QAAQ;AAAA,UACnB,QAAQ,QAAQ;AAAA;AAAA,MAClB;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,QAAQ;AAAA,UACnB,QAAQ,QAAQ;AAAA;AAAA,MAClB;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,QAAQ;AAAA,UACnB,QAAQ,QAAQ;AAAA;AAAA,MAClB;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,QAAQ;AAAA,UACnB,QAAQ,QAAQ;AAAA;AAAA,MAClB;AAAA,IAGJ;AACE,aAAO;AAAA,EACX;AACF;",
   "names": []
 }

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

@@ -1,23 +1,23 @@
-._1u58xor0-3-12-2 {
+._1u58xor0-3-13-2 {
   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-12-2 {
+._1u58xor1-3-13-2 {
   font-weight: var(--dt-typography-text-small-emphasized-weight, 500);
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._1u58xor1-3-12-2::after {
+._1u58xor1-3-13-2::after {
   content: " ";
   white-space: pre;
 }
-._1u58xor2-3-12-2 {
+._1u58xor2-3-13-2 {
   flex: 0 1 auto;
   font-weight: var(--dt-typography-text-small-default-weight, 400);
 }
-._1u58xor3-3-12-2 {
+._1u58xor3-3-13-2 {
   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-12-2";
-var axisValue = "_1u58xor2-3-12-2";
-var duration = "_1u58xor3-3-12-2";
-var wrapper = "_1u58xor0-3-12-2";
+var axisName = "_1u58xor1-3-13-2";
+var axisValue = "_1u58xor2-3-13-2";
+var duration = "_1u58xor3-3-13-2";
+var wrapper = "_1u58xor0-3-13-2";
 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-12-2';\nexport var axisValue = '_1u58xor2-3-12-2';\nexport var duration = '_1u58xor3-3-12-2';\nexport var wrapper = '_1u58xor0-3-12-2';"],
+  "sourcesContent": ["import './tooltip-styles.css';\nexport var axisName = '_1u58xor1-3-13-2';\nexport var axisValue = '_1u58xor2-3-13-2';\nexport var duration = '_1u58xor3-3-13-2';\nexport var wrapper = '_1u58xor0-3-13-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;AACf,IAAI,YAAY;AAChB,IAAI,WAAW;AACf,IAAI,UAAU;",
   "names": []
 }

package/esm/charts/xy-chart/layout/XYChartLayout.css

@@ -1,10 +1,10 @@
-._1ru1qe70-3-12-2 {
+._1ru1qe70-3-13-2 {
   pointer-events: none;
   width: 100%;
   height: 100%;
   z-index: 1;
 }
-._1ru1qe71-3-12-2 {
+._1ru1qe71-3-13-2 {
   top: -5.5px;
   left: -5.5px;
   width: calc(100% + 11px);

package/esm/charts/xy-chart/layout/XYChartLayout.sty.js

@@ -1,7 +1,7 @@
 import "../../core/components/chart-grid/ChartGrid.css";
 import "./XYChartLayout.css";
-var datapointCanvasPlot = "_1ru1qe71-3-12-2 _13lzg4k0-3-12-2 _1ru1qe70-3-12-2";
-var rectangleCanvasPlot = "_13lzg4k0-3-12-2 _1ru1qe70-3-12-2";
+var datapointCanvasPlot = "_1ru1qe71-3-13-2 _13lzg4k0-3-13-2 _1ru1qe70-3-13-2";
+var rectangleCanvasPlot = "_13lzg4k0-3-13-2 _1ru1qe70-3-13-2";
 export {
   datapointCanvasPlot,
   rectangleCanvasPlot

package/esm/charts/xy-chart/layout/XYChartLayout.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/layout/XYChartLayout.css.ts"],
-  "sourcesContent": ["import '../../core/components/chart-grid/ChartGrid.css';\nimport './XYChartLayout.css';\nexport var datapointCanvasPlot = '_1ru1qe71-3-12-2 _13lzg4k0-3-12-2 _1ru1qe70-3-12-2';\nexport var rectangleCanvasPlot = '_13lzg4k0-3-12-2 _1ru1qe70-3-12-2';"],
+  "sourcesContent": ["import '../../core/components/chart-grid/ChartGrid.css';\nimport './XYChartLayout.css';\nexport var datapointCanvasPlot = '_1ru1qe71-3-13-2 _13lzg4k0-3-13-2 _1ru1qe70-3-13-2';\nexport var rectangleCanvasPlot = '_13lzg4k0-3-13-2 _1ru1qe70-3-13-2';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,sBAAsB;AAC1B,IAAI,sBAAsB;",
   "names": []
 }

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

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

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

@@ -28,7 +28,7 @@ class DotSeriesStrategy extends SeriesBaseStrategy {
       intl,
       seriesIndex,
       // APPDEV-15290 - Adjust after removing name prop from series
-      // eslint-disable-next-line @typescript-eslint/no-deprecated
+      // oxlint-disable-next-line typescript/no-deprecated
       seriesProps.name,
       {
         seriesNameAccessor,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/processing-strategies/strategies/dot-series.ts"],
-  "sourcesContent": ["import { SeriesBaseStrategy } from './base-series.js';\nimport { safeGet } from '../../../core/utils/safe-get.js';\nimport { singleLineName } from '../../../core/utils/single-line-name.js';\nimport type {\n  DatapointMetadata,\n  DotSeriesWithDatapoints,\n  XYChartAxisInternal,\n  XYChartDotSeriesInternal,\n  XYChartVariantsInternal,\n} from '../../types/xy-chart-internals.js';\nimport type { XYChartSelectionLinearMetadata } from '../../types/xy-chart-selection.js';\nimport {\n  type DotDatapoint,\n  type XYChartColorPalette,\n  type XYChartData,\n} from '../../types/xy-chart.js';\nimport { isDotSeries } from '../../utils/type-guards.js';\nimport type { MutableProcessingContext } from '../types/processing-types.js';\nimport {\n  getDatumValue,\n  getDotDatapoint,\n} from '../utils/access-datapoint/get-datapoints.js';\nimport { getCalculatedLinearPoint } from '../utils/cast-data/get-calculated-linear-point.js';\nimport { getLinearColor } from '../utils/coloring/get-linear-color-palette.js';\n\nexport class DotSeriesStrategy extends SeriesBaseStrategy<XYChartSelectionLinearMetadata> {\n  canHandle(\n    seriesProps: XYChartVariantsInternal,\n  ): seriesProps is XYChartDotSeriesInternal {\n    return isDotSeries(seriesProps);\n  }\n\n  // can this method be un base?\n  protected getSeriesId(\n    datum: XYChartData,\n    seriesProps: XYChartDotSeriesInternal,\n  ): string {\n    const seriesIdAccessor = getDatumValue(\n      datum,\n      seriesProps.seriesIdAccessor,\n    )?.toString() as string;\n    return seriesIdAccessor ?? seriesProps.id;\n  }\n\n  protected createSeriesMetadata(\n    datum: XYChartData,\n    seriesProps: XYChartDotSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    seriesId: string,\n    context: MutableProcessingContext,\n  ) {\n    const { intl, seriesIndexes } = context;\n    const { nameAccessor: seriesNameAccessor } = seriesProps;\n\n    const seriesIndex = this.getOrCreateSeriesIndex(seriesId, seriesIndexes);\n    const seriesName = this.getSeriesName(\n      intl,\n      seriesIndex,\n      // APPDEV-15290 - Adjust after removing name prop from series\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      seriesProps.name,\n      {\n        seriesNameAccessor,\n        datum,\n      },\n    );\n\n    const name = singleLineName(seriesName);\n    const color = this.getColor(\n      datum,\n      seriesProps,\n      context.colorPalette,\n      name,\n      seriesIndex,\n    );\n\n    return {\n      xAxis,\n      yAxis,\n      actions: seriesProps.actions,\n      ...color,\n      name,\n      nameSegments: Array.isArray(seriesName) ? seriesName : undefined,\n      shape: seriesProps.shape,\n    };\n  }\n\n  protected getCalculationPoint(\n    datapoint: DotDatapoint,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return getCalculatedLinearPoint(datapoint, xAxis, yAxis);\n  }\n\n  protected processImpl(\n    datum: XYChartData,\n    seriesProps: XYChartDotSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    datapoint: DotDatapoint,\n    context: MutableProcessingContext,\n  ) {\n    const { seriesMap, seriesToMetadata } = context;\n\n    const seriesId = this.getSeriesId(datum, seriesProps);\n    const isSeriesVisible =\n      context.filteredSeriesIds === undefined ||\n      context.filteredSeriesIds.has(seriesId);\n\n    let currentSeries: DotSeriesWithDatapoints | undefined =\n      seriesMap.get(seriesId);\n\n    if (!currentSeries) {\n      currentSeries = this.createSeries(\n        seriesId,\n        seriesProps,\n        xAxis,\n        yAxis,\n      ) as DotSeriesWithDatapoints;\n\n      this.registerSeries(currentSeries, seriesId, context);\n\n      const metadata = this.createSeriesMetadata(\n        datum,\n        seriesProps,\n        xAxis,\n        yAxis,\n        seriesId,\n        context,\n      );\n\n      seriesToMetadata.set(currentSeries, {\n        ...metadata,\n        isVisible: isSeriesVisible,\n      });\n    }\n\n    const datapointMetadata: DatapointMetadata = { isGap: false };\n\n    this.registerDatapoint(\n      datapoint,\n      datapointMetadata,\n      currentSeries,\n      context,\n    );\n\n    const calcPoint = this.getCalculationPoint(datapoint, xAxis, yAxis);\n\n    this.updateAxisDomains(\n      calcPoint,\n      xAxis,\n      yAxis,\n      context.axisIdToScaleDomain,\n      isSeriesVisible,\n    );\n\n    if (isSeriesVisible) {\n      context.axisWithSeries.add(xAxis.id);\n      context.axisWithSeries.add(yAxis.id);\n\n      const currentSeriesMetadata = safeGet(seriesToMetadata, currentSeries);\n\n      this.addValue({\n        series: currentSeries,\n        datapoint,\n        color: currentSeriesMetadata?.color,\n      });\n    }\n  }\n\n  getColor(\n    datum: XYChartData,\n    seriesProps: XYChartDotSeriesInternal,\n    configColorPalette: XYChartColorPalette | undefined,\n    seriesName: string,\n    seriesIndex: number,\n  ) {\n    return getLinearColor(\n      datum,\n      seriesProps,\n      configColorPalette,\n      seriesName,\n      seriesIndex,\n    );\n  }\n\n  getDatapoint(\n    datum: XYChartData,\n    seriesProps: XYChartDotSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return getDotDatapoint(datum, seriesProps, xAxis, yAxis);\n  }\n}\n"],
+  "sourcesContent": ["import { SeriesBaseStrategy } from './base-series.js';\nimport { safeGet } from '../../../core/utils/safe-get.js';\nimport { singleLineName } from '../../../core/utils/single-line-name.js';\nimport type {\n  DatapointMetadata,\n  DotSeriesWithDatapoints,\n  XYChartAxisInternal,\n  XYChartDotSeriesInternal,\n  XYChartVariantsInternal,\n} from '../../types/xy-chart-internals.js';\nimport type { XYChartSelectionLinearMetadata } from '../../types/xy-chart-selection.js';\nimport {\n  type DotDatapoint,\n  type XYChartColorPalette,\n  type XYChartData,\n} from '../../types/xy-chart.js';\nimport { isDotSeries } from '../../utils/type-guards.js';\nimport type { MutableProcessingContext } from '../types/processing-types.js';\nimport {\n  getDatumValue,\n  getDotDatapoint,\n} from '../utils/access-datapoint/get-datapoints.js';\nimport { getCalculatedLinearPoint } from '../utils/cast-data/get-calculated-linear-point.js';\nimport { getLinearColor } from '../utils/coloring/get-linear-color-palette.js';\n\nexport class DotSeriesStrategy extends SeriesBaseStrategy<XYChartSelectionLinearMetadata> {\n  canHandle(\n    seriesProps: XYChartVariantsInternal,\n  ): seriesProps is XYChartDotSeriesInternal {\n    return isDotSeries(seriesProps);\n  }\n\n  // can this method be un base?\n  protected getSeriesId(\n    datum: XYChartData,\n    seriesProps: XYChartDotSeriesInternal,\n  ): string {\n    const seriesIdAccessor = getDatumValue(\n      datum,\n      seriesProps.seriesIdAccessor,\n    )?.toString() as string;\n    return seriesIdAccessor ?? seriesProps.id;\n  }\n\n  protected createSeriesMetadata(\n    datum: XYChartData,\n    seriesProps: XYChartDotSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    seriesId: string,\n    context: MutableProcessingContext,\n  ) {\n    const { intl, seriesIndexes } = context;\n    const { nameAccessor: seriesNameAccessor } = seriesProps;\n\n    const seriesIndex = this.getOrCreateSeriesIndex(seriesId, seriesIndexes);\n    const seriesName = this.getSeriesName(\n      intl,\n      seriesIndex,\n      // APPDEV-15290 - Adjust after removing name prop from series\n      // oxlint-disable-next-line typescript/no-deprecated\n      seriesProps.name,\n      {\n        seriesNameAccessor,\n        datum,\n      },\n    );\n\n    const name = singleLineName(seriesName);\n    const color = this.getColor(\n      datum,\n      seriesProps,\n      context.colorPalette,\n      name,\n      seriesIndex,\n    );\n\n    return {\n      xAxis,\n      yAxis,\n      actions: seriesProps.actions,\n      ...color,\n      name,\n      nameSegments: Array.isArray(seriesName) ? seriesName : undefined,\n      shape: seriesProps.shape,\n    };\n  }\n\n  protected getCalculationPoint(\n    datapoint: DotDatapoint,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return getCalculatedLinearPoint(datapoint, xAxis, yAxis);\n  }\n\n  protected processImpl(\n    datum: XYChartData,\n    seriesProps: XYChartDotSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    datapoint: DotDatapoint,\n    context: MutableProcessingContext,\n  ) {\n    const { seriesMap, seriesToMetadata } = context;\n\n    const seriesId = this.getSeriesId(datum, seriesProps);\n    const isSeriesVisible =\n      context.filteredSeriesIds === undefined ||\n      context.filteredSeriesIds.has(seriesId);\n\n    let currentSeries: DotSeriesWithDatapoints | undefined =\n      seriesMap.get(seriesId);\n\n    if (!currentSeries) {\n      currentSeries = this.createSeries(\n        seriesId,\n        seriesProps,\n        xAxis,\n        yAxis,\n      ) as DotSeriesWithDatapoints;\n\n      this.registerSeries(currentSeries, seriesId, context);\n\n      const metadata = this.createSeriesMetadata(\n        datum,\n        seriesProps,\n        xAxis,\n        yAxis,\n        seriesId,\n        context,\n      );\n\n      seriesToMetadata.set(currentSeries, {\n        ...metadata,\n        isVisible: isSeriesVisible,\n      });\n    }\n\n    const datapointMetadata: DatapointMetadata = { isGap: false };\n\n    this.registerDatapoint(\n      datapoint,\n      datapointMetadata,\n      currentSeries,\n      context,\n    );\n\n    const calcPoint = this.getCalculationPoint(datapoint, xAxis, yAxis);\n\n    this.updateAxisDomains(\n      calcPoint,\n      xAxis,\n      yAxis,\n      context.axisIdToScaleDomain,\n      isSeriesVisible,\n    );\n\n    if (isSeriesVisible) {\n      context.axisWithSeries.add(xAxis.id);\n      context.axisWithSeries.add(yAxis.id);\n\n      const currentSeriesMetadata = safeGet(seriesToMetadata, currentSeries);\n\n      this.addValue({\n        series: currentSeries,\n        datapoint,\n        color: currentSeriesMetadata?.color,\n      });\n    }\n  }\n\n  getColor(\n    datum: XYChartData,\n    seriesProps: XYChartDotSeriesInternal,\n    configColorPalette: XYChartColorPalette | undefined,\n    seriesName: string,\n    seriesIndex: number,\n  ) {\n    return getLinearColor(\n      datum,\n      seriesProps,\n      configColorPalette,\n      seriesName,\n      seriesIndex,\n    );\n  }\n\n  getDatapoint(\n    datum: XYChartData,\n    seriesProps: XYChartDotSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return getDotDatapoint(datum, seriesProps, xAxis, yAxis);\n  }\n}\n"],
   "mappings": "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",
   "names": []
 }

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

@@ -36,7 +36,10 @@ const XYChartOverlayPerformanceProvider = ({
   const seriesIdToTree = isSharedVariant ? void 0 : buildResult;
   const context = useMemo(() => {
     if (isSharedVariant) {
-      const queryAllHovered = seriesIdToHoverGrid ? buildQueryAllHoveredFromGrid(seriesIdToHoverGrid) : buildQueryAllHovered(
+      const queryAllHovered = seriesIdToHoverGrid ? buildQueryAllHoveredFromGrid(
+        seriesIdToHoverGrid,
+        datapointMetadataMap
+      ) : buildQueryAllHovered(
         axisIdToScales,
         datapointMetadataMap,
         seriesToMetadata,
@@ -53,7 +56,7 @@ const XYChartOverlayPerformanceProvider = ({
         )
       };
     }
-    const queryHovered = seriesIdToHoverGrid ? buildQueryHoveredFromGrid(seriesIdToHoverGrid) : buildQueryHovered(
+    const queryHovered = seriesIdToHoverGrid ? buildQueryHoveredFromGrid(seriesIdToHoverGrid, datapointMetadataMap) : buildQueryHovered(
       axisIdToScales,
       datapointMetadataMap,
       seriesToMetadata,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/providers/XYChartOverlayPerformanceProvider.tsx"],
-  "sourcesContent": ["import { useMemo } from 'react';\n\nimport { WithChildren } from '../../../core/types/with-children.js';\nimport {\n  XYChartOverlayPerformanceContext,\n  type SeriesToQuadtree,\n} from '../context/XYChartOverlayPerformance.context.js';\nimport { useBarData } from '../hooks/useBarData.js';\nimport { useBuildHoverGrid } from '../hooks/useBuildHoverGrid.js';\nimport { useBuildOverlayStrategy } from '../hooks/useBuildOverlayStrategy.js';\nimport { useXYChartData } from '../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../hooks/useXYChartScales.js';\nimport { useXYChartTooltip } from '../hooks/useXYChartTooltip.js';\nimport type { SortedEntriesPerShape } from '../utils/build-sorted-entries.js';\nimport { buildQueryClosest } from '../utils/query-closest-quadtree.js';\nimport { buildQueryGetClosestPoint } from '../utils/query-get-closest-point.js';\nimport {\n  buildQueryAllHoveredFromGrid,\n  buildQueryHoveredFromGrid,\n} from '../utils/query-hovered-grid.js';\nimport {\n  buildQueryAllHovered,\n  buildQueryHovered,\n} from '../utils/query-hovered.js';\nimport { buildQueryShared } from '../utils/query-shared.js';\nimport { buildQuerySingle } from '../utils/query-single.js';\n\nexport const XYChartOverlayPerformanceProvider = ({\n  children,\n}: WithChildren) => {\n  const axisIdToScales = useXYChartScales();\n  const { datapointMetadataMap, axisIdToScaleDomain, seriesToMetadata } =\n    useXYChartData();\n  const { variant } = useXYChartTooltip();\n  const { hasXGroups, hasYGroups } = useBarData();\n  const hasGroupedBars = hasXGroups || hasYGroups;\n  const isSharedVariant = variant === 'shared';\n\n  const { buildResult, getBarPixelCenter, getLinearSeriesPixelCenter } =\n    useBuildOverlayStrategy();\n  const seriesIdToHoverGrid = useBuildHoverGrid();\n\n  const sortedEntries = isSharedVariant\n    ? (buildResult as SortedEntriesPerShape | undefined)\n    : undefined;\n  const seriesIdToTree = isSharedVariant\n    ? undefined\n    : (buildResult as SeriesToQuadtree | undefined);\n\n  const context = useMemo(() => {\n    if (isSharedVariant) {\n      const queryAllHovered = seriesIdToHoverGrid\n        ? buildQueryAllHoveredFromGrid(seriesIdToHoverGrid)\n        : buildQueryAllHovered(\n            axisIdToScales,\n            datapointMetadataMap,\n            seriesToMetadata,\n            axisIdToScaleDomain,\n          );\n      return {\n        query: buildQueryShared(\n          sortedEntries,\n          queryAllHovered,\n          getBarPixelCenter,\n          getLinearSeriesPixelCenter,\n          datapointMetadataMap,\n          hasGroupedBars,\n        ),\n      };\n    }\n\n    const queryHovered = seriesIdToHoverGrid\n      ? buildQueryHoveredFromGrid(seriesIdToHoverGrid)\n      : buildQueryHovered(\n          axisIdToScales,\n          datapointMetadataMap,\n          seriesToMetadata,\n          axisIdToScaleDomain,\n        );\n\n    const queryClosest = seriesIdToTree\n      ? buildQueryClosest(\n          seriesIdToTree,\n          axisIdToScales,\n          seriesToMetadata,\n          axisIdToScaleDomain,\n          datapointMetadataMap,\n        )\n      : buildQueryGetClosestPoint(\n          axisIdToScales,\n          seriesToMetadata,\n          datapointMetadataMap,\n          axisIdToScaleDomain,\n        );\n    return {\n      query: buildQuerySingle(queryClosest, queryHovered, datapointMetadataMap),\n    };\n  }, [\n    axisIdToScales,\n    datapointMetadataMap,\n    seriesToMetadata,\n    axisIdToScaleDomain,\n    isSharedVariant,\n    sortedEntries,\n    getBarPixelCenter,\n    getLinearSeriesPixelCenter,\n    seriesIdToTree,\n    seriesIdToHoverGrid,\n    hasGroupedBars,\n  ]);\n\n  return (\n    <XYChartOverlayPerformanceContext.Provider value={context}>\n      {children}\n    </XYChartOverlayPerformanceContext.Provider>\n  );\n};\n\nXYChartOverlayPerformanceProvider.displayName =\n  'XYChartOverlayPerformanceProvider';\n"],
-  "mappings": "AAgHI;AAhHJ,SAAS,eAAe;AAGxB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAClC,SAAS,+BAA+B;AACxC,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAElC,SAAS,yBAAyB;AAClC,SAAS,iCAAiC;AAC1C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAE1B,MAAM,oCAAoC,CAAC;AAAA,EAChD;AACF,MAAoB;AAClB,QAAM,iBAAiB,iBAAiB;AACxC,QAAM,EAAE,sBAAsB,qBAAqB,iBAAiB,IAClE,eAAe;AACjB,QAAM,EAAE,QAAQ,IAAI,kBAAkB;AACtC,QAAM,EAAE,YAAY,WAAW,IAAI,WAAW;AAC9C,QAAM,iBAAiB,cAAc;AACrC,QAAM,kBAAkB,YAAY;AAEpC,QAAM,EAAE,aAAa,mBAAmB,2BAA2B,IACjE,wBAAwB;AAC1B,QAAM,sBAAsB,kBAAkB;AAE9C,QAAM,gBAAgB,kBACjB,cACD;AACJ,QAAM,iBAAiB,kBACnB,SACC;AAEL,QAAM,UAAU,QAAQ,MAAM;AAC5B,QAAI,iBAAiB;AACnB,YAAM,kBAAkB,sBACpB,6BAA6B,mBAAmB,IAChD;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AACJ,aAAO;AAAA,QACL,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,UAAM,eAAe,sBACjB,0BAA0B,mBAAmB,IAC7C;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEJ,UAAM,eAAe,iBACjB;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AACJ,WAAO;AAAA,MACL,OAAO,iBAAiB,cAAc,cAAc,oBAAoB;AAAA,IAC1E;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,oBAAC,iCAAiC,UAAjC,EAA0C,OAAO,SAC/C,UACH;AAEJ;AAEA,kCAAkC,cAChC;",
+  "sourcesContent": ["import { useMemo } from 'react';\n\nimport { WithChildren } from '../../../core/types/with-children.js';\nimport {\n  XYChartOverlayPerformanceContext,\n  type SeriesToQuadtree,\n} from '../context/XYChartOverlayPerformance.context.js';\nimport { useBarData } from '../hooks/useBarData.js';\nimport { useBuildHoverGrid } from '../hooks/useBuildHoverGrid.js';\nimport { useBuildOverlayStrategy } from '../hooks/useBuildOverlayStrategy.js';\nimport { useXYChartData } from '../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../hooks/useXYChartScales.js';\nimport { useXYChartTooltip } from '../hooks/useXYChartTooltip.js';\nimport type { SortedEntriesPerShape } from '../utils/build-sorted-entries.js';\nimport { buildQueryClosest } from '../utils/query-closest-quadtree.js';\nimport { buildQueryGetClosestPoint } from '../utils/query-get-closest-point.js';\nimport {\n  buildQueryAllHoveredFromGrid,\n  buildQueryHoveredFromGrid,\n} from '../utils/query-hovered-grid.js';\nimport {\n  buildQueryAllHovered,\n  buildQueryHovered,\n} from '../utils/query-hovered.js';\nimport { buildQueryShared } from '../utils/query-shared.js';\nimport { buildQuerySingle } from '../utils/query-single.js';\n\nexport const XYChartOverlayPerformanceProvider = ({\n  children,\n}: WithChildren) => {\n  const axisIdToScales = useXYChartScales();\n  const { datapointMetadataMap, axisIdToScaleDomain, seriesToMetadata } =\n    useXYChartData();\n  const { variant } = useXYChartTooltip();\n  const { hasXGroups, hasYGroups } = useBarData();\n  const hasGroupedBars = hasXGroups || hasYGroups;\n  const isSharedVariant = variant === 'shared';\n\n  const { buildResult, getBarPixelCenter, getLinearSeriesPixelCenter } =\n    useBuildOverlayStrategy();\n  const seriesIdToHoverGrid = useBuildHoverGrid();\n\n  const sortedEntries = isSharedVariant\n    ? (buildResult as SortedEntriesPerShape | undefined)\n    : undefined;\n  const seriesIdToTree = isSharedVariant\n    ? undefined\n    : (buildResult as SeriesToQuadtree | undefined);\n\n  const context = useMemo(() => {\n    if (isSharedVariant) {\n      const queryAllHovered = seriesIdToHoverGrid\n        ? buildQueryAllHoveredFromGrid(\n            seriesIdToHoverGrid,\n            datapointMetadataMap,\n          )\n        : buildQueryAllHovered(\n            axisIdToScales,\n            datapointMetadataMap,\n            seriesToMetadata,\n            axisIdToScaleDomain,\n          );\n      return {\n        query: buildQueryShared(\n          sortedEntries,\n          queryAllHovered,\n          getBarPixelCenter,\n          getLinearSeriesPixelCenter,\n          datapointMetadataMap,\n          hasGroupedBars,\n        ),\n      };\n    }\n\n    const queryHovered = seriesIdToHoverGrid\n      ? buildQueryHoveredFromGrid(seriesIdToHoverGrid, datapointMetadataMap)\n      : buildQueryHovered(\n          axisIdToScales,\n          datapointMetadataMap,\n          seriesToMetadata,\n          axisIdToScaleDomain,\n        );\n\n    const queryClosest = seriesIdToTree\n      ? buildQueryClosest(\n          seriesIdToTree,\n          axisIdToScales,\n          seriesToMetadata,\n          axisIdToScaleDomain,\n          datapointMetadataMap,\n        )\n      : buildQueryGetClosestPoint(\n          axisIdToScales,\n          seriesToMetadata,\n          datapointMetadataMap,\n          axisIdToScaleDomain,\n        );\n    return {\n      query: buildQuerySingle(queryClosest, queryHovered, datapointMetadataMap),\n    };\n  }, [\n    axisIdToScales,\n    datapointMetadataMap,\n    seriesToMetadata,\n    axisIdToScaleDomain,\n    isSharedVariant,\n    sortedEntries,\n    getBarPixelCenter,\n    getLinearSeriesPixelCenter,\n    seriesIdToTree,\n    seriesIdToHoverGrid,\n    hasGroupedBars,\n  ]);\n\n  return (\n    <XYChartOverlayPerformanceContext.Provider value={context}>\n      {children}\n    </XYChartOverlayPerformanceContext.Provider>\n  );\n};\n\nXYChartOverlayPerformanceProvider.displayName =\n  'XYChartOverlayPerformanceProvider';\n"],
+  "mappings": "AAmHI;AAnHJ,SAAS,eAAe;AAGxB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAClC,SAAS,+BAA+B;AACxC,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAElC,SAAS,yBAAyB;AAClC,SAAS,iCAAiC;AAC1C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAE1B,MAAM,oCAAoC,CAAC;AAAA,EAChD;AACF,MAAoB;AAClB,QAAM,iBAAiB,iBAAiB;AACxC,QAAM,EAAE,sBAAsB,qBAAqB,iBAAiB,IAClE,eAAe;AACjB,QAAM,EAAE,QAAQ,IAAI,kBAAkB;AACtC,QAAM,EAAE,YAAY,WAAW,IAAI,WAAW;AAC9C,QAAM,iBAAiB,cAAc;AACrC,QAAM,kBAAkB,YAAY;AAEpC,QAAM,EAAE,aAAa,mBAAmB,2BAA2B,IACjE,wBAAwB;AAC1B,QAAM,sBAAsB,kBAAkB;AAE9C,QAAM,gBAAgB,kBACjB,cACD;AACJ,QAAM,iBAAiB,kBACnB,SACC;AAEL,QAAM,UAAU,QAAQ,MAAM;AAC5B,QAAI,iBAAiB;AACnB,YAAM,kBAAkB,sBACpB;AAAA,QACE;AAAA,QACA;AAAA,MACF,IACA;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AACJ,aAAO;AAAA,QACL,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,UAAM,eAAe,sBACjB,0BAA0B,qBAAqB,oBAAoB,IACnE;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEJ,UAAM,eAAe,iBACjB;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AACJ,WAAO;AAAA,MACL,OAAO,iBAAiB,cAAc,cAAc,oBAAoB;AAAA,IAC1E;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,oBAAC,iCAAiC,UAAjC,EAA0C,OAAO,SAC/C,UACH;AAEJ;AAEA,kCAAkC,cAChC;",
   "names": []
 }

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

@@ -5,10 +5,10 @@ import { initialState } from "../constants/defaults.js";
 import { XYChartStoreContext } from "../context/XYChartStore.context.js";
 const XYChartStoreProvider = ({ children }) => {
   const storeRef = useRef(void 0);
-  const lastInteraction = storeRef?.current?.getState().interactionMode;
+  const previousState = storeRef.current?.getState();
   storeRef.current = createStore({
     ...initialState,
-    interactionMode: lastInteraction || "explore"
+    ...previousState
   });
   return /* @__PURE__ */ jsx(XYChartStoreContext.Provider, { value: storeRef.current, children });
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/providers/XYChartStoreProvider.tsx"],
-  "sourcesContent": ["import { type PropsWithChildren, useRef } from 'react';\n\nimport { createStore, Store } from '../../../core/store/store.js';\nimport { initialState } from '../constants/defaults.js';\nimport { XYChartStoreContext } from '../context/XYChartStore.context.js';\nimport type { XYChartState } from '../types/state.js';\n\nexport const XYChartStoreProvider = ({ children }: PropsWithChildren) => {\n  const storeRef = useRef<Store<XYChartState>>(undefined);\n\n  const lastInteraction = storeRef?.current?.getState().interactionMode;\n\n  storeRef.current = createStore<XYChartState>({\n    ...initialState,\n    interactionMode: lastInteraction || 'explore',\n  });\n\n  return (\n    <XYChartStoreContext.Provider value={storeRef.current}>\n      {children}\n    </XYChartStoreContext.Provider>\n  );\n};\n"],
-  "mappings": "AAkBI;AAlBJ,SAAiC,cAAc;AAE/C,SAAS,mBAA0B;AACnC,SAAS,oBAAoB;AAC7B,SAAS,2BAA2B;AAG7B,MAAM,uBAAuB,CAAC,EAAE,SAAS,MAAyB;AACvE,QAAM,WAAW,OAA4B,MAAS;AAEtD,QAAM,kBAAkB,UAAU,SAAS,SAAS,EAAE;AAEtD,WAAS,UAAU,YAA0B;AAAA,IAC3C,GAAG;AAAA,IACH,iBAAiB,mBAAmB;AAAA,EACtC,CAAC;AAED,SACE,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,SAAS,SAC3C,UACH;AAEJ;",
+  "sourcesContent": ["import { type PropsWithChildren, useRef } from 'react';\n\nimport { createStore, Store } from '../../../core/store/store.js';\nimport { initialState } from '../constants/defaults.js';\nimport { XYChartStoreContext } from '../context/XYChartStore.context.js';\nimport type { XYChartState } from '../types/state.js';\n\nexport const XYChartStoreProvider = ({ children }: PropsWithChildren) => {\n  const storeRef = useRef<Store<XYChartState>>(undefined);\n\n  const previousState = storeRef.current?.getState();\n\n  storeRef.current = createStore<XYChartState>({\n    ...initialState,\n    ...previousState,\n  });\n\n  return (\n    <XYChartStoreContext.Provider value={storeRef.current}>\n      {children}\n    </XYChartStoreContext.Provider>\n  );\n};\n"],
+  "mappings": "AAkBI;AAlBJ,SAAiC,cAAc;AAE/C,SAAS,mBAA0B;AACnC,SAAS,oBAAoB;AAC7B,SAAS,2BAA2B;AAG7B,MAAM,uBAAuB,CAAC,EAAE,SAAS,MAAyB;AACvE,QAAM,WAAW,OAA4B,MAAS;AAEtD,QAAM,gBAAgB,SAAS,SAAS,SAAS;AAEjD,WAAS,UAAU,YAA0B;AAAA,IAC3C,GAAG;AAAA,IACH,GAAG;AAAA,EACL,CAAC;AAED,SACE,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,SAAS,SAC3C,UACH;AAEJ;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/slots/CustomTooltip.tsx"],
-  "sourcesContent": ["import type { XYChartCustomTooltipProps } from '../types/xy-chart-props.js';\n\n/**\n * @deprecated Use `XYChart.Tooltip` instead. The `CustomTooltip` slot will be removed in a future release.\n */\n// TODO [APPDEV-17650] Remove CustomTooltip slot.\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport const CustomTooltip = (props: XYChartCustomTooltipProps) => null;\n\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nCustomTooltip['displayName'] = 'XYChartChart.CustomTooltip';\n"],
+  "sourcesContent": ["import type { XYChartCustomTooltipProps } from '../types/xy-chart-props.js';\n\n/**\n * @deprecated Use `XYChart.Tooltip` instead. The `CustomTooltip` slot will be removed in a future release.\n */\n// TODO [APPDEV-17650] Remove CustomTooltip slot.\n// oxlint-disable-next-line typescript/no-deprecated\nexport const CustomTooltip = (props: XYChartCustomTooltipProps) => null;\n\n// oxlint-disable-next-line typescript/no-deprecated\nCustomTooltip['displayName'] = 'XYChartChart.CustomTooltip';\n"],
   "mappings": "AAOO,MAAM,gBAAgB,CAAC,UAAqC;AAGnE,cAAc,aAAa,IAAI;",
   "names": []
 }