@dynatrace/strato-components 3.5.2 → 3.6.0

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

@@ -7,8 +7,7 @@ import {
   INTERACTION_MODE,
   isSelectCancelled
 } from "../../../../core/components/interactions-overlay/types.js";
-import { useTooltipReducer } from "../../../../core/components/overlay-tooltip/useTooltipReducer.js";
-import { emptyData } from "../../../../core/components/overlay-tooltip/utils.js";
+import { useTooltipActions } from "../../../../core/components/overlay-tooltip/useTooltipActions.js";
 import { useSynchronizedCrosshair } from "../../../../core/components/shared-chart-interactions/hooks/useSynchronizedCrosshair.js";
 import { useSynchronizedSelection } from "../../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js";
 import { ZOOM_CHANGE_TYPE } from "../../../../core/types/zoom.js";
@@ -81,14 +80,14 @@ const useOverlayEvents = () => {
     resetSelectionState: resetSynchronizedSelection
   } = useSynchronizedSelection();
   const syncedXScale = useSyncedXScaleByPriority();
-  const dispatch = useTooltipReducer();
+  const { hover, pin, unpin, reset, outOfBounds } = useTooltipActions();
   const {
     updateHoverState: updateSynchronizedCrosshair,
     setDisabled: disableSynchronizedCrosshair
   } = synchronizedCrosshair ?? {};
   const resetTooltip = () => {
     setState(reduceExploreCancelHighlight);
-    dispatch({ type: "RESET_TOOLTIP" })();
+    reset();
   };
   const handleModeChange = (event) => {
     const canPan = axesMetadata.isPanEnabled && zoomState.zoomOutEnabled;
@@ -126,13 +125,13 @@ const useOverlayEvents = () => {
       series: [],
       metadata: hoveredDatapointQueryResult
     } : void 0;
-    dispatch({
-      type: "SET_POSITION",
+    hover(
+      { clientX: position.absolute.x, clientY: position.absolute.y },
       payload
-    })({ clientX: position.absolute.x, clientY: position.absolute.y });
+    );
   };
