@plenustech/design-system 0.2.0 → 0.2.2

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

@@ -0,0 +1,65 @@
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import { useId as C } from "react";
+import { ChartLegend as I } from "./ChartLegend.js";
+import r from "./Chart.module.css.js";
+import { EmptyState as j } from "../../feedback/EmptyState/EmptyState.js";
+import { IconChartBar as B } from "../../icons/icons.js";
+function R({
+  children: s,
+  centerOrigin: p = !1,
+  containerRef: n,
+  empty: u,
+  emptyMessage: v,
+  fillHeight: e,
+  height: m,
+  legend: l,
+  legendAlign: y,
+  legendPosition: a,
+  minLegendEntries: $ = 1,
+  onToggleSeries: d,
+  swatch: b = "square",
+  title: N,
+  width: o
+}) {
+  const c = C(), x = a === "left" || a === "right", i = a !== "none" && l !== void 0 && l.length >= $ && /* @__PURE__ */ t(
+    I,
+    {
+      align: y,
+      entries: l,
+      onToggle: d,
+      position: a,
+      swatch: b
+    }
+  );
+  return /* @__PURE__ */ f("figure", { className: r.figure, children: [
+    /* @__PURE__ */ t("figcaption", { className: r.title, id: c, children: N }),
+    /* @__PURE__ */ f("div", { className: `${r.body} ${x ? r.bodyRow : r.bodyColumn}`, children: [
+      (a === "top" || a === "left") && i,
+      /* @__PURE__ */ t(
+        "div",
+        {
+          className: `${r.plot} ${e ? r.plotFill : ""}`,
+          ref: n,
+          style: e ? void 0 : { minHeight: m },
+          children: u ? /* @__PURE__ */ t("div", { className: r.empty, children: /* @__PURE__ */ t(j, { icon: /* @__PURE__ */ t(B, {}), size: "sm", title: v }) }) : o === 0 || m === 0 ? null : /* @__PURE__ */ t(
+            "svg",
+            {
+              "aria-labelledby": c,
+              className: r.canvas,
+              height: m,
+              role: "img",
+              viewBox: `0 0 ${o} ${m}`,
+              width: o,
+              children: p ? /* @__PURE__ */ t("g", { transform: `translate(${o / 2} ${m / 2})`, children: s }) : s
+            }
+          )
+        }
+      ),
+      (a === "bottom" || a === "right") && i
+    ] })
+  ] });
+}
+export {
+  R as ChartFrame
+};
+//# sourceMappingURL=ChartFrame.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartFrame.js","sources":["../../../../src/components/charts/core/ChartFrame.tsx"],"sourcesContent":["import { useId, type ReactNode } from 'react';\nimport {\n  ChartLegend,\n  type ChartLegendAlign,\n  type ChartLegendEntry,\n  type ChartLegendPosition,\n  type ChartLegendSwatch,\n} from './ChartLegend';\nimport { EmptyState } from '../../feedback/EmptyState';\nimport { IconChartBar } from '../../icons';\nimport styles from './Chart.module.css';\n\nexport interface ChartFrameProps {\n  /** Marcas do grafico, em coordenadas da area de desenho. */\n  children: ReactNode;\n  /**\n   * Leva a origem das marcas para o centro da area, de modo que o filho\n   * raciocine em raio e angulo em vez de converter coordenadas.\n   */\n  centerOrigin?: boolean;\n  containerRef: (node: HTMLElement | null) => void;\n  empty: boolean;\n  emptyMessage: string;\n  fillHeight: boolean;\n  height: number;\n  legend?: readonly ChartLegendEntry[];\n  legendAlign?: ChartLegendAlign;\n  legendPosition: ChartLegendPosition;\n  /** A partir de quantas entradas a legenda aparece. */\n  minLegendEntries?: number;\n  onToggleSeries?: (label: string) => void;\n  swatch?: ChartLegendSwatch;\n  title: string;\n  width: number;\n}\n\n/**\n * Moldura de qualquer grafico: titulo, area de desenho, estado vazio e legenda.\n * O que muda entre as familias e o que se desenha dentro dela — eixos, aneis ou\n * a area inteira —, e nao o cerco, que era o mesmo repetido tres vezes.\n */\nexport function ChartFrame({\n  children,\n  centerOrigin = false,\n  containerRef,\n  empty,\n  emptyMessage,\n  fillHeight,\n  height,\n  legend,\n  legendAlign,\n  legendPosition,\n  minLegendEntries = 1,\n  onToggleSeries,\n  swatch = 'square',\n  title,\n  width,\n}: ChartFrameProps) {\n  const tituloId = useId();\n  const lateral = legendPosition === 'left' || legendPosition === 'right';\n  const legenda = legendPosition !== 'none' && legend !== undefined && legend.length >= minLegendEntries && (\n    <ChartLegend\n      align={legendAlign}\n      entries={legend}\n      onToggle={onToggleSeries}\n      position={legendPosition}\n      swatch={swatch}\n    />\n  );\n\n  return (\n    <figure className={styles.figure}>\n      <figcaption className={styles.title} id={tituloId}>\n        {title}\n      </figcaption>\n\n      <div className={`${styles.body} ${lateral ? styles.bodyRow : styles.bodyColumn}`}>\n        {(legendPosition === 'top' || legendPosition === 'left') && legenda}\n\n        <div\n          className={`${styles.plot} ${fillHeight ? styles.plotFill : ''}`}\n          ref={containerRef}\n          style={fillHeight ? undefined : { minHeight: height }}\n        >\n          {/* Sem medida ainda — SSR, aba escondida, contêiner recolhido — o\n              desenho espera. Anunciar ausencia de dados ali seria mentira: eles\n              estao la, e o que falta e largura. */}\n          {empty ? (\n            <div className={styles.empty}>\n              <EmptyState icon={<IconChartBar />} size=\"sm\" title={emptyMessage} />\n            </div>\n          ) : width === 0 || height === 0 ? null : (\n            <svg\n              aria-labelledby={tituloId}\n              className={styles.canvas}\n              height={height}\n              role=\"img\"\n              viewBox={`0 0 ${width} ${height}`}\n              width={width}\n            >\n              {centerOrigin ? (\n                <g transform={`translate(${width / 2} ${height / 2})`}>{children}</g>\n              ) : (\n                children\n              )}\n            </svg>\n          )}\n        </div>\n\n        {(legendPosition === 'bottom' || legendPosition === 'right') && legenda}\n      </div>\n    </figure>\n  );\n}\n"],"names":["ChartFrame","children","centerOrigin","containerRef","empty","emptyMessage","fillHeight","height","legend","legendAlign","legendPosition","minLegendEntries","onToggleSeries","swatch","title","width","tituloId","useId","lateral","legenda","jsx","ChartLegend","jsxs","styles","EmptyState","IconChartBar"],"mappings":";;;;;;AAyCO,SAASA,EAAW;AAAA,EACzB,UAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,gBAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,OAAAC;AACF,GAAoB;AAClB,QAAMC,IAAWC,EAAA,GACXC,IAAUR,MAAmB,UAAUA,MAAmB,SAC1DS,IAAUT,MAAmB,UAAUF,MAAW,UAAaA,EAAO,UAAUG,KACpF,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOZ;AAAA,MACP,SAASD;AAAA,MACT,UAAUI;AAAA,MACV,UAAUF;AAAA,MACV,QAAAG;AAAA,IAAA;AAAA,EAAA;AAIJ,SACE,gBAAAS,EAAC,UAAA,EAAO,WAAWC,EAAO,QACxB,UAAA;AAAA,IAAA,gBAAAH,EAAC,gBAAW,WAAWG,EAAO,OAAO,IAAIP,GACtC,UAAAF,GACH;AAAA,IAEA,gBAAAQ,EAAC,OAAA,EAAI,WAAW,GAAGC,EAAO,IAAI,IAAIL,IAAUK,EAAO,UAAUA,EAAO,UAAU,IAC1E,UAAA;AAAA,OAAAb,MAAmB,SAASA,MAAmB,WAAWS;AAAA,MAE5D,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,GAAGG,EAAO,IAAI,IAAIjB,IAAaiB,EAAO,WAAW,EAAE;AAAA,UAC9D,KAAKpB;AAAA,UACL,OAAOG,IAAa,SAAY,EAAE,WAAWC,EAAA;AAAA,UAK5C,UAAAH,sBACE,OAAA,EAAI,WAAWmB,EAAO,OACrB,UAAA,gBAAAH,EAACI,GAAA,EAAW,MAAM,gBAAAJ,EAACK,GAAA,CAAA,CAAa,GAAI,MAAK,MAAK,OAAOpB,EAAA,CAAc,GACrE,IACEU,MAAU,KAAKR,MAAW,IAAI,OAChC,gBAAAa;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,mBAAiBJ;AAAA,cACjB,WAAWO,EAAO;AAAA,cAClB,QAAAhB;AAAA,cACA,MAAK;AAAA,cACL,SAAS,OAAOQ,CAAK,IAAIR,CAAM;AAAA,cAC/B,OAAAQ;AAAA,cAEC,UAAAb,IACC,gBAAAkB,EAAC,KAAA,EAAE,WAAW,aAAaL,IAAQ,CAAC,IAAIR,IAAS,CAAC,KAAM,UAAAN,EAAA,CAAS,IAEjEA;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ;AAAA,MAAA;AAAA,OAIFS,MAAmB,YAAYA,MAAmB,YAAYS;AAAA,IAAA,EAAA,CAClE;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("./Chart.module.css.cjs"),o={left:e.default.legendLeft,center:e.default.legendCenter,right:e.default.legendRight};function f({align:s="center",entries:u,onToggle:d,position:n,swatch:c="square"}){const r=n==="left"||n==="right";return t.jsx("ul",{className:`${e.default.legend} ${r?e.default.legendSide:o[s]}`,children:u.map((l,i)=>{const a=t.jsxs(t.Fragment,{children:[t.jsx("span",{"aria-hidden":"true",className:`${e.default.swatch} ${c==="dot"?e.default.swatchDot:""}`,style:l.hidden?void 0:{background:l.color}}),t.jsx("span",{className:e.default.legendLabel,children:l.label}),l.value!==void 0&&t.jsx("span",{className:e.default.legendValue,children:l.value})]});return t.jsx("li",{className:e.default.legendItem,children:d?t.jsx("button",{"aria-pressed":!l.hidden,className:`${e.default.legendButton} ${l.hidden?e.default.legendOff:""}`,onClick:()=>d(l.label),type:"button",children:a}):a},i)})})}exports.ChartLegend=f;
+//# sourceMappingURL=ChartLegend.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartLegend.cjs","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":"yJAiBMA,EAAgD,CACpD,KAAMC,EAAAA,QAAO,WACb,OAAQA,EAAAA,QAAO,aACf,MAAOA,EAAAA,QAAO,WAChB,EAcO,SAASC,EAAY,CAC1B,MAAAC,EAAQ,SACR,QAAAC,EACA,SAAAC,EACA,SAAAC,EACA,OAAAC,EAAS,QACX,EAAqB,CACnB,MAAMC,EAAUF,IAAa,QAAUA,IAAa,QAEpD,aACG,KAAA,CAAG,UAAW,GAAGL,UAAO,MAAM,IAAIO,EAAUP,EAAAA,QAAO,WAAaD,EAAYG,CAAK,CAAC,GAChF,WAAQ,IAAI,CAACM,EAASC,IAAW,CAChC,MAAMC,EACJC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,OAAA,CACC,cAAY,OACZ,UAAW,GAAGb,UAAO,MAAM,IAAIM,IAAW,MAAQN,EAAAA,QAAO,UAAY,EAAE,GACvE,MAAOQ,EAAQ,OAAS,OAAY,CAAE,WAAYA,EAAQ,KAAA,CAAM,CAAA,QAEjE,OAAA,CAAK,UAAWR,EAAAA,QAAO,YAAc,WAAQ,MAAM,EACnDQ,EAAQ,QAAU,QAAaK,EAAAA,IAAC,QAAK,UAAWb,EAAAA,QAAO,YAAc,SAAAQ,EAAQ,KAAA,CAAM,CAAA,EACtF,EAGF,OACEK,EAAAA,IAAC,KAAA,CAAG,UAAWb,EAAAA,QAAO,WACnB,SAAAI,EACCS,EAAAA,IAAC,SAAA,CACC,eAAc,CAACL,EAAQ,OACvB,UAAW,GAAGR,UAAO,YAAY,IAAIQ,EAAQ,OAASR,EAAAA,QAAO,UAAY,EAAE,GAC3E,QAAS,IAAMI,EAASI,EAAQ,KAAK,EACrC,KAAK,SAEJ,SAAAE,CAAA,CAAA,EAGHA,GAXmCD,CAavC,CAEJ,CAAC,CAAA,CACH,CAEJ"}

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

