@dynatrace/strato-components 3.10.4 → 3.11.0

package/esm/charts/gantt-chart/components/tooltip/GanttChartTooltip.css

@@ -1,4 +1,4 @@
-._1v8s3xl0-3-10-4._1v8s3xl0-3-10-4 {
+._1v8s3xl0-3-11-0._1v8s3xl0-3-11-0 {
   max-height: initial;
   min-width: 160px;
   max-width: 320px;

package/esm/charts/gantt-chart/components/tooltip/GanttChartTooltip.sty.js

@@ -1,5 +1,5 @@
 import "./GanttChartTooltip.css";
-var ganttChartTooltipCSS = "_1v8s3xl0-3-10-4";
+var ganttChartTooltipCSS = "_1v8s3xl0-3-11-0";
 export {
   ganttChartTooltipCSS
 };

package/esm/charts/gantt-chart/components/tooltip/GanttChartTooltip.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gantt-chart/components/tooltip/GanttChartTooltip.css.ts"],
-  "sourcesContent": ["import './GanttChartTooltip.css';\nexport var ganttChartTooltipCSS = '_1v8s3xl0-3-10-4';"],
+  "sourcesContent": ["import './GanttChartTooltip.css';\nexport var ganttChartTooltipCSS = '_1v8s3xl0-3-11-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,uBAAuB;",
   "names": []
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 import "./GaugeLabelsWrapper.css";
-var labelsContainer = "_1fbjcz30-3-10-4";
+var labelsContainer = "_1fbjcz30-3-11-0";
 export {
   labelsContainer
 };

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

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

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

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

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
 import "./GaugeResponsiveLabel.css";
-var parentSvgStyle = "_13c0oci1-3-10-4";
-var responsiveLabelContainer = "_13c0oci0-3-10-4";
+var parentSvgStyle = "_13c0oci1-3-11-0";
+var responsiveLabelContainer = "_13c0oci0-3-11-0";
 export {
   parentSvgStyle,
   responsiveLabelContainer

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

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

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

@@ -4,17 +4,19 @@ import { useGaugeChartAspectRatio } from "../hooks/useGaugeChartAspectRatio.js";
 import { useGaugeChartBaseColorContext } from "../hooks/useGaugeChartBaseColorContext.js";
 import { useGaugeChartRangeMaxContext } from "../hooks/useGaugeChartRangeMaxContext.js";
 import { useGaugeChartRangeMinContext } from "../hooks/useGaugeChartRangeMinContext.js";
+import { useGaugeChartShowThresholdIndicatorsContext } from "../hooks/useGaugeChartShowThresholdIndicatorsContext.js";
 import { useGaugeChartThresholdContext } from "../hooks/useGaugeChartThresholdContext.js";
 import { buildArc } from "../utils/build-arc.js";
 import { buildThresholdIntervalArcs } from "../utils/build-threshold-interval-arcs.js";
 import { computeThresholdBandGeometry } from "../utils/compute-threshold-band-geometry.js";
 const GaugeThresholdIntervalArcs = () => {
   const thresholds = useGaugeChartThresholdContext();
+  const showThresholdIndicators = useGaugeChartShowThresholdIndicatorsContext();
   const min = useGaugeChartRangeMinContext();
   const max = useGaugeChartRangeMaxContext();
   const baseColor = useGaugeChartBaseColorContext();
   const { arcOuterRadius, arcInnerRadius } = useGaugeChartAspectRatio();
-  if (thresholds.length === 0) {
+  if (!showThresholdIndicators || thresholds.length === 0) {
     return null;
   }
   const { innerRadius, outerRadius, midRadius, gap } = computeThresholdBandGeometry(arcInnerRadius, arcOuterRadius);
@@ -36,7 +38,8 @@ const GaugeThresholdIntervalArcs = () => {
         segment.startAngle,
         segment.endAngle
       ),
-      fill: segment.color
+      fill: segment.color,
+      "data-testid": "gauge-threshold-interval-arc"
     },
     i
   ));

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/gauge/components/GaugeThresholdIntervalArcs.tsx"],
-  "sourcesContent": ["import { THRESHOLD_INTERVAL_MIN_LENGTH_PX } from '../constants.js';\nimport { useGaugeChartAspectRatio } from '../hooks/useGaugeChartAspectRatio.js';\nimport { useGaugeChartBaseColorContext } from '../hooks/useGaugeChartBaseColorContext.js';\nimport { useGaugeChartRangeMaxContext } from '../hooks/useGaugeChartRangeMaxContext.js';\nimport { useGaugeChartRangeMinContext } from '../hooks/useGaugeChartRangeMinContext.js';\nimport { useGaugeChartThresholdContext } from '../hooks/useGaugeChartThresholdContext.js';\nimport { buildArc } from '../utils/build-arc.js';\nimport { buildThresholdIntervalArcs } from '../utils/build-threshold-interval-arcs.js';\nimport { computeThresholdBandGeometry } from '../utils/compute-threshold-band-geometry.js';\n\n/**\n * @internal\n */\nexport const GaugeThresholdIntervalArcs = () => {\n  const thresholds = useGaugeChartThresholdContext();\n  const min = useGaugeChartRangeMinContext();\n  const max = useGaugeChartRangeMaxContext();\n  const baseColor = useGaugeChartBaseColorContext();\n  const { arcOuterRadius, arcInnerRadius } = useGaugeChartAspectRatio();\n\n  if (thresholds.length === 0) {\n    return null;\n  }\n\n  const { innerRadius, outerRadius, midRadius, gap } =\n    computeThresholdBandGeometry(arcInnerRadius, arcOuterRadius);\n\n  const segments = buildThresholdIntervalArcs(\n    thresholds,\n    min,\n    max,\n    midRadius,\n    baseColor,\n    gap,\n    THRESHOLD_INTERVAL_MIN_LENGTH_PX,\n  );\n\n  return segments.map((segment, i) => (\n    <path\n      key={i}\n      d={buildArc(\n        innerRadius,\n        outerRadius,\n        segment.startAngle,\n        segment.endAngle,\n      )}\n      fill={segment.color}\n    />\n  ));\n};\n"],
-  "mappings": "AAsCI;AAtCJ,SAAS,wCAAwC;AACjD,SAAS,gCAAgC;AACzC,SAAS,qCAAqC;AAC9C,SAAS,oCAAoC;AAC7C,SAAS,oCAAoC;AAC7C,SAAS,qCAAqC;AAC9C,SAAS,gBAAgB;AACzB,SAAS,kCAAkC;AAC3C,SAAS,oCAAoC;AAKtC,MAAM,6BAA6B,MAAM;AAC9C,QAAM,aAAa,8BAA8B;AACjD,QAAM,MAAM,6BAA6B;AACzC,QAAM,MAAM,6BAA6B;AACzC,QAAM,YAAY,8BAA8B;AAChD,QAAM,EAAE,gBAAgB,eAAe,IAAI,yBAAyB;AAEpE,MAAI,WAAW,WAAW,GAAG;AAC3B,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,aAAa,aAAa,WAAW,IAAI,IAC/C,6BAA6B,gBAAgB,cAAc;AAE7D,QAAM,WAAW;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SAAO,SAAS,IAAI,CAAC,SAAS,MAC5B;AAAA,IAAC;AAAA;AAAA,MAEC,GAAG;AAAA,QACD;AAAA,QACA;AAAA,QACA,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,MAAM,QAAQ;AAAA;AAAA,IAPT;AAAA,EAQP,CACD;AACH;",
+  "sourcesContent": ["import { THRESHOLD_INTERVAL_MIN_LENGTH_PX } from '../constants.js';\nimport { useGaugeChartAspectRatio } from '../hooks/useGaugeChartAspectRatio.js';\nimport { useGaugeChartBaseColorContext } from '../hooks/useGaugeChartBaseColorContext.js';\nimport { useGaugeChartRangeMaxContext } from '../hooks/useGaugeChartRangeMaxContext.js';\nimport { useGaugeChartRangeMinContext } from '../hooks/useGaugeChartRangeMinContext.js';\nimport { useGaugeChartShowThresholdIndicatorsContext } from '../hooks/useGaugeChartShowThresholdIndicatorsContext.js';\nimport { useGaugeChartThresholdContext } from '../hooks/useGaugeChartThresholdContext.js';\nimport { buildArc } from '../utils/build-arc.js';\nimport { buildThresholdIntervalArcs } from '../utils/build-threshold-interval-arcs.js';\nimport { computeThresholdBandGeometry } from '../utils/compute-threshold-band-geometry.js';\n\n/**\n * @internal\n */\nexport const GaugeThresholdIntervalArcs = () => {\n  const thresholds = useGaugeChartThresholdContext();\n  const showThresholdIndicators = useGaugeChartShowThresholdIndicatorsContext();\n  const min = useGaugeChartRangeMinContext();\n  const max = useGaugeChartRangeMaxContext();\n  const baseColor = useGaugeChartBaseColorContext();\n  const { arcOuterRadius, arcInnerRadius } = useGaugeChartAspectRatio();\n\n  if (!showThresholdIndicators || thresholds.length === 0) {\n    return null;\n  }\n\n  const { innerRadius, outerRadius, midRadius, gap } =\n    computeThresholdBandGeometry(arcInnerRadius, arcOuterRadius);\n\n  const segments = buildThresholdIntervalArcs(\n    thresholds,\n    min,\n    max,\n    midRadius,\n    baseColor,\n    gap,\n    THRESHOLD_INTERVAL_MIN_LENGTH_PX,\n  );\n\n  return segments.map((segment, i) => (\n    <path\n      key={i}\n      d={buildArc(\n        innerRadius,\n        outerRadius,\n        segment.startAngle,\n        segment.endAngle,\n      )}\n      fill={segment.color}\n      data-testid=\"gauge-threshold-interval-arc\"\n    />\n  ));\n};\n"],
+  "mappings": "AAwCI;AAxCJ,SAAS,wCAAwC;AACjD,SAAS,gCAAgC;AACzC,SAAS,qCAAqC;AAC9C,SAAS,oCAAoC;AAC7C,SAAS,oCAAoC;AAC7C,SAAS,mDAAmD;AAC5D,SAAS,qCAAqC;AAC9C,SAAS,gBAAgB;AACzB,SAAS,kCAAkC;AAC3C,SAAS,oCAAoC;AAKtC,MAAM,6BAA6B,MAAM;AAC9C,QAAM,aAAa,8BAA8B;AACjD,QAAM,0BAA0B,4CAA4C;AAC5E,QAAM,MAAM,6BAA6B;AACzC,QAAM,MAAM,6BAA6B;AACzC,QAAM,YAAY,8BAA8B;AAChD,QAAM,EAAE,gBAAgB,eAAe,IAAI,yBAAyB;AAEpE,MAAI,CAAC,2BAA2B,WAAW,WAAW,GAAG;AACvD,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,aAAa,aAAa,WAAW,IAAI,IAC/C,6BAA6B,gBAAgB,cAAc;AAE7D,QAAM,WAAW;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SAAO,SAAS,IAAI,CAAC,SAAS,MAC5B;AAAA,IAAC;AAAA;AAAA,MAEC,GAAG;AAAA,QACD;AAAA,QACA;AAAA,QACA,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,MAAM,QAAQ;AAAA,MACd,eAAY;AAAA;AAAA,IARP;AAAA,EASP,CACD;AACH;",
   "names": []
 }

package/esm/charts/gauge/constants.js

@@ -24,12 +24,14 @@ const THRESHOLD_INTERVAL_MAX_THICKNESS = 8;
 const THRESHOLD_INTERVAL_MIN_LENGTH_PX = 1;
 const THRESHOLD_INTERVAL_SCALE_MIN_ARC_WIDTH = 10;
 const THRESHOLD_INTERVAL_SCALE_MAX_ARC_WIDTH = 20;
+const SHOW_THRESHOLD_INDICATORS_DEFAULT = true;
 const GAUGE_DEFAULT_CONFIG = {
   color: ARC_DEFAULT_VALUE_COLOR,
   min: DEFAULT_MIN_RANGE_VALUE,
   max: DEFAULT_MAX_RANGE_VALUE,
   formatter: void 0,
   loading: false,
+  showThresholdIndicators: SHOW_THRESHOLD_INDICATORS_DEFAULT,
   tooltip: {}
 };
 const DISPLAY_NAME = "GaugeChart";
@@ -62,6 +64,7 @@ export {
   MIN_MAX_LABEL_RESERVED_HEIGHT_IN_PX,
   MIN_MAX_PADDING,
   MIN_SIZE_IN_PX,
+  SHOW_THRESHOLD_INDICATORS_DEFAULT,
   THRESHOLD_COLOR_DEFAULT,
   THRESHOLD_INTERVAL_MAX_GAP,
   THRESHOLD_INTERVAL_MAX_OFFSET,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/gauge/constants.ts"],
-  "sourcesContent": ["import Colors from '@dynatrace/strato-design-tokens/colors';\n\n//region Default Values\nexport const DEFAULT_MIN_RANGE_VALUE = 0;\nexport const DEFAULT_MAX_RANGE_VALUE = 100;\nexport const DEFAULT_CHART_WIDTH = '100%';\nexport const DEFAULT_CHART_HEIGHT = 300;\n//endregion\n\n//region Sizes\nexport const MIN_SIZE_IN_PX = 100;\nexport const MIN_MAX_PADDING = 20;\nexport const MIN_MAX_LABEL_RESERVED_HEIGHT_IN_PX = 16;\nexport const ARC_OUTER_RADIUS_PERCENTAGE = 0.9;\nexport const ARC_INNER_RADIUS_PERCENTAGE = 0.8;\nexport const GAUGE_VERTICAL_SMALL_OFFSET = 0.05;\nexport const GAUGE_VERTICAL_DEFAULT_OFFSET = 0.1;\n//endregion\n\n// region Colors\nexport const ARC_BACKGROUND_COLOR = Colors.Theme.Neutral['40'];\nexport const ARC_DEFAULT_VALUE_COLOR =\n  Colors.Charts.Categorical.Color11.Default;\nexport const THRESHOLD_COLOR_DEFAULT =\n  Colors.Charts.Categorical.Color11.Default;\n//endregion\n\n// region Arc Properties\nexport const ARC_START_ANGLE = -0.625 * Math.PI; // \u2212112.5\u00BA in radians\nexport const ARC_END_ANGLE = 0.625 * Math.PI; // 112.5\u00BA in radians\n//endregion\n\n//region Threshold Interval Arcs\nexport const THRESHOLD_INTERVAL_MIN_OFFSET = 4;\nexport const THRESHOLD_INTERVAL_MAX_OFFSET = 8;\nexport const THRESHOLD_INTERVAL_MIN_GAP = 1;\nexport const THRESHOLD_INTERVAL_MAX_GAP = 8;\nexport const THRESHOLD_INTERVAL_MIN_THICKNESS = 2;\nexport const THRESHOLD_INTERVAL_MAX_THICKNESS = 8;\nexport const THRESHOLD_INTERVAL_MIN_LENGTH_PX = 1;\nexport const THRESHOLD_INTERVAL_SCALE_MIN_ARC_WIDTH = 10;\nexport const THRESHOLD_INTERVAL_SCALE_MAX_ARC_WIDTH = 20;\n//endregion\n\n//region Config Defaults\nexport const GAUGE_DEFAULT_CONFIG = {\n  color: ARC_DEFAULT_VALUE_COLOR,\n  min: DEFAULT_MIN_RANGE_VALUE,\n  max: DEFAULT_MAX_RANGE_VALUE,\n  formatter: undefined,\n  loading: false,\n  tooltip: {},\n};\n//endregion\n\nexport const DISPLAY_NAME = 'GaugeChart';\n\nexport const GAUGE_CHART_ARIA_LABEL = 'Gauge Chart';\n\nexport const FONT_HEIGHT_RATIO = 0.7;\nexport const DEFAULT_MAX_VALUE_FONT_SIZE = 240;\n\nexport const zIndexGaugeAreas = {\n  toolbar: 2,\n  tooltip: 1,\n  overlay: 0,\n};\n"],
-  "mappings": "AAAA,OAAO,YAAY;AAGZ,MAAM,0BAA0B;AAChC,MAAM,0BAA0B;AAChC,MAAM,sBAAsB;AAC5B,MAAM,uBAAuB;AAI7B,MAAM,iBAAiB;AACvB,MAAM,kBAAkB;AACxB,MAAM,sCAAsC;AAC5C,MAAM,8BAA8B;AACpC,MAAM,8BAA8B;AACpC,MAAM,8BAA8B;AACpC,MAAM,gCAAgC;AAItC,MAAM,uBAAuB,OAAO,MAAM,QAAQ,IAAI;AACtD,MAAM,0BACX,OAAO,OAAO,YAAY,QAAQ;AAC7B,MAAM,0BACX,OAAO,OAAO,YAAY,QAAQ;AAI7B,MAAM,kBAAkB,SAAS,KAAK;AACtC,MAAM,gBAAgB,QAAQ,KAAK;AAInC,MAAM,gCAAgC;AACtC,MAAM,gCAAgC;AACtC,MAAM,6BAA6B;AACnC,MAAM,6BAA6B;AACnC,MAAM,mCAAmC;AACzC,MAAM,mCAAmC;AACzC,MAAM,mCAAmC;AACzC,MAAM,yCAAyC;AAC/C,MAAM,yCAAyC;AAI/C,MAAM,uBAAuB;AAAA,EAClC,OAAO;AAAA,EACP,KAAK;AAAA,EACL,KAAK;AAAA,EACL,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS,CAAC;AACZ;AAGO,MAAM,eAAe;AAErB,MAAM,yBAAyB;AAE/B,MAAM,oBAAoB;AAC1B,MAAM,8BAA8B;AAEpC,MAAM,mBAAmB;AAAA,EAC9B,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;",
+  "sourcesContent": ["import Colors from '@dynatrace/strato-design-tokens/colors';\n\n//region Default Values\nexport const DEFAULT_MIN_RANGE_VALUE = 0;\nexport const DEFAULT_MAX_RANGE_VALUE = 100;\nexport const DEFAULT_CHART_WIDTH = '100%';\nexport const DEFAULT_CHART_HEIGHT = 300;\n//endregion\n\n//region Sizes\nexport const MIN_SIZE_IN_PX = 100;\nexport const MIN_MAX_PADDING = 20;\nexport const MIN_MAX_LABEL_RESERVED_HEIGHT_IN_PX = 16;\nexport const ARC_OUTER_RADIUS_PERCENTAGE = 0.9;\nexport const ARC_INNER_RADIUS_PERCENTAGE = 0.8;\nexport const GAUGE_VERTICAL_SMALL_OFFSET = 0.05;\nexport const GAUGE_VERTICAL_DEFAULT_OFFSET = 0.1;\n//endregion\n\n// region Colors\nexport const ARC_BACKGROUND_COLOR = Colors.Theme.Neutral['40'];\nexport const ARC_DEFAULT_VALUE_COLOR =\n  Colors.Charts.Categorical.Color11.Default;\nexport const THRESHOLD_COLOR_DEFAULT =\n  Colors.Charts.Categorical.Color11.Default;\n//endregion\n\n// region Arc Properties\nexport const ARC_START_ANGLE = -0.625 * Math.PI; // \u2212112.5\u00BA in radians\nexport const ARC_END_ANGLE = 0.625 * Math.PI; // 112.5\u00BA in radians\n//endregion\n\n//region Threshold Interval Arcs\nexport const THRESHOLD_INTERVAL_MIN_OFFSET = 4;\nexport const THRESHOLD_INTERVAL_MAX_OFFSET = 8;\nexport const THRESHOLD_INTERVAL_MIN_GAP = 1;\nexport const THRESHOLD_INTERVAL_MAX_GAP = 8;\nexport const THRESHOLD_INTERVAL_MIN_THICKNESS = 2;\nexport const THRESHOLD_INTERVAL_MAX_THICKNESS = 8;\nexport const THRESHOLD_INTERVAL_MIN_LENGTH_PX = 1;\nexport const THRESHOLD_INTERVAL_SCALE_MIN_ARC_WIDTH = 10;\nexport const THRESHOLD_INTERVAL_SCALE_MAX_ARC_WIDTH = 20;\nexport const SHOW_THRESHOLD_INDICATORS_DEFAULT = true;\n//endregion\n\n//region Config Defaults\nexport const GAUGE_DEFAULT_CONFIG = {\n  color: ARC_DEFAULT_VALUE_COLOR,\n  min: DEFAULT_MIN_RANGE_VALUE,\n  max: DEFAULT_MAX_RANGE_VALUE,\n  formatter: undefined,\n  loading: false,\n  showThresholdIndicators: SHOW_THRESHOLD_INDICATORS_DEFAULT,\n  tooltip: {},\n};\n//endregion\n\nexport const DISPLAY_NAME = 'GaugeChart';\n\nexport const GAUGE_CHART_ARIA_LABEL = 'Gauge Chart';\n\nexport const FONT_HEIGHT_RATIO = 0.7;\nexport const DEFAULT_MAX_VALUE_FONT_SIZE = 240;\n\nexport const zIndexGaugeAreas = {\n  toolbar: 2,\n  tooltip: 1,\n  overlay: 0,\n};\n"],
+  "mappings": "AAAA,OAAO,YAAY;AAGZ,MAAM,0BAA0B;AAChC,MAAM,0BAA0B;AAChC,MAAM,sBAAsB;AAC5B,MAAM,uBAAuB;AAI7B,MAAM,iBAAiB;AACvB,MAAM,kBAAkB;AACxB,MAAM,sCAAsC;AAC5C,MAAM,8BAA8B;AACpC,MAAM,8BAA8B;AACpC,MAAM,8BAA8B;AACpC,MAAM,gCAAgC;AAItC,MAAM,uBAAuB,OAAO,MAAM,QAAQ,IAAI;AACtD,MAAM,0BACX,OAAO,OAAO,YAAY,QAAQ;AAC7B,MAAM,0BACX,OAAO,OAAO,YAAY,QAAQ;AAI7B,MAAM,kBAAkB,SAAS,KAAK;AACtC,MAAM,gBAAgB,QAAQ,KAAK;AAInC,MAAM,gCAAgC;AACtC,MAAM,gCAAgC;AACtC,MAAM,6BAA6B;AACnC,MAAM,6BAA6B;AACnC,MAAM,mCAAmC;AACzC,MAAM,mCAAmC;AACzC,MAAM,mCAAmC;AACzC,MAAM,yCAAyC;AAC/C,MAAM,yCAAyC;AAC/C,MAAM,oCAAoC;AAI1C,MAAM,uBAAuB;AAAA,EAClC,OAAO;AAAA,EACP,KAAK;AAAA,EACL,KAAK;AAAA,EACL,WAAW;AAAA,EACX,SAAS;AAAA,EACT,yBAAyB;AAAA,EACzB,SAAS,CAAC;AACZ;AAGO,MAAM,eAAe;AAErB,MAAM,yBAAyB;AAE/B,MAAM,oBAAoB;AAC1B,MAAM,8BAA8B;AAEpC,MAAM,mBAAmB;AAAA,EAC9B,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;",
   "names": []
 }

package/esm/charts/gauge/contexts/GaugeChartShowThresholdIndicatorsContext.js

@@ -0,0 +1,9 @@
+import { createContext } from "react";
+import { SHOW_THRESHOLD_INDICATORS_DEFAULT } from "../constants.js";
+const GaugeChartShowThresholdIndicatorsContext = createContext(
+  SHOW_THRESHOLD_INDICATORS_DEFAULT
+);
+export {
+  GaugeChartShowThresholdIndicatorsContext
+};
+//# sourceMappingURL=GaugeChartShowThresholdIndicatorsContext.js.map

package/esm/charts/gauge/contexts/GaugeChartShowThresholdIndicatorsContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/gauge/contexts/GaugeChartShowThresholdIndicatorsContext.ts"],
+  "sourcesContent": ["import { createContext } from 'react';\n\nimport { SHOW_THRESHOLD_INDICATORS_DEFAULT } from '../constants.js';\n\nexport const GaugeChartShowThresholdIndicatorsContext = createContext<boolean>(\n  SHOW_THRESHOLD_INDICATORS_DEFAULT,\n);\n"],
+  "mappings": "AAAA,SAAS,qBAAqB;AAE9B,SAAS,yCAAyC;AAE3C,MAAM,2CAA2C;AAAA,EACtD;AACF;",
+  "names": []
+}

package/esm/charts/gauge/hooks/useGaugeChartShowThresholdIndicatorsContext.js

@@ -0,0 +1,7 @@
+import { useContext } from "react";
+import { GaugeChartShowThresholdIndicatorsContext } from "../contexts/GaugeChartShowThresholdIndicatorsContext.js";
+const useGaugeChartShowThresholdIndicatorsContext = () => useContext(GaugeChartShowThresholdIndicatorsContext);
+export {
+  useGaugeChartShowThresholdIndicatorsContext
+};
+//# sourceMappingURL=useGaugeChartShowThresholdIndicatorsContext.js.map

package/esm/charts/gauge/hooks/useGaugeChartShowThresholdIndicatorsContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/gauge/hooks/useGaugeChartShowThresholdIndicatorsContext.ts"],
+  "sourcesContent": ["import { useContext } from 'react';\n\nimport { GaugeChartShowThresholdIndicatorsContext } from '../contexts/GaugeChartShowThresholdIndicatorsContext.js';\n\nexport const useGaugeChartShowThresholdIndicatorsContext = () =>\n  useContext(GaugeChartShowThresholdIndicatorsContext);\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAE3B,SAAS,gDAAgD;AAElD,MAAM,8CAA8C,MACzD,WAAW,wCAAwC;",
+  "names": []
+}

package/esm/charts/gauge/providers/GaugeChartProviders.js

@@ -10,6 +10,7 @@ import { GaugeChartLabelsContext } from "../contexts/GaugeChartLabelsContext.js"
 import { GaugeChartLoadingContext } from "../contexts/GaugeChartLoadingContext.js";
 import { GaugeChartRangeMaxContext } from "../contexts/GaugeChartRangeMaxContext.js";
 import { GaugeChartRangeMinContext } from "../contexts/GaugeChartRangeMinContext.js";
+import { GaugeChartShowThresholdIndicatorsContext } from "../contexts/GaugeChartShowThresholdIndicatorsContext.js";
 import { GaugeChartSizeContext } from "../contexts/GaugeChartSizeContext.js";
 import { GaugeChartThresholdContext } from "../contexts/GaugeChartThresholdContext.js";
 import { GaugeChartTooltipContext } from "../contexts/GaugeChartTooltipContext.js";
@@ -32,6 +33,7 @@ const GaugeChartProviders = ({
     min,
     labelSlot,
     thresholdsIndicators,
+    showThresholdIndicators,
     colorRules,
     unit
   } = config;
@@ -69,24 +71,30 @@ const GaugeChartProviders = ({
     {
       value: thresholdsIndicators ?? emptyThresholds,
       children: /* @__PURE__ */ jsx(
-        GaugeChartBaseColorContext.Provider,
+        GaugeChartShowThresholdIndicatorsContext.Provider,
         {
-          value: explicitColor ?? config.color,
-          children: /* @__PURE__ */ jsx(GaugeChartColorContext.Provider, { value: calculatedColor, children: /* @__PURE__ */ jsx(
-            GaugeChartLabelsContext.Provider,
+          value: showThresholdIndicators,
+          children: /* @__PURE__ */ jsx(
+            GaugeChartBaseColorContext.Provider,
             {
-              value: {
-                label: labelSlot
-              },
-              children: /* @__PURE__ */ jsx(GaugeChartRangeMinContext.Provider, { value: min, children: /* @__PURE__ */ jsx(GaugeChartRangeMaxContext.Provider, { value: max, children: /* @__PURE__ */ jsx(GaugeChartLoadingContext.Provider, { value: loading, children: /* @__PURE__ */ jsx(
-                GaugeChartTooltipContext.Provider,
+              value: explicitColor ?? config.color,
+              children: /* @__PURE__ */ jsx(GaugeChartColorContext.Provider, { value: calculatedColor, children: /* @__PURE__ */ jsx(
+                GaugeChartLabelsContext.Provider,
                 {
-                  value: tooltipConfigValue,
-                  children
+                  value: {
+                    label: labelSlot
+                  },
+                  children: /* @__PURE__ */ jsx(GaugeChartRangeMinContext.Provider, { value: min, children: /* @__PURE__ */ jsx(GaugeChartRangeMaxContext.Provider, { value: max, children: /* @__PURE__ */ jsx(GaugeChartLoadingContext.Provider, { value: loading, children: /* @__PURE__ */ jsx(
+                    GaugeChartTooltipContext.Provider,
+                    {
+                      value: tooltipConfigValue,
+                      children
+                    }
+                  ) }) }) })
                 }
-              ) }) }) })
+              ) })
             }
-          ) })
+          )
         }
       )
     }

package/esm/charts/gauge/providers/GaugeChartProviders.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/gauge/providers/GaugeChartProviders.tsx"],
-  "sourcesContent": ["import { type PropsWithChildren, type ReactElement, useMemo } from 'react';\n\nimport { OverlayProvider } from '../../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { TooltipProvider } from '../../core/components/overlay-tooltip/contexts/TooltipContext.js';\nimport { ChartSeriesActionContext } from '../../core/components/series-action/ChartSeriesActionContext.js';\nimport type { SeriesActionsTemplate } from '../../core/types/series-actions-template.js';\nimport { GaugeChartBaseColorContext } from '../contexts/GaugeChartBaseColorContext.js';\nimport { GaugeChartColorContext } from '../contexts/GaugeChartColorContext.js';\nimport { GaugeChartFormatterContext } from '../contexts/GaugeChartFormatterContext.js';\nimport { GaugeChartLabelsContext } from '../contexts/GaugeChartLabelsContext.js';\nimport { GaugeChartLoadingContext } from '../contexts/GaugeChartLoadingContext.js';\nimport { GaugeChartRangeMaxContext } from '../contexts/GaugeChartRangeMaxContext.js';\nimport { GaugeChartRangeMinContext } from '../contexts/GaugeChartRangeMinContext.js';\nimport { GaugeChartSizeContext } from '../contexts/GaugeChartSizeContext.js';\nimport { GaugeChartThresholdContext } from '../contexts/GaugeChartThresholdContext.js';\nimport { GaugeChartTooltipContext } from '../contexts/GaugeChartTooltipContext.js';\nimport type { GaugeChartTooltipConfig } from '../slots/Tooltip.js';\nimport type {\n  GaugeChartInternalConfig,\n  GaugeChartThresholdIndicatorPropsInternal,\n} from '../types/gauge-chart-config-internal.js';\nimport type { GaugeChartData } from '../types/gauge-chart.js';\nimport { getValueArcColor } from '../utils/get-value-arc-color.js';\n\nconst emptyThresholds: GaugeChartThresholdIndicatorPropsInternal[] = [];\n\nexport interface GaugeChartProvidersProps {\n  config: GaugeChartInternalConfig;\n  width: number;\n  height: number;\n  value: number | GaugeChartData;\n  valueAccessor?: string;\n  explicitColor?: string;\n  loading: boolean;\n  seriesActions?: (series: string | number) => SeriesActionsTemplate;\n}\n\nexport const GaugeChartProviders = ({\n  config,\n  width,\n  height,\n  value,\n  valueAccessor,\n  explicitColor,\n  seriesActions,\n  children,\n  loading,\n}: PropsWithChildren<GaugeChartProvidersProps>) => {\n  const {\n    formatter,\n    max,\n    min,\n    labelSlot,\n    thresholdsIndicators,\n    colorRules,\n    unit,\n  } = config;\n\n  const calculatedColor = getValueArcColor(\n    value,\n    colorRules,\n    explicitColor,\n    thresholdsIndicators,\n    valueAccessor,\n  );\n\n  const seriesActionValue = useMemo(\n    () => ({\n      chartSeriesActions: seriesActions as (\n        series: unknown,\n      ) => ReactElement<PropsWithChildren>,\n    }),\n    [seriesActions],\n  );\n\n  const chartSizeValue = useMemo(() => ({ width, height }), [width, height]);\n\n  const formatterContextValue = useMemo(\n    () => ({\n      formatter,\n      unit,\n    }),\n    [formatter, unit],\n  );\n\n  const tooltipConfigValue = useMemo<GaugeChartTooltipConfig>(\n    () => ({\n      name: config.tooltip?.name,\n      template: config.tooltip?.children,\n      hidden: config.tooltip?.hidden ?? false,\n    }),\n    [config.tooltip],\n  );\n\n  return (\n    <OverlayProvider>\n      <TooltipProvider persistedStore>\n        <ChartSeriesActionContext.Provider value={seriesActionValue}>\n          <GaugeChartSizeContext.Provider value={chartSizeValue}>\n            <GaugeChartFormatterContext.Provider value={formatterContextValue}>\n              <GaugeChartThresholdContext.Provider\n                value={thresholdsIndicators ?? emptyThresholds}\n              >\n                <GaugeChartBaseColorContext.Provider\n                  value={explicitColor ?? config.color}\n                >\n                  <GaugeChartColorContext.Provider value={calculatedColor}>\n                    <GaugeChartLabelsContext.Provider\n                      value={{\n                        label: labelSlot,\n                      }}\n                    >\n                      <GaugeChartRangeMinContext.Provider value={min}>\n                        <GaugeChartRangeMaxContext.Provider value={max}>\n                          <GaugeChartLoadingContext.Provider value={loading}>\n                            <GaugeChartTooltipContext.Provider\n                              value={tooltipConfigValue}\n                            >\n                              {children}\n                            </GaugeChartTooltipContext.Provider>\n                          </GaugeChartLoadingContext.Provider>\n                        </GaugeChartRangeMaxContext.Provider>\n                      </GaugeChartRangeMinContext.Provider>\n                    </GaugeChartLabelsContext.Provider>\n                  </GaugeChartColorContext.Provider>\n                </GaugeChartBaseColorContext.Provider>\n              </GaugeChartThresholdContext.Provider>\n            </GaugeChartFormatterContext.Provider>\n          </GaugeChartSizeContext.Provider>\n        </ChartSeriesActionContext.Provider>\n      </TooltipProvider>\n    </OverlayProvider>\n  );\n};\n\nGaugeChartProviders['displayName'] = 'GaugeChartProviders';\n"],
-  "mappings": "AAmH4B;AAnH5B,SAAoD,eAAe;AAEnE,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,gCAAgC;AAEzC,SAAS,kCAAkC;AAC3C,SAAS,8BAA8B;AACvC,SAAS,kCAAkC;AAC3C,SAAS,+BAA+B;AACxC,SAAS,gCAAgC;AACzC,SAAS,iCAAiC;AAC1C,SAAS,iCAAiC;AAC1C,SAAS,6BAA6B;AACtC,SAAS,kCAAkC;AAC3C,SAAS,gCAAgC;AAOzC,SAAS,wBAAwB;AAEjC,MAAM,kBAA+D,CAAC;AAa/D,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAmD;AACjD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,oBAAoB;AAAA,IACxB,OAAO;AAAA,MACL,oBAAoB;AAAA,IAGtB;AAAA,IACA,CAAC,aAAa;AAAA,EAChB;AAEA,QAAM,iBAAiB,QAAQ,OAAO,EAAE,OAAO,OAAO,IAAI,CAAC,OAAO,MAAM,CAAC;AAEzE,QAAM,wBAAwB;AAAA,IAC5B,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,WAAW,IAAI;AAAA,EAClB;AAEA,QAAM,qBAAqB;AAAA,IACzB,OAAO;AAAA,MACL,MAAM,OAAO,SAAS;AAAA,MACtB,UAAU,OAAO,SAAS;AAAA,MAC1B,QAAQ,OAAO,SAAS,UAAU;AAAA,IACpC;AAAA,IACA,CAAC,OAAO,OAAO;AAAA,EACjB;AAEA,SACE,oBAAC,mBACC,8BAAC,mBAAgB,gBAAc,MAC7B,8BAAC,yBAAyB,UAAzB,EAAkC,OAAO,mBACxC,8BAAC,sBAAsB,UAAtB,EAA+B,OAAO,gBACrC,8BAAC,2BAA2B,UAA3B,EAAoC,OAAO,uBAC1C;AAAA,IAAC,2BAA2B;AAAA,IAA3B;AAAA,MACC,OAAO,wBAAwB;AAAA,MAE/B;AAAA,QAAC,2BAA2B;AAAA,QAA3B;AAAA,UACC,OAAO,iBAAiB,OAAO;AAAA,UAE/B,8BAAC,uBAAuB,UAAvB,EAAgC,OAAO,iBACtC;AAAA,YAAC,wBAAwB;AAAA,YAAxB;AAAA,cACC,OAAO;AAAA,gBACL,OAAO;AAAA,cACT;AAAA,cAEA,8BAAC,0BAA0B,UAA1B,EAAmC,OAAO,KACzC,8BAAC,0BAA0B,UAA1B,EAAmC,OAAO,KACzC,8BAAC,yBAAyB,UAAzB,EAAkC,OAAO,SACxC;AAAA,gBAAC,yBAAyB;AAAA,gBAAzB;AAAA,kBACC,OAAO;AAAA,kBAEN;AAAA;AAAA,cACH,GACF,GACF,GACF;AAAA;AAAA,UACF,GACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF,GACF,GACF,GACF,GACF,GACF;AAEJ;AAEA,oBAAoB,aAAa,IAAI;",
+  "sourcesContent": ["import { type PropsWithChildren, type ReactElement, useMemo } from 'react';\n\nimport { OverlayProvider } from '../../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { TooltipProvider } from '../../core/components/overlay-tooltip/contexts/TooltipContext.js';\nimport { ChartSeriesActionContext } from '../../core/components/series-action/ChartSeriesActionContext.js';\nimport type { SeriesActionsTemplate } from '../../core/types/series-actions-template.js';\nimport { GaugeChartBaseColorContext } from '../contexts/GaugeChartBaseColorContext.js';\nimport { GaugeChartColorContext } from '../contexts/GaugeChartColorContext.js';\nimport { GaugeChartFormatterContext } from '../contexts/GaugeChartFormatterContext.js';\nimport { GaugeChartLabelsContext } from '../contexts/GaugeChartLabelsContext.js';\nimport { GaugeChartLoadingContext } from '../contexts/GaugeChartLoadingContext.js';\nimport { GaugeChartRangeMaxContext } from '../contexts/GaugeChartRangeMaxContext.js';\nimport { GaugeChartRangeMinContext } from '../contexts/GaugeChartRangeMinContext.js';\nimport { GaugeChartShowThresholdIndicatorsContext } from '../contexts/GaugeChartShowThresholdIndicatorsContext.js';\nimport { GaugeChartSizeContext } from '../contexts/GaugeChartSizeContext.js';\nimport { GaugeChartThresholdContext } from '../contexts/GaugeChartThresholdContext.js';\nimport { GaugeChartTooltipContext } from '../contexts/GaugeChartTooltipContext.js';\nimport type { GaugeChartTooltipConfig } from '../slots/Tooltip.js';\nimport type {\n  GaugeChartInternalConfig,\n  GaugeChartThresholdIndicatorPropsInternal,\n} from '../types/gauge-chart-config-internal.js';\nimport type { GaugeChartData } from '../types/gauge-chart.js';\nimport { getValueArcColor } from '../utils/get-value-arc-color.js';\n\nconst emptyThresholds: GaugeChartThresholdIndicatorPropsInternal[] = [];\n\nexport interface GaugeChartProvidersProps {\n  config: GaugeChartInternalConfig;\n  width: number;\n  height: number;\n  value: number | GaugeChartData;\n  valueAccessor?: string;\n  explicitColor?: string;\n  loading: boolean;\n  seriesActions?: (series: string | number) => SeriesActionsTemplate;\n}\n\nexport const GaugeChartProviders = ({\n  config,\n  width,\n  height,\n  value,\n  valueAccessor,\n  explicitColor,\n  seriesActions,\n  children,\n  loading,\n}: PropsWithChildren<GaugeChartProvidersProps>) => {\n  const {\n    formatter,\n    max,\n    min,\n    labelSlot,\n    thresholdsIndicators,\n    showThresholdIndicators,\n    colorRules,\n    unit,\n  } = config;\n\n  const calculatedColor = getValueArcColor(\n    value,\n    colorRules,\n    explicitColor,\n    thresholdsIndicators,\n    valueAccessor,\n  );\n\n  const seriesActionValue = useMemo(\n    () => ({\n      chartSeriesActions: seriesActions as (\n        series: unknown,\n      ) => ReactElement<PropsWithChildren>,\n    }),\n    [seriesActions],\n  );\n\n  const chartSizeValue = useMemo(() => ({ width, height }), [width, height]);\n\n  const formatterContextValue = useMemo(\n    () => ({\n      formatter,\n      unit,\n    }),\n    [formatter, unit],\n  );\n\n  const tooltipConfigValue = useMemo<GaugeChartTooltipConfig>(\n    () => ({\n      name: config.tooltip?.name,\n      template: config.tooltip?.children,\n      hidden: config.tooltip?.hidden ?? false,\n    }),\n    [config.tooltip],\n  );\n\n  return (\n    <OverlayProvider>\n      <TooltipProvider persistedStore>\n        <ChartSeriesActionContext.Provider value={seriesActionValue}>\n          <GaugeChartSizeContext.Provider value={chartSizeValue}>\n            <GaugeChartFormatterContext.Provider value={formatterContextValue}>\n              <GaugeChartThresholdContext.Provider\n                value={thresholdsIndicators ?? emptyThresholds}\n              >\n                <GaugeChartShowThresholdIndicatorsContext.Provider\n                  value={showThresholdIndicators}\n                >\n                  <GaugeChartBaseColorContext.Provider\n                    value={explicitColor ?? config.color}\n                  >\n                    <GaugeChartColorContext.Provider value={calculatedColor}>\n                      <GaugeChartLabelsContext.Provider\n                        value={{\n                          label: labelSlot,\n                        }}\n                      >\n                        <GaugeChartRangeMinContext.Provider value={min}>\n                          <GaugeChartRangeMaxContext.Provider value={max}>\n                            <GaugeChartLoadingContext.Provider value={loading}>\n                              <GaugeChartTooltipContext.Provider\n                                value={tooltipConfigValue}\n                              >\n                                {children}\n                              </GaugeChartTooltipContext.Provider>\n                            </GaugeChartLoadingContext.Provider>\n                          </GaugeChartRangeMaxContext.Provider>\n                        </GaugeChartRangeMinContext.Provider>\n                      </GaugeChartLabelsContext.Provider>\n                    </GaugeChartColorContext.Provider>\n                  </GaugeChartBaseColorContext.Provider>\n                </GaugeChartShowThresholdIndicatorsContext.Provider>\n              </GaugeChartThresholdContext.Provider>\n            </GaugeChartFormatterContext.Provider>\n          </GaugeChartSizeContext.Provider>\n        </ChartSeriesActionContext.Provider>\n      </TooltipProvider>\n    </OverlayProvider>\n  );\n};\n\nGaugeChartProviders['displayName'] = 'GaugeChartProviders';\n"],
+  "mappings": "AAwH8B;AAxH9B,SAAoD,eAAe;AAEnE,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,gCAAgC;AAEzC,SAAS,kCAAkC;AAC3C,SAAS,8BAA8B;AACvC,SAAS,kCAAkC;AAC3C,SAAS,+BAA+B;AACxC,SAAS,gCAAgC;AACzC,SAAS,iCAAiC;AAC1C,SAAS,iCAAiC;AAC1C,SAAS,gDAAgD;AACzD,SAAS,6BAA6B;AACtC,SAAS,kCAAkC;AAC3C,SAAS,gCAAgC;AAOzC,SAAS,wBAAwB;AAEjC,MAAM,kBAA+D,CAAC;AAa/D,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAmD;AACjD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,oBAAoB;AAAA,IACxB,OAAO;AAAA,MACL,oBAAoB;AAAA,IAGtB;AAAA,IACA,CAAC,aAAa;AAAA,EAChB;AAEA,QAAM,iBAAiB,QAAQ,OAAO,EAAE,OAAO,OAAO,IAAI,CAAC,OAAO,MAAM,CAAC;AAEzE,QAAM,wBAAwB;AAAA,IAC5B,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,WAAW,IAAI;AAAA,EAClB;AAEA,QAAM,qBAAqB;AAAA,IACzB,OAAO;AAAA,MACL,MAAM,OAAO,SAAS;AAAA,MACtB,UAAU,OAAO,SAAS;AAAA,MAC1B,QAAQ,OAAO,SAAS,UAAU;AAAA,IACpC;AAAA,IACA,CAAC,OAAO,OAAO;AAAA,EACjB;AAEA,SACE,oBAAC,mBACC,8BAAC,mBAAgB,gBAAc,MAC7B,8BAAC,yBAAyB,UAAzB,EAAkC,OAAO,mBACxC,8BAAC,sBAAsB,UAAtB,EAA+B,OAAO,gBACrC,8BAAC,2BAA2B,UAA3B,EAAoC,OAAO,uBAC1C;AAAA,IAAC,2BAA2B;AAAA,IAA3B;AAAA,MACC,OAAO,wBAAwB;AAAA,MAE/B;AAAA,QAAC,yCAAyC;AAAA,QAAzC;AAAA,UACC,OAAO;AAAA,UAEP;AAAA,YAAC,2BAA2B;AAAA,YAA3B;AAAA,cACC,OAAO,iBAAiB,OAAO;AAAA,cAE/B,8BAAC,uBAAuB,UAAvB,EAAgC,OAAO,iBACtC;AAAA,gBAAC,wBAAwB;AAAA,gBAAxB;AAAA,kBACC,OAAO;AAAA,oBACL,OAAO;AAAA,kBACT;AAAA,kBAEA,8BAAC,0BAA0B,UAA1B,EAAmC,OAAO,KACzC,8BAAC,0BAA0B,UAA1B,EAAmC,OAAO,KACzC,8BAAC,yBAAyB,UAAzB,EAAkC,OAAO,SACxC;AAAA,oBAAC,yBAAyB;AAAA,oBAAzB;AAAA,sBACC,OAAO;AAAA,sBAEN;AAAA;AAAA,kBACH,GACF,GACF,GACF;AAAA;AAAA,cACF,GACF;AAAA;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF,GACF,GACF,GACF,GACF,GACF;AAEJ;AAEA,oBAAoB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/gauge/slots/ThresholdIndicator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/gauge/slots/ThresholdIndicator.ts"],
-  "sourcesContent": ["/**\n * GaugeChart ThresholdIndicator slot definition.\n * @public\n */\nexport interface GaugeChartThresholdIndicatorProps {\n  /**\n   * The value of the threshold.\n   */\n  value: number;\n  /**\n   * When set to true, it shows the indicator of the threshold.\n   * @deprecated This prop will be removed.\n   * @defaultValue false\n   */\n  showIndicator?: boolean;\n  /**\n   * The color of the threshold.\n   * @defaultValue 'Categorical.Color11'\n   */\n  color?: string;\n}\n\nexport const ThresholdIndicator = (_props: GaugeChartThresholdIndicatorProps) =>\n  null;\n"],
-  "mappings": "AAsBO,MAAM,qBAAqB,CAAC,WACjC;",
+  "sourcesContent": ["/**\n * GaugeChart ThresholdIndicator slot definition.\n * @public\n */\nexport interface GaugeChartThresholdIndicatorProps {\n  /**\n   * The value of the threshold.\n   */\n  value: number;\n  /**\n   * When set to true, it shows the indicator of the threshold.\n   * @deprecated Use the top-level `showThresholdIndicators` prop on\n   * `GaugeChart` to toggle the visibility of all threshold indicators at once.\n   * @defaultValue false\n   */\n  showIndicator?: boolean;\n  /**\n   * The color of the threshold.\n   * @defaultValue 'Categorical.Color11'\n   */\n  color?: string;\n}\n\nexport const ThresholdIndicator = (_props: GaugeChartThresholdIndicatorProps) =>\n  null;\n"],
+  "mappings": "AAuBO,MAAM,qBAAqB,CAAC,WACjC;",
   "names": []
 }

package/esm/charts/gauge/utils/build-gauge-chart-config.js

@@ -8,6 +8,7 @@ const buildGaugeChartConfig = (props, consumerConfig, slots) => {
   const color = props.color ?? consumerConfig.color ?? GAUGE_DEFAULT_CONFIG.color;
   const formatter = props.formatter ?? consumerConfig.formatter;
   const loading = props.loading ?? consumerConfig.loading ?? GAUGE_DEFAULT_CONFIG.loading;
+  const showThresholdIndicators = props.showThresholdIndicators ?? consumerConfig.showThresholdIndicators ?? GAUGE_DEFAULT_CONFIG.showThresholdIndicators;
   const thresholdsIndicators = slots.thresholdsIndicators.length === 0 ? consumerConfig.thresholdsIndicators?.map(applyThresholdDefaults) : slots.thresholdsIndicators;
   const colorRules = (consumerConfig.colorRules || []).filter(isValidColorRule).concat(slots.colorRules || []);
   const toolbar = {
@@ -24,6 +25,7 @@ const buildGaugeChartConfig = (props, consumerConfig, slots) => {
     color,
     formatter,
     thresholdsIndicators,
+    showThresholdIndicators,
     labelSlot: slots.label,
     colorRules,
     toolbar,

package/esm/charts/gauge/utils/build-gauge-chart-config.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/gauge/utils/build-gauge-chart-config.ts"],
-  "sourcesContent": ["import { GAUGE_DEFAULT_CONFIG } from '../constants.js';\nimport { applyThresholdDefaults } from './apply-threshold-default.js';\nimport { isValidColorRule } from '../../core/slots/ColorRule.js';\nimport { baseToolbarProps } from '../../core/slots/toolbar/CompactToolbar.js';\nimport type { GaugeChartInternalConfig } from '../types/gauge-chart-config-internal.js';\nimport type {\n  GaugeChartConsumerConfig,\n  GaugeChartSlotsConfig,\n} from '../types/gauge-chart-config.js';\nimport type { GaugeChartProps } from '../types/gauge-chart.js';\n\nexport const buildGaugeChartConfig = (\n  props: GaugeChartProps,\n  consumerConfig: GaugeChartConsumerConfig,\n  slots: GaugeChartSlotsConfig,\n): GaugeChartInternalConfig => {\n  const min = props.min ?? consumerConfig.min ?? GAUGE_DEFAULT_CONFIG.min;\n  const max = props.max ?? consumerConfig.max ?? GAUGE_DEFAULT_CONFIG.max;\n  const color =\n    props.color ?? consumerConfig.color ?? GAUGE_DEFAULT_CONFIG.color;\n  const formatter = props.formatter ?? consumerConfig.formatter;\n  const loading =\n    props.loading ?? consumerConfig.loading ?? GAUGE_DEFAULT_CONFIG.loading;\n\n  const thresholdsIndicators =\n    slots.thresholdsIndicators.length === 0\n      ? consumerConfig.thresholdsIndicators?.map(applyThresholdDefaults)\n      : slots.thresholdsIndicators;\n  const colorRules = (consumerConfig.colorRules || [])\n    .filter(isValidColorRule)\n    .concat(slots.colorRules || []);\n\n  const toolbar = {\n    ...baseToolbarProps(),\n    ...consumerConfig.toolbar,\n    ...slots.toolbar,\n  };\n\n  const tooltip =\n    slots.tooltip ?? consumerConfig.tooltip ?? GAUGE_DEFAULT_CONFIG.tooltip;\n\n  const valueAccessor = props.valueAccessor ?? consumerConfig.valueAccessor;\n\n  const unit = props.unit ?? consumerConfig.unit;\n\n  return {\n    min,\n    max,\n    color,\n    formatter,\n    thresholdsIndicators,\n    labelSlot: slots.label,\n    colorRules,\n    toolbar,\n    tooltip,\n    intents: slots.intents,\n    valueAccessor,\n    unit,\n    loading,\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,4BAA4B;AACrC,SAAS,8BAA8B;AACvC,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAQ1B,MAAM,wBAAwB,CACnC,OACA,gBACA,UAC6B;AAC7B,QAAM,MAAM,MAAM,OAAO,eAAe,OAAO,qBAAqB;AACpE,QAAM,MAAM,MAAM,OAAO,eAAe,OAAO,qBAAqB;AACpE,QAAM,QACJ,MAAM,SAAS,eAAe,SAAS,qBAAqB;AAC9D,QAAM,YAAY,MAAM,aAAa,eAAe;AACpD,QAAM,UACJ,MAAM,WAAW,eAAe,WAAW,qBAAqB;AAElE,QAAM,uBACJ,MAAM,qBAAqB,WAAW,IAClC,eAAe,sBAAsB,IAAI,sBAAsB,IAC/D,MAAM;AACZ,QAAM,cAAc,eAAe,cAAc,CAAC,GAC/C,OAAO,gBAAgB,EACvB,OAAO,MAAM,cAAc,CAAC,CAAC;AAEhC,QAAM,UAAU;AAAA,IACd,GAAG,iBAAiB;AAAA,IACpB,GAAG,eAAe;AAAA,IAClB,GAAG,MAAM;AAAA,EACX;AAEA,QAAM,UACJ,MAAM,WAAW,eAAe,WAAW,qBAAqB;AAElE,QAAM,gBAAgB,MAAM,iBAAiB,eAAe;AAE5D,QAAM,OAAO,MAAM,QAAQ,eAAe;AAE1C,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,MAAM;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,MAAM;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { GAUGE_DEFAULT_CONFIG } from '../constants.js';\nimport { applyThresholdDefaults } from './apply-threshold-default.js';\nimport { isValidColorRule } from '../../core/slots/ColorRule.js';\nimport { baseToolbarProps } from '../../core/slots/toolbar/CompactToolbar.js';\nimport type { GaugeChartInternalConfig } from '../types/gauge-chart-config-internal.js';\nimport type {\n  GaugeChartConsumerConfig,\n  GaugeChartSlotsConfig,\n} from '../types/gauge-chart-config.js';\nimport type { GaugeChartProps } from '../types/gauge-chart.js';\n\nexport const buildGaugeChartConfig = (\n  props: GaugeChartProps,\n  consumerConfig: GaugeChartConsumerConfig,\n  slots: GaugeChartSlotsConfig,\n): GaugeChartInternalConfig => {\n  const min = props.min ?? consumerConfig.min ?? GAUGE_DEFAULT_CONFIG.min;\n  const max = props.max ?? consumerConfig.max ?? GAUGE_DEFAULT_CONFIG.max;\n  const color =\n    props.color ?? consumerConfig.color ?? GAUGE_DEFAULT_CONFIG.color;\n  const formatter = props.formatter ?? consumerConfig.formatter;\n  const loading =\n    props.loading ?? consumerConfig.loading ?? GAUGE_DEFAULT_CONFIG.loading;\n  const showThresholdIndicators =\n    props.showThresholdIndicators ??\n    consumerConfig.showThresholdIndicators ??\n    GAUGE_DEFAULT_CONFIG.showThresholdIndicators;\n\n  const thresholdsIndicators =\n    slots.thresholdsIndicators.length === 0\n      ? consumerConfig.thresholdsIndicators?.map(applyThresholdDefaults)\n      : slots.thresholdsIndicators;\n  const colorRules = (consumerConfig.colorRules || [])\n    .filter(isValidColorRule)\n    .concat(slots.colorRules || []);\n\n  const toolbar = {\n    ...baseToolbarProps(),\n    ...consumerConfig.toolbar,\n    ...slots.toolbar,\n  };\n\n  const tooltip =\n    slots.tooltip ?? consumerConfig.tooltip ?? GAUGE_DEFAULT_CONFIG.tooltip;\n\n  const valueAccessor = props.valueAccessor ?? consumerConfig.valueAccessor;\n\n  const unit = props.unit ?? consumerConfig.unit;\n\n  return {\n    min,\n    max,\n    color,\n    formatter,\n    thresholdsIndicators,\n    showThresholdIndicators,\n    labelSlot: slots.label,\n    colorRules,\n    toolbar,\n    tooltip,\n    intents: slots.intents,\n    valueAccessor,\n    unit,\n    loading,\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,4BAA4B;AACrC,SAAS,8BAA8B;AACvC,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAQ1B,MAAM,wBAAwB,CACnC,OACA,gBACA,UAC6B;AAC7B,QAAM,MAAM,MAAM,OAAO,eAAe,OAAO,qBAAqB;AACpE,QAAM,MAAM,MAAM,OAAO,eAAe,OAAO,qBAAqB;AACpE,QAAM,QACJ,MAAM,SAAS,eAAe,SAAS,qBAAqB;AAC9D,QAAM,YAAY,MAAM,aAAa,eAAe;AACpD,QAAM,UACJ,MAAM,WAAW,eAAe,WAAW,qBAAqB;AAClE,QAAM,0BACJ,MAAM,2BACN,eAAe,2BACf,qBAAqB;AAEvB,QAAM,uBACJ,MAAM,qBAAqB,WAAW,IAClC,eAAe,sBAAsB,IAAI,sBAAsB,IAC/D,MAAM;AACZ,QAAM,cAAc,eAAe,cAAc,CAAC,GAC/C,OAAO,gBAAgB,EACvB,OAAO,MAAM,cAAc,CAAC,CAAC;AAEhC,QAAM,UAAU;AAAA,IACd,GAAG,iBAAiB;AAAA,IACpB,GAAG,eAAe;AAAA,IAClB,GAAG,MAAM;AAAA,EACX;AAEA,QAAM,UACJ,MAAM,WAAW,eAAe,WAAW,qBAAqB;AAElE,QAAM,gBAAgB,MAAM,iBAAiB,eAAe;AAE5D,QAAM,OAAO,MAAM,QAAQ,eAAe;AAE1C,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,MAAM;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,MAAM;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/charts/gauge/utils/build-threshold-interval-arcs.js

@@ -7,25 +7,30 @@ const buildThresholdIntervalArcs = (thresholds, min, max, midRadius, baseColor,
   const boundaries = [min, ...inRange.map((t) => t.value), max];
   const zoneColors = [baseColor, ...inRange.map((t) => t.color ?? baseColor)];
   const minAngle = minLengthPx / midRadius;
+  const desiredHalfGap = gapPx / midRadius / 2;
   const angles = boundaries.map((b) => calculateGaugeAngle(b, max, min));
-  const minRawSpan = Math.min(
-    ...angles.slice(0, -1).map((a, i) => angles[i + 1] - a)
-  );
-  const halfGapAngle = Math.min(
-    gapPx / midRadius / 2,
-    Math.max(0, (minRawSpan - minAngle) / 2)
-  );
   const arcs = [];
   const lastIndex = boundaries.length - 2;
   for (let i = 0; i <= lastIndex; i++) {
-    const adjustedStart = angles[i] + (i > 0 ? halfGapAngle : 0);
-    const adjustedEnd = angles[i + 1] - (i < lastIndex ? halfGapAngle : 0);
-    if (adjustedEnd - adjustedStart < minAngle) {
-      return [];
+    const rawSpan = angles[i + 1] - angles[i];
+    let leftGap = i > 0 ? desiredHalfGap : 0;
+    let rightGap = i < lastIndex ? desiredHalfGap : 0;
+    const floor = Math.min(rawSpan, minAngle);
+    const maxGapSum = rawSpan - floor;
+    const gapSum = leftGap + rightGap;
+    if (gapSum > maxGapSum) {
+      const scale = gapSum > 0 ? maxGapSum / gapSum : 0;
+      leftGap *= scale;
+      rightGap *= scale;
+    }
+    const startAngle = angles[i] + leftGap;
+    const endAngle = angles[i + 1] - rightGap;
+    if (endAngle <= startAngle) {
+      continue;
     }
     arcs.push({
-      startAngle: adjustedStart,
-      endAngle: adjustedEnd,
+      startAngle,
+      endAngle,
       color: zoneColors[i]
     });
   }

package/esm/charts/gauge/utils/build-threshold-interval-arcs.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/gauge/utils/build-threshold-interval-arcs.ts"],
-  "sourcesContent": ["import { calculateGaugeAngle } from './calculate-gauge-angle.js';\nimport type { GaugeChartThresholdIndicatorProps } from '../slots/ThresholdIndicator.js';\n\nexport interface ThresholdIntervalArcData {\n  startAngle: number;\n  endAngle: number;\n  color: string;\n}\n\n/**\n * Converts a list of threshold indicators into colored arc segment data for\n * the threshold interval bar drawn below the gauge arc.\n *\n * Zones created (consistent with findMatchingThreshold coloring logic):\n *   [min \u2192 t[0].value]            fill-out zone  \u2192 baseColor\n *   [t[0].value \u2192 t[1].value]     zone 1          \u2192 t[0].color\n *   ...\n *   [t[N-1].value \u2192 max]          zone N           \u2192 t[N-1].color\n *\n * @param thresholds   - Threshold indicators (any order; out-of-range filtered).\n * @param min          - Chart minimum value.\n * @param max          - Chart maximum value.\n * @param midRadius    - Mid-radius of the threshold arc band; used to convert\n *                       pixel distances to angles.\n * @param baseColor    - Color for the fill-out zone (before the first threshold).\n * @param gapPx        - Circumferential gap in px between adjacent segments.\n * @param minLengthPx  - Minimum arc length in px; shorter segments are skipped.\n */\nexport const buildThresholdIntervalArcs = (\n  thresholds: GaugeChartThresholdIndicatorProps[],\n  min: number,\n  max: number,\n  midRadius: number,\n  baseColor: string,\n  gapPx: number,\n  minLengthPx: number,\n): ThresholdIntervalArcData[] => {\n  if (thresholds.length === 0 || midRadius <= 0) {\n    return [];\n  }\n\n  const inRange = thresholds\n    .filter((t) => t.value > min && t.value < max)\n    .sort((a, b) => a.value - b.value);\n\n  const boundaries = [min, ...inRange.map((t) => t.value), max];\n  const zoneColors = [baseColor, ...inRange.map((t) => t.color ?? baseColor)];\n\n  const minAngle = minLengthPx / midRadius;\n  const angles = boundaries.map((b) => calculateGaugeAngle(b, max, min));\n  const minRawSpan = Math.min(\n    ...angles.slice(0, -1).map((a, i) => angles[i + 1] - a),\n  );\n  // Cap so that inner zones (losing a gap on both sides) never shrink below minAngle.\n  const halfGapAngle = Math.min(\n    gapPx / midRadius / 2,\n    Math.max(0, (minRawSpan - minAngle) / 2),\n  );\n\n  const arcs: ThresholdIntervalArcData[] = [];\n  const lastIndex = boundaries.length - 2;\n\n  for (let i = 0; i <= lastIndex; i++) {\n    const adjustedStart = angles[i] + (i > 0 ? halfGapAngle : 0);\n    const adjustedEnd = angles[i + 1] - (i < lastIndex ? halfGapAngle : 0);\n\n    if (adjustedEnd - adjustedStart < minAngle) {\n      return [];\n    }\n\n    arcs.push({\n      startAngle: adjustedStart,\n      endAngle: adjustedEnd,\n      color: zoneColors[i],\n    });\n  }\n\n  return arcs;\n};\n"],
-  "mappings": "AAAA,SAAS,2BAA2B;AA4B7B,MAAM,6BAA6B,CACxC,YACA,KACA,KACA,WACA,WACA,OACA,gBAC+B;AAC/B,MAAI,WAAW,WAAW,KAAK,aAAa,GAAG;AAC7C,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,UAAU,WACb,OAAO,CAAC,MAAM,EAAE,QAAQ,OAAO,EAAE,QAAQ,GAAG,EAC5C,KAAK,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK;AAEnC,QAAM,aAAa,CAAC,KAAK,GAAG,QAAQ,IAAI,CAAC,MAAM,EAAE,KAAK,GAAG,GAAG;AAC5D,QAAM,aAAa,CAAC,WAAW,GAAG,QAAQ,IAAI,CAAC,MAAM,EAAE,SAAS,SAAS,CAAC;AAE1E,QAAM,WAAW,cAAc;AAC/B,QAAM,SAAS,WAAW,IAAI,CAAC,MAAM,oBAAoB,GAAG,KAAK,GAAG,CAAC;AACrE,QAAM,aAAa,KAAK;AAAA,IACtB,GAAG,OAAO,MAAM,GAAG,EAAE,EAAE,IAAI,CAAC,GAAG,MAAM,OAAO,IAAI,CAAC,IAAI,CAAC;AAAA,EACxD;AAEA,QAAM,eAAe,KAAK;AAAA,IACxB,QAAQ,YAAY;AAAA,IACpB,KAAK,IAAI,IAAI,aAAa,YAAY,CAAC;AAAA,EACzC;AAEA,QAAM,OAAmC,CAAC;AAC1C,QAAM,YAAY,WAAW,SAAS;AAEtC,WAAS,IAAI,GAAG,KAAK,WAAW,KAAK;AACnC,UAAM,gBAAgB,OAAO,CAAC,KAAK,IAAI,IAAI,eAAe;AAC1D,UAAM,cAAc,OAAO,IAAI,CAAC,KAAK,IAAI,YAAY,eAAe;AAEpE,QAAI,cAAc,gBAAgB,UAAU;AAC1C,aAAO,CAAC;AAAA,IACV;AAEA,SAAK,KAAK;AAAA,MACR,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,OAAO,WAAW,CAAC;AAAA,IACrB,CAAC;AAAA,EACH;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import { calculateGaugeAngle } from './calculate-gauge-angle.js';\nimport type { GaugeChartThresholdIndicatorProps } from '../slots/ThresholdIndicator.js';\n\nexport interface ThresholdIntervalArcData {\n  startAngle: number;\n  endAngle: number;\n  color: string;\n}\n\n/**\n * Converts a list of threshold indicators into colored arc segment data for\n * the threshold interval bar drawn below the gauge arc.\n *\n * Zones created (consistent with findMatchingThreshold coloring logic):\n *   [min \u2192 t[0].value]            fill-out zone  \u2192 baseColor\n *   [t[0].value \u2192 t[1].value]     zone 1          \u2192 t[0].color\n *   ...\n *   [t[N-1].value \u2192 max]          zone N           \u2192 t[N-1].color\n *\n * @param thresholds   - Threshold indicators (any order; out-of-range filtered).\n * @param min          - Chart minimum value.\n * @param max          - Chart maximum value.\n * @param midRadius    - Mid-radius of the threshold arc band; used to convert\n *                       pixel distances to angles.\n * @param baseColor    - Color for the fill-out zone (before the first threshold).\n * @param gapPx        - Circumferential gap in px between adjacent segments.\n * @param minLengthPx  - Minimum arc length in px. Gaps shrink to keep thin zones\n *                       visible; zero-width zones (duplicate values) collapse.\n */\nexport const buildThresholdIntervalArcs = (\n  thresholds: GaugeChartThresholdIndicatorProps[],\n  min: number,\n  max: number,\n  midRadius: number,\n  baseColor: string,\n  gapPx: number,\n  minLengthPx: number,\n): ThresholdIntervalArcData[] => {\n  if (thresholds.length === 0 || midRadius <= 0) {\n    return [];\n  }\n\n  const inRange = thresholds\n    .filter((t) => t.value > min && t.value < max)\n    .sort((a, b) => a.value - b.value);\n  const boundaries = [min, ...inRange.map((t) => t.value), max];\n  const zoneColors = [baseColor, ...inRange.map((t) => t.color ?? baseColor)];\n\n  const minAngle = minLengthPx / midRadius;\n  const desiredHalfGap = gapPx / midRadius / 2;\n  const angles = boundaries.map((b) => calculateGaugeAngle(b, max, min));\n\n  const arcs: ThresholdIntervalArcData[] = [];\n  const lastIndex = boundaries.length - 2;\n\n  for (let i = 0; i <= lastIndex; i++) {\n    const rawSpan = angles[i + 1] - angles[i];\n    let leftGap = i > 0 ? desiredHalfGap : 0;\n    let rightGap = i < lastIndex ? desiredHalfGap : 0;\n\n    // Gaps yield to segments: clamp their sum so no zone shrinks below its floor.\n    const floor = Math.min(rawSpan, minAngle);\n    const maxGapSum = rawSpan - floor;\n    const gapSum = leftGap + rightGap;\n    if (gapSum > maxGapSum) {\n      const scale = gapSum > 0 ? maxGapSum / gapSum : 0;\n      leftGap *= scale;\n      rightGap *= scale;\n    }\n\n    const startAngle = angles[i] + leftGap;\n    const endAngle = angles[i + 1] - rightGap;\n\n    if (endAngle <= startAngle) {\n      continue;\n    }\n\n    arcs.push({\n      startAngle,\n      endAngle,\n      color: zoneColors[i],\n    });\n  }\n\n  return arcs;\n};\n"],
+  "mappings": "AAAA,SAAS,2BAA2B;AA6B7B,MAAM,6BAA6B,CACxC,YACA,KACA,KACA,WACA,WACA,OACA,gBAC+B;AAC/B,MAAI,WAAW,WAAW,KAAK,aAAa,GAAG;AAC7C,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,UAAU,WACb,OAAO,CAAC,MAAM,EAAE,QAAQ,OAAO,EAAE,QAAQ,GAAG,EAC5C,KAAK,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK;AACnC,QAAM,aAAa,CAAC,KAAK,GAAG,QAAQ,IAAI,CAAC,MAAM,EAAE,KAAK,GAAG,GAAG;AAC5D,QAAM,aAAa,CAAC,WAAW,GAAG,QAAQ,IAAI,CAAC,MAAM,EAAE,SAAS,SAAS,CAAC;AAE1E,QAAM,WAAW,cAAc;AAC/B,QAAM,iBAAiB,QAAQ,YAAY;AAC3C,QAAM,SAAS,WAAW,IAAI,CAAC,MAAM,oBAAoB,GAAG,KAAK,GAAG,CAAC;AAErE,QAAM,OAAmC,CAAC;AAC1C,QAAM,YAAY,WAAW,SAAS;AAEtC,WAAS,IAAI,GAAG,KAAK,WAAW,KAAK;AACnC,UAAM,UAAU,OAAO,IAAI,CAAC,IAAI,OAAO,CAAC;AACxC,QAAI,UAAU,IAAI,IAAI,iBAAiB;AACvC,QAAI,WAAW,IAAI,YAAY,iBAAiB;AAGhD,UAAM,QAAQ,KAAK,IAAI,SAAS,QAAQ;AACxC,UAAM,YAAY,UAAU;AAC5B,UAAM,SAAS,UAAU;AACzB,QAAI,SAAS,WAAW;AACtB,YAAM,QAAQ,SAAS,IAAI,YAAY,SAAS;AAChD,iBAAW;AACX,kBAAY;AAAA,IACd;AAEA,UAAM,aAAa,OAAO,CAAC,IAAI;AAC/B,UAAM,WAAW,OAAO,IAAI,CAAC,IAAI;AAEjC,QAAI,YAAY,YAAY;AAC1B;AAAA,IACF;AAEA,SAAK,KAAK;AAAA,MACR;AAAA,MACA;AAAA,MACA,OAAO,WAAW,CAAC;AAAA,IACrB,CAAC;AAAA,EACH;AAEA,SAAO;AACT;",
   "names": []
 }