@dynatrace/strato-components 3.13.2 → 3.14.0

package/esm/charts/core/components/annotations/hooks/useOverlayEvents.js

@@ -9,12 +9,13 @@ import {
 } from "./store/state-setters.js";
 import { useAnnotationsHandlers } from "./useAnnotationsHandlers.js";
 import { useMarkersInteractions } from "./useMarkersInteractions.js";
-import { TRACK_HEIGHT } from "../constants.js";
+import { AnnotationsConfigContext } from "../contexts/AnnotationsConfig.context.js";
 import { MarkerCoordinatesContext } from "../contexts/MarkerCoordinates.context.js";
 import { initialState } from "../providers/AnnotationsDataInitialState.js";
 import { inMarkerBounds } from "../utils/in-marker-bounds.js";
 const useOverlayEvents = () => {
   const markerCoordsPerTrack = useContext(MarkerCoordinatesContext);
+  const { dimensions } = useContext(AnnotationsConfigContext);
   const {
     hoverTrack,
     blurTrack,
@@ -36,7 +37,10 @@ const useOverlayEvents = () => {
       x: clientX - left,
       y: clientY - top
     };
-    let trackIndex = Math.max(0, Math.floor(mousePosition.y / TRACK_HEIGHT));
+    let trackIndex = Math.max(
+      0,
+      Math.floor(mousePosition.y / dimensions.trackHeight)
+    );
     if (trackIndex !== currentHoveredTrack.current) {
       hoverTrack(e, trackIndex);
     }
@@ -48,7 +52,7 @@ const useOverlayEvents = () => {
       const markerCoords = markerCoordsPerTrack[trackIndex];
       for (let markerIndex = markerCoords.length - 1; markerIndex >= 0; markerIndex--) {
         const marker = markerCoords[markerIndex];
-        if (inMarkerBounds(mousePosition, trackIndex, marker)) {
+        if (inMarkerBounds(mousePosition, trackIndex, marker, dimensions)) {
           const markerId = `${trackIndex}_${marker.join("_")}`;
           hoverMarker(e, markerId);
           isHoveringMarker = true;
@@ -80,14 +84,17 @@ const useOverlayEvents = () => {
     const { clientX, clientY } = touch;
     const { top, left } = e.currentTarget.getBoundingClientRect();
     const mousePosition = { x: clientX - left, y: clientY - top };
-    let trackIndex = Math.max(0, Math.floor(mousePosition.y / TRACK_HEIGHT));
+    let trackIndex = Math.max(
+      0,
+      Math.floor(mousePosition.y / dimensions.trackHeight)
+    );
     if (trackIndex >= markerCoordsPerTrack.length) {
       trackIndex = markerCoordsPerTrack.length - 1;
     }
     const markerCoords = markerCoordsPerTrack[trackIndex];
     for (let markerIndex = markerCoords.length - 1; markerIndex >= 0; markerIndex--) {
       const marker = markerCoords[markerIndex];
-      if (inMarkerBounds(mousePosition, trackIndex, marker)) {
+      if (inMarkerBounds(mousePosition, trackIndex, marker, dimensions)) {
         if (e.cancelable) {
           e.preventDefault();
         }

package/esm/charts/core/components/annotations/hooks/useOverlayEvents.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/annotations/hooks/useOverlayEvents.ts"],
-  "sourcesContent": ["import { isUndefined, noop } from 'lodash-es';\nimport {\n  useContext,\n  type MouseEvent as ReactMouseEvent,\n  type PointerEvent as ReactPointerEvent,\n  type TouchEvent as ReactTouchEvent,\n} from 'react';\n\nimport { useAnnotationsSelectionState } from './store/selectors.js';\nimport {\n  useSetStateSelection,\n  useSetStateTooltip,\n} from './store/state-setters.js';\nimport { useAnnotationsHandlers } from './useAnnotationsHandlers.js';\nimport { useMarkersInteractions } from './useMarkersInteractions.js';\nimport { TRACK_HEIGHT } from '../constants.js';\nimport { MarkerCoordinatesContext } from '../contexts/MarkerCoordinates.context.js';\nimport { initialState } from '../providers/AnnotationsDataInitialState.js';\nimport { inMarkerBounds } from '../utils/in-marker-bounds.js';\n\nexport const useOverlayEvents = () => {\n  const markerCoordsPerTrack = useContext(MarkerCoordinatesContext);\n\n  const {\n    hoverTrack,\n    blurTrack,\n    hoverMarker,\n    blurMarker,\n    clickMarker,\n    clearHovered,\n    currentHoveredTrack,\n    currentHoveredMarker,\n  } = useAnnotationsHandlers();\n\n  const { pinnedGroup } = useAnnotationsSelectionState();\n  const updateTooltipState = useSetStateTooltip();\n  const updateTooltipSelection = useSetStateSelection();\n  const onMarkersInteraction = useMarkersInteractions();\n\n  const handleMouseMove = (e: ReactMouseEvent) => {\n    const { clientX, clientY, currentTarget } = e;\n    const { top, left } = (currentTarget as Element).getBoundingClientRect();\n\n    const mousePosition = {\n      x: clientX - left,\n      y: clientY - top,\n    };\n\n    let trackIndex = Math.max(0, Math.floor(mousePosition.y / TRACK_HEIGHT));\n\n    if (trackIndex !== currentHoveredTrack.current) {\n      hoverTrack(e, trackIndex);\n    }\n\n    if (markerCoordsPerTrack !== undefined && markerCoordsPerTrack.length > 0) {\n      let isHoveringMarker = false;\n\n      if (trackIndex >= markerCoordsPerTrack.length) {\n        trackIndex = markerCoordsPerTrack.length - 1;\n      }\n\n      const markerCoords = markerCoordsPerTrack[trackIndex];\n\n      // start from the end of the array to look first for the markers that are rendered on top\n      for (\n        let markerIndex = markerCoords.length - 1;\n        markerIndex >= 0;\n        markerIndex--\n      ) {\n        const marker = markerCoords[markerIndex];\n\n        if (inMarkerBounds(mousePosition, trackIndex, marker)) {\n          const markerId = `${trackIndex}_${marker.join('_')}`;\n\n          hoverMarker(e, markerId);\n\n          isHoveringMarker = true;\n          break;\n        }\n      }\n\n      // no marker found at the given mouse position\n      if (!isHoveringMarker && currentHoveredMarker.current !== undefined) {\n        blurMarker(currentHoveredMarker.current);\n        // hover the track back when leaving the marker\n        hoverTrack(e, trackIndex);\n      }\n    }\n  };\n\n  const handleClick = (e: ReactMouseEvent) => {\n    if (currentHoveredMarker.current !== undefined) {\n      clickMarker(e, currentHoveredMarker.current);\n      return;\n    }\n\n    // Click landed inside the annotations track but not on a marker \u2014\n    // dismiss any pinned annotation tooltip.\n    if (!isUndefined(pinnedGroup)) {\n      updateTooltipState(initialState.tooltip);\n      updateTooltipSelection(initialState.selection);\n      onMarkersInteraction?.(initialState.selection);\n    }\n  };\n\n  // On iOS, touchstart causes the toolbar to appear and the browser suppresses the\n  // subsequent synthetic click. touchend fires before synthetic mousemove so\n  // currentHoveredMarker is not yet set \u2014 hit detection is required here.\n  // preventDefault() suppresses the synthetic click on subsequent taps to prevent\n  // double-toggling the pin.\n  const handleTouchEnd = (e: ReactTouchEvent<HTMLDivElement>) => {\n    const touch = e.changedTouches[0];\n    if (!touch || !markerCoordsPerTrack || markerCoordsPerTrack.length === 0) {\n      return;\n    }\n\n    const { clientX, clientY } = touch;\n    const { top, left } = (e.currentTarget as Element).getBoundingClientRect();\n    const mousePosition = { x: clientX - left, y: clientY - top };\n\n    let trackIndex = Math.max(0, Math.floor(mousePosition.y / TRACK_HEIGHT));\n    if (trackIndex >= markerCoordsPerTrack.length) {\n      trackIndex = markerCoordsPerTrack.length - 1;\n    }\n\n    const markerCoords = markerCoordsPerTrack[trackIndex];\n    for (\n      let markerIndex = markerCoords.length - 1;\n      markerIndex >= 0;\n      markerIndex--\n    ) {\n      const marker = markerCoords[markerIndex];\n      if (inMarkerBounds(mousePosition, trackIndex, marker)) {\n        if (e.cancelable) {\n          e.preventDefault();\n        }\n        // stopPropagation is a no-op here: preventDefault() above already suppresses the synthetic click.\n        clickMarker(\n          { clientX, clientY, stopPropagation: noop },\n          `${trackIndex}_${marker.join('_')}`,\n        );\n        return;\n      }\n    }\n  };\n\n  // Without this guard, pointerleave on finger-lift fires blurMarker before React\n  // re-renders, hiding the tooltip that handleTouchEnd just pinned.\n  // clearHovered() resets the tracked state so a subsequent mouse hover over the\n  // same marker triggers onMouseEnter (visibility) rather than onMouseMove (position only).\n  const handlePointerLeave = (e: ReactPointerEvent<HTMLDivElement>) => {\n    if (e.pointerType === 'touch') {\n      clearHovered();\n      return;\n    }\n\n    if (currentHoveredTrack.current !== undefined) {\n      blurTrack();\n    }\n\n    if (currentHoveredMarker.current !== undefined) {\n      blurMarker(currentHoveredMarker.current);\n    }\n  };\n\n  return {\n    handleMouseMove,\n    handleClick,\n    handleTouchEnd,\n    handlePointerLeave,\n  };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { isUndefined, noop } from 'lodash-es';\nimport {\n  useContext,\n  type MouseEvent as ReactMouseEvent,\n  type PointerEvent as ReactPointerEvent,\n  type TouchEvent as ReactTouchEvent,\n} from 'react';\n\nimport { useAnnotationsSelectionState } from './store/selectors.js';\nimport {\n  useSetStateSelection,\n  useSetStateTooltip,\n} from './store/state-setters.js';\nimport { useAnnotationsHandlers } from './useAnnotationsHandlers.js';\nimport { useMarkersInteractions } from './useMarkersInteractions.js';\nimport { AnnotationsConfigContext } from '../contexts/AnnotationsConfig.context.js';\nimport { MarkerCoordinatesContext } from '../contexts/MarkerCoordinates.context.js';\nimport { initialState } from '../providers/AnnotationsDataInitialState.js';\nimport { inMarkerBounds } from '../utils/in-marker-bounds.js';\n\nexport const useOverlayEvents = () => {\n  const markerCoordsPerTrack = useContext(MarkerCoordinatesContext);\n  const { dimensions } = useContext(AnnotationsConfigContext);\n\n  const {\n    hoverTrack,\n    blurTrack,\n    hoverMarker,\n    blurMarker,\n    clickMarker,\n    clearHovered,\n    currentHoveredTrack,\n    currentHoveredMarker,\n  } = useAnnotationsHandlers();\n\n  const { pinnedGroup } = useAnnotationsSelectionState();\n  const updateTooltipState = useSetStateTooltip();\n  const updateTooltipSelection = useSetStateSelection();\n  const onMarkersInteraction = useMarkersInteractions();\n\n  const handleMouseMove = (e: ReactMouseEvent) => {\n    const { clientX, clientY, currentTarget } = e;\n    const { top, left } = (currentTarget as Element).getBoundingClientRect();\n\n    const mousePosition = {\n      x: clientX - left,\n      y: clientY - top,\n    };\n\n    let trackIndex = Math.max(\n      0,\n      Math.floor(mousePosition.y / dimensions.trackHeight),\n    );\n\n    if (trackIndex !== currentHoveredTrack.current) {\n      hoverTrack(e, trackIndex);\n    }\n\n    if (markerCoordsPerTrack !== undefined && markerCoordsPerTrack.length > 0) {\n      let isHoveringMarker = false;\n\n      if (trackIndex >= markerCoordsPerTrack.length) {\n        trackIndex = markerCoordsPerTrack.length - 1;\n      }\n\n      const markerCoords = markerCoordsPerTrack[trackIndex];\n\n      // start from the end of the array to look first for the markers that are rendered on top\n      for (\n        let markerIndex = markerCoords.length - 1;\n        markerIndex >= 0;\n        markerIndex--\n      ) {\n        const marker = markerCoords[markerIndex];\n\n        if (inMarkerBounds(mousePosition, trackIndex, marker, dimensions)) {\n          const markerId = `${trackIndex}_${marker.join('_')}`;\n\n          hoverMarker(e, markerId);\n\n          isHoveringMarker = true;\n          break;\n        }\n      }\n\n      // no marker found at the given mouse position\n      if (!isHoveringMarker && currentHoveredMarker.current !== undefined) {\n        blurMarker(currentHoveredMarker.current);\n        // hover the track back when leaving the marker\n        hoverTrack(e, trackIndex);\n      }\n    }\n  };\n\n  const handleClick = (e: ReactMouseEvent) => {\n    if (currentHoveredMarker.current !== undefined) {\n      clickMarker(e, currentHoveredMarker.current);\n      return;\n    }\n\n    // Click landed inside the annotations track but not on a marker \u2014\n    // dismiss any pinned annotation tooltip.\n    if (!isUndefined(pinnedGroup)) {\n      updateTooltipState(initialState.tooltip);\n      updateTooltipSelection(initialState.selection);\n      onMarkersInteraction?.(initialState.selection);\n    }\n  };\n\n  // On iOS, touchstart causes the toolbar to appear and the browser suppresses the\n  // subsequent synthetic click. touchend fires before synthetic mousemove so\n  // currentHoveredMarker is not yet set \u2014 hit detection is required here.\n  // preventDefault() suppresses the synthetic click on subsequent taps to prevent\n  // double-toggling the pin.\n  const handleTouchEnd = (e: ReactTouchEvent<HTMLDivElement>) => {\n    const touch = e.changedTouches[0];\n    if (!touch || !markerCoordsPerTrack || markerCoordsPerTrack.length === 0) {\n      return;\n    }\n\n    const { clientX, clientY } = touch;\n    const { top, left } = (e.currentTarget as Element).getBoundingClientRect();\n    const mousePosition = { x: clientX - left, y: clientY - top };\n\n    let trackIndex = Math.max(\n      0,\n      Math.floor(mousePosition.y / dimensions.trackHeight),\n    );\n    if (trackIndex >= markerCoordsPerTrack.length) {\n      trackIndex = markerCoordsPerTrack.length - 1;\n    }\n\n    const markerCoords = markerCoordsPerTrack[trackIndex];\n    for (\n      let markerIndex = markerCoords.length - 1;\n      markerIndex >= 0;\n      markerIndex--\n    ) {\n      const marker = markerCoords[markerIndex];\n      if (inMarkerBounds(mousePosition, trackIndex, marker, dimensions)) {\n        if (e.cancelable) {\n          e.preventDefault();\n        }\n        // stopPropagation is a no-op here: preventDefault() above already suppresses the synthetic click.\n        clickMarker(\n          { clientX, clientY, stopPropagation: noop },\n          `${trackIndex}_${marker.join('_')}`,\n        );\n        return;\n      }\n    }\n  };\n\n  // Without this guard, pointerleave on finger-lift fires blurMarker before React\n  // re-renders, hiding the tooltip that handleTouchEnd just pinned.\n  // clearHovered() resets the tracked state so a subsequent mouse hover over the\n  // same marker triggers onMouseEnter (visibility) rather than onMouseMove (position only).\n  const handlePointerLeave = (e: ReactPointerEvent<HTMLDivElement>) => {\n    if (e.pointerType === 'touch') {\n      clearHovered();\n      return;\n    }\n\n    if (currentHoveredTrack.current !== undefined) {\n      blurTrack();\n    }\n\n    if (currentHoveredMarker.current !== undefined) {\n      blurMarker(currentHoveredMarker.current);\n    }\n  };\n\n  return {\n    handleMouseMove,\n    handleClick,\n    handleTouchEnd,\n    handlePointerLeave,\n  };\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/core/components/annotations/utils/aggregate-markers-coords.js

@@ -13,9 +13,13 @@ import {
 import { getTokenComputedStyle } from "../../../utils/getTokenComputedStyle.js";
 import { VALUE_MARKER_WIDTH } from "../components/canvas/renderers/value-marker-renderer/constants.js";
 import { calculateMarkerWidthAndContent } from "../components/canvas/utils/calculate-marker-width-and-content.js";
+import {
+  DEFAULT_ANNOTATIONS_DIMENSIONS,
+  MARKER_STROKE_WIDTH
+} from "../constants.js";
 import { MarkerAtom } from "../slots/MarkerAtom.js";
 import { TrackAtom } from "../slots/TrackAtom.js";
-function aggregateMarkersCoords(children, trackWidth) {
+function aggregateMarkersCoords(children, trackWidth, dimensions = DEFAULT_ANNOTATIONS_DIMENSIONS) {
   const markersPerTrack = [];
   const markerEventHandlers = {};
   const trackEventHandlers = {};
@@ -42,7 +46,7 @@ function aggregateMarkersCoords(children, trackWidth) {
               trackWidth,
               trackLeftBoundary: 0,
               content,
-              width: VALUE_MARKER_WIDTH,
+              width: dimensions.markerStrokeInside ? VALUE_MARKER_WIDTH - MARKER_STROKE_WIDTH * 2 : VALUE_MARKER_WIDTH,
               x,
               isRange: false,
               textOverflow,

package/esm/charts/core/components/annotations/utils/aggregate-markers-coords.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/annotations/utils/aggregate-markers-coords.ts"],
-  "sourcesContent": ["import {\n  Children,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\nimport Colors from '@dynatrace/strato-design-tokens/colors';\n\nimport { calculateRangeMarkerCoordinates } from './calculate-expand-marker-coordinates.js';\nimport { resolveValueMarkerHitArea } from './resolve-value-marker-hit-area.js';\nimport { isSlot } from '../../../../../core/utils/is-slot.js';\nimport {\n  getColorByContrast,\n  getColorTokenDefaultValue,\n} from '../../../utils/color-contrast.js';\nimport { getTokenComputedStyle } from '../../../utils/getTokenComputedStyle.js';\nimport { VALUE_MARKER_WIDTH } from '../components/canvas/renderers/value-marker-renderer/constants.js';\nimport { calculateMarkerWidthAndContent } from '../components/canvas/utils/calculate-marker-width-and-content.js';\nimport { MarkerAtom } from '../slots/MarkerAtom.js';\nimport { TrackAtom } from '../slots/TrackAtom.js';\nimport {\n  MarkerEventHandlersMap,\n  TrackEventHandlersMap,\n} from '../types/event-handlers.js';\nimport { MarkerCoords, MarkersCoordsPerTrack } from '../types/marker-coords.js';\nimport { MarkerAtomProps } from '../types/marker.js';\nimport { TrackAtomProps } from '../types/track.js';\n\nexport function aggregateMarkersCoords(\n  children: ReactNode,\n  trackWidth: number,\n) {\n  const markersPerTrack: MarkersCoordsPerTrack[] = [];\n\n  const markerEventHandlers: MarkerEventHandlersMap = {};\n  const trackEventHandlers: TrackEventHandlersMap = {};\n\n  const tracksConfig: (TrackAtomProps & { markers: MarkerAtomProps[] })[] = [];\n  const icons: Array<[ReactElement, string]> = [];\n\n  Children.forEach(children, (track, trackIndex) => {\n    if (isSlot(track, TrackAtom)) {\n      markersPerTrack[trackIndex] = [];\n\n      trackEventHandlers[trackIndex] = {\n        onMouseEnter: track.props.onMouseEnter,\n      };\n\n      const markersByTrackConfig: MarkerAtomProps[] = [];\n      Children.forEach(track.props.children, (marker) => {\n        if (isSlot(marker, MarkerAtom)) {\n          let markerAtomCoords: MarkerCoords;\n          markersByTrackConfig.push(marker.props);\n\n          const { textOverflow, content, x, width } = marker.props;\n\n          if (marker.props.width === 0) {\n            const {\n              calculatedX,\n              calculatedMarkerWidth,\n              valueMarkerOrientation,\n            } = calculateMarkerWidthAndContent({\n              trackWidth,\n              trackLeftBoundary: 0,\n              content,\n              width: VALUE_MARKER_WIDTH,\n              x,\n              isRange: false,\n              textOverflow,\n              truncateMode: marker.props.truncateMode,\n            });\n            markerAtomCoords = resolveValueMarkerHitArea(\n              calculatedX,\n              calculatedMarkerWidth,\n              valueMarkerOrientation,\n            );\n          } else {\n            markerAtomCoords = calculateRangeMarkerCoordinates(\n              content,\n              x,\n              width,\n              trackWidth,\n              textOverflow,\n            );\n          }\n\n          markerEventHandlers[`${trackIndex}_${markerAtomCoords.join('_')}`] = {\n            onMouseEnter: marker.props.onMouseEnter,\n            onMouseMove: marker.props.onMouseMove,\n            onMouseLeave: marker.props.onMouseLeave,\n            onClick: marker.props.onClick,\n          };\n\n          markersPerTrack[trackIndex].push(markerAtomCoords);\n          if (isValidElement(marker.props.content)) {\n            const iconColor =\n              marker.props.symbolColor ??\n              getColorByContrast(\n                getTokenComputedStyle(marker.props.color),\n                getColorTokenDefaultValue(Colors.Text.Neutral.OnAccent.Default),\n                getColorTokenDefaultValue(Colors.Text.Neutral.Default),\n              );\n            icons.push([marker.props.content, iconColor]);\n          }\n        }\n      });\n\n      tracksConfig.push({ ...track.props, markers: markersByTrackConfig });\n    }\n  });\n\n  return {\n    markersPerTrack,\n    markerEventHandlers,\n    trackEventHandlers,\n    icons,\n    tracksConfig,\n  };\n}\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,OAGK;AAEP,OAAO,YAAY;AAEnB,SAAS,uCAAuC;AAChD,SAAS,iCAAiC;AAC1C,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,6BAA6B;AACtC,SAAS,0BAA0B;AACnC,SAAS,sCAAsC;AAC/C,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AASnB,SAAS,uBACd,UACA,YACA;AACA,QAAM,kBAA2C,CAAC;AAElD,QAAM,sBAA8C,CAAC;AACrD,QAAM,qBAA4C,CAAC;AAEnD,QAAM,eAAoE,CAAC;AAC3E,QAAM,QAAuC,CAAC;AAE9C,WAAS,QAAQ,UAAU,CAAC,OAAO,eAAe;AAChD,QAAI,OAAO,OAAO,SAAS,GAAG;AAC5B,sBAAgB,UAAU,IAAI,CAAC;AAE/B,yBAAmB,UAAU,IAAI;AAAA,QAC/B,cAAc,MAAM,MAAM;AAAA,MAC5B;AAEA,YAAM,uBAA0C,CAAC;AACjD,eAAS,QAAQ,MAAM,MAAM,UAAU,CAAC,WAAW;AACjD,YAAI,OAAO,QAAQ,UAAU,GAAG;AAC9B,cAAI;AACJ,+BAAqB,KAAK,OAAO,KAAK;AAEtC,gBAAM,EAAE,cAAc,SAAS,GAAG,MAAM,IAAI,OAAO;AAEnD,cAAI,OAAO,MAAM,UAAU,GAAG;AAC5B,kBAAM;AAAA,cACJ;AAAA,cACA;AAAA,cACA;AAAA,YACF,IAAI,+BAA+B;AAAA,cACjC;AAAA,cACA,mBAAmB;AAAA,cACnB;AAAA,cACA,OAAO;AAAA,cACP;AAAA,cACA,SAAS;AAAA,cACT;AAAA,cACA,cAAc,OAAO,MAAM;AAAA,YAC7B,CAAC;AACD,+BAAmB;AAAA,cACjB;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,UACF,OAAO;AACL,+BAAmB;AAAA,cACjB;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,UACF;AAEA,8BAAoB,GAAG,UAAU,IAAI,iBAAiB,KAAK,GAAG,CAAC,EAAE,IAAI;AAAA,YACnE,cAAc,OAAO,MAAM;AAAA,YAC3B,aAAa,OAAO,MAAM;AAAA,YAC1B,cAAc,OAAO,MAAM;AAAA,YAC3B,SAAS,OAAO,MAAM;AAAA,UACxB;AAEA,0BAAgB,UAAU,EAAE,KAAK,gBAAgB;AACjD,cAAI,eAAe,OAAO,MAAM,OAAO,GAAG;AACxC,kBAAM,YACJ,OAAO,MAAM,eACb;AAAA,cACE,sBAAsB,OAAO,MAAM,KAAK;AAAA,cACxC,0BAA0B,OAAO,KAAK,QAAQ,SAAS,OAAO;AAAA,cAC9D,0BAA0B,OAAO,KAAK,QAAQ,OAAO;AAAA,YACvD;AACF,kBAAM,KAAK,CAAC,OAAO,MAAM,SAAS,SAAS,CAAC;AAAA,UAC9C;AAAA,QACF;AAAA,MACF,CAAC;AAED,mBAAa,KAAK,EAAE,GAAG,MAAM,OAAO,SAAS,qBAAqB,CAAC;AAAA,IACrE;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import {\n  Children,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\nimport Colors from '@dynatrace/strato-design-tokens/colors';\n\nimport { calculateRangeMarkerCoordinates } from './calculate-expand-marker-coordinates.js';\nimport { resolveValueMarkerHitArea } from './resolve-value-marker-hit-area.js';\nimport { isSlot } from '../../../../../core/utils/is-slot.js';\nimport {\n  getColorByContrast,\n  getColorTokenDefaultValue,\n} from '../../../utils/color-contrast.js';\nimport { getTokenComputedStyle } from '../../../utils/getTokenComputedStyle.js';\nimport { VALUE_MARKER_WIDTH } from '../components/canvas/renderers/value-marker-renderer/constants.js';\nimport { calculateMarkerWidthAndContent } from '../components/canvas/utils/calculate-marker-width-and-content.js';\nimport {\n  DEFAULT_ANNOTATIONS_DIMENSIONS,\n  MARKER_STROKE_WIDTH,\n  type AnnotationsDimensions,\n} from '../constants.js';\nimport { MarkerAtom } from '../slots/MarkerAtom.js';\nimport { TrackAtom } from '../slots/TrackAtom.js';\nimport {\n  MarkerEventHandlersMap,\n  TrackEventHandlersMap,\n} from '../types/event-handlers.js';\nimport { MarkerCoords, MarkersCoordsPerTrack } from '../types/marker-coords.js';\nimport { MarkerAtomProps } from '../types/marker.js';\nimport { TrackAtomProps } from '../types/track.js';\n\nexport function aggregateMarkersCoords(\n  children: ReactNode,\n  trackWidth: number,\n  dimensions: AnnotationsDimensions = DEFAULT_ANNOTATIONS_DIMENSIONS,\n) {\n  const markersPerTrack: MarkersCoordsPerTrack[] = [];\n\n  const markerEventHandlers: MarkerEventHandlersMap = {};\n  const trackEventHandlers: TrackEventHandlersMap = {};\n\n  const tracksConfig: (TrackAtomProps & { markers: MarkerAtomProps[] })[] = [];\n  const icons: Array<[ReactElement, string]> = [];\n\n  Children.forEach(children, (track, trackIndex) => {\n    if (isSlot(track, TrackAtom)) {\n      markersPerTrack[trackIndex] = [];\n\n      trackEventHandlers[trackIndex] = {\n        onMouseEnter: track.props.onMouseEnter,\n      };\n\n      const markersByTrackConfig: MarkerAtomProps[] = [];\n      Children.forEach(track.props.children, (marker) => {\n        if (isSlot(marker, MarkerAtom)) {\n          let markerAtomCoords: MarkerCoords;\n          markersByTrackConfig.push(marker.props);\n\n          const { textOverflow, content, x, width } = marker.props;\n\n          if (marker.props.width === 0) {\n            const {\n              calculatedX,\n              calculatedMarkerWidth,\n              valueMarkerOrientation,\n            } = calculateMarkerWidthAndContent({\n              trackWidth,\n              trackLeftBoundary: 0,\n              content,\n              width: dimensions.markerStrokeInside\n                ? VALUE_MARKER_WIDTH - MARKER_STROKE_WIDTH * 2\n                : VALUE_MARKER_WIDTH,\n              x,\n              isRange: false,\n              textOverflow,\n              truncateMode: marker.props.truncateMode,\n            });\n            markerAtomCoords = resolveValueMarkerHitArea(\n              calculatedX,\n              calculatedMarkerWidth,\n              valueMarkerOrientation,\n            );\n          } else {\n            markerAtomCoords = calculateRangeMarkerCoordinates(\n              content,\n              x,\n              width,\n              trackWidth,\n              textOverflow,\n            );\n          }\n\n          markerEventHandlers[`${trackIndex}_${markerAtomCoords.join('_')}`] = {\n            onMouseEnter: marker.props.onMouseEnter,\n            onMouseMove: marker.props.onMouseMove,\n            onMouseLeave: marker.props.onMouseLeave,\n            onClick: marker.props.onClick,\n          };\n\n          markersPerTrack[trackIndex].push(markerAtomCoords);\n          if (isValidElement(marker.props.content)) {\n            const iconColor =\n              marker.props.symbolColor ??\n              getColorByContrast(\n                getTokenComputedStyle(marker.props.color),\n                getColorTokenDefaultValue(Colors.Text.Neutral.OnAccent.Default),\n                getColorTokenDefaultValue(Colors.Text.Neutral.Default),\n              );\n            icons.push([marker.props.content, iconColor]);\n          }\n        }\n      });\n\n      tracksConfig.push({ ...track.props, markers: markersByTrackConfig });\n    }\n  });\n\n  return {\n    markersPerTrack,\n    markerEventHandlers,\n    trackEventHandlers,\n    icons,\n    tracksConfig,\n  };\n}\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,OAGK;AAEP,OAAO,YAAY;AAEnB,SAAS,uCAAuC;AAChD,SAAS,iCAAiC;AAC1C,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,6BAA6B;AACtC,SAAS,0BAA0B;AACnC,SAAS,sCAAsC;AAC/C;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AASnB,SAAS,uBACd,UACA,YACA,aAAoC,gCACpC;AACA,QAAM,kBAA2C,CAAC;AAElD,QAAM,sBAA8C,CAAC;AACrD,QAAM,qBAA4C,CAAC;AAEnD,QAAM,eAAoE,CAAC;AAC3E,QAAM,QAAuC,CAAC;AAE9C,WAAS,QAAQ,UAAU,CAAC,OAAO,eAAe;AAChD,QAAI,OAAO,OAAO,SAAS,GAAG;AAC5B,sBAAgB,UAAU,IAAI,CAAC;AAE/B,yBAAmB,UAAU,IAAI;AAAA,QAC/B,cAAc,MAAM,MAAM;AAAA,MAC5B;AAEA,YAAM,uBAA0C,CAAC;AACjD,eAAS,QAAQ,MAAM,MAAM,UAAU,CAAC,WAAW;AACjD,YAAI,OAAO,QAAQ,UAAU,GAAG;AAC9B,cAAI;AACJ,+BAAqB,KAAK,OAAO,KAAK;AAEtC,gBAAM,EAAE,cAAc,SAAS,GAAG,MAAM,IAAI,OAAO;AAEnD,cAAI,OAAO,MAAM,UAAU,GAAG;AAC5B,kBAAM;AAAA,cACJ;AAAA,cACA;AAAA,cACA;AAAA,YACF,IAAI,+BAA+B;AAAA,cACjC;AAAA,cACA,mBAAmB;AAAA,cACnB;AAAA,cACA,OAAO,WAAW,qBACd,qBAAqB,sBAAsB,IAC3C;AAAA,cACJ;AAAA,cACA,SAAS;AAAA,cACT;AAAA,cACA,cAAc,OAAO,MAAM;AAAA,YAC7B,CAAC;AACD,+BAAmB;AAAA,cACjB;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,UACF,OAAO;AACL,+BAAmB;AAAA,cACjB;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,UACF;AAEA,8BAAoB,GAAG,UAAU,IAAI,iBAAiB,KAAK,GAAG,CAAC,EAAE,IAAI;AAAA,YACnE,cAAc,OAAO,MAAM;AAAA,YAC3B,aAAa,OAAO,MAAM;AAAA,YAC1B,cAAc,OAAO,MAAM;AAAA,YAC3B,SAAS,OAAO,MAAM;AAAA,UACxB;AAEA,0BAAgB,UAAU,EAAE,KAAK,gBAAgB;AACjD,cAAI,eAAe,OAAO,MAAM,OAAO,GAAG;AACxC,kBAAM,YACJ,OAAO,MAAM,eACb;AAAA,cACE,sBAAsB,OAAO,MAAM,KAAK;AAAA,cACxC,0BAA0B,OAAO,KAAK,QAAQ,SAAS,OAAO;AAAA,cAC9D,0BAA0B,OAAO,KAAK,QAAQ,OAAO;AAAA,YACvD;AACF,kBAAM,KAAK,CAAC,OAAO,MAAM,SAAS,SAAS,CAAC;AAAA,UAC9C;AAAA,QACF;AAAA,MACF,CAAC;AAED,mBAAa,KAAK,EAAE,GAAG,MAAM,OAAO,SAAS,qBAAqB,CAAC;AAAA,IACrE;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/charts/core/components/annotations/utils/get-annotations-tracks-height.js

@@ -1,7 +1,10 @@
-import { TRACK_HEIGHT, TRACK_SEPARATOR_STROKE_WIDTH } from "../constants.js";
-const getAnnotationsTracksHeight = (tracksCount) => {
+import {
+  DEFAULT_ANNOTATIONS_DIMENSIONS,
+  TRACK_SEPARATOR_STROKE_WIDTH
+} from "../constants.js";
+const getAnnotationsTracksHeight = (tracksCount, dimensions = DEFAULT_ANNOTATIONS_DIMENSIONS) => {
   if (tracksCount > 0) {
-    return tracksCount * TRACK_HEIGHT + TRACK_SEPARATOR_STROKE_WIDTH;
+    return tracksCount * dimensions.trackHeight + TRACK_SEPARATOR_STROKE_WIDTH;
   }
   return 0;
 };

package/esm/charts/core/components/annotations/utils/get-annotations-tracks-height.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/annotations/utils/get-annotations-tracks-height.ts"],
-  "sourcesContent": ["import { TRACK_HEIGHT, TRACK_SEPARATOR_STROKE_WIDTH } from '../constants.js';\n\nexport const getAnnotationsTracksHeight = (tracksCount: number): number => {\n  if (tracksCount > 0) {\n    return tracksCount * TRACK_HEIGHT + TRACK_SEPARATOR_STROKE_WIDTH;\n  }\n\n  return 0;\n};\n"],
-  "mappings": "AAAA,SAAS,cAAc,oCAAoC;AAEpD,MAAM,6BAA6B,CAAC,gBAAgC;AACzE,MAAI,cAAc,GAAG;AACnB,WAAO,cAAc,eAAe;AAAA,EACtC;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import {\n  DEFAULT_ANNOTATIONS_DIMENSIONS,\n  TRACK_SEPARATOR_STROKE_WIDTH,\n  type AnnotationsDimensions,\n} from '../constants.js';\n\nexport const getAnnotationsTracksHeight = (\n  tracksCount: number,\n  dimensions: AnnotationsDimensions = DEFAULT_ANNOTATIONS_DIMENSIONS,\n): number => {\n  if (tracksCount > 0) {\n    return tracksCount * dimensions.trackHeight + TRACK_SEPARATOR_STROKE_WIDTH;\n  }\n\n  return 0;\n};\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AAEA,MAAM,6BAA6B,CACxC,aACA,aAAoC,mCACzB;AACX,MAAI,cAAc,GAAG;AACnB,WAAO,cAAc,WAAW,cAAc;AAAA,EAChD;AAEA,SAAO;AACT;",
   "names": []
 }

package/esm/charts/core/components/annotations/utils/get-annotations-visible-area.js

@@ -1,16 +1,20 @@
 import { isUndefined } from "lodash-es";
 import { getAnnotationsTracksHeight } from "./get-annotations-tracks-height.js";
+import {
+  DEFAULT_ANNOTATIONS_DIMENSIONS
+} from "../constants.js";
 const DEFAULT_VISIBLE_ANNOTATIONS_TRACKS = 3;
-const getAnnotationsVisibleArea = (numTracks, visibleTracksAmountLimit = DEFAULT_VISIBLE_ANNOTATIONS_TRACKS, numHiddenTracks = 0) => {
+const getAnnotationsVisibleArea = (numTracks, visibleTracksAmountLimit = DEFAULT_VISIBLE_ANNOTATIONS_TRACKS, numHiddenTracks = 0, dimensions = DEFAULT_ANNOTATIONS_DIMENSIONS) => {
   const sanitizedNumHiddenTracks = numHiddenTracks < 0 ? 0 : numHiddenTracks;
   const totalTracksHeight = getAnnotationsTracksHeight(
-    numTracks - sanitizedNumHiddenTracks
+    numTracks - sanitizedNumHiddenTracks,
+    dimensions
   );
   const isVisibleTracksAmountLimitDefined = !isUndefined(
     visibleTracksAmountLimit
   );
   return isVisibleTracksAmountLimitDefined ? Math.min(
-    getAnnotationsTracksHeight(visibleTracksAmountLimit),
+    getAnnotationsTracksHeight(visibleTracksAmountLimit, dimensions),
     totalTracksHeight
   ) : totalTracksHeight;
 };

package/esm/charts/core/components/annotations/utils/get-annotations-visible-area.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/annotations/utils/get-annotations-visible-area.ts"],
-  "sourcesContent": ["import { isUndefined } from 'lodash-es';\n\nimport { getAnnotationsTracksHeight } from './get-annotations-tracks-height.js';\n\nconst DEFAULT_VISIBLE_ANNOTATIONS_TRACKS = 3;\n\n/**\n * Calculates annotations' vertical visible area in the ChartGrid.\n *\n * @param numTracks - The number of tracks you want to consider for the annotations vertical area\n * @param visibleTracksAmountLimit - The limit amount of visible tracks. When `undefined`, equals to the total number of tracks.\n * @param numHiddenTracks - The number of hidden tracks. The default equals to 0. Depending on the amount of hidden tracks, the visible area will be reduced to compensate the area the should not be displayed.\n * @returns The annotations' visible vertical area in pixels in the ChartGrid.\n */\nexport const getAnnotationsVisibleArea = (\n  numTracks: number,\n  visibleTracksAmountLimit: number = DEFAULT_VISIBLE_ANNOTATIONS_TRACKS,\n  numHiddenTracks: number = 0,\n) => {\n  const sanitizedNumHiddenTracks = numHiddenTracks < 0 ? 0 : numHiddenTracks;\n  const totalTracksHeight = getAnnotationsTracksHeight(\n    numTracks - sanitizedNumHiddenTracks,\n  );\n  const isVisibleTracksAmountLimitDefined = !isUndefined(\n    visibleTracksAmountLimit,\n  );\n\n  return isVisibleTracksAmountLimitDefined\n    ? Math.min(\n        getAnnotationsTracksHeight(visibleTracksAmountLimit),\n        totalTracksHeight,\n      )\n    : totalTracksHeight;\n};\n"],
-  "mappings": "AAAA,SAAS,mBAAmB;AAE5B,SAAS,kCAAkC;AAE3C,MAAM,qCAAqC;AAUpC,MAAM,4BAA4B,CACvC,WACA,2BAAmC,oCACnC,kBAA0B,MACvB;AACH,QAAM,2BAA2B,kBAAkB,IAAI,IAAI;AAC3D,QAAM,oBAAoB;AAAA,IACxB,YAAY;AAAA,EACd;AACA,QAAM,oCAAoC,CAAC;AAAA,IACzC;AAAA,EACF;AAEA,SAAO,oCACH,KAAK;AAAA,IACH,2BAA2B,wBAAwB;AAAA,IACnD;AAAA,EACF,IACA;AACN;",
+  "sourcesContent": ["import { isUndefined } from 'lodash-es';\n\nimport { getAnnotationsTracksHeight } from './get-annotations-tracks-height.js';\nimport {\n  DEFAULT_ANNOTATIONS_DIMENSIONS,\n  type AnnotationsDimensions,\n} from '../constants.js';\n\nconst DEFAULT_VISIBLE_ANNOTATIONS_TRACKS = 3;\n\n/**\n * Calculates annotations' vertical visible area in the ChartGrid.\n *\n * @param numTracks - The number of tracks you want to consider for the annotations vertical area\n * @param visibleTracksAmountLimit - The limit amount of visible tracks. When `undefined`, equals to the total number of tracks.\n * @param numHiddenTracks - The number of hidden tracks. The default equals to 0. Depending on the amount of hidden tracks, the visible area will be reduced to compensate the area the should not be displayed.\n * @param dimensions - The annotation dimensions to use for height calculations.\n * @returns The annotations' visible vertical area in pixels in the ChartGrid.\n */\nexport const getAnnotationsVisibleArea = (\n  numTracks: number,\n  visibleTracksAmountLimit: number = DEFAULT_VISIBLE_ANNOTATIONS_TRACKS,\n  numHiddenTracks: number = 0,\n  dimensions: AnnotationsDimensions = DEFAULT_ANNOTATIONS_DIMENSIONS,\n) => {\n  const sanitizedNumHiddenTracks = numHiddenTracks < 0 ? 0 : numHiddenTracks;\n  const totalTracksHeight = getAnnotationsTracksHeight(\n    numTracks - sanitizedNumHiddenTracks,\n    dimensions,\n  );\n  const isVisibleTracksAmountLimitDefined = !isUndefined(\n    visibleTracksAmountLimit,\n  );\n\n  return isVisibleTracksAmountLimitDefined\n    ? Math.min(\n        getAnnotationsTracksHeight(visibleTracksAmountLimit, dimensions),\n        totalTracksHeight,\n      )\n    : totalTracksHeight;\n};\n"],
+  "mappings": "AAAA,SAAS,mBAAmB;AAE5B,SAAS,kCAAkC;AAC3C;AAAA,EACE;AAAA,OAEK;AAEP,MAAM,qCAAqC;AAWpC,MAAM,4BAA4B,CACvC,WACA,2BAAmC,oCACnC,kBAA0B,GAC1B,aAAoC,mCACjC;AACH,QAAM,2BAA2B,kBAAkB,IAAI,IAAI;AAC3D,QAAM,oBAAoB;AAAA,IACxB,YAAY;AAAA,IACZ;AAAA,EACF;AACA,QAAM,oCAAoC,CAAC;AAAA,IACzC;AAAA,EACF;AAEA,SAAO,oCACH,KAAK;AAAA,IACH,2BAA2B,0BAA0B,UAAU;AAAA,IAC/D;AAAA,EACF,IACA;AACN;",
   "names": []
 }

package/esm/charts/core/components/annotations/utils/get-markers-offset-by-track.js

@@ -1,6 +1,10 @@
 import { getTrackSeparatorOffset } from "./get-track-separator-offset.js";
-import { MARGIN_TOP_STROKE, TRACK_PADDING_Y } from "../constants.js";
-const getMarkerOffsetByTrack = (index) => getTrackSeparatorOffset(index) + TRACK_PADDING_Y + MARGIN_TOP_STROKE;
+import {
+  DEFAULT_ANNOTATIONS_DIMENSIONS,
+  MARGIN_TOP_STROKE,
+  TRACK_PADDING_Y
+} from "../constants.js";
+const getMarkerOffsetByTrack = (index, dimensions = DEFAULT_ANNOTATIONS_DIMENSIONS) => getTrackSeparatorOffset(index, dimensions) + TRACK_PADDING_Y + MARGIN_TOP_STROKE;
 export {
   getMarkerOffsetByTrack
 };

package/esm/charts/core/components/annotations/utils/get-markers-offset-by-track.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/annotations/utils/get-markers-offset-by-track.ts"],
-  "sourcesContent": ["import { getTrackSeparatorOffset } from './get-track-separator-offset.js';\nimport { MARGIN_TOP_STROKE, TRACK_PADDING_Y } from '../constants.js';\n\nexport const getMarkerOffsetByTrack = (index: number) =>\n  getTrackSeparatorOffset(index) + TRACK_PADDING_Y + MARGIN_TOP_STROKE;\n"],
-  "mappings": "AAAA,SAAS,+BAA+B;AACxC,SAAS,mBAAmB,uBAAuB;AAE5C,MAAM,yBAAyB,CAAC,UACrC,wBAAwB,KAAK,IAAI,kBAAkB;",
+  "sourcesContent": ["import { getTrackSeparatorOffset } from './get-track-separator-offset.js';\nimport {\n  DEFAULT_ANNOTATIONS_DIMENSIONS,\n  MARGIN_TOP_STROKE,\n  TRACK_PADDING_Y,\n  type AnnotationsDimensions,\n} from '../constants.js';\n\nexport const getMarkerOffsetByTrack = (\n  index: number,\n  dimensions: AnnotationsDimensions = DEFAULT_ANNOTATIONS_DIMENSIONS,\n) =>\n  getTrackSeparatorOffset(index, dimensions) +\n  TRACK_PADDING_Y +\n  MARGIN_TOP_STROKE;\n"],
+  "mappings": "AAAA,SAAS,+BAA+B;AACxC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAEA,MAAM,yBAAyB,CACpC,OACA,aAAoC,mCAEpC,wBAAwB,OAAO,UAAU,IACzC,kBACA;",
   "names": []
 }

package/esm/charts/core/components/annotations/utils/get-track-separator-offset.js

@@ -1,5 +1,8 @@
-import { MARGIN_TOP_STROKE, TRACK_HEIGHT } from "../constants.js";
-const getTrackSeparatorOffset = (index) => index * TRACK_HEIGHT + MARGIN_TOP_STROKE;
+import {
+  DEFAULT_ANNOTATIONS_DIMENSIONS,
+  MARGIN_TOP_STROKE
+} from "../constants.js";
+const getTrackSeparatorOffset = (index, dimensions = DEFAULT_ANNOTATIONS_DIMENSIONS) => index * dimensions.trackHeight + MARGIN_TOP_STROKE;
 export {
   getTrackSeparatorOffset
 };

package/esm/charts/core/components/annotations/utils/get-track-separator-offset.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/annotations/utils/get-track-separator-offset.ts"],
-  "sourcesContent": ["import { MARGIN_TOP_STROKE, TRACK_HEIGHT } from '../constants.js';\n\nexport const getTrackSeparatorOffset = (index: number) =>\n  index * TRACK_HEIGHT + MARGIN_TOP_STROKE;\n"],
-  "mappings": "AAAA,SAAS,mBAAmB,oBAAoB;AAEzC,MAAM,0BAA0B,CAAC,UACtC,QAAQ,eAAe;",
+  "sourcesContent": ["import {\n  DEFAULT_ANNOTATIONS_DIMENSIONS,\n  MARGIN_TOP_STROKE,\n  type AnnotationsDimensions,\n} from '../constants.js';\n\nexport const getTrackSeparatorOffset = (\n  index: number,\n  dimensions: AnnotationsDimensions = DEFAULT_ANNOTATIONS_DIMENSIONS,\n) => index * dimensions.trackHeight + MARGIN_TOP_STROKE;\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AAEA,MAAM,0BAA0B,CACrC,OACA,aAAoC,mCACjC,QAAQ,WAAW,cAAc;",
   "names": []
 }

package/esm/charts/core/components/annotations/utils/in-marker-bounds.js

@@ -1,8 +1,11 @@
-import { MARGIN_TOP_STROKE, TRACK_HEIGHT } from "../constants.js";
-const inMarkerBounds = (mousePosition, trackIndex, markerCoords) => {
+import {
+  DEFAULT_ANNOTATIONS_DIMENSIONS,
+  MARGIN_TOP_STROKE
+} from "../constants.js";
+const inMarkerBounds = (mousePosition, trackIndex, markerCoords, dimensions = DEFAULT_ANNOTATIONS_DIMENSIONS) => {
   const [start, end] = markerCoords;
-  const top = trackIndex * TRACK_HEIGHT + MARGIN_TOP_STROKE;
-  const bottom = (trackIndex + 1) * TRACK_HEIGHT + MARGIN_TOP_STROKE;
+  const top = trackIndex * dimensions.trackHeight + MARGIN_TOP_STROKE;
+  const bottom = (trackIndex + 1) * dimensions.trackHeight + MARGIN_TOP_STROKE;
   return mousePosition.y >= top && mousePosition.y <= bottom && mousePosition.x >= start && mousePosition.x <= end;
 };
 export {

package/esm/charts/core/components/annotations/utils/in-marker-bounds.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/annotations/utils/in-marker-bounds.ts"],
-  "sourcesContent": ["import { MARGIN_TOP_STROKE, TRACK_HEIGHT } from '../constants.js';\n\n/**\n * Checks whether mouse is in marker bounds\n *\n * @param mousePosition -\n * @param trackIndex -\n * @param markerCoords -\n */\nexport const inMarkerBounds = (\n  mousePosition: { x: number; y: number },\n  trackIndex: number,\n  markerCoords: [number, number],\n) => {\n  const [start, end] = markerCoords;\n\n  const top = trackIndex * TRACK_HEIGHT + MARGIN_TOP_STROKE;\n  const bottom = (trackIndex + 1) * TRACK_HEIGHT + MARGIN_TOP_STROKE;\n\n  return (\n    mousePosition.y >= top &&\n    mousePosition.y <= bottom &&\n    mousePosition.x >= start &&\n    mousePosition.x <= end\n  );\n};\n"],
-  "mappings": "AAAA,SAAS,mBAAmB,oBAAoB;AASzC,MAAM,iBAAiB,CAC5B,eACA,YACA,iBACG;AACH,QAAM,CAAC,OAAO,GAAG,IAAI;AAErB,QAAM,MAAM,aAAa,eAAe;AACxC,QAAM,UAAU,aAAa,KAAK,eAAe;AAEjD,SACE,cAAc,KAAK,OACnB,cAAc,KAAK,UACnB,cAAc,KAAK,SACnB,cAAc,KAAK;AAEvB;",
+  "sourcesContent": ["import {\n  DEFAULT_ANNOTATIONS_DIMENSIONS,\n  MARGIN_TOP_STROKE,\n  type AnnotationsDimensions,\n} from '../constants.js';\n\n/**\n * Checks whether mouse is in marker bounds\n *\n * @param mousePosition -\n * @param trackIndex -\n * @param markerCoords -\n * @param dimensions -\n */\nexport const inMarkerBounds = (\n  mousePosition: { x: number; y: number },\n  trackIndex: number,\n  markerCoords: [number, number],\n  dimensions: AnnotationsDimensions = DEFAULT_ANNOTATIONS_DIMENSIONS,\n) => {\n  const [start, end] = markerCoords;\n\n  const top = trackIndex * dimensions.trackHeight + MARGIN_TOP_STROKE;\n  const bottom = (trackIndex + 1) * dimensions.trackHeight + MARGIN_TOP_STROKE;\n\n  return (\n    mousePosition.y >= top &&\n    mousePosition.y <= bottom &&\n    mousePosition.x >= start &&\n    mousePosition.x <= end\n  );\n};\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AAUA,MAAM,iBAAiB,CAC5B,eACA,YACA,cACA,aAAoC,mCACjC;AACH,QAAM,CAAC,OAAO,GAAG,IAAI;AAErB,QAAM,MAAM,aAAa,WAAW,cAAc;AAClD,QAAM,UAAU,aAAa,KAAK,WAAW,cAAc;AAE3D,SACE,cAAc,KAAK,OACnB,cAAc,KAAK,UACnB,cAAc,KAAK,SACnB,cAAc,KAAK;AAEvB;",
   "names": []
 }

package/esm/charts/core/components/axes/Axis.css

@@ -1,4 +1,4 @@
-._90oaxp0-3-13-2 {
+._90oaxp0-3-14-0 {
   display: block;
   overflow: visible;
 }

package/esm/charts/core/components/axes/Axis.sty.js

@@ -1,5 +1,5 @@
 import "./Axis.css";
-var axis = "_90oaxp0-3-13-2";
+var axis = "_90oaxp0-3-14-0";
 export {
   axis
 };

package/esm/charts/core/components/axes/Axis.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/axes/Axis.css.ts"],
-  "sourcesContent": ["import './Axis.css';\nexport var axis = '_90oaxp0-3-13-2';"],
+  "sourcesContent": ["import './Axis.css';\nexport var axis = '_90oaxp0-3-14-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,OAAO;",
   "names": []
 }

package/esm/charts/core/components/axes/components/DivAxisWrapper.js

@@ -49,6 +49,7 @@ const DivAxisWrapper = ({
   isTickVertical = false,
   isTickRotated = false,
   divAxisStyle = {},
+  reserveSpaceWhenEmpty = false,
   children
 }) => {
   const { tickStyle, labelStyle } = getDivContainerAxisStyle(
@@ -68,6 +69,13 @@ const DivAxisWrapper = ({
     visibility: "hidden",
     ...divAxisStyle
   };
+  const tickContent = ticks?.length > 0 ? ticks.map((tick, index) => /* @__PURE__ */ jsx("span", { style: tickStyle, children: tick }, `${index}_${tick}`)) : reserveSpaceWhenEmpty && /* @__PURE__ */ jsx(
+    "span",
+    {
+      style: { ...tickStyle, minHeight: TICK_MIN_HEIGHT },
+      "aria-hidden": "true"
+    }
+  );
   return /* @__PURE__ */ jsxs("div", { style: containerAxisStyle, children: [
     /* @__PURE__ */ jsx("div", { style: visibleSvgAxisStyle, children }),
     /* @__PURE__ */ jsxs(
@@ -78,7 +86,7 @@ const DivAxisWrapper = ({
         gap: 0,
         children: [
           label && /* @__PURE__ */ jsx("span", { style: labelStyle, children: label }),
-          /* @__PURE__ */ jsx(Flex, { flexDirection: isTickVertical ? "row" : "column", children: ticks?.map((tick, index) => /* @__PURE__ */ jsx("span", { style: tickStyle, children: tick }, `${index}_${tick}`)) })
+          /* @__PURE__ */ jsx(Flex, { flexDirection: isTickVertical ? "row" : "column", children: tickContent })
         ]
       }
     )

package/esm/charts/core/components/axes/components/DivAxisWrapper.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/axes/components/DivAxisWrapper.tsx"],
-  "sourcesContent": ["import { type CSSProperties, type ReactNode } from 'react';\n\nimport { Flex } from '../../../../../layouts/flex/Flex.js';\nimport {\n  AXIS_LABEL_HEIGHT,\n  X_AXES_LABEL_OFFSET,\n  X_AXES_TICK_LINE_OFFSET,\n  Y_AXES_TICK_LINE_OFFSET,\n  Y_AXIS_LABEL_OFFSET,\n} from '../constants.js';\n\nexport interface DivAxisProps {\n  children: ReactNode;\n  ticks: string[];\n  divAxisStyle?: object;\n  label?: string;\n  isTickVertical?: boolean;\n  isTickRotated?: boolean;\n}\n\n/**\n * We have discrepancies between Browsers engines where\n * we need to specify the minimum content for the label element\n */\nconst TICK_MIN_WIDTH = 8;\nconst TICK_MIN_HEIGHT = 12;\n\nconst getDivContainerAxisStyle = (\n  isTickVertical: boolean,\n  isTickRotated: boolean,\n) => {\n  let tickStyle: CSSProperties;\n  let labelStyle: CSSProperties;\n\n  const rotatedTextStyle: CSSProperties = {\n    writingMode: 'vertical-rl',\n  };\n\n  if (isTickVertical) {\n    tickStyle = {\n      marginTop: X_AXES_TICK_LINE_OFFSET,\n      minHeight: isTickRotated ? TICK_MIN_HEIGHT : 0,\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n      ...(isTickRotated ? rotatedTextStyle : {}),\n    };\n    labelStyle = {\n      marginTop: X_AXES_LABEL_OFFSET,\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n    };\n  } else {\n    tickStyle = {\n      marginRight: Y_AXES_TICK_LINE_OFFSET,\n      minWidth: TICK_MIN_WIDTH,\n      whiteSpace: 'nowrap',\n    };\n    labelStyle = {\n      marginRight: Y_AXIS_LABEL_OFFSET,\n      minWidth: AXIS_LABEL_HEIGHT,\n      whiteSpace: 'nowrap',\n      ...rotatedTextStyle,\n    };\n  }\n\n  return { tickStyle, labelStyle };\n};\n\n/**\n * This component creates a layout containing an SVG and HTML version of the axis.\n * The SVG axis should be positioned absolutely within the wrapper component.\n * Below it, we need to generate an identical HTML axis with hidden visibility.\n * By doing this, we can obtain the size of the HTML axis and use it to dynamically position the SVG axis instead\n * of performing complex calculations. The HTML axis size allows us to use CSS Grid with a min-max content approach\n * and manage plots more efficiently.\n */\nexport const DivAxisWrapper = ({\n  ticks,\n  label,\n  isTickVertical = false,\n  isTickRotated = false,\n  divAxisStyle = {},\n  children,\n}: DivAxisProps) => {\n  const { tickStyle, labelStyle } = getDivContainerAxisStyle(\n    isTickVertical,\n    isTickRotated,\n  );\n\n  const containerAxisStyle: CSSProperties = {\n    position: 'relative',\n    /* A combination of pointer Events is needed here and in visibleSVGAxisStyle to allow the correct functioning with the resizer in the bottom legend when the tick labels are rotated and truncated (edge case) */\n    pointerEvents: 'none',\n  };\n  const visibleSvgAxisStyle: CSSProperties = {\n    position: 'absolute',\n    pointerEvents: 'visible',\n  };\n  const hiddenDivAxisStyle: CSSProperties = {\n    visibility: 'hidden',\n    ...divAxisStyle,\n  };\n\n  return (\n    <div style={containerAxisStyle}>\n      <div style={visibleSvgAxisStyle}>{children}</div>\n      <Flex\n        style={hiddenDivAxisStyle}\n        flexDirection={isTickVertical ? 'column-reverse' : 'row'}\n        gap={0}\n      >\n        {label && <span style={labelStyle}>{label}</span>}\n        <Flex flexDirection={isTickVertical ? 'row' : 'column'}>\n          {ticks?.map((tick, index) => (\n            <span style={tickStyle} key={`${index}_${tick}`}>\n              {tick}\n            </span>\n          ))}\n        </Flex>\n      </Flex>\n    </div>\n  );\n};\n\nDivAxisWrapper['displayName'] = 'DivAxisWrapper';\n"],
-  "mappings": "AAyGM,cACA,YADA;AAvGN,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAeP,MAAM,iBAAiB;AACvB,MAAM,kBAAkB;AAExB,MAAM,2BAA2B,CAC/B,gBACA,kBACG;AACH,MAAI;AACJ,MAAI;AAEJ,QAAM,mBAAkC;AAAA,IACtC,aAAa;AAAA,EACf;AAEA,MAAI,gBAAgB;AAClB,gBAAY;AAAA,MACV,WAAW;AAAA,MACX,WAAW,gBAAgB,kBAAkB;AAAA,MAC7C,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,GAAI,gBAAgB,mBAAmB,CAAC;AAAA,IAC1C;AACA,iBAAa;AAAA,MACX,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,UAAU;AAAA,IACZ;AAAA,EACF,OAAO;AACL,gBAAY;AAAA,MACV,aAAa;AAAA,MACb,UAAU;AAAA,MACV,YAAY;AAAA,IACd;AACA,iBAAa;AAAA,MACX,aAAa;AAAA,MACb,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,GAAG;AAAA,IACL;AAAA,EACF;AAEA,SAAO,EAAE,WAAW,WAAW;AACjC;AAUO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,eAAe,CAAC;AAAA,EAChB;AACF,MAAoB;AAClB,QAAM,EAAE,WAAW,WAAW,IAAI;AAAA,IAChC;AAAA,IACA;AAAA,EACF;AAEA,QAAM,qBAAoC;AAAA,IACxC,UAAU;AAAA;AAAA,IAEV,eAAe;AAAA,EACjB;AACA,QAAM,sBAAqC;AAAA,IACzC,UAAU;AAAA,IACV,eAAe;AAAA,EACjB;AACA,QAAM,qBAAoC;AAAA,IACxC,YAAY;AAAA,IACZ,GAAG;AAAA,EACL;AAEA,SACE,qBAAC,SAAI,OAAO,oBACV;AAAA,wBAAC,SAAI,OAAO,qBAAsB,UAAS;AAAA,IAC3C;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,eAAe,iBAAiB,mBAAmB;AAAA,QACnD,KAAK;AAAA,QAEJ;AAAA,mBAAS,oBAAC,UAAK,OAAO,YAAa,iBAAM;AAAA,UAC1C,oBAAC,QAAK,eAAe,iBAAiB,QAAQ,UAC3C,iBAAO,IAAI,CAAC,MAAM,UACjB,oBAAC,UAAK,OAAO,WACV,kBAD0B,GAAG,KAAK,IAAI,IAAI,EAE7C,CACD,GACH;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,eAAe,aAAa,IAAI;",
+  "sourcesContent": ["import { type CSSProperties, type ReactNode } from 'react';\n\nimport { Flex } from '../../../../../layouts/flex/Flex.js';\nimport {\n  AXIS_LABEL_HEIGHT,\n  X_AXES_LABEL_OFFSET,\n  X_AXES_TICK_LINE_OFFSET,\n  Y_AXES_TICK_LINE_OFFSET,\n  Y_AXIS_LABEL_OFFSET,\n} from '../constants.js';\n\nexport type DivAxisProps = Readonly<{\n  children: ReactNode;\n  ticks: string[];\n  divAxisStyle?: object;\n  label?: string;\n  isTickVertical?: boolean;\n  isTickRotated?: boolean;\n  reserveSpaceWhenEmpty?: boolean;\n}>;\n\n/**\n * We have discrepancies between Browsers engines where\n * we need to specify the minimum content for the label element\n */\nconst TICK_MIN_WIDTH = 8;\nconst TICK_MIN_HEIGHT = 12;\n\nconst getDivContainerAxisStyle = (\n  isTickVertical: boolean,\n  isTickRotated: boolean,\n) => {\n  let tickStyle: CSSProperties;\n  let labelStyle: CSSProperties;\n\n  const rotatedTextStyle: CSSProperties = {\n    writingMode: 'vertical-rl',\n  };\n\n  if (isTickVertical) {\n    tickStyle = {\n      marginTop: X_AXES_TICK_LINE_OFFSET,\n      minHeight: isTickRotated ? TICK_MIN_HEIGHT : 0,\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n      ...(isTickRotated ? rotatedTextStyle : {}),\n    };\n    labelStyle = {\n      marginTop: X_AXES_LABEL_OFFSET,\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n    };\n  } else {\n    tickStyle = {\n      marginRight: Y_AXES_TICK_LINE_OFFSET,\n      minWidth: TICK_MIN_WIDTH,\n      whiteSpace: 'nowrap',\n    };\n    labelStyle = {\n      marginRight: Y_AXIS_LABEL_OFFSET,\n      minWidth: AXIS_LABEL_HEIGHT,\n      whiteSpace: 'nowrap',\n      ...rotatedTextStyle,\n    };\n  }\n\n  return { tickStyle, labelStyle };\n};\n\n/**\n * This component creates a layout containing an SVG and HTML version of the axis.\n * The SVG axis should be positioned absolutely within the wrapper component.\n * Below it, we need to generate an identical HTML axis with hidden visibility.\n * By doing this, we can obtain the size of the HTML axis and use it to dynamically position the SVG axis instead\n * of performing complex calculations. The HTML axis size allows us to use CSS Grid with a min-max content approach\n * and manage plots more efficiently.\n */\nexport const DivAxisWrapper = ({\n  ticks,\n  label,\n  isTickVertical = false,\n  isTickRotated = false,\n  divAxisStyle = {},\n  reserveSpaceWhenEmpty = false,\n  children,\n}: DivAxisProps) => {\n  const { tickStyle, labelStyle } = getDivContainerAxisStyle(\n    isTickVertical,\n    isTickRotated,\n  );\n\n  const containerAxisStyle: CSSProperties = {\n    position: 'relative',\n    /* A combination of pointer Events is needed here and in visibleSVGAxisStyle to allow the correct functioning with the resizer in the bottom legend when the tick labels are rotated and truncated (edge case) */\n    pointerEvents: 'none',\n  };\n  const visibleSvgAxisStyle: CSSProperties = {\n    position: 'absolute',\n    pointerEvents: 'visible',\n  };\n  const hiddenDivAxisStyle: CSSProperties = {\n    visibility: 'hidden',\n    ...divAxisStyle,\n  };\n\n  const tickContent =\n    ticks?.length > 0\n      ? ticks.map((tick, index) => (\n          <span style={tickStyle} key={`${index}_${tick}`}>\n            {tick}\n          </span>\n        ))\n      : reserveSpaceWhenEmpty && (\n          <span\n            style={{ ...tickStyle, minHeight: TICK_MIN_HEIGHT }}\n            aria-hidden=\"true\"\n          />\n        );\n\n  return (\n    <div style={containerAxisStyle}>\n      <div style={visibleSvgAxisStyle}>{children}</div>\n      <Flex\n        style={hiddenDivAxisStyle}\n        flexDirection={isTickVertical ? 'column-reverse' : 'row'}\n        gap={0}\n      >\n        {label && <span style={labelStyle}>{label}</span>}\n        <Flex flexDirection={isTickVertical ? 'row' : 'column'}>\n          {tickContent}\n        </Flex>\n      </Flex>\n    </div>\n  );\n};\n\nDivAxisWrapper['displayName'] = 'DivAxisWrapper';\n"],
+  "mappings": "AA4GU,cAcJ,YAdI;AA1GV,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAgBP,MAAM,iBAAiB;AACvB,MAAM,kBAAkB;AAExB,MAAM,2BAA2B,CAC/B,gBACA,kBACG;AACH,MAAI;AACJ,MAAI;AAEJ,QAAM,mBAAkC;AAAA,IACtC,aAAa;AAAA,EACf;AAEA,MAAI,gBAAgB;AAClB,gBAAY;AAAA,MACV,WAAW;AAAA,MACX,WAAW,gBAAgB,kBAAkB;AAAA,MAC7C,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,GAAI,gBAAgB,mBAAmB,CAAC;AAAA,IAC1C;AACA,iBAAa;AAAA,MACX,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,UAAU;AAAA,IACZ;AAAA,EACF,OAAO;AACL,gBAAY;AAAA,MACV,aAAa;AAAA,MACb,UAAU;AAAA,MACV,YAAY;AAAA,IACd;AACA,iBAAa;AAAA,MACX,aAAa;AAAA,MACb,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,GAAG;AAAA,IACL;AAAA,EACF;AAEA,SAAO,EAAE,WAAW,WAAW;AACjC;AAUO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,eAAe,CAAC;AAAA,EAChB,wBAAwB;AAAA,EACxB;AACF,MAAoB;AAClB,QAAM,EAAE,WAAW,WAAW,IAAI;AAAA,IAChC;AAAA,IACA;AAAA,EACF;AAEA,QAAM,qBAAoC;AAAA,IACxC,UAAU;AAAA;AAAA,IAEV,eAAe;AAAA,EACjB;AACA,QAAM,sBAAqC;AAAA,IACzC,UAAU;AAAA,IACV,eAAe;AAAA,EACjB;AACA,QAAM,qBAAoC;AAAA,IACxC,YAAY;AAAA,IACZ,GAAG;AAAA,EACL;AAEA,QAAM,cACJ,OAAO,SAAS,IACZ,MAAM,IAAI,CAAC,MAAM,UACf,oBAAC,UAAK,OAAO,WACV,kBAD0B,GAAG,KAAK,IAAI,IAAI,EAE7C,CACD,IACD,yBACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,GAAG,WAAW,WAAW,gBAAgB;AAAA,MAClD,eAAY;AAAA;AAAA,EACd;AAGR,SACE,qBAAC,SAAI,OAAO,oBACV;AAAA,wBAAC,SAAI,OAAO,qBAAsB,UAAS;AAAA,IAC3C;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,eAAe,iBAAiB,mBAAmB;AAAA,QACnD,KAAK;AAAA,QAEJ;AAAA,mBAAS,oBAAC,UAAK,OAAO,YAAa,iBAAM;AAAA,UAC1C,oBAAC,QAAK,eAAe,iBAAiB,QAAQ,UAC3C,uBACH;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,eAAe,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/core/components/axes/components/PanningControls/PanningControls.css

@@ -1,4 +1,4 @@
-@keyframes _3rbllj2-3-13-2 {
+@keyframes _3rbllj2-3-14-0 {
   0% {
     transform: translateX(-4px);
     opacity: 0.2;
@@ -8,7 +8,7 @@
     opacity: 1;
   }
 }
-@keyframes _3rbllj3-3-13-2 {
+@keyframes _3rbllj3-3-14-0 {
   0% {
     transform: translateX(4px);
     opacity: 0.2;
@@ -18,7 +18,7 @@
     opacity: 1;
   }
 }
-._3rbllj4-3-13-2 {
+._3rbllj4-3-14-0 {
   opacity: 0;
   height: 100%;
   position: absolute;
@@ -34,29 +34,29 @@
   animation-delay: 0.2s;
   animation-fill-mode: forwards;
 }
-._3rbllj5-3-13-2 {
+._3rbllj5-3-14-0 {
   left: 0;
-  animation-name: _3rbllj2-3-13-2;
+  animation-name: _3rbllj2-3-14-0;
 }
-._3rbllj6-3-13-2 {
+._3rbllj6-3-14-0 {
   right: 0;
-  animation-name: _3rbllj3-3-13-2;
+  animation-name: _3rbllj3-3-14-0;
 }
-._3rbllj7-3-13-2 {
+._3rbllj7-3-14-0 {
   color: var(--dt-colors-icon-neutral-subdued, #595a7d);
 }
-._3rbllj7-3-13-2:hover {
+._3rbllj7-3-14-0:hover {
   color: var(--dt-colors-icon-neutral-subdued-hover, #434465);
 }
-._3rbllj7-3-13-2:active {
+._3rbllj7-3-14-0:active {
   color: var(--dt-colors-icon-neutral-subdued-active, #2f2f4f);
 }
-._3rbllj5-3-13-2 ~ div {
-  --_3rbllj0-3-13-2: rgba(0, 0, 0, 0) 12px, rgba(0, 0, 0, 1) 40px;
+._3rbllj5-3-14-0 ~ div {
+  --_3rbllj0-3-14-0: rgba(0, 0, 0, 0) 12px, rgba(0, 0, 0, 1) 40px;
 }
-._3rbllj6-3-13-2 ~ div {
-  --_3rbllj1-3-13-2: rgba(0, 0, 0, 1) calc(100% - 40px), rgba(0, 0, 0, 0) calc(100% - 12px);
+._3rbllj6-3-14-0 ~ div {
+  --_3rbllj1-3-14-0: rgba(0, 0, 0, 1) calc(100% - 40px), rgba(0, 0, 0, 0) calc(100% - 12px);
 }
-._3rbllj4-3-13-2 ~ div {
-  mask: linear-gradient(90deg, var(--_3rbllj0-3-13-2, rgba(0,0,0,1) 0%), var(--_3rbllj1-3-13-2, rgba(0,0,0,1) 0%));
+._3rbllj4-3-14-0 ~ div {
+  mask: linear-gradient(90deg, var(--_3rbllj0-3-14-0, rgba(0,0,0,1) 0%), var(--_3rbllj1-3-14-0, rgba(0,0,0,1) 0%));
 }

package/esm/charts/core/components/axes/components/PanningControls/PanningControls.sty.js

@@ -1,7 +1,7 @@
 import "./PanningControls.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var panningArrow = "_3rbllj7-3-13-2";
-var panningButtons = _7a468({ defaultClassName: "_3rbllj4-3-13-2", variantClassNames: { direction: { toLeft: "_3rbllj5-3-13-2", toRight: "_3rbllj6-3-13-2" } }, defaultVariants: {}, compoundVariants: [] });
+var panningArrow = "_3rbllj7-3-14-0";
+var panningButtons = _7a468({ defaultClassName: "_3rbllj4-3-14-0", variantClassNames: { direction: { toLeft: "_3rbllj5-3-14-0", toRight: "_3rbllj6-3-14-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   panningArrow,
   panningButtons

package/esm/charts/core/components/axes/components/PanningControls/PanningControls.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/axes/components/PanningControls/PanningControls.css.ts"],
-  "sourcesContent": ["import './PanningControls.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var panningArrow = '_3rbllj7-3-13-2';\nexport var panningButtons = _7a468({defaultClassName:'_3rbllj4-3-13-2',variantClassNames:{direction:{toLeft:'_3rbllj5-3-13-2',toRight:'_3rbllj6-3-13-2'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './PanningControls.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var panningArrow = '_3rbllj7-3-14-0';\nexport var panningButtons = _7a468({defaultClassName:'_3rbllj4-3-14-0',variantClassNames:{direction:{toLeft:'_3rbllj5-3-14-0',toRight:'_3rbllj6-3-14-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe;AACnB,IAAI,iBAAiB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,WAAU,EAAC,QAAO,mBAAkB,SAAQ,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/axes/utils/get-tick-label-props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/axes/utils/get-tick-label-props.ts"],
-  "sourcesContent": ["import { getTickValueAsNumber } from '../../../../../core/utils/get-tick-value-as-number.js';\nimport type { AnyScale } from '../../../types/scales.js';\nimport { TickLabelProps } from '../../../types/text-props.js';\nimport { TickPrimitiveValue } from '../../../types/tick-value.js';\nimport {\n  TICK_ALIGMENT,\n  X_AXES_TICK_LINE_OFFSET,\n  Y_AXES_TICK_LINE_OFFSET,\n  type TickAligmentMode,\n} from '../constants.js';\nimport { Orientation, TickLabelLayout } from '../types.js';\n\n/**\n * Returns tick label props for the bottom axis with domain-aware alignment.\n *\n * Only ticks whose value exactly matches a domain boundary receive edge alignment\n * (`start` for domainMin, `end` for domainMax). All other ticks are center-aligned\n * (`middle`), preventing outermost rendered ticks that don't coincide with domain\n * extremes from being clipped against the chart edge.\n *\n * @param domainMin - domain start as a number (use `+` to convert Date values)\n * @param domainMax - domain end as a number (use `+` to convert Date values)\n */\nconst getBottomTickLabelPropsWithDomainAlignment = (\n  domainMin: number,\n  domainMax: number,\n): TickLabelProps<TickPrimitiveValue> => {\n  return (value) => {\n    const numericValue = getTickValueAsNumber(value);\n    let textAnchor: TickAligmentMode = TICK_ALIGMENT.Middle;\n\n    if (numericValue === domainMin) {\n      textAnchor = TICK_ALIGMENT.Start;\n    } else if (numericValue === domainMax) {\n      textAnchor = TICK_ALIGMENT.End;\n    }\n\n    return {\n      y: X_AXES_TICK_LINE_OFFSET,\n      textAnchor,\n      verticalAnchor: TICK_ALIGMENT.Start,\n    };\n  };\n};\n\n/*\n * x and y represent the offset from ORIGIN point of the axis.\n * This means that axis line width wouldn't count for it\n */\nconst VISX_BOTTOM_OFFSET = 2;\n// ADES-6688 workaround suggested to solve the truncation issue\n// comment related: https://dt-rnd.atlassian.net/browse/ADES-6688?focusedCommentId=3205215\nexport const ELLIPSIS_BUFFER = 2;\n\ntype TickLabelAligment = {\n  textAnchor: TickAligmentMode;\n  verticalAnchor: TickAligmentMode;\n};\n\nconst leftTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  x: -Y_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.End,\n  verticalAnchor:\n    index === 0\n      ? TICK_ALIGMENT.End\n      : index === values.length - 1\n      ? TICK_ALIGMENT.Start\n      : TICK_ALIGMENT.Middle,\n});\n\nconst rightTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  x: +Y_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.Start,\n  verticalAnchor:\n    index === 0\n      ? TICK_ALIGMENT.End\n      : index === values.length - 1\n      ? TICK_ALIGMENT.Start\n      : TICK_ALIGMENT.Middle,\n});\n\nconst leftTickCategoricalLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n) => ({\n  x: -Y_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.End,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n});\n\nconst topTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  y: -X_AXES_TICK_LINE_OFFSET,\n  textAnchor:\n    index === 0\n      ? TICK_ALIGMENT.Start\n      : index === values.length - 1\n      ? TICK_ALIGMENT.End\n      : TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.End,\n});\n\nconst topRotatedTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor:\n    index === 0\n      ? TICK_ALIGMENT.Start\n      : index === values.length - 1\n      ? TICK_ALIGMENT.End\n      : TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n  angle: -90,\n});\n\nconst topTickLabelPropsForCategoryAxis: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.End,\n});\n\nconst topRotatedTickLabelPropsForCategoryAxis: TickLabelProps<\n  TickPrimitiveValue\n> = (_value) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.End,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n  angle: -90,\n});\n\nconst bottomTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor:\n    index === 0\n      ? TICK_ALIGMENT.Start\n      : index === values.length - 1\n      ? TICK_ALIGMENT.End\n      : TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Start,\n});\n\nconst bottomRotatedTickLabelPropsForCategoryAxis: TickLabelProps<\n  TickPrimitiveValue\n> = (_value) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.End,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n  angle: -90,\n});\n\nconst bottomRotatedTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor:\n    index === 0\n      ? TICK_ALIGMENT.Start\n      : index === values.length - 1\n      ? TICK_ALIGMENT.End\n      : TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n  angle: -90,\n});\n\nconst bottomTickLabelPropsForCategoryAxis: TickLabelProps<\n  TickPrimitiveValue\n> = (_value) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Start,\n});\n\n/**\n * Returns tick label props for the top axis with domain-aware alignment.\n *\n * Mirrors `getBottomTickLabelPropsWithDomainAlignment` for the top position:\n * only ticks whose value exactly matches a domain boundary receive edge alignment\n * (`start` for domainMin, `end` for domainMax). All other ticks are center-aligned.\n *\n * @param domainMin - domain start as a number (use `+` to convert Date values)\n * @param domainMax - domain end as a number (use `+` to convert Date values)\n */\nconst getTopTickLabelPropsWithDomainAlignment = (\n  domainMin: number,\n  domainMax: number,\n): TickLabelProps<TickPrimitiveValue> => {\n  return (value) => {\n    const numericValue = getTickValueAsNumber(value);\n    let textAnchor: TickAligmentMode = TICK_ALIGMENT.Middle;\n\n    if (numericValue === domainMin) {\n      textAnchor = TICK_ALIGMENT.Start;\n    } else if (numericValue === domainMax) {\n      textAnchor = TICK_ALIGMENT.End;\n    }\n\n    return {\n      y: -X_AXES_TICK_LINE_OFFSET,\n      textAnchor,\n      verticalAnchor: TICK_ALIGMENT.End,\n    };\n  };\n};\n\nconst getLeftTickLabelPropsWithDomainAlignment = (\n  domainMin: number,\n  domainMax: number,\n): TickLabelProps<TickPrimitiveValue> => {\n  return (value) => {\n    const numericValue = getTickValueAsNumber(value);\n    let verticalAnchor: TickAligmentMode = TICK_ALIGMENT.Middle;\n\n    if (numericValue === domainMin) {\n      verticalAnchor = TICK_ALIGMENT.End;\n    } else if (numericValue === domainMax) {\n      verticalAnchor = TICK_ALIGMENT.Start;\n    }\n\n    return {\n      x: -Y_AXES_TICK_LINE_OFFSET,\n      textAnchor: TICK_ALIGMENT.End,\n      verticalAnchor,\n    };\n  };\n};\n\nconst getRightTickLabelPropsWithDomainAlignment = (\n  domainMin: number,\n  domainMax: number,\n): TickLabelProps<TickPrimitiveValue> => {\n  return (value) => {\n    const numericValue = getTickValueAsNumber(value);\n    let verticalAnchor: TickAligmentMode = TICK_ALIGMENT.Middle;\n\n    if (numericValue === domainMin) {\n      verticalAnchor = TICK_ALIGMENT.End;\n    } else if (numericValue === domainMax) {\n      verticalAnchor = TICK_ALIGMENT.Start;\n    }\n\n    return {\n      x: +Y_AXES_TICK_LINE_OFFSET,\n      textAnchor: TICK_ALIGMENT.Start,\n      verticalAnchor,\n    };\n  };\n};\n\nexport function getYAxisTickLabelProps(\n  position: 'left' | 'right',\n  isCategoricalAxis: boolean,\n  scale: AnyScale | undefined,\n): TickLabelProps<TickPrimitiveValue> {\n  if (isCategoricalAxis) {\n    return getTickLabelPropsForValueAxis(position);\n  }\n  if (scale) {\n    const domain = scale.domain() as [number, number];\n    return position === 'left'\n      ? getLeftTickLabelPropsWithDomainAlignment(+domain[0], +domain[1])\n      : getRightTickLabelPropsWithDomainAlignment(+domain[0], +domain[1]);\n  }\n  return getTickLabelPropsForValueAxis(position);\n}\n\nexport const getTickLabelPropsForCategoryAxis = (\n  orientation: Orientation,\n  tickLabelLayout: TickLabelLayout = 'horizontal',\n) => {\n  if (orientation === 'left') {\n    return leftTickCategoricalLabelProps;\n  }\n\n  if (orientation === 'top') {\n    return tickLabelLayout === 'vertical'\n      ? topRotatedTickLabelPropsForCategoryAxis\n      : topTickLabelPropsForCategoryAxis;\n  }\n\n  return tickLabelLayout === 'vertical'\n    ? bottomRotatedTickLabelPropsForCategoryAxis\n    : bottomTickLabelPropsForCategoryAxis;\n};\n\nexport const bottomTickLabelDateProps: TickLabelProps<Date> = (_value) => ({\n  y: X_AXES_TICK_LINE_OFFSET + VISX_BOTTOM_OFFSET,\n  textAnchor: TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Start,\n});\n\nexport const bottomPanTickLabelDateProps: TickLabelProps<Date> = (\n  _value,\n  index,\n  values,\n) => {\n  const result: TickLabelAligment = {\n    textAnchor: TICK_ALIGMENT.Middle,\n    verticalAnchor: TICK_ALIGMENT.Middle,\n  };\n\n  const isFirstItem = index === 0;\n  const isLastItem = index === values.length - 1;\n\n  if (isFirstItem) {\n    result.textAnchor = TICK_ALIGMENT.Start;\n  }\n\n  if (isLastItem) {\n    result.textAnchor = TICK_ALIGMENT.End;\n  }\n\n  return result;\n};\n\nexport const getTickLabelPropsForValueAxis = (\n  orientation: Orientation,\n  tickLabelLayout: TickLabelLayout = 'horizontal',\n) => {\n  if (orientation === 'left') {\n    return leftTickLabelProps;\n  }\n\n  if (orientation === 'right') {\n    return rightTickLabelProps;\n  }\n\n  if (orientation === 'top') {\n    return tickLabelLayout === 'vertical'\n      ? topRotatedTickLabelProps\n      : topTickLabelProps;\n  }\n\n  return tickLabelLayout === 'vertical'\n    ? bottomRotatedTickLabelProps\n    : bottomTickLabelProps;\n};\n\n/**\n * Selects the correct tick label props for a horizontal (top/bottom) axis.\n *\n * Priority:\n *  1. Categorical axis \u2192 category-specific props (accounts for rotation).\n *  2. Continuous, non-rotated, scale available \u2192 domain-aware alignment so\n *     boundary ticks are anchored to the chart edge instead of center-aligned.\n *  3. Fallback \u2192 standard value-axis props.\n */\nexport function getXAxisTickLabelProps(\n  position: 'bottom' | 'top',\n  isCategoricalAxis: boolean,\n  isTickRotated: boolean,\n  scale: AnyScale | undefined,\n  tickLabelLayout?: TickLabelLayout,\n): TickLabelProps<TickPrimitiveValue> {\n  if (isCategoricalAxis) {\n    return getTickLabelPropsForCategoryAxis(position, tickLabelLayout);\n  }\n  if (scale && !isTickRotated) {\n    const domain = scale.domain() as [number | Date, number | Date];\n    const getDomainAligned =\n      position === 'bottom'\n        ? getBottomTickLabelPropsWithDomainAlignment\n        : getTopTickLabelPropsWithDomainAlignment;\n    return getDomainAligned(+domain[0], +domain[1]);\n  }\n  return getTickLabelPropsForValueAxis(position, tickLabelLayout);\n}\n\n/**\n * Gets the corresponding props for a tick label.\n * Takes index and whether the tick is placed at data-min/data-max into consideration.\n *\n * @param min - data-min\n * @param max -  data-max\n * @returns props for the tick label\n */\nexport const getTickLabelPropsForGanttAxis = (\n  min?: number,\n  max?: number,\n): TickLabelProps<TickPrimitiveValue> => {\n  return (value, index, values) => {\n    let textAnchor: TickAligmentMode = TICK_ALIGMENT.Middle;\n    let dx = 0;\n    const valueAsNumber = getTickValueAsNumber(value);\n\n    if (values.length === 1 && valueAsNumber && min && max) {\n      textAnchor =\n        valueAsNumber - min < valueAsNumber - max\n          ? TICK_ALIGMENT.Start\n          : TICK_ALIGMENT.End;\n    } else if (index === 0) {\n      textAnchor = TICK_ALIGMENT.Start;\n      dx = valueAsNumber === min ? 4 : 0;\n    } else if (index === values.length - 1) {\n      textAnchor = TICK_ALIGMENT.End;\n      dx = valueAsNumber === max ? -4 : 0;\n    }\n\n    return {\n      dx,\n      dy: -2,\n      textAnchor,\n      verticalAnchor: TICK_ALIGMENT.Middle,\n    };\n  };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { getTickValueAsNumber } from '../../../../../core/utils/get-tick-value-as-number.js';\nimport type { AnyScale } from '../../../types/scales.js';\nimport { TickLabelProps } from '../../../types/text-props.js';\nimport { TickPrimitiveValue } from '../../../types/tick-value.js';\nimport {\n  TICK_ALIGMENT,\n  X_AXES_TICK_LINE_OFFSET,\n  Y_AXES_TICK_LINE_OFFSET,\n  type TickAligmentMode,\n} from '../constants.js';\nimport { Orientation, TickLabelLayout } from '../types.js';\n\n/**\n * Returns tick label props for the bottom axis with domain-aware alignment.\n *\n * Only ticks whose value exactly matches a domain boundary receive edge alignment\n * (`start` for domainMin, `end` for domainMax). All other ticks are center-aligned\n * (`middle`), preventing outermost rendered ticks that don't coincide with domain\n * extremes from being clipped against the chart edge.\n *\n * @param domainMin - domain start as a number (use `+` to convert Date values)\n * @param domainMax - domain end as a number (use `+` to convert Date values)\n */\nconst getBottomTickLabelPropsWithDomainAlignment = (\n  domainMin: number,\n  domainMax: number,\n): TickLabelProps<TickPrimitiveValue> => {\n  return (value) => {\n    const numericValue = getTickValueAsNumber(value);\n    let textAnchor: TickAligmentMode = TICK_ALIGMENT.Middle;\n\n    if (numericValue === domainMin) {\n      textAnchor = TICK_ALIGMENT.Start;\n    } else if (numericValue === domainMax) {\n      textAnchor = TICK_ALIGMENT.End;\n    }\n\n    return {\n      y: X_AXES_TICK_LINE_OFFSET,\n      textAnchor,\n      verticalAnchor: TICK_ALIGMENT.Start,\n    };\n  };\n};\n\n/*\n * x and y represent the offset from ORIGIN point of the axis.\n * This means that axis line width wouldn't count for it\n */\nconst VISX_BOTTOM_OFFSET = 2;\n// ADES-6688 workaround suggested to solve the truncation issue\n// comment related: https://dt-rnd.atlassian.net/browse/ADES-6688?focusedCommentId=3205215\nexport const ELLIPSIS_BUFFER = 2;\n\ntype TickLabelAligment = {\n  textAnchor: TickAligmentMode;\n  verticalAnchor: TickAligmentMode;\n};\n\nconst leftTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  x: -Y_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.End,\n  verticalAnchor:\n    index === 0\n      ? TICK_ALIGMENT.End\n      : index === values.length - 1\n        ? TICK_ALIGMENT.Start\n        : TICK_ALIGMENT.Middle,\n});\n\nconst rightTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  x: +Y_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.Start,\n  verticalAnchor:\n    index === 0\n      ? TICK_ALIGMENT.End\n      : index === values.length - 1\n        ? TICK_ALIGMENT.Start\n        : TICK_ALIGMENT.Middle,\n});\n\nconst leftTickCategoricalLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n) => ({\n  x: -Y_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.End,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n});\n\nconst topTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  y: -X_AXES_TICK_LINE_OFFSET,\n  textAnchor:\n    index === 0\n      ? TICK_ALIGMENT.Start\n      : index === values.length - 1\n        ? TICK_ALIGMENT.End\n        : TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.End,\n});\n\nconst topRotatedTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor:\n    index === 0\n      ? TICK_ALIGMENT.Start\n      : index === values.length - 1\n        ? TICK_ALIGMENT.End\n        : TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n  angle: -90,\n});\n\nconst topTickLabelPropsForCategoryAxis: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.End,\n});\n\nconst topRotatedTickLabelPropsForCategoryAxis: TickLabelProps<\n  TickPrimitiveValue\n> = (_value) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.End,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n  angle: -90,\n});\n\nconst bottomTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor:\n    index === 0\n      ? TICK_ALIGMENT.Start\n      : index === values.length - 1\n        ? TICK_ALIGMENT.End\n        : TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Start,\n});\n\nconst bottomRotatedTickLabelPropsForCategoryAxis: TickLabelProps<\n  TickPrimitiveValue\n> = (_value) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.End,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n  angle: -90,\n});\n\nconst bottomRotatedTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor:\n    index === 0\n      ? TICK_ALIGMENT.Start\n      : index === values.length - 1\n        ? TICK_ALIGMENT.End\n        : TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n  angle: -90,\n});\n\nconst bottomTickLabelPropsForCategoryAxis: TickLabelProps<\n  TickPrimitiveValue\n> = (_value) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Start,\n});\n\n/**\n * Returns tick label props for the top axis with domain-aware alignment.\n *\n * Mirrors `getBottomTickLabelPropsWithDomainAlignment` for the top position:\n * only ticks whose value exactly matches a domain boundary receive edge alignment\n * (`start` for domainMin, `end` for domainMax). All other ticks are center-aligned.\n *\n * @param domainMin - domain start as a number (use `+` to convert Date values)\n * @param domainMax - domain end as a number (use `+` to convert Date values)\n */\nconst getTopTickLabelPropsWithDomainAlignment = (\n  domainMin: number,\n  domainMax: number,\n): TickLabelProps<TickPrimitiveValue> => {\n  return (value) => {\n    const numericValue = getTickValueAsNumber(value);\n    let textAnchor: TickAligmentMode = TICK_ALIGMENT.Middle;\n\n    if (numericValue === domainMin) {\n      textAnchor = TICK_ALIGMENT.Start;\n    } else if (numericValue === domainMax) {\n      textAnchor = TICK_ALIGMENT.End;\n    }\n\n    return {\n      y: -X_AXES_TICK_LINE_OFFSET,\n      textAnchor,\n      verticalAnchor: TICK_ALIGMENT.End,\n    };\n  };\n};\n\nconst getLeftTickLabelPropsWithDomainAlignment = (\n  domainMin: number,\n  domainMax: number,\n): TickLabelProps<TickPrimitiveValue> => {\n  return (value) => {\n    const numericValue = getTickValueAsNumber(value);\n    let verticalAnchor: TickAligmentMode = TICK_ALIGMENT.Middle;\n\n    if (numericValue === domainMin) {\n      verticalAnchor = TICK_ALIGMENT.End;\n    } else if (numericValue === domainMax) {\n      verticalAnchor = TICK_ALIGMENT.Start;\n    }\n\n    return {\n      x: -Y_AXES_TICK_LINE_OFFSET,\n      textAnchor: TICK_ALIGMENT.End,\n      verticalAnchor,\n    };\n  };\n};\n\nconst getRightTickLabelPropsWithDomainAlignment = (\n  domainMin: number,\n  domainMax: number,\n): TickLabelProps<TickPrimitiveValue> => {\n  return (value) => {\n    const numericValue = getTickValueAsNumber(value);\n    let verticalAnchor: TickAligmentMode = TICK_ALIGMENT.Middle;\n\n    if (numericValue === domainMin) {\n      verticalAnchor = TICK_ALIGMENT.End;\n    } else if (numericValue === domainMax) {\n      verticalAnchor = TICK_ALIGMENT.Start;\n    }\n\n    return {\n      x: +Y_AXES_TICK_LINE_OFFSET,\n      textAnchor: TICK_ALIGMENT.Start,\n      verticalAnchor,\n    };\n  };\n};\n\nexport function getYAxisTickLabelProps(\n  position: 'left' | 'right',\n  isCategoricalAxis: boolean,\n  scale: AnyScale | undefined,\n): TickLabelProps<TickPrimitiveValue> {\n  if (isCategoricalAxis) {\n    return getTickLabelPropsForValueAxis(position);\n  }\n  if (scale) {\n    const domain = scale.domain() as [number, number];\n    return position === 'left'\n      ? getLeftTickLabelPropsWithDomainAlignment(+domain[0], +domain[1])\n      : getRightTickLabelPropsWithDomainAlignment(+domain[0], +domain[1]);\n  }\n  return getTickLabelPropsForValueAxis(position);\n}\n\nexport const getTickLabelPropsForCategoryAxis = (\n  orientation: Orientation,\n  tickLabelLayout: TickLabelLayout = 'horizontal',\n) => {\n  if (orientation === 'left') {\n    return leftTickCategoricalLabelProps;\n  }\n\n  if (orientation === 'top') {\n    return tickLabelLayout === 'vertical'\n      ? topRotatedTickLabelPropsForCategoryAxis\n      : topTickLabelPropsForCategoryAxis;\n  }\n\n  return tickLabelLayout === 'vertical'\n    ? bottomRotatedTickLabelPropsForCategoryAxis\n    : bottomTickLabelPropsForCategoryAxis;\n};\n\nexport const bottomTickLabelDateProps: TickLabelProps<Date> = (_value) => ({\n  y: X_AXES_TICK_LINE_OFFSET + VISX_BOTTOM_OFFSET,\n  textAnchor: TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Start,\n});\n\nexport const bottomPanTickLabelDateProps: TickLabelProps<Date> = (\n  _value,\n  index,\n  values,\n) => {\n  const result: TickLabelAligment = {\n    textAnchor: TICK_ALIGMENT.Middle,\n    verticalAnchor: TICK_ALIGMENT.Middle,\n  };\n\n  const isFirstItem = index === 0;\n  const isLastItem = index === values.length - 1;\n\n  if (isFirstItem) {\n    result.textAnchor = TICK_ALIGMENT.Start;\n  }\n\n  if (isLastItem) {\n    result.textAnchor = TICK_ALIGMENT.End;\n  }\n\n  return result;\n};\n\nexport const getTickLabelPropsForValueAxis = (\n  orientation: Orientation,\n  tickLabelLayout: TickLabelLayout = 'horizontal',\n) => {\n  if (orientation === 'left') {\n    return leftTickLabelProps;\n  }\n\n  if (orientation === 'right') {\n    return rightTickLabelProps;\n  }\n\n  if (orientation === 'top') {\n    return tickLabelLayout === 'vertical'\n      ? topRotatedTickLabelProps\n      : topTickLabelProps;\n  }\n\n  return tickLabelLayout === 'vertical'\n    ? bottomRotatedTickLabelProps\n    : bottomTickLabelProps;\n};\n\n/**\n * Selects the correct tick label props for a horizontal (top/bottom) axis.\n *\n * Priority:\n *  1. Categorical axis \u2192 category-specific props (accounts for rotation).\n *  2. Continuous, non-rotated, scale available \u2192 domain-aware alignment so\n *     boundary ticks are anchored to the chart edge instead of center-aligned.\n *  3. Fallback \u2192 standard value-axis props.\n */\nexport function getXAxisTickLabelProps(\n  position: 'bottom' | 'top',\n  isCategoricalAxis: boolean,\n  isTickRotated: boolean,\n  scale: AnyScale | undefined,\n  tickLabelLayout?: TickLabelLayout,\n): TickLabelProps<TickPrimitiveValue> {\n  if (isCategoricalAxis) {\n    return getTickLabelPropsForCategoryAxis(position, tickLabelLayout);\n  }\n  if (scale && !isTickRotated) {\n    const domain = scale.domain() as [number | Date, number | Date];\n    const getDomainAligned =\n      position === 'bottom'\n        ? getBottomTickLabelPropsWithDomainAlignment\n        : getTopTickLabelPropsWithDomainAlignment;\n    return getDomainAligned(+domain[0], +domain[1]);\n  }\n  return getTickLabelPropsForValueAxis(position, tickLabelLayout);\n}\n\n/**\n * Gets the corresponding props for a tick label.\n * Takes index and whether the tick is placed at data-min/data-max into consideration.\n *\n * @param min - data-min\n * @param max -  data-max\n * @returns props for the tick label\n */\nexport const getTickLabelPropsForGanttAxis = (\n  min?: number,\n  max?: number,\n): TickLabelProps<TickPrimitiveValue> => {\n  return (value, index, values) => {\n    let textAnchor: TickAligmentMode = TICK_ALIGMENT.Middle;\n    let dx = 0;\n    const valueAsNumber = getTickValueAsNumber(value);\n\n    if (values.length === 1 && valueAsNumber && min && max) {\n      textAnchor =\n        valueAsNumber - min < valueAsNumber - max\n          ? TICK_ALIGMENT.Start\n          : TICK_ALIGMENT.End;\n    } else if (index === 0) {\n      textAnchor = TICK_ALIGMENT.Start;\n      dx = valueAsNumber === min ? 4 : 0;\n    } else if (index === values.length - 1) {\n      textAnchor = TICK_ALIGMENT.End;\n      dx = valueAsNumber === max ? -4 : 0;\n    }\n\n    return {\n      dx,\n      dy: -2,\n      textAnchor,\n      verticalAnchor: TICK_ALIGMENT.Middle,\n    };\n  };\n};\n"],
+  "mappings": "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",
   "names": []
 }