@dynatrace/strato-components 3.7.0 → 3.8.0

package/esm/charts/core/utils/formatter-by-ticks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/core/utils/formatter-by-ticks.ts"],
-  "sourcesContent": ["import { AxisScale } from '@visx/axis';\nimport { getTicks } from '@visx/scale';\nimport {\n  type ScaleBand,\n  type ScaleLinear,\n  type ScaleLogarithmic,\n  type ScaleSymLog,\n  type ScaleTime,\n} from 'd3-scale';\n\nimport { ConvertibleUnit, FormatOptions, Unit } from '@dynatrace-sdk/units';\n\nimport { defaultUnitFormatter } from './defaultUnitFormatter.js';\nimport { getTickValues } from './format-value.js';\nimport { getTickFormatterMethod } from './get-tick-formatter-method.js';\nimport { getYAxisTickFormatter } from '../components/axes/utils/tick-formatters.js';\nimport { ChartUnit } from '../types/chart-unit.js';\nimport {\n  DateTimeFormatter,\n  Formatter,\n  FormatterWithPrecision,\n} from '../types/formatter.js';\n\nexport interface TickAxis {\n  ticks: string[];\n  formattedTicks: string[];\n  numericTicks?: number[];\n}\n\nexport function getFormatterByTicks(\n  numTicks: number,\n  scale:\n    | ScaleTime<number, number>\n    | ScaleLinear<number, number>\n    | ScaleLogarithmic<number, number>\n    | ScaleSymLog<number, number>\n    | ScaleBand<string>\n    | undefined,\n  unit?: ChartUnit,\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit> | undefined,\n) {\n  if (!scale) {\n    return defaultUnitFormatter(unit);\n  }\n\n  const ticks = getTicks(scale as AxisScale, numTicks);\n\n  return getTickFormatterMethod(ticks, formatter, unit);\n}\n\nexport function getFormattedTicks(\n  numTicks: number,\n  scale:\n    | ScaleLogarithmic<number, number>\n    | ScaleSymLog<number, number>\n    | ScaleLinear<number, number>\n    | ScaleTime<number, number>\n    | undefined,\n  unit?: ChartUnit,\n  formatter?: Formatter | undefined,\n) {\n  if (!scale) {\n    return { ticks: [], formattedTicks: [] };\n  }\n\n  const ticks = getTicks(scale as AxisScale, numTicks);\n\n  const formattedTicks = getTickValues(\n    ticks,\n    getYAxisTickFormatter(scale, unit, formatter, numTicks),\n  );\n\n  return { ticks, formattedTicks };\n}\n\nexport function getDateNumericalFormattedTicks(\n  numTicks: number,\n  scale: AxisScale | undefined,\n  unit: ChartUnit | undefined,\n  formatter: FormatterWithPrecision | DateTimeFormatter | undefined,\n) {\n  if (!scale || !formatter) {\n    return { ticks: [], formattedTicks: [] };\n  }\n\n  const ticks = getTicks(scale, numTicks);\n\n  const formattedTicks = getTickValues(ticks, (value) =>\n    formatter(value as number, unit),\n  );\n\n  return { ticks, formattedTicks };\n}\n\nexport function getCategoricalTicks(\n  scale: AxisScale | undefined,\n  formatLabel?: (raw: string) => string,\n) {\n  if (!scale) {\n    return { ticks: [], formattedTicks: [] };\n  }\n\n  const ticks = scale.domain() as string[];\n  const formattedTicks = formatLabel ? ticks.map(formatLabel) : ticks;\n\n  return { ticks, formattedTicks };\n}\n"],
-  "mappings": "AACA,SAAS,gBAAgB;AAWzB,SAAS,4BAA4B;AACrC,SAAS,qBAAqB;AAC9B,SAAS,8BAA8B;AACvC,SAAS,6BAA6B;AAc/B,SAAS,oBACd,UACA,OAOA,MACA,WACA;AACA,MAAI,CAAC,OAAO;AACV,WAAO,qBAAqB,IAAI;AAAA,EAClC;AAEA,QAAM,QAAQ,SAAS,OAAoB,QAAQ;AAEnD,SAAO,uBAAuB,OAAO,WAAW,IAAI;AACtD;AAEO,SAAS,kBACd,UACA,OAMA,MACA,WACA;AACA,MAAI,CAAC,OAAO;AACV,WAAO,EAAE,OAAO,CAAC,GAAG,gBAAgB,CAAC,EAAE;AAAA,EACzC;AAEA,QAAM,QAAQ,SAAS,OAAoB,QAAQ;AAEnD,QAAM,iBAAiB;AAAA,IACrB;AAAA,IACA,sBAAsB,OAAO,MAAM,WAAW,QAAQ;AAAA,EACxD;AAEA,SAAO,EAAE,OAAO,eAAe;AACjC;AAEO,SAAS,+BACd,UACA,OACA,MACA,WACA;AACA,MAAI,CAAC,SAAS,CAAC,WAAW;AACxB,WAAO,EAAE,OAAO,CAAC,GAAG,gBAAgB,CAAC,EAAE;AAAA,EACzC;AAEA,QAAM,QAAQ,SAAS,OAAO,QAAQ;AAEtC,QAAM,iBAAiB;AAAA,IAAc;AAAA,IAAO,CAAC,UAC3C,UAAU,OAAiB,IAAI;AAAA,EACjC;AAEA,SAAO,EAAE,OAAO,eAAe;AACjC;AAEO,SAAS,oBACd,OACA,aACA;AACA,MAAI,CAAC,OAAO;AACV,WAAO,EAAE,OAAO,CAAC,GAAG,gBAAgB,CAAC,EAAE;AAAA,EACzC;AAEA,QAAM,QAAQ,MAAM,OAAO;AAC3B,QAAM,iBAAiB,cAAc,MAAM,IAAI,WAAW,IAAI;AAE9D,SAAO,EAAE,OAAO,eAAe;AACjC;",
+  "sourcesContent": ["import {\n  type ScaleBand,\n  type ScaleLinear,\n  type ScaleLogarithmic,\n  type ScaleSymLog,\n  type ScaleTime,\n} from 'd3-scale';\n\nimport { ConvertibleUnit, FormatOptions, Unit } from '@dynatrace-sdk/units';\n\nimport { defaultUnitFormatter } from './defaultUnitFormatter.js';\nimport { getTickValues } from './format-value.js';\nimport { getTickFormatterMethod } from './get-tick-formatter-method.js';\nimport { getTicks } from '../../../core/utils/get-ticks.js';\nimport { getYAxisTickFormatter } from '../components/axes/utils/tick-formatters.js';\nimport { ChartUnit } from '../types/chart-unit.js';\nimport {\n  DateTimeFormatter,\n  Formatter,\n  FormatterWithPrecision,\n} from '../types/formatter.js';\n\nexport interface TickAxis {\n  ticks: string[];\n  formattedTicks: string[];\n  numericTicks?: number[];\n}\n\nexport function getFormatterByTicks(\n  numTicks: number,\n  scale:\n    | ScaleTime<number, number>\n    | ScaleLinear<number, number>\n    | ScaleLogarithmic<number, number>\n    | ScaleSymLog<number, number>\n    | ScaleBand<string>\n    | undefined,\n  unit?: ChartUnit,\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit> | undefined,\n) {\n  if (!scale) {\n    return defaultUnitFormatter(unit);\n  }\n\n  const ticks = getTicks(scale, numTicks) as number[];\n\n  return getTickFormatterMethod(ticks, formatter, unit);\n}\n\nexport function getFormattedTicks(\n  numTicks: number,\n  scale:\n    | ScaleLogarithmic<number, number>\n    | ScaleSymLog<number, number>\n    | ScaleLinear<number, number>\n    | ScaleTime<number, number>\n    | undefined,\n  unit?: ChartUnit,\n  formatter?: Formatter | undefined,\n) {\n  if (!scale) {\n    return { ticks: [], formattedTicks: [] };\n  }\n\n  const ticks = getTicks(scale, numTicks);\n\n  const formattedTicks = getTickValues(\n    ticks,\n    getYAxisTickFormatter(scale, unit, formatter, numTicks),\n  );\n\n  return { ticks: ticks as string[], formattedTicks };\n}\n\nexport function getDateNumericalFormattedTicks(\n  numTicks: number,\n  scale:\n    | ScaleTime<number, number>\n    | ScaleLinear<number, number>\n    | ScaleSymLog<number, number>\n    | ScaleBand<string>\n    | undefined,\n  unit: ChartUnit | undefined,\n  formatter: FormatterWithPrecision | DateTimeFormatter | undefined,\n) {\n  if (!scale || !formatter) {\n    return { ticks: [], formattedTicks: [] };\n  }\n\n  const ticks = getTicks(scale, numTicks);\n\n  const formattedTicks = getTickValues(ticks, (value) =>\n    formatter(value as number, unit),\n  );\n\n  return { ticks: ticks as string[], formattedTicks };\n}\n\nexport function getCategoricalTicks(\n  scale:\n    | ScaleTime<number, number>\n    | ScaleLinear<number, number>\n    | ScaleSymLog<number, number>\n    | ScaleBand<string>\n    | undefined,\n  formatLabel?: (raw: string) => string,\n) {\n  if (!scale) {\n    return { ticks: [], formattedTicks: [] };\n  }\n\n  const ticks = scale.domain() as string[];\n  const formattedTicks = formatLabel ? ticks.map(formatLabel) : ticks;\n\n  return { ticks, formattedTicks };\n}\n"],
+  "mappings": "AAUA,SAAS,4BAA4B;AACrC,SAAS,qBAAqB;AAC9B,SAAS,8BAA8B;AACvC,SAAS,gBAAgB;AACzB,SAAS,6BAA6B;AAc/B,SAAS,oBACd,UACA,OAOA,MACA,WACA;AACA,MAAI,CAAC,OAAO;AACV,WAAO,qBAAqB,IAAI;AAAA,EAClC;AAEA,QAAM,QAAQ,SAAS,OAAO,QAAQ;AAEtC,SAAO,uBAAuB,OAAO,WAAW,IAAI;AACtD;AAEO,SAAS,kBACd,UACA,OAMA,MACA,WACA;AACA,MAAI,CAAC,OAAO;AACV,WAAO,EAAE,OAAO,CAAC,GAAG,gBAAgB,CAAC,EAAE;AAAA,EACzC;AAEA,QAAM,QAAQ,SAAS,OAAO,QAAQ;AAEtC,QAAM,iBAAiB;AAAA,IACrB;AAAA,IACA,sBAAsB,OAAO,MAAM,WAAW,QAAQ;AAAA,EACxD;AAEA,SAAO,EAAE,OAA0B,eAAe;AACpD;AAEO,SAAS,+BACd,UACA,OAMA,MACA,WACA;AACA,MAAI,CAAC,SAAS,CAAC,WAAW;AACxB,WAAO,EAAE,OAAO,CAAC,GAAG,gBAAgB,CAAC,EAAE;AAAA,EACzC;AAEA,QAAM,QAAQ,SAAS,OAAO,QAAQ;AAEtC,QAAM,iBAAiB;AAAA,IAAc;AAAA,IAAO,CAAC,UAC3C,UAAU,OAAiB,IAAI;AAAA,EACjC;AAEA,SAAO,EAAE,OAA0B,eAAe;AACpD;AAEO,SAAS,oBACd,OAMA,aACA;AACA,MAAI,CAAC,OAAO;AACV,WAAO,EAAE,OAAO,CAAC,GAAG,gBAAgB,CAAC,EAAE;AAAA,EACzC;AAEA,QAAM,QAAQ,MAAM,OAAO;AAC3B,QAAM,iBAAiB,cAAc,MAAM,IAAI,WAAW,IAAI;AAE9D,SAAO,EAAE,OAAO,eAAe;AACjC;",
   "names": []
 }

