@dynatrace/strato-components 3.0.1 → 3.1.0

package/esm/charts/core/components/tooltip/section-components/TooltipInfoContent/TooltipInfoContent.sty.js

@@ -1,5 +1,5 @@
 import "./TooltipInfoContent.css";
-var container = "_o71nz30-3-0-1";
+var container = "_o71nz30-3-1-0";
 export {
   container
 };

package/esm/charts/core/components/tooltip/section-components/TooltipInfoContent/TooltipInfoContent.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/section-components/TooltipInfoContent/TooltipInfoContent.css.ts"],
-  "sourcesContent": ["import './TooltipInfoContent.css';\nexport var container = '_o71nz30-3-0-1';"],
+  "sourcesContent": ["import './TooltipInfoContent.css';\nexport var container = '_o71nz30-3-1-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/core/components/tooltip/section-components/TooltipItem/TooltipItem.css

@@ -1,9 +1,9 @@
-._1xw2xi60-3-0-1 {
+._1xw2xi60-3-1-0 {
   align-items: center;
   display: flex;
   width: 100%;
 }
-._1xw2xi61-3-0-1 {
+._1xw2xi61-3-1-0 {
   display: block;
   padding-top: var(--dt-spacings-size-0, 0);
   padding-bottom: var(--dt-spacings-size-0, 0);
@@ -14,8 +14,9 @@
   background-color: transparent;
   width: 100%;
   font-family: var(--dt-typography-text-base-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
+  color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._1xw2xi61-3-0-1:hover {
+._1xw2xi61-3-1-0:hover {
   background-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   border-radius: var(--dt-borders-radius-field-subdued, 3px);

package/esm/charts/core/components/tooltip/section-components/TooltipItem/TooltipItem.sty.js

@@ -1,6 +1,6 @@
 import "./TooltipItem.css";
-var container = "_1xw2xi61-3-0-1";
-var itemContainer = "_1xw2xi60-3-0-1";
+var container = "_1xw2xi61-3-1-0";
+var itemContainer = "_1xw2xi60-3-1-0";
 export {
   container,
   itemContainer

package/esm/charts/core/components/tooltip/section-components/TooltipItem/TooltipItem.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/section-components/TooltipItem/TooltipItem.css.ts"],
-  "sourcesContent": ["import './TooltipItem.css';\nexport var container = '_1xw2xi61-3-0-1';\nexport var itemContainer = '_1xw2xi60-3-0-1';"],
+  "sourcesContent": ["import './TooltipItem.css';\nexport var container = '_1xw2xi61-3-1-0';\nexport var itemContainer = '_1xw2xi60-3-1-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;AAChB,IAAI,gBAAgB;",
   "names": []
 }

package/esm/charts/core/components/tooltip/section-components/TooltipSymbolContent/TooltipSymbolContent.css

@@ -1,4 +1,4 @@
-._1alqzxh0-3-0-1 {
+._1alqzxh0-3-1-0 {
   flex: 0 0 var(--dt-spacings-size-24, 24px);
   height: var(--dt-spacings-size-24, 24px);
   padding-right: var(--dt-spacings-size-4, 4px);

package/esm/charts/core/components/tooltip/section-components/TooltipSymbolContent/TooltipSymbolContent.sty.js

@@ -1,5 +1,5 @@
 import "./TooltipSymbolContent.css";
-var container = "_1alqzxh0-3-0-1";
+var container = "_1alqzxh0-3-1-0";
 export {
   container
 };

package/esm/charts/core/components/tooltip/section-components/TooltipSymbolContent/TooltipSymbolContent.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/section-components/TooltipSymbolContent/TooltipSymbolContent.css.ts"],
-  "sourcesContent": ["import './TooltipSymbolContent.css';\nexport var container = '_1alqzxh0-3-0-1';"],
+  "sourcesContent": ["import './TooltipSymbolContent.css';\nexport var container = '_1alqzxh0-3-1-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/core/components/tooltip/section-components/VirtualizedTooltipBody/VirtualizedTooltipBody.css

@@ -1,8 +1,8 @@
-._1n2hhq90-3-0-1 {
+._1n2hhq90-3-1-0 {
   width: 100%;
   position: relative;
 }
-._1n2hhq91-3-0-1 {
+._1n2hhq91-3-1-0 {
   list-style: none;
   padding: 0;
   margin: 0;

package/esm/charts/core/components/tooltip/section-components/VirtualizedTooltipBody/VirtualizedTooltipBody.sty.js

@@ -1,6 +1,6 @@
 import "./VirtualizedTooltipBody.css";
-var itemsList = "_1n2hhq91-3-0-1";
-var listContainer = "_1n2hhq90-3-0-1";
+var itemsList = "_1n2hhq91-3-1-0";
+var listContainer = "_1n2hhq90-3-1-0";
 export {
   itemsList,
   listContainer

package/esm/charts/core/components/tooltip/section-components/VirtualizedTooltipBody/VirtualizedTooltipBody.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/section-components/VirtualizedTooltipBody/VirtualizedTooltipBody.css.ts"],
-  "sourcesContent": ["import './VirtualizedTooltipBody.css';\nexport var itemsList = '_1n2hhq91-3-0-1';\nexport var listContainer = '_1n2hhq90-3-0-1';"],
+  "sourcesContent": ["import './VirtualizedTooltipBody.css';\nexport var itemsList = '_1n2hhq91-3-1-0';\nexport var listContainer = '_1n2hhq90-3-1-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;AAChB,IAAI,gBAAgB;",
   "names": []
 }

package/esm/charts/core/components/tooltip/section-components/atoms/styles.css

@@ -1,16 +1,16 @@
-._1e2gg5t0-3-0-1 {
+._1e2gg5t0-3-1-0 {
   display: flex;
   justify-items: flex-start;
   align-items: center;
   width: 100%;
 }
-._1e2gg5t1-3-0-1 {
+._1e2gg5t1-3-1-0 {
   padding-left: var(--dt-spacings-size-6, 6px);
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-._1e2gg5t2-3-0-1 {
+._1e2gg5t2-3-1-0 {
   flex: 0 0 var(--dt-spacings-size-24, 24px);
   height: var(--dt-spacings-size-24, 24px);
   padding-right: var(--dt-spacings-size-4, 4px);

package/esm/charts/core/components/tooltip/section-components/atoms/styles.sty.js

@@ -1,7 +1,7 @@
 import "./styles.css";
-var formattedTimeframe = "_1e2gg5t1-3-0-1";
-var tooltipDatapoint = "_1e2gg5t2-3-0-1";
-var tooltipDuration = "_1e2gg5t0-3-0-1";
+var formattedTimeframe = "_1e2gg5t1-3-1-0";
+var tooltipDatapoint = "_1e2gg5t2-3-1-0";
+var tooltipDuration = "_1e2gg5t0-3-1-0";
 export {
   formattedTimeframe,
   tooltipDatapoint,

package/esm/charts/core/components/tooltip/section-components/atoms/styles.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/section-components/atoms/styles.css.ts"],
-  "sourcesContent": ["import './styles.css';\nexport var formattedTimeframe = '_1e2gg5t1-3-0-1';\nexport var tooltipDatapoint = '_1e2gg5t2-3-0-1';\nexport var tooltipDuration = '_1e2gg5t0-3-0-1';"],
+  "sourcesContent": ["import './styles.css';\nexport var formattedTimeframe = '_1e2gg5t1-3-1-0';\nexport var tooltipDatapoint = '_1e2gg5t2-3-1-0';\nexport var tooltipDuration = '_1e2gg5t0-3-1-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;AACzB,IAAI,mBAAmB;AACvB,IAAI,kBAAkB;",
   "names": []
 }

package/esm/charts/core/components/tooltip/shared/hooks/useChartTooltip.js

@@ -2,6 +2,7 @@ import { useCallback, useEffect, useMemo, useState } from "react";
 import { usePopper } from "react-popper";
 import { useOverlayStacking } from "../../../../../../core/hooks/useOverlayStacking.js";
 import { createDOMRect } from "../../../../../../core/utils/create-dom-rect.js";
+import { observeOverlaySize } from "../../../../../../overlays/utils/popper-modifiers.js";
 function useChartTooltip(chartTooltipElement, defaultTooltipPlacement = "left") {
   const [virtualElement, setVirtualElement] = useState();
   const tooltipHeight = chartTooltipElement?.getBoundingClientRect().height;
@@ -26,7 +27,8 @@ function useChartTooltip(chartTooltipElement, defaultTooltipPlacement = "left")
           gpuAcceleration: false
         }
       },
-      { name: "eventListeners", enabled: false }
+      { name: "eventListeners", enabled: false },
+      observeOverlaySize
     ];
     if (tooltipHeight) {
       modifiers.push({

package/esm/charts/core/components/tooltip/shared/hooks/useChartTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/shared/hooks/useChartTooltip.ts"],
-  "sourcesContent": ["import {\n  computeStyles,\n  eventListeners,\n  flip,\n  offset,\n  preventOverflow,\n  type VirtualElement,\n} from '@popperjs/core';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport { usePopper } from 'react-popper';\n\nimport { useOverlayStacking } from '../../../../../../core/hooks/useOverlayStacking.js';\nimport { createDOMRect } from '../../../../../../core/utils/create-dom-rect.js';\nimport type { Point } from '../../../../types/point.js';\nimport type { TooltipAlignment } from '../types/tooltip-shared.js';\n\n/**\n * Positions a given chartTooltipRef correctly in the viewport and exposes the ideal tooltip marker placement and a position handler\n * @internal\n * */\nexport function useChartTooltip(\n  /** The reference to the chart tooltip element. */\n  chartTooltipElement: HTMLDivElement | null,\n  /** Optional. Default alignment for tooltip. */\n  defaultTooltipPlacement: TooltipAlignment = 'left',\n): {\n  /** Alignment reference for consistently aligning tooltip within viewport boundaries. */\n  placement: TooltipAlignment;\n  /** Update handler which takes care of repositioning the `chartTooltipElement` element based on the `MousePosition` payload. */\n  updateTooltipPosition: (mousePosition: Point) => void;\n} {\n  // This element is a dot with a position relative to the mouse and is used for popperjs to determine the tooltips position\n  const [virtualElement, setVirtualElement] = useState<VirtualElement>();\n\n  const tooltipHeight = chartTooltipElement?.getBoundingClientRect().height;\n\n  // The offset modifier will change, depending on the amount of selectedDates at a given mouse position, modifying the tooltip's height\n  const popperModifiers = useMemo(() => {\n    const modifiers: (\n      | Partial<typeof flip>\n      | Partial<typeof preventOverflow>\n      | Partial<typeof offset>\n      | Partial<typeof computeStyles>\n      | Partial<typeof eventListeners>\n    )[] = [\n      {\n        name: 'flip',\n        options: {\n          fallbackPlacements: [defaultTooltipPlacement],\n        },\n      },\n      {\n        name: 'preventOverflow',\n        options: {\n          mainAxis: true, // true is the default value so maybe it can be removed\n        },\n      },\n      {\n        name: 'computeStyles',\n        options: {\n          gpuAcceleration: false,\n        },\n      },\n      { name: 'eventListeners', enabled: false },\n    ];\n    if (tooltipHeight) {\n      // Custom value for offset modifier align the marker next to the mouse\n      modifiers.push({\n        name: 'offset',\n        options: {\n          offset: () => [\n            // 24 Is the SizeLarge token, but since this is needed as a numeric, it is hardcoded here for now.\n            Math.round(tooltipHeight / 2 - 24),\n            // 16 Is the SizeLarge token, but since this is needed as a numeric, it is hardcoded here for now.\n            16,\n          ], // [Aligns the tooltipmarker to the mouse, y-axis margin]\n        },\n      });\n    }\n\n    return modifiers;\n  }, [tooltipHeight, defaultTooltipPlacement]);\n\n  const { state, styles } = usePopper(virtualElement, chartTooltipElement, {\n    strategy: 'fixed',\n    placement: defaultTooltipPlacement === 'left' ? 'right' : 'left',\n    modifiers: popperModifiers,\n  });\n\n  const overlayStacking = useOverlayStacking(0, 'overlay');\n\n  useEffect(() => {\n    const { top, left, right } = styles.popper;\n\n    const display = virtualElement !== undefined ? 'block' : 'none';\n\n    chartTooltipElement?.setAttribute(\n      'style',\n      `display: ${display}; position: fixed; top: ${top}; left: ${left}; right: ${right}; z-index: ${overlayStacking.style.zIndex}`,\n    );\n  }, [\n    virtualElement,\n    styles.popper,\n    chartTooltipElement,\n    overlayStacking.style.zIndex,\n  ]);\n\n  const updateTooltipPosition = useCallback((mousePosition: Point): void => {\n    if (mousePosition) {\n      setVirtualElement({\n        getBoundingClientRect: createDOMRect({\n          x: mousePosition.x,\n          y: mousePosition.y,\n        }),\n      });\n    } else {\n      setVirtualElement(undefined);\n    }\n  }, []);\n\n  return {\n    placement: (state?.placement ??\n      defaultTooltipPlacement) as TooltipAlignment,\n    updateTooltipPosition,\n  };\n}\n"],
-  "mappings": "AAQA,SAAS,aAAa,WAAW,SAAS,gBAAgB;AAC1D,SAAS,iBAAiB;AAE1B,SAAS,0BAA0B;AACnC,SAAS,qBAAqB;AAQvB,SAAS,gBAEd,qBAEA,0BAA4C,QAM5C;AAEA,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAyB;AAErE,QAAM,gBAAgB,qBAAqB,sBAAsB,EAAE;AAGnE,QAAM,kBAAkB,QAAQ,MAAM;AACpC,UAAM,YAMA;AAAA,MACJ;AAAA,QACE,MAAM;AAAA,QACN,SAAS;AAAA,UACP,oBAAoB,CAAC,uBAAuB;AAAA,QAC9C;AAAA,MACF;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,SAAS;AAAA,UACP,UAAU;AAAA;AAAA,QACZ;AAAA,MACF;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,SAAS;AAAA,UACP,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,MACA,EAAE,MAAM,kBAAkB,SAAS,MAAM;AAAA,IAC3C;AACA,QAAI,eAAe;AAEjB,gBAAU,KAAK;AAAA,QACb,MAAM;AAAA,QACN,SAAS;AAAA,UACP,QAAQ,MAAM;AAAA;AAAA,YAEZ,KAAK,MAAM,gBAAgB,IAAI,EAAE;AAAA;AAAA,YAEjC;AAAA,UACF;AAAA;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAEA,WAAO;AAAA,EACT,GAAG,CAAC,eAAe,uBAAuB,CAAC;AAE3C,QAAM,EAAE,OAAO,OAAO,IAAI,UAAU,gBAAgB,qBAAqB;AAAA,IACvE,UAAU;AAAA,IACV,WAAW,4BAA4B,SAAS,UAAU;AAAA,IAC1D,WAAW;AAAA,EACb,CAAC;AAED,QAAM,kBAAkB,mBAAmB,GAAG,SAAS;AAEvD,YAAU,MAAM;AACd,UAAM,EAAE,KAAK,MAAM,MAAM,IAAI,OAAO;AAEpC,UAAM,UAAU,mBAAmB,SAAY,UAAU;AAEzD,yBAAqB;AAAA,MACnB;AAAA,MACA,YAAY,OAAO,2BAA2B,GAAG,WAAW,IAAI,YAAY,KAAK,cAAc,gBAAgB,MAAM,MAAM;AAAA,IAC7H;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,gBAAgB,MAAM;AAAA,EACxB,CAAC;AAED,QAAM,wBAAwB,YAAY,CAAC,kBAA+B;AACxE,QAAI,eAAe;AACjB,wBAAkB;AAAA,QAChB,uBAAuB,cAAc;AAAA,UACnC,GAAG,cAAc;AAAA,UACjB,GAAG,cAAc;AAAA,QACnB,CAAC;AAAA,MACH,CAAC;AAAA,IACH,OAAO;AACL,wBAAkB,MAAS;AAAA,IAC7B;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO;AAAA,IACL,WAAY,OAAO,aACjB;AAAA,IACF;AAAA,EACF;AACF;",
+  "sourcesContent": ["import {\n  computeStyles,\n  eventListeners,\n  flip,\n  offset,\n  preventOverflow,\n  type VirtualElement,\n} from '@popperjs/core';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport { usePopper } from 'react-popper';\n\nimport { useOverlayStacking } from '../../../../../../core/hooks/useOverlayStacking.js';\nimport { createDOMRect } from '../../../../../../core/utils/create-dom-rect.js';\nimport { observeOverlaySize } from '../../../../../../overlays/utils/popper-modifiers.js';\nimport type { Point } from '../../../../types/point.js';\nimport type { TooltipAlignment } from '../types/tooltip-shared.js';\n\n/**\n * Positions a given chartTooltipRef correctly in the viewport and exposes the ideal tooltip marker placement and a position handler\n * @internal\n * */\nexport function useChartTooltip(\n  /** The reference to the chart tooltip element. */\n  chartTooltipElement: HTMLDivElement | null,\n  /** Optional. Default alignment for tooltip. */\n  defaultTooltipPlacement: TooltipAlignment = 'left',\n): {\n  /** Alignment reference for consistently aligning tooltip within viewport boundaries. */\n  placement: TooltipAlignment;\n  /** Update handler which takes care of repositioning the `chartTooltipElement` element based on the `MousePosition` payload. */\n  updateTooltipPosition: (mousePosition: Point) => void;\n} {\n  // This element is a dot with a position relative to the mouse and is used for popperjs to determine the tooltips position\n  const [virtualElement, setVirtualElement] = useState<VirtualElement>();\n\n  const tooltipHeight = chartTooltipElement?.getBoundingClientRect().height;\n\n  // The offset modifier will change, depending on the amount of selectedDates at a given mouse position, modifying the tooltip's height\n  const popperModifiers = useMemo(() => {\n    const modifiers: (\n      | Partial<typeof flip>\n      | Partial<typeof preventOverflow>\n      | Partial<typeof offset>\n      | Partial<typeof computeStyles>\n      | Partial<typeof eventListeners>\n      | typeof observeOverlaySize\n    )[] = [\n      {\n        name: 'flip',\n        options: {\n          fallbackPlacements: [defaultTooltipPlacement],\n        },\n      },\n      {\n        name: 'preventOverflow',\n        options: {\n          mainAxis: true, // true is the default value so maybe it can be removed\n        },\n      },\n      {\n        name: 'computeStyles',\n        options: {\n          gpuAcceleration: false,\n        },\n      },\n      { name: 'eventListeners', enabled: false },\n      observeOverlaySize,\n    ];\n    if (tooltipHeight) {\n      // Custom value for offset modifier align the marker next to the mouse\n      modifiers.push({\n        name: 'offset',\n        options: {\n          offset: () => [\n            // 24 Is the SizeLarge token, but since this is needed as a numeric, it is hardcoded here for now.\n            Math.round(tooltipHeight / 2 - 24),\n            // 16 Is the SizeLarge token, but since this is needed as a numeric, it is hardcoded here for now.\n            16,\n          ], // [Aligns the tooltipmarker to the mouse, y-axis margin]\n        },\n      });\n    }\n\n    return modifiers;\n  }, [tooltipHeight, defaultTooltipPlacement]);\n\n  const { state, styles } = usePopper(virtualElement, chartTooltipElement, {\n    strategy: 'fixed',\n    placement: defaultTooltipPlacement === 'left' ? 'right' : 'left',\n    modifiers: popperModifiers,\n  });\n\n  const overlayStacking = useOverlayStacking(0, 'overlay');\n\n  useEffect(() => {\n    const { top, left, right } = styles.popper;\n\n    const display = virtualElement !== undefined ? 'block' : 'none';\n\n    chartTooltipElement?.setAttribute(\n      'style',\n      `display: ${display}; position: fixed; top: ${top}; left: ${left}; right: ${right}; z-index: ${overlayStacking.style.zIndex}`,\n    );\n  }, [\n    virtualElement,\n    styles.popper,\n    chartTooltipElement,\n    overlayStacking.style.zIndex,\n  ]);\n\n  const updateTooltipPosition = useCallback((mousePosition: Point): void => {\n    if (mousePosition) {\n      setVirtualElement({\n        getBoundingClientRect: createDOMRect({\n          x: mousePosition.x,\n          y: mousePosition.y,\n        }),\n      });\n    } else {\n      setVirtualElement(undefined);\n    }\n  }, []);\n\n  return {\n    placement: (state?.placement ??\n      defaultTooltipPlacement) as TooltipAlignment,\n    updateTooltipPosition,\n  };\n}\n"],
+  "mappings": "AAQA,SAAS,aAAa,WAAW,SAAS,gBAAgB;AAC1D,SAAS,iBAAiB;AAE1B,SAAS,0BAA0B;AACnC,SAAS,qBAAqB;AAC9B,SAAS,0BAA0B;AAQ5B,SAAS,gBAEd,qBAEA,0BAA4C,QAM5C;AAEA,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAyB;AAErE,QAAM,gBAAgB,qBAAqB,sBAAsB,EAAE;AAGnE,QAAM,kBAAkB,QAAQ,MAAM;AACpC,UAAM,YAOA;AAAA,MACJ;AAAA,QACE,MAAM;AAAA,QACN,SAAS;AAAA,UACP,oBAAoB,CAAC,uBAAuB;AAAA,QAC9C;AAAA,MACF;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,SAAS;AAAA,UACP,UAAU;AAAA;AAAA,QACZ;AAAA,MACF;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,SAAS;AAAA,UACP,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,MACA,EAAE,MAAM,kBAAkB,SAAS,MAAM;AAAA,MACzC;AAAA,IACF;AACA,QAAI,eAAe;AAEjB,gBAAU,KAAK;AAAA,QACb,MAAM;AAAA,QACN,SAAS;AAAA,UACP,QAAQ,MAAM;AAAA;AAAA,YAEZ,KAAK,MAAM,gBAAgB,IAAI,EAAE;AAAA;AAAA,YAEjC;AAAA,UACF;AAAA;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAEA,WAAO;AAAA,EACT,GAAG,CAAC,eAAe,uBAAuB,CAAC;AAE3C,QAAM,EAAE,OAAO,OAAO,IAAI,UAAU,gBAAgB,qBAAqB;AAAA,IACvE,UAAU;AAAA,IACV,WAAW,4BAA4B,SAAS,UAAU;AAAA,IAC1D,WAAW;AAAA,EACb,CAAC;AAED,QAAM,kBAAkB,mBAAmB,GAAG,SAAS;AAEvD,YAAU,MAAM;AACd,UAAM,EAAE,KAAK,MAAM,MAAM,IAAI,OAAO;AAEpC,UAAM,UAAU,mBAAmB,SAAY,UAAU;AAEzD,yBAAqB;AAAA,MACnB;AAAA,MACA,YAAY,OAAO,2BAA2B,GAAG,WAAW,IAAI,YAAY,KAAK,cAAc,gBAAgB,MAAM,MAAM;AAAA,IAC7H;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,gBAAgB,MAAM;AAAA,EACxB,CAAC;AAED,QAAM,wBAAwB,YAAY,CAAC,kBAA+B;AACxE,QAAI,eAAe;AACjB,wBAAkB;AAAA,QAChB,uBAAuB,cAAc;AAAA,UACnC,GAAG,cAAc;AAAA,UACjB,GAAG,cAAc;AAAA,QACnB,CAAC;AAAA,MACH,CAAC;AAAA,IACH,OAAO;AACL,wBAAkB,MAAS;AAAA,IAC7B;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO;AAAA,IACL,WAAY,OAAO,aACjB;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/charts/core/components/tooltip/shared/styles/SeriesBasedContent.css

@@ -1,4 +1,4 @@
-._dacoys0-3-0-1 {
+._dacoys0-3-1-0 {
   padding-right: var(--dt-spacings-size-4, 4px);
   padding-left: var(--dt-spacings-size-6, 6px);
   border: none;
@@ -8,13 +8,13 @@
   width: 100%;
   font-family: var(--dt-typography-text-base-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
 }
-._dacoys0-3-0-1:hover {
+._dacoys0-3-1-0:hover {
   background-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   border-radius: var(--dt-borders-radius-field-default, 6px);
   cursor: pointer;
 }
-._dacoys1-3-0-1 {
+._dacoys1-3-1-0 {
   display: grid;
   align-items: center;
   column-gap: var(--dt-spacings-size-8, 8px);
@@ -24,20 +24,20 @@
   font-weight: var(--dt-typography-text-small-default-weight, 400);
   padding: var(--dt-spacings-size-2, 2px) 0px;
 }
-._dacoys2-3-0-1 {
+._dacoys2-3-1-0 {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: var(--dt-typography-text-small-default-size, 12px);
 }
-._dacoys3-3-0-1 {
+._dacoys3-3-1-0 {
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
 }
-._dacoys4-3-0-1 {
+._dacoys4-3-1-0 {
   font-weight: var(--dt-typography-text-base-default-weight, 400);
 }
-._dacoys5-3-0-1 {
+._dacoys5-3-1-0 {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   white-space: nowrap;
   overflow: hidden;
@@ -50,20 +50,20 @@
   width: 100%;
   box-sizing: border-box;
 }
-._dacoys6-3-0-1 {
+._dacoys6-3-1-0 {
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
 }
-._dacoys7-3-0-1 {
+._dacoys7-3-1-0 {
   font-weight: var(--dt-typography-text-base-default-weight, 400);
 }
-._dacoys8-3-0-1 {
+._dacoys8-3-1-0 {
   width: 100%;
   box-sizing: border-box;
 }
-._dacoys9-3-0-1 {
+._dacoys9-3-1-0 {
   padding-left: 0;
 }
-._dacoysa-3-0-1 {
+._dacoysa-3-1-0 {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
   border-radius: var(--dt-borders-radius-field-default, 6px);

package/esm/charts/core/components/tooltip/shared/styles/SeriesBasedContent.sty.js

@@ -1,13 +1,13 @@
 import "../../../../../../styles/textStyle.css";
 import "./SeriesBasedContent.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var detailViewContent = "_dacoys0-3-0-1";
-var detailViewItem = "_dacoys1-3-0-1";
-var multipleDimensionContainer = _7a468({ defaultClassName: "_dacoys5-3-0-1", variantClassNames: { highlighted: { true: "_dacoys6-3-0-1", false: "_dacoys7-3-0-1" } }, defaultVariants: {}, compoundVariants: [] });
-var multipleDimensionItem = "_dacoys8-3-0-1";
-var singleDimensionContainer = _7a468({ defaultClassName: "_dacoys2-3-0-1", variantClassNames: { highlighted: { true: "_dacoys3-3-0-1", false: "_dacoys4-3-0-1" } }, defaultVariants: {}, compoundVariants: [] });
-var valueContainer = "_dacoys9-3-0-1";
-var valueItem = "_dacoysa-3-0-1 _da9a8v0-3-0-1 _da9a8v2-3-0-1 _da9a8v6-3-0-1 _da9a8ve-3-0-1";
+var detailViewContent = "_dacoys0-3-1-0";
+var detailViewItem = "_dacoys1-3-1-0";
+var multipleDimensionContainer = _7a468({ defaultClassName: "_dacoys5-3-1-0", variantClassNames: { highlighted: { true: "_dacoys6-3-1-0", false: "_dacoys7-3-1-0" } }, defaultVariants: {}, compoundVariants: [] });
+var multipleDimensionItem = "_dacoys8-3-1-0";
+var singleDimensionContainer = _7a468({ defaultClassName: "_dacoys2-3-1-0", variantClassNames: { highlighted: { true: "_dacoys3-3-1-0", false: "_dacoys4-3-1-0" } }, defaultVariants: {}, compoundVariants: [] });
+var valueContainer = "_dacoys9-3-1-0";
+var valueItem = "_dacoysa-3-1-0 _da9a8v0-3-1-0 _da9a8v2-3-1-0 _da9a8v6-3-1-0 _da9a8ve-3-1-0";
 export {
   detailViewContent,
   detailViewItem,

package/esm/charts/core/components/tooltip/shared/styles/SeriesBasedContent.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/shared/styles/SeriesBasedContent.css.ts"],
-  "sourcesContent": ["import '../../../../../../styles/textStyle.css';\nimport './SeriesBasedContent.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var detailViewContent = '_dacoys0-3-0-1';\nexport var detailViewItem = '_dacoys1-3-0-1';\nexport var multipleDimensionContainer = _7a468({defaultClassName:'_dacoys5-3-0-1',variantClassNames:{highlighted:{true:'_dacoys6-3-0-1',false:'_dacoys7-3-0-1'}},defaultVariants:{},compoundVariants:[]});\nexport var multipleDimensionItem = '_dacoys8-3-0-1';\nexport var singleDimensionContainer = _7a468({defaultClassName:'_dacoys2-3-0-1',variantClassNames:{highlighted:{true:'_dacoys3-3-0-1',false:'_dacoys4-3-0-1'}},defaultVariants:{},compoundVariants:[]});\nexport var valueContainer = '_dacoys9-3-0-1';\nexport var valueItem = '_dacoysa-3-0-1 _da9a8v0-3-0-1 _da9a8v2-3-0-1 _da9a8v6-3-0-1 _da9a8ve-3-0-1';"],
+  "sourcesContent": ["import '../../../../../../styles/textStyle.css';\nimport './SeriesBasedContent.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var detailViewContent = '_dacoys0-3-1-0';\nexport var detailViewItem = '_dacoys1-3-1-0';\nexport var multipleDimensionContainer = _7a468({defaultClassName:'_dacoys5-3-1-0',variantClassNames:{highlighted:{true:'_dacoys6-3-1-0',false:'_dacoys7-3-1-0'}},defaultVariants:{},compoundVariants:[]});\nexport var multipleDimensionItem = '_dacoys8-3-1-0';\nexport var singleDimensionContainer = _7a468({defaultClassName:'_dacoys2-3-1-0',variantClassNames:{highlighted:{true:'_dacoys3-3-1-0',false:'_dacoys4-3-1-0'}},defaultVariants:{},compoundVariants:[]});\nexport var valueContainer = '_dacoys9-3-1-0';\nexport var valueItem = '_dacoysa-3-1-0 _da9a8v0-3-1-0 _da9a8v2-3-1-0 _da9a8v6-3-1-0 _da9a8ve-3-1-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,oBAAoB;AACxB,IAAI,iBAAiB;AACrB,IAAI,6BAA6B,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,aAAY,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACjM,IAAI,wBAAwB;AAC5B,IAAI,2BAA2B,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,aAAY,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC/L,IAAI,iBAAiB;AACrB,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/core/components/tooltip/shared/styles/TooltipBody.css

@@ -1,4 +1,4 @@
-._1rpjobh0-3-0-1 {
+._1rpjobh0-3-1-0 {
   overflow: hidden auto;
   width: 100%;
   height: 100%;

package/esm/charts/core/components/tooltip/shared/styles/TooltipBody.sty.js

@@ -1,5 +1,5 @@
 import "./TooltipBody.css";
-var container = "_1rpjobh0-3-0-1";
+var container = "_1rpjobh0-3-1-0";
 export {
   container
 };

package/esm/charts/core/components/tooltip/shared/styles/TooltipBody.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/shared/styles/TooltipBody.css.ts"],
-  "sourcesContent": ["import './TooltipBody.css';\nexport var container = '_1rpjobh0-3-0-1';"],
+  "sourcesContent": ["import './TooltipBody.css';\nexport var container = '_1rpjobh0-3-1-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/core/components/tooltip-atoms/components/HeaderChipAtom/HeaderChipAtom.css

@@ -1,4 +1,4 @@
-._19a28040-3-0-1 {
+._19a28040-3-1-0 {
   height: 16px;
   min-width: 45px;
   display: flex;

package/esm/charts/core/components/tooltip-atoms/components/HeaderChipAtom/HeaderChipAtom.sty.js

@@ -1,5 +1,5 @@
 import "./HeaderChipAtom.css";
-var headerChipAtom = "_19a28040-3-0-1";
+var headerChipAtom = "_19a28040-3-1-0";
 export {
   headerChipAtom
 };

package/esm/charts/core/components/tooltip-atoms/components/HeaderChipAtom/HeaderChipAtom.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip-atoms/components/HeaderChipAtom/HeaderChipAtom.css.ts"],
-  "sourcesContent": ["import './HeaderChipAtom.css';\nexport var headerChipAtom = '_19a28040-3-0-1';"],
+  "sourcesContent": ["import './HeaderChipAtom.css';\nexport var headerChipAtom = '_19a28040-3-1-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;",
   "names": []
 }

package/esm/charts/core/components/tooltip-atoms/components/styles.css

@@ -1,4 +1,4 @@
-._1b8jnp60-3-0-1 {
+._1b8jnp60-3-1-0 {
   width: 100%;
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   font-size: var(--dt-typography-text-small-default-size, 12px);
@@ -6,7 +6,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._1b8jnp61-3-0-1 {
+._1b8jnp61-3-1-0 {
   height: 16px;
   min-width: 45px;
   display: flex;
@@ -20,7 +20,7 @@
   background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
 }
-._1b8jnp62-3-0-1 {
+._1b8jnp62-3-1-0 {
   width: 100%;
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   font-size: var(--dt-typography-text-small-default-size, 12px);
@@ -28,7 +28,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._1b8jnp63-3-0-1 {
+._1b8jnp63-3-1-0 {
   height: 24px;
   width: 24px;
   display: flex;

package/esm/charts/core/components/tooltip-atoms/components/styles.sty.js

@@ -1,8 +1,8 @@
 import "./styles.css";
-var chipAtom = "_1b8jnp61-3-0-1";
-var primaryInfo = "_1b8jnp62-3-0-1";
-var secondaryInfo = "_1b8jnp60-3-0-1";
-var symbolAtom = "_1b8jnp63-3-0-1";
+var chipAtom = "_1b8jnp61-3-1-0";
+var primaryInfo = "_1b8jnp62-3-1-0";
+var secondaryInfo = "_1b8jnp60-3-1-0";
+var symbolAtom = "_1b8jnp63-3-1-0";
 export {
   chipAtom,
   primaryInfo,

package/esm/charts/core/components/tooltip-atoms/components/styles.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/tooltip-atoms/components/styles.css.ts"],
-  "sourcesContent": ["import './styles.css';\nexport var chipAtom = '_1b8jnp61-3-0-1';\nexport var primaryInfo = '_1b8jnp62-3-0-1';\nexport var secondaryInfo = '_1b8jnp60-3-0-1';\nexport var symbolAtom = '_1b8jnp63-3-0-1';"],
+  "sourcesContent": ["import './styles.css';\nexport var chipAtom = '_1b8jnp61-3-1-0';\nexport var primaryInfo = '_1b8jnp62-3-1-0';\nexport var secondaryInfo = '_1b8jnp60-3-1-0';\nexport var symbolAtom = '_1b8jnp63-3-1-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;AACf,IAAI,cAAc;AAClB,IAAI,gBAAgB;AACpB,IAAI,aAAa;",
   "names": []
 }

package/esm/charts/core/components/zoom/ZoomCursors.css

@@ -1,8 +1,8 @@
-._1idfwsm0-3-0-1 {
+._1idfwsm0-3-1-0 {
   cursor: ew-resize;
   user-select: none;
   touch-action: pan-y;
 }
-._1idfwsm1-3-0-1 {
+._1idfwsm1-3-1-0 {
   cursor: default;
 }

package/esm/charts/core/components/zoom/ZoomCursors.sty.js

@@ -1,8 +1,8 @@
 import "./ZoomCursors.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var cursorStyle = _7a468({ defaultClassName: "_1idfwsm2-3-0-1", variantClassNames: { isPanEnabled: { true: "_1idfwsm0-3-0-1", false: "_1idfwsm1-3-0-1" } }, defaultVariants: {}, compoundVariants: [] });
-var defaultCursor = "_1idfwsm1-3-0-1";
-var resizeCursor = "_1idfwsm0-3-0-1";
+var cursorStyle = _7a468({ defaultClassName: "_1idfwsm2-3-1-0", variantClassNames: { isPanEnabled: { true: "_1idfwsm0-3-1-0", false: "_1idfwsm1-3-1-0" } }, defaultVariants: {}, compoundVariants: [] });
+var defaultCursor = "_1idfwsm1-3-1-0";
+var resizeCursor = "_1idfwsm0-3-1-0";
 export {
   cursorStyle,
   defaultCursor,

package/esm/charts/core/components/zoom/ZoomCursors.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/zoom/ZoomCursors.css.ts"],
-  "sourcesContent": ["import './ZoomCursors.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var cursorStyle = _7a468({defaultClassName:'_1idfwsm2-3-0-1',variantClassNames:{isPanEnabled:{true:'_1idfwsm0-3-0-1',false:'_1idfwsm1-3-0-1'}},defaultVariants:{},compoundVariants:[]});\nexport var defaultCursor = '_1idfwsm1-3-0-1';\nexport var resizeCursor = '_1idfwsm0-3-0-1';"],
+  "sourcesContent": ["import './ZoomCursors.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var cursorStyle = _7a468({defaultClassName:'_1idfwsm2-3-1-0',variantClassNames:{isPanEnabled:{true:'_1idfwsm0-3-1-0',false:'_1idfwsm1-3-1-0'}},defaultVariants:{},compoundVariants:[]});\nexport var defaultCursor = '_1idfwsm1-3-1-0';\nexport var resizeCursor = '_1idfwsm0-3-1-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,cAAc,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,cAAa,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACtL,IAAI,gBAAgB;AACpB,IAAI,eAAe;",
   "names": []
 }

package/esm/charts/core/hooks/useResolveAsyncComponent.js

@@ -1,17 +1,18 @@
-import { Fragment, jsx } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { useStratoLogger } from "../../../core/sdk/sdk-logger.js";
-const useResolveAsyncComponent = (asyncComponentCallback, deps = []) => {
+const useResolveAsyncComponent = (asyncComponentCallback, shouldRun, deps = []) => {
   const logger = useStratoLogger("useResolveAsyncComponent");
-  const [syncComponent, setSyncComponent] = useState(/* @__PURE__ */ jsx(Fragment, {}));
+  const [syncComponent, setSyncComponent] = useState(null);
+  const errorCount = useRef(0);
   useEffect(() => {
-    if (!asyncComponentCallback) {
+    if (!asyncComponentCallback || !shouldRun || syncComponent) {
       return;
     }
-    asyncComponentCallback().then(setSyncComponent).catch((error) => {
+    asyncComponentCallback().then((template) => template && setSyncComponent(template)).catch((error) => {
       logger.error("Failed to load async component ", error);
+      errorCount.current += 1;
     });
-  }, [logger, asyncComponentCallback, ...deps]);
+  }, [logger, asyncComponentCallback, errorCount.current, shouldRun, ...deps]);
   return syncComponent;
 };
 export {

package/esm/charts/core/hooks/useResolveAsyncComponent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/core/hooks/useResolveAsyncComponent.tsx"],
-  "sourcesContent": ["import { useEffect, useState, type ReactElement } from 'react';\n\nimport { useStratoLogger } from '../../../core/sdk/sdk-logger.js';\n\nexport const useResolveAsyncComponent = (\n  asyncComponentCallback: (() => Promise<ReactElement>) | undefined,\n  deps: unknown[] = [],\n) => {\n  const logger = useStratoLogger('useResolveAsyncComponent');\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  const [syncComponent, setSyncComponent] = useState<ReactElement>(<></>);\n\n  useEffect(() => {\n    if (!asyncComponentCallback) {\n      return;\n    }\n\n    asyncComponentCallback()\n      .then(setSyncComponent)\n      .catch((error) => {\n        logger.error('Failed to load async component ', error);\n      });\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [logger, asyncComponentCallback, ...deps]);\n\n  return syncComponent;\n};\n"],
-  "mappings": "AAUmE;AAVnE,SAAS,WAAW,gBAAmC;AAEvD,SAAS,uBAAuB;AAEzB,MAAM,2BAA2B,CACtC,wBACA,OAAkB,CAAC,MAChB;AACH,QAAM,SAAS,gBAAgB,0BAA0B;AAEzD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAuB,gCAAE,CAAG;AAEtE,YAAU,MAAM;AACd,QAAI,CAAC,wBAAwB;AAC3B;AAAA,IACF;AAEA,2BAAuB,EACpB,KAAK,gBAAgB,EACrB,MAAM,CAAC,UAAU;AAChB,aAAO,MAAM,mCAAmC,KAAK;AAAA,IACvD,CAAC;AAAA,EAGL,GAAG,CAAC,QAAQ,wBAAwB,GAAG,IAAI,CAAC;AAE5C,SAAO;AACT;",
+  "sourcesContent": ["import { useEffect, useRef, useState, type ReactElement } from 'react';\n\nimport { useStratoLogger } from '../../../core/sdk/sdk-logger.js';\n\nexport const useResolveAsyncComponent = (\n  asyncComponentCallback: (() => Promise<ReactElement>) | undefined,\n  shouldRun: boolean,\n  deps: unknown[] = [],\n) => {\n  const logger = useStratoLogger('useResolveAsyncComponent');\n  const [syncComponent, setSyncComponent] = useState<ReactElement | null>(null);\n  const errorCount = useRef(0);\n  useEffect(() => {\n    if (!asyncComponentCallback || !shouldRun || syncComponent) {\n      return;\n    }\n\n    asyncComponentCallback()\n      .then((template) => template && setSyncComponent(template))\n      .catch((error) => {\n        logger.error('Failed to load async component ', error);\n        errorCount.current += 1;\n      });\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [logger, asyncComponentCallback, errorCount.current, shouldRun, ...deps]);\n\n  return syncComponent;\n};\n"],
+  "mappings": "AAAA,SAAS,WAAW,QAAQ,gBAAmC;AAE/D,SAAS,uBAAuB;AAEzB,MAAM,2BAA2B,CACtC,wBACA,WACA,OAAkB,CAAC,MAChB;AACH,QAAM,SAAS,gBAAgB,0BAA0B;AACzD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAA8B,IAAI;AAC5E,QAAM,aAAa,OAAO,CAAC;AAC3B,YAAU,MAAM;AACd,QAAI,CAAC,0BAA0B,CAAC,aAAa,eAAe;AAC1D;AAAA,IACF;AAEA,2BAAuB,EACpB,KAAK,CAAC,aAAa,YAAY,iBAAiB,QAAQ,CAAC,EACzD,MAAM,CAAC,UAAU;AAChB,aAAO,MAAM,mCAAmC,KAAK;AACrD,iBAAW,WAAW;AAAA,IACxB,CAAC;AAAA,EAGL,GAAG,CAAC,QAAQ,wBAAwB,WAAW,SAAS,WAAW,GAAG,IAAI,CAAC;AAE3E,SAAO;AACT;",
   "names": []
 }

package/esm/charts/core/typographyStyles.css

@@ -1,3 +1,3 @@
-._18u8ey50-3-0-1 {
+._18u8ey50-3-1-0 {
   font-feature-settings: 'ss01';
 }

package/esm/charts/core/typographyStyles.sty.js

@@ -1,5 +1,5 @@
 import "./typographyStyles.css";
-var replaceSlashedZero = "_18u8ey50-3-0-1";
+var replaceSlashedZero = "_18u8ey50-3-1-0";
 export {
   replaceSlashedZero
 };

package/esm/charts/core/typographyStyles.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/core/typographyStyles.css.ts"],
-  "sourcesContent": ["import './typographyStyles.css';\nexport var replaceSlashedZero = '_18u8ey50-3-0-1';"],
+  "sourcesContent": ["import './typographyStyles.css';\nexport var replaceSlashedZero = '_18u8ey50-3-1-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;",
   "names": []
 }

package/esm/charts/core/utils/is-feature-enabled.js

@@ -1,5 +1,5 @@
 const CONFIG = {
-  areLegendInteractionsEnabled: "atlas-01"
+  histogramToXY: "atlas-01"
 };
 function isFeatureEnabled(key) {
   const urlParam = new URLSearchParams(window.location.search);

package/esm/charts/core/utils/is-feature-enabled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/core/utils/is-feature-enabled.ts"],
-  "sourcesContent": ["type FeatureKey = keyof typeof CONFIG;\n\nconst CONFIG = {\n  areLegendInteractionsEnabled: 'atlas-01',\n};\n\nexport function isFeatureEnabled(key: FeatureKey): boolean {\n  const urlParam = new URLSearchParams(window.location.search);\n  return urlParam.get(key) === CONFIG[key];\n}\n"],
-  "mappings": "AAEA,MAAM,SAAS;AAAA,EACb,8BAA8B;AAChC;AAEO,SAAS,iBAAiB,KAA0B;AACzD,QAAM,WAAW,IAAI,gBAAgB,OAAO,SAAS,MAAM;AAC3D,SAAO,SAAS,IAAI,GAAG,MAAM,OAAO,GAAG;AACzC;",
+  "sourcesContent": ["type FeatureKey = keyof typeof CONFIG;\n\nconst CONFIG = {\n  histogramToXY: 'atlas-01',\n};\n\nexport function isFeatureEnabled(key: FeatureKey): boolean {\n  const urlParam = new URLSearchParams(window.location.search);\n  return urlParam.get(key) === CONFIG[key];\n}\n"],
+  "mappings": "AAEA,MAAM,SAAS;AAAA,EACb,eAAe;AACjB;AAEO,SAAS,iBAAiB,KAA0B;AACzD,QAAM,WAAW,IAAI,gBAAgB,OAAO,SAAS,MAAM;AAC3D,SAAO,SAAS,IAAI,GAAG,MAAM,OAAO,GAAG;AACzC;",
   "names": []
 }

package/esm/charts/core/utils/render-menu-action-children.js

@@ -1,5 +1,5 @@
-import { Fragment, jsx } from "react/jsx-runtime";
-import { Children } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Children, Fragment } from "react";
 import { isElement } from "react-is";
 import { isSlot } from "../../../core/utils/is-slot.js";
 import { Divider } from "../../../layouts/divider/Divider.js";
@@ -30,13 +30,13 @@ function renderMenuActionChildren(children, options) {
   if (anyChildIsNotSeriesActionComponent(children)) {
     return children;
   }
-  Children.forEach(children, (child) => {
+  Children.forEach(children, (child, index) => {
     if (isSlot(child, ChartSeriesAction.Intent)) {
       intents.push(child);
     } else if (isElement(child)) {
       seriesActions.push(child);
     } else {
-      seriesActions.push(/* @__PURE__ */ jsx(Fragment, { children: child }));
+      seriesActions.push(/* @__PURE__ */ jsx(Fragment, { children: child }, index));
     }
   });
   if (!divideActionsAndIntents) {

package/esm/charts/core/utils/render-menu-action-children.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/core/utils/render-menu-action-children.tsx"],
-  "sourcesContent": ["import { Children, type ReactElement, type ReactNode } from 'react';\nimport { isElement } from 'react-is';\n\nimport { isSlot } from '../../../core/utils/is-slot.js';\nimport { Divider } from '../../../layouts/divider/Divider.js';\nimport { ChartSeriesAction } from '../components/series-action/ChartSeriesAction.js';\n\nconst anyChildIsNotSeriesActionComponent = (children: ReactNode) => {\n  return Children.toArray(children).some((child) => {\n    return !Object.values(ChartSeriesAction).some(\n      (ChartSeriesActionComponent) => isSlot(child, ChartSeriesActionComponent),\n    );\n  });\n};\n\nconst sortResults = (\n  seriesActions: (ReactElement | undefined)[],\n  intents: (ReactElement | undefined)[],\n) => {\n  if (seriesActions.length === 0) {\n    return intents;\n  }\n  if (intents.length === 0) {\n    return seriesActions;\n  }\n\n  return [...seriesActions, <Divider key=\"divider\" />, ...intents];\n};\n\n/**\n * Splits Intents and the rest of the menu items and adds a divider between them.\n *\n * Note: If some of the menu items are not of type ChartSeriesAction.*, it could mean that actions\n * are rendered via intermediate components. To avoid an expensive recursive loop for type checks,\n * we skip checking the component type entirely. In this case, the consumer needs to be in charge of\n * rendering a <Divider/> between actions and intents.\n *\n * @param children - element to render\n */\nexport function renderMenuActionChildren(\n  children: ReactNode,\n  options?: {\n    divideActionsAndIntents?: boolean;\n  },\n) {\n  if (!children) {\n    return;\n  }\n  const { divideActionsAndIntents = true } = options || {};\n\n  const seriesActions: (ReactElement | undefined)[] = [];\n  const intents: (ReactElement | undefined)[] = [];\n\n  if (anyChildIsNotSeriesActionComponent(children)) {\n    return children;\n  }\n\n  Children.forEach(children, (child) => {\n    if (isSlot(child, ChartSeriesAction.Intent)) {\n      intents.push(child);\n    } else if (isElement(child)) {\n      seriesActions.push(child);\n    } else {\n      // eslint-disable-next-line react/jsx-no-useless-fragment\n      seriesActions.push(<>{child}</>);\n    }\n  });\n\n  if (!divideActionsAndIntents) {\n    return [...seriesActions, ...intents];\n  }\n\n  return intents.length > 0 || seriesActions.length > 0\n    ? sortResults(seriesActions, intents)\n    : undefined;\n}\n"],
-  "mappings": "AA0B4B,SAsCH,UAtCG;AA1B5B,SAAS,gBAAmD;AAC5D,SAAS,iBAAiB;AAE1B,SAAS,cAAc;AACvB,SAAS,eAAe;AACxB,SAAS,yBAAyB;AAElC,MAAM,qCAAqC,CAAC,aAAwB;AAClE,SAAO,SAAS,QAAQ,QAAQ,EAAE,KAAK,CAAC,UAAU;AAChD,WAAO,CAAC,OAAO,OAAO,iBAAiB,EAAE;AAAA,MACvC,CAAC,+BAA+B,OAAO,OAAO,0BAA0B;AAAA,IAC1E;AAAA,EACF,CAAC;AACH;AAEA,MAAM,cAAc,CAClB,eACA,YACG;AACH,MAAI,cAAc,WAAW,GAAG;AAC9B,WAAO;AAAA,EACT;AACA,MAAI,QAAQ,WAAW,GAAG;AACxB,WAAO;AAAA,EACT;AAEA,SAAO,CAAC,GAAG,eAAe,oBAAC,aAAY,SAAU,GAAI,GAAG,OAAO;AACjE;AAYO,SAAS,yBACd,UACA,SAGA;AACA,MAAI,CAAC,UAAU;AACb;AAAA,EACF;AACA,QAAM,EAAE,0BAA0B,KAAK,IAAI,WAAW,CAAC;AAEvD,QAAM,gBAA8C,CAAC;AACrD,QAAM,UAAwC,CAAC;AAE/C,MAAI,mCAAmC,QAAQ,GAAG;AAChD,WAAO;AAAA,EACT;AAEA,WAAS,QAAQ,UAAU,CAAC,UAAU;AACpC,QAAI,OAAO,OAAO,kBAAkB,MAAM,GAAG;AAC3C,cAAQ,KAAK,KAAK;AAAA,IACpB,WAAW,UAAU,KAAK,GAAG;AAC3B,oBAAc,KAAK,KAAK;AAAA,IAC1B,OAAO;AAEL,oBAAc,KAAK,gCAAG,iBAAM,CAAG;AAAA,IACjC;AAAA,EACF,CAAC;AAED,MAAI,CAAC,yBAAyB;AAC5B,WAAO,CAAC,GAAG,eAAe,GAAG,OAAO;AAAA,EACtC;AAEA,SAAO,QAAQ,SAAS,KAAK,cAAc,SAAS,IAChD,YAAY,eAAe,OAAO,IAClC;AACN;",
+  "sourcesContent": ["import { Children, Fragment, type ReactElement, type ReactNode } from 'react';\nimport { isElement } from 'react-is';\n\nimport { isSlot } from '../../../core/utils/is-slot.js';\nimport { Divider } from '../../../layouts/divider/Divider.js';\nimport { ChartSeriesAction } from '../components/series-action/ChartSeriesAction.js';\n\nconst anyChildIsNotSeriesActionComponent = (children: ReactNode) => {\n  return Children.toArray(children).some((child) => {\n    return !Object.values(ChartSeriesAction).some(\n      (ChartSeriesActionComponent) => isSlot(child, ChartSeriesActionComponent),\n    );\n  });\n};\n\nconst sortResults = (\n  seriesActions: (ReactElement | undefined)[],\n  intents: (ReactElement | undefined)[],\n) => {\n  if (seriesActions.length === 0) {\n    return intents;\n  }\n  if (intents.length === 0) {\n    return seriesActions;\n  }\n\n  return [...seriesActions, <Divider key=\"divider\" />, ...intents];\n};\n\n/**\n * Splits Intents and the rest of the menu items and adds a divider between them.\n *\n * Note: If some of the menu items are not of type ChartSeriesAction.*, it could mean that actions\n * are rendered via intermediate components. To avoid an expensive recursive loop for type checks,\n * we skip checking the component type entirely. In this case, the consumer needs to be in charge of\n * rendering a <Divider/> between actions and intents.\n *\n * @param children - element to render\n */\nexport function renderMenuActionChildren(\n  children: ReactNode,\n  options?: {\n    divideActionsAndIntents?: boolean;\n  },\n) {\n  if (!children) {\n    return;\n  }\n  const { divideActionsAndIntents = true } = options || {};\n\n  const seriesActions: (ReactElement | undefined)[] = [];\n  const intents: (ReactElement | undefined)[] = [];\n\n  if (anyChildIsNotSeriesActionComponent(children)) {\n    return children;\n  }\n\n  Children.forEach(children, (child, index) => {\n    if (isSlot(child, ChartSeriesAction.Intent)) {\n      intents.push(child);\n    } else if (isElement(child)) {\n      seriesActions.push(child);\n    } else {\n      seriesActions.push(<Fragment key={index}>{child}</Fragment>);\n    }\n  });\n\n  if (!divideActionsAndIntents) {\n    return [...seriesActions, ...intents];\n  }\n\n  return intents.length > 0 || seriesActions.length > 0\n    ? sortResults(seriesActions, intents)\n    : undefined;\n}\n"],
+  "mappings": "AA0B4B;AA1B5B,SAAS,UAAU,gBAAmD;AACtE,SAAS,iBAAiB;AAE1B,SAAS,cAAc;AACvB,SAAS,eAAe;AACxB,SAAS,yBAAyB;AAElC,MAAM,qCAAqC,CAAC,aAAwB;AAClE,SAAO,SAAS,QAAQ,QAAQ,EAAE,KAAK,CAAC,UAAU;AAChD,WAAO,CAAC,OAAO,OAAO,iBAAiB,EAAE;AAAA,MACvC,CAAC,+BAA+B,OAAO,OAAO,0BAA0B;AAAA,IAC1E;AAAA,EACF,CAAC;AACH;AAEA,MAAM,cAAc,CAClB,eACA,YACG;AACH,MAAI,cAAc,WAAW,GAAG;AAC9B,WAAO;AAAA,EACT;AACA,MAAI,QAAQ,WAAW,GAAG;AACxB,WAAO;AAAA,EACT;AAEA,SAAO,CAAC,GAAG,eAAe,oBAAC,aAAY,SAAU,GAAI,GAAG,OAAO;AACjE;AAYO,SAAS,yBACd,UACA,SAGA;AACA,MAAI,CAAC,UAAU;AACb;AAAA,EACF;AACA,QAAM,EAAE,0BAA0B,KAAK,IAAI,WAAW,CAAC;AAEvD,QAAM,gBAA8C,CAAC;AACrD,QAAM,UAAwC,CAAC;AAE/C,MAAI,mCAAmC,QAAQ,GAAG;AAChD,WAAO;AAAA,EACT;AAEA,WAAS,QAAQ,UAAU,CAAC,OAAO,UAAU;AAC3C,QAAI,OAAO,OAAO,kBAAkB,MAAM,GAAG;AAC3C,cAAQ,KAAK,KAAK;AAAA,IACpB,WAAW,UAAU,KAAK,GAAG;AAC3B,oBAAc,KAAK,KAAK;AAAA,IAC1B,OAAO;AACL,oBAAc,KAAK,oBAAC,YAAsB,mBAAR,KAAc,CAAW;AAAA,IAC7D;AAAA,EACF,CAAC;AAED,MAAI,CAAC,yBAAyB;AAC5B,WAAO,CAAC,GAAG,eAAe,GAAG,OAAO;AAAA,EACtC;AAEA,SAAO,QAAQ,SAAS,KAAK,cAAc,SAAS,IAChD,YAAY,eAAe,OAAO,IAClC;AACN;",
   "names": []
 }