@dynatrace/strato-components 3.5.2 → 3.7.0

package/esm/charts/core/components/tooltip/section-components/TooltipItem/TooltipItem.sty.js

@@ -1,6 +1,6 @@
 import "./TooltipItem.css";
-var container = "_1xw2xi61-3-5-2";
-var itemContainer = "_1xw2xi60-3-5-2";
+var container = "_1xw2xi61-3-7-0";
+var itemContainer = "_1xw2xi60-3-7-0";
 export {
   container,
   itemContainer

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/section-components/TooltipItem/TooltipItem.css.ts"],
-  "sourcesContent": ["import './TooltipItem.css';\nexport var container = '_1xw2xi61-3-5-2';\nexport var itemContainer = '_1xw2xi60-3-5-2';"],
+  "sourcesContent": ["import './TooltipItem.css';\nexport var container = '_1xw2xi61-3-7-0';\nexport var itemContainer = '_1xw2xi60-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;AAChB,IAAI,gBAAgB;",
   "names": []
 }

package/esm/charts/core/components/tooltip/section-components/TooltipSymbolContent/TooltipSymbolContent.css

@@ -1,4 +1,4 @@
-._1alqzxh0-3-5-2 {
+._1alqzxh0-3-7-0 {
   flex: 0 0 var(--dt-spacings-size-24, 24px);
   height: var(--dt-spacings-size-24, 24px);
   padding-right: var(--dt-spacings-size-4, 4px);

package/esm/charts/core/components/tooltip/section-components/TooltipSymbolContent/TooltipSymbolContent.sty.js

@@ -1,5 +1,5 @@
 import "./TooltipSymbolContent.css";
-var container = "_1alqzxh0-3-5-2";
+var container = "_1alqzxh0-3-7-0";
 export {
   container
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/section-components/TooltipSymbolContent/TooltipSymbolContent.css.ts"],
-  "sourcesContent": ["import './TooltipSymbolContent.css';\nexport var container = '_1alqzxh0-3-5-2';"],
+  "sourcesContent": ["import './TooltipSymbolContent.css';\nexport var container = '_1alqzxh0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/core/components/tooltip/section-components/VirtualizedTooltipBody/VirtualizedTooltipBody.css

@@ -1,8 +1,8 @@
-._1n2hhq90-3-5-2 {
+._1n2hhq90-3-7-0 {
   width: 100%;
   position: relative;
 }
-._1n2hhq91-3-5-2 {
+._1n2hhq91-3-7-0 {
   list-style: none;
   padding: 0;
   margin: 0;

package/esm/charts/core/components/tooltip/section-components/VirtualizedTooltipBody/VirtualizedTooltipBody.sty.js

@@ -1,6 +1,6 @@
 import "./VirtualizedTooltipBody.css";
-var itemsList = "_1n2hhq91-3-5-2";
-var listContainer = "_1n2hhq90-3-5-2";
+var itemsList = "_1n2hhq91-3-7-0";
+var listContainer = "_1n2hhq90-3-7-0";
 export {
   itemsList,
   listContainer

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/section-components/VirtualizedTooltipBody/VirtualizedTooltipBody.css.ts"],
-  "sourcesContent": ["import './VirtualizedTooltipBody.css';\nexport var itemsList = '_1n2hhq91-3-5-2';\nexport var listContainer = '_1n2hhq90-3-5-2';"],
+  "sourcesContent": ["import './VirtualizedTooltipBody.css';\nexport var itemsList = '_1n2hhq91-3-7-0';\nexport var listContainer = '_1n2hhq90-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;AAChB,IAAI,gBAAgB;",
   "names": []
 }

package/esm/charts/core/components/tooltip/shared/styles/SeriesBasedContent.css

@@ -1,4 +1,4 @@
-._dacoys0-3-5-2 {
+._dacoys0-3-7-0 {
   padding-right: var(--dt-spacings-size-4, 4px);
   padding-left: var(--dt-spacings-size-6, 6px);
   border: none;
@@ -8,13 +8,13 @@
   width: 100%;
   font-family: var(--dt-typography-text-base-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
 }
-._dacoys0-3-5-2:hover {
+._dacoys0-3-7-0:hover {
   background-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   border-radius: var(--dt-borders-radius-field-default, 6px);
   cursor: pointer;
 }
-._dacoys1-3-5-2 {
+._dacoys1-3-7-0 {
   display: grid;
   align-items: center;
   column-gap: var(--dt-spacings-size-8, 8px);
@@ -24,20 +24,20 @@
   font-weight: var(--dt-typography-text-small-default-weight, 400);
   padding: var(--dt-spacings-size-2, 2px) 0px;
 }
-._dacoys2-3-5-2 {
+._dacoys2-3-7-0 {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: var(--dt-typography-text-small-default-size, 12px);
 }
-._dacoys3-3-5-2 {
+._dacoys3-3-7-0 {
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
 }
-._dacoys4-3-5-2 {
+._dacoys4-3-7-0 {
   font-weight: var(--dt-typography-text-base-default-weight, 400);
 }
-._dacoys5-3-5-2 {
+._dacoys5-3-7-0 {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   white-space: nowrap;
   overflow: hidden;
@@ -50,20 +50,20 @@
   width: 100%;
   box-sizing: border-box;
 }
-._dacoys6-3-5-2 {
+._dacoys6-3-7-0 {
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
 }
-._dacoys7-3-5-2 {
+._dacoys7-3-7-0 {
   font-weight: var(--dt-typography-text-base-default-weight, 400);
 }
-._dacoys8-3-5-2 {
+._dacoys8-3-7-0 {
   width: 100%;
   box-sizing: border-box;
 }
-._dacoys9-3-5-2 {
+._dacoys9-3-7-0 {
   padding-left: 0;
 }
-._dacoysa-3-5-2 {
+._dacoysa-3-7-0 {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
   border-radius: var(--dt-borders-radius-field-default, 6px);

package/esm/charts/core/components/tooltip/shared/styles/SeriesBasedContent.sty.js

@@ -1,13 +1,13 @@
 import "../../../../../../styles/textStyle.css";
 import "./SeriesBasedContent.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var detailViewContent = "_dacoys0-3-5-2";
-var detailViewItem = "_dacoys1-3-5-2";
-var multipleDimensionContainer = _7a468({ defaultClassName: "_dacoys5-3-5-2", variantClassNames: { highlighted: { true: "_dacoys6-3-5-2", false: "_dacoys7-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
-var multipleDimensionItem = "_dacoys8-3-5-2";
-var singleDimensionContainer = _7a468({ defaultClassName: "_dacoys2-3-5-2", variantClassNames: { highlighted: { true: "_dacoys3-3-5-2", false: "_dacoys4-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
-var valueContainer = "_dacoys9-3-5-2";
-var valueItem = "_dacoysa-3-5-2 _da9a8v0-3-5-2 _da9a8v2-3-5-2 _da9a8v6-3-5-2 _da9a8ve-3-5-2";
+var detailViewContent = "_dacoys0-3-7-0";
+var detailViewItem = "_dacoys1-3-7-0";
+var multipleDimensionContainer = _7a468({ defaultClassName: "_dacoys5-3-7-0", variantClassNames: { highlighted: { true: "_dacoys6-3-7-0", false: "_dacoys7-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
+var multipleDimensionItem = "_dacoys8-3-7-0";
+var singleDimensionContainer = _7a468({ defaultClassName: "_dacoys2-3-7-0", variantClassNames: { highlighted: { true: "_dacoys3-3-7-0", false: "_dacoys4-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
+var valueContainer = "_dacoys9-3-7-0";
+var valueItem = "_dacoysa-3-7-0 _da9a8v0-3-7-0 _da9a8v2-3-7-0 _da9a8v6-3-7-0 _da9a8ve-3-7-0";
 export {
   detailViewContent,
   detailViewItem,

package/esm/charts/core/components/tooltip/shared/styles/SeriesBasedContent.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/shared/styles/SeriesBasedContent.css.ts"],
-  "sourcesContent": ["import '../../../../../../styles/textStyle.css';\nimport './SeriesBasedContent.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var detailViewContent = '_dacoys0-3-5-2';\nexport var detailViewItem = '_dacoys1-3-5-2';\nexport var multipleDimensionContainer = _7a468({defaultClassName:'_dacoys5-3-5-2',variantClassNames:{highlighted:{true:'_dacoys6-3-5-2',false:'_dacoys7-3-5-2'}},defaultVariants:{},compoundVariants:[]});\nexport var multipleDimensionItem = '_dacoys8-3-5-2';\nexport var singleDimensionContainer = _7a468({defaultClassName:'_dacoys2-3-5-2',variantClassNames:{highlighted:{true:'_dacoys3-3-5-2',false:'_dacoys4-3-5-2'}},defaultVariants:{},compoundVariants:[]});\nexport var valueContainer = '_dacoys9-3-5-2';\nexport var valueItem = '_dacoysa-3-5-2 _da9a8v0-3-5-2 _da9a8v2-3-5-2 _da9a8v6-3-5-2 _da9a8ve-3-5-2';"],
+  "sourcesContent": ["import '../../../../../../styles/textStyle.css';\nimport './SeriesBasedContent.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var detailViewContent = '_dacoys0-3-7-0';\nexport var detailViewItem = '_dacoys1-3-7-0';\nexport var multipleDimensionContainer = _7a468({defaultClassName:'_dacoys5-3-7-0',variantClassNames:{highlighted:{true:'_dacoys6-3-7-0',false:'_dacoys7-3-7-0'}},defaultVariants:{},compoundVariants:[]});\nexport var multipleDimensionItem = '_dacoys8-3-7-0';\nexport var singleDimensionContainer = _7a468({defaultClassName:'_dacoys2-3-7-0',variantClassNames:{highlighted:{true:'_dacoys3-3-7-0',false:'_dacoys4-3-7-0'}},defaultVariants:{},compoundVariants:[]});\nexport var valueContainer = '_dacoys9-3-7-0';\nexport var valueItem = '_dacoysa-3-7-0 _da9a8v0-3-7-0 _da9a8v2-3-7-0 _da9a8v6-3-7-0 _da9a8ve-3-7-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,oBAAoB;AACxB,IAAI,iBAAiB;AACrB,IAAI,6BAA6B,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,aAAY,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACjM,IAAI,wBAAwB;AAC5B,IAAI,2BAA2B,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,aAAY,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC/L,IAAI,iBAAiB;AACrB,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/core/components/tooltip/shared/styles/TooltipBody.css

@@ -1,4 +1,4 @@
-._1rpjobh0-3-5-2 {
+._1rpjobh0-3-7-0 {
   overflow: hidden auto;
   width: 100%;
   height: 100%;

package/esm/charts/core/components/tooltip/shared/styles/TooltipBody.sty.js

@@ -1,5 +1,5 @@
 import "./TooltipBody.css";
-var container = "_1rpjobh0-3-5-2";
+var container = "_1rpjobh0-3-7-0";
 export {
   container
 };

package/esm/charts/core/components/tooltip/shared/styles/TooltipBody.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip/shared/styles/TooltipBody.css.ts"],
-  "sourcesContent": ["import './TooltipBody.css';\nexport var container = '_1rpjobh0-3-5-2';"],
+  "sourcesContent": ["import './TooltipBody.css';\nexport var container = '_1rpjobh0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/core/components/tooltip-atoms/components/HeaderChipAtom/HeaderChipAtom.css

@@ -1,4 +1,4 @@
-._19a28040-3-5-2 {
+._19a28040-3-7-0 {
   height: 16px;
   min-width: 45px;
   display: flex;

package/esm/charts/core/components/tooltip-atoms/components/HeaderChipAtom/HeaderChipAtom.sty.js

@@ -1,5 +1,5 @@
 import "./HeaderChipAtom.css";
-var headerChipAtom = "_19a28040-3-5-2";
+var headerChipAtom = "_19a28040-3-7-0";
 export {
   headerChipAtom
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/tooltip-atoms/components/HeaderChipAtom/HeaderChipAtom.css.ts"],
-  "sourcesContent": ["import './HeaderChipAtom.css';\nexport var headerChipAtom = '_19a28040-3-5-2';"],
+  "sourcesContent": ["import './HeaderChipAtom.css';\nexport var headerChipAtom = '_19a28040-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;",
   "names": []
 }

package/esm/charts/core/components/tooltip-atoms/components/styles.css

@@ -1,4 +1,4 @@
-._1b8jnp60-3-5-2 {
+._1b8jnp60-3-7-0 {
   width: 100%;
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   font-size: var(--dt-typography-text-small-default-size, 12px);
@@ -6,7 +6,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._1b8jnp61-3-5-2 {
+._1b8jnp61-3-7-0 {
   height: 16px;
   min-width: 45px;
   display: flex;
@@ -20,7 +20,7 @@
   background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
 }
-._1b8jnp62-3-5-2 {
+._1b8jnp62-3-7-0 {
   width: 100%;
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   font-size: var(--dt-typography-text-small-default-size, 12px);
@@ -28,7 +28,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._1b8jnp63-3-5-2 {
+._1b8jnp63-3-7-0 {
   height: 24px;
   width: 24px;
   display: flex;

package/esm/charts/core/components/tooltip-atoms/components/styles.sty.js

@@ -1,8 +1,8 @@
 import "./styles.css";
-var chipAtom = "_1b8jnp61-3-5-2";
-var primaryInfo = "_1b8jnp62-3-5-2";
-var secondaryInfo = "_1b8jnp60-3-5-2";
-var symbolAtom = "_1b8jnp63-3-5-2";
+var chipAtom = "_1b8jnp61-3-7-0";
+var primaryInfo = "_1b8jnp62-3-7-0";
+var secondaryInfo = "_1b8jnp60-3-7-0";
+var symbolAtom = "_1b8jnp63-3-7-0";
 export {
   chipAtom,
   primaryInfo,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/tooltip-atoms/components/styles.css.ts"],
-  "sourcesContent": ["import './styles.css';\nexport var chipAtom = '_1b8jnp61-3-5-2';\nexport var primaryInfo = '_1b8jnp62-3-5-2';\nexport var secondaryInfo = '_1b8jnp60-3-5-2';\nexport var symbolAtom = '_1b8jnp63-3-5-2';"],
+  "sourcesContent": ["import './styles.css';\nexport var chipAtom = '_1b8jnp61-3-7-0';\nexport var primaryInfo = '_1b8jnp62-3-7-0';\nexport var secondaryInfo = '_1b8jnp60-3-7-0';\nexport var symbolAtom = '_1b8jnp63-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;AACf,IAAI,cAAc;AAClB,IAAI,gBAAgB;AACpB,IAAI,aAAa;",
   "names": []
 }

package/esm/charts/core/components/zoom/ZoomCursors.css

@@ -1,8 +1,8 @@
-._1idfwsm0-3-5-2 {
+._1idfwsm0-3-7-0 {
   cursor: ew-resize;
   user-select: none;
   touch-action: pan-y;
 }
-._1idfwsm1-3-5-2 {
+._1idfwsm1-3-7-0 {
   cursor: default;
 }

package/esm/charts/core/components/zoom/ZoomCursors.sty.js

@@ -1,8 +1,8 @@
 import "./ZoomCursors.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var cursorStyle = _7a468({ defaultClassName: "_1idfwsm2-3-5-2", variantClassNames: { isPanEnabled: { true: "_1idfwsm0-3-5-2", false: "_1idfwsm1-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
-var defaultCursor = "_1idfwsm1-3-5-2";
-var resizeCursor = "_1idfwsm0-3-5-2";
+var cursorStyle = _7a468({ defaultClassName: "_1idfwsm2-3-7-0", variantClassNames: { isPanEnabled: { true: "_1idfwsm0-3-7-0", false: "_1idfwsm1-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
+var defaultCursor = "_1idfwsm1-3-7-0";
+var resizeCursor = "_1idfwsm0-3-7-0";
 export {
   cursorStyle,
   defaultCursor,

package/esm/charts/core/components/zoom/ZoomCursors.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/zoom/ZoomCursors.css.ts"],
-  "sourcesContent": ["import './ZoomCursors.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var cursorStyle = _7a468({defaultClassName:'_1idfwsm2-3-5-2',variantClassNames:{isPanEnabled:{true:'_1idfwsm0-3-5-2',false:'_1idfwsm1-3-5-2'}},defaultVariants:{},compoundVariants:[]});\nexport var defaultCursor = '_1idfwsm1-3-5-2';\nexport var resizeCursor = '_1idfwsm0-3-5-2';"],
+  "sourcesContent": ["import './ZoomCursors.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var cursorStyle = _7a468({defaultClassName:'_1idfwsm2-3-7-0',variantClassNames:{isPanEnabled:{true:'_1idfwsm0-3-7-0',false:'_1idfwsm1-3-7-0'}},defaultVariants:{},compoundVariants:[]});\nexport var defaultCursor = '_1idfwsm1-3-7-0';\nexport var resizeCursor = '_1idfwsm0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,cAAc,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,cAAa,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACtL,IAAI,gBAAgB;AACpB,IAAI,eAAe;",
   "names": []
 }

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

@@ -1,10 +1,9 @@
 import { useTooltip } from "../components/overlay-tooltip/contexts/TooltipContext.js";
-import { useTooltipReducer } from "../components/overlay-tooltip/useTooltipReducer.js";
-import { emptyData } from "../components/overlay-tooltip/utils.js";
+import { useTooltipActions } from "../components/overlay-tooltip/useTooltipActions.js";
 const useOverlayEventHandlers = (overlay, options) => {
   const overlayRef = overlay.overlayRef;
   const tooltipStore = useTooltip();
-  const dispatch = useTooltipReducer();
+  const { hover, pin, unpin, outOfBounds } = useTooltipActions();
   const { onToolbarVisibilityChange, getTooltipData } = options;
   const handlePointerEnter = () => {
     onToolbarVisibilityChange(true);
@@ -15,48 +14,29 @@ const useOverlayEventHandlers = (overlay, options) => {
     }
     const tooltipData = getTooltipData(event);
     if (tooltipData) {
-      dispatch({ type: "SET_POSITION", payload: tooltipData })(
-        event.nativeEvent
-      );
+      hover(event.nativeEvent, tooltipData);
     } else {
-      dispatch({ type: "SET_OUT_BOUNDS" })();
+      outOfBounds();
     }
   };
   const handlePointerLeave = () => {
     onToolbarVisibilityChange(false);
-    dispatch({ type: "SET_OUT_BOUNDS" })();
+    outOfBounds();
   };
   const handleMouseClick = (event) => {
     event.stopPropagation();
     if (!overlayRef.current || event.target !== overlayRef.current) {
       return;
     }
-    const inBounds = tooltipStore.getState().inBounds;
     const tooltipData = getTooltipData(event);
     const isPinned = tooltipStore.getState().pinned;
-    if (inBounds || isPinned) {
-      if (isPinned) {
-        dispatch({
-          type: "SET_PINNED",
-          payload: { pinned: false, data: emptyData() }
-        })();
-        if (tooltipData) {
-          dispatch({ type: "SET_POSITION", payload: tooltipData })(
-            event.nativeEvent
-          );
-        }
-      } else if (tooltipData) {
-        const { offsetX, offsetY } = event.nativeEvent;
-        dispatch({
-          type: "SET_PINNED",
-          payload: {
-            pinned: true,
-            data: tooltipData,
-            relativeX: offsetX,
-            relativeY: offsetY
-          }
-        })();
+    if (isPinned) {
+      unpin();
+      if (tooltipData) {
+        hover(event.nativeEvent, tooltipData);
       }
+    } else if (tooltipData) {
+      pin(event.nativeEvent, tooltipData);
     }
   };
   return {

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 { useTooltipReducer } from '../components/overlay-tooltip/useTooltipReducer.js';\nimport { emptyData } from '../components/overlay-tooltip/utils.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 dispatch = useTooltipReducer();\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      dispatch({ type: 'SET_POSITION', payload: tooltipData })(\n        event.nativeEvent,\n      );\n    } else {\n      dispatch({ type: 'SET_OUT_BOUNDS' })();\n    }\n  };\n\n  const handlePointerLeave = () => {\n    onToolbarVisibilityChange(false);\n    dispatch({ type: 'SET_OUT_BOUNDS' })();\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 inBounds = tooltipStore.getState().inBounds;\n    const tooltipData = getTooltipData(event);\n    const isPinned = tooltipStore.getState().pinned;\n\n    if (inBounds || isPinned) {\n      if (isPinned) {\n        dispatch({\n          type: 'SET_PINNED',\n          payload: { pinned: false, data: emptyData() },\n        })();\n\n        if (tooltipData) {\n          dispatch({ type: 'SET_POSITION', payload: tooltipData })(\n            event.nativeEvent,\n          );\n        }\n      } else if (tooltipData) {\n        const { offsetX, offsetY } = event.nativeEvent;\n        dispatch({\n          type: 'SET_PINNED',\n          payload: {\n            pinned: true,\n            data: tooltipData,\n            relativeX: offsetX,\n            relativeY: offsetY,\n          },\n        })();\n      }\n    }\n  };\n\n  return {\n    handlePointerEnter,\n    handlePointerMove,\n    handlePointerLeave,\n    handleMouseClick,\n  };\n};\n"],
-  "mappings": "AAEA,SAAS,kBAAkB;AAE3B,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAOnB,MAAM,0BAA0B,CAAC,SAAkB,YAAqB;AAC7E,QAAM,aAAa,QAAQ;AAC3B,QAAM,eAAe,WAAW;AAChC,QAAM,WAAW,kBAAkB;AACnC,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,eAAS,EAAE,MAAM,gBAAgB,SAAS,YAAY,CAAC;AAAA,QACrD,MAAM;AAAA,MACR;AAAA,IACF,OAAO;AACL,eAAS,EAAE,MAAM,iBAAiB,CAAC,EAAE;AAAA,IACvC;AAAA,EACF;AAEA,QAAM,qBAAqB,MAAM;AAC/B,8BAA0B,KAAK;AAC/B,aAAS,EAAE,MAAM,iBAAiB,CAAC,EAAE;AAAA,EACvC;AAEA,QAAM,mBAAmB,CAAC,UAAsC;AAC9D,UAAM,gBAAgB;AAEtB,QAAI,CAAC,WAAW,WAAW,MAAM,WAAW,WAAW,SAAS;AAC9D;AAAA,IACF;AAEA,UAAM,WAAW,aAAa,SAAS,EAAE;AACzC,UAAM,cAAc,eAAe,KAAK;AACxC,UAAM,WAAW,aAAa,SAAS,EAAE;AAEzC,QAAI,YAAY,UAAU;AACxB,UAAI,UAAU;AACZ,iBAAS;AAAA,UACP,MAAM;AAAA,UACN,SAAS,EAAE,QAAQ,OAAO,MAAM,UAAU,EAAE;AAAA,QAC9C,CAAC,EAAE;AAEH,YAAI,aAAa;AACf,mBAAS,EAAE,MAAM,gBAAgB,SAAS,YAAY,CAAC;AAAA,YACrD,MAAM;AAAA,UACR;AAAA,QACF;AAAA,MACF,WAAW,aAAa;AACtB,cAAM,EAAE,SAAS,QAAQ,IAAI,MAAM;AACnC,iBAAS;AAAA,UACP,MAAM;AAAA,UACN,SAAS;AAAA,YACP,QAAQ;AAAA,YACR,MAAM;AAAA,YACN,WAAW;AAAA,YACX,WAAW;AAAA,UACb;AAAA,QACF,CAAC,EAAE;AAAA,MACL;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "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;",
   "names": []
 }

package/esm/charts/core/types/tooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/core/types/tooltip.ts"],
-  "sourcesContent": ["import type { ColorToken } from './color-palette.js';\n\n/**\n * Base tooltip configuration shared across charts.\n * @internal\n */\nexport interface ChartTooltipConfig {\n  hidden: boolean;\n}\n\n/**\n * Base tooltip config props for the chart config provider.\n * Charts can extend this to add chart-specific options.\n * @public\n */\nexport interface ChartTooltipConfigProps {\n  /**\n   * When true, hides the tooltip entirely.\n   * @defaultValue false\n   */\n  hidden?: boolean;\n}\n\n/**\n * The tooltip display\n * @public\n */\nexport const seriesDisplayModeOptions = ['single-line', 'multi-line'] as const;\n\n/**\n * @public\n */\nexport type SeriesDisplayMode = (typeof seriesDisplayModeOptions)[number];\n\n/**\n * @public\n */\nexport interface TooltipItem extends Record<string, unknown> {\n  id: string;\n  name: string | string[];\n  color?: ColorToken;\n  values?: string[];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  userData?: Record<string, any>;\n}\n\n/**\n * Whether the tooltip is single (only the closest series is displayed) or shared (all series in a timeframe are displayed)\n * @public\n */\nexport const tooltipVariantOptions = ['single', 'shared'] as const;\n\n/**\n * @public\n */\nexport type TooltipVariant = (typeof tooltipVariantOptions)[number];\n"],
-  "mappings": "AA2BO,MAAM,2BAA2B,CAAC,eAAe,YAAY;AAuB7D,MAAM,wBAAwB,CAAC,UAAU,QAAQ;",
+  "sourcesContent": ["import type { ColorToken } from './color-palette.js';\n\n/**\n * Base tooltip configuration shared across charts.\n * @internal\n */\nexport interface ChartTooltipConfig {\n  hidden: boolean;\n}\n\n/**\n * Base tooltip config props for the chart config provider.\n * Charts can extend this to add chart-specific options.\n * @public\n */\nexport interface ChartTooltipConfigProps {\n  /**\n   * When true, hides the tooltip entirely.\n   * @defaultValue false\n   */\n  hidden?: boolean;\n  _variant?: TooltipVariant;\n}\n\n/**\n * The tooltip display\n * @public\n */\nexport const seriesDisplayModeOptions = ['single-line', 'multi-line'] as const;\n\n/**\n * @public\n */\nexport type SeriesDisplayMode = (typeof seriesDisplayModeOptions)[number];\n\n/**\n * @public\n */\nexport interface TooltipItem extends Record<string, unknown> {\n  id: string;\n  name: string | string[];\n  color?: ColorToken;\n  values?: string[];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  userData?: Record<string, any>;\n}\n\n/**\n * Whether the tooltip is single (only the closest series is displayed) or shared (all series in a timeframe are displayed)\n * @public\n */\nexport const tooltipVariantOptions = ['single', 'shared'] as const;\n\n/**\n * @public\n */\nexport type TooltipVariant = (typeof tooltipVariantOptions)[number];\n"],
+  "mappings": "AA4BO,MAAM,2BAA2B,CAAC,eAAe,YAAY;AAuB7D,MAAM,wBAAwB,CAAC,UAAU,QAAQ;",
   "names": []
 }

package/esm/charts/core/typographyStyles.css

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

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

@@ -1,5 +1,5 @@
 import "./typographyStyles.css";
-var replaceSlashedZero = "_18u8ey50-3-5-2";
+var replaceSlashedZero = "_18u8ey50-3-7-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-5-2';"],
+  "sourcesContent": ["import './typographyStyles.css';\nexport var replaceSlashedZero = '_18u8ey50-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;",
   "names": []
 }

package/esm/charts/core/utils/adaptively-reduce-horizontal-ticks.js

@@ -0,0 +1,45 @@
+import {
+  hasHorizontalLabelCollision
+} from "./has-horizontal-label-collision.js";
+const DEFAULT_MAX_ITERATIONS = 5;
+const DEFAULT_MIN_TICK_COUNT = 2;
+function adaptivelyReduceHorizontalTicks(getCandidate, scale, options) {
+  const maxIterations = options?.maxIterations ?? DEFAULT_MAX_ITERATIONS;
+  const minTickCount = options?.minTickCount ?? DEFAULT_MIN_TICK_COUNT;
+  const domainBounds = options?.domainBounds;
+  let current = getCandidate(0);
+  if (current === null) {
+    return { formattedTicks: [], rawTicks: [] };
+  }
+  for (let i = 1; i <= maxIterations; i++) {
+    if (!hasHorizontalLabelCollision(
+      current.formattedTicks,
+      current.rawTicks,
+      scale,
+      domainBounds
+    )) {
+      return current;
+    }
+    const currentVisibleCount = current.formattedTicks.filter(
+      (t) => t !== ""
+    ).length;
+    if (currentVisibleCount <= minTickCount) {
+      return current;
+    }
+    const next = getCandidate(i);
+    if (next === null) {
+      return current;
+    }
+    const nextVisibleCount = next.formattedTicks.filter((t) => t !== "").length;
+    if (nextVisibleCount < minTickCount) {
+      return current;
+    }
+    current = next;
+  }
+  return current;
+}
+export {
+  DEFAULT_MIN_TICK_COUNT,
+  adaptivelyReduceHorizontalTicks
+};
+//# sourceMappingURL=adaptively-reduce-horizontal-ticks.js.map

package/esm/charts/core/utils/adaptively-reduce-horizontal-ticks.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/core/utils/adaptively-reduce-horizontal-ticks.ts"],
+  "sourcesContent": ["import type { NumberValue } from 'd3-scale';\n\nimport {\n  type ContinuousScale,\n  hasHorizontalLabelCollision,\n} from './has-horizontal-label-collision.js';\n\nconst DEFAULT_MAX_ITERATIONS = 5;\nexport const DEFAULT_MIN_TICK_COUNT = 2;\n\nexport interface TickCandidate {\n  formattedTicks: string[];\n  rawTicks: NumberValue[];\n}\n\nexport interface AdaptiveReductionOptions {\n  maxIterations?: number;\n  minTickCount?: number;\n  /**\n   * When provided, collision detection uses domain-aware alignment (AC1) instead\n   * of the legacy index-based alignment. Pass `[domainMin, domainMax]` as numbers\n   * (use `+` to convert Date values).\n   */\n  domainBounds?: [number, number];\n}\n\n/**\n * Adaptively reduces horizontal tick candidates until labels no longer\n * collide or the minimum tick count is reached.\n *\n * @param getCandidate - Called on each iteration with the 0-based attempt\n *   index. Must return the next candidate tick set. The callback is\n *   responsible for its own reduction strategy (e.g. doubling the step,\n *   halving the d3 tick count hint, etc.). Return `null` to signal that\n *   no further reduction is possible and the loop should stop.\n * @param scale - The d3 continuous scale used for pixel-position calculations.\n * @param options - Tuning knobs for the reduction loop.\n * @returns The first non-colliding candidate, or the last candidate when\n *   the loop exhausts all iterations / reaches the minimum tick count.\n */\nexport function adaptivelyReduceHorizontalTicks<T extends TickCandidate>(\n  getCandidate: (attempt: number) => T | null,\n  scale: ContinuousScale,\n  options?: AdaptiveReductionOptions,\n): T {\n  const maxIterations = options?.maxIterations ?? DEFAULT_MAX_ITERATIONS;\n  const minTickCount = options?.minTickCount ?? DEFAULT_MIN_TICK_COUNT;\n  const domainBounds = options?.domainBounds;\n\n  let current = getCandidate(0);\n\n  if (current === null) {\n    // Should not happen \u2014 caller must provide at least one candidate.\n    // Return a safe empty result that satisfies the type constraint.\n    return { formattedTicks: [], rawTicks: [] } as unknown as T;\n  }\n\n  for (let i = 1; i <= maxIterations; i++) {\n    if (\n      !hasHorizontalLabelCollision(\n        current.formattedTicks,\n        current.rawTicks,\n        scale,\n        domainBounds,\n      )\n    ) {\n      return current;\n    }\n\n    // Count only visible (non-empty) labels so that log-scale minor ticks (which\n    // render as empty strings) do not inflate the count and prevent early exit.\n    const currentVisibleCount = current.formattedTicks.filter(\n      (t) => t !== '',\n    ).length;\n    if (currentVisibleCount <= minTickCount) {\n      return current;\n    }\n\n    const next = getCandidate(i);\n    if (next === null) {\n      return current;\n    }\n    const nextVisibleCount = next.formattedTicks.filter((t) => t !== '').length;\n    if (nextVisibleCount < minTickCount) {\n      return current;\n    }\n\n    current = next;\n  }\n\n  return current;\n}\n"],
+  "mappings": "AAEA;AAAA,EAEE;AAAA,OACK;AAEP,MAAM,yBAAyB;AACxB,MAAM,yBAAyB;AAgC/B,SAAS,gCACd,cACA,OACA,SACG;AACH,QAAM,gBAAgB,SAAS,iBAAiB;AAChD,QAAM,eAAe,SAAS,gBAAgB;AAC9C,QAAM,eAAe,SAAS;AAE9B,MAAI,UAAU,aAAa,CAAC;AAE5B,MAAI,YAAY,MAAM;AAGpB,WAAO,EAAE,gBAAgB,CAAC,GAAG,UAAU,CAAC,EAAE;AAAA,EAC5C;AAEA,WAAS,IAAI,GAAG,KAAK,eAAe,KAAK;AACvC,QACE,CAAC;AAAA,MACC,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,IACF,GACA;AACA,aAAO;AAAA,IACT;AAIA,UAAM,sBAAsB,QAAQ,eAAe;AAAA,MACjD,CAAC,MAAM,MAAM;AAAA,IACf,EAAE;AACF,QAAI,uBAAuB,cAAc;AACvC,aAAO;AAAA,IACT;AAEA,UAAM,OAAO,aAAa,CAAC;AAC3B,QAAI,SAAS,MAAM;AACjB,aAAO;AAAA,IACT;AACA,UAAM,mBAAmB,KAAK,eAAe,OAAO,CAAC,MAAM,MAAM,EAAE,EAAE;AACrE,QAAI,mBAAmB,cAAc;AACnC,aAAO;AAAA,IACT;AAEA,cAAU;AAAA,EACZ;AAEA,SAAO;AACT;",
+  "names": []
+}

package/esm/charts/core/utils/apply-opacity-to-canvas.js

@@ -4,6 +4,7 @@ const applyOpacityToCanvas = (highlightedSeriesId) => {
   return highlightedSeriesId ? CANVAS_DIMMED_OPACITY : CANVAS_DEFAULT_OPACITY;
 };
 export {
+  CANVAS_DIMMED_OPACITY,
   applyOpacityToCanvas
 };
 //# sourceMappingURL=apply-opacity-to-canvas.js.map

package/esm/charts/core/utils/apply-opacity-to-canvas.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/core/utils/apply-opacity-to-canvas.ts"],
-  "sourcesContent": ["import type { HighlightedSeriesId } from '../components/interactions-state-helpers/types.js';\n\nconst CANVAS_DEFAULT_OPACITY = '1';\nconst CANVAS_DIMMED_OPACITY = '0.2';\n\n/**\n * This utility function returns opacity to apply to a canvas element based on highlighted series.\n * This is not intended for any other use than dimming canvas elements when a particular series is highlighted.\n * @param highlightedSeriesId - The IDs of highlighted series\n */\nexport const applyOpacityToCanvas = (\n  highlightedSeriesId: HighlightedSeriesId,\n): string => {\n  return highlightedSeriesId ? CANVAS_DIMMED_OPACITY : CANVAS_DEFAULT_OPACITY;\n};\n"],
-  "mappings": "AAEA,MAAM,yBAAyB;AAC/B,MAAM,wBAAwB;AAOvB,MAAM,uBAAuB,CAClC,wBACW;AACX,SAAO,sBAAsB,wBAAwB;AACvD;",
+  "sourcesContent": ["import type { HighlightedSeriesId } from '../components/interactions-state-helpers/types.js';\n\nconst CANVAS_DEFAULT_OPACITY = '1';\nexport const CANVAS_DIMMED_OPACITY = '0.2';\n\n/**\n * This utility function returns opacity to apply to a canvas element based on highlighted series.\n * This is not intended for any other use than dimming canvas elements when a particular series is highlighted.\n * @param highlightedSeriesId - The IDs of highlighted series\n */\nexport const applyOpacityToCanvas = (\n  highlightedSeriesId: HighlightedSeriesId,\n): string => {\n  return highlightedSeriesId ? CANVAS_DIMMED_OPACITY : CANVAS_DEFAULT_OPACITY;\n};\n"],
+  "mappings": "AAEA,MAAM,yBAAyB;AACxB,MAAM,wBAAwB;AAO9B,MAAM,uBAAuB,CAClC,wBACW;AACX,SAAO,sBAAsB,wBAAwB;AACvD;",
   "names": []
 }

package/esm/charts/core/utils/binary-search.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/core/utils/binary-search.ts"],
+  "sourcesContent": ["/**\n * Performs a binary search to find the index of the datum closest to the right to the given value.\n * @param value - The value to search for.\n * @param datums - The array of data to search over. It is required that the datums are sorted by the value returned by `getDatumValue`.\n * @param getDatumValue - Function to extract the value from a datum.\n * @returns The index of the closest datum to the right of the value.\n */\nexport function binarySearch<T>(\n  value: number,\n  datums: T[],\n  getDatumValue: (datum: T) => number,\n) {\n  let leftIndex = 0;\n  let rightIndex = datums.length - 1;\n\n  while (leftIndex < rightIndex) {\n    const middleIndex = Math.floor((leftIndex + rightIndex) / 2);\n    const middleValue = getDatumValue(datums[middleIndex]);\n\n    if (middleValue === value) {\n      leftIndex = middleIndex;\n      rightIndex = middleIndex;\n    } else if (middleValue < value) {\n      leftIndex = middleIndex + 1;\n    } else {\n      rightIndex = middleIndex;\n    }\n  }\n\n  return leftIndex;\n}\n\n/**\n * Finds the boundaries (start and end indices) of the cluster in the datums array that contains the given index. Only the values that share the same cluster value as the datum at the given index will be considered part of the cluster.\n * @param index - The index to start searching from.\n * @param datums - The array of data.\n * @param getClusterValue - Function to extract the cluster value from a datum.\n * @returns The start and end indices of the cluster, or [-1, -1] if index is out of bounds.\n */\nexport function boundariesOfCluster<T>(\n  index: number,\n  datums: T[],\n  getClusterValue: (datum: T) => number,\n) {\n  if (index < 0 || index >= datums.length) {\n    return [-1, -1];\n  }\n  const clusterBaseValue = getClusterValue(datums[index]);\n\n  let leftIndex = index;\n  let rightIndex = index;\n\n  while (\n    leftIndex > 0 &&\n    getClusterValue(datums[leftIndex - 1]) === clusterBaseValue\n  ) {\n    leftIndex--;\n  }\n  while (\n    rightIndex < datums.length - 1 &&\n    getClusterValue(datums[rightIndex + 1]) === clusterBaseValue\n  ) {\n    rightIndex++;\n  }\n\n  return [leftIndex, rightIndex] as const;\n}\n\n/**\n * Gets the boundaries of the cluster at the position closest to the given value.\n * @param position - The position to search for.\n * @param datums - The array of data.\n * @param getDatumPosition - Function to extract the position from a datum.\n * @param getClusterValue - Function to extract the cluster value from a datum.\n * @returns The start and end indices of the cluster.\n */\nexport function getClusterBoundariesAtPosition<T>(\n  position: number,\n  datums: T[],\n  getDatumPosition: (datum: T) => number,\n  getClusterValue: (datum: T) => number,\n) {\n  let index = binarySearch(position, datums, getDatumPosition);\n\n  if (index > 0) {\n    const datumPosition = getDatumPosition(datums[index]);\n    const prevDatumPosition = getDatumPosition(datums[index - 1]);\n\n    if (\n      Math.abs(datumPosition - position) >\n      Math.abs(prevDatumPosition - position)\n    ) {\n      index--;\n    }\n  }\n\n  return boundariesOfCluster(index, datums, getClusterValue);\n}\n\n/**\n * Gets the boundaries (indices) of datums within the specified position range.\n * @param positionRange - The start and end positions.\n * @param datums - The array of data.\n * @param getDatumPosition - Function to extract the position from a datum.\n * @returns The start and end indices of the range. If the range is empty, it returns the second index as the first - 1.\n */\nexport function getClusterBoundariesInRange<T>(\n  positionRange: [number, number],\n  datums: T[],\n  getDatumPosition: (datum: T) => number,\n) {\n  const [start, end] = positionRange;\n  const startIndex = binarySearch(start, datums, getDatumPosition);\n  const endIndex = binarySearch(end, datums, getDatumPosition);\n\n  if (startIndex === endIndex) {\n    return [-1, -1];\n  }\n\n  return boundariesOfCluster(startIndex, datums, (datum) =>\n    getDatumPosition(datum) >= start && getDatumPosition(datum) <= end ? 1 : 0,\n  );\n}\n"],
+  "mappings": "AAOO,SAAS,aACd,OACA,QACA,eACA;AACA,MAAI,YAAY;AAChB,MAAI,aAAa,OAAO,SAAS;AAEjC,SAAO,YAAY,YAAY;AAC7B,UAAM,cAAc,KAAK,OAAO,YAAY,cAAc,CAAC;AAC3D,UAAM,cAAc,cAAc,OAAO,WAAW,CAAC;AAErD,QAAI,gBAAgB,OAAO;AACzB,kBAAY;AACZ,mBAAa;AAAA,IACf,WAAW,cAAc,OAAO;AAC9B,kBAAY,cAAc;AAAA,IAC5B,OAAO;AACL,mBAAa;AAAA,IACf;AAAA,EACF;AAEA,SAAO;AACT;AASO,SAAS,oBACd,OACA,QACA,iBACA;AACA,MAAI,QAAQ,KAAK,SAAS,OAAO,QAAQ;AACvC,WAAO,CAAC,IAAI,EAAE;AAAA,EAChB;AACA,QAAM,mBAAmB,gBAAgB,OAAO,KAAK,CAAC;AAEtD,MAAI,YAAY;AAChB,MAAI,aAAa;AAEjB,SACE,YAAY,KACZ,gBAAgB,OAAO,YAAY,CAAC,CAAC,MAAM,kBAC3C;AACA;AAAA,EACF;AACA,SACE,aAAa,OAAO,SAAS,KAC7B,gBAAgB,OAAO,aAAa,CAAC,CAAC,MAAM,kBAC5C;AACA;AAAA,EACF;AAEA,SAAO,CAAC,WAAW,UAAU;AAC/B;AAUO,SAAS,+BACd,UACA,QACA,kBACA,iBACA;AACA,MAAI,QAAQ,aAAa,UAAU,QAAQ,gBAAgB;AAE3D,MAAI,QAAQ,GAAG;AACb,UAAM,gBAAgB,iBAAiB,OAAO,KAAK,CAAC;AACpD,UAAM,oBAAoB,iBAAiB,OAAO,QAAQ,CAAC,CAAC;AAE5D,QACE,KAAK,IAAI,gBAAgB,QAAQ,IACjC,KAAK,IAAI,oBAAoB,QAAQ,GACrC;AACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO,oBAAoB,OAAO,QAAQ,eAAe;AAC3D;AASO,SAAS,4BACd,eACA,QACA,kBACA;AACA,QAAM,CAAC,OAAO,GAAG,IAAI;AACrB,QAAM,aAAa,aAAa,OAAO,QAAQ,gBAAgB;AAC/D,QAAM,WAAW,aAAa,KAAK,QAAQ,gBAAgB;AAE3D,MAAI,eAAe,UAAU;AAC3B,WAAO,CAAC,IAAI,EAAE;AAAA,EAChB;AAEA,SAAO;AAAA,IAAoB;AAAA,IAAY;AAAA,IAAQ,CAAC,UAC9C,iBAAiB,KAAK,KAAK,SAAS,iBAAiB,KAAK,KAAK,MAAM,IAAI;AAAA,EAC3E;AACF;",
+  "names": []
+}

package/esm/charts/core/utils/coerceSizeValue.js

@@ -1,6 +1,7 @@
 import { isNumber, isString } from "lodash-es";
 import { validateCSSSize } from "./validate-css-size.js";
 const PX_UNIT = "px";
+const PX_PATTERN = /^(\d+(?:\.\d+)?)px$/;
 function coerceSizeValue(value) {
   if (isNumber(value)) {
     return `${value}${PX_UNIT}`;
@@ -10,7 +11,23 @@ function coerceSizeValue(value) {
   }
   return void 0;
 }
+function coerceSizeValueToPixels(value) {
+  if (isNumber(value)) {
+    return value;
+  }
+  if (isString(value)) {
+    const valid = validateCSSSize(value);
+    if (valid) {
+      const match = PX_PATTERN.exec(valid);
+      if (match) {
+        return Number(match[1]);
+      }
+    }
+  }
+  return void 0;
+}
 export {
-  coerceSizeValue
+  coerceSizeValue,
+  coerceSizeValueToPixels
 };
 //# sourceMappingURL=coerceSizeValue.js.map