@dynatrace/strato-components 3.5.2 → 3.6.0

package/esm/charts/meter-bar/multi-meter-bar/components/MultiMeterBarChartOverlay/MultiMeterBarChartOverlayWithTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/meter-bar/multi-meter-bar/components/MultiMeterBarChartOverlay/MultiMeterBarChartOverlayWithTooltip.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { type PropsWithChildren, useEffect, useState } from 'react';\n\nimport { Flex } from '../../../../../layouts/flex/Flex.js';\nimport { interactionsOverlay } from '../../../../core/components/interactions-overlay/InteractionsOverlay.sty.js';\nimport { useOverlay } from '../../../../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { useSeriesActions } from '../../../../core/components/series-action/ChartSeriesActionContext.js';\nimport { MeterBarChartTooltip } from '../../../shared/components/meter-bar-tooltip/MeterBarChartTooltip.js';\nimport { useFormatter } from '../../../shared/context/FormatterContext.js';\nimport { useMeterBarLayoutSize } from '../../../shared/context/MeterBarLayoutSizeContext.js';\nimport { elementSize } from '../../../shared/styles/element-size.sty.js';\nimport { container } from '../../../shared/styles.sty.js';\nimport { TOOLTIP_VARIANT } from '../../constants.js';\nimport { useMultiMeterBarChartTooltipData } from '../../context/MultiMeterBarChartTooltipContext.js';\nimport { useMultiMeterBarVisibleSegmentsState } from '../../hooks/store/selectors.js';\nimport { useMultiMeterBarChartTooltipHandlers } from '../../hooks/useMultiMeterBarChartTooltipHandlers.js';\n\nexport const MultiMeterBarChartOverlayWithTooltip = (\n  props: PropsWithChildren,\n) => {\n  const [hoveredSegmentIndex, setHoveredSegmentIndex] = useState<\n    number | undefined\n  >(undefined);\n\n  const overlay = useOverlay();\n  const { chartSeriesActions } = useSeriesActions();\n  const { tooltipConfig } = useMultiMeterBarChartTooltipData();\n  const { size } = useMeterBarLayoutSize();\n  const { formatter, unit } = useFormatter();\n\n  const visibleSegments = useMultiMeterBarVisibleSegmentsState();\n\n  useEffect(() => {\n    setHoveredSegmentIndex(undefined);\n  }, [visibleSegments.length]);\n\n  const isSharedTooltip = tooltipConfig.variant === TOOLTIP_VARIANT.Shared;\n  const sharedData = {\n    geometry: 'multimeterbar' as const,\n    series: visibleSegments.map((item) => ({\n      name: item.name ?? '',\n      value: formatter(item.value, unit),\n      color: item.color,\n    })),\n  };\n\n  const { onClick, onPointerMove, onPointerLeave } =\n    useMultiMeterBarChartTooltipHandlers(sharedData, setHoveredSegmentIndex);\n\n  return (\n    <Flex\n      ref={overlay.overlayRef}\n      className={clsx(container, elementSize({ size }), interactionsOverlay)}\n      data-testid=\"overlay-wrapper\"\n      onPointerMove={onPointerMove}\n      onPointerLeave={onPointerLeave}\n      onClick={onClick}\n    >\n      {props.children}\n\n      <MeterBarChartTooltip\n        variant={\n          isSharedTooltip ? TOOLTIP_VARIANT.Shared : TOOLTIP_VARIANT.Single\n        }\n        activeItem={hoveredSegmentIndex ?? -1}\n        actionsForItem={\n          chartSeriesActions\n            ? (item) => () => chartSeriesActions(item)\n            : undefined\n        }\n      />\n    </Flex>\n  );\n};\n"],
-  "mappings": "AAkDI,SAUE,KAVF;AAlDJ,OAAO,UAAU;AACjB,SAAiC,WAAW,gBAAgB;AAE5D,SAAS,YAAY;AACrB,SAAS,2BAA2B;AACpC,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAC7B,SAAS,6BAA6B;AACtC,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,wCAAwC;AACjD,SAAS,4CAA4C;AACrD,SAAS,4CAA4C;AAE9C,MAAM,uCAAuC,CAClD,UACG;AACH,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,SAEpD,MAAS;AAEX,QAAM,UAAU,WAAW;AAC3B,QAAM,EAAE,mBAAmB,IAAI,iBAAiB;AAChD,QAAM,EAAE,cAAc,IAAI,iCAAiC;AAC3D,QAAM,EAAE,KAAK,IAAI,sBAAsB;AACvC,QAAM,EAAE,WAAW,KAAK,IAAI,aAAa;AAEzC,QAAM,kBAAkB,qCAAqC;AAE7D,YAAU,MAAM;AACd,2BAAuB,MAAS;AAAA,EAClC,GAAG,CAAC,gBAAgB,MAAM,CAAC;AAE3B,QAAM,kBAAkB,cAAc,YAAY,gBAAgB;AAClE,QAAM,aAAa;AAAA,IACjB,UAAU;AAAA,IACV,QAAQ,gBAAgB,IAAI,CAAC,UAAU;AAAA,MACrC,MAAM,KAAK,QAAQ;AAAA,MACnB,OAAO,UAAU,KAAK,OAAO,IAAI;AAAA,MACjC,OAAO,KAAK;AAAA,IACd,EAAE;AAAA,EACJ;AAEA,QAAM,EAAE,SAAS,eAAe,eAAe,IAC7C,qCAAqC,YAAY,sBAAsB;AAEzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,QAAQ;AAAA,MACb,WAAW,KAAK,WAAW,YAAY,EAAE,KAAK,CAAC,GAAG,mBAAmB;AAAA,MACrE,eAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA,cAAM;AAAA,QAEP;AAAA,UAAC;AAAA;AAAA,YACC,SACE,kBAAkB,gBAAgB,SAAS,gBAAgB;AAAA,YAE7D,YAAY,uBAAuB;AAAA,YACnC,gBACE,qBACI,CAAC,SAAS,MAAM,mBAAmB,IAAI,IACvC;AAAA;AAAA,QAER;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { type PropsWithChildren, useEffect, useState } from 'react';\n\nimport { Flex } from '../../../../../layouts/flex/Flex.js';\nimport { interactionsOverlay } from '../../../../core/components/interactions-overlay/InteractionsOverlay.sty.js';\nimport { useTooltipData } from '../../../../core/components/overlay-tooltip/_to-be-removed/utils.js';\nimport { useOverlay } from '../../../../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { OverlayTooltip } from '../../../../core/components/overlay-tooltip/OverlayTooltip.js';\nimport { isTooltipDataEmpty } from '../../../../core/components/overlay-tooltip/utils.js';\nimport { useSeriesActions } from '../../../../core/components/series-action/ChartSeriesActionContext.js';\nimport { MeterBarChartTooltip } from '../../../shared/components/meter-bar-tooltip/MeterBarChartTooltip.js';\nimport { useFormatter } from '../../../shared/context/FormatterContext.js';\nimport { useMeterBarLayoutSize } from '../../../shared/context/MeterBarLayoutSizeContext.js';\nimport { elementSize } from '../../../shared/styles/element-size.sty.js';\nimport { container } from '../../../shared/styles.sty.js';\nimport { getNumericValue } from '../../../shared/utils/get-numeric-value.js';\nimport { TOOLTIP_VARIANT } from '../../constants.js';\nimport { useMultiMeterBarChartTooltipData } from '../../context/MultiMeterBarChartTooltipContext.js';\nimport { useMultiMeterBarVisibleSegmentsState } from '../../hooks/store/selectors.js';\nimport { useMultiMeterBarChartTooltipHandlers } from '../../hooks/useMultiMeterBarChartTooltipHandlers.js';\nimport type { MultiMeterBarChartInternalTooltipConfig } from '../../types/multi-meter-bar-chart-internal.js';\nimport type { MultiMeterBarSegmentProps } from '../../types/multi-meter-bar-chart.js';\n\ntype CustomTooltipProps = {\n  template: NonNullable<MultiMeterBarChartInternalTooltipConfig['template']>;\n  visibleSegments: MultiMeterBarSegmentProps[];\n  hoveredIndex: number | undefined;\n};\n\nconst MultiMeterBarCustomTooltip = ({\n  template,\n  visibleSegments,\n  hoveredIndex,\n}: CustomTooltipProps) => {\n  const segments = visibleSegments.map((s) => ({\n    name: s.name ?? '',\n    value: getNumericValue(s.value, s.valueAccessor),\n    color: s.color ?? '',\n  }));\n  const activeSegment =\n    hoveredIndex !== undefined && segments[hoveredIndex]\n      ? { ...segments[hoveredIndex], index: hoveredIndex }\n      : undefined;\n  return (\n    <OverlayTooltip legacyTemplate={template({ segments, activeSegment })} />\n  );\n};\n\nexport const MultiMeterBarChartOverlayWithTooltip = (\n  props: PropsWithChildren,\n) => {\n  const [hoveredSegmentIndex, setHoveredSegmentIndex] = useState<\n    number | undefined\n  >(undefined);\n\n  const overlay = useOverlay();\n  const { chartSeriesActions } = useSeriesActions();\n  const { tooltipConfig } = useMultiMeterBarChartTooltipData();\n  const { size } = useMeterBarLayoutSize();\n  const { formatter, unit } = useFormatter();\n\n  const visibleSegments = useMultiMeterBarVisibleSegmentsState();\n\n  useEffect(() => {\n    setHoveredSegmentIndex(undefined);\n  }, [visibleSegments.length]);\n\n  const isSharedTooltip = tooltipConfig.variant === TOOLTIP_VARIANT.Shared;\n  const sharedData = {\n    geometry: 'multimeterbar' as const,\n    series: visibleSegments.map((item) => ({\n      name: item.name ?? '',\n      value: formatter(item.value, unit),\n      color: item.color,\n    })),\n  };\n\n  const { onClick, onPointerMove, onPointerLeave } =\n    useMultiMeterBarChartTooltipHandlers(sharedData, setHoveredSegmentIndex);\n\n  const { data: tooltipData } = useTooltipData();\n\n  const tooltipContent =\n    tooltipConfig.template && !isTooltipDataEmpty(tooltipData) ? (\n      <MultiMeterBarCustomTooltip\n        template={tooltipConfig.template}\n        visibleSegments={visibleSegments}\n        hoveredIndex={hoveredSegmentIndex}\n      />\n    ) : (\n      <MeterBarChartTooltip\n        variant={\n          isSharedTooltip ? TOOLTIP_VARIANT.Shared : TOOLTIP_VARIANT.Single\n        }\n        activeItem={hoveredSegmentIndex ?? -1}\n        actionsForItem={\n          chartSeriesActions\n            ? (item) => () => chartSeriesActions(item)\n            : undefined\n        }\n      />\n    );\n\n  return (\n    <Flex\n      ref={overlay.overlayRef}\n      className={clsx(container, elementSize({ size }), interactionsOverlay)}\n      data-testid=\"overlay-wrapper\"\n      onPointerMove={onPointerMove}\n      onPointerLeave={onPointerLeave}\n      onClick={onClick}\n    >\n      {props.children}\n      {tooltipContent}\n    </Flex>\n  );\n};\n"],
+  "mappings": "AA4CI,cA4DA,YA5DA;AA5CJ,OAAO,UAAU;AACjB,SAAiC,WAAW,gBAAgB;AAE5D,SAAS,YAAY;AACrB,SAAS,2BAA2B;AACpC,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,0BAA0B;AACnC,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAC7B,SAAS,6BAA6B;AACtC,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,wCAAwC;AACjD,SAAS,4CAA4C;AACrD,SAAS,4CAA4C;AAUrD,MAAM,6BAA6B,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AACxB,QAAM,WAAW,gBAAgB,IAAI,CAAC,OAAO;AAAA,IAC3C,MAAM,EAAE,QAAQ;AAAA,IAChB,OAAO,gBAAgB,EAAE,OAAO,EAAE,aAAa;AAAA,IAC/C,OAAO,EAAE,SAAS;AAAA,EACpB,EAAE;AACF,QAAM,gBACJ,iBAAiB,UAAa,SAAS,YAAY,IAC/C,EAAE,GAAG,SAAS,YAAY,GAAG,OAAO,aAAa,IACjD;AACN,SACE,oBAAC,kBAAe,gBAAgB,SAAS,EAAE,UAAU,cAAc,CAAC,GAAG;AAE3E;AAEO,MAAM,uCAAuC,CAClD,UACG;AACH,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,SAEpD,MAAS;AAEX,QAAM,UAAU,WAAW;AAC3B,QAAM,EAAE,mBAAmB,IAAI,iBAAiB;AAChD,QAAM,EAAE,cAAc,IAAI,iCAAiC;AAC3D,QAAM,EAAE,KAAK,IAAI,sBAAsB;AACvC,QAAM,EAAE,WAAW,KAAK,IAAI,aAAa;AAEzC,QAAM,kBAAkB,qCAAqC;AAE7D,YAAU,MAAM;AACd,2BAAuB,MAAS;AAAA,EAClC,GAAG,CAAC,gBAAgB,MAAM,CAAC;AAE3B,QAAM,kBAAkB,cAAc,YAAY,gBAAgB;AAClE,QAAM,aAAa;AAAA,IACjB,UAAU;AAAA,IACV,QAAQ,gBAAgB,IAAI,CAAC,UAAU;AAAA,MACrC,MAAM,KAAK,QAAQ;AAAA,MACnB,OAAO,UAAU,KAAK,OAAO,IAAI;AAAA,MACjC,OAAO,KAAK;AAAA,IACd,EAAE;AAAA,EACJ;AAEA,QAAM,EAAE,SAAS,eAAe,eAAe,IAC7C,qCAAqC,YAAY,sBAAsB;AAEzE,QAAM,EAAE,MAAM,YAAY,IAAI,eAAe;AAE7C,QAAM,iBACJ,cAAc,YAAY,CAAC,mBAAmB,WAAW,IACvD;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,cAAc;AAAA,MACxB;AAAA,MACA,cAAc;AAAA;AAAA,EAChB,IAEA;AAAA,IAAC;AAAA;AAAA,MACC,SACE,kBAAkB,gBAAgB,SAAS,gBAAgB;AAAA,MAE7D,YAAY,uBAAuB;AAAA,MACnC,gBACE,qBACI,CAAC,SAAS,MAAM,mBAAmB,IAAI,IACvC;AAAA;AAAA,EAER;AAGJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,QAAQ;AAAA,MACb,WAAW,KAAK,WAAW,YAAY,EAAE,KAAK,CAAC,GAAG,mBAAmB;AAAA,MACrE,eAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA,cAAM;AAAA,QACN;AAAA;AAAA;AAAA,EACH;AAEJ;",
   "names": []
 }

