@plenustech/design-system 0.2.2 → 0.2.3

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":"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"}
+{"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/ChartLine/ChartLine.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),m=require("react"),u=require("./ChartLine.module.css.cjs"),ee=require("../core/useChartMetrics.cjs"),te=require("../core/useSeriesToggle.cjs"),le=require("../palette/seriesColor.cjs"),c=require("../scales/scales.cjs"),q=require("../core/cartesianLayout.cjs"),ae=require("../core/spacing.cjs"),oe=require("../core/useTweenedNumbers.cjs"),se=require("../../../utils/formatters/formatarNumero.cjs"),re=require("../core/CartesianFrame.cjs"),ne=require("../core/shapes.cjs");function ie(n,a){return n[a]!==null&&!n[a-1]&&!n[a+1]}function ue({accent:n,categories:a,curve:H="smooth",defaultHiddenSeries:O,emptyMessage:A="Sem dados no período",formatValue:h=se.formatarNumero,height:V=260,includeZero:y=!0,hiddenSeries:z,labelAngle:_="auto",legend:B="bottom",legendAlign:E,onHiddenSeriesChange:G,series:o,showDataLabels:L=!1,showDots:I=!1,title:J,xAxis:C="visible",yAxis:M="visible",yAxisRight:N="hidden"}){const{font:j,height:K,ref:Q,width:T}=ee.useChartMetrics(),{fillHeight:U,value:v}=q.chartHeight(V,K),{isHidden:d,toggle:W}=te.useSeriesToggle({defaultHiddenSeries:O,hiddenSeries:z,onHiddenSeriesChange:G}),p=m.useMemo(()=>le.resolveSeriesColors(o,{accent:n}),[n,o]),x=m.useMemo(()=>c.mergeDomains(o.filter(e=>!d(e.label)).map(e=>c.domainOf(e.values.filter(t=>t!==null),{includeZero:y}))),[y,d,o]),k=q.valueLabelsFor(x,v,h),{margins:X,plot:s,rotation:Y}=q.cartesianLayout({bottomLabels:a,font:j,height:v,labelAngle:_,leftLabels:k,rightLabels:k,topRoom:L?ae.valueLabelRoom(j):0,width:T,xAxis:C,yAxis:M,yAxisRight:N}),F=m.useMemo(()=>c.pointScale({domain:a,padding:0,range:[0,s.width]}),[a,s.width]),R=m.useMemo(()=>c.linearScale({domain:x,range:[s.height,0]}),[x,s.height]),[S,$]=oe.useTweenedNumbers(R.domain()),b=m.useMemo(()=>c.linearScale({domain:{min:S,max:$},nice:!1,range:[s.height,0]}),[$,S,s.height]),w=c.ticksFor(R,s.height),g=o.map(e=>a.map((t,f)=>{const l=e.values[f];return l==null||!Number.isFinite(l)?null:{x:F(t)??0,y:b(l)}})),Z=a.map(e=>({label:e,position:F(e)??0})),D=w.map(e=>({label:h(e),position:b(e)}));return i.jsx(re.CartesianFrame,{containerRef:Q,empty:o.length===0||a.length===0,emptyMessage:A,fillHeight:U,grid:[{baseline:b(0),lines:w.map(e=>b(e)),orientation:"horizontal"}],height:v,legend:o.map((e,t)=>({color:p[t],hidden:d(e.label),label:e.label})),legendAlign:E,legendPosition:B,margins:X,onToggleSeries:W,plot:s,title:J,width:T,xAxis:{labelRotation:Y,ticks:Z,visibility:C},yAxis:{hideLine:!0,ticks:D,visibility:M},yAxisRight:{hideLine:!0,ticks:D,visibility:N},children:o.map((e,t)=>{const f=d(e.label);return i.jsxs("g",{"aria-hidden":f||void 0,className:`${u.default.series} ${f?u.default.seriesOff:""}`,children:[i.jsx("path",{className:u.default.line,d:ne.linePath(g[t],H),fill:"none",stroke:p[t]}),g[t].map((l,r)=>{if(l===null)return null;const P=`${e.label}, ${a[r]}: ${h(e.values[r]??0)}`;return i.jsx("circle",{"aria-label":P,className:I||ie(g[t],r)?u.default.dotVisible:u.default.dot,cx:l.x,cy:l.y,fill:p[t],r:4,children:i.jsx("title",{children:P})},r)}),L&&g[t].map((l,r)=>l===null?null:i.jsx("text",{className:u.default.valueLabel,textAnchor:"middle",x:l.x,y:l.y-10,children:h(e.values[r]??0)},r))]},t)})})}exports.ChartLine=ue;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),m=require("react"),i=require("./ChartLine.module.css.cjs"),pe=require("../core/useChartMetrics.cjs"),G=require("../core/useSeriesToggle.cjs"),fe=require("../palette/seriesColor.cjs"),d=require("../scales/scales.cjs"),C=require("../core/cartesianLayout.cjs"),xe=require("../core/useCartesianLayout.cjs"),qe=require("../core/spacing.cjs"),ye=require("../core/useHoveredBand.cjs"),Ce=require("../core/useTweenedNumbers.cjs"),j=require("../core/PointBands.cjs"),Le=require("../../../utils/formatters/formatarNumero.cjs"),He=require("../core/CartesianFrame.cjs"),Pe=require("../core/shapes.cjs"),je=require("../core/pointLabels.cjs"),Me=require("../core/tooltips.cjs");function Ne(u,a){return u[a]!==null&&!u[a-1]&&!u[a+1]}function ke({accent:u,categories:a,curve:J="smooth",defaultHiddenSeries:K,emptyMessage:Q="Sem dados no período",formatTooltipValue:U,formatValue:h=Le.formatarNumero,height:W=260,includeZero:M=!0,hiddenSeries:X,labelAngle:Z="auto",legend:ee="bottom",legendAlign:oe,onHiddenSeriesChange:te,onHoverCategory:N,series:n,showDataLabels:g="hidden",showDots:k="onHover",showTooltip:F=!0,title:ae,xAxis:S="visible",yAxis:$="visible",yAxisRight:R="hidden"}){const{font:v,height:ne,ref:le,width:T}=pe.useChartMetrics(),{fillHeight:re,value:L}=C.chartHeight(W,ne),{isHidden:b,isOutOfScale:O,toggle:se}=G.useSeriesToggle({defaultHiddenSeries:K,hiddenSeries:X,labels:n.map(e=>e.label),onHiddenSeriesChange:te}),p=m.useMemo(()=>fe.resolveSeriesColors(n,{accent:u}),[u,n]),H=m.useMemo(()=>d.mergeDomains(G.seriesInScale(n,O).map(e=>d.domainOf(e.values.filter(o=>o!==null),{includeZero:M}))),[M,O,n]),A=C.valueLabelsFor(H,L,h),{axisReveal:ie,margins:ue,plot:l,rotation:ce}=xe.useCartesianLayout({bottomLabels:a,font:v,height:L,labelAngle:Z,leftLabels:A,rightLabels:A,topRoom:g==="hidden"?0:qe.valueLabelRoom(v),width:T,xAxis:S,yAxis:$,yAxisRight:R}),B=m.useMemo(()=>d.pointScale({domain:a,padding:0,range:[0,l.width]}),[a,l.width]),{hover:me,hovered:f}=ye.useHoveredBand(N),[de,he]=m.useState(null),P=F||N!==void 0||k==="onHover"||g==="onHover",w=m.useMemo(()=>d.linearScale({domain:H,range:[l.height,0]}),[H,l.height]),[D,E]=Ce.useTweenedNumbers(w.domain()),x=m.useMemo(()=>d.linearScale({domain:{min:D,max:E},nice:!1,range:[l.height,0]}),[E,D,l.height]),z=d.ticksFor(w,l.height),c=n.map(e=>a.map((o,q)=>{const t=e.values[q];return t==null||!Number.isFinite(t)?null:{x:B(o)??0,y:x(t)}})),I=j.nearestSeriesAt(c,f,de,e=>b(n[e].label)),V=a.map(e=>({label:e,position:B(e)??0})),Y=V.map(e=>e.position),_=z.map(e=>({label:h(e),position:x(e)}));return s.jsxs(He.CartesianFrame,{axisReveal:ie,containerRef:le,empty:n.length===0||a.length===0,emptyMessage:Q,fillHeight:re,grid:[{baseline:x(0),lines:z.map(e=>x(e)),orientation:"horizontal"}],height:L,legend:n.map((e,o)=>({color:p[o],hidden:b(e.label),label:e.label})),legendAlign:oe,legendPosition:ee,margins:ue,onToggleSeries:se,plot:l,title:ae,tooltip:F?Me.categoryTooltip({categories:a,colors:p,format:U??h,index:f,isHidden:b,series:n}):void 0,width:T,xAxis:{labelRotation:ce,ticks:V,visibility:S},yAxis:{hideLine:!0,ticks:_,visibility:$},yAxisRight:{hideLine:!0,ticks:_,visibility:R},children:[P&&f!==null&&s.jsx(j.PointCursor,{plot:l,position:Y[f]}),n.map((e,o)=>{const q=b(e.label);return s.jsxs("g",{"aria-hidden":q||void 0,className:`${i.default.series} ${q?i.default.seriesOff:""}`,children:[s.jsx("path",{className:i.default.line,d:Pe.linePath(c[o],J),fill:"none",stroke:p[o]}),c[o].map((t,r)=>{if(t===null)return null;const y=`${e.label}, ${a[r]}: ${h(e.values[r]??0)}`;return s.jsx("circle",{"aria-label":y,className:C.markShown(k,o===I)||Ne(c[o],r)?i.default.dotVisible:i.default.dot,cx:t.x,cy:t.y,stroke:p[o],r:4,children:!P&&s.jsx("title",{children:y})},r)}),g!=="hidden"&&c[o].map((t,r)=>{if(t===null)return null;const{below:y,dx:be,textAnchor:ge}=je.pointLabelPlacement(c,o,r,v.lineHeight,ve=>b(n[ve].label));return s.jsx("text",{className:`${i.default.valueLabel} ${C.markShown(g,o===I)?"":i.default.valueLabelHidden}`,textAnchor:ge,x:t.x+be,y:y?t.y+v.lineHeight+2:t.y-10,children:h(e.values[r]??0)},r)})]},o)}),P&&s.jsx(j.PointBands,{onHover:me,onPointerY:he,plot:l,positions:Y})]})}exports.ChartLine=ke;
 //# sourceMappingURL=ChartLine.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChartLine.cjs","sources":["../../../../src/components/charts/ChartLine/ChartLine.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  CartesianFrame,\n  cartesianLayout,\n  chartHeight,\n  linePath,\n  useChartMetrics,\n  useSeriesToggle,\n  useTweenedNumbers,\n  valueLabelRoom,\n  valueLabelsFor,\n  type AxisLabelAngle,\n  type AxisTick,\n  type AxisVisibility,\n  type ChartCurve,\n  type ChartHeight,\n  type ChartLegendAlign,\n  type ChartLegendPosition,\n  type ChartPoint,\n} from '../core';\nimport { resolveSeriesColors, type SeriesAppearance } from '../palette';\nimport { domainOf, linearScale, mergeDomains, pointScale, ticksFor } from '../scales';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartLine.module.css';\n/**\n * Ponto sem vizinho desenhado. A curva entre ele e o nada nao tem tracado, e o\n * marcador so no hover deixaria o dado invisivel — entao ele aparece sempre.\n */\nfunction isolado(pontos: readonly (ChartPoint | null)[], indice: number) {\n  return pontos[indice] !== null && !pontos[indice - 1] && !pontos[indice + 1];\n}\n\n\nexport interface ChartLineSeries extends SeriesAppearance {\n  label: string;\n  values: readonly (number | null)[];\n}\n\nexport interface ChartLineProps {\n  accent?: string;\n  categories: readonly string[];\n  curve?: ChartCurve;\n  defaultHiddenSeries?: readonly string[];\n  emptyMessage?: string;\n  formatValue?: (value: number) => string;\n  /**\n   * Inclui o zero no dominio do eixo de valor. Ligado por padrao, porque marca\n   * que nao parte do zero exagera a diferenca; para medidas que nao se comparam\n   * a ele — um ano, uma temperatura — desligue; um ano pede tambem um formato sem separador de milhar em `formatValue`.\n   */\n  includeZero?: boolean;\n  height?: ChartHeight;\n  hiddenSeries?: readonly string[];\n  labelAngle?: AxisLabelAngle;\n  legend?: ChartLegendPosition;\n  legendAlign?: ChartLegendAlign;\n  onHiddenSeriesChange?: (hidden: readonly string[]) => void;\n  series: readonly ChartLineSeries[];\n  showDataLabels?: boolean;\n  showDots?: boolean;\n  title: string;\n  xAxis?: AxisVisibility;\n  yAxis?: AxisVisibility;\n  yAxisRight?: AxisVisibility;\n}\n\nexport function ChartLine({\n  accent,\n  categories,\n  curve = 'smooth',\n  defaultHiddenSeries,\n  emptyMessage = 'Sem dados no período',\n  formatValue = formatarNumero,\n  height = 260,\n  includeZero = true,\n  hiddenSeries,\n  labelAngle = 'auto',\n  legend = 'bottom',\n  legendAlign,\n  onHiddenSeriesChange,\n  series,\n  showDataLabels = false,\n  showDots = false,\n  title,\n  xAxis = 'visible',\n  yAxis = 'visible',\n  yAxisRight = 'hidden',\n}: ChartLineProps) {\n  const { font, height: alturaMedida, ref, width } = useChartMetrics();\n  const { fillHeight, value: alturaDoDesenho } = chartHeight(height, alturaMedida);\n  const { isHidden, toggle } = useSeriesToggle({ defaultHiddenSeries, hiddenSeries, onHiddenSeriesChange });\n\n  // A cor sai da lista inteira, e nao das visiveis: desligar uma serie nao pode\n  // repintar as demais.\n  const cores = useMemo(() => resolveSeriesColors(series, { accent }), [accent, series]);\n\n  const dominio = useMemo(\n    () =>\n      mergeDomains(\n        series\n          .filter((serie) => !isHidden(serie.label))\n          .map((serie) => domainOf(serie.values.filter((valor) => valor !== null), { includeZero })),\n      ),\n    [includeZero, isHidden, series],\n  );\n\n  const rotulosDeValor = valueLabelsFor(dominio, alturaDoDesenho, formatValue);\n\n  const { margins, plot, rotation } = cartesianLayout({\n    bottomLabels: categories,\n    font,\n    height: alturaDoDesenho,\n    labelAngle,\n    leftLabels: rotulosDeValor,\n    rightLabels: rotulosDeValor,\n    topRoom: showDataLabels ? valueLabelRoom(font) : 0,\n    width,\n    xAxis,\n    yAxis,\n    yAxisRight,\n  });\n\n  const escalaCategorias = useMemo(\n    () => pointScale({ domain: categories, padding: 0, range: [0, plot.width] }),\n    [categories, plot.width],\n  );\n\n  // A escala alvo fixa as marcas; a animada posiciona o desenho. Sem separar as\n  // duas, as marcas exibiriam valores quebrados durante a transicao.\n  const escalaAlvo = useMemo(\n    () => linearScale({ domain: dominio, range: [plot.height, 0] }),\n    [dominio, plot.height],\n  );\n\n  const [minimo, maximo] = useTweenedNumbers(escalaAlvo.domain());\n\n  const escalaValores = useMemo(\n    () => linearScale({ domain: { min: minimo, max: maximo }, nice: false, range: [plot.height, 0] }),\n    [maximo, minimo, plot.height],\n  );\n\n  const marcasDeValor = ticksFor(escalaAlvo, plot.height);\n\n  const pontosPorSerie = series.map((serie) =>\n    categories.map<ChartPoint | null>((categoria, indice) => {\n      const valor = serie.values[indice];\n\n      if (valor === null || valor === undefined || !Number.isFinite(valor)) {\n        return null;\n      }\n\n      return { x: escalaCategorias(categoria) ?? 0, y: escalaValores(valor) };\n    }),\n  );\n\n  const marcasCategoria: AxisTick[] = categories.map((categoria) => ({\n    label: categoria,\n    position: escalaCategorias(categoria) ?? 0,\n  }));\n\n  const marcasValor: AxisTick[] = marcasDeValor.map((valor) => ({\n    label: formatValue(valor),\n    position: escalaValores(valor),\n  }));\n\n  return (\n    <CartesianFrame\n      containerRef={ref}\n      empty={series.length === 0 || categories.length === 0}\n      emptyMessage={emptyMessage}\n      fillHeight={fillHeight}\n      grid={[\n        {\n          baseline: escalaValores(0),\n          lines: marcasDeValor.map((valor) => escalaValores(valor)),\n          orientation: 'horizontal',\n        },\n      ]}\n      height={alturaDoDesenho}\n      legend={series.map((serie, indice) => ({\n        color: cores[indice],\n        hidden: isHidden(serie.label),\n        label: serie.label,\n      }))}\n      legendAlign={legendAlign}\n      legendPosition={legend}\n      margins={margins}\n      onToggleSeries={toggle}\n      plot={plot}\n      title={title}\n      width={width}\n      xAxis={{ labelRotation: rotation, ticks: marcasCategoria, visibility: xAxis }}\n      yAxis={{ hideLine: true, ticks: marcasValor, visibility: yAxis }}\n      yAxisRight={{ hideLine: true, ticks: marcasValor, visibility: yAxisRight }}\n    >\n      {series.map((serie, indiceSerie) => {\n        const oculta = isHidden(serie.label);\n\n        return (\n          <g\n            aria-hidden={oculta || undefined}\n            className={`${styles.series} ${oculta ? styles.seriesOff : ''}`}\n            key={indiceSerie}\n          >\n            <path\n              className={styles.line}\n              d={linePath(pontosPorSerie[indiceSerie], curve)}\n              fill=\"none\"\n              stroke={cores[indiceSerie]}\n            />\n\n            {pontosPorSerie[indiceSerie].map((ponto, indice) => {\n              if (ponto === null) {\n                return null;\n              }\n\n              const descricao = `${serie.label}, ${categories[indice]}: ${formatValue(serie.values[indice] ?? 0)}`;\n\n              return (\n                <circle\n                  aria-label={descricao}\n                  className={\n                    showDots || isolado(pontosPorSerie[indiceSerie], indice)\n                      ? styles.dotVisible\n                      : styles.dot\n                  }\n                  cx={ponto.x}\n                  cy={ponto.y}\n                  fill={cores[indiceSerie]}\n                  key={indice}\n                  r={4}\n                >\n                  <title>{descricao}</title>\n                </circle>\n              );\n            })}\n\n            {showDataLabels &&\n              pontosPorSerie[indiceSerie].map((ponto, indice) =>\n                ponto === null ? null : (\n                  <text\n                    className={styles.valueLabel}\n                    key={indice}\n                    textAnchor=\"middle\"\n                    x={ponto.x}\n                    y={ponto.y - 10}\n                  >\n                    {formatValue(serie.values[indice] ?? 0)}\n                  </text>\n                ),\n              )}\n          </g>\n        );\n      })}\n    </CartesianFrame>\n  );\n}\n"],"names":["isolado","pontos","indice","ChartLine","accent","categories","curve","defaultHiddenSeries","emptyMessage","formatValue","formatarNumero","height","includeZero","hiddenSeries","labelAngle","legend","legendAlign","onHiddenSeriesChange","series","showDataLabels","showDots","title","xAxis","yAxis","yAxisRight","font","alturaMedida","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","isHidden","toggle","useSeriesToggle","cores","useMemo","resolveSeriesColors","dominio","mergeDomains","serie","domainOf","valor","rotulosDeValor","valueLabelsFor","margins","plot","rotation","cartesianLayout","valueLabelRoom","escalaCategorias","pointScale","escalaAlvo","linearScale","minimo","maximo","useTweenedNumbers","escalaValores","marcasDeValor","ticksFor","pontosPorSerie","categoria","marcasCategoria","marcasValor","jsx","CartesianFrame","indiceSerie","oculta","jsxs","styles","linePath","ponto","descricao"],"mappings":"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"}
+{"version":3,"file":"ChartLine.cjs","sources":["../../../../src/components/charts/ChartLine/ChartLine.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  CartesianFrame,\n  categoryTooltip,\n  PointBands,\n  PointCursor,\n  seriesInScale,\n  useCartesianLayout,\n  chartHeight,\n  linePath,\n  markShown,\n  nearestSeriesAt,\n  pointLabelPlacement,\n  useChartMetrics,\n  useHoveredBand,\n  useSeriesToggle,\n  useTweenedNumbers,\n  valueLabelRoom,\n  valueLabelsFor,\n  type AxisLabelAngle,\n  type AxisTick,\n  type AxisVisibility,\n  type ChartCurve,\n  type ChartHeight,\n  type ChartLegendAlign,\n  type ChartLegendPosition,\n  type ChartPoint,\n  type MarkVisibility,\n} from '../core';\nimport { resolveSeriesColors, type SeriesAppearance } from '../palette';\nimport { domainOf, linearScale, mergeDomains, pointScale, ticksFor } from '../scales';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartLine.module.css';\n/**\n * Ponto sem vizinho desenhado. A curva entre ele e o nada nao tem tracado, e o\n * marcador so no hover deixaria o dado invisivel — entao ele aparece sempre.\n */\nfunction isolado(pontos: readonly (ChartPoint | null)[], indice: number) {\n  return pontos[indice] !== null && !pontos[indice - 1] && !pontos[indice + 1];\n}\n\n\nexport interface ChartLineSeries extends SeriesAppearance {\n  label: string;\n  values: readonly (number | null)[];\n}\n\nexport interface ChartLineProps {\n  accent?: string;\n  categories: readonly string[];\n  curve?: ChartCurve;\n  defaultHiddenSeries?: readonly string[];\n  emptyMessage?: 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  /**\n   * Inclui o zero no dominio do eixo de valor. Ligado por padrao, porque marca\n   * que nao parte do zero exagera a diferenca; para medidas que nao se comparam\n   * a ele — um ano, uma temperatura — desligue; um ano pede tambem um formato sem separador de milhar em `formatValue`.\n   */\n  includeZero?: boolean;\n  height?: ChartHeight;\n  hiddenSeries?: readonly string[];\n  labelAngle?: AxisLabelAngle;\n  legend?: ChartLegendPosition;\n  legendAlign?: ChartLegendAlign;\n  onHiddenSeriesChange?: (hidden: readonly string[]) => void;\n  /** Indice da categoria mais proxima do ponteiro, ou `null` ao sair. */\n  onHoverCategory?: (index: number | null) => void;\n  series: readonly ChartLineSeries[];\n  /** Valor acima de cada ponto: sempre, nunca, ou so os da serie mais proxima do ponteiro. */\n  showDataLabels?: MarkVisibility;\n  /** Pontos de cada valor: sempre, nunca, ou so os da serie mais proxima do ponteiro. */\n  showDots?: MarkVisibility;\n  /**\n   * Balao com as series da categoria mais proxima do ponteiro. Desligue para montar o proprio\n   * `ChartTooltip` pela costura; sem balao nem costura, o ponto volta a ter o `<title>`.\n   */\n  showTooltip?: boolean;\n  title: string;\n  xAxis?: AxisVisibility;\n  yAxis?: AxisVisibility;\n  yAxisRight?: AxisVisibility;\n}\n\nexport function ChartLine({\n  accent,\n  categories,\n  curve = 'smooth',\n  defaultHiddenSeries,\n  emptyMessage = 'Sem dados no período',\n  formatTooltipValue,\n  formatValue = formatarNumero,\n  height = 260,\n  includeZero = true,\n  hiddenSeries,\n  labelAngle = 'auto',\n  legend = 'bottom',\n  legendAlign,\n  onHiddenSeriesChange,\n  onHoverCategory,\n  series,\n  showDataLabels = 'hidden',\n  showDots = 'onHover',\n  showTooltip = true,\n  title,\n  xAxis = 'visible',\n  yAxis = 'visible',\n  yAxisRight = 'hidden',\n}: ChartLineProps) {\n  const { font, height: alturaMedida, ref, width } = useChartMetrics();\n  const { fillHeight, value: alturaDoDesenho } = chartHeight(height, alturaMedida);\n  const { isHidden, isOutOfScale, toggle } = useSeriesToggle({\n    defaultHiddenSeries,\n    hiddenSeries,\n    labels: series.map((serie) => serie.label),\n    onHiddenSeriesChange,\n  });\n\n  // A cor sai da lista inteira, e nao das visiveis: desligar uma serie nao pode\n  // repintar as demais.\n  const cores = useMemo(() => resolveSeriesColors(series, { accent }), [accent, series]);\n\n  const dominio = useMemo(\n    () =>\n      mergeDomains(\n        seriesInScale(series, isOutOfScale).map((serie) =>\n          domainOf(\n            serie.values.filter((valor) => valor !== null),\n            { includeZero },\n          ),\n        ),\n      ),\n    [includeZero, isOutOfScale, series],\n  );\n\n  const rotulosDeValor = valueLabelsFor(dominio, alturaDoDesenho, formatValue);\n\n  const { axisReveal, margins, plot, rotation } = useCartesianLayout({\n    bottomLabels: categories,\n    font,\n    height: alturaDoDesenho,\n    labelAngle,\n    leftLabels: rotulosDeValor,\n    rightLabels: rotulosDeValor,\n    topRoom: showDataLabels === 'hidden' ? 0 : valueLabelRoom(font),\n    width,\n    xAxis,\n    yAxis,\n    yAxisRight,\n  });\n\n  const escalaCategorias = useMemo(\n    () => pointScale({ domain: categories, padding: 0, range: [0, plot.width] }),\n    [categories, plot.width],\n  );\n\n  const { hover: focarCategoria, hovered: categoriaEmFoco } = useHoveredBand(onHoverCategory);\n  const [alturaDoPonteiro, setAlturaDoPonteiro] = useState<number | null>(null);\n  const comFaixas =\n    showTooltip || onHoverCategory !== undefined || showDots === 'onHover' || showDataLabels === 'onHover';\n\n  // A escala alvo fixa as marcas; a animada posiciona o desenho. Sem separar as\n  // duas, as marcas exibiriam valores quebrados durante a transicao.\n  const escalaAlvo = useMemo(\n    () => linearScale({ domain: dominio, range: [plot.height, 0] }),\n    [dominio, plot.height],\n  );\n\n  const [minimo, maximo] = useTweenedNumbers(escalaAlvo.domain());\n\n  const escalaValores = useMemo(\n    () => linearScale({ domain: { min: minimo, max: maximo }, nice: false, range: [plot.height, 0] }),\n    [maximo, minimo, plot.height],\n  );\n\n  const marcasDeValor = ticksFor(escalaAlvo, plot.height);\n\n  const pontosPorSerie = series.map((serie) =>\n    categories.map<ChartPoint | null>((categoria, indice) => {\n      const valor = serie.values[indice];\n\n      if (valor === null || valor === undefined || !Number.isFinite(valor)) {\n        return null;\n      }\n\n      return { x: escalaCategorias(categoria) ?? 0, y: escalaValores(valor) };\n    }),\n  );\n\n  const serieEmFoco = nearestSeriesAt(pontosPorSerie, categoriaEmFoco, alturaDoPonteiro, (indice) =>\n    isHidden(series[indice].label),\n  );\n\n  const marcasCategoria: AxisTick[] = categories.map((categoria) => ({\n    label: categoria,\n    position: escalaCategorias(categoria) ?? 0,\n  }));\n  const posicoesCategoria = marcasCategoria.map((marca) => marca.position);\n\n  const marcasValor: AxisTick[] = marcasDeValor.map((valor) => ({\n    label: formatValue(valor),\n    position: escalaValores(valor),\n  }));\n\n  return (\n    <CartesianFrame\n      axisReveal={axisReveal}\n      containerRef={ref}\n      empty={series.length === 0 || categories.length === 0}\n      emptyMessage={emptyMessage}\n      fillHeight={fillHeight}\n      grid={[\n        {\n          baseline: escalaValores(0),\n          lines: marcasDeValor.map((valor) => escalaValores(valor)),\n          orientation: 'horizontal',\n        },\n      ]}\n      height={alturaDoDesenho}\n      legend={series.map((serie, indice) => ({\n        color: cores[indice],\n        hidden: isHidden(serie.label),\n        label: serie.label,\n      }))}\n      legendAlign={legendAlign}\n      legendPosition={legend}\n      margins={margins}\n      onToggleSeries={toggle}\n      plot={plot}\n      title={title}\n      tooltip={\n        showTooltip\n          ? categoryTooltip({\n              categories,\n              colors: cores,\n              format: formatTooltipValue ?? formatValue,\n              index: categoriaEmFoco,\n              isHidden,\n              series,\n            })\n          : undefined\n      }\n      width={width}\n      xAxis={{ labelRotation: rotation, ticks: marcasCategoria, visibility: xAxis }}\n      yAxis={{ hideLine: true, ticks: marcasValor, visibility: yAxis }}\n      yAxisRight={{ hideLine: true, ticks: marcasValor, visibility: yAxisRight }}\n    >\n      {comFaixas && categoriaEmFoco !== null && (\n        <PointCursor plot={plot} position={posicoesCategoria[categoriaEmFoco]} />\n      )}\n\n      {series.map((serie, indiceSerie) => {\n        const oculta = isHidden(serie.label);\n\n        return (\n          <g\n            aria-hidden={oculta || undefined}\n            className={`${styles.series} ${oculta ? styles.seriesOff : ''}`}\n            key={indiceSerie}\n          >\n            <path\n              className={styles.line}\n              d={linePath(pontosPorSerie[indiceSerie], curve)}\n              fill=\"none\"\n              stroke={cores[indiceSerie]}\n            />\n\n            {pontosPorSerie[indiceSerie].map((ponto, indice) => {\n              if (ponto === null) {\n                return null;\n              }\n\n              const descricao = `${serie.label}, ${categories[indice]}: ${formatValue(serie.values[indice] ?? 0)}`;\n\n              return (\n                <circle\n                  aria-label={descricao}\n                  className={\n                    markShown(showDots, indiceSerie === serieEmFoco) || isolado(pontosPorSerie[indiceSerie], indice)\n                      ? styles.dotVisible\n                      : styles.dot\n                  }\n                  cx={ponto.x}\n                  cy={ponto.y}\n                  stroke={cores[indiceSerie]}\n                  key={indice}\n                  r={4}\n                >\n                  {!comFaixas && <title>{descricao}</title>}\n                </circle>\n              );\n            })}\n\n            {showDataLabels !== 'hidden' &&\n              pontosPorSerie[indiceSerie].map((ponto, indice) => {\n                if (ponto === null) {\n                  return null;\n                }\n\n                const { below, dx, textAnchor } = pointLabelPlacement(pontosPorSerie, indiceSerie, indice, font.lineHeight, (outra) =>\n                  isHidden(series[outra].label),\n                );\n\n                return (\n                  <text\n                    className={`${styles.valueLabel} ${markShown(showDataLabels, indiceSerie === serieEmFoco) ? '' : styles.valueLabelHidden}`}\n                    key={indice}\n                    textAnchor={textAnchor}\n                    x={ponto.x + dx}\n                    y={below ? ponto.y + font.lineHeight + 2 : ponto.y - 10}\n                  >\n                    {formatValue(serie.values[indice] ?? 0)}\n                  </text>\n                );\n              })}\n          </g>\n        );\n      })}\n\n      {comFaixas && (\n        <PointBands\n          onHover={focarCategoria}\n          onPointerY={setAlturaDoPonteiro}\n          plot={plot}\n          positions={posicoesCategoria}\n        />\n      )}\n    </CartesianFrame>\n  );\n}\n"],"names":["isolado","pontos","indice","ChartLine","accent","categories","curve","defaultHiddenSeries","emptyMessage","formatTooltipValue","formatValue","formatarNumero","height","includeZero","hiddenSeries","labelAngle","legend","legendAlign","onHiddenSeriesChange","onHoverCategory","series","showDataLabels","showDots","showTooltip","title","xAxis","yAxis","yAxisRight","font","alturaMedida","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","isHidden","isOutOfScale","toggle","useSeriesToggle","serie","cores","useMemo","resolveSeriesColors","dominio","mergeDomains","seriesInScale","domainOf","valor","rotulosDeValor","valueLabelsFor","axisReveal","margins","plot","rotation","useCartesianLayout","valueLabelRoom","escalaCategorias","pointScale","focarCategoria","categoriaEmFoco","useHoveredBand","alturaDoPonteiro","setAlturaDoPonteiro","useState","comFaixas","escalaAlvo","linearScale","minimo","maximo","useTweenedNumbers","escalaValores","marcasDeValor","ticksFor","pontosPorSerie","categoria","serieEmFoco","nearestSeriesAt","marcasCategoria","posicoesCategoria","marca","marcasValor","jsxs","CartesianFrame","categoryTooltip","jsx","PointCursor","indiceSerie","oculta","styles","linePath","ponto","descricao","markShown","below","dx","textAnchor","pointLabelPlacement","outra","PointBands"],"mappings":"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"}