@dynatrace/strato-components 3.7.1 → 3.9.0

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

@@ -1,38 +1,58 @@
+import { isOwnEvent } from "../components/interactions-overlay/utils/is-own-event.js";
 import { useTooltip } from "../components/overlay-tooltip/contexts/TooltipContext.js";
 import { useTooltipActions } from "../components/overlay-tooltip/useTooltipActions.js";
-const useOverlayEventHandlers = (overlay, options) => {
-  const overlayRef = overlay.overlayRef;
+const useOverlayEventHandlers = (options) => {
   const tooltipStore = useTooltip();
   const { hover, pin, unpin, outOfBounds } = useTooltipActions();
-  const { onToolbarVisibilityChange, getTooltipData } = options;
-  const handlePointerEnter = () => {
-    onToolbarVisibilityChange(true);
-  };
-  const handlePointerMove = (event) => {
-    if (!overlayRef.current || tooltipStore.getState().pinned || event.target !== overlayRef.current) {
+  const { getTooltipData } = options;
+  const onPointerMove = (event) => {
+    if (!isOwnEvent(event) || tooltipStore.getState().pinned) {
       return;
     }
-    const tooltipData = getTooltipData(event);
+    const tooltipData = getTooltipData(event.nativeEvent);
     if (tooltipData) {
       hover(event.nativeEvent, tooltipData);
     } else {
       outOfBounds();
     }
   };
-  const handlePointerLeave = () => {
-    onToolbarVisibilityChange(false);
+  const onPointerLeave = () => {
     outOfBounds();
   };
-  const handleMouseClick = (event) => {
-    event.stopPropagation();
-    if (!overlayRef.current || event.target !== overlayRef.current) {
+  const onTouchEnd = (event) => {
+    if (!isOwnEvent(event)) {
+      return;
+    }
+    if (event.cancelable) {
+      event.preventDefault();
+    }
+    const touch = event.changedTouches[0];
+    if (!touch) {
+      return;
+    }
+    const tooltipData = getTooltipData({
+      clientX: touch.clientX,
+      clientY: touch.clientY
+    });
+    const isPinned = tooltipStore.getState().pinned;
+    if (isPinned) {
+      if (tooltipData) {
+        unpin();
+        hover(touch, tooltipData);
+      }
+    } else if (tooltipData) {
+      pin(touch, tooltipData);
+    }
+  };
+  const onClick = (event) => {
+    if (!isOwnEvent(event)) {
       return;
     }
-    const tooltipData = getTooltipData(event);
+    const tooltipData = getTooltipData(event.nativeEvent);
     const isPinned = tooltipStore.getState().pinned;
     if (isPinned) {
-      unpin();
       if (tooltipData) {
+        unpin();
         hover(event.nativeEvent, tooltipData);
       }
     } else if (tooltipData) {
@@ -40,10 +60,10 @@ const useOverlayEventHandlers = (overlay, options) => {
     }
   };
   return {
-    handlePointerEnter,
-    handlePointerMove,
-    handlePointerLeave,
-    handleMouseClick
+    onPointerMove,
+    onPointerLeave,
+    onTouchEnd,
+    onClick
   };
 };
 export {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/core/hooks/useOverlayEventHandlers.ts"],
-  "sourcesContent": ["import { type MouseEvent } from 'react';\n\nimport { useTooltip } from '../components/overlay-tooltip/contexts/TooltipContext.js';\nimport type { Data, Overlay } from '../components/overlay-tooltip/types.js';\nimport { useTooltipActions } from '../components/overlay-tooltip/useTooltipActions.js';\n\ntype Options = {\n  onToolbarVisibilityChange: (visible: boolean) => void;\n  getTooltipData: (event: MouseEvent<HTMLDivElement>) => Data | undefined;\n};\n\nexport const useOverlayEventHandlers = (overlay: Overlay, options: Options) => {\n  const overlayRef = overlay.overlayRef;\n  const tooltipStore = useTooltip();\n  const { hover, pin, unpin, outOfBounds } = useTooltipActions();\n  const { onToolbarVisibilityChange, getTooltipData } = options;\n\n  const handlePointerEnter = () => {\n    onToolbarVisibilityChange(true);\n  };\n\n  const handlePointerMove = (event: MouseEvent<HTMLDivElement>) => {\n    if (\n      !overlayRef.current ||\n      tooltipStore.getState().pinned ||\n      event.target !== overlayRef.current\n    ) {\n      return;\n    }\n\n    const tooltipData = getTooltipData(event);\n    if (tooltipData) {\n      hover(event.nativeEvent, tooltipData);\n    } else {\n      outOfBounds();\n    }\n  };\n\n  const handlePointerLeave = () => {\n    onToolbarVisibilityChange(false);\n    outOfBounds();\n  };\n\n  const handleMouseClick = (event: MouseEvent<HTMLDivElement>) => {\n    event.stopPropagation();\n\n    if (!overlayRef.current || event.target !== overlayRef.current) {\n      return;\n    }\n\n    const tooltipData = getTooltipData(event);\n    const isPinned = tooltipStore.getState().pinned;\n\n    if (isPinned) {\n      unpin();\n      if (tooltipData) {\n        hover(event.nativeEvent, tooltipData);\n      }\n    } else if (tooltipData) {\n      pin(event.nativeEvent, tooltipData);\n    }\n  };\n\n  return {\n    handlePointerEnter,\n    handlePointerMove,\n    handlePointerLeave,\n    handleMouseClick,\n  };\n};\n"],
-  "mappings": "AAEA,SAAS,kBAAkB;AAE3B,SAAS,yBAAyB;AAO3B,MAAM,0BAA0B,CAAC,SAAkB,YAAqB;AAC7E,QAAM,aAAa,QAAQ;AAC3B,QAAM,eAAe,WAAW;AAChC,QAAM,EAAE,OAAO,KAAK,OAAO,YAAY,IAAI,kBAAkB;AAC7D,QAAM,EAAE,2BAA2B,eAAe,IAAI;AAEtD,QAAM,qBAAqB,MAAM;AAC/B,8BAA0B,IAAI;AAAA,EAChC;AAEA,QAAM,oBAAoB,CAAC,UAAsC;AAC/D,QACE,CAAC,WAAW,WACZ,aAAa,SAAS,EAAE,UACxB,MAAM,WAAW,WAAW,SAC5B;AACA;AAAA,IACF;AAEA,UAAM,cAAc,eAAe,KAAK;AACxC,QAAI,aAAa;AACf,YAAM,MAAM,aAAa,WAAW;AAAA,IACtC,OAAO;AACL,kBAAY;AAAA,IACd;AAAA,EACF;AAEA,QAAM,qBAAqB,MAAM;AAC/B,8BAA0B,KAAK;AAC/B,gBAAY;AAAA,EACd;AAEA,QAAM,mBAAmB,CAAC,UAAsC;AAC9D,UAAM,gBAAgB;AAEtB,QAAI,CAAC,WAAW,WAAW,MAAM,WAAW,WAAW,SAAS;AAC9D;AAAA,IACF;AAEA,UAAM,cAAc,eAAe,KAAK;AACxC,UAAM,WAAW,aAAa,SAAS,EAAE;AAEzC,QAAI,UAAU;AACZ,YAAM;AACN,UAAI,aAAa;AACf,cAAM,MAAM,aAAa,WAAW;AAAA,MACtC;AAAA,IACF,WAAW,aAAa;AACtB,UAAI,MAAM,aAAa,WAAW;AAAA,IACpC;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import {\n  type MouseEvent as ReactMouseEvent,\n  type TouchEvent as ReactTouchEvent,\n} from 'react';\n\nimport { isOwnEvent } from '../components/interactions-overlay/utils/is-own-event.js';\nimport { useTooltip } from '../components/overlay-tooltip/contexts/TooltipContext.js';\nimport type { Data } from '../components/overlay-tooltip/types.js';\nimport type { EventCoords } from '../components/overlay-tooltip/useTooltipActions.js';\nimport { useTooltipActions } from '../components/overlay-tooltip/useTooltipActions.js';\n\nexport type Options = {\n  getTooltipData: (coords: EventCoords) => Data | undefined;\n};\n\nexport const useOverlayEventHandlers = (options: Options) => {\n  const tooltipStore = useTooltip();\n  const { hover, pin, unpin, outOfBounds } = useTooltipActions();\n  const { getTooltipData } = options;\n\n  const onPointerMove = (event: ReactMouseEvent<HTMLDivElement>) => {\n    if (!isOwnEvent(event) || tooltipStore.getState().pinned) {\n      return;\n    }\n\n    const tooltipData = getTooltipData(event.nativeEvent);\n    if (tooltipData) {\n      hover(event.nativeEvent, tooltipData);\n    } else {\n      outOfBounds();\n    }\n  };\n\n  const onPointerLeave = () => {\n    outOfBounds();\n  };\n\n  // Handles tooltip pin/unpin on touch. Fires before pointerleave/outOfBounds so the\n  // pinned state survives the SET_OUT_BOUNDS action (which no-ops when pinned=true).\n  // Calling preventDefault() suppresses the subsequent synthetic click event so the\n  // desktop onClick path does not double-fire.\n  const onTouchEnd = (event: ReactTouchEvent<HTMLDivElement>) => {\n    if (!isOwnEvent(event)) {\n      return;\n    }\n\n    if (event.cancelable) {\n      event.preventDefault();\n    }\n\n    const touch = event.changedTouches[0];\n    if (!touch) {\n      return;\n    }\n\n    const tooltipData = getTooltipData({\n      clientX: touch.clientX,\n      clientY: touch.clientY,\n    });\n    const isPinned = tooltipStore.getState().pinned;\n\n    if (isPinned) {\n      if (tooltipData) {\n        unpin();\n        hover(touch, tooltipData);\n      }\n    } else if (tooltipData) {\n      pin(touch, tooltipData);\n    }\n  };\n\n  const onClick = (event: ReactMouseEvent<HTMLDivElement>) => {\n    if (!isOwnEvent(event)) {\n      return;\n    }\n\n    const tooltipData = getTooltipData(event.nativeEvent);\n    const isPinned = tooltipStore.getState().pinned;\n\n    if (isPinned) {\n      if (tooltipData) {\n        unpin();\n        hover(event.nativeEvent, tooltipData);\n      }\n    } else if (tooltipData) {\n      pin(event.nativeEvent, tooltipData);\n    }\n  };\n\n  return {\n    onPointerMove,\n    onPointerLeave,\n    onTouchEnd,\n    onClick,\n  };\n};\n"],
+  "mappings": "AAKA,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAG3B,SAAS,yBAAyB;AAM3B,MAAM,0BAA0B,CAAC,YAAqB;AAC3D,QAAM,eAAe,WAAW;AAChC,QAAM,EAAE,OAAO,KAAK,OAAO,YAAY,IAAI,kBAAkB;AAC7D,QAAM,EAAE,eAAe,IAAI;AAE3B,QAAM,gBAAgB,CAAC,UAA2C;AAChE,QAAI,CAAC,WAAW,KAAK,KAAK,aAAa,SAAS,EAAE,QAAQ;AACxD;AAAA,IACF;AAEA,UAAM,cAAc,eAAe,MAAM,WAAW;AACpD,QAAI,aAAa;AACf,YAAM,MAAM,aAAa,WAAW;AAAA,IACtC,OAAO;AACL,kBAAY;AAAA,IACd;AAAA,EACF;AAEA,QAAM,iBAAiB,MAAM;AAC3B,gBAAY;AAAA,EACd;AAMA,QAAM,aAAa,CAAC,UAA2C;AAC7D,QAAI,CAAC,WAAW,KAAK,GAAG;AACtB;AAAA,IACF;AAEA,QAAI,MAAM,YAAY;AACpB,YAAM,eAAe;AAAA,IACvB;AAEA,UAAM,QAAQ,MAAM,eAAe,CAAC;AACpC,QAAI,CAAC,OAAO;AACV;AAAA,IACF;AAEA,UAAM,cAAc,eAAe;AAAA,MACjC,SAAS,MAAM;AAAA,MACf,SAAS,MAAM;AAAA,IACjB,CAAC;AACD,UAAM,WAAW,aAAa,SAAS,EAAE;AAEzC,QAAI,UAAU;AACZ,UAAI,aAAa;AACf,cAAM;AACN,cAAM,OAAO,WAAW;AAAA,MAC1B;AAAA,IACF,WAAW,aAAa;AACtB,UAAI,OAAO,WAAW;AAAA,IACxB;AAAA,EACF;AAEA,QAAM,UAAU,CAAC,UAA2C;AAC1D,QAAI,CAAC,WAAW,KAAK,GAAG;AACtB;AAAA,IACF;AAEA,UAAM,cAAc,eAAe,MAAM,WAAW;AACpD,UAAM,WAAW,aAAa,SAAS,EAAE;AAEzC,QAAI,UAAU;AACZ,UAAI,aAAa;AACf,cAAM;AACN,cAAM,MAAM,aAAa,WAAW;AAAA,MACtC;AAAA,IACF,WAAW,aAAa;AACtB,UAAI,MAAM,aAAa,WAAW;AAAA,IACpC;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

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

@@ -16,7 +16,7 @@ const usePointerAndScrollResponsiveChartBounds = (chartRef, enabled) => {
   );
   const throttledMoveUpdate = useMemo(
     () => throttleRaf((event) => {
-      if (!event.pressure || chartRef?.current?.contains(event.target)) {
+      if (!event.pressure && event.pointerType !== "touch" || chartRef?.current?.contains(event.target)) {
         return;
       }
       setGetChartBounds(getBoundingClientRect);

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/core/hooks/usePointerAndScrollResponsiveChartBounds.ts"],
-  "sourcesContent": ["import { type RefObject, useEffect, useMemo, useState } from 'react';\n\nimport { useThrottledCallbackOnScroll } from './useThrottledCallbackOnScroll.js';\nimport { throttleRaf } from '../utils/throttleRaf.js';\n\nexport const usePointerAndScrollResponsiveChartBounds = (\n  chartRef: RefObject<HTMLElement | null> | undefined,\n  enabled: boolean,\n): (() => DOMRect | undefined) => {\n  const getBoundingClientRect = () => () =>\n    chartRef?.current?.getBoundingClientRect();\n  const [getChartBounds, setGetChartBounds] = useState<\n    () => DOMRect | undefined\n  >(getBoundingClientRect);\n\n  useThrottledCallbackOnScroll(!enabled, () => {\n    setGetChartBounds(getBoundingClientRect);\n  });\n  const throttledPointerUpdate = useMemo(\n    () =>\n      throttleRaf(() => {\n        setGetChartBounds(getBoundingClientRect);\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n  const throttledMoveUpdate = useMemo(\n    () =>\n      throttleRaf((event: PointerEvent) => {\n        if (\n          !event.pressure ||\n          chartRef?.current?.contains(event.target as Node)\n        ) {\n          return;\n        }\n        setGetChartBounds(getBoundingClientRect);\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  useEffect(() => {\n    window.addEventListener('pointermove', throttledMoveUpdate);\n    window.addEventListener('pointerup', throttledPointerUpdate);\n    return () => {\n      window.removeEventListener('pointermove', throttledMoveUpdate);\n      window.removeEventListener('pointerup', throttledPointerUpdate);\n    };\n  }, [throttledMoveUpdate, throttledPointerUpdate]);\n\n  return getChartBounds;\n};\n"],
-  "mappings": "AAAA,SAAyB,WAAW,SAAS,gBAAgB;AAE7D,SAAS,oCAAoC;AAC7C,SAAS,mBAAmB;AAErB,MAAM,2CAA2C,CACtD,UACA,YACgC;AAChC,QAAM,wBAAwB,MAAM,MAClC,UAAU,SAAS,sBAAsB;AAC3C,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAE1C,qBAAqB;AAEvB,+BAA6B,CAAC,SAAS,MAAM;AAC3C,sBAAkB,qBAAqB;AAAA,EACzC,CAAC;AACD,QAAM,yBAAyB;AAAA,IAC7B,MACE,YAAY,MAAM;AAChB,wBAAkB,qBAAqB;AAAA,IACzC,CAAC;AAAA;AAAA,IAEH,CAAC;AAAA,EACH;AACA,QAAM,sBAAsB;AAAA,IAC1B,MACE,YAAY,CAAC,UAAwB;AACnC,UACE,CAAC,MAAM,YACP,UAAU,SAAS,SAAS,MAAM,MAAc,GAChD;AACA;AAAA,MACF;AACA,wBAAkB,qBAAqB;AAAA,IACzC,CAAC;AAAA;AAAA,IAEH,CAAC;AAAA,EACH;AAEA,YAAU,MAAM;AACd,WAAO,iBAAiB,eAAe,mBAAmB;AAC1D,WAAO,iBAAiB,aAAa,sBAAsB;AAC3D,WAAO,MAAM;AACX,aAAO,oBAAoB,eAAe,mBAAmB;AAC7D,aAAO,oBAAoB,aAAa,sBAAsB;AAAA,IAChE;AAAA,EACF,GAAG,CAAC,qBAAqB,sBAAsB,CAAC;AAEhD,SAAO;AACT;",
+  "sourcesContent": ["import { type RefObject, useEffect, useMemo, useState } from 'react';\n\nimport { useThrottledCallbackOnScroll } from './useThrottledCallbackOnScroll.js';\nimport { throttleRaf } from '../utils/throttleRaf.js';\n\nexport const usePointerAndScrollResponsiveChartBounds = (\n  chartRef: RefObject<HTMLElement | null> | undefined,\n  enabled: boolean,\n): (() => DOMRect | undefined) => {\n  const getBoundingClientRect = () => () =>\n    chartRef?.current?.getBoundingClientRect();\n  const [getChartBounds, setGetChartBounds] = useState<\n    () => DOMRect | undefined\n  >(getBoundingClientRect);\n\n  useThrottledCallbackOnScroll(!enabled, () => {\n    setGetChartBounds(getBoundingClientRect);\n  });\n  const throttledPointerUpdate = useMemo(\n    () =>\n      throttleRaf(() => {\n        setGetChartBounds(getBoundingClientRect);\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n  const throttledMoveUpdate = useMemo(\n    () =>\n      throttleRaf((event: PointerEvent) => {\n        if (\n          (!event.pressure && event.pointerType !== 'touch') ||\n          chartRef?.current?.contains(event.target as Node)\n        ) {\n          return;\n        }\n        setGetChartBounds(getBoundingClientRect);\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  useEffect(() => {\n    window.addEventListener('pointermove', throttledMoveUpdate);\n    window.addEventListener('pointerup', throttledPointerUpdate);\n    return () => {\n      window.removeEventListener('pointermove', throttledMoveUpdate);\n      window.removeEventListener('pointerup', throttledPointerUpdate);\n    };\n  }, [throttledMoveUpdate, throttledPointerUpdate]);\n\n  return getChartBounds;\n};\n"],
+  "mappings": "AAAA,SAAyB,WAAW,SAAS,gBAAgB;AAE7D,SAAS,oCAAoC;AAC7C,SAAS,mBAAmB;AAErB,MAAM,2CAA2C,CACtD,UACA,YACgC;AAChC,QAAM,wBAAwB,MAAM,MAClC,UAAU,SAAS,sBAAsB;AAC3C,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAE1C,qBAAqB;AAEvB,+BAA6B,CAAC,SAAS,MAAM;AAC3C,sBAAkB,qBAAqB;AAAA,EACzC,CAAC;AACD,QAAM,yBAAyB;AAAA,IAC7B,MACE,YAAY,MAAM;AAChB,wBAAkB,qBAAqB;AAAA,IACzC,CAAC;AAAA;AAAA,IAEH,CAAC;AAAA,EACH;AACA,QAAM,sBAAsB;AAAA,IAC1B,MACE,YAAY,CAAC,UAAwB;AACnC,UACG,CAAC,MAAM,YAAY,MAAM,gBAAgB,WAC1C,UAAU,SAAS,SAAS,MAAM,MAAc,GAChD;AACA;AAAA,MACF;AACA,wBAAkB,qBAAqB;AAAA,IACzC,CAAC;AAAA;AAAA,IAEH,CAAC;AAAA,EACH;AAEA,YAAU,MAAM;AACd,WAAO,iBAAiB,eAAe,mBAAmB;AAC1D,WAAO,iBAAiB,aAAa,sBAAsB;AAC3D,WAAO,MAAM;AACX,aAAO,oBAAoB,eAAe,mBAAmB;AAC7D,aAAO,oBAAoB,aAAa,sBAAsB;AAAA,IAChE;AAAA,EACF,GAAG,CAAC,qBAAqB,sBAAsB,CAAC;AAEhD,SAAO;AACT;",
   "names": []
 }

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

@@ -1,5 +1,5 @@
 import { useMemo } from "react";
-import useResizeObserver from "use-resize-observer";
+import { useResizeObserver } from "../../../core/hooks/useResizeObserver.js";
 import { throttleRaf } from "../utils/throttleRaf.js";
 const useThrottledCallbackOnResize = (subject, callback, disabled = false) => {
   const throttledCallback = useMemo(

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/core/hooks/useThrottledCallbackOnResize.ts"],
-  "sourcesContent": ["import { useMemo, type RefObject } from 'react';\nimport useResizeObserver from 'use-resize-observer';\n\nimport { throttleRaf } from '../utils/throttleRaf.js';\n\nexport const useThrottledCallbackOnResize = (\n  subject: RefObject<HTMLElement>,\n  callback: () => void,\n  disabled = false,\n): void => {\n  const throttledCallback = useMemo(\n    disabled\n      ? () => () => {\n          /* no op */\n        }\n      : () => throttleRaf(callback),\n    [disabled],\n  );\n\n  useResizeObserver<HTMLElement>({\n    ref: subject,\n    onResize: throttledCallback,\n  });\n};\n"],
-  "mappings": "AAAA,SAAS,eAA+B;AACxC,OAAO,uBAAuB;AAE9B,SAAS,mBAAmB;AAErB,MAAM,+BAA+B,CAC1C,SACA,UACA,WAAW,UACF;AACT,QAAM,oBAAoB;AAAA,IACxB,WACI,MAAM,MAAM;AAAA,IAEZ,IACA,MAAM,YAAY,QAAQ;AAAA,IAC9B,CAAC,QAAQ;AAAA,EACX;AAEA,oBAA+B;AAAA,IAC7B,KAAK;AAAA,IACL,UAAU;AAAA,EACZ,CAAC;AACH;",
+  "sourcesContent": ["import { useMemo, type RefObject } from 'react';\n\nimport { useResizeObserver } from '../../../core/hooks/useResizeObserver.js';\nimport { throttleRaf } from '../utils/throttleRaf.js';\n\nexport const useThrottledCallbackOnResize = (\n  subject: RefObject<HTMLElement>,\n  callback: () => void,\n  disabled = false,\n): void => {\n  const throttledCallback = useMemo(\n    disabled\n      ? () => () => {\n          /* no op */\n        }\n      : () => throttleRaf(callback),\n    [disabled],\n  );\n\n  useResizeObserver<HTMLElement>({\n    ref: subject,\n    onResize: throttledCallback,\n  });\n};\n"],
+  "mappings": "AAAA,SAAS,eAA+B;AAExC,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAErB,MAAM,+BAA+B,CAC1C,SACA,UACA,WAAW,UACF;AACT,QAAM,oBAAoB;AAAA,IACxB,WACI,MAAM,MAAM;AAAA,IAEZ,IACA,MAAM,YAAY,QAAQ;AAAA,IAC9B,CAAC,QAAQ;AAAA,EACX;AAEA,oBAA+B;AAAA,IAC7B,KAAK;AAAA,IACL,UAAU;AAAA,EACZ,CAAC;AACH;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/core/hooks/useThrottledCallbackOnScroll.ts"],
-  "sourcesContent": ["import { useEffect, useMemo } from 'react';\n\nimport { throttleRaf } from '../utils/throttleRaf.js';\n\nexport const useThrottledCallbackOnScroll = (\n  disabled: boolean,\n  callback: () => void,\n): void => {\n  const throttledCallback = useMemo(\n    () => throttleRaf(callback),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  useEffect(() => {\n    if (disabled) {\n      return;\n    }\n\n    document.body.addEventListener('scroll', throttledCallback, true);\n    return () => {\n      document.body.removeEventListener('scroll', throttledCallback, true);\n    };\n  }, [disabled, throttledCallback]);\n};\n"],
+  "sourcesContent": ["import { useEffect, useMemo } from 'react';\n\nimport { throttleRaf } from '../utils/throttleRaf.js';\n\nexport const useThrottledCallbackOnScroll = (\n  disabled: boolean,\n  callback: (event: Event) => void,\n): void => {\n  const throttledCallback = useMemo(\n    () => throttleRaf(callback),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  useEffect(() => {\n    if (disabled) {\n      return;\n    }\n\n    document.body.addEventListener('scroll', throttledCallback, true);\n    return () => {\n      document.body.removeEventListener('scroll', throttledCallback, true);\n    };\n  }, [disabled, throttledCallback]);\n};\n"],
   "mappings": "AAAA,SAAS,WAAW,eAAe;AAEnC,SAAS,mBAAmB;AAErB,MAAM,+BAA+B,CAC1C,UACA,aACS;AACT,QAAM,oBAAoB;AAAA,IACxB,MAAM,YAAY,QAAQ;AAAA;AAAA,IAE1B,CAAC;AAAA,EACH;AAEA,YAAU,MAAM;AACd,QAAI,UAAU;AACZ;AAAA,IACF;AAEA,aAAS,KAAK,iBAAiB,UAAU,mBAAmB,IAAI;AAChE,WAAO,MAAM;AACX,eAAS,KAAK,oBAAoB,UAAU,mBAAmB,IAAI;AAAA,IACrE;AAAA,EACF,GAAG,CAAC,UAAU,iBAAiB,CAAC;AAClC;",
   "names": []
 }

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

@@ -1,6 +1,6 @@
 import { throttle } from "lodash-es";
 import { useMemo, useState } from "react";
-import useResizeObserver from "use-resize-observer";
+import { useResizeObserver } from "../../../core/hooks/useResizeObserver.js";
 import { SIXTY_FPS } from "../constants.js";
 function useThrottledResizeObserver(wait = SIXTY_FPS) {
   const [size, setSize] = useState({});

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/core/hooks/useThrottledResizeObserver.ts"],
-  "sourcesContent": ["import { throttle } from 'lodash-es';\nimport { RefCallback, useMemo, useState } from 'react';\nimport useResizeObserver from 'use-resize-observer';\n\nimport { SIXTY_FPS } from '../constants.js';\n\n/** @internal */\nexport interface SizeState {\n  height?: number;\n  width?: number;\n}\n\n/** @internal */\nexport interface _ResizePayload extends SizeState {\n  refCallback: RefCallback<HTMLElement | null>;\n}\n\n/**\n * Trigger size event only every `wait` ms.\n * Returns the refCallback for the component that you want to observe\n *\n * @returns ResizePayload\n * @param wait - amount of milliseconds to throttle the resizing callback\n * @internal\n */\nexport function useThrottledResizeObserver(\n  wait: number = SIXTY_FPS,\n): _ResizePayload {\n  const [size, setSize] = useState<SizeState>({});\n  const onResize = useMemo(() => throttle(setSize, wait), [wait]);\n\n  const { ref } = useResizeObserver<HTMLElement>({ onResize });\n\n  return { refCallback: ref, ...size };\n}\n"],
-  "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAsB,SAAS,gBAAgB;AAC/C,OAAO,uBAAuB;AAE9B,SAAS,iBAAiB;AAqBnB,SAAS,2BACd,OAAe,WACC;AAChB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAoB,CAAC,CAAC;AAC9C,QAAM,WAAW,QAAQ,MAAM,SAAS,SAAS,IAAI,GAAG,CAAC,IAAI,CAAC;AAE9D,QAAM,EAAE,IAAI,IAAI,kBAA+B,EAAE,SAAS,CAAC;AAE3D,SAAO,EAAE,aAAa,KAAK,GAAG,KAAK;AACrC;",
+  "sourcesContent": ["import { throttle } from 'lodash-es';\nimport { RefCallback, useMemo, useState } from 'react';\n\nimport { useResizeObserver } from '../../../core/hooks/useResizeObserver.js';\nimport { SIXTY_FPS } from '../constants.js';\n\n/** @internal */\nexport interface SizeState {\n  height?: number;\n  width?: number;\n}\n\n/** @internal */\nexport interface _ResizePayload extends SizeState {\n  refCallback: RefCallback<HTMLElement | null>;\n}\n\n/**\n * Trigger size event only every `wait` ms.\n * Returns the refCallback for the component that you want to observe\n *\n * @returns ResizePayload\n * @param wait - amount of milliseconds to throttle the resizing callback\n * @internal\n */\nexport function useThrottledResizeObserver(\n  wait: number = SIXTY_FPS,\n): _ResizePayload {\n  const [size, setSize] = useState<SizeState>({});\n  const onResize = useMemo(() => throttle(setSize, wait), [wait]);\n\n  const { ref } = useResizeObserver<HTMLElement>({ onResize });\n\n  return { refCallback: ref, ...size };\n}\n"],
+  "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAsB,SAAS,gBAAgB;AAE/C,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAqBnB,SAAS,2BACd,OAAe,WACC;AAChB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAoB,CAAC,CAAC;AAC9C,QAAM,WAAW,QAAQ,MAAM,SAAS,SAAS,IAAI,GAAG,CAAC,IAAI,CAAC;AAE9D,QAAM,EAAE,IAAI,IAAI,kBAA+B,EAAE,SAAS,CAAC;AAE3D,SAAO,EAAE,aAAa,KAAK,GAAG,KAAK;AACrC;",
   "names": []
 }

package/esm/charts/core/types/chart-data.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chart-data.js.map

package/esm/charts/core/types/text-size.js

@@ -0,0 +1 @@
+//# sourceMappingURL=text-size.js.map

package/esm/charts/core/types/text-size.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/esm/charts/core/typographyStyles.css

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

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

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

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

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

package/esm/charts/core/utils/formatter-by-ticks.js

@@ -1,7 +1,7 @@
-import { getTicks } from "@visx/scale";
 import { defaultUnitFormatter } from "./defaultUnitFormatter.js";
 import { getTickValues } from "./format-value.js";
 import { getTickFormatterMethod } from "./get-tick-formatter-method.js";
+import { getTicks } from "../../../core/utils/get-ticks.js";
 import { getYAxisTickFormatter } from "../components/axes/utils/tick-formatters.js";
 function getFormatterByTicks(numTicks, scale, unit, formatter) {
   if (!scale) {

package/esm/charts/core/utils/formatter-by-ticks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/core/utils/formatter-by-ticks.ts"],
-  "sourcesContent": ["import { AxisScale } from '@visx/axis';\nimport { getTicks } from '@visx/scale';\nimport {\n  type ScaleBand,\n  type ScaleLinear,\n  type ScaleLogarithmic,\n  type ScaleSymLog,\n  type ScaleTime,\n} from 'd3-scale';\n\nimport { ConvertibleUnit, FormatOptions, Unit } from '@dynatrace-sdk/units';\n\nimport { defaultUnitFormatter } from './defaultUnitFormatter.js';\nimport { getTickValues } from './format-value.js';\nimport { getTickFormatterMethod } from './get-tick-formatter-method.js';\nimport { getYAxisTickFormatter } from '../components/axes/utils/tick-formatters.js';\nimport { ChartUnit } from '../types/chart-unit.js';\nimport {\n  DateTimeFormatter,\n  Formatter,\n  FormatterWithPrecision,\n} from '../types/formatter.js';\n\nexport interface TickAxis {\n  ticks: string[];\n  formattedTicks: string[];\n  numericTicks?: number[];\n}\n\nexport function getFormatterByTicks(\n  numTicks: number,\n  scale:\n    | ScaleTime<number, number>\n    | ScaleLinear<number, number>\n    | ScaleLogarithmic<number, number>\n    | ScaleSymLog<number, number>\n    | ScaleBand<string>\n    | undefined,\n  unit?: ChartUnit,\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit> | undefined,\n) {\n  if (!scale) {\n    return defaultUnitFormatter(unit);\n  }\n\n  const ticks = getTicks(scale as AxisScale, numTicks);\n\n  return getTickFormatterMethod(ticks, formatter, unit);\n}\n\nexport function getFormattedTicks(\n  numTicks: number,\n  scale:\n    | ScaleLogarithmic<number, number>\n    | ScaleSymLog<number, number>\n    | ScaleLinear<number, number>\n    | ScaleTime<number, number>\n    | undefined,\n  unit?: ChartUnit,\n  formatter?: Formatter | undefined,\n) {\n  if (!scale) {\n    return { ticks: [], formattedTicks: [] };\n  }\n\n  const ticks = getTicks(scale as AxisScale, numTicks);\n\n  const formattedTicks = getTickValues(\n    ticks,\n    getYAxisTickFormatter(scale, unit, formatter, numTicks),\n  );\n\n  return { ticks, formattedTicks };\n}\n\nexport function getDateNumericalFormattedTicks(\n  numTicks: number,\n  scale: AxisScale | undefined,\n  unit: ChartUnit | undefined,\n  formatter: FormatterWithPrecision | DateTimeFormatter | undefined,\n) {\n  if (!scale || !formatter) {\n    return { ticks: [], formattedTicks: [] };\n  }\n\n  const ticks = getTicks(scale, numTicks);\n\n  const formattedTicks = getTickValues(ticks, (value) =>\n    formatter(value as number, unit),\n  );\n\n  return { ticks, formattedTicks };\n}\n\nexport function getCategoricalTicks(\n  scale: AxisScale | undefined,\n  formatLabel?: (raw: string) => string,\n) {\n  if (!scale) {\n    return { ticks: [], formattedTicks: [] };\n  }\n\n  const ticks = scale.domain() as string[];\n  const formattedTicks = formatLabel ? ticks.map(formatLabel) : ticks;\n\n  return { ticks, formattedTicks };\n}\n"],
-  "mappings": "AACA,SAAS,gBAAgB;AAWzB,SAAS,4BAA4B;AACrC,SAAS,qBAAqB;AAC9B,SAAS,8BAA8B;AACvC,SAAS,6BAA6B;AAc/B,SAAS,oBACd,UACA,OAOA,MACA,WACA;AACA,MAAI,CAAC,OAAO;AACV,WAAO,qBAAqB,IAAI;AAAA,EAClC;AAEA,QAAM,QAAQ,SAAS,OAAoB,QAAQ;AAEnD,SAAO,uBAAuB,OAAO,WAAW,IAAI;AACtD;AAEO,SAAS,kBACd,UACA,OAMA,MACA,WACA;AACA,MAAI,CAAC,OAAO;AACV,WAAO,EAAE,OAAO,CAAC,GAAG,gBAAgB,CAAC,EAAE;AAAA,EACzC;AAEA,QAAM,QAAQ,SAAS,OAAoB,QAAQ;AAEnD,QAAM,iBAAiB;AAAA,IACrB;AAAA,IACA,sBAAsB,OAAO,MAAM,WAAW,QAAQ;AAAA,EACxD;AAEA,SAAO,EAAE,OAAO,eAAe;AACjC;AAEO,SAAS,+BACd,UACA,OACA,MACA,WACA;AACA,MAAI,CAAC,SAAS,CAAC,WAAW;AACxB,WAAO,EAAE,OAAO,CAAC,GAAG,gBAAgB,CAAC,EAAE;AAAA,EACzC;AAEA,QAAM,QAAQ,SAAS,OAAO,QAAQ;AAEtC,QAAM,iBAAiB;AAAA,IAAc;AAAA,IAAO,CAAC,UAC3C,UAAU,OAAiB,IAAI;AAAA,EACjC;AAEA,SAAO,EAAE,OAAO,eAAe;AACjC;AAEO,SAAS,oBACd,OACA,aACA;AACA,MAAI,CAAC,OAAO;AACV,WAAO,EAAE,OAAO,CAAC,GAAG,gBAAgB,CAAC,EAAE;AAAA,EACzC;AAEA,QAAM,QAAQ,MAAM,OAAO;AAC3B,QAAM,iBAAiB,cAAc,MAAM,IAAI,WAAW,IAAI;AAE9D,SAAO,EAAE,OAAO,eAAe;AACjC;",
+  "sourcesContent": ["import {\n  type ScaleBand,\n  type ScaleLinear,\n  type ScaleLogarithmic,\n  type ScaleSymLog,\n  type ScaleTime,\n} from 'd3-scale';\n\nimport { ConvertibleUnit, FormatOptions, Unit } from '@dynatrace-sdk/units';\n\nimport { defaultUnitFormatter } from './defaultUnitFormatter.js';\nimport { getTickValues } from './format-value.js';\nimport { getTickFormatterMethod } from './get-tick-formatter-method.js';\nimport { getTicks } from '../../../core/utils/get-ticks.js';\nimport { getYAxisTickFormatter } from '../components/axes/utils/tick-formatters.js';\nimport { ChartUnit } from '../types/chart-unit.js';\nimport {\n  DateTimeFormatter,\n  Formatter,\n  FormatterWithPrecision,\n} from '../types/formatter.js';\n\nexport interface TickAxis {\n  ticks: string[];\n  formattedTicks: string[];\n  numericTicks?: number[];\n}\n\nexport function getFormatterByTicks(\n  numTicks: number,\n  scale:\n    | ScaleTime<number, number>\n    | ScaleLinear<number, number>\n    | ScaleLogarithmic<number, number>\n    | ScaleSymLog<number, number>\n    | ScaleBand<string>\n    | undefined,\n  unit?: ChartUnit,\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit> | undefined,\n) {\n  if (!scale) {\n    return defaultUnitFormatter(unit);\n  }\n\n  const ticks = getTicks(scale, numTicks) as number[];\n\n  return getTickFormatterMethod(ticks, formatter, unit);\n}\n\nexport function getFormattedTicks(\n  numTicks: number,\n  scale:\n    | ScaleLogarithmic<number, number>\n    | ScaleSymLog<number, number>\n    | ScaleLinear<number, number>\n    | ScaleTime<number, number>\n    | undefined,\n  unit?: ChartUnit,\n  formatter?: Formatter | undefined,\n) {\n  if (!scale) {\n    return { ticks: [], formattedTicks: [] };\n  }\n\n  const ticks = getTicks(scale, numTicks);\n\n  const formattedTicks = getTickValues(\n    ticks,\n    getYAxisTickFormatter(scale, unit, formatter, numTicks),\n  );\n\n  return { ticks: ticks as string[], formattedTicks };\n}\n\nexport function getDateNumericalFormattedTicks(\n  numTicks: number,\n  scale:\n    | ScaleTime<number, number>\n    | ScaleLinear<number, number>\n    | ScaleSymLog<number, number>\n    | ScaleBand<string>\n    | undefined,\n  unit: ChartUnit | undefined,\n  formatter: FormatterWithPrecision | DateTimeFormatter | undefined,\n) {\n  if (!scale || !formatter) {\n    return { ticks: [], formattedTicks: [] };\n  }\n\n  const ticks = getTicks(scale, numTicks);\n\n  const formattedTicks = getTickValues(ticks, (value) =>\n    formatter(value as number, unit),\n  );\n\n  return { ticks: ticks as string[], formattedTicks };\n}\n\nexport function getCategoricalTicks(\n  scale:\n    | ScaleTime<number, number>\n    | ScaleLinear<number, number>\n    | ScaleSymLog<number, number>\n    | ScaleBand<string>\n    | undefined,\n  formatLabel?: (raw: string) => string,\n) {\n  if (!scale) {\n    return { ticks: [], formattedTicks: [] };\n  }\n\n  const ticks = scale.domain() as string[];\n  const formattedTicks = formatLabel ? ticks.map(formatLabel) : ticks;\n\n  return { ticks, formattedTicks };\n}\n"],
+  "mappings": "AAUA,SAAS,4BAA4B;AACrC,SAAS,qBAAqB;AAC9B,SAAS,8BAA8B;AACvC,SAAS,gBAAgB;AACzB,SAAS,6BAA6B;AAc/B,SAAS,oBACd,UACA,OAOA,MACA,WACA;AACA,MAAI,CAAC,OAAO;AACV,WAAO,qBAAqB,IAAI;AAAA,EAClC;AAEA,QAAM,QAAQ,SAAS,OAAO,QAAQ;AAEtC,SAAO,uBAAuB,OAAO,WAAW,IAAI;AACtD;AAEO,SAAS,kBACd,UACA,OAMA,MACA,WACA;AACA,MAAI,CAAC,OAAO;AACV,WAAO,EAAE,OAAO,CAAC,GAAG,gBAAgB,CAAC,EAAE;AAAA,EACzC;AAEA,QAAM,QAAQ,SAAS,OAAO,QAAQ;AAEtC,QAAM,iBAAiB;AAAA,IACrB;AAAA,IACA,sBAAsB,OAAO,MAAM,WAAW,QAAQ;AAAA,EACxD;AAEA,SAAO,EAAE,OAA0B,eAAe;AACpD;AAEO,SAAS,+BACd,UACA,OAMA,MACA,WACA;AACA,MAAI,CAAC,SAAS,CAAC,WAAW;AACxB,WAAO,EAAE,OAAO,CAAC,GAAG,gBAAgB,CAAC,EAAE;AAAA,EACzC;AAEA,QAAM,QAAQ,SAAS,OAAO,QAAQ;AAEtC,QAAM,iBAAiB;AAAA,IAAc;AAAA,IAAO,CAAC,UAC3C,UAAU,OAAiB,IAAI;AAAA,EACjC;AAEA,SAAO,EAAE,OAA0B,eAAe;AACpD;AAEO,SAAS,oBACd,OAMA,aACA;AACA,MAAI,CAAC,OAAO;AACV,WAAO,EAAE,OAAO,CAAC,GAAG,gBAAgB,CAAC,EAAE;AAAA,EACzC;AAEA,QAAM,QAAQ,MAAM,OAAO;AAC3B,QAAM,iBAAiB,cAAc,MAAM,IAAI,WAAW,IAAI;AAE9D,SAAO,EAAE,OAAO,eAAe;AACjC;",
   "names": []
 }

package/esm/charts/core/utils/text-measure.js

@@ -0,0 +1,38 @@
+import {
+  charsFontWidth12pixelsSize400Map,
+  charsFontWidth14pixelsSize400Map,
+  charsFontWidth16pixelsSize500Map,
+  charsFontWidth18pixelsSize400Map
+} from "../components/text-ellipsis/chars-font-width-map.js";
+import { calculateWidth } from "../components/text-ellipsis/truncate-string.js";
+import { AUTO_TEXT_SIZE_PRESETS } from "../constants.js";
+import { getFontDetails } from "./get-font-details.js";
+const defaultResolveMap = (fontSize) => {
+  switch (fontSize) {
+    case 18:
+      return charsFontWidth18pixelsSize400Map;
+    case 16:
+      return charsFontWidth16pixelsSize500Map;
+    case 14:
+      return charsFontWidth14pixelsSize400Map;
+    default:
+      return charsFontWidth12pixelsSize400Map;
+  }
+};
+const getTextMeasurer = (ctx, textSize, options) => {
+  const { fontWeight, resolveMap = defaultResolveMap } = options;
+  if (textSize === "auto" || isPresetFontSize(textSize)) {
+    return (text, fontSize) => calculateWidth(text, resolveMap(fontSize));
+  }
+  return getCanvasContextMeasurer(ctx, fontWeight);
+};
+const isPresetFontSize = (fontSize) => AUTO_TEXT_SIZE_PRESETS.includes(fontSize);
+const getCanvasContextMeasurer = (ctx, fontWeight) => (text, fontSize) => {
+  const lineHeight = fontSize * 1.25;
+  ctx.font = getFontDetails(fontWeight, fontSize, lineHeight);
+  return ctx.measureText(text).width;
+};
+export {
+  getTextMeasurer
+};
+//# sourceMappingURL=text-measure.js.map

package/esm/charts/core/utils/text-measure.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/core/utils/text-measure.ts"],
+  "sourcesContent": ["import {\n  charsFontWidth12pixelsSize400Map,\n  charsFontWidth14pixelsSize400Map,\n  charsFontWidth16pixelsSize500Map,\n  charsFontWidth18pixelsSize400Map,\n  type FontWidthMap,\n} from '../components/text-ellipsis/chars-font-width-map.js';\nimport { calculateWidth } from '../components/text-ellipsis/truncate-string.js';\nimport { AUTO_TEXT_SIZE_PRESETS } from '../constants.js';\nimport { getFontDetails } from './get-font-details.js';\nimport type { TextSize } from '../types/text-size.js';\n\n/**\n * A function that measures the pixel width of a string at a given font size.\n * @internal\n */\nexport type TextMeasurer = (text: string, fontSize: number) => number;\n\n/**\n * Resolves the {@link FontWidthMap} to use when measuring at a given font\n * size. Charts supply their own resolver because the appropriate weight (and\n * therefore the appropriate map) depends on the chart-specific typography.\n * @internal\n */\nexport type FontWidthMapResolver = (fontSize: number) => FontWidthMap;\n\n/**\n * Options for {@link getTextMeasurer}.\n * @internal\n */\nexport interface GetTextMeasurerOptions {\n  /** Font weight applied when falling back to canvas measurement. */\n  fontWeight: number;\n  /** Resolves which lookup map to use for preset/auto sizes. */\n  resolveMap?: FontWidthMapResolver;\n}\n\n// Note: the 16px entry uses the 500-weight map regardless of the fontWeight option.\n// Callers rendering 16px text at weight 400 (e.g. labelMeasure when textSize=20)\n// will slightly over-estimate widths, causing earlier-than-necessary truncation.\n// Pass a custom resolveMap to getTextMeasurer to avoid this.\nconst defaultResolveMap: FontWidthMapResolver = (fontSize) => {\n  switch (fontSize) {\n    case 18:\n      return charsFontWidth18pixelsSize400Map;\n    case 16:\n      return charsFontWidth16pixelsSize500Map;\n    case 14:\n      return charsFontWidth14pixelsSize400Map;\n    default:\n      return charsFontWidth12pixelsSize400Map;\n  }\n};\n\n/**\n * Returns the appropriate {@link TextMeasurer} for the given text size.\n *\n * When `textSize` is `'auto'` or one of the preset font sizes defined in\n * {@link AUTO_TEXT_SIZE_PRESETS}, a fast lookup-table measurer is returned.\n * Otherwise a measurer backed by `CanvasRenderingContext2D.measureText` is\n * returned for accurate results with arbitrary font sizes.\n * @internal\n */\nexport const getTextMeasurer = (\n  ctx: CanvasRenderingContext2D,\n  textSize: TextSize,\n  options: GetTextMeasurerOptions,\n): TextMeasurer => {\n  const { fontWeight, resolveMap = defaultResolveMap } = options;\n\n  if (textSize === 'auto' || isPresetFontSize(textSize)) {\n    return (text, fontSize) => calculateWidth(text, resolveMap(fontSize));\n  }\n\n  return getCanvasContextMeasurer(ctx, fontWeight);\n};\n\nconst isPresetFontSize = (fontSize: number) =>\n  AUTO_TEXT_SIZE_PRESETS.includes(fontSize);\n\nconst getCanvasContextMeasurer =\n  (ctx: CanvasRenderingContext2D, fontWeight: number): TextMeasurer =>\n  (text, fontSize) => {\n    const lineHeight = fontSize * 1.25;\n    ctx.font = getFontDetails(fontWeight, fontSize, lineHeight);\n\n    return ctx.measureText(text).width;\n  };\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,sBAAsB;AAC/B,SAAS,8BAA8B;AACvC,SAAS,sBAAsB;AAgC/B,MAAM,oBAA0C,CAAC,aAAa;AAC5D,UAAQ,UAAU;AAAA,IAChB,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAWO,MAAM,kBAAkB,CAC7B,KACA,UACA,YACiB;AACjB,QAAM,EAAE,YAAY,aAAa,kBAAkB,IAAI;AAEvD,MAAI,aAAa,UAAU,iBAAiB,QAAQ,GAAG;AACrD,WAAO,CAAC,MAAM,aAAa,eAAe,MAAM,WAAW,QAAQ,CAAC;AAAA,EACtE;AAEA,SAAO,yBAAyB,KAAK,UAAU;AACjD;AAEA,MAAM,mBAAmB,CAAC,aACxB,uBAAuB,SAAS,QAAQ;AAE1C,MAAM,2BACJ,CAAC,KAA+B,eAChC,CAAC,MAAM,aAAa;AAClB,QAAM,aAAa,WAAW;AAC9B,MAAI,OAAO,eAAe,YAAY,UAAU,UAAU;AAE1D,SAAO,IAAI,YAAY,IAAI,EAAE;AAC/B;",
+  "names": []
+}

package/esm/charts/gantt-chart/GanttChartLine.css

@@ -1,4 +1,4 @@
-._1pk2ed10-3-7-1 {
+._1pk2ed10-3-9-0 {
   height: 100%;
   width: 100%;
 }

package/esm/charts/gantt-chart/GanttChartLine.sty.js

@@ -1,5 +1,5 @@
 import "./GanttChartLine.css";
-var wrapper = "_1pk2ed10-3-7-1";
+var wrapper = "_1pk2ed10-3-9-0";
 export {
   wrapper
 };

package/esm/charts/gantt-chart/GanttChartLine.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/gantt-chart/GanttChartLine.css.ts"],
-  "sourcesContent": ["import './GanttChartLine.css';\nexport var wrapper = '_1pk2ed10-3-7-1';"],
+  "sourcesContent": ["import './GanttChartLine.css';\nexport var wrapper = '_1pk2ed10-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;",
   "names": []
 }

package/esm/charts/gantt-chart/components/GanttChartLineRenderer.css

@@ -1,4 +1,4 @@
-._mnxak30-3-7-1 {
+._mnxak30-3-9-0 {
   height: 100%;
   display: flex;
   justify-content: center;

package/esm/charts/gantt-chart/components/GanttChartLineRenderer.js

@@ -1,5 +1,4 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Group } from "@visx/group";
 import { isEmpty } from "lodash-es";
 import { forwardRef } from "react";
 import { svgWrapperCSS } from "./GanttChartLineRenderer.sty.js";
@@ -84,7 +83,7 @@ const _GanttChartLineRenderer = forwardRef((props, forwardedRef) => {
           },
           index
         )),
-        /* @__PURE__ */ jsx(Group, { children: segmentsData.map((entry, index) => /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("g", { children: segmentsData.map((entry, index) => /* @__PURE__ */ jsx(
           GanttSegment,
           {
             containerWidth: width,

package/esm/charts/gantt-chart/components/GanttChartLineRenderer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/gantt-chart/components/GanttChartLineRenderer.tsx"],
-  "sourcesContent": ["import { Group } from '@visx/group';\nimport { isEmpty } from 'lodash-es';\nimport { forwardRef, type Attributes, type PropsWithChildren } from 'react';\n\nimport { svgWrapperCSS } from './GanttChartLineRenderer.sty.js';\nimport { GanttSegment } from './GanttSegment.js';\nimport { ChartStateHandler } from '../../core/components/chart-states/ChartStateHandler.js';\nimport { getChartStatesTemplates } from '../../core/components/chart-states/utils/get-chart-states-template.js';\nimport { EmptyStateSlot } from '../../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../../core/slots/chart-states/ErrorStateSlot.js';\nimport {\n  DEFAULT_GANTT_COLORS,\n  DISABLED_PATTERN_ANGLE,\n  DISABLED_PATTERN_SIZE,\n  STRIPES_PATTERN_ID,\n} from '../constants/defaults.js';\nimport { useGanttSegmentsContext } from '../context/GanttSegmentsContext.js';\n\ninterface GanttLineRendererProps extends Attributes {\n  width: number;\n  height: number;\n  loading?: boolean;\n  showBackground?: boolean;\n}\n\nconst _GanttChartLineRenderer = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<GanttLineRendererProps>\n>((props, forwardedRef) => {\n  const { width, height: svgHeight, children } = props;\n  const { segmentsData } = useGanttSegmentsContext();\n  const backgroundSegments: { start: number; end: number }[] = [];\n  const { emptyState, errorState } = getChartStatesTemplates(children);\n\n  // if showBackground is enabled, create an array of background segments to draw between the data segements\n  if (props.showBackground) {\n    segmentsData.sort((a, b) => a.start - b.start);\n    for (let i = 0; i < segmentsData.length - 1; i++) {\n      const currentSegmentEnd = segmentsData[i].end || segmentsData[i].start;\n      const nextSegmentStart = segmentsData[i + 1].start;\n      if (currentSegmentEnd < nextSegmentStart) {\n        backgroundSegments.push({\n          start: currentSegmentEnd,\n          end: nextSegmentStart,\n        });\n      }\n    }\n  }\n\n  return (\n    <ChartStateHandler\n      empty={isEmpty(segmentsData)}\n      height=\"100%\"\n      emptyState={emptyState}\n      errorState={errorState}\n      isLoading={props.loading === true}\n    >\n      <div className={svgWrapperCSS} ref={forwardedRef}>\n        <svg width={width} height={svgHeight}>\n          {backgroundSegments.length > 0 && (\n            <defs>\n              <pattern\n                id={STRIPES_PATTERN_ID}\n                patternUnits=\"userSpaceOnUse\"\n                width={DISABLED_PATTERN_SIZE * 2}\n                height={DISABLED_PATTERN_SIZE * 2}\n                patternTransform={`rotate(${DISABLED_PATTERN_ANGLE})`}\n              >\n                <rect\n                  x=\"0\"\n                  y=\"0\"\n                  width={DISABLED_PATTERN_SIZE}\n                  height={DISABLED_PATTERN_SIZE * 2}\n                  fill={DEFAULT_GANTT_COLORS.background}\n                ></rect>\n                <rect\n                  x={DISABLED_PATTERN_SIZE}\n                  y=\"0\"\n                  width={DISABLED_PATTERN_SIZE}\n                  height={DISABLED_PATTERN_SIZE * 2}\n                  fill=\"transparent\"\n                ></rect>\n              </pattern>\n            </defs>\n          )}\n          {backgroundSegments.map((segment, index) => (\n            <GanttSegment\n              key={index}\n              containerWidth={width}\n              start={segment.start}\n              end={segment.end}\n              height={svgHeight}\n            />\n          ))}\n          <Group>\n            {segmentsData.map((entry, index) => (\n              <GanttSegment\n                key={index}\n                containerWidth={width}\n                height={svgHeight}\n                data={entry}\n                start={entry.start}\n                end={entry.end}\n              />\n            ))}\n          </Group>\n        </svg>\n      </div>\n    </ChartStateHandler>\n  );\n});\n\n/**\n * @internal\n */\nexport const GanttChartLineRenderer = Object.assign(_GanttChartLineRenderer, {\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n});\n"],
-  "mappings": "AA6Dc,SAOE,KAPF;AA7Dd,SAAS,aAAa;AACtB,SAAS,eAAe;AACxB,SAAS,kBAA2D;AAEpE,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;AAClC,SAAS,+BAA+B;AACxC,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,+BAA+B;AASxC,MAAM,0BAA0B,WAG9B,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,OAAO,QAAQ,WAAW,SAAS,IAAI;AAC/C,QAAM,EAAE,aAAa,IAAI,wBAAwB;AACjD,QAAM,qBAAuD,CAAC;AAC9D,QAAM,EAAE,YAAY,WAAW,IAAI,wBAAwB,QAAQ;AAGnE,MAAI,MAAM,gBAAgB;AACxB,iBAAa,KAAK,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK;AAC7C,aAAS,IAAI,GAAG,IAAI,aAAa,SAAS,GAAG,KAAK;AAChD,YAAM,oBAAoB,aAAa,CAAC,EAAE,OAAO,aAAa,CAAC,EAAE;AACjE,YAAM,mBAAmB,aAAa,IAAI,CAAC,EAAE;AAC7C,UAAI,oBAAoB,kBAAkB;AACxC,2BAAmB,KAAK;AAAA,UACtB,OAAO;AAAA,UACP,KAAK;AAAA,QACP,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,QAAQ,YAAY;AAAA,MAC3B,QAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,WAAW,MAAM,YAAY;AAAA,MAE7B,8BAAC,SAAI,WAAW,eAAe,KAAK,cAClC,+BAAC,SAAI,OAAc,QAAQ,WACxB;AAAA,2BAAmB,SAAS,KAC3B,oBAAC,UACC;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,YACJ,cAAa;AAAA,YACb,OAAO,wBAAwB;AAAA,YAC/B,QAAQ,wBAAwB;AAAA,YAChC,kBAAkB,UAAU,sBAAsB;AAAA,YAElD;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,GAAE;AAAA,kBACF,GAAE;AAAA,kBACF,OAAO;AAAA,kBACP,QAAQ,wBAAwB;AAAA,kBAChC,MAAM,qBAAqB;AAAA;AAAA,cAC5B;AAAA,cACD;AAAA,gBAAC;AAAA;AAAA,kBACC,GAAG;AAAA,kBACH,GAAE;AAAA,kBACF,OAAO;AAAA,kBACP,QAAQ,wBAAwB;AAAA,kBAChC,MAAK;AAAA;AAAA,cACN;AAAA;AAAA;AAAA,QACH,GACF;AAAA,QAED,mBAAmB,IAAI,CAAC,SAAS,UAChC;AAAA,UAAC;AAAA;AAAA,YAEC,gBAAgB;AAAA,YAChB,OAAO,QAAQ;AAAA,YACf,KAAK,QAAQ;AAAA,YACb,QAAQ;AAAA;AAAA,UAJH;AAAA,QAKP,CACD;AAAA,QACD,oBAAC,SACE,uBAAa,IAAI,CAAC,OAAO,UACxB;AAAA,UAAC;AAAA;AAAA,YAEC,gBAAgB;AAAA,YAChB,QAAQ;AAAA,YACR,MAAM;AAAA,YACN,OAAO,MAAM;AAAA,YACb,KAAK,MAAM;AAAA;AAAA,UALN;AAAA,QAMP,CACD,GACH;AAAA,SACF,GACF;AAAA;AAAA,EACF;AAEJ,CAAC;AAKM,MAAM,yBAAyB,OAAO,OAAO,yBAAyB;AAAA,EAC3E,YAAY;AAAA,EACZ,YAAY;AACd,CAAC;",
+  "sourcesContent": ["import { isEmpty } from 'lodash-es';\nimport { forwardRef, type Attributes, type PropsWithChildren } from 'react';\n\nimport { svgWrapperCSS } from './GanttChartLineRenderer.sty.js';\nimport { GanttSegment } from './GanttSegment.js';\nimport { ChartStateHandler } from '../../core/components/chart-states/ChartStateHandler.js';\nimport { getChartStatesTemplates } from '../../core/components/chart-states/utils/get-chart-states-template.js';\nimport { EmptyStateSlot } from '../../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../../core/slots/chart-states/ErrorStateSlot.js';\nimport {\n  DEFAULT_GANTT_COLORS,\n  DISABLED_PATTERN_ANGLE,\n  DISABLED_PATTERN_SIZE,\n  STRIPES_PATTERN_ID,\n} from '../constants/defaults.js';\nimport { useGanttSegmentsContext } from '../context/GanttSegmentsContext.js';\n\ninterface GanttLineRendererProps extends Attributes {\n  width: number;\n  height: number;\n  loading?: boolean;\n  showBackground?: boolean;\n}\n\nconst _GanttChartLineRenderer = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<GanttLineRendererProps>\n>((props, forwardedRef) => {\n  const { width, height: svgHeight, children } = props;\n  const { segmentsData } = useGanttSegmentsContext();\n  const backgroundSegments: { start: number; end: number }[] = [];\n  const { emptyState, errorState } = getChartStatesTemplates(children);\n\n  // if showBackground is enabled, create an array of background segments to draw between the data segements\n  if (props.showBackground) {\n    segmentsData.sort((a, b) => a.start - b.start);\n    for (let i = 0; i < segmentsData.length - 1; i++) {\n      const currentSegmentEnd = segmentsData[i].end || segmentsData[i].start;\n      const nextSegmentStart = segmentsData[i + 1].start;\n      if (currentSegmentEnd < nextSegmentStart) {\n        backgroundSegments.push({\n          start: currentSegmentEnd,\n          end: nextSegmentStart,\n        });\n      }\n    }\n  }\n\n  return (\n    <ChartStateHandler\n      empty={isEmpty(segmentsData)}\n      height=\"100%\"\n      emptyState={emptyState}\n      errorState={errorState}\n      isLoading={props.loading === true}\n    >\n      <div className={svgWrapperCSS} ref={forwardedRef}>\n        <svg width={width} height={svgHeight}>\n          {backgroundSegments.length > 0 && (\n            <defs>\n              <pattern\n                id={STRIPES_PATTERN_ID}\n                patternUnits=\"userSpaceOnUse\"\n                width={DISABLED_PATTERN_SIZE * 2}\n                height={DISABLED_PATTERN_SIZE * 2}\n                patternTransform={`rotate(${DISABLED_PATTERN_ANGLE})`}\n              >\n                <rect\n                  x=\"0\"\n                  y=\"0\"\n                  width={DISABLED_PATTERN_SIZE}\n                  height={DISABLED_PATTERN_SIZE * 2}\n                  fill={DEFAULT_GANTT_COLORS.background}\n                ></rect>\n                <rect\n                  x={DISABLED_PATTERN_SIZE}\n                  y=\"0\"\n                  width={DISABLED_PATTERN_SIZE}\n                  height={DISABLED_PATTERN_SIZE * 2}\n                  fill=\"transparent\"\n                ></rect>\n              </pattern>\n            </defs>\n          )}\n          {backgroundSegments.map((segment, index) => (\n            <GanttSegment\n              key={index}\n              containerWidth={width}\n              start={segment.start}\n              end={segment.end}\n              height={svgHeight}\n            />\n          ))}\n          <g>\n            {segmentsData.map((entry, index) => (\n              <GanttSegment\n                key={index}\n                containerWidth={width}\n                height={svgHeight}\n                data={entry}\n                start={entry.start}\n                end={entry.end}\n              />\n            ))}\n          </g>\n        </svg>\n      </div>\n    </ChartStateHandler>\n  );\n});\n\n/**\n * @internal\n */\nexport const GanttChartLineRenderer = Object.assign(_GanttChartLineRenderer, {\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n});\n"],
+  "mappings": "AA4Dc,SAOE,KAPF;AA5Dd,SAAS,eAAe;AACxB,SAAS,kBAA2D;AAEpE,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;AAClC,SAAS,+BAA+B;AACxC,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,+BAA+B;AASxC,MAAM,0BAA0B,WAG9B,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,OAAO,QAAQ,WAAW,SAAS,IAAI;AAC/C,QAAM,EAAE,aAAa,IAAI,wBAAwB;AACjD,QAAM,qBAAuD,CAAC;AAC9D,QAAM,EAAE,YAAY,WAAW,IAAI,wBAAwB,QAAQ;AAGnE,MAAI,MAAM,gBAAgB;AACxB,iBAAa,KAAK,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK;AAC7C,aAAS,IAAI,GAAG,IAAI,aAAa,SAAS,GAAG,KAAK;AAChD,YAAM,oBAAoB,aAAa,CAAC,EAAE,OAAO,aAAa,CAAC,EAAE;AACjE,YAAM,mBAAmB,aAAa,IAAI,CAAC,EAAE;AAC7C,UAAI,oBAAoB,kBAAkB;AACxC,2BAAmB,KAAK;AAAA,UACtB,OAAO;AAAA,UACP,KAAK;AAAA,QACP,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,QAAQ,YAAY;AAAA,MAC3B,QAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,WAAW,MAAM,YAAY;AAAA,MAE7B,8BAAC,SAAI,WAAW,eAAe,KAAK,cAClC,+BAAC,SAAI,OAAc,QAAQ,WACxB;AAAA,2BAAmB,SAAS,KAC3B,oBAAC,UACC;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,YACJ,cAAa;AAAA,YACb,OAAO,wBAAwB;AAAA,YAC/B,QAAQ,wBAAwB;AAAA,YAChC,kBAAkB,UAAU,sBAAsB;AAAA,YAElD;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,GAAE;AAAA,kBACF,GAAE;AAAA,kBACF,OAAO;AAAA,kBACP,QAAQ,wBAAwB;AAAA,kBAChC,MAAM,qBAAqB;AAAA;AAAA,cAC5B;AAAA,cACD;AAAA,gBAAC;AAAA;AAAA,kBACC,GAAG;AAAA,kBACH,GAAE;AAAA,kBACF,OAAO;AAAA,kBACP,QAAQ,wBAAwB;AAAA,kBAChC,MAAK;AAAA;AAAA,cACN;AAAA;AAAA;AAAA,QACH,GACF;AAAA,QAED,mBAAmB,IAAI,CAAC,SAAS,UAChC;AAAA,UAAC;AAAA;AAAA,YAEC,gBAAgB;AAAA,YAChB,OAAO,QAAQ;AAAA,YACf,KAAK,QAAQ;AAAA,YACb,QAAQ;AAAA;AAAA,UAJH;AAAA,QAKP,CACD;AAAA,QACD,oBAAC,OACE,uBAAa,IAAI,CAAC,OAAO,UACxB;AAAA,UAAC;AAAA;AAAA,YAEC,gBAAgB;AAAA,YAChB,QAAQ;AAAA,YACR,MAAM;AAAA,YACN,OAAO,MAAM;AAAA,YACb,KAAK,MAAM;AAAA;AAAA,UALN;AAAA,QAMP,CACD,GACH;AAAA,SACF,GACF;AAAA;AAAA,EACF;AAEJ,CAAC;AAKM,MAAM,yBAAyB,OAAO,OAAO,yBAAyB;AAAA,EAC3E,YAAY;AAAA,EACZ,YAAY;AACd,CAAC;",
   "names": []
 }

package/esm/charts/gantt-chart/components/GanttChartLineRenderer.sty.js

@@ -1,5 +1,5 @@
 import "./GanttChartLineRenderer.css";
-var svgWrapperCSS = "_mnxak30-3-7-1";
+var svgWrapperCSS = "_mnxak30-3-9-0";
 export {
   svgWrapperCSS
 };

package/esm/charts/gantt-chart/components/GanttChartLineRenderer.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/gantt-chart/components/GanttChartLineRenderer.css.ts"],
-  "sourcesContent": ["import './GanttChartLineRenderer.css';\nexport var svgWrapperCSS = '_mnxak30-3-7-1';"],
+  "sourcesContent": ["import './GanttChartLineRenderer.css';\nexport var svgWrapperCSS = '_mnxak30-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,gBAAgB;",
   "names": []
 }

package/esm/charts/gantt-chart/components/tooltip/GanttChartTooltip.css

@@ -1,4 +1,4 @@
-._1v8s3xl0-3-7-1._1v8s3xl0-3-7-1 {
+._1v8s3xl0-3-9-0._1v8s3xl0-3-9-0 {
   max-height: initial;
   min-width: 160px;
   max-width: 320px;

package/esm/charts/gantt-chart/components/tooltip/GanttChartTooltip.sty.js

@@ -1,5 +1,5 @@
 import "./GanttChartTooltip.css";
-var ganttChartTooltipCSS = "_1v8s3xl0-3-7-1";
+var ganttChartTooltipCSS = "_1v8s3xl0-3-9-0";
 export {
   ganttChartTooltipCSS
 };

package/esm/charts/gantt-chart/components/tooltip/GanttChartTooltip.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gantt-chart/components/tooltip/GanttChartTooltip.css.ts"],
-  "sourcesContent": ["import './GanttChartTooltip.css';\nexport var ganttChartTooltipCSS = '_1v8s3xl0-3-7-1';"],
+  "sourcesContent": ["import './GanttChartTooltip.css';\nexport var ganttChartTooltipCSS = '_1v8s3xl0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,uBAAuB;",
   "names": []
 }

package/esm/charts/gauge/components/GaugeChartLayout/GaugeChartLayout.css

@@ -1,4 +1,4 @@
-._ezp7cy0-3-7-1 {
+._ezp7cy0-3-9-0 {
   width: 100%;
   height: 100%;
   container-type: size;

package/esm/charts/gauge/components/GaugeChartLayout/GaugeChartLayout.sty.js

@@ -1,5 +1,5 @@
 import "./GaugeChartLayout.css";
-var layoutContainer = "_ezp7cy0-3-7-1";
+var layoutContainer = "_ezp7cy0-3-9-0";
 export {
   layoutContainer
 };

package/esm/charts/gauge/components/GaugeChartLayout/GaugeChartLayout.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gauge/components/GaugeChartLayout/GaugeChartLayout.css.ts"],
-  "sourcesContent": ["import './GaugeChartLayout.css';\nexport var layoutContainer = '_ezp7cy0-3-7-1';"],
+  "sourcesContent": ["import './GaugeChartLayout.css';\nexport var layoutContainer = '_ezp7cy0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;",
   "names": []
 }

package/esm/charts/gauge/components/GaugeChartLayout/GaugeChartToolbar.js

@@ -5,14 +5,13 @@ import { getA11yToolbarConfig } from "../../../core/utils/zoom.js";
 import { zIndexGaugeAreas } from "../../constants.js";
 const GaugeChartToolbar = (props) => {
   const dispatch = useTooltipReducer();
-  const { intents, toolbar } = props;
+  const { intents, toolbar, handlerRef } = props;
   if (toolbar.hidden) {
     return null;
   }
   return /* @__PURE__ */ jsx(
     ChartToolbarRenderer,
     {
-      visible: false,
       collapsed: false,
       draggable: true,
       placement: toolbar.placement,
@@ -25,6 +24,7 @@ const GaugeChartToolbar = (props) => {
       toolbarDisplayMode: "overlay",
       removeDragHandle: true,
       visibleWhenMouseInBounds: true,
+      handlerRef,
       onToggleMenu: (isOpen) => {
         if (isOpen) {
           dispatch({ type: "RESET_TOOLTIP" })();

package/esm/charts/gauge/components/GaugeChartLayout/GaugeChartToolbar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gauge/components/GaugeChartLayout/GaugeChartToolbar.tsx"],
-  "sourcesContent": ["import type { IntentProps } from '../../../../core/slots/Intent/Intent.js';\nimport { useTooltipReducer } from '../../../core/components/overlay-tooltip/useTooltipReducer.js';\nimport { ChartToolbarRenderer } from '../../../core/components/toolbar/ChartToolbarRenderer.js';\nimport type { CompactToolbarProps } from '../../../core/slots/toolbar/CompactToolbar.js';\nimport { getA11yToolbarConfig } from '../../../core/utils/zoom.js';\nimport { zIndexGaugeAreas } from '../../constants.js';\n\nexport type GaugeChartToolbarProps = {\n  intents: IntentProps[];\n  toolbar: Required<CompactToolbarProps>;\n};\n\nexport const GaugeChartToolbar = (props: GaugeChartToolbarProps) => {\n  const dispatch = useTooltipReducer();\n  const { intents, toolbar } = props;\n\n  if (toolbar.hidden) {\n    return null;\n  }\n\n  return (\n    <ChartToolbarRenderer\n      visible={false}\n      collapsed={false}\n      draggable\n      placement={toolbar.placement}\n      initialA11yState={getA11yToolbarConfig({\n        intent: !!intents,\n      })}\n      zIndex={zIndexGaugeAreas.toolbar}\n      intents={intents}\n      menuDisplayMode=\"never\"\n      toolbarDisplayMode=\"overlay\"\n      removeDragHandle\n      visibleWhenMouseInBounds\n      onToggleMenu={(isOpen) => {\n        if (isOpen) {\n          dispatch({ type: 'RESET_TOOLTIP' })();\n        }\n      }}\n    />\n  );\n};\n"],
-  "mappings": "AAqBI;AApBJ,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AAErC,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AAO1B,MAAM,oBAAoB,CAAC,UAAkC;AAClE,QAAM,WAAW,kBAAkB;AACnC,QAAM,EAAE,SAAS,QAAQ,IAAI;AAE7B,MAAI,QAAQ,QAAQ;AAClB,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,WAAW;AAAA,MACX,WAAS;AAAA,MACT,WAAW,QAAQ;AAAA,MACnB,kBAAkB,qBAAqB;AAAA,QACrC,QAAQ,CAAC,CAAC;AAAA,MACZ,CAAC;AAAA,MACD,QAAQ,iBAAiB;AAAA,MACzB;AAAA,MACA,iBAAgB;AAAA,MAChB,oBAAmB;AAAA,MACnB,kBAAgB;AAAA,MAChB,0BAAwB;AAAA,MACxB,cAAc,CAAC,WAAW;AACxB,YAAI,QAAQ;AACV,mBAAS,EAAE,MAAM,gBAAgB,CAAC,EAAE;AAAA,QACtC;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["import type { IntentProps } from '../../../../core/slots/Intent/Intent.js';\nimport { useTooltipReducer } from '../../../core/components/overlay-tooltip/useTooltipReducer.js';\nimport { ChartToolbarRenderer } from '../../../core/components/toolbar/ChartToolbarRenderer.js';\nimport type { ChartToolbarRendererProps } from '../../../core/components/toolbar/types.js';\nimport type { CompactToolbarProps } from '../../../core/slots/toolbar/CompactToolbar.js';\nimport { getA11yToolbarConfig } from '../../../core/utils/zoom.js';\nimport { zIndexGaugeAreas } from '../../constants.js';\n\nexport type GaugeChartToolbarProps = {\n  intents: IntentProps[];\n  toolbar: Required<CompactToolbarProps>;\n  handlerRef?: ChartToolbarRendererProps['handlerRef'];\n};\n\nexport const GaugeChartToolbar = (props: GaugeChartToolbarProps) => {\n  const dispatch = useTooltipReducer();\n  const { intents, toolbar, handlerRef } = props;\n\n  if (toolbar.hidden) {\n    return null;\n  }\n\n  return (\n    <ChartToolbarRenderer\n      collapsed={false}\n      draggable\n      placement={toolbar.placement}\n      initialA11yState={getA11yToolbarConfig({\n        intent: !!intents,\n      })}\n      zIndex={zIndexGaugeAreas.toolbar}\n      intents={intents}\n      menuDisplayMode=\"never\"\n      toolbarDisplayMode=\"overlay\"\n      removeDragHandle\n      visibleWhenMouseInBounds\n      handlerRef={handlerRef}\n      onToggleMenu={(isOpen) => {\n        if (isOpen) {\n          dispatch({ type: 'RESET_TOOLTIP' })();\n        }\n      }}\n    />\n  );\n};\n"],
+  "mappings": "AAuBI;AAtBJ,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AAGrC,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AAQ1B,MAAM,oBAAoB,CAAC,UAAkC;AAClE,QAAM,WAAW,kBAAkB;AACnC,QAAM,EAAE,SAAS,SAAS,WAAW,IAAI;AAEzC,MAAI,QAAQ,QAAQ;AAClB,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,WAAS;AAAA,MACT,WAAW,QAAQ;AAAA,MACnB,kBAAkB,qBAAqB;AAAA,QACrC,QAAQ,CAAC,CAAC;AAAA,MACZ,CAAC;AAAA,MACD,QAAQ,iBAAiB;AAAA,MACzB;AAAA,MACA,iBAAgB;AAAA,MAChB,oBAAmB;AAAA,MACnB,kBAAgB;AAAA,MAChB,0BAAwB;AAAA,MACxB;AAAA,MACA,cAAc,CAAC,WAAW;AACxB,YAAI,QAAQ;AACV,mBAAS,EAAE,MAAM,gBAAgB,CAAC,EAAE;AAAA,QACtC;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/esm/charts/gauge/components/GaugeChartTooltip/GaugeOverlayTooltip.js

@@ -31,7 +31,7 @@ const GaugeOverlayTooltip = ({
       name: tooltipName,
       unit: typeof unit === "string" ? unit : void 0
     };
-    return /* @__PURE__ */ jsx(OverlayTooltip, { legacyTemplate: template(customItem) });
+    return /* @__PURE__ */ jsx(OverlayTooltip, { template: template(customItem) });
   }
   return /* @__PURE__ */ jsx(OverlayTooltip, { children: /* @__PURE__ */ jsx(
     OverlayTooltip.SeriesItem,

package/esm/charts/gauge/components/GaugeChartTooltip/GaugeOverlayTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gauge/components/GaugeChartTooltip/GaugeOverlayTooltip.tsx"],
-  "sourcesContent": ["import { useIntl } from 'react-intl';\n\nimport { OverlayTooltip } from '../../../core/components/overlay-tooltip/OverlayTooltip.js';\nimport { useTooltipSeriesActions } from '../../../core/components/tooltip/shared/hooks/useTooltipSeriesActions.js';\nimport type { SeriesActionsTemplate } from '../../../core/types/series-actions-template.js';\nimport { useGaugeChartTooltip } from '../../contexts/GaugeChartTooltipContext.js';\nimport { useGaugeChartFormatterContext } from '../../hooks/useGaugeChartFormatterContext.js';\nimport type { GaugeChartTooltipItem } from '../../slots/Tooltip.js';\n\ninterface GaugeOverlayTooltipProps {\n  value: number;\n  color: string;\n}\n\nexport const GaugeOverlayTooltip = ({\n  value,\n  color,\n}: GaugeOverlayTooltipProps) => {\n  const intl = useIntl();\n  const { formatter, unit } = useGaugeChartFormatterContext();\n  const { name: tooltipName, template } = useGaugeChartTooltip();\n\n  const seriesName =\n    tooltipName ??\n    intl.formatMessage({ defaultMessage: 'Value', id: 'jc4XDeI4sf7aLs2W' });\n  const formattedValue = formatter(value, unit);\n\n  const tooltipItem = {\n    id: `${seriesName}-${value}`,\n    name: seriesName,\n    values: [formattedValue],\n  };\n\n  const seriesActions = useTooltipSeriesActions(\n    [tooltipItem],\n    (item) => item.id,\n  );\n\n  const actions = (\n    tooltipItem ? () => seriesActions(tooltipItem) : undefined\n  ) as (() => SeriesActionsTemplate) | undefined;\n\n  if (template) {\n    const customItem: GaugeChartTooltipItem = {\n      value,\n      formattedValue,\n      color,\n      name: tooltipName,\n      unit: typeof unit === 'string' ? unit : undefined,\n    };\n    return <OverlayTooltip legacyTemplate={template(customItem)} />;\n  }\n\n  return (\n    <OverlayTooltip>\n      <OverlayTooltip.SeriesItem\n        name={seriesName}\n        value={formattedValue}\n        color={color}\n        actions={actions}\n      />\n    </OverlayTooltip>\n  );\n};\n\nGaugeOverlayTooltip['displayName'] = 'GaugeOverlayTooltip';\n"],
-  "mappings": "AAkDW;AAlDX,SAAS,eAAe;AAExB,SAAS,sBAAsB;AAC/B,SAAS,+BAA+B;AAExC,SAAS,4BAA4B;AACrC,SAAS,qCAAqC;AAQvC,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AACF,MAAgC;AAC9B,QAAM,OAAO,QAAQ;AACrB,QAAM,EAAE,WAAW,KAAK,IAAI,8BAA8B;AAC1D,QAAM,EAAE,MAAM,aAAa,SAAS,IAAI,qBAAqB;AAE7D,QAAM,aACJ,eACA,KAAK,cAAc,EAAE,gBAAgB,SAAS,IAAI,mBAAmB,CAAC;AACxE,QAAM,iBAAiB,UAAU,OAAO,IAAI;AAE5C,QAAM,cAAc;AAAA,IAClB,IAAI,GAAG,UAAU,IAAI,KAAK;AAAA,IAC1B,MAAM;AAAA,IACN,QAAQ,CAAC,cAAc;AAAA,EACzB;AAEA,QAAM,gBAAgB;AAAA,IACpB,CAAC,WAAW;AAAA,IACZ,CAAC,SAAS,KAAK;AAAA,EACjB;AAEA,QAAM,UACJ,cAAc,MAAM,cAAc,WAAW,IAAI;AAGnD,MAAI,UAAU;AACZ,UAAM,aAAoC;AAAA,MACxC;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN,MAAM,OAAO,SAAS,WAAW,OAAO;AAAA,IAC1C;AACA,WAAO,oBAAC,kBAAe,gBAAgB,SAAS,UAAU,GAAG;AAAA,EAC/D;AAEA,SACE,oBAAC,kBACC;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC,MAAM;AAAA,MACN,OAAO;AAAA,MACP;AAAA,MACA;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,oBAAoB,aAAa,IAAI;",
+  "sourcesContent": ["import { useIntl } from 'react-intl';\n\nimport { OverlayTooltip } from '../../../core/components/overlay-tooltip/OverlayTooltip.js';\nimport { useTooltipSeriesActions } from '../../../core/components/tooltip/shared/hooks/useTooltipSeriesActions.js';\nimport type { SeriesActionsTemplate } from '../../../core/types/series-actions-template.js';\nimport { useGaugeChartTooltip } from '../../contexts/GaugeChartTooltipContext.js';\nimport { useGaugeChartFormatterContext } from '../../hooks/useGaugeChartFormatterContext.js';\nimport type { GaugeChartTooltipItem } from '../../slots/Tooltip.js';\n\ninterface GaugeOverlayTooltipProps {\n  value: number;\n  color: string;\n}\n\nexport const GaugeOverlayTooltip = ({\n  value,\n  color,\n}: GaugeOverlayTooltipProps) => {\n  const intl = useIntl();\n  const { formatter, unit } = useGaugeChartFormatterContext();\n  const { name: tooltipName, template } = useGaugeChartTooltip();\n\n  const seriesName =\n    tooltipName ??\n    intl.formatMessage({ defaultMessage: 'Value', id: 'jc4XDeI4sf7aLs2W' });\n  const formattedValue = formatter(value, unit);\n\n  const tooltipItem = {\n    id: `${seriesName}-${value}`,\n    name: seriesName,\n    values: [formattedValue],\n  };\n\n  const seriesActions = useTooltipSeriesActions(\n    [tooltipItem],\n    (item) => item.id,\n  );\n\n  const actions = (\n    tooltipItem ? () => seriesActions(tooltipItem) : undefined\n  ) as (() => SeriesActionsTemplate) | undefined;\n\n  if (template) {\n    const customItem: GaugeChartTooltipItem = {\n      value,\n      formattedValue,\n      color,\n      name: tooltipName,\n      unit: typeof unit === 'string' ? unit : undefined,\n    };\n    return <OverlayTooltip template={template(customItem)} />;\n  }\n\n  return (\n    <OverlayTooltip>\n      <OverlayTooltip.SeriesItem\n        name={seriesName}\n        value={formattedValue}\n        color={color}\n        actions={actions}\n      />\n    </OverlayTooltip>\n  );\n};\n\nGaugeOverlayTooltip['displayName'] = 'GaugeOverlayTooltip';\n"],
+  "mappings": "AAkDW;AAlDX,SAAS,eAAe;AAExB,SAAS,sBAAsB;AAC/B,SAAS,+BAA+B;AAExC,SAAS,4BAA4B;AACrC,SAAS,qCAAqC;AAQvC,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AACF,MAAgC;AAC9B,QAAM,OAAO,QAAQ;AACrB,QAAM,EAAE,WAAW,KAAK,IAAI,8BAA8B;AAC1D,QAAM,EAAE,MAAM,aAAa,SAAS,IAAI,qBAAqB;AAE7D,QAAM,aACJ,eACA,KAAK,cAAc,EAAE,gBAAgB,SAAS,IAAI,mBAAmB,CAAC;AACxE,QAAM,iBAAiB,UAAU,OAAO,IAAI;AAE5C,QAAM,cAAc;AAAA,IAClB,IAAI,GAAG,UAAU,IAAI,KAAK;AAAA,IAC1B,MAAM;AAAA,IACN,QAAQ,CAAC,cAAc;AAAA,EACzB;AAEA,QAAM,gBAAgB;AAAA,IACpB,CAAC,WAAW;AAAA,IACZ,CAAC,SAAS,KAAK;AAAA,EACjB;AAEA,QAAM,UACJ,cAAc,MAAM,cAAc,WAAW,IAAI;AAGnD,MAAI,UAAU;AACZ,UAAM,aAAoC;AAAA,MACxC;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN,MAAM,OAAO,SAAS,WAAW,OAAO;AAAA,IAC1C;AACA,WAAO,oBAAC,kBAAe,UAAU,SAAS,UAAU,GAAG;AAAA,EACzD;AAEA,SACE,oBAAC,kBACC;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC,MAAM;AAAA,MACN,OAAO;AAAA,MACP;AAAA,MACA;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,oBAAoB,aAAa,IAAI;",
   "names": []
 }