package/esm/charts/meter-bar/multi-meter-bar/default.js

@@ -11,7 +11,7 @@ const defaultConfig = {
   size: SIZE_DEFAULT,
   min: MIN_DEFAULT_VALUE,
   max: MAX_DEFAULT_VALUE,
-  tooltip: { enabled: false, variant: TOOLTIP_VARIANT_DEFAULT },
+  tooltip: { hidden: false, variant: TOOLTIP_VARIANT_DEFAULT },
   formatter: DEFAULT_FORMATTER,
   legend: false,
   loading: false

package/esm/charts/meter-bar/multi-meter-bar/default.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/meter-bar/multi-meter-bar/default.ts"],
-  "sourcesContent": ["import type { MultiMeterBarChartTooltipVariant } from './types/multi-meter-bar-chart.js';\nimport type { ColorPalette } from '../../core/types/color-palette.js';\nimport {\n  SIZE_DEFAULT,\n  MIN_DEFAULT_VALUE,\n  MAX_DEFAULT_VALUE,\n  DEFAULT_FORMATTER,\n} from '../shared/constants.js';\n\nexport const DEFAULT_COLOR_PALETTE: ColorPalette = 'categorical';\nconst TOOLTIP_VARIANT_DEFAULT: MultiMeterBarChartTooltipVariant = 'single';\n\nexport const defaultConfig = {\n  colorPalette: DEFAULT_COLOR_PALETTE,\n  size: SIZE_DEFAULT,\n  min: MIN_DEFAULT_VALUE,\n  max: MAX_DEFAULT_VALUE,\n  tooltip: { enabled: false, variant: TOOLTIP_VARIANT_DEFAULT },\n  formatter: DEFAULT_FORMATTER,\n  legend: false,\n  loading: false,\n};\n"],
-  "mappings": "AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,wBAAsC;AACnD,MAAM,0BAA4D;AAE3D,MAAM,gBAAgB;AAAA,EAC3B,cAAc;AAAA,EACd,MAAM;AAAA,EACN,KAAK;AAAA,EACL,KAAK;AAAA,EACL,SAAS,EAAE,SAAS,OAAO,SAAS,wBAAwB;AAAA,EAC5D,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AACX;",
+  "sourcesContent": ["import type { MultiMeterBarChartTooltipVariant } from './types/multi-meter-bar-chart.js';\nimport type { ColorPalette } from '../../core/types/color-palette.js';\nimport {\n  SIZE_DEFAULT,\n  MIN_DEFAULT_VALUE,\n  MAX_DEFAULT_VALUE,\n  DEFAULT_FORMATTER,\n} from '../shared/constants.js';\n\nexport const DEFAULT_COLOR_PALETTE: ColorPalette = 'categorical';\nconst TOOLTIP_VARIANT_DEFAULT: MultiMeterBarChartTooltipVariant = 'single';\n\nexport const defaultConfig = {\n  colorPalette: DEFAULT_COLOR_PALETTE,\n  size: SIZE_DEFAULT,\n  min: MIN_DEFAULT_VALUE,\n  max: MAX_DEFAULT_VALUE,\n  tooltip: { hidden: false, variant: TOOLTIP_VARIANT_DEFAULT },\n  formatter: DEFAULT_FORMATTER,\n  legend: false,\n  loading: false,\n};\n"],
+  "mappings": "AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,wBAAsC;AACnD,MAAM,0BAA4D;AAE3D,MAAM,gBAAgB;AAAA,EAC3B,cAAc;AAAA,EACd,MAAM;AAAA,EACN,KAAK;AAAA,EACL,KAAK;AAAA,EACL,SAAS,EAAE,QAAQ,OAAO,SAAS,wBAAwB;AAAA,EAC3D,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AACX;",
   "names": []
 }

package/esm/charts/meter-bar/multi-meter-bar/hooks/useMultiMeterBarChartTooltipHandlers.js

@@ -1,13 +1,12 @@
 import { useTooltip } from "../../../core/components/overlay-tooltip/contexts/TooltipContext.js";
-import { useTooltipReducer } from "../../../core/components/overlay-tooltip/useTooltipReducer.js";
-import { emptyData } from "../../../core/components/overlay-tooltip/utils.js";
+import { useTooltipActions } from "../../../core/components/overlay-tooltip/useTooltipActions.js";
 import { TOOLTIP_VARIANT } from "../constants.js";
 import { useMultiMeterBarChartTooltipData } from "../context/MultiMeterBarChartTooltipContext.js";
 const useMultiMeterBarChartTooltipHandlers = (data, setHoveredSegmentIndex) => {
   const tooltip = useTooltip();
-  const dispatch = useTooltipReducer();
+  const { hover, pin, unpin, outOfBounds } = useTooltipActions();
   const { tooltipConfig } = useMultiMeterBarChartTooltipData();
-  const isSharedTooltip = tooltipConfig.variant === TOOLTIP_VARIANT.Shared;
+  const isSharedTooltip = tooltipConfig.variant === TOOLTIP_VARIANT.Shared || !!tooltipConfig.template;
   const buildSingleSeriesData = (segmentEl) => {
     const index = Number(segmentEl.getAttribute("data-segment-index"));
     const series = [data.series[index]];
@@ -18,39 +17,16 @@ const useMultiMeterBarChartTooltipHandlers = (data, setHoveredSegmentIndex) => {
   };
   const onClick = (event) => {
     if (tooltip.getState().pinned) {
-      dispatch({
-        type: "SET_PINNED",
-        payload: {
-          pinned: false,
-          data: emptyData()
-        }
-      })();
+      unpin();
     } else {
-      const { offsetX, offsetY } = event.nativeEvent;
       if (isSharedTooltip) {
-        dispatch({
-          type: "SET_PINNED",
-          payload: {
-            pinned: true,
-            relativeX: offsetX,
-            relativeY: offsetY,
-            data
-          }
-        })();
+        pin(event, data);
       } else {
         const segmentEl = event.target.closest(
           "[data-segment-index]"
         );
         if (segmentEl) {
-          dispatch({
-            type: "SET_PINNED",
-            payload: {
-              pinned: true,
-              relativeX: offsetX,
-              relativeY: offsetY,
-              data: buildSingleSeriesData(segmentEl)
-            }
-          })();
+          pin(event, buildSingleSeriesData(segmentEl));
         }
       }
     }
@@ -63,18 +39,15 @@ const useMultiMeterBarChartTooltipHandlers = (data, setHoveredSegmentIndex) => {
           segmentEl ? Number(segmentEl.getAttribute("data-segment-index")) : void 0
         );
       }
-      dispatch({ type: "SET_POSITION", payload: data })(event);
+      hover(event, data);
     } else if (segmentEl) {
-      dispatch({
-        type: "SET_POSITION",
-        payload: buildSingleSeriesData(segmentEl)
-      })(event);
+      hover(event, buildSingleSeriesData(segmentEl));
     } else {
-      dispatch({ type: "SET_OUT_BOUNDS" })();
+      outOfBounds();
     }
   };
   const onPointerLeave = () => {
-    dispatch({ type: "SET_OUT_BOUNDS" })();
+    outOfBounds();
   };
   return { onClick, onPointerMove, onPointerLeave };
 };

