@dynatrace/strato-components 3.5.0 → 3.6.0

package/esm/charts/meter-bar/shared/components/meter-bar-toolbar/MeterBarToolbar.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useBehavioralTrackingProps as _useBehavioralTrackingProps } from "../../../../../core/hooks/useBehavioralTrackingProps.js";
-import { useTooltipReducer } from "../../../../core/components/overlay-tooltip/useTooltipReducer.js";
+import { useTooltipActions } from "../../../../core/components/overlay-tooltip/useTooltipActions.js";
 import { ChartToolbarRenderer } from "../../../../core/components/toolbar/ChartToolbarRenderer.js";
 import { getA11yToolbarConfig } from "../../../../core/utils/zoom.js";
 import { useMeterBarToolbarConfig } from "../../context/MeterBarToolbarConfigContext.js";
@@ -10,7 +10,7 @@ const MeterBarChartToolbar = () => {
   const behaviorTrackingProps = _useBehavioralTrackingProps(
     toolbarConfig ?? {}
   )[0];
-  const dispatch = useTooltipReducer();
+  const { reset } = useTooltipActions();
   if (!isToolbarEnabled) {
     return null;
   }
@@ -31,7 +31,7 @@ const MeterBarChartToolbar = () => {
       overlayClassName: "",
       onToggleMenu: (isOpen) => {
         if (isOpen) {
-          dispatch({ type: "RESET_TOOLTIP" })();
+          reset();
         }
       },
       ...behaviorTrackingProps

package/esm/charts/meter-bar/shared/components/meter-bar-toolbar/MeterBarToolbar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/meter-bar/shared/components/meter-bar-toolbar/MeterBarToolbar.tsx"],
-  "sourcesContent": ["import { useBehavioralTrackingProps as _useBehavioralTrackingProps } from '../../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { useTooltipReducer } from '../../../../core/components/overlay-tooltip/useTooltipReducer.js';\nimport { ChartToolbarRenderer } from '../../../../core/components/toolbar/ChartToolbarRenderer.js';\nimport { getA11yToolbarConfig } from '../../../../core/utils/zoom.js';\nimport { useMeterBarToolbarConfig } from '../../context/MeterBarToolbarConfigContext.js';\n\nexport const MeterBarChartToolbar = () => {\n  const toolbarConfig = useMeterBarToolbarConfig();\n  const isToolbarEnabled =\n    !toolbarConfig?.hidden && !!toolbarConfig?.intents?.length;\n  const behaviorTrackingProps = _useBehavioralTrackingProps(\n    toolbarConfig ?? {},\n  )[0];\n  const dispatch = useTooltipReducer();\n\n  if (!isToolbarEnabled) {\n    return null;\n  }\n\n  return (\n    <ChartToolbarRenderer\n      visible={isToolbarEnabled}\n      placement={toolbarConfig.placement}\n      collapsed={toolbarConfig.collapsed}\n      draggable={false}\n      initialA11yState={getA11yToolbarConfig({\n        intent: !!toolbarConfig.intents,\n      })}\n      menuDisplayMode=\"never\"\n      intents={toolbarConfig.intents}\n      isDownloadEnabled={false}\n      toolbarDisplayMode=\"inline\"\n      overlayClassName=\"\"\n      onToggleMenu={(isOpen) => {\n        if (isOpen) {\n          dispatch({ type: 'RESET_TOOLTIP' })();\n        }\n      }}\n      {...behaviorTrackingProps}\n    />\n  );\n};\n\nMeterBarChartToolbar['displayName'] = 'MeterBarChartToolbar';\n"],
-  "mappings": "AAoBI;AApBJ,SAAS,8BAA8B,mCAAmC;AAC1E,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AACrC,SAAS,gCAAgC;AAElC,MAAM,uBAAuB,MAAM;AACxC,QAAM,gBAAgB,yBAAyB;AAC/C,QAAM,mBACJ,CAAC,eAAe,UAAU,CAAC,CAAC,eAAe,SAAS;AACtD,QAAM,wBAAwB;AAAA,IAC5B,iBAAiB,CAAC;AAAA,EACpB,EAAE,CAAC;AACH,QAAM,WAAW,kBAAkB;AAEnC,MAAI,CAAC,kBAAkB;AACrB,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,WAAW,cAAc;AAAA,MACzB,WAAW,cAAc;AAAA,MACzB,WAAW;AAAA,MACX,kBAAkB,qBAAqB;AAAA,QACrC,QAAQ,CAAC,CAAC,cAAc;AAAA,MAC1B,CAAC;AAAA,MACD,iBAAgB;AAAA,MAChB,SAAS,cAAc;AAAA,MACvB,mBAAmB;AAAA,MACnB,oBAAmB;AAAA,MACnB,kBAAiB;AAAA,MACjB,cAAc,CAAC,WAAW;AACxB,YAAI,QAAQ;AACV,mBAAS,EAAE,MAAM,gBAAgB,CAAC,EAAE;AAAA,QACtC;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,qBAAqB,aAAa,IAAI;",
+  "sourcesContent": ["import { useBehavioralTrackingProps as _useBehavioralTrackingProps } from '../../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { useTooltipActions } from '../../../../core/components/overlay-tooltip/useTooltipActions.js';\nimport { ChartToolbarRenderer } from '../../../../core/components/toolbar/ChartToolbarRenderer.js';\nimport { getA11yToolbarConfig } from '../../../../core/utils/zoom.js';\nimport { useMeterBarToolbarConfig } from '../../context/MeterBarToolbarConfigContext.js';\n\nexport const MeterBarChartToolbar = () => {\n  const toolbarConfig = useMeterBarToolbarConfig();\n  const isToolbarEnabled =\n    !toolbarConfig?.hidden && !!toolbarConfig?.intents?.length;\n  const behaviorTrackingProps = _useBehavioralTrackingProps(\n    toolbarConfig ?? {},\n  )[0];\n  const { reset } = useTooltipActions();\n\n  if (!isToolbarEnabled) {\n    return null;\n  }\n\n  return (\n    <ChartToolbarRenderer\n      visible={isToolbarEnabled}\n      placement={toolbarConfig.placement}\n      collapsed={toolbarConfig.collapsed}\n      draggable={false}\n      initialA11yState={getA11yToolbarConfig({\n        intent: !!toolbarConfig.intents,\n      })}\n      menuDisplayMode=\"never\"\n      intents={toolbarConfig.intents}\n      isDownloadEnabled={false}\n      toolbarDisplayMode=\"inline\"\n      overlayClassName=\"\"\n      onToggleMenu={(isOpen) => {\n        if (isOpen) {\n          reset();\n        }\n      }}\n      {...behaviorTrackingProps}\n    />\n  );\n};\n\nMeterBarChartToolbar['displayName'] = 'MeterBarChartToolbar';\n"],
+  "mappings": "AAoBI;AApBJ,SAAS,8BAA8B,mCAAmC;AAC1E,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AACrC,SAAS,gCAAgC;AAElC,MAAM,uBAAuB,MAAM;AACxC,QAAM,gBAAgB,yBAAyB;AAC/C,QAAM,mBACJ,CAAC,eAAe,UAAU,CAAC,CAAC,eAAe,SAAS;AACtD,QAAM,wBAAwB;AAAA,IAC5B,iBAAiB,CAAC;AAAA,EACpB,EAAE,CAAC;AACH,QAAM,EAAE,MAAM,IAAI,kBAAkB;AAEpC,MAAI,CAAC,kBAAkB;AACrB,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,WAAW,cAAc;AAAA,MACzB,WAAW,cAAc;AAAA,MACzB,WAAW;AAAA,MACX,kBAAkB,qBAAqB;AAAA,QACrC,QAAQ,CAAC,CAAC,cAAc;AAAA,MAC1B,CAAC;AAAA,MACD,iBAAgB;AAAA,MAChB,SAAS,cAAc;AAAA,MACvB,mBAAmB;AAAA,MACnB,oBAAmB;AAAA,MACnB,kBAAiB;AAAA,MACjB,cAAc,CAAC,WAAW;AACxB,YAAI,QAAQ;AACV,gBAAM;AAAA,QACR;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,qBAAqB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/meter-bar/shared/components/meter-bar-tooltip/MeterBarTooltipItem/MeterBarTooltipItem.css

@@ -1,4 +1,4 @@
-._r5xi4l0-3-5-0 {
+._r5xi4l0-3-6-0 {
   min-width: unset;
   border-radius: var(--dt-borders-radius-field-default, 6px);
   padding: 0 var(--dt-spacings-size-4, 4px);

package/esm/charts/meter-bar/shared/components/meter-bar-tooltip/MeterBarTooltipItem/MeterBarTooltipItem.sty.js

@@ -1,5 +1,5 @@
 import "./MeterBarTooltipItem.css";
-var valueContent = "_r5xi4l0-3-5-0";
+var valueContent = "_r5xi4l0-3-6-0";
 export {
   valueContent
 };

package/esm/charts/meter-bar/shared/components/meter-bar-tooltip/MeterBarTooltipItem/MeterBarTooltipItem.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/meter-bar/shared/components/meter-bar-tooltip/MeterBarTooltipItem/MeterBarTooltipItem.css.ts"],
-  "sourcesContent": ["import './MeterBarTooltipItem.css';\nexport var valueContent = '_r5xi4l0-3-5-0';"],
+  "sourcesContent": ["import './MeterBarTooltipItem.css';\nexport var valueContent = '_r5xi4l0-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,eAAe;",
   "names": []
 }

package/esm/charts/meter-bar/shared/styles/element-size.css

@@ -1,12 +1,12 @@
-._1ckoljy1-3-5-0 {
+._1ckoljy1-3-6-0 {
   height: 100%;
 }
-._1ckoljy2-3-5-0 {
+._1ckoljy2-3-6-0 {
   height: 16px;
 }
-._1ckoljy3-3-5-0 {
+._1ckoljy3-3-6-0 {
   height: 24px;
 }
-._1ckoljy4-3-5-0 {
+._1ckoljy4-3-6-0 {
   height: 8px;
 }

package/esm/charts/meter-bar/shared/styles/element-size.sty.js

@@ -1,6 +1,6 @@
 import "./element-size.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var elementSize = _7a468({ defaultClassName: "_1ckoljy0-3-5-0", variantClassNames: { size: { auto: "_1ckoljy1-3-5-0", size16: "_1ckoljy2-3-5-0", size24: "_1ckoljy3-3-5-0", size8: "_1ckoljy4-3-5-0" } }, defaultVariants: { size: "size16" }, compoundVariants: [] });
+var elementSize = _7a468({ defaultClassName: "_1ckoljy0-3-6-0", variantClassNames: { size: { auto: "_1ckoljy1-3-6-0", size16: "_1ckoljy2-3-6-0", size24: "_1ckoljy3-3-6-0", size8: "_1ckoljy4-3-6-0" } }, defaultVariants: { size: "size16" }, compoundVariants: [] });
 export {
   elementSize
 };

package/esm/charts/meter-bar/shared/styles/element-size.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/meter-bar/shared/styles/element-size.css.ts"],
-  "sourcesContent": ["import './element-size.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var elementSize = _7a468({defaultClassName:'_1ckoljy0-3-5-0',variantClassNames:{size:{auto:'_1ckoljy1-3-5-0',size16:'_1ckoljy2-3-5-0',size24:'_1ckoljy3-3-5-0',size8:'_1ckoljy4-3-5-0'}},defaultVariants:{size:'size16'},compoundVariants:[]});"],
+  "sourcesContent": ["import './element-size.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var elementSize = _7a468({defaultClassName:'_1ckoljy0-3-6-0',variantClassNames:{size:{auto:'_1ckoljy1-3-6-0',size16:'_1ckoljy2-3-6-0',size24:'_1ckoljy3-3-6-0',size8:'_1ckoljy4-3-6-0'}},defaultVariants:{size:'size16'},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,cAAc,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,MAAK,EAAC,MAAK,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,MAAK,SAAQ,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/meter-bar/shared/styles.css

@@ -1,4 +1,4 @@
-._16sdwow0-3-5-0 {
+._16sdwow0-3-6-0 {
   position: relative;
   z-index: 1;
 }

package/esm/charts/meter-bar/shared/styles.sty.js

@@ -1,6 +1,6 @@
 import "./styles.css";
 var consumerLoadingStyle = { position: "absolute", top: 0, width: "100%", height: "100%", zIndex: 1, pointerEvents: "none", backgroundColor: "var(--dt-colors-background-base-default, #f9f9fa)", opacity: 0.4 };
-var container = "_16sdwow0-3-5-0";
+var container = "_16sdwow0-3-6-0";
 export {
   consumerLoadingStyle,
   container

package/esm/charts/meter-bar/shared/styles.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/meter-bar/shared/styles.css.ts"],
-  "sourcesContent": ["import './styles.css';\nexport var consumerLoadingStyle = {position:'absolute',top:0,width:'100%',height:'100%',zIndex:1,pointerEvents:'none',backgroundColor:'var(--dt-colors-background-base-default, #f9f9fa)',opacity:0.4};\nexport var container = '_16sdwow0-3-5-0';"],
+  "sourcesContent": ["import './styles.css';\nexport var consumerLoadingStyle = {position:'absolute',top:0,width:'100%',height:'100%',zIndex:1,pointerEvents:'none',backgroundColor:'var(--dt-colors-background-base-default, #f9f9fa)',opacity:0.4};\nexport var container = '_16sdwow0-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,uBAAuB,EAAC,UAAS,YAAW,KAAI,GAAE,OAAM,QAAO,QAAO,QAAO,QAAO,GAAE,eAAc,QAAO,iBAAgB,qDAAoD,SAAQ,IAAG;AAC9L,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/meter-bar/shared/utils/slot-handlers.js

@@ -22,14 +22,6 @@ function handleMaxSlot(child, slots) {
     auto: isUndefined(child.props.children)
   };
 }
-function handleMultiMeterTooltipSlot(child, slots) {
-  const { variant } = child.props;
-  slots.tooltip = { enabled: true, variant };
-}
-function handleTooltipSlot(child, slots) {
-  const { name } = child.props;
-  slots.tooltip = { name };
-}
 function handleColorRuleSlot(child, slots) {
   const colorRule = child.props;
   if (isValidColorRule(colorRule)) {
@@ -53,9 +45,7 @@ export {
   handleLabelSlot,
   handleMaxSlot,
   handleMinSlot,
-  handleMultiMeterTooltipSlot,
   handleToolbarSlot,
-  handleTooltipSlot,
   handleValueSlot
 };
 //# sourceMappingURL=slot-handlers.js.map

package/esm/charts/meter-bar/shared/utils/slot-handlers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/meter-bar/shared/utils/slot-handlers.ts"],
-  "sourcesContent": ["import { isUndefined } from 'lodash-es';\nimport { ReactElement } from 'react';\n\nimport type { IntentProps } from '../../../../core/slots/Intent/Intent.js';\nimport { isValidColorRule } from '../../../core/slots/ColorRule.js';\nimport { extractBehaviorTrackingProps } from '../../../core/utils/extract-behavior-tracking-props.js';\nimport { MultiMeterBarChartSlots } from '../../multi-meter-bar/types/multi-meter-bar-chart-config.js';\nimport { MeterBarChartSlots } from '../../single-meter-bar/types/meter-bar-chart-config.js';\n\nexport function handleLabelSlot(\n  child: ReactElement,\n  slots: MeterBarChartSlots | MultiMeterBarChartSlots,\n): void {\n  slots.label = child.props.children;\n}\n\nexport function handleValueSlot(\n  child: ReactElement,\n  slots: MeterBarChartSlots | MultiMeterBarChartSlots,\n): void {\n  slots.value = {\n    value: child.props.children,\n    auto: isUndefined(child.props.children),\n  };\n}\n\nexport function handleMinSlot(\n  child: ReactElement,\n  slots: MeterBarChartSlots | MultiMeterBarChartSlots,\n): void {\n  slots.min = {\n    value: child.props.children,\n    auto: isUndefined(child.props.children),\n  };\n}\n\nexport function handleMaxSlot(\n  child: ReactElement,\n  slots: MeterBarChartSlots | MultiMeterBarChartSlots,\n): void {\n  slots.max = {\n    value: child.props.children,\n    auto: isUndefined(child.props.children),\n  };\n}\n\nexport function handleMultiMeterTooltipSlot(\n  child: ReactElement,\n  slots: MultiMeterBarChartSlots,\n): void {\n  const { variant } = child.props;\n  slots.tooltip = { enabled: true, variant };\n}\n\nexport function handleTooltipSlot(\n  child: ReactElement,\n  slots: MeterBarChartSlots,\n): void {\n  const { name } = child.props;\n  slots.tooltip = { name };\n}\n\nexport function handleColorRuleSlot(\n  child: ReactElement,\n  slots: MeterBarChartSlots | MultiMeterBarChartSlots,\n): void {\n  const colorRule = child.props;\n  if (isValidColorRule(colorRule)) {\n    slots.colorRules.push(colorRule);\n  }\n}\n\nexport function handleIntentSlot(\n  child: ReactElement,\n  intents: IntentProps[] | undefined,\n): IntentProps[] {\n  return intents ? [...intents, child.props] : [child.props];\n}\n\nexport function handleToolbarSlot(\n  child: ReactElement,\n  slots: MeterBarChartSlots | MultiMeterBarChartSlots,\n): void {\n  if (slots.toolbar && 'hidden' in child.props) {\n    slots.toolbar.hidden = child.props.hidden;\n  }\n  if (slots.toolbar) {\n    Object.assign(slots.toolbar, extractBehaviorTrackingProps(child.props));\n  }\n}\n"],
-  "mappings": "AAAA,SAAS,mBAAmB;AAI5B,SAAS,wBAAwB;AACjC,SAAS,oCAAoC;AAItC,SAAS,gBACd,OACA,OACM;AACN,QAAM,QAAQ,MAAM,MAAM;AAC5B;AAEO,SAAS,gBACd,OACA,OACM;AACN,QAAM,QAAQ;AAAA,IACZ,OAAO,MAAM,MAAM;AAAA,IACnB,MAAM,YAAY,MAAM,MAAM,QAAQ;AAAA,EACxC;AACF;AAEO,SAAS,cACd,OACA,OACM;AACN,QAAM,MAAM;AAAA,IACV,OAAO,MAAM,MAAM;AAAA,IACnB,MAAM,YAAY,MAAM,MAAM,QAAQ;AAAA,EACxC;AACF;AAEO,SAAS,cACd,OACA,OACM;AACN,QAAM,MAAM;AAAA,IACV,OAAO,MAAM,MAAM;AAAA,IACnB,MAAM,YAAY,MAAM,MAAM,QAAQ;AAAA,EACxC;AACF;AAEO,SAAS,4BACd,OACA,OACM;AACN,QAAM,EAAE,QAAQ,IAAI,MAAM;AAC1B,QAAM,UAAU,EAAE,SAAS,MAAM,QAAQ;AAC3C;AAEO,SAAS,kBACd,OACA,OACM;AACN,QAAM,EAAE,KAAK,IAAI,MAAM;AACvB,QAAM,UAAU,EAAE,KAAK;AACzB;AAEO,SAAS,oBACd,OACA,OACM;AACN,QAAM,YAAY,MAAM;AACxB,MAAI,iBAAiB,SAAS,GAAG;AAC/B,UAAM,WAAW,KAAK,SAAS;AAAA,EACjC;AACF;AAEO,SAAS,iBACd,OACA,SACe;AACf,SAAO,UAAU,CAAC,GAAG,SAAS,MAAM,KAAK,IAAI,CAAC,MAAM,KAAK;AAC3D;AAEO,SAAS,kBACd,OACA,OACM;AACN,MAAI,MAAM,WAAW,YAAY,MAAM,OAAO;AAC5C,UAAM,QAAQ,SAAS,MAAM,MAAM;AAAA,EACrC;AACA,MAAI,MAAM,SAAS;AACjB,WAAO,OAAO,MAAM,SAAS,6BAA6B,MAAM,KAAK,CAAC;AAAA,EACxE;AACF;",
+  "sourcesContent": ["import { isUndefined } from 'lodash-es';\nimport { ReactElement } from 'react';\n\nimport type { IntentProps } from '../../../../core/slots/Intent/Intent.js';\nimport { isValidColorRule } from '../../../core/slots/ColorRule.js';\nimport { extractBehaviorTrackingProps } from '../../../core/utils/extract-behavior-tracking-props.js';\nimport { MultiMeterBarChartSlots } from '../../multi-meter-bar/types/multi-meter-bar-chart-config.js';\nimport { MeterBarChartSlots } from '../../single-meter-bar/types/meter-bar-chart-config.js';\n\nexport function handleLabelSlot(\n  child: ReactElement,\n  slots: MeterBarChartSlots | MultiMeterBarChartSlots,\n): void {\n  slots.label = child.props.children;\n}\n\nexport function handleValueSlot(\n  child: ReactElement,\n  slots: MeterBarChartSlots | MultiMeterBarChartSlots,\n): void {\n  slots.value = {\n    value: child.props.children,\n    auto: isUndefined(child.props.children),\n  };\n}\n\nexport function handleMinSlot(\n  child: ReactElement,\n  slots: MeterBarChartSlots | MultiMeterBarChartSlots,\n): void {\n  slots.min = {\n    value: child.props.children,\n    auto: isUndefined(child.props.children),\n  };\n}\n\nexport function handleMaxSlot(\n  child: ReactElement,\n  slots: MeterBarChartSlots | MultiMeterBarChartSlots,\n): void {\n  slots.max = {\n    value: child.props.children,\n    auto: isUndefined(child.props.children),\n  };\n}\n\nexport function handleColorRuleSlot(\n  child: ReactElement,\n  slots: MeterBarChartSlots | MultiMeterBarChartSlots,\n): void {\n  const colorRule = child.props;\n  if (isValidColorRule(colorRule)) {\n    slots.colorRules.push(colorRule);\n  }\n}\n\nexport function handleIntentSlot(\n  child: ReactElement,\n  intents: IntentProps[] | undefined,\n): IntentProps[] {\n  return intents ? [...intents, child.props] : [child.props];\n}\n\nexport function handleToolbarSlot(\n  child: ReactElement,\n  slots: MeterBarChartSlots | MultiMeterBarChartSlots,\n): void {\n  if (slots.toolbar && 'hidden' in child.props) {\n    slots.toolbar.hidden = child.props.hidden;\n  }\n  if (slots.toolbar) {\n    Object.assign(slots.toolbar, extractBehaviorTrackingProps(child.props));\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,mBAAmB;AAI5B,SAAS,wBAAwB;AACjC,SAAS,oCAAoC;AAItC,SAAS,gBACd,OACA,OACM;AACN,QAAM,QAAQ,MAAM,MAAM;AAC5B;AAEO,SAAS,gBACd,OACA,OACM;AACN,QAAM,QAAQ;AAAA,IACZ,OAAO,MAAM,MAAM;AAAA,IACnB,MAAM,YAAY,MAAM,MAAM,QAAQ;AAAA,EACxC;AACF;AAEO,SAAS,cACd,OACA,OACM;AACN,QAAM,MAAM;AAAA,IACV,OAAO,MAAM,MAAM;AAAA,IACnB,MAAM,YAAY,MAAM,MAAM,QAAQ;AAAA,EACxC;AACF;AAEO,SAAS,cACd,OACA,OACM;AACN,QAAM,MAAM;AAAA,IACV,OAAO,MAAM,MAAM;AAAA,IACnB,MAAM,YAAY,MAAM,MAAM,QAAQ;AAAA,EACxC;AACF;AAEO,SAAS,oBACd,OACA,OACM;AACN,QAAM,YAAY,MAAM;AACxB,MAAI,iBAAiB,SAAS,GAAG;AAC/B,UAAM,WAAW,KAAK,SAAS;AAAA,EACjC;AACF;AAEO,SAAS,iBACd,OACA,SACe;AACf,SAAO,UAAU,CAAC,GAAG,SAAS,MAAM,KAAK,IAAI,CAAC,MAAM,KAAK;AAC3D;AAEO,SAAS,kBACd,OACA,OACM;AACN,MAAI,MAAM,WAAW,YAAY,MAAM,OAAO;AAC5C,UAAM,QAAQ,SAAS,MAAM,MAAM;AAAA,EACrC;AACA,MAAI,MAAM,SAAS;AACjB,WAAO,OAAO,MAAM,SAAS,6BAA6B,MAAM,KAAK,CAAC;AAAA,EACxE;AACF;",
   "names": []
 }

package/esm/charts/meter-bar/single-meter-bar/MeterBarChart.js

@@ -68,7 +68,7 @@ const MeterBarChartRoot = forwardRef((props, forwardedRef) => {
     max,
     formatter,
     unit,
-    tooltip: Boolean(tooltip),
+    tooltip: !tooltip.hidden,
     loading
   };
   const displayValue = getNumericValue(

package/esm/charts/meter-bar/single-meter-bar/MeterBarChart.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/meter-bar/single-meter-bar/MeterBarChart.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { forwardRef, type PropsWithChildren, useRef } from 'react';\n\nimport { MeterBarChartPlotArea } from './components/MeterBarChartPlotArea.js';\nimport { MeterBarChartThresholdLegend } from './components/MeterBarChartThresholdLegend/MeterBarChartThresholdLegend.js';\nimport { METER_BAR_CHART_ARIA_LABEL } from './constants.js';\nimport { useMeterBarChartConfig } from './hooks/useMeterBarChartConfig.js';\nimport { MeterBarChartInternalDataProviders } from './providers/MeterBarChartInternalDataProviders.js';\nimport { MeterBarChartProviders } from './providers/MeterBarChartProviders.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 { ThresholdIndicator } from './slots/ThresholdIndicator.js';\nimport { ThresholdLegend } from './slots/ThresholdLegend.js';\nimport { Tooltip } from './slots/Tooltip.js';\nimport { Value } from './slots/Value.js';\nimport type { MeterBarChartConsumerConfig } from './types/meter-bar-chart-config.js';\nimport { type MeterBarChartProps } from './types/meter-bar-chart.js';\nimport { useBehavioralTrackingProps } from '../../../core/hooks/useBehavioralTrackingProps.js';\nimport { Intent } from '../../../core/slots/Intent/Intent.js';\nimport { defaultChartSize } from '../../../core/styles/defaultChartValues.sty.js';\nimport { DEFAULT_VALUE_ACCESSOR } from '../../core/constants.js';\nimport { ColorRule } from '../../core/slots/ColorRule.js';\nimport { ChartType } from '../../core/types/chart-types.js';\nimport type { ComponentWithName } from '../../core/types/component-with-name.js';\nimport { MeterBarChartFormattedValue } from '../shared/components/formatted-value/MeterBarChartFormattedValue.js';\nimport { MeterBarLayout } from '../shared/components/meter-bar-layout/MeterBarLayout.js';\nimport { Toolbar } from '../shared/slots/Toolbar.js';\nimport type { MeterBarChartElementRef } from '../shared/types/meter-bars.js';\nimport { getNumericValue } from '../shared/utils/get-numeric-value.js';\n\nconst COMPONENT_NAME = 'SingleMeterBarChart';\n/**\n * Single meter bar chart component */\nconst MeterBarChartRoot = forwardRef<\n  MeterBarChartElementRef,\n  PropsWithChildren<MeterBarChartProps>\n>((props, forwardedRef) => {\n  const {\n    width,\n    height,\n    value,\n    name,\n    color,\n    className,\n    style,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-testid': dataTestId = 'single-meter-bar-chart-root',\n    prefixIcon,\n    valueAccessor,\n  } = props;\n\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(props);\n\n  const config = useMeterBarChartConfig(props);\n  const {\n    size,\n    thresholds,\n    thresholdsIndicators,\n    loading,\n    min,\n    max,\n    minSlot,\n    maxSlot,\n    valueSlot,\n    labelSlot,\n    tooltip,\n    formatter,\n    unit,\n  } = config;\n\n  const meterBarChartRef = useRef<HTMLDivElement>(null);\n\n  const hasLegend = thresholds.legend ?? thresholdsIndicators.legend;\n\n  const consumerConfig: MeterBarChartConsumerConfig & {\n    type: ChartType.SingleMeterBar;\n  } = {\n    type: ChartType.SingleMeterBar,\n    thresholdsIndicators,\n    size,\n    min,\n    max,\n    formatter,\n    unit,\n    tooltip: Boolean(tooltip),\n    loading,\n  };\n\n  const displayValue = getNumericValue(\n    value,\n    valueAccessor ?? DEFAULT_VALUE_ACCESSOR,\n  );\n  const internalDataProvidersProps = {\n    value,\n    displayValue,\n    valueAccessor,\n    name,\n    color,\n  };\n\n  return (\n    <MeterBarChartProviders config={config} seriesActions={props.seriesActions}>\n      <MeterBarLayout\n        {...behavioralTrackingProps}\n        ref={meterBarChartRef}\n        size={size}\n        width={width}\n        height={height}\n        className={clsx(defaultChartSize, className)}\n        style={style}\n        data-dtrum-mask={dataDtrumMask}\n        data-dtrum-allow={dataDtrumAllow}\n        data-testid={dataTestId}\n        data-dt-component={COMPONENT_NAME}\n        aria-label={METER_BAR_CHART_ARIA_LABEL}\n        consumerConfig={consumerConfig}\n        userRef={forwardedRef}\n      >\n        <MeterBarLayout.Providers\n          providerName={MeterBarChartInternalDataProviders}\n          providerProps={internalDataProvidersProps}\n        />\n\n        {prefixIcon && <MeterBarLayout.Icon>{prefixIcon}</MeterBarLayout.Icon>}\n        {labelSlot && <MeterBarLayout.Label>{labelSlot}</MeterBarLayout.Label>}\n        {valueSlot && (\n          <MeterBarLayout.Value>\n            <MeterBarChartFormattedValue\n              value={displayValue}\n              total={max}\n              auto={valueSlot?.auto}\n            >\n              {valueSlot?.value}\n            </MeterBarChartFormattedValue>\n          </MeterBarLayout.Value>\n        )}\n        <MeterBarLayout.Chart>\n          <MeterBarChartPlotArea />\n        </MeterBarLayout.Chart>\n        {minSlot && (\n          <MeterBarLayout.Min>\n            <MeterBarChartFormattedValue value={min} auto={minSlot?.auto}>\n              {minSlot?.value}\n            </MeterBarChartFormattedValue>\n          </MeterBarLayout.Min>\n        )}\n        {maxSlot && (\n          <MeterBarLayout.Max>\n            <MeterBarChartFormattedValue value={max} auto={maxSlot?.auto}>\n              {maxSlot?.value}\n            </MeterBarChartFormattedValue>\n          </MeterBarLayout.Max>\n        )}\n        {hasLegend && (\n          <MeterBarLayout.Legend>\n            <MeterBarChartThresholdLegend />\n          </MeterBarLayout.Legend>\n        )}\n      </MeterBarLayout>\n    </MeterBarChartProviders>\n  );\n});\n\n(MeterBarChartRoot as ComponentWithName<typeof MeterBarChartRoot>).displayName =\n  'MeterBarChart';\n\n/**\n * The `MeterBarChart` provides a lightweight and simple visualization progress\n * toward a completion, consumption of a total, etc.  It consists of a horizontal\n * bar that gradually fills up with color or shading as it approaches the max value.\n * @public\n */\nexport const MeterBarChart = Object.assign(MeterBarChartRoot, {\n  Value,\n  Label,\n  Min,\n  Max,\n  ThresholdIndicator,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  ThresholdLegend,\n  Legend,\n  Tooltip,\n  ColorRule,\n  Intent,\n  Toolbar,\n});\n"],
-  "mappings": "AAyGM,SAgBE,KAhBF;AAzGN,OAAO,UAAU;AACjB,SAAS,YAAoC,cAAc;AAE3D,SAAS,6BAA6B;AACtC,SAAS,oCAAoC;AAC7C,SAAS,kCAAkC;AAC3C,SAAS,8BAA8B;AACvC,SAAS,0CAA0C;AACnD,SAAS,8BAA8B;AACvC,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,WAAW;AACpB,SAAS,WAAW;AACpB,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAChC,SAAS,eAAe;AACxB,SAAS,aAAa;AAGtB,SAAS,kCAAkC;AAC3C,SAAS,cAAc;AACvB,SAAS,wBAAwB;AACjC,SAAS,8BAA8B;AACvC,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAE1B,SAAS,mCAAmC;AAC5C,SAAS,sBAAsB;AAC/B,SAAS,eAAe;AAExB,SAAS,uBAAuB;AAEhC,MAAM,iBAAiB;AAGvB,MAAM,oBAAoB,WAGxB,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,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,CAAC,uBAAuB,IAAI,2BAA2B,KAAK;AAElE,QAAM,SAAS,uBAAuB,KAAK;AAC3C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,mBAAmB,OAAuB,IAAI;AAEpD,QAAM,YAAY,WAAW,UAAU,qBAAqB;AAE5D,QAAM,iBAEF;AAAA,IACF,MAAM,UAAU;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,QAAQ,OAAO;AAAA,IACxB;AAAA,EACF;AAEA,QAAM,eAAe;AAAA,IACnB;AAAA,IACA,iBAAiB;AAAA,EACnB;AACA,QAAM,6BAA6B;AAAA,IACjC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE,oBAAC,0BAAuB,QAAgB,eAAe,MAAM,eAC3D;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,KAAK,kBAAkB,SAAS;AAAA,MAC3C;AAAA,MACA,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,eAAa;AAAA,MACb,qBAAmB;AAAA,MACnB,cAAY;AAAA,MACZ;AAAA,MACA,SAAS;AAAA,MAET;AAAA;AAAA,UAAC,eAAe;AAAA,UAAf;AAAA,YACC,cAAc;AAAA,YACd,eAAe;AAAA;AAAA,QACjB;AAAA,QAEC,cAAc,oBAAC,eAAe,MAAf,EAAqB,sBAAW;AAAA,QAC/C,aAAa,oBAAC,eAAe,OAAf,EAAsB,qBAAU;AAAA,QAC9C,aACC,oBAAC,eAAe,OAAf,EACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP,OAAO;AAAA,YACP,MAAM,WAAW;AAAA,YAEhB,qBAAW;AAAA;AAAA,QACd,GACF;AAAA,QAEF,oBAAC,eAAe,OAAf,EACC,8BAAC,yBAAsB,GACzB;AAAA,QACC,WACC,oBAAC,eAAe,KAAf,EACC,8BAAC,+BAA4B,OAAO,KAAK,MAAM,SAAS,MACrD,mBAAS,OACZ,GACF;AAAA,QAED,WACC,oBAAC,eAAe,KAAf,EACC,8BAAC,+BAA4B,OAAO,KAAK,MAAM,SAAS,MACrD,mBAAS,OACZ,GACF;AAAA,QAED,aACC,oBAAC,eAAe,QAAf,EACC,8BAAC,gCAA6B,GAChC;AAAA;AAAA;AAAA,EAEJ,GACF;AAEJ,CAAC;AAEA,kBAAkE,cACjE;AAQK,MAAM,gBAAgB,OAAO,OAAO,mBAAmB;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { forwardRef, type PropsWithChildren, useRef } from 'react';\n\nimport { MeterBarChartPlotArea } from './components/MeterBarChartPlotArea.js';\nimport { MeterBarChartThresholdLegend } from './components/MeterBarChartThresholdLegend/MeterBarChartThresholdLegend.js';\nimport { METER_BAR_CHART_ARIA_LABEL } from './constants.js';\nimport { useMeterBarChartConfig } from './hooks/useMeterBarChartConfig.js';\nimport { MeterBarChartInternalDataProviders } from './providers/MeterBarChartInternalDataProviders.js';\nimport { MeterBarChartProviders } from './providers/MeterBarChartProviders.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 { ThresholdIndicator } from './slots/ThresholdIndicator.js';\nimport { ThresholdLegend } from './slots/ThresholdLegend.js';\nimport { Tooltip } from './slots/Tooltip.js';\nimport { Value } from './slots/Value.js';\nimport type { MeterBarChartConsumerConfig } from './types/meter-bar-chart-config.js';\nimport { type MeterBarChartProps } from './types/meter-bar-chart.js';\nimport { useBehavioralTrackingProps } from '../../../core/hooks/useBehavioralTrackingProps.js';\nimport { Intent } from '../../../core/slots/Intent/Intent.js';\nimport { defaultChartSize } from '../../../core/styles/defaultChartValues.sty.js';\nimport { DEFAULT_VALUE_ACCESSOR } from '../../core/constants.js';\nimport { ColorRule } from '../../core/slots/ColorRule.js';\nimport { ChartType } from '../../core/types/chart-types.js';\nimport type { ComponentWithName } from '../../core/types/component-with-name.js';\nimport { MeterBarChartFormattedValue } from '../shared/components/formatted-value/MeterBarChartFormattedValue.js';\nimport { MeterBarLayout } from '../shared/components/meter-bar-layout/MeterBarLayout.js';\nimport { Toolbar } from '../shared/slots/Toolbar.js';\nimport type { MeterBarChartElementRef } from '../shared/types/meter-bars.js';\nimport { getNumericValue } from '../shared/utils/get-numeric-value.js';\n\nconst COMPONENT_NAME = 'SingleMeterBarChart';\n/**\n * Single meter bar chart component */\nconst MeterBarChartRoot = forwardRef<\n  MeterBarChartElementRef,\n  PropsWithChildren<MeterBarChartProps>\n>((props, forwardedRef) => {\n  const {\n    width,\n    height,\n    value,\n    name,\n    color,\n    className,\n    style,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-testid': dataTestId = 'single-meter-bar-chart-root',\n    prefixIcon,\n    valueAccessor,\n  } = props;\n\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(props);\n\n  const config = useMeterBarChartConfig(props);\n  const {\n    size,\n    thresholds,\n    thresholdsIndicators,\n    loading,\n    min,\n    max,\n    minSlot,\n    maxSlot,\n    valueSlot,\n    labelSlot,\n    tooltip,\n    formatter,\n    unit,\n  } = config;\n\n  const meterBarChartRef = useRef<HTMLDivElement>(null);\n\n  const hasLegend = thresholds.legend ?? thresholdsIndicators.legend;\n\n  const consumerConfig: MeterBarChartConsumerConfig & {\n    type: ChartType.SingleMeterBar;\n  } = {\n    type: ChartType.SingleMeterBar,\n    thresholdsIndicators,\n    size,\n    min,\n    max,\n    formatter,\n    unit,\n    tooltip: !tooltip.hidden,\n    loading,\n  };\n\n  const displayValue = getNumericValue(\n    value,\n    valueAccessor ?? DEFAULT_VALUE_ACCESSOR,\n  );\n  const internalDataProvidersProps = {\n    value,\n    displayValue,\n    valueAccessor,\n    name,\n    color,\n  };\n\n  return (\n    <MeterBarChartProviders config={config} seriesActions={props.seriesActions}>\n      <MeterBarLayout\n        {...behavioralTrackingProps}\n        ref={meterBarChartRef}\n        size={size}\n        width={width}\n        height={height}\n        className={clsx(defaultChartSize, className)}\n        style={style}\n        data-dtrum-mask={dataDtrumMask}\n        data-dtrum-allow={dataDtrumAllow}\n        data-testid={dataTestId}\n        data-dt-component={COMPONENT_NAME}\n        aria-label={METER_BAR_CHART_ARIA_LABEL}\n        consumerConfig={consumerConfig}\n        userRef={forwardedRef}\n      >\n        <MeterBarLayout.Providers\n          providerName={MeterBarChartInternalDataProviders}\n          providerProps={internalDataProvidersProps}\n        />\n\n        {prefixIcon && <MeterBarLayout.Icon>{prefixIcon}</MeterBarLayout.Icon>}\n        {labelSlot && <MeterBarLayout.Label>{labelSlot}</MeterBarLayout.Label>}\n        {valueSlot && (\n          <MeterBarLayout.Value>\n            <MeterBarChartFormattedValue\n              value={displayValue}\n              total={max}\n              auto={valueSlot?.auto}\n            >\n              {valueSlot?.value}\n            </MeterBarChartFormattedValue>\n          </MeterBarLayout.Value>\n        )}\n        <MeterBarLayout.Chart>\n          <MeterBarChartPlotArea />\n        </MeterBarLayout.Chart>\n        {minSlot && (\n          <MeterBarLayout.Min>\n            <MeterBarChartFormattedValue value={min} auto={minSlot?.auto}>\n              {minSlot?.value}\n            </MeterBarChartFormattedValue>\n          </MeterBarLayout.Min>\n        )}\n        {maxSlot && (\n          <MeterBarLayout.Max>\n            <MeterBarChartFormattedValue value={max} auto={maxSlot?.auto}>\n              {maxSlot?.value}\n            </MeterBarChartFormattedValue>\n          </MeterBarLayout.Max>\n        )}\n        {hasLegend && (\n          <MeterBarLayout.Legend>\n            <MeterBarChartThresholdLegend />\n          </MeterBarLayout.Legend>\n        )}\n      </MeterBarLayout>\n    </MeterBarChartProviders>\n  );\n});\n\n(MeterBarChartRoot as ComponentWithName<typeof MeterBarChartRoot>).displayName =\n  'MeterBarChart';\n\n/**\n * The `MeterBarChart` provides a lightweight and simple visualization progress\n * toward a completion, consumption of a total, etc.  It consists of a horizontal\n * bar that gradually fills up with color or shading as it approaches the max value.\n * @public\n */\nexport const MeterBarChart = Object.assign(MeterBarChartRoot, {\n  Value,\n  Label,\n  Min,\n  Max,\n  ThresholdIndicator,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  ThresholdLegend,\n  Legend,\n  Tooltip,\n  ColorRule,\n  Intent,\n  Toolbar,\n});\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/meter-bar/single-meter-bar/components/MeterBarChartOverlay/MeterBarChartOverlay.js

@@ -11,7 +11,7 @@ const MeterBarChartOverlay = ({ children }) => {
   const { size } = useMeterBarLayoutSize();
   const { tooltip } = useMeterBarChartInternalConfig();
   const loading = useMeterBarChartLoading();
-  if (!tooltip || loading) {
+  if (tooltip.hidden || loading) {
     return /* @__PURE__ */ jsx(
       Flex,
       {

package/esm/charts/meter-bar/single-meter-bar/components/MeterBarChartOverlay/MeterBarChartOverlay.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/meter-bar/single-meter-bar/components/MeterBarChartOverlay/MeterBarChartOverlay.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport type { PropsWithChildren } from 'react';\n\nimport { MeterBarChartOverlayWithTooltip } from './MeterBarChartOverlayWithTooltip.js';\nimport { Flex } from '../../../../../layouts/flex/Flex.js';\nimport { useMeterBarChartLoading } from '../../../shared/context/MeterBarChartLoadingContext.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 { useMeterBarChartInternalConfig } from '../../context/MeterBarChartInternalConfigContext.js';\n\nexport const MeterBarChartOverlay = ({ children }: PropsWithChildren) => {\n  const { size } = useMeterBarLayoutSize();\n  const { tooltip } = useMeterBarChartInternalConfig();\n  const loading = useMeterBarChartLoading();\n\n  if (!tooltip || loading) {\n    return (\n      <Flex\n        className={clsx(container, elementSize({ size }))}\n        data-testid=\"overlay-wrapper\"\n      >\n        {children}\n      </Flex>\n    );\n  }\n\n  return (\n    <MeterBarChartOverlayWithTooltip>\n      {children}\n    </MeterBarChartOverlayWithTooltip>\n  );\n};\n"],
-  "mappings": "AAkBM;AAlBN,OAAO,UAAU;AAGjB,SAAS,uCAAuC;AAChD,SAAS,YAAY;AACrB,SAAS,+BAA+B;AACxC,SAAS,6BAA6B;AACtC,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,sCAAsC;AAExC,MAAM,uBAAuB,CAAC,EAAE,SAAS,MAAyB;AACvE,QAAM,EAAE,KAAK,IAAI,sBAAsB;AACvC,QAAM,EAAE,QAAQ,IAAI,+BAA+B;AACnD,QAAM,UAAU,wBAAwB;AAExC,MAAI,CAAC,WAAW,SAAS;AACvB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,KAAK,WAAW,YAAY,EAAE,KAAK,CAAC,CAAC;AAAA,QAChD,eAAY;AAAA,QAEX;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,SACE,oBAAC,mCACE,UACH;AAEJ;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport type { PropsWithChildren } from 'react';\n\nimport { MeterBarChartOverlayWithTooltip } from './MeterBarChartOverlayWithTooltip.js';\nimport { Flex } from '../../../../../layouts/flex/Flex.js';\nimport { useMeterBarChartLoading } from '../../../shared/context/MeterBarChartLoadingContext.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 { useMeterBarChartInternalConfig } from '../../context/MeterBarChartInternalConfigContext.js';\n\nexport const MeterBarChartOverlay = ({ children }: PropsWithChildren) => {\n  const { size } = useMeterBarLayoutSize();\n  const { tooltip } = useMeterBarChartInternalConfig();\n  const loading = useMeterBarChartLoading();\n\n  if (tooltip.hidden || loading) {\n    return (\n      <Flex\n        className={clsx(container, elementSize({ size }))}\n        data-testid=\"overlay-wrapper\"\n      >\n        {children}\n      </Flex>\n    );\n  }\n\n  return (\n    <MeterBarChartOverlayWithTooltip>\n      {children}\n    </MeterBarChartOverlayWithTooltip>\n  );\n};\n"],
+  "mappings": "AAkBM;AAlBN,OAAO,UAAU;AAGjB,SAAS,uCAAuC;AAChD,SAAS,YAAY;AACrB,SAAS,+BAA+B;AACxC,SAAS,6BAA6B;AACtC,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,sCAAsC;AAExC,MAAM,uBAAuB,CAAC,EAAE,SAAS,MAAyB;AACvE,QAAM,EAAE,KAAK,IAAI,sBAAsB;AACvC,QAAM,EAAE,QAAQ,IAAI,+BAA+B;AACnD,QAAM,UAAU,wBAAwB;AAExC,MAAI,QAAQ,UAAU,SAAS;AAC7B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,KAAK,WAAW,YAAY,EAAE,KAAK,CAAC,CAAC;AAAA,QAChD,eAAY;AAAA,QAEX;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,SACE,oBAAC,mCACE,UACH;AAEJ;",
   "names": []
 }

package/esm/charts/meter-bar/single-meter-bar/components/MeterBarChartOverlay/MeterBarChartOverlayWithTooltip.js

@@ -2,7 +2,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import { Flex } from "../../../../../layouts/flex/Flex.js";
 import { interactionsOverlay } from "../../../../core/components/interactions-overlay/InteractionsOverlay.sty.js";
+import { useTooltipData } from "../../../../core/components/overlay-tooltip/_to-be-removed/utils.js";
 import { useOverlay } from "../../../../core/components/overlay-tooltip/contexts/OverlayContext.js";
+import { OverlayTooltip } from "../../../../core/components/overlay-tooltip/OverlayTooltip.js";
+import { useTooltipActions } from "../../../../core/components/overlay-tooltip/useTooltipActions.js";
+import { isTooltipDataEmpty } from "../../../../core/components/overlay-tooltip/utils.js";
 import { useSeriesActions } from "../../../../core/components/series-action/ChartSeriesActionContext.js";
 import { DEFAULT_VALUE_ACCESSOR } from "../../../../core/constants.js";
 import { MeterBarChartTooltip } from "../../../shared/components/meter-bar-tooltip/MeterBarChartTooltip.js";
@@ -13,14 +17,44 @@ import { container } from "../../../shared/styles.sty.js";
 import { getNumericValue } from "../../../shared/utils/get-numeric-value.js";
 import { useMeterBarChartData } from "../../context/MeterBarChartDataContext.js";
 import { useMeterBarChartInternalConfig } from "../../context/MeterBarChartInternalConfigContext.js";
-import { useMeterBarChartTooltipHandlers } from "../../hooks/useMeterBarChartTooltipHandlers.js";
+const MeterBarCustomTooltip = ({
+  template,
+  displayValue,
+  min,
+  max,
+  color,
+  name,
+  thresholds
+}) => {
+  const activeThreshold = thresholds?.data?.slice().sort((a, b) => b.value - a.value).find((t) => displayValue >= t.value);
+  return /* @__PURE__ */ jsx(
+    OverlayTooltip,
+    {
+      legacyTemplate: template({
+        value: displayValue,
+        min,
+        max,
+        color,
+        name,
+        threshold: activeThreshold ? { label: activeThreshold.name, color: activeThreshold.color } : void 0
+      })
+    }
+  );
+};
 const MeterBarChartOverlayWithTooltip = (props) => {
   const { size } = useMeterBarLayoutSize();
   const { color, name, value, valueAccessor } = useMeterBarChartData();
-  const { tooltip: tooltipConfig } = useMeterBarChartInternalConfig();
+  const {
+    tooltip: tooltipConfig,
+    min,
+    max,
+    thresholds
+  } = useMeterBarChartInternalConfig();
   const { formatter, unit } = useFormatter();
   const { chartSeriesActions } = useSeriesActions();
   const overlay = useOverlay();
+  const { hover, togglePin, outOfBounds } = useTooltipActions();
+  const { data: tooltipData } = useTooltipData();
   const displayValue = getNumericValue(
     value,
     valueAccessor ?? DEFAULT_VALUE_ACCESSOR
@@ -39,27 +73,38 @@ const MeterBarChartOverlayWithTooltip = (props) => {
       }
     ]
   };
-  const { onPointerLeave, onClick, onPointerMove } = useMeterBarChartTooltipHandlers(data);
+  const tooltipContent = tooltipConfig?.template && !isTooltipDataEmpty(tooltipData) ? /* @__PURE__ */ jsx(
+    MeterBarCustomTooltip,
+    {
+      template: tooltipConfig.template,
+      displayValue,
+      min,
+      max,
+      color,
+      name: tooltipConfig.name ?? item.name,
+      thresholds
+    }
+  ) : /* @__PURE__ */ jsx(
+    MeterBarChartTooltip,
+    {
+      actionsForItem: chartSeriesActions ? () => () => chartSeriesActions({
+        id: `${name}-${displayValue}`,
+        name: item.name,
+        values: [item.value]
+      }) : void 0
+    }
+  );
   return /* @__PURE__ */ jsxs(
     Flex,
     {
       ref: overlay.overlayRef,
       className: clsx(container, elementSize({ size }), interactionsOverlay),
       "data-testid": "overlay-wrapper",
-      onPointerMove,
-      onPointerLeave,
-      onClick,
+      onPointerMove: (event) => hover(event, data),
+      onPointerLeave: outOfBounds,
+      onClick: (event) => togglePin(event, data),
       children: [
-        /* @__PURE__ */ jsx(
-          MeterBarChartTooltip,
-          {
-            actionsForItem: chartSeriesActions ? () => () => chartSeriesActions({
-              id: `${name}-${displayValue}`,
-              name: item.name,
-              values: [item.value]
-            }) : void 0
-          }
-        ),
+        tooltipContent,
         props.children
       ]
     }

package/esm/charts/meter-bar/single-meter-bar/components/MeterBarChartOverlay/MeterBarChartOverlayWithTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/meter-bar/single-meter-bar/components/MeterBarChartOverlay/MeterBarChartOverlayWithTooltip.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport type { PropsWithChildren } 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 type { Data } from '../../../../core/components/overlay-tooltip/types.js';\nimport { useSeriesActions } from '../../../../core/components/series-action/ChartSeriesActionContext.js';\nimport { DEFAULT_VALUE_ACCESSOR } from '../../../../core/constants.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 { useMeterBarChartData } from '../../context/MeterBarChartDataContext.js';\nimport { useMeterBarChartInternalConfig } from '../../context/MeterBarChartInternalConfigContext.js';\nimport { useMeterBarChartTooltipHandlers } from '../../hooks/useMeterBarChartTooltipHandlers.js';\n\nexport const MeterBarChartOverlayWithTooltip = (props: PropsWithChildren) => {\n  const { size } = useMeterBarLayoutSize();\n  const { color, name, value, valueAccessor } = useMeterBarChartData();\n  const { tooltip: tooltipConfig } = useMeterBarChartInternalConfig();\n  const { formatter, unit } = useFormatter();\n  const { chartSeriesActions } = useSeriesActions();\n  const overlay = useOverlay();\n\n  const displayValue = getNumericValue(\n    value,\n    valueAccessor ?? DEFAULT_VALUE_ACCESSOR,\n  );\n  const item = {\n    name: tooltipConfig?.name ?? name ?? '',\n    value: formatter(displayValue, unit),\n  };\n  const data: Data = {\n    geometry: 'meterbar' as const,\n    series: [\n      {\n        name: item.name,\n        value: item.value,\n        color,\n      },\n    ],\n  };\n  const { onPointerLeave, onClick, onPointerMove } =\n    useMeterBarChartTooltipHandlers(data);\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      <MeterBarChartTooltip\n        actionsForItem={\n          chartSeriesActions\n            ? () => () =>\n                chartSeriesActions({\n                  id: `${name}-${displayValue}`,\n                  name: item.name,\n                  values: [item.value],\n                })\n            : undefined\n        }\n      />\n      {props.children}\n    </Flex>\n  );\n};\n\nMeterBarChartOverlayWithTooltip['displayName'] =\n  'MeterBarChartOverlayWithTooltip';\n"],
-  "mappings": "AAiDI,SAQE,KARF;AAjDJ,OAAO,UAAU;AAGjB,SAAS,YAAY;AACrB,SAAS,2BAA2B;AACpC,SAAS,kBAAkB;AAE3B,SAAS,wBAAwB;AACjC,SAAS,8BAA8B;AACvC,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAC7B,SAAS,6BAA6B;AACtC,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,4BAA4B;AACrC,SAAS,sCAAsC;AAC/C,SAAS,uCAAuC;AAEzC,MAAM,kCAAkC,CAAC,UAA6B;AAC3E,QAAM,EAAE,KAAK,IAAI,sBAAsB;AACvC,QAAM,EAAE,OAAO,MAAM,OAAO,cAAc,IAAI,qBAAqB;AACnE,QAAM,EAAE,SAAS,cAAc,IAAI,+BAA+B;AAClE,QAAM,EAAE,WAAW,KAAK,IAAI,aAAa;AACzC,QAAM,EAAE,mBAAmB,IAAI,iBAAiB;AAChD,QAAM,UAAU,WAAW;AAE3B,QAAM,eAAe;AAAA,IACnB;AAAA,IACA,iBAAiB;AAAA,EACnB;AACA,QAAM,OAAO;AAAA,IACX,MAAM,eAAe,QAAQ,QAAQ;AAAA,IACrC,OAAO,UAAU,cAAc,IAAI;AAAA,EACrC;AACA,QAAM,OAAa;AAAA,IACjB,UAAU;AAAA,IACV,QAAQ;AAAA,MACN;AAAA,QACE,MAAM,KAAK;AAAA,QACX,OAAO,KAAK;AAAA,QACZ;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,gBAAgB,SAAS,cAAc,IAC7C,gCAAgC,IAAI;AAEtC,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,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,gBACE,qBACI,MAAM,MACJ,mBAAmB;AAAA,cACjB,IAAI,GAAG,IAAI,IAAI,YAAY;AAAA,cAC3B,MAAM,KAAK;AAAA,cACX,QAAQ,CAAC,KAAK,KAAK;AAAA,YACrB,CAAC,IACH;AAAA;AAAA,QAER;AAAA,QACC,MAAM;AAAA;AAAA;AAAA,EACT;AAEJ;AAEA,gCAAgC,aAAa,IAC3C;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport type { PropsWithChildren } 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 type { Data } from '../../../../core/components/overlay-tooltip/types.js';\nimport { useTooltipActions } from '../../../../core/components/overlay-tooltip/useTooltipActions.js';\nimport { isTooltipDataEmpty } from '../../../../core/components/overlay-tooltip/utils.js';\nimport { useSeriesActions } from '../../../../core/components/series-action/ChartSeriesActionContext.js';\nimport { DEFAULT_VALUE_ACCESSOR } from '../../../../core/constants.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 { useMeterBarChartData } from '../../context/MeterBarChartDataContext.js';\nimport { useMeterBarChartInternalConfig } from '../../context/MeterBarChartInternalConfigContext.js';\nimport type {\n  MeterBarChartInternalConfig,\n  TooltipConfigData,\n} from '../../types/meter-bar-chart-internal.js';\n\ntype CustomTooltipProps = {\n  template: NonNullable<TooltipConfigData['template']>;\n  displayValue: number;\n  min: number;\n  max: number;\n  color: string;\n  name: string;\n  thresholds: MeterBarChartInternalConfig['thresholds'] | undefined;\n};\n\nconst MeterBarCustomTooltip = ({\n  template,\n  displayValue,\n  min,\n  max,\n  color,\n  name,\n  thresholds,\n}: CustomTooltipProps) => {\n  const activeThreshold = thresholds?.data\n    ?.slice()\n    .sort((a, b) => b.value - a.value)\n    .find((t) => displayValue >= t.value);\n  return (\n    <OverlayTooltip\n      legacyTemplate={template({\n        value: displayValue,\n        min,\n        max,\n        color,\n        name,\n        threshold: activeThreshold\n          ? { label: activeThreshold.name, color: activeThreshold.color }\n          : undefined,\n      })}\n    />\n  );\n};\n\nexport const MeterBarChartOverlayWithTooltip = (props: PropsWithChildren) => {\n  const { size } = useMeterBarLayoutSize();\n  const { color, name, value, valueAccessor } = useMeterBarChartData();\n  const {\n    tooltip: tooltipConfig,\n    min,\n    max,\n    thresholds,\n  } = useMeterBarChartInternalConfig();\n  const { formatter, unit } = useFormatter();\n  const { chartSeriesActions } = useSeriesActions();\n  const overlay = useOverlay();\n  const { hover, togglePin, outOfBounds } = useTooltipActions();\n  const { data: tooltipData } = useTooltipData();\n\n  const displayValue = getNumericValue(\n    value,\n    valueAccessor ?? DEFAULT_VALUE_ACCESSOR,\n  );\n  const item = {\n    name: tooltipConfig?.name ?? name ?? '',\n    value: formatter(displayValue, unit),\n  };\n  const data: Data = {\n    geometry: 'meterbar' as const,\n    series: [\n      {\n        name: item.name,\n        value: item.value,\n        color,\n      },\n    ],\n  };\n\n  const tooltipContent =\n    tooltipConfig?.template && !isTooltipDataEmpty(tooltipData) ? (\n      <MeterBarCustomTooltip\n        template={tooltipConfig.template}\n        displayValue={displayValue}\n        min={min}\n        max={max}\n        color={color}\n        name={tooltipConfig.name ?? item.name}\n        thresholds={thresholds}\n      />\n    ) : (\n      <MeterBarChartTooltip\n        actionsForItem={\n          chartSeriesActions\n            ? () => () =>\n                chartSeriesActions({\n                  id: `${name}-${displayValue}`,\n                  name: item.name,\n                  values: [item.value],\n                })\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={(event) => hover(event, data)}\n      onPointerLeave={outOfBounds}\n      onClick={(event) => togglePin(event, data)}\n    >\n      {tooltipContent}\n      {props.children}\n    </Flex>\n  );\n};\n\nMeterBarChartOverlayWithTooltip['displayName'] =\n  'MeterBarChartOverlayWithTooltip';\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/meter-bar/single-meter-bar/components/MeterBarChartThresholds/MeterBarChartThresholds.css

@@ -1,4 +1,4 @@
-._1kt6hkd0-3-5-0 {
+._1kt6hkd0-3-6-0 {
   width: 100%;
   position: absolute;
   top: -4px;

package/esm/charts/meter-bar/single-meter-bar/components/MeterBarChartThresholds/MeterBarChartThresholds.sty.js

@@ -1,5 +1,5 @@
 import "./MeterBarChartThresholds.css";
-var thresholdContainer = "_1kt6hkd0-3-5-0";
+var thresholdContainer = "_1kt6hkd0-3-6-0";
 export {
   thresholdContainer
 };

package/esm/charts/meter-bar/single-meter-bar/components/MeterBarChartThresholds/MeterBarChartThresholds.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/meter-bar/single-meter-bar/components/MeterBarChartThresholds/MeterBarChartThresholds.css.ts"],
-  "sourcesContent": ["import './MeterBarChartThresholds.css';\nexport var thresholdContainer = '_1kt6hkd0-3-5-0';"],
+  "sourcesContent": ["import './MeterBarChartThresholds.css';\nexport var thresholdContainer = '_1kt6hkd0-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;",
   "names": []
 }

package/esm/charts/meter-bar/single-meter-bar/context/MeterBarChartInternalConfigContext.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/meter-bar/single-meter-bar/context/MeterBarChartInternalConfigContext.ts"],
-  "sourcesContent": ["import { createContext, ReactNode, useContext } from 'react';\n\nimport {\n  ThresholdMetadata,\n  TooltipConfigData,\n} from '../types/meter-bar-chart-internal.js';\n\nexport interface MeterBarChartInternalConfigContextProps {\n  max: number;\n  min: number;\n  tooltip?: TooltipConfigData;\n  label: ReactNode;\n  thresholds: ThresholdMetadata;\n  thresholdsIndicators: ThresholdMetadata;\n}\n\nexport const MeterBarChartInternalConfigContext =\n  createContext<MeterBarChartInternalConfigContextProps>(\n    {} as MeterBarChartInternalConfigContextProps,\n  );\n\nexport const useMeterBarChartInternalConfig = () =>\n  useContext(MeterBarChartInternalConfigContext);\n"],
+  "sourcesContent": ["import { createContext, ReactNode, useContext } from 'react';\n\nimport {\n  ThresholdMetadata,\n  TooltipConfigData,\n} from '../types/meter-bar-chart-internal.js';\n\nexport interface MeterBarChartInternalConfigContextProps {\n  max: number;\n  min: number;\n  tooltip: TooltipConfigData;\n  label: ReactNode;\n  thresholds: ThresholdMetadata;\n  thresholdsIndicators: ThresholdMetadata;\n}\n\nexport const MeterBarChartInternalConfigContext =\n  createContext<MeterBarChartInternalConfigContextProps>(\n    {} as MeterBarChartInternalConfigContextProps,\n  );\n\nexport const useMeterBarChartInternalConfig = () =>\n  useContext(MeterBarChartInternalConfigContext);\n"],
   "mappings": "AAAA,SAAS,eAA0B,kBAAkB;AAgB9C,MAAM,qCACX;AAAA,EACE,CAAC;AACH;AAEK,MAAM,iCAAiC,MAC5C,WAAW,kCAAkC;",
   "names": []
 }

package/esm/charts/meter-bar/single-meter-bar/types/default.js

@@ -18,7 +18,8 @@ const defaultConfig = {
   size: SIZE_DEFAULT,
   min: MIN_DEFAULT_VALUE,
   max: MAX_DEFAULT_VALUE,
-  formatter: DEFAULT_FORMATTER
+  formatter: DEFAULT_FORMATTER,
+  tooltip: { hidden: false }
 };
 export {
   NAME_DEFAULT_VALUE,

package/esm/charts/meter-bar/single-meter-bar/types/default.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/meter-bar/single-meter-bar/types/default.ts"],
-  "sourcesContent": ["import Colors from '@dynatrace/strato-design-tokens/colors';\n\nimport type { ThresholdMetadata } from './meter-bar-chart-internal.js';\nimport {\n  SIZE_DEFAULT,\n  MIN_DEFAULT_VALUE,\n  MAX_DEFAULT_VALUE,\n  DEFAULT_FORMATTER,\n} from '../../shared/constants.js';\n\nexport const NAME_DEFAULT_VALUE = 'value';\nexport const SEGMENT_COLOR_DEFAULT = Colors.Charts.Categorical.Color11.Default;\nexport const THRESHOLD_COLOR_DEFAULT = SEGMENT_COLOR_DEFAULT;\nexport const THRESHOLD_METADATA_DEFAULT: ThresholdMetadata = {\n  data: [],\n  legend: false,\n};\n\nexport const defaultConfig = {\n  loading: false,\n  thresholdIndicators: THRESHOLD_METADATA_DEFAULT,\n  size: SIZE_DEFAULT,\n  min: MIN_DEFAULT_VALUE,\n  max: MAX_DEFAULT_VALUE,\n  formatter: DEFAULT_FORMATTER,\n};\n"],
-  "mappings": "AAAA,OAAO,YAAY;AAGnB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,qBAAqB;AAC3B,MAAM,wBAAwB,OAAO,OAAO,YAAY,QAAQ;AAChE,MAAM,0BAA0B;AAChC,MAAM,6BAAgD;AAAA,EAC3D,MAAM,CAAC;AAAA,EACP,QAAQ;AACV;AAEO,MAAM,gBAAgB;AAAA,EAC3B,SAAS;AAAA,EACT,qBAAqB;AAAA,EACrB,MAAM;AAAA,EACN,KAAK;AAAA,EACL,KAAK;AAAA,EACL,WAAW;AACb;",
+  "sourcesContent": ["import Colors from '@dynatrace/strato-design-tokens/colors';\n\nimport type { ThresholdMetadata } from './meter-bar-chart-internal.js';\nimport {\n  SIZE_DEFAULT,\n  MIN_DEFAULT_VALUE,\n  MAX_DEFAULT_VALUE,\n  DEFAULT_FORMATTER,\n} from '../../shared/constants.js';\n\nexport const NAME_DEFAULT_VALUE = 'value';\nexport const SEGMENT_COLOR_DEFAULT = Colors.Charts.Categorical.Color11.Default;\nexport const THRESHOLD_COLOR_DEFAULT = SEGMENT_COLOR_DEFAULT;\nexport const THRESHOLD_METADATA_DEFAULT: ThresholdMetadata = {\n  data: [],\n  legend: false,\n};\n\nexport const defaultConfig = {\n  loading: false,\n  thresholdIndicators: THRESHOLD_METADATA_DEFAULT,\n  size: SIZE_DEFAULT,\n  min: MIN_DEFAULT_VALUE,\n  max: MAX_DEFAULT_VALUE,\n  formatter: DEFAULT_FORMATTER,\n  tooltip: { hidden: false },\n};\n"],
+  "mappings": "AAAA,OAAO,YAAY;AAGnB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,qBAAqB;AAC3B,MAAM,wBAAwB,OAAO,OAAO,YAAY,QAAQ;AAChE,MAAM,0BAA0B;AAChC,MAAM,6BAAgD;AAAA,EAC3D,MAAM,CAAC;AAAA,EACP,QAAQ;AACV;AAEO,MAAM,gBAAgB;AAAA,EAC3B,SAAS;AAAA,EACT,qBAAqB;AAAA,EACrB,MAAM;AAAA,EACN,KAAK;AAAA,EACL,KAAK;AAAA,EACL,WAAW;AAAA,EACX,SAAS,EAAE,QAAQ,MAAM;AAC3B;",
   "names": []
 }

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

@@ -5,6 +5,10 @@ import {
   defaultToolbarInternalConfig
 } from "../../shared/types/meter-bar-toolbar.js";
 import { defaultConfig } from "../types/default.js";
+const getTooltipConfig = (slots, consumerConfig) => {
+  const consumerTooltip = consumerConfig.tooltip !== void 0 ? { hidden: !consumerConfig.tooltip } : void 0;
+  return { ...defaultConfig.tooltip, ...consumerTooltip, ...slots.tooltip };
+};
 const getToolbarConfig = (toolbarSlotsConfig, toolbarConsumerConfig) => {
   const configuredToolbar = toolbarSlotsConfig ?? toolbarConsumerConfig;
   return { ...defaultToolbarInternalConfig, ...configuredToolbar };
@@ -17,7 +21,7 @@ const buildMeterBarChartConfig = (props, consumerConfig, slots) => {
   const size = props.size ?? consumerConfig.size ?? defaultConfig.size;
   const min = props.min ?? consumerConfig.min ?? defaultConfig.min;
   const max = props.max ?? consumerConfig.max ?? defaultConfig.max;
-  const tooltip = slots.tooltip ?? (consumerConfig.tooltip ? {} : void 0);
+  const tooltip = getTooltipConfig(slots, consumerConfig);
   const formatter = props.formatter ?? consumerConfig.formatter ?? DEFAULT_FORMATTER;
   const unit = props.unit ?? consumerConfig.unit;
   const toolbar = getToolbarConfig(slots.toolbar, consumerConfig.toolbar);

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/meter-bar/single-meter-bar/utils/build-meter-bar-chart-config.ts"],
-  "sourcesContent": ["import { applyThresholdDefaults } from './apply-threshold-defaults.js';\nimport { isValidColorRule } from '../../../core/slots/ColorRule.js';\nimport { DEFAULT_FORMATTER } from '../../shared/constants.js';\nimport {\n  defaultToolbarInternalConfig,\n  MeterBarToolbarConfig,\n  MeterBarToolbarInternalProps,\n  MeterBarToolbarSlotProps,\n} from '../../shared/types/meter-bar-toolbar.js';\nimport { defaultConfig } from '../types/default.js';\nimport {\n  MeterBarChartConsumerConfig,\n  MeterBarChartSlots,\n  type MeterBarChartThresholdConsumerConfig,\n} from '../types/meter-bar-chart-config.js';\nimport {\n  MeterBarChartInternalConfig,\n  type ThresholdMetadata,\n} from '../types/meter-bar-chart-internal.js';\nimport { MeterBarChartProps } from '../types/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\nexport const buildMeterBarChartConfig = (\n  props: MeterBarChartProps,\n  consumerConfig: MeterBarChartConsumerConfig,\n  slots: MeterBarChartSlots,\n): MeterBarChartInternalConfig => {\n  const thresholds = combineThresholds(\n    consumerConfig.thresholdsIndicators,\n    slots.thresholds,\n  );\n  const size = props.size ?? consumerConfig.size ?? defaultConfig.size;\n  const min = props.min ?? consumerConfig.min ?? defaultConfig.min;\n  const max = props.max ?? consumerConfig.max ?? defaultConfig.max;\n  const tooltip = slots.tooltip ?? (consumerConfig.tooltip ? {} : undefined);\n\n  const formatter =\n    props.formatter ?? consumerConfig.formatter ?? DEFAULT_FORMATTER;\n  const unit = props.unit ?? consumerConfig.unit;\n\n  const toolbar = getToolbarConfig(slots.toolbar, consumerConfig.toolbar);\n\n  const colorRules = (consumerConfig.colorRules ?? [])\n    .filter(isValidColorRule)\n    .concat(slots.colorRules ?? []);\n\n  const loading =\n    props.loading ?? consumerConfig.loading ?? defaultConfig.loading;\n\n  return {\n    thresholds,\n    thresholdsIndicators: thresholds,\n    size,\n    loading,\n    min,\n    max,\n    tooltip,\n    labelSlot: slots.label,\n    valueSlot: slots.value,\n    minSlot: slots.min,\n    maxSlot: slots.max,\n    formatter,\n    unit,\n    colorRules,\n    toolbar,\n  };\n};\n\nconst combineThresholds = (\n  thresholdConfig: MeterBarChartThresholdConsumerConfig | undefined,\n  thresholdSlots: ThresholdMetadata | undefined,\n): ThresholdMetadata => {\n  const slotsData = thresholdSlots?.data ? thresholdSlots.data : [];\n  const consumerData = thresholdConfig?.data?.map(applyThresholdDefaults) ?? [];\n\n  return {\n    data: slotsData.concat(consumerData),\n    legend:\n      thresholdSlots?.legend ??\n      thresholdConfig?.legend ??\n      defaultConfig.thresholdIndicators.legend,\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,8BAA8B;AACvC,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,OAIK;AACP,SAAS,qBAAqB;AAY9B,MAAM,mBAAmB,CACvB,oBACA,0BACiC;AACjC,QAAM,oBAAoB,sBAAsB;AAEhD,SAAO,EAAE,GAAG,8BAA8B,GAAG,kBAAkB;AACjE;AAEO,MAAM,2BAA2B,CACtC,OACA,gBACA,UACgC;AAChC,QAAM,aAAa;AAAA,IACjB,eAAe;AAAA,IACf,MAAM;AAAA,EACR;AACA,QAAM,OAAO,MAAM,QAAQ,eAAe,QAAQ,cAAc;AAChE,QAAM,MAAM,MAAM,OAAO,eAAe,OAAO,cAAc;AAC7D,QAAM,MAAM,MAAM,OAAO,eAAe,OAAO,cAAc;AAC7D,QAAM,UAAU,MAAM,YAAY,eAAe,UAAU,CAAC,IAAI;AAEhE,QAAM,YACJ,MAAM,aAAa,eAAe,aAAa;AACjD,QAAM,OAAO,MAAM,QAAQ,eAAe;AAE1C,QAAM,UAAU,iBAAiB,MAAM,SAAS,eAAe,OAAO;AAEtE,QAAM,cAAc,eAAe,cAAc,CAAC,GAC/C,OAAO,gBAAgB,EACvB,OAAO,MAAM,cAAc,CAAC,CAAC;AAEhC,QAAM,UACJ,MAAM,WAAW,eAAe,WAAW,cAAc;AAE3D,SAAO;AAAA,IACL;AAAA,IACA,sBAAsB;AAAA,IACtB;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,EACF;AACF;AAEA,MAAM,oBAAoB,CACxB,iBACA,mBACsB;AACtB,QAAM,YAAY,gBAAgB,OAAO,eAAe,OAAO,CAAC;AAChE,QAAM,eAAe,iBAAiB,MAAM,IAAI,sBAAsB,KAAK,CAAC;AAE5E,SAAO;AAAA,IACL,MAAM,UAAU,OAAO,YAAY;AAAA,IACnC,QACE,gBAAgB,UAChB,iBAAiB,UACjB,cAAc,oBAAoB;AAAA,EACtC;AACF;",
+  "sourcesContent": ["import { applyThresholdDefaults } from './apply-threshold-defaults.js';\nimport { isValidColorRule } from '../../../core/slots/ColorRule.js';\nimport { DEFAULT_FORMATTER } from '../../shared/constants.js';\nimport {\n  defaultToolbarInternalConfig,\n  MeterBarToolbarConfig,\n  MeterBarToolbarInternalProps,\n  MeterBarToolbarSlotProps,\n} from '../../shared/types/meter-bar-toolbar.js';\nimport { defaultConfig } from '../types/default.js';\nimport {\n  MeterBarChartConsumerConfig,\n  MeterBarChartSlots,\n  type MeterBarChartThresholdConsumerConfig,\n} from '../types/meter-bar-chart-config.js';\nimport {\n  MeterBarChartInternalConfig,\n  type ThresholdMetadata,\n  type TooltipConfigData,\n} from '../types/meter-bar-chart-internal.js';\nimport { MeterBarChartProps } from '../types/meter-bar-chart.js';\n\nconst getTooltipConfig = (\n  slots: MeterBarChartSlots,\n  consumerConfig: MeterBarChartConsumerConfig,\n): TooltipConfigData => {\n  const consumerTooltip =\n    consumerConfig.tooltip !== undefined\n      ? { hidden: !consumerConfig.tooltip }\n      : undefined;\n  return { ...defaultConfig.tooltip, ...consumerTooltip, ...slots.tooltip };\n};\n\nconst getToolbarConfig = (\n  toolbarSlotsConfig?: MeterBarToolbarSlotProps,\n  toolbarConsumerConfig?: MeterBarToolbarConfig,\n): MeterBarToolbarInternalProps => {\n  const configuredToolbar = toolbarSlotsConfig ?? toolbarConsumerConfig;\n\n  return { ...defaultToolbarInternalConfig, ...configuredToolbar };\n};\n\nexport const buildMeterBarChartConfig = (\n  props: MeterBarChartProps,\n  consumerConfig: MeterBarChartConsumerConfig,\n  slots: MeterBarChartSlots,\n): MeterBarChartInternalConfig => {\n  const thresholds = combineThresholds(\n    consumerConfig.thresholdsIndicators,\n    slots.thresholds,\n  );\n  const size = props.size ?? consumerConfig.size ?? defaultConfig.size;\n  const min = props.min ?? consumerConfig.min ?? defaultConfig.min;\n  const max = props.max ?? consumerConfig.max ?? defaultConfig.max;\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 toolbar = getToolbarConfig(slots.toolbar, consumerConfig.toolbar);\n\n  const colorRules = (consumerConfig.colorRules ?? [])\n    .filter(isValidColorRule)\n    .concat(slots.colorRules ?? []);\n\n  const loading =\n    props.loading ?? consumerConfig.loading ?? defaultConfig.loading;\n\n  return {\n    thresholds,\n    thresholdsIndicators: thresholds,\n    size,\n    loading,\n    min,\n    max,\n    tooltip,\n    labelSlot: slots.label,\n    valueSlot: slots.value,\n    minSlot: slots.min,\n    maxSlot: slots.max,\n    formatter,\n    unit,\n    colorRules,\n    toolbar,\n  };\n};\n\nconst combineThresholds = (\n  thresholdConfig: MeterBarChartThresholdConsumerConfig | undefined,\n  thresholdSlots: ThresholdMetadata | undefined,\n): ThresholdMetadata => {\n  const slotsData = thresholdSlots?.data ? thresholdSlots.data : [];\n  const consumerData = thresholdConfig?.data?.map(applyThresholdDefaults) ?? [];\n\n  return {\n    data: slotsData.concat(consumerData),\n    legend:\n      thresholdSlots?.legend ??\n      thresholdConfig?.legend ??\n      defaultConfig.thresholdIndicators.legend,\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,8BAA8B;AACvC,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,OAIK;AACP,SAAS,qBAAqB;AAa9B,MAAM,mBAAmB,CACvB,OACA,mBACsB;AACtB,QAAM,kBACJ,eAAe,YAAY,SACvB,EAAE,QAAQ,CAAC,eAAe,QAAQ,IAClC;AACN,SAAO,EAAE,GAAG,cAAc,SAAS,GAAG,iBAAiB,GAAG,MAAM,QAAQ;AAC1E;AAEA,MAAM,mBAAmB,CACvB,oBACA,0BACiC;AACjC,QAAM,oBAAoB,sBAAsB;AAEhD,SAAO,EAAE,GAAG,8BAA8B,GAAG,kBAAkB;AACjE;AAEO,MAAM,2BAA2B,CACtC,OACA,gBACA,UACgC;AAChC,QAAM,aAAa;AAAA,IACjB,eAAe;AAAA,IACf,MAAM;AAAA,EACR;AACA,QAAM,OAAO,MAAM,QAAQ,eAAe,QAAQ,cAAc;AAChE,QAAM,MAAM,MAAM,OAAO,eAAe,OAAO,cAAc;AAC7D,QAAM,MAAM,MAAM,OAAO,eAAe,OAAO,cAAc;AAC7D,QAAM,UAAU,iBAAiB,OAAO,cAAc;AAEtD,QAAM,YACJ,MAAM,aAAa,eAAe,aAAa;AACjD,QAAM,OAAO,MAAM,QAAQ,eAAe;AAE1C,QAAM,UAAU,iBAAiB,MAAM,SAAS,eAAe,OAAO;AAEtE,QAAM,cAAc,eAAe,cAAc,CAAC,GAC/C,OAAO,gBAAgB,EACvB,OAAO,MAAM,cAAc,CAAC,CAAC;AAEhC,QAAM,UACJ,MAAM,WAAW,eAAe,WAAW,cAAc;AAE3D,SAAO;AAAA,IACL;AAAA,IACA,sBAAsB;AAAA,IACtB;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,EACF;AACF;AAEA,MAAM,oBAAoB,CACxB,iBACA,mBACsB;AACtB,QAAM,YAAY,gBAAgB,OAAO,eAAe,OAAO,CAAC;AAChE,QAAM,eAAe,iBAAiB,MAAM,IAAI,sBAAsB,KAAK,CAAC;AAE5E,SAAO;AAAA,IACL,MAAM,UAAU,OAAO,YAAY;AAAA,IACnC,QACE,gBAAgB,UAChB,iBAAiB,UACjB,cAAc,oBAAoB;AAAA,EACtC;AACF;",
   "names": []
 }

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

@@ -14,7 +14,6 @@ import {
   handleMaxSlot,
   handleMinSlot,
   handleToolbarSlot,
-  handleTooltipSlot,
   handleValueSlot
 } from "../../shared/utils/slot-handlers.js";
 import { Label } from "../slots/Label.js";
@@ -25,6 +24,10 @@ import { ThresholdIndicator } from "../slots/ThresholdIndicator.js";
 import { ThresholdLegend } from "../slots/ThresholdLegend.js";
 import { Tooltip } from "../slots/Tooltip.js";
 import { Value } from "../slots/Value.js";
+function handleTooltipSlot(child, slots) {
+  const { name, hidden, children } = child.props;
+  slots.tooltip = { hidden: hidden ?? false, name, template: children };
+}
 function handleThresholdSlot(child, slots) {
   const threshold = applyThresholdDefaults(child.props);
   if (slots.thresholds?.data) {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/meter-bar/single-meter-bar/utils/iterate-slots.ts"],
-  "sourcesContent": ["import { isUndefined } from 'lodash-es';\nimport { Children, ReactElement, type ReactNode } from 'react';\n\nimport { applyThresholdDefaults } from './apply-threshold-defaults.js';\nimport {\n  Intent,\n  type IntentProps,\n} 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  handleTooltipSlot,\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 { ThresholdIndicator } from '../slots/ThresholdIndicator.js';\nimport { ThresholdLegend } from '../slots/ThresholdLegend.js';\nimport { Tooltip } from '../slots/Tooltip.js';\nimport { Value } from '../slots/Value.js';\nimport { MeterBarChartSlots } from '../types/meter-bar-chart-config.js';\n\nfunction handleThresholdSlot(child: ReactElement, slots: MeterBarChartSlots) {\n  const threshold = applyThresholdDefaults(child.props);\n  if (slots.thresholds?.data) {\n    slots.thresholds.data.push(threshold);\n  } else {\n    slots.thresholds = { data: [threshold] };\n  }\n}\n\nfunction handleThresholdLegendSlot(slots: MeterBarChartSlots) {\n  const threshold = slots.thresholds\n    ? { ...slots.thresholds, legend: true }\n    : { data: [], legend: true };\n\n  slots.thresholds = { ...threshold };\n}\n\nfunction handleLegendSlot(child: ReactElement, slots: MeterBarChartSlots) {\n  const legend = !(child.props.hidden ?? true);\n  const threshold = slots.thresholds\n    ? { ...slots.thresholds, legend }\n    : { data: [], legend };\n\n  slots.thresholds = { ...threshold };\n}\n\nexport function iterateSlots(children?: ReactNode) {\n  const slots: MeterBarChartSlots = {\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, ThresholdIndicator)) {\n      handleThresholdSlot(child, slots);\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n    } else if (isSlot(child, ThresholdLegend)) {\n      handleThresholdLegendSlot(slots);\n    } else if (isSlot(child, Legend)) {\n      handleLegendSlot(child, slots);\n    } else if (isSlot(child, ColorRule)) {\n      handleColorRuleSlot(child, slots);\n    } else if (isSlot(child, Tooltip)) {\n      handleTooltipSlot(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,gBAA8C;AAEvD,SAAS,8BAA8B;AACvC;AAAA,EACE;AAAA,OAEK;AACP,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,0BAA0B;AACnC,SAAS,uBAAuB;AAChC,SAAS,eAAe;AACxB,SAAS,aAAa;AAGtB,SAAS,oBAAoB,OAAqB,OAA2B;AAC3E,QAAM,YAAY,uBAAuB,MAAM,KAAK;AACpD,MAAI,MAAM,YAAY,MAAM;AAC1B,UAAM,WAAW,KAAK,KAAK,SAAS;AAAA,EACtC,OAAO;AACL,UAAM,aAAa,EAAE,MAAM,CAAC,SAAS,EAAE;AAAA,EACzC;AACF;AAEA,SAAS,0BAA0B,OAA2B;AAC5D,QAAM,YAAY,MAAM,aACpB,EAAE,GAAG,MAAM,YAAY,QAAQ,KAAK,IACpC,EAAE,MAAM,CAAC,GAAG,QAAQ,KAAK;AAE7B,QAAM,aAAa,EAAE,GAAG,UAAU;AACpC;AAEA,SAAS,iBAAiB,OAAqB,OAA2B;AACxE,QAAM,SAAS,EAAE,MAAM,MAAM,UAAU;AACvC,QAAM,YAAY,MAAM,aACpB,EAAE,GAAG,MAAM,YAAY,OAAO,IAC9B,EAAE,MAAM,CAAC,GAAG,OAAO;AAEvB,QAAM,aAAa,EAAE,GAAG,UAAU;AACpC;AAEO,SAAS,aAAa,UAAsB;AACjD,QAAM,QAA4B;AAAA,IAChC,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,kBAAkB,GAAG;AAC5C,0BAAoB,OAAO,KAAK;AAAA,IAElC,WAAW,OAAO,OAAO,eAAe,GAAG;AACzC,gCAA0B,KAAK;AAAA,IACjC,WAAW,OAAO,OAAO,MAAM,GAAG;AAChC,uBAAiB,OAAO,KAAK;AAAA,IAC/B,WAAW,OAAO,OAAO,SAAS,GAAG;AACnC,0BAAoB,OAAO,KAAK;AAAA,IAClC,WAAW,OAAO,OAAO,OAAO,GAAG;AACjC,wBAAkB,OAAO,KAAK;AAAA,IAChC,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 { applyThresholdDefaults } from './apply-threshold-defaults.js';\nimport {\n  Intent,\n  type IntentProps,\n} 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 { ThresholdIndicator } from '../slots/ThresholdIndicator.js';\nimport { ThresholdLegend } from '../slots/ThresholdLegend.js';\nimport { Tooltip } from '../slots/Tooltip.js';\nimport { Value } from '../slots/Value.js';\nimport { MeterBarChartSlots } from '../types/meter-bar-chart-config.js';\n\nfunction handleTooltipSlot(\n  child: ReactElement,\n  slots: MeterBarChartSlots,\n): void {\n  const { name, hidden, children } = child.props;\n  slots.tooltip = { hidden: hidden ?? false, name, template: children };\n}\n\nfunction handleThresholdSlot(child: ReactElement, slots: MeterBarChartSlots) {\n  const threshold = applyThresholdDefaults(child.props);\n  if (slots.thresholds?.data) {\n    slots.thresholds.data.push(threshold);\n  } else {\n    slots.thresholds = { data: [threshold] };\n  }\n}\n\nfunction handleThresholdLegendSlot(slots: MeterBarChartSlots) {\n  const threshold = slots.thresholds\n    ? { ...slots.thresholds, legend: true }\n    : { data: [], legend: true };\n\n  slots.thresholds = { ...threshold };\n}\n\nfunction handleLegendSlot(child: ReactElement, slots: MeterBarChartSlots) {\n  const legend = !(child.props.hidden ?? true);\n  const threshold = slots.thresholds\n    ? { ...slots.thresholds, legend }\n    : { data: [], legend };\n\n  slots.thresholds = { ...threshold };\n}\n\nexport function iterateSlots(children?: ReactNode) {\n  const slots: MeterBarChartSlots = {\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, ThresholdIndicator)) {\n      handleThresholdSlot(child, slots);\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n    } else if (isSlot(child, ThresholdLegend)) {\n      handleThresholdLegendSlot(slots);\n    } else if (isSlot(child, Legend)) {\n      handleLegendSlot(child, slots);\n    } else if (isSlot(child, ColorRule)) {\n      handleColorRuleSlot(child, slots);\n    } else if (isSlot(child, Tooltip)) {\n      handleTooltipSlot(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,8BAA8B;AACvC;AAAA,EACE;AAAA,OAEK;AACP,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,0BAA0B;AACnC,SAAS,uBAAuB;AAChC,SAAS,eAAe;AACxB,SAAS,aAAa;AAGtB,SAAS,kBACP,OACA,OACM;AACN,QAAM,EAAE,MAAM,QAAQ,SAAS,IAAI,MAAM;AACzC,QAAM,UAAU,EAAE,QAAQ,UAAU,OAAO,MAAM,UAAU,SAAS;AACtE;AAEA,SAAS,oBAAoB,OAAqB,OAA2B;AAC3E,QAAM,YAAY,uBAAuB,MAAM,KAAK;AACpD,MAAI,MAAM,YAAY,MAAM;AAC1B,UAAM,WAAW,KAAK,KAAK,SAAS;AAAA,EACtC,OAAO;AACL,UAAM,aAAa,EAAE,MAAM,CAAC,SAAS,EAAE;AAAA,EACzC;AACF;AAEA,SAAS,0BAA0B,OAA2B;AAC5D,QAAM,YAAY,MAAM,aACpB,EAAE,GAAG,MAAM,YAAY,QAAQ,KAAK,IACpC,EAAE,MAAM,CAAC,GAAG,QAAQ,KAAK;AAE7B,QAAM,aAAa,EAAE,GAAG,UAAU;AACpC;AAEA,SAAS,iBAAiB,OAAqB,OAA2B;AACxE,QAAM,SAAS,EAAE,MAAM,MAAM,UAAU;AACvC,QAAM,YAAY,MAAM,aACpB,EAAE,GAAG,MAAM,YAAY,OAAO,IAC9B,EAAE,MAAM,CAAC,GAAG,OAAO;AAEvB,QAAM,aAAa,EAAE,GAAG,UAAU;AACpC;AAEO,SAAS,aAAa,UAAsB;AACjD,QAAM,QAA4B;AAAA,IAChC,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,kBAAkB,GAAG;AAC5C,0BAAoB,OAAO,KAAK;AAAA,IAElC,WAAW,OAAO,OAAO,eAAe,GAAG;AACzC,gCAA0B,KAAK;AAAA,IACjC,WAAW,OAAO,OAAO,MAAM,GAAG;AAChC,uBAAiB,OAAO,KAAK;AAAA,IAC/B,WAAW,OAAO,OAAO,SAAS,GAAG;AACnC,0BAAoB,OAAO,KAAK;AAAA,IAClC,WAAW,OAAO,OAAO,OAAO,GAAG;AACjC,wBAAkB,OAAO,KAAK;AAAA,IAChC,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": []
 }