@dynatrace/strato-components 3.8.0 → 3.9.0

package/esm/charts/core/components/loader-overlay/LoaderOverlay.sty.js

@@ -1,6 +1,6 @@
 import "./LoaderOverlay.css";
-var loaderOverlay = "_bs5vaz0-3-8-0";
-var progressCircle = "_bs5vaz1-3-8-0";
+var loaderOverlay = "_bs5vaz0-3-9-0";
+var progressCircle = "_bs5vaz1-3-9-0";
 export {
   loaderOverlay,
   progressCircle

package/esm/charts/core/components/loader-overlay/LoaderOverlay.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/loader-overlay/LoaderOverlay.css.ts"],
-  "sourcesContent": ["import './LoaderOverlay.css';\nexport var loaderOverlay = '_bs5vaz0-3-8-0';\nexport var progressCircle = '_bs5vaz1-3-8-0';"],
+  "sourcesContent": ["import './LoaderOverlay.css';\nexport var loaderOverlay = '_bs5vaz0-3-9-0';\nexport var progressCircle = '_bs5vaz1-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,gBAAgB;AACpB,IAAI,iBAAiB;",
   "names": []
 }

package/esm/charts/core/components/overlay-tooltip/components/DynamicTooltipRenderer.js

@@ -20,16 +20,16 @@ const DynamicTooltipRenderer = (props) => {
   const { config, content } = buildContent(props.children, defaultConfig, {
     userSymbolPosition: props.symbolAlignment,
     userTruncationMode: props.truncation ?? DEFAULT_TRUNCATION_MODE,
-    customTooltip: !!props.legacyTemplate
+    customTooltip: !!props.template
   });
-  if (props.legacyTemplate) {
+  if (props.template) {
     return /* @__PURE__ */ jsx(ExternalConfigContext.Provider, { value: config, children: /* @__PURE__ */ jsx(
       LegacyTemplateTooltip,
       {
         pinned,
         absoluteX,
         absoluteY,
-        children: props.legacyTemplate
+        children: props.template
       }
     ) });
   }

package/esm/charts/core/components/overlay-tooltip/components/DynamicTooltipRenderer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/overlay-tooltip/components/DynamicTooltipRenderer.tsx"],
-  "sourcesContent": ["import { isNull } from 'lodash-es';\nimport { type PropsWithChildren } from 'react';\n\nimport { DynamicTooltip } from './DynamicTooltip.js';\nimport { LegacyTemplateTooltip } from '../components/LegacyTemplateTooltip.js';\nimport { DEFAULT_TRUNCATION_MODE } from '../constants.js';\nimport { ExternalConfigContext } from '../contexts/ExternalConfigContext.js';\nimport { useDefaultConfig } from '../hooks/useDefaultConfig.js';\nimport { useSelector, useTooltipSnapshot } from '../selectors.js';\nimport type { OverlayTooltipProps } from '../types.js';\nimport { buildContent } from '../utils/build-content.js';\nimport { isTooltipDataEmpty } from '../utils.js';\n\nexport const DynamicTooltipRenderer = (\n  props: PropsWithChildren<OverlayTooltipProps>,\n) => {\n  useSelector(\n    ({ absoluteX, absoluteY, inBounds, pinned }) =>\n      `${absoluteX}-${absoluteY}-${inBounds}-${pinned}`,\n  );\n  const { absoluteX, absoluteY, inBounds, pinned, data } = useTooltipSnapshot();\n  const defaultConfig = useDefaultConfig();\n\n  if (\n    !inBounds ||\n    isNull(absoluteX) ||\n    isNull(absoluteY) ||\n    isTooltipDataEmpty(data)\n  ) {\n    return;\n  }\n  const { config, content } = buildContent(props.children, defaultConfig, {\n    userSymbolPosition: props.symbolAlignment,\n    userTruncationMode: props.truncation ?? DEFAULT_TRUNCATION_MODE,\n    customTooltip: !!props.legacyTemplate,\n  });\n\n  if (props.legacyTemplate) {\n    return (\n      <ExternalConfigContext.Provider value={config}>\n        <LegacyTemplateTooltip\n          pinned={pinned}\n          absoluteX={absoluteX}\n          absoluteY={absoluteY}\n        >\n          {props.legacyTemplate}\n        </LegacyTemplateTooltip>\n      </ExternalConfigContext.Provider>\n    );\n  }\n  return (\n    <DynamicTooltip pinned={pinned} absoluteX={absoluteX} absoluteY={absoluteY}>\n      <ExternalConfigContext.Provider value={config}>\n        {content}\n      </ExternalConfigContext.Provider>\n    </DynamicTooltip>\n  );\n};\n"],
-  "mappings": "AAwCQ;AAxCR,SAAS,cAAc;AAGvB,SAAS,sBAAsB;AAC/B,SAAS,6BAA6B;AACtC,SAAS,+BAA+B;AACxC,SAAS,6BAA6B;AACtC,SAAS,wBAAwB;AACjC,SAAS,aAAa,0BAA0B;AAEhD,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AAE5B,MAAM,yBAAyB,CACpC,UACG;AACH;AAAA,IACE,CAAC,EAAE,WAAAA,YAAW,WAAAC,YAAW,UAAAC,WAAU,QAAAC,QAAO,MACxC,GAAGH,UAAS,IAAIC,UAAS,IAAIC,SAAQ,IAAIC,OAAM;AAAA,EACnD;AACA,QAAM,EAAE,WAAW,WAAW,UAAU,QAAQ,KAAK,IAAI,mBAAmB;AAC5E,QAAM,gBAAgB,iBAAiB;AAEvC,MACE,CAAC,YACD,OAAO,SAAS,KAChB,OAAO,SAAS,KAChB,mBAAmB,IAAI,GACvB;AACA;AAAA,EACF;AACA,QAAM,EAAE,QAAQ,QAAQ,IAAI,aAAa,MAAM,UAAU,eAAe;AAAA,IACtE,oBAAoB,MAAM;AAAA,IAC1B,oBAAoB,MAAM,cAAc;AAAA,IACxC,eAAe,CAAC,CAAC,MAAM;AAAA,EACzB,CAAC;AAED,MAAI,MAAM,gBAAgB;AACxB,WACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,QACrC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QAEC,gBAAM;AAAA;AAAA,IACT,GACF;AAAA,EAEJ;AACA,SACE,oBAAC,kBAAe,QAAgB,WAAsB,WACpD,8BAAC,sBAAsB,UAAtB,EAA+B,OAAO,QACpC,mBACH,GACF;AAEJ;",
+  "sourcesContent": ["import { isNull } from 'lodash-es';\nimport { type PropsWithChildren } from 'react';\n\nimport { DynamicTooltip } from './DynamicTooltip.js';\nimport { LegacyTemplateTooltip } from '../components/LegacyTemplateTooltip.js';\nimport { DEFAULT_TRUNCATION_MODE } from '../constants.js';\nimport { ExternalConfigContext } from '../contexts/ExternalConfigContext.js';\nimport { useDefaultConfig } from '../hooks/useDefaultConfig.js';\nimport { useSelector, useTooltipSnapshot } from '../selectors.js';\nimport type { OverlayTooltipProps } from '../types.js';\nimport { buildContent } from '../utils/build-content.js';\nimport { isTooltipDataEmpty } from '../utils.js';\n\nexport const DynamicTooltipRenderer = (\n  props: PropsWithChildren<OverlayTooltipProps>,\n) => {\n  useSelector(\n    ({ absoluteX, absoluteY, inBounds, pinned }) =>\n      `${absoluteX}-${absoluteY}-${inBounds}-${pinned}`,\n  );\n  const { absoluteX, absoluteY, inBounds, pinned, data } = useTooltipSnapshot();\n  const defaultConfig = useDefaultConfig();\n\n  if (\n    !inBounds ||\n    isNull(absoluteX) ||\n    isNull(absoluteY) ||\n    isTooltipDataEmpty(data)\n  ) {\n    return;\n  }\n  const { config, content } = buildContent(props.children, defaultConfig, {\n    userSymbolPosition: props.symbolAlignment,\n    userTruncationMode: props.truncation ?? DEFAULT_TRUNCATION_MODE,\n    customTooltip: !!props.template,\n  });\n\n  if (props.template) {\n    return (\n      <ExternalConfigContext.Provider value={config}>\n        <LegacyTemplateTooltip\n          pinned={pinned}\n          absoluteX={absoluteX}\n          absoluteY={absoluteY}\n        >\n          {props.template}\n        </LegacyTemplateTooltip>\n      </ExternalConfigContext.Provider>\n    );\n  }\n  return (\n    <DynamicTooltip pinned={pinned} absoluteX={absoluteX} absoluteY={absoluteY}>\n      <ExternalConfigContext.Provider value={config}>\n        {content}\n      </ExternalConfigContext.Provider>\n    </DynamicTooltip>\n  );\n};\n"],
+  "mappings": "AAwCQ;AAxCR,SAAS,cAAc;AAGvB,SAAS,sBAAsB;AAC/B,SAAS,6BAA6B;AACtC,SAAS,+BAA+B;AACxC,SAAS,6BAA6B;AACtC,SAAS,wBAAwB;AACjC,SAAS,aAAa,0BAA0B;AAEhD,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AAE5B,MAAM,yBAAyB,CACpC,UACG;AACH;AAAA,IACE,CAAC,EAAE,WAAAA,YAAW,WAAAC,YAAW,UAAAC,WAAU,QAAAC,QAAO,MACxC,GAAGH,UAAS,IAAIC,UAAS,IAAIC,SAAQ,IAAIC,OAAM;AAAA,EACnD;AACA,QAAM,EAAE,WAAW,WAAW,UAAU,QAAQ,KAAK,IAAI,mBAAmB;AAC5E,QAAM,gBAAgB,iBAAiB;AAEvC,MACE,CAAC,YACD,OAAO,SAAS,KAChB,OAAO,SAAS,KAChB,mBAAmB,IAAI,GACvB;AACA;AAAA,EACF;AACA,QAAM,EAAE,QAAQ,QAAQ,IAAI,aAAa,MAAM,UAAU,eAAe;AAAA,IACtE,oBAAoB,MAAM;AAAA,IAC1B,oBAAoB,MAAM,cAAc;AAAA,IACxC,eAAe,CAAC,CAAC,MAAM;AAAA,EACzB,CAAC;AAED,MAAI,MAAM,UAAU;AAClB,WACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,QACrC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QAEC,gBAAM;AAAA;AAAA,IACT,GACF;AAAA,EAEJ;AACA,SACE,oBAAC,kBAAe,QAAgB,WAAsB,WACpD,8BAAC,sBAAsB,UAAtB,EAA+B,OAAO,QACpC,mBACH,GACF;AAEJ;",
   "names": ["absoluteX", "absoluteY", "inBounds", "pinned"]
 }

package/esm/charts/core/components/overlay-tooltip/components/global-actions/actions.css

@@ -1,4 +1,4 @@
-@keyframes _15am2yg1-3-8-0 {
+@keyframes _15am2yg1-3-9-0 {
   from {
     opacity: 0;
     max-height: 0;
@@ -12,7 +12,7 @@
     margin-top: var(--dt-spacings-size-4, 4px);
   }
 }
-._15am2yg0-3-8-0 {
+._15am2yg0-3-9-0 {
   display: block;
   padding: var(--dt-spacings-size-6, 6px) var(--dt-spacings-size-8, 8px);
   width: 100%;
@@ -24,7 +24,7 @@
   line-height: var(--dt-typography-text-base-emphasized-line-height, 1.4285714286);
   border-radius: var(--dt-borders-radius-field-default, 6px);
 }
-._15am2yg2-3-8-0 {
+._15am2yg2-3-9-0 {
   box-sizing: border-box;
   border-top: 1px solid var(--dt-colors-border-neutral-default, #dadbe4);
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
@@ -36,6 +36,6 @@
   padding: 0;
   margin-top: 0;
   overflow: hidden;
-  animation: _15am2yg1-3-8-0 var(--dt-animations-expand-collapse-duration-fast, 250ms) var(--dt-animations-expand-collapse-easing, cubic-bezier(0.4, 0, 0.2, 1)) both;
+  animation: _15am2yg1-3-9-0 var(--dt-animations-expand-collapse-duration-fast, 250ms) var(--dt-animations-expand-collapse-easing, cubic-bezier(0.4, 0, 0.2, 1)) both;
   animation-delay: 1200ms;
 }

package/esm/charts/core/components/overlay-tooltip/components/global-actions/actions.sty.js

@@ -1,6 +1,6 @@
 import "./actions.css";
-var actionButton = "_15am2yg0-3-8-0";
-var actionsPlaceholderTextAnimated = "_15am2yg2-3-8-0";
+var actionButton = "_15am2yg0-3-9-0";
+var actionsPlaceholderTextAnimated = "_15am2yg2-3-9-0";
 export {
   actionButton,
   actionsPlaceholderTextAnimated

package/esm/charts/core/components/overlay-tooltip/components/global-actions/actions.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/overlay-tooltip/components/global-actions/actions.css.ts"],
-  "sourcesContent": ["import './actions.css';\nexport var actionButton = '_15am2yg0-3-8-0';\nexport var actionsPlaceholderTextAnimated = '_15am2yg2-3-8-0';"],
+  "sourcesContent": ["import './actions.css';\nexport var actionButton = '_15am2yg0-3-9-0';\nexport var actionsPlaceholderTextAnimated = '_15am2yg2-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,eAAe;AACnB,IAAI,iCAAiC;",
   "names": []
 }

package/esm/charts/core/components/overlay-tooltip/components/header/Header.css

@@ -1,10 +1,10 @@
-._1ldhlar2-3-8-0 {
+._1ldhlar2-3-9-0 {
   padding: var(--dt-spacings-size-4, 4px) var(--dt-spacings-size-6, 6px);
-  width: var(--_1ldhlar1-3-8-0, calc(100% - 8px));
+  width: var(--_1ldhlar1-3-9-0, calc(100% - 8px));
   height: 100%;
   display: inline-block;
 }
-._1ldhlar3-3-8-0 {
+._1ldhlar3-3-9-0 {
   font-family: var(--dt-typography-text-small-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-emphasized-size, 12px);
   line-height: var(--dt-typography-text-small-emphasized-line-height, 1.333333333);
@@ -13,15 +13,15 @@
   margin: 0;
   padding: 0;
 }
-._1ldhlar4-3-8-0 {
+._1ldhlar4-3-9-0 {
   display: -webkit-box;
   -webkit-box-orient: vertical;
-  -webkit-line-clamp: var(--_1ldhlar0-3-8-0);
+  -webkit-line-clamp: var(--_1ldhlar0-3-9-0);
   overflow: hidden;
   text-overflow: ellipsis;
   word-break: break-word;
 }
-._1ldhlar5-3-8-0 {
+._1ldhlar5-3-9-0 {
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-default-size, 12px);
   line-height: var(--dt-typography-text-small-default-line-height, 1.333333333);

package/esm/charts/core/components/overlay-tooltip/components/header/Header.sty.js

@@ -1,10 +1,10 @@
 import "./Header.css";
-var headerContainer = "_1ldhlar2-3-8-0";
-var headerSubText = "_1ldhlar5-3-8-0";
-var headerText = "_1ldhlar3-3-8-0";
-var headerTextMultiLine = "_1ldhlar4-3-8-0";
-var headerWidthVar = "var(--_1ldhlar1-3-8-0)";
-var maxLinesVar = "var(--_1ldhlar0-3-8-0)";
+var headerContainer = "_1ldhlar2-3-9-0";
+var headerSubText = "_1ldhlar5-3-9-0";
+var headerText = "_1ldhlar3-3-9-0";
+var headerTextMultiLine = "_1ldhlar4-3-9-0";
+var headerWidthVar = "var(--_1ldhlar1-3-9-0)";
+var maxLinesVar = "var(--_1ldhlar0-3-9-0)";
 export {
   headerContainer,
   headerSubText,

package/esm/charts/core/components/overlay-tooltip/components/header/Header.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/overlay-tooltip/components/header/Header.css.ts"],
-  "sourcesContent": ["import './Header.css';\nexport var headerContainer = '_1ldhlar2-3-8-0';\nexport var headerSubText = '_1ldhlar5-3-8-0';\nexport var headerText = '_1ldhlar3-3-8-0';\nexport var headerTextMultiLine = '_1ldhlar4-3-8-0';\nexport var headerWidthVar = 'var(--_1ldhlar1-3-8-0)';\nexport var maxLinesVar = 'var(--_1ldhlar0-3-8-0)';"],
+  "sourcesContent": ["import './Header.css';\nexport var headerContainer = '_1ldhlar2-3-9-0';\nexport var headerSubText = '_1ldhlar5-3-9-0';\nexport var headerText = '_1ldhlar3-3-9-0';\nexport var headerTextMultiLine = '_1ldhlar4-3-9-0';\nexport var headerWidthVar = 'var(--_1ldhlar1-3-9-0)';\nexport var maxLinesVar = 'var(--_1ldhlar0-3-9-0)';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,aAAa;AACjB,IAAI,sBAAsB;AAC1B,IAAI,iBAAiB;AACrB,IAAI,cAAc;",
   "names": []
 }

package/esm/charts/core/components/overlay-tooltip/components/series/Series.js

@@ -86,8 +86,8 @@ const SeriesWithVirtualizer = (props) => {
       className: seriesOverflowContainer,
       style: {
         height: `${virtualizer.getTotalSize()}px`,
-        width: `${Math.max(maxContainerWidth, MIN_TOOLTIP_WIDTH)}px`,
-        maxWidth: "100%"
+        minWidth: `${Math.max(maxContainerWidth, MIN_TOOLTIP_WIDTH)}px`,
+        width: "100%"
       },
       children: [
         config.seriesHeader,

package/esm/charts/core/components/overlay-tooltip/components/series/Series.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/overlay-tooltip/components/series/Series.tsx"],
-  "sourcesContent": ["import { useVirtualizer } from '@tanstack/react-virtual';\nimport clsx from 'clsx';\nimport { Fragment, type JSX, useRef, useCallback } from 'react';\n\nimport {\n  MIN_TOOLTIP_WIDTH,\n  SCROLLBAR_WIDTH,\n  SYMBOL_AND_SPACING_WIDTH,\n  TOOLTIP_CONTENT_PADDING,\n  TOOLTIP_WRAPPER_PADDING,\n} from '../../constants.js';\nimport { useExternalConfig } from '../../contexts/ExternalConfigContext.js';\nimport { useScrollbarDetection } from '../../hooks/use-scrollbar-detection.js';\nimport { useSelector } from '../../selectors.js';\nimport {\n  seriesGridContainer,\n  seriesItemHighlighted,\n  seriesOverflowContainer,\n  seriesWrapper,\n} from '../../tooltip.sty.js';\nimport { estimateSeriesItemSize } from '../../utils/estimate-series-item-size.js';\nimport { calculateTotalWidth400 } from '../../utils/width-calculation.js';\n\nexport const Series = <T extends Record<string, unknown>>(props: {\n  data: T[];\n  seriesItemTemplate: (item: T) => JSX.Element;\n  variant?: 'shared' | 'single';\n  activeItem?: number;\n}) => {\n  const { data, seriesItemTemplate, activeItem = 0 } = props;\n  const config = useExternalConfig();\n\n  if (config.variant !== 'shared' || data.length === 1) {\n    return (\n      <div className={seriesGridContainer}>\n        <Fragment key=\"seriesHeader\">{config.seriesHeader}</Fragment>\n        <Fragment key=\"series\">{seriesItemTemplate(data[0])}</Fragment>\n      </div>\n    );\n  }\n\n  const maxContentWidthWithinFirstTenValues = Math.max(\n    ...data.slice(0, 10).map((item) => {\n      let nameWidth = 0;\n      if (Array.isArray(item.name)) {\n        nameWidth = calculateTotalWidth400(...item.name);\n      } else {\n        nameWidth = calculateTotalWidth400(item.name as string);\n      }\n\n      let valueWidth = 0;\n      if (item.value !== undefined && item.value !== null) {\n        const valueText = String(item.value);\n        const relativeValueText = item.relativeValue\n          ? String(item.relativeValue)\n          : '';\n        valueWidth = calculateTotalWidth400(valueText, relativeValueText);\n      }\n\n      return nameWidth + valueWidth;\n    }),\n  );\n  return (\n    <SeriesWithVirtualizer\n      data={data}\n      activeItem={activeItem}\n      seriesItemTemplate={seriesItemTemplate}\n      maxContentWidth={maxContentWidthWithinFirstTenValues}\n    />\n  );\n};\n\nconst SeriesWithVirtualizer = <T extends Record<string, unknown>>(props: {\n  data: T[];\n  seriesItemTemplate: (item: T) => JSX.Element;\n  activeItem: number;\n  maxContentWidth: number;\n}) => {\n  const { data, seriesItemTemplate, activeItem, maxContentWidth } = props;\n  const isItemSelected = useSelector(({ activeSeries }) => !!activeSeries);\n  const parentRef = useRef<HTMLElement | null>(null);\n  const config = useExternalConfig();\n  const isSeriesHeaderDisabled = config.seriesHeader?.props?.disabled;\n  const scrollbarRefCallback = useScrollbarDetection();\n\n  const combinedRefCallback = useCallback(\n    (element: HTMLElement | null) => {\n      parentRef.current = element;\n      scrollbarRefCallback(element);\n    },\n    [scrollbarRefCallback],\n  );\n\n  const virtualizer = useVirtualizer({\n    count: data.length,\n    getScrollElement: () => parentRef.current,\n    estimateSize: (index) =>\n      estimateSeriesItemSize(data[index], maxContainerWidth),\n    paddingStart: isSeriesHeaderDisabled ? 0 : 24,\n    paddingEnd: 0,\n    overscan: 3,\n  });\n  const spacings = TOOLTIP_WRAPPER_PADDING * 2 + SYMBOL_AND_SPACING_WIDTH;\n  const maxContainerWidth =\n    maxContentWidth + spacings + TOOLTIP_CONTENT_PADDING * 2;\n\n  return (\n    <div ref={combinedRefCallback} className={seriesWrapper}>\n      <div\n        className={seriesOverflowContainer}\n        style={{\n          height: `${virtualizer.getTotalSize()}px`,\n          width: `${Math.max(maxContainerWidth, MIN_TOOLTIP_WIDTH)}px`,\n          maxWidth: '100%',\n        }}\n      >\n        {config.seriesHeader}\n        {virtualizer.getVirtualItems().map((item) => {\n          return (\n            <div\n              key={item.key}\n              className={clsx(\n                seriesGridContainer,\n                item.index === activeItem &&\n                  !isItemSelected &&\n                  seriesItemHighlighted,\n              )}\n              style={{\n                position: 'absolute',\n                top: 0,\n                left: 0,\n                width: `calc(100% - var(--needs-scrollbar-fix, 0) * ${SCROLLBAR_WIDTH}px)`,\n                height: `${item.size}px`,\n                transform: `translateY(${item.start}px)`,\n              }}\n            >\n              {seriesItemTemplate(data[item.index])}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useVirtualizer } from '@tanstack/react-virtual';\nimport clsx from 'clsx';\nimport { Fragment, type JSX, useRef, useCallback } from 'react';\n\nimport {\n  MIN_TOOLTIP_WIDTH,\n  SCROLLBAR_WIDTH,\n  SYMBOL_AND_SPACING_WIDTH,\n  TOOLTIP_CONTENT_PADDING,\n  TOOLTIP_WRAPPER_PADDING,\n} from '../../constants.js';\nimport { useExternalConfig } from '../../contexts/ExternalConfigContext.js';\nimport { useScrollbarDetection } from '../../hooks/use-scrollbar-detection.js';\nimport { useSelector } from '../../selectors.js';\nimport {\n  seriesGridContainer,\n  seriesItemHighlighted,\n  seriesOverflowContainer,\n  seriesWrapper,\n} from '../../tooltip.sty.js';\nimport { estimateSeriesItemSize } from '../../utils/estimate-series-item-size.js';\nimport { calculateTotalWidth400 } from '../../utils/width-calculation.js';\n\nexport const Series = <T extends Record<string, unknown>>(props: {\n  data: T[];\n  seriesItemTemplate: (item: T) => JSX.Element;\n  variant?: 'shared' | 'single';\n  activeItem?: number;\n}) => {\n  const { data, seriesItemTemplate, activeItem = 0 } = props;\n  const config = useExternalConfig();\n\n  if (config.variant !== 'shared' || data.length === 1) {\n    return (\n      <div className={seriesGridContainer}>\n        <Fragment key=\"seriesHeader\">{config.seriesHeader}</Fragment>\n        <Fragment key=\"series\">{seriesItemTemplate(data[0])}</Fragment>\n      </div>\n    );\n  }\n\n  const maxContentWidthWithinFirstTenValues = Math.max(\n    ...data.slice(0, 10).map((item) => {\n      let nameWidth = 0;\n      if (Array.isArray(item.name)) {\n        nameWidth = calculateTotalWidth400(...item.name);\n      } else {\n        nameWidth = calculateTotalWidth400(item.name as string);\n      }\n\n      let valueWidth = 0;\n      if (item.value !== undefined && item.value !== null) {\n        const valueText = String(item.value);\n        const relativeValueText = item.relativeValue\n          ? String(item.relativeValue)\n          : '';\n        valueWidth = calculateTotalWidth400(valueText, relativeValueText);\n      }\n\n      return nameWidth + valueWidth;\n    }),\n  );\n  return (\n    <SeriesWithVirtualizer\n      data={data}\n      activeItem={activeItem}\n      seriesItemTemplate={seriesItemTemplate}\n      maxContentWidth={maxContentWidthWithinFirstTenValues}\n    />\n  );\n};\n\nconst SeriesWithVirtualizer = <T extends Record<string, unknown>>(props: {\n  data: T[];\n  seriesItemTemplate: (item: T) => JSX.Element;\n  activeItem: number;\n  maxContentWidth: number;\n}) => {\n  const { data, seriesItemTemplate, activeItem, maxContentWidth } = props;\n  const isItemSelected = useSelector(({ activeSeries }) => !!activeSeries);\n  const parentRef = useRef<HTMLElement | null>(null);\n  const config = useExternalConfig();\n  const isSeriesHeaderDisabled = config.seriesHeader?.props?.disabled;\n  const scrollbarRefCallback = useScrollbarDetection();\n\n  const combinedRefCallback = useCallback(\n    (element: HTMLElement | null) => {\n      parentRef.current = element;\n      scrollbarRefCallback(element);\n    },\n    [scrollbarRefCallback],\n  );\n\n  const virtualizer = useVirtualizer({\n    count: data.length,\n    getScrollElement: () => parentRef.current,\n    estimateSize: (index) =>\n      estimateSeriesItemSize(data[index], maxContainerWidth),\n    paddingStart: isSeriesHeaderDisabled ? 0 : 24,\n    paddingEnd: 0,\n    overscan: 3,\n  });\n  const spacings = TOOLTIP_WRAPPER_PADDING * 2 + SYMBOL_AND_SPACING_WIDTH;\n  const maxContainerWidth =\n    maxContentWidth + spacings + TOOLTIP_CONTENT_PADDING * 2;\n\n  return (\n    <div ref={combinedRefCallback} className={seriesWrapper}>\n      <div\n        className={seriesOverflowContainer}\n        style={{\n          height: `${virtualizer.getTotalSize()}px`,\n          minWidth: `${Math.max(maxContainerWidth, MIN_TOOLTIP_WIDTH)}px`,\n          width: '100%',\n        }}\n      >\n        {config.seriesHeader}\n        {virtualizer.getVirtualItems().map((item) => {\n          return (\n            <div\n              key={item.key}\n              className={clsx(\n                seriesGridContainer,\n                item.index === activeItem &&\n                  !isItemSelected &&\n                  seriesItemHighlighted,\n              )}\n              style={{\n                position: 'absolute',\n                top: 0,\n                left: 0,\n                width: `calc(100% - var(--needs-scrollbar-fix, 0) * ${SCROLLBAR_WIDTH}px)`,\n                height: `${item.size}px`,\n                transform: `translateY(${item.start}px)`,\n              }}\n            >\n              {seriesItemTemplate(data[item.index])}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/core/components/overlay-tooltip/components/series/seriesSymbol.css

@@ -1,4 +1,4 @@
-._1ydozsr0-3-8-0 {
+._1ydozsr0-3-9-0 {
   height: var(--dt-spacings-size-16, 16px);
   width: var(--dt-spacings-size-16, 16px);
   font-size: var(--dt-spacings-size-16, 16px);
@@ -10,7 +10,7 @@
   justify-content: center;
   flex-shrink: 0;
 }
-._1ydozsr1-3-8-0 {
+._1ydozsr1-3-9-0 {
   height: var(--dt-spacings-size-24, 24px);
   width: var(--dt-spacings-size-24, 24px);
   font-size: var(--dt-spacings-size-24, 24px);

package/esm/charts/core/components/overlay-tooltip/components/series/seriesSymbol.sty.js

@@ -1,6 +1,6 @@
 import "./seriesSymbol.css";
-var customSymbol = "_1ydozsr0-3-8-0";
-var customSymbolLarge = "_1ydozsr1-3-8-0 _1ydozsr0-3-8-0";
+var customSymbol = "_1ydozsr0-3-9-0";
+var customSymbolLarge = "_1ydozsr1-3-9-0 _1ydozsr0-3-9-0";
 export {
   customSymbol,
   customSymbolLarge

package/esm/charts/core/components/overlay-tooltip/components/series/seriesSymbol.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/overlay-tooltip/components/series/seriesSymbol.css.ts"],
-  "sourcesContent": ["import './seriesSymbol.css';\nexport var customSymbol = '_1ydozsr0-3-8-0';\nexport var customSymbolLarge = '_1ydozsr1-3-8-0 _1ydozsr0-3-8-0';"],
+  "sourcesContent": ["import './seriesSymbol.css';\nexport var customSymbol = '_1ydozsr0-3-9-0';\nexport var customSymbolLarge = '_1ydozsr1-3-9-0 _1ydozsr0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,eAAe;AACnB,IAAI,oBAAoB;",
   "names": []
 }

package/esm/charts/core/components/overlay-tooltip/defaults.js

@@ -70,7 +70,7 @@ const GEO_DEFAULTS = {
   }
 };
 const DEFAULTS = {
-  dot: { ...BASE_XY_CONFIG, sharedVariant: false },
+  dot: { ...BASE_XY_CONFIG },
   line: { ...BASE_XY_CONFIG },
   area: { ...BASE_XY_CONFIG },
   bar: { ...BASE_XY_CONFIG },

package/esm/charts/core/components/overlay-tooltip/defaults.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/overlay-tooltip/defaults.tsx"],
-  "sourcesContent": ["import { dotFormatterStrategy } from './components/header/utils/format-value.js';\nimport {\n  emptyHeaderFormatter,\n  formatValueRange,\n} from './components/header/utils/value-formatters.js';\nimport { OVERLAY_TOOLTIP_MESSAGES } from './messages.js';\nimport type {\n  DefaultConfig,\n  DefaultConfigByGeometry,\n  DefaultConfigByGeoLayer,\n} from './types.js';\n\ntype ActionsConfig = DefaultConfig['defaultActionsConfig'];\n\nconst BASE_CONFIG = {\n  defaultActionsConfig: new Map([\n    [\n      'name',\n      {\n        field: 'seriesLabel',\n      },\n    ],\n    [\n      'value',\n      {\n        field: 'valueLabel',\n      },\n    ],\n  ]) as ActionsConfig,\n};\n\nconst BASE_COORDINATES_CONFIG = {\n  defaultActionsConfig: new Map([\n    [\n      'name',\n      {\n        field: 'valueLabel',\n      },\n    ],\n  ]) as ActionsConfig,\n};\n\nconst BASE_XY_CONFIG = {\n  ...BASE_CONFIG,\n  headerFormatStrategy: dotFormatterStrategy,\n  headerLabel: OVERLAY_TOOLTIP_MESSAGES.xValue,\n  seriesLabel: OVERLAY_TOOLTIP_MESSAGES.series,\n  valueLabel: OVERLAY_TOOLTIP_MESSAGES.yValue,\n  sharedVariant: true,\n};\n\n/** @internal */\nexport const GEO_DEFAULTS: DefaultConfigByGeoLayer = {\n  bubble: {\n    ...BASE_COORDINATES_CONFIG,\n    seriesLabel: OVERLAY_TOOLTIP_MESSAGES.location,\n    valueLabel: OVERLAY_TOOLTIP_MESSAGES.coordinates,\n    sharedVariant: true,\n  },\n  choropleth: {\n    defaultActionsConfig: new Map([\n      [\n        'name',\n        {\n          field: 'seriesLabel',\n        },\n      ],\n    ]) as ActionsConfig,\n    seriesLabel: OVERLAY_TOOLTIP_MESSAGES.location,\n    valueLabel: OVERLAY_TOOLTIP_MESSAGES.value,\n  },\n  connection: {\n    ...BASE_COORDINATES_CONFIG,\n    seriesLabel: OVERLAY_TOOLTIP_MESSAGES.location,\n    valueLabel: OVERLAY_TOOLTIP_MESSAGES.coordinates,\n    sharedVariant: true,\n  },\n  dot: {\n    ...BASE_COORDINATES_CONFIG,\n    seriesLabel: OVERLAY_TOOLTIP_MESSAGES.location,\n    valueLabel: OVERLAY_TOOLTIP_MESSAGES.coordinates,\n  },\n};\n\nexport const DEFAULTS: DefaultConfigByGeometry = {\n  dot: { ...BASE_XY_CONFIG, sharedVariant: false },\n  line: { ...BASE_XY_CONFIG },\n  area: { ...BASE_XY_CONFIG },\n  bar: { ...BASE_XY_CONFIG },\n  rect: {\n    ...BASE_CONFIG,\n    symbolPosition: 'right',\n    headerFormatStrategy: formatValueRange,\n    headerLabel: OVERLAY_TOOLTIP_MESSAGES.xValue,\n    seriesLabel: OVERLAY_TOOLTIP_MESSAGES.yValue,\n    valueLabel: OVERLAY_TOOLTIP_MESSAGES.value,\n    headerShowRangeDuration: true,\n  },\n  pie: {\n    ...BASE_CONFIG,\n    headerFormatStrategy: emptyHeaderFormatter,\n    seriesLabel: OVERLAY_TOOLTIP_MESSAGES.category,\n    valueLabel: OVERLAY_TOOLTIP_MESSAGES.value,\n  },\n  meterbar: {\n    ...BASE_CONFIG,\n    seriesLabel: OVERLAY_TOOLTIP_MESSAGES.segment,\n    valueLabel: OVERLAY_TOOLTIP_MESSAGES.value,\n  },\n  multimeterbar: {\n    ...BASE_CONFIG,\n    seriesLabel: OVERLAY_TOOLTIP_MESSAGES.segment,\n    valueLabel: OVERLAY_TOOLTIP_MESSAGES.value,\n    sharedVariant: true,\n  },\n  treemap: {\n    ...BASE_CONFIG,\n    seriesLabel: OVERLAY_TOOLTIP_MESSAGES.node,\n    valueLabel: OVERLAY_TOOLTIP_MESSAGES.value,\n  },\n  honeycomb: {\n    ...BASE_CONFIG,\n    headerFormatStrategy: emptyHeaderFormatter,\n    symbolPosition: 'right',\n    seriesLabel: OVERLAY_TOOLTIP_MESSAGES.node,\n    valueLabel: OVERLAY_TOOLTIP_MESSAGES.value,\n  },\n  geoBubble: GEO_DEFAULTS.bubble,\n  geoChoropleth: GEO_DEFAULTS.choropleth,\n  geoConnection: GEO_DEFAULTS.connection,\n  geoDot: GEO_DEFAULTS.dot,\n};\n"],
-  "mappings": "AAAA,SAAS,4BAA4B;AACrC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,gCAAgC;AASzC,MAAM,cAAc;AAAA,EAClB,sBAAsB,oBAAI,IAAI;AAAA,IAC5B;AAAA,MACE;AAAA,MACA;AAAA,QACE,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,QACE,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAEA,MAAM,0BAA0B;AAAA,EAC9B,sBAAsB,oBAAI,IAAI;AAAA,IAC5B;AAAA,MACE;AAAA,MACA;AAAA,QACE,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAEA,MAAM,iBAAiB;AAAA,EACrB,GAAG;AAAA,EACH,sBAAsB;AAAA,EACtB,aAAa,yBAAyB;AAAA,EACtC,aAAa,yBAAyB;AAAA,EACtC,YAAY,yBAAyB;AAAA,EACrC,eAAe;AACjB;AAGO,MAAM,eAAwC;AAAA,EACnD,QAAQ;AAAA,IACN,GAAG;AAAA,IACH,aAAa,yBAAyB;AAAA,IACtC,YAAY,yBAAyB;AAAA,IACrC,eAAe;AAAA,EACjB;AAAA,EACA,YAAY;AAAA,IACV,sBAAsB,oBAAI,IAAI;AAAA,MAC5B;AAAA,QACE;AAAA,QACA;AAAA,UACE,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF,CAAC;AAAA,IACD,aAAa,yBAAyB;AAAA,IACtC,YAAY,yBAAyB;AAAA,EACvC;AAAA,EACA,YAAY;AAAA,IACV,GAAG;AAAA,IACH,aAAa,yBAAyB;AAAA,IACtC,YAAY,yBAAyB;AAAA,IACrC,eAAe;AAAA,EACjB;AAAA,EACA,KAAK;AAAA,IACH,GAAG;AAAA,IACH,aAAa,yBAAyB;AAAA,IACtC,YAAY,yBAAyB;AAAA,EACvC;AACF;AAEO,MAAM,WAAoC;AAAA,EAC/C,KAAK,EAAE,GAAG,gBAAgB,eAAe,MAAM;AAAA,EAC/C,MAAM,EAAE,GAAG,eAAe;AAAA,EAC1B,MAAM,EAAE,GAAG,eAAe;AAAA,EAC1B,KAAK,EAAE,GAAG,eAAe;AAAA,EACzB,MAAM;AAAA,IACJ,GAAG;AAAA,IACH,gBAAgB;AAAA,IAChB,sBAAsB;AAAA,IACtB,aAAa,yBAAyB;AAAA,IACtC,aAAa,yBAAyB;AAAA,IACtC,YAAY,yBAAyB;AAAA,IACrC,yBAAyB;AAAA,EAC3B;AAAA,EACA,KAAK;AAAA,IACH,GAAG;AAAA,IACH,sBAAsB;AAAA,IACtB,aAAa,yBAAyB;AAAA,IACtC,YAAY,yBAAyB;AAAA,EACvC;AAAA,EACA,UAAU;AAAA,IACR,GAAG;AAAA,IACH,aAAa,yBAAyB;AAAA,IACtC,YAAY,yBAAyB;AAAA,EACvC;AAAA,EACA,eAAe;AAAA,IACb,GAAG;AAAA,IACH,aAAa,yBAAyB;AAAA,IACtC,YAAY,yBAAyB;AAAA,IACrC,eAAe;AAAA,EACjB;AAAA,EACA,SAAS;AAAA,IACP,GAAG;AAAA,IACH,aAAa,yBAAyB;AAAA,IACtC,YAAY,yBAAyB;AAAA,EACvC;AAAA,EACA,WAAW;AAAA,IACT,GAAG;AAAA,IACH,sBAAsB;AAAA,IACtB,gBAAgB;AAAA,IAChB,aAAa,yBAAyB;AAAA,IACtC,YAAY,yBAAyB;AAAA,EACvC;AAAA,EACA,WAAW,aAAa;AAAA,EACxB,eAAe,aAAa;AAAA,EAC5B,eAAe,aAAa;AAAA,EAC5B,QAAQ,aAAa;AACvB;",
+  "sourcesContent": ["import { dotFormatterStrategy } from './components/header/utils/format-value.js';\nimport {\n  emptyHeaderFormatter,\n  formatValueRange,\n} from './components/header/utils/value-formatters.js';\nimport { OVERLAY_TOOLTIP_MESSAGES } from './messages.js';\nimport type {\n  DefaultConfig,\n  DefaultConfigByGeometry,\n  DefaultConfigByGeoLayer,\n} from './types.js';\n\ntype ActionsConfig = DefaultConfig['defaultActionsConfig'];\n\nconst BASE_CONFIG = {\n  defaultActionsConfig: new Map([\n    [\n      'name',\n      {\n        field: 'seriesLabel',\n      },\n    ],\n    [\n      'value',\n      {\n        field: 'valueLabel',\n      },\n    ],\n  ]) as ActionsConfig,\n};\n\nconst BASE_COORDINATES_CONFIG = {\n  defaultActionsConfig: new Map([\n    [\n      'name',\n      {\n        field: 'valueLabel',\n      },\n    ],\n  ]) as ActionsConfig,\n};\n\nconst BASE_XY_CONFIG = {\n  ...BASE_CONFIG,\n  headerFormatStrategy: dotFormatterStrategy,\n  headerLabel: OVERLAY_TOOLTIP_MESSAGES.xValue,\n  seriesLabel: OVERLAY_TOOLTIP_MESSAGES.series,\n  valueLabel: OVERLAY_TOOLTIP_MESSAGES.yValue,\n  sharedVariant: true,\n};\n\n/** @internal */\nexport const GEO_DEFAULTS: DefaultConfigByGeoLayer = {\n  bubble: {\n    ...BASE_COORDINATES_CONFIG,\n    seriesLabel: OVERLAY_TOOLTIP_MESSAGES.location,\n    valueLabel: OVERLAY_TOOLTIP_MESSAGES.coordinates,\n    sharedVariant: true,\n  },\n  choropleth: {\n    defaultActionsConfig: new Map([\n      [\n        'name',\n        {\n          field: 'seriesLabel',\n        },\n      ],\n    ]) as ActionsConfig,\n    seriesLabel: OVERLAY_TOOLTIP_MESSAGES.location,\n    valueLabel: OVERLAY_TOOLTIP_MESSAGES.value,\n  },\n  connection: {\n    ...BASE_COORDINATES_CONFIG,\n    seriesLabel: OVERLAY_TOOLTIP_MESSAGES.location,\n    valueLabel: OVERLAY_TOOLTIP_MESSAGES.coordinates,\n    sharedVariant: true,\n  },\n  dot: {\n    ...BASE_COORDINATES_CONFIG,\n    seriesLabel: OVERLAY_TOOLTIP_MESSAGES.location,\n    valueLabel: OVERLAY_TOOLTIP_MESSAGES.coordinates,\n  },\n};\n\nexport const DEFAULTS: DefaultConfigByGeometry = {\n  dot: { ...BASE_XY_CONFIG },\n  line: { ...BASE_XY_CONFIG },\n  area: { ...BASE_XY_CONFIG },\n  bar: { ...BASE_XY_CONFIG },\n  rect: {\n    ...BASE_CONFIG,\n    symbolPosition: 'right',\n    headerFormatStrategy: formatValueRange,\n    headerLabel: OVERLAY_TOOLTIP_MESSAGES.xValue,\n    seriesLabel: OVERLAY_TOOLTIP_MESSAGES.yValue,\n    valueLabel: OVERLAY_TOOLTIP_MESSAGES.value,\n    headerShowRangeDuration: true,\n  },\n  pie: {\n    ...BASE_CONFIG,\n    headerFormatStrategy: emptyHeaderFormatter,\n    seriesLabel: OVERLAY_TOOLTIP_MESSAGES.category,\n    valueLabel: OVERLAY_TOOLTIP_MESSAGES.value,\n  },\n  meterbar: {\n    ...BASE_CONFIG,\n    seriesLabel: OVERLAY_TOOLTIP_MESSAGES.segment,\n    valueLabel: OVERLAY_TOOLTIP_MESSAGES.value,\n  },\n  multimeterbar: {\n    ...BASE_CONFIG,\n    seriesLabel: OVERLAY_TOOLTIP_MESSAGES.segment,\n    valueLabel: OVERLAY_TOOLTIP_MESSAGES.value,\n    sharedVariant: true,\n  },\n  treemap: {\n    ...BASE_CONFIG,\n    seriesLabel: OVERLAY_TOOLTIP_MESSAGES.node,\n    valueLabel: OVERLAY_TOOLTIP_MESSAGES.value,\n  },\n  honeycomb: {\n    ...BASE_CONFIG,\n    headerFormatStrategy: emptyHeaderFormatter,\n    symbolPosition: 'right',\n    seriesLabel: OVERLAY_TOOLTIP_MESSAGES.node,\n    valueLabel: OVERLAY_TOOLTIP_MESSAGES.value,\n  },\n  geoBubble: GEO_DEFAULTS.bubble,\n  geoChoropleth: GEO_DEFAULTS.choropleth,\n  geoConnection: GEO_DEFAULTS.connection,\n  geoDot: GEO_DEFAULTS.dot,\n};\n"],
+  "mappings": "AAAA,SAAS,4BAA4B;AACrC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,gCAAgC;AASzC,MAAM,cAAc;AAAA,EAClB,sBAAsB,oBAAI,IAAI;AAAA,IAC5B;AAAA,MACE;AAAA,MACA;AAAA,QACE,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,QACE,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAEA,MAAM,0BAA0B;AAAA,EAC9B,sBAAsB,oBAAI,IAAI;AAAA,IAC5B;AAAA,MACE;AAAA,MACA;AAAA,QACE,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAEA,MAAM,iBAAiB;AAAA,EACrB,GAAG;AAAA,EACH,sBAAsB;AAAA,EACtB,aAAa,yBAAyB;AAAA,EACtC,aAAa,yBAAyB;AAAA,EACtC,YAAY,yBAAyB;AAAA,EACrC,eAAe;AACjB;AAGO,MAAM,eAAwC;AAAA,EACnD,QAAQ;AAAA,IACN,GAAG;AAAA,IACH,aAAa,yBAAyB;AAAA,IACtC,YAAY,yBAAyB;AAAA,IACrC,eAAe;AAAA,EACjB;AAAA,EACA,YAAY;AAAA,IACV,sBAAsB,oBAAI,IAAI;AAAA,MAC5B;AAAA,QACE;AAAA,QACA;AAAA,UACE,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF,CAAC;AAAA,IACD,aAAa,yBAAyB;AAAA,IACtC,YAAY,yBAAyB;AAAA,EACvC;AAAA,EACA,YAAY;AAAA,IACV,GAAG;AAAA,IACH,aAAa,yBAAyB;AAAA,IACtC,YAAY,yBAAyB;AAAA,IACrC,eAAe;AAAA,EACjB;AAAA,EACA,KAAK;AAAA,IACH,GAAG;AAAA,IACH,aAAa,yBAAyB;AAAA,IACtC,YAAY,yBAAyB;AAAA,EACvC;AACF;AAEO,MAAM,WAAoC;AAAA,EAC/C,KAAK,EAAE,GAAG,eAAe;AAAA,EACzB,MAAM,EAAE,GAAG,eAAe;AAAA,EAC1B,MAAM,EAAE,GAAG,eAAe;AAAA,EAC1B,KAAK,EAAE,GAAG,eAAe;AAAA,EACzB,MAAM;AAAA,IACJ,GAAG;AAAA,IACH,gBAAgB;AAAA,IAChB,sBAAsB;AAAA,IACtB,aAAa,yBAAyB;AAAA,IACtC,aAAa,yBAAyB;AAAA,IACtC,YAAY,yBAAyB;AAAA,IACrC,yBAAyB;AAAA,EAC3B;AAAA,EACA,KAAK;AAAA,IACH,GAAG;AAAA,IACH,sBAAsB;AAAA,IACtB,aAAa,yBAAyB;AAAA,IACtC,YAAY,yBAAyB;AAAA,EACvC;AAAA,EACA,UAAU;AAAA,IACR,GAAG;AAAA,IACH,aAAa,yBAAyB;AAAA,IACtC,YAAY,yBAAyB;AAAA,EACvC;AAAA,EACA,eAAe;AAAA,IACb,GAAG;AAAA,IACH,aAAa,yBAAyB;AAAA,IACtC,YAAY,yBAAyB;AAAA,IACrC,eAAe;AAAA,EACjB;AAAA,EACA,SAAS;AAAA,IACP,GAAG;AAAA,IACH,aAAa,yBAAyB;AAAA,IACtC,YAAY,yBAAyB;AAAA,EACvC;AAAA,EACA,WAAW;AAAA,IACT,GAAG;AAAA,IACH,sBAAsB;AAAA,IACtB,gBAAgB;AAAA,IAChB,aAAa,yBAAyB;AAAA,IACtC,YAAY,yBAAyB;AAAA,EACvC;AAAA,EACA,WAAW,aAAa;AAAA,EACxB,eAAe,aAAa;AAAA,EAC5B,eAAe,aAAa;AAAA,EAC5B,QAAQ,aAAa;AACvB;",
   "names": []
 }

package/esm/charts/core/components/overlay-tooltip/tooltip.css

@@ -1,4 +1,4 @@
-._1j1seex4-3-8-0 {
+._1j1seex4-3-9-0 {
   box-sizing: border-box;
   padding: var(--dt-spacings-size-4, 4px);
   border-radius: var(--dt-borders-radius-surface-subdued, 9px);
@@ -12,24 +12,24 @@
   min-width: 200px;
   max-width: 480px;
 }
-._1j1seex4-3-8-0[data-placement="right"] {
+._1j1seex4-3-9-0[data-placement="right"] {
   transform-origin: 0 calc(1rem + 18px);
 }
-._1j1seex4-3-8-0[data-placement="left"] {
+._1j1seex4-3-9-0[data-placement="left"] {
   transform-origin: 100% calc(1rem + 18px);
 }
-._1j1seex5-3-8-0 {
+._1j1seex5-3-9-0 {
   pointer-events: all;
 }
-._1j1seex5-3-8-0[data-popper-reference-hidden=true] {
+._1j1seex5-3-9-0[data-popper-reference-hidden=true] {
   visibility: hidden;
   pointer-events: none;
 }
-._1j1seex6-3-8-0 {
+._1j1seex6-3-9-0 {
   pointer-events: none;
   user-select: none;
 }
-._1j1seex7-3-8-0 {
+._1j1seex7-3-9-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   font-family: var(--dt-typography-text-small-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-emphasized-size, 12px);
@@ -42,38 +42,38 @@
   box-sizing: border-box;
   padding: var(--dt-spacings-size-4, 4px) var(--dt-spacings-size-6, 6px);
 }
-._1j1seex8-3-8-0 {
+._1j1seex8-3-9-0 {
   min-width: 0;
 }
-._1j1seex9-3-8-0 {
+._1j1seex9-3-9-0 {
   min-width: 0;
   text-align: right;
 }
-._1j1seexa-3-8-0 {
+._1j1seexa-3-9-0 {
   min-height: 24px;
   max-height: 240px;
   overflow-y: auto;
   overflow-x: hidden;
 }
-._1j1seexb-3-8-0 {
+._1j1seexb-3-9-0 {
   width: 100%;
 }
-._1j1seexc-3-8-0 {
+._1j1seexc-3-9-0 {
   max-height: 240px;
   overflow-y: auto;
   overflow-x: hidden;
 }
-._1j1seexd-3-8-0 {
+._1j1seexd-3-9-0 {
   display: grid;
   width: 100%;
   position: relative;
   gap: 2px 16px;
 }
-._1j1seexe-3-8-0 {
+._1j1seexe-3-9-0 {
   width: 100%;
   position: relative;
 }
-._1j1seexf-3-8-0 {
+._1j1seexf-3-9-0 {
   display: grid;
   align-items: flex-start;
   box-sizing: border-box;
@@ -85,20 +85,20 @@
   width: 100%;
   min-width: fit-content;
 }
-._1j1seexg-3-8-0 {
+._1j1seexg-3-9-0 {
   grid-template-areas: "symbol name value";
-  grid-template-columns: var(--_1j1seex3-3-8-0) 1fr auto;
+  grid-template-columns: var(--_1j1seex3-3-9-0) 1fr auto;
   padding-right: var(--dt-spacings-size-6, 6px);
 }
-._1j1seexh-3-8-0 {
+._1j1seexh-3-9-0 {
   grid-template-areas: "name value symbol";
-  grid-template-columns: 1fr auto var(--_1j1seex3-3-8-0);
+  grid-template-columns: 1fr auto var(--_1j1seex3-3-9-0);
   padding-left: var(--dt-spacings-size-6, 6px);
 }
-._1j1seexi-3-8-0 {
+._1j1seexi-3-9-0 {
   padding-right: var(--dt-spacings-size-0, 0);
 }
-._1j1seexj-3-8-0 {
+._1j1seexj-3-9-0 {
   all: unset;
   display: block;
   width: 100%;
@@ -109,12 +109,12 @@
   line-height: var(--dt-typography-text-small-default-line-height, 1.333333333);
   cursor: pointer;
 }
-._1j1seexk-3-8-0 {
+._1j1seexk-3-9-0 {
   display: flex;
   align-items: flex-start;
   width: 100%;
 }
-._1j1seexl-3-8-0 {
+._1j1seexl-3-9-0 {
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -127,38 +127,38 @@
   color: currentColor;
   align-self: center;
 }
-._1j1seexm-3-8-0 {
+._1j1seexm-3-9-0 {
   margin-left: calc(var(--dt-spacings-size-2, 2px) - var(--dt-spacings-size-6, 6px));
 }
-._1j1seexn-3-8-0 {
+._1j1seexn-3-9-0 {
   border-radius: var(--dt-borders-radius-container-subdued, 6px);
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._1j1seexo-3-8-0 {
+._1j1seexo-3-9-0 {
   padding-top: var(--dt-spacings-size-4, 4px);
   padding-bottom: var(--dt-spacings-size-4, 4px);
 }
-._1j1seexp-3-8-0 {
+._1j1seexp-3-9-0 {
   display: -webkit-box;
-  -webkit-line-clamp: var(--_1j1seex0-3-8-0);
+  -webkit-line-clamp: var(--_1j1seex0-3-9-0);
   -webkit-box-orient: vertical;
   overflow: hidden;
   word-break: break-word;
 }
-._1j1seexq-3-8-0 {
+._1j1seexq-3-9-0 {
   display: block;
   white-space: normal;
   overflow-wrap: anywhere;
   word-break: break-word;
   overflow: hidden;
-  max-height: calc(var(--dt-typography-text-small-default-line-height, 1.333333333) * var(--_1j1seex0-3-8-0));
+  max-height: calc(var(--dt-typography-text-small-default-line-height, 1.333333333) * var(--_1j1seex0-3-9-0));
 }
-._1j1seexr-3-8-0 {
+._1j1seexr-3-9-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   font-size: var(--dt-typography-text-small-default-size, 12px);
   padding-left: var(--dt-spacings-size-6, 6px);
 }
-._1j1seexs-3-8-0 {
+._1j1seexs-3-9-0 {
   height: var(--dt-spacings-size-24, 24px);
   line-height: var(--dt-spacings-size-24, 24px);
   width: var(--dt-spacings-size-24, 24px);
@@ -167,14 +167,14 @@
   min-width: var(--dt-spacings-size-24, 24px);
   align-items: center;
 }
-._1j1seext-3-8-0 {
+._1j1seext-3-9-0 {
   margin-right: -6px;
 }
-._1j1seexs-3-8-0 > span {
+._1j1seexs-3-9-0 > span {
   margin-top: 0;
   margin-bottom: 0;
 }
-._1j1seexu-3-8-0 {
+._1j1seexu-3-9-0 {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   font-family: var(--dt-typography-text-small-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-emphasized-size, 12px);
@@ -183,25 +183,25 @@
   box-sizing: border-box;
   padding: var(--dt-spacings-size-4, 4px) var(--dt-spacings-size-6, 6px);
 }
-._1j1seexv-3-8-0 {
+._1j1seexv-3-9-0 {
   min-width: 0;
   flex: 1;
 }
-._1j1seexw-3-8-0 {
+._1j1seexw-3-9-0 {
   flex-shrink: 0;
   text-align: right;
 }
-._1j1seexx-3-8-0 {
+._1j1seexx-3-9-0 {
   display: flex;
   align-items: flex-start;
   min-width: 0;
 }
-._1j1seexy-3-8-0 {
+._1j1seexy-3-9-0 {
   display: flex;
   justify-content: flex-end;
   align-items: center;
 }
-._1j1seexz-3-8-0 {
+._1j1seexz-3-9-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-default-size, 12px);
@@ -212,19 +212,19 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._1j1seex10-3-8-0 {
+._1j1seex10-3-9-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-default-size, 12px);
   line-height: var(--dt-typography-text-small-default-line-height, 1.333333333);
   display: -webkit-box;
-  -webkit-line-clamp: var(--_1j1seex0-3-8-0);
+  -webkit-line-clamp: var(--_1j1seex0-3-9-0);
   -webkit-box-orient: vertical;
   overflow: hidden;
   word-break: break-word;
   white-space: normal;
 }
-._1j1seex11-3-8-0 {
+._1j1seex11-3-9-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-default-size, 12px);
@@ -234,9 +234,9 @@
   overflow-wrap: anywhere;
   word-break: break-word;
   overflow: hidden;
-  max-height: calc(var(--dt-typography-text-small-default-line-height, 1.333333333) * var(--_1j1seex0-3-8-0));
+  max-height: calc(var(--dt-typography-text-small-default-line-height, 1.333333333) * var(--_1j1seex0-3-9-0));
 }
-._1j1seex12-3-8-0 {
+._1j1seex12-3-9-0 {
   display: flex;
   flex-direction: column;
   list-style: none;
@@ -244,15 +244,15 @@
   margin-block: var(--dt-spacings-size-0, 0);
   padding-block: var(--dt-spacings-size-4, 4px);
 }
-._1j1seex13-3-8-0 {
+._1j1seex13-3-9-0 {
   margin-top: var(--dt-spacings-size-4, 4px);
   margin-bottom: var(--dt-spacings-size-4, 4px);
 }
-._1j1seex14-3-8-0 {
+._1j1seex14-3-9-0 {
   margin-left: -6px;
   padding-left: var(--dt-spacings-size-6, 6px);
 }
-._1j1seex15-3-8-0 {
+._1j1seex15-3-9-0 {
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-weight: var(--dt-typography-text-small-default-weight, 400);
   font-size: var(--dt-typography-text-small-default-size, 12px);
@@ -262,19 +262,19 @@
   max-width: 480px;
   box-sizing: border-box;
 }
-._1j1seex16-3-8-0 {
+._1j1seex16-3-9-0 {
   display: -webkit-box;
   -webkit-box-orient: vertical;
-  -webkit-line-clamp: var(--_1j1seex2-3-8-0);
+  -webkit-line-clamp: var(--_1j1seex2-3-9-0);
   overflow: hidden;
   text-overflow: ellipsis;
   word-break: break-word;
 }
-._1j1seex17-3-8-0 {
+._1j1seex17-3-9-0 {
   display: flex;
   flex-direction: column;
 }
-._1j1seex4-3-8-0:not(:has(._1j1seex17-3-8-0:hover)) ._1j1seex18-3-8-0 {
+._1j1seex4-3-9-0:not(:has(._1j1seex17-3-9-0:hover)) ._1j1seex18-3-9-0 {
   border-radius: var(--dt-borders-radius-container-subdued, 6px);
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }