@plenustech/design-system 0.2.2 → 0.2.4

package/dist/components/charts/core/ChartLegend.js

@@ -1,44 +1,56 @@
-import { jsx as n, jsxs as h, Fragment as g } from "react/jsx-runtime";
+import { jsx as s, jsxs as i, Fragment as b } from "react/jsx-runtime";
 import e from "./Chart.module.css.js";
-const u = {
+const f = {
   left: e.legendLeft,
   center: e.legendCenter,
   right: e.legendRight
 };
-function p({
-  align: c = "center",
-  entries: r,
-  onToggle: t,
-  position: s,
-  swatch: i = "square"
+function $({
+  align: t = "center",
+  entries: a,
+  onHighlight: n,
+  onToggle: c,
+  position: r,
+  swatch: o = "square"
 }) {
-  const a = s === "left" || s === "right";
-  return /* @__PURE__ */ n("ul", { className: `${e.legend} ${a ? e.legendSide : u[c]}`, children: r.map((l, o) => {
-    const d = /* @__PURE__ */ h(g, { children: [
-      /* @__PURE__ */ n(
+  const u = r === "left" || r === "right";
+  return /* @__PURE__ */ s("ul", { className: `${e.legend} ${u ? e.legendSide : f[t]}`, children: a.map((l, m) => {
+    const d = /* @__PURE__ */ i(b, { children: [
+      /* @__PURE__ */ s(
         "span",
         {
           "aria-hidden": "true",
-          className: `${e.swatch} ${i === "dot" ? e.swatchDot : ""}`,
+          className: `${e.swatch} ${o === "dot" ? e.swatchDot : ""}`,
           style: l.hidden ? void 0 : { background: l.color }
         }
       ),
-      /* @__PURE__ */ n("span", { className: e.legendLabel, children: l.label }),
-      l.value !== void 0 && /* @__PURE__ */ n("span", { className: e.legendValue, children: l.value })
+      /* @__PURE__ */ s("span", { className: e.legendLabel, children: l.label }),
+      l.value !== void 0 && /* @__PURE__ */ s("span", { className: e.legendValue, children: l.value })
     ] });
-    return /* @__PURE__ */ n("li", { className: e.legendItem, children: t ? /* @__PURE__ */ n(
-      "button",
+    return /* @__PURE__ */ s(
+      "li",
       {
-        "aria-pressed": !l.hidden,
-        className: `${e.legendButton} ${l.hidden ? e.legendOff : ""}`,
-        onClick: () => t(l.label),
-        type: "button",
-        children: d
-      }
-    ) : d }, o);
+        className: e.legendItem,
+        onBlur: n && (() => n(null)),
+        onFocus: n && (() => n(l.label)),
+        onPointerEnter: n && (() => n(l.label)),
+        onPointerLeave: n && (() => n(null)),
+        children: c ? /* @__PURE__ */ s(
+          "button",
+          {
+            "aria-pressed": !l.hidden,
+            className: `${e.legendButton} ${l.hidden ? e.legendOff : ""}`,
+            onClick: () => c(l.label),
+            type: "button",
+            children: d
+          }
+        ) : d
+      },
+      m
+    );
   }) });
 }
 export {
-  p as ChartLegend
+  $ as ChartLegend
 };
 //# sourceMappingURL=ChartLegend.js.map

package/dist/components/charts/core/ChartLegend.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartLegend.js","sources":["../../../../src/components/charts/core/ChartLegend.tsx"],"sourcesContent":["import styles from './Chart.module.css';\n\nexport type ChartLegendPosition = 'top' | 'bottom' | 'left' | 'right' | 'none';\n\nexport interface ChartLegendEntry {\n  color: string;\n  hidden?: boolean;\n  label: string;\n  /** Medida da entrada, alinhada a direita. Serve a legenda em lista do anel. */\n  value?: string;\n}\n\nexport type ChartLegendSwatch = 'square' | 'dot';\n\n/** Onde a legenda horizontal se apoia na largura do grafico. */\nexport type ChartLegendAlign = 'left' | 'center' | 'right';\n\nconst ALINHAMENTO: Record<ChartLegendAlign, string> = {\n  left: styles.legendLeft,\n  center: styles.legendCenter,\n  right: styles.legendRight,\n};\n\ninterface ChartLegendProps {\n  align?: ChartLegendAlign;\n  entries: readonly ChartLegendEntry[];\n  onToggle?: (label: string) => void;\n  position: ChartLegendPosition;\n  swatch?: ChartLegendSwatch;\n}\n\n/**\n * Legenda do grafico. Quando existe um alvo para o clique, cada entrada vira um\n * botao que liga e desliga a serie, com o estado exposto por `aria-pressed`.\n */\nexport function ChartLegend({\n  align = 'center',\n  entries,\n  onToggle,\n  position,\n  swatch = 'square',\n}: ChartLegendProps) {\n  const lateral = position === 'left' || position === 'right';\n\n  return (\n    <ul className={`${styles.legend} ${lateral ? styles.legendSide : ALINHAMENTO[align]}`}>\n      {entries.map((entrada, indice) => {\n        const conteudo = (\n          <>\n            <span\n              aria-hidden=\"true\"\n              className={`${styles.swatch} ${swatch === 'dot' ? styles.swatchDot : ''}`}\n              style={entrada.hidden ? undefined : { background: entrada.color }}\n            />\n            <span className={styles.legendLabel}>{entrada.label}</span>\n            {entrada.value !== undefined && <span className={styles.legendValue}>{entrada.value}</span>}\n          </>\n        );\n\n        return (\n          <li className={styles.legendItem} key={indice}>\n            {onToggle ? (\n              <button\n                aria-pressed={!entrada.hidden}\n                className={`${styles.legendButton} ${entrada.hidden ? styles.legendOff : ''}`}\n                onClick={() => onToggle(entrada.label)}\n                type=\"button\"\n              >\n                {conteudo}\n              </button>\n            ) : (\n              conteudo\n            )}\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n"],"names":["ALINHAMENTO","styles","ChartLegend","align","entries","onToggle","position","swatch","lateral","entrada","indice","conteudo","jsxs","Fragment","jsx"],"mappings":";;AAiBA,MAAMA,IAAgD;AAAA,EACpD,MAAMC,EAAO;AAAA,EACb,QAAQA,EAAO;AAAA,EACf,OAAOA,EAAO;AAChB;AAcO,SAASC,EAAY;AAAA,EAC1B,OAAAC,IAAQ;AAAA,EACR,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC,IAAS;AACX,GAAqB;AACnB,QAAMC,IAAUF,MAAa,UAAUA,MAAa;AAEpD,2BACG,MAAA,EAAG,WAAW,GAAGL,EAAO,MAAM,IAAIO,IAAUP,EAAO,aAAaD,EAAYG,CAAK,CAAC,IAChF,YAAQ,IAAI,CAACM,GAASC,MAAW;AAChC,UAAMC,IACJ,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAY;AAAA,UACZ,WAAW,GAAGb,EAAO,MAAM,IAAIM,MAAW,QAAQN,EAAO,YAAY,EAAE;AAAA,UACvE,OAAOQ,EAAQ,SAAS,SAAY,EAAE,YAAYA,EAAQ,MAAA;AAAA,QAAM;AAAA,MAAA;AAAA,wBAEjE,QAAA,EAAK,WAAWR,EAAO,aAAc,YAAQ,OAAM;AAAA,MACnDQ,EAAQ,UAAU,UAAa,gBAAAK,EAAC,UAAK,WAAWb,EAAO,aAAc,UAAAQ,EAAQ,MAAA,CAAM;AAAA,IAAA,GACtF;AAGF,WACE,gBAAAK,EAAC,MAAA,EAAG,WAAWb,EAAO,YACnB,UAAAI,IACC,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,gBAAc,CAACL,EAAQ;AAAA,QACvB,WAAW,GAAGR,EAAO,YAAY,IAAIQ,EAAQ,SAASR,EAAO,YAAY,EAAE;AAAA,QAC3E,SAAS,MAAMI,EAASI,EAAQ,KAAK;AAAA,QACrC,MAAK;AAAA,QAEJ,UAAAE;AAAA,MAAA;AAAA,IAAA,IAGHA,KAXmCD,CAavC;AAAA,EAEJ,CAAC,EAAA,CACH;AAEJ;"}
+{"version":3,"file":"ChartLegend.js","sources":["../../../../src/components/charts/core/ChartLegend.tsx"],"sourcesContent":["import styles from './Chart.module.css';\n\nexport type ChartLegendPosition = 'top' | 'bottom' | 'left' | 'right' | 'none';\n\nexport interface ChartLegendEntry {\n  color: string;\n  hidden?: boolean;\n  label: string;\n  /** Medida da entrada, alinhada a direita. Serve a legenda em lista do anel. */\n  value?: string;\n}\n\nexport type ChartLegendSwatch = 'square' | 'dot';\n\n/** Onde a legenda horizontal se apoia na largura do grafico. */\nexport type ChartLegendAlign = 'left' | 'center' | 'right';\n\nconst ALINHAMENTO: Record<ChartLegendAlign, string> = {\n  left: styles.legendLeft,\n  center: styles.legendCenter,\n  right: styles.legendRight,\n};\n\ninterface ChartLegendProps {\n  align?: ChartLegendAlign;\n  entries: readonly ChartLegendEntry[];\n  /** Entrada sob o ponteiro ou o foco, para o grafico destacar o que ela representa; `null` ao sair. */\n  onHighlight?: (label: string | null) => void;\n  onToggle?: (label: string) => void;\n  position: ChartLegendPosition;\n  swatch?: ChartLegendSwatch;\n}\n\n/**\n * Legenda do grafico. Quando existe um alvo para o clique, cada entrada vira um\n * botao que liga e desliga a serie, com o estado exposto por `aria-pressed`.\n */\nexport function ChartLegend({\n  align = 'center',\n  entries,\n  onHighlight,\n  onToggle,\n  position,\n  swatch = 'square',\n}: ChartLegendProps) {\n  const lateral = position === 'left' || position === 'right';\n\n  return (\n    <ul className={`${styles.legend} ${lateral ? styles.legendSide : ALINHAMENTO[align]}`}>\n      {entries.map((entrada, indice) => {\n        const conteudo = (\n          <>\n            <span\n              aria-hidden=\"true\"\n              className={`${styles.swatch} ${swatch === 'dot' ? styles.swatchDot : ''}`}\n              style={entrada.hidden ? undefined : { background: entrada.color }}\n            />\n            <span className={styles.legendLabel}>{entrada.label}</span>\n            {entrada.value !== undefined && <span className={styles.legendValue}>{entrada.value}</span>}\n          </>\n        );\n\n        return (\n          <li\n            className={styles.legendItem}\n            key={indice}\n            onBlur={onHighlight && (() => onHighlight(null))}\n            onFocus={onHighlight && (() => onHighlight(entrada.label))}\n            onPointerEnter={onHighlight && (() => onHighlight(entrada.label))}\n            onPointerLeave={onHighlight && (() => onHighlight(null))}\n          >\n            {onToggle ? (\n              <button\n                aria-pressed={!entrada.hidden}\n                className={`${styles.legendButton} ${entrada.hidden ? styles.legendOff : ''}`}\n                onClick={() => onToggle(entrada.label)}\n                type=\"button\"\n              >\n                {conteudo}\n              </button>\n            ) : (\n              conteudo\n            )}\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n"],"names":["ALINHAMENTO","styles","ChartLegend","align","entries","onHighlight","onToggle","position","swatch","lateral","entrada","indice","conteudo","jsxs","Fragment","jsx"],"mappings":";;AAiBA,MAAMA,IAAgD;AAAA,EACpD,MAAMC,EAAO;AAAA,EACb,QAAQA,EAAO;AAAA,EACf,OAAOA,EAAO;AAChB;AAgBO,SAASC,EAAY;AAAA,EAC1B,OAAAC,IAAQ;AAAA,EACR,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC,IAAS;AACX,GAAqB;AACnB,QAAMC,IAAUF,MAAa,UAAUA,MAAa;AAEpD,2BACG,MAAA,EAAG,WAAW,GAAGN,EAAO,MAAM,IAAIQ,IAAUR,EAAO,aAAaD,EAAYG,CAAK,CAAC,IAChF,YAAQ,IAAI,CAACO,GAASC,MAAW;AAChC,UAAMC,IACJ,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAY;AAAA,UACZ,WAAW,GAAGd,EAAO,MAAM,IAAIO,MAAW,QAAQP,EAAO,YAAY,EAAE;AAAA,UACvE,OAAOS,EAAQ,SAAS,SAAY,EAAE,YAAYA,EAAQ,MAAA;AAAA,QAAM;AAAA,MAAA;AAAA,wBAEjE,QAAA,EAAK,WAAWT,EAAO,aAAc,YAAQ,OAAM;AAAA,MACnDS,EAAQ,UAAU,UAAa,gBAAAK,EAAC,UAAK,WAAWd,EAAO,aAAc,UAAAS,EAAQ,MAAA,CAAM;AAAA,IAAA,GACtF;AAGF,WACE,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWd,EAAO;AAAA,QAElB,QAAQI,MAAgB,MAAMA,EAAY,IAAI;AAAA,QAC9C,SAASA,MAAgB,MAAMA,EAAYK,EAAQ,KAAK;AAAA,QACxD,gBAAgBL,MAAgB,MAAMA,EAAYK,EAAQ,KAAK;AAAA,QAC/D,gBAAgBL,MAAgB,MAAMA,EAAY,IAAI;AAAA,QAErD,UAAAC,IACC,gBAAAS;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,gBAAc,CAACL,EAAQ;AAAA,YACvB,WAAW,GAAGT,EAAO,YAAY,IAAIS,EAAQ,SAAST,EAAO,YAAY,EAAE;AAAA,YAC3E,SAAS,MAAMK,EAASI,EAAQ,KAAK;AAAA,YACrC,MAAK;AAAA,YAEJ,UAAAE;AAAA,UAAA;AAAA,QAAA,IAGHA;AAAA,MAAA;AAAA,MAhBGD;AAAA,IAAA;AAAA,EAoBX,CAAC,EAAA,CACH;AAEJ;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react/jsx-runtime"),f=require("./Chart.module.css.cjs");function g({onHover:u,onPointerY:t,plot:r,positions:a}){return h.jsx("g",{children:a.map((s,e)=>{const n=e===0?0:(a[e-1]+s)/2,c=e===a.length-1?r.width:(s+a[e+1])/2;return h.jsx("rect",{className:f.default.hoverBand,height:r.height,onMouseEnter:()=>u(e),onMouseLeave:()=>{u(null),t==null||t(null)},onMouseMove:l=>t==null?void 0:t(l.clientY-l.currentTarget.getBoundingClientRect().top),width:Math.max(0,c-n),x:n,y:0},e)})})}function m({plot:u,position:t}){return h.jsx("line",{className:f.default.pointCursor,x1:t,x2:t,y1:0,y2:u.height})}function M(u,t,r,a){if(t===null||r===null)return null;let s=null,e=1/0;return u.forEach((n,c)=>{const l=n[t];l&&!a(c)&&Math.abs(l.y-r)<e&&(e=Math.abs(l.y-r),s=c)}),s}exports.PointBands=g;exports.PointCursor=m;exports.nearestSeriesAt=M;
+//# sourceMappingURL=PointBands.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PointBands.cjs","sources":["../../../../src/components/charts/core/PointBands.tsx"],"sourcesContent":["import type { ChartPlot } from './cartesianLayout';\nimport type { ChartPoint } from './shapes';\nimport styles from './Chart.module.css';\n\nexport interface PointBandsProps {\n  onHover: (index: number | null) => void;\n  /** Altura do ponteiro na area de desenho, para quem escolhe a serie mais proxima dele. */\n  onPointerY?: (y: number | null) => void;\n  plot: ChartPlot;\n  /** Posicao de cada categoria no eixo, na ordem das categorias. */\n  positions: readonly number[];\n}\n\n/**\n * Faixas invisiveis sobre a area de desenho, uma por categoria, que vao do ponto\n * ate o meio do caminho para cada vizinho: o ponteiro sempre cai no ponto mais proximo.\n */\nexport function PointBands({ onHover, onPointerY, plot, positions }: PointBandsProps) {\n  return (\n    <g>\n      {positions.map((position, index) => {\n        const start = index === 0 ? 0 : (positions[index - 1] + position) / 2;\n        const end = index === positions.length - 1 ? plot.width : (position + positions[index + 1]) / 2;\n\n        return (\n          <rect\n            className={styles.hoverBand}\n            height={plot.height}\n            key={index}\n            onMouseEnter={() => onHover(index)}\n            onMouseLeave={() => {\n              onHover(null);\n              onPointerY?.(null);\n            }}\n            onMouseMove={(evento) => onPointerY?.(evento.clientY - evento.currentTarget.getBoundingClientRect().top)}\n            width={Math.max(0, end - start)}\n            x={start}\n            y={0}\n          />\n        );\n      })}\n    </g>\n  );\n}\n\n/** Guia vertical no ponto sob o ponteiro, atras das marcas. */\nexport function PointCursor({ plot, position }: { plot: ChartPlot; position: number }) {\n  return <line className={styles.pointCursor} x1={position} x2={position} y1={0} y2={plot.height} />;\n}\n\n/** A serie visivel com ponto na categoria cujo ponto fica mais perto da altura do ponteiro. */\nexport function nearestSeriesAt(\n  pointsBySeries: readonly (readonly (ChartPoint | null)[])[],\n  category: number | null,\n  y: number | null,\n  isHidden: (seriesIndex: number) => boolean,\n) {\n  if (category === null || y === null) {\n    return null;\n  }\n\n  let maisPerto: number | null = null;\n  let menorDistancia = Infinity;\n\n  pointsBySeries.forEach((pontos, indice) => {\n    const ponto = pontos[category];\n\n    if (ponto && !isHidden(indice) && Math.abs(ponto.y - y) < menorDistancia) {\n      menorDistancia = Math.abs(ponto.y - y);\n      maisPerto = indice;\n    }\n  });\n\n  return maisPerto;\n}\n"],"names":["PointBands","onHover","onPointerY","plot","positions","position","index","start","end","jsx","styles","evento","PointCursor","nearestSeriesAt","pointsBySeries","category","y","isHidden","maisPerto","menorDistancia","pontos","indice","ponto"],"mappings":"yJAiBO,SAASA,EAAW,CAAE,QAAAC,EAAS,WAAAC,EAAY,KAAAC,EAAM,UAAAC,GAA8B,CACpF,aACG,IAAA,CACE,SAAAA,EAAU,IAAI,CAACC,EAAUC,IAAU,CAClC,MAAMC,EAAQD,IAAU,EAAI,GAAKF,EAAUE,EAAQ,CAAC,EAAID,GAAY,EAC9DG,EAAMF,IAAUF,EAAU,OAAS,EAAID,EAAK,OAASE,EAAWD,EAAUE,EAAQ,CAAC,GAAK,EAE9F,OACEG,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,QAAO,UAClB,OAAQP,EAAK,OAEb,aAAc,IAAMF,EAAQK,CAAK,EACjC,aAAc,IAAM,CAClBL,EAAQ,IAAI,EACZC,GAAA,MAAAA,EAAa,KACf,EACA,YAAcS,GAAWT,GAAA,YAAAA,EAAaS,EAAO,QAAUA,EAAO,cAAc,sBAAA,EAAwB,KACpG,MAAO,KAAK,IAAI,EAAGH,EAAMD,CAAK,EAC9B,EAAGA,EACH,EAAG,CAAA,EATED,CAAA,CAYX,CAAC,CAAA,CACH,CAEJ,CAGO,SAASM,EAAY,CAAE,KAAAT,EAAM,SAAAE,GAAmD,CACrF,OAAOI,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,YAAa,GAAIL,EAAU,GAAIA,EAAU,GAAI,EAAG,GAAIF,EAAK,OAAQ,CAClG,CAGO,SAASU,EACdC,EACAC,EACAC,EACAC,EACA,CACA,GAAIF,IAAa,MAAQC,IAAM,KAC7B,OAAO,KAGT,IAAIE,EAA2B,KAC3BC,EAAiB,IAErB,OAAAL,EAAe,QAAQ,CAACM,EAAQC,IAAW,CACzC,MAAMC,EAAQF,EAAOL,CAAQ,EAEzBO,GAAS,CAACL,EAASI,CAAM,GAAK,KAAK,IAAIC,EAAM,EAAIN,CAAC,EAAIG,IACxDA,EAAiB,KAAK,IAAIG,EAAM,EAAIN,CAAC,EACrCE,EAAYG,EAEhB,CAAC,EAEMH,CACT"}

package/dist/components/charts/core/PointBands.js

@@ -0,0 +1,41 @@
+import { jsx as n } from "react/jsx-runtime";
+import m from "./Chart.module.css.js";
+function M({ onHover: r, onPointerY: t, plot: u, positions: a }) {
+  return /* @__PURE__ */ n("g", { children: a.map((h, l) => {
+    const s = l === 0 ? 0 : (a[l - 1] + h) / 2, c = l === a.length - 1 ? u.width : (h + a[l + 1]) / 2;
+    return /* @__PURE__ */ n(
+      "rect",
+      {
+        className: m.hoverBand,
+        height: u.height,
+        onMouseEnter: () => r(l),
+        onMouseLeave: () => {
+          r(null), t == null || t(null);
+        },
+        onMouseMove: (e) => t == null ? void 0 : t(e.clientY - e.currentTarget.getBoundingClientRect().top),
+        width: Math.max(0, c - s),
+        x: s,
+        y: 0
+      },
+      l
+    );
+  }) });
+}
+function y({ plot: r, position: t }) {
+  return /* @__PURE__ */ n("line", { className: m.pointCursor, x1: t, x2: t, y1: 0, y2: r.height });
+}
+function B(r, t, u, a) {
+  if (t === null || u === null)
+    return null;
+  let h = null, l = 1 / 0;
+  return r.forEach((s, c) => {
+    const e = s[t];
+    e && !a(c) && Math.abs(e.y - u) < l && (l = Math.abs(e.y - u), h = c);
+  }), h;
+}
+export {
+  M as PointBands,
+  y as PointCursor,
+  B as nearestSeriesAt
+};
+//# sourceMappingURL=PointBands.js.map

package/dist/components/charts/core/PointBands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PointBands.js","sources":["../../../../src/components/charts/core/PointBands.tsx"],"sourcesContent":["import type { ChartPlot } from './cartesianLayout';\nimport type { ChartPoint } from './shapes';\nimport styles from './Chart.module.css';\n\nexport interface PointBandsProps {\n  onHover: (index: number | null) => void;\n  /** Altura do ponteiro na area de desenho, para quem escolhe a serie mais proxima dele. */\n  onPointerY?: (y: number | null) => void;\n  plot: ChartPlot;\n  /** Posicao de cada categoria no eixo, na ordem das categorias. */\n  positions: readonly number[];\n}\n\n/**\n * Faixas invisiveis sobre a area de desenho, uma por categoria, que vao do ponto\n * ate o meio do caminho para cada vizinho: o ponteiro sempre cai no ponto mais proximo.\n */\nexport function PointBands({ onHover, onPointerY, plot, positions }: PointBandsProps) {\n  return (\n    <g>\n      {positions.map((position, index) => {\n        const start = index === 0 ? 0 : (positions[index - 1] + position) / 2;\n        const end = index === positions.length - 1 ? plot.width : (position + positions[index + 1]) / 2;\n\n        return (\n          <rect\n            className={styles.hoverBand}\n            height={plot.height}\n            key={index}\n            onMouseEnter={() => onHover(index)}\n            onMouseLeave={() => {\n              onHover(null);\n              onPointerY?.(null);\n            }}\n            onMouseMove={(evento) => onPointerY?.(evento.clientY - evento.currentTarget.getBoundingClientRect().top)}\n            width={Math.max(0, end - start)}\n            x={start}\n            y={0}\n          />\n        );\n      })}\n    </g>\n  );\n}\n\n/** Guia vertical no ponto sob o ponteiro, atras das marcas. */\nexport function PointCursor({ plot, position }: { plot: ChartPlot; position: number }) {\n  return <line className={styles.pointCursor} x1={position} x2={position} y1={0} y2={plot.height} />;\n}\n\n/** A serie visivel com ponto na categoria cujo ponto fica mais perto da altura do ponteiro. */\nexport function nearestSeriesAt(\n  pointsBySeries: readonly (readonly (ChartPoint | null)[])[],\n  category: number | null,\n  y: number | null,\n  isHidden: (seriesIndex: number) => boolean,\n) {\n  if (category === null || y === null) {\n    return null;\n  }\n\n  let maisPerto: number | null = null;\n  let menorDistancia = Infinity;\n\n  pointsBySeries.forEach((pontos, indice) => {\n    const ponto = pontos[category];\n\n    if (ponto && !isHidden(indice) && Math.abs(ponto.y - y) < menorDistancia) {\n      menorDistancia = Math.abs(ponto.y - y);\n      maisPerto = indice;\n    }\n  });\n\n  return maisPerto;\n}\n"],"names":["PointBands","onHover","onPointerY","plot","positions","position","index","start","end","jsx","styles","evento","PointCursor","nearestSeriesAt","pointsBySeries","category","y","isHidden","maisPerto","menorDistancia","pontos","indice","ponto"],"mappings":";;AAiBO,SAASA,EAAW,EAAE,SAAAC,GAAS,YAAAC,GAAY,MAAAC,GAAM,WAAAC,KAA8B;AACpF,2BACG,KAAA,EACE,UAAAA,EAAU,IAAI,CAACC,GAAUC,MAAU;AAClC,UAAMC,IAAQD,MAAU,IAAI,KAAKF,EAAUE,IAAQ,CAAC,IAAID,KAAY,GAC9DG,IAAMF,MAAUF,EAAU,SAAS,IAAID,EAAK,SAASE,IAAWD,EAAUE,IAAQ,CAAC,KAAK;AAE9F,WACE,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAO;AAAA,QAClB,QAAQP,EAAK;AAAA,QAEb,cAAc,MAAMF,EAAQK,CAAK;AAAA,QACjC,cAAc,MAAM;AAClB,UAAAL,EAAQ,IAAI,GACZC,KAAA,QAAAA,EAAa;AAAA,QACf;AAAA,QACA,aAAa,CAACS,MAAWT,KAAA,gBAAAA,EAAaS,EAAO,UAAUA,EAAO,cAAc,sBAAA,EAAwB;AAAA,QACpG,OAAO,KAAK,IAAI,GAAGH,IAAMD,CAAK;AAAA,QAC9B,GAAGA;AAAA,QACH,GAAG;AAAA,MAAA;AAAA,MATED;AAAA,IAAA;AAAA,EAYX,CAAC,EAAA,CACH;AAEJ;AAGO,SAASM,EAAY,EAAE,MAAAT,GAAM,UAAAE,KAAmD;AACrF,SAAO,gBAAAI,EAAC,QAAA,EAAK,WAAWC,EAAO,aAAa,IAAIL,GAAU,IAAIA,GAAU,IAAI,GAAG,IAAIF,EAAK,QAAQ;AAClG;AAGO,SAASU,EACdC,GACAC,GACAC,GACAC,GACA;AACA,MAAIF,MAAa,QAAQC,MAAM;AAC7B,WAAO;AAGT,MAAIE,IAA2B,MAC3BC,IAAiB;AAErB,SAAAL,EAAe,QAAQ,CAACM,GAAQC,MAAW;AACzC,UAAMC,IAAQF,EAAOL,CAAQ;AAE7B,IAAIO,KAAS,CAACL,EAASI,CAAM,KAAK,KAAK,IAAIC,EAAM,IAAIN,CAAC,IAAIG,MACxDA,IAAiB,KAAK,IAAIG,EAAM,IAAIN,CAAC,GACrCE,IAAYG;AAAA,EAEhB,CAAC,GAEMH;AACT;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./measureText.cjs"),i=require("./spacing.cjs"),_=require("../scales/scales.cjs");function F(a,t){return{fillHeight:a==="fill",value:a==="fill"?t:a}}function E(a,t,e){return a==="hidden"?0:c.widestLabel(t,e)+i.CHART_LABEL_OFFSET}function M(a,t,e){return a.length===0||e<=0||c.widestLabel(a,t)+i.CHART_LABEL_OFFSET<=e?0:e*Math.SQRT1_2>=t.lineHeight?45:90}function f(a,t,e,r){if(r==="hidden")return 0;if(e===0)return t.lineHeight+i.CHART_LABEL_OFFSET;const o=e*Math.PI/180;return c.widestLabel(a,t)*Math.sin(o)+t.lineHeight*Math.cos(o)+i.CHART_LABEL_OFFSET}function x({bottomLabels:a,font:t,height:e,labelAngle:r,leftLabels:o,rightLabels:l,topRoom:T,width:h,xAxis:s,yAxis:g,yAxisRight:H}){const A=s==="hidden"?0:c.widestLabel(a,t)/2,L=Math.max(E(g,o,t),i.CHART_EDGE_GAP),d=Math.max(E(H,l,t),i.CHART_EDGE_GAP),R=Math.max(h-L-d,0),u=r==="auto"?M(a,t,R/Math.max(a.length,1)):r,m=u===0?A:0,n={bottom:f(a,t,u,s),left:Math.max(L,m),right:Math.max(d,m),top:Math.max(T,i.CHART_EDGE_GAP)};return{margins:n,plot:{width:Math.max(h-n.left-n.right,0),height:Math.max(e-n.top-n.bottom,0)},rotation:u}}function S(a,t,e){const r=_.linearScale({domain:a,range:[t,0]});return _.ticksFor(r,t).map(e)}exports.bottomLabelRotation=M;exports.cartesianLayout=x;exports.chartHeight=F;exports.valueLabelsFor=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./measureText.cjs"),n=require("./spacing.cjs"),E=require("../scales/scales.cjs");function b(t,a){return t==="visible"||t==="onHover"&&a}function d(t,a){return{fillHeight:t==="fill",value:t==="fill"?a:t}}function l(t,a){return t==="visible"||t==="onHover"&&a}function M(t,a,e){return t?u.widestLabel(a,e)+n.CHART_LABEL_OFFSET:0}function T(t,a,e){return t.length===0||e<=0||u.widestLabel(t,a)+n.CHART_LABEL_OFFSET<=e?0:e*Math.SQRT1_2>=a.lineHeight?45:90}function C(t,a,e,r){if(!r)return 0;if(e===0)return a.lineHeight+n.CHART_LABEL_OFFSET;const i=e*Math.PI/180;return u.widestLabel(t,a)*Math.sin(i)+a.lineHeight*Math.cos(i)+n.CHART_LABEL_OFFSET}function p({bottomLabels:t,font:a,height:e,labelAngle:r,leftLabels:i,revealed:c=!1,rightLabels:f,topRoom:g,width:h,xAxis:x,yAxis:A,yAxisRight:R}){const m=l(x,c),F=m?u.widestLabel(t,a)/2:0,L=Math.max(M(l(A,c),i,a),n.CHART_EDGE_GAP),H=Math.max(M(l(R,c),f,a),n.CHART_EDGE_GAP),S=Math.max(h-L-H,0),s=r==="auto"?T(t,a,S/Math.max(t.length,1)):r,_=s===0?F:0,o={bottom:C(t,a,s,m),left:Math.max(L,_),right:Math.max(H,_),top:Math.max(g,n.CHART_EDGE_GAP)};return{margins:o,plot:{width:Math.max(h-o.left-o.right,0),height:Math.max(e-o.top-o.bottom,0)},rotation:s}}function w(t,a,e){const r=E.linearScale({domain:t,range:[a,0]});return E.ticksFor(r,a).map(e)}exports.bottomLabelRotation=T;exports.cartesianLayout=p;exports.chartHeight=d;exports.markShown=b;exports.valueLabelsFor=w;
 //# sourceMappingURL=cartesianLayout.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"cartesianLayout.cjs","sources":["../../../../src/components/charts/core/cartesianLayout.ts"],"sourcesContent":["import { widestLabel, type LabelFont } from './measureText';\nimport { CHART_EDGE_GAP, CHART_LABEL_OFFSET } from './spacing';\nimport { linearScale, ticksFor, type NumericRange } from '../scales';\n\nexport type AxisLabelRotation = 0 | 45 | 90;\nexport type AxisLabelAngle = AxisLabelRotation | 'auto';\n\n/**\n * Como o eixo se mostra. `onHover` reserva a calha e desliza o eixo para dentro\n * dela, de modo que o desenho nao se mexa sob o ponteiro; `hidden` dispensa a\n * calha, e e o unico modo em que a area de desenho realmente cresce.\n */\nexport type AxisVisibility = 'visible' | 'hidden' | 'onHover';\n\n/** Altura do desenho: um numero fixa, `fill` entrega a decisao ao contêiner. */\nexport type ChartHeight = number | 'fill';\n\nexport interface ResolvedHeight {\n  fillHeight: boolean;\n  value: number;\n}\n\n/**\n * Altura efetiva do desenho. Com `fill`, ela vem da medida do contêiner, o que\n * permite ao grafico ocupar a celula de um painel sem que ninguem repita a\n * medida em JavaScript.\n */\nexport function chartHeight(height: ChartHeight, measured: number): ResolvedHeight {\n  return { fillHeight: height === 'fill', value: height === 'fill' ? measured : height };\n}\n\nexport interface ChartMargins {\n  bottom: number;\n  left: number;\n  right: number;\n  top: number;\n}\n\nexport interface ChartPlot {\n  height: number;\n  width: number;\n}\n\nexport interface CartesianLayoutOptions {\n  bottomLabels: readonly string[];\n  font: LabelFont;\n  height: number;\n  labelAngle: AxisLabelAngle;\n  leftLabels: readonly string[];\n  rightLabels: readonly string[];\n  topRoom: number;\n  width: number;\n  xAxis: AxisVisibility;\n  yAxis: AxisVisibility;\n  yAxisRight: AxisVisibility;\n}\n\nexport interface CartesianLayout {\n  margins: ChartMargins;\n  plot: ChartPlot;\n  rotation: AxisLabelRotation;\n}\n\nfunction calha(visibility: AxisVisibility, labels: readonly string[], font: LabelFont) {\n  return visibility === 'hidden' ? 0 : widestLabel(labels, font) + CHART_LABEL_OFFSET;\n}\n\n/**\n * Angulo dos rotulos do eixo de baixo. Em zero grau, dois rotulos vizinhos nao\n * podem se tocar. Girados, o que precisa caber e a distancia perpendicular\n * entre duas linhas de base vizinhas, que vale o passo vezes o seno do angulo.\n */\nexport function bottomLabelRotation(\n  labels: readonly string[],\n  font: LabelFont,\n  step: number,\n): AxisLabelRotation {\n  if (labels.length === 0 || step <= 0) {\n    return 0;\n  }\n\n  if (widestLabel(labels, font) + CHART_LABEL_OFFSET <= step) {\n    return 0;\n  }\n\n  return step * Math.SQRT1_2 >= font.lineHeight ? 45 : 90;\n}\n\n/** Altura que os rotulos de baixo ocupam, que e a caixa do texto ja girado. */\nfunction alturaDosRotulos(\n  labels: readonly string[],\n  font: LabelFont,\n  rotation: AxisLabelRotation,\n  visibility: AxisVisibility,\n) {\n  if (visibility === 'hidden') {\n    return 0;\n  }\n\n  if (rotation === 0) {\n    return font.lineHeight + CHART_LABEL_OFFSET;\n  }\n\n  const radianos = (rotation * Math.PI) / 180;\n  const caixa = widestLabel(labels, font) * Math.sin(radianos) + font.lineHeight * Math.cos(radianos);\n\n  return caixa + CHART_LABEL_OFFSET;\n}\n\n/**\n * Margens derivadas do conteudo, e nao de constantes. A ordem resolve sozinha a\n * dependencia entre elas: as calhas laterais definem a largura util, a largura\n * util define o passo entre categorias, o passo define o angulo dos rotulos e o\n * angulo define a altura que eles ocupam embaixo.\n */\nexport function cartesianLayout({\n  bottomLabels,\n  font,\n  height,\n  labelAngle,\n  leftLabels,\n  rightLabels,\n  topRoom,\n  width,\n  xAxis,\n  yAxis,\n  yAxisRight,\n}: CartesianLayoutOptions): CartesianLayout {\n  const meioRotulo = xAxis === 'hidden' ? 0 : widestLabel(bottomLabels, font) / 2;\n\n  const left = Math.max(calha(yAxis, leftLabels, font), CHART_EDGE_GAP);\n  const right = Math.max(calha(yAxisRight, rightLabels, font), CHART_EDGE_GAP);\n  const plotWidth = Math.max(width - left - right, 0);\n\n  const rotation =\n    labelAngle === 'auto'\n      ? bottomLabelRotation(bottomLabels, font, plotWidth / Math.max(bottomLabels.length, 1))\n      : labelAngle;\n\n  // Sem rotacao o rotulo das pontas transborda meia largura para cada lado; a\n  // folga so precisa cobrir o que a calha lateral ainda nao cobre.\n  const bordaLateral = rotation === 0 ? meioRotulo : 0;\n  const margins: ChartMargins = {\n    bottom: alturaDosRotulos(bottomLabels, font, rotation, xAxis),\n    left: Math.max(left, bordaLateral),\n    right: Math.max(right, bordaLateral),\n    top: Math.max(topRoom, CHART_EDGE_GAP),\n  };\n\n  return {\n    margins,\n    plot: {\n      width: Math.max(width - margins.left - margins.right, 0),\n      height: Math.max(height - margins.top - margins.bottom, 0),\n    },\n    rotation,\n  };\n}\n\n/**\n * Rotulos de valor usados apenas para medir a calha do eixo, antes de a area de\n * desenho existir. Eles saem da altura total em vez da altura util, o que pode\n * render uma marca a mais ou a menos: a largura do rotulo mais largo nao muda\n * por isso, e e so ela que a medida precisa.\n */\nexport function valueLabelsFor(\n  domain: NumericRange,\n  length: number,\n  format: (value: number) => string,\n) {\n  const escala = linearScale({ domain, range: [length, 0] });\n\n  return ticksFor(escala, length).map(format);\n}\n"],"names":["chartHeight","height","measured","calha","visibility","labels","font","widestLabel","CHART_LABEL_OFFSET","bottomLabelRotation","step","alturaDosRotulos","rotation","radianos","cartesianLayout","bottomLabels","labelAngle","leftLabels","rightLabels","topRoom","width","xAxis","yAxis","yAxisRight","meioRotulo","left","CHART_EDGE_GAP","right","plotWidth","bordaLateral","margins","valueLabelsFor","domain","length","format","escala","linearScale","ticksFor"],"mappings":"kLA2BO,SAASA,EAAYC,EAAqBC,EAAkC,CACjF,MAAO,CAAE,WAAYD,IAAW,OAAQ,MAAOA,IAAW,OAASC,EAAWD,CAAA,CAChF,CAkCA,SAASE,EAAMC,EAA4BC,EAA2BC,EAAiB,CACrF,OAAOF,IAAe,SAAW,EAAIG,EAAAA,YAAYF,EAAQC,CAAI,EAAIE,EAAAA,kBACnE,CAOO,SAASC,EACdJ,EACAC,EACAI,EACmB,CAKnB,OAJIL,EAAO,SAAW,GAAKK,GAAQ,GAI/BH,EAAAA,YAAYF,EAAQC,CAAI,EAAIE,EAAAA,oBAAsBE,EAC7C,EAGFA,EAAO,KAAK,SAAWJ,EAAK,WAAa,GAAK,EACvD,CAGA,SAASK,EACPN,EACAC,EACAM,EACAR,EACA,CACA,GAAIA,IAAe,SACjB,MAAO,GAGT,GAAIQ,IAAa,EACf,OAAON,EAAK,WAAaE,EAAAA,mBAG3B,MAAMK,EAAYD,EAAW,KAAK,GAAM,IAGxC,OAFcL,EAAAA,YAAYF,EAAQC,CAAI,EAAI,KAAK,IAAIO,CAAQ,EAAIP,EAAK,WAAa,KAAK,IAAIO,CAAQ,EAEnFL,EAAAA,kBACjB,CAQO,SAASM,EAAgB,CAC9B,aAAAC,EACA,KAAAT,EACA,OAAAL,EACA,WAAAe,EACA,WAAAC,EACA,YAAAC,EACA,QAAAC,EACA,MAAAC,EACA,MAAAC,EACA,MAAAC,EACA,WAAAC,CACF,EAA4C,CAC1C,MAAMC,EAAaH,IAAU,SAAW,EAAId,EAAAA,YAAYQ,EAAcT,CAAI,EAAI,EAExEmB,EAAO,KAAK,IAAItB,EAAMmB,EAAOL,EAAYX,CAAI,EAAGoB,gBAAc,EAC9DC,EAAQ,KAAK,IAAIxB,EAAMoB,EAAYL,EAAaZ,CAAI,EAAGoB,gBAAc,EACrEE,EAAY,KAAK,IAAIR,EAAQK,EAAOE,EAAO,CAAC,EAE5Cf,EACJI,IAAe,OACXP,EAAoBM,EAAcT,EAAMsB,EAAY,KAAK,IAAIb,EAAa,OAAQ,CAAC,CAAC,EACpFC,EAIAa,EAAejB,IAAa,EAAIY,EAAa,EAC7CM,EAAwB,CAC5B,OAAQnB,EAAiBI,EAAcT,EAAMM,EAAUS,CAAK,EAC5D,KAAM,KAAK,IAAII,EAAMI,CAAY,EACjC,MAAO,KAAK,IAAIF,EAAOE,CAAY,EACnC,IAAK,KAAK,IAAIV,EAASO,EAAAA,cAAc,CAAA,EAGvC,MAAO,CACL,QAAAI,EACA,KAAM,CACJ,MAAO,KAAK,IAAIV,EAAQU,EAAQ,KAAOA,EAAQ,MAAO,CAAC,EACvD,OAAQ,KAAK,IAAI7B,EAAS6B,EAAQ,IAAMA,EAAQ,OAAQ,CAAC,CAAA,EAE3D,SAAAlB,CAAA,CAEJ,CAQO,SAASmB,EACdC,EACAC,EACAC,EACA,CACA,MAAMC,EAASC,EAAAA,YAAY,CAAE,OAAAJ,EAAQ,MAAO,CAACC,EAAQ,CAAC,EAAG,EAEzD,OAAOI,EAAAA,SAASF,EAAQF,CAAM,EAAE,IAAIC,CAAM,CAC5C"}
+{"version":3,"file":"cartesianLayout.cjs","sources":["../../../../src/components/charts/core/cartesianLayout.ts"],"sourcesContent":["import { widestLabel, type LabelFont } from './measureText';\nimport { CHART_EDGE_GAP, CHART_LABEL_OFFSET } from './spacing';\nimport { linearScale, ticksFor, type NumericRange } from '../scales';\n\nexport type AxisLabelRotation = 0 | 45 | 90;\nexport type AxisLabelAngle = AxisLabelRotation | 'auto';\n\n/**\n * Como o eixo se mostra. `onHover` nao reserva a calha: o desenho ocupa o espaco\n * todo e, depois de um instante com o ponteiro sobre o grafico, encolhe para o\n * eixo entrar; `hidden` dispensa o eixo de vez.\n */\nexport type AxisVisibility = 'visible' | 'hidden' | 'onHover';\n\n/** Como pontos e rotulos de valor se mostram. `onHover` mostra os da serie sob o ponteiro, e so eles. */\nexport type MarkVisibility = 'visible' | 'hidden' | 'onHover';\n\n/** Se a marca da serie aparece: sempre, nunca, ou so com a serie sob o ponteiro. */\nexport function markShown(visibility: MarkVisibility, seriesFocused: boolean) {\n  return visibility === 'visible' || (visibility === 'onHover' && seriesFocused);\n}\n\n/** Altura do desenho: um numero fixa, `fill` entrega a decisao ao contêiner. */\nexport type ChartHeight = number | 'fill';\n\nexport interface ResolvedHeight {\n  fillHeight: boolean;\n  value: number;\n}\n\n/**\n * Altura efetiva do desenho. Com `fill`, ela vem da medida do contêiner, o que\n * permite ao grafico ocupar a celula de um painel sem que ninguem repita a\n * medida em JavaScript.\n */\nexport function chartHeight(height: ChartHeight, measured: number): ResolvedHeight {\n  return { fillHeight: height === 'fill', value: height === 'fill' ? measured : height };\n}\n\nexport interface ChartMargins {\n  bottom: number;\n  left: number;\n  right: number;\n  top: number;\n}\n\nexport interface ChartPlot {\n  height: number;\n  width: number;\n}\n\nexport interface CartesianLayoutOptions {\n  bottomLabels: readonly string[];\n  font: LabelFont;\n  height: number;\n  labelAngle: AxisLabelAngle;\n  leftLabels: readonly string[];\n  /** Os eixos `onHover` estao a vista e ocupam a calha. */\n  revealed?: boolean;\n  rightLabels: readonly string[];\n  topRoom: number;\n  width: number;\n  xAxis: AxisVisibility;\n  yAxis: AxisVisibility;\n  yAxisRight: AxisVisibility;\n}\n\nexport interface CartesianLayout {\n  margins: ChartMargins;\n  plot: ChartPlot;\n  rotation: AxisLabelRotation;\n}\n\n/** Se o eixo ocupa a calha agora: o `onHover` so enquanto revelado. */\nfunction ocupa(visibility: AxisVisibility, revealed: boolean) {\n  return visibility === 'visible' || (visibility === 'onHover' && revealed);\n}\n\nfunction calha(ocupada: boolean, labels: readonly string[], font: LabelFont) {\n  return ocupada ? widestLabel(labels, font) + CHART_LABEL_OFFSET : 0;\n}\n\n/**\n * Angulo dos rotulos do eixo de baixo. Em zero grau, dois rotulos vizinhos nao\n * podem se tocar. Girados, o que precisa caber e a distancia perpendicular\n * entre duas linhas de base vizinhas, que vale o passo vezes o seno do angulo.\n */\nexport function bottomLabelRotation(\n  labels: readonly string[],\n  font: LabelFont,\n  step: number,\n): AxisLabelRotation {\n  if (labels.length === 0 || step <= 0) {\n    return 0;\n  }\n\n  if (widestLabel(labels, font) + CHART_LABEL_OFFSET <= step) {\n    return 0;\n  }\n\n  return step * Math.SQRT1_2 >= font.lineHeight ? 45 : 90;\n}\n\n/** Altura que os rotulos de baixo ocupam, que e a caixa do texto ja girado. */\nfunction alturaDosRotulos(\n  labels: readonly string[],\n  font: LabelFont,\n  rotation: AxisLabelRotation,\n  ocupada: boolean,\n) {\n  if (!ocupada) {\n    return 0;\n  }\n\n  if (rotation === 0) {\n    return font.lineHeight + CHART_LABEL_OFFSET;\n  }\n\n  const radianos = (rotation * Math.PI) / 180;\n  const caixa = widestLabel(labels, font) * Math.sin(radianos) + font.lineHeight * Math.cos(radianos);\n\n  return caixa + CHART_LABEL_OFFSET;\n}\n\n/**\n * Margens derivadas do conteudo, e nao de constantes. A ordem resolve sozinha a\n * dependencia entre elas: as calhas laterais definem a largura util, a largura\n * util define o passo entre categorias, o passo define o angulo dos rotulos e o\n * angulo define a altura que eles ocupam embaixo.\n */\nexport function cartesianLayout({\n  bottomLabels,\n  font,\n  height,\n  labelAngle,\n  leftLabels,\n  revealed = false,\n  rightLabels,\n  topRoom,\n  width,\n  xAxis,\n  yAxis,\n  yAxisRight,\n}: CartesianLayoutOptions): CartesianLayout {\n  const embaixo = ocupa(xAxis, revealed);\n  const meioRotulo = embaixo ? widestLabel(bottomLabels, font) / 2 : 0;\n\n  const left = Math.max(calha(ocupa(yAxis, revealed), leftLabels, font), CHART_EDGE_GAP);\n  const right = Math.max(calha(ocupa(yAxisRight, revealed), rightLabels, font), CHART_EDGE_GAP);\n  const plotWidth = Math.max(width - left - right, 0);\n\n  const rotation =\n    labelAngle === 'auto'\n      ? bottomLabelRotation(bottomLabels, font, plotWidth / Math.max(bottomLabels.length, 1))\n      : labelAngle;\n\n  // Sem rotacao o rotulo das pontas transborda meia largura para cada lado; a\n  // folga so precisa cobrir o que a calha lateral ainda nao cobre.\n  const bordaLateral = rotation === 0 ? meioRotulo : 0;\n  const margins: ChartMargins = {\n    bottom: alturaDosRotulos(bottomLabels, font, rotation, embaixo),\n    left: Math.max(left, bordaLateral),\n    right: Math.max(right, bordaLateral),\n    top: Math.max(topRoom, CHART_EDGE_GAP),\n  };\n\n  return {\n    margins,\n    plot: {\n      width: Math.max(width - margins.left - margins.right, 0),\n      height: Math.max(height - margins.top - margins.bottom, 0),\n    },\n    rotation,\n  };\n}\n\n/**\n * Rotulos de valor usados apenas para medir a calha do eixo, antes de a area de\n * desenho existir. Eles saem da altura total em vez da altura util, o que pode\n * render uma marca a mais ou a menos: a largura do rotulo mais largo nao muda\n * por isso, e e so ela que a medida precisa.\n */\nexport function valueLabelsFor(\n  domain: NumericRange,\n  length: number,\n  format: (value: number) => string,\n) {\n  const escala = linearScale({ domain, range: [length, 0] });\n\n  return ticksFor(escala, length).map(format);\n}\n"],"names":["markShown","visibility","seriesFocused","chartHeight","height","measured","ocupa","revealed","calha","ocupada","labels","font","widestLabel","CHART_LABEL_OFFSET","bottomLabelRotation","step","alturaDosRotulos","rotation","radianos","cartesianLayout","bottomLabels","labelAngle","leftLabels","rightLabels","topRoom","width","xAxis","yAxis","yAxisRight","embaixo","meioRotulo","left","CHART_EDGE_GAP","right","plotWidth","bordaLateral","margins","valueLabelsFor","domain","length","format","escala","linearScale","ticksFor"],"mappings":"kLAkBO,SAASA,EAAUC,EAA4BC,EAAwB,CAC5E,OAAOD,IAAe,WAAcA,IAAe,WAAaC,CAClE,CAeO,SAASC,EAAYC,EAAqBC,EAAkC,CACjF,MAAO,CAAE,WAAYD,IAAW,OAAQ,MAAOA,IAAW,OAASC,EAAWD,CAAA,CAChF,CAqCA,SAASE,EAAML,EAA4BM,EAAmB,CAC5D,OAAON,IAAe,WAAcA,IAAe,WAAaM,CAClE,CAEA,SAASC,EAAMC,EAAkBC,EAA2BC,EAAiB,CAC3E,OAAOF,EAAUG,EAAAA,YAAYF,EAAQC,CAAI,EAAIE,EAAAA,mBAAqB,CACpE,CAOO,SAASC,EACdJ,EACAC,EACAI,EACmB,CAKnB,OAJIL,EAAO,SAAW,GAAKK,GAAQ,GAI/BH,EAAAA,YAAYF,EAAQC,CAAI,EAAIE,EAAAA,oBAAsBE,EAC7C,EAGFA,EAAO,KAAK,SAAWJ,EAAK,WAAa,GAAK,EACvD,CAGA,SAASK,EACPN,EACAC,EACAM,EACAR,EACA,CACA,GAAI,CAACA,EACH,MAAO,GAGT,GAAIQ,IAAa,EACf,OAAON,EAAK,WAAaE,EAAAA,mBAG3B,MAAMK,EAAYD,EAAW,KAAK,GAAM,IAGxC,OAFcL,EAAAA,YAAYF,EAAQC,CAAI,EAAI,KAAK,IAAIO,CAAQ,EAAIP,EAAK,WAAa,KAAK,IAAIO,CAAQ,EAEnFL,EAAAA,kBACjB,CAQO,SAASM,EAAgB,CAC9B,aAAAC,EACA,KAAAT,EACA,OAAAP,EACA,WAAAiB,EACA,WAAAC,EACA,SAAAf,EAAW,GACX,YAAAgB,EACA,QAAAC,EACA,MAAAC,EACA,MAAAC,EACA,MAAAC,EACA,WAAAC,CACF,EAA4C,CAC1C,MAAMC,EAAUvB,EAAMoB,EAAOnB,CAAQ,EAC/BuB,EAAaD,EAAUjB,EAAAA,YAAYQ,EAAcT,CAAI,EAAI,EAAI,EAE7DoB,EAAO,KAAK,IAAIvB,EAAMF,EAAMqB,EAAOpB,CAAQ,EAAGe,EAAYX,CAAI,EAAGqB,EAAAA,cAAc,EAC/EC,EAAQ,KAAK,IAAIzB,EAAMF,EAAMsB,EAAYrB,CAAQ,EAAGgB,EAAaZ,CAAI,EAAGqB,EAAAA,cAAc,EACtFE,EAAY,KAAK,IAAIT,EAAQM,EAAOE,EAAO,CAAC,EAE5ChB,EACJI,IAAe,OACXP,EAAoBM,EAAcT,EAAMuB,EAAY,KAAK,IAAId,EAAa,OAAQ,CAAC,CAAC,EACpFC,EAIAc,EAAelB,IAAa,EAAIa,EAAa,EAC7CM,EAAwB,CAC5B,OAAQpB,EAAiBI,EAAcT,EAAMM,EAAUY,CAAO,EAC9D,KAAM,KAAK,IAAIE,EAAMI,CAAY,EACjC,MAAO,KAAK,IAAIF,EAAOE,CAAY,EACnC,IAAK,KAAK,IAAIX,EAASQ,EAAAA,cAAc,CAAA,EAGvC,MAAO,CACL,QAAAI,EACA,KAAM,CACJ,MAAO,KAAK,IAAIX,EAAQW,EAAQ,KAAOA,EAAQ,MAAO,CAAC,EACvD,OAAQ,KAAK,IAAIhC,EAASgC,EAAQ,IAAMA,EAAQ,OAAQ,CAAC,CAAA,EAE3D,SAAAnB,CAAA,CAEJ,CAQO,SAASoB,EACdC,EACAC,EACAC,EACA,CACA,MAAMC,EAASC,EAAAA,YAAY,CAAE,OAAAJ,EAAQ,MAAO,CAACC,EAAQ,CAAC,EAAG,EAEzD,OAAOI,EAAAA,SAASF,EAAQF,CAAM,EAAE,IAAIC,CAAM,CAC5C"}

package/dist/components/charts/core/cartesianLayout.js

@@ -1,59 +1,67 @@
-import { widestLabel as h } from "./measureText.js";
-import { CHART_EDGE_GAP as u, CHART_LABEL_OFFSET as e } from "./spacing.js";
-import { linearScale as E, ticksFor as F } from "../scales/scales.js";
-function C(a, t) {
-  return { fillHeight: a === "fill", value: a === "fill" ? t : a };
+import { widestLabel as u } from "./measureText.js";
+import { CHART_EDGE_GAP as m, CHART_LABEL_OFFSET as e } from "./spacing.js";
+import { linearScale as T, ticksFor as A } from "../scales/scales.js";
+function D(t, a) {
+  return t === "visible" || t === "onHover" && a;
 }
-function x(a, t, r) {
-  return a === "hidden" ? 0 : h(t, r) + e;
+function G(t, a) {
+  return { fillHeight: t === "fill", value: t === "fill" ? a : t };
 }
-function L(a, t, r) {
-  return a.length === 0 || r <= 0 || h(a, t) + e <= r ? 0 : r * Math.SQRT1_2 >= t.lineHeight ? 45 : 90;
+function l(t, a) {
+  return t === "visible" || t === "onHover" && a;
 }
-function T(a, t, r, i) {
-  if (i === "hidden")
+function H(t, a, r) {
+  return t ? u(a, r) + e : 0;
+}
+function d(t, a, r) {
+  return t.length === 0 || r <= 0 || u(t, a) + e <= r ? 0 : r * Math.SQRT1_2 >= a.lineHeight ? 45 : 90;
+}
+function k(t, a, r, n) {
+  if (!n)
     return 0;
   if (r === 0)
-    return t.lineHeight + e;
-  const o = r * Math.PI / 180;
-  return h(a, t) * Math.sin(o) + t.lineHeight * Math.cos(o) + e;
+    return a.lineHeight + e;
+  const i = r * Math.PI / 180;
+  return u(t, a) * Math.sin(i) + a.lineHeight * Math.cos(i) + e;
 }
-function D({
-  bottomLabels: a,
-  font: t,
+function P({
+  bottomLabels: t,
+  font: a,
   height: r,
-  labelAngle: i,
-  leftLabels: o,
-  rightLabels: l,
-  topRoom: g,
-  width: m,
-  xAxis: s,
-  yAxis: p,
-  yAxisRight: H
+  labelAngle: n,
+  leftLabels: i,
+  revealed: c = !1,
+  rightLabels: p,
+  topRoom: R,
+  width: s,
+  xAxis: _,
+  yAxis: E,
+  yAxisRight: F
 }) {
-  const R = s === "hidden" ? 0 : h(a, t) / 2, M = Math.max(x(p, o, t), u), f = Math.max(x(H, l, t), u), _ = Math.max(m - M - f, 0), c = i === "auto" ? L(a, t, _ / Math.max(a.length, 1)) : i, d = c === 0 ? R : 0, n = {
-    bottom: T(a, t, c, s),
-    left: Math.max(M, d),
-    right: Math.max(f, d),
-    top: Math.max(g, u)
+  const f = l(_, c), L = f ? u(t, a) / 2 : 0, x = Math.max(H(l(E, c), i, a), m), M = Math.max(H(l(F, c), p, a), m), S = Math.max(s - x - M, 0), h = n === "auto" ? d(t, a, S / Math.max(t.length, 1)) : n, g = h === 0 ? L : 0, o = {
+    bottom: k(t, a, h, f),
+    left: Math.max(x, g),
+    right: Math.max(M, g),
+    top: Math.max(R, m)
   };
   return {
-    margins: n,
+    margins: o,
     plot: {
-      width: Math.max(m - n.left - n.right, 0),
-      height: Math.max(r - n.top - n.bottom, 0)
+      width: Math.max(s - o.left - o.right, 0),
+      height: Math.max(r - o.top - o.bottom, 0)
     },
-    rotation: c
+    rotation: h
   };
 }
-function G(a, t, r) {
-  const i = E({ domain: a, range: [t, 0] });
-  return F(i, t).map(r);
+function B(t, a, r) {
+  const n = T({ domain: t, range: [a, 0] });
+  return A(n, a).map(r);
 }
 export {
-  L as bottomLabelRotation,
-  D as cartesianLayout,
-  C as chartHeight,
-  G as valueLabelsFor
+  d as bottomLabelRotation,
+  P as cartesianLayout,
+  G as chartHeight,
+  D as markShown,
+  B as valueLabelsFor
 };
 //# sourceMappingURL=cartesianLayout.js.map

package/dist/components/charts/core/cartesianLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"cartesianLayout.js","sources":["../../../../src/components/charts/core/cartesianLayout.ts"],"sourcesContent":["import { widestLabel, type LabelFont } from './measureText';\nimport { CHART_EDGE_GAP, CHART_LABEL_OFFSET } from './spacing';\nimport { linearScale, ticksFor, type NumericRange } from '../scales';\n\nexport type AxisLabelRotation = 0 | 45 | 90;\nexport type AxisLabelAngle = AxisLabelRotation | 'auto';\n\n/**\n * Como o eixo se mostra. `onHover` reserva a calha e desliza o eixo para dentro\n * dela, de modo que o desenho nao se mexa sob o ponteiro; `hidden` dispensa a\n * calha, e e o unico modo em que a area de desenho realmente cresce.\n */\nexport type AxisVisibility = 'visible' | 'hidden' | 'onHover';\n\n/** Altura do desenho: um numero fixa, `fill` entrega a decisao ao contêiner. */\nexport type ChartHeight = number | 'fill';\n\nexport interface ResolvedHeight {\n  fillHeight: boolean;\n  value: number;\n}\n\n/**\n * Altura efetiva do desenho. Com `fill`, ela vem da medida do contêiner, o que\n * permite ao grafico ocupar a celula de um painel sem que ninguem repita a\n * medida em JavaScript.\n */\nexport function chartHeight(height: ChartHeight, measured: number): ResolvedHeight {\n  return { fillHeight: height === 'fill', value: height === 'fill' ? measured : height };\n}\n\nexport interface ChartMargins {\n  bottom: number;\n  left: number;\n  right: number;\n  top: number;\n}\n\nexport interface ChartPlot {\n  height: number;\n  width: number;\n}\n\nexport interface CartesianLayoutOptions {\n  bottomLabels: readonly string[];\n  font: LabelFont;\n  height: number;\n  labelAngle: AxisLabelAngle;\n  leftLabels: readonly string[];\n  rightLabels: readonly string[];\n  topRoom: number;\n  width: number;\n  xAxis: AxisVisibility;\n  yAxis: AxisVisibility;\n  yAxisRight: AxisVisibility;\n}\n\nexport interface CartesianLayout {\n  margins: ChartMargins;\n  plot: ChartPlot;\n  rotation: AxisLabelRotation;\n}\n\nfunction calha(visibility: AxisVisibility, labels: readonly string[], font: LabelFont) {\n  return visibility === 'hidden' ? 0 : widestLabel(labels, font) + CHART_LABEL_OFFSET;\n}\n\n/**\n * Angulo dos rotulos do eixo de baixo. Em zero grau, dois rotulos vizinhos nao\n * podem se tocar. Girados, o que precisa caber e a distancia perpendicular\n * entre duas linhas de base vizinhas, que vale o passo vezes o seno do angulo.\n */\nexport function bottomLabelRotation(\n  labels: readonly string[],\n  font: LabelFont,\n  step: number,\n): AxisLabelRotation {\n  if (labels.length === 0 || step <= 0) {\n    return 0;\n  }\n\n  if (widestLabel(labels, font) + CHART_LABEL_OFFSET <= step) {\n    return 0;\n  }\n\n  return step * Math.SQRT1_2 >= font.lineHeight ? 45 : 90;\n}\n\n/** Altura que os rotulos de baixo ocupam, que e a caixa do texto ja girado. */\nfunction alturaDosRotulos(\n  labels: readonly string[],\n  font: LabelFont,\n  rotation: AxisLabelRotation,\n  visibility: AxisVisibility,\n) {\n  if (visibility === 'hidden') {\n    return 0;\n  }\n\n  if (rotation === 0) {\n    return font.lineHeight + CHART_LABEL_OFFSET;\n  }\n\n  const radianos = (rotation * Math.PI) / 180;\n  const caixa = widestLabel(labels, font) * Math.sin(radianos) + font.lineHeight * Math.cos(radianos);\n\n  return caixa + CHART_LABEL_OFFSET;\n}\n\n/**\n * Margens derivadas do conteudo, e nao de constantes. A ordem resolve sozinha a\n * dependencia entre elas: as calhas laterais definem a largura util, a largura\n * util define o passo entre categorias, o passo define o angulo dos rotulos e o\n * angulo define a altura que eles ocupam embaixo.\n */\nexport function cartesianLayout({\n  bottomLabels,\n  font,\n  height,\n  labelAngle,\n  leftLabels,\n  rightLabels,\n  topRoom,\n  width,\n  xAxis,\n  yAxis,\n  yAxisRight,\n}: CartesianLayoutOptions): CartesianLayout {\n  const meioRotulo = xAxis === 'hidden' ? 0 : widestLabel(bottomLabels, font) / 2;\n\n  const left = Math.max(calha(yAxis, leftLabels, font), CHART_EDGE_GAP);\n  const right = Math.max(calha(yAxisRight, rightLabels, font), CHART_EDGE_GAP);\n  const plotWidth = Math.max(width - left - right, 0);\n\n  const rotation =\n    labelAngle === 'auto'\n      ? bottomLabelRotation(bottomLabels, font, plotWidth / Math.max(bottomLabels.length, 1))\n      : labelAngle;\n\n  // Sem rotacao o rotulo das pontas transborda meia largura para cada lado; a\n  // folga so precisa cobrir o que a calha lateral ainda nao cobre.\n  const bordaLateral = rotation === 0 ? meioRotulo : 0;\n  const margins: ChartMargins = {\n    bottom: alturaDosRotulos(bottomLabels, font, rotation, xAxis),\n    left: Math.max(left, bordaLateral),\n    right: Math.max(right, bordaLateral),\n    top: Math.max(topRoom, CHART_EDGE_GAP),\n  };\n\n  return {\n    margins,\n    plot: {\n      width: Math.max(width - margins.left - margins.right, 0),\n      height: Math.max(height - margins.top - margins.bottom, 0),\n    },\n    rotation,\n  };\n}\n\n/**\n * Rotulos de valor usados apenas para medir a calha do eixo, antes de a area de\n * desenho existir. Eles saem da altura total em vez da altura util, o que pode\n * render uma marca a mais ou a menos: a largura do rotulo mais largo nao muda\n * por isso, e e so ela que a medida precisa.\n */\nexport function valueLabelsFor(\n  domain: NumericRange,\n  length: number,\n  format: (value: number) => string,\n) {\n  const escala = linearScale({ domain, range: [length, 0] });\n\n  return ticksFor(escala, length).map(format);\n}\n"],"names":["chartHeight","height","measured","calha","visibility","labels","font","widestLabel","CHART_LABEL_OFFSET","bottomLabelRotation","step","alturaDosRotulos","rotation","radianos","cartesianLayout","bottomLabels","labelAngle","leftLabels","rightLabels","topRoom","width","xAxis","yAxis","yAxisRight","meioRotulo","left","CHART_EDGE_GAP","right","plotWidth","bordaLateral","margins","valueLabelsFor","domain","length","format","escala","linearScale","ticksFor"],"mappings":";;;AA2BO,SAASA,EAAYC,GAAqBC,GAAkC;AACjF,SAAO,EAAE,YAAYD,MAAW,QAAQ,OAAOA,MAAW,SAASC,IAAWD,EAAA;AAChF;AAkCA,SAASE,EAAMC,GAA4BC,GAA2BC,GAAiB;AACrF,SAAOF,MAAe,WAAW,IAAIG,EAAYF,GAAQC,CAAI,IAAIE;AACnE;AAOO,SAASC,EACdJ,GACAC,GACAI,GACmB;AAKnB,SAJIL,EAAO,WAAW,KAAKK,KAAQ,KAI/BH,EAAYF,GAAQC,CAAI,IAAIE,KAAsBE,IAC7C,IAGFA,IAAO,KAAK,WAAWJ,EAAK,aAAa,KAAK;AACvD;AAGA,SAASK,EACPN,GACAC,GACAM,GACAR,GACA;AACA,MAAIA,MAAe;AACjB,WAAO;AAGT,MAAIQ,MAAa;AACf,WAAON,EAAK,aAAaE;AAG3B,QAAMK,IAAYD,IAAW,KAAK,KAAM;AAGxC,SAFcL,EAAYF,GAAQC,CAAI,IAAI,KAAK,IAAIO,CAAQ,IAAIP,EAAK,aAAa,KAAK,IAAIO,CAAQ,IAEnFL;AACjB;AAQO,SAASM,EAAgB;AAAA,EAC9B,cAAAC;AAAA,EACA,MAAAT;AAAA,EACA,QAAAL;AAAA,EACA,YAAAe;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AACF,GAA4C;AAC1C,QAAMC,IAAaH,MAAU,WAAW,IAAId,EAAYQ,GAAcT,CAAI,IAAI,GAExEmB,IAAO,KAAK,IAAItB,EAAMmB,GAAOL,GAAYX,CAAI,GAAGoB,CAAc,GAC9DC,IAAQ,KAAK,IAAIxB,EAAMoB,GAAYL,GAAaZ,CAAI,GAAGoB,CAAc,GACrEE,IAAY,KAAK,IAAIR,IAAQK,IAAOE,GAAO,CAAC,GAE5Cf,IACJI,MAAe,SACXP,EAAoBM,GAAcT,GAAMsB,IAAY,KAAK,IAAIb,EAAa,QAAQ,CAAC,CAAC,IACpFC,GAIAa,IAAejB,MAAa,IAAIY,IAAa,GAC7CM,IAAwB;AAAA,IAC5B,QAAQnB,EAAiBI,GAAcT,GAAMM,GAAUS,CAAK;AAAA,IAC5D,MAAM,KAAK,IAAII,GAAMI,CAAY;AAAA,IACjC,OAAO,KAAK,IAAIF,GAAOE,CAAY;AAAA,IACnC,KAAK,KAAK,IAAIV,GAASO,CAAc;AAAA,EAAA;AAGvC,SAAO;AAAA,IACL,SAAAI;AAAA,IACA,MAAM;AAAA,MACJ,OAAO,KAAK,IAAIV,IAAQU,EAAQ,OAAOA,EAAQ,OAAO,CAAC;AAAA,MACvD,QAAQ,KAAK,IAAI7B,IAAS6B,EAAQ,MAAMA,EAAQ,QAAQ,CAAC;AAAA,IAAA;AAAA,IAE3D,UAAAlB;AAAA,EAAA;AAEJ;AAQO,SAASmB,EACdC,GACAC,GACAC,GACA;AACA,QAAMC,IAASC,EAAY,EAAE,QAAAJ,GAAQ,OAAO,CAACC,GAAQ,CAAC,GAAG;AAEzD,SAAOI,EAASF,GAAQF,CAAM,EAAE,IAAIC,CAAM;AAC5C;"}
+{"version":3,"file":"cartesianLayout.js","sources":["../../../../src/components/charts/core/cartesianLayout.ts"],"sourcesContent":["import { widestLabel, type LabelFont } from './measureText';\nimport { CHART_EDGE_GAP, CHART_LABEL_OFFSET } from './spacing';\nimport { linearScale, ticksFor, type NumericRange } from '../scales';\n\nexport type AxisLabelRotation = 0 | 45 | 90;\nexport type AxisLabelAngle = AxisLabelRotation | 'auto';\n\n/**\n * Como o eixo se mostra. `onHover` nao reserva a calha: o desenho ocupa o espaco\n * todo e, depois de um instante com o ponteiro sobre o grafico, encolhe para o\n * eixo entrar; `hidden` dispensa o eixo de vez.\n */\nexport type AxisVisibility = 'visible' | 'hidden' | 'onHover';\n\n/** Como pontos e rotulos de valor se mostram. `onHover` mostra os da serie sob o ponteiro, e so eles. */\nexport type MarkVisibility = 'visible' | 'hidden' | 'onHover';\n\n/** Se a marca da serie aparece: sempre, nunca, ou so com a serie sob o ponteiro. */\nexport function markShown(visibility: MarkVisibility, seriesFocused: boolean) {\n  return visibility === 'visible' || (visibility === 'onHover' && seriesFocused);\n}\n\n/** Altura do desenho: um numero fixa, `fill` entrega a decisao ao contêiner. */\nexport type ChartHeight = number | 'fill';\n\nexport interface ResolvedHeight {\n  fillHeight: boolean;\n  value: number;\n}\n\n/**\n * Altura efetiva do desenho. Com `fill`, ela vem da medida do contêiner, o que\n * permite ao grafico ocupar a celula de um painel sem que ninguem repita a\n * medida em JavaScript.\n */\nexport function chartHeight(height: ChartHeight, measured: number): ResolvedHeight {\n  return { fillHeight: height === 'fill', value: height === 'fill' ? measured : height };\n}\n\nexport interface ChartMargins {\n  bottom: number;\n  left: number;\n  right: number;\n  top: number;\n}\n\nexport interface ChartPlot {\n  height: number;\n  width: number;\n}\n\nexport interface CartesianLayoutOptions {\n  bottomLabels: readonly string[];\n  font: LabelFont;\n  height: number;\n  labelAngle: AxisLabelAngle;\n  leftLabels: readonly string[];\n  /** Os eixos `onHover` estao a vista e ocupam a calha. */\n  revealed?: boolean;\n  rightLabels: readonly string[];\n  topRoom: number;\n  width: number;\n  xAxis: AxisVisibility;\n  yAxis: AxisVisibility;\n  yAxisRight: AxisVisibility;\n}\n\nexport interface CartesianLayout {\n  margins: ChartMargins;\n  plot: ChartPlot;\n  rotation: AxisLabelRotation;\n}\n\n/** Se o eixo ocupa a calha agora: o `onHover` so enquanto revelado. */\nfunction ocupa(visibility: AxisVisibility, revealed: boolean) {\n  return visibility === 'visible' || (visibility === 'onHover' && revealed);\n}\n\nfunction calha(ocupada: boolean, labels: readonly string[], font: LabelFont) {\n  return ocupada ? widestLabel(labels, font) + CHART_LABEL_OFFSET : 0;\n}\n\n/**\n * Angulo dos rotulos do eixo de baixo. Em zero grau, dois rotulos vizinhos nao\n * podem se tocar. Girados, o que precisa caber e a distancia perpendicular\n * entre duas linhas de base vizinhas, que vale o passo vezes o seno do angulo.\n */\nexport function bottomLabelRotation(\n  labels: readonly string[],\n  font: LabelFont,\n  step: number,\n): AxisLabelRotation {\n  if (labels.length === 0 || step <= 0) {\n    return 0;\n  }\n\n  if (widestLabel(labels, font) + CHART_LABEL_OFFSET <= step) {\n    return 0;\n  }\n\n  return step * Math.SQRT1_2 >= font.lineHeight ? 45 : 90;\n}\n\n/** Altura que os rotulos de baixo ocupam, que e a caixa do texto ja girado. */\nfunction alturaDosRotulos(\n  labels: readonly string[],\n  font: LabelFont,\n  rotation: AxisLabelRotation,\n  ocupada: boolean,\n) {\n  if (!ocupada) {\n    return 0;\n  }\n\n  if (rotation === 0) {\n    return font.lineHeight + CHART_LABEL_OFFSET;\n  }\n\n  const radianos = (rotation * Math.PI) / 180;\n  const caixa = widestLabel(labels, font) * Math.sin(radianos) + font.lineHeight * Math.cos(radianos);\n\n  return caixa + CHART_LABEL_OFFSET;\n}\n\n/**\n * Margens derivadas do conteudo, e nao de constantes. A ordem resolve sozinha a\n * dependencia entre elas: as calhas laterais definem a largura util, a largura\n * util define o passo entre categorias, o passo define o angulo dos rotulos e o\n * angulo define a altura que eles ocupam embaixo.\n */\nexport function cartesianLayout({\n  bottomLabels,\n  font,\n  height,\n  labelAngle,\n  leftLabels,\n  revealed = false,\n  rightLabels,\n  topRoom,\n  width,\n  xAxis,\n  yAxis,\n  yAxisRight,\n}: CartesianLayoutOptions): CartesianLayout {\n  const embaixo = ocupa(xAxis, revealed);\n  const meioRotulo = embaixo ? widestLabel(bottomLabels, font) / 2 : 0;\n\n  const left = Math.max(calha(ocupa(yAxis, revealed), leftLabels, font), CHART_EDGE_GAP);\n  const right = Math.max(calha(ocupa(yAxisRight, revealed), rightLabels, font), CHART_EDGE_GAP);\n  const plotWidth = Math.max(width - left - right, 0);\n\n  const rotation =\n    labelAngle === 'auto'\n      ? bottomLabelRotation(bottomLabels, font, plotWidth / Math.max(bottomLabels.length, 1))\n      : labelAngle;\n\n  // Sem rotacao o rotulo das pontas transborda meia largura para cada lado; a\n  // folga so precisa cobrir o que a calha lateral ainda nao cobre.\n  const bordaLateral = rotation === 0 ? meioRotulo : 0;\n  const margins: ChartMargins = {\n    bottom: alturaDosRotulos(bottomLabels, font, rotation, embaixo),\n    left: Math.max(left, bordaLateral),\n    right: Math.max(right, bordaLateral),\n    top: Math.max(topRoom, CHART_EDGE_GAP),\n  };\n\n  return {\n    margins,\n    plot: {\n      width: Math.max(width - margins.left - margins.right, 0),\n      height: Math.max(height - margins.top - margins.bottom, 0),\n    },\n    rotation,\n  };\n}\n\n/**\n * Rotulos de valor usados apenas para medir a calha do eixo, antes de a area de\n * desenho existir. Eles saem da altura total em vez da altura util, o que pode\n * render uma marca a mais ou a menos: a largura do rotulo mais largo nao muda\n * por isso, e e so ela que a medida precisa.\n */\nexport function valueLabelsFor(\n  domain: NumericRange,\n  length: number,\n  format: (value: number) => string,\n) {\n  const escala = linearScale({ domain, range: [length, 0] });\n\n  return ticksFor(escala, length).map(format);\n}\n"],"names":["markShown","visibility","seriesFocused","chartHeight","height","measured","ocupa","revealed","calha","ocupada","labels","font","widestLabel","CHART_LABEL_OFFSET","bottomLabelRotation","step","alturaDosRotulos","rotation","radianos","cartesianLayout","bottomLabels","labelAngle","leftLabels","rightLabels","topRoom","width","xAxis","yAxis","yAxisRight","embaixo","meioRotulo","left","CHART_EDGE_GAP","right","plotWidth","bordaLateral","margins","valueLabelsFor","domain","length","format","escala","linearScale","ticksFor"],"mappings":";;;AAkBO,SAASA,EAAUC,GAA4BC,GAAwB;AAC5E,SAAOD,MAAe,aAAcA,MAAe,aAAaC;AAClE;AAeO,SAASC,EAAYC,GAAqBC,GAAkC;AACjF,SAAO,EAAE,YAAYD,MAAW,QAAQ,OAAOA,MAAW,SAASC,IAAWD,EAAA;AAChF;AAqCA,SAASE,EAAML,GAA4BM,GAAmB;AAC5D,SAAON,MAAe,aAAcA,MAAe,aAAaM;AAClE;AAEA,SAASC,EAAMC,GAAkBC,GAA2BC,GAAiB;AAC3E,SAAOF,IAAUG,EAAYF,GAAQC,CAAI,IAAIE,IAAqB;AACpE;AAOO,SAASC,EACdJ,GACAC,GACAI,GACmB;AAKnB,SAJIL,EAAO,WAAW,KAAKK,KAAQ,KAI/BH,EAAYF,GAAQC,CAAI,IAAIE,KAAsBE,IAC7C,IAGFA,IAAO,KAAK,WAAWJ,EAAK,aAAa,KAAK;AACvD;AAGA,SAASK,EACPN,GACAC,GACAM,GACAR,GACA;AACA,MAAI,CAACA;AACH,WAAO;AAGT,MAAIQ,MAAa;AACf,WAAON,EAAK,aAAaE;AAG3B,QAAMK,IAAYD,IAAW,KAAK,KAAM;AAGxC,SAFcL,EAAYF,GAAQC,CAAI,IAAI,KAAK,IAAIO,CAAQ,IAAIP,EAAK,aAAa,KAAK,IAAIO,CAAQ,IAEnFL;AACjB;AAQO,SAASM,EAAgB;AAAA,EAC9B,cAAAC;AAAA,EACA,MAAAT;AAAA,EACA,QAAAP;AAAA,EACA,YAAAiB;AAAA,EACA,YAAAC;AAAA,EACA,UAAAf,IAAW;AAAA,EACX,aAAAgB;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AACF,GAA4C;AAC1C,QAAMC,IAAUvB,EAAMoB,GAAOnB,CAAQ,GAC/BuB,IAAaD,IAAUjB,EAAYQ,GAAcT,CAAI,IAAI,IAAI,GAE7DoB,IAAO,KAAK,IAAIvB,EAAMF,EAAMqB,GAAOpB,CAAQ,GAAGe,GAAYX,CAAI,GAAGqB,CAAc,GAC/EC,IAAQ,KAAK,IAAIzB,EAAMF,EAAMsB,GAAYrB,CAAQ,GAAGgB,GAAaZ,CAAI,GAAGqB,CAAc,GACtFE,IAAY,KAAK,IAAIT,IAAQM,IAAOE,GAAO,CAAC,GAE5ChB,IACJI,MAAe,SACXP,EAAoBM,GAAcT,GAAMuB,IAAY,KAAK,IAAId,EAAa,QAAQ,CAAC,CAAC,IACpFC,GAIAc,IAAelB,MAAa,IAAIa,IAAa,GAC7CM,IAAwB;AAAA,IAC5B,QAAQpB,EAAiBI,GAAcT,GAAMM,GAAUY,CAAO;AAAA,IAC9D,MAAM,KAAK,IAAIE,GAAMI,CAAY;AAAA,IACjC,OAAO,KAAK,IAAIF,GAAOE,CAAY;AAAA,IACnC,KAAK,KAAK,IAAIX,GAASQ,CAAc;AAAA,EAAA;AAGvC,SAAO;AAAA,IACL,SAAAI;AAAA,IACA,MAAM;AAAA,MACJ,OAAO,KAAK,IAAIX,IAAQW,EAAQ,OAAOA,EAAQ,OAAO,CAAC;AAAA,MACvD,QAAQ,KAAK,IAAIhC,IAASgC,EAAQ,MAAMA,EAAQ,QAAQ,CAAC;AAAA,IAAA;AAAA,IAE3D,UAAAnB;AAAA,EAAA;AAEJ;AAQO,SAASoB,EACdC,GACAC,GACAC,GACA;AACA,QAAMC,IAASC,EAAY,EAAE,QAAAJ,GAAQ,OAAO,CAACC,GAAQ,CAAC,GAAG;AAEzD,SAAOI,EAASF,GAAQF,CAAM,EAAE,IAAIC,CAAM;AAC5C;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(a){return a.ancestors().reverse().slice(1).map(e=>({label:e.data.label,value:e.value??0}))}exports.hoverPath=t;
+//# sourceMappingURL=hoverPath.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hoverPath.cjs","sources":["../../../../src/components/charts/core/hoverPath.ts"],"sourcesContent":["import type { HierarchyNode } from 'd3-hierarchy';\n\n/** Um nivel do caminho ate o no sob o ponteiro, com o valor somado daquele nivel. */\nexport interface ChartHoveredNode {\n  label: string;\n  value: number;\n}\n\n/** Caminho do grupo de topo ate o no, sem a raiz que o layout cria por fora. */\nexport function hoverPath(node: HierarchyNode<{ label: string }>): ChartHoveredNode[] {\n  return node\n    .ancestors()\n    .reverse()\n    .slice(1)\n    .map((ancestor) => ({ label: ancestor.data.label, value: ancestor.value ?? 0 }));\n}\n"],"names":["hoverPath","node","ancestor"],"mappings":"gFASO,SAASA,EAAUC,EAA4D,CACpF,OAAOA,EACJ,YACA,QAAA,EACA,MAAM,CAAC,EACP,IAAKC,IAAc,CAAE,MAAOA,EAAS,KAAK,MAAO,MAAOA,EAAS,OAAS,GAAI,CACnF"}

package/dist/components/charts/core/hoverPath.js

@@ -0,0 +1,7 @@
+function l(a) {
+  return a.ancestors().reverse().slice(1).map((e) => ({ label: e.data.label, value: e.value ?? 0 }));
+}
+export {
+  l as hoverPath
+};
+//# sourceMappingURL=hoverPath.js.map

package/dist/components/charts/core/hoverPath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hoverPath.js","sources":["../../../../src/components/charts/core/hoverPath.ts"],"sourcesContent":["import type { HierarchyNode } from 'd3-hierarchy';\n\n/** Um nivel do caminho ate o no sob o ponteiro, com o valor somado daquele nivel. */\nexport interface ChartHoveredNode {\n  label: string;\n  value: number;\n}\n\n/** Caminho do grupo de topo ate o no, sem a raiz que o layout cria por fora. */\nexport function hoverPath(node: HierarchyNode<{ label: string }>): ChartHoveredNode[] {\n  return node\n    .ancestors()\n    .reverse()\n    .slice(1)\n    .map((ancestor) => ({ label: ancestor.data.label, value: ancestor.value ?? 0 }));\n}\n"],"names":["hoverPath","node","ancestor"],"mappings":"AASO,SAASA,EAAUC,GAA4D;AACpF,SAAOA,EACJ,YACA,QAAA,EACA,MAAM,CAAC,EACP,IAAI,CAACC,OAAc,EAAE,OAAOA,EAAS,KAAK,OAAO,OAAOA,EAAS,SAAS,IAAI;AACnF;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A={end:-6,middle:0,start:6},b=14;function f(c,n,t,d,m){const l=c[n][t],i=c[n].length-1,a=t===0?"start":t===i?"end":"middle";return{below:l!==null&&c.some((u,e)=>{const o=u[t];return e===n||m(e)||!o?!1:(o.y<l.y||o.y===l.y&&e<n)&&l.y-o.y<d+b}),dx:A[a],textAnchor:a}}exports.pointLabelPlacement=f;
+//# sourceMappingURL=pointLabels.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pointLabels.cjs","sources":["../../../../src/components/charts/core/pointLabels.ts"],"sourcesContent":["import type { ChartPoint } from './shapes';\n\nexport interface PointLabelPlacement {\n  /** Abaixo do ponto, quando outra serie tem ponto logo acima na mesma categoria. */\n  below: boolean;\n  /** Afastamento horizontal do ponto: nas pontas, o rotulo sai de lado para nao encostar no marcador. */\n  dx: number;\n  textAnchor: 'start' | 'middle' | 'end';\n}\n\nconst AFASTAMENTO = { end: -6, middle: 0, start: 6 } as const;\n\n/** O rotulo acima fica 10px sobre o ponto; o marcador tem 4px de raio. */\nconst FOLGA_ACIMA = 14;\n\n/**\n * Onde vai o rotulo de um ponto. Nas pontas ele se alinha para dentro, para nao cobrir os numeros do eixo; e,\n * quando o rotulo de uma serie alcancaria o ponto de outra logo acima, na mesma categoria, ele desce para baixo do ponto.\n */\nexport function pointLabelPlacement(\n  pointsBySeries: readonly (readonly (ChartPoint | null)[])[],\n  series: number,\n  category: number,\n  lineHeight: number,\n  isHidden: (seriesIndex: number) => boolean,\n): PointLabelPlacement {\n  const ponto = pointsBySeries[series][category];\n  const ultima = pointsBySeries[series].length - 1;\n  const textAnchor = category === 0 ? 'start' : category === ultima ? 'end' : 'middle';\n\n  const below =\n    ponto !== null &&\n    pointsBySeries.some((pontos, outra) => {\n      const vizinho = pontos[category];\n\n      if (outra === series || isHidden(outra) || !vizinho) {\n        return false;\n      }\n\n      const acima = vizinho.y < ponto.y || (vizinho.y === ponto.y && outra < series);\n\n      return acima && ponto.y - vizinho.y < lineHeight + FOLGA_ACIMA;\n    });\n\n  return { below, dx: AFASTAMENTO[textAnchor], textAnchor };\n}\n"],"names":["AFASTAMENTO","FOLGA_ACIMA","pointLabelPlacement","pointsBySeries","series","category","lineHeight","isHidden","ponto","ultima","textAnchor","pontos","outra","vizinho"],"mappings":"gFAUA,MAAMA,EAAc,CAAE,IAAK,GAAI,OAAQ,EAAG,MAAO,CAAA,EAG3CC,EAAc,GAMb,SAASC,EACdC,EACAC,EACAC,EACAC,EACAC,EACqB,CACrB,MAAMC,EAAQL,EAAeC,CAAM,EAAEC,CAAQ,EACvCI,EAASN,EAAeC,CAAM,EAAE,OAAS,EACzCM,EAAaL,IAAa,EAAI,QAAUA,IAAaI,EAAS,MAAQ,SAgB5E,MAAO,CAAE,MAbPD,IAAU,MACVL,EAAe,KAAK,CAACQ,EAAQC,IAAU,CACrC,MAAMC,EAAUF,EAAON,CAAQ,EAE/B,OAAIO,IAAUR,GAAUG,EAASK,CAAK,GAAK,CAACC,EACnC,IAGKA,EAAQ,EAAIL,EAAM,GAAMK,EAAQ,IAAML,EAAM,GAAKI,EAAQR,IAEvDI,EAAM,EAAIK,EAAQ,EAAIP,EAAaL,CACrD,CAAC,EAEa,GAAID,EAAYU,CAAU,EAAG,WAAAA,CAAA,CAC/C"}

package/dist/components/charts/core/pointLabels.js

@@ -0,0 +1,12 @@
+const b = { end: -6, middle: 0, start: 6 }, f = 14;
+function x(c, n, t, A, a) {
+  const l = c[n][t], e = c[n].length - 1, m = t === 0 ? "start" : t === e ? "end" : "middle";
+  return { below: l !== null && c.some((u, d) => {
+    const o = u[t];
+    return d === n || a(d) || !o ? !1 : (o.y < l.y || o.y === l.y && d < n) && l.y - o.y < A + f;
+  }), dx: b[m], textAnchor: m };
+}
+export {
+  x as pointLabelPlacement
+};
+//# sourceMappingURL=pointLabels.js.map

package/dist/components/charts/core/pointLabels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pointLabels.js","sources":["../../../../src/components/charts/core/pointLabels.ts"],"sourcesContent":["import type { ChartPoint } from './shapes';\n\nexport interface PointLabelPlacement {\n  /** Abaixo do ponto, quando outra serie tem ponto logo acima na mesma categoria. */\n  below: boolean;\n  /** Afastamento horizontal do ponto: nas pontas, o rotulo sai de lado para nao encostar no marcador. */\n  dx: number;\n  textAnchor: 'start' | 'middle' | 'end';\n}\n\nconst AFASTAMENTO = { end: -6, middle: 0, start: 6 } as const;\n\n/** O rotulo acima fica 10px sobre o ponto; o marcador tem 4px de raio. */\nconst FOLGA_ACIMA = 14;\n\n/**\n * Onde vai o rotulo de um ponto. Nas pontas ele se alinha para dentro, para nao cobrir os numeros do eixo; e,\n * quando o rotulo de uma serie alcancaria o ponto de outra logo acima, na mesma categoria, ele desce para baixo do ponto.\n */\nexport function pointLabelPlacement(\n  pointsBySeries: readonly (readonly (ChartPoint | null)[])[],\n  series: number,\n  category: number,\n  lineHeight: number,\n  isHidden: (seriesIndex: number) => boolean,\n): PointLabelPlacement {\n  const ponto = pointsBySeries[series][category];\n  const ultima = pointsBySeries[series].length - 1;\n  const textAnchor = category === 0 ? 'start' : category === ultima ? 'end' : 'middle';\n\n  const below =\n    ponto !== null &&\n    pointsBySeries.some((pontos, outra) => {\n      const vizinho = pontos[category];\n\n      if (outra === series || isHidden(outra) || !vizinho) {\n        return false;\n      }\n\n      const acima = vizinho.y < ponto.y || (vizinho.y === ponto.y && outra < series);\n\n      return acima && ponto.y - vizinho.y < lineHeight + FOLGA_ACIMA;\n    });\n\n  return { below, dx: AFASTAMENTO[textAnchor], textAnchor };\n}\n"],"names":["AFASTAMENTO","FOLGA_ACIMA","pointLabelPlacement","pointsBySeries","series","category","lineHeight","isHidden","ponto","ultima","textAnchor","pontos","outra","vizinho"],"mappings":"AAUA,MAAMA,IAAc,EAAE,KAAK,IAAI,QAAQ,GAAG,OAAO,EAAA,GAG3CC,IAAc;AAMb,SAASC,EACdC,GACAC,GACAC,GACAC,GACAC,GACqB;AACrB,QAAMC,IAAQL,EAAeC,CAAM,EAAEC,CAAQ,GACvCI,IAASN,EAAeC,CAAM,EAAE,SAAS,GACzCM,IAAaL,MAAa,IAAI,UAAUA,MAAaI,IAAS,QAAQ;AAgB5E,SAAO,EAAE,OAbPD,MAAU,QACVL,EAAe,KAAK,CAACQ,GAAQC,MAAU;AACrC,UAAMC,IAAUF,EAAON,CAAQ;AAE/B,WAAIO,MAAUR,KAAUG,EAASK,CAAK,KAAK,CAACC,IACnC,MAGKA,EAAQ,IAAIL,EAAM,KAAMK,EAAQ,MAAML,EAAM,KAAKI,IAAQR,MAEvDI,EAAM,IAAIK,EAAQ,IAAIP,IAAaL;AAAA,EACrD,CAAC,GAEa,IAAID,EAAYU,CAAU,GAAG,YAAAA,EAAA;AAC/C;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function m({categories:r,colors:c,format:u,index:l,isHidden:e,series:t,showTotal:a=!1}){const o=l===null?[]:t.flatMap((n,s)=>{const i=n.values[l];return e(n.label)||i===null||i===void 0||!Number.isFinite(i)?[]:[{color:c[s],format:n.format,label:n.label,values:[i]}]});return{columns:[{format:u}],computed:"none",rows:o,showTotal:a&&o.length>1,title:l===null?void 0:r[l]}}function p({colors:r,formatPercent:c,formatValue:u,index:l,slices:e,total:t}){const a=l===null?void 0:e[l];return{columns:[{format:u}],computed:{compute:o=>t>0?o/t:0,format:c},rows:a&&l!==null?[{color:r[l],label:a.label,values:[Math.max(a.value,0)]}]:[]}}function f({color:r,format:c,formatPercent:u,path:l,total:e=0}){var a;const t=l??[];return{columns:[{format:c}],computed:u?{compute:o=>e>0?o/e:0,format:u}:"none",rows:t.map((o,n)=>{const s=n===t.length-1;return{color:s?r:void 0,emphasis:s,label:o.label,values:[o.value]}}),title:(a=t.at(-1))==null?void 0:a.label}}exports.categoryTooltip=m;exports.pathTooltip=f;exports.sliceTooltip=p;
+//# sourceMappingURL=tooltips.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltips.cjs","sources":["../../../../src/components/charts/core/tooltips.ts"],"sourcesContent":["import type { ChartFrameProps } from './ChartFrame';\nimport type { ChartHoveredNode } from './hoverPath';\n\nexport type ChartFrameTooltip = NonNullable<ChartFrameProps['tooltip']>;\n\nexport interface CategoryTooltipSeries {\n  /** Formato desta serie, quando difere do grafico, como a do eixo da direita. */\n  format?: (value: number) => string;\n  label: string;\n  values: readonly (number | null)[];\n}\n\nexport interface CategoryTooltipOptions {\n  categories: readonly string[];\n  colors: readonly string[];\n  format: (value: number) => string;\n  /** Categoria sob o ponteiro; `null` deixa o balao sem linhas, e ele nao aparece. */\n  index: number | null;\n  isHidden: (label: string) => boolean;\n  series: readonly CategoryTooltipSeries[];\n  /** Soma das series na ultima linha, para a pilha. */\n  showTotal?: boolean;\n}\n\n/** Balao dos graficos de categoria: uma linha por serie visivel, com a cor dela e o valor naquela categoria. */\nexport function categoryTooltip({\n  categories,\n  colors,\n  format,\n  index,\n  isHidden,\n  series,\n  showTotal = false,\n}: CategoryTooltipOptions): ChartFrameTooltip {\n  const rows =\n    index === null\n      ? []\n      : series.flatMap((serie, ordem) => {\n          const valor = serie.values[index];\n\n          if (isHidden(serie.label) || valor === null || valor === undefined || !Number.isFinite(valor)) {\n            return [];\n          }\n\n          return [{ color: colors[ordem], format: serie.format, label: serie.label, values: [valor] }];\n        });\n\n  return {\n    columns: [{ format }],\n    computed: 'none',\n    rows,\n    showTotal: showTotal && rows.length > 1,\n    title: index === null ? undefined : categories[index],\n  };\n}\n\nexport interface SliceTooltipOptions {\n  colors: readonly string[];\n  formatPercent: (ratio: number) => string;\n  formatValue: (value: number) => string;\n  /** Fatia sob o ponteiro; `null` deixa o balao sem linhas. */\n  index: number | null;\n  slices: readonly { label: string; value: number }[];\n  /** Soma das fatias ligadas, base da porcentagem. */\n  total: number;\n}\n\n/** Balao do anel: a fatia sob o ponteiro, com o valor e a parte do total. */\nexport function sliceTooltip({ colors, formatPercent, formatValue, index, slices, total }: SliceTooltipOptions): ChartFrameTooltip {\n  const fatia = index === null ? undefined : slices[index];\n\n  return {\n    columns: [{ format: formatValue }],\n    computed: { compute: (valor) => (total > 0 ? valor / total : 0), format: formatPercent },\n    rows: fatia && index !== null ? [{ color: colors[index], label: fatia.label, values: [Math.max(fatia.value, 0)] }] : [],\n  };\n}\n\nexport interface PathTooltipOptions {\n  /** Cor do no sob o ponteiro. */\n  color?: string;\n  format: (value: number) => string;\n  /** Com ele, cada nivel mostra tambem a parte do total. */\n  formatPercent?: (ratio: number) => string;\n  /** Caminho do grupo ate o no; `null` deixa o balao sem linhas. */\n  path: readonly ChartHoveredNode[] | null;\n  total?: number;\n}\n\n/** Balao dos hierarquicos: uma linha por nivel do caminho, com o no sob o ponteiro em destaque. */\nexport function pathTooltip({ color, format, formatPercent, path, total = 0 }: PathTooltipOptions): ChartFrameTooltip {\n  const niveis = path ?? [];\n\n  return {\n    columns: [{ format }],\n    computed: formatPercent ? { compute: (valor) => (total > 0 ? valor / total : 0), format: formatPercent } : 'none',\n    rows: niveis.map((nivel, indice) => {\n      const ultimo = indice === niveis.length - 1;\n      return { color: ultimo ? color : undefined, emphasis: ultimo, label: nivel.label, values: [nivel.value] };\n    }),\n    title: niveis.at(-1)?.label,\n  };\n}\n"],"names":["categoryTooltip","categories","colors","format","index","isHidden","series","showTotal","rows","serie","ordem","valor","sliceTooltip","formatPercent","formatValue","slices","total","fatia","pathTooltip","color","path","niveis","nivel","indice","ultimo","_a"],"mappings":"gFAyBO,SAASA,EAAgB,CAC9B,WAAAC,EACA,OAAAC,EACA,OAAAC,EACA,MAAAC,EACA,SAAAC,EACA,OAAAC,EACA,UAAAC,EAAY,EACd,EAA8C,CAC5C,MAAMC,EACJJ,IAAU,KACN,CAAA,EACAE,EAAO,QAAQ,CAACG,EAAOC,IAAU,CAC/B,MAAMC,EAAQF,EAAM,OAAOL,CAAK,EAEhC,OAAIC,EAASI,EAAM,KAAK,GAAKE,IAAU,MAAQA,IAAU,QAAa,CAAC,OAAO,SAASA,CAAK,EACnF,CAAA,EAGF,CAAC,CAAE,MAAOT,EAAOQ,CAAK,EAAG,OAAQD,EAAM,OAAQ,MAAOA,EAAM,MAAO,OAAQ,CAACE,CAAK,EAAG,CAC7F,CAAC,EAEP,MAAO,CACL,QAAS,CAAC,CAAE,OAAAR,EAAQ,EACpB,SAAU,OACV,KAAAK,EACA,UAAWD,GAAaC,EAAK,OAAS,EACtC,MAAOJ,IAAU,KAAO,OAAYH,EAAWG,CAAK,CAAA,CAExD,CAcO,SAASQ,EAAa,CAAE,OAAAV,EAAQ,cAAAW,EAAe,YAAAC,EAAa,MAAAV,EAAO,OAAAW,EAAQ,MAAAC,GAAiD,CACjI,MAAMC,EAAQb,IAAU,KAAO,OAAYW,EAAOX,CAAK,EAEvD,MAAO,CACL,QAAS,CAAC,CAAE,OAAQU,EAAa,EACjC,SAAU,CAAE,QAAUH,GAAWK,EAAQ,EAAIL,EAAQK,EAAQ,EAAI,OAAQH,CAAA,EACzE,KAAMI,GAASb,IAAU,KAAO,CAAC,CAAE,MAAOF,EAAOE,CAAK,EAAG,MAAOa,EAAM,MAAO,OAAQ,CAAC,KAAK,IAAIA,EAAM,MAAO,CAAC,CAAC,CAAA,CAAG,EAAI,CAAA,CAAC,CAE1H,CAcO,SAASC,EAAY,CAAE,MAAAC,EAAO,OAAAhB,EAAQ,cAAAU,EAAe,KAAAO,EAAM,MAAAJ,EAAQ,GAA4C,OACpH,MAAMK,EAASD,GAAQ,CAAA,EAEvB,MAAO,CACL,QAAS,CAAC,CAAE,OAAAjB,EAAQ,EACpB,SAAUU,EAAgB,CAAE,QAAUF,GAAWK,EAAQ,EAAIL,EAAQK,EAAQ,EAAI,OAAQH,GAAkB,OAC3G,KAAMQ,EAAO,IAAI,CAACC,EAAOC,IAAW,CAClC,MAAMC,EAASD,IAAWF,EAAO,OAAS,EAC1C,MAAO,CAAE,MAAOG,EAASL,EAAQ,OAAW,SAAUK,EAAQ,MAAOF,EAAM,MAAO,OAAQ,CAACA,EAAM,KAAK,CAAA,CACxG,CAAC,EACD,OAAOG,EAAAJ,EAAO,GAAG,EAAE,IAAZ,YAAAI,EAAe,KAAA,CAE1B"}

package/dist/components/charts/core/tooltips.js

@@ -0,0 +1,48 @@
+function p({
+  categories: r,
+  colors: c,
+  format: u,
+  index: l,
+  isHidden: n,
+  series: t,
+  showTotal: a = !1
+}) {
+  const o = l === null ? [] : t.flatMap((e, s) => {
+    const m = e.values[l];
+    return n(e.label) || m === null || m === void 0 || !Number.isFinite(m) ? [] : [{ color: c[s], format: e.format, label: e.label, values: [m] }];
+  });
+  return {
+    columns: [{ format: u }],
+    computed: "none",
+    rows: o,
+    showTotal: a && o.length > 1,
+    title: l === null ? void 0 : r[l]
+  };
+}
+function i({ colors: r, formatPercent: c, formatValue: u, index: l, slices: n, total: t }) {
+  const a = l === null ? void 0 : n[l];
+  return {
+    columns: [{ format: u }],
+    computed: { compute: (o) => t > 0 ? o / t : 0, format: c },
+    rows: a && l !== null ? [{ color: r[l], label: a.label, values: [Math.max(a.value, 0)] }] : []
+  };
+}
+function f({ color: r, format: c, formatPercent: u, path: l, total: n = 0 }) {
+  var a;
+  const t = l ?? [];
+  return {
+    columns: [{ format: c }],
+    computed: u ? { compute: (o) => n > 0 ? o / n : 0, format: u } : "none",
+    rows: t.map((o, e) => {
+      const s = e === t.length - 1;
+      return { color: s ? r : void 0, emphasis: s, label: o.label, values: [o.value] };
+    }),
+    title: (a = t.at(-1)) == null ? void 0 : a.label
+  };
+}
+export {
+  p as categoryTooltip,
+  f as pathTooltip,
+  i as sliceTooltip
+};
+//# sourceMappingURL=tooltips.js.map

package/dist/components/charts/core/tooltips.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltips.js","sources":["../../../../src/components/charts/core/tooltips.ts"],"sourcesContent":["import type { ChartFrameProps } from './ChartFrame';\nimport type { ChartHoveredNode } from './hoverPath';\n\nexport type ChartFrameTooltip = NonNullable<ChartFrameProps['tooltip']>;\n\nexport interface CategoryTooltipSeries {\n  /** Formato desta serie, quando difere do grafico, como a do eixo da direita. */\n  format?: (value: number) => string;\n  label: string;\n  values: readonly (number | null)[];\n}\n\nexport interface CategoryTooltipOptions {\n  categories: readonly string[];\n  colors: readonly string[];\n  format: (value: number) => string;\n  /** Categoria sob o ponteiro; `null` deixa o balao sem linhas, e ele nao aparece. */\n  index: number | null;\n  isHidden: (label: string) => boolean;\n  series: readonly CategoryTooltipSeries[];\n  /** Soma das series na ultima linha, para a pilha. */\n  showTotal?: boolean;\n}\n\n/** Balao dos graficos de categoria: uma linha por serie visivel, com a cor dela e o valor naquela categoria. */\nexport function categoryTooltip({\n  categories,\n  colors,\n  format,\n  index,\n  isHidden,\n  series,\n  showTotal = false,\n}: CategoryTooltipOptions): ChartFrameTooltip {\n  const rows =\n    index === null\n      ? []\n      : series.flatMap((serie, ordem) => {\n          const valor = serie.values[index];\n\n          if (isHidden(serie.label) || valor === null || valor === undefined || !Number.isFinite(valor)) {\n            return [];\n          }\n\n          return [{ color: colors[ordem], format: serie.format, label: serie.label, values: [valor] }];\n        });\n\n  return {\n    columns: [{ format }],\n    computed: 'none',\n    rows,\n    showTotal: showTotal && rows.length > 1,\n    title: index === null ? undefined : categories[index],\n  };\n}\n\nexport interface SliceTooltipOptions {\n  colors: readonly string[];\n  formatPercent: (ratio: number) => string;\n  formatValue: (value: number) => string;\n  /** Fatia sob o ponteiro; `null` deixa o balao sem linhas. */\n  index: number | null;\n  slices: readonly { label: string; value: number }[];\n  /** Soma das fatias ligadas, base da porcentagem. */\n  total: number;\n}\n\n/** Balao do anel: a fatia sob o ponteiro, com o valor e a parte do total. */\nexport function sliceTooltip({ colors, formatPercent, formatValue, index, slices, total }: SliceTooltipOptions): ChartFrameTooltip {\n  const fatia = index === null ? undefined : slices[index];\n\n  return {\n    columns: [{ format: formatValue }],\n    computed: { compute: (valor) => (total > 0 ? valor / total : 0), format: formatPercent },\n    rows: fatia && index !== null ? [{ color: colors[index], label: fatia.label, values: [Math.max(fatia.value, 0)] }] : [],\n  };\n}\n\nexport interface PathTooltipOptions {\n  /** Cor do no sob o ponteiro. */\n  color?: string;\n  format: (value: number) => string;\n  /** Com ele, cada nivel mostra tambem a parte do total. */\n  formatPercent?: (ratio: number) => string;\n  /** Caminho do grupo ate o no; `null` deixa o balao sem linhas. */\n  path: readonly ChartHoveredNode[] | null;\n  total?: number;\n}\n\n/** Balao dos hierarquicos: uma linha por nivel do caminho, com o no sob o ponteiro em destaque. */\nexport function pathTooltip({ color, format, formatPercent, path, total = 0 }: PathTooltipOptions): ChartFrameTooltip {\n  const niveis = path ?? [];\n\n  return {\n    columns: [{ format }],\n    computed: formatPercent ? { compute: (valor) => (total > 0 ? valor / total : 0), format: formatPercent } : 'none',\n    rows: niveis.map((nivel, indice) => {\n      const ultimo = indice === niveis.length - 1;\n      return { color: ultimo ? color : undefined, emphasis: ultimo, label: nivel.label, values: [nivel.value] };\n    }),\n    title: niveis.at(-1)?.label,\n  };\n}\n"],"names":["categoryTooltip","categories","colors","format","index","isHidden","series","showTotal","rows","serie","ordem","valor","sliceTooltip","formatPercent","formatValue","slices","total","fatia","pathTooltip","color","path","_a","niveis","nivel","indice","ultimo"],"mappings":"AAyBO,SAASA,EAAgB;AAAA,EAC9B,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAA8C;AAC5C,QAAMC,IACJJ,MAAU,OACN,CAAA,IACAE,EAAO,QAAQ,CAACG,GAAOC,MAAU;AAC/B,UAAMC,IAAQF,EAAM,OAAOL,CAAK;AAEhC,WAAIC,EAASI,EAAM,KAAK,KAAKE,MAAU,QAAQA,MAAU,UAAa,CAAC,OAAO,SAASA,CAAK,IACnF,CAAA,IAGF,CAAC,EAAE,OAAOT,EAAOQ,CAAK,GAAG,QAAQD,EAAM,QAAQ,OAAOA,EAAM,OAAO,QAAQ,CAACE,CAAK,GAAG;AAAA,EAC7F,CAAC;AAEP,SAAO;AAAA,IACL,SAAS,CAAC,EAAE,QAAAR,GAAQ;AAAA,IACpB,UAAU;AAAA,IACV,MAAAK;AAAA,IACA,WAAWD,KAAaC,EAAK,SAAS;AAAA,IACtC,OAAOJ,MAAU,OAAO,SAAYH,EAAWG,CAAK;AAAA,EAAA;AAExD;AAcO,SAASQ,EAAa,EAAE,QAAAV,GAAQ,eAAAW,GAAe,aAAAC,GAAa,OAAAV,GAAO,QAAAW,GAAQ,OAAAC,KAAiD;AACjI,QAAMC,IAAQb,MAAU,OAAO,SAAYW,EAAOX,CAAK;AAEvD,SAAO;AAAA,IACL,SAAS,CAAC,EAAE,QAAQU,GAAa;AAAA,IACjC,UAAU,EAAE,SAAS,CAACH,MAAWK,IAAQ,IAAIL,IAAQK,IAAQ,GAAI,QAAQH,EAAA;AAAA,IACzE,MAAMI,KAASb,MAAU,OAAO,CAAC,EAAE,OAAOF,EAAOE,CAAK,GAAG,OAAOa,EAAM,OAAO,QAAQ,CAAC,KAAK,IAAIA,EAAM,OAAO,CAAC,CAAC,EAAA,CAAG,IAAI,CAAA;AAAA,EAAC;AAE1H;AAcO,SAASC,EAAY,EAAE,OAAAC,GAAO,QAAAhB,GAAQ,eAAAU,GAAe,MAAAO,GAAM,OAAAJ,IAAQ,KAA4C;AAjE/G,MAAAK;AAkEL,QAAMC,IAASF,KAAQ,CAAA;AAEvB,SAAO;AAAA,IACL,SAAS,CAAC,EAAE,QAAAjB,GAAQ;AAAA,IACpB,UAAUU,IAAgB,EAAE,SAAS,CAACF,MAAWK,IAAQ,IAAIL,IAAQK,IAAQ,GAAI,QAAQH,MAAkB;AAAA,IAC3G,MAAMS,EAAO,IAAI,CAACC,GAAOC,MAAW;AAClC,YAAMC,IAASD,MAAWF,EAAO,SAAS;AAC1C,aAAO,EAAE,OAAOG,IAASN,IAAQ,QAAW,UAAUM,GAAQ,OAAOF,EAAM,OAAO,QAAQ,CAACA,EAAM,KAAK,EAAA;AAAA,IACxG,CAAC;AAAA,IACD,QAAOF,IAAAC,EAAO,GAAG,EAAE,MAAZ,gBAAAD,EAAe;AAAA,EAAA;AAE1B;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),l=require("./cartesianLayout.cjs"),g=require("./useTweenedNumbers.cjs"),h=600,A=240;function f(e,t,r){return{bottom:e.bottom+(t.bottom-e.bottom)*r,left:e.left+(t.left-e.left)*r,right:e.right+(t.right-e.right)*r,top:e.top+(t.top-e.top)*r}}function v(e){const t=[e.xAxis,e.yAxis,e.yAxisRight].includes("onHover"),[r,u]=s.useState(!1),a=s.useRef(void 0),i=t&&r,[m=0]=g.useTweenedNumbers([i?1:0],{duration:A});s.useEffect(()=>()=>clearTimeout(a.current),[]);const n=l.cartesianLayout({...e,revealed:!1}),c=t?l.cartesianLayout({...e,revealed:!0}):n,o=f(n.margins,c.margins,m);return{axisReveal:{onPointerEnter:()=>{t&&(clearTimeout(a.current),a.current=setTimeout(()=>u(!0),h))},onPointerLeave:()=>{clearTimeout(a.current),u(!1)},revealed:i},margins:o,plot:{height:Math.max(e.height-o.top-o.bottom,0),width:Math.max(e.width-o.left-o.right,0)},rotation:(i?c:n).rotation}}exports.useCartesianLayout=v;
+//# sourceMappingURL=useCartesianLayout.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCartesianLayout.cjs","sources":["../../../../src/components/charts/core/useCartesianLayout.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { cartesianLayout, type CartesianLayoutOptions, type ChartMargins } from './cartesianLayout';\nimport { useTweenedNumbers } from './useTweenedNumbers';\n\n/** Ponteiro parado sobre o grafico ate os eixos `onHover` entrarem: so atravessar o grafico nao o faz encolher. */\nconst ATRASO_DA_REVELACAO = 600;\nconst DURACAO_DA_REVELACAO = 240;\n\nexport interface AxisReveal {\n  onPointerEnter: () => void;\n  onPointerLeave: () => void;\n  revealed: boolean;\n}\n\nfunction interpolar(de: ChartMargins, ate: ChartMargins, fator: number): ChartMargins {\n  return {\n    bottom: de.bottom + (ate.bottom - de.bottom) * fator,\n    left: de.left + (ate.left - de.left) * fator,\n    right: de.right + (ate.right - de.right) * fator,\n    top: de.top + (ate.top - de.top) * fator,\n  };\n}\n\n/**\n * Layout cartesiano com os eixos `onHover`. Sem eles revelados, o desenho ocupa\n * o espaco todo; revelados, ele encolhe ate as calhas, numa transicao so. Dado\n * ou tamanho que mudam reposicionam na hora: o que anima e a revelacao.\n */\nexport function useCartesianLayout(options: Omit<CartesianLayoutOptions, 'revealed'>) {\n  const dinamico = [options.xAxis, options.yAxis, options.yAxisRight].includes('onHover');\n  const [revelado, setRevelado] = useState(false);\n  const relogio = useRef<ReturnType<typeof setTimeout>>(undefined);\n  const revealed = dinamico && revelado;\n  const [progresso = 0] = useTweenedNumbers([revealed ? 1 : 0], { duration: DURACAO_DA_REVELACAO });\n\n  useEffect(() => () => clearTimeout(relogio.current), []);\n\n  const recolhido = cartesianLayout({ ...options, revealed: false });\n  const aberto = dinamico ? cartesianLayout({ ...options, revealed: true }) : recolhido;\n  const margins = interpolar(recolhido.margins, aberto.margins, progresso);\n\n  const axisReveal: AxisReveal = {\n    onPointerEnter: () => {\n      if (dinamico) {\n        clearTimeout(relogio.current);\n        relogio.current = setTimeout(() => setRevelado(true), ATRASO_DA_REVELACAO);\n      }\n    },\n    onPointerLeave: () => {\n      clearTimeout(relogio.current);\n      setRevelado(false);\n    },\n    revealed,\n  };\n\n  return {\n    axisReveal,\n    margins,\n    plot: {\n      height: Math.max(options.height - margins.top - margins.bottom, 0),\n      width: Math.max(options.width - margins.left - margins.right, 0),\n    },\n    rotation: (revealed ? aberto : recolhido).rotation,\n  };\n}\n"],"names":["ATRASO_DA_REVELACAO","DURACAO_DA_REVELACAO","interpolar","de","ate","fator","useCartesianLayout","options","dinamico","revelado","setRevelado","useState","relogio","useRef","revealed","progresso","useTweenedNumbers","useEffect","recolhido","cartesianLayout","aberto","margins"],"mappings":"iLAKMA,EAAsB,IACtBC,EAAuB,IAQ7B,SAASC,EAAWC,EAAkBC,EAAmBC,EAA6B,CACpF,MAAO,CACL,OAAQF,EAAG,QAAUC,EAAI,OAASD,EAAG,QAAUE,EAC/C,KAAMF,EAAG,MAAQC,EAAI,KAAOD,EAAG,MAAQE,EACvC,MAAOF,EAAG,OAASC,EAAI,MAAQD,EAAG,OAASE,EAC3C,IAAKF,EAAG,KAAOC,EAAI,IAAMD,EAAG,KAAOE,CAAA,CAEvC,CAOO,SAASC,EAAmBC,EAAmD,CACpF,MAAMC,EAAW,CAACD,EAAQ,MAAOA,EAAQ,MAAOA,EAAQ,UAAU,EAAE,SAAS,SAAS,EAChF,CAACE,EAAUC,CAAW,EAAIC,EAAAA,SAAS,EAAK,EACxCC,EAAUC,EAAAA,OAAsC,MAAS,EACzDC,EAAWN,GAAYC,EACvB,CAACM,EAAY,CAAC,EAAIC,EAAAA,kBAAkB,CAACF,EAAW,EAAI,CAAC,EAAG,CAAE,SAAUb,EAAsB,EAEhGgB,EAAAA,UAAU,IAAM,IAAM,aAAaL,EAAQ,OAAO,EAAG,CAAA,CAAE,EAEvD,MAAMM,EAAYC,EAAAA,gBAAgB,CAAE,GAAGZ,EAAS,SAAU,GAAO,EAC3Da,EAASZ,EAAWW,kBAAgB,CAAE,GAAGZ,EAAS,SAAU,EAAA,CAAM,EAAIW,EACtEG,EAAUnB,EAAWgB,EAAU,QAASE,EAAO,QAASL,CAAS,EAgBvE,MAAO,CACL,WAf6B,CAC7B,eAAgB,IAAM,CAChBP,IACF,aAAaI,EAAQ,OAAO,EAC5BA,EAAQ,QAAU,WAAW,IAAMF,EAAY,EAAI,EAAGV,CAAmB,EAE7E,EACA,eAAgB,IAAM,CACpB,aAAaY,EAAQ,OAAO,EAC5BF,EAAY,EAAK,CACnB,EACA,SAAAI,CAAA,EAKA,QAAAO,EACA,KAAM,CACJ,OAAQ,KAAK,IAAId,EAAQ,OAASc,EAAQ,IAAMA,EAAQ,OAAQ,CAAC,EACjE,MAAO,KAAK,IAAId,EAAQ,MAAQc,EAAQ,KAAOA,EAAQ,MAAO,CAAC,CAAA,EAEjE,UAAWP,EAAWM,EAASF,GAAW,QAAA,CAE9C"}