@plenustech/design-system 0.2.2 → 0.2.4

package/dist/components/charts/ChartWaterfall/ChartWaterfall.js

@@ -1,158 +1,178 @@
-import { jsxs as J, jsx as f } from "react/jsx-runtime";
-import { useMemo as u } from "react";
-import M from "./ChartWaterfall.module.css.js";
-import { useChartMetrics as K } from "../core/useChartMetrics.js";
-import { useHoveredBand as Q } from "../core/useHoveredBand.js";
-import { resolveSeriesColors as U } from "../palette/seriesColor.js";
-import { domainOf as V, bandScale as X, linearScale as z, ticksFor as Y } from "../scales/scales.js";
-import { valueLabelsFor as Z, cartesianLayout as oo, chartHeight as to } from "../core/cartesianLayout.js";
-import { valueLabelRoom as io } from "../core/spacing.js";
-import { useTweenedNumbers as no } from "../core/useTweenedNumbers.js";
-import { formatarNumero as ro } from "../../../utils/formatters/formatarNumero.js";
-import { CartesianFrame as eo } from "../core/CartesianFrame.js";
-import { BandCursor as ao } from "../core/BandCursor.js";
-import { roundedBarPath as lo } from "../core/shapes.js";
-function mo(i) {
-  let e = 0;
-  return i.map((h) => {
-    if (!Number.isFinite(h.value))
+import { jsxs as Z, jsx as d } from "react/jsx-runtime";
+import { useMemo as f } from "react";
+import p from "./ChartWaterfall.module.css.js";
+import { useChartMetrics as V } from "../core/useChartMetrics.js";
+import { useHoveredBand as oo } from "../core/useHoveredBand.js";
+import { resolveSeriesColors as to } from "../palette/seriesColor.js";
+import { domainOf as io, bandScale as ro, linearScale as E, ticksFor as eo } from "../scales/scales.js";
+import { valueLabelsFor as no, markShown as ao, chartHeight as lo } from "../core/cartesianLayout.js";
+import { useCartesianLayout as mo } from "../core/useCartesianLayout.js";
+import { valueLabelRoom as uo } from "../core/spacing.js";
+import { useTweenedNumbers as so } from "../core/useTweenedNumbers.js";
+import { formatarNumero as co } from "../../../utils/formatters/formatarNumero.js";
+import { CartesianFrame as ho } from "../core/CartesianFrame.js";
+import { BandCursor as fo } from "../core/BandCursor.js";
+import { roundedBarPath as bo } from "../core/shapes.js";
+function vo(e) {
+  let m = 0;
+  return e.map((n) => {
+    if (!Number.isFinite(n.value))
       return null;
-    const d = h.total ? 0 : e, b = d + h.value;
-    return e = b, { inicio: d, fim: b };
+    const b = n.total ? 0 : m, v = b + n.value;
+    return m = v, { inicio: b, fim: v };
   });
 }
-function so(i) {
-  return i.intent ? i.intent : i.total ? "neutral" : i.value < 0 ? "negative" : "positive";
+function go(e) {
+  return e.intent ? e.intent : e.total ? "neutral" : e.value < 0 ? "negative" : "positive";
 }
-function co(i, e) {
-  return i === 0 ? e(0) : `${i < 0 ? "-" : "+"}${e(Math.abs(i))}`;
+function O(e, m) {
+  return e === 0 ? m(0) : `${e < 0 ? "-" : "+"}${m(Math.abs(e))}`;
 }
-function Co({
-  emptyMessage: i = "Sem dados no período",
-  formatValue: e = ro,
-  height: h = 280,
-  labelAngle: d = "auto",
-  onHoverStep: b,
-  showDataLabels: y = !0,
+function Bo({
+  emptyMessage: e = "Sem dados no período",
+  formatTooltipValue: m,
+  formatValue: n = co,
+  height: b = 280,
+  labelAngle: v = "auto",
+  onHoverStep: T,
+  showDataLabels: x = "visible",
+  showTooltip: W = !0,
   steps: r,
-  title: A,
-  xAxis: L = "visible",
-  yAxis: w = "visible",
-  yAxisRight: D = "hidden"
+  title: _,
+  xAxis: D = "visible",
+  yAxis: S = "visible",
+  yAxisRight: C = "hidden"
 }) {
-  const { font: S, height: E, radius: g, ref: O, width: C } = K(), { fillHeight: T, value: v } = to(h, E), { hover: N, hovered: F } = Q(b), m = u(() => mo(r), [r]), W = u(
-    () => U(r.map((o) => ({ color: o.color, intent: so(o) }))),
+  var z;
+  const { font: N, height: q, radius: g, ref: G, width: $ } = V(), { fillHeight: I, value: M } = lo(b, q), { hover: k, hovered: s } = oo(T), u = f(() => vo(r), [r]), w = f(
+    () => to(r.map((o) => ({ color: o.color, intent: go(o) }))),
     [r]
-  ), p = u(
-    () => V(m.flatMap((o) => o ? [o.inicio, o.fim] : [])),
-    [m]
-  ), P = Z(p, v, e), { margins: _, plot: l, rotation: q } = oo({
+  ), y = f(
+    () => io(u.flatMap((o) => o ? [o.inicio, o.fim] : [])),
+    [u]
+  ), F = no(y, M, n), { axisReveal: J, margins: K, plot: l, rotation: Q } = mo({
     bottomLabels: r.map((o) => o.label),
-    font: S,
-    height: v,
-    labelAngle: d,
-    leftLabels: P,
-    rightLabels: P,
-    topRoom: y ? io(S) : 0,
-    width: C,
-    xAxis: L,
-    yAxis: w,
-    yAxisRight: D
-  }), s = u(
-    () => X({ domain: r.map((o, t) => String(t)), range: [0, l.width] }),
+    font: N,
+    height: M,
+    labelAngle: v,
+    leftLabels: F,
+    rightLabels: F,
+    topRoom: x === "hidden" ? 0 : uo(N),
+    width: $,
+    xAxis: D,
+    yAxis: S,
+    yAxisRight: C
+  }), c = f(
+    () => ro({ domain: r.map((o, t) => String(t)), range: [0, l.width] }),
     [l.width, r]
-  ), c = (o) => s(String(o)) ?? 0, k = u(
-    () => z({ domain: p, range: [l.height, 0] }),
-    [p, l.height]
-  ), [R, $] = no(k.domain()), a = u(
-    () => z({ domain: { min: R, max: $ }, nice: !1, range: [l.height, 0] }),
-    [$, R, l.height]
-  ), B = Y(k, l.height), G = r.map((o, t) => ({
+  ), h = (o) => c(String(o)) ?? 0, P = f(
+    () => E({ domain: y, range: [l.height, 0] }),
+    [y, l.height]
+  ), [R, B] = so(P.domain()), a = f(
+    () => E({ domain: { min: R, max: B }, nice: !1, range: [l.height, 0] }),
+    [B, R, l.height]
+  ), H = eo(P, l.height), U = r.map((o, t) => ({
     label: o.label,
-    position: c(t) + s.bandwidth() / 2
-  })), H = B.map((o) => ({
-    label: e(o),
+    position: h(t) + c.bandwidth() / 2
+  })), A = H.map((o) => ({
+    label: n(o),
     position: a(o)
   }));
   function j(o) {
-    return o.total ? e(o.value) : co(o.value, e);
+    return o.total ? n(o.value) : O(o.value, n);
   }
-  return /* @__PURE__ */ J(
-    eo,
+  function X(o) {
+    if (o === null || !u[o])
+      return [];
+    const t = r[o];
+    return t.total ? [{ color: w[o], label: "Total", values: [t.value] }] : [
+      { color: w[o], format: (i) => O(i, m ?? n), label: "Variação", values: [t.value] },
+      { label: "Acumulado", values: [u[o].fim] }
+    ];
+  }
+  return /* @__PURE__ */ Z(
+    ho,
     {
-      containerRef: O,
+      axisReveal: J,
+      containerRef: G,
       empty: r.length === 0,
-      emptyMessage: i,
+      emptyMessage: e,
       grid: [
         {
           baseline: a(0),
-          lines: B.map((o) => a(o)),
+          lines: H.map((o) => a(o)),
           orientation: "horizontal"
         }
       ],
-      fillHeight: T,
-      height: v,
+      fillHeight: I,
+      height: M,
       legendPosition: "none",
-      margins: _,
+      margins: K,
       plot: l,
-      title: A,
-      width: C,
-      xAxis: { labelRotation: q, ticks: G, visibility: L },
-      yAxis: { hideLine: !0, ticks: H, visibility: w },
-      yAxisRight: { hideLine: !0, ticks: H, visibility: D },
+      title: _,
+      tooltip: W ? {
+        columns: [{ format: m ?? n }],
+        computed: "none",
+        rows: X(s),
+        title: s === null || (z = r[s]) == null ? void 0 : z.label
+      } : void 0,
+      width: $,
+      xAxis: { labelRotation: Q, ticks: U, visibility: D },
+      yAxis: { hideLine: !0, ticks: A, visibility: S },
+      yAxisRight: { hideLine: !0, ticks: A, visibility: C },
       children: [
-        F !== null && /* @__PURE__ */ f(ao, { offset: c(F), plot: l, size: s.bandwidth() }),
-        /* @__PURE__ */ f("g", { "aria-hidden": "true", children: m.slice(0, -1).map((o, t) => {
-          if (!o || !m[t + 1])
+        s !== null && /* @__PURE__ */ d(fo, { offset: h(s), plot: l, size: c.bandwidth() }),
+        /* @__PURE__ */ d("g", { "aria-hidden": "true", children: u.slice(0, -1).map((o, t) => {
+          if (!o || !u[t + 1])
             return null;
-          const n = a(o.fim);
-          return /* @__PURE__ */ f(
+          const i = a(o.fim);
+          return /* @__PURE__ */ d(
             "line",
             {
-              className: M.connector,
-              x1: c(t) + s.bandwidth(),
-              x2: c(t + 1),
-              y1: n,
-              y2: n
+              className: p.connector,
+              x1: h(t) + c.bandwidth(),
+              x2: h(t + 1),
+              y1: i,
+              y2: i
             },
             t
           );
         }) }),
         r.map((o, t) => {
-          const n = m[t];
-          if (!n)
+          const i = u[t];
+          if (!i)
             return null;
-          const x = Math.min(a(n.inicio), a(n.fim)), I = Math.abs(a(n.fim) - a(n.inicio));
-          return /* @__PURE__ */ f(
+          const L = Math.min(a(i.inicio), a(i.fim)), Y = Math.abs(a(i.fim) - a(i.inicio));
+          return /* @__PURE__ */ d(
             "path",
             {
               "aria-label": `${o.label}: ${j(o)}`,
-              className: M.bar,
-              d: lo(c(t), x, s.bandwidth(), I, [
+              className: p.bar,
+              d: bo(h(t), L, c.bandwidth(), Y, [
                 g,
                 g,
                 g,
                 g
               ]),
-              fill: W[t],
-              onMouseEnter: () => N(t),
-              onMouseLeave: () => N(null)
+              fill: w[t],
+              onMouseEnter: () => k(t),
+              onMouseLeave: () => k(null)
             },
             t
           );
         }),
-        y && r.map((o, t) => {
-          const n = m[t];
-          if (!n)
+        x !== "hidden" && r.map((o, t) => {
+          const i = u[t];
+          if (!i)
             return null;
-          const x = Math.min(a(n.inicio), a(n.fim));
-          return /* @__PURE__ */ f(
+          const L = Math.min(a(i.inicio), a(i.fim));
+          return /* @__PURE__ */ d(
             "text",
             {
-              className: M.valueLabel,
+              className: `${p.valueLabel} ${ao(x, t === s) ? "" : p.valueLabelHidden}`,
               textAnchor: "middle",
-              x: c(t) + s.bandwidth() / 2,
-              y: x - 6,
+              x: h(t) + c.bandwidth() / 2,
+              y: L - 6,
               children: j(o)
             },
             t
@@ -163,6 +183,6 @@ function Co({
   );
 }
 export {
-  Co as ChartWaterfall
+  Bo as ChartWaterfall
 };
 //# sourceMappingURL=ChartWaterfall.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChartWaterfall.js","sources":["../../../../src/components/charts/ChartWaterfall/ChartWaterfall.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  BandCursor,\n  CartesianFrame,\n  cartesianLayout,\n  chartHeight,\n  roundedBarPath,\n  useChartMetrics,\n  useHoveredBand,\n  useTweenedNumbers,\n  valueLabelRoom,\n  valueLabelsFor,\n  type AxisLabelAngle,\n  type AxisTick,\n  type AxisVisibility,\n  type ChartHeight,\n} from '../core';\nimport { resolveSeriesColors, type SeriesIntent } from '../palette';\nimport { bandScale, domainOf, linearScale, ticksFor } from '../scales';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartWaterfall.module.css';\n\nexport interface ChartWaterfallStep {\n  color?: string;\n  intent?: SeriesIntent;\n  label: string;\n  total?: boolean;\n  value: number;\n}\n\nexport interface ChartWaterfallProps {\n  emptyMessage?: string;\n  formatValue?: (value: number) => string;\n  height?: ChartHeight;\n  labelAngle?: AxisLabelAngle;\n  /** Indice do passo sob o ponteiro, ou `null` ao sair dele. */\n  onHoverStep?: (index: number | null) => void;\n  showDataLabels?: boolean;\n  steps: readonly ChartWaterfallStep[];\n  title: string;\n  xAxis?: AxisVisibility;\n  yAxis?: AxisVisibility;\n  yAxisRight?: AxisVisibility;\n}\n\ninterface Trecho {\n  fim: number;\n  inicio: number;\n}\n\n/**\n * Cada passo ocupa a faixa entre o acumulado anterior e o novo acumulado; o total parte do zero, porque\n * fecha a conta. Passo invalido e ausente: nao se desenha nem move o acumulado.\n */\nfunction trechosDe(steps: readonly ChartWaterfallStep[]): (Trecho | null)[] {\n  let acumulado = 0;\n\n  return steps.map((passo) => {\n    if (!Number.isFinite(passo.value)) {\n      return null;\n    }\n\n    const inicio = passo.total ? 0 : acumulado;\n    const fim = inicio + passo.value;\n    acumulado = fim;\n\n    return { inicio, fim };\n  });\n}\n\n/** Passo sem intencao declarada recebe a do seu sinal. Total e fechamento, nao aporte. */\nfunction intencaoDe(step: ChartWaterfallStep): SeriesIntent {\n  if (step.intent) {\n    return step.intent;\n  }\n\n  if (step.total) {\n    return 'neutral';\n  }\n\n  return step.value < 0 ? 'negative' : 'positive';\n}\n\n/**\n * O sinal e do grafico, nao do formatador: ele formata a magnitude. Delegar o\n * sinal perderia a variacao com qualquer formatador que exiba apenas o valor.\n */\nfunction comSinal(value: number, formatValue: (value: number) => string) {\n  if (value === 0) {\n    return formatValue(0);\n  }\n\n  return `${value < 0 ? '-' : '+'}${formatValue(Math.abs(value))}`;\n}\n\nexport function ChartWaterfall({\n  emptyMessage = 'Sem dados no período',\n  formatValue = formatarNumero,\n  height = 280,\n  labelAngle = 'auto',\n  onHoverStep,\n  showDataLabels = true,\n  steps,\n  title,\n  xAxis = 'visible',\n  yAxis = 'visible',\n  yAxisRight = 'hidden',\n}: ChartWaterfallProps) {\n  const { font, height: alturaMedida, radius: raioDoCanto, ref, width } = useChartMetrics();\n  const { fillHeight, value: alturaDoDesenho } = chartHeight(height, alturaMedida);\n  const { hover: focarPasso, hovered: passoEmFoco } = useHoveredBand(onHoverStep);\n\n  const trechos = useMemo(() => trechosDe(steps), [steps]);\n\n  const cores = useMemo(\n    () => resolveSeriesColors(steps.map((passo) => ({ color: passo.color, intent: intencaoDe(passo) }))),\n    [steps],\n  );\n\n  const dominio = useMemo(\n    () => domainOf(trechos.flatMap((trecho) => (trecho ? [trecho.inicio, trecho.fim] : []))),\n    [trechos],\n  );\n\n  const rotulosDeValor = valueLabelsFor(dominio, alturaDoDesenho, formatValue);\n\n  const { margins, plot, rotation } = cartesianLayout({\n    bottomLabels: steps.map((passo) => passo.label),\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  // A faixa e indexada pela posicao, nao pelo rotulo: numa sequencia de passos o\n  // mesmo rotulo pode repetir, e a escala categorica funde dominios iguais.\n  const escalaPassos = useMemo(\n    () => bandScale({ domain: steps.map((_, indice) => String(indice)), range: [0, plot.width] }),\n    [plot.width, steps],\n  );\n\n  const faixaDe = (indice: number) => escalaPassos(String(indice)) ?? 0;\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 marcasPassos: AxisTick[] = steps.map((passo, indice) => ({\n    label: passo.label,\n    position: faixaDe(indice) + escalaPassos.bandwidth() / 2,\n  }));\n\n  const marcasValor: AxisTick[] = marcasDeValor.map((valor) => ({\n    label: formatValue(valor),\n    position: escalaValores(valor),\n  }));\n\n  function rotuloDe(passo: ChartWaterfallStep) {\n    return passo.total ? formatValue(passo.value) : comSinal(passo.value, formatValue);\n  }\n\n  return (\n    <CartesianFrame\n      containerRef={ref}\n      empty={steps.length === 0}\n      emptyMessage={emptyMessage}\n      grid={[\n        {\n          baseline: escalaValores(0),\n          lines: marcasDeValor.map((valor) => escalaValores(valor)),\n          orientation: 'horizontal',\n        },\n      ]}\n      fillHeight={fillHeight}\n      height={alturaDoDesenho}\n      legendPosition=\"none\"\n      margins={margins}\n      plot={plot}\n      title={title}\n      width={width}\n      xAxis={{ labelRotation: rotation, ticks: marcasPassos, visibility: xAxis }}\n      yAxis={{ hideLine: true, ticks: marcasValor, visibility: yAxis }}\n      yAxisRight={{ hideLine: true, ticks: marcasValor, visibility: yAxisRight }}\n    >\n      {passoEmFoco !== null && (\n        <BandCursor offset={faixaDe(passoEmFoco)} plot={plot} size={escalaPassos.bandwidth()} />\n      )}\n\n      <g aria-hidden=\"true\">\n        {trechos.slice(0, -1).map((trecho, indice) => {\n          if (!trecho || !trechos[indice + 1]) {\n            return null;\n          }\n\n          const nivel = escalaValores(trecho.fim);\n\n          return (\n            <line\n              className={styles.connector}\n              key={indice}\n              x1={faixaDe(indice) + escalaPassos.bandwidth()}\n              x2={faixaDe(indice + 1)}\n              y1={nivel}\n              y2={nivel}\n            />\n          );\n        })}\n      </g>\n\n      {steps.map((passo, indice) => {\n        const trecho = trechos[indice];\n\n        if (!trecho) {\n          return null;\n        }\n\n        const topo = Math.min(escalaValores(trecho.inicio), escalaValores(trecho.fim));\n        const altura = Math.abs(escalaValores(trecho.fim) - escalaValores(trecho.inicio));\n\n        return (\n          <path\n            aria-label={`${passo.label}: ${rotuloDe(passo)}`}\n            className={styles.bar}\n            d={roundedBarPath(faixaDe(indice), topo, escalaPassos.bandwidth(), altura, [\n              raioDoCanto,\n              raioDoCanto,\n              raioDoCanto,\n              raioDoCanto,\n            ])}\n            fill={cores[indice]}\n            key={indice}\n            onMouseEnter={() => focarPasso(indice)}\n            onMouseLeave={() => focarPasso(null)}\n          />\n        );\n      })}\n\n      {showDataLabels &&\n        steps.map((passo, indice) => {\n          const trecho = trechos[indice];\n\n          if (!trecho) {\n            return null;\n          }\n\n          const topo = Math.min(escalaValores(trecho.inicio), escalaValores(trecho.fim));\n\n          return (\n            <text\n              className={styles.valueLabel}\n              key={indice}\n              textAnchor=\"middle\"\n              x={faixaDe(indice) + escalaPassos.bandwidth() / 2}\n              y={topo - 6}\n            >\n              {rotuloDe(passo)}\n            </text>\n          );\n        })}\n    </CartesianFrame>\n  );\n}\n"],"names":["trechosDe","steps","acumulado","passo","inicio","fim","intencaoDe","step","comSinal","value","formatValue","ChartWaterfall","emptyMessage","formatarNumero","height","labelAngle","onHoverStep","showDataLabels","title","xAxis","yAxis","yAxisRight","font","alturaMedida","raioDoCanto","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","focarPasso","passoEmFoco","useHoveredBand","trechos","useMemo","cores","resolveSeriesColors","dominio","domainOf","trecho","rotulosDeValor","valueLabelsFor","margins","plot","rotation","cartesianLayout","valueLabelRoom","escalaPassos","bandScale","_","indice","faixaDe","escalaAlvo","linearScale","minimo","maximo","useTweenedNumbers","escalaValores","marcasDeValor","ticksFor","marcasPassos","marcasValor","valor","rotuloDe","jsxs","CartesianFrame","jsx","BandCursor","nivel","styles","topo","altura","roundedBarPath"],"mappings":"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"}
+{"version":3,"file":"ChartWaterfall.js","sources":["../../../../src/components/charts/ChartWaterfall/ChartWaterfall.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  BandCursor,\n  markShown,\n  CartesianFrame,\n  useCartesianLayout,\n  chartHeight,\n  roundedBarPath,\n  useChartMetrics,\n  useHoveredBand,\n  useTweenedNumbers,\n  valueLabelRoom,\n  valueLabelsFor,\n  type AxisLabelAngle,\n  type AxisTick,\n  type AxisVisibility,\n  type MarkVisibility,\n  type ChartHeight,\n} from '../core';\nimport { resolveSeriesColors, type SeriesIntent } from '../palette';\nimport { bandScale, domainOf, linearScale, ticksFor } from '../scales';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartWaterfall.module.css';\n\nexport interface ChartWaterfallStep {\n  color?: string;\n  intent?: SeriesIntent;\n  label: string;\n  total?: boolean;\n  value: number;\n}\n\nexport interface ChartWaterfallProps {\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  height?: ChartHeight;\n  labelAngle?: AxisLabelAngle;\n  /** Indice do passo sob o ponteiro, ou `null` ao sair dele. */\n  onHoverStep?: (index: number | null) => void;\n  /** Variacao acima de cada passo. Em `onHover`, so a do passo sob o ponteiro. */\n  showDataLabels?: MarkVisibility;\n  /** Balao com a variacao do passo sob o ponteiro e o acumulado ate ele. Desligue para montar o proprio `ChartTooltip`. */\n  showTooltip?: boolean;\n  steps: readonly ChartWaterfallStep[];\n  title: string;\n  xAxis?: AxisVisibility;\n  yAxis?: AxisVisibility;\n  yAxisRight?: AxisVisibility;\n}\n\ninterface Trecho {\n  fim: number;\n  inicio: number;\n}\n\n/**\n * Cada passo ocupa a faixa entre o acumulado anterior e o novo acumulado; o total parte do zero, porque\n * fecha a conta. Passo invalido e ausente: nao se desenha nem move o acumulado.\n */\nfunction trechosDe(steps: readonly ChartWaterfallStep[]): (Trecho | null)[] {\n  let acumulado = 0;\n\n  return steps.map((passo) => {\n    if (!Number.isFinite(passo.value)) {\n      return null;\n    }\n\n    const inicio = passo.total ? 0 : acumulado;\n    const fim = inicio + passo.value;\n    acumulado = fim;\n\n    return { inicio, fim };\n  });\n}\n\n/** Passo sem intencao declarada recebe a do seu sinal. Total e fechamento, nao aporte. */\nfunction intencaoDe(step: ChartWaterfallStep): SeriesIntent {\n  if (step.intent) {\n    return step.intent;\n  }\n\n  if (step.total) {\n    return 'neutral';\n  }\n\n  return step.value < 0 ? 'negative' : 'positive';\n}\n\n/**\n * O sinal e do grafico, nao do formatador: ele formata a magnitude. Delegar o\n * sinal perderia a variacao com qualquer formatador que exiba apenas o valor.\n */\nfunction comSinal(value: number, formatValue: (value: number) => string) {\n  if (value === 0) {\n    return formatValue(0);\n  }\n\n  return `${value < 0 ? '-' : '+'}${formatValue(Math.abs(value))}`;\n}\n\nexport function ChartWaterfall({\n  emptyMessage = 'Sem dados no período',\n  formatTooltipValue,\n  formatValue = formatarNumero,\n  height = 280,\n  labelAngle = 'auto',\n  onHoverStep,\n  showDataLabels = 'visible',\n  showTooltip = true,\n  steps,\n  title,\n  xAxis = 'visible',\n  yAxis = 'visible',\n  yAxisRight = 'hidden',\n}: ChartWaterfallProps) {\n  const { font, height: alturaMedida, radius: raioDoCanto, ref, width } = useChartMetrics();\n  const { fillHeight, value: alturaDoDesenho } = chartHeight(height, alturaMedida);\n  const { hover: focarPasso, hovered: passoEmFoco } = useHoveredBand(onHoverStep);\n\n  const trechos = useMemo(() => trechosDe(steps), [steps]);\n\n  const cores = useMemo(\n    () => resolveSeriesColors(steps.map((passo) => ({ color: passo.color, intent: intencaoDe(passo) }))),\n    [steps],\n  );\n\n  const dominio = useMemo(\n    () => domainOf(trechos.flatMap((trecho) => (trecho ? [trecho.inicio, trecho.fim] : []))),\n    [trechos],\n  );\n\n  const rotulosDeValor = valueLabelsFor(dominio, alturaDoDesenho, formatValue);\n\n  const { axisReveal, margins, plot, rotation } = useCartesianLayout({\n    bottomLabels: steps.map((passo) => passo.label),\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  // A faixa e indexada pela posicao, nao pelo rotulo: numa sequencia de passos o\n  // mesmo rotulo pode repetir, e a escala categorica funde dominios iguais.\n  const escalaPassos = useMemo(\n    () => bandScale({ domain: steps.map((_, indice) => String(indice)), range: [0, plot.width] }),\n    [plot.width, steps],\n  );\n\n  const faixaDe = (indice: number) => escalaPassos(String(indice)) ?? 0;\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 marcasPassos: AxisTick[] = steps.map((passo, indice) => ({\n    label: passo.label,\n    position: faixaDe(indice) + escalaPassos.bandwidth() / 2,\n  }));\n\n  const marcasValor: AxisTick[] = marcasDeValor.map((valor) => ({\n    label: formatValue(valor),\n    position: escalaValores(valor),\n  }));\n\n  function rotuloDe(passo: ChartWaterfallStep) {\n    return passo.total ? formatValue(passo.value) : comSinal(passo.value, formatValue);\n  }\n\n  /** O passo diz quanto mudou; o acumulado, onde a conta ficou. O total ja e o proprio acumulado. */\n  function linhasDoBalao(indice: number | null) {\n    if (indice === null || !trechos[indice]) {\n      return [];\n    }\n\n    const passo = steps[indice];\n\n    if (passo.total) {\n      return [{ color: cores[indice], label: 'Total', values: [passo.value] }];\n    }\n\n    return [\n      { color: cores[indice], format: (valor: number) => comSinal(valor, formatTooltipValue ?? formatValue), label: 'Variação', values: [passo.value] },\n      { label: 'Acumulado', values: [trechos[indice].fim] },\n    ];\n  }\n\n  return (\n    <CartesianFrame\n      axisReveal={axisReveal}\n      containerRef={ref}\n      empty={steps.length === 0}\n      emptyMessage={emptyMessage}\n      grid={[\n        {\n          baseline: escalaValores(0),\n          lines: marcasDeValor.map((valor) => escalaValores(valor)),\n          orientation: 'horizontal',\n        },\n      ]}\n      fillHeight={fillHeight}\n      height={alturaDoDesenho}\n      legendPosition=\"none\"\n      margins={margins}\n      plot={plot}\n      title={title}\n      tooltip={\n        showTooltip\n          ? {\n              columns: [{ format: formatTooltipValue ?? formatValue }],\n              computed: 'none',\n              rows: linhasDoBalao(passoEmFoco),\n              title: passoEmFoco === null ? undefined : steps[passoEmFoco]?.label,\n            }\n          : undefined\n      }\n      width={width}\n      xAxis={{ labelRotation: rotation, ticks: marcasPassos, visibility: xAxis }}\n      yAxis={{ hideLine: true, ticks: marcasValor, visibility: yAxis }}\n      yAxisRight={{ hideLine: true, ticks: marcasValor, visibility: yAxisRight }}\n    >\n      {passoEmFoco !== null && (\n        <BandCursor offset={faixaDe(passoEmFoco)} plot={plot} size={escalaPassos.bandwidth()} />\n      )}\n\n      <g aria-hidden=\"true\">\n        {trechos.slice(0, -1).map((trecho, indice) => {\n          if (!trecho || !trechos[indice + 1]) {\n            return null;\n          }\n\n          const nivel = escalaValores(trecho.fim);\n\n          return (\n            <line\n              className={styles.connector}\n              key={indice}\n              x1={faixaDe(indice) + escalaPassos.bandwidth()}\n              x2={faixaDe(indice + 1)}\n              y1={nivel}\n              y2={nivel}\n            />\n          );\n        })}\n      </g>\n\n      {steps.map((passo, indice) => {\n        const trecho = trechos[indice];\n\n        if (!trecho) {\n          return null;\n        }\n\n        const topo = Math.min(escalaValores(trecho.inicio), escalaValores(trecho.fim));\n        const altura = Math.abs(escalaValores(trecho.fim) - escalaValores(trecho.inicio));\n\n        return (\n          <path\n            aria-label={`${passo.label}: ${rotuloDe(passo)}`}\n            className={styles.bar}\n            d={roundedBarPath(faixaDe(indice), topo, escalaPassos.bandwidth(), altura, [\n              raioDoCanto,\n              raioDoCanto,\n              raioDoCanto,\n              raioDoCanto,\n            ])}\n            fill={cores[indice]}\n            key={indice}\n            onMouseEnter={() => focarPasso(indice)}\n            onMouseLeave={() => focarPasso(null)}\n          />\n        );\n      })}\n\n      {showDataLabels !== 'hidden' &&\n        steps.map((passo, indice) => {\n          const trecho = trechos[indice];\n\n          if (!trecho) {\n            return null;\n          }\n\n          const topo = Math.min(escalaValores(trecho.inicio), escalaValores(trecho.fim));\n\n          return (\n            <text\n              className={`${styles.valueLabel} ${markShown(showDataLabels, indice === passoEmFoco) ? '' : styles.valueLabelHidden}`}\n              key={indice}\n              textAnchor=\"middle\"\n              x={faixaDe(indice) + escalaPassos.bandwidth() / 2}\n              y={topo - 6}\n            >\n              {rotuloDe(passo)}\n            </text>\n          );\n        })}\n    </CartesianFrame>\n  );\n}\n"],"names":["trechosDe","steps","acumulado","passo","inicio","fim","intencaoDe","step","comSinal","value","formatValue","ChartWaterfall","emptyMessage","formatTooltipValue","formatarNumero","height","labelAngle","onHoverStep","showDataLabels","showTooltip","title","xAxis","yAxis","yAxisRight","font","alturaMedida","raioDoCanto","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","focarPasso","passoEmFoco","useHoveredBand","trechos","useMemo","cores","resolveSeriesColors","dominio","domainOf","trecho","rotulosDeValor","valueLabelsFor","axisReveal","margins","plot","rotation","useCartesianLayout","valueLabelRoom","escalaPassos","bandScale","_","indice","faixaDe","escalaAlvo","linearScale","minimo","maximo","useTweenedNumbers","escalaValores","marcasDeValor","ticksFor","marcasPassos","marcasValor","valor","rotuloDe","linhasDoBalao","jsxs","CartesianFrame","_a","jsx","BandCursor","nivel","styles","topo","altura","roundedBarPath","markShown"],"mappings":"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"}

package/dist/components/charts/ChartWaterfall/ChartWaterfall.module.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_bar_1fyqf_1",a="_connector_1fyqf_6",l="_valueLabel_1fyqf_12 _valueLabel_141iy_124",o={bar:e,connector:a,valueLabel:l};exports.bar=e;exports.connector=a;exports.default=o;exports.valueLabel=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_bar_29l4p_1",l="_connector_29l4p_6",a="_valueLabel_29l4p_12 _valueLabel_yf6oe_103",n="_valueLabelHidden_29l4p_16 _valueLabelHidden_yf6oe_116",o={bar:e,connector:l,valueLabel:a,valueLabelHidden:n};exports.bar=e;exports.connector=l;exports.default=o;exports.valueLabel=a;exports.valueLabelHidden=n;
 //# sourceMappingURL=ChartWaterfall.module.css.cjs.map

package/dist/components/charts/ChartWaterfall/ChartWaterfall.module.css.js

@@ -1,12 +1,14 @@
-const e = "_bar_1fyqf_1", a = "_connector_1fyqf_6", _ = "_valueLabel_1fyqf_12 _valueLabel_141iy_124", o = {
+const e = "_bar_29l4p_1", l = "_connector_29l4p_6", a = "_valueLabel_29l4p_12 _valueLabel_yf6oe_103", _ = "_valueLabelHidden_29l4p_16 _valueLabelHidden_yf6oe_116", n = {
   bar: e,
-  connector: a,
-  valueLabel: _
+  connector: l,
+  valueLabel: a,
+  valueLabelHidden: _
 };
 export {
   e as bar,
-  a as connector,
-  o as default,
-  _ as valueLabel
+  l as connector,
+  n as default,
+  a as valueLabel,
+  _ as valueLabelHidden
 };
 //# sourceMappingURL=ChartWaterfall.module.css.js.map

package/dist/components/charts/ChartWaterfall/ChartWaterfall.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartWaterfall.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"ChartWaterfall.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/charts/core/CartesianFrame.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),$=require("./Axis.cjs"),q=require("./ChartFrame.cjs"),v=require("./Grid.cjs"),o=require("./Chart.module.css.cjs"),L={bottom:o.default.slideUp,left:o.default.slideRight,right:o.default.slideLeft};function u({axis:i,gutter:n,length:c,orientation:a}){const l=i.visibility??"visible";if(l==="hidden")return null;const h=l==="onHover",d=t.jsx($.Axis,{hideLine:i.hideLine,labelRotation:i.labelRotation,length:c,orientation:a,ticks:i.ticks});return h?t.jsxs("g",{className:`${o.default.dynamicAxis} ${L[a]}`,children:[t.jsx("rect",{className:o.default.gutter,height:n.height,width:n.width,x:n.x,y:n.y}),d]}):d}function E({children:i,containerRef:n,empty:c,emptyMessage:a,fillHeight:l,grid:h,height:d,legend:f,legendAlign:g,legendPosition:m,margins:r,onToggleSeries:j,plot:e,title:b,width:w,xAxis:y,yAxis:C,yAxisRight:x}){return t.jsx(q.ChartFrame,{containerRef:n,empty:c,emptyMessage:a,fillHeight:l,height:d,legend:f,legendAlign:g,legendPosition:m,minLegendEntries:2,onToggleSeries:j,title:b,width:w,children:t.jsxs("g",{transform:`translate(${r.left} ${r.top})`,children:[h==null?void 0:h.map(s=>t.jsx(v.Grid,{baseline:s.baseline,length:s.orientation==="horizontal"?e.width:e.height,lines:s.lines,orientation:s.orientation},s.orientation)),i,t.jsx("g",{transform:`translate(0 ${e.height})`,children:t.jsx(u,{axis:y,gutter:{height:r.bottom,width:e.width,x:0,y:0},length:e.width,orientation:"bottom"})}),t.jsx(u,{axis:C,gutter:{height:e.height,width:r.left,x:-r.left,y:0},length:e.height,orientation:"left"}),x&&t.jsx("g",{transform:`translate(${e.width} 0)`,children:t.jsx(u,{axis:x,gutter:{height:e.height,width:r.right,x:0,y:0},length:e.height,orientation:"right"})})]})})}exports.CartesianFrame=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),F=require("./Axis.cjs"),w=require("./ChartFrame.cjs"),A=require("./Grid.cjs"),f=require("./Chart.module.css.cjs");function a({axis:t,length:s,orientation:c,revealed:h}){const o=t.visibility??"visible";if(o==="hidden")return null;const d=o==="onHover",i=n.jsx(F.Axis,{hideLine:t.hideLine,labelRotation:t.labelRotation,length:s,orientation:c,ticks:t.ticks});return d?n.jsx("g",{className:`${f.default.dynamicAxis} ${h?f.default.dynamicAxisRevealed:""}`,children:i}):i}function k({axisReveal:t,children:s,containerRef:c,empty:h,emptyMessage:o,fillHeight:d,grid:i,height:j,legend:b,legendAlign:g,legendPosition:$,margins:m,onToggleSeries:q,plot:e,title:y,tooltip:C,width:L,xAxis:P,yAxis:E,yAxisRight:l}){const u=(t==null?void 0:t.revealed)??!1;return n.jsx(w.ChartFrame,{containerRef:c,empty:h,emptyMessage:o,fillHeight:d,height:j,legend:b,legendAlign:g,legendPosition:$,minLegendEntries:2,onPointerEnter:t==null?void 0:t.onPointerEnter,onPointerLeave:t==null?void 0:t.onPointerLeave,onToggleSeries:q,title:y,tooltip:C,width:L,children:n.jsxs("g",{transform:`translate(${m.left} ${m.top})`,children:[i==null?void 0:i.map(r=>n.jsx(A.Grid,{baseline:r.baseline,length:r.orientation==="horizontal"?e.width:e.height,lines:r.lines,orientation:r.orientation},r.orientation)),s,n.jsx("g",{transform:`translate(0 ${e.height})`,children:n.jsx(a,{axis:P,length:e.width,orientation:"bottom",revealed:u})}),n.jsx(a,{axis:E,length:e.height,orientation:"left",revealed:u}),l&&n.jsx("g",{transform:`translate(${e.width} 0)`,children:n.jsx(a,{axis:l,length:e.height,orientation:"right",revealed:u})})]})})}exports.CartesianFrame=k;
 //# sourceMappingURL=CartesianFrame.cjs.map

package/dist/components/charts/core/CartesianFrame.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CartesianFrame.cjs","sources":["../../../../src/components/charts/core/CartesianFrame.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Axis, type AxisOrientation, type AxisTick } from './Axis';\nimport { ChartFrame } from './ChartFrame';\nimport type { ChartLegendAlign, ChartLegendEntry, ChartLegendPosition } from './ChartLegend';\nimport { Grid, type GridOrientation } from './Grid';\nimport type { AxisLabelRotation, AxisVisibility, ChartMargins, ChartPlot } from './cartesianLayout';\nimport styles from './Chart.module.css';\n\nexport interface CartesianAxis {\n  hideLine?: boolean;\n  labelRotation?: AxisLabelRotation;\n  ticks: readonly AxisTick[];\n  visibility?: AxisVisibility;\n}\n\nexport interface CartesianGrid {\n  baseline?: number;\n  lines: readonly number[];\n  orientation: GridOrientation;\n}\n\nexport interface CartesianFrameProps {\n  children: ReactNode;\n  containerRef: (node: HTMLElement | null) => void;\n  empty: boolean;\n  emptyMessage: string;\n  fillHeight: boolean;\n  grid?: readonly CartesianGrid[];\n  height: number;\n  legend?: readonly ChartLegendEntry[];\n  legendAlign?: ChartLegendAlign;\n  legendPosition: ChartLegendPosition;\n  margins: ChartMargins;\n  onToggleSeries?: (label: string) => void;\n  plot: ChartPlot;\n  title: string;\n  width: number;\n  xAxis: CartesianAxis;\n  yAxis: CartesianAxis;\n  yAxisRight?: CartesianAxis;\n}\n\nconst DESLIZE: Record<AxisOrientation, string> = {\n  bottom: styles.slideUp,\n  left: styles.slideRight,\n  right: styles.slideLeft,\n};\n\ninterface EixoProps {\n  axis: CartesianAxis;\n  gutter: { height: number; width: number; x: number; y: number };\n  length: number;\n  orientation: AxisOrientation;\n}\n\n/**\n * Um eixo e a sua calha. No modo `onHover` a calha e um alvo transparente: o\n * eixo desliza para dentro dela depois de um instante de ponteiro parado, e sai\n * na hora em que o ponteiro deixa a area.\n */\nfunction EixoComCalha({ axis, gutter, length, orientation }: EixoProps) {\n  const visibility = axis.visibility ?? 'visible';\n\n  if (visibility === 'hidden') {\n    return null;\n  }\n\n  const dinamico = visibility === 'onHover';\n  const eixo = (\n    <Axis\n      hideLine={axis.hideLine}\n      labelRotation={axis.labelRotation}\n      length={length}\n      orientation={orientation}\n      ticks={axis.ticks}\n    />\n  );\n\n  if (!dinamico) {\n    return eixo;\n  }\n\n  return (\n    <g className={`${styles.dynamicAxis} ${DESLIZE[orientation]}`}>\n      <rect\n        className={styles.gutter}\n        height={gutter.height}\n        width={gutter.width}\n        x={gutter.x}\n        y={gutter.y}\n      />\n      {eixo}\n    </g>\n  );\n}\n\n/**\n * Camada cartesiana sobre a moldura comum: grade, os dois eixos e as marcas,\n * todos dentro das margens ja calculadas a partir dos rotulos.\n */\nexport function CartesianFrame({\n  children,\n  containerRef,\n  empty,\n  emptyMessage,\n  fillHeight,\n  grid,\n  height,\n  legend,\n  legendAlign,\n  legendPosition,\n  margins,\n  onToggleSeries,\n  plot,\n  title,\n  width,\n  xAxis,\n  yAxis,\n  yAxisRight,\n}: CartesianFrameProps) {\n  return (\n    <ChartFrame\n      containerRef={containerRef}\n      empty={empty}\n      emptyMessage={emptyMessage}\n      fillHeight={fillHeight}\n      height={height}\n      legend={legend}\n      legendAlign={legendAlign}\n      legendPosition={legendPosition}\n      minLegendEntries={2}\n      onToggleSeries={onToggleSeries}\n      title={title}\n      width={width}\n    >\n      <g transform={`translate(${margins.left} ${margins.top})`}>\n        {grid?.map((linhas) => (\n          <Grid\n            baseline={linhas.baseline}\n            key={linhas.orientation}\n            length={linhas.orientation === 'horizontal' ? plot.width : plot.height}\n            lines={linhas.lines}\n            orientation={linhas.orientation}\n          />\n        ))}\n\n        {children}\n\n        <g transform={`translate(0 ${plot.height})`}>\n          <EixoComCalha\n            axis={xAxis}\n            gutter={{ height: margins.bottom, width: plot.width, x: 0, y: 0 }}\n            length={plot.width}\n            orientation=\"bottom\"\n          />\n        </g>\n\n        <EixoComCalha\n          axis={yAxis}\n          gutter={{ height: plot.height, width: margins.left, x: -margins.left, y: 0 }}\n          length={plot.height}\n          orientation=\"left\"\n        />\n\n        {yAxisRight && (\n          <g transform={`translate(${plot.width} 0)`}>\n            <EixoComCalha\n              axis={yAxisRight}\n              gutter={{ height: plot.height, width: margins.right, x: 0, y: 0 }}\n              length={plot.height}\n              orientation=\"right\"\n            />\n          </g>\n        )}\n      </g>\n    </ChartFrame>\n  );\n}\n"],"names":["DESLIZE","styles","EixoComCalha","axis","gutter","length","orientation","visibility","dinamico","eixo","jsx","Axis","jsxs","CartesianFrame","children","containerRef","empty","emptyMessage","fillHeight","grid","height","legend","legendAlign","legendPosition","margins","onToggleSeries","plot","title","width","xAxis","yAxis","yAxisRight","ChartFrame","linhas","Grid"],"mappings":"uOA0CMA,EAA2C,CAC/C,OAAQC,EAAAA,QAAO,QACf,KAAMA,EAAAA,QAAO,WACb,MAAOA,EAAAA,QAAO,SAChB,EAcA,SAASC,EAAa,CAAE,KAAAC,EAAM,OAAAC,EAAQ,OAAAC,EAAQ,YAAAC,GAA0B,CACtE,MAAMC,EAAaJ,EAAK,YAAc,UAEtC,GAAII,IAAe,SACjB,OAAO,KAGT,MAAMC,EAAWD,IAAe,UAC1BE,EACJC,EAAAA,IAACC,EAAAA,KAAA,CACC,SAAUR,EAAK,SACf,cAAeA,EAAK,cACpB,OAAAE,EACA,YAAAC,EACA,MAAOH,EAAK,KAAA,CAAA,EAIhB,OAAKK,EAKHI,EAAAA,KAAC,IAAA,CAAE,UAAW,GAAGX,EAAAA,QAAO,WAAW,IAAID,EAAQM,CAAW,CAAC,GACzD,SAAA,CAAAI,EAAAA,IAAC,OAAA,CACC,UAAWT,EAAAA,QAAO,OAClB,OAAQG,EAAO,OACf,MAAOA,EAAO,MACd,EAAGA,EAAO,EACV,EAAGA,EAAO,CAAA,CAAA,EAEXK,CAAA,EACH,EAbOA,CAeX,CAMO,SAASI,EAAe,CAC7B,SAAAC,EACA,aAAAC,EACA,MAAAC,EACA,aAAAC,EACA,WAAAC,EACA,KAAAC,EACA,OAAAC,EACA,OAAAC,EACA,YAAAC,EACA,eAAAC,EACA,QAAAC,EACA,eAAAC,EACA,KAAAC,EACA,MAAAC,EACA,MAAAC,EACA,MAAAC,EACA,MAAAC,EACA,WAAAC,CACF,EAAwB,CACtB,OACErB,EAAAA,IAACsB,EAAAA,WAAA,CACC,aAAAjB,EACA,MAAAC,EACA,aAAAC,EACA,WAAAC,EACA,OAAAE,EACA,OAAAC,EACA,YAAAC,EACA,eAAAC,EACA,iBAAkB,EAClB,eAAAE,EACA,MAAAE,EACA,MAAAC,EAEA,SAAAhB,EAAAA,KAAC,KAAE,UAAW,aAAaY,EAAQ,IAAI,IAAIA,EAAQ,GAAG,IACnD,SAAA,CAAAL,GAAA,YAAAA,EAAM,IAAKc,GACVvB,EAAAA,IAACwB,EAAAA,KAAA,CACC,SAAUD,EAAO,SAEjB,OAAQA,EAAO,cAAgB,aAAeP,EAAK,MAAQA,EAAK,OAChE,MAAOO,EAAO,MACd,YAAaA,EAAO,WAAA,EAHfA,EAAO,WAAA,GAOfnB,QAEA,IAAA,CAAE,UAAW,eAAeY,EAAK,MAAM,IACtC,SAAAhB,EAAAA,IAACR,EAAA,CACC,KAAM2B,EACN,OAAQ,CAAE,OAAQL,EAAQ,OAAQ,MAAOE,EAAK,MAAO,EAAG,EAAG,EAAG,CAAA,EAC9D,OAAQA,EAAK,MACb,YAAY,QAAA,CAAA,EAEhB,EAEAhB,EAAAA,IAACR,EAAA,CACC,KAAM4B,EACN,OAAQ,CAAE,OAAQJ,EAAK,OAAQ,MAAOF,EAAQ,KAAM,EAAG,CAACA,EAAQ,KAAM,EAAG,CAAA,EACzE,OAAQE,EAAK,OACb,YAAY,MAAA,CAAA,EAGbK,GACCrB,EAAAA,IAAC,IAAA,CAAE,UAAW,aAAagB,EAAK,KAAK,MACnC,SAAAhB,EAAAA,IAACR,EAAA,CACC,KAAM6B,EACN,OAAQ,CAAE,OAAQL,EAAK,OAAQ,MAAOF,EAAQ,MAAO,EAAG,EAAG,EAAG,CAAA,EAC9D,OAAQE,EAAK,OACb,YAAY,OAAA,CAAA,CACd,CACF,CAAA,CAAA,CAEJ,CAAA,CAAA,CAGN"}
+{"version":3,"file":"CartesianFrame.cjs","sources":["../../../../src/components/charts/core/CartesianFrame.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Axis, type AxisOrientation, type AxisTick } from './Axis';\nimport { ChartFrame } from './ChartFrame';\nimport type { ChartLegendAlign, ChartLegendEntry, ChartLegendPosition } from './ChartLegend';\nimport type { ChartFrameProps } from './ChartFrame';\nimport { Grid, type GridOrientation } from './Grid';\nimport type { AxisLabelRotation, AxisVisibility, ChartMargins, ChartPlot } from './cartesianLayout';\nimport type { AxisReveal } from './useCartesianLayout';\nimport styles from './Chart.module.css';\n\nexport interface CartesianAxis {\n  hideLine?: boolean;\n  labelRotation?: AxisLabelRotation;\n  ticks: readonly AxisTick[];\n  visibility?: AxisVisibility;\n}\n\nexport interface CartesianGrid {\n  baseline?: number;\n  lines: readonly number[];\n  orientation: GridOrientation;\n}\n\nexport interface CartesianFrameProps {\n  /** Estado e gatilhos dos eixos `onHover`, vindos de `useCartesianLayout`. */\n  axisReveal?: AxisReveal;\n  children: ReactNode;\n  containerRef: (node: HTMLElement | null) => void;\n  empty: boolean;\n  emptyMessage: string;\n  fillHeight: boolean;\n  grid?: readonly CartesianGrid[];\n  height: number;\n  legend?: readonly ChartLegendEntry[];\n  legendAlign?: ChartLegendAlign;\n  legendPosition: ChartLegendPosition;\n  margins: ChartMargins;\n  onToggleSeries?: (label: string) => void;\n  plot: ChartPlot;\n  title: string;\n  tooltip?: ChartFrameProps['tooltip'];\n  width: number;\n  xAxis: CartesianAxis;\n  yAxis: CartesianAxis;\n  yAxisRight?: CartesianAxis;\n}\n\ninterface EixoProps {\n  axis: CartesianAxis;\n  length: number;\n  orientation: AxisOrientation;\n  revealed: boolean;\n}\n\n/** No modo `onHover` o eixo aparece enquanto o desenho encolhe para abrir a calha dele, e some na hora de sair. */\nfunction EixoDinamico({ axis, length, orientation, revealed }: EixoProps) {\n  const visibility = axis.visibility ?? 'visible';\n\n  if (visibility === 'hidden') {\n    return null;\n  }\n\n  const dinamico = visibility === 'onHover';\n  const eixo = (\n    <Axis\n      hideLine={axis.hideLine}\n      labelRotation={axis.labelRotation}\n      length={length}\n      orientation={orientation}\n      ticks={axis.ticks}\n    />\n  );\n\n  if (!dinamico) {\n    return eixo;\n  }\n\n  return <g className={`${styles.dynamicAxis} ${revealed ? styles.dynamicAxisRevealed : ''}`}>{eixo}</g>;\n}\n\n/**\n * Camada cartesiana sobre a moldura comum: grade, os dois eixos e as marcas,\n * todos dentro das margens ja calculadas a partir dos rotulos.\n */\nexport function CartesianFrame({\n  axisReveal,\n  children,\n  containerRef,\n  empty,\n  emptyMessage,\n  fillHeight,\n  grid,\n  height,\n  legend,\n  legendAlign,\n  legendPosition,\n  margins,\n  onToggleSeries,\n  plot,\n  title,\n  tooltip,\n  width,\n  xAxis,\n  yAxis,\n  yAxisRight,\n}: CartesianFrameProps) {\n  const revealed = axisReveal?.revealed ?? false;\n\n  return (\n    <ChartFrame\n      containerRef={containerRef}\n      empty={empty}\n      emptyMessage={emptyMessage}\n      fillHeight={fillHeight}\n      height={height}\n      legend={legend}\n      legendAlign={legendAlign}\n      legendPosition={legendPosition}\n      minLegendEntries={2}\n      onPointerEnter={axisReveal?.onPointerEnter}\n      onPointerLeave={axisReveal?.onPointerLeave}\n      onToggleSeries={onToggleSeries}\n      title={title}\n      tooltip={tooltip}\n      width={width}\n    >\n      <g transform={`translate(${margins.left} ${margins.top})`}>\n        {grid?.map((linhas) => (\n          <Grid\n            baseline={linhas.baseline}\n            key={linhas.orientation}\n            length={linhas.orientation === 'horizontal' ? plot.width : plot.height}\n            lines={linhas.lines}\n            orientation={linhas.orientation}\n          />\n        ))}\n\n        {children}\n\n        <g transform={`translate(0 ${plot.height})`}>\n          <EixoDinamico axis={xAxis} length={plot.width} orientation=\"bottom\" revealed={revealed} />\n        </g>\n\n        <EixoDinamico axis={yAxis} length={plot.height} orientation=\"left\" revealed={revealed} />\n\n        {yAxisRight && (\n          <g transform={`translate(${plot.width} 0)`}>\n            <EixoDinamico axis={yAxisRight} length={plot.height} orientation=\"right\" revealed={revealed} />\n          </g>\n        )}\n      </g>\n    </ChartFrame>\n  );\n}\n"],"names":["EixoDinamico","axis","length","orientation","revealed","visibility","dinamico","eixo","jsx","Axis","styles","CartesianFrame","axisReveal","children","containerRef","empty","emptyMessage","fillHeight","grid","height","legend","legendAlign","legendPosition","margins","onToggleSeries","plot","title","tooltip","width","xAxis","yAxis","yAxisRight","ChartFrame","jsxs","linhas","Grid"],"mappings":"uOAuDA,SAASA,EAAa,CAAE,KAAAC,EAAM,OAAAC,EAAQ,YAAAC,EAAa,SAAAC,GAAuB,CACxE,MAAMC,EAAaJ,EAAK,YAAc,UAEtC,GAAII,IAAe,SACjB,OAAO,KAGT,MAAMC,EAAWD,IAAe,UAC1BE,EACJC,EAAAA,IAACC,EAAAA,KAAA,CACC,SAAUR,EAAK,SACf,cAAeA,EAAK,cACpB,OAAAC,EACA,YAAAC,EACA,MAAOF,EAAK,KAAA,CAAA,EAIhB,OAAKK,EAIEE,EAAAA,IAAC,IAAA,CAAE,UAAW,GAAGE,EAAAA,QAAO,WAAW,IAAIN,EAAWM,EAAAA,QAAO,oBAAsB,EAAE,GAAK,SAAAH,EAAK,EAHzFA,CAIX,CAMO,SAASI,EAAe,CAC7B,WAAAC,EACA,SAAAC,EACA,aAAAC,EACA,MAAAC,EACA,aAAAC,EACA,WAAAC,EACA,KAAAC,EACA,OAAAC,EACA,OAAAC,EACA,YAAAC,EACA,eAAAC,EACA,QAAAC,EACA,eAAAC,EACA,KAAAC,EACA,MAAAC,EACA,QAAAC,EACA,MAAAC,EACA,MAAAC,EACA,MAAAC,EACA,WAAAC,CACF,EAAwB,CACtB,MAAM3B,GAAWQ,GAAA,YAAAA,EAAY,WAAY,GAEzC,OACEJ,EAAAA,IAACwB,EAAAA,WAAA,CACC,aAAAlB,EACA,MAAAC,EACA,aAAAC,EACA,WAAAC,EACA,OAAAE,EACA,OAAAC,EACA,YAAAC,EACA,eAAAC,EACA,iBAAkB,EAClB,eAAgBV,GAAA,YAAAA,EAAY,eAC5B,eAAgBA,GAAA,YAAAA,EAAY,eAC5B,eAAAY,EACA,MAAAE,EACA,QAAAC,EACA,MAAAC,EAEA,SAAAK,EAAAA,KAAC,KAAE,UAAW,aAAaV,EAAQ,IAAI,IAAIA,EAAQ,GAAG,IACnD,SAAA,CAAAL,GAAA,YAAAA,EAAM,IAAKgB,GACV1B,EAAAA,IAAC2B,EAAAA,KAAA,CACC,SAAUD,EAAO,SAEjB,OAAQA,EAAO,cAAgB,aAAeT,EAAK,MAAQA,EAAK,OAChE,MAAOS,EAAO,MACd,YAAaA,EAAO,WAAA,EAHfA,EAAO,WAAA,GAOfrB,QAEA,IAAA,CAAE,UAAW,eAAeY,EAAK,MAAM,IACtC,SAAAjB,EAAAA,IAACR,EAAA,CAAa,KAAM6B,EAAO,OAAQJ,EAAK,MAAO,YAAY,SAAS,SAAArB,EAAoB,EAC1F,EAEAI,EAAAA,IAACR,GAAa,KAAM8B,EAAO,OAAQL,EAAK,OAAQ,YAAY,OAAO,SAAArB,CAAA,CAAoB,EAEtF2B,GACCvB,EAAAA,IAAC,IAAA,CAAE,UAAW,aAAaiB,EAAK,KAAK,MACnC,SAAAjB,MAACR,EAAA,CAAa,KAAM+B,EAAY,OAAQN,EAAK,OAAQ,YAAY,QAAQ,SAAArB,EAAoB,CAAA,CAC/F,CAAA,CAAA,CAEJ,CAAA,CAAA,CAGN"}