package/esm/charts/core/utils/text-measure.js

@@ -0,0 +1,38 @@
+import {
+  charsFontWidth12pixelsSize400Map,
+  charsFontWidth14pixelsSize400Map,
+  charsFontWidth16pixelsSize500Map,
+  charsFontWidth18pixelsSize400Map
+} from "../components/text-ellipsis/chars-font-width-map.js";
+import { calculateWidth } from "../components/text-ellipsis/truncate-string.js";
+import { AUTO_TEXT_SIZE_PRESETS } from "../constants.js";
+import { getFontDetails } from "./get-font-details.js";
+const defaultResolveMap = (fontSize) => {
+  switch (fontSize) {
+    case 18:
+      return charsFontWidth18pixelsSize400Map;
+    case 16:
+      return charsFontWidth16pixelsSize500Map;
+    case 14:
+      return charsFontWidth14pixelsSize400Map;
+    default:
+      return charsFontWidth12pixelsSize400Map;
+  }
+};
+const getTextMeasurer = (ctx, textSize, options) => {
+  const { fontWeight, resolveMap = defaultResolveMap } = options;
+  if (textSize === "auto" || isPresetFontSize(textSize)) {
+    return (text, fontSize) => calculateWidth(text, resolveMap(fontSize));
+  }
+  return getCanvasContextMeasurer(ctx, fontWeight);
+};
+const isPresetFontSize = (fontSize) => AUTO_TEXT_SIZE_PRESETS.includes(fontSize);
+const getCanvasContextMeasurer = (ctx, fontWeight) => (text, fontSize) => {
+  const lineHeight = fontSize * 1.25;
+  ctx.font = getFontDetails(fontWeight, fontSize, lineHeight);
+  return ctx.measureText(text).width;
+};
+export {
+  getTextMeasurer
+};
+//# sourceMappingURL=text-measure.js.map

package/esm/charts/core/utils/text-measure.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/core/utils/text-measure.ts"],
+  "sourcesContent": ["import {\n  charsFontWidth12pixelsSize400Map,\n  charsFontWidth14pixelsSize400Map,\n  charsFontWidth16pixelsSize500Map,\n  charsFontWidth18pixelsSize400Map,\n  type FontWidthMap,\n} from '../components/text-ellipsis/chars-font-width-map.js';\nimport { calculateWidth } from '../components/text-ellipsis/truncate-string.js';\nimport { AUTO_TEXT_SIZE_PRESETS } from '../constants.js';\nimport { getFontDetails } from './get-font-details.js';\nimport type { TextSize } from '../types/text-size.js';\n\n/**\n * A function that measures the pixel width of a string at a given font size.\n * @internal\n */\nexport type TextMeasurer = (text: string, fontSize: number) => number;\n\n/**\n * Resolves the {@link FontWidthMap} to use when measuring at a given font\n * size. Charts supply their own resolver because the appropriate weight (and\n * therefore the appropriate map) depends on the chart-specific typography.\n * @internal\n */\nexport type FontWidthMapResolver = (fontSize: number) => FontWidthMap;\n\n/**\n * Options for {@link getTextMeasurer}.\n * @internal\n */\nexport interface GetTextMeasurerOptions {\n  /** Font weight applied when falling back to canvas measurement. */\n  fontWeight: number;\n  /** Resolves which lookup map to use for preset/auto sizes. */\n  resolveMap?: FontWidthMapResolver;\n}\n\n// Note: the 16px entry uses the 500-weight map regardless of the fontWeight option.\n// Callers rendering 16px text at weight 400 (e.g. labelMeasure when textSize=20)\n// will slightly over-estimate widths, causing earlier-than-necessary truncation.\n// Pass a custom resolveMap to getTextMeasurer to avoid this.\nconst defaultResolveMap: FontWidthMapResolver = (fontSize) => {\n  switch (fontSize) {\n    case 18:\n      return charsFontWidth18pixelsSize400Map;\n    case 16:\n      return charsFontWidth16pixelsSize500Map;\n    case 14:\n      return charsFontWidth14pixelsSize400Map;\n    default:\n      return charsFontWidth12pixelsSize400Map;\n  }\n};\n\n/**\n * Returns the appropriate {@link TextMeasurer} for the given text size.\n *\n * When `textSize` is `'auto'` or one of the preset font sizes defined in\n * {@link AUTO_TEXT_SIZE_PRESETS}, a fast lookup-table measurer is returned.\n * Otherwise a measurer backed by `CanvasRenderingContext2D.measureText` is\n * returned for accurate results with arbitrary font sizes.\n * @internal\n */\nexport const getTextMeasurer = (\n  ctx: CanvasRenderingContext2D,\n  textSize: TextSize,\n  options: GetTextMeasurerOptions,\n): TextMeasurer => {\n  const { fontWeight, resolveMap = defaultResolveMap } = options;\n\n  if (textSize === 'auto' || isPresetFontSize(textSize)) {\n    return (text, fontSize) => calculateWidth(text, resolveMap(fontSize));\n  }\n\n  return getCanvasContextMeasurer(ctx, fontWeight);\n};\n\nconst isPresetFontSize = (fontSize: number) =>\n  AUTO_TEXT_SIZE_PRESETS.includes(fontSize);\n\nconst getCanvasContextMeasurer =\n  (ctx: CanvasRenderingContext2D, fontWeight: number): TextMeasurer =>\n  (text, fontSize) => {\n    const lineHeight = fontSize * 1.25;\n    ctx.font = getFontDetails(fontWeight, fontSize, lineHeight);\n\n    return ctx.measureText(text).width;\n  };\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,sBAAsB;AAC/B,SAAS,8BAA8B;AACvC,SAAS,sBAAsB;AAgC/B,MAAM,oBAA0C,CAAC,aAAa;AAC5D,UAAQ,UAAU;AAAA,IAChB,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAWO,MAAM,kBAAkB,CAC7B,KACA,UACA,YACiB;AACjB,QAAM,EAAE,YAAY,aAAa,kBAAkB,IAAI;AAEvD,MAAI,aAAa,UAAU,iBAAiB,QAAQ,GAAG;AACrD,WAAO,CAAC,MAAM,aAAa,eAAe,MAAM,WAAW,QAAQ,CAAC;AAAA,EACtE;AAEA,SAAO,yBAAyB,KAAK,UAAU;AACjD;AAEA,MAAM,mBAAmB,CAAC,aACxB,uBAAuB,SAAS,QAAQ;AAE1C,MAAM,2BACJ,CAAC,KAA+B,eAChC,CAAC,MAAM,aAAa;AAClB,QAAM,aAAa,WAAW;AAC9B,MAAI,OAAO,eAAe,YAAY,UAAU,UAAU;AAE1D,SAAO,IAAI,YAAY,IAAI,EAAE;AAC/B;",
+  "names": []
+}