package/esm/charts/meter-bar/multi-meter-bar/hooks/useMultiMeterBarChartTooltipHandlers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/meter-bar/multi-meter-bar/hooks/useMultiMeterBarChartTooltipHandlers.ts"],
-  "sourcesContent": ["import { type PointerEvent } from 'react';\n\nimport { useTooltip } from '../../../core/components/overlay-tooltip/contexts/TooltipContext.js';\nimport type { Data } from '../../../core/components/overlay-tooltip/types.js';\nimport { useTooltipReducer } from '../../../core/components/overlay-tooltip/useTooltipReducer.js';\nimport { emptyData } from '../../../core/components/overlay-tooltip/utils.js';\nimport { TOOLTIP_VARIANT } from '../constants.js';\nimport { useMultiMeterBarChartTooltipData } from '../context/MultiMeterBarChartTooltipContext.js';\n\nexport const useMultiMeterBarChartTooltipHandlers = (\n  data: Data,\n  setHoveredSegmentIndex: (index: number | undefined) => void,\n) => {\n  const tooltip = useTooltip();\n  const dispatch = useTooltipReducer();\n  const { tooltipConfig } = useMultiMeterBarChartTooltipData();\n\n  const isSharedTooltip = tooltipConfig.variant === TOOLTIP_VARIANT.Shared;\n\n  const buildSingleSeriesData = (segmentEl: Element) => {\n    const index = Number(segmentEl.getAttribute('data-segment-index'));\n    const series = [data.series[index]];\n    return {\n      geometry: 'multimeterbar' as const,\n      series,\n    };\n  };\n\n  const onClick = (event: PointerEvent<HTMLDivElement>) => {\n    if (tooltip.getState().pinned) {\n      dispatch({\n        type: 'SET_PINNED',\n        payload: {\n          pinned: false,\n          data: emptyData(),\n        },\n      })();\n    } else {\n      const { offsetX, offsetY } = event.nativeEvent;\n      if (isSharedTooltip) {\n        dispatch({\n          type: 'SET_PINNED',\n          payload: {\n            pinned: true,\n            relativeX: offsetX,\n            relativeY: offsetY,\n            data,\n          },\n        })();\n      } else {\n        const segmentEl = (event.target as Element).closest(\n          '[data-segment-index]',\n        );\n        if (segmentEl) {\n          dispatch({\n            type: 'SET_PINNED',\n            payload: {\n              pinned: true,\n              relativeX: offsetX,\n              relativeY: offsetY,\n              data: buildSingleSeriesData(segmentEl),\n            },\n          })();\n        }\n      }\n    }\n  };\n\n  const onPointerMove = (event: PointerEvent<HTMLDivElement>) => {\n    const segmentEl = (event.target as Element).closest('[data-segment-index]');\n    if (isSharedTooltip) {\n      if (!tooltip.getState().pinned) {\n        setHoveredSegmentIndex(\n          segmentEl\n            ? Number(segmentEl.getAttribute('data-segment-index'))\n            : undefined,\n        );\n      }\n      dispatch({ type: 'SET_POSITION', payload: data })(event);\n    } else if (segmentEl) {\n      dispatch({\n        type: 'SET_POSITION',\n        payload: buildSingleSeriesData(segmentEl),\n      })(event);\n    } else {\n      dispatch({ type: 'SET_OUT_BOUNDS' })();\n    }\n  };\n\n  const onPointerLeave = () => {\n    dispatch({ type: 'SET_OUT_BOUNDS' })();\n  };\n\n  return { onClick, onPointerMove, onPointerLeave };\n};\n"],
-  "mappings": "AAEA,SAAS,kBAAkB;AAE3B,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,wCAAwC;AAE1C,MAAM,uCAAuC,CAClD,MACA,2BACG;AACH,QAAM,UAAU,WAAW;AAC3B,QAAM,WAAW,kBAAkB;AACnC,QAAM,EAAE,cAAc,IAAI,iCAAiC;AAE3D,QAAM,kBAAkB,cAAc,YAAY,gBAAgB;AAElE,QAAM,wBAAwB,CAAC,cAAuB;AACpD,UAAM,QAAQ,OAAO,UAAU,aAAa,oBAAoB,CAAC;AACjE,UAAM,SAAS,CAAC,KAAK,OAAO,KAAK,CAAC;AAClC,WAAO;AAAA,MACL,UAAU;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAEA,QAAM,UAAU,CAAC,UAAwC;AACvD,QAAI,QAAQ,SAAS,EAAE,QAAQ;AAC7B,eAAS;AAAA,QACP,MAAM;AAAA,QACN,SAAS;AAAA,UACP,QAAQ;AAAA,UACR,MAAM,UAAU;AAAA,QAClB;AAAA,MACF,CAAC,EAAE;AAAA,IACL,OAAO;AACL,YAAM,EAAE,SAAS,QAAQ,IAAI,MAAM;AACnC,UAAI,iBAAiB;AACnB,iBAAS;AAAA,UACP,MAAM;AAAA,UACN,SAAS;AAAA,YACP,QAAQ;AAAA,YACR,WAAW;AAAA,YACX,WAAW;AAAA,YACX;AAAA,UACF;AAAA,QACF,CAAC,EAAE;AAAA,MACL,OAAO;AACL,cAAM,YAAa,MAAM,OAAmB;AAAA,UAC1C;AAAA,QACF;AACA,YAAI,WAAW;AACb,mBAAS;AAAA,YACP,MAAM;AAAA,YACN,SAAS;AAAA,cACP,QAAQ;AAAA,cACR,WAAW;AAAA,cACX,WAAW;AAAA,cACX,MAAM,sBAAsB,SAAS;AAAA,YACvC;AAAA,UACF,CAAC,EAAE;AAAA,QACL;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,gBAAgB,CAAC,UAAwC;AAC7D,UAAM,YAAa,MAAM,OAAmB,QAAQ,sBAAsB;AAC1E,QAAI,iBAAiB;AACnB,UAAI,CAAC,QAAQ,SAAS,EAAE,QAAQ;AAC9B;AAAA,UACE,YACI,OAAO,UAAU,aAAa,oBAAoB,CAAC,IACnD;AAAA,QACN;AAAA,MACF;AACA,eAAS,EAAE,MAAM,gBAAgB,SAAS,KAAK,CAAC,EAAE,KAAK;AAAA,IACzD,WAAW,WAAW;AACpB,eAAS;AAAA,QACP,MAAM;AAAA,QACN,SAAS,sBAAsB,SAAS;AAAA,MAC1C,CAAC,EAAE,KAAK;AAAA,IACV,OAAO;AACL,eAAS,EAAE,MAAM,iBAAiB,CAAC,EAAE;AAAA,IACvC;AAAA,EACF;AAEA,QAAM,iBAAiB,MAAM;AAC3B,aAAS,EAAE,MAAM,iBAAiB,CAAC,EAAE;AAAA,EACvC;AAEA,SAAO,EAAE,SAAS,eAAe,eAAe;AAClD;",
+  "sourcesContent": ["import { type PointerEvent } from 'react';\n\nimport { useTooltip } from '../../../core/components/overlay-tooltip/contexts/TooltipContext.js';\nimport type { Data } from '../../../core/components/overlay-tooltip/types.js';\nimport { useTooltipActions } from '../../../core/components/overlay-tooltip/useTooltipActions.js';\nimport { TOOLTIP_VARIANT } from '../constants.js';\nimport { useMultiMeterBarChartTooltipData } from '../context/MultiMeterBarChartTooltipContext.js';\n\nexport const useMultiMeterBarChartTooltipHandlers = (\n  data: Data,\n  setHoveredSegmentIndex: (index: number | undefined) => void,\n) => {\n  const tooltip = useTooltip();\n  const { hover, pin, unpin, outOfBounds } = useTooltipActions();\n  const { tooltipConfig } = useMultiMeterBarChartTooltipData();\n\n  const isSharedTooltip =\n    tooltipConfig.variant === TOOLTIP_VARIANT.Shared ||\n    !!tooltipConfig.template;\n\n  const buildSingleSeriesData = (segmentEl: Element) => {\n    const index = Number(segmentEl.getAttribute('data-segment-index'));\n    const series = [data.series[index]];\n    return {\n      geometry: 'multimeterbar' as const,\n      series,\n    };\n  };\n\n  const onClick = (event: PointerEvent<HTMLDivElement>) => {\n    if (tooltip.getState().pinned) {\n      unpin();\n    } else {\n      if (isSharedTooltip) {\n        pin(event, data);\n      } else {\n        const segmentEl = (event.target as Element).closest(\n          '[data-segment-index]',\n        );\n        if (segmentEl) {\n          pin(event, buildSingleSeriesData(segmentEl));\n        }\n      }\n    }\n  };\n\n  const onPointerMove = (event: PointerEvent<HTMLDivElement>) => {\n    const segmentEl = (event.target as Element).closest('[data-segment-index]');\n    if (isSharedTooltip) {\n      if (!tooltip.getState().pinned) {\n        setHoveredSegmentIndex(\n          segmentEl\n            ? Number(segmentEl.getAttribute('data-segment-index'))\n            : undefined,\n        );\n      }\n      hover(event, data);\n    } else if (segmentEl) {\n      hover(event, buildSingleSeriesData(segmentEl));\n    } else {\n      outOfBounds();\n    }\n  };\n\n  const onPointerLeave = () => {\n    outOfBounds();\n  };\n\n  return { onClick, onPointerMove, onPointerLeave };\n};\n"],
+  "mappings": "AAEA,SAAS,kBAAkB;AAE3B,SAAS,yBAAyB;AAClC,SAAS,uBAAuB;AAChC,SAAS,wCAAwC;AAE1C,MAAM,uCAAuC,CAClD,MACA,2BACG;AACH,QAAM,UAAU,WAAW;AAC3B,QAAM,EAAE,OAAO,KAAK,OAAO,YAAY,IAAI,kBAAkB;AAC7D,QAAM,EAAE,cAAc,IAAI,iCAAiC;AAE3D,QAAM,kBACJ,cAAc,YAAY,gBAAgB,UAC1C,CAAC,CAAC,cAAc;AAElB,QAAM,wBAAwB,CAAC,cAAuB;AACpD,UAAM,QAAQ,OAAO,UAAU,aAAa,oBAAoB,CAAC;AACjE,UAAM,SAAS,CAAC,KAAK,OAAO,KAAK,CAAC;AAClC,WAAO;AAAA,MACL,UAAU;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAEA,QAAM,UAAU,CAAC,UAAwC;AACvD,QAAI,QAAQ,SAAS,EAAE,QAAQ;AAC7B,YAAM;AAAA,IACR,OAAO;AACL,UAAI,iBAAiB;AACnB,YAAI,OAAO,IAAI;AAAA,MACjB,OAAO;AACL,cAAM,YAAa,MAAM,OAAmB;AAAA,UAC1C;AAAA,QACF;AACA,YAAI,WAAW;AACb,cAAI,OAAO,sBAAsB,SAAS,CAAC;AAAA,QAC7C;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,gBAAgB,CAAC,UAAwC;AAC7D,UAAM,YAAa,MAAM,OAAmB,QAAQ,sBAAsB;AAC1E,QAAI,iBAAiB;AACnB,UAAI,CAAC,QAAQ,SAAS,EAAE,QAAQ;AAC9B;AAAA,UACE,YACI,OAAO,UAAU,aAAa,oBAAoB,CAAC,IACnD;AAAA,QACN;AAAA,MACF;AACA,YAAM,OAAO,IAAI;AAAA,IACnB,WAAW,WAAW;AACpB,YAAM,OAAO,sBAAsB,SAAS,CAAC;AAAA,IAC/C,OAAO;AACL,kBAAY;AAAA,IACd;AAAA,EACF;AAEA,QAAM,iBAAiB,MAAM;AAC3B,gBAAY;AAAA,EACd;AAEA,SAAO,EAAE,SAAS,eAAe,eAAe;AAClD;",
   "names": []
 }

