@dynatrace/strato-components 3.1.3 → 3.2.0

package/esm/charts/core/components/overlay-tooltip/utils/estimate-series-item-size.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/charts/core/components/overlay-tooltip/utils/estimate-series-item-size.ts"],
+  "sourcesContent": ["import { charsFontWidth12pixelsSize400Map } from '../../text-ellipsis/chars-font-width-map.js';\nimport { calculateWidth } from '../../text-ellipsis/truncate-string.js';\nimport {\n  DEFAULT_SERIES_NAME_LINES,\n  MIN_TOOLTIP_WIDTH,\n  SYMBOL_AND_SPACING_WIDTH,\n  TOOLTIP_WRAPPER_PADDING,\n} from '../constants.js';\n\n/**\n * Estimates the size (height) of a series item for virtualization\n * @param item - The series item data\n * @param maxContainerWidth - Maximum container width available\n * @returns Estimated height in pixels\n */\nexport const estimateSeriesItemSize = (\n  item: Record<string, unknown>,\n  maxContainerWidth: number,\n): number => {\n  const baseHeight = 24;\n\n  const multiLine = ('multiLine' in item ? item.multiLine : false) as boolean;\n  const maxLines = (\n    'maxLines' in item ? item.maxLines : DEFAULT_SERIES_NAME_LINES\n  ) as number;\n\n  let lineCount = 1;\n\n  if (Array.isArray(item.name)) {\n    lineCount = item.name.length;\n  } else if (typeof item.name === 'string' && multiLine) {\n    const actualContainerWidth = Math.max(maxContainerWidth, MIN_TOOLTIP_WIDTH);\n    const containerWidth =\n      actualContainerWidth -\n      (SYMBOL_AND_SPACING_WIDTH + TOOLTIP_WRAPPER_PADDING);\n    const textWidth = calculateWidth(\n      item.name,\n      charsFontWidth12pixelsSize400Map,\n    );\n\n    if (textWidth > containerWidth) {\n      lineCount = Math.min(Math.ceil(textWidth / containerWidth), maxLines);\n    }\n  }\n\n  return baseHeight + (lineCount - 1) * 16;\n};\n"],
+  "mappings": "AAAA,SAAS,wCAAwC;AACjD,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAQA,MAAM,yBAAyB,CACpC,MACA,sBACW;AACX,QAAM,aAAa;AAEnB,QAAM,YAAa,eAAe,OAAO,KAAK,YAAY;AAC1D,QAAM,WACJ,cAAc,OAAO,KAAK,WAAW;AAGvC,MAAI,YAAY;AAEhB,MAAI,MAAM,QAAQ,KAAK,IAAI,GAAG;AAC5B,gBAAY,KAAK,KAAK;AAAA,EACxB,WAAW,OAAO,KAAK,SAAS,YAAY,WAAW;AACrD,UAAM,uBAAuB,KAAK,IAAI,mBAAmB,iBAAiB;AAC1E,UAAM,iBACJ,wBACC,2BAA2B;AAC9B,UAAM,YAAY;AAAA,MAChB,KAAK;AAAA,MACL;AAAA,IACF;AAEA,QAAI,YAAY,gBAAgB;AAC9B,kBAAY,KAAK,IAAI,KAAK,KAAK,YAAY,cAAc,GAAG,QAAQ;AAAA,IACtE;AAAA,EACF;AAEA,SAAO,cAAc,YAAY,KAAK;AACxC;",
+  "names": []
+}

package/esm/charts/core/components/overlay-tooltip/utils/get-copy-action.js

@@ -0,0 +1,22 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CopyIcon } from "@dynatrace/strato-icons";
+import { Item } from "../../../../../navigation/menu/Item.js";
+import { Prefix } from "../../../../../navigation/menu/Prefix.js";
+import { handleCopyToClipboard } from "../../series-action/utils/handleCopyToClipboard.js";
+const getDefaultAction = (item, accessor, message) => {
+  return /* @__PURE__ */ jsxs(
+    Item,
+    {
+      onSelect: async () => await handleCopyToClipboard(`${item?.[accessor]}`),
+      children: [
+        /* @__PURE__ */ jsx(Prefix, { children: /* @__PURE__ */ jsx(CopyIcon, {}) }),
+        message
+      ]
+    },
+    `default-action-copy-${accessor}`
+  );
+};
+export {
+  getDefaultAction
+};
+//# sourceMappingURL=get-copy-action.js.map

package/esm/charts/core/components/overlay-tooltip/utils/get-copy-action.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/charts/core/components/overlay-tooltip/utils/get-copy-action.tsx"],
+  "sourcesContent": ["import { CopyIcon } from '@dynatrace/strato-icons';\n\nimport { Item } from '../../../../../navigation/menu/Item.js';\nimport { Prefix } from '../../../../../navigation/menu/Prefix.js';\nimport { handleCopyToClipboard } from '../../series-action/utils/handleCopyToClipboard.js';\n\nexport const getDefaultAction = <A extends string>(\n  item: Record<A, unknown>,\n  accessor: A,\n  message: string,\n) => {\n  return (\n    <Item\n      key={`default-action-copy-${accessor}`}\n      onSelect={async () => await handleCopyToClipboard(`${item?.[accessor]}`)}\n    >\n      <Prefix>\n        <CopyIcon />\n      </Prefix>\n      {message}\n    </Item>\n  );\n};\n"],
+  "mappings": "AAYI,SAKI,KALJ;AAZJ,SAAS,gBAAgB;AAEzB,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,SAAS,6BAA6B;AAE/B,MAAM,mBAAmB,CAC9B,MACA,UACA,YACG;AACH,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,UAAU,YAAY,MAAM,sBAAsB,GAAG,OAAO,QAAQ,CAAC,EAAE;AAAA,MAEvE;AAAA,4BAAC,UACC,8BAAC,YAAS,GACZ;AAAA,QACC;AAAA;AAAA;AAAA,IANI,uBAAuB,QAAQ;AAAA,EAOtC;AAEJ;",
+  "names": []
+}

package/esm/charts/core/components/overlay-tooltip/utils/needs-scrollbar-fix.js

@@ -0,0 +1,13 @@
+const needsScrollbarFix = () => {
+  if (typeof navigator === "undefined") {
+    return false;
+  }
+  const userAgent = navigator.userAgent.toLowerCase();
+  const isSafari = /webkit/.test(userAgent) && !/chrome|chromium|crios/.test(userAgent);
+  const isFirefox = /firefox/.test(userAgent);
+  return isSafari || isFirefox;
+};
+export {
+  needsScrollbarFix
+};
+//# sourceMappingURL=needs-scrollbar-fix.js.map

package/esm/charts/core/components/overlay-tooltip/utils/needs-scrollbar-fix.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/charts/core/components/overlay-tooltip/utils/needs-scrollbar-fix.ts"],
+  "sourcesContent": ["/**\n * Utility to detect if the current browser needs scrollbar overlay fix\n * This includes Safari (WebKit-based but not Chrome) and Firefox\n * @returns boolean indicating if browser needs scrollbar fix\n */\nexport const needsScrollbarFix = (): boolean => {\n  if (typeof navigator === 'undefined') {\n    return false;\n  }\n\n  const userAgent = navigator.userAgent.toLowerCase();\n\n  // Safari (WebKit-based but not Chrome/Chromium)\n  const isSafari =\n    /webkit/.test(userAgent) && !/chrome|chromium|crios/.test(userAgent);\n\n  // Firefox\n  const isFirefox = /firefox/.test(userAgent);\n\n  return isSafari || isFirefox;\n};\n"],
+  "mappings": "AAKO,MAAM,oBAAoB,MAAe;AAC9C,MAAI,OAAO,cAAc,aAAa;AACpC,WAAO;AAAA,EACT;AAEA,QAAM,YAAY,UAAU,UAAU,YAAY;AAGlD,QAAM,WACJ,SAAS,KAAK,SAAS,KAAK,CAAC,wBAAwB,KAAK,SAAS;AAGrE,QAAM,YAAY,UAAU,KAAK,SAAS;AAE1C,SAAO,YAAY;AACrB;",
+  "names": []
+}

package/esm/charts/core/components/overlay-tooltip/utils/text-truncation-header.js

@@ -0,0 +1,27 @@
+import { isNil } from "lodash-es";
+import { calculateTotalWidth500 } from "./width-calculation.js";
+import { charsFontWidth12pixelsSize500Map } from "../../text-ellipsis/chars-font-width-map.js";
+import { truncateString } from "../../text-ellipsis/truncate-string.js";
+import { isValidNumber } from "../components/series/utils/is-valid-number.js";
+const getHeaderTruncatedText = (text, maxWidth, truncationMode) => {
+  if (isNil(text)) {
+    return "";
+  }
+  if (!isValidNumber(maxWidth)) {
+    return text;
+  }
+  const textWidth = calculateTotalWidth500(text);
+  if (textWidth <= maxWidth) {
+    return text;
+  }
+  return truncateString(
+    text,
+    maxWidth,
+    charsFontWidth12pixelsSize500Map,
+    truncationMode
+  );
+};
+export {
+  getHeaderTruncatedText
+};
+//# sourceMappingURL=text-truncation-header.js.map