package/esm/charts/gantt-chart/GanttChartLine.css

@@ -1,4 +1,4 @@
-._1pk2ed10-3-7-0 {
+._1pk2ed10-3-8-0 {
   height: 100%;
   width: 100%;
 }

package/esm/charts/gantt-chart/GanttChartLine.sty.js

@@ -1,5 +1,5 @@
 import "./GanttChartLine.css";
-var wrapper = "_1pk2ed10-3-7-0";
+var wrapper = "_1pk2ed10-3-8-0";
 export {
   wrapper
 };

package/esm/charts/gantt-chart/GanttChartLine.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/gantt-chart/GanttChartLine.css.ts"],
-  "sourcesContent": ["import './GanttChartLine.css';\nexport var wrapper = '_1pk2ed10-3-7-0';"],
+  "sourcesContent": ["import './GanttChartLine.css';\nexport var wrapper = '_1pk2ed10-3-8-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;",
   "names": []
 }

package/esm/charts/gantt-chart/components/GanttChartLineRenderer.css

@@ -1,4 +1,4 @@
-._mnxak30-3-7-0 {
+._mnxak30-3-8-0 {
   height: 100%;
   display: flex;
   justify-content: center;

package/esm/charts/gantt-chart/components/GanttChartLineRenderer.js

@@ -1,5 +1,4 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Group } from "@visx/group";
 import { isEmpty } from "lodash-es";
 import { forwardRef } from "react";
 import { svgWrapperCSS } from "./GanttChartLineRenderer.sty.js";
@@ -84,7 +83,7 @@ const _GanttChartLineRenderer = forwardRef((props, forwardedRef) => {
           },
           index
         )),
-        /* @__PURE__ */ jsx(Group, { children: segmentsData.map((entry, index) => /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("g", { children: segmentsData.map((entry, index) => /* @__PURE__ */ jsx(
           GanttSegment,
           {
             containerWidth: width,

package/esm/charts/gantt-chart/components/GanttChartLineRenderer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/gantt-chart/components/GanttChartLineRenderer.tsx"],
-  "sourcesContent": ["import { Group } from '@visx/group';\nimport { isEmpty } from 'lodash-es';\nimport { forwardRef, type Attributes, type PropsWithChildren } from 'react';\n\nimport { svgWrapperCSS } from './GanttChartLineRenderer.sty.js';\nimport { GanttSegment } from './GanttSegment.js';\nimport { ChartStateHandler } from '../../core/components/chart-states/ChartStateHandler.js';\nimport { getChartStatesTemplates } from '../../core/components/chart-states/utils/get-chart-states-template.js';\nimport { EmptyStateSlot } from '../../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../../core/slots/chart-states/ErrorStateSlot.js';\nimport {\n  DEFAULT_GANTT_COLORS,\n  DISABLED_PATTERN_ANGLE,\n  DISABLED_PATTERN_SIZE,\n  STRIPES_PATTERN_ID,\n} from '../constants/defaults.js';\nimport { useGanttSegmentsContext } from '../context/GanttSegmentsContext.js';\n\ninterface GanttLineRendererProps extends Attributes {\n  width: number;\n  height: number;\n  loading?: boolean;\n  showBackground?: boolean;\n}\n\nconst _GanttChartLineRenderer = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<GanttLineRendererProps>\n>((props, forwardedRef) => {\n  const { width, height: svgHeight, children } = props;\n  const { segmentsData } = useGanttSegmentsContext();\n  const backgroundSegments: { start: number; end: number }[] = [];\n  const { emptyState, errorState } = getChartStatesTemplates(children);\n\n  // if showBackground is enabled, create an array of background segments to draw between the data segements\n  if (props.showBackground) {\n    segmentsData.sort((a, b) => a.start - b.start);\n    for (let i = 0; i < segmentsData.length - 1; i++) {\n      const currentSegmentEnd = segmentsData[i].end || segmentsData[i].start;\n      const nextSegmentStart = segmentsData[i + 1].start;\n      if (currentSegmentEnd < nextSegmentStart) {\n        backgroundSegments.push({\n          start: currentSegmentEnd,\n          end: nextSegmentStart,\n        });\n      }\n    }\n  }\n\n  return (\n    <ChartStateHandler\n      empty={isEmpty(segmentsData)}\n      height=\"100%\"\n      emptyState={emptyState}\n      errorState={errorState}\n      isLoading={props.loading === true}\n    >\n      <div className={svgWrapperCSS} ref={forwardedRef}>\n        <svg width={width} height={svgHeight}>\n          {backgroundSegments.length > 0 && (\n            <defs>\n              <pattern\n                id={STRIPES_PATTERN_ID}\n                patternUnits=\"userSpaceOnUse\"\n                width={DISABLED_PATTERN_SIZE * 2}\n                height={DISABLED_PATTERN_SIZE * 2}\n                patternTransform={`rotate(${DISABLED_PATTERN_ANGLE})`}\n              >\n                <rect\n                  x=\"0\"\n                  y=\"0\"\n                  width={DISABLED_PATTERN_SIZE}\n                  height={DISABLED_PATTERN_SIZE * 2}\n                  fill={DEFAULT_GANTT_COLORS.background}\n                ></rect>\n                <rect\n                  x={DISABLED_PATTERN_SIZE}\n                  y=\"0\"\n                  width={DISABLED_PATTERN_SIZE}\n                  height={DISABLED_PATTERN_SIZE * 2}\n                  fill=\"transparent\"\n                ></rect>\n              </pattern>\n            </defs>\n          )}\n          {backgroundSegments.map((segment, index) => (\n            <GanttSegment\n              key={index}\n              containerWidth={width}\n              start={segment.start}\n              end={segment.end}\n              height={svgHeight}\n            />\n          ))}\n          <Group>\n            {segmentsData.map((entry, index) => (\n              <GanttSegment\n                key={index}\n                containerWidth={width}\n                height={svgHeight}\n                data={entry}\n                start={entry.start}\n                end={entry.end}\n              />\n            ))}\n          </Group>\n        </svg>\n      </div>\n    </ChartStateHandler>\n  );\n});\n\n/**\n * @internal\n */\nexport const GanttChartLineRenderer = Object.assign(_GanttChartLineRenderer, {\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n});\n"],
-  "mappings": "AA6Dc,SAOE,KAPF;AA7Dd,SAAS,aAAa;AACtB,SAAS,eAAe;AACxB,SAAS,kBAA2D;AAEpE,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;AAClC,SAAS,+BAA+B;AACxC,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,+BAA+B;AASxC,MAAM,0BAA0B,WAG9B,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,OAAO,QAAQ,WAAW,SAAS,IAAI;AAC/C,QAAM,EAAE,aAAa,IAAI,wBAAwB;AACjD,QAAM,qBAAuD,CAAC;AAC9D,QAAM,EAAE,YAAY,WAAW,IAAI,wBAAwB,QAAQ;AAGnE,MAAI,MAAM,gBAAgB;AACxB,iBAAa,KAAK,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK;AAC7C,aAAS,IAAI,GAAG,IAAI,aAAa,SAAS,GAAG,KAAK;AAChD,YAAM,oBAAoB,aAAa,CAAC,EAAE,OAAO,aAAa,CAAC,EAAE;AACjE,YAAM,mBAAmB,aAAa,IAAI,CAAC,EAAE;AAC7C,UAAI,oBAAoB,kBAAkB;AACxC,2BAAmB,KAAK;AAAA,UACtB,OAAO;AAAA,UACP,KAAK;AAAA,QACP,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,QAAQ,YAAY;AAAA,MAC3B,QAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,WAAW,MAAM,YAAY;AAAA,MAE7B,8BAAC,SAAI,WAAW,eAAe,KAAK,cAClC,+BAAC,SAAI,OAAc,QAAQ,WACxB;AAAA,2BAAmB,SAAS,KAC3B,oBAAC,UACC;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,YACJ,cAAa;AAAA,YACb,OAAO,wBAAwB;AAAA,YAC/B,QAAQ,wBAAwB;AAAA,YAChC,kBAAkB,UAAU,sBAAsB;AAAA,YAElD;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,GAAE;AAAA,kBACF,GAAE;AAAA,kBACF,OAAO;AAAA,kBACP,QAAQ,wBAAwB;AAAA,kBAChC,MAAM,qBAAqB;AAAA;AAAA,cAC5B;AAAA,cACD;AAAA,gBAAC;AAAA;AAAA,kBACC,GAAG;AAAA,kBACH,GAAE;AAAA,kBACF,OAAO;AAAA,kBACP,QAAQ,wBAAwB;AAAA,kBAChC,MAAK;AAAA;AAAA,cACN;AAAA;AAAA;AAAA,QACH,GACF;AAAA,QAED,mBAAmB,IAAI,CAAC,SAAS,UAChC;AAAA,UAAC;AAAA;AAAA,YAEC,gBAAgB;AAAA,YAChB,OAAO,QAAQ;AAAA,YACf,KAAK,QAAQ;AAAA,YACb,QAAQ;AAAA;AAAA,UAJH;AAAA,QAKP,CACD;AAAA,QACD,oBAAC,SACE,uBAAa,IAAI,CAAC,OAAO,UACxB;AAAA,UAAC;AAAA;AAAA,YAEC,gBAAgB;AAAA,YAChB,QAAQ;AAAA,YACR,MAAM;AAAA,YACN,OAAO,MAAM;AAAA,YACb,KAAK,MAAM;AAAA;AAAA,UALN;AAAA,QAMP,CACD,GACH;AAAA,SACF,GACF;AAAA;AAAA,EACF;AAEJ,CAAC;AAKM,MAAM,yBAAyB,OAAO,OAAO,yBAAyB;AAAA,EAC3E,YAAY;AAAA,EACZ,YAAY;AACd,CAAC;",
+  "sourcesContent": ["import { isEmpty } from 'lodash-es';\nimport { forwardRef, type Attributes, type PropsWithChildren } from 'react';\n\nimport { svgWrapperCSS } from './GanttChartLineRenderer.sty.js';\nimport { GanttSegment } from './GanttSegment.js';\nimport { ChartStateHandler } from '../../core/components/chart-states/ChartStateHandler.js';\nimport { getChartStatesTemplates } from '../../core/components/chart-states/utils/get-chart-states-template.js';\nimport { EmptyStateSlot } from '../../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../../core/slots/chart-states/ErrorStateSlot.js';\nimport {\n  DEFAULT_GANTT_COLORS,\n  DISABLED_PATTERN_ANGLE,\n  DISABLED_PATTERN_SIZE,\n  STRIPES_PATTERN_ID,\n} from '../constants/defaults.js';\nimport { useGanttSegmentsContext } from '../context/GanttSegmentsContext.js';\n\ninterface GanttLineRendererProps extends Attributes {\n  width: number;\n  height: number;\n  loading?: boolean;\n  showBackground?: boolean;\n}\n\nconst _GanttChartLineRenderer = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<GanttLineRendererProps>\n>((props, forwardedRef) => {\n  const { width, height: svgHeight, children } = props;\n  const { segmentsData } = useGanttSegmentsContext();\n  const backgroundSegments: { start: number; end: number }[] = [];\n  const { emptyState, errorState } = getChartStatesTemplates(children);\n\n  // if showBackground is enabled, create an array of background segments to draw between the data segements\n  if (props.showBackground) {\n    segmentsData.sort((a, b) => a.start - b.start);\n    for (let i = 0; i < segmentsData.length - 1; i++) {\n      const currentSegmentEnd = segmentsData[i].end || segmentsData[i].start;\n      const nextSegmentStart = segmentsData[i + 1].start;\n      if (currentSegmentEnd < nextSegmentStart) {\n        backgroundSegments.push({\n          start: currentSegmentEnd,\n          end: nextSegmentStart,\n        });\n      }\n    }\n  }\n\n  return (\n    <ChartStateHandler\n      empty={isEmpty(segmentsData)}\n      height=\"100%\"\n      emptyState={emptyState}\n      errorState={errorState}\n      isLoading={props.loading === true}\n    >\n      <div className={svgWrapperCSS} ref={forwardedRef}>\n        <svg width={width} height={svgHeight}>\n          {backgroundSegments.length > 0 && (\n            <defs>\n              <pattern\n                id={STRIPES_PATTERN_ID}\n                patternUnits=\"userSpaceOnUse\"\n                width={DISABLED_PATTERN_SIZE * 2}\n                height={DISABLED_PATTERN_SIZE * 2}\n                patternTransform={`rotate(${DISABLED_PATTERN_ANGLE})`}\n              >\n                <rect\n                  x=\"0\"\n                  y=\"0\"\n                  width={DISABLED_PATTERN_SIZE}\n                  height={DISABLED_PATTERN_SIZE * 2}\n                  fill={DEFAULT_GANTT_COLORS.background}\n                ></rect>\n                <rect\n                  x={DISABLED_PATTERN_SIZE}\n                  y=\"0\"\n                  width={DISABLED_PATTERN_SIZE}\n                  height={DISABLED_PATTERN_SIZE * 2}\n                  fill=\"transparent\"\n                ></rect>\n              </pattern>\n            </defs>\n          )}\n          {backgroundSegments.map((segment, index) => (\n            <GanttSegment\n              key={index}\n              containerWidth={width}\n              start={segment.start}\n              end={segment.end}\n              height={svgHeight}\n            />\n          ))}\n          <g>\n            {segmentsData.map((entry, index) => (\n              <GanttSegment\n                key={index}\n                containerWidth={width}\n                height={svgHeight}\n                data={entry}\n                start={entry.start}\n                end={entry.end}\n              />\n            ))}\n          </g>\n        </svg>\n      </div>\n    </ChartStateHandler>\n  );\n});\n\n/**\n * @internal\n */\nexport const GanttChartLineRenderer = Object.assign(_GanttChartLineRenderer, {\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n});\n"],
+  "mappings": "AA4Dc,SAOE,KAPF;AA5Dd,SAAS,eAAe;AACxB,SAAS,kBAA2D;AAEpE,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;AAClC,SAAS,+BAA+B;AACxC,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,+BAA+B;AASxC,MAAM,0BAA0B,WAG9B,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,OAAO,QAAQ,WAAW,SAAS,IAAI;AAC/C,QAAM,EAAE,aAAa,IAAI,wBAAwB;AACjD,QAAM,qBAAuD,CAAC;AAC9D,QAAM,EAAE,YAAY,WAAW,IAAI,wBAAwB,QAAQ;AAGnE,MAAI,MAAM,gBAAgB;AACxB,iBAAa,KAAK,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK;AAC7C,aAAS,IAAI,GAAG,IAAI,aAAa,SAAS,GAAG,KAAK;AAChD,YAAM,oBAAoB,aAAa,CAAC,EAAE,OAAO,aAAa,CAAC,EAAE;AACjE,YAAM,mBAAmB,aAAa,IAAI,CAAC,EAAE;AAC7C,UAAI,oBAAoB,kBAAkB;AACxC,2BAAmB,KAAK;AAAA,UACtB,OAAO;AAAA,UACP,KAAK;AAAA,QACP,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,QAAQ,YAAY;AAAA,MAC3B,QAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,WAAW,MAAM,YAAY;AAAA,MAE7B,8BAAC,SAAI,WAAW,eAAe,KAAK,cAClC,+BAAC,SAAI,OAAc,QAAQ,WACxB;AAAA,2BAAmB,SAAS,KAC3B,oBAAC,UACC;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,YACJ,cAAa;AAAA,YACb,OAAO,wBAAwB;AAAA,YAC/B,QAAQ,wBAAwB;AAAA,YAChC,kBAAkB,UAAU,sBAAsB;AAAA,YAElD;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,GAAE;AAAA,kBACF,GAAE;AAAA,kBACF,OAAO;AAAA,kBACP,QAAQ,wBAAwB;AAAA,kBAChC,MAAM,qBAAqB;AAAA;AAAA,cAC5B;AAAA,cACD;AAAA,gBAAC;AAAA;AAAA,kBACC,GAAG;AAAA,kBACH,GAAE;AAAA,kBACF,OAAO;AAAA,kBACP,QAAQ,wBAAwB;AAAA,kBAChC,MAAK;AAAA;AAAA,cACN;AAAA;AAAA;AAAA,QACH,GACF;AAAA,QAED,mBAAmB,IAAI,CAAC,SAAS,UAChC;AAAA,UAAC;AAAA;AAAA,YAEC,gBAAgB;AAAA,YAChB,OAAO,QAAQ;AAAA,YACf,KAAK,QAAQ;AAAA,YACb,QAAQ;AAAA;AAAA,UAJH;AAAA,QAKP,CACD;AAAA,QACD,oBAAC,OACE,uBAAa,IAAI,CAAC,OAAO,UACxB;AAAA,UAAC;AAAA;AAAA,YAEC,gBAAgB;AAAA,YAChB,QAAQ;AAAA,YACR,MAAM;AAAA,YACN,OAAO,MAAM;AAAA,YACb,KAAK,MAAM;AAAA;AAAA,UALN;AAAA,QAMP,CACD,GACH;AAAA,SACF,GACF;AAAA;AAAA,EACF;AAEJ,CAAC;AAKM,MAAM,yBAAyB,OAAO,OAAO,yBAAyB;AAAA,EAC3E,YAAY;AAAA,EACZ,YAAY;AACd,CAAC;",
   "names": []
 }

package/esm/charts/gantt-chart/components/GanttChartLineRenderer.sty.js

@@ -1,5 +1,5 @@
 import "./GanttChartLineRenderer.css";
-var svgWrapperCSS = "_mnxak30-3-7-0";
+var svgWrapperCSS = "_mnxak30-3-8-0";
 export {
   svgWrapperCSS
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/gantt-chart/components/GanttChartLineRenderer.css.ts"],
-  "sourcesContent": ["import './GanttChartLineRenderer.css';\nexport var svgWrapperCSS = '_mnxak30-3-7-0';"],
+  "sourcesContent": ["import './GanttChartLineRenderer.css';\nexport var svgWrapperCSS = '_mnxak30-3-8-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,gBAAgB;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._1v8s3xl0-3-7-0._1v8s3xl0-3-7-0 {
+._1v8s3xl0-3-8-0._1v8s3xl0-3-8-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-7-0";
+var ganttChartTooltipCSS = "_1v8s3xl0-3-8-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-7-0';"],
+  "sourcesContent": ["import './GanttChartTooltip.css';\nexport var ganttChartTooltipCSS = '_1v8s3xl0-3-8-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,uBAAuB;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._ezp7cy0-3-7-0 {
+._ezp7cy0-3-8-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-7-0";
+var layoutContainer = "_ezp7cy0-3-8-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-7-0';"],
+  "sourcesContent": ["import './GaugeChartLayout.css';\nexport var layoutContainer = '_ezp7cy0-3-8-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;",
   "names": []
 }

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

@@ -5,14 +5,13 @@ import { getA11yToolbarConfig } from "../../../core/utils/zoom.js";
 import { zIndexGaugeAreas } from "../../constants.js";
 const GaugeChartToolbar = (props) => {
   const dispatch = useTooltipReducer();
-  const { intents, toolbar } = props;
+  const { intents, toolbar, handlerRef } = props;
   if (toolbar.hidden) {
     return null;
   }
   return /* @__PURE__ */ jsx(
     ChartToolbarRenderer,
     {
-      visible: false,
       collapsed: false,
       draggable: true,
       placement: toolbar.placement,
@@ -25,6 +24,7 @@ const GaugeChartToolbar = (props) => {
       toolbarDisplayMode: "overlay",
       removeDragHandle: true,
       visibleWhenMouseInBounds: true,
+      handlerRef,
       onToggleMenu: (isOpen) => {
         if (isOpen) {
           dispatch({ type: "RESET_TOOLTIP" })();

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gauge/components/GaugeChartLayout/GaugeChartToolbar.tsx"],
-  "sourcesContent": ["import type { IntentProps } from '../../../../core/slots/Intent/Intent.js';\nimport { useTooltipReducer } from '../../../core/components/overlay-tooltip/useTooltipReducer.js';\nimport { ChartToolbarRenderer } from '../../../core/components/toolbar/ChartToolbarRenderer.js';\nimport type { CompactToolbarProps } from '../../../core/slots/toolbar/CompactToolbar.js';\nimport { getA11yToolbarConfig } from '../../../core/utils/zoom.js';\nimport { zIndexGaugeAreas } from '../../constants.js';\n\nexport type GaugeChartToolbarProps = {\n  intents: IntentProps[];\n  toolbar: Required<CompactToolbarProps>;\n};\n\nexport const GaugeChartToolbar = (props: GaugeChartToolbarProps) => {\n  const dispatch = useTooltipReducer();\n  const { intents, toolbar } = props;\n\n  if (toolbar.hidden) {\n    return null;\n  }\n\n  return (\n    <ChartToolbarRenderer\n      visible={false}\n      collapsed={false}\n      draggable\n      placement={toolbar.placement}\n      initialA11yState={getA11yToolbarConfig({\n        intent: !!intents,\n      })}\n      zIndex={zIndexGaugeAreas.toolbar}\n      intents={intents}\n      menuDisplayMode=\"never\"\n      toolbarDisplayMode=\"overlay\"\n      removeDragHandle\n      visibleWhenMouseInBounds\n      onToggleMenu={(isOpen) => {\n        if (isOpen) {\n          dispatch({ type: 'RESET_TOOLTIP' })();\n        }\n      }}\n    />\n  );\n};\n"],
-  "mappings": "AAqBI;AApBJ,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AAErC,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AAO1B,MAAM,oBAAoB,CAAC,UAAkC;AAClE,QAAM,WAAW,kBAAkB;AACnC,QAAM,EAAE,SAAS,QAAQ,IAAI;AAE7B,MAAI,QAAQ,QAAQ;AAClB,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,WAAW;AAAA,MACX,WAAS;AAAA,MACT,WAAW,QAAQ;AAAA,MACnB,kBAAkB,qBAAqB;AAAA,QACrC,QAAQ,CAAC,CAAC;AAAA,MACZ,CAAC;AAAA,MACD,QAAQ,iBAAiB;AAAA,MACzB;AAAA,MACA,iBAAgB;AAAA,MAChB,oBAAmB;AAAA,MACnB,kBAAgB;AAAA,MAChB,0BAAwB;AAAA,MACxB,cAAc,CAAC,WAAW;AACxB,YAAI,QAAQ;AACV,mBAAS,EAAE,MAAM,gBAAgB,CAAC,EAAE;AAAA,QACtC;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["import type { IntentProps } from '../../../../core/slots/Intent/Intent.js';\nimport { useTooltipReducer } from '../../../core/components/overlay-tooltip/useTooltipReducer.js';\nimport { ChartToolbarRenderer } from '../../../core/components/toolbar/ChartToolbarRenderer.js';\nimport type { ChartToolbarRendererProps } from '../../../core/components/toolbar/types.js';\nimport type { CompactToolbarProps } from '../../../core/slots/toolbar/CompactToolbar.js';\nimport { getA11yToolbarConfig } from '../../../core/utils/zoom.js';\nimport { zIndexGaugeAreas } from '../../constants.js';\n\nexport type GaugeChartToolbarProps = {\n  intents: IntentProps[];\n  toolbar: Required<CompactToolbarProps>;\n  handlerRef?: ChartToolbarRendererProps['handlerRef'];\n};\n\nexport const GaugeChartToolbar = (props: GaugeChartToolbarProps) => {\n  const dispatch = useTooltipReducer();\n  const { intents, toolbar, handlerRef } = props;\n\n  if (toolbar.hidden) {\n    return null;\n  }\n\n  return (\n    <ChartToolbarRenderer\n      collapsed={false}\n      draggable\n      placement={toolbar.placement}\n      initialA11yState={getA11yToolbarConfig({\n        intent: !!intents,\n      })}\n      zIndex={zIndexGaugeAreas.toolbar}\n      intents={intents}\n      menuDisplayMode=\"never\"\n      toolbarDisplayMode=\"overlay\"\n      removeDragHandle\n      visibleWhenMouseInBounds\n      handlerRef={handlerRef}\n      onToggleMenu={(isOpen) => {\n        if (isOpen) {\n          dispatch({ type: 'RESET_TOOLTIP' })();\n        }\n      }}\n    />\n  );\n};\n"],
+  "mappings": "AAuBI;AAtBJ,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AAGrC,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AAQ1B,MAAM,oBAAoB,CAAC,UAAkC;AAClE,QAAM,WAAW,kBAAkB;AACnC,QAAM,EAAE,SAAS,SAAS,WAAW,IAAI;AAEzC,MAAI,QAAQ,QAAQ;AAClB,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,WAAS;AAAA,MACT,WAAW,QAAQ;AAAA,MACnB,kBAAkB,qBAAqB;AAAA,QACrC,QAAQ,CAAC,CAAC;AAAA,MACZ,CAAC;AAAA,MACD,QAAQ,iBAAiB;AAAA,MACzB;AAAA,MACA,iBAAgB;AAAA,MAChB,oBAAmB;AAAA,MACnB,kBAAgB;AAAA,MAChB,0BAAwB;AAAA,MACxB;AAAA,MACA,cAAc,CAAC,WAAW;AACxB,YAAI,QAAQ;AACV,mBAAS,EAAE,MAAM,gBAAgB,CAAC,EAAE;AAAA,QACtC;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

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

@@ -1,22 +1,22 @@
-._18ourc20-3-7-0 {
+._18ourc20-3-8-0 {
   width: 100%;
   height: 100%;
   overflow: visible;
 }
-._18ourc21-3-7-0 {
+._18ourc21-3-8-0 {
   width: fit-content;
 }
-._18ourc22-3-7-0 {
+._18ourc22-3-8-0 {
   transform: translateX(-50%) translateY(-75%);
 }
-._18ourc23-3-7-0 {
+._18ourc23-3-8-0 {
   transform: translateX(-50%) translateY(-25%);
 }
-._18ourc24-3-7-0 {
+._18ourc24-3-8-0 {
   display: none;
 }
 @container (min-width: 100px) and (min-height: 120px) {
-  ._18ourc24-3-7-0 {
+  ._18ourc24-3-8-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-7-0";
-var foreignObjectContainer = _7a468({ defaultClassName: "_18ourc21-3-7-0", variantClassNames: { dominantBaseline: { auto: "_18ourc22-3-7-0", hanging: "_18ourc23-3-7-0" } }, defaultVariants: { dominantBaseline: "hanging" }, compoundVariants: [] });
-var textContainer = "_18ourc24-3-7-0";
+var elementLabelWrapper = "_18ourc20-3-8-0";
+var foreignObjectContainer = _7a468({ defaultClassName: "_18ourc21-3-8-0", variantClassNames: { dominantBaseline: { auto: "_18ourc22-3-8-0", hanging: "_18ourc23-3-8-0" } }, defaultVariants: { dominantBaseline: "hanging" }, compoundVariants: [] });
+var textContainer = "_18ourc24-3-8-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-7-0';\nexport var foreignObjectContainer = _7a468({defaultClassName:'_18ourc21-3-7-0',variantClassNames:{dominantBaseline:{auto:'_18ourc22-3-7-0',hanging:'_18ourc23-3-7-0'}},defaultVariants:{dominantBaseline:'hanging'},compoundVariants:[]});\nexport var textContainer = '_18ourc24-3-7-0';"],
+  "sourcesContent": ["import './GaugeLabel.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var elementLabelWrapper = '_18ourc20-3-8-0';\nexport var foreignObjectContainer = _7a468({defaultClassName:'_18ourc21-3-8-0',variantClassNames:{dominantBaseline:{auto:'_18ourc22-3-8-0',hanging:'_18ourc23-3-8-0'}},defaultVariants:{dominantBaseline:'hanging'},compoundVariants:[]});\nexport var textContainer = '_18ourc24-3-8-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,sBAAsB;AAC1B,IAAI,yBAAyB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,kBAAiB,EAAC,MAAK,mBAAkB,SAAQ,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,kBAAiB,UAAS,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACjO,IAAI,gBAAgB;",
   "names": []
 }

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

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

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

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

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

@@ -1,4 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  useRef
+} from "react";
 import {
   container,
   tooltipOverlay,
@@ -9,6 +12,7 @@ import { Flex } from "../../../../layouts/flex/Flex.js";
 import { LoaderOverlay } from "../../../core/components/loader-overlay/LoaderOverlay.js";
 import { useOverlay } from "../../../core/components/overlay-tooltip/contexts/OverlayContext.js";
 import { useTooltipActions } from "../../../core/components/overlay-tooltip/useTooltipActions.js";
+import { useToolbarHandlerRef } from "../../../core/components/toolbar/hooks/useToolbarHandlerRef.js";
 import { useGaugeChartTooltip } from "../../contexts/GaugeChartTooltipContext.js";
 import { useGaugeChartTooltipOverlayBounds } from "../../hooks/useGaugeChartTooltipOverlayBounds.js";
 import {
@@ -21,6 +25,8 @@ const GaugeChartOverlay = (props) => {
   const overlayBounds = useGaugeChartTooltipOverlayBounds();
   const { name: tooltipName, hidden: tooltipHidden } = useGaugeChartTooltip();
   const { hover, togglePin, outOfBounds } = useTooltipActions();
+  const toolbarHandlerRef = useToolbarHandlerRef();
+  const isTouchInteractionRef = useRef(false);
   const data = {
     geometry: "meterbar",
     series: [{ name: tooltipName ?? "Value", value, color }]
@@ -32,6 +38,19 @@ const GaugeChartOverlay = (props) => {
     width: overlayBounds.width,
     height: overlayBounds.height
   } : void 0;
+  const handleClick = (event) => {
+    if (isTouchInteractionRef.current || event.target !== event.currentTarget) {
+      return;
+    }
+    togglePin(event, data);
+  };
+  const handlePointerDown = (event) => {
+    isTouchInteractionRef.current = event.pointerType === "touch";
+    toolbarHandlerRef.current.handleFocus();
+    if (isTouchInteractionRef.current && event.target === event.currentTarget) {
+      togglePin(event, data);
+    }
+  };
   return /* @__PURE__ */ jsxs(
     Flex,
     {
@@ -39,14 +58,22 @@ const GaugeChartOverlay = (props) => {
       "data-testid": "gauge-overlay-wrapper",
       className: container({ showLoading }),
       children: [
-        /* @__PURE__ */ jsx(GaugeChartToolbar, { intents, toolbar }),
+        /* @__PURE__ */ jsx(
+          GaugeChartToolbar,
+          {
+            intents,
+            toolbar,
+            handlerRef: toolbarHandlerRef
+          }
+        ),
         !showLoading && /* @__PURE__ */ jsx(
           Flex,
           {
             className: overlayClassName,
             onPointerMove: (event) => hover(event, data),
             onPointerLeave: outOfBounds,
-            onClick: (event) => togglePin(event, data),
+            onClick: handleClick,
+            onPointerDown: handlePointerDown,
             style: overlayStyle,
             children: !tooltipHidden && /* @__PURE__ */ jsx(GaugeOverlayTooltip, { value, color })
           }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gauge/components/GaugeLayoutOverlay/GaugeLayoutOverlay.tsx"],
-  "sourcesContent": ["import { type PropsWithChildren } from 'react';\n\nimport {\n  container,\n  tooltipOverlay,\n  tooltipOverlayFull,\n  consumerLoadingStyle,\n} from './GaugeLayoutOverlay.sty.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport { LoaderOverlay } from '../../../core/components/loader-overlay/LoaderOverlay.js';\nimport { useOverlay } from '../../../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { useTooltipActions } from '../../../core/components/overlay-tooltip/useTooltipActions.js';\nimport { useGaugeChartTooltip } from '../../contexts/GaugeChartTooltipContext.js';\nimport { useGaugeChartTooltipOverlayBounds } from '../../hooks/useGaugeChartTooltipOverlayBounds.js';\nimport {\n  GaugeChartToolbar,\n  type GaugeChartToolbarProps,\n} from '../GaugeChartLayout/GaugeChartToolbar.js';\nimport { GaugeOverlayTooltip } from '../GaugeChartTooltip/GaugeOverlayTooltip.js';\n\ninterface GaugeChartOverlayProps {\n  value: number;\n  color: string;\n  showLoading?: boolean;\n  intents: GaugeChartToolbarProps['intents'];\n  toolbar: GaugeChartToolbarProps['toolbar'];\n}\n\nexport const GaugeChartOverlay = (\n  props: PropsWithChildren<GaugeChartOverlayProps>,\n) => {\n  const { children, value, color, intents, toolbar, showLoading } = props;\n  const overlay = useOverlay();\n  const overlayBounds = useGaugeChartTooltipOverlayBounds();\n  const { name: tooltipName, hidden: tooltipHidden } = useGaugeChartTooltip();\n  const { hover, togglePin, outOfBounds } = useTooltipActions();\n\n  const data = {\n    geometry: 'meterbar' as const,\n    series: [{ name: tooltipName ?? 'Value', value, color }],\n  };\n\n  const overlayClassName = overlayBounds\n    ? tooltipOverlay\n    : `${tooltipOverlay} ${tooltipOverlayFull}`;\n  const overlayStyle = overlayBounds\n    ? {\n        top: overlayBounds.top,\n        left: overlayBounds.left,\n        width: overlayBounds.width,\n        height: overlayBounds.height,\n      }\n    : undefined;\n\n  return (\n    <Flex\n      ref={overlay.overlayRef}\n      data-testid=\"gauge-overlay-wrapper\"\n      className={container({ showLoading })}\n    >\n      <GaugeChartToolbar intents={intents} toolbar={toolbar} />\n\n      {!showLoading && (\n        <Flex\n          className={overlayClassName}\n          onPointerMove={(event) => hover(event, data)}\n          onPointerLeave={outOfBounds}\n          onClick={(event) => togglePin(event, data)}\n          style={overlayStyle}\n        >\n          {!tooltipHidden && (\n            <GaugeOverlayTooltip value={value} color={color} />\n          )}\n        </Flex>\n      )}\n\n      {children}\n      {showLoading ? (\n        <LoaderOverlay\n          gridArea=\"1/1/2/2\"\n          consumerStyle={consumerLoadingStyle}\n        />\n      ) : null}\n    </Flex>\n  );\n};\n\nGaugeChartOverlay['displayName'] = 'GaugeChartOverlay';\n"],
-  "mappings": "AAuDI,SAKE,KALF;AArDJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AACrB,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,yCAAyC;AAClD;AAAA,EACE;AAAA,OAEK;AACP,SAAS,2BAA2B;AAU7B,MAAM,oBAAoB,CAC/B,UACG;AACH,QAAM,EAAE,UAAU,OAAO,OAAO,SAAS,SAAS,YAAY,IAAI;AAClE,QAAM,UAAU,WAAW;AAC3B,QAAM,gBAAgB,kCAAkC;AACxD,QAAM,EAAE,MAAM,aAAa,QAAQ,cAAc,IAAI,qBAAqB;AAC1E,QAAM,EAAE,OAAO,WAAW,YAAY,IAAI,kBAAkB;AAE5D,QAAM,OAAO;AAAA,IACX,UAAU;AAAA,IACV,QAAQ,CAAC,EAAE,MAAM,eAAe,SAAS,OAAO,MAAM,CAAC;AAAA,EACzD;AAEA,QAAM,mBAAmB,gBACrB,iBACA,GAAG,cAAc,IAAI,kBAAkB;AAC3C,QAAM,eAAe,gBACjB;AAAA,IACE,KAAK,cAAc;AAAA,IACnB,MAAM,cAAc;AAAA,IACpB,OAAO,cAAc;AAAA,IACrB,QAAQ,cAAc;AAAA,EACxB,IACA;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,QAAQ;AAAA,MACb,eAAY;AAAA,MACZ,WAAW,UAAU,EAAE,YAAY,CAAC;AAAA,MAEpC;AAAA,4BAAC,qBAAkB,SAAkB,SAAkB;AAAA,QAEtD,CAAC,eACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,YACX,eAAe,CAAC,UAAU,MAAM,OAAO,IAAI;AAAA,YAC3C,gBAAgB;AAAA,YAChB,SAAS,CAAC,UAAU,UAAU,OAAO,IAAI;AAAA,YACzC,OAAO;AAAA,YAEN,WAAC,iBACA,oBAAC,uBAAoB,OAAc,OAAc;AAAA;AAAA,QAErD;AAAA,QAGD;AAAA,QACA,cACC;AAAA,UAAC;AAAA;AAAA,YACC,UAAS;AAAA,YACT,eAAe;AAAA;AAAA,QACjB,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;AAEA,kBAAkB,aAAa,IAAI;",
+  "sourcesContent": ["import {\n  useRef,\n  type PropsWithChildren,\n  type MouseEvent,\n  type PointerEvent,\n} from 'react';\n\nimport {\n  container,\n  tooltipOverlay,\n  tooltipOverlayFull,\n  consumerLoadingStyle,\n} from './GaugeLayoutOverlay.sty.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport { LoaderOverlay } from '../../../core/components/loader-overlay/LoaderOverlay.js';\nimport { useOverlay } from '../../../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { useTooltipActions } from '../../../core/components/overlay-tooltip/useTooltipActions.js';\nimport { useToolbarHandlerRef } from '../../../core/components/toolbar/hooks/useToolbarHandlerRef.js';\nimport { useGaugeChartTooltip } from '../../contexts/GaugeChartTooltipContext.js';\nimport { useGaugeChartTooltipOverlayBounds } from '../../hooks/useGaugeChartTooltipOverlayBounds.js';\nimport {\n  GaugeChartToolbar,\n  type GaugeChartToolbarProps,\n} from '../GaugeChartLayout/GaugeChartToolbar.js';\nimport { GaugeOverlayTooltip } from '../GaugeChartTooltip/GaugeOverlayTooltip.js';\n\ninterface GaugeChartOverlayProps {\n  value: number;\n  color: string;\n  showLoading?: boolean;\n  intents: GaugeChartToolbarProps['intents'];\n  toolbar: GaugeChartToolbarProps['toolbar'];\n}\n\nexport const GaugeChartOverlay = (\n  props: PropsWithChildren<GaugeChartOverlayProps>,\n) => {\n  const { children, value, color, intents, toolbar, showLoading } = props;\n  const overlay = useOverlay();\n  const overlayBounds = useGaugeChartTooltipOverlayBounds();\n  const { name: tooltipName, hidden: tooltipHidden } = useGaugeChartTooltip();\n  const { hover, togglePin, outOfBounds } = useTooltipActions();\n  const toolbarHandlerRef = useToolbarHandlerRef();\n  const isTouchInteractionRef = useRef(false);\n\n  const data = {\n    geometry: 'meterbar' as const,\n    series: [{ name: tooltipName ?? 'Value', value, color }],\n  };\n\n  const overlayClassName = overlayBounds\n    ? tooltipOverlay\n    : `${tooltipOverlay} ${tooltipOverlayFull}`;\n  const overlayStyle = overlayBounds\n    ? {\n        top: overlayBounds.top,\n        left: overlayBounds.left,\n        width: overlayBounds.width,\n        height: overlayBounds.height,\n      }\n    : undefined;\n\n  const handleClick = (event: MouseEvent<HTMLDivElement>) => {\n    // The pinned tooltip is portaled but still bubbles its events here\n    // through the React tree; only toggle for taps on the gauge itself,\n    // otherwise interacting with the tooltip (e.g. series actions)\n    // would close it. On touch the tooltip is already toggled in\n    // onPointerDown, and iOS may still emit a (sometimes delayed)\n    // synthetic click, so skip it here to avoid toggling back off.\n    if (isTouchInteractionRef.current || event.target !== event.currentTarget) {\n      return;\n    }\n    togglePin(event, data);\n  };\n\n  const handlePointerDown = (event: PointerEvent<HTMLDivElement>) => {\n    isTouchInteractionRef.current = event.pointerType === 'touch';\n    toolbarHandlerRef.current.handleFocus();\n    // On touch devices the first tap reveals the toolbar, which makes\n    // iOS suppress the following synthetic click. Toggle the tooltip\n    // here so both appear on the first tap \u2014 but only for taps on the\n    // gauge itself, not on the portaled tooltip bubbling its events up.\n    if (isTouchInteractionRef.current && event.target === event.currentTarget) {\n      togglePin(event, data);\n    }\n  };\n\n  return (\n    <Flex\n      ref={overlay.overlayRef}\n      data-testid=\"gauge-overlay-wrapper\"\n      className={container({ showLoading })}\n    >\n      <GaugeChartToolbar\n        intents={intents}\n        toolbar={toolbar}\n        handlerRef={toolbarHandlerRef}\n      />\n\n      {!showLoading && (\n        <Flex\n          className={overlayClassName}\n          onPointerMove={(event) => hover(event, data)}\n          onPointerLeave={outOfBounds}\n          onClick={handleClick}\n          onPointerDown={handlePointerDown}\n          style={overlayStyle}\n        >\n          {!tooltipHidden && (\n            <GaugeOverlayTooltip value={value} color={color} />\n          )}\n        </Flex>\n      )}\n\n      {children}\n      {showLoading ? (\n        <LoaderOverlay\n          gridArea=\"1/1/2/2\"\n          consumerStyle={consumerLoadingStyle}\n        />\n      ) : null}\n    </Flex>\n  );\n};\n\nGaugeChartOverlay['displayName'] = 'GaugeChartOverlay';\n"],
+  "mappings": "AAwFI,SAKE,KALF;AAxFJ;AAAA,EACE;AAAA,OAIK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AACrB,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AACrC,SAAS,yCAAyC;AAClD;AAAA,EACE;AAAA,OAEK;AACP,SAAS,2BAA2B;AAU7B,MAAM,oBAAoB,CAC/B,UACG;AACH,QAAM,EAAE,UAAU,OAAO,OAAO,SAAS,SAAS,YAAY,IAAI;AAClE,QAAM,UAAU,WAAW;AAC3B,QAAM,gBAAgB,kCAAkC;AACxD,QAAM,EAAE,MAAM,aAAa,QAAQ,cAAc,IAAI,qBAAqB;AAC1E,QAAM,EAAE,OAAO,WAAW,YAAY,IAAI,kBAAkB;AAC5D,QAAM,oBAAoB,qBAAqB;AAC/C,QAAM,wBAAwB,OAAO,KAAK;AAE1C,QAAM,OAAO;AAAA,IACX,UAAU;AAAA,IACV,QAAQ,CAAC,EAAE,MAAM,eAAe,SAAS,OAAO,MAAM,CAAC;AAAA,EACzD;AAEA,QAAM,mBAAmB,gBACrB,iBACA,GAAG,cAAc,IAAI,kBAAkB;AAC3C,QAAM,eAAe,gBACjB;AAAA,IACE,KAAK,cAAc;AAAA,IACnB,MAAM,cAAc;AAAA,IACpB,OAAO,cAAc;AAAA,IACrB,QAAQ,cAAc;AAAA,EACxB,IACA;AAEJ,QAAM,cAAc,CAAC,UAAsC;AAOzD,QAAI,sBAAsB,WAAW,MAAM,WAAW,MAAM,eAAe;AACzE;AAAA,IACF;AACA,cAAU,OAAO,IAAI;AAAA,EACvB;AAEA,QAAM,oBAAoB,CAAC,UAAwC;AACjE,0BAAsB,UAAU,MAAM,gBAAgB;AACtD,sBAAkB,QAAQ,YAAY;AAKtC,QAAI,sBAAsB,WAAW,MAAM,WAAW,MAAM,eAAe;AACzE,gBAAU,OAAO,IAAI;AAAA,IACvB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,QAAQ;AAAA,MACb,eAAY;AAAA,MACZ,WAAW,UAAU,EAAE,YAAY,CAAC;AAAA,MAEpC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA,YAAY;AAAA;AAAA,QACd;AAAA,QAEC,CAAC,eACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,YACX,eAAe,CAAC,UAAU,MAAM,OAAO,IAAI;AAAA,YAC3C,gBAAgB;AAAA,YAChB,SAAS;AAAA,YACT,eAAe;AAAA,YACf,OAAO;AAAA,YAEN,WAAC,iBACA,oBAAC,uBAAoB,OAAc,OAAc;AAAA;AAAA,QAErD;AAAA,QAGD;AAAA,QACA,cACC;AAAA,UAAC;AAAA;AAAA,YACC,UAAS;AAAA,YACT,eAAe;AAAA;AAAA,QACjB,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;AAEA,kBAAkB,aAAa,IAAI;",
   "names": []
 }

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

@@ -1,9 +1,9 @@
 import "./GaugeLayoutOverlay.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
 var consumerLoadingStyle = { position: "absolute", top: 0, width: "100%", height: "100%", zIndex: 1, pointerEvents: "none", backgroundColor: "var(--dt-colors-background-base-default, #f9f9fa)", opacity: 0.4 };
-var container = _7a468({ defaultClassName: "_l0e5zm0-3-7-0", variantClassNames: { showLoading: { true: "_l0e5zm1-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
-var tooltipOverlay = "_l0e5zm2-3-7-0";
-var tooltipOverlayFull = "_l0e5zm3-3-7-0";
+var container = _7a468({ defaultClassName: "_l0e5zm0-3-8-0", variantClassNames: { showLoading: { true: "_l0e5zm1-3-8-0" } }, defaultVariants: {}, compoundVariants: [] });
+var tooltipOverlay = "_l0e5zm2-3-8-0";
+var tooltipOverlayFull = "_l0e5zm3-3-8-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-7-0',variantClassNames:{showLoading:{true:'_l0e5zm1-3-7-0'}},defaultVariants:{},compoundVariants:[]});\nexport var tooltipOverlay = '_l0e5zm2-3-7-0';\nexport var tooltipOverlayFull = '_l0e5zm3-3-7-0';"],
+  "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-8-0',variantClassNames:{showLoading:{true:'_l0e5zm1-3-8-0'}},defaultVariants:{},compoundVariants:[]});\nexport var tooltipOverlay = '_l0e5zm2-3-8-0';\nexport var tooltipOverlayFull = '_l0e5zm3-3-8-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,kBAAiB,mBAAkB,EAAC,aAAY,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACzJ,IAAI,iBAAiB;AACrB,IAAI,qBAAqB;",
   "names": []
 }

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

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

package/esm/charts/histogram/HistogramChart.js

@@ -19,14 +19,13 @@ import { Intent } from "../../core/slots/Intent/Intent.js";
 import { EmptyStateSlot } from "../core/slots/chart-states/EmptyStateSlot.js";
 import { ErrorStateSlot } from "../core/slots/chart-states/ErrorStateSlot.js";
 import { ColorRule } from "../core/slots/ColorRule.js";
-import { isFeatureEnabled } from "../core/utils/is-feature-enabled.js";
 import { HistogramToXY } from "../xy-chart-adoption/histogram/HistogramToXY.js";
 const HistogramChartSwitcher = forwardRef((props, forwardedRef) => {
-  const { __useXYAdoption, ...rest } = props;
-  if (__useXYAdoption ?? isFeatureEnabled("histogramToXY")) {
-    return /* @__PURE__ */ jsx(HistogramToXY, { ...rest, ref: forwardedRef });
+  const { __useLegacy, ...rest } = props;
+  if (__useLegacy) {
+    return /* @__PURE__ */ jsx(HistogramChartRoot, { ...rest, ref: forwardedRef });
   }
-  return /* @__PURE__ */ jsx(HistogramChartRoot, { ...rest, ref: forwardedRef });
+  return /* @__PURE__ */ jsx(HistogramToXY, { ...rest, ref: forwardedRef });
 });
 HistogramChartSwitcher.displayName = "HistogramChart";
 const HistogramChart = Object.assign(HistogramChartSwitcher, {