@plenustech/design-system 0.2.2 → 0.2.4

package/dist/components/charts/ChartSankey/ChartSankey.js

@@ -1,209 +1,232 @@
-import { jsxs as re, jsx as d } from "react/jsx-runtime";
-import { useState as ne, useMemo as p } from "react";
-import { sankey as ae, sankeyRight as se, sankeyLeft as oe, sankeyJustify as ie, sankeyCenter as le } from "d3-sankey";
+import { jsxs as le, jsx as h } from "react/jsx-runtime";
+import { useState as ie, useMemo as p } from "react";
+import { sankey as ce, sankeyRight as ue, sankeyLeft as me, sankeyJustify as de, sankeyCenter as he } from "d3-sankey";
 import i from "./ChartSankey.module.css.js";
-import { useChartMetrics as ce } from "../core/useChartMetrics.js";
-import { resolveSeriesColors as ue } from "../palette/seriesColor.js";
-import { widestLabel as me, truncateToWidth as de, measureLabel as _ } from "../core/measureText.js";
-import { CHART_LABEL_BAND as I, CHART_LABEL_OFFSET as y } from "../core/spacing.js";
-import { ChartFrame as he } from "../core/ChartFrame.js";
-import { formatarNumero as xe } from "../../../utils/formatters/formatarNumero.js";
-import { chartHeight as pe } from "../core/cartesianLayout.js";
-function ye(s, o) {
+import { useChartMetrics as xe } from "../core/useChartMetrics.js";
+import { resolveSeriesColors as fe } from "../palette/seriesColor.js";
+import { widestLabel as pe, truncateToWidth as ye, measureLabel as W } from "../core/measureText.js";
+import { CHART_LABEL_BAND as q, CHART_LABEL_OFFSET as y } from "../core/spacing.js";
+import { ChartFrame as be } from "../core/ChartFrame.js";
+import { formatarNumero as ve, formatarPercentual as ke } from "../../../utils/formatters/formatarNumero.js";
+import { chartHeight as $e } from "../core/cartesianLayout.js";
+function ge(s, o) {
   return s.x0 < o.x1 && o.x0 < s.x1 && s.y0 < o.y1 && o.y0 < s.y1;
 }
-const fe = {
-  center: le,
-  justify: ie,
-  left: oe,
-  right: se
+const De = {
+  center: he,
+  justify: de,
+  left: me,
+  right: ue
 };
-function be(s) {
-  const o = s.source.x1, u = s.target.x0, l = (o + u) / 2;
-  return `M${o},${s.y0}C${l},${s.y0} ${l},${s.y1} ${u},${s.y1}`;
+function Me(s) {
+  const o = s.source.x1, m = s.target.x0, c = (o + m) / 2;
+  return `M${o},${s.y0}C${c},${s.y0} ${c},${s.y1} ${m},${s.y1}`;
 }
-function ke(s) {
+function Ne(s) {
   const o = /* @__PURE__ */ new Map();
-  for (const r of s)
-    o.set(r.source, [...o.get(r.source) ?? [], r.target]);
-  const u = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Set();
-  function f(r) {
-    if (l.has(r))
+  for (const n of s)
+    o.set(n.source, [...o.get(n.source) ?? [], n.target]);
+  const m = /* @__PURE__ */ new Set(), c = /* @__PURE__ */ new Set();
+  function b(n) {
+    if (c.has(n))
       return !0;
-    if (u.has(r))
+    if (m.has(n))
       return !1;
-    l.add(r);
-    const $ = (o.get(r) ?? []).some(f);
-    return l.delete(r), u.add(r), $;
+    c.add(n);
+    const D = (o.get(n) ?? []).some(b);
+    return c.delete(n), m.add(n), D;
   }
-  return [...o.keys()].some(f);
+  return [...o.keys()].some(b);
 }
-function Le({
+function Te({
   accent: s,
   cyclicMessage: o = "O fluxo volta sobre si mesmo e não pode ser desenhado",
-  emptyMessage: u = "Sem dados no período",
-  flowColor: l = "source",
-  flowValuePosition: f = "end",
-  flows: r,
-  formatValue: $ = xe,
-  height: z = 320,
-  nodeAlign: E = "justify",
-  nodes: b,
-  nodePadding: H = 12,
-  nodeWidth: M = 12,
-  showFlowValues: J = !1,
-  showLabels: L = !0,
-  title: W
+  emptyMessage: m = "Sem dados no período",
+  flowColor: c = "source",
+  flowValuePosition: b = "end",
+  flows: n,
+  formatTooltipValue: D,
+  formatValue: M = ve,
+  height: G = 320,
+  nodeAlign: L = "justify",
+  nodes: v,
+  nodePadding: S = 12,
+  nodeWidth: N = 12,
+  showFlowValues: K = !1,
+  showLabels: B = !0,
+  showTooltip: j = !0,
+  title: Q
 }) {
-  const { font: c, height: q, ref: G, width: k } = ce(), { fillHeight: K, value: v } = pe(z, q), [S, B] = ne(null), h = p(() => {
-    const e = (b ?? []).map((t) => t.label);
-    return r.forEach(({ source: t, target: n }) => {
-      [t, n].forEach((a) => {
+  var z, J;
+  const { font: u, height: U, ref: X, width: k } = xe(), { fillHeight: Y, value: $ } = $e(G, U), [d, O] = ie(null), x = p(() => {
+    const e = (v ?? []).map((t) => t.label);
+    return n.forEach(({ source: t, target: r }) => {
+      [t, r].forEach((a) => {
         e.includes(a) || e.push(a);
       });
     }), e.map(
-      (t) => (b == null ? void 0 : b.find((n) => n.label === t)) ?? { label: t }
+      (t) => (v == null ? void 0 : v.find((r) => r.label === t)) ?? { label: t }
     );
-  }, [r, b]), P = p(() => ue(h, { accent: s }), [s, h]), D = p(() => {
-    const e = new Set(r.map((t) => t.source));
-    return h.map((t) => t.label).filter((t) => !e.has(t));
-  }, [h, r]), N = L ? Math.min(me(D, c), k * I) + y : 0, g = p(() => ke(r), [r]), C = p(
-    () => r.reduce((e, t) => e + (Number.isFinite(t.value) ? Math.max(t.value, 0) : 0), 0),
-    [r]
-  ), m = p(() => {
-    const e = k - N;
-    return e <= 0 || v <= 0 || r.length === 0 || g || C <= 0 ? { links: [], nodes: [] } : ae().nodeId((a) => a.label).nodeAlign(fe[E]).nodeWidth(M).nodePadding(H).extent([
+  }, [n, v]), Z = p(() => fe(x, { accent: s }), [s, x]), F = p(() => {
+    const e = new Set(n.map((t) => t.source));
+    return x.map((t) => t.label).filter((t) => !e.has(t));
+  }, [x, n]), C = B ? Math.min(pe(F, u), k * q) + y : 0, g = p(() => Ne(n), [n]), A = p(
+    () => n.reduce((e, t) => e + (Number.isFinite(t.value) ? Math.max(t.value, 0) : 0), 0),
+    [n]
+  ), l = p(() => {
+    const e = k - C;
+    return e <= 0 || $ <= 0 || n.length === 0 || g || A <= 0 ? { links: [], nodes: [] } : ce().nodeId((a) => a.label).nodeAlign(De[L]).nodeWidth(N).nodePadding(S).extent([
       [0, 2],
-      [e, v - 2]
+      [e, $ - 2]
     ])({
-      links: r.map((a) => ({
+      links: n.map((a) => ({
         ...a,
         value: Number.isFinite(a.value) ? Math.max(a.value, 0) : 0
       })),
-      nodes: h.map((a) => ({ label: a.label }))
+      nodes: x.map((a) => ({ label: a.label }))
     });
-  }, [v, N, g, h, r, E, H, M, C, k]), T = (e) => P[e] ?? "var(--pl-chart-neutral)";
-  function Q(e) {
-    return l === "neutral" ? "var(--pl-chart-neutral)" : T(l === "target" ? e.target.index : e.source.index);
+  }, [$, C, g, x, n, L, S, N, A, k]), R = (e) => Z[e] ?? "var(--pl-chart-neutral)";
+  function T(e) {
+    return c === "neutral" ? "var(--pl-chart-neutral)" : R(c === "target" ? e.target.index : e.source.index);
   }
-  function j(e) {
-    return `${e.source.label} → ${e.target.label}: ${$(e.value)}`;
+  function _(e) {
+    return `${e.source.label} → ${e.target.label}: ${M(e.value)}`;
   }
-  function U(e) {
-    return S === null ? i.link : `${i.link} ${S === e ? i.linkOn : i.linkDim}`;
+  function V() {
+    const e = d === null ? void 0 : l.links[d];
+    if (!e)
+      return [];
+    const t = l.links.filter((r) => r.source.index === e.source.index).reduce((r, a) => r + a.value, 0);
+    return [
+      { color: T(e), label: "Fluxo", values: [e.value] },
+      {
+        format: (r) => ke(r),
+        label: `Da saída de ${e.source.label}`,
+        values: [t > 0 ? e.value / t : 0]
+      }
+    ];
   }
-  const X = (() => {
-    const e = [...new Set(m.nodes.map((n) => n.x0))].sort((n, a) => n - a);
+  function w(e) {
+    return d === null ? i.link : `${i.link} ${d === e ? i.linkOn : i.linkDim}`;
+  }
+  const ee = (() => {
+    const e = [...new Set(l.nodes.map((r) => r.x0))].sort((r, a) => r - a);
     if (e.length < 2)
-      return k * I;
-    const t = Math.min(...e.slice(1).map((n, a) => n - e[a]));
-    return Math.max(t - M - y, 0);
+      return k * q;
+    const t = Math.min(...e.slice(1).map((r, a) => r - e[a]));
+    return Math.max(t - N - y, 0);
   })();
-  function Y(e) {
-    const t = D.includes(e.label), n = de(
+  function te(e) {
+    const t = F.includes(e.label), r = ye(
       e.label,
-      c,
-      (t ? N : X) - y
-    ), a = e.x1 + y, x = (e.y0 + e.y1) / 2;
+      u,
+      (t ? C : ee) - y
+    ), a = e.x1 + y, f = (e.y0 + e.y1) / 2;
     return {
       caixa: {
         x0: a,
-        x1: a + _(n, c),
-        y0: x - c.lineHeight / 2,
-        y1: x + c.lineHeight / 2
+        x1: a + W(r, u),
+        y0: f - u.lineHeight / 2,
+        y1: f + u.lineHeight / 2
       },
-      texto: n,
+      texto: r,
       x: a,
-      y: x
+      y: f
     };
   }
-  const O = L ? m.nodes.map(Y) : [];
-  function Z(e) {
-    const t = $(e.value), n = _(t, c), a = e.source.x1, x = e.target.x0, F = (e.y0 + e.y1) / 2, V = {
-      end: { anchor: "end", x: x - y },
-      middle: { anchor: "middle", x: (a + x) / 2 },
+  const I = B ? l.nodes.map(te) : [];
+  function re(e) {
+    const t = M(e.value), r = W(t, u), a = e.source.x1, f = e.target.x0, E = (e.y0 + e.y1) / 2, ne = {
+      end: { anchor: "end", x: f - y },
+      middle: { anchor: "middle", x: (a + f) / 2 },
       start: { anchor: "start", x: a + y }
-    }, { anchor: w, x: A } = V[f], R = { end: n, middle: n / 2, start: 0 }[f], ee = {
-      x0: A - R,
-      x1: A - R + n,
-      y0: F - c.lineHeight / 2,
-      y1: F + c.lineHeight / 2
+    }, { anchor: ae, x: H } = ne[b], P = { end: r, middle: r / 2, start: 0 }[b], se = {
+      x0: H - P,
+      x1: H - P + r,
+      y0: E - u.lineHeight / 2,
+      y1: E + u.lineHeight / 2
     };
-    if (!O.some((te) => ye(ee, te.caixa)))
-      return { anchor: w, texto: t, x: A, y: F };
+    if (!I.some((oe) => ge(se, oe.caixa)))
+      return { anchor: ae, texto: t, x: H, y: E };
   }
-  return /* @__PURE__ */ re(
-    he,
+  return /* @__PURE__ */ le(
+    be,
     {
-      containerRef: G,
-      empty: r.length === 0 || g || C <= 0,
-      emptyMessage: g ? o : u,
-      fillHeight: K,
-      height: v,
+      containerRef: X,
+      empty: n.length === 0 || g || A <= 0,
+      emptyMessage: g ? o : m,
+      fillHeight: Y,
+      height: $,
       legendPosition: "none",
-      title: W,
+      title: Q,
+      tooltip: j ? {
+        columns: [{ format: D ?? M }],
+        computed: "none",
+        rows: V(),
+        title: d === null ? void 0 : `${(z = l.links[d]) == null ? void 0 : z.source.label} → ${(J = l.links[d]) == null ? void 0 : J.target.label}`
+      } : void 0,
       width: k,
       children: [
-        /* @__PURE__ */ d("g", { className: i.links, children: m.links.map((e, t) => /* @__PURE__ */ d(
+        /* @__PURE__ */ h("g", { className: i.links, children: l.links.map((e, t) => /* @__PURE__ */ h(
           "path",
           {
-            "aria-label": j(e),
-            className: U(t),
-            d: be(e),
-            onMouseEnter: () => B(t),
-            onMouseLeave: () => B(null),
-            stroke: Q(e),
+            "aria-label": _(e),
+            className: w(t),
+            d: Me(e),
+            onMouseEnter: () => O(t),
+            onMouseLeave: () => O(null),
+            stroke: T(e),
             strokeWidth: Math.max(e.width, 1),
-            children: /* @__PURE__ */ d("title", { children: j(e) })
+            children: !j && /* @__PURE__ */ h("title", { children: _(e) })
           },
           t
         )) }),
-        m.nodes.map((e) => /* @__PURE__ */ d(
+        l.nodes.map((e) => /* @__PURE__ */ h(
           "rect",
           {
             "aria-label": e.label,
             className: i.node,
-            fill: T(e.index),
+            fill: R(e.index),
             height: Math.max(e.y1 - e.y0, 1),
             width: e.x1 - e.x0,
             x: e.x0,
             y: e.y0,
-            children: /* @__PURE__ */ d("title", { children: e.label })
+            children: /* @__PURE__ */ h("title", { children: e.label })
           },
           e.label
         )),
-        J && m.links.map((e, t) => {
-          const n = Z(e);
-          return n ? /* @__PURE__ */ d(
+        K && l.links.map((e, t) => {
+          const r = re(e);
+          return r ? /* @__PURE__ */ h(
             "text",
             {
               className: `${i.flowValue} ${i.sobreFluxo}`,
               dominantBaseline: "middle",
-              textAnchor: n.anchor,
-              x: n.x,
-              y: n.y,
-              children: n.texto
+              textAnchor: r.anchor,
+              x: r.x,
+              y: r.y,
+              children: r.texto
             },
             t
           ) : null;
         }),
-        O.map((e, t) => /* @__PURE__ */ d(
+        I.map((e, t) => /* @__PURE__ */ h(
           "text",
           {
-            className: `${i.label} ${D.includes(m.nodes[t].label) ? "" : i.sobreFluxo}`,
+            className: `${i.label} ${F.includes(l.nodes[t].label) ? "" : i.sobreFluxo}`,
             dominantBaseline: "middle",
             textAnchor: "start",
             x: e.x,
             y: e.y,
             children: e.texto
           },
-          `rotulo-${m.nodes[t].label}`
+          `rotulo-${l.nodes[t].label}`
         ))
       ]
     }
   );
 }
 export {
-  Le as ChartSankey
+  Te as ChartSankey
 };
 //# sourceMappingURL=ChartSankey.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChartSankey.js","sources":["../../../../src/components/charts/ChartSankey/ChartSankey.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { sankey, sankeyCenter, sankeyJustify, sankeyLeft, sankeyRight } from 'd3-sankey';\nimport {\n  CHART_LABEL_BAND,\n  CHART_LABEL_OFFSET,\n  ChartFrame,\n  chartHeight,\n  measureLabel,\n  truncateToWidth,\n  useChartMetrics,\n  widestLabel,\n  type ChartHeight,\n} from '../core';\nimport { resolveSeriesColors, type SeriesAppearance } from '../palette';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartSankey.module.css';\n\nexport interface ChartSankeyNode extends SeriesAppearance {\n  label: string;\n}\n\nexport interface ChartSankeyFlow {\n  source: string;\n  target: string;\n  value: number;\n}\n\n/** Onde os nos sem saida se encostam, conforme a referencia. */\nexport type ChartSankeyAlign = 'left' | 'right' | 'center' | 'justify';\n\n/** De onde a ligacao tira a cor: do no de origem, do de destino, ou de nenhum. */\nexport type ChartSankeyFlowColor = 'source' | 'target' | 'neutral';\n\n/**\n * Onde o valor da ligacao e escrito. O rotulo do no ocupa a faixa logo a\n * direita dele, entao `end` e o unico que nunca disputa espaco com o rotulo da\n * propria origem.\n */\nexport type ChartSankeyFlowValuePosition = 'start' | 'middle' | 'end';\n\nexport interface ChartSankeyProps {\n  accent?: string;\n  /** Mensagem quando o fluxo tem ciclo, que um diagrama de fluxo nao representa. */\n  cyclicMessage?: string;\n  emptyMessage?: string;\n  flowColor?: ChartSankeyFlowColor;\n  flowValuePosition?: ChartSankeyFlowValuePosition;\n  flows: readonly ChartSankeyFlow[];\n  formatValue?: (value: number) => string;\n  height?: ChartHeight;\n  nodeAlign?: ChartSankeyAlign;\n  /** Ordem e aparencia dos nos. Sem ela, os nos saem das proprias ligacoes. */\n  nodes?: readonly ChartSankeyNode[];\n  /** Folga vertical entre dois nos da mesma coluna. */\n  nodePadding?: number;\n  nodeWidth?: number;\n  showFlowValues?: boolean;\n  showLabels?: boolean;\n  title: string;\n}\n\ninterface NoPosicionado {\n  index: number;\n  label: string;\n  x0: number;\n  x1: number;\n  y0: number;\n  y1: number;\n}\n\ninterface Caixa {\n  x0: number;\n  x1: number;\n  y0: number;\n  y1: number;\n}\n\nfunction seCruzam(uma: Caixa, outra: Caixa) {\n  return uma.x0 < outra.x1 && outra.x0 < uma.x1 && uma.y0 < outra.y1 && outra.y0 < uma.y1;\n}\n\ninterface LigacaoPosicionada {\n  index: number;\n  source: NoPosicionado;\n  target: NoPosicionado;\n  value: number;\n  width: number;\n  y0: number;\n  y1: number;\n}\n\nconst ALINHAMENTO = {\n  center: sankeyCenter,\n  justify: sankeyJustify,\n  left: sankeyLeft,\n  right: sankeyRight,\n};\n\n/**\n * Bezier cubica entre a borda de saida e a borda de entrada, com os pontos de\n * controle no meio do vao. E o que da a ligacao a curva que sai e chega na\n * horizontal, sem torcer perto dos nos.\n */\nfunction caminhoDa(ligacao: LigacaoPosicionada) {\n  const saida = ligacao.source.x1;\n  const chegada = ligacao.target.x0;\n  const meio = (saida + chegada) / 2;\n\n  return `M${saida},${ligacao.y0}C${meio},${ligacao.y0} ${meio},${ligacao.y1} ${chegada},${ligacao.y1}`;\n}\n\n/**\n * Busca em profundidade atras de aresta de retorno. Um autolaco tambem conta:\n * o no seria origem e destino do mesmo caminho.\n */\nfunction temCiclo(flows: readonly ChartSankeyFlow[]) {\n  const saidas = new Map<string, string[]>();\n\n  for (const fluxo of flows) {\n    saidas.set(fluxo.source, [...(saidas.get(fluxo.source) ?? []), fluxo.target]);\n  }\n\n  const encerrados = new Set<string>();\n  const noCaminho = new Set<string>();\n\n  function alcanca(no: string): boolean {\n    if (noCaminho.has(no)) {\n      return true;\n    }\n\n    if (encerrados.has(no)) {\n      return false;\n    }\n\n    noCaminho.add(no);\n    const achou = (saidas.get(no) ?? []).some(alcanca);\n    noCaminho.delete(no);\n    encerrados.add(no);\n\n    return achou;\n  }\n\n  return [...saidas.keys()].some(alcanca);\n}\n\nexport function ChartSankey({\n  accent,\n  cyclicMessage = 'O fluxo volta sobre si mesmo e não pode ser desenhado',\n  emptyMessage = 'Sem dados no período',\n  flowColor = 'source',\n  flowValuePosition = 'end',\n  flows,\n  formatValue = formatarNumero,\n  height = 320,\n  nodeAlign = 'justify',\n  nodes,\n  nodePadding = 12,\n  nodeWidth = 12,\n  showFlowValues = false,\n  showLabels = true,\n  title,\n}: ChartSankeyProps) {\n  const { font, height: alturaMedida, ref, width } = useChartMetrics();\n  const { fillHeight, value: alturaDoDesenho } = chartHeight(height, alturaMedida);\n  const [emFoco, setEmFoco] = useState<number | null>(null);\n\n  /** Os nos saem da ordem declarada, e o que faltar sai das proprias ligacoes. */\n  const declarados = useMemo(() => {\n    const rotulos = (nodes ?? []).map((no) => no.label);\n\n    flows.forEach(({ source, target }) => {\n      [source, target].forEach((rotulo) => {\n        if (!rotulos.includes(rotulo)) {\n          rotulos.push(rotulo);\n        }\n      });\n    });\n\n    return rotulos.map(\n      (rotulo) => nodes?.find((no) => no.label === rotulo) ?? ({ label: rotulo } as ChartSankeyNode),\n    );\n  }, [flows, nodes]);\n\n  // A cor sai da lista inteira e na ordem dos nos, para uma ligacao herdar\n  // sempre a cor do no de que ela depende.\n  const cores = useMemo(() => resolveSeriesColors(declarados, { accent }), [accent, declarados]);\n\n  /**\n   * O rotulo fica sempre a direita do no, como na referencia. So o de saida\n   * precisa de espaco reservado: ele nao tem fluxo a direita para escrever por\n   * cima, e sem a reserva o nome sairia pela borda.\n   */\n  const saidas = useMemo(() => {\n    const origens = new Set(flows.map((fluxo) => fluxo.source));\n\n    return declarados.map((no) => no.label).filter((rotulo) => !origens.has(rotulo));\n  }, [declarados, flows]);\n\n  const bandaDireita = showLabels\n    ? Math.min(widestLabel(saidas, font), width * CHART_LABEL_BAND) + CHART_LABEL_OFFSET\n    : 0;\n\n  // Um diagrama de fluxo e aciclico por definicao, e o `d3-sankey` lanca ao\n  // encontrar um ciclo. Detectar antes troca a queda da arvore inteira por uma\n  // mensagem, sem descartar ligacao nenhuma pelas costas.\n  const ciclico = useMemo(() => temCiclo(flows), [flows]);\n  const totalDoFluxo = useMemo(\n    () => flows.reduce((soma, fluxo) => soma + (Number.isFinite(fluxo.value) ? Math.max(fluxo.value, 0) : 0), 0),\n    [flows],\n  );\n\n  const grafo = useMemo(() => {\n    const util = width - bandaDireita;\n\n    if (util <= 0 || alturaDoDesenho <= 0 || flows.length === 0 || ciclico || totalDoFluxo <= 0) {\n      return { links: [] as LigacaoPosicionada[], nodes: [] as NoPosicionado[] };\n    }\n\n    const posicionar = sankey<{ label: string }, { value: number }>()\n      .nodeId((no) => no.label)\n      .nodeAlign(ALINHAMENTO[nodeAlign])\n      .nodeWidth(nodeWidth)\n      .nodePadding(nodePadding)\n      .extent([\n        [0, 2],\n        [util, alturaDoDesenho - 2],\n      ]);\n\n    const resultado = posicionar({\n      links: flows.map((fluxo) => ({\n        ...fluxo,\n        value: Number.isFinite(fluxo.value) ? Math.max(fluxo.value, 0) : 0,\n      })),\n      nodes: declarados.map((no) => ({ label: no.label })),\n    });\n\n    return resultado as unknown as { links: LigacaoPosicionada[]; nodes: NoPosicionado[] };\n  }, [alturaDoDesenho, bandaDireita, ciclico, declarados, flows, nodeAlign, nodePadding, nodeWidth, totalDoFluxo, width]);\n\n  const corDoNo = (indice: number) => cores[indice] ?? 'var(--pl-chart-neutral)';\n\n  function corDa(ligacao: LigacaoPosicionada) {\n    if (flowColor === 'neutral') {\n      return 'var(--pl-chart-neutral)';\n    }\n\n    return corDoNo(flowColor === 'target' ? ligacao.target.index : ligacao.source.index);\n  }\n\n  function descreverLigacao(ligacao: LigacaoPosicionada) {\n    return `${ligacao.source.label} → ${ligacao.target.label}: ${formatValue(ligacao.value)}`;\n  }\n\n  function classeDa(indice: number) {\n    if (emFoco === null) {\n      return styles.link;\n    }\n\n    return `${styles.link} ${emFoco === indice ? styles.linkOn : styles.linkDim}`;\n  }\n\n  /** Vao entre duas colunas, descontados o no e o recuo: e o que o rotulo tem. */\n  const larguraDaEtapa = (() => {\n    const colunas = [...new Set(grafo.nodes.map((no) => no.x0))].sort((a, b) => a - b);\n\n    if (colunas.length < 2) {\n      return width * CHART_LABEL_BAND;\n    }\n\n    const passo = Math.min(...colunas.slice(1).map((x, indice) => x - colunas[indice]));\n\n    return Math.max(passo - nodeWidth - CHART_LABEL_OFFSET, 0);\n  })();\n\n  function rotuloDoNo(no: NoPosicionado) {\n    const saida = saidas.includes(no.label);\n    const texto = truncateToWidth(\n      no.label,\n      font,\n      (saida ? bandaDireita : larguraDaEtapa) - CHART_LABEL_OFFSET,\n    );\n    const x = no.x1 + CHART_LABEL_OFFSET;\n    const meio = (no.y0 + no.y1) / 2;\n\n    return {\n      caixa: {\n        x0: x,\n        x1: x + measureLabel(texto, font),\n        y0: meio - font.lineHeight / 2,\n        y1: meio + font.lineHeight / 2,\n      } satisfies Caixa,\n      texto,\n      x,\n      y: meio,\n    };\n  }\n\n  const rotulosDosNos = showLabels ? grafo.nodes.map(rotuloDoNo) : [];\n\n  /**\n   * Valor de uma ligacao, ja posicionado. Ele e omitido quando cruza o rotulo\n   * de algum no: dois textos sobrepostos nao informam nada, e o valor continua\n   * no `title` da propria ligacao.\n   */\n  function valorDa(ligacao: LigacaoPosicionada) {\n    const texto = formatValue(ligacao.value);\n    const largura = measureLabel(texto, font);\n    const saida = ligacao.source.x1;\n    const chegada = ligacao.target.x0;\n    const meio = (ligacao.y0 + ligacao.y1) / 2;\n\n    const posicoes = {\n      end: { anchor: 'end' as const, x: chegada - CHART_LABEL_OFFSET },\n      middle: { anchor: 'middle' as const, x: (saida + chegada) / 2 },\n      start: { anchor: 'start' as const, x: saida + CHART_LABEL_OFFSET },\n    };\n\n    const { anchor, x } = posicoes[flowValuePosition];\n    const recuo = { end: largura, middle: largura / 2, start: 0 }[flowValuePosition];\n\n    const caixa: Caixa = {\n      x0: x - recuo,\n      x1: x - recuo + largura,\n      y0: meio - font.lineHeight / 2,\n      y1: meio + font.lineHeight / 2,\n    };\n\n    if (rotulosDosNos.some((rotulo) => seCruzam(caixa, rotulo.caixa))) {\n      return undefined;\n    }\n\n    return { anchor, texto, x, y: meio };\n  }\n\n  return (\n    <ChartFrame\n      containerRef={ref}\n      empty={flows.length === 0 || ciclico || totalDoFluxo <= 0}\n      emptyMessage={ciclico ? cyclicMessage : emptyMessage}\n      fillHeight={fillHeight}\n      height={alturaDoDesenho}\n      legendPosition=\"none\"\n      title={title}\n      width={width}\n    >\n      <g className={styles.links}>\n        {grafo.links.map((ligacao, indice) => (\n          <path\n            aria-label={descreverLigacao(ligacao)}\n            className={classeDa(indice)}\n            d={caminhoDa(ligacao)}\n            key={indice}\n            onMouseEnter={() => setEmFoco(indice)}\n            onMouseLeave={() => setEmFoco(null)}\n            stroke={corDa(ligacao)}\n            strokeWidth={Math.max(ligacao.width, 1)}\n          >\n            <title>{descreverLigacao(ligacao)}</title>\n          </path>\n        ))}\n      </g>\n\n      {grafo.nodes.map((no) => (\n        <rect\n          aria-label={no.label}\n          className={styles.node}\n          fill={corDoNo(no.index)}\n          height={Math.max(no.y1 - no.y0, 1)}\n          key={no.label}\n          width={no.x1 - no.x0}\n          x={no.x0}\n          y={no.y0}\n        >\n          <title>{no.label}</title>\n        </rect>\n      ))}\n\n      {showFlowValues &&\n        grafo.links.map((ligacao, indice) => {\n          const valor = valorDa(ligacao);\n\n          if (!valor) {\n            return null;\n          }\n\n          return (\n            <text\n              className={`${styles.flowValue} ${styles.sobreFluxo}`}\n              dominantBaseline=\"middle\"\n              key={indice}\n              textAnchor={valor.anchor}\n              x={valor.x}\n              y={valor.y}\n            >\n              {valor.texto}\n            </text>\n          );\n        })}\n\n      {/* O rotulo fica sempre a direita do no. No no de saida ele cai na banda\n          reservada; nos demais, sobre o proprio fluxo, e um halo da cor da\n          superficie o separa do que passa por baixo. */}\n      {rotulosDosNos.map((rotulo, indice) => (\n        <text\n          className={`${styles.label} ${saidas.includes(grafo.nodes[indice].label) ? '' : styles.sobreFluxo}`}\n          dominantBaseline=\"middle\"\n          key={`rotulo-${grafo.nodes[indice].label}`}\n          textAnchor=\"start\"\n          x={rotulo.x}\n          y={rotulo.y}\n        >\n          {rotulo.texto}\n        </text>\n      ))}\n    </ChartFrame>\n  );\n}\n"],"names":["seCruzam","uma","outra","ALINHAMENTO","sankeyCenter","sankeyJustify","sankeyLeft","sankeyRight","caminhoDa","ligacao","saida","chegada","meio","temCiclo","flows","saidas","fluxo","encerrados","noCaminho","alcanca","no","achou","ChartSankey","accent","cyclicMessage","emptyMessage","flowColor","flowValuePosition","formatValue","formatarNumero","height","nodeAlign","nodes","nodePadding","nodeWidth","showFlowValues","showLabels","title","font","alturaMedida","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","emFoco","setEmFoco","useState","declarados","useMemo","rotulos","source","target","rotulo","cores","resolveSeriesColors","origens","bandaDireita","widestLabel","CHART_LABEL_BAND","CHART_LABEL_OFFSET","ciclico","totalDoFluxo","soma","grafo","util","sankey","corDoNo","indice","corDa","descreverLigacao","classeDa","styles","larguraDaEtapa","colunas","a","b","passo","x","rotuloDoNo","texto","truncateToWidth","measureLabel","rotulosDosNos","valorDa","largura","posicoes","anchor","recuo","caixa","jsxs","ChartFrame","jsx","valor"],"mappings":"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"}
+{"version":3,"file":"ChartSankey.js","sources":["../../../../src/components/charts/ChartSankey/ChartSankey.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { sankey, sankeyCenter, sankeyJustify, sankeyLeft, sankeyRight } from 'd3-sankey';\nimport {\n  CHART_LABEL_BAND,\n  CHART_LABEL_OFFSET,\n  ChartFrame,\n  chartHeight,\n  measureLabel,\n  truncateToWidth,\n  useChartMetrics,\n  widestLabel,\n  type ChartHeight,\n} from '../core';\nimport { resolveSeriesColors, type SeriesAppearance } from '../palette';\nimport { formatarNumero, formatarPercentual } from '../../../utils/formatters';\nimport styles from './ChartSankey.module.css';\n\nexport interface ChartSankeyNode extends SeriesAppearance {\n  label: string;\n}\n\nexport interface ChartSankeyFlow {\n  source: string;\n  target: string;\n  value: number;\n}\n\n/** Onde os nos sem saida se encostam, conforme a referencia. */\nexport type ChartSankeyAlign = 'left' | 'right' | 'center' | 'justify';\n\n/** De onde a ligacao tira a cor: do no de origem, do de destino, ou de nenhum. */\nexport type ChartSankeyFlowColor = 'source' | 'target' | 'neutral';\n\n/**\n * Onde o valor da ligacao e escrito. O rotulo do no ocupa a faixa logo a\n * direita dele, entao `end` e o unico que nunca disputa espaco com o rotulo da\n * propria origem.\n */\nexport type ChartSankeyFlowValuePosition = 'start' | 'middle' | 'end';\n\nexport interface ChartSankeyProps {\n  accent?: string;\n  /** Mensagem quando o fluxo tem ciclo, que um diagrama de fluxo nao representa. */\n  cyclicMessage?: string;\n  emptyMessage?: string;\n  flowColor?: ChartSankeyFlowColor;\n  flowValuePosition?: ChartSankeyFlowValuePosition;\n  flows: readonly ChartSankeyFlow[];\n  /** Formato dos valores no balao. Sem ele, vale o `formatValue`. */\n  formatTooltipValue?: (value: number) => string;\n  formatValue?: (value: number) => string;\n  height?: ChartHeight;\n  nodeAlign?: ChartSankeyAlign;\n  /** Ordem e aparencia dos nos. Sem ela, os nos saem das proprias ligacoes. */\n  nodes?: readonly ChartSankeyNode[];\n  /** Folga vertical entre dois nos da mesma coluna. */\n  nodePadding?: number;\n  nodeWidth?: number;\n  showFlowValues?: boolean;\n  showLabels?: boolean;\n  /** Balao com o detalhe do que esta sob o ponteiro. Desligue para nao mostrar nada alem do `<title>` nativo. */\n  showTooltip?: boolean;\n  title: string;\n}\n\ninterface NoPosicionado {\n  index: number;\n  label: string;\n  x0: number;\n  x1: number;\n  y0: number;\n  y1: number;\n}\n\ninterface Caixa {\n  x0: number;\n  x1: number;\n  y0: number;\n  y1: number;\n}\n\nfunction seCruzam(uma: Caixa, outra: Caixa) {\n  return uma.x0 < outra.x1 && outra.x0 < uma.x1 && uma.y0 < outra.y1 && outra.y0 < uma.y1;\n}\n\ninterface LigacaoPosicionada {\n  index: number;\n  source: NoPosicionado;\n  target: NoPosicionado;\n  value: number;\n  width: number;\n  y0: number;\n  y1: number;\n}\n\nconst ALINHAMENTO = {\n  center: sankeyCenter,\n  justify: sankeyJustify,\n  left: sankeyLeft,\n  right: sankeyRight,\n};\n\n/**\n * Bezier cubica entre a borda de saida e a borda de entrada, com os pontos de\n * controle no meio do vao. E o que da a ligacao a curva que sai e chega na\n * horizontal, sem torcer perto dos nos.\n */\nfunction caminhoDa(ligacao: LigacaoPosicionada) {\n  const saida = ligacao.source.x1;\n  const chegada = ligacao.target.x0;\n  const meio = (saida + chegada) / 2;\n\n  return `M${saida},${ligacao.y0}C${meio},${ligacao.y0} ${meio},${ligacao.y1} ${chegada},${ligacao.y1}`;\n}\n\n/**\n * Busca em profundidade atras de aresta de retorno. Um autolaco tambem conta:\n * o no seria origem e destino do mesmo caminho.\n */\nfunction temCiclo(flows: readonly ChartSankeyFlow[]) {\n  const saidas = new Map<string, string[]>();\n\n  for (const fluxo of flows) {\n    saidas.set(fluxo.source, [...(saidas.get(fluxo.source) ?? []), fluxo.target]);\n  }\n\n  const encerrados = new Set<string>();\n  const noCaminho = new Set<string>();\n\n  function alcanca(no: string): boolean {\n    if (noCaminho.has(no)) {\n      return true;\n    }\n\n    if (encerrados.has(no)) {\n      return false;\n    }\n\n    noCaminho.add(no);\n    const achou = (saidas.get(no) ?? []).some(alcanca);\n    noCaminho.delete(no);\n    encerrados.add(no);\n\n    return achou;\n  }\n\n  return [...saidas.keys()].some(alcanca);\n}\n\nexport function ChartSankey({\n  accent,\n  cyclicMessage = 'O fluxo volta sobre si mesmo e não pode ser desenhado',\n  emptyMessage = 'Sem dados no período',\n  flowColor = 'source',\n  flowValuePosition = 'end',\n  flows,\n  formatTooltipValue,\n  formatValue = formatarNumero,\n  height = 320,\n  nodeAlign = 'justify',\n  nodes,\n  nodePadding = 12,\n  nodeWidth = 12,\n  showFlowValues = false,\n  showLabels = true,\n  showTooltip = true,\n  title,\n}: ChartSankeyProps) {\n  const { font, height: alturaMedida, ref, width } = useChartMetrics();\n  const { fillHeight, value: alturaDoDesenho } = chartHeight(height, alturaMedida);\n  const [emFoco, setEmFoco] = useState<number | null>(null);\n\n  /** Os nos saem da ordem declarada, e o que faltar sai das proprias ligacoes. */\n  const declarados = useMemo(() => {\n    const rotulos = (nodes ?? []).map((no) => no.label);\n\n    flows.forEach(({ source, target }) => {\n      [source, target].forEach((rotulo) => {\n        if (!rotulos.includes(rotulo)) {\n          rotulos.push(rotulo);\n        }\n      });\n    });\n\n    return rotulos.map(\n      (rotulo) => nodes?.find((no) => no.label === rotulo) ?? ({ label: rotulo } as ChartSankeyNode),\n    );\n  }, [flows, nodes]);\n\n  // A cor sai da lista inteira e na ordem dos nos, para uma ligacao herdar\n  // sempre a cor do no de que ela depende.\n  const cores = useMemo(() => resolveSeriesColors(declarados, { accent }), [accent, declarados]);\n\n  /**\n   * O rotulo fica sempre a direita do no, como na referencia. So o de saida\n   * precisa de espaco reservado: ele nao tem fluxo a direita para escrever por\n   * cima, e sem a reserva o nome sairia pela borda.\n   */\n  const saidas = useMemo(() => {\n    const origens = new Set(flows.map((fluxo) => fluxo.source));\n\n    return declarados.map((no) => no.label).filter((rotulo) => !origens.has(rotulo));\n  }, [declarados, flows]);\n\n  const bandaDireita = showLabels\n    ? Math.min(widestLabel(saidas, font), width * CHART_LABEL_BAND) + CHART_LABEL_OFFSET\n    : 0;\n\n  // Um diagrama de fluxo e aciclico por definicao, e o `d3-sankey` lanca ao\n  // encontrar um ciclo. Detectar antes troca a queda da arvore inteira por uma\n  // mensagem, sem descartar ligacao nenhuma pelas costas.\n  const ciclico = useMemo(() => temCiclo(flows), [flows]);\n  const totalDoFluxo = useMemo(\n    () => flows.reduce((soma, fluxo) => soma + (Number.isFinite(fluxo.value) ? Math.max(fluxo.value, 0) : 0), 0),\n    [flows],\n  );\n\n  const grafo = useMemo(() => {\n    const util = width - bandaDireita;\n\n    if (util <= 0 || alturaDoDesenho <= 0 || flows.length === 0 || ciclico || totalDoFluxo <= 0) {\n      return { links: [] as LigacaoPosicionada[], nodes: [] as NoPosicionado[] };\n    }\n\n    const posicionar = sankey<{ label: string }, { value: number }>()\n      .nodeId((no) => no.label)\n      .nodeAlign(ALINHAMENTO[nodeAlign])\n      .nodeWidth(nodeWidth)\n      .nodePadding(nodePadding)\n      .extent([\n        [0, 2],\n        [util, alturaDoDesenho - 2],\n      ]);\n\n    const resultado = posicionar({\n      links: flows.map((fluxo) => ({\n        ...fluxo,\n        value: Number.isFinite(fluxo.value) ? Math.max(fluxo.value, 0) : 0,\n      })),\n      nodes: declarados.map((no) => ({ label: no.label })),\n    });\n\n    return resultado as unknown as { links: LigacaoPosicionada[]; nodes: NoPosicionado[] };\n  }, [alturaDoDesenho, bandaDireita, ciclico, declarados, flows, nodeAlign, nodePadding, nodeWidth, totalDoFluxo, width]);\n\n  const corDoNo = (indice: number) => cores[indice] ?? 'var(--pl-chart-neutral)';\n\n  function corDa(ligacao: LigacaoPosicionada) {\n    if (flowColor === 'neutral') {\n      return 'var(--pl-chart-neutral)';\n    }\n\n    return corDoNo(flowColor === 'target' ? ligacao.target.index : ligacao.source.index);\n  }\n\n  function descreverLigacao(ligacao: LigacaoPosicionada) {\n    return `${ligacao.source.label} → ${ligacao.target.label}: ${formatValue(ligacao.value)}`;\n  }\n\n  /** O fluxo e a parte dele na saida da origem, que e o que a largura da faixa compara. */\n  function linhasDoBalao() {\n    const ligacao = emFoco === null ? undefined : grafo.links[emFoco];\n\n    if (!ligacao) {\n      return [];\n    }\n\n    const saida = grafo.links\n      .filter((outra) => outra.source.index === ligacao.source.index)\n      .reduce((soma, outra) => soma + outra.value, 0);\n\n    return [\n      { color: corDa(ligacao), label: 'Fluxo', values: [ligacao.value] },\n      {\n        format: (fracao: number) => formatarPercentual(fracao),\n        label: `Da saída de ${ligacao.source.label}`,\n        values: [saida > 0 ? ligacao.value / saida : 0],\n      },\n    ];\n  }\n\n  function classeDa(indice: number) {\n    if (emFoco === null) {\n      return styles.link;\n    }\n\n    return `${styles.link} ${emFoco === indice ? styles.linkOn : styles.linkDim}`;\n  }\n\n  /** Vao entre duas colunas, descontados o no e o recuo: e o que o rotulo tem. */\n  const larguraDaEtapa = (() => {\n    const colunas = [...new Set(grafo.nodes.map((no) => no.x0))].sort((a, b) => a - b);\n\n    if (colunas.length < 2) {\n      return width * CHART_LABEL_BAND;\n    }\n\n    const passo = Math.min(...colunas.slice(1).map((x, indice) => x - colunas[indice]));\n\n    return Math.max(passo - nodeWidth - CHART_LABEL_OFFSET, 0);\n  })();\n\n  function rotuloDoNo(no: NoPosicionado) {\n    const saida = saidas.includes(no.label);\n    const texto = truncateToWidth(\n      no.label,\n      font,\n      (saida ? bandaDireita : larguraDaEtapa) - CHART_LABEL_OFFSET,\n    );\n    const x = no.x1 + CHART_LABEL_OFFSET;\n    const meio = (no.y0 + no.y1) / 2;\n\n    return {\n      caixa: {\n        x0: x,\n        x1: x + measureLabel(texto, font),\n        y0: meio - font.lineHeight / 2,\n        y1: meio + font.lineHeight / 2,\n      } satisfies Caixa,\n      texto,\n      x,\n      y: meio,\n    };\n  }\n\n  const rotulosDosNos = showLabels ? grafo.nodes.map(rotuloDoNo) : [];\n\n  /**\n   * Valor de uma ligacao, ja posicionado. Ele e omitido quando cruza o rotulo\n   * de algum no: dois textos sobrepostos nao informam nada, e o valor continua\n   * no `title` da propria ligacao.\n   */\n  function valorDa(ligacao: LigacaoPosicionada) {\n    const texto = formatValue(ligacao.value);\n    const largura = measureLabel(texto, font);\n    const saida = ligacao.source.x1;\n    const chegada = ligacao.target.x0;\n    const meio = (ligacao.y0 + ligacao.y1) / 2;\n\n    const posicoes = {\n      end: { anchor: 'end' as const, x: chegada - CHART_LABEL_OFFSET },\n      middle: { anchor: 'middle' as const, x: (saida + chegada) / 2 },\n      start: { anchor: 'start' as const, x: saida + CHART_LABEL_OFFSET },\n    };\n\n    const { anchor, x } = posicoes[flowValuePosition];\n    const recuo = { end: largura, middle: largura / 2, start: 0 }[flowValuePosition];\n\n    const caixa: Caixa = {\n      x0: x - recuo,\n      x1: x - recuo + largura,\n      y0: meio - font.lineHeight / 2,\n      y1: meio + font.lineHeight / 2,\n    };\n\n    if (rotulosDosNos.some((rotulo) => seCruzam(caixa, rotulo.caixa))) {\n      return undefined;\n    }\n\n    return { anchor, texto, x, y: meio };\n  }\n\n  return (\n    <ChartFrame\n      containerRef={ref}\n      empty={flows.length === 0 || ciclico || totalDoFluxo <= 0}\n      emptyMessage={ciclico ? cyclicMessage : emptyMessage}\n      fillHeight={fillHeight}\n      height={alturaDoDesenho}\n      legendPosition=\"none\"\n      title={title}\n      tooltip={\n        showTooltip\n          ? {\n              columns: [{ format: formatTooltipValue ?? formatValue }],\n              computed: 'none',\n              rows: linhasDoBalao(),\n              title: emFoco === null ? undefined : `${grafo.links[emFoco]?.source.label} → ${grafo.links[emFoco]?.target.label}`,\n            }\n          : undefined\n      }\n      width={width}\n    >\n      <g className={styles.links}>\n        {grafo.links.map((ligacao, indice) => (\n          <path\n            aria-label={descreverLigacao(ligacao)}\n            className={classeDa(indice)}\n            d={caminhoDa(ligacao)}\n            key={indice}\n            onMouseEnter={() => setEmFoco(indice)}\n            onMouseLeave={() => setEmFoco(null)}\n            stroke={corDa(ligacao)}\n            strokeWidth={Math.max(ligacao.width, 1)}\n          >\n            {!showTooltip && <title>{descreverLigacao(ligacao)}</title>}\n          </path>\n        ))}\n      </g>\n\n      {grafo.nodes.map((no) => (\n        <rect\n          aria-label={no.label}\n          className={styles.node}\n          fill={corDoNo(no.index)}\n          height={Math.max(no.y1 - no.y0, 1)}\n          key={no.label}\n          width={no.x1 - no.x0}\n          x={no.x0}\n          y={no.y0}\n        >\n          <title>{no.label}</title>\n        </rect>\n      ))}\n\n      {showFlowValues &&\n        grafo.links.map((ligacao, indice) => {\n          const valor = valorDa(ligacao);\n\n          if (!valor) {\n            return null;\n          }\n\n          return (\n            <text\n              className={`${styles.flowValue} ${styles.sobreFluxo}`}\n              dominantBaseline=\"middle\"\n              key={indice}\n              textAnchor={valor.anchor}\n              x={valor.x}\n              y={valor.y}\n            >\n              {valor.texto}\n            </text>\n          );\n        })}\n\n      {/* O rotulo fica sempre a direita do no. No no de saida ele cai na banda\n          reservada; nos demais, sobre o proprio fluxo, e um halo da cor da\n          superficie o separa do que passa por baixo. */}\n      {rotulosDosNos.map((rotulo, indice) => (\n        <text\n          className={`${styles.label} ${saidas.includes(grafo.nodes[indice].label) ? '' : styles.sobreFluxo}`}\n          dominantBaseline=\"middle\"\n          key={`rotulo-${grafo.nodes[indice].label}`}\n          textAnchor=\"start\"\n          x={rotulo.x}\n          y={rotulo.y}\n        >\n          {rotulo.texto}\n        </text>\n      ))}\n    </ChartFrame>\n  );\n}\n"],"names":["seCruzam","uma","outra","ALINHAMENTO","sankeyCenter","sankeyJustify","sankeyLeft","sankeyRight","caminhoDa","ligacao","saida","chegada","meio","temCiclo","flows","saidas","fluxo","encerrados","noCaminho","alcanca","no","achou","ChartSankey","accent","cyclicMessage","emptyMessage","flowColor","flowValuePosition","formatTooltipValue","formatValue","formatarNumero","height","nodeAlign","nodes","nodePadding","nodeWidth","showFlowValues","showLabels","showTooltip","title","font","alturaMedida","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","emFoco","setEmFoco","useState","declarados","useMemo","rotulos","source","target","rotulo","cores","resolveSeriesColors","origens","bandaDireita","widestLabel","CHART_LABEL_BAND","CHART_LABEL_OFFSET","ciclico","totalDoFluxo","soma","grafo","util","sankey","corDoNo","indice","corDa","descreverLigacao","linhasDoBalao","fracao","formatarPercentual","classeDa","styles","larguraDaEtapa","colunas","a","b","passo","x","rotuloDoNo","texto","truncateToWidth","measureLabel","rotulosDosNos","valorDa","largura","posicoes","anchor","recuo","caixa","jsxs","ChartFrame","_a","_b","jsx","valor"],"mappings":"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"}

package/dist/components/charts/ChartScatter/ChartScatter.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),s=require("react"),h=require("./ChartScatter.module.css.cjs"),he=require("../core/useChartMetrics.cjs"),ge=require("../core/useSeriesToggle.cjs"),be=require("../palette/seriesColor.cjs"),o=require("../scales/scales.cjs"),x=require("../core/cartesianLayout.cjs"),xe=require("../core/useTweenedNumbers.cjs"),L=require("../../../utils/formatters/formatarNumero.cjs"),fe=require("../core/CartesianFrame.cjs"),ye=5,ve=[4,18];function $(c){return c.z!==void 0&&Number.isFinite(c.z)?c.z:void 0}function Me({accent:c,defaultHiddenSeries:B,emptyMessage:J="Sem dados no período",formatX:f=L.formatarNumero,formatY:y=L.formatarNumero,formatZ:K=L.formatarNumero,height:Q=280,includeZero:g=!0,hiddenSeries:U,legend:W="bottom",legendAlign:ee,onHiddenSeriesChange:ie,series:n,title:te,xAxis:F="visible",yAxis:j="visible",yAxisRight:z="hidden"}){const{font:ae,height:se,ref:oe,width:v}=he.useChartMetrics(),{fillHeight:ne,value:M}=x.chartHeight(Q,se),{isHidden:m,toggle:re}=ge.useSeriesToggle({defaultHiddenSeries:B,hiddenSeries:U,onHiddenSeriesChange:ie}),[r,C]=s.useState(null),w=s.useMemo(()=>be.resolveSeriesColors(n,{accent:c}),[c,n]),b=s.useMemo(()=>n.filter(e=>!m(e.label)),[m,n]),X=g===!0||g==="x",k=g===!0||g==="y",S=s.useMemo(()=>o.mergeDomains(b.map(e=>o.domainOf(e.points.map(i=>i.x),{includeZero:X}))),[b,X]),N=s.useMemo(()=>o.mergeDomains(b.map(e=>o.domainOf(e.points.map(i=>i.y),{includeZero:k}))),[b,k]),R=s.useMemo(()=>n.reduce((e,i)=>i.points.reduce((a,u)=>Math.max(a,$(u)??0),e),0),[n]),Y=x.valueLabelsFor(N,M,y),le=x.valueLabelsFor(S,v,f),{margins:ce,plot:t,rotation:ue}=x.cartesianLayout({bottomLabels:le,font:ae,height:M,labelAngle:"auto",leftLabels:Y,rightLabels:Y,topRoom:0,width:v,xAxis:F,yAxis:j,yAxisRight:z}),O=s.useMemo(()=>o.linearScale({domain:S,range:[0,t.width]}),[S,t.width]),T=s.useMemo(()=>o.linearScale({domain:N,range:[t.height,0]}),[N,t.height]),[A,D,E,_]=xe.useTweenedNumbers([...O.domain(),...T.domain()]),p=s.useMemo(()=>o.linearScale({domain:{min:A,max:D},nice:!1,range:[0,t.width]}),[D,A,t.width]),q=s.useMemo(()=>o.linearScale({domain:{min:E,max:_},nice:!1,range:[t.height,0]}),[_,E,t.height]),me=s.useMemo(()=>o.radiusScale(R,ve),[R]),H=o.ticksFor(O,t.width),I=o.ticksFor(T,t.height),de=H.map(e=>({label:f(e),position:p(e)})),P=I.map(e=>({label:y(e),position:q(e)}));function G(e,i){const a=i.label?`${e.label}, ${i.label}`:e.label,u=`${f(i.x)} × ${y(i.y)}`,d=$(i);return d===void 0?`${a}: ${u}`:`${a}: ${u} (${K(d)})`}return l.jsxs(fe.CartesianFrame,{containerRef:oe,empty:n.every(e=>e.points.length===0),emptyMessage:J,grid:[{lines:I.map(e=>q(e)),orientation:"horizontal"},{lines:H.map(e=>p(e)),orientation:"vertical"}],fillHeight:ne,height:M,legend:n.map((e,i)=>({color:w[i],hidden:m(e.label),label:e.label})),legendAlign:ee,legendPosition:W,margins:ce,onToggleSeries:re,plot:t,title:te,width:v,xAxis:{hideLine:!0,labelRotation:ue,ticks:de,visibility:F},yAxis:{hideLine:!0,ticks:P,visibility:j},yAxisRight:{hideLine:!0,ticks:P,visibility:z},children:[r&&l.jsxs("g",{"aria-hidden":"true",children:[l.jsx("line",{className:h.default.guide,x1:r.x,x2:r.x,y1:r.y,y2:t.height}),l.jsx("line",{className:h.default.guide,x1:0,x2:r.x,y1:r.y,y2:r.y})]}),n.map((e,i)=>l.jsx("g",{"aria-hidden":m(e.label)||void 0,className:`${h.default.series} ${m(e.label)?h.default.seriesOff:""}`,children:e.points.map((a,u)=>{if(!Number.isFinite(a.x)||!Number.isFinite(a.y))return null;const d=p(a.x),V=q(a.y),Z=$(a);return l.jsx("circle",{"aria-label":G(e,a),className:h.default.bubble,cx:d,cy:V,fill:w[i],onMouseEnter:()=>C({x:d,y:V}),onMouseLeave:()=>C(null),r:Z===void 0?ye:me(Z),children:l.jsx("title",{children:G(e,a)})},u)})},i))]})}exports.ChartScatter=Me;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),s=require("react"),g=require("./ChartScatter.module.css.cjs"),Le=require("../core/useChartMetrics.cjs"),ae=require("../core/useSeriesToggle.cjs"),Ce=require("../palette/seriesColor.cjs"),n=require("../scales/scales.cjs"),j=require("../core/cartesianLayout.cjs"),$e=require("../core/useCartesianLayout.cjs"),ze=require("../core/useTweenedNumbers.cjs"),w=require("../../../utils/formatters/formatarNumero.cjs"),je=require("../core/CartesianFrame.cjs"),we=5,Oe=[4,18];function M(d){return d.z!==void 0&&Number.isFinite(d.z)?d.z:void 0}function Re({accent:d,defaultHiddenSeries:te,emptyMessage:ie="Sem dados no período",formatX:x=w.formatarNumero,formatY:v=w.formatarNumero,formatZ:O=w.formatarNumero,height:se=280,includeZero:f=!0,hiddenSeries:le,legend:ne="bottom",legendAlign:oe,onHiddenSeriesChange:re,series:l,showTooltip:R=!0,title:ue,xLabel:ce="X",yLabel:me="Y",zLabel:de="Tamanho",xAxis:X="visible",yAxis:k="visible",yAxisRight:Y="hidden"}){const{font:he,height:be,ref:ge,width:S}=Le.useChartMetrics(),{fillHeight:xe,value:p}=j.chartHeight(se,be),{isHidden:N,isOutOfScale:D,toggle:ve}=ae.useSeriesToggle({defaultHiddenSeries:te,hiddenSeries:le,labels:l.map(e=>e.label),onHiddenSeriesChange:re}),[u,T]=s.useState(null),[h,A]=s.useState(null),q=s.useMemo(()=>Ce.resolveSeriesColors(l,{accent:d}),[d,l]),y=s.useMemo(()=>ae.seriesInScale(l,D),[D,l]),_=f===!0||f==="x",F=f===!0||f==="y",L=s.useMemo(()=>n.mergeDomains(y.map(e=>n.domainOf(e.points.map(a=>a.x),{includeZero:_}))),[y,_]),C=s.useMemo(()=>n.mergeDomains(y.map(e=>n.domainOf(e.points.map(a=>a.y),{includeZero:F}))),[y,F]),I=s.useMemo(()=>l.reduce((e,a)=>a.points.reduce((i,c)=>Math.max(i,M(c)??0),e),0),[l]),H=j.valueLabelsFor(C,p,v),fe=j.valueLabelsFor(L,S,x),{axisReveal:ye,margins:Me,plot:t,rotation:Se}=$e.useCartesianLayout({bottomLabels:fe,font:he,height:p,labelAngle:"auto",leftLabels:H,rightLabels:H,topRoom:0,width:S,xAxis:X,yAxis:k,yAxisRight:Y}),P=s.useMemo(()=>n.linearScale({domain:L,range:[0,t.width]}),[L,t.width]),B=s.useMemo(()=>n.linearScale({domain:C,range:[t.height,0]}),[C,t.height]),[G,V,J,K]=ze.useTweenedNumbers([...P.domain(),...B.domain()]),$=s.useMemo(()=>n.linearScale({domain:{min:G,max:V},nice:!1,range:[0,t.width]}),[V,G,t.width]),z=s.useMemo(()=>n.linearScale({domain:{min:J,max:K},nice:!1,range:[t.height,0]}),[K,J,t.height]),pe=s.useMemo(()=>n.radiusScale(I,Oe),[I]),Q=n.ticksFor(P,t.width),U=n.ticksFor(B,t.height),Ne=Q.map(e=>({label:x(e),position:$(e)})),W=U.map(e=>({label:v(e),position:z(e)}));function Z(e,a){const i=a.label?`${e.label}, ${a.label}`:e.label,c=`${x(a.x)} × ${v(a.y)}`,b=M(a);return b===void 0?`${i}: ${c}`:`${i}: ${c} (${O(b)})`}const o=h?l[h.serie]:void 0,r=h?o==null?void 0:o.points[h.ponto]:void 0;function qe(){if(!h||!o||!r)return[];const e=M(r),a=[{color:q[h.serie],format:x,label:ce,values:[r.x]},{format:v,label:me,values:[r.y]}];return e===void 0?a:[...a,{format:O,label:de,values:[e]}]}return m.jsxs(je.CartesianFrame,{axisReveal:ye,containerRef:ge,empty:l.every(e=>e.points.length===0),emptyMessage:ie,grid:[{lines:U.map(e=>z(e)),orientation:"horizontal"},{lines:Q.map(e=>$(e)),orientation:"vertical"}],fillHeight:xe,height:p,legend:l.map((e,a)=>({color:q[a],hidden:N(e.label),label:e.label})),legendAlign:oe,legendPosition:ne,margins:Me,onToggleSeries:ve,plot:t,title:ue,tooltip:R?{computed:"none",rows:qe(),subtitle:r!=null&&r.label?o==null?void 0:o.label:void 0,title:(r==null?void 0:r.label)??(o==null?void 0:o.label)}:void 0,width:S,xAxis:{hideLine:!0,labelRotation:Se,ticks:Ne,visibility:X},yAxis:{hideLine:!0,ticks:W,visibility:k},yAxisRight:{hideLine:!0,ticks:W,visibility:Y},children:[u&&m.jsxs("g",{"aria-hidden":"true",children:[m.jsx("line",{className:g.default.guide,x1:u.x,x2:u.x,y1:u.y,y2:t.height}),m.jsx("line",{className:g.default.guide,x1:0,x2:u.x,y1:u.y,y2:u.y})]}),l.map((e,a)=>m.jsx("g",{"aria-hidden":N(e.label)||void 0,className:`${g.default.series} ${N(e.label)?g.default.seriesOff:""}`,children:e.points.map((i,c)=>{if(!Number.isFinite(i.x)||!Number.isFinite(i.y))return null;const b=$(i.x),E=z(i.y),ee=M(i);return m.jsx("circle",{"aria-label":Z(e,i),className:g.default.bubble,cx:b,cy:E,fill:q[a],onMouseEnter:()=>{T({x:b,y:E}),A({ponto:c,serie:a})},onMouseLeave:()=>{T(null),A(null)},r:ee===void 0?we:pe(ee),children:!R&&m.jsx("title",{children:Z(e,i)})},c)})},a))]})}exports.ChartScatter=Re;
 //# sourceMappingURL=ChartScatter.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChartScatter.cjs","sources":["../../../../src/components/charts/ChartScatter/ChartScatter.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  CartesianFrame,\n  cartesianLayout,\n  chartHeight,\n  useChartMetrics,\n  useSeriesToggle,\n  useTweenedNumbers,\n  valueLabelsFor,\n  type AxisTick,\n  type AxisVisibility,\n  type ChartHeight,\n  type ChartLegendAlign,\n  type ChartLegendPosition,\n} from '../core';\nimport { resolveSeriesColors, type SeriesAppearance } from '../palette';\nimport { domainOf, linearScale, mergeDomains, radiusScale, ticksFor } from '../scales';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartScatter.module.css';\n\nexport interface ChartScatterPoint {\n  label?: string;\n  x: number;\n  y: number;\n  z?: number;\n}\n\nexport interface ChartScatterSeries extends SeriesAppearance {\n  label: string;\n  points: readonly ChartScatterPoint[];\n}\n\nexport interface ChartScatterProps {\n  accent?: string;\n  defaultHiddenSeries?: readonly string[];\n  emptyMessage?: string;\n  formatX?: (value: number) => string;\n  formatY?: (value: number) => string;\n  formatZ?: (value: number) => string;\n  /**\n   * Inclui o zero no dominio: `true` nos dois eixos, `'x'` ou `'y'` so naquele, `false` em nenhum.\n   * Medida que nao se compara ao zero — um ano, uma temperatura — fica com o eixo dela de fora;\n   * um ano pede tambem um formato sem separador de milhar em `formatX` ou `formatY`.\n   */\n  includeZero?: boolean | 'x' | 'y';\n  height?: ChartHeight;\n  hiddenSeries?: readonly string[];\n  legend?: ChartLegendPosition;\n  legendAlign?: ChartLegendAlign;\n  onHiddenSeriesChange?: (hidden: readonly string[]) => void;\n  series: readonly ChartScatterSeries[];\n  title: string;\n  xAxis?: AxisVisibility;\n  yAxis?: AxisVisibility;\n  yAxisRight?: AxisVisibility;\n}\n\nconst RAIO_SEM_Z = 5;\nconst FAIXA_DE_RAIO: [number, number] = [4, 18];\n\ninterface Guia {\n  x: number;\n  y: number;\n}\n\n/** Tamanho invalido tem o destino do ausente: a bolha fica no raio padrao. */\nfunction zValido(ponto: ChartScatterPoint) {\n  return ponto.z !== undefined && Number.isFinite(ponto.z) ? ponto.z : undefined;\n}\n\nexport function ChartScatter({\n  accent,\n  defaultHiddenSeries,\n  emptyMessage = 'Sem dados no período',\n  formatX = formatarNumero,\n  formatY = formatarNumero,\n  formatZ = formatarNumero,\n  height = 280,\n  includeZero = true,\n  hiddenSeries,\n  legend = 'bottom',\n  legendAlign,\n  onHiddenSeriesChange,\n  series,\n  title,\n  xAxis = 'visible',\n  yAxis = 'visible',\n  yAxisRight = 'hidden',\n}: ChartScatterProps) {\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  const [guia, setGuia] = useState<Guia | null>(null);\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 visiveis = useMemo(() => series.filter((serie) => !isHidden(serie.label)), [isHidden, series]);\n\n  const zeroEmX = includeZero === true || includeZero === 'x';\n  const zeroEmY = includeZero === true || includeZero === 'y';\n\n  const dominioX = useMemo(\n    () =>\n      mergeDomains(visiveis.map((serie) => domainOf(serie.points.map((p) => p.x), { includeZero: zeroEmX }))),\n    [visiveis, zeroEmX],\n  );\n\n  const dominioY = useMemo(\n    () =>\n      mergeDomains(visiveis.map((serie) => domainOf(serie.points.map((p) => p.y), { includeZero: zeroEmY }))),\n    [visiveis, zeroEmY],\n  );\n\n  const maiorZ = useMemo(\n    () =>\n      series.reduce(\n        (maior, serie) => serie.points.reduce((parcial, ponto) => Math.max(parcial, zValido(ponto) ?? 0), maior),\n        0,\n      ),\n    [series],\n  );\n\n  const rotulosY = valueLabelsFor(dominioY, alturaDoDesenho, formatY);\n  const rotulosX = valueLabelsFor(dominioX, width, formatX);\n\n  const { margins, plot, rotation } = cartesianLayout({\n    bottomLabels: rotulosX,\n    font,\n    height: alturaDoDesenho,\n    labelAngle: 'auto',\n    leftLabels: rotulosY,\n    rightLabels: rotulosY,\n    topRoom: 0,\n    width,\n    xAxis,\n    yAxis,\n    yAxisRight,\n  });\n\n  // As escalas alvo fixam as marcas; as animadas posicionam o desenho. Sem\n  // separar as duas, as marcas exibiriam valores quebrados durante a transicao.\n  const alvoX = useMemo(() => linearScale({ domain: dominioX, range: [0, plot.width] }), [dominioX, plot.width]);\n  const alvoY = useMemo(() => linearScale({ domain: dominioY, range: [plot.height, 0] }), [dominioY, plot.height]);\n\n  const [minX, maxX, minY, maxY] = useTweenedNumbers([...alvoX.domain(), ...alvoY.domain()]);\n\n  const escalaX = useMemo(\n    () => linearScale({ domain: { min: minX, max: maxX }, nice: false, range: [0, plot.width] }),\n    [maxX, minX, plot.width],\n  );\n  const escalaY = useMemo(\n    () => linearScale({ domain: { min: minY, max: maxY }, nice: false, range: [plot.height, 0] }),\n    [maxY, minY, plot.height],\n  );\n  const escalaRaio = useMemo(() => radiusScale(maiorZ, FAIXA_DE_RAIO), [maiorZ]);\n\n  const marcasX = ticksFor(alvoX, plot.width);\n  const marcasY = ticksFor(alvoY, plot.height);\n\n  const ticksX: AxisTick[] = marcasX.map((valor) => ({ label: formatX(valor), position: escalaX(valor) }));\n  const ticksY: AxisTick[] = marcasY.map((valor) => ({ label: formatY(valor), position: escalaY(valor) }));\n\n  function descrever(serie: ChartScatterSeries, ponto: ChartScatterPoint) {\n    const inicio = ponto.label ? `${serie.label}, ${ponto.label}` : serie.label;\n    const posicao = `${formatX(ponto.x)} × ${formatY(ponto.y)}`;\n    const z = zValido(ponto);\n\n    return z === undefined ? `${inicio}: ${posicao}` : `${inicio}: ${posicao} (${formatZ(z)})`;\n  }\n\n  return (\n    <CartesianFrame\n      containerRef={ref}\n      empty={series.every((serie) => serie.points.length === 0)}\n      emptyMessage={emptyMessage}\n      grid={[\n        { lines: marcasY.map((valor) => escalaY(valor)), orientation: 'horizontal' },\n        { lines: marcasX.map((valor) => escalaX(valor)), orientation: 'vertical' },\n      ]}\n      fillHeight={fillHeight}\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={{ hideLine: true, labelRotation: rotation, ticks: ticksX, visibility: xAxis }}\n      yAxis={{ hideLine: true, ticks: ticksY, visibility: yAxis }}\n      yAxisRight={{ hideLine: true, ticks: ticksY, visibility: yAxisRight }}\n    >\n      {guia && (\n        <g aria-hidden=\"true\">\n          <line className={styles.guide} x1={guia.x} x2={guia.x} y1={guia.y} y2={plot.height} />\n          <line className={styles.guide} x1={0} x2={guia.x} y1={guia.y} y2={guia.y} />\n        </g>\n      )}\n\n      {series.map((serie, indiceSerie) => (\n        <g\n          aria-hidden={isHidden(serie.label) || undefined}\n          className={`${styles.series} ${isHidden(serie.label) ? styles.seriesOff : ''}`}\n          key={indiceSerie}\n        >\n          {serie.points.map((ponto, indice) => {\n            if (!Number.isFinite(ponto.x) || !Number.isFinite(ponto.y)) {\n              return null;\n            }\n\n            const x = escalaX(ponto.x);\n            const y = escalaY(ponto.y);\n            const z = zValido(ponto);\n\n            return (\n              <circle\n                aria-label={descrever(serie, ponto)}\n                className={styles.bubble}\n                cx={x}\n                cy={y}\n                fill={cores[indiceSerie]}\n                key={indice}\n                onMouseEnter={() => setGuia({ x, y })}\n                onMouseLeave={() => setGuia(null)}\n                r={z === undefined ? RAIO_SEM_Z : escalaRaio(z)}\n              >\n                <title>{descrever(serie, ponto)}</title>\n              </circle>\n            );\n          })}\n        </g>\n      ))}\n    </CartesianFrame>\n  );\n}\n"],"names":["RAIO_SEM_Z","FAIXA_DE_RAIO","zValido","ponto","ChartScatter","accent","defaultHiddenSeries","emptyMessage","formatX","formatarNumero","formatY","formatZ","height","includeZero","hiddenSeries","legend","legendAlign","onHiddenSeriesChange","series","title","xAxis","yAxis","yAxisRight","font","alturaMedida","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","isHidden","toggle","useSeriesToggle","guia","setGuia","useState","cores","useMemo","resolveSeriesColors","visiveis","serie","zeroEmX","zeroEmY","dominioX","mergeDomains","domainOf","p","dominioY","maiorZ","maior","parcial","rotulosY","valueLabelsFor","rotulosX","margins","plot","rotation","cartesianLayout","alvoX","linearScale","alvoY","minX","maxX","minY","maxY","useTweenedNumbers","escalaX","escalaY","escalaRaio","radiusScale","marcasX","ticksFor","marcasY","ticksX","valor","ticksY","descrever","inicio","posicao","z","jsxs","CartesianFrame","indice","jsx","styles","indiceSerie","x","y"],"mappings":"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"}
+{"version":3,"file":"ChartScatter.cjs","sources":["../../../../src/components/charts/ChartScatter/ChartScatter.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  CartesianFrame,\n  seriesInScale,\n  useCartesianLayout,\n  chartHeight,\n  useChartMetrics,\n  useSeriesToggle,\n  useTweenedNumbers,\n  valueLabelsFor,\n  type AxisTick,\n  type AxisVisibility,\n  type ChartHeight,\n  type ChartLegendAlign,\n  type ChartLegendPosition,\n} from '../core';\nimport { resolveSeriesColors, type SeriesAppearance } from '../palette';\nimport { domainOf, linearScale, mergeDomains, radiusScale, ticksFor } from '../scales';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartScatter.module.css';\n\nexport interface ChartScatterPoint {\n  label?: string;\n  x: number;\n  y: number;\n  z?: number;\n}\n\nexport interface ChartScatterSeries extends SeriesAppearance {\n  label: string;\n  points: readonly ChartScatterPoint[];\n}\n\nexport interface ChartScatterProps {\n  accent?: string;\n  defaultHiddenSeries?: readonly string[];\n  emptyMessage?: string;\n  formatX?: (value: number) => string;\n  formatY?: (value: number) => string;\n  formatZ?: (value: number) => string;\n  /**\n   * Inclui o zero no dominio: `true` nos dois eixos, `'x'` ou `'y'` so naquele, `false` em nenhum.\n   * Medida que nao se compara ao zero — um ano, uma temperatura — fica com o eixo dela de fora;\n   * um ano pede tambem um formato sem separador de milhar em `formatX` ou `formatY`.\n   */\n  includeZero?: boolean | 'x' | 'y';\n  height?: ChartHeight;\n  hiddenSeries?: readonly string[];\n  legend?: ChartLegendPosition;\n  legendAlign?: ChartLegendAlign;\n  onHiddenSeriesChange?: (hidden: readonly string[]) => void;\n  series: readonly ChartScatterSeries[];\n  /** Balao com o detalhe do que esta sob o ponteiro. Desligue para nao mostrar nada alem do `<title>` nativo. */\n  showTooltip?: boolean;\n  title: string;\n  /** Nome de cada medida no balao. */\n  xLabel?: string;\n  yLabel?: string;\n  zLabel?: string;\n  xAxis?: AxisVisibility;\n  yAxis?: AxisVisibility;\n  yAxisRight?: AxisVisibility;\n}\n\nconst RAIO_SEM_Z = 5;\nconst FAIXA_DE_RAIO: [number, number] = [4, 18];\n\ninterface Guia {\n  x: number;\n  y: number;\n}\n\n/** Tamanho invalido tem o destino do ausente: a bolha fica no raio padrao. */\nfunction zValido(ponto: ChartScatterPoint) {\n  return ponto.z !== undefined && Number.isFinite(ponto.z) ? ponto.z : undefined;\n}\n\nexport function ChartScatter({\n  accent,\n  defaultHiddenSeries,\n  emptyMessage = 'Sem dados no período',\n  formatX = formatarNumero,\n  formatY = formatarNumero,\n  formatZ = formatarNumero,\n  height = 280,\n  includeZero = true,\n  hiddenSeries,\n  legend = 'bottom',\n  legendAlign,\n  onHiddenSeriesChange,\n  series,\n  showTooltip = true,\n  title,\n  xLabel = 'X',\n  yLabel = 'Y',\n  zLabel = 'Tamanho',\n  xAxis = 'visible',\n  yAxis = 'visible',\n  yAxisRight = 'hidden',\n}: ChartScatterProps) {\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  const [guia, setGuia] = useState<Guia | null>(null);\n  const [emFoco, setEmFoco] = useState<{ ponto: number; serie: number } | null>(null);\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 naEscala = useMemo(() => seriesInScale(series, isOutOfScale), [isOutOfScale, series]);\n\n  const zeroEmX = includeZero === true || includeZero === 'x';\n  const zeroEmY = includeZero === true || includeZero === 'y';\n\n  const dominioX = useMemo(\n    () =>\n      mergeDomains(naEscala.map((serie) => domainOf(serie.points.map((p) => p.x), { includeZero: zeroEmX }))),\n    [naEscala, zeroEmX],\n  );\n\n  const dominioY = useMemo(\n    () =>\n      mergeDomains(naEscala.map((serie) => domainOf(serie.points.map((p) => p.y), { includeZero: zeroEmY }))),\n    [naEscala, zeroEmY],\n  );\n\n  const maiorZ = useMemo(\n    () =>\n      series.reduce(\n        (maior, serie) => serie.points.reduce((parcial, ponto) => Math.max(parcial, zValido(ponto) ?? 0), maior),\n        0,\n      ),\n    [series],\n  );\n\n  const rotulosY = valueLabelsFor(dominioY, alturaDoDesenho, formatY);\n  const rotulosX = valueLabelsFor(dominioX, width, formatX);\n\n  const { axisReveal, margins, plot, rotation } = useCartesianLayout({\n    bottomLabels: rotulosX,\n    font,\n    height: alturaDoDesenho,\n    labelAngle: 'auto',\n    leftLabels: rotulosY,\n    rightLabels: rotulosY,\n    topRoom: 0,\n    width,\n    xAxis,\n    yAxis,\n    yAxisRight,\n  });\n\n  // As escalas alvo fixam as marcas; as animadas posicionam o desenho. Sem\n  // separar as duas, as marcas exibiriam valores quebrados durante a transicao.\n  const alvoX = useMemo(() => linearScale({ domain: dominioX, range: [0, plot.width] }), [dominioX, plot.width]);\n  const alvoY = useMemo(() => linearScale({ domain: dominioY, range: [plot.height, 0] }), [dominioY, plot.height]);\n\n  const [minX, maxX, minY, maxY] = useTweenedNumbers([...alvoX.domain(), ...alvoY.domain()]);\n\n  const escalaX = useMemo(\n    () => linearScale({ domain: { min: minX, max: maxX }, nice: false, range: [0, plot.width] }),\n    [maxX, minX, plot.width],\n  );\n  const escalaY = useMemo(\n    () => linearScale({ domain: { min: minY, max: maxY }, nice: false, range: [plot.height, 0] }),\n    [maxY, minY, plot.height],\n  );\n  const escalaRaio = useMemo(() => radiusScale(maiorZ, FAIXA_DE_RAIO), [maiorZ]);\n\n  const marcasX = ticksFor(alvoX, plot.width);\n  const marcasY = ticksFor(alvoY, plot.height);\n\n  const ticksX: AxisTick[] = marcasX.map((valor) => ({ label: formatX(valor), position: escalaX(valor) }));\n  const ticksY: AxisTick[] = marcasY.map((valor) => ({ label: formatY(valor), position: escalaY(valor) }));\n\n  function descrever(serie: ChartScatterSeries, ponto: ChartScatterPoint) {\n    const inicio = ponto.label ? `${serie.label}, ${ponto.label}` : serie.label;\n    const posicao = `${formatX(ponto.x)} × ${formatY(ponto.y)}`;\n    const z = zValido(ponto);\n\n    return z === undefined ? `${inicio}: ${posicao}` : `${inicio}: ${posicao} (${formatZ(z)})`;\n  }\n\n  const serieEmFoco = emFoco ? series[emFoco.serie] : undefined;\n  const pontoEmFoco = emFoco ? serieEmFoco?.points[emFoco.ponto] : undefined;\n\n  function linhasDoBalao() {\n    if (!emFoco || !serieEmFoco || !pontoEmFoco) {\n      return [];\n    }\n\n    const z = zValido(pontoEmFoco);\n    const linhas = [\n      { color: cores[emFoco.serie], format: formatX, label: xLabel, values: [pontoEmFoco.x] },\n      { format: formatY, label: yLabel, values: [pontoEmFoco.y] },\n    ];\n\n    return z === undefined ? linhas : [...linhas, { format: formatZ, label: zLabel, values: [z] }];\n  }\n\n  return (\n    <CartesianFrame\n      axisReveal={axisReveal}\n      containerRef={ref}\n      empty={series.every((serie) => serie.points.length === 0)}\n      emptyMessage={emptyMessage}\n      grid={[\n        { lines: marcasY.map((valor) => escalaY(valor)), orientation: 'horizontal' },\n        { lines: marcasX.map((valor) => escalaX(valor)), orientation: 'vertical' },\n      ]}\n      fillHeight={fillHeight}\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          ? {\n              computed: 'none',\n              rows: linhasDoBalao(),\n              // Com nome no ponto, ele e o titulo e a serie vira subtitulo.\n              subtitle: pontoEmFoco?.label ? serieEmFoco?.label : undefined,\n              title: pontoEmFoco?.label ?? serieEmFoco?.label,\n            }\n          : undefined\n      }\n      width={width}\n      xAxis={{ hideLine: true, labelRotation: rotation, ticks: ticksX, visibility: xAxis }}\n      yAxis={{ hideLine: true, ticks: ticksY, visibility: yAxis }}\n      yAxisRight={{ hideLine: true, ticks: ticksY, visibility: yAxisRight }}\n    >\n      {guia && (\n        <g aria-hidden=\"true\">\n          <line className={styles.guide} x1={guia.x} x2={guia.x} y1={guia.y} y2={plot.height} />\n          <line className={styles.guide} x1={0} x2={guia.x} y1={guia.y} y2={guia.y} />\n        </g>\n      )}\n\n      {series.map((serie, indiceSerie) => (\n        <g\n          aria-hidden={isHidden(serie.label) || undefined}\n          className={`${styles.series} ${isHidden(serie.label) ? styles.seriesOff : ''}`}\n          key={indiceSerie}\n        >\n          {serie.points.map((ponto, indice) => {\n            if (!Number.isFinite(ponto.x) || !Number.isFinite(ponto.y)) {\n              return null;\n            }\n\n            const x = escalaX(ponto.x);\n            const y = escalaY(ponto.y);\n            const z = zValido(ponto);\n\n            return (\n              <circle\n                aria-label={descrever(serie, ponto)}\n                className={styles.bubble}\n                cx={x}\n                cy={y}\n                fill={cores[indiceSerie]}\n                key={indice}\n                onMouseEnter={() => {\n                  setGuia({ x, y });\n                  setEmFoco({ ponto: indice, serie: indiceSerie });\n                }}\n                onMouseLeave={() => {\n                  setGuia(null);\n                  setEmFoco(null);\n                }}\n                r={z === undefined ? RAIO_SEM_Z : escalaRaio(z)}\n              >\n                {!showTooltip && <title>{descrever(serie, ponto)}</title>}\n              </circle>\n            );\n          })}\n        </g>\n      ))}\n    </CartesianFrame>\n  );\n}\n"],"names":["RAIO_SEM_Z","FAIXA_DE_RAIO","zValido","ponto","ChartScatter","accent","defaultHiddenSeries","emptyMessage","formatX","formatarNumero","formatY","formatZ","height","includeZero","hiddenSeries","legend","legendAlign","onHiddenSeriesChange","series","showTooltip","title","xLabel","yLabel","zLabel","xAxis","yAxis","yAxisRight","font","alturaMedida","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","isHidden","isOutOfScale","toggle","useSeriesToggle","serie","guia","setGuia","useState","emFoco","setEmFoco","cores","useMemo","resolveSeriesColors","naEscala","seriesInScale","zeroEmX","zeroEmY","dominioX","mergeDomains","domainOf","p","dominioY","maiorZ","maior","parcial","rotulosY","valueLabelsFor","rotulosX","axisReveal","margins","plot","rotation","useCartesianLayout","alvoX","linearScale","alvoY","minX","maxX","minY","maxY","useTweenedNumbers","escalaX","escalaY","escalaRaio","radiusScale","marcasX","ticksFor","marcasY","ticksX","valor","ticksY","descrever","inicio","posicao","z","serieEmFoco","pontoEmFoco","linhasDoBalao","linhas","jsxs","CartesianFrame","indice","jsx","styles","indiceSerie","x","y"],"mappings":"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"}