@dynatrace/strato-components 3.5.2 → 3.6.0

package/esm/charts/core/components/annotations/constants.js

@@ -31,6 +31,7 @@ const DEFAULT_TOOLTIP_Y_OFFSET = 40;
 const DEFAULT_SHOW_LABELS = true;
 const DEFAULT_TEXT_OVERFLOW = "truncate";
 const DEFAULT_TRUNCATION_MODE = "middle";
+const DEFAULT_TOOLTIP_MAX_LINES = 1;
 const DEFAULT_INTEGRATION_TEXT_OVERFLOW = "expand";
 var TestIds = /* @__PURE__ */ ((TestIds2) => {
   TestIds2["Marker"] = "marker";
@@ -55,6 +56,7 @@ export {
   DEFAULT_MARKER_PRIORITY,
   DEFAULT_SHOW_LABELS,
   DEFAULT_TEXT_OVERFLOW,
+  DEFAULT_TOOLTIP_MAX_LINES,
   DEFAULT_TOOLTIP_Y_OFFSET,
   DEFAULT_TRACK_HIDDEN,
   DEFAULT_TRUNCATION_MODE,

package/esm/charts/core/components/annotations/constants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/annotations/constants.ts"],
-  "sourcesContent": ["import Colors from '@dynatrace/strato-design-tokens/colors';\n\nexport const DEFAULT_LABELS_WIDTH = 60;\nexport const DEFAULT_LABELS_OFFSET = 20;\nexport const TRACK_HEIGHT = 24;\nexport const TRACK_SEPARATOR_COLOR = Colors.Border.Neutral.Default;\nexport const EMPHASIZED_TRACK_SEPARATOR_COLOR = Colors.Border.Neutral.Accent;\nexport const TRACK_SEPARATOR_STROKE_WIDTH = 1;\nexport const TRACK_PADDING_Y = 1;\n\nexport const LABEL_OFFSET = 12;\nexport const PILL_MARKER_HEIGHT = 20;\nexport const OUTLINE_STROKE_WIDTH = 2;\n\nexport const DEFAULT_MARKER_COLOR = Colors.Charts.Categorical.Color01.Default;\n\nexport const MARKER_RADIUS = 10;\nexport const MINIMUM_MARKER_WIDTH = 3;\nexport const MARKER_OPACITY = 0.85;\nexport const MARKER_STROKE_WIDTH = 1;\nexport const MARKER_STROKE_COLOR = Colors.Background.Base.Default;\nexport const OUTER_CIRCLE_RADIUS = MARKER_RADIUS + OUTLINE_STROKE_WIDTH;\n\nexport const SCROLLBAR_THRESHOLD = 15;\nexport const SCROLLBAR_WIDTH = 8;\nexport const DEFAULT_ICON_COLOR = Colors.Text.Neutral.OnAccent.Default;\n\nexport const MARKER_PROPS = {\n  opacity: MARKER_OPACITY,\n  stroke: MARKER_STROKE_COLOR,\n  strokeWidth: MARKER_STROKE_WIDTH,\n};\n\nexport const DEFAULT_TRACK_HIDDEN = false;\nexport const DEFAULT_MARKER_PRIORITY = 0;\nexport const DEFAULT_MARKER_HIDDEN = false;\nexport const DEFAULT_TOOLTIP_Y_OFFSET = 40;\nexport const DEFAULT_SHOW_LABELS = true;\nexport const DEFAULT_TEXT_OVERFLOW = 'truncate';\nexport const DEFAULT_TRUNCATION_MODE = 'middle';\nexport const DEFAULT_INTEGRATION_TEXT_OVERFLOW = 'expand';\n\nexport const enum TestIds {\n  Marker = 'marker',\n  Track = 'track',\n  MarkerGroup = 'marker-group',\n  AnnotationIndicator = 'annotation-indicator',\n}\n\nexport const MARKER_ICON_OFFSET = 2;\nexport const MARKER_LABEL_PADDING = 6;\nexport const FOREIGN_OBJECT_THRESHOLD = 8;\nexport const MARKER_BORDER_RADIUS = 2;\nexport const MARKER_CONTENT_TO_BORDER_PADDING = 4;\nexport const MARGIN_TOP_STROKE = 1;\n"],
-  "mappings": "AAAA,OAAO,YAAY;AAEZ,MAAM,uBAAuB;AAC7B,MAAM,wBAAwB;AAC9B,MAAM,eAAe;AACrB,MAAM,wBAAwB,OAAO,OAAO,QAAQ;AACpD,MAAM,mCAAmC,OAAO,OAAO,QAAQ;AAC/D,MAAM,+BAA+B;AACrC,MAAM,kBAAkB;AAExB,MAAM,eAAe;AACrB,MAAM,qBAAqB;AAC3B,MAAM,uBAAuB;AAE7B,MAAM,uBAAuB,OAAO,OAAO,YAAY,QAAQ;AAE/D,MAAM,gBAAgB;AACtB,MAAM,uBAAuB;AAC7B,MAAM,iBAAiB;AACvB,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB,OAAO,WAAW,KAAK;AACnD,MAAM,sBAAsB,gBAAgB;AAE5C,MAAM,sBAAsB;AAC5B,MAAM,kBAAkB;AACxB,MAAM,qBAAqB,OAAO,KAAK,QAAQ,SAAS;AAExD,MAAM,eAAe;AAAA,EAC1B,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,aAAa;AACf;AAEO,MAAM,uBAAuB;AAC7B,MAAM,0BAA0B;AAChC,MAAM,wBAAwB;AAC9B,MAAM,2BAA2B;AACjC,MAAM,sBAAsB;AAC5B,MAAM,wBAAwB;AAC9B,MAAM,0BAA0B;AAChC,MAAM,oCAAoC;AAE1C,IAAW,UAAX,kBAAWA,aAAX;AACL,EAAAA,SAAA,YAAS;AACT,EAAAA,SAAA,WAAQ;AACR,EAAAA,SAAA,iBAAc;AACd,EAAAA,SAAA,yBAAsB;AAJN,SAAAA;AAAA,GAAA;AAOX,MAAM,qBAAqB;AAC3B,MAAM,uBAAuB;AAC7B,MAAM,2BAA2B;AACjC,MAAM,uBAAuB;AAC7B,MAAM,mCAAmC;AACzC,MAAM,oBAAoB;",
+  "sourcesContent": ["import Colors from '@dynatrace/strato-design-tokens/colors';\n\nexport const DEFAULT_LABELS_WIDTH = 60;\nexport const DEFAULT_LABELS_OFFSET = 20;\nexport const TRACK_HEIGHT = 24;\nexport const TRACK_SEPARATOR_COLOR = Colors.Border.Neutral.Default;\nexport const EMPHASIZED_TRACK_SEPARATOR_COLOR = Colors.Border.Neutral.Accent;\nexport const TRACK_SEPARATOR_STROKE_WIDTH = 1;\nexport const TRACK_PADDING_Y = 1;\n\nexport const LABEL_OFFSET = 12;\nexport const PILL_MARKER_HEIGHT = 20;\nexport const OUTLINE_STROKE_WIDTH = 2;\n\nexport const DEFAULT_MARKER_COLOR = Colors.Charts.Categorical.Color01.Default;\n\nexport const MARKER_RADIUS = 10;\nexport const MINIMUM_MARKER_WIDTH = 3;\nexport const MARKER_OPACITY = 0.85;\nexport const MARKER_STROKE_WIDTH = 1;\nexport const MARKER_STROKE_COLOR = Colors.Background.Base.Default;\nexport const OUTER_CIRCLE_RADIUS = MARKER_RADIUS + OUTLINE_STROKE_WIDTH;\n\nexport const SCROLLBAR_THRESHOLD = 15;\nexport const SCROLLBAR_WIDTH = 8;\nexport const DEFAULT_ICON_COLOR = Colors.Text.Neutral.OnAccent.Default;\n\nexport const MARKER_PROPS = {\n  opacity: MARKER_OPACITY,\n  stroke: MARKER_STROKE_COLOR,\n  strokeWidth: MARKER_STROKE_WIDTH,\n};\n\nexport const DEFAULT_TRACK_HIDDEN = false;\nexport const DEFAULT_MARKER_PRIORITY = 0;\nexport const DEFAULT_MARKER_HIDDEN = false;\nexport const DEFAULT_TOOLTIP_Y_OFFSET = 40;\nexport const DEFAULT_SHOW_LABELS = true;\nexport const DEFAULT_TEXT_OVERFLOW = 'truncate';\nexport const DEFAULT_TRUNCATION_MODE = 'middle';\nexport const DEFAULT_TOOLTIP_MAX_LINES = 1;\nexport const DEFAULT_INTEGRATION_TEXT_OVERFLOW = 'expand';\n\nexport const enum TestIds {\n  Marker = 'marker',\n  Track = 'track',\n  MarkerGroup = 'marker-group',\n  AnnotationIndicator = 'annotation-indicator',\n}\n\nexport const MARKER_ICON_OFFSET = 2;\nexport const MARKER_LABEL_PADDING = 6;\nexport const FOREIGN_OBJECT_THRESHOLD = 8;\nexport const MARKER_BORDER_RADIUS = 2;\nexport const MARKER_CONTENT_TO_BORDER_PADDING = 4;\nexport const MARGIN_TOP_STROKE = 1;\n"],
+  "mappings": "AAAA,OAAO,YAAY;AAEZ,MAAM,uBAAuB;AAC7B,MAAM,wBAAwB;AAC9B,MAAM,eAAe;AACrB,MAAM,wBAAwB,OAAO,OAAO,QAAQ;AACpD,MAAM,mCAAmC,OAAO,OAAO,QAAQ;AAC/D,MAAM,+BAA+B;AACrC,MAAM,kBAAkB;AAExB,MAAM,eAAe;AACrB,MAAM,qBAAqB;AAC3B,MAAM,uBAAuB;AAE7B,MAAM,uBAAuB,OAAO,OAAO,YAAY,QAAQ;AAE/D,MAAM,gBAAgB;AACtB,MAAM,uBAAuB;AAC7B,MAAM,iBAAiB;AACvB,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB,OAAO,WAAW,KAAK;AACnD,MAAM,sBAAsB,gBAAgB;AAE5C,MAAM,sBAAsB;AAC5B,MAAM,kBAAkB;AACxB,MAAM,qBAAqB,OAAO,KAAK,QAAQ,SAAS;AAExD,MAAM,eAAe;AAAA,EAC1B,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,aAAa;AACf;AAEO,MAAM,uBAAuB;AAC7B,MAAM,0BAA0B;AAChC,MAAM,wBAAwB;AAC9B,MAAM,2BAA2B;AACjC,MAAM,sBAAsB;AAC5B,MAAM,wBAAwB;AAC9B,MAAM,0BAA0B;AAChC,MAAM,4BAA4B;AAClC,MAAM,oCAAoC;AAE1C,IAAW,UAAX,kBAAWA,aAAX;AACL,EAAAA,SAAA,YAAS;AACT,EAAAA,SAAA,WAAQ;AACR,EAAAA,SAAA,iBAAc;AACd,EAAAA,SAAA,yBAAsB;AAJN,SAAAA;AAAA,GAAA;AAOX,MAAM,qBAAqB;AAC3B,MAAM,uBAAuB;AAC7B,MAAM,2BAA2B;AACjC,MAAM,uBAAuB;AAC7B,MAAM,mCAAmC;AACzC,MAAM,oBAAoB;",
   "names": ["TestIds"]
 }

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

@@ -1,7 +1,15 @@
+import { isUndefined } from "lodash-es";
 import { useContext } from "react";
+import { useAnnotationsSelectionState } from "./store/selectors.js";
+import {
+  useSetStateSelection,
+  useSetStateTooltip
+} from "./store/state-setters.js";
 import { useAnnotationsHandlers } from "./useAnnotationsHandlers.js";
+import { useMarkersInteractions } from "./useMarkersInteractions.js";
 import { TRACK_HEIGHT } from "../constants.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);
@@ -14,6 +22,10 @@ const useOverlayEvents = () => {
     currentHoveredTrack,
     currentHoveredMarker
   } = useAnnotationsHandlers();
+  const { pinnedGroup } = useAnnotationsSelectionState();
+  const updateTooltipState = useSetStateTooltip();
+  const updateTooltipSelection = useSetStateSelection();
+  const onMarkersInteraction = useMarkersInteractions();
   const handleMouseMove = (e) => {
     const { clientX, clientY, currentTarget } = e;
     const { top, left } = currentTarget.getBoundingClientRect();
@@ -49,6 +61,12 @@ const useOverlayEvents = () => {
   const handleClick = (e) => {
     if (currentHoveredMarker.current !== void 0) {
       clickMarker(e, currentHoveredMarker.current);
+      return;
+    }
+    if (!isUndefined(pinnedGroup)) {
+      updateTooltipState(initialState.tooltip);
+      updateTooltipSelection(initialState.selection);
+      onMarkersInteraction?.(initialState.selection);
     }
   };
   const handleMouseLeave = (e) => {

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 { useContext, type MouseEvent as ReactMouseEvent } from 'react';\n\nimport { useAnnotationsHandlers } from './useAnnotationsHandlers.js';\nimport { TRACK_HEIGHT } from '../constants.js';\nimport { MarkerCoordinatesContext } from '../contexts/MarkerCoordinates.context.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    currentHoveredTrack,\n    currentHoveredMarker,\n  } = useAnnotationsHandlers();\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) {\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(e, currentHoveredMarker.current);\n\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    }\n  };\n\n  const handleMouseLeave = (e: ReactMouseEvent) => {\n    if (currentHoveredTrack.current !== undefined) {\n      blurTrack();\n    }\n\n    if (currentHoveredMarker.current !== undefined) {\n      blurMarker(e, currentHoveredMarker.current);\n    }\n  };\n\n  return {\n    handleMouseMove,\n    handleClick,\n    handleMouseLeave,\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,kBAAsD;AAE/D,SAAS,8BAA8B;AACvC,SAAS,oBAAoB;AAC7B,SAAS,gCAAgC;AACzC,SAAS,sBAAsB;AAExB,MAAM,mBAAmB,MAAM;AACpC,QAAM,uBAAuB,WAAW,wBAAwB;AAEhE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,uBAAuB;AAE3B,QAAM,kBAAkB,CAAC,MAAuB;AAC9C,UAAM,EAAE,SAAS,SAAS,cAAc,IAAI;AAC5C,UAAM,EAAE,KAAK,KAAK,IAAK,cAA0B,sBAAsB;AAEvE,UAAM,gBAAgB;AAAA,MACpB,GAAG,UAAU;AAAA,MACb,GAAG,UAAU;AAAA,IACf;AAEA,QAAI,aAAa,KAAK,IAAI,GAAG,KAAK,MAAM,cAAc,IAAI,YAAY,CAAC;AAEvE,QAAI,eAAe,oBAAoB,SAAS;AAC9C,iBAAW,GAAG,UAAU;AAAA,IAC1B;AAEA,QAAI,yBAAyB,QAAW;AACtC,UAAI,mBAAmB;AAEvB,UAAI,cAAc,qBAAqB,QAAQ;AAC7C,qBAAa,qBAAqB,SAAS;AAAA,MAC7C;AAEA,YAAM,eAAe,qBAAqB,UAAU;AAGpD,eACM,cAAc,aAAa,SAAS,GACxC,eAAe,GACf,eACA;AACA,cAAM,SAAS,aAAa,WAAW;AAEvC,YAAI,eAAe,eAAe,YAAY,MAAM,GAAG;AACrD,gBAAM,WAAW,GAAG,UAAU,IAAI,OAAO,KAAK,GAAG,CAAC;AAElD,sBAAY,GAAG,QAAQ;AAEvB,6BAAmB;AACnB;AAAA,QACF;AAAA,MACF;AAGA,UAAI,CAAC,oBAAoB,qBAAqB,YAAY,QAAW;AACnE,mBAAW,GAAG,qBAAqB,OAAO;AAG1C,mBAAW,GAAG,UAAU;AAAA,MAC1B;AAAA,IACF;AAAA,EACF;AAEA,QAAM,cAAc,CAAC,MAAuB;AAC1C,QAAI,qBAAqB,YAAY,QAAW;AAC9C,kBAAY,GAAG,qBAAqB,OAAO;AAAA,IAC7C;AAAA,EACF;AAEA,QAAM,mBAAmB,CAAC,MAAuB;AAC/C,QAAI,oBAAoB,YAAY,QAAW;AAC7C,gBAAU;AAAA,IACZ;AAEA,QAAI,qBAAqB,YAAY,QAAW;AAC9C,iBAAW,GAAG,qBAAqB,OAAO;AAAA,IAC5C;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { isUndefined } from 'lodash-es';\nimport { useContext, type MouseEvent as ReactMouseEvent } 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    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) {\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(e, currentHoveredMarker.current);\n\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    if (!isUndefined(pinnedGroup)) {\n      updateTooltipState(initialState.tooltip);\n      updateTooltipSelection(initialState.selection);\n      onMarkersInteraction?.(initialState.selection);\n    }\n  };\n\n  const handleMouseLeave = (e: ReactMouseEvent) => {\n    if (currentHoveredTrack.current !== undefined) {\n      blurTrack();\n    }\n\n    if (currentHoveredMarker.current !== undefined) {\n      blurMarker(e, currentHoveredMarker.current);\n    }\n  };\n\n  return {\n    handleMouseMove,\n    handleClick,\n    handleMouseLeave,\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,kBAAsD;AAE/D,SAAS,oCAAoC;AAC7C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,8BAA8B;AACvC,SAAS,8BAA8B;AACvC,SAAS,oBAAoB;AAC7B,SAAS,gCAAgC;AACzC,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAExB,MAAM,mBAAmB,MAAM;AACpC,QAAM,uBAAuB,WAAW,wBAAwB;AAEhE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,uBAAuB;AAE3B,QAAM,EAAE,YAAY,IAAI,6BAA6B;AACrD,QAAM,qBAAqB,mBAAmB;AAC9C,QAAM,yBAAyB,qBAAqB;AACpD,QAAM,uBAAuB,uBAAuB;AAEpD,QAAM,kBAAkB,CAAC,MAAuB;AAC9C,UAAM,EAAE,SAAS,SAAS,cAAc,IAAI;AAC5C,UAAM,EAAE,KAAK,KAAK,IAAK,cAA0B,sBAAsB;AAEvE,UAAM,gBAAgB;AAAA,MACpB,GAAG,UAAU;AAAA,MACb,GAAG,UAAU;AAAA,IACf;AAEA,QAAI,aAAa,KAAK,IAAI,GAAG,KAAK,MAAM,cAAc,IAAI,YAAY,CAAC;AAEvE,QAAI,eAAe,oBAAoB,SAAS;AAC9C,iBAAW,GAAG,UAAU;AAAA,IAC1B;AAEA,QAAI,yBAAyB,QAAW;AACtC,UAAI,mBAAmB;AAEvB,UAAI,cAAc,qBAAqB,QAAQ;AAC7C,qBAAa,qBAAqB,SAAS;AAAA,MAC7C;AAEA,YAAM,eAAe,qBAAqB,UAAU;AAGpD,eACM,cAAc,aAAa,SAAS,GACxC,eAAe,GACf,eACA;AACA,cAAM,SAAS,aAAa,WAAW;AAEvC,YAAI,eAAe,eAAe,YAAY,MAAM,GAAG;AACrD,gBAAM,WAAW,GAAG,UAAU,IAAI,OAAO,KAAK,GAAG,CAAC;AAElD,sBAAY,GAAG,QAAQ;AAEvB,6BAAmB;AACnB;AAAA,QACF;AAAA,MACF;AAGA,UAAI,CAAC,oBAAoB,qBAAqB,YAAY,QAAW;AACnE,mBAAW,GAAG,qBAAqB,OAAO;AAG1C,mBAAW,GAAG,UAAU;AAAA,MAC1B;AAAA,IACF;AAAA,EACF;AAEA,QAAM,cAAc,CAAC,MAAuB;AAC1C,QAAI,qBAAqB,YAAY,QAAW;AAC9C,kBAAY,GAAG,qBAAqB,OAAO;AAC3C;AAAA,IACF;AAEA,QAAI,CAAC,YAAY,WAAW,GAAG;AAC7B,yBAAmB,aAAa,OAAO;AACvC,6BAAuB,aAAa,SAAS;AAC7C,6BAAuB,aAAa,SAAS;AAAA,IAC/C;AAAA,EACF;AAEA,QAAM,mBAAmB,CAAC,MAAuB;AAC/C,QAAI,oBAAoB,YAAY,QAAW;AAC7C,gBAAU;AAAA,IACZ;AAEA,QAAI,qBAAqB,YAAY,QAAW;AAC9C,iBAAW,GAAG,qBAAqB,OAAO;AAAA,IAC5C;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._90oaxp0-3-5-2 {
+._90oaxp0-3-6-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-5-2";
+var axis = "_90oaxp0-3-6-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-5-2';"],
+  "sourcesContent": ["import './Axis.css';\nexport var axis = '_90oaxp0-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,OAAO;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-@keyframes _3rbllj2-3-5-2 {
+@keyframes _3rbllj2-3-6-0 {
   0% {
     transform: translateX(-4px);
     opacity: 0.2;
@@ -8,7 +8,7 @@
     opacity: 1;
   }
 }
-@keyframes _3rbllj3-3-5-2 {
+@keyframes _3rbllj3-3-6-0 {
   0% {
     transform: translateX(4px);
     opacity: 0.2;
@@ -18,7 +18,7 @@
     opacity: 1;
   }
 }
-._3rbllj4-3-5-2 {
+._3rbllj4-3-6-0 {
   opacity: 0;
   height: 100%;
   position: absolute;
@@ -34,29 +34,29 @@
   animation-delay: 0.2s;
   animation-fill-mode: forwards;
 }
-._3rbllj5-3-5-2 {
+._3rbllj5-3-6-0 {
   left: 0;
-  animation-name: _3rbllj2-3-5-2;
+  animation-name: _3rbllj2-3-6-0;
 }
-._3rbllj6-3-5-2 {
+._3rbllj6-3-6-0 {
   right: 0;
-  animation-name: _3rbllj3-3-5-2;
+  animation-name: _3rbllj3-3-6-0;
 }
-._3rbllj7-3-5-2 {
+._3rbllj7-3-6-0 {
   color: var(--dt-colors-icon-neutral-subdued, #595a7d);
 }
-._3rbllj7-3-5-2:hover {
+._3rbllj7-3-6-0:hover {
   color: var(--dt-colors-icon-neutral-subdued-hover, #434465);
 }
-._3rbllj7-3-5-2:active {
+._3rbllj7-3-6-0:active {
   color: var(--dt-colors-icon-neutral-subdued-active, #2f2f4f);
 }
-._3rbllj5-3-5-2 ~ div {
-  --_3rbllj0-3-5-2: rgba(0, 0, 0, 0) 12px, rgba(0, 0, 0, 1) 40px;
+._3rbllj5-3-6-0 ~ div {
+  --_3rbllj0-3-6-0: rgba(0, 0, 0, 0) 12px, rgba(0, 0, 0, 1) 40px;
 }
-._3rbllj6-3-5-2 ~ div {
-  --_3rbllj1-3-5-2: rgba(0, 0, 0, 1) calc(100% - 40px), rgba(0, 0, 0, 0) calc(100% - 12px);
+._3rbllj6-3-6-0 ~ div {
+  --_3rbllj1-3-6-0: rgba(0, 0, 0, 1) calc(100% - 40px), rgba(0, 0, 0, 0) calc(100% - 12px);
 }
-._3rbllj4-3-5-2 ~ div {
-  mask: linear-gradient(90deg, var(--_3rbllj0-3-5-2, rgba(0,0,0,1) 0%), var(--_3rbllj1-3-5-2, rgba(0,0,0,1) 0%));
+._3rbllj4-3-6-0 ~ div {
+  mask: linear-gradient(90deg, var(--_3rbllj0-3-6-0, rgba(0,0,0,1) 0%), var(--_3rbllj1-3-6-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-5-2";
-var panningButtons = _7a468({ defaultClassName: "_3rbllj4-3-5-2", variantClassNames: { direction: { toLeft: "_3rbllj5-3-5-2", toRight: "_3rbllj6-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
+var panningArrow = "_3rbllj7-3-6-0";
+var panningButtons = _7a468({ defaultClassName: "_3rbllj4-3-6-0", variantClassNames: { direction: { toLeft: "_3rbllj5-3-6-0", toRight: "_3rbllj6-3-6-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-5-2';\nexport var panningButtons = _7a468({defaultClassName:'_3rbllj4-3-5-2',variantClassNames:{direction:{toLeft:'_3rbllj5-3-5-2',toRight:'_3rbllj6-3-5-2'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './PanningControls.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var panningArrow = '_3rbllj7-3-6-0';\nexport var panningButtons = _7a468({defaultClassName:'_3rbllj4-3-6-0',variantClassNames:{direction:{toLeft:'_3rbllj5-3-6-0',toRight:'_3rbllj6-3-6-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe;AACnB,IAAI,iBAAiB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,WAAU,EAAC,QAAO,kBAAiB,SAAQ,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/axes/utils/calculate-axis-size.js

@@ -1,6 +1,6 @@
 import { isEmpty } from "lodash-es";
 import { ELLIPSIS_BUFFER } from "./get-tick-label-props.js";
-import { isBandScale } from "../../../utils/detect-scale.js";
+import { isBandScale, isSymlogScale } from "../../../utils/detect-scale.js";
 import {
   X_AXES_TICK_LINE_OFFSET,
   X_LABEL_AREA,
@@ -12,7 +12,7 @@ const getYTickMaxSize = (containerWidth, label) => {
   const maxSize = containerWidth - (Y_AXES_TICK_LINE_OFFSET + labelArea) + ELLIPSIS_BUFFER;
   return Math.max(maxSize, 0);
 };
-const getXTickMaxSize = (containerHeight, containerWidth, isTickRotated, scale, label) => {
+const getXTickMaxSize = (containerHeight, containerWidth, isTickRotated, scale, label, numTicks) => {
   const labelArea = isEmpty(label) ? 0 : X_LABEL_AREA;
   let maxSize = 0;
   if (isTickRotated) {
@@ -20,6 +20,8 @@ const getXTickMaxSize = (containerHeight, containerWidth, isTickRotated, scale,
   } else {
     if (scale && isBandScale(scale)) {
       maxSize = scale.step();
+    } else if (numTicks !== void 0 && numTicks > 0 && scale && !isSymlogScale(scale)) {
+      maxSize = containerWidth / numTicks;
     } else {
       maxSize = containerWidth;
     }

package/esm/charts/core/components/axes/utils/calculate-axis-size.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/axes/utils/calculate-axis-size.ts"],
-  "sourcesContent": ["import type { ScaleBand, ScaleLinear, ScaleSymLog, ScaleTime } from 'd3-scale';\nimport { isEmpty } from 'lodash-es';\n\nimport { ELLIPSIS_BUFFER } from './get-tick-label-props.js';\nimport { isBandScale } from '../../../utils/detect-scale.js';\nimport {\n  X_AXES_TICK_LINE_OFFSET,\n  X_LABEL_AREA,\n  Y_AXES_TICK_LINE_OFFSET,\n  Y_LABEL_AREA,\n} from '../constants.js';\n\nexport const getYTickMaxSize = (containerWidth: number, label?: string) => {\n  const labelArea = isEmpty(label) ? 0 : Y_LABEL_AREA;\n\n  const maxSize =\n    containerWidth - (Y_AXES_TICK_LINE_OFFSET + labelArea) + ELLIPSIS_BUFFER;\n\n  return Math.max(maxSize, 0);\n};\n\nexport const getXTickMaxSize = (\n  containerHeight: number,\n  containerWidth: number,\n  isTickRotated: boolean,\n  scale?:\n    | ScaleBand<string>\n    | ScaleLinear<number, number>\n    | ScaleSymLog<number, number>\n    | ScaleTime<number, number>,\n  label?: string,\n) => {\n  const labelArea = isEmpty(label) ? 0 : X_LABEL_AREA;\n\n  let maxSize = 0;\n\n  if (isTickRotated) {\n    maxSize =\n      containerHeight - (X_AXES_TICK_LINE_OFFSET + labelArea) + ELLIPSIS_BUFFER;\n  } else {\n    if (scale && isBandScale(scale)) {\n      maxSize = scale.step();\n    } else {\n      // TODO: make the numerical/date work with long strings and avoid collisions (https://dt-rnd.atlassian.net/browse/APPDEV-9106)\n      maxSize = containerWidth;\n    }\n  }\n\n  return Math.max(maxSize, 0);\n};\n"],
-  "mappings": "AACA,SAAS,eAAe;AAExB,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,kBAAkB,CAAC,gBAAwB,UAAmB;AACzE,QAAM,YAAY,QAAQ,KAAK,IAAI,IAAI;AAEvC,QAAM,UACJ,kBAAkB,0BAA0B,aAAa;AAE3D,SAAO,KAAK,IAAI,SAAS,CAAC;AAC5B;AAEO,MAAM,kBAAkB,CAC7B,iBACA,gBACA,eACA,OAKA,UACG;AACH,QAAM,YAAY,QAAQ,KAAK,IAAI,IAAI;AAEvC,MAAI,UAAU;AAEd,MAAI,eAAe;AACjB,cACE,mBAAmB,0BAA0B,aAAa;AAAA,EAC9D,OAAO;AACL,QAAI,SAAS,YAAY,KAAK,GAAG;AAC/B,gBAAU,MAAM,KAAK;AAAA,IACvB,OAAO;AAEL,gBAAU;AAAA,IACZ;AAAA,EACF;AAEA,SAAO,KAAK,IAAI,SAAS,CAAC;AAC5B;",
+  "sourcesContent": ["import type { ScaleBand, ScaleLinear, ScaleSymLog, ScaleTime } from 'd3-scale';\nimport { isEmpty } from 'lodash-es';\n\nimport { ELLIPSIS_BUFFER } from './get-tick-label-props.js';\nimport { isBandScale, isSymlogScale } from '../../../utils/detect-scale.js';\nimport {\n  X_AXES_TICK_LINE_OFFSET,\n  X_LABEL_AREA,\n  Y_AXES_TICK_LINE_OFFSET,\n  Y_LABEL_AREA,\n} from '../constants.js';\n\nexport const getYTickMaxSize = (containerWidth: number, label?: string) => {\n  const labelArea = isEmpty(label) ? 0 : Y_LABEL_AREA;\n\n  const maxSize =\n    containerWidth - (Y_AXES_TICK_LINE_OFFSET + labelArea) + ELLIPSIS_BUFFER;\n\n  return Math.max(maxSize, 0);\n};\n\nexport const getXTickMaxSize = (\n  containerHeight: number,\n  containerWidth: number,\n  isTickRotated: boolean,\n  scale?:\n    | ScaleBand<string>\n    | ScaleLinear<number, number>\n    | ScaleSymLog<number, number>\n    | ScaleTime<number, number>,\n  label?: string,\n  numTicks?: number,\n) => {\n  const labelArea = isEmpty(label) ? 0 : X_LABEL_AREA;\n\n  let maxSize = 0;\n\n  if (isTickRotated) {\n    maxSize =\n      containerHeight - (X_AXES_TICK_LINE_OFFSET + labelArea) + ELLIPSIS_BUFFER;\n  } else {\n    if (scale && isBandScale(scale)) {\n      maxSize = scale.step();\n    } else if (\n      numTicks !== undefined &&\n      numTicks > 0 &&\n      scale &&\n      !isSymlogScale(scale)\n    ) {\n      //Ignore Log scales as it's causing early truncation\n      maxSize = containerWidth / numTicks;\n    } else {\n      maxSize = containerWidth;\n    }\n  }\n\n  return Math.max(maxSize, 0);\n};\n"],
+  "mappings": "AACA,SAAS,eAAe;AAExB,SAAS,uBAAuB;AAChC,SAAS,aAAa,qBAAqB;AAC3C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,kBAAkB,CAAC,gBAAwB,UAAmB;AACzE,QAAM,YAAY,QAAQ,KAAK,IAAI,IAAI;AAEvC,QAAM,UACJ,kBAAkB,0BAA0B,aAAa;AAE3D,SAAO,KAAK,IAAI,SAAS,CAAC;AAC5B;AAEO,MAAM,kBAAkB,CAC7B,iBACA,gBACA,eACA,OAKA,OACA,aACG;AACH,QAAM,YAAY,QAAQ,KAAK,IAAI,IAAI;AAEvC,MAAI,UAAU;AAEd,MAAI,eAAe;AACjB,cACE,mBAAmB,0BAA0B,aAAa;AAAA,EAC9D,OAAO;AACL,QAAI,SAAS,YAAY,KAAK,GAAG;AAC/B,gBAAU,MAAM,KAAK;AAAA,IACvB,WACE,aAAa,UACb,WAAW,KACX,SACA,CAAC,cAAc,KAAK,GACpB;AAEA,gBAAU,iBAAiB;AAAA,IAC7B,OAAO;AACL,gBAAU;AAAA,IACZ;AAAA,EACF;AAEA,SAAO,KAAK,IAAI,SAAS,CAAC;AAC5B;",
   "names": []
 }

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

@@ -4,6 +4,22 @@ import {
   X_AXES_TICK_LINE_OFFSET,
   Y_AXES_TICK_LINE_OFFSET
 } from "../constants.js";
+const getBottomTickLabelPropsWithDomainAlignment = (domainMin, domainMax) => {
+  return (value) => {
+    const numericValue = getTickValueAsNumber(value);
+    let textAnchor = TICK_ALIGMENT.Middle;
+    if (numericValue === domainMin) {
+      textAnchor = TICK_ALIGMENT.Start;
+    } else if (numericValue === domainMax) {
+      textAnchor = TICK_ALIGMENT.End;
+    }
+    return {
+      y: X_AXES_TICK_LINE_OFFSET,
+      textAnchor,
+      verticalAnchor: TICK_ALIGMENT.Start
+    };
+  };
+};
 const VISX_BOTTOM_OFFSET = 2;
 const ELLIPSIS_BUFFER = 2;
 const leftTickLabelProps = (_value, index, values) => ({
@@ -65,6 +81,22 @@ const bottomTickLabelPropsForCategoryAxis = (_value) => ({
   textAnchor: TICK_ALIGMENT.Middle,
   verticalAnchor: TICK_ALIGMENT.Start
 });
+const getTopTickLabelPropsWithDomainAlignment = (domainMin, domainMax) => {
+  return (value) => {
+    const numericValue = getTickValueAsNumber(value);
+    let textAnchor = TICK_ALIGMENT.Middle;
+    if (numericValue === domainMin) {
+      textAnchor = TICK_ALIGMENT.Start;
+    } else if (numericValue === domainMax) {
+      textAnchor = TICK_ALIGMENT.End;
+    }
+    return {
+      y: -X_AXES_TICK_LINE_OFFSET,
+      textAnchor,
+      verticalAnchor: TICK_ALIGMENT.End
+    };
+  };
+};
 const getTickLabelPropsForCategoryAxis = (orientation, tickLabelLayout = "horizontal") => {
   if (orientation === "left") {
     return leftTickCategoricalLabelProps;
@@ -106,6 +138,17 @@ const getTickLabelPropsForValueAxis = (orientation, tickLabelLayout = "horizonta
   }
   return tickLabelLayout === "vertical" ? bottomRotatedTickLabelProps : bottomTickLabelProps;
 };
+function getXAxisTickLabelProps(position, isCategoricalAxis, isTickRotated, scale, tickLabelLayout) {
+  if (isCategoricalAxis) {
+    return getTickLabelPropsForCategoryAxis(position, tickLabelLayout);
+  }
+  if (scale && !isTickRotated) {
+    const domain = scale.domain();
+    const getDomainAligned = position === "bottom" ? getBottomTickLabelPropsWithDomainAlignment : getTopTickLabelPropsWithDomainAlignment;
+    return getDomainAligned(+domain[0], +domain[1]);
+  }
+  return getTickLabelPropsForValueAxis(position, tickLabelLayout);
+}
 const getTickLabelPropsForGanttAxis = (min, max) => {
   return (value, index, values) => {
     let textAnchor = TICK_ALIGMENT.Middle;
@@ -132,8 +175,11 @@ export {
   ELLIPSIS_BUFFER,
   bottomPanTickLabelDateProps,
   bottomTickLabelDateProps,
+  getBottomTickLabelPropsWithDomainAlignment,
   getTickLabelPropsForCategoryAxis,
   getTickLabelPropsForGanttAxis,
-  getTickLabelPropsForValueAxis
+  getTickLabelPropsForValueAxis,
+  getTopTickLabelPropsWithDomainAlignment,
+  getXAxisTickLabelProps
 };
 //# sourceMappingURL=get-tick-label-props.js.map

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 { TickLabelProps } from '../../../types/text-props.js';\nimport { TickPrimitiveValue } from '../../../types/tick-value.js';\nimport { getTickValueAsNumber } from '../../../utils/get-tick-value-as-number.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 * 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\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 * 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 type { AnyScale } from '../../../types/scales.js';\nimport { TickLabelProps } from '../../../types/text-props.js';\nimport { TickPrimitiveValue } from '../../../types/tick-value.js';\nimport { getTickValueAsNumber } from '../../../utils/get-tick-value-as-number.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 */\nexport const 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 */\nexport const 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\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": []
 }

package/esm/charts/core/components/axes/utils/tick-formatters.js

@@ -7,7 +7,15 @@ const sanitizeEpsilonValue = (value) => value === Number.EPSILON ? 0 : value;
 function getYAxisTickFormatter(scale, unit, formatter, numTicks, precision) {
   const valueFormatter = formatter ?? formatValue;
   const logFormatter = (scale2) => (value) => {
-    const isMajorValue = scale2.tickFormat(numTicks)(value) !== "";
+    const isSymlogMajorTick = (v) => {
+      const abs = Math.abs(v);
+      if (abs === 0) {
+        return true;
+      }
+      const log = Math.log10(abs);
+      return Math.abs(log - Math.round(log)) < 1e-9;
+    };
+    const isMajorValue = isSymlogScale(scale2) ? isSymlogMajorTick(value) : scale2.tickFormat(numTicks)(value) !== "";
     const nonEpsilonValue = sanitizeEpsilonValue(value);
     return isMajorValue ? valueFormatter(nonEpsilonValue, unit, precision) : "";
   };

package/esm/charts/core/components/axes/utils/tick-formatters.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/axes/utils/tick-formatters.ts"],
-  "sourcesContent": ["import type {\n  ScaleLinear,\n  ScaleLogarithmic,\n  ScaleSymLog,\n  ScaleTime,\n} from 'd3-scale';\n\nimport type { ChartUnit } from '../../../types/chart-unit.js';\nimport type { Formatter } from '../../../types/formatter.js';\nimport type { TickValueFormatter } from '../../../types/tick-value.js';\nimport { isLogScale, isSymlogScale } from '../../../utils/detect-scale.js';\nimport {\n  tickValueFormatter,\n  formatValue,\n} from '../../../utils/format-value.js';\n\nconst sanitizeEpsilonValue = (value: number) =>\n  value === Number.EPSILON ? 0 : value;\n\n/**\n * Gets y-axis tick formatter depending on the type of scale.\n *\n * As the log scale doesn't support zero or negative values,\n * the smallest number is EPSILON, and it must be sanitized into a 0\n * to represent better human-readable ticks.\n *\n * @param scale - axis scale\n * @param unit - axis unit\n * @param formatter - axis formatter\n * @param numTicks - proposed number of ticks\n * @param precision - tick values precision\n *\n * @returns formatter\n */\nexport function getYAxisTickFormatter(\n  scale:\n    | ScaleLogarithmic<number, number>\n    | ScaleSymLog<number, number>\n    | ScaleLinear<number, number>\n    | ScaleTime<number, number>,\n  unit?: ChartUnit,\n  formatter?: Formatter,\n  numTicks?: number,\n  precision?: number,\n): TickValueFormatter {\n  const valueFormatter = formatter ?? formatValue;\n  const logFormatter =\n    (scale: ScaleLogarithmic<number, number> | ScaleSymLog<number, number>) =>\n    (value: number) => {\n      // d3's default formatter for log scale automatically formats non-major values to empty string\n      const isMajorValue = scale.tickFormat(numTicks)(value) !== '';\n      const nonEpsilonValue = sanitizeEpsilonValue(value);\n\n      return isMajorValue\n        ? valueFormatter(nonEpsilonValue, unit, precision)\n        : '';\n    };\n  const linearFormatter = (value: number) =>\n    valueFormatter(value, unit, precision);\n\n  const yAxisTickFormatter =\n    isLogScale(scale) || isSymlogScale(scale)\n      ? logFormatter(scale)\n      : linearFormatter;\n\n  return tickValueFormatter(yAxisTickFormatter, unit);\n}\n"],
-  "mappings": "AAUA,SAAS,YAAY,qBAAqB;AAC1C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,MAAM,uBAAuB,CAAC,UAC5B,UAAU,OAAO,UAAU,IAAI;AAiB1B,SAAS,sBACd,OAKA,MACA,WACA,UACA,WACoB;AACpB,QAAM,iBAAiB,aAAa;AACpC,QAAM,eACJ,CAACA,WACD,CAAC,UAAkB;AAEjB,UAAM,eAAeA,OAAM,WAAW,QAAQ,EAAE,KAAK,MAAM;AAC3D,UAAM,kBAAkB,qBAAqB,KAAK;AAElD,WAAO,eACH,eAAe,iBAAiB,MAAM,SAAS,IAC/C;AAAA,EACN;AACF,QAAM,kBAAkB,CAAC,UACvB,eAAe,OAAO,MAAM,SAAS;AAEvC,QAAM,qBACJ,WAAW,KAAK,KAAK,cAAc,KAAK,IACpC,aAAa,KAAK,IAClB;AAEN,SAAO,mBAAmB,oBAAoB,IAAI;AACpD;",
+  "sourcesContent": ["import type {\n  ScaleLinear,\n  ScaleLogarithmic,\n  ScaleSymLog,\n  ScaleTime,\n} from 'd3-scale';\n\nimport type { ChartUnit } from '../../../types/chart-unit.js';\nimport type { Formatter } from '../../../types/formatter.js';\nimport type { TickValueFormatter } from '../../../types/tick-value.js';\nimport { isLogScale, isSymlogScale } from '../../../utils/detect-scale.js';\nimport {\n  tickValueFormatter,\n  formatValue,\n} from '../../../utils/format-value.js';\n\nconst sanitizeEpsilonValue = (value: number) =>\n  value === Number.EPSILON ? 0 : value;\n\n/**\n * Gets y-axis tick formatter depending on the type of scale.\n *\n * As the log scale doesn't support zero or negative values,\n * the smallest number is EPSILON, and it must be sanitized into a 0\n * to represent better human-readable ticks.\n *\n * @param scale - axis scale\n * @param unit - axis unit\n * @param formatter - axis formatter\n * @param numTicks - proposed number of ticks\n * @param precision - tick values precision\n *\n * @returns formatter\n */\nexport function getYAxisTickFormatter(\n  scale:\n    | ScaleLogarithmic<number, number>\n    | ScaleSymLog<number, number>\n    | ScaleLinear<number, number>\n    | ScaleTime<number, number>,\n  unit?: ChartUnit,\n  formatter?: Formatter,\n  numTicks?: number,\n  precision?: number,\n): TickValueFormatter {\n  const valueFormatter = formatter ?? formatValue;\n  const logFormatter =\n    (scale: ScaleLogarithmic<number, number> | ScaleSymLog<number, number>) =>\n    (value: number) => {\n      // ScaleSymLog inherits linearish().tickFormat which never returns ''.\n      // Use a power-of-10 check (matching what ScaleLogarithmic.tickFormat does internally)\n      // to detect major ticks for symlog scales.\n      const isSymlogMajorTick = (v: number) => {\n        const abs = Math.abs(v);\n        if (abs === 0) {\n          return true;\n        }\n        const log = Math.log10(abs);\n        return Math.abs(log - Math.round(log)) < 1e-9;\n      };\n      const isMajorValue = isSymlogScale(scale)\n        ? isSymlogMajorTick(value)\n        : scale.tickFormat(numTicks)(value) !== '';\n      const nonEpsilonValue = sanitizeEpsilonValue(value);\n\n      return isMajorValue\n        ? valueFormatter(nonEpsilonValue, unit, precision)\n        : '';\n    };\n  const linearFormatter = (value: number) =>\n    valueFormatter(value, unit, precision);\n\n  const yAxisTickFormatter =\n    isLogScale(scale) || isSymlogScale(scale)\n      ? logFormatter(scale)\n      : linearFormatter;\n\n  return tickValueFormatter(yAxisTickFormatter, unit);\n}\n"],
+  "mappings": "AAUA,SAAS,YAAY,qBAAqB;AAC1C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,MAAM,uBAAuB,CAAC,UAC5B,UAAU,OAAO,UAAU,IAAI;AAiB1B,SAAS,sBACd,OAKA,MACA,WACA,UACA,WACoB;AACpB,QAAM,iBAAiB,aAAa;AACpC,QAAM,eACJ,CAACA,WACD,CAAC,UAAkB;AAIjB,UAAM,oBAAoB,CAAC,MAAc;AACvC,YAAM,MAAM,KAAK,IAAI,CAAC;AACtB,UAAI,QAAQ,GAAG;AACb,eAAO;AAAA,MACT;AACA,YAAM,MAAM,KAAK,MAAM,GAAG;AAC1B,aAAO,KAAK,IAAI,MAAM,KAAK,MAAM,GAAG,CAAC,IAAI;AAAA,IAC3C;AACA,UAAM,eAAe,cAAcA,MAAK,IACpC,kBAAkB,KAAK,IACvBA,OAAM,WAAW,QAAQ,EAAE,KAAK,MAAM;AAC1C,UAAM,kBAAkB,qBAAqB,KAAK;AAElD,WAAO,eACH,eAAe,iBAAiB,MAAM,SAAS,IAC/C;AAAA,EACN;AACF,QAAM,kBAAkB,CAAC,UACvB,eAAe,OAAO,MAAM,SAAS;AAEvC,QAAM,qBACJ,WAAW,KAAK,KAAK,cAAc,KAAK,IACpC,aAAa,KAAK,IAClB;AAEN,SAAO,mBAAmB,oBAAoB,IAAI;AACpD;",
   "names": ["scale"]
 }

package/esm/charts/core/components/chart-grid/ChartGrid.css

@@ -1,13 +1,13 @@
-._13lzg4k0-3-5-2 {
+._13lzg4k0-3-6-0 {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
 }
-._13lzg4k1-3-5-2 {
+._13lzg4k1-3-6-0 {
   box-sizing: content-box;
 }
-._13lzg4k2-3-5-2 {
+._13lzg4k2-3-6-0 {
   position: relative;
 }

package/esm/charts/core/components/chart-grid/ChartGrid.sty.js

@@ -1,7 +1,7 @@
 import "./ChartGrid.css";
-var area = "_13lzg4k1-3-5-2";
-var plot = "_13lzg4k2-3-5-2";
-var plotLayout = "_13lzg4k0-3-5-2";
+var area = "_13lzg4k1-3-6-0";
+var plot = "_13lzg4k2-3-6-0";
+var plotLayout = "_13lzg4k0-3-6-0";
 export {
   area,
   plot,

package/esm/charts/core/components/chart-grid/ChartGrid.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/chart-grid/ChartGrid.css.ts"],
-  "sourcesContent": ["import './ChartGrid.css';\nexport var area = '_13lzg4k1-3-5-2';\nexport var plot = '_13lzg4k2-3-5-2';\nexport var plotLayout = '_13lzg4k0-3-5-2';"],
+  "sourcesContent": ["import './ChartGrid.css';\nexport var area = '_13lzg4k1-3-6-0';\nexport var plot = '_13lzg4k2-3-6-0';\nexport var plotLayout = '_13lzg4k0-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,aAAa;",
   "names": []
 }

package/esm/charts/core/components/chart-layout/components/styles.css

@@ -1,46 +1,46 @@
-._l1klj80-3-5-2 {
+._l1klj80-3-6-0 {
   min-width: 0;
   grid-area: graphArea;
 }
-._l1klj81-3-5-2 {
+._l1klj81-3-6-0 {
   filter: opacity(40%);
   pointer-events: none;
 }
-._l1klj83-3-5-2 {
+._l1klj83-3-6-0 {
   height: inherit;
   grid-area: horizontalResize;
 }
-._l1klj84-3-5-2 {
+._l1klj84-3-6-0 {
   width: 100%;
   grid-area: verticalResize;
 }
-._l1klj85-3-5-2 {
+._l1klj85-3-6-0 {
   filter: opacity(40%);
   pointer-events: none;
 }
-._l1klj86-3-5-2 {
+._l1klj86-3-6-0 {
   height: 100%;
 }
-._l1klj87-3-5-2 {
+._l1klj87-3-6-0 {
   grid-area: verticalLegend;
 }
-._l1klj88-3-5-2 {
+._l1klj88-3-6-0 {
   grid-area: horizontalLegend;
 }
-._l1klj89-3-5-2 {
+._l1klj89-3-6-0 {
   filter: opacity(40%);
   pointer-events: none;
 }
-._l1klj8a-3-5-2 {
+._l1klj8a-3-6-0 {
   background: var(--dt-colors-border-neutral-default, #dadbe4);
   background-color: var(--dt-colors-border-neutral-accent, #595a7d);
   border-radius: var(--dt-spacings-size-8, 8px);
   touch-action: none;
 }
-._l1klj8a-3-5-2:hover {
+._l1klj8a-3-6-0:hover {
   background: var(--dt-colors-border-primary-accent, #464cce);
 }
-._l1klj8b-3-5-2 {
+._l1klj8b-3-6-0 {
   transition: height var(--dt-timings-base-default, 300ms) var(--dt-easings-fast-in-slow-out, cubic-bezier(0.4, 0, 0.2, 1));
   height: 36px;
   width: 2px;
@@ -49,11 +49,11 @@
   grid-area: horizontalResize;
   align-self: center;
 }
-._l1klj8b-3-5-2:hover {
+._l1klj8b-3-6-0:hover {
   height: var(--dt-spacings-size-48, 48px);
   background-color: var(--dt-colors-border-neutral-accent-hover, #434465);
 }
-._l1klj8c-3-5-2 {
+._l1klj8c-3-6-0 {
   transition: width var(--dt-timings-base-default, 300ms) var(--dt-easings-fast-in-slow-out, cubic-bezier(0.4, 0, 0.2, 1));
   height: 2px;
   width: 36px;
@@ -62,7 +62,7 @@
   grid-area: verticalResize;
   align-self: flex-end;
 }
-._l1klj8c-3-5-2:hover {
+._l1klj8c-3-6-0:hover {
   width: var(--dt-spacings-size-48, 48px);
   background-color: var(--dt-colors-border-neutral-accent-hover, #434465);
 }

package/esm/charts/core/components/chart-layout/components/styles.sty.js

@@ -1,9 +1,9 @@
 import "./styles.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var graphContainer = _7a468({ defaultClassName: "_l1klj80-3-5-2", variantClassNames: { loading: { true: "_l1klj81-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
-var legendContainer = _7a468({ defaultClassName: "_l1klj86-3-5-2", variantClassNames: { orientation: { horizontal: "_l1klj87-3-5-2", vertical: "_l1klj88-3-5-2" }, loading: { true: "_l1klj89-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
-var legendResizeLine = _7a468({ defaultClassName: "_l1klj8a-3-5-2", variantClassNames: { orientation: { horizontal: "_l1klj8b-3-5-2", vertical: "_l1klj8c-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
-var resizeContainer = _7a468({ defaultClassName: "_l1klj82-3-5-2", variantClassNames: { orientation: { horizontal: "_l1klj83-3-5-2", vertical: "_l1klj84-3-5-2" }, loading: { true: "_l1klj85-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
+var graphContainer = _7a468({ defaultClassName: "_l1klj80-3-6-0", variantClassNames: { loading: { true: "_l1klj81-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });
+var legendContainer = _7a468({ defaultClassName: "_l1klj86-3-6-0", variantClassNames: { orientation: { horizontal: "_l1klj87-3-6-0", vertical: "_l1klj88-3-6-0" }, loading: { true: "_l1klj89-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });
+var legendResizeLine = _7a468({ defaultClassName: "_l1klj8a-3-6-0", variantClassNames: { orientation: { horizontal: "_l1klj8b-3-6-0", vertical: "_l1klj8c-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });
+var resizeContainer = _7a468({ defaultClassName: "_l1klj82-3-6-0", variantClassNames: { orientation: { horizontal: "_l1klj83-3-6-0", vertical: "_l1klj84-3-6-0" }, loading: { true: "_l1klj85-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   graphContainer,
   legendContainer,

package/esm/charts/core/components/chart-layout/components/styles.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/chart-layout/components/styles.css.ts"],
-  "sourcesContent": ["import './styles.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var graphContainer = _7a468({defaultClassName:'_l1klj80-3-5-2',variantClassNames:{loading:{true:'_l1klj81-3-5-2'}},defaultVariants:{},compoundVariants:[]});\nexport var legendContainer = _7a468({defaultClassName:'_l1klj86-3-5-2',variantClassNames:{orientation:{horizontal:'_l1klj87-3-5-2',vertical:'_l1klj88-3-5-2'},loading:{true:'_l1klj89-3-5-2'}},defaultVariants:{},compoundVariants:[]});\nexport var legendResizeLine = _7a468({defaultClassName:'_l1klj8a-3-5-2',variantClassNames:{orientation:{horizontal:'_l1klj8b-3-5-2',vertical:'_l1klj8c-3-5-2'}},defaultVariants:{},compoundVariants:[]});\nexport var resizeContainer = _7a468({defaultClassName:'_l1klj82-3-5-2',variantClassNames:{orientation:{horizontal:'_l1klj83-3-5-2',vertical:'_l1klj84-3-5-2'},loading:{true:'_l1klj85-3-5-2'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './styles.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var graphContainer = _7a468({defaultClassName:'_l1klj80-3-6-0',variantClassNames:{loading:{true:'_l1klj81-3-6-0'}},defaultVariants:{},compoundVariants:[]});\nexport var legendContainer = _7a468({defaultClassName:'_l1klj86-3-6-0',variantClassNames:{orientation:{horizontal:'_l1klj87-3-6-0',vertical:'_l1klj88-3-6-0'},loading:{true:'_l1klj89-3-6-0'}},defaultVariants:{},compoundVariants:[]});\nexport var legendResizeLine = _7a468({defaultClassName:'_l1klj8a-3-6-0',variantClassNames:{orientation:{horizontal:'_l1klj8b-3-6-0',vertical:'_l1klj8c-3-6-0'}},defaultVariants:{},compoundVariants:[]});\nexport var resizeContainer = _7a468({defaultClassName:'_l1klj82-3-6-0',variantClassNames:{orientation:{horizontal:'_l1klj83-3-6-0',vertical:'_l1klj84-3-6-0'},loading:{true:'_l1klj85-3-6-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,iBAAiB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC1J,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,aAAY,EAAC,YAAW,kBAAiB,UAAS,iBAAgB,GAAE,SAAQ,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC/N,IAAI,mBAAmB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,aAAY,EAAC,YAAW,kBAAiB,UAAS,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAChM,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,aAAY,EAAC,YAAW,kBAAiB,UAAS,iBAAgB,GAAE,SAAQ,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }