@plenustech/design-system 0.2.2 → 0.2.4

package/dist/components/charts/ChartDonut/ChartDonut.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChartDonut.cjs","sources":["../../../../src/components/charts/ChartDonut/ChartDonut.tsx"],"sourcesContent":["import {\n  ChartFrame,\n  arcPath,\n  chartHeight,\n  fitCenterText,\n  ringDiameter,\n  useChartMetrics,\n  useSliceRing,\n  type ChartHeight,\n  type ChartLegendAlign,\n  type ChartLegendPosition,\n  type ChartSlice,\n} from '../core';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartDonut.module.css';\n\nexport type { ChartSlice as ChartDonutSlice };\n\nexport interface ChartDonutProps {\n  accent?: string;\n  /** Texto sob o valor do centro, trocado pelo rotulo da fatia sob o ponteiro. */\n  centerLabel?: string;\n  defaultHiddenSlices?: readonly string[];\n  emptyMessage?: string;\n  formatPercent?: (ratio: number) => string;\n  formatValue?: (value: number) => string;\n  height?: ChartHeight;\n  hiddenSlices?: readonly string[];\n  legend?: ChartLegendPosition;\n  legendAlign?: ChartLegendAlign;\n  onHiddenSlicesChange?: (hidden: readonly string[]) => void;\n  /** Fatia sob o ponteiro, ja agrupada, ou `null` ao sair dela. */\n  onHoverSlice?: (slice: ChartSlice | null) => void;\n  /** Rotulo da fatia que reune as pequenas. */\n  otherLabel?: string;\n  /** Raio dos cantos de cada fatia. Sem valor, o token de raio pequeno. */\n  sliceRadius?: number;\n  showCenter?: boolean;\n  showLegendValues?: boolean;\n  slices: readonly ChartSlice[];\n  /** Fracao do total abaixo da qual a fatia entra no agrupamento. */\n  smallSliceThreshold?: number;\n  /** Espessura do anel, como fracao do raio. */\n  thickness?: number;\n  title: string;\n}\n\nexport function ChartDonut({\n  accent,\n  centerLabel = 'Total',\n  defaultHiddenSlices,\n  emptyMessage = 'Sem dados no período',\n  formatPercent = (fracao) => `${Math.round(fracao * 100)}%`,\n  formatValue = formatarNumero,\n  height = 260,\n  hiddenSlices,\n  legend = 'right',\n  legendAlign,\n  onHiddenSlicesChange,\n  onHoverSlice,\n  otherLabel = 'Outros',\n  showCenter = true,\n  showLegendValues = true,\n  sliceRadius,\n  slices,\n  smallSliceThreshold = 0.02,\n  thickness = 0.38,\n  title,\n}: ChartDonutProps) {\n  const { font, height: alturaMedida, radius: raioDoCanto, ref, width } = useChartMetrics();\n  const { fillHeight, value: alturaDoDesenho } = chartHeight(height, alturaMedida);\n\n  const anel = useSliceRing({\n    accent,\n    defaultHiddenSlices,\n    hiddenSlices,\n    onHiddenSlicesChange,\n    onHoverSlice,\n    otherLabel,\n    slices,\n    smallSliceThreshold,\n  });\n\n  const diametro = ringDiameter(width, alturaDoDesenho);\n  const raio = diametro / 2;\n  const raioInterno = raio * (1 - Math.min(Math.max(thickness, 0), 1));\n\n  const canto = sliceRadius ?? raioDoCanto;\n  const focada = anel.focused === null ? undefined : anel.slices[anel.focused];\n  const centro = fitCenterText(\n    formatValue(focada ? Math.max(focada.value, 0) : anel.total),\n    focada ? focada.label : centerLabel,\n    font,\n    raioInterno * 2,\n  );\n\n  return (\n    <ChartFrame\n      centerOrigin\n      containerRef={ref}\n      empty={anel.slices.length === 0 || slices.every((fatia) => !(fatia.value > 0))}\n      emptyMessage={emptyMessage}\n      fillHeight={fillHeight}\n      height={alturaDoDesenho}\n      legend={anel.slices.map((fatia, indice) => ({\n        color: anel.colors[indice],\n        hidden: anel.isHidden(fatia.label),\n        label: fatia.label,\n        value: showLegendValues ? formatPercent(anel.ratioOf(indice)) : undefined,\n      }))}\n      legendAlign={legendAlign}\n      legendPosition={legend}\n      onToggleSeries={anel.toggle}\n      swatch=\"dot\"\n      title={title}\n      width={width}\n    >\n      {anel.slices.map((fatia, indice) => (\n        <path\n          aria-label={`${fatia.label}: ${formatValue(Math.max(fatia.value, 0))} (${formatPercent(anel.ratioOf(indice))})`}\n          className={styles.slice}\n          d={arcPath({\n            ...anel.angles[indice],\n            cornerRadius: canto,\n            innerRadius: raioInterno,\n            outerRadius: raio,\n          })}\n          fill={anel.colors[indice]}\n          key={indice}\n          onMouseEnter={() => anel.focus(indice)}\n          onMouseLeave={() => anel.focus(null)}\n        />\n      ))}\n\n      {showCenter && (\n        <g className={styles.center}>\n          <text\n            className={styles.centerValue}\n            dy={centro.size * 0.1}\n            style={{ fontFamily: centro.family, fontSize: centro.size }}\n            textAnchor=\"middle\"\n          >\n            {centro.value}\n          </text>\n          <text className={styles.centerLabel} dy={centro.lineHeight * 0.62} textAnchor=\"middle\">\n            {centro.label}\n          </text>\n        </g>\n      )}\n    </ChartFrame>\n  );\n}\n"],"names":["ChartDonut","accent","centerLabel","defaultHiddenSlices","emptyMessage","formatPercent","fracao","formatValue","formatarNumero","height","hiddenSlices","legend","legendAlign","onHiddenSlicesChange","onHoverSlice","otherLabel","showCenter","showLegendValues","sliceRadius","slices","smallSliceThreshold","thickness","title","font","alturaMedida","raioDoCanto","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","anel","useSliceRing","raio","ringDiameter","raioInterno","canto","focada","centro","fitCenterText","jsxs","ChartFrame","fatia","indice","jsx","styles","arcPath"],"mappings":"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"}
+{"version":3,"file":"ChartDonut.cjs","sources":["../../../../src/components/charts/ChartDonut/ChartDonut.tsx"],"sourcesContent":["import {\n  ChartFrame,\n  arcPath,\n  chartHeight,\n  fitCenterText,\n  ringDiameter,\n  useChartMetrics,\n  sliceTooltip,\n  useSliceRing,\n  type ChartHeight,\n  type ChartLegendAlign,\n  type ChartLegendPosition,\n  type ChartSlice,\n} from '../core';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartDonut.module.css';\n\nexport type { ChartSlice as ChartDonutSlice };\n\nexport interface ChartDonutProps {\n  accent?: string;\n  /** Texto sob o valor do centro, trocado pelo rotulo da fatia sob o ponteiro. */\n  centerLabel?: string;\n  defaultHiddenSlices?: readonly string[];\n  emptyMessage?: string;\n  formatPercent?: (ratio: number) => string;\n  /** Formato dos valores no balao. Sem ele, vale o `formatValue`: o eixo pode sair compacto e o balao, exato. */\n  formatTooltipValue?: (value: number) => string;\n  formatValue?: (value: number) => string;\n  height?: ChartHeight;\n  hiddenSlices?: readonly string[];\n  legend?: ChartLegendPosition;\n  legendAlign?: ChartLegendAlign;\n  onHiddenSlicesChange?: (hidden: readonly string[]) => void;\n  /** Fatia sob o ponteiro, ja agrupada, ou `null` ao sair dela. */\n  onHoverSlice?: (slice: ChartSlice | null) => void;\n  /** Rotulo da fatia que reune as pequenas. */\n  otherLabel?: string;\n  /** Raio dos cantos de cada fatia. Sem valor, o token de raio pequeno. */\n  sliceRadius?: number;\n  showCenter?: boolean;\n  showLegendValues?: boolean;\n  /** Balao com a fatia sob o ponteiro, o valor e a parte do total. Desligue para montar o proprio `ChartTooltip`. */\n  showTooltip?: boolean;\n  slices: readonly ChartSlice[];\n  /** Fracao do total abaixo da qual a fatia entra no agrupamento. */\n  smallSliceThreshold?: number;\n  /** Espessura do anel, como fracao do raio. */\n  thickness?: number;\n  title: string;\n}\n\nexport function ChartDonut({\n  accent,\n  centerLabel = 'Total',\n  defaultHiddenSlices,\n  emptyMessage = 'Sem dados no período',\n  formatPercent = (fracao) => `${Math.round(fracao * 100)}%`,\n  formatTooltipValue,\n  formatValue = formatarNumero,\n  height = 260,\n  hiddenSlices,\n  legend = 'right',\n  legendAlign,\n  onHiddenSlicesChange,\n  onHoverSlice,\n  otherLabel = 'Outros',\n  showCenter = true,\n  showLegendValues = true,\n  showTooltip = true,\n  sliceRadius,\n  slices,\n  smallSliceThreshold = 0.02,\n  thickness = 0.38,\n  title,\n}: ChartDonutProps) {\n  const { font, height: alturaMedida, radius: raioDoCanto, ref, width } = useChartMetrics();\n  const { fillHeight, value: alturaDoDesenho } = chartHeight(height, alturaMedida);\n\n  const anel = useSliceRing({\n    accent,\n    defaultHiddenSlices,\n    hiddenSlices,\n    onHiddenSlicesChange,\n    onHoverSlice,\n    otherLabel,\n    slices,\n    smallSliceThreshold,\n  });\n\n  const diametro = ringDiameter(width, alturaDoDesenho);\n  const raio = diametro / 2;\n  const raioInterno = raio * (1 - Math.min(Math.max(thickness, 0), 1));\n\n  const canto = sliceRadius ?? raioDoCanto;\n  const focada = anel.focused === null ? undefined : anel.slices[anel.focused];\n  const centro = fitCenterText(\n    formatValue(focada ? Math.max(focada.value, 0) : anel.total),\n    focada ? focada.label : centerLabel,\n    font,\n    raioInterno * 2,\n  );\n\n  return (\n    <ChartFrame\n      centerOrigin\n      containerRef={ref}\n      empty={anel.slices.length === 0 || slices.every((fatia) => !(fatia.value > 0))}\n      emptyMessage={emptyMessage}\n      fillHeight={fillHeight}\n      height={alturaDoDesenho}\n      legend={anel.slices.map((fatia, indice) => ({\n        color: anel.colors[indice],\n        hidden: anel.isHidden(fatia.label),\n        label: fatia.label,\n        value: showLegendValues ? formatPercent(anel.ratioOf(indice)) : undefined,\n      }))}\n      legendAlign={legendAlign}\n      legendPosition={legend}\n      onToggleSeries={anel.toggle}\n      swatch=\"dot\"\n      title={title}\n      tooltip={\n        showTooltip\n          ? sliceTooltip({\n              colors: anel.colors,\n              formatPercent,\n              formatValue: formatTooltipValue ?? formatValue,\n              index: anel.focused,\n              slices: anel.slices,\n              total: anel.total,\n            })\n          : undefined\n      }\n      width={width}\n    >\n      {anel.slices.map((fatia, indice) => (\n        <path\n          aria-label={`${fatia.label}: ${formatValue(Math.max(fatia.value, 0))} (${formatPercent(anel.ratioOf(indice))})`}\n          className={styles.slice}\n          d={arcPath({\n            ...anel.angles[indice],\n            cornerRadius: canto,\n            innerRadius: raioInterno,\n            outerRadius: raio,\n          })}\n          fill={anel.colors[indice]}\n          key={indice}\n          onMouseEnter={() => anel.focus(indice)}\n          onMouseLeave={() => anel.focus(null)}\n        />\n      ))}\n\n      {showCenter && (\n        <g className={styles.center}>\n          <text\n            className={styles.centerValue}\n            dy={centro.size * 0.1}\n            style={{ fontFamily: centro.family, fontSize: centro.size }}\n            textAnchor=\"middle\"\n          >\n            {centro.value}\n          </text>\n          <text className={styles.centerLabel} dy={centro.lineHeight * 0.62} textAnchor=\"middle\">\n            {centro.label}\n          </text>\n        </g>\n      )}\n    </ChartFrame>\n  );\n}\n"],"names":["ChartDonut","accent","centerLabel","defaultHiddenSlices","emptyMessage","formatPercent","fracao","formatTooltipValue","formatValue","formatarNumero","height","hiddenSlices","legend","legendAlign","onHiddenSlicesChange","onHoverSlice","otherLabel","showCenter","showLegendValues","showTooltip","sliceRadius","slices","smallSliceThreshold","thickness","title","font","alturaMedida","raioDoCanto","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","anel","useSliceRing","raio","ringDiameter","raioInterno","canto","focada","centro","fitCenterText","jsxs","ChartFrame","fatia","indice","sliceTooltip","jsx","styles","arcPath"],"mappings":"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"}

