@dynatrace/strato-components 3.7.1 → 3.9.0

package/esm/charts/xy-chart/components/annotations/utils/get-indicators-from-annotations.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/annotations/utils/get-indicators-from-annotations.ts"],
-  "sourcesContent": ["import {\n  AnnotationsIntegrationMarkerConfig,\n  AnnotationsIntegrationTrackConfig,\n  IndicatorData,\n} from '../../../../core/components/annotations/components/indicators/types.js';\nimport {\n  buildIndicator,\n  isAlwaysHidden,\n  isAlwaysShown,\n} from '../../../../core/components/annotations/components/indicators/utils/indicator-visibility-helpers.js';\nimport { DEFAULT_MARKER_COLOR } from '../../../../core/components/annotations/constants.js';\nimport { AnnotationsTrackConfig } from '../../../../core/components/annotations/types/annotations-track-props.js';\nimport { SelectionState } from '../../../../core/components/annotations/types/state.js';\nimport { getMinMaxAsNumber } from '../../../../core/components/annotations/utils/get-min-max-as-number.js';\nimport { populateMissingMarkerProps } from '../../../../core/components/annotations/utils/populate-missing-marker-props.js';\nimport { populateMissingTrackProps } from '../../../../core/components/annotations/utils/populate-missing-track-props.js';\nimport { serializeMarkerRange } from '../../../../core/components/annotations/utils/serialize-marker-range.js';\nimport { getDatumValue } from '../../../processing-strategies/utils/access-datapoint/get-datapoints.js';\nimport { XYChartAnnotationsMarkerProps } from '../../../slots/Annotations/Marker.js';\nimport { XYChartAnnotationsTrackProps } from '../../../slots/Annotations/Track.js';\nimport { XYChartData } from '../../../types/xy-chart.js';\nimport { evaluateOptionalAttribute } from '../../../utils/evaluate-with-data.js';\n\nconst serializeAnnotationsMarkerFromXYChartData = (\n  data: XYChartData,\n  markerConfig: XYChartAnnotationsMarkerProps,\n): AnnotationsIntegrationMarkerConfig => {\n  const response = {\n    ...data,\n    start: getDatumValue(data, markerConfig.startAccessor),\n    end: getDatumValue(data, markerConfig.endAccessor),\n    symbol: evaluateOptionalAttribute(markerConfig.symbol, data, undefined),\n    hidden: evaluateOptionalAttribute(markerConfig.hidden, data, false),\n    priority: evaluateOptionalAttribute(markerConfig.priority, data, 0),\n    color: markerConfig.colorAccessor\n      ? (getDatumValue(data, markerConfig.colorAccessor) as string)\n      : undefined,\n    title: markerConfig.titleAccessor\n      ? (getDatumValue(data, markerConfig.titleAccessor) as string)\n      : undefined,\n    description: markerConfig.descriptionAccessor\n      ? (getDatumValue(data, markerConfig.descriptionAccessor) as string)\n      : undefined,\n    indicatorsDisplay: evaluateOptionalAttribute(\n      markerConfig.indicatorsDisplay,\n      data,\n      undefined,\n    ),\n  };\n\n  return response as AnnotationsIntegrationMarkerConfig;\n};\n\nconst serializeAnnotationsTrackFromXYChartData = (\n  data: XYChartData,\n  trackConfig: XYChartAnnotationsTrackProps,\n): AnnotationsIntegrationTrackConfig => {\n  return {\n    hidden: evaluateOptionalAttribute(trackConfig.hidden, data, false),\n    symbol: evaluateOptionalAttribute(trackConfig.symbol, data, undefined),\n    color: trackConfig.colorAccessor\n      ? (getDatumValue(data, trackConfig.colorAccessor) as string)\n      : undefined,\n    label: trackConfig.labelAccessor\n      ? (getDatumValue(data, trackConfig.labelAccessor) as string)\n      : undefined,\n    indicatorsDisplay: evaluateOptionalAttribute(\n      trackConfig.indicatorsDisplay,\n      data,\n      'auto',\n    ),\n    markers: [],\n  };\n};\n\nexport const getIndicatorsFromAnnotations = (\n  data: XYChartData[],\n  tracksConfig: XYChartAnnotationsTrackProps,\n  markersConfig: XYChartAnnotationsMarkerProps,\n  selection: SelectionState,\n) => {\n  const alwaysVisible: IndicatorData[] = [];\n  const selectable: Map<string, IndicatorData> = new Map();\n  const trackIdTroughAccesor = tracksConfig.trackIdAccessor;\n  const hiddenTracks = new Set<string>();\n  const annotationsByTrack: Map<string, AnnotationsTrackConfig> = data.reduce(\n    (trackMap, datum) => {\n      const trackId = getDatumValue(datum, trackIdTroughAccesor) as string;\n      const annotationsTrack: AnnotationsIntegrationTrackConfig = trackMap.has(\n        trackId,\n      )\n        ? trackMap.get(trackId)\n        : populateMissingTrackProps(\n            serializeAnnotationsTrackFromXYChartData(datum, tracksConfig),\n          );\n      if (annotationsTrack?.hidden) {\n        hiddenTracks.add(trackId);\n      }\n\n      const marker = serializeAnnotationsMarkerFromXYChartData(\n        datum,\n        markersConfig,\n      );\n\n      const populatedMarker: AnnotationsIntegrationMarkerConfig =\n        populateMissingMarkerProps(marker, annotationsTrack);\n\n      annotationsTrack.markers.push(populatedMarker);\n      trackMap.set(trackId, annotationsTrack);\n\n      const { color: trackColor, indicatorsDisplay: trackIndicatorDisplay } =\n        annotationsTrack;\n      const {\n        color: markerColor,\n        start: markerStartRaw,\n        end: markerEndRaw,\n        indicatorsDisplay: markerIndicatorDisplay,\n        priority,\n      } = populatedMarker;\n\n      const { min: markerStart, max: markerEnd } = getMinMaxAsNumber(\n        markerStartRaw,\n        markerEndRaw,\n      );\n\n      if (!isAlwaysHidden(markerIndicatorDisplay, trackIndicatorDisplay)) {\n        const trackIndex = Array.from(trackMap.keys()).findIndex(\n          (name) => name === trackId,\n        );\n        const markerId = serializeMarkerRange(\n          { ...populatedMarker, start: markerStart, end: markerEnd },\n          trackIndex,\n        );\n        const color = markerColor ?? trackColor ?? DEFAULT_MARKER_COLOR;\n        const indicator = buildIndicator(\n          color,\n          selection,\n          markerId,\n          markerStart,\n          markerEnd,\n          priority,\n        );\n\n        if (isAlwaysShown(markerIndicatorDisplay, trackIndicatorDisplay)) {\n          alwaysVisible.push(indicator);\n        } else {\n          selectable.set(markerId, indicator);\n        }\n      }\n      return trackMap;\n    },\n    new Map(),\n  );\n  return {\n    indicators: { alwaysVisible, selectable },\n    annotationsByTrack,\n    hiddenTracks,\n  };\n};\n"],
-  "mappings": "AAKA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,4BAA4B;AAGrC,SAAS,yBAAyB;AAClC,SAAS,kCAAkC;AAC3C,SAAS,iCAAiC;AAC1C,SAAS,4BAA4B;AACrC,SAAS,qBAAqB;AAI9B,SAAS,iCAAiC;AAE1C,MAAM,4CAA4C,CAChD,MACA,iBACuC;AACvC,QAAM,WAAW;AAAA,IACf,GAAG;AAAA,IACH,OAAO,cAAc,MAAM,aAAa,aAAa;AAAA,IACrD,KAAK,cAAc,MAAM,aAAa,WAAW;AAAA,IACjD,QAAQ,0BAA0B,aAAa,QAAQ,MAAM,MAAS;AAAA,IACtE,QAAQ,0BAA0B,aAAa,QAAQ,MAAM,KAAK;AAAA,IAClE,UAAU,0BAA0B,aAAa,UAAU,MAAM,CAAC;AAAA,IAClE,OAAO,aAAa,gBACf,cAAc,MAAM,aAAa,aAAa,IAC/C;AAAA,IACJ,OAAO,aAAa,gBACf,cAAc,MAAM,aAAa,aAAa,IAC/C;AAAA,IACJ,aAAa,aAAa,sBACrB,cAAc,MAAM,aAAa,mBAAmB,IACrD;AAAA,IACJ,mBAAmB;AAAA,MACjB,aAAa;AAAA,MACb;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAEA,MAAM,2CAA2C,CAC/C,MACA,gBACsC;AACtC,SAAO;AAAA,IACL,QAAQ,0BAA0B,YAAY,QAAQ,MAAM,KAAK;AAAA,IACjE,QAAQ,0BAA0B,YAAY,QAAQ,MAAM,MAAS;AAAA,IACrE,OAAO,YAAY,gBACd,cAAc,MAAM,YAAY,aAAa,IAC9C;AAAA,IACJ,OAAO,YAAY,gBACd,cAAc,MAAM,YAAY,aAAa,IAC9C;AAAA,IACJ,mBAAmB;AAAA,MACjB,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,IACF;AAAA,IACA,SAAS,CAAC;AAAA,EACZ;AACF;AAEO,MAAM,+BAA+B,CAC1C,MACA,cACA,eACA,cACG;AACH,QAAM,gBAAiC,CAAC;AACxC,QAAM,aAAyC,oBAAI,IAAI;AACvD,QAAM,uBAAuB,aAAa;AAC1C,QAAM,eAAe,oBAAI,IAAY;AACrC,QAAM,qBAA0D,KAAK;AAAA,IACnE,CAAC,UAAU,UAAU;AACnB,YAAM,UAAU,cAAc,OAAO,oBAAoB;AACzD,YAAM,mBAAsD,SAAS;AAAA,QACnE;AAAA,MACF,IACI,SAAS,IAAI,OAAO,IACpB;AAAA,QACE,yCAAyC,OAAO,YAAY;AAAA,MAC9D;AACJ,UAAI,kBAAkB,QAAQ;AAC5B,qBAAa,IAAI,OAAO;AAAA,MAC1B;AAEA,YAAM,SAAS;AAAA,QACb;AAAA,QACA;AAAA,MACF;AAEA,YAAM,kBACJ,2BAA2B,QAAQ,gBAAgB;AAErD,uBAAiB,QAAQ,KAAK,eAAe;AAC7C,eAAS,IAAI,SAAS,gBAAgB;AAEtC,YAAM,EAAE,OAAO,YAAY,mBAAmB,sBAAsB,IAClE;AACF,YAAM;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA,QACP,KAAK;AAAA,QACL,mBAAmB;AAAA,QACnB;AAAA,MACF,IAAI;AAEJ,YAAM,EAAE,KAAK,aAAa,KAAK,UAAU,IAAI;AAAA,QAC3C;AAAA,QACA;AAAA,MACF;AAEA,UAAI,CAAC,eAAe,wBAAwB,qBAAqB,GAAG;AAClE,cAAM,aAAa,MAAM,KAAK,SAAS,KAAK,CAAC,EAAE;AAAA,UAC7C,CAAC,SAAS,SAAS;AAAA,QACrB;AACA,cAAM,WAAW;AAAA,UACf,EAAE,GAAG,iBAAiB,OAAO,aAAa,KAAK,UAAU;AAAA,UACzD;AAAA,QACF;AACA,cAAM,QAAQ,eAAe,cAAc;AAC3C,cAAM,YAAY;AAAA,UAChB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAEA,YAAI,cAAc,wBAAwB,qBAAqB,GAAG;AAChE,wBAAc,KAAK,SAAS;AAAA,QAC9B,OAAO;AACL,qBAAW,IAAI,UAAU,SAAS;AAAA,QACpC;AAAA,MACF;AACA,aAAO;AAAA,IACT;AAAA,IACA,oBAAI,IAAI;AAAA,EACV;AACA,SAAO;AAAA,IACL,YAAY,EAAE,eAAe,WAAW;AAAA,IACxC;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import {\n  AnnotationsIntegrationMarkerConfig,\n  AnnotationsIntegrationTrackConfig,\n  IndicatorData,\n} from '../../../../core/components/annotations/components/indicators/types.js';\nimport {\n  buildIndicator,\n  isAlwaysHidden,\n  isAlwaysShown,\n} from '../../../../core/components/annotations/components/indicators/utils/indicator-visibility-helpers.js';\nimport { DEFAULT_MARKER_COLOR } from '../../../../core/components/annotations/constants.js';\nimport { AnnotationsTrackConfig } from '../../../../core/components/annotations/types/annotations-track-props.js';\nimport { SelectionState } from '../../../../core/components/annotations/types/state.js';\nimport { getMinMaxAsNumber } from '../../../../core/components/annotations/utils/get-min-max-as-number.js';\nimport { populateMissingMarkerProps } from '../../../../core/components/annotations/utils/populate-missing-marker-props.js';\nimport { populateMissingTrackProps } from '../../../../core/components/annotations/utils/populate-missing-track-props.js';\nimport { serializeMarkerRange } from '../../../../core/components/annotations/utils/serialize-marker-range.js';\nimport { getDatumValue } from '../../../processing-strategies/utils/access-datapoint/get-datapoints.js';\nimport { XYChartAnnotationsMarkerProps } from '../../../slots/Annotations/Marker.js';\nimport { XYChartAnnotationsTrackProps } from '../../../slots/Annotations/Track.js';\nimport { XYChartData } from '../../../types/xy-chart.js';\nimport { evaluateOptionalAttribute } from '../../../utils/evaluate-with-data.js';\n\nconst serializeAnnotationsMarkerFromXYChartData = (\n  data: XYChartData,\n  markerConfig: XYChartAnnotationsMarkerProps,\n): AnnotationsIntegrationMarkerConfig => {\n  const response = {\n    ...data,\n    start: getDatumValue(data, markerConfig.startAccessor),\n    end: getDatumValue(data, markerConfig.endAccessor),\n    symbol: evaluateOptionalAttribute(markerConfig.symbol, data, undefined),\n    hidden: evaluateOptionalAttribute(markerConfig.hidden, data, false),\n    priority: evaluateOptionalAttribute(markerConfig.priority, data, 0),\n    color: markerConfig.colorAccessor\n      ? (getDatumValue(data, markerConfig.colorAccessor) as string)\n      : undefined,\n    symbolColor: markerConfig.symbolColorAccessor\n      ? (getDatumValue(data, markerConfig.symbolColorAccessor) as string)\n      : undefined,\n    title: markerConfig.titleAccessor\n      ? (getDatumValue(data, markerConfig.titleAccessor) as string)\n      : undefined,\n    description: markerConfig.descriptionAccessor\n      ? (getDatumValue(data, markerConfig.descriptionAccessor) as string)\n      : undefined,\n    indicatorsDisplay: evaluateOptionalAttribute(\n      markerConfig.indicatorsDisplay,\n      data,\n      undefined,\n    ),\n  };\n\n  return response as AnnotationsIntegrationMarkerConfig;\n};\n\nconst serializeAnnotationsTrackFromXYChartData = (\n  data: XYChartData,\n  trackConfig: XYChartAnnotationsTrackProps,\n): AnnotationsIntegrationTrackConfig => {\n  return {\n    hidden: evaluateOptionalAttribute(trackConfig.hidden, data, false),\n    symbol: evaluateOptionalAttribute(trackConfig.symbol, data, undefined),\n    color: trackConfig.colorAccessor\n      ? (getDatumValue(data, trackConfig.colorAccessor) as string)\n      : undefined,\n    label: trackConfig.labelAccessor\n      ? (getDatumValue(data, trackConfig.labelAccessor) as string)\n      : undefined,\n    indicatorsDisplay: evaluateOptionalAttribute(\n      trackConfig.indicatorsDisplay,\n      data,\n      'auto',\n    ),\n    markers: [],\n  };\n};\n\nexport const getIndicatorsFromAnnotations = (\n  data: XYChartData[],\n  tracksConfig: XYChartAnnotationsTrackProps,\n  markersConfig: XYChartAnnotationsMarkerProps,\n  selection: SelectionState,\n) => {\n  const alwaysVisible: IndicatorData[] = [];\n  const selectable: Map<string, IndicatorData> = new Map();\n  const trackIdTroughAccesor = tracksConfig.trackIdAccessor;\n  const hiddenTracks = new Set<string>();\n  const annotationsByTrack: Map<string, AnnotationsTrackConfig> = data.reduce(\n    (trackMap, datum) => {\n      const trackId = getDatumValue(datum, trackIdTroughAccesor) as string;\n      const annotationsTrack: AnnotationsIntegrationTrackConfig = trackMap.has(\n        trackId,\n      )\n        ? trackMap.get(trackId)\n        : populateMissingTrackProps(\n            serializeAnnotationsTrackFromXYChartData(datum, tracksConfig),\n          );\n      if (annotationsTrack?.hidden) {\n        hiddenTracks.add(trackId);\n      }\n\n      const marker = serializeAnnotationsMarkerFromXYChartData(\n        datum,\n        markersConfig,\n      );\n\n      const populatedMarker: AnnotationsIntegrationMarkerConfig =\n        populateMissingMarkerProps(marker, annotationsTrack);\n\n      annotationsTrack.markers.push(populatedMarker);\n      trackMap.set(trackId, annotationsTrack);\n\n      const { color: trackColor, indicatorsDisplay: trackIndicatorDisplay } =\n        annotationsTrack;\n      const {\n        color: markerColor,\n        start: markerStartRaw,\n        end: markerEndRaw,\n        indicatorsDisplay: markerIndicatorDisplay,\n        priority,\n      } = populatedMarker;\n\n      const { min: markerStart, max: markerEnd } = getMinMaxAsNumber(\n        markerStartRaw,\n        markerEndRaw,\n      );\n\n      if (!isAlwaysHidden(markerIndicatorDisplay, trackIndicatorDisplay)) {\n        const trackIndex = Array.from(trackMap.keys()).findIndex(\n          (name) => name === trackId,\n        );\n        const markerId = serializeMarkerRange(\n          { ...populatedMarker, start: markerStart, end: markerEnd },\n          trackIndex,\n        );\n        const color = markerColor ?? trackColor ?? DEFAULT_MARKER_COLOR;\n        const indicator = buildIndicator(\n          color,\n          selection,\n          markerId,\n          markerStart,\n          markerEnd,\n          priority,\n        );\n\n        if (isAlwaysShown(markerIndicatorDisplay, trackIndicatorDisplay)) {\n          alwaysVisible.push(indicator);\n        } else {\n          selectable.set(markerId, indicator);\n        }\n      }\n      return trackMap;\n    },\n    new Map(),\n  );\n  return {\n    indicators: { alwaysVisible, selectable },\n    annotationsByTrack,\n    hiddenTracks,\n  };\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart/components/axes/AxisArea.css

