@dynatrace/strato-components 3.5.0 → 3.6.0

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/overlay-tooltip/overlay.ts"],
-  "sourcesContent": ["import type { RefObject } from 'react';\n\nimport type { Overlay } from './types.js';\n\nconst NullPositions = {\n  absoluteX: null,\n  absoluteY: null,\n  relativeX: null,\n  relativeY: null,\n  percentX: null,\n  percentY: null,\n};\nfunction getAdjustedPositionsFromAbsolute(\n  this: { getBounds: Overlay['getBounds'] },\n  absoluteX: number,\n  absoluteY: number,\n) {\n  const bounds = this.getBounds();\n  if (!bounds) {\n    return NullPositions;\n  }\n\n  const { left, top, width, height } = bounds;\n  const relativeX = Math.round(absoluteX - left);\n  const relativeY = Math.round(absoluteY - top);\n  const percentX = Math.round((relativeX * 100) / width);\n  const percentY = Math.round((relativeY * 100) / height);\n\n  return {\n    absoluteX,\n    absoluteY,\n    relativeX,\n    relativeY,\n    percentX,\n    percentY,\n  };\n}\n\nfunction getAdjustedPositionsFromPercent(\n  this: { getBounds: Overlay['getBounds'] },\n  percentX: number,\n  percentY: number,\n  relativeX?: number,\n  relativeY?: number,\n) {\n  const bounds = this.getBounds();\n  if (!bounds) {\n    return NullPositions;\n  }\n\n  const { left, top, width, height } = bounds;\n  relativeX ||= Math.round((percentX * width) / 100);\n  relativeY ||= Math.round((percentY * height) / 100);\n  const absoluteX = Math.round(left + relativeX);\n  const absoluteY = Math.round(top + relativeY);\n\n  return {\n    absoluteX,\n    absoluteY,\n    relativeX,\n    relativeY,\n    percentX,\n    percentY,\n  };\n}\n\nfunction getAdjustedPositionsFromRelative(\n  this: { getBounds: Overlay['getBounds'] },\n  relativeX: number,\n  relativeY: number,\n) {\n  const bounds = this.getBounds();\n  if (!bounds) {\n    return NullPositions;\n  }\n\n  const { left, top, width, height } = bounds;\n  const percentX = Math.round((relativeX * 100) / width);\n  const percentY = Math.round((relativeY * 100) / height);\n  const absoluteX = Math.round(left + relativeX);\n  const absoluteY = Math.round(top + relativeY);\n\n  return {\n    absoluteX,\n    absoluteY,\n    relativeX,\n    relativeY,\n    percentX,\n    percentY,\n  };\n}\nexport function buildOverlay(\n  overlayRef: RefObject<HTMLDivElement | undefined>,\n): Overlay {\n  let bounds: DOMRect | undefined = undefined;\n\n  return {\n    overlayRef: overlayRef as RefObject<HTMLDivElement>,\n    getBounds() {\n      bounds ||= overlayRef.current?.getBoundingClientRect();\n      return bounds;\n    },\n    getAdjustedPositionsFromAbsolute,\n    getAdjustedPositionsFromPercent,\n    getAdjustedPositionsFromRelative,\n    clear() {\n      bounds = undefined;\n    },\n  };\n}\n"],
-  "mappings": "AAIA,MAAM,gBAAgB;AAAA,EACpB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU;AACZ;AACA,SAAS,iCAEP,WACA,WACA;AACA,QAAM,SAAS,KAAK,UAAU;AAC9B,MAAI,CAAC,QAAQ;AACX,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,MAAM,KAAK,OAAO,OAAO,IAAI;AACrC,QAAM,YAAY,KAAK,MAAM,YAAY,IAAI;AAC7C,QAAM,YAAY,KAAK,MAAM,YAAY,GAAG;AAC5C,QAAM,WAAW,KAAK,MAAO,YAAY,MAAO,KAAK;AACrD,QAAM,WAAW,KAAK,MAAO,YAAY,MAAO,MAAM;AAEtD,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,SAAS,gCAEP,UACA,UACA,WACA,WACA;AACA,QAAM,SAAS,KAAK,UAAU;AAC9B,MAAI,CAAC,QAAQ;AACX,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,MAAM,KAAK,OAAO,OAAO,IAAI;AACrC,gBAAc,KAAK,MAAO,WAAW,QAAS,GAAG;AACjD,gBAAc,KAAK,MAAO,WAAW,SAAU,GAAG;AAClD,QAAM,YAAY,KAAK,MAAM,OAAO,SAAS;AAC7C,QAAM,YAAY,KAAK,MAAM,MAAM,SAAS;AAE5C,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,SAAS,iCAEP,WACA,WACA;AACA,QAAM,SAAS,KAAK,UAAU;AAC9B,MAAI,CAAC,QAAQ;AACX,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,MAAM,KAAK,OAAO,OAAO,IAAI;AACrC,QAAM,WAAW,KAAK,MAAO,YAAY,MAAO,KAAK;AACrD,QAAM,WAAW,KAAK,MAAO,YAAY,MAAO,MAAM;AACtD,QAAM,YAAY,KAAK,MAAM,OAAO,SAAS;AAC7C,QAAM,YAAY,KAAK,MAAM,MAAM,SAAS;AAE5C,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AACO,SAAS,aACd,YACS;AACT,MAAI,SAA8B;AAElC,SAAO;AAAA,IACL;AAAA,IACA,YAAY;AACV,iBAAW,WAAW,SAAS,sBAAsB;AACrD,aAAO;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AACN,eAAS;AAAA,IACX;AAAA,EACF;AACF;",
+  "sourcesContent": ["import type { RefObject } from 'react';\n\nimport type { Overlay } from './types.js';\n\nconst NullPositions = {\n  absoluteX: null,\n  absoluteY: null,\n  relativeX: null,\n  relativeY: null,\n  percentX: null,\n  percentY: null,\n};\nfunction getAdjustedPositionsFromAbsolute(\n  this: { getBounds: Overlay['getBounds'] },\n  absoluteX: number,\n  absoluteY: number,\n) {\n  const bounds = this.getBounds();\n  if (!bounds) {\n    return NullPositions;\n  }\n\n  const { left, top, width, height } = bounds;\n  const relativeX = absoluteX - left;\n  const relativeY = absoluteY - top;\n  const percentX = (relativeX * 100) / width;\n  const percentY = (relativeY * 100) / height;\n\n  return {\n    absoluteX,\n    absoluteY,\n    relativeX,\n    relativeY,\n    percentX,\n    percentY,\n  };\n}\n\nfunction getAdjustedPositionsFromPercent(\n  this: { getBounds: Overlay['getBounds'] },\n  percentX: number,\n  percentY: number,\n  relativeX?: number,\n  relativeY?: number,\n) {\n  const bounds = this.getBounds();\n  if (!bounds) {\n    return NullPositions;\n  }\n\n  const { left, top, width, height } = bounds;\n  relativeX ||= (percentX * width) / 100;\n  relativeY ||= (percentY * height) / 100;\n  const absoluteX = Math.round(left + relativeX);\n  const absoluteY = Math.round(top + relativeY);\n\n  return {\n    absoluteX,\n    absoluteY,\n    relativeX,\n    relativeY,\n    percentX,\n    percentY,\n  };\n}\n\nfunction getAdjustedPositionsFromRelative(\n  this: { getBounds: Overlay['getBounds'] },\n  relativeX: number,\n  relativeY: number,\n) {\n  const bounds = this.getBounds();\n  if (!bounds) {\n    return NullPositions;\n  }\n\n  const { left, top, width, height } = bounds;\n  const percentX = (relativeX * 100) / width;\n  const percentY = (relativeY * 100) / height;\n  const absoluteX = Math.round(left + relativeX);\n  const absoluteY = Math.round(top + relativeY);\n\n  return {\n    absoluteX,\n    absoluteY,\n    relativeX,\n    relativeY,\n    percentX,\n    percentY,\n  };\n}\nexport function buildOverlay(\n  overlayRef: RefObject<HTMLDivElement | undefined>,\n): Overlay {\n  let bounds: DOMRect | undefined = undefined;\n\n  return {\n    overlayRef: overlayRef as RefObject<HTMLDivElement>,\n    getBounds() {\n      bounds ||= overlayRef.current?.getBoundingClientRect();\n      return bounds;\n    },\n    getAdjustedPositionsFromAbsolute,\n    getAdjustedPositionsFromPercent,\n    getAdjustedPositionsFromRelative,\n    clear() {\n      bounds = undefined;\n    },\n  };\n}\n"],
+  "mappings": "AAIA,MAAM,gBAAgB;AAAA,EACpB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU;AACZ;AACA,SAAS,iCAEP,WACA,WACA;AACA,QAAM,SAAS,KAAK,UAAU;AAC9B,MAAI,CAAC,QAAQ;AACX,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,MAAM,KAAK,OAAO,OAAO,IAAI;AACrC,QAAM,YAAY,YAAY;AAC9B,QAAM,YAAY,YAAY;AAC9B,QAAM,WAAY,YAAY,MAAO;AACrC,QAAM,WAAY,YAAY,MAAO;AAErC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,SAAS,gCAEP,UACA,UACA,WACA,WACA;AACA,QAAM,SAAS,KAAK,UAAU;AAC9B,MAAI,CAAC,QAAQ;AACX,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,MAAM,KAAK,OAAO,OAAO,IAAI;AACrC,gBAAe,WAAW,QAAS;AACnC,gBAAe,WAAW,SAAU;AACpC,QAAM,YAAY,KAAK,MAAM,OAAO,SAAS;AAC7C,QAAM,YAAY,KAAK,MAAM,MAAM,SAAS;AAE5C,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,SAAS,iCAEP,WACA,WACA;AACA,QAAM,SAAS,KAAK,UAAU;AAC9B,MAAI,CAAC,QAAQ;AACX,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,MAAM,KAAK,OAAO,OAAO,IAAI;AACrC,QAAM,WAAY,YAAY,MAAO;AACrC,QAAM,WAAY,YAAY,MAAO;AACrC,QAAM,YAAY,KAAK,MAAM,OAAO,SAAS;AAC7C,QAAM,YAAY,KAAK,MAAM,MAAM,SAAS;AAE5C,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AACO,SAAS,aACd,YACS;AACT,MAAI,SAA8B;AAElC,SAAO;AAAA,IACL;AAAA,IACA,YAAY;AACV,iBAAW,WAAW,SAAS,sBAAsB;AACrD,aAAO;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AACN,eAAS;AAAA,IACX;AAAA,EACF;AACF;",
   "names": []
 }

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

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

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

