@dynatrace/strato-components 3.13.3 → 3.14.1

package/esm/charts/core/components/interactions-overlay/InteractionsOverlay.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/interactions-overlay/InteractionsOverlay.tsx"],
-  "sourcesContent": ["import classNames from 'clsx';\nimport {\n  type FocusEvent,\n  forwardRef,\n  type KeyboardEvent,\n  type MouseEvent as ReactMouseEvent,\n  type PropsWithChildren,\n  useRef,\n  useState,\n  type WheelEvent,\n} from 'react';\n\nimport { chartEventsWrapper } from './InteractionsOverlay.sty.js';\nimport type {\n  InteractionMode,\n  Interactions,\n  InteractionsOverlayProps,\n  OverlappingInteractionsProps,\n} from './types.js';\nimport { MIDDLE_BUTTON_ID } from '../../constants.js';\nimport { getActiveMode } from './utils/get-active-mode.js';\nimport { getExploreInteractions } from './utils/get-explore-interations.js';\nimport { getGestures } from './utils/get-gestures.js';\nimport { getInterfaceInteractions } from './utils/get-interface-interactions.js';\nimport { getPanInteractions } from './utils/get-pan-interactions.js';\nimport { getZoomInteractions } from './utils/get-zoom-interactions.js';\nimport { handleKeyDown } from './utils/handle-keydown.js';\nimport { isOwnEvent } from './utils/is-own-event.js';\nimport { useMergeRefs } from '../../../../core/hooks/useMergeRefs.js';\nimport { usePointerEvents } from '../../hooks/usePointerEvents.js';\nimport { usePreventScrollOnWheel } from '../../hooks/usePreventScrollOnWheel.js';\nimport type { RelativeAbsolutePosition } from '../../types/pointer-events.js';\n\nconst isDragDisabled = (\n  effectiveMode: InteractionMode,\n  panDisabled: boolean | undefined,\n  zoomDisabled: boolean | undefined,\n  isSelectDisabled: boolean | undefined,\n): boolean | undefined => {\n  if (effectiveMode === 'pan') {\n    return panDisabled;\n  }\n  if (effectiveMode === 'zoom') {\n    return zoomDisabled;\n  }\n  return isSelectDisabled;\n};\n\n/**\n * @internal\n * @param props -\n */\nexport const InteractionsOverlay = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<InteractionsOverlayProps>\n>((props, forwardedRef) => {\n  const {\n    style,\n    className,\n    mode,\n    pinned,\n    selectionArea,\n    width,\n    height,\n    onModeChange,\n    onFocus,\n    onHover,\n    onLeave,\n    onPanStart,\n    onPanChange,\n    onPanEnd,\n    onTogglePin,\n    onReset,\n    onSelectStart,\n    onSelectChange,\n    onSelectEnd,\n    onZoomStart,\n    onZoomChange,\n    onZoomEnd,\n    isZoomDisabled,\n    isPanDisabled,\n    isSelectDisabled,\n    isZoomXDisabled,\n    children,\n    ...restProps\n  } = props;\n\n  const zoomDisabled = selectionArea ? true : props.isZoomDisabled;\n  const panDisabled = selectionArea ? true : props.isPanDisabled;\n\n  //#region Internal state\n  /**\n   * Keeps track of full pan delta interaction in pixels\n   */\n  const panDeltaRef = useRef<number>(undefined);\n  /**\n   * Keeps track of mouse position\n   */\n  const lastMousePositionRef = useRef<RelativeAbsolutePosition>(undefined);\n\n  const isPointerDownRef = useRef(false);\n\n  const eventCancelled = useRef(false);\n\n  const handlerRef = useRef<null | (() => void)>(null);\n\n  //#endregion\n\n  const [cursorMode, setCursorMode] = useState<InteractionMode | 'zoomOut'>(\n    mode,\n  );\n\n  const htmlRef = useRef<HTMLDivElement>(null);\n\n  usePreventScrollOnWheel(htmlRef);\n\n  const rootRef = useMergeRefs([htmlRef, forwardedRef]);\n\n  const overlappingInteractionsProps: OverlappingInteractionsProps = {\n    selectionArea,\n    eventCancelled,\n    isPointerDownRef,\n    onSelectEnd,\n    lastMousePositionRef,\n    pinned,\n    onHover,\n    onTogglePin,\n    setCursorMode,\n    height,\n    onReset,\n    width,\n    onZoomChange,\n    onPanChange,\n    panDeltaRef,\n    onPanStart,\n    onPanEnd,\n  };\n\n  //#region Native HTML events\n  const handleMouseLeave = () => {\n    onLeave?.({ triggeredBy: 'pointer' });\n    isPointerDownRef.current = false;\n    lastMousePositionRef.current = undefined;\n  };\n\n  const handleFocus = (event?: FocusEvent) => {\n    if (handlerRef.current) {\n      handlerRef.current();\n      handlerRef.current = null;\n    }\n    onFocus?.(event);\n  };\n\n  const handleBlur = (event: FocusEvent) => {\n    const nextFocusElement = event.relatedTarget;\n\n    if (!event.target?.contains(nextFocusElement)) {\n      onLeave?.({ triggeredBy: 'keyboard' });\n    }\n  };\n\n  const handleWheel = (event: WheelEvent) => {\n    interactions[getActiveMode(mode, event, zoomDisabled)].onWheel(event);\n  };\n\n  const handleKeyboard = (event: KeyboardEvent) =>\n    handleKeyDown({\n      event,\n      lastMousePositionRef,\n      panDeltaRef,\n      selectionArea,\n      eventCancelled,\n      isPointerDownRef,\n      onSelectEnd,\n      onModeChange,\n      interaction:\n        interactions[getActiveMode(mode, event, zoomDisabled, isPanDisabled)],\n    });\n  //#endregion\n\n  //#region Interactions strategy\n  const interactions: Interactions = {\n    explore: getExploreInteractions({\n      ...overlappingInteractionsProps,\n      onModeChange,\n      onSelectChange,\n      onSelectStart,\n      isZoomXDisabled,\n    }),\n    zoom: getZoomInteractions({\n      ...overlappingInteractionsProps,\n      cursorMode,\n      onSelectChange,\n      onSelectStart,\n    }),\n    pan: getPanInteractions({\n      ...overlappingInteractionsProps,\n      onModeChange,\n      cursorMode,\n    }),\n  };\n  //#endregion\n\n  const {\n    handleMouseDown,\n    handleMouseMove,\n    handleMouseUp,\n    handleTouchStart,\n    handleTouchMove,\n    handleTouchEnd,\n  } = usePointerEvents({\n    ...getInterfaceInteractions(\n      interactions,\n      mode,\n      zoomDisabled,\n      isZoomXDisabled,\n      panDisabled,\n    ),\n    ...getGestures({\n      lastMousePositionRef,\n      panDeltaRef,\n      onZoomStart,\n      onZoomChange,\n      onZoomEnd,\n      onPanStart,\n      onPanChange,\n      onPanEnd,\n    }),\n    eventCancelled,\n  });\n\n  const handleDocumentMouseUp = (e: MouseEvent) => {\n    const { clientX, clientY } = e;\n    if (htmlRef?.current) {\n      handleMouseUp({\n        ...(e as unknown as ReactMouseEvent<HTMLDivElement>),\n        currentTarget: htmlRef.current,\n        clientX,\n        clientY,\n      });\n\n      isPointerDownRef.current = false;\n      lastMousePositionRef.current = undefined;\n    }\n  };\n\n  const handleDocumentMouseMove = (e: MouseEvent) => {\n    const { clientX, clientY } = e;\n    if (htmlRef?.current) {\n      handleMouseMove({\n        ...(e as unknown as ReactMouseEvent<HTMLDivElement>),\n        currentTarget: htmlRef.current,\n        clientX: clientX,\n        clientY,\n      });\n    }\n  };\n\n  const registerDocumentListeners = () => {\n    if (!handlerRef.current) {\n      document.addEventListener('mouseup', handleDocumentMouseUp);\n      document.addEventListener('pointermove', handleDocumentMouseMove);\n      handlerRef.current = () => {\n        document.removeEventListener('mouseup', handleDocumentMouseUp);\n        document.removeEventListener('pointermove', handleDocumentMouseMove);\n      };\n    }\n  };\n\n  return (\n    <div\n      ref={rootRef}\n      tabIndex={0}\n      className={classNames(\n        chartEventsWrapper({ mode: cursorMode }),\n        className,\n      )}\n      style={{\n        ...style,\n        cursor: cursorMode === 'explore' ? style?.cursor : undefined,\n      }}\n      onMouseDown={(event) => {\n        if (isOwnEvent(event)) {\n          const isMiddleButton = event.buttons === MIDDLE_BUTTON_ID;\n\n          if (!isMiddleButton) {\n            const effectiveMode = getActiveMode(\n              mode,\n              event,\n              zoomDisabled,\n              panDisabled,\n            );\n\n            if (\n              isDragDisabled(\n                effectiveMode,\n                panDisabled,\n                zoomDisabled,\n                isSelectDisabled,\n              )\n            ) {\n              return;\n            }\n          }\n\n          isPointerDownRef.current = true;\n          handleMouseDown(event);\n        }\n      }}\n      onMouseMove={(event) => {\n        if (isOwnEvent(event)) {\n          handleMouseMove(event);\n        }\n      }}\n      onMouseUp={(event) => {\n        if (isOwnEvent(event)) {\n          handleMouseUp(event);\n          isPointerDownRef.current = false;\n        }\n      }}\n      onMouseLeave={(e) => {\n        if (\n          isPointerDownRef.current &&\n          lastMousePositionRef.current &&\n          htmlRef.current\n        ) {\n          registerDocumentListeners();\n        } else {\n          handleMouseLeave();\n        }\n      }}\n      onTouchStart={(event) => {\n        if (isOwnEvent(event)) {\n          const effectiveMode = getActiveMode(\n            mode,\n            event,\n            zoomDisabled,\n            panDisabled,\n          );\n\n          if (\n            !isDragDisabled(\n              effectiveMode,\n              panDisabled,\n              zoomDisabled,\n              isSelectDisabled,\n            )\n          ) {\n            handleTouchStart(event);\n          }\n        }\n      }}\n      onTouchMove={(event) => {\n        if (isOwnEvent(event)) {\n          handleTouchMove(event);\n        }\n      }}\n      onTouchEnd={(event) => {\n        if (isOwnEvent(event)) {\n          handleTouchEnd(event);\n        }\n      }}\n      onMouseEnter={() => handleFocus()}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      onKeyDown={handleKeyboard}\n      onWheel={handleWheel}\n      {...restProps}\n    >\n      {children}\n    </div>\n  );\n});\n\n(InteractionsOverlay as typeof InteractionsOverlay & { displayName: string })[\n  'displayName'\n] = 'InteractionsOverlay';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import classNames from 'clsx';\nimport {\n  type FocusEvent,\n  forwardRef,\n  type KeyboardEvent,\n  type MouseEvent as ReactMouseEvent,\n  type PropsWithChildren,\n  useRef,\n  useState,\n  type WheelEvent,\n} from 'react';\n\nimport { chartEventsWrapper } from './InteractionsOverlay.sty.js';\nimport type {\n  InteractionMode,\n  Interactions,\n  InteractionsOverlayProps,\n  OverlappingInteractionsProps,\n} from './types.js';\nimport { MIDDLE_BUTTON_ID } from '../../constants.js';\nimport { getActiveMode } from './utils/get-active-mode.js';\nimport { getExploreInteractions } from './utils/get-explore-interations.js';\nimport { getGestures } from './utils/get-gestures.js';\nimport { getInterfaceInteractions } from './utils/get-interface-interactions.js';\nimport { getPanInteractions } from './utils/get-pan-interactions.js';\nimport { getZoomInteractions } from './utils/get-zoom-interactions.js';\nimport { handleKeyDown } from './utils/handle-keydown.js';\nimport { isOwnEvent } from './utils/is-own-event.js';\nimport { useMergeRefs } from '../../../../core/hooks/useMergeRefs.js';\nimport { usePointerEvents } from '../../hooks/usePointerEvents.js';\nimport { usePreventScrollOnWheel } from '../../hooks/usePreventScrollOnWheel.js';\nimport type { RelativeAbsolutePosition } from '../../types/pointer-events.js';\n\nconst isDragDisabled = (\n  effectiveMode: InteractionMode,\n  panDisabled: boolean | undefined,\n  zoomDisabled: boolean | undefined,\n  isSelectDisabled: boolean | undefined,\n): boolean | undefined => {\n  if (effectiveMode === 'pan') {\n    return panDisabled;\n  }\n  if (effectiveMode === 'zoom') {\n    return zoomDisabled;\n  }\n  return isSelectDisabled;\n};\n\n/**\n * @internal\n * @param props -\n */\nexport const InteractionsOverlay = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<InteractionsOverlayProps>\n>((props, forwardedRef) => {\n  const {\n    style,\n    className,\n    mode,\n    pinned,\n    selectionArea,\n    width,\n    height,\n    onModeChange,\n    onFocus,\n    onHover,\n    onLeave,\n    onPanStart,\n    onPanChange,\n    onPanEnd,\n    onTogglePin,\n    onReset,\n    onSelectStart,\n    onSelectChange,\n    onSelectEnd,\n    onZoomStart,\n    onZoomChange,\n    onZoomEnd,\n    isZoomDisabled,\n    isPanDisabled,\n    isSelectDisabled,\n    isZoomXDisabled,\n    children,\n    ...restProps\n  } = props;\n\n  const zoomDisabled = selectionArea ? true : props.isZoomDisabled;\n  const panDisabled = selectionArea ? true : props.isPanDisabled;\n\n  //#region Internal state\n  /**\n   * Keeps track of full pan delta interaction in pixels\n   */\n  const panDeltaRef = useRef<number>(undefined);\n  /**\n   * Keeps track of mouse position\n   */\n  const lastMousePositionRef = useRef<RelativeAbsolutePosition>(undefined);\n\n  const isPointerDownRef = useRef(false);\n\n  const eventCancelled = useRef(false);\n\n  const handlerRef = useRef<null | (() => void)>(null);\n\n  //#endregion\n\n  const [cursorMode, setCursorMode] = useState<InteractionMode | 'zoomOut'>(\n    mode,\n  );\n\n  const htmlRef = useRef<HTMLDivElement>(null);\n\n  usePreventScrollOnWheel(htmlRef, mode);\n\n  const rootRef = useMergeRefs([htmlRef, forwardedRef]);\n\n  const overlappingInteractionsProps: OverlappingInteractionsProps = {\n    selectionArea,\n    eventCancelled,\n    isPointerDownRef,\n    onSelectEnd,\n    lastMousePositionRef,\n    pinned,\n    onHover,\n    onTogglePin,\n    setCursorMode,\n    height,\n    onReset,\n    width,\n    onZoomChange,\n    onPanChange,\n    panDeltaRef,\n    onPanStart,\n    onPanEnd,\n  };\n\n  //#region Native HTML events\n  const handleMouseLeave = () => {\n    onLeave?.({ triggeredBy: 'pointer' });\n    isPointerDownRef.current = false;\n    lastMousePositionRef.current = undefined;\n  };\n\n  const handleFocus = (event?: FocusEvent) => {\n    if (handlerRef.current) {\n      handlerRef.current();\n      handlerRef.current = null;\n    }\n    onFocus?.(event);\n  };\n\n  const handleBlur = (event: FocusEvent) => {\n    const nextFocusElement = event.relatedTarget;\n\n    if (!event.target?.contains(nextFocusElement)) {\n      onLeave?.({ triggeredBy: 'keyboard' });\n    }\n  };\n\n  const handleWheel = (event: WheelEvent) => {\n    interactions[\n      getActiveMode(mode, event, zoomDisabled, isPanDisabled)\n    ].onWheel(event);\n  };\n\n  const handleKeyboard = (event: KeyboardEvent) =>\n    handleKeyDown({\n      event,\n      lastMousePositionRef,\n      panDeltaRef,\n      selectionArea,\n      eventCancelled,\n      isPointerDownRef,\n      onSelectEnd,\n      onModeChange,\n      interaction:\n        interactions[getActiveMode(mode, event, zoomDisabled, isPanDisabled)],\n    });\n  //#endregion\n\n  //#region Interactions strategy\n  const interactions: Interactions = {\n    explore: getExploreInteractions({\n      ...overlappingInteractionsProps,\n      onModeChange,\n      onSelectChange,\n      onSelectStart,\n      isZoomXDisabled,\n    }),\n    zoom: getZoomInteractions({\n      ...overlappingInteractionsProps,\n      cursorMode,\n      onSelectChange,\n      onSelectStart,\n    }),\n    pan: getPanInteractions({\n      ...overlappingInteractionsProps,\n      onModeChange,\n      cursorMode,\n    }),\n  };\n  //#endregion\n\n  const {\n    handleMouseDown,\n    handleMouseMove,\n    handleMouseUp,\n    handleTouchStart,\n    handleTouchMove,\n    handleTouchEnd,\n  } = usePointerEvents({\n    ...getInterfaceInteractions(\n      interactions,\n      mode,\n      zoomDisabled,\n      isZoomXDisabled,\n      panDisabled,\n    ),\n    ...getGestures({\n      lastMousePositionRef,\n      panDeltaRef,\n      onZoomStart,\n      onZoomChange,\n      onZoomEnd,\n      onPanStart,\n      onPanChange,\n      onPanEnd,\n    }),\n    eventCancelled,\n  });\n\n  const handleDocumentMouseUp = (e: MouseEvent) => {\n    const { clientX, clientY } = e;\n    if (htmlRef?.current) {\n      handleMouseUp({\n        ...(e as unknown as ReactMouseEvent<HTMLDivElement>),\n        currentTarget: htmlRef.current,\n        clientX,\n        clientY,\n      });\n\n      isPointerDownRef.current = false;\n      lastMousePositionRef.current = undefined;\n    }\n  };\n\n  const handleDocumentMouseMove = (e: MouseEvent) => {\n    const { clientX, clientY } = e;\n    if (htmlRef?.current) {\n      handleMouseMove({\n        ...(e as unknown as ReactMouseEvent<HTMLDivElement>),\n        currentTarget: htmlRef.current,\n        clientX: clientX,\n        clientY,\n      });\n    }\n  };\n\n  const registerDocumentListeners = () => {\n    if (!handlerRef.current) {\n      document.addEventListener('mouseup', handleDocumentMouseUp);\n      document.addEventListener('pointermove', handleDocumentMouseMove);\n      handlerRef.current = () => {\n        document.removeEventListener('mouseup', handleDocumentMouseUp);\n        document.removeEventListener('pointermove', handleDocumentMouseMove);\n      };\n    }\n  };\n\n  return (\n    <div\n      ref={rootRef}\n      tabIndex={0}\n      className={classNames(\n        chartEventsWrapper({ mode: cursorMode }),\n        className,\n      )}\n      style={{\n        ...style,\n        cursor: cursorMode === 'explore' ? style?.cursor : undefined,\n      }}\n      onMouseDown={(event) => {\n        if (isOwnEvent(event)) {\n          const isMiddleButton = event.buttons === MIDDLE_BUTTON_ID;\n\n          if (!isMiddleButton) {\n            const effectiveMode = getActiveMode(\n              mode,\n              event,\n              zoomDisabled,\n              panDisabled,\n            );\n\n            if (\n              isDragDisabled(\n                effectiveMode,\n                panDisabled,\n                zoomDisabled,\n                isSelectDisabled,\n              )\n            ) {\n              return;\n            }\n          }\n\n          isPointerDownRef.current = true;\n          handleMouseDown(event);\n        }\n      }}\n      onMouseMove={(event) => {\n        if (isOwnEvent(event)) {\n          handleMouseMove(event);\n        }\n      }}\n      onMouseUp={(event) => {\n        if (isOwnEvent(event)) {\n          handleMouseUp(event);\n          isPointerDownRef.current = false;\n        }\n      }}\n      onMouseLeave={(e) => {\n        if (\n          isPointerDownRef.current &&\n          lastMousePositionRef.current &&\n          htmlRef.current\n        ) {\n          registerDocumentListeners();\n        } else {\n          handleMouseLeave();\n        }\n      }}\n      onTouchStart={(event) => {\n        if (isOwnEvent(event)) {\n          const effectiveMode = getActiveMode(\n            mode,\n            event,\n            zoomDisabled,\n            panDisabled,\n          );\n\n          if (\n            !isDragDisabled(\n              effectiveMode,\n              panDisabled,\n              zoomDisabled,\n              isSelectDisabled,\n            )\n          ) {\n            handleTouchStart(event);\n          }\n        }\n      }}\n      onTouchMove={(event) => {\n        if (isOwnEvent(event)) {\n          handleTouchMove(event);\n        }\n      }}\n      onTouchEnd={(event) => {\n        if (isOwnEvent(event)) {\n          handleTouchEnd(event);\n        }\n      }}\n      onMouseEnter={() => handleFocus()}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      onKeyDown={handleKeyboard}\n      onWheel={handleWheel}\n      {...restProps}\n    >\n      {children}\n    </div>\n  );\n});\n\n(InteractionsOverlay as typeof InteractionsOverlay & { displayName: string })[\n  'displayName'\n] = 'InteractionsOverlay';\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/core/components/interactions-overlay/InteractionsOverlay.sty.js

@@ -1,7 +1,7 @@
 import "./InteractionsOverlay.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var chartEventsWrapper = _7a468({ defaultClassName: "_nfahiq0-3-13-3", variantClassNames: { mode: { explore: "_nfahiq1-3-13-3", pan: "_nfahiq2-3-13-3", zoom: "_nfahiq3-3-13-3", zoomOut: "_nfahiq4-3-13-3" } }, defaultVariants: {}, compoundVariants: [] });
-var interactionsOverlay = "_nfahiq5-3-13-3";
+var chartEventsWrapper = _7a468({ defaultClassName: "_nfahiq0-3-14-1", variantClassNames: { mode: { explore: "_nfahiq1-3-14-1", pan: "_nfahiq2-3-14-1", zoom: "_nfahiq3-3-14-1", zoomOut: "_nfahiq4-3-14-1" } }, defaultVariants: {}, compoundVariants: [] });
+var interactionsOverlay = "_nfahiq5-3-14-1";
 export {
   chartEventsWrapper,
   interactionsOverlay

package/esm/charts/core/components/interactions-overlay/InteractionsOverlay.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/interactions-overlay/InteractionsOverlay.css.ts"],
-  "sourcesContent": ["import './InteractionsOverlay.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var chartEventsWrapper = _7a468({defaultClassName:'_nfahiq0-3-13-3',variantClassNames:{mode:{explore:'_nfahiq1-3-13-3',pan:'_nfahiq2-3-13-3',zoom:'_nfahiq3-3-13-3',zoomOut:'_nfahiq4-3-13-3'}},defaultVariants:{},compoundVariants:[]});\nexport var interactionsOverlay = '_nfahiq5-3-13-3';"],
+  "sourcesContent": ["import './InteractionsOverlay.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var chartEventsWrapper = _7a468({defaultClassName:'_nfahiq0-3-14-1',variantClassNames:{mode:{explore:'_nfahiq1-3-14-1',pan:'_nfahiq2-3-14-1',zoom:'_nfahiq3-3-14-1',zoomOut:'_nfahiq4-3-14-1'}},defaultVariants:{},compoundVariants:[]});\nexport var interactionsOverlay = '_nfahiq5-3-14-1';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,qBAAqB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,MAAK,EAAC,SAAQ,mBAAkB,KAAI,mBAAkB,MAAK,mBAAkB,SAAQ,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACvO,IAAI,sBAAsB;",
   "names": []
 }

package/esm/charts/core/components/interactions-overlay/interactions/pan/mouseInteractions.js

@@ -26,9 +26,9 @@ const panMouseWheel = ({
   event,
   onPanChange
 }) => {
-  const horizontal = event.deltaX && event.deltaX !== 0;
-  if (horizontal) {
-    onPanChange?.({ triggeredBy: "pointer", delta: event.deltaX });
+  const dominantDelta = Math.abs(event.deltaX) >= Math.abs(event.deltaY) ? event.deltaX : event.deltaY;
+  if (dominantDelta !== 0) {
+    onPanChange?.({ triggeredBy: "pointer", delta: dominantDelta });
   }
 };
 export {

package/esm/charts/core/components/interactions-overlay/interactions/pan/mouseInteractions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/interactions-overlay/interactions/pan/mouseInteractions.tsx"],
-  "sourcesContent": ["import type { RefObject, SetStateAction, WheelEvent } from 'react';\n\nimport type {\n  PointerEventModifiers,\n  PointerEventPosition,\n  RelativeAbsolutePosition,\n} from '../../../../types/pointer-events.js';\nimport type { InteractionMode, InteractionTriggers } from '../../types.js';\n\nexport const panMouseClickOrTap = ({\n  event,\n  lastMousePositionRef,\n}: {\n  event: PointerEventPosition & PointerEventModifiers;\n  lastMousePositionRef: RefObject<RelativeAbsolutePosition | undefined>;\n}) => {\n  const { position } = event;\n\n  lastMousePositionRef.current = position;\n};\nexport const panMouseHover = ({\n  event,\n  pinned,\n  lastMousePositionRef,\n  cursorMode,\n  setCursorMode,\n  onHover,\n}: {\n  event: PointerEventPosition & PointerEventModifiers;\n  pinned: boolean;\n  lastMousePositionRef: RefObject<RelativeAbsolutePosition | undefined>;\n  cursorMode: InteractionMode | 'zoomOut';\n  setCursorMode: (value: SetStateAction<'zoomOut' | InteractionMode>) => void;\n  onHover?: (event: {\n    triggeredBy: InteractionTriggers;\n    position: RelativeAbsolutePosition;\n  }) => void;\n}) => {\n  const { position } = event;\n  if (!pinned) {\n    onHover?.({ triggeredBy: 'pointer', position });\n  }\n  lastMousePositionRef.current = position;\n  if ('pan' !== cursorMode) {\n    setCursorMode('pan');\n  }\n};\n\nexport const panMouseWheel = ({\n  event,\n  onPanChange,\n}: {\n  event: WheelEvent;\n  onPanChange?: (event: {\n    triggeredBy: InteractionTriggers;\n    delta: number;\n  }) => void;\n}) => {\n  const horizontal = event.deltaX && event.deltaX !== 0;\n  if (horizontal) {\n    onPanChange?.({ triggeredBy: 'pointer', delta: event.deltaX });\n  }\n};\n"],
-  "mappings": "AASO,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AACF,MAGM;AACJ,QAAM,EAAE,SAAS,IAAI;AAErB,uBAAqB,UAAU;AACjC;AACO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAUM;AACJ,QAAM,EAAE,SAAS,IAAI;AACrB,MAAI,CAAC,QAAQ;AACX,cAAU,EAAE,aAAa,WAAW,SAAS,CAAC;AAAA,EAChD;AACA,uBAAqB,UAAU;AAC/B,MAAI,UAAU,YAAY;AACxB,kBAAc,KAAK;AAAA,EACrB;AACF;AAEO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AACF,MAMM;AACJ,QAAM,aAAa,MAAM,UAAU,MAAM,WAAW;AACpD,MAAI,YAAY;AACd,kBAAc,EAAE,aAAa,WAAW,OAAO,MAAM,OAAO,CAAC;AAAA,EAC/D;AACF;",
+  "sourcesContent": ["import type { RefObject, SetStateAction, WheelEvent } from 'react';\n\nimport type {\n  PointerEventModifiers,\n  PointerEventPosition,\n  RelativeAbsolutePosition,\n} from '../../../../types/pointer-events.js';\nimport type { InteractionMode, InteractionTriggers } from '../../types.js';\n\nexport const panMouseClickOrTap = ({\n  event,\n  lastMousePositionRef,\n}: {\n  event: PointerEventPosition & PointerEventModifiers;\n  lastMousePositionRef: RefObject<RelativeAbsolutePosition | undefined>;\n}) => {\n  const { position } = event;\n\n  lastMousePositionRef.current = position;\n};\nexport const panMouseHover = ({\n  event,\n  pinned,\n  lastMousePositionRef,\n  cursorMode,\n  setCursorMode,\n  onHover,\n}: {\n  event: PointerEventPosition & PointerEventModifiers;\n  pinned: boolean;\n  lastMousePositionRef: RefObject<RelativeAbsolutePosition | undefined>;\n  cursorMode: InteractionMode | 'zoomOut';\n  setCursorMode: (value: SetStateAction<'zoomOut' | InteractionMode>) => void;\n  onHover?: (event: {\n    triggeredBy: InteractionTriggers;\n    position: RelativeAbsolutePosition;\n  }) => void;\n}) => {\n  const { position } = event;\n  if (!pinned) {\n    onHover?.({ triggeredBy: 'pointer', position });\n  }\n  lastMousePositionRef.current = position;\n  if ('pan' !== cursorMode) {\n    setCursorMode('pan');\n  }\n};\n\nexport const panMouseWheel = ({\n  event,\n  onPanChange,\n}: {\n  event: WheelEvent;\n  onPanChange?: (event: {\n    triggeredBy: InteractionTriggers;\n    delta: number;\n  }) => void;\n}) => {\n  const dominantDelta =\n    Math.abs(event.deltaX) >= Math.abs(event.deltaY)\n      ? event.deltaX\n      : event.deltaY;\n  if (dominantDelta !== 0) {\n    onPanChange?.({ triggeredBy: 'pointer', delta: dominantDelta });\n  }\n};\n"],
+  "mappings": "AASO,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AACF,MAGM;AACJ,QAAM,EAAE,SAAS,IAAI;AAErB,uBAAqB,UAAU;AACjC;AACO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAUM;AACJ,QAAM,EAAE,SAAS,IAAI;AACrB,MAAI,CAAC,QAAQ;AACX,cAAU,EAAE,aAAa,WAAW,SAAS,CAAC;AAAA,EAChD;AACA,uBAAqB,UAAU;AAC/B,MAAI,UAAU,YAAY;AACxB,kBAAc,KAAK;AAAA,EACrB;AACF;AAEO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AACF,MAMM;AACJ,QAAM,gBACJ,KAAK,IAAI,MAAM,MAAM,KAAK,KAAK,IAAI,MAAM,MAAM,IAC3C,MAAM,SACN,MAAM;AACZ,MAAI,kBAAkB,GAAG;AACvB,kBAAc,EAAE,aAAa,WAAW,OAAO,cAAc,CAAC;AAAA,EAChE;AACF;",
   "names": []
 }

package/esm/charts/core/components/interactions-overlay/interactions/zoom/mouseInteractions.js

@@ -1,5 +1,4 @@
 import { ZOOM_FACTOR } from "../../constants.js";
-import { temporaryPan } from "../../utils/temporary-pan.js";
 import { temporaryZoom } from "../../utils/temporary-zoom.js";
 const zoomMouseClickOrTap = ({
   event,
@@ -46,14 +45,10 @@ const zoomMouseWheel = ({
   event,
   lastMousePositionRef,
   width,
-  onZoomChange,
-  onPanChange
+  onZoomChange
 }) => {
-  const isTemporaryPanMode = (event2) => event2.altKey;
-  const isTemporaryZoomMode = (event2) => event2.metaKey || event2.ctrlKey;
-  if (isTemporaryPanMode(event)) {
-    temporaryPan({ deltaX: event.deltaX, onPanChange });
-  } else if (isTemporaryZoomMode(event)) {
+  const isVerticalScroll = Math.abs(event.deltaY) > Math.abs(event.deltaX);
+  if (isVerticalScroll) {
     temporaryZoom({ event, lastMousePositionRef, width, onZoomChange });
   }
 };

package/esm/charts/core/components/interactions-overlay/interactions/zoom/mouseInteractions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/interactions-overlay/interactions/zoom/mouseInteractions.tsx"],
-  "sourcesContent": ["import type {\n  KeyboardEvent as ReactKeyboardEvent,\n  RefObject,\n  SetStateAction,\n  WheelEvent,\n} from 'react';\n\nimport type {\n  PointerEventModifiers,\n  PointerEventPosition,\n  RelativeAbsolutePosition,\n} from '../../../../types/pointer-events.js';\nimport { ZOOM_FACTOR } from '../../constants.js';\nimport type {\n  InteractionMode,\n  InteractionTriggers,\n  ZoomBehavior,\n} from '../../types.js';\nimport { temporaryPan } from '../../utils/temporary-pan.js';\nimport { temporaryZoom } from '../../utils/temporary-zoom.js';\n\nexport const zoomMouseClickOrTap = ({\n  event,\n  width,\n  lastMousePositionRef,\n  onZoomChange,\n}: {\n  event: PointerEventPosition & PointerEventModifiers;\n  width: number;\n  lastMousePositionRef: RefObject<RelativeAbsolutePosition | undefined>;\n  onZoomChange?: (event: {\n    triggeredBy: InteractionTriggers;\n    deltaStart: number;\n    deltaEnd: number;\n    behavior: ZoomBehavior;\n  }) => void;\n}) => {\n  const { position } = event;\n\n  const modifier = event.shiftKey ? -1 : 1;\n  const ratio = position.relative.x / width;\n  const delta = Math.floor(width * ZOOM_FACTOR) * modifier;\n\n  const deltaStart = delta * ratio;\n  const deltaEnd = -delta * (1 - ratio);\n\n  onZoomChange?.({\n    triggeredBy: 'pointer',\n    deltaStart,\n    deltaEnd,\n    behavior: event.shiftKey ? 'zoom-out' : 'zoom-in',\n  });\n\n  lastMousePositionRef.current = position;\n};\nexport const zoomMouseHover = ({\n  event,\n  pinned,\n  lastMousePositionRef,\n  cursorMode,\n  setCursorMode,\n  onHover,\n}: {\n  event: PointerEventPosition & PointerEventModifiers;\n  pinned: boolean;\n  lastMousePositionRef: RefObject<RelativeAbsolutePosition | undefined>;\n  cursorMode: 'zoomOut' | InteractionMode;\n  setCursorMode: (value: SetStateAction<'zoomOut' | InteractionMode>) => void;\n  onHover?: (event: {\n    triggeredBy: InteractionTriggers;\n    position: RelativeAbsolutePosition;\n  }) => void;\n}) => {\n  const { position } = event;\n  if (!pinned) {\n    onHover?.({ triggeredBy: 'pointer', position });\n  }\n  lastMousePositionRef.current = position;\n  if (event.shiftKey) {\n    if (cursorMode !== 'zoomOut') {\n      setCursorMode('zoomOut');\n    }\n  } else if ('zoom' !== cursorMode) {\n    setCursorMode('zoom');\n  }\n};\n\nexport const zoomMouseWheel = ({\n  event,\n  lastMousePositionRef,\n  width,\n  onZoomChange,\n  onPanChange,\n}: {\n  event: WheelEvent;\n  width: number;\n  lastMousePositionRef: RefObject<RelativeAbsolutePosition | undefined>;\n  onZoomChange?: (event: {\n    triggeredBy: InteractionTriggers;\n    deltaStart: number;\n    deltaEnd: number;\n    behavior: ZoomBehavior;\n  }) => void;\n  onPanChange?: (event: {\n    triggeredBy: InteractionTriggers;\n    delta: number;\n  }) => void;\n}) => {\n  const isTemporaryPanMode = (event: WheelEvent | ReactKeyboardEvent) =>\n    event.altKey;\n  const isTemporaryZoomMode = (event: WheelEvent | ReactKeyboardEvent) =>\n    event.metaKey || event.ctrlKey;\n\n  if (isTemporaryPanMode(event)) {\n    temporaryPan({ deltaX: event.deltaX, onPanChange });\n  } else if (isTemporaryZoomMode(event)) {\n    temporaryZoom({ event, lastMousePositionRef, width, onZoomChange });\n  }\n};\n"],
-  "mappings": "AAYA,SAAS,mBAAmB;AAM5B,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAEvB,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAUM;AACJ,QAAM,EAAE,SAAS,IAAI;AAErB,QAAM,WAAW,MAAM,WAAW,KAAK;AACvC,QAAM,QAAQ,SAAS,SAAS,IAAI;AACpC,QAAM,QAAQ,KAAK,MAAM,QAAQ,WAAW,IAAI;AAEhD,QAAM,aAAa,QAAQ;AAC3B,QAAM,WAAW,CAAC,SAAS,IAAI;AAE/B,iBAAe;AAAA,IACb,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA,UAAU,MAAM,WAAW,aAAa;AAAA,EAC1C,CAAC;AAED,uBAAqB,UAAU;AACjC;AACO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAUM;AACJ,QAAM,EAAE,SAAS,IAAI;AACrB,MAAI,CAAC,QAAQ;AACX,cAAU,EAAE,aAAa,WAAW,SAAS,CAAC;AAAA,EAChD;AACA,uBAAqB,UAAU;AAC/B,MAAI,MAAM,UAAU;AAClB,QAAI,eAAe,WAAW;AAC5B,oBAAc,SAAS;AAAA,IACzB;AAAA,EACF,WAAW,WAAW,YAAY;AAChC,kBAAc,MAAM;AAAA,EACtB;AACF;AAEO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAcM;AACJ,QAAM,qBAAqB,CAACA,WAC1BA,OAAM;AACR,QAAM,sBAAsB,CAACA,WAC3BA,OAAM,WAAWA,OAAM;AAEzB,MAAI,mBAAmB,KAAK,GAAG;AAC7B,iBAAa,EAAE,QAAQ,MAAM,QAAQ,YAAY,CAAC;AAAA,EACpD,WAAW,oBAAoB,KAAK,GAAG;AACrC,kBAAc,EAAE,OAAO,sBAAsB,OAAO,aAAa,CAAC;AAAA,EACpE;AACF;",
-  "names": ["event"]
+  "sourcesContent": ["import type { RefObject, SetStateAction, WheelEvent } from 'react';\n\nimport type {\n  PointerEventModifiers,\n  PointerEventPosition,\n  RelativeAbsolutePosition,\n} from '../../../../types/pointer-events.js';\nimport { ZOOM_FACTOR } from '../../constants.js';\nimport type {\n  InteractionMode,\n  InteractionTriggers,\n  ZoomBehavior,\n} from '../../types.js';\nimport { temporaryZoom } from '../../utils/temporary-zoom.js';\n\nexport const zoomMouseClickOrTap = ({\n  event,\n  width,\n  lastMousePositionRef,\n  onZoomChange,\n}: {\n  event: PointerEventPosition & PointerEventModifiers;\n  width: number;\n  lastMousePositionRef: RefObject<RelativeAbsolutePosition | undefined>;\n  onZoomChange?: (event: {\n    triggeredBy: InteractionTriggers;\n    deltaStart: number;\n    deltaEnd: number;\n    behavior: ZoomBehavior;\n  }) => void;\n}) => {\n  const { position } = event;\n\n  const modifier = event.shiftKey ? -1 : 1;\n  const ratio = position.relative.x / width;\n  const delta = Math.floor(width * ZOOM_FACTOR) * modifier;\n\n  const deltaStart = delta * ratio;\n  const deltaEnd = -delta * (1 - ratio);\n\n  onZoomChange?.({\n    triggeredBy: 'pointer',\n    deltaStart,\n    deltaEnd,\n    behavior: event.shiftKey ? 'zoom-out' : 'zoom-in',\n  });\n\n  lastMousePositionRef.current = position;\n};\nexport const zoomMouseHover = ({\n  event,\n  pinned,\n  lastMousePositionRef,\n  cursorMode,\n  setCursorMode,\n  onHover,\n}: {\n  event: PointerEventPosition & PointerEventModifiers;\n  pinned: boolean;\n  lastMousePositionRef: RefObject<RelativeAbsolutePosition | undefined>;\n  cursorMode: 'zoomOut' | InteractionMode;\n  setCursorMode: (value: SetStateAction<'zoomOut' | InteractionMode>) => void;\n  onHover?: (event: {\n    triggeredBy: InteractionTriggers;\n    position: RelativeAbsolutePosition;\n  }) => void;\n}) => {\n  const { position } = event;\n  if (!pinned) {\n    onHover?.({ triggeredBy: 'pointer', position });\n  }\n  lastMousePositionRef.current = position;\n  if (event.shiftKey) {\n    if (cursorMode !== 'zoomOut') {\n      setCursorMode('zoomOut');\n    }\n  } else if ('zoom' !== cursorMode) {\n    setCursorMode('zoom');\n  }\n};\n\nexport const zoomMouseWheel = ({\n  event,\n  lastMousePositionRef,\n  width,\n  onZoomChange,\n}: {\n  event: WheelEvent;\n  width: number;\n  lastMousePositionRef: RefObject<RelativeAbsolutePosition | undefined>;\n  onZoomChange?: (event: {\n    triggeredBy: InteractionTriggers;\n    deltaStart: number;\n    deltaEnd: number;\n    behavior: ZoomBehavior;\n  }) => void;\n}) => {\n  const isVerticalScroll = Math.abs(event.deltaY) > Math.abs(event.deltaX);\n  if (isVerticalScroll) {\n    temporaryZoom({ event, lastMousePositionRef, width, onZoomChange });\n  }\n};\n"],
+  "mappings": "AAOA,SAAS,mBAAmB;AAM5B,SAAS,qBAAqB;AAEvB,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAUM;AACJ,QAAM,EAAE,SAAS,IAAI;AAErB,QAAM,WAAW,MAAM,WAAW,KAAK;AACvC,QAAM,QAAQ,SAAS,SAAS,IAAI;AACpC,QAAM,QAAQ,KAAK,MAAM,QAAQ,WAAW,IAAI;AAEhD,QAAM,aAAa,QAAQ;AAC3B,QAAM,WAAW,CAAC,SAAS,IAAI;AAE/B,iBAAe;AAAA,IACb,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA,UAAU,MAAM,WAAW,aAAa;AAAA,EAC1C,CAAC;AAED,uBAAqB,UAAU;AACjC;AACO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAUM;AACJ,QAAM,EAAE,SAAS,IAAI;AACrB,MAAI,CAAC,QAAQ;AACX,cAAU,EAAE,aAAa,WAAW,SAAS,CAAC;AAAA,EAChD;AACA,uBAAqB,UAAU;AAC/B,MAAI,MAAM,UAAU;AAClB,QAAI,eAAe,WAAW;AAC5B,oBAAc,SAAS;AAAA,IACzB;AAAA,EACF,WAAW,WAAW,YAAY;AAChC,kBAAc,MAAM;AAAA,EACtB;AACF;AAEO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAUM;AACJ,QAAM,mBAAmB,KAAK,IAAI,MAAM,MAAM,IAAI,KAAK,IAAI,MAAM,MAAM;AACvE,MAAI,kBAAkB;AACpB,kBAAc,EAAE,OAAO,sBAAsB,OAAO,aAAa,CAAC;AAAA,EACpE;AACF;",
+  "names": []
 }

package/esm/charts/core/components/interactions-overlay/utils/get-pan-interactions.js

@@ -16,10 +16,6 @@ import {
   panMouseHover,
   panMouseWheel
 } from "../interactions/pan/mouseInteractions.js";
-import {
-  zoomKeyboardDown,
-  zoomKeyboardUp
-} from "../interactions/zoom/keyboardInteractions.js";
 import { reset } from "./reset.js";
 const getPanInteractions = ({
   panDeltaRef,
@@ -36,7 +32,6 @@ const getPanInteractions = ({
   height,
   onReset,
   width,
-  onZoomChange,
   onModeChange,
   onPanEnd,
   onPanChange,
@@ -87,15 +82,11 @@ const getPanInteractions = ({
     },
     onKeyRight: (shiftKey) => panKeyboardRight({ shiftKey, width, onPanChange }),
     onKeyLeft: (shiftKey) => panKeyboardLeft({ shiftKey, width, onPanChange }),
-    onKeyUp: (isTemporaryZoomMode) => {
-      if (isTemporaryZoomMode) {
-        zoomKeyboardUp({ width, onZoomChange });
-      }
+    onKeyUp: () => {
+      return;
     },
-    onKeyDown: (isTemporaryZoomMode) => {
-      if (isTemporaryZoomMode) {
-        zoomKeyboardDown({ width, onZoomChange });
-      }
+    onKeyDown: () => {
+      return;
     }
   };
 };

package/esm/charts/core/components/interactions-overlay/utils/get-pan-interactions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/interactions-overlay/utils/get-pan-interactions.tsx"],
-  "sourcesContent": ["import { type WheelEvent } from 'react';\n\nimport type {\n  DragEndProps,\n  DragMoveProps,\n  DragStartProps,\n  PointerEventModifiers,\n  PointerEventPosition,\n} from '../../../types/pointer-events.js';\nimport {\n  panDragEnd,\n  panDragEndWithMiddleButton,\n  panDragMove,\n  panDragMoveWithMiddleButton,\n  panDragStart,\n  panDragStartWithMiddleButton,\n} from '../interactions/pan/dragInteractions.js';\nimport {\n  panKeyboardEscape,\n  panKeyboardLeft,\n  panKeyboardRight,\n} from '../interactions/pan/keyboardInteractions.js';\nimport {\n  panMouseClickOrTap,\n  panMouseHover,\n  panMouseWheel,\n} from '../interactions/pan/mouseInteractions.js';\nimport {\n  zoomKeyboardDown,\n  zoomKeyboardUp,\n} from '../interactions/zoom/keyboardInteractions.js';\nimport type {\n  InteractionsHandlers,\n  InteractionTriggers,\n  panInteractions,\n} from '../types.js';\nimport { reset } from './reset.js';\n\nexport const getPanInteractions = ({\n  panDeltaRef,\n  onPanStart,\n  selectionArea,\n  eventCancelled,\n  isPointerDownRef,\n  onSelectEnd,\n  lastMousePositionRef,\n  pinned,\n  onHover,\n  onTogglePin,\n  setCursorMode,\n  height,\n  onReset,\n  width,\n  onZoomChange,\n  onModeChange,\n  onPanEnd,\n  onPanChange,\n  cursorMode,\n}: panInteractions): InteractionsHandlers => {\n  return {\n    onMouseHover: (event: PointerEventPosition & PointerEventModifiers) =>\n      panMouseHover({\n        event,\n        pinned,\n        lastMousePositionRef,\n        cursorMode,\n        setCursorMode,\n        onHover,\n      }),\n    onMouseClickOrTap: (event: PointerEventPosition & PointerEventModifiers) =>\n      panMouseClickOrTap({ event, lastMousePositionRef }),\n    onDragStart: (event: DragStartProps & PointerEventModifiers) =>\n      panDragStart({ panDeltaRef, onPanStart }),\n    onDragMove: (event: DragMoveProps & PointerEventModifiers) =>\n      panDragMove({ event, height, panDeltaRef, onPanChange }),\n    onDragEnd: (event: DragEndProps & PointerEventModifiers) =>\n      panDragEnd({ panDeltaRef, onPanEnd }),\n    onDragStartWithMiddleButton: () =>\n      panDragStartWithMiddleButton({ panDeltaRef, onPanStart }),\n    onDragMoveWithMiddleButton: (\n      event: DragMoveProps & PointerEventModifiers,\n    ) => panDragMoveWithMiddleButton({ event, panDeltaRef, onPanChange }),\n    onDragEndWithMiddleButton: (event: DragEndProps & PointerEventModifiers) =>\n      panDragEndWithMiddleButton({\n        event,\n        panDeltaRef,\n        lastMousePositionRef,\n        onPanEnd,\n      }),\n    onDoubleClickOrTap: (triggeredBy: InteractionTriggers) => {\n      onReset?.({\n        triggeredBy,\n      });\n\n      reset(lastMousePositionRef, panDeltaRef);\n    },\n    onWheel: (event: WheelEvent) => panMouseWheel({ event, onPanChange }),\n    onKeyEscape: () =>\n      panKeyboardEscape({\n        selectionArea,\n        eventCancelled,\n        isPointerDownRef,\n        onSelectEnd,\n        lastMousePositionRef,\n        pinned,\n        onHover,\n        onTogglePin,\n        onModeChange,\n        onPanEnd,\n      }),\n    onKeyEnter: () => {\n      return;\n    },\n    onKeyRight: (shiftKey: boolean) =>\n      panKeyboardRight({ shiftKey, width, onPanChange }),\n    onKeyLeft: (shiftKey: boolean) =>\n      panKeyboardLeft({ shiftKey, width, onPanChange }),\n    onKeyUp: (isTemporaryZoomMode: boolean) => {\n      if (isTemporaryZoomMode) {\n        zoomKeyboardUp({ width, onZoomChange });\n      }\n    },\n    onKeyDown: (isTemporaryZoomMode: boolean) => {\n      if (isTemporaryZoomMode) {\n        zoomKeyboardDown({ width, onZoomChange });\n      }\n    },\n  };\n};\n"],
-  "mappings": "AASA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAMP,SAAS,aAAa;AAEf,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6C;AAC3C,SAAO;AAAA,IACL,cAAc,CAAC,UACb,cAAc;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,mBAAmB,CAAC,UAClB,mBAAmB,EAAE,OAAO,qBAAqB,CAAC;AAAA,IACpD,aAAa,CAAC,UACZ,aAAa,EAAE,aAAa,WAAW,CAAC;AAAA,IAC1C,YAAY,CAAC,UACX,YAAY,EAAE,OAAO,QAAQ,aAAa,YAAY,CAAC;AAAA,IACzD,WAAW,CAAC,UACV,WAAW,EAAE,aAAa,SAAS,CAAC;AAAA,IACtC,6BAA6B,MAC3B,6BAA6B,EAAE,aAAa,WAAW,CAAC;AAAA,IAC1D,4BAA4B,CAC1B,UACG,4BAA4B,EAAE,OAAO,aAAa,YAAY,CAAC;AAAA,IACpE,2BAA2B,CAAC,UAC1B,2BAA2B;AAAA,MACzB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,oBAAoB,CAAC,gBAAqC;AACxD,gBAAU;AAAA,QACR;AAAA,MACF,CAAC;AAED,YAAM,sBAAsB,WAAW;AAAA,IACzC;AAAA,IACA,SAAS,CAAC,UAAsB,cAAc,EAAE,OAAO,YAAY,CAAC;AAAA,IACpE,aAAa,MACX,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,YAAY,MAAM;AAChB;AAAA,IACF;AAAA,IACA,YAAY,CAAC,aACX,iBAAiB,EAAE,UAAU,OAAO,YAAY,CAAC;AAAA,IACnD,WAAW,CAAC,aACV,gBAAgB,EAAE,UAAU,OAAO,YAAY,CAAC;AAAA,IAClD,SAAS,CAAC,wBAAiC;AACzC,UAAI,qBAAqB;AACvB,uBAAe,EAAE,OAAO,aAAa,CAAC;AAAA,MACxC;AAAA,IACF;AAAA,IACA,WAAW,CAAC,wBAAiC;AAC3C,UAAI,qBAAqB;AACvB,yBAAiB,EAAE,OAAO,aAAa,CAAC;AAAA,MAC1C;AAAA,IACF;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { type WheelEvent } from 'react';\n\nimport type {\n  DragEndProps,\n  DragMoveProps,\n  DragStartProps,\n  PointerEventModifiers,\n  PointerEventPosition,\n} from '../../../types/pointer-events.js';\nimport {\n  panDragEnd,\n  panDragEndWithMiddleButton,\n  panDragMove,\n  panDragMoveWithMiddleButton,\n  panDragStart,\n  panDragStartWithMiddleButton,\n} from '../interactions/pan/dragInteractions.js';\nimport {\n  panKeyboardEscape,\n  panKeyboardLeft,\n  panKeyboardRight,\n} from '../interactions/pan/keyboardInteractions.js';\nimport {\n  panMouseClickOrTap,\n  panMouseHover,\n  panMouseWheel,\n} from '../interactions/pan/mouseInteractions.js';\nimport type {\n  InteractionsHandlers,\n  InteractionTriggers,\n  panInteractions,\n} from '../types.js';\nimport { reset } from './reset.js';\n\nexport const getPanInteractions = ({\n  panDeltaRef,\n  onPanStart,\n  selectionArea,\n  eventCancelled,\n  isPointerDownRef,\n  onSelectEnd,\n  lastMousePositionRef,\n  pinned,\n  onHover,\n  onTogglePin,\n  setCursorMode,\n  height,\n  onReset,\n  width,\n  onModeChange,\n  onPanEnd,\n  onPanChange,\n  cursorMode,\n}: panInteractions): InteractionsHandlers => {\n  return {\n    onMouseHover: (event: PointerEventPosition & PointerEventModifiers) =>\n      panMouseHover({\n        event,\n        pinned,\n        lastMousePositionRef,\n        cursorMode,\n        setCursorMode,\n        onHover,\n      }),\n    onMouseClickOrTap: (event: PointerEventPosition & PointerEventModifiers) =>\n      panMouseClickOrTap({ event, lastMousePositionRef }),\n    onDragStart: (event: DragStartProps & PointerEventModifiers) =>\n      panDragStart({ panDeltaRef, onPanStart }),\n    onDragMove: (event: DragMoveProps & PointerEventModifiers) =>\n      panDragMove({ event, height, panDeltaRef, onPanChange }),\n    onDragEnd: (event: DragEndProps & PointerEventModifiers) =>\n      panDragEnd({ panDeltaRef, onPanEnd }),\n    onDragStartWithMiddleButton: () =>\n      panDragStartWithMiddleButton({ panDeltaRef, onPanStart }),\n    onDragMoveWithMiddleButton: (\n      event: DragMoveProps & PointerEventModifiers,\n    ) => panDragMoveWithMiddleButton({ event, panDeltaRef, onPanChange }),\n    onDragEndWithMiddleButton: (event: DragEndProps & PointerEventModifiers) =>\n      panDragEndWithMiddleButton({\n        event,\n        panDeltaRef,\n        lastMousePositionRef,\n        onPanEnd,\n      }),\n    onDoubleClickOrTap: (triggeredBy: InteractionTriggers) => {\n      onReset?.({\n        triggeredBy,\n      });\n\n      reset(lastMousePositionRef, panDeltaRef);\n    },\n    onWheel: (event: WheelEvent) => panMouseWheel({ event, onPanChange }),\n    onKeyEscape: () =>\n      panKeyboardEscape({\n        selectionArea,\n        eventCancelled,\n        isPointerDownRef,\n        onSelectEnd,\n        lastMousePositionRef,\n        pinned,\n        onHover,\n        onTogglePin,\n        onModeChange,\n        onPanEnd,\n      }),\n    onKeyEnter: () => {\n      return;\n    },\n    onKeyRight: (shiftKey: boolean) =>\n      panKeyboardRight({ shiftKey, width, onPanChange }),\n    onKeyLeft: (shiftKey: boolean) =>\n      panKeyboardLeft({ shiftKey, width, onPanChange }),\n    onKeyUp: () => {\n      return;\n    },\n    onKeyDown: () => {\n      return;\n    },\n  };\n};\n"],
+  "mappings": "AASA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAMP,SAAS,aAAa;AAEf,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6C;AAC3C,SAAO;AAAA,IACL,cAAc,CAAC,UACb,cAAc;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,mBAAmB,CAAC,UAClB,mBAAmB,EAAE,OAAO,qBAAqB,CAAC;AAAA,IACpD,aAAa,CAAC,UACZ,aAAa,EAAE,aAAa,WAAW,CAAC;AAAA,IAC1C,YAAY,CAAC,UACX,YAAY,EAAE,OAAO,QAAQ,aAAa,YAAY,CAAC;AAAA,IACzD,WAAW,CAAC,UACV,WAAW,EAAE,aAAa,SAAS,CAAC;AAAA,IACtC,6BAA6B,MAC3B,6BAA6B,EAAE,aAAa,WAAW,CAAC;AAAA,IAC1D,4BAA4B,CAC1B,UACG,4BAA4B,EAAE,OAAO,aAAa,YAAY,CAAC;AAAA,IACpE,2BAA2B,CAAC,UAC1B,2BAA2B;AAAA,MACzB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,oBAAoB,CAAC,gBAAqC;AACxD,gBAAU;AAAA,QACR;AAAA,MACF,CAAC;AAED,YAAM,sBAAsB,WAAW;AAAA,IACzC;AAAA,IACA,SAAS,CAAC,UAAsB,cAAc,EAAE,OAAO,YAAY,CAAC;AAAA,IACpE,aAAa,MACX,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,YAAY,MAAM;AAChB;AAAA,IACF;AAAA,IACA,YAAY,CAAC,aACX,iBAAiB,EAAE,UAAU,OAAO,YAAY,CAAC;AAAA,IACnD,WAAW,CAAC,aACV,gBAAgB,EAAE,UAAU,OAAO,YAAY,CAAC;AAAA,IAClD,SAAS,MAAM;AACb;AAAA,IACF;AAAA,IACA,WAAW,MAAM;AACf;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/charts/core/components/interactions-overlay/utils/get-zoom-interactions.js

@@ -85,8 +85,7 @@ const getZoomInteractions = ({
       event,
       lastMousePositionRef,
       width,
-      onZoomChange,
-      onPanChange
+      onZoomChange
     }),
     onKeyEscape: () => zoomKeyboardEscape({
       selectionArea,
@@ -112,15 +111,11 @@ const getZoomInteractions = ({
     onKeyLeft: () => {
       return;
     },
-    onKeyUp: (isTemporaryZoomMode) => {
-      if (isTemporaryZoomMode) {
-        zoomKeyboardUp({ width, onZoomChange });
-      }
+    onKeyUp: () => {
+      zoomKeyboardUp({ width, onZoomChange });
     },
-    onKeyDown: (isTemporaryZoomMode) => {
-      if (isTemporaryZoomMode) {
-        zoomKeyboardDown({ width, onZoomChange });
-      }
+    onKeyDown: () => {
+      zoomKeyboardDown({ width, onZoomChange });
     },
     onDragStartWithMiddleButton: () => panDragStartWithMiddleButton({ panDeltaRef, onPanStart }),
     onDragMoveWithMiddleButton: (event) => panDragMoveWithMiddleButton({ event, panDeltaRef, onPanChange }),

package/esm/charts/core/components/interactions-overlay/utils/get-zoom-interactions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/interactions-overlay/utils/get-zoom-interactions.tsx"],
-  "sourcesContent": ["import { type WheelEvent } from 'react';\n\nimport { reset } from './reset.js';\nimport type {\n  DragEndProps,\n  DragMoveProps,\n  DragStartProps,\n  PointerEventModifiers,\n  PointerEventPosition,\n} from '../../../types/pointer-events.js';\nimport {\n  panDragEndWithMiddleButton,\n  panDragMoveWithMiddleButton,\n  panDragStartWithMiddleButton,\n} from '../interactions/pan/dragInteractions.js';\nimport {\n  zoomDragEnd,\n  zoomDragMove,\n  zoomDragStart,\n} from '../interactions/zoom/dragInteractions.js';\nimport {\n  zoomKeyboardDown,\n  zoomKeyboardEnter,\n  zoomKeyboardEscape,\n  zoomKeyboardUp,\n} from '../interactions/zoom/keyboardInteractions.js';\nimport {\n  zoomMouseClickOrTap,\n  zoomMouseHover,\n  zoomMouseWheel,\n} from '../interactions/zoom/mouseInteractions.js';\nimport type {\n  InteractionsHandlers,\n  InteractionTriggers,\n  zoomInteractions,\n} from '../types.js';\n\nexport const getZoomInteractions = ({\n  cursorMode,\n  selectionArea,\n  eventCancelled,\n  isPointerDownRef,\n  onSelectEnd,\n  lastMousePositionRef,\n  pinned,\n  onHover,\n  onTogglePin,\n  setCursorMode,\n  height,\n  onSelectChange,\n  onSelectStart,\n  onReset,\n  width,\n  onZoomChange,\n  onPanChange,\n  panDeltaRef,\n  onPanStart,\n  onPanEnd,\n}: zoomInteractions): InteractionsHandlers => {\n  return {\n    onMouseHover: (event: PointerEventPosition & PointerEventModifiers) => {\n      if (selectionArea) {\n        return;\n      }\n      zoomMouseHover({\n        event,\n        pinned,\n        lastMousePositionRef,\n        cursorMode,\n        setCursorMode,\n        onHover,\n      });\n    },\n    onMouseClickOrTap: (event: PointerEventPosition & PointerEventModifiers) =>\n      zoomMouseClickOrTap({\n        event,\n        width,\n        lastMousePositionRef,\n        onZoomChange,\n      }),\n    onDragStart: (event: DragStartProps & PointerEventModifiers) =>\n      zoomDragStart({\n        event,\n        onSelectStart,\n      }),\n    onDragMove: (event: DragMoveProps & PointerEventModifiers) =>\n      zoomDragMove({ event, height, width, onSelectChange }),\n    onDragEnd: (event: DragEndProps & PointerEventModifiers) =>\n      zoomDragEnd({\n        event,\n        height,\n        width,\n        lastMousePositionRef,\n        onSelectEnd,\n        onZoomChange,\n      }),\n    onDoubleClickOrTap: (triggeredBy: InteractionTriggers) => {\n      onReset?.({\n        triggeredBy,\n      });\n\n      reset(lastMousePositionRef);\n    },\n    onWheel: (event: WheelEvent) =>\n      zoomMouseWheel({\n        event,\n        lastMousePositionRef,\n        width,\n        onZoomChange,\n        onPanChange,\n      }),\n    onKeyEscape: () =>\n      zoomKeyboardEscape({\n        selectionArea,\n        eventCancelled,\n        isPointerDownRef,\n        onSelectEnd,\n        lastMousePositionRef,\n        pinned,\n        onHover,\n        onTogglePin,\n      }),\n    onKeyEnter: () =>\n      zoomKeyboardEnter({\n        selectionArea,\n        lastMousePositionRef,\n        width,\n        onSelectEnd,\n        onZoomChange,\n        onHover,\n      }),\n    onKeyRight: () => {\n      return;\n    },\n    onKeyLeft: () => {\n      return;\n    },\n    onKeyUp: (isTemporaryZoomMode: boolean) => {\n      if (isTemporaryZoomMode) {\n        zoomKeyboardUp({ width, onZoomChange });\n      }\n    },\n    onKeyDown: (isTemporaryZoomMode: boolean) => {\n      if (isTemporaryZoomMode) {\n        zoomKeyboardDown({ width, onZoomChange });\n      }\n    },\n    onDragStartWithMiddleButton: () =>\n      panDragStartWithMiddleButton({ panDeltaRef, onPanStart }),\n    onDragMoveWithMiddleButton: (\n      event: DragMoveProps & PointerEventModifiers,\n    ) => panDragMoveWithMiddleButton({ event, panDeltaRef, onPanChange }),\n    onDragEndWithMiddleButton: (event: DragEndProps & PointerEventModifiers) =>\n      panDragEndWithMiddleButton({\n        event,\n        panDeltaRef,\n        lastMousePositionRef,\n        onPanEnd,\n      }),\n  };\n};\n"],
-  "mappings": "AAEA,SAAS,aAAa;AAQtB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAOA,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA8C;AAC5C,SAAO;AAAA,IACL,cAAc,CAAC,UAAwD;AACrE,UAAI,eAAe;AACjB;AAAA,MACF;AACA,qBAAe;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,mBAAmB,CAAC,UAClB,oBAAoB;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,aAAa,CAAC,UACZ,cAAc;AAAA,MACZ;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,YAAY,CAAC,UACX,aAAa,EAAE,OAAO,QAAQ,OAAO,eAAe,CAAC;AAAA,IACvD,WAAW,CAAC,UACV,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,oBAAoB,CAAC,gBAAqC;AACxD,gBAAU;AAAA,QACR;AAAA,MACF,CAAC;AAED,YAAM,oBAAoB;AAAA,IAC5B;AAAA,IACA,SAAS,CAAC,UACR,eAAe;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,aAAa,MACX,mBAAmB;AAAA,MACjB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,YAAY,MACV,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,YAAY,MAAM;AAChB;AAAA,IACF;AAAA,IACA,WAAW,MAAM;AACf;AAAA,IACF;AAAA,IACA,SAAS,CAAC,wBAAiC;AACzC,UAAI,qBAAqB;AACvB,uBAAe,EAAE,OAAO,aAAa,CAAC;AAAA,MACxC;AAAA,IACF;AAAA,IACA,WAAW,CAAC,wBAAiC;AAC3C,UAAI,qBAAqB;AACvB,yBAAiB,EAAE,OAAO,aAAa,CAAC;AAAA,MAC1C;AAAA,IACF;AAAA,IACA,6BAA6B,MAC3B,6BAA6B,EAAE,aAAa,WAAW,CAAC;AAAA,IAC1D,4BAA4B,CAC1B,UACG,4BAA4B,EAAE,OAAO,aAAa,YAAY,CAAC;AAAA,IACpE,2BAA2B,CAAC,UAC1B,2BAA2B;AAAA,MACzB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACL;AACF;",
+  "sourcesContent": ["import { type WheelEvent } from 'react';\n\nimport { reset } from './reset.js';\nimport type {\n  DragEndProps,\n  DragMoveProps,\n  DragStartProps,\n  PointerEventModifiers,\n  PointerEventPosition,\n} from '../../../types/pointer-events.js';\nimport {\n  panDragEndWithMiddleButton,\n  panDragMoveWithMiddleButton,\n  panDragStartWithMiddleButton,\n} from '../interactions/pan/dragInteractions.js';\nimport {\n  zoomDragEnd,\n  zoomDragMove,\n  zoomDragStart,\n} from '../interactions/zoom/dragInteractions.js';\nimport {\n  zoomKeyboardDown,\n  zoomKeyboardEnter,\n  zoomKeyboardEscape,\n  zoomKeyboardUp,\n} from '../interactions/zoom/keyboardInteractions.js';\nimport {\n  zoomMouseClickOrTap,\n  zoomMouseHover,\n  zoomMouseWheel,\n} from '../interactions/zoom/mouseInteractions.js';\nimport type {\n  InteractionsHandlers,\n  InteractionTriggers,\n  zoomInteractions,\n} from '../types.js';\n\nexport const getZoomInteractions = ({\n  cursorMode,\n  selectionArea,\n  eventCancelled,\n  isPointerDownRef,\n  onSelectEnd,\n  lastMousePositionRef,\n  pinned,\n  onHover,\n  onTogglePin,\n  setCursorMode,\n  height,\n  onSelectChange,\n  onSelectStart,\n  onReset,\n  width,\n  onZoomChange,\n  onPanChange,\n  panDeltaRef,\n  onPanStart,\n  onPanEnd,\n}: zoomInteractions): InteractionsHandlers => {\n  return {\n    onMouseHover: (event: PointerEventPosition & PointerEventModifiers) => {\n      if (selectionArea) {\n        return;\n      }\n      zoomMouseHover({\n        event,\n        pinned,\n        lastMousePositionRef,\n        cursorMode,\n        setCursorMode,\n        onHover,\n      });\n    },\n    onMouseClickOrTap: (event: PointerEventPosition & PointerEventModifiers) =>\n      zoomMouseClickOrTap({\n        event,\n        width,\n        lastMousePositionRef,\n        onZoomChange,\n      }),\n    onDragStart: (event: DragStartProps & PointerEventModifiers) =>\n      zoomDragStart({\n        event,\n        onSelectStart,\n      }),\n    onDragMove: (event: DragMoveProps & PointerEventModifiers) =>\n      zoomDragMove({ event, height, width, onSelectChange }),\n    onDragEnd: (event: DragEndProps & PointerEventModifiers) =>\n      zoomDragEnd({\n        event,\n        height,\n        width,\n        lastMousePositionRef,\n        onSelectEnd,\n        onZoomChange,\n      }),\n    onDoubleClickOrTap: (triggeredBy: InteractionTriggers) => {\n      onReset?.({\n        triggeredBy,\n      });\n\n      reset(lastMousePositionRef);\n    },\n    onWheel: (event: WheelEvent) =>\n      zoomMouseWheel({\n        event,\n        lastMousePositionRef,\n        width,\n        onZoomChange,\n      }),\n    onKeyEscape: () =>\n      zoomKeyboardEscape({\n        selectionArea,\n        eventCancelled,\n        isPointerDownRef,\n        onSelectEnd,\n        lastMousePositionRef,\n        pinned,\n        onHover,\n        onTogglePin,\n      }),\n    onKeyEnter: () =>\n      zoomKeyboardEnter({\n        selectionArea,\n        lastMousePositionRef,\n        width,\n        onSelectEnd,\n        onZoomChange,\n        onHover,\n      }),\n    onKeyRight: () => {\n      return;\n    },\n    onKeyLeft: () => {\n      return;\n    },\n    onKeyUp: () => {\n      zoomKeyboardUp({ width, onZoomChange });\n    },\n    onKeyDown: () => {\n      zoomKeyboardDown({ width, onZoomChange });\n    },\n    onDragStartWithMiddleButton: () =>\n      panDragStartWithMiddleButton({ panDeltaRef, onPanStart }),\n    onDragMoveWithMiddleButton: (\n      event: DragMoveProps & PointerEventModifiers,\n    ) => panDragMoveWithMiddleButton({ event, panDeltaRef, onPanChange }),\n    onDragEndWithMiddleButton: (event: DragEndProps & PointerEventModifiers) =>\n      panDragEndWithMiddleButton({\n        event,\n        panDeltaRef,\n        lastMousePositionRef,\n        onPanEnd,\n      }),\n  };\n};\n"],
+  "mappings": "AAEA,SAAS,aAAa;AAQtB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAOA,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA8C;AAC5C,SAAO;AAAA,IACL,cAAc,CAAC,UAAwD;AACrE,UAAI,eAAe;AACjB;AAAA,MACF;AACA,qBAAe;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,mBAAmB,CAAC,UAClB,oBAAoB;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,aAAa,CAAC,UACZ,cAAc;AAAA,MACZ;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,YAAY,CAAC,UACX,aAAa,EAAE,OAAO,QAAQ,OAAO,eAAe,CAAC;AAAA,IACvD,WAAW,CAAC,UACV,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,oBAAoB,CAAC,gBAAqC;AACxD,gBAAU;AAAA,QACR;AAAA,MACF,CAAC;AAED,YAAM,oBAAoB;AAAA,IAC5B;AAAA,IACA,SAAS,CAAC,UACR,eAAe;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,aAAa,MACX,mBAAmB;AAAA,MACjB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,YAAY,MACV,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,YAAY,MAAM;AAChB;AAAA,IACF;AAAA,IACA,WAAW,MAAM;AACf;AAAA,IACF;AAAA,IACA,SAAS,MAAM;AACb,qBAAe,EAAE,OAAO,aAAa,CAAC;AAAA,IACxC;AAAA,IACA,WAAW,MAAM;AACf,uBAAiB,EAAE,OAAO,aAAa,CAAC;AAAA,IAC1C;AAAA,IACA,6BAA6B,MAC3B,6BAA6B,EAAE,aAAa,WAAW,CAAC;AAAA,IAC1D,4BAA4B,CAC1B,UACG,4BAA4B,EAAE,OAAO,aAAa,YAAY,CAAC;AAAA,IACpE,2BAA2B,CAAC,UAC1B,2BAA2B;AAAA,MACzB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACL;AACF;",
   "names": []
 }

package/esm/charts/core/components/interactions-overlay/utils/handle-keydown.js

@@ -1,7 +1,7 @@
 import { isUndefined } from "lodash-es";
 import { KeyboardControls } from "../constants.js";
+import { isTemporaryZoomMode } from "./interaction-mode.js";
 import { reset } from "./reset.js";
-const isTemporaryZoomMode = (event) => event.metaKey || event.ctrlKey;
 const handleKeyDown = ({
   event,
   selectionArea,

package/esm/charts/core/components/interactions-overlay/utils/handle-keydown.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/interactions-overlay/utils/handle-keydown.ts"],
-  "sourcesContent": ["//#region Keyboard handlers\nimport { isUndefined } from 'lodash-es';\nimport type { KeyboardEvent, RefObject, WheelEvent } from 'react';\n\nimport type { RelativeAbsolutePosition } from '../../../types/pointer-events.js';\nimport { KeyboardControls } from '../constants.js';\nimport type {\n  InteractionsHandlers,\n  InteractionsOverlayProps,\n} from '../types.js';\nimport { reset } from './reset.js';\n\ntype KeyboardInteractions = Pick<\n  InteractionsOverlayProps,\n  'selectionArea' | 'onSelectEnd' | 'onModeChange'\n> & {\n  lastMousePositionRef: RefObject<RelativeAbsolutePosition | undefined>;\n  panDeltaRef: RefObject<number | undefined>;\n  eventCancelled: RefObject<boolean>;\n  isPointerDownRef: RefObject<boolean>;\n  interaction: InteractionsHandlers;\n  event: KeyboardEvent;\n};\n\nconst isTemporaryZoomMode = (event: WheelEvent | KeyboardEvent) =>\n  event.metaKey || event.ctrlKey;\n\nexport const handleKeyDown = ({\n  event,\n  selectionArea,\n  eventCancelled,\n  isPointerDownRef,\n  onSelectEnd,\n  onModeChange,\n  interaction,\n  panDeltaRef,\n  lastMousePositionRef,\n}: KeyboardInteractions) => {\n  switch (event.key) {\n    case KeyboardControls.KEYBOARD_EXPLORE_MODE_SHORTCUT:\n    case KeyboardControls.KEYBOARD_EXPLORE_MODE_SHORTCUT_ALTERNATIVE: {\n      reset(lastMousePositionRef, panDeltaRef);\n\n      if (!isUndefined(selectionArea)) {\n        if (isPointerDownRef.current) {\n          eventCancelled.current = true;\n        }\n        onSelectEnd?.({ cancelled: true });\n      }\n\n      onModeChange?.({ mode: 'explore', keyboard: true });\n      break;\n    }\n    case KeyboardControls.KEYBOARD_PAN_MODE_SHORTCUT:\n    case KeyboardControls.KEYBOARD_PAN_MODE_SHORTCUT_ALTERNATIVE: {\n      reset(lastMousePositionRef, panDeltaRef);\n\n      onModeChange?.({ mode: 'pan', keyboard: true });\n      break;\n    }\n    case KeyboardControls.KEYBOARD_ZOOM_MODE_SHORTCUT:\n    case KeyboardControls.KEYBOARD_ZOOM_MODE_SHORTCUT_ALTERNATIVE: {\n      reset(lastMousePositionRef, panDeltaRef);\n\n      if (!isUndefined(selectionArea)) {\n        if (isPointerDownRef.current) {\n          eventCancelled.current = true;\n        }\n        onSelectEnd?.({ cancelled: true });\n      }\n\n      onModeChange?.({ mode: 'zoom', keyboard: true });\n      break;\n    }\n    case KeyboardControls.KEYBOARD_RESET_SHORTCUT:\n    case KeyboardControls.KEYBOARD_RESET_SHORTCUT_ALTERNATIVE:\n      interaction.onDoubleClickOrTap('keyboard');\n      break;\n    case KeyboardControls.UP_ARROW: {\n      event.preventDefault();\n      interaction.onKeyUp(isTemporaryZoomMode(event));\n\n      break;\n    }\n    case KeyboardControls.DOWN_ARROW: {\n      event.preventDefault();\n      interaction.onKeyDown(isTemporaryZoomMode(event));\n\n      break;\n    }\n    case KeyboardControls.LEFT_ARROW: {\n      interaction.onKeyLeft(event.shiftKey);\n\n      break;\n    }\n    case KeyboardControls.RIGHT_ARROW: {\n      interaction.onKeyRight(event.shiftKey);\n\n      break;\n    }\n    case KeyboardControls.ENTER: {\n      if (!isUndefined(selectionArea)) {\n        interaction.onKeyEnter();\n      }\n      break;\n    }\n    case KeyboardControls.ESCAPE: {\n      interaction.onKeyEscape();\n      reset(lastMousePositionRef, panDeltaRef);\n\n      break;\n    }\n  }\n};\n//#endregion\n"],
-  "mappings": "AACA,SAAS,mBAAmB;AAI5B,SAAS,wBAAwB;AAKjC,SAAS,aAAa;AActB,MAAM,sBAAsB,CAAC,UAC3B,MAAM,WAAW,MAAM;AAElB,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA4B;AAC1B,UAAQ,MAAM,KAAK;AAAA,IACjB,KAAK,iBAAiB;AAAA,IACtB,KAAK,iBAAiB,4CAA4C;AAChE,YAAM,sBAAsB,WAAW;AAEvC,UAAI,CAAC,YAAY,aAAa,GAAG;AAC/B,YAAI,iBAAiB,SAAS;AAC5B,yBAAe,UAAU;AAAA,QAC3B;AACA,sBAAc,EAAE,WAAW,KAAK,CAAC;AAAA,MACnC;AAEA,qBAAe,EAAE,MAAM,WAAW,UAAU,KAAK,CAAC;AAClD;AAAA,IACF;AAAA,IACA,KAAK,iBAAiB;AAAA,IACtB,KAAK,iBAAiB,wCAAwC;AAC5D,YAAM,sBAAsB,WAAW;AAEvC,qBAAe,EAAE,MAAM,OAAO,UAAU,KAAK,CAAC;AAC9C;AAAA,IACF;AAAA,IACA,KAAK,iBAAiB;AAAA,IACtB,KAAK,iBAAiB,yCAAyC;AAC7D,YAAM,sBAAsB,WAAW;AAEvC,UAAI,CAAC,YAAY,aAAa,GAAG;AAC/B,YAAI,iBAAiB,SAAS;AAC5B,yBAAe,UAAU;AAAA,QAC3B;AACA,sBAAc,EAAE,WAAW,KAAK,CAAC;AAAA,MACnC;AAEA,qBAAe,EAAE,MAAM,QAAQ,UAAU,KAAK,CAAC;AAC/C;AAAA,IACF;AAAA,IACA,KAAK,iBAAiB;AAAA,IACtB,KAAK,iBAAiB;AACpB,kBAAY,mBAAmB,UAAU;AACzC;AAAA,IACF,KAAK,iBAAiB,UAAU;AAC9B,YAAM,eAAe;AACrB,kBAAY,QAAQ,oBAAoB,KAAK,CAAC;AAE9C;AAAA,IACF;AAAA,IACA,KAAK,iBAAiB,YAAY;AAChC,YAAM,eAAe;AACrB,kBAAY,UAAU,oBAAoB,KAAK,CAAC;AAEhD;AAAA,IACF;AAAA,IACA,KAAK,iBAAiB,YAAY;AAChC,kBAAY,UAAU,MAAM,QAAQ;AAEpC;AAAA,IACF;AAAA,IACA,KAAK,iBAAiB,aAAa;AACjC,kBAAY,WAAW,MAAM,QAAQ;AAErC;AAAA,IACF;AAAA,IACA,KAAK,iBAAiB,OAAO;AAC3B,UAAI,CAAC,YAAY,aAAa,GAAG;AAC/B,oBAAY,WAAW;AAAA,MACzB;AACA;AAAA,IACF;AAAA,IACA,KAAK,iBAAiB,QAAQ;AAC5B,kBAAY,YAAY;AACxB,YAAM,sBAAsB,WAAW;AAEvC;AAAA,IACF;AAAA,EACF;AACF;",
+  "sourcesContent": ["//#region Keyboard handlers\nimport { isUndefined } from 'lodash-es';\nimport type { KeyboardEvent, RefObject } from 'react';\n\nimport type { RelativeAbsolutePosition } from '../../../types/pointer-events.js';\nimport { KeyboardControls } from '../constants.js';\nimport type {\n  InteractionsHandlers,\n  InteractionsOverlayProps,\n} from '../types.js';\nimport { isTemporaryZoomMode } from './interaction-mode.js';\nimport { reset } from './reset.js';\n\ntype KeyboardInteractions = Pick<\n  InteractionsOverlayProps,\n  'selectionArea' | 'onSelectEnd' | 'onModeChange'\n> & {\n  lastMousePositionRef: RefObject<RelativeAbsolutePosition | undefined>;\n  panDeltaRef: RefObject<number | undefined>;\n  eventCancelled: RefObject<boolean>;\n  isPointerDownRef: RefObject<boolean>;\n  interaction: InteractionsHandlers;\n  event: KeyboardEvent;\n};\n\nexport const handleKeyDown = ({\n  event,\n  selectionArea,\n  eventCancelled,\n  isPointerDownRef,\n  onSelectEnd,\n  onModeChange,\n  interaction,\n  panDeltaRef,\n  lastMousePositionRef,\n}: KeyboardInteractions) => {\n  switch (event.key) {\n    case KeyboardControls.KEYBOARD_EXPLORE_MODE_SHORTCUT:\n    case KeyboardControls.KEYBOARD_EXPLORE_MODE_SHORTCUT_ALTERNATIVE: {\n      reset(lastMousePositionRef, panDeltaRef);\n\n      if (!isUndefined(selectionArea)) {\n        if (isPointerDownRef.current) {\n          eventCancelled.current = true;\n        }\n        onSelectEnd?.({ cancelled: true });\n      }\n\n      onModeChange?.({ mode: 'explore', keyboard: true });\n      break;\n    }\n    case KeyboardControls.KEYBOARD_PAN_MODE_SHORTCUT:\n    case KeyboardControls.KEYBOARD_PAN_MODE_SHORTCUT_ALTERNATIVE: {\n      reset(lastMousePositionRef, panDeltaRef);\n\n      onModeChange?.({ mode: 'pan', keyboard: true });\n      break;\n    }\n    case KeyboardControls.KEYBOARD_ZOOM_MODE_SHORTCUT:\n    case KeyboardControls.KEYBOARD_ZOOM_MODE_SHORTCUT_ALTERNATIVE: {\n      reset(lastMousePositionRef, panDeltaRef);\n\n      if (!isUndefined(selectionArea)) {\n        if (isPointerDownRef.current) {\n          eventCancelled.current = true;\n        }\n        onSelectEnd?.({ cancelled: true });\n      }\n\n      onModeChange?.({ mode: 'zoom', keyboard: true });\n      break;\n    }\n    case KeyboardControls.KEYBOARD_RESET_SHORTCUT:\n    case KeyboardControls.KEYBOARD_RESET_SHORTCUT_ALTERNATIVE:\n      interaction.onDoubleClickOrTap('keyboard');\n      break;\n    case KeyboardControls.UP_ARROW: {\n      event.preventDefault();\n      interaction.onKeyUp(isTemporaryZoomMode(event));\n\n      break;\n    }\n    case KeyboardControls.DOWN_ARROW: {\n      event.preventDefault();\n      interaction.onKeyDown(isTemporaryZoomMode(event));\n\n      break;\n    }\n    case KeyboardControls.LEFT_ARROW: {\n      interaction.onKeyLeft(event.shiftKey);\n\n      break;\n    }\n    case KeyboardControls.RIGHT_ARROW: {\n      interaction.onKeyRight(event.shiftKey);\n\n      break;\n    }\n    case KeyboardControls.ENTER: {\n      if (!isUndefined(selectionArea)) {\n        interaction.onKeyEnter();\n      }\n      break;\n    }\n    case KeyboardControls.ESCAPE: {\n      interaction.onKeyEscape();\n      reset(lastMousePositionRef, panDeltaRef);\n\n      break;\n    }\n  }\n};\n//#endregion\n"],
+  "mappings": "AACA,SAAS,mBAAmB;AAI5B,SAAS,wBAAwB;AAKjC,SAAS,2BAA2B;AACpC,SAAS,aAAa;AAcf,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA4B;AAC1B,UAAQ,MAAM,KAAK;AAAA,IACjB,KAAK,iBAAiB;AAAA,IACtB,KAAK,iBAAiB,4CAA4C;AAChE,YAAM,sBAAsB,WAAW;AAEvC,UAAI,CAAC,YAAY,aAAa,GAAG;AAC/B,YAAI,iBAAiB,SAAS;AAC5B,yBAAe,UAAU;AAAA,QAC3B;AACA,sBAAc,EAAE,WAAW,KAAK,CAAC;AAAA,MACnC;AAEA,qBAAe,EAAE,MAAM,WAAW,UAAU,KAAK,CAAC;AAClD;AAAA,IACF;AAAA,IACA,KAAK,iBAAiB;AAAA,IACtB,KAAK,iBAAiB,wCAAwC;AAC5D,YAAM,sBAAsB,WAAW;AAEvC,qBAAe,EAAE,MAAM,OAAO,UAAU,KAAK,CAAC;AAC9C;AAAA,IACF;AAAA,IACA,KAAK,iBAAiB;AAAA,IACtB,KAAK,iBAAiB,yCAAyC;AAC7D,YAAM,sBAAsB,WAAW;AAEvC,UAAI,CAAC,YAAY,aAAa,GAAG;AAC/B,YAAI,iBAAiB,SAAS;AAC5B,yBAAe,UAAU;AAAA,QAC3B;AACA,sBAAc,EAAE,WAAW,KAAK,CAAC;AAAA,MACnC;AAEA,qBAAe,EAAE,MAAM,QAAQ,UAAU,KAAK,CAAC;AAC/C;AAAA,IACF;AAAA,IACA,KAAK,iBAAiB;AAAA,IACtB,KAAK,iBAAiB;AACpB,kBAAY,mBAAmB,UAAU;AACzC;AAAA,IACF,KAAK,iBAAiB,UAAU;AAC9B,YAAM,eAAe;AACrB,kBAAY,QAAQ,oBAAoB,KAAK,CAAC;AAE9C;AAAA,IACF;AAAA,IACA,KAAK,iBAAiB,YAAY;AAChC,YAAM,eAAe;AACrB,kBAAY,UAAU,oBAAoB,KAAK,CAAC;AAEhD;AAAA,IACF;AAAA,IACA,KAAK,iBAAiB,YAAY;AAChC,kBAAY,UAAU,MAAM,QAAQ;AAEpC;AAAA,IACF;AAAA,IACA,KAAK,iBAAiB,aAAa;AACjC,kBAAY,WAAW,MAAM,QAAQ;AAErC;AAAA,IACF;AAAA,IACA,KAAK,iBAAiB,OAAO;AAC3B,UAAI,CAAC,YAAY,aAAa,GAAG;AAC/B,oBAAY,WAAW;AAAA,MACzB;AACA;AAAA,IACF;AAAA,IACA,KAAK,iBAAiB,QAAQ;AAC5B,kBAAY,YAAY;AACxB,YAAM,sBAAsB,WAAW;AAEvC;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/charts/core/components/interactions-overlay/utils/interaction-mode.js

@@ -0,0 +1,9 @@
+const isTemporaryPanMode = (event) => event.altKey;
+const isTemporaryZoomMode = (event) => event.metaKey || event.ctrlKey;
+const shouldConsumeWheelEvent = (event, mode) => mode === "pan" || mode === "zoom" || isTemporaryPanMode(event) || isTemporaryZoomMode(event);
+export {
+  isTemporaryPanMode,
+  isTemporaryZoomMode,
+  shouldConsumeWheelEvent
+};
+//# sourceMappingURL=interaction-mode.js.map

package/esm/charts/core/components/interactions-overlay/utils/interaction-mode.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/charts/core/components/interactions-overlay/utils/interaction-mode.ts"],
+  "sourcesContent": ["import type { InteractionMode } from '../types.js';\n\ntype ModifierEvent = { altKey: boolean; metaKey: boolean; ctrlKey: boolean };\n\nexport const isTemporaryPanMode = (event: ModifierEvent) => event.altKey;\n\nexport const isTemporaryZoomMode = (event: ModifierEvent) =>\n  event.metaKey || event.ctrlKey;\n\nexport const shouldConsumeWheelEvent = (\n  event: WheelEvent,\n  mode: InteractionMode,\n) =>\n  mode === 'pan' ||\n  mode === 'zoom' ||\n  isTemporaryPanMode(event) ||\n  isTemporaryZoomMode(event);\n"],
+  "mappings": "AAIO,MAAM,qBAAqB,CAAC,UAAyB,MAAM;AAE3D,MAAM,sBAAsB,CAAC,UAClC,MAAM,WAAW,MAAM;AAElB,MAAM,0BAA0B,CACrC,OACA,SAEA,SAAS,SACT,SAAS,UACT,mBAAmB,KAAK,KACxB,oBAAoB,KAAK;",
+  "names": []
+}

package/esm/charts/core/components/interactions-state-helpers/reducers/reset-reducers.js

@@ -11,7 +11,8 @@ function reduceResetInteractions(isZoomOutEnabled, position) {
     currentDomain: void 0,
     zoom: {
       zoomInEnabled: true,
-      zoomOutEnabled: isZoomOutEnabled
+      zoomOutEnabled: isZoomOutEnabled,
+      panEnabled: false
     }
   });
 }
@@ -22,7 +23,8 @@ function reduceResetZoom(prev) {
     highlightedSeriesId: prev.explore.pinned ? void 0 : prev.highlightedSeriesId,
     zoom: {
       zoomOutEnabled: false,
-      zoomInEnabled: true
+      zoomInEnabled: true,
+      panEnabled: false
     }
   };
 }
@@ -33,7 +35,8 @@ function reduceResetToInfiniteZoom(prev) {
     highlightedSeriesId: void 0,
     zoom: {
       zoomOutEnabled: true,
-      zoomInEnabled: true
+      zoomInEnabled: true,
+      panEnabled: false
     }
   };
 }

package/esm/charts/core/components/interactions-state-helpers/reducers/reset-reducers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/interactions-state-helpers/reducers/reset-reducers.ts"],
-  "sourcesContent": ["import type { RelativeAbsolutePosition } from '../../../types/pointer-events.js';\nimport type { InteractionState } from '../types.js';\n\nexport function reduceResetInteractions<T extends InteractionState>(\n  isZoomOutEnabled: boolean,\n  position?: RelativeAbsolutePosition,\n) {\n  return (prev: T): T => ({\n    ...prev,\n    highlightedSeriesId: undefined,\n    explore: {\n      position,\n      visible: position !== undefined,\n      pinned: false,\n    },\n    select: undefined,\n    currentDomain: undefined,\n    zoom: {\n      zoomInEnabled: true,\n      zoomOutEnabled: isZoomOutEnabled,\n    },\n  });\n}\n\nexport function reduceResetZoom<T extends InteractionState>(prev: T): T {\n  return {\n    ...prev,\n    currentDomain: undefined,\n    highlightedSeriesId: prev.explore.pinned\n      ? undefined\n      : prev.highlightedSeriesId,\n    zoom: {\n      zoomOutEnabled: false,\n      zoomInEnabled: true,\n    },\n  };\n}\n\nexport function reduceResetToInfiniteZoom<T extends InteractionState>(\n  prev: T,\n): T {\n  return {\n    ...prev,\n    currentDomain: undefined,\n    highlightedSeriesId: undefined,\n    zoom: {\n      zoomOutEnabled: true,\n      zoomInEnabled: true,\n    },\n  };\n}\n\nexport function reduceResetExploreVisible<T extends InteractionState>(\n  prev: T,\n): T {\n  return {\n    ...prev,\n    explore: {\n      ...prev.explore,\n      visible: false,\n    },\n  };\n}\n"],
-  "mappings": "AAGO,SAAS,wBACd,kBACA,UACA;AACA,SAAO,CAAC,UAAgB;AAAA,IACtB,GAAG;AAAA,IACH,qBAAqB;AAAA,IACrB,SAAS;AAAA,MACP;AAAA,MACA,SAAS,aAAa;AAAA,MACtB,QAAQ;AAAA,IACV;AAAA,IACA,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,MAAM;AAAA,MACJ,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB;AAAA,EACF;AACF;AAEO,SAAS,gBAA4C,MAAY;AACtE,SAAO;AAAA,IACL,GAAG;AAAA,IACH,eAAe;AAAA,IACf,qBAAqB,KAAK,QAAQ,SAC9B,SACA,KAAK;AAAA,IACT,MAAM;AAAA,MACJ,gBAAgB;AAAA,MAChB,eAAe;AAAA,IACjB;AAAA,EACF;AACF;AAEO,SAAS,0BACd,MACG;AACH,SAAO;AAAA,IACL,GAAG;AAAA,IACH,eAAe;AAAA,IACf,qBAAqB;AAAA,IACrB,MAAM;AAAA,MACJ,gBAAgB;AAAA,MAChB,eAAe;AAAA,IACjB;AAAA,EACF;AACF;AAEO,SAAS,0BACd,MACG;AACH,SAAO;AAAA,IACL,GAAG;AAAA,IACH,SAAS;AAAA,MACP,GAAG,KAAK;AAAA,MACR,SAAS;AAAA,IACX;AAAA,EACF;AACF;",
+  "sourcesContent": ["import type { RelativeAbsolutePosition } from '../../../types/pointer-events.js';\nimport type { InteractionState } from '../types.js';\n\nexport function reduceResetInteractions<T extends InteractionState>(\n  isZoomOutEnabled: boolean,\n  position?: RelativeAbsolutePosition,\n) {\n  return (prev: T): T => ({\n    ...prev,\n    highlightedSeriesId: undefined,\n    explore: {\n      position,\n      visible: position !== undefined,\n      pinned: false,\n    },\n    select: undefined,\n    currentDomain: undefined,\n    zoom: {\n      zoomInEnabled: true,\n      zoomOutEnabled: isZoomOutEnabled,\n      panEnabled: false,\n    },\n  });\n}\n\nexport function reduceResetZoom<T extends InteractionState>(prev: T): T {\n  return {\n    ...prev,\n    currentDomain: undefined,\n    highlightedSeriesId: prev.explore.pinned\n      ? undefined\n      : prev.highlightedSeriesId,\n    zoom: {\n      zoomOutEnabled: false,\n      zoomInEnabled: true,\n      panEnabled: false,\n    },\n  };\n}\n\nexport function reduceResetToInfiniteZoom<T extends InteractionState>(\n  prev: T,\n): T {\n  return {\n    ...prev,\n    currentDomain: undefined,\n    highlightedSeriesId: undefined,\n    zoom: {\n      zoomOutEnabled: true,\n      zoomInEnabled: true,\n      panEnabled: false,\n    },\n  };\n}\n\nexport function reduceResetExploreVisible<T extends InteractionState>(\n  prev: T,\n): T {\n  return {\n    ...prev,\n    explore: {\n      ...prev.explore,\n      visible: false,\n    },\n  };\n}\n"],
+  "mappings": "AAGO,SAAS,wBACd,kBACA,UACA;AACA,SAAO,CAAC,UAAgB;AAAA,IACtB,GAAG;AAAA,IACH,qBAAqB;AAAA,IACrB,SAAS;AAAA,MACP;AAAA,MACA,SAAS,aAAa;AAAA,MACtB,QAAQ;AAAA,IACV;AAAA,IACA,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,MAAM;AAAA,MACJ,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,YAAY;AAAA,IACd;AAAA,EACF;AACF;AAEO,SAAS,gBAA4C,MAAY;AACtE,SAAO;AAAA,IACL,GAAG;AAAA,IACH,eAAe;AAAA,IACf,qBAAqB,KAAK,QAAQ,SAC9B,SACA,KAAK;AAAA,IACT,MAAM;AAAA,MACJ,gBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,YAAY;AAAA,IACd;AAAA,EACF;AACF;AAEO,SAAS,0BACd,MACG;AACH,SAAO;AAAA,IACL,GAAG;AAAA,IACH,eAAe;AAAA,IACf,qBAAqB;AAAA,IACrB,MAAM;AAAA,MACJ,gBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,YAAY;AAAA,IACd;AAAA,EACF;AACF;AAEO,SAAS,0BACd,MACG;AACH,SAAO;AAAA,IACL,GAAG;AAAA,IACH,SAAS;AAAA,MACP,GAAG,KAAK;AAAA,MACR,SAAS;AAAA,IACX;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/charts/core/components/legend/categorical/ChartLegend.css

@@ -1,4 +1,4 @@
-._9x5f9b0-3-13-3 {
+._9x5f9b0-3-14-1 {
   display: flex;
   align-items: center;
   width: 100%;

package/esm/charts/core/components/legend/categorical/ChartLegend.sty.js

@@ -1,5 +1,5 @@
 import "./ChartLegend.css";
-var legendContainer = "_9x5f9b0-3-13-3";
+var legendContainer = "_9x5f9b0-3-14-1";
 export {
   legendContainer
 };

package/esm/charts/core/components/legend/categorical/ChartLegend.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/legend/categorical/ChartLegend.css.ts"],
-  "sourcesContent": ["import './ChartLegend.css';\nexport var legendContainer = '_9x5f9b0-3-13-3';"],
+  "sourcesContent": ["import './ChartLegend.css';\nexport var legendContainer = '_9x5f9b0-3-14-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;",
   "names": []
 }

package/esm/charts/core/components/legend/categorical/components/ChartLegendIcon/ChartLegendIcon.css

@@ -1,12 +1,12 @@
-._1wmibjy0-3-13-3 {
+._1wmibjy0-3-14-1 {
   font-size: var(--dt-spacings-size-8, 8px);
   display: block;
 }
-._1wmibjy1-3-13-3 {
+._1wmibjy1-3-14-1 {
   font-size: var(--dt-spacings-size-8, 8px);
   display: block;
 }
-._1wmibjy2-3-13-3 {
+._1wmibjy2-3-14-1 {
   width: var(--dt-spacings-size-8, 8px);
   height: var(--dt-spacings-size-8, 8px);
   border-radius: 100%;

package/esm/charts/core/components/legend/categorical/components/ChartLegendIcon/ChartLegendIcon.sty.js

@@ -1,7 +1,7 @@
 import "./ChartLegendIcon.css";
-var coloredEyeOffIcon = "_1wmibjy1-3-13-3";
-var eyeIcon = "_1wmibjy0-3-13-3";
-var singleDimensionIcon = "_1wmibjy2-3-13-3";
+var coloredEyeOffIcon = "_1wmibjy1-3-14-1";
+var eyeIcon = "_1wmibjy0-3-14-1";
+var singleDimensionIcon = "_1wmibjy2-3-14-1";
 export {
   coloredEyeOffIcon,
   eyeIcon,

package/esm/charts/core/components/legend/categorical/components/ChartLegendIcon/ChartLegendIcon.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/categorical/components/ChartLegendIcon/ChartLegendIcon.css.ts"],
-  "sourcesContent": ["import './ChartLegendIcon.css';\nexport var coloredEyeOffIcon = '_1wmibjy1-3-13-3';\nexport var eyeIcon = '_1wmibjy0-3-13-3';\nexport var singleDimensionIcon = '_1wmibjy2-3-13-3';"],
+  "sourcesContent": ["import './ChartLegendIcon.css';\nexport var coloredEyeOffIcon = '_1wmibjy1-3-14-1';\nexport var eyeIcon = '_1wmibjy0-3-14-1';\nexport var singleDimensionIcon = '_1wmibjy2-3-14-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,oBAAoB;AACxB,IAAI,UAAU;AACd,IAAI,sBAAsB;",
   "names": []
 }

package/esm/charts/core/components/legend/categorical/components/ChartLegendItem/ChartLegendItem.css

@@ -1,4 +1,4 @@
-._mt8v6g0-3-13-3 {
+._mt8v6g0-3-14-1 {
   display: inline-flex;
   justify-content: center;
   align-items: center;
@@ -19,55 +19,56 @@
   padding: var(--dt-spacings-size-2, 2px);
   width: fit-content;
 }
-._mt8v6g1-3-13-3 {
+._mt8v6g1-3-14-1 {
   padding-left: var(--dt-spacings-size-4, 4px);
   padding-right: var(--dt-spacings-size-4, 4px);
   min-height: var(--dt-spacings-size-24, 24px);
   min-width: var(--dt-spacings-size-24, 24px);
 }
-._mt8v6g1-3-13-3:disabled {
+._mt8v6g1-3-14-1:disabled {
   cursor: auto;
 }
-._mt8v6g2-3-13-3 {
+._mt8v6g2-3-14-1 {
   cursor: pointer;
 }
-._mt8v6g2-3-13-3:hover {
+._mt8v6g2-3-14-1:hover {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._mt8v6g3-3-13-3 {
+._mt8v6g3-3-14-1 {
   cursor: auto;
 }
-._mt8v6g4-3-13-3 {
+._mt8v6g4-3-14-1 {
   padding-left: var(--dt-spacings-size-4, 4px);
   padding-right: var(--dt-spacings-size-0, 0);
   min-width: var(--dt-spacings-size-20, 20px);
+  min-height: var(--dt-spacings-size-24, 24px);
   transition: none;
   font-weight: var(--dt-typography-text-small-emphasized-weight, 500);
   font-size: var(--dt-typography-text-small-emphasized-size, 12px);
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   line-height: var(--dt-typography-text-small-emphasized-line-height, 1.333333333);
 }
-._mt8v6g4-3-13-3:hover {
+._mt8v6g4-3-14-1:hover {
   cursor: auto;
 }
-._mt8v6g5-3-13-3:hover {
+._mt8v6g5-3-14-1:hover {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
   cursor: pointer;
 }
-._mt8v6g6-3-13-3:hover {
+._mt8v6g6-3-14-1:hover {
   background-color: unset;
   cursor: auto;
 }
-._mt8v6g7-3-13-3 {
+._mt8v6g7-3-14-1 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._mt8v6g8-3-13-3 {
+._mt8v6g8-3-14-1 {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._mt8v6g4-3-13-3 > .button-children {
+._mt8v6g4-3-14-1 > .button-children {
   flex-grow: 1;
 }
-._mt8v6g9-3-13-3 {
+._mt8v6g9-3-14-1 {
   line-height: 2;
   white-space: nowrap;
   display: flex;
@@ -76,10 +77,10 @@
   flex-shrink: 1;
   height: var(--dt-spacings-size-24, 24px);
 }
-._mt8v6g9-3-13-3 > ._mt8v6g1-3-13-3 {
+._mt8v6g9-3-14-1 > ._mt8v6g1-3-14-1 {
   flex: 0 0 auto;
 }
-._mt8v6ga-3-13-3 {
+._mt8v6ga-3-14-1 {
   flex: 1 1 auto;
   white-space: nowrap;
   display: flex;
@@ -87,7 +88,7 @@
   overflow: hidden;
   padding-right: var(--dt-spacings-size-4, 4px);
 }
-._mt8v6gb-3-13-3 {
+._mt8v6gb-3-14-1 {
   flex-shrink: 1;
   text-align: left;
   overflow: hidden;