@@ -0,0 +1,44 @@
+import { jsx as n, jsxs as h, Fragment as g } from "react/jsx-runtime";
+import e from "./Chart.module.css.js";
+const u = {
+  left: e.legendLeft,
+  center: e.legendCenter,
+  right: e.legendRight
+};
+function p({
+  align: c = "center",
+  entries: r,
+  onToggle: t,
+  position: s,
+  swatch: i = "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(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: `${e.swatch} ${i === "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 })
+    ] });
+    return /* @__PURE__ */ n("li", { className: e.legendItem, children: t ? /* @__PURE__ */ n(
+      "button",
+      {
+        "aria-pressed": !l.hidden,
+        className: `${e.legendButton} ${l.hidden ? e.legendOff : ""}`,
+        onClick: () => t(l.label),
+        type: "button",
+        children: d
+      }
+    ) : d }, o);
+  }) });
+}
+export {
+  p as ChartLegend
+};
+//# sourceMappingURL=ChartLegend.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("./Chart.module.css.cjs");function s({baseline:d,length:t,lines:u,orientation:l}){const r=l==="horizontal";return i.jsx("g",{"aria-hidden":"true",children:u.map((e,a)=>i.jsx("line",{className:e===d?n.default.gridBaseline:n.default.gridLine,x1:r?0:e,x2:r?t:e,y1:r?e:0,y2:r?e:t},a))})}exports.Grid=s;
+//# sourceMappingURL=Grid.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.cjs","sources":["../../../../src/components/charts/core/Grid.tsx"],"sourcesContent":["import styles from './Chart.module.css';\n\nexport type GridOrientation = 'horizontal' | 'vertical';\n\nexport interface GridProps {\n  baseline?: number;\n  length: number;\n  lines: readonly number[];\n  orientation: GridOrientation;\n}\n\n/**\n * Linhas de referencia do grafico. A linha da base recebe destaque proprio:\n * ela separa valores positivos de negativos e nao e apenas mais uma marca.\n */\nexport function Grid({ baseline, length, lines, orientation }: GridProps) {\n  const horizontal = orientation === 'horizontal';\n\n  return (\n    <g aria-hidden=\"true\">\n      {lines.map((posicao, indice) => (\n        <line\n          className={posicao === baseline ? styles.gridBaseline : styles.gridLine}\n          key={indice}\n          x1={horizontal ? 0 : posicao}\n          x2={horizontal ? length : posicao}\n          y1={horizontal ? posicao : 0}\n          y2={horizontal ? posicao : length}\n        />\n      ))}\n    </g>\n  );\n}\n"],"names":["Grid","baseline","length","lines","orientation","horizontal","jsx","posicao","indice","styles"],"mappings":"yJAeO,SAASA,EAAK,CAAE,SAAAC,EAAU,OAAAC,EAAQ,MAAAC,EAAO,YAAAC,GAA0B,CACxE,MAAMC,EAAaD,IAAgB,aAEnC,OACEE,MAAC,KAAE,cAAY,OACZ,WAAM,IAAI,CAACC,EAASC,IACnBF,EAAAA,IAAC,OAAA,CACC,UAAWC,IAAYN,EAAWQ,EAAAA,QAAO,aAAeA,EAAAA,QAAO,SAE/D,GAAIJ,EAAa,EAAIE,EACrB,GAAIF,EAAaH,EAASK,EAC1B,GAAIF,EAAaE,EAAU,EAC3B,GAAIF,EAAaE,EAAUL,CAAA,EAJtBM,CAAA,CAMR,EACH,CAEJ"}

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

@@ -0,0 +1,20 @@
+import { jsx as n } from "react/jsx-runtime";
+import t from "./Chart.module.css.js";
+function h({ baseline: d, length: i, lines: l, orientation: m }) {
+  const e = m === "horizontal";
+  return /* @__PURE__ */ n("g", { "aria-hidden": "true", children: l.map((r, a) => /* @__PURE__ */ n(
+    "line",
+    {
+      className: r === d ? t.gridBaseline : t.gridLine,
+      x1: e ? 0 : r,
+      x2: e ? i : r,
+      y1: e ? r : 0,
+      y2: e ? r : i
+    },
+    a
+  )) });
+}
+export {
+  h as Grid
+};
+//# sourceMappingURL=Grid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sources":["../../../../src/components/charts/core/Grid.tsx"],"sourcesContent":["import styles from './Chart.module.css';\n\nexport type GridOrientation = 'horizontal' | 'vertical';\n\nexport interface GridProps {\n  baseline?: number;\n  length: number;\n  lines: readonly number[];\n  orientation: GridOrientation;\n}\n\n/**\n * Linhas de referencia do grafico. A linha da base recebe destaque proprio:\n * ela separa valores positivos de negativos e nao e apenas mais uma marca.\n */\nexport function Grid({ baseline, length, lines, orientation }: GridProps) {\n  const horizontal = orientation === 'horizontal';\n\n  return (\n    <g aria-hidden=\"true\">\n      {lines.map((posicao, indice) => (\n        <line\n          className={posicao === baseline ? styles.gridBaseline : styles.gridLine}\n          key={indice}\n          x1={horizontal ? 0 : posicao}\n          x2={horizontal ? length : posicao}\n          y1={horizontal ? posicao : 0}\n          y2={horizontal ? posicao : length}\n        />\n      ))}\n    </g>\n  );\n}\n"],"names":["Grid","baseline","length","lines","orientation","horizontal","jsx","posicao","indice","styles"],"mappings":";;AAeO,SAASA,EAAK,EAAE,UAAAC,GAAU,QAAAC,GAAQ,OAAAC,GAAO,aAAAC,KAA0B;AACxE,QAAMC,IAAaD,MAAgB;AAEnC,SACE,gBAAAE,EAAC,OAAE,eAAY,QACZ,YAAM,IAAI,CAACC,GAASC,MACnB,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,MAAYN,IAAWQ,EAAO,eAAeA,EAAO;AAAA,MAE/D,IAAIJ,IAAa,IAAIE;AAAA,MACrB,IAAIF,IAAaH,IAASK;AAAA,MAC1B,IAAIF,IAAaE,IAAU;AAAA,MAC3B,IAAIF,IAAaE,IAAUL;AAAA,IAAA;AAAA,IAJtBM;AAAA,EAAA,CAMR,GACH;AAEJ;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("d3-shape"),l=Math.PI*2;function s(n,{endAngle:t=l,padAngle:e=0,startAngle:c=0}={}){return o.pie().sort(null).sortValues(null).value(r=>Math.max(r,0)).startAngle(c).endAngle(t).padAngle(e)([...n]).map(({endAngle:r,startAngle:a})=>({endAngle:r,startAngle:a}))}function u({cornerRadius:n=0,endAngle:t,innerRadius:e,outerRadius:c,padAngle:r=0,startAngle:a}){return o.arc().cornerRadius(n).innerRadius(e).outerRadius(c).padAngle(r).startAngle(a).endAngle(t)({cornerRadius:n,endAngle:t,innerRadius:e,outerRadius:c,padAngle:r,startAngle:a})??""}function i({endAngle:n,innerRadius:t,outerRadius:e,startAngle:c}){const r=(t+e)/2,a=(c+n)/2-Math.PI/2;return[Math.cos(a)*r,Math.sin(a)*r]}function A(n,t){const e=(n.startAngle+n.endAngle)/2-Math.PI/2;return[Math.cos(e)*t,Math.sin(e)*t]}exports.VOLTA=l;exports.arcAnchor=A;exports.arcCentroid=i;exports.arcPath=u;exports.sliceAngles=s;
+//# sourceMappingURL=arcs.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"arcs.cjs","sources":["../../../../src/components/charts/core/arcs.ts"],"sourcesContent":["import { arc, pie } from 'd3-shape';\n\nexport const VOLTA = Math.PI * 2;\n\nexport interface ArcAngles {\n  endAngle: number;\n  startAngle: number;\n}\n\nexport interface ArcShape extends ArcAngles {\n  cornerRadius?: number;\n  innerRadius: number;\n  outerRadius: number;\n  padAngle?: number;\n}\n\nexport interface SliceAnglesOptions {\n  endAngle?: number;\n  padAngle?: number;\n  startAngle?: number;\n}\n\n/**\n * Angulo de cada fatia, **na ordem recebida**. A ordenacao por valor fica de\n * fora: a fatia precisa ficar onde o consumidor a colocou, porque e essa ordem\n * que a legenda repete.\n */\nexport function sliceAngles(\n  values: readonly number[],\n  { endAngle = VOLTA, padAngle = 0, startAngle = 0 }: SliceAnglesOptions = {},\n): ArcAngles[] {\n  return pie<number>()\n    .sort(null)\n    .sortValues(null)\n    .value((valor) => Math.max(valor, 0))\n    .startAngle(startAngle)\n    .endAngle(endAngle)\n    .padAngle(padAngle)(\n    [...values],\n  ).map(({ endAngle: fim, startAngle: comeco }) => ({ endAngle: fim, startAngle: comeco }));\n}\n\nexport function arcPath({ cornerRadius = 0, endAngle, innerRadius, outerRadius, padAngle = 0, startAngle }: ArcShape) {\n  return (\n    arc<ArcShape>()\n      .cornerRadius(cornerRadius)\n      .innerRadius(innerRadius)\n      .outerRadius(outerRadius)\n      .padAngle(padAngle)\n      .startAngle(startAngle)\n      .endAngle(endAngle)({ cornerRadius, endAngle, innerRadius, outerRadius, padAngle, startAngle }) ?? ''\n  );\n}\n\n/** Centro geometrico do arco, onde um rotulo sobre a fatia se apoia. */\nexport function arcCentroid({ endAngle, innerRadius, outerRadius, startAngle }: ArcShape): [number, number] {\n  const raio = (innerRadius + outerRadius) / 2;\n  const angulo = (startAngle + endAngle) / 2 - Math.PI / 2;\n\n  return [Math.cos(angulo) * raio, Math.sin(angulo) * raio];\n}\n\n/** Ponto na borda do arco, de onde parte o conector de um rotulo externo. */\nexport function arcAnchor(angles: ArcAngles, radius: number): [number, number] {\n  const angulo = (angles.startAngle + angles.endAngle) / 2 - Math.PI / 2;\n\n  return [Math.cos(angulo) * radius, Math.sin(angulo) * radius];\n}\n"],"names":["VOLTA","sliceAngles","values","endAngle","padAngle","startAngle","pie","valor","fim","comeco","arcPath","cornerRadius","innerRadius","outerRadius","arc","arcCentroid","raio","angulo","arcAnchor","angles","radius"],"mappings":"4GAEaA,EAAQ,KAAK,GAAK,EAyBxB,SAASC,EACdC,EACA,CAAE,SAAAC,EAAWH,EAAO,SAAAI,EAAW,EAAG,WAAAC,EAAa,CAAA,EAA0B,GAC5D,CACb,OAAOC,EAAAA,IAAA,EACJ,KAAK,IAAI,EACT,WAAW,IAAI,EACf,MAAOC,GAAU,KAAK,IAAIA,EAAO,CAAC,CAAC,EACnC,WAAWF,CAAU,EACrB,SAASF,CAAQ,EACjB,SAASC,CAAQ,EAClB,CAAC,GAAGF,CAAM,CAAA,EACV,IAAI,CAAC,CAAE,SAAUM,EAAK,WAAYC,MAAc,CAAE,SAAUD,EAAK,WAAYC,GAAS,CAC1F,CAEO,SAASC,EAAQ,CAAE,aAAAC,EAAe,EAAG,SAAAR,EAAU,YAAAS,EAAa,YAAAC,EAAa,SAAAT,EAAW,EAAG,WAAAC,GAAwB,CACpH,OACES,MAAA,EACG,aAAaH,CAAY,EACzB,YAAYC,CAAW,EACvB,YAAYC,CAAW,EACvB,SAAST,CAAQ,EACjB,WAAWC,CAAU,EACrB,SAASF,CAAQ,EAAE,CAAE,aAAAQ,EAAc,SAAAR,EAAU,YAAAS,EAAa,YAAAC,EAAa,SAAAT,EAAU,WAAAC,CAAA,CAAY,GAAK,EAEzG,CAGO,SAASU,EAAY,CAAE,SAAAZ,EAAU,YAAAS,EAAa,YAAAC,EAAa,WAAAR,GAA0C,CAC1G,MAAMW,GAAQJ,EAAcC,GAAe,EACrCI,GAAUZ,EAAaF,GAAY,EAAI,KAAK,GAAK,EAEvD,MAAO,CAAC,KAAK,IAAIc,CAAM,EAAID,EAAM,KAAK,IAAIC,CAAM,EAAID,CAAI,CAC1D,CAGO,SAASE,EAAUC,EAAmBC,EAAkC,CAC7E,MAAMH,GAAUE,EAAO,WAAaA,EAAO,UAAY,EAAI,KAAK,GAAK,EAErE,MAAO,CAAC,KAAK,IAAIF,CAAM,EAAIG,EAAQ,KAAK,IAAIH,CAAM,EAAIG,CAAM,CAC9D"}

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

@@ -0,0 +1,26 @@
+import { arc as l, pie as c } from "d3-shape";
+const s = Math.PI * 2;
+function A(n, { endAngle: t = s, padAngle: a = 0, startAngle: o = 0 } = {}) {
+  return c().sort(null).sortValues(null).value((e) => Math.max(e, 0)).startAngle(o).endAngle(t).padAngle(a)(
+    [...n]
+  ).map(({ endAngle: e, startAngle: r }) => ({ endAngle: e, startAngle: r }));
+}
+function g({ cornerRadius: n = 0, endAngle: t, innerRadius: a, outerRadius: o, padAngle: e = 0, startAngle: r }) {
+  return l().cornerRadius(n).innerRadius(a).outerRadius(o).padAngle(e).startAngle(r).endAngle(t)({ cornerRadius: n, endAngle: t, innerRadius: a, outerRadius: o, padAngle: e, startAngle: r }) ?? "";
+}
+function h({ endAngle: n, innerRadius: t, outerRadius: a, startAngle: o }) {
+  const e = (t + a) / 2, r = (o + n) / 2 - Math.PI / 2;
+  return [Math.cos(r) * e, Math.sin(r) * e];
+}
+function i(n, t) {
+  const a = (n.startAngle + n.endAngle) / 2 - Math.PI / 2;
+  return [Math.cos(a) * t, Math.sin(a) * t];
+}
+export {
+  s as VOLTA,
+  i as arcAnchor,
+  h as arcCentroid,
+  g as arcPath,
+  A as sliceAngles
+};
+//# sourceMappingURL=arcs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"arcs.js","sources":["../../../../src/components/charts/core/arcs.ts"],"sourcesContent":["import { arc, pie } from 'd3-shape';\n\nexport const VOLTA = Math.PI * 2;\n\nexport interface ArcAngles {\n  endAngle: number;\n  startAngle: number;\n}\n\nexport interface ArcShape extends ArcAngles {\n  cornerRadius?: number;\n  innerRadius: number;\n  outerRadius: number;\n  padAngle?: number;\n}\n\nexport interface SliceAnglesOptions {\n  endAngle?: number;\n  padAngle?: number;\n  startAngle?: number;\n}\n\n/**\n * Angulo de cada fatia, **na ordem recebida**. A ordenacao por valor fica de\n * fora: a fatia precisa ficar onde o consumidor a colocou, porque e essa ordem\n * que a legenda repete.\n */\nexport function sliceAngles(\n  values: readonly number[],\n  { endAngle = VOLTA, padAngle = 0, startAngle = 0 }: SliceAnglesOptions = {},\n): ArcAngles[] {\n  return pie<number>()\n    .sort(null)\n    .sortValues(null)\n    .value((valor) => Math.max(valor, 0))\n    .startAngle(startAngle)\n    .endAngle(endAngle)\n    .padAngle(padAngle)(\n    [...values],\n  ).map(({ endAngle: fim, startAngle: comeco }) => ({ endAngle: fim, startAngle: comeco }));\n}\n\nexport function arcPath({ cornerRadius = 0, endAngle, innerRadius, outerRadius, padAngle = 0, startAngle }: ArcShape) {\n  return (\n    arc<ArcShape>()\n      .cornerRadius(cornerRadius)\n      .innerRadius(innerRadius)\n      .outerRadius(outerRadius)\n      .padAngle(padAngle)\n      .startAngle(startAngle)\n      .endAngle(endAngle)({ cornerRadius, endAngle, innerRadius, outerRadius, padAngle, startAngle }) ?? ''\n  );\n}\n\n/** Centro geometrico do arco, onde um rotulo sobre a fatia se apoia. */\nexport function arcCentroid({ endAngle, innerRadius, outerRadius, startAngle }: ArcShape): [number, number] {\n  const raio = (innerRadius + outerRadius) / 2;\n  const angulo = (startAngle + endAngle) / 2 - Math.PI / 2;\n\n  return [Math.cos(angulo) * raio, Math.sin(angulo) * raio];\n}\n\n/** Ponto na borda do arco, de onde parte o conector de um rotulo externo. */\nexport function arcAnchor(angles: ArcAngles, radius: number): [number, number] {\n  const angulo = (angles.startAngle + angles.endAngle) / 2 - Math.PI / 2;\n\n  return [Math.cos(angulo) * radius, Math.sin(angulo) * radius];\n}\n"],"names":["VOLTA","sliceAngles","values","endAngle","padAngle","startAngle","pie","valor","fim","comeco","arcPath","cornerRadius","innerRadius","outerRadius","arc","arcCentroid","raio","angulo","arcAnchor","angles","radius"],"mappings":";AAEO,MAAMA,IAAQ,KAAK,KAAK;AAyBxB,SAASC,EACdC,GACA,EAAE,UAAAC,IAAWH,GAAO,UAAAI,IAAW,GAAG,YAAAC,IAAa,EAAA,IAA0B,IAC5D;AACb,SAAOC,EAAA,EACJ,KAAK,IAAI,EACT,WAAW,IAAI,EACf,MAAM,CAACC,MAAU,KAAK,IAAIA,GAAO,CAAC,CAAC,EACnC,WAAWF,CAAU,EACrB,SAASF,CAAQ,EACjB,SAASC,CAAQ;AAAA,IAClB,CAAC,GAAGF,CAAM;AAAA,EAAA,EACV,IAAI,CAAC,EAAE,UAAUM,GAAK,YAAYC,SAAc,EAAE,UAAUD,GAAK,YAAYC,IAAS;AAC1F;AAEO,SAASC,EAAQ,EAAE,cAAAC,IAAe,GAAG,UAAAR,GAAU,aAAAS,GAAa,aAAAC,GAAa,UAAAT,IAAW,GAAG,YAAAC,KAAwB;AACpH,SACES,EAAA,EACG,aAAaH,CAAY,EACzB,YAAYC,CAAW,EACvB,YAAYC,CAAW,EACvB,SAAST,CAAQ,EACjB,WAAWC,CAAU,EACrB,SAASF,CAAQ,EAAE,EAAE,cAAAQ,GAAc,UAAAR,GAAU,aAAAS,GAAa,aAAAC,GAAa,UAAAT,GAAU,YAAAC,EAAA,CAAY,KAAK;AAEzG;AAGO,SAASU,EAAY,EAAE,UAAAZ,GAAU,aAAAS,GAAa,aAAAC,GAAa,YAAAR,KAA0C;AAC1G,QAAMW,KAAQJ,IAAcC,KAAe,GACrCI,KAAUZ,IAAaF,KAAY,IAAI,KAAK,KAAK;AAEvD,SAAO,CAAC,KAAK,IAAIc,CAAM,IAAID,GAAM,KAAK,IAAIC,CAAM,IAAID,CAAI;AAC1D;AAGO,SAASE,EAAUC,GAAmBC,GAAkC;AAC7E,QAAMH,KAAUE,EAAO,aAAaA,EAAO,YAAY,IAAI,KAAK,KAAK;AAErE,SAAO,CAAC,KAAK,IAAIF,CAAM,IAAIG,GAAQ,KAAK,IAAIH,CAAM,IAAIG,CAAM;AAC9D;"}

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

@@ -0,0 +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;
+//# sourceMappingURL=cartesianLayout.cjs.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,59 @@
+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 };
+}
+function x(a, t, r) {
+  return a === "hidden" ? 0 : h(t, r) + e;
+}
+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 T(a, t, r, i) {
+  if (i === "hidden")
+    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;
+}
+function D({
+  bottomLabels: a,
+  font: t,
+  height: r,
+  labelAngle: i,
+  leftLabels: o,
+  rightLabels: l,
+  topRoom: g,
+  width: m,
+  xAxis: s,
+  yAxis: p,
+  yAxisRight: H
+}) {
+  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)
+  };
+  return {
+    margins: n,
+    plot: {
+      width: Math.max(m - n.left - n.right, 0),
+      height: Math.max(r - n.top - n.bottom, 0)
+    },
+    rotation: c
+  };
+}
+function G(a, t, r) {
+  const i = E({ domain: a, range: [t, 0] });
+  return F(i, t).map(r);
+}
+export {
+  L as bottomLabelRotation,
+  D as cartesianLayout,
+  C as chartHeight,
+  G as valueLabelsFor
+};
+//# sourceMappingURL=cartesianLayout.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./measureText.cjs"),m=require("./spacing.cjs");function d(a,i){const e=i.centerSteps[i.centerSteps.length-1];return s.measureLabel(a,{...i,family:e.display?i.headingFamily:i.family,size:e.size})/2+m.CHART_LABEL_OFFSET}function g(a,i,e,n){const r=Math.max(n-m.CHART_LABEL_OFFSET*2,0),l=e.centerSteps,t=l.find(c=>s.measureLabel(a,{...e,family:c.display?e.headingFamily:e.family,size:c.size})<=r)??l[l.length-1],u=t.display?e.headingFamily:e.family;return{family:u,label:s.truncateToWidth(i,e,r),lineHeight:t.lineHeight,size:t.size,value:s.truncateToWidth(a,{...e,family:u,size:t.size},r)}}exports.centerTextRadius=d;exports.fitCenterText=g;
+//# sourceMappingURL=centerText.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"centerText.cjs","sources":["../../../../src/components/charts/core/centerText.ts"],"sourcesContent":["import { measureLabel, truncateToWidth, type LabelFont } from './measureText';\nimport { CHART_LABEL_OFFSET } from './spacing';\n\nexport interface CenterText {\n  family: string;\n  label: string;\n  lineHeight: number;\n  size: number;\n  value: string;\n}\n\n/** Raio do vazio central em que o valor cabe inteiro no menor degrau da escala. */\nexport function centerTextRadius(value: string, font: LabelFont) {\n  const menor = font.centerSteps[font.centerSteps.length - 1];\n  const largura = measureLabel(value, {\n    ...font,\n    family: menor.display ? font.headingFamily : font.family,\n    size: menor.size,\n  });\n\n  return largura / 2 + CHART_LABEL_OFFSET;\n}\n\n/**\n * Valor e rotulo do centro, no maior degrau da escala oficial em que o texto ainda cabe dentro do anel: o valor e um\n * KPI, e anel pequeno desce na escala em vez de sair dela. O SVG nao corta o que transborda; no ultimo degrau, corta-se.\n */\nexport function fitCenterText(\n  value: string,\n  label: string,\n  font: LabelFont,\n  innerDiameter: number,\n): CenterText {\n  // A largura util e a corda do circulo interno na altura do texto, e nao o\n  // diametro: no centro do anel o texto tem o diametro inteiro, mas o rotulo,\n  // logo abaixo, tem menos.\n  const disponivel = Math.max(innerDiameter - CHART_LABEL_OFFSET * 2, 0);\n\n  const degraus = font.centerSteps;\n  const degrau =\n    degraus.find((candidato) =>\n      measureLabel(value, {\n        ...font,\n        family: candidato.display ? font.headingFamily : font.family,\n        size: candidato.size,\n      }) <= disponivel,\n    ) ?? degraus[degraus.length - 1];\n\n  const family = degrau.display ? font.headingFamily : font.family;\n\n  return {\n    family,\n    label: truncateToWidth(label, font, disponivel),\n    lineHeight: degrau.lineHeight,\n    size: degrau.size,\n    value: truncateToWidth(value, { ...font, family, size: degrau.size }, disponivel),\n  };\n}\n"],"names":["centerTextRadius","value","font","menor","measureLabel","CHART_LABEL_OFFSET","fitCenterText","label","innerDiameter","disponivel","degraus","degrau","candidato","family","truncateToWidth"],"mappings":"gJAYO,SAASA,EAAiBC,EAAeC,EAAiB,CAC/D,MAAMC,EAAQD,EAAK,YAAYA,EAAK,YAAY,OAAS,CAAC,EAO1D,OANgBE,EAAAA,aAAaH,EAAO,CAClC,GAAGC,EACH,OAAQC,EAAM,QAAUD,EAAK,cAAgBA,EAAK,OAClD,KAAMC,EAAM,IAAA,CACb,EAEgB,EAAIE,EAAAA,kBACvB,CAMO,SAASC,EACdL,EACAM,EACAL,EACAM,EACY,CAIZ,MAAMC,EAAa,KAAK,IAAID,EAAgBH,EAAAA,mBAAqB,EAAG,CAAC,EAE/DK,EAAUR,EAAK,YACfS,EACJD,EAAQ,KAAME,GACZR,EAAAA,aAAaH,EAAO,CAClB,GAAGC,EACH,OAAQU,EAAU,QAAUV,EAAK,cAAgBA,EAAK,OACtD,KAAMU,EAAU,IAAA,CACjB,GAAKH,CAAA,GACHC,EAAQA,EAAQ,OAAS,CAAC,EAE3BG,EAASF,EAAO,QAAUT,EAAK,cAAgBA,EAAK,OAE1D,MAAO,CACL,OAAAW,EACA,MAAOC,EAAAA,gBAAgBP,EAAOL,EAAMO,CAAU,EAC9C,WAAYE,EAAO,WACnB,KAAMA,EAAO,KACb,MAAOG,EAAAA,gBAAgBb,EAAO,CAAE,GAAGC,EAAM,OAAAW,EAAQ,KAAMF,EAAO,IAAA,EAAQF,CAAU,CAAA,CAEpF"}

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

@@ -0,0 +1,31 @@
+import { measureLabel as y, truncateToWidth as c } from "./measureText.js";
+import { CHART_LABEL_OFFSET as g } from "./spacing.js";
+function p(a, i) {
+  const e = i.centerSteps[i.centerSteps.length - 1];
+  return y(a, {
+    ...i,
+    family: e.display ? i.headingFamily : i.family,
+    size: e.size
+  }) / 2 + g;
+}
+function h(a, i, e, t) {
+  const r = Math.max(t - g * 2, 0), l = e.centerSteps, s = l.find(
+    (n) => y(a, {
+      ...e,
+      family: n.display ? e.headingFamily : e.family,
+      size: n.size
+    }) <= r
+  ) ?? l[l.length - 1], m = s.display ? e.headingFamily : e.family;
+  return {
+    family: m,
+    label: c(i, e, r),
+    lineHeight: s.lineHeight,
+    size: s.size,
+    value: c(a, { ...e, family: m, size: s.size }, r)
+  };
+}
+export {
+  p as centerTextRadius,
+  h as fitCenterText
+};
+//# sourceMappingURL=centerText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"centerText.js","sources":["../../../../src/components/charts/core/centerText.ts"],"sourcesContent":["import { measureLabel, truncateToWidth, type LabelFont } from './measureText';\nimport { CHART_LABEL_OFFSET } from './spacing';\n\nexport interface CenterText {\n  family: string;\n  label: string;\n  lineHeight: number;\n  size: number;\n  value: string;\n}\n\n/** Raio do vazio central em que o valor cabe inteiro no menor degrau da escala. */\nexport function centerTextRadius(value: string, font: LabelFont) {\n  const menor = font.centerSteps[font.centerSteps.length - 1];\n  const largura = measureLabel(value, {\n    ...font,\n    family: menor.display ? font.headingFamily : font.family,\n    size: menor.size,\n  });\n\n  return largura / 2 + CHART_LABEL_OFFSET;\n}\n\n/**\n * Valor e rotulo do centro, no maior degrau da escala oficial em que o texto ainda cabe dentro do anel: o valor e um\n * KPI, e anel pequeno desce na escala em vez de sair dela. O SVG nao corta o que transborda; no ultimo degrau, corta-se.\n */\nexport function fitCenterText(\n  value: string,\n  label: string,\n  font: LabelFont,\n  innerDiameter: number,\n): CenterText {\n  // A largura util e a corda do circulo interno na altura do texto, e nao o\n  // diametro: no centro do anel o texto tem o diametro inteiro, mas o rotulo,\n  // logo abaixo, tem menos.\n  const disponivel = Math.max(innerDiameter - CHART_LABEL_OFFSET * 2, 0);\n\n  const degraus = font.centerSteps;\n  const degrau =\n    degraus.find((candidato) =>\n      measureLabel(value, {\n        ...font,\n        family: candidato.display ? font.headingFamily : font.family,\n        size: candidato.size,\n      }) <= disponivel,\n    ) ?? degraus[degraus.length - 1];\n\n  const family = degrau.display ? font.headingFamily : font.family;\n\n  return {\n    family,\n    label: truncateToWidth(label, font, disponivel),\n    lineHeight: degrau.lineHeight,\n    size: degrau.size,\n    value: truncateToWidth(value, { ...font, family, size: degrau.size }, disponivel),\n  };\n}\n"],"names":["centerTextRadius","value","font","menor","measureLabel","CHART_LABEL_OFFSET","fitCenterText","label","innerDiameter","disponivel","degraus","degrau","candidato","family","truncateToWidth"],"mappings":";;AAYO,SAASA,EAAiBC,GAAeC,GAAiB;AAC/D,QAAMC,IAAQD,EAAK,YAAYA,EAAK,YAAY,SAAS,CAAC;AAO1D,SANgBE,EAAaH,GAAO;AAAA,IAClC,GAAGC;AAAA,IACH,QAAQC,EAAM,UAAUD,EAAK,gBAAgBA,EAAK;AAAA,IAClD,MAAMC,EAAM;AAAA,EAAA,CACb,IAEgB,IAAIE;AACvB;AAMO,SAASC,EACdL,GACAM,GACAL,GACAM,GACY;AAIZ,QAAMC,IAAa,KAAK,IAAID,IAAgBH,IAAqB,GAAG,CAAC,GAE/DK,IAAUR,EAAK,aACfS,IACJD,EAAQ;AAAA,IAAK,CAACE,MACZR,EAAaH,GAAO;AAAA,MAClB,GAAGC;AAAA,MACH,QAAQU,EAAU,UAAUV,EAAK,gBAAgBA,EAAK;AAAA,MACtD,MAAMU,EAAU;AAAA,IAAA,CACjB,KAAKH;AAAA,EAAA,KACHC,EAAQA,EAAQ,SAAS,CAAC,GAE3BG,IAASF,EAAO,UAAUT,EAAK,gBAAgBA,EAAK;AAE1D,SAAO;AAAA,IACL,QAAAW;AAAA,IACA,OAAOC,EAAgBP,GAAOL,GAAMO,CAAU;AAAA,IAC9C,YAAYE,EAAO;AAAA,IACnB,MAAMA,EAAO;AAAA,IACb,OAAOG,EAAgBb,GAAO,EAAE,GAAGC,GAAM,QAAAW,GAAQ,MAAMF,EAAO,KAAA,GAAQF,CAAU;AAAA,EAAA;AAEpF;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=[{display:!0,papel:"display-large",size:36,lineHeight:44},{display:!0,papel:"headline-medium",size:24,lineHeight:32},{display:!1,papel:"title",size:16,lineHeight:24}],r={centerSteps:c.map(({display:t,lineHeight:e,size:i})=>({display:t,lineHeight:e,size:i})),family:"sans-serif",headingFamily:"sans-serif",lineHeight:16,size:12},y=.58;function m(t){if(!t||typeof getComputedStyle!="function")return r;const e=getComputedStyle(t),i=e.getPropertyValue("--pl-font-body").trim()||e.fontFamily||r.family,n=e.getPropertyValue("--pl-font-heading").trim()||i,o=Number.parseFloat(e.getPropertyValue("--pl-type-caption-size"))||r.size,u=Number.parseFloat(e.getPropertyValue("--pl-type-caption-line-height")),p=l=>Number.parseFloat(e.getPropertyValue(`--pl-type-${l}`));return{centerSteps:c.map(l=>({display:l.display,lineHeight:p(`${l.papel}-line-height`)||l.lineHeight,size:p(`${l.papel}-size`)||l.size})),family:i,headingFamily:n,lineHeight:u||o*1.34,size:o}}let a;function f(){if(a===void 0)try{a=document.createElement("canvas").getContext("2d")}catch{a=null}return a}function s(t,e){const i=t.length*e.size*y,n=f();return n?(n.font=`${e.size}px ${e.family}`,n.measureText(t).width||i):i}function d(t,e){return t.reduce((i,n)=>Math.max(i,s(n,e)),0)}function g(t,e,i){if(i<=0)return"";if(s(t,e)<=i)return t;let n=t.length;for(;n>0&&s(`${t.slice(0,n)}…`,e)>i;)n-=1;return n>0?`${t.slice(0,n)}…`:""}exports.labelFontOf=m;exports.measureLabel=s;exports.truncateToWidth=g;exports.widestLabel=d;
+//# sourceMappingURL=measureText.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"measureText.cjs","sources":["../../../../src/components/charts/core/measureText.ts"],"sourcesContent":["/** Um degrau da escala tipografica para o valor do centro de um anel. */\nexport interface CenterStep {\n  display: boolean;\n  lineHeight: number;\n  size: number;\n}\n\nexport interface LabelFont {\n  /** Degraus do valor do centro, do maior ao menor: display, headline e title. */\n  centerSteps: readonly CenterStep[];\n  family: string;\n  /** Familia de display, usada onde o valor e um KPI. */\n  headingFamily: string;\n  lineHeight: number;\n  size: number;\n}\n\n/** Os papeis de cada degrau do centro e o valor deles na referencia tipografica, para quando nao ha CSS. */\nconst DEGRAUS_DO_CENTRO = [\n  { display: true, papel: 'display-large', size: 36, lineHeight: 44 },\n  { display: true, papel: 'headline-medium', size: 24, lineHeight: 32 },\n  { display: false, papel: 'title', size: 16, lineHeight: 24 },\n];\n\nconst PADRAO: LabelFont = {\n  centerSteps: DEGRAUS_DO_CENTRO.map(({ display, lineHeight, size }) => ({ display, lineHeight, size })),\n  family: 'sans-serif',\n  headingFamily: 'sans-serif',\n  lineHeight: 16,\n  size: 12,\n};\n\n/** Proporcao entre a largura media de um caractere e o corpo da fonte. */\nconst LARGURA_POR_CARACTERE = 0.58;\n\n/**\n * Fonte dos rotulos, lida dos tokens no proprio elemento do grafico. Ler do\n * elemento evita repetir em JavaScript um valor que ja pertence ao CSS.\n */\nexport function labelFontOf(node: Element | null): LabelFont {\n  if (!node || typeof getComputedStyle !== 'function') {\n    return PADRAO;\n  }\n\n  const estilo = getComputedStyle(node);\n  const family = estilo.getPropertyValue('--pl-font-body').trim() || estilo.fontFamily || PADRAO.family;\n  const headingFamily = estilo.getPropertyValue('--pl-font-heading').trim() || family;\n  const size = Number.parseFloat(estilo.getPropertyValue('--pl-type-caption-size')) || PADRAO.size;\n  const lineHeight = Number.parseFloat(estilo.getPropertyValue('--pl-type-caption-line-height'));\n  const token = (nome: string) => Number.parseFloat(estilo.getPropertyValue(`--pl-type-${nome}`));\n  const centerSteps = DEGRAUS_DO_CENTRO.map((degrau) => ({\n    display: degrau.display,\n    lineHeight: token(`${degrau.papel}-line-height`) || degrau.lineHeight,\n    size: token(`${degrau.papel}-size`) || degrau.size,\n  }));\n\n  return { centerSteps, family, headingFamily, lineHeight: lineHeight || size * 1.34, size };\n}\n\nlet contexto: CanvasRenderingContext2D | null | undefined;\n\nfunction contextoDeMedida() {\n  if (contexto === undefined) {\n    try {\n      contexto = document.createElement('canvas').getContext('2d');\n    } catch {\n      contexto = null;\n    }\n  }\n\n  return contexto;\n}\n\n/**\n * Largura do texto na fonte informada. O canvas mede sem inserir nada na\n * pagina; onde ele nao existe, a estimativa por caractere mantem o calculo\n * deterministico, em vez de devolver zero e amontoar os rotulos.\n */\nexport function measureLabel(text: string, font: LabelFont) {\n  const estimativa = text.length * font.size * LARGURA_POR_CARACTERE;\n  const medida = contextoDeMedida();\n\n  if (!medida) {\n    return estimativa;\n  }\n\n  medida.font = `${font.size}px ${font.family}`;\n\n  return medida.measureText(text).width || estimativa;\n}\n\nexport function widestLabel(labels: readonly string[], font: LabelFont) {\n  return labels.reduce((maior, rotulo) => Math.max(maior, measureLabel(rotulo, font)), 0);\n}\n\n/**\n * Texto cortado para caber na largura, com reticencia. Onde o desenho e o\n * proprio espaco — o centro de um anel, o retangulo de um mapa de area — nao ha\n * caixa que corte por conta propria.\n */\nexport function truncateToWidth(text: string, font: LabelFont, maxWidth: number) {\n  if (maxWidth <= 0) {\n    return '';\n  }\n\n  if (measureLabel(text, font) <= maxWidth) {\n    return text;\n  }\n\n  let corte = text.length;\n\n  while (corte > 0 && measureLabel(`${text.slice(0, corte)}…`, font) > maxWidth) {\n    corte -= 1;\n  }\n\n  return corte > 0 ? `${text.slice(0, corte)}…` : '';\n}\n\n"],"names":["DEGRAUS_DO_CENTRO","PADRAO","display","lineHeight","size","LARGURA_POR_CARACTERE","labelFontOf","node","estilo","family","headingFamily","token","nome","degrau","contexto","contextoDeMedida","measureLabel","text","font","estimativa","medida","widestLabel","labels","maior","rotulo","truncateToWidth","maxWidth","corte"],"mappings":"gFAkBA,MAAMA,EAAoB,CACxB,CAAE,QAAS,GAAM,MAAO,gBAAiB,KAAM,GAAI,WAAY,EAAA,EAC/D,CAAE,QAAS,GAAM,MAAO,kBAAmB,KAAM,GAAI,WAAY,EAAA,EACjE,CAAE,QAAS,GAAO,MAAO,QAAS,KAAM,GAAI,WAAY,EAAA,CAC1D,EAEMC,EAAoB,CACxB,YAAaD,EAAkB,IAAI,CAAC,CAAE,QAAAE,EAAS,WAAAC,EAAY,KAAAC,CAAA,KAAY,CAAE,QAAAF,EAAS,WAAAC,EAAY,KAAAC,GAAO,EACrG,OAAQ,aACR,cAAe,aACf,WAAY,GACZ,KAAM,EACR,EAGMC,EAAwB,IAMvB,SAASC,EAAYC,EAAiC,CAC3D,GAAI,CAACA,GAAQ,OAAO,kBAAqB,WACvC,OAAON,EAGT,MAAMO,EAAS,iBAAiBD,CAAI,EAC9BE,EAASD,EAAO,iBAAiB,gBAAgB,EAAE,KAAA,GAAUA,EAAO,YAAcP,EAAO,OACzFS,EAAgBF,EAAO,iBAAiB,mBAAmB,EAAE,QAAUC,EACvEL,EAAO,OAAO,WAAWI,EAAO,iBAAiB,wBAAwB,CAAC,GAAKP,EAAO,KACtFE,EAAa,OAAO,WAAWK,EAAO,iBAAiB,+BAA+B,CAAC,EACvFG,EAASC,GAAiB,OAAO,WAAWJ,EAAO,iBAAiB,aAAaI,CAAI,EAAE,CAAC,EAO9F,MAAO,CAAE,YANWZ,EAAkB,IAAKa,IAAY,CACrD,QAASA,EAAO,QAChB,WAAYF,EAAM,GAAGE,EAAO,KAAK,cAAc,GAAKA,EAAO,WAC3D,KAAMF,EAAM,GAAGE,EAAO,KAAK,OAAO,GAAKA,EAAO,IAAA,EAC9C,EAEoB,OAAAJ,EAAQ,cAAAC,EAAe,WAAYP,GAAcC,EAAO,KAAM,KAAAA,CAAA,CACtF,CAEA,IAAIU,EAEJ,SAASC,GAAmB,CAC1B,GAAID,IAAa,OACf,GAAI,CACFA,EAAW,SAAS,cAAc,QAAQ,EAAE,WAAW,IAAI,CAC7D,MAAQ,CACNA,EAAW,IACb,CAGF,OAAOA,CACT,CAOO,SAASE,EAAaC,EAAcC,EAAiB,CAC1D,MAAMC,EAAaF,EAAK,OAASC,EAAK,KAAOb,EACvCe,EAASL,EAAA,EAEf,OAAKK,GAILA,EAAO,KAAO,GAAGF,EAAK,IAAI,MAAMA,EAAK,MAAM,GAEpCE,EAAO,YAAYH,CAAI,EAAE,OAASE,GALhCA,CAMX,CAEO,SAASE,EAAYC,EAA2BJ,EAAiB,CACtE,OAAOI,EAAO,OAAO,CAACC,EAAOC,IAAW,KAAK,IAAID,EAAOP,EAAaQ,EAAQN,CAAI,CAAC,EAAG,CAAC,CACxF,CAOO,SAASO,EAAgBR,EAAcC,EAAiBQ,EAAkB,CAC/E,GAAIA,GAAY,EACd,MAAO,GAGT,GAAIV,EAAaC,EAAMC,CAAI,GAAKQ,EAC9B,OAAOT,EAGT,IAAIU,EAAQV,EAAK,OAEjB,KAAOU,EAAQ,GAAKX,EAAa,GAAGC,EAAK,MAAM,EAAGU,CAAK,CAAC,IAAKT,CAAI,EAAIQ,GACnEC,GAAS,EAGX,OAAOA,EAAQ,EAAI,GAAGV,EAAK,MAAM,EAAGU,CAAK,CAAC,IAAM,EAClD"}

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