@@ -1,3 +1,3 @@
-._bidc430-3-7-1 {
+._bidc430-3-9-0 {
   position: relative;
 }

package/esm/charts/xy-chart/components/axes/AxisArea.sty.js

@@ -1,5 +1,5 @@
 import "./AxisArea.css";
-var axisContainerStyle = "_bidc430-3-7-1";
+var axisContainerStyle = "_bidc430-3-9-0";
 export {
   axisContainerStyle
 };

package/esm/charts/xy-chart/components/axes/AxisArea.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/axes/AxisArea.css.ts"],
-  "sourcesContent": ["import './AxisArea.css';\nexport var axisContainerStyle = '_bidc430-3-7-1';"],
+  "sourcesContent": ["import './AxisArea.css';\nexport var axisContainerStyle = '_bidc430-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;",
   "names": []
 }

package/esm/charts/xy-chart/components/axes/AxisTickWithTruncation.css

@@ -1,8 +1,8 @@
-._z2zz8y2-3-7-1 {
-  direction: var(--_z2zz8y0-3-7-1);
+._z2zz8y2-3-9-0 {
+  direction: var(--_z2zz8y0-3-9-0);
   display: inline-block;
   overflow: hidden;
   text-overflow: ellipsis;
   text-wrap: nowrap;
-  width: var(--_z2zz8y1-3-7-1);
+  width: var(--_z2zz8y1-3-9-0);
 }

package/esm/charts/xy-chart/components/axes/AxisTickWithTruncation.sty.js

@@ -1,7 +1,7 @@
 import "./AxisTickWithTruncation.css";
-var directionValue = "var(--_z2zz8y0-3-7-1)";
-var tickStyle = "_z2zz8y2-3-7-1";
-var widthContainer = "var(--_z2zz8y1-3-7-1)";
+var directionValue = "var(--_z2zz8y0-3-9-0)";
+var tickStyle = "_z2zz8y2-3-9-0";
+var widthContainer = "var(--_z2zz8y1-3-9-0)";
 export {
   directionValue,
   tickStyle,

package/esm/charts/xy-chart/components/axes/AxisTickWithTruncation.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/axes/AxisTickWithTruncation.css.ts"],
-  "sourcesContent": ["import './AxisTickWithTruncation.css';\nexport var directionValue = 'var(--_z2zz8y0-3-7-1)';\nexport var tickStyle = '_z2zz8y2-3-7-1';\nexport var widthContainer = 'var(--_z2zz8y1-3-7-1)';"],
+  "sourcesContent": ["import './AxisTickWithTruncation.css';\nexport var directionValue = 'var(--_z2zz8y0-3-9-0)';\nexport var tickStyle = '_z2zz8y2-3-9-0';\nexport var widthContainer = 'var(--_z2zz8y1-3-9-0)';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;AACrB,IAAI,YAAY;AAChB,IAAI,iBAAiB;",
   "names": []
 }

package/esm/charts/xy-chart/components/axes/XTickWithTruncation.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/axes/XTickWithTruncation.tsx"],
-  "sourcesContent": ["import type { TickRendererProps } from '@visx/axis';\n\nimport { useTickTruncation } from './hooks/useTickTruncation.js';\nimport { useXTickOffset } from './hooks/useXTickOffset.js';\nimport { TickWithTruncationForeignObject } from './TickWithTruncationForeignObject.js';\nimport { X_AXES_TICK_LINE_OFFSET } from '../../../core/components/axes/constants.js';\nimport { useXYChartTruncationMode } from '../../hooks/useXYChartTruncationMode.js';\n\ninterface YTickWithTruncationProps {\n  position: 'top' | 'bottom';\n  renderProps: TickRendererProps;\n  maxSpaceForTruncation: number;\n  centerTick: boolean;\n  isTickRotated: boolean;\n  tickNameHasEmoji: boolean;\n}\n\nexport function XTickWithTruncation({\n  position,\n  renderProps,\n  maxSpaceForTruncation,\n  centerTick,\n  isTickRotated,\n  tickNameHasEmoji,\n}: Readonly<YTickWithTruncationProps>) {\n  const { formattedValue, x: xFromProps, y: yFromProps } = renderProps;\n\n  const { truncationMode } = useXYChartTruncationMode();\n\n  const {\n    displayValue,\n    tickClassName,\n    tickInlineStyle,\n    truncatedHeight,\n    truncatedWidth,\n    truncatedValue,\n  } = useTickTruncation(formattedValue, maxSpaceForTruncation, truncationMode);\n\n  const { xOffset, yOffset, style } = useXTickOffset(\n    truncatedWidth,\n    truncatedHeight,\n    renderProps,\n    centerTick,\n    isTickRotated,\n    position,\n    tickNameHasEmoji,\n  );\n\n  const showTooltip = truncatedValue === formattedValue;\n\n  const x = isTickRotated\n    ? position === 'top'\n      ? X_AXES_TICK_LINE_OFFSET\n      : -(truncatedWidth + X_AXES_TICK_LINE_OFFSET)\n    : xFromProps - xOffset;\n\n  const y = isTickRotated\n    ? xFromProps - (centerTick ? yOffset : xOffset)\n    : yFromProps - yOffset;\n\n  return (\n    <TickWithTruncationForeignObject\n      x={x}\n      y={y}\n      style={style}\n      height={style.height as number}\n      width={style.width as number}\n      tickClassName={tickClassName}\n      tickInlineStyle={tickInlineStyle}\n      formattedValue={formattedValue as string}\n      displayValue={displayValue}\n      showTooltip={showTooltip}\n    />\n  );\n}\n"],
-  "mappings": "AA6DI;AA3DJ,SAAS,yBAAyB;AAClC,SAAS,sBAAsB;AAC/B,SAAS,uCAAuC;AAChD,SAAS,+BAA+B;AACxC,SAAS,gCAAgC;AAWlC,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuC;AACrC,QAAM,EAAE,gBAAgB,GAAG,YAAY,GAAG,WAAW,IAAI;AAEzD,QAAM,EAAE,eAAe,IAAI,yBAAyB;AAEpD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,kBAAkB,gBAAgB,uBAAuB,cAAc;AAE3E,QAAM,EAAE,SAAS,SAAS,MAAM,IAAI;AAAA,IAClC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,cAAc,mBAAmB;AAEvC,QAAM,IAAI,gBACN,aAAa,QACX,0BACA,EAAE,iBAAiB,2BACrB,aAAa;AAEjB,QAAM,IAAI,gBACN,cAAc,aAAa,UAAU,WACrC,aAAa;AAEjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,MAAM;AAAA,MACd,OAAO,MAAM;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["import { useTickTruncation } from './hooks/useTickTruncation.js';\nimport { useXTickOffset } from './hooks/useXTickOffset.js';\nimport { TickWithTruncationForeignObject } from './TickWithTruncationForeignObject.js';\nimport { X_AXES_TICK_LINE_OFFSET } from '../../../core/components/axes/constants.js';\nimport type { TickRendererProps } from '../../../core/components/axes/types.js';\nimport { useXYChartTruncationMode } from '../../hooks/useXYChartTruncationMode.js';\n\ninterface YTickWithTruncationProps {\n  position: 'top' | 'bottom';\n  renderProps: TickRendererProps;\n  maxSpaceForTruncation: number;\n  centerTick: boolean;\n  isTickRotated: boolean;\n  tickNameHasEmoji: boolean;\n}\n\nexport function XTickWithTruncation({\n  position,\n  renderProps,\n  maxSpaceForTruncation,\n  centerTick,\n  isTickRotated,\n  tickNameHasEmoji,\n}: Readonly<YTickWithTruncationProps>) {\n  const { formattedValue, x: xFromProps, y: yFromProps } = renderProps;\n\n  const { truncationMode } = useXYChartTruncationMode();\n\n  const {\n    displayValue,\n    tickClassName,\n    tickInlineStyle,\n    truncatedHeight,\n    truncatedWidth,\n    truncatedValue,\n  } = useTickTruncation(formattedValue, maxSpaceForTruncation, truncationMode);\n\n  const { xOffset, yOffset, style } = useXTickOffset(\n    truncatedWidth,\n    truncatedHeight,\n    renderProps,\n    centerTick,\n    isTickRotated,\n    position,\n    tickNameHasEmoji,\n  );\n\n  const showTooltip = truncatedValue === formattedValue;\n\n  const x = isTickRotated\n    ? position === 'top'\n      ? X_AXES_TICK_LINE_OFFSET\n      : -(truncatedWidth + X_AXES_TICK_LINE_OFFSET)\n    : xFromProps - xOffset;\n\n  const y = isTickRotated\n    ? xFromProps - (centerTick ? yOffset : xOffset)\n    : yFromProps - yOffset;\n\n  return (\n    <TickWithTruncationForeignObject\n      x={x}\n      y={y}\n      style={style}\n      height={style.height as number}\n      width={style.width as number}\n      tickClassName={tickClassName}\n      tickInlineStyle={tickInlineStyle}\n      formattedValue={formattedValue as string}\n      displayValue={displayValue}\n      showTooltip={showTooltip}\n    />\n  );\n}\n"],
+  "mappings": "AA4DI;AA5DJ,SAAS,yBAAyB;AAClC,SAAS,sBAAsB;AAC/B,SAAS,uCAAuC;AAChD,SAAS,+BAA+B;AAExC,SAAS,gCAAgC;AAWlC,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuC;AACrC,QAAM,EAAE,gBAAgB,GAAG,YAAY,GAAG,WAAW,IAAI;AAEzD,QAAM,EAAE,eAAe,IAAI,yBAAyB;AAEpD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,kBAAkB,gBAAgB,uBAAuB,cAAc;AAE3E,QAAM,EAAE,SAAS,SAAS,MAAM,IAAI;AAAA,IAClC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,cAAc,mBAAmB;AAEvC,QAAM,IAAI,gBACN,aAAa,QACX,0BACA,EAAE,iBAAiB,2BACrB,aAAa;AAEjB,QAAM,IAAI,gBACN,cAAc,aAAa,UAAU,WACrC,aAAa;AAEjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,MAAM;AAAA,MACd,OAAO,MAAM;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/esm/charts/xy-chart/components/axes/XYChartLeftAxisArea.js

@@ -7,7 +7,7 @@ import {
   EMOJI_REGEX
 } from "../../../core/components/axes/constants.js";
 import { getYTickMaxSize } from "../../../core/components/axes/utils/calculate-axis-size.js";
-import { getTickLabelPropsForValueAxis } from "../../../core/components/axes/utils/get-tick-label-props.js";
+import { getYAxisTickLabelProps } from "../../../core/components/axes/utils/get-tick-label-props.js";
 import { isTickLabelSpaceAvailable } from "../../../core/components/axes/utils/is-tick-label-visible.js";
 import { ChartGrid } from "../../../core/components/chart-grid/ChartGridRoot.js";
 import { useAxesTicks } from "../../hooks/useAxesTicks.js";
@@ -15,13 +15,17 @@ import { useVisibleAxesConfig } from "../../hooks/useVisibleAxesConfig.js";
 import { useVisibleAxesScales } from "../../hooks/useVisibleAxesScales.js";
 import { isCategorical } from "../../types/guards.js";
 import { AREAS } from "../../utils/grid-templates.js";
-const tickLabelProps = getTickLabelPropsForValueAxis("left");
 function XYChartLeftAxisArea() {
   const { leftTicks } = useAxesTicks();
   const { left: leftConfig } = useVisibleAxesConfig();
   const { left: leftScale } = useVisibleAxesScales();
   const tickFormat = (_, index) => leftTicks.formattedTicks[index];
   const isCategoricalAxis = leftConfig?.type ? isCategorical(leftConfig.type) : false;
+  const tickLabelProps = getYAxisTickLabelProps(
+    "left",
+    isCategoricalAxis,
+    leftScale
+  );
   const areCategoricalTicksNotFittable = leftScale && isCategoricalAxis && !isTickLabelSpaceAvailable(leftScale.step());
   const hideAxis = leftConfig === void 0 || areCategoricalTicksNotFittable || leftScale === void 0;
   const tickNameHasEmoji = leftTicks.ticks.some(

package/esm/charts/xy-chart/components/axes/XYChartLeftAxisArea.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/axes/XYChartLeftAxisArea.tsx"],
-  "sourcesContent": ["import type { ScaleBand } from 'd3-scale';\n\nimport { YTickWithTruncation } from './YTickWithTruncation.js';\nimport { AxisLeft } from '../../../core/components/axes/AxisLeft.js';\nimport { DivAxisWrapper } from '../../../core/components/axes/components/DivAxisWrapper.js';\nimport {\n  axisFontProps,\n  EMOJI_REGEX,\n} from '../../../core/components/axes/constants.js';\nimport { getYTickMaxSize } from '../../../core/components/axes/utils/calculate-axis-size.js';\nimport { getTickLabelPropsForValueAxis } from '../../../core/components/axes/utils/get-tick-label-props.js';\nimport { isTickLabelSpaceAvailable } from '../../../core/components/axes/utils/is-tick-label-visible.js';\nimport { ChartGrid } from '../../../core/components/chart-grid/ChartGridRoot.js';\nimport { useAxesTicks } from '../../hooks/useAxesTicks.js';\nimport { useVisibleAxesConfig } from '../../hooks/useVisibleAxesConfig.js';\nimport { useVisibleAxesScales } from '../../hooks/useVisibleAxesScales.js';\nimport { isCategorical } from '../../types/guards.js';\nimport { AREAS } from '../../utils/grid-templates.js';\n\nconst tickLabelProps = getTickLabelPropsForValueAxis('left');\n\nexport function XYChartLeftAxisArea() {\n  const { leftTicks } = useAxesTicks();\n  const { left: leftConfig } = useVisibleAxesConfig();\n  const { left: leftScale } = useVisibleAxesScales();\n\n  const tickFormat = (_: unknown, index: number) =>\n    leftTicks.formattedTicks[index];\n\n  const isCategoricalAxis = leftConfig?.type\n    ? isCategorical(leftConfig.type)\n    : false;\n\n  const areCategoricalTicksNotFittable =\n    leftScale &&\n    isCategoricalAxis &&\n    !isTickLabelSpaceAvailable((leftScale as ScaleBand<string>).step());\n\n  const hideAxis =\n    leftConfig === undefined ||\n    areCategoricalTicksNotFittable ||\n    leftScale === undefined;\n\n  const tickNameHasEmoji = leftTicks.ticks.some((name) =>\n    EMOJI_REGEX.test(name),\n  );\n\n  return hideAxis ? null : (\n    <ChartGrid.GridArea gridArea={AREAS.leftAxis}>\n      {({ availableWidth, availableHeight }) => (\n        <DivAxisWrapper\n          divAxisStyle={axisFontProps}\n          ticks={leftTicks.formattedTicks}\n          label={leftConfig.label}\n        >\n          <AxisLeft\n            scale={leftScale}\n            containerSize={availableHeight}\n            width={availableWidth}\n            tickValues={leftTicks.ticks}\n            tickLabelProps={tickLabelProps}\n            tickFormat={tickFormat}\n            label={leftConfig.label}\n            tickComponent={(renderProps) => (\n              <YTickWithTruncation\n                position=\"left\"\n                renderProps={renderProps}\n                maxSpaceForTruncation={getYTickMaxSize(\n                  availableWidth,\n                  leftConfig.label,\n                )}\n                centerTick={isCategoricalAxis}\n                tickNameHasEmoji={tickNameHasEmoji}\n              />\n            )}\n          />\n        </DivAxisWrapper>\n      )}\n    </ChartGrid.GridArea>\n  );\n}\n\nXYChartLeftAxisArea['displayName'] = 'XYChartLeftAxisArea';\n"],
-  "mappings": "AAgEc;AA9Dd,SAAS,2BAA2B;AACpC,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAChC,SAAS,qCAAqC;AAC9C,SAAS,iCAAiC;AAC1C,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AACrC,SAAS,qBAAqB;AAC9B,SAAS,aAAa;AAEtB,MAAM,iBAAiB,8BAA8B,MAAM;AAEpD,SAAS,sBAAsB;AACpC,QAAM,EAAE,UAAU,IAAI,aAAa;AACnC,QAAM,EAAE,MAAM,WAAW,IAAI,qBAAqB;AAClD,QAAM,EAAE,MAAM,UAAU,IAAI,qBAAqB;AAEjD,QAAM,aAAa,CAAC,GAAY,UAC9B,UAAU,eAAe,KAAK;AAEhC,QAAM,oBAAoB,YAAY,OAClC,cAAc,WAAW,IAAI,IAC7B;AAEJ,QAAM,iCACJ,aACA,qBACA,CAAC,0BAA2B,UAAgC,KAAK,CAAC;AAEpE,QAAM,WACJ,eAAe,UACf,kCACA,cAAc;AAEhB,QAAM,mBAAmB,UAAU,MAAM;AAAA,IAAK,CAAC,SAC7C,YAAY,KAAK,IAAI;AAAA,EACvB;AAEA,SAAO,WAAW,OAChB,oBAAC,UAAU,UAAV,EAAmB,UAAU,MAAM,UACjC,WAAC,EAAE,gBAAgB,gBAAgB,MAClC;AAAA,IAAC;AAAA;AAAA,MACC,cAAc;AAAA,MACd,OAAO,UAAU;AAAA,MACjB,OAAO,WAAW;AAAA,MAElB;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,eAAe;AAAA,UACf,OAAO;AAAA,UACP,YAAY,UAAU;AAAA,UACtB;AAAA,UACA;AAAA,UACA,OAAO,WAAW;AAAA,UAClB,eAAe,CAAC,gBACd;AAAA,YAAC;AAAA;AAAA,cACC,UAAS;AAAA,cACT;AAAA,cACA,uBAAuB;AAAA,gBACrB;AAAA,gBACA,WAAW;AAAA,cACb;AAAA,cACA,YAAY;AAAA,cACZ;AAAA;AAAA,UACF;AAAA;AAAA,MAEJ;AAAA;AAAA,EACF,GAEJ;AAEJ;AAEA,oBAAoB,aAAa,IAAI;",
+  "sourcesContent": ["import type { ScaleBand } from 'd3-scale';\n\nimport { YTickWithTruncation } from './YTickWithTruncation.js';\nimport { AxisLeft } from '../../../core/components/axes/AxisLeft.js';\nimport { DivAxisWrapper } from '../../../core/components/axes/components/DivAxisWrapper.js';\nimport {\n  axisFontProps,\n  EMOJI_REGEX,\n} from '../../../core/components/axes/constants.js';\nimport { getYTickMaxSize } from '../../../core/components/axes/utils/calculate-axis-size.js';\nimport { getYAxisTickLabelProps } from '../../../core/components/axes/utils/get-tick-label-props.js';\nimport { isTickLabelSpaceAvailable } from '../../../core/components/axes/utils/is-tick-label-visible.js';\nimport { ChartGrid } from '../../../core/components/chart-grid/ChartGridRoot.js';\nimport { useAxesTicks } from '../../hooks/useAxesTicks.js';\nimport { useVisibleAxesConfig } from '../../hooks/useVisibleAxesConfig.js';\nimport { useVisibleAxesScales } from '../../hooks/useVisibleAxesScales.js';\nimport { isCategorical } from '../../types/guards.js';\nimport { AREAS } from '../../utils/grid-templates.js';\n\nexport function XYChartLeftAxisArea() {\n  const { leftTicks } = useAxesTicks();\n  const { left: leftConfig } = useVisibleAxesConfig();\n  const { left: leftScale } = useVisibleAxesScales();\n\n  const tickFormat = (_: unknown, index: number) =>\n    leftTicks.formattedTicks[index];\n\n  const isCategoricalAxis = leftConfig?.type\n    ? isCategorical(leftConfig.type)\n    : false;\n\n  const tickLabelProps = getYAxisTickLabelProps(\n    'left',\n    isCategoricalAxis,\n    leftScale,\n  );\n\n  const areCategoricalTicksNotFittable =\n    leftScale &&\n    isCategoricalAxis &&\n    !isTickLabelSpaceAvailable((leftScale as ScaleBand<string>).step());\n\n  const hideAxis =\n    leftConfig === undefined ||\n    areCategoricalTicksNotFittable ||\n    leftScale === undefined;\n\n  const tickNameHasEmoji = leftTicks.ticks.some((name) =>\n    EMOJI_REGEX.test(name),\n  );\n\n  return hideAxis ? null : (\n    <ChartGrid.GridArea gridArea={AREAS.leftAxis}>\n      {({ availableWidth, availableHeight }) => (\n        <DivAxisWrapper\n          divAxisStyle={axisFontProps}\n          ticks={leftTicks.formattedTicks}\n          label={leftConfig.label}\n        >\n          <AxisLeft\n            scale={leftScale}\n            containerSize={availableHeight}\n            width={availableWidth}\n            tickValues={leftTicks.ticks}\n            tickLabelProps={tickLabelProps}\n            tickFormat={tickFormat}\n            label={leftConfig.label}\n            tickComponent={(renderProps) => (\n              <YTickWithTruncation\n                position=\"left\"\n                renderProps={renderProps}\n                maxSpaceForTruncation={getYTickMaxSize(\n                  availableWidth,\n                  leftConfig.label,\n                )}\n                centerTick={isCategoricalAxis}\n                tickNameHasEmoji={tickNameHasEmoji}\n              />\n            )}\n          />\n        </DivAxisWrapper>\n      )}\n    </ChartGrid.GridArea>\n  );\n}\n\nXYChartLeftAxisArea['displayName'] = 'XYChartLeftAxisArea';\n"],
+  "mappings": "AAoEc;AAlEd,SAAS,2BAA2B;AACpC,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAChC,SAAS,8BAA8B;AACvC,SAAS,iCAAiC;AAC1C,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AACrC,SAAS,qBAAqB;AAC9B,SAAS,aAAa;AAEf,SAAS,sBAAsB;AACpC,QAAM,EAAE,UAAU,IAAI,aAAa;AACnC,QAAM,EAAE,MAAM,WAAW,IAAI,qBAAqB;AAClD,QAAM,EAAE,MAAM,UAAU,IAAI,qBAAqB;AAEjD,QAAM,aAAa,CAAC,GAAY,UAC9B,UAAU,eAAe,KAAK;AAEhC,QAAM,oBAAoB,YAAY,OAClC,cAAc,WAAW,IAAI,IAC7B;AAEJ,QAAM,iBAAiB;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,iCACJ,aACA,qBACA,CAAC,0BAA2B,UAAgC,KAAK,CAAC;AAEpE,QAAM,WACJ,eAAe,UACf,kCACA,cAAc;AAEhB,QAAM,mBAAmB,UAAU,MAAM;AAAA,IAAK,CAAC,SAC7C,YAAY,KAAK,IAAI;AAAA,EACvB;AAEA,SAAO,WAAW,OAChB,oBAAC,UAAU,UAAV,EAAmB,UAAU,MAAM,UACjC,WAAC,EAAE,gBAAgB,gBAAgB,MAClC;AAAA,IAAC;AAAA;AAAA,MACC,cAAc;AAAA,MACd,OAAO,UAAU;AAAA,MACjB,OAAO,WAAW;AAAA,MAElB;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,eAAe;AAAA,UACf,OAAO;AAAA,UACP,YAAY,UAAU;AAAA,UACtB;AAAA,UACA;AAAA,UACA,OAAO,WAAW;AAAA,UAClB,eAAe,CAAC,gBACd;AAAA,YAAC;AAAA;AAAA,cACC,UAAS;AAAA,cACT;AAAA,cACA,uBAAuB;AAAA,gBACrB;AAAA,gBACA,WAAW;AAAA,cACb;AAAA,cACA,YAAY;AAAA,cACZ;AAAA;AAAA,UACF;AAAA;AAAA,MAEJ;AAAA;AAAA,EACF,GAEJ;AAEJ;AAEA,oBAAoB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/xy-chart/components/axes/XYChartRightAxisArea.js

@@ -7,7 +7,7 @@ import {
   EMOJI_REGEX
 } from "../../../core/components/axes/constants.js";
 import { getYTickMaxSize } from "../../../core/components/axes/utils/calculate-axis-size.js";
-import { getTickLabelPropsForValueAxis } from "../../../core/components/axes/utils/get-tick-label-props.js";
+import { getYAxisTickLabelProps } from "../../../core/components/axes/utils/get-tick-label-props.js";
 import { isTickLabelSpaceAvailable } from "../../../core/components/axes/utils/is-tick-label-visible.js";
 import { ChartGrid } from "../../../core/components/chart-grid/ChartGridRoot.js";
 import { useAxesTicks } from "../../hooks/useAxesTicks.js";
@@ -15,13 +15,17 @@ import { useVisibleAxesConfig } from "../../hooks/useVisibleAxesConfig.js";
 import { useVisibleAxesScales } from "../../hooks/useVisibleAxesScales.js";
 import { isCategorical } from "../../types/guards.js";
 import { AREAS } from "../../utils/grid-templates.js";
-const tickLabelProps = getTickLabelPropsForValueAxis("right");
 function XYChartRightAxisArea() {
   const { rightTicks } = useAxesTicks();
   const { right: rightConfig } = useVisibleAxesConfig();
   const { right: rightScale } = useVisibleAxesScales();
   const tickFormat = (_, index) => rightTicks.formattedTicks[index];
   const isCategoricalAxis = isCategorical(rightConfig?.type || "");
+  const tickLabelProps = getYAxisTickLabelProps(
+    "right",
+    isCategoricalAxis,
+    rightScale
+  );
   const areCategoricalTicksNotFittable = rightScale && isCategoricalAxis && !isTickLabelSpaceAvailable(rightScale.step());
   const hideAxis = rightConfig === void 0 || areCategoricalTicksNotFittable || rightScale === void 0;
   const tickNameHasEmoji = rightTicks.ticks.some(

package/esm/charts/xy-chart/components/axes/XYChartRightAxisArea.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/axes/XYChartRightAxisArea.tsx"],
-  "sourcesContent": ["import type { ScaleBand } from 'd3-scale';\n\nimport { YTickWithTruncation } from './YTickWithTruncation.js';\nimport { AxisRight } from '../../../core/components/axes/AxisRight.js';\nimport { DivAxisWrapper } from '../../../core/components/axes/components/DivAxisWrapper.js';\nimport {\n  axisFontProps,\n  EMOJI_REGEX,\n} from '../../../core/components/axes/constants.js';\nimport { getYTickMaxSize } from '../../../core/components/axes/utils/calculate-axis-size.js';\nimport { getTickLabelPropsForValueAxis } from '../../../core/components/axes/utils/get-tick-label-props.js';\nimport { isTickLabelSpaceAvailable } from '../../../core/components/axes/utils/is-tick-label-visible.js';\nimport { ChartGrid } from '../../../core/components/chart-grid/ChartGridRoot.js';\nimport { useAxesTicks } from '../../hooks/useAxesTicks.js';\nimport { useVisibleAxesConfig } from '../../hooks/useVisibleAxesConfig.js';\nimport { useVisibleAxesScales } from '../../hooks/useVisibleAxesScales.js';\nimport { isCategorical } from '../../types/guards.js';\nimport { AREAS } from '../../utils/grid-templates.js';\n\nconst tickLabelProps = getTickLabelPropsForValueAxis('right');\n\nexport function XYChartRightAxisArea() {\n  const { rightTicks } = useAxesTicks();\n  const { right: rightConfig } = useVisibleAxesConfig();\n  const { right: rightScale } = useVisibleAxesScales();\n\n  const tickFormat = (_: unknown, index: number) =>\n    rightTicks.formattedTicks[index];\n\n  const isCategoricalAxis = isCategorical(rightConfig?.type || '');\n\n  const areCategoricalTicksNotFittable =\n    rightScale &&\n    isCategoricalAxis &&\n    !isTickLabelSpaceAvailable((rightScale as ScaleBand<string>).step());\n\n  const hideAxis =\n    rightConfig === undefined ||\n    areCategoricalTicksNotFittable ||\n    rightScale === undefined;\n\n  const tickNameHasEmoji = rightTicks.ticks.some((name) =>\n    EMOJI_REGEX.test(name),\n  );\n\n  return hideAxis ? null : (\n    <ChartGrid.GridArea gridArea={AREAS.rightAxis}>\n      {({ availableWidth, availableHeight }) => (\n        <DivAxisWrapper\n          divAxisStyle={axisFontProps}\n          ticks={rightTicks.formattedTicks}\n          label={rightConfig.label}\n        >\n          <AxisRight\n            scale={rightScale}\n            containerSize={availableHeight}\n            width={availableWidth}\n            tickValues={rightTicks.ticks}\n            tickLabelProps={tickLabelProps}\n            tickFormat={tickFormat}\n            label={rightConfig.label}\n            tickComponent={(renderProps) => (\n              <YTickWithTruncation\n                position=\"right\"\n                renderProps={renderProps}\n                maxSpaceForTruncation={getYTickMaxSize(\n                  availableWidth,\n                  rightConfig.label,\n                )}\n                centerTick={isCategoricalAxis}\n                tickNameHasEmoji={tickNameHasEmoji}\n              />\n            )}\n          />\n        </DivAxisWrapper>\n      )}\n    </ChartGrid.GridArea>\n  );\n}\n\nXYChartRightAxisArea['displayName'] = 'XYChartRightAxisArea';\n"],
-  "mappings": "AA8Dc;AA5Dd,SAAS,2BAA2B;AACpC,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAChC,SAAS,qCAAqC;AAC9C,SAAS,iCAAiC;AAC1C,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AACrC,SAAS,qBAAqB;AAC9B,SAAS,aAAa;AAEtB,MAAM,iBAAiB,8BAA8B,OAAO;AAErD,SAAS,uBAAuB;AACrC,QAAM,EAAE,WAAW,IAAI,aAAa;AACpC,QAAM,EAAE,OAAO,YAAY,IAAI,qBAAqB;AACpD,QAAM,EAAE,OAAO,WAAW,IAAI,qBAAqB;AAEnD,QAAM,aAAa,CAAC,GAAY,UAC9B,WAAW,eAAe,KAAK;AAEjC,QAAM,oBAAoB,cAAc,aAAa,QAAQ,EAAE;AAE/D,QAAM,iCACJ,cACA,qBACA,CAAC,0BAA2B,WAAiC,KAAK,CAAC;AAErE,QAAM,WACJ,gBAAgB,UAChB,kCACA,eAAe;AAEjB,QAAM,mBAAmB,WAAW,MAAM;AAAA,IAAK,CAAC,SAC9C,YAAY,KAAK,IAAI;AAAA,EACvB;AAEA,SAAO,WAAW,OAChB,oBAAC,UAAU,UAAV,EAAmB,UAAU,MAAM,WACjC,WAAC,EAAE,gBAAgB,gBAAgB,MAClC;AAAA,IAAC;AAAA;AAAA,MACC,cAAc;AAAA,MACd,OAAO,WAAW;AAAA,MAClB,OAAO,YAAY;AAAA,MAEnB;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,eAAe;AAAA,UACf,OAAO;AAAA,UACP,YAAY,WAAW;AAAA,UACvB;AAAA,UACA;AAAA,UACA,OAAO,YAAY;AAAA,UACnB,eAAe,CAAC,gBACd;AAAA,YAAC;AAAA;AAAA,cACC,UAAS;AAAA,cACT;AAAA,cACA,uBAAuB;AAAA,gBACrB;AAAA,gBACA,YAAY;AAAA,cACd;AAAA,cACA,YAAY;AAAA,cACZ;AAAA;AAAA,UACF;AAAA;AAAA,MAEJ;AAAA;AAAA,EACF,GAEJ;AAEJ;AAEA,qBAAqB,aAAa,IAAI;",
+  "sourcesContent": ["import type { ScaleBand } from 'd3-scale';\n\nimport { YTickWithTruncation } from './YTickWithTruncation.js';\nimport { AxisRight } from '../../../core/components/axes/AxisRight.js';\nimport { DivAxisWrapper } from '../../../core/components/axes/components/DivAxisWrapper.js';\nimport {\n  axisFontProps,\n  EMOJI_REGEX,\n} from '../../../core/components/axes/constants.js';\nimport { getYTickMaxSize } from '../../../core/components/axes/utils/calculate-axis-size.js';\nimport { getYAxisTickLabelProps } from '../../../core/components/axes/utils/get-tick-label-props.js';\nimport { isTickLabelSpaceAvailable } from '../../../core/components/axes/utils/is-tick-label-visible.js';\nimport { ChartGrid } from '../../../core/components/chart-grid/ChartGridRoot.js';\nimport { useAxesTicks } from '../../hooks/useAxesTicks.js';\nimport { useVisibleAxesConfig } from '../../hooks/useVisibleAxesConfig.js';\nimport { useVisibleAxesScales } from '../../hooks/useVisibleAxesScales.js';\nimport { isCategorical } from '../../types/guards.js';\nimport { AREAS } from '../../utils/grid-templates.js';\n\nexport function XYChartRightAxisArea() {\n  const { rightTicks } = useAxesTicks();\n  const { right: rightConfig } = useVisibleAxesConfig();\n  const { right: rightScale } = useVisibleAxesScales();\n\n  const tickFormat = (_: unknown, index: number) =>\n    rightTicks.formattedTicks[index];\n\n  const isCategoricalAxis = isCategorical(rightConfig?.type || '');\n  const tickLabelProps = getYAxisTickLabelProps(\n    'right',\n    isCategoricalAxis,\n    rightScale,\n  );\n\n  const areCategoricalTicksNotFittable =\n    rightScale &&\n    isCategoricalAxis &&\n    !isTickLabelSpaceAvailable((rightScale as ScaleBand<string>).step());\n\n  const hideAxis =\n    rightConfig === undefined ||\n    areCategoricalTicksNotFittable ||\n    rightScale === undefined;\n\n  const tickNameHasEmoji = rightTicks.ticks.some((name) =>\n    EMOJI_REGEX.test(name),\n  );\n\n  return hideAxis ? null : (\n    <ChartGrid.GridArea gridArea={AREAS.rightAxis}>\n      {({ availableWidth, availableHeight }) => (\n        <DivAxisWrapper\n          divAxisStyle={axisFontProps}\n          ticks={rightTicks.formattedTicks}\n          label={rightConfig.label}\n        >\n          <AxisRight\n            scale={rightScale}\n            containerSize={availableHeight}\n            width={availableWidth}\n            tickValues={rightTicks.ticks}\n            tickLabelProps={tickLabelProps}\n            tickFormat={tickFormat}\n            label={rightConfig.label}\n            tickComponent={(renderProps) => (\n              <YTickWithTruncation\n                position=\"right\"\n                renderProps={renderProps}\n                maxSpaceForTruncation={getYTickMaxSize(\n                  availableWidth,\n                  rightConfig.label,\n                )}\n                centerTick={isCategoricalAxis}\n                tickNameHasEmoji={tickNameHasEmoji}\n              />\n            )}\n          />\n        </DivAxisWrapper>\n      )}\n    </ChartGrid.GridArea>\n  );\n}\n\nXYChartRightAxisArea['displayName'] = 'XYChartRightAxisArea';\n"],
+  "mappings": "AAiEc;AA/Dd,SAAS,2BAA2B;AACpC,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAChC,SAAS,8BAA8B;AACvC,SAAS,iCAAiC;AAC1C,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AACrC,SAAS,qBAAqB;AAC9B,SAAS,aAAa;AAEf,SAAS,uBAAuB;AACrC,QAAM,EAAE,WAAW,IAAI,aAAa;AACpC,QAAM,EAAE,OAAO,YAAY,IAAI,qBAAqB;AACpD,QAAM,EAAE,OAAO,WAAW,IAAI,qBAAqB;AAEnD,QAAM,aAAa,CAAC,GAAY,UAC9B,WAAW,eAAe,KAAK;AAEjC,QAAM,oBAAoB,cAAc,aAAa,QAAQ,EAAE;AAC/D,QAAM,iBAAiB;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,iCACJ,cACA,qBACA,CAAC,0BAA2B,WAAiC,KAAK,CAAC;AAErE,QAAM,WACJ,gBAAgB,UAChB,kCACA,eAAe;AAEjB,QAAM,mBAAmB,WAAW,MAAM;AAAA,IAAK,CAAC,SAC9C,YAAY,KAAK,IAAI;AAAA,EACvB;AAEA,SAAO,WAAW,OAChB,oBAAC,UAAU,UAAV,EAAmB,UAAU,MAAM,WACjC,WAAC,EAAE,gBAAgB,gBAAgB,MAClC;AAAA,IAAC;AAAA;AAAA,MACC,cAAc;AAAA,MACd,OAAO,WAAW;AAAA,MAClB,OAAO,YAAY;AAAA,MAEnB;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,eAAe;AAAA,UACf,OAAO;AAAA,UACP,YAAY,WAAW;AAAA,UACvB;AAAA,UACA;AAAA,UACA,OAAO,YAAY;AAAA,UACnB,eAAe,CAAC,gBACd;AAAA,YAAC;AAAA;AAAA,cACC,UAAS;AAAA,cACT;AAAA,cACA,uBAAuB;AAAA,gBACrB;AAAA,gBACA,YAAY;AAAA,cACd;AAAA,cACA,YAAY;AAAA,cACZ;AAAA;AAAA,UACF;AAAA;AAAA,MAEJ;AAAA;AAAA,EACF,GAEJ;AAEJ;AAEA,qBAAqB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/xy-chart/components/axes/YTickWithTruncation.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/axes/YTickWithTruncation.tsx"],
-  "sourcesContent": ["import type { TickRendererProps } from '@visx/axis';\n\nimport { useTickTruncation } from './hooks/useTickTruncation.js';\nimport { useYTickOffset } from './hooks/useYTickOffset.js';\nimport { TickWithTruncationForeignObject } from './TickWithTruncationForeignObject.js';\nimport { useXYChartTruncationMode } from '../../hooks/useXYChartTruncationMode.js';\n\ninterface YTickWithTruncationProps {\n  position: 'left' | 'right';\n  renderProps: TickRendererProps;\n  maxSpaceForTruncation: number;\n  centerTick: boolean;\n  tickNameHasEmoji: boolean;\n}\n\nexport function YTickWithTruncation({\n  position,\n  renderProps,\n  maxSpaceForTruncation,\n  centerTick,\n  tickNameHasEmoji,\n}: Readonly<YTickWithTruncationProps>) {\n  const { formattedValue, x, y } = renderProps;\n\n  const { truncationMode } = useXYChartTruncationMode();\n\n  const {\n    displayValue,\n    tickClassName,\n    tickInlineStyle,\n    truncatedWidth,\n    truncatedValue,\n  } = useTickTruncation(formattedValue, maxSpaceForTruncation, truncationMode);\n\n  const { xOffset, yOffset, style } = useYTickOffset(\n    position,\n    truncatedWidth,\n    renderProps,\n    centerTick,\n    tickNameHasEmoji,\n  );\n\n  const showTooltip = truncatedValue === formattedValue;\n\n  return (\n    <TickWithTruncationForeignObject\n      x={x - xOffset}\n      y={y - yOffset}\n      style={style}\n      height={style.height as number}\n      width={style.width as number}\n      tickClassName={tickClassName}\n      tickInlineStyle={tickInlineStyle}\n      formattedValue={formattedValue as string}\n      displayValue={displayValue}\n      showTooltip={showTooltip}\n    />\n  );\n}\n"],
-  "mappings": "AA6CI;AA3CJ,SAAS,yBAAyB;AAClC,SAAS,sBAAsB;AAC/B,SAAS,uCAAuC;AAChD,SAAS,gCAAgC;AAUlC,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuC;AACrC,QAAM,EAAE,gBAAgB,GAAG,EAAE,IAAI;AAEjC,QAAM,EAAE,eAAe,IAAI,yBAAyB;AAEpD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,kBAAkB,gBAAgB,uBAAuB,cAAc;AAE3E,QAAM,EAAE,SAAS,SAAS,MAAM,IAAI;AAAA,IAClC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,cAAc,mBAAmB;AAEvC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,GAAG,IAAI;AAAA,MACP,GAAG,IAAI;AAAA,MACP;AAAA,MACA,QAAQ,MAAM;AAAA,MACd,OAAO,MAAM;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["import { useTickTruncation } from './hooks/useTickTruncation.js';\nimport { useYTickOffset } from './hooks/useYTickOffset.js';\nimport { TickWithTruncationForeignObject } from './TickWithTruncationForeignObject.js';\nimport type { TickRendererProps } from '../../../core/components/axes/types.js';\nimport { useXYChartTruncationMode } from '../../hooks/useXYChartTruncationMode.js';\n\ninterface YTickWithTruncationProps {\n  position: 'left' | 'right';\n  renderProps: TickRendererProps;\n  maxSpaceForTruncation: number;\n  centerTick: boolean;\n  tickNameHasEmoji: boolean;\n}\n\nexport function YTickWithTruncation({\n  position,\n  renderProps,\n  maxSpaceForTruncation,\n  centerTick,\n  tickNameHasEmoji,\n}: Readonly<YTickWithTruncationProps>) {\n  const { formattedValue, x, y } = renderProps;\n\n  const { truncationMode } = useXYChartTruncationMode();\n\n  const {\n    displayValue,\n    tickClassName,\n    tickInlineStyle,\n    truncatedWidth,\n    truncatedValue,\n  } = useTickTruncation(formattedValue, maxSpaceForTruncation, truncationMode);\n\n  const { xOffset, yOffset, style } = useYTickOffset(\n    position,\n    truncatedWidth,\n    renderProps,\n    centerTick,\n    tickNameHasEmoji,\n  );\n\n  const showTooltip = truncatedValue === formattedValue;\n\n  return (\n    <TickWithTruncationForeignObject\n      x={x - xOffset}\n      y={y - yOffset}\n      style={style}\n      height={style.height as number}\n      width={style.width as number}\n      tickClassName={tickClassName}\n      tickInlineStyle={tickInlineStyle}\n      formattedValue={formattedValue as string}\n      displayValue={displayValue}\n      showTooltip={showTooltip}\n    />\n  );\n}\n"],
+  "mappings": "AA4CI;AA5CJ,SAAS,yBAAyB;AAClC,SAAS,sBAAsB;AAC/B,SAAS,uCAAuC;AAEhD,SAAS,gCAAgC;AAUlC,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuC;AACrC,QAAM,EAAE,gBAAgB,GAAG,EAAE,IAAI;AAEjC,QAAM,EAAE,eAAe,IAAI,yBAAyB;AAEpD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,kBAAkB,gBAAgB,uBAAuB,cAAc;AAE3E,QAAM,EAAE,SAAS,SAAS,MAAM,IAAI;AAAA,IAClC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,cAAc,mBAAmB;AAEvC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,GAAG,IAAI;AAAA,MACP,GAAG,IAAI;AAAA,MACP;AAAA,MACA,QAAQ,MAAM;AAAA,MACd,OAAO,MAAM;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/esm/charts/xy-chart/components/axes/hooks/useXTickOffset.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/axes/hooks/useXTickOffset.ts"],
-  "sourcesContent": ["import type { TickRendererProps } from '@visx/axis';\nimport type { CSSProperties } from 'react';\n\nimport {\n  BOTTOM_AXIS_LINE_OFFSET,\n  TOP_AXIS_LINE_OFFSET,\n  TICK_LINE_HEIGHT,\n  TICK_LINE_ICON_OFFSET,\n} from '../../../../core/components/axes/constants.js';\n\nexport function useXTickOffset(\n  textWidth: number,\n  textHeight: number,\n  renderProps: TickRendererProps,\n  centerTick: boolean,\n  isTickRotated: boolean,\n  position: 'top' | 'bottom',\n  tickNameHasEmoji: boolean,\n) {\n  const yOffset =\n    position === 'top' && !isTickRotated\n      ? TOP_AXIS_LINE_OFFSET\n      : BOTTOM_AXIS_LINE_OFFSET;\n\n  const size = isTickRotated ? textHeight + 2 : textWidth;\n\n  const xOffset = centerTick\n    ? size / 2\n    : renderProps.textAnchor === 'start'\n    ? 0\n    : renderProps.textAnchor === 'end'\n    ? size\n    : size / 2;\n\n  const { x, y, ...restProps } = renderProps;\n\n  const TICK_LINE_HEIGHT_VALIDATED = tickNameHasEmoji\n    ? TICK_LINE_HEIGHT + TICK_LINE_ICON_OFFSET\n    : TICK_LINE_HEIGHT;\n\n  const style: CSSProperties = {\n    ...(restProps as CSSProperties),\n    width: textWidth,\n    height: TICK_LINE_HEIGHT_VALIDATED,\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    display: 'inline-block',\n  };\n\n  if (isTickRotated) {\n    style.transform = 'rotate(-90deg)';\n  }\n\n  return { xOffset, yOffset, style };\n}\n"],
-  "mappings": "AAGA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,SAAS,eACd,WACA,YACA,aACA,YACA,eACA,UACA,kBACA;AACA,QAAM,UACJ,aAAa,SAAS,CAAC,gBACnB,uBACA;AAEN,QAAM,OAAO,gBAAgB,aAAa,IAAI;AAE9C,QAAM,UAAU,aACZ,OAAO,IACP,YAAY,eAAe,UAC3B,IACA,YAAY,eAAe,QAC3B,OACA,OAAO;AAEX,QAAM,EAAE,GAAG,GAAG,GAAG,UAAU,IAAI;AAE/B,QAAM,6BAA6B,mBAC/B,mBAAmB,wBACnB;AAEJ,QAAM,QAAuB;AAAA,IAC3B,GAAI;AAAA,IACJ,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,SAAS;AAAA,EACX;AAEA,MAAI,eAAe;AACjB,UAAM,YAAY;AAAA,EACpB;AAEA,SAAO,EAAE,SAAS,SAAS,MAAM;AACnC;",
+  "sourcesContent": ["import type { CSSProperties } from 'react';\n\nimport {\n  BOTTOM_AXIS_LINE_OFFSET,\n  TOP_AXIS_LINE_OFFSET,\n  TICK_LINE_HEIGHT,\n  TICK_LINE_ICON_OFFSET,\n} from '../../../../core/components/axes/constants.js';\nimport type { TickRendererProps } from '../../../../core/components/axes/types.js';\n\nexport function useXTickOffset(\n  textWidth: number,\n  textHeight: number,\n  renderProps: TickRendererProps,\n  centerTick: boolean,\n  isTickRotated: boolean,\n  position: 'top' | 'bottom',\n  tickNameHasEmoji: boolean,\n) {\n  const yOffset =\n    position === 'top' && !isTickRotated\n      ? TOP_AXIS_LINE_OFFSET\n      : BOTTOM_AXIS_LINE_OFFSET;\n\n  const size = isTickRotated ? textHeight + 2 : textWidth;\n\n  const xOffset = centerTick\n    ? size / 2\n    : renderProps.textAnchor === 'start'\n    ? 0\n    : renderProps.textAnchor === 'end'\n    ? size\n    : size / 2;\n\n  const { x, y, ...restProps } = renderProps;\n\n  const TICK_LINE_HEIGHT_VALIDATED = tickNameHasEmoji\n    ? TICK_LINE_HEIGHT + TICK_LINE_ICON_OFFSET\n    : TICK_LINE_HEIGHT;\n\n  const style: CSSProperties = {\n    ...(restProps as CSSProperties),\n    width: textWidth,\n    height: TICK_LINE_HEIGHT_VALIDATED,\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    display: 'inline-block',\n  };\n\n  if (isTickRotated) {\n    style.transform = 'rotate(-90deg)';\n  }\n\n  return { xOffset, yOffset, style };\n}\n"],
+  "mappings": "AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGA,SAAS,eACd,WACA,YACA,aACA,YACA,eACA,UACA,kBACA;AACA,QAAM,UACJ,aAAa,SAAS,CAAC,gBACnB,uBACA;AAEN,QAAM,OAAO,gBAAgB,aAAa,IAAI;AAE9C,QAAM,UAAU,aACZ,OAAO,IACP,YAAY,eAAe,UAC3B,IACA,YAAY,eAAe,QAC3B,OACA,OAAO;AAEX,QAAM,EAAE,GAAG,GAAG,GAAG,UAAU,IAAI;AAE/B,QAAM,6BAA6B,mBAC/B,mBAAmB,wBACnB;AAEJ,QAAM,QAAuB;AAAA,IAC3B,GAAI;AAAA,IACJ,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,SAAS;AAAA,EACX;AAEA,MAAI,eAAe;AACjB,UAAM,YAAY;AAAA,EACpB;AAEA,SAAO,EAAE,SAAS,SAAS,MAAM;AACnC;",
   "names": []
 }

package/esm/charts/xy-chart/components/axes/hooks/useYTickOffset.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/axes/hooks/useYTickOffset.ts"],
-  "sourcesContent": ["import type { TickRendererProps } from '@visx/axis';\nimport type { CSSProperties } from 'react';\n\nimport Typography from '@dynatrace/strato-design-tokens/typography';\n\nimport {\n  TICK_LINE_HEIGHT,\n  TICK_LINE_ICON_OFFSET,\n  Y_AXES_TICK_LINE_OFFSET,\n} from '../../../../core/components/axes/constants.js';\n\nconst SMALL_GAP_OFFSET = 1;\nconst START_ANCHOR_OFFSET = 3;\nfunction getYTickOffset(\n  centerTick: boolean,\n  renderProps: TickRendererProps,\n  tickNameHasEmoji: boolean,\n) {\n  const TICK_LINE_HEIGHT_VALIDATED = tickNameHasEmoji\n    ? TICK_LINE_HEIGHT + TICK_LINE_ICON_OFFSET\n    : TICK_LINE_HEIGHT;\n\n  if (centerTick) {\n    return TICK_LINE_HEIGHT_VALIDATED / 2 + SMALL_GAP_OFFSET;\n  }\n  if (renderProps.verticalAnchor === 'start') {\n    return START_ANCHOR_OFFSET;\n  }\n  if (renderProps.verticalAnchor === 'end') {\n    return TICK_LINE_HEIGHT_VALIDATED - SMALL_GAP_OFFSET;\n  }\n\n  return TICK_LINE_HEIGHT_VALIDATED / 2 + SMALL_GAP_OFFSET;\n}\n\nexport function useYTickOffset(\n  position: string,\n  textWidth: number,\n  renderProps: TickRendererProps,\n  centerTick: boolean,\n  tickNameHasEmoji: boolean,\n) {\n  /**\n   * The width to be used by containers in order to make the truncation works.\n   * The value should be rounded to avoid a premature truncation in Safari that\n   * consider a fractional pixel to truncate.\n   **/\n  const WIDTH = Math.ceil(textWidth);\n\n  const yOffset = getYTickOffset(centerTick, renderProps, tickNameHasEmoji);\n\n  const xOffset =\n    position === 'left'\n      ? textWidth + Y_AXES_TICK_LINE_OFFSET - SMALL_GAP_OFFSET\n      : -Y_AXES_TICK_LINE_OFFSET + SMALL_GAP_OFFSET;\n\n  const { x, y, ...restProps } = renderProps;\n\n  const style: CSSProperties = {\n    ...(restProps as CSSProperties),\n    textAlign: position === 'left' ? 'end' : 'start',\n    lineHeight: Typography.Text.Base.Default.LineHeight,\n    width: WIDTH,\n    height: TICK_LINE_HEIGHT,\n    overflow: 'visible',\n  };\n  return { xOffset, yOffset, style };\n}\n"],
-  "mappings": "AAGA,OAAO,gBAAgB;AAEvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,mBAAmB;AACzB,MAAM,sBAAsB;AAC5B,SAAS,eACP,YACA,aACA,kBACA;AACA,QAAM,6BAA6B,mBAC/B,mBAAmB,wBACnB;AAEJ,MAAI,YAAY;AACd,WAAO,6BAA6B,IAAI;AAAA,EAC1C;AACA,MAAI,YAAY,mBAAmB,SAAS;AAC1C,WAAO;AAAA,EACT;AACA,MAAI,YAAY,mBAAmB,OAAO;AACxC,WAAO,6BAA6B;AAAA,EACtC;AAEA,SAAO,6BAA6B,IAAI;AAC1C;AAEO,SAAS,eACd,UACA,WACA,aACA,YACA,kBACA;AAMA,QAAM,QAAQ,KAAK,KAAK,SAAS;AAEjC,QAAM,UAAU,eAAe,YAAY,aAAa,gBAAgB;AAExE,QAAM,UACJ,aAAa,SACT,YAAY,0BAA0B,mBACtC,CAAC,0BAA0B;AAEjC,QAAM,EAAE,GAAG,GAAG,GAAG,UAAU,IAAI;AAE/B,QAAM,QAAuB;AAAA,IAC3B,GAAI;AAAA,IACJ,WAAW,aAAa,SAAS,QAAQ;AAAA,IACzC,YAAY,WAAW,KAAK,KAAK,QAAQ;AAAA,IACzC,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACA,SAAO,EAAE,SAAS,SAAS,MAAM;AACnC;",
+  "sourcesContent": ["import type { CSSProperties } from 'react';\n\nimport Typography from '@dynatrace/strato-design-tokens/typography';\n\nimport {\n  TICK_LINE_HEIGHT,\n  TICK_LINE_ICON_OFFSET,\n  Y_AXES_TICK_LINE_OFFSET,\n} from '../../../../core/components/axes/constants.js';\nimport type { TickRendererProps } from '../../../../core/components/axes/types.js';\n\nconst SMALL_GAP_OFFSET = 1;\nconst START_ANCHOR_OFFSET = 3;\nfunction getYTickOffset(\n  centerTick: boolean,\n  renderProps: TickRendererProps,\n  tickNameHasEmoji: boolean,\n) {\n  const TICK_LINE_HEIGHT_VALIDATED = tickNameHasEmoji\n    ? TICK_LINE_HEIGHT + TICK_LINE_ICON_OFFSET\n    : TICK_LINE_HEIGHT;\n\n  if (centerTick) {\n    return TICK_LINE_HEIGHT_VALIDATED / 2 + SMALL_GAP_OFFSET;\n  }\n  if (renderProps.verticalAnchor === 'start') {\n    return START_ANCHOR_OFFSET;\n  }\n  if (renderProps.verticalAnchor === 'end') {\n    return TICK_LINE_HEIGHT_VALIDATED - SMALL_GAP_OFFSET;\n  }\n\n  return TICK_LINE_HEIGHT_VALIDATED / 2 + SMALL_GAP_OFFSET;\n}\n\nexport function useYTickOffset(\n  position: string,\n  textWidth: number,\n  renderProps: TickRendererProps,\n  centerTick: boolean,\n  tickNameHasEmoji: boolean,\n) {\n  /**\n   * The width to be used by containers in order to make the truncation works.\n   * The value should be rounded to avoid a premature truncation in Safari that\n   * consider a fractional pixel to truncate.\n   **/\n  const WIDTH = Math.ceil(textWidth);\n\n  const yOffset = getYTickOffset(centerTick, renderProps, tickNameHasEmoji);\n\n  const xOffset =\n    position === 'left'\n      ? textWidth + Y_AXES_TICK_LINE_OFFSET - SMALL_GAP_OFFSET\n      : -Y_AXES_TICK_LINE_OFFSET + SMALL_GAP_OFFSET;\n\n  const { x, y, ...restProps } = renderProps;\n\n  const style: CSSProperties = {\n    ...(restProps as CSSProperties),\n    textAlign: position === 'left' ? 'end' : 'start',\n    lineHeight: Typography.Text.Base.Default.LineHeight,\n    width: WIDTH,\n    height: TICK_LINE_HEIGHT,\n    overflow: 'visible',\n  };\n  return { xOffset, yOffset, style };\n}\n"],
+  "mappings": "AAEA,OAAO,gBAAgB;AAEvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,MAAM,mBAAmB;AACzB,MAAM,sBAAsB;AAC5B,SAAS,eACP,YACA,aACA,kBACA;AACA,QAAM,6BAA6B,mBAC/B,mBAAmB,wBACnB;AAEJ,MAAI,YAAY;AACd,WAAO,6BAA6B,IAAI;AAAA,EAC1C;AACA,MAAI,YAAY,mBAAmB,SAAS;AAC1C,WAAO;AAAA,EACT;AACA,MAAI,YAAY,mBAAmB,OAAO;AACxC,WAAO,6BAA6B;AAAA,EACtC;AAEA,SAAO,6BAA6B,IAAI;AAC1C;AAEO,SAAS,eACd,UACA,WACA,aACA,YACA,kBACA;AAMA,QAAM,QAAQ,KAAK,KAAK,SAAS;AAEjC,QAAM,UAAU,eAAe,YAAY,aAAa,gBAAgB;AAExE,QAAM,UACJ,aAAa,SACT,YAAY,0BAA0B,mBACtC,CAAC,0BAA0B;AAEjC,QAAM,EAAE,GAAG,GAAG,GAAG,UAAU,IAAI;AAE/B,QAAM,QAAuB;AAAA,IAC3B,GAAI;AAAA,IACJ,WAAW,aAAa,SAAS,QAAQ;AAAA,IACzC,YAAY,WAAW,KAAK,KAAK,QAAQ;AAAA,IACzC,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACA,SAAO,EAAE,SAAS,SAAS,MAAM;AACnC;",
   "names": []
 }

package/esm/charts/xy-chart/components/displays/BarDisplay/BarDisplay.js

@@ -12,6 +12,7 @@ import {
 } from "../../../utils/get-scale.js";
 import { relAccessor } from "../../../utils/value-representation.js";
 import {
+  colorAccessor,
   heightAccessor,
   widthAccessor,
   xAccessor,
@@ -52,7 +53,7 @@ function BarDisplay({
       canvasHeight: height,
       canvasWidth: width,
       opacity: () => DEFAULT_FILL_OPACITY,
-      color: () => color.Default,
+      color: colorAccessor(color, datapointMetadataMap),
       x: xAccessor(
         xScale,
         datapointMetadataMap,

package/esm/charts/xy-chart/components/displays/BarDisplay/BarDisplay.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/displays/BarDisplay/BarDisplay.tsx"],
-  "sourcesContent": ["import { BarCanvas } from '../../../../core/components/canvas/components/BarCanvas.js';\nimport { useGridPlotSize } from '../../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { POINT_OVERLAY_PADDING } from '../../../../core/components/data-point/constants.js';\nimport { DEFAULT_FILL_OPACITY } from '../../../../core/constants.js';\nimport { safeGet } from '../../../../core/utils/safe-get.js';\nimport type { AxisIdToScales } from '../../../context/XYChartScales.context.js';\nimport { useBarData } from '../../../hooks/useBarData.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport type {\n  BarMetadata,\n  BarSeriesWithDatapoints,\n} from '../../../types/xy-chart-internals.js';\nimport { type BarDatapoint } from '../../../types/xy-chart.js';\nimport {\n  getCurrentScale,\n  getDimensionScale,\n} from '../../../utils/get-scale.js';\nimport { relAccessor } from '../../../utils/value-representation.js';\nimport {\n  heightAccessor,\n  widthAccessor,\n  xAccessor,\n  yAccessor,\n} from '../bar-accessors.js';\n\ninterface BarDisplayProps {\n  axisIdToScales: AxisIdToScales;\n  series: BarSeriesWithDatapoints;\n  metadata: BarMetadata;\n}\n\n// `BarDisplay` registers paint operations against the shared chart <Canvas>\n// via context and returns null. The HTML bar labels are rendered in a sibling\n// layer by `BarLabelLayout` because children of <canvas> are fallback content,\n// not visible DOM siblings \u2014 see ./BarLabelLayout.tsx for the chart-level\n// wrapper that pairs with this display.\n\nexport function isXBaselineAccessor(datapoint?: BarDatapoint): boolean {\n  return !!datapoint && datapoint.x0 !== undefined;\n}\n\nexport function isYBaselineAccessor(datapoint?: BarDatapoint): boolean {\n  return !!datapoint && datapoint.y0 !== undefined;\n}\n\nexport function BarDisplay({\n  axisIdToScales,\n  series,\n  metadata,\n}: Readonly<BarDisplayProps>) {\n  const { height, width } = useGridPlotSize();\n\n  const xScale = getCurrentScale(\n    axisIdToScales,\n    series.xAxisId,\n    isXBaselineAccessor(series.data[0]) ? series.type : undefined,\n  );\n  const dimensionXScale = getDimensionScale(axisIdToScales, series.xAxisId);\n  const yScale = getCurrentScale(\n    axisIdToScales,\n    series.yAxisId,\n    isYBaselineAccessor(series.data[0]) ? series.type : undefined,\n  );\n  const dimensionYScale = getDimensionScale(axisIdToScales, series.yAxisId);\n  const { color } = metadata;\n\n  const { datapointMetadataMap, axisIdToScaleDomain } = useXYChartData();\n  const { seriesToMetadata } = useBarData();\n\n  const { xAxis, yAxis } = safeGet(seriesToMetadata, series);\n\n  return (\n    <BarCanvas<BarDatapoint>\n      key={series.id}\n      data={series.data}\n      canvasHeight={height}\n      canvasWidth={width}\n      opacity={() => DEFAULT_FILL_OPACITY}\n      color={() => color.Default}\n      x={xAccessor(\n        xScale,\n        datapointMetadataMap,\n        dimensionXScale,\n        series.id,\n        relAccessor(xAxis, axisIdToScaleDomain),\n      )}\n      y={yAccessor(\n        yScale,\n        datapointMetadataMap,\n        dimensionYScale,\n        series.id,\n        relAccessor(yAxis, axisIdToScaleDomain),\n      )}\n      width={widthAccessor(\n        xScale,\n        datapointMetadataMap,\n        dimensionXScale,\n        relAccessor(xAxis, axisIdToScaleDomain),\n      )}\n      height={heightAccessor(\n        yScale,\n        datapointMetadataMap,\n        dimensionYScale,\n        relAccessor(yAxis, axisIdToScaleDomain),\n      )}\n      enableDotOverflow\n      overlayPadding={POINT_OVERLAY_PADDING}\n    />\n  );\n}\n\nBarDisplay['displayName'] = 'BarDisplay';\n"],
-  "mappings": "AAwEI;AAxEJ,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AACtC,SAAS,4BAA4B;AACrC,SAAS,eAAe;AAExB,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAM/B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAcA,SAAS,oBAAoB,WAAmC;AACrE,SAAO,CAAC,CAAC,aAAa,UAAU,OAAO;AACzC;AAEO,SAAS,oBAAoB,WAAmC;AACrE,SAAO,CAAC,CAAC,aAAa,UAAU,OAAO;AACzC;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAC5B,QAAM,EAAE,QAAQ,MAAM,IAAI,gBAAgB;AAE1C,QAAM,SAAS;AAAA,IACb;AAAA,IACA,OAAO;AAAA,IACP,oBAAoB,OAAO,KAAK,CAAC,CAAC,IAAI,OAAO,OAAO;AAAA,EACtD;AACA,QAAM,kBAAkB,kBAAkB,gBAAgB,OAAO,OAAO;AACxE,QAAM,SAAS;AAAA,IACb;AAAA,IACA,OAAO;AAAA,IACP,oBAAoB,OAAO,KAAK,CAAC,CAAC,IAAI,OAAO,OAAO;AAAA,EACtD;AACA,QAAM,kBAAkB,kBAAkB,gBAAgB,OAAO,OAAO;AACxE,QAAM,EAAE,MAAM,IAAI;AAElB,QAAM,EAAE,sBAAsB,oBAAoB,IAAI,eAAe;AACrE,QAAM,EAAE,iBAAiB,IAAI,WAAW;AAExC,QAAM,EAAE,OAAO,MAAM,IAAI,QAAQ,kBAAkB,MAAM;AAEzD,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,MAAM,OAAO;AAAA,MACb,cAAc;AAAA,MACd,aAAa;AAAA,MACb,SAAS,MAAM;AAAA,MACf,OAAO,MAAM,MAAM;AAAA,MACnB,GAAG;AAAA,QACD;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,YAAY,OAAO,mBAAmB;AAAA,MACxC;AAAA,MACA,GAAG;AAAA,QACD;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,YAAY,OAAO,mBAAmB;AAAA,MACxC;AAAA,MACA,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA,YAAY,OAAO,mBAAmB;AAAA,MACxC;AAAA,MACA,QAAQ;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA,YAAY,OAAO,mBAAmB;AAAA,MACxC;AAAA,MACA,mBAAiB;AAAA,MACjB,gBAAgB;AAAA;AAAA,IAjCX,OAAO;AAAA,EAkCd;AAEJ;AAEA,WAAW,aAAa,IAAI;",
+  "sourcesContent": ["import { BarCanvas } from '../../../../core/components/canvas/components/BarCanvas.js';\nimport { useGridPlotSize } from '../../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { POINT_OVERLAY_PADDING } from '../../../../core/components/data-point/constants.js';\nimport { DEFAULT_FILL_OPACITY } from '../../../../core/constants.js';\nimport { safeGet } from '../../../../core/utils/safe-get.js';\nimport type { AxisIdToScales } from '../../../context/XYChartScales.context.js';\nimport { useBarData } from '../../../hooks/useBarData.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport type {\n  BarMetadata,\n  BarSeriesWithDatapoints,\n} from '../../../types/xy-chart-internals.js';\nimport { type BarDatapoint } from '../../../types/xy-chart.js';\nimport {\n  getCurrentScale,\n  getDimensionScale,\n} from '../../../utils/get-scale.js';\nimport { relAccessor } from '../../../utils/value-representation.js';\nimport {\n  colorAccessor,\n  heightAccessor,\n  widthAccessor,\n  xAccessor,\n  yAccessor,\n} from '../bar-accessors.js';\n\ninterface BarDisplayProps {\n  axisIdToScales: AxisIdToScales;\n  series: BarSeriesWithDatapoints;\n  metadata: BarMetadata;\n}\n\n// `BarDisplay` registers paint operations against the shared chart <Canvas>\n// via context and returns null. The HTML bar labels are rendered in a sibling\n// layer by `BarLabelLayout` because children of <canvas> are fallback content,\n// not visible DOM siblings \u2014 see ./BarLabelLayout.tsx for the chart-level\n// wrapper that pairs with this display.\n\nexport function isXBaselineAccessor(datapoint?: BarDatapoint): boolean {\n  return !!datapoint && datapoint.x0 !== undefined;\n}\n\nexport function isYBaselineAccessor(datapoint?: BarDatapoint): boolean {\n  return !!datapoint && datapoint.y0 !== undefined;\n}\n\nexport function BarDisplay({\n  axisIdToScales,\n  series,\n  metadata,\n}: Readonly<BarDisplayProps>) {\n  const { height, width } = useGridPlotSize();\n\n  const xScale = getCurrentScale(\n    axisIdToScales,\n    series.xAxisId,\n    isXBaselineAccessor(series.data[0]) ? series.type : undefined,\n  );\n  const dimensionXScale = getDimensionScale(axisIdToScales, series.xAxisId);\n  const yScale = getCurrentScale(\n    axisIdToScales,\n    series.yAxisId,\n    isYBaselineAccessor(series.data[0]) ? series.type : undefined,\n  );\n  const dimensionYScale = getDimensionScale(axisIdToScales, series.yAxisId);\n  const { color } = metadata;\n\n  const { datapointMetadataMap, axisIdToScaleDomain } = useXYChartData();\n  const { seriesToMetadata } = useBarData();\n\n  const { xAxis, yAxis } = safeGet(seriesToMetadata, series);\n\n  return (\n    <BarCanvas<BarDatapoint>\n      key={series.id}\n      data={series.data}\n      canvasHeight={height}\n      canvasWidth={width}\n      opacity={() => DEFAULT_FILL_OPACITY}\n      color={colorAccessor(color, datapointMetadataMap)}\n      x={xAccessor(\n        xScale,\n        datapointMetadataMap,\n        dimensionXScale,\n        series.id,\n        relAccessor(xAxis, axisIdToScaleDomain),\n      )}\n      y={yAccessor(\n        yScale,\n        datapointMetadataMap,\n        dimensionYScale,\n        series.id,\n        relAccessor(yAxis, axisIdToScaleDomain),\n      )}\n      width={widthAccessor(\n        xScale,\n        datapointMetadataMap,\n        dimensionXScale,\n        relAccessor(xAxis, axisIdToScaleDomain),\n      )}\n      height={heightAccessor(\n        yScale,\n        datapointMetadataMap,\n        dimensionYScale,\n        relAccessor(yAxis, axisIdToScaleDomain),\n      )}\n      enableDotOverflow\n      overlayPadding={POINT_OVERLAY_PADDING}\n    />\n  );\n}\n\nBarDisplay['displayName'] = 'BarDisplay';\n"],
+  "mappings": "AAyEI;AAzEJ,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AACtC,SAAS,4BAA4B;AACrC,SAAS,eAAe;AAExB,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAM/B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAcA,SAAS,oBAAoB,WAAmC;AACrE,SAAO,CAAC,CAAC,aAAa,UAAU,OAAO;AACzC;AAEO,SAAS,oBAAoB,WAAmC;AACrE,SAAO,CAAC,CAAC,aAAa,UAAU,OAAO;AACzC;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAC5B,QAAM,EAAE,QAAQ,MAAM,IAAI,gBAAgB;AAE1C,QAAM,SAAS;AAAA,IACb;AAAA,IACA,OAAO;AAAA,IACP,oBAAoB,OAAO,KAAK,CAAC,CAAC,IAAI,OAAO,OAAO;AAAA,EACtD;AACA,QAAM,kBAAkB,kBAAkB,gBAAgB,OAAO,OAAO;AACxE,QAAM,SAAS;AAAA,IACb;AAAA,IACA,OAAO;AAAA,IACP,oBAAoB,OAAO,KAAK,CAAC,CAAC,IAAI,OAAO,OAAO;AAAA,EACtD;AACA,QAAM,kBAAkB,kBAAkB,gBAAgB,OAAO,OAAO;AACxE,QAAM,EAAE,MAAM,IAAI;AAElB,QAAM,EAAE,sBAAsB,oBAAoB,IAAI,eAAe;AACrE,QAAM,EAAE,iBAAiB,IAAI,WAAW;AAExC,QAAM,EAAE,OAAO,MAAM,IAAI,QAAQ,kBAAkB,MAAM;AAEzD,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,MAAM,OAAO;AAAA,MACb,cAAc;AAAA,MACd,aAAa;AAAA,MACb,SAAS,MAAM;AAAA,MACf,OAAO,cAAc,OAAO,oBAAoB;AAAA,MAChD,GAAG;AAAA,QACD;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,YAAY,OAAO,mBAAmB;AAAA,MACxC;AAAA,MACA,GAAG;AAAA,QACD;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,YAAY,OAAO,mBAAmB;AAAA,MACxC;AAAA,MACA,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA,YAAY,OAAO,mBAAmB;AAAA,MACxC;AAAA,MACA,QAAQ;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA,YAAY,OAAO,mBAAmB;AAAA,MACxC;AAAA,MACA,mBAAiB;AAAA,MACjB,gBAAgB;AAAA;AAAA,IAjCX,OAAO;AAAA,EAkCd;AAEJ;AAEA,WAAW,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/xy-chart/components/displays/BarDisplay/BarLabelOverlay.css

@@ -1,10 +1,10 @@
-._b76tm80-3-7-1 {
+._b76tm80-3-9-0 {
   position: absolute;
   inset: 0;
   overflow: hidden;
   pointer-events: none;
 }
-._b76tm81-3-7-1 {
+._b76tm81-3-9-0 {
   position: absolute;
   white-space: nowrap;
   font-size: var(--dt-typography-text-small-default-size, 12px);
@@ -12,7 +12,7 @@
   font-weight: var(--dt-typography-text-small-default-weight, 400);
   line-height: 1;
 }
-._b76tm82-3-7-1 {
+._b76tm82-3-9-0 {
   position: absolute;
   overflow: hidden;
   pointer-events: none;

package/esm/charts/xy-chart/components/displays/BarDisplay/BarLabelOverlay.js

@@ -94,9 +94,8 @@ function BarLabelOverlay({
     dimensionYScale,
     relAccessor(yAxis, axisIdToScaleDomain)
   );
-  const fillHex = getCanvasColor(metadata.color.Default);
-  const insideColor = getColorByContrast(fillHex);
   const outsideColor = Colors.Text.Neutral.Default;
+  const seriesFillHex = getCanvasColor(metadata.color.Default);
   const data = filterToScaleDomain(
     series.data,
     isVertical ? xScale : yScale,
@@ -114,6 +113,9 @@ function BarLabelOverlay({
     const h = hFn(datum);
     const barWidth = Math.abs(w);
     const barHeight = Math.abs(h);
+    const { colorOverride } = datapointMetadataMap.get(datum) ?? {};
+    const fillHex = colorOverride ? getCanvasColor(colorOverride) : seriesFillHex;
+    const insideColor = getColorByContrast(fillHex);
     return /* @__PURE__ */ jsx(Fragment, { children: isVertical ? /* @__PURE__ */ jsx(
       VerticalBarLabel,
       {

package/esm/charts/xy-chart/components/displays/BarDisplay/BarLabelOverlay.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/displays/BarDisplay/BarLabelOverlay.tsx"],
-  "sourcesContent": ["import { Fragment } from 'react';\n\nimport Colors from '@dynatrace/strato-design-tokens/colors';\n\nimport { isXBaselineAccessor, isYBaselineAccessor } from './BarDisplay.js';\nimport { overlayContainer } from './BarLabelOverlay.sty.js';\nimport { HorizontalBarLabel } from './HorizontalBarLabel.js';\nimport { VerticalBarLabel } from './VerticalBarLabel.js';\nimport { getCanvasColor } from '../../../../core/components/canvas/utils/canvas-color.js';\nimport { useGridPlotSize } from '../../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { getColorByContrast } from '../../../../core/utils/color-contrast.js';\nimport { safeGet } from '../../../../core/utils/safe-get.js';\nimport type { AxisIdToScales } from '../../../context/XYChartScales.context.js';\nimport { useBarData } from '../../../hooks/useBarData.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartTruncationMode } from '../../../hooks/useXYChartTruncationMode.js';\nimport { XYAxisTypeCategorical } from '../../../types/axis.js';\nimport type {\n  BarMetadata,\n  BarSeriesWithDatapoints,\n} from '../../../types/xy-chart-internals.js';\nimport { type BarDatapoint } from '../../../types/xy-chart.js';\nimport {\n  getCurrentScale,\n  getDimensionScale,\n} from '../../../utils/get-scale.js';\nimport { relAccessor } from '../../../utils/value-representation.js';\nimport {\n  heightAccessor,\n  widthAccessor,\n  xAccessor,\n  yAccessor,\n} from '../bar-accessors.js';\n\ninterface BarLabelOverlayProps {\n  axisIdToScales: AxisIdToScales;\n  series: BarSeriesWithDatapoints;\n  metadata: BarMetadata;\n  opacity?: number;\n}\n\nfunction filterToScaleDomain(\n  data: BarDatapoint[],\n  scale: unknown,\n  isVertical: boolean,\n): BarDatapoint[] {\n  const domainFn = (scale as { domain?: () => unknown[] } | undefined)?.domain;\n  if (typeof domainFn !== 'function') {\n    return data;\n  }\n  const domain = domainFn.call(scale);\n  if (!Array.isArray(domain)) {\n    return data;\n  }\n  const allowed = new Set(domain as string[]);\n  return data.filter((d) => {\n    const key = isVertical ? d.x0 : d.y0;\n    return typeof key === 'string' ? allowed.has(key) : true;\n  });\n}\n\n/**\n * Renders the HTML bar labels for a single bar series. Each datapoint produces\n * a `HorizontalBarLabel` or `VerticalBarLabel` depending on the chart's\n * categorical-axis orientation; both use the split-clip pattern to paint the\n * portion inside the bar with a contrasting color and the portion overflowing\n * to the chart edge with the neutral text color.\n *\n * Rendered as a sibling of the `<Canvas>` element (not inside `BarDisplay`)\n * because HTML children of `<canvas>` are fallback content, not visible DOM.\n * See `BarLabelLayout.tsx` for the chart-level wrapper that iterates over\n * labeled bar series and mounts this component.\n */\nexport function BarLabelOverlay({\n  axisIdToScales,\n  series,\n  metadata,\n  opacity,\n}: Readonly<BarLabelOverlayProps>) {\n  const { width: canvasWidth, height: canvasHeight } = useGridPlotSize();\n  const { datapointMetadataMap, axisIdToScaleDomain } = useXYChartData();\n  const { seriesToMetadata } = useBarData();\n  const { truncationMode } = useXYChartTruncationMode();\n\n  if (!series.hasLabels) {\n    return null;\n  }\n\n  // Resolve scales the same way BarDisplay does \u2014 for the categorical axis\n  // side (the one with a baseline accessor) we pass series.type so the bar's\n  // categoricalBarScale is preferred over currentScale. Without this the label\n  // can land on a different sub-band than the bar it belongs to.\n  const xScale = getCurrentScale(\n    axisIdToScales,\n    series.xAxisId,\n    isXBaselineAccessor(series.data[0]) ? series.type : undefined,\n  );\n  const dimensionXScale = getDimensionScale(axisIdToScales, series.xAxisId);\n  const yScale = getCurrentScale(\n    axisIdToScales,\n    series.yAxisId,\n    isYBaselineAccessor(series.data[0]) ? series.type : undefined,\n  );\n  const dimensionYScale = getDimensionScale(axisIdToScales, series.yAxisId);\n\n  const { xAxis, yAxis } = safeGet(seriesToMetadata, series);\n  const isVertical = xAxis.type === XYAxisTypeCategorical;\n\n  const isRTL = !isVertical && Boolean(xAxis.reversed);\n  const isTTB = isVertical && Boolean(yAxis.reversed);\n\n  const xFn = xAccessor(\n    xScale,\n    datapointMetadataMap,\n    dimensionXScale,\n    series.id,\n    relAccessor(xAxis, axisIdToScaleDomain),\n  );\n  const yFn = yAccessor(\n    yScale,\n    datapointMetadataMap,\n    dimensionYScale,\n    series.id,\n    relAccessor(yAxis, axisIdToScaleDomain),\n  );\n  const wFn = widthAccessor(\n    xScale,\n    datapointMetadataMap,\n    dimensionXScale,\n    relAccessor(xAxis, axisIdToScaleDomain),\n  );\n  const hFn = heightAccessor(\n    yScale,\n    datapointMetadataMap,\n    dimensionYScale,\n    relAccessor(yAxis, axisIdToScaleDomain),\n  );\n\n  const fillHex = getCanvasColor(metadata.color.Default);\n  // Inside the bar: contrast against the bar fill \u2014 uses theme-aware on-accent\n  // tokens so the chosen color matches the active theme's palette.\n  const insideColor = getColorByContrast(fillHex);\n  // Outside the bar: contrast against the chart background \u2014 theme-aware via\n  // the design token CSS variable.\n  const outsideColor = Colors.Text.Neutral.Default;\n\n  const data = filterToScaleDomain(\n    series.data,\n    isVertical ? xScale : yScale,\n    isVertical,\n  );\n\n  const dimStyle = opacity !== undefined ? { opacity } : undefined;\n\n  return (\n    <div className={overlayContainer} style={dimStyle}>\n      {data.map((datum, index) => {\n        const text = datum.label;\n        if (!text) {\n          return null;\n        }\n\n        const x = xFn(datum);\n        const y = yFn(datum);\n        const w = wFn(datum);\n        const h = hFn(datum);\n        const barWidth = Math.abs(w);\n        const barHeight = Math.abs(h);\n\n        return (\n          <Fragment key={index}>\n            {isVertical ? (\n              <VerticalBarLabel\n                x={x}\n                y={y}\n                barWidth={barWidth}\n                barHeight={barHeight}\n                canvasHeight={canvasHeight}\n                isReversed={isTTB}\n                text={text}\n                insideColor={insideColor}\n                outsideColor={outsideColor}\n                truncationMode={truncationMode}\n              />\n            ) : (\n              <HorizontalBarLabel\n                x={x}\n                y={y}\n                barWidth={barWidth}\n                barHeight={barHeight}\n                canvasWidth={canvasWidth}\n                isReversed={isRTL}\n                text={text}\n                insideColor={insideColor}\n                outsideColor={outsideColor}\n                truncationMode={truncationMode}\n              />\n            )}\n          </Fragment>\n        );\n      })}\n    </div>\n  );\n}\n\nBarLabelOverlay['displayName'] = 'BarLabelOverlay';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Fragment } from 'react';\n\nimport Colors from '@dynatrace/strato-design-tokens/colors';\n\nimport { isXBaselineAccessor, isYBaselineAccessor } from './BarDisplay.js';\nimport { overlayContainer } from './BarLabelOverlay.sty.js';\nimport { HorizontalBarLabel } from './HorizontalBarLabel.js';\nimport { VerticalBarLabel } from './VerticalBarLabel.js';\nimport { getCanvasColor } from '../../../../core/components/canvas/utils/canvas-color.js';\nimport { useGridPlotSize } from '../../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { getColorByContrast } from '../../../../core/utils/color-contrast.js';\nimport { safeGet } from '../../../../core/utils/safe-get.js';\nimport type { AxisIdToScales } from '../../../context/XYChartScales.context.js';\nimport { useBarData } from '../../../hooks/useBarData.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartTruncationMode } from '../../../hooks/useXYChartTruncationMode.js';\nimport { XYAxisTypeCategorical } from '../../../types/axis.js';\nimport type {\n  BarMetadata,\n  BarSeriesWithDatapoints,\n} from '../../../types/xy-chart-internals.js';\nimport { type BarDatapoint } from '../../../types/xy-chart.js';\nimport {\n  getCurrentScale,\n  getDimensionScale,\n} from '../../../utils/get-scale.js';\nimport { relAccessor } from '../../../utils/value-representation.js';\nimport {\n  heightAccessor,\n  widthAccessor,\n  xAccessor,\n  yAccessor,\n} from '../bar-accessors.js';\n\ninterface BarLabelOverlayProps {\n  axisIdToScales: AxisIdToScales;\n  series: BarSeriesWithDatapoints;\n  metadata: BarMetadata;\n  opacity?: number;\n}\n\nfunction filterToScaleDomain(\n  data: BarDatapoint[],\n  scale: unknown,\n  isVertical: boolean,\n): BarDatapoint[] {\n  const domainFn = (scale as { domain?: () => unknown[] } | undefined)?.domain;\n  if (typeof domainFn !== 'function') {\n    return data;\n  }\n  const domain = domainFn.call(scale);\n  if (!Array.isArray(domain)) {\n    return data;\n  }\n  const allowed = new Set(domain as string[]);\n  return data.filter((d) => {\n    const key = isVertical ? d.x0 : d.y0;\n    return typeof key === 'string' ? allowed.has(key) : true;\n  });\n}\n\n/**\n * Renders the HTML bar labels for a single bar series. Each datapoint produces\n * a `HorizontalBarLabel` or `VerticalBarLabel` depending on the chart's\n * categorical-axis orientation; both use the split-clip pattern to paint the\n * portion inside the bar with a contrasting color and the portion overflowing\n * to the chart edge with the neutral text color.\n *\n * Rendered as a sibling of the `<Canvas>` element (not inside `BarDisplay`)\n * because HTML children of `<canvas>` are fallback content, not visible DOM.\n * See `BarLabelLayout.tsx` for the chart-level wrapper that iterates over\n * labeled bar series and mounts this component.\n */\nexport function BarLabelOverlay({\n  axisIdToScales,\n  series,\n  metadata,\n  opacity,\n}: Readonly<BarLabelOverlayProps>) {\n  const { width: canvasWidth, height: canvasHeight } = useGridPlotSize();\n  const { datapointMetadataMap, axisIdToScaleDomain } = useXYChartData();\n  const { seriesToMetadata } = useBarData();\n  const { truncationMode } = useXYChartTruncationMode();\n\n  if (!series.hasLabels) {\n    return null;\n  }\n\n  // Resolve scales the same way BarDisplay does \u2014 for the categorical axis\n  // side (the one with a baseline accessor) we pass series.type so the bar's\n  // categoricalBarScale is preferred over currentScale. Without this the label\n  // can land on a different sub-band than the bar it belongs to.\n  const xScale = getCurrentScale(\n    axisIdToScales,\n    series.xAxisId,\n    isXBaselineAccessor(series.data[0]) ? series.type : undefined,\n  );\n  const dimensionXScale = getDimensionScale(axisIdToScales, series.xAxisId);\n  const yScale = getCurrentScale(\n    axisIdToScales,\n    series.yAxisId,\n    isYBaselineAccessor(series.data[0]) ? series.type : undefined,\n  );\n  const dimensionYScale = getDimensionScale(axisIdToScales, series.yAxisId);\n\n  const { xAxis, yAxis } = safeGet(seriesToMetadata, series);\n  const isVertical = xAxis.type === XYAxisTypeCategorical;\n\n  const isRTL = !isVertical && Boolean(xAxis.reversed);\n  const isTTB = isVertical && Boolean(yAxis.reversed);\n\n  const xFn = xAccessor(\n    xScale,\n    datapointMetadataMap,\n    dimensionXScale,\n    series.id,\n    relAccessor(xAxis, axisIdToScaleDomain),\n  );\n  const yFn = yAccessor(\n    yScale,\n    datapointMetadataMap,\n    dimensionYScale,\n    series.id,\n    relAccessor(yAxis, axisIdToScaleDomain),\n  );\n  const wFn = widthAccessor(\n    xScale,\n    datapointMetadataMap,\n    dimensionXScale,\n    relAccessor(xAxis, axisIdToScaleDomain),\n  );\n  const hFn = heightAccessor(\n    yScale,\n    datapointMetadataMap,\n    dimensionYScale,\n    relAccessor(yAxis, axisIdToScaleDomain),\n  );\n\n  // Outside the bar: contrast against the chart background \u2014 theme-aware via\n  // the design token CSS variable.\n  const outsideColor = Colors.Text.Neutral.Default;\n\n  const seriesFillHex = getCanvasColor(metadata.color.Default);\n\n  const data = filterToScaleDomain(\n    series.data,\n    isVertical ? xScale : yScale,\n    isVertical,\n  );\n\n  const dimStyle = opacity !== undefined ? { opacity } : undefined;\n\n  return (\n    <div className={overlayContainer} style={dimStyle}>\n      {data.map((datum, index) => {\n        const text = datum.label;\n        if (!text) {\n          return null;\n        }\n\n        const x = xFn(datum);\n        const y = yFn(datum);\n        const w = wFn(datum);\n        const h = hFn(datum);\n        const barWidth = Math.abs(w);\n        const barHeight = Math.abs(h);\n\n        const { colorOverride } = datapointMetadataMap.get(datum) ?? {};\n        const fillHex = colorOverride\n          ? getCanvasColor(colorOverride)\n          : seriesFillHex;\n        const insideColor = getColorByContrast(fillHex);\n\n        return (\n          <Fragment key={index}>\n            {isVertical ? (\n              <VerticalBarLabel\n                x={x}\n                y={y}\n                barWidth={barWidth}\n                barHeight={barHeight}\n                canvasHeight={canvasHeight}\n                isReversed={isTTB}\n                text={text}\n                insideColor={insideColor}\n                outsideColor={outsideColor}\n                truncationMode={truncationMode}\n              />\n            ) : (\n              <HorizontalBarLabel\n                x={x}\n                y={y}\n                barWidth={barWidth}\n                barHeight={barHeight}\n                canvasWidth={canvasWidth}\n                isReversed={isRTL}\n                text={text}\n                insideColor={insideColor}\n                outsideColor={outsideColor}\n                truncationMode={truncationMode}\n              />\n            )}\n          </Fragment>\n        );\n      })}\n    </div>\n  );\n}\n\nBarLabelOverlay['displayName'] = 'BarLabelOverlay';\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart/components/displays/BarDisplay/BarLabelOverlay.sty.js

@@ -1,7 +1,7 @@
 import "./BarLabelOverlay.css";
-var labelClipWrapper = "_b76tm82-3-7-1";
-var labelSpan = "_b76tm81-3-7-1";
-var overlayContainer = "_b76tm80-3-7-1";
+var labelClipWrapper = "_b76tm82-3-9-0";
+var labelSpan = "_b76tm81-3-9-0";
+var overlayContainer = "_b76tm80-3-9-0";
 export {
   labelClipWrapper,
   labelSpan,

package/esm/charts/xy-chart/components/displays/BarDisplay/BarLabelOverlay.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/displays/BarDisplay/BarLabelOverlay.css.ts"],
-  "sourcesContent": ["import './BarLabelOverlay.css';\nexport var labelClipWrapper = '_b76tm82-3-7-1';\nexport var labelSpan = '_b76tm81-3-7-1';\nexport var overlayContainer = '_b76tm80-3-7-1';"],
+  "sourcesContent": ["import './BarLabelOverlay.css';\nexport var labelClipWrapper = '_b76tm82-3-9-0';\nexport var labelSpan = '_b76tm81-3-9-0';\nexport var overlayContainer = '_b76tm80-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,mBAAmB;AACvB,IAAI,YAAY;AAChB,IAAI,mBAAmB;",
   "names": []
 }

package/esm/charts/xy-chart/components/displays/bar-accessors.js

@@ -184,8 +184,15 @@ function heightAccessor(scale, datapointsMetadata, dimensionScale, relAccessor)
     relAccessor
   );
 }
+function colorAccessor(seriesColor, datapointsMetadata) {
+  return (datapoint) => {
+    const { colorOverride } = datapointsMetadata.get(datapoint) ?? {};
+    return colorOverride ?? seriesColor.Default;
+  };
+}
 export {
   applyNumericalBarScaleTransformations,
+  colorAccessor,
   heightAccessor,
   widthAccessor,
   xAccessor,

package/esm/charts/xy-chart/components/displays/bar-accessors.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/displays/bar-accessors.ts"],
-  "sourcesContent": ["import type { ScaleBand } from 'd3-scale';\nimport { isNil } from 'lodash-es';\n\nimport { BAR_STROKE_WIDTH } from '../../constants/defaults.js';\nimport type { BarScaleLinear, BarScaleTime } from '../../types/guards.js';\nimport type {\n  AnyXYChartScale,\n  MapDatapoints,\n  XYChartAxisDirection,\n} from '../../types/xy-chart-internals.js';\nimport type { BarDatapoint } from '../../types/xy-chart.js';\nimport {\n  isCategoricalBarScale,\n  isNumericalBarScale,\n  isTimeBarScale,\n} from '../../utils/type-guards.js';\n\nexport const applyNumericalBarScaleTransformations = (\n  args: BarScaleLinear,\n  accessorCoord: 'x' | 'y',\n  baseline: XYChartAxisDirection,\n  relAccessor?: ((value: number) => number) | undefined,\n  accumulator?: number,\n  binDomain?: number,\n) => {\n  const isNotBaseline = baseline !== undefined && accessorCoord !== baseline;\n  let { v0, v1 } = args;\n\n  if (isNotBaseline && accumulator !== undefined) {\n    v0 = !isNil(v0) ? v0 + accumulator : accumulator;\n    v1 = !isNil(v1) ? v1 + accumulator : accumulator;\n  }\n\n  if (relAccessor && isNotBaseline && !isNil(binDomain)) {\n    return {\n      v0: !isNil(v0) ? (v0 / binDomain) * 100 : v0,\n      v1: !isNil(v1) ? (v1 / binDomain) * 100 : v1,\n      scale: args.scale,\n    };\n  }\n\n  if (relAccessor) {\n    return {\n      v0: !isNil(v0) ? relAccessor(v0) : v0,\n      v1: !isNil(v1) ? relAccessor(v1) : v1,\n      scale: args.scale,\n    };\n  }\n\n  return { v0, v1, scale: args.scale };\n};\n\nfunction calculateBarOrigin(\n  args: BarScaleLinear | BarScaleTime,\n  accessorCoord: Exclude<XYChartAxisDirection, undefined>,\n) {\n  const { scale, v0, v1 } = args;\n  if (!isNil(v0) && !isNil(v1)) {\n    return Math.min(scale(v0), scale(v1));\n  }\n  if (!isNil(v0)) {\n    return scale(v0);\n  }\n  if (isNil(v1)) {\n    return undefined;\n  }\n  if (typeof v1 === 'number' && v1 < 0) {\n    return accessorCoord === 'x' ? scale(v1) : scale(0);\n  }\n  // Use Math.min so that reversed axes (RTL/TTB) produce the correct leading\n  // edge: whichever of the baseline pixel and scale(v1) is smaller is the\n  // bar's origin in canvas coordinates.\n  return typeof v1 === 'number'\n    ? Math.min(scale(0), scale(v1))\n    : Math.min(scale(scale.invert(scale.range()[0])), scale(v1));\n}\n\nfunction genericAccessor(\n  scale: AnyXYChartScale,\n  datapointsMetadata: MapDatapoints,\n  accessorCoord: Exclude<XYChartAxisDirection, undefined>,\n  dimensionScale?: ScaleBand<string>,\n  seriesId?: string,\n  relAccessor?: (value: number) => number,\n) {\n  return (datapoint: BarDatapoint) => {\n    const v0 = accessorCoord === 'x' ? datapoint.x0 : datapoint.y0;\n    const v1 = accessorCoord === 'x' ? datapoint.x1 : datapoint.y1;\n    let args = { scale, v0, v1 };\n    const { baseline, accumulator, binDomain } =\n      datapointsMetadata.get(datapoint) ?? {};\n\n    if (isCategoricalBarScale(args)) {\n      if (!isNil(args.v0)) {\n        if (dimensionScale && seriesId) {\n          return (args.scale(args.v0) ?? 0) + (dimensionScale(seriesId) ?? 0);\n        }\n        return args.scale(args.v0) ?? 0;\n      }\n      if (!isNil(args.v1)) {\n        if (accessorCoord === 'x') {\n          const [min] = args.scale.range();\n          return min;\n        } else {\n          const catWidth = Math.floor(args.scale.bandwidth() / 2);\n          return (args.scale(args.v1) ?? 0) + catWidth;\n        }\n      }\n    }\n\n    if (isNumericalBarScale(args)) {\n      args = applyNumericalBarScaleTransformations(\n        args,\n        accessorCoord,\n        baseline,\n        relAccessor,\n        accumulator,\n        binDomain,\n      );\n    }\n\n    if (isNumericalBarScale(args) || isTimeBarScale(args)) {\n      const barOrigin = calculateBarOrigin(args, accessorCoord);\n      if (!isNil(barOrigin)) {\n        return barOrigin;\n      }\n    }\n\n    throw Error(`unknown ${accessorCoord}Accessor value for Bar`);\n  };\n}\n\nexport function xAccessor(\n  scale: AnyXYChartScale,\n  datapointsMetadata: MapDatapoints,\n  dimensionScale?: ScaleBand<string>,\n  seriesId?: string,\n  relAccessor?: (value: number) => number,\n) {\n  return genericAccessor(\n    scale,\n    datapointsMetadata,\n    'x',\n    dimensionScale,\n    seriesId,\n    relAccessor,\n  );\n}\n\nexport function yAccessor(\n  scale: AnyXYChartScale,\n  datapointsMetadata: MapDatapoints,\n  dimensionScale?: ScaleBand<string>,\n  seriesId?: string,\n  relAccessor?: (value: number) => number,\n) {\n  return genericAccessor(\n    scale,\n    datapointsMetadata,\n    'y',\n    dimensionScale,\n    seriesId,\n    relAccessor,\n  );\n}\n\n// Just for Numerical and Time scales\nconst calculateBarDimension = (args: BarScaleLinear | BarScaleTime) => {\n  const { scale, v0, v1 } = args;\n  if (!isNil(v0) && !isNil(v1)) {\n    return Math.abs(scale(v1) - scale(v0));\n  }\n  if (!isNil(v1)) {\n    const zero =\n      typeof v1 === 'number' ? scale(0) : scale(scale.invert(scale.range()[0]));\n\n    return Math.abs(zero - scale(v1));\n  }\n  if (!isNil(v0)) {\n    return BAR_STROKE_WIDTH;\n  }\n  return undefined;\n};\n\nfunction spanAccessor(\n  scale: AnyXYChartScale,\n  datapointsMetadata: MapDatapoints,\n  accessorCoord: Exclude<XYChartAxisDirection, undefined>,\n  dimensionScale?: ScaleBand<string>,\n  relAccessor?: (value: number) => number,\n) {\n  return (datapoint: BarDatapoint) => {\n    const v0 = accessorCoord === 'x' ? datapoint.x0 : datapoint.y0;\n    const v1 = accessorCoord === 'x' ? datapoint.x1 : datapoint.y1;\n    let args = { scale, v0, v1 };\n    const { baseline, accumulator, binDomain } =\n      datapointsMetadata.get(datapoint) ?? {};\n\n    if (isCategoricalBarScale(args)) {\n      if (!isNil(args.v0)) {\n        if (dimensionScale) {\n          return dimensionScale.bandwidth();\n        }\n        return args.scale.bandwidth();\n      }\n      if (!isNil(args.v1)) {\n        if (accessorCoord === 'x') {\n          const catWidth = Math.floor(args.scale.bandwidth() / 2);\n          return (args.scale(args.v1) ?? 0) + catWidth;\n        } else {\n          const [, min] = scale.range();\n          const catWidth = Math.floor(args.scale.bandwidth() / 2);\n          const barY = (args.scale(args.v1) ?? 0) + catWidth;\n          return min - barY;\n        }\n      }\n    }\n\n    if (isNumericalBarScale(args)) {\n      args = applyNumericalBarScaleTransformations(\n        args,\n        accessorCoord,\n        baseline,\n        relAccessor,\n        accumulator,\n        binDomain,\n      );\n    }\n\n    if (isNumericalBarScale(args) || isTimeBarScale(args)) {\n      const span = calculateBarDimension(args);\n      if (!isNil(span)) {\n        return span;\n      }\n    }\n\n    throw Error(\n      `unknown ${\n        accessorCoord === 'x' ? 'width' : 'height'\n      }Accessor value for Bar`,\n    );\n  };\n}\n\nexport function widthAccessor(\n  scale: AnyXYChartScale,\n  datapointsMetadata: MapDatapoints,\n  dimensionScale?: ScaleBand<string>,\n  relAccessor?: (value: number) => number,\n) {\n  return spanAccessor(\n    scale,\n    datapointsMetadata,\n    'x',\n    dimensionScale,\n    relAccessor,\n  );\n}\n\nexport function heightAccessor(\n  scale: AnyXYChartScale,\n  datapointsMetadata: MapDatapoints,\n  dimensionScale?: ScaleBand<string>,\n  relAccessor?: (value: number) => number,\n) {\n  return spanAccessor(\n    scale,\n    datapointsMetadata,\n    'y',\n    dimensionScale,\n    relAccessor,\n  );\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { ScaleBand } from 'd3-scale';\nimport { isNil } from 'lodash-es';\n\nimport type { ColorToken } from '../../../core/types/color-palette.js';\nimport { BAR_STROKE_WIDTH } from '../../constants/defaults.js';\nimport type { BarScaleLinear, BarScaleTime } from '../../types/guards.js';\nimport type {\n  AnyXYChartScale,\n  MapDatapoints,\n  XYChartAxisDirection,\n} from '../../types/xy-chart-internals.js';\nimport type { BarDatapoint } from '../../types/xy-chart.js';\nimport {\n  isCategoricalBarScale,\n  isNumericalBarScale,\n  isTimeBarScale,\n} from '../../utils/type-guards.js';\n\nexport const applyNumericalBarScaleTransformations = (\n  args: BarScaleLinear,\n  accessorCoord: 'x' | 'y',\n  baseline: XYChartAxisDirection,\n  relAccessor?: ((value: number) => number) | undefined,\n  accumulator?: number,\n  binDomain?: number,\n) => {\n  const isNotBaseline = baseline !== undefined && accessorCoord !== baseline;\n  let { v0, v1 } = args;\n\n  if (isNotBaseline && accumulator !== undefined) {\n    v0 = !isNil(v0) ? v0 + accumulator : accumulator;\n    v1 = !isNil(v1) ? v1 + accumulator : accumulator;\n  }\n\n  if (relAccessor && isNotBaseline && !isNil(binDomain)) {\n    return {\n      v0: !isNil(v0) ? (v0 / binDomain) * 100 : v0,\n      v1: !isNil(v1) ? (v1 / binDomain) * 100 : v1,\n      scale: args.scale,\n    };\n  }\n\n  if (relAccessor) {\n    return {\n      v0: !isNil(v0) ? relAccessor(v0) : v0,\n      v1: !isNil(v1) ? relAccessor(v1) : v1,\n      scale: args.scale,\n    };\n  }\n\n  return { v0, v1, scale: args.scale };\n};\n\nfunction calculateBarOrigin(\n  args: BarScaleLinear | BarScaleTime,\n  accessorCoord: Exclude<XYChartAxisDirection, undefined>,\n) {\n  const { scale, v0, v1 } = args;\n  if (!isNil(v0) && !isNil(v1)) {\n    return Math.min(scale(v0), scale(v1));\n  }\n  if (!isNil(v0)) {\n    return scale(v0);\n  }\n  if (isNil(v1)) {\n    return undefined;\n  }\n  if (typeof v1 === 'number' && v1 < 0) {\n    return accessorCoord === 'x' ? scale(v1) : scale(0);\n  }\n  // Use Math.min so that reversed axes (RTL/TTB) produce the correct leading\n  // edge: whichever of the baseline pixel and scale(v1) is smaller is the\n  // bar's origin in canvas coordinates.\n  return typeof v1 === 'number'\n    ? Math.min(scale(0), scale(v1))\n    : Math.min(scale(scale.invert(scale.range()[0])), scale(v1));\n}\n\nfunction genericAccessor(\n  scale: AnyXYChartScale,\n  datapointsMetadata: MapDatapoints,\n  accessorCoord: Exclude<XYChartAxisDirection, undefined>,\n  dimensionScale?: ScaleBand<string>,\n  seriesId?: string,\n  relAccessor?: (value: number) => number,\n) {\n  return (datapoint: BarDatapoint) => {\n    const v0 = accessorCoord === 'x' ? datapoint.x0 : datapoint.y0;\n    const v1 = accessorCoord === 'x' ? datapoint.x1 : datapoint.y1;\n    let args = { scale, v0, v1 };\n    const { baseline, accumulator, binDomain } =\n      datapointsMetadata.get(datapoint) ?? {};\n\n    if (isCategoricalBarScale(args)) {\n      if (!isNil(args.v0)) {\n        if (dimensionScale && seriesId) {\n          return (args.scale(args.v0) ?? 0) + (dimensionScale(seriesId) ?? 0);\n        }\n        return args.scale(args.v0) ?? 0;\n      }\n      if (!isNil(args.v1)) {\n        if (accessorCoord === 'x') {\n          const [min] = args.scale.range();\n          return min;\n        } else {\n          const catWidth = Math.floor(args.scale.bandwidth() / 2);\n          return (args.scale(args.v1) ?? 0) + catWidth;\n        }\n      }\n    }\n\n    if (isNumericalBarScale(args)) {\n      args = applyNumericalBarScaleTransformations(\n        args,\n        accessorCoord,\n        baseline,\n        relAccessor,\n        accumulator,\n        binDomain,\n      );\n    }\n\n    if (isNumericalBarScale(args) || isTimeBarScale(args)) {\n      const barOrigin = calculateBarOrigin(args, accessorCoord);\n      if (!isNil(barOrigin)) {\n        return barOrigin;\n      }\n    }\n\n    throw Error(`unknown ${accessorCoord}Accessor value for Bar`);\n  };\n}\n\nexport function xAccessor(\n  scale: AnyXYChartScale,\n  datapointsMetadata: MapDatapoints,\n  dimensionScale?: ScaleBand<string>,\n  seriesId?: string,\n  relAccessor?: (value: number) => number,\n) {\n  return genericAccessor(\n    scale,\n    datapointsMetadata,\n    'x',\n    dimensionScale,\n    seriesId,\n    relAccessor,\n  );\n}\n\nexport function yAccessor(\n  scale: AnyXYChartScale,\n  datapointsMetadata: MapDatapoints,\n  dimensionScale?: ScaleBand<string>,\n  seriesId?: string,\n  relAccessor?: (value: number) => number,\n) {\n  return genericAccessor(\n    scale,\n    datapointsMetadata,\n    'y',\n    dimensionScale,\n    seriesId,\n    relAccessor,\n  );\n}\n\n// Just for Numerical and Time scales\nconst calculateBarDimension = (args: BarScaleLinear | BarScaleTime) => {\n  const { scale, v0, v1 } = args;\n  if (!isNil(v0) && !isNil(v1)) {\n    return Math.abs(scale(v1) - scale(v0));\n  }\n  if (!isNil(v1)) {\n    const zero =\n      typeof v1 === 'number' ? scale(0) : scale(scale.invert(scale.range()[0]));\n\n    return Math.abs(zero - scale(v1));\n  }\n  if (!isNil(v0)) {\n    return BAR_STROKE_WIDTH;\n  }\n  return undefined;\n};\n\nfunction spanAccessor(\n  scale: AnyXYChartScale,\n  datapointsMetadata: MapDatapoints,\n  accessorCoord: Exclude<XYChartAxisDirection, undefined>,\n  dimensionScale?: ScaleBand<string>,\n  relAccessor?: (value: number) => number,\n) {\n  return (datapoint: BarDatapoint) => {\n    const v0 = accessorCoord === 'x' ? datapoint.x0 : datapoint.y0;\n    const v1 = accessorCoord === 'x' ? datapoint.x1 : datapoint.y1;\n    let args = { scale, v0, v1 };\n    const { baseline, accumulator, binDomain } =\n      datapointsMetadata.get(datapoint) ?? {};\n\n    if (isCategoricalBarScale(args)) {\n      if (!isNil(args.v0)) {\n        if (dimensionScale) {\n          return dimensionScale.bandwidth();\n        }\n        return args.scale.bandwidth();\n      }\n      if (!isNil(args.v1)) {\n        if (accessorCoord === 'x') {\n          const catWidth = Math.floor(args.scale.bandwidth() / 2);\n          return (args.scale(args.v1) ?? 0) + catWidth;\n        } else {\n          const [, min] = scale.range();\n          const catWidth = Math.floor(args.scale.bandwidth() / 2);\n          const barY = (args.scale(args.v1) ?? 0) + catWidth;\n          return min - barY;\n        }\n      }\n    }\n\n    if (isNumericalBarScale(args)) {\n      args = applyNumericalBarScaleTransformations(\n        args,\n        accessorCoord,\n        baseline,\n        relAccessor,\n        accumulator,\n        binDomain,\n      );\n    }\n\n    if (isNumericalBarScale(args) || isTimeBarScale(args)) {\n      const span = calculateBarDimension(args);\n      if (!isNil(span)) {\n        return span;\n      }\n    }\n\n    throw Error(\n      `unknown ${\n        accessorCoord === 'x' ? 'width' : 'height'\n      }Accessor value for Bar`,\n    );\n  };\n}\n\nexport function widthAccessor(\n  scale: AnyXYChartScale,\n  datapointsMetadata: MapDatapoints,\n  dimensionScale?: ScaleBand<string>,\n  relAccessor?: (value: number) => number,\n) {\n  return spanAccessor(\n    scale,\n    datapointsMetadata,\n    'x',\n    dimensionScale,\n    relAccessor,\n  );\n}\n\nexport function heightAccessor(\n  scale: AnyXYChartScale,\n  datapointsMetadata: MapDatapoints,\n  dimensionScale?: ScaleBand<string>,\n  relAccessor?: (value: number) => number,\n) {\n  return spanAccessor(\n    scale,\n    datapointsMetadata,\n    'y',\n    dimensionScale,\n    relAccessor,\n  );\n}\n\n/**\n * Builds a per-datapoint color accessor for bar series. Each bar is painted with\n * its `colorOverride` (written by `applyColorRuleToBarSeries`) when present,\n * falling back to the series-level color resolved from the chart palette.\n */\nexport function colorAccessor(\n  seriesColor: ColorToken,\n  datapointsMetadata: MapDatapoints,\n) {\n  return (datapoint: BarDatapoint) => {\n    const { colorOverride } = datapointsMetadata.get(datapoint) ?? {};\n    return colorOverride ?? seriesColor.Default;\n  };\n}\n"],
+  "mappings": "AACA,SAAS,aAAa;AAGtB,SAAS,wBAAwB;AAQjC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,wCAAwC,CACnD,MACA,eACA,UACA,aACA,aACA,cACG;AACH,QAAM,gBAAgB,aAAa,UAAa,kBAAkB;AAClE,MAAI,EAAE,IAAI,GAAG,IAAI;AAEjB,MAAI,iBAAiB,gBAAgB,QAAW;AAC9C,SAAK,CAAC,MAAM,EAAE,IAAI,KAAK,cAAc;AACrC,SAAK,CAAC,MAAM,EAAE,IAAI,KAAK,cAAc;AAAA,EACvC;AAEA,MAAI,eAAe,iBAAiB,CAAC,MAAM,SAAS,GAAG;AACrD,WAAO;AAAA,MACL,IAAI,CAAC,MAAM,EAAE,IAAK,KAAK,YAAa,MAAM;AAAA,MAC1C,IAAI,CAAC,MAAM,EAAE,IAAK,KAAK,YAAa,MAAM;AAAA,MAC1C,OAAO,KAAK;AAAA,IACd;AAAA,EACF;AAEA,MAAI,aAAa;AACf,WAAO;AAAA,MACL,IAAI,CAAC,MAAM,EAAE,IAAI,YAAY,EAAE,IAAI;AAAA,MACnC,IAAI,CAAC,MAAM,EAAE,IAAI,YAAY,EAAE,IAAI;AAAA,MACnC,OAAO,KAAK;AAAA,IACd;AAAA,EACF;AAEA,SAAO,EAAE,IAAI,IAAI,OAAO,KAAK,MAAM;AACrC;AAEA,SAAS,mBACP,MACA,eACA;AACA,QAAM,EAAE,OAAO,IAAI,GAAG,IAAI;AAC1B,MAAI,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,GAAG;AAC5B,WAAO,KAAK,IAAI,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;AAAA,EACtC;AACA,MAAI,CAAC,MAAM,EAAE,GAAG;AACd,WAAO,MAAM,EAAE;AAAA,EACjB;AACA,MAAI,MAAM,EAAE,GAAG;AACb,WAAO;AAAA,EACT;AACA,MAAI,OAAO,OAAO,YAAY,KAAK,GAAG;AACpC,WAAO,kBAAkB,MAAM,MAAM,EAAE,IAAI,MAAM,CAAC;AAAA,EACpD;AAIA,SAAO,OAAO,OAAO,WACjB,KAAK,IAAI,MAAM,CAAC,GAAG,MAAM,EAAE,CAAC,IAC5B,KAAK,IAAI,MAAM,MAAM,OAAO,MAAM,MAAM,EAAE,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC;AAC/D;AAEA,SAAS,gBACP,OACA,oBACA,eACA,gBACA,UACA,aACA;AACA,SAAO,CAAC,cAA4B;AAClC,UAAM,KAAK,kBAAkB,MAAM,UAAU,KAAK,UAAU;AAC5D,UAAM,KAAK,kBAAkB,MAAM,UAAU,KAAK,UAAU;AAC5D,QAAI,OAAO,EAAE,OAAO,IAAI,GAAG;AAC3B,UAAM,EAAE,UAAU,aAAa,UAAU,IACvC,mBAAmB,IAAI,SAAS,KAAK,CAAC;AAExC,QAAI,sBAAsB,IAAI,GAAG;AAC/B,UAAI,CAAC,MAAM,KAAK,EAAE,GAAG;AACnB,YAAI,kBAAkB,UAAU;AAC9B,kBAAQ,KAAK,MAAM,KAAK,EAAE,KAAK,MAAM,eAAe,QAAQ,KAAK;AAAA,QACnE;AACA,eAAO,KAAK,MAAM,KAAK,EAAE,KAAK;AAAA,MAChC;AACA,UAAI,CAAC,MAAM,KAAK,EAAE,GAAG;AACnB,YAAI,kBAAkB,KAAK;AACzB,gBAAM,CAAC,GAAG,IAAI,KAAK,MAAM,MAAM;AAC/B,iBAAO;AAAA,QACT,OAAO;AACL,gBAAM,WAAW,KAAK,MAAM,KAAK,MAAM,UAAU,IAAI,CAAC;AACtD,kBAAQ,KAAK,MAAM,KAAK,EAAE,KAAK,KAAK;AAAA,QACtC;AAAA,MACF;AAAA,IACF;AAEA,QAAI,oBAAoB,IAAI,GAAG;AAC7B,aAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,QAAI,oBAAoB,IAAI,KAAK,eAAe,IAAI,GAAG;AACrD,YAAM,YAAY,mBAAmB,MAAM,aAAa;AACxD,UAAI,CAAC,MAAM,SAAS,GAAG;AACrB,eAAO;AAAA,MACT;AAAA,IACF;AAEA,UAAM,MAAM,WAAW,aAAa,wBAAwB;AAAA,EAC9D;AACF;AAEO,SAAS,UACd,OACA,oBACA,gBACA,UACA,aACA;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEO,SAAS,UACd,OACA,oBACA,gBACA,UACA,aACA;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAGA,MAAM,wBAAwB,CAAC,SAAwC;AACrE,QAAM,EAAE,OAAO,IAAI,GAAG,IAAI;AAC1B,MAAI,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,GAAG;AAC5B,WAAO,KAAK,IAAI,MAAM,EAAE,IAAI,MAAM,EAAE,CAAC;AAAA,EACvC;AACA,MAAI,CAAC,MAAM,EAAE,GAAG;AACd,UAAM,OACJ,OAAO,OAAO,WAAW,MAAM,CAAC,IAAI,MAAM,MAAM,OAAO,MAAM,MAAM,EAAE,CAAC,CAAC,CAAC;AAE1E,WAAO,KAAK,IAAI,OAAO,MAAM,EAAE,CAAC;AAAA,EAClC;AACA,MAAI,CAAC,MAAM,EAAE,GAAG;AACd,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEA,SAAS,aACP,OACA,oBACA,eACA,gBACA,aACA;AACA,SAAO,CAAC,cAA4B;AAClC,UAAM,KAAK,kBAAkB,MAAM,UAAU,KAAK,UAAU;AAC5D,UAAM,KAAK,kBAAkB,MAAM,UAAU,KAAK,UAAU;AAC5D,QAAI,OAAO,EAAE,OAAO,IAAI,GAAG;AAC3B,UAAM,EAAE,UAAU,aAAa,UAAU,IACvC,mBAAmB,IAAI,SAAS,KAAK,CAAC;AAExC,QAAI,sBAAsB,IAAI,GAAG;AAC/B,UAAI,CAAC,MAAM,KAAK,EAAE,GAAG;AACnB,YAAI,gBAAgB;AAClB,iBAAO,eAAe,UAAU;AAAA,QAClC;AACA,eAAO,KAAK,MAAM,UAAU;AAAA,MAC9B;AACA,UAAI,CAAC,MAAM,KAAK,EAAE,GAAG;AACnB,YAAI,kBAAkB,KAAK;AACzB,gBAAM,WAAW,KAAK,MAAM,KAAK,MAAM,UAAU,IAAI,CAAC;AACtD,kBAAQ,KAAK,MAAM,KAAK,EAAE,KAAK,KAAK;AAAA,QACtC,OAAO;AACL,gBAAM,CAAC,EAAE,GAAG,IAAI,MAAM,MAAM;AAC5B,gBAAM,WAAW,KAAK,MAAM,KAAK,MAAM,UAAU,IAAI,CAAC;AACtD,gBAAM,QAAQ,KAAK,MAAM,KAAK,EAAE,KAAK,KAAK;AAC1C,iBAAO,MAAM;AAAA,QACf;AAAA,MACF;AAAA,IACF;AAEA,QAAI,oBAAoB,IAAI,GAAG;AAC7B,aAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,QAAI,oBAAoB,IAAI,KAAK,eAAe,IAAI,GAAG;AACrD,YAAM,OAAO,sBAAsB,IAAI;AACvC,UAAI,CAAC,MAAM,IAAI,GAAG;AAChB,eAAO;AAAA,MACT;AAAA,IACF;AAEA,UAAM;AAAA,MACJ,WACE,kBAAkB,MAAM,UAAU,QACpC;AAAA,IACF;AAAA,EACF;AACF;AAEO,SAAS,cACd,OACA,oBACA,gBACA,aACA;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEO,SAAS,eACd,OACA,oBACA,gBACA,aACA;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAOO,SAAS,cACd,aACA,oBACA;AACA,SAAO,CAAC,cAA4B;AAClC,UAAM,EAAE,cAAc,IAAI,mBAAmB,IAAI,SAAS,KAAK,CAAC;AAChE,WAAO,iBAAiB,YAAY;AAAA,EACtC;AACF;",
   "names": []
 }

package/esm/charts/xy-chart/components/legend/XYLegend/XYLegend.js

@@ -88,7 +88,7 @@ function XYLegend({ series, seriesToMetadata }) {
       scaleColorMap,
       isCategoricalRectOnly
     ),
-    // eslint-disable-next-line react-hooks/exhaustive-deps, react-hooks/preserve-manual-memoization
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [series, seriesToMetadata]
   );
   const legendActions = getXYLegendActions(series, seriesToMetadata);