@dynatrace/strato-components 3.13.2 → 3.14.0

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gauge/components/GaugeLabel/GaugeLabel.css.ts"],
-  "sourcesContent": ["import './GaugeLabel.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var elementLabelWrapper = '_18ourc20-3-13-2';\nexport var foreignObjectContainer = _7a468({defaultClassName:'_18ourc21-3-13-2',variantClassNames:{dominantBaseline:{auto:'_18ourc22-3-13-2',hanging:'_18ourc23-3-13-2'}},defaultVariants:{dominantBaseline:'hanging'},compoundVariants:[]});\nexport var textContainer = '_18ourc24-3-13-2';"],
+  "sourcesContent": ["import './GaugeLabel.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var elementLabelWrapper = '_18ourc20-3-14-0';\nexport var foreignObjectContainer = _7a468({defaultClassName:'_18ourc21-3-14-0',variantClassNames:{dominantBaseline:{auto:'_18ourc22-3-14-0',hanging:'_18ourc23-3-14-0'}},defaultVariants:{dominantBaseline:'hanging'},compoundVariants:[]});\nexport var textContainer = '_18ourc24-3-14-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,sBAAsB;AAC1B,IAAI,yBAAyB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,kBAAiB,EAAC,MAAK,oBAAmB,SAAQ,mBAAkB,EAAC,GAAE,iBAAgB,EAAC,kBAAiB,UAAS,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACpO,IAAI,gBAAgB;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._1fbjcz30-3-13-2 {
+._1fbjcz30-3-14-0 {
   display: grid;
   grid-template-columns: 1fr;
   grid-template: "valueLabel" 2fr
@@ -7,9 +7,9 @@
   width: 100%;
   height: 100%;
 }
-._1fbjcz30-3-13-2 > #value-label {
+._1fbjcz30-3-14-0 > #value-label {
   grid-area: valueLabel;
 }
-._1fbjcz30-3-13-2 > #label {
+._1fbjcz30-3-14-0 > #label {
   grid-area: label;
 }

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

@@ -1,5 +1,5 @@
 import "./GaugeLabelsWrapper.css";
