@dynatrace/strato-components 3.13.3 → 3.14.1

package/esm/charts/core/components/legend/categorical/components/ChartLegendItem/ChartLegendItem.sty.js

@@ -2,12 +2,12 @@ import "../../../../../../../core/styles/focusRingStatic.css";
 import "./ChartLegendItem.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
 var ItemFontStyles = { fontWeight: "var(--dt-typography-text-small-emphasized-weight, 500)", fontSize: "var(--dt-typography-text-small-emphasized-size, 12px)", fontFamily: "var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif)", lineHeight: "var(--dt-typography-text-small-emphasized-line-height, 1.333333333)" };
-var baseLegendButton = "_mt8v6g0-3-13-3 _z0fq9b4-3-13-3 _z0fq9bd-3-13-3 _z0fq9b6-3-13-3 _z0fq9b9-3-13-3";
-var legendItem = "_mt8v6g9-3-13-3";
-var legendItemButton = _7a468({ defaultClassName: "_mt8v6g1-3-13-3", variantClassNames: { isInteractive: { true: "_mt8v6g2-3-13-3", false: "_mt8v6g3-3-13-3" } }, defaultVariants: {}, compoundVariants: [] });
-var legendNameButton = _7a468({ defaultClassName: "_mt8v6g4-3-13-3", variantClassNames: { isInteractive: { true: "_mt8v6g5-3-13-3", false: "_mt8v6g6-3-13-3" }, isSubdued: { true: "_mt8v6g7-3-13-3", false: "_mt8v6g8-3-13-3" } }, defaultVariants: {}, compoundVariants: [] });
-var legendNameButtonOverride = "_mt8v6gb-3-13-3";
-var legendNameWrapper = "_mt8v6ga-3-13-3";
+var baseLegendButton = "_mt8v6g0-3-14-1 _z0fq9b4-3-14-1 _z0fq9bd-3-14-1 _z0fq9b6-3-14-1 _z0fq9b9-3-14-1";
+var legendItem = "_mt8v6g9-3-14-1";
+var legendItemButton = _7a468({ defaultClassName: "_mt8v6g1-3-14-1", variantClassNames: { isInteractive: { true: "_mt8v6g2-3-14-1", false: "_mt8v6g3-3-14-1" } }, defaultVariants: {}, compoundVariants: [] });
+var legendNameButton = _7a468({ defaultClassName: "_mt8v6g4-3-14-1", variantClassNames: { isInteractive: { true: "_mt8v6g5-3-14-1", false: "_mt8v6g6-3-14-1" }, isSubdued: { true: "_mt8v6g7-3-14-1", false: "_mt8v6g8-3-14-1" } }, defaultVariants: {}, compoundVariants: [] });
+var legendNameButtonOverride = "_mt8v6gb-3-14-1";
+var legendNameWrapper = "_mt8v6ga-3-14-1";
 export {
   ItemFontStyles,
   baseLegendButton,

package/esm/charts/core/components/legend/categorical/components/ChartLegendItem/ChartLegendItem.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/categorical/components/ChartLegendItem/ChartLegendItem.css.ts"],
-  "sourcesContent": ["import '../../../../../../../core/styles/focusRingStatic.css';\nimport './ChartLegendItem.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var ItemFontStyles = {fontWeight:'var(--dt-typography-text-small-emphasized-weight, 500)',fontSize:'var(--dt-typography-text-small-emphasized-size, 12px)',fontFamily:'var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif)',lineHeight:'var(--dt-typography-text-small-emphasized-line-height, 1.333333333)'};\nexport var baseLegendButton = '_mt8v6g0-3-13-3 _z0fq9b4-3-13-3 _z0fq9bd-3-13-3 _z0fq9b6-3-13-3 _z0fq9b9-3-13-3';\nexport var legendItem = '_mt8v6g9-3-13-3';\nexport var legendItemButton = _7a468({defaultClassName:'_mt8v6g1-3-13-3',variantClassNames:{isInteractive:{true:'_mt8v6g2-3-13-3',false:'_mt8v6g3-3-13-3'}},defaultVariants:{},compoundVariants:[]});\nexport var legendNameButton = _7a468({defaultClassName:'_mt8v6g4-3-13-3',variantClassNames:{isInteractive:{true:'_mt8v6g5-3-13-3',false:'_mt8v6g6-3-13-3'},isSubdued:{true:'_mt8v6g7-3-13-3',false:'_mt8v6g8-3-13-3'}},defaultVariants:{},compoundVariants:[]});\nexport var legendNameButtonOverride = '_mt8v6gb-3-13-3';\nexport var legendNameWrapper = '_mt8v6ga-3-13-3';"],
+  "sourcesContent": ["import '../../../../../../../core/styles/focusRingStatic.css';\nimport './ChartLegendItem.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var ItemFontStyles = {fontWeight:'var(--dt-typography-text-small-emphasized-weight, 500)',fontSize:'var(--dt-typography-text-small-emphasized-size, 12px)',fontFamily:'var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif)',lineHeight:'var(--dt-typography-text-small-emphasized-line-height, 1.333333333)'};\nexport var baseLegendButton = '_mt8v6g0-3-14-1 _z0fq9b4-3-14-1 _z0fq9bd-3-14-1 _z0fq9b6-3-14-1 _z0fq9b9-3-14-1';\nexport var legendItem = '_mt8v6g9-3-14-1';\nexport var legendItemButton = _7a468({defaultClassName:'_mt8v6g1-3-14-1',variantClassNames:{isInteractive:{true:'_mt8v6g2-3-14-1',false:'_mt8v6g3-3-14-1'}},defaultVariants:{},compoundVariants:[]});\nexport var legendNameButton = _7a468({defaultClassName:'_mt8v6g4-3-14-1',variantClassNames:{isInteractive:{true:'_mt8v6g5-3-14-1',false:'_mt8v6g6-3-14-1'},isSubdued:{true:'_mt8v6g7-3-14-1',false:'_mt8v6g8-3-14-1'}},defaultVariants:{},compoundVariants:[]});\nexport var legendNameButtonOverride = '_mt8v6gb-3-14-1';\nexport var legendNameWrapper = '_mt8v6ga-3-14-1';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,iBAAiB,EAAC,YAAW,0DAAyD,UAAS,yDAAwD,YAAW,6FAA4F,YAAW,sEAAqE;AAClV,IAAI,mBAAmB;AACvB,IAAI,aAAa;AACjB,IAAI,mBAAmB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,eAAc,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC5L,IAAI,mBAAmB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,eAAc,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,WAAU,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACvP,IAAI,2BAA2B;AAC/B,IAAI,oBAAoB;",
   "names": []
 }

package/esm/charts/core/components/legend/categorical/components/ChartLegendSeriesActions/ChartLegendSeriesActions.css

@@ -1,10 +1,10 @@
-._yo3l7h0-3-13-3 {
+._yo3l7h0-3-14-1 {
   padding: var(--dt-spacings-size-2, 2px);
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
 }
-._yo3l7h1-3-13-3 {
+._yo3l7h1-3-14-1 {
   visibility: visible;
 }
-._yo3l7h2-3-13-3 {
+._yo3l7h2-3-14-1 {
   visibility: hidden;
 }

package/esm/charts/core/components/legend/categorical/components/ChartLegendSeriesActions/ChartLegendSeriesActions.sty.js

@@ -1,6 +1,6 @@
 import "./ChartLegendSeriesActions.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var seriesButton = _7a468({ defaultClassName: "_yo3l7h0-3-13-3", variantClassNames: { visible: { true: "_yo3l7h1-3-13-3", false: "_yo3l7h2-3-13-3" } }, defaultVariants: {}, compoundVariants: [] });
+var seriesButton = _7a468({ defaultClassName: "_yo3l7h0-3-14-1", variantClassNames: { visible: { true: "_yo3l7h1-3-14-1", false: "_yo3l7h2-3-14-1" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   seriesButton
 };

package/esm/charts/core/components/legend/categorical/components/ChartLegendSeriesActions/ChartLegendSeriesActions.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/categorical/components/ChartLegendSeriesActions/ChartLegendSeriesActions.css.ts"],
-  "sourcesContent": ["import './ChartLegendSeriesActions.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var seriesButton = _7a468({defaultClassName:'_yo3l7h0-3-13-3',variantClassNames:{visible:{true:'_yo3l7h1-3-13-3',false:'_yo3l7h2-3-13-3'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './ChartLegendSeriesActions.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var seriesButton = _7a468({defaultClassName:'_yo3l7h0-3-14-1',variantClassNames:{visible:{true:'_yo3l7h1-3-14-1',false:'_yo3l7h2-3-14-1'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/legend/categorical/components/ChartVirtualizedLegendGrid.css

@@ -1,30 +1,30 @@
-._igjrsj0-3-13-3 {
+._igjrsj0-3-14-1 {
   width: 100%;
   height: 100%;
   overflow-x: hidden;
   overflow-y: auto;
 }
-._igjrsj1-3-13-3 {
+._igjrsj1-3-14-1 {
   margin-left: var(--dt-spacings-size-0, 0);
 }
-._igjrsj2-3-13-3 {
+._igjrsj2-3-14-1 {
   margin-left: var(--dt-spacings-size-2, 2px);
 }
-._igjrsj3-3-13-3 {
+._igjrsj3-3-14-1 {
   position: relative;
 }
-._igjrsj4-3-13-3 {
+._igjrsj4-3-14-1 {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
 }
-._igjrsj5-3-13-3 {
+._igjrsj5-3-14-1 {
   display: grid;
 }
-._igjrsj6-3-13-3 {
+._igjrsj6-3-14-1 {
   margin-top: var(--dt-spacings-size-8, 8px);
 }
-._igjrsj7-3-13-3 {
+._igjrsj7-3-14-1 {
   margin-top: var(--dt-spacings-size-0, 0);
 }

package/esm/charts/core/components/legend/categorical/components/ChartVirtualizedLegendGrid.sty.js

@@ -1,9 +1,9 @@
 import "./ChartVirtualizedLegendGrid.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var legendContent = _7a468({ defaultClassName: "_igjrsj0-3-13-3", variantClassNames: { layout: { horizontal: "_igjrsj1-3-13-3", vertical: "_igjrsj2-3-13-3" } }, defaultVariants: {}, compoundVariants: [] });
-var legendGrid = _7a468({ defaultClassName: "_igjrsj5-3-13-3", variantClassNames: { layout: { horizontal: "_igjrsj6-3-13-3", vertical: "_igjrsj7-3-13-3" } }, defaultVariants: {}, compoundVariants: [] });
-var virtualizedGrid = "_igjrsj3-3-13-3";
-var virtualizedRow = "_igjrsj4-3-13-3";
+var legendContent = _7a468({ defaultClassName: "_igjrsj0-3-14-1", variantClassNames: { layout: { horizontal: "_igjrsj1-3-14-1", vertical: "_igjrsj2-3-14-1" } }, defaultVariants: {}, compoundVariants: [] });
+var legendGrid = _7a468({ defaultClassName: "_igjrsj5-3-14-1", variantClassNames: { layout: { horizontal: "_igjrsj6-3-14-1", vertical: "_igjrsj7-3-14-1" } }, defaultVariants: {}, compoundVariants: [] });
+var virtualizedGrid = "_igjrsj3-3-14-1";
+var virtualizedRow = "_igjrsj4-3-14-1";
 export {
   legendContent,
   legendGrid,

package/esm/charts/core/components/legend/categorical/components/ChartVirtualizedLegendGrid.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/legend/categorical/components/ChartVirtualizedLegendGrid.css.ts"],
-  "sourcesContent": ["import './ChartVirtualizedLegendGrid.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendContent = _7a468({defaultClassName:'_igjrsj0-3-13-3',variantClassNames:{layout:{horizontal:'_igjrsj1-3-13-3',vertical:'_igjrsj2-3-13-3'}},defaultVariants:{},compoundVariants:[]});\nexport var legendGrid = _7a468({defaultClassName:'_igjrsj5-3-13-3',variantClassNames:{layout:{horizontal:'_igjrsj6-3-13-3',vertical:'_igjrsj7-3-13-3'}},defaultVariants:{},compoundVariants:[]});\nexport var virtualizedGrid = '_igjrsj3-3-13-3';\nexport var virtualizedRow = '_igjrsj4-3-13-3';"],
+  "sourcesContent": ["import './ChartVirtualizedLegendGrid.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendContent = _7a468({defaultClassName:'_igjrsj0-3-14-1',variantClassNames:{layout:{horizontal:'_igjrsj1-3-14-1',vertical:'_igjrsj2-3-14-1'}},defaultVariants:{},compoundVariants:[]});\nexport var legendGrid = _7a468({defaultClassName:'_igjrsj5-3-14-1',variantClassNames:{layout:{horizontal:'_igjrsj6-3-14-1',vertical:'_igjrsj7-3-14-1'}},defaultVariants:{},compoundVariants:[]});\nexport var virtualizedGrid = '_igjrsj3-3-14-1';\nexport var virtualizedRow = '_igjrsj4-3-14-1';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,QAAO,EAAC,YAAW,mBAAkB,UAAS,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC3L,IAAI,aAAa,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,QAAO,EAAC,YAAW,mBAAkB,UAAS,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACxL,IAAI,kBAAkB;AACtB,IAAI,iBAAiB;",
   "names": []
 }

package/esm/charts/core/components/legend/range/RangeLegend.css

@@ -1,13 +1,13 @@
-._lvrd9i0-3-13-3 {
+._lvrd9i0-3-14-1 {
   display: flex;
   align-items: center;
   padding: var(--dt-spacings-size-8, 8px);
   box-sizing: border-box;
   margin: 0 auto;
 }
-._lvrd9i1-3-13-3 {
+._lvrd9i1-3-14-1 {
   flex-direction: row;
 }
-._lvrd9i2-3-13-3 {
+._lvrd9i2-3-14-1 {
   flex-direction: column;
 }

package/esm/charts/core/components/legend/range/RangeLegend.sty.js

@@ -1,6 +1,6 @@
 import "./RangeLegend.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var legendContainer = _7a468({ defaultClassName: "_lvrd9i0-3-13-3", variantClassNames: { isVertical: { true: "_lvrd9i1-3-13-3", false: "_lvrd9i2-3-13-3" } }, defaultVariants: {}, compoundVariants: [] });
+var legendContainer = _7a468({ defaultClassName: "_lvrd9i0-3-14-1", variantClassNames: { isVertical: { true: "_lvrd9i1-3-14-1", false: "_lvrd9i2-3-14-1" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   legendContainer
 };

package/esm/charts/core/components/legend/range/RangeLegend.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/legend/range/RangeLegend.css.ts"],
-  "sourcesContent": ["import './RangeLegend.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendContainer = _7a468({defaultClassName:'_lvrd9i0-3-13-3',variantClassNames:{isVertical:{true:'_lvrd9i1-3-13-3',false:'_lvrd9i2-3-13-3'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './RangeLegend.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendContainer = _7a468({defaultClassName:'_lvrd9i0-3-14-1',variantClassNames:{isVertical:{true:'_lvrd9i1-3-14-1',false:'_lvrd9i2-3-14-1'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,YAAW,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/legend/range/components/RangeLegendBoundaryLabel/RangeLegendBoundaryLabel.css

@@ -1,6 +1,6 @@
-._klb1cs1-3-13-3 {
+._klb1cs1-3-14-1 {
   visibility: hidden;
 }
-._klb1cs2-3-13-3 {
+._klb1cs2-3-14-1 {
   visibility: visible;
 }

package/esm/charts/core/components/legend/range/components/RangeLegendBoundaryLabel/RangeLegendBoundaryLabel.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/range/components/RangeLegendBoundaryLabel/RangeLegendBoundaryLabel.tsx"],
-  "sourcesContent": ["import { type SVGTextElementAttributes } from 'react';\n\nimport { boundaryLabel } from './RangeLegendBoundaryLabel.sty.js';\nimport { ORIENTATION } from '../../../../../constants.js';\nimport { charsFontWidth12pixelsSize500Map } from '../../../../text-ellipsis/chars-font-width-map.js';\nimport {\n  calculateWidth,\n  TEXT_HEIGHT,\n} from '../../../../text-ellipsis/truncate-string.js';\nimport {\n  DEFAULT_LABEL_FONT_COLOR,\n  DEFAULT_LABEL_FONT_SIZE,\n  LABEL_FONT_WEIGHT,\n  LABEL_GAP,\n} from '../../constants.js';\nimport { useOrientation } from '../../context/RangeLegendOrientationContext.js';\nimport { useRangeLegendHoveredMarkerId } from '../../hooks/store/selectors.js';\nimport type { LabelAlignment } from '../../types/range-legend.internal.js';\nimport { getHorizontalLabelPosition } from '../../utils/get-horizontal-label-position.js';\nimport { getVerticalLabelPosition } from '../../utils/get-vertical-label-position.js';\n\ninterface RangeLegendBoundaryLabelProps\n  extends SVGTextElementAttributes<SVGTextElement> {\n  alignment: LabelAlignment;\n  endPosition: number;\n  startPosition: number;\n  text: string;\n}\n\nexport const RangeLegendBoundaryLabel = (\n  props: RangeLegendBoundaryLabelProps,\n) => {\n  const { alignment, endPosition, startPosition, text, ...textProps } = props;\n\n  const { orientation } = useOrientation();\n  const hoveredMarkerId = useRangeLegendHoveredMarkerId();\n\n  const labelTextWidth = calculateWidth(text, charsFontWidth12pixelsSize500Map);\n  const labelTextHeight = TEXT_HEIGHT;\n\n  const isVertical = orientation === ORIENTATION.Vertical;\n\n  const { x: labelX, y: labelY } = !isVertical\n    ? getHorizontalLabelPosition(\n        labelTextWidth,\n        startPosition,\n        endPosition,\n        alignment,\n      )\n    : getVerticalLabelPosition(\n        labelTextHeight,\n        startPosition,\n        endPosition,\n        alignment,\n      );\n\n  const isMarkerShown = hoveredMarkerId !== null;\n\n  return (\n    <text\n      x={labelX + (isVertical ? LABEL_GAP : 0)}\n      y={labelY + (!isVertical ? LABEL_GAP : 0)}\n      fontSize={DEFAULT_LABEL_FONT_SIZE}\n      fontWeight={LABEL_FONT_WEIGHT}\n      fill={DEFAULT_LABEL_FONT_COLOR}\n      className={boundaryLabel({ isMarkerShown })}\n      role=\"listitem\"\n      aria-label={`Boundary ${text}`}\n      {...textProps}\n    >\n      {text}\n    </text>\n  );\n};\n"],
-  "mappings": "AA2DI;AAzDJ,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAS,wCAAwC;AACjD;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,qCAAqC;AAE9C,SAAS,kCAAkC;AAC3C,SAAS,gCAAgC;AAUlC,MAAM,2BAA2B,CACtC,UACG;AACH,QAAM,EAAE,WAAW,aAAa,eAAe,MAAM,GAAG,UAAU,IAAI;AAEtE,QAAM,EAAE,YAAY,IAAI,eAAe;AACvC,QAAM,kBAAkB,8BAA8B;AAEtD,QAAM,iBAAiB,eAAe,MAAM,gCAAgC;AAC5E,QAAM,kBAAkB;AAExB,QAAM,aAAa,gBAAgB,YAAY;AAE/C,QAAM,EAAE,GAAG,QAAQ,GAAG,OAAO,IAAI,CAAC,aAC9B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IACA;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEJ,QAAM,gBAAgB,oBAAoB;AAE1C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,GAAG,UAAU,aAAa,YAAY;AAAA,MACtC,GAAG,UAAU,CAAC,aAAa,YAAY;AAAA,MACvC,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,MAAM;AAAA,MACN,WAAW,cAAc,EAAE,cAAc,CAAC;AAAA,MAC1C,MAAK;AAAA,MACL,cAAY,YAAY,IAAI;AAAA,MAC3B,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;",
+  "sourcesContent": ["import { type SVGTextElementAttributes } from 'react';\n\nimport { boundaryLabel } from './RangeLegendBoundaryLabel.sty.js';\nimport { ORIENTATION } from '../../../../../constants.js';\nimport { charsFontWidth12pixelsSize500Map } from '../../../../text-ellipsis/chars-font-width-map.js';\nimport {\n  calculateWidth,\n  TEXT_HEIGHT,\n} from '../../../../text-ellipsis/truncate-string.js';\nimport {\n  DEFAULT_LABEL_FONT_COLOR,\n  DEFAULT_LABEL_FONT_SIZE,\n  LABEL_FONT_WEIGHT,\n  LABEL_GAP,\n} from '../../constants.js';\nimport { useOrientation } from '../../context/RangeLegendOrientationContext.js';\nimport { useRangeLegendHoveredMarkerId } from '../../hooks/store/selectors.js';\nimport type { LabelAlignment } from '../../types/range-legend.internal.js';\nimport { getHorizontalLabelPosition } from '../../utils/get-horizontal-label-position.js';\nimport { getVerticalLabelPosition } from '../../utils/get-vertical-label-position.js';\n\ninterface RangeLegendBoundaryLabelProps extends SVGTextElementAttributes<SVGTextElement> {\n  alignment: LabelAlignment;\n  endPosition: number;\n  startPosition: number;\n  text: string;\n}\n\nexport const RangeLegendBoundaryLabel = (\n  props: RangeLegendBoundaryLabelProps,\n) => {\n  const { alignment, endPosition, startPosition, text, ...textProps } = props;\n\n  const { orientation } = useOrientation();\n  const hoveredMarkerId = useRangeLegendHoveredMarkerId();\n\n  const labelTextWidth = calculateWidth(text, charsFontWidth12pixelsSize500Map);\n  const labelTextHeight = TEXT_HEIGHT;\n\n  const isVertical = orientation === ORIENTATION.Vertical;\n\n  const { x: labelX, y: labelY } = !isVertical\n    ? getHorizontalLabelPosition(\n        labelTextWidth,\n        startPosition,\n        endPosition,\n        alignment,\n      )\n    : getVerticalLabelPosition(\n        labelTextHeight,\n        startPosition,\n        endPosition,\n        alignment,\n      );\n\n  const isMarkerShown = hoveredMarkerId !== null;\n\n  return (\n    <text\n      x={labelX + (isVertical ? LABEL_GAP : 0)}\n      y={labelY + (!isVertical ? LABEL_GAP : 0)}\n      fontSize={DEFAULT_LABEL_FONT_SIZE}\n      fontWeight={LABEL_FONT_WEIGHT}\n      fill={DEFAULT_LABEL_FONT_COLOR}\n      className={boundaryLabel({ isMarkerShown })}\n      role=\"listitem\"\n      aria-label={`Boundary ${text}`}\n      {...textProps}\n    >\n      {text}\n    </text>\n  );\n};\n"],
+  "mappings": "AA0DI;AAxDJ,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAS,wCAAwC;AACjD;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,qCAAqC;AAE9C,SAAS,kCAAkC;AAC3C,SAAS,gCAAgC;AASlC,MAAM,2BAA2B,CACtC,UACG;AACH,QAAM,EAAE,WAAW,aAAa,eAAe,MAAM,GAAG,UAAU,IAAI;AAEtE,QAAM,EAAE,YAAY,IAAI,eAAe;AACvC,QAAM,kBAAkB,8BAA8B;AAEtD,QAAM,iBAAiB,eAAe,MAAM,gCAAgC;AAC5E,QAAM,kBAAkB;AAExB,QAAM,aAAa,gBAAgB,YAAY;AAE/C,QAAM,EAAE,GAAG,QAAQ,GAAG,OAAO,IAAI,CAAC,aAC9B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IACA;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEJ,QAAM,gBAAgB,oBAAoB;AAE1C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,GAAG,UAAU,aAAa,YAAY;AAAA,MACtC,GAAG,UAAU,CAAC,aAAa,YAAY;AAAA,MACvC,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,MAAM;AAAA,MACN,WAAW,cAAc,EAAE,cAAc,CAAC;AAAA,MAC1C,MAAK;AAAA,MACL,cAAY,YAAY,IAAI;AAAA,MAC3B,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;",
   "names": []
 }

package/esm/charts/core/components/legend/range/components/RangeLegendBoundaryLabel/RangeLegendBoundaryLabel.sty.js

@@ -1,6 +1,6 @@
 import "./RangeLegendBoundaryLabel.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var boundaryLabel = _7a468({ defaultClassName: "_klb1cs0-3-13-3", variantClassNames: { isMarkerShown: { true: "_klb1cs1-3-13-3", false: "_klb1cs2-3-13-3" } }, defaultVariants: {}, compoundVariants: [] });
+var boundaryLabel = _7a468({ defaultClassName: "_klb1cs0-3-14-1", variantClassNames: { isMarkerShown: { true: "_klb1cs1-3-14-1", false: "_klb1cs2-3-14-1" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   boundaryLabel
 };

package/esm/charts/core/components/legend/range/components/RangeLegendBoundaryLabel/RangeLegendBoundaryLabel.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/range/components/RangeLegendBoundaryLabel/RangeLegendBoundaryLabel.css.ts"],
-  "sourcesContent": ["import './RangeLegendBoundaryLabel.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var boundaryLabel = _7a468({defaultClassName:'_klb1cs0-3-13-3',variantClassNames:{isMarkerShown:{true:'_klb1cs1-3-13-3',false:'_klb1cs2-3-13-3'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './RangeLegendBoundaryLabel.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var boundaryLabel = _7a468({defaultClassName:'_klb1cs0-3-14-1',variantClassNames:{isMarkerShown:{true:'_klb1cs1-3-14-1',false:'_klb1cs2-3-14-1'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,eAAc,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/legend/range/components/RangeLegendItemLabel/RangeLegendItemLabel.css

@@ -1,3 +1,3 @@
-._1itb2bi0-3-13-3 {
+._1itb2bi0-3-14-1 {
   overflow: visible;
 }

package/esm/charts/core/components/legend/range/components/RangeLegendItemLabel/RangeLegendItemLabel.sty.js

@@ -1,5 +1,5 @@
 import "./RangeLegendItemLabel.css";
-var legendLabel = "_1itb2bi0-3-13-3";
+var legendLabel = "_1itb2bi0-3-14-1";
 export {
   legendLabel
 };

package/esm/charts/core/components/legend/range/components/RangeLegendItemLabel/RangeLegendItemLabel.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/range/components/RangeLegendItemLabel/RangeLegendItemLabel.css.ts"],
-  "sourcesContent": ["import './RangeLegendItemLabel.css';\nexport var legendLabel = '_1itb2bi0-3-13-3';"],
+  "sourcesContent": ["import './RangeLegendItemLabel.css';\nexport var legendLabel = '_1itb2bi0-3-14-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,cAAc;",
   "names": []
 }

package/esm/charts/core/components/legend/range/components/RangeLegendItemMarker/RangeLegendItemMarker.css

@@ -1,9 +1,9 @@
-._1kzx6wv0-3-13-3 {
+._1kzx6wv0-3-14-1 {
   overflow: visible;
 }
-._1kzx6wv1-3-13-3 {
+._1kzx6wv1-3-14-1 {
   visibility: visible;
 }
-._1kzx6wv2-3-13-3 {
+._1kzx6wv2-3-14-1 {
   visibility: hidden;
 }

package/esm/charts/core/components/legend/range/components/RangeLegendItemMarker/RangeLegendItemMarker.sty.js

@@ -1,6 +1,6 @@
 import "./RangeLegendItemMarker.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var legendMarker = _7a468({ defaultClassName: "_1kzx6wv0-3-13-3", variantClassNames: { isMarkerShown: { true: "_1kzx6wv1-3-13-3", false: "_1kzx6wv2-3-13-3" } }, defaultVariants: {}, compoundVariants: [] });
+var legendMarker = _7a468({ defaultClassName: "_1kzx6wv0-3-14-1", variantClassNames: { isMarkerShown: { true: "_1kzx6wv1-3-14-1", false: "_1kzx6wv2-3-14-1" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   legendMarker
 };

package/esm/charts/core/components/legend/range/components/RangeLegendItemMarker/RangeLegendItemMarker.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/range/components/RangeLegendItemMarker/RangeLegendItemMarker.css.ts"],
-  "sourcesContent": ["import './RangeLegendItemMarker.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendMarker = _7a468({defaultClassName:'_1kzx6wv0-3-13-3',variantClassNames:{isMarkerShown:{true:'_1kzx6wv1-3-13-3',false:'_1kzx6wv2-3-13-3'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './RangeLegendItemMarker.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendMarker = _7a468({defaultClassName:'_1kzx6wv0-3-14-1',variantClassNames:{isMarkerShown:{true:'_1kzx6wv1-3-14-1',false:'_1kzx6wv2-3-14-1'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,eAAc,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/legend/range/components/RangeLegendMarkers/RangeLegendMarkers.css

@@ -1,12 +1,12 @@
-._u32l830-3-13-3 {
+._u32l830-3-14-1 {
   overflow: visible;
   position: absolute;
 }
-._u32l831-3-13-3 {
+._u32l831-3-14-1 {
   width: 100%;
   height: 10px;
 }
-._u32l832-3-13-3 {
+._u32l832-3-14-1 {
   height: 100%;
   width: 10px;
 }

package/esm/charts/core/components/legend/range/components/RangeLegendMarkers/RangeLegendMarkers.sty.js

@@ -1,6 +1,6 @@
 import "./RangeLegendMarkers.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var legendMarkersSvg = _7a468({ defaultClassName: "_u32l830-3-13-3", variantClassNames: { isHorizontal: { true: "_u32l831-3-13-3", false: "_u32l832-3-13-3" } }, defaultVariants: {}, compoundVariants: [] });
+var legendMarkersSvg = _7a468({ defaultClassName: "_u32l830-3-14-1", variantClassNames: { isHorizontal: { true: "_u32l831-3-14-1", false: "_u32l832-3-14-1" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   legendMarkersSvg
 };

package/esm/charts/core/components/legend/range/components/RangeLegendMarkers/RangeLegendMarkers.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/range/components/RangeLegendMarkers/RangeLegendMarkers.css.ts"],
-  "sourcesContent": ["import './RangeLegendMarkers.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendMarkersSvg = _7a468({defaultClassName:'_u32l830-3-13-3',variantClassNames:{isHorizontal:{true:'_u32l831-3-13-3',false:'_u32l832-3-13-3'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './RangeLegendMarkers.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendMarkersSvg = _7a468({defaultClassName:'_u32l830-3-14-1',variantClassNames:{isHorizontal:{true:'_u32l831-3-14-1',false:'_u32l832-3-14-1'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,mBAAmB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,cAAa,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/legend/range/components/RangeLegendSegments/RangeLegendSegments.css

@@ -1,21 +1,21 @@
-._6z9t250-3-13-3 {
+._6z9t250-3-14-1 {
   display: block;
   border-radius: 2px;
   overflow: hidden;
   background-color: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
 }
-._6z9t250-3-13-3:focus {
+._6z9t250-3-14-1:focus {
   outline: none;
 }
-._6z9t251-3-13-3 {
+._6z9t251-3-14-1 {
   margin: 0 auto;
   width: 100%;
   height: 10px;
 }
-._6z9t252-3-13-3 {
+._6z9t252-3-14-1 {
   height: 100%;
   width: 10px;
 }
-._6z9t250-3-13-3 rect:focus {
+._6z9t250-3-14-1 rect:focus {
   outline: none;
 }

package/esm/charts/core/components/legend/range/components/RangeLegendSegments/RangeLegendSegments.sty.js

@@ -1,6 +1,6 @@
 import "./RangeLegendSegments.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var legendSvg = _7a468({ defaultClassName: "_6z9t250-3-13-3", variantClassNames: { isHorizontal: { true: "_6z9t251-3-13-3", false: "_6z9t252-3-13-3" } }, defaultVariants: {}, compoundVariants: [] });
+var legendSvg = _7a468({ defaultClassName: "_6z9t250-3-14-1", variantClassNames: { isHorizontal: { true: "_6z9t251-3-14-1", false: "_6z9t252-3-14-1" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   legendSvg
 };

package/esm/charts/core/components/legend/range/components/RangeLegendSegments/RangeLegendSegments.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/range/components/RangeLegendSegments/RangeLegendSegments.css.ts"],
-  "sourcesContent": ["import './RangeLegendSegments.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendSvg = _7a468({defaultClassName:'_6z9t250-3-13-3',variantClassNames:{isHorizontal:{true:'_6z9t251-3-13-3',false:'_6z9t252-3-13-3'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './RangeLegendSegments.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendSvg = _7a468({defaultClassName:'_6z9t250-3-14-1',variantClassNames:{isHorizontal:{true:'_6z9t251-3-14-1',false:'_6z9t252-3-14-1'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,YAAY,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,cAAa,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/legend/range/utils/handle-collision-in-horizontal-layout.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/legend/range/utils/handle-collision-in-horizontal-layout.ts"],
-  "sourcesContent": ["\nimport { getHorizontalLabelPosition } from './get-horizontal-label-position.js';\nimport {\n  calculateOptimalEllipsis,\n  calculateOptimalPlacement,\n} from './labels-collision.js';\nimport type { TruncationMode } from '../../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { charsFontWidth12pixelsSize500Map } from '../../../text-ellipsis/chars-font-width-map.js';\nimport { calculateWidth } from '../../../text-ellipsis/truncate-string.js';\nimport {\n  HorizontalCoords,\n  LabelAlignment,\n  RangeLabel,\n} from '../types/range-legend.internal.js';\n\n/**\n * Check if for the given label position the text will fit in the bounds of the container.\n * In the case where it does not fit due to the start position, it determines\n * the optimal starting position of the label in order to have the label fully displayed.\n * In the case where the label does not fit due to the length applies the\n * ellipsis to it.\n */\nexport const handleCollisionInHorizontalLayout = (\n  labelText: string,\n  segment: HorizontalCoords,\n  alignment: LabelAlignment,\n  truncationMode: TruncationMode,\n  bounds: number[],\n): RangeLabel => {\n  const labelWidth = calculateWidth(\n    labelText,\n    charsFontWidth12pixelsSize500Map,\n  );\n  const { x: labelX, y: labelY } = getHorizontalLabelPosition(\n    labelWidth,\n    segment.start,\n    segment.end,\n    alignment,\n  );\n  const isTruncationNeeded = bounds[0] + labelWidth > bounds[1];\n\n  if (!isTruncationNeeded) {\n    const candidateStartPos = labelX;\n    const candidateEndPos = labelX + labelWidth;\n\n    return {\n      text: labelText,\n      x: calculateOptimalPlacement(\n        candidateStartPos,\n        candidateEndPos,\n        bounds[0],\n        bounds[1],\n      ),\n      y: labelY,\n    };\n  } else {\n    const { text, x } = calculateOptimalEllipsis(\n      labelText,\n      labelX,\n      labelX + labelWidth,\n      truncationMode,\n      bounds[0],\n      bounds[1],\n    );\n\n    return { text, x, y: labelY };\n  }\n};\n"],
-  "mappings": "AACA,SAAS,kCAAkC;AAC3C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,SAAS,wCAAwC;AACjD,SAAS,sBAAsB;AAcxB,MAAM,oCAAoC,CAC/C,WACA,SACA,WACA,gBACA,WACe;AACf,QAAM,aAAa;AAAA,IACjB;AAAA,IACA;AAAA,EACF;AACA,QAAM,EAAE,GAAG,QAAQ,GAAG,OAAO,IAAI;AAAA,IAC/B;AAAA,IACA,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,EACF;AACA,QAAM,qBAAqB,OAAO,CAAC,IAAI,aAAa,OAAO,CAAC;AAE5D,MAAI,CAAC,oBAAoB;AACvB,UAAM,oBAAoB;AAC1B,UAAM,kBAAkB,SAAS;AAEjC,WAAO;AAAA,MACL,MAAM;AAAA,MACN,GAAG;AAAA,QACD;AAAA,QACA;AAAA,QACA,OAAO,CAAC;AAAA,QACR,OAAO,CAAC;AAAA,MACV;AAAA,MACA,GAAG;AAAA,IACL;AAAA,EACF,OAAO;AACL,UAAM,EAAE,MAAM,EAAE,IAAI;AAAA,MAClB;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA,OAAO,CAAC;AAAA,MACR,OAAO,CAAC;AAAA,IACV;AAEA,WAAO,EAAE,MAAM,GAAG,GAAG,OAAO;AAAA,EAC9B;AACF;",
+  "sourcesContent": ["import { getHorizontalLabelPosition } from './get-horizontal-label-position.js';\nimport {\n  calculateOptimalEllipsis,\n  calculateOptimalPlacement,\n} from './labels-collision.js';\nimport type { TruncationMode } from '../../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { charsFontWidth12pixelsSize500Map } from '../../../text-ellipsis/chars-font-width-map.js';\nimport { calculateWidth } from '../../../text-ellipsis/truncate-string.js';\nimport {\n  HorizontalCoords,\n  LabelAlignment,\n  RangeLabel,\n} from '../types/range-legend.internal.js';\n\n/**\n * Check if for the given label position the text will fit in the bounds of the container.\n * In the case where it does not fit due to the start position, it determines\n * the optimal starting position of the label in order to have the label fully displayed.\n * In the case where the label does not fit due to the length applies the\n * ellipsis to it.\n */\nexport const handleCollisionInHorizontalLayout = (\n  labelText: string,\n  segment: HorizontalCoords,\n  alignment: LabelAlignment,\n  truncationMode: TruncationMode,\n  bounds: number[],\n): RangeLabel => {\n  const labelWidth = calculateWidth(\n    labelText,\n    charsFontWidth12pixelsSize500Map,\n  );\n  const { x: labelX, y: labelY } = getHorizontalLabelPosition(\n    labelWidth,\n    segment.start,\n    segment.end,\n    alignment,\n  );\n  const isTruncationNeeded = bounds[0] + labelWidth > bounds[1];\n\n  if (!isTruncationNeeded) {\n    const candidateStartPos = labelX;\n    const candidateEndPos = labelX + labelWidth;\n\n    return {\n      text: labelText,\n      x: calculateOptimalPlacement(\n        candidateStartPos,\n        candidateEndPos,\n        bounds[0],\n        bounds[1],\n      ),\n      y: labelY,\n    };\n  } else {\n    const { text, x } = calculateOptimalEllipsis(\n      labelText,\n      labelX,\n      labelX + labelWidth,\n      truncationMode,\n      bounds[0],\n      bounds[1],\n    );\n\n    return { text, x, y: labelY };\n  }\n};\n"],
+  "mappings": "AAAA,SAAS,kCAAkC;AAC3C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,SAAS,wCAAwC;AACjD,SAAS,sBAAsB;AAcxB,MAAM,oCAAoC,CAC/C,WACA,SACA,WACA,gBACA,WACe;AACf,QAAM,aAAa;AAAA,IACjB;AAAA,IACA;AAAA,EACF;AACA,QAAM,EAAE,GAAG,QAAQ,GAAG,OAAO,IAAI;AAAA,IAC/B;AAAA,IACA,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,EACF;AACA,QAAM,qBAAqB,OAAO,CAAC,IAAI,aAAa,OAAO,CAAC;AAE5D,MAAI,CAAC,oBAAoB;AACvB,UAAM,oBAAoB;AAC1B,UAAM,kBAAkB,SAAS;AAEjC,WAAO;AAAA,MACL,MAAM;AAAA,MACN,GAAG;AAAA,QACD;AAAA,QACA;AAAA,QACA,OAAO,CAAC;AAAA,QACR,OAAO,CAAC;AAAA,MACV;AAAA,MACA,GAAG;AAAA,IACL;AAAA,EACF,OAAO;AACL,UAAM,EAAE,MAAM,EAAE,IAAI;AAAA,MAClB;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA,OAAO,CAAC;AAAA,MACR,OAAO,CAAC;AAAA,IACV;AAEA,WAAO,EAAE,MAAM,GAAG,GAAG,OAAO;AAAA,EAC9B;AACF;",
   "names": []
 }

package/esm/charts/core/components/loader-overlay/LoaderOverlay.css

@@ -1,4 +1,4 @@
-._bs5vaz0-3-13-3 {
+._bs5vaz0-3-14-1 {
   position: absolute;
   top: 0;
   width: 100%;
@@ -6,7 +6,7 @@
   z-index: 1;
   pointer-events: none;
 }
-._bs5vaz1-3-13-3 {
+._bs5vaz1-3-14-1 {
   position: absolute;
   top: 0;
   width: 100%;

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

@@ -1,6 +1,6 @@
 import "./LoaderOverlay.css";
-var loaderOverlay = "_bs5vaz0-3-13-3";
-var progressCircle = "_bs5vaz1-3-13-3";
+var loaderOverlay = "_bs5vaz0-3-14-1";
+var progressCircle = "_bs5vaz1-3-14-1";
 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-13-3';\nexport var progressCircle = '_bs5vaz1-3-13-3';"],
+  "sourcesContent": ["import './LoaderOverlay.css';\nexport var loaderOverlay = '_bs5vaz0-3-14-1';\nexport var progressCircle = '_bs5vaz1-3-14-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,gBAAgB;AACpB,IAAI,iBAAiB;",
   "names": []
 }

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

@@ -14,6 +14,7 @@ import { useOverlay } from "../contexts/OverlayContext.js";
 import { useTooltip } from "../contexts/TooltipContext.js";
 import { useTooltipReducer } from "../useTooltipReducer.js";
 import { isScrollIgnored } from "../utils/is-scroll-ignored.js";
+import { isTapGesture } from "../utils/tap-gesture.js";
 const DynamicTooltip = (props) => {
   const { id, absoluteX, absoluteY, pinned } = props;
   const overlay = useOverlay();
@@ -88,6 +89,44 @@ const DynamicTooltip = (props) => {
     // oxlint-disable-next-line react-hooks/exhaustive-deps
     []
   );
+  const touchStartRef = useRef(null);
+  const onTouchStartHandler = useCallback((event) => {
+    const touch = event.changedTouches[0];
+    if (!touch) {
+      return;
+    }
+    touchStartRef.current = {
+      target: event.target,
+      x: touch.clientX,
+      y: touch.clientY
+    };
+  }, []);
+  const onTouchEndHandler = useCallback(
+    (event) => {
+      const start = touchStartRef.current;
+      touchStartRef.current = null;
+      if (!start) {
+        return;
+      }
+      const touch = event.changedTouches[0];
+      if (!touch || !isTapGesture(start, touch)) {
+        return;
+      }
+      const { target } = start;
+      if (overlay.overlayRef.current?.contains(target)) {
+        return;
+      }
+      if (document.getElementById(id)?.contains(target)) {
+        return;
+      }
+      if (target.closest(`[data-tooltip-menu-id="${id}"]`)) {
+        return;
+      }
+      dispatch({ type: "RESET_TOOLTIP" })();
+    },
+    // oxlint-disable-next-line react-hooks/exhaustive-deps
+    [id]
+  );
   useEffect(() => {
     if (!pinned || !overlay.overlayRef.current) {
       return;
@@ -95,9 +134,21 @@ const DynamicTooltip = (props) => {
     suppressNextMoveRef.current = true;
     window.addEventListener("pointermove", pointerMoveCallback);
     window.addEventListener("pointerup", pointerUpCallback);
+    document.addEventListener("touchstart", onTouchStartHandler, {
+      capture: true
+    });
+    document.addEventListener("touchend", onTouchEndHandler, {
+      capture: true
+    });
     return () => {
       window.removeEventListener("pointermove", pointerMoveCallback);
       window.removeEventListener("pointerup", pointerUpCallback);
+      document.removeEventListener("touchstart", onTouchStartHandler, {
+        capture: true
+      });
+      document.removeEventListener("touchend", onTouchEndHandler, {
+        capture: true
+      });
     };
   }, [pinned]);
   return /* @__PURE__ */ jsx(ActiveSeriesMenuProvider, { children: /* @__PURE__ */ jsx(

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/overlay-tooltip/components/DynamicTooltip.tsx"],
-  "sourcesContent": ["import {\n  type PropsWithChildren,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport { TooltipPortal } from './TooltipPortal.js';\nimport { useThrottledCallbackOnResize } from '../../../hooks/useThrottledCallbackOnResize.js';\nimport { useThrottledCallbackOnScroll } from '../../../hooks/useThrottledCallbackOnScroll.js';\nimport { throttleRaf } from '../../../utils/throttleRaf.js';\nimport { ActiveSeriesMenuProvider } from '../contexts/ActiveSeriesMenuContext.js';\nimport { useOverlay } from '../contexts/OverlayContext.js';\nimport { useTooltip } from '../contexts/TooltipContext.js';\nimport { useTooltipReducer } from '../useTooltipReducer.js';\nimport { isScrollIgnored } from '../utils/is-scroll-ignored.js';\n\nexport const DynamicTooltip = (\n  props: PropsWithChildren<{\n    id: string;\n    pinned: boolean;\n    absoluteX: number;\n    absoluteY: number;\n  }>,\n) => {\n  const { id, absoluteX, absoluteY, pinned } = props;\n  const overlay = useOverlay();\n  const dispatch = useTooltipReducer();\n  const tooltip = useTooltip();\n  const suppressNextMoveRef = useRef(false);\n\n  const onEscapeKeyPressedHandler = useCallback((event: KeyboardEvent) => {\n    if (event.key === 'Escape') {\n      dispatch({ type: 'RESET_TOOLTIP' })();\n    }\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    window.addEventListener('keyup', onEscapeKeyPressedHandler);\n    return () => {\n      window.removeEventListener('keyup', onEscapeKeyPressedHandler);\n    };\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useThrottledCallbackOnScroll(false, (event) => {\n    if (!overlay.overlayRef.current) {\n      return;\n    }\n\n    if (\n      overlay.overlayRef.current.contains(event.target as Node | null) ||\n      isScrollIgnored(event)\n    ) {\n      return;\n    }\n\n    if (tooltip.getState().pinned) {\n      dispatch({\n        type: 'UPDATE_POSITION',\n        payload: { type: 'non-resize', scroll: true },\n      })();\n      return;\n    }\n\n    dispatch({ type: 'SET_OUT_BOUNDS' })();\n  });\n\n  useThrottledCallbackOnResize(\n    overlay.overlayRef,\n    dispatch({ type: 'UPDATE_POSITION', payload: { type: 'resize' } }),\n    !pinned,\n  );\n\n  const pointerMoveCallback = useMemo(\n    () =>\n      throttleRaf((event: PointerEvent) => {\n        if (suppressNextMoveRef.current) {\n          suppressNextMoveRef.current = false;\n          return;\n        }\n\n        if (\n          (event.pressure || event.pointerType === 'touch') &&\n          tooltip.getState().pinned\n        ) {\n          if (\n            !overlay.overlayRef.current ||\n            overlay.overlayRef.current.contains(event.target as Node)\n          ) {\n            return;\n          }\n          dispatch({\n            type: 'UPDATE_POSITION',\n            payload: { type: 'non-resize' },\n          })();\n          return;\n        }\n      }),\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  const pointerUpCallback = useMemo(\n    () =>\n      throttleRaf((event: PointerEvent) => {\n        if (tooltip.getState().pinned) {\n          if (\n            !overlay.overlayRef.current ||\n            overlay.overlayRef.current.contains(event.target as Node)\n          ) {\n            return;\n          }\n          dispatch({\n            type: 'UPDATE_POSITION',\n            payload: { type: 'non-resize' },\n          })();\n          return;\n        }\n      }),\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  useEffect(() => {\n    if (!pinned || !overlay.overlayRef.current) {\n      return;\n    }\n    suppressNextMoveRef.current = true;\n    window.addEventListener('pointermove', pointerMoveCallback);\n    window.addEventListener('pointerup', pointerUpCallback);\n\n    return () => {\n      window.removeEventListener('pointermove', pointerMoveCallback);\n      window.removeEventListener('pointerup', pointerUpCallback);\n    };\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [pinned]);\n\n  return (\n    <ActiveSeriesMenuProvider>\n      <TooltipPortal\n        id={id}\n        isInteractive={pinned}\n        absoluteX={absoluteX}\n        absoluteY={absoluteY}\n        onMouseLeave={dispatch({ type: 'TOOLTIP_MOUSE_LEAVE' })}\n        onScrollCapture={dispatch({ type: 'TOOLTIP_MOUSE_LEAVE' })}\n      >\n        {props.children}\n      </TooltipPortal>\n    </ActiveSeriesMenuProvider>\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  type PropsWithChildren,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport { TooltipPortal } from './TooltipPortal.js';\nimport { useThrottledCallbackOnResize } from '../../../hooks/useThrottledCallbackOnResize.js';\nimport { useThrottledCallbackOnScroll } from '../../../hooks/useThrottledCallbackOnScroll.js';\nimport { throttleRaf } from '../../../utils/throttleRaf.js';\nimport { ActiveSeriesMenuProvider } from '../contexts/ActiveSeriesMenuContext.js';\nimport { useOverlay } from '../contexts/OverlayContext.js';\nimport { useTooltip } from '../contexts/TooltipContext.js';\nimport { useTooltipReducer } from '../useTooltipReducer.js';\nimport { isScrollIgnored } from '../utils/is-scroll-ignored.js';\nimport { isTapGesture } from '../utils/tap-gesture.js';\n\nexport const DynamicTooltip = (\n  props: PropsWithChildren<{\n    id: string;\n    pinned: boolean;\n    absoluteX: number;\n    absoluteY: number;\n  }>,\n) => {\n  const { id, absoluteX, absoluteY, pinned } = props;\n  const overlay = useOverlay();\n  const dispatch = useTooltipReducer();\n  const tooltip = useTooltip();\n  const suppressNextMoveRef = useRef(false);\n\n  const onEscapeKeyPressedHandler = useCallback((event: KeyboardEvent) => {\n    if (event.key === 'Escape') {\n      dispatch({ type: 'RESET_TOOLTIP' })();\n    }\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    window.addEventListener('keyup', onEscapeKeyPressedHandler);\n    return () => {\n      window.removeEventListener('keyup', onEscapeKeyPressedHandler);\n    };\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useThrottledCallbackOnScroll(false, (event) => {\n    if (!overlay.overlayRef.current) {\n      return;\n    }\n\n    if (\n      overlay.overlayRef.current.contains(event.target as Node | null) ||\n      isScrollIgnored(event)\n    ) {\n      return;\n    }\n\n    if (tooltip.getState().pinned) {\n      dispatch({\n        type: 'UPDATE_POSITION',\n        payload: { type: 'non-resize', scroll: true },\n      })();\n      return;\n    }\n\n    dispatch({ type: 'SET_OUT_BOUNDS' })();\n  });\n\n  useThrottledCallbackOnResize(\n    overlay.overlayRef,\n    dispatch({ type: 'UPDATE_POSITION', payload: { type: 'resize' } }),\n    !pinned,\n  );\n\n  const pointerMoveCallback = useMemo(\n    () =>\n      throttleRaf((event: PointerEvent) => {\n        if (suppressNextMoveRef.current) {\n          suppressNextMoveRef.current = false;\n          return;\n        }\n\n        if (\n          (event.pressure || event.pointerType === 'touch') &&\n          tooltip.getState().pinned\n        ) {\n          if (\n            !overlay.overlayRef.current ||\n            overlay.overlayRef.current.contains(event.target as Node)\n          ) {\n            return;\n          }\n          dispatch({\n            type: 'UPDATE_POSITION',\n            payload: { type: 'non-resize' },\n          })();\n          return;\n        }\n      }),\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  const pointerUpCallback = useMemo(\n    () =>\n      throttleRaf((event: PointerEvent) => {\n        if (tooltip.getState().pinned) {\n          if (\n            !overlay.overlayRef.current ||\n            overlay.overlayRef.current.contains(event.target as Node)\n          ) {\n            return;\n          }\n          dispatch({\n            type: 'UPDATE_POSITION',\n            payload: { type: 'non-resize' },\n          })();\n          return;\n        }\n      }),\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  const touchStartRef = useRef<{\n    target: Element;\n    x: number;\n    y: number;\n  } | null>(null);\n\n  const onTouchStartHandler = useCallback((event: TouchEvent) => {\n    const touch = event.changedTouches[0];\n    if (!touch) {\n      return;\n    }\n    touchStartRef.current = {\n      target: event.target as Element,\n      x: touch.clientX,\n      y: touch.clientY,\n    };\n  }, []);\n\n  // Dismisses the tooltip on a tap outside the tooltip, its actions menu, and\n  // any portaled submenus. Uses touchend (not pointerdown) so that scroll\n  // gestures are not mistaken for taps. Runs at capture phase so it sees touch\n  // events from Radix portals (SubContent, MobileContent) regardless of DOM tree.\n  const onTouchEndHandler = useCallback(\n    (event: TouchEvent) => {\n      const start = touchStartRef.current;\n      touchStartRef.current = null;\n      if (!start) {\n        return;\n      }\n      const touch = event.changedTouches[0];\n      if (!touch || !isTapGesture(start, touch)) {\n        return;\n      }\n      const { target } = start;\n      if (overlay.overlayRef.current?.contains(target as Node)) {\n        return;\n      }\n      if (document.getElementById(id)?.contains(target)) {\n        return;\n      }\n      if (target.closest(`[data-tooltip-menu-id=\"${id}\"]`)) {\n        return;\n      }\n      dispatch({ type: 'RESET_TOOLTIP' })();\n    },\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n    [id],\n  );\n\n  useEffect(() => {\n    if (!pinned || !overlay.overlayRef.current) {\n      return;\n    }\n    suppressNextMoveRef.current = true;\n    window.addEventListener('pointermove', pointerMoveCallback);\n    window.addEventListener('pointerup', pointerUpCallback);\n    document.addEventListener('touchstart', onTouchStartHandler, {\n      capture: true,\n    });\n    document.addEventListener('touchend', onTouchEndHandler, {\n      capture: true,\n    });\n\n    return () => {\n      window.removeEventListener('pointermove', pointerMoveCallback);\n      window.removeEventListener('pointerup', pointerUpCallback);\n      document.removeEventListener('touchstart', onTouchStartHandler, {\n        capture: true,\n      });\n      document.removeEventListener('touchend', onTouchEndHandler, {\n        capture: true,\n      });\n    };\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [pinned]);\n\n  return (\n    <ActiveSeriesMenuProvider>\n      <TooltipPortal\n        id={id}\n        isInteractive={pinned}\n        absoluteX={absoluteX}\n        absoluteY={absoluteY}\n        onMouseLeave={dispatch({ type: 'TOOLTIP_MOUSE_LEAVE' })}\n        onScrollCapture={dispatch({ type: 'TOOLTIP_MOUSE_LEAVE' })}\n      >\n        {props.children}\n      </TooltipPortal>\n    </ActiveSeriesMenuProvider>\n  );\n};\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,8 +1,12 @@
-import { jsx } from "react/jsx-runtime";
-import useIntl from "react-intl/src/components/useIntl.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useIntl } from "react-intl";
+import { UserEventsIcon } from "@dynatrace/strato-icons";
 import { OVERLAY_TOOLTIP_MESSAGES } from "../messages.js";
 import { useTooltipSnapshot } from "../selectors.js";
-import { actionsPlaceholderTextAnimated } from "./global-actions/actions.sty.js";
+import {
+  actionsPlaceholderContent,
+  actionsPlaceholderTextAnimated
+} from "./global-actions/actions.sty.js";
 import { GlobalActions } from "./global-actions/GlobalActions.js";
 const Footer = ({ actions, unpinnedPlaceholderText }) => {
   const intl = useIntl();
@@ -10,8 +14,14 @@ const Footer = ({ actions, unpinnedPlaceholderText }) => {
   if (pinned) {
     return actions.length > 0 ? /* @__PURE__ */ jsx(GlobalActions, { actions }) : null;
   }
+  if (actions.length === 0) {
+    return null;
+  }
   const placeholderText = unpinnedPlaceholderText ?? intl.formatMessage(OVERLAY_TOOLTIP_MESSAGES.unpinnedPlaceholderMessage);
-  return /* @__PURE__ */ jsx("div", { className: actionsPlaceholderTextAnimated, children: placeholderText });
+  return /* @__PURE__ */ jsx("div", { className: actionsPlaceholderTextAnimated, children: /* @__PURE__ */ jsxs("div", { className: actionsPlaceholderContent, children: [
+    /* @__PURE__ */ jsx(UserEventsIcon, {}),
+    placeholderText
+  ] }) });
 };
 export {
   Footer