package/esm/charts/core/components/overlay-tooltip/utils/text-truncation-header.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/charts/core/components/overlay-tooltip/utils/text-truncation-header.ts"],
+  "sourcesContent": ["import { isNil } from 'lodash-es';\n\nimport { calculateTotalWidth500 } from './width-calculation.js';\nimport { charsFontWidth12pixelsSize500Map } from '../../text-ellipsis/chars-font-width-map.js';\nimport { type TruncationMode } from '../../text-ellipsis/ChartTextEllipsis.js';\nimport { truncateString } from '../../text-ellipsis/truncate-string.js';\nimport { isValidNumber } from '../components/series/utils/is-valid-number.js';\n\n/**\n * Truncates text using the header font weight (500) map.\n * Used by Header and SeriesHeader components.\n */\nexport const getHeaderTruncatedText = (\n  text: string | undefined | null,\n  maxWidth: number | undefined,\n  truncationMode: TruncationMode,\n) => {\n  if (isNil(text)) {\n    return '';\n  }\n  if (!isValidNumber(maxWidth)) {\n    return text;\n  }\n\n  const textWidth = calculateTotalWidth500(text);\n  if (textWidth <= maxWidth) {\n    return text;\n  }\n  return truncateString(\n    text,\n    maxWidth,\n    charsFontWidth12pixelsSize500Map,\n    truncationMode,\n  );\n};\n"],
+  "mappings": "AAAA,SAAS,aAAa;AAEtB,SAAS,8BAA8B;AACvC,SAAS,wCAAwC;AAEjD,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAMvB,MAAM,yBAAyB,CACpC,MACA,UACA,mBACG;AACH,MAAI,MAAM,IAAI,GAAG;AACf,WAAO;AAAA,EACT;AACA,MAAI,CAAC,cAAc,QAAQ,GAAG;AAC5B,WAAO;AAAA,EACT;AAEA,QAAM,YAAY,uBAAuB,IAAI;AAC7C,MAAI,aAAa,UAAU;AACzB,WAAO;AAAA,EACT;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "names": []
+}

package/esm/charts/core/components/overlay-tooltip/utils/width-calculation.js

@@ -0,0 +1,30 @@
+import {
+  charsFontWidth12pixelsSize400Map,
+  charsFontWidth12pixelsSize500Map
+} from "../../text-ellipsis/chars-font-width-map.js";
+import { calculateWidth } from "../../text-ellipsis/truncate-string.js";
+const calculateTotalWidth400 = (...texts) => {
+  let totalWidth = 0;
+  for (const text of texts) {
+    if (text) {
+      const width = calculateWidth(text, charsFontWidth12pixelsSize400Map);
+      totalWidth += isFinite(width) ? width : 0;
+    }
+  }
+  return totalWidth;
+};
+const calculateTotalWidth500 = (...texts) => {
+  let totalWidth = 0;
+  for (const text of texts) {
+    if (text) {
+      const width = calculateWidth(text, charsFontWidth12pixelsSize500Map);
+      totalWidth += isFinite(width) ? width : 0;
+    }
+  }
+  return totalWidth;
+};
+export {
+  calculateTotalWidth400,
+  calculateTotalWidth500
+};
+//# sourceMappingURL=width-calculation.js.map

package/esm/charts/core/components/overlay-tooltip/utils/width-calculation.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/charts/core/components/overlay-tooltip/utils/width-calculation.ts"],
+  "sourcesContent": ["import {\n  charsFontWidth12pixelsSize400Map,\n  charsFontWidth12pixelsSize500Map,\n} from '../../text-ellipsis/chars-font-width-map.js';\nimport { calculateWidth } from '../../text-ellipsis/truncate-string.js';\n\n/**\n * Helper function to calculate total width for multiple strings using font weight 400 map.\n * Includes validation for finite values and fallback to 0 for invalid calculations.\n */\nexport const calculateTotalWidth400 = (\n  ...texts: (string | undefined | null)[]\n): number => {\n  let totalWidth = 0;\n\n  for (const text of texts) {\n    if (text) {\n      const width = calculateWidth(text, charsFontWidth12pixelsSize400Map);\n      totalWidth += isFinite(width) ? width : 0;\n    }\n  }\n\n  return totalWidth;\n};\n\n/**\n * Helper function to calculate total width for multiple strings using font weight 500 map.\n * Includes validation for finite values and fallback to 0 for invalid calculations.\n */\nexport const calculateTotalWidth500 = (\n  ...texts: (string | undefined | null)[]\n): number => {\n  let totalWidth = 0;\n\n  for (const text of texts) {\n    if (text) {\n      const width = calculateWidth(text, charsFontWidth12pixelsSize500Map);\n      totalWidth += isFinite(width) ? width : 0;\n    }\n  }\n\n  return totalWidth;\n};\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAMxB,MAAM,yBAAyB,IACjC,UACQ;AACX,MAAI,aAAa;AAEjB,aAAW,QAAQ,OAAO;AACxB,QAAI,MAAM;AACR,YAAM,QAAQ,eAAe,MAAM,gCAAgC;AACnE,oBAAc,SAAS,KAAK,IAAI,QAAQ;AAAA,IAC1C;AAAA,EACF;AAEA,SAAO;AACT;AAMO,MAAM,yBAAyB,IACjC,UACQ;AACX,MAAI,aAAa;AAEjB,aAAW,QAAQ,OAAO;AACxB,QAAI,MAAM;AACR,YAAM,QAAQ,eAAe,MAAM,gCAAgC;AACnE,oBAAc,SAAS,KAAK,IAAI,QAAQ;AAAA,IAC1C;AAAA,EACF;AAEA,SAAO;AACT;",
+  "names": []
+}

package/esm/charts/core/components/overlays/ChartOverlaysBorder.css