@@ -0,0 +1,55 @@
+const c = [
+  { display: !0, papel: "display-large", size: 36, lineHeight: 44 },
+  { display: !0, papel: "headline-medium", size: 24, lineHeight: 32 },
+  { display: !1, papel: "title", size: 16, lineHeight: 24 }
+], s = {
+  centerSteps: c.map(({ display: t, lineHeight: e, size: i }) => ({ display: t, lineHeight: e, size: i })),
+  family: "sans-serif",
+  headingFamily: "sans-serif",
+  lineHeight: 16,
+  size: 12
+}, y = 0.58;
+function h(t) {
+  if (!t || typeof getComputedStyle != "function")
+    return s;
+  const e = getComputedStyle(t), i = e.getPropertyValue("--pl-font-body").trim() || e.fontFamily || s.family, n = e.getPropertyValue("--pl-font-heading").trim() || i, o = Number.parseFloat(e.getPropertyValue("--pl-type-caption-size")) || s.size, u = Number.parseFloat(e.getPropertyValue("--pl-type-caption-line-height")), p = (l) => Number.parseFloat(e.getPropertyValue(`--pl-type-${l}`));
+  return { centerSteps: c.map((l) => ({
+    display: l.display,
+    lineHeight: p(`${l.papel}-line-height`) || l.lineHeight,
+    size: p(`${l.papel}-size`) || l.size
+  })), family: i, headingFamily: n, lineHeight: u || o * 1.34, size: o };
+}
+let a;
+function m() {
+  if (a === void 0)
+    try {
+      a = document.createElement("canvas").getContext("2d");
+    } catch {
+      a = null;
+    }
+  return a;
+}
+function r(t, e) {
+  const i = t.length * e.size * y, n = m();
+  return n ? (n.font = `${e.size}px ${e.family}`, n.measureText(t).width || i) : i;
+}
+function g(t, e) {
+  return t.reduce((i, n) => Math.max(i, r(n, e)), 0);
+}
+function d(t, e, i) {
+  if (i <= 0)
+    return "";
+  if (r(t, e) <= i)
+    return t;
+  let n = t.length;
+  for (; n > 0 && r(`${t.slice(0, n)}…`, e) > i; )
+    n -= 1;
+  return n > 0 ? `${t.slice(0, n)}…` : "";
+}
+export {
+  h as labelFontOf,
+  r as measureLabel,
+  d as truncateToWidth,
+  g as widestLabel
+};
+//# sourceMappingURL=measureText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"measureText.js","sources":["../../../../src/components/charts/core/measureText.ts"],"sourcesContent":["/** Um degrau da escala tipografica para o valor do centro de um anel. */\nexport interface CenterStep {\n  display: boolean;\n  lineHeight: number;\n  size: number;\n}\n\nexport interface LabelFont {\n  /** Degraus do valor do centro, do maior ao menor: display, headline e title. */\n  centerSteps: readonly CenterStep[];\n  family: string;\n  /** Familia de display, usada onde o valor e um KPI. */\n  headingFamily: string;\n  lineHeight: number;\n  size: number;\n}\n\n/** Os papeis de cada degrau do centro e o valor deles na referencia tipografica, para quando nao ha CSS. */\nconst DEGRAUS_DO_CENTRO = [\n  { display: true, papel: 'display-large', size: 36, lineHeight: 44 },\n  { display: true, papel: 'headline-medium', size: 24, lineHeight: 32 },\n  { display: false, papel: 'title', size: 16, lineHeight: 24 },\n];\n\nconst PADRAO: LabelFont = {\n  centerSteps: DEGRAUS_DO_CENTRO.map(({ display, lineHeight, size }) => ({ display, lineHeight, size })),\n  family: 'sans-serif',\n  headingFamily: 'sans-serif',\n  lineHeight: 16,\n  size: 12,\n};\n\n/** Proporcao entre a largura media de um caractere e o corpo da fonte. */\nconst LARGURA_POR_CARACTERE = 0.58;\n\n/**\n * Fonte dos rotulos, lida dos tokens no proprio elemento do grafico. Ler do\n * elemento evita repetir em JavaScript um valor que ja pertence ao CSS.\n */\nexport function labelFontOf(node: Element | null): LabelFont {\n  if (!node || typeof getComputedStyle !== 'function') {\n    return PADRAO;\n  }\n\n  const estilo = getComputedStyle(node);\n  const family = estilo.getPropertyValue('--pl-font-body').trim() || estilo.fontFamily || PADRAO.family;\n  const headingFamily = estilo.getPropertyValue('--pl-font-heading').trim() || family;\n  const size = Number.parseFloat(estilo.getPropertyValue('--pl-type-caption-size')) || PADRAO.size;\n  const lineHeight = Number.parseFloat(estilo.getPropertyValue('--pl-type-caption-line-height'));\n  const token = (nome: string) => Number.parseFloat(estilo.getPropertyValue(`--pl-type-${nome}`));\n  const centerSteps = DEGRAUS_DO_CENTRO.map((degrau) => ({\n    display: degrau.display,\n    lineHeight: token(`${degrau.papel}-line-height`) || degrau.lineHeight,\n    size: token(`${degrau.papel}-size`) || degrau.size,\n  }));\n\n  return { centerSteps, family, headingFamily, lineHeight: lineHeight || size * 1.34, size };\n}\n\nlet contexto: CanvasRenderingContext2D | null | undefined;\n\nfunction contextoDeMedida() {\n  if (contexto === undefined) {\n    try {\n      contexto = document.createElement('canvas').getContext('2d');\n    } catch {\n      contexto = null;\n    }\n  }\n\n  return contexto;\n}\n\n/**\n * Largura do texto na fonte informada. O canvas mede sem inserir nada na\n * pagina; onde ele nao existe, a estimativa por caractere mantem o calculo\n * deterministico, em vez de devolver zero e amontoar os rotulos.\n */\nexport function measureLabel(text: string, font: LabelFont) {\n  const estimativa = text.length * font.size * LARGURA_POR_CARACTERE;\n  const medida = contextoDeMedida();\n\n  if (!medida) {\n    return estimativa;\n  }\n\n  medida.font = `${font.size}px ${font.family}`;\n\n  return medida.measureText(text).width || estimativa;\n}\n\nexport function widestLabel(labels: readonly string[], font: LabelFont) {\n  return labels.reduce((maior, rotulo) => Math.max(maior, measureLabel(rotulo, font)), 0);\n}\n\n/**\n * Texto cortado para caber na largura, com reticencia. Onde o desenho e o\n * proprio espaco — o centro de um anel, o retangulo de um mapa de area — nao ha\n * caixa que corte por conta propria.\n */\nexport function truncateToWidth(text: string, font: LabelFont, maxWidth: number) {\n  if (maxWidth <= 0) {\n    return '';\n  }\n\n  if (measureLabel(text, font) <= maxWidth) {\n    return text;\n  }\n\n  let corte = text.length;\n\n  while (corte > 0 && measureLabel(`${text.slice(0, corte)}…`, font) > maxWidth) {\n    corte -= 1;\n  }\n\n  return corte > 0 ? `${text.slice(0, corte)}…` : '';\n}\n\n"],"names":["DEGRAUS_DO_CENTRO","PADRAO","display","lineHeight","size","LARGURA_POR_CARACTERE","labelFontOf","node","estilo","family","headingFamily","token","nome","degrau","contexto","contextoDeMedida","measureLabel","text","font","estimativa","medida","widestLabel","labels","maior","rotulo","truncateToWidth","maxWidth","corte"],"mappings":"AAkBA,MAAMA,IAAoB;AAAA,EACxB,EAAE,SAAS,IAAM,OAAO,iBAAiB,MAAM,IAAI,YAAY,GAAA;AAAA,EAC/D,EAAE,SAAS,IAAM,OAAO,mBAAmB,MAAM,IAAI,YAAY,GAAA;AAAA,EACjE,EAAE,SAAS,IAAO,OAAO,SAAS,MAAM,IAAI,YAAY,GAAA;AAC1D,GAEMC,IAAoB;AAAA,EACxB,aAAaD,EAAkB,IAAI,CAAC,EAAE,SAAAE,GAAS,YAAAC,GAAY,MAAAC,EAAA,OAAY,EAAE,SAAAF,GAAS,YAAAC,GAAY,MAAAC,IAAO;AAAA,EACrG,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,MAAM;AACR,GAGMC,IAAwB;AAMvB,SAASC,EAAYC,GAAiC;AAC3D,MAAI,CAACA,KAAQ,OAAO,oBAAqB;AACvC,WAAON;AAGT,QAAMO,IAAS,iBAAiBD,CAAI,GAC9BE,IAASD,EAAO,iBAAiB,gBAAgB,EAAE,KAAA,KAAUA,EAAO,cAAcP,EAAO,QACzFS,IAAgBF,EAAO,iBAAiB,mBAAmB,EAAE,UAAUC,GACvEL,IAAO,OAAO,WAAWI,EAAO,iBAAiB,wBAAwB,CAAC,KAAKP,EAAO,MACtFE,IAAa,OAAO,WAAWK,EAAO,iBAAiB,+BAA+B,CAAC,GACvFG,IAAQ,CAACC,MAAiB,OAAO,WAAWJ,EAAO,iBAAiB,aAAaI,CAAI,EAAE,CAAC;AAO9F,SAAO,EAAE,aANWZ,EAAkB,IAAI,CAACa,OAAY;AAAA,IACrD,SAASA,EAAO;AAAA,IAChB,YAAYF,EAAM,GAAGE,EAAO,KAAK,cAAc,KAAKA,EAAO;AAAA,IAC3D,MAAMF,EAAM,GAAGE,EAAO,KAAK,OAAO,KAAKA,EAAO;AAAA,EAAA,EAC9C,GAEoB,QAAAJ,GAAQ,eAAAC,GAAe,YAAYP,KAAcC,IAAO,MAAM,MAAAA,EAAA;AACtF;AAEA,IAAIU;AAEJ,SAASC,IAAmB;AAC1B,MAAID,MAAa;AACf,QAAI;AACF,MAAAA,IAAW,SAAS,cAAc,QAAQ,EAAE,WAAW,IAAI;AAAA,IAC7D,QAAQ;AACN,MAAAA,IAAW;AAAA,IACb;AAGF,SAAOA;AACT;AAOO,SAASE,EAAaC,GAAcC,GAAiB;AAC1D,QAAMC,IAAaF,EAAK,SAASC,EAAK,OAAOb,GACvCe,IAASL,EAAA;AAEf,SAAKK,KAILA,EAAO,OAAO,GAAGF,EAAK,IAAI,MAAMA,EAAK,MAAM,IAEpCE,EAAO,YAAYH,CAAI,EAAE,SAASE,KALhCA;AAMX;AAEO,SAASE,EAAYC,GAA2BJ,GAAiB;AACtE,SAAOI,EAAO,OAAO,CAACC,GAAOC,MAAW,KAAK,IAAID,GAAOP,EAAaQ,GAAQN,CAAI,CAAC,GAAG,CAAC;AACxF;AAOO,SAASO,EAAgBR,GAAcC,GAAiBQ,GAAkB;AAC/E,MAAIA,KAAY;AACd,WAAO;AAGT,MAAIV,EAAaC,GAAMC,CAAI,KAAKQ;AAC9B,WAAOT;AAGT,MAAIU,IAAQV,EAAK;AAEjB,SAAOU,IAAQ,KAAKX,EAAa,GAAGC,EAAK,MAAM,GAAGU,CAAK,CAAC,KAAKT,CAAI,IAAIQ;AACnE,IAAAC,KAAS;AAGX,SAAOA,IAAQ,IAAI,GAAGV,EAAK,MAAM,GAAGU,CAAK,CAAC,MAAM;AAClD;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("d3-shape");function f(i){return i==="smooth"?c.curveMonotoneX:c.curveLinear}function v(i,r){return c.line().defined(e=>e!==null&&Number.isFinite(e.x)&&Number.isFinite(e.y)).x(e=>(e==null?void 0:e.x)??0).y(e=>(e==null?void 0:e.y)??0).curve(f(r))(i)??""}function L(i,r){return c.area().defined(e=>e!==null&&Number.isFinite(e.y0)&&Number.isFinite(e.y1)).x(e=>(e==null?void 0:e.x)??0).y0(e=>(e==null?void 0:e.y0)??0).y1(e=>(e==null?void 0:e.y1)??0).curve(f(r))(i)??""}function y(i,r,e,m,h){const M=Math.max(Math.min(e,m)/2,0),[u,n,s,l]=h.map(P=>Math.max(Math.min(P,M),0)),t=i+e,$=r+m;return[`M${i+u},${r}`,`L${t-n},${r}`,n?`Q${t},${r} ${t},${r+n}`:"",`L${t},${$-s}`,s?`Q${t},${$} ${t-s},${$}`:"",`L${i+l},${$}`,l?`Q${i},${$} ${i},${$-l}`:"",`L${i},${r+u}`,u?`Q${i},${r} ${i+u},${r}`:"","Z"].filter(Boolean).join("")}exports.areaPath=L;exports.linePath=v;exports.roundedBarPath=y;
+//# sourceMappingURL=shapes.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shapes.cjs","sources":["../../../../src/components/charts/core/shapes.ts"],"sourcesContent":["import { area, curveLinear, curveMonotoneX, line } from 'd3-shape';\n\nexport type ChartCurve = 'smooth' | 'straight';\n\nexport interface ChartPoint {\n  x: number;\n  y: number;\n}\n\nexport interface ChartBand {\n  x: number;\n  y0: number;\n  y1: number;\n}\n\nfunction curveOf(curve: ChartCurve) {\n  return curve === 'smooth' ? curveMonotoneX : curveLinear;\n}\n\n/**\n * Caminho de uma curva, com interrupcao onde o valor nao existe. Emendar sobre\n * o buraco desenharia um trecho que o dado nao afirma.\n */\nexport function linePath(points: readonly (ChartPoint | null)[], curve: ChartCurve) {\n  return (\n    line<ChartPoint | null>()\n      .defined((ponto) => ponto !== null && Number.isFinite(ponto.x) && Number.isFinite(ponto.y))\n      .x((ponto) => ponto?.x ?? 0)\n      .y((ponto) => ponto?.y ?? 0)\n      .curve(curveOf(curve))(points) ?? ''\n  );\n}\n\n/** Caminho da faixa entre duas linhas. A base varia quando as areas empilham. */\nexport function areaPath(bands: readonly (ChartBand | null)[], curve: ChartCurve) {\n  return (\n    area<ChartBand | null>()\n      .defined((banda) => banda !== null && Number.isFinite(banda.y0) && Number.isFinite(banda.y1))\n      .x((banda) => banda?.x ?? 0)\n      .y0((banda) => banda?.y0 ?? 0)\n      .y1((banda) => banda?.y1 ?? 0)\n      .curve(curveOf(curve))(bands) ?? ''\n  );\n}\n\n/** Raios dos quatro cantos, no sentido horario a partir do superior esquerdo. */\nexport type CornerRadii = [number, number, number, number];\n\n/**\n * Retangulo com raio por canto, arredondado por curva quadratica com o controle\n * no proprio canto. O atributo `rx` arredonda os quatro de uma vez, e numa barra\n * empilhada isso separa os segmentos: a pilha precisa das duas pontas\n * arredondadas e do meio reto, para parecer uma barra so.\n */\nexport function roundedBarPath(\n  x: number,\n  y: number,\n  width: number,\n  height: number,\n  radii: CornerRadii,\n) {\n  const limite = Math.max(Math.min(width, height) / 2, 0);\n  const [se, sd, id, ie] = radii.map((raio) => Math.max(Math.min(raio, limite), 0));\n  const direita = x + width;\n  const base = y + height;\n\n  // Todos os comandos levam par de coordenadas, sem `H` nem `V`: o caminho fica\n  // uniforme e as suas medidas saem dele sem interpretar comando a comando.\n  return [\n    `M${x + se},${y}`,\n    `L${direita - sd},${y}`,\n    sd ? `Q${direita},${y} ${direita},${y + sd}` : '',\n    `L${direita},${base - id}`,\n    id ? `Q${direita},${base} ${direita - id},${base}` : '',\n    `L${x + ie},${base}`,\n    ie ? `Q${x},${base} ${x},${base - ie}` : '',\n    `L${x},${y + se}`,\n    se ? `Q${x},${y} ${x + se},${y}` : '',\n    'Z',\n  ]\n    .filter(Boolean)\n    .join('');\n}\n"],"names":["curveOf","curve","curveMonotoneX","curveLinear","linePath","points","line","ponto","areaPath","bands","area","banda","roundedBarPath","x","y","width","height","radii","limite","se","sd","id","ie","raio","direita","base"],"mappings":"4GAeA,SAASA,EAAQC,EAAmB,CAClC,OAAOA,IAAU,SAAWC,EAAAA,eAAiBC,EAAAA,WAC/C,CAMO,SAASC,EAASC,EAAwCJ,EAAmB,CAClF,OACEK,EAAAA,OACG,QAASC,GAAUA,IAAU,MAAQ,OAAO,SAASA,EAAM,CAAC,GAAK,OAAO,SAASA,EAAM,CAAC,CAAC,EACzF,EAAGA,IAAUA,GAAA,YAAAA,EAAO,IAAK,CAAC,EAC1B,EAAGA,IAAUA,GAAA,YAAAA,EAAO,IAAK,CAAC,EAC1B,MAAMP,EAAQC,CAAK,CAAC,EAAEI,CAAM,GAAK,EAExC,CAGO,SAASG,EAASC,EAAsCR,EAAmB,CAChF,OACES,EAAAA,KAAA,EACG,QAASC,GAAUA,IAAU,MAAQ,OAAO,SAASA,EAAM,EAAE,GAAK,OAAO,SAASA,EAAM,EAAE,CAAC,EAC3F,EAAGA,IAAUA,GAAA,YAAAA,EAAO,IAAK,CAAC,EAC1B,GAAIA,IAAUA,GAAA,YAAAA,EAAO,KAAM,CAAC,EAC5B,GAAIA,IAAUA,GAAA,YAAAA,EAAO,KAAM,CAAC,EAC5B,MAAMX,EAAQC,CAAK,CAAC,EAAEQ,CAAK,GAAK,EAEvC,CAWO,SAASG,EACdC,EACAC,EACAC,EACAC,EACAC,EACA,CACA,MAAMC,EAAS,KAAK,IAAI,KAAK,IAAIH,EAAOC,CAAM,EAAI,EAAG,CAAC,EAChD,CAACG,EAAIC,EAAIC,EAAIC,CAAE,EAAIL,EAAM,IAAKM,GAAS,KAAK,IAAI,KAAK,IAAIA,EAAML,CAAM,EAAG,CAAC,CAAC,EAC1EM,EAAUX,EAAIE,EACdU,EAAOX,EAAIE,EAIjB,MAAO,CACL,IAAIH,EAAIM,CAAE,IAAIL,CAAC,GACf,IAAIU,EAAUJ,CAAE,IAAIN,CAAC,GACrBM,EAAK,IAAII,CAAO,IAAIV,CAAC,IAAIU,CAAO,IAAIV,EAAIM,CAAE,GAAK,GAC/C,IAAII,CAAO,IAAIC,EAAOJ,CAAE,GACxBA,EAAK,IAAIG,CAAO,IAAIC,CAAI,IAAID,EAAUH,CAAE,IAAII,CAAI,GAAK,GACrD,IAAIZ,EAAIS,CAAE,IAAIG,CAAI,GAClBH,EAAK,IAAIT,CAAC,IAAIY,CAAI,IAAIZ,CAAC,IAAIY,EAAOH,CAAE,GAAK,GACzC,IAAIT,CAAC,IAAIC,EAAIK,CAAE,GACfA,EAAK,IAAIN,CAAC,IAAIC,CAAC,IAAID,EAAIM,CAAE,IAAIL,CAAC,GAAK,GACnC,GAAA,EAEC,OAAO,OAAO,EACd,KAAK,EAAE,CACZ"}

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