-  const handleTogglePin = (pin, position) => {
-    if (pin) {
+  const handleTogglePin = (shouldPin, position) => {
+    if (shouldPin) {
       handlePin(position);
       updateSynchronizedCrosshair?.(void 0);
     } else {
@@ -152,23 +151,17 @@ const useOverlayEvents = () => {
         queryClosest,
         queryHovered
       );
-      dispatch({
-        type: "SET_PINNED",
-        payload: {
-          pinned: false,
-          data: emptyData()
-        }
-      })();
+      unpin();
       if (hoveredDatapointQueryResult) {
-        dispatch({
-          type: "SET_POSITION",
-          payload: {
+        hover(
+          { clientX: position.absolute.x, clientY: position.absolute.y },
+          {
             geometry: hoveredDatapointQueryResult.type,
             header1: void 0,
             series: [],
             metadata: hoveredDatapointQueryResult
           }
-        })({ clientX: position.absolute.x, clientY: position.absolute.y });
+        );
       }
     } else {
       resetTooltip();
@@ -190,20 +183,15 @@ const useOverlayEvents = () => {
     );
     if (hoveredDatapointQueryResult) {
       setState(reduceExplorePin(hoveredDatapointQueryResult.series.id));
-      dispatch({
-        type: "SET_PINNED",
-        payload: {
-          pinned: true,
-          relativeX: position.relative.x,
-          relativeY: position.relative.y,
-          data: {
-            geometry: hoveredDatapointQueryResult.type,
-            header1: void 0,
-            series: [],
-            metadata: hoveredDatapointQueryResult
-          }
+      pin(
+        { clientX: position.absolute.x, clientY: position.absolute.y },
+        {
+          geometry: hoveredDatapointQueryResult.type,
+          header1: void 0,
+          series: [],
+          metadata: hoveredDatapointQueryResult
         }
-      })();
+      );
     }
   };
   const handleReset = (event) => {
@@ -227,22 +215,22 @@ const useOverlayEvents = () => {
       queryHovered
     );
     if (hoveredDatapointQueryResult) {
-      dispatch({
-        type: "SET_POSITION",
-        payload: {
+      hover(
+        { clientX: position.absolute.x, clientY: position.absolute.y },
+        {
           geometry: hoveredDatapointQueryResult.type,
           header1: void 0,
           series: [],
           metadata: hoveredDatapointQueryResult
         }
-      })({ clientX: position.absolute.x, clientY: position.absolute.y });
+      );
     } else {
-      dispatch({ type: "SET_OUT_BOUNDS" })();
+      outOfBounds();
     }
   };
   const handleLeave = (_) => {
     updateSynchronizedCrosshair?.(void 0);
-    dispatch({ type: "SET_OUT_BOUNDS" })();
+    outOfBounds();
   };
   const handlePanChange = (event) => {
     applyPanDelta(event.delta);

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 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 { useTooltipReducer } from '../../../../core/components/overlay-tooltip/useTooltipReducer.js';\nimport { emptyData } from '../../../../core/components/overlay-tooltip/utils.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 type {\n  QueryClosest,\n  QueryHovered,\n} from '../../../context/XYChartOverlayPerformance.context.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';\nimport {\n  DotSeriesWithDatapoints,\n  LineSeriesWithDatapoints,\n  RectSeriesWithDatapoints,\n  type AreaSeriesWithDatapoints,\n  type BarSeriesWithDatapoints,\n} from '../../../types/xy-chart-internals.js';\nimport { getPrevailingShapeType } from '../utils/get-prevailing-shape-type.js';\n\nexport const getHoveredDatapoint = (\n  position: RelativeAbsolutePosition,\n  dotSeriesData: DotSeriesWithDatapoints[],\n  lineSeriesData: LineSeriesWithDatapoints[],\n  areaSeriesData: AreaSeriesWithDatapoints[],\n  rectData: RectSeriesWithDatapoints[],\n  barData: BarSeriesWithDatapoints[],\n  queryClosest: QueryClosest,\n  queryHovered: QueryHovered,\n) => {\n  const results = {\n    dot: queryClosest(dotSeriesData, position.relative),\n    line: queryClosest(lineSeriesData, position.relative),\n    area: queryClosest(areaSeriesData, position.relative),\n    rect: queryHovered(rectData, position.relative),\n    bar: queryHovered(barData, position.relative),\n  };\n\n  const prevailingShape = getPrevailingShapeType(\n    results.dot?.distance,\n    results.line?.distance,\n    results.area?.distance,\n    !!results.rect,\n    !!results.bar,\n  );\n\n  if (!prevailingShape) {\n    return undefined;\n  }\n\n  return results[prevailingShape];\n};\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 { queryClosest, queryHovered } = 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 dispatch = useTooltipReducer();\n  const {\n    updateHoverState: updateSynchronizedCrosshair,\n    setDisabled: disableSynchronizedCrosshair,\n  } = synchronizedCrosshair ?? {};\n\n  const resetTooltip = () => {\n    setState(reduceExploreCancelHighlight);\n    dispatch({ type: 'RESET_TOOLTIP' })();\n  };\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 (syncedXScale) {\n      const hoveredDate = syncedXScale.invert(position.relative.x);\n      disableSynchronizedCrosshair?.(false);\n      updateSynchronizedCrosshair?.(chartId, hoveredDate.valueOf());\n    }\n\n    const hoveredDatapointQueryResult = getHoveredDatapoint(\n      position,\n      dotSeriesData,\n      lineSeriesData,\n      areaSeriesData,\n      rectSeriesData,\n      barSeriesData,\n      queryClosest,\n      queryHovered,\n    );\n    const payload = hoveredDatapointQueryResult\n      ? {\n          geometry: hoveredDatapointQueryResult.type,\n          header1: undefined,\n          series: [],\n          metadata: hoveredDatapointQueryResult,\n        }\n      : undefined;\n\n    dispatch({\n      type: 'SET_POSITION',\n      payload,\n    })({ clientX: position.absolute.x, clientY: position.absolute.y });\n  };\n\n  const handleTogglePin = (\n    pin: boolean,\n    position: RelativeAbsolutePosition | undefined,\n  ) => {\n    if (pin) {\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      const hoveredDatapointQueryResult = getHoveredDatapoint(\n        position,\n        dotSeriesData,\n        lineSeriesData,\n        areaSeriesData,\n        rectSeriesData,\n        barSeriesData,\n        queryClosest,\n        queryHovered,\n      );\n\n      dispatch({\n        type: 'SET_PINNED',\n        payload: {\n          pinned: false,\n          data: emptyData(),\n        },\n      })();\n\n      if (hoveredDatapointQueryResult) {\n        dispatch({\n          type: 'SET_POSITION',\n          payload: {\n            geometry: hoveredDatapointQueryResult.type,\n            header1: undefined,\n            series: [],\n            metadata: hoveredDatapointQueryResult,\n          },\n        })({ clientX: position.absolute.x, clientY: position.absolute.y });\n      }\n    } else {\n      resetTooltip();\n    }\n  };\n\n  const handlePin = (position: RelativeAbsolutePosition | undefined) => {\n    if (!position) {\n      return;\n    }\n\n    const hoveredDatapointQueryResult = getHoveredDatapoint(\n      position,\n      dotSeriesData,\n      lineSeriesData,\n      areaSeriesData,\n      rectSeriesData,\n      barSeriesData,\n      queryClosest,\n      queryHovered,\n    );\n    if (hoveredDatapointQueryResult) {\n      setState(reduceExplorePin(hoveredDatapointQueryResult.series.id));\n      dispatch({\n        type: 'SET_PINNED',\n        payload: {\n          pinned: true,\n          relativeX: position.relative.x,\n          relativeY: position.relative.y,\n          data: {\n            geometry: hoveredDatapointQueryResult.type,\n            header1: undefined,\n            series: [],\n            metadata: hoveredDatapointQueryResult,\n          },\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 hoveredDatapointQueryResult = getHoveredDatapoint(\n      position,\n      dotSeriesData,\n      lineSeriesData,\n      areaSeriesData,\n      rectSeriesData,\n      barSeriesData,\n      queryClosest,\n      queryHovered,\n    );\n    if (hoveredDatapointQueryResult) {\n      dispatch({\n        type: 'SET_POSITION',\n        payload: {\n          geometry: hoveredDatapointQueryResult.type,\n          header1: undefined,\n          series: [],\n          metadata: hoveredDatapointQueryResult,\n        },\n      })({ clientX: position.absolute.x, clientY: position.absolute.y });\n    } else {\n      dispatch({ type: 'SET_OUT_BOUNDS' })();\n    }\n  };\n\n  const handleLeave = (_: { triggeredBy: InteractionTriggers }) => {\n    updateSynchronizedCrosshair?.(undefined);\n    dispatch({ type: 'SET_OUT_BOUNDS' })();\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>,\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": "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",
+  "sourcesContent": ["import 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 { 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 type {\n  QueryClosest,\n  QueryHovered,\n} from '../../../context/XYChartOverlayPerformance.context.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';\nimport {\n  DotSeriesWithDatapoints,\n  LineSeriesWithDatapoints,\n  RectSeriesWithDatapoints,\n  type AreaSeriesWithDatapoints,\n  type BarSeriesWithDatapoints,\n} from '../../../types/xy-chart-internals.js';\nimport { getPrevailingShapeType } from '../utils/get-prevailing-shape-type.js';\n\nexport const getHoveredDatapoint = (\n  position: RelativeAbsolutePosition,\n  dotSeriesData: DotSeriesWithDatapoints[],\n  lineSeriesData: LineSeriesWithDatapoints[],\n  areaSeriesData: AreaSeriesWithDatapoints[],\n  rectData: RectSeriesWithDatapoints[],\n  barData: BarSeriesWithDatapoints[],\n  queryClosest: QueryClosest,\n  queryHovered: QueryHovered,\n) => {\n  const results = {\n    dot: queryClosest(dotSeriesData, position.relative),\n    line: queryClosest(lineSeriesData, position.relative),\n    area: queryClosest(areaSeriesData, position.relative),\n    rect: queryHovered(rectData, position.relative),\n    bar: queryHovered(barData, position.relative),\n  };\n\n  const prevailingShape = getPrevailingShapeType(\n    results.dot?.distance,\n    results.line?.distance,\n    results.area?.distance,\n    !!results.rect,\n    !!results.bar,\n  );\n\n  if (!prevailingShape) {\n    return undefined;\n  }\n\n  return results[prevailingShape];\n};\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 { queryClosest, queryHovered } = 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 {\n    updateHoverState: updateSynchronizedCrosshair,\n    setDisabled: disableSynchronizedCrosshair,\n  } = synchronizedCrosshair ?? {};\n\n  const resetTooltip = () => {\n    setState(reduceExploreCancelHighlight);\n    reset();\n  };\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 (syncedXScale) {\n      const hoveredDate = syncedXScale.invert(position.relative.x);\n      disableSynchronizedCrosshair?.(false);\n      updateSynchronizedCrosshair?.(chartId, hoveredDate.valueOf());\n    }\n\n    const hoveredDatapointQueryResult = getHoveredDatapoint(\n      position,\n      dotSeriesData,\n      lineSeriesData,\n      areaSeriesData,\n      rectSeriesData,\n      barSeriesData,\n      queryClosest,\n      queryHovered,\n    );\n    const payload = hoveredDatapointQueryResult\n      ? {\n          geometry: hoveredDatapointQueryResult.type,\n          header1: undefined,\n          series: [],\n          metadata: hoveredDatapointQueryResult,\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      const hoveredDatapointQueryResult = getHoveredDatapoint(\n        position,\n        dotSeriesData,\n        lineSeriesData,\n        areaSeriesData,\n        rectSeriesData,\n        barSeriesData,\n        queryClosest,\n        queryHovered,\n      );\n\n      unpin();\n\n      if (hoveredDatapointQueryResult) {\n        hover(\n          { clientX: position.absolute.x, clientY: position.absolute.y },\n          {\n            geometry: hoveredDatapointQueryResult.type,\n            header1: undefined,\n            series: [],\n            metadata: hoveredDatapointQueryResult,\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 hoveredDatapointQueryResult = getHoveredDatapoint(\n      position,\n      dotSeriesData,\n      lineSeriesData,\n      areaSeriesData,\n      rectSeriesData,\n      barSeriesData,\n      queryClosest,\n      queryHovered,\n    );\n    if (hoveredDatapointQueryResult) {\n      setState(reduceExplorePin(hoveredDatapointQueryResult.series.id));\n      pin(\n        { clientX: position.absolute.x, clientY: position.absolute.y },\n        {\n          geometry: hoveredDatapointQueryResult.type,\n          header1: undefined,\n          series: [],\n          metadata: hoveredDatapointQueryResult,\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 hoveredDatapointQueryResult = getHoveredDatapoint(\n      position,\n      dotSeriesData,\n      lineSeriesData,\n      areaSeriesData,\n      rectSeriesData,\n      barSeriesData,\n      queryClosest,\n      queryHovered,\n    );\n    if (hoveredDatapointQueryResult) {\n      hover(\n        { clientX: position.absolute.x, clientY: position.absolute.y },\n        {\n          geometry: hoveredDatapointQueryResult.type,\n          header1: undefined,\n          series: [],\n          metadata: hoveredDatapointQueryResult,\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>,\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": "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",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-import { useTooltipReducer } from "../../../../core/components/overlay-tooltip/useTooltipReducer.js";
+import { useTooltipActions } from "../../../../core/components/overlay-tooltip/useTooltipActions.js";
 import { useSynchronizedSelection } from "../../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js";
 import { ZOOM_CHANGE_TYPE } from "../../../../core/types/zoom.js";
 import { useXYChartData } from "../../../hooks/useXYChartData.js";
@@ -9,7 +9,7 @@ import { isZoomEnabledFor } from "../../../utils/axis-interactions.js";
 import { getInitialScale } from "../../../utils/get-scale.js";
 import { handleZoomChange } from "../utils/zoom-change-handler.js";
 const useResetInteractions = () => {
-  const dispatch = useTooltipReducer();
+  const { reset } = useTooltipActions();
   const setState = useSetState();
   const { axes } = useXYChartData();
   const axisIdToScales = useXYChartScales();
@@ -29,7 +29,7 @@ const useResetInteractions = () => {
     }
     const allZoomablesAxesHaveInfiniteZoom = axes.filter(isZoomEnabledFor).length > 0 && axes.filter(isZoomEnabledFor).every((axis) => axis.interactions.infinite);
     resetSelectionState?.();
-    dispatch({ type: "RESET_TOOLTIP" })();
+    reset();
     setState(
       reduceResetInteractions({
         position: event?.position,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/overlay/hooks/useResetInteractions.ts"],
-  "sourcesContent": ["import { ReactEventHandler } from 'react';\n\nimport { useTooltipReducer } from '../../../../core/components/overlay-tooltip/useTooltipReducer.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 { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../../../hooks/useXYChartScales.js';\nimport { reduceResetInteractions } from '../../../store/reducer-reset.js';\nimport { useSetState } from '../../../store/selectors.js';\nimport { isZoomEnabledFor } from '../../../utils/axis-interactions.js';\nimport { getInitialScale } from '../../../utils/get-scale.js';\nimport { handleZoomChange } from '../utils/zoom-change-handler.js';\n\nexport const useResetInteractions = () => {\n  const dispatch = useTooltipReducer();\n  const setState = useSetState();\n  const { axes } = useXYChartData();\n  const axisIdToScales = useXYChartScales();\n  const { resetSelectionState } = useSynchronizedSelection();\n\n  return (\n    event?: Partial<ReactEventHandler> & {\n      position?: RelativeAbsolutePosition;\n    },\n  ) => {\n    for (const axis of axes) {\n      if (isZoomEnabledFor(axis)) {\n        const initialScale = getInitialScale(axisIdToScales, axis.id);\n        const initialDomain = initialScale.domain() as number[] | Date[];\n\n        handleZoomChange(\n          axis,\n          initialDomain[0],\n          initialDomain[1],\n          ZOOM_CHANGE_TYPE.Reset,\n        );\n      }\n    }\n\n    const allZoomablesAxesHaveInfiniteZoom =\n      axes.filter(isZoomEnabledFor).length > 0 &&\n      axes.filter(isZoomEnabledFor).every((axis) => axis.interactions.infinite);\n\n    resetSelectionState?.();\n    dispatch({ type: 'RESET_TOOLTIP' })();\n    setState(\n      reduceResetInteractions({\n        position: event?.position,\n        zoomStatus: {\n          zoomOutEnabled: allZoomablesAxesHaveInfiniteZoom,\n        },\n      }),\n    );\n  };\n};\n"],
-  "mappings": "AAEA,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AAEzC,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,+BAA+B;AACxC,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AAE1B,MAAM,uBAAuB,MAAM;AACxC,QAAM,WAAW,kBAAkB;AACnC,QAAM,WAAW,YAAY;AAC7B,QAAM,EAAE,KAAK,IAAI,eAAe;AAChC,QAAM,iBAAiB,iBAAiB;AACxC,QAAM,EAAE,oBAAoB,IAAI,yBAAyB;AAEzD,SAAO,CACL,UAGG;AACH,eAAW,QAAQ,MAAM;AACvB,UAAI,iBAAiB,IAAI,GAAG;AAC1B,cAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAC5D,cAAM,gBAAgB,aAAa,OAAO;AAE1C;AAAA,UACE;AAAA,UACA,cAAc,CAAC;AAAA,UACf,cAAc,CAAC;AAAA,UACf,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAEA,UAAM,mCACJ,KAAK,OAAO,gBAAgB,EAAE,SAAS,KACvC,KAAK,OAAO,gBAAgB,EAAE,MAAM,CAAC,SAAS,KAAK,aAAa,QAAQ;AAE1E,0BAAsB;AACtB,aAAS,EAAE,MAAM,gBAAgB,CAAC,EAAE;AACpC;AAAA,MACE,wBAAwB;AAAA,QACtB,UAAU,OAAO;AAAA,QACjB,YAAY;AAAA,UACV,gBAAgB;AAAA,QAClB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { ReactEventHandler } from 'react';\n\nimport { useTooltipActions } from '../../../../core/components/overlay-tooltip/useTooltipActions.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 { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../../../hooks/useXYChartScales.js';\nimport { reduceResetInteractions } from '../../../store/reducer-reset.js';\nimport { useSetState } from '../../../store/selectors.js';\nimport { isZoomEnabledFor } from '../../../utils/axis-interactions.js';\nimport { getInitialScale } from '../../../utils/get-scale.js';\nimport { handleZoomChange } from '../utils/zoom-change-handler.js';\n\nexport const useResetInteractions = () => {\n  const { reset } = useTooltipActions();\n  const setState = useSetState();\n  const { axes } = useXYChartData();\n  const axisIdToScales = useXYChartScales();\n  const { resetSelectionState } = useSynchronizedSelection();\n\n  return (\n    event?: Partial<ReactEventHandler> & {\n      position?: RelativeAbsolutePosition;\n    },\n  ) => {\n    for (const axis of axes) {\n      if (isZoomEnabledFor(axis)) {\n        const initialScale = getInitialScale(axisIdToScales, axis.id);\n        const initialDomain = initialScale.domain() as number[] | Date[];\n\n        handleZoomChange(\n          axis,\n          initialDomain[0],\n          initialDomain[1],\n          ZOOM_CHANGE_TYPE.Reset,\n        );\n      }\n    }\n\n    const allZoomablesAxesHaveInfiniteZoom =\n      axes.filter(isZoomEnabledFor).length > 0 &&\n      axes.filter(isZoomEnabledFor).every((axis) => axis.interactions.infinite);\n\n    resetSelectionState?.();\n    reset();\n    setState(\n      reduceResetInteractions({\n        position: event?.position,\n        zoomStatus: {\n          zoomOutEnabled: allZoomablesAxesHaveInfiniteZoom,\n        },\n      }),\n    );\n  };\n};\n"],
+  "mappings": "AAEA,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AAEzC,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,+BAA+B;AACxC,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AAE1B,MAAM,uBAAuB,MAAM;AACxC,QAAM,EAAE,MAAM,IAAI,kBAAkB;AACpC,QAAM,WAAW,YAAY;AAC7B,QAAM,EAAE,KAAK,IAAI,eAAe;AAChC,QAAM,iBAAiB,iBAAiB;AACxC,QAAM,EAAE,oBAAoB,IAAI,yBAAyB;AAEzD,SAAO,CACL,UAGG;AACH,eAAW,QAAQ,MAAM;AACvB,UAAI,iBAAiB,IAAI,GAAG;AAC1B,cAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAC5D,cAAM,gBAAgB,aAAa,OAAO;AAE1C;AAAA,UACE;AAAA,UACA,cAAc,CAAC;AAAA,UACf,cAAc,CAAC;AAAA,UACf,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAEA,UAAM,mCACJ,KAAK,OAAO,gBAAgB,EAAE,SAAS,KACvC,KAAK,OAAO,gBAAgB,EAAE,MAAM,CAAC,SAAS,KAAK,aAAa,QAAQ;AAE1E,0BAAsB;AACtB,UAAM;AACN;AAAA,MACE,wBAAwB;AAAA,QACtB,UAAU,OAAO;AAAA,QACjB,YAAY;AAAA,UACV,gBAAgB;AAAA,QAClB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/charts/xy-chart/components/overlay/utils/get-selected-datapoints.js

@@ -62,7 +62,7 @@ import {
 import {
   isXBaselineAccessor,
   isYBaselineAccessor
-} from "../../displays/BarDisplay.js";
+} from "../../displays/BarDisplay/BarDisplay.js";
 import {
   xAccessor as xDotAccessor,
   yAccessor as yDotAccessor

package/esm/charts/xy-chart/components/overlay/utils/get-selected-datapoints.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/overlay/utils/get-selected-datapoints.ts"],
-  "sourcesContent": ["import { isUndefined } from 'lodash-es';\n\nimport { isRectangleSelected } from './is-rectangle-selected.js';\nimport { serializeLinearSeriesValues } from './serialize-linear-series-values.js';\nimport { serializeRectangleSeriesValues } from './serialize-rectangle-series-values.js';\nimport { POINT_OVERLAY_PADDING } from '../../../../core/components/data-point/constants.js';\nimport type { SelectState } from '../../../../core/components/interactions-state-helpers/types.js';\nimport type { ColorToken } from '../../../../core/types/color-palette.js';\nimport type { AnyScale } from '../../../../core/types/scales.js';\nimport { getSelectionPixels } from '../../../../core/utils/get-selection-pixels.js';\nimport { safeGet } from '../../../../core/utils/safe-get.js';\nimport { scaleBandInvert } from '../../../../core/utils/scale.js';\nimport type { XYChartLinearSelectionContextValue } from '../../../context/XYChartLinearSelection.context.js';\nimport type { AxisIdToScales } from '../../../context/XYChartScales.context.js';\nimport type { useBarData } from '../../../hooks/useBarData.js';\nimport type { useRectData } from '../../../hooks/useRectData.js';\nimport type { useXYChartRectSelection } from '../../../hooks/useXYChartRectSelection.js';\nimport type { useXYChartScales } from '../../../hooks/useXYChartScales.js';\nimport type { useSelectState } from '../../../store/selectors.js';\nimport type { XYAxisInternalTypes } from '../../../types/axis.js';\nimport {\n  isAnyNumericalScale,\n  isCategoricalScale,\n  isDotContentPoint,\n  isLineContentPoint,\n  isAreaContentPoint,\n} from '../../../types/guards.js';\nimport type { XYChartExploreState } from '../../../types/state.js';\nimport {\n  type AnyLinearMetadata,\n  type AnyLinearSeries,\n  type AxisIdToScaleDomain,\n  BAR_ID,\n  BAR_VARIANT,\n  type BarSeriesToMetadata,\n  type BarSeriesWithDatapoints,\n  DOT_ID,\n  DOT_VARIANT,\n  type DotMetadata,\n  type DotSeriesToMetadata,\n  type DotSeriesWithDatapoints,\n  type HighlightedLinearPoint,\n  LINE_ID,\n  LINE_VARIANT,\n  type LineMetadata,\n  type LineSeriesToMetadata,\n  type LineSeriesWithDatapoints,\n  RECT_ID,\n  RECT_VARIANT,\n  type RectDatapointInternal,\n  type RectMetadata,\n  type RectSeriesToMetadata,\n  type RectSeriesWithDatapoints,\n  AREA_ID,\n  type AreaMetadata,\n  type AreaSeriesWithDatapoints,\n  type MapDatapoints,\n  type XYChartAxisInternal,\n  type XYChartSeriesWithDatapoints,\n  AREA_VARIANT,\n  type AreaSeriesToMetadata,\n} from '../../../types/xy-chart-internals.js';\nimport type {\n  AreaDatapoint,\n  BarDatapoint,\n  DotDatapoint,\n  LineDatapoint,\n} from '../../../types/xy-chart.js';\nimport { getLinearAccessors } from '../../../utils/get-linear-accessors.js';\nimport {\n  getCurrentScale,\n  getDimensionScale,\n} from '../../../utils/get-scale.js';\nimport {\n  isAreaSeries,\n  isBarSeries,\n  isDotSeries,\n  isLineSeries,\n  isRectSeries,\n} from '../../../utils/type-guards.js';\nimport { isGapDatapointForDisplay } from '../../../utils/validation-datapoint.js';\nimport {\n  relAccessor,\n  type BinDomain,\n} from '../../../utils/value-representation.js';\nimport {\n  x1Accessor,\n  xAccessor,\n  y1Accessor,\n  yAccessor,\n} from '../../displays/area-accessors.js';\nimport {\n  bandX0Accessor,\n  bandX1Accessor,\n  bandY0Accessor,\n  bandY1Accessor,\n} from '../../displays/band-accessors.js';\nimport {\n  heightAccessor as barHeightAccessor,\n  widthAccessor as barWidthAccessor,\n  xAccessor as xBarAccessor,\n  yAccessor as yBarAccessor,\n} from '../../displays/bar-accessors.js';\nimport {\n  isXBaselineAccessor,\n  isYBaselineAccessor,\n} from '../../displays/BarDisplay.js';\nimport {\n  xAccessor as xDotAccessor,\n  yAccessor as yDotAccessor,\n} from '../../displays/dot-accessors.js';\nimport {\n  xAccessor as xLineAccessor,\n  yAccessor as yLineAccessor,\n} from '../../displays/line-accessors.js';\nimport {\n  heightAccessor,\n  widthAccessor,\n  xAccessor as xRectAccessor,\n  yAccessor as yRectAccessor,\n} from '../../displays/rect-accessors.js';\nimport type { RectanglePoint } from '../explore/types.js';\n\ntype DomainValue = [number, number] | [Date, Date] | string[];\n\nexport interface XYChartSelectedDatapointsPerSeries {\n  seriesName: string;\n  datapoints:\n    | DotDatapoint[]\n    | LineDatapoint[]\n    | RectDatapointInternal[]\n    | BarDatapoint[]\n    | AreaDatapoint[];\n  domain: DomainValue;\n}\n\ninterface SelectionXAxisConfig {\n  axisType: XYAxisInternalTypes | undefined;\n  axisScale: AnyScale | undefined;\n}\n\nfunction getCategoriesIncluded(\n  categories: string[],\n  domainStart: string,\n  domainEnd: string,\n) {\n  const startIndex = categories.indexOf(domainStart);\n  const endIndex = categories.indexOf(domainEnd);\n\n  return categories.slice(startIndex, endIndex);\n}\n\nfunction getSelectionDomain(\n  selection: { start: number; end: number },\n  axisConfig: SelectionXAxisConfig,\n): DomainValue {\n  if (isAnyNumericalScale(axisConfig)) {\n    return [\n      axisConfig.axisScale.invert(selection.start),\n      axisConfig.axisScale.invert(selection.end),\n    ] as [number, number] | [Date, Date];\n  } else if (isCategoricalScale(axisConfig)) {\n    const domainStart = scaleBandInvert(axisConfig.axisScale)(selection.start);\n    const domainEnd = scaleBandInvert(axisConfig.axisScale)(selection.end);\n    const categories = axisConfig.axisScale.domain();\n    return getCategoriesIncluded(categories, domainStart, domainEnd);\n  }\n\n  return [selection.start, selection.end];\n}\n\nexport const getSelectedDatapoints = (\n  seriesWithDatapoints: XYChartSeriesWithDatapoints[],\n  axisIdToScales: AxisIdToScales,\n  axes: XYChartAxisInternal[],\n  selection: { start: number; end: number },\n  dotSeriesToMetadata: DotSeriesToMetadata,\n  lineSeriesToMetadata: LineSeriesToMetadata,\n  rectSeriesToMetadata: RectSeriesToMetadata,\n  datapointMetadataMap: MapDatapoints,\n  axisIdToScaleDomain: Map<string, BinDomain>,\n  barSeriesToMetadata: BarSeriesToMetadata,\n  areaSeriesToMetadata: AreaSeriesToMetadata,\n) => {\n  const rectSeriesIndex = { current: 0 };\n  const isDefined = isGapDatapointForDisplay(datapointMetadataMap);\n\n  return seriesWithDatapoints.map((series) => {\n    const xScale = getCurrentScale(axisIdToScales, series.xAxisId);\n    const yScale = getCurrentScale(axisIdToScales, series.yAxisId);\n    const [yMin, yMax] = yScale.range().toSorted((a, b) => a - b);\n    const axisConfig = {\n      axisType: axes.find((axis) => axis.id === series.xAxisId)?.type,\n      axisScale: xScale,\n    };\n\n    if (isDotSeries(series)) {\n      const { xAxis, yAxis } = safeGet(dotSeriesToMetadata, series);\n      const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);\n      const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);\n\n      return getDotSeriesSelection(\n        series,\n        dotSeriesToMetadata,\n        xScale,\n        yScale,\n        selection,\n        [yMin, yMax],\n        axisConfig,\n        xRelAccessor,\n        yRelAccessor,\n      );\n    } else if (isLineSeries(series)) {\n      const { xAxis, yAxis } = safeGet(lineSeriesToMetadata, series);\n      const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);\n      const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);\n\n      return getLineSeriesSelection(\n        series,\n        lineSeriesToMetadata,\n        xScale,\n        yScale,\n        selection,\n        [yMin, yMax],\n        axisConfig,\n        isDefined,\n        xRelAccessor,\n        yRelAccessor,\n      );\n    } else if (isRectSeries(series)) {\n      const { xAxis, yAxis } = safeGet(rectSeriesToMetadata, series);\n      const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);\n      const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);\n\n      return getRectSeriesSelection(series, {\n        rectSeriesIndex,\n        xScale,\n        yScale,\n        selection,\n        yRange: [yMin, yMax],\n        axisConfig,\n        isDefined,\n        xRelAccessor,\n        yRelAccessor,\n      });\n    } else if (isBarSeries(series)) {\n      const { xAxis, yAxis } = safeGet(barSeriesToMetadata, series);\n      const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);\n      const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);\n\n      return getBarSeriesSelection(\n        barSeriesToMetadata,\n        series,\n        selection,\n        [yMin, yMax],\n        axisConfig,\n        datapointMetadataMap,\n        axisIdToScales,\n        xRelAccessor,\n        yRelAccessor,\n      );\n    } else if (isAreaSeries(series)) {\n      const { xAxis, yAxis } = safeGet(areaSeriesToMetadata, series);\n      const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);\n      const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);\n\n      return getAreaSeriesSelection(series, {\n        areaSeriesToMetadata,\n        xScale,\n        yScale,\n        selection,\n        yRange: [yMin, yMax],\n        axisConfig,\n        isDefined,\n        datapointMetadataMap,\n        xRelAccessor,\n        yRelAccessor,\n      });\n    } else {\n      return {\n        seriesName: '',\n        datapoints: [],\n        domain: getSelectionDomain(selection, axisConfig),\n      };\n    }\n  });\n};\n\nfunction getDotSeriesSelection(\n  series: DotSeriesWithDatapoints,\n  dotSeriesToMetadata: DotSeriesToMetadata,\n  xScale: AnyScale,\n  yScale: AnyScale,\n  selection: { start: number; end: number },\n  yRange: [number, number],\n  axisConfig: SelectionXAxisConfig,\n  xRelAccessor?: (value: number) => number,\n  yRelAccessor?: (value: number) => number,\n): XYChartSelectedDatapointsPerSeries {\n  const filteredData = filterPointSeries(\n    series.data,\n    xDotAccessor(xScale, xRelAccessor),\n    yDotAccessor(yScale, yRelAccessor),\n    selection,\n    yRange,\n  );\n\n  return {\n    seriesName: safeGet(dotSeriesToMetadata, series).name,\n    datapoints: filteredData,\n    domain: getSelectionDomain(selection, axisConfig),\n  };\n}\n\nfunction getLineSeriesSelection(\n  series: LineSeriesWithDatapoints,\n  lineSeriesToMetadata: LineSeriesToMetadata,\n  xScale: AnyScale,\n  yScale: AnyScale,\n  selection: { start: number; end: number },\n  yRange: [number, number],\n  axisConfig: SelectionXAxisConfig,\n  isDefined: ReturnType<typeof isGapDatapointForDisplay>,\n  xRelAccessor?: (value: number) => number,\n  yRelAccessor?: (value: number) => number,\n) {\n  const filteredData = filterPointSeries(\n    series.data,\n    xLineAccessor(xScale, xRelAccessor),\n    yLineAccessor(yScale, yRelAccessor),\n    selection,\n    yRange,\n    isDefined,\n  );\n\n  return {\n    seriesName: safeGet(lineSeriesToMetadata, series).name,\n    datapoints: filteredData,\n    domain: getSelectionDomain(selection, axisConfig),\n  };\n}\n\n/**\n * Returns true when the element's vertical extent is fully contained within\n * the plot area's y-range. This excludes datapoints whose y-value falls\n * outside the current y-axis domain, while still keeping bars with zero or sub-pixel height that\n * sit on the baseline.\n */\nfunction isWithinVerticalDomain(\n  yStart: number,\n  yEnd: number,\n  yMin: number,\n  yMax: number,\n): boolean {\n  const top = Math.min(yStart, yEnd);\n  const bottom = Math.max(yStart, yEnd);\n  return top >= yMin && bottom <= yMax;\n}\n\nfunction getRectSeriesSelection(\n  series: RectSeriesWithDatapoints,\n  ctx: {\n    rectSeriesIndex: { current: number };\n    xScale: AnyScale;\n    yScale: AnyScale;\n    selection: { start: number; end: number };\n    yRange: [number, number];\n    axisConfig: SelectionXAxisConfig;\n    isDefined: ReturnType<typeof isGapDatapointForDisplay>;\n    xRelAccessor?: (value: number) => number;\n    yRelAccessor?: (value: number) => number;\n  },\n): XYChartSelectedDatapointsPerSeries {\n  const {\n    rectSeriesIndex,\n    xScale,\n    yScale,\n    selection,\n    yRange,\n    axisConfig,\n    isDefined,\n    xRelAccessor,\n    yRelAccessor,\n  } = ctx;\n\n  const xAccessor = xRectAccessor(xScale, xRelAccessor);\n  const yAccessor = yRectAccessor(yScale, yRelAccessor);\n  const horizontalBandAccessor = widthAccessor(xScale, xRelAccessor);\n  const verticalBandAccessor = heightAccessor(yScale, yRelAccessor);\n  const [yMin, yMax] = yRange;\n\n  const filteredDatapoints = series.filteredData.filter((datapoint) => {\n    if (!isDefined(datapoint)) {\n      return false;\n    }\n\n    const rectXStart = xAccessor(datapoint);\n    const rectXEnd = rectXStart + horizontalBandAccessor(datapoint);\n    const rectYStart = yAccessor(datapoint);\n    const rectYEnd = rectYStart + verticalBandAccessor(datapoint);\n\n    if (!isWithinVerticalDomain(rectYStart, rectYEnd, yMin, yMax)) {\n      return false;\n    }\n\n    return isRectangleSelected({\n      x: {\n        rectangleStart: rectXStart,\n        rectangleEnd: rectXEnd,\n        selectionStart: selection.start,\n        selectionEnd: selection.end,\n      },\n      y: {\n        rectangleStart: rectYStart,\n        rectangleEnd: rectYEnd,\n        selectionStart: yMin,\n        selectionEnd: yMax,\n      },\n    });\n  });\n\n  return {\n    seriesName: `rect-series-${++rectSeriesIndex.current}`,\n    datapoints: filteredDatapoints,\n    domain: getSelectionDomain(selection, axisConfig),\n  };\n}\n\nfunction getBarSeriesSelection(\n  barSeriesToMetadata: BarSeriesToMetadata,\n  series: BarSeriesWithDatapoints,\n  selection: { start: number; end: number },\n  yRange: [number, number],\n  axisConfig: SelectionXAxisConfig,\n  datapointMetadataMap: MapDatapoints,\n  axisIdToScales: AxisIdToScales,\n  xRelAccessor?: (value: number) => number,\n  yRelAccessor?: (value: number) => number,\n): XYChartSelectedDatapointsPerSeries {\n  const xScale = getCurrentScale(\n    axisIdToScales,\n    series.xAxisId,\n    isXBaselineAccessor(series.data[0]) ? series.type : undefined,\n  );\n  const yScale = getCurrentScale(\n    axisIdToScales,\n    series.yAxisId,\n    isYBaselineAccessor(series.data[0]) ? series.type : undefined,\n  );\n\n  const [yMin, yMax] = yRange;\n  const dimensionXScale = getDimensionScale(axisIdToScales, series.xAxisId);\n  const dimensionYScale = getDimensionScale(axisIdToScales, series.yAxisId);\n\n  const xAccessor = xBarAccessor(\n    xScale,\n    datapointMetadataMap,\n    dimensionXScale,\n    series.id,\n    xRelAccessor,\n  );\n  const yAccessor = yBarAccessor(\n    yScale,\n    datapointMetadataMap,\n    dimensionYScale,\n    series.id,\n    yRelAccessor,\n  );\n\n  const horizontalBandAccessor = barWidthAccessor(\n    xScale,\n    datapointMetadataMap,\n    dimensionXScale,\n    xRelAccessor,\n  );\n\n  const verticalBandAccessor = barHeightAccessor(\n    yScale,\n    datapointMetadataMap,\n    dimensionYScale,\n    yRelAccessor,\n  );\n\n  const filteredData = series.data.filter((datapoint) => {\n    const barXStart = xAccessor(datapoint);\n    const barXEnd = barXStart + horizontalBandAccessor(datapoint);\n    const barYStart = yAccessor(datapoint);\n    const barYEnd = barYStart + verticalBandAccessor(datapoint);\n\n    if (!isWithinVerticalDomain(barYStart, barYEnd, yMin, yMax)) {\n      return false;\n    }\n\n    return isRectangleSelected({\n      x: {\n        rectangleStart: barXStart,\n        rectangleEnd: barXEnd,\n        selectionStart: selection.start,\n        selectionEnd: selection.end,\n      },\n      y: {\n        rectangleStart: barYStart,\n        rectangleEnd: barYEnd,\n        selectionStart: yMin,\n        selectionEnd: yMax,\n      },\n    });\n  });\n\n  return {\n    seriesName: safeGet(barSeriesToMetadata, series).name,\n    datapoints: filteredData,\n    domain: getSelectionDomain(selection, axisConfig),\n  };\n}\n\nfunction getAreaSeriesSelection(\n  series: AreaSeriesWithDatapoints,\n  ctx: {\n    areaSeriesToMetadata: Map<AreaSeriesWithDatapoints, AreaMetadata>;\n    xScale: AnyScale;\n    yScale: AnyScale;\n    selection: { start: number; end: number };\n    yRange: [number, number];\n    axisConfig: SelectionXAxisConfig;\n    isDefined: ReturnType<typeof isGapDatapointForDisplay>;\n    datapointMetadataMap: MapDatapoints;\n    xRelAccessor?: (value: number) => number;\n    yRelAccessor?: (value: number) => number;\n  },\n): XYChartSelectedDatapointsPerSeries {\n  const {\n    areaSeriesToMetadata,\n    xScale,\n    yScale,\n    selection,\n    yRange,\n    axisConfig,\n    isDefined,\n    datapointMetadataMap,\n    xRelAccessor,\n    yRelAccessor,\n  } = ctx;\n\n  const { name } = safeGet(areaSeriesToMetadata, series);\n\n  const [yMin, yMax] = yRange;\n\n  const { xAccessor: xAreaAccessor, yAccessor: yAreaAccessor } =\n    getLinearAccessors(\n      AREA_VARIANT,\n      safeGet(areaSeriesToMetadata, series),\n      datapointMetadataMap,\n      xRelAccessor,\n      yRelAccessor,\n    );\n\n  const filteredData = series.data.filter((datapoint) => {\n    if (!isDefined(datapoint)) {\n      return false;\n    }\n\n    const xCoord = xAreaAccessor(xScale)(datapoint);\n    const yCoord = yAreaAccessor(yScale)(datapoint);\n\n    return (\n      yCoord >= yMin &&\n      yCoord <= yMax &&\n      xCoord >= selection.start &&\n      xCoord <= selection.end\n    );\n  });\n\n  return {\n    seriesName: name,\n    datapoints: filteredData,\n    domain: getSelectionDomain(selection, axisConfig),\n  };\n}\n\nfunction filterPointSeries<T extends DotDatapoint | LineDatapoint>(\n  data: T[],\n  xAccessor: (datapoint: T) => number,\n  yAccessor: (datapoint: T) => number,\n  selection: { start: number; end: number },\n  yRange: [number, number],\n  isDefined?: ReturnType<typeof isGapDatapointForDisplay<T>>,\n): T[] {\n  const [yMin, yMax] = yRange;\n\n  return data.filter((datapoint) => {\n    if (isDefined && !isDefined(datapoint)) {\n      return false;\n    }\n    const pointX = xAccessor(datapoint);\n    const pointY = yAccessor(datapoint);\n\n    return (\n      pointX >= selection.start &&\n      pointX <= selection.end &&\n      pointY >= yMin &&\n      pointY <= yMax\n    );\n  });\n}\n\n/**\n * Returns true if the content state refers to a linear (dot, line, or area) point.\n */\nexport function hasLinearContentPoint(\n  contentState: XYChartExploreState['content'],\n): boolean {\n  return (\n    !!contentState?.series &&\n    !!contentState?.datapoint &&\n    (contentState.type === DOT_VARIANT ||\n      contentState.type === LINE_VARIANT ||\n      contentState.type === AREA_VARIANT)\n  );\n}\n\n/**\n * Collect all distinct xAxisIds from provided linear series arrays.\n */\nexport function collectLinearXAxisIds(\n  dotSeries: DotSeriesWithDatapoints[],\n  lineSeries: LineSeriesWithDatapoints[],\n  areaSeries: AreaSeriesWithDatapoints[],\n) {\n  const ids = new Set<string>();\n\n  for (const series of dotSeries) {\n    if (series.xAxisId) {\n      ids.add(series.xAxisId);\n    }\n  }\n\n  for (const series of lineSeries) {\n    if (series.xAxisId) {\n      ids.add(series.xAxisId);\n    }\n  }\n\n  for (const series of areaSeries) {\n    if (series.xAxisId) {\n      ids.add(series.xAxisId);\n    }\n  }\n\n  return ids;\n}\n\nfunction getAxisIdToIsRelative(axes: XYChartAxisInternal[]) {\n  const axisIdToIsRelative = new Map<string, boolean>();\n  axes.forEach((axis) => {\n    axisIdToIsRelative.set(axis.id, axis.isRelative);\n  });\n  return axisIdToIsRelative;\n}\n\n/**\n * Build highlighted points derived from a selection (brush / range selection).\n * Returns an empty array if preconditions fail.\n */\nexport function buildSelectionHighlightedPoints(params: {\n  selectState: SelectState | undefined;\n  linearSelection: XYChartLinearSelectionContextValue;\n  width: number;\n  axisIdToScales: AxisIdToScales;\n  dotSeriesWithDatapoints: DotSeriesWithDatapoints[];\n  lineSeriesWithDatapoints: LineSeriesWithDatapoints[];\n  areaSeriesWithDatapoints: AreaSeriesWithDatapoints[];\n  dotSeriesMeta: Map<DotSeriesWithDatapoints, DotMetadata>;\n  lineSeriesMeta: Map<LineSeriesWithDatapoints, LineMetadata>;\n  areaSeriesMeta: Map<AreaSeriesWithDatapoints, AreaMetadata>;\n  axisIdToScaleDomain: AxisIdToScaleDomain;\n  axes: XYChartAxisInternal[];\n  datapointMetadataMap: MapDatapoints;\n}): HighlightedLinearPoint[] {\n  const {\n    selectState,\n    linearSelection,\n    width,\n    axisIdToScales,\n    dotSeriesWithDatapoints,\n    lineSeriesWithDatapoints,\n    areaSeriesWithDatapoints,\n    dotSeriesMeta,\n    lineSeriesMeta,\n    areaSeriesMeta,\n    axisIdToScaleDomain,\n    axes,\n    datapointMetadataMap,\n  } = params;\n\n  const anySelection =\n    !selectState || linearSelection.selectionConfigByAxisId.size === 0;\n\n  if (anySelection) {\n    return [];\n  }\n\n  const axisIds = collectLinearXAxisIds(\n    dotSeriesWithDatapoints,\n    lineSeriesWithDatapoints,\n    areaSeriesWithDatapoints,\n  );\n\n  const axisIdToIsRelative = getAxisIdToIsRelative(axes);\n\n  if (!axisIds.size) {\n    return [];\n  }\n\n  const [selectionStart, selectionEnd] = getSelectionPixels(\n    selectState.selectionPercentage,\n    width,\n    [selectState.start, selectState.end],\n  );\n\n  const { highlightedDatapoints } = linearSelection.searchAllAxisDatapoints(\n    selectionStart.relative.x,\n    selectionEnd.relative.x,\n    serializeLinearSeriesValues(\n      (series: AnyLinearSeries) =>\n        getLinearSeriesMetadata(\n          series,\n          dotSeriesMeta,\n          lineSeriesMeta,\n          areaSeriesMeta,\n        ),\n      axisIdToScales,\n      axisIdToScaleDomain,\n      datapointMetadataMap,\n    ),\n    Array.from(axisIds),\n    axisIdToScales,\n    axisIdToScaleDomain,\n    axisIdToIsRelative,\n  );\n\n  return highlightedDatapoints;\n}\n\n/**\n * Build a highlighted point for a dot series.\n */\nfunction buildDotHighlightedPoint(\n  datapoint: DotDatapoint,\n  meta: DotMetadata,\n  axisIdToScales: AxisIdToScales,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n): HighlightedLinearPoint[] {\n  const xScale = getCurrentScale(axisIdToScales, meta.xAxis.id);\n  const yScale = getCurrentScale(axisIdToScales, meta.yAxis.id);\n\n  const { xAxis, yAxis } = meta;\n  const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);\n  const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);\n\n  return [\n    {\n      id: DOT_ID,\n      x: xDotAccessor(xScale, xRelAccessor)(datapoint) + POINT_OVERLAY_PADDING,\n      y: yDotAccessor(yScale, yRelAccessor)(datapoint) + POINT_OVERLAY_PADDING,\n      color: meta.color,\n      shape: meta.shape,\n    },\n  ];\n}\n\n/**\n * Build a highlighted point for a line series.\n */\nfunction buildLineHighlightedPoint(\n  datapoint: LineDatapoint,\n  meta: LineMetadata,\n  axisIdToScales: AxisIdToScales,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n): HighlightedLinearPoint[] {\n  const xScale = getCurrentScale(axisIdToScales, meta.xAxis.id);\n  const yScale = getCurrentScale(axisIdToScales, meta.yAxis.id);\n\n  const { xAxis, yAxis } = meta;\n  const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);\n  const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);\n\n  return [\n    {\n      id: LINE_ID,\n      x: xLineAccessor(xScale, xRelAccessor)(datapoint) + POINT_OVERLAY_PADDING,\n      y: yLineAccessor(yScale, yRelAccessor)(datapoint) + POINT_OVERLAY_PADDING,\n      color: meta.color,\n      shape: undefined,\n    },\n  ];\n}\n\n/**\n * Build highlighted points for a horizontal area series.\n */\nfunction buildHorizontalAreaPoints(\n  datapoint: AreaDatapoint,\n  yScale: AnyScale,\n  xScale: AnyScale,\n  isBand: boolean,\n  color: ColorToken,\n  datapointMetadataMap: MapDatapoints,\n  xRelAccessor: ((value: number) => number) | undefined,\n  yRelAccessor: ((value: number) => number) | undefined,\n  isXStacked: boolean,\n): HighlightedLinearPoint[] {\n  const yCoord = isBand\n    ? bandY0Accessor(yScale, yRelAccessor)(datapoint) + POINT_OVERLAY_PADDING\n    : yAccessor(yScale, yRelAccessor)(datapoint) + POINT_OVERLAY_PADDING;\n\n  const points: HighlightedLinearPoint[] = [];\n\n  if (isBand) {\n    points.push({\n      id: AREA_ID,\n      x:\n        bandX0Accessor(xScale, xRelAccessor)(datapoint) + POINT_OVERLAY_PADDING,\n      y: yCoord,\n      color,\n      shape: undefined,\n    });\n  }\n\n  points.push({\n    id: AREA_ID,\n    x:\n      (isBand\n        ? bandX1Accessor(xScale, xRelAccessor)\n        : x1Accessor(xScale, datapointMetadataMap, xRelAccessor, isXStacked))(\n        datapoint,\n      ) + POINT_OVERLAY_PADDING,\n    y: yCoord,\n    color,\n    shape: undefined,\n  });\n\n  return points;\n}\n\n/**\n * Build highlighted points for a vertical area series.\n */\nfunction buildVerticalAreaPoints(\n  datapoint: AreaDatapoint,\n  xScale: AnyScale,\n  yScale: AnyScale,\n  isBand: boolean,\n  color: ColorToken,\n  datapointMetadataMap: MapDatapoints,\n  xRelAccessor: ((value: number) => number) | undefined,\n  yRelAccessor: ((value: number) => number) | undefined,\n  isYStacked: boolean,\n): HighlightedLinearPoint[] {\n  const xCoord = isBand\n    ? bandX0Accessor(xScale, xRelAccessor)(datapoint) + POINT_OVERLAY_PADDING\n    : xAccessor(xScale, xRelAccessor)(datapoint) + POINT_OVERLAY_PADDING;\n\n  const points: HighlightedLinearPoint[] = [];\n\n  if (isBand) {\n    points.push({\n      id: AREA_ID,\n      x: xCoord,\n      y:\n        bandY0Accessor(yScale, yRelAccessor)(datapoint) + POINT_OVERLAY_PADDING,\n      color,\n      shape: undefined,\n    });\n  }\n\n  points.push({\n    id: AREA_ID,\n    x: xCoord,\n    y:\n      (isBand\n        ? bandY1Accessor(yScale, yRelAccessor)\n        : y1Accessor(yScale, datapointMetadataMap, yRelAccessor, isYStacked))(\n        datapoint,\n      ) + POINT_OVERLAY_PADDING,\n    color,\n    shape: undefined,\n  });\n\n  return points;\n}\n\n/**\n * Build highlighted points for an area series.\n */\nfunction buildAreaHighlightedPoints(\n  datapoint: AreaDatapoint,\n  meta: AreaMetadata,\n  axisIdToScales: AxisIdToScales,\n  datapointMetadataMap: MapDatapoints,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n): HighlightedLinearPoint[] {\n  const isHorizontal = meta.orientation === 'horizontal';\n  const isBand = meta.variant === 'band';\n\n  const xScale = getCurrentScale(axisIdToScales, meta.xAxis.id);\n  const yScale = getCurrentScale(axisIdToScales, meta.yAxis.id);\n\n  if (!xScale || !yScale) {\n    return [];\n  }\n\n  const { xAxis, yAxis, isStacked } = meta;\n\n  const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);\n  const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);\n\n  if (isHorizontal) {\n    return buildHorizontalAreaPoints(\n      datapoint,\n      yScale,\n      xScale,\n      isBand,\n      meta.color,\n      datapointMetadataMap,\n      xRelAccessor,\n      yRelAccessor,\n      isStacked,\n    );\n  } else {\n    return buildVerticalAreaPoints(\n      datapoint,\n      xScale,\n      yScale,\n      isBand,\n      meta.color,\n      datapointMetadataMap,\n      xRelAccessor,\n      yRelAccessor,\n      isStacked,\n    );\n  }\n}\n\n/**\n * Build highlighted points from the current content (hover/focus) state.\n * Returns an array of points. For area bands, returns two points (top and bottom).\n * Returns an empty array if not linear or scales missing.\n */\nexport function buildContentHighlightedPoint(params: {\n  contentState: XYChartExploreState['content'];\n  axisIdToScales: AxisIdToScales;\n  dotSeriesMeta: Map<DotSeriesWithDatapoints, DotMetadata>;\n  lineSeriesMeta: Map<LineSeriesWithDatapoints, LineMetadata>;\n  areaSeriesMeta: Map<AreaSeriesWithDatapoints, AreaMetadata>;\n  axisIdToScaleDomain: Map<string, BinDomain>;\n  datapointMetadataMap: MapDatapoints;\n}): HighlightedLinearPoint[] {\n  const {\n    contentState,\n    axisIdToScales,\n    dotSeriesMeta,\n    lineSeriesMeta,\n    areaSeriesMeta,\n    axisIdToScaleDomain,\n    datapointMetadataMap,\n  } = params;\n\n  if (!hasLinearContentPoint(contentState)) {\n    return [];\n  }\n\n  if (isDotContentPoint(contentState)) {\n    const { series, datapoint } = contentState;\n    const meta = safeGet(dotSeriesMeta, series);\n    return buildDotHighlightedPoint(\n      datapoint,\n      meta,\n      axisIdToScales,\n      axisIdToScaleDomain,\n    );\n  }\n\n  if (isLineContentPoint(contentState)) {\n    const { series, datapoint } = contentState;\n    const meta = safeGet(lineSeriesMeta, series);\n    return buildLineHighlightedPoint(\n      datapoint,\n      meta,\n      axisIdToScales,\n      axisIdToScaleDomain,\n    );\n  }\n\n  if (isAreaContentPoint(contentState)) {\n    const { series, datapoint } = contentState;\n    const meta = safeGet(areaSeriesMeta, series);\n    return buildAreaHighlightedPoints(\n      datapoint,\n      meta,\n      axisIdToScales,\n      datapointMetadataMap,\n      axisIdToScaleDomain,\n    );\n  }\n\n  return [];\n}\n\n/**\n * Internal helper reused by serialize function builder.\n */\nfunction getLinearSeriesMetadata(\n  series: AnyLinearSeries,\n  dotSeriesMeta: Map<DotSeriesWithDatapoints, DotMetadata>,\n  lineSeriesMeta: Map<LineSeriesWithDatapoints, LineMetadata>,\n  areaSeriesMeta: Map<AreaSeriesWithDatapoints, AreaMetadata>,\n): AnyLinearMetadata {\n  if (series.type === DOT_VARIANT) {\n    return safeGet(dotSeriesMeta, series);\n  }\n  if (series.type === LINE_VARIANT) {\n    return safeGet(lineSeriesMeta, series);\n  }\n\n  return safeGet(areaSeriesMeta, series);\n}\n\ntype SelectStateValue = ReturnType<typeof useSelectState>;\ntype RectSelectionValue = ReturnType<typeof useXYChartRectSelection>;\ntype BarSeriesMeta = ReturnType<typeof useBarData>['seriesToMetadata'];\ntype RectSeriesMeta = ReturnType<typeof useRectData>['seriesToMetadata'];\ntype RectSeriesList = RectSeriesWithDatapoints[];\ntype BarSeriesList = BarSeriesWithDatapoints[];\n\nexport function buildSelectionHighlightedRectangles(params: {\n  selectState: SelectStateValue;\n  rectSelection: RectSelectionValue;\n  width: number;\n  rectSeriesMeta: Map<RectSeriesWithDatapoints, RectMetadata>;\n  rectSeriesWithDatapoints: RectSeriesList;\n  barSeriesWithDatapoints: BarSeriesList;\n  barSeriesMeta: BarSeriesMeta;\n  axisIdToScales: ReturnType<typeof useXYChartScales>;\n  axisIdToScaleDomain: AxisIdToScaleDomain;\n  axes: XYChartAxisInternal[];\n  datapointMetadataMap: MapDatapoints;\n}): RectanglePoint[] {\n  const {\n    selectState,\n    rectSelection,\n    width,\n    rectSeriesMeta,\n    rectSeriesWithDatapoints,\n    barSeriesWithDatapoints,\n    barSeriesMeta,\n    axisIdToScales,\n    axisIdToScaleDomain,\n    axes,\n    datapointMetadataMap,\n  } = params;\n\n  if (!selectState || rectSelection.selectionConfigByAxisId.size === 0) {\n    return [];\n  }\n\n  const definedAxes = Array.from(\n    new Set(\n      [...rectSeriesWithDatapoints, ...barSeriesWithDatapoints].flatMap(\n        (series) => {\n          const axes: string[] = [];\n          if (!isUndefined(series.xAxisId)) {\n            axes.push(series.xAxisId);\n          }\n          if (!isUndefined(series.yAxisId)) {\n            axes.push(series.yAxisId);\n          }\n          return axes;\n        },\n      ),\n    ),\n  );\n\n  const axisIdToIsRelative = getAxisIdToIsRelative(axes);\n\n  if (!definedAxes.length) {\n    return [];\n  }\n\n  const [selectionStart, selectionEnd] = getSelectionPixels(\n    selectState.selectionPercentage,\n    width,\n    [selectState.start, selectState.end],\n  );\n\n  const { highlightedDatapoints } = rectSelection.searchAllAxisDatapoints(\n    selectionStart.relative.x,\n    selectionEnd.relative.x,\n    serializeRectangleSeriesValues(\n      axisIdToScales,\n      rectSeriesMeta,\n      axisIdToScaleDomain,\n      datapointMetadataMap,\n      barSeriesMeta,\n    ),\n    definedAxes,\n    axisIdToScales,\n    axisIdToScaleDomain,\n    axisIdToIsRelative,\n  );\n\n  return highlightedDatapoints;\n}\n\nexport function buildContentHighlightedRectangle(params: {\n  contentState: XYChartExploreState['content'];\n  axisIdToScales: ReturnType<typeof useXYChartScales>;\n  barSeriesMeta: BarSeriesMeta;\n  rectSeriesMeta: RectSeriesMeta;\n  datapointMetadataMap: MapDatapoints;\n  axisIdToScaleDomain: Map<string, BinDomain>;\n}): RectanglePoint | null {\n  const {\n    contentState,\n    axisIdToScales,\n    barSeriesMeta,\n    rectSeriesMeta,\n    datapointMetadataMap,\n    axisIdToScaleDomain,\n  } = params;\n\n  if (\n    !contentState?.series ||\n    !contentState?.datapoint ||\n    (contentState.type !== BAR_VARIANT && contentState.type !== RECT_VARIANT)\n  ) {\n    return null;\n  }\n\n  if (contentState.type === BAR_VARIANT) {\n    const { datapoint, series } = contentState;\n    const { xAxis, yAxis } = safeGet(barSeriesMeta, series);\n    const xScale = getCurrentScale(\n      axisIdToScales,\n      xAxis.id,\n      isXBaselineAccessor(series.data[0]) ? series.type : undefined,\n    );\n    const dimensionXScale = getDimensionScale(axisIdToScales, series.xAxisId);\n    const yScale = getCurrentScale(\n      axisIdToScales,\n      yAxis.id,\n      isYBaselineAccessor(series.data[0]) ? series.type : undefined,\n    );\n    const dimensionYScale = getDimensionScale(axisIdToScales, series.yAxisId);\n    const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);\n    const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);\n\n    return {\n      id: BAR_ID,\n      x: xBarAccessor(\n        xScale,\n        datapointMetadataMap,\n        dimensionXScale,\n        series.id,\n        xRelAccessor,\n      )(datapoint),\n      y: yBarAccessor(\n        yScale,\n        datapointMetadataMap,\n        dimensionYScale,\n        series.id,\n        yRelAccessor,\n      )(datapoint),\n      width: barWidthAccessor(\n        xScale,\n        datapointMetadataMap,\n        dimensionXScale,\n        xRelAccessor,\n      )(datapoint),\n      height: barHeightAccessor(\n        yScale,\n        datapointMetadataMap,\n        dimensionYScale,\n        yRelAccessor,\n      )(datapoint),\n    };\n  }\n\n  const { datapoint, series } = contentState;\n  const { xAxis, yAxis } = safeGet(rectSeriesMeta, series);\n  const xScale = getCurrentScale(axisIdToScales, xAxis.id);\n  const yScale = getCurrentScale(axisIdToScales, yAxis.id);\n  const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);\n  const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);\n\n  return {\n    id: RECT_ID,\n    x: xRectAccessor(xScale, xRelAccessor)(datapoint),\n    y: yRectAccessor(yScale, yRelAccessor)(datapoint),\n    width: widthAccessor(xScale, xRelAccessor)(datapoint),\n    height: heightAccessor(yScale, yRelAccessor)(datapoint),\n  };\n}\n\nexport function buildRectangleHighlightedPoints(params: {\n  selectState: SelectStateValue;\n  rectSelection: RectSelectionValue;\n  width: number;\n  rectSeriesWithDatapoints: RectSeriesList;\n  barSeriesWithDatapoints: BarSeriesList;\n  axisIdToScales: ReturnType<typeof useXYChartScales>;\n  contentState: XYChartExploreState['content'];\n  barSeriesMeta: BarSeriesMeta;\n  rectSeriesMeta: RectSeriesMeta;\n  datapointMetadataMap: MapDatapoints;\n  axisIdToScaleDomain: Map<string, BinDomain>;\n  axes: XYChartAxisInternal[];\n}): RectanglePoint[] {\n  const selectionRects = buildSelectionHighlightedRectangles(params);\n\n  const contentRect = buildContentHighlightedRectangle(params);\n\n  return contentRect ? [...selectionRects, contentRect] : selectionRects;\n}\n"],
+  "sourcesContent": ["import { isUndefined } from 'lodash-es';\n\nimport { isRectangleSelected } from './is-rectangle-selected.js';\nimport { serializeLinearSeriesValues } from './serialize-linear-series-values.js';\nimport { serializeRectangleSeriesValues } from './serialize-rectangle-series-values.js';\nimport { POINT_OVERLAY_PADDING } from '../../../../core/components/data-point/constants.js';\nimport type { SelectState } from '../../../../core/components/interactions-state-helpers/types.js';\nimport type { ColorToken } from '../../../../core/types/color-palette.js';\nimport type { AnyScale } from '../../../../core/types/scales.js';\nimport { getSelectionPixels } from '../../../../core/utils/get-selection-pixels.js';\nimport { safeGet } from '../../../../core/utils/safe-get.js';\nimport { scaleBandInvert } from '../../../../core/utils/scale.js';\nimport type { XYChartLinearSelectionContextValue } from '../../../context/XYChartLinearSelection.context.js';\nimport type { AxisIdToScales } from '../../../context/XYChartScales.context.js';\nimport type { useBarData } from '../../../hooks/useBarData.js';\nimport type { useRectData } from '../../../hooks/useRectData.js';\nimport type { useXYChartRectSelection } from '../../../hooks/useXYChartRectSelection.js';\nimport type { useXYChartScales } from '../../../hooks/useXYChartScales.js';\nimport type { useSelectState } from '../../../store/selectors.js';\nimport type { XYAxisInternalTypes } from '../../../types/axis.js';\nimport {\n  isAnyNumericalScale,\n  isCategoricalScale,\n  isDotContentPoint,\n  isLineContentPoint,\n  isAreaContentPoint,\n} from '../../../types/guards.js';\nimport type { XYChartExploreState } from '../../../types/state.js';\nimport {\n  type AnyLinearMetadata,\n  type AnyLinearSeries,\n  type AxisIdToScaleDomain,\n  BAR_ID,\n  BAR_VARIANT,\n  type BarSeriesToMetadata,\n  type BarSeriesWithDatapoints,\n  DOT_ID,\n  DOT_VARIANT,\n  type DotMetadata,\n  type DotSeriesToMetadata,\n  type DotSeriesWithDatapoints,\n  type HighlightedLinearPoint,\n  LINE_ID,\n  LINE_VARIANT,\n  type LineMetadata,\n  type LineSeriesToMetadata,\n  type LineSeriesWithDatapoints,\n  RECT_ID,\n  RECT_VARIANT,\n  type RectDatapointInternal,\n  type RectMetadata,\n  type RectSeriesToMetadata,\n  type RectSeriesWithDatapoints,\n  AREA_ID,\n  type AreaMetadata,\n  type AreaSeriesWithDatapoints,\n  type MapDatapoints,\n  type XYChartAxisInternal,\n  type XYChartSeriesWithDatapoints,\n  AREA_VARIANT,\n  type AreaSeriesToMetadata,\n} from '../../../types/xy-chart-internals.js';\nimport type {\n  AreaDatapoint,\n  BarDatapoint,\n  DotDatapoint,\n  LineDatapoint,\n} from '../../../types/xy-chart.js';\nimport { getLinearAccessors } from '../../../utils/get-linear-accessors.js';\nimport {\n  getCurrentScale,\n  getDimensionScale,\n} from '../../../utils/get-scale.js';\nimport {\n  isAreaSeries,\n  isBarSeries,\n  isDotSeries,\n  isLineSeries,\n  isRectSeries,\n} from '../../../utils/type-guards.js';\nimport { isGapDatapointForDisplay } from '../../../utils/validation-datapoint.js';\nimport {\n  relAccessor,\n  type BinDomain,\n} from '../../../utils/value-representation.js';\nimport {\n  x1Accessor,\n  xAccessor,\n  y1Accessor,\n  yAccessor,\n} from '../../displays/area-accessors.js';\nimport {\n  bandX0Accessor,\n  bandX1Accessor,\n  bandY0Accessor,\n  bandY1Accessor,\n} from '../../displays/band-accessors.js';\nimport {\n  heightAccessor as barHeightAccessor,\n  widthAccessor as barWidthAccessor,\n  xAccessor as xBarAccessor,\n  yAccessor as yBarAccessor,\n} from '../../displays/bar-accessors.js';\nimport {\n  isXBaselineAccessor,\n  isYBaselineAccessor,\n} from '../../displays/BarDisplay/BarDisplay.js';\nimport {\n  xAccessor as xDotAccessor,\n  yAccessor as yDotAccessor,\n} from '../../displays/dot-accessors.js';\nimport {\n  xAccessor as xLineAccessor,\n  yAccessor as yLineAccessor,\n} from '../../displays/line-accessors.js';\nimport {\n  heightAccessor,\n  widthAccessor,\n  xAccessor as xRectAccessor,\n  yAccessor as yRectAccessor,\n} from '../../displays/rect-accessors.js';\nimport type { RectanglePoint } from '../explore/types.js';\n\ntype DomainValue = [number, number] | [Date, Date] | string[];\n\nexport interface XYChartSelectedDatapointsPerSeries {\n  seriesName: string;\n  datapoints:\n    | DotDatapoint[]\n    | LineDatapoint[]\n    | RectDatapointInternal[]\n    | BarDatapoint[]\n    | AreaDatapoint[];\n  domain: DomainValue;\n}\n\ninterface SelectionXAxisConfig {\n  axisType: XYAxisInternalTypes | undefined;\n  axisScale: AnyScale | undefined;\n}\n\nfunction getCategoriesIncluded(\n  categories: string[],\n  domainStart: string,\n  domainEnd: string,\n) {\n  const startIndex = categories.indexOf(domainStart);\n  const endIndex = categories.indexOf(domainEnd);\n\n  return categories.slice(startIndex, endIndex);\n}\n\nfunction getSelectionDomain(\n  selection: { start: number; end: number },\n  axisConfig: SelectionXAxisConfig,\n): DomainValue {\n  if (isAnyNumericalScale(axisConfig)) {\n    return [\n      axisConfig.axisScale.invert(selection.start),\n      axisConfig.axisScale.invert(selection.end),\n    ] as [number, number] | [Date, Date];\n  } else if (isCategoricalScale(axisConfig)) {\n    const domainStart = scaleBandInvert(axisConfig.axisScale)(selection.start);\n    const domainEnd = scaleBandInvert(axisConfig.axisScale)(selection.end);\n    const categories = axisConfig.axisScale.domain();\n    return getCategoriesIncluded(categories, domainStart, domainEnd);\n  }\n\n  return [selection.start, selection.end];\n}\n\nexport const getSelectedDatapoints = (\n  seriesWithDatapoints: XYChartSeriesWithDatapoints[],\n  axisIdToScales: AxisIdToScales,\n  axes: XYChartAxisInternal[],\n  selection: { start: number; end: number },\n  dotSeriesToMetadata: DotSeriesToMetadata,\n  lineSeriesToMetadata: LineSeriesToMetadata,\n  rectSeriesToMetadata: RectSeriesToMetadata,\n  datapointMetadataMap: MapDatapoints,\n  axisIdToScaleDomain: Map<string, BinDomain>,\n  barSeriesToMetadata: BarSeriesToMetadata,\n  areaSeriesToMetadata: AreaSeriesToMetadata,\n) => {\n  const rectSeriesIndex = { current: 0 };\n  const isDefined = isGapDatapointForDisplay(datapointMetadataMap);\n\n  return seriesWithDatapoints.map((series) => {\n    const xScale = getCurrentScale(axisIdToScales, series.xAxisId);\n    const yScale = getCurrentScale(axisIdToScales, series.yAxisId);\n    const [yMin, yMax] = yScale.range().toSorted((a, b) => a - b);\n    const axisConfig = {\n      axisType: axes.find((axis) => axis.id === series.xAxisId)?.type,\n      axisScale: xScale,\n    };\n\n    if (isDotSeries(series)) {\n      const { xAxis, yAxis } = safeGet(dotSeriesToMetadata, series);\n      const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);\n      const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);\n\n      return getDotSeriesSelection(\n        series,\n        dotSeriesToMetadata,\n        xScale,\n        yScale,\n        selection,\n        [yMin, yMax],\n        axisConfig,\n        xRelAccessor,\n        yRelAccessor,\n      );\n    } else if (isLineSeries(series)) {\n      const { xAxis, yAxis } = safeGet(lineSeriesToMetadata, series);\n      const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);\n      const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);\n\n      return getLineSeriesSelection(\n        series,\n        lineSeriesToMetadata,\n        xScale,\n        yScale,\n        selection,\n        [yMin, yMax],\n        axisConfig,\n        isDefined,\n        xRelAccessor,\n        yRelAccessor,\n      );\n    } else if (isRectSeries(series)) {\n      const { xAxis, yAxis } = safeGet(rectSeriesToMetadata, series);\n      const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);\n      const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);\n\n      return getRectSeriesSelection(series, {\n        rectSeriesIndex,\n        xScale,\n        yScale,\n        selection,\n        yRange: [yMin, yMax],\n        axisConfig,\n        isDefined,\n        xRelAccessor,\n        yRelAccessor,\n      });\n    } else if (isBarSeries(series)) {\n      const { xAxis, yAxis } = safeGet(barSeriesToMetadata, series);\n      const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);\n      const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);\n\n      return getBarSeriesSelection(\n        barSeriesToMetadata,\n        series,\n        selection,\n        [yMin, yMax],\n        axisConfig,\n        datapointMetadataMap,\n        axisIdToScales,\n        xRelAccessor,\n        yRelAccessor,\n      );\n    } else if (isAreaSeries(series)) {\n      const { xAxis, yAxis } = safeGet(areaSeriesToMetadata, series);\n      const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);\n      const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);\n\n      return getAreaSeriesSelection(series, {\n        areaSeriesToMetadata,\n        xScale,\n        yScale,\n        selection,\n        yRange: [yMin, yMax],\n        axisConfig,\n        isDefined,\n        datapointMetadataMap,\n        xRelAccessor,\n        yRelAccessor,\n      });\n    } else {\n      return {\n        seriesName: '',\n        datapoints: [],\n        domain: getSelectionDomain(selection, axisConfig),\n      };\n    }\n  });\n};\n\nfunction getDotSeriesSelection(\n  series: DotSeriesWithDatapoints,\n  dotSeriesToMetadata: DotSeriesToMetadata,\n  xScale: AnyScale,\n  yScale: AnyScale,\n  selection: { start: number; end: number },\n  yRange: [number, number],\n  axisConfig: SelectionXAxisConfig,\n  xRelAccessor?: (value: number) => number,\n  yRelAccessor?: (value: number) => number,\n): XYChartSelectedDatapointsPerSeries {\n  const filteredData = filterPointSeries(\n    series.data,\n    xDotAccessor(xScale, xRelAccessor),\n    yDotAccessor(yScale, yRelAccessor),\n    selection,\n    yRange,\n  );\n\n  return {\n    seriesName: safeGet(dotSeriesToMetadata, series).name,\n    datapoints: filteredData,\n    domain: getSelectionDomain(selection, axisConfig),\n  };\n}\n\nfunction getLineSeriesSelection(\n  series: LineSeriesWithDatapoints,\n  lineSeriesToMetadata: LineSeriesToMetadata,\n  xScale: AnyScale,\n  yScale: AnyScale,\n  selection: { start: number; end: number },\n  yRange: [number, number],\n  axisConfig: SelectionXAxisConfig,\n  isDefined: ReturnType<typeof isGapDatapointForDisplay>,\n  xRelAccessor?: (value: number) => number,\n  yRelAccessor?: (value: number) => number,\n) {\n  const filteredData = filterPointSeries(\n    series.data,\n    xLineAccessor(xScale, xRelAccessor),\n    yLineAccessor(yScale, yRelAccessor),\n    selection,\n    yRange,\n    isDefined,\n  );\n\n  return {\n    seriesName: safeGet(lineSeriesToMetadata, series).name,\n    datapoints: filteredData,\n    domain: getSelectionDomain(selection, axisConfig),\n  };\n}\n\n/**\n * Returns true when the element's vertical extent is fully contained within\n * the plot area's y-range. This excludes datapoints whose y-value falls\n * outside the current y-axis domain, while still keeping bars with zero or sub-pixel height that\n * sit on the baseline.\n */\nfunction isWithinVerticalDomain(\n  yStart: number,\n  yEnd: number,\n  yMin: number,\n  yMax: number,\n): boolean {\n  const top = Math.min(yStart, yEnd);\n  const bottom = Math.max(yStart, yEnd);\n  return top >= yMin && bottom <= yMax;\n}\n\nfunction getRectSeriesSelection(\n  series: RectSeriesWithDatapoints,\n  ctx: {\n    rectSeriesIndex: { current: number };\n    xScale: AnyScale;\n    yScale: AnyScale;\n    selection: { start: number; end: number };\n    yRange: [number, number];\n    axisConfig: SelectionXAxisConfig;\n    isDefined: ReturnType<typeof isGapDatapointForDisplay>;\n    xRelAccessor?: (value: number) => number;\n    yRelAccessor?: (value: number) => number;\n  },\n): XYChartSelectedDatapointsPerSeries {\n  const {\n    rectSeriesIndex,\n    xScale,\n    yScale,\n    selection,\n    yRange,\n    axisConfig,\n    isDefined,\n    xRelAccessor,\n    yRelAccessor,\n  } = ctx;\n\n  const xAccessor = xRectAccessor(xScale, xRelAccessor);\n  const yAccessor = yRectAccessor(yScale, yRelAccessor);\n  const horizontalBandAccessor = widthAccessor(xScale, xRelAccessor);\n  const verticalBandAccessor = heightAccessor(yScale, yRelAccessor);\n  const [yMin, yMax] = yRange;\n\n  const filteredDatapoints = series.filteredData.filter((datapoint) => {\n    if (!isDefined(datapoint)) {\n      return false;\n    }\n\n    const rectXStart = xAccessor(datapoint);\n    const rectXEnd = rectXStart + horizontalBandAccessor(datapoint);\n    const rectYStart = yAccessor(datapoint);\n    const rectYEnd = rectYStart + verticalBandAccessor(datapoint);\n\n    if (!isWithinVerticalDomain(rectYStart, rectYEnd, yMin, yMax)) {\n      return false;\n    }\n\n    return isRectangleSelected({\n      x: {\n        rectangleStart: rectXStart,\n        rectangleEnd: rectXEnd,\n        selectionStart: selection.start,\n        selectionEnd: selection.end,\n      },\n      y: {\n        rectangleStart: rectYStart,\n        rectangleEnd: rectYEnd,\n        selectionStart: yMin,\n        selectionEnd: yMax,\n      },\n    });\n  });\n\n  return {\n    seriesName: `rect-series-${++rectSeriesIndex.current}`,\n    datapoints: filteredDatapoints,\n    domain: getSelectionDomain(selection, axisConfig),\n  };\n}\n\nfunction getBarSeriesSelection(\n  barSeriesToMetadata: BarSeriesToMetadata,\n  series: BarSeriesWithDatapoints,\n  selection: { start: number; end: number },\n  yRange: [number, number],\n  axisConfig: SelectionXAxisConfig,\n  datapointMetadataMap: MapDatapoints,\n  axisIdToScales: AxisIdToScales,\n  xRelAccessor?: (value: number) => number,\n  yRelAccessor?: (value: number) => number,\n): XYChartSelectedDatapointsPerSeries {\n  const xScale = getCurrentScale(\n    axisIdToScales,\n    series.xAxisId,\n    isXBaselineAccessor(series.data[0]) ? series.type : undefined,\n  );\n  const yScale = getCurrentScale(\n    axisIdToScales,\n    series.yAxisId,\n    isYBaselineAccessor(series.data[0]) ? series.type : undefined,\n  );\n\n  const [yMin, yMax] = yRange;\n  const dimensionXScale = getDimensionScale(axisIdToScales, series.xAxisId);\n  const dimensionYScale = getDimensionScale(axisIdToScales, series.yAxisId);\n\n  const xAccessor = xBarAccessor(\n    xScale,\n    datapointMetadataMap,\n    dimensionXScale,\n    series.id,\n    xRelAccessor,\n  );\n  const yAccessor = yBarAccessor(\n    yScale,\n    datapointMetadataMap,\n    dimensionYScale,\n    series.id,\n    yRelAccessor,\n  );\n\n  const horizontalBandAccessor = barWidthAccessor(\n    xScale,\n    datapointMetadataMap,\n    dimensionXScale,\n    xRelAccessor,\n  );\n\n  const verticalBandAccessor = barHeightAccessor(\n    yScale,\n    datapointMetadataMap,\n    dimensionYScale,\n    yRelAccessor,\n  );\n\n  const filteredData = series.data.filter((datapoint) => {\n    const barXStart = xAccessor(datapoint);\n    const barXEnd = barXStart + horizontalBandAccessor(datapoint);\n    const barYStart = yAccessor(datapoint);\n    const barYEnd = barYStart + verticalBandAccessor(datapoint);\n\n    if (!isWithinVerticalDomain(barYStart, barYEnd, yMin, yMax)) {\n      return false;\n    }\n\n    return isRectangleSelected({\n      x: {\n        rectangleStart: barXStart,\n        rectangleEnd: barXEnd,\n        selectionStart: selection.start,\n        selectionEnd: selection.end,\n      },\n      y: {\n        rectangleStart: barYStart,\n        rectangleEnd: barYEnd,\n        selectionStart: yMin,\n        selectionEnd: yMax,\n      },\n    });\n  });\n\n  return {\n    seriesName: safeGet(barSeriesToMetadata, series).name,\n    datapoints: filteredData,\n    domain: getSelectionDomain(selection, axisConfig),\n  };\n}\n\nfunction getAreaSeriesSelection(\n  series: AreaSeriesWithDatapoints,\n  ctx: {\n    areaSeriesToMetadata: Map<AreaSeriesWithDatapoints, AreaMetadata>;\n    xScale: AnyScale;\n    yScale: AnyScale;\n    selection: { start: number; end: number };\n    yRange: [number, number];\n    axisConfig: SelectionXAxisConfig;\n    isDefined: ReturnType<typeof isGapDatapointForDisplay>;\n    datapointMetadataMap: MapDatapoints;\n    xRelAccessor?: (value: number) => number;\n    yRelAccessor?: (value: number) => number;\n  },\n): XYChartSelectedDatapointsPerSeries {\n  const {\n    areaSeriesToMetadata,\n    xScale,\n    yScale,\n    selection,\n    yRange,\n    axisConfig,\n    isDefined,\n    datapointMetadataMap,\n    xRelAccessor,\n    yRelAccessor,\n  } = ctx;\n\n  const { name } = safeGet(areaSeriesToMetadata, series);\n\n  const [yMin, yMax] = yRange;\n\n  const { xAccessor: xAreaAccessor, yAccessor: yAreaAccessor } =\n    getLinearAccessors(\n      AREA_VARIANT,\n      safeGet(areaSeriesToMetadata, series),\n      datapointMetadataMap,\n      xRelAccessor,\n      yRelAccessor,\n    );\n\n  const filteredData = series.data.filter((datapoint) => {\n    if (!isDefined(datapoint)) {\n      return false;\n    }\n\n    const xCoord = xAreaAccessor(xScale)(datapoint);\n    const yCoord = yAreaAccessor(yScale)(datapoint);\n\n    return (\n      yCoord >= yMin &&\n      yCoord <= yMax &&\n      xCoord >= selection.start &&\n      xCoord <= selection.end\n    );\n  });\n\n  return {\n    seriesName: name,\n    datapoints: filteredData,\n    domain: getSelectionDomain(selection, axisConfig),\n  };\n}\n\nfunction filterPointSeries<T extends DotDatapoint | LineDatapoint>(\n  data: T[],\n  xAccessor: (datapoint: T) => number,\n  yAccessor: (datapoint: T) => number,\n  selection: { start: number; end: number },\n  yRange: [number, number],\n  isDefined?: ReturnType<typeof isGapDatapointForDisplay<T>>,\n): T[] {\n  const [yMin, yMax] = yRange;\n\n  return data.filter((datapoint) => {\n    if (isDefined && !isDefined(datapoint)) {\n      return false;\n    }\n    const pointX = xAccessor(datapoint);\n    const pointY = yAccessor(datapoint);\n\n    return (\n      pointX >= selection.start &&\n      pointX <= selection.end &&\n      pointY >= yMin &&\n      pointY <= yMax\n    );\n  });\n}\n\n/**\n * Returns true if the content state refers to a linear (dot, line, or area) point.\n */\nexport function hasLinearContentPoint(\n  contentState: XYChartExploreState['content'],\n): boolean {\n  return (\n    !!contentState?.series &&\n    !!contentState?.datapoint &&\n    (contentState.type === DOT_VARIANT ||\n      contentState.type === LINE_VARIANT ||\n      contentState.type === AREA_VARIANT)\n  );\n}\n\n/**\n * Collect all distinct xAxisIds from provided linear series arrays.\n */\nexport function collectLinearXAxisIds(\n  dotSeries: DotSeriesWithDatapoints[],\n  lineSeries: LineSeriesWithDatapoints[],\n  areaSeries: AreaSeriesWithDatapoints[],\n) {\n  const ids = new Set<string>();\n\n  for (const series of dotSeries) {\n    if (series.xAxisId) {\n      ids.add(series.xAxisId);\n    }\n  }\n\n  for (const series of lineSeries) {\n    if (series.xAxisId) {\n      ids.add(series.xAxisId);\n    }\n  }\n\n  for (const series of areaSeries) {\n    if (series.xAxisId) {\n      ids.add(series.xAxisId);\n    }\n  }\n\n  return ids;\n}\n\nfunction getAxisIdToIsRelative(axes: XYChartAxisInternal[]) {\n  const axisIdToIsRelative = new Map<string, boolean>();\n  axes.forEach((axis) => {\n    axisIdToIsRelative.set(axis.id, axis.isRelative);\n  });\n  return axisIdToIsRelative;\n}\n\n/**\n * Build highlighted points derived from a selection (brush / range selection).\n * Returns an empty array if preconditions fail.\n */\nexport function buildSelectionHighlightedPoints(params: {\n  selectState: SelectState | undefined;\n  linearSelection: XYChartLinearSelectionContextValue;\n  width: number;\n  axisIdToScales: AxisIdToScales;\n  dotSeriesWithDatapoints: DotSeriesWithDatapoints[];\n  lineSeriesWithDatapoints: LineSeriesWithDatapoints[];\n  areaSeriesWithDatapoints: AreaSeriesWithDatapoints[];\n  dotSeriesMeta: Map<DotSeriesWithDatapoints, DotMetadata>;\n  lineSeriesMeta: Map<LineSeriesWithDatapoints, LineMetadata>;\n  areaSeriesMeta: Map<AreaSeriesWithDatapoints, AreaMetadata>;\n  axisIdToScaleDomain: AxisIdToScaleDomain;\n  axes: XYChartAxisInternal[];\n  datapointMetadataMap: MapDatapoints;\n}): HighlightedLinearPoint[] {\n  const {\n    selectState,\n    linearSelection,\n    width,\n    axisIdToScales,\n    dotSeriesWithDatapoints,\n    lineSeriesWithDatapoints,\n    areaSeriesWithDatapoints,\n    dotSeriesMeta,\n    lineSeriesMeta,\n    areaSeriesMeta,\n    axisIdToScaleDomain,\n    axes,\n    datapointMetadataMap,\n  } = params;\n\n  const anySelection =\n    !selectState || linearSelection.selectionConfigByAxisId.size === 0;\n\n  if (anySelection) {\n    return [];\n  }\n\n  const axisIds = collectLinearXAxisIds(\n    dotSeriesWithDatapoints,\n    lineSeriesWithDatapoints,\n    areaSeriesWithDatapoints,\n  );\n\n  const axisIdToIsRelative = getAxisIdToIsRelative(axes);\n\n  if (!axisIds.size) {\n    return [];\n  }\n\n  const [selectionStart, selectionEnd] = getSelectionPixels(\n    selectState.selectionPercentage,\n    width,\n    [selectState.start, selectState.end],\n  );\n\n  const { highlightedDatapoints } = linearSelection.searchAllAxisDatapoints(\n    selectionStart.relative.x,\n    selectionEnd.relative.x,\n    serializeLinearSeriesValues(\n      (series: AnyLinearSeries) =>\n        getLinearSeriesMetadata(\n          series,\n          dotSeriesMeta,\n          lineSeriesMeta,\n          areaSeriesMeta,\n        ),\n      axisIdToScales,\n      axisIdToScaleDomain,\n      datapointMetadataMap,\n    ),\n    Array.from(axisIds),\n    axisIdToScales,\n    axisIdToScaleDomain,\n    axisIdToIsRelative,\n  );\n\n  return highlightedDatapoints;\n}\n\n/**\n * Build a highlighted point for a dot series.\n */\nfunction buildDotHighlightedPoint(\n  datapoint: DotDatapoint,\n  meta: DotMetadata,\n  axisIdToScales: AxisIdToScales,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n): HighlightedLinearPoint[] {\n  const xScale = getCurrentScale(axisIdToScales, meta.xAxis.id);\n  const yScale = getCurrentScale(axisIdToScales, meta.yAxis.id);\n\n  const { xAxis, yAxis } = meta;\n  const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);\n  const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);\n\n  return [\n    {\n      id: DOT_ID,\n      x: xDotAccessor(xScale, xRelAccessor)(datapoint) + POINT_OVERLAY_PADDING,\n      y: yDotAccessor(yScale, yRelAccessor)(datapoint) + POINT_OVERLAY_PADDING,\n      color: meta.color,\n      shape: meta.shape,\n    },\n  ];\n}\n\n/**\n * Build a highlighted point for a line series.\n */\nfunction buildLineHighlightedPoint(\n  datapoint: LineDatapoint,\n  meta: LineMetadata,\n  axisIdToScales: AxisIdToScales,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n): HighlightedLinearPoint[] {\n  const xScale = getCurrentScale(axisIdToScales, meta.xAxis.id);\n  const yScale = getCurrentScale(axisIdToScales, meta.yAxis.id);\n\n  const { xAxis, yAxis } = meta;\n  const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);\n  const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);\n\n  return [\n    {\n      id: LINE_ID,\n      x: xLineAccessor(xScale, xRelAccessor)(datapoint) + POINT_OVERLAY_PADDING,\n      y: yLineAccessor(yScale, yRelAccessor)(datapoint) + POINT_OVERLAY_PADDING,\n      color: meta.color,\n      shape: undefined,\n    },\n  ];\n}\n\n/**\n * Build highlighted points for a horizontal area series.\n */\nfunction buildHorizontalAreaPoints(\n  datapoint: AreaDatapoint,\n  yScale: AnyScale,\n  xScale: AnyScale,\n  isBand: boolean,\n  color: ColorToken,\n  datapointMetadataMap: MapDatapoints,\n  xRelAccessor: ((value: number) => number) | undefined,\n  yRelAccessor: ((value: number) => number) | undefined,\n  isXStacked: boolean,\n): HighlightedLinearPoint[] {\n  const yCoord = isBand\n    ? bandY0Accessor(yScale, yRelAccessor)(datapoint) + POINT_OVERLAY_PADDING\n    : yAccessor(yScale, yRelAccessor)(datapoint) + POINT_OVERLAY_PADDING;\n\n  const points: HighlightedLinearPoint[] = [];\n\n  if (isBand) {\n    points.push({\n      id: AREA_ID,\n      x:\n        bandX0Accessor(xScale, xRelAccessor)(datapoint) + POINT_OVERLAY_PADDING,\n      y: yCoord,\n      color,\n      shape: undefined,\n    });\n  }\n\n  points.push({\n    id: AREA_ID,\n    x:\n      (isBand\n        ? bandX1Accessor(xScale, xRelAccessor)\n        : x1Accessor(xScale, datapointMetadataMap, xRelAccessor, isXStacked))(\n        datapoint,\n      ) + POINT_OVERLAY_PADDING,\n    y: yCoord,\n    color,\n    shape: undefined,\n  });\n\n  return points;\n}\n\n/**\n * Build highlighted points for a vertical area series.\n */\nfunction buildVerticalAreaPoints(\n  datapoint: AreaDatapoint,\n  xScale: AnyScale,\n  yScale: AnyScale,\n  isBand: boolean,\n  color: ColorToken,\n  datapointMetadataMap: MapDatapoints,\n  xRelAccessor: ((value: number) => number) | undefined,\n  yRelAccessor: ((value: number) => number) | undefined,\n  isYStacked: boolean,\n): HighlightedLinearPoint[] {\n  const xCoord = isBand\n    ? bandX0Accessor(xScale, xRelAccessor)(datapoint) + POINT_OVERLAY_PADDING\n    : xAccessor(xScale, xRelAccessor)(datapoint) + POINT_OVERLAY_PADDING;\n\n  const points: HighlightedLinearPoint[] = [];\n\n  if (isBand) {\n    points.push({\n      id: AREA_ID,\n      x: xCoord,\n      y:\n        bandY0Accessor(yScale, yRelAccessor)(datapoint) + POINT_OVERLAY_PADDING,\n      color,\n      shape: undefined,\n    });\n  }\n\n  points.push({\n    id: AREA_ID,\n    x: xCoord,\n    y:\n      (isBand\n        ? bandY1Accessor(yScale, yRelAccessor)\n        : y1Accessor(yScale, datapointMetadataMap, yRelAccessor, isYStacked))(\n        datapoint,\n      ) + POINT_OVERLAY_PADDING,\n    color,\n    shape: undefined,\n  });\n\n  return points;\n}\n\n/**\n * Build highlighted points for an area series.\n */\nfunction buildAreaHighlightedPoints(\n  datapoint: AreaDatapoint,\n  meta: AreaMetadata,\n  axisIdToScales: AxisIdToScales,\n  datapointMetadataMap: MapDatapoints,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n): HighlightedLinearPoint[] {\n  const isHorizontal = meta.orientation === 'horizontal';\n  const isBand = meta.variant === 'band';\n\n  const xScale = getCurrentScale(axisIdToScales, meta.xAxis.id);\n  const yScale = getCurrentScale(axisIdToScales, meta.yAxis.id);\n\n  if (!xScale || !yScale) {\n    return [];\n  }\n\n  const { xAxis, yAxis, isStacked } = meta;\n\n  const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);\n  const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);\n\n  if (isHorizontal) {\n    return buildHorizontalAreaPoints(\n      datapoint,\n      yScale,\n      xScale,\n      isBand,\n      meta.color,\n      datapointMetadataMap,\n      xRelAccessor,\n      yRelAccessor,\n      isStacked,\n    );\n  } else {\n    return buildVerticalAreaPoints(\n      datapoint,\n      xScale,\n      yScale,\n      isBand,\n      meta.color,\n      datapointMetadataMap,\n      xRelAccessor,\n      yRelAccessor,\n      isStacked,\n    );\n  }\n}\n\n/**\n * Build highlighted points from the current content (hover/focus) state.\n * Returns an array of points. For area bands, returns two points (top and bottom).\n * Returns an empty array if not linear or scales missing.\n */\nexport function buildContentHighlightedPoint(params: {\n  contentState: XYChartExploreState['content'];\n  axisIdToScales: AxisIdToScales;\n  dotSeriesMeta: Map<DotSeriesWithDatapoints, DotMetadata>;\n  lineSeriesMeta: Map<LineSeriesWithDatapoints, LineMetadata>;\n  areaSeriesMeta: Map<AreaSeriesWithDatapoints, AreaMetadata>;\n  axisIdToScaleDomain: Map<string, BinDomain>;\n  datapointMetadataMap: MapDatapoints;\n}): HighlightedLinearPoint[] {\n  const {\n    contentState,\n    axisIdToScales,\n    dotSeriesMeta,\n    lineSeriesMeta,\n    areaSeriesMeta,\n    axisIdToScaleDomain,\n    datapointMetadataMap,\n  } = params;\n\n  if (!hasLinearContentPoint(contentState)) {\n    return [];\n  }\n\n  if (isDotContentPoint(contentState)) {\n    const { series, datapoint } = contentState;\n    const meta = safeGet(dotSeriesMeta, series);\n    return buildDotHighlightedPoint(\n      datapoint,\n      meta,\n      axisIdToScales,\n      axisIdToScaleDomain,\n    );\n  }\n\n  if (isLineContentPoint(contentState)) {\n    const { series, datapoint } = contentState;\n    const meta = safeGet(lineSeriesMeta, series);\n    return buildLineHighlightedPoint(\n      datapoint,\n      meta,\n      axisIdToScales,\n      axisIdToScaleDomain,\n    );\n  }\n\n  if (isAreaContentPoint(contentState)) {\n    const { series, datapoint } = contentState;\n    const meta = safeGet(areaSeriesMeta, series);\n    return buildAreaHighlightedPoints(\n      datapoint,\n      meta,\n      axisIdToScales,\n      datapointMetadataMap,\n      axisIdToScaleDomain,\n    );\n  }\n\n  return [];\n}\n\n/**\n * Internal helper reused by serialize function builder.\n */\nfunction getLinearSeriesMetadata(\n  series: AnyLinearSeries,\n  dotSeriesMeta: Map<DotSeriesWithDatapoints, DotMetadata>,\n  lineSeriesMeta: Map<LineSeriesWithDatapoints, LineMetadata>,\n  areaSeriesMeta: Map<AreaSeriesWithDatapoints, AreaMetadata>,\n): AnyLinearMetadata {\n  if (series.type === DOT_VARIANT) {\n    return safeGet(dotSeriesMeta, series);\n  }\n  if (series.type === LINE_VARIANT) {\n    return safeGet(lineSeriesMeta, series);\n  }\n\n  return safeGet(areaSeriesMeta, series);\n}\n\ntype SelectStateValue = ReturnType<typeof useSelectState>;\ntype RectSelectionValue = ReturnType<typeof useXYChartRectSelection>;\ntype BarSeriesMeta = ReturnType<typeof useBarData>['seriesToMetadata'];\ntype RectSeriesMeta = ReturnType<typeof useRectData>['seriesToMetadata'];\ntype RectSeriesList = RectSeriesWithDatapoints[];\ntype BarSeriesList = BarSeriesWithDatapoints[];\n\nexport function buildSelectionHighlightedRectangles(params: {\n  selectState: SelectStateValue;\n  rectSelection: RectSelectionValue;\n  width: number;\n  rectSeriesMeta: Map<RectSeriesWithDatapoints, RectMetadata>;\n  rectSeriesWithDatapoints: RectSeriesList;\n  barSeriesWithDatapoints: BarSeriesList;\n  barSeriesMeta: BarSeriesMeta;\n  axisIdToScales: ReturnType<typeof useXYChartScales>;\n  axisIdToScaleDomain: AxisIdToScaleDomain;\n  axes: XYChartAxisInternal[];\n  datapointMetadataMap: MapDatapoints;\n}): RectanglePoint[] {\n  const {\n    selectState,\n    rectSelection,\n    width,\n    rectSeriesMeta,\n    rectSeriesWithDatapoints,\n    barSeriesWithDatapoints,\n    barSeriesMeta,\n    axisIdToScales,\n    axisIdToScaleDomain,\n    axes,\n    datapointMetadataMap,\n  } = params;\n\n  if (!selectState || rectSelection.selectionConfigByAxisId.size === 0) {\n    return [];\n  }\n\n  const definedAxes = Array.from(\n    new Set(\n      [...rectSeriesWithDatapoints, ...barSeriesWithDatapoints].flatMap(\n        (series) => {\n          const axes: string[] = [];\n          if (!isUndefined(series.xAxisId)) {\n            axes.push(series.xAxisId);\n          }\n          if (!isUndefined(series.yAxisId)) {\n            axes.push(series.yAxisId);\n          }\n          return axes;\n        },\n      ),\n    ),\n  );\n\n  const axisIdToIsRelative = getAxisIdToIsRelative(axes);\n\n  if (!definedAxes.length) {\n    return [];\n  }\n\n  const [selectionStart, selectionEnd] = getSelectionPixels(\n    selectState.selectionPercentage,\n    width,\n    [selectState.start, selectState.end],\n  );\n\n  const { highlightedDatapoints } = rectSelection.searchAllAxisDatapoints(\n    selectionStart.relative.x,\n    selectionEnd.relative.x,\n    serializeRectangleSeriesValues(\n      axisIdToScales,\n      rectSeriesMeta,\n      axisIdToScaleDomain,\n      datapointMetadataMap,\n      barSeriesMeta,\n    ),\n    definedAxes,\n    axisIdToScales,\n    axisIdToScaleDomain,\n    axisIdToIsRelative,\n  );\n\n  return highlightedDatapoints;\n}\n\nexport function buildContentHighlightedRectangle(params: {\n  contentState: XYChartExploreState['content'];\n  axisIdToScales: ReturnType<typeof useXYChartScales>;\n  barSeriesMeta: BarSeriesMeta;\n  rectSeriesMeta: RectSeriesMeta;\n  datapointMetadataMap: MapDatapoints;\n  axisIdToScaleDomain: Map<string, BinDomain>;\n}): RectanglePoint | null {\n  const {\n    contentState,\n    axisIdToScales,\n    barSeriesMeta,\n    rectSeriesMeta,\n    datapointMetadataMap,\n    axisIdToScaleDomain,\n  } = params;\n\n  if (\n    !contentState?.series ||\n    !contentState?.datapoint ||\n    (contentState.type !== BAR_VARIANT && contentState.type !== RECT_VARIANT)\n  ) {\n    return null;\n  }\n\n  if (contentState.type === BAR_VARIANT) {\n    const { datapoint, series } = contentState;\n    const { xAxis, yAxis } = safeGet(barSeriesMeta, series);\n    const xScale = getCurrentScale(\n      axisIdToScales,\n      xAxis.id,\n      isXBaselineAccessor(series.data[0]) ? series.type : undefined,\n    );\n    const dimensionXScale = getDimensionScale(axisIdToScales, series.xAxisId);\n    const yScale = getCurrentScale(\n      axisIdToScales,\n      yAxis.id,\n      isYBaselineAccessor(series.data[0]) ? series.type : undefined,\n    );\n    const dimensionYScale = getDimensionScale(axisIdToScales, series.yAxisId);\n    const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);\n    const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);\n\n    return {\n      id: BAR_ID,\n      x: xBarAccessor(\n        xScale,\n        datapointMetadataMap,\n        dimensionXScale,\n        series.id,\n        xRelAccessor,\n      )(datapoint),\n      y: yBarAccessor(\n        yScale,\n        datapointMetadataMap,\n        dimensionYScale,\n        series.id,\n        yRelAccessor,\n      )(datapoint),\n      width: barWidthAccessor(\n        xScale,\n        datapointMetadataMap,\n        dimensionXScale,\n        xRelAccessor,\n      )(datapoint),\n      height: barHeightAccessor(\n        yScale,\n        datapointMetadataMap,\n        dimensionYScale,\n        yRelAccessor,\n      )(datapoint),\n    };\n  }\n\n  const { datapoint, series } = contentState;\n  const { xAxis, yAxis } = safeGet(rectSeriesMeta, series);\n  const xScale = getCurrentScale(axisIdToScales, xAxis.id);\n  const yScale = getCurrentScale(axisIdToScales, yAxis.id);\n  const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);\n  const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);\n\n  return {\n    id: RECT_ID,\n    x: xRectAccessor(xScale, xRelAccessor)(datapoint),\n    y: yRectAccessor(yScale, yRelAccessor)(datapoint),\n    width: widthAccessor(xScale, xRelAccessor)(datapoint),\n    height: heightAccessor(yScale, yRelAccessor)(datapoint),\n  };\n}\n\nexport function buildRectangleHighlightedPoints(params: {\n  selectState: SelectStateValue;\n  rectSelection: RectSelectionValue;\n  width: number;\n  rectSeriesWithDatapoints: RectSeriesList;\n  barSeriesWithDatapoints: BarSeriesList;\n  axisIdToScales: ReturnType<typeof useXYChartScales>;\n  contentState: XYChartExploreState['content'];\n  barSeriesMeta: BarSeriesMeta;\n  rectSeriesMeta: RectSeriesMeta;\n  datapointMetadataMap: MapDatapoints;\n  axisIdToScaleDomain: Map<string, BinDomain>;\n  axes: XYChartAxisInternal[];\n}): RectanglePoint[] {\n  const selectionRects = buildSelectionHighlightedRectangles(params);\n\n  const contentRect = buildContentHighlightedRectangle(params);\n\n  return contentRect ? [...selectionRects, contentRect] : selectionRects;\n}\n"],
   "mappings": "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",
   "names": ["xAccessor", "yAccessor", "axes", "datapoint", "series", "xAxis", "yAxis", "xScale", "yScale", "xRelAccessor", "yRelAccessor"]
 }

package/esm/charts/xy-chart/components/overlay/utils/serialize-rectangle-series-values.js

@@ -19,7 +19,7 @@ import {
 import {
   isXBaselineAccessor,
   isYBaselineAccessor
-} from "../../displays/BarDisplay.js";
+} from "../../displays/BarDisplay/BarDisplay.js";
 import {
   heightAccessor as rectHeightAccessor,
   widthAccessor as rectWidthAccessor,

package/esm/charts/xy-chart/components/overlay/utils/serialize-rectangle-series-values.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/overlay/utils/serialize-rectangle-series-values.ts"],
-  "sourcesContent": ["import { safeGet } from '../../../../core/utils/safe-get.js';\nimport { AxisIdToScales } from '../../../context/XYChartScales.context.js';\nimport { XYChartSelectionRectangleMetadata } from '../../../hooks/useSortRectangleDatapoints.js';\nimport {\n  BAR_ID,\n  RECT_ID,\n  RECT_VARIANT,\n  type AxisIdToScaleDomain,\n  type BarMetadata,\n  type BarSeriesWithDatapoints,\n  type MapDatapoints,\n  type RectMetadata,\n  type RectSeriesWithDatapoints,\n} from '../../../types/xy-chart-internals.js';\nimport {\n  getCurrentScale,\n  getDimensionScale,\n} from '../../../utils/get-scale.js';\nimport { isRectDatapoint } from '../../../utils/type-guards.js';\nimport { relAccessor } from '../../../utils/value-representation.js';\nimport {\n  heightAccessor as barHeightAccessor,\n  widthAccessor as barWidthAccessor,\n  xAccessor as barXAccessor,\n  yAccessor as barYAccessor,\n} from '../../displays/bar-accessors.js';\nimport {\n  isXBaselineAccessor,\n  isYBaselineAccessor,\n} from '../../displays/BarDisplay.js';\nimport {\n  heightAccessor as rectHeightAccessor,\n  widthAccessor as rectWidthAccessor,\n  xAccessor as rectXAccessor,\n  yAccessor as rectYAccessor,\n} from '../../displays/rect-accessors.js';\nimport type { RectanglePoint } from '../explore/types.js';\n\nexport const serializeRectangleSeriesValues = (\n  axisIdToScales: AxisIdToScales,\n  rectMetadata: Map<RectSeriesWithDatapoints, RectMetadata>,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n  datapointMetadataMap: MapDatapoints,\n  barMetadata?: Map<BarSeriesWithDatapoints, BarMetadata>,\n) => {\n  return (point: XYChartSelectionRectangleMetadata): RectanglePoint => {\n    if (\n      isRectDatapoint(point.datapoint) &&\n      point.series.type === RECT_VARIANT\n    ) {\n      const currentXScale = getCurrentScale(\n        axisIdToScales,\n        point.series.xAxisId,\n      );\n      const currentYScale = getCurrentScale(\n        axisIdToScales,\n        point.series.yAxisId,\n      );\n\n      const { xAxis, yAxis } = safeGet(rectMetadata, point.series);\n      const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);\n      const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);\n\n      return {\n        ...point,\n        id: RECT_ID,\n        x: rectXAccessor(currentXScale, xRelAccessor)(point.datapoint),\n        y: rectYAccessor(currentYScale, yRelAccessor)(point.datapoint),\n        width: rectWidthAccessor(currentXScale, xRelAccessor)(point.datapoint),\n        height: rectHeightAccessor(\n          currentYScale,\n          yRelAccessor,\n        )(point.datapoint),\n      };\n    }\n\n    const xScale = getCurrentScale(\n      axisIdToScales,\n      point.series.xAxisId,\n      isXBaselineAccessor(point.series.data[0]) ? point.series.type : undefined,\n    );\n    const dimensionXScale = getDimensionScale(\n      axisIdToScales,\n      point.series.xAxisId,\n    );\n    const yScale = getCurrentScale(\n      axisIdToScales,\n      point.series.yAxisId,\n      isYBaselineAccessor(point.series.data[0]) ? point.series.type : undefined,\n    );\n    const dimensionYScale = getDimensionScale(\n      axisIdToScales,\n      point.series.yAxisId,\n    );\n\n    const barMeta = barMetadata\n      ? safeGet(barMetadata, point.series)\n      : undefined;\n    const xRelAccessor = barMeta\n      ? relAccessor(barMeta.xAxis, axisIdToScaleDomain)\n      : undefined;\n    const yRelAccessor = barMeta\n      ? relAccessor(barMeta.yAxis, axisIdToScaleDomain)\n      : undefined;\n\n    const x = barXAccessor(\n      xScale,\n      datapointMetadataMap,\n      dimensionXScale,\n      point.series.id,\n      xRelAccessor,\n    )(point.datapoint);\n    const y = barYAccessor(\n      yScale,\n      datapointMetadataMap,\n      dimensionYScale,\n      point.series.id,\n      yRelAccessor,\n    )(point.datapoint);\n    const width = barWidthAccessor(\n      xScale,\n      datapointMetadataMap,\n      dimensionXScale,\n      xRelAccessor,\n    )(point.datapoint);\n    const height = barHeightAccessor(\n      yScale,\n      datapointMetadataMap,\n      dimensionYScale,\n      yRelAccessor,\n    )(point.datapoint);\n\n    return {\n      ...point,\n      id: BAR_ID,\n      x,\n      y,\n      width,\n      height,\n    };\n  };\n};\n"],
+  "sourcesContent": ["import { safeGet } from '../../../../core/utils/safe-get.js';\nimport { AxisIdToScales } from '../../../context/XYChartScales.context.js';\nimport { XYChartSelectionRectangleMetadata } from '../../../hooks/useSortRectangleDatapoints.js';\nimport {\n  BAR_ID,\n  RECT_ID,\n  RECT_VARIANT,\n  type AxisIdToScaleDomain,\n  type BarMetadata,\n  type BarSeriesWithDatapoints,\n  type MapDatapoints,\n  type RectMetadata,\n  type RectSeriesWithDatapoints,\n} from '../../../types/xy-chart-internals.js';\nimport {\n  getCurrentScale,\n  getDimensionScale,\n} from '../../../utils/get-scale.js';\nimport { isRectDatapoint } from '../../../utils/type-guards.js';\nimport { relAccessor } from '../../../utils/value-representation.js';\nimport {\n  heightAccessor as barHeightAccessor,\n  widthAccessor as barWidthAccessor,\n  xAccessor as barXAccessor,\n  yAccessor as barYAccessor,\n} from '../../displays/bar-accessors.js';\nimport {\n  isXBaselineAccessor,\n  isYBaselineAccessor,\n} from '../../displays/BarDisplay/BarDisplay.js';\nimport {\n  heightAccessor as rectHeightAccessor,\n  widthAccessor as rectWidthAccessor,\n  xAccessor as rectXAccessor,\n  yAccessor as rectYAccessor,\n} from '../../displays/rect-accessors.js';\nimport type { RectanglePoint } from '../explore/types.js';\n\nexport const serializeRectangleSeriesValues = (\n  axisIdToScales: AxisIdToScales,\n  rectMetadata: Map<RectSeriesWithDatapoints, RectMetadata>,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n  datapointMetadataMap: MapDatapoints,\n  barMetadata?: Map<BarSeriesWithDatapoints, BarMetadata>,\n) => {\n  return (point: XYChartSelectionRectangleMetadata): RectanglePoint => {\n    if (\n      isRectDatapoint(point.datapoint) &&\n      point.series.type === RECT_VARIANT\n    ) {\n      const currentXScale = getCurrentScale(\n        axisIdToScales,\n        point.series.xAxisId,\n      );\n      const currentYScale = getCurrentScale(\n        axisIdToScales,\n        point.series.yAxisId,\n      );\n\n      const { xAxis, yAxis } = safeGet(rectMetadata, point.series);\n      const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);\n      const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);\n\n      return {\n        ...point,\n        id: RECT_ID,\n        x: rectXAccessor(currentXScale, xRelAccessor)(point.datapoint),\n        y: rectYAccessor(currentYScale, yRelAccessor)(point.datapoint),\n        width: rectWidthAccessor(currentXScale, xRelAccessor)(point.datapoint),\n        height: rectHeightAccessor(\n          currentYScale,\n          yRelAccessor,\n        )(point.datapoint),\n      };\n    }\n\n    const xScale = getCurrentScale(\n      axisIdToScales,\n      point.series.xAxisId,\n      isXBaselineAccessor(point.series.data[0]) ? point.series.type : undefined,\n    );\n    const dimensionXScale = getDimensionScale(\n      axisIdToScales,\n      point.series.xAxisId,\n    );\n    const yScale = getCurrentScale(\n      axisIdToScales,\n      point.series.yAxisId,\n      isYBaselineAccessor(point.series.data[0]) ? point.series.type : undefined,\n    );\n    const dimensionYScale = getDimensionScale(\n      axisIdToScales,\n      point.series.yAxisId,\n    );\n\n    const barMeta = barMetadata\n      ? safeGet(barMetadata, point.series)\n      : undefined;\n    const xRelAccessor = barMeta\n      ? relAccessor(barMeta.xAxis, axisIdToScaleDomain)\n      : undefined;\n    const yRelAccessor = barMeta\n      ? relAccessor(barMeta.yAxis, axisIdToScaleDomain)\n      : undefined;\n\n    const x = barXAccessor(\n      xScale,\n      datapointMetadataMap,\n      dimensionXScale,\n      point.series.id,\n      xRelAccessor,\n    )(point.datapoint);\n    const y = barYAccessor(\n      yScale,\n      datapointMetadataMap,\n      dimensionYScale,\n      point.series.id,\n      yRelAccessor,\n    )(point.datapoint);\n    const width = barWidthAccessor(\n      xScale,\n      datapointMetadataMap,\n      dimensionXScale,\n      xRelAccessor,\n    )(point.datapoint);\n    const height = barHeightAccessor(\n      yScale,\n      datapointMetadataMap,\n      dimensionYScale,\n      yRelAccessor,\n    )(point.datapoint);\n\n    return {\n      ...point,\n      id: BAR_ID,\n      x,\n      y,\n      width,\n      height,\n    };\n  };\n};\n"],
   "mappings": "AAAA,SAAS,eAAe;AAGxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAOK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B;AAAA,EACE,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AAAA,OACR;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AAAA,OACR;AAGA,MAAM,iCAAiC,CAC5C,gBACA,cACA,qBACA,sBACA,gBACG;AACH,SAAO,CAAC,UAA6D;AACnE,QACE,gBAAgB,MAAM,SAAS,KAC/B,MAAM,OAAO,SAAS,cACtB;AACA,YAAM,gBAAgB;AAAA,QACpB;AAAA,QACA,MAAM,OAAO;AAAA,MACf;AACA,YAAM,gBAAgB;AAAA,QACpB;AAAA,QACA,MAAM,OAAO;AAAA,MACf;AAEA,YAAM,EAAE,OAAO,MAAM,IAAI,QAAQ,cAAc,MAAM,MAAM;AAC3D,YAAMA,gBAAe,YAAY,OAAO,mBAAmB;AAC3D,YAAMC,gBAAe,YAAY,OAAO,mBAAmB;AAE3D,aAAO;AAAA,QACL,GAAG;AAAA,QACH,IAAI;AAAA,QACJ,GAAG,cAAc,eAAeD,aAAY,EAAE,MAAM,SAAS;AAAA,QAC7D,GAAG,cAAc,eAAeC,aAAY,EAAE,MAAM,SAAS;AAAA,QAC7D,OAAO,kBAAkB,eAAeD,aAAY,EAAE,MAAM,SAAS;AAAA,QACrE,QAAQ;AAAA,UACN;AAAA,UACAC;AAAA,QACF,EAAE,MAAM,SAAS;AAAA,MACnB;AAAA,IACF;AAEA,UAAM,SAAS;AAAA,MACb;AAAA,MACA,MAAM,OAAO;AAAA,MACb,oBAAoB,MAAM,OAAO,KAAK,CAAC,CAAC,IAAI,MAAM,OAAO,OAAO;AAAA,IAClE;AACA,UAAM,kBAAkB;AAAA,MACtB;AAAA,MACA,MAAM,OAAO;AAAA,IACf;AACA,UAAM,SAAS;AAAA,MACb;AAAA,MACA,MAAM,OAAO;AAAA,MACb,oBAAoB,MAAM,OAAO,KAAK,CAAC,CAAC,IAAI,MAAM,OAAO,OAAO;AAAA,IAClE;AACA,UAAM,kBAAkB;AAAA,MACtB;AAAA,MACA,MAAM,OAAO;AAAA,IACf;AAEA,UAAM,UAAU,cACZ,QAAQ,aAAa,MAAM,MAAM,IACjC;AACJ,UAAM,eAAe,UACjB,YAAY,QAAQ,OAAO,mBAAmB,IAC9C;AACJ,UAAM,eAAe,UACjB,YAAY,QAAQ,OAAO,mBAAmB,IAC9C;AAEJ,UAAM,IAAI;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM,OAAO;AAAA,MACb;AAAA,IACF,EAAE,MAAM,SAAS;AACjB,UAAM,IAAI;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM,OAAO;AAAA,MACb;AAAA,IACF,EAAE,MAAM,SAAS;AACjB,UAAM,QAAQ;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,EAAE,MAAM,SAAS;AACjB,UAAM,SAAS;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,EAAE,MAAM,SAAS;AAEjB,WAAO;AAAA,MACL,GAAG;AAAA,MACH,IAAI;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
   "names": ["xRelAccessor", "yRelAccessor"]
 }

package/esm/charts/xy-chart/components/selection/TooltipHeader.css

@@ -1,7 +1,7 @@
-._biijte0-3-5-2 {
+._biijte0-3-6-0 {
   margin-bottom: var(--dt-spacings-size-2, 2px);
 }
-._biijte1-3-5-2 {
+._biijte1-3-6-0 {
   width: auto;
   white-space: nowrap;
   overflow: hidden;

package/esm/charts/xy-chart/components/selection/TooltipHeader.sty.js

@@ -1,6 +1,6 @@
 import "./TooltipHeader.css";
-var formattedTimeframe = "_biijte1-3-5-2";
-var headerItem = "_biijte0-3-5-2";
+var formattedTimeframe = "_biijte1-3-6-0";
+var headerItem = "_biijte0-3-6-0";
 export {
   formattedTimeframe,
   headerItem

package/esm/charts/xy-chart/components/selection/TooltipHeader.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/selection/TooltipHeader.css.ts"],
-  "sourcesContent": ["import './TooltipHeader.css';\nexport var formattedTimeframe = '_biijte1-3-5-2';\nexport var headerItem = '_biijte0-3-5-2';"],
+  "sourcesContent": ["import './TooltipHeader.css';\nexport var formattedTimeframe = '_biijte1-3-6-0';\nexport var headerItem = '_biijte0-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;AACzB,IAAI,aAAa;",
   "names": []
 }

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

@@ -1,3 +1,3 @@
-._1mfu0sw0-3-5-2 {
+._1mfu0sw0-3-6-0 {
   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-5-2 _13lzg4k0-3-5-2";
+var thresholdPlot = "_1mfu0sw0-3-6-0 _13lzg4k0-3-6-0";
 export {
   thresholdPlot
 };