package/dist/components/charts/ChartDonut/ChartDonut.js

@@ -1,80 +1,91 @@
-import { jsxs as g, jsx as s } from "react/jsx-runtime";
-import l from "./ChartDonut.module.css.js";
-import { useChartMetrics as I } from "../core/useChartMetrics.js";
-import { useSliceRing as P } from "../core/useSliceRing.js";
-import { fitCenterText as k } from "../core/centerText.js";
-import { formatarNumero as q } from "../../../utils/formatters/formatarNumero.js";
-import { ChartFrame as B } from "../core/ChartFrame.js";
-import { arcPath as G } from "../core/arcs.js";
-import { chartHeight as J } from "../core/cartesianLayout.js";
-import { ringDiameter as K } from "../core/spacing.js";
-function re({
-  accent: p,
+import { jsxs as p, jsx as c } from "react/jsx-runtime";
+import a from "./ChartDonut.module.css.js";
+import { useChartMetrics as q } from "../core/useChartMetrics.js";
+import { useSliceRing as B } from "../core/useSliceRing.js";
+import { fitCenterText as G } from "../core/centerText.js";
+import { formatarNumero as J } from "../../../utils/formatters/formatarNumero.js";
+import { ChartFrame as K } from "../core/ChartFrame.js";
+import { arcPath as P } from "../core/arcs.js";
+import { sliceTooltip as Q } from "../core/tooltips.js";
+import { chartHeight as U } from "../core/cartesianLayout.js";
+import { ringDiameter as V } from "../core/spacing.js";
+function se({
+  accent: g,
   centerLabel: x = "Total",
   defaultHiddenSlices: v,
   emptyMessage: M = "Sem dados no período",
-  formatPercent: n = (i) => `${Math.round(i * 100)}%`,
-  formatValue: m = q,
-  height: b = 260,
-  hiddenSlices: y,
-  legend: C = "right",
-  legendAlign: D,
-  onHiddenSlicesChange: N,
-  onHoverSlice: R,
-  otherLabel: H = "Outros",
-  showCenter: O = !0,
-  showLegendValues: S = !0,
-  sliceRadius: $,
-  slices: c,
-  smallSliceThreshold: z = 0.02,
-  thickness: T = 0.38,
-  title: j
+  formatPercent: i = (n) => `${Math.round(n * 100)}%`,
+  formatTooltipValue: b,
+  formatValue: s = J,
+  height: y = 260,
+  hiddenSlices: C,
+  legend: D = "right",
+  legendAlign: N,
+  onHiddenSlicesChange: R,
+  onHoverSlice: H,
+  otherLabel: O = "Outros",
+  showCenter: S = !0,
+  showLegendValues: T = !0,
+  showTooltip: $ = !0,
+  sliceRadius: z,
+  slices: m,
+  smallSliceThreshold: j = 0.02,
+  thickness: w = 0.38,
+  title: A
 }) {
-  const { font: i, height: w, radius: A, ref: F, width: u } = I(), { fillHeight: L, value: d } = J(b, w), e = P({
-    accent: p,
+  const { font: n, height: F, radius: L, ref: E, width: d } = q(), { fillHeight: I, value: u } = U(y, F), e = B({
+    accent: g,
     defaultHiddenSlices: v,
-    hiddenSlices: y,
-    onHiddenSlicesChange: N,
-    onHoverSlice: R,
-    otherLabel: H,
-    slices: c,
-    smallSliceThreshold: z
-  }), h = K(u, d) / 2, f = h * (1 - Math.min(Math.max(T, 0), 1)), E = $ ?? A, a = e.focused === null ? void 0 : e.slices[e.focused], r = k(
-    m(a ? Math.max(a.value, 0) : e.total),
-    a ? a.label : x,
-    i,
+    hiddenSlices: C,
+    onHiddenSlicesChange: R,
+    onHoverSlice: H,
+    otherLabel: O,
+    slices: m,
+    smallSliceThreshold: j
+  }), h = V(d, u) / 2, f = h * (1 - Math.min(Math.max(w, 0), 1)), k = z ?? L, l = e.focused === null ? void 0 : e.slices[e.focused], r = G(
+    s(l ? Math.max(l.value, 0) : e.total),
+    l ? l.label : x,
+    n,
     f * 2
   );
-  return /* @__PURE__ */ g(
-    B,
+  return /* @__PURE__ */ p(
+    K,
     {
       centerOrigin: !0,
-      containerRef: F,
-      empty: e.slices.length === 0 || c.every((t) => !(t.value > 0)),
+      containerRef: E,
+      empty: e.slices.length === 0 || m.every((t) => !(t.value > 0)),
       emptyMessage: M,
-      fillHeight: L,
-      height: d,
+      fillHeight: I,
+      height: u,
       legend: e.slices.map((t, o) => ({
         color: e.colors[o],
         hidden: e.isHidden(t.label),
         label: t.label,
-        value: S ? n(e.ratioOf(o)) : void 0
+        value: T ? i(e.ratioOf(o)) : void 0
       })),
-      legendAlign: D,
-      legendPosition: C,
+      legendAlign: N,
+      legendPosition: D,
       onToggleSeries: e.toggle,
       swatch: "dot",
-      title: j,
-      width: u,
+      title: A,
+      tooltip: $ ? Q({
+        colors: e.colors,
+        formatPercent: i,
+        formatValue: b ?? s,
+        index: e.focused,
+        slices: e.slices,
+        total: e.total
+      }) : void 0,
+      width: d,
       children: [
-        e.slices.map((t, o) => /* @__PURE__ */ s(
+        e.slices.map((t, o) => /* @__PURE__ */ c(
           "path",
           {
-            "aria-label": `${t.label}: ${m(Math.max(t.value, 0))} (${n(e.ratioOf(o))})`,
-            className: l.slice,
-            d: G({
+            "aria-label": `${t.label}: ${s(Math.max(t.value, 0))} (${i(e.ratioOf(o))})`,
+            className: a.slice,
+            d: P({
               ...e.angles[o],
-              cornerRadius: E,
+              cornerRadius: k,
               innerRadius: f,
               outerRadius: h
             }),
@@ -84,24 +95,24 @@ function re({
           },
           o
         )),
-        O && /* @__PURE__ */ g("g", { className: l.center, children: [
-          /* @__PURE__ */ s(
+        S && /* @__PURE__ */ p("g", { className: a.center, children: [
+          /* @__PURE__ */ c(
             "text",
             {
-              className: l.centerValue,
+              className: a.centerValue,
               dy: r.size * 0.1,
               style: { fontFamily: r.family, fontSize: r.size },
               textAnchor: "middle",
               children: r.value
             }
           ),
-          /* @__PURE__ */ s("text", { className: l.centerLabel, dy: r.lineHeight * 0.62, textAnchor: "middle", children: r.label })
+          /* @__PURE__ */ c("text", { className: a.centerLabel, dy: r.lineHeight * 0.62, textAnchor: "middle", children: r.label })
         ] })
       ]
     }
   );
 }
 export {
-  re as ChartDonut
+  se as ChartDonut
 };
 //# sourceMappingURL=ChartDonut.js.map

package/dist/components/charts/ChartDonut/ChartDonut.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartDonut.js","sources":["../../../../src/components/charts/ChartDonut/ChartDonut.tsx"],"sourcesContent":["import {\n  ChartFrame,\n  arcPath,\n  chartHeight,\n  fitCenterText,\n  ringDiameter,\n  useChartMetrics,\n  useSliceRing,\n  type ChartHeight,\n  type ChartLegendAlign,\n  type ChartLegendPosition,\n  type ChartSlice,\n} from '../core';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartDonut.module.css';\n\nexport type { ChartSlice as ChartDonutSlice };\n\nexport interface ChartDonutProps {\n  accent?: string;\n  /** Texto sob o valor do centro, trocado pelo rotulo da fatia sob o ponteiro. */\n  centerLabel?: string;\n  defaultHiddenSlices?: readonly string[];\n  emptyMessage?: string;\n  formatPercent?: (ratio: number) => string;\n  formatValue?: (value: number) => string;\n  height?: ChartHeight;\n  hiddenSlices?: readonly string[];\n  legend?: ChartLegendPosition;\n  legendAlign?: ChartLegendAlign;\n  onHiddenSlicesChange?: (hidden: readonly string[]) => void;\n  /** Fatia sob o ponteiro, ja agrupada, ou `null` ao sair dela. */\n  onHoverSlice?: (slice: ChartSlice | null) => void;\n  /** Rotulo da fatia que reune as pequenas. */\n  otherLabel?: string;\n  /** Raio dos cantos de cada fatia. Sem valor, o token de raio pequeno. */\n  sliceRadius?: number;\n  showCenter?: boolean;\n  showLegendValues?: boolean;\n  slices: readonly ChartSlice[];\n  /** Fracao do total abaixo da qual a fatia entra no agrupamento. */\n  smallSliceThreshold?: number;\n  /** Espessura do anel, como fracao do raio. */\n  thickness?: number;\n  title: string;\n}\n\nexport function ChartDonut({\n  accent,\n  centerLabel = 'Total',\n  defaultHiddenSlices,\n  emptyMessage = 'Sem dados no período',\n  formatPercent = (fracao) => `${Math.round(fracao * 100)}%`,\n  formatValue = formatarNumero,\n  height = 260,\n  hiddenSlices,\n  legend = 'right',\n  legendAlign,\n  onHiddenSlicesChange,\n  onHoverSlice,\n  otherLabel = 'Outros',\n  showCenter = true,\n  showLegendValues = true,\n  sliceRadius,\n  slices,\n  smallSliceThreshold = 0.02,\n  thickness = 0.38,\n  title,\n}: ChartDonutProps) {\n  const { font, height: alturaMedida, radius: raioDoCanto, ref, width } = useChartMetrics();\n  const { fillHeight, value: alturaDoDesenho } = chartHeight(height, alturaMedida);\n\n  const anel = useSliceRing({\n    accent,\n    defaultHiddenSlices,\n    hiddenSlices,\n    onHiddenSlicesChange,\n    onHoverSlice,\n    otherLabel,\n    slices,\n    smallSliceThreshold,\n  });\n\n  const diametro = ringDiameter(width, alturaDoDesenho);\n  const raio = diametro / 2;\n  const raioInterno = raio * (1 - Math.min(Math.max(thickness, 0), 1));\n\n  const canto = sliceRadius ?? raioDoCanto;\n  const focada = anel.focused === null ? undefined : anel.slices[anel.focused];\n  const centro = fitCenterText(\n    formatValue(focada ? Math.max(focada.value, 0) : anel.total),\n    focada ? focada.label : centerLabel,\n    font,\n    raioInterno * 2,\n  );\n\n  return (\n    <ChartFrame\n      centerOrigin\n      containerRef={ref}\n      empty={anel.slices.length === 0 || slices.every((fatia) => !(fatia.value > 0))}\n      emptyMessage={emptyMessage}\n      fillHeight={fillHeight}\n      height={alturaDoDesenho}\n      legend={anel.slices.map((fatia, indice) => ({\n        color: anel.colors[indice],\n        hidden: anel.isHidden(fatia.label),\n        label: fatia.label,\n        value: showLegendValues ? formatPercent(anel.ratioOf(indice)) : undefined,\n      }))}\n      legendAlign={legendAlign}\n      legendPosition={legend}\n      onToggleSeries={anel.toggle}\n      swatch=\"dot\"\n      title={title}\n      width={width}\n    >\n      {anel.slices.map((fatia, indice) => (\n        <path\n          aria-label={`${fatia.label}: ${formatValue(Math.max(fatia.value, 0))} (${formatPercent(anel.ratioOf(indice))})`}\n          className={styles.slice}\n          d={arcPath({\n            ...anel.angles[indice],\n            cornerRadius: canto,\n            innerRadius: raioInterno,\n            outerRadius: raio,\n          })}\n          fill={anel.colors[indice]}\n          key={indice}\n          onMouseEnter={() => anel.focus(indice)}\n          onMouseLeave={() => anel.focus(null)}\n        />\n      ))}\n\n      {showCenter && (\n        <g className={styles.center}>\n          <text\n            className={styles.centerValue}\n            dy={centro.size * 0.1}\n            style={{ fontFamily: centro.family, fontSize: centro.size }}\n            textAnchor=\"middle\"\n          >\n            {centro.value}\n          </text>\n          <text className={styles.centerLabel} dy={centro.lineHeight * 0.62} textAnchor=\"middle\">\n            {centro.label}\n          </text>\n        </g>\n      )}\n    </ChartFrame>\n  );\n}\n"],"names":["ChartDonut","accent","centerLabel","defaultHiddenSlices","emptyMessage","formatPercent","fracao","formatValue","formatarNumero","height","hiddenSlices","legend","legendAlign","onHiddenSlicesChange","onHoverSlice","otherLabel","showCenter","showLegendValues","sliceRadius","slices","smallSliceThreshold","thickness","title","font","alturaMedida","raioDoCanto","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","anel","useSliceRing","raio","ringDiameter","raioInterno","canto","focada","centro","fitCenterText","jsxs","ChartFrame","fatia","indice","jsx","styles","arcPath"],"mappings":";;;;;;;;;;AA+CO,SAASA,GAAW;AAAA,EACzB,QAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,qBAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,eAAAC,IAAgB,CAACC,MAAW,GAAG,KAAK,MAAMA,IAAS,GAAG,CAAC;AAAA,EACvD,aAAAC,IAAcC;AAAA,EACd,QAAAC,IAAS;AAAA,EACT,cAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,aAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,kBAAAC,IAAmB;AAAA,EACnB,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,qBAAAC,IAAsB;AAAA,EACtB,WAAAC,IAAY;AAAA,EACZ,OAAAC;AACF,GAAoB;AAClB,QAAM,EAAE,MAAAC,GAAM,QAAQC,GAAc,QAAQC,GAAa,KAAAC,GAAK,OAAAC,EAAA,IAAUC,EAAA,GAClE,EAAE,YAAAC,GAAY,OAAOC,MAAoBC,EAAYtB,GAAQe,CAAY,GAEzEQ,IAAOC,EAAa;AAAA,IACxB,QAAAhC;AAAA,IACA,qBAAAE;AAAA,IACA,cAAAO;AAAA,IACA,sBAAAG;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAI;AAAA,IACA,qBAAAC;AAAA,EAAA,CACD,GAGKc,IADWC,EAAaR,GAAOG,CAAe,IAC5B,GAClBM,IAAcF,KAAQ,IAAI,KAAK,IAAI,KAAK,IAAIb,GAAW,CAAC,GAAG,CAAC,IAE5DgB,IAAQnB,KAAeO,GACvBa,IAASN,EAAK,YAAY,OAAO,SAAYA,EAAK,OAAOA,EAAK,OAAO,GACrEO,IAASC;AAAA,IACbjC,EAAY+B,IAAS,KAAK,IAAIA,EAAO,OAAO,CAAC,IAAIN,EAAK,KAAK;AAAA,IAC3DM,IAASA,EAAO,QAAQpC;AAAA,IACxBqB;AAAA,IACAa,IAAc;AAAA,EAAA;AAGhB,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAY;AAAA,MACZ,cAAchB;AAAA,MACd,OAAOM,EAAK,OAAO,WAAW,KAAKb,EAAO,MAAM,CAACwB,MAAU,EAAEA,EAAM,QAAQ,EAAE;AAAA,MAC7E,cAAAvC;AAAA,MACA,YAAAyB;AAAA,MACA,QAAQC;AAAA,MACR,QAAQE,EAAK,OAAO,IAAI,CAACW,GAAOC,OAAY;AAAA,QAC1C,OAAOZ,EAAK,OAAOY,CAAM;AAAA,QACzB,QAAQZ,EAAK,SAASW,EAAM,KAAK;AAAA,QACjC,OAAOA,EAAM;AAAA,QACb,OAAO1B,IAAmBZ,EAAc2B,EAAK,QAAQY,CAAM,CAAC,IAAI;AAAA,MAAA,EAChE;AAAA,MACF,aAAAhC;AAAA,MACA,gBAAgBD;AAAA,MAChB,gBAAgBqB,EAAK;AAAA,MACrB,QAAO;AAAA,MACP,OAAAV;AAAA,MACA,OAAAK;AAAA,MAEC,UAAA;AAAA,QAAAK,EAAK,OAAO,IAAI,CAACW,GAAOC,MACvB,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,cAAY,GAAGF,EAAM,KAAK,KAAKpC,EAAY,KAAK,IAAIoC,EAAM,OAAO,CAAC,CAAC,CAAC,KAAKtC,EAAc2B,EAAK,QAAQY,CAAM,CAAC,CAAC;AAAA,YAC5G,WAAWE,EAAO;AAAA,YAClB,GAAGC,EAAQ;AAAA,cACT,GAAGf,EAAK,OAAOY,CAAM;AAAA,cACrB,cAAcP;AAAA,cACd,aAAaD;AAAA,cACb,aAAaF;AAAA,YAAA,CACd;AAAA,YACD,MAAMF,EAAK,OAAOY,CAAM;AAAA,YAExB,cAAc,MAAMZ,EAAK,MAAMY,CAAM;AAAA,YACrC,cAAc,MAAMZ,EAAK,MAAM,IAAI;AAAA,UAAA;AAAA,UAF9BY;AAAA,QAAA,CAIR;AAAA,QAEA5B,KACC,gBAAAyB,EAAC,KAAA,EAAE,WAAWK,EAAO,QACnB,UAAA;AAAA,UAAA,gBAAAD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWC,EAAO;AAAA,cAClB,IAAIP,EAAO,OAAO;AAAA,cAClB,OAAO,EAAE,YAAYA,EAAO,QAAQ,UAAUA,EAAO,KAAA;AAAA,cACrD,YAAW;AAAA,cAEV,UAAAA,EAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAEV,gBAAAM,EAAC,QAAA,EAAK,WAAWC,EAAO,aAAa,IAAIP,EAAO,aAAa,MAAM,YAAW,UAC3E,UAAAA,EAAO,MAAA,CACV;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"ChartDonut.js","sources":["../../../../src/components/charts/ChartDonut/ChartDonut.tsx"],"sourcesContent":["import {\n  ChartFrame,\n  arcPath,\n  chartHeight,\n  fitCenterText,\n  ringDiameter,\n  useChartMetrics,\n  sliceTooltip,\n  useSliceRing,\n  type ChartHeight,\n  type ChartLegendAlign,\n  type ChartLegendPosition,\n  type ChartSlice,\n} from '../core';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartDonut.module.css';\n\nexport type { ChartSlice as ChartDonutSlice };\n\nexport interface ChartDonutProps {\n  accent?: string;\n  /** Texto sob o valor do centro, trocado pelo rotulo da fatia sob o ponteiro. */\n  centerLabel?: string;\n  defaultHiddenSlices?: readonly string[];\n  emptyMessage?: string;\n  formatPercent?: (ratio: number) => string;\n  /** Formato dos valores no balao. Sem ele, vale o `formatValue`: o eixo pode sair compacto e o balao, exato. */\n  formatTooltipValue?: (value: number) => string;\n  formatValue?: (value: number) => string;\n  height?: ChartHeight;\n  hiddenSlices?: readonly string[];\n  legend?: ChartLegendPosition;\n  legendAlign?: ChartLegendAlign;\n  onHiddenSlicesChange?: (hidden: readonly string[]) => void;\n  /** Fatia sob o ponteiro, ja agrupada, ou `null` ao sair dela. */\n  onHoverSlice?: (slice: ChartSlice | null) => void;\n  /** Rotulo da fatia que reune as pequenas. */\n  otherLabel?: string;\n  /** Raio dos cantos de cada fatia. Sem valor, o token de raio pequeno. */\n  sliceRadius?: number;\n  showCenter?: boolean;\n  showLegendValues?: boolean;\n  /** Balao com a fatia sob o ponteiro, o valor e a parte do total. Desligue para montar o proprio `ChartTooltip`. */\n  showTooltip?: boolean;\n  slices: readonly ChartSlice[];\n  /** Fracao do total abaixo da qual a fatia entra no agrupamento. */\n  smallSliceThreshold?: number;\n  /** Espessura do anel, como fracao do raio. */\n  thickness?: number;\n  title: string;\n}\n\nexport function ChartDonut({\n  accent,\n  centerLabel = 'Total',\n  defaultHiddenSlices,\n  emptyMessage = 'Sem dados no período',\n  formatPercent = (fracao) => `${Math.round(fracao * 100)}%`,\n  formatTooltipValue,\n  formatValue = formatarNumero,\n  height = 260,\n  hiddenSlices,\n  legend = 'right',\n  legendAlign,\n  onHiddenSlicesChange,\n  onHoverSlice,\n  otherLabel = 'Outros',\n  showCenter = true,\n  showLegendValues = true,\n  showTooltip = true,\n  sliceRadius,\n  slices,\n  smallSliceThreshold = 0.02,\n  thickness = 0.38,\n  title,\n}: ChartDonutProps) {\n  const { font, height: alturaMedida, radius: raioDoCanto, ref, width } = useChartMetrics();\n  const { fillHeight, value: alturaDoDesenho } = chartHeight(height, alturaMedida);\n\n  const anel = useSliceRing({\n    accent,\n    defaultHiddenSlices,\n    hiddenSlices,\n    onHiddenSlicesChange,\n    onHoverSlice,\n    otherLabel,\n    slices,\n    smallSliceThreshold,\n  });\n\n  const diametro = ringDiameter(width, alturaDoDesenho);\n  const raio = diametro / 2;\n  const raioInterno = raio * (1 - Math.min(Math.max(thickness, 0), 1));\n\n  const canto = sliceRadius ?? raioDoCanto;\n  const focada = anel.focused === null ? undefined : anel.slices[anel.focused];\n  const centro = fitCenterText(\n    formatValue(focada ? Math.max(focada.value, 0) : anel.total),\n    focada ? focada.label : centerLabel,\n    font,\n    raioInterno * 2,\n  );\n\n  return (\n    <ChartFrame\n      centerOrigin\n      containerRef={ref}\n      empty={anel.slices.length === 0 || slices.every((fatia) => !(fatia.value > 0))}\n      emptyMessage={emptyMessage}\n      fillHeight={fillHeight}\n      height={alturaDoDesenho}\n      legend={anel.slices.map((fatia, indice) => ({\n        color: anel.colors[indice],\n        hidden: anel.isHidden(fatia.label),\n        label: fatia.label,\n        value: showLegendValues ? formatPercent(anel.ratioOf(indice)) : undefined,\n      }))}\n      legendAlign={legendAlign}\n      legendPosition={legend}\n      onToggleSeries={anel.toggle}\n      swatch=\"dot\"\n      title={title}\n      tooltip={\n        showTooltip\n          ? sliceTooltip({\n              colors: anel.colors,\n              formatPercent,\n              formatValue: formatTooltipValue ?? formatValue,\n              index: anel.focused,\n              slices: anel.slices,\n              total: anel.total,\n            })\n          : undefined\n      }\n      width={width}\n    >\n      {anel.slices.map((fatia, indice) => (\n        <path\n          aria-label={`${fatia.label}: ${formatValue(Math.max(fatia.value, 0))} (${formatPercent(anel.ratioOf(indice))})`}\n          className={styles.slice}\n          d={arcPath({\n            ...anel.angles[indice],\n            cornerRadius: canto,\n            innerRadius: raioInterno,\n            outerRadius: raio,\n          })}\n          fill={anel.colors[indice]}\n          key={indice}\n          onMouseEnter={() => anel.focus(indice)}\n          onMouseLeave={() => anel.focus(null)}\n        />\n      ))}\n\n      {showCenter && (\n        <g className={styles.center}>\n          <text\n            className={styles.centerValue}\n            dy={centro.size * 0.1}\n            style={{ fontFamily: centro.family, fontSize: centro.size }}\n            textAnchor=\"middle\"\n          >\n            {centro.value}\n          </text>\n          <text className={styles.centerLabel} dy={centro.lineHeight * 0.62} textAnchor=\"middle\">\n            {centro.label}\n          </text>\n        </g>\n      )}\n    </ChartFrame>\n  );\n}\n"],"names":["ChartDonut","accent","centerLabel","defaultHiddenSlices","emptyMessage","formatPercent","fracao","formatTooltipValue","formatValue","formatarNumero","height","hiddenSlices","legend","legendAlign","onHiddenSlicesChange","onHoverSlice","otherLabel","showCenter","showLegendValues","showTooltip","sliceRadius","slices","smallSliceThreshold","thickness","title","font","alturaMedida","raioDoCanto","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","anel","useSliceRing","raio","ringDiameter","raioInterno","canto","focada","centro","fitCenterText","jsxs","ChartFrame","fatia","indice","sliceTooltip","jsx","styles","arcPath"],"mappings":"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"}

package/dist/components/charts/ChartGauge/ChartGauge.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),ye=require("react"),te=require("./gaugeLayout.cjs"),x=require("./gaugeReading.cjs"),g=require("./gaugeScale.cjs"),t=require("./ChartGauge.module.css.cjs"),nt=require("../core/useChartMetrics.cjs"),lt=require("../core/useTweenedNumbers.cjs"),Te=require("../palette/seriesColor.cjs"),ot=require("../../../utils/formatters/formatarNumero.cjs"),rt=require("../core/ChartLegend.cjs"),it=require("../ChartTooltip/ChartTooltip.cjs"),ct=require("../core/cartesianLayout.cjs"),ee=require("../core/arcs.cjs"),ut=10,dt=4,mt={rows:[]},Le=n=>n*Math.PI/180,ht=n=>n*180/Math.PI;function b(n,j,A){const[i,N]=te.pointAt(n,j),[v,E]=te.pointAt(n,A);return`M${i},${N}L${v},${E}`}function gt({accent:n,ariaValueText:j,centerLabel:A,colorBySegment:i=!1,color:N,delta:v,emptyMessage:E="Sem dados no período",endAngle:be=90,formatTooltipValue:ke,formatValue:ae=ot.formatarNumero,height:Ae,indicator:se="fill",intent:Ce,legend:$="none",loading:ne=!1,max:we,min:Re,origin:Pe,scaleLabels:qe="minMax",segmentStyle:le="track",segmentUnit:oe="value",segments:Oe=[],showCenter:Se=!0,showSegmentLabels:He="hidden",showTooltip:re=!0,size:Ee="default",startAngle:Ie=-90,target:M,thickness:ie=16,tickCount:De=5,ticks:Ge="hidden",title:C,trackRadius:_e,value:ce,valueDisplay:Be="value"}){const f=Ee==="compact",{font:ze,height:Fe,radius:Ke,ref:Ve,width:I}=nt.useChartMetrics(),{fillHeight:ue,value:w}=ct.chartHeight(Ae??(f?96:220),Fe),de=ye.useId().replace(/[^\w-]/g,""),[R,D]=ye.useState(null),u=!ne&&g.isNumber(ce)?ce:null,c=ne?"loading":u===null?"empty":"value",o=g.gaugeDomain(Re,we,M),P=g.targetBase(M),p=x.gaugeReading({base:P,formatTooltipValue:ke,formatValue:ae,segmentUnit:oe,valueDisplay:Be}),We=oe==="percentOfTarget"&&P!==null?P:1,d=g.gaugeSegments(Oe,o,{accent:n,unit:We}),G=g.gaugeOrigin(Pe,o),_=u===null?G:g.clampToDomain(u,o),[Xe=_]=lt.useTweenedNumbers([_]),K=g.clampToDomain(Xe,o),q=u===null?void 0:g.segmentAt(d,_),V=Te.resolveSeriesColors([{color:N,intent:Ce}],{accent:n})[0],k=Le(Ie),O=Le(be),r=l=>k+(g.clampToDomain(l,o)-o.min)/(o.max-o.min)*(O-k),W=se!=="needle",me=se!=="fill"&&c==="value",he=le==="rim"&&d.length>0&&c!=="loading",Ze=le==="track"&&d.length>0&&c!=="loading",S=f?2:3,X=f?3:4,y=M&&g.isNumber(M.value)&&c!=="loading"?M:void 0,Z=f?"hidden":Ge,ge=f?"hidden":qe,fe=f?"hidden":He,T=g.majorTicks(o,De,p.showsPercent?P:null),Je=[...(fe==="hidden"?[]:d).filter(l=>l.label).map(l=>({angle:r((l.from+l.to)/2),kind:"segment",text:l.label})),...y&&!f?[{angle:r(y.value),kind:"target",text:`${y.label||"Meta"} ${ae(y.value)}`}]:[]],Qe=x.gaugeCenter({centerLabel:A,compact:f,delta:v,domain:o,emptyMessage:E,reading:p,showCenter:Se,status:c,value:u??0}),J=u===null?void 0:j??x.gaugeValueText({delta:v,domain:o,reading:p,segment:q,target:M,value:u}),Ye=c==="loading"?`${C}: carregando`:c==="empty"?`${C}: ${E.toLocaleLowerCase("pt-BR")}`:C;function Ue(){if(u===null||R===null)return mt;if(R==="value"){const l=i&&q?q.color:V;return x.valueTooltip({color:l,delta:v,domain:o,reading:p,segment:q,target:M,title:C,value:u})}return x.segmentTooltip({current:q,reading:p,segment:d[R],target:M,value:u})}const B=(he?S+X:0)+(y?dt:0);function xe(){var Me;const l=te.layoutGauge({center:Qe,compact:f,endAngle:O,font:ze,height:w,minMaxLabels:[{angle:k,text:x.formatShown(p,o.min)},{angle:O,text:x.formatShown(p,o.max)}],needle:me,outerBand:B,outsideLabels:Je,scaleLabels:ge,startAngle:k,thickness:f?Math.min(ie,ut):ie,tickLabels:g.tickLabelPriority(T,P).map(a=>({angle:r(T[a]),text:x.formatShown(p,T[a])})),ticks:Z,width:I}),{innerRadius:m,radius:h}=l,ve=Math.max(0,Math.min(_e??Ke,l.thickness/2)),z=(a,s,L=m,H=h)=>ee.arcPath({endAngle:s,innerRadius:L,outerRadius:H,startAngle:a}),je=ee.arcPath({cornerRadius:ve,endAngle:O,innerRadius:m,outerRadius:h,startAngle:k}),at=c!=="value"?.5:W?.32:1,Ne=a=>`${t.default.segment} ${R===a?t.default.segmentHot:typeof R=="number"?t.default.segmentDimmed:""}`,F=r(G),Q=r(K),st=i?((Me=g.segmentAt(d,K))==null?void 0:Me.color)??V:V,Y=m-4,$e=h+B+3,U=a=>re?null:e.jsx("title",{children:a});return e.jsxs("svg",{"aria-busy":c==="loading"||void 0,"aria-label":Ye,"aria-valuemax":u===null?void 0:o.max,"aria-valuemin":u===null?void 0:o.min,"aria-valuenow":u===null?void 0:_,"aria-valuetext":J,className:t.default.canvas,height:w,role:u===null?"img":"meter",viewBox:`0 0 ${I} ${w}`,width:I,children:[e.jsx("defs",{children:e.jsx("clipPath",{id:de,children:e.jsx("path",{d:je})})}),e.jsxs("g",{transform:`translate(${l.cx} ${l.cy})`,children:[e.jsxs("g",{className:c==="loading"?t.default.loading:void 0,children:[e.jsx("path",{className:t.default.track,d:je}),Ze&&e.jsxs("g",{clipPath:`url(#${de})`,children:[d.map((a,s)=>e.jsx("path",{className:Ne(s),d:z(r(a.from),r(a.to)),fill:a.color,opacity:at},s)),d.slice(1).map((a,s)=>e.jsx("path",{className:t.default.separator,d:b(r(a.from),m,h)},s))]})]}),he&&e.jsxs("g",{children:[d.map((a,s)=>e.jsx("path",{className:Ne(s),d:z(r(a.from),r(a.to),h+S,h+S+X),fill:a.color,opacity:c==="value"?1:.5},s)),d.slice(1).map((a,s)=>e.jsx("path",{className:t.default.separator,d:b(r(a.from),h+S-1,h+S+X+1)},s))]}),Z!=="hidden"&&e.jsxs("g",{children:[Z==="majorAndMinor"&&T.slice(1).flatMap((a,s)=>[1,2,3,4].map(L=>e.jsx("path",{className:t.default.tickMinor,d:b(r(T[s]+L*(a-T[s])/5),m-3,m-6)},`${s}-${L}`))),T.map((a,s)=>e.jsx("path",{className:t.default.tickMajor,d:b(r(a),m-3,m-9)},s))]}),l.scaleLabels.map(({anchor:a,label:s,x:L,y:H})=>e.jsx("text",{className:t.default.scaleLabel,dominantBaseline:ge==="ticks"?"central":void 0,textAnchor:a,x:L,y:H,children:s.text},`${s.angle}-${s.text}`)),c==="value"&&G>o.min&&G<o.max&&e.jsx("path",{className:t.default.originMark,d:b(F,m-2,h+2)}),W&&c==="value"&&Math.abs(Q-F)>1e-4&&e.jsx("path",{className:t.default.fill,d:ee.arcPath({cornerRadius:ve,endAngle:Math.max(F,Q),innerRadius:m,outerRadius:h,startAngle:Math.min(F,Q)}),fill:st}),y&&e.jsxs("g",{children:[e.jsx("path",{className:t.default.targetOutline,d:b(r(y.value),m-3,h+B)}),e.jsx("path",{className:t.default.targetLine,d:b(r(y.value),m-3,h+B)})]}),l.outsideLabels.map(({anchor:a,label:s,x:L,y:H})=>e.jsx("text",{className:s.kind==="target"?t.default.targetLabel:`${t.default.segmentLabel} ${fe==="onHover"?t.default.segmentLabelOnHover:""}`,dominantBaseline:"central",textAnchor:a,x:L,y:H,children:s.text},`${s.kind}-${s.angle}`)),me&&e.jsxs("g",{children:[e.jsx("path",{className:t.default.needle,d:ft(W?m-5:h-l.thickness*.3,f?2.2:3.6),transform:`rotate(${ht(r(K))})`}),e.jsx("circle",{className:t.default.needle,r:l.pinRadius}),e.jsx("circle",{className:t.default.pinDot,r:f?1.5:2.6})]}),e.jsx(xt,{center:l.center,empty:c==="empty"}),c==="value"&&e.jsxs("g",{className:t.default.hits,onMouseLeave:()=>D(null),children:[d.length>0?d.map((a,s)=>e.jsx("path",{d:z(r(a.from),r(a.to),Y,$e),onMouseEnter:()=>D(s),children:U(`${x.segmentName(a)}: ${x.rangeText(p,a)}`)},s)):e.jsx("path",{d:z(k,O,Y,$e),onMouseEnter:()=>D("value"),children:U(J??"")}),e.jsx("circle",{onMouseEnter:()=>D("value"),r:Math.max(Y*.85,8),children:U(J??"")})]})]})]})}const et=$==="left"||$==="right",pe=$!=="none"&&d.length>0&&e.jsx(rt.ChartLegend,{entries:d.map(l=>({color:l.color,label:x.segmentName(l),value:x.rangeText(p,l)})),position:$}),tt=Ue();return e.jsxs("figure",{className:t.default.figure,children:[e.jsx("figcaption",{className:t.default.title,children:C}),e.jsxs("div",{className:`${t.default.body} ${et?t.default.bodyRow:t.default.bodyColumn}`,children:[($==="top"||$==="left")&&pe,e.jsx("div",{className:`${t.default.plot} ${ue?t.default.plotFill:""}`,ref:Ve,style:ue?void 0:{minHeight:w},children:I===0||w===0?null:re?e.jsx(it.ChartTooltip,{columns:[{format:p.formatExact}],computed:"none",...tt,children:xe()}):xe()}),($==="bottom"||$==="right")&&pe]})]})}function ft(n,j){return`M${-j},0L-0.8,${-n}L0.8,${-n}L${j},0Z`}function xt({center:n,empty:j}){const A=n.value?n.value.size:0;return e.jsxs("g",{className:t.default.center,children:[n.value&&e.jsx("text",{className:`${t.default.centerValue} ${j?t.default.centerValueEmpty:""}`,style:{fontFamily:n.value.family,fontSize:n.value.size},textAnchor:"middle",y:n.top+n.value.size*.84,children:n.value.text}),n.lines.map((i,N)=>{const v=n.top+A+(N+1)*n.lineHeight-3;return i.kind==="text"?e.jsx("text",{className:t.default.centerLine,textAnchor:"middle",y:v,children:i.text},N):i.kind==="warn"?e.jsxs("text",{className:t.default.centerWarn,textAnchor:"middle",y:v,children:[e.jsx("tspan",{className:t.default.warnGlyph,children:`${i.glyph} `}),i.text]},N):e.jsxs("text",{className:t.default.centerLine,textAnchor:"middle",y:v,children:[e.jsx("tspan",{fill:Te.INTENT_TOKENS[i.intent],children:`${i.glyph} `}),e.jsx("tspan",{className:t.default.deltaNumber,children:i.text}),i.label&&e.jsx("tspan",{className:t.default.deltaLabel,children:` ${i.label}`})]},N)})]})}exports.ChartGauge=gt;
+//# sourceMappingURL=ChartGauge.cjs.map

package/dist/components/charts/ChartGauge/ChartGauge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartGauge.cjs","sources":["../../../../src/components/charts/ChartGauge/ChartGauge.tsx"],"sourcesContent":["import { useId, useState } from 'react';\nimport { ChartTooltip } from '../ChartTooltip';\nimport {\n  ChartLegend,\n  arcPath,\n  chartHeight,\n  useChartMetrics,\n  useTweenedNumbers,\n  type ChartHeight,\n  type ChartLegendPosition,\n  type MarkVisibility,\n} from '../core';\nimport { INTENT_TOKENS, resolveSeriesColors, type SeriesAppearance, type SeriesIntent } from '../palette';\nimport { formatarNumero } from '../../../utils/formatters';\nimport { layoutGauge, pointAt, type GaugeCenterLayout, type OutsideLabel } from './gaugeLayout';\nimport {\n  gaugeCenter,\n  gaugeReading,\n  gaugeValueText,\n  rangeText,\n  segmentName,\n  segmentTooltip,\n  valueTooltip,\n  formatShown,\n  type GaugeStatus,\n  type GaugeTooltip,\n} from './gaugeReading';\nimport {\n  clampToDomain,\n  gaugeDomain,\n  gaugeOrigin,\n  gaugeSegments,\n  isNumber,\n  majorTicks,\n  segmentAt,\n  targetBase,\n  tickLabelPriority,\n} from './gaugeScale';\nimport styles from './ChartGauge.module.css';\n\n/** Uma faixa da escala. A cor segue a regra da família: `color`, depois `intent`, depois a paleta. */\nexport interface ChartGaugeSegment extends SeriesAppearance {\n  label?: string;\n  /** Limite superior, na unidade de `segmentUnit`. Omitido na última faixa, vai até `max`. */\n  to?: number;\n}\n\nexport interface ChartGaugeTarget {\n  label?: string;\n  value: number;\n}\n\nexport interface ChartGaugeDelta {\n  /** Formato do módulo da variação; o sinal é do componente. */\n  format?: (delta: number) => string;\n  /** Sem ela, positiva quando sobe e negativa quando desce. */\n  intent?: SeriesIntent;\n  label?: string;\n  value: number;\n}\n\nexport type ChartGaugeIndicator = 'fill' | 'needle' | 'fillAndNeedle';\nexport type ChartGaugeSegmentStyle = 'track' | 'rim' | 'hidden';\nexport type ChartGaugeScaleLabels = 'hidden' | 'minMax' | 'ticks';\nexport type ChartGaugeSize = 'default' | 'compact';\nexport type ChartGaugeTicks = 'hidden' | 'major' | 'majorAndMinor';\n/** Leitura contra a meta: a mesma palavra na exibição e na unidade das faixas. */\nexport type ChartGaugeValueDisplay = 'value' | 'percentOfTarget';\nexport type ChartGaugeSegmentUnit = 'value' | 'percentOfTarget';\n\nexport interface ChartGaugeProps {\n  accent?: string;\n  /** Troca a frase montada do `aria-valuetext`. */\n  ariaValueText?: string;\n  /** Texto sob o valor. Sem ele, na leitura contra a meta, a outra leitura. */\n  centerLabel?: string;\n  /** O arco assume a cor da faixa onde o valor está. */\n  colorBySegment?: boolean;\n  /** Cor do arco fora de `colorBySegment`. Vence `intent`. */\n  color?: string;\n  delta?: ChartGaugeDelta;\n  emptyMessage?: string;\n  /** Ângulo final, em graus a partir do topo. */\n  endAngle?: number;\n  /** Formato exato do balão e, na leitura contra a meta, do `aria-valuetext`. */\n  formatTooltipValue?: (value: number) => string;\n  /** Formato do centro, da escala e da meta. */\n  formatValue?: (value: number) => string;\n  height?: ChartHeight;\n  indicator?: ChartGaugeIndicator;\n  intent?: SeriesIntent;\n  legend?: ChartLegendPosition;\n  loading?: boolean;\n  /** Fim da escala. Omitido com meta, vai a 120% dela. */\n  max?: number;\n  min?: number;\n  /** De onde o arco preenchido parte. Sem ele, o zero quando a escala o cruza; senão, `min`. */\n  origin?: number;\n  scaleLabels?: ChartGaugeScaleLabels;\n  segmentStyle?: ChartGaugeSegmentStyle;\n  segmentUnit?: ChartGaugeSegmentUnit;\n  segments?: readonly ChartGaugeSegment[];\n  showCenter?: boolean;\n  showSegmentLabels?: MarkVisibility;\n  showTooltip?: boolean;\n  size?: ChartGaugeSize;\n  /** Ângulo inicial, em graus a partir do topo. */\n  startAngle?: number;\n  target?: ChartGaugeTarget;\n  /** Espessura do arco, em pixels. No compacto, até 10. */\n  thickness?: number;\n  tickCount?: number;\n  ticks?: ChartGaugeTicks;\n  title: string;\n  /** Raio das pontas, limitado a metade da espessura. Sem valor, o token de raio pequeno. */\n  trackRadius?: number;\n  /** `null` é sem dado. */\n  value: number | null;\n  valueDisplay?: ChartGaugeValueDisplay;\n}\n\ntype Hovered = number | 'value' | null;\n\nconst COMPACT_MAX_THICKNESS = 10;\nconst TARGET_MARK = 4;\nconst NO_TOOLTIP: GaugeTooltip = { rows: [] };\n\nconst toRadians = (degrees: number) => (degrees * Math.PI) / 180;\nconst toDegrees = (radians: number) => (radians * 180) / Math.PI;\n\nfunction radialPath(angle: number, from: number, to: number) {\n  const [x1, y1] = pointAt(angle, from);\n  const [x2, y2] = pointAt(angle, to);\n\n  return `M${x1},${y1}L${x2},${y2}`;\n}\n\n/**\n * Medidor de um valor numa escala com faixas de significado. É `role=\"meter\"`: o leitor de tela ouve o valor, a faixa,\n * a meta e a variação. Carregando ou sem dado, vira `role=\"img\"`.\n */\nexport function ChartGauge({\n  accent,\n  ariaValueText,\n  centerLabel,\n  colorBySegment = false,\n  color,\n  delta,\n  emptyMessage = 'Sem dados no período',\n  endAngle = 90,\n  formatTooltipValue,\n  formatValue = formatarNumero,\n  height,\n  indicator = 'fill',\n  intent,\n  legend = 'none',\n  loading = false,\n  max,\n  min,\n  origin,\n  scaleLabels = 'minMax',\n  segmentStyle = 'track',\n  segmentUnit = 'value',\n  segments = [],\n  showCenter = true,\n  showSegmentLabels = 'hidden',\n  showTooltip = true,\n  size = 'default',\n  startAngle = -90,\n  target,\n  thickness = 16,\n  tickCount = 5,\n  ticks = 'hidden',\n  title,\n  trackRadius,\n  value,\n  valueDisplay = 'value',\n}: ChartGaugeProps) {\n  const compact = size === 'compact';\n  const { font, height: measuredHeight, radius: tokenRadius, ref, width } = useChartMetrics();\n  const { fillHeight, value: drawingHeight } = chartHeight(height ?? (compact ? 96 : 220), measuredHeight);\n  const clipId = useId().replace(/[^\\w-]/g, '');\n  const [hovered, setHovered] = useState<Hovered>(null);\n\n  const measured = !loading && isNumber(value) ? value : null;\n  const status: GaugeStatus = loading ? 'loading' : measured === null ? 'empty' : 'value';\n  const domain = gaugeDomain(min, max, target);\n  const base = targetBase(target);\n  const reading = gaugeReading({ base, formatTooltipValue, formatValue, segmentUnit, valueDisplay });\n  const unit = segmentUnit === 'percentOfTarget' && base !== null ? base : 1;\n  const bands = gaugeSegments(segments, domain, { accent, unit });\n  const start = gaugeOrigin(origin, domain);\n  const reached = measured === null ? start : clampToDomain(measured, domain);\n  const [tweened = reached] = useTweenedNumbers([reached]);\n  const shown = clampToDomain(tweened, domain);\n  const current = measured === null ? undefined : segmentAt(bands, reached);\n  const arcColor = resolveSeriesColors([{ color, intent }], { accent })[0];\n\n  const startRadians = toRadians(startAngle);\n  const endRadians = toRadians(endAngle);\n  const angleOf = (at: number) =>\n    startRadians + ((clampToDomain(at, domain) - domain.min) / (domain.max - domain.min)) * (endRadians - startRadians);\n\n  const showFill = indicator !== 'needle';\n  const needle = indicator !== 'fill' && status === 'value';\n  const rim = segmentStyle === 'rim' && bands.length > 0 && status !== 'loading';\n  const trackBands = segmentStyle === 'track' && bands.length > 0 && status !== 'loading';\n  const rimGap = compact ? 2 : 3;\n  const rimWidth = compact ? 3 : 4;\n  const shownTarget = target && isNumber(target.value) && status !== 'loading' ? target : undefined;\n  const tickMode = compact ? 'hidden' : ticks;\n  const scaleMode = compact ? 'hidden' : scaleLabels;\n  const segmentLabels = compact ? 'hidden' : showSegmentLabels;\n  const majors = majorTicks(domain, tickCount, reading.showsPercent ? base : null);\n\n  const outsideLabels: OutsideLabel[] = [\n    ...(segmentLabels === 'hidden' ? [] : bands)\n      .filter((band) => band.label)\n      .map((band) => ({ angle: angleOf((band.from + band.to) / 2), kind: 'segment' as const, text: band.label! })),\n    ...(shownTarget && !compact\n      ? [{ angle: angleOf(shownTarget.value), kind: 'target' as const, text: `${shownTarget.label || 'Meta'} ${formatValue(shownTarget.value)}` }]\n      : []),\n  ];\n\n  const center = gaugeCenter({\n    centerLabel,\n    compact,\n    delta,\n    domain,\n    emptyMessage,\n    reading,\n    showCenter,\n    status,\n    value: measured ?? 0,\n  });\n\n  const valueText =\n    measured === null\n      ? undefined\n      : (ariaValueText ?? gaugeValueText({ delta, domain, reading, segment: current, target, value: measured }));\n  const accessibleName =\n    status === 'loading'\n      ? `${title}: carregando`\n      : status === 'empty'\n        ? `${title}: ${emptyMessage.toLocaleLowerCase('pt-BR')}`\n        : title;\n\n  function tooltip(): GaugeTooltip {\n    if (measured === null || hovered === null) {\n      return NO_TOOLTIP;\n    }\n\n    if (hovered === 'value') {\n      const tipColor = colorBySegment && current ? current.color : arcColor;\n      return valueTooltip({ color: tipColor, delta, domain, reading, segment: current, target, title, value: measured });\n    }\n\n    return segmentTooltip({ current, reading, segment: bands[hovered], target, value: measured });\n  }\n\n  const outerBand = (rim ? rimGap + rimWidth : 0) + (shownTarget ? TARGET_MARK : 0);\n\n  function drawing() {\n    const layout = layoutGauge({\n      center,\n      compact,\n      endAngle: endRadians,\n      font,\n      height: drawingHeight,\n      minMaxLabels: [\n        { angle: startRadians, text: formatShown(reading, domain.min) },\n        { angle: endRadians, text: formatShown(reading, domain.max) },\n      ],\n      needle,\n      outerBand,\n      outsideLabels,\n      scaleLabels: scaleMode,\n      startAngle: startRadians,\n      thickness: compact ? Math.min(thickness, COMPACT_MAX_THICKNESS) : thickness,\n      tickLabels: tickLabelPriority(majors, base).map((index) => ({\n        angle: angleOf(majors[index]),\n        text: formatShown(reading, majors[index]),\n      })),\n      ticks: tickMode,\n      width,\n    });\n    const { innerRadius, radius } = layout;\n    const corner = Math.max(0, Math.min(trackRadius ?? tokenRadius, layout.thickness / 2));\n    const ring = (from: number, to: number, inner = innerRadius, outer = radius) =>\n      arcPath({ endAngle: to, innerRadius: inner, outerRadius: outer, startAngle: from });\n    const trackPath = arcPath({\n      cornerRadius: corner,\n      endAngle: endRadians,\n      innerRadius,\n      outerRadius: radius,\n      startAngle: startRadians,\n    });\n    const bandOpacity = status !== 'value' ? 0.5 : showFill ? 0.32 : 1;\n    const bandClass = (index: number) =>\n      `${styles.segment} ${hovered === index ? styles.segmentHot : typeof hovered === 'number' ? styles.segmentDimmed : ''}`;\n    const fillStart = angleOf(start);\n    const fillEnd = angleOf(shown);\n    const fillColor = colorBySegment ? (segmentAt(bands, shown)?.color ?? arcColor) : arcColor;\n    const hitInner = innerRadius - 4;\n    const hitOuter = radius + outerBand + 3;\n    const describe = (text: string) => (showTooltip ? null : <title>{text}</title>);\n\n    return (\n      <svg\n        aria-busy={status === 'loading' || undefined}\n        aria-label={accessibleName}\n        aria-valuemax={measured === null ? undefined : domain.max}\n        aria-valuemin={measured === null ? undefined : domain.min}\n        aria-valuenow={measured === null ? undefined : reached}\n        aria-valuetext={valueText}\n        className={styles.canvas}\n        height={drawingHeight}\n        role={measured === null ? 'img' : 'meter'}\n        viewBox={`0 0 ${width} ${drawingHeight}`}\n        width={width}\n      >\n        <defs>\n          <clipPath id={clipId}>\n            <path d={trackPath} />\n          </clipPath>\n        </defs>\n\n        <g transform={`translate(${layout.cx} ${layout.cy})`}>\n          <g className={status === 'loading' ? styles.loading : undefined}>\n            <path className={styles.track} d={trackPath} />\n            {trackBands && (\n              <g clipPath={`url(#${clipId})`}>\n                {bands.map((band, index) => (\n                  <path\n                    className={bandClass(index)}\n                    d={ring(angleOf(band.from), angleOf(band.to))}\n                    fill={band.color}\n                    key={index}\n                    opacity={bandOpacity}\n                  />\n                ))}\n                {bands.slice(1).map((band, index) => (\n                  <path className={styles.separator} d={radialPath(angleOf(band.from), innerRadius, radius)} key={index} />\n                ))}\n              </g>\n            )}\n          </g>\n\n          {rim && (\n            <g>\n              {bands.map((band, index) => (\n                <path\n                  className={bandClass(index)}\n                  d={ring(angleOf(band.from), angleOf(band.to), radius + rimGap, radius + rimGap + rimWidth)}\n                  fill={band.color}\n                  key={index}\n                  opacity={status === 'value' ? 1 : 0.5}\n                />\n              ))}\n              {bands.slice(1).map((band, index) => (\n                <path\n                  className={styles.separator}\n                  d={radialPath(angleOf(band.from), radius + rimGap - 1, radius + rimGap + rimWidth + 1)}\n                  key={index}\n                />\n              ))}\n            </g>\n          )}\n\n          {tickMode !== 'hidden' && (\n            <g>\n              {tickMode === 'majorAndMinor' &&\n                majors.slice(1).flatMap((major, index) =>\n                  [1, 2, 3, 4].map((step) => (\n                    <path\n                      className={styles.tickMinor}\n                      d={radialPath(angleOf(majors[index] + (step * (major - majors[index])) / 5), innerRadius - 3, innerRadius - 6)}\n                      key={`${index}-${step}`}\n                    />\n                  )),\n                )}\n              {majors.map((major, index) => (\n                <path className={styles.tickMajor} d={radialPath(angleOf(major), innerRadius - 3, innerRadius - 9)} key={index} />\n              ))}\n            </g>\n          )}\n\n          {layout.scaleLabels.map(({ anchor, label, x, y }) => (\n            <text\n              className={styles.scaleLabel}\n              dominantBaseline={scaleMode === 'ticks' ? 'central' : undefined}\n              key={`${label.angle}-${label.text}`}\n              textAnchor={anchor}\n              x={x}\n              y={y}\n            >\n              {label.text}\n            </text>\n          ))}\n\n          {status === 'value' && start > domain.min && start < domain.max && (\n            <path className={styles.originMark} d={radialPath(fillStart, innerRadius - 2, radius + 2)} />\n          )}\n\n          {showFill && status === 'value' && Math.abs(fillEnd - fillStart) > 1e-4 && (\n            <path\n              className={styles.fill}\n              d={arcPath({\n                cornerRadius: corner,\n                endAngle: Math.max(fillStart, fillEnd),\n                innerRadius,\n                outerRadius: radius,\n                startAngle: Math.min(fillStart, fillEnd),\n              })}\n              fill={fillColor}\n            />\n          )}\n\n          {shownTarget && (\n            <g>\n              <path className={styles.targetOutline} d={radialPath(angleOf(shownTarget.value), innerRadius - 3, radius + outerBand)} />\n              <path className={styles.targetLine} d={radialPath(angleOf(shownTarget.value), innerRadius - 3, radius + outerBand)} />\n            </g>\n          )}\n\n          {layout.outsideLabels.map(({ anchor, label, x, y }) => (\n            <text\n              className={\n                label.kind === 'target'\n                  ? styles.targetLabel\n                  : `${styles.segmentLabel} ${segmentLabels === 'onHover' ? styles.segmentLabelOnHover : ''}`\n              }\n              dominantBaseline=\"central\"\n              key={`${label.kind}-${label.angle}`}\n              textAnchor={anchor}\n              x={x}\n              y={y}\n            >\n              {label.text}\n            </text>\n          ))}\n\n          {needle && (\n            <g>\n              <path\n                className={styles.needle}\n                d={needlePath(showFill ? innerRadius - 5 : radius - layout.thickness * 0.3, compact ? 2.2 : 3.6)}\n                transform={`rotate(${toDegrees(angleOf(shown))})`}\n              />\n              <circle className={styles.needle} r={layout.pinRadius} />\n              <circle className={styles.pinDot} r={compact ? 1.5 : 2.6} />\n            </g>\n          )}\n\n          <CenterText center={layout.center} empty={status === 'empty'} />\n\n          {status === 'value' && (\n            <g className={styles.hits} onMouseLeave={() => setHovered(null)}>\n              {bands.length > 0\n                ? bands.map((band, index) => (\n                    <path\n                      d={ring(angleOf(band.from), angleOf(band.to), hitInner, hitOuter)}\n                      key={index}\n                      onMouseEnter={() => setHovered(index)}\n                    >\n                      {describe(`${segmentName(band)}: ${rangeText(reading, band)}`)}\n                    </path>\n                  ))\n                : (\n                    <path d={ring(startRadians, endRadians, hitInner, hitOuter)} onMouseEnter={() => setHovered('value')}>\n                      {describe(valueText ?? '')}\n                    </path>\n                  )}\n              <circle onMouseEnter={() => setHovered('value')} r={Math.max(hitInner * 0.85, 8)}>\n                {describe(valueText ?? '')}\n              </circle>\n            </g>\n          )}\n        </g>\n      </svg>\n    );\n  }\n\n  const lateral = legend === 'left' || legend === 'right';\n  const legendView = legend !== 'none' && bands.length > 0 && (\n    <ChartLegend\n      entries={bands.map((band) => ({ color: band.color, label: segmentName(band), value: rangeText(reading, band) }))}\n      position={legend}\n    />\n  );\n  const tip = tooltip();\n\n  return (\n    <figure className={styles.figure}>\n      <figcaption className={styles.title}>{title}</figcaption>\n\n      <div className={`${styles.body} ${lateral ? styles.bodyRow : styles.bodyColumn}`}>\n        {(legend === 'top' || legend === 'left') && legendView}\n\n        <div\n          className={`${styles.plot} ${fillHeight ? styles.plotFill : ''}`}\n          ref={ref}\n          style={fillHeight ? undefined : { minHeight: drawingHeight }}\n        >\n          {width === 0 || drawingHeight === 0 ? null : showTooltip ? (\n            <ChartTooltip columns={[{ format: reading.formatExact }]} computed=\"none\" {...tip}>\n              {drawing()}\n            </ChartTooltip>\n          ) : (\n            drawing()\n          )}\n        </div>\n\n        {(legend === 'bottom' || legend === 'right') && legendView}\n      </div>\n    </figure>\n  );\n}\n\nfunction needlePath(length: number, halfBase: number) {\n  return `M${-halfBase},0L-0.8,${-length}L0.8,${-length}L${halfBase},0Z`;\n}\n\n/** Valor e linhas do centro, cada linha na sua altura dentro do bloco medido pelo layout. */\nfunction CenterText({ center, empty }: { center: GaugeCenterLayout; empty: boolean }) {\n  const valueHeight = center.value ? center.value.size : 0;\n\n  return (\n    <g className={styles.center}>\n      {center.value && (\n        <text\n          className={`${styles.centerValue} ${empty ? styles.centerValueEmpty : ''}`}\n          style={{ fontFamily: center.value.family, fontSize: center.value.size }}\n          textAnchor=\"middle\"\n          y={center.top + center.value.size * 0.84}\n        >\n          {center.value.text}\n        </text>\n      )}\n      {center.lines.map((line, index) => {\n        const y = center.top + valueHeight + (index + 1) * center.lineHeight - 3;\n\n        if (line.kind === 'text') {\n          return (\n            <text className={styles.centerLine} key={index} textAnchor=\"middle\" y={y}>\n              {line.text}\n            </text>\n          );\n        }\n\n        if (line.kind === 'warn') {\n          return (\n            <text className={styles.centerWarn} key={index} textAnchor=\"middle\" y={y}>\n              <tspan className={styles.warnGlyph}>{`${line.glyph} `}</tspan>\n              {line.text}\n            </text>\n          );\n        }\n\n        return (\n          <text className={styles.centerLine} key={index} textAnchor=\"middle\" y={y}>\n            <tspan fill={INTENT_TOKENS[line.intent]}>{`${line.glyph} `}</tspan>\n            <tspan className={styles.deltaNumber}>{line.text}</tspan>\n            {line.label && <tspan className={styles.deltaLabel}>{` ${line.label}`}</tspan>}\n          </text>\n        );\n      })}\n    </g>\n  );\n}\n"],"names":["COMPACT_MAX_THICKNESS","TARGET_MARK","NO_TOOLTIP","toRadians","degrees","toDegrees","radians","radialPath","angle","from","to","x1","y1","pointAt","x2","y2","ChartGauge","accent","ariaValueText","centerLabel","colorBySegment","color","delta","emptyMessage","endAngle","formatTooltipValue","formatValue","formatarNumero","height","indicator","intent","legend","loading","max","min","origin","scaleLabels","segmentStyle","segmentUnit","segments","showCenter","showSegmentLabels","showTooltip","size","startAngle","target","thickness","tickCount","ticks","title","trackRadius","value","valueDisplay","compact","font","measuredHeight","tokenRadius","ref","width","useChartMetrics","fillHeight","drawingHeight","chartHeight","clipId","useId","hovered","setHovered","useState","measured","isNumber","status","domain","gaugeDomain","base","targetBase","reading","gaugeReading","unit","bands","gaugeSegments","start","gaugeOrigin","reached","clampToDomain","tweened","useTweenedNumbers","shown","current","segmentAt","arcColor","resolveSeriesColors","startRadians","endRadians","angleOf","at","showFill","needle","rim","trackBands","rimGap","rimWidth","shownTarget","tickMode","scaleMode","segmentLabels","majors","majorTicks","outsideLabels","band","center","gaugeCenter","valueText","gaugeValueText","accessibleName","tooltip","tipColor","valueTooltip","segmentTooltip","outerBand","drawing","layout","layoutGauge","formatShown","tickLabelPriority","index","innerRadius","radius","corner","ring","inner","outer","arcPath","trackPath","bandOpacity","bandClass","styles","fillStart","fillEnd","fillColor","hitInner","hitOuter","describe","text","jsx","jsxs","major","step","anchor","label","x","y","needlePath","CenterText","segmentName","rangeText","lateral","legendView","ChartLegend","tip","ChartTooltip","length","halfBase","empty","valueHeight","line","INTENT_TOKENS"],"mappings":"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"}