@@ -1,43 +1,51 @@
 import "./tooltip.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
+var TOOLTIP_BODY_MAX_HEIGHT = 240;
 var TOOLTIP_MAX_WIDTH = 480;
-var actionsContainer = "_1j1seex12-3-5-0";
-var chevron = "_1j1seexk-3-5-0";
-var chevronRightAligned = "_1j1seexl-3-5-0";
-var divider = "_1j1seexy-3-5-0";
-var headerText = "_1j1seexs-3-5-0";
-var multiLineName = "_1j1seexx-3-5-0";
-var relativeValueStyle = "_1j1seexp-3-5-0";
-var seriesActionHeader = "_1j1seex10-3-5-0";
-var seriesActionHeaderMaxLinesVar = "var(--_1j1seex2-3-5-0)";
-var seriesActionHeaderMultiLine = "_1j1seex11-3-5-0";
-var seriesGridContainer = "_1j1seexb-3-5-0";
-var seriesHeader = "_1j1seex7-3-5-0";
-var seriesHeaderName = "_1j1seex8-3-5-0";
-var seriesHeaderValue = "_1j1seex9-3-5-0";
-var seriesItem = _7a468({ defaultClassName: "_1j1seexe-3-5-0", variantClassNames: { symbolPosition: { left: "_1j1seexf-3-5-0", right: "_1j1seexg-3-5-0" }, hasChevron: { true: "_1j1seexh-3-5-0" } }, defaultVariants: { symbolPosition: "left", hasChevron: false }, compoundVariants: [] });
-var seriesItemActive = "_1j1seexm-3-5-0";
-var seriesItemHighlighted = "_1j1seex13-3-5-0";
-var seriesItemMaxWidthVar = "var(--_1j1seex1-3-5-0)";
-var seriesItemText = "_1j1seexn-3-5-0";
-var seriesItemWithChevron = "_1j1seexj-3-5-0";
-var seriesItemWrapper = "_1j1seexi-3-5-0";
-var seriesNameCell = "_1j1seexv-3-5-0";
-var seriesNameMaxLinesVar = "var(--_1j1seex0-3-5-0)";
-var seriesNameText = "_1j1seext-3-5-0";
-var seriesNameTextMultiLine = "_1j1seexo-3-5-0";
-var seriesOverflowContainer = "_1j1seexd-3-5-0";
-var seriesOverflowContainerBase = "_1j1seexc-3-5-0";
-var seriesValueCell = "_1j1seexw-3-5-0";
-var seriesValueText = "_1j1seexu-3-5-0";
-var seriesWrapper = "_1j1seexa-3-5-0";
-var spaceSavedForSymbolVar = "var(--_1j1seex3-3-5-0)";
-var symbolRight = "_1j1seexz-3-5-0";
-var symbolWrapper = _7a468({ defaultClassName: "_1j1seexq-3-5-0", variantClassNames: { isRight: { true: "_1j1seexr-3-5-0" } }, defaultVariants: {}, compoundVariants: [] });
-var wrapper = _7a468({ defaultClassName: "_1j1seex4-3-5-0", variantClassNames: { isInteractive: { true: "_1j1seex5-3-5-0", false: "_1j1seex6-3-5-0" } }, defaultVariants: {}, compoundVariants: [] });
+var actionsContainer = "_1j1seex17-3-6-0";
+var annotationsGroupsScrollContainer = "_1j1seexc-3-6-0";
+var chevron = "_1j1seexl-3-6-0";
+var chevronRightAligned = "_1j1seexm-3-6-0";
+var divider = "_1j1seex13-3-6-0";
+var headerText = "_1j1seexu-3-6-0";
+var multiLineName = "_1j1seex12-3-6-0";
+var relativeValueStyle = "_1j1seexr-3-6-0";
+var seriesActionHeader = "_1j1seex15-3-6-0";
+var seriesActionHeaderMaxLinesVar = "var(--_1j1seex2-3-6-0)";
+var seriesActionHeaderMultiLine = "_1j1seex16-3-6-0";
+var seriesDescriptionText = "_1j1seexz-3-6-0";
+var seriesDescriptionTextMultiLine = "_1j1seex10-3-6-0";
+var seriesDescriptionTextMultiLineWrap = "_1j1seex11-3-6-0";
+var seriesGridContainer = "_1j1seexb-3-6-0";
+var seriesHeader = "_1j1seex7-3-6-0";
+var seriesHeaderName = "_1j1seex8-3-6-0";
+var seriesHeaderValue = "_1j1seex9-3-6-0";
+var seriesItem = _7a468({ defaultClassName: "_1j1seexf-3-6-0", variantClassNames: { symbolPosition: { left: "_1j1seexg-3-6-0", right: "_1j1seexh-3-6-0" }, hasChevron: { true: "_1j1seexi-3-6-0" } }, defaultVariants: { symbolPosition: "left", hasChevron: false }, compoundVariants: [] });
+var seriesItemActive = "_1j1seexn-3-6-0";
+var seriesItemHighlighted = "_1j1seex18-3-6-0";
+var seriesItemMaxWidthVar = "var(--_1j1seex1-3-6-0)";
+var seriesItemText = "_1j1seexo-3-6-0";
+var seriesItemWithChevron = "_1j1seexk-3-6-0";
+var seriesItemWrapper = "_1j1seexj-3-6-0";
+var seriesNameCell = "_1j1seexx-3-6-0";
+var seriesNameMaxLinesVar = "var(--_1j1seex0-3-6-0)";
+var seriesNameText = "_1j1seexv-3-6-0";
+var seriesNameTextMultiLine = "_1j1seexp-3-6-0";
+var seriesNameTextMultiLineWrap = "_1j1seexq-3-6-0";
+var seriesOverflowContainer = "_1j1seexe-3-6-0";
+var seriesOverflowContainerBase = "_1j1seexd-3-6-0";
+var seriesValueCell = "_1j1seexy-3-6-0";
+var seriesValueText = "_1j1seexw-3-6-0";
+var seriesWrapper = "_1j1seexa-3-6-0";
+var spaceSavedForSymbolVar = "var(--_1j1seex3-3-6-0)";
+var symbolRight = "_1j1seex14-3-6-0";
+var symbolWrapper = _7a468({ defaultClassName: "_1j1seexs-3-6-0", variantClassNames: { isRight: { true: "_1j1seext-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });
+var wrapper = _7a468({ defaultClassName: "_1j1seex4-3-6-0", variantClassNames: { isInteractive: { true: "_1j1seex5-3-6-0", false: "_1j1seex6-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
+  TOOLTIP_BODY_MAX_HEIGHT,
   TOOLTIP_MAX_WIDTH,
   actionsContainer,
+  annotationsGroupsScrollContainer,
   chevron,
   chevronRightAligned,
   divider,
@@ -47,6 +55,9 @@ export {
   seriesActionHeader,
   seriesActionHeaderMaxLinesVar,
   seriesActionHeaderMultiLine,
+  seriesDescriptionText,
+  seriesDescriptionTextMultiLine,
+  seriesDescriptionTextMultiLineWrap,
   seriesGridContainer,
   seriesHeader,
   seriesHeaderName,
@@ -62,6 +73,7 @@ export {
   seriesNameMaxLinesVar,
   seriesNameText,
   seriesNameTextMultiLine,
+  seriesNameTextMultiLineWrap,
   seriesOverflowContainer,
   seriesOverflowContainerBase,
   seriesValueCell,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/overlay-tooltip/tooltip.css.ts"],
-  "sourcesContent": ["import './tooltip.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var TOOLTIP_MAX_WIDTH = 480;\nexport var actionsContainer = '_1j1seex12-3-5-0';\nexport var chevron = '_1j1seexk-3-5-0';\nexport var chevronRightAligned = '_1j1seexl-3-5-0';\nexport var divider = '_1j1seexy-3-5-0';\nexport var headerText = '_1j1seexs-3-5-0';\nexport var multiLineName = '_1j1seexx-3-5-0';\nexport var relativeValueStyle = '_1j1seexp-3-5-0';\nexport var seriesActionHeader = '_1j1seex10-3-5-0';\nexport var seriesActionHeaderMaxLinesVar = 'var(--_1j1seex2-3-5-0)';\nexport var seriesActionHeaderMultiLine = '_1j1seex11-3-5-0';\nexport var seriesGridContainer = '_1j1seexb-3-5-0';\nexport var seriesHeader = '_1j1seex7-3-5-0';\nexport var seriesHeaderName = '_1j1seex8-3-5-0';\nexport var seriesHeaderValue = '_1j1seex9-3-5-0';\nexport var seriesItem = _7a468({defaultClassName:'_1j1seexe-3-5-0',variantClassNames:{symbolPosition:{left:'_1j1seexf-3-5-0',right:'_1j1seexg-3-5-0'},hasChevron:{true:'_1j1seexh-3-5-0'}},defaultVariants:{symbolPosition:'left',hasChevron:false},compoundVariants:[]});\nexport var seriesItemActive = '_1j1seexm-3-5-0';\nexport var seriesItemHighlighted = '_1j1seex13-3-5-0';\nexport var seriesItemMaxWidthVar = 'var(--_1j1seex1-3-5-0)';\nexport var seriesItemText = '_1j1seexn-3-5-0';\nexport var seriesItemWithChevron = '_1j1seexj-3-5-0';\nexport var seriesItemWrapper = '_1j1seexi-3-5-0';\nexport var seriesNameCell = '_1j1seexv-3-5-0';\nexport var seriesNameMaxLinesVar = 'var(--_1j1seex0-3-5-0)';\nexport var seriesNameText = '_1j1seext-3-5-0';\nexport var seriesNameTextMultiLine = '_1j1seexo-3-5-0';\nexport var seriesOverflowContainer = '_1j1seexd-3-5-0';\nexport var seriesOverflowContainerBase = '_1j1seexc-3-5-0';\nexport var seriesValueCell = '_1j1seexw-3-5-0';\nexport var seriesValueText = '_1j1seexu-3-5-0';\nexport var seriesWrapper = '_1j1seexa-3-5-0';\nexport var spaceSavedForSymbolVar = 'var(--_1j1seex3-3-5-0)';\nexport var symbolRight = '_1j1seexz-3-5-0';\nexport var symbolWrapper = _7a468({defaultClassName:'_1j1seexq-3-5-0',variantClassNames:{isRight:{true:'_1j1seexr-3-5-0'}},defaultVariants:{},compoundVariants:[]});\nexport var wrapper = _7a468({defaultClassName:'_1j1seex4-3-5-0',variantClassNames:{isInteractive:{true:'_1j1seex5-3-5-0',false:'_1j1seex6-3-5-0'}},defaultVariants:{},compoundVariants:[]});"],
-  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,oBAAoB;AACxB,IAAI,mBAAmB;AACvB,IAAI,UAAU;AACd,IAAI,sBAAsB;AAC1B,IAAI,UAAU;AACd,IAAI,aAAa;AACjB,IAAI,gBAAgB;AACpB,IAAI,qBAAqB;AACzB,IAAI,qBAAqB;AACzB,IAAI,gCAAgC;AACpC,IAAI,8BAA8B;AAClC,IAAI,sBAAsB;AAC1B,IAAI,eAAe;AACnB,IAAI,mBAAmB;AACvB,IAAI,oBAAoB;AACxB,IAAI,aAAa,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,gBAAe,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,YAAW,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,gBAAe,QAAO,YAAW,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACjQ,IAAI,mBAAmB;AACvB,IAAI,wBAAwB;AAC5B,IAAI,wBAAwB;AAC5B,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;AAC5B,IAAI,oBAAoB;AACxB,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;AAC5B,IAAI,iBAAiB;AACrB,IAAI,0BAA0B;AAC9B,IAAI,0BAA0B;AAC9B,IAAI,8BAA8B;AAClC,IAAI,kBAAkB;AACtB,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,yBAAyB;AAC7B,IAAI,cAAc;AAClB,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC3J,IAAI,UAAU,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,eAAc,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
+  "sourcesContent": ["import './tooltip.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var TOOLTIP_BODY_MAX_HEIGHT = 240;\nexport var TOOLTIP_MAX_WIDTH = 480;\nexport var actionsContainer = '_1j1seex17-3-6-0';\nexport var annotationsGroupsScrollContainer = '_1j1seexc-3-6-0';\nexport var chevron = '_1j1seexl-3-6-0';\nexport var chevronRightAligned = '_1j1seexm-3-6-0';\nexport var divider = '_1j1seex13-3-6-0';\nexport var headerText = '_1j1seexu-3-6-0';\nexport var multiLineName = '_1j1seex12-3-6-0';\nexport var relativeValueStyle = '_1j1seexr-3-6-0';\nexport var seriesActionHeader = '_1j1seex15-3-6-0';\nexport var seriesActionHeaderMaxLinesVar = 'var(--_1j1seex2-3-6-0)';\nexport var seriesActionHeaderMultiLine = '_1j1seex16-3-6-0';\nexport var seriesDescriptionText = '_1j1seexz-3-6-0';\nexport var seriesDescriptionTextMultiLine = '_1j1seex10-3-6-0';\nexport var seriesDescriptionTextMultiLineWrap = '_1j1seex11-3-6-0';\nexport var seriesGridContainer = '_1j1seexb-3-6-0';\nexport var seriesHeader = '_1j1seex7-3-6-0';\nexport var seriesHeaderName = '_1j1seex8-3-6-0';\nexport var seriesHeaderValue = '_1j1seex9-3-6-0';\nexport var seriesItem = _7a468({defaultClassName:'_1j1seexf-3-6-0',variantClassNames:{symbolPosition:{left:'_1j1seexg-3-6-0',right:'_1j1seexh-3-6-0'},hasChevron:{true:'_1j1seexi-3-6-0'}},defaultVariants:{symbolPosition:'left',hasChevron:false},compoundVariants:[]});\nexport var seriesItemActive = '_1j1seexn-3-6-0';\nexport var seriesItemHighlighted = '_1j1seex18-3-6-0';\nexport var seriesItemMaxWidthVar = 'var(--_1j1seex1-3-6-0)';\nexport var seriesItemText = '_1j1seexo-3-6-0';\nexport var seriesItemWithChevron = '_1j1seexk-3-6-0';\nexport var seriesItemWrapper = '_1j1seexj-3-6-0';\nexport var seriesNameCell = '_1j1seexx-3-6-0';\nexport var seriesNameMaxLinesVar = 'var(--_1j1seex0-3-6-0)';\nexport var seriesNameText = '_1j1seexv-3-6-0';\nexport var seriesNameTextMultiLine = '_1j1seexp-3-6-0';\nexport var seriesNameTextMultiLineWrap = '_1j1seexq-3-6-0';\nexport var seriesOverflowContainer = '_1j1seexe-3-6-0';\nexport var seriesOverflowContainerBase = '_1j1seexd-3-6-0';\nexport var seriesValueCell = '_1j1seexy-3-6-0';\nexport var seriesValueText = '_1j1seexw-3-6-0';\nexport var seriesWrapper = '_1j1seexa-3-6-0';\nexport var spaceSavedForSymbolVar = 'var(--_1j1seex3-3-6-0)';\nexport var symbolRight = '_1j1seex14-3-6-0';\nexport var symbolWrapper = _7a468({defaultClassName:'_1j1seexs-3-6-0',variantClassNames:{isRight:{true:'_1j1seext-3-6-0'}},defaultVariants:{},compoundVariants:[]});\nexport var wrapper = _7a468({defaultClassName:'_1j1seex4-3-6-0',variantClassNames:{isInteractive:{true:'_1j1seex5-3-6-0',false:'_1j1seex6-3-6-0'}},defaultVariants:{},compoundVariants:[]});"],
+  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,0BAA0B;AAC9B,IAAI,oBAAoB;AACxB,IAAI,mBAAmB;AACvB,IAAI,mCAAmC;AACvC,IAAI,UAAU;AACd,IAAI,sBAAsB;AAC1B,IAAI,UAAU;AACd,IAAI,aAAa;AACjB,IAAI,gBAAgB;AACpB,IAAI,qBAAqB;AACzB,IAAI,qBAAqB;AACzB,IAAI,gCAAgC;AACpC,IAAI,8BAA8B;AAClC,IAAI,wBAAwB;AAC5B,IAAI,iCAAiC;AACrC,IAAI,qCAAqC;AACzC,IAAI,sBAAsB;AAC1B,IAAI,eAAe;AACnB,IAAI,mBAAmB;AACvB,IAAI,oBAAoB;AACxB,IAAI,aAAa,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,gBAAe,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,YAAW,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,gBAAe,QAAO,YAAW,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACjQ,IAAI,mBAAmB;AACvB,IAAI,wBAAwB;AAC5B,IAAI,wBAAwB;AAC5B,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;AAC5B,IAAI,oBAAoB;AACxB,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;AAC5B,IAAI,iBAAiB;AACrB,IAAI,0BAA0B;AAC9B,IAAI,8BAA8B;AAClC,IAAI,0BAA0B;AAC9B,IAAI,8BAA8B;AAClC,IAAI,kBAAkB;AACtB,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,yBAAyB;AAC7B,IAAI,cAAc;AAClB,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC3J,IAAI,UAAU,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/overlay-tooltip/types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/overlay-tooltip/types.ts"],
-  "sourcesContent": ["import type { JSX, ReactNode, RefObject } from 'react';\nimport type { MessageDescriptor } from 'react-intl';\n\nimport type { Store } from '../../../../core/store/store.js';\nimport type { TruncationMode } from '../../../../typography/text-ellipsis/TextEllipsis.js';\nimport type { SeriesActionsTemplate } from '../../types/series-actions-template.js';\n\n/** @internal */\nexport const enum GeometryTypesEnum {\n  'dot' = 'dot',\n  'line' = 'line',\n  'area' = 'area',\n  'bar' = 'bar',\n  'pie' = 'pie',\n  'meterbar' = 'meterbar',\n  'multimeterbar' = 'multimeterbar',\n  'treemap' = 'treemap',\n  'rect' = 'rect',\n  'honeycomb' = 'honeycomb',\n  'geoBubble' = 'geoBubble',\n  'geoChoropleth' = 'geoChoropleth',\n  'geoConnection' = 'geoConnection',\n  'geoDot' = 'geoDot',\n}\n\n/** @internal */\nexport type GeometryTypes = keyof typeof GeometryTypesEnum;\n\n/** @internal */\nexport type Positions =\n  | {\n      absoluteX: number;\n      absoluteY: number;\n      relativeX: number;\n      relativeY: number;\n      percentX: number;\n      percentY: number;\n    }\n  | {\n      absoluteX: null;\n      absoluteY: null;\n      relativeX: null;\n      relativeY: null;\n      percentX: null;\n      percentY: null;\n    };\n/** @internal */\nexport type Overlay = {\n  overlayRef: RefObject<HTMLDivElement>;\n  getBounds: () => DOMRect | undefined;\n  getAdjustedPositionsFromRelative: (\n    relativeX: number,\n    relativeY: number,\n  ) => Positions;\n  getAdjustedPositionsFromAbsolute: (\n    absoluteX: number,\n    absoluteY: number,\n  ) => Positions;\n  getAdjustedPositionsFromPercent: (\n    percentX: number,\n    percentY: number,\n    relativeX?: number,\n    relativeY?: number,\n  ) => Positions;\n  clear: () => void;\n};\n\n/** @internal */\nexport type TooltipState = {\n  activeSeries: SeriesName | null;\n  pinned: boolean;\n  inBounds: boolean;\n  data: Data | NoData;\n} & Positions;\n\n/**  @internal  */\nexport type TooltipStore = Store<TooltipState>;\n\n/**\n * A primitive value that can appear in a tooltip header or series row.\n * @public\n */\nexport type TooltipValue = string | number | Date | undefined;\n/**\n * The display name for a data series.\n * Pass a `string[]` to enable multi-line rendering.\n * @public\n */\nexport type SeriesName = string | string[];\n/**\n * The value(s) displayed in a tooltip header row.\n * - `TooltipValue` \u2014 single value.\n * - `[TooltipValue]` \u2014 single value as a tuple.\n * - `[TooltipValue, TooltipValue]` \u2014 a from/to range pair.\n * - `[]` \u2014 explicitly empty (no header value).\n * @public\n */\nexport type HeaderData =\n  | []\n  | [TooltipValue]\n  | [TooltipValue, TooltipValue]\n  | TooltipValue;\n/**  @internal  */\nexport type Geometry = GeometryTypesEnum;\n/**  @internal  */\nexport type Data = {\n  metadata?: unknown;\n  geometry: GeometryTypes;\n  header1?: HeaderData;\n  subheader?: HeaderData;\n  series: {\n    name: SeriesName;\n    value: string | number | Date;\n    color: string;\n    valueUnit?: string;\n    relativeValue?: string | number;\n    relativeValueUnit?: string;\n  }[];\n};\n/** @internal */\nexport type NoData = {\n  metadata?: undefined;\n  header1: undefined;\n  series: undefined;\n  subheader: undefined;\n  geometry: 'none';\n};\n\n/** @internal */\nexport interface DefaultConfig {\n  headerLabel?: MessageDescriptor;\n  symbolPosition?: 'left' | 'right';\n  seriesLabel: MessageDescriptor;\n  valueLabel: MessageDescriptor;\n  headerShowRangeDuration?: boolean;\n  headerFormatStrategy?: FormatStrategy;\n  truncationMode?: TruncationMode;\n  sharedVariant?: boolean;\n  defaultActionsConfig: Map<\n    string,\n    {\n      field: 'seriesLabel' | 'valueLabel';\n      messageLabel?: MessageDescriptor;\n      customLabel?: string;\n    }\n  >;\n}\n\n/** @internal */\nexport type DefaultConfigByGeometry = Record<Geometry, DefaultConfig>;\n\n/** @internal */\nexport type GeoLayerTypes = 'bubble' | 'choropleth' | 'connection' | 'dot';\n\n/** @internal */\nexport type DefaultConfigByGeoLayer = Record<GeoLayerTypes, DefaultConfig>;\n\n/** @internal */\nexport type ExternalConfig = {\n  seriesHeader: JSX.Element | null;\n  displayHeaderDivider: boolean;\n  symbolPosition: 'left' | 'right' | undefined;\n  truncationMode: TruncationMode;\n  defaultActionsConfig: DefaultConfig['defaultActionsConfig'];\n  variant: 'shared' | 'single';\n};\n\n/** @internal */\nexport type OverlayTooltipBaseProps = {\n  /** Overrides the horizontal alignment of series symbols. */\n  symbolAlignment?: 'left' | 'right';\n  legacyTemplate?: ReactNode;\n  /**\n   * The truncation mode to use when the text exceeds the available space.\n   * @defaultValue 'end'\n   */\n  truncation?: TruncationMode;\n};\n\n/** @internal */\nexport type OverlayTooltipUncontrolledProps = OverlayTooltipBaseProps & {\n  absoluteX?: never;\n  absoluteY?: never;\n  isInteractive?: never;\n};\n\n/** @internal */\nexport type OverlayTooltipControlledProps = OverlayTooltipBaseProps & {\n  /** Absolute X position (pixels) for static tooltip placement. */\n  absoluteX: number;\n  /** Absolute Y position (pixels) for static tooltip placement. */\n  absoluteY: number;\n  /** Whether the tooltip should be interactive (enables pointer events). */\n  isInteractive: boolean;\n};\n\n/** @internal */\nexport type OverlayTooltipProps =\n  | OverlayTooltipUncontrolledProps\n  | OverlayTooltipControlledProps;\n\n/**\n * Props for `OverlayTooltip.Header`, which renders the primary header text row.\n * @public\n */\nexport type HeaderProps = {\n  /** The header text to display. */\n  text?: string;\n  /** Maximum width in pixels before truncation. If not provided, uses container width. */\n  maxWidth?: number;\n};\n\n/**\n * Props for `OverlayTooltip.SeriesHeader`, which renders the column label row\n * above the series entries.\n * @public\n */\nexport type SeriesHeaderProps = {\n  /** The series label text. */\n  seriesLabel?: string;\n  /** The value label text. */\n  valueLabel?: string;\n  /** Whether to hide the series header. */\n  disabled?: boolean;\n};\n/** @internal */\nexport type Series = Data['series'][number];\n/** @internal */\nexport type SeriesItemProps = {\n  /** The series name to display. Can be a string or array of strings for multi-line display. */\n  name: Series['name'];\n  /** The series value to display. */\n  value: Series['value'];\n  /** The color for the series symbol. */\n  color: string;\n  /** Unit to display after the value. */\n  valueUnit?: string;\n  /** Relative value to display alongside the main value. */\n  relativeValue?: Series['relativeValue'];\n  /** Unit to display after the relative value. */\n  relativeValueUnit?: string;\n  /** Maximum number of lines for the series name. Default is 1. */\n  maxLines?: number;\n  /** Whether to enable multi-line mode when name is provided as an array. Default is false. */\n  multiLine?: boolean;\n  /** Actions to display for the series. */\n  actions?: () => SeriesActionsTemplate;\n  symbolAlignment?: 'left' | 'right';\n};\n\n/** @internal */\nexport type FormatStrategy = (value: HeaderData) => string | null;\n\n/** @internal */\nexport type TooltipAction =\n  | { type: 'RESET_TOOLTIP' }\n  | {\n      type: 'SET_PINNED';\n      payload:\n        | {\n            pinned: false;\n            relativeX?: undefined;\n            relativeY?: undefined;\n            data: NoData;\n          }\n        | {\n            pinned: true;\n            relativeX: number;\n            relativeY: number;\n            data: Data;\n          };\n    }\n  | { type: 'SET_OUT_BOUNDS' }\n  | { type: 'SET_POSITION'; payload?: Data }\n  | {\n      type: 'UPDATE_POSITION';\n      payload: { type: 'resize' | 'non-resize'; scroll?: boolean };\n    }\n  | {\n      type: 'SET_ACTIVE_SERIES';\n      payload: { activeSeries: SeriesName | null };\n    }\n  | { type: 'TOOLTIP_MOUSE_LEAVE' };\n\n/** @internal */\nexport type TooltipActions = TooltipAction['type'];\n"],
-  "mappings": "AAQO,IAAW,oBAAX,kBAAWA,uBAAX;AACL,EAAAA,mBAAA,SAAQ;AACR,EAAAA,mBAAA,UAAS;AACT,EAAAA,mBAAA,UAAS;AACT,EAAAA,mBAAA,SAAQ;AACR,EAAAA,mBAAA,SAAQ;AACR,EAAAA,mBAAA,cAAa;AACb,EAAAA,mBAAA,mBAAkB;AAClB,EAAAA,mBAAA,aAAY;AACZ,EAAAA,mBAAA,UAAS;AACT,EAAAA,mBAAA,eAAc;AACd,EAAAA,mBAAA,eAAc;AACd,EAAAA,mBAAA,mBAAkB;AAClB,EAAAA,mBAAA,mBAAkB;AAClB,EAAAA,mBAAA,YAAW;AAdK,SAAAA;AAAA,GAAA;",
+  "sourcesContent": ["import type { JSX, ReactNode, RefObject } from 'react';\nimport type { MessageDescriptor } from 'react-intl';\n\nimport type { Store } from '../../../../core/store/store.js';\nimport type { TruncationMode } from '../../../../typography/text-ellipsis/TextEllipsis.js';\n\n/** @internal */\nexport const enum GeometryTypesEnum {\n  'dot' = 'dot',\n  'line' = 'line',\n  'area' = 'area',\n  'bar' = 'bar',\n  'pie' = 'pie',\n  'meterbar' = 'meterbar',\n  'multimeterbar' = 'multimeterbar',\n  'treemap' = 'treemap',\n  'rect' = 'rect',\n  'honeycomb' = 'honeycomb',\n  'geoBubble' = 'geoBubble',\n  'geoChoropleth' = 'geoChoropleth',\n  'geoConnection' = 'geoConnection',\n  'geoDot' = 'geoDot',\n}\n\n/** @internal */\nexport type GeometryTypes = keyof typeof GeometryTypesEnum;\n\n/** @internal */\nexport type Positions =\n  | {\n      absoluteX: number;\n      absoluteY: number;\n      relativeX: number;\n      relativeY: number;\n      percentX: number;\n      percentY: number;\n    }\n  | {\n      absoluteX: null;\n      absoluteY: null;\n      relativeX: null;\n      relativeY: null;\n      percentX: null;\n      percentY: null;\n    };\n/** @internal */\nexport type Overlay = {\n  overlayRef: RefObject<HTMLDivElement>;\n  getBounds: () => DOMRect | undefined;\n  getAdjustedPositionsFromRelative: (\n    relativeX: number,\n    relativeY: number,\n  ) => Positions;\n  getAdjustedPositionsFromAbsolute: (\n    absoluteX: number,\n    absoluteY: number,\n  ) => Positions;\n  getAdjustedPositionsFromPercent: (\n    percentX: number,\n    percentY: number,\n    relativeX?: number,\n    relativeY?: number,\n  ) => Positions;\n  clear: () => void;\n};\n\n/** @internal */\nexport type TooltipState = {\n  activeSeries: string | null;\n  pinned: boolean;\n  inBounds: boolean;\n  data: Data | NoData;\n} & Positions;\n\n/**  @internal  */\nexport type TooltipStore = Store<TooltipState>;\n\n/**\n * A primitive value that can appear in a tooltip header or series row.\n * @public\n */\nexport type TooltipValue = string | number | Date | undefined;\n/**\n * The display name for a data series.\n * Pass a `string[]` to enable multi-line rendering.\n * @public\n */\nexport type SeriesName = string | string[];\n/**\n * The value(s) displayed in a tooltip header row.\n * - `TooltipValue` \u2014 single value.\n * - `[TooltipValue]` \u2014 single value as a tuple.\n * - `[TooltipValue, TooltipValue]` \u2014 a from/to range pair.\n * - `[]` \u2014 explicitly empty (no header value).\n * @public\n */\nexport type HeaderData =\n  | []\n  | [TooltipValue]\n  | [TooltipValue, TooltipValue]\n  | TooltipValue;\n/**  @internal  */\nexport type Geometry = GeometryTypesEnum;\n/**  @internal  */\nexport type Data = {\n  metadata?: unknown;\n  geometry: GeometryTypes;\n  header1?: HeaderData;\n  subheader?: HeaderData;\n  series: {\n    name: SeriesName;\n    value: string | number | Date;\n    color: string;\n    valueUnit?: string;\n    relativeValue?: string | number;\n    relativeValueUnit?: string;\n  }[];\n};\n/** @internal */\nexport type NoData = {\n  metadata?: undefined;\n  header1: undefined;\n  series: undefined;\n  subheader: undefined;\n  geometry: 'none';\n};\n\n/** @internal */\nexport interface DefaultConfig {\n  headerLabel?: MessageDescriptor;\n  symbolPosition?: 'left' | 'right';\n  seriesLabel: MessageDescriptor;\n  valueLabel: MessageDescriptor;\n  headerShowRangeDuration?: boolean;\n  headerFormatStrategy?: FormatStrategy;\n  truncationMode?: TruncationMode;\n  sharedVariant?: boolean;\n  defaultActionsConfig: Map<\n    string,\n    {\n      field: 'seriesLabel' | 'valueLabel';\n      messageLabel?: MessageDescriptor;\n      customLabel?: string;\n    }\n  >;\n}\n\n/** @internal */\nexport type DefaultConfigByGeometry = Record<Geometry, DefaultConfig>;\n\n/** @internal */\nexport type GeoLayerTypes = 'bubble' | 'choropleth' | 'connection' | 'dot';\n\n/** @internal */\nexport type DefaultConfigByGeoLayer = Record<GeoLayerTypes, DefaultConfig>;\n\n/** @internal */\nexport type ExternalConfig = {\n  seriesHeader: JSX.Element | null;\n  displayHeaderDivider: boolean;\n  symbolPosition: 'left' | 'right' | undefined;\n  truncationMode: TruncationMode;\n  defaultActionsConfig: DefaultConfig['defaultActionsConfig'];\n  variant: 'shared' | 'single';\n};\n\n/** @internal */\nexport type OverlayTooltipBaseProps = {\n  /** Overrides the horizontal alignment of series symbols. */\n  symbolAlignment?: 'left' | 'right';\n  legacyTemplate?: ReactNode;\n  /**\n   * The truncation mode to use when the text exceeds the available space.\n   * @defaultValue 'end'\n   */\n  truncation?: TruncationMode;\n};\n\n/** @internal */\nexport type OverlayTooltipUncontrolledProps = OverlayTooltipBaseProps & {\n  absoluteX?: never;\n  absoluteY?: never;\n  isInteractive?: never;\n};\n\n/** @internal */\nexport type OverlayTooltipControlledProps = OverlayTooltipBaseProps & {\n  /** Absolute X position (pixels) for static tooltip placement. */\n  absoluteX: number;\n  /** Absolute Y position (pixels) for static tooltip placement. */\n  absoluteY: number;\n  /** Whether the tooltip should be interactive (enables pointer events). */\n  isInteractive: boolean;\n};\n\n/** @internal */\nexport type OverlayTooltipProps =\n  | OverlayTooltipUncontrolledProps\n  | OverlayTooltipControlledProps;\n\n/**\n * Props for `OverlayTooltip.Header`, which renders the primary header text row.\n * @public\n */\nexport type HeaderProps = {\n  /** The header text to display. */\n  text?: string;\n  /** Maximum width in pixels before truncation. If not provided, uses container width. */\n  maxWidth?: number;\n};\n\n/**\n * Props for `OverlayTooltip.SeriesHeader`, which renders the column label row\n * above the series entries.\n * @public\n */\nexport type SeriesHeaderProps = {\n  /** The series label text. */\n  seriesLabel?: string;\n  /** The value label text. */\n  valueLabel?: string;\n  /** Whether to hide the series header. */\n  disabled?: boolean;\n};\n\n/** @internal */\nexport type FormatStrategy = (value: HeaderData) => string | null;\n\n/** @internal */\nexport type TooltipAction =\n  | { type: 'RESET_TOOLTIP' }\n  | {\n      type: 'SET_PINNED';\n      payload:\n        | {\n            pinned: false;\n            absoluteX?: undefined;\n            absoluteY?: undefined;\n            data: NoData;\n          }\n        | {\n            pinned: true;\n            absoluteX: number;\n            absoluteY: number;\n            data: Data;\n          };\n    }\n  | { type: 'SET_OUT_BOUNDS' }\n  | {\n      type: 'SET_POSITION';\n      payload: { absoluteX: number; absoluteY: number; data?: Data };\n    }\n  | {\n      type: 'UPDATE_POSITION';\n      payload: { type: 'resize' | 'non-resize'; scroll?: boolean };\n    }\n  | {\n      type: 'SET_ACTIVE_SERIES';\n      payload: { activeSeries: string | null };\n    }\n  | { type: 'TOOLTIP_MOUSE_LEAVE' };\n\n/** @internal */\nexport type TooltipActions = TooltipAction['type'];\n"],
+  "mappings": "AAOO,IAAW,oBAAX,kBAAWA,uBAAX;AACL,EAAAA,mBAAA,SAAQ;AACR,EAAAA,mBAAA,UAAS;AACT,EAAAA,mBAAA,UAAS;AACT,EAAAA,mBAAA,SAAQ;AACR,EAAAA,mBAAA,SAAQ;AACR,EAAAA,mBAAA,cAAa;AACb,EAAAA,mBAAA,mBAAkB;AAClB,EAAAA,mBAAA,aAAY;AACZ,EAAAA,mBAAA,UAAS;AACT,EAAAA,mBAAA,eAAc;AACd,EAAAA,mBAAA,eAAc;AACd,EAAAA,mBAAA,mBAAkB;AAClB,EAAAA,mBAAA,mBAAkB;AAClB,EAAAA,mBAAA,YAAW;AAdK,SAAAA;AAAA,GAAA;",
   "names": ["GeometryTypesEnum"]
 }

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

@@ -0,0 +1,67 @@
+import { useCallback } from "react";
+import { useTooltip } from "./contexts/TooltipContext.js";
+import { useTooltipReducer } from "./useTooltipReducer.js";
+import { emptyData } from "./utils.js";
+const useTooltipActions = () => {
+  const dispatch = useTooltipReducer();
+  const tooltipState = useTooltip();
+  const hover = useCallback(
+    (event, data) => {
+      dispatch({
+        type: "SET_POSITION",
+        payload: {
+          absoluteX: Math.round(event.clientX),
+          absoluteY: Math.round(event.clientY),
+          data
+        }
+      })();
+    },
+    [dispatch]
+  );
+  const pin = useCallback(
+    (event, data) => {
+      const { absoluteX, absoluteY } = tooltipState.getState();
+      const coords = absoluteX !== null && absoluteY !== null ? { clientX: absoluteX, clientY: absoluteY } : {
+        clientX: Math.round(event.clientX),
+        clientY: Math.round(event.clientY)
+      };
+      dispatch({
+        type: "SET_PINNED",
+        payload: {
+          pinned: true,
+          absoluteX: coords.clientX,
+          absoluteY: coords.clientY,
+          data
+        }
+      })();
+    },
+    [dispatch, tooltipState]
+  );
+  const unpin = useCallback(() => {
+    dispatch({
+      type: "SET_PINNED",
+      payload: { pinned: false, data: emptyData() }
+    })();
+  }, [dispatch]);
+  const togglePin = useCallback(
+    (event, data) => {
+      if (tooltipState.getState().pinned) {
+        unpin();
+      } else {
+        pin(event, data);
+      }
+    },
+    [pin, unpin, tooltipState]
+  );
+  const reset = useCallback(() => {
+    dispatch({ type: "RESET_TOOLTIP" })();
+  }, [dispatch]);
+  const outOfBounds = useCallback(() => {
+    dispatch({ type: "SET_OUT_BOUNDS" })();
+  }, [dispatch]);
+  return { hover, pin, togglePin, unpin, reset, outOfBounds };
+};
+export {
+  useTooltipActions
+};
+//# sourceMappingURL=useTooltipActions.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/core/components/overlay-tooltip/useTooltipActions.ts"],
+  "sourcesContent": ["import { useCallback } from 'react';\n\nimport { useTooltip } from './contexts/TooltipContext.js';\nimport type { Data } from './types.js';\nimport { useTooltipReducer } from './useTooltipReducer.js';\nimport { emptyData } from './utils.js';\n\n/** @internal */\nexport type EventCoords = { clientX: number; clientY: number };\n\n/**\n * Ergonomic wrapper around the low-level tooltip dispatch.\n * Encapsulates action types, coordinate rounding, and empty-data defaults so\n * callers only need to deal with intent (hover / pin / unpin / \u2026).\n *\n * @internal\n */\nexport const useTooltipActions = () => {\n  const dispatch = useTooltipReducer();\n  const tooltipState = useTooltip();\n\n  const hover = useCallback(\n    (event: EventCoords, data?: Data) => {\n      dispatch({\n        type: 'SET_POSITION',\n        payload: {\n          absoluteX: Math.round(event.clientX),\n          absoluteY: Math.round(event.clientY),\n          data,\n        },\n      })();\n    },\n    [dispatch],\n  );\n\n  const pin = useCallback(\n    (event: EventCoords, data: Data) => {\n      const { absoluteX, absoluteY } = tooltipState.getState();\n      const coords =\n        absoluteX !== null && absoluteY !== null\n          ? { clientX: absoluteX, clientY: absoluteY }\n          : {\n              clientX: Math.round(event.clientX),\n              clientY: Math.round(event.clientY),\n            };\n      dispatch({\n        type: 'SET_PINNED',\n        payload: {\n          pinned: true,\n          absoluteX: coords.clientX,\n          absoluteY: coords.clientY,\n          data,\n        },\n      })();\n    },\n    [dispatch, tooltipState],\n  );\n\n  const unpin = useCallback(() => {\n    dispatch({\n      type: 'SET_PINNED',\n      payload: { pinned: false, data: emptyData() },\n    })();\n  }, [dispatch]);\n\n  const togglePin = useCallback(\n    (event: EventCoords, data: Data) => {\n      if (tooltipState.getState().pinned) {\n        unpin();\n      } else {\n        pin(event, data);\n      }\n    },\n    [pin, unpin, tooltipState],\n  );\n\n  const reset = useCallback(() => {\n    dispatch({ type: 'RESET_TOOLTIP' })();\n  }, [dispatch]);\n\n  const outOfBounds = useCallback(() => {\n    dispatch({ type: 'SET_OUT_BOUNDS' })();\n  }, [dispatch]);\n\n  return { hover, pin, togglePin, unpin, reset, outOfBounds };\n};\n"],
+  "mappings": "AAAA,SAAS,mBAAmB;AAE5B,SAAS,kBAAkB;AAE3B,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAYnB,MAAM,oBAAoB,MAAM;AACrC,QAAM,WAAW,kBAAkB;AACnC,QAAM,eAAe,WAAW;AAEhC,QAAM,QAAQ;AAAA,IACZ,CAAC,OAAoB,SAAgB;AACnC,eAAS;AAAA,QACP,MAAM;AAAA,QACN,SAAS;AAAA,UACP,WAAW,KAAK,MAAM,MAAM,OAAO;AAAA,UACnC,WAAW,KAAK,MAAM,MAAM,OAAO;AAAA,UACnC;AAAA,QACF;AAAA,MACF,CAAC,EAAE;AAAA,IACL;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,MAAM;AAAA,IACV,CAAC,OAAoB,SAAe;AAClC,YAAM,EAAE,WAAW,UAAU,IAAI,aAAa,SAAS;AACvD,YAAM,SACJ,cAAc,QAAQ,cAAc,OAChC,EAAE,SAAS,WAAW,SAAS,UAAU,IACzC;AAAA,QACE,SAAS,KAAK,MAAM,MAAM,OAAO;AAAA,QACjC,SAAS,KAAK,MAAM,MAAM,OAAO;AAAA,MACnC;AACN,eAAS;AAAA,QACP,MAAM;AAAA,QACN,SAAS;AAAA,UACP,QAAQ;AAAA,UACR,WAAW,OAAO;AAAA,UAClB,WAAW,OAAO;AAAA,UAClB;AAAA,QACF;AAAA,MACF,CAAC,EAAE;AAAA,IACL;AAAA,IACA,CAAC,UAAU,YAAY;AAAA,EACzB;AAEA,QAAM,QAAQ,YAAY,MAAM;AAC9B,aAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,EAAE,QAAQ,OAAO,MAAM,UAAU,EAAE;AAAA,IAC9C,CAAC,EAAE;AAAA,EACL,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,YAAY;AAAA,IAChB,CAAC,OAAoB,SAAe;AAClC,UAAI,aAAa,SAAS,EAAE,QAAQ;AAClC,cAAM;AAAA,MACR,OAAO;AACL,YAAI,OAAO,IAAI;AAAA,MACjB;AAAA,IACF;AAAA,IACA,CAAC,KAAK,OAAO,YAAY;AAAA,EAC3B;AAEA,QAAM,QAAQ,YAAY,MAAM;AAC9B,aAAS,EAAE,MAAM,gBAAgB,CAAC,EAAE;AAAA,EACtC,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,cAAc,YAAY,MAAM;AACpC,aAAS,EAAE,MAAM,iBAAiB,CAAC,EAAE;AAAA,EACvC,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO,EAAE,OAAO,KAAK,WAAW,OAAO,OAAO,YAAY;AAC5D;",
+  "names": []
+}

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

@@ -7,7 +7,7 @@ const useTooltipReducer = () => {
   const store = useTooltip();
   const overlay = useOverlay();
   const dispatch = useCallback(
-    (action) => (event) => {
+    (action) => () => {
       switch (action.type) {
         case "RESET_TOOLTIP":
           overlay.clear();
@@ -27,9 +27,9 @@ const useTooltipReducer = () => {
         case "SET_PINNED":
           store.setState((prevState) => {
             prevState.inBounds || overlay.clear();
-            const { relativeX, relativeY, pinned, data } = action.payload;
+            const { pinned, data, absoluteX, absoluteY } = action.payload;
             const activeSeries = pinned ? prevState.activeSeries : null;
-            if (isNil(relativeX) || isNil(relativeY)) {
+            if (isNil(absoluteX) || isNil(absoluteY)) {
               return {
                 ...prevState,
                 inBounds: true,
@@ -38,13 +38,13 @@ const useTooltipReducer = () => {
                 activeSeries
               };
             }
-            const positions = overlay.getAdjustedPositionsFromRelative(
-              relativeX,
-              relativeY
+            const positions = overlay.getAdjustedPositionsFromAbsolute(
+              absoluteX,
+              absoluteY
             );
             return {
               ...prevState,
-              pinned: action.payload.pinned,
+              pinned,
               inBounds: true,
               data,
               activeSeries,
@@ -54,13 +54,11 @@ const useTooltipReducer = () => {
           break;
         case "SET_POSITION":
           store.setState((prevState) => {
-            const { payload: data } = action;
-            if (prevState.pinned || !event) {
+            if (prevState.pinned) {
               return prevState;
             }
             prevState.inBounds || overlay.clear();
-            const absoluteX = Math.round(event.clientX);
-            const absoluteY = Math.round(event.clientY);
+            const { absoluteX, absoluteY, data } = action.payload;
             const positions = overlay.getAdjustedPositionsFromAbsolute(
               absoluteX,
               absoluteY