@dynatrace/strato-components 3.1.3 → 3.2.0

package/esm/charts/gauge/GaugeChart.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/gauge/GaugeChart.tsx"],
-  "sourcesContent": ["import {\n  forwardRef,\n  type PropsWithChildren,\n  useImperativeHandle,\n  useRef,\n} from 'react';\n\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { useObserveContainerSize } from '../core/hooks/useObserveContainerSize.js';\nimport { ChartType } from '../core/types/chart-types.js';\nimport type { ComponentWithName } from '../core/types/component-with-name.js';\nimport { coerceSizeValue } from '../core/utils/coerceSizeValue.js';\nimport { GaugeChartLayout } from './components/GaugeChartLayout/GaugeChartLayout.js';\nimport {\n  DEFAULT_CHART_HEIGHT,\n  DEFAULT_CHART_WIDTH,\n  DISPLAY_NAME,\n  GAUGE_CHART_ARIA_LABEL,\n} from './constants.js';\nimport { useGaugeChartConfig } from './hooks/useGaugeChartConfig.js';\nimport { GaugeChartProviders } from './providers/GaugeChartProviders.js';\nimport { Label } from './slots/Label.js';\nimport { ThresholdIndicator } from './slots/ThresholdIndicator.js';\nimport { GaugeChartToolbarSlot } from './slots/Toolbar.js';\nimport { Tooltip } from './slots/Tooltip.js';\nimport type { GaugeChartConsumerConfig } from './types/gauge-chart-config.js';\nimport type { GaugeChartProps, GaugeChartRef } from './types/gauge-chart.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { ColorRule } from '../core/slots/ColorRule.js';\n\nconst COMPONENT_NAME = 'GaugeChart';\n\nconst _GaugeChart = forwardRef<\n  GaugeChartRef,\n  PropsWithChildren<GaugeChartProps>\n>((props, forwardedRef) => {\n  const {\n    value,\n    width,\n    height,\n    style,\n    className,\n    prefixIcon,\n    seriesActions,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-testid': dataTestId = 'gauge-chart-root',\n    valueAccessor,\n  } = props;\n\n  const config = useGaugeChartConfig(props);\n  const {\n    min,\n    max,\n    color,\n    formatter,\n    thresholdsIndicators,\n    colorRules,\n    toolbar,\n    intents,\n    tooltip,\n    valueAccessor: configValueAccessor,\n  } = config;\n\n  const effectiveValueAccessor = valueAccessor ?? configValueAccessor;\n\n  const chartWidth = coerceSizeValue(width) ?? DEFAULT_CHART_WIDTH;\n  const chartHeight = coerceSizeValue(height) ?? DEFAULT_CHART_HEIGHT;\n\n  const [{ height: containerHeight, width: containerWidth }, containerRef] =\n    useObserveContainerSize();\n\n  const gaugeChartRef = useRef<HTMLDivElement>(null);\n\n  useImperativeHandle(forwardedRef, () => {\n    const consumerConfig: GaugeChartConsumerConfig = {\n      min,\n      max,\n      color,\n      formatter,\n      thresholdsIndicators,\n      colorRules,\n      toolbar,\n      tooltip,\n      valueAccessor: effectiveValueAccessor,\n    };\n\n    return {\n      element: gaugeChartRef.current,\n      getConfig: () =>\n        JSON.stringify({ type: ChartType.GaugeChart, ...consumerConfig }),\n    };\n  });\n\n  const ref = useMergeRefs<GaugeChartRef | HTMLDivElement>([\n    forwardedRef,\n    gaugeChartRef,\n  ]);\n\n  return (\n    <div\n      ref={containerRef}\n      style={{\n        width: chartWidth,\n        height: chartHeight,\n        overflow: 'hidden',\n        ...style,\n      }}\n      className={className}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      data-testid={dataTestId}\n      role=\"img\"\n      aria-label={GAUGE_CHART_ARIA_LABEL}\n      data-dt-component={COMPONENT_NAME}\n    >\n      <GaugeChartProviders\n        config={config}\n        width={containerWidth}\n        height={containerHeight}\n        value={value}\n        valueAccessor={effectiveValueAccessor}\n        explicitColor={color}\n        seriesActions={seriesActions}\n      >\n        <GaugeChartLayout\n          ref={ref}\n          value={value}\n          valueAccessor={effectiveValueAccessor}\n          prefixIcon={prefixIcon}\n          intents={intents}\n          toolbar={toolbar}\n          tooltip={tooltip}\n        />\n      </GaugeChartProviders>\n    </div>\n  );\n});\n\n(_GaugeChart as ComponentWithName<typeof _GaugeChart>).displayName =\n  DISPLAY_NAME;\n\n/**\n * A Gauge Chart is a circular chart that displays information on a numeric\n * scale.\n * It's great for showing performance metrics or progress towards a goal.\n *\n * @public\n */\nexport const GaugeChart = Object.assign(_GaugeChart, {\n  ColorRule,\n  Intent,\n  Label,\n  ThresholdIndicator,\n  Toolbar: GaugeChartToolbarSlot,\n  Tooltip,\n});\n"],
-  "mappings": "AA6HQ;AA7HR;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,oBAAoB;AAC7B,SAAS,+BAA+B;AACxC,SAAS,iBAAiB;AAE1B,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,2BAA2B;AACpC,SAAS,2BAA2B;AACpC,SAAS,aAAa;AACtB,SAAS,0BAA0B;AACnC,SAAS,6BAA6B;AACtC,SAAS,eAAe;AAGxB,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAE1B,MAAM,iBAAiB;AAEvB,MAAM,cAAc,WAGlB,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,eAAe,aAAa;AAAA,IAC5B;AAAA,EACF,IAAI;AAEJ,QAAM,SAAS,oBAAoB,KAAK;AACxC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,EACjB,IAAI;AAEJ,QAAM,yBAAyB,iBAAiB;AAEhD,QAAM,aAAa,gBAAgB,KAAK,KAAK;AAC7C,QAAM,cAAc,gBAAgB,MAAM,KAAK;AAE/C,QAAM,CAAC,EAAE,QAAQ,iBAAiB,OAAO,eAAe,GAAG,YAAY,IACrE,wBAAwB;AAE1B,QAAM,gBAAgB,OAAuB,IAAI;AAEjD,sBAAoB,cAAc,MAAM;AACtC,UAAM,iBAA2C;AAAA,MAC/C;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAe;AAAA,IACjB;AAEA,WAAO;AAAA,MACL,SAAS,cAAc;AAAA,MACvB,WAAW,MACT,KAAK,UAAU,EAAE,MAAM,UAAU,YAAY,GAAG,eAAe,CAAC;AAAA,IACpE;AAAA,EACF,CAAC;AAED,QAAM,MAAM,aAA6C;AAAA,IACvD;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,GAAG;AAAA,MACL;AAAA,MACA;AAAA,MACA,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,eAAa;AAAA,MACb,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,qBAAmB;AAAA,MAEnB;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO;AAAA,UACP,QAAQ;AAAA,UACR;AAAA,UACA,eAAe;AAAA,UACf,eAAe;AAAA,UACf;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA,eAAe;AAAA,cACf;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ,CAAC;AAEA,YAAsD,cACrD;AASK,MAAM,aAAa,OAAO,OAAO,aAAa;AAAA,EACnD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AACF,CAAC;",
+  "sourcesContent": ["import {\n  forwardRef,\n  type PropsWithChildren,\n  useImperativeHandle,\n  useRef,\n} from 'react';\n\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { useObserveContainerSize } from '../core/hooks/useObserveContainerSize.js';\nimport { ChartType } from '../core/types/chart-types.js';\nimport type { ComponentWithName } from '../core/types/component-with-name.js';\nimport { coerceSizeValue } from '../core/utils/coerceSizeValue.js';\nimport { GaugeChartLayout } from './components/GaugeChartLayout/GaugeChartLayout.js';\nimport {\n  DEFAULT_CHART_HEIGHT,\n  DEFAULT_CHART_WIDTH,\n  DISPLAY_NAME,\n  GAUGE_CHART_ARIA_LABEL,\n} from './constants.js';\nimport { useGaugeChartConfig } from './hooks/useGaugeChartConfig.js';\nimport { GaugeChartProviders } from './providers/GaugeChartProviders.js';\nimport { Label } from './slots/Label.js';\nimport { ThresholdIndicator } from './slots/ThresholdIndicator.js';\nimport { GaugeChartToolbarSlot } from './slots/Toolbar.js';\nimport { Tooltip } from './slots/Tooltip.js';\nimport type { GaugeChartConsumerConfig } from './types/gauge-chart-config.js';\nimport type { GaugeChartProps, GaugeChartRef } from './types/gauge-chart.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { ColorRule } from '../core/slots/ColorRule.js';\n\nconst COMPONENT_NAME = 'GaugeChart';\n\nconst _GaugeChart = forwardRef<\n  GaugeChartRef,\n  PropsWithChildren<GaugeChartProps>\n>((props, forwardedRef) => {\n  const {\n    value,\n    width,\n    height,\n    style,\n    className,\n    prefixIcon,\n    seriesActions,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-testid': dataTestId = 'gauge-chart-root',\n    valueAccessor,\n  } = props;\n\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(props);\n\n  const config = useGaugeChartConfig(props);\n  const {\n    min,\n    max,\n    color,\n    formatter,\n    thresholdsIndicators,\n    colorRules,\n    toolbar,\n    intents,\n    tooltip,\n    valueAccessor: configValueAccessor,\n  } = config;\n\n  const effectiveValueAccessor = valueAccessor ?? configValueAccessor;\n\n  const chartWidth = coerceSizeValue(width) ?? DEFAULT_CHART_WIDTH;\n  const chartHeight = coerceSizeValue(height) ?? DEFAULT_CHART_HEIGHT;\n\n  const [{ height: containerHeight, width: containerWidth }, containerRef] =\n    useObserveContainerSize();\n\n  const gaugeChartRef = useRef<HTMLDivElement>(null);\n\n  useImperativeHandle(forwardedRef, () => {\n    const consumerConfig: GaugeChartConsumerConfig = {\n      min,\n      max,\n      color,\n      formatter,\n      thresholdsIndicators,\n      colorRules,\n      toolbar,\n      tooltip,\n      valueAccessor: effectiveValueAccessor,\n    };\n\n    return {\n      element: gaugeChartRef.current,\n      getConfig: () =>\n        JSON.stringify({ type: ChartType.GaugeChart, ...consumerConfig }),\n    };\n  });\n\n  const ref = useMergeRefs<GaugeChartRef | HTMLDivElement>([\n    forwardedRef,\n    gaugeChartRef,\n  ]);\n\n  return (\n    <div\n      {...behavioralTrackingProps}\n      ref={containerRef}\n      style={{\n        width: chartWidth,\n        height: chartHeight,\n        overflow: 'hidden',\n        ...style,\n      }}\n      className={className}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      data-testid={dataTestId}\n      role=\"img\"\n      aria-label={GAUGE_CHART_ARIA_LABEL}\n      data-dt-component={COMPONENT_NAME}\n    >\n      <GaugeChartProviders\n        config={config}\n        width={containerWidth}\n        height={containerHeight}\n        value={value}\n        valueAccessor={effectiveValueAccessor}\n        explicitColor={color}\n        seriesActions={seriesActions}\n      >\n        <GaugeChartLayout\n          ref={ref}\n          value={value}\n          valueAccessor={effectiveValueAccessor}\n          prefixIcon={prefixIcon}\n          intents={intents}\n          toolbar={toolbar}\n          tooltip={tooltip}\n        />\n      </GaugeChartProviders>\n    </div>\n  );\n});\n\n(_GaugeChart as ComponentWithName<typeof _GaugeChart>).displayName =\n  DISPLAY_NAME;\n\n/**\n * A Gauge Chart is a circular chart that displays information on a numeric\n * scale.\n * It's great for showing performance metrics or progress towards a goal.\n *\n * @public\n */\nexport const GaugeChart = Object.assign(_GaugeChart, {\n  ColorRule,\n  Intent,\n  Label,\n  ThresholdIndicator,\n  Toolbar: GaugeChartToolbarSlot,\n  Tooltip,\n});\n"],
+  "mappings": "AAiIQ;AAjIR;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,kCAAkC;AAC3C,SAAS,oBAAoB;AAC7B,SAAS,+BAA+B;AACxC,SAAS,iBAAiB;AAE1B,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,2BAA2B;AACpC,SAAS,2BAA2B;AACpC,SAAS,aAAa;AACtB,SAAS,0BAA0B;AACnC,SAAS,6BAA6B;AACtC,SAAS,eAAe;AAGxB,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAE1B,MAAM,iBAAiB;AAEvB,MAAM,cAAc,WAGlB,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,eAAe,aAAa;AAAA,IAC5B;AAAA,EACF,IAAI;AAEJ,QAAM,CAAC,uBAAuB,IAAI,2BAA2B,KAAK;AAElE,QAAM,SAAS,oBAAoB,KAAK;AACxC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,EACjB,IAAI;AAEJ,QAAM,yBAAyB,iBAAiB;AAEhD,QAAM,aAAa,gBAAgB,KAAK,KAAK;AAC7C,QAAM,cAAc,gBAAgB,MAAM,KAAK;AAE/C,QAAM,CAAC,EAAE,QAAQ,iBAAiB,OAAO,eAAe,GAAG,YAAY,IACrE,wBAAwB;AAE1B,QAAM,gBAAgB,OAAuB,IAAI;AAEjD,sBAAoB,cAAc,MAAM;AACtC,UAAM,iBAA2C;AAAA,MAC/C;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAe;AAAA,IACjB;AAEA,WAAO;AAAA,MACL,SAAS,cAAc;AAAA,MACvB,WAAW,MACT,KAAK,UAAU,EAAE,MAAM,UAAU,YAAY,GAAG,eAAe,CAAC;AAAA,IACpE;AAAA,EACF,CAAC;AAED,QAAM,MAAM,aAA6C;AAAA,IACvD;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,GAAG;AAAA,MACL;AAAA,MACA;AAAA,MACA,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,eAAa;AAAA,MACb,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,qBAAmB;AAAA,MAEnB;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO;AAAA,UACP,QAAQ;AAAA,UACR;AAAA,UACA,eAAe;AAAA,UACf,eAAe;AAAA,UACf;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA,eAAe;AAAA,cACf;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ,CAAC;AAEA,YAAsD,cACrD;AASK,MAAM,aAAa,OAAO,OAAO,aAAa;AAAA,EACnD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AACF,CAAC;",
   "names": []
 }

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

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

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

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

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

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

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