-var labelsContainer = "_1fbjcz30-3-13-2";
+var labelsContainer = "_1fbjcz30-3-14-0";
 export {
   labelsContainer
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gauge/components/GaugeLabelsWrapper/GaugeLabelsWrapper.css.ts"],
-  "sourcesContent": ["import './GaugeLabelsWrapper.css';\nexport var labelsContainer = '_1fbjcz30-3-13-2';"],
+  "sourcesContent": ["import './GaugeLabelsWrapper.css';\nexport var labelsContainer = '_1fbjcz30-3-14-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;",
   "names": []
 }

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

@@ -1,17 +1,17 @@
-._l0e5zm0-3-13-2 {
+._l0e5zm0-3-14-0 {
   position: relative;
   height: 100%;
   z-index: 0;
 }
-._l0e5zm1-3-13-2 {
+._l0e5zm1-3-14-0 {
   cursor: default;
   user-select: none;
 }
-._l0e5zm2-3-13-2 {
+._l0e5zm2-3-14-0 {
   position: absolute;
   z-index: 1;
 }
-._l0e5zm3-3-13-2 {
+._l0e5zm3-3-14-0 {
   top: 0;
   left: 0;
   width: 100%;

package/esm/charts/gauge/components/GaugeLayoutOverlay/GaugeLayoutOverlay.js

@@ -11,7 +11,9 @@ import {
 import { Flex } from "../../../../layouts/flex/Flex.js";
 import { LoaderOverlay } from "../../../core/components/loader-overlay/LoaderOverlay.js";
 import { useOverlay } from "../../../core/components/overlay-tooltip/contexts/OverlayContext.js";
+import { useTooltip } from "../../../core/components/overlay-tooltip/contexts/TooltipContext.js";
 import { useTooltipActions } from "../../../core/components/overlay-tooltip/useTooltipActions.js";
+import { isTapGesture } from "../../../core/components/overlay-tooltip/utils/tap-gesture.js";
 import { useToolbarHandlerRef } from "../../../core/components/toolbar/hooks/useToolbarHandlerRef.js";
 import {
   ARC_INNER_RADIUS_PERCENTAGE,
@@ -24,28 +26,35 @@ import {
   GaugeChartToolbar
 } from "../GaugeChartLayout/GaugeChartToolbar.js";
 import { GaugeOverlayTooltip } from "../GaugeChartTooltip/GaugeOverlayTooltip.js";
-const isPointerEventInHitArea = (event, overlayBounds) => {
+const isClientPositionInHitArea = (clientX, clientY, rect, overlayBounds) => {
   if (!overlayBounds) {
     return true;
   }
-  const rect = event.currentTarget.getBoundingClientRect();
   const arcOuterRadius = overlayBounds.width / 2;
   const arcInnerRadius = arcOuterRadius * (ARC_INNER_RADIUS_PERCENTAGE / ARC_OUTER_RADIUS_PERCENTAGE);
   return isInGaugeHitArea(
-    event.clientX - rect.left - arcOuterRadius,
-    event.clientY - rect.top - arcOuterRadius,
+    clientX - rect.left - arcOuterRadius,
+    clientY - rect.top - arcOuterRadius,
     arcOuterRadius,
     arcInnerRadius
   );
 };
+const isPointerEventInHitArea = (event, overlayBounds) => isClientPositionInHitArea(
+  event.clientX,
+  event.clientY,
+  event.currentTarget.getBoundingClientRect(),
+  overlayBounds
+);
 const GaugeChartOverlay = (props) => {
   const { children, value, color, intents, toolbar, showLoading } = props;
   const overlay = useOverlay();
   const overlayBounds = useGaugeChartTooltipOverlayBounds();
   const { name: tooltipName, hidden: tooltipHidden } = useGaugeChartTooltip();
-  const { hover, togglePin, outOfBounds } = useTooltipActions();
+  const { hover, togglePin, unpin, outOfBounds } = useTooltipActions();
+  const tooltipStore = useTooltip();
   const toolbarHandlerRef = useToolbarHandlerRef();
   const isTouchInteractionRef = useRef(false);
+  const touchStartPosRef = useRef(null);
   const data = {
     geometry: "meterbar",
     series: [{ name: tooltipName ?? "Value", value, color }]
@@ -64,6 +73,9 @@ const GaugeChartOverlay = (props) => {
     togglePin(event, data);
   };
   const handlePointerMove = (event) => {
+    if (!event.currentTarget.contains(event.target)) {
+      return;
+    }
     if (event.target === event.currentTarget && !isPointerEventInHitArea(event, overlayBounds)) {
       outOfBounds();
       return;
@@ -72,9 +84,48 @@ const GaugeChartOverlay = (props) => {
   };
   const handlePointerDown = (event) => {
     isTouchInteractionRef.current = event.pointerType === "touch";
+    if (!event.currentTarget.contains(event.target)) {
+      return;
+    }
     toolbarHandlerRef.current.handleFocus();
-    if (isTouchInteractionRef.current && event.target === event.currentTarget && isPointerEventInHitArea(event, overlayBounds)) {
-      togglePin(event, data);
+  };
+  const handleTouchStart = (event) => {
+    if (!event.currentTarget.contains(event.target)) {
+      return;
+    }
+    if (event.touches.length > 1) {
+      touchStartPosRef.current = null;
+      return;
+    }
+    const touch = event.changedTouches[0];
+    if (!touch) {
+      return;
+    }
+    touchStartPosRef.current = { x: touch.clientX, y: touch.clientY };
+  };
+  const handleTouchEnd = (event) => {
+    const touch = event.changedTouches[0];
+    if (!touch || event.target !== event.currentTarget || event.touches.length > 0) {
+      return;
+    }
+    const start = touchStartPosRef.current;
+    touchStartPosRef.current = null;
+    if (start !== null && !isTapGesture(start, touch)) {
+      return;
+    }
+    if (event.cancelable) {
+      event.preventDefault();
+    }
+    const inHitArea = isClientPositionInHitArea(
+      touch.clientX,
+      touch.clientY,
+      event.currentTarget.getBoundingClientRect(),
+      overlayBounds
+    );
+    if (inHitArea) {
+      togglePin({ clientX: touch.clientX, clientY: touch.clientY }, data);
+    } else if (tooltipStore.getState().pinned) {
+      unpin();
     }
   };
   return /* @__PURE__ */ jsxs(
@@ -100,6 +151,8 @@ const GaugeChartOverlay = (props) => {
             onPointerLeave: outOfBounds,
             onClick: handleClick,
             onPointerDown: handlePointerDown,
+            onTouchStart: handleTouchStart,
+            onTouchEnd: handleTouchEnd,
             style: overlayStyle,
             children: !tooltipHidden && /* @__PURE__ */ jsx(GaugeOverlayTooltip, { value, color })
           }

package/esm/charts/gauge/components/GaugeLayoutOverlay/GaugeLayoutOverlay.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gauge/components/GaugeLayoutOverlay/GaugeLayoutOverlay.tsx"],
-  "sourcesContent": ["import {\n  useRef,\n  type PropsWithChildren,\n  type MouseEvent,\n  type PointerEvent,\n} from 'react';\n\nimport {\n  container,\n  tooltipOverlay,\n  tooltipOverlayFull,\n  consumerLoadingStyle,\n} from './GaugeLayoutOverlay.sty.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport { LoaderOverlay } from '../../../core/components/loader-overlay/LoaderOverlay.js';\nimport { useOverlay } from '../../../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { useTooltipActions } from '../../../core/components/overlay-tooltip/useTooltipActions.js';\nimport { useToolbarHandlerRef } from '../../../core/components/toolbar/hooks/useToolbarHandlerRef.js';\nimport {\n  ARC_INNER_RADIUS_PERCENTAGE,\n  ARC_OUTER_RADIUS_PERCENTAGE,\n} from '../../constants.js';\nimport { useGaugeChartTooltip } from '../../contexts/GaugeChartTooltipContext.js';\nimport { useGaugeChartTooltipOverlayBounds } from '../../hooks/useGaugeChartTooltipOverlayBounds.js';\nimport { isInGaugeHitArea } from '../../utils/is-in-gauge-hit-area.js';\nimport {\n  GaugeChartToolbar,\n  type GaugeChartToolbarProps,\n} from '../GaugeChartLayout/GaugeChartToolbar.js';\nimport { GaugeOverlayTooltip } from '../GaugeChartTooltip/GaugeOverlayTooltip.js';\n\nconst isPointerEventInHitArea = (\n  event: MouseEvent<HTMLDivElement>,\n  overlayBounds: { width: number } | undefined,\n): boolean => {\n  if (!overlayBounds) {\n    return true;\n  }\n  const rect = event.currentTarget.getBoundingClientRect();\n  const arcOuterRadius = overlayBounds.width / 2;\n  const arcInnerRadius =\n    arcOuterRadius *\n    (ARC_INNER_RADIUS_PERCENTAGE / ARC_OUTER_RADIUS_PERCENTAGE);\n  return isInGaugeHitArea(\n    event.clientX - rect.left - arcOuterRadius,\n    event.clientY - rect.top - arcOuterRadius,\n    arcOuterRadius,\n    arcInnerRadius,\n  );\n};\n\ninterface GaugeChartOverlayProps {\n  value: number;\n  color: string;\n  showLoading?: boolean;\n  intents: GaugeChartToolbarProps['intents'];\n  toolbar: GaugeChartToolbarProps['toolbar'];\n}\n\nexport const GaugeChartOverlay = (\n  props: PropsWithChildren<GaugeChartOverlayProps>,\n) => {\n  const { children, value, color, intents, toolbar, showLoading } = props;\n  const overlay = useOverlay();\n  const overlayBounds = useGaugeChartTooltipOverlayBounds();\n  const { name: tooltipName, hidden: tooltipHidden } = useGaugeChartTooltip();\n  const { hover, togglePin, outOfBounds } = useTooltipActions();\n  const toolbarHandlerRef = useToolbarHandlerRef();\n  const isTouchInteractionRef = useRef(false);\n\n  const data = {\n    geometry: 'meterbar' as const,\n    series: [{ name: tooltipName ?? 'Value', value, color }],\n  };\n\n  const overlayClassName = overlayBounds\n    ? tooltipOverlay\n    : `${tooltipOverlay} ${tooltipOverlayFull}`;\n  const overlayStyle = overlayBounds\n    ? {\n        top: overlayBounds.top,\n        left: overlayBounds.left,\n        width: overlayBounds.width,\n        height: overlayBounds.height,\n      }\n    : undefined;\n\n  const handleClick = (\n    event: MouseEvent<HTMLDivElement> | PointerEvent<HTMLDivElement>,\n  ) => {\n    // The pinned tooltip is portaled but still bubbles its events here\n    // through the React tree; only toggle for taps on the gauge itself,\n    // otherwise interacting with the tooltip (e.g. series actions)\n    // would close it. On touch the tooltip is already toggled in\n    // onPointerDown, and iOS may still emit a (sometimes delayed)\n    // synthetic click, so skip it here to avoid toggling back off.\n    if (\n      isTouchInteractionRef.current ||\n      event.target !== event.currentTarget ||\n      !isPointerEventInHitArea(event, overlayBounds)\n    ) {\n      return;\n    }\n    togglePin(event, data);\n  };\n\n  const handlePointerMove = (event: PointerEvent<HTMLDivElement>) => {\n    if (\n      event.target === event.currentTarget &&\n      !isPointerEventInHitArea(event, overlayBounds)\n    ) {\n      outOfBounds();\n      return;\n    }\n    hover(event, data);\n  };\n\n  const handlePointerDown = (event: PointerEvent<HTMLDivElement>) => {\n    isTouchInteractionRef.current = event.pointerType === 'touch';\n    toolbarHandlerRef.current.handleFocus();\n    // On touch devices the first tap reveals the toolbar, which makes\n    // iOS suppress the following synthetic click. Toggle the tooltip\n    // here so both appear on the first tap \u2014 but only for taps on the\n    // gauge itself, not on the portaled tooltip bubbling its events up.\n    if (\n      isTouchInteractionRef.current &&\n      event.target === event.currentTarget &&\n      isPointerEventInHitArea(event, overlayBounds)\n    ) {\n      togglePin(event, data);\n    }\n  };\n\n  return (\n    <Flex\n      ref={overlay.overlayRef}\n      data-testid=\"gauge-overlay-wrapper\"\n      className={container({ showLoading })}\n    >\n      <GaugeChartToolbar\n        intents={intents}\n        toolbar={toolbar}\n        handlerRef={toolbarHandlerRef}\n      />\n\n      {!showLoading && (\n        <Flex\n          className={overlayClassName}\n          onPointerMove={handlePointerMove}\n          onPointerLeave={outOfBounds}\n          onClick={handleClick}\n          onPointerDown={handlePointerDown}\n          style={overlayStyle}\n        >\n          {!tooltipHidden && (\n            <GaugeOverlayTooltip value={value} color={color} />\n          )}\n        </Flex>\n      )}\n\n      {children}\n      {showLoading ? (\n        <LoaderOverlay\n          gridArea=\"1/1/2/2\"\n          consumerStyle={consumerLoadingStyle}\n        />\n      ) : null}\n    </Flex>\n  );\n};\n\nGaugeChartOverlay['displayName'] = 'GaugeChartOverlay';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  useRef,\n  type PropsWithChildren,\n  type MouseEvent,\n  type PointerEvent,\n  type TouchEvent,\n} from 'react';\n\nimport {\n  container,\n  tooltipOverlay,\n  tooltipOverlayFull,\n  consumerLoadingStyle,\n} from './GaugeLayoutOverlay.sty.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport { LoaderOverlay } from '../../../core/components/loader-overlay/LoaderOverlay.js';\nimport { useOverlay } from '../../../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { useTooltip } from '../../../core/components/overlay-tooltip/contexts/TooltipContext.js';\nimport { useTooltipActions } from '../../../core/components/overlay-tooltip/useTooltipActions.js';\nimport { isTapGesture } from '../../../core/components/overlay-tooltip/utils/tap-gesture.js';\nimport { useToolbarHandlerRef } from '../../../core/components/toolbar/hooks/useToolbarHandlerRef.js';\nimport {\n  ARC_INNER_RADIUS_PERCENTAGE,\n  ARC_OUTER_RADIUS_PERCENTAGE,\n} from '../../constants.js';\nimport { useGaugeChartTooltip } from '../../contexts/GaugeChartTooltipContext.js';\nimport { useGaugeChartTooltipOverlayBounds } from '../../hooks/useGaugeChartTooltipOverlayBounds.js';\nimport { isInGaugeHitArea } from '../../utils/is-in-gauge-hit-area.js';\nimport {\n  GaugeChartToolbar,\n  type GaugeChartToolbarProps,\n} from '../GaugeChartLayout/GaugeChartToolbar.js';\nimport { GaugeOverlayTooltip } from '../GaugeChartTooltip/GaugeOverlayTooltip.js';\n\nconst isClientPositionInHitArea = (\n  clientX: number,\n  clientY: number,\n  rect: DOMRect,\n  overlayBounds: { width: number } | undefined,\n): boolean => {\n  if (!overlayBounds) {\n    return true;\n  }\n  const arcOuterRadius = overlayBounds.width / 2;\n  const arcInnerRadius =\n    arcOuterRadius *\n    (ARC_INNER_RADIUS_PERCENTAGE / ARC_OUTER_RADIUS_PERCENTAGE);\n  return isInGaugeHitArea(\n    clientX - rect.left - arcOuterRadius,\n    clientY - rect.top - arcOuterRadius,\n    arcOuterRadius,\n    arcInnerRadius,\n  );\n};\n\nconst isPointerEventInHitArea = (\n  event: MouseEvent<HTMLDivElement>,\n  overlayBounds: { width: number } | undefined,\n): boolean =>\n  isClientPositionInHitArea(\n    event.clientX,\n    event.clientY,\n    event.currentTarget.getBoundingClientRect(),\n    overlayBounds,\n  );\n\ninterface GaugeChartOverlayProps {\n  value: number;\n  color: string;\n  showLoading?: boolean;\n  intents: GaugeChartToolbarProps['intents'];\n  toolbar: GaugeChartToolbarProps['toolbar'];\n}\n\nexport const GaugeChartOverlay = (\n  props: PropsWithChildren<GaugeChartOverlayProps>,\n) => {\n  const { children, value, color, intents, toolbar, showLoading } = props;\n  const overlay = useOverlay();\n  const overlayBounds = useGaugeChartTooltipOverlayBounds();\n  const { name: tooltipName, hidden: tooltipHidden } = useGaugeChartTooltip();\n  const { hover, togglePin, unpin, outOfBounds } = useTooltipActions();\n  const tooltipStore = useTooltip();\n  const toolbarHandlerRef = useToolbarHandlerRef();\n  const isTouchInteractionRef = useRef(false);\n  const touchStartPosRef = useRef<{ x: number; y: number } | null>(null);\n\n  const data = {\n    geometry: 'meterbar' as const,\n    series: [{ name: tooltipName ?? 'Value', value, color }],\n  };\n\n  const overlayClassName = overlayBounds\n    ? tooltipOverlay\n    : `${tooltipOverlay} ${tooltipOverlayFull}`;\n  const overlayStyle = overlayBounds\n    ? {\n        top: overlayBounds.top,\n        left: overlayBounds.left,\n        width: overlayBounds.width,\n        height: overlayBounds.height,\n      }\n    : undefined;\n\n  const handleClick = (\n    event: MouseEvent<HTMLDivElement> | PointerEvent<HTMLDivElement>,\n  ) => {\n    // The pinned tooltip is portaled but still bubbles its events here\n    // through the React tree; only toggle for taps on the gauge itself,\n    // otherwise interacting with the tooltip (e.g. series actions)\n    // would close it. On touch the tooltip is already toggled in\n    // onPointerDown, and iOS may still emit a (sometimes delayed)\n    // synthetic click, so skip it here to avoid toggling back off.\n    if (\n      isTouchInteractionRef.current ||\n      event.target !== event.currentTarget ||\n      !isPointerEventInHitArea(event, overlayBounds)\n    ) {\n      return;\n    }\n    togglePin(event, data);\n  };\n\n  const handlePointerMove = (event: PointerEvent<HTMLDivElement>) => {\n    if (!event.currentTarget.contains(event.target as Node)) {\n      return;\n    }\n    if (\n      event.target === event.currentTarget &&\n      !isPointerEventInHitArea(event, overlayBounds)\n    ) {\n      outOfBounds();\n      return;\n    }\n    hover(event, data);\n  };\n\n  const handlePointerDown = (event: PointerEvent<HTMLDivElement>) => {\n    isTouchInteractionRef.current = event.pointerType === 'touch';\n    if (!event.currentTarget.contains(event.target as Node)) {\n      return;\n    }\n    toolbarHandlerRef.current.handleFocus();\n  };\n\n  const handleTouchStart = (event: TouchEvent<HTMLDivElement>) => {\n    if (!event.currentTarget.contains(event.target as Node)) {\n      return;\n    }\n    // Reject multi-touch (e.g. pinch-to-zoom) so it doesn't trigger a tap.\n    if (event.touches.length > 1) {\n      touchStartPosRef.current = null;\n      return;\n    }\n    const touch = event.changedTouches[0];\n    if (!touch) {\n      return;\n    }\n    touchStartPosRef.current = { x: touch.clientX, y: touch.clientY };\n  };\n\n  // Fires before the browser synthetic click; preventDefault() suppresses it so\n  // onClick does not double-fire on iOS.\n  const handleTouchEnd = (event: TouchEvent<HTMLDivElement>) => {\n    const touch = event.changedTouches[0];\n    // touches.length > 0 means other fingers are still down (multi-touch).\n    if (\n      !touch ||\n      event.target !== event.currentTarget ||\n      event.touches.length > 0\n    ) {\n      return;\n    }\n\n    const start = touchStartPosRef.current;\n    touchStartPosRef.current = null;\n\n    if (start !== null && !isTapGesture(start, touch)) {\n      return;\n    }\n\n    if (event.cancelable) {\n      event.preventDefault();\n    }\n\n    const inHitArea = isClientPositionInHitArea(\n      touch.clientX,\n      touch.clientY,\n      event.currentTarget.getBoundingClientRect(),\n      overlayBounds,\n    );\n\n    if (inHitArea) {\n      togglePin({ clientX: touch.clientX, clientY: touch.clientY }, data);\n    } else if (tooltipStore.getState().pinned) {\n      unpin();\n    }\n  };\n\n  return (\n    <Flex\n      ref={overlay.overlayRef}\n      data-testid=\"gauge-overlay-wrapper\"\n      className={container({ showLoading })}\n    >\n      <GaugeChartToolbar\n        intents={intents}\n        toolbar={toolbar}\n        handlerRef={toolbarHandlerRef}\n      />\n\n      {!showLoading && (\n        <Flex\n          className={overlayClassName}\n          onPointerMove={handlePointerMove}\n          onPointerLeave={outOfBounds}\n          onClick={handleClick}\n          onPointerDown={handlePointerDown}\n          onTouchStart={handleTouchStart}\n          onTouchEnd={handleTouchEnd}\n          style={overlayStyle}\n        >\n          {!tooltipHidden && (\n            <GaugeOverlayTooltip value={value} color={color} />\n          )}\n        </Flex>\n      )}\n\n      {children}\n      {showLoading ? (\n        <LoaderOverlay\n          gridArea=\"1/1/2/2\"\n          consumerStyle={consumerLoadingStyle}\n        />\n      ) : null}\n    </Flex>\n  );\n};\n\nGaugeChartOverlay['displayName'] = 'GaugeChartOverlay';\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,9 +1,9 @@
 import "./GaugeLayoutOverlay.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
 var consumerLoadingStyle = { position: "absolute", top: 0, width: "100%", height: "100%", zIndex: 1, pointerEvents: "none", backgroundColor: "var(--dt-colors-background-base-default, #f9f9fa)", opacity: 0.4 };
-var container = _7a468({ defaultClassName: "_l0e5zm0-3-13-2", variantClassNames: { showLoading: { true: "_l0e5zm1-3-13-2" } }, defaultVariants: {}, compoundVariants: [] });
-var tooltipOverlay = "_l0e5zm2-3-13-2";
-var tooltipOverlayFull = "_l0e5zm3-3-13-2";
+var container = _7a468({ defaultClassName: "_l0e5zm0-3-14-0", variantClassNames: { showLoading: { true: "_l0e5zm1-3-14-0" } }, defaultVariants: {}, compoundVariants: [] });
+var tooltipOverlay = "_l0e5zm2-3-14-0";
+var tooltipOverlayFull = "_l0e5zm3-3-14-0";
 export {
   consumerLoadingStyle,
   container,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gauge/components/GaugeLayoutOverlay/GaugeLayoutOverlay.css.ts"],
-  "sourcesContent": ["import './GaugeLayoutOverlay.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var consumerLoadingStyle = {position:'absolute',top:0,width:'100%',height:'100%',zIndex:1,pointerEvents:'none',backgroundColor:'var(--dt-colors-background-base-default, #f9f9fa)',opacity:0.4};\nexport var container = _7a468({defaultClassName:'_l0e5zm0-3-13-2',variantClassNames:{showLoading:{true:'_l0e5zm1-3-13-2'}},defaultVariants:{},compoundVariants:[]});\nexport var tooltipOverlay = '_l0e5zm2-3-13-2';\nexport var tooltipOverlayFull = '_l0e5zm3-3-13-2';"],
+  "sourcesContent": ["import './GaugeLayoutOverlay.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var consumerLoadingStyle = {position:'absolute',top:0,width:'100%',height:'100%',zIndex:1,pointerEvents:'none',backgroundColor:'var(--dt-colors-background-base-default, #f9f9fa)',opacity:0.4};\nexport var container = _7a468({defaultClassName:'_l0e5zm0-3-14-0',variantClassNames:{showLoading:{true:'_l0e5zm1-3-14-0'}},defaultVariants:{},compoundVariants:[]});\nexport var tooltipOverlay = '_l0e5zm2-3-14-0';\nexport var tooltipOverlayFull = '_l0e5zm3-3-14-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,uBAAuB,EAAC,UAAS,YAAW,KAAI,GAAE,OAAM,QAAO,QAAO,QAAO,QAAO,GAAE,eAAc,QAAO,iBAAgB,qDAAoD,SAAQ,IAAG;AAC9L,IAAI,YAAY,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,aAAY,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC3J,IAAI,iBAAiB;AACrB,IAAI,qBAAqB;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._13c0oci0-3-13-2 {
+._13c0oci0-3-14-0 {
   width: 100%;
   height: 100%;
   justify-content: center;
@@ -9,7 +9,7 @@
   margin: 0;
   gap: 0;
 }
-._13c0oci1-3-13-2 svg {
+._13c0oci1-3-14-0 svg {
   width: 1em;
   height: 1em;
   vertical-align: text-bottom;

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

@@ -1,6 +1,6 @@
 import "./GaugeResponsiveLabel.css";
-var parentSvgStyle = "_13c0oci1-3-13-2";
-var responsiveLabelContainer = "_13c0oci0-3-13-2";
+var parentSvgStyle = "_13c0oci1-3-14-0";
+var responsiveLabelContainer = "_13c0oci0-3-14-0";
 export {
   parentSvgStyle,
   responsiveLabelContainer

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gauge/components/GaugeResponsiveLabel/GaugeResponsiveLabel.css.ts"],
-  "sourcesContent": ["import './GaugeResponsiveLabel.css';\nexport var parentSvgStyle = '_13c0oci1-3-13-2';\nexport var responsiveLabelContainer = '_13c0oci0-3-13-2';"],
+  "sourcesContent": ["import './GaugeResponsiveLabel.css';\nexport var parentSvgStyle = '_13c0oci1-3-14-0';\nexport var responsiveLabelContainer = '_13c0oci0-3-14-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;AACrB,IAAI,2BAA2B;",
   "names": []
 }

package/esm/charts/gauge/utils/get-value-arc-color.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/gauge/utils/get-value-arc-color.ts"],
-  "sourcesContent": ["import { accessValue } from '../../../core/utils/accessors/access-value.js';\nimport { applyColorRuleToSingleValue } from '../../core/components/single-value-renderer/utils/apply-color-rule-to-single-value.js';\nimport { DEFAULT_VALUE_ACCESSOR } from '../../core/constants.js';\nimport { ColorRuleProps } from '../../core/types/color-rule.js';\nimport { findMatchingThreshold } from '../../core/utils/find-matching-threshold.js';\nimport { ARC_DEFAULT_VALUE_COLOR } from '../constants.js';\nimport { GaugeChartThresholdIndicatorProps } from '../slots/ThresholdIndicator.js';\nimport type { GaugeChartData } from '../types/gauge-chart.js';\n\nexport const getValueArcColor = (\n  data: number | GaugeChartData,\n  colorRules?: ColorRuleProps[],\n  explicitColor?: string,\n  thresholds?: GaugeChartThresholdIndicatorProps[],\n  valueAccessor?: string,\n): string => {\n  const displayValue =\n    typeof data === 'number'\n      ? data\n      : accessValue<number>(data, valueAccessor ?? DEFAULT_VALUE_ACCESSOR) ?? 0;\n\n  if (colorRules && colorRules.length > 0) {\n    const ruleColor = applyColorRuleToSingleValue(\n      colorRules,\n      displayValue,\n      typeof data === 'number' ? {} : data,\n    );\n    if (ruleColor) {\n      return ruleColor;\n    }\n  }\n\n  if (thresholds && thresholds.length > 0) {\n    const matchingThreshold = findMatchingThreshold(displayValue, thresholds);\n    if (matchingThreshold?.color) {\n      return matchingThreshold.color;\n    }\n  }\n\n  if (explicitColor) {\n    return explicitColor;\n  }\n\n  return ARC_DEFAULT_VALUE_COLOR;\n};\n"],
-  "mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,mCAAmC;AAC5C,SAAS,8BAA8B;AAEvC,SAAS,6BAA6B;AACtC,SAAS,+BAA+B;AAIjC,MAAM,mBAAmB,CAC9B,MACA,YACA,eACA,YACA,kBACW;AACX,QAAM,eACJ,OAAO,SAAS,WACZ,OACA,YAAoB,MAAM,iBAAiB,sBAAsB,KAAK;AAE5E,MAAI,cAAc,WAAW,SAAS,GAAG;AACvC,UAAM,YAAY;AAAA,MAChB;AAAA,MACA;AAAA,MACA,OAAO,SAAS,WAAW,CAAC,IAAI;AAAA,IAClC;AACA,QAAI,WAAW;AACb,aAAO;AAAA,IACT;AAAA,EACF;AAEA,MAAI,cAAc,WAAW,SAAS,GAAG;AACvC,UAAM,oBAAoB,sBAAsB,cAAc,UAAU;AACxE,QAAI,mBAAmB,OAAO;AAC5B,aAAO,kBAAkB;AAAA,IAC3B;AAAA,EACF;AAEA,MAAI,eAAe;AACjB,WAAO;AAAA,EACT;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import { accessValue } from '../../../core/utils/accessors/access-value.js';\nimport { applyColorRuleToSingleValue } from '../../core/components/single-value-renderer/utils/apply-color-rule-to-single-value.js';\nimport { DEFAULT_VALUE_ACCESSOR } from '../../core/constants.js';\nimport { ColorRuleProps } from '../../core/types/color-rule.js';\nimport { findMatchingThreshold } from '../../core/utils/find-matching-threshold.js';\nimport { ARC_DEFAULT_VALUE_COLOR } from '../constants.js';\nimport { GaugeChartThresholdIndicatorProps } from '../slots/ThresholdIndicator.js';\nimport type { GaugeChartData } from '../types/gauge-chart.js';\n\nexport const getValueArcColor = (\n  data: number | GaugeChartData,\n  colorRules?: ColorRuleProps[],\n  explicitColor?: string,\n  thresholds?: GaugeChartThresholdIndicatorProps[],\n  valueAccessor?: string,\n): string => {\n  const displayValue =\n    typeof data === 'number'\n      ? data\n      : (accessValue<number>(data, valueAccessor ?? DEFAULT_VALUE_ACCESSOR) ??\n        0);\n\n  if (colorRules && colorRules.length > 0) {\n    const ruleColor = applyColorRuleToSingleValue(\n      colorRules,\n      displayValue,\n      typeof data === 'number' ? {} : data,\n    );\n    if (ruleColor) {\n      return ruleColor;\n    }\n  }\n\n  if (thresholds && thresholds.length > 0) {\n    const matchingThreshold = findMatchingThreshold(displayValue, thresholds);\n    if (matchingThreshold?.color) {\n      return matchingThreshold.color;\n    }\n  }\n\n  if (explicitColor) {\n    return explicitColor;\n  }\n\n  return ARC_DEFAULT_VALUE_COLOR;\n};\n"],
+  "mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,mCAAmC;AAC5C,SAAS,8BAA8B;AAEvC,SAAS,6BAA6B;AACtC,SAAS,+BAA+B;AAIjC,MAAM,mBAAmB,CAC9B,MACA,YACA,eACA,YACA,kBACW;AACX,QAAM,eACJ,OAAO,SAAS,WACZ,OACC,YAAoB,MAAM,iBAAiB,sBAAsB,KAClE;AAEN,MAAI,cAAc,WAAW,SAAS,GAAG;AACvC,UAAM,YAAY;AAAA,MAChB;AAAA,MACA;AAAA,MACA,OAAO,SAAS,WAAW,CAAC,IAAI;AAAA,IAClC;AACA,QAAI,WAAW;AACb,aAAO;AAAA,IACT;AAAA,EACF;AAEA,MAAI,cAAc,WAAW,SAAS,GAAG;AACvC,UAAM,oBAAoB,sBAAsB,cAAc,UAAU;AACxE,QAAI,mBAAmB,OAAO;AAC5B,aAAO,kBAAkB;AAAA,IAC3B;AAAA,EACF;AAEA,MAAI,eAAe;AACjB,WAAO;AAAA,EACT;AAEA,SAAO;AACT;",
   "names": []
 }

package/esm/charts/histogram/components/axes/HistogramValueBottomAxisArea/HistogramValueBottomAxisArea.css

@@ -1,3 +1,3 @@
-._9phcbi0-3-13-2 {
+._9phcbi0-3-14-0 {
   position: relative;
 }

package/esm/charts/histogram/components/axes/HistogramValueBottomAxisArea/HistogramValueBottomAxisArea.sty.js

@@ -1,5 +1,5 @@
 import "./HistogramValueBottomAxisArea.css";
-var axisContainerStyle = "_9phcbi0-3-13-2";
+var axisContainerStyle = "_9phcbi0-3-14-0";
 export {
   axisContainerStyle
 };

package/esm/charts/histogram/components/axes/HistogramValueBottomAxisArea/HistogramValueBottomAxisArea.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/histogram/components/axes/HistogramValueBottomAxisArea/HistogramValueBottomAxisArea.css.ts"],
-  "sourcesContent": ["import './HistogramValueBottomAxisArea.css';\nexport var axisContainerStyle = '_9phcbi0-3-13-2';"],
+  "sourcesContent": ["import './HistogramValueBottomAxisArea.css';\nexport var axisContainerStyle = '_9phcbi0-3-14-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;",
   "names": []
 }

package/esm/charts/histogram/components/displays/utils/datapoint-stacking.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/histogram/components/displays/utils/datapoint-stacking.ts"],
-  "sourcesContent": ["import { ChartUnit } from '../../../../core/types/chart-unit.js';\nimport { HistogramBin } from '../../../types/histogram.js';\n\nexport type CumulativePoint = {\n  binsCumulative: number;\n  baseCumulative: number;\n  seriesId: string;\n};\n\nexport type MapStackedPoint = Map<string, CumulativePoint>;\n\n/**\n * Gets the stacked key for the mapStackedPoints Map\n *\n * @param bin - Current bin\n * @param unit - Current series unit\n * @returns - Stacked key to access the mapStackedPoints\n */\nexport function getStackedKeyByUnit(bin: HistogramBin, unit: ChartUnit) {\n  return (\n    bin.from.toString() +\n    Math.sign(bin.value).toString() +\n    bin.from.toString() +\n    bin.to.toString() +\n    //TODO: Pending to apply hash function from this PR: https://bitbucket.lab.dynatrace.org/projects/APPFW/repos/design-system/pull-requests/7188/overview?commentId=1144690\n    (unit ?? '').toString()\n  );\n}\n\n/**\n * Gets the cumulative point value from the mapStackedPoints given the new value.\n *\n * @param mapStackedPoints - Given MapStackedPoint map\n * @param bin - Current datapoint\n * @param unit - Current series unit\n * @param seriesId - Current series id\n * @param value - Current modified value of the datapoint\n * @returns - CumulativePoint\n */\nexport function getCumulativeValue(\n  mapStackedPoints: MapStackedPoint,\n  bin: HistogramBin,\n  unit: ChartUnit,\n  seriesId: string,\n  value: number = 0,\n) {\n  const key = getStackedKeyByUnit(bin, unit);\n\n  const stackedBin = mapStackedPoints.get(key);\n\n  let binsCumulative = 0;\n  let baseCumulative = 0;\n  let cumulativeValue = value;\n\n  if (stackedBin) {\n    const {\n      binsCumulative: prevBinsCumulative,\n      baseCumulative: prevBaseCumulative,\n      seriesId: prevSeriesId,\n    } = stackedBin;\n\n    binsCumulative = prevBinsCumulative ?? 0;\n    baseCumulative = prevBaseCumulative ?? 0;\n\n    const baseCumulativeHasToChange = prevSeriesId !== seriesId;\n\n    if (baseCumulativeHasToChange) {\n      baseCumulative = binsCumulative;\n    }\n\n    cumulativeValue = baseCumulative + value;\n  }\n\n  binsCumulative =\n    stackedBin?.seriesId !== seriesId\n      ? cumulativeValue\n      : Math.sign(value) > 0\n      ? Math.max(cumulativeValue, binsCumulative)\n      : Math.min(cumulativeValue, binsCumulative);\n\n  return {\n    cumulativeValue,\n    binsCumulative,\n    baseCumulative,\n    key,\n  };\n}\n\n/**\n * Set the new CumulativePoint to the mapStackedPoints\n *\n * @param mapStackedPoints - Given MapStackedPoint map\n * @param unit - Current series unit\n * @param seriesId - Current series id\n * @param binsCumulative - Current cumulative value of bins\n * @param baseCumulative - Current base cumulative value\n */\nexport function setCumulativeBins(\n  mapStackedPoints: MapStackedPoint,\n  seriesId: string,\n  key: string,\n  binsCumulative: number,\n  baseCumulative: number,\n) {\n  mapStackedPoints.set(key, {\n    seriesId,\n    binsCumulative,\n    baseCumulative,\n  });\n}\n"],
-  "mappings": "AAkBO,SAAS,oBAAoB,KAAmB,MAAiB;AACtE,SACE,IAAI,KAAK,SAAS,IAClB,KAAK,KAAK,IAAI,KAAK,EAAE,SAAS,IAC9B,IAAI,KAAK,SAAS,IAClB,IAAI,GAAG,SAAS;AAAA,GAEf,QAAQ,IAAI,SAAS;AAE1B;AAYO,SAAS,mBACd,kBACA,KACA,MACA,UACA,QAAgB,GAChB;AACA,QAAM,MAAM,oBAAoB,KAAK,IAAI;AAEzC,QAAM,aAAa,iBAAiB,IAAI,GAAG;AAE3C,MAAI,iBAAiB;AACrB,MAAI,iBAAiB;AACrB,MAAI,kBAAkB;AAEtB,MAAI,YAAY;AACd,UAAM;AAAA,MACJ,gBAAgB;AAAA,MAChB,gBAAgB;AAAA,MAChB,UAAU;AAAA,IACZ,IAAI;AAEJ,qBAAiB,sBAAsB;AACvC,qBAAiB,sBAAsB;AAEvC,UAAM,4BAA4B,iBAAiB;AAEnD,QAAI,2BAA2B;AAC7B,uBAAiB;AAAA,IACnB;AAEA,sBAAkB,iBAAiB;AAAA,EACrC;AAEA,mBACE,YAAY,aAAa,WACrB,kBACA,KAAK,KAAK,KAAK,IAAI,IACnB,KAAK,IAAI,iBAAiB,cAAc,IACxC,KAAK,IAAI,iBAAiB,cAAc;AAE9C,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAWO,SAAS,kBACd,kBACA,UACA,KACA,gBACA,gBACA;AACA,mBAAiB,IAAI,KAAK;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH;",
+  "sourcesContent": ["import { ChartUnit } from '../../../../core/types/chart-unit.js';\nimport { HistogramBin } from '../../../types/histogram.js';\n\nexport type CumulativePoint = {\n  binsCumulative: number;\n  baseCumulative: number;\n  seriesId: string;\n};\n\nexport type MapStackedPoint = Map<string, CumulativePoint>;\n\n/**\n * Gets the stacked key for the mapStackedPoints Map\n *\n * @param bin - Current bin\n * @param unit - Current series unit\n * @returns - Stacked key to access the mapStackedPoints\n */\nexport function getStackedKeyByUnit(bin: HistogramBin, unit: ChartUnit) {\n  return (\n    bin.from.toString() +\n    Math.sign(bin.value).toString() +\n    bin.from.toString() +\n    bin.to.toString() +\n    //TODO: Pending to apply hash function from this PR: https://bitbucket.lab.dynatrace.org/projects/APPFW/repos/design-system/pull-requests/7188/overview?commentId=1144690\n    (unit ?? '').toString()\n  );\n}\n\n/**\n * Gets the cumulative point value from the mapStackedPoints given the new value.\n *\n * @param mapStackedPoints - Given MapStackedPoint map\n * @param bin - Current datapoint\n * @param unit - Current series unit\n * @param seriesId - Current series id\n * @param value - Current modified value of the datapoint\n * @returns - CumulativePoint\n */\nexport function getCumulativeValue(\n  mapStackedPoints: MapStackedPoint,\n  bin: HistogramBin,\n  unit: ChartUnit,\n  seriesId: string,\n  value: number = 0,\n) {\n  const key = getStackedKeyByUnit(bin, unit);\n\n  const stackedBin = mapStackedPoints.get(key);\n\n  let binsCumulative = 0;\n  let baseCumulative = 0;\n  let cumulativeValue = value;\n\n  if (stackedBin) {\n    const {\n      binsCumulative: prevBinsCumulative,\n      baseCumulative: prevBaseCumulative,\n      seriesId: prevSeriesId,\n    } = stackedBin;\n\n    binsCumulative = prevBinsCumulative ?? 0;\n    baseCumulative = prevBaseCumulative ?? 0;\n\n    const baseCumulativeHasToChange = prevSeriesId !== seriesId;\n\n    if (baseCumulativeHasToChange) {\n      baseCumulative = binsCumulative;\n    }\n\n    cumulativeValue = baseCumulative + value;\n  }\n\n  binsCumulative =\n    stackedBin?.seriesId !== seriesId\n      ? cumulativeValue\n      : Math.sign(value) > 0\n        ? Math.max(cumulativeValue, binsCumulative)\n        : Math.min(cumulativeValue, binsCumulative);\n\n  return {\n    cumulativeValue,\n    binsCumulative,\n    baseCumulative,\n    key,\n  };\n}\n\n/**\n * Set the new CumulativePoint to the mapStackedPoints\n *\n * @param mapStackedPoints - Given MapStackedPoint map\n * @param unit - Current series unit\n * @param seriesId - Current series id\n * @param binsCumulative - Current cumulative value of bins\n * @param baseCumulative - Current base cumulative value\n */\nexport function setCumulativeBins(\n  mapStackedPoints: MapStackedPoint,\n  seriesId: string,\n  key: string,\n  binsCumulative: number,\n  baseCumulative: number,\n) {\n  mapStackedPoints.set(key, {\n    seriesId,\n    binsCumulative,\n    baseCumulative,\n  });\n}\n"],
+  "mappings": "AAkBO,SAAS,oBAAoB,KAAmB,MAAiB;AACtE,SACE,IAAI,KAAK,SAAS,IAClB,KAAK,KAAK,IAAI,KAAK,EAAE,SAAS,IAC9B,IAAI,KAAK,SAAS,IAClB,IAAI,GAAG,SAAS;AAAA,GAEf,QAAQ,IAAI,SAAS;AAE1B;AAYO,SAAS,mBACd,kBACA,KACA,MACA,UACA,QAAgB,GAChB;AACA,QAAM,MAAM,oBAAoB,KAAK,IAAI;AAEzC,QAAM,aAAa,iBAAiB,IAAI,GAAG;AAE3C,MAAI,iBAAiB;AACrB,MAAI,iBAAiB;AACrB,MAAI,kBAAkB;AAEtB,MAAI,YAAY;AACd,UAAM;AAAA,MACJ,gBAAgB;AAAA,MAChB,gBAAgB;AAAA,MAChB,UAAU;AAAA,IACZ,IAAI;AAEJ,qBAAiB,sBAAsB;AACvC,qBAAiB,sBAAsB;AAEvC,UAAM,4BAA4B,iBAAiB;AAEnD,QAAI,2BAA2B;AAC7B,uBAAiB;AAAA,IACnB;AAEA,sBAAkB,iBAAiB;AAAA,EACrC;AAEA,mBACE,YAAY,aAAa,WACrB,kBACA,KAAK,KAAK,KAAK,IAAI,IACjB,KAAK,IAAI,iBAAiB,cAAc,IACxC,KAAK,IAAI,iBAAiB,cAAc;AAEhD,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAWO,SAAS,kBACd,kBACA,UACA,KACA,gBACA,gBACA;AACA,mBAAiB,IAAI,KAAK;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH;",
   "names": []
 }

package/esm/charts/histogram/components/overlays/HistogramExplore/HistogramTooltip.css

@@ -1,4 +1,4 @@
-._fzvydv0-3-13-2 {
+._fzvydv0-3-14-0 {
   padding-left: var(--dt-spacings-size-8, 8px);
   padding-right: var(--dt-spacings-size-8, 8px);
 }

package/esm/charts/histogram/components/overlays/HistogramExplore/HistogramTooltip.sty.js

@@ -1,5 +1,5 @@
 import "./HistogramTooltip.css";
-var wrapper = "_fzvydv0-3-13-2";
+var wrapper = "_fzvydv0-3-14-0";
 export {
   wrapper
 };

package/esm/charts/histogram/components/overlays/HistogramExplore/HistogramTooltip.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/histogram/components/overlays/HistogramExplore/HistogramTooltip.css.ts"],
-  "sourcesContent": ["import './HistogramTooltip.css';\nexport var wrapper = '_fzvydv0-3-13-2';"],
+  "sourcesContent": ["import './HistogramTooltip.css';\nexport var wrapper = '_fzvydv0-3-14-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;",
   "names": []
 }

package/esm/charts/histogram/components/overlays/HistogramOverlays.css

@@ -1,4 +1,4 @@
-._drl8ns0-3-13-2 {
+._drl8ns0-3-14-0 {
   top: -7px;
   left: -7px;
   width: calc(100% + 14px);
@@ -6,7 +6,7 @@
   z-index: 2;
   pointer-events: none;
 }
-._drl8ns1-3-13-2 {
+._drl8ns1-3-14-0 {
   pointer-events: none;
   overflow: visible;
   z-index: 1;

package/esm/charts/histogram/components/overlays/HistogramOverlays.sty.js

@@ -1,7 +1,7 @@
 import "../../../core/components/chart-grid/ChartGrid.css";
 import "./HistogramOverlays.css";
-var crosshairLayout = "_drl8ns1-3-13-2 _13lzg4k0-3-13-2";
-var datapointLayout = "_drl8ns0-3-13-2 _13lzg4k0-3-13-2";
+var crosshairLayout = "_drl8ns1-3-14-0 _13lzg4k0-3-14-0";
+var datapointLayout = "_drl8ns0-3-14-0 _13lzg4k0-3-14-0";
 export {
   crosshairLayout,
   datapointLayout

package/esm/charts/histogram/components/overlays/HistogramOverlays.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/histogram/components/overlays/HistogramOverlays.css.ts"],
-  "sourcesContent": ["import '../../../core/components/chart-grid/ChartGrid.css';\nimport './HistogramOverlays.css';\nexport var crosshairLayout = '_drl8ns1-3-13-2 _13lzg4k0-3-13-2';\nexport var datapointLayout = '_drl8ns0-3-13-2 _13lzg4k0-3-13-2';"],
+  "sourcesContent": ["import '../../../core/components/chart-grid/ChartGrid.css';\nimport './HistogramOverlays.css';\nexport var crosshairLayout = '_drl8ns1-3-14-0 _13lzg4k0-3-14-0';\nexport var datapointLayout = '_drl8ns0-3-14-0 _13lzg4k0-3-14-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,kBAAkB;AACtB,IAAI,kBAAkB;",
   "names": []
 }

package/esm/charts/histogram/components/overlays/utils/find-closest-bins.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/histogram/components/overlays/utils/find-closest-bins.ts"],
-  "sourcesContent": ["import type { HistogramTooltipDataPoint } from './bins-to-tooltip.js';\nimport { OVERLAY_PADDING } from '../../../../core/components/data-point/constants.js';\nimport { getGroupedDataPointsByCoordinate } from '../../../../core/utils/group-by-threshold.js';\nimport { safeGet } from '../../../providers/HistogramDataProvider.js';\nimport {\n  HistogramSeries,\n  WeakMapBins,\n  WeakMapSeries,\n  XScale,\n  YScale,\n} from '../../../types/histogram.js';\n\n/**\n * loop the histogram series and its bins to determine the closest X bins\n *\n * @param mouseX - the x mouse position\n * @param series - histogram series\n * @param yScales - yScales array\n * @param xScale - xScale\n * @param seriesMap - series weakmap\n * @param binsMap - bins weakmap\n *\n * @returns get the closest X bins information.\n */\nexport function findClosestBinX(\n  mouseX: number,\n  series: HistogramSeries[],\n  yScales: YScale[],\n  xScale: XScale,\n  seriesMap: WeakMapSeries,\n  binsMap: WeakMapBins,\n) {\n  let closestBinsX: HistogramTooltipDataPoint[] = [];\n  let smallestXDelta = Infinity;\n\n  for (const singleSeries of series) {\n    const yScale = yScales[safeGet(seriesMap, singleSeries).scaleIndex];\n\n    for (const bin of singleSeries.bins) {\n      if (bin.from <= mouseX && bin.to >= mouseX) {\n        const binMiddle = (bin.to - bin.from) / 2;\n        const distance = Math.abs(mouseX - binMiddle);\n\n        if (distance < smallestXDelta) {\n          closestBinsX = [];\n          smallestXDelta = distance;\n        }\n\n        if (distance === smallestXDelta) {\n          const { cumulativeValue, value, seriesId, color } = safeGet(\n            binsMap,\n            bin,\n          );\n          const y = yScale(cumulativeValue ? cumulativeValue : value ?? 0) ?? 0;\n\n          closestBinsX.push({\n            id: seriesId,\n            x: xScale(bin.from + (bin.to - bin.from) / 2) + OVERLAY_PADDING,\n            y: y + OVERLAY_PADDING,\n            color,\n            bin,\n          });\n        }\n      }\n    }\n  }\n\n  return closestBinsX;\n}\n\n/**\n * Get the closest bins information: the closestBin base on the mouse y position, get the closestBins from the closest one and group the closestBins\n *\n * @param mouseY - the y mouse position\n * @param closestBinsX - closest bins regarding the x\n * @returns get the closest bins information.\n */\nexport function getClosestBins(\n  mouseY: number,\n  closestBinsX: HistogramTooltipDataPoint[],\n) {\n  // new object needed to preserve the points sorting\n  const closestBin = [...closestBinsX].sort(\n    (a, b) => Math.abs(a.y - mouseY) - Math.abs(b.y - mouseY),\n  )[0];\n\n  const closestBinsByClosestOne = closestBinsX.filter(\n    (c) => c.bin.to === closestBin.bin.to && c.bin.from === closestBin.bin.from,\n  );\n\n  const closestBinsGrouped = getGroupedDataPointsByCoordinate(\n    closestBinsByClosestOne,\n    'y',\n  ) as HistogramTooltipDataPoint[][];\n\n  return { closestBin, closestBinsByClosestOne, closestBinsGrouped };\n}\n"],
-  "mappings": "AACA,SAAS,uBAAuB;AAChC,SAAS,wCAAwC;AACjD,SAAS,eAAe;AAqBjB,SAAS,gBACd,QACA,QACA,SACA,QACA,WACA,SACA;AACA,MAAI,eAA4C,CAAC;AACjD,MAAI,iBAAiB;AAErB,aAAW,gBAAgB,QAAQ;AACjC,UAAM,SAAS,QAAQ,QAAQ,WAAW,YAAY,EAAE,UAAU;AAElE,eAAW,OAAO,aAAa,MAAM;AACnC,UAAI,IAAI,QAAQ,UAAU,IAAI,MAAM,QAAQ;AAC1C,cAAM,aAAa,IAAI,KAAK,IAAI,QAAQ;AACxC,cAAM,WAAW,KAAK,IAAI,SAAS,SAAS;AAE5C,YAAI,WAAW,gBAAgB;AAC7B,yBAAe,CAAC;AAChB,2BAAiB;AAAA,QACnB;AAEA,YAAI,aAAa,gBAAgB;AAC/B,gBAAM,EAAE,iBAAiB,OAAO,UAAU,MAAM,IAAI;AAAA,YAClD;AAAA,YACA;AAAA,UACF;AACA,gBAAM,IAAI,OAAO,kBAAkB,kBAAkB,SAAS,CAAC,KAAK;AAEpE,uBAAa,KAAK;AAAA,YAChB,IAAI;AAAA,YACJ,GAAG,OAAO,IAAI,QAAQ,IAAI,KAAK,IAAI,QAAQ,CAAC,IAAI;AAAA,YAChD,GAAG,IAAI;AAAA,YACP;AAAA,YACA;AAAA,UACF,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AASO,SAAS,eACd,QACA,cACA;AAEA,QAAM,aAAa,CAAC,GAAG,YAAY,EAAE;AAAA,IACnC,CAAC,GAAG,MAAM,KAAK,IAAI,EAAE,IAAI,MAAM,IAAI,KAAK,IAAI,EAAE,IAAI,MAAM;AAAA,EAC1D,EAAE,CAAC;AAEH,QAAM,0BAA0B,aAAa;AAAA,IAC3C,CAAC,MAAM,EAAE,IAAI,OAAO,WAAW,IAAI,MAAM,EAAE,IAAI,SAAS,WAAW,IAAI;AAAA,EACzE;AAEA,QAAM,qBAAqB;AAAA,IACzB;AAAA,IACA;AAAA,EACF;AAEA,SAAO,EAAE,YAAY,yBAAyB,mBAAmB;AACnE;",
+  "sourcesContent": ["import type { HistogramTooltipDataPoint } from './bins-to-tooltip.js';\nimport { OVERLAY_PADDING } from '../../../../core/components/data-point/constants.js';\nimport { getGroupedDataPointsByCoordinate } from '../../../../core/utils/group-by-threshold.js';\nimport { safeGet } from '../../../providers/HistogramDataProvider.js';\nimport {\n  HistogramSeries,\n  WeakMapBins,\n  WeakMapSeries,\n  XScale,\n  YScale,\n} from '../../../types/histogram.js';\n\n/**\n * loop the histogram series and its bins to determine the closest X bins\n *\n * @param mouseX - the x mouse position\n * @param series - histogram series\n * @param yScales - yScales array\n * @param xScale - xScale\n * @param seriesMap - series weakmap\n * @param binsMap - bins weakmap\n *\n * @returns get the closest X bins information.\n */\nexport function findClosestBinX(\n  mouseX: number,\n  series: HistogramSeries[],\n  yScales: YScale[],\n  xScale: XScale,\n  seriesMap: WeakMapSeries,\n  binsMap: WeakMapBins,\n) {\n  let closestBinsX: HistogramTooltipDataPoint[] = [];\n  let smallestXDelta = Infinity;\n\n  for (const singleSeries of series) {\n    const yScale = yScales[safeGet(seriesMap, singleSeries).scaleIndex];\n\n    for (const bin of singleSeries.bins) {\n      if (bin.from <= mouseX && bin.to >= mouseX) {\n        const binMiddle = (bin.to - bin.from) / 2;\n        const distance = Math.abs(mouseX - binMiddle);\n\n        if (distance < smallestXDelta) {\n          closestBinsX = [];\n          smallestXDelta = distance;\n        }\n\n        if (distance === smallestXDelta) {\n          const { cumulativeValue, value, seriesId, color } = safeGet(\n            binsMap,\n            bin,\n          );\n          const y =\n            yScale(cumulativeValue ? cumulativeValue : (value ?? 0)) ?? 0;\n\n          closestBinsX.push({\n            id: seriesId,\n            x: xScale(bin.from + (bin.to - bin.from) / 2) + OVERLAY_PADDING,\n            y: y + OVERLAY_PADDING,\n            color,\n            bin,\n          });\n        }\n      }\n    }\n  }\n\n  return closestBinsX;\n}\n\n/**\n * Get the closest bins information: the closestBin base on the mouse y position, get the closestBins from the closest one and group the closestBins\n *\n * @param mouseY - the y mouse position\n * @param closestBinsX - closest bins regarding the x\n * @returns get the closest bins information.\n */\nexport function getClosestBins(\n  mouseY: number,\n  closestBinsX: HistogramTooltipDataPoint[],\n) {\n  // new object needed to preserve the points sorting\n  const closestBin = [...closestBinsX].sort(\n    (a, b) => Math.abs(a.y - mouseY) - Math.abs(b.y - mouseY),\n  )[0];\n\n  const closestBinsByClosestOne = closestBinsX.filter(\n    (c) => c.bin.to === closestBin.bin.to && c.bin.from === closestBin.bin.from,\n  );\n\n  const closestBinsGrouped = getGroupedDataPointsByCoordinate(\n    closestBinsByClosestOne,\n    'y',\n  ) as HistogramTooltipDataPoint[][];\n\n  return { closestBin, closestBinsByClosestOne, closestBinsGrouped };\n}\n"],
+  "mappings": "AACA,SAAS,uBAAuB;AAChC,SAAS,wCAAwC;AACjD,SAAS,eAAe;AAqBjB,SAAS,gBACd,QACA,QACA,SACA,QACA,WACA,SACA;AACA,MAAI,eAA4C,CAAC;AACjD,MAAI,iBAAiB;AAErB,aAAW,gBAAgB,QAAQ;AACjC,UAAM,SAAS,QAAQ,QAAQ,WAAW,YAAY,EAAE,UAAU;AAElE,eAAW,OAAO,aAAa,MAAM;AACnC,UAAI,IAAI,QAAQ,UAAU,IAAI,MAAM,QAAQ;AAC1C,cAAM,aAAa,IAAI,KAAK,IAAI,QAAQ;AACxC,cAAM,WAAW,KAAK,IAAI,SAAS,SAAS;AAE5C,YAAI,WAAW,gBAAgB;AAC7B,yBAAe,CAAC;AAChB,2BAAiB;AAAA,QACnB;AAEA,YAAI,aAAa,gBAAgB;AAC/B,gBAAM,EAAE,iBAAiB,OAAO,UAAU,MAAM,IAAI;AAAA,YAClD;AAAA,YACA;AAAA,UACF;AACA,gBAAM,IACJ,OAAO,kBAAkB,kBAAmB,SAAS,CAAE,KAAK;AAE9D,uBAAa,KAAK;AAAA,YAChB,IAAI;AAAA,YACJ,GAAG,OAAO,IAAI,QAAQ,IAAI,KAAK,IAAI,QAAQ,CAAC,IAAI;AAAA,YAChD,GAAG,IAAI;AAAA,YACP;AAAA,YACA;AAAA,UACF,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AASO,SAAS,eACd,QACA,cACA;AAEA,QAAM,aAAa,CAAC,GAAG,YAAY,EAAE;AAAA,IACnC,CAAC,GAAG,MAAM,KAAK,IAAI,EAAE,IAAI,MAAM,IAAI,KAAK,IAAI,EAAE,IAAI,MAAM;AAAA,EAC1D,EAAE,CAAC;AAEH,QAAM,0BAA0B,aAAa;AAAA,IAC3C,CAAC,MAAM,EAAE,IAAI,OAAO,WAAW,IAAI,MAAM,EAAE,IAAI,SAAS,WAAW,IAAI;AAAA,EACzE;AAEA,QAAM,qBAAqB;AAAA,IACzB;AAAA,IACA;AAAA,EACF;AAEA,SAAO,EAAE,YAAY,yBAAyB,mBAAmB;AACnE;",
   "names": []
 }

package/esm/charts/histogram/components/toolbar/HistogramToolbar.js

@@ -42,6 +42,8 @@ const HistogramToolbar = ({
     isZoomEnabled,
     isDownloadEnabled
   });
+  const startsExpanded = !collapsed;
+  const hasExploreMenu = menuDisplayMode === "always" || menuDisplayMode === "expanded" && startsExpanded || menuDisplayMode === "collapsed" && !startsExpanded;
   const onClose = () => selectionAreaRef ? selectionAreaRef.current?.focus() : void 0;
   const { series } = useHistogramFilteredData();
   const handleDownloadDataToolbar = () => buildAndDownloadCsv(series);
@@ -60,8 +62,9 @@ const HistogramToolbar = ({
         zoomX,
         pan,
         zoom,
-        download: downloadData,
-        intent: !!intents
+        download: { enabled: showDefaultToolbarDownloadButton },
+        intent: !!intents,
+        hasExploreMenu
       }),
       zIndex: ChartOverlaysElevation.toolbar,
       onMouseEnter,

package/esm/charts/histogram/components/toolbar/HistogramToolbar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/histogram/components/toolbar/HistogramToolbar.tsx"],
-  "sourcesContent": ["import type { MouseEvent as ReactMouseEvent } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { DownloadDataButton } from './DownloadDataButton.js';\nimport { ExploreButton } from './ExploreButton.js';\nimport { PanButton } from './PanButton.js';\nimport { ResetButton } from './ResetButton.js';\nimport { ZoomInOutButtons } from './ZoomInOutButtons.js';\nimport { ZoomModeButton } from './ZoomModeButton.js';\nimport { useBehavioralTrackingProps as _useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { ChartToolbarRenderer } from '../../../core/components/toolbar/ChartToolbarRenderer.js';\nimport type { ChartToolbarRendererProps } from '../../../core/components/toolbar/types.js';\nimport { getMenuTriggerDisplayMode } from '../../../core/components/toolbar/utils/get-menu-trigger-display-mode.js';\nimport { getMenuTriggerIcon } from '../../../core/components/toolbar/utils/get-menu-trigger-icon.js';\nimport { ChartOverlaysElevation } from '../../../core/constants.js';\nimport { getA11yToolbarConfig } from '../../../core/utils/zoom.js';\nimport { defaultToolbarPlacement } from '../../constants/defaults.js';\nimport { useInteractionModeState } from '../../hooks/store/selectors.js';\nimport { useHistogramFilteredData } from '../../hooks/useHistogramFilteredData.js';\nimport { useHistogramInteractions } from '../../hooks/useHistogramInteractions.js';\nimport { useHistogramSelectionAreaRef } from '../../hooks/useHistogramSelectionAreaRef.js';\nimport { useHistogramToolbar } from '../../hooks/useHistogramToolbar.js';\nimport { HISTOGRAM_MESSAGES } from '../../messages/tooltip-text.js';\nimport { buildAndDownloadCsv } from '../../utils/build-and-download-csv.js';\n\ntype HistogramToolbarProps = {\n  onMouseEnter?: (event?: ReactMouseEvent<HTMLDivElement, MouseEvent>) => void;\n  onMouseLeave?: (event?: ReactMouseEvent<HTMLDivElement, MouseEvent>) => void;\n  handlerRef?: ChartToolbarRendererProps['handlerRef'];\n};\n\nexport const HistogramToolbar = ({\n  onMouseEnter,\n  onMouseLeave,\n  handlerRef,\n}: HistogramToolbarProps) => {\n  const toolbarContext = useHistogramToolbar();\n  const { placement, collapsed, downloadData, intents } = toolbarContext;\n  const interactionMode = useInteractionModeState();\n  /* oxlint-disable-next-line typescript/no-deprecated */\n  const { zoom, zoomX, pan } = useHistogramInteractions();\n  const intl = useIntl();\n  const selectionAreaRef = useHistogramSelectionAreaRef();\n\n  const isZoomEnabled = zoom?.enabled;\n  const isPanEnabled = pan?.enabled;\n  const isDownloadEnabled = downloadData?.enabled ?? false;\n\n  const anyInteractionEnabled =\n    isZoomEnabled ||\n    zoomX?.enabled ||\n    isPanEnabled ||\n    isDownloadEnabled ||\n    intents;\n\n  const menuIcon = getMenuTriggerIcon(interactionMode, isZoomEnabled);\n\n  const menuLabel =\n    !isPanEnabled && !isZoomEnabled\n      ? intl.formatMessage(HISTOGRAM_MESSAGES.zoomModeExplore)\n      : undefined;\n\n  const menuDisplayMode = getMenuTriggerDisplayMode({\n    isPanEnabled,\n    isZoomEnabled,\n    isDownloadEnabled,\n  });\n\n  const onClose = () =>\n    selectionAreaRef ? selectionAreaRef.current?.focus() : undefined;\n\n  const { series } = useHistogramFilteredData();\n\n  /** Handles the download button when clicked. */\n  const handleDownloadDataToolbar = () => buildAndDownloadCsv(series);\n\n  const showDefaultToolbarDownloadButton = isDownloadEnabled && !intents;\n  const showMenuToolbarButton = isDownloadEnabled && !!intents?.length;\n\n  const behaviorTrackingProps = _useBehavioralTrackingProps(toolbarContext)[0];\n\n  return anyInteractionEnabled ? (\n    <ChartToolbarRenderer\n      visibleWhenMouseInBounds\n      handlerRef={handlerRef}\n      placement={placement || defaultToolbarPlacement}\n      collapsed={collapsed}\n      draggable={true}\n      initialA11yState={getA11yToolbarConfig({\n        zoomX,\n        pan,\n        zoom,\n        download: downloadData,\n        intent: !!intents,\n      })}\n      zIndex={ChartOverlaysElevation.toolbar}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      menuIcon={menuIcon}\n      menuTriggerLabel={menuLabel}\n      menuDisplayMode={menuDisplayMode}\n      onClose={onClose}\n      isDownloadEnabled={showMenuToolbarButton}\n      intents={intents}\n      handleDownloadDataToolbar={handleDownloadDataToolbar}\n      {...behaviorTrackingProps}\n    >\n      <>\n        <ExploreButton />\n        {isZoomEnabled && <ZoomModeButton />}\n        {isPanEnabled && <PanButton />}\n      </>\n      {isZoomEnabled && <ZoomInOutButtons />}\n      <ResetButton />\n      {showDefaultToolbarDownloadButton && <DownloadDataButton />}\n    </ChartToolbarRenderer>\n  ) : null;\n};\n"],
-  "mappings": "AA2GM,mBACE,KADF;AA1GN,SAAS,eAAe;AAExB,SAAS,0BAA0B;AACnC,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,8BAA8B,mCAAmC;AAC1E,SAAS,4BAA4B;AAErC,SAAS,iCAAiC;AAC1C,SAAS,0BAA0B;AACnC,SAAS,8BAA8B;AACvC,SAAS,4BAA4B;AACrC,SAAS,+BAA+B;AACxC,SAAS,+BAA+B;AACxC,SAAS,gCAAgC;AACzC,SAAS,gCAAgC;AACzC,SAAS,oCAAoC;AAC7C,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AACnC,SAAS,2BAA2B;AAQ7B,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AAC3B,QAAM,iBAAiB,oBAAoB;AAC3C,QAAM,EAAE,WAAW,WAAW,cAAc,QAAQ,IAAI;AACxD,QAAM,kBAAkB,wBAAwB;AAEhD,QAAM,EAAE,MAAM,OAAO,IAAI,IAAI,yBAAyB;AACtD,QAAM,OAAO,QAAQ;AACrB,QAAM,mBAAmB,6BAA6B;AAEtD,QAAM,gBAAgB,MAAM;AAC5B,QAAM,eAAe,KAAK;AAC1B,QAAM,oBAAoB,cAAc,WAAW;AAEnD,QAAM,wBACJ,iBACA,OAAO,WACP,gBACA,qBACA;AAEF,QAAM,WAAW,mBAAmB,iBAAiB,aAAa;AAElE,QAAM,YACJ,CAAC,gBAAgB,CAAC,gBACd,KAAK,cAAc,mBAAmB,eAAe,IACrD;AAEN,QAAM,kBAAkB,0BAA0B;AAAA,IAChD;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,UAAU,MACd,mBAAmB,iBAAiB,SAAS,MAAM,IAAI;AAEzD,QAAM,EAAE,OAAO,IAAI,yBAAyB;AAG5C,QAAM,4BAA4B,MAAM,oBAAoB,MAAM;AAElE,QAAM,mCAAmC,qBAAqB,CAAC;AAC/D,QAAM,wBAAwB,qBAAqB,CAAC,CAAC,SAAS;AAE9D,QAAM,wBAAwB,4BAA4B,cAAc,EAAE,CAAC;AAE3E,SAAO,wBACL;AAAA,IAAC;AAAA;AAAA,MACC,0BAAwB;AAAA,MACxB;AAAA,MACA,WAAW,aAAa;AAAA,MACxB;AAAA,MACA,WAAW;AAAA,MACX,kBAAkB,qBAAqB;AAAA,QACrC;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV,QAAQ,CAAC,CAAC;AAAA,MACZ,CAAC;AAAA,MACD,QAAQ,uBAAuB;AAAA,MAC/B;AAAA,MACA;AAAA,MACA;AAAA,MACA,kBAAkB;AAAA,MAClB;AAAA,MACA;AAAA,MACA,mBAAmB;AAAA,MACnB;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,yCACE;AAAA,8BAAC,iBAAc;AAAA,UACd,iBAAiB,oBAAC,kBAAe;AAAA,UACjC,gBAAgB,oBAAC,aAAU;AAAA,WAC9B;AAAA,QACC,iBAAiB,oBAAC,oBAAiB;AAAA,QACpC,oBAAC,eAAY;AAAA,QACZ,oCAAoC,oBAAC,sBAAmB;AAAA;AAAA;AAAA,EAC3D,IACE;AACN;",
+  "sourcesContent": ["import type { MouseEvent as ReactMouseEvent } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { DownloadDataButton } from './DownloadDataButton.js';\nimport { ExploreButton } from './ExploreButton.js';\nimport { PanButton } from './PanButton.js';\nimport { ResetButton } from './ResetButton.js';\nimport { ZoomInOutButtons } from './ZoomInOutButtons.js';\nimport { ZoomModeButton } from './ZoomModeButton.js';\nimport { useBehavioralTrackingProps as _useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { ChartToolbarRenderer } from '../../../core/components/toolbar/ChartToolbarRenderer.js';\nimport type { ChartToolbarRendererProps } from '../../../core/components/toolbar/types.js';\nimport { getMenuTriggerDisplayMode } from '../../../core/components/toolbar/utils/get-menu-trigger-display-mode.js';\nimport { getMenuTriggerIcon } from '../../../core/components/toolbar/utils/get-menu-trigger-icon.js';\nimport { ChartOverlaysElevation } from '../../../core/constants.js';\nimport { getA11yToolbarConfig } from '../../../core/utils/zoom.js';\nimport { defaultToolbarPlacement } from '../../constants/defaults.js';\nimport { useInteractionModeState } from '../../hooks/store/selectors.js';\nimport { useHistogramFilteredData } from '../../hooks/useHistogramFilteredData.js';\nimport { useHistogramInteractions } from '../../hooks/useHistogramInteractions.js';\nimport { useHistogramSelectionAreaRef } from '../../hooks/useHistogramSelectionAreaRef.js';\nimport { useHistogramToolbar } from '../../hooks/useHistogramToolbar.js';\nimport { HISTOGRAM_MESSAGES } from '../../messages/tooltip-text.js';\nimport { buildAndDownloadCsv } from '../../utils/build-and-download-csv.js';\n\ntype HistogramToolbarProps = {\n  onMouseEnter?: (event?: ReactMouseEvent<HTMLDivElement, MouseEvent>) => void;\n  onMouseLeave?: (event?: ReactMouseEvent<HTMLDivElement, MouseEvent>) => void;\n  handlerRef?: ChartToolbarRendererProps['handlerRef'];\n};\n\nexport const HistogramToolbar = ({\n  onMouseEnter,\n  onMouseLeave,\n  handlerRef,\n}: HistogramToolbarProps) => {\n  const toolbarContext = useHistogramToolbar();\n  const { placement, collapsed, downloadData, intents } = toolbarContext;\n  const interactionMode = useInteractionModeState();\n  /* oxlint-disable-next-line typescript/no-deprecated */\n  const { zoom, zoomX, pan } = useHistogramInteractions();\n  const intl = useIntl();\n  const selectionAreaRef = useHistogramSelectionAreaRef();\n\n  const isZoomEnabled = zoom?.enabled;\n  const isPanEnabled = pan?.enabled;\n  const isDownloadEnabled = downloadData?.enabled ?? false;\n\n  const anyInteractionEnabled =\n    isZoomEnabled ||\n    zoomX?.enabled ||\n    isPanEnabled ||\n    isDownloadEnabled ||\n    intents;\n\n  const menuIcon = getMenuTriggerIcon(interactionMode, isZoomEnabled);\n\n  const menuLabel =\n    !isPanEnabled && !isZoomEnabled\n      ? intl.formatMessage(HISTOGRAM_MESSAGES.zoomModeExplore)\n      : undefined;\n\n  const menuDisplayMode = getMenuTriggerDisplayMode({\n    isPanEnabled,\n    isZoomEnabled,\n    isDownloadEnabled,\n  });\n\n  const startsExpanded = !collapsed;\n  const hasExploreMenu =\n    menuDisplayMode === 'always' ||\n    (menuDisplayMode === 'expanded' && startsExpanded) ||\n    (menuDisplayMode === 'collapsed' && !startsExpanded);\n\n  const onClose = () =>\n    selectionAreaRef ? selectionAreaRef.current?.focus() : undefined;\n\n  const { series } = useHistogramFilteredData();\n\n  /** Handles the download button when clicked. */\n  const handleDownloadDataToolbar = () => buildAndDownloadCsv(series);\n\n  const showDefaultToolbarDownloadButton = isDownloadEnabled && !intents;\n  const showMenuToolbarButton = isDownloadEnabled && !!intents?.length;\n\n  const behaviorTrackingProps = _useBehavioralTrackingProps(toolbarContext)[0];\n\n  return anyInteractionEnabled ? (\n    <ChartToolbarRenderer\n      visibleWhenMouseInBounds\n      handlerRef={handlerRef}\n      placement={placement || defaultToolbarPlacement}\n      collapsed={collapsed}\n      draggable={true}\n      initialA11yState={getA11yToolbarConfig({\n        zoomX,\n        pan,\n        zoom,\n        download: { enabled: showDefaultToolbarDownloadButton },\n        intent: !!intents,\n        hasExploreMenu,\n      })}\n      zIndex={ChartOverlaysElevation.toolbar}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      menuIcon={menuIcon}\n      menuTriggerLabel={menuLabel}\n      menuDisplayMode={menuDisplayMode}\n      onClose={onClose}\n      isDownloadEnabled={showMenuToolbarButton}\n      intents={intents}\n      handleDownloadDataToolbar={handleDownloadDataToolbar}\n      {...behaviorTrackingProps}\n    >\n      <>\n        <ExploreButton />\n        {isZoomEnabled && <ZoomModeButton />}\n        {isPanEnabled && <PanButton />}\n      </>\n      {isZoomEnabled && <ZoomInOutButtons />}\n      <ResetButton />\n      {showDefaultToolbarDownloadButton && <DownloadDataButton />}\n    </ChartToolbarRenderer>\n  ) : null;\n};\n"],
+  "mappings": "AAkHM,mBACE,KADF;AAjHN,SAAS,eAAe;AAExB,SAAS,0BAA0B;AACnC,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,8BAA8B,mCAAmC;AAC1E,SAAS,4BAA4B;AAErC,SAAS,iCAAiC;AAC1C,SAAS,0BAA0B;AACnC,SAAS,8BAA8B;AACvC,SAAS,4BAA4B;AACrC,SAAS,+BAA+B;AACxC,SAAS,+BAA+B;AACxC,SAAS,gCAAgC;AACzC,SAAS,gCAAgC;AACzC,SAAS,oCAAoC;AAC7C,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AACnC,SAAS,2BAA2B;AAQ7B,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AAC3B,QAAM,iBAAiB,oBAAoB;AAC3C,QAAM,EAAE,WAAW,WAAW,cAAc,QAAQ,IAAI;AACxD,QAAM,kBAAkB,wBAAwB;AAEhD,QAAM,EAAE,MAAM,OAAO,IAAI,IAAI,yBAAyB;AACtD,QAAM,OAAO,QAAQ;AACrB,QAAM,mBAAmB,6BAA6B;AAEtD,QAAM,gBAAgB,MAAM;AAC5B,QAAM,eAAe,KAAK;AAC1B,QAAM,oBAAoB,cAAc,WAAW;AAEnD,QAAM,wBACJ,iBACA,OAAO,WACP,gBACA,qBACA;AAEF,QAAM,WAAW,mBAAmB,iBAAiB,aAAa;AAElE,QAAM,YACJ,CAAC,gBAAgB,CAAC,gBACd,KAAK,cAAc,mBAAmB,eAAe,IACrD;AAEN,QAAM,kBAAkB,0BAA0B;AAAA,IAChD;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,iBAAiB,CAAC;AACxB,QAAM,iBACJ,oBAAoB,YACnB,oBAAoB,cAAc,kBAClC,oBAAoB,eAAe,CAAC;AAEvC,QAAM,UAAU,MACd,mBAAmB,iBAAiB,SAAS,MAAM,IAAI;AAEzD,QAAM,EAAE,OAAO,IAAI,yBAAyB;AAG5C,QAAM,4BAA4B,MAAM,oBAAoB,MAAM;AAElE,QAAM,mCAAmC,qBAAqB,CAAC;AAC/D,QAAM,wBAAwB,qBAAqB,CAAC,CAAC,SAAS;AAE9D,QAAM,wBAAwB,4BAA4B,cAAc,EAAE,CAAC;AAE3E,SAAO,wBACL;AAAA,IAAC;AAAA;AAAA,MACC,0BAAwB;AAAA,MACxB;AAAA,MACA,WAAW,aAAa;AAAA,MACxB;AAAA,MACA,WAAW;AAAA,MACX,kBAAkB,qBAAqB;AAAA,QACrC;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,EAAE,SAAS,iCAAiC;AAAA,QACtD,QAAQ,CAAC,CAAC;AAAA,QACV;AAAA,MACF,CAAC;AAAA,MACD,QAAQ,uBAAuB;AAAA,MAC/B;AAAA,MACA;AAAA,MACA;AAAA,MACA,kBAAkB;AAAA,MAClB;AAAA,MACA;AAAA,MACA,mBAAmB;AAAA,MACnB;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,yCACE;AAAA,8BAAC,iBAAc;AAAA,UACd,iBAAiB,oBAAC,kBAAe;AAAA,UACjC,gBAAgB,oBAAC,aAAU;AAAA,WAC9B;AAAA,QACC,iBAAiB,oBAAC,oBAAiB;AAAA,QACpC,oBAAC,eAAY;AAAA,QACZ,oCAAoC,oBAAC,sBAAmB;AAAA;AAAA;AAAA,EAC3D,IACE;AACN;",
   "names": []
 }

package/esm/charts/histogram/constants/chart-state.js

@@ -5,7 +5,8 @@ const initialState = {
   annotations: initialSelectionState,
   zoom: {
     zoomInEnabled: true,
-    zoomOutEnabled: false
+    zoomOutEnabled: false,
+    panEnabled: false
   },
   currentDomain: void 0,
   select: void 0,

package/esm/charts/histogram/constants/chart-state.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/histogram/constants/chart-state.ts"],
-  "sourcesContent": ["import { initialSelectionState } from '../../core/components/annotations/providers/AnnotationsDataInitialState.js';\nimport { HistogramChartState } from '../types/state.js';\n\nexport const initialState: HistogramChartState = {\n  filteredSeriesIds: new Set(),\n  highlightedSeriesId: undefined,\n  annotations: initialSelectionState,\n  zoom: {\n    zoomInEnabled: true,\n    zoomOutEnabled: false,\n  },\n  currentDomain: undefined,\n  select: undefined,\n  interactionMode: 'explore',\n  explore: {\n    visible: false,\n    pinned: false,\n    position: undefined,\n  },\n};\n"],
-  "mappings": "AAAA,SAAS,6BAA6B;AAG/B,MAAM,eAAoC;AAAA,EAC/C,mBAAmB,oBAAI,IAAI;AAAA,EAC3B,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,MAAM;AAAA,IACJ,eAAe;AAAA,IACf,gBAAgB;AAAA,EAClB;AAAA,EACA,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,SAAS;AAAA,IACP,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACF;",
+  "sourcesContent": ["import { initialSelectionState } from '../../core/components/annotations/providers/AnnotationsDataInitialState.js';\nimport { HistogramChartState } from '../types/state.js';\n\nexport const initialState: HistogramChartState = {\n  filteredSeriesIds: new Set(),\n  highlightedSeriesId: undefined,\n  annotations: initialSelectionState,\n  zoom: {\n    zoomInEnabled: true,\n    zoomOutEnabled: false,\n    panEnabled: false,\n  },\n  currentDomain: undefined,\n  select: undefined,\n  interactionMode: 'explore',\n  explore: {\n    visible: false,\n    pinned: false,\n    position: undefined,\n  },\n};\n"],
+  "mappings": "AAAA,SAAS,6BAA6B;AAG/B,MAAM,eAAoC;AAAA,EAC/C,mBAAmB,oBAAI,IAAI;AAAA,EAC3B,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,MAAM;AAAA,IACJ,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,YAAY;AAAA,EACd;AAAA,EACA,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,SAAS;AAAA,IACP,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACF;",
   "names": []
 }

package/esm/charts/histogram/types/histogram.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/histogram/types/histogram.ts"],
-  "sourcesContent": ["import type { ScaleLinear, ScaleLogarithmic, ScaleSymLog } from 'd3-scale';\n\nimport type { ChartUnit } from '../../core/types/chart-unit.js';\nimport type { ColorToken } from '../../core/types/color-palette.js';\n\n/**\n * @public\n */\nexport type HistogramZoomDomain = number[];\n\n/**\n * @public\n */\nexport interface HistogramBin {\n  /**\n   * The start of the bin or bucket\n   */\n  from: number;\n  /**\n   * The end of the bin or bucket\n   */\n  to: number;\n  /**\n   * The value, better known as \"frequency\"\n   */\n  value: number;\n}\n\n/**\n * @public\n */\nexport interface HistogramSeries {\n  /**\n   * The histogram series data to be graphed by the component\n   */\n  bins: HistogramBin[];\n  /**\n   * The name for the histogram series\n   */\n  name: string;\n  /**\n   * Unit token for the values in the y-axis of the histogram series\n   */\n  unit?: ChartUnit;\n  /**\n   * The color to be applied to the series\n   */\n  color?: string;\n}\n\n/**\n * @internal\n */\nexport interface SeriesMetadata {\n  id: string;\n  color: ColorToken;\n  scaleIndex: number;\n}\n\n/**\n * @internal\n */\nexport interface TooltipValueMetadata {\n  value: number;\n  unit: ChartUnit;\n}\n\n/**\n * @internal\n */\nexport interface BinMetadata extends HistogramBin {\n  seriesId: string;\n  color: ColorToken;\n  unit: ChartUnit;\n  seriesName: string;\n  cumulativeValue?: number;\n  absolute?: TooltipValueMetadata;\n}\n\n/**\n * @internal\n */\nexport type WeakMapSeries = WeakMap<object, SeriesMetadata>;\n/**\n * @internal\n */\nexport type WeakMapBins = WeakMap<object, BinMetadata>;\n\n/**\n * @internal\n */\nexport interface HistogramDataPoint {\n  /**\n   * The value in X axis\n   */\n  x: number;\n  /**\n   * The value in Y axis\n   */\n  y: number;\n}\n\n/**\n * @public\n */\nexport const histogramTooltipVariantOptions = [\n  'single',\n  'shared',\n  'grouped',\n] as const;\n/**\n * @public\n */\nexport type HistogramTooltipVariant =\n  (typeof histogramTooltipVariantOptions)[number];\n\n/**\n * @internal\n */\nexport type XScale =\n  | ScaleLinear<number, number>\n  | ScaleLogarithmic<number, number>\n  | ScaleSymLog<number, number>;\n/**\n * @internal\n */\nexport type YScale =\n  | ScaleLinear<number, number>\n  | ScaleLogarithmic<number, number>\n  | ScaleSymLog<number, number>;\n\n"],
+  "sourcesContent": ["import type { ScaleLinear, ScaleLogarithmic, ScaleSymLog } from 'd3-scale';\n\nimport type { ChartUnit } from '../../core/types/chart-unit.js';\nimport type { ColorToken } from '../../core/types/color-palette.js';\n\n/**\n * @public\n */\nexport type HistogramZoomDomain = number[];\n\n/**\n * @public\n */\nexport interface HistogramBin {\n  /**\n   * The start of the bin or bucket\n   */\n  from: number;\n  /**\n   * The end of the bin or bucket\n   */\n  to: number;\n  /**\n   * The value, better known as \"frequency\"\n   */\n  value: number;\n}\n\n/**\n * @public\n */\nexport interface HistogramSeries {\n  /**\n   * The histogram series data to be graphed by the component\n   */\n  bins: HistogramBin[];\n  /**\n   * The name for the histogram series\n   */\n  name: string;\n  /**\n   * Unit token for the values in the y-axis of the histogram series\n   */\n  unit?: ChartUnit;\n  /**\n   * The color to be applied to the series\n   */\n  color?: string;\n}\n\n/**\n * @internal\n */\nexport interface SeriesMetadata {\n  id: string;\n  color: ColorToken;\n  scaleIndex: number;\n}\n\n/**\n * @internal\n */\nexport interface TooltipValueMetadata {\n  value: number;\n  unit: ChartUnit;\n}\n\n/**\n * @internal\n */\nexport interface BinMetadata extends HistogramBin {\n  seriesId: string;\n  color: ColorToken;\n  unit: ChartUnit;\n  seriesName: string;\n  cumulativeValue?: number;\n  absolute?: TooltipValueMetadata;\n}\n\n/**\n * @internal\n */\nexport type WeakMapSeries = WeakMap<object, SeriesMetadata>;\n/**\n * @internal\n */\nexport type WeakMapBins = WeakMap<object, BinMetadata>;\n\n/**\n * @internal\n */\nexport interface HistogramDataPoint {\n  /**\n   * The value in X axis\n   */\n  x: number;\n  /**\n   * The value in Y axis\n   */\n  y: number;\n}\n\n/**\n * @public\n */\nexport const histogramTooltipVariantOptions = [\n  'single',\n  'shared',\n  'grouped',\n] as const;\n/**\n * @public\n */\nexport type HistogramTooltipVariant =\n  (typeof histogramTooltipVariantOptions)[number];\n\n/**\n * @internal\n */\nexport type XScale =\n  | ScaleLinear<number, number>\n  | ScaleLogarithmic<number, number>\n  | ScaleSymLog<number, number>;\n/**\n * @internal\n */\nexport type YScale =\n  | ScaleLinear<number, number>\n  | ScaleLogarithmic<number, number>\n  | ScaleSymLog<number, number>;\n"],
   "mappings": "AAyGO,MAAM,iCAAiC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AACF;",
   "names": []
 }