@@ -0,0 +1,31 @@
+import { area as v, line as L, curveMonotoneX as F, curveLinear as N } from "d3-shape";
+function f(i) {
+  return i === "smooth" ? F : N;
+}
+function P(i, r) {
+  return L().defined((e) => e !== null && Number.isFinite(e.x) && Number.isFinite(e.y)).x((e) => (e == null ? void 0 : e.x) ?? 0).y((e) => (e == null ? void 0 : e.y) ?? 0).curve(f(r))(i) ?? "";
+}
+function y(i, r) {
+  return v().defined((e) => e !== null && Number.isFinite(e.y0) && Number.isFinite(e.y1)).x((e) => (e == null ? void 0 : e.x) ?? 0).y0((e) => (e == null ? void 0 : e.y0) ?? 0).y1((e) => (e == null ? void 0 : e.y1) ?? 0).curve(f(r))(i) ?? "";
+}
+function B(i, r, e, n, l) {
+  const M = Math.max(Math.min(e, n) / 2, 0), [t, c, m, s] = l.map((h) => Math.max(Math.min(h, M), 0)), $ = i + e, u = r + n;
+  return [
+    `M${i + t},${r}`,
+    `L${$ - c},${r}`,
+    c ? `Q${$},${r} ${$},${r + c}` : "",
+    `L${$},${u - m}`,
+    m ? `Q${$},${u} ${$ - m},${u}` : "",
+    `L${i + s},${u}`,
+    s ? `Q${i},${u} ${i},${u - s}` : "",
+    `L${i},${r + t}`,
+    t ? `Q${i},${r} ${i + t},${r}` : "",
+    "Z"
+  ].filter(Boolean).join("");
+}
+export {
+  y as areaPath,
+  P as linePath,
+  B as roundedBarPath
+};
+//# sourceMappingURL=shapes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shapes.js","sources":["../../../../src/components/charts/core/shapes.ts"],"sourcesContent":["import { area, curveLinear, curveMonotoneX, line } from 'd3-shape';\n\nexport type ChartCurve = 'smooth' | 'straight';\n\nexport interface ChartPoint {\n  x: number;\n  y: number;\n}\n\nexport interface ChartBand {\n  x: number;\n  y0: number;\n  y1: number;\n}\n\nfunction curveOf(curve: ChartCurve) {\n  return curve === 'smooth' ? curveMonotoneX : curveLinear;\n}\n\n/**\n * Caminho de uma curva, com interrupcao onde o valor nao existe. Emendar sobre\n * o buraco desenharia um trecho que o dado nao afirma.\n */\nexport function linePath(points: readonly (ChartPoint | null)[], curve: ChartCurve) {\n  return (\n    line<ChartPoint | null>()\n      .defined((ponto) => ponto !== null && Number.isFinite(ponto.x) && Number.isFinite(ponto.y))\n      .x((ponto) => ponto?.x ?? 0)\n      .y((ponto) => ponto?.y ?? 0)\n      .curve(curveOf(curve))(points) ?? ''\n  );\n}\n\n/** Caminho da faixa entre duas linhas. A base varia quando as areas empilham. */\nexport function areaPath(bands: readonly (ChartBand | null)[], curve: ChartCurve) {\n  return (\n    area<ChartBand | null>()\n      .defined((banda) => banda !== null && Number.isFinite(banda.y0) && Number.isFinite(banda.y1))\n      .x((banda) => banda?.x ?? 0)\n      .y0((banda) => banda?.y0 ?? 0)\n      .y1((banda) => banda?.y1 ?? 0)\n      .curve(curveOf(curve))(bands) ?? ''\n  );\n}\n\n/** Raios dos quatro cantos, no sentido horario a partir do superior esquerdo. */\nexport type CornerRadii = [number, number, number, number];\n\n/**\n * Retangulo com raio por canto, arredondado por curva quadratica com o controle\n * no proprio canto. O atributo `rx` arredonda os quatro de uma vez, e numa barra\n * empilhada isso separa os segmentos: a pilha precisa das duas pontas\n * arredondadas e do meio reto, para parecer uma barra so.\n */\nexport function roundedBarPath(\n  x: number,\n  y: number,\n  width: number,\n  height: number,\n  radii: CornerRadii,\n) {\n  const limite = Math.max(Math.min(width, height) / 2, 0);\n  const [se, sd, id, ie] = radii.map((raio) => Math.max(Math.min(raio, limite), 0));\n  const direita = x + width;\n  const base = y + height;\n\n  // Todos os comandos levam par de coordenadas, sem `H` nem `V`: o caminho fica\n  // uniforme e as suas medidas saem dele sem interpretar comando a comando.\n  return [\n    `M${x + se},${y}`,\n    `L${direita - sd},${y}`,\n    sd ? `Q${direita},${y} ${direita},${y + sd}` : '',\n    `L${direita},${base - id}`,\n    id ? `Q${direita},${base} ${direita - id},${base}` : '',\n    `L${x + ie},${base}`,\n    ie ? `Q${x},${base} ${x},${base - ie}` : '',\n    `L${x},${y + se}`,\n    se ? `Q${x},${y} ${x + se},${y}` : '',\n    'Z',\n  ]\n    .filter(Boolean)\n    .join('');\n}\n"],"names":["curveOf","curve","curveMonotoneX","curveLinear","linePath","points","line","ponto","areaPath","bands","area","banda","roundedBarPath","x","y","width","height","radii","limite","se","sd","id","ie","raio","direita","base"],"mappings":";AAeA,SAASA,EAAQC,GAAmB;AAClC,SAAOA,MAAU,WAAWC,IAAiBC;AAC/C;AAMO,SAASC,EAASC,GAAwCJ,GAAmB;AAClF,SACEK,IACG,QAAQ,CAACC,MAAUA,MAAU,QAAQ,OAAO,SAASA,EAAM,CAAC,KAAK,OAAO,SAASA,EAAM,CAAC,CAAC,EACzF,EAAE,CAACA,OAAUA,KAAA,gBAAAA,EAAO,MAAK,CAAC,EAC1B,EAAE,CAACA,OAAUA,KAAA,gBAAAA,EAAO,MAAK,CAAC,EAC1B,MAAMP,EAAQC,CAAK,CAAC,EAAEI,CAAM,KAAK;AAExC;AAGO,SAASG,EAASC,GAAsCR,GAAmB;AAChF,SACES,EAAA,EACG,QAAQ,CAACC,MAAUA,MAAU,QAAQ,OAAO,SAASA,EAAM,EAAE,KAAK,OAAO,SAASA,EAAM,EAAE,CAAC,EAC3F,EAAE,CAACA,OAAUA,KAAA,gBAAAA,EAAO,MAAK,CAAC,EAC1B,GAAG,CAACA,OAAUA,KAAA,gBAAAA,EAAO,OAAM,CAAC,EAC5B,GAAG,CAACA,OAAUA,KAAA,gBAAAA,EAAO,OAAM,CAAC,EAC5B,MAAMX,EAAQC,CAAK,CAAC,EAAEQ,CAAK,KAAK;AAEvC;AAWO,SAASG,EACdC,GACAC,GACAC,GACAC,GACAC,GACA;AACA,QAAMC,IAAS,KAAK,IAAI,KAAK,IAAIH,GAAOC,CAAM,IAAI,GAAG,CAAC,GAChD,CAACG,GAAIC,GAAIC,GAAIC,CAAE,IAAIL,EAAM,IAAI,CAACM,MAAS,KAAK,IAAI,KAAK,IAAIA,GAAML,CAAM,GAAG,CAAC,CAAC,GAC1EM,IAAUX,IAAIE,GACdU,IAAOX,IAAIE;AAIjB,SAAO;AAAA,IACL,IAAIH,IAAIM,CAAE,IAAIL,CAAC;AAAA,IACf,IAAIU,IAAUJ,CAAE,IAAIN,CAAC;AAAA,IACrBM,IAAK,IAAII,CAAO,IAAIV,CAAC,IAAIU,CAAO,IAAIV,IAAIM,CAAE,KAAK;AAAA,IAC/C,IAAII,CAAO,IAAIC,IAAOJ,CAAE;AAAA,IACxBA,IAAK,IAAIG,CAAO,IAAIC,CAAI,IAAID,IAAUH,CAAE,IAAII,CAAI,KAAK;AAAA,IACrD,IAAIZ,IAAIS,CAAE,IAAIG,CAAI;AAAA,IAClBH,IAAK,IAAIT,CAAC,IAAIY,CAAI,IAAIZ,CAAC,IAAIY,IAAOH,CAAE,KAAK;AAAA,IACzC,IAAIT,CAAC,IAAIC,IAAIK,CAAE;AAAA,IACfA,IAAK,IAAIN,CAAC,IAAIC,CAAC,IAAID,IAAIM,CAAE,IAAIL,CAAC,KAAK;AAAA,IACnC;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,EAAE;AACZ;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function u(r){return Number.isFinite(r.value)?Math.max(r.value,0):0}function p(r,{label:c,threshold:n}){const a=r.reduce((e,t)=>e+u(t),0);if(n<=0||a<=0)return r;const i=e=>Number.isFinite(e.value)&&u(e)/a<n,l=r.filter(i);if(l.length<2)return r;const f={intent:"neutral",label:c,value:l.reduce((e,t)=>e+u(t),0)};let o=!1;return r.flatMap(e=>i(e)?o?[]:(o=!0,[f]):[e])}exports.groupSmallSlices=p;
+//# sourceMappingURL=slices.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slices.cjs","sources":["../../../../src/components/charts/core/slices.ts"],"sourcesContent":["import type { SeriesAppearance } from '../palette';\n\nexport interface ChartSlice extends SeriesAppearance {\n  label: string;\n  value: number;\n}\n\nexport interface GroupSmallSlicesOptions {\n  label: string;\n  threshold: number;\n}\n\n/**\n * Reune as fatias pequenas numa so. Abaixo de um limiar a fatia deixa de ser\n * legivel no anel e ainda ocupa uma linha da legenda; o agrupamento e a regra\n * de percentual minimo da referencia.\n *\n * A fatia reunida entra no lugar da primeira pequena, para que a ordem das\n * demais, que a legenda repete, permaneca a mesma.\n */\n/** Valor que a fatia ocupa no anel. Invalido tem o destino do ausente; um so desligava o agrupamento. */\nfunction ocupacao(fatia: ChartSlice) {\n  return Number.isFinite(fatia.value) ? Math.max(fatia.value, 0) : 0;\n}\n\nexport function groupSmallSlices(\n  slices: readonly ChartSlice[],\n  { label, threshold }: GroupSmallSlicesOptions,\n): readonly ChartSlice[] {\n  const total = slices.reduce((soma, fatia) => soma + ocupacao(fatia), 0);\n\n  if (threshold <= 0 || total <= 0) {\n    return slices;\n  }\n\n  const pequena = (fatia: ChartSlice) => Number.isFinite(fatia.value) && ocupacao(fatia) / total < threshold;\n  const pequenas = slices.filter(pequena);\n\n  if (pequenas.length < 2) {\n    return slices;\n  }\n\n  const reunida: ChartSlice = {\n    intent: 'neutral',\n    label,\n    value: pequenas.reduce((soma, fatia) => soma + ocupacao(fatia), 0),\n  };\n\n  let inserida = false;\n\n  return slices.flatMap((fatia) => {\n    if (!pequena(fatia)) {\n      return [fatia];\n    }\n\n    if (inserida) {\n      return [];\n    }\n\n    inserida = true;\n\n    return [reunida];\n  });\n}\n"],"names":["ocupacao","fatia","groupSmallSlices","slices","label","threshold","total","soma","pequena","pequenas","reunida","inserida"],"mappings":"gFAqBA,SAASA,EAASC,EAAmB,CACnC,OAAO,OAAO,SAASA,EAAM,KAAK,EAAI,KAAK,IAAIA,EAAM,MAAO,CAAC,EAAI,CACnE,CAEO,SAASC,EACdC,EACA,CAAE,MAAAC,EAAO,UAAAC,GACc,CACvB,MAAMC,EAAQH,EAAO,OAAO,CAACI,EAAMN,IAAUM,EAAOP,EAASC,CAAK,EAAG,CAAC,EAEtE,GAAII,GAAa,GAAKC,GAAS,EAC7B,OAAOH,EAGT,MAAMK,EAAWP,GAAsB,OAAO,SAASA,EAAM,KAAK,GAAKD,EAASC,CAAK,EAAIK,EAAQD,EAC3FI,EAAWN,EAAO,OAAOK,CAAO,EAEtC,GAAIC,EAAS,OAAS,EACpB,OAAON,EAGT,MAAMO,EAAsB,CAC1B,OAAQ,UACR,MAAAN,EACA,MAAOK,EAAS,OAAO,CAACF,EAAMN,IAAUM,EAAOP,EAASC,CAAK,EAAG,CAAC,CAAA,EAGnE,IAAIU,EAAW,GAEf,OAAOR,EAAO,QAASF,GAChBO,EAAQP,CAAK,EAIdU,EACK,CAAA,GAGTA,EAAW,GAEJ,CAACD,CAAO,GATN,CAACT,CAAK,CAUhB,CACH"}