@@ -1,22 +1,22 @@
-._18ourc20-3-1-3 {
+._18ourc20-3-2-0 {
   width: 100%;
   height: 100%;
   overflow: visible;
 }
-._18ourc21-3-1-3 {
+._18ourc21-3-2-0 {
   width: fit-content;
 }
-._18ourc22-3-1-3 {
+._18ourc22-3-2-0 {
   transform: translateX(-50%) translateY(-75%);
 }
-._18ourc23-3-1-3 {
+._18ourc23-3-2-0 {
   transform: translateX(-50%) translateY(-25%);
 }
-._18ourc24-3-1-3 {
+._18ourc24-3-2-0 {
   display: none;
 }
 @container (min-width: 100px) and (min-height: 120px) {
-  ._18ourc24-3-1-3 {
+  ._18ourc24-3-2-0 {
     display: block;
   }
 }

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

@@ -1,8 +1,8 @@
 import "./GaugeLabel.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var elementLabelWrapper = "_18ourc20-3-1-3";
-var foreignObjectContainer = _7a468({ defaultClassName: "_18ourc21-3-1-3", variantClassNames: { dominantBaseline: { auto: "_18ourc22-3-1-3", hanging: "_18ourc23-3-1-3" } }, defaultVariants: { dominantBaseline: "hanging" }, compoundVariants: [] });
-var textContainer = "_18ourc24-3-1-3";
+var elementLabelWrapper = "_18ourc20-3-2-0";
+var foreignObjectContainer = _7a468({ defaultClassName: "_18ourc21-3-2-0", variantClassNames: { dominantBaseline: { auto: "_18ourc22-3-2-0", hanging: "_18ourc23-3-2-0" } }, defaultVariants: { dominantBaseline: "hanging" }, compoundVariants: [] });
+var textContainer = "_18ourc24-3-2-0";
 export {
   elementLabelWrapper,
   foreignObjectContainer,

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

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

@@ -1,4 +1,4 @@
-._1fbjcz30-3-1-3 {
+._1fbjcz30-3-2-0 {
   display: grid;
   grid-template-columns: 1fr;
   grid-template: "valueLabel" 2fr
@@ -7,9 +7,9 @@
   width: 100%;
   height: 100%;
 }
-._1fbjcz30-3-1-3 > #value-label {
+._1fbjcz30-3-2-0 > #value-label {
   grid-area: valueLabel;
 }
-._1fbjcz30-3-1-3 > #label {
+._1fbjcz30-3-2-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-1-3";
+var labelsContainer = "_1fbjcz30-3-2-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-1-3';"],
+  "sourcesContent": ["import './GaugeLabelsWrapper.css';\nexport var labelsContainer = '_1fbjcz30-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._l0e5zm0-3-1-3 {
+._l0e5zm0-3-2-0 {
   position: relative;
   height: 100%;
   z-index: 0;

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

@@ -1,5 +1,5 @@
 import "./GaugeLayoutOverlay.css";
-var container = "_l0e5zm0-3-1-3";
+var container = "_l0e5zm0-3-2-0";
 export {
   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';\nexport var container = '_l0e5zm0-3-1-3';"],
+  "sourcesContent": ["import './GaugeLayoutOverlay.css';\nexport var container = '_l0e5zm0-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._13c0oci0-3-1-3 {
+._13c0oci0-3-2-0 {
   width: 100%;
   height: 100%;
   justify-content: center;
@@ -9,7 +9,7 @@
   margin: 0;
   gap: 0;
 }
-._13c0oci1-3-1-3 svg {
+._13c0oci1-3-2-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-1-3";
-var responsiveLabelContainer = "_13c0oci0-3-1-3";
+var parentSvgStyle = "_13c0oci1-3-2-0";
+var responsiveLabelContainer = "_13c0oci0-3-2-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-1-3';\nexport var responsiveLabelContainer = '_13c0oci0-3-1-3';"],
+  "sourcesContent": ["import './GaugeResponsiveLabel.css';\nexport var parentSvgStyle = '_13c0oci1-3-2-0';\nexport var responsiveLabelContainer = '_13c0oci0-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;AACrB,IAAI,2BAA2B;",
   "names": []
 }

package/esm/charts/histogram/HistogramChartRoot.js

@@ -14,6 +14,7 @@ import { HistogramDataProvider } from "./providers/HistogramDataProvider.js";
 import { HistogramFilteredDataProvider } from "./providers/HistogramFilteredDataProvider.js";
 import { HistogramStateSyncProvider } from "./providers/HistogramStateSyncProvider.js";
 import { StoreProvider } from "./providers/StoreProvider.js";
+import { useBehavioralTrackingProps } from "../../core/hooks/useBehavioralTrackingProps.js";
 import { ChartLayout } from "../core/components/chart-layout/ChartLayout.js";
 import { useAutoLegendRefresh } from "../core/components/chart-layout/hooks/useAutoLegendRefresh.js";
 import { getChartStatesTemplates } from "../core/components/chart-states/utils/get-chart-states-template.js";
@@ -40,6 +41,7 @@ const HistogramChartRoot = forwardRef((props, forwardedRef) => {
     "data-dtrum-mask": dataDtrumMask,
     "data-dtrum-allow": dataDtrumAllow
   } = props;
+  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);
   const chartHeight = coerceSizeValue(height ?? DEFAULT_CHART_HEIGHT);
   const chartConfig = useHistogramChartConfig(children, {
     colorPalette,
@@ -87,6 +89,7 @@ const HistogramChartRoot = forwardRef((props, forwardedRef) => {
               showLoader: loading,
               className,
               style,
+              ...behaviorTrackingProps,
               "data-dtrum-mask": dataDtrumMask,
               "data-dtrum-allow": dataDtrumAllow,
               "data-dt-component": COMPONENT_NAME_BEHAVIOURAL_TRACKING,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/histogram/HistogramChartRoot.tsx"],
-  "sourcesContent": ["import { isEmpty } from 'lodash-es';\nimport { forwardRef, type PropsWithChildren, type ReactElement } from 'react';\n\nimport { HistogramChartLegend } from './components/legend/HistogramChartLegend.js';\nimport {\n  DEFAULT_CHART_HEIGHT,\n  DEFAULT_LOADING_STATE,\n} from './constants/defaults.js';\nimport { HistogramLoadingContext } from './contexts/HistogramLoading.context.js';\nimport { HistogramChartInternal } from './HistogramChartInternal.js';\nimport { useHistogramChartConfig } from './hooks/useHistogramChartConfig.js';\nimport { HistogramConfigProvider } from './providers/HistogramConfigProvider.js';\nimport { HistogramDataProvider } from './providers/HistogramDataProvider.js';\nimport { HistogramFilteredDataProvider } from './providers/HistogramFilteredDataProvider.js';\nimport { HistogramStateSyncProvider } from './providers/HistogramStateSyncProvider.js';\nimport { StoreProvider } from './providers/StoreProvider.js';\nimport type { HistogramChartProps } from './types/histogram-props.js';\nimport type { HistogramChartRef } from './types/histogram-ref.js';\nimport { ChartLayout } from '../core/components/chart-layout/ChartLayout.js';\nimport { useAutoLegendRefresh } from '../core/components/chart-layout/hooks/useAutoLegendRefresh.js';\nimport { getChartStatesTemplates } from '../core/components/chart-states/utils/get-chart-states-template.js';\nimport { ChartSeriesActionContext } from '../core/components/series-action/ChartSeriesActionContext.js';\nimport { coerceSizeValue } from '../core/utils/coerceSizeValue.js';\n\n/**\n * Component name used for data-dt-component in behavioural tracking\n */\nconst COMPONENT_NAME_BEHAVIOURAL_TRACKING = 'HistogramChart';\n\n/**\n * @public\n */\nexport const HistogramChartRoot = forwardRef<\n  HistogramChartRef,\n  PropsWithChildren<HistogramChartProps>\n>((props, forwardedRef) => {\n  const {\n    children,\n    data,\n    height,\n    width,\n    colorPalette,\n    truncationMode,\n    loading = DEFAULT_LOADING_STATE,\n    seriesActions,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n    className,\n    style,\n    valueRepresentation,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n  } = props;\n  const chartHeight = coerceSizeValue(height ?? DEFAULT_CHART_HEIGHT);\n  const chartConfig = useHistogramChartConfig(children, {\n    colorPalette,\n    truncationMode,\n    valueRepresentation,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n  });\n  const { emptyState, errorState } = getChartStatesTemplates(props.children);\n\n  const {\n    position: legendPosition,\n    onRatioChange,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    ratio,\n    initialRatio,\n    hidden: isLegendHidden,\n  } = chartConfig.legend;\n\n  const legendRatio = initialRatio ?? ratio;\n\n  const chartLayoutRef = useAutoLegendRefresh(data);\n\n  return (\n    <HistogramLoadingContext.Provider value={loading}>\n      <HistogramConfigProvider config={chartConfig}>\n        <HistogramDataProvider data={data}>\n          <ChartSeriesActionContext.Provider\n            value={{\n              // We need a cast here as the provider expects unknown and the\n              // react context will not be able to carry the generic anyways.\n              chartSeriesActions: seriesActions as (\n                series: unknown,\n              ) => ReactElement<PropsWithChildren>,\n            }}\n          >\n            <StoreProvider>\n              <HistogramFilteredDataProvider>\n                <HistogramStateSyncProvider\n                  currentDomain={chartConfig.currentZoom as [number, number]}\n                  initialDomain={chartConfig.initialZoom as [number, number]}\n                  infiniteZoom={chartConfig.infiniteZoom}\n                >\n                  <ChartLayout\n                    ref={chartLayoutRef}\n                    chartHeight={chartHeight}\n                    chartWidth={width}\n                    isEmpty={isEmpty(data)}\n                    emptyState={emptyState}\n                    errorState={errorState}\n                    showLoader={loading}\n                    className={className}\n                    style={style}\n                    data-dtrum-mask={dataDtrumMask}\n                    data-dtrum-allow={dataDtrumAllow}\n                    data-dt-component={COMPONENT_NAME_BEHAVIOURAL_TRACKING}\n                  >\n                    <ChartLayout.Graph>\n                      <HistogramChartInternal\n                        ref={forwardedRef}\n                        config={chartConfig}\n                      />\n                    </ChartLayout.Graph>\n                    {!isLegendHidden && (\n                      <ChartLayout.Legend\n                        position={legendPosition}\n                        initialRatio={legendRatio}\n                        onResize={onRatioChange}\n                      >\n                        <HistogramChartLegend />\n                      </ChartLayout.Legend>\n                    )}\n                  </ChartLayout>\n                </HistogramStateSyncProvider>\n              </HistogramFilteredDataProvider>\n            </StoreProvider>\n          </ChartSeriesActionContext.Provider>\n        </HistogramDataProvider>\n      </HistogramConfigProvider>\n    </HistogramLoadingContext.Provider>\n  );\n});\n\n(\n  HistogramChartRoot as typeof HistogramChartRoot & { displayName: string }\n).displayName = 'HistogramChartRoot';\n"],
-  "mappings": "AAoGkB,SAeI,KAfJ;AApGlB,SAAS,eAAe;AACxB,SAAS,kBAA6D;AAEtE,SAAS,4BAA4B;AACrC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,+BAA+B;AACxC,SAAS,8BAA8B;AACvC,SAAS,+BAA+B;AACxC,SAAS,+BAA+B;AACxC,SAAS,6BAA6B;AACtC,SAAS,qCAAqC;AAC9C,SAAS,kCAAkC;AAC3C,SAAS,qBAAqB;AAG9B,SAAS,mBAAmB;AAC5B,SAAS,4BAA4B;AACrC,SAAS,+BAA+B;AACxC,SAAS,gCAAgC;AACzC,SAAS,uBAAuB;AAKhC,MAAM,sCAAsC;AAKrC,MAAM,qBAAqB,WAGhC,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,EACtB,IAAI;AACJ,QAAM,cAAc,gBAAgB,UAAU,oBAAoB;AAClE,QAAM,cAAc,wBAAwB,UAAU;AAAA,IACpD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,EAAE,YAAY,WAAW,IAAI,wBAAwB,MAAM,QAAQ;AAEzE,QAAM;AAAA,IACJ,UAAU;AAAA,IACV;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,EACV,IAAI,YAAY;AAEhB,QAAM,cAAc,gBAAgB;AAEpC,QAAM,iBAAiB,qBAAqB,IAAI;AAEhD,SACE,oBAAC,wBAAwB,UAAxB,EAAiC,OAAO,SACvC,8BAAC,2BAAwB,QAAQ,aAC/B,8BAAC,yBAAsB,MACrB;AAAA,IAAC,yBAAyB;AAAA,IAAzB;AAAA,MACC,OAAO;AAAA;AAAA;AAAA,QAGL,oBAAoB;AAAA,MAGtB;AAAA,MAEA,8BAAC,iBACC,8BAAC,iCACC;AAAA,QAAC;AAAA;AAAA,UACC,eAAe,YAAY;AAAA,UAC3B,eAAe,YAAY;AAAA,UAC3B,cAAc,YAAY;AAAA,UAE1B;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL;AAAA,cACA,YAAY;AAAA,cACZ,SAAS,QAAQ,IAAI;AAAA,cACrB;AAAA,cACA;AAAA,cACA,YAAY;AAAA,cACZ;AAAA,cACA;AAAA,cACA,mBAAiB;AAAA,cACjB,oBAAkB;AAAA,cAClB,qBAAmB;AAAA,cAEnB;AAAA,oCAAC,YAAY,OAAZ,EACC;AAAA,kBAAC;AAAA;AAAA,oBACC,KAAK;AAAA,oBACL,QAAQ;AAAA;AAAA,gBACV,GACF;AAAA,gBACC,CAAC,kBACA;AAAA,kBAAC,YAAY;AAAA,kBAAZ;AAAA,oBACC,UAAU;AAAA,oBACV,cAAc;AAAA,oBACd,UAAU;AAAA,oBAEV,8BAAC,wBAAqB;AAAA;AAAA,gBACxB;AAAA;AAAA;AAAA,UAEJ;AAAA;AAAA,MACF,GACF,GACF;AAAA;AAAA,EACF,GACF,GACF,GACF;AAEJ,CAAC;AAGC,mBACA,cAAc;",
+  "sourcesContent": ["import { isEmpty } from 'lodash-es';\nimport { forwardRef, type PropsWithChildren, type ReactElement } from 'react';\n\nimport { HistogramChartLegend } from './components/legend/HistogramChartLegend.js';\nimport {\n  DEFAULT_CHART_HEIGHT,\n  DEFAULT_LOADING_STATE,\n} from './constants/defaults.js';\nimport { HistogramLoadingContext } from './contexts/HistogramLoading.context.js';\nimport { HistogramChartInternal } from './HistogramChartInternal.js';\nimport { useHistogramChartConfig } from './hooks/useHistogramChartConfig.js';\nimport { HistogramConfigProvider } from './providers/HistogramConfigProvider.js';\nimport { HistogramDataProvider } from './providers/HistogramDataProvider.js';\nimport { HistogramFilteredDataProvider } from './providers/HistogramFilteredDataProvider.js';\nimport { HistogramStateSyncProvider } from './providers/HistogramStateSyncProvider.js';\nimport { StoreProvider } from './providers/StoreProvider.js';\nimport type { HistogramChartProps } from './types/histogram-props.js';\nimport type { HistogramChartRef } from './types/histogram-ref.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { ChartLayout } from '../core/components/chart-layout/ChartLayout.js';\nimport { useAutoLegendRefresh } from '../core/components/chart-layout/hooks/useAutoLegendRefresh.js';\nimport { getChartStatesTemplates } from '../core/components/chart-states/utils/get-chart-states-template.js';\nimport { ChartSeriesActionContext } from '../core/components/series-action/ChartSeriesActionContext.js';\nimport { coerceSizeValue } from '../core/utils/coerceSizeValue.js';\n\n/**\n * Component name used for data-dt-component in behavioural tracking\n */\nconst COMPONENT_NAME_BEHAVIOURAL_TRACKING = 'HistogramChart';\n\n/**\n * @public\n */\nexport const HistogramChartRoot = forwardRef<\n  HistogramChartRef,\n  PropsWithChildren<HistogramChartProps>\n>((props, forwardedRef) => {\n  const {\n    children,\n    data,\n    height,\n    width,\n    colorPalette,\n    truncationMode,\n    loading = DEFAULT_LOADING_STATE,\n    seriesActions,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n    className,\n    style,\n    valueRepresentation,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n  } = props;\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n  const chartHeight = coerceSizeValue(height ?? DEFAULT_CHART_HEIGHT);\n  const chartConfig = useHistogramChartConfig(children, {\n    colorPalette,\n    truncationMode,\n    valueRepresentation,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n  });\n  const { emptyState, errorState } = getChartStatesTemplates(props.children);\n\n  const {\n    position: legendPosition,\n    onRatioChange,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    ratio,\n    initialRatio,\n    hidden: isLegendHidden,\n  } = chartConfig.legend;\n\n  const legendRatio = initialRatio ?? ratio;\n\n  const chartLayoutRef = useAutoLegendRefresh(data);\n\n  return (\n    <HistogramLoadingContext.Provider value={loading}>\n      <HistogramConfigProvider config={chartConfig}>\n        <HistogramDataProvider data={data}>\n          <ChartSeriesActionContext.Provider\n            value={{\n              // We need a cast here as the provider expects unknown and the\n              // react context will not be able to carry the generic anyways.\n              chartSeriesActions: seriesActions as (\n                series: unknown,\n              ) => ReactElement<PropsWithChildren>,\n            }}\n          >\n            <StoreProvider>\n              <HistogramFilteredDataProvider>\n                <HistogramStateSyncProvider\n                  currentDomain={chartConfig.currentZoom as [number, number]}\n                  initialDomain={chartConfig.initialZoom as [number, number]}\n                  infiniteZoom={chartConfig.infiniteZoom}\n                >\n                  <ChartLayout\n                    ref={chartLayoutRef}\n                    chartHeight={chartHeight}\n                    chartWidth={width}\n                    isEmpty={isEmpty(data)}\n                    emptyState={emptyState}\n                    errorState={errorState}\n                    showLoader={loading}\n                    className={className}\n                    style={style}\n                    {...behaviorTrackingProps}\n                    data-dtrum-mask={dataDtrumMask}\n                    data-dtrum-allow={dataDtrumAllow}\n                    data-dt-component={COMPONENT_NAME_BEHAVIOURAL_TRACKING}\n                  >\n                    <ChartLayout.Graph>\n                      <HistogramChartInternal\n                        ref={forwardedRef}\n                        config={chartConfig}\n                      />\n                    </ChartLayout.Graph>\n                    {!isLegendHidden && (\n                      <ChartLayout.Legend\n                        position={legendPosition}\n                        initialRatio={legendRatio}\n                        onResize={onRatioChange}\n                      >\n                        <HistogramChartLegend />\n                      </ChartLayout.Legend>\n                    )}\n                  </ChartLayout>\n                </HistogramStateSyncProvider>\n              </HistogramFilteredDataProvider>\n            </StoreProvider>\n          </ChartSeriesActionContext.Provider>\n        </HistogramDataProvider>\n      </HistogramConfigProvider>\n    </HistogramLoadingContext.Provider>\n  );\n});\n\n(\n  HistogramChartRoot as typeof HistogramChartRoot & { displayName: string }\n).displayName = 'HistogramChartRoot';\n"],
+  "mappings": "AAsGkB,SAgBI,KAhBJ;AAtGlB,SAAS,eAAe;AACxB,SAAS,kBAA6D;AAEtE,SAAS,4BAA4B;AACrC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,+BAA+B;AACxC,SAAS,8BAA8B;AACvC,SAAS,+BAA+B;AACxC,SAAS,+BAA+B;AACxC,SAAS,6BAA6B;AACtC,SAAS,qCAAqC;AAC9C,SAAS,kCAAkC;AAC3C,SAAS,qBAAqB;AAG9B,SAAS,kCAAkC;AAC3C,SAAS,mBAAmB;AAC5B,SAAS,4BAA4B;AACrC,SAAS,+BAA+B;AACxC,SAAS,gCAAgC;AACzC,SAAS,uBAAuB;AAKhC,MAAM,sCAAsC;AAKrC,MAAM,qBAAqB,WAGhC,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,EACtB,IAAI;AACJ,QAAM,CAAC,qBAAqB,IAAI,2BAA2B,KAAK;AAChE,QAAM,cAAc,gBAAgB,UAAU,oBAAoB;AAClE,QAAM,cAAc,wBAAwB,UAAU;AAAA,IACpD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,EAAE,YAAY,WAAW,IAAI,wBAAwB,MAAM,QAAQ;AAEzE,QAAM;AAAA,IACJ,UAAU;AAAA,IACV;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,EACV,IAAI,YAAY;AAEhB,QAAM,cAAc,gBAAgB;AAEpC,QAAM,iBAAiB,qBAAqB,IAAI;AAEhD,SACE,oBAAC,wBAAwB,UAAxB,EAAiC,OAAO,SACvC,8BAAC,2BAAwB,QAAQ,aAC/B,8BAAC,yBAAsB,MACrB;AAAA,IAAC,yBAAyB;AAAA,IAAzB;AAAA,MACC,OAAO;AAAA;AAAA;AAAA,QAGL,oBAAoB;AAAA,MAGtB;AAAA,MAEA,8BAAC,iBACC,8BAAC,iCACC;AAAA,QAAC;AAAA;AAAA,UACC,eAAe,YAAY;AAAA,UAC3B,eAAe,YAAY;AAAA,UAC3B,cAAc,YAAY;AAAA,UAE1B;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL;AAAA,cACA,YAAY;AAAA,cACZ,SAAS,QAAQ,IAAI;AAAA,cACrB;AAAA,cACA;AAAA,cACA,YAAY;AAAA,cACZ;AAAA,cACA;AAAA,cACC,GAAG;AAAA,cACJ,mBAAiB;AAAA,cACjB,oBAAkB;AAAA,cAClB,qBAAmB;AAAA,cAEnB;AAAA,oCAAC,YAAY,OAAZ,EACC;AAAA,kBAAC;AAAA;AAAA,oBACC,KAAK;AAAA,oBACL,QAAQ;AAAA;AAAA,gBACV,GACF;AAAA,gBACC,CAAC,kBACA;AAAA,kBAAC,YAAY;AAAA,kBAAZ;AAAA,oBACC,UAAU;AAAA,oBACV,cAAc;AAAA,oBACd,UAAU;AAAA,oBAEV,8BAAC,wBAAqB;AAAA;AAAA,gBACxB;AAAA;AAAA;AAAA,UAEJ;AAAA;AAAA,MACF,GACF,GACF;AAAA;AAAA,EACF,GACF,GACF,GACF;AAEJ,CAAC;AAGC,mBACA,cAAc;",
   "names": []
 }

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

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

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

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

package/esm/charts/histogram/components/layout/HistogramChartGridLayout.js

@@ -15,7 +15,6 @@ const HistogramChartGridLayout = () => {
       yScale: leftScale,
       height,
       width,
-      "data-testid": "histogram-chart-grid-lines",
       highlightZeroLine: {
         vertical: false
       }

package/esm/charts/histogram/components/layout/HistogramChartGridLayout.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/histogram/components/layout/HistogramChartGridLayout.tsx"],
-  "sourcesContent": ["import { plotLayout } from '../../../core/components/chart-grid/ChartGrid.sty.js';\nimport { useGridPlotSize } from '../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { Grid } from '../../../core/components/grid/Grid.js';\nimport { useHistogramXScale } from '../../hooks/useHistogramXScale.js';\nimport { useHistogramYScales } from '../../hooks/useHistogramYScales.js';\n\nexport const HistogramChartGridLayout = () => {\n  const { width, height } = useGridPlotSize();\n  const [leftScale] = useHistogramYScales();\n  const { xScale } = useHistogramXScale();\n\n  return (\n    <svg className={plotLayout}>\n      <Grid\n        xScale={xScale}\n        yScale={leftScale}\n        height={height}\n        width={width}\n        data-testid=\"histogram-chart-grid-lines\"\n        highlightZeroLine={{\n          vertical: false,\n        }}\n      />\n    </svg>\n  );\n};\n\nHistogramChartGridLayout['displayName'] = 'HistogramChartGridLayout';\n"],
-  "mappings": "AAaM;AAbN,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAChC,SAAS,YAAY;AACrB,SAAS,0BAA0B;AACnC,SAAS,2BAA2B;AAE7B,MAAM,2BAA2B,MAAM;AAC5C,QAAM,EAAE,OAAO,OAAO,IAAI,gBAAgB;AAC1C,QAAM,CAAC,SAAS,IAAI,oBAAoB;AACxC,QAAM,EAAE,OAAO,IAAI,mBAAmB;AAEtC,SACE,oBAAC,SAAI,WAAW,YACd;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,eAAY;AAAA,MACZ,mBAAmB;AAAA,QACjB,UAAU;AAAA,MACZ;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,yBAAyB,aAAa,IAAI;",
+  "sourcesContent": ["import { plotLayout } from '../../../core/components/chart-grid/ChartGrid.sty.js';\nimport { useGridPlotSize } from '../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { Grid } from '../../../core/components/grid/Grid.js';\nimport { useHistogramXScale } from '../../hooks/useHistogramXScale.js';\nimport { useHistogramYScales } from '../../hooks/useHistogramYScales.js';\n\nexport const HistogramChartGridLayout = () => {\n  const { width, height } = useGridPlotSize();\n  const [leftScale] = useHistogramYScales();\n  const { xScale } = useHistogramXScale();\n\n  return (\n    <svg className={plotLayout}>\n      <Grid\n        xScale={xScale}\n        yScale={leftScale}\n        height={height}\n        width={width}\n        highlightZeroLine={{\n          vertical: false,\n        }}\n      />\n    </svg>\n  );\n};\n\nHistogramChartGridLayout['displayName'] = 'HistogramChartGridLayout';\n"],
+  "mappings": "AAaM;AAbN,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAChC,SAAS,YAAY;AACrB,SAAS,0BAA0B;AACnC,SAAS,2BAA2B;AAE7B,MAAM,2BAA2B,MAAM;AAC5C,QAAM,EAAE,OAAO,OAAO,IAAI,gBAAgB;AAC1C,QAAM,CAAC,SAAS,IAAI,oBAAoB;AACxC,QAAM,EAAE,OAAO,IAAI,mBAAmB;AAEtC,SACE,oBAAC,SAAI,WAAW,YACd;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,mBAAmB;AAAA,QACjB,UAAU;AAAA,MACZ;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,yBAAyB,aAAa,IAAI;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._fzvydv0-3-1-3 {
+._fzvydv0-3-2-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-1-3";
+var wrapper = "_fzvydv0-3-2-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-1-3';"],
+  "sourcesContent": ["import './HistogramTooltip.css';\nexport var wrapper = '_fzvydv0-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._drl8ns0-3-1-3 {
+._drl8ns0-3-2-0 {
   top: -7px;
   left: -7px;
   width: calc(100% + 14px);
@@ -6,7 +6,7 @@
   z-index: 2;
   pointer-events: none;
 }
-._drl8ns1-3-1-3 {
+._drl8ns1-3-2-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-1-3 _13lzg4k0-3-1-3";
-var datapointLayout = "_drl8ns0-3-1-3 _13lzg4k0-3-1-3";
+var crosshairLayout = "_drl8ns1-3-2-0 _13lzg4k0-3-2-0";
+var datapointLayout = "_drl8ns0-3-2-0 _13lzg4k0-3-2-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-1-3 _13lzg4k0-3-1-3';\nexport var datapointLayout = '_drl8ns0-3-1-3 _13lzg4k0-3-1-3';"],
+  "sourcesContent": ["import '../../../core/components/chart-grid/ChartGrid.css';\nimport './HistogramOverlays.css';\nexport var crosshairLayout = '_drl8ns1-3-2-0 _13lzg4k0-3-2-0';\nexport var datapointLayout = '_drl8ns0-3-2-0 _13lzg4k0-3-2-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,kBAAkB;AACtB,IAAI,kBAAkB;",
   "names": []
 }

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

@@ -6,6 +6,7 @@ import { PanButton } from "./PanButton.js";
 import { ResetButton } from "./ResetButton.js";
 import { ZoomInOutButtons } from "./ZoomInOutButtons.js";
 import { ZoomModeButton } from "./ZoomModeButton.js";
+import { useBehavioralTrackingProps as _useBehavioralTrackingProps } from "../../../../core/hooks/useBehavioralTrackingProps.js";
 import { ChartToolbarRenderer } from "../../../core/components/toolbar/ChartToolbarRenderer.js";
 import { getMenuTriggerDisplayMode } from "../../../core/components/toolbar/utils/get-menu-trigger-display-mode.js";
 import { getMenuTriggerIcon } from "../../../core/components/toolbar/utils/get-menu-trigger-icon.js";
@@ -24,7 +25,8 @@ const HistogramToolbar = ({
   onMouseLeave,
   handlerRef
 }) => {
-  const { placement, collapsed, downloadData, intents } = useHistogramToolbar();
+  const toolbarContext = useHistogramToolbar();
+  const { placement, collapsed, downloadData, intents } = toolbarContext;
   const interactionMode = useInteractionModeState();
   const { zoom, zoomX, pan } = useHistogramInteractions();
   const intl = useIntl();
@@ -45,6 +47,7 @@ const HistogramToolbar = ({
   const handleDownloadDataToolbar = () => buildAndDownloadCsv(series);
   const showDefaultToolbarDownloadButton = isDownloadEnabled && !intents;
   const showMenuToolbarButton = isDownloadEnabled && !!intents?.length;
+  const behaviorTrackingProps = _useBehavioralTrackingProps(toolbarContext)[0];
   return anyInteractionEnabled ? /* @__PURE__ */ jsxs(
     ChartToolbarRenderer,
     {
@@ -71,6 +74,7 @@ const HistogramToolbar = ({
       isDownloadEnabled: showMenuToolbarButton,
       intents,
       handleDownloadDataToolbar,
+      ...behaviorTrackingProps,
       children: [
         /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(ExploreButton, {}),

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 { 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 { placement, collapsed, downloadData, intents } = useHistogramToolbar();\n  const interactionMode = useInteractionModeState();\n  /* eslint-disable-next-line @typescript-eslint/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  return anyInteractionEnabled ? (\n    <ChartToolbarRenderer\n      visible={false}\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    >\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": "AAuGM,mBACE,KADF;AAtGN,SAAS,eAAe;AAExB,SAAS,0BAA0B;AACnC,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,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,EAAE,WAAW,WAAW,cAAc,QAAQ,IAAI,oBAAoB;AAC5E,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,SAAO,wBACL;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,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,MAEA;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  /* eslint-disable-next-line @typescript-eslint/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      visible={false}\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": "AA4GM,mBACE,KADF;AA3GN,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,SAAS;AAAA,MACT,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;",
   "names": []
 }

package/esm/charts/histogram/messages/tooltip-text.js

@@ -56,7 +56,7 @@ const HISTOGRAM_MESSAGES = defineMessages({
     description: "Annotation tooltip title value range"
   },
   zoomToSelection: {
-    id: "hX1m3j5j6p8e1f2G",
+    id: "g16jcz6++0Pvr3BY",
     defaultMessage: "Zoom to selection",
     description: "Text displayed in the tooltip as the first action when zoom is enabled and a select interaction is performed on the Histogram chart."
   }

package/esm/charts/histogram/messages/tooltip-text.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/histogram/messages/tooltip-text.ts"],
-  "sourcesContent": ["import { defineMessages } from 'react-intl';\n\nexport const HISTOGRAM_MESSAGES = defineMessages({\n  zoomActionArrowUp: {\n    defaultMessage: 'Up',\n    id: '+MYvp4qc5Ti3ddoO',\n    description:\n      'Key shortcut in a tooltip shown when hovering the \"Zoom in\" action in the time series chart toolbar',\n  },\n  zoomActionArrowDown: {\n    defaultMessage: 'Down',\n    id: 'TKRQN9BIBeD8VT1I',\n    description:\n      'Key shortcut in a tooltip shown when hovering the \"Zoom out\" action in the time series chart toolbar',\n  },\n  zoomModeExplore: {\n    id: 'gAPECRr427W1IZEa',\n    defaultMessage: 'Explore mode',\n    description:\n      'Text in a tooltip shown when hovering the \"Explore\" mode in the histogram chart toolbar',\n  },\n  zoomModeZoom: {\n    id: 'gllJsm/rrRr/LIng',\n    defaultMessage: 'Zoom mode',\n    description:\n      'Text in a tooltip shown when hovering the \"Zoom\" mode in the histogram chart toolbar',\n  },\n  zoomModePan: {\n    id: 'AHh4uuTMLAOichXS',\n    defaultMessage: 'Pan mode',\n    description:\n      'Text in a tooltip shown when hovering the \"Pan\" mode in the histogram chart toolbar',\n  },\n  zoomIn: {\n    id: 'g1/iHBY5uUDFWT6o',\n    defaultMessage: 'Zoom in',\n    description:\n      'Text in a tooltip shown when hovering the \"Zoom in\" action in the histogram chart toolbar',\n  },\n  zoomOut: {\n    id: 'RRZCQqo1jlLlwIyS',\n    defaultMessage: 'Zoom out',\n    description:\n      'Text in a tooltip shown when hovering the \"Zoom out\" action in the histogram chart toolbar',\n  },\n  resetMode: {\n    id: 'HeCgwHWBVFbPEvNZ',\n    defaultMessage: 'Reset',\n    description:\n      'Text in a tooltip shown when hovering the \"Reset\" action in the histogram chart toolbar',\n  },\n  downloadAsCsv: {\n    id: '5LZ+8QkdLQxXxC7M',\n    defaultMessage: 'Download as CSV',\n    description:\n      'Text in a tooltip shown when hovering the \"Download data\" button in the histogram chart toolbar',\n  },\n  annotationsTooltipTitleValue: {\n    id: 'bOr27M/3lXQFBWyp',\n    defaultMessage: 'Value',\n    description: 'Annotation tooltip title value',\n  },\n  annotationsTooltipTitleValueRange: {\n    id: 'QHmb9sWOEor8eTYI',\n    defaultMessage: 'Value range',\n    description: 'Annotation tooltip title value range',\n  },\n  zoomToSelection: {\n    id: 'hX1m3j5j6p8e1f2G',\n    defaultMessage: 'Zoom to selection',\n    description:\n      'Text displayed in the tooltip as the first action when zoom is enabled and a select interaction is performed on the Histogram chart.',\n  },\n});\n"],
+  "sourcesContent": ["import { defineMessages } from 'react-intl';\n\nexport const HISTOGRAM_MESSAGES = defineMessages({\n  zoomActionArrowUp: {\n    defaultMessage: 'Up',\n    id: '+MYvp4qc5Ti3ddoO',\n    description:\n      'Key shortcut in a tooltip shown when hovering the \"Zoom in\" action in the time series chart toolbar',\n  },\n  zoomActionArrowDown: {\n    defaultMessage: 'Down',\n    id: 'TKRQN9BIBeD8VT1I',\n    description:\n      'Key shortcut in a tooltip shown when hovering the \"Zoom out\" action in the time series chart toolbar',\n  },\n  zoomModeExplore: {\n    id: 'gAPECRr427W1IZEa',\n    defaultMessage: 'Explore mode',\n    description:\n      'Text in a tooltip shown when hovering the \"Explore\" mode in the histogram chart toolbar',\n  },\n  zoomModeZoom: {\n    id: 'gllJsm/rrRr/LIng',\n    defaultMessage: 'Zoom mode',\n    description:\n      'Text in a tooltip shown when hovering the \"Zoom\" mode in the histogram chart toolbar',\n  },\n  zoomModePan: {\n    id: 'AHh4uuTMLAOichXS',\n    defaultMessage: 'Pan mode',\n    description:\n      'Text in a tooltip shown when hovering the \"Pan\" mode in the histogram chart toolbar',\n  },\n  zoomIn: {\n    id: 'g1/iHBY5uUDFWT6o',\n    defaultMessage: 'Zoom in',\n    description:\n      'Text in a tooltip shown when hovering the \"Zoom in\" action in the histogram chart toolbar',\n  },\n  zoomOut: {\n    id: 'RRZCQqo1jlLlwIyS',\n    defaultMessage: 'Zoom out',\n    description:\n      'Text in a tooltip shown when hovering the \"Zoom out\" action in the histogram chart toolbar',\n  },\n  resetMode: {\n    id: 'HeCgwHWBVFbPEvNZ',\n    defaultMessage: 'Reset',\n    description:\n      'Text in a tooltip shown when hovering the \"Reset\" action in the histogram chart toolbar',\n  },\n  downloadAsCsv: {\n    id: '5LZ+8QkdLQxXxC7M',\n    defaultMessage: 'Download as CSV',\n    description:\n      'Text in a tooltip shown when hovering the \"Download data\" button in the histogram chart toolbar',\n  },\n  annotationsTooltipTitleValue: {\n    id: 'bOr27M/3lXQFBWyp',\n    defaultMessage: 'Value',\n    description: 'Annotation tooltip title value',\n  },\n  annotationsTooltipTitleValueRange: {\n    id: 'QHmb9sWOEor8eTYI',\n    defaultMessage: 'Value range',\n    description: 'Annotation tooltip title value range',\n  },\n  zoomToSelection: {\n    id: 'g16jcz6++0Pvr3BY',\n    defaultMessage: 'Zoom to selection',\n    description:\n      'Text displayed in the tooltip as the first action when zoom is enabled and a select interaction is performed on the Histogram chart.',\n  },\n});\n"],
   "mappings": "AAAA,SAAS,sBAAsB;AAExB,MAAM,qBAAqB,eAAe;AAAA,EAC/C,mBAAmB;AAAA,IACjB,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aACE;AAAA,EACJ;AAAA,EACA,qBAAqB;AAAA,IACnB,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aACE;AAAA,EACJ;AAAA,EACA,iBAAiB;AAAA,IACf,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aACE;AAAA,EACJ;AAAA,EACA,cAAc;AAAA,IACZ,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aACE;AAAA,EACJ;AAAA,EACA,aAAa;AAAA,IACX,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aACE;AAAA,EACJ;AAAA,EACA,QAAQ;AAAA,IACN,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aACE;AAAA,EACJ;AAAA,EACA,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aACE;AAAA,EACJ;AAAA,EACA,WAAW;AAAA,IACT,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aACE;AAAA,EACJ;AAAA,EACA,eAAe;AAAA,IACb,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aACE;AAAA,EACJ;AAAA,EACA,8BAA8B;AAAA,IAC5B,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACf;AAAA,EACA,mCAAmC;AAAA,IACjC,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACf;AAAA,EACA,iBAAiB;AAAA,IACf,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aACE;AAAA,EACJ;AACF,CAAC;",
   "names": []
 }

package/esm/charts/honeycomb/HoneycombChart.css

@@ -1,3 +1,3 @@
-._p8cogi0-3-1-3 {
+._p8cogi0-3-2-0 {
   position: relative;
 }

package/esm/charts/honeycomb/HoneycombChart.sty.js

@@ -1,5 +1,5 @@
 import "./HoneycombChart.css";
-var graphContainer = "_p8cogi0-3-1-3";
+var graphContainer = "_p8cogi0-3-2-0";
 export {
   graphContainer
 };

package/esm/charts/honeycomb/HoneycombChart.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/honeycomb/HoneycombChart.css.ts"],
-  "sourcesContent": ["import './HoneycombChart.css';\nexport var graphContainer = '_p8cogi0-3-1-3';"],
+  "sourcesContent": ["import './HoneycombChart.css';\nexport var graphContainer = '_p8cogi0-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;",
   "names": []
 }

package/esm/charts/honeycomb/components/HiveOverlay.css

@@ -1,4 +1,4 @@
-._lmrhfg0-3-1-3 {
+._lmrhfg0-3-2-0 {
   position: absolute;
   top: 0;
   left: 0;

package/esm/charts/honeycomb/components/HiveOverlay.sty.js

@@ -1,5 +1,5 @@
 import "./HiveOverlay.css";
-var overlay = "_lmrhfg0-3-1-3";
+var overlay = "_lmrhfg0-3-2-0";
 export {
   overlay
 };

package/esm/charts/honeycomb/components/HiveOverlay.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/honeycomb/components/HiveOverlay.css.ts"],
-  "sourcesContent": ["import './HiveOverlay.css';\nexport var overlay = '_lmrhfg0-3-1-3';"],
+  "sourcesContent": ["import './HiveOverlay.css';\nexport var overlay = '_lmrhfg0-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;",
   "names": []
 }

package/esm/charts/honeycomb/components/canvas/HiveCanvasLayout.css

@@ -1,4 +1,4 @@
-._12htcxh0-3-1-3 {
+._12htcxh0-3-2-0 {
   position: absolute;
   top: 0;
   left: 0;

package/esm/charts/honeycomb/components/canvas/HiveCanvasLayout.sty.js

@@ -1,5 +1,5 @@
 import "./HiveCanvasLayout.css";
-var canvasContainer = "_12htcxh0-3-1-3";
+var canvasContainer = "_12htcxh0-3-2-0";
 export {
   canvasContainer
 };

package/esm/charts/honeycomb/components/canvas/HiveCanvasLayout.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/honeycomb/components/canvas/HiveCanvasLayout.css.ts"],
-  "sourcesContent": ["import './HiveCanvasLayout.css';\nexport var canvasContainer = '_12htcxh0-3-1-3';"],
+  "sourcesContent": ["import './HiveCanvasLayout.css';\nexport var canvasContainer = '_12htcxh0-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;",
   "names": []
 }