@dynatrace/strato-components 3.1.3 → 3.2.0

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

@@ -6,6 +6,7 @@ import { PanButton } from "./PanButton.js";
 import { ResetButton } from "./ResetButton.js";
 import { ZoomInOutButtons } from "./ZoomInOutButtons.js";
 import { ZoomModeButton } from "./ZoomModeButton.js";
+import { useBehavioralTrackingProps as _useBehavioralTrackingProps } from "../../../../core/hooks/useBehavioralTrackingProps.js";
 import { ChartToolbarRenderer } from "../../../core/components/toolbar/ChartToolbarRenderer.js";
 import { getMenuTriggerDisplayMode } from "../../../core/components/toolbar/utils/get-menu-trigger-display-mode.js";
 import { getMenuTriggerIcon } from "../../../core/components/toolbar/utils/get-menu-trigger-icon.js";
@@ -23,7 +24,8 @@ const XYChartToolbar = ({
   onMouseLeave,
   handlerRef
 }) => {
-  const { collapsed, placement, hidden, intents } = useToolbar();
+  const toolbarContext = useToolbar();
+  const { collapsed, placement, hidden, intents } = toolbarContext;
   const interactionMode = useInteractionModeState();
   const { axesMetadata } = useXYChartData();
   const intl = useIntl();
@@ -54,6 +56,7 @@ const XYChartToolbar = ({
   const showDefaultToolbarDownloadButton = isDownloadEnabled && !intents;
   const showMenuToolbarButton = isDownloadEnabled && !!intents?.length;
   const onClose = () => selectionAreaRef ? selectionAreaRef.current?.focus() : void 0;
+  const behaviorTrackingProps = _useBehavioralTrackingProps(toolbarContext)[0];
   return !hidden ? /* @__PURE__ */ jsxs(
     ChartToolbarRenderer,
     {
@@ -74,6 +77,7 @@ const XYChartToolbar = ({
       intents,
       handleDownloadDataToolbar,
       onClose,
+      ...behaviorTrackingProps,
       children: [
         /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(ExploreButton, { placement: exploreBtnPlace }),

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/toolbar/XYChartToolbar.tsx"],
-  "sourcesContent": ["import type { MouseEvent as ReactMouseEvent } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { DownloadDataButton } from './DownloadDataButton.js';\nimport { ExploreButton } from './ExploreButton.js';\nimport { PanButton } from './PanButton.js';\nimport { ResetButton } from './ResetButton.js';\nimport { ZoomInOutButtons } from './ZoomInOutButtons.js';\nimport { ZoomModeButton } from './ZoomModeButton.js';\nimport { ChartToolbarRenderer } from '../../../core/components/toolbar/ChartToolbarRenderer.js';\nimport type { ChartToolbarRendererProps } from '../../../core/components/toolbar/types.js';\nimport { getMenuTriggerDisplayMode } from '../../../core/components/toolbar/utils/get-menu-trigger-display-mode.js';\nimport { getMenuTriggerIcon } from '../../../core/components/toolbar/utils/get-menu-trigger-icon.js';\nimport { ChartOverlaysElevation } from '../../../core/constants.js';\nimport type { ToolbarPlacement } from '../../../core/types/toolbar.js';\nimport { getA11yToolbarConfig } from '../../../core/utils/zoom.js';\nimport { defaultToolbar } from '../../constants/defaults.js';\nimport { useToolbar } from '../../hooks/useToolbar.js';\nimport { useXYChartData } from '../../hooks/useXYChartData.js';\nimport { useXYChartSelectionAreaRef } from '../../hooks/useXYChartSelectionAreaRef.js';\nimport { XYCHART_MESSAGES } from '../../messages/messages.js';\nimport { useInteractionModeState } from '../../store/selectors.js';\nimport { buildAndDownloadCsv } from '../../utils/build-and-download-csv.js';\n\ntype XYChartToolbarProps = {\n  onMouseEnter?: (event?: ReactMouseEvent<HTMLDivElement, MouseEvent>) => void;\n  onMouseLeave?: (react?: ReactMouseEvent<HTMLDivElement, MouseEvent>) => void;\n  handlerRef?: ChartToolbarRendererProps['handlerRef'];\n};\n\nexport const XYChartToolbar = ({\n  onMouseEnter,\n  onMouseLeave,\n  handlerRef,\n}: XYChartToolbarProps) => {\n  const { collapsed, placement, hidden, intents } = useToolbar();\n  const interactionMode = useInteractionModeState();\n  const { axesMetadata } = useXYChartData();\n  const intl = useIntl();\n  const selectionAreaRef = useXYChartSelectionAreaRef();\n\n  const isZoomEnabled = axesMetadata.isZoomEnabled;\n  const isPanEnabled = axesMetadata.isPanEnabled;\n  const exploreBtnPlace = isZoomEnabled || isPanEnabled ? 'menu' : 'auto';\n  const isDownloadEnabled = true;\n\n  const initialA11yState = getA11yToolbarConfig({\n    zoom: { enabled: isZoomEnabled },\n    pan: { enabled: isPanEnabled },\n    download: { enabled: isDownloadEnabled },\n    intent: !!intents,\n  });\n\n  const menuIcon = getMenuTriggerIcon(interactionMode, isZoomEnabled);\n\n  const menuLabel =\n    !isPanEnabled && !isZoomEnabled\n      ? intl.formatMessage(XYCHART_MESSAGES.zoomModeExplore)\n      : undefined;\n\n  const menuDisplayMode = getMenuTriggerDisplayMode({\n    isPanEnabled,\n    isZoomEnabled,\n    isDownloadEnabled,\n  });\n\n  const { seriesWithDatapoints, datapointMetadataMap, seriesToMetadata } =\n    useXYChartData();\n\n  /** Handles the download button when clicked. */\n  const handleDownloadDataToolbar = () =>\n    buildAndDownloadCsv(\n      seriesWithDatapoints,\n      seriesToMetadata,\n      datapointMetadataMap,\n    );\n\n  const showDefaultToolbarDownloadButton = isDownloadEnabled && !intents;\n  const showMenuToolbarButton = isDownloadEnabled && !!intents?.length;\n\n  const onClose = () =>\n    selectionAreaRef ? selectionAreaRef.current?.focus() : undefined;\n\n  return !hidden ? (\n    <ChartToolbarRenderer\n      visible={false}\n      visibleWhenMouseInBounds\n      handlerRef={handlerRef}\n      placement={placement ?? (defaultToolbar.placement as ToolbarPlacement)}\n      draggable={true}\n      collapsed={collapsed}\n      initialA11yState={initialA11yState}\n      zIndex={ChartOverlaysElevation.toolbar}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      menuIcon={menuIcon}\n      menuTriggerLabel={menuLabel}\n      menuDisplayMode={menuDisplayMode}\n      isDownloadEnabled={showMenuToolbarButton}\n      intents={intents}\n      handleDownloadDataToolbar={handleDownloadDataToolbar}\n      onClose={onClose}\n    >\n      <>\n        <ExploreButton placement={exploreBtnPlace} />\n        {isZoomEnabled && <ZoomModeButton />}\n        {isPanEnabled && <PanButton />}\n      </>\n      {isZoomEnabled && <ZoomInOutButtons />}\n      {isZoomEnabled && <ResetButton />}\n      {showDefaultToolbarDownloadButton && <DownloadDataButton />}\n    </ChartToolbarRenderer>\n  ) : null;\n};\n\nXYChartToolbar['displayName'] = 'XYChartToolbar';\n"],
-  "mappings": "AAuGM,mBACE,KADF;AAtGN,SAAS,eAAe;AAExB,SAAS,0BAA0B;AACnC,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AAErC,SAAS,iCAAiC;AAC1C,SAAS,0BAA0B;AACnC,SAAS,8BAA8B;AAEvC,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,kCAAkC;AAC3C,SAAS,wBAAwB;AACjC,SAAS,+BAA+B;AACxC,SAAS,2BAA2B;AAQ7B,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AACF,MAA2B;AACzB,QAAM,EAAE,WAAW,WAAW,QAAQ,QAAQ,IAAI,WAAW;AAC7D,QAAM,kBAAkB,wBAAwB;AAChD,QAAM,EAAE,aAAa,IAAI,eAAe;AACxC,QAAM,OAAO,QAAQ;AACrB,QAAM,mBAAmB,2BAA2B;AAEpD,QAAM,gBAAgB,aAAa;AACnC,QAAM,eAAe,aAAa;AAClC,QAAM,kBAAkB,iBAAiB,eAAe,SAAS;AACjE,QAAM,oBAAoB;AAE1B,QAAM,mBAAmB,qBAAqB;AAAA,IAC5C,MAAM,EAAE,SAAS,cAAc;AAAA,IAC/B,KAAK,EAAE,SAAS,aAAa;AAAA,IAC7B,UAAU,EAAE,SAAS,kBAAkB;AAAA,IACvC,QAAQ,CAAC,CAAC;AAAA,EACZ,CAAC;AAED,QAAM,WAAW,mBAAmB,iBAAiB,aAAa;AAElE,QAAM,YACJ,CAAC,gBAAgB,CAAC,gBACd,KAAK,cAAc,iBAAiB,eAAe,IACnD;AAEN,QAAM,kBAAkB,0BAA0B;AAAA,IAChD;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,EAAE,sBAAsB,sBAAsB,iBAAiB,IACnE,eAAe;AAGjB,QAAM,4BAA4B,MAChC;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEF,QAAM,mCAAmC,qBAAqB,CAAC;AAC/D,QAAM,wBAAwB,qBAAqB,CAAC,CAAC,SAAS;AAE9D,QAAM,UAAU,MACd,mBAAmB,iBAAiB,SAAS,MAAM,IAAI;AAEzD,SAAO,CAAC,SACN;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,0BAAwB;AAAA,MACxB;AAAA,MACA,WAAW,aAAc,eAAe;AAAA,MACxC,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,QAAQ,uBAAuB;AAAA,MAC/B;AAAA,MACA;AAAA,MACA;AAAA,MACA,kBAAkB;AAAA,MAClB;AAAA,MACA,mBAAmB;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,yCACE;AAAA,8BAAC,iBAAc,WAAW,iBAAiB;AAAA,UAC1C,iBAAiB,oBAAC,kBAAe;AAAA,UACjC,gBAAgB,oBAAC,aAAU;AAAA,WAC9B;AAAA,QACC,iBAAiB,oBAAC,oBAAiB;AAAA,QACnC,iBAAiB,oBAAC,eAAY;AAAA,QAC9B,oCAAoC,oBAAC,sBAAmB;AAAA;AAAA;AAAA,EAC3D,IACE;AACN;AAEA,eAAe,aAAa,IAAI;",
+  "sourcesContent": ["import type { MouseEvent as ReactMouseEvent } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { DownloadDataButton } from './DownloadDataButton.js';\nimport { ExploreButton } from './ExploreButton.js';\nimport { PanButton } from './PanButton.js';\nimport { ResetButton } from './ResetButton.js';\nimport { ZoomInOutButtons } from './ZoomInOutButtons.js';\nimport { ZoomModeButton } from './ZoomModeButton.js';\nimport { useBehavioralTrackingProps as _useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { ChartToolbarRenderer } from '../../../core/components/toolbar/ChartToolbarRenderer.js';\nimport type { ChartToolbarRendererProps } from '../../../core/components/toolbar/types.js';\nimport { getMenuTriggerDisplayMode } from '../../../core/components/toolbar/utils/get-menu-trigger-display-mode.js';\nimport { getMenuTriggerIcon } from '../../../core/components/toolbar/utils/get-menu-trigger-icon.js';\nimport { ChartOverlaysElevation } from '../../../core/constants.js';\nimport type { ToolbarPlacement } from '../../../core/types/toolbar.js';\nimport { getA11yToolbarConfig } from '../../../core/utils/zoom.js';\nimport { defaultToolbar } from '../../constants/defaults.js';\nimport { useToolbar } from '../../hooks/useToolbar.js';\nimport { useXYChartData } from '../../hooks/useXYChartData.js';\nimport { useXYChartSelectionAreaRef } from '../../hooks/useXYChartSelectionAreaRef.js';\nimport { XYCHART_MESSAGES } from '../../messages/messages.js';\nimport { useInteractionModeState } from '../../store/selectors.js';\nimport { buildAndDownloadCsv } from '../../utils/build-and-download-csv.js';\n\ntype XYChartToolbarProps = {\n  onMouseEnter?: (event?: ReactMouseEvent<HTMLDivElement, MouseEvent>) => void;\n  onMouseLeave?: (react?: ReactMouseEvent<HTMLDivElement, MouseEvent>) => void;\n  handlerRef?: ChartToolbarRendererProps['handlerRef'];\n};\n\nexport const XYChartToolbar = ({\n  onMouseEnter,\n  onMouseLeave,\n  handlerRef,\n}: XYChartToolbarProps) => {\n  const toolbarContext = useToolbar();\n  const { collapsed, placement, hidden, intents } = toolbarContext;\n  const interactionMode = useInteractionModeState();\n  const { axesMetadata } = useXYChartData();\n  const intl = useIntl();\n  const selectionAreaRef = useXYChartSelectionAreaRef();\n\n  const isZoomEnabled = axesMetadata.isZoomEnabled;\n  const isPanEnabled = axesMetadata.isPanEnabled;\n  const exploreBtnPlace = isZoomEnabled || isPanEnabled ? 'menu' : 'auto';\n  const isDownloadEnabled = true;\n\n  const initialA11yState = getA11yToolbarConfig({\n    zoom: { enabled: isZoomEnabled },\n    pan: { enabled: isPanEnabled },\n    download: { enabled: isDownloadEnabled },\n    intent: !!intents,\n  });\n\n  const menuIcon = getMenuTriggerIcon(interactionMode, isZoomEnabled);\n\n  const menuLabel =\n    !isPanEnabled && !isZoomEnabled\n      ? intl.formatMessage(XYCHART_MESSAGES.zoomModeExplore)\n      : undefined;\n\n  const menuDisplayMode = getMenuTriggerDisplayMode({\n    isPanEnabled,\n    isZoomEnabled,\n    isDownloadEnabled,\n  });\n\n  const { seriesWithDatapoints, datapointMetadataMap, seriesToMetadata } =\n    useXYChartData();\n\n  /** Handles the download button when clicked. */\n  const handleDownloadDataToolbar = () =>\n    buildAndDownloadCsv(\n      seriesWithDatapoints,\n      seriesToMetadata,\n      datapointMetadataMap,\n    );\n\n  const showDefaultToolbarDownloadButton = isDownloadEnabled && !intents;\n  const showMenuToolbarButton = isDownloadEnabled && !!intents?.length;\n\n  const onClose = () =>\n    selectionAreaRef ? selectionAreaRef.current?.focus() : undefined;\n\n  const behaviorTrackingProps = _useBehavioralTrackingProps(toolbarContext)[0];\n\n  return !hidden ? (\n    <ChartToolbarRenderer\n      visible={false}\n      visibleWhenMouseInBounds\n      handlerRef={handlerRef}\n      placement={placement ?? (defaultToolbar.placement as ToolbarPlacement)}\n      draggable={true}\n      collapsed={collapsed}\n      initialA11yState={initialA11yState}\n      zIndex={ChartOverlaysElevation.toolbar}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      menuIcon={menuIcon}\n      menuTriggerLabel={menuLabel}\n      menuDisplayMode={menuDisplayMode}\n      isDownloadEnabled={showMenuToolbarButton}\n      intents={intents}\n      handleDownloadDataToolbar={handleDownloadDataToolbar}\n      onClose={onClose}\n      {...behaviorTrackingProps}\n    >\n      <>\n        <ExploreButton placement={exploreBtnPlace} />\n        {isZoomEnabled && <ZoomModeButton />}\n        {isPanEnabled && <PanButton />}\n      </>\n      {isZoomEnabled && <ZoomInOutButtons />}\n      {isZoomEnabled && <ResetButton />}\n      {showDefaultToolbarDownloadButton && <DownloadDataButton />}\n    </ChartToolbarRenderer>\n  ) : null;\n};\n\nXYChartToolbar['displayName'] = 'XYChartToolbar';\n"],
+  "mappings": "AA4GM,mBACE,KADF;AA3GN,SAAS,eAAe;AAExB,SAAS,0BAA0B;AACnC,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,8BAA8B,mCAAmC;AAC1E,SAAS,4BAA4B;AAErC,SAAS,iCAAiC;AAC1C,SAAS,0BAA0B;AACnC,SAAS,8BAA8B;AAEvC,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,kCAAkC;AAC3C,SAAS,wBAAwB;AACjC,SAAS,+BAA+B;AACxC,SAAS,2BAA2B;AAQ7B,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AACF,MAA2B;AACzB,QAAM,iBAAiB,WAAW;AAClC,QAAM,EAAE,WAAW,WAAW,QAAQ,QAAQ,IAAI;AAClD,QAAM,kBAAkB,wBAAwB;AAChD,QAAM,EAAE,aAAa,IAAI,eAAe;AACxC,QAAM,OAAO,QAAQ;AACrB,QAAM,mBAAmB,2BAA2B;AAEpD,QAAM,gBAAgB,aAAa;AACnC,QAAM,eAAe,aAAa;AAClC,QAAM,kBAAkB,iBAAiB,eAAe,SAAS;AACjE,QAAM,oBAAoB;AAE1B,QAAM,mBAAmB,qBAAqB;AAAA,IAC5C,MAAM,EAAE,SAAS,cAAc;AAAA,IAC/B,KAAK,EAAE,SAAS,aAAa;AAAA,IAC7B,UAAU,EAAE,SAAS,kBAAkB;AAAA,IACvC,QAAQ,CAAC,CAAC;AAAA,EACZ,CAAC;AAED,QAAM,WAAW,mBAAmB,iBAAiB,aAAa;AAElE,QAAM,YACJ,CAAC,gBAAgB,CAAC,gBACd,KAAK,cAAc,iBAAiB,eAAe,IACnD;AAEN,QAAM,kBAAkB,0BAA0B;AAAA,IAChD;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,EAAE,sBAAsB,sBAAsB,iBAAiB,IACnE,eAAe;AAGjB,QAAM,4BAA4B,MAChC;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEF,QAAM,mCAAmC,qBAAqB,CAAC;AAC/D,QAAM,wBAAwB,qBAAqB,CAAC,CAAC,SAAS;AAE9D,QAAM,UAAU,MACd,mBAAmB,iBAAiB,SAAS,MAAM,IAAI;AAEzD,QAAM,wBAAwB,4BAA4B,cAAc,EAAE,CAAC;AAE3E,SAAO,CAAC,SACN;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,0BAAwB;AAAA,MACxB;AAAA,MACA,WAAW,aAAc,eAAe;AAAA,MACxC,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,QAAQ,uBAAuB;AAAA,MAC/B;AAAA,MACA;AAAA,MACA;AAAA,MACA,kBAAkB;AAAA,MAClB;AAAA,MACA,mBAAmB;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,yCACE;AAAA,8BAAC,iBAAc,WAAW,iBAAiB;AAAA,UAC1C,iBAAiB,oBAAC,kBAAe;AAAA,UACjC,gBAAgB,oBAAC,aAAU;AAAA,WAC9B;AAAA,QACC,iBAAiB,oBAAC,oBAAiB;AAAA,QACnC,iBAAiB,oBAAC,eAAY;AAAA,QAC9B,oCAAoC,oBAAC,sBAAmB;AAAA;AAAA;AAAA,EAC3D,IACE;AACN;AAEA,eAAe,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/xy-chart/components/tooltip/XYChartTooltipTemplate/XYChartTooltipTemplate.css

@@ -1,4 +1,4 @@
-._fnoz5j0-3-1-3 {
+._fnoz5j0-3-2-0 {
   min-width: 225px;
   max-width: 300px;
 }

package/esm/charts/xy-chart/components/tooltip/XYChartTooltipTemplate/XYChartTooltipTemplate.sty.js

@@ -1,5 +1,5 @@
 import "./XYChartTooltipTemplate.css";
-var body = "_fnoz5j0-3-1-3";
+var body = "_fnoz5j0-3-2-0";
 export {
   body
 };

package/esm/charts/xy-chart/components/tooltip/XYChartTooltipTemplate/XYChartTooltipTemplate.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/tooltip/XYChartTooltipTemplate/XYChartTooltipTemplate.css.ts"],
-  "sourcesContent": ["import './XYChartTooltipTemplate.css';\nexport var body = '_fnoz5j0-3-1-3';"],
+  "sourcesContent": ["import './XYChartTooltipTemplate.css';\nexport var body = '_fnoz5j0-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,OAAO;",
   "names": []
 }

package/esm/charts/xy-chart/components/tooltip/utils/tooltip-styles.css

@@ -1,23 +1,23 @@
-._1u58xor0-3-1-3 {
+._1u58xor0-3-2-0 {
   display: flex;
   flex-wrap: wrap;
   overflow-wrap: anywhere;
   margin-left: var(--dt-spacings-size-4, 4px);
   margin-right: var(--dt-spacings-size-4, 4px);
 }
-._1u58xor1-3-1-3 {
+._1u58xor1-3-2-0 {
   font-weight: var(--dt-typography-text-small-emphasized-weight, 500);
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._1u58xor1-3-1-3::after {
+._1u58xor1-3-2-0::after {
   content: " ";
   white-space: pre;
 }
-._1u58xor2-3-1-3 {
+._1u58xor2-3-2-0 {
   flex: 0 1 auto;
   font-weight: var(--dt-typography-text-small-default-weight, 400);
 }
-._1u58xor3-3-1-3 {
+._1u58xor3-3-2-0 {
   flex: 1 1 auto;
   font-weight: var(--dt-typography-text-small-default-weight, 400);
 }

package/esm/charts/xy-chart/components/tooltip/utils/tooltip-styles.sty.js

@@ -1,8 +1,8 @@
 import "./tooltip-styles.css";
-var axisName = "_1u58xor1-3-1-3";
-var axisValue = "_1u58xor2-3-1-3";
-var duration = "_1u58xor3-3-1-3";
-var wrapper = "_1u58xor0-3-1-3";
+var axisName = "_1u58xor1-3-2-0";
+var axisValue = "_1u58xor2-3-2-0";
+var duration = "_1u58xor3-3-2-0";
+var wrapper = "_1u58xor0-3-2-0";
 export {
   axisName,
   axisValue,

package/esm/charts/xy-chart/components/tooltip/utils/tooltip-styles.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/tooltip/utils/tooltip-styles.css.ts"],
-  "sourcesContent": ["import './tooltip-styles.css';\nexport var axisName = '_1u58xor1-3-1-3';\nexport var axisValue = '_1u58xor2-3-1-3';\nexport var duration = '_1u58xor3-3-1-3';\nexport var wrapper = '_1u58xor0-3-1-3';"],
+  "sourcesContent": ["import './tooltip-styles.css';\nexport var axisName = '_1u58xor1-3-2-0';\nexport var axisValue = '_1u58xor2-3-2-0';\nexport var duration = '_1u58xor3-3-2-0';\nexport var wrapper = '_1u58xor0-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;AACf,IAAI,YAAY;AAChB,IAAI,WAAW;AACf,IAAI,UAAU;",
   "names": []
 }

package/esm/charts/xy-chart/layout/XYChartLayout.css

@@ -1,10 +1,10 @@
-._1ru1qe70-3-1-3 {
+._1ru1qe70-3-2-0 {
   pointer-events: none;
   width: 100%;
   height: 100%;
   z-index: 1;
 }
-._1ru1qe71-3-1-3 {
+._1ru1qe71-3-2-0 {
   top: -5.5px;
   left: -5.5px;
   width: calc(100% + 11px);

package/esm/charts/xy-chart/layout/XYChartLayout.sty.js

@@ -1,7 +1,7 @@
 import "../../core/components/chart-grid/ChartGrid.css";
 import "./XYChartLayout.css";
-var datapointCanvasPlot = "_1ru1qe71-3-1-3 _13lzg4k0-3-1-3 _1ru1qe70-3-1-3";
-var rectangleCanvasPlot = "_13lzg4k0-3-1-3 _1ru1qe70-3-1-3";
+var datapointCanvasPlot = "_1ru1qe71-3-2-0 _13lzg4k0-3-2-0 _1ru1qe70-3-2-0";
+var rectangleCanvasPlot = "_13lzg4k0-3-2-0 _1ru1qe70-3-2-0";
 export {
   datapointCanvasPlot,
   rectangleCanvasPlot

package/esm/charts/xy-chart/layout/XYChartLayout.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/layout/XYChartLayout.css.ts"],
-  "sourcesContent": ["import '../../core/components/chart-grid/ChartGrid.css';\nimport './XYChartLayout.css';\nexport var datapointCanvasPlot = '_1ru1qe71-3-1-3 _13lzg4k0-3-1-3 _1ru1qe70-3-1-3';\nexport var rectangleCanvasPlot = '_13lzg4k0-3-1-3 _1ru1qe70-3-1-3';"],
+  "sourcesContent": ["import '../../core/components/chart-grid/ChartGrid.css';\nimport './XYChartLayout.css';\nexport var datapointCanvasPlot = '_1ru1qe71-3-2-0 _13lzg4k0-3-2-0 _1ru1qe70-3-2-0';\nexport var rectangleCanvasPlot = '_13lzg4k0-3-2-0 _1ru1qe70-3-2-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,sBAAsB;AAC1B,IAAI,sBAAsB;",
   "names": []
 }

package/esm/charts/xy-chart/processing-strategies/strategies/groupable-series.js

@@ -33,7 +33,7 @@ class GroupableSeriesHelper {
   }
   /**
    * Returns the total bin domain for a given group key.
-   * The bin domain is the maximum of total positive and total negative values.
+   * The bin domain is the total height of the group, including both positive and negative values.
    * Note: totalNegative is already stored as an absolute value.
    */
   getGroupBinDomain(groupKey) {
@@ -41,7 +41,7 @@ class GroupableSeriesHelper {
     if (!groupDomainObj) {
       return void 0;
     }
-    return Math.max(groupDomainObj.totalPositive, groupDomainObj.totalNegative);
+    return groupDomainObj.totalPositive + groupDomainObj.totalNegative;
   }
   /**
    * Processes a datapoint for grouping, calculating the bin domain metadata.

package/esm/charts/xy-chart/processing-strategies/strategies/groupable-series.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/processing-strategies/strategies/groupable-series.ts"],
-  "sourcesContent": ["import type {\n  AxisId,\n  DatapointMetadata,\n  SeriesId,\n  XYChartAxisInternal,\n} from '../../types/xy-chart-internals.js';\nimport type { BarDatapoint } from '../../types/xy-chart.js';\nimport { getStackingData } from '../utils/stacking/stack-datapoints.js';\n\nexport interface GroupingResult {\n  datapointMetadata: DatapointMetadata;\n}\n\ninterface GroupData {\n  totalPositive: number;\n  totalNegative: number;\n}\n\n/**\n * A class that encapsulates grouping operations for series variants.\n * This class can be instantiated by any series strategy that needs grouping functionality.\n */\nexport class GroupableSeriesHelper {\n  private static readonly STARTING_POINT = 0;\n  private readonly groupData: Map<string, GroupData>;\n  public readonly axisIdToDimension: Map<AxisId, Set<SeriesId>>;\n\n  constructor() {\n    this.groupData = new Map();\n    this.axisIdToDimension = new Map();\n  }\n\n  /**\n   * Calculate total height of group bin.\n   * Should be called at the beginning of a new grouping calculation cycle (preprocess phase).\n   */\n  processGroupDomain(\n    datapoint: BarDatapoint,\n    chartOrientation: 'vertical' | 'horizontal',\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ): void {\n    const { stackKey, value } = getStackingData(\n      chartOrientation,\n      datapoint,\n      xAxis,\n      yAxis,\n    );\n\n    if (typeof value === 'number') {\n      const acc = this.groupData.get(stackKey) ?? {\n        totalPositive: GroupableSeriesHelper.STARTING_POINT,\n        totalNegative: GroupableSeriesHelper.STARTING_POINT,\n      };\n      if (value >= 0) {\n        acc.totalPositive += value;\n      } else {\n        acc.totalNegative += Math.abs(value);\n      }\n      this.groupData.set(stackKey, acc);\n    }\n  }\n\n  /**\n   * Returns the total bin domain for a given group key.\n   * The bin domain is the maximum of total positive and total negative values.\n   * Note: totalNegative is already stored as an absolute value.\n   */\n  getGroupBinDomain(groupKey: string): number | undefined {\n    const groupDomainObj = this.groupData.get(groupKey);\n    if (!groupDomainObj) {\n      return undefined;\n    }\n    return Math.max(groupDomainObj.totalPositive, groupDomainObj.totalNegative);\n  }\n\n  /**\n   * Processes a datapoint for grouping, calculating the bin domain metadata.\n   * Also registers the series in the dimension map for the primary axis.\n   * Returns metadata with binDomain set but no accumulator (bars remain side-by-side).\n   */\n  processGroupDatapoint(\n    datapoint: BarDatapoint,\n    chartOrientation: 'vertical' | 'horizontal',\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    seriesId: string,\n    datapointMetadata: DatapointMetadata,\n  ): GroupingResult {\n    const primaryAxis = chartOrientation === 'vertical' ? xAxis : yAxis;\n    const dimension = this.axisIdToDimension.get(primaryAxis.id);\n\n    if (dimension) {\n      dimension.add(seriesId);\n      this.axisIdToDimension.set(primaryAxis.id, dimension);\n    } else {\n      this.axisIdToDimension.set(\n        primaryAxis.id,\n        new Set<string>().add(seriesId),\n      );\n    }\n\n    const { stackKey, value } = getStackingData(\n      chartOrientation,\n      datapoint,\n      xAxis,\n      yAxis,\n    );\n\n    if (typeof value !== 'number') {\n      return { datapointMetadata };\n    }\n\n    const binDomain = this.getGroupBinDomain(stackKey);\n\n    return {\n      datapointMetadata: {\n        ...datapointMetadata,\n        binDomain,\n      },\n    };\n  }\n}\n"],
-  "mappings": "AAOA,SAAS,uBAAuB;AAezB,MAAM,sBAAsB;AAAA,EACjC,OAAwB,iBAAiB;AAAA,EACxB;AAAA,EACD;AAAA,EAEhB,cAAc;AACZ,SAAK,YAAY,oBAAI,IAAI;AACzB,SAAK,oBAAoB,oBAAI,IAAI;AAAA,EACnC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,mBACE,WACA,kBACA,OACA,OACM;AACN,UAAM,EAAE,UAAU,MAAM,IAAI;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,QAAI,OAAO,UAAU,UAAU;AAC7B,YAAM,MAAM,KAAK,UAAU,IAAI,QAAQ,KAAK;AAAA,QAC1C,eAAe,sBAAsB;AAAA,QACrC,eAAe,sBAAsB;AAAA,MACvC;AACA,UAAI,SAAS,GAAG;AACd,YAAI,iBAAiB;AAAA,MACvB,OAAO;AACL,YAAI,iBAAiB,KAAK,IAAI,KAAK;AAAA,MACrC;AACA,WAAK,UAAU,IAAI,UAAU,GAAG;AAAA,IAClC;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,kBAAkB,UAAsC;AACtD,UAAM,iBAAiB,KAAK,UAAU,IAAI,QAAQ;AAClD,QAAI,CAAC,gBAAgB;AACnB,aAAO;AAAA,IACT;AACA,WAAO,KAAK,IAAI,eAAe,eAAe,eAAe,aAAa;AAAA,EAC5E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,sBACE,WACA,kBACA,OACA,OACA,UACA,mBACgB;AAChB,UAAM,cAAc,qBAAqB,aAAa,QAAQ;AAC9D,UAAM,YAAY,KAAK,kBAAkB,IAAI,YAAY,EAAE;AAE3D,QAAI,WAAW;AACb,gBAAU,IAAI,QAAQ;AACtB,WAAK,kBAAkB,IAAI,YAAY,IAAI,SAAS;AAAA,IACtD,OAAO;AACL,WAAK,kBAAkB;AAAA,QACrB,YAAY;AAAA,SACZ,oBAAI,IAAY,GAAE,IAAI,QAAQ;AAAA,MAChC;AAAA,IACF;AAEA,UAAM,EAAE,UAAU,MAAM,IAAI;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,QAAI,OAAO,UAAU,UAAU;AAC7B,aAAO,EAAE,kBAAkB;AAAA,IAC7B;AAEA,UAAM,YAAY,KAAK,kBAAkB,QAAQ;AAEjD,WAAO;AAAA,MACL,mBAAmB;AAAA,QACjB,GAAG;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
+  "sourcesContent": ["import type {\n  AxisId,\n  DatapointMetadata,\n  SeriesId,\n  XYChartAxisInternal,\n} from '../../types/xy-chart-internals.js';\nimport type { BarDatapoint } from '../../types/xy-chart.js';\nimport { getStackingData } from '../utils/stacking/stack-datapoints.js';\n\nexport interface GroupingResult {\n  datapointMetadata: DatapointMetadata;\n}\n\ninterface GroupData {\n  totalPositive: number;\n  totalNegative: number;\n}\n\n/**\n * A class that encapsulates grouping operations for series variants.\n * This class can be instantiated by any series strategy that needs grouping functionality.\n */\nexport class GroupableSeriesHelper {\n  private static readonly STARTING_POINT = 0;\n  private readonly groupData: Map<string, GroupData>;\n  public readonly axisIdToDimension: Map<AxisId, Set<SeriesId>>;\n\n  constructor() {\n    this.groupData = new Map();\n    this.axisIdToDimension = new Map();\n  }\n\n  /**\n   * Calculate total height of group bin.\n   * Should be called at the beginning of a new grouping calculation cycle (preprocess phase).\n   */\n  processGroupDomain(\n    datapoint: BarDatapoint,\n    chartOrientation: 'vertical' | 'horizontal',\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ): void {\n    const { stackKey, value } = getStackingData(\n      chartOrientation,\n      datapoint,\n      xAxis,\n      yAxis,\n    );\n\n    if (typeof value === 'number') {\n      const acc = this.groupData.get(stackKey) ?? {\n        totalPositive: GroupableSeriesHelper.STARTING_POINT,\n        totalNegative: GroupableSeriesHelper.STARTING_POINT,\n      };\n      if (value >= 0) {\n        acc.totalPositive += value;\n      } else {\n        acc.totalNegative += Math.abs(value);\n      }\n      this.groupData.set(stackKey, acc);\n    }\n  }\n\n  /**\n   * Returns the total bin domain for a given group key.\n   * The bin domain is the total height of the group, including both positive and negative values.\n   * Note: totalNegative is already stored as an absolute value.\n   */\n  getGroupBinDomain(groupKey: string): number | undefined {\n    const groupDomainObj = this.groupData.get(groupKey);\n    if (!groupDomainObj) {\n      return undefined;\n    }\n    return groupDomainObj.totalPositive + groupDomainObj.totalNegative;\n  }\n\n  /**\n   * Processes a datapoint for grouping, calculating the bin domain metadata.\n   * Also registers the series in the dimension map for the primary axis.\n   * Returns metadata with binDomain set but no accumulator (bars remain side-by-side).\n   */\n  processGroupDatapoint(\n    datapoint: BarDatapoint,\n    chartOrientation: 'vertical' | 'horizontal',\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    seriesId: string,\n    datapointMetadata: DatapointMetadata,\n  ): GroupingResult {\n    const primaryAxis = chartOrientation === 'vertical' ? xAxis : yAxis;\n    const dimension = this.axisIdToDimension.get(primaryAxis.id);\n\n    if (dimension) {\n      dimension.add(seriesId);\n      this.axisIdToDimension.set(primaryAxis.id, dimension);\n    } else {\n      this.axisIdToDimension.set(\n        primaryAxis.id,\n        new Set<string>().add(seriesId),\n      );\n    }\n\n    const { stackKey, value } = getStackingData(\n      chartOrientation,\n      datapoint,\n      xAxis,\n      yAxis,\n    );\n\n    if (typeof value !== 'number') {\n      return { datapointMetadata };\n    }\n\n    const binDomain = this.getGroupBinDomain(stackKey);\n\n    return {\n      datapointMetadata: {\n        ...datapointMetadata,\n        binDomain,\n      },\n    };\n  }\n}\n"],
+  "mappings": "AAOA,SAAS,uBAAuB;AAezB,MAAM,sBAAsB;AAAA,EACjC,OAAwB,iBAAiB;AAAA,EACxB;AAAA,EACD;AAAA,EAEhB,cAAc;AACZ,SAAK,YAAY,oBAAI,IAAI;AACzB,SAAK,oBAAoB,oBAAI,IAAI;AAAA,EACnC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,mBACE,WACA,kBACA,OACA,OACM;AACN,UAAM,EAAE,UAAU,MAAM,IAAI;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,QAAI,OAAO,UAAU,UAAU;AAC7B,YAAM,MAAM,KAAK,UAAU,IAAI,QAAQ,KAAK;AAAA,QAC1C,eAAe,sBAAsB;AAAA,QACrC,eAAe,sBAAsB;AAAA,MACvC;AACA,UAAI,SAAS,GAAG;AACd,YAAI,iBAAiB;AAAA,MACvB,OAAO;AACL,YAAI,iBAAiB,KAAK,IAAI,KAAK;AAAA,MACrC;AACA,WAAK,UAAU,IAAI,UAAU,GAAG;AAAA,IAClC;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,kBAAkB,UAAsC;AACtD,UAAM,iBAAiB,KAAK,UAAU,IAAI,QAAQ;AAClD,QAAI,CAAC,gBAAgB;AACnB,aAAO;AAAA,IACT;AACA,WAAO,eAAe,gBAAgB,eAAe;AAAA,EACvD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,sBACE,WACA,kBACA,OACA,OACA,UACA,mBACgB;AAChB,UAAM,cAAc,qBAAqB,aAAa,QAAQ;AAC9D,UAAM,YAAY,KAAK,kBAAkB,IAAI,YAAY,EAAE;AAE3D,QAAI,WAAW;AACb,gBAAU,IAAI,QAAQ;AACtB,WAAK,kBAAkB,IAAI,YAAY,IAAI,SAAS;AAAA,IACtD,OAAO;AACL,WAAK,kBAAkB;AAAA,QACrB,YAAY;AAAA,SACZ,oBAAI,IAAY,GAAE,IAAI,QAAQ;AAAA,MAChC;AAAA,IACF;AAEA,UAAM,EAAE,UAAU,MAAM,IAAI;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,QAAI,OAAO,UAAU,UAAU;AAC7B,aAAO,EAAE,kBAAkB;AAAA,IAC7B;AAEA,UAAM,YAAY,KAAK,kBAAkB,QAAQ;AAEjD,WAAO;AAAA,MACL,mBAAmB;AAAA,QACjB,GAAG;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/charts/xy-chart/processing-strategies/strategies/stackable-series.js

@@ -37,7 +37,7 @@ class StackableSeriesHelper {
   }
   /**
    * Returns the total bin domain for a given stack key.
-   * The bin domain is the maximum of total positive and total negative values.
+   * The bin domain is the total height of the stack, including both positive and negative values.
    * Note: totalNegative is already stored as an absolute value.
    */
   getStackBinDomain(stackKey) {
@@ -45,7 +45,7 @@ class StackableSeriesHelper {
     if (!domainData) {
       return void 0;
     }
-    return Math.max(domainData.totalPositive, domainData.totalNegative);
+    return domainData.totalPositive + domainData.totalNegative;
   }
   /**
    * Processes a datapoint for stacking, calculating the offset and updating stack groups.

package/esm/charts/xy-chart/processing-strategies/strategies/stackable-series.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/processing-strategies/strategies/stackable-series.ts"],
-  "sourcesContent": ["import type {\n  AnyDatapoint,\n  DatapointMetadata,\n  XYChartAxisInternal,\n  XYChartStackingValueBoundaries,\n} from '../../types/xy-chart-internals.js';\nimport type { AreaDatapoint, BarDatapoint } from '../../types/xy-chart.js';\nimport {\n  getStackedValue,\n  getStackingData,\n} from '../utils/stacking/stack-datapoints.js';\n\nexport interface StackingResult {\n  calcDatapoint: AnyDatapoint;\n  datapointMetadata: DatapointMetadata;\n  shouldContinue: boolean;\n}\n\n/**\n * A class that encapsulates stacking operations for series variants.\n * This class can be instantiated by any series strategy that needs stacking functionality.\n */\ninterface StackDomainData {\n  totalPositive: number;\n  totalNegative: number;\n}\n\nexport class StackableSeriesHelper {\n  private static readonly STARTING_POINT = 0;\n  private readonly stackGroups: Map<string, XYChartStackingValueBoundaries>;\n  private readonly stackDomainData: Map<string, StackDomainData>;\n\n  constructor() {\n    this.stackGroups = new Map();\n    this.stackDomainData = new Map();\n  }\n\n  /**\n   * Accumulates total positive and negative values per stack key.\n   * Should be called during the preprocess phase before processing individual datapoints.\n   * This is needed so that binDomain can be included in metadata for relative stacking.\n   */\n  processStackDomain(\n    datapoint: BarDatapoint | AreaDatapoint,\n    chartOrientation: 'vertical' | 'horizontal',\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ): void {\n    const { stackKey, value } = getStackingData(\n      chartOrientation,\n      datapoint,\n      xAxis,\n      yAxis,\n    );\n\n    if (typeof value === 'number') {\n      const acc = this.stackDomainData.get(stackKey) ?? {\n        totalPositive: StackableSeriesHelper.STARTING_POINT,\n        totalNegative: StackableSeriesHelper.STARTING_POINT,\n      };\n      if (value >= 0) {\n        acc.totalPositive += value;\n      } else {\n        acc.totalNegative += Math.abs(value);\n      }\n      this.stackDomainData.set(stackKey, acc);\n    }\n  }\n\n  /**\n   * Returns the total bin domain for a given stack key.\n   * The bin domain is the maximum of total positive and total negative values.\n   * Note: totalNegative is already stored as an absolute value.\n   */\n  getStackBinDomain(stackKey: string): number | undefined {\n    const domainData = this.stackDomainData.get(stackKey);\n    if (!domainData) {\n      return undefined;\n    }\n\n    return Math.max(domainData.totalPositive, domainData.totalNegative);\n  }\n\n  /**\n   * Processes a datapoint for stacking, calculating the offset and updating stack groups.\n   * Returns the calculated datapoint with stacking offsets applied and enriched metadata.\n   */\n  processStackedDatapoint(\n    datapoint: BarDatapoint | AreaDatapoint,\n    chartOrientation: 'vertical' | 'horizontal',\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    datapointMetadata: DatapointMetadata,\n  ): StackingResult {\n    const { stackKey, value } = getStackingData(\n      chartOrientation,\n      datapoint,\n      xAxis,\n      yAxis,\n    );\n\n    if (typeof value !== 'number') {\n      return {\n        calcDatapoint: {\n          x0: datapoint.x0,\n          x1: datapoint.x1,\n          y0: datapoint.y0,\n          y1: datapoint.y1,\n        },\n        datapointMetadata,\n        shouldContinue: true,\n      };\n    }\n\n    const prevValue = this.stackGroups.get(stackKey) ?? {\n      minBoundary: StackableSeriesHelper.STARTING_POINT,\n      maxBoundary: StackableSeriesHelper.STARTING_POINT,\n    };\n\n    const binDomain = this.getStackBinDomain(stackKey);\n\n    const updatedMetadata: DatapointMetadata = {\n      ...datapointMetadata,\n      accumulator: value > 0 ? prevValue.maxBoundary : prevValue.minBoundary,\n      binDomain,\n    };\n\n    const stackingOffset =\n      value > 0 ? prevValue.maxBoundary : prevValue.minBoundary;\n\n    const calcDatapoint: BarDatapoint = {\n      x0:\n        chartOrientation === 'horizontal' && typeof datapoint.x0 === 'number'\n          ? datapoint.x0 + stackingOffset\n          : datapoint.x0,\n      x1:\n        chartOrientation === 'horizontal' && typeof datapoint.x1 === 'number'\n          ? datapoint.x1 + stackingOffset\n          : datapoint.x1,\n      y0:\n        chartOrientation === 'vertical' && typeof datapoint.y0 === 'number'\n          ? datapoint.y0 + stackingOffset\n          : datapoint.y0,\n      y1:\n        chartOrientation === 'vertical' && typeof datapoint.y1 === 'number'\n          ? datapoint.y1 + stackingOffset\n          : datapoint.y1,\n    };\n\n    this.stackGroups.set(stackKey, {\n      ...prevValue,\n      ...getStackedValue(value, prevValue),\n    });\n\n    return {\n      calcDatapoint,\n      datapointMetadata: updatedMetadata,\n      shouldContinue: false,\n    };\n  }\n}\n"],
-  "mappings": "AAOA;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAiBA,MAAM,sBAAsB;AAAA,EACjC,OAAwB,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EAEjB,cAAc;AACZ,SAAK,cAAc,oBAAI,IAAI;AAC3B,SAAK,kBAAkB,oBAAI,IAAI;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,mBACE,WACA,kBACA,OACA,OACM;AACN,UAAM,EAAE,UAAU,MAAM,IAAI;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,QAAI,OAAO,UAAU,UAAU;AAC7B,YAAM,MAAM,KAAK,gBAAgB,IAAI,QAAQ,KAAK;AAAA,QAChD,eAAe,sBAAsB;AAAA,QACrC,eAAe,sBAAsB;AAAA,MACvC;AACA,UAAI,SAAS,GAAG;AACd,YAAI,iBAAiB;AAAA,MACvB,OAAO;AACL,YAAI,iBAAiB,KAAK,IAAI,KAAK;AAAA,MACrC;AACA,WAAK,gBAAgB,IAAI,UAAU,GAAG;AAAA,IACxC;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,kBAAkB,UAAsC;AACtD,UAAM,aAAa,KAAK,gBAAgB,IAAI,QAAQ;AACpD,QAAI,CAAC,YAAY;AACf,aAAO;AAAA,IACT;AAEA,WAAO,KAAK,IAAI,WAAW,eAAe,WAAW,aAAa;AAAA,EACpE;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,wBACE,WACA,kBACA,OACA,OACA,mBACgB;AAChB,UAAM,EAAE,UAAU,MAAM,IAAI;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,QAAI,OAAO,UAAU,UAAU;AAC7B,aAAO;AAAA,QACL,eAAe;AAAA,UACb,IAAI,UAAU;AAAA,UACd,IAAI,UAAU;AAAA,UACd,IAAI,UAAU;AAAA,UACd,IAAI,UAAU;AAAA,QAChB;AAAA,QACA;AAAA,QACA,gBAAgB;AAAA,MAClB;AAAA,IACF;AAEA,UAAM,YAAY,KAAK,YAAY,IAAI,QAAQ,KAAK;AAAA,MAClD,aAAa,sBAAsB;AAAA,MACnC,aAAa,sBAAsB;AAAA,IACrC;AAEA,UAAM,YAAY,KAAK,kBAAkB,QAAQ;AAEjD,UAAM,kBAAqC;AAAA,MACzC,GAAG;AAAA,MACH,aAAa,QAAQ,IAAI,UAAU,cAAc,UAAU;AAAA,MAC3D;AAAA,IACF;AAEA,UAAM,iBACJ,QAAQ,IAAI,UAAU,cAAc,UAAU;AAEhD,UAAM,gBAA8B;AAAA,MAClC,IACE,qBAAqB,gBAAgB,OAAO,UAAU,OAAO,WACzD,UAAU,KAAK,iBACf,UAAU;AAAA,MAChB,IACE,qBAAqB,gBAAgB,OAAO,UAAU,OAAO,WACzD,UAAU,KAAK,iBACf,UAAU;AAAA,MAChB,IACE,qBAAqB,cAAc,OAAO,UAAU,OAAO,WACvD,UAAU,KAAK,iBACf,UAAU;AAAA,MAChB,IACE,qBAAqB,cAAc,OAAO,UAAU,OAAO,WACvD,UAAU,KAAK,iBACf,UAAU;AAAA,IAClB;AAEA,SAAK,YAAY,IAAI,UAAU;AAAA,MAC7B,GAAG;AAAA,MACH,GAAG,gBAAgB,OAAO,SAAS;AAAA,IACrC,CAAC;AAED,WAAO;AAAA,MACL;AAAA,MACA,mBAAmB;AAAA,MACnB,gBAAgB;AAAA,IAClB;AAAA,EACF;AACF;",
+  "sourcesContent": ["import type {\n  AnyDatapoint,\n  DatapointMetadata,\n  XYChartAxisInternal,\n  XYChartStackingValueBoundaries,\n} from '../../types/xy-chart-internals.js';\nimport type { AreaDatapoint, BarDatapoint } from '../../types/xy-chart.js';\nimport {\n  getStackedValue,\n  getStackingData,\n} from '../utils/stacking/stack-datapoints.js';\n\nexport interface StackingResult {\n  calcDatapoint: AnyDatapoint;\n  datapointMetadata: DatapointMetadata;\n  shouldContinue: boolean;\n}\n\n/**\n * A class that encapsulates stacking operations for series variants.\n * This class can be instantiated by any series strategy that needs stacking functionality.\n */\ninterface StackDomainData {\n  totalPositive: number;\n  totalNegative: number;\n}\n\nexport class StackableSeriesHelper {\n  private static readonly STARTING_POINT = 0;\n  private readonly stackGroups: Map<string, XYChartStackingValueBoundaries>;\n  private readonly stackDomainData: Map<string, StackDomainData>;\n\n  constructor() {\n    this.stackGroups = new Map();\n    this.stackDomainData = new Map();\n  }\n\n  /**\n   * Accumulates total positive and negative values per stack key.\n   * Should be called during the preprocess phase before processing individual datapoints.\n   * This is needed so that binDomain can be included in metadata for relative stacking.\n   */\n  processStackDomain(\n    datapoint: BarDatapoint | AreaDatapoint,\n    chartOrientation: 'vertical' | 'horizontal',\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ): void {\n    const { stackKey, value } = getStackingData(\n      chartOrientation,\n      datapoint,\n      xAxis,\n      yAxis,\n    );\n\n    if (typeof value === 'number') {\n      const acc = this.stackDomainData.get(stackKey) ?? {\n        totalPositive: StackableSeriesHelper.STARTING_POINT,\n        totalNegative: StackableSeriesHelper.STARTING_POINT,\n      };\n      if (value >= 0) {\n        acc.totalPositive += value;\n      } else {\n        acc.totalNegative += Math.abs(value);\n      }\n      this.stackDomainData.set(stackKey, acc);\n    }\n  }\n\n  /**\n   * Returns the total bin domain for a given stack key.\n   * The bin domain is the total height of the stack, including both positive and negative values.\n   * Note: totalNegative is already stored as an absolute value.\n   */\n  getStackBinDomain(stackKey: string): number | undefined {\n    const domainData = this.stackDomainData.get(stackKey);\n    if (!domainData) {\n      return undefined;\n    }\n\n    return domainData.totalPositive + domainData.totalNegative;\n  }\n\n  /**\n   * Processes a datapoint for stacking, calculating the offset and updating stack groups.\n   * Returns the calculated datapoint with stacking offsets applied and enriched metadata.\n   */\n  processStackedDatapoint(\n    datapoint: BarDatapoint | AreaDatapoint,\n    chartOrientation: 'vertical' | 'horizontal',\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    datapointMetadata: DatapointMetadata,\n  ): StackingResult {\n    const { stackKey, value } = getStackingData(\n      chartOrientation,\n      datapoint,\n      xAxis,\n      yAxis,\n    );\n\n    if (typeof value !== 'number') {\n      return {\n        calcDatapoint: {\n          x0: datapoint.x0,\n          x1: datapoint.x1,\n          y0: datapoint.y0,\n          y1: datapoint.y1,\n        },\n        datapointMetadata,\n        shouldContinue: true,\n      };\n    }\n\n    const prevValue = this.stackGroups.get(stackKey) ?? {\n      minBoundary: StackableSeriesHelper.STARTING_POINT,\n      maxBoundary: StackableSeriesHelper.STARTING_POINT,\n    };\n\n    const binDomain = this.getStackBinDomain(stackKey);\n\n    const updatedMetadata: DatapointMetadata = {\n      ...datapointMetadata,\n      accumulator: value > 0 ? prevValue.maxBoundary : prevValue.minBoundary,\n      binDomain,\n    };\n\n    const stackingOffset =\n      value > 0 ? prevValue.maxBoundary : prevValue.minBoundary;\n\n    const calcDatapoint: BarDatapoint = {\n      x0:\n        chartOrientation === 'horizontal' && typeof datapoint.x0 === 'number'\n          ? datapoint.x0 + stackingOffset\n          : datapoint.x0,\n      x1:\n        chartOrientation === 'horizontal' && typeof datapoint.x1 === 'number'\n          ? datapoint.x1 + stackingOffset\n          : datapoint.x1,\n      y0:\n        chartOrientation === 'vertical' && typeof datapoint.y0 === 'number'\n          ? datapoint.y0 + stackingOffset\n          : datapoint.y0,\n      y1:\n        chartOrientation === 'vertical' && typeof datapoint.y1 === 'number'\n          ? datapoint.y1 + stackingOffset\n          : datapoint.y1,\n    };\n\n    this.stackGroups.set(stackKey, {\n      ...prevValue,\n      ...getStackedValue(value, prevValue),\n    });\n\n    return {\n      calcDatapoint,\n      datapointMetadata: updatedMetadata,\n      shouldContinue: false,\n    };\n  }\n}\n"],
+  "mappings": "AAOA;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAiBA,MAAM,sBAAsB;AAAA,EACjC,OAAwB,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EAEjB,cAAc;AACZ,SAAK,cAAc,oBAAI,IAAI;AAC3B,SAAK,kBAAkB,oBAAI,IAAI;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,mBACE,WACA,kBACA,OACA,OACM;AACN,UAAM,EAAE,UAAU,MAAM,IAAI;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,QAAI,OAAO,UAAU,UAAU;AAC7B,YAAM,MAAM,KAAK,gBAAgB,IAAI,QAAQ,KAAK;AAAA,QAChD,eAAe,sBAAsB;AAAA,QACrC,eAAe,sBAAsB;AAAA,MACvC;AACA,UAAI,SAAS,GAAG;AACd,YAAI,iBAAiB;AAAA,MACvB,OAAO;AACL,YAAI,iBAAiB,KAAK,IAAI,KAAK;AAAA,MACrC;AACA,WAAK,gBAAgB,IAAI,UAAU,GAAG;AAAA,IACxC;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,kBAAkB,UAAsC;AACtD,UAAM,aAAa,KAAK,gBAAgB,IAAI,QAAQ;AACpD,QAAI,CAAC,YAAY;AACf,aAAO;AAAA,IACT;AAEA,WAAO,WAAW,gBAAgB,WAAW;AAAA,EAC/C;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,wBACE,WACA,kBACA,OACA,OACA,mBACgB;AAChB,UAAM,EAAE,UAAU,MAAM,IAAI;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,QAAI,OAAO,UAAU,UAAU;AAC7B,aAAO;AAAA,QACL,eAAe;AAAA,UACb,IAAI,UAAU;AAAA,UACd,IAAI,UAAU;AAAA,UACd,IAAI,UAAU;AAAA,UACd,IAAI,UAAU;AAAA,QAChB;AAAA,QACA;AAAA,QACA,gBAAgB;AAAA,MAClB;AAAA,IACF;AAEA,UAAM,YAAY,KAAK,YAAY,IAAI,QAAQ,KAAK;AAAA,MAClD,aAAa,sBAAsB;AAAA,MACnC,aAAa,sBAAsB;AAAA,IACrC;AAEA,UAAM,YAAY,KAAK,kBAAkB,QAAQ;AAEjD,UAAM,kBAAqC;AAAA,MACzC,GAAG;AAAA,MACH,aAAa,QAAQ,IAAI,UAAU,cAAc,UAAU;AAAA,MAC3D;AAAA,IACF;AAEA,UAAM,iBACJ,QAAQ,IAAI,UAAU,cAAc,UAAU;AAEhD,UAAM,gBAA8B;AAAA,MAClC,IACE,qBAAqB,gBAAgB,OAAO,UAAU,OAAO,WACzD,UAAU,KAAK,iBACf,UAAU;AAAA,MAChB,IACE,qBAAqB,gBAAgB,OAAO,UAAU,OAAO,WACzD,UAAU,KAAK,iBACf,UAAU;AAAA,MAChB,IACE,qBAAqB,cAAc,OAAO,UAAU,OAAO,WACvD,UAAU,KAAK,iBACf,UAAU;AAAA,MAChB,IACE,qBAAqB,cAAc,OAAO,UAAU,OAAO,WACvD,UAAU,KAAK,iBACf,UAAU;AAAA,IAClB;AAEA,SAAK,YAAY,IAAI,UAAU;AAAA,MAC7B,GAAG;AAAA,MACH,GAAG,gBAAgB,OAAO,SAAS;AAAA,IACrC,CAAC;AAED,WAAO;AAAA,MACL;AAAA,MACA,mBAAmB;AAAA,MACnB,gBAAgB;AAAA,IAClB;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/charts/xy-chart/providers/XYChartAxesTicksProvider.js

@@ -11,10 +11,30 @@ import { XYChartAxesTicksContext } from "../context/axes/XYChartAxesTicks.contex
 import { useAxesFormatter } from "../hooks/useAxesFormatter.js";
 import { useVisibleAxesConfig } from "../hooks/useVisibleAxesConfig.js";
 import { useVisibleAxesScales } from "../hooks/useVisibleAxesScales.js";
+import {
+  computeNiceUnitTicks,
+  shouldUseNiceUnitTicks
+} from "../utils/generate-nice-unit-ticks.js";
 import { getTicksFormattedByConfig } from "../utils/get-ticks-formatted-by-config.js";
 function getFormatter(numTicks, axisIdToFormatter, config, scale) {
   return config?.isRelative ? getFormatterByTicks(numTicks, scale, units.percentage.percent) : safeGet(axisIdToFormatter, config.id);
 }
+function getTicksForAxis(config, numTicks, scale, formatter, availableSize, orientation) {
+  if (shouldUseNiceUnitTicks(config) && scale !== void 0 && formatter !== void 0) {
+    const domain = scale.domain();
+    const niceTicks = computeNiceUnitTicks(
+      domain,
+      config.formatter,
+      availableSize,
+      orientation,
+      formatter
+    );
+    if (niceTicks !== null) {
+      return niceTicks;
+    }
+  }
+  return getTicksFormattedByConfig(config, numTicks, scale, formatter);
+}
 function XYChartAxesTicksProvider({
   children
 }) {
@@ -27,11 +47,13 @@ function XYChartAxesTicksProvider({
   const topScale = scales.top;
   const topConfig = config.top;
   const topFormatter = topConfig ? getFormatter(horizontalNumTicks, axisIdToFormatter, topConfig, topScale) : void 0;
-  const topTicks = getTicksFormattedByConfig(
+  const topTicks = getTicksForAxis(
     topConfig,
     horizontalNumTicks,
     topScale,
-    topFormatter
+    topFormatter,
+    width,
+    "horizontal"
   );
   const bottomScale = scales.bottom;
   const bottomConfig = config.bottom;
@@ -41,29 +63,35 @@ function XYChartAxesTicksProvider({
     bottomConfig,
     bottomScale
   ) : void 0;
-  const bottomTicks = getTicksFormattedByConfig(
+  const bottomTicks = getTicksForAxis(
     bottomConfig,
     horizontalNumTicks,
     bottomScale,
-    bottomFormatter
+    bottomFormatter,
+    width,
+    "horizontal"
   );
   const leftScale = scales.left;
   const leftConfig = config.left;
   const leftFormatter = leftConfig ? getFormatter(verticalNumTicks, axisIdToFormatter, leftConfig, leftScale) : void 0;
-  const leftTicks = getTicksFormattedByConfig(
+  const leftTicks = getTicksForAxis(
     leftConfig,
     verticalNumTicks,
     leftScale,
-    leftFormatter
+    leftFormatter,
+    height,
+    "vertical"
   );
   const rightScale = scales.right;
   const rightConfig = config.right;
   const rightFormatter = rightConfig ? getFormatter(verticalNumTicks, axisIdToFormatter, rightConfig, rightScale) : void 0;
-  const rightTicks = getTicksFormattedByConfig(
+  const rightTicks = getTicksForAxis(
     rightConfig,
     verticalNumTicks,
     rightScale,
-    rightFormatter
+    rightFormatter,
+    height,
+    "vertical"
   );
   return /* @__PURE__ */ jsx(
     XYChartAxesTicksContext.Provider,
@@ -74,6 +102,7 @@ function XYChartAxesTicksProvider({
   );
 }
 export {
-  XYChartAxesTicksProvider
+  XYChartAxesTicksProvider,
+  getTicksForAxis
 };
 //# sourceMappingURL=XYChartAxesTicksProvider.js.map

package/esm/charts/xy-chart/providers/XYChartAxesTicksProvider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/providers/XYChartAxesTicksProvider.tsx"],
-  "sourcesContent": ["import { type PropsWithChildren } from 'react';\n\nimport { units } from '@dynatrace-sdk/units';\n\nimport { useGridPlotSize } from '../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { getFormatterByTicks } from '../../core/utils/formatter-by-ticks.js';\nimport { safeGet } from '../../core/utils/safe-get.js';\nimport {\n  getHorizontalNumTicks,\n  getVerticalNumTicks,\n} from '../../core/utils/ticks.js';\nimport { XYChartAxesTicksContext } from '../context/axes/XYChartAxesTicks.context.js';\nimport { useAxesFormatter } from '../hooks/useAxesFormatter.js';\nimport { useVisibleAxesConfig } from '../hooks/useVisibleAxesConfig.js';\nimport { useVisibleAxesScales } from '../hooks/useVisibleAxesScales.js';\nimport type {\n  AnyXYChartScale,\n  AxisIdToFormatter,\n  XYChartAxisInternal,\n} from '../types/xy-chart-internals.js';\nimport { getTicksFormattedByConfig } from '../utils/get-ticks-formatted-by-config.js';\n\nfunction getFormatter(\n  numTicks: number,\n  axisIdToFormatter: AxisIdToFormatter,\n  config: XYChartAxisInternal,\n  scale?: AnyXYChartScale,\n) {\n  return config?.isRelative\n    ? getFormatterByTicks(numTicks, scale, units.percentage.percent)\n    : safeGet(axisIdToFormatter, config.id);\n}\n\nexport function XYChartAxesTicksProvider({\n  children,\n}: Readonly<PropsWithChildren>) {\n  const { width, height } = useGridPlotSize();\n  const axisIdToFormatter: AxisIdToFormatter = useAxesFormatter();\n  const config = useVisibleAxesConfig();\n  const scales = useVisibleAxesScales();\n  const horizontalNumTicks = getHorizontalNumTicks(width);\n  const verticalNumTicks = getVerticalNumTicks(height);\n\n  const topScale = scales.top;\n  const topConfig = config.top;\n\n  const topFormatter = topConfig\n    ? getFormatter(horizontalNumTicks, axisIdToFormatter, topConfig, topScale)\n    : undefined;\n\n  const topTicks = getTicksFormattedByConfig(\n    topConfig,\n    horizontalNumTicks,\n    topScale,\n    topFormatter,\n  );\n\n  const bottomScale = scales.bottom;\n  const bottomConfig = config.bottom;\n\n  const bottomFormatter = bottomConfig\n    ? getFormatter(\n        horizontalNumTicks,\n        axisIdToFormatter,\n        bottomConfig,\n        bottomScale,\n      )\n    : undefined;\n\n  const bottomTicks = getTicksFormattedByConfig(\n    bottomConfig,\n    horizontalNumTicks,\n    bottomScale,\n    bottomFormatter,\n  );\n\n  const leftScale = scales.left;\n  const leftConfig = config.left;\n\n  const leftFormatter = leftConfig\n    ? getFormatter(verticalNumTicks, axisIdToFormatter, leftConfig, leftScale)\n    : undefined;\n\n  const leftTicks = getTicksFormattedByConfig(\n    leftConfig,\n    verticalNumTicks,\n    leftScale,\n    leftFormatter,\n  );\n\n  const rightScale = scales.right;\n  const rightConfig = config.right;\n\n  const rightFormatter = rightConfig\n    ? getFormatter(verticalNumTicks, axisIdToFormatter, rightConfig, rightScale)\n    : undefined;\n\n  const rightTicks = getTicksFormattedByConfig(\n    rightConfig,\n    verticalNumTicks,\n    rightScale,\n    rightFormatter,\n  );\n\n  return (\n    <XYChartAxesTicksContext.Provider\n      value={{ topTicks, bottomTicks, leftTicks, rightTicks }}\n    >\n      {children}\n    </XYChartAxesTicksContext.Provider>\n  );\n}\n"],
-  "mappings": "AAyGI;AAvGJ,SAAS,aAAa;AAEtB,SAAS,uBAAuB;AAChC,SAAS,2BAA2B;AACpC,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,+BAA+B;AACxC,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AAMrC,SAAS,iCAAiC;AAE1C,SAAS,aACP,UACA,mBACA,QACA,OACA;AACA,SAAO,QAAQ,aACX,oBAAoB,UAAU,OAAO,MAAM,WAAW,OAAO,IAC7D,QAAQ,mBAAmB,OAAO,EAAE;AAC1C;AAEO,SAAS,yBAAyB;AAAA,EACvC;AACF,GAAgC;AAC9B,QAAM,EAAE,OAAO,OAAO,IAAI,gBAAgB;AAC1C,QAAM,oBAAuC,iBAAiB;AAC9D,QAAM,SAAS,qBAAqB;AACpC,QAAM,SAAS,qBAAqB;AACpC,QAAM,qBAAqB,sBAAsB,KAAK;AACtD,QAAM,mBAAmB,oBAAoB,MAAM;AAEnD,QAAM,WAAW,OAAO;AACxB,QAAM,YAAY,OAAO;AAEzB,QAAM,eAAe,YACjB,aAAa,oBAAoB,mBAAmB,WAAW,QAAQ,IACvE;AAEJ,QAAM,WAAW;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,cAAc,OAAO;AAC3B,QAAM,eAAe,OAAO;AAE5B,QAAM,kBAAkB,eACpB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IACA;AAEJ,QAAM,cAAc;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,YAAY,OAAO;AACzB,QAAM,aAAa,OAAO;AAE1B,QAAM,gBAAgB,aAClB,aAAa,kBAAkB,mBAAmB,YAAY,SAAS,IACvE;AAEJ,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,aAAa,OAAO;AAC1B,QAAM,cAAc,OAAO;AAE3B,QAAM,iBAAiB,cACnB,aAAa,kBAAkB,mBAAmB,aAAa,UAAU,IACzE;AAEJ,QAAM,aAAa;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACC,OAAO,EAAE,UAAU,aAAa,WAAW,WAAW;AAAA,MAErD;AAAA;AAAA,EACH;AAEJ;",
+  "sourcesContent": ["import { type PropsWithChildren } from 'react';\n\nimport { units } from '@dynatrace-sdk/units';\n\nimport { useGridPlotSize } from '../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { getFormatterByTicks } from '../../core/utils/formatter-by-ticks.js';\nimport type { TickAxis } from '../../core/utils/formatter-by-ticks.js';\nimport { safeGet } from '../../core/utils/safe-get.js';\nimport {\n  getHorizontalNumTicks,\n  getVerticalNumTicks,\n} from '../../core/utils/ticks.js';\nimport { XYChartAxesTicksContext } from '../context/axes/XYChartAxesTicks.context.js';\nimport { useAxesFormatter } from '../hooks/useAxesFormatter.js';\nimport { useVisibleAxesConfig } from '../hooks/useVisibleAxesConfig.js';\nimport { useVisibleAxesScales } from '../hooks/useVisibleAxesScales.js';\nimport type {\n  AnyXYChartScale,\n  AxisIdToFormatter,\n  XYChartAxisInternal,\n} from '../types/xy-chart-internals.js';\nimport {\n  computeNiceUnitTicks,\n  shouldUseNiceUnitTicks,\n} from '../utils/generate-nice-unit-ticks.js';\nimport { getTicksFormattedByConfig } from '../utils/get-ticks-formatted-by-config.js';\n\nfunction getFormatter(\n  numTicks: number,\n  axisIdToFormatter: AxisIdToFormatter,\n  config: XYChartAxisInternal,\n  scale?: AnyXYChartScale,\n) {\n  return config?.isRelative\n    ? getFormatterByTicks(numTicks, scale, units.percentage.percent)\n    : safeGet(axisIdToFormatter, config.id);\n}\n\n/**\n * @internal\n * Resolves the tick data for a single axis. Uses nice unit ticks when the axis\n * is linear with a unit-converting formatter; otherwise falls back to the\n * standard formatted-ticks path.\n */\nexport function getTicksForAxis(\n  config: XYChartAxisInternal | undefined,\n  numTicks: number,\n  scale: AnyXYChartScale | undefined,\n  formatter: ReturnType<typeof getFormatter> | undefined,\n  availableSize: number,\n  orientation: 'horizontal' | 'vertical',\n): TickAxis {\n  if (\n    shouldUseNiceUnitTicks(config) &&\n    scale !== undefined &&\n    formatter !== undefined\n  ) {\n    const domain = scale.domain() as [number, number];\n    const niceTicks = computeNiceUnitTicks(\n      domain,\n      config.formatter,\n      availableSize,\n      orientation,\n      formatter,\n    );\n\n    if (niceTicks !== null) {\n      return niceTicks;\n    }\n  }\n\n  return getTicksFormattedByConfig(config, numTicks, scale, formatter);\n}\n\nexport function XYChartAxesTicksProvider({\n  children,\n}: Readonly<PropsWithChildren>) {\n  const { width, height } = useGridPlotSize();\n  const axisIdToFormatter: AxisIdToFormatter = useAxesFormatter();\n  const config = useVisibleAxesConfig();\n  const scales = useVisibleAxesScales();\n  const horizontalNumTicks = getHorizontalNumTicks(width);\n  const verticalNumTicks = getVerticalNumTicks(height);\n\n  const topScale = scales.top;\n  const topConfig = config.top;\n\n  const topFormatter = topConfig\n    ? getFormatter(horizontalNumTicks, axisIdToFormatter, topConfig, topScale)\n    : undefined;\n\n  const topTicks = getTicksForAxis(\n    topConfig,\n    horizontalNumTicks,\n    topScale,\n    topFormatter,\n    width,\n    'horizontal',\n  );\n\n  const bottomScale = scales.bottom;\n  const bottomConfig = config.bottom;\n\n  const bottomFormatter = bottomConfig\n    ? getFormatter(\n        horizontalNumTicks,\n        axisIdToFormatter,\n        bottomConfig,\n        bottomScale,\n      )\n    : undefined;\n\n  const bottomTicks = getTicksForAxis(\n    bottomConfig,\n    horizontalNumTicks,\n    bottomScale,\n    bottomFormatter,\n    width,\n    'horizontal',\n  );\n\n  const leftScale = scales.left;\n  const leftConfig = config.left;\n\n  const leftFormatter = leftConfig\n    ? getFormatter(verticalNumTicks, axisIdToFormatter, leftConfig, leftScale)\n    : undefined;\n\n  const leftTicks = getTicksForAxis(\n    leftConfig,\n    verticalNumTicks,\n    leftScale,\n    leftFormatter,\n    height,\n    'vertical',\n  );\n\n  const rightScale = scales.right;\n  const rightConfig = config.right;\n\n  const rightFormatter = rightConfig\n    ? getFormatter(verticalNumTicks, axisIdToFormatter, rightConfig, rightScale)\n    : undefined;\n\n  const rightTicks = getTicksForAxis(\n    rightConfig,\n    verticalNumTicks,\n    rightScale,\n    rightFormatter,\n    height,\n    'vertical',\n  );\n\n  return (\n    <XYChartAxesTicksContext.Provider\n      value={{ topTicks, bottomTicks, leftTicks, rightTicks }}\n    >\n      {children}\n    </XYChartAxesTicksContext.Provider>\n  );\n}\n"],
+  "mappings": "AA0JI;AAxJJ,SAAS,aAAa;AAEtB,SAAS,uBAAuB;AAChC,SAAS,2BAA2B;AAEpC,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,+BAA+B;AACxC,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AAMrC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,iCAAiC;AAE1C,SAAS,aACP,UACA,mBACA,QACA,OACA;AACA,SAAO,QAAQ,aACX,oBAAoB,UAAU,OAAO,MAAM,WAAW,OAAO,IAC7D,QAAQ,mBAAmB,OAAO,EAAE;AAC1C;AAQO,SAAS,gBACd,QACA,UACA,OACA,WACA,eACA,aACU;AACV,MACE,uBAAuB,MAAM,KAC7B,UAAU,UACV,cAAc,QACd;AACA,UAAM,SAAS,MAAM,OAAO;AAC5B,UAAM,YAAY;AAAA,MAChB;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,QAAI,cAAc,MAAM;AACtB,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO,0BAA0B,QAAQ,UAAU,OAAO,SAAS;AACrE;AAEO,SAAS,yBAAyB;AAAA,EACvC;AACF,GAAgC;AAC9B,QAAM,EAAE,OAAO,OAAO,IAAI,gBAAgB;AAC1C,QAAM,oBAAuC,iBAAiB;AAC9D,QAAM,SAAS,qBAAqB;AACpC,QAAM,SAAS,qBAAqB;AACpC,QAAM,qBAAqB,sBAAsB,KAAK;AACtD,QAAM,mBAAmB,oBAAoB,MAAM;AAEnD,QAAM,WAAW,OAAO;AACxB,QAAM,YAAY,OAAO;AAEzB,QAAM,eAAe,YACjB,aAAa,oBAAoB,mBAAmB,WAAW,QAAQ,IACvE;AAEJ,QAAM,WAAW;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,cAAc,OAAO;AAC3B,QAAM,eAAe,OAAO;AAE5B,QAAM,kBAAkB,eACpB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IACA;AAEJ,QAAM,cAAc;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,YAAY,OAAO;AACzB,QAAM,aAAa,OAAO;AAE1B,QAAM,gBAAgB,aAClB,aAAa,kBAAkB,mBAAmB,YAAY,SAAS,IACvE;AAEJ,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,aAAa,OAAO;AAC1B,QAAM,cAAc,OAAO;AAE3B,QAAM,iBAAiB,cACnB,aAAa,kBAAkB,mBAAmB,aAAa,UAAU,IACzE;AAEJ,QAAM,aAAa;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACC,OAAO,EAAE,UAAU,aAAa,WAAW,WAAW;AAAA,MAErD;AAAA;AAAA,EACH;AAEJ;",
   "names": []
 }

package/esm/charts/xy-chart/providers/XYChartOverlayPerformanceProvider.js

@@ -23,7 +23,8 @@ const XYChartOverlayPerformanceProvider = ({
     ) : buildQueryGetClosestPoint(
       axisIdToScales,
       seriesToMetadata,
-      datapointMetadataMap
+      datapointMetadataMap,
+      axisIdToScaleDomain
     );
     const queryHovered = buildQueryHovered(
       axisIdToScales,

package/esm/charts/xy-chart/providers/XYChartOverlayPerformanceProvider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/providers/XYChartOverlayPerformanceProvider.tsx"],
-  "sourcesContent": ["import { useMemo } from 'react';\n\nimport { WithChildren } from '../../../core/types/with-children.js';\nimport { XYChartOverlayPerformanceContext } from '../context/XYChartOverlayPerformance.context.js';\nimport { useBuildQuadtree } from '../hooks/useBuildQuadtree.js';\nimport { useXYChartData } from '../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../hooks/useXYChartScales.js';\nimport { buildQueryClosest } from '../utils/query-closest-quadtree.js';\nimport { buildQueryGetClosestPoint } from '../utils/query-get-closest-point.js';\nimport { buildQueryHovered } from '../utils/query-hovered.js';\n\nexport const XYChartOverlayPerformanceProvider = ({\n  children,\n}: WithChildren) => {\n  const axisIdToScales = useXYChartScales();\n  const { datapointMetadataMap, axisIdToScaleDomain, seriesToMetadata } =\n    useXYChartData();\n  const seriesIdToTree = useBuildQuadtree();\n\n  const contextValue = useMemo(() => {\n    const queryClosest = seriesIdToTree\n      ? buildQueryClosest(\n          seriesIdToTree,\n          axisIdToScales,\n          seriesToMetadata,\n          axisIdToScaleDomain,\n          datapointMetadataMap,\n        )\n      : buildQueryGetClosestPoint(\n          axisIdToScales,\n          seriesToMetadata,\n          datapointMetadataMap,\n        );\n    const queryHovered = buildQueryHovered(\n      axisIdToScales,\n      datapointMetadataMap,\n      seriesToMetadata,\n      axisIdToScaleDomain,\n    );\n    return { queryClosest, queryHovered };\n  }, [\n    seriesIdToTree,\n    axisIdToScales,\n    seriesToMetadata,\n    axisIdToScaleDomain,\n    datapointMetadataMap,\n  ]);\n\n  return (\n    <XYChartOverlayPerformanceContext.Provider value={contextValue}>\n      {children}\n    </XYChartOverlayPerformanceContext.Provider>\n  );\n};\n\nXYChartOverlayPerformanceProvider.displayName =\n  'XYChartOverlayPerformanceProvider';\n"],
-  "mappings": "AAiDI;AAjDJ,SAAS,eAAe;AAGxB,SAAS,wCAAwC;AACjD,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC,SAAS,iCAAiC;AAC1C,SAAS,yBAAyB;AAE3B,MAAM,oCAAoC,CAAC;AAAA,EAChD;AACF,MAAoB;AAClB,QAAM,iBAAiB,iBAAiB;AACxC,QAAM,EAAE,sBAAsB,qBAAqB,iBAAiB,IAClE,eAAe;AACjB,QAAM,iBAAiB,iBAAiB;AAExC,QAAM,eAAe,QAAQ,MAAM;AACjC,UAAM,eAAe,iBACjB;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,IACF;AACJ,UAAM,eAAe;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AACA,WAAO,EAAE,cAAc,aAAa;AAAA,EACtC,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,oBAAC,iCAAiC,UAAjC,EAA0C,OAAO,cAC/C,UACH;AAEJ;AAEA,kCAAkC,cAChC;",
+  "sourcesContent": ["import { useMemo } from 'react';\n\nimport { WithChildren } from '../../../core/types/with-children.js';\nimport { XYChartOverlayPerformanceContext } from '../context/XYChartOverlayPerformance.context.js';\nimport { useBuildQuadtree } from '../hooks/useBuildQuadtree.js';\nimport { useXYChartData } from '../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../hooks/useXYChartScales.js';\nimport { buildQueryClosest } from '../utils/query-closest-quadtree.js';\nimport { buildQueryGetClosestPoint } from '../utils/query-get-closest-point.js';\nimport { buildQueryHovered } from '../utils/query-hovered.js';\n\nexport const XYChartOverlayPerformanceProvider = ({\n  children,\n}: WithChildren) => {\n  const axisIdToScales = useXYChartScales();\n  const { datapointMetadataMap, axisIdToScaleDomain, seriesToMetadata } =\n    useXYChartData();\n  const seriesIdToTree = useBuildQuadtree();\n\n  const contextValue = useMemo(() => {\n    const queryClosest = seriesIdToTree\n      ? buildQueryClosest(\n          seriesIdToTree,\n          axisIdToScales,\n          seriesToMetadata,\n          axisIdToScaleDomain,\n          datapointMetadataMap,\n        )\n      : buildQueryGetClosestPoint(\n          axisIdToScales,\n          seriesToMetadata,\n          datapointMetadataMap,\n          axisIdToScaleDomain,\n        );\n    const queryHovered = buildQueryHovered(\n      axisIdToScales,\n      datapointMetadataMap,\n      seriesToMetadata,\n      axisIdToScaleDomain,\n    );\n    return { queryClosest, queryHovered };\n  }, [\n    seriesIdToTree,\n    axisIdToScales,\n    seriesToMetadata,\n    axisIdToScaleDomain,\n    datapointMetadataMap,\n  ]);\n\n  return (\n    <XYChartOverlayPerformanceContext.Provider value={contextValue}>\n      {children}\n    </XYChartOverlayPerformanceContext.Provider>\n  );\n};\n\nXYChartOverlayPerformanceProvider.displayName =\n  'XYChartOverlayPerformanceProvider';\n"],
+  "mappings": "AAkDI;AAlDJ,SAAS,eAAe;AAGxB,SAAS,wCAAwC;AACjD,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC,SAAS,iCAAiC;AAC1C,SAAS,yBAAyB;AAE3B,MAAM,oCAAoC,CAAC;AAAA,EAChD;AACF,MAAoB;AAClB,QAAM,iBAAiB,iBAAiB;AACxC,QAAM,EAAE,sBAAsB,qBAAqB,iBAAiB,IAClE,eAAe;AACjB,QAAM,iBAAiB,iBAAiB;AAExC,QAAM,eAAe,QAAQ,MAAM;AACjC,UAAM,eAAe,iBACjB;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AACJ,UAAM,eAAe;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AACA,WAAO,EAAE,cAAc,aAAa;AAAA,EACtC,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,oBAAC,iCAAiC,UAAjC,EAA0C,OAAO,cAC/C,UACH;AAEJ;AAEA,kCAAkC,cAChC;",
   "names": []
 }

package/esm/charts/xy-chart/types/xy-chart-internals.js

@@ -1,3 +1,7 @@
+import {
+  ORIENTATION_HORIZONTAL,
+  ORIENTATION_VERTICAL
+} from "../../core/components/canvas/types/canvas-shape.js";
 const RANGE_LEGEND_TYPE = "range";
 const CATEGORICAL_LEGEND_TYPE = "categorical";
 const RECT_VARIANT = "rect";
@@ -5,14 +9,24 @@ const DOT_VARIANT = "dot";
 const LINE_VARIANT = "line";
 const BAR_VARIANT = "bar";
 const AREA_VARIANT = "area";
+const BAND_VARIANT = "band";
+const AREA_HORIZONTAL = `${AREA_VARIANT}${ORIENTATION_HORIZONTAL}`;
+const AREA_VERTICAL = `${AREA_VARIANT}${ORIENTATION_VERTICAL}`;
+const BAND_HORIZONTAL = `${BAND_VARIANT}${ORIENTATION_HORIZONTAL}`;
+const BAND_VERTICAL = `${BAND_VARIANT}${ORIENTATION_VERTICAL}`;
 const DOT_ID = "dot_id";
 const LINE_ID = "line_id";
 const AREA_ID = "area_id";
 const RECT_ID = "rect_id";
 const BAR_ID = "bar_id";
 export {
+  AREA_HORIZONTAL,
   AREA_ID,
   AREA_VARIANT,
+  AREA_VERTICAL,
+  BAND_HORIZONTAL,
+  BAND_VARIANT,
+  BAND_VERTICAL,
   BAR_ID,
   BAR_VARIANT,
   CATEGORICAL_LEGEND_TYPE,

package/esm/charts/xy-chart/types/xy-chart-internals.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/types/xy-chart-internals.ts"],
-  "sourcesContent": ["import {\n  type ScaleBand,\n  type ScaleLinear,\n  type ScaleOrdinal,\n  ScaleQuantize,\n  type ScaleSymLog,\n  ScaleThreshold,\n  type ScaleTime,\n} from 'd3-scale';\n\nimport type {\n  ConvertibleUnit,\n  FormatOptions,\n  Unit,\n} from '@dynatrace-sdk/units';\n\nimport type { XYAxisTypeLinear, XYAxisTypeLog } from './axis.js';\nimport type {\n  XYChartAreaSeriesProps,\n  XYChartBarSeriesProps,\n  XYChartCategoricalAxisProps,\n  XYChartChartLegendProps,\n  XYChartCustomTooltipProps,\n  XYChartDotSeriesProps,\n  XYChartLineSeriesProps,\n  XYChartLogAxisProps,\n  XYChartNumericalAxisProps,\n  XYChartProps,\n  XYChartRectSeriesProps,\n  XYChartSelectConfig,\n  XYChartSeriesBaseProps,\n  XYChartThresholdIndicatorProps,\n  XYChartTimeAxisProps,\n  XYChartToolbarConfigProps,\n  XYChartXAxisProps,\n  XYChartYAxisProps,\n  XYShapeColorPaletteProp,\n} from './xy-chart-props.js';\nimport type {\n  XYChartAreaSeries,\n  XYChartBarSeries,\n  XYChartDotSeries,\n  XYChartLineSeries,\n  XYChartRectSeries,\n  AreaDatapoint,\n  BarDatapoint,\n  BarSeriesVariant,\n  BaseDatapoint,\n  DotDatapoint,\n  LineDatapoint,\n  SeriesCurve,\n  XYAccessorDataTypes,\n  XYChartAreaSeriesActionItem,\n  XYChartBarSeriesActionItem,\n  XYChartColorPalette,\n  XYChartData,\n  XYChartDotSeriesActionItem,\n  XYChartLineSeriesActionItem,\n  XYChartRectSeriesActionItem,\n  XYChartThresholdDynamicData,\n  XYChartThresholdStaticData,\n  XYChartXAxisPosition,\n  XYChartYAxisPosition,\n} from './xy-chart.js';\nimport type { TickLabelLayout } from '../../core/components/axes/types.js';\nimport type {\n  Orientation,\n  PointsDisplay,\n} from '../../core/components/canvas/types/canvas-shape.js';\nimport type { PointShapeType } from '../../core/components/shape/type.js';\nimport type { THRESHOLD_BAR_THICKNESS } from '../../core/components/threshold-bar/types/constants.js';\nimport { ChartUnit } from '../../core/types/chart-unit.js';\nimport type { ColorToken } from '../../core/types/color-palette.js';\nimport type {\n  ColorRuleProps,\n  MatchValue,\n} from '../../core/types/color-rule.js';\nimport type { DataPoint } from '../../core/types/data-point.js';\nimport type {\n  DateTimeFormatter,\n  Formatter,\n  FormatterWithPrecision,\n} from '../../core/types/formatter.js';\nimport type { ZoomChangeHandler } from '../../core/types/interactions.js';\nimport type { MinMax } from '../../core/types/min-max.js';\nimport { SeriesActionsTemplate } from '../../core/types/series-actions-template.js';\nimport { XYChartAnnotationsConfigProps } from '../context/XYChartAnnotationsConfig.context.js';\n\n/**\n * Type for the validator function returned by buildValidator(VALUE_MATCHERS)\n */\nexport type ColorRuleValidator = <T extends MatchValue>(\n  subject: T,\n  comparator: ColorRuleProps['comparator'],\n  value: T,\n) => boolean;\n\nexport type ChartInteractionsInternal = {\n  zoom: boolean;\n  pan: boolean;\n  infinite: boolean;\n} & (\n  | {\n      initial?: [Date, Date];\n      current?: [Date, Date];\n    }\n  | {\n      initial?: [number, number];\n      current?: [number, number];\n    }\n);\n\nexport interface XYChartLinearAxisInternalProps\n  extends Omit<XYChartNumericalAxisProps, 'type'> {\n  type: XYAxisTypeLinear;\n}\n\nexport interface XYChartLogAxisInternalProps\n  extends Omit<XYChartLogAxisProps, 'type'> {\n  type: XYAxisTypeLog;\n}\n\n/**\n * @internal\n * axis slot config\n */\nexport type XYChartAxisInternal = XYChartAxisInternalProps & {\n  tickLabelLayout: TickLabelLayout;\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n  unit?: ChartUnit;\n  isRelative: boolean;\n} & (\n    | {\n        coordinate: 'x';\n        position: XYChartXAxisPosition;\n        interactions: ChartInteractionsInternal;\n        onZoomChange: ZoomChangeHandler;\n      }\n    | {\n        coordinate: 'y';\n        position: XYChartYAxisPosition;\n        interactions: Record<\n          keyof Omit<ChartInteractionsInternal, 'initial' | 'current'>,\n          false\n        > & { initial?: undefined; current?: undefined };\n        onZoomChange: ZoomChangeHandler;\n      }\n  );\n\n/**\n * @internal\n * xychart axis props\n */\nexport type XYChartAxisInternalProps =\n  | XYChartLinearAxisInternalProps\n  | XYChartLogAxisInternalProps\n  | XYChartCategoricalAxisProps\n  | XYChartTimeAxisProps;\n\nexport interface XYChartSeriesBaseInternal {\n  id: SeriesId;\n}\n\n/**\n * @internal\n * rect series slot config\n */\nexport interface XYChartRectSeriesInternal\n  extends XYChartRectSeriesProps,\n    XYChartSeriesBaseInternal {\n  type: typeof RECT_VARIANT;\n}\n\n/**\n * @internal\n * Dot series slot config\n */\nexport type XYChartDotSeriesInternal = XYChartDotSeriesProps &\n  XYChartSeriesBaseInternal & {\n    type: typeof DOT_VARIANT;\n  };\n\n/**\n * @internal\n * Line series slot config\n */\nexport type XYChartLineSeriesInternal = XYChartLineSeriesProps &\n  XYChartSeriesBaseInternal & {\n    type: typeof LINE_VARIANT;\n  };\n\n/**\n * @internal\n * Bar series slot config\n */\nexport type XYChartBarSeriesInternal = XYChartBarSeriesProps &\n  XYChartSeriesBaseInternal & {\n    type: typeof BAR_VARIANT;\n  };\n\n/**\n * @internal\n * xy chart orientation type for Bar and Area variants.\n * Extends AreaCanvasOrientation with 'both' for cases like rect series\n * where datapoints can have both horizontal and vertical extent.\n */\nexport type XYChartOrientation = Orientation | 'both';\n\n/**\n * @internal\n * xy chart area variant type - determines if the area is a simple area or a band (with both y0 and y1)\n */\nexport type XYChartAreaVariant = 'area' | 'band';\n\n/**\n * @internal\n * Area series slot config\n */\nexport type XYChartAreaSeriesInternal = XYChartAreaSeriesProps &\n  XYChartSeriesBaseInternal & {\n    type: typeof AREA_VARIANT;\n  };\n\n/**\n * @internal\n * xy chart axis direction type\n */\nexport type XYChartAxisDirection = 'x' | 'y' | undefined;\n\n/**\n * @internal\n * xy chart stacking value boundaries\n */\nexport type XYChartStackingValueBoundaries = {\n  minBoundary: number;\n  maxBoundary: number;\n};\n\n/**\n * @internal\n * series variant type\n */\nexport type XYChartVariantsInternal =\n  | XYChartRectSeriesInternal\n  | XYChartDotSeriesInternal\n  | XYChartLineSeriesInternal\n  | XYChartBarSeriesInternal\n  | XYChartAreaSeriesInternal;\n\nexport type AnyXYChartScale =\n  | ScaleSymLog<number, number>\n  | ScaleLinear<number, number>\n  | ScaleTime<number, number>\n  | ScaleBand<string>;\n\n/** The color scale for the xy chart */\nexport type XYChartColorScale =\n  | ScaleQuantize<string>\n  | ScaleOrdinal<string, string, string>\n  | ScaleThreshold<number, string>;\n\n/** The id for the axis */\nexport type AxisId = string;\n\n/** The id for the series */\nexport type SeriesId = string;\n\n/**\n * @internal\n * Props that represent the extracted slots of the xy chart\n */\nexport interface XYChartSlots {\n  series: Array<\n    | XYChartRectSeriesInternal\n    | XYChartDotSeriesInternal\n    | XYChartLineSeriesInternal\n    | XYChartBarSeriesInternal\n    | XYChartAreaSeriesInternal\n  >;\n  yAxes: XYChartYAxisProps[];\n  xAxes: XYChartXAxisProps[];\n  legend: XYChartChartLegendProps;\n  toolbar: XYChartToolbarConfigProps;\n  thresholds: XYChartThresholdIndicatorProps[];\n  annotations?: XYChartAnnotationsConfigProps;\n  select?: XYChartSelectConfig;\n  colorRules?: ColorRuleProps[];\n  customTooltip?: XYChartCustomTooltipProps;\n}\n\nexport interface XYChartInternals {\n  series: XYChartSlots['series'];\n  axes: XYChartAxisInternal[];\n  thresholds: XYChartThresholdsInternal;\n}\n\nexport type XYChartThresholdsInternal =\n  | {\n      thresholds: [];\n      none: true;\n      offset: { left: 0; right: 0 };\n    }\n  | {\n      thresholds: XYChartThresholdsPropsInternal;\n      none: false;\n      offset: {\n        left: typeof THRESHOLD_BAR_THICKNESS | 0;\n        right: typeof THRESHOLD_BAR_THICKNESS | 0;\n      };\n    };\n\ntype XYChartThresholdPropsInternal = {\n  id: string;\n  data: XYChartThresholdStaticData;\n  color: string;\n  position: XYChartYAxisPosition;\n  label?: string;\n  strokeOnly?: boolean;\n  yAxisId: string;\n};\n\nexport type XYChartThresholdDynamicPropsInternal = {\n  xAxisId: string;\n  data: XYChartThresholdDynamicData[];\n} & Omit<XYChartThresholdPropsInternal, 'data'>;\n\nexport type XYChartThresholdStaticPropsInternal = XYChartThresholdPropsInternal;\n\nexport type XYChartThresholdsPropsInternal = (\n  | XYChartThresholdDynamicPropsInternal\n  | XYChartThresholdStaticPropsInternal\n)[];\n\nexport interface XYChartVisibleAxesScales {\n  top: AnyXYChartScale | undefined;\n  bottom: AnyXYChartScale | undefined;\n  left: AnyXYChartScale | undefined;\n  right: AnyXYChartScale | undefined;\n}\n\nexport interface XYChartVisibleAxesConfig {\n  top: XYChartAxisInternal | undefined;\n  bottom: XYChartAxisInternal | undefined;\n  left: XYChartAxisInternal | undefined;\n  right: XYChartAxisInternal | undefined;\n}\n\n/**\n * @internal\n * XYCharts that can be used in exported/imported configuration\n */\nexport type ExportableXYChartProps = Pick<\n  XYChartProps,\n  'colorPalette' | 'truncationMode'\n>;\n\n/**\n * @internal\n * Category unique name\n */\nexport type CategoryName = string;\n\n/**\n * @internal\n *\n * min/max map by Axis Id filled in the data processing loop\n */\nexport type AxisIdToScaleDomain = Map<AxisId, MinMax | Set<CategoryName>>;\n\n/**\n * @internal\n * Maps each axis to the set of grouped categories (dimension keys) detected during data processing.\n */\nexport type AxisIdToDimension = Map<AxisId, Set<SeriesId>>;\n\n/**\n * @internal\n *\n * min/max map by Axis Id with only valid axis and\n */\nexport type AxisIdToCurrentScaleDomain = Map<AxisId, MinMax | undefined>;\n\n/**\n * @internal\n *\n * Formatter map by Axis Id\n */\nexport type AxisIdToFormatter = Map<\n  AxisId,\n  FormatterWithPrecision | DateTimeFormatter\n>;\n\n/**\n * @internal\n *\n * min/max OR categories value by Series Id filled in the data processing loop\n */\nexport type RectSeriesIdToValueScaleDomain = Map<\n  SeriesId,\n  MinMax | Set<CategoryName>\n>;\n\nexport interface SeriesPropsWithAxes {\n  seriesProps: XYChartVariantsInternal;\n  xAxis: XYChartAxisInternal;\n  yAxis: XYChartAxisInternal;\n}\n\n/* @internal\n * The base datapoint for the xy chart\n */\nexport type XYValueAccessorDataTypes = number | string | undefined | null;\n\n/* @internal\n */\nexport interface RectDatapointInternal extends BaseDatapoint {\n  x1?: XYAccessorDataTypes;\n  y1?: XYAccessorDataTypes;\n  value: XYValueAccessorDataTypes;\n}\n\nexport type XYChartSeriesWithDatapoints =\n  | RectSeriesWithDatapoints\n  | DotSeriesWithDatapoints\n  | LineSeriesWithDatapoints\n  | BarSeriesWithDatapoints\n  | AreaSeriesWithDatapoints;\n\nexport interface RectSeriesWithDatapoints {\n  id: SeriesId;\n  type: typeof RECT_VARIANT;\n  data: RectDatapointInternal[];\n  filteredData: RectDatapointInternal[];\n  xAxisId: string;\n  yAxisId: string;\n}\n\nexport interface DotSeriesWithDatapoints {\n  id: SeriesId;\n  type: typeof DOT_VARIANT;\n  data: DotDatapoint[];\n  xAxisId: string;\n  yAxisId: string;\n}\n\nexport interface LineSeriesWithDatapoints {\n  id: SeriesId;\n  type: typeof LINE_VARIANT;\n  data: LineDatapoint[];\n  xAxisId: string;\n  yAxisId: string;\n}\n\nexport interface BarSeriesWithDatapoints {\n  id: SeriesId;\n  type: typeof BAR_VARIANT;\n  data: BarDatapoint[];\n  xAxisId: string;\n  yAxisId: string;\n}\n\nexport interface AreaSeriesWithDatapoints {\n  id: SeriesId;\n  type: typeof AREA_VARIANT;\n  data: AreaDatapoint[];\n  xAxisId: string;\n  yAxisId: string;\n}\n\nexport type AnyDatapoint =\n  | RectDatapointInternal\n  | DotDatapoint\n  | LineDatapoint\n  | BarDatapoint\n  | AreaDatapoint;\n\nexport type BaseMetadata = {\n  name: string;\n  xAxis: XYChartAxisInternal;\n  yAxis: XYChartAxisInternal;\n  colorPalette: XYChartColorPalette;\n  colorIsFromSlot: boolean;\n  isVisible?: boolean;\n};\n\nexport interface RectMetadata extends BaseMetadata {\n  valueMin: XYChartRectSeriesProps['valueMin'];\n  valueMax: XYChartRectSeriesProps['valueMax'];\n  valueAccessor: string;\n  valueType?: LegendType;\n  valueAccessorLabel?: XYChartRectSeriesProps['valueAccessorLabel'];\n  valueFormatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n  valueUnit?: ChartUnit;\n  actions?: (\n    datapoint: XYChartRectSeriesActionItem,\n    series?: XYChartRectSeries,\n  ) => SeriesActionsTemplate;\n}\n\nexport interface BarMetadata extends BaseMetadata {\n  color: ColorToken;\n  variant: BarSeriesVariant;\n  chartOrientation?: XYChartOrientation;\n  actions?: (\n    datapoint: XYChartBarSeriesActionItem,\n    series?: XYChartBarSeries,\n  ) => SeriesActionsTemplate;\n}\n\nexport interface AreaMetadata extends BaseMetadata {\n  curve?: SeriesCurve;\n  color: ColorToken;\n  orientation: Orientation;\n  isStacked: boolean;\n  variant: XYChartAreaVariant;\n  pointsDisplay?: PointsDisplay;\n  actions?: (\n    datapoint: XYChartAreaSeriesActionItem,\n    series?: XYChartAreaSeries,\n  ) => SeriesActionsTemplate;\n}\n\nexport interface DotMetadata extends BaseMetadata {\n  color: ColorToken;\n  shape?: PointShapeType;\n  actions?: (\n    datapoint: XYChartDotSeriesActionItem,\n    series?: XYChartDotSeries,\n  ) => SeriesActionsTemplate;\n}\n\nexport interface LineMetadata extends BaseMetadata {\n  curve?: SeriesCurve;\n  actions?: (\n    datapoint: XYChartLineSeriesActionItem,\n    series?: XYChartLineSeries,\n  ) => SeriesActionsTemplate;\n  pointsDisplay?: PointsDisplay;\n  color: ColorToken;\n}\n\nexport interface SeriesToMetadata\n  extends Map<\n    XYChartSeriesWithDatapoints,\n    RectMetadata | DotMetadata | LineMetadata | BarMetadata | AreaMetadata\n  > {\n  get(key: RectSeriesWithDatapoints): RectMetadata | undefined;\n\n  get(key: DotSeriesWithDatapoints): DotMetadata | undefined;\n\n  get(key: LineSeriesWithDatapoints): LineMetadata | undefined;\n\n  get(key: BarSeriesWithDatapoints): BarMetadata | undefined;\n\n  get(key: AreaSeriesWithDatapoints): AreaMetadata | undefined;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  get(key: unknown): any | undefined;\n}\n\nexport type RectSeriesToMetadata = Map<RectSeriesWithDatapoints, RectMetadata>;\n\nexport type BarSeriesToMetadata = Map<BarSeriesWithDatapoints, BarMetadata>;\n\nexport type DotSeriesToMetadata = Map<DotSeriesWithDatapoints, DotMetadata>;\n\nexport type LineSeriesToMetadata = Map<LineSeriesWithDatapoints, LineMetadata>;\n\nexport type AreaSeriesToMetadata = Map<AreaSeriesWithDatapoints, AreaMetadata>;\n\nexport type DatapointMetadata = {\n  isGap: boolean;\n  accumulator?: number;\n  baseline?: XYChartAxisDirection;\n  colorOverride?: string;\n  binDomain?: number;\n  isVisible?: boolean;\n};\n\nexport type MapDatapoints = Map<\n  | RectDatapointInternal\n  | DotDatapoint\n  | LineDatapoint\n  | BarDatapoint\n  | AreaDatapoint,\n  DatapointMetadata\n>;\n\n/**\n * @internal\n */\nexport type XYChartDataWithCorrespondingSeries = {\n  data: XYChartData[];\n  series: SeriesPropsWithAxes[];\n};\n\n/**\n * @internal\n * The range legend type for the xy chart */\nexport const RANGE_LEGEND_TYPE = 'range';\n\n/**\n * @internal\n * The categorical legend type for the xy chart */\nexport const CATEGORICAL_LEGEND_TYPE = 'categorical';\n\nexport const RECT_VARIANT = 'rect';\n\nexport const DOT_VARIANT = 'dot';\n\nexport const LINE_VARIANT = 'line';\n\nexport const BAR_VARIANT = 'bar';\n\nexport const AREA_VARIANT = 'area';\n\nexport const DOT_ID = 'dot_id';\n\nexport const LINE_ID = 'line_id';\n\nexport const AREA_ID = 'area_id';\n\nexport const RECT_ID = 'rect_id';\n\nexport const BAR_ID = 'bar_id';\n\nexport type LegendType =\n  | typeof RANGE_LEGEND_TYPE\n  | typeof CATEGORICAL_LEGEND_TYPE;\n\nexport type SeriesVariantType =\n  | typeof RECT_VARIANT\n  | typeof DOT_VARIANT\n  | typeof LINE_VARIANT\n  | typeof BAR_VARIANT\n  | typeof AREA_VARIANT;\n\n/**\n * @internal\n *\n * Series base props extended to support types coming from slots and might be incompatible between each other in the root\n */\nexport interface XYChartSeriesBasePropsExtended\n  extends Omit<\n    XYChartSeriesBaseProps,\n    'colorPalette' | 'x0Accessor' | 'y0Accessor'\n  > {\n  colorPalette?: XYChartColorPalette | XYShapeColorPaletteProp;\n  x0Accessor?: string;\n  y0Accessor?: string;\n}\n\nexport interface HighlightedLinearPoint extends DataPoint {\n  shape?: PointShapeType;\n}\n\nexport type AnyLinearSeries =\n  | DotSeriesWithDatapoints\n  | LineSeriesWithDatapoints\n  | AreaSeriesWithDatapoints;\nexport type AnyLinearMetadata = DotMetadata | LineMetadata | AreaMetadata;\n\n/**\n * @internal\n * Shape types compatible with gap strategies\n */\nexport type ShapeDatapointWithGapPolicy =\n  | LineDatapoint\n  | RectDatapointInternal\n  | AreaDatapoint;\n"],
-  "mappings": "AAulBO,MAAM,oBAAoB;AAK1B,MAAM,0BAA0B;AAEhC,MAAM,eAAe;AAErB,MAAM,cAAc;AAEpB,MAAM,eAAe;AAErB,MAAM,cAAc;AAEpB,MAAM,eAAe;AAErB,MAAM,SAAS;AAEf,MAAM,UAAU;AAEhB,MAAM,UAAU;AAEhB,MAAM,UAAU;AAEhB,MAAM,SAAS;",
+  "sourcesContent": ["import {\n  type ScaleBand,\n  type ScaleLinear,\n  type ScaleOrdinal,\n  ScaleQuantize,\n  type ScaleSymLog,\n  ScaleThreshold,\n  type ScaleTime,\n} from 'd3-scale';\n\nimport type {\n  ConvertibleUnit,\n  FormatOptions,\n  Unit,\n} from '@dynatrace-sdk/units';\n\nimport type { XYAxisTypeLinear, XYAxisTypeLog } from './axis.js';\nimport type {\n  XYChartAreaSeriesProps,\n  XYChartBarSeriesProps,\n  XYChartCategoricalAxisProps,\n  XYChartChartLegendProps,\n  XYChartCustomTooltipProps,\n  XYChartDotSeriesProps,\n  XYChartLineSeriesProps,\n  XYChartLogAxisProps,\n  XYChartNumericalAxisProps,\n  XYChartProps,\n  XYChartRectSeriesProps,\n  XYChartSelectConfig,\n  XYChartSeriesBaseProps,\n  XYChartThresholdIndicatorProps,\n  XYChartTimeAxisProps,\n  XYChartToolbarConfigProps,\n  XYChartXAxisProps,\n  XYChartYAxisProps,\n  XYShapeColorPaletteProp,\n} from './xy-chart-props.js';\nimport type {\n  XYChartAreaSeries,\n  XYChartBarSeries,\n  XYChartDotSeries,\n  XYChartLineSeries,\n  XYChartRectSeries,\n  AreaDatapoint,\n  BarDatapoint,\n  BarSeriesVariant,\n  BaseDatapoint,\n  DotDatapoint,\n  LineDatapoint,\n  SeriesCurve,\n  XYAccessorDataTypes,\n  XYChartAreaSeriesActionItem,\n  XYChartBarSeriesActionItem,\n  XYChartColorPalette,\n  XYChartData,\n  XYChartDotSeriesActionItem,\n  XYChartLineSeriesActionItem,\n  XYChartRectSeriesActionItem,\n  XYChartThresholdDynamicData,\n  XYChartThresholdStaticData,\n  XYChartXAxisPosition,\n  XYChartYAxisPosition,\n} from './xy-chart.js';\nimport type { TickLabelLayout } from '../../core/components/axes/types.js';\nimport {\n  ORIENTATION_HORIZONTAL,\n  ORIENTATION_VERTICAL,\n  type Orientation,\n  type PointsDisplay,\n} from '../../core/components/canvas/types/canvas-shape.js';\nimport type { PointShapeType } from '../../core/components/shape/type.js';\nimport type { THRESHOLD_BAR_THICKNESS } from '../../core/components/threshold-bar/types/constants.js';\nimport { ChartUnit } from '../../core/types/chart-unit.js';\nimport type { ColorToken } from '../../core/types/color-palette.js';\nimport type {\n  ColorRuleProps,\n  MatchValue,\n} from '../../core/types/color-rule.js';\nimport type { DataPoint } from '../../core/types/data-point.js';\nimport type {\n  DateTimeFormatter,\n  Formatter,\n  FormatterWithPrecision,\n} from '../../core/types/formatter.js';\nimport type { ZoomChangeHandler } from '../../core/types/interactions.js';\nimport type { MinMax } from '../../core/types/min-max.js';\nimport { SeriesActionsTemplate } from '../../core/types/series-actions-template.js';\nimport { XYChartAnnotationsConfigProps } from '../context/XYChartAnnotationsConfig.context.js';\n\n/**\n * Type for the validator function returned by buildValidator(VALUE_MATCHERS)\n */\nexport type ColorRuleValidator = <T extends MatchValue>(\n  subject: T,\n  comparator: ColorRuleProps['comparator'],\n  value: T,\n) => boolean;\n\nexport type ChartInteractionsInternal = {\n  zoom: boolean;\n  pan: boolean;\n  infinite: boolean;\n} & (\n  | {\n      initial?: [Date, Date];\n      current?: [Date, Date];\n    }\n  | {\n      initial?: [number, number];\n      current?: [number, number];\n    }\n);\n\nexport interface XYChartLinearAxisInternalProps\n  extends Omit<XYChartNumericalAxisProps, 'type'> {\n  type: XYAxisTypeLinear;\n}\n\nexport interface XYChartLogAxisInternalProps\n  extends Omit<XYChartLogAxisProps, 'type'> {\n  type: XYAxisTypeLog;\n}\n\n/**\n * @internal\n * axis slot config\n */\nexport type XYChartAxisInternal = XYChartAxisInternalProps & {\n  tickLabelLayout: TickLabelLayout;\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n  unit?: ChartUnit;\n  isRelative: boolean;\n} & (\n    | {\n        coordinate: 'x';\n        position: XYChartXAxisPosition;\n        interactions: ChartInteractionsInternal;\n        onZoomChange: ZoomChangeHandler;\n      }\n    | {\n        coordinate: 'y';\n        position: XYChartYAxisPosition;\n        interactions: Record<\n          keyof Omit<ChartInteractionsInternal, 'initial' | 'current'>,\n          false\n        > & { initial?: undefined; current?: undefined };\n        onZoomChange: ZoomChangeHandler;\n      }\n  );\n\n/**\n * @internal\n * xychart axis props\n */\nexport type XYChartAxisInternalProps =\n  | XYChartLinearAxisInternalProps\n  | XYChartLogAxisInternalProps\n  | XYChartCategoricalAxisProps\n  | XYChartTimeAxisProps;\n\nexport interface XYChartSeriesBaseInternal {\n  id: SeriesId;\n}\n\n/**\n * @internal\n * rect series slot config\n */\nexport interface XYChartRectSeriesInternal\n  extends XYChartRectSeriesProps,\n    XYChartSeriesBaseInternal {\n  type: typeof RECT_VARIANT;\n}\n\n/**\n * @internal\n * Dot series slot config\n */\nexport type XYChartDotSeriesInternal = XYChartDotSeriesProps &\n  XYChartSeriesBaseInternal & {\n    type: typeof DOT_VARIANT;\n  };\n\n/**\n * @internal\n * Line series slot config\n */\nexport type XYChartLineSeriesInternal = XYChartLineSeriesProps &\n  XYChartSeriesBaseInternal & {\n    type: typeof LINE_VARIANT;\n  };\n\n/**\n * @internal\n * Bar series slot config\n */\nexport type XYChartBarSeriesInternal = XYChartBarSeriesProps &\n  XYChartSeriesBaseInternal & {\n    type: typeof BAR_VARIANT;\n  };\n\n/**\n * @internal\n * xy chart orientation type for Bar and Area variants.\n * Extends AreaCanvasOrientation with 'both' for cases like rect series\n * where datapoints can have both horizontal and vertical extent.\n */\nexport type XYChartOrientation = Orientation | 'both';\n\n/**\n * @internal\n * xy chart area variant type - determines if the area is a simple area or a band (with both y0 and y1)\n */\nexport type XYChartAreaVariant = 'area' | 'band';\n\n/**\n * @internal\n * Area series slot config\n */\nexport type XYChartAreaSeriesInternal = XYChartAreaSeriesProps &\n  XYChartSeriesBaseInternal & {\n    type: typeof AREA_VARIANT;\n  };\n\n/**\n * @internal\n * xy chart axis direction type\n */\nexport type XYChartAxisDirection = 'x' | 'y' | undefined;\n\n/**\n * @internal\n * xy chart stacking value boundaries\n */\nexport type XYChartStackingValueBoundaries = {\n  minBoundary: number;\n  maxBoundary: number;\n};\n\n/**\n * @internal\n * series variant type\n */\nexport type XYChartVariantsInternal =\n  | XYChartRectSeriesInternal\n  | XYChartDotSeriesInternal\n  | XYChartLineSeriesInternal\n  | XYChartBarSeriesInternal\n  | XYChartAreaSeriesInternal;\n\nexport type AnyXYChartScale =\n  | ScaleSymLog<number, number>\n  | ScaleLinear<number, number>\n  | ScaleTime<number, number>\n  | ScaleBand<string>;\n\n/** The color scale for the xy chart */\nexport type XYChartColorScale =\n  | ScaleQuantize<string>\n  | ScaleOrdinal<string, string, string>\n  | ScaleThreshold<number, string>;\n\n/** The id for the axis */\nexport type AxisId = string;\n\n/** The id for the series */\nexport type SeriesId = string;\n\n/**\n * @internal\n * Props that represent the extracted slots of the xy chart\n */\nexport interface XYChartSlots {\n  series: Array<\n    | XYChartRectSeriesInternal\n    | XYChartDotSeriesInternal\n    | XYChartLineSeriesInternal\n    | XYChartBarSeriesInternal\n    | XYChartAreaSeriesInternal\n  >;\n  yAxes: XYChartYAxisProps[];\n  xAxes: XYChartXAxisProps[];\n  legend: XYChartChartLegendProps;\n  toolbar: XYChartToolbarConfigProps;\n  thresholds: XYChartThresholdIndicatorProps[];\n  annotations?: XYChartAnnotationsConfigProps;\n  select?: XYChartSelectConfig;\n  colorRules?: ColorRuleProps[];\n  customTooltip?: XYChartCustomTooltipProps;\n}\n\nexport interface XYChartInternals {\n  series: XYChartSlots['series'];\n  axes: XYChartAxisInternal[];\n  thresholds: XYChartThresholdsInternal;\n}\n\nexport type XYChartThresholdsInternal =\n  | {\n      thresholds: [];\n      none: true;\n      offset: { left: 0; right: 0 };\n    }\n  | {\n      thresholds: XYChartThresholdsPropsInternal;\n      none: false;\n      offset: {\n        left: typeof THRESHOLD_BAR_THICKNESS | 0;\n        right: typeof THRESHOLD_BAR_THICKNESS | 0;\n      };\n    };\n\ntype XYChartThresholdPropsInternal = {\n  id: string;\n  data: XYChartThresholdStaticData;\n  color: string;\n  position: XYChartYAxisPosition;\n  label?: string;\n  strokeOnly?: boolean;\n  yAxisId: string;\n};\n\nexport type XYChartThresholdDynamicPropsInternal = {\n  xAxisId: string;\n  data: XYChartThresholdDynamicData[];\n} & Omit<XYChartThresholdPropsInternal, 'data'>;\n\nexport type XYChartThresholdStaticPropsInternal = XYChartThresholdPropsInternal;\n\nexport type XYChartThresholdsPropsInternal = (\n  | XYChartThresholdDynamicPropsInternal\n  | XYChartThresholdStaticPropsInternal\n)[];\n\nexport interface XYChartVisibleAxesScales {\n  top: AnyXYChartScale | undefined;\n  bottom: AnyXYChartScale | undefined;\n  left: AnyXYChartScale | undefined;\n  right: AnyXYChartScale | undefined;\n}\n\nexport interface XYChartVisibleAxesConfig {\n  top: XYChartAxisInternal | undefined;\n  bottom: XYChartAxisInternal | undefined;\n  left: XYChartAxisInternal | undefined;\n  right: XYChartAxisInternal | undefined;\n}\n\n/**\n * @internal\n * XYCharts that can be used in exported/imported configuration\n */\nexport type ExportableXYChartProps = Pick<\n  XYChartProps,\n  'colorPalette' | 'truncationMode'\n>;\n\n/**\n * @internal\n * Category unique name\n */\nexport type CategoryName = string;\n\n/**\n * @internal\n *\n * min/max map by Axis Id filled in the data processing loop\n */\nexport type AxisIdToScaleDomain = Map<AxisId, MinMax | Set<CategoryName>>;\n\n/**\n * @internal\n * Maps each axis to the set of grouped categories (dimension keys) detected during data processing.\n */\nexport type AxisIdToDimension = Map<AxisId, Set<SeriesId>>;\n\n/**\n * @internal\n *\n * min/max map by Axis Id with only valid axis and\n */\nexport type AxisIdToCurrentScaleDomain = Map<AxisId, MinMax | undefined>;\n\n/**\n * @internal\n *\n * Formatter map by Axis Id\n */\nexport type AxisIdToFormatter = Map<\n  AxisId,\n  FormatterWithPrecision | DateTimeFormatter\n>;\n\n/**\n * @internal\n *\n * min/max OR categories value by Series Id filled in the data processing loop\n */\nexport type RectSeriesIdToValueScaleDomain = Map<\n  SeriesId,\n  MinMax | Set<CategoryName>\n>;\n\nexport interface SeriesPropsWithAxes {\n  seriesProps: XYChartVariantsInternal;\n  xAxis: XYChartAxisInternal;\n  yAxis: XYChartAxisInternal;\n}\n\n/* @internal\n * The base datapoint for the xy chart\n */\nexport type XYValueAccessorDataTypes = number | string | undefined | null;\n\n/* @internal\n */\nexport interface RectDatapointInternal extends BaseDatapoint {\n  x1?: XYAccessorDataTypes;\n  y1?: XYAccessorDataTypes;\n  value: XYValueAccessorDataTypes;\n}\n\nexport type XYChartSeriesWithDatapoints =\n  | RectSeriesWithDatapoints\n  | DotSeriesWithDatapoints\n  | LineSeriesWithDatapoints\n  | BarSeriesWithDatapoints\n  | AreaSeriesWithDatapoints;\n\nexport interface RectSeriesWithDatapoints {\n  id: SeriesId;\n  type: typeof RECT_VARIANT;\n  data: RectDatapointInternal[];\n  filteredData: RectDatapointInternal[];\n  xAxisId: string;\n  yAxisId: string;\n}\n\nexport interface DotSeriesWithDatapoints {\n  id: SeriesId;\n  type: typeof DOT_VARIANT;\n  data: DotDatapoint[];\n  xAxisId: string;\n  yAxisId: string;\n}\n\nexport interface LineSeriesWithDatapoints {\n  id: SeriesId;\n  type: typeof LINE_VARIANT;\n  data: LineDatapoint[];\n  xAxisId: string;\n  yAxisId: string;\n}\n\nexport interface BarSeriesWithDatapoints {\n  id: SeriesId;\n  type: typeof BAR_VARIANT;\n  data: BarDatapoint[];\n  xAxisId: string;\n  yAxisId: string;\n}\n\nexport interface AreaSeriesWithDatapoints {\n  id: SeriesId;\n  type: typeof AREA_VARIANT;\n  data: AreaDatapoint[];\n  xAxisId: string;\n  yAxisId: string;\n}\n\nexport type AnyDatapoint =\n  | RectDatapointInternal\n  | DotDatapoint\n  | LineDatapoint\n  | BarDatapoint\n  | AreaDatapoint;\n\nexport type BaseMetadata = {\n  name: string;\n  xAxis: XYChartAxisInternal;\n  yAxis: XYChartAxisInternal;\n  colorPalette: XYChartColorPalette;\n  colorIsFromSlot: boolean;\n  isVisible?: boolean;\n};\n\nexport interface RectMetadata extends BaseMetadata {\n  valueMin: XYChartRectSeriesProps['valueMin'];\n  valueMax: XYChartRectSeriesProps['valueMax'];\n  valueAccessor: string;\n  valueType?: LegendType;\n  valueAccessorLabel?: XYChartRectSeriesProps['valueAccessorLabel'];\n  valueFormatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n  valueUnit?: ChartUnit;\n  actions?: (\n    datapoint: XYChartRectSeriesActionItem,\n    series?: XYChartRectSeries,\n  ) => SeriesActionsTemplate;\n}\n\nexport interface BarMetadata extends BaseMetadata {\n  color: ColorToken;\n  variant: BarSeriesVariant;\n  chartOrientation?: XYChartOrientation;\n  actions?: (\n    datapoint: XYChartBarSeriesActionItem,\n    series?: XYChartBarSeries,\n  ) => SeriesActionsTemplate;\n}\n\nexport interface AreaMetadata extends BaseMetadata {\n  curve?: SeriesCurve;\n  color: ColorToken;\n  orientation: Orientation;\n  isStacked: boolean;\n  variant: XYChartAreaVariant;\n  pointsDisplay?: PointsDisplay;\n  actions?: (\n    datapoint: XYChartAreaSeriesActionItem,\n    series?: XYChartAreaSeries,\n  ) => SeriesActionsTemplate;\n}\n\nexport interface DotMetadata extends BaseMetadata {\n  color: ColorToken;\n  shape?: PointShapeType;\n  actions?: (\n    datapoint: XYChartDotSeriesActionItem,\n    series?: XYChartDotSeries,\n  ) => SeriesActionsTemplate;\n}\n\nexport interface LineMetadata extends BaseMetadata {\n  curve?: SeriesCurve;\n  actions?: (\n    datapoint: XYChartLineSeriesActionItem,\n    series?: XYChartLineSeries,\n  ) => SeriesActionsTemplate;\n  pointsDisplay?: PointsDisplay;\n  color: ColorToken;\n}\n\nexport interface SeriesToMetadata\n  extends Map<\n    XYChartSeriesWithDatapoints,\n    RectMetadata | DotMetadata | LineMetadata | BarMetadata | AreaMetadata\n  > {\n  get(key: RectSeriesWithDatapoints): RectMetadata | undefined;\n\n  get(key: DotSeriesWithDatapoints): DotMetadata | undefined;\n\n  get(key: LineSeriesWithDatapoints): LineMetadata | undefined;\n\n  get(key: BarSeriesWithDatapoints): BarMetadata | undefined;\n\n  get(key: AreaSeriesWithDatapoints): AreaMetadata | undefined;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  get(key: unknown): any | undefined;\n}\n\nexport type RectSeriesToMetadata = Map<RectSeriesWithDatapoints, RectMetadata>;\n\nexport type BarSeriesToMetadata = Map<BarSeriesWithDatapoints, BarMetadata>;\n\nexport type DotSeriesToMetadata = Map<DotSeriesWithDatapoints, DotMetadata>;\n\nexport type LineSeriesToMetadata = Map<LineSeriesWithDatapoints, LineMetadata>;\n\nexport type AreaSeriesToMetadata = Map<AreaSeriesWithDatapoints, AreaMetadata>;\n\nexport type DatapointMetadata = {\n  isGap: boolean;\n  accumulator?: number;\n  baseline?: XYChartAxisDirection;\n  colorOverride?: string;\n  binDomain?: number;\n  isVisible?: boolean;\n};\n\nexport type MapDatapoints = Map<\n  | RectDatapointInternal\n  | DotDatapoint\n  | LineDatapoint\n  | BarDatapoint\n  | AreaDatapoint,\n  DatapointMetadata\n>;\n\n/**\n * @internal\n */\nexport type XYChartDataWithCorrespondingSeries = {\n  data: XYChartData[];\n  series: SeriesPropsWithAxes[];\n};\n\n/**\n * @internal\n * The range legend type for the xy chart */\nexport const RANGE_LEGEND_TYPE = 'range';\n\n/**\n * @internal\n * The categorical legend type for the xy chart */\nexport const CATEGORICAL_LEGEND_TYPE = 'categorical';\n\nexport const RECT_VARIANT = 'rect';\n\nexport const DOT_VARIANT = 'dot';\n\nexport const LINE_VARIANT = 'line';\n\nexport const BAR_VARIANT = 'bar';\n\nexport const AREA_VARIANT = 'area';\n\nexport const BAND_VARIANT = 'band';\n\nexport const AREA_HORIZONTAL =\n  `${AREA_VARIANT}${ORIENTATION_HORIZONTAL}` as const;\n\nexport const AREA_VERTICAL = `${AREA_VARIANT}${ORIENTATION_VERTICAL}` as const;\n\nexport const BAND_HORIZONTAL =\n  `${BAND_VARIANT}${ORIENTATION_HORIZONTAL}` as const;\n\nexport const BAND_VERTICAL = `${BAND_VARIANT}${ORIENTATION_VERTICAL}` as const;\n\nexport const DOT_ID = 'dot_id';\n\nexport const LINE_ID = 'line_id';\n\nexport const AREA_ID = 'area_id';\n\nexport const RECT_ID = 'rect_id';\n\nexport const BAR_ID = 'bar_id';\n\nexport type LegendType =\n  | typeof RANGE_LEGEND_TYPE\n  | typeof CATEGORICAL_LEGEND_TYPE;\n\nexport type SeriesVariantType =\n  | typeof RECT_VARIANT\n  | typeof DOT_VARIANT\n  | typeof LINE_VARIANT\n  | typeof BAR_VARIANT\n  | typeof AREA_VARIANT\n  | typeof AREA_HORIZONTAL\n  | typeof AREA_VERTICAL\n  | typeof BAND_HORIZONTAL\n  | typeof BAND_VERTICAL;\n\n/**\n * @internal\n *\n * Series base props extended to support types coming from slots and might be incompatible between each other in the root\n */\nexport interface XYChartSeriesBasePropsExtended\n  extends Omit<\n    XYChartSeriesBaseProps,\n    'colorPalette' | 'x0Accessor' | 'y0Accessor'\n  > {\n  colorPalette?: XYChartColorPalette | XYShapeColorPaletteProp;\n  x0Accessor?: string;\n  y0Accessor?: string;\n}\n\nexport interface HighlightedLinearPoint extends DataPoint {\n  shape?: PointShapeType;\n}\n\nexport type AnyLinearSeries =\n  | DotSeriesWithDatapoints\n  | LineSeriesWithDatapoints\n  | AreaSeriesWithDatapoints;\nexport type AnyLinearMetadata = DotMetadata | LineMetadata | AreaMetadata;\n\n/**\n * @internal\n * Shape types compatible with gap strategies\n */\nexport type ShapeDatapointWithGapPolicy =\n  | LineDatapoint\n  | RectDatapointInternal\n  | AreaDatapoint;\n"],
+  "mappings": "AAiEA;AAAA,EACE;AAAA,EACA;AAAA,OAGK;AAmhBA,MAAM,oBAAoB;AAK1B,MAAM,0BAA0B;AAEhC,MAAM,eAAe;AAErB,MAAM,cAAc;AAEpB,MAAM,eAAe;AAErB,MAAM,cAAc;AAEpB,MAAM,eAAe;AAErB,MAAM,eAAe;AAErB,MAAM,kBACX,GAAG,YAAY,GAAG,sBAAsB;AAEnC,MAAM,gBAAgB,GAAG,YAAY,GAAG,oBAAoB;AAE5D,MAAM,kBACX,GAAG,YAAY,GAAG,sBAAsB;AAEnC,MAAM,gBAAgB,GAAG,YAAY,GAAG,oBAAoB;AAE5D,MAAM,SAAS;AAEf,MAAM,UAAU;AAEhB,MAAM,UAAU;AAEhB,MAAM,UAAU;AAEhB,MAAM,SAAS;",
   "names": []
 }