@@ -1,4 +1,4 @@
-._sw8x1w0-3-1-3 {
+._sw8x1w0-3-2-0 {
   position: absolute;
   top: -0.5px;
   left: -0.5px;
@@ -10,15 +10,15 @@
   border-bottom: none;
   box-sizing: border-box;
 }
-._sw8x1w1-3-1-3 {
+._sw8x1w1-3-2-0 {
   border-left: 1px solid var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._sw8x1w2-3-1-3 {
+._sw8x1w2-3-2-0 {
   border-right: 1px solid var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._sw8x1w3-3-1-3 {
+._sw8x1w3-3-2-0 {
   border-bottom: 1px solid var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._sw8x1w4-3-1-3 {
+._sw8x1w4-3-2-0 {
   border-top: 1px solid var(--dt-colors-text-neutral-subdued, #595a7d);
 }

package/esm/charts/core/components/overlays/ChartOverlaysBorder.sty.js

@@ -1,9 +1,9 @@
 import "./ChartOverlaysBorder.css";
-var chartOverlaysBorder = "_sw8x1w0-3-1-3";
-var chartOverlaysBorder__rightAxis = "_sw8x1w2-3-1-3";
-var chartOverlaysBorder__topAxis = "_sw8x1w4-3-1-3";
-var chartOverlaysBorder__xAxis = "_sw8x1w1-3-1-3";
-var chartOverlaysBorder__yAxis = "_sw8x1w3-3-1-3";
+var chartOverlaysBorder = "_sw8x1w0-3-2-0";
+var chartOverlaysBorder__rightAxis = "_sw8x1w2-3-2-0";
+var chartOverlaysBorder__topAxis = "_sw8x1w4-3-2-0";
+var chartOverlaysBorder__xAxis = "_sw8x1w1-3-2-0";
+var chartOverlaysBorder__yAxis = "_sw8x1w3-3-2-0";
 export {
   chartOverlaysBorder,
   chartOverlaysBorder__rightAxis,

package/esm/charts/core/components/overlays/ChartOverlaysBorder.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/overlays/ChartOverlaysBorder.css.ts"],
-  "sourcesContent": ["import './ChartOverlaysBorder.css';\nexport var chartOverlaysBorder = '_sw8x1w0-3-1-3';\nexport var chartOverlaysBorder__rightAxis = '_sw8x1w2-3-1-3';\nexport var chartOverlaysBorder__topAxis = '_sw8x1w4-3-1-3';\nexport var chartOverlaysBorder__xAxis = '_sw8x1w1-3-1-3';\nexport var chartOverlaysBorder__yAxis = '_sw8x1w3-3-1-3';"],
+  "sourcesContent": ["import './ChartOverlaysBorder.css';\nexport var chartOverlaysBorder = '_sw8x1w0-3-2-0';\nexport var chartOverlaysBorder__rightAxis = '_sw8x1w2-3-2-0';\nexport var chartOverlaysBorder__topAxis = '_sw8x1w4-3-2-0';\nexport var chartOverlaysBorder__xAxis = '_sw8x1w1-3-2-0';\nexport var chartOverlaysBorder__yAxis = '_sw8x1w3-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,sBAAsB;AAC1B,IAAI,iCAAiC;AACrC,IAAI,+BAA+B;AACnC,IAAI,6BAA6B;AACjC,IAAI,6BAA6B;",
   "names": []
 }

package/esm/charts/core/components/selection-area/SelectionArea.css

@@ -1,10 +1,10 @@
-._efl7nz0-3-1-3 {
+._efl7nz0-3-2-0 {
   background-color: transparent;
   overflow: visible;
   pointer-events: none;
   z-index: 3;
 }
-._efl7nz1-3-1-3 {
+._efl7nz1-3-2-0 {
   width: 5px;
   height: 40px;
   fill: var(--dt-colors-border-primary-on-accent-default, #f4f4fb);
@@ -15,21 +15,21 @@
   transform-box: stroke-box;
   transition: transform var(--dt-animations-rescale-duration-fast, 170ms) var(--dt-animations-rescale-easing, cubic-bezier(0.4, 0, 0.2, 1));
 }
-._efl7nz1-3-1-3:focus {
+._efl7nz1-3-2-0:focus {
   outline: none;
   stroke-width: 3;
 }
-._efl7nz2-3-1-3 {
+._efl7nz2-3-2-0 {
   width: 15px;
   height: 80px;
   fill: transparent;
   cursor: col-resize;
   touch-action: pan-x;
 }
-._efl7nz2-3-1-3 + .knob--hovered {
+._efl7nz2-3-2-0 + .knob--hovered {
   transform: scaleY(1);
 }
-._efl7nz3-3-1-3 {
+._efl7nz3-3-2-0 {
   fill: var(--dt-colors-background-field-primary-accent, #474fcf);
   stroke: var(--dt-colors-border-primary-accent, #464cce);
   stroke-width: 1;
@@ -37,33 +37,33 @@
   fill-opacity: 0.1;
   touch-action: pan-x;
 }
-._efl7nz3-3-1-3:hover {
+._efl7nz3-3-2-0:hover {
   cursor: move;
 }
-._efl7nz3-3-1-3:focus {
+._efl7nz3-3-2-0:focus {
   outline: none;
   clip-path: unset;
   stroke-width: 3;
 }
-._efl7nz3-3-1-3:focus ~ .knob {
+._efl7nz3-3-2-0:focus ~ .knob {
   stroke-width: 3;
 }
-._efl7nz4-3-1-3 {
+._efl7nz4-3-2-0 {
   user-select: none;
   pointer-events: none;
 }
-._efl7nz5-3-1-3 {
+._efl7nz5-3-2-0 {
   text-wrap: nowrap;
   min-width: unset;
 }
-._efl7nz6-3-1-3 {
+._efl7nz6-3-2-0 {
   padding-left: 3px;
 }
-._efl7nz7-3-1-3 {
+._efl7nz7-3-2-0 {
   padding: var(--dt-spacings-size-2, 2px);
   padding-left: 3px;
   width: 100%;
 }
-._efl7nz8-3-1-3 * {
+._efl7nz8-3-2-0 * {
   pointer-events: none;
 }

package/esm/charts/core/components/selection-area/SelectionArea.sty.js

@@ -1,14 +1,14 @@
 import "../chart-grid/ChartGrid.css";
 import "./SelectionArea.css";
-var brushOverlay = "_efl7nz0-3-1-3 _13lzg4k0-3-1-3";
-var disabledActions = "_efl7nz8-3-1-3";
-var knob = "_efl7nz1-3-1-3";
-var selectionArea = "_efl7nz3-3-1-3";
-var tooltipContainer = "_efl7nz4-3-1-3";
-var tooltipHeader = "_efl7nz5-3-1-3";
-var tooltipHeaderCategorical = "_efl7nz6-3-1-3";
-var tooltipHeaderSubtext = "_efl7nz7-3-1-3";
-var transparentDraggingArea = "_efl7nz2-3-1-3";
+var brushOverlay = "_efl7nz0-3-2-0 _13lzg4k0-3-2-0";
+var disabledActions = "_efl7nz8-3-2-0";
+var knob = "_efl7nz1-3-2-0";
+var selectionArea = "_efl7nz3-3-2-0";
+var tooltipContainer = "_efl7nz4-3-2-0";
+var tooltipHeader = "_efl7nz5-3-2-0";
+var tooltipHeaderCategorical = "_efl7nz6-3-2-0";
+var tooltipHeaderSubtext = "_efl7nz7-3-2-0";
+var transparentDraggingArea = "_efl7nz2-3-2-0";
 export {
   brushOverlay,
   disabledActions,

package/esm/charts/core/components/selection-area/SelectionArea.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/selection-area/SelectionArea.css.ts"],
-  "sourcesContent": ["import '../chart-grid/ChartGrid.css';\nimport './SelectionArea.css';\nexport var brushOverlay = '_efl7nz0-3-1-3 _13lzg4k0-3-1-3';\nexport var disabledActions = '_efl7nz8-3-1-3';\nexport var knob = '_efl7nz1-3-1-3';\nexport var selectionArea = '_efl7nz3-3-1-3';\nexport var tooltipContainer = '_efl7nz4-3-1-3';\nexport var tooltipHeader = '_efl7nz5-3-1-3';\nexport var tooltipHeaderCategorical = '_efl7nz6-3-1-3';\nexport var tooltipHeaderSubtext = '_efl7nz7-3-1-3';\nexport var transparentDraggingArea = '_efl7nz2-3-1-3';"],
+  "sourcesContent": ["import '../chart-grid/ChartGrid.css';\nimport './SelectionArea.css';\nexport var brushOverlay = '_efl7nz0-3-2-0 _13lzg4k0-3-2-0';\nexport var disabledActions = '_efl7nz8-3-2-0';\nexport var knob = '_efl7nz1-3-2-0';\nexport var selectionArea = '_efl7nz3-3-2-0';\nexport var tooltipContainer = '_efl7nz4-3-2-0';\nexport var tooltipHeader = '_efl7nz5-3-2-0';\nexport var tooltipHeaderCategorical = '_efl7nz6-3-2-0';\nexport var tooltipHeaderSubtext = '_efl7nz7-3-2-0';\nexport var transparentDraggingArea = '_efl7nz2-3-2-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,eAAe;AACnB,IAAI,kBAAkB;AACtB,IAAI,OAAO;AACX,IAAI,gBAAgB;AACpB,IAAI,mBAAmB;AACvB,IAAI,gBAAgB;AACpB,IAAI,2BAA2B;AAC/B,IAAI,uBAAuB;AAC3B,IAAI,0BAA0B;",
   "names": []
 }

package/esm/charts/core/components/selection-area/ZoomSelection.js

@@ -65,7 +65,6 @@ const ZoomSelection = ({
     /* @__PURE__ */ jsx(
       VerticalCrosshair,
       {
-        "data-testid": "vertical-crosshair-brush-start",
         x: startX,
         bottomLabel: bottomFormatter ? bottomFormatter(startX) : void 0,
         topLabel: topFormatter ? topFormatter(startX) : void 0,
@@ -96,7 +95,6 @@ const ZoomSelection = ({
     /* @__PURE__ */ jsx(
       VerticalCrosshair,
       {
-        "data-testid": "vertical-crosshair-brush-end",
         x: endX,
         bottomLabel: bottomFormatter ? bottomFormatter(endX) : void 0,
         topLabel: topFormatter ? topFormatter(endX) : void 0,

package/esm/charts/core/components/selection-area/ZoomSelection.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/selection-area/ZoomSelection.tsx"],
-  "sourcesContent": ["import { type KeyboardEventHandler, useImperativeHandle, useRef } from 'react';\n\nimport { VerticalCrosshair } from '../crosshair/VerticalCrosshair.js';\nimport { SELECTION_EDGE_THRESHOLD } from '../interactions-overlay/constants.js';\nimport { ZOOM_AREA_STYLES } from '../overlays/constants.js';\nimport { useSelectionAreaPathRef } from './hooks/use-selection-area-path-ref.js';\n\ninterface ZoomSelectionAreaProps {\n  bounds: DOMRect;\n  focusable: boolean;\n  interactable: boolean;\n  bottomFormatter?: (value: number) => string;\n  topFormatter?: (value: number) => string;\n  startX: number;\n  endX: number;\n  height: number;\n  handleSelectionAreaKeyDown: KeyboardEventHandler;\n  handleSelectionAreaStartKeyDown: KeyboardEventHandler;\n  handleSelectionAreaEndKeyDown: KeyboardEventHandler;\n  isBottomLabelRotated?: boolean;\n  isTopLabelRotated?: boolean;\n}\n\nexport const ZoomSelection = ({\n  startX,\n  endX,\n  height,\n  focusable,\n  interactable,\n  bottomFormatter,\n  topFormatter,\n  bounds,\n  handleSelectionAreaKeyDown,\n  handleSelectionAreaStartKeyDown,\n  handleSelectionAreaEndKeyDown,\n  isBottomLabelRotated = false,\n  isTopLabelRotated = false,\n}: ZoomSelectionAreaProps) => {\n  const areaStyles = ZOOM_AREA_STYLES;\n  const selectionAreaRef = useRef<SVGRectElement>(null);\n  const forwardedRef = useSelectionAreaPathRef();\n  useImperativeHandle(\n    forwardedRef,\n    () => ({\n      element: selectionAreaRef.current,\n      focus() {\n        selectionAreaRef.current?.focus();\n      },\n    }),\n    [],\n  );\n\n  return (\n    <>\n      {/*Selection area fill*/}\n      <rect\n        ref={selectionAreaRef}\n        x={startX}\n        y={0}\n        width={endX - startX}\n        height={height}\n        tabIndex={focusable ? 0 : -1}\n        onKeyDown={handleSelectionAreaKeyDown}\n        {...areaStyles}\n        rx=\"0\"\n      />\n      {/* Transparent dragging area start */}\n      <rect\n        x={startX - SELECTION_EDGE_THRESHOLD}\n        y={0}\n        width={SELECTION_EDGE_THRESHOLD * 5}\n        height={height}\n        fill=\"transparent\"\n        onMouseDown={() => false}\n        style={{\n          cursor: 'col-resize',\n          pointerEvents: interactable ? 'all' : 'none',\n        }}\n      />\n      <VerticalCrosshair\n        data-testid=\"vertical-crosshair-brush-start\"\n        x={startX}\n        bottomLabel={bottomFormatter ? bottomFormatter(startX) : undefined}\n        topLabel={topFormatter ? topFormatter(startX) : undefined}\n        height={height}\n        dashed={false}\n        focusable={focusable}\n        chartBounds={bounds}\n        onKeyDown={handleSelectionAreaStartKeyDown}\n        variant=\"zoom\"\n        isTopLabelRotated={isTopLabelRotated}\n        isBottomLabelRotated={isBottomLabelRotated}\n      />\n      {/* Transparent dragging area end */}\n      <rect\n        x={endX - SELECTION_EDGE_THRESHOLD}\n        y={0}\n        width={SELECTION_EDGE_THRESHOLD * 5}\n        height={height}\n        fill=\"transparent\"\n        style={{\n          cursor: 'col-resize',\n          pointerEvents: interactable ? 'all' : 'none',\n        }}\n      />\n      <VerticalCrosshair\n        data-testid=\"vertical-crosshair-brush-end\"\n        x={endX}\n        bottomLabel={bottomFormatter ? bottomFormatter(endX) : undefined}\n        topLabel={topFormatter ? topFormatter(endX) : undefined}\n        height={height}\n        dashed={false}\n        focusable={focusable}\n        chartBounds={bounds}\n        onKeyDown={handleSelectionAreaEndKeyDown}\n        variant=\"zoom\"\n        isTopLabelRotated={isTopLabelRotated}\n        isBottomLabelRotated={isBottomLabelRotated}\n      />\n    </>\n  );\n};\n"],
-  "mappings": "AAqDI,mBAEE,KAFF;AArDJ,SAAoC,qBAAqB,cAAc;AAEvE,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AACjC,SAAS,+BAA+B;AAkBjC,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,uBAAuB;AAAA,EACvB,oBAAoB;AACtB,MAA8B;AAC5B,QAAM,aAAa;AACnB,QAAM,mBAAmB,OAAuB,IAAI;AACpD,QAAM,eAAe,wBAAwB;AAC7C;AAAA,IACE;AAAA,IACA,OAAO;AAAA,MACL,SAAS,iBAAiB;AAAA,MAC1B,QAAQ;AACN,yBAAiB,SAAS,MAAM;AAAA,MAClC;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AAEA,SACE,iCAEE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,GAAG;AAAA,QACH,GAAG;AAAA,QACH,OAAO,OAAO;AAAA,QACd;AAAA,QACA,UAAU,YAAY,IAAI;AAAA,QAC1B,WAAW;AAAA,QACV,GAAG;AAAA,QACJ,IAAG;AAAA;AAAA,IACL;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,GAAG,SAAS;AAAA,QACZ,GAAG;AAAA,QACH,OAAO,2BAA2B;AAAA,QAClC;AAAA,QACA,MAAK;AAAA,QACL,aAAa,MAAM;AAAA,QACnB,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,eAAe,eAAe,QAAQ;AAAA,QACxC;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,eAAY;AAAA,QACZ,GAAG;AAAA,QACH,aAAa,kBAAkB,gBAAgB,MAAM,IAAI;AAAA,QACzD,UAAU,eAAe,aAAa,MAAM,IAAI;AAAA,QAChD;AAAA,QACA,QAAQ;AAAA,QACR;AAAA,QACA,aAAa;AAAA,QACb,WAAW;AAAA,QACX,SAAQ;AAAA,QACR;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,GAAG,OAAO;AAAA,QACV,GAAG;AAAA,QACH,OAAO,2BAA2B;AAAA,QAClC;AAAA,QACA,MAAK;AAAA,QACL,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,eAAe,eAAe,QAAQ;AAAA,QACxC;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,eAAY;AAAA,QACZ,GAAG;AAAA,QACH,aAAa,kBAAkB,gBAAgB,IAAI,IAAI;AAAA,QACvD,UAAU,eAAe,aAAa,IAAI,IAAI;AAAA,QAC9C;AAAA,QACA,QAAQ;AAAA,QACR;AAAA,QACA,aAAa;AAAA,QACb,WAAW;AAAA,QACX,SAAQ;AAAA,QACR;AAAA,QACA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
+  "sourcesContent": ["import { type KeyboardEventHandler, useImperativeHandle, useRef } from 'react';\n\nimport { VerticalCrosshair } from '../crosshair/VerticalCrosshair.js';\nimport { SELECTION_EDGE_THRESHOLD } from '../interactions-overlay/constants.js';\nimport { ZOOM_AREA_STYLES } from '../overlays/constants.js';\nimport { useSelectionAreaPathRef } from './hooks/use-selection-area-path-ref.js';\n\ninterface ZoomSelectionAreaProps {\n  bounds: DOMRect;\n  focusable: boolean;\n  interactable: boolean;\n  bottomFormatter?: (value: number) => string;\n  topFormatter?: (value: number) => string;\n  startX: number;\n  endX: number;\n  height: number;\n  handleSelectionAreaKeyDown: KeyboardEventHandler;\n  handleSelectionAreaStartKeyDown: KeyboardEventHandler;\n  handleSelectionAreaEndKeyDown: KeyboardEventHandler;\n  isBottomLabelRotated?: boolean;\n  isTopLabelRotated?: boolean;\n}\n\nexport const ZoomSelection = ({\n  startX,\n  endX,\n  height,\n  focusable,\n  interactable,\n  bottomFormatter,\n  topFormatter,\n  bounds,\n  handleSelectionAreaKeyDown,\n  handleSelectionAreaStartKeyDown,\n  handleSelectionAreaEndKeyDown,\n  isBottomLabelRotated = false,\n  isTopLabelRotated = false,\n}: ZoomSelectionAreaProps) => {\n  const areaStyles = ZOOM_AREA_STYLES;\n  const selectionAreaRef = useRef<SVGRectElement>(null);\n  const forwardedRef = useSelectionAreaPathRef();\n  useImperativeHandle(\n    forwardedRef,\n    () => ({\n      element: selectionAreaRef.current,\n      focus() {\n        selectionAreaRef.current?.focus();\n      },\n    }),\n    [],\n  );\n\n  return (\n    <>\n      {/*Selection area fill*/}\n      <rect\n        ref={selectionAreaRef}\n        x={startX}\n        y={0}\n        width={endX - startX}\n        height={height}\n        tabIndex={focusable ? 0 : -1}\n        onKeyDown={handleSelectionAreaKeyDown}\n        {...areaStyles}\n        rx=\"0\"\n      />\n      {/* Transparent dragging area start */}\n      <rect\n        x={startX - SELECTION_EDGE_THRESHOLD}\n        y={0}\n        width={SELECTION_EDGE_THRESHOLD * 5}\n        height={height}\n        fill=\"transparent\"\n        onMouseDown={() => false}\n        style={{\n          cursor: 'col-resize',\n          pointerEvents: interactable ? 'all' : 'none',\n        }}\n      />\n      <VerticalCrosshair\n        x={startX}\n        bottomLabel={bottomFormatter ? bottomFormatter(startX) : undefined}\n        topLabel={topFormatter ? topFormatter(startX) : undefined}\n        height={height}\n        dashed={false}\n        focusable={focusable}\n        chartBounds={bounds}\n        onKeyDown={handleSelectionAreaStartKeyDown}\n        variant=\"zoom\"\n        isTopLabelRotated={isTopLabelRotated}\n        isBottomLabelRotated={isBottomLabelRotated}\n      />\n      {/* Transparent dragging area end */}\n      <rect\n        x={endX - SELECTION_EDGE_THRESHOLD}\n        y={0}\n        width={SELECTION_EDGE_THRESHOLD * 5}\n        height={height}\n        fill=\"transparent\"\n        style={{\n          cursor: 'col-resize',\n          pointerEvents: interactable ? 'all' : 'none',\n        }}\n      />\n      <VerticalCrosshair\n        x={endX}\n        bottomLabel={bottomFormatter ? bottomFormatter(endX) : undefined}\n        topLabel={topFormatter ? topFormatter(endX) : undefined}\n        height={height}\n        dashed={false}\n        focusable={focusable}\n        chartBounds={bounds}\n        onKeyDown={handleSelectionAreaEndKeyDown}\n        variant=\"zoom\"\n        isTopLabelRotated={isTopLabelRotated}\n        isBottomLabelRotated={isBottomLabelRotated}\n      />\n    </>\n  );\n};\n"],
+  "mappings": "AAqDI,mBAEE,KAFF;AArDJ,SAAoC,qBAAqB,cAAc;AAEvE,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AACjC,SAAS,+BAA+B;AAkBjC,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,uBAAuB;AAAA,EACvB,oBAAoB;AACtB,MAA8B;AAC5B,QAAM,aAAa;AACnB,QAAM,mBAAmB,OAAuB,IAAI;AACpD,QAAM,eAAe,wBAAwB;AAC7C;AAAA,IACE;AAAA,IACA,OAAO;AAAA,MACL,SAAS,iBAAiB;AAAA,MAC1B,QAAQ;AACN,yBAAiB,SAAS,MAAM;AAAA,MAClC;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AAEA,SACE,iCAEE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,GAAG;AAAA,QACH,GAAG;AAAA,QACH,OAAO,OAAO;AAAA,QACd;AAAA,QACA,UAAU,YAAY,IAAI;AAAA,QAC1B,WAAW;AAAA,QACV,GAAG;AAAA,QACJ,IAAG;AAAA;AAAA,IACL;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,GAAG,SAAS;AAAA,QACZ,GAAG;AAAA,QACH,OAAO,2BAA2B;AAAA,QAClC;AAAA,QACA,MAAK;AAAA,QACL,aAAa,MAAM;AAAA,QACnB,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,eAAe,eAAe,QAAQ;AAAA,QACxC;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAG;AAAA,QACH,aAAa,kBAAkB,gBAAgB,MAAM,IAAI;AAAA,QACzD,UAAU,eAAe,aAAa,MAAM,IAAI;AAAA,QAChD;AAAA,QACA,QAAQ;AAAA,QACR;AAAA,QACA,aAAa;AAAA,QACb,WAAW;AAAA,QACX,SAAQ;AAAA,QACR;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,GAAG,OAAO;AAAA,QACV,GAAG;AAAA,QACH,OAAO,2BAA2B;AAAA,QAClC;AAAA,QACA,MAAK;AAAA,QACL,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,eAAe,eAAe,QAAQ;AAAA,QACxC;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAG;AAAA,QACH,aAAa,kBAAkB,gBAAgB,IAAI,IAAI;AAAA,QACvD,UAAU,eAAe,aAAa,IAAI,IAAI;AAAA,QAC9C;AAAA,QACA,QAAQ;AAAA,QACR;AAAA,QACA,aAAa;AAAA,QACb,WAAW;AAAA,QACX,SAAQ;AAAA,QACR;AAAA,QACA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/esm/charts/core/components/selection-area/components/Knob.js

@@ -61,7 +61,7 @@ const Knob = ({
         ),
         tabIndex: focusable ? 0 : -1,
         onKeyDown,
-        "data-testid": edgeId
+        "aria-label": edgeId
       }
     )
   ] });

package/esm/charts/core/components/selection-area/components/Knob.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/selection-area/components/Knob.tsx"],
-  "sourcesContent": ["import { useGesture } from '@use-gesture/react';\nimport clsx from 'clsx';\nimport { type KeyboardEventHandler } from 'react';\n\nimport {\n  KNOB_HEIGHT,\n  KNOB_WIDTH,\n  SELECTED_AREA_RADIUS,\n} from '../../overlays/constants.js';\nimport { knob, transparentDraggingArea } from '../SelectionArea.sty.js';\n\ninterface KnobProps {\n  /** Coordinate x for knob */\n  x: number;\n  /** Coordinate x for knob */\n  y: number;\n  onKeyDown: KeyboardEventHandler;\n  interactable: boolean;\n  onDragMove: (x: number) => void;\n  onDragStart: () => void;\n  onDragEnd: () => void;\n  /** Makes the element accessible through keyboard */\n  focusable?: boolean;\n  edgeId: string;\n  hoveredEdge: string;\n  pointerHandlers: {\n    onPointerEnter: () => void;\n    onPointerLeave: () => void;\n  };\n}\n\nexport const Knob = ({\n  y,\n  x,\n  interactable,\n  onKeyDown,\n  focusable,\n  onDragMove,\n  onDragStart,\n  onDragEnd,\n  edgeId,\n  hoveredEdge,\n  pointerHandlers,\n}: KnobProps) => {\n  const handlers = useGesture(\n    {\n      ...pointerHandlers,\n      onDragStart,\n      onDragEnd,\n      onDrag: ({ xy }: { xy: number[] }) => {\n        onDragMove(xy[0]);\n      },\n    },\n    {\n      drag: {\n        threshold: 2,\n      },\n    },\n  );\n\n  return (\n    <>\n      {/* Transparent dragging area */}\n      <rect\n        y={y - KNOB_HEIGHT / 2}\n        x={x - (KNOB_WIDTH / 2) * 2}\n        className={clsx(transparentDraggingArea)}\n        style={{\n          pointerEvents: interactable ? 'all' : 'none',\n        }}\n        {...handlers()}\n      />\n      {/* Knob */}\n      <rect\n        y={y}\n        x={x}\n        rx={SELECTED_AREA_RADIUS}\n        className={clsx(\n          knob,\n          'knob',\n          hoveredEdge === edgeId && 'knob--hovered',\n        )}\n        tabIndex={focusable ? 0 : -1}\n        onKeyDown={onKeyDown}\n        data-testid={edgeId}\n      />\n    </>\n  );\n};\n"],
-  "mappings": "AA6DI,mBAEE,KAFF;AA7DJ,SAAS,kBAAkB;AAC3B,OAAO,UAAU;AAGjB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,MAAM,+BAA+B;AAsBvC,MAAM,OAAO,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAiB;AACf,QAAM,WAAW;AAAA,IACf;AAAA,MACE,GAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,GAAG,MAAwB;AACpC,mBAAW,GAAG,CAAC,CAAC;AAAA,MAClB;AAAA,IACF;AAAA,IACA;AAAA,MACE,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAEA,SACE,iCAEE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,GAAG,IAAI,cAAc;AAAA,QACrB,GAAG,IAAK,aAAa,IAAK;AAAA,QAC1B,WAAW,KAAK,uBAAuB;AAAA,QACvC,OAAO;AAAA,UACL,eAAe,eAAe,QAAQ;AAAA,QACxC;AAAA,QACC,GAAG,SAAS;AAAA;AAAA,IACf;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,IAAI;AAAA,QACJ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA,gBAAgB,UAAU;AAAA,QAC5B;AAAA,QACA,UAAU,YAAY,IAAI;AAAA,QAC1B;AAAA,QACA,eAAa;AAAA;AAAA,IACf;AAAA,KACF;AAEJ;",
+  "sourcesContent": ["import { useGesture } from '@use-gesture/react';\nimport clsx from 'clsx';\nimport { type KeyboardEventHandler } from 'react';\n\nimport {\n  KNOB_HEIGHT,\n  KNOB_WIDTH,\n  SELECTED_AREA_RADIUS,\n} from '../../overlays/constants.js';\nimport { knob, transparentDraggingArea } from '../SelectionArea.sty.js';\n\ninterface KnobProps {\n  /** Coordinate x for knob */\n  x: number;\n  /** Coordinate x for knob */\n  y: number;\n  onKeyDown: KeyboardEventHandler;\n  interactable: boolean;\n  onDragMove: (x: number) => void;\n  onDragStart: () => void;\n  onDragEnd: () => void;\n  /** Makes the element accessible through keyboard */\n  focusable?: boolean;\n  edgeId: string;\n  hoveredEdge: string;\n  pointerHandlers: {\n    onPointerEnter: () => void;\n    onPointerLeave: () => void;\n  };\n}\n\nexport const Knob = ({\n  y,\n  x,\n  interactable,\n  onKeyDown,\n  focusable,\n  onDragMove,\n  onDragStart,\n  onDragEnd,\n  edgeId,\n  hoveredEdge,\n  pointerHandlers,\n}: KnobProps) => {\n  const handlers = useGesture(\n    {\n      ...pointerHandlers,\n      onDragStart,\n      onDragEnd,\n      onDrag: ({ xy }: { xy: number[] }) => {\n        onDragMove(xy[0]);\n      },\n    },\n    {\n      drag: {\n        threshold: 2,\n      },\n    },\n  );\n\n  return (\n    <>\n      {/* Transparent dragging area */}\n      <rect\n        y={y - KNOB_HEIGHT / 2}\n        x={x - (KNOB_WIDTH / 2) * 2}\n        className={clsx(transparentDraggingArea)}\n        style={{\n          pointerEvents: interactable ? 'all' : 'none',\n        }}\n        {...handlers()}\n      />\n      {/* Knob */}\n      <rect\n        y={y}\n        x={x}\n        rx={SELECTED_AREA_RADIUS}\n        className={clsx(\n          knob,\n          'knob',\n          hoveredEdge === edgeId && 'knob--hovered',\n        )}\n        tabIndex={focusable ? 0 : -1}\n        onKeyDown={onKeyDown}\n        aria-label={edgeId}\n      />\n    </>\n  );\n};\n"],
+  "mappings": "AA6DI,mBAEE,KAFF;AA7DJ,SAAS,kBAAkB;AAC3B,OAAO,UAAU;AAGjB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,MAAM,+BAA+B;AAsBvC,MAAM,OAAO,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAiB;AACf,QAAM,WAAW;AAAA,IACf;AAAA,MACE,GAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,GAAG,MAAwB;AACpC,mBAAW,GAAG,CAAC,CAAC;AAAA,MAClB;AAAA,IACF;AAAA,IACA;AAAA,MACE,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAEA,SACE,iCAEE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,GAAG,IAAI,cAAc;AAAA,QACrB,GAAG,IAAK,aAAa,IAAK;AAAA,QAC1B,WAAW,KAAK,uBAAuB;AAAA,QACvC,OAAO;AAAA,UACL,eAAe,eAAe,QAAQ;AAAA,QACxC;AAAA,QACC,GAAG,SAAS;AAAA;AAAA,IACf;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,IAAI;AAAA,QACJ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA,gBAAgB,UAAU;AAAA,QAC5B;AAAA,QACA,UAAU,YAAY,IAAI;AAAA,QAC1B;AAAA,QACA,cAAY;AAAA;AAAA,IACd;AAAA,KACF;AAEJ;",
   "names": []
 }

package/esm/charts/core/components/series-action/ChartActionsMenu.js

@@ -12,7 +12,7 @@ const ChartActionsMenu = forwardRef((props, forwardedRef) => {
     /* @__PURE__ */ jsx(Menu.Trigger, { children }),
     isOpen && /* @__PURE__ */ jsxs(Menu.Content, { ref: forwardedRef, side: "right", children: [
       defaultActions ? renderMenuActionChildren(defaultActions) : null,
-      customActions ? renderMenuActionChildren(customActions.props.children) : null
+      customActions ? /* @__PURE__ */ jsx("div", { "data-dt-children-name": "TooltipSeriesAction", children: renderMenuActionChildren(customActions.props.children) }) : null
     ] })
   ] }) });
 });

package/esm/charts/core/components/series-action/ChartActionsMenu.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/series-action/ChartActionsMenu.tsx"],
-  "sourcesContent": ["import {\n  forwardRef,\n  MouseEvent as ReactMouseEvent,\n  type PropsWithChildren,\n  type ReactElement,\n} from 'react';\n\nimport { Menu } from '../../../../navigation/menu/Menu.js';\nimport { useCustomSeriesActions } from '../../hooks/useCustomSeriesActions.js';\nimport { renderMenuActionChildren } from '../../utils/render-menu-action-children.js';\n\nexport interface ChartActionsMenuProps {\n  /** Controlled open or closed state */\n  isOpen: boolean;\n  /** Default actions to display **/\n  defaultActions?: ReactElement<PropsWithChildren>;\n  /** Custom series actions to display **/\n  actions?:\n    | ReactElement<PropsWithChildren>\n    | Promise<ReactElement<PropsWithChildren>>;\n  /** Handler for the action click */\n  onActionClick?: (e: ReactMouseEvent) => void;\n}\n\n/**\n * ChartActionsMenu component.\n */\nexport const ChartActionsMenu = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<ChartActionsMenuProps>\n>((props: PropsWithChildren<ChartActionsMenuProps>, forwardedRef) => {\n  const { children, isOpen, actions, defaultActions, onActionClick } = props;\n  const customActions = useCustomSeriesActions(actions, isOpen);\n\n  return (\n    <div onClick={onActionClick}>\n      <Menu open={isOpen} modal={false}>\n        <Menu.Trigger>{children}</Menu.Trigger>\n        {isOpen && (\n          <Menu.Content ref={forwardedRef} side=\"right\">\n            {defaultActions ? renderMenuActionChildren(defaultActions) : null}\n            {customActions\n              ? renderMenuActionChildren(customActions.props.children)\n              : null}\n          </Menu.Content>\n        )}\n      </Menu>\n    </div>\n  );\n});\n\n(\n  ChartActionsMenu as typeof ChartActionsMenu & { displayName: string }\n).displayName = 'ChartActionsMenu';\n"],
-  "mappings": "AAqCQ,cAEE,YAFF;AArCR;AAAA,EACE;AAAA,OAIK;AAEP,SAAS,YAAY;AACrB,SAAS,8BAA8B;AACvC,SAAS,gCAAgC;AAkBlC,MAAM,mBAAmB,WAG9B,CAAC,OAAiD,iBAAiB;AACnE,QAAM,EAAE,UAAU,QAAQ,SAAS,gBAAgB,cAAc,IAAI;AACrE,QAAM,gBAAgB,uBAAuB,SAAS,MAAM;AAE5D,SACE,oBAAC,SAAI,SAAS,eACZ,+BAAC,QAAK,MAAM,QAAQ,OAAO,OACzB;AAAA,wBAAC,KAAK,SAAL,EAAc,UAAS;AAAA,IACvB,UACC,qBAAC,KAAK,SAAL,EAAa,KAAK,cAAc,MAAK,SACnC;AAAA,uBAAiB,yBAAyB,cAAc,IAAI;AAAA,MAC5D,gBACG,yBAAyB,cAAc,MAAM,QAAQ,IACrD;AAAA,OACN;AAAA,KAEJ,GACF;AAEJ,CAAC;AAGC,iBACA,cAAc;",
+  "sourcesContent": ["import {\n  forwardRef,\n  MouseEvent as ReactMouseEvent,\n  type PropsWithChildren,\n  type ReactElement,\n} from 'react';\n\nimport { Menu } from '../../../../navigation/menu/Menu.js';\nimport { useCustomSeriesActions } from '../../hooks/useCustomSeriesActions.js';\nimport { renderMenuActionChildren } from '../../utils/render-menu-action-children.js';\n\nexport interface ChartActionsMenuProps {\n  /** Controlled open or closed state */\n  isOpen: boolean;\n  /** Default actions to display **/\n  defaultActions?: ReactElement<PropsWithChildren>;\n  /** Custom series actions to display **/\n  actions?:\n    | ReactElement<PropsWithChildren>\n    | Promise<ReactElement<PropsWithChildren>>;\n  /** Handler for the action click */\n  onActionClick?: (e: ReactMouseEvent) => void;\n}\n\n/**\n * ChartActionsMenu component.\n */\nexport const ChartActionsMenu = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<ChartActionsMenuProps>\n>((props: PropsWithChildren<ChartActionsMenuProps>, forwardedRef) => {\n  const { children, isOpen, actions, defaultActions, onActionClick } = props;\n  const customActions = useCustomSeriesActions(actions, isOpen);\n\n  return (\n    <div onClick={onActionClick}>\n      <Menu open={isOpen} modal={false}>\n        <Menu.Trigger>{children}</Menu.Trigger>\n        {isOpen && (\n          <Menu.Content ref={forwardedRef} side=\"right\">\n            {defaultActions ? renderMenuActionChildren(defaultActions) : null}\n            {customActions ? (\n              <div data-dt-children-name=\"TooltipSeriesAction\">\n                {renderMenuActionChildren(customActions.props.children)}\n              </div>\n            ) : null}\n          </Menu.Content>\n        )}\n      </Menu>\n    </div>\n  );\n});\n\n(\n  ChartActionsMenu as typeof ChartActionsMenu & { displayName: string }\n).displayName = 'ChartActionsMenu';\n"],
+  "mappings": "AAqCQ,cAEE,YAFF;AArCR;AAAA,EACE;AAAA,OAIK;AAEP,SAAS,YAAY;AACrB,SAAS,8BAA8B;AACvC,SAAS,gCAAgC;AAkBlC,MAAM,mBAAmB,WAG9B,CAAC,OAAiD,iBAAiB;AACnE,QAAM,EAAE,UAAU,QAAQ,SAAS,gBAAgB,cAAc,IAAI;AACrE,QAAM,gBAAgB,uBAAuB,SAAS,MAAM;AAE5D,SACE,oBAAC,SAAI,SAAS,eACZ,+BAAC,QAAK,MAAM,QAAQ,OAAO,OACzB;AAAA,wBAAC,KAAK,SAAL,EAAc,UAAS;AAAA,IACvB,UACC,qBAAC,KAAK,SAAL,EAAa,KAAK,cAAc,MAAK,SACnC;AAAA,uBAAiB,yBAAyB,cAAc,IAAI;AAAA,MAC5D,gBACC,oBAAC,SAAI,yBAAsB,uBACxB,mCAAyB,cAAc,MAAM,QAAQ,GACxD,IACE;AAAA,OACN;AAAA,KAEJ,GACF;AAEJ,CAAC;AAGC,iBACA,cAAc;",
   "names": []
 }

package/esm/charts/core/components/series-action/ChartActionsMenuAsync.js

@@ -2,8 +2,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { noop } from "lodash-es";
 import {
   forwardRef,
-  useState,
-  useEffect
+  useEffect,
+  useRef,
+  useState
 } from "react";
 import { Menu } from "../../../../navigation/menu/Menu.js";
 import { useResolveAsyncComponent } from "../../hooks/useResolveAsyncComponent.js";
@@ -26,6 +27,7 @@ const Content = forwardRef(
       delay = 0
     } = props;
     const [shouldRun, setShouldRun] = useState(false);
+    const ref = useRef(null);
     const customActions = useResolveAsyncComponent(actions, shouldRun);
     const defaultActionsMapped = shouldRun && defaultActions ? renderMenuActionChildren(defaultActions) : null;
     useEffect(() => {
@@ -39,7 +41,7 @@ const Content = forwardRef(
     if (!shouldRun) {
       return null;
     }
-    return /* @__PURE__ */ jsxs(Menu.Content, { ref: forwardedRef, side: "right", children: [
+    return /* @__PURE__ */ jsx(Menu.Content, { ref: forwardedRef, side: "right", children: /* @__PURE__ */ jsxs("div", { ref, style: { width: "100%" }, children: [
       /* @__PURE__ */ jsx(Menu.Group, { children: header }),
       /* @__PURE__ */ jsx("span", { role: "none", onClick: onActionSelected, onKeyDown: noop, children: /* @__PURE__ */ jsxs(Menu.Group, { children: [
         defaultActionsMapped,
@@ -47,7 +49,7 @@ const Content = forwardRef(
           divideActionsAndIntents: false
         })
       ] }) })
-    ] });
+    ] }) });
   }
 );
 export {

package/esm/charts/core/components/series-action/ChartActionsMenuAsync.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/series-action/ChartActionsMenuAsync.tsx"],
-  "sourcesContent": ["import { noop } from 'lodash-es';\nimport {\n  forwardRef,\n  type PropsWithChildren,\n  type ReactElement,\n  type MouseEventHandler,\n  useState,\n  useEffect,\n} from 'react';\n\nimport { Menu } from '../../../../navigation/menu/Menu.js';\nimport { useResolveAsyncComponent } from '../../hooks/useResolveAsyncComponent.js';\nimport { renderMenuActionChildren } from '../../utils/render-menu-action-children.js';\n\ntype ChartActionsMenuAsyncProps = {\n  isOpen: boolean;\n  defaultActions?: ReactElement<PropsWithChildren>;\n  header?: ReactElement | null;\n  onActionSelected?: MouseEventHandler<HTMLDivElement>;\n  actions: (() => Promise<ReactElement>) | undefined;\n  delay?: number;\n};\n\nexport const ChartActionsMenuAsync = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<ChartActionsMenuAsyncProps>\n>((props: PropsWithChildren<ChartActionsMenuAsyncProps>, forwardedRef) => {\n  const { children, isOpen } = props;\n\n  return (\n    <Menu open={isOpen} modal={false}>\n      <Menu.Trigger>{children}</Menu.Trigger>\n      <Content {...props} ref={forwardedRef} />\n    </Menu>\n  );\n});\n\nconst Content = forwardRef<HTMLDivElement, ChartActionsMenuAsyncProps>(\n  (props, forwardedRef) => {\n    const {\n      isOpen,\n      actions,\n      defaultActions,\n      onActionSelected,\n      header,\n      delay = 0,\n    } = props;\n    const [shouldRun, setShouldRun] = useState(false);\n    const customActions = useResolveAsyncComponent(actions, shouldRun);\n    const defaultActionsMapped =\n      shouldRun && defaultActions\n        ? renderMenuActionChildren(defaultActions)\n        : null;\n\n    useEffect(() => {\n      if (isOpen) {\n        const timer = setTimeout(() => {\n          setShouldRun(true);\n        }, delay);\n\n        return () => clearTimeout(timer);\n      }\n    }, [isOpen, delay]);\n\n    if (!shouldRun) {\n      return null;\n    }\n\n    return (\n      <Menu.Content ref={forwardedRef} side=\"right\">\n        <Menu.Group>{header}</Menu.Group>\n        <span role=\"none\" onClick={onActionSelected} onKeyDown={noop}>\n          <Menu.Group>\n            {defaultActionsMapped}\n            {customActions &&\n              renderMenuActionChildren(customActions.props.children, {\n                divideActionsAndIntents: false,\n              })}\n          </Menu.Group>\n        </span>\n      </Menu.Content>\n    );\n  },\n);\n"],
-  "mappings": "AA8BI,SACE,KADF;AA9BJ,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EAIA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,YAAY;AACrB,SAAS,gCAAgC;AACzC,SAAS,gCAAgC;AAWlC,MAAM,wBAAwB,WAGnC,CAAC,OAAsD,iBAAiB;AACxE,QAAM,EAAE,UAAU,OAAO,IAAI;AAE7B,SACE,qBAAC,QAAK,MAAM,QAAQ,OAAO,OACzB;AAAA,wBAAC,KAAK,SAAL,EAAc,UAAS;AAAA,IACxB,oBAAC,WAAS,GAAG,OAAO,KAAK,cAAc;AAAA,KACzC;AAEJ,CAAC;AAED,MAAM,UAAU;AAAA,EACd,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,IACV,IAAI;AACJ,UAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,UAAM,gBAAgB,yBAAyB,SAAS,SAAS;AACjE,UAAM,uBACJ,aAAa,iBACT,yBAAyB,cAAc,IACvC;AAEN,cAAU,MAAM;AACd,UAAI,QAAQ;AACV,cAAM,QAAQ,WAAW,MAAM;AAC7B,uBAAa,IAAI;AAAA,QACnB,GAAG,KAAK;AAER,eAAO,MAAM,aAAa,KAAK;AAAA,MACjC;AAAA,IACF,GAAG,CAAC,QAAQ,KAAK,CAAC;AAElB,QAAI,CAAC,WAAW;AACd,aAAO;AAAA,IACT;AAEA,WACE,qBAAC,KAAK,SAAL,EAAa,KAAK,cAAc,MAAK,SACpC;AAAA,0BAAC,KAAK,OAAL,EAAY,kBAAO;AAAA,MACpB,oBAAC,UAAK,MAAK,QAAO,SAAS,kBAAkB,WAAW,MACtD,+BAAC,KAAK,OAAL,EACE;AAAA;AAAA,QACA,iBACC,yBAAyB,cAAc,MAAM,UAAU;AAAA,UACrD,yBAAyB;AAAA,QAC3B,CAAC;AAAA,SACL,GACF;AAAA,OACF;AAAA,EAEJ;AACF;",
+  "sourcesContent": ["import { noop } from 'lodash-es';\nimport {\n  forwardRef,\n  type MouseEventHandler,\n  type PropsWithChildren,\n  type ReactElement,\n  type ReactNode,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { Menu } from '../../../../navigation/menu/Menu.js';\nimport { useResolveAsyncComponent } from '../../hooks/useResolveAsyncComponent.js';\nimport { renderMenuActionChildren } from '../../utils/render-menu-action-children.js';\n\ntype ChartActionsMenuAsyncProps = {\n  isOpen: boolean;\n  defaultActions?: ReactNode;\n  header?: ReactElement | null;\n  onActionSelected?: MouseEventHandler<HTMLDivElement>;\n  actions: (() => Promise<ReactElement>) | undefined;\n  delay?: number;\n};\n\nexport const ChartActionsMenuAsync = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<ChartActionsMenuAsyncProps>\n>((props: PropsWithChildren<ChartActionsMenuAsyncProps>, forwardedRef) => {\n  const { children, isOpen } = props;\n\n  return (\n    <Menu open={isOpen} modal={false}>\n      <Menu.Trigger>{children}</Menu.Trigger>\n      <Content {...props} ref={forwardedRef} />\n    </Menu>\n  );\n});\n\nconst Content = forwardRef<HTMLDivElement, ChartActionsMenuAsyncProps>(\n  (props, forwardedRef) => {\n    const {\n      isOpen,\n      actions,\n      defaultActions,\n      onActionSelected,\n      header,\n      delay = 0,\n    } = props;\n    const [shouldRun, setShouldRun] = useState(false);\n    const ref = useRef<HTMLDivElement>(null);\n    const customActions = useResolveAsyncComponent(actions, shouldRun);\n    const defaultActionsMapped =\n      shouldRun && defaultActions\n        ? renderMenuActionChildren(defaultActions)\n        : null;\n\n    useEffect(() => {\n      if (isOpen) {\n        const timer = setTimeout(() => {\n          setShouldRun(true);\n        }, delay);\n\n        return () => clearTimeout(timer);\n      }\n    }, [isOpen, delay]);\n\n    if (!shouldRun) {\n      return null;\n    }\n\n    return (\n      <Menu.Content ref={forwardedRef} side=\"right\">\n        <div ref={ref} style={{ width: '100%' }}>\n          <Menu.Group>{header}</Menu.Group>\n          <span role=\"none\" onClick={onActionSelected} onKeyDown={noop}>\n            <Menu.Group>\n              {defaultActionsMapped}\n              {customActions &&\n                renderMenuActionChildren(customActions.props.children, {\n                  divideActionsAndIntents: false,\n                })}\n            </Menu.Group>\n          </span>\n        </div>\n      </Menu.Content>\n    );\n  },\n);\n"],
+  "mappings": "AAgCI,SACE,KADF;AAhCJ,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EAKA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,YAAY;AACrB,SAAS,gCAAgC;AACzC,SAAS,gCAAgC;AAWlC,MAAM,wBAAwB,WAGnC,CAAC,OAAsD,iBAAiB;AACxE,QAAM,EAAE,UAAU,OAAO,IAAI;AAE7B,SACE,qBAAC,QAAK,MAAM,QAAQ,OAAO,OACzB;AAAA,wBAAC,KAAK,SAAL,EAAc,UAAS;AAAA,IACxB,oBAAC,WAAS,GAAG,OAAO,KAAK,cAAc;AAAA,KACzC;AAEJ,CAAC;AAED,MAAM,UAAU;AAAA,EACd,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,IACV,IAAI;AACJ,UAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,UAAM,MAAM,OAAuB,IAAI;AACvC,UAAM,gBAAgB,yBAAyB,SAAS,SAAS;AACjE,UAAM,uBACJ,aAAa,iBACT,yBAAyB,cAAc,IACvC;AAEN,cAAU,MAAM;AACd,UAAI,QAAQ;AACV,cAAM,QAAQ,WAAW,MAAM;AAC7B,uBAAa,IAAI;AAAA,QACnB,GAAG,KAAK;AAER,eAAO,MAAM,aAAa,KAAK;AAAA,MACjC;AAAA,IACF,GAAG,CAAC,QAAQ,KAAK,CAAC;AAElB,QAAI,CAAC,WAAW;AACd,aAAO;AAAA,IACT;AAEA,WACE,oBAAC,KAAK,SAAL,EAAa,KAAK,cAAc,MAAK,SACpC,+BAAC,SAAI,KAAU,OAAO,EAAE,OAAO,OAAO,GACpC;AAAA,0BAAC,KAAK,OAAL,EAAY,kBAAO;AAAA,MACpB,oBAAC,UAAK,MAAK,QAAO,SAAS,kBAAkB,WAAW,MACtD,+BAAC,KAAK,OAAL,EACE;AAAA;AAAA,QACA,iBACC,yBAAyB,cAAc,MAAM,UAAU;AAAA,UACrD,yBAAyB;AAAA,QAC3B,CAAC;AAAA,SACL,GACF;AAAA,OACF,GACF;AAAA,EAEJ;AACF;",
   "names": []
 }

package/esm/charts/core/components/series-action/hooks/useDefaultAction.js

@@ -8,6 +8,7 @@ const getDefaultAction = (item) => {
   return /* @__PURE__ */ jsxs(
     ChartSeriesAction.Item,
     {
+      "data-dt-children-name": "TooltipCopyNameAction",
       onSelect: async () => await handleCopyToClipboard(item?.name),
       children: [
         /* @__PURE__ */ jsx(ChartSeriesAction.ItemIcon, { children: /* @__PURE__ */ jsx(CopyIcon, {}) }),

package/esm/charts/core/components/series-action/hooks/useDefaultAction.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/series-action/hooks/useDefaultAction.tsx"],
-  "sourcesContent": ["import { FormattedMessage } from 'react-intl';\n\nimport { CopyIcon } from '@dynatrace/strato-icons';\n\nimport { COPY_TO_CLIPBOARD_MESSAGES } from '../../copy-to-clipboard/copy-to-clipboard-messages.js';\nimport { ChartSeriesAction } from '../ChartSeriesAction.js';\nimport { handleCopyToClipboard } from '../utils/handleCopyToClipboard.js';\n\nexport const getDefaultAction = (item: { name: string | string[] }) => {\n  return (\n    <ChartSeriesAction.Item\n      key=\"default-action\"\n      onSelect={async () => await handleCopyToClipboard(item?.name)}\n    >\n      <ChartSeriesAction.ItemIcon>\n        <CopyIcon />\n      </ChartSeriesAction.ItemIcon>\n      <FormattedMessage {...COPY_TO_CLIPBOARD_MESSAGES.copyActionName} />\n    </ChartSeriesAction.Item>\n  );\n};\n"],
-  "mappings": "AAUI,SAKI,KALJ;AAVJ,SAAS,wBAAwB;AAEjC,SAAS,gBAAgB;AAEzB,SAAS,kCAAkC;AAC3C,SAAS,yBAAyB;AAClC,SAAS,6BAA6B;AAE/B,MAAM,mBAAmB,CAAC,SAAsC;AACrE,SACE;AAAA,IAAC,kBAAkB;AAAA,IAAlB;AAAA,MAEC,UAAU,YAAY,MAAM,sBAAsB,MAAM,IAAI;AAAA,MAE5D;AAAA,4BAAC,kBAAkB,UAAlB,EACC,8BAAC,YAAS,GACZ;AAAA,QACA,oBAAC,oBAAkB,GAAG,2BAA2B,gBAAgB;AAAA;AAAA;AAAA,IAN7D;AAAA,EAON;AAEJ;",
+  "sourcesContent": ["import { FormattedMessage } from 'react-intl';\n\nimport { CopyIcon } from '@dynatrace/strato-icons';\n\nimport { COPY_TO_CLIPBOARD_MESSAGES } from '../../copy-to-clipboard/copy-to-clipboard-messages.js';\nimport { ChartSeriesAction } from '../ChartSeriesAction.js';\nimport { handleCopyToClipboard } from '../utils/handleCopyToClipboard.js';\n\nexport const getDefaultAction = (item: { name: string | string[] }) => {\n  return (\n    <ChartSeriesAction.Item\n      key=\"default-action\"\n      data-dt-children-name=\"TooltipCopyNameAction\"\n      onSelect={async () => await handleCopyToClipboard(item?.name)}\n    >\n      <ChartSeriesAction.ItemIcon>\n        <CopyIcon />\n      </ChartSeriesAction.ItemIcon>\n      <FormattedMessage {...COPY_TO_CLIPBOARD_MESSAGES.copyActionName} />\n    </ChartSeriesAction.Item>\n  );\n};\n"],
+  "mappings": "AAUI,SAMI,KANJ;AAVJ,SAAS,wBAAwB;AAEjC,SAAS,gBAAgB;AAEzB,SAAS,kCAAkC;AAC3C,SAAS,yBAAyB;AAClC,SAAS,6BAA6B;AAE/B,MAAM,mBAAmB,CAAC,SAAsC;AACrE,SACE;AAAA,IAAC,kBAAkB;AAAA,IAAlB;AAAA,MAEC,yBAAsB;AAAA,MACtB,UAAU,YAAY,MAAM,sBAAsB,MAAM,IAAI;AAAA,MAE5D;AAAA,4BAAC,kBAAkB,UAAlB,EACC,8BAAC,YAAS,GACZ;AAAA,QACA,oBAAC,oBAAkB,GAAG,2BAA2B,gBAAgB;AAAA;AAAA;AAAA,IAP7D;AAAA,EAQN;AAEJ;",
   "names": []
 }

package/esm/charts/core/components/shape/BubbleShape/BubbleShape.css

@@ -1,18 +1,18 @@
-._hctkb30-3-1-3 {
+._hctkb30-3-2-0 {
   border-radius: 50%;
 }
-._hctkb31-3-1-3 {
+._hctkb31-3-2-0 {
   border: 1px solid var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._hctkb32-3-1-3 {
+._hctkb32-3-2-0 {
   border: none;
 }
-._hctkb33-3-1-3 {
+._hctkb33-3-2-0 {
   border-width: 1px;
   border-style: solid;
   border-radius: 50%;
 }
-._hctkb34-3-1-3 {
+._hctkb34-3-2-0 {
   height: 8px;
   width: 8px;
   border-radius: 50%;

package/esm/charts/core/components/shape/BubbleShape/BubbleShape.sty.js

@@ -1,8 +1,8 @@
 import "./BubbleShape.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var bubble = "_hctkb34-3-1-3";
-var bubbleBorder = "_hctkb33-3-1-3";
-var bubbleOutline = _7a468({ defaultClassName: "_hctkb30-3-1-3", variantClassNames: { active: { true: "_hctkb31-3-1-3", false: "_hctkb32-3-1-3" } }, defaultVariants: {}, compoundVariants: [] });
+var bubble = "_hctkb34-3-2-0";
+var bubbleBorder = "_hctkb33-3-2-0";
+var bubbleOutline = _7a468({ defaultClassName: "_hctkb30-3-2-0", variantClassNames: { active: { true: "_hctkb31-3-2-0", false: "_hctkb32-3-2-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   bubble,
   bubbleBorder,

package/esm/charts/core/components/shape/BubbleShape/BubbleShape.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/shape/BubbleShape/BubbleShape.css.ts"],
-  "sourcesContent": ["import './BubbleShape.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var bubble = '_hctkb34-3-1-3';\nexport var bubbleBorder = '_hctkb33-3-1-3';\nexport var bubbleOutline = _7a468({defaultClassName:'_hctkb30-3-1-3',variantClassNames:{active:{true:'_hctkb31-3-1-3',false:'_hctkb32-3-1-3'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './BubbleShape.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var bubble = '_hctkb34-3-2-0';\nexport var bubbleBorder = '_hctkb33-3-2-0';\nexport var bubbleOutline = _7a468({defaultClassName:'_hctkb30-3-2-0',variantClassNames:{active:{true:'_hctkb31-3-2-0',false:'_hctkb32-3-2-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,SAAS;AACb,IAAI,eAAe;AACnB,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,QAAO,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/shape/EmojiShape/EmojiShape.css

@@ -1,4 +1,4 @@
-._s37yxn0-3-1-3 {
+._s37yxn0-3-2-0 {
   border-radius: 4px;
   display: flex;
   justify-content: center;
@@ -7,9 +7,9 @@
   height: 100%;
   box-sizing: border-box;
 }
-._s37yxn1-3-1-3 {
+._s37yxn1-3-2-0 {
   border: 1px solid var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._s37yxn2-3-1-3 {
+._s37yxn2-3-2-0 {
   border: none;
 }

package/esm/charts/core/components/shape/EmojiShape/EmojiShape.sty.js

@@ -1,6 +1,6 @@
 import "./EmojiShape.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var emojiShape = _7a468({ defaultClassName: "_s37yxn0-3-1-3", variantClassNames: { active: { true: "_s37yxn1-3-1-3", false: "_s37yxn2-3-1-3" } }, defaultVariants: {}, compoundVariants: [] });
+var emojiShape = _7a468({ defaultClassName: "_s37yxn0-3-2-0", variantClassNames: { active: { true: "_s37yxn1-3-2-0", false: "_s37yxn2-3-2-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   emojiShape
 };