@dynatrace/strato-components 3.13.2 → 3.14.0

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

@@ -9,8 +9,7 @@ import { reducePanDomain } from "../../../store/reducer-pan.js";
 import { useSetState } from "../../../store/selectors.js";
 import {
   isInfiniteZoomEnabledFor,
-  isPanEnabledFor,
-  isZoomEnabledFor
+  isPanEnabledFor
 } from "../../../utils/axis-interactions.js";
 import { getCurrentScale, getInitialScale } from "../../../utils/get-scale.js";
 import { handleZoomChange } from "../utils/zoom-change-handler.js";
@@ -22,7 +21,7 @@ const useApplyPanDelta = () => {
   const { reset } = useTooltipActions();
   return (delta) => {
     const newCurrentDomain = /* @__PURE__ */ new Map();
-    const allAxesHaveInfiniteZoom = axes.filter((axis) => isZoomEnabledFor(axis) && isPanEnabledFor(axis)).every(isInfiniteZoomEnabledFor);
+    const allAxesHaveInfiniteZoom = axes.filter(isPanEnabledFor).every(isInfiniteZoomEnabledFor);
     for (const axis of axes) {
       let nextDomain;
       const currentScale = getCurrentScale(axisIdToScales, axis.id);

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/overlay/hooks/useApplyPanDelta.ts"],
-  "sourcesContent": ["import { useTooltipActions } from '../../../../core/components/overlay-tooltip/useTooltipActions.js';\nimport { useSynchronizedSelection } from '../../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js';\nimport { getNextPanDomain } from '../../../../core/components/zoom/utils/get-next-pan-domain.js';\nimport type { AnyNumberScale } from '../../../../core/types/scales.js';\nimport { ZOOM_CHANGE_TYPE } from '../../../../core/types/zoom.js';\nimport { isSameDomain } from '../../../../core/utils/zoom.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../../../hooks/useXYChartScales.js';\nimport { reducePanDomain } from '../../../store/reducer-pan.js';\nimport { useSetState } from '../../../store/selectors.js';\nimport { type XYChartState } from '../../../types/state.js';\nimport {\n  isInfiniteZoomEnabledFor,\n  isPanEnabledFor,\n  isZoomEnabledFor,\n} from '../../../utils/axis-interactions.js';\nimport { getCurrentScale, getInitialScale } from '../../../utils/get-scale.js';\nimport { handleZoomChange } from '../utils/zoom-change-handler.js';\n\n/**\n * Returns a callback which given a delta in pixels, will apply the pan interaction and update the state accordingly\n */\nexport const useApplyPanDelta = () => {\n  const setState = useSetState();\n  const axisIdToScales = useXYChartScales();\n  const { axes } = useXYChartData();\n  const { resetSelectionState } = useSynchronizedSelection();\n  const { reset } = useTooltipActions();\n\n  return (delta: number) => {\n    const newCurrentDomain: XYChartState['currentDomain'] = new Map();\n\n    const allAxesHaveInfiniteZoom = axes\n      .filter((axis) => isZoomEnabledFor(axis) && isPanEnabledFor(axis))\n      .every(isInfiniteZoomEnabledFor);\n\n    for (const axis of axes) {\n      let nextDomain;\n      const currentScale = getCurrentScale(axisIdToScales, axis.id);\n      if (isPanEnabledFor(axis)) {\n        const initialScale = getInitialScale(axisIdToScales, axis.id);\n        const initialDomain = initialScale.domain();\n\n        const [min, max] = getNextPanDomain(\n          [+initialDomain[0], +initialDomain[1]],\n          currentScale as AnyNumberScale,\n          -delta,\n          false,\n          allAxesHaveInfiniteZoom,\n        );\n\n        nextDomain = [min, max];\n\n        const panCurrentDomain = currentScale.domain() as number[] | Date[];\n        if (!isSameDomain([min, max], panCurrentDomain)) {\n          handleZoomChange(axis, min, max, ZOOM_CHANGE_TYPE.Panning);\n        }\n      }\n\n      const currentDomain = currentScale.domain();\n\n      newCurrentDomain.set(\n        axis.id,\n        nextDomain\n          ? { min: nextDomain[0], max: nextDomain[1] }\n          : { min: +currentDomain[0], max: +currentDomain[1] },\n      );\n    }\n\n    resetSelectionState?.();\n    setState(reducePanDomain(newCurrentDomain));\n    reset();\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AAEjC,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAE5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB,uBAAuB;AACjD,SAAS,wBAAwB;AAK1B,MAAM,mBAAmB,MAAM;AACpC,QAAM,WAAW,YAAY;AAC7B,QAAM,iBAAiB,iBAAiB;AACxC,QAAM,EAAE,KAAK,IAAI,eAAe;AAChC,QAAM,EAAE,oBAAoB,IAAI,yBAAyB;AACzD,QAAM,EAAE,MAAM,IAAI,kBAAkB;AAEpC,SAAO,CAAC,UAAkB;AACxB,UAAM,mBAAkD,oBAAI,IAAI;AAEhE,UAAM,0BAA0B,KAC7B,OAAO,CAAC,SAAS,iBAAiB,IAAI,KAAK,gBAAgB,IAAI,CAAC,EAChE,MAAM,wBAAwB;AAEjC,eAAW,QAAQ,MAAM;AACvB,UAAI;AACJ,YAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAC5D,UAAI,gBAAgB,IAAI,GAAG;AACzB,cAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAC5D,cAAM,gBAAgB,aAAa,OAAO;AAE1C,cAAM,CAAC,KAAK,GAAG,IAAI;AAAA,UACjB,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;AAAA,UACrC;AAAA,UACA,CAAC;AAAA,UACD;AAAA,UACA;AAAA,QACF;AAEA,qBAAa,CAAC,KAAK,GAAG;AAEtB,cAAM,mBAAmB,aAAa,OAAO;AAC7C,YAAI,CAAC,aAAa,CAAC,KAAK,GAAG,GAAG,gBAAgB,GAAG;AAC/C,2BAAiB,MAAM,KAAK,KAAK,iBAAiB,OAAO;AAAA,QAC3D;AAAA,MACF;AAEA,YAAM,gBAAgB,aAAa,OAAO;AAE1C,uBAAiB;AAAA,QACf,KAAK;AAAA,QACL,aACI,EAAE,KAAK,WAAW,CAAC,GAAG,KAAK,WAAW,CAAC,EAAE,IACzC,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,EAAE;AAAA,MACvD;AAAA,IACF;AAEA,0BAAsB;AACtB,aAAS,gBAAgB,gBAAgB,CAAC;AAC1C,UAAM;AAAA,EACR;AACF;",
+  "sourcesContent": ["import { useTooltipActions } from '../../../../core/components/overlay-tooltip/useTooltipActions.js';\nimport { useSynchronizedSelection } from '../../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js';\nimport { getNextPanDomain } from '../../../../core/components/zoom/utils/get-next-pan-domain.js';\nimport type { AnyNumberScale } from '../../../../core/types/scales.js';\nimport { ZOOM_CHANGE_TYPE } from '../../../../core/types/zoom.js';\nimport { isSameDomain } from '../../../../core/utils/zoom.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../../../hooks/useXYChartScales.js';\nimport { reducePanDomain } from '../../../store/reducer-pan.js';\nimport { useSetState } from '../../../store/selectors.js';\nimport { type XYChartState } from '../../../types/state.js';\nimport {\n  isInfiniteZoomEnabledFor,\n  isPanEnabledFor,\n} from '../../../utils/axis-interactions.js';\nimport { getCurrentScale, getInitialScale } from '../../../utils/get-scale.js';\nimport { handleZoomChange } from '../utils/zoom-change-handler.js';\n\n/**\n * Returns a callback which given a delta in pixels, will apply the pan interaction and update the state accordingly\n */\nexport const useApplyPanDelta = () => {\n  const setState = useSetState();\n  const axisIdToScales = useXYChartScales();\n  const { axes } = useXYChartData();\n  const { resetSelectionState } = useSynchronizedSelection();\n  const { reset } = useTooltipActions();\n\n  return (delta: number) => {\n    const newCurrentDomain: XYChartState['currentDomain'] = new Map();\n\n    const allAxesHaveInfiniteZoom = axes\n      .filter(isPanEnabledFor)\n      .every(isInfiniteZoomEnabledFor);\n\n    for (const axis of axes) {\n      let nextDomain;\n      const currentScale = getCurrentScale(axisIdToScales, axis.id);\n      if (isPanEnabledFor(axis)) {\n        const initialScale = getInitialScale(axisIdToScales, axis.id);\n        const initialDomain = initialScale.domain();\n\n        const [min, max] = getNextPanDomain(\n          [+initialDomain[0], +initialDomain[1]],\n          currentScale as AnyNumberScale,\n          -delta,\n          false,\n          allAxesHaveInfiniteZoom,\n        );\n\n        nextDomain = [min, max];\n\n        const panCurrentDomain = currentScale.domain() as number[] | Date[];\n        if (!isSameDomain([min, max], panCurrentDomain)) {\n          handleZoomChange(axis, min, max, ZOOM_CHANGE_TYPE.Panning);\n        }\n      }\n\n      const currentDomain = currentScale.domain();\n\n      newCurrentDomain.set(\n        axis.id,\n        nextDomain\n          ? { min: nextDomain[0], max: nextDomain[1] }\n          : { min: +currentDomain[0], max: +currentDomain[1] },\n      );\n    }\n\n    resetSelectionState?.();\n    setState(reducePanDomain(newCurrentDomain));\n    reset();\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AAEjC,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAE5B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB,uBAAuB;AACjD,SAAS,wBAAwB;AAK1B,MAAM,mBAAmB,MAAM;AACpC,QAAM,WAAW,YAAY;AAC7B,QAAM,iBAAiB,iBAAiB;AACxC,QAAM,EAAE,KAAK,IAAI,eAAe;AAChC,QAAM,EAAE,oBAAoB,IAAI,yBAAyB;AACzD,QAAM,EAAE,MAAM,IAAI,kBAAkB;AAEpC,SAAO,CAAC,UAAkB;AACxB,UAAM,mBAAkD,oBAAI,IAAI;AAEhE,UAAM,0BAA0B,KAC7B,OAAO,eAAe,EACtB,MAAM,wBAAwB;AAEjC,eAAW,QAAQ,MAAM;AACvB,UAAI;AACJ,YAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAC5D,UAAI,gBAAgB,IAAI,GAAG;AACzB,cAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAC5D,cAAM,gBAAgB,aAAa,OAAO;AAE1C,cAAM,CAAC,KAAK,GAAG,IAAI;AAAA,UACjB,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;AAAA,UACrC;AAAA,UACA,CAAC;AAAA,UACD;AAAA,UACA;AAAA,QACF;AAEA,qBAAa,CAAC,KAAK,GAAG;AAEtB,cAAM,mBAAmB,aAAa,OAAO;AAC7C,YAAI,CAAC,aAAa,CAAC,KAAK,GAAG,GAAG,gBAAgB,GAAG;AAC/C,2BAAiB,MAAM,KAAK,KAAK,iBAAiB,OAAO;AAAA,QAC3D;AAAA,MACF;AAEA,YAAM,gBAAgB,aAAa,OAAO;AAE1C,uBAAiB;AAAA,QACf,KAAK;AAAA,QACL,aACI,EAAE,KAAK,WAAW,CAAC,GAAG,KAAK,WAAW,CAAC,EAAE,IACzC,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,EAAE;AAAA,MACvD;AAAA,IACF;AAEA,0BAAsB;AACtB,aAAS,gBAAgB,gBAAgB,CAAC;AAC1C,UAAM;AAAA,EACR;AACF;",
   "names": []
 }

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

@@ -8,6 +8,7 @@ import { reduceZoomDomain } from "../../../store/reducer-zoom.js";
 import { useSetState } from "../../../store/selectors.js";
 import {
   isInfiniteZoomEnabledFor,
+  isPanEnabledFor,
   isZoomEnabledFor
 } from "../../../utils/axis-interactions.js";
 import { getCurrentScale, getInitialScale } from "../../../utils/get-scale.js";
@@ -22,6 +23,7 @@ const useApplyZoomDelta = () => {
     const newCurrentDomain = /* @__PURE__ */ new Map();
     let zoomInEnabled = false;
     let zoomOutEnabled = false;
+    let panEnabled = false;
     const allAxesHaveInfiniteZoom = axes.filter(isZoomEnabledFor).every((axis) => isInfiniteZoomEnabledFor(axis));
     for (const axis of axes) {
       if (isZoomEnabledFor(axis)) {
@@ -41,6 +43,7 @@ const useApplyZoomDelta = () => {
         );
         zoomInEnabled ||= inEnabled;
         zoomOutEnabled ||= outEnabled;
+        panEnabled ||= isPanEnabledFor(axis) && outEnabled;
         newCurrentDomain.set(
           axis.id,
           nextDomain ? { min: nextDomain[0].valueOf(), max: nextDomain[1].valueOf() } : void 0
@@ -52,7 +55,14 @@ const useApplyZoomDelta = () => {
       }
     }
     resetSelectionState?.();
-    setState(reduceZoomDomain(newCurrentDomain, zoomInEnabled, zoomOutEnabled));
+    setState(
+      reduceZoomDomain(
+        newCurrentDomain,
+        zoomInEnabled,
+        zoomOutEnabled,
+        panEnabled
+      )
+    );
     reset();
   };
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/overlay/hooks/useApplyZoomDelta.ts"],
-  "sourcesContent": ["import { useTooltipActions } from '../../../../core/components/overlay-tooltip/useTooltipActions.js';\nimport { useSynchronizedSelection } from '../../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js';\nimport { getZoomStep } from '../../../../core/components/zoom/utils/get-zoom-step.js';\nimport type { AnyNumberScale } from '../../../../core/types/scales.js';\nimport type { ZoomChangeType } from '../../../../core/types/zoom.js';\nimport { isSameDomain } from '../../../../core/utils/zoom.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../../../hooks/useXYChartScales.js';\nimport { reduceZoomDomain } from '../../../store/reducer-zoom.js';\nimport { useSetState } from '../../../store/selectors.js';\nimport type { XYChartState } from '../../../types/state.js';\nimport {\n  isInfiniteZoomEnabledFor,\n  isZoomEnabledFor,\n} from '../../../utils/axis-interactions.js';\nimport { getCurrentScale, getInitialScale } from '../../../utils/get-scale.js';\nimport { handleZoomChange } from '../utils/zoom-change-handler.js';\n\n/**\n * Returns a callback which given a delta in pixels, will apply the zoom interaction and update the state accordingly\n */\nexport const useApplyZoomDelta = () => {\n  const setState = useSetState();\n  const axisIdToScales = useXYChartScales();\n  const { axes } = useXYChartData();\n  const { resetSelectionState } = useSynchronizedSelection();\n  const { reset } = useTooltipActions();\n\n  return (deltaStart: number, deltaEnd: number, type: ZoomChangeType) => {\n    const newCurrentDomain: XYChartState['currentDomain'] = new Map();\n\n    let zoomInEnabled = false;\n    let zoomOutEnabled = false;\n\n    const allAxesHaveInfiniteZoom = axes\n      .filter(isZoomEnabledFor)\n      .every((axis) => isInfiniteZoomEnabledFor(axis));\n\n    for (const axis of axes) {\n      if (isZoomEnabledFor(axis)) {\n        const currentScale = getCurrentScale(axisIdToScales, axis.id);\n        const initialScale = getInitialScale(axisIdToScales, axis.id);\n\n        const initialDomain = initialScale.domain();\n\n        const {\n          nextDomain,\n          zoomInEnabled: inEnabled,\n          zoomOutEnabled: outEnabled,\n        } = getZoomStep(\n          currentScale as AnyNumberScale,\n          [+initialDomain[0], +initialDomain[1]],\n          allAxesHaveInfiniteZoom,\n          deltaStart,\n          deltaEnd,\n        );\n\n        zoomInEnabled ||= inEnabled;\n        zoomOutEnabled ||= outEnabled;\n\n        newCurrentDomain.set(\n          axis.id,\n          nextDomain\n            ? { min: nextDomain[0].valueOf(), max: nextDomain[1].valueOf() }\n            : undefined,\n        );\n\n        const zoomCurrentDomain = currentScale.domain() as (number | Date)[];\n        if (!isSameDomain(nextDomain as (number | Date)[], zoomCurrentDomain)) {\n          handleZoomChange(axis, nextDomain[0], nextDomain[1], type);\n        }\n      }\n    }\n    resetSelectionState?.();\n    setState(reduceZoomDomain(newCurrentDomain, zoomInEnabled, zoomOutEnabled));\n    reset();\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AACzC,SAAS,mBAAmB;AAG5B,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAE5B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB,uBAAuB;AACjD,SAAS,wBAAwB;AAK1B,MAAM,oBAAoB,MAAM;AACrC,QAAM,WAAW,YAAY;AAC7B,QAAM,iBAAiB,iBAAiB;AACxC,QAAM,EAAE,KAAK,IAAI,eAAe;AAChC,QAAM,EAAE,oBAAoB,IAAI,yBAAyB;AACzD,QAAM,EAAE,MAAM,IAAI,kBAAkB;AAEpC,SAAO,CAAC,YAAoB,UAAkB,SAAyB;AACrE,UAAM,mBAAkD,oBAAI,IAAI;AAEhE,QAAI,gBAAgB;AACpB,QAAI,iBAAiB;AAErB,UAAM,0BAA0B,KAC7B,OAAO,gBAAgB,EACvB,MAAM,CAAC,SAAS,yBAAyB,IAAI,CAAC;AAEjD,eAAW,QAAQ,MAAM;AACvB,UAAI,iBAAiB,IAAI,GAAG;AAC1B,cAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAC5D,cAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAE5D,cAAM,gBAAgB,aAAa,OAAO;AAE1C,cAAM;AAAA,UACJ;AAAA,UACA,eAAe;AAAA,UACf,gBAAgB;AAAA,QAClB,IAAI;AAAA,UACF;AAAA,UACA,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;AAAA,UACrC;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAEA,0BAAkB;AAClB,2BAAmB;AAEnB,yBAAiB;AAAA,UACf,KAAK;AAAA,UACL,aACI,EAAE,KAAK,WAAW,CAAC,EAAE,QAAQ,GAAG,KAAK,WAAW,CAAC,EAAE,QAAQ,EAAE,IAC7D;AAAA,QACN;AAEA,cAAM,oBAAoB,aAAa,OAAO;AAC9C,YAAI,CAAC,aAAa,YAAiC,iBAAiB,GAAG;AACrE,2BAAiB,MAAM,WAAW,CAAC,GAAG,WAAW,CAAC,GAAG,IAAI;AAAA,QAC3D;AAAA,MACF;AAAA,IACF;AACA,0BAAsB;AACtB,aAAS,iBAAiB,kBAAkB,eAAe,cAAc,CAAC;AAC1E,UAAM;AAAA,EACR;AACF;",
+  "sourcesContent": ["import { useTooltipActions } from '../../../../core/components/overlay-tooltip/useTooltipActions.js';\nimport { useSynchronizedSelection } from '../../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js';\nimport { getZoomStep } from '../../../../core/components/zoom/utils/get-zoom-step.js';\nimport type { AnyNumberScale } from '../../../../core/types/scales.js';\nimport type { ZoomChangeType } from '../../../../core/types/zoom.js';\nimport { isSameDomain } from '../../../../core/utils/zoom.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../../../hooks/useXYChartScales.js';\nimport { reduceZoomDomain } from '../../../store/reducer-zoom.js';\nimport { useSetState } from '../../../store/selectors.js';\nimport type { XYChartState } from '../../../types/state.js';\nimport {\n  isInfiniteZoomEnabledFor,\n  isPanEnabledFor,\n  isZoomEnabledFor,\n} from '../../../utils/axis-interactions.js';\nimport { getCurrentScale, getInitialScale } from '../../../utils/get-scale.js';\nimport { handleZoomChange } from '../utils/zoom-change-handler.js';\n\n/**\n * Returns a callback which given a delta in pixels, will apply the zoom interaction and update the state accordingly\n */\nexport const useApplyZoomDelta = () => {\n  const setState = useSetState();\n  const axisIdToScales = useXYChartScales();\n  const { axes } = useXYChartData();\n  const { resetSelectionState } = useSynchronizedSelection();\n  const { reset } = useTooltipActions();\n\n  return (deltaStart: number, deltaEnd: number, type: ZoomChangeType) => {\n    const newCurrentDomain: XYChartState['currentDomain'] = new Map();\n\n    let zoomInEnabled = false;\n    let zoomOutEnabled = false;\n    let panEnabled = false;\n\n    const allAxesHaveInfiniteZoom = axes\n      .filter(isZoomEnabledFor)\n      .every((axis) => isInfiniteZoomEnabledFor(axis));\n\n    for (const axis of axes) {\n      if (isZoomEnabledFor(axis)) {\n        const currentScale = getCurrentScale(axisIdToScales, axis.id);\n        const initialScale = getInitialScale(axisIdToScales, axis.id);\n\n        const initialDomain = initialScale.domain();\n\n        const {\n          nextDomain,\n          zoomInEnabled: inEnabled,\n          zoomOutEnabled: outEnabled,\n        } = getZoomStep(\n          currentScale as AnyNumberScale,\n          [+initialDomain[0], +initialDomain[1]],\n          allAxesHaveInfiniteZoom,\n          deltaStart,\n          deltaEnd,\n        );\n\n        zoomInEnabled ||= inEnabled;\n        zoomOutEnabled ||= outEnabled;\n        panEnabled ||= isPanEnabledFor(axis) && outEnabled;\n\n        newCurrentDomain.set(\n          axis.id,\n          nextDomain\n            ? { min: nextDomain[0].valueOf(), max: nextDomain[1].valueOf() }\n            : undefined,\n        );\n\n        const zoomCurrentDomain = currentScale.domain() as (number | Date)[];\n        if (!isSameDomain(nextDomain as (number | Date)[], zoomCurrentDomain)) {\n          handleZoomChange(axis, nextDomain[0], nextDomain[1], type);\n        }\n      }\n    }\n    resetSelectionState?.();\n    setState(\n      reduceZoomDomain(\n        newCurrentDomain,\n        zoomInEnabled,\n        zoomOutEnabled,\n        panEnabled,\n      ),\n    );\n    reset();\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AACzC,SAAS,mBAAmB;AAG5B,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAE5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB,uBAAuB;AACjD,SAAS,wBAAwB;AAK1B,MAAM,oBAAoB,MAAM;AACrC,QAAM,WAAW,YAAY;AAC7B,QAAM,iBAAiB,iBAAiB;AACxC,QAAM,EAAE,KAAK,IAAI,eAAe;AAChC,QAAM,EAAE,oBAAoB,IAAI,yBAAyB;AACzD,QAAM,EAAE,MAAM,IAAI,kBAAkB;AAEpC,SAAO,CAAC,YAAoB,UAAkB,SAAyB;AACrE,UAAM,mBAAkD,oBAAI,IAAI;AAEhE,QAAI,gBAAgB;AACpB,QAAI,iBAAiB;AACrB,QAAI,aAAa;AAEjB,UAAM,0BAA0B,KAC7B,OAAO,gBAAgB,EACvB,MAAM,CAAC,SAAS,yBAAyB,IAAI,CAAC;AAEjD,eAAW,QAAQ,MAAM;AACvB,UAAI,iBAAiB,IAAI,GAAG;AAC1B,cAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAC5D,cAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAE5D,cAAM,gBAAgB,aAAa,OAAO;AAE1C,cAAM;AAAA,UACJ;AAAA,UACA,eAAe;AAAA,UACf,gBAAgB;AAAA,QAClB,IAAI;AAAA,UACF;AAAA,UACA,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;AAAA,UACrC;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAEA,0BAAkB;AAClB,2BAAmB;AACnB,uBAAe,gBAAgB,IAAI,KAAK;AAExC,yBAAiB;AAAA,UACf,KAAK;AAAA,UACL,aACI,EAAE,KAAK,WAAW,CAAC,EAAE,QAAQ,GAAG,KAAK,WAAW,CAAC,EAAE,QAAQ,EAAE,IAC7D;AAAA,QACN;AAEA,cAAM,oBAAoB,aAAa,OAAO;AAC9C,YAAI,CAAC,aAAa,YAAiC,iBAAiB,GAAG;AACrE,2BAAiB,MAAM,WAAW,CAAC,GAAG,WAAW,CAAC,GAAG,IAAI;AAAA,QAC3D;AAAA,MACF;AAAA,IACF;AACA,0BAAsB;AACtB;AAAA,MACE;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AACA,UAAM;AAAA,EACR;AACF;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-import { useEffect } from "react";
+import { useContext, useEffect } from "react";
 import { useApplyPanDelta } from "./useApplyPanDelta.js";
 import { useApplyZoomDelta } from "./useApplyZoomDelta.js";
 import { useResetInteractions } from "./useResetInteractions.js";
@@ -16,6 +16,7 @@ import { useSynchronizedSelection } from "../../../../core/components/shared-cha
 import { ZOOM_CHANGE_TYPE } from "../../../../core/types/zoom.js";
 import { getPercentageFromPixel } from "../../../../core/utils/get-percentage-from-pixel.js";
 import { isTouchableDevice } from "../../../../core/utils/is-touchable-device.js";
+import { XYChartOnEventContext } from "../../../context/XYChartOnEvent.context.js";
 import { useAreaData } from "../../../hooks/useAreaData.js";
 import { useBarData } from "../../../hooks/useBarData.js";
 import { useDotData } from "../../../hooks/useDotData.js";
@@ -41,6 +42,7 @@ import {
   useZoomState
 } from "../../../store/selectors.js";
 const useOverlayEvents = () => {
+  const { onEvent } = useContext(XYChartOnEventContext);
   const { filteredSeriesWithDatapoints: rectSeriesData } = useRectData();
   const { filteredSeriesWithDatapoints: barSeriesData } = useBarData();
   const { filteredSeriesWithDatapoints: dotSeriesData } = useDotData();
@@ -91,7 +93,7 @@ const useOverlayEvents = () => {
     unpin();
   }, [dismissChartAt]);
   const handleModeChange = (event) => {
-    const canPan = axesMetadata.isPanEnabled && zoomState.zoomOutEnabled;
+    const canPan = axesMetadata.isPanEnabled && zoomState.panEnabled;
     const shouldSwitchToPanMode = event.mode === "pan" && canPan;
     const shouldSwitchToZoomMode = event.mode === "zoom" && axesMetadata.isZoomEnabled;
     if (shouldSwitchToPanMode || shouldSwitchToZoomMode) {
@@ -126,12 +128,18 @@ const useOverlayEvents = () => {
     );
   };
   const handleTogglePin = (shouldPin, position) => {
+    let datapoint;
     if (shouldPin) {
-      handlePin(position);
+      if (!position) {
+        updateSynchronizedCrosshair?.(void 0);
+        return;
+      }
+      datapoint = handlePin(position);
       updateSynchronizedCrosshair?.(void 0);
     } else {
-      handleUnPin(position);
+      datapoint = handleUnPin(position);
     }
+    onEvent?.({ event: "click", datapoint });
   };
   const handleUnPin = (position) => {
     setState(reduceExploreUnPin);
@@ -150,14 +158,13 @@ const useOverlayEvents = () => {
           }
         );
       }
+      return metadata.preferred?.datapoint;
     } else {
       resetTooltip();
+      return void 0;
     }
   };
   const handlePin = (position) => {
-    if (!position) {
-      return;
-    }
     const metadata = getDatapoints(position);
     dismissAnnotation();
     if (metadata.preferred) {
@@ -172,6 +179,7 @@ const useOverlayEvents = () => {
         }
       );
     }
+    return metadata.preferred?.datapoint;
   };
   const handleReset = (event) => {
     const { mousePosition: position } = event;

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

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

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

@@ -8,6 +8,7 @@ import { reduceZoomDomain } from "../../../store/reducer-zoom.js";
 import { useSelectState, useSetState } from "../../../store/selectors.js";
 import {
   isInfiniteZoomEnabledFor,
+  isPanEnabledFor,
   isZoomEnabledFor
 } from "../../../utils/axis-interactions.js";
 import { getCurrentScale, getInitialScale } from "../../../utils/get-scale.js";
@@ -20,6 +21,7 @@ const useZoomToSelection = () => {
   const { resetSelectionState } = useSynchronizedSelection();
   let zoomInEnabled = false;
   let zoomOutEnabled = false;
+  let panEnabled = false;
   return () => {
     const newCurrentDomain = /* @__PURE__ */ new Map();
     if (!select) {
@@ -44,6 +46,7 @@ const useZoomToSelection = () => {
         );
         zoomInEnabled ||= inEnabled;
         zoomOutEnabled ||= outEnabled;
+        panEnabled ||= isPanEnabledFor(axis) && outEnabled;
         newCurrentDomain.set(
           axis.id,
           nextDomain ? { min: nextDomain[0].valueOf(), max: nextDomain[1].valueOf() } : void 0
@@ -60,7 +63,14 @@ const useZoomToSelection = () => {
       }
     }
     resetSelectionState?.();
-    setState(reduceZoomDomain(newCurrentDomain, zoomInEnabled, zoomOutEnabled));
+    setState(
+      reduceZoomDomain(
+        newCurrentDomain,
+        zoomInEnabled,
+        zoomOutEnabled,
+        panEnabled
+      )
+    );
   };
 };
 export {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/overlay/hooks/useZoomToSelection.ts"],
-  "sourcesContent": ["import { useSynchronizedSelection } from '../../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js';\nimport { getZoomStep } from '../../../../core/components/zoom/utils/get-zoom-step.js';\nimport type { AnyNumberScale } from '../../../../core/types/scales.js';\nimport { ZOOM_CHANGE_TYPE } from '../../../../core/types/zoom.js';\nimport { isSameDomain } from '../../../../core/utils/zoom.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../../../hooks/useXYChartScales.js';\nimport { reduceZoomDomain } from '../../../store/reducer-zoom.js';\nimport { useSelectState, useSetState } from '../../../store/selectors.js';\nimport type { XYChartState } from '../../../types/state.js';\nimport {\n  isInfiniteZoomEnabledFor,\n  isZoomEnabledFor,\n} from '../../../utils/axis-interactions.js';\nimport { getCurrentScale, getInitialScale } from '../../../utils/get-scale.js';\nimport { handleZoomChange } from '../utils/zoom-change-handler.js';\n\nexport const useZoomToSelection = () => {\n  const setState = useSetState();\n  const axisIdToScales = useXYChartScales();\n  const { axes } = useXYChartData();\n  const select = useSelectState();\n  const { resetSelectionState } = useSynchronizedSelection();\n\n  let zoomInEnabled = false;\n  let zoomOutEnabled = false;\n\n  return () => {\n    const newCurrentDomain: XYChartState['currentDomain'] = new Map();\n\n    if (!select) {\n      return;\n    }\n\n    for (const axis of axes) {\n      if (isZoomEnabledFor(axis)) {\n        const currentScale = getCurrentScale(axisIdToScales, axis.id);\n        const initialScale = getInitialScale(axisIdToScales, axis.id);\n\n        const initialDomain = initialScale.domain() as number[] | Date[];\n\n        const {\n          nextDomain,\n          zoomInEnabled: inEnabled,\n          zoomOutEnabled: outEnabled,\n        } = getZoomStep(\n          currentScale as AnyNumberScale,\n          [+initialDomain[0], +initialDomain[1]],\n          isInfiniteZoomEnabledFor(axis),\n          select.start.relative.x,\n          select.end.relative.x,\n          'zoom-x',\n        );\n\n        zoomInEnabled ||= inEnabled;\n        zoomOutEnabled ||= outEnabled;\n\n        newCurrentDomain.set(\n          axis.id,\n          nextDomain\n            ? { min: nextDomain[0].valueOf(), max: nextDomain[1].valueOf() }\n            : undefined,\n        );\n\n        const selectionCurrentDomain = currentScale.domain() as (\n          | number\n          | Date\n        )[];\n        if (\n          !isSameDomain(nextDomain as (number | Date)[], selectionCurrentDomain)\n        ) {\n          handleZoomChange(\n            axis,\n            nextDomain[0],\n            nextDomain[1],\n            ZOOM_CHANGE_TYPE.ZoomX,\n          );\n        }\n      }\n    }\n    resetSelectionState?.();\n    setState(reduceZoomDomain(newCurrentDomain, zoomInEnabled, zoomOutEnabled));\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,gCAAgC;AACzC,SAAS,mBAAmB;AAE5B,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,gBAAgB,mBAAmB;AAE5C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB,uBAAuB;AACjD,SAAS,wBAAwB;AAE1B,MAAM,qBAAqB,MAAM;AACtC,QAAM,WAAW,YAAY;AAC7B,QAAM,iBAAiB,iBAAiB;AACxC,QAAM,EAAE,KAAK,IAAI,eAAe;AAChC,QAAM,SAAS,eAAe;AAC9B,QAAM,EAAE,oBAAoB,IAAI,yBAAyB;AAEzD,MAAI,gBAAgB;AACpB,MAAI,iBAAiB;AAErB,SAAO,MAAM;AACX,UAAM,mBAAkD,oBAAI,IAAI;AAEhE,QAAI,CAAC,QAAQ;AACX;AAAA,IACF;AAEA,eAAW,QAAQ,MAAM;AACvB,UAAI,iBAAiB,IAAI,GAAG;AAC1B,cAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAC5D,cAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAE5D,cAAM,gBAAgB,aAAa,OAAO;AAE1C,cAAM;AAAA,UACJ;AAAA,UACA,eAAe;AAAA,UACf,gBAAgB;AAAA,QAClB,IAAI;AAAA,UACF;AAAA,UACA,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;AAAA,UACrC,yBAAyB,IAAI;AAAA,UAC7B,OAAO,MAAM,SAAS;AAAA,UACtB,OAAO,IAAI,SAAS;AAAA,UACpB;AAAA,QACF;AAEA,0BAAkB;AAClB,2BAAmB;AAEnB,yBAAiB;AAAA,UACf,KAAK;AAAA,UACL,aACI,EAAE,KAAK,WAAW,CAAC,EAAE,QAAQ,GAAG,KAAK,WAAW,CAAC,EAAE,QAAQ,EAAE,IAC7D;AAAA,QACN;AAEA,cAAM,yBAAyB,aAAa,OAAO;AAInD,YACE,CAAC,aAAa,YAAiC,sBAAsB,GACrE;AACA;AAAA,YACE;AAAA,YACA,WAAW,CAAC;AAAA,YACZ,WAAW,CAAC;AAAA,YACZ,iBAAiB;AAAA,UACnB;AAAA,QACF;AAAA,MACF;AAAA,IACF;AACA,0BAAsB;AACtB,aAAS,iBAAiB,kBAAkB,eAAe,cAAc,CAAC;AAAA,EAC5E;AACF;",
+  "sourcesContent": ["import { useSynchronizedSelection } from '../../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js';\nimport { getZoomStep } from '../../../../core/components/zoom/utils/get-zoom-step.js';\nimport type { AnyNumberScale } from '../../../../core/types/scales.js';\nimport { ZOOM_CHANGE_TYPE } from '../../../../core/types/zoom.js';\nimport { isSameDomain } from '../../../../core/utils/zoom.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../../../hooks/useXYChartScales.js';\nimport { reduceZoomDomain } from '../../../store/reducer-zoom.js';\nimport { useSelectState, useSetState } from '../../../store/selectors.js';\nimport type { XYChartState } from '../../../types/state.js';\nimport {\n  isInfiniteZoomEnabledFor,\n  isPanEnabledFor,\n  isZoomEnabledFor,\n} from '../../../utils/axis-interactions.js';\nimport { getCurrentScale, getInitialScale } from '../../../utils/get-scale.js';\nimport { handleZoomChange } from '../utils/zoom-change-handler.js';\n\nexport const useZoomToSelection = () => {\n  const setState = useSetState();\n  const axisIdToScales = useXYChartScales();\n  const { axes } = useXYChartData();\n  const select = useSelectState();\n  const { resetSelectionState } = useSynchronizedSelection();\n\n  let zoomInEnabled = false;\n  let zoomOutEnabled = false;\n  let panEnabled = false;\n\n  return () => {\n    const newCurrentDomain: XYChartState['currentDomain'] = new Map();\n\n    if (!select) {\n      return;\n    }\n\n    for (const axis of axes) {\n      if (isZoomEnabledFor(axis)) {\n        const currentScale = getCurrentScale(axisIdToScales, axis.id);\n        const initialScale = getInitialScale(axisIdToScales, axis.id);\n\n        const initialDomain = initialScale.domain() as number[] | Date[];\n\n        const {\n          nextDomain,\n          zoomInEnabled: inEnabled,\n          zoomOutEnabled: outEnabled,\n        } = getZoomStep(\n          currentScale as AnyNumberScale,\n          [+initialDomain[0], +initialDomain[1]],\n          isInfiniteZoomEnabledFor(axis),\n          select.start.relative.x,\n          select.end.relative.x,\n          'zoom-x',\n        );\n\n        zoomInEnabled ||= inEnabled;\n        zoomOutEnabled ||= outEnabled;\n        panEnabled ||= isPanEnabledFor(axis) && outEnabled;\n\n        newCurrentDomain.set(\n          axis.id,\n          nextDomain\n            ? { min: nextDomain[0].valueOf(), max: nextDomain[1].valueOf() }\n            : undefined,\n        );\n\n        const selectionCurrentDomain = currentScale.domain() as (\n          | number\n          | Date\n        )[];\n        if (\n          !isSameDomain(nextDomain as (number | Date)[], selectionCurrentDomain)\n        ) {\n          handleZoomChange(\n            axis,\n            nextDomain[0],\n            nextDomain[1],\n            ZOOM_CHANGE_TYPE.ZoomX,\n          );\n        }\n      }\n    }\n    resetSelectionState?.();\n    setState(\n      reduceZoomDomain(\n        newCurrentDomain,\n        zoomInEnabled,\n        zoomOutEnabled,\n        panEnabled,\n      ),\n    );\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,gCAAgC;AACzC,SAAS,mBAAmB;AAE5B,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,gBAAgB,mBAAmB;AAE5C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB,uBAAuB;AACjD,SAAS,wBAAwB;AAE1B,MAAM,qBAAqB,MAAM;AACtC,QAAM,WAAW,YAAY;AAC7B,QAAM,iBAAiB,iBAAiB;AACxC,QAAM,EAAE,KAAK,IAAI,eAAe;AAChC,QAAM,SAAS,eAAe;AAC9B,QAAM,EAAE,oBAAoB,IAAI,yBAAyB;AAEzD,MAAI,gBAAgB;AACpB,MAAI,iBAAiB;AACrB,MAAI,aAAa;AAEjB,SAAO,MAAM;AACX,UAAM,mBAAkD,oBAAI,IAAI;AAEhE,QAAI,CAAC,QAAQ;AACX;AAAA,IACF;AAEA,eAAW,QAAQ,MAAM;AACvB,UAAI,iBAAiB,IAAI,GAAG;AAC1B,cAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAC5D,cAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAE5D,cAAM,gBAAgB,aAAa,OAAO;AAE1C,cAAM;AAAA,UACJ;AAAA,UACA,eAAe;AAAA,UACf,gBAAgB;AAAA,QAClB,IAAI;AAAA,UACF;AAAA,UACA,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;AAAA,UACrC,yBAAyB,IAAI;AAAA,UAC7B,OAAO,MAAM,SAAS;AAAA,UACtB,OAAO,IAAI,SAAS;AAAA,UACpB;AAAA,QACF;AAEA,0BAAkB;AAClB,2BAAmB;AACnB,uBAAe,gBAAgB,IAAI,KAAK;AAExC,yBAAiB;AAAA,UACf,KAAK;AAAA,UACL,aACI,EAAE,KAAK,WAAW,CAAC,EAAE,QAAQ,GAAG,KAAK,WAAW,CAAC,EAAE,QAAQ,EAAE,IAC7D;AAAA,QACN;AAEA,cAAM,yBAAyB,aAAa,OAAO;AAInD,YACE,CAAC,aAAa,YAAiC,sBAAsB,GACrE;AACA;AAAA,YACE;AAAA,YACA,WAAW,CAAC;AAAA,YACZ,WAAW,CAAC;AAAA,YACZ,iBAAiB;AAAA,UACnB;AAAA,QACF;AAAA,MACF;AAAA,IACF;AACA,0BAAsB;AACtB;AAAA,MACE;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

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

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

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

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

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

@@ -24,7 +24,7 @@ const PanButton = () => {
   const panButtonRef = useRef(null);
   const intl = useIntl();
   const tabIndex = useA11yToolbarTabIndex(INTERACTION_MODE.Pan);
-  const { zoomOutEnabled } = useZoomState();
+  const { panEnabled } = useZoomState();
   const interactionMode = useInteractionModeState();
   const { resetSelectionState } = useSynchronizedSelection();
   const isSelected = interactionMode === INTERACTION_MODE.Pan;
@@ -45,7 +45,7 @@ const PanButton = () => {
           {
             keys: "alt",
             variant: "minimal",
-            disabled: !zoomOutEnabled
+            disabled: !panEnabled
           }
         ),
         /* @__PURE__ */ jsx("span", { className: styledOrText, children: ` ${intl.formatMessage(TOOLBAR_MESSAGES.or)} ` }),
@@ -54,7 +54,7 @@ const PanButton = () => {
           {
             keys: KeyboardControls.KEYBOARD_PAN_MODE_SHORTCUT_ALTERNATIVE,
             variant: "minimal",
-            disabled: !zoomOutEnabled
+            disabled: !panEnabled
           }
         )
       ] }),
@@ -62,7 +62,7 @@ const PanButton = () => {
       onKeyDown: allowWhenKeyIsEnter(action),
       onClick: action,
       tabIndex,
-      disabled: !zoomOutEnabled,
+      disabled: !panEnabled,
       placement: "menu",
       "data-dt-name": "ToolbarPanMode"
     }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/toolbar/PanButton.tsx"],
-  "sourcesContent": ["import { useRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { PanHorizontalIcon } from '@dynatrace/strato-icons';\n\nimport { allowWhenKeyIsEnter } from './utils.js';\nimport { KeyboardShortcut } from '../../../../content/keyboard-shortcut/KeyboardShortcut.js';\nimport { KeyboardControls } from '../../../core/components/interactions-overlay/constants.js';\nimport { INTERACTION_MODE } from '../../../core/components/interactions-overlay/types.js';\nimport { useSynchronizedSelection } from '../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js';\nimport { ChartToolbarRenderer } from '../../../core/components/toolbar/ChartToolbarRenderer.js';\nimport { TOOLBAR_MESSAGES } from '../../../core/components/toolbar/messages.js';\nimport { styledOrText } from '../../../core/components/toolbar/styles.sty.js';\nimport { useA11yToolbarTabIndex } from '../../../core/hooks/useA11yToolbarTabIndex.js';\nimport { XYCHART_MESSAGES } from '../../messages/messages.js';\nimport { reduceInteractionMode } from '../../store/reduce-interaction-mode.js';\nimport { reduceExploreCancelAll } from '../../store/reducer-explorer.js';\nimport {\n  useInteractionModeState,\n  useSetState,\n  useZoomState,\n} from '../../store/selectors.js';\n\nexport const PanButton = () => {\n  const setState = useSetState();\n  const panButtonRef = useRef<HTMLButtonElement>(null);\n  const intl = useIntl();\n  const tabIndex = useA11yToolbarTabIndex(INTERACTION_MODE.Pan);\n  const { zoomOutEnabled } = useZoomState();\n  const interactionMode = useInteractionModeState();\n  const { resetSelectionState } = useSynchronizedSelection();\n\n  const isSelected = interactionMode === INTERACTION_MODE.Pan;\n\n  const action = () => {\n    resetSelectionState?.();\n    setState(reduceExploreCancelAll);\n    setState(reduceInteractionMode(INTERACTION_MODE.Pan));\n  };\n\n  return (\n    <ChartToolbarRenderer.Control\n      ref={panButtonRef}\n      prefixIcon={<PanHorizontalIcon />}\n      tooltipText={intl.formatMessage(XYCHART_MESSAGES.zoomModePan)}\n      menuShortcut={\n        <>\n          <KeyboardShortcut\n            keys=\"alt\"\n            variant=\"minimal\"\n            disabled={!zoomOutEnabled}\n          />\n          <span className={styledOrText}>\n            {` ${intl.formatMessage(TOOLBAR_MESSAGES.or)} `}\n          </span>\n          <KeyboardShortcut\n            keys={KeyboardControls.KEYBOARD_PAN_MODE_SHORTCUT_ALTERNATIVE}\n            variant=\"minimal\"\n            disabled={!zoomOutEnabled}\n          />\n        </>\n      }\n      selected={isSelected}\n      onKeyDown={allowWhenKeyIsEnter(action)}\n      onClick={action}\n      tabIndex={tabIndex}\n      disabled={!zoomOutEnabled}\n      placement=\"menu\"\n      data-dt-name=\"ToolbarPanMode\"\n    />\n  );\n};\n\nPanButton['displayName'] = 'PanButton';\n"],
-  "mappings": "AA2CkB,SAGV,UAHU,KAGV,YAHU;AA3ClB,SAAS,cAAc;AACvB,SAAS,eAAe;AAExB,SAAS,yBAAyB;AAElC,SAAS,2BAA2B;AACpC,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,gCAAgC;AACzC,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,8BAA8B;AACvC,SAAS,wBAAwB;AACjC,SAAS,6BAA6B;AACtC,SAAS,8BAA8B;AACvC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,YAAY,MAAM;AAC7B,QAAM,WAAW,YAAY;AAC7B,QAAM,eAAe,OAA0B,IAAI;AACnD,QAAM,OAAO,QAAQ;AACrB,QAAM,WAAW,uBAAuB,iBAAiB,GAAG;AAC5D,QAAM,EAAE,eAAe,IAAI,aAAa;AACxC,QAAM,kBAAkB,wBAAwB;AAChD,QAAM,EAAE,oBAAoB,IAAI,yBAAyB;AAEzD,QAAM,aAAa,oBAAoB,iBAAiB;AAExD,QAAM,SAAS,MAAM;AACnB,0BAAsB;AACtB,aAAS,sBAAsB;AAC/B,aAAS,sBAAsB,iBAAiB,GAAG,CAAC;AAAA,EACtD;AAEA,SACE;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,KAAK;AAAA,MACL,YAAY,oBAAC,qBAAkB;AAAA,MAC/B,aAAa,KAAK,cAAc,iBAAiB,WAAW;AAAA,MAC5D,cACE,iCACE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,UAAU,CAAC;AAAA;AAAA,QACb;AAAA,QACA,oBAAC,UAAK,WAAW,cACd,cAAI,KAAK,cAAc,iBAAiB,EAAE,CAAC,KAC9C;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,iBAAiB;AAAA,YACvB,SAAQ;AAAA,YACR,UAAU,CAAC;AAAA;AAAA,QACb;AAAA,SACF;AAAA,MAEF,UAAU;AAAA,MACV,WAAW,oBAAoB,MAAM;AAAA,MACrC,SAAS;AAAA,MACT;AAAA,MACA,UAAU,CAAC;AAAA,MACX,WAAU;AAAA,MACV,gBAAa;AAAA;AAAA,EACf;AAEJ;AAEA,UAAU,aAAa,IAAI;",
+  "sourcesContent": ["import { useRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { PanHorizontalIcon } from '@dynatrace/strato-icons';\n\nimport { allowWhenKeyIsEnter } from './utils.js';\nimport { KeyboardShortcut } from '../../../../content/keyboard-shortcut/KeyboardShortcut.js';\nimport { KeyboardControls } from '../../../core/components/interactions-overlay/constants.js';\nimport { INTERACTION_MODE } from '../../../core/components/interactions-overlay/types.js';\nimport { useSynchronizedSelection } from '../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js';\nimport { ChartToolbarRenderer } from '../../../core/components/toolbar/ChartToolbarRenderer.js';\nimport { TOOLBAR_MESSAGES } from '../../../core/components/toolbar/messages.js';\nimport { styledOrText } from '../../../core/components/toolbar/styles.sty.js';\nimport { useA11yToolbarTabIndex } from '../../../core/hooks/useA11yToolbarTabIndex.js';\nimport { XYCHART_MESSAGES } from '../../messages/messages.js';\nimport { reduceInteractionMode } from '../../store/reduce-interaction-mode.js';\nimport { reduceExploreCancelAll } from '../../store/reducer-explorer.js';\nimport {\n  useInteractionModeState,\n  useSetState,\n  useZoomState,\n} from '../../store/selectors.js';\n\nexport const PanButton = () => {\n  const setState = useSetState();\n  const panButtonRef = useRef<HTMLButtonElement>(null);\n  const intl = useIntl();\n  const tabIndex = useA11yToolbarTabIndex(INTERACTION_MODE.Pan);\n  const { panEnabled } = useZoomState();\n  const interactionMode = useInteractionModeState();\n  const { resetSelectionState } = useSynchronizedSelection();\n\n  const isSelected = interactionMode === INTERACTION_MODE.Pan;\n\n  const action = () => {\n    resetSelectionState?.();\n    setState(reduceExploreCancelAll);\n    setState(reduceInteractionMode(INTERACTION_MODE.Pan));\n  };\n\n  return (\n    <ChartToolbarRenderer.Control\n      ref={panButtonRef}\n      prefixIcon={<PanHorizontalIcon />}\n      tooltipText={intl.formatMessage(XYCHART_MESSAGES.zoomModePan)}\n      menuShortcut={\n        <>\n          <KeyboardShortcut\n            keys=\"alt\"\n            variant=\"minimal\"\n            disabled={!panEnabled}\n          />\n          <span className={styledOrText}>\n            {` ${intl.formatMessage(TOOLBAR_MESSAGES.or)} `}\n          </span>\n          <KeyboardShortcut\n            keys={KeyboardControls.KEYBOARD_PAN_MODE_SHORTCUT_ALTERNATIVE}\n            variant=\"minimal\"\n            disabled={!panEnabled}\n          />\n        </>\n      }\n      selected={isSelected}\n      onKeyDown={allowWhenKeyIsEnter(action)}\n      onClick={action}\n      tabIndex={tabIndex}\n      disabled={!panEnabled}\n      placement=\"menu\"\n      data-dt-name=\"ToolbarPanMode\"\n    />\n  );\n};\n\nPanButton['displayName'] = 'PanButton';\n"],
+  "mappings": "AA2CkB,SAGV,UAHU,KAGV,YAHU;AA3ClB,SAAS,cAAc;AACvB,SAAS,eAAe;AAExB,SAAS,yBAAyB;AAElC,SAAS,2BAA2B;AACpC,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,gCAAgC;AACzC,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,8BAA8B;AACvC,SAAS,wBAAwB;AACjC,SAAS,6BAA6B;AACtC,SAAS,8BAA8B;AACvC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,YAAY,MAAM;AAC7B,QAAM,WAAW,YAAY;AAC7B,QAAM,eAAe,OAA0B,IAAI;AACnD,QAAM,OAAO,QAAQ;AACrB,QAAM,WAAW,uBAAuB,iBAAiB,GAAG;AAC5D,QAAM,EAAE,WAAW,IAAI,aAAa;AACpC,QAAM,kBAAkB,wBAAwB;AAChD,QAAM,EAAE,oBAAoB,IAAI,yBAAyB;AAEzD,QAAM,aAAa,oBAAoB,iBAAiB;AAExD,QAAM,SAAS,MAAM;AACnB,0BAAsB;AACtB,aAAS,sBAAsB;AAC/B,aAAS,sBAAsB,iBAAiB,GAAG,CAAC;AAAA,EACtD;AAEA,SACE;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,KAAK;AAAA,MACL,YAAY,oBAAC,qBAAkB;AAAA,MAC/B,aAAa,KAAK,cAAc,iBAAiB,WAAW;AAAA,MAC5D,cACE,iCACE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,UAAU,CAAC;AAAA;AAAA,QACb;AAAA,QACA,oBAAC,UAAK,WAAW,cACd,cAAI,KAAK,cAAc,iBAAiB,EAAE,CAAC,KAC9C;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,iBAAiB;AAAA,YACvB,SAAQ;AAAA,YACR,UAAU,CAAC;AAAA;AAAA,QACb;AAAA,SACF;AAAA,MAEF,UAAU;AAAA,MACV,WAAW,oBAAoB,MAAM;AAAA,MACrC,SAAS;AAAA,MACT;AAAA,MACA,UAAU,CAAC;AAAA,MACX,WAAU;AAAA,MACV,gBAAa;AAAA;AAAA,EACf;AAEJ;AAEA,UAAU,aAAa,IAAI;",
   "names": []
 }

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

@@ -1,5 +1,4 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useIntl } from "react-intl";
 import { DownloadDataButton } from "./DownloadDataButton.js";
 import { ExploreButton } from "./ExploreButton.js";
 import { PanButton } from "./PanButton.js";
@@ -17,7 +16,6 @@ import { useDownload } from "../../hooks/useDownload.js";
 import { useToolbar } from "../../hooks/useToolbar.js";
 import { useXYChartData } from "../../hooks/useXYChartData.js";
 import { useXYChartSelectionAreaRef } from "../../hooks/useXYChartSelectionAreaRef.js";
-import { XYCHART_MESSAGES } from "../../messages/messages.js";
 import { useInteractionModeState } from "../../store/selectors.js";
 import { buildAndDownloadCsv } from "../../utils/build-and-download-csv.js";
 const XYChartToolbar = ({
@@ -30,26 +28,29 @@ const XYChartToolbar = ({
   const { downloadDataCallback } = useDownload();
   const interactionMode = useInteractionModeState();
   const { axesMetadata } = useXYChartData();
-  const intl = useIntl();
   const selectionAreaRef = useXYChartSelectionAreaRef();
   const isZoomEnabled = axesMetadata.isZoomEnabled;
   const isPanEnabled = axesMetadata.isPanEnabled;
   const shouldHideInteractionControls = !isZoomEnabled && !isPanEnabled;
   const exploreBtnPlace = isZoomEnabled || isPanEnabled ? "menu" : "auto";
   const isDownloadEnabled = true;
-  const initialA11yState = getA11yToolbarConfig({
-    zoom: { enabled: isZoomEnabled },
-    pan: { enabled: isPanEnabled },
-    download: { enabled: isDownloadEnabled },
-    intent: !!intents
-  });
-  const menuIcon = getMenuTriggerIcon(interactionMode, isZoomEnabled);
-  const menuLabel = !isPanEnabled && !isZoomEnabled ? intl.formatMessage(XYCHART_MESSAGES.zoomModeExplore) : void 0;
   const menuDisplayMode = shouldHideInteractionControls ? "never" : getMenuTriggerDisplayMode({
     isPanEnabled,
     isZoomEnabled,
     isDownloadEnabled
   });
+  const showDefaultToolbarDownloadButton = isDownloadEnabled && !intents;
+  const showMenuToolbarButton = isDownloadEnabled && !!intents?.length;
+  const startsExpanded = !collapsed;
+  const hasExploreMenu = menuDisplayMode === "always" || menuDisplayMode === "expanded" && startsExpanded || menuDisplayMode === "collapsed" && !startsExpanded;
+  const initialA11yState = getA11yToolbarConfig({
+    zoom: { enabled: isZoomEnabled },
+    pan: { enabled: isPanEnabled },
+    download: { enabled: showDefaultToolbarDownloadButton },
+    intent: !!intents,
+    hasExploreMenu
+  });
+  const menuIcon = getMenuTriggerIcon(interactionMode, isZoomEnabled);
   const { seriesWithDatapoints, datapointMetadataMap, seriesToMetadata } = useXYChartData();
   const handleDownloadDataToolbar = () => {
     buildAndDownloadCsv(
@@ -59,8 +60,6 @@ const XYChartToolbar = ({
       downloadDataCallback
     );
   };
-  const showDefaultToolbarDownloadButton = isDownloadEnabled && !intents;
-  const showMenuToolbarButton = isDownloadEnabled && !!intents?.length;
   const onClose = () => selectionAreaRef ? selectionAreaRef.current?.focus() : void 0;
   const behaviorTrackingProps = _useBehavioralTrackingProps(toolbarContext)[0];
   return !hidden ? /* @__PURE__ */ jsxs(
@@ -78,7 +77,6 @@ const XYChartToolbar = ({
       onMouseLeave,
       menuIcon,
       showMenuDivider: !shouldHideInteractionControls,
-      menuTriggerLabel: menuLabel,
       menuDisplayMode,
       isDownloadEnabled: showMenuToolbarButton,
       intents,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/toolbar/XYChartToolbar.tsx"],
-  "sourcesContent": ["import type { MouseEvent as ReactMouseEvent } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { DownloadDataButton } from './DownloadDataButton.js';\nimport { ExploreButton } from './ExploreButton.js';\nimport { PanButton } from './PanButton.js';\nimport { ResetButton } from './ResetButton.js';\nimport { ZoomInOutButtons } from './ZoomInOutButtons.js';\nimport { ZoomModeButton } from './ZoomModeButton.js';\nimport { useBehavioralTrackingProps as _useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { ChartToolbarRenderer } from '../../../core/components/toolbar/ChartToolbarRenderer.js';\nimport type { ChartToolbarRendererProps } from '../../../core/components/toolbar/types.js';\nimport { getMenuTriggerDisplayMode } from '../../../core/components/toolbar/utils/get-menu-trigger-display-mode.js';\nimport { getMenuTriggerIcon } from '../../../core/components/toolbar/utils/get-menu-trigger-icon.js';\nimport { ChartOverlaysElevation } from '../../../core/constants.js';\nimport type { ToolbarPlacement } from '../../../core/types/toolbar.js';\nimport { getA11yToolbarConfig } from '../../../core/utils/zoom.js';\nimport { defaultToolbar } from '../../constants/defaults.js';\nimport { useDownload } from '../../hooks/useDownload.js';\nimport { useToolbar } from '../../hooks/useToolbar.js';\nimport { useXYChartData } from '../../hooks/useXYChartData.js';\nimport { useXYChartSelectionAreaRef } from '../../hooks/useXYChartSelectionAreaRef.js';\nimport { XYCHART_MESSAGES } from '../../messages/messages.js';\nimport { useInteractionModeState } from '../../store/selectors.js';\nimport { buildAndDownloadCsv } from '../../utils/build-and-download-csv.js';\n\ntype XYChartToolbarProps = {\n  onMouseEnter?: (event?: ReactMouseEvent<HTMLDivElement, MouseEvent>) => void;\n  onMouseLeave?: (react?: ReactMouseEvent<HTMLDivElement, MouseEvent>) => void;\n  handlerRef?: ChartToolbarRendererProps['handlerRef'];\n};\n\nexport const XYChartToolbar = ({\n  onMouseEnter,\n  onMouseLeave,\n  handlerRef,\n}: XYChartToolbarProps) => {\n  const toolbarContext = useToolbar();\n  const { collapsed, placement, hidden, intents } = toolbarContext;\n  const { downloadDataCallback } = useDownload();\n  const interactionMode = useInteractionModeState();\n  const { axesMetadata } = useXYChartData();\n  const intl = useIntl();\n  const selectionAreaRef = useXYChartSelectionAreaRef();\n\n  const isZoomEnabled = axesMetadata.isZoomEnabled;\n  const isPanEnabled = axesMetadata.isPanEnabled;\n  const shouldHideInteractionControls = !isZoomEnabled && !isPanEnabled;\n  const exploreBtnPlace = isZoomEnabled || isPanEnabled ? 'menu' : 'auto';\n  const isDownloadEnabled = true;\n\n  const initialA11yState = getA11yToolbarConfig({\n    zoom: { enabled: isZoomEnabled },\n    pan: { enabled: isPanEnabled },\n    download: { enabled: isDownloadEnabled },\n    intent: !!intents,\n  });\n\n  const menuIcon = getMenuTriggerIcon(interactionMode, isZoomEnabled);\n\n  const menuLabel =\n    !isPanEnabled && !isZoomEnabled\n      ? intl.formatMessage(XYCHART_MESSAGES.zoomModeExplore)\n      : undefined;\n\n  const menuDisplayMode = shouldHideInteractionControls\n    ? 'never'\n    : getMenuTriggerDisplayMode({\n        isPanEnabled,\n        isZoomEnabled,\n        isDownloadEnabled,\n      });\n\n  const { seriesWithDatapoints, datapointMetadataMap, seriesToMetadata } =\n    useXYChartData();\n\n  const handleDownloadDataToolbar = () => {\n    buildAndDownloadCsv(\n      seriesWithDatapoints,\n      seriesToMetadata,\n      datapointMetadataMap,\n      downloadDataCallback,\n    );\n  };\n\n  const showDefaultToolbarDownloadButton = isDownloadEnabled && !intents;\n  const showMenuToolbarButton = isDownloadEnabled && !!intents?.length;\n\n  const onClose = () =>\n    selectionAreaRef ? selectionAreaRef.current?.focus() : undefined;\n\n  const behaviorTrackingProps = _useBehavioralTrackingProps(toolbarContext)[0];\n\n  return !hidden ? (\n    <ChartToolbarRenderer\n      visibleWhenMouseInBounds\n      handlerRef={handlerRef}\n      placement={placement ?? (defaultToolbar.placement as ToolbarPlacement)}\n      draggable={true}\n      removeDragHandle={shouldHideInteractionControls}\n      collapsed={collapsed}\n      initialA11yState={initialA11yState}\n      zIndex={ChartOverlaysElevation.toolbar}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      menuIcon={menuIcon}\n      showMenuDivider={!shouldHideInteractionControls}\n      menuTriggerLabel={menuLabel}\n      menuDisplayMode={menuDisplayMode}\n      isDownloadEnabled={showMenuToolbarButton}\n      intents={intents}\n      handleDownloadDataToolbar={handleDownloadDataToolbar}\n      onClose={onClose}\n      {...behaviorTrackingProps}\n    >\n      <>\n        {!shouldHideInteractionControls && (\n          <ExploreButton placement={exploreBtnPlace} />\n        )}\n        {isZoomEnabled && <ZoomModeButton />}\n        {isPanEnabled && <PanButton />}\n      </>\n      {isZoomEnabled && <ZoomInOutButtons />}\n      {isZoomEnabled && <ResetButton />}\n      {showDefaultToolbarDownloadButton && (\n        <DownloadDataButton\n          divider={shouldHideInteractionControls ? undefined : 'left'}\n        />\n      )}\n    </ChartToolbarRenderer>\n  ) : null;\n};\n\nXYChartToolbar['displayName'] = 'XYChartToolbar';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { MouseEvent as ReactMouseEvent } from 'react';\n\nimport { DownloadDataButton } from './DownloadDataButton.js';\nimport { ExploreButton } from './ExploreButton.js';\nimport { PanButton } from './PanButton.js';\nimport { ResetButton } from './ResetButton.js';\nimport { ZoomInOutButtons } from './ZoomInOutButtons.js';\nimport { ZoomModeButton } from './ZoomModeButton.js';\nimport { useBehavioralTrackingProps as _useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { ChartToolbarRenderer } from '../../../core/components/toolbar/ChartToolbarRenderer.js';\nimport type { ChartToolbarRendererProps } from '../../../core/components/toolbar/types.js';\nimport { getMenuTriggerDisplayMode } from '../../../core/components/toolbar/utils/get-menu-trigger-display-mode.js';\nimport { getMenuTriggerIcon } from '../../../core/components/toolbar/utils/get-menu-trigger-icon.js';\nimport { ChartOverlaysElevation } from '../../../core/constants.js';\nimport type { ToolbarPlacement } from '../../../core/types/toolbar.js';\nimport { getA11yToolbarConfig } from '../../../core/utils/zoom.js';\nimport { defaultToolbar } from '../../constants/defaults.js';\nimport { useDownload } from '../../hooks/useDownload.js';\nimport { useToolbar } from '../../hooks/useToolbar.js';\nimport { useXYChartData } from '../../hooks/useXYChartData.js';\nimport { useXYChartSelectionAreaRef } from '../../hooks/useXYChartSelectionAreaRef.js';\nimport { useInteractionModeState } from '../../store/selectors.js';\nimport { buildAndDownloadCsv } from '../../utils/build-and-download-csv.js';\n\ntype XYChartToolbarProps = {\n  onMouseEnter?: (event?: ReactMouseEvent<HTMLDivElement, MouseEvent>) => void;\n  onMouseLeave?: (react?: ReactMouseEvent<HTMLDivElement, MouseEvent>) => void;\n  handlerRef?: ChartToolbarRendererProps['handlerRef'];\n};\n\nexport const XYChartToolbar = ({\n  onMouseEnter,\n  onMouseLeave,\n  handlerRef,\n}: XYChartToolbarProps) => {\n  const toolbarContext = useToolbar();\n  const { collapsed, placement, hidden, intents } = toolbarContext;\n  const { downloadDataCallback } = useDownload();\n  const interactionMode = useInteractionModeState();\n  const { axesMetadata } = useXYChartData();\n  const selectionAreaRef = useXYChartSelectionAreaRef();\n\n  const isZoomEnabled = axesMetadata.isZoomEnabled;\n  const isPanEnabled = axesMetadata.isPanEnabled;\n  const shouldHideInteractionControls = !isZoomEnabled && !isPanEnabled;\n  const exploreBtnPlace = isZoomEnabled || isPanEnabled ? 'menu' : 'auto';\n  const isDownloadEnabled = true;\n\n  const menuDisplayMode = shouldHideInteractionControls\n    ? 'never'\n    : getMenuTriggerDisplayMode({\n        isPanEnabled,\n        isZoomEnabled,\n        isDownloadEnabled,\n      });\n\n  const showDefaultToolbarDownloadButton = isDownloadEnabled && !intents;\n  const showMenuToolbarButton = isDownloadEnabled && !!intents?.length;\n\n  const startsExpanded = !collapsed;\n  const hasExploreMenu =\n    menuDisplayMode === 'always' ||\n    (menuDisplayMode === 'expanded' && startsExpanded) ||\n    (menuDisplayMode === 'collapsed' && !startsExpanded);\n\n  const initialA11yState = getA11yToolbarConfig({\n    zoom: { enabled: isZoomEnabled },\n    pan: { enabled: isPanEnabled },\n    download: { enabled: showDefaultToolbarDownloadButton },\n    intent: !!intents,\n    hasExploreMenu,\n  });\n\n  const menuIcon = getMenuTriggerIcon(interactionMode, isZoomEnabled);\n\n  const { seriesWithDatapoints, datapointMetadataMap, seriesToMetadata } =\n    useXYChartData();\n\n  const handleDownloadDataToolbar = () => {\n    buildAndDownloadCsv(\n      seriesWithDatapoints,\n      seriesToMetadata,\n      datapointMetadataMap,\n      downloadDataCallback,\n    );\n  };\n\n  const onClose = () =>\n    selectionAreaRef ? selectionAreaRef.current?.focus() : undefined;\n\n  const behaviorTrackingProps = _useBehavioralTrackingProps(toolbarContext)[0];\n\n  return !hidden ? (\n    <ChartToolbarRenderer\n      visibleWhenMouseInBounds\n      handlerRef={handlerRef}\n      placement={placement ?? (defaultToolbar.placement as ToolbarPlacement)}\n      draggable={true}\n      removeDragHandle={shouldHideInteractionControls}\n      collapsed={collapsed}\n      initialA11yState={initialA11yState}\n      zIndex={ChartOverlaysElevation.toolbar}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      menuIcon={menuIcon}\n      showMenuDivider={!shouldHideInteractionControls}\n      menuDisplayMode={menuDisplayMode}\n      isDownloadEnabled={showMenuToolbarButton}\n      intents={intents}\n      handleDownloadDataToolbar={handleDownloadDataToolbar}\n      onClose={onClose}\n      {...behaviorTrackingProps}\n    >\n      <>\n        {!shouldHideInteractionControls && (\n          <ExploreButton placement={exploreBtnPlace} />\n        )}\n        {isZoomEnabled && <ZoomModeButton />}\n        {isPanEnabled && <PanButton />}\n      </>\n      {isZoomEnabled && <ZoomInOutButtons />}\n      {isZoomEnabled && <ResetButton />}\n      {showDefaultToolbarDownloadButton && (\n        <DownloadDataButton\n          divider={shouldHideInteractionControls ? undefined : 'left'}\n        />\n      )}\n    </ChartToolbarRenderer>\n  ) : null;\n};\n\nXYChartToolbar['displayName'] = 'XYChartToolbar';\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/tooltip/HoveredPointTooltip/hoveredPointTooltipHeaderUtils.ts"],
-  "sourcesContent": ["import type { SeriesActionsTemplate } from '../../../../core/types/series-actions-template.js';\nimport { getFormatter } from '../../../../core/utils/get-formatter.js';\nimport { safeGet } from '../../../../core/utils/safe-get.js';\nimport type { SeriesIdToColorScale } from '../../../context/XYChartColorScales.context.js';\nimport type {\n  BarMetadata,\n  BarSeriesToMetadata,\n  BarSeriesWithDatapoints,\n  RectDatapointInternal,\n  MapDatapoints,\n} from '../../../types/xy-chart-internals.js';\nimport type { BarDatapoint } from '../../../types/xy-chart.js';\nimport { buildBarSeriesActionItem } from '../../../utils/build-series-action-item.js';\nimport { getColorFromScaleAndData } from '../../../utils/coloring/get-color-from-scale-and-data.js';\nimport {\n  type HoveredDatapoint,\n  type HoveredSeries,\n  isBarTooltipContext,\n  isRectTooltipContext,\n  type HoveredSeriesToMetadata,\n  type TooltipContextHoveredPoints,\n} from '../../../utils/type-guards.js';\n\nexport interface BuildHoveredPointTooltipHeaderPropsArgs<\n  T extends HoveredSeries,\n  K extends HoveredDatapoint<T>,\n> {\n  datapoint: K;\n  series: T;\n  seriesToMetadata: HoveredSeriesToMetadata<T>;\n  seriesWithDatapoints: BarSeriesWithDatapoints[];\n  datapointMetadataMap: MapDatapoints;\n  colorScaleMap: SeriesIdToColorScale;\n}\n\nexport const buildHoveredPointTooltipHeaderProps = <\n  T extends HoveredSeries,\n  K extends T extends BarSeriesWithDatapoints\n    ? BarDatapoint\n    : RectDatapointInternal,\n>({\n  datapoint,\n  series,\n  seriesToMetadata,\n  seriesWithDatapoints,\n  datapointMetadataMap,\n  colorScaleMap,\n}: BuildHoveredPointTooltipHeaderPropsArgs<T, K>) => {\n  let name = '';\n  let valueToDisplay = '';\n  let colorToDisplay = '';\n  let actions: (() => SeriesActionsTemplate) | undefined;\n\n  const metadata = safeGet(seriesToMetadata, series);\n\n  const enrichedDatapoint: TooltipContextHoveredPoints = {\n    series,\n    datapoint,\n    metadata: metadata,\n  };\n\n  if (isRectTooltipContext(enrichedDatapoint)) {\n    const colorScale = safeGet(colorScaleMap, series.id);\n    const datapointMetadata = safeGet(datapointMetadataMap, datapoint);\n    const rawValue = enrichedDatapoint.datapoint.value;\n    const { valueAccessorLabel, valueAccessor, valueFormatter, valueUnit } =\n      enrichedDatapoint.metadata;\n\n    name = valueAccessorLabel ?? valueAccessor ?? '';\n\n    valueToDisplay =\n      typeof rawValue === 'number'\n        ? getFormatter(valueFormatter)(rawValue, valueUnit)\n        : rawValue?.toString() ?? '';\n\n    colorToDisplay =\n      rawValue !== undefined\n        ? getColorFromScaleAndData(\n            colorScale,\n            enrichedDatapoint.datapoint.value,\n            datapointMetadata.colorOverride,\n          ) ?? ''\n        : '';\n\n    const metadataActions = enrichedDatapoint.metadata.actions;\n\n    actions = metadataActions\n      ? () => metadataActions(enrichedDatapoint.datapoint)\n      : undefined;\n  } else if (isBarTooltipContext(enrichedDatapoint)) {\n    const {\n      color,\n      name: barName,\n      nameSegments: barNameSegments,\n    } = metadata as BarMetadata;\n    const datapointMetadata = safeGet(datapointMetadataMap, datapoint);\n\n    name = barName ?? '';\n    colorToDisplay = datapointMetadata.colorOverride ?? color?.Default ?? '';\n\n    const metadataActions = enrichedDatapoint.metadata.actions;\n    actions = metadataActions\n      ? () => {\n          const actionItem = buildBarSeriesActionItem({\n            datapoint: enrichedDatapoint.datapoint,\n            allSeries: seriesWithDatapoints,\n            seriesToMetadata:\n              seriesToMetadata as unknown as BarSeriesToMetadata,\n            datapointMetadataMap,\n            currentSeries: enrichedDatapoint.series,\n          });\n          return metadataActions(actionItem);\n        }\n      : undefined;\n\n    return {\n      color: colorToDisplay,\n      name,\n      nameSegments: barNameSegments,\n      value: valueToDisplay,\n      actions,\n    };\n  }\n\n  return {\n    color: colorToDisplay,\n    name,\n    value: valueToDisplay,\n    actions,\n  };\n};\n"],
-  "mappings": "AACA,SAAS,oBAAoB;AAC7B,SAAS,eAAe;AAUxB,SAAS,gCAAgC;AACzC,SAAS,gCAAgC;AACzC;AAAA,EAGE;AAAA,EACA;AAAA,OAGK;AAcA,MAAM,sCAAsC,CAKjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAqD;AACnD,MAAI,OAAO;AACX,MAAI,iBAAiB;AACrB,MAAI,iBAAiB;AACrB,MAAI;AAEJ,QAAM,WAAW,QAAQ,kBAAkB,MAAM;AAEjD,QAAM,oBAAiD;AAAA,IACrD;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,MAAI,qBAAqB,iBAAiB,GAAG;AAC3C,UAAM,aAAa,QAAQ,eAAe,OAAO,EAAE;AACnD,UAAM,oBAAoB,QAAQ,sBAAsB,SAAS;AACjE,UAAM,WAAW,kBAAkB,UAAU;AAC7C,UAAM,EAAE,oBAAoB,eAAe,gBAAgB,UAAU,IACnE,kBAAkB;AAEpB,WAAO,sBAAsB,iBAAiB;AAE9C,qBACE,OAAO,aAAa,WAChB,aAAa,cAAc,EAAE,UAAU,SAAS,IAChD,UAAU,SAAS,KAAK;AAE9B,qBACE,aAAa,SACT;AAAA,MACE;AAAA,MACA,kBAAkB,UAAU;AAAA,MAC5B,kBAAkB;AAAA,IACpB,KAAK,KACL;AAEN,UAAM,kBAAkB,kBAAkB,SAAS;AAEnD,cAAU,kBACN,MAAM,gBAAgB,kBAAkB,SAAS,IACjD;AAAA,EACN,WAAW,oBAAoB,iBAAiB,GAAG;AACjD,UAAM;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,MACN,cAAc;AAAA,IAChB,IAAI;AACJ,UAAM,oBAAoB,QAAQ,sBAAsB,SAAS;AAEjE,WAAO,WAAW;AAClB,qBAAiB,kBAAkB,iBAAiB,OAAO,WAAW;AAEtE,UAAM,kBAAkB,kBAAkB,SAAS;AACnD,cAAU,kBACN,MAAM;AACJ,YAAM,aAAa,yBAAyB;AAAA,QAC1C,WAAW,kBAAkB;AAAA,QAC7B,WAAW;AAAA,QACX;AAAA,QAEA;AAAA,QACA,eAAe,kBAAkB;AAAA,MACnC,CAAC;AACD,aAAO,gBAAgB,UAAU;AAAA,IACnC,IACA;AAEJ,WAAO;AAAA,MACL,OAAO;AAAA,MACP;AAAA,MACA,cAAc;AAAA,MACd,OAAO;AAAA,MACP;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,IACA,OAAO;AAAA,IACP;AAAA,EACF;AACF;",
+  "sourcesContent": ["import type { SeriesActionsTemplate } from '../../../../core/types/series-actions-template.js';\nimport { getFormatter } from '../../../../core/utils/get-formatter.js';\nimport { safeGet } from '../../../../core/utils/safe-get.js';\nimport type { SeriesIdToColorScale } from '../../../context/XYChartColorScales.context.js';\nimport type {\n  BarMetadata,\n  BarSeriesToMetadata,\n  BarSeriesWithDatapoints,\n  RectDatapointInternal,\n  MapDatapoints,\n} from '../../../types/xy-chart-internals.js';\nimport type { BarDatapoint } from '../../../types/xy-chart.js';\nimport { buildBarSeriesActionItem } from '../../../utils/build-series-action-item.js';\nimport { getColorFromScaleAndData } from '../../../utils/coloring/get-color-from-scale-and-data.js';\nimport {\n  type HoveredDatapoint,\n  type HoveredSeries,\n  isBarTooltipContext,\n  isRectTooltipContext,\n  type HoveredSeriesToMetadata,\n  type TooltipContextHoveredPoints,\n} from '../../../utils/type-guards.js';\n\nexport interface BuildHoveredPointTooltipHeaderPropsArgs<\n  T extends HoveredSeries,\n  K extends HoveredDatapoint<T>,\n> {\n  datapoint: K;\n  series: T;\n  seriesToMetadata: HoveredSeriesToMetadata<T>;\n  seriesWithDatapoints: BarSeriesWithDatapoints[];\n  datapointMetadataMap: MapDatapoints;\n  colorScaleMap: SeriesIdToColorScale;\n}\n\nexport const buildHoveredPointTooltipHeaderProps = <\n  T extends HoveredSeries,\n  K extends T extends BarSeriesWithDatapoints\n    ? BarDatapoint\n    : RectDatapointInternal,\n>({\n  datapoint,\n  series,\n  seriesToMetadata,\n  seriesWithDatapoints,\n  datapointMetadataMap,\n  colorScaleMap,\n}: BuildHoveredPointTooltipHeaderPropsArgs<T, K>) => {\n  let name = '';\n  let valueToDisplay = '';\n  let colorToDisplay = '';\n  let actions: (() => SeriesActionsTemplate) | undefined;\n\n  const metadata = safeGet(seriesToMetadata, series);\n\n  const enrichedDatapoint: TooltipContextHoveredPoints = {\n    series,\n    datapoint,\n    metadata: metadata,\n  };\n\n  if (isRectTooltipContext(enrichedDatapoint)) {\n    const colorScale = safeGet(colorScaleMap, series.id);\n    const datapointMetadata = safeGet(datapointMetadataMap, datapoint);\n    const rawValue = enrichedDatapoint.datapoint.value;\n    const { valueAccessorLabel, valueAccessor, valueFormatter, valueUnit } =\n      enrichedDatapoint.metadata;\n\n    name = valueAccessorLabel ?? valueAccessor ?? '';\n\n    valueToDisplay =\n      typeof rawValue === 'number'\n        ? getFormatter(valueFormatter)(rawValue, valueUnit)\n        : (rawValue?.toString() ?? '');\n\n    colorToDisplay =\n      rawValue !== undefined\n        ? (getColorFromScaleAndData(\n            colorScale,\n            enrichedDatapoint.datapoint.value,\n            datapointMetadata.colorOverride,\n          ) ?? '')\n        : '';\n\n    const metadataActions = enrichedDatapoint.metadata.actions;\n\n    actions = metadataActions\n      ? () => metadataActions(enrichedDatapoint.datapoint)\n      : undefined;\n  } else if (isBarTooltipContext(enrichedDatapoint)) {\n    const {\n      color,\n      name: barName,\n      nameSegments: barNameSegments,\n    } = metadata as BarMetadata;\n    const datapointMetadata = safeGet(datapointMetadataMap, datapoint);\n\n    name = barName ?? '';\n    colorToDisplay = datapointMetadata.colorOverride ?? color?.Default ?? '';\n\n    const metadataActions = enrichedDatapoint.metadata.actions;\n    actions = metadataActions\n      ? () => {\n          const actionItem = buildBarSeriesActionItem({\n            datapoint: enrichedDatapoint.datapoint,\n            allSeries: seriesWithDatapoints,\n            seriesToMetadata:\n              seriesToMetadata as unknown as BarSeriesToMetadata,\n            datapointMetadataMap,\n            currentSeries: enrichedDatapoint.series,\n          });\n          return metadataActions(actionItem);\n        }\n      : undefined;\n\n    return {\n      color: colorToDisplay,\n      name,\n      nameSegments: barNameSegments,\n      value: valueToDisplay,\n      actions,\n    };\n  }\n\n  return {\n    color: colorToDisplay,\n    name,\n    value: valueToDisplay,\n    actions,\n  };\n};\n"],
+  "mappings": "AACA,SAAS,oBAAoB;AAC7B,SAAS,eAAe;AAUxB,SAAS,gCAAgC;AACzC,SAAS,gCAAgC;AACzC;AAAA,EAGE;AAAA,EACA;AAAA,OAGK;AAcA,MAAM,sCAAsC,CAKjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAqD;AACnD,MAAI,OAAO;AACX,MAAI,iBAAiB;AACrB,MAAI,iBAAiB;AACrB,MAAI;AAEJ,QAAM,WAAW,QAAQ,kBAAkB,MAAM;AAEjD,QAAM,oBAAiD;AAAA,IACrD;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,MAAI,qBAAqB,iBAAiB,GAAG;AAC3C,UAAM,aAAa,QAAQ,eAAe,OAAO,EAAE;AACnD,UAAM,oBAAoB,QAAQ,sBAAsB,SAAS;AACjE,UAAM,WAAW,kBAAkB,UAAU;AAC7C,UAAM,EAAE,oBAAoB,eAAe,gBAAgB,UAAU,IACnE,kBAAkB;AAEpB,WAAO,sBAAsB,iBAAiB;AAE9C,qBACE,OAAO,aAAa,WAChB,aAAa,cAAc,EAAE,UAAU,SAAS,IAC/C,UAAU,SAAS,KAAK;AAE/B,qBACE,aAAa,SACR;AAAA,MACC;AAAA,MACA,kBAAkB,UAAU;AAAA,MAC5B,kBAAkB;AAAA,IACpB,KAAK,KACL;AAEN,UAAM,kBAAkB,kBAAkB,SAAS;AAEnD,cAAU,kBACN,MAAM,gBAAgB,kBAAkB,SAAS,IACjD;AAAA,EACN,WAAW,oBAAoB,iBAAiB,GAAG;AACjD,UAAM;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,MACN,cAAc;AAAA,IAChB,IAAI;AACJ,UAAM,oBAAoB,QAAQ,sBAAsB,SAAS;AAEjE,WAAO,WAAW;AAClB,qBAAiB,kBAAkB,iBAAiB,OAAO,WAAW;AAEtE,UAAM,kBAAkB,kBAAkB,SAAS;AACnD,cAAU,kBACN,MAAM;AACJ,YAAM,aAAa,yBAAyB;AAAA,QAC1C,WAAW,kBAAkB;AAAA,QAC7B,WAAW;AAAA,QACX;AAAA,QAEA;AAAA,QACA,eAAe,kBAAkB;AAAA,MACnC,CAAC;AACD,aAAO,gBAAgB,UAAU;AAAA,IACnC,IACA;AAEJ,WAAO;AAAA,MACL,OAAO;AAAA,MACP;AAAA,MACA,cAAc;AAAA,MACd,OAAO;AAAA,MACP;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,IACA,OAAO;AAAA,IACP;AAAA,EACF;AACF;",
   "names": []
 }