package/esm/charts/meter-bar/multi-meter-bar/types/multi-meter-bar-chart.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/meter-bar/multi-meter-bar/types/multi-meter-bar-chart.ts"],
-  "sourcesContent": ["import type { ReactNode } from 'react-markdown';\n\nimport type {\n  ConvertibleUnit,\n  FormatOptions,\n  Unit,\n} from '@dynatrace-sdk/units';\n\nimport type { BehaviorTrackingProps } from '../../../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../../../core/types/data-props.js';\nimport type { MaskingProps } from '../../../../core/types/masking-props.js';\nimport type { StylingProps } from '../../../../core/types/styling-props.js';\nimport type {\n  ColorPalette,\n  CustomColorPalette,\n} from '../../../core/types/color-palette.js';\nimport type { Formatter } from '../../../core/types/formatter.js';\nimport type { SeriesActionsTemplate } from '../../../core/types/series-actions-template.js';\nimport type { MeterBarSize } from '../../shared/types/meter-bars.js';\n\n/**\n * Information hold by each segment in the multi meter bar chart\n * @public\n */\nexport type MultiMeterBarSegmentData = {\n  id: string;\n  name: string;\n  values: string[];\n};\n\n/**\n * @public\n */\nexport interface MultiMeterBarChartProps\n  extends StylingProps,\n    MaskingProps,\n    DataTestId,\n    BehaviorTrackingProps {\n  /**\n   * The chart width. A valid CSS width is expected.\n   * @defaultValue 100%\n   */\n  width?: number | string;\n  /**\n   * The chart height. A valid CSS height is expected.\n   * @defaultValue 300px\n   */\n  height?: number | string;\n  /**\n   * Min value for the multi meter bar chart scale.\n   * @defaultValue 0\n   */\n  min?: number;\n  /**\n   * Max value for the multi meter bar chart scale.\n   * @defaultValue 'auto'\n   */\n  max?: number | 'auto';\n  /**\n   * Color palette to be used for the segments\n   * @defaultValue \"categorical\"\n   */\n  colorPalette?: ColorPalette | CustomColorPalette;\n  /** Show the loading indicator when truthy.\n   * @defaultValue false\n   */\n  loading?: boolean;\n  /**\n   * The size that applies to the value, icon, and label.\n   * @defaultvalue 'size16'\n   */\n  size?: MeterBarSize;\n  /**\n   * The custom unit for the value of the multi meter bar.\n   */\n  unit?: string | Unit;\n  /**\n   * Custom Formatter for the chart\n   */\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n  /**\n   * Icon to show left of the label.\n   */\n  prefixIcon?: ReactNode;\n  /** Exposed callback to display series actions  */\n  seriesActions?: (\n    seriesData: MultiMeterBarSegmentData,\n  ) => SeriesActionsTemplate;\n}\n\n/**\n * @public\n */\nexport type MultiMeterBarChartData = {\n  [key: string]: unknown;\n};\n\n/**\n * @public\n */\nexport interface MultiMeterBarSegmentBaseProps {\n  /**\n   * Segment name\n   */\n  name: string;\n  /**\n   * Segment color, if not provided, color that comes from the parent colorPalette value will be used\n   */\n  color?: string;\n}\n\n/**\n * @public\n */\nexport interface MultiMeterBarSegmentPropsWithAccessor\n  extends MultiMeterBarSegmentBaseProps {\n  /**\n   * Data object to retrieve the value from using the valueAccessor.\n   */\n  value: MultiMeterBarChartData;\n  /**\n   * Accessor string to retrieve the value from the data object.\n   */\n  valueAccessor: string;\n}\n\n/**\n * @public\n */\nexport interface MultiMeterBarSegmentPropsWithNumericValue\n  extends MultiMeterBarSegmentBaseProps {\n  /**\n   * Segment percentage value\n   */\n  value: number;\n  valueAccessor?: never;\n}\n\n/**\n * @public\n */\nexport type MultiMeterBarSegmentProps =\n  | MultiMeterBarSegmentPropsWithAccessor\n  | MultiMeterBarSegmentPropsWithNumericValue;\n\n/**\n * @public\n */\nexport const multiMeterBarChartTooltipVariantOptions = [\n  'single',\n  'shared',\n] as const;\n\n/**\n * The different variants available to use in the tooltip subcomponent\n * @public\n */\nexport type MultiMeterBarChartTooltipVariant =\n  (typeof multiMeterBarChartTooltipVariantOptions)[number];\n\n/**\n * @public\n */\nexport interface MultiMeterBarChartTooltipProps {\n  /**\n   * Variant to be used for the multi meter bar chart tooltip\n   * @defaultValue \"single\"\n   */\n  variant?: MultiMeterBarChartTooltipVariant;\n}\n"],
+  "sourcesContent": ["import type { ReactNode } from 'react-markdown';\n\nimport type {\n  ConvertibleUnit,\n  FormatOptions,\n  Unit,\n} from '@dynatrace-sdk/units';\n\nimport type { BehaviorTrackingProps } from '../../../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../../../core/types/data-props.js';\nimport type { MaskingProps } from '../../../../core/types/masking-props.js';\nimport type { StylingProps } from '../../../../core/types/styling-props.js';\nimport type {\n  ColorPalette,\n  CustomColorPalette,\n} from '../../../core/types/color-palette.js';\nimport type { Formatter } from '../../../core/types/formatter.js';\nimport type { SeriesActionsTemplate } from '../../../core/types/series-actions-template.js';\nimport type { MeterBarSize } from '../../shared/types/meter-bars.js';\n\n/**\n * Information hold by each segment in the multi meter bar chart\n * @public\n */\nexport type MultiMeterBarSegmentData = {\n  id: string;\n  name: string;\n  values: string[];\n};\n\n/**\n * @public\n */\nexport interface MultiMeterBarChartProps\n  extends StylingProps,\n    MaskingProps,\n    DataTestId,\n    BehaviorTrackingProps {\n  /**\n   * The chart width. A valid CSS width is expected.\n   * @defaultValue 100%\n   */\n  width?: number | string;\n  /**\n   * The chart height. A valid CSS height is expected.\n   * @defaultValue 300px\n   */\n  height?: number | string;\n  /**\n   * Min value for the multi meter bar chart scale.\n   * @defaultValue 0\n   */\n  min?: number;\n  /**\n   * Max value for the multi meter bar chart scale.\n   * @defaultValue 'auto'\n   */\n  max?: number | 'auto';\n  /**\n   * Color palette to be used for the segments\n   * @defaultValue \"categorical\"\n   */\n  colorPalette?: ColorPalette | CustomColorPalette;\n  /** Show the loading indicator when truthy.\n   * @defaultValue false\n   */\n  loading?: boolean;\n  /**\n   * The size that applies to the value, icon, and label.\n   * @defaultvalue 'size16'\n   */\n  size?: MeterBarSize;\n  /**\n   * The custom unit for the value of the multi meter bar.\n   */\n  unit?: string | Unit;\n  /**\n   * Custom Formatter for the chart\n   */\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n  /**\n   * Icon to show left of the label.\n   */\n  prefixIcon?: ReactNode;\n  /** Exposed callback to display series actions  */\n  seriesActions?: (\n    seriesData: MultiMeterBarSegmentData,\n  ) => SeriesActionsTemplate;\n}\n\n/**\n * @public\n */\nexport type MultiMeterBarChartData = {\n  [key: string]: unknown;\n};\n\n/**\n * @public\n */\nexport interface MultiMeterBarSegmentBaseProps {\n  /**\n   * Segment name\n   */\n  name: string;\n  /**\n   * Segment color, if not provided, color that comes from the parent colorPalette value will be used\n   */\n  color?: string;\n}\n\n/**\n * @public\n */\nexport interface MultiMeterBarSegmentPropsWithAccessor\n  extends MultiMeterBarSegmentBaseProps {\n  /**\n   * Data object to retrieve the value from using the valueAccessor.\n   */\n  value: MultiMeterBarChartData;\n  /**\n   * Accessor string to retrieve the value from the data object.\n   */\n  valueAccessor: string;\n}\n\n/**\n * @public\n */\nexport interface MultiMeterBarSegmentPropsWithNumericValue\n  extends MultiMeterBarSegmentBaseProps {\n  /**\n   * Segment percentage value\n   */\n  value: number;\n  valueAccessor?: never;\n}\n\n/**\n * @public\n */\nexport type MultiMeterBarSegmentProps =\n  | MultiMeterBarSegmentPropsWithAccessor\n  | MultiMeterBarSegmentPropsWithNumericValue;\n\n/**\n * @public\n */\nexport const multiMeterBarChartTooltipVariantOptions = [\n  'single',\n  'shared',\n] as const;\n\n/**\n * The different variants available to use in the tooltip subcomponent\n * @public\n */\nexport type MultiMeterBarChartTooltipVariant =\n  (typeof multiMeterBarChartTooltipVariantOptions)[number];\n\n/**\n * A single segment's data passed to the custom tooltip render function.\n * @public\n */\nexport interface MultiMeterBarChartTooltipSegmentPayload {\n  /** Segment name */\n  name: string;\n  /** Segment percentage value */\n  value: number;\n  /** Segment color */\n  color: string;\n}\n\n/**\n * The currently active segment data passed to the custom tooltip render function, extending segment data with its index position.\n * @public\n */\nexport interface MultiMeterBarChartActiveSegmentPayload\n  extends MultiMeterBarChartTooltipSegmentPayload {\n  /** Index position of the active segment */\n  index: number;\n}\n\n/**\n * Data passed to the custom tooltip render function for MultiMeterBarChart.\n * @public\n */\nexport interface MultiMeterBarChartTooltipPayload {\n  /** All visible segments */\n  segments: MultiMeterBarChartTooltipSegmentPayload[];\n  /** Currently hovered segment, or undefined when none is hovered */\n  activeSegment: MultiMeterBarChartActiveSegmentPayload | undefined;\n}\n\n/**\n * @public\n */\nexport interface MultiMeterBarChartTooltipProps {\n  /**\n   * Hides the tooltip when true.\n   * @defaultValue false\n   */\n  hidden?: boolean;\n  /**\n   * Variant to be used for the multi meter bar chart tooltip\n   * @defaultValue \"single\"\n   */\n  variant?: MultiMeterBarChartTooltipVariant;\n  /**\n   * Custom render function. When provided, replaces the default tooltip content.\n   */\n  children?: (payload: MultiMeterBarChartTooltipPayload) => ReactNode;\n}\n"],
   "mappings": "AAoJO,MAAM,0CAA0C;AAAA,EACrD;AAAA,EACA;AACF;",
   "names": []
 }

package/esm/charts/meter-bar/multi-meter-bar/utils/build-multi-meter-bar-chart-config.js

@@ -26,17 +26,20 @@ const getMaxValue = (totalValue, maxProperty, consumerConfigMax) => {
 };
 const isValidTooltipVariant = (tooltipVariant) => multiMeterBarChartTooltipVariantOptions.includes(tooltipVariant);
 const getTooltipConfig = (slots, consumerConfig) => {
-  const tooltip = merge(
+  const consumerTooltip = consumerConfig.tooltip ? {
+    ...consumerConfig.tooltip.enabled !== void 0 && {
+      hidden: !consumerConfig.tooltip.enabled
+    },
+    variant: consumerConfig.tooltip.variant
+  } : void 0;
+  const merged = merge(
     {},
     defaultConfig.tooltip,
-    consumerConfig.tooltip,
+    consumerTooltip,
     slots.tooltip
   );
-  const variant = isValidTooltipVariant(tooltip.variant) ? tooltip.variant : defaultConfig.tooltip.variant;
-  return {
-    ...tooltip,
-    variant
-  };
+  const variant = isValidTooltipVariant(merged.variant) ? merged.variant : defaultConfig.tooltip.variant;
+  return { ...merged, variant };
 };
 const buildMultiMeterBarChartConfig = (props, consumerConfig, slots) => {
   const size = props.size ?? consumerConfig.size ?? defaultConfig.size;

package/esm/charts/meter-bar/multi-meter-bar/utils/build-multi-meter-bar-chart-config.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/meter-bar/multi-meter-bar/utils/build-multi-meter-bar-chart-config.ts"],
-  "sourcesContent": ["import { merge } from 'lodash-es';\n\nimport { DEFAULT_FORMATTER } from '../../shared/constants.js';\nimport {\n  defaultToolbarInternalConfig,\n  type MeterBarToolbarConfig,\n  type MeterBarToolbarInternalProps,\n  type MeterBarToolbarSlotProps,\n} from '../../shared/types/meter-bar-toolbar.js';\nimport { getNumericValue } from '../../shared/utils/get-numeric-value.js';\nimport { defaultConfig } from '../default.js';\nimport type {\n  MultiMeterBarChartConsumerConfig,\n  MultiMeterBarChartSlots,\n} from '../types/multi-meter-bar-chart-config.js';\nimport type { MultiMeterBarChartInternalConfig } from '../types/multi-meter-bar-chart-internal.js';\nimport {\n  type MultiMeterBarChartProps,\n  type MultiMeterBarChartTooltipVariant,\n  multiMeterBarChartTooltipVariantOptions,\n} from '../types/multi-meter-bar-chart.js';\n\nconst getToolbarConfig = (\n  toolbarSlotsConfig?: MeterBarToolbarSlotProps,\n  toolbarConsumerConfig?: MeterBarToolbarConfig,\n): MeterBarToolbarInternalProps => {\n  const configuredToolbar = toolbarSlotsConfig ?? toolbarConsumerConfig;\n\n  return { ...defaultToolbarInternalConfig, ...configuredToolbar };\n};\n\nconst getMaxValue = (\n  totalValue: number,\n  maxProperty?: number | 'auto',\n  consumerConfigMax?: number,\n) => {\n  if (typeof maxProperty === 'number') {\n    return maxProperty;\n  }\n\n  if (maxProperty === 'auto') {\n    return totalValue;\n  }\n\n  if (!maxProperty && consumerConfigMax) {\n    return consumerConfigMax;\n  }\n\n  return totalValue;\n};\n\nconst isValidTooltipVariant = (\n  tooltipVariant: MultiMeterBarChartTooltipVariant,\n): tooltipVariant is MultiMeterBarChartTooltipVariant =>\n  multiMeterBarChartTooltipVariantOptions.includes(tooltipVariant);\n\nconst getTooltipConfig = (\n  slots: MultiMeterBarChartSlots,\n  consumerConfig: MultiMeterBarChartConsumerConfig,\n) => {\n  const tooltip = merge(\n    {},\n    defaultConfig.tooltip,\n    consumerConfig.tooltip,\n    slots.tooltip,\n  );\n  const variant = isValidTooltipVariant(tooltip.variant)\n    ? tooltip.variant\n    : defaultConfig.tooltip.variant;\n\n  return {\n    ...tooltip,\n    variant,\n  };\n};\n\nexport const buildMultiMeterBarChartConfig = (\n  props: MultiMeterBarChartProps,\n  consumerConfig: MultiMeterBarChartConsumerConfig,\n  slots: MultiMeterBarChartSlots,\n): MultiMeterBarChartInternalConfig => {\n  const size = props.size ?? consumerConfig.size ?? defaultConfig.size;\n\n  const colorPalette =\n    props.colorPalette ??\n    consumerConfig.colorPalette ??\n    defaultConfig.colorPalette;\n\n  const min = props.min ?? consumerConfig.min ?? defaultConfig.min;\n\n  const tooltip = getTooltipConfig(slots, consumerConfig);\n\n  const formatter =\n    props.formatter ?? consumerConfig.formatter ?? DEFAULT_FORMATTER;\n  const unit = props.unit ?? consumerConfig.unit;\n\n  const legend = slots.legend ?? consumerConfig.legend ?? defaultConfig.legend;\n\n  const totalValue = slots.segments.reduce((acc, segment) => {\n    const value = getNumericValue(segment.value, segment.valueAccessor);\n    return acc + value;\n  }, 0);\n\n  const max = getMaxValue(totalValue, props.max, consumerConfig.max);\n\n  const colorRules = slots.colorRules ?? consumerConfig.colorRules ?? [];\n\n  const toolbar = getToolbarConfig(slots.toolbar, consumerConfig.toolbar);\n\n  const loading =\n    props.loading ?? consumerConfig.loading ?? defaultConfig.loading;\n\n  return {\n    segments: slots.segments,\n    colorPalette,\n    size,\n    min,\n    max,\n    loading,\n    tooltip,\n    labelSlot: slots.label,\n    valueSlot: slots.value,\n    minSlot: slots.min,\n    maxSlot: slots.max,\n    legend,\n    formatter,\n    unit,\n    totalValue,\n    colorRules,\n    toolbar,\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,aAAa;AAEtB,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,OAIK;AACP,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAM9B;AAAA,EAGE;AAAA,OACK;AAEP,MAAM,mBAAmB,CACvB,oBACA,0BACiC;AACjC,QAAM,oBAAoB,sBAAsB;AAEhD,SAAO,EAAE,GAAG,8BAA8B,GAAG,kBAAkB;AACjE;AAEA,MAAM,cAAc,CAClB,YACA,aACA,sBACG;AACH,MAAI,OAAO,gBAAgB,UAAU;AACnC,WAAO;AAAA,EACT;AAEA,MAAI,gBAAgB,QAAQ;AAC1B,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,eAAe,mBAAmB;AACrC,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAEA,MAAM,wBAAwB,CAC5B,mBAEA,wCAAwC,SAAS,cAAc;AAEjE,MAAM,mBAAmB,CACvB,OACA,mBACG;AACH,QAAM,UAAU;AAAA,IACd,CAAC;AAAA,IACD,cAAc;AAAA,IACd,eAAe;AAAA,IACf,MAAM;AAAA,EACR;AACA,QAAM,UAAU,sBAAsB,QAAQ,OAAO,IACjD,QAAQ,UACR,cAAc,QAAQ;AAE1B,SAAO;AAAA,IACL,GAAG;AAAA,IACH;AAAA,EACF;AACF;AAEO,MAAM,gCAAgC,CAC3C,OACA,gBACA,UACqC;AACrC,QAAM,OAAO,MAAM,QAAQ,eAAe,QAAQ,cAAc;AAEhE,QAAM,eACJ,MAAM,gBACN,eAAe,gBACf,cAAc;AAEhB,QAAM,MAAM,MAAM,OAAO,eAAe,OAAO,cAAc;AAE7D,QAAM,UAAU,iBAAiB,OAAO,cAAc;AAEtD,QAAM,YACJ,MAAM,aAAa,eAAe,aAAa;AACjD,QAAM,OAAO,MAAM,QAAQ,eAAe;AAE1C,QAAM,SAAS,MAAM,UAAU,eAAe,UAAU,cAAc;AAEtE,QAAM,aAAa,MAAM,SAAS,OAAO,CAAC,KAAK,YAAY;AACzD,UAAM,QAAQ,gBAAgB,QAAQ,OAAO,QAAQ,aAAa;AAClE,WAAO,MAAM;AAAA,EACf,GAAG,CAAC;AAEJ,QAAM,MAAM,YAAY,YAAY,MAAM,KAAK,eAAe,GAAG;AAEjE,QAAM,aAAa,MAAM,cAAc,eAAe,cAAc,CAAC;AAErE,QAAM,UAAU,iBAAiB,MAAM,SAAS,eAAe,OAAO;AAEtE,QAAM,UACJ,MAAM,WAAW,eAAe,WAAW,cAAc;AAE3D,SAAO;AAAA,IACL,UAAU,MAAM;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,MAAM;AAAA,IACjB,WAAW,MAAM;AAAA,IACjB,SAAS,MAAM;AAAA,IACf,SAAS,MAAM;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { merge } from 'lodash-es';\n\nimport { DEFAULT_FORMATTER } from '../../shared/constants.js';\nimport {\n  defaultToolbarInternalConfig,\n  type MeterBarToolbarConfig,\n  type MeterBarToolbarInternalProps,\n  type MeterBarToolbarSlotProps,\n} from '../../shared/types/meter-bar-toolbar.js';\nimport { getNumericValue } from '../../shared/utils/get-numeric-value.js';\nimport { defaultConfig } from '../default.js';\nimport type {\n  MultiMeterBarChartConsumerConfig,\n  MultiMeterBarChartSlots,\n} from '../types/multi-meter-bar-chart-config.js';\nimport type { MultiMeterBarChartInternalConfig } from '../types/multi-meter-bar-chart-internal.js';\nimport {\n  type MultiMeterBarChartProps,\n  type MultiMeterBarChartTooltipVariant,\n  multiMeterBarChartTooltipVariantOptions,\n} from '../types/multi-meter-bar-chart.js';\n\nconst getToolbarConfig = (\n  toolbarSlotsConfig?: MeterBarToolbarSlotProps,\n  toolbarConsumerConfig?: MeterBarToolbarConfig,\n): MeterBarToolbarInternalProps => {\n  const configuredToolbar = toolbarSlotsConfig ?? toolbarConsumerConfig;\n\n  return { ...defaultToolbarInternalConfig, ...configuredToolbar };\n};\n\nconst getMaxValue = (\n  totalValue: number,\n  maxProperty?: number | 'auto',\n  consumerConfigMax?: number,\n) => {\n  if (typeof maxProperty === 'number') {\n    return maxProperty;\n  }\n\n  if (maxProperty === 'auto') {\n    return totalValue;\n  }\n\n  if (!maxProperty && consumerConfigMax) {\n    return consumerConfigMax;\n  }\n\n  return totalValue;\n};\n\nconst isValidTooltipVariant = (\n  tooltipVariant: MultiMeterBarChartTooltipVariant,\n): tooltipVariant is MultiMeterBarChartTooltipVariant =>\n  multiMeterBarChartTooltipVariantOptions.includes(tooltipVariant);\n\nconst getTooltipConfig = (\n  slots: MultiMeterBarChartSlots,\n  consumerConfig: MultiMeterBarChartConsumerConfig,\n) => {\n  const consumerTooltip = consumerConfig.tooltip\n    ? {\n        ...(consumerConfig.tooltip.enabled !== undefined && {\n          hidden: !consumerConfig.tooltip.enabled,\n        }),\n        variant: consumerConfig.tooltip.variant,\n      }\n    : undefined;\n  const merged = merge(\n    {},\n    defaultConfig.tooltip,\n    consumerTooltip,\n    slots.tooltip,\n  );\n  const variant = isValidTooltipVariant(merged.variant)\n    ? merged.variant\n    : defaultConfig.tooltip.variant;\n\n  return { ...merged, variant };\n};\n\nexport const buildMultiMeterBarChartConfig = (\n  props: MultiMeterBarChartProps,\n  consumerConfig: MultiMeterBarChartConsumerConfig,\n  slots: MultiMeterBarChartSlots,\n): MultiMeterBarChartInternalConfig => {\n  const size = props.size ?? consumerConfig.size ?? defaultConfig.size;\n\n  const colorPalette =\n    props.colorPalette ??\n    consumerConfig.colorPalette ??\n    defaultConfig.colorPalette;\n\n  const min = props.min ?? consumerConfig.min ?? defaultConfig.min;\n\n  const tooltip = getTooltipConfig(slots, consumerConfig);\n\n  const formatter =\n    props.formatter ?? consumerConfig.formatter ?? DEFAULT_FORMATTER;\n  const unit = props.unit ?? consumerConfig.unit;\n\n  const legend = slots.legend ?? consumerConfig.legend ?? defaultConfig.legend;\n\n  const totalValue = slots.segments.reduce((acc, segment) => {\n    const value = getNumericValue(segment.value, segment.valueAccessor);\n    return acc + value;\n  }, 0);\n\n  const max = getMaxValue(totalValue, props.max, consumerConfig.max);\n\n  const colorRules = slots.colorRules ?? consumerConfig.colorRules ?? [];\n\n  const toolbar = getToolbarConfig(slots.toolbar, consumerConfig.toolbar);\n\n  const loading =\n    props.loading ?? consumerConfig.loading ?? defaultConfig.loading;\n\n  return {\n    segments: slots.segments,\n    colorPalette,\n    size,\n    min,\n    max,\n    loading,\n    tooltip,\n    labelSlot: slots.label,\n    valueSlot: slots.value,\n    minSlot: slots.min,\n    maxSlot: slots.max,\n    legend,\n    formatter,\n    unit,\n    totalValue,\n    colorRules,\n    toolbar,\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,aAAa;AAEtB,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,OAIK;AACP,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAM9B;AAAA,EAGE;AAAA,OACK;AAEP,MAAM,mBAAmB,CACvB,oBACA,0BACiC;AACjC,QAAM,oBAAoB,sBAAsB;AAEhD,SAAO,EAAE,GAAG,8BAA8B,GAAG,kBAAkB;AACjE;AAEA,MAAM,cAAc,CAClB,YACA,aACA,sBACG;AACH,MAAI,OAAO,gBAAgB,UAAU;AACnC,WAAO;AAAA,EACT;AAEA,MAAI,gBAAgB,QAAQ;AAC1B,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,eAAe,mBAAmB;AACrC,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAEA,MAAM,wBAAwB,CAC5B,mBAEA,wCAAwC,SAAS,cAAc;AAEjE,MAAM,mBAAmB,CACvB,OACA,mBACG;AACH,QAAM,kBAAkB,eAAe,UACnC;AAAA,IACE,GAAI,eAAe,QAAQ,YAAY,UAAa;AAAA,MAClD,QAAQ,CAAC,eAAe,QAAQ;AAAA,IAClC;AAAA,IACA,SAAS,eAAe,QAAQ;AAAA,EAClC,IACA;AACJ,QAAM,SAAS;AAAA,IACb,CAAC;AAAA,IACD,cAAc;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EACR;AACA,QAAM,UAAU,sBAAsB,OAAO,OAAO,IAChD,OAAO,UACP,cAAc,QAAQ;AAE1B,SAAO,EAAE,GAAG,QAAQ,QAAQ;AAC9B;AAEO,MAAM,gCAAgC,CAC3C,OACA,gBACA,UACqC;AACrC,QAAM,OAAO,MAAM,QAAQ,eAAe,QAAQ,cAAc;AAEhE,QAAM,eACJ,MAAM,gBACN,eAAe,gBACf,cAAc;AAEhB,QAAM,MAAM,MAAM,OAAO,eAAe,OAAO,cAAc;AAE7D,QAAM,UAAU,iBAAiB,OAAO,cAAc;AAEtD,QAAM,YACJ,MAAM,aAAa,eAAe,aAAa;AACjD,QAAM,OAAO,MAAM,QAAQ,eAAe;AAE1C,QAAM,SAAS,MAAM,UAAU,eAAe,UAAU,cAAc;AAEtE,QAAM,aAAa,MAAM,SAAS,OAAO,CAAC,KAAK,YAAY;AACzD,UAAM,QAAQ,gBAAgB,QAAQ,OAAO,QAAQ,aAAa;AAClE,WAAO,MAAM;AAAA,EACf,GAAG,CAAC;AAEJ,QAAM,MAAM,YAAY,YAAY,MAAM,KAAK,eAAe,GAAG;AAEjE,QAAM,aAAa,MAAM,cAAc,eAAe,cAAc,CAAC;AAErE,QAAM,UAAU,iBAAiB,MAAM,SAAS,eAAe,OAAO;AAEtE,QAAM,UACJ,MAAM,WAAW,eAAe,WAAW,cAAc;AAE3D,SAAO;AAAA,IACL,UAAU,MAAM;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,MAAM;AAAA,IACjB,WAAW,MAAM;AAAA,IACjB,SAAS,MAAM;AAAA,IACf,SAAS,MAAM;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/charts/meter-bar/multi-meter-bar/utils/iterate-slots.js

@@ -10,7 +10,6 @@ import {
   handleLabelSlot,
   handleMaxSlot,
   handleMinSlot,
-  handleMultiMeterTooltipSlot,
   handleToolbarSlot,
   handleValueSlot
 } from "../../shared/utils/slot-handlers.js";
@@ -21,6 +20,10 @@ import { Min } from "../slots/Min.js";
 import { Segment } from "../slots/Segment.js";
 import { Tooltip } from "../slots/Tooltip.js";
 import { Value } from "../slots/Value.js";
+function handleMultiMeterTooltipSlot(child, slots) {
+  const { variant, hidden, children } = child.props;
+  slots.tooltip = { hidden: hidden ?? false, variant, template: children };
+}
 function iterateSlots(children) {
   const slots = {
     segments: [],

package/esm/charts/meter-bar/multi-meter-bar/utils/iterate-slots.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/meter-bar/multi-meter-bar/utils/iterate-slots.ts"],
-  "sourcesContent": ["import { isUndefined } from 'lodash-es';\nimport { Children, type ReactNode } from 'react';\n\nimport { Intent, IntentProps } from '../../../../core/slots/Intent/Intent.js';\nimport { isSlot } from '../../../../core/utils/is-slot.js';\nimport { ColorRule } from '../../../core/slots/ColorRule.js';\nimport { Toolbar } from '../../shared/slots/Toolbar.js';\nimport {\n  handleColorRuleSlot,\n  handleIntentSlot,\n  handleLabelSlot,\n  handleMaxSlot,\n  handleMinSlot,\n  handleMultiMeterTooltipSlot,\n  handleToolbarSlot,\n  handleValueSlot,\n} from '../../shared/utils/slot-handlers.js';\nimport { Label } from '../slots/Label.js';\nimport { Legend } from '../slots/Legend.js';\nimport { Max } from '../slots/Max.js';\nimport { Min } from '../slots/Min.js';\nimport { Segment } from '../slots/Segment.js';\nimport { Tooltip } from '../slots/Tooltip.js';\nimport { Value } from '../slots/Value.js';\nimport { MultiMeterBarChartSlots } from '../types/multi-meter-bar-chart-config.js';\nimport { MultiMeterBarSegmentProps } from '../types/multi-meter-bar-chart.js';\n\nexport function iterateSlots(children?: ReactNode) {\n  const slots: MultiMeterBarChartSlots = {\n    segments: [],\n    colorRules: [],\n    toolbar: { hidden: false },\n  };\n\n  let intents: IntentProps[] | undefined;\n  Children.forEach(children, (child) => {\n    if (isSlot(child, Label)) {\n      handleLabelSlot(child, slots);\n    } else if (isSlot(child, Value)) {\n      handleValueSlot(child, slots);\n    } else if (isSlot(child, Min)) {\n      handleMinSlot(child, slots);\n    } else if (isSlot(child, Max)) {\n      handleMaxSlot(child, slots);\n    } else if (isSlot(child, Segment)) {\n      const { value, color, name, valueAccessor } = child.props;\n      const segment = valueAccessor\n        ? { value, color, name, valueAccessor }\n        : { value, color, name };\n      slots.segments = [\n        ...slots.segments,\n        segment as MultiMeterBarSegmentProps,\n      ];\n    } else if (isSlot(child, Legend)) {\n      slots.legend = !(child.props.hidden ?? false);\n    } else if (isSlot(child, Tooltip)) {\n      handleMultiMeterTooltipSlot(child, slots);\n    } else if (isSlot(child, ColorRule)) {\n      handleColorRuleSlot(child, slots);\n    } else if (isSlot(child, Intent)) {\n      intents = handleIntentSlot(child, intents);\n    } else if (isSlot(child, Toolbar)) {\n      handleToolbarSlot(child, slots);\n    }\n  });\n\n  if (!isUndefined(intents) && slots.toolbar) {\n    slots.toolbar.intents = intents;\n  }\n\n  return slots;\n}\n"],
-  "mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,gBAAgC;AAEzC,SAAS,cAA2B;AACpC,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,WAAW;AACpB,SAAS,WAAW;AACpB,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,aAAa;AAIf,SAAS,aAAa,UAAsB;AACjD,QAAM,QAAiC;AAAA,IACrC,UAAU,CAAC;AAAA,IACX,YAAY,CAAC;AAAA,IACb,SAAS,EAAE,QAAQ,MAAM;AAAA,EAC3B;AAEA,MAAI;AACJ,WAAS,QAAQ,UAAU,CAAC,UAAU;AACpC,QAAI,OAAO,OAAO,KAAK,GAAG;AACxB,sBAAgB,OAAO,KAAK;AAAA,IAC9B,WAAW,OAAO,OAAO,KAAK,GAAG;AAC/B,sBAAgB,OAAO,KAAK;AAAA,IAC9B,WAAW,OAAO,OAAO,GAAG,GAAG;AAC7B,oBAAc,OAAO,KAAK;AAAA,IAC5B,WAAW,OAAO,OAAO,GAAG,GAAG;AAC7B,oBAAc,OAAO,KAAK;AAAA,IAC5B,WAAW,OAAO,OAAO,OAAO,GAAG;AACjC,YAAM,EAAE,OAAO,OAAO,MAAM,cAAc,IAAI,MAAM;AACpD,YAAM,UAAU,gBACZ,EAAE,OAAO,OAAO,MAAM,cAAc,IACpC,EAAE,OAAO,OAAO,KAAK;AACzB,YAAM,WAAW;AAAA,QACf,GAAG,MAAM;AAAA,QACT;AAAA,MACF;AAAA,IACF,WAAW,OAAO,OAAO,MAAM,GAAG;AAChC,YAAM,SAAS,EAAE,MAAM,MAAM,UAAU;AAAA,IACzC,WAAW,OAAO,OAAO,OAAO,GAAG;AACjC,kCAA4B,OAAO,KAAK;AAAA,IAC1C,WAAW,OAAO,OAAO,SAAS,GAAG;AACnC,0BAAoB,OAAO,KAAK;AAAA,IAClC,WAAW,OAAO,OAAO,MAAM,GAAG;AAChC,gBAAU,iBAAiB,OAAO,OAAO;AAAA,IAC3C,WAAW,OAAO,OAAO,OAAO,GAAG;AACjC,wBAAkB,OAAO,KAAK;AAAA,IAChC;AAAA,EACF,CAAC;AAED,MAAI,CAAC,YAAY,OAAO,KAAK,MAAM,SAAS;AAC1C,UAAM,QAAQ,UAAU;AAAA,EAC1B;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import { isUndefined } from 'lodash-es';\nimport { Children, type ReactElement, type ReactNode } from 'react';\n\nimport { Intent, IntentProps } from '../../../../core/slots/Intent/Intent.js';\nimport { isSlot } from '../../../../core/utils/is-slot.js';\nimport { ColorRule } from '../../../core/slots/ColorRule.js';\nimport { Toolbar } from '../../shared/slots/Toolbar.js';\nimport {\n  handleColorRuleSlot,\n  handleIntentSlot,\n  handleLabelSlot,\n  handleMaxSlot,\n  handleMinSlot,\n  handleToolbarSlot,\n  handleValueSlot,\n} from '../../shared/utils/slot-handlers.js';\nimport { Label } from '../slots/Label.js';\nimport { Legend } from '../slots/Legend.js';\nimport { Max } from '../slots/Max.js';\nimport { Min } from '../slots/Min.js';\nimport { Segment } from '../slots/Segment.js';\nimport { Tooltip } from '../slots/Tooltip.js';\nimport { Value } from '../slots/Value.js';\nimport { MultiMeterBarChartSlots } from '../types/multi-meter-bar-chart-config.js';\nimport { MultiMeterBarSegmentProps } from '../types/multi-meter-bar-chart.js';\n\nfunction handleMultiMeterTooltipSlot(\n  child: ReactElement,\n  slots: MultiMeterBarChartSlots,\n): void {\n  const { variant, hidden, children } = child.props;\n  slots.tooltip = { hidden: hidden ?? false, variant, template: children };\n}\n\nexport function iterateSlots(children?: ReactNode) {\n  const slots: MultiMeterBarChartSlots = {\n    segments: [],\n    colorRules: [],\n    toolbar: { hidden: false },\n  };\n\n  let intents: IntentProps[] | undefined;\n  Children.forEach(children, (child) => {\n    if (isSlot(child, Label)) {\n      handleLabelSlot(child, slots);\n    } else if (isSlot(child, Value)) {\n      handleValueSlot(child, slots);\n    } else if (isSlot(child, Min)) {\n      handleMinSlot(child, slots);\n    } else if (isSlot(child, Max)) {\n      handleMaxSlot(child, slots);\n    } else if (isSlot(child, Segment)) {\n      const { value, color, name, valueAccessor } = child.props;\n      const segment = valueAccessor\n        ? { value, color, name, valueAccessor }\n        : { value, color, name };\n      slots.segments = [\n        ...slots.segments,\n        segment as MultiMeterBarSegmentProps,\n      ];\n    } else if (isSlot(child, Legend)) {\n      slots.legend = !(child.props.hidden ?? false);\n    } else if (isSlot(child, Tooltip)) {\n      handleMultiMeterTooltipSlot(child, slots);\n    } else if (isSlot(child, ColorRule)) {\n      handleColorRuleSlot(child, slots);\n    } else if (isSlot(child, Intent)) {\n      intents = handleIntentSlot(child, intents);\n    } else if (isSlot(child, Toolbar)) {\n      handleToolbarSlot(child, slots);\n    }\n  });\n\n  if (!isUndefined(intents) && slots.toolbar) {\n    slots.toolbar.intents = intents;\n  }\n\n  return slots;\n}\n"],
+  "mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,gBAAmD;AAE5D,SAAS,cAA2B;AACpC,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,WAAW;AACpB,SAAS,WAAW;AACpB,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,aAAa;AAItB,SAAS,4BACP,OACA,OACM;AACN,QAAM,EAAE,SAAS,QAAQ,SAAS,IAAI,MAAM;AAC5C,QAAM,UAAU,EAAE,QAAQ,UAAU,OAAO,SAAS,UAAU,SAAS;AACzE;AAEO,SAAS,aAAa,UAAsB;AACjD,QAAM,QAAiC;AAAA,IACrC,UAAU,CAAC;AAAA,IACX,YAAY,CAAC;AAAA,IACb,SAAS,EAAE,QAAQ,MAAM;AAAA,EAC3B;AAEA,MAAI;AACJ,WAAS,QAAQ,UAAU,CAAC,UAAU;AACpC,QAAI,OAAO,OAAO,KAAK,GAAG;AACxB,sBAAgB,OAAO,KAAK;AAAA,IAC9B,WAAW,OAAO,OAAO,KAAK,GAAG;AAC/B,sBAAgB,OAAO,KAAK;AAAA,IAC9B,WAAW,OAAO,OAAO,GAAG,GAAG;AAC7B,oBAAc,OAAO,KAAK;AAAA,IAC5B,WAAW,OAAO,OAAO,GAAG,GAAG;AAC7B,oBAAc,OAAO,KAAK;AAAA,IAC5B,WAAW,OAAO,OAAO,OAAO,GAAG;AACjC,YAAM,EAAE,OAAO,OAAO,MAAM,cAAc,IAAI,MAAM;AACpD,YAAM,UAAU,gBACZ,EAAE,OAAO,OAAO,MAAM,cAAc,IACpC,EAAE,OAAO,OAAO,KAAK;AACzB,YAAM,WAAW;AAAA,QACf,GAAG,MAAM;AAAA,QACT;AAAA,MACF;AAAA,IACF,WAAW,OAAO,OAAO,MAAM,GAAG;AAChC,YAAM,SAAS,EAAE,MAAM,MAAM,UAAU;AAAA,IACzC,WAAW,OAAO,OAAO,OAAO,GAAG;AACjC,kCAA4B,OAAO,KAAK;AAAA,IAC1C,WAAW,OAAO,OAAO,SAAS,GAAG;AACnC,0BAAoB,OAAO,KAAK;AAAA,IAClC,WAAW,OAAO,OAAO,MAAM,GAAG;AAChC,gBAAU,iBAAiB,OAAO,OAAO;AAAA,IAC3C,WAAW,OAAO,OAAO,OAAO,GAAG;AACjC,wBAAkB,OAAO,KAAK;AAAA,IAChC;AAAA,EACF,CAAC;AAED,MAAI,CAAC,YAAY,OAAO,KAAK,MAAM,SAAS;AAC1C,UAAM,QAAQ,UAAU;AAAA,EAC1B;AAEA,SAAO;AACT;",
   "names": []
 }

package/esm/charts/meter-bar/shared/components/meter-bar-layout/MeterBarLayout.css

@@ -1,68 +1,68 @@
-._1m3udw10-3-5-2 {
+._1m3udw10-3-6-0 {
   display: flex;
   justify-content: center;
   grid-area: value;
   align-self: self-end;
   justify-self: end;
 }
-._1m3udw11-3-5-2 {
+._1m3udw11-3-6-0 {
   margin-bottom: var(--dt-spacings-size-2, 2px);
   align-items: center;
   height: 20px;
 }
-._1m3udw12-3-5-2 {
+._1m3udw12-3-6-0 {
   margin-bottom: var(--dt-spacings-size-4, 4px);
   align-items: end;
   height: 100%;
 }
-._1m3udw13-3-5-2 {
+._1m3udw13-3-6-0 {
   min-width: 0;
   transition: margin-right var(--dt-animations-move-duration-fast, 150ms) var(--dt-animations-move-easing, cubic-bezier(0.4, 0, 0.2, 1));
 }
-._1m3udw14-3-5-2 {
+._1m3udw14-3-6-0 {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   transition: all var(--dt-animations-move-duration-fast, 150ms) var(--dt-animations-move-easing, cubic-bezier(0.4, 0, 0.2, 1));
 }
-._1m3udw15-3-5-2 {
+._1m3udw15-3-6-0 {
   margin-top: var(--dt-spacings-size-4, 4px);
   grid-area: min;
   align-self: center;
 }
-._1m3udw16-3-5-2 {
+._1m3udw16-3-6-0 {
   margin-top: var(--dt-spacings-size-4, 4px);
   grid-area: max;
   align-self: center;
   justify-self: end;
 }
-._1m3udw17-3-5-2 {
+._1m3udw17-3-6-0 {
   grid-area: legend;
   margin: var(--dt-spacings-size-4, 4px) 0 var(--dt-spacings-size-4, 4px);
 }
-._1m3udw18-3-5-2 {
+._1m3udw18-3-6-0 {
   gap: var(--dt-spacings-size-4, 4px);
   margin-bottom: var(--dt-spacings-size-2, 2px);
   grid-area: label;
 }
-._1m3udw19-3-5-2 {
+._1m3udw19-3-6-0 {
   grid-area: chart;
 }
-._1m3udw1a-3-5-2 {
+._1m3udw1a-3-6-0 {
   width: 100%;
 }
-._1m3udw1b-3-5-2 {
+._1m3udw1b-3-6-0 {
   height: 100%;
 }
-._1m3udw1c-3-5-2 {
+._1m3udw1c-3-6-0 {
   height: fit-content;
 }
-._1m3udw1d-3-5-2 {
+._1m3udw1d-3-6-0 {
   position: relative;
   display: block;
   cursor: default;
   user-select: none;
 }
-._1m3udw1e-3-5-2 {
+._1m3udw1e-3-6-0 {
   overflow: hidden;
 }

package/esm/charts/meter-bar/shared/components/meter-bar-layout/MeterBarLayout.sty.js

@@ -1,15 +1,15 @@
 import "./MeterBarLayout.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var chartContainer = "_1m3udw19-3-5-2";
-var container = _7a468({ defaultClassName: "_1m3udw1a-3-5-2", variantClassNames: { autoSize: { true: "_1m3udw1b-3-5-2", false: "_1m3udw1c-3-5-2" }, showLoading: { true: "_1m3udw1d-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
-var containerWrapper = "_1m3udw1e-3-5-2";
-var labelContainer = "_1m3udw18-3-5-2";
-var legendContainer = "_1m3udw17-3-5-2";
-var maxContainer = "_1m3udw16-3-5-2";
-var minContainer = "_1m3udw15-3-5-2";
-var toolbarAnimatedContainer = "_1m3udw14-3-5-2";
-var valueAnimatedContainer = "_1m3udw13-3-5-2";
-var valueContainer = _7a468({ defaultClassName: "_1m3udw10-3-5-2", variantClassNames: { inline: { true: "_1m3udw11-3-5-2", false: "_1m3udw12-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
+var chartContainer = "_1m3udw19-3-6-0";
+var container = _7a468({ defaultClassName: "_1m3udw1a-3-6-0", variantClassNames: { autoSize: { true: "_1m3udw1b-3-6-0", false: "_1m3udw1c-3-6-0" }, showLoading: { true: "_1m3udw1d-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });
+var containerWrapper = "_1m3udw1e-3-6-0";
+var labelContainer = "_1m3udw18-3-6-0";
+var legendContainer = "_1m3udw17-3-6-0";
+var maxContainer = "_1m3udw16-3-6-0";
+var minContainer = "_1m3udw15-3-6-0";
+var toolbarAnimatedContainer = "_1m3udw14-3-6-0";
+var valueAnimatedContainer = "_1m3udw13-3-6-0";
+var valueContainer = _7a468({ defaultClassName: "_1m3udw10-3-6-0", variantClassNames: { inline: { true: "_1m3udw11-3-6-0", false: "_1m3udw12-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   chartContainer,
   container,

package/esm/charts/meter-bar/shared/components/meter-bar-layout/MeterBarLayout.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/meter-bar/shared/components/meter-bar-layout/MeterBarLayout.css.ts"],
-  "sourcesContent": ["import './MeterBarLayout.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var chartContainer = '_1m3udw19-3-5-2';\nexport var container = _7a468({defaultClassName:'_1m3udw1a-3-5-2',variantClassNames:{autoSize:{true:'_1m3udw1b-3-5-2',false:'_1m3udw1c-3-5-2'},showLoading:{true:'_1m3udw1d-3-5-2'}},defaultVariants:{},compoundVariants:[]});\nexport var containerWrapper = '_1m3udw1e-3-5-2';\nexport var labelContainer = '_1m3udw18-3-5-2';\nexport var legendContainer = '_1m3udw17-3-5-2';\nexport var maxContainer = '_1m3udw16-3-5-2';\nexport var minContainer = '_1m3udw15-3-5-2';\nexport var toolbarAnimatedContainer = '_1m3udw14-3-5-2';\nexport var valueAnimatedContainer = '_1m3udw13-3-5-2';\nexport var valueContainer = _7a468({defaultClassName:'_1m3udw10-3-5-2',variantClassNames:{inline:{true:'_1m3udw11-3-5-2',false:'_1m3udw12-3-5-2'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './MeterBarLayout.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var chartContainer = '_1m3udw19-3-6-0';\nexport var container = _7a468({defaultClassName:'_1m3udw1a-3-6-0',variantClassNames:{autoSize:{true:'_1m3udw1b-3-6-0',false:'_1m3udw1c-3-6-0'},showLoading:{true:'_1m3udw1d-3-6-0'}},defaultVariants:{},compoundVariants:[]});\nexport var containerWrapper = '_1m3udw1e-3-6-0';\nexport var labelContainer = '_1m3udw18-3-6-0';\nexport var legendContainer = '_1m3udw17-3-6-0';\nexport var maxContainer = '_1m3udw16-3-6-0';\nexport var minContainer = '_1m3udw15-3-6-0';\nexport var toolbarAnimatedContainer = '_1m3udw14-3-6-0';\nexport var valueAnimatedContainer = '_1m3udw13-3-6-0';\nexport var valueContainer = _7a468({defaultClassName:'_1m3udw10-3-6-0',variantClassNames:{inline:{true:'_1m3udw11-3-6-0',false:'_1m3udw12-3-6-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,iBAAiB;AACrB,IAAI,YAAY,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,UAAS,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,aAAY,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACrN,IAAI,mBAAmB;AACvB,IAAI,iBAAiB;AACrB,IAAI,kBAAkB;AACtB,IAAI,eAAe;AACnB,IAAI,eAAe;AACnB,IAAI,2BAA2B;AAC/B,IAAI,yBAAyB;AAC7B,IAAI,iBAAiB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,QAAO,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/meter-bar/shared/components/meter-bar-layout/slots/Icon/Icon.css

@@ -1,9 +1,9 @@
-._18riimf0-3-5-2 {
+._18riimf0-3-6-0 {
   width: 20px;
   height: 20px;
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._18riimf0-3-5-2 > svg {
+._18riimf0-3-6-0 > svg {
   width: 100%;
   height: 100%;
 }

package/esm/charts/meter-bar/shared/components/meter-bar-layout/slots/Icon/Icon.sty.js

@@ -1,5 +1,5 @@
 import "./Icon.css";
-var container = "_18riimf0-3-5-2";
+var container = "_18riimf0-3-6-0";
 export {
   container
 };

package/esm/charts/meter-bar/shared/components/meter-bar-layout/slots/Icon/Icon.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/meter-bar/shared/components/meter-bar-layout/slots/Icon/Icon.css.ts"],
-  "sourcesContent": ["import './Icon.css';\nexport var container = '_18riimf0-3-5-2';"],
+  "sourcesContent": ["import './Icon.css';\nexport var container = '_18riimf0-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/meter-bar/shared/components/meter-bar-layout/slots/Label/Label.css

@@ -1,4 +1,4 @@
-._bh277f0-3-5-2 {
+._bh277f0-3-6-0 {
   font-family: var(--dt-typography-text-base-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-base-emphasized-size, 14px);
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);

package/esm/charts/meter-bar/shared/components/meter-bar-layout/slots/Label/Label.sty.js

@@ -1,5 +1,5 @@
 import "./Label.css";
-var labelStyle = "_bh277f0-3-5-2";
+var labelStyle = "_bh277f0-3-6-0";
 export {
   labelStyle
 };

package/esm/charts/meter-bar/shared/components/meter-bar-layout/slots/Label/Label.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/meter-bar/shared/components/meter-bar-layout/slots/Label/Label.css.ts"],
-  "sourcesContent": ["import './Label.css';\nexport var labelStyle = '_bh277f0-3-5-2';"],
+  "sourcesContent": ["import './Label.css';\nexport var labelStyle = '_bh277f0-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,aAAa;",
   "names": []
 }

package/esm/charts/meter-bar/shared/components/meter-bar-layout/slots/Max/Max.css

@@ -1,4 +1,4 @@
-._xxg5xc0-3-5-2 {
+._xxg5xc0-3-6-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-default-size, 12px);

package/esm/charts/meter-bar/shared/components/meter-bar-layout/slots/Max/Max.sty.js

@@ -1,5 +1,5 @@
 import "./Max.css";
-var maxValue = "_xxg5xc0-3-5-2";
+var maxValue = "_xxg5xc0-3-6-0";
 export {
   maxValue
 };

package/esm/charts/meter-bar/shared/components/meter-bar-layout/slots/Max/Max.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/meter-bar/shared/components/meter-bar-layout/slots/Max/Max.css.ts"],
-  "sourcesContent": ["import './Max.css';\nexport var maxValue = '_xxg5xc0-3-5-2';"],
+  "sourcesContent": ["import './Max.css';\nexport var maxValue = '_xxg5xc0-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;",
   "names": []
 }

package/esm/charts/meter-bar/shared/components/meter-bar-layout/slots/Min/Min.css

@@ -1,4 +1,4 @@
-._16mgjbd0-3-5-2 {
+._16mgjbd0-3-6-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-default-size, 12px);

package/esm/charts/meter-bar/shared/components/meter-bar-layout/slots/Min/Min.sty.js

@@ -1,5 +1,5 @@
 import "./Min.css";
-var minValue = "_16mgjbd0-3-5-2";
+var minValue = "_16mgjbd0-3-6-0";
 export {
   minValue
 };

package/esm/charts/meter-bar/shared/components/meter-bar-layout/slots/Min/Min.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/meter-bar/shared/components/meter-bar-layout/slots/Min/Min.css.ts"],
-  "sourcesContent": ["import './Min.css';\nexport var minValue = '_16mgjbd0-3-5-2';"],
+  "sourcesContent": ["import './Min.css';\nexport var minValue = '_16mgjbd0-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;",
   "names": []
 }

package/esm/charts/meter-bar/shared/components/meter-bar-layout/slots/Value/Value.css

@@ -1,4 +1,4 @@
-._1euwfb00-3-5-2 {
+._1euwfb00-3-6-0 {
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-default-size, 12px);
   font-weight: var(--dt-typography-text-small-default-weight, 400);

package/esm/charts/meter-bar/shared/components/meter-bar-layout/slots/Value/Value.sty.js

@@ -1,5 +1,5 @@
 import "./Value.css";
-var valueStyle = "_1euwfb00-3-5-2";
+var valueStyle = "_1euwfb00-3-6-0";
 export {
   valueStyle
 };

package/esm/charts/meter-bar/shared/components/meter-bar-layout/slots/Value/Value.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/meter-bar/shared/components/meter-bar-layout/slots/Value/Value.css.ts"],
-  "sourcesContent": ["import './Value.css';\nexport var valueStyle = '_1euwfb00-3-5-2';"],
+  "sourcesContent": ["import './Value.css';\nexport var valueStyle = '_1euwfb00-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,aAAa;",
   "names": []
 }

package/esm/charts/meter-bar/shared/components/meter-bar-plot/MeterBarPlot.css

@@ -1,4 +1,4 @@
-._12md1g60-3-5-2 {
+._12md1g60-3-6-0 {
   background-color: var(--dt-colors-theme-neutral-40, #dadbe4);
   width: 100%;
   display: block;

package/esm/charts/meter-bar/shared/components/meter-bar-plot/MeterBarPlot.sty.js

@@ -1,5 +1,5 @@
 import "./MeterBarPlot.css";
-var svgElement = "_12md1g60-3-5-2";
+var svgElement = "_12md1g60-3-6-0";
 export {
   svgElement
 };

package/esm/charts/meter-bar/shared/components/meter-bar-plot/MeterBarPlot.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/meter-bar/shared/components/meter-bar-plot/MeterBarPlot.css.ts"],
-  "sourcesContent": ["import './MeterBarPlot.css';\nexport var svgElement = '_12md1g60-3-5-2';"],
+  "sourcesContent": ["import './MeterBarPlot.css';\nexport var svgElement = '_12md1g60-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,aAAa;